@vectoriox/iox-builder 1.5.4 → 1.5.6

package/fesm2022/vectoriox-iox-builder.mjs

@@ -5435,11 +5435,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImpo
             }] } });
 
 class SliderContainerComponent {
-    get editShellStyle() {
-        // Inline styles win over CSS rules, so force position:relative here to guarantee
-        // the nav buttons (position:absolute) are anchored to THIS element, not a canvas ancestor.
-        return { ...this.style, position: 'relative' };
+    set style(v) {
+        if (v === this._style)
+            return;
+        this._style = v;
+        // Rebuild cached value so ngStyle only re-applies when input actually changed.
+        // Avoids DOM style-attribute mutations on every CD tick → prevents MutationObserver spam.
+        this._editShellStyle = { ...v, position: 'relative' };
     }
+    get style() { return this._style; }
+    get editShellStyle() { return this._editShellStyle; }
     get source() { return this._source; }
     set source(value) {
         if (value === this._source)
@@ -5474,7 +5479,8 @@ class SliderContainerComponent {
         this.panelEventService = panelEventService;
         this.activatedRoute = activatedRoute;
         this.children = [];
-        this.style = {};
+        this._style = {};
+        this._editShellStyle = { position: 'relative' };
         this.nodeId = '';
         this.dropListId = '';
         // ── Parameters ─────────────────────────────────────────────────────────────
@@ -5580,7 +5586,6 @@ class SliderContainerComponent {
         const hasConfigChange = Object.keys(changes).some(k => relevantKeys.has(k));
         if (hasConfigChange) {
             this._destroySwiper();
-            this.cdr.detectChanges();
             this._initRafId = requestAnimationFrame(() => this._initSwiper());
         }
     }
@@ -5673,7 +5678,6 @@ class SliderContainerComponent {
     }
     _scheduleReinit() {
         this._destroySwiper();
-        this.cdr.detectChanges();
         this._initRafId = requestAnimationFrame(() => this._initSwiper());
     }
     // ── Swiper lifecycle ────────────────────────────────────────────────────────
@@ -6219,12 +6223,24 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImpo
             }] } });
 
 class SliderSlideComponent {
+    set style(v) {
+        if (v === this._style)
+            return;
+        this._style = v;
+        // Strip width constraints; rebuild cached object so ngStyle only updates DOM
+        // when the input actually changed — prevents spurious MutationObserver triggers.
+        const { width, minWidth, maxWidth, ...rest } = v || {};
+        this._slideEditStyle = rest;
+    }
+    get style() { return this._style; }
+    get slideEditStyle() { return this._slideEditStyle; }
     constructor(dragEngine, cdr, isPreview) {
         this.dragEngine = dragEngine;
         this.cdr = cdr;
         this.isPreview = isPreview;
         this.children = [];
-        this.style = {};
+        this._style = {};
+        this._slideEditStyle = {};
         this.nodeId = '';
         this.dropListId = '';
         this.childClick = new EventEmitter();
@@ -6232,10 +6248,6 @@ class SliderSlideComponent {
         this.childMouseLeave = new EventEmitter();
         this.isPreview = !!isPreview;
     }
-    get slideEditStyle() {
-        const { width, minWidth, maxWidth, ...rest } = this.style || {};
-        return rest;
-    }
     ngOnInit() { }
     ngOnDestroy() { }
     onDrop(event) {