@salla.sa/twilight-components 2.14.356 → 2.14.357

package/dist/esm/salla-multiple-bundle-product.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host } from './index-BkWJPw7x.js';
+import { r as registerInstance, h, H as Host } from './index-DhtEPVv1.js';
 
 const sallaMultipleBundleProductCss = ":host{display:block}";
 

package/dist/esm/salla-notification-item.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h } from './index-BkWJPw7x.js';
+import { r as registerInstance, h } from './index-DhtEPVv1.js';
 
 const sallaNotificationsCss = "";
 

package/dist/esm/salla-notifications.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, a as getElement } from './index-BkWJPw7x.js';
+import { r as registerInstance, h, a as getElement } from './index-DhtEPVv1.js';
 import { H as Helper } from './Helper-B5RLi6Xo.js';
 import './anime.es-CgtvEd63.js';
 

package/dist/esm/salla-offer-modal.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, a as getElement } from './index-BkWJPw7x.js';
+import { r as registerInstance, h, a as getElement } from './index-DhtEPVv1.js';
 import { S as SpecialDiscountIcon } from './special-discount-Ctkfc4K-.js';
 
 var Tag = `<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">

package/dist/esm/salla-offer.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, a as getElement } from './index-BkWJPw7x.js';
+import { r as registerInstance, h, a as getElement } from './index-DhtEPVv1.js';
 
 var PageType;
 (function (PageType) {

package/dist/esm/salla-order-details-multiple-bundle-product.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host } from './index-BkWJPw7x.js';
+import { r as registerInstance, h, H as Host } from './index-DhtEPVv1.js';
 
 const sallaOrderDetailsMultipleBundleProductCss = "";
 

package/dist/esm/salla-order-details-options.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host } from './index-BkWJPw7x.js';
+import { r as registerInstance, h, H as Host } from './index-DhtEPVv1.js';
 
 var copyIcon = `<!-- Generated by IcoMoon.io -->
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">

package/dist/esm/salla-order-details.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, F as Fragment, H as Host } from './index-BkWJPw7x.js';
+import { r as registerInstance, h, F as Fragment, H as Host } from './index-DhtEPVv1.js';
 
 const sallaOrderDetailsCss = "";
 

package/dist/esm/salla-order-summary.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h } from './index-BkWJPw7x.js';
+import { r as registerInstance, h } from './index-DhtEPVv1.js';
 import { i as iconCheck } from './check-BsXh13x8.js';
 
 var iconFileArchive = `<!-- Generated by IcoMoon.io -->

package/dist/esm/salla-order-totals-card.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host } from './index-BkWJPw7x.js';
+import { r as registerInstance, h, H as Host } from './index-DhtEPVv1.js';
 
 const sallaOrderTotalsCardCss = ":host{display:block}";
 

package/dist/esm/salla-orders.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, a as getElement } from './index-BkWJPw7x.js';
+import { r as registerInstance, h, a as getElement } from './index-DhtEPVv1.js';
 import { H as Helper } from './Helper-B5RLi6Xo.js';
 import './anime.es-CgtvEd63.js';
 

package/dist/esm/salla-payments.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host, a as getElement } from './index-BkWJPw7x.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-DhtEPVv1.js';
 
 const sallaPaymentsCss = ":host{display:block}";
 

package/dist/esm/salla-placeholder.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host } from './index-BkWJPw7x.js';
+import { r as registerInstance, h, H as Host } from './index-DhtEPVv1.js';
 
 var Inbox = `<!-- Generated by IcoMoon.io -->
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">

package/dist/esm/salla-price-range.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-BkWJPw7x.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-DhtEPVv1.js';
 import { a as arrowLeft } from './arrow-left-BedNk7k1.js';
 
 var arrowRight = `<!-- Generated by IcoMoon.io -->

package/dist/esm/salla-product-size-guide.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, a as getElement } from './index-BkWJPw7x.js';
+import { r as registerInstance, h, a as getElement } from './index-DhtEPVv1.js';
 
 var PencilRuler = `<!-- Generated by IcoMoon.io -->
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">

