@salla.sa/twilight-components 2.14.500 → 2.14.501

package/dist/esm/salla-basket-gap.entry.js

@@ -0,0 +1,267 @@
+/*!
+ * Crafted with ❤ by Salla
+ */
+import { r as registerInstance, h, H as Host, a as getElement } from './index-DW5RMC3M.js';
+import { f as fetchCartBoughtTogether } from './catalog-recommendations-9fzJJ_Ox.js';
+
+const sallaBasketGapCss = ":host{display:block}";
+
+const SallaBasketGap = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        /**
+         * Maximum number of recommendations to fetch.
+         */
+        this.limit = 10;
+        this.products = [];
+        this.isLoading = true;
+        this.canRender = true;
+        this.title = '';
+        this.addToCartLabel = '';
+        this.weightLabel = '';
+        this.discountLabel = '';
+        this.placeholder = '';
+        this.fetchGeneration = 0;
+        this.isSyncingCart = false;
+        this.cartItemChangedHandler = (response) => {
+            const items = response?.data?.cart?.items ?? [];
+            const ids = items.map((i) => String(i.product_id)).filter(Boolean);
+            // Reflect a newly added product in the cart list without a full page refresh.
+            this.syncCartItemsDom(items);
+            this.fetchRecommendations(ids);
+        };
+        this.beforeAddItemHandler = (data) => {
+            const id = String(data?.id ?? '');
+            if (id && this.products.some((p) => String(p.id) === id) && salla.cart?.api) {
+                salla.cart.api.addToCartSource = 'basket_gap';
+            }
+        };
+        this.addButtonSuccessHandler = (event) => {
+            const productId = event?.target?.getAttribute?.('product-id');
+            if (!productId)
+                return;
+            const product = this.products.find((p) => String(p.id) === String(productId));
+            if (!product)
+                return;
+            const items = event?.detail?.data?.items ?? [];
+            const cartItem = items.find((i) => String(i.product_id) === String(product.id)) ?? items.slice(-1)[0];
+            salla.event.emit('salla-basket-gap::product.added', [{
+                    product,
+                    position: this.products.indexOf(product) + 1,
+                    cartItem,
+                    cartId: event?.detail?.data?.id,
+                    source: 'basket_gap',
+                }]);
+        };
+        salla.lang.onLoaded(() => {
+            this.title = salla.lang.get('pages.cart.basket_gap_title');
+            this.addToCartLabel = salla.lang.get('pages.cart.add_to_cart');
+            this.weightLabel = salla.lang.get('pages.products.weight');
+            this.discountLabel = salla.lang.get('pages.products.discount');
+        });
+    }
+    componentWillLoad() {
+        salla.onReady().then(() => {
+            if (!salla.config.get('store.settings.cart.basket_gap')) {
+                this.canRender = false;
+                this.isLoading = false;
+                return;
+            }
+            this.title = salla.lang.get('pages.cart.basket_gap_title');
+            this.addToCartLabel = salla.lang.get('pages.cart.add_to_cart');
+            this.weightLabel = salla.lang.get('pages.products.weight');
+            this.discountLabel = salla.lang.get('pages.products.discount');
+            this.placeholder = salla.url.asset(salla.config.get('theme.settings.placeholder'));
+            const cachedCart = salla.storage.get('cart');
+            const cachedIds = (cachedCart?.items ?? []).map((i) => String(i.product_id)).filter(Boolean);
+            if (cachedIds.length) {
+                return this.fetchRecommendations(cachedIds);
+            }
+            return salla.api.cart.details()
+                .then(({ data: { cart } }) => {
+                const objectIDs = (cart?.items ?? []).map((i) => String(i.product_id)).filter(Boolean);
+                return this.fetchRecommendations(objectIDs);
+            })
+                .catch(() => {
+                this.canRender = false;
+                this.isLoading = false;
+            });
+        });
+    }
+    componentDidLoad() {
+        this.positionUnderCartItems();
+    }
+    componentDidUpdate() {
+        document.lazyLoadInstance?.update(this.host.querySelectorAll('.lazy'));
+        this.positionUnderCartItems();
+    }
+    /**
+     * Cart item rows on the storefront cart page (excluding the order-options block).
+     * Kept defensive: themes that don't use the `form[id^="item-"]` pattern return none.
+     */
+    getCartItemForms(root = document) {
+        return Array.from(root.querySelectorAll('form[id^="item-"]'))
+            .filter((form) => !form.closest('.cart-options'));
+    }
+    /**
+     * The component is injected at the theme's `cart:items.end` hook, which may sit
+     * below the order options/offers. Move the host to render directly under the
+     * cart items. No-ops when the cart item pattern isn't present.
+     */
+    positionUnderCartItems() {
+        const items = this.getCartItemForms();
+        const lastItem = items[items.length - 1];
+        if (lastItem && lastItem.nextElementSibling !== this.host) {
+            lastItem.after(this.host);
+        }
+    }
+    /**
+     * Reflect a newly added product in the cart list without a full page reload.
+     * The whole item list is replaced with the fresh server-rendered rows because
+     * Salla re-assigns cart line-item ids on add, so diffing by id would duplicate
+     * the existing rows. No-ops on themes without the cart item markup.
+     */
+    syncCartItemsDom(cartItems) {
+        if (!cartItems?.length || this.isSyncingCart)
+            return;
+        const missing = cartItems.filter((item) => !document.getElementById('item-' + item.id));
+        if (!missing.length)
+            return;
+        this.isSyncingCart = true;
+        fetch(window.location.href, { headers: { 'X-Requested-With': 'XMLHttpRequest' }, credentials: 'same-origin' })
+            .then((res) => res.text())
+            .then((html) => {
+            const doc = new DOMParser().parseFromString(html, 'text/html');
+            const freshForms = this.getCartItemForms(doc);
+            const currentForms = this.getCartItemForms();
+            if (!freshForms.length || !currentForms.length)
+                return;
+            const firstCurrent = currentForms[0];
+            const parent = firstCurrent.parentElement;
+            if (!parent)
+                return;
+            // Insert the fresh rows in place of the current ones, then drop the old rows.
+            freshForms.forEach((form) => {
+                parent.insertBefore(document.importNode(form, true), firstCurrent);
+            });
+            currentForms.forEach((form) => form.remove());
+            document.lazyLoadInstance?.update?.();
+            this.positionUnderCartItems();
+        })
+            .catch(() => { })
+            .finally(() => { this.isSyncingCart = false; });
+    }
+    connectedCallback() {
+        salla.event.on('cart::item.added', this.cartItemChangedHandler);
+        salla.event.on('cart::item.deleted', this.cartItemChangedHandler);
+        // Tag adds originating from a basket-gap recommendation so the cart auto-track
+        // is suppressed in favour of our attributed `salla-basket-gap::product.added`.
+        salla.event.on('cart::before.add.item', this.beforeAddItemHandler);
+        this.host.addEventListener('success', this.addButtonSuccessHandler);
+    }
+    disconnectedCallback() {
+        salla.event.off('cart::item.added', this.cartItemChangedHandler);
+        salla.event.off('cart::item.deleted', this.cartItemChangedHandler);
+        salla.event.off('cart::before.add.item', this.beforeAddItemHandler);
+        this.host.removeEventListener('success', this.addButtonSuccessHandler);
+    }
+    // The recommendation API receives at most 5 cart product IDs, so it can return
+    // products that are already in the cart (those beyond the 5-item payload limit).
+    // We filter them out here to avoid showing items the customer already has.
+    // cartProductIds may be passed in directly from a live event payload; otherwise
+    // we fall back to storage (which can lag behind on the initial load path).
+    getCartProductIds(knownIds) {
+        if (knownIds?.length)
+            return new Set(knownIds);
+        const cart = salla.storage.get('cart');
+        return new Set((cart?.items ?? []).map((i) => String(i.product_id)).filter(Boolean));
+    }
+    fetchRecommendations(objectIDs) {
+        if (!objectIDs.length) {
+            this.canRender = false;
+            this.isLoading = false;
+            return Promise.resolve();
+        }
+        const generation = ++this.fetchGeneration;
+        return fetchCartBoughtTogether(objectIDs)
+            .then((ids) => {
+            if (generation !== this.fetchGeneration)
+                return;
+            // Pass objectIDs as the authoritative cart list so the filter is not
+            // affected by stale storage when called from a live cart event.
+            const cartIds = this.getCartProductIds(objectIDs);
+            const filteredIds = ids.filter(id => !cartIds.has(id));
+            if (!filteredIds.length) {
+                this.canRender = false;
+                return;
+            }
+            return this.fetchProducts(filteredIds.slice(0, this.limit), generation);
+        })
+            .catch(() => {
+            if (generation !== this.fetchGeneration)
+                return;
+            this.canRender = false;
+        })
+            .finally(() => {
+            if (generation !== this.fetchGeneration)
+                return;
+            this.isLoading = false;
+        });
+    }
+    fetchProducts(ids, generation) {
+        return salla.api.withoutNotifier(() => salla.product.api.fetch({
+            source: 'selected',
+            source_value: ids,
+            limit: this.limit,
+        })).then((response) => {
+            if (generation !== this.fetchGeneration)
+                return;
+            this.products = response?.data ?? [];
+            this.canRender = this.products.length > 0;
+        }).catch(() => {
+            if (generation !== this.fetchGeneration)
+                return;
+            this.canRender = false;
+        });
+    }
+    getDiscountLabel(product) {
+        if (product.promotion_title)
+            return product.promotion_title;
+        if (product.is_on_sale && product.regular_price > 0 && product.sale_price > 0) {
+            const percent = Math.round((1 - product.sale_price / product.regular_price) * 100);
+            return percent > 0 ? `${this.discountLabel} ${percent}%` : null;
+        }
+        return null;
+    }
+    formatDate(timestamp) {
+        const d = new Date(timestamp * 1000);
+        const mm = String(d.getMonth() + 1).padStart(2, '0');
+        const dd = String(d.getDate()).padStart(2, '0');
+        return `${d.getFullYear()}-${mm}-${dd}`;
+    }
+    getSkeletonView() {
+        return (h(Host, { class: "s-basket-gap-entry" }, h("div", { class: "s-basket-gap-skeleton" }, h("salla-skeleton", { height: "16px", width: "40%", style: { marginBottom: '16px' } }), Array(3).fill(null).map((_, i) => (h("div", { key: i, class: "s-basket-gap-skeleton-card" }, h("salla-skeleton", { height: "64px", width: "64px", style: { borderRadius: '8px', flexShrink: '0' } }), h("div", { class: "s-basket-gap-skeleton-info" }, h("salla-skeleton", { height: "14px", width: "50%" }), h("salla-skeleton", { height: "12px", width: "25%", style: { marginTop: '6px' } }), h("salla-skeleton", { height: "10px", width: "35%", style: { marginTop: '4px' } })), h("salla-skeleton", { height: "36px", width: "100px", style: { borderRadius: '6px', flexShrink: '0', marginInlineStart: 'auto' } })))))));
+    }
+    getProductCard(product) {
+        const discountLabel = this.getDiscountLabel(product);
+        return (h("div", { key: product.id, class: "s-basket-gap-card" }, h("a", { href: product.url, class: "s-basket-gap-card-image" }, h("img", { class: "lazy", src: this.placeholder, "data-src": product.image?.url, alt: product.image?.alt || product.name })), h("div", { class: "s-basket-gap-card-info" }, h("h3", { class: "s-basket-gap-card-name" }, h("a", { href: product.url }, product.name)), product.is_on_sale
+            ? h("div", { class: "s-basket-gap-card-sale-price" }, h("span", { innerHTML: salla.money(product.sale_price) }), h("del", { innerHTML: salla.money(product.regular_price) }))
+            : h("span", { class: "s-basket-gap-card-price", innerHTML: salla.money(product.price) }), product.weight_label && (h("span", { class: "s-basket-gap-card-weight" }, this.weightLabel, " ", product.weight_label))), (product.promotion_title || product.discount_ends || product.is_on_sale) && (h("div", { class: "s-basket-gap-card-offer" }, h("i", { class: "sicon-gift" }), discountLabel && h("span", null, discountLabel), product.discount_ends && [
+            h("salla-count-down", { date: this.formatDate(product.discount_ends), "end-of-day": true, digits: "en" }),
+            h("i", { class: "sicon-alarm" }),
+        ])), h("salla-add-product-button", { class: "s-basket-gap-card-btn", "product-id": product.id, "product-status": product.status, "product-type": product.type }, this.addToCartLabel)));
+    }
+    render() {
+        if (!this.canRender)
+            return null;
+        if (this.isLoading)
+            return this.getSkeletonView();
+        if (!this.products.length)
+            return null;
+        return (h(Host, { class: "s-basket-gap-entry" }, this.title && h("h2", { class: "s-basket-gap-title" }, this.title), h("div", { class: "s-basket-gap-list" }, this.products.map(product => this.getProductCard(product)))));
+    }
+    get host() { return getElement(this); }
+};
+SallaBasketGap.style = sallaBasketGapCss;
+
+export { SallaBasketGap as salla_basket_gap };

