@salla.sa/twilight-components 2.14.392 → 2.14.393

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host } from './index-C23tPnnH.js';
+import { r as registerInstance, h, H as Host } from './index-DYB20YqN.js';
 
 var DiscountType;
 (function (DiscountType) {
@@ -15,7 +15,7 @@ var OfferType;
     OfferType["PRODUCT_PURCHASE"] = "order_amount";
 })(OfferType || (OfferType = {}));
 
-const sallaConditionalOfferCss = ":host{display:block}";
+const sallaConditionalOfferCss = () => `:host{display:block}`;
 
 const SallaConditionalOffer = class {
     constructor(hostRef) {
@@ -157,6 +157,6 @@ const SallaConditionalOffer = class {
         return h(Host, { class: "s-conditional-offer-container" }, h("div", { class: "s-conditional-offer-title-wrapper" }, h("div", { class: "s-conditional-offer-title" }, this.offer.title), this.offer.description ? h("div", { class: "s-conditional-offer-subtitle" }, this.offer.description, " ", h("i", { class: "sicon-information" })) : null), h("div", { class: "s-conditional-offer-progress-container" }, this.offer.details.discounts.map((discount, index) => (h("div", { class: { "flex-1": index > 0 }, key: discount.min_spend }, this.getCheckPointView(discount, index))))));
     }
 };
-SallaConditionalOffer.style = sallaConditionalOfferCss;
+SallaConditionalOffer.style = sallaConditionalOfferCss();
 
 export { SallaConditionalOffer as salla_conditional_offer };

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host, a as getElement } from './index-C23tPnnH.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-DYB20YqN.js';
 import { W as WhatsappIcon } from './whatsapp2-CgR-T_ZS.js';
 import { M as MailIcon } from './mail-DmgxDvXL.js';
 
@@ -26,7 +26,7 @@ var telegram = `<!-- Generated by IcoMoon.io -->
 </svg>
 `;
 
-const sallaContactsCss = ".unicode{unicode-bidi:plaintext}";
+const sallaContactsCss = () => `.unicode{unicode-bidi:plaintext}`;
 
 const SallaContacts = class {
     constructor(hostRef) {
@@ -97,6 +97,6 @@ const SallaContacts = class {
     }
     get host() { return getElement(this); }
 };
-SallaContacts.style = sallaContactsCss;
+SallaContacts.style = sallaContactsCss();
 
 export { SallaContacts as salla_contacts };

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

@@ -1,9 +1,9 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host, a as getElement } from './index-C23tPnnH.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-DYB20YqN.js';
 
-const sallaCookiesBarCss = ":host{display:block;overflow:visible}.s-cookies-bar{box-shadow:0 0 20px 4px rgba(0, 0, 0, 0.15)}";
+const sallaCookiesBarCss = () => `:host{display:block;overflow:visible}.s-cookies-bar{box-shadow:0 0 20px 4px rgba(0, 0, 0, 0.15)}`;
 
 const SallaCookiesBar = class {
     constructor(hostRef) {
@@ -72,6 +72,6 @@ const SallaCookiesBar = class {
     }
     get host() { return getElement(this); }
 };
-SallaCookiesBar.style = sallaCookiesBarCss;
+SallaCookiesBar.style = sallaCookiesBarCss();
 
 export { SallaCookiesBar as salla_cookies_bar };

package/dist/esm/salla-count-down.entry.js

@@ -1,9 +1,9 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host } from './index-C23tPnnH.js';
+import { r as registerInstance, h, H as Host } from './index-DYB20YqN.js';
 
-const sallaCountDownCss = ".s-count-down-horizontal{background-color:rgba(0, 0, 0, 0.06);background-color:color-mix(in srgb, var(--color-primary) 10%, transparent)}";
+const sallaCountDownCss = () => `.s-count-down-horizontal{background-color:rgba(0, 0, 0, 0.06);background-color:color-mix(in srgb, var(--color-primary) 10%, transparent)}`;
 
 const SallaCountDown = class {
     constructor(hostRef) {
@@ -80,8 +80,31 @@ const SallaCountDown = class {
             }
         }
     }
