@vectoriox/iox-builder 1.2.7 → 1.2.9

package/fesm2022/vectoriox-iox-builder.mjs

@@ -290,6 +290,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImpo
             type: Injectable
         }] });
 
+function deepCloneNode(node) {
+    const clone = JSON.parse(JSON.stringify(node));
+    regenerateIds(clone);
+    return clone;
+}
+function regenerateIds(node) {
+    node.id = Math.random().toString(36).substr(2, 9);
+    node.styleId = undefined;
+    (node.children || []).forEach(regenerateIds);
+}
 class DragEngineService {
     constructor(registry) {
         this.registry = registry;
@@ -357,8 +367,15 @@ class DragEngineService {
                     sourceData.splice(srcIdx, 1);
                     this.getCdr(payload.sourceId)?.detectChanges();
                 }
+                children.splice(insertIndex, 0, item);
+            }
+            else {
+                // Source not in the drop-zone registry → came from an external panel
+                // (e.g. the built-in blocks panel stores one pre-built node object and
+                // reuses it across drags). Deep-clone with fresh IDs so each drop
+                // produces a fully independent node, preventing shared CSS rules.
+                children.splice(insertIndex, 0, deepCloneNode(item));
             }
-            children.splice(insertIndex, 0, item);
             cdr.detectChanges();
             afterDrop?.();
             return;
@@ -3384,7 +3401,7 @@ class BuilderRepeaterComponent {
             const changedNode = event.data?.node;
             if (!changedNode || !this.items.length)
                 return;
-            if (this.children.some(c => c === changedNode || c.id === changedNode.id)) {
+            if (this.isInTemplate(changedNode)) {
                 this.refreshPreviews();
             }
         });
@@ -3419,6 +3436,11 @@ class BuilderRepeaterComponent {
             }
         });
     }
+    isInTemplate(target) {
+        const search = (nodes) => nodes.some(c => c === target || c.id === target.id ||
+            (c.children?.length ? search(c.children) : false));
+        return search(this.children);
+    }
     refreshPreviews() {
         if (!this.items.length || !this.children.length) {
             this.previewRows = [];
@@ -3954,7 +3976,7 @@ class SizeGroupStyleConfig extends GroupStyleConfig {
             new TraitConfig('minHeight', 'Min H', TraitInputType.Scrub, { min: 0, max: 9999, step: 1, units: UNITS_ALL, allowAuto: true }, 'auto', true),
             new TraitConfig('maxWidth', 'Max W', TraitInputType.Scrub, { min: 0, max: 9999, step: 1, units: UNITS_ALL, allowAuto: true }, 'auto', true),
             new TraitConfig('maxHeight', 'Max H', TraitInputType.Scrub, { min: 0, max: 9999, step: 1, units: UNITS_ALL, allowAuto: true }, 'auto', true),
-            new TraitConfig('aspectRatio', 'Aspect Ratio', TraitInputType.Select, ['auto', '1/1', '4/3', '16/9', '3/2', '2/3', '9/16'], 'auto'),
+            new TraitConfig('aspectRatio', 'Aspect Ratio', TraitInputType.Text, undefined, 'auto'),
         ]);
     }
 }