@vectoriox/iox-builder 1.6.7 → 1.6.8

package/fesm2022/vectoriox-iox-builder.mjs

@@ -5523,11 +5523,16 @@ class SliderContainerComponent {
         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' };
+        // `direction` is driven by the `dir` (Language direction) trait via [style.direction].
+        // Strip it from the ngStyle map: NgStyle writes the inline style last and would otherwise
+        // override the dir-driven direction with the generic Layout default → RTL wouldn't apply.
+        // Rebuild cached objects so ngStyle only re-applies on real input changes (avoids MO spam).
+        const { direction: _dropDirection, ...rest } = v || {};
+        this._previewStyle = rest;
+        this._editShellStyle = { ...rest, position: 'relative' };
     }
     get style() { return this._style; }
+    get previewStyle() { return this._previewStyle; }
     get editShellStyle() { return this._editShellStyle; }
     get source() { return this._source; }
     set source(value) {
@@ -5564,6 +5569,7 @@ class SliderContainerComponent {
         this.activatedRoute = activatedRoute;
         this.children = [];
         this._style = {};
+        this._previewStyle = {};
         this._editShellStyle = { position: 'relative' };
         this.nodeId = '';
         this.dropListId = '';
@@ -6014,7 +6020,7 @@ class SliderContainerComponent {
              #swiperEl
              class="swiper"
              [ngClass]="['iox-node-' + nodeId]"
-             [ngStyle]="style"
+             [ngStyle]="previewStyle"
              [attr.dir]="dir"
              [style.direction]="dir"
              [style.--swiper-navigation-color]="navigationColor || null"
@@ -6165,7 +6171,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImpo
              #swiperEl
              class="swiper"
              [ngClass]="['iox-node-' + nodeId]"
-             [ngStyle]="style"
+             [ngStyle]="previewStyle"
              [attr.dir]="dir"
              [style.direction]="dir"
              [style.--swiper-navigation-color]="navigationColor || null"