@vectoriox/iox-builder 2.6.0 → 2.6.1

package/fesm2022/vectoriox-iox-builder.mjs

@@ -5057,6 +5057,9 @@ class BuilderComponent {
                     if (inGlobal)
                         this.globalElementsChange.emit([...this.globalElements]);
                     this.cdr.detectChanges();
+                    // If the wrapped node lives in a Repeater template, rebuild its repeated rows so
+                    // every clone picks up the new wrapper (and re-resolves the now-nested bindings).
+                    this._refreshRepeaterFor(node);
                     this.panelEventService.emit(PanelEventTypes.LAYOUT_CHANGED, this.layout);
                     this._selectAfterDrop(wrapped);
                 }
@@ -5324,6 +5327,17 @@ class BuilderComponent {
         }
         return null;
     }
+    /** If `node` lives inside a Repeater template, tell that repeater to rebuild its preview rows so
+     *  a structural change (e.g. wrapping a template child) propagates to every repeated row. No-op
+     *  when the node is not inside a repeater. */
+    _refreshRepeaterFor(node) {
+        const repeater = this.findRepeaterAncestorOf(node, this.layout)
+            ?? this.findRepeaterAncestorOf(node, this.globalElements);
+        if (!repeater)
+            return;
+        const ref = this.overlayService.getNodeRef(repeater);
+        ref?.componentRef?.instance?.refreshTemplate?.();
+    }
     /** Emit ELEMENT_SELECT with the ancestors the panels need (symbol + repeater item scope). */
     _emitElementSelect(node, componentRef) {
         const symbolAncestor = this.findSymbolAncestorOf(node, this.layout)
@@ -6126,21 +6140,36 @@ class BuilderRepeaterComponent {
         const item = this.items[0];
         if (!item || !this.children.length)
             return;
-        for (const child of this.children) {
-            if (!child.bindings?.length)
-                continue;
-            const ref = this.overlayService.getNodeRef(child);
-            if (!ref?.componentRef)
-                continue;
-            for (const binding of child.bindings) {
-                const value = resolvePath(item, binding.path);
-                if (value !== undefined) {
-                    ref.componentRef.instance[binding.prop] = value;
+        this.applyBindingsToNodes(this.children, item);
+    }
+    /** Apply item[0]'s bound values to the live template row, walking the WHOLE subtree — not just
+     *  direct children. A bound node can sit any level deep once a template child is wrapped in a
+     *  container (or otherwise nested), so recursion is required or the first row shows defaults. */
+    applyBindingsToNodes(nodes, item) {
+        for (const child of nodes) {
+            if (child.bindings?.length) {
+                const ref = this.overlayService.getNodeRef(child);
+                if (ref?.componentRef) {
+                    for (const binding of child.bindings) {
+                        const value = resolvePath(item, binding.path);
+                        if (value !== undefined) {
+                            ref.componentRef.instance[binding.prop] = value;
+                        }
+                    }
+                    ref.componentRef.changeDetectorRef.detectChanges();
                 }
             }
-            ref.componentRef.changeDetectorRef.detectChanges();
+            if (child.children?.length) {
+                this.applyBindingsToNodes(child.children, item);
+            }
         }
     }
+    /** Rebuild preview rows after the template STRUCTURE changed (e.g. a child was wrapped, deleted,
+     *  or moved). Deferred so the new DOM + overlay refs exist before bindings are re-applied. */
+    refreshTemplate() {
+        if (this.items.length)
+            setTimeout(() => this.refreshPreviews());
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: BuilderRepeaterComponent, deps: [{ token: DragEngineService }, { token: OverlayService }, { token: BuilderDataSourceService }, { token: DataSourceRegistryService }, { token: PanelEventService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.11", type: BuilderRepeaterComponent, isStandalone: false, selector: "app-builder-repeater", inputs: { children: "children", style: "style", nodeId: "nodeId", dropListId: "dropListId", source: "source", sourcePath: "sourcePath", limit: "limit" }, outputs: { childClick: "childClick", childMouseEnter: "childMouseEnter", childMouseLeave: "childMouseLeave" }, ngImport: i0, template: `
         <ng-template #badgeContent>