@salla.sa/twilight-components 2.14.471 → 2.14.473

package/dist/components/location.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-var Location = `<svg width="13" height="15" viewBox="0 0 13 15" fill="none" xmlns="http://www.w3.org/2000/svg">
+var SILocation = `<svg width="13" height="15" viewBox="0 0 13 15" fill="none" xmlns="http://www.w3.org/2000/svg">
     <path
         d="M7.57877 13.4113C7.28964 13.682 6.9032 13.8333 6.50102 13.8333C6.09884 13.8333 5.7124 13.682 5.42327 13.4113C2.77562 10.9173 -0.77255 8.13128 0.957787 4.08644C1.89336 1.89944 4.13917 0.5 6.50102 0.5C8.86287 0.5 11.1087 1.89944 12.0443 4.08644C13.7724 8.12618 10.233 10.9259 7.57877 13.4113Z"
         stroke="currentColor" />
@@ -11,4 +11,4 @@ var Location = `<svg width="13" height="15" viewBox="0 0 13 15" fill="none" xmln
 </svg>
     `;
 
-export { Location as L };
+export { SILocation as S };

package/dist/components/salla-accordion-body2.js

@@ -11,7 +11,7 @@ const SallaAccordionBody = /*@__PURE__*/ proxyCustomElement(class SallaAccordion
         this.__registerHost();
     }
     render() {
-        return (h(Host, { key: '298d42a5bf1bcefdb181ec35060220cf749b56ed', class: "s-accordion-body-wrapper" }, h("slot", { key: '6ab081e8b71b5dc69fb66fbdec82b4725ab53b0d' })));
+        return (h(Host, { key: '6407cbdb46897f683d1339287bcd0dc0df3dd409', class: "s-accordion-body-wrapper" }, h("slot", { key: 'ca050dff0df1dbee3d42a35582386829390dbdd3' })));
     }
     static get style() { return sallaAccordionBodyCss; }
 }, [4, "salla-accordion-body"]);

package/dist/components/salla-accordion-head2.js

@@ -34,13 +34,13 @@ const SallaAccordionHead = /*@__PURE__*/ proxyCustomElement(class SallaAccordion
         this.emitCollapsePanel();
     }
     render() {
-        return (h(Host, { key: '9d88d243306cdf451c20d7068fbb9f48807b22e9', "data-collapsed": this.collapsed.toString(), onClick: () => this.toggleCollapse(), class: "s-accordion-head-wrapper" }, h("div", { key: 'bad4c5a913ce1c4581b09c0b6d96fcbdb4236638', class: "s-accordion-head-wrapper-start" }, h("slot", { key: 'acb83cec8cbca5771a9f84e81c0b955c3edad731', name: "title" }), h("slot", { key: 'a4ad42ea6fad4f452c4c218a9ee02dca0adb4a67', name: "progress" }), h("slot", { key: '96ab95d413dc906ac299079f4008816f01881990', name: "html" })), (this.collapsible || this.host.querySelector('[slot="note"]')) && (h("div", { key: '8f9666a5038cd7b1ac6e357c6920ea26d31c5f03', class: "s-accordion-head-wrapper-end" }, h("slot", { key: '14895e8c1385e91c14f046c9ae38ce5e4a4c9a60', name: "note" }), this.collapsible && (h("button", { key: '97dc7fabbb207fcc8b68ebf0a86f6c8a980dca13', class: {
+        return (h(Host, { key: '8fea8adefb7bd0b6aa4d88be25cb4e3f62bd4b0c', "data-collapsed": this.collapsed.toString(), onClick: () => this.toggleCollapse(), class: "s-accordion-head-wrapper" }, h("div", { key: 'd64952e2ec87c3f4de27f85800a0659b8cfbe08b', class: "s-accordion-head-wrapper-start" }, h("slot", { key: '876bb377bef979afdb3b88e35d66ebe95e90ada8', name: "title" }), h("slot", { key: 'b2a81aa92c0032098dd271931933679815660e6d', name: "progress" }), h("slot", { key: '9df2e816a0308cdd632bf13a7f16b553b5e877c2', name: "html" })), (this.collapsible || this.host.querySelector('[slot="note"]')) && (h("div", { key: '06f75d18708331176cdb1c80fd67dae352bd0550', class: "s-accordion-head-wrapper-end" }, h("slot", { key: '04c7b9f174b6fff7aed4b1a045f160c4b11bbf55', name: "note" }), this.collapsible && (h("button", { key: '311aa1946afea02eb64b1c8e15c7e2fe97c76ecf', class: {
                 's-accordion-head-wrapper-toggle': true,
                 active: !this.collapsed,
             }, onClick: e => {
                 e.stopPropagation();
                 this.toggleCollapse();
-            } }, h("span", { key: '3b24faf71dcd332663a354310b2ce09f7879eddc', class: "s-accordion-head-wrapper-toggle-icon", innerHTML: this.collapsed ? Add : Minus })))))));
+            } }, h("span", { key: '9758c580c6ca64c88079a76c0775ec727e0c488f', class: "s-accordion-head-wrapper-toggle-icon", innerHTML: this.collapsed ? Add : Minus })))))));
     }
     get host() { return this; }
     static get style() { return sallaAccordionHeadCss; }

package/dist/components/salla-accordion2.js

@@ -42,7 +42,7 @@ const SallaAccordion = /*@__PURE__*/ proxyCustomElement(class SallaAccordion ext
         }
     }
     render() {
-        return (h(Host, { key: 'fb12197f13d8836304bfebb14400c79c8c4d31f0', class: `s-accordion-wrapper ${this.dir} ${this.bordered ? 's-accordion-wrapper-bordered' : ''} ${this.size ? `size-${this.size}` : ''}`, "data-collapsed": this.collapsed.toString() }, h("slot", { key: '460e8d7238bf9f014fe0bbb6c0da592c8cb3e15e' })));
+        return (h(Host, { key: '1ea35adcb3558cad1c5e675ed7330e3859c31d20', class: `s-accordion-wrapper ${this.dir} ${this.bordered ? 's-accordion-wrapper-bordered' : ''} ${this.size ? `size-${this.size}` : ''}`, "data-collapsed": this.collapsed.toString() }, h("slot", { key: '596f47501e2080874cd28a304bc55b88409699cf' })));
     }
     get host() { return this; }
     static get style() { return sallaAccordionCss; }

package/dist/components/salla-add-product-button2.js

@@ -4,10 +4,19 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 import { P as PendingOrdersIcon } from './cart.js';
 import { H as Helper } from './Helper.js';
