@salla.sa/twilight-components 2.14.499 → 2.14.501

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

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

package/dist/esm/salla-booking-field_7.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-C_ccgsYC.js';
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-DW5RMC3M.js';
 import { S as SICalendar } from './calendar-BkmanTR_.js';
 import { A as ArrowDown } from './keyboard_arrow_down-DCZbpt2a.js';
 import { p as plusIcon, m as minusIcon } from './minus-DfeagqF1.js';
@@ -358,7 +358,7 @@ const SallaColorPicker = class {
         }
     }
     initColorPicker() {
-        this.pickerReady = import('./vanilla-picker-UVrpERET.js').then(function (n) { return n.v; }).then(mod => {
+        this.pickerReady = import('./vanilla-picker-DKozn4lm.js').then(function (n) { return n.v; }).then(mod => {
             const Picker = mod.default;
             const picker = new Picker({
                 parent: this.host,
@@ -378,7 +378,7 @@ const SallaColorPicker = class {
         });
     }
     render() {
-        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) })));
+        return (h(Host, { key: '516a09b2d219b7c12dd251c68e6e55a9a9f7624b', class: "s-color-picker-main" }, h("slot", { key: 'ce684e4b8a8a80710688e3f0c0e43271069fc920', name: "widget" }, h("div", { key: 'f95ff1d709d58e22a4a74ccc35f8db2e17be7e38', class: "s-color-picker-widget" }, h("div", { key: 'fd2347378990972269557593a7182f2bf4cd9f98', class: "s-color-picker-widget-canvas", ref: dv => (this.canvas = dv) }), h("span", { key: 'e22a7ed6738b5fcbc22453e5b091eeeb7720719a', innerHTML: ArrowDown }))), h("input", { key: 'b3f55c713a626808c6f36e4c1454abc26c97cb6e', class: "s-hidden", name: this.name, required: this.required, value: this.color, ref: color => (this.colorInput = color) })));
     }
     componentDidLoad() {
         if (this.canvas)
@@ -527,7 +527,7 @@ const SallaConditionalFields = class {
         });
     }
     render() {
-        return (h(Host, { key: '65ddceb3d0fc1eff329762b0c9d1784f223dc1ee' }, h("slot", { key: 'ee65b749c141f8288b288705ba7750676bb68408' })));
+        return (h(Host, { key: 'badbb24a38a68127a6880ab4dbe0b0ae4730b11d' }, h("slot", { key: 'a9bdc41d3ded750f0ac5b0e4b5dea3618e02286a' })));
     }
     get host() { return getElement(this); }
 };