+    /**
+     * Normalize non-standard date formats into a consistently parseable string.
+     * Handles formats like "MM-DD-YYYY,HH:mm:ss am/pm" by converting to
+     * "MM/DD/YYYY HH:mm:ss am/pm".
+     */
+    normalizeDate(date) {
+        // Match "MM-DD-YYYY,HH:mm:ss am/pm" pattern (comma between date and time, am/pm suffix)
+        const match = date.match(/^(\d{1,2})-(\d{1,2})-(\d{4}),(\d{1,2}):(\d{2}):(\d{2})\s*(am|pm)$/i);
+        if (match) {
+            const [, month, day, year, rawHour, min, sec, period] = match;
+            let hour = parseInt(rawHour, 10);
+            if (period.toLowerCase() === 'pm' && hour < 12)
+                hour += 12;
+            if (period.toLowerCase() === 'am' && hour === 12)
+                hour = 0;
+            const hh = String(hour).padStart(2, '0');
+            const mm = String(month).padStart(2, '0');
+            const dd = String(day).padStart(2, '0');
+            return `${year}-${mm}-${dd} ${hh}:${min}:${sec}`;
+        }
+        return date;
+    }
     isValidDate(date) {
-        let dateHasDashes = date.includes('-'), dateParts = date.split(' '), testedDate;
+        const normalized = this.normalizeDate(date);
+        let dateHasDashes = normalized.includes('-'), dateParts = normalized.split(' '), testedDate;
         if (dateHasDashes) {
             testedDate = dateParts[0].replace(/-/g, '/');
         }
@@ -94,19 +117,20 @@ const SallaCountDown = class {
         return salla.helpers.number(digit, this.digits === 'en');
     }
     startCountDown() {
-        const isIsoFormat = this.date.includes('-');
-        const isDateOnly = this.endOfDay || this.date.split(' ').length === 1;
+        const normalized = this.normalizeDate(this.date);
+        const isIsoFormat = normalized.includes('-');
+        const isDateOnly = this.endOfDay || normalized.split(' ').length === 1;
         let countDownTime;
         if (isIsoFormat) {
             // Backend KSA date — parse as UTC+3 explicitly
             const dateStr = isDateOnly
-                ? `${this.date.split(' ')[0]}T23:59:59+03:00`
-                : `${this.date.replace(' ', 'T')}+03:00`;
+                ? `${normalized.split(' ')[0]}T23:59:59+03:00`
+                : `${normalized.replace(' ', 'T')}+03:00`;
             countDownTime = new Date(dateStr).getTime();
         }
         else {
-            // "MMM DD, YYYY HH:mm:ss" format — preserve existing behaviour
-            const countDownDate = new Date(this.date);
+            // "MMM DD, YYYY HH:mm:ss" or "MM/DD/YYYY HH:mm:ss am/pm" format
+            const countDownDate = new Date(normalized);
             if (isDateOnly) {
                 countDownDate.setHours(23, 59, 59, 999);
             }
@@ -186,9 +210,9 @@ const SallaCountDown = class {
         return this.renderCountDown();
     }
     render() {
-        return (h(Host, { key: '72c0f5f822ea852674814ced58f323e8b99075c0', 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: 'dbce8a84197d35634e2f29f7c5ae664eed9bcfce', class: `s-count-down-wrapper ${this.preOrder && this.isValidDate(this.date) ? 's-count-down-pre-order' : ''} ${this.horizontal ? 's-count-down-horizontal' : ''} ${this.withButton ? 's-count-down-with-button' : ''} ${this.offerEnded ? 's-count-down-ended' : ''}` }, this.renderPrefixText(), this.renderContent(), this.offerEnded && this.renderOfferEnded(), this.renderButton()));
     }
 };
-SallaCountDown.style = sallaCountDownCss;
+SallaCountDown.style = sallaCountDownCss();
 
 export { SallaCountDown as salla_count_down };

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

@@ -1,11 +1,11 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, c as createEvent, h } from './index-C23tPnnH.js';
+import { r as registerInstance, c as createEvent, h } from './index-DYB20YqN.js';
 import { C as CameraIcon } from './camera-C6jIkM-X.js';
 import { F as FormFieldTypes } from './interfaces-OF8QcbMM.js';
 
-const sallaCustomFieldsCss = ":host{display:block}";
+const sallaCustomFieldsCss = () => `:host{display:block}`;
 
 const SallaCustomFields = class {
     constructor(hostRef) {
@@ -133,6 +133,6 @@ const SallaCustomFields = class {
         return (h("form", { class: "s-custom-fields-wrapper", onSubmit: this.handleSubmit }, this.parsedFields.map(field => this.renderField(field)), h("salla-button", { type: "submit", loading: this.isSubmitting, disabled: this.isSubmitting || !this.isEditable, "loader-position": "end", class: "s-custom-fields-submit-btn" }, this.saveButtonText)));
     }
 };
-SallaCustomFields.style = sallaCustomFieldsCss;
+SallaCustomFields.style = sallaCustomFieldsCss();
 
 export { SallaCustomFields as salla_custom_fields };

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host, a as getElement } from './index-C23tPnnH.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-DYB20YqN.js';
 
 const SallaDeliveryPromise = class {
     constructor(hostRef) {

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

@@ -1,12 +1,12 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-C23tPnnH.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-DYB20YqN.js';
 import { H as Helper } from './Helper-DFMXF2_h.js';
 import { F as FilterOptionTypes } from './interfaces-DL4h2bc3.js';
 import './anime.es-CgtvEd63.js';
 
-const sallaFiltersWidgetCss = ":host{display:block}";
+const sallaFiltersWidgetCss = () => `:host{display:block}`;
 
 const SallaFiltersWidget = class {
     constructor(hostRef) {
@@ -178,6 +178,6 @@ const SallaFiltersWidget = class {
     }
     get host() { return getElement(this); }
 };
-SallaFiltersWidget.style = sallaFiltersWidgetCss;
+SallaFiltersWidget.style = sallaFiltersWidgetCss();
 
 export { SallaFiltersWidget as salla_filters_widget };

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

@@ -1,12 +1,12 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-C23tPnnH.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-DYB20YqN.js';
 import { F as FilterOptionTypes } from './interfaces-DL4h2bc3.js';
 import { H as Helper } from './Helper-DFMXF2_h.js';
 import './anime.es-CgtvEd63.js';
 
-const sallaFiltersCss = ":host{display:block}.s-rating-stars-small{line-height:12px}.s-filters-radio{background-image:none !important}";
+const sallaFiltersCss = () => `:host{display:block}.s-rating-stars-small{line-height:12px}.s-filters-radio{background-image:none !important}`;
 
 const SallaFilters = class {
     constructor(hostRef) {
@@ -202,6 +202,6 @@ const SallaFilters = class {
     }
     get host() { return getElement(this); }
 };
-SallaFilters.style = sallaFiltersCss;
+SallaFilters.style = sallaFiltersCss();
 
 export { SallaFilters as salla_filters };

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host } from './index-C23tPnnH.js';
+import { r as registerInstance, h, H as Host } from './index-DYB20YqN.js';
 
 const SallaFulfillmentMethods = class {
     constructor(hostRef) {

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h } from './index-C23tPnnH.js';
+import { r as registerInstance, h } from './index-DYB20YqN.js';
 import { a as anime } from './anime.es-CgtvEd63.js';
 import { a as arrowLeft } from './arrow-left-BedNk7k1.js';
 import { C as Cancel } from './cancel-BsLF_HK7.js';
@@ -26,7 +26,7 @@ var Alert = `<!-- Generated by IcoMoon.io -->
 </svg>
 `;
 
-const sallaGiftingCss = ".s-gifting-steps-wrapper{transition:0.2s cubic-bezier(0.55, 0, 0.1, 1) 0s}.s-gifting-select{background-image:url(\"data:image/svg+xml;utf8,<svg version='1.1' fill='gray' xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'><title>keyboard_arrow_down</title><path d='M9.875 11.104l6.125 6.125 6.125-6.125 1.875 1.875-8 8-8-8z'></path></svg>\");background-size:24px;background-repeat:no-repeat;background-position:99%;appearance:none}[dir=rtl] .s-gifting-select{background-position:5px}.s-gifting-widget-vertical .s-list-tile-item [slot=title]{display:flex;align-items:center;gap:1.5rem}.s-gifting-widget-vertical .s-list-tile-item-content{width:100%}";
+const sallaGiftingCss = () => `.s-gifting-steps-wrapper{transition:0.2s cubic-bezier(0.55, 0, 0.1, 1) 0s}.s-gifting-select{background-image:url("data:image/svg+xml;utf8,<svg version='1.1' fill='gray' xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'><title>keyboard_arrow_down</title><path d='M9.875 11.104l6.125 6.125 6.125-6.125 1.875 1.875-8 8-8-8z'></path></svg>");background-size:24px;background-repeat:no-repeat;background-position:99%;appearance:none}[dir=rtl] .s-gifting-select{background-position:5px}.s-gifting-widget-vertical .s-list-tile-item [slot=title]{display:flex;align-items:center;gap:1.5rem}.s-gifting-widget-vertical .s-list-tile-item-content{width:100%}`;
 
 const SallaGifting = class {
     constructor(hostRef) {
@@ -581,6 +581,6 @@ const SallaGifting = class {
         ];
     }
 };
-SallaGifting.style = sallaGiftingCss;
+SallaGifting.style = sallaGiftingCss();
 
 export { SallaGifting as salla_gifting };

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host, a as getElement } from './index-C23tPnnH.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-DYB20YqN.js';
 
 const SallaHook = class {
     constructor(hostRef) {
@@ -23,6 +23,9 @@ const SallaHook = class {
     }
     get host() { return getElement(this); }
 };
-SallaHook.style = ":host {\n      all: unset;\n      display: none; /* marker only */\n    }";
+SallaHook.style = `:host {
+      all: unset;
+      display: none; /* marker only */
+    }`;
 
 export { SallaHook as salla_hook };

package/dist/esm/salla-infinite-scroll.entry.js

@@ -1,11 +1,11 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host, a as getElement } from './index-C23tPnnH.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-DYB20YqN.js';
 import { H as Helper } from './Helper-DFMXF2_h.js';
 import './anime.es-CgtvEd63.js';
 
-const sallaInfiniteScrollCss = "";
+const sallaInfiniteScrollCss = () => ``;
 
 const SallaInfiniteScroll = class {
     constructor(hostRef) {
@@ -84,6 +84,6 @@ const SallaInfiniteScroll = class {
     }
     get host() { return getElement(this); }
 };
-SallaInfiniteScroll.style = sallaInfiniteScrollCss;
+SallaInfiniteScroll.style = sallaInfiniteScrollCss();
 
 export { SallaInfiniteScroll as salla_infinite_scroll };

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

@@ -1,9 +1,9 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host, a as getElement } from './index-C23tPnnH.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-DYB20YqN.js';
 
-const sallaInstallmentCss = "salla-installment:empty{display:none}#tabbyPromoWrapper{background:white;border-radius:0.375rem;transition:box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1);margin-bottom:20px;border:unset !important;font-weight:500}.salla-y #tabbyPromoWrapper{border:1px solid var(--color-grey-dark);border-radius:12px}#tabbyPromoWrapper:hover{box-shadow:0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 5px 10px 30px rgba(43, 45, 52, 0.0509803922)}#tabbyPromoWrapper #tabbyPromo *{font-family:var(--font-main)}#tabbyPromoWrapper #tabbyPromo>div>div{max-width:none;box-shadow:none;border:none}#tabbyPromoWrapper #tabbyPromo .tabby-promo-snippet{max-width:100%;min-height:100px;padding:18px 20px;border:none !important}#tabbyPromoWrapper #tabbyPromo .tabby-promo-snippet__text,#tabbyPromoWrapper #tabbyPromo .tabby-promo-snippet__link{font-size:var(--font-sm);color:var(--color-text) !important}#tabbyPromoWrapper #tabbyPromo .tabby-promo-snippet__link{font-weight:bold}.tabby-promo-wrapper #tabby-promo{font-family:var(--font-main) !important}.tabby-promo-wrapper #tabby-promo .tabby-promo__feature-title{font-size:var(--font-md)}.tabby-promo-wrapper #tabby-promo .tabby-promo__feature-desc{font-size:var(--font-sm);line-height:20px}.tamara-product-widget{margin-bottom:20px}.tamara-product-widget,.spotii-wrapper{min-height:100px;position:relative;color:var(--main-text-color);font-size:var(--font-sm);line-height:1.25;padding:20px 20px 20px 115px !important;background:white;border-radius:0.375rem;transition:box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1);border:unset !important;font-family:inherit !important;font-weight:500}.salla-y .tamara-product-widget,.salla-y .spotii-wrapper{border-radius:12px;border:1px solid var(--color-grey-dark)}.tamara-product-widget:hover,.spotii-wrapper:hover{box-shadow:0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 5px 10px 30px rgba(43, 45, 52, 0.0509803922)}.tamara-product-widget .spotii-logo,.spotii-wrapper .spotii-logo{float:left;margin:0 0 0 -75px}.ltr .tamara-product-widget,.ltr .spotii-wrapper{text-align:left;padding:18px 100px 18px 20px !important}.ltr .tamara-product-widget .spotii-logo,.ltr .spotii-wrapper .spotii-logo{float:right;margin:0 -75px 0 0}.ltr .tamara-product-widget .spotii-product-widget,.ltr .spotii-wrapper .spotii-product-widget{text-align:left !important}.spotii-wrapper{margin-bottom:20px}.spotii-wrapper .spotii-promo{font-size:var(--font-md)}.spotii-wrapper .spotii-product-widget{font-size:var(--font-sm) !important;margin-top:10px}.tamara-product-widget .tamara-logo{position:absolute;left:20px !important;top:35px !important;margin:0 !important;height:24px !important}.ltr .tamara-product-widget .tamara-logo{right:20px !important;left:auto !important}.tamara-product-widget span{font-family:var(--font-main);font-size:var(--font-sm);color:var(--color-text)}.tamara-product-widget span:last-child{display:block;position:relative;margin-top:8px}.tamara-popup__wrap{overflow:auto !important}.s-installment-mispay-wrapper,.s-installment-madfu-wrapper,.s-installment-emkan-wrapper,.s-installment-rajehi-wrapper{font-size:14px;text-align:right;padding:20px;gap:42px;line-height:22px;color:rgb(0, 0, 0);min-width:100%;box-sizing:border-box;position:relative;background-color:white;border-radius:10px;margin:15px 0;display:flex;transition:box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1)}.s-installment-mispay-wrapper:hover,.s-installment-madfu-wrapper:hover,.s-installment-emkan-wrapper:hover,.s-installment-rajehi-wrapper:hover{box-shadow:0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 5px 10px 30px rgba(43, 45, 52, 0.0509803922)}.s-installment-mispay-content,.s-installment-madfu-content,.s-installment-emkan-content,.s-installment-rajehi-content{display:flex;flex-direction:row-reverse;width:100%;justify-content:space-between;align-items:center;gap:1rem}.s-installment-mispay-content-text,.s-installment-madfu-content-text,.s-installment-emkan-content-text,.s-installment-rajehi-content-text{color:var(--main-text-color);font-size:14px;font-weight:500;margin:0 16px 0 0;width:80%;left:14px;text-align:left}.s-installment-mispay-content img,.s-installment-madfu-content img,.s-installment-emkan-content img,.s-installment-rajehi-content img{height:28px;width:70px;display:inline-block;max-height:100%;vertical-align:middle;fill:none;stroke:unset;width:auto}.rtl .s-installment-mispay-content-text,.rtl .s-installment-madfu-content-text,.rtl .s-installment-emkan-content-text,.rtl .s-installment-rajehi-content-text{right:14px;text-align:right;margin:0 0 0 16px}.rtl .s-installment-mispay-content img,.rtl .s-installment-madfu-content img,.rtl .s-installment-emkan-content img,.rtl .s-installment-rajehi-content img{left:14px !important}.ltr .s-installment-mispay-content img,.ltr .s-installment-madfu-content img,.ltr .s-installment-emkan-content img,.ltr .s-installment-rajehi-content img{right:14px !important}.s-installment-rajehi-content img{width:70px !important;height:40px !important}.s-installment-emkan-content img{height:35px !important}";
+const sallaInstallmentCss = () => `salla-installment:empty{display:none}#tabbyPromoWrapper{background:white;border-radius:0.375rem;transition:box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1);margin-bottom:20px;border:unset !important;font-weight:500}.salla-y #tabbyPromoWrapper{border:1px solid var(--color-grey-dark);border-radius:12px}#tabbyPromoWrapper:hover{box-shadow:0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 5px 10px 30px rgba(43, 45, 52, 0.0509803922)}#tabbyPromoWrapper #tabbyPromo *{font-family:var(--font-main)}#tabbyPromoWrapper #tabbyPromo>div>div{max-width:none;box-shadow:none;border:none}#tabbyPromoWrapper #tabbyPromo .tabby-promo-snippet{max-width:100%;min-height:100px;padding:18px 20px;border:none !important}#tabbyPromoWrapper #tabbyPromo .tabby-promo-snippet__text,#tabbyPromoWrapper #tabbyPromo .tabby-promo-snippet__link{font-size:var(--font-sm);color:var(--color-text) !important}#tabbyPromoWrapper #tabbyPromo .tabby-promo-snippet__link{font-weight:bold}.tabby-promo-wrapper #tabby-promo{font-family:var(--font-main) !important}.tabby-promo-wrapper #tabby-promo .tabby-promo__feature-title{font-size:var(--font-md)}.tabby-promo-wrapper #tabby-promo .tabby-promo__feature-desc{font-size:var(--font-sm);line-height:20px}.tamara-product-widget{margin-bottom:20px}.tamara-product-widget,.spotii-wrapper{min-height:100px;position:relative;color:var(--main-text-color);font-size:var(--font-sm);line-height:1.25;padding:20px 20px 20px 115px !important;background:white;border-radius:0.375rem;transition:box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1);border:unset !important;font-family:inherit !important;font-weight:500}.salla-y .tamara-product-widget,.salla-y .spotii-wrapper{border-radius:12px;border:1px solid var(--color-grey-dark)}.tamara-product-widget:hover,.spotii-wrapper:hover{box-shadow:0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 5px 10px 30px rgba(43, 45, 52, 0.0509803922)}.tamara-product-widget .spotii-logo,.spotii-wrapper .spotii-logo{float:left;margin:0 0 0 -75px}.ltr .tamara-product-widget,.ltr .spotii-wrapper{text-align:left;padding:18px 100px 18px 20px !important}.ltr .tamara-product-widget .spotii-logo,.ltr .spotii-wrapper .spotii-logo{float:right;margin:0 -75px 0 0}.ltr .tamara-product-widget .spotii-product-widget,.ltr .spotii-wrapper .spotii-product-widget{text-align:left !important}.spotii-wrapper{margin-bottom:20px}.spotii-wrapper .spotii-promo{font-size:var(--font-md)}.spotii-wrapper .spotii-product-widget{font-size:var(--font-sm) !important;margin-top:10px}.tamara-product-widget .tamara-logo{position:absolute;left:20px !important;top:35px !important;margin:0 !important;height:24px !important}.ltr .tamara-product-widget .tamara-logo{right:20px !important;left:auto !important}.tamara-product-widget span{font-family:var(--font-main);font-size:var(--font-sm);color:var(--color-text)}.tamara-product-widget span:last-child{display:block;position:relative;margin-top:8px}.tamara-popup__wrap{overflow:auto !important}.s-installment-mispay-wrapper,.s-installment-madfu-wrapper,.s-installment-emkan-wrapper,.s-installment-rajehi-wrapper{font-size:14px;text-align:right;padding:20px;gap:42px;line-height:22px;color:rgb(0, 0, 0);min-width:100%;box-sizing:border-box;position:relative;background-color:white;border-radius:10px;margin:15px 0;display:flex;transition:box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1)}.s-installment-mispay-wrapper:hover,.s-installment-madfu-wrapper:hover,.s-installment-emkan-wrapper:hover,.s-installment-rajehi-wrapper:hover{box-shadow:0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 5px 10px 30px rgba(43, 45, 52, 0.0509803922)}.s-installment-mispay-content,.s-installment-madfu-content,.s-installment-emkan-content,.s-installment-rajehi-content{display:flex;flex-direction:row-reverse;width:100%;justify-content:space-between;align-items:center;gap:1rem}.s-installment-mispay-content-text,.s-installment-madfu-content-text,.s-installment-emkan-content-text,.s-installment-rajehi-content-text{color:var(--main-text-color);font-size:14px;font-weight:500;margin:0 16px 0 0;width:80%;left:14px;text-align:left}.s-installment-mispay-content img,.s-installment-madfu-content img,.s-installment-emkan-content img,.s-installment-rajehi-content img{height:28px;width:70px;display:inline-block;max-height:100%;vertical-align:middle;fill:none;stroke:unset;width:auto}.rtl .s-installment-mispay-content-text,.rtl .s-installment-madfu-content-text,.rtl .s-installment-emkan-content-text,.rtl .s-installment-rajehi-content-text{right:14px;text-align:right;margin:0 0 0 16px}.rtl .s-installment-mispay-content img,.rtl .s-installment-madfu-content img,.rtl .s-installment-emkan-content img,.rtl .s-installment-rajehi-content img{left:14px !important}.ltr .s-installment-mispay-content img,.ltr .s-installment-madfu-content img,.ltr .s-installment-emkan-content img,.ltr .s-installment-rajehi-content img{right:14px !important}.s-installment-rajehi-content img{width:70px !important;height:40px !important}.s-installment-emkan-content img{height:35px !important}`;
 
 const SallaInstallment = class {
     constructor(hostRef) {
@@ -273,6 +273,6 @@ const SallaInstallment = class {
     }
     get host() { return getElement(this); }
 };
-SallaInstallment.style = sallaInstallmentCss;
+SallaInstallment.style = sallaInstallmentCss();
 
 export { SallaInstallment as salla_installment };

package/dist/esm/salla-list-tile.entry.js

@@ -1,9 +1,9 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host } from './index-C23tPnnH.js';
+import { r as registerInstance, h, H as Host } from './index-DYB20YqN.js';
 
-const sallaListTileCss = "";
+const sallaListTileCss = () => ``;
 
 const SallaListTile = class {
     constructor(hostRef) {
@@ -27,6 +27,6 @@ const SallaListTile = class {
         return (h(Host, { key: 'e1528afcea1eda05a5ce206e95791e7611d24dd0' }, h("a", { key: '749a73c76d68ad36f1a6609ada69778662d56566', class: this.generateClass(), href: this.href || "#", target: this.target, "aria-label": "List Tile Link" }, h("div", { key: '7bfd448f86790b2afe0b7a5b8a5460c3b2be66ee', class: "s-list-tile-item-icon" }, h("slot", { key: '383e28a8832483e8ecc61e4f48a3ff1fe5db1038', name: 'icon' })), h("div", { key: 'c42bf126a9ff4014a4e2d85ff12b41d1a88a0e03', class: "s-list-tile-item-content" }, h("div", { key: '18a4a9ebd39e3a710f70dc33554d24e3c2850e53', class: "s-list-tile-item-title" }, h("slot", { key: '7211d627511bf2448cf161f40cc82b1822dd1e7a', name: 'title' })), h("div", { key: '044a7d76e05841f484387c7ed299107f33c9bc21', class: "s-list-tile-item-subtitle" }, h("slot", { key: 'df131034f1c5434722543e25552caed142794d55', name: "subtitle" }))), h("div", { key: '37abe0abab720da11cd55660578ec256c062e763', class: "s-list-tile-item-action" }, h("slot", { key: 'fcac02da17981ef4c6fa3cea50c551e3010352d9', name: 'action' })))));
     }
 };
-SallaListTile.style = sallaListTileCss;
+SallaListTile.style = sallaListTileCss();
 
 export { SallaListTile as salla_list_tile };

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, a as getElement } from './index-C23tPnnH.js';
+import { r as registerInstance, h, g as getElement } from './index-DYB20YqN.js';
 
 const SallaLocalizationModal = class {
     constructor(hostRef) {

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

@@ -1,9 +1,9 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, F as Fragment, a as getElement } from './index-C23tPnnH.js';
+import { r as registerInstance, h, F as Fragment, g as getElement } from './index-DYB20YqN.js';
 
-const sallaLoginModalCss = "iframe{-moz-transition:height 0.3s;-ms-transition:height 0.3s;-o-transition:height 0.3s;-webkit-transition:height 0.3s;transition:height 0.3s;width:100%}";
+const sallaLoginModalCss = () => `iframe{-moz-transition:height 0.3s;-ms-transition:height 0.3s;-o-transition:height 0.3s;-webkit-transition:height 0.3s;transition:height 0.3s;width:100%}`;
 
 const SallaLoginModal = class {
     constructor(hostRef) {
@@ -312,6 +312,6 @@ const SallaLoginModal = class {
     }
     get host() { return getElement(this); }
 };
-SallaLoginModal.style = sallaLoginModalCss;
+SallaLoginModal.style = sallaLoginModalCss();
 
 export { SallaLoginModal as salla_login_modal };

package/dist/esm/salla-loyalty-prize-item.entry.js

@@ -1,9 +1,9 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-C23tPnnH.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-DYB20YqN.js';
 
-const sallaLoyaltyPrizeItemCss = "salla-loyalty-prize-item:hover{box-shadow:0 5px 15px 1px rgba(0, 0, 0, 0.04) !important}";
+const sallaLoyaltyPrizeItemCss = () => `salla-loyalty-prize-item:hover{box-shadow:0 5px 15px 1px rgba(0, 0, 0, 0.04) !important}`;
 
 const SallaLoyaltyPrizeItem = class {
     constructor(hostRef) {
@@ -17,6 +17,6 @@ const SallaLoyaltyPrizeItem = class {
         return (h(Host, { key: '91162ebf1e2f76c4b90df9518d57a136e71fa573' }, h("div", { key: '80416871b0f60857b3279525bdaa87327b75890a', onClick: this.onPrizeItemClick.bind(this) }, h("img", { key: 'd7afdc106a822c0f7640136bec591bfa48fe1802', class: "s-loyalty-prize-item-image", src: this.item.image, alt: this.item.name }), h("div", { key: '727f131b7fa00b75aab57f2bb5ea4616f0d3929a', class: "s-loyalty-prize-item-title" }, this.item.name), h("div", { key: '6e2b9263b7d2c1b7a9e372ede63a6b10a23b0d1d', class: "s-loyalty-prize-item-subtitle" }, this.item.description), h("div", { key: '97b7710e76e3d73afe68abe6e8094483960884da', class: "s-loyalty-prize-item-points" }, this.item.cost_points, " ", salla.lang.get('pages.loyalty_program.point')))));
     }
 };
-SallaLoyaltyPrizeItem.style = sallaLoyaltyPrizeItemCss;
+SallaLoyaltyPrizeItem.style = sallaLoyaltyPrizeItemCss();
 
 export { SallaLoyaltyPrizeItem as salla_loyalty_prize_item };

package/dist/esm/salla-loyalty-program.entry.js

@@ -1,10 +1,10 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host } from './index-C23tPnnH.js';
+import { r as registerInstance, h, H as Host } from './index-DYB20YqN.js';
 import { l as loyaltyProgramIcon } from './gift-BChI23pG.js';
 
-const sallaLoyaltyProgramCss = "";
+const sallaLoyaltyProgramCss = () => ``;
 
 const formatDate = (timestamp) => {
     if (!timestamp)
@@ -79,6 +79,6 @@ const SallaWalletTable = class {
         return (h(Host, { key: '4a8cb15322b005a124eb5792044d6435fd52922e' }, h("div", { key: '54a08cfdb24116455b8c137d20ec5ef22a34ff85' }, this.isLoadingLoyalty ? (h("salla-loading", null)) : (h("div", null, this.loyaltyPointsArray.length > 0 ? (h("div", null, h("table", { class: "s-loyalty-program-table" }, h("thead", { class: "s-loyalty-program-table-head" }, h("tr", { class: "s-loyalty-program-table-head-tr" }, h("th", { scope: "col", class: "s-loyalty-program-table-head-tr-th" }, salla.lang.get('pages.wallet.points')), h("th", { scope: "col", class: "s-loyalty-program-table-head-tr-th" }, salla.lang.get('pages.wallet.date')), h("th", { scope: "col", class: "s-loyalty-program-table-head-tr-th" }, salla.lang.get('pages.wallet.expiry_date')), h("th", { scope: "col", class: "s-loyalty-program-table-head-tr-th" }, salla.lang.get('common.elements.note')), h("th", { scope: "col", class: "s-loyalty-program-table-head-tr-th" }, salla.lang.get('common.elements.status')))), h("tbody", { class: "s-loyalty-program-table-tbody" }, this.loyaltyPointsArray.map(point => (h("tr", { class: "s-loyalty-program-table-tbody-tr" }, h("td", { class: "s-loyalty-program-table-tbody-tr-td" }, point?.type === 'plus' ? '+' : '', point?.points || '', " ", salla.lang.get('pages.loyalty_program.point')), h("td", { class: "s-loyalty-program-table-tbody-tr-td" }, formatDate(point?.created_at ? Number(point.created_at) * 1000 : undefined)), h("td", { class: "s-loyalty-program-table-tbody-tr-td" }, formatDate(point?.points_expire_date)), h("td", { class: "s-loyalty-program-table-tbody-tr-td" }, translateKey(point?.key)), h("td", { class: "s-loyalty-program-table-tbody-tr-td" }, translateKey(point?.status_key))))))), h("div", { class: "s-infinite-scroll-wrapper" }, !!this.nextPageUrlLoyalty && (h("salla-button", { onClick: this.handleClick, loading: this.isLoadingLoyalty }, salla.lang.get('common.elements.load_more')))))) : (h("div", null, h("div", { class: "s-loyalty-program-table-empty-state" }, h("span", { innerHTML: loyaltyProgramIcon }), h("div", { class: "s-loyalty-program-table-placeholder-title" }, salla.lang.get('pages.loyalty_program.no_loyality_points_title')), h("div", { class: "s-loyalty-program-table-placeholder-sub-title" }, salla.lang.get('pages.loyalty_program.no_loyality_points_sub_title'))))))))));
     }
 };
-SallaWalletTable.style = sallaLoyaltyProgramCss;
+SallaWalletTable.style = sallaLoyaltyProgramCss();
 
 export { SallaWalletTable as salla_loyalty_program };

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h } from './index-C23tPnnH.js';
+import { r as registerInstance, h } from './index-DYB20YqN.js';
 import { S as Star } from './star2-D4oPi1Ov.js';
 import { C as Cancel } from './cancel-BsLF_HK7.js';
 
@@ -57,7 +57,7 @@ var Star3 = `<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" view
 
 var GiftImg = `<svg xmlns="http://www.w3.org/2000/svg" width="54.079" height="53.191" viewBox="0 0 54.079 53.191"><defs><style>.a{fill:#ee9d0d;}.b{fill:#c7830b;}.c{fill:#ea2b2d;}.d{fill:#cb2527;}.e{fill:#6699ce;}.f{fill:#faa6b2;}.g{fill:#a6deff;}.h{fill:#eeb436;}.i{fill:#f72d2f;}</style></defs><path class="a" d="M40,248H77.3v25.88a2.1,2.1,0,0,1-2.1,2.1H42.1a2.1,2.1,0,0,1-2.1-2.1Z" transform="translate(-38.135 -222.787)"/><path class="b" d="M250.632,248.711v12.755L236.2,248h13.67Z" transform="translate(-211.463 -222.787)"/><path class="b" d="M333.957,336v3.207L330.52,336Z" transform="translate(-294.787 -300.528)"/><path class="c" d="M226.194,32.048l-.5.185a5.035,5.035,0,0,0-3.072,3.292l-.468,1.585-.759.414a5.035,5.035,0,0,0-2.422,3l8.865,8.271,5.09-5.456.262-6.205a5.191,5.191,0,0,0-7-5.083Z" transform="translate(-196.246 -31.722)"/><path class="c" d="M358.628,175.48l-.15.509a5.034,5.034,0,0,1-3.072,3.292l-1.55.577-.359.785a5.034,5.034,0,0,1-2.822,2.624L341.81,175l5.09-5.455,6.172-.69a5.191,5.191,0,0,1,5.555,6.629Z" transform="translate(-304.761 -152.837)"/><path class="d" d="M168,248h7.461v27.978H168Z" transform="translate(-151.213 -222.787)"/><path class="c" d="M40,336H77.3v7.461H40Z" transform="translate(-38.135 -300.528)"/><path class="d" d="M333.957,336v3.207L330.52,336Z" transform="translate(-294.787 -300.528)"/><path class="a" d="M2.1,0H40.8a2.1,2.1,0,0,1,2.1,2.1V9.326H0V2.1A2.1,2.1,0,0,1,2.1,0Z" transform="matrix(0.731, 0.682, -0.682, 0.731, 18.641, 4.976)"/><path class="d" d="M0,0H9.326V9.326H0Z" transform="matrix(0.731, 0.682, -0.682, 0.731, 30.912, 16.424)"/><path class="d" d="M286.857,79.389a.931.931,0,0,1-.74-.365l-.615-.8a12.516,12.516,0,0,1-2.528-9,.933.933,0,0,1,1.855.2,10.66,10.66,0,0,0,2.153,7.667l.615.8a.933.933,0,0,1-.739,1.5Z" transform="translate(-252.718 -64.113)"/><path class="c" d="M185.485,178.151l-.039.014a30.78,30.78,0,0,1-12.034,1.906l-2.381-.1,4.092,3.817-1.181,4,3.728-1.206a30.775,30.775,0,0,0,9.833-5.315l.71-.572Z" transform="translate(-153.891 -161.081)"/><path class="d" d="M363.834,194.779a12.51,12.51,0,0,1-6.93-2.1l-.843-.559a.933.933,0,1,1,1.031-1.554l.842.558a10.659,10.659,0,0,0,7.8,1.618.933.933,0,1,1,.328,1.836A12.663,12.663,0,0,1,363.834,194.779Z" transform="translate(-316.982 -171.914)"/><path class="c" d="M275,202.524l-.012.04a30.776,30.776,0,0,0-1.069,12.137l.265,2.369-4.092-3.817-3.909,1.455.945-3.8a30.776,30.776,0,0,1,4.622-10.177l.521-.748Z" transform="translate(-237.949 -180.364)"/><circle class="e" cx="1.865" cy="1.865" r="1.865" transform="translate(10.259 0.032)"/><circle class="f" cx="1.865" cy="1.865" r="1.865" transform="translate(0 21.482)"/><path class="g" d="M36.663,36.663a.933.933,0,0,1-.885-.638l-.048-.143a2.946,2.946,0,0,0-2.8-2.017.933.933,0,1,1,0-1.865A4.808,4.808,0,0,1,37.5,35.292l.048.143a.933.933,0,0,1-.885,1.228Z" transform="translate(-31.067 -31.968)"/><path class="g" d="M79.493,194.438a.929.929,0,0,1-.506-.15l-.185-.12a2.074,2.074,0,0,0-2.192-.047.933.933,0,0,1-.947-1.607,3.929,3.929,0,0,1,4.153.088l.185.12a.933.933,0,0,1-.508,1.716Z" transform="translate(-69.235 -173.283)"/><path class="h" d="M27.751,85.141l2.88,2.644,3.811-.874-1.624,3.556,2.008,3.354-3.884-.446-2.569,2.946L27.6,92.49,24,90.957l3.4-1.922Z" transform="translate(-24 -78.914)"/><path class="h" d="M82.174,227.375l-.959,3.772,2.564,2.928-3.884.254L77.9,237.673l-1.442-3.615-3.8-.862,2.993-2.488-.353-3.876,3.291,2.078Z" transform="translate(-66.992 -204.086)"/><path class="i" d="M300.471,141.9l-5.455-5.09,5.09-5.456a8.342,8.342,0,0,1,5.455,5.09Z" transform="translate(-263.422 -119.737)"/></svg>`;
 
-const sallaLoyaltyCss = "";
+const sallaLoyaltyCss = () => ``;
 
 const SallaLoyalty = class {
     constructor(hostRef) {
@@ -204,6 +204,6 @@ const SallaLoyalty = class {
         ];
     }
 };
-SallaLoyalty.style = sallaLoyaltyCss;
+SallaLoyalty.style = sallaLoyaltyCss();
 
 export { SallaLoyalty as salla_loyalty };

package/dist/esm/salla-maintenance-alert.entry.js

@@ -1,10 +1,10 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host, a as getElement } from './index-C23tPnnH.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-DYB20YqN.js';
 import { C as Cancel } from './cancel-BsLF_HK7.js';
 
-const sallaMaintenanceAlertCss = ".s-maintenance-alert-wrapper{display:flex;min-height:40px;width:100%;flex-direction:row;align-items:center;justify-content:center;--tw-bg-opacity:1;background-color:rgba(26, 38, 61, var(--tw-bg-opacity));padding:0.25rem 0.5rem;--tw-text-opacity:1;color:rgba(255, 255, 255, var(--tw-text-opacity))}.s-maintenance-alert-wrapper a{transition:0.35s cubic-bezier(0.2, 1, 0.3, 1)}.s-maintenance-alert-wrapper *{color:inherit}@media (min-width: 640px){.s-maintenance-alert-wrapper{padding-left:2rem;padding-right:2rem}}.s-maintenance-alert-content{margin-top:1rem;margin-bottom:1rem;display:flex;width:100%;align-items:center;justify-content:space-between}@media (min-width: 640px){.s-maintenance-alert-content{padding-left:2rem;padding-right:2rem}}.s-maintenance-alert-container{display:flex;align-items:center}.s-maintenance-alert-icon{margin-right:1.25rem;display:none}@media (min-width: 640px){.s-maintenance-alert-icon{display:block}}.s-maintenance-alert-text h2{margin-bottom:0.5rem;font-size:0.875rem;font-weight:700;line-height:1.4}@media (min-width: 640px){.s-maintenance-alert-text h2{font-size:1.5rem;line-height:2rem}}.s-maintenance-alert-text p{margin:0px;text-align:right;font-size:10px;line-height:1.2}@media (min-width: 640px){.s-maintenance-alert-text p{text-align:center;font-size:0.75rem;line-height:1}}.s-maintenance-alert-btn{position:relative;margin-left:4px;margin-right:4px;display:inline-block;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap;border-radius:0.125rem;border-width:1px;--tw-border-opacity:1;border-color:rgba(93, 213, 196, var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgba(93, 213, 196, var(--tw-bg-opacity));padding:0.5rem;text-align:center;vertical-align:middle;font-size:0.875rem;font-weight:400;line-height:1.4;--tw-text-opacity:1;color:rgba(255, 255, 255, var(--tw-text-opacity))}.s-maintenance-alert-btn:hover{--tw-bg-opacity:1;background-color:rgba(53, 203, 181, var(--tw-bg-opacity))}.s-maintenance-alert-btn *{pointer-events:none}[dir=rtl] .s-maintenance-alert-btn{margin-left:1.25rem;margin-right:0}@media (min-width: 640px){.s-maintenance-alert-btn{padding:0.5rem 1rem}}";
+const sallaMaintenanceAlertCss = () => `.s-maintenance-alert-wrapper{display:flex;min-height:40px;width:100%;flex-direction:row;align-items:center;justify-content:center;--tw-bg-opacity:1;background-color:rgba(26, 38, 61, var(--tw-bg-opacity));padding:0.25rem 0.5rem;--tw-text-opacity:1;color:rgba(255, 255, 255, var(--tw-text-opacity))}.s-maintenance-alert-wrapper a{transition:0.35s cubic-bezier(0.2, 1, 0.3, 1)}.s-maintenance-alert-wrapper *{color:inherit}@media (min-width: 640px){.s-maintenance-alert-wrapper{padding-left:2rem;padding-right:2rem}}.s-maintenance-alert-content{margin-top:1rem;margin-bottom:1rem;display:flex;width:100%;align-items:center;justify-content:space-between}@media (min-width: 640px){.s-maintenance-alert-content{padding-left:2rem;padding-right:2rem}}.s-maintenance-alert-container{display:flex;align-items:center}.s-maintenance-alert-icon{margin-right:1.25rem;display:none}@media (min-width: 640px){.s-maintenance-alert-icon{display:block}}.s-maintenance-alert-text h2{margin-bottom:0.5rem;font-size:0.875rem;font-weight:700;line-height:1.4}@media (min-width: 640px){.s-maintenance-alert-text h2{font-size:1.5rem;line-height:2rem}}.s-maintenance-alert-text p{margin:0px;text-align:right;font-size:10px;line-height:1.2}@media (min-width: 640px){.s-maintenance-alert-text p{text-align:center;font-size:0.75rem;line-height:1}}.s-maintenance-alert-btn{position:relative;margin-left:4px;margin-right:4px;display:inline-block;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap;border-radius:0.125rem;border-width:1px;--tw-border-opacity:1;border-color:rgba(93, 213, 196, var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgba(93, 213, 196, var(--tw-bg-opacity));padding:0.5rem;text-align:center;vertical-align:middle;font-size:0.875rem;font-weight:400;line-height:1.4;--tw-text-opacity:1;color:rgba(255, 255, 255, var(--tw-text-opacity))}.s-maintenance-alert-btn:hover{--tw-bg-opacity:1;background-color:rgba(53, 203, 181, var(--tw-bg-opacity))}.s-maintenance-alert-btn *{pointer-events:none}[dir=rtl] .s-maintenance-alert-btn{margin-left:1.25rem;margin-right:0}@media (min-width: 640px){.s-maintenance-alert-btn{padding:0.5rem 1rem}}`;
 
 const SallaMaintenanceAlert = class {
     constructor(hostRef) {
@@ -33,6 +33,6 @@ const SallaMaintenanceAlert = class {
     }
     get host() { return getElement(this); }
 };
-SallaMaintenanceAlert.style = sallaMaintenanceAlertCss;
+SallaMaintenanceAlert.style = sallaMaintenanceAlertCss();
 
 export { SallaMaintenanceAlert as salla_maintenance_alert };

package/dist/esm/salla-map.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-C23tPnnH.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-DYB20YqN.js';
 import { L as Location } from './location-BO5AoBAP.js';
 
 var Edit = `<!-- Generated by IcoMoon.io -->
@@ -429,7 +429,7 @@ class Loader {
 }
 Loader.CALLBACK_NAME = '_dk_google_maps_loader_cb';
 
-const sallaMapCss = "";
+const sallaMapCss = () => ``;
 
 const SallaMap = class {
     constructor(hostRef) {
@@ -706,6 +706,6 @@ const SallaMap = class {
     }
     get host() { return getElement(this); }
 };
-SallaMap.style = sallaMapCss;
+SallaMap.style = sallaMapCss();
 
 export { SallaMap as salla_map };

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

@@ -1,9 +1,9 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, F as Fragment } from './index-C23tPnnH.js';
+import { r as registerInstance, h, F as Fragment } from './index-DYB20YqN.js';
 
-const sallaMenuCss = ":host{display:block}";
+const sallaMenuCss = () => `:host{display:block}`;
 
 const SallaMenu = class {
     constructor(hostRef) {
@@ -132,6 +132,6 @@ const SallaMenu = class {
                 ];
     }
 };
-SallaMenu.style = sallaMenuCss;
+SallaMenu.style = sallaMenuCss();
 
 export { SallaMenu as salla_menu };

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

@@ -1,9 +1,9 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host, a as getElement } from './index-C23tPnnH.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-DYB20YqN.js';
 
-const sallaMetadataCss = "";
+const sallaMetadataCss = () => ``;
 
 const SallaMetadata = class {
     constructor(hostRef) {
@@ -72,6 +72,6 @@ const SallaMetadata = class {
     }
     get host() { return getElement(this); }
 };
-SallaMetadata.style = sallaMetadataCss;
+SallaMetadata.style = sallaMetadataCss();
 
 export { SallaMetadata as salla_metadata };

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

@@ -1,9 +1,9 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host, a as getElement, F as Fragment } from './index-C23tPnnH.js';
+import { r as registerInstance, h, H as Host, g as getElement, F as Fragment } from './index-DYB20YqN.js';
 
-const sallaMultipleBundleProductCartCss = "";
+const sallaMultipleBundleProductCartCss = () => ``;
 
 const SallaMultipleBundleProductCart = class {
     constructor(hostRef) {
@@ -47,9 +47,9 @@ const SallaMultipleBundleProductCart = class {
     }
     get host() { return getElement(this); }
 };
-SallaMultipleBundleProductCart.style = sallaMultipleBundleProductCartCss;
+SallaMultipleBundleProductCart.style = sallaMultipleBundleProductCartCss();
 
-const sallaMultipleBundleProductDetailsCss = "";
+const sallaMultipleBundleProductDetailsCss = () => ``;
 
 const SallaMultipleBundleProductDetails = class {
     constructor(hostRef) {
@@ -214,6 +214,6 @@ const SallaMultipleBundleProductDetails = class {
     }
     get host() { return getElement(this); }
 };
-SallaMultipleBundleProductDetails.style = sallaMultipleBundleProductDetailsCss;
+SallaMultipleBundleProductDetails.style = sallaMultipleBundleProductDetailsCss();
 
 export { SallaMultipleBundleProductCart as salla_multiple_bundle_product_cart, SallaMultipleBundleProductDetails as salla_multiple_bundle_product_details };