@vectoriox/iox-builder 1.4.96 → 1.4.98

package/fesm2022/vectoriox-iox-builder.mjs

@@ -5478,6 +5478,7 @@ class SliderContainerComponent {
         this.nodeId = '';
         this.dropListId = '';
         // ── Parameters ─────────────────────────────────────────────────────────────
+        this.dir = 'ltr';
         this.direction = 'horizontal';
         this.slidesPerView = 'auto';
         this.slidesPerGroup = 1;
@@ -5557,7 +5558,7 @@ class SliderContainerComponent {
         if (!this._swiper)
             return;
         const previewKeys = new Set([
-            'direction', 'loop', 'slidesPerView', 'slidesPerGroup', 'spaceBetween', 'speed',
+            'dir', 'direction', 'loop', 'slidesPerView', 'slidesPerGroup', 'spaceBetween', 'speed',
             'effect', 'grabCursor', 'centeredSlides', 'initialSlide', 'autoHeight',
             'slideToClickedSlide', 'freeMode', 'breakpoints',
             'enableNavigation', 'navigationColor', 'navigationSize',
@@ -5813,7 +5814,7 @@ class SliderContainerComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: SliderContainerComponent, deps: [{ token: DragEngineService }, { token: i0.ChangeDetectorRef }, { token: IS_PREVIEW, optional: true }, { token: OverlayService, optional: true }, { token: IOX_CONTENT_SERVICE, optional: true }, { token: IOX_SHOP_SERVICE, optional: true }, { token: DataSourceRegistryService, optional: true }, { token: PanelEventService, optional: true }, { token: i5.ActivatedRoute, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.11", type: SliderContainerComponent, isStandalone: false, selector: "app-slider-container", inputs: { children: "children", style: "style", nodeId: "nodeId", dropListId: "dropListId", direction: "direction", slidesPerView: "slidesPerView", slidesPerGroup: "slidesPerGroup", loop: "loop", centeredSlides: "centeredSlides", spaceBetween: "spaceBetween", initialSlide: "initialSlide", autoHeight: "autoHeight", grabCursor: "grabCursor", slideToClickedSlide: "slideToClickedSlide", effect: "effect", speed: "speed", enableNavigation: "enableNavigation", navigationColor: "navigationColor", navigationSize: "navigationSize", enablePagination: "enablePagination", paginationColor: "paginationColor", paginationType: "paginationType", paginationClickable: "paginationClickable", paginationDynamicBullets: "paginationDynamicBullets", enableAutoplay: "enableAutoplay", autoplayDelay: "autoplayDelay", autoplayPauseOnMouseEnter: "autoplayPauseOnMouseEnter", autoplayDisableOnInteraction: "autoplayDisableOnInteraction", enableScrollbar: "enableScrollbar", freeMode: "freeMode", enableKeyboard: "enableKeyboard", enableMousewheel: "enableMousewheel", enableZoom: "enableZoom", enableParallax: "enableParallax", enableGrid: "enableGrid", gridRows: "gridRows", breakpoints: "breakpoints", source: "source", limit: "limit" }, outputs: { childClick: "childClick", childMouseEnter: "childMouseEnter", childMouseLeave: "childMouseLeave" }, viewQueries: [{ propertyName: "swiperEl", first: true, predicate: ["swiperEl"], descendants: true }, { propertyName: "editSwiperEl", first: true, predicate: ["editSwiperEl"], descendants: true }], usesOnChanges: true, ngImport: i0, template: `
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.11", type: SliderContainerComponent, isStandalone: false, selector: "app-slider-container", inputs: { children: "children", style: "style", nodeId: "nodeId", dropListId: "dropListId", dir: "dir", direction: "direction", slidesPerView: "slidesPerView", slidesPerGroup: "slidesPerGroup", loop: "loop", centeredSlides: "centeredSlides", spaceBetween: "spaceBetween", initialSlide: "initialSlide", autoHeight: "autoHeight", grabCursor: "grabCursor", slideToClickedSlide: "slideToClickedSlide", effect: "effect", speed: "speed", enableNavigation: "enableNavigation", navigationColor: "navigationColor", navigationSize: "navigationSize", enablePagination: "enablePagination", paginationColor: "paginationColor", paginationType: "paginationType", paginationClickable: "paginationClickable", paginationDynamicBullets: "paginationDynamicBullets", enableAutoplay: "enableAutoplay", autoplayDelay: "autoplayDelay", autoplayPauseOnMouseEnter: "autoplayPauseOnMouseEnter", autoplayDisableOnInteraction: "autoplayDisableOnInteraction", enableScrollbar: "enableScrollbar", freeMode: "freeMode", enableKeyboard: "enableKeyboard", enableMousewheel: "enableMousewheel", enableZoom: "enableZoom", enableParallax: "enableParallax", enableGrid: "enableGrid", gridRows: "gridRows", breakpoints: "breakpoints", source: "source", limit: "limit" }, outputs: { childClick: "childClick", childMouseEnter: "childMouseEnter", childMouseLeave: "childMouseLeave" }, viewQueries: [{ propertyName: "swiperEl", first: true, predicate: ["swiperEl"], descendants: true }, { propertyName: "editSwiperEl", first: true, predicate: ["editSwiperEl"], descendants: true }], usesOnChanges: true, ngImport: i0, template: `
         <!-- EDIT MODE: shell wraps swiper + nav buttons so arrows position relative to slide area -->
         <div *ngIf="!isPreview"
              class="slider-edit-shell"
@@ -5832,7 +5833,7 @@ class SliderContainerComponent {
                 <i *ngIf="isLoading" class="ph-thin ph-circle-notch slider-badge-spin"></i>
             </div>
 
-            <div #editSwiperEl class="swiper swiper-edit">
+            <div #editSwiperEl class="swiper swiper-edit" [attr.dir]="dir">
                 <div class="swiper-wrapper">
 
                     <!-- NORMAL MODE: all children as draggable slides -->
@@ -5910,6 +5911,7 @@ class SliderContainerComponent {
              class="swiper"
              [ngClass]="['iox-node-' + nodeId]"
              [ngStyle]="style"
+             [attr.dir]="dir"
              [style.--swiper-navigation-color]="navigationColor || null"
              [style.--swiper-navigation-size.px]="navigationSize || null"
              [style.--swiper-pagination-color]="paginationColor || null">
@@ -5973,7 +5975,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">
+            <div #editSwiperEl class="swiper swiper-edit" [attr.dir]="dir">
                 <div class="swiper-wrapper">
 
                     <!-- NORMAL MODE: all children as draggable slides -->
@@ -6051,6 +6053,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImpo
              class="swiper"
              [ngClass]="['iox-node-' + nodeId]"
              [ngStyle]="style"
+             [attr.dir]="dir"
              [style.--swiper-navigation-color]="navigationColor || null"
              [style.--swiper-navigation-size.px]="navigationSize || null"
              [style.--swiper-pagination-color]="paginationColor || null">
@@ -6123,6 +6126,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImpo
                 type: Input
             }], dropListId: [{
                 type: Input
+            }], dir: [{
+                type: Input
             }], direction: [{
                 type: Input
             }], slidesPerView: [{
@@ -7283,6 +7288,7 @@ class SliderContainerConfig extends ComponentConfig {
             new TraitConfig('limit', 'Limit', TraitInputType.Number, undefined, 10),
             // ── Parameters ────────────────────────────────────────────────────
             new TraitConfig('__paramsLabel', 'Parameters', TraitInputType.SectionLabel),
+            new TraitConfig('dir', 'Language direction', TraitInputType.SelectButton, [{ label: 'LTR', value: 'ltr' }, { label: 'RTL', value: 'rtl' }], 'ltr'),
             new TraitConfig('direction', 'Slide direction', TraitInputType.Select, [{ label: 'Horizontal', value: 'horizontal' }, { label: 'Vertical', value: 'vertical' }], 'horizontal'),
             new TraitConfig('slidesPerView', 'Slides per view', TraitInputType.Select, [
                 { label: 'Auto (slide width)', value: 'auto' },