@vectoriox/iox-builder 1.6.6 → 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 = '';
@@ -5937,7 +5943,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 -->
@@ -6014,8 +6020,9 @@ 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"
              [style.--swiper-navigation-size.px]="navigationSize || null"
              [style.--swiper-pagination-color]="paginationColor || null">
@@ -6087,7 +6094,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 -->
@@ -6164,8 +6171,9 @@ 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"
              [style.--swiper-navigation-size.px]="navigationSize || null"
              [style.--swiper-pagination-color]="paginationColor || null">