@vectoriox/iox-builder 1.4.56 → 1.4.57

package/fesm2022/vectoriox-iox-builder.mjs

@@ -3985,7 +3985,9 @@ class BuilderComponent {
         this.selectedItem = event.node;
         this.overlayService.setSelect(event.element, event.node.type, this.activeMode, event.node, event.componentRef);
         this.selectPanel(PanelTypes.STYLES);
-        this.panelEventService.emit(PanelEventTypes.ELEMENT_SELECT, { node: event.node, componentRef: event.componentRef });
+        const symbolAncestor = this.findSymbolAncestorOf(event.node, this.layout)
+            ?? this.findSymbolAncestorOf(event.node, this.globalElements);
+        this.panelEventService.emit(PanelEventTypes.ELEMENT_SELECT, { node: event.node, componentRef: event.componentRef, symbolAncestor });
     }
     _selectAfterDrop(node) {
         // Wait one tick for Angular to render the new component and register it
@@ -3997,7 +3999,9 @@ class BuilderComponent {
             this.selectedItem = node;
             this.overlayService.setSelect(ref.element, node.type, this.activeMode, node, ref.componentRef);
             this.selectPanel(PanelTypes.STYLES);
-            this.panelEventService.emit(PanelEventTypes.ELEMENT_SELECT, { node, componentRef: ref.componentRef });
+            const symbolAncestor = this.findSymbolAncestorOf(node, this.layout)
+                ?? this.findSymbolAncestorOf(node, this.globalElements);
+            this.panelEventService.emit(PanelEventTypes.ELEMENT_SELECT, { node, componentRef: ref.componentRef, symbolAncestor });
         });
     }
     handleMouseEnter(event) {
@@ -4021,7 +4025,9 @@ class BuilderComponent {
         this.selectedItem = node;
         const ref = this.overlayService.getNodeRef(node);
         if (ref) {
-            this.panelEventService.emit(PanelEventTypes.ELEMENT_SELECT, { node, componentRef: ref.componentRef });
+            const symbolAncestor = this.findSymbolAncestorOf(node, this.layout)
+                ?? this.findSymbolAncestorOf(node, this.globalElements);
+            this.panelEventService.emit(PanelEventTypes.ELEMENT_SELECT, { node, componentRef: ref.componentRef, symbolAncestor });
         }
         this.selectPanel(PanelTypes.STYLES);
     }
@@ -4300,6 +4306,19 @@ class BuilderComponent {
         }
         return null;
     }
+    /** Returns the closest ancestor (or self) of `target` that has a `symbolId`. */
+    findSymbolAncestorOf(target, nodes) {
+        for (const node of nodes) {
+            if (node === target)
+                return node.symbolId ? node : null;
+            if (node.children?.length && this.findNodeInTree(target, node.children)) {
+                if (node.symbolId)
+                    return node;
+                return this.findSymbolAncestorOf(target, node.children);
+            }
+        }
+        return null;
+    }
     handlePanelEvents(panelEvent) {
         if (panelEvent.type === PanelEventTypes.PANEL_CLOSE) {
             this.isPanelOpen = false;