@vectoriox/iox-builder 1.6.5 → 1.6.7

package/fesm2022/vectoriox-iox-builder.mjs

@@ -2819,7 +2819,11 @@ class RenderDirective {
         if (nativeEl) {
             nativeEl.style.display = 'block';
         }
-        if (nativeEl) {
+        // Preview clones (repeater/slider-generated rows) are display-only — only the
+        // template node is selectable/editable. Skip overlay registration + interaction
+        // wiring for them so they can't be hovered, selected, or edited on the canvas.
+        const isPreviewClone = !!node.__previewClone;
+        if (nativeEl && !isPreviewClone) {
             // Register node → element mapping for parent lookups
             this.overlayService.registerNode(node, nativeEl, componentRef);
             // Notify BindingsComponent so it re-applies bindings on the new
@@ -2865,7 +2869,10 @@ class RenderDirective {
             });
         }
         // Wire up interactions (animations) after the element is in the DOM.
-        this.interactionEngine.attach(node);
+        // Preview clones are static rows — no per-clone interaction wiring.
+        if (!isPreviewClone) {
+            this.interactionEngine.attach(node);
+        }
     }
     /** Try setInput(); fall back to direct assignment for non-@Input properties. */
     safeSetInput(ref, name, value) {
@@ -5076,6 +5083,10 @@ function cloneNodesForItem(nodes, item) {
         clone.id = Math.random().toString(36).substr(2, 9);
         // Point this clone and all its descendants at the original CSS rule.
         clone.styleId = cssId;
+        // Mark as a preview clone: display-only, not selectable/editable on the canvas.
+        // (Distinct from styleId, which duplication/paste also uses.) The render directive
+        // skips overlay registration for nodes carrying this flag.
+        clone.__previewClone = true;
         if (clone.bindings?.length && item) {
             for (const binding of clone.bindings) {
                 const value = resolvePath(item, binding.path);
@@ -5926,7 +5937,7 @@ class SliderContainerComponent {
                 <i *ngIf="isLoading" class="ph-thin ph-circle-notch slider-badge-spin"></i>
             </div>
 
-            <div #editSwiperEl class="swiper swiper-edit" [attr.dir]="dir">
+            <div #editSwiperEl class="swiper swiper-edit" [attr.dir]="dir" [style.direction]="dir">
                 <div class="swiper-wrapper">
 
                     <!-- NORMAL MODE: all children as draggable slides -->
@@ -6005,6 +6016,7 @@ class SliderContainerComponent {
              [ngClass]="['iox-node-' + nodeId]"
              [ngStyle]="style"
              [attr.dir]="dir"
+             [style.direction]="dir"
              [style.--swiper-navigation-color]="navigationColor || null"
              [style.--swiper-navigation-size.px]="navigationSize || null"
              [style.--swiper-pagination-color]="paginationColor || null">
@@ -6076,7 +6088,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImpo
                 <i *ngIf="isLoading" class="ph-thin ph-circle-notch slider-badge-spin"></i>
             </div>
 
-            <div #editSwiperEl class="swiper swiper-edit" [attr.dir]="dir">
+            <div #editSwiperEl class="swiper swiper-edit" [attr.dir]="dir" [style.direction]="dir">
                 <div class="swiper-wrapper">
 
                     <!-- NORMAL MODE: all children as draggable slides -->
@@ -6155,6 +6167,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImpo
              [ngClass]="['iox-node-' + nodeId]"
              [ngStyle]="style"
              [attr.dir]="dir"
+             [style.direction]="dir"
              [style.--swiper-navigation-color]="navigationColor || null"
              [style.--swiper-navigation-size.px]="navigationSize || null"
              [style.--swiper-pagination-color]="paginationColor || null">