package/dist/esm/salla-booking-field_7.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-DuoSRdS5.js';
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-DW5RMC3M.js';
 import { S as SICalendar } from './calendar-BkmanTR_.js';
 import { A as ArrowDown } from './keyboard_arrow_down-DCZbpt2a.js';
 import { p as plusIcon, m as minusIcon } from './minus-DfeagqF1.js';
@@ -358,7 +358,7 @@ const SallaColorPicker = class {
         }
     }
     initColorPicker() {
-        this.pickerReady = import('./vanilla-picker-kF8Cgi5q.js').then(function (n) { return n.v; }).then(mod => {
+        this.pickerReady = import('./vanilla-picker-DKozn4lm.js').then(function (n) { return n.v; }).then(mod => {
             const Picker = mod.default;
             const picker = new Picker({
                 parent: this.host,
@@ -818,13 +818,13 @@ const SallaFileUpload = class {
             return;
         try {
             const [FilePondModule, FilePondPluginFileValidateSize, FilePondPluginImageExifOrientation, FilePondPluginImagePreview, FilePondPluginImageEdit, FilePondPluginFileValidateType, FilePondPluginFilePoster] = await Promise.all([
-                import('./filepond-DjtqIoeD.js').then(function (n) { return n.f; }),
-                import('./filepond-plugin-file-validate-size-BnBRYL0y.js').then(function (n) { return n.f; }),
-                import('./filepond-plugin-image-exif-orientation-ngtve06j.js').then(function (n) { return n.f; }),
-                import('./filepond-plugin-image-preview-aqxBqAYf.js').then(function (n) { return n.f; }),
-                import('./filepond-plugin-image-edit-DyMeCzTZ.js').then(function (n) { return n.f; }),
-                import('./filepond-plugin-file-validate-type-Dr5ofT9v.js').then(function (n) { return n.f; }),
-                import('./filepond-plugin-file-poster-CFxoEHLP.js').then(function (n) { return n.f; })
+                import('./filepond-DQgEXp69.js').then(function (n) { return n.f; }),
+                import('./filepond-plugin-file-validate-size-CwWpBym0.js').then(function (n) { return n.f; }),
+                import('./filepond-plugin-image-exif-orientation-DQROYLkj.js').then(function (n) { return n.f; }),
+                import('./filepond-plugin-image-preview-CZCR-9d7.js').then(function (n) { return n.f; }),
+                import('./filepond-plugin-image-edit-DY-5oWCU.js').then(function (n) { return n.f; }),
+                import('./filepond-plugin-file-validate-type-CovRSsjJ.js').then(function (n) { return n.f; }),
+                import('./filepond-plugin-file-poster-BE5-JUQb.js').then(function (n) { return n.f; })
             ]);
             this.FilePond = FilePondModule;
             // Register plugins
@@ -1425,7 +1425,7 @@ const SallaTelInput = class {
         if (this.TelInput)
             return;
         try {
-            const telInputModule = await import('./index-CaZkz-p0.js').then(function (n) { return n.i; });
+            const telInputModule = await import('./index-VUPjm0uj.js').then(function (n) { return n.i; });
             this.TelInput = telInputModule.default;
         }
         catch (error) {

package/dist/esm/salla-bullet-delivery_2.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, c as createEvent, h as h$4, H as Host, a as getElement } from './index-DuoSRdS5.js';
+import { r as registerInstance, c as createEvent, h as h$4, H as Host, a as getElement } from './index-DW5RMC3M.js';
 import { L as Location } from './location-BO5AoBAP.js';
 import { S as Search } from './search-BscTeWDc.js';
 

package/dist/esm/salla-cart-coupons.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host, a as getElement } from './index-DuoSRdS5.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-DW5RMC3M.js';
 
 const sallaCartCouponsCss = ".s-cart-coupons-applied-list{display:flex;flex-direction:column;gap:8px;margin-top:12px}.s-cart-coupons-applied-item{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;background:#fff;border:1px solid #e5e7eb;border-radius:10px;border-inline-start:3px solid #10b981}.s-cart-coupons-applied-code{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:#111827}.s-cart-coupons-applied-code::before{content:\"\";width:7px;height:7px;border-radius:9999px;background:#10b981}.s-cart-coupons-applied-remove{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;color:#ef4444;background:transparent;border:0;border-radius:9999px;cursor:pointer;transition:background-color 0.15s ease, color 0.15s ease}.s-cart-coupons-applied-remove:hover{background:#fef2f2}.s-cart-coupons-applied-remove:disabled{opacity:0.5;cursor:not-allowed}";
 

package/dist/esm/salla-cart-item-offers_2.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host, a as getElement } from './index-DuoSRdS5.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-DW5RMC3M.js';
 import { S as SpecialDiscountIcon } from './special-discount-Ctkfc4K-.js';
 import { S as SIGift } from './gift-CXRKXFgT.js';
 import { T as TagMoneyIcon } from './tag-money-CJUR4sUM.js';

package/dist/esm/salla-cart-summary-card.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host, a as getElement } from './index-DuoSRdS5.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-DW5RMC3M.js';
 
 const SKELETON_ROWS = [
     { label: '100px', value: '56px' },

package/dist/esm/salla-cashback-banner.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host, a as getElement } from './index-DuoSRdS5.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-DW5RMC3M.js';
 
 var StarFilledIcon = `<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
 <g clip-path="url(#clip0_5667_2008)">

package/dist/esm/salla-comment-factors.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h } from './index-DuoSRdS5.js';
+import { r as registerInstance, h } from './index-DW5RMC3M.js';
 
 const sallaCommentsCss = ":host{display:block}.s-comments-item-review-factors-toggle{display:inline-flex;align-items:center;gap:0.35rem;padding:0;border:0;background:transparent;color:#0f6a7c;font-size:0.9rem;font-weight:500;cursor:pointer}.s-comments-item-review-factors-chevron{line-height:1;transform:rotate(180deg);transition:transform 0.2s ease}.s-comments-item-review-factors-chevron.is-open{transform:rotate(0deg)}.s-comments-item-review-factors{border:1px solid #e8e8e8;background:rgba(255, 255, 255, 0.3);border-radius:0.6rem;width:min(100%, 26rem);max-width:100%;margin:0 0 1rem;padding:0.85rem 1rem}@media (max-width: 767px){.s-comments-item-review-factors{width:100%;padding:0.75rem}}.s-comments-item-review-factor-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;direction:ltr;min-width:0}@media (max-width: 767px){.s-comments-item-review-factor-row{flex-direction:row;align-items:stretch;gap:0.35rem}}.s-comments-item-review-factor-row+.s-comments-item-review-factor-row{margin-top:0.5rem}.s-comments-item-review-factor-label,.s-comments-item-review-factor-name{color:#4b5563;font-size:0.9rem;line-height:1.45}.s-comments-item-review-factor-name{min-width:6.5rem;text-align:end;flex-shrink:0}@media (max-width: 767px){.s-comments-item-review-factor-name{min-width:5rem;text-align:end}}.s-comments-item-review-factor-label{display:inline-block;min-width:4.75rem}@media (max-width: 767px){.s-comments-item-review-factor-label{min-width:0;flex:1 1 auto}}.s-comments-item-review-factor-value{display:inline-flex;align-items:center;gap:0.35rem;min-width:0}@media (max-width: 767px){.s-comments-item-review-factor-value{width:100%;justify-content:space-between;gap:0.25rem}}.s-comments-item-review-factor-stars{flex-shrink:0}.s-comments-item-review-factor-stars .s-rating-stars-wrapper{gap:0}";
 

package/dist/esm/salla-comment-form_8.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, c as createEvent, h, H as Host, a as getElement, i as require_root, j as requireIsObject, k as requireIsSymbol, d as getDefaultExportFromCjs } from './index-DuoSRdS5.js';
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement, i as require_root, j as requireIsObject, k as requireIsSymbol, d as getDefaultExportFromCjs } from './index-DW5RMC3M.js';
 import { S as SICheck } from './check-BZp0rKEO.js';
 import { a as anime } from './anime.es-CgtvEd63.js';
 import { H as Helper } from './Helper-BQ9mvrt9.js';

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

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

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host, a as getElement } from './index-DuoSRdS5.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-DW5RMC3M.js';
 import { W as WhatsappIcon } from './whatsapp2-CgR-T_ZS.js';
 import { e as email } from './mail-DzAIgzdz.js';
 

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host, a as getElement } from './index-DuoSRdS5.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-DW5RMC3M.js';
 
 const sallaCookiesBarCss = ":host{display:block;overflow:visible}.s-cookies-bar{box-shadow:0 0 20px 4px rgba(0, 0, 0, 0.15)}.s-cookies-bar-btn--active{box-shadow:0 0 0 2px rgba(0, 0, 0, 0.08)}";
 

package/dist/esm/salla-count-down_2.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host, a as getElement } from './index-DuoSRdS5.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-DW5RMC3M.js';
 
 const sallaCountDownCss = ".s-count-down-horizontal{background-color:rgba(0, 0, 0, 0.06);background-color:color-mix(in srgb, var(--color-primary) 10%, transparent)}";
 
@@ -129,7 +129,8 @@ const SallaCountDown = class {
         return !isNaN(Date.parse(testedDate));
     }
     number(digit) {
-        return salla.helpers.number(digit, this.digits === 'en');
+        const value = String(Math.max(0, Math.floor(digit))).padStart(2, '0');
+        return salla.helpers.number(value, this.digits === 'en');
     }
     startCountDown() {
         const normalized = this.normalizeDate(this.date);
@@ -232,7 +233,7 @@ const SallaCountDown = class {
         return this.renderCountDown();
     }
     render() {
-        return (h(Host, { key: '966a6ce961c0cc07b937d9b8e328211377084d44', class: `s-count-down-wrapper ${this.preOrder && this.isValidDate(this.date) ? 's-count-down-pre-order' : ''} ${this.horizontal ? 's-count-down-horizontal' : ''} ${this.withButton ? 's-count-down-with-button' : ''} ${this.offerEnded ? 's-count-down-ended' : ''}` }, this.renderPrefixText(), this.renderContent(), this.offerEnded && this.renderOfferEnded(), this.renderButton()));
+        return (h(Host, { key: 'e2805e528a52b71ad71f4f1f16a473947dafb5bc', class: `s-count-down-wrapper ${this.preOrder && this.isValidDate(this.date) ? 's-count-down-pre-order' : ''} ${this.horizontal ? 's-count-down-horizontal' : ''} ${this.withButton ? 's-count-down-with-button' : ''} ${this.offerEnded ? 's-count-down-ended' : ''}` }, this.renderPrefixText(), this.renderContent(), this.offerEnded && this.renderOfferEnded(), this.renderButton()));
     }
 };
 SallaCountDown.style = sallaCountDownCss;

package/dist/esm/salla-custom-fields.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, c as createEvent, h } from './index-DuoSRdS5.js';
+import { r as registerInstance, c as createEvent, h } from './index-DW5RMC3M.js';
 import { C as CameraIcon } from './camera-C6jIkM-X.js';
 import { F as FormFieldTypes } from './interfaces-OF8QcbMM.js';
 

package/dist/esm/salla-delivery-promise.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host, a as getElement } from './index-DuoSRdS5.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-DW5RMC3M.js';
 
 const DEBUG_KEY = 'salla-delivery-promise-debug';
 function log(message, data) {

package/dist/esm/salla-edit-order-button.entry.js

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

package/dist/esm/salla-filters-widget.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-DuoSRdS5.js';
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-DW5RMC3M.js';
 import { H as Helper } from './Helper-BQ9mvrt9.js';
 import { F as FilterOptionTypes } from './interfaces-DL4h2bc3.js';
 import './anime.es-CgtvEd63.js';

package/dist/esm/salla-filters.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-DuoSRdS5.js';
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-DW5RMC3M.js';
 import { F as FilterOptionTypes } from './interfaces-DL4h2bc3.js';
 import { H as Helper } from './Helper-BQ9mvrt9.js';
 import './anime.es-CgtvEd63.js';

package/dist/esm/salla-fulfillment-methods.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host } from './index-DuoSRdS5.js';
+import { r as registerInstance, h, H as Host } from './index-DW5RMC3M.js';
 
 const SallaFulfillmentMethods = class {
     constructor(hostRef) {

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h } from './index-DuoSRdS5.js';
+import { r as registerInstance, h } from './index-DW5RMC3M.js';
 import { a as anime } from './anime.es-CgtvEd63.js';
 import { a as arrowLeft } from './arrow-left-BedNk7k1.js';
 import { S as SICancel } from './cancel-8Tsmrwno.js';

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host, a as getElement } from './index-DuoSRdS5.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-DW5RMC3M.js';
 
 const SallaHook = class {
     constructor(hostRef) {

package/dist/esm/salla-infinite-scroll.entry.js

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

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host, a as getElement } from './index-DuoSRdS5.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-DW5RMC3M.js';
 
 const sallaInstallmentCss = "salla-installment:empty{display:none}#tabbyPromoWrapper{background:white;border-radius:0.375rem;transition:box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1);margin-bottom:20px;border:unset !important;font-weight:500}.salla-y #tabbyPromoWrapper{border:1px solid var(--color-grey-dark);border-radius:12px}#tabbyPromoWrapper:hover{box-shadow:0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 5px 10px 30px rgba(43, 45, 52, 0.0509803922)}#tabbyPromoWrapper #tabbyPromo *{font-family:var(--font-main)}#tabbyPromoWrapper #tabbyPromo>div>div{max-width:none;box-shadow:none;border:none}#tabbyPromoWrapper #tabbyPromo .tabby-promo-snippet{max-width:100%;min-height:100px;padding:18px 20px;border:none !important}#tabbyPromoWrapper #tabbyPromo .tabby-promo-snippet__text,#tabbyPromoWrapper #tabbyPromo .tabby-promo-snippet__link{font-size:var(--font-sm);color:var(--color-text) !important}#tabbyPromoWrapper #tabbyPromo .tabby-promo-snippet__link{font-weight:bold}.tabby-promo-wrapper #tabby-promo{font-family:var(--font-main) !important}.tabby-promo-wrapper #tabby-promo .tabby-promo__feature-title{font-size:var(--font-md)}.tabby-promo-wrapper #tabby-promo .tabby-promo__feature-desc{font-size:var(--font-sm);line-height:20px}.tamara-product-widget{margin-bottom:20px}.tamara-product-widget,.spotii-wrapper{min-height:100px;position:relative;color:var(--main-text-color);font-size:var(--font-sm);line-height:1.25;padding:20px 20px 20px 115px !important;background:white;border-radius:0.375rem;transition:box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1);border:unset !important;font-family:inherit !important;font-weight:500}.salla-y .tamara-product-widget,.salla-y .spotii-wrapper{border-radius:12px;border:1px solid var(--color-grey-dark)}.tamara-product-widget:hover,.spotii-wrapper:hover{box-shadow:0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 5px 10px 30px rgba(43, 45, 52, 0.0509803922)}.tamara-product-widget .spotii-logo,.spotii-wrapper .spotii-logo{float:left;margin:0 0 0 -75px}.ltr .tamara-product-widget,.ltr .spotii-wrapper{text-align:left;padding:18px 100px 18px 20px !important}.ltr .tamara-product-widget .spotii-logo,.ltr .spotii-wrapper .spotii-logo{float:right;margin:0 -75px 0 0}.ltr .tamara-product-widget .spotii-product-widget,.ltr .spotii-wrapper .spotii-product-widget{text-align:left !important}.spotii-wrapper{margin-bottom:20px}.spotii-wrapper .spotii-promo{font-size:var(--font-md)}.spotii-wrapper .spotii-product-widget{font-size:var(--font-sm) !important;margin-top:10px}.tamara-product-widget .tamara-logo{position:absolute;left:20px !important;top:35px !important;margin:0 !important;height:24px !important}.ltr .tamara-product-widget .tamara-logo{right:20px !important;left:auto !important}.tamara-product-widget span{font-family:var(--font-main);font-size:var(--font-sm);color:var(--color-text)}.tamara-product-widget span:last-child{display:block;position:relative;margin-top:8px}.tamara-popup__wrap{overflow:auto !important}.s-installment-mispay-wrapper,.s-installment-madfu-wrapper,.s-installment-emkan-wrapper,.s-installment-rajehi-wrapper{font-size:14px;text-align:right;padding:20px;gap:42px;line-height:22px;color:rgb(0, 0, 0);min-width:100%;box-sizing:border-box;position:relative;background-color:white;border-radius:10px;margin:15px 0;display:flex;transition:box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1)}.s-installment-mispay-wrapper:hover,.s-installment-madfu-wrapper:hover,.s-installment-emkan-wrapper:hover,.s-installment-rajehi-wrapper:hover{box-shadow:0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 5px 10px 30px rgba(43, 45, 52, 0.0509803922)}.s-installment-mispay-content,.s-installment-madfu-content,.s-installment-emkan-content,.s-installment-rajehi-content{display:flex;flex-direction:row-reverse;width:100%;justify-content:space-between;align-items:center;gap:1rem}.s-installment-mispay-content-text,.s-installment-madfu-content-text,.s-installment-emkan-content-text,.s-installment-rajehi-content-text{color:var(--main-text-color);font-size:14px;font-weight:500;margin:0 16px 0 0;width:80%;left:14px;text-align:left}.s-installment-mispay-content img,.s-installment-madfu-content img,.s-installment-emkan-content img,.s-installment-rajehi-content img{height:28px;width:70px;display:inline-block;max-height:100%;vertical-align:middle;fill:none;stroke:unset;width:auto}.rtl .s-installment-mispay-content-text,.rtl .s-installment-madfu-content-text,.rtl .s-installment-emkan-content-text,.rtl .s-installment-rajehi-content-text{right:14px;text-align:right;margin:0 0 0 16px}.rtl .s-installment-mispay-content img,.rtl .s-installment-madfu-content img,.rtl .s-installment-emkan-content img,.rtl .s-installment-rajehi-content img{left:14px !important}.ltr .s-installment-mispay-content img,.ltr .s-installment-madfu-content img,.ltr .s-installment-emkan-content img,.ltr .s-installment-rajehi-content img{right:14px !important}.s-installment-rajehi-content img{width:70px !important;height:40px !important}.s-installment-emkan-content img{height:35px !important}.s-installment-klarna-wrapper{background:white;border-radius:0.375rem;transition:box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1);margin-bottom:20px;padding:10px}.salla-y .s-installment-klarna-wrapper{border:1px solid var(--color-grey-dark);border-radius:12px}.s-installment-klarna-wrapper:hover{box-shadow:0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 5px 10px 30px rgba(43, 45, 52, 0.0509803922)}";
 

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

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

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, a as getElement } from './index-DuoSRdS5.js';
+import { r as registerInstance, h, a as getElement } from './index-DW5RMC3M.js';
 
 const SallaLocalizationModal = class {
     constructor(hostRef) {

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, F as Fragment, a as getElement } from './index-DuoSRdS5.js';
+import { r as registerInstance, h, F as Fragment, a as getElement } from './index-DW5RMC3M.js';
 
 const sallaLoginModalCss = "iframe{-moz-transition:height 0.3s;-ms-transition:height 0.3s;-o-transition:height 0.3s;-webkit-transition:height 0.3s;transition:height 0.3s;width:100%}";
 

package/dist/esm/salla-loyalty-banner.entry.js

@@ -1,9 +1,9 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, a as getElement } from './index-DuoSRdS5.js';
+import { r as registerInstance, h, a as getElement } from './index-DW5RMC3M.js';
 import { S as SIGift } from './gift-CXRKXFgT.js';
-import { T as TrackedPromise } from './tracked-promise-CUM6cNiF.js';
+import { T as TrackedPromise } from './tracked-promise-CZ98bqyM.js';
 
 const sallaLoyaltyProgramCss = "@media (max-width: 639px){.s-loyalty-program-modal .s-modal-body{position:relative !important;left:unset !important;bottom:unset !important;max-height:100dvh;overflow-y:auto !important}}.s-loyalty-exchange-card salla-product-card .s-product-card-image,.s-loyalty-exchange-card custom-salla-product-card .s-product-card-image{flex:none;aspect-ratio:1;overflow:hidden}.s-loyalty-exchange-card-btn{padding:0 1.25rem 1.25rem;margin-top:0.75rem}.s-loyalty-program-reward-details-products-grid{display:flex;flex-wrap:wrap;gap:1rem;margin-top:0.75rem}.s-loyalty-program-reward-details-products-grid>*{flex:1 1 100%;min-width:0;touch-action:pan-y}@media (min-width: 640px){.s-loyalty-program-reward-details-products-grid>*{flex-basis:calc((100% - 1rem) / 2)}}@media (min-width: 768px){.s-loyalty-program-reward-details-products-grid>*{flex-basis:calc((100% - 2rem) / 3)}}.s-loyalty-program-reward-details-products-grid>*:only-child{max-width:320px;margin-inline:auto}.s-loyalty-program-reward-details-products-grid:has(>*:nth-child(3))>*{flex-grow:0}";
 

package/dist/esm/salla-loyalty-exchange-product-card_5.entry.js

@@ -1,13 +1,13 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-DuoSRdS5.js';
-import { c as closeModals, b as brand_path, f as formattedPointsJsx } from './functions-Drikk4uf.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-DW5RMC3M.js';
+import { c as closeModals, b as brand_path, f as formattedPointsJsx } from './functions-DWD7tnLk.js';
 import { S as SIGift } from './gift-CXRKXFgT.js';
 import { S as SITag } from './tag-cgSL_BIo.js';
 import { S as SICheck } from './check-BZp0rKEO.js';
 import { S as SICancel } from './cancel-8Tsmrwno.js';
-import { T as TrackedPromise } from './tracked-promise-CUM6cNiF.js';
+import { T as TrackedPromise } from './tracked-promise-CZ98bqyM.js';
 
 const sallaLoyaltyProgramCss$4 = "@media (max-width: 639px){.s-loyalty-program-modal .s-modal-body{position:relative !important;left:unset !important;bottom:unset !important;max-height:100dvh;overflow-y:auto !important}}.s-loyalty-exchange-card salla-product-card .s-product-card-image,.s-loyalty-exchange-card custom-salla-product-card .s-product-card-image{flex:none;aspect-ratio:1;overflow:hidden}.s-loyalty-exchange-card-btn{padding:0 1.25rem 1.25rem;margin-top:0.75rem}.s-loyalty-program-reward-details-products-grid{display:flex;flex-wrap:wrap;gap:1rem;margin-top:0.75rem}.s-loyalty-program-reward-details-products-grid>*{flex:1 1 100%;min-width:0;touch-action:pan-y}@media (min-width: 640px){.s-loyalty-program-reward-details-products-grid>*{flex-basis:calc((100% - 1rem) / 2)}}@media (min-width: 768px){.s-loyalty-program-reward-details-products-grid>*{flex-basis:calc((100% - 2rem) / 3)}}.s-loyalty-program-reward-details-products-grid>*:only-child{max-width:320px;margin-inline:auto}.s-loyalty-program-reward-details-products-grid:has(>*:nth-child(3))>*{flex-grow:0}";