@veloceapps/sdk 7.0.2-16 → 7.0.2-17

package/fesm2020/veloceapps-sdk-cms.mjs

@@ -1001,6 +1001,7 @@ class ElementHoverPlugin {
         this.destroyed$ = new Subject();
         this.mouseOverListenerBound = this.mouseOverListener.bind(this);
         this.mouseLeaveListenerBound = this.mouseLeaveListener.bind(this);
+        this.clickListenerBound = this.clickListener.bind(this);
         combineLatest([this.runtimeEditorService.editorMode$, this.isHovered$, this.isSelected$])
             .pipe(takeUntil(this.destroyed$))
             .subscribe(([editorMode]) => {
@@ -1027,10 +1028,12 @@ class ElementHoverPlugin {
     attachListeners() {
         this.el.nativeElement.addEventListener('mouseover', this.mouseOverListenerBound);
         this.el.nativeElement.addEventListener('mouseleave', this.mouseLeaveListenerBound);
+        this.el.nativeElement.addEventListener('click', this.clickListenerBound);
     }
     detachListeners() {
         this.el.nativeElement.removeEventListener('mouseover', this.mouseOverListenerBound);
         this.el.nativeElement.removeEventListener('mouseleave', this.mouseLeaveListenerBound);
+        this.el.nativeElement.removeEventListener('click', this.clickListenerBound);
     }
     mouseOverListener(e) {
         const path = e.composedPath();
@@ -1044,6 +1047,11 @@ class ElementHoverPlugin {
             this.isHovered$.next(isHovered);
         }
     }
+    clickListener(e) {
+        if (this.el.nativeElement === e.target) {
+            this.runtimeEditorService.selectedElementPath$.next(this.metadata.path);
+        }
+    }
     mouseLeaveListener() {
         this.isHovered$.next(false);
     }