@vectoriox/iox-builder 2.3.1 → 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;
@@ -5774,8 +5790,11 @@ class BuilderRepeaterComponent {
      *  (or change) so both orderings — and loaded pages with sync sources — render their rows. */
     set children(value) {
         this._children = value ?? [];
+        // Defer to the next tick: RenderDirective sets `children` before the template child's
+        // component is instantiated/registered, so applyFirstItemToTemplate needs the ref to exist
+        // first (otherwise the FIRST row shows its default instead of item[0]'s value).
         if (this.items.length)
-            this.refreshPreviews();
+            setTimeout(() => this.refreshPreviews());
     }
     get source() { return this._source; }
     set source(value) {