diff --git a/src/lib/editor/editor.component.html b/src/lib/editor/editor.component.html
index 7174a58..8c0f5ce 100644
--- a/src/lib/editor/editor.component.html
+++ b/src/lib/editor/editor.component.html
@@ -20,7 +20,8 @@
[resizerRight]="'#paper-container'">
-
+
diff --git a/src/lib/editor/editor.component.ts b/src/lib/editor/editor.component.ts
index 73694ac..eadc1ce 100644
--- a/src/lib/editor/editor.component.ts
+++ b/src/lib/editor/editor.component.ts
@@ -164,6 +164,9 @@ export class EditorComponent implements OnInit, OnDestroy {
@Output()
private dslChange = new EventEmitter();
+ @Output()
+ onProperties = new EventEmitter();
+
private _resizeHandler = () => this.autosizePaper();
@@ -309,6 +312,12 @@ export class EditorComponent implements OnInit, OnDestroy {
})();
}
+ onPropertiesHandle() {
+ if (this.editorContext.selection) {
+ this.onProperties.emit(this.editorContext.selection.model)
+ }
+ }
+
ngOnInit() {
this.initGraph();
diff --git a/src/lib/editor/paper.component.ts b/src/lib/editor/paper.component.ts
index 9e9837b..4b3b281 100644
--- a/src/lib/editor/paper.component.ts
+++ b/src/lib/editor/paper.component.ts
@@ -23,6 +23,9 @@ export class PaperComponent {
@Output()
onDelete = new EventEmitter();
+ @Output()
+ onProperties = new EventEmitter();
+
@HostListener('click')
click() {
this.paperElement.nativeElement.focus();
@@ -38,4 +41,9 @@ export class PaperComponent {
this.onDelete.emit();
}
+ @HostListener('keydown.o')
+ oHandle() {
+ this.onProperties.emit();
+ }
+
}