package/dist/esm/salla-products-list.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-BkWJPw7x.js';
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-DhtEPVv1.js';
 import { a as anime } from './anime.es-CgtvEd63.js';
 import { S as ShoppingBag } from './shopping-bag-DiKTtDW5.js';
 import { H as Helper } from './Helper-B5RLi6Xo.js';

package/dist/esm/salla-products-slider.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host, a as getElement } from './index-BkWJPw7x.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-DhtEPVv1.js';
 import { H as Helper } from './Helper-B5RLi6Xo.js';
 import './anime.es-CgtvEd63.js';
 

package/dist/esm/salla-progress-bar.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h } from './index-BkWJPw7x.js';
+import { r as registerInstance, h } from './index-DhtEPVv1.js';
 
 const sallaProgressBarCss = "";
 

package/dist/esm/salla-quick-order.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-BkWJPw7x.js';
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-DhtEPVv1.js';
 import { M as MailIcon } from './mail-DmgxDvXL.js';
 import { C as Cancel } from './cancel-BsLF_HK7.js';
 

package/dist/esm/salla-rating-modal.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host, a as getElement } from './index-BkWJPw7x.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-DhtEPVv1.js';
 import { W as WishListIcon } from './star-ZT7ehBBk.js';
 import { C as CheckCircle2 } from './check-circle2-BV4kqbdL.js';
 import { H as Helper } from './Helper-B5RLi6Xo.js';

package/dist/esm/salla-scopes.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host } from './index-BkWJPw7x.js';
+import { r as registerInstance, h, H as Host } from './index-DhtEPVv1.js';
 import { S as Search } from './search-BscTeWDc.js';
 
 var StoreAlt = `<!-- Generated by IcoMoon.io -->

package/dist/esm/salla-search.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, a as getElement } from './index-BkWJPw7x.js';
+import { r as registerInstance, h, a as getElement } from './index-DhtEPVv1.js';
 import { S as Search } from './search-BscTeWDc.js';
 import { H as Helper } from './Helper-B5RLi6Xo.js';
 import './anime.es-CgtvEd63.js';

package/dist/esm/salla-skeleton.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host } from './index-BkWJPw7x.js';
+import { r as registerInstance, h, H as Host } from './index-DhtEPVv1.js';
 
 const sallaSkeletonCss = ":host{display:block}";
 

package/dist/esm/salla-slider.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-BkWJPw7x.js';
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-DhtEPVv1.js';
 import { a as ArrowRightIcon, A as ArrowLeftIcon } from './keyboard_arrow_right-Vqpj4CWE.js';
 
 /**
@@ -9861,7 +9861,7 @@ const SallaSlider = class {
          * 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`
          */
