@salla.sa/twilight-components 2.14.498 → 2.14.500

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

@@ -3,9 +3,9 @@
  */
 'use strict';
 
-var index = require('./index-CxOIGeOr.js');
+var index = require('./index-Cd5xdrCT.js');
 
-const sallaCartCouponsCss = "";
+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}";
 
 const SallaCartCoupons = class {
     constructor(hostRef) {
@@ -16,22 +16,46 @@ const SallaCartCoupons = class {
         this.couponInputValue = '';
         this.couponError = '';
         this.isApplying = false;
+        // Applied coupon codes rendered as removable chips below the input.
+        // - Single-coupon (default): holds at most the one cart coupon.
+        // - Multi-coupon (features::multi_coupon on): holds every applied code,
+        //   sourced from the cart's `coupons` array so it survives a page refresh.
+        this.appliedCoupons = [];
+        // Whether the store has multi-coupon enabled. Read ONCE from the store config
+        // (Salla.config.get('store.settings.cart.multi_coupon')) — a stable store-level setting,
+        // exactly like cart.apply_coupon_enabled — not from the per-cart payload or localStorage.
+        this.multiCoupon = false;
         this.isHandlingInternalError = false;
         // Store cart event listener references for cleanup
         this.cartUpdatedHandler = (cartData) => {
-            this.cartTotal = cartData.sub_total ?? cartData.total ?? 0;
-            // Update current coupon state
-            const couponCode = cartData.coupon || '';
-            // Only overwrite the user's typed value when the cart-level coupon itself changes
-            if (couponCode !== this.currentCoupon) {
-                this.currentCoupon = couponCode;
-                this.couponInputValue = couponCode;
+            // cart::updated carries the server-side cart. The multi-coupon flag comes from store
+            // config (set once in componentWillLoad), so only refresh total + chips here.
+            this.cartTotal = cartData?.summary?.sub_total ?? cartData?.sub_total ?? cartData?.total ?? this.cartTotal;
+            // Re-sync applied coupon state from the payload — mirroring refreshFromServer's guard:
+            //   - Multi-coupon: only a real `coupons` array re-seeds the chips, so a summary-only
+            //     cart::updated can't shrink them (add/remove refreshes the chips from the server).
+            //   - Single-coupon (flag off): any payload carrying `coupon` re-syncs the input, so a
+            //     server-side invalidation (e.g. cart drops below the coupon minimum) that emits
+            //     `coupon: ''` clears the stale code instead of leaving it stuck until a reload.
+            const carriesCoupons = this.multiCoupon
+                ? Array.isArray(cartData?.coupons)
+                : (cartData && 'coupon' in cartData);
+            if (carriesCoupons) {
+                this.syncAppliedFromCart(cartData);
             }
             // Clear error when cart updates
             this.couponError = '';
         };
         this.couponAddedHandler = () => {
-            // Coupon was successfully added - state is managed by cartUpdatedHandler
+            // Skip while an internal apply/remove is in flight — handleApplyClick/removeCoupon already
+            // refresh from the server, so this handler only needs to cover EXTERNAL coupon changes
+            // (e.g. the checkout page). Prevents a duplicate salla.cart.details() call per action.
+            if (this.isApplying || this.isHandlingInternalError) {
+                return;
+            }
+            // Re-read the applied set + flag from the SERVER (not storage), so the chips reflect
+            // the real cart — a stale storage cache (e.g. after a checkout-page removal) never shows.
+            this.refreshFromServer();
         };
         this.couponAdditionFailedHandler = (error) => {
             // Only handle external coupon failures when no internal operation is handling errors
@@ -41,7 +65,12 @@ const SallaCartCoupons = class {
             // Internal operations handle their own errors to prevent double display
         };
         this.couponDeletedHandler = () => {
-            // Coupon was removed - state is managed by cartUpdatedHandler
+            // Same guard as couponAddedHandler: internal removeCoupon already refreshes; only cover
+            // EXTERNAL deletions here, so an internal remove doesn't fire two salla.cart.details() calls.
+            if (this.isApplying || this.isHandlingInternalError) {
+                return;
+            }
+            this.refreshFromServer();
         };
         // Arrow functions to maintain context for event listeners
         this.onKeyUp = (event) => {
@@ -57,15 +86,20 @@ const SallaCartCoupons = class {
     async componentWillLoad() {
         await Salla.onReady();
         await Salla.lang.onLoaded();
+        // Multi-coupon is a store-level setting — read it ONCE from config here (like
+        // apply_coupon_enabled), so it never depends on the per-cart payload or localStorage.
+        this.multiCoupon = !!salla.config.get('store.settings.cart.multi_coupon');
         //then set your logic here to avoid any race condition
         this.loadCouponsData(); // Load async without blocking render - shows empty until loaded
+        // Synchronous first-paint seed from the storage cart so an applied coupon shows on the very
+        // first render instead of flashing empty → applied while the async server fetch is in flight
+        // (the old loadCartTotal read storage synchronously). loadCartTotal() then reconciles with the
+        // authoritative server payload, which also corrects a storage coupon that was stale.
+        this.seedFromStorage();
         this.loadCartTotal();
         this.setupCartEventListeners();
         // Note: No store feature gate needed - coupon availability controlled by backend API response
     }
-    componentDidLoad() {
-        this.setupCouponInputEvents();
-    }
     setupCartEventListeners() {
         // Listen for cart updates to refresh cart total
         salla.event.on('cart::updated', this.cartUpdatedHandler);
@@ -75,10 +109,8 @@ const SallaCartCoupons = class {
         salla.event.on('cart::coupon.deleted', this.couponDeletedHandler);
     }
     disconnectedCallback() {
-        // Clean up DOM event listeners
-        this.couponInputRef?.removeEventListener('keyup', this.onKeyUp);
-        this.couponInputRef?.removeEventListener('input', this.onInput);
-        // Clean up cart event listeners using reliable global event system
+        // Input events are bound via JSX (onInput/onKeyUp) — Stencil cleans those up. Only the
+        // global cart event listeners need explicit teardown here.
         salla.event.off('cart::updated', this.cartUpdatedHandler);
         salla.event.off('cart::coupon.added', this.couponAddedHandler);
         salla.event.off('cart::coupon.addition.failed', this.couponAdditionFailedHandler);
@@ -124,21 +156,118 @@ const SallaCartCoupons = class {
             this.availableCoupons = [];
         }
     }
-    loadCartTotal() {
-        // Get cart total and current coupon from Salla storage
-        const cart = salla.storage.get('cart');
-        // Check summary first (more accurate), then cart level, fallback to 0
-        this.cartTotal = cart?.summary?.sub_total ?? cart?.sub_total ?? 0;
+    async loadCartTotal() {
+        // Multi-coupon needs the SERVER-authoritative applied list (localStorage can be stale, e.g.
+        // coupons removed on the checkout page). Single-coupon (flag off — the default, and the hot
+        // path at billions req/day) is fully seeded synchronously by seedFromStorage() with NO network
+        // call, exactly as the original implementation read from storage — so skip the
+        // salla.cart.details() round-trip for it.
+        if (!this.multiCoupon) {
+            return;
+        }
+        await this.refreshFromServer();
+    }
+    /**
+     * Synchronous first-paint seed from the storage cart — SINGLE-COUPON (flag-off) ONLY.
+     *
+     * It restores the old synchronous first paint Greptile flagged for the default single-coupon
+     * stores (the input shows the applied code immediately instead of flashing empty).
+     *
+     * With multi-coupon ON the applied coupons are SERVER-authoritative: storage can still list a
+     * coupon that was invalidated or removed server-side (e.g. dropped below the cart minimum, or
+     * removed on another surface), so seeding the chips from it would render a STALE list — e.g.
+     * two chips when the server holds one — until the refresh lands. In that mode we skip the seed
+     * entirely and let refreshFromServer/cart::updated populate the chips from the server.
+     */
+    seedFromStorage() {
+        if (this.multiCoupon) {
+            return;
+        }
+        const stored = salla.storage.get('cart');
+        if (stored && typeof stored === 'object' && 'coupon' in stored) {
+            this.applyCart(stored);
+        }
+    }
+    /**
+     * Fetch the cart fresh from the server (salla.cart.details -> CartPresenter::forApi) and
+     * seed the applied codes + total from its authoritative payload (cart.coupons). Falls back
+     * to the storage cart ONLY if the request fails, and never wipes the chips on an odd shape.
+     */
+    async refreshFromServer() {
+        try {
+            const response = await salla.cart.details();
+            // cart-details nests the cart under data.cart (same shape addCoupon/deleteCoupon read).
+            const cart = response?.data?.cart ?? response?.data ?? response;
+            if (cart && typeof cart === 'object' &&
+                (Array.isArray(cart.coupons) || 'coupon' in cart)) {
+                this.applyCart(cart);
+                return;
+            }
+        }
+        catch (e) {
+            // ignore — fall back to storage below
+        }
+        const stored = salla.storage.get('cart');
+        if (stored) {
+            this.applyCart(stored);
+        }
+    }
+    /** Apply an authoritative cart object: total + applied chips (flag comes from store config). */
+    applyCart(cart) {
+        this.cartTotal = cart?.summary?.sub_total ?? cart?.sub_total ?? this.cartTotal;
+        this.syncAppliedFromCart(cart);
+    }
+    /**
+     * Seed the chip list and the active coupon from a cart object.
+     * Multi-coupon: use the cart's `coupons` array (survives refresh).
+     * Single-coupon (default): use the single `coupon` code.
+     */
+    syncAppliedFromCart(cart) {
         this.currentCoupon = cart?.coupon || '';
-        this.couponInputValue = cart?.coupon || '';
+        if (this.multiCoupon) {
+            this.appliedCoupons = Array.isArray(cart?.coupons)
+                ? cart.coupons.filter(Boolean)
+                : (this.currentCoupon ? [this.currentCoupon] : []);
+            return;
+        }
+        // Single-coupon (flag off): mirror the applied code into the (disabled) input, matching the
+        // original production UX. Only set at sync points (load / after apply-remove), never on a
+        // keystroke, so it won't clobber what the user is typing.
+        this.couponInputValue = this.currentCoupon;
+        this.appliedCoupons = this.currentCoupon ? [this.currentCoupon] : [];
     }
-    setupCouponInputEvents() {
-        if (!this.couponInputRef || !this.couponButtonRef) {
+    async handleApplyClick() {
+        if (this.isApplying) {
+            return;
+        }
+        const code = this.couponInputValue.trim();
+        if (!code) {
+            this.showCouponError(salla.lang.get('pages.cart.enter_coupon_code'));
             return;
         }
-        this.couponInputRef.addEventListener('keyup', this.onKeyUp);
-        this.couponInputRef.addEventListener('input', this.onInput);
+        this.isApplying = true;
+        this.isHandlingInternalError = true;
+        try {
+            // Apply the coupon. Multi-coupon: the backend appends it; single-coupon:
+            // it replaces the existing one. Re-read the applied set from the SERVER (not storage)
+            // for the chip list, and clear the input for the next code.
+            await salla.cart.addCoupon(code);
+            await this.refreshFromServer();
+            this.couponInputValue = '';
+        }
+        catch (error) {
+            this.showCouponError(error.response?.data?.error?.message || salla.lang.get('pages.cart.coupon_application_error'));
+        }
+        finally {
+            this.isApplying = false;
+            // Keep internal error flag active briefly to prevent race condition with SDK event
+            setTimeout(() => {
+                this.isHandlingInternalError = false;
+            }, 100);
+        }
     }
+    // Single-coupon (flag off) toggle button: apply the typed code, or remove the applied one.
+    // Mirrors the original production behavior; the SDK coupon.added/deleted events then refresh.
     async handleCouponButtonClick() {
         if (this.isApplying) {
             return;
@@ -152,13 +281,42 @@ const SallaCartCoupons = class {
         this.isHandlingInternalError = true;
         try {
             if (hasCoupon) {
-                // Remove existing coupon
                 await salla.cart.deleteCoupon();
             }
             else {
-                // Apply new coupon
                 await salla.cart.addCoupon(this.couponInputValue.trim());
             }
+            // Refresh the UI directly for the single-coupon toggle. The coupon.added/deleted event
+            // handlers skip internal actions (isApplying guard), and cartUpdatedHandler doesn't
+            // re-seed from a summary-only payload — so without this refresh the input/button would
+            // stay stuck after a successful apply/remove on the default (flag-off) path.
+            await this.refreshFromServer();
+        }
+        catch (error) {
+            this.showCouponError(error.response?.data?.error?.message || salla.lang.get('pages.cart.coupon_application_error'));
+        }
+        finally {
+            this.isApplying = false;
+            setTimeout(() => {
+                this.isHandlingInternalError = false;
+            }, 100);
+        }
+    }
+    async removeCoupon(code) {
+        if (this.isApplying) {
+            return;
+        }
+        this.isApplying = true;
+        this.isHandlingInternalError = true;
+        try {
+            // Multi-coupon: remove just this code. Single-coupon: reset the cart coupon.
+            if (this.multiCoupon) {
+                await salla.cart.deleteCoupon(code);
+            }
+            else {
+                await salla.cart.deleteCoupon();
+            }
+            await this.refreshFromServer();
         }
         catch (error) {
             this.showCouponError(error.response?.data?.error?.message || salla.lang.get('pages.cart.coupon_application_error'));
@@ -197,6 +355,16 @@ const SallaCartCoupons = class {
         try {
             // Apply the coupon directly without checking for existing coupon
             await salla.cart.addCoupon(couponCode.trim());
+            // Refresh the chips/input directly — the guarded coupon.added handler skips internal
+            // actions, so the coupon-card / selectCoupon path must refresh here or the chip list
+            // stays stale in multi-coupon mode until the next cart::updated with a coupons[] array.
+            await this.refreshFromServer();
+            // Multi-coupon: clear the input for the next code. Single-coupon: refreshFromServer
+            // already set the input to the applied code (shown disabled), so keep it — clearing
+            // here would blank the disabled field on the default flag-off path.
+            if (this.multiCoupon) {
+                this.couponInputValue = '';
+            }
         }
         catch (error) {
             this.showCouponError(error.response?.data?.error?.message || salla.lang.get('pages.cart.coupon_application_error'));
@@ -242,7 +410,18 @@ const SallaCartCoupons = class {
             : `${salla.lang.get('pages.cart.expires_after')} ${coupon.remaining_days} ${salla.lang.get('pages.cart.day')}`)), coupon.minimum_amount && parseFloat(coupon.minimum_amount.amount) > 0 && (index.h("div", { class: "s-cart-coupons-minimum" }, salla.lang.get('pages.cart.minimum'), " ", index.h("span", { innerHTML: salla.money(coupon.minimum_amount.amount, coupon.minimum_amount.currency) })))), index.h("div", { class: "s-cart-coupons-action" }, isEligible ? salla.lang.get('pages.cart.save_coupon') : salla.lang.get('pages.cart.coupon_not_compatible'))))));
     }
     render() {
-        return (index.h(index.Host, { key: '09c964ef1b706cd623f5b99b9606ecf93486e8b5' }, index.h("div", { key: 'a3b3313ecbc23821cca29115f1189ca2dfbcbb48', class: "s-cart-coupons-wrapper" }, index.h("div", { key: '27bc855b95d252a4feffc256fdef70b7d83aa4b3', class: "s-cart-coupons-input-section" }, index.h("label", { key: 'd17fff32352bc8e0535986519d5e22dda7879754', htmlFor: "coupon-input", class: "s-cart-coupons-coupon-label" }, salla.lang.get('pages.cart.have_coupon')), index.h("div", { key: '4e9acdb76110fffbd6984fa522fa91440d8c3bc6', class: "s-cart-coupons-coupon-input-container" }, index.h("input", { key: '2f0e3ee9a44db390caeeb4e85f40aab825c91182', type: "text", id: "coupon-input", name: "coupon", class: `form-input ${this.couponError ? 's-coupon-input-error' : ''}`, placeholder: salla.lang.get('pages.cart.coupon_placeholder'), value: this.couponInputValue, disabled: !!this.currentCoupon || this.isApplying, ref: el => this.couponInputRef = el, "aria-label": salla.lang.get('pages.cart.apply_coupon') }), index.h("salla-button", { key: 'a7356872f2eaae51bf77207c0fcfd10ea3c25313', ref: el => this.couponButtonRef = el, class: `s-cart-coupons-coupon-button ${this.currentCoupon ? 's-cart-coupons-coupon-button-remove' : 's-cart-coupons-coupon-button-apply'}`, color: this.currentCoupon ? 'danger' : 'primary', loading: this.isApplying, "loader-position": "center", onClick: () => this.handleCouponButtonClick() }, this.currentCoupon ? (index.h("i", { class: "sicon-cancel" })) : (index.h("span", null, salla.lang.get('pages.cart.save_coupon'))))), this.couponError && (index.h("span", { key: '4d0b025d425e2fbba8f313b92c1e257042c549b0', class: "s-cart-coupons-coupon-error" }, this.couponError))), this.availableCoupons && this.availableCoupons.length > 0 && (index.h("salla-slider", { key: 'ac6a96179ec2990f8fedfd3cbb63404e7fe60edf', type: "carousel", showControls: false, class: "s-cart-coupons-slider" }, index.h("div", { key: '7c4f2641aa87a91d55d88d5fc0a375a5d3114a99', slot: "items" }, this.availableCoupons.map(coupon => this.renderCouponCard(coupon))))))));
+        return (index.h(index.Host, { key: '30a1ee00e7ec27d12012823347cbcf3c477834e5' }, index.h("div", { key: '6f84298e9ebd6c50c84fb9a3736d734996e39c33', class: "s-cart-coupons-wrapper" }, index.h("div", { key: 'b95a1c2b29d2fed54fdf143eac8e37add062668b', class: "s-cart-coupons-input-section" }, index.h("label", { key: 'e6711fae70db31f8a5987cb58f0488e974394e1c', htmlFor: "coupon-input", class: "s-cart-coupons-coupon-label" }, salla.lang.get('pages.cart.have_coupon')), index.h("div", { key: '824b806c6aa40fb039f659fe81f6cb7686f46b10', class: "s-cart-coupons-coupon-input-container" }, this.multiCoupon ? [
+            // Multi-coupon: input stays active to append more codes; applied coupons render
+            // as removable chips below.
+            index.h("input", { type: "text", id: "coupon-input", name: "coupon", class: `form-input ${this.couponError ? 's-coupon-input-error' : ''}`, placeholder: salla.lang.get('pages.cart.coupon_placeholder'), value: this.couponInputValue, disabled: this.isApplying, onInput: this.onInput, onKeyUp: this.onKeyUp, "aria-label": salla.lang.get('pages.cart.apply_coupon'), key: "coupon-input" }),
+            index.h("salla-button", { ref: el => this.couponButtonRef = el, class: "s-cart-coupons-coupon-button s-cart-coupons-coupon-button-apply", color: "primary", loading: this.isApplying, "loader-position": "center", onClick: () => this.handleApplyClick(), key: "apply-button" }, index.h("span", null, salla.lang.get('pages.cart.save_coupon'))),
+        ] : [
+            // Single-coupon (flag off): the ORIGINAL production UX — the field is disabled and
+            // shows the applied code, and the button toggles to a red X (danger) to remove it;
+            // a new code can only be entered after removing. Reuses the existing master classes.
+            index.h("input", { type: "text", id: "coupon-input", name: "coupon", class: `form-input ${this.couponError ? 's-coupon-input-error' : ''}`, placeholder: salla.lang.get('pages.cart.coupon_placeholder'), value: this.couponInputValue, disabled: !!this.currentCoupon || this.isApplying, onInput: this.onInput, onKeyUp: this.onKeyUp, "aria-label": salla.lang.get('pages.cart.apply_coupon'), key: "coupon-input" }),
+            index.h("salla-button", { ref: el => this.couponButtonRef = el, class: `s-cart-coupons-coupon-button ${this.currentCoupon ? 's-cart-coupons-coupon-button-remove' : 's-cart-coupons-coupon-button-apply'}`, color: this.currentCoupon ? 'danger' : 'primary', loading: this.isApplying, "loader-position": "center", onClick: () => this.handleCouponButtonClick(), key: "apply-button" }, this.currentCoupon ? (index.h("i", { class: "sicon-cancel" })) : (index.h("span", null, salla.lang.get('pages.cart.save_coupon')))),
+        ]), this.couponError && (index.h("span", { key: '0f3b36e8192777fb7e7d0a065fe720c009065f9d', class: "s-cart-coupons-coupon-error" }, this.couponError)), this.multiCoupon && this.appliedCoupons.length > 0 && (index.h("div", { key: 'b680e30bd1ae49db5e304440431cdc89c6e5d051', class: "s-cart-coupons-applied-list" }, this.appliedCoupons.map(code => (index.h("div", { class: "s-cart-coupons-applied-item", key: code }, index.h("span", { class: "s-cart-coupons-applied-code" }, code), index.h("button", { type: "button", class: "s-cart-coupons-applied-remove", "aria-label": `${salla.lang.get('pages.cart.delete')} ${code}`, disabled: this.isApplying, onClick: () => this.removeCoupon(code) }, index.h("i", { class: "sicon-cancel" })))))))), this.availableCoupons && this.availableCoupons.length > 0 && (index.h("salla-slider", { key: 'a2d312dbf6e997939f54c7867ef0d98091bbde4a', type: "carousel", showControls: false, class: "s-cart-coupons-slider" }, index.h("div", { key: 'b474dcbdeabc26bef5ecba94dd78ef72a60950df', slot: "items" }, this.availableCoupons.map(coupon => this.renderCouponCard(coupon))))))));
     }
     get host() { return index.getElement(this); }
 };

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-CxOIGeOr.js');
+var index = require('./index-Cd5xdrCT.js');
 var specialDiscount = require('./special-discount-DC2oXurL.js');
 var gift = require('./gift-DbNivqYO.js');
 var tagMoney = require('./tag-money-Cuohw_4j.js');
@@ -231,7 +231,7 @@ const SallaCartSummary = class {
         return cartUrl;
     }
     render() {
-        return (index.h(index.Host, { key: '96a4c4fc3942df69e884ba44559adbec55743658' }, index.h("a", { key: 'e28c48fef8ade7f46c1dc1747baeeb16b70f8732', class: "s-cart-summary-wrapper", href: this.getCartLink(), onClick: this.handleCheckoutClick }, index.h("div", { key: '4fed123336b4aa1892da9d83250321d837d684aa', id: "s-cart-icon" }, index.h("slot", { key: '365962ccc1d83f4437718f93ca15358fcce7113d', name: "icon" }, index.h("i", { key: '88870c2a2c4c21476d96e2253ea8b0c911bd493c', class: "s-cart-summary-icon", innerHTML: cart.PendingOrdersIcon }))), index.h("span", { key: '29a8d5436bd72355bc639cbd827a1c223bfe6f9b', class: "s-cart-summary-count" }, salla.helpers.number(this.cartSummaryCount)), index.h("p", { key: '630577903ec4a57177101cdc88b3f8e7d68ec676', class: "s-cart-summary-content" }, this.showCartLabel && index.h("span", { key: '5f61a936210a79ead537d6339a23dc73c7c91a88', class: "s-cart-summary-label" }, this.cartLabel), index.h("b", { key: 'b23c5f1cec4c520e2e789daa8e3af993ec1b5e49', class: "s-cart-summary-total", innerHTML: salla.money(this.cartSummaryTotal) })))));
+        return (index.h(index.Host, { key: '27e472fb912afff849c94a8a93a9a71778c6819d' }, index.h("a", { key: 'f9ef99f2a7205fcfdc0bdd799b1b751ab40bcb35', class: "s-cart-summary-wrapper", href: this.getCartLink(), onClick: this.handleCheckoutClick }, index.h("div", { key: '1b0d26d3e17b0fb5d6b2cbdc1cd14c079a5fb47b', id: "s-cart-icon" }, index.h("slot", { key: '3c64b2afa8782a4018dd086e657f16373a91f997', name: "icon" }, index.h("i", { key: '46f1cebfa346e20d27f8ffed1206c05828be004a', class: "s-cart-summary-icon", innerHTML: cart.PendingOrdersIcon }))), index.h("span", { key: '72bd9fc2d2949b74109b9e57e823c4c4cc99d287', class: "s-cart-summary-count" }, salla.helpers.number(this.cartSummaryCount)), index.h("p", { key: 'd65efd069e4f5968c8f592bf341b35853b000bda', class: "s-cart-summary-content" }, this.showCartLabel && index.h("span", { key: 'ecbd5350d56131aee746913bb7c6e662431f7001', class: "s-cart-summary-label" }, this.cartLabel), index.h("b", { key: 'aeebd5d52966dc183111e49289061c3649087a8f', class: "s-cart-summary-total", innerHTML: salla.money(this.cartSummaryTotal) })))));
     }
     get host() { return index.getElement(this); }
 };

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-CxOIGeOr.js');
+var index = require('./index-Cd5xdrCT.js');
 
 const SKELETON_ROWS = [
     { label: '100px', value: '56px' },

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-CxOIGeOr.js');
+var index = require('./index-Cd5xdrCT.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/cjs/salla-comment-factors.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-CxOIGeOr.js');
+var index = require('./index-Cd5xdrCT.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/cjs/salla-comment-form_8.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-CxOIGeOr.js');
+var index = require('./index-Cd5xdrCT.js');
 var check = require('./check-BnVBPQNp.js');
 var anime_es = require('./anime.es-BqW8JHZi.js');
 var Helper = require('./Helper-B2B-kxAI.js');
@@ -51,7 +51,7 @@ const SallaCommentForm = class {
             .finally(() => this.submitBtn.stop());
     }
     render() {
-        return (index.h(index.Host, { key: 'c3c4acb833a93d11b2c71eb77742319c8085968c' }, !!this.canComment ? index.h("form", { ref: frm => this.commentForm = frm }, index.h("div", { class: "s-comment-form-wrapper" }, this.showAvatar ?
+        return (index.h(index.Host, { key: '0e3a24dcfe8922106b9479aa559cf0e126bc3fcf' }, !!this.canComment ? index.h("form", { ref: frm => this.commentForm = frm }, index.h("div", { class: "s-comment-form-wrapper" }, this.showAvatar ?
             index.h("img", { class: "s-comment-form-avatar", src: salla.config.get('user.avatar'), alt: "user avatar" }) : '', index.h("div", { class: "s-comment-form-content" }, index.h("textarea", { cols: 30, rows: 5, minlength: "4", maxlength: "500", ref: field => this.commentField = field, placeholder: this.placeholder, class: "s-comment-form-input", required: true }), index.h("br", null), index.h("div", { class: "s-comment-form-action" }, index.h("salla-button", { ref: btn => this.submitBtn = btn, "loader-position": 'center', onClick: () => this.submit() }, this.submitText))))) : ''));
     }
 };
@@ -914,7 +914,7 @@ const SallaReviewCard = class {
         return (index.h("a", { href: this.review?.product?.url, class: "s-review-card-product-container" }, index.h("img", { alt: product.image?.alt || "Product", src: product.image?.url, class: "s-review-card-product-image", width: 60, height: 60, loading: "lazy", decoding: "async", draggable: false }), index.h("div", { class: "s-review-card-product-details" }, index.h("p", { class: "s-review-card-product-details-name" }, product.name), this.showPurchaseCount ? index.h("p", { class: "s-review-card-product-details-purchase-count" }, index.h("span", { innerHTML: IconFire2 }), this.purchasedCount) : null)));
     }
     render() {
-        return index.h("div", { key: '0772f783fe893c4d03a6d698909a09ecedb69fa6', class: "s-review-card-container" }, this.renderSlider(), this.renderSingleImage(), renderDivider(), index.h("div", { key: '5780bb57a79c04cef6cede906ce086f6811dad3c', class: "s-review-card-content" }, this.renderHeader(), index.h("p", { key: '7889fe4dfaf52d2e54adb667f21fc2fced195dd6', class: "s-review-card-review-content", innerHTML: this.review?.content }), renderDivider(), this.renderProductInfo()));
+        return index.h("div", { key: '3fd3fe6c1bdb3a160c9f267ba0653155d0334e44', class: "s-review-card-container" }, this.renderSlider(), this.renderSingleImage(), renderDivider(), index.h("div", { key: '63b0be0923c9f4db0195f91a24e4ed05591cdb3b', class: "s-review-card-content" }, this.renderHeader(), index.h("p", { key: '9b16ebeb60b400a8afcd1eaa0b8097a9b0c3b062', class: "s-review-card-review-content", innerHTML: this.review?.content }), renderDivider(), this.renderProductInfo()));
     }
     get el() { return index.getElement(this); }
 };
@@ -1011,7 +1011,7 @@ const SallaReviews = class {
         });
     }
     render() {
-        return (index.h("div", { key: '242c98e813b49a8fae5b1f58a1bc7e61425834bd', class: "s-reviews-container" }, index.h("div", { key: 'a896d0fda0e9c5a784e813590ded4cdf9ae0e6ae', class: "s-reviews-header-wrapper" }, index.h("h1", { key: 'ff085d49e3363d305389ae36e14ebb01151ebe46', class: "s-reviews-header" }, this.testimonialText), !!this.displayAllLink ? (index.h("a", { href: this.displayAllURL, class: "s-reviews-display-all" }, this.displayAllLinkText, index.h("span", { class: "s-reviews-display-all-icon", innerHTML: arrowLeft.arrowLeft }))) : null), index.h("salla-slider", { key: 'a6baa7db6f0a1233a46897caaea76469b945f681', centered: true, "slides-per-view": 1, type: "testimonials", class: "s-reviews-testimonials-slider", "controls-outer": true, "auto-play": true, id: `testimonials-${this.source}-slider` }, index.h("div", { key: 'edb56b99674d534fc4b18178816cbced4ed22882', slot: "items" }, this.reviews.map((item, index$1) => (index.h("div", { key: index$1, class: "s-reviews-swiper-slide" }, index.h("div", { class: "s-reviews-testimonial" }, index.h("div", { class: "s-reviews-testimonial__inner" }, index.h("div", { class: "s-reviews-testimonial__avatar" }, index.h("img", { src: 'images/s-empty.png', "data-src": item.avatar, alt: item.name ? item.name : 'testimonial-' + index$1, class: "lazy" })), index.h("div", { class: "s-reviews-testimonial__text" }, index.h("p", { innerHTML: item.content }), index.h("div", { class: "s-reviews-testimonial__name_wrapper" }, index.h("div", { class: "s-reviews-testimonial__info" }, item.name && index.h("h2", null, `${item.name}`)), index.h("div", { class: "s-reviews-testimonial__rating" }, index.h("salla-rating-stars", { size: "small", value: item.stars })))), index.h("span", { class: "s-reviews-testimonial__icon", innerHTML: IconQuoteOpen }))))))))));
+        return (index.h("div", { key: '24e50ca2634208ad3ffcb9ca503aa7e18331b3a1', class: "s-reviews-container" }, index.h("div", { key: 'a1632306fc1a92051d030707aab075c825537e01', class: "s-reviews-header-wrapper" }, index.h("h1", { key: 'e2a4df75011da111e89c1b732e7741ddf452b9d5', class: "s-reviews-header" }, this.testimonialText), !!this.displayAllLink ? (index.h("a", { href: this.displayAllURL, class: "s-reviews-display-all" }, this.displayAllLinkText, index.h("span", { class: "s-reviews-display-all-icon", innerHTML: arrowLeft.arrowLeft }))) : null), index.h("salla-slider", { key: '89009e55e3a5121c241295efd510405b623f45c3', centered: true, "slides-per-view": 1, type: "testimonials", class: "s-reviews-testimonials-slider", "controls-outer": true, "auto-play": true, id: `testimonials-${this.source}-slider` }, index.h("div", { key: '8b6b8df42043c8ecdb05dbbc30ecacde297f0dda', slot: "items" }, this.reviews.map((item, index$1) => (index.h("div", { key: index$1, class: "s-reviews-swiper-slide" }, index.h("div", { class: "s-reviews-testimonial" }, index.h("div", { class: "s-reviews-testimonial__inner" }, index.h("div", { class: "s-reviews-testimonial__avatar" }, index.h("img", { src: 'images/s-empty.png', "data-src": item.avatar, alt: item.name ? item.name : 'testimonial-' + index$1, class: "lazy" })), index.h("div", { class: "s-reviews-testimonial__text" }, index.h("p", { innerHTML: item.content }), index.h("div", { class: "s-reviews-testimonial__name_wrapper" }, index.h("div", { class: "s-reviews-testimonial__info" }, item.name && index.h("h2", null, `${item.name}`)), index.h("div", { class: "s-reviews-testimonial__rating" }, index.h("salla-rating-stars", { size: "small", value: item.stars })))), index.h("span", { class: "s-reviews-testimonial__icon", innerHTML: IconQuoteOpen }))))))))));
     }
 };
 SallaReviews.style = sallaReviewsCss;
@@ -1691,7 +1691,7 @@ const SallaReviewsPage = class {
         return options.map(option => (index.h("option", { key: option.value, value: option.value, selected: option.value === this.sort }, option.label)));
     }
     render() {
-        return (index.h("host", { key: '3bb188bd0ddcff6333a47ad3821ad9f75706ac6a' }, index.h("div", { key: 'ae139cb0f8e4921e95c695ececc6633e79486ae0', class: "s-reviews-page-header-wrapper" }, index.h("h2", { key: '422bc1b53c10d0c0e87b701580e049fde71f2871', class: "s-reviews-page-title" }, this.langTitlesReviews, index.h("span", { key: 'd43661c7d358ba1bc99762fdd92b0c9e68a86427', class: "s-reviews-page-count" }, "(", this.langRatingReviews, ")")), index.h("div", { key: '3255662d8c1895bf640ae02e480a1c597e37ff87', class: "s-reviews-page-filter-wrapper" }, index.h("label", { key: 'c2d02265c6adde573a9e282380e670ed2926e68a', class: "s-reviews-page-filter-label", htmlFor: "testimonials-filter" }, this.langSorting), index.h("select", { key: '67de9329c56bd70740e66c3c119a6396ce1c6006', onChange: (e) => this.handleSorting(e), disabled: !this.reviews.length, class: "s-reviews-page-filter" }, this.renderSortingOptions()))), this.reviews.length ? index.h("main", { class: "s-reviews-page-grid", ref: el => {
+        return (index.h("host", { key: 'b82b491ae189f825367881b7b4f03ad64e471aae' }, index.h("div", { key: 'd124f10806cfabd1c1f85044786541011edff3ff', class: "s-reviews-page-header-wrapper" }, index.h("h2", { key: '30c58bb14bea27da968e874a0c1454a35e8db207', class: "s-reviews-page-title" }, this.langTitlesReviews, index.h("span", { key: '8850771469ae20d1b07efcb45be58738de377e6d', class: "s-reviews-page-count" }, "(", this.langRatingReviews, ")")), index.h("div", { key: '5a0060c5bdbfe4d37003b04d4c6368460be8cd38', class: "s-reviews-page-filter-wrapper" }, index.h("label", { key: '637d1aeec005ae662c6019c423ef3f1c3a6ff264', class: "s-reviews-page-filter-label", htmlFor: "testimonials-filter" }, this.langSorting), index.h("select", { key: '5b68b9441d4647f12583c71da61958c30c0dcda6', onChange: (e) => this.handleSorting(e), disabled: !this.reviews.length, class: "s-reviews-page-filter" }, this.renderSortingOptions()))), this.reviews.length ? index.h("main", { class: "s-reviews-page-grid", ref: el => {
                 this.wrapper = el;
             } }, this.reviews.map(review => (index.h("salla-review-card", { key: review.id, review: review }))))
             : index.h("div", { class: "s-products-list-placeholder" }, index.h("span", { innerHTML: shoppingBag.ShoppingBag }), index.h("p", null, this.placeholderText)), this.pagination?.links?.next && this.reviews.length ? (index.h("div", { class: "s-reviews-page-load-more-container" }, index.h("salla-button", { class: "s-reviews-page-load-more-btn", loading: this.isLoading, onClick: () => this.infiniteScroll?.loadNextPage(), onKeyUp: () => this.infiniteScroll?.loadNextPage() }, this.langLoadMore))) : null));

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-CxOIGeOr.js');
+var index = require('./index-Cd5xdrCT.js');
 
 var DiscountType;
 (function (DiscountType) {

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-CxOIGeOr.js');
+var index = require('./index-Cd5xdrCT.js');
 var whatsapp2 = require('./whatsapp2-BdMd5Gx1.js');
 var mail = require('./mail-C9D8MHae.js');
 

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-CxOIGeOr.js');
+var index = require('./index-Cd5xdrCT.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/cjs/salla-count-down_2.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-CxOIGeOr.js');
+var index = require('./index-Cd5xdrCT.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)}";
 
@@ -234,7 +234,7 @@ const SallaCountDown = class {
         return this.renderCountDown();
     }
     render() {
-        return (index.h(index.Host, { key: '7055acd8fb89549ceff1f1b23f36c2dcf5f8dde0', 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 (index.h(index.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()));
     }
 };
 SallaCountDown.style = sallaCountDownCss;

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-CxOIGeOr.js');
+var index = require('./index-Cd5xdrCT.js');
 var camera = require('./camera-DytepEoK.js');
 var interfaces = require('./interfaces-CRqrf5RX.js');
 

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-CxOIGeOr.js');
+var index = require('./index-Cd5xdrCT.js');
 
 const DEBUG_KEY = 'salla-delivery-promise-debug';
 function log(message, data) {

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-CxOIGeOr.js');
+var index = require('./index-Cd5xdrCT.js');
 
 const sallaEditOrderButtonCss = ":host{display:block}";
 

package/dist/cjs/salla-filters-widget.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-CxOIGeOr.js');
+var index = require('./index-Cd5xdrCT.js');
 var Helper = require('./Helper-B2B-kxAI.js');
 var interfaces = require('./interfaces-DZDQwN6-.js');
 require('./anime.es-BqW8JHZi.js');
@@ -178,12 +178,12 @@ const SallaFiltersWidget = class {
         return index.h("span", { class: "s-filters-option-name" }, label);
     }
     render() {
-        return (index.h(index.Host, { key: '3ea32331738365fc422b500b3e70fa590d4dbdb5', class: "s-filters-widget-container" }, index.h("h3", { key: 'c5cb7a27841bf85e4c108e15d606c1c45059e5ca', class: "s-filters-widget-title", onClick: () => this.toggleWidget() }, index.h("span", { key: '641164d403dd4c9b79a540f4da5829f5238cded4' }, this.option.label), index.h("span", { key: '5cf687d80ff627f306f5876f69b799b6b7a3813d', class: `s-filters-widget-plusminus ${this.isOpen ? 's-filters-widget-plusminus-active' : ''}` })), index.h("div", { key: 'd9b753223b4fb1c468ed6c4c3a269b861bc5b34b', class: "s-filters-widget-content", ref: (el) => this.widgetContent = el }, Array.isArray(this.option.values) && this.option.values.length > 5 && (index.h("div", { key: '0ca4f8c598e5965e23ef56610df7afc31799f168', class: "s-filters-widget-search-wrapper", style: { padding: '8px 0', marginBottom: '8px' } }, index.h("input", { key: '7b43ec84dcbeb5b7f9cbe9335133e32c278c00fd', type: "text", class: "s-filters-widget-search-input", placeholder: salla.lang.get('blocks.header.search_placeholder') || 'بحث...', value: this.searchQuery, onInput: (e) => this.searchQuery = e.target.value }))), index.h("div", { key: '5bf79fc5f51389d087fed93acee51a097a46af65', class: "s-filters-widget-values", ref: (el) => this.widgetValues = el }, index.h("slot", { key: '8dacd49ba003562d347a6c1b62e85ac447a62fcb' }), this.option.type !== interfaces.FilterOptionTypes.RANGE
+        return (index.h(index.Host, { key: '831f7655b903634e0eb3abc7338ea3296883cbbf', class: "s-filters-widget-container" }, index.h("h3", { key: '72a31fb2c9adab3df37550e930d5be981aafd8f6', class: "s-filters-widget-title", onClick: () => this.toggleWidget() }, index.h("span", { key: '7512914e8a7348d146384d67f117c8b06507def0' }, this.option.label), index.h("span", { key: '50d62723255618a2a51512722388ff686c92bdab', class: `s-filters-widget-plusminus ${this.isOpen ? 's-filters-widget-plusminus-active' : ''}` })), index.h("div", { key: '76792390d33c2051082541e18e9b354b2b63c644', class: "s-filters-widget-content", ref: (el) => this.widgetContent = el }, Array.isArray(this.option.values) && this.option.values.length > 5 && (index.h("div", { key: 'b39462721ff4572b3572c0ed6171c07fa53b57a9', class: "s-filters-widget-search-wrapper", style: { padding: '8px 0', marginBottom: '8px' } }, index.h("input", { key: '759b2ab6b80d0fd0bb03fcd3746414d9e4b80c7d', type: "text", class: "s-filters-widget-search-input", placeholder: salla.lang.get('blocks.header.search_placeholder') || 'بحث...', value: this.searchQuery, onInput: (e) => this.searchQuery = e.target.value }))), index.h("div", { key: 'db918c4a43bebc35c23810dc97736584504d0e47', class: "s-filters-widget-values", ref: (el) => this.widgetValues = el }, index.h("slot", { key: '92dc440b79ed0929a39db7a4a96a1981f3b49974' }), this.option.type !== interfaces.FilterOptionTypes.RANGE
             ? this.renderFilterOption(this.option)
             : index.h("salla-price-range", { onChanged: (event) => {
                     this.changed.emit(event.detail);
                 }, ref: price => this.priceRange = price, filtersData: this.filtersData, option: this.option })), this.withLoadMore && (!this.searchQuery || this.filteredCount > this.initialItemCount) &&
-            index.h("a", { key: '85ca188ff9f0db7c0a23b94e4705ae2ca5c38d55', class: "s-filters-widget-more", onClick: () => this.showMore() }, !this.isShowMore ? this.showMoreLabel : this.showLessLabel))));
+            index.h("a", { key: '885668e717441581cd1b92494ebc3927cd70daf1', class: "s-filters-widget-more", onClick: () => this.showMore() }, !this.isShowMore ? this.showMoreLabel : this.showLessLabel))));
     }
     get host() { return index.getElement(this); }
 };

package/dist/cjs/salla-filters.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-CxOIGeOr.js');
+var index = require('./index-Cd5xdrCT.js');
 var interfaces = require('./interfaces-DZDQwN6-.js');
 var Helper = require('./Helper-B2B-kxAI.js');
 require('./anime.es-BqW8JHZi.js');
@@ -283,7 +283,7 @@ const SallaFilters = class {
     render() {
         const appliedFilters = this.getAppliedFilters();
         const removeText = salla.lang.getWithDefault('common.elements.delete', 'Remove');
-        return index.h(index.Host, { key: 'd6dacbf458eadefda7ec2b2c6845c54f553abea8' }, appliedFilters.length ? index.h("div", { class: "s-filters-applied s-filters-widget-container" }, index.h("h3", { class: "s-filters-widget-title", onClick: () => this.appliedOpen = !this.appliedOpen }, index.h("span", null, this.selectedTitle), index.h("span", { class: `s-filters-widget-plusminus ${this.appliedOpen ? 's-filters-widget-plusminus-active' : ''}` })), index.h("div", { class: `s-filters-widget-content ${this.appliedOpen ? 's-filters-widget-opened' : 's-filters-widget-closed'}` }, index.h("div", { class: "s-filters-widget-values" }, appliedFilters.map(chip => index.h("div", { class: "s-filters-label s-filters-applied-item" }, index.h("span", { class: "s-filters-option-name" }, chip.groupLabel, ": ", chip.optionLabel), index.h("button", { type: "button", class: "s-filters-applied-remove", "aria-label": `${removeText} ${chip.groupLabel}: ${chip.optionLabel}`, onClick: () => this.removeFilter(chip) }, index.h("i", { class: "sicon-cancel", "aria-hidden": "true" }))))), index.h("div", { class: "s-filters-footer" }, index.h("salla-button", { color: 'gray', fill: 'outline', onClick: () => this.resetFilters() }, this.reset)))) : '', this.filters?.map(option => index.h("salla-filters-widget", { option: option, filtersData: this.filtersData, onChanged: ({ detail: { event, option, value } }) => {
+        return index.h(index.Host, { key: 'f0493d0e85ebb9e6612a1edc6cd7f45e7473017e' }, appliedFilters.length ? index.h("div", { class: "s-filters-applied s-filters-widget-container" }, index.h("h3", { class: "s-filters-widget-title", onClick: () => this.appliedOpen = !this.appliedOpen }, index.h("span", null, this.selectedTitle), index.h("span", { class: `s-filters-widget-plusminus ${this.appliedOpen ? 's-filters-widget-plusminus-active' : ''}` })), index.h("div", { class: `s-filters-widget-content ${this.appliedOpen ? 's-filters-widget-opened' : 's-filters-widget-closed'}` }, index.h("div", { class: "s-filters-widget-values" }, appliedFilters.map(chip => index.h("div", { class: "s-filters-label s-filters-applied-item" }, index.h("span", { class: "s-filters-option-name" }, chip.groupLabel, ": ", chip.optionLabel), index.h("button", { type: "button", class: "s-filters-applied-remove", "aria-label": `${removeText} ${chip.groupLabel}: ${chip.optionLabel}`, onClick: () => this.removeFilter(chip) }, index.h("i", { class: "sicon-cancel", "aria-hidden": "true" }))))), index.h("div", { class: "s-filters-footer" }, index.h("salla-button", { color: 'gray', fill: 'outline', onClick: () => this.resetFilters() }, this.reset)))) : '', this.filters?.map(option => index.h("salla-filters-widget", { option: option, filtersData: this.filtersData, onChanged: ({ detail: { event, option, value } }) => {
                 this.handleOptionChange(event, option, value);
             } })));
     }

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-CxOIGeOr.js');
+var index = require('./index-Cd5xdrCT.js');
 
 const SallaFulfillmentMethods = class {
     constructor(hostRef) {