@salla.sa/twilight-components 2.14.564 → 2.14.565

package/dist/esm/salla-add-product-button_5.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, c as createEvent, h, H as Host, a as getElement, e as axios } from './index-DXda9rxP.js';
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement, e as axios } from './index-BC0OSCdw.js';
 import { C as Cart } from './cart-gFG8By9O.js';
 import { H as Helper } from './Helper-Cql-WbqR.js';
 import { a as fetchProductBoughtTogether } from './catalog-recommendations-CRW60UDr.js';
@@ -9,7 +9,7 @@ import { B as BellRing } from './bell-ring-D3mWkc-3.js';
 import { D as DisplayType } from './interfaces-CoQJOPRz.js';
 import { i as iconCheck } from './check-BsXh13x8.js';
 import { C as CameraIcon } from './camera-C6jIkM-X.js';
-import { r as resolveApplePayOrderOptions, b as reportProductOptionsValiditySync, a as appendOrderOptionsToPayload } from './apple-pay-order-options-Bg2HuLRr.js';
+import { r as resolveApplePayOrderOptions, b as reportProductOptionsValiditySync, a as appendOrderOptionsToPayload } from './apple-pay-order-options-s0kn7yr8.js';
 import './anime.es-CgtvEd63.js';
 
 var WalletIcon = `<!-- Generated by IcoMoon.io -->
@@ -148,9 +148,60 @@ async function canCompleteApplePay(currency = 'SAR') {
   }
 }
 
+/**
+ * Rewrite a cart-add payload from the flat single-product shape into the products[] shape, so
+ * the main product and every configured free product are added in one request:
+ *
+ *   id=X&quantity=N
+ *     ↓
+ *   products[0][id]=X&products[0][quantity]=N
+ *   products[1][id]=Y₁&products[1][quantity]=1&products[1][options][o₁]=v₁
+ *   products[2][id]=Y₂&products[2][quantity]=2&products[2][options][o₂]=v₂
+ *
+ * X has to move into products[0] rather than being left as a bare `id`, otherwise the gifts are
+ * the only entries in the array. Bracket-notation string keys, not nested objects: the payload
+ * may be backed by FormData (which stringifies anything non-scalar to "[object Object]"), and
+ * MiniCheckoutRequest::prepareForValidation() expands these keys back into nested arrays.
+ *
+ * Only the payload is touched — `data.id`, which builds the request URL, is left alone.
+ */
+function injectFreeProductsIntoPayload(payload, freeProducts) {
+    if (!payload || !freeProducts?.length)
+        return;
+    // Two payload shapes reach this: the cart's FormDataWrapper (get/set/delete) from
+    // `cart::before.add.item`, and the plain object `getElementSallaData()` hands the Apple Pay
+    // flow. Normalize the three accessors so both work — a `set?.()` on a bare object would
+    // silently no-op and drop every gift.
+    const hasApi = typeof payload.set === 'function';
+    const get = (k) => (hasApi ? payload.get?.(k) : payload[k]);
+    const set = (k, v) => { hasApi ? payload.set(k, v) : (payload[k] = v); };
+    const del = (k) => { hasApi ? payload.delete?.(k) : delete payload[k]; };
+    // Read before deleting — X's own id/quantity become products[0].
+    const mainId = get('id');
+    const mainQty = get('quantity') || '1';
+    if (mainId) {
+        del('id');
+        del('quantity');
+        set('products[0][id]', String(mainId));
+        set('products[0][quantity]', String(mainQty));
+    }
+    freeProducts.forEach((free, index) => {
+        const slot = mainId ? index + 1 : index;
+        set(`products[${slot}][id]`, String(free.productId));
+        set(`products[${slot}][quantity]`, String(free.quantity));
+        Object.entries(free.options).forEach(([optionId, value]) => {
+            set(`products[${slot}][options][${optionId}]`, String(value));
+        });
+    });
+}
+
 /**
  * Order-options gate for the fast-checkout widget — keeps <salla-add-product-button> thin.
  * Intercepts the widget click → runs the order-options modal → injects the result → re-fires the click.
+ *
+ * CP-2836: also handles advance_free_product — a LIST of free offer products (one entry per
+ * qualifying offer, priority-ordered and capped by the store's offers limit). Each gets its own
+ * wizard step, and every configured one is injected into the mini-checkout payload.
  */
 const PRODUCT_FORM_SELECTOR = 'form.product-form';
 class OrderOptionsGate {
@@ -214,8 +265,14 @@ class OrderOptionsGate {
             return;
         }
         widget.classList.remove('s-add-product-button-busy');
-        const items = resp?.data?.order_options || [];
-        if (!items.length) {
+        const orderItems = resp?.data?.order_options || [];
+        // Null when the store setting is off or no offer qualifies; otherwise a list of
+        // { product, options, offer_name, quantity } entries.
+        const advFreeProduct = resp?.data?.advance_free_product;
+        const freeProducts = (Array.isArray(advFreeProduct) ? advFreeProduct : [])
+            .filter((entry) => Array.isArray(entry?.options) && entry.options.length);
+        // Nothing to collect — proceed straight to checkout.
+        if (!orderItems.length && !freeProducts.length) {
             this.resumeWidget(widget);
             return;
         }
@@ -224,8 +281,12 @@ class OrderOptionsGate {
             : Number(resp?.data?.products?.[0]?.price?.amount) || 0;
         const modal = this.ensureModal();
         try {
-            const result = await modal.open({ orderOptions: items, basePrice });
-            this.injectIntoMini(result?.orderOptions || []);
+            const result = await modal.open({
+                orderOptions: orderItems,
+                freeProducts,
+                basePrice,
+            });
+            this.injectIntoMini(result?.orderOptions || [], result?.freeProducts || []);
             this.resumeWidget(widget);
         }
         catch {
@@ -244,16 +305,26 @@ class OrderOptionsGate {
         }
         return true;
     }
-    /** Inject order_options into the next cart-add payload via `cart::before.add.item` (one-shot, scoped to productId). */
-    injectIntoMini(orderOptions) {
-        if (!orderOptions.length)
+    /**
+     * Inject collected options into the next cart-add payload via `cart::before.add.item` (one-shot).
+     *
+     * Order options → set as `order_options` on the existing payload wrapper.
+     * Free products → the payload is rewritten into the products[] shape; see
+     *                 ./free-product-payload for the exact mapping and why.
+     */
+    injectIntoMini(orderOptions, freeProducts) {
+        if (!orderOptions.length && !freeProducts.length)
             return;
         const productId = this.productId;
         const onceHandler = (eventData) => {
             if (String(eventData?.id) !== String(productId))
                 return;
             try {
-                eventData?.payload?.set?.('order_options', orderOptions);
+                const payload = eventData?.payload;
+                if (orderOptions.length) {
+                    payload?.set?.('order_options', orderOptions);
+                }
+                injectFreeProductsIntoPayload(payload, freeProducts);
             }
             finally {
                 salla.event.off('cart::before.add.item', onceHandler);
@@ -501,9 +572,9 @@ const SallaAddProductButton = class {
     }
     componentDidRender() {
         // Wire the order-options gate to the fast-checkout widget once it renders (logic lives in OrderOptionsGate).
-        // Only when the merchant enabled order options; otherwise the widget runs the normal fast-checkout flow.
+        // Always attach so the gate can intercept for both order options AND advance free product options
+        // (CP-2836). The gate fetches product/options on click and resumes immediately when nothing is needed.
         if (!this.orderOptionsGateAttached && this.productId
-            && salla.config.get('store.settings.order_options.mandatory', false)
             && OrderOptionsGate.attach(this.host, this.productId)) {
             this.orderOptionsGateAttached = true;
         }
@@ -839,7 +910,7 @@ const SallaProductAvailability = class {
         field.nextElementSibling['innerText'] = '* ' + errorMsg;
     }
     render() {
-        return (h(Host, { key: 'ccb098126e7809a6386ff38c74dfa0f00f64deeb', class: "s-product-availability-wrap" }, this.isSubscribedToProduct
+        return (h(Host, { key: '646195e9982d709d58b12eae7ee0649f85a76d93', class: "s-product-availability-wrap" }, this.isSubscribedToProduct
             ? h("div", { class: "s-product-availability-subscribed" }, h("span", { innerHTML: BellRing, class: "s-product-availability-subs-icon" }), salla.lang.get('pages.products.notify_availability_success'))
             :
                 h("salla-button", { width: "wide", onClick: () => this.isUser ? this.submit() : this.openModel() }, salla.lang.get('pages.products.notify_availability')), this.isUser || this.isSubscribedToProduct ? '' : this.renderModal()));
@@ -3426,6 +3497,8 @@ const SallaQuickBuy = class {
         this.options = {};
         /** Modal selections, merged into the quick-purchase payload. */
         this.collectedOrderOptions = [];
+        /** Free offer products the shopper configured in the wizard, for the products[] payload. */
+        this.collectedFreeProducts = [];
         /** Flips true after the first onStartedSession so the second dispatch begins. */
         this.optionsResolved = false;
         /** PDP price + selected order-option prices (from the modal). */
@@ -3435,9 +3508,10 @@ const SallaQuickBuy = class {
         this.quickBuy = salla.lang.get('pages.products.buy_now');
         /** Apple Pay onStartedSession: first call defers begin() to run the OO check; second (resolved) begins. */
         this.handleApplePaySessionStarted = (session) => {
-            // Order options disabled → let Apple Pay begin normally, as if the feature didn't exist.
-            if (!salla.config.get('store.settings.order_options.mandatory', false))
-                return false;
+            // Previously gated on `order_options.mandatory`, which is unrelated to CP-2836: a store with
+            // free-product options but mandatory order options off would skip the check entirely and get
+            // the wizard on Quick Buy but nothing on Apple Pay. resolveApplePayOrderOptions() begins the
+            // session untouched when the fetch finds nothing, so running it always is safe.
             if (this.optionsResolved)
                 return false;
             this.optionsResolved = true;
@@ -3451,8 +3525,9 @@ const SallaQuickBuy = class {
                     this.pendingApplePaySession = null;
                 },
                 discardPendingSession: () => { this.pendingApplePaySession = null; },
-                onSubmit: (selections, total) => {
+                onSubmit: (selections, total, freeProducts) => {
                     this.collectedOrderOptions = selections;
+                    this.collectedFreeProducts = freeProducts || [];
                     this.applePayAmount = total;
                     this.settlePayment();
                 },
@@ -3474,6 +3549,7 @@ const SallaQuickBuy = class {
             return;
         this.optionsResolved = false;
         this.collectedOrderOptions = [];
+        this.collectedFreeProducts = [];
         this.applePayAmount = 0;
         this.settlePayment();
     }
@@ -3510,6 +3586,10 @@ const SallaQuickBuy = class {
             data.id = this.productId;
             data.source = 'buy_now';
         }
+        // After `id` is set, not before: the rewrite promotes it to products[0] and appends each
+        // configured gift as products[N]. checkout/mini is the same MiniCheckoutRequest endpoint the
+        // fast-checkout widget posts to, so the bracket-notation contract is identical.
+        injectFreeProductsIntoPayload(data, this.collectedFreeProducts);
         // if the store doesn't have Apple Pay , just create a cart and then redirect to check out page
         if (!this.isApplePayActive) {
             return salla.api.request('checkout/mini', data, 'post')
@@ -3706,7 +3786,7 @@ const SallaQuickBuy = class {
         });
     }
     render() {
-        return h(Host, { key: 'fd28f7292f396779cbe6ae4d5986ab187be38c48' }, this.quickBuyButton());
+        return h(Host, { key: '928e447f7f5c03f64897ffdd3df639408ec74c24' }, this.quickBuyButton());
     }
     quickBuyButton() {
         return h("apple-pay-button", { locale: salla?.config?.get?.('user.language_code') || 'ar', onClick: () => this.quickBuyHandler(), "data-quick-purchase": "applepay", class: "s-quick-buy-apple-pay", "data-is-applepay": "1", buttonstyle: "black", type: this.type });

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, a as getElement } from './index-DXda9rxP.js';
+import { r as registerInstance, h, a as getElement } from './index-BC0OSCdw.js';
 import { a as anime } from './anime.es-CgtvEd63.js';
 
 const sallaAdvertisementCss = "/*!twlt*/:host{display:block}.visible{visibility:visible}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.s-hidden{display:none}.s-advertisement-content{width:100%;margin-right:auto;margin-left:auto;padding-right:10px;padding-left:10px}@media (min-width: 1280px){.s-advertisement-content{max-width:1280px}}.s-advertisement-content{display:flex;align-items:center;justify-content:space-between;padding-top:0.625rem;padding-bottom:0.625rem}.s-advertisement-content-main{flex:1 1 0%;text-align:center;font-size:0.875rem;line-height:1.25rem;font-weight:700}.s-advertisement-content-icon{display:inline-block;vertical-align:middle;font-size:1rem;line-height:1.5rem}.s-advertisement-content-icon:where([dir=\"ltr\"],[dir=\"ltr\"] *){margin-right:0.5rem}.s-advertisement-content-icon:where([dir=\"rtl\"],[dir=\"rtl\"] *){margin-left:0.5rem}.s-advertisement-action{padding-left:0.25rem;padding-right:0.25rem}";

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host, a as getElement } from './index-DXda9rxP.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-BC0OSCdw.js';
 import { C as Cart } from './cart-gFG8By9O.js';
 import { I as ImageIcon } from './image-C-tzSDxw.js';
 
@@ -34,7 +34,7 @@ const SallaAlert = class {
         }
     }
     render() {
-        return (h(Host, { key: 'e26a52cc275ac4c2e4090c113cb7e7d4d578fc11', class: `s-alert-wrapper s-alert-${this.variant}` }, h("span", { key: 'bdb1c6693b226a4e136e89640fcc19fbefc6e29e', class: "s-alert-icon" }, this.renderIcon()), h("span", { key: 'de8997f9617e74fc082ae9603bf16eac4c0a4b17', class: "s-alert-text" }, this.message, h("slot", { key: '37fb1adba1fa7f0226143250632cf20b514ee06b' }))));
+        return (h(Host, { key: '053085e619a62bc641cf05e5fab4c3d601560d4b', class: `s-alert-wrapper s-alert-${this.variant}` }, h("span", { key: '8c9b20d9382b0e9eaec53b769c98c73df01043b6', class: "s-alert-icon" }, this.renderIcon()), h("span", { key: '0ab4176e253bfe191c4115c6d4bcdf815895e746', class: "s-alert-text" }, this.message, h("slot", { key: 'd4f428d1d47ddf977d0363c0476e7190ef680857' }))));
     }
 };
 SallaAlert.style = sallaAlertCss;
@@ -184,9 +184,9 @@ const SallaBottomAlert = class {
     }
     render() {
         const hasTemplate = this.template && typeof this.template === 'object' && Object.keys(this.template).length > 0;
-        return (h(Host, { key: '1e598df3c91be1e357fc5d771061ec386573f968', class: `s-bottom-alert-wrapper ${hasTemplate ? 's-bottom-alert-wrapper-with-template' : ''}` }, hasTemplate && (h("div", { key: '20a0173dfa6a01b793f8e1e9416d295ee4e61783', class: "s-bottom-alert-logo-section" }, h("img", { key: '2c9042f0ce022aeb9b2879496ec2837ed14dfe9f', src: "https://cdn.salla.network/images/logo/logo-light.svg", alt: "Salla", class: "s-bottom-alert-logo" }), h("span", { key: '69c2bc09acca8a535d2f982131ccc09d65ea44e6', class: "s-bottom-alert-logo-text" }, this.readyStores))), h("div", { key: '553122bac6f1f11c2bcc41a92ac798b3701ebfb9', class: "s-bottom-alert-content" }, h("div", { key: 'e0df96405998b70c15a8320c8400fa75db77d041', class: "flex items-center gap-2" }, h("div", { key: '26f241c725c763dfc25f58cdcd0f2979571a2061', class: "s-bottom-alert-icon" }, this.icon ? h("i", { class: this.icon }) : h("i", { innerHTML: infoIcon })), h("div", { key: '5e6ba42a2924aec3b99050e8f53634716023a535', class: "s-bottom-alert-message" }, this.message ? (this.message) : hasTemplate ? (h("span", { class: "flex flex-wrap items-center gap-1" }, this.defaultMessage, h("span", { class: {
+        return (h(Host, { key: '00d1b1e0b98318096f366dfa13c43df13d95df1c', class: `s-bottom-alert-wrapper ${hasTemplate ? 's-bottom-alert-wrapper-with-template' : ''}` }, hasTemplate && (h("div", { key: '01079527fba6e46eb5e893e64b68e66f35f12c2f', class: "s-bottom-alert-logo-section" }, h("img", { key: '49fd2f67e97ded7ff6240573b825dcea349e47f8', src: "https://cdn.salla.network/images/logo/logo-light.svg", alt: "Salla", class: "s-bottom-alert-logo" }), h("span", { key: '998216dbcfb5381c94ef3b94ddfa2334ccfd24ac', class: "s-bottom-alert-logo-text" }, this.readyStores))), h("div", { key: '68bd744c9b41847ca757f1127610c84e3eededf6', class: "s-bottom-alert-content" }, h("div", { key: '2dd6195b822a6e076fffddc8fb851292f97e8074', class: "flex items-center gap-2" }, h("div", { key: '67ea932ac092fa207b1888f7641d8733c5109f01', class: "s-bottom-alert-icon" }, this.icon ? h("i", { class: this.icon }) : h("i", { innerHTML: infoIcon })), h("div", { key: '5ea417ca4e00f9a3e19902d84192a9f788c1e75b', class: "s-bottom-alert-message" }, this.message ? (this.message) : hasTemplate ? (h("span", { class: "flex flex-wrap items-center gap-1" }, this.defaultMessage, h("span", { class: {
                 's-bottom-alert-message-highlight': true,
-            }, "aria-label": "Developer" }, this.salla), h("span", { innerHTML: salla.money(this.template.price) }))) : (this.defaultMessage))), this.type !== 'banner' && (h("div", { key: '44c4d9499736d84da97b640b8ab063a6b9dd6d3c', class: hasTemplate ? 's-bottom-alert-actions-group' : 's-bottom-alert-action' }, hasTemplate ? (this.loading ? (h("salla-loading", { size: "20" })) : (h("div", { class: "s-bottom-alert-actions-group-container" }, h("a", { class: "s-bottom-alert-action-link", onClick: () => this.handleAction() }, this.actionLabel || this.moreDetailsLabel), this.templateData?.link ? (h("button", { type: "button", class: "s-bottom-alert-action-purchase-button", onClick: () => window.open(this.templateData?.link, '_blank') }, this.buyTheTemplate)) : null))) : (h("salla-button", { href: this.actionUrl, size: "medium", onClick: () => this.handleAction(), width: "normal" }, this.actionLabel || this.defaultActionLabel)))), this.type === 'popup' && this.popup())));
+            }, "aria-label": "Developer" }, this.salla), h("span", { innerHTML: salla.money(this.template.price) }))) : (this.defaultMessage))), this.type !== 'banner' && (h("div", { key: '06f2d2949b3a5864151eb96378fc8f82373397a7', class: hasTemplate ? 's-bottom-alert-actions-group' : 's-bottom-alert-action' }, hasTemplate ? (this.loading ? (h("salla-loading", { size: "20" })) : (h("div", { class: "s-bottom-alert-actions-group-container" }, h("a", { class: "s-bottom-alert-action-link", onClick: () => this.handleAction() }, this.actionLabel || this.moreDetailsLabel), this.templateData?.link ? (h("button", { type: "button", class: "s-bottom-alert-action-purchase-button", onClick: () => window.open(this.templateData?.link, '_blank') }, this.buyTheTemplate)) : null))) : (h("salla-button", { href: this.actionUrl, size: "medium", onClick: () => this.handleAction(), width: "normal" }, this.actionLabel || this.defaultActionLabel)))), this.type === 'popup' && this.popup())));
     }
     get host() { return getElement(this); }
 };

package/dist/esm/salla-app-install-alert.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host, a as getElement } from './index-DXda9rxP.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-BC0OSCdw.js';
 
 const sallaAppInstallAlertCss = "/*!twlt*/:host{display:block}.s-app-install-alert-wrapper{display:none;flex-direction:row;align-items:center;position:fixed;left:0;right:0;width:95%;margin-top:1rem;margin-bottom:1rem;margin-left:auto;margin-right:auto;z-index:999;border-radius:0.375rem;padding:0.75rem;gap:0.5rem;background-color:color-mix(in srgb, var(--color-primary) 15%, white);filter:drop-shadow(0 4px 3px rgba(0, 0, 0, 0.07)) drop-shadow(0 2px 2px rgba(0, 0, 0, 0.06))}.s-app-install-alert-wrapper.open[position=top]{display:flex;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes slideDownFromTop{0%{transform:translateY(-100%);opacity:0}100%{transform:translateY(-0%);opacity:1}}.s-app-install-alert-wrapper.open[position=top]{animation:slideDownFromTop .6s linear;transition-duration:500ms}.s-app-install-alert-wrapper:not(.open){display:none}.s-app-install-alert-content{width:100%}.s-app-install-alert-wrapper[position=top]{top:0px}.s-app-install-alert-wrapper.open[position=bottom]{display:flex}@keyframes slideUpFromBottom{0%{transform:translateY(100%);opacity:0}100%{transform:translateY(0%);opacity:1}}.s-app-install-alert-wrapper.open[position=bottom]{animation:slideUpFromBottom .6s linear}.s-app-install-alert-wrapper[position=bottom]{bottom:0px}@keyframes slideUPFromTop{0%{transform:translateY(-0%);opacity:1}100%{transform:translateY(-100%);opacity:0}}.s-app-install-alert-wrapper[position=top].closing{animation:slideUPFromTop .6s linear}@keyframes slideDownFromBottom{0%{transform:translateY(0%);opacity:1}100%{transform:translateY(100%);opacity:0}}.s-app-install-alert-wrapper[position=bottom].closing{animation:slideDownFromBottom .6s linear}.s-app-install-alert-wrapper.closing{animation-fill-mode:forwards}.s-app-install-alert-title{max-width:95%;font-size:1rem;line-height:1.5rem;font-weight:700;color:var(--color-primary)}.s-app-install-alert-sub-title{max-width:95%;font-size:0.875rem;line-height:1.25rem;font-weight:400}.s-app-install-alert-cta{color:var(--color-primary);text-decoration-line:underline}.s-app-install-alert-cancel-button{position:absolute;top:0.5rem}.s-app-install-alert-cancel-button:where([dir=\"ltr\"],[dir=\"ltr\"] *){right:0.75rem}.s-app-install-alert-cancel-button:where([dir=\"rtl\"],[dir=\"rtl\"] *){left:0.75rem}";
 

package/dist/esm/salla-applied-filters.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host } from './index-DXda9rxP.js';
+import { r as registerInstance, h, H as Host } from './index-BC0OSCdw.js';
 import { H as Helper, F as FilterOptionTypes } from './Helper-Cql-WbqR.js';
 import './anime.es-CgtvEd63.js';
 

package/dist/esm/salla-apps-icons.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host, a as getElement } from './index-DXda9rxP.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-BC0OSCdw.js';
 
 const sallaAppsIconsCss = "/*!twlt*/:host{display:block}.s-apps-icons-list{display:flex;gap:1rem}.s-apps-icons-list.vertical{flex-direction:column}.s-apps-icons-item{line-height:1}.s-apps-icons-item:hover{color:var(--color-primary)}";
 

package/dist/esm/salla-attachment-view_9.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host, a as getElement, c as createEvent } from './index-DXda9rxP.js';
+import { r as registerInstance, h, H as Host, a as getElement, c as createEvent } from './index-BC0OSCdw.js';
 import { i as isVideoMimeType, a as isImageMimeType, u as usesSplitCountLimits, g as getMaxImagesCount, c as getMaxVideosCount, d as getTotalMaxFiles, p as parseSizeToBytes, e as getFilePondMaxFileSize, f as getUploadErrorMessage, h as formatBytesAsSize, j as formatDuration, s as shouldCountGalleryFile, k as shouldCountGalleryLimit } from './upload-limits-DrXX8XG8.js';
 import { S as SICalendar } from './calendar-BkmanTR_.js';
 import { A as ArrowDown } from './keyboard_arrow_down-DCZbpt2a.js';
@@ -498,7 +498,7 @@ const SallaBookingField = class {
         return (h("span", { class: "s-booking-field-reservations-time" }, h("i", { class: "s-booking-field-reservations-icon", innerHTML: TimeIcon }), h("span", null, reservation.from_timestamp, " - ", reservation.to_timestamp)));
     }
     render() {
-        return (h(Host, { key: '97d7af398f0e3041370af5df39ab41b9b2747022' }, h("div", { key: 'a4aca7ce81e085029b2d3fb6ab5a368b7dd4b87c', class: "s-booking-field-main" }, this.option.required || this.reservations.length > 0 ? h("div", { class: "s-booking-field-price" }, h("span", { innerHTML: salla.money(this.option.price) })) : '', h("salla-button", { key: '9ade71d36f15f5af95b9f0e95c345334c5d99c19', class: "s-booking-field-book-now", size: "small", loaderPosition: "center", fill: "outline", onClick: event => this.openBookingModal(event, false) }, h("span", { key: '1875a0b7a70603ba85923376bc66c39d1c1168ce', class: "s-booking-field-book-now-content" }, h("span", { key: '7de71f32842c8c713b736f12818f8942bbd4aa9d', innerHTML: BookingTime }), this.reservations.length ? this.editLabel : this.bookNowLabel))), this.reservations.length > 0 && (h("div", { key: '4fa722814153b4c678e7e9634ac877ea579a65c7', class: "s-booking-field-reservations" }, this.reservations.map((reservation, index) => (h("div", { key: index, class: "s-booking-field-reservations-item" }, this.renderReservationDate(reservation), this.renderReservationTime(reservation)))))), h("input", { key: '2f3593d856b57a27b9f8a875e814e30eead058f6', class: "s-hidden", name: this.option.name, required: this.option.required, value: JSON.stringify(this.reservations) === '[]' ? '' : JSON.stringify(this.reservations), ref: reservations => this.reservationsInput = reservations }), this.iframeReady && this.bookingModal()));
+        return (h(Host, { key: '2ccdcbee3a61bfa69e1e272dca9e993cd568baf8' }, h("div", { key: 'b26b71c2d9ac60e84461e54b4979c5e89e87e437', class: "s-booking-field-main" }, this.option.required || this.reservations.length > 0 ? h("div", { class: "s-booking-field-price" }, h("span", { innerHTML: salla.money(this.option.price) })) : '', h("salla-button", { key: '739e1d72691af1760caa732090057b24c751a807', class: "s-booking-field-book-now", size: "small", loaderPosition: "center", fill: "outline", onClick: event => this.openBookingModal(event, false) }, h("span", { key: 'c00e5db1bd56c66c2b72db3371c748fa9fa10602', class: "s-booking-field-book-now-content" }, h("span", { key: 'd85c983123460c3f528ab6aea7b6c57bb9cb0f0f', innerHTML: BookingTime }), this.reservations.length ? this.editLabel : this.bookNowLabel))), this.reservations.length > 0 && (h("div", { key: 'b94321aaad303ab7aa21f629b8c9de458209346b', class: "s-booking-field-reservations" }, this.reservations.map((reservation, index) => (h("div", { key: index, class: "s-booking-field-reservations-item" }, this.renderReservationDate(reservation), this.renderReservationTime(reservation)))))), h("input", { key: 'aa18bd55cfd8903cfe66655ed4737854aab6da75', class: "s-hidden", name: this.option.name, required: this.option.required, value: JSON.stringify(this.reservations) === '[]' ? '' : JSON.stringify(this.reservations), ref: reservations => this.reservationsInput = reservations }), this.iframeReady && this.bookingModal()));
     }
     get host() { return getElement(this); }
 };
@@ -687,7 +687,7 @@ const SallaColorPicker = class {
         }
     }
     initColorPicker() {
-        this.pickerReady = import('./vanilla-picker-udlectbY.js').then(function (n) { return n.v; }).then(mod => {
+        this.pickerReady = import('./vanilla-picker-BCMDEwEz.js').then(function (n) { return n.v; }).then(mod => {
             const Picker = mod.default;
             const picker = new Picker({
                 parent: this.host,
@@ -707,7 +707,7 @@ const SallaColorPicker = class {
         });
     }
     render() {
-        return (h(Host, { key: '516a09b2d219b7c12dd251c68e6e55a9a9f7624b', class: "s-color-picker-main" }, h("slot", { key: 'ce684e4b8a8a80710688e3f0c0e43271069fc920', name: "widget" }, h("div", { key: 'f95ff1d709d58e22a4a74ccc35f8db2e17be7e38', class: "s-color-picker-widget" }, h("div", { key: 'fd2347378990972269557593a7182f2bf4cd9f98', class: "s-color-picker-widget-canvas", ref: dv => (this.canvas = dv) }), h("span", { key: 'e22a7ed6738b5fcbc22453e5b091eeeb7720719a', innerHTML: ArrowDown }))), h("input", { key: 'b3f55c713a626808c6f36e4c1454abc26c97cb6e', class: "s-hidden", name: this.name, required: this.required, value: this.color, ref: color => (this.colorInput = color) })));
+        return (h(Host, { key: 'acb6aaa4e5a53c81e4f603e2d6bf3000961bcb88', class: "s-color-picker-main" }, h("slot", { key: 'b924c02b25d3b306e4a162c029d41f94282f8313', name: "widget" }, h("div", { key: '0f525e98176b4ca0c0c54e0fe68bb86ac4ceae7c', class: "s-color-picker-widget" }, h("div", { key: '8860d1ea0a223b7839fd9629eaa5a7fb6a394fd3', class: "s-color-picker-widget-canvas", ref: dv => (this.canvas = dv) }), h("span", { key: '62c01df67c954a68a15f55b1f127cda50640958c', innerHTML: ArrowDown }))), h("input", { key: '257d51b2d8d635761b1a9ecb5545cd0f66de18af', class: "s-hidden", name: this.name, required: this.required, value: this.color, ref: color => (this.colorInput = color) })));
     }
     componentDidLoad() {
         if (this.canvas)
@@ -856,7 +856,7 @@ const SallaConditionalFields = class {
         });
     }
     render() {
-        return (h(Host, { key: 'badbb24a38a68127a6880ab4dbe0b0ae4730b11d' }, h("slot", { key: 'a9bdc41d3ded750f0ac5b0e4b5dea3618e02286a' })));
+        return (h(Host, { key: 'b26437717cccf1d61e1fa16541794c8e55817730' }, h("slot", { key: '898c850d6d7c5c081dc5a65a6f8f8a984547af9f' })));
     }
     get host() { return getElement(this); }
 };
@@ -1068,7 +1068,7 @@ const SallaDatetimePicker = class {
         }
     }
     render() {
-        return h("div", { key: '10ac16506ca2b2b2a94227887a8d0b6593d7ac17', class: "s-datetime-picker" }, h("input", { key: 'fad4a5677edf21d9bd9a977392ebaf4ae2ad3b7b', type: "datetime", name: this.name, value: this.value, required: this.required, disabled: this.disabled, placeholder: this.placeholder, class: "s-datetime-picker-input", ref: (el) => this.dateInput = el }));
+        return h("div", { key: '2e14070685e9a876e6d5d16baef06006a15c2a53', class: "s-datetime-picker" }, h("input", { key: '777a487061a0509de86df589bcdfa9b32cdd5572', type: "datetime", name: this.name, value: this.value, required: this.required, disabled: this.disabled, placeholder: this.placeholder, class: "s-datetime-picker-input", ref: (el) => this.dateInput = el }));
     }
     async componentDidLoad() {
         // Load flatpickr before initializing
@@ -1148,13 +1148,13 @@ const SallaFileUpload = class {
             return;
         try {
             const [FilePondModule, FilePondPluginFileValidateSize, FilePondPluginImageExifOrientation, FilePondPluginImagePreview, FilePondPluginImageEdit, FilePondPluginFileValidateType, FilePondPluginFilePoster] = await Promise.all([
-                import('./filepond-DGYIRZjn.js').then(function (n) { return n.f; }),
-                import('./filepond-plugin-file-validate-size-DUa2Ha9F.js').then(function (n) { return n.f; }),
-                import('./filepond-plugin-image-exif-orientation-C6ooGIlL.js').then(function (n) { return n.f; }),
-                import('./filepond-plugin-image-preview-C1ziopep.js').then(function (n) { return n.f; }),
-                import('./filepond-plugin-image-edit-CCEkPzwH.js').then(function (n) { return n.f; }),
-                import('./filepond-plugin-file-validate-type-CsE-FZ5e.js').then(function (n) { return n.f; }),
-                import('./filepond-plugin-file-poster-que4aL4t.js').then(function (n) { return n.f; })
+                import('./filepond-UQa5G279.js').then(function (n) { return n.f; }),
+                import('./filepond-plugin-file-validate-size-CmrW5aIv.js').then(function (n) { return n.f; }),
+                import('./filepond-plugin-image-exif-orientation-eHT2qXpP.js').then(function (n) { return n.f; }),
+                import('./filepond-plugin-image-preview-CX0Er_bj.js').then(function (n) { return n.f; }),
+                import('./filepond-plugin-image-edit-CFUxRm-l.js').then(function (n) { return n.f; }),
+                import('./filepond-plugin-file-validate-type-C4wrsR8y.js').then(function (n) { return n.f; }),
+                import('./filepond-plugin-file-poster-DuTq7hGp.js').then(function (n) { return n.f; })
             ]);
             this.FilePond = FilePondModule;
             // Register plugins
@@ -2017,12 +2017,12 @@ const SallaFileUpload = class {
         this.revokeAllPreviewObjectUrls();
     }
     render() {
-        return (h(Host, { key: '9c9bb99746270f2511bd86344a135d05f9b3cf29', class: {
+        return (h(Host, { key: '4e2eaa6ea15e69930a1caac393575a98da537505', class: {
                 "s-file-upload": true,
                 "s-file-upload-profile-image": this.profileImage,
                 "s-file-upload-multiple": this.allowMultiple,
                 "s-file-upload-has-gallery": this.usesGalleryPreview(),
-            } }, h("input", { key: 'd033124b1829ee4b9f0c4d44041a525e73769b77', type: "file", name: this.name, ref: ele => this.fileUploader = ele, required: this.required, class: "s-file-upload-wrapper s-file-upload-input", accept: this.accept }), this.allowMultiple && this.showMaxCountHint ? h("div", { class: "s-file-upload-hint s-hidden" }, this.max_count_hint(this.getTotalMaxFiles())) : '', h("input", { key: '95608637f6b52dabbad4a7374d329549cb6d3862', class: "s-hidden", name: 'hidden-' + this.name, required: this.required, value: this.getHiddenInputValue(), ref: input => this.hiddenInput = input }), this.renderPreviewGallery()));
+            } }, h("input", { key: 'a2e82319893d3cc05316b66d4cf8afdc62fed9ad', type: "file", name: this.name, ref: ele => this.fileUploader = ele, required: this.required, class: "s-file-upload-wrapper s-file-upload-input", accept: this.accept }), this.allowMultiple && this.showMaxCountHint ? h("div", { class: "s-file-upload-hint s-hidden" }, this.max_count_hint(this.getTotalMaxFiles())) : '', h("input", { key: '8fd655d5318ef96a32d5f5238677068a14f4bb2e', class: "s-hidden", name: 'hidden-' + this.name, required: this.required, value: this.getHiddenInputValue(), ref: input => this.hiddenInput = input }), this.renderPreviewGallery()));
     }
     async componentDidLoad() {
         await Salla.onReady();
@@ -2366,7 +2366,7 @@ const SallaQuantityInput = class {
         if (!inputAttributes['aria-label'] && !inputAttributes['aria-labelledby']) {
             inputAttributes['aria-label'] = salla.lang.getWithDefault('common.elements.quantity', 'Quantity');
         }
-        return (h(Host, { key: 'c797988f98c583df0064468e39f622d6e56e24e2', class: "s-quantity-input" }, h("div", { key: 'de47e2fda231074d7d7d0787dfda9cf5499f843e', class: "s-quantity-input-container" }, h("button", { key: '7c9e1918d5cbb682c1e64d59250fb9240966b8b0', onClick: () => this.increase(), class: "s-quantity-input-increase-button s-quantity-input-button", type: "button", "aria-label": salla.lang.getWithDefault('common.elements.increase_quantity', 'Increase quantity') }, !this.hasIncrementSlot ? h("span", { innerHTML: plusIcon }) : '', h("slot", { key: 'a3ee0a9ca52089113b5af350b167a37118a20893', name: "increment-button" })), h("input", { key: '6137f675da24a5ef3325ec333f66299319c21e16', class: "s-quantity-input-input", ...inputAttributes, ref: (el) => this.textInput = el, onInput: (event) => this.setValue(event.target.value), inputMode: "numeric", pattern: "[0-9]*", min: "1", readOnly: this.disableInput, value: this.quantity }), h("button", { key: '64d016e0fcb7339d0125c4d1f66862cb0331c296', class: "s-quantity-input-decrease-button s-quantity-input-button", onClick: () => this.decrease(), type: "button", "aria-label": salla.lang.getWithDefault('common.elements.decrease_quantity', 'Decrease quantity') }, !this.hasDecrementSlot ? h("span", { innerHTML: minusIcon }) : '', h("slot", { key: 'd7f3859f72897db514c77eb0119680e00574902c', name: "decrement-button" })))));
+        return (h(Host, { key: 'bf0882609ec0e164d8280789ee6deeaadeb3e484', class: "s-quantity-input" }, h("div", { key: 'c69afe51313f69250454cf6cf72dba89fb1f92e2', class: "s-quantity-input-container" }, h("button", { key: '8a02d3452f9727278acae90f1017eed65033c0a3', onClick: () => this.increase(), class: "s-quantity-input-increase-button s-quantity-input-button", type: "button", "aria-label": salla.lang.getWithDefault('common.elements.increase_quantity', 'Increase quantity') }, !this.hasIncrementSlot ? h("span", { innerHTML: plusIcon }) : '', h("slot", { key: 'f4f1dbb40e2d90205075a8d3bf31a7e4a08ee6b5', name: "increment-button" })), h("input", { key: '67b7cdc6ef5311799d200660f26a7520e122b411', class: "s-quantity-input-input", ...inputAttributes, ref: (el) => this.textInput = el, onInput: (event) => this.setValue(event.target.value), inputMode: "numeric", pattern: "[0-9]*", min: "1", readOnly: this.disableInput, value: this.quantity }), h("button", { key: 'f0139bd8e74744e9396cbae706151ec3c092766b', class: "s-quantity-input-decrease-button s-quantity-input-button", onClick: () => this.decrease(), type: "button", "aria-label": salla.lang.getWithDefault('common.elements.decrease_quantity', 'Decrease quantity') }, !this.hasDecrementSlot ? h("span", { innerHTML: minusIcon }) : '', h("slot", { key: 'd051c3ca89310e67f834a970788abc606e5d2bbc', name: "decrement-button" })))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -2386,7 +2386,7 @@ const SallaTelInput = class {
         if (this.TelInput)
             return;
         try {
-            const telInputModule = await import('./intlTelInput-DhSUIkQX.js').then(function (n) { return n.i; });
+            const telInputModule = await import('./intlTelInput-DnPEdiN8.js').then(function (n) { return n.i; });
             this.TelInput = telInputModule.default;
         }
         catch (error) {
@@ -2515,7 +2515,7 @@ const SallaTelInput = class {
         }
     }
     render() {
-        return (h(Host, { key: 'aaf854dc9a005abf182fa4f1df3bb6ca7a2273fd', class: "s-tel-input" }, h("input", { key: '93e82604285107f8cf791fa03766d47c22151297', type: "tel", disabled: this.disabled, name: this.name, value: this.phone, onChange: (event) => this.handleCountryInput(event), ref: el => this.phoneInput = el, enterkeyhint: "next", autocomplete: "tel", class: "s-tel-input-control tel-input s-ltr" }), h("span", { key: '2ed465fcf44b673973203c3de95eda1c638ed829', class: "s-tel-input-error-msg", ref: el => this.errorMsg = el }), h("input", { key: 'da4714631df46c13b2caa0a2e2cf7b5c434c1257', type: "hidden", name: "country_code", value: this.countryCode, ref: el => this.countryCodeInput = el, class: "country_code" })));
+        return (h(Host, { key: 'f553ce5f883777989922140ad64f83962d754d18', class: "s-tel-input" }, h("input", { key: '6b60407705144cb98474cd904f85f53537a19c67', type: "tel", disabled: this.disabled, name: this.name, value: this.phone, onChange: (event) => this.handleCountryInput(event), ref: el => this.phoneInput = el, enterkeyhint: "next", autocomplete: "tel", class: "s-tel-input-control tel-input s-ltr" }), h("span", { key: '2f2714e8439c58786e6c9054006a2e40b97850b5', class: "s-tel-input-error-msg", ref: el => this.errorMsg = el }), h("input", { key: '377f1a1357ced0fd13e2550c29f321867d62ae5e', type: "hidden", name: "country_code", value: this.countryCode, ref: el => this.countryCodeInput = el, class: "country_code" })));
     }
     componentDidLoad() {
         this.initPromise = this.initTelInput();

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h } from './index-DXda9rxP.js';
+import { r as registerInstance, h } from './index-BC0OSCdw.js';
 
 function r(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=" "),n+=f);else for(t in e)e[t]&&(n&&(n+=" "),n+=t);return n}function clsx(){for(var e,t,f=0,n="";f<arguments.length;)(e=arguments[f++])&&(t=r(e))&&(n&&(n+=" "),n+=t);return n}
 
@@ -85,7 +85,7 @@ const SallaBadge = class {
         this.bg = 'light';
     }
     render() {
-        return (h("div", { key: '54d35eb76a59251edb581786e5e89a83b6f8fbf0', class: badge({ size: this.size, bg: this.bg, color: this.color }) }, h("slot", { key: '4641cb434a2c0a6d7c004e3384848a200cb79dff' })));
+        return (h("div", { key: '7c7196d49621a58192820725ab40d906344983d1', class: badge({ size: this.size, bg: this.bg, color: this.color }) }, h("slot", { key: '7a39f5d916e80809f795b5cc880f1d31238fa7c5' })));
     }
 };
 SallaBadge.style = sallaBadgeCss;

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host, a as getElement } from './index-DXda9rxP.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-BC0OSCdw.js';
 import { f as fetchCartBoughtTogether } from './catalog-recommendations-CRW60UDr.js';
 
 const sallaBasketGapCss = "/*!twlt*/:host{display:block}.block{display:block}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.s-basket-gap-entry{margin-top:1.25rem;margin-bottom:1.25rem;display:block;border-radius:0.375rem;--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:1.25rem}.s-basket-gap-title{margin-bottom:1rem;font-size:1.125rem;line-height:1.75rem;font-weight:700}.s-basket-gap-list{display:flex;flex-direction:column}.s-basket-gap-list>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse));--tw-divide-opacity:1;border-color:rgb(243 244 246 / var(--tw-divide-opacity, 1))}.s-basket-gap-card{display:flex;flex-wrap:wrap;align-items:center;column-gap:0.75rem;row-gap:0.625rem;padding-top:1rem;padding-bottom:1rem}.s-basket-gap-card-image{height:4rem;width:4rem;flex-shrink:0;overflow:hidden;border-radius:0.375rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}.s-basket-gap-card-image img{height:100%;width:100%;object-fit:cover}.s-basket-gap-card-info{display:flex;min-width:0px;flex:1 1 0%;flex-direction:column;gap:0.25rem}.s-basket-gap-card-actions{display:flex;width:100%;align-items:center;justify-content:flex-end;gap:0.5rem}@media (min-width: 640px){.s-basket-gap-card-actions{width:auto}}.s-basket-gap-card-name{font-size:0.875rem;line-height:1.25rem;font-weight:600;line-height:1.25;--tw-text-opacity:1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.s-basket-gap-card-name a:hover{color:var(--color-primary)}.s-basket-gap-card-price{font-size:0.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.s-basket-gap-card-sale-price{display:flex;align-items:center;gap:0.5rem}.s-basket-gap-card-sale-price span{font-size:0.875rem;line-height:1.25rem;font-weight:700;--tw-text-opacity:1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.s-basket-gap-card-sale-price del{font-size:0.75rem;line-height:1rem;--tw-text-opacity:1;color:rgb(156 163 175 / var(--tw-text-opacity, 1));text-decoration-line:line-through}.s-basket-gap-card-weight{font-size:0.75rem;line-height:1rem;--tw-text-opacity:1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.s-basket-gap-card-offer{display:flex;flex-shrink:0;align-items:center;gap:0.25rem;border-radius:0.375rem;--tw-bg-opacity:1;background-color:rgb(240 253 244 / var(--tw-bg-opacity, 1));padding-left:9px;padding-right:9px;padding-top:3px;padding-bottom:3px;font-size:11px;font-weight:500;--tw-text-opacity:1;color:rgb(21 128 61 / var(--tw-text-opacity, 1))}.s-basket-gap-card-offer i{font-size:0.75rem;line-height:1rem}.s-basket-gap-card-offer span{font-weight:700;--tw-text-opacity:1 !important;color:rgb(31 41 55 / var(--tw-text-opacity, 1)) !important}.s-basket-gap-card-offer salla-count-down{flex-shrink:0}.s-basket-gap-card-offer salla-count-down:where([dir=\"ltr\"],[dir=\"ltr\"] *){margin-inline-start:0.25rem}.s-basket-gap-card-offer salla-count-down:where([dir=\"rtl\"],[dir=\"rtl\"] *){margin-inline-end:0.25rem}.s-basket-gap-card-offer .s-count-down-list{margin-left:-0px !important;margin-right:-0px !important;margin-bottom:0px !important;margin-top:0px !important;display:inline-flex;flex-wrap:nowrap;align-items:center;justify-content:flex-start !important;column-gap:0px;--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.s-basket-gap-card-offer .s-count-down-list:where([dir=\"ltr\"],[dir=\"ltr\"] *){flex-direction:row-reverse !important}.s-basket-gap-card-offer .s-count-down-list:where([dir=\"rtl\"],[dir=\"rtl\"] *){flex-direction:row !important}.s-basket-gap-card-offer .s-count-down-item{position:relative !important;margin-left:0px !important;margin-right:0px !important;display:inline-flex !important;width:auto !important;flex:none !important;flex-grow:0 !important;flex-direction:row !important;align-items:center !important;justify-content:center !important;padding-top:0px !important;padding-bottom:0px !important;padding-left:0px !important;padding-right:0px !important;font-size:12px !important;font-weight:700 !important;line-height:1 !important;--tw-text-opacity:1 !important;color:rgb(21 128 61 / var(--tw-text-opacity, 1)) !important}.s-basket-gap-card-offer .s-count-down-item-value{display:inline-block !important;width:2ch !important;min-width:2ch !important;text-align:center;--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);line-height:1}.s-basket-gap-card-offer .s-count-down-item-label{display:none}.s-basket-gap-entry .s-basket-gap-card-offer.s-basket-gap-card-offer .s-count-down-item::before{content:none !important}.s-basket-gap-entry .s-basket-gap-card-offer.s-basket-gap-card-offer .s-count-down-item::after{content:none !important;position:static;left:auto;right:auto;transform:none}[dir='rtl'] .s-basket-gap-entry .s-basket-gap-card-offer.s-basket-gap-card-offer .s-count-down-item:not(:last-child)::after{content:':' !important;position:static;left:auto;right:auto;transform:none;margin-left:0.15rem;margin-right:0.15rem;color:#15803d;font-size:12px;font-weight:700;line-height:1}[dir='ltr'] .s-basket-gap-entry .s-basket-gap-card-offer.s-basket-gap-card-offer .s-count-down-item:not(:first-child)::after{content:':' !important;position:static;left:auto;right:auto;transform:none;margin-left:0.15rem;margin-right:0.15rem;color:#15803d;font-size:12px;font-weight:700;line-height:1}.s-basket-gap-card-btn{flex-shrink:0}.s-basket-gap-card-btn salla-button .s-button-btn{border-radius:var(--s-radius, 0.25rem);border-width:1px !important;border-color:var(--color-primary) !important;background-color:transparent !important;color:var(--color-primary) !important}.s-basket-gap-card-btn salla-button .s-button-btn:hover{background-color:var(--color-primary) !important;--tw-text-opacity:1 !important;color:rgb(255 255 255 / var(--tw-text-opacity, 1)) !important}.s-basket-gap-card-btn salla-button .s-button-loader:before{border-top-color:var(--color-primary) !important;border-left-color:var(--color-primary) !important;border-bottom-color:rgb(243 244 246 / var(--tw-border-opacity, 1)) !important;--tw-border-opacity:1 !important;border-right-color:rgb(243 244 246 / var(--tw-border-opacity, 1)) !important}.s-basket-gap-skeleton{display:flex;flex-direction:column;gap:0.75rem}.s-basket-gap-skeleton-card{display:flex;align-items:center;gap:0.75rem;padding-top:0.75rem;padding-bottom:0.75rem}.s-basket-gap-skeleton-info{display:flex;flex:1 1 0%;flex-direction:column;gap:0.5rem}";