@salla.sa/twilight-components 2.14.470 → 2.14.472

package/dist/esm/salla-next-order-coupon.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h } from './index-Dckjjczv.js';
+import { r as registerInstance, h } from './index-CjnbnAFU.js';
 import { T as TagMoneyIcon } from './tag-money-CJUR4sUM.js';
 import { i as iconCopy } from './swap-stroke-DqDX5na4.js';
 

package/dist/esm/salla-notification-item.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h } from './index-Dckjjczv.js';
+import { r as registerInstance, h } from './index-CjnbnAFU.js';
 
 const sallaNotificationsCss = "";
 
@@ -10,7 +10,7 @@ const SallaNotificationItem = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return h("a", { key: 'd66908ce0dd914e309469279a1014ff734f6c0b2', href: this.notification.url, class: { "s-notifications-item": true, "s-notifications-item-shadow": true, "s-notifications-item-read": !this.notification.is_new } }, h("span", { key: '0d6f0ebb3400bcc91f2bbdf7e941e018662e8835', class: "s-notifications-item-icon" }, h("i", { key: 'd9965899d4699070681117423401d7488a16f066', class: { 's-notifications-item-icon sicon-bell-ring': true, 's-notifications-item-icon-new': this.notification.is_new } })), h("div", { key: '055a4e763f4a1ee02b52bd1d6935e57402acfa76', class: "s-notifications-item-content" }, h("div", { key: '646a9220ad2c1a9fae0b9384a84a60ad69d39c68', class: "s-notifications-item-content-leading" }, h("h4", { key: '9b9c4256f50cd376b01b836196a1f0fff89b6840' }, this.notification.title), h("p", { key: '4475ca9bee33fb9c64433320101345c7db7e28c6' }, this.notification.sub_title)), h("span", { key: 'd2c8301ad12ef86ba05fa805d9ecbea249a44ee1', class: "s-notifications-item-content-trailing" }, h("i", { key: '297c8695ee366dc336bf30dd59465806375825fc', class: "sicon-time s-notifications-item-content-trailing-icon" }), h("span", { key: 'beb9945695448ec9e6e25e9e856177a641a5a769' }, this.notification.date))));
+        return h("a", { key: '2573709498a577a39e568d38191ea531e56e5bca', href: this.notification.url, class: { "s-notifications-item": true, "s-notifications-item-shadow": true, "s-notifications-item-read": !this.notification.is_new } }, h("span", { key: '9cff10cd702cdc37002cb83b9b5d0e60431d86f1', class: "s-notifications-item-icon" }, h("i", { key: 'a7c40a60acf089b1bd8ea666edd52c6bc433790c', class: { 's-notifications-item-icon sicon-bell-ring': true, 's-notifications-item-icon-new': this.notification.is_new } })), h("div", { key: '00b34ed21d29b4949f0172e49eae3782f6f2688f', class: "s-notifications-item-content" }, h("div", { key: '7be372db8b087dbe961db3602911ea34878ab110', class: "s-notifications-item-content-leading" }, h("h4", { key: '18139289b2341d6af1f017b05a75f4302997da6f' }, this.notification.title), h("p", { key: '3090714cc101fbda9caa69f7eddba5626fda2e4a' }, this.notification.sub_title)), h("span", { key: 'b5027892afe18b49562735f757dfa731360b4e41', class: "s-notifications-item-content-trailing" }, h("i", { key: '32feaafc7bba48bc7da4a0d4aaac894580650671', class: "sicon-time s-notifications-item-content-trailing-icon" }), h("span", { key: '2187685dcd41610810f7d21be983dcd52caae555' }, this.notification.date))));
     }
 };
 SallaNotificationItem.style = sallaNotificationsCss;

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

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

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, a as getElement } from './index-Dckjjczv.js';
+import { r as registerInstance, h, a as getElement } from './index-CjnbnAFU.js';
 import { S as SpecialDiscountIcon } from './special-discount-Ctkfc4K-.js';
 import { S as SITag } from './tag-cgSL_BIo.js';
 import { S as SICart2 } from './cart2-D1s2kXqL.js';
