@salla.sa/twilight-components 2.14.433 → 2.14.435

package/dist/components/salla-installment.js

@@ -3,7 +3,7 @@
  */
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
 
-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}.s-installment-klarna-wrapper{background:white;border-radius:0.375rem;transition:box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1);margin-bottom:20px;padding:10px}.salla-y .s-installment-klarna-wrapper{border:1px solid var(--color-grey-dark);border-radius:12px}.s-installment-klarna-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)}";
 
 const SallaInstallment$1 = /*@__PURE__*/ proxyCustomElement(class SallaInstallment extends HTMLElement {
     constructor() {
@@ -51,6 +51,7 @@ const SallaInstallment$1 = /*@__PURE__*/ proxyCustomElement(class SallaInstallme
             this.emkanIsActive = installment.emkan;
             this.madfuActive = installment.madfu;
             this.rajehiIsActive = installment.mokafaa_alrajhi;
+            this.klarnaIsActive = installment.klarna;
         }
         salla.event.on('product::price.updated', ({ data }) => {
             if (!data.price || data.price == this.price) {
@@ -83,7 +84,7 @@ const SallaInstallment$1 = /*@__PURE__*/ proxyCustomElement(class SallaInstallme
                 installments: 5,
             }) })))) : (''), this.madfuActive && this.currency === "SAR" ? (h("div", { class: "s-installment-madfu-wrapper" }, h("div", { class: "s-installment-madfu-content" }, h("img", { src: salla.url.cdn('images/payment/png/madfu.png'), alt: "madfu" }), h("span", { class: "s-installment-madfu-content-text" }, salla.lang.get('pages.products.installments_madfu'))))) : (''), (isSAR && this.rajehiIsActive) ?
             h("div", { class: "s-installment-rajehi-wrapper" }, h("div", { class: "s-installment-rajehi-content" }, h("img", { src: salla.url.cdn('images/payment/png/mokafaa_alrajhi_loyalty.png'), alt: "mokafaa_alrajhi_loyalty" }), h("span", { class: "s-installment-rajehi-content-text" }, salla.lang.get("pages.products.rajahi_earn_points", { points: Math.floor(+this.price * this.rajehiIsActive.pointsPerRiyal) }))))