@@ -9893,8 +9893,6 @@ const SallaSlider = class {
         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;
@@ -9951,7 +9949,7 @@ const SallaSlider = class {
      * @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.
@@ -10062,7 +10060,7 @@ const SallaSlider = class {
      * Get slider slides
      * **/
     async getSlides() {
-        return this.singleSlideMode ? undefined : await this.slider?.slides;
+        return this.slider?.slides;
     }
     /**
      * Get slider slides
@@ -10113,9 +10111,7 @@ const SallaSlider = class {
      * @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
@@ -10123,7 +10119,14 @@ const SallaSlider = class {
     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');
         });
@@ -10296,21 +10299,15 @@ const SallaSlider = class {
         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 }) : '')
@@ -10379,9 +10376,11 @@ const SallaSlider = class {
         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)
@@ -10390,10 +10389,6 @@ const SallaSlider = class {
             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"]');
@@ -10403,16 +10398,14 @@ const SallaSlider = class {
         // 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);

package/dist/esm/salla-social-share.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, a as getElement } from './index-BkWJPw7x.js';
+import { r as registerInstance, h, a as getElement } from './index-DhtEPVv1.js';
 import { a as anime } from './anime.es-CgtvEd63.js';
 import { f as facebook, t as twitter } from './facebook-CO-PeZ27.js';
 import { M as MailIcon } from './mail-DmgxDvXL.js';

package/dist/esm/salla-social.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host, a as getElement } from './index-BkWJPw7x.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-DhtEPVv1.js';
 import { f as facebook, t as twitter } from './facebook-CO-PeZ27.js';
 
 var instagram = `<!-- Generated by IcoMoon.io -->

package/dist/esm/salla-tab-content_3.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, c as createEvent, a as getElement } from './index-BkWJPw7x.js';
+import { r as registerInstance, h, c as createEvent, a as getElement } from './index-DhtEPVv1.js';
 
 const sallaTabContentCss = "";
 

package/dist/esm/salla-tiered-offer.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host } from './index-BkWJPw7x.js';
+import { r as registerInstance, h, H as Host } from './index-DhtEPVv1.js';
 
 var DiscountType;
 (function (DiscountType) {

package/dist/esm/salla-tooltip.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, a as getElement } from './index-BkWJPw7x.js';
+import { r as registerInstance, h, a as getElement } from './index-DhtEPVv1.js';
 
 const sallaTooltipCss = ".s-tooltip-container{position:relative;display:inline-block}.s-tooltip-item{position:absolute;transform:translateX(-39%);background-color:#baf3e6;color:#004d5a;bottom:100%;left:50%;text-align:center;border-radius:5px;z-index:1;white-space:nowrap;opacity:0;transition:opacity 0.3s;pointer-events:none;margin:0 0 16px 8px;padding:12px;max-width:150px;width:190px;white-space:normal;opacity:1}.s-tooltip-item::after{content:\"\";position:absolute;bottom:-10px;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:#baf3e6 transparent transparent transparent}.s-tooltip-item:dir(ltr){transform:translateX(-72%)}";
 

package/dist/esm/salla-trust-badges.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host } from './index-BkWJPw7x.js';
+import { r as registerInstance, h, H as Host } from './index-DhtEPVv1.js';
 
 const sallaTrustBadgesCss = "";
 

package/dist/esm/salla-user-menu.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host, a as getElement } from './index-BkWJPw7x.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-DhtEPVv1.js';
 import { A as ArrowDown } from './keyboard_arrow_down-DCZbpt2a.js';
 import { B as BellRing } from './bell-ring-D3mWkc-3.js';
 import { P as PendingOrdersIcon } from './cart-DY4LZmNP.js';

package/dist/esm/salla-user-profile.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h } from './index-BkWJPw7x.js';
+import { r as registerInstance, h } from './index-DhtEPVv1.js';
 import { G as Genders } from './interfaces-OF8QcbMM.js';
 
 const sallaUserProfileCss = ":host{display:block}";

package/dist/esm/salla-user-settings.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host } from './index-BkWJPw7x.js';
+import { r as registerInstance, h, H as Host } from './index-DhtEPVv1.js';
 
 var Bullhorn = `<!-- Generated by IcoMoon.io -->
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">

package/dist/esm/salla-verify.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-BkWJPw7x.js';
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-DhtEPVv1.js';
 import { M as MailIcon } from './mail-DmgxDvXL.js';
 
 var AndroidPhoneIcon = `<!-- Generated by IcoMoon.io -->

package/dist/esm/salla-wallet.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host } from './index-BkWJPw7x.js';
+import { r as registerInstance, h, H as Host } from './index-DhtEPVv1.js';
 
 const sallaWalletCss = ".s-wallet-table{min-width:100%}.s-wallet-table-balance-container{display:flex !important;align-items:center !important;justify-content:flex-start !important;gap:1rem}.s-wallet-table-balance-icon{border-radius:50%;width:52px;height:52px;font-size:25px;padding:16px 13px;background:var(--color-primary-reverse);color:var(--color-primary)}.s-wallet-table-empty-state{display:flex;flex-direction:column;align-items:center}.s-wallet-table-empty-state i{font-size:80px;margin:4rem 0 2rem;color:var(--infinte-color)}.s-wallet-table-transaction-status{padding:6px 19px !important;border-radius:20px;width:max-content;display:flex;align-items:center}.s-wallet-table-transaction-status-default{background:#fff6eb;color:#a46f29}.s-wallet-table-transaction-status-cashback{background:#effbf6;color:#00af6c}.s-wallet-table-transaction-status-refund{background:#ecf3fe;color:#5196f3}.s-wallet-table-transaction-status-purchase{background:#feecec;color:#f55157}.s-wallet-table-transaction-status-icons-success{color:#00af6c}";