@salla.sa/twilight-components 2.14.356 → 2.14.357

package/dist/components/salla-slider2.js

@@ -9862,7 +9862,7 @@ const SallaSlider = /*@__PURE__*/ proxyCustomElement(class SallaSlider extends H
          * When enabled and there is exactly one slide in the `items` slot,
          * render without initializing Swiper (single slide mode).
          */
-        this.enableSingleSlideMode = false;
+        this.staticWhenSingle = false;
         /**
          * Enable autoplay  - working with `type="carousel" only`
          */
@@ -9894,8 +9894,6 @@ const SallaSlider = /*@__PURE__*/ proxyCustomElement(class SallaSlider extends H
         this.isBeginning = true;
         /** Use matchMedia instead of window.innerWidth to avoid forced reflow (Lighthouse recommended) */
         this.isDesktopViewport = typeof window !== 'undefined' ? window.matchMedia('(min-width: 768px)').matches : true;
-        /** When true, only one slide is present; we render without Swiper for performance. */
-        this.singleSlideMode = false;
         this._rafId = null;
         this.viewportMediaQuery = null;
         this.hasThumbSlot = false;
@@ -9952,7 +9950,7 @@ const SallaSlider = /*@__PURE__*/ proxyCustomElement(class SallaSlider extends H
      * @returns The Swiper slider instance
      */
     async sliderInstance() {
-        return this.singleSlideMode ? undefined : this.slider;
+        return this.slider;
     }
     /**
      * Run transition to the slide with index number equal to 'index' parameter for the duration equal to 'speed' parameter.
@@ -10063,7 +10061,7 @@ const SallaSlider = /*@__PURE__*/ proxyCustomElement(class SallaSlider extends H
      * Get slider slides
      * **/
     async getSlides() {
-        return this.singleSlideMode ? undefined : await this.slider?.slides;
+        return this.slider?.slides;
     }
     /**
      * Get slider slides
@@ -10114,9 +10112,7 @@ const SallaSlider = /*@__PURE__*/ proxyCustomElement(class SallaSlider extends H
      * @param {boolean} runCallbacks - Set it to false (by default it is true) and transition will not produce transition events.
      * **/
     async thumbsSlideTo(index, speed, runCallbacks) {
-        if (!this.thumbsSlider)
-            return;
-        return this.thumbsSlider.slideTo(index, speed, runCallbacks);
+        return this.thumbsSlider?.slideTo(index, speed, runCallbacks);
     }
     /**
    * Get thumbs slider slides
@@ -10124,7 +10120,14 @@ const SallaSlider = /*@__PURE__*/ proxyCustomElement(class SallaSlider extends H
     async getThumbsSlides() {
         return await this.thumbsSlider?.slides;
     }
-    componentWillLoad() {
+    isStaticWhenSingle() {
+        return this.staticWhenSingle && this.host.querySelector('[slot="items"]')?.children?.length === 1;
+    }
+    async componentWillLoad() {
+        if (this.isStaticWhenSingle()) {
+            this.host.classList.add('s-slider-single-mode');
+            return;
+        }
         salla.lang.onLoaded(() => {
             this.displayAllTitle = salla.lang.get('blocks.home.display_all');
         });
@@ -10297,21 +10300,15 @@ const SallaSlider = /*@__PURE__*/ proxyCustomElement(class SallaSlider extends H
         this.slider.on('transitionStart', (slider) => this.sliderTransitionStart.emit(slider));
     }
     render() {
+        if (this.isStaticWhenSingle()) {
+            return;
+        }
         let classes = this.type ? this.type + '-slider ' : '';
         classes += this.controlsOuter ? ' s-slider-controls-outer ' : '';
         classes += this.blockTitle == '' ? ' s-slider-has-notitle s-slider-v-centered ' : '';
         classes += this.verticalThumbs ? ' s-slider-vertical ' : ' s-slider-horizontal ';
         classes += this.arrowsCentered ? ' s-slider-v-centered ' : '';
         classes += this.gridThumbs ? ' s-slider-with-grid-thumbs ' : '';
-        if (this.singleSlideMode) {
-            return (h(Host, { class: 's-slider-wrapper s-slider-single-mode ' + classes }, this.blockTitle || this.displayAllUrl ?
-                h("div", { class: "s-slider-block__title" }, this.blockTitle ?
-                    h("div", { class: "s-slider-block__title-right" }, h("h2", null, this.blockTitle), this.blockSubtitle ? h("p", { innerHTML: this.blockSubtitle }) : '')
-                    : '', this.displayAllUrl ?
-                    h("div", { class: "s-slider-block__title-left" }, h("a", { href: this.displayAllUrl, class: "s-slider-block__display-all" }, this.displayAllTitle))
-                    : '')
-                : '', h("div", { class: "swiper s-slider-container s-slider-single", dir: this.vertical ? "ltr" : this.direction }, h("slot", null), h("div", { class: "swiper-wrapper s-slider-swiper-wrapper" }, h("slot", { name: 'items' })))));
-        }
         return (h(Host, { class: 's-slider-wrapper ' + classes }, this.blockTitle || this.showControls ?
             h("div", { class: "s-slider-block__title" }, this.blockTitle ?
                 h("div", { class: "s-slider-block__title-right" }, h("h2", null, this.blockTitle), this.blockSubtitle ? h("p", { innerHTML: this.blockSubtitle }) : '')
@@ -10380,9 +10377,11 @@ const SallaSlider = /*@__PURE__*/ proxyCustomElement(class SallaSlider extends H
         this.lazyObserver.observe(el);
     }
     componentDidLoad() {
+        if (this.isStaticWhenSingle()) {
+            return;
+        }
         // 1. Batch Reads (Get all elements first without modifying DOM)
         const tasks = [];
-        let _singleSlideMode = false;
         const prepareFlatten = (container, slotSelector) => {
             const slotEl = container?.querySelector(slotSelector);
             if (!slotEl)
@@ -10391,10 +10390,6 @@ const SallaSlider = /*@__PURE__*/ proxyCustomElement(class SallaSlider extends H
             if (elements.length) {
                 // Queue the Write operation
                 tasks.push(() => slotEl.replaceWith(...elements));
-                if (elements.length === 1 && this.enableSingleSlideMode) {
-                    _singleSlideMode = true;
-                    elements[0].classList.add('swiper-slide');
-                }
             }
         };
         prepareFlatten(this.sliderWrapper, 'div[slot="items"]');
@@ -10404,16 +10399,14 @@ const SallaSlider = /*@__PURE__*/ proxyCustomElement(class SallaSlider extends H
         // 2. Batch Writes (Execute all DOM modifications together)
         tasks.forEach(task => task());
         // 3. Init Swiper inside rAF
-        this._rafId = requestAnimationFrame(() => {
-            this.singleSlideMode = _singleSlideMode;
-            if (!_singleSlideMode) {
-                this.initSlider();
-            }
-        });
+        this._rafId = requestAnimationFrame(() => this.initSlider());
         this.viewportMediaQuery = window.matchMedia('(min-width: 768px)');
         this.viewportMediaQuery.addEventListener('change', this.onViewportChange);
     }
     disconnectedCallback() {
+        if (this.isStaticWhenSingle()) {
+            return;
+        }
         if (this._rafId)
             cancelAnimationFrame(this._rafId);
         this.viewportMediaQuery?.removeEventListener('change', this.onViewportChange);
@@ -10435,7 +10428,7 @@ const SallaSlider = /*@__PURE__*/ proxyCustomElement(class SallaSlider extends H
         "showControls": [516, "show-controls"],
         "controlsOuter": [516, "controls-outer"],
         "showThumbsControls": [4, "show-thumbs-controls"],
-        "enableSingleSlideMode": [516, "enable-single-slide-mode"],
+        "staticWhenSingle": [516, "static-when-single"],
         "autoPlay": [4, "auto-play"],
         "slidesPerView": [1, "slides-per-view"],
         "pagination": [4],
@@ -10450,7 +10443,6 @@ const SallaSlider = /*@__PURE__*/ proxyCustomElement(class SallaSlider extends H
         "isBeginning": [32],
         "displayAllTitle": [32],
         "isDesktopViewport": [32],
-        "singleSlideMode": [32],
         "sliderInstance": [64],
         "slideTo": [64],
         "slideNext": [64],

package/dist/esm/{filepond-DK_xd-tp.js → filepond-BInIwZYj.js}

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { d as getDefaultExportFromCjs } from './index-BkWJPw7x.js';
+import { d as getDefaultExportFromCjs } from './index-DhtEPVv1.js';
 
 function _mergeNamespaces(n, m) {
     m.forEach(function (e) {

package/dist/esm/{filepond-plugin-file-poster-J4J1RcGt.js → filepond-plugin-file-poster-DRu2Mi6P.js}

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { d as getDefaultExportFromCjs } from './index-BkWJPw7x.js';
+import { d as getDefaultExportFromCjs } from './index-DhtEPVv1.js';
 
 function _mergeNamespaces(n, m) {
   m.forEach(function (e) {

package/dist/esm/{filepond-plugin-file-validate-size-BDSgcYn7.js → filepond-plugin-file-validate-size-DO5zxC4X.js}

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { d as getDefaultExportFromCjs } from './index-BkWJPw7x.js';
+import { d as getDefaultExportFromCjs } from './index-DhtEPVv1.js';
 
 function _mergeNamespaces(n, m) {
     m.forEach(function (e) {

package/dist/esm/{filepond-plugin-file-validate-type-U8jHGr5v.js → filepond-plugin-file-validate-type-BwxMZ28-.js}

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { d as getDefaultExportFromCjs } from './index-BkWJPw7x.js';
+import { d as getDefaultExportFromCjs } from './index-DhtEPVv1.js';
 
 function _mergeNamespaces(n, m) {
   m.forEach(function (e) {

package/dist/esm/{filepond-plugin-image-edit-CFrud4h0.js → filepond-plugin-image-edit-CwEZfbKE.js}

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { d as getDefaultExportFromCjs } from './index-BkWJPw7x.js';
+import { d as getDefaultExportFromCjs } from './index-DhtEPVv1.js';
 
 function _mergeNamespaces(n, m) {
   m.forEach(function (e) {

package/dist/esm/{filepond-plugin-image-exif-orientation-D5hBL036.js → filepond-plugin-image-exif-orientation-B2YJJ8ni.js}

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { d as getDefaultExportFromCjs } from './index-BkWJPw7x.js';
+import { d as getDefaultExportFromCjs } from './index-DhtEPVv1.js';
 
 function _mergeNamespaces(n, m) {
   m.forEach(function (e) {

package/dist/esm/{filepond-plugin-image-preview-CPKs1HAm.js → filepond-plugin-image-preview-BdiNpvoD.js}

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { d as getDefaultExportFromCjs } from './index-BkWJPw7x.js';
+import { d as getDefaultExportFromCjs } from './index-DhtEPVv1.js';
 
 function _mergeNamespaces(n, m) {
   m.forEach(function (e) {

package/dist/esm/{index-C2KyQGaa.js → index-BKsC0x_d.js}

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { d as getDefaultExportFromCjs } from './index-BkWJPw7x.js';
+import { d as getDefaultExportFromCjs } from './index-DhtEPVv1.js';
 
 function _mergeNamespaces(n, m) {
     m.forEach(function (e) {