-import { d as defineCustomElement$6 } from './salla-button2.js';
-import { d as defineCustomElement$5 } from './salla-loading2.js';
-import { d as defineCustomElement$4 } from './salla-modal2.js';
-import { d as defineCustomElement$3 } from './salla-product-availability2.js';
+import { d as defineCustomElement$f } from './salla-booking-field2.js';
+import { d as defineCustomElement$e } from './salla-button2.js';
+import { d as defineCustomElement$d } from './salla-color-picker2.js';
+import { d as defineCustomElement$c } from './salla-conditional-fields2.js';
+import { d as defineCustomElement$b } from './salla-datetime-picker2.js';
+import { d as defineCustomElement$a } from './salla-file-upload2.js';
+import { d as defineCustomElement$9 } from './salla-loading2.js';
+import { d as defineCustomElement$8 } from './salla-map2.js';
+import { d as defineCustomElement$7 } from './salla-modal2.js';
+import { d as defineCustomElement$6 } from './salla-order-options-modal2.js';
+import { d as defineCustomElement$5 } from './salla-product-availability2.js';
+import { d as defineCustomElement$4 } from './salla-product-options2.js';
+import { d as defineCustomElement$3 } from './salla-progress-bar2.js';
 import { d as defineCustomElement$2 } from './salla-quick-buy2.js';
 import { d as defineCustomElement$1 } from './salla-tel-input2.js';
 
@@ -18,6 +27,140 @@ var WalletIcon = `<!-- Generated by IcoMoon.io -->
 </svg>
 `;
 
+/**
+ * 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.
+ */
+const PRODUCT_FORM_SELECTOR = 'form.product-form';
+class OrderOptionsGate {
+    constructor(host, productId) {
+        this.host = host;
+        this.productId = productId;
+        /** True on the re-fired click so it passes through instead of re-gating. */
+        this.collected = false;
+        /** Live PDP price (one onPriceUpdated subscription per widget). */
+        this.livePrice = 0;
+    }
+    /** Attach once to the widget. Returns false when there's no widget (e.g. product cards) so the caller retries. */
+    static attach(host, productId) {
+        const widget = host.querySelector('salla-mini-checkout-widget');
+        if (!widget)
+            return false;
+        const gate = new OrderOptionsGate(host, String(productId));
+        // One subscription per widget (PDP only) — no per-card leak.
+        salla.product?.event?.onPriceUpdated?.((response) => {
+            gate.livePrice = Number(response?.data?.price) || gate.livePrice;
+        });
+        widget.addEventListener('click', (event) => gate.handleWidgetClick(event, widget), true);
+        return true;
+    }
+    /** Quantity from the same form the widget submits (PRODUCT_FORM_SELECTOR), not the button's nearest form. */
+    getSelectedQuantity() {
+        try {
+            const form = document.querySelector(PRODUCT_FORM_SELECTOR);
+            const data = form?.getElementSallaData?.();
+            const qty = Number(data instanceof FormData ? data.get('quantity') : data?.quantity);
+            if (Number.isFinite(qty) && qty > 0)
+                return qty;
+        }
+        catch {
+            // fall through to the attribute
+        }
+        return Number(this.host.getAttribute('quantity')) || 1;
+    }
+    async handleWidgetClick(event, widget) {
+        if (this.collected) {
+            this.collected = false;
+            return;
+        }
+        event.preventDefault();
+        event.stopImmediatePropagation();
+        if (!await this.validatePdpOptions())
+            return;
+        if (salla.config.isGuest()) {
+            salla.api.auth.requireLoginThen('salla-add-product-button::oo.after-login', () => this.handleWidgetClick(event, widget));
+            return;
+        }
+        widget.classList.add('s-add-product-button-busy');
+        let resp;
+        try {
+            resp = await salla.api.withoutNotifier(() => salla.product.api.getOrderOptions([{ id: this.productId, quantity: this.getSelectedQuantity() }]));
+        }
+        catch (error) {
+            salla?.logger?.warn?.('order-options: fetch failed', error);
+            widget.classList.remove('s-add-product-button-busy');
+            this.resumeWidget(widget);
+            return;
+        }
+        widget.classList.remove('s-add-product-button-busy');
+        const items = resp?.data?.order_options || [];
+        if (!items.length) {
+            this.resumeWidget(widget);
+            return;
+        }
+        const basePrice = this.livePrice > 0
+            ? this.livePrice
+            : 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 || []);
+            this.resumeWidget(widget);
+        }
+        catch {
+            // user dismissed — widget stays blocked, they re-click to retry.
+        }
+    }
+    async validatePdpOptions() {
+        const optionsEl = document.querySelector(`salla-product-options[product-id="${this.productId}"]`);
+        if (!optionsEl)
+            return true;
+        if (typeof optionsEl.validateAndScroll === 'function') {
+            return await optionsEl.validateAndScroll();
+        }
+        if (typeof optionsEl.reportValidity === 'function') {
+            return await optionsEl.reportValidity();
+        }
+        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)
+            return;
+        const productId = this.productId;
+        const onceHandler = (eventData) => {
+            if (String(eventData?.id) !== String(productId))
+                return;
+            try {
+                eventData?.payload?.set?.('order_options', orderOptions);
+            }
+            finally {
+                salla.event.off('cart::before.add.item', onceHandler);
+            }
+        };
+        salla.event.on('cart::before.add.item', onceHandler);
+    }
+    ensureModal() {
+        let modal = document.querySelector('salla-order-options-modal');
+        if (!modal) {
+            modal = document.createElement('salla-order-options-modal');
+            document.body.appendChild(modal);
+        }
+        return modal;
+    }
+    resumeWidget(widget) {
+        this.collected = true;
+        // Real click target lives in the widget's shadow DOM.
+        const innerBtn = widget.shadowRoot?.querySelector?.('.s-fast-checkout-button');
+        if (innerBtn) {
+            innerBtn.click();
+        }
+        else if (typeof widget.click === 'function') {
+            widget.click();
+        }
+    }
+}
+
 const sallaAddProductButtonCss = ":host{display:block}salla-add-product-button[width=wide]{width:100%}";
 
 const SallaAddProductButton = /*@__PURE__*/ proxyCustomElement(class SallaAddProductButton extends HTMLElement {
@@ -44,6 +187,8 @@ const SallaAddProductButton = /*@__PURE__*/ proxyCustomElement(class SallaAddPro
         /** Use matchMedia instead of window.innerWidth to avoid forced reflow (Lighthouse/PageSpeed) */
         this.isDesktopViewport = typeof window !== 'undefined' ? window.matchMedia('(min-width: 768px)').matches : true;
         this.viewportMediaQuery = null;
+        /** Guards one-time attachment of the order-options gate to the mini-checkout widget. */
+        this.orderOptionsGateAttached = false;
         this.onViewportChange = (e) => {
             this.isDesktopViewport = e.matches;
             this.btn?.setText((e.matches && !!this.passedLabel) ? this.passedLabel : this.getLabel());
@@ -231,6 +376,13 @@ const SallaAddProductButton = /*@__PURE__*/ proxyCustomElement(class SallaAddPro
         });
     }
     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.
+        if (!this.orderOptionsGateAttached && this.productId
+            && salla.config.get('store.settings.order_options.mandatory', false)
+            && OrderOptionsGate.attach(this.host, this.productId)) {
+            this.orderOptionsGateAttached = true;
+        }
         //if label not passed, get label
         if (!!this.passedLabel && (!this.supportStickyBar || this.isDesktopViewport)) {
             // if passed label, set it
@@ -269,29 +421,74 @@ function defineCustomElement() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["salla-add-product-button", "salla-button", "salla-loading", "salla-modal", "salla-product-availability", "salla-quick-buy", "salla-tel-input"];
+    const components = ["salla-add-product-button", "salla-booking-field", "salla-button", "salla-color-picker", "salla-conditional-fields", "salla-datetime-picker", "salla-file-upload", "salla-loading", "salla-map", "salla-modal", "salla-order-options-modal", "salla-product-availability", "salla-product-options", "salla-progress-bar", "salla-quick-buy", "salla-tel-input"];
     components.forEach(tagName => { switch (tagName) {
         case "salla-add-product-button":
             if (!customElements.get(tagName)) {
                 customElements.define(tagName, SallaAddProductButton);
             }
             break;
+        case "salla-booking-field":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$f();
+            }
+            break;
         case "salla-button":
             if (!customElements.get(tagName)) {
-                defineCustomElement$6();
+                defineCustomElement$e();
+            }
+            break;
+        case "salla-color-picker":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$d();
+            }
+            break;
+        case "salla-conditional-fields":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$c();
+            }
+            break;
+        case "salla-datetime-picker":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$b();
+            }
+            break;
+        case "salla-file-upload":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$a();
             }
             break;
         case "salla-loading":
             if (!customElements.get(tagName)) {
-                defineCustomElement$5();
+                defineCustomElement$9();
+            }
+            break;
+        case "salla-map":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$8();
             }
             break;
         case "salla-modal":
             if (!customElements.get(tagName)) {
-                defineCustomElement$4();
+                defineCustomElement$7();
+            }
+            break;
+        case "salla-order-options-modal":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$6();
             }
             break;
         case "salla-product-availability":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$5();
