diff --git a/src/lib/src/editor/editor.component.html b/src/lib/src/editor/editor.component.html
index b89569f..06792f5 100644
--- a/src/lib/src/editor/editor.component.html
+++ b/src/lib/src/editor/editor.component.html
@@ -4,7 +4,8 @@
+ (paletteReady)="updatePaletteReadyState($event)"
+ (paletteFocus)="graphToTextSync=true">
diff --git a/src/lib/src/palette/palette.component.ts b/src/lib/src/palette/palette.component.ts
index 3fe7837..ba68b64 100644
--- a/src/lib/src/palette/palette.component.ts
+++ b/src/lib/src/palette/palette.component.ts
@@ -85,6 +85,9 @@ export class Palette implements OnInit, OnDestroy, OnChanges {
@Output()
paletteReady = new EventEmitter
();
+ @Output()
+ paletteFocus = new EventEmitter();
+
private _paletteSize : number;
private _filterText : string = '';
@@ -127,6 +130,10 @@ export class Palette implements OnInit, OnDestroy, OnChanges {
this.closedGroups = new Set();
}
+ onFocus(): void {
+ this.paletteFocus.emit();
+ }
+
ngOnInit() {
let element = $('#palette-paper', this.element.nativeElement);
// Create the paper for the palette using the specified element view