-            : ''));
+            : '', this.klarnaIsActive && this.klarnaIsActive.locales?.length > 0 && (h("div", { class: "s-installment-klarna-wrapper" }, h("klarna-placement", { "data-key": this.klarnaIsActive.dataKey || 'credit-promotion-badge', "data-locale": this.getKlarnaLocale(), "data-purchase-amount": String(Math.round(parseFloat(this.price) * 100)) })))));
     }
     renderInstallments(isUpdating = false) {
         if (!this.isValidPrice(this.price)) {
@@ -173,6 +174,10 @@ const SallaInstallment$1 = /*@__PURE__*/ proxyCustomElement(class SallaInstallme
             //   // setTimeout()
             // }
         }
+        // Klarna
+        if (this.klarnaIsActive && this.klarnaIsActive.locales?.length > 0) {
+            this.loadKlarna(isUpdating);
+        }
         // Mispay
         if (this.shouldShowMispay() && this.mispayActive.publicKey) {
             this.loadExternalScript({
@@ -182,7 +187,7 @@ const SallaInstallment$1 = /*@__PURE__*/ proxyCustomElement(class SallaInstallme
         }
     }
     isValidPrice(price) {
-        const pricePattern = /^\d+(\.\d{1,2})?$/;
+        const pricePattern = /^\d+(\.\d{1,3})?$/;
         const isValid = pricePattern.test(price);
         const isGreaterThanZero = parseFloat(price) > 0;
         return isValid && isGreaterThanZero;
@@ -246,6 +251,37 @@ const SallaInstallment$1 = /*@__PURE__*/ proxyCustomElement(class SallaInstallme
             }
         }
     }
+    loadKlarna(isUpdating) {
+        window.KlarnaOnsiteService = window.KlarnaOnsiteService || [];
+        if (isUpdating) {
+            const placement = this.host.querySelector('klarna-placement');
+            if (placement) {
+                placement.setAttribute('data-purchase-amount', String(Math.round(parseFloat(this.price) * 100)));
+                window.KlarnaOnsiteService.push({ eventName: 'refresh-placements' });
+            }
+            return;
+        }
+        var oldKlarnaScript = document.querySelector('script[src="https://js.klarna.com/web-sdk/v1/klarna.js"]');
+        if (oldKlarnaScript) {
+            window.KlarnaOnsiteService.push({ eventName: 'refresh-placements' });
+            return;
+        }
+        var klarnaScript = document.createElement('script');
+        klarnaScript.async = true;
+        klarnaScript.setAttribute('src', 'https://js.klarna.com/web-sdk/v1/klarna.js');
+        klarnaScript.setAttribute('data-client-id', this.klarnaIsActive.clientId);
+        klarnaScript.onload = () => {
+            window.KlarnaOnsiteService.push({ eventName: 'refresh-placements' });
+        };
+        document.body.appendChild(klarnaScript);
+    }
+    getKlarnaLocale() {
+        const locales = this.klarnaIsActive?.locales || [];
+        if (!locales.length)
+            return null;
+        const byLang = new Map(locales?.map(l => [l.split('-')[0], l]));
+        return byLang.get(this.language) ?? byLang.get('en') ?? locales[0];
+    }
     shouldShowMispay() {
         return this.currency === 'SAR' && this.mispayActive;
     }
@@ -286,6 +322,7 @@ const SallaInstallment$1 = /*@__PURE__*/ proxyCustomElement(class SallaInstallme
         "emkanIsActive": [32],
         "madfuActive": [32],
         "rajehiIsActive": [32],
+        "klarnaIsActive": [32],
         "installment_sheria_text": [32]
     }]);
 function defineCustomElement$1() {

package/dist/components/salla-product-card-embed.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface SallaProductCardEmbed extends Components.SallaProductCardEmbed, HTMLElement {}
+export const SallaProductCardEmbed: {
+    prototype: SallaProductCardEmbed;
+    new (): SallaProductCardEmbed;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/salla-product-card-embed.js

@@ -0,0 +1,97 @@
+/*!
+ * Crafted with ❤ by Salla
+ */
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+
+const sallaProductCardEmbedCss = "";
+
+const SallaProductCardEmbed$1 = /*@__PURE__*/ proxyCustomElement(class SallaProductCardEmbed extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.loading = false;
+        this.hasError = false;
+        this.productData = null;
+    }
+    async componentWillLoad() {
+        await salla.onReady();
+        await this.fetchProduct();
+    }
+    componentDidRender() {
+        this.renderCardNode();
+    }
+    fetchProduct() {
+        if (!this.productId) {
+            this.productData = null;
+            this.loading = false;
+            this.hasError = false;
+            return;
+        }
+        this.loading = true;
+        this.hasError = false;
+        return salla.api
+            .withoutNotifier(() => salla.product.api.getDetails(this.productId))
+            .then((response) => {
+            const data = response.data;
+            this.productData = data ?? null;
+            this.hasError = !data;
+        })
+            .catch((_error) => {
+            this.productData = null;
+            this.hasError = true;
+        })
+            .finally(() => {
+            this.loading = false;
+        });
+    }
+    renderCardNode() {
+        if (!this.cardContainer)
+            return;
+        this.cardContainer.textContent = '';
+        if (!this.productData || this.loading || this.hasError)
+            return;
+        const tag = window.customElements.get('custom-salla-product-card')
+            ? 'custom-salla-product-card'
+            : 'salla-product-card';
+        const card = document.createElement(tag);
+        card.product = this.productData;
+        this.cardContainer.appendChild(card);
+    }
+    render() {
+        const cardClasses = {
+            's-product-card-embed-card': true,
+            's-product-card-embed-card-align-left': this.align === 'left',
+            's-product-card-embed-card-align-right': this.align === 'right',
+            's-product-card-embed-card-align-center': this.align === 'center',
+        };
+        return (h(Host, { key: '77c85dadd3d886ab94323d5676b3a8135157352e' }, this.hasError && h("span", { key: 'ee80e9375cbdbc08546ae6ad0d1020b32a3dafc8', class: "s-product-card-embed-fallback" }), h("div", { key: '50e35de032d0d66f7772a8e44b5744587307795c', class: cardClasses, ref: (el) => {
+                this.cardContainer = el;
+            } })));
+    }
+    static get style() { return sallaProductCardEmbedCss; }
+}, [0, "salla-product-card-embed", {
+        "productId": [8, "product-id"],
+        "align": [513],
+        "loading": [32],
+        "hasError": [32],
+        "productData": [32]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["salla-product-card-embed"];
+    components.forEach(tagName => { switch (tagName) {
+        case "salla-product-card-embed":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SallaProductCardEmbed$1);
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
+
+const SallaProductCardEmbed = SallaProductCardEmbed$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SallaProductCardEmbed, defineCustomElement };

package/dist/components/salla-product-size-guide.js

@@ -59,11 +59,11 @@ const SallaProductSizeGuide$1 = /*@__PURE__*/ proxyCustomElement(class SallaProd
         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: 'df2e5102905d69bd07e1faf02330c3453676282a', 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: '6a97d6b0f35ba6d90772c72c4ed20d520c97b98d', slot: 'icon', class: "s-product-size-guide-header-icon", innerHTML: PencilRuler }), h("div", { key: 'babf929a6c385e2314338a1b50ef71de3fb8c8ba', slot: "loading" }, h("div", { key: '95818d8be3112f32f78d180dda347596167fd2b6', class: "s-product-size-guide-skeleton" }, h("salla-skeleton", { key: '1bf1b7c5b5393b89d593b0a9e071ba9f8d158fbb', height: '15px', width: '25%' }), h("div", { key: 'bf4112773abdc284154ee6843b7eef4d1d94bdcc', class: "s-product-size-guide-skeleton-header" }, h("salla-skeleton", { key: 'dbbcc175879ed02058af3c998ec4b7aeefe25d60', height: '40px' }), h("salla-skeleton", { key: '0507d63b57bd4d6cae40f1b21d7e85c75c59e8ae', height: '40px' }), h("salla-skeleton", { key: '386c3d4e83233f953a41aea5092fc480bf7f2237', height: '40px' }), h("salla-skeleton", { key: 'bb5c6f5ac3bb1d1f64d353865bb70c410568d20e', height: '40px' })), h("div", { key: 'c9e0886006385022900d632349f93d531ff72ba8', class: "s-product-size-guide-skeleton-content" }, h("salla-skeleton", { key: '588a847c1665a8f8808b91748028ab14ed40c54a', height: '15px', width: '25%' }), h("salla-skeleton", { key: '7ad4c78d9a968c26544847db18469e38ff61c32f', height: '10px', width: '75%' }), h("salla-skeleton", { key: 'cac7a94e1dcb21eeb721a535cb9ef3e1396d3f5b', height: '10px', width: '50%' }), h("salla-skeleton", { key: 'e753cfe0187d178e3640b4567fb5bf2107e52abe', height: '10px', width: '75%' }), h("salla-skeleton", { key: '8d4ade1d66244b5e1280f849b100ccd88edd8a8f', height: '10px', width: '100%' }), h("salla-skeleton", { key: '7ad153aecd33bbb345e03c54708878ea6803a93c', height: '10px', width: '25%' }), h("salla-skeleton", { key: 'f61c9db0c8ce1faf66ee4a40c4cba3bb8a51f131', height: '10px', width: '60%' }), h("salla-skeleton", { key: '1ab1002b8c35569eac30f58682834733e0948e7a', height: '10px', width: '45%' }), h("salla-skeleton", { key: 'a00cb2b88a9dfba2f8caa5b2e4ebf1fa82f969b4', height: '10px', width: '30%' })))), h("slot", { key: 'd4f0a35976d27416b60bc3d1e6959df8139359d5', name: "header" }), !this.hasError && !!this.guides ?
+        return (h("salla-modal", { key: 'ad8cbc23e60bc0d463f5b94febeab699dd96e2b4', 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: 'b3dc61221d36a2680f74280e5fdb7601e5e70e62', slot: 'icon', class: "s-product-size-guide-header-icon", innerHTML: PencilRuler }), h("div", { key: '9735c6681e3e7c15c5d346f6cfca4c7d34542061', slot: "loading" }, h("div", { key: '65224399d086d931c5c978dd00cf2d4d1ec3c082', class: "s-product-size-guide-skeleton" }, h("salla-skeleton", { key: '05c0eda8bc21f5a2e2a89424bed145e61cd5a29e', height: '15px', width: '25%' }), h("div", { key: 'af0e4801d3e27f664b38577c61ae3fc15e4c5c95', class: "s-product-size-guide-skeleton-header" }, h("salla-skeleton", { key: '614ad02c61d7c44ec768a060cf7a25f04b618056', height: '40px' }), h("salla-skeleton", { key: 'a4da4e2fa6ded411938fd90c4e11d368baadf03e', height: '40px' }), h("salla-skeleton", { key: 'fb2fc13e520d704ad02d9c90f3678d7ec18e89f9', height: '40px' }), h("salla-skeleton", { key: '8b4723988f62458876f4b915f11df73bbf7717a8', height: '40px' })), h("div", { key: '9ae65ff980ee9458d1c2996465dcd7815bae0c1f', class: "s-product-size-guide-skeleton-content" }, h("salla-skeleton", { key: '9d970f8d2d116845a902f7bcab944b48c781024f', height: '15px', width: '25%' }), h("salla-skeleton", { key: 'a8150338ad24a94552796f948b4dddfd280179aa', height: '10px', width: '75%' }), h("salla-skeleton", { key: '34446a9a1948c7c006f6e13b26cacd7e20d16238', height: '10px', width: '50%' }), h("salla-skeleton", { key: '8838c419ac7f384861188d7ab96e8f42473c04c0', height: '10px', width: '75%' }), h("salla-skeleton", { key: '21f8e182ba77e35b0f02f1cbcd21ee8effd94ac0', height: '10px', width: '100%' }), h("salla-skeleton", { key: '5391e8a3a133dd2ccf7087590113391da080ca8a', height: '10px', width: '25%' }), h("salla-skeleton", { key: '743ba490362dd541229cb5c60feb0b6dc5750714', height: '10px', width: '60%' }), h("salla-skeleton", { key: '58e6839c74e13e11f4ef84fa4ec85e1f2f9868f4', height: '10px', width: '45%' }), h("salla-skeleton", { key: 'a6f771e12046112b282dede2d759ed3d019bedcc', height: '10px', width: '30%' })))), h("slot", { key: '3ed1875a19be5a65afbf912fb0819dd92ded3062', 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: '63d8114c56ae8ede12322792df6cb60f9111f928', name: "footer" })));
+            : this.showPlaceholder(), h("slot", { key: 'ca9526f3f95675dab2a38d2715ed3cf842d93174', name: "footer" })));
     }
     get host() { return this; }
     static get style() { return sallaProductSizeGuideCss; }