@@ -739,7 +739,7 @@ const SallaDatetimePicker = class {
         }
     }
     render() {
-        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 }));
+        return h("div", { key: '10ac16506ca2b2b2a94227887a8d0b6593d7ac17', class: "s-datetime-picker" }, h("input", { key: 'fad4a5677edf21d9bd9a977392ebaf4ae2ad3b7b', type: "datetime", name: this.name, value: this.value, required: this.required, disabled: this.disabled, placeholder: this.placeholder, class: "s-datetime-picker-input", ref: (el) => this.dateInput = el }));
     }
     async componentDidLoad() {
         // Load flatpickr before initializing
@@ -818,13 +818,13 @@ const SallaFileUpload = class {
             return;
         try {
             const [FilePondModule, FilePondPluginFileValidateSize, FilePondPluginImageExifOrientation, FilePondPluginImagePreview, FilePondPluginImageEdit, FilePondPluginFileValidateType, FilePondPluginFilePoster] = await Promise.all([
-                import('./filepond-CJFgTJm9.js').then(function (n) { return n.f; }),
-                import('./filepond-plugin-file-validate-size-DEKIzgzx.js').then(function (n) { return n.f; }),
-                import('./filepond-plugin-image-exif-orientation-BicBedUH.js').then(function (n) { return n.f; }),
-                import('./filepond-plugin-image-preview-68UNym7e.js').then(function (n) { return n.f; }),
-                import('./filepond-plugin-image-edit-DV4s4m_8.js').then(function (n) { return n.f; }),
-                import('./filepond-plugin-file-validate-type--IuNAFuU.js').then(function (n) { return n.f; }),
-                import('./filepond-plugin-file-poster-2z52H04r.js').then(function (n) { return n.f; })
+                import('./filepond-DQgEXp69.js').then(function (n) { return n.f; }),
+                import('./filepond-plugin-file-validate-size-CwWpBym0.js').then(function (n) { return n.f; }),
+                import('./filepond-plugin-image-exif-orientation-DQROYLkj.js').then(function (n) { return n.f; }),
+                import('./filepond-plugin-image-preview-CZCR-9d7.js').then(function (n) { return n.f; }),
+                import('./filepond-plugin-image-edit-DY-5oWCU.js').then(function (n) { return n.f; }),
+                import('./filepond-plugin-file-validate-type-CovRSsjJ.js').then(function (n) { return n.f; }),
+                import('./filepond-plugin-file-poster-BE5-JUQb.js').then(function (n) { return n.f; })
             ]);
             this.FilePond = FilePondModule;
             // Register plugins
@@ -1118,11 +1118,11 @@ const SallaFileUpload = class {
         }
     }
     render() {
-        return (h(Host, { key: 'af77cb11bf5ae4a857e9a099ce6438fb29aa8736', class: {
+        return (h(Host, { key: '518fef1a108d79f9aeb9efdbce74e4e721a145dc', class: {
                 "s-file-upload": true,
                 "s-file-upload-profile-image": this.profileImage,
                 "s-file-upload-multiple": this.allowMultiple,
-            } }, 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 })));
+            } }, h("input", { key: '0c01117f1e59577833b106d5825a08dd2ca51bd0', 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: '69276b5e95c8bc35f42c3f1f307abea8c1761621', class: "s-hidden", name: 'hidden-' + this.name, required: this.required, value: this.value, ref: input => this.hiddenInput = input })));
     }
     async componentDidLoad() {
         await Salla.onReady();
@@ -1405,7 +1405,7 @@ const SallaQuantityInput = class {
         if (!inputAttributes['aria-label'] && !inputAttributes['aria-labelledby']) {
             inputAttributes['aria-label'] = salla.lang.getWithDefault('common.elements.quantity', 'Quantity');
         }
-        return (h(Host, { key: 'ada66e864b927a5a1ec496c528b0f35121cb0e3e', class: "s-quantity-input" }, h("div", { key: '55601a364982154960a0513b507bfd7e349eea3f', class: "s-quantity-input-container" }, h("button", { key: 'e4f652ee5aa01e9be701f375c1d6c67821624b1d', onClick: () => this.increase(), class: "s-quantity-input-increase-button s-quantity-input-button", type: "button", "aria-label": salla.lang.getWithDefault('common.elements.increase_quantity', 'Increase quantity') }, !this.hasIncrementSlot ? h("span", { innerHTML: plusIcon }) : '', h("slot", { key: '811f80ce4faa3ae783070ee18df09024dc157016', name: "increment-button" })), h("input", { key: '6f5db2fb1f02a7f3a80d9ac769608c0956942df1', class: "s-quantity-input-input", ...inputAttributes, ref: (el) => this.textInput = el, onInput: (event) => this.setValue(event.target.value), inputMode: "numeric", pattern: "[0-9]*", min: "1", readOnly: this.disableInput, value: this.quantity }), h("button", { key: '835ad4fc21b7926de520972fb0c550009b143c26', class: "s-quantity-input-decrease-button s-quantity-input-button", onClick: () => this.decrease(), type: "button", "aria-label": salla.lang.getWithDefault('common.elements.decrease_quantity', 'Decrease quantity') }, !this.hasDecrementSlot ? h("span", { innerHTML: minusIcon }) : '', h("slot", { key: 'c03fec4e1736df09bd555a04ded8941a50244eb2', name: "decrement-button" })))));
+        return (h(Host, { key: 'c797988f98c583df0064468e39f622d6e56e24e2', class: "s-quantity-input" }, h("div", { key: 'de47e2fda231074d7d7d0787dfda9cf5499f843e', class: "s-quantity-input-container" }, h("button", { key: '7c9e1918d5cbb682c1e64d59250fb9240966b8b0', onClick: () => this.increase(), class: "s-quantity-input-increase-button s-quantity-input-button", type: "button", "aria-label": salla.lang.getWithDefault('common.elements.increase_quantity', 'Increase quantity') }, !this.hasIncrementSlot ? h("span", { innerHTML: plusIcon }) : '', h("slot", { key: 'a3ee0a9ca52089113b5af350b167a37118a20893', name: "increment-button" })), h("input", { key: '6137f675da24a5ef3325ec333f66299319c21e16', class: "s-quantity-input-input", ...inputAttributes, ref: (el) => this.textInput = el, onInput: (event) => this.setValue(event.target.value), inputMode: "numeric", pattern: "[0-9]*", min: "1", readOnly: this.disableInput, value: this.quantity }), h("button", { key: '64d016e0fcb7339d0125c4d1f66862cb0331c296', class: "s-quantity-input-decrease-button s-quantity-input-button", onClick: () => this.decrease(), type: "button", "aria-label": salla.lang.getWithDefault('common.elements.decrease_quantity', 'Decrease quantity') }, !this.hasDecrementSlot ? h("span", { innerHTML: minusIcon }) : '', h("slot", { key: 'd7f3859f72897db514c77eb0119680e00574902c', name: "decrement-button" })))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -1425,7 +1425,7 @@ const SallaTelInput = class {
         if (this.TelInput)
             return;
         try {
-            const telInputModule = await import('./index-CZQUg3wR.js').then(function (n) { return n.i; });
+            const telInputModule = await import('./index-VUPjm0uj.js').then(function (n) { return n.i; });
             this.TelInput = telInputModule.default;
         }
         catch (error) {
@@ -1539,7 +1539,7 @@ const SallaTelInput = class {
         }
     }
     render() {
-        return (h(Host, { key: '17ba242a4a378ef83e44cdf0114c0f3e3b48adbc', class: "s-tel-input" }, h("input", { key: '6fce02afd1bde804aa7f29d0f25f2b37253db372', type: "tel", disabled: this.disabled, name: this.name, value: this.phone, onChange: (event) => this.handleCountryInput(event), ref: el => this.phoneInput = el, enterkeyhint: "next", autocomplete: "tel", class: "s-tel-input-control tel-input s-ltr" }), h("span", { key: '95d781eaa114bcc4f67a3104c434818c768bcd7c', class: "s-tel-input-error-msg", ref: el => this.errorMsg = el }), h("input", { key: 'f5aa842015af4b327ea9bde37bd919eba77918c7', type: "hidden", name: "country_code", value: this.countryCode, ref: el => this.countryCodeInput = el, class: "country_code" })));
+        return (h(Host, { key: '727fa47d71bd8fd98f76c66b3bafb2348a586303', class: "s-tel-input" }, h("input", { key: '19f5d3e2ff8902733e21f39038f716b18ae065ae', type: "tel", disabled: this.disabled, name: this.name, value: this.phone, onChange: (event) => this.handleCountryInput(event), ref: el => this.phoneInput = el, enterkeyhint: "next", autocomplete: "tel", class: "s-tel-input-control tel-input s-ltr" }), h("span", { key: 'ad6b735fa4d5574b8717f460171c13a56a031451', class: "s-tel-input-error-msg", ref: el => this.errorMsg = el }), h("input", { key: '07c8732dc276613fc5ed2928a2d47af51c49d942', type: "hidden", name: "country_code", value: this.countryCode, ref: el => this.countryCodeInput = el, class: "country_code" })));
     }
     componentDidLoad() {
         this.initTelInput();

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, c as createEvent, h as h$4, H as Host, a as getElement } from './index-C_ccgsYC.js';
+import { r as registerInstance, c as createEvent, h as h$4, H as Host, a as getElement } from './index-DW5RMC3M.js';
 import { L as Location } from './location-BO5AoBAP.js';
 import { S as Search } from './search-BscTeWDc.js';
 
@@ -7434,18 +7434,18 @@ const SallaSearchableDropdown = class {
     render() {
         const hasSelection = this.selectedItem != null;
         const listboxId = `${this.inputId}-listbox`;
-        return (h$4(Host, { key: '2186dbcef9e4926620a4756ce1cd6050a83ea390', class: "s-searchable-dropdown" }, h$4("div", { key: 'cb43fc429e50e64b56bd136254da1369bf407fed', class: { 's-searchable-dropdown': true, 's-searchable-dropdown--open': this.isOpen } }, this.label && (h$4("label", { key: '07369f279ec000a2ac158f2a4f8f3df79c64be45', class: "s-searchable-dropdown-label", htmlFor: this.inputId }, this.label, this.required && h$4("span", { key: '26859210300466d5ae3934e5d99ee6b3eb118a0d', class: "s-searchable-dropdown-required" }, " *"))), h$4("div", { key: '225d02066f038cfae7d94324b27a68f398a869a6', class: {
+        return (h$4(Host, { key: 'e95aedae8c83fe27ef5e94065bd34a0c105ab565', class: "s-searchable-dropdown" }, h$4("div", { key: '3bd95a9a3652934d7a0904b6813f372a517dc415', class: { 's-searchable-dropdown': true, 's-searchable-dropdown--open': this.isOpen } }, this.label && (h$4("label", { key: '85b95c812b9aa2c496b394a750c362d69c50546a', class: "s-searchable-dropdown-label", htmlFor: this.inputId }, this.label, this.required && h$4("span", { key: 'a863108db25faffd654d2a49832c9ab78c4d3124', class: "s-searchable-dropdown-required" }, " *"))), h$4("div", { key: 'fb3ce40726d9b5f0060d1279bd0a17339da978b1', class: {
                 's-searchable-dropdown-trigger': true,
                 's-searchable-dropdown-trigger--disabled': this.disabled || this.loading,
                 's-searchable-dropdown-trigger--open': this.isOpen,
-            }, role: "combobox", "aria-expanded": this.isOpen ? 'true' : 'false', "aria-haspopup": "listbox", "aria-controls": listboxId, "aria-disabled": this.disabled || this.loading ? 'true' : 'false', tabIndex: this.disabled || this.loading ? -1 : 0, onClick: this.handleTriggerClick, onKeyDown: this.handleTriggerKeyDown }, hasSelection ? (h$4("span", { class: "s-searchable-dropdown-trigger-text" }, this.getDisplayName(this.selectedItem))) : (h$4("span", { class: "s-searchable-dropdown-trigger-placeholder" }, this.placeholder)), h$4("i", { key: '5a8b9eae4425b704b9c3a23fc543ce191bd976fb', class: {
+            }, role: "combobox", "aria-expanded": this.isOpen ? 'true' : 'false', "aria-haspopup": "listbox", "aria-controls": listboxId, "aria-disabled": this.disabled || this.loading ? 'true' : 'false', tabIndex: this.disabled || this.loading ? -1 : 0, onClick: this.handleTriggerClick, onKeyDown: this.handleTriggerKeyDown }, hasSelection ? (h$4("span", { class: "s-searchable-dropdown-trigger-text" }, this.getDisplayName(this.selectedItem))) : (h$4("span", { class: "s-searchable-dropdown-trigger-placeholder" }, this.placeholder)), h$4("i", { key: '493e615e79b3483aca3bf2b40c45b8be38190788', class: {
                 'sicon-keyboard_arrow_down': true,
                 's-searchable-dropdown-trigger-icon': true,
                 's-searchable-dropdown-trigger-icon--open': this.isOpen,
-            }, "aria-hidden": "true" })), this.isOpen && (h$4("div", { key: 'adc8cbb28c042e8ea253e5449c946ba5e85874e9', class: {
+            }, "aria-hidden": "true" })), this.isOpen && (h$4("div", { key: 'db839d1fcc73c7bc68cd324ca2e8c91f42bb991c', class: {
                 's-searchable-dropdown-panel': true,
                 's-searchable-dropdown-panel--up': this.dropUp,
-            }, ref: (el) => (this.panelRef = el) }, this.searchable && (h$4("div", { key: 'ec8ec623a82eefb8d893b31e23384047b343475f', class: "s-searchable-dropdown-search-wrap" }, h$4("i", { key: 'ffeb5f7b1c9e456ca5145f76dfa80c46c3639f28', class: "sicon-search s-searchable-dropdown-search-icon", "aria-hidden": "true" }), h$4("input", { key: 'b9bc781fc7429735999b1e88f775fb8ddfb9c249', ref: (el) => (this.searchInputRef = el), id: this.inputId, type: "text", class: "s-searchable-dropdown-search-input", placeholder: this.placeholder, value: this.clientSearch ? this.clientSearchQuery : this.searchQuery, onInput: this.handleSearchInputChange, onKeyDown: this.handleSearchKeyDown, autocomplete: "off", "aria-autocomplete": "list", "aria-expanded": this.isOpen ? 'true' : 'false', "aria-controls": listboxId }))), h$4("div", { key: '5ac1e061dfccf92c437c5df02f02797b9e281eb9', id: listboxId, class: "s-searchable-dropdown-list s-scrollbar", role: "listbox" }, this.renderListContent()))))));
+            }, ref: (el) => (this.panelRef = el) }, this.searchable && (h$4("div", { key: 'd3b91389e90e87345672cd7ec630b555114372b2', class: "s-searchable-dropdown-search-wrap" }, h$4("i", { key: '67d56ff8ad837b683d12fb750ccee6412bd8de4c', class: "sicon-search s-searchable-dropdown-search-icon", "aria-hidden": "true" }), h$4("input", { key: 'f400a683b9b54ae8e448279ce19130cb346dcc5f', ref: (el) => (this.searchInputRef = el), id: this.inputId, type: "text", class: "s-searchable-dropdown-search-input", placeholder: this.placeholder, value: this.clientSearch ? this.clientSearchQuery : this.searchQuery, onInput: this.handleSearchInputChange, onKeyDown: this.handleSearchKeyDown, autocomplete: "off", "aria-autocomplete": "list", "aria-expanded": this.isOpen ? 'true' : 'false', "aria-controls": listboxId }))), h$4("div", { key: '75bd2f369824326cb1ef87c5f3dad2e80975f4d9', id: listboxId, class: "s-searchable-dropdown-list s-scrollbar", role: "listbox" }, this.renderListContent()))))));
     }
     renderListContent() {
         if (this.searching || this.loading) {