+            }
+            break;
+        case "salla-product-options":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$4();
+            }
+            break;
+        case "salla-progress-bar":
             if (!customElements.get(tagName)) {
                 defineCustomElement$3();
             }

package/dist/components/salla-alert.js

@@ -33,7 +33,7 @@ const SallaAlert$1 = /*@__PURE__*/ proxyCustomElement(class SallaAlert extends H
         }
     }
     render() {
-        return (h(Host, { key: '3b5dd808399eeda5d930454542cd41cca26b0cc3', class: `s-alert-wrapper s-alert-${this.variant}` }, h("span", { key: '4f58234774d1afc790fb83bff983ca9366faa349', class: "s-alert-icon" }, this.renderIcon()), h("span", { key: '10eb3f87e6e77dcc5406a24f866feee1cc1f46ef', class: "s-alert-text" }, this.message, h("slot", { key: '3656e15aeb25fb7285e88f694c090bad3b32dfbd' }))));
+        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' }))));
     }
     static get style() { return sallaAlertCss; }
 }, [4, "salla-alert", {

package/dist/components/salla-badge2.js

@@ -86,7 +86,7 @@ const SallaBadge = /*@__PURE__*/ proxyCustomElement(class SallaBadge extends HTM
         this.bg = 'light';
     }
     render() {
-        return (h("div", { key: '9d81a7c592a57a533e2b8a48f015e2f9e796be51', class: badge({ size: this.size, bg: this.bg, color: this.color }) }, h("slot", { key: '999e75ec14a8346d84dbfc5122c448999d4fc481' })));
+        return (h("div", { key: '54d35eb76a59251edb581786e5e89a83b6f8fbf0', class: badge({ size: this.size, bg: this.bg, color: this.color }) }, h("slot", { key: '4641cb434a2c0a6d7c004e3384848a200cb79dff' })));
     }
     static get style() { return sallaBadgeCss; }
 }, [4, "salla-badge", {

package/dist/components/salla-booking-field2.js

@@ -169,7 +169,7 @@ const SallaBookingField = /*@__PURE__*/ proxyCustomElement(class SallaBookingFie
         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: '9a65e86d8c731ea7538ae930d73c63a0fba342d6' }, h("div", { key: 'fbac1a9dfdf76f36405db4dff611fd9baa47870b', 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: '190495f3a42496aa9d14da129363e6ff83e788ac', class: "s-booking-field-book-now", size: "small", loaderPosition: "center", fill: "outline", onClick: event => this.openBookingModal(event, false) }, h("span", { key: '7db20f2888bc865d87545804a2f609f7d07e4dc2', class: "s-booking-field-book-now-content" }, h("span", { key: '05f6f331e311f79e5a61a7b6e197e24334bdb5d4', innerHTML: BookingTime }), this.reservations.length ? this.editLabel : this.bookNowLabel))), this.reservations.length > 0 && (h("div", { key: 'f54c13f40c3109f5d3249361ac299451151909cf', 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: '5d147e4832a2b14ed614152efefa35769e0c52ba', 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: '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()));
     }
     get host() { return this; }
     static get style() { return sallaBookingFieldCss; }

package/dist/components/salla-bottom-alert.js

@@ -154,9 +154,9 @@ const SallaBottomAlert$1 = /*@__PURE__*/ proxyCustomElement(class SallaBottomAle
     }
     render() {
         const hasTemplate = this.template && typeof this.template === 'object' && Object.keys(this.template).length > 0;
-        return (h(Host, { key: 'b9eaef26dfe11005441af53a6413ec0ff0568cc6', class: `s-bottom-alert-wrapper ${hasTemplate ? 's-bottom-alert-wrapper-with-template' : ''}` }, hasTemplate && (h("div", { key: 'd47d95804f5146f8b692b200bf285a8547e758fa', class: "s-bottom-alert-logo-section" }, h("img", { key: 'cf20a9f6b77b11e27c2c282ee40c490fc9d31525', src: "https://cdn.salla.network/images/logo/logo-light.svg", alt: "Salla", class: "s-bottom-alert-logo" }), h("span", { key: 'd13eeaa4cc8918cf7a38925526f659e1041c1e8a', class: "s-bottom-alert-logo-text" }, this.readyStores))), h("div", { key: 'beac912a924cb879ca4b0fbc270febdd61c8822c', class: "s-bottom-alert-content" }, h("div", { key: '75ef41821088475f1715adcf3a54d8705a8bf2cc', class: "flex items-center gap-2" }, h("div", { key: '97c4f14fefc046d0f12249c7fc4ea25e436dfd98', class: "s-bottom-alert-icon" }, this.icon ? h("i", { class: this.icon }) : h("i", { innerHTML: infoIcon })), h("div", { key: '0e4f8dc0c15ea1ff3390ef5b494e9f4216eeb5db', 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: '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: {
                 '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: 'dd6807a1bd8d78fe440e7d37371ed6bf31b3ac65', 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: '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())));
     }
     get host() { return this; }
     static get style() { return sallaBottomAlertCss; }

package/dist/components/salla-bullet-delivery.js

@@ -2,7 +2,7 @@
  * Crafted with ❤ by Salla
  */
 import { proxyCustomElement, HTMLElement as HTMLElement$1, createEvent, h as h$4, Host } from '@stencil/core/internal/client';
-import { L as Location } from './location.js';
+import { S as SILocation } from './location.js';
 import { S as Search } from './search.js';
 import { d as defineCustomElement$7 } from './salla-button2.js';
 import { d as defineCustomElement$6 } from './salla-loading2.js';
@@ -6635,7 +6635,7 @@ const SallaBulletDelivery$1 = /*@__PURE__*/ proxyCustomElement(class SallaBullet
         icon.className =
             "s-bullet-delivery-cart-view-icon s-bullet-delivery-tab-icon";
         icon.setAttribute("aria-hidden", "true");
-        icon.innerHTML = Location;
+        icon.innerHTML = SILocation;
         const titleEl = document.createElement("span");
         titleEl.className = "s-bullet-delivery-cart-view-title";
         titleEl.textContent = title;
@@ -6668,7 +6668,7 @@ const SallaBulletDelivery$1 = /*@__PURE__*/ proxyCustomElement(class SallaBullet
         return (h$4("div", { class: "s-bullet-delivery-tabs" }, this.isSupportsDelivery && (h$4("button", { type: "button", class: {
                 "s-bullet-delivery-tab": true,
                 "s-bullet-delivery-tab--active": this.activeTab === "address",
-            }, onClick: () => this.handleTabChange("address") }, h$4("span", { class: "s-bullet-delivery-tab-icon", innerHTML: Location, "aria-hidden": "true" }), h$4("span", null, Salla.lang.get("mobile_app.strings.delivery")))), h$4("button", { type: "button", class: {
+            }, onClick: () => this.handleTabChange("address") }, h$4("span", { class: "s-bullet-delivery-tab-icon", innerHTML: SILocation, "aria-hidden": "true" }), h$4("span", null, Salla.lang.get("mobile_app.strings.delivery")))), h$4("button", { type: "button", class: {
                 "s-bullet-delivery-tab": true,
                 "s-bullet-delivery-tab--active": this.activeTab === "branch",
             }, onClick: () => this.handleTabChange("branch") }, h$4("span", { class: "s-bullet-delivery-tab-icon", innerHTML: Store, "aria-hidden": "true" }), h$4("span", null, Salla.lang.get("mobile_app.strings.pickup")))));

package/dist/components/salla-cart-coupons.js

@@ -243,7 +243,7 @@ const SallaCartCoupons$1 = /*@__PURE__*/ proxyCustomElement(class SallaCartCoupo
             : `${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 && (h("div", { class: "s-cart-coupons-minimum" }, salla.lang.get('pages.cart.minimum'), " ", h("span", { innerHTML: salla.money(coupon.minimum_amount.amount, coupon.minimum_amount.currency) })))), 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 (h(Host, { key: 'f3f3d943ab2c1a6488a1da02d2cc031dbc88b482' }, h("div", { key: 'abf88828017041b19a6c54ba2f99e6c246bd8d04', class: "s-cart-coupons-wrapper" }, h("div", { key: 'c2946579a7cca935722997229f50ede603acb8b2', class: "s-cart-coupons-input-section" }, h("label", { key: '50042d827c86daf853babd4e41ba3a920aceda9d', htmlFor: "coupon-input", class: "s-cart-coupons-coupon-label" }, salla.lang.get('pages.cart.have_coupon')), h("div", { key: '4b01047727bd3a83f6cfbac37221e7732076248f', class: "s-cart-coupons-coupon-input-container" }, h("input", { key: '555108f68b7a60c618d9a904905ef321cd274c7a', 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') }), h("salla-button", { key: '0416bbaf029f7d8951ca6a419cdc676ae50ee792', 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 ? (h("i", { class: "sicon-cancel" })) : (h("span", null, salla.lang.get('pages.cart.save_coupon'))))), this.couponError && (h("span", { key: 'f7c77e8676cb07b4820b571dbd8ee25dca79a1b1', class: "s-cart-coupons-coupon-error" }, this.couponError))), this.availableCoupons && this.availableCoupons.length > 0 && (h("salla-slider", { key: 'daee9c6705de734d5f81ff86d92ad6952b5a7332', type: "carousel", showControls: false, class: "s-cart-coupons-slider" }, h("div", { key: '5d5ef30a6ff7f7c2b406cc5cec6622c2f028d17e', slot: "items" }, this.availableCoupons.map(coupon => this.renderCouponCard(coupon))))))));
+        return (h(Host, { key: '09c964ef1b706cd623f5b99b9606ecf93486e8b5' }, h("div", { key: 'a3b3313ecbc23821cca29115f1189ca2dfbcbb48', class: "s-cart-coupons-wrapper" }, h("div", { key: '27bc855b95d252a4feffc256fdef70b7d83aa4b3', class: "s-cart-coupons-input-section" }, h("label", { key: 'd17fff32352bc8e0535986519d5e22dda7879754', htmlFor: "coupon-input", class: "s-cart-coupons-coupon-label" }, salla.lang.get('pages.cart.have_coupon')), h("div", { key: '4e9acdb76110fffbd6984fa522fa91440d8c3bc6', class: "s-cart-coupons-coupon-input-container" }, 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') }), 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 ? (h("i", { class: "sicon-cancel" })) : (h("span", null, salla.lang.get('pages.cart.save_coupon'))))), this.couponError && (h("span", { key: '4d0b025d425e2fbba8f313b92c1e257042c549b0', class: "s-cart-coupons-coupon-error" }, this.couponError))), this.availableCoupons && this.availableCoupons.length > 0 && (h("salla-slider", { key: 'ac6a96179ec2990f8fedfd3cbb63404e7fe60edf', type: "carousel", showControls: false, class: "s-cart-coupons-slider" }, h("div", { key: '7c4f2641aa87a91d55d88d5fc0a375a5d3114a99', slot: "items" }, this.availableCoupons.map(coupon => this.renderCouponCard(coupon))))))));
     }
     get host() { return this; }
     static get style() { return sallaCartCouponsCss; }

package/dist/components/salla-cart-summary.js

@@ -107,7 +107,7 @@ const SallaCartSummary$1 = /*@__PURE__*/ proxyCustomElement(class SallaCartSumma
         return cartUrl;
     }
     render() {
-        return (h(Host, { key: '918f027fd28cd25d653b8419f97223daaf22d428' }, h("a", { key: 'b74a2724ada356a01b915044d56dfb0f9953338e', class: "s-cart-summary-wrapper", href: this.getCartLink() }, h("div", { key: 'b9332fe1b66b895c1e9950efaa548f04eb053d46', id: "s-cart-icon" }, h("slot", { key: '2b5c1cf8dea4ca23a54beeb83cfad44538ca3ab7', name: "icon" }, h("i", { key: 'f3145ed4a994762441d925280a3234d78c378bef', class: "s-cart-summary-icon", innerHTML: PendingOrdersIcon }))), h("span", { key: '26a78adf9b279019504e995216ea5373b6866876', class: "s-cart-summary-count" }, salla.helpers.number(this.cartSummaryCount)), h("p", { key: '60ad091221ed5cd3e2ac0d27ebc53ec9917ccd64', class: "s-cart-summary-content" }, this.showCartLabel && h("span", { key: '66819086b9ed7f6f21be2cd5e8baf0bc88021e40', class: "s-cart-summary-label" }, this.cartLabel), h("b", { key: 'a07c85971e50add3cdd5b51942e642d4daf19d82', class: "s-cart-summary-total", innerHTML: salla.money(this.cartSummaryTotal) })))));
+        return (h(Host, { key: 'fca2de197afcba69907579d9d553771320e27347' }, h("a", { key: '6049481fe7c6c039a964856aad1ec155951593ba', class: "s-cart-summary-wrapper", href: this.getCartLink() }, h("div", { key: '606d401fe4d29ee5fb2b2829b1964fdf424f15bb', id: "s-cart-icon" }, h("slot", { key: '01bdd2f508a10334aa90f4bf55db6a01f53011f6', name: "icon" }, h("i", { key: 'a75306afbb99dce21851db370d9bb79e75f02416', class: "s-cart-summary-icon", innerHTML: PendingOrdersIcon }))), h("span", { key: '7b5e9d8e00738add513d5824d0da530ef0eb8c72', class: "s-cart-summary-count" }, salla.helpers.number(this.cartSummaryCount)), h("p", { key: '5d70011accc0106759f0707229f3c0fc1c56fc5d', class: "s-cart-summary-content" }, this.showCartLabel && h("span", { key: '1793f024a7f8acbf3c41687db94a767e1ff8507b', class: "s-cart-summary-label" }, this.cartLabel), h("b", { key: '6cf885e3bf267eccd4b06e945365f3719d243e06', class: "s-cart-summary-total", innerHTML: salla.money(this.cartSummaryTotal) })))));
     }
     get host() { return this; }
     static get style() { return sallaCartSummaryCss; }

package/dist/components/salla-color-picker2.js

@@ -208,7 +208,7 @@ const SallaColorPicker = /*@__PURE__*/ proxyCustomElement(class SallaColorPicker
         });
     }
     render() {
-        return (h(Host, { key: '2f142fd64afd5571574a7e1c40de3be16ede62e6', class: "s-color-picker-main" }, h("slot", { key: '92acdf14b2f42ac52d0a632ba6840a5dcebfa4d4', name: "widget" }, h("div", { key: '7ba074040299a91802109d0e1d2e78604e39d3a8', class: "s-color-picker-widget" }, h("div", { key: 'a6272207f79fd28e33b66e415a3e05b969ace983', class: "s-color-picker-widget-canvas", ref: dv => (this.canvas = dv) }), h("span", { key: 'e6fed242bb84fae6221cdec525658b68f7514ce7', innerHTML: ArrowDown }))), h("input", { key: '9eb1673f44e663f939124da45fec79c401736203', class: "s-hidden", name: this.name, required: this.required, value: this.color, ref: color => (this.colorInput = color) })));
+        return (h(Host, { key: '4b648b7685b1d6601cb8b6e826d5eb716cbf4bba', class: "s-color-picker-main" }, h("slot", { key: '59afd795f1f5cce7d33b9e5c5e0e65be5db485f1', name: "widget" }, h("div", { key: '312878f910fc6c94b47bcd24319291f9db7e1d13', class: "s-color-picker-widget" }, h("div", { key: '1865cf384e4c6ecaef1ab2b35f8a6653304f6b9d', class: "s-color-picker-widget-canvas", ref: dv => (this.canvas = dv) }), h("span", { key: 'd92e8fbe87685abc27224d08e71f06ad216d6593', innerHTML: ArrowDown }))), h("input", { key: 'df66b2b623c71acba891a3c02e7a02905d78861b', class: "s-hidden", name: this.name, required: this.required, value: this.color, ref: color => (this.colorInput = color) })));
     }
     componentDidLoad() {
         if (this.canvas)

package/dist/components/salla-comment-form2.js

@@ -45,7 +45,7 @@ const SallaCommentForm = /*@__PURE__*/ proxyCustomElement(class SallaCommentForm
             .finally(() => this.submitBtn.stop());
     }
     render() {
-        return (h(Host, { key: '0ec765c8dd7cf28d23c4305c234cec5efd3daae1' }, !!this.canComment ? h("form", { ref: frm => this.commentForm = frm }, h("div", { class: "s-comment-form-wrapper" }, this.showAvatar ?
+        return (h(Host, { key: 'c3c4acb833a93d11b2c71eb77742319c8085968c' }, !!this.canComment ? h("form", { ref: frm => this.commentForm = frm }, h("div", { class: "s-comment-form-wrapper" }, this.showAvatar ?
             h("img", { class: "s-comment-form-avatar", src: salla.config.get('user.avatar'), alt: "user avatar" }) : '', h("div", { class: "s-comment-form-content" }, 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 }), h("br", null), h("div", { class: "s-comment-form-action" }, h("salla-button", { ref: btn => this.submitBtn = btn, "loader-position": 'center', onClick: () => this.submit() }, this.submitText))))) : ''));
     }
     static get style() { return sallaCommentFormCss; }

package/dist/components/salla-conditional-fields2.js

@@ -130,7 +130,7 @@ const SallaConditionalFields = /*@__PURE__*/ proxyCustomElement(class SallaCondi
         });
     }
     render() {
-        return (h(Host, { key: '9931740a40a239483408056ae458769a0ab3997d' }, h("slot", { key: '6db0aa3b6db44f3811d1ed456672218891018d6f' })));
+        return (h(Host, { key: '65ddceb3d0fc1eff329762b0c9d1784f223dc1ee' }, h("slot", { key: 'ee65b749c141f8288b288705ba7750676bb68408' })));
     }
     get host() { return this; }
 }, [4, "salla-conditional-fields", undefined, [[0, "change", "changeHandler"], [0, "input", "changeHandler"]]]);

package/dist/components/salla-count-down2.js

@@ -234,7 +234,7 @@ const SallaCountDown = /*@__PURE__*/ proxyCustomElement(class SallaCountDown ext
         return this.renderCountDown();
     }
     render() {
-        return (h(Host, { key: 'b9b5d0e038afdf2dd88da15eb711752d2a9a45af', class: `s-count-down-wrapper ${this.preOrder && this.isValidDate(this.date) ? 's-count-down-pre-order' : ''} ${this.horizontal ? 's-count-down-horizontal' : ''} ${this.withButton ? 's-count-down-with-button' : ''} ${this.offerEnded ? 's-count-down-ended' : ''}` }, this.renderPrefixText(), this.renderContent(), this.offerEnded && this.renderOfferEnded(), this.renderButton()));
+        return (h(Host, { key: '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()));
     }
     static get style() { return sallaCountDownCss; }
 }, [0, "salla-count-down", {

package/dist/components/salla-datetime-picker2.js

@@ -192,7 +192,7 @@ const SallaDatetimePicker = /*@__PURE__*/ proxyCustomElement(class SallaDatetime
         if (this.flatpickr)
             return;
         try {
-            const flatpickrModule = await import('./index3.js');
+            const flatpickrModule = await import('./index2.js');
             this.flatpickr = flatpickrModule.default;
             // Load locale if not English
             if (this.locale && this.locale !== 'en') {
@@ -211,7 +211,7 @@ const SallaDatetimePicker = /*@__PURE__*/ proxyCustomElement(class SallaDatetime
         }
     }
     render() {
-        return h("div", { key: '6fe501ca4d900b3706121742fa64e36c10371713', class: "s-datetime-picker" }, h("input", { key: '54946e6afb30e7dad49ca8b8fd9d2416bbad4e84', 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: '32645810d31bcc76582da3910ccaeac5b4490719', class: "s-datetime-picker" }, h("input", { key: 'ec579ffb806ff75829b6d0b5e6cb6da24a4b1bb3', 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

package/dist/components/salla-file-upload2.js

@@ -316,11 +316,11 @@ const SallaFileUpload = /*@__PURE__*/ proxyCustomElement(class SallaFileUpload e
         }
     }
     render() {
-        return (h(Host, { key: '6b8c9ee59a13e8819988a13489a79c8f3391c614', class: {
+        return (h(Host, { key: 'af77cb11bf5ae4a857e9a099ce6438fb29aa8736', class: {
                 "s-file-upload": true,
                 "s-file-upload-profile-image": this.profileImage,
                 "s-file-upload-multiple": this.allowMultiple,
-            } }, h("input", { key: '4245938bfb2652084cb3115001263c7d690aa8e0', type: "file", name: this.name, value: this.value, 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.maxFilesCount)) : '', h("input", { key: '7fdab946cf08747fdee40f9f9a2b2819803a299e', class: "s-hidden", name: 'hidden-' + this.name, required: this.required, value: this.value, ref: input => this.hiddenInput = input })));
+            } }, h("input", { key: 'da600278c346ef3554bfc6f8b22cb07dce1fc1ea', type: "file", name: this.name, value: this.value, 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.maxFilesCount)) : '', h("input", { key: '4c605d3d983a86fca5667641d38592daf30f20b2', class: "s-hidden", name: 'hidden-' + this.name, required: this.required, value: this.value, ref: input => this.hiddenInput = input })));
     }
     async componentDidLoad() {
         await Salla.onReady();

package/dist/components/salla-filters-widget2.js

@@ -190,12 +190,12 @@ const SallaFiltersWidget = /*@__PURE__*/ proxyCustomElement(class SallaFiltersWi
         return h("span", { class: "s-filters-option-name" }, label);
     }
     render() {
-        return (h(Host, { key: 'a3377234cae7a9565f403d859e60ee71cb9b9e00', class: "s-filters-widget-container" }, h("h3", { key: 'd797565b06c795a6b19d5fa6c93da583e291cc01', class: "s-filters-widget-title", onClick: () => this.toggleWidget() }, h("span", { key: '35e933096973744c332cfb3a0346b57f7dd28a76' }, this.option.label), h("span", { key: '2c27dacf5242da14f2cddca9f99af09bb9cb3bea', class: `s-filters-widget-plusminus ${this.isOpen ? 's-filters-widget-plusminus-active' : ''}` })), h("div", { key: '6f85c5af558a2b47e9779225d2fb9b99d2dd78e5', class: "s-filters-widget-content", ref: (el) => this.widgetContent = el }, Array.isArray(this.option.values) && this.option.values.length > 5 && (h("div", { key: 'd6c9fe9baf08d095346d52e5e6836ca7a26dae7f', class: "s-filters-widget-search-wrapper", style: { padding: '8px 0', marginBottom: '8px' } }, h("input", { key: '44ac9fc9e7488165acccbac8a7bd95a3f863dab8', 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 }))), h("div", { key: 'a8350384975504985098f0b9f1ae6c086537886b', class: "s-filters-widget-values", ref: (el) => this.widgetValues = el }, h("slot", { key: '20acece0e29070b6f1359ab1d3f16e928d461742' }), this.option.type !== FilterOptionTypes.RANGE
+        return (h(Host, { key: '2cdd3bbc88b473e9b5d52bf5e95de16f9ad47a51', class: "s-filters-widget-container" }, h("h3", { key: '4d3d522469681c5d7cde040938b0ce15324d7cc3', class: "s-filters-widget-title", onClick: () => this.toggleWidget() }, h("span", { key: '60fa18c667a1b00f03e8eebc484da68e78fa8d90' }, this.option.label), h("span", { key: 'ac8cff411fbb76c43e0134b0c7381b682a8afcd0', class: `s-filters-widget-plusminus ${this.isOpen ? 's-filters-widget-plusminus-active' : ''}` })), h("div", { key: '5705ab244d712512e156994bbf21d9bb49dbb43b', class: "s-filters-widget-content", ref: (el) => this.widgetContent = el }, Array.isArray(this.option.values) && this.option.values.length > 5 && (h("div", { key: 'a59f45a5fbd803dcd65f0a5b40060a1dcfed00e0', class: "s-filters-widget-search-wrapper", style: { padding: '8px 0', marginBottom: '8px' } }, h("input", { key: '3275790105bfe9b84df564b9385c4a9556c2f03a', 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 }))), h("div", { key: '70d57184a8089422d96ea62ddaa7697f7f207441', class: "s-filters-widget-values", ref: (el) => this.widgetValues = el }, h("slot", { key: '959512d2256b5a29236572fc8078c5baa5d9a571' }), this.option.type !== FilterOptionTypes.RANGE
             ? this.renderFilterOption(this.option)
             : 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) &&
-            h("a", { key: 'a628397d54fc254fe36458c4bbdca0dad0a0e6ad', class: "s-filters-widget-more", onClick: () => this.showMore() }, !this.isShowMore ? this.showMoreLabel : this.showLessLabel))));
+            h("a", { key: '305b4a155c2b3705bcf139c81b5f8bcb3d744d05', class: "s-filters-widget-more", onClick: () => this.showMore() }, !this.isShowMore ? this.showMoreLabel : this.showLessLabel))));
     }
     get host() { return this; }
     static get style() { return sallaFiltersWidgetCss; }

package/dist/components/salla-filters.js

@@ -196,7 +196,7 @@ const SallaFilters$1 = /*@__PURE__*/ proxyCustomElement(class SallaFilters exten
         this.applyFilters();
     }
     render() {
-        return h(Host, { key: '8fe009d0a0b52956fa634544aa414e554b77a128' }, this.filters?.map(option => h("salla-filters-widget", { option: option, filtersData: this.filtersData, onChanged: ({ detail: { event, option, value } }) => {
+        return h(Host, { key: 'f94496fa176d99cf04b98fea8732b7c7c5912159' }, this.filters?.map(option => h("salla-filters-widget", { option: option, filtersData: this.filtersData, onChanged: ({ detail: { event, option, value } }) => {
                 this.handleOptionChange(event, option, value);
             } })), this.filters?.length ? h("div", { class: "s-filters-footer" }, h("salla-button", { color: 'gray', fill: 'outline', onClick: () => this.resetFilters() }, this.reset)) : '');
     }

package/dist/components/salla-gifting.js

@@ -754,7 +754,7 @@ const SallaGifting$1 = /*@__PURE__*/ proxyCustomElement(class SallaGifting exten
     }
     render() {
         return [
-            h("div", { key: 'b26068c5c6b0c40814e1cb67208afa352b1d913c' }, h("salla-list-tile", { key: '22189813371c56f1b66334d826c342d30dade34f', class: this.generateClass() }, h("div", { key: '5f9c597b87ab39d591144c4943feba0c775d645b', slot: "title" }, this.vertical ? h("span", { innerHTML: SIGiftSharing }) : '', h("h3", { key: '4341ea66f7d9a547d919be173476908c5d0f018a' }, !!this.widgetTitle ? this.widgetTitle : this.sectionTitle)), h("div", { key: 'f2eb13ddcd7810da368ea35e161addbef1af5ce4', slot: "subtitle" }, h("div", { key: '1b69dfbce6b7b7d94bbee4e325d8f65c2b34dcce' }, !!this.widgetSubtitle ? this.widgetSubtitle : this.sectionSubtitle)), h("div", { key: '6a8f526bcbb0a659e028155ce08aec2538e4fff2', slot: "action" }, h("salla-button", { key: '5cf31da452a173a487c4ea9dbd1356fd10d3b800', color: "primary", fill: "outline", width: "wide", class: "s-gifting-widget-action", onClick: () => this.handleGiftButtonClick() }, h("slot", { key: '4aef407fd0a79b0172f0803a7134bd366ac6b034', name: "widget-btn-content" }, h("div", { key: '333273064da0b5071a7a7433ec7626ef00bd9e1e', class: "s-gifting-widget-action-content" }, h("span", { key: '913d82d641ed54218f20a76acefca855d1324427', innerHTML: SIGiftSharing }), " \u00A0", h("span", { key: 'acc39208f212714bef2c56bd9b5e5c482e3a7122' }, this.sectionBtnText)))))), h("salla-modal", { key: '9bceb2e1a4bb4c9880b220d679a0e295ba1ae732', id: this.hostId, isLoading: true, class: "s-gifting-modal", width: "sm", ref: modal => this.modal = modal }, h("div", { key: '0ea0746b7c11c98c8a6d9535771afb3a4681c1c1', slot: "loading" }, h("div", { key: '5dcfb9acd127f3cf786b626a1be7e9f27ff7ac31', class: "s-gifting-skeleton" }, h("div", { key: 'd5205c53714ca60277a82abce7fb12f0a01dd38d', class: "s-gifting-modal-header" }, h("salla-skeleton", { key: 'fde7ede398b9edb638ade25677915747855584f2', type: 'circle', height: '5rem', width: '5rem' }), h("h2", { key: '61bb2c36958080e37f83b9bc27ce05db5abb3230', class: "s-gifting-modal-title" }, h("div", { key: '10125cb25732100787b118f34a4e323aa215185c', class: "s-gifting-modal-badge-wrapper" }, h("salla-skeleton", { key: '2ee525ae05fb6540bc0fdcaa846b14e4a476a297', height: '15px', width: '150px' })))), h("div", { key: '8e4544f3bd4a81c961259de27ebf255a998a5e4f', class: "s-gifting-skeleton-content" }, h("salla-skeleton", { key: '237f0961f0748aeef3c5b77819234b3215f794e2', height: '10px', width: '150px' }), h("salla-skeleton", { key: '19510cb426335b9733ef4a34dc7b8e5bffe0c23c', height: '230px' }), h("salla-skeleton", { key: '78defffee0c94e9323ede7e12660ae234d84d019', height: '10px', width: '150px' }), h("salla-skeleton", { key: '21b800dff2bec3c1caea94115a37153e406eef11', height: '30px' }), h("salla-skeleton", { key: 'd8a08143339c184d05758d1497e22ad23cdac4f6', height: '40px' })))), h("slot", { key: '9ef7679d02250428236347b5bb4a080b04244a53', name: "header" }), !!this.hasError ?
+            h("div", { key: 'a2798e968c7311c99560db0710559f8f518031fa' }, h("salla-list-tile", { key: '5621984db45065e919fc647bf973b5fdb42e7c3f', class: this.generateClass() }, h("div", { key: '3fea9220af764f5675b17005169ec5398fb0a1d3', slot: "title" }, this.vertical ? h("span", { innerHTML: SIGiftSharing }) : '', h("h3", { key: '6984f88fa5675edfddbc67d87fa69ee26ee40b98' }, !!this.widgetTitle ? this.widgetTitle : this.sectionTitle)), h("div", { key: '64cb13fac30d6613af2c278593e45d59f2f8e791', slot: "subtitle" }, h("div", { key: '578f47b7cc8242bbf6872cc670c37beeb7197c0e' }, !!this.widgetSubtitle ? this.widgetSubtitle : this.sectionSubtitle)), h("div", { key: '54e56e74fcc1e3266395ad003369e47ea0b0c27b', slot: "action" }, h("salla-button", { key: '7687a680041c1e5b431eb56d94262fb2defe0664', color: "primary", fill: "outline", width: "wide", class: "s-gifting-widget-action", onClick: () => this.handleGiftButtonClick() }, h("slot", { key: '9e466071aa0bf882962931f029e32d567390d9f2', name: "widget-btn-content" }, h("div", { key: 'f5b8a796dc3b7bb4e1094a7741944673e1ec6477', class: "s-gifting-widget-action-content" }, h("span", { key: '037ea375a6904bf51d15c8d76f8b650031526a59', innerHTML: SIGiftSharing }), " \u00A0", h("span", { key: '490dceeaf5a7e0ec38dabd49182f74d4ea07d597' }, this.sectionBtnText)))))), h("salla-modal", { key: '2914d9a5a0ae7fe555a73f993553165e4fb91b02', id: this.hostId, isLoading: true, class: "s-gifting-modal", width: "sm", ref: modal => this.modal = modal }, h("div", { key: '6d70fa91062f55adb3d0a6371ccb8afc271e949e', slot: "loading" }, h("div", { key: '82a690b756eb1179c325416a33f66b9d726eb336', class: "s-gifting-skeleton" }, h("div", { key: '8cedf269ee0caf39cbd9f39ab80e7dd3d65b7fde', class: "s-gifting-modal-header" }, h("salla-skeleton", { key: '7cb2bfb3198c3096efa147348b2a6cdec21eb3d3', type: 'circle', height: '5rem', width: '5rem' }), h("h2", { key: '36cb724cfe2f39a7eb94b779a67520a3bff75389', class: "s-gifting-modal-title" }, h("div", { key: '2ef3bcb26f31cdc34725e9a87849a426bd9dfc72', class: "s-gifting-modal-badge-wrapper" }, h("salla-skeleton", { key: '66f4148f367bc687982a06975e41c6865a530e88', height: '15px', width: '150px' })))), h("div", { key: 'fda2fdc549cc6dfcb5f4cc9bfafe5dc686464e4c', class: "s-gifting-skeleton-content" }, h("salla-skeleton", { key: 'f0f64ab8b9d467c2cbe4707154a21bb952f45831', height: '10px', width: '150px' }), h("salla-skeleton", { key: '1b1950d9d333b4249aab267fdbb90ac380ac6175', height: '230px' }), h("salla-skeleton", { key: '3b3a2472851e63754804ceb68401bb56a9900061', height: '10px', width: '150px' }), h("salla-skeleton", { key: 'd3f9ace5c8b12061ac94d929d926e8458fb66411', height: '30px' }), h("salla-skeleton", { key: 'd0be03fc578e2559c0a5251875bac01519beb18f', height: '40px' })))), h("slot", { key: '86757c4d648dd818857aaee41c6df568724cbd1b', name: "header" }), !!this.hasError ?
                 h("salla-placeholder", { alignment: "center" }, h("span", { slot: "title" }, this.errorMessage || salla.lang.get('common.errors.empty_results')), h("span", { slot: "description" }, " "))
                 :
                     [
@@ -777,7 +777,7 @@ const SallaGifting$1 = /*@__PURE__*/ proxyCustomElement(class SallaGifting exten
                             h("div", { class: this.step2ItemClass(this.errors?.['receiver.city_id'] ? 's-form-group s-form-has-error' : 's-form-group') }, h("label", { class: "s-form-label", htmlFor: `${this.hostId}-city` }, this.receiverCityFieldLabel), h("salla-searchable-dropdown", { placeholder: this.selectCity, items: this.displayedCities, selectedItem: this.selectedCity, loading: this.loadingCities, searching: this.searchingCities, disabled: this.loadingCities || (this.isKSA && !this.selectedRegionId), required: true, inputId: `${this.hostId}-city`, searchQuery: this.citySearchQuery, clientSearch: !this.enableCityAjaxSearch, dropUp: true, keepParentScroll: true, onItemSelected: (e) => this.handleCitySelected(e.detail), onSearchInput: (e) => this.handleCitySearch(e.detail), onDropdownClosed: () => this.handleCityDropdownClosed() }), this.errors && this.errors['receiver.city_id'] ?
                                 h("span", { class: "s-gifting-error" }, this.errors['receiver.city_id']) : ''), this.isPhysical() &&
                             h("div", { class: this.step2ItemClass('s-gifting-info') }, h("span", { innerHTML: Alert }), h("span", null, this.selectCityInfo)), !this.isPhysical() && h("div", { class: this.step2ItemClass() }, h("label", { class: "s-gifting-schedule s-gifting-clickable", htmlFor: `schedule-${this.hostId}` }, h("input", { type: "checkbox", name: 'schedule', id: `schedule-${this.hostId}`, onChange: () => this.toggleCalendar(), class: "s-checkbox" }), h("span", { class: "s-form-label" }, " ", this.sendLater, " "))), h("div", { class: this.getCalendarClasses(), ref: (el) => this.calendarFormGroup = el }, h("label", { class: "s-form-label" }, this.selectSendDateAndTime), h("salla-datetime-picker", { value: this.deliveryDate, placeholder: this.selectSendDateAndTime, "enable-time": true, "date-format": "Y-m-d h:i K", onPicked: (event) => this.handleDateTimePicker(event) }), h("span", { class: "s-gifting-calendar-hint" }, this.canNotEditOrderAfterSelectDate)), h("div", { class: this.step2ItemClass('s-gifting-step-two-footer') }, !this.skipStep1() && h("a", { href: "#!", innerHTML: IconArrowLeft, onClick: (e) => this.goToStep1(e) }), h("salla-button", { onClick: () => this.submitForm(), color: "primary", width: 'wide' }, h("span", null, this.sendGift)))))
-                    ], h("slot", { key: 'e40029ee1e6fa463711fd088ba05c0edda5dd683', name: "footer" })))
+                    ], h("slot", { key: '052bb080776d8d874da570b643345b95a40cd985', name: "footer" })))
         ];
     }
     static get style() { return sallaGiftingCss; }

package/dist/components/salla-hook.js

@@ -17,7 +17,7 @@ const SallaHook$1 = /*@__PURE__*/ proxyCustomElement(class SallaHook extends HTM
         this.host.before(element);
     }
     render() {
-        return h(Host, { key: '499483c55f2e1122d80768cd43e47f8e127a62b4' });
+        return h(Host, { key: '7438711b185e3159e7a4792ef86f795c25d857a1' });
     }
     async componentDidLoad() {
         // Register this component for hooks system, already on it logic to run componentDidLoad trigger