package/dist/components/salla-products-list2.js

@@ -428,6 +428,13 @@ const SallaProductsList = /*@__PURE__*/ proxyCustomElement(class SallaProductsLi
     getSource() {
         return Helper.getProductsSource(this.source);
     }
+    /**
+     * Partial product strips (mega menu, offers drawer, related products, JSON payload, …)
+     * must not set `response.title` — only the main catalog grid should update the listing title.
+     */
+    isAuxiliaryProductsListSource() {
+        return ['json', 'selected', 'related', 'landing-page', 'recently'].includes(this.getSource());
+    }
     getSourceValue() {
         return this.currentCategoryIdFilter ? this.currentCategoryIdFilter : Helper.getProductsSourceValue(this.source, this.sourceValue);
     }
@@ -643,7 +650,7 @@ const SallaProductsList = /*@__PURE__*/ proxyCustomElement(class SallaProductsLi
             .then(async () => {
             this.hasCustomComponent = !!customElements.get(this.productCardComponent);
             this.sourceValueIsValid = !!(this.getSourceValue() || this.isSourceWithoutValue());
-            this.hasInfiniteScroll = !['json', 'selected', 'related', 'landing-page', 'recently'].includes(this.getSource()) && !this.limit;
+            this.hasInfiniteScroll = !this.isAuxiliaryProductsListSource() && !this.limit;
             let searchParams = new URLSearchParams(window.location.search);
             try {
                 this.sortBy = this.sortBy || searchParams.get('sort') || searchParams.get('by');
@@ -760,28 +767,28 @@ const SallaProductsList = /*@__PURE__*/ proxyCustomElement(class SallaProductsLi
             return [];
         }
         let source = this.getSource();
-        let title = '';
-        //help the developer to know the current page title
         if (response.cursor?.current === 1) {
-            title = Helper.getPageTitleForSource(source);
-            try {
-                if (this.getSource() === 'search') {
-                    title = salla.lang.get('common.elements.search_about', { 'word': this.getSourceValue() });
-                }
-                else if (!title) {
-                    let catId = this.parsedFilters.category_id || this.getSourceValue()[0];
-                    // get the first filter that its key is category_id, then get the value when filter.value.*.key==catId
-                    title = response.filters?.find(filter => filter.key === 'category_id')?.values?.find(cat => cat.key === catId)?.value ?? '';
-                    this.filtersSnapshot = response.filters;
+            if (!this.isAuxiliaryProductsListSource()) {
+                let title = Helper.getPageTitleForSource(source);
+                try {
+                    if (this.getSource() === 'search') {
+                        title = salla.lang.get('common.elements.search_about', { 'word': this.getSourceValue() });
+                    }
+                    else if (!title) {
+                        let catId = this.parsedFilters.category_id || this.getSourceValue()[0];
+                        // get the first filter that its key is category_id, then get the value when filter.value.*.key==catId
+                        title = response.filters?.find(filter => filter.key === 'category_id')?.values?.find(cat => cat.key === catId)?.value ?? '';
+                        this.filtersSnapshot = response.filters;
+                    }
+                    title += (title ? ' - ' : '') + salla.lang.choice('blocks.header.products_count', response.data?.length);
+                    if (response.data.length === 15) {
+                        title = title.replace(response.data.length, salla.lang.get('common.elements.more_than') + ' ' + response.data.length);
+                    }
+                    response.title = title;
                 }
-                title += (title ? ' - ' : '') + salla.lang.choice('blocks.header.products_count', response.data?.length);
-                if (response.data.length === 15) {
-                    title = title.replace(response.data.length, salla.lang.get('common.elements.more_than') + ' ' + response.data.length);
+                catch (e) {
+                    salla.logger.error('Error::falid to handle response', e);
                 }
-                response.title = title;
-            }
-            catch (e) {
-                salla.logger.error('Error::falid to handle response', e);
             }
             //inject the SEO schema
             //handleResponse works only on the infinite-scroll and infinite scroll works only on the categories pages and main latest-page ..etc, so no need to add condition

package/dist/components/salla-quantity-input2.js

@@ -95,7 +95,7 @@ const SallaQuantityInput = /*@__PURE__*/ proxyCustomElement(class SallaQuantityI
         if (!inputAttributes['aria-label'] && !inputAttributes['aria-labelledby']) {
             inputAttributes['aria-label'] = salla.lang.getWithDefault('common.elements.quantity', 'Quantity');
         }
-        return (h(Host, { key: '349b3cd1d83e0451132dd5c93b93b0d70a7628bb', class: "s-quantity-input" }, h("div", { key: '4c9e950f8485c6b4558de88763208d7ee38858aa', class: "s-quantity-input-container" }, h("button", { key: 'ae21915513d6061b990d7cb62f627ca16bd9b087', onClick: () => this.increase(), class: "s-quantity-input-increase-button s-quantity-input-button", type: "button", "aria-label": salla.lang.getWithDefault('common.elements.increase_quantity', 'Increase quantity') }, !this.hasIncrementSlot ? h("span", { innerHTML: Add }) : '', h("slot", { key: 'd2333916fc2376f2de964ee08b51ed9a23e0885a', name: "increment-button" })), h("input", { key: 'bac1692e0d207643411ffe40fb1296735c1a1898', class: "s-quantity-input-input", ...inputAttributes, ref: (el) => this.textInput = el, onInput: (event) => this.setValue(event.target.value), inputMode: "numeric", pattern: "[0-9]*", min: "1", readOnly: this.disableInput, value: this.quantity }), h("button", { key: 'c121075780405d3d64ef5e0c5489e6cc43a90538', class: "s-quantity-input-decrease-button s-quantity-input-button", onClick: () => this.decrease(), type: "button", "aria-label": salla.lang.getWithDefault('common.elements.decrease_quantity', 'Decrease quantity') }, !this.hasDecrementSlot ? h("span", { innerHTML: Minus }) : '', h("slot", { key: '157ca6b862329e57aa58337b95cf9c90a2b8e1f9', name: "decrement-button" })))));
+        return (h(Host, { key: '77565ee635cdda42e956be4fea503905fe4bf199', class: "s-quantity-input" }, h("div", { key: 'f8aa9fb2200032d503cdfc65a65bc2bf94e00eb8', class: "s-quantity-input-container" }, h("button", { key: '1711c74ee9b8f212c2651f9c3a2f3e6737fbe8f4', onClick: () => this.increase(), class: "s-quantity-input-increase-button s-quantity-input-button", type: "button", "aria-label": salla.lang.getWithDefault('common.elements.increase_quantity', 'Increase quantity') }, !this.hasIncrementSlot ? h("span", { innerHTML: Add }) : '', h("slot", { key: '65803c2b491b5dbb1ae79787eec6151f742b517f', name: "increment-button" })), h("input", { key: '1b16e0e0603d91b3a12c968a98575f4146f2d7b6', class: "s-quantity-input-input", ...inputAttributes, ref: (el) => this.textInput = el, onInput: (event) => this.setValue(event.target.value), inputMode: "numeric", pattern: "[0-9]*", min: "1", readOnly: this.disableInput, value: this.quantity }), h("button", { key: 'ad33507fa617ddb6ebeee842c5f1f0b3595a475b', class: "s-quantity-input-decrease-button s-quantity-input-button", onClick: () => this.decrease(), type: "button", "aria-label": salla.lang.getWithDefault('common.elements.decrease_quantity', 'Decrease quantity') }, !this.hasDecrementSlot ? h("span", { innerHTML: Minus }) : '', h("slot", { key: '341b8e5d941e63c13c78061d24ecd2ba64d9a7a1', name: "decrement-button" })))));
     }
     get host() { return this; }
     static get watchers() { return {

package/dist/components/salla-quick-buy2.js

@@ -1141,7 +1141,7 @@ const SallaQuickBuy = /*@__PURE__*/ proxyCustomElement(class SallaQuickBuy exten
         });
     }
     render() {
-        return h(Host, { key: 'c748ae20633d0002e23a3c7295d3235b3f543245' }, this.quickBuyButton());
+        return h(Host, { key: '76958d08c18982d3f643c65ac1f6119830414d5d' }, this.quickBuyButton());
     }
     quickBuyButton() {
         return h("apple-pay-button", { locale: salla?.config?.get?.('user.language_code') || 'ar', onClick: () => this.quickBuyHandler(), "data-quick-purchase": "applepay", class: "s-quick-buy-apple-pay", "data-is-applepay": "1", buttonstyle: "black", type: this.type });

package/dist/components/salla-review-card2.js

@@ -172,7 +172,7 @@ const SallaReviewCard = /*@__PURE__*/ proxyCustomElement(class SallaReviewCard e
         return (h("a", { href: this.review?.product?.url, class: "s-review-card-product-container" }, h("img", { alt: product.image?.alt || "Product", src: product.image?.url, class: "s-review-card-product-image", width: 60, height: 60, loading: "lazy", decoding: "async", draggable: false }), h("div", { class: "s-review-card-product-details" }, h("p", { class: "s-review-card-product-details-name" }, product.name), this.showPurchaseCount ? h("p", { class: "s-review-card-product-details-purchase-count" }, h("span", { innerHTML: IconFire2 }), this.purchasedCount) : null)));
     }
     render() {
-        return h("div", { key: 'ec2ded8609dba5e1bbd86056a6dbc9021f36a212', class: "s-review-card-container" }, this.renderSlider(), this.renderSingleImage(), renderDivider(), h("div", { key: 'd1ee883d27ebb03c2877f2ec8d2b5fcb11eaa3e5', class: "s-review-card-content" }, this.renderHeader(), h("p", { key: '787ec1bef7fd4b2916f6b106e075ff1a87b06f81', class: "s-review-card-review-content", innerHTML: this.review?.content }), renderDivider(), this.renderProductInfo()));
+        return h("div", { key: 'e5a7774e29dff0fd1ce5ce1e8ca01ee2367f5078', class: "s-review-card-container" }, this.renderSlider(), this.renderSingleImage(), renderDivider(), h("div", { key: '69c22179536a152eddb72a4790f8bd20c9b6b886', class: "s-review-card-content" }, this.renderHeader(), h("p", { key: '28e980d499e7078006486e94f5e87f5b71790400', class: "s-review-card-review-content", innerHTML: this.review?.content }), renderDivider(), this.renderProductInfo()));
     }
     get el() { return this; }
     static get style() { return sallaReviewCardCss; }

package/dist/components/salla-reviews-page.js

@@ -685,7 +685,7 @@ const SallaReviewsPage$1 = /*@__PURE__*/ proxyCustomElement(class SallaReviewsPa
         return options.map(option => (h("option", { key: option.value, value: option.value, selected: option.value === this.sort }, option.label)));
     }
     render() {
-        return (h("host", { key: '9d393d47dde31817178d398dacf0be9d1961f487' }, h("div", { key: '2109c18f3cf9ebb5769291ee88dc733e2b96759f', class: "s-reviews-page-header-wrapper" }, h("h2", { key: 'f9259ac0832ea3041a517ee3dd8dccb41a3bd903', class: "s-reviews-page-title" }, this.langTitlesReviews, h("span", { key: 'f49098ca0e3f911669c610a310dbf331922e9b8a', class: "s-reviews-page-count" }, "(", this.langRatingReviews, ")")), h("div", { key: '739397b8f7389cfab453d435868b20be49871d6d', class: "s-reviews-page-filter-wrapper" }, h("label", { key: '92bd0f40b758f394ca3c1604ba207653e2263bac', class: "s-reviews-page-filter-label", htmlFor: "testimonials-filter" }, this.langSorting), h("select", { key: 'a2b42e0c18c9192a3ff33f61ca21e50355655ed4', onChange: (e) => this.handleSorting(e), disabled: !this.reviews.length, class: "s-reviews-page-filter" }, this.renderSortingOptions()))), this.reviews.length ? h("main", { class: "s-reviews-page-grid", ref: el => {
+        return (h("host", { key: '80224727f57c3075fab3814bc31ad69e13bebd5e' }, h("div", { key: 'b014fad2937c226921ffafd4504cfab975ea9a39', class: "s-reviews-page-header-wrapper" }, h("h2", { key: 'bf6ae4aa8c922fda85176708b5f4669c10bf6c08', class: "s-reviews-page-title" }, this.langTitlesReviews, h("span", { key: '63c6fde2d510cbc49a435ad8d91bc15c4323fa1d', class: "s-reviews-page-count" }, "(", this.langRatingReviews, ")")), h("div", { key: '3ecb8d184bb112b2961aedf7500f29d53c6bc516', class: "s-reviews-page-filter-wrapper" }, h("label", { key: '6a0ff38fe00c276c4e90233dab20bf2c4d561e82', class: "s-reviews-page-filter-label", htmlFor: "testimonials-filter" }, this.langSorting), h("select", { key: 'b0f3528c27cf620fbde83293f2c48dccb51590ea', onChange: (e) => this.handleSorting(e), disabled: !this.reviews.length, class: "s-reviews-page-filter" }, this.renderSortingOptions()))), this.reviews.length ? h("main", { class: "s-reviews-page-grid", ref: el => {
                 this.wrapper = el;
             } }, this.reviews.map(review => (h("salla-review-card", { key: review.id, review: review }))))
             : h("div", { class: "s-products-list-placeholder" }, h("span", { innerHTML: ShoppingBag }), h("p", null, this.placeholderText)), this.pagination?.links?.next && this.reviews.length ? (h("div", { class: "s-reviews-page-load-more-container" }, h("salla-button", { class: "s-reviews-page-load-more-btn", loading: this.isLoading, onClick: () => this.infiniteScroll?.loadNextPage(), onKeyUp: () => this.infiniteScroll?.loadNextPage() }, this.langLoadMore))) : null));

package/dist/components/salla-reviews.js

@@ -98,7 +98,7 @@ const SallaReviews$1 = /*@__PURE__*/ proxyCustomElement(class SallaReviews exten
         });
     }
     render() {
-        return (h("div", { key: '889f426abadef56e0bfbde908d5066945c7a8543', class: "s-reviews-container" }, h("div", { key: '2965a05ba4845b9662f473a9ebd170c57cf36451', class: "s-reviews-header-wrapper" }, h("h1", { key: 'c9a77566e31c32657b0db3adbe2a49fe0c0f65e0', class: "s-reviews-header" }, this.testimonialText), !!this.displayAllLink ? (h("a", { href: this.displayAllURL, class: "s-reviews-display-all" }, this.displayAllLinkText, h("span", { class: "s-reviews-display-all-icon", innerHTML: IconArrowLeft }))) : null), h("salla-slider", { key: '40dd000abc65ae509b451f19919f55972eeb6af3', centered: true, "slides-per-view": 1, type: "testimonials", class: "s-reviews-testimonials-slider", "controls-outer": true, "auto-play": true, id: `testimonials-${this.source}-slider` }, h("div", { key: 'fd32e5d7fa8b49ed07d45585d5da2acc23d0e7f2', slot: "items" }, this.reviews.map((item, index) => (h("div", { key: index, class: "s-reviews-swiper-slide" }, h("div", { class: "s-reviews-testimonial" }, h("div", { class: "s-reviews-testimonial__inner" }, h("div", { class: "s-reviews-testimonial__avatar" }, h("img", { src: 'images/s-empty.png', "data-src": item.avatar, alt: item.name ? item.name : 'testimonial-' + index, class: "lazy" })), h("div", { class: "s-reviews-testimonial__text" }, h("p", { innerHTML: item.content }), h("div", { class: "s-reviews-testimonial__name_wrapper" }, h("div", { class: "s-reviews-testimonial__info" }, item.name && h("h2", null, `${item.name}`)), h("div", { class: "s-reviews-testimonial__rating" }, h("salla-rating-stars", { size: "small", value: item.stars })))), h("span", { class: "s-reviews-testimonial__icon", innerHTML: IconQuoteOpen }))))))))));
+        return (h("div", { key: 'd527bf318afcd25134abc80d1c402b19113040da', class: "s-reviews-container" }, h("div", { key: '89236aef8cbfcc26c7cb3df6f6b905c0b3047236', class: "s-reviews-header-wrapper" }, h("h1", { key: '3c9068fd0a7c91fb661fc08e50f552b1f6962f3f', class: "s-reviews-header" }, this.testimonialText), !!this.displayAllLink ? (h("a", { href: this.displayAllURL, class: "s-reviews-display-all" }, this.displayAllLinkText, h("span", { class: "s-reviews-display-all-icon", innerHTML: IconArrowLeft }))) : null), h("salla-slider", { key: '298151de4f6ce169dd9f5d2092c1895dfa4dc264', centered: true, "slides-per-view": 1, type: "testimonials", class: "s-reviews-testimonials-slider", "controls-outer": true, "auto-play": true, id: `testimonials-${this.source}-slider` }, h("div", { key: 'a8cf3322655adb74a6a7b30d2d7e2e80d6eb2b55', slot: "items" }, this.reviews.map((item, index) => (h("div", { key: index, class: "s-reviews-swiper-slide" }, h("div", { class: "s-reviews-testimonial" }, h("div", { class: "s-reviews-testimonial__inner" }, h("div", { class: "s-reviews-testimonial__avatar" }, h("img", { src: 'images/s-empty.png', "data-src": item.avatar, alt: item.name ? item.name : 'testimonial-' + index, class: "lazy" })), h("div", { class: "s-reviews-testimonial__text" }, h("p", { innerHTML: item.content }), h("div", { class: "s-reviews-testimonial__name_wrapper" }, h("div", { class: "s-reviews-testimonial__info" }, item.name && h("h2", null, `${item.name}`)), h("div", { class: "s-reviews-testimonial__rating" }, h("salla-rating-stars", { size: "small", value: item.stars })))), h("span", { class: "s-reviews-testimonial__icon", innerHTML: IconQuoteOpen }))))))))));
     }
     static get style() { return sallaReviewsCss; }
 }, [0, "salla-reviews", {

package/dist/components/salla-scopes.js

@@ -165,7 +165,7 @@ const SallaScopees = /*@__PURE__*/ proxyCustomElement(class SallaScopees extends
         return salla.onReady();
     }
     render() {
-        return (h(Host, { key: '3b477eba55e3d9b8067b5b2e889a66a038cdfeaa' }, h("salla-modal", { key: '82aefd868b472b3f2265140845ab40eb8a2afa72', ref: modal => this.modal = modal, isClosable: !!(this.isOpenedBefore || (this.selection == 'optional')), class: "s-scopes-modal", isLoading: this.loading, "has-skeleton": true }, this.loading ?
+        return (h(Host, { key: '18d5a944f5034e2079c30b6595b3c7969b92f939' }, h("salla-modal", { key: 'a254d29b1a9cb363ba72417e234af5d81e9f2b8c', ref: modal => this.modal = modal, isClosable: !!(this.isOpenedBefore || (this.selection == 'optional')), class: "s-scopes-modal", isLoading: this.loading, "has-skeleton": true }, this.loading ?
             h("div", { slot: "loading" }, h("div", { class: "s-scopes-skeleton" }, h("salla-list-tile", { class: "s-scopes-header" }, h("div", { slot: "icon", class: "s-scopes-header-icon" }, h("salla-skeleton", { type: "circle" })), h("div", { slot: "title", class: "s-scopes-header-title mb-5" }, h("salla-skeleton", { height: '15px', width: '50%' })), h("div", { slot: "subtitle", class: "s-scopes-header-subtitle" }, h("salla-skeleton", { height: '10px' }), h("salla-skeleton", { height: '10px', width: '75%' }))), h("div", { class: "s-scopes-skeleton-search" }, h("salla-skeleton", { height: '10px', width: '50%' }), h("salla-skeleton", { height: '30px', width: '100%' })), h("div", { class: "s-scopes-skeleton-scopes" }, h("salla-skeleton", { height: '10px', width: '30%' }), h("salla-skeleton", { height: '10px', width: '25%' }), h("salla-skeleton", { height: '10px', width: '30%' }), h("salla-skeleton", { height: '10px', width: '25%' }), h("salla-skeleton", { height: '10px', width: '30%' }), h("salla-skeleton", { height: '10px', width: '25%' }), h("salla-skeleton", { height: '10px', width: '30%' }), h("salla-skeleton", { height: '10px', width: '25%' })), h("div", { class: "s-scopes-skeleton-btn" }, h("salla-skeleton", { height: '40px', width: '100%' }))))
             :
                 [h("salla-list-tile", { class: this.originalScopesList?.length ? "s-scopes-header block" : "s-hidden" }, h("div", { slot: "icon", class: "s-scopes-header-icon", innerHTML: StoreAlt }), h("div", { slot: "title", class: "s-scopes-header-title" }, salla.lang.get('blocks.scope.you_are_browse_store_from')), h("div", { slot: "subtitle", class: "s-scopes-header-subtitle" }, !!this.selected_scope ? this.selected_scope.name : "")), h("div", { class: "s-scopes-wrap" }, !!this.originalScopesList?.length && h("h4", { class: "s-scopes-title" }, this.getFormTitle()), this.originalScopesList?.length > this.searchDisplayLimit ?

package/dist/components/salla-search.js

@@ -132,10 +132,10 @@ const SallaSearch$1 = /*@__PURE__*/ proxyCustomElement(class SallaSearch extends
         this.inputValue.length < 3 ? this.container.classList.remove('s-search-no-results') : '';
     }
     render() {
-        const searchContent = (h("div", { key: '9ed37ceb9eb7ef3468b69b0f9efaecdbc071f52a', class: { 's-search-container': true, 's-search-inline': this.inline }, ref: container => (this.container = container) }, h("div", { key: 'bc83f0c8cc26d23c4b26b98438666c1053300ae9', class: "s-search-input-wrapper" }, h("span", { key: '5d5537a2cd6b4deadaf6451f0f301ee609ec07b6', class: "s-search-icon-wrap" }, h("span", { key: '36151c40fe3c6e48d028980c405592947d762bcc', class: "s-search-icon", innerHTML: this.loading ? '<i class="s-search-spinner-loader"/>' : Search })), h("input", { key: '3b488e2282d93b2df22309434753ce94f4ab9b8b', type: "search", enterkeyhint: "search", autocomplete: "off", class: "s-search-input", placeholder: salla.lang.get('blocks.header.search_placeholder'), onInput: (e) => this.limitWordsAndSearch(e), onKeyDown: e => this.handleKeyDown(e), ref: input => (this.searchInput = input), style: {
+        const searchContent = (h("div", { key: 'd152ce7b41f44975724214a4957b366a3d372efe', class: { 's-search-container': true, 's-search-inline': this.inline }, ref: container => (this.container = container) }, h("div", { key: '19c13742ed6b78300da453503c01052cc56e6224', class: "s-search-input-wrapper" }, h("span", { key: '65b092ca1797d23fca0370578c3780bb553bbc2e', class: "s-search-icon-wrap" }, h("span", { key: '14caaa450614f8dd99b05edd447184ab79cd94f2', class: "s-search-icon", innerHTML: this.loading ? '<i class="s-search-spinner-loader"/>' : Search })), h("input", { key: '4656f0002ff24e9948c5799d5bbed20e59eee2e9', type: "search", enterkeyhint: "search", autocomplete: "off", class: "s-search-input", placeholder: salla.lang.get('blocks.header.search_placeholder'), onInput: (e) => this.limitWordsAndSearch(e), onKeyDown: e => this.handleKeyDown(e), ref: input => (this.searchInput = input), style: {
                 height: this.height + 'px',
                 borderRadius: this.oval ? this.height / 2 + 'px' : '',
-            } }), this.showAction ? (h("salla-button", { loading: this.loading, class: { 's-search-action': true, 's-search-action-oval': this.oval }, onClick: () => this.handleActionClick() }, !this.loading && h("span", { innerHTML: Search }))) : null), h("div", { key: 'e5310efe972f797f6b0be3cd283c531799852380', class: "s-search-results" }, this.results?.data.map(product => (h("a", { href: product.url + '?from=search-bar', class: {
+            } }), this.showAction ? (h("salla-button", { loading: this.loading, class: { 's-search-action': true, 's-search-action-oval': this.oval }, onClick: () => this.handleActionClick() }, !this.loading && h("span", { innerHTML: Search }))) : null), h("div", { key: 'ca998ee139b31b0284ae72ccd1f9466f697feb6a', class: "s-search-results" }, this.results?.data.map(product => (h("a", { href: product.url + '?from=search-bar', class: {
                 's-search-product': true,
                 's-search-product-not-available': !product.is_available,
             }, innerHTML: this.productSlot
@@ -144,9 +144,9 @@ const SallaSearch$1 = /*@__PURE__*/ proxyCustomElement(class SallaSearch extends
                 .replace(/\{regular_price\}/g, product.is_on_sale && product.regular_price
                 ? salla.money(product.regular_price)
                 : '')
-                .replace(/\{image\}/g, product.image.url) }))), h("p", { key: 'b3ca75a3641d75a445e9b187dd7f91d0f3a053e1', ref: el => (this.noResults = el), class: "s-search-no-results-placeholder" }, salla.lang.get('common.elements.no_options')))));
-        const modalContent = (h("salla-modal", { key: '1bdb2348d3af824ba5b6d624f9613ed406145e5b', position: "top", class: "s-search-modal", ref: modal => (this.modal = modal) }, searchContent));
-        const placeholderContent = (h("div", { key: '90a4dd34c763e9390c8cc5caf09b0f8af67a671a', class: "s-search-placeholder-wrapper s-search-inline" }, h("div", { key: '2baf596e2163e42c6b1537b23297d791f76dd382', class: "s-search-input-wrapper" }, h("span", { key: '3048a62a758cb3b5a61a50f7c7e4af1fb6f013b1', class: "s-search-icon-wrap" }, h("span", { key: '3b0336f934d449c189e01c5c9072915781779280', class: "s-search-icon", innerHTML: Search })), h("button", { key: '991d1ff811b93c2700e6526efbc2948117e58669', type: "button", class: "s-search-input s-search-placeholder-trigger", onClick: () => this.open(), style: {
+                .replace(/\{image\}/g, product.image.url) }))), h("p", { key: 'c8f2750a602097c96b1424acc35d2a190f86bf5d', ref: el => (this.noResults = el), class: "s-search-no-results-placeholder" }, salla.lang.get('common.elements.no_options')))));
+        const modalContent = (h("salla-modal", { key: '2656ec22b40c5d69c9ce9887ff683d119ef826e2', position: "top", class: "s-search-modal", ref: modal => (this.modal = modal) }, searchContent));
+        const placeholderContent = (h("div", { key: '8f771fddec5620cbfc8259a6d94e955db0f5e787', class: "s-search-placeholder-wrapper s-search-inline" }, h("div", { key: 'a6ac18f63248ae303d05f8ed62f0dadfded33fad', class: "s-search-input-wrapper" }, h("span", { key: '5996163e3314b9c9240018e438f121d553e58e0f', class: "s-search-icon-wrap" }, h("span", { key: '581c625690b9fc000108bc5ba642f3a3452f67c8', class: "s-search-icon", innerHTML: Search })), h("button", { key: '8f7edf24f999f3c5a37cca2c82c664822e729088', type: "button", class: "s-search-input s-search-placeholder-trigger", onClick: () => this.open(), style: {
                 height: this.height + 'px',
                 borderRadius: this.oval ? this.height / 2 + 'px' : '',
             } }, salla.lang.get('blocks.header.search_placeholder'))), modalContent));

package/dist/components/salla-searchable-dropdown2.js

@@ -179,18 +179,18 @@ const SallaSearchableDropdown = /*@__PURE__*/ proxyCustomElement(class SallaSear
     render() {
         const hasSelection = this.selectedItem != null;
         const listboxId = `${this.inputId}-listbox`;
-        return (h(Host, { key: 'cdb96259f3951c9e2a068e1aa170e3dd1b60331c', class: "s-searchable-dropdown" }, h("div", { key: 'e4a4523e6fc13a00b06c949080a00c217aa07b4d', class: { 's-searchable-dropdown': true, 's-searchable-dropdown--open': this.isOpen } }, this.label && (h("label", { key: '9e8d9d1157e2236357512b74cc96622287764347', class: "s-searchable-dropdown-label", htmlFor: this.inputId }, this.label, this.required && h("span", { key: 'a5e66b934d13d113de8b5c033fc26d8982e52fba', class: "s-searchable-dropdown-required" }, " *"))), h("div", { key: '42ddef68f5177532a143b4569115fd5b7e006fa3', class: {
+        return (h(Host, { key: '3545a75c07ae7c2a2c82ee54fa710f6f5d8bcfce', class: "s-searchable-dropdown" }, h("div", { key: '022fb98602228c5837cadb758f24f00956fafc22', class: { 's-searchable-dropdown': true, 's-searchable-dropdown--open': this.isOpen } }, this.label && (h("label", { key: '24e09036df24d45ce74799ec06b20b03df866866', class: "s-searchable-dropdown-label", htmlFor: this.inputId }, this.label, this.required && h("span", { key: '94277d1659f2b22c96de02a77a37920eefff13ef', class: "s-searchable-dropdown-required" }, " *"))), h("div", { key: '077e0662f0570c1bf9339577e7699d75f9b337de', class: {
                 's-searchable-dropdown-trigger': true,
                 's-searchable-dropdown-trigger--disabled': this.disabled || this.loading,
                 's-searchable-dropdown-trigger--open': this.isOpen,
-            }, role: "combobox", "aria-expanded": this.isOpen ? 'true' : 'false', "aria-haspopup": "listbox", "aria-controls": listboxId, "aria-disabled": this.disabled || this.loading ? 'true' : 'false', tabIndex: this.disabled || this.loading ? -1 : 0, onClick: this.handleTriggerClick, onKeyDown: this.handleTriggerKeyDown }, hasSelection ? (h("span", { class: "s-searchable-dropdown-trigger-text" }, this.getDisplayName(this.selectedItem))) : (h("span", { class: "s-searchable-dropdown-trigger-placeholder" }, this.placeholder)), h("i", { key: 'd0af58c577361ea1f64bcb8e8e6bcf82f662bc71', class: {
+            }, role: "combobox", "aria-expanded": this.isOpen ? 'true' : 'false', "aria-haspopup": "listbox", "aria-controls": listboxId, "aria-disabled": this.disabled || this.loading ? 'true' : 'false', tabIndex: this.disabled || this.loading ? -1 : 0, onClick: this.handleTriggerClick, onKeyDown: this.handleTriggerKeyDown }, hasSelection ? (h("span", { class: "s-searchable-dropdown-trigger-text" }, this.getDisplayName(this.selectedItem))) : (h("span", { class: "s-searchable-dropdown-trigger-placeholder" }, this.placeholder)), h("i", { key: '134a95003036f1c8a7df91a06542178e6ec12c04', class: {
                 'sicon-keyboard_arrow_down': true,
                 's-searchable-dropdown-trigger-icon': true,
                 's-searchable-dropdown-trigger-icon--open': this.isOpen,
-            }, "aria-hidden": "true" })), this.isOpen && (h("div", { key: '5452d81395fdfe59925ff7d07ec7660909f5ce63', class: {
+            }, "aria-hidden": "true" })), this.isOpen && (h("div", { key: 'be6eb6c94d4b73c27959722ccb4bc87722035d1c', class: {
                 's-searchable-dropdown-panel': true,
                 's-searchable-dropdown-panel--up': this.dropUp,
-            }, ref: (el) => (this.panelRef = el) }, h("div", { key: '5b7e286c7ce3128f3c0fc1a8983d524042ea66fd', class: "s-searchable-dropdown-search-wrap" }, h("i", { key: '0dde5c7d2125e8346e53a4fd42eccfc7615f5ea0', class: "sicon-search s-searchable-dropdown-search-icon", "aria-hidden": "true" }), h("input", { key: '1c483ac2d199cbd7b086bc016878b00d51798b84', ref: (el) => (this.searchInputRef = el), id: this.inputId, type: "text", class: "s-searchable-dropdown-search-input", placeholder: this.placeholder, value: this.clientSearch ? this.clientSearchQuery : this.searchQuery, onInput: this.handleSearchInputChange, onKeyDown: this.handleSearchKeyDown, autocomplete: "off", "aria-autocomplete": "list", "aria-expanded": this.isOpen ? 'true' : 'false', "aria-controls": listboxId })), h("div", { key: 'f10f0a612008f4d0863685a238d6baefd7903a66', id: listboxId, class: "s-searchable-dropdown-list s-scrollbar", role: "listbox" }, this.renderListContent()))))));
+            }, ref: (el) => (this.panelRef = el) }, h("div", { key: 'd97ce90a0fd26043a45c1a45616f8fde621e8ac5', class: "s-searchable-dropdown-search-wrap" }, h("i", { key: 'c7683e2dd873306e18afea983bb410827d883796', class: "sicon-search s-searchable-dropdown-search-icon", "aria-hidden": "true" }), h("input", { key: '64c4259b6c5453a9b1cb5985c58c65dd01ec139f', ref: (el) => (this.searchInputRef = el), id: this.inputId, type: "text", class: "s-searchable-dropdown-search-input", placeholder: this.placeholder, value: this.clientSearch ? this.clientSearchQuery : this.searchQuery, onInput: this.handleSearchInputChange, onKeyDown: this.handleSearchKeyDown, autocomplete: "off", "aria-autocomplete": "list", "aria-expanded": this.isOpen ? 'true' : 'false', "aria-controls": listboxId })), h("div", { key: '9748f507fcb884b520ffc847800cc3543546b8ce', id: listboxId, class: "s-searchable-dropdown-list s-scrollbar", role: "listbox" }, this.renderListContent()))))));
     }
     renderListContent() {
         if (this.searching || this.loading) {

package/dist/components/salla-skeleton2.js

@@ -27,7 +27,7 @@ const SallaSkeleton = /*@__PURE__*/ proxyCustomElement(class SallaSkeleton exten
             's-skeleton-item': true,
             's-skeleton-item-circular': this.type == 'circle',
         };
-        return (h(Host, { key: 'f645a6a85c27f28f0f4753a21f0a635bd29b1066', class: "s-skeleton-wrapper", style: { width: this.width, height: this.height } }, h("div", { key: '7146a8905fd164c30ed54729e6e1d7a23b1df94e', class: classes }, "\u00A0")));
+        return (h(Host, { key: 'bbd3b59181da4c7c97a2fbf862eedebbedbe0634', class: "s-skeleton-wrapper", style: { width: this.width, height: this.height } }, h("div", { key: '137814e704aabda9931441f744bac595dd506d0e', class: classes }, "\u00A0")));
     }
     static get style() { return sallaSkeletonCss; }
 }, [0, "salla-skeleton", {

package/dist/components/salla-social-share.js

@@ -150,7 +150,7 @@ const SallaSocialShare$1 = /*@__PURE__*/ proxyCustomElement(class SallaSocialSha
         window.a2a?.init('page');
     }
     render() {
-        return (h("div", { key: '52c1d99308e8512060d0b28bfe9e8bbe6d9e421d', class: "s-social-share-wrapper" }, h("slot", { key: '9086cdb5e2a3f1544e8711c8c9c7b166fa81cb75', name: 'widget' }, h("salla-button", { key: 'b32d67924c0fd2d75bc01d026a81cc4eea06a53e', "aria-label": "Share", onClick: () => this.open(), class: "s-social-share-btn", shape: "icon", fill: "outline", color: "light" }, h("span", { key: 'a18db03d476a004e779ad1b7696678dc871b4c2b', innerHTML: this.opened ? Cancel : ShareAlt }))), h("ul", { key: '133254b1c2a797fca7b8e0af40f397d8e8e7651f', ref: el => this.shareMenu = el, class: "s-social-share-list a2a_kit share", "data-a2a-url": this.url ? this.url : window.location.href, "data-a2a-title": this.urlName ? this.urlName : document.title }, this.platforms.split(',').map(platform => {
+        return (h("div", { key: '006a40f33ae7513a265f6f3f04425e68a1193cdb', class: "s-social-share-wrapper" }, h("slot", { key: 'e089609f48cd6c231e17488bdd89e78f76b0df78', name: 'widget' }, h("salla-button", { key: '788679ca99d366efbc37faac11332e554a2a7bde', "aria-label": "Share", onClick: () => this.open(), class: "s-social-share-btn", shape: "icon", fill: "outline", color: "light" }, h("span", { key: '97f86e7e8d22f05c13db6cb0dfdf51e18bc3c814', innerHTML: this.opened ? Cancel : ShareAlt }))), h("ul", { key: '8b13d93d51ba38ff1a3794646d9f68b10c6500ff', ref: el => this.shareMenu = el, class: "s-social-share-list a2a_kit share", "data-a2a-url": this.url ? this.url : window.location.href, "data-a2a-title": this.urlName ? this.urlName : document.title }, this.platforms.split(',').map(platform => {
             return (h("li", null, h("a", { class: `a2a_button_${platform}`, "aria-label": `Share Via ${platform}` }, this.platformIcons.map((icon) => {
                 if (icon.name === platform) {
                     return h("span", { class: "s-social-share-icon", innerHTML: icon.icon });

package/dist/components/salla-social.js

@@ -56,7 +56,7 @@ const SallaSocial$1 = /*@__PURE__*/ proxyCustomElement(class SallaSocial extends
     }
     render() {
         const linksArray = this.getLinksArray();
-        return (h(Host, { key: 'b3377f6f933a69e9b9b8d633b6825d0f7fa1f6b0' }, h("ul", { key: 'ee82940597a4a18a721415c9c192adedbcd2c67d', class: "s-social-list" }, linksArray.map((link) => (h("li", { class: "s-social-link" }, h("div", { id: "social-slot", innerHTML: this.socialSlot
+        return (h(Host, { key: 'a4c05f6fcf54b6d34c547d7b27a61d4afbd91f10' }, h("ul", { key: 'ab690b3eba0190d6830a5988510c404dafa4e450', class: "s-social-list" }, linksArray.map((link) => (h("li", { class: "s-social-link" }, h("div", { id: "social-slot", innerHTML: this.socialSlot
                 .replace(/\{icon\}/g, this.iconsList[link.type])
                 .replace(/\{type\}/g, link.type)
                 .replace(/\{link\}/g, link.value.toString()) })))))));

package/dist/components/salla-tab-content2.js

@@ -32,7 +32,7 @@ const SallaTabContent = /*@__PURE__*/ proxyCustomElement(class SallaTabContent e
             's-tabs-content': true,
             's-tabs-content-selected': this.isSelected
         };
-        return (h("div", { key: '7e434cb1ef165f74434be7a81332ac03b75b7fbf', class: classes }, h("slot", { key: 'cf6f81543421fddcd25ae6a4110101e749065e58' })));
+        return (h("div", { key: '59729323fd707b74b2b1fd8707fcb122ee21ed9f', class: classes }, h("slot", { key: 'a273156c8bbb3dbf25dc2e556d060c4402a8a394' })));
     }
     static get style() { return sallaTabContentCss; }
 }, [4, "salla-tab-content", {

package/dist/components/salla-tab-header2.js

@@ -58,7 +58,7 @@ const SallaTabHeader = /*@__PURE__*/ proxyCustomElement(class SallaTabHeader ext
             's-tabs-active': this.isSelected,
         };
         return [
-            h("div", { key: '83a46a1c9b08bbbfeae3db10a482a50930645e26', class: classes, onClick: this.onClick.bind(this) }, h("slot", { key: '14f194bf5d1152f4fb0976a5784e00fda3504f5e' })),
+            h("div", { key: 'cdeff834ff1a1e4a5cd19c52e5c36bcc51491064', class: classes, onClick: this.onClick.bind(this) }, h("slot", { key: '5aeedafb3c074f588cd2a343fe48fc5b8807821d' })),
         ];
     }
     static get style() { return sallaTabHeaderCss; }

package/dist/components/salla-tabs2.js

@@ -51,7 +51,7 @@ const SallaTabs = /*@__PURE__*/ proxyCustomElement(class SallaTabs extends HTMLE
     }
     render() {
         return [
-            h("div", { key: '5584079da6ec0297e1b5b0696b951d9a1e59737a', class: "s-tabs" }, h("div", { key: '7ccbf64b3dd3b8a0cc26dbac085b0a6b4fdd674b', class: "s-tabs-header" }, h("slot", { key: 'aad3107a146bb0ee7130b17ebb622fdb5cf6b1e7', name: "header" })), h("div", { key: '4f6a38f41b7788162549123fed9c8a256e3f7c94', class: "s-tabs-content-wrapper" }, h("slot", { key: '51cb020f8f95c76959c3b3f730d8763419570b43', name: "content" })))
+            h("div", { key: '1d2c28a8025c9c9c1d988dbded489263794cb92e', class: "s-tabs" }, h("div", { key: '54f011017f5378e7053b4f3a135d6a050e08479c', class: "s-tabs-header" }, h("slot", { key: 'efd25fb8dd73b9296015be1e224b84fc53ab9082', name: "header" })), h("div", { key: 'f80582281746ae231092360e26d65331cc98f480', class: "s-tabs-content-wrapper" }, h("slot", { key: 'c97cde11dcbd37124dc1c24559c918111c57e6fe', name: "content" })))
         ];
     }
     get host() { return this; }

package/dist/components/salla-tel-input2.js

@@ -129,7 +129,7 @@ const SallaTelInput = /*@__PURE__*/ proxyCustomElement(class SallaTelInput exten
         }
     }
     render() {
-        return (h(Host, { key: 'f9dbd104d08e371c2d948d4e2f521f180f0e9728', class: "s-tel-input" }, h("input", { key: '88d9aec228b90558b51d94efca25404603fa028b', type: "tel", disabled: this.disabled, name: this.name, value: this.phone, onChange: (event) => this.handleCountryInput(event), ref: el => this.phoneInput = el, enterkeyhint: "next", autocomplete: "tel", class: "s-tel-input-control tel-input s-ltr" }), h("span", { key: '3e143a4a2021889e0c2dec33968ec7cf127cf635', class: "s-tel-input-error-msg", ref: el => this.errorMsg = el }), h("input", { key: 'bec80ffbd16d6f36a70205bcdc3dae180270be62', type: "hidden", name: "country_code", value: this.countryCode, ref: el => this.countryCodeInput = el, class: "country_code" })));
+        return (h(Host, { key: '3d6d30dec797f67178adf57497e9b1a0dc92c195', class: "s-tel-input" }, h("input", { key: 'e6f1bb82efa3d08d791cb39d82c1c0c6acb3e253', type: "tel", disabled: this.disabled, name: this.name, value: this.phone, onChange: (event) => this.handleCountryInput(event), ref: el => this.phoneInput = el, enterkeyhint: "next", autocomplete: "tel", class: "s-tel-input-control tel-input s-ltr" }), h("span", { key: 'ddbb70dd419742bac9a2a34480f4195f282a2c7c', class: "s-tel-input-error-msg", ref: el => this.errorMsg = el }), h("input", { key: 'b168210708af8d78628ae6b104b268890e60fb8f', type: "hidden", name: "country_code", value: this.countryCode, ref: el => this.countryCodeInput = el, class: "country_code" })));
     }
     componentDidLoad() {
         this.initTelInput();

package/dist/components/salla-tooltip2.js

@@ -32,7 +32,7 @@ const SallaTooltip = /*@__PURE__*/ proxyCustomElement(class SallaTooltip extends
     }
     render() {
         const validTheme = ['default', 'dark'].includes(this.theme) ? this.theme : 'default';
-        return (h("div", { key: 'cc5a63847902e9030444f09e503884b89911804e', class: "s-tooltip-container" }, h("div", { key: '8c468cff2093ab72b6021af8935dea9089208d06', class: `s-tooltip-item s-tooltip-item--${validTheme}`, style: { display: this.show ? 'block' : 'none' } }, this.text ? h("span", null, this.text) : h("slot", null))));
+        return (h("div", { key: '4d433085f726528933c9ca19a86b0be84fc35a43', class: "s-tooltip-container" }, h("div", { key: 'a458c284385d21f3b4e89f18dd46ff25760a0b10', class: `s-tooltip-item s-tooltip-item--${validTheme}`, style: { display: this.show ? 'block' : 'none' } }, this.text ? h("span", null, this.text) : h("slot", null))));
     }
     get el() { return this; }
     static get style() { return sallaTooltipCss; }