@@ -204,7 +204,7 @@ const SallaOfferModal = class {
     //       '</div>';
     //   }
     render() {
-        return h("salla-modal", { key: 'c68955859f31495533b6bb1117e8be3a6c22ffce', "has-skeleton": true, "sub-title": this.offer_message, ref: modal => this.modal = modal, isLoading: true, class: `s-offer-modal-type-${this.offer_type ? this.offer_type : ''}` }, h("div", { key: 'd0c3cbc73474a14596eb2a4c35e10ddddc5ed34a', slot: 'loading' }, h("div", { key: '22ebc107df02d1474f648cbd50aecd9590f70fbf', class: "s-offer-modal-skeleton" }, h("div", { key: 'ed0661aca73a455a98f9971a5fc89e8793e8ac14', class: "s-offer-modal-skeleton-header" }, h("salla-skeleton", { key: 'bea3b9e7fe4654d7186d8f0f27388e784421379b', type: 'circle', height: '80px', width: '80px' }), h("salla-skeleton", { key: '9c377374ec1449341a45127a52dfc53fdb4425f0', height: '15px', width: '50%' }), h("salla-skeleton", { key: 'edcd738b120797e2b2a351390fc58a49fc386776', height: '10px', width: '30%' })), h("div", { key: 'fa7df3dc0b6a22fad433bfc678081f1e2ccdc057', class: "s-offer-modal-skeleton-items" }, [...Array(3)].map(() => h("div", { class: "s-offer-modal-skeleton-item" }, h("salla-skeleton", { height: '9rem' }), h("div", { class: "s-offer-modal-skeleton-item-title" }, h("salla-skeleton", { height: '15px', width: '100%' })), h("div", { class: "s-offer-modal-skeleton-item-subtitle" }, h("salla-skeleton", { height: '9px', width: '50%' }), h("div", { innerHTML: SICart2 }))))), h("div", { key: '6a4d8744bad91f54b4a87b929c81747295b00992', class: "s-offer-modal-skeleton-footer" }, h("salla-skeleton", { key: '4b15a6c159a681f0b030244c923e94bfa44af479', height: '15px', width: '50%' }), h("salla-skeleton", { key: '79323272fb8977650644dee28d7c7295ac77aacf', height: '15px', width: '30%' })))), !this.hasError && this.offer !== null
+        return h("salla-modal", { key: '5a42cc8c2d64477c128c2e4faaf839f78529618c', "has-skeleton": true, "sub-title": this.offer_message, ref: modal => this.modal = modal, isLoading: true, class: `s-offer-modal-type-${this.offer_type ? this.offer_type : ''}` }, h("div", { key: '45211a157eb1d98edaf25a427a5d6c907dcb858c', slot: 'loading' }, h("div", { key: '7ee0eccd2f6601932c97ec94ded16066163559b4', class: "s-offer-modal-skeleton" }, h("div", { key: '24c90fd89a9921e7a9f5d6d8c58395a0a03e82ce', class: "s-offer-modal-skeleton-header" }, h("salla-skeleton", { key: 'c1aaa7693e92682a34335ae2762e37eeca3dc3ad', type: 'circle', height: '80px', width: '80px' }), h("salla-skeleton", { key: 'd30ae6b6790b0e21dc863e515d8dcfb4bba73c9d', height: '15px', width: '50%' }), h("salla-skeleton", { key: 'f71a00bc5d80972422a82d898e7383c89e741db7', height: '10px', width: '30%' })), h("div", { key: 'eb0e0425cd69bb53522421b42aee9e57d527d604', class: "s-offer-modal-skeleton-items" }, [...Array(3)].map(() => h("div", { class: "s-offer-modal-skeleton-item" }, h("salla-skeleton", { height: '9rem' }), h("div", { class: "s-offer-modal-skeleton-item-title" }, h("salla-skeleton", { height: '15px', width: '100%' })), h("div", { class: "s-offer-modal-skeleton-item-subtitle" }, h("salla-skeleton", { height: '9px', width: '50%' }), h("div", { innerHTML: SICart2 }))))), h("div", { key: '166219b8dcf9310aaf59e87f3ccb46fbf22de119', class: "s-offer-modal-skeleton-footer" }, h("salla-skeleton", { key: 'f70230a11af92b21e0d3a19a29b12fe54bae845c', height: '15px', width: '50%' }), h("salla-skeleton", { key: 'c8a4f0908c2c1c1f6cfe7a2f9adfb7c37315b308', height: '15px', width: '30%' })))), !this.hasError && this.offer !== null
             ? [h("span", { slot: 'icon', class: "s-offer-modal-header-icon", innerHTML: SpecialDiscountIcon }), this.getOfferContent(), h("div", { class: "s-offer-modal-footer", slot: "footer" }, this.offer.formatted_date ?
                     h("p", { class: "s-offer-modal-expiry" }, salla.lang.get('pages.products.offer_expires_in'), " ", this.offer.formatted_date)
                     : '', h("label", { class: "s-offer-modal-remember-label" }, h("input", { type: "checkbox", onChange: e => this.rememberMe(e), class: "s-offer-modal-remember-input" }), "\u00A0 ", salla.lang.get('common.elements.remember_my_choice'))),

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, a as getElement } from './index-Dckjjczv.js';
+import { r as registerInstance, h, a as getElement } from './index-CjnbnAFU.js';
 
 var PageType;
 (function (PageType) {

package/dist/esm/salla-order-branch.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host } from './index-Dckjjczv.js';
+import { r as registerInstance, h, H as Host } from './index-CjnbnAFU.js';
 
 function parseMaybeJson(value, fallback) {
     if (typeof value !== 'string') {

package/dist/esm/salla-order-details-multiple-bundle-product.entry.js

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

package/dist/esm/salla-order-details-options.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host } from './index-Dckjjczv.js';
+import { r as registerInstance, h, H as Host } from './index-CjnbnAFU.js';
 
 var copyIcon = `<!-- Generated by IcoMoon.io -->
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">

package/dist/esm/salla-order-details.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, F as Fragment, H as Host } from './index-Dckjjczv.js';
+import { r as registerInstance, h, F as Fragment, H as Host } from './index-CjnbnAFU.js';
 
 const sallaOrderDetailsCss = "";
 
@@ -37,7 +37,7 @@ const SallaOrderDetails = class {
         ];
     }
     render() {
-        return h(Host, { key: '9c662f4c829a24386a4fa83f83f261996c72086f', class: "s-order-details-wrapper" }, this.renderOrderDetailsContent());
+        return h(Host, { key: 'cdd154032a0319721ef92d3912ca5323fe230b8a', class: "s-order-details-wrapper" }, this.renderOrderDetailsContent());
     }
     static get watchers() { return {
         "orderDetails": ["parseOrderDetailsData"]

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-Dckjjczv.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-CjnbnAFU.js';
 import { a as getOrderEditProductMaxQuantity } from './helpers-DR_vlSvU.js';
 import './interfaces-CoQJOPRz.js';
 

package/dist/esm/salla-order-edit-product-card.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-Dckjjczv.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-CjnbnAFU.js';
 
 const sallaOrderEditProductCardCss = ":host{display:block;min-width:0}";
 
@@ -31,7 +31,7 @@ const SallaOrderEditProductCard = class {
         const product = this.productData;
         const productName = product?.name || salla.lang.getWithDefault('common.elements.product', 'منتج');
         const price = product?.price;
-        return (h(Host, { key: '922736be2f3fec4f6c41c724590d2790fb5a5940' }, h("button", { key: 'b690f3dbd307937d4b68790f417a7d9a820b56f1', type: "button", class: "s-order-edit-product-card", onClick: () => this.handleSelectProduct() }, h("div", { key: 'f846d7e31c7c3d067909d65db3457ac061c93264', class: "s-order-edit-product-card-media" }, product?.image?.url ? (h("img", { src: product.image.url, alt: product.image.alt || productName, class: "s-order-edit-product-card-image" })) : (h("div", { class: "s-order-edit-product-card-placeholder" }, h("i", { class: "sicon-shopping-bag" })))), h("div", { key: 'b1243ae5df15e3e783b139dcf593f85b72624015', class: "s-order-edit-product-card-content" }, h("h3", { key: '50c7b8edb40dd88fcb1ac4267b1ba88c5b2b92b2', class: "s-order-edit-product-card-title" }, productName), price != null && (h("p", { key: '6dea7fefab83a9839146acfb89e7a532adaa6559', class: "s-order-edit-product-card-price", innerHTML: salla.money(price) }))))));
+        return (h(Host, { key: 'f5a665dd52e9a3280a81bcf6f6e2f286a11cd417' }, h("button", { key: '9a0a846f40962ace66cc20d74cafd768ecf013fe', type: "button", class: "s-order-edit-product-card", onClick: () => this.handleSelectProduct() }, h("div", { key: '28113406f30fccdf5d49ac688e7e55fef27789e8', class: "s-order-edit-product-card-media" }, product?.image?.url ? (h("img", { src: product.image.url, alt: product.image.alt || productName, class: "s-order-edit-product-card-image" })) : (h("div", { class: "s-order-edit-product-card-placeholder" }, h("i", { class: "sicon-shopping-bag" })))), h("div", { key: '9210d60532997f80fa165154768483eebbea01f3', class: "s-order-edit-product-card-content" }, h("h3", { key: 'a91e3b58e83a982ad9b2e855a88fbc7982faace9', class: "s-order-edit-product-card-title" }, productName), price != null && (h("p", { key: '7abfe3edb776da102b513803913a4ac69199aa2a', class: "s-order-edit-product-card-price", innerHTML: salla.money(price) }))))));
     }
 };
 SallaOrderEditProductCard.style = sallaOrderEditProductCardCss;

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host } from './index-Dckjjczv.js';
+import { r as registerInstance, h, H as Host } from './index-CjnbnAFU.js';
 import { g as getOrderItemSelectedOptions, a as getOrderEditProductMaxQuantity, c as clampOrderEditQuantity, u as updateOrderItems, r as removeOrderItems, m as mergePayloadItems, b as cloneOrderEditProduct, f as findMergeableItem, d as updateAddedPayloadList, e as upsertPayloadUpdateList, h as createAddedOrderItem, i as buildSavePayload } from './helpers-DR_vlSvU.js';
 import './interfaces-CoQJOPRz.js';
 

package/dist/esm/{salla-product-card_2.entry.js → salla-order-options-modal_3.entry.js}

@@ -1,11 +1,213 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host, a as getElement } from './index-Dckjjczv.js';
+import { r as registerInstance, h, a as getElement, H as Host } from './index-CjnbnAFU.js';
 import { S as Star } from './star2-D4oPi1Ov.js';
 import { H as Helper } from './Helper-BXj4f_Qj.js';
 import './anime.es-CgtvEd63.js';
 
+const sallaOrderOptionsModalCss = ".s-order-options-modal-host .s-modal-header-inner,.s-order-options-modal-host .s-modal-header-content,.s-order-options-modal-host .s-modal-title{text-align:start !important}.s-order-options-modal-apple-pay{display:block;width:100%;--apple-pay-button-width:100%;--apple-pay-button-height:44px;--apple-pay-button-border-radius:0.75rem}.s-order-options-modal-apple-pay-wrap{display:flex;flex-direction:column;gap:0.75rem;width:100%}.s-order-options-modal-apple-pay-total{display:flex;align-items:center;justify-content:space-between;gap:0.5rem}.s-order-options-modal-apple-pay-label,.s-order-options-modal-apple-pay-amount{font-size:1.125rem;line-height:1.5rem;font-weight:700;color:#111827}";
+
+const SallaOrderOptionsModal = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.resolveFn = null;
+        this.rejectFn = null;
+        this.optionsRefs = new Map();
+        this.changeHandler = null;
+        /** Sync hook for callers that need to act under the submit user gesture (Apple Pay). */
+        this.submitCallback = null;
+        this.orderOptions = [];
+        this.basePrice = 0;
+        this.liveTotal = 0;
+        this.isSubmitting = false;
+        /** Bumped each open() so the inner <salla-product-options> remounts. */
+        this.sessionId = 0;
+        this.paymentMode = 'default';
+        this.title = '';
+        this.subtitle = '';
+        this.submitLabel = '';
+        this.totalLabel = '';
+        this.requiredMessage = '';
+        this.handleClose = () => {
+            if (this.isSubmitting)
+                return;
+            this.rejectFn?.({ reason: 'dismissed' });
+            this.resolveFn = null;
+            this.rejectFn = null;
+            this.detachChangeListener();
+            this.reset();
+        };
+        salla.lang.onLoaded(() => this.loadTranslations());
+    }
+    componentWillLoad() {
+        this.loadTranslations();
+    }
+    loadTranslations() {
+        this.title = salla.lang.get('blocks.order_options.title');
+        this.subtitle = salla.lang.get('blocks.order_options.subtitle');
+        this.submitLabel = salla.lang.get('blocks.order_options.continue');
+        this.totalLabel = salla.lang.get('blocks.order_options.total');
+        this.requiredMessage = salla.lang.get('blocks.order_options.required_message');
+    }
+    /**
+     * Open the modal. Resolves with selections on submit; rejects on dismiss.
+     * `onSubmit` fires sync in the submit click (for Apple Pay user-gesture).
+     * `paymentMode: 'apple-pay'` swaps the footer button for <apple-pay-button>.
+     */
+    async open(payload) {
+        // Normalize here, not in the shared salla-product-options: text/number order options ship no
+        // `details`, which product-options dereferences unguarded.
+        this.orderOptions = (Array.isArray(payload.orderOptions) ? payload.orderOptions : [])
+            .map((o) => ({ ...o, details: o.details ?? [] }));
+        this.basePrice = Number(payload.basePrice) || 0;
+        this.liveTotal = this.basePrice + this.seedOptionsPrice(this.orderOptions);
+        this.isSubmitting = false;
+        this.sessionId++;
+        this.optionsRefs.clear();
+        this.submitCallback = payload.onSubmit ?? null;
+        this.paymentMode = payload.paymentMode ?? 'default';
+        await this.modal?.open();
+        this.attachChangeListener();
+        return new Promise((resolve, reject) => {
+            this.resolveFn = resolve;
+            this.rejectFn = reject;
+        });
+    }
+    async close() {
+        await this.modal?.close();
+    }
+    /** Sync walk of inputs — avoids `await` through the @Method that would consume the AP user gesture. */
+    collectOrderOptionsSync() {
+        const result = [];
+        for (const [, el] of this.optionsRefs) {
+            if (!el)
+                continue;
+            const inputs = el.querySelectorAll('[name^="options["],[name*="[options]["]');
+            inputs.forEach((input) => {
+                if (input instanceof HTMLInputElement && (input.type === 'radio' || input.type === 'checkbox') && !input.checked) {
+                    return;
+                }
+                const match = input.name.match(/(?:^|\[)options\]?\[(\d+)\]/);
+                if (!match)
+                    return;
+                const raw = input.value;
+                if (raw === '' || raw === null || raw === undefined)
+                    return;
+                const numeric = Number(raw);
+                result.push({
+                    id: Number(match[1]),
+                    value: Number.isFinite(numeric) && raw === String(numeric) ? numeric : raw,
+                });
+            });
+        }
+        return result;
+    }
+    /** Sync native validity — keeps the AP user gesture intact. */
+    validateSync() {
+        let pass = true;
+        for (const [, el] of this.optionsRefs) {
+            if (!el)
+                continue;
+            const requiredInputs = el.querySelectorAll('[required]');
+            requiredInputs.forEach((input) => {
+                // Mirror salla-product-options.reportValidity(): skip hidden/disabled inputs so a
+                // required field in a `.hidden` conditional container can't silently block submit.
+                if (input.disabled || input.closest('.hidden'))
+                    return;
+                if ('reportValidity' in input && !input.reportValidity())
+                    pass = false;
+            });
+        }
+        return pass;
+    }
+    /** Sum the additional_price of any pre-selected details. */
+    seedOptionsPrice(orderOptions) {
+        let sum = 0;
+        orderOptions.forEach((opt) => {
+            (opt.details || []).forEach((d) => {
+                if (d.is_selected)
+                    sum += Number(d.additional_price) || 0;
+            });
+        });
+        return sum;
+    }
+    /** salla.event.on is global — attach per open, detach on close to avoid stacking. */
+    attachChangeListener() {
+        this.detachChangeListener();
+        this.changeHandler = () => this.recomputeTotal();
+        salla.event.on('product-options::change', this.changeHandler);
+    }
+    detachChangeListener() {
+        if (!this.changeHandler)
+            return;
+        salla.event.off('product-options::change', this.changeHandler);
+        this.changeHandler = null;
+    }
+    async recomputeTotal() {
+        let selectedPrice = 0;
+        for (const [, el] of this.optionsRefs) {
+            if (!el)
+                continue;
+            const selected = typeof el.getSelectedOptions === 'function'
+                ? await el.getSelectedOptions()
+                : [];
+            (selected || []).forEach((s) => {
+                selectedPrice += Number(s.additional_price) || 0;
+            });
+        }
+        this.liveTotal = this.basePrice + selectedPrice;
+    }
+    handleSubmit() {
+        if (this.isSubmitting)
+            return;
+        if (!this.validateSync()) {
+            salla.notify?.error?.(this.requiredMessage);
+            return;
+        }
+        this.isSubmitting = true;
+        const orderOptions = this.collectOrderOptionsSync();
+        const total = Math.round(this.liveTotal * 100) / 100;
+        // Fire onSubmit BEFORE any await — Apple Pay needs the user gesture.
+        try {
+            this.submitCallback?.(orderOptions, total);
+        }
+        catch (err) {
+            salla?.logger?.warn?.('order-options modal onSubmit threw', err);
+        }
+        this.resolveFn?.({ orderOptions });
+        this.resolveFn = null;
+        this.rejectFn = null;
+        this.submitCallback = null;
+        this.detachChangeListener();
+        this.modal?.close().then(() => this.reset());
+        this.isSubmitting = false;
+    }
+    /** Clear options on close so the inner <salla-product-options> unmounts. */
+    reset() {
+        this.orderOptions = [];
+        this.optionsRefs.clear();
+        this.liveTotal = 0;
+    }
+    render() {
+        // salla.money returns HTML (sicon-sar icon) → render via innerHTML. Round
+        // first so floating-point sum doesn't show as 1174.3799999999999.
+        const totalHtml = salla.money(Math.round(this.liveTotal * 100) / 100);
+        return (h("salla-modal", { key: 'a7b7c31da2f5fd9f5f3ee601052f84e512368cee', ref: el => (this.modal = el), class: "s-order-options-modal-host", width: "md", "modal-title": this.title, onModalVisibilityChanged: (e) => {
+                if (!e.detail)
+                    this.handleClose();
+            } }, h("div", { key: '9a44c4dcec6f0e49a65217b1e1e2cd19ccc80c76', class: "s-order-options-modal-body" }, h("p", { key: '66c41a32e2130db4dc1aa402a31cfd6d519544b3', class: "s-order-options-modal-subtitle" }, this.subtitle), h("div", { key: 'fffe868427973b6426b8a2f8f33f48c017dfb7fb', class: "s-order-options-modal-fields" }, this.orderOptions.length > 0 && (h("salla-product-options", { key: this.sessionId, ref: el => {
+                if (!el)
+                    return;
+                this.optionsRefs.set('order-options', el);
+                // Without seeding, first multi-select toggle wipes pre-selected defaults.
+                el.seedSelectedOptions?.();
+            }, "product-id": `order-options-${this.orderOptions[0]?.id}`, "unique-key": "order-options", options: JSON.stringify(this.orderOptions), "hide-out-label": "1", "no-padding": true })))), h("div", { key: '36f3a18380f05a8420d4bc32fa643bf596ac16fb', slot: "footer", class: "s-order-options-modal-footer" }, this.paymentMode === 'apple-pay' ? (h("div", { class: "s-order-options-modal-apple-pay-wrap" }, h("div", { class: "s-order-options-modal-apple-pay-total" }, h("span", { class: "s-order-options-modal-apple-pay-label" }, this.totalLabel), h("span", { class: "s-order-options-modal-apple-pay-amount", innerHTML: totalHtml })), h("apple-pay-button", { locale: salla?.config?.get?.('user.language_code') || 'ar', buttonstyle: "black", type: "buy", class: "s-order-options-modal-apple-pay", onClick: () => this.handleSubmit() }))) : (h("salla-button", { type: "button", color: "primary", fill: "solid", width: "wide", loading: this.isSubmitting, onClick: () => this.handleSubmit() }, h("span", { class: "s-order-options-modal-cta-content" }, h("span", { class: "s-order-options-modal-cta-text" }, this.submitLabel), h("span", { class: "s-order-options-modal-cta-total", innerHTML: totalHtml })))))));
+    }
+    get host() { return getElement(this); }
+};
+SallaOrderOptionsModal.style = sallaOrderOptionsModalCss;
+
 var Heart = `<!-- Generated by IcoMoon.io -->
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
 <title>heart</title>
@@ -114,14 +316,14 @@ const SallaProductCard = class {
             's-product-card-out-of-stock': this.productData?.is_out_of_stock,
         };
         const hrefProp = this.productData?.url ? { href: this.productData.url, title: `Learn more about ${this.productData?.name}` } : {};
-        return (h(Host, { key: '789fbb35499a12f08dab69a6be3559eebea03381', id: `product-${this.productData?.id}`, class: classes }, h("div", { key: '9cb05484a39b108348e3b2070d63c503681ef417', class: !this.fullImage ? 's-product-card-image' : 's-product-card-image-full' }, h("a", { key: '1805be53cb3a3cf1068752121b846178d6b9340f', ...hrefProp }, h("img", { key: 'bf9183ed961e8fe5207548ce1e8146064b69675d', class: `s-product-card-image-${salla.url.is_placeholder(this.productData?.image?.url)
+        return (h(Host, { key: '0f4b4f64ee342da10905dee73db8a2b4bebdfc9e', id: `product-${this.productData?.id}`, class: classes }, h("div", { key: 'ed5cfb208c6241ca6ccd2c8f2205f76d1f81ca2a', class: !this.fullImage ? 's-product-card-image' : 's-product-card-image-full' }, h("a", { key: '865376db3deadd97c23480e9226a50abe9371284', ...hrefProp }, h("img", { key: 'ad314a97956853e26b3a3c4ecb9f1d427bf748fb', class: `s-product-card-image-${salla.url.is_placeholder(this.productData?.image?.url)
                 ? 'contain'
                 : this.fitImageHeight
                     ? this.fitImageHeight
-                    : 'cover'} lazy`, src: this.placeholder, alt: this.productData?.image?.alt || this.productData?.name, "data-src": this.productData?.image?.url || this.productData?.thumbnail }), !this.fullImage && !this.minimal ? this.getProductBadge() : ''), this.fullImage && h("a", { key: '567e6766ff7516ff409d9f86dc3cba7a51508d57', ...hrefProp, class: "s-product-card-overlay" }), !this.horizontal && !this.fullImage ?
-            h("salla-button", { shape: "icon", fill: "none", color: "light", loading: false, "aria-label": "Add or remove to wishlist", ref: el => this.wishlistBtn = el, class: "s-product-card-wishlist-btn animated", onClick: () => this.handleWishlistClick() }, h("span", { innerHTML: Heart })) : ''), h("div", { key: 'b36b0e6bdb8af5b1cf38d416b9f64038fa1f17ae', class: "s-product-card-content" }, this.isSpecial && this.productData?.quantity ?
+                    : 'cover'} lazy`, src: this.placeholder, alt: this.productData?.image?.alt || this.productData?.name, "data-src": this.productData?.image?.url || this.productData?.thumbnail }), !this.fullImage && !this.minimal ? this.getProductBadge() : ''), this.fullImage && h("a", { key: 'eef3edab8f4cc75c385928dcdbd9d29c318b68cc', ...hrefProp, class: "s-product-card-overlay" }), !this.horizontal && !this.fullImage ?
+            h("salla-button", { shape: "icon", fill: "none", color: "light", loading: false, "aria-label": "Add or remove to wishlist", ref: el => this.wishlistBtn = el, class: "s-product-card-wishlist-btn animated", onClick: () => this.handleWishlistClick() }, h("span", { innerHTML: Heart })) : ''), h("div", { key: '208f74738cd81bb68ec63f4fdadedbd9b19e6dad', class: "s-product-card-content" }, this.isSpecial && this.productData?.quantity ?
             h("div", { class: "s-product-card-content-pie", ref: pie => this.pie = pie }, h("span", null, h("b", null, salla.helpers.number(this.productData?.quantity)), this.remained), h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "-2 -1 36 34", class: "s-product-card-content-pie-svg" }, h("circle", { cx: "16", cy: "16", r: "15.9155", class: "s-product-card-content-pie-svg-base" }), h("circle", { cx: "16", cy: "16", r: "15.9155", class: "s-product-card-content-pie-svg-bar" })))
-            : '', h("div", { key: '93258adb3ca7ff5d3a89a118c7642b8b1264e045', class: { 's-product-card-content-main': true, 's-product-card-content-extra-padding': this.isSpecial } }, h("h3", { key: 'fdf1c66e6533f3b092ad66e66875cbb2e213e6ad', class: "s-product-card-content-title" }, h("a", { key: 'cd3476f564e8ed4050b909c33926a5d44bf8fb5a', ...hrefProp }, this.productData?.name)), this.productData?.subtitle && !this.minimal ?
+            : '', h("div", { key: '6b00056661ebe29db89377f858bfefda80ed365f', class: { 's-product-card-content-main': true, 's-product-card-content-extra-padding': this.isSpecial } }, h("h3", { key: 'a1a7a2d363a009c3254df7728e80f958be76a012', class: "s-product-card-content-title" }, h("a", { key: 'c3c8a4b862cf6a0b78bafb6f30bd5a04d437257d', ...hrefProp }, this.productData?.name)), this.productData?.subtitle && !this.minimal ?
             h("p", { class: "s-product-card-content-subtitle" }, this.productData?.subtitle)
             : ''), this.productData?.donation && !this.minimal && !this.fullImage ?
             [h("salla-progress-bar", { donation: this.productData?.donation }), h("div", { class: "s-product-card-donation-input" }, this.productData?.donation?.can_donate ?
@@ -130,7 +332,7 @@ const SallaProductCard = class {
                                 this.addBtn.donatingAmount = e.target.value;
                             }, id: "donation-amount", name: "donating_amount", class: "s-form-control", placeholder: this.donationAmount })]
                     : '')]
-            : '', h("div", { key: 'b32c488819742ae8dd56147f4285424d381a3df4', class: { 's-product-card-content-sub': true, 's-product-card-content-extra-padding': this.isSpecial } }, this.getProductPrice(), this.productData?.rating?.stars && !this.minimal ?
+            : '', h("div", { key: '2ab7701aac64f90667627f0a0b3bfc031e30d835', class: { 's-product-card-content-sub': true, 's-product-card-content-extra-padding': this.isSpecial } }, this.getProductPrice(), this.productData?.rating?.stars && !this.minimal ?
             h("div", { class: "s-product-card-rating" }, h("span", { innerHTML: Star }), h("span", null, this.productData.rating.stars))
             : ''), this.isSpecial && this.productData.discount_ends
             ? h("salla-count-down", { date: this.formatDate(this.productData.discount_ends), "end-of-day": true, boxed: true, labeled: true })
@@ -267,4 +469,4 @@ const SallaProductsSlider = class {
 };
 SallaProductsSlider.style = sallaProductsSliderCss;
 
-export { SallaProductCard as salla_product_card, SallaProductsSlider as salla_products_slider };
+export { SallaOrderOptionsModal as salla_order_options_modal, SallaProductCard as salla_product_card, SallaProductsSlider as salla_products_slider };

package/dist/esm/salla-order-summary.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h } from './index-Dckjjczv.js';
+import { r as registerInstance, h } from './index-CjnbnAFU.js';
 import { i as iconCopy } from './swap-stroke-DqDX5na4.js';
 import { S as SICheck } from './check-BZp0rKEO.js';
 
@@ -84,7 +84,7 @@ const SallaOrderSummary = class {
         this.copyCodeButtonTimeout && clearTimeout(this.copyCodeButtonTimeout);
     }
     render() {
-        return (h("ul", { key: 'e26e13231b72707a39a6fd83561247bea05aa490', class: "s-order-summary-wrapper" }, this.noItemFound ? h("salla-placeholder", { alignment: "center" }, h("span", { slot: "title" })) :
+        return (h("ul", { key: 'c95c9ab867fda65d1db9e61addec2e5f8e5135a6', class: "s-order-summary-wrapper" }, this.noItemFound ? h("salla-placeholder", { alignment: "center" }, h("span", { slot: "title" })) :
             this.order_items.map((item) => (this.isDigitalCard(item) ? (h("li", { key: item.product.id, class: "s-order-summary-item" }, h("h2", { class: "s-order-summary-item-title" }, this.codes_text, " (", item.name, ")"), item.codes.map((code) => (h("div", { key: code.code, class: "s-order-summary-code-item-wrapper" }, h("p", null, h("span", { innerHTML: iconCreditCard }), h("span", null, code.code)), h("salla-button", { class: `s-order-summary-item-copy-button ${this.codeCopied === code.code ? 'copied' : ''}`, onClick: () => this.copyToClipboardHandler(code.code), shape: "link" }, h("span", { innerHTML: this.codeCopied === code.code ? SICheck : iconCopy }), h("span", null, this.copy_text))))))) :
                 this.isDigitalProduct(item) ? (h("li", { key: item.product.id, class: "s-order-summary-item" }, h("h2", { class: "s-order-summary-item-title" }, this.files_text, " (", item.name, ")"), h("ul", null, item.files.map((file) => (h("li", { class: "s-order-summary-digital-item-wrapper" }, h("div", null, h("span", { innerHTML: iconFileArchive }), h("span", null, file.name)), h("a", { href: file.url, target: "_blank", class: "s-order-summary-item-download" }, h("span", { innerHTML: iconDownload }), h("span", null, this.download_text)))))))) : null))));
     }

package/dist/esm/salla-order-totals-card.entry.js

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

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

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

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host, a as getElement } from './index-Dckjjczv.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-CjnbnAFU.js';
 
 const sallaPaymentsCss = ":host{display:block}";
 
@@ -34,12 +34,12 @@ const SallaPayments = class {
     render() {
         const madeInKSA = !this.exclude.includes('made-in-ksa') && salla.config.get('store.settings.made_in_ksa');
         const sbcId = this.exclude.includes('sbc') ? null : salla.config.get('store.settings.certificate.id');
-        return (h(Host, { key: '2d3a652f9eb7fc3a07d79be1aa4ac08df349e4bc', class: "s-payments-list-wrap" }, h("ul", { key: '62ed1989e85b2b89bd1f1ad370806dc1c8f67454', class: "s-payments-list" }, madeInKSA && h("li", { key: 'a77bdb50ba28249d0b587e3aba0beb392cb1db59', class: "s-payments-list-item" }, h("img", { key: '3aa60ab4ee98cf8efe3e3a17f2c2363038b76b24', width: 58, height: 58, decoding: "async", loading: "lazy", src: salla.url.cdn(`images/made-in-ksa.svg`, 58, 58), alt: "made in KSA certified" })), this.payments.map((payment) => (payment == "cod" ?
+        return (h(Host, { key: 'dcf34aa7bf20914e9413c39c5429b66067a29ec5', class: "s-payments-list-wrap" }, h("ul", { key: '523fef26ce20eedcdbf2701f64f0be3ee04dc62a', class: "s-payments-list" }, madeInKSA && h("li", { key: 'feb443128cf1820f22b076acd10681e5a3b401c8', class: "s-payments-list-item" }, h("img", { key: 'c82b844706cd47ee4633ea896352611defe21685', width: 58, height: 58, decoding: "async", loading: "lazy", src: salla.url.cdn(`images/made-in-ksa.svg`, 58, 58), alt: "made in KSA certified" })), this.payments.map((payment) => (payment == "cod" ?
             h("div", { id: "cod-slot", innerHTML: this.codSlot
                     .replace(/\{image\}/g, salla.url.cdn(`images/payment/cod_mini.png`, 58, 58)) }) :
             h("div", { id: "payment-slot", innerHTML: this.paymentSlot
                     .replace(/\{image\}/g, salla.url.cdn(`images/payment/${payment}_mini.png`, 58, 58))
-                    .replace(/\{payment\}/g, payment) }))), sbcId && h("div", { key: 'c1d56e4217afdb48f955a5133156a1708c91da52', id: "sbc-slot", innerHTML: this.sbcSlot
+                    .replace(/\{payment\}/g, payment) }))), sbcId && h("div", { key: 'c439bed0cf4cf57c206a44008b4daaaa28559e2f', id: "sbc-slot", innerHTML: this.sbcSlot
                 .replace(/\{image\}/g, salla.url.cdn(`images/sbc.png`, 58, 58))
                 .replace(/\{link\}/g, `https://eauthenticate.saudibusiness.gov.sa/certificate-details/${sbcId}`) }))));
     }

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host } from './index-Dckjjczv.js';
+import { r as registerInstance, h, H as Host } from './index-CjnbnAFU.js';
 
 var Inbox = `<!-- Generated by IcoMoon.io -->
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
@@ -41,7 +41,7 @@ const SallaPlaceholder = class {
         };
     }
     render() {
-        return (h(Host, { key: 'ccc65b60efc14d78b46b838f089cf09ed849d136', class: this.alignmentClass() }, h("div", { key: 'b174990bfedc2e979ca0484552015abc112795d1', class: `s-placeholder-icon s-placeholder-icon-${this.iconSize}`, innerHTML: this.icon }), h("div", { key: '51ec34810a25ae77f797754419c6dc5f0afcfbaa', class: "s-placeholder-title" }, h("slot", { key: '3e0c9987b7477e8145436098f024dde49bd76162', name: 'title' }, h("span", { key: '618dfc6b328f2f5c82a16357ecf403b740e67778' }, salla.lang.get('common.elements.no_options')))), h("div", { key: '005e68bcb52eca86ea3368ce750e1b7f9cfda50e', class: "s-placeholder-description" }, h("slot", { key: '5e2b860c11a35e93658c153ea2eb2efb9683900b', name: 'description' }, h("span", { key: '903012cd214bb068e591ca9280f4c95762672e9c' }, salla.lang.get('common.errors.empty_results'))))));
+        return (h(Host, { key: 'f2fb77ca80d28fcc5f5505f4588bef72a4a26690', class: this.alignmentClass() }, h("div", { key: 'b2a1b41baf2a78087fd1f41f2f7244a36eb20846', class: `s-placeholder-icon s-placeholder-icon-${this.iconSize}`, innerHTML: this.icon }), h("div", { key: '65d106c0700890b7033ffb17ad7497db11cbdc65', class: "s-placeholder-title" }, h("slot", { key: 'aaa421d74b1c1c7e506adaee5efd6e7e1fe367e9', name: 'title' }, h("span", { key: '5e8232ebceffa33a1a997faf302e66f7f7d6112d' }, salla.lang.get('common.elements.no_options')))), h("div", { key: '47f7267ff9aef10baff8a5d555cd116c569790c9', class: "s-placeholder-description" }, h("slot", { key: '8f54838b8258e2f2a42a0da120186a9a7b71503f', name: 'description' }, h("span", { key: '6a5b79c1a69449ea4cd20d96f6149dfe89425ec3' }, salla.lang.get('common.errors.empty_results'))))));
     }
 };
 SallaPlaceholder.style = sallaPlaceholderCss;

package/dist/esm/salla-price-range.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-Dckjjczv.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-CjnbnAFU.js';
 import { a as arrowLeft } from './arrow-left-BedNk7k1.js';
 
 var arrowRight = `<!-- Generated by IcoMoon.io -->
@@ -157,9 +157,9 @@ const SallaPriceRange = class {
         this.maxPrice = value === undefined ? '' : value;
     }
     render() {
-        return (h(Host, { key: 'ab96e0b292966af5dea7627ed2cfae7aa6cf42d2' }, this.filterValues.map((filterValue, index) => {
+        return (h(Host, { key: 'ecc44cf63ea7788f00aa33a19c06579c887c59dd' }, this.filterValues.map((filterValue, index) => {
             return h("label", { class: "s-filters-label", htmlFor: `${this.option.key}-${index}`, key: index }, h("input", { id: `${this.option.key}-${index}`, name: "price", type: "radio", checked: this.isChecked(filterValue), class: "s-filters-radio", onChange: e => this.handleMinMaxPrice(e, filterValue) }), h("span", { innerHTML: this.getPriceLabel(filterValue) }));
-        }), h("div", { key: '5d958a76e7878542fd8090229570ed9baf9ca2ea', class: "flex justify-center items-center" }, h("div", { key: '1c500632705c5006b901a809368ce85a16709afb', class: "relative max-w-xl w-full" }, h("div", { key: 'd29b5185bf50c5582920b54716005e8756de05bd', class: "s-price-range-inputs" }, h("div", { key: 'bd41a6602d5f3f434ba7d7ee4b8c92900d27c6b9', class: "s-price-range-relative" }, h("div", { key: 'd61027acbb26d6754d4406aa07c11101fd8c4005', class: "s-price-range-currency" }, " ", salla.config.currency().symbol), h("input", { key: 'b368eabded71a6631943b5cd12624418df07afe8', type: "number", maxlength: "5", ref: el => this.minInput = el, onBlur: (e) => this.handleMinPrice(e), value: this.minPrice, placeholder: this.fromLabel, class: "s-price-range-number-input" })), h("div", { key: '0b7b3750d740e929fe0c3f120185d153cb9f6a8e', class: "s-price-range-gray-text" }, " -"), h("div", { key: '148ebe3d2b5a52d013ab9ca6aef02342c5acb3fa', class: "s-price-range-relative" }, h("div", { key: '205c13dd92d5784fc2b1551b56a0ec5e329e0854', class: "s-price-range-currency" }, " ", salla.config.currency().symbol), h("input", { key: 'a4b8886ae87387e891f286931b58a3340920a0e0', type: "number", maxlength: "5", ref: el => this.maxInput = el, onBlur: (e) => this.handleMaxPrice(e), value: this.maxPrice, placeholder: this.toLabel, class: "s-price-range-number-input", "aria-describedby": "price-currency" })), h("salla-button", { key: '221241ca34ed2e7aec47b57b609718e68ccd5060', color: 'gray', shape: 'icon', size: 'small', fill: 'outline', onClick: (event) => this.changedEventHandler(event) }, h("span", { key: 'b277d7c12f44eba76b967055e79a12ed7e492e4d', innerHTML: this.isRTL ? arrowLeft : arrowRight })))))));
+        }), h("div", { key: 'c4b6d75b11a2625f429caf6bba9e0dd625f6f646', class: "flex justify-center items-center" }, h("div", { key: '4e85f9c05415daf235ab965ebe185c7171f08e06', class: "relative max-w-xl w-full" }, h("div", { key: '44b7747bfa4ec0e46da70dcf25f5325562bb0be9', class: "s-price-range-inputs" }, h("div", { key: '08a9afa0ea579f31eba87561283162b1d47f123f', class: "s-price-range-relative" }, h("div", { key: '54540065c16484f01e356fb2094f3163357ffd95', class: "s-price-range-currency" }, " ", salla.config.currency().symbol), h("input", { key: '851b957d076c25808edba4e763ae31286047782f', type: "number", maxlength: "5", ref: el => this.minInput = el, onBlur: (e) => this.handleMinPrice(e), value: this.minPrice, placeholder: this.fromLabel, class: "s-price-range-number-input" })), h("div", { key: 'f8a910aca554ae21657a19115d7f9607efb0566d', class: "s-price-range-gray-text" }, " -"), h("div", { key: '7d1561634459c15862bc0455b4bd9248d44a8446', class: "s-price-range-relative" }, h("div", { key: '7ca1fb8056b8af71f6f57524ed9d5fdfdc641ef2', class: "s-price-range-currency" }, " ", salla.config.currency().symbol), h("input", { key: 'e6411b0e1b0e36b45a6879c1b257f394ec94007f', type: "number", maxlength: "5", ref: el => this.maxInput = el, onBlur: (e) => this.handleMaxPrice(e), value: this.maxPrice, placeholder: this.toLabel, class: "s-price-range-number-input", "aria-describedby": "price-currency" })), h("salla-button", { key: '63bc422c8d82c820bd984d5af68f8081add164c3', color: 'gray', shape: 'icon', size: 'small', fill: 'outline', onClick: (event) => this.changedEventHandler(event) }, h("span", { key: 'b81d3813cb2ff9523f232cf0a615c58576b14177', innerHTML: this.isRTL ? arrowLeft : arrowRight })))))));
     }
     componentDidLoad() {
         this.isReady = true;

package/dist/esm/salla-product-card-embed.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host, a as getElement } from './index-Dckjjczv.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-CjnbnAFU.js';
 
 const sallaProductCardEmbedCss = "@charset \"UTF-8\";:host{display:inline-block;vertical-align:top;max-width:12rem}:host([align=left]){float:inline-start;margin-block-end:1em;margin-inline-end:1em;shape-outside:margin-box}:host([align=right]){float:inline-end;margin-block-end:1em;margin-inline-start:1em;shape-outside:margin-box}:host([align=center]){display:block;clear:both;margin-block:1em;margin-inline:auto}.s-product-card-embed-card{display:block}";
 
@@ -83,7 +83,7 @@ const SallaProductCardEmbed = class {
             's-product-card-embed-card-align-right': this.align === 'right',
             's-product-card-embed-card-align-center': this.align === 'center',
         };
-        return (h(Host, { key: 'a742a11dc2926fb941f44d1b3fd5cc3b4a207822' }, this.hasError && h("span", { key: 'c554a3b1971fa0b646611d24b7000bed921114d8', class: "s-product-card-embed-fallback" }), h("div", { key: 'cb0551a374e4ed68496bfa436adf6424febbd681', class: cardClasses, ref: (el) => {
+        return (h(Host, { key: '61c3e673a103e5d13217bac208611bf4978d20a4' }, this.hasError && h("span", { key: '8f013953f9eed502307823825e573281f481fd19', class: "s-product-card-embed-fallback" }), h("div", { key: '150d4080de0dbf21a2abaa00eca4c8ffae604546', class: cardClasses, ref: (el) => {
                 this.cardContainer = el;
             } })));
     }

package/dist/esm/salla-product-size-guide.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, a as getElement } from './index-Dckjjczv.js';
+import { r as registerInstance, h, a as getElement } from './index-CjnbnAFU.js';
 
 var PencilRuler = `<!-- Generated by IcoMoon.io -->
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
@@ -51,11 +51,11 @@ const SallaProductSizeGuide = class {
         return h("salla-placeholder", { alignment: "center", iconSize: "xl" }, h("div", { slot: "title" }, this.placeholder_title), h("div", { slot: "description" }, this.placeholder_description));
     }
     render() {
-        return (h("salla-modal", { key: 'de368aff05a19d87eb4e99f4e1d7eee36155f435', class: "s-product-size-guide-wrapper", id: 'salla-product-size-guide-modal', isLoading: true, "has-skeleton": true, width: "md", ref: modal => this.modal = modal }, h("span", { key: 'c4ab31b3e6ef2751761ca2db27554f7f5bf057fc', slot: 'icon', class: "s-product-size-guide-header-icon", innerHTML: PencilRuler }), h("div", { key: '17cfceb5ccb0546928f87f956267e9d0c11017ac', slot: "loading" }, h("div", { key: '4f4e20a62396d7825315203ffd22a72030e821b1', class: "s-product-size-guide-skeleton" }, h("salla-skeleton", { key: 'd9132b26634ae1997dad9f1229b248c2cd76fff0', height: '15px', width: '25%' }), h("div", { key: '1b6a236851eef6e7caf7b7a0e84e591824b4e4ef', class: "s-product-size-guide-skeleton-header" }, h("salla-skeleton", { key: 'bae06741881b57b4eb853f1256a22f9393d9cea4', height: '40px' }), h("salla-skeleton", { key: 'fdeb75a853f89df154b69dbd48fc8e233561af59', height: '40px' }), h("salla-skeleton", { key: 'd0be70bc141f04fd24adc86c56eec3a5e896f2d4', height: '40px' }), h("salla-skeleton", { key: 'c5146addbf2d5b9bda05170a9743cad0e08d8674', height: '40px' })), h("div", { key: '04dbbffe2de708c984c5d0966aa2b86c0051bd14', class: "s-product-size-guide-skeleton-content" }, h("salla-skeleton", { key: '320fb33a2e5d9ee1f4b87c18b3f3dd13de180d4f', height: '15px', width: '25%' }), h("salla-skeleton", { key: 'f06aeac8e2f8ea86ec9b1c5c6f2b31172f23209f', height: '10px', width: '75%' }), h("salla-skeleton", { key: '1accf852a34edcac77a77151ebf67ba8e05cc729', height: '10px', width: '50%' }), h("salla-skeleton", { key: '42d4c3364779a6ee130339e37affe2e0c590e6a7', height: '10px', width: '75%' }), h("salla-skeleton", { key: '13064a231460414b4a0abd19dda41b01ac1ee04f', height: '10px', width: '100%' }), h("salla-skeleton", { key: 'd5a50f96ca3bab125503f836cd883cfb98ca135d', height: '10px', width: '25%' }), h("salla-skeleton", { key: '11cd2ed36d9754c32173f14cd7d5ea99fc2b5577', height: '10px', width: '60%' }), h("salla-skeleton", { key: 'a5b3a192d0e38dc13a025b8b8e0aba767f35611b', height: '10px', width: '45%' }), h("salla-skeleton", { key: 'dddcb26038e180fb5b686b29d286316d4314909f', height: '10px', width: '30%' })))), h("slot", { key: '43a08b9b6e64955b726b832f0849617ac31d4c25', name: "header" }), !this.hasError && !!this.guides ?
+        return (h("salla-modal", { key: '750cca54e5286fc1b77942cc4a9784970b8569ec', class: "s-product-size-guide-wrapper", id: 'salla-product-size-guide-modal', isLoading: true, "has-skeleton": true, width: "md", ref: modal => this.modal = modal }, h("span", { key: '0aecc3b447a0ef8f92183c1c785c2a8bbf139c17', slot: 'icon', class: "s-product-size-guide-header-icon", innerHTML: PencilRuler }), h("div", { key: '1720d30460d99d578365cae9d6a0e92790f834a2', slot: "loading" }, h("div", { key: '0bf85ba5de7db72b7e4f4d94e592dc951c1d3801', class: "s-product-size-guide-skeleton" }, h("salla-skeleton", { key: '3635e6c238400762f5c70266bb8359cf3c1c0527', height: '15px', width: '25%' }), h("div", { key: '0adfa776efbf9e7d988d08a3dce69900d6d3d737', class: "s-product-size-guide-skeleton-header" }, h("salla-skeleton", { key: '53799c8bd0f495ec723d0cf4be0ab0e978351c23', height: '40px' }), h("salla-skeleton", { key: 'a825da569d6453a5e3b6cac9cf5848f941af22ae', height: '40px' }), h("salla-skeleton", { key: 'd2091d09ca662aef1f2d6b3cddb4bf86ccc77c0f', height: '40px' }), h("salla-skeleton", { key: '5974a5b7227d03979ea5a65f2f1481f59ca6e0fe', height: '40px' })), h("div", { key: '6e12dc1b703488433f5e8047efe16d70ebaec8c3', class: "s-product-size-guide-skeleton-content" }, h("salla-skeleton", { key: '9d54f957ba7e4c78fff9ed693179d5f7faa55a25', height: '15px', width: '25%' }), h("salla-skeleton", { key: '946eedae2371d7df9d1b9cf8cf1b0f7800554eed', height: '10px', width: '75%' }), h("salla-skeleton", { key: '35d38d23f73bb4bbd4dc5372b70cd34f09cec2ea', height: '10px', width: '50%' }), h("salla-skeleton", { key: '8f13518e172127af747f50773f7a7f0d64d2c0ba', height: '10px', width: '75%' }), h("salla-skeleton", { key: '759708410b562babb733f401cdf8ee310761b110', height: '10px', width: '100%' }), h("salla-skeleton", { key: 'ad8d12dcefe5fbbd8dfa4060a028a3387186ffa1', height: '10px', width: '25%' }), h("salla-skeleton", { key: '63c5864943ec23a3a42761c90ca019acd7118f8c', height: '10px', width: '60%' }), h("salla-skeleton", { key: '490d6078c8d382740eb92c825a08e2aad203c4af', height: '10px', width: '45%' }), h("salla-skeleton", { key: '10b0d73e6a34990a2d23554faec6bce24dcc234e', height: '10px', width: '30%' })))), h("slot", { key: '3d0a3e42eba7cc521e8df1fbb2e7323962bff5a8', name: "header" }), !this.hasError && !!this.guides ?
             [
                 h("salla-tabs", null, this.guides.map((guide) => h("salla-tab-header", { slot: "header", name: guide.name }, h("span", null, guide.name))), this.guides.map((guide) => h("salla-tab-content", { slot: "content", name: guide.name }, h("div", { innerHTML: guide.description }))))
             ]
-            : this.showPlaceholder(), h("slot", { key: '5ae0956ca1f9313b5ef3d01dbdcab32f2e975e05', name: "footer" })));
+            : this.showPlaceholder(), h("slot", { key: 'd1fc7cdbbd52a1c3c2b08f45a647e7ea1586cc9d', name: "footer" })));
     }
     get host() { return getElement(this); }
 };

package/dist/esm/salla-products-list.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-Dckjjczv.js';
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-CjnbnAFU.js';
 import { a as anime } from './anime.es-CgtvEd63.js';
 import { S as ShoppingBag } from './shopping-bag-DiKTtDW5.js';
 import { H as Helper } from './Helper-BXj4f_Qj.js';