@vectoriox/iox-builder 2.3.2 → 2.3.3

package/fesm2022/vectoriox-iox-builder.mjs

@@ -4772,9 +4772,7 @@ class BuilderComponent {
         this.selectedItem = event.node;
         this.overlayService.setSelect(event.element, event.node.type, this.activeMode, event.node, event.componentRef);
         this.selectPanel(PanelTypes.STYLES);
-        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 });
+        this._emitElementSelect(event.node, event.componentRef);
     }
     _selectAfterDrop(node) {
         // Wait one tick for Angular to render the new component and register it
@@ -4786,9 +4784,7 @@ class BuilderComponent {
             this.selectedItem = node;
             this.overlayService.setSelect(ref.element, node.type, this.activeMode, node, ref.componentRef);
             this.selectPanel(PanelTypes.STYLES);
-            const symbolAncestor = this.findSymbolAncestorOf(node, this.layout)
-                ?? this.findSymbolAncestorOf(node, this.globalElements);
-            this.panelEventService.emit(PanelEventTypes.ELEMENT_SELECT, { node, componentRef: ref.componentRef, symbolAncestor });
+            this._emitElementSelect(node, ref.componentRef);
         });
     }
     handleMouseEnter(event) {
@@ -4812,9 +4808,7 @@ class BuilderComponent {
         this.selectedItem = node;
         const ref = this.overlayService.getNodeRef(node);
         if (ref) {
-            const symbolAncestor = this.findSymbolAncestorOf(node, this.layout)
-                ?? this.findSymbolAncestorOf(node, this.globalElements);
-            this.panelEventService.emit(PanelEventTypes.ELEMENT_SELECT, { node, componentRef: ref.componentRef, symbolAncestor });
+            this._emitElementSelect(node, ref.componentRef);
         }
         this.selectPanel(PanelTypes.STYLES);
     }
@@ -4900,7 +4894,7 @@ class BuilderComponent {
                     if (ref) {
                         this.selectedItem = parentNode;
                         this.overlayService.setSelect(ref.element, parentNode.type, this.activeMode, parentNode, ref.componentRef);
-                        this.panelEventService.emit(PanelEventTypes.ELEMENT_SELECT, { node: parentNode, componentRef: ref.componentRef });
+                        this._emitElementSelect(parentNode, ref.componentRef);
                     }
                 }
                 else {
@@ -5129,6 +5123,28 @@ class BuilderComponent {
         }
         return null;
     }
+    /** Nearest Repeater ancestor of `target` (or null). A node inside a repeater renders in ITEM
+     *  scope, so the bindings panel needs the repeater to sample its current item (e.g. bind an
+     *  Image to a `gallery` string item). Prefers the innermost repeater when nested. */
+    findRepeaterAncestorOf(target, nodes) {
+        for (const node of nodes) {
+            if (node === target)
+                return null;
+            if (node.children?.length && this.findNodeInTree(target, node.children)) {
+                return this.findRepeaterAncestorOf(target, node.children)
+                    ?? (node.type === 'Repeater' ? node : null);
+            }
+        }
+        return null;
+    }
+    /** Emit ELEMENT_SELECT with the ancestors the panels need (symbol + repeater item scope). */
+    _emitElementSelect(node, componentRef) {
+        const symbolAncestor = this.findSymbolAncestorOf(node, this.layout)
+            ?? this.findSymbolAncestorOf(node, this.globalElements);
+        const repeaterAncestor = this.findRepeaterAncestorOf(node, this.layout)
+            ?? this.findRepeaterAncestorOf(node, this.globalElements);
+        this.panelEventService.emit(PanelEventTypes.ELEMENT_SELECT, { node, componentRef, symbolAncestor, repeaterAncestor });
+    }
     handlePanelEvents(panelEvent) {
         if (panelEvent.type === PanelEventTypes.PANEL_CLOSE) {
             this.isPanelOpen = false;