@salla.sa/twilight-components 2.14.599 → 2.14.601

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host } from './index-CwwxD-7C.js';
+import { r as registerInstance, h, H as Host } from './index-8Kr0yg20.js';
 
 const sallaOrderTotalsCardCss = "/*!twlt*/:host{display:block}.s-order-totals-card-wrapper{display:block}.s-order-totals-card-panel{border-radius:0.375rem;--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding-left:1.5rem;padding-right:1.5rem}.s-order-totals-card-heading{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}.s-order-totals-card-flow{display:flow-root}.s-order-totals-card-list{font-size:0.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.s-order-totals-card-list>.s-order-totals-card-row{border-bottom-width:1px}.s-order-totals-card-list>.s-order-totals-card-row:last-child{border-bottom-width:0px}.s-order-totals-card-row{display:block}.s-order-totals-card-row-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-top:1.25rem;padding-bottom:1.25rem}.s-order-totals-card-label{--tw-text-opacity:1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.s-order-totals-card-value{font-weight:500}.s-order-totals-card-discount{--tw-text-opacity:1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.s-order-totals-card-tax-value{font-weight:500;--tw-text-opacity:1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.s-order-totals-card-total{margin-left:-1.5rem;margin-right:-1.5rem;border-radius:0.375rem;background-color:var(--color-border);padding-left:1.5rem;padding-right:1.5rem}.s-order-totals-card-total-label{font-size:1rem;line-height:1.5rem;font-weight:500}.s-order-totals-card-total-value{font-size:1rem;line-height:1.5rem;font-weight:500}.s-order-totals-card-refund{margin-left:-1.5rem;margin-right:-1.5rem;border-left-width:4px;--tw-border-opacity:1;border-color:rgb(254 202 202 / var(--tw-border-opacity, 1));--tw-bg-opacity:1;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1));padding-left:1.5rem;padding-right:1.5rem}.s-order-totals-card-refund:where([dir=\"rtl\"],[dir=\"rtl\"] *){border-left-width:0px;border-right-width:4px}.s-order-totals-card-refund-label{display:flex;align-items:center;gap:0.5rem;--tw-text-opacity:1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}.s-order-totals-card-refund-icon{font-size:0.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.s-order-totals-card-refund-value{font-weight:500;--tw-text-opacity:1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}";
 
@@ -9,21 +9,62 @@ const SallaOrderTotalsCard = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
     }
-    handleOrderChange(newValue) {
-        if (newValue) {
-            this.setSummaryFromProp(newValue);
+    // `amounts` wins over the legacy `order` whenever both are set
+    refreshSummary() {
+        if (this.amounts) {
+            this.setSummaryFromAmounts(this.amounts);
+        }
+        else if (this.order) {
+            this.setSummaryFromOrder(this.order);
         }
         else {
             this.summary = undefined;
         }
     }
+    handleAmountsChange() {
+        this.refreshSummary();
+    }
+    handleOrderChange() {
+        this.refreshSummary();
+    }
     async componentWillLoad() {
         await Salla.onReady();
-        if (this.order) {
-            this.setSummaryFromProp(this.order);
+        this.refreshSummary();
+    }
+    normalizeAmounts(value) {
+        const parsed = typeof value === 'string' ? JSON.parse(value) : value;
+        return {
+            sub_total: parsed.sub_total,
+            total: parsed.total,
+            shipping_cost: parsed.shipping_cost,
+            cod_cost: parsed.cash_on_delivery,
+            paid_amount: parsed.paid_amount,
+            remaining_amount: parsed.remaining_amount,
+            refund_amount: parsed.refund_amount,
+            options: parsed.options,
+            options_total: parsed.options_total,
+            tax: parsed.tax
+                ? {
+                    percent: typeof parsed.tax.percent === 'string' ? parseFloat(parsed.tax.percent) : parsed.tax.percent,
+                    amount: parsed.tax.amount,
+                }
+                : undefined,
+            discounts: parsed.discounts?.map((d) => ({
+                name: d.title,
+                discount: typeof d.discount === 'string' ? parseFloat(d.discount) : d.discount,
+            })),
+        };
+    }
+    setSummaryFromAmounts(value) {
+        try {
+            this.summary = this.normalizeAmounts(value);
+        }
+        catch (error) {
+            salla.logger.error('Failed to parse amounts data', error);
+            this.summary = undefined;
         }
     }
-    setSummaryFromProp(value) {
+    setSummaryFromOrder(value) {
         try {
             const parsedValue = typeof value === 'string' ? JSON.parse(value) : value;
             this.summary = parsedValue;
@@ -66,6 +107,7 @@ const SallaOrderTotalsCard = class {
             : null, h("div", { class: "s-order-totals-card-total" }, this.renderTotalRow(salla.lang.get('pages.orders.final_total'), summary.total, 's-order-totals-card-total-label', 's-order-totals-card-total-value', true)), refundAmount > 0 ? (h("div", { class: "s-order-totals-card-refund" }, this.renderRefundRow(summary.refund_amount))) : null)))));
     }
     static get watchers() { return {
+        "amounts": ["handleAmountsChange"],
         "order": ["handleOrderChange"]
     }; }
 };

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h } from './index-CwwxD-7C.js';
+import { r as registerInstance, h } from './index-8Kr0yg20.js';
 import { H as Helper } from './Helper-BQ-wOE14.js';
 import { a as addMissingTranslations } from './translate-CxrJQ3Jf.js';
 import './anime.es-CgtvEd63.js';

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host, a as getElement } from './index-CwwxD-7C.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-8Kr0yg20.js';
 
 const sallaPaymentsCss = "/*!twlt*/:host{display:block}.visible{visibility:visible}.static{position:static}.hidden{display:none}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.s-payments-list{display:flex;flex-wrap:wrap;align-items:stretch;justify-content:center;gap:0.5rem}.s-payments-list:where([dir=\"rtl\"],[dir=\"rtl\"] *)>:not([hidden])~:not([hidden]){--tw-space-x-reverse:1}.s-payments-list-item{display:flex;height:2rem;width:3rem;align-items:center;justify-content:center;border-radius:var(--s-radius, 0.25rem);--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:0.25rem}.s-payments-list-item img{max-height:100%;object-fit:contain}.s-payments-sbc-image{height:1.5rem;border-radius:0.125rem;transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.s-payments-sbc-image:hover{opacity:0.8}";
 

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

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

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-CwwxD-7C.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-8Kr0yg20.js';
 import { a as arrowLeft } from './arrow-left-BedNk7k1.js';
 import { a as arrowRight } from './arrow-right-B9q7ymSg.js';
 

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host, a as getElement } from './index-CwwxD-7C.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-8Kr0yg20.js';
 
 const sallaProductCardEmbedCss = "/*!twlt*/@charset \"UTF-8\";:host{display:inline-block;vertical-align:top;max-width:12rem}:host([align=left]){float:inline-start;margin-block-end:1em;margin-inline-end:1em;shape-outside:margin-box}:host([align=right]){float:inline-end;margin-block-end:1em;margin-inline-start:1em;shape-outside:margin-box}:host([align=center]){display:block;clear:both;margin-block:1em;margin-inline:auto}.s-product-card-embed-card{display:block}.visible{visibility:visible}.block{display:block}.flow-root{display:flow-root}.s-product-card-embed-card{display:block;max-width:12rem;shape-outside:margin-box}.s-product-card-embed-card custom-salla-product-card{--tw-shadow:0 0 28px 0px rgba(0 0 0 / .1);--tw-shadow-colored:0 0 28px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.s-product-card-embed-card-align-center{margin-left:auto;margin-right:auto}.s-product-card-embed-card-align-left{float:left;margin-right:1ch}.s-product-card-embed-card-align-right{float:right;margin-left:1ch}.s-product-card-embed-fallback{display:block}article:has(salla-product-card-embed)::after{clear:both;display:block;--tw-content:'';content:var(--tw-content)}";
 

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host, a as getElement } from './index-CwwxD-7C.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-8Kr0yg20.js';
 import { H as Heart } from './heart-00vBRoH3.js';
 import { S as Star } from './star2-D4oPi1Ov.js';
 import { C as Cart } from './cart-gFG8By9O.js';

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

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

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-CwwxD-7C.js';
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-8Kr0yg20.js';
 import { a as anime } from './anime.es-CgtvEd63.js';
 import { S as ShoppingBag } from './shopping-bag-DiKTtDW5.js';
 import { H as Helper } from './Helper-BQ-wOE14.js';

package/dist/esm/salla-products-slider.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host, a as getElement } from './index-CwwxD-7C.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-8Kr0yg20.js';
 import { H as Helper } from './Helper-BQ-wOE14.js';
 import './anime.es-CgtvEd63.js';
 

package/dist/esm/salla-quick-order.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-CwwxD-7C.js';
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-8Kr0yg20.js';
 import { I as IphoneXIcon } from './iphone-x-Z7udRKSZ.js';
 import { M as MailIcon } from './mail-DmgxDvXL.js';
 import { C as Cancel } from './cancel-BsLF_HK7.js';

package/dist/esm/salla-rating-modal-v2.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, f as forceUpdate, h, H as Host, a as getElement } from './index-CwwxD-7C.js';
+import { r as registerInstance, f as forceUpdate, h, H as Host, a as getElement } from './index-8Kr0yg20.js';
 import { S as ShippingFast, a as Star } from './star-cq6TcfoH.js';
 import { C as CheckCircle2 } from './check-circle2-BV4kqbdL.js';
 import { H as Helper } from './Helper-BQ-wOE14.js';

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host, a as getElement } from './index-CwwxD-7C.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-8Kr0yg20.js';
 import { a as anime } from './anime.es-CgtvEd63.js';
 import { C as CheckCircle2 } from './check-circle2-BV4kqbdL.js';
 import { I as ImageIcon } from './image-C-tzSDxw.js';

package/dist/esm/salla-review-factors-tags.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host } from './index-CwwxD-7C.js';
+import { r as registerInstance, h, H as Host } from './index-8Kr0yg20.js';
 import { S as Star } from './star2-D4oPi1Ov.js';
 import { f as fetchOrder, r as resolveReviewFactors } from './helpers-DqXpn47Z.js';
 

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host } from './index-CwwxD-7C.js';
+import { r as registerInstance, h, H as Host } from './index-8Kr0yg20.js';
 import { f as fetchOrder, g as getProductRatings } from './helpers-DqXpn47Z.js';
 
 const SallaReviewOrderItem = class {

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, f as forceUpdate, h, H as Host } from './index-CwwxD-7C.js';
+import { r as registerInstance, f as forceUpdate, h, H as Host } from './index-8Kr0yg20.js';
 import { S as Search } from './search-BscTeWDc.js';
 
 var StoreAlt = `<!-- Generated by IcoMoon.io -->

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host, a as getElement } from './index-CwwxD-7C.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-8Kr0yg20.js';
 import { S as Star } from './star2-D4oPi1Ov.js';
 import { C as Cart } from './cart-gFG8By9O.js';
 

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, a as getElement } from './index-CwwxD-7C.js';
+import { r as registerInstance, h, a as getElement } from './index-8Kr0yg20.js';
 import { S as Search } from './search-BscTeWDc.js';
 import { C as Cancel } from './cancel-BsLF_HK7.js';
 import { A as ArrowLeftIcon, a as ArrowRightIcon } from './keyboard_arrow_right-Vqpj4CWE.js';
@@ -215,12 +215,22 @@ const SallaSearch = class {
                 Helper.saveProductSource('search');
                 this.commitSearchHistory(this.search_term);
                 salla.event.emit('salla-search::product.clicked', [{ product, position }]);
+                this.modal?.close();
             },
             recommendationClick: (term, source) => {
                 salla.event.emit('salla-search::recommendation.clicked', { term, source });
             },
         };
-        salla.event.on('search::open', () => this.open());
+    }
+    connectedCallback() {
+        this.searchOpenListener = () => this.open();
+        salla.event.on('search::open', this.searchOpenListener);
+    }
+    disconnectedCallback() {
+        if (this.searchOpenListener) {
+            salla.event.off('search::open', this.searchOpenListener);
+            this.searchOpenListener = undefined;
+        }
     }
     async open() {
         if (!this.hasLoadedPopularSearches) {

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host } from './index-CwwxD-7C.js';
+import { r as registerInstance, h, H as Host } from './index-8Kr0yg20.js';
 
 const sallaSkeletonCss = "/*!twlt*/:host{display:block}.s-loyalty-skeleton .s-loyalty-prize-item .s-skeleton-wrapper{margin-left:auto;margin-right:auto}.s-skeleton-wrapper{display:block}@keyframes pulse{50%{opacity:.5}}.s-skeleton-wrapper{animation:pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite}.s-skeleton-item{height:100%;width:100%;border-radius:0.375rem;--tw-bg-opacity:1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}.s-skeleton-item:is(.dark *){--tw-bg-opacity:1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.s-skeleton-item-circular{border-radius:9999px}";
 

package/dist/esm/salla-social-share.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, a as getElement } from './index-CwwxD-7C.js';
+import { r as registerInstance, h, a as getElement } from './index-8Kr0yg20.js';
 import { a as anime } from './anime.es-CgtvEd63.js';
 import { f as facebook, t as twitter } from './facebook-CO-PeZ27.js';
 import { M as MailIcon } from './mail-DmgxDvXL.js';

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host, a as getElement } from './index-CwwxD-7C.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-8Kr0yg20.js';
 import { f as facebook, t as twitter } from './facebook-CO-PeZ27.js';
 
 var instagram = `<!-- Generated by IcoMoon.io -->

package/dist/esm/salla-tab-content_3.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, c as createEvent, a as getElement } from './index-CwwxD-7C.js';
+import { r as registerInstance, h, a as getElement, c as createEvent } from './index-8Kr0yg20.js';
 
 const sallaTabContentCss = "";
 
@@ -20,6 +20,12 @@ const SallaTabContent = class {
             name: this.name
         };
     }
+    componentWillLoad() {
+        const parent = this.host.closest('salla-tabs');
+        if (parent?.activeTab === this.name) {
+            this.isSelected = true;
+        }
+    }
     unselect() {
         this.isSelected = false;
     }
@@ -31,8 +37,9 @@ const SallaTabContent = class {
             's-tabs-content': true,
             's-tabs-content-selected': this.isSelected
         };
-        return (h("div", { key: '3107faffd358504438b464be5000682d403e1b22', class: classes }, h("slot", { key: 'e6fc9e480389b54f9e6e20a7c8ccdb880a4ee6d4' })));
+        return (h("div", { key: '251a33f54b1a8bb0fc4a424de86fe9e443ef6cf1', class: classes }, h("slot", { key: 'f7244cb7f510b7bde6ff34a64ef4ce043392b4fa' })));
     }
+    get host() { return getElement(this); }
 };
 SallaTabContent.style = sallaTabContentCss;
 
@@ -102,18 +109,26 @@ const SallaTabs = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         /**
-         * Background color
+         * Background color for the tabs header section. Accepts any CSS color value.
          */
         this.backgroundColor = undefined;
         /**
-         * Align tabs vertically.
+         * Whether to display tabs in a vertical layout. Default is false (horizontal layout).
          */
         this.vertical = false;
     }
-    componentWillLoad() {
+    componentDidLoad() {
         this.createGroup().then(() => {
-            const [group] = this.tabGroup;
-            this.selectGroup(group);
+            if (this.activeTab) {
+                const group = this.tabGroup.find(g => g.header.name === this.activeTab);
+                if (group) {
+                    this.selectGroup(group);
+                }
+            }
+            else {
+                const [group] = this.tabGroup;
+                this.selectGroup(group);
+            }
         });
     }
     onSelectedTab(event) {
@@ -142,8 +157,9 @@ const SallaTabs = class {
         group.content.selected();
     }
     render() {
+        const headerStyle = this.backgroundColor ? { 'background-color': this.backgroundColor } : {};
         return [
-            h("div", { key: 'de6455b0d68cb3e174771ad7be1bc95141d61df1', class: "s-tabs" }, h("div", { key: '57c21f00a709723fa0be789f388b3defb391bcb2', class: "s-tabs-header" }, h("slot", { key: 'b5107fab289f9d7c661ddd7c4cfea4795eb7bb19', name: "header" })), h("div", { key: '344d142adc8f6adbc70baf4009e2d594fdbaea06', class: "s-tabs-content-wrapper" }, h("slot", { key: 'acd41f2ebb7120a2c043d17740e5fd4d2db95276', name: "content" })))
+            h("div", { key: 'd6f4e42f48cc3275f210718af56ff2fbbdb3e4a2', class: "s-tabs" }, h("div", { key: 'cdc798c1408536a3d56797b9bba071b246c01bbe', class: "s-tabs-header", style: headerStyle }, h("slot", { key: '7ba75a8985d78246faeef7c491452a5b82dbfa21', name: "header" })), h("div", { key: '0672eb44f6664cc3926a9780718f818f3b1ff507', class: "s-tabs-content-wrapper" }, h("slot", { key: '761a54a862372d9546763c814cc96ccb802f9b64', name: "content" })))
         ];
     }
     get host() { return getElement(this); }

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host } from './index-CwwxD-7C.js';
+import { r as registerInstance, h, H as Host } from './index-8Kr0yg20.js';
 
 var DiscountType;
 (function (DiscountType) {

package/dist/esm/salla-trust-badges.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host } from './index-CwwxD-7C.js';
+import { r as registerInstance, h, H as Host } from './index-8Kr0yg20.js';
 import { s as setTranslationDefault } from './translate-CxrJQ3Jf.js';
 
 const sallaTrustBadgesCss = "/*!twlt*/.s-trust-badges-image{width:55px;height:55px;flex-shrink:0}.s-trust-badges-wrapper{display:flex;align-items:center}.s-trust-badges-wrapper>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(0.5rem * var(--tw-space-x-reverse));margin-left:calc(0.5rem * calc(1 - var(--tw-space-x-reverse)))}.s-trust-badges-wrapper:where([dir=\"rtl\"],[dir=\"rtl\"] *)>:not([hidden])~:not([hidden]){--tw-space-x-reverse:1}.s-trust-badges-label{margin-bottom:0.25rem;font-size:0.875rem;line-height:1.25rem}.s-trust-badges-number{font-size:0.875rem;line-height:1.25rem}";

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host, a as getElement } from './index-CwwxD-7C.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-8Kr0yg20.js';
 import { A as ArrowDown } from './keyboard_arrow_down-DCZbpt2a.js';
 import { B as BellRing } from './bell-ring-D3mWkc-3.js';
 import { C as Cart } from './cart-gFG8By9O.js';

package/dist/esm/salla-user-profile.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h } from './index-CwwxD-7C.js';
+import { r as registerInstance, h } from './index-8Kr0yg20.js';
 import { G as Genders } from './interfaces-OF8QcbMM.js';
 
 const sallaUserProfileCss = "/*!twlt*/:host{display:block}.form-input{height:2.5rem;width:100%;border-radius:0.375rem;--tw-border-opacity:1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:300ms}.form-input:focus{border-color:var(--color-primary);--tw-ring-color:transparent}.form-input:is(.dark *){--tw-border-opacity:1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1));--tw-bg-opacity:1;background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1))}.form-input:focus:is(.dark *){border-color:var(--color-primary)}@media (min-width: 640px){.form-input{font-size:0.875rem;line-height:1.25rem}}.s-user-profile-wrapper{display:grid;grid-template-columns:repeat(1, minmax(0, 1fr));gap:1.5rem}@media (min-width: 640px){.s-user-profile-wrapper{grid-template-columns:repeat(2, minmax(0, 1fr));gap:2rem}}.s-user-profile-field-label{margin-bottom:0.5rem;display:block;font-size:0.875rem;line-height:1.25rem;font-weight:700;--tw-text-opacity:1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.s-user-profile-field-error{--tw-text-opacity:1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.s-user-profile-submit{margin-top:1.5rem;width:100%}.s-user-profile-filepond-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center}.s-user-profile-filepond-placeholder-icon{margin-bottom:0.25rem}.s-user-profile-filepond-placeholder-icon svg{height:1.5rem;width:1.5rem;fill:#7c8082}.s-user-profile-skeleton-wrapper{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));grid-template-rows:repeat(3, minmax(0, 1fr));gap:3rem}";

package/dist/esm/salla-user-settings.entry.js

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

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, a as getElement } from './index-CwwxD-7C.js';
+import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, a as getElement } from './index-8Kr0yg20.js';
 import { M as MailIcon } from './mail-DmgxDvXL.js';
 
 var AndroidPhoneIcon = `<!-- Generated by IcoMoon.io -->

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host } from './index-CwwxD-7C.js';
+import { r as registerInstance, h, H as Host } from './index-8Kr0yg20.js';
 
 const sallaWalletCss = "/*!twlt*/@charset \"UTF-8\";.s-wallet-table{min-width:100%}.s-wallet-table-balance-container{display:flex !important;align-items:center !important;justify-content:flex-start !important;gap:1rem}.s-wallet-table-balance-icon{border-radius:50%;width:52px;height:52px;font-size:25px;padding:16px 13px;background:var(--color-primary-reverse);color:var(--color-primary)}.s-wallet-table-empty-state{display:flex;flex-direction:column;align-items:center}.s-wallet-table-empty-state i{font-size:80px;margin:4rem 0 2rem;color:var(--infinte-color)}.s-wallet-table-transaction-status{padding:6px 19px !important;border-radius:20px;width:max-content;display:flex;align-items:center}.s-wallet-table-transaction-status-default{background:#fff6eb;color:#a46f29}.s-wallet-table-transaction-status-cashback{background:#effbf6;color:#00af6c}.s-wallet-table-transaction-status-refund{background:#ecf3fe;color:#5196f3}.s-wallet-table-transaction-status-purchase{background:#feecec;color:#f55157}.s-wallet-table-transaction-status-icons-success{color:#00af6c}.s-wallet-summary{display:flex;align-items:stretch;gap:16px;margin-bottom:28px}.s-wallet-balance-card{flex:0 0 34%;max-width:240px;background:#fff;border-radius:12px;padding:20px;box-sizing:border-box}.s-wallet-balance-mark{width:48px;height:48px;border-radius:9999px;background:var(--color-primary-reverse, #eaf7f0);color:var(--color-primary, #2e8b57);display:inline-flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:12px}.s-wallet-balance-figure{font-size:18px;font-weight:700;color:#1c1c1c}.s-wallet-balance-label{margin-top:2px;font-size:12px;color:#9aa0a6}.s-wallet-amount{display:inline-flex;align-items:center;gap:4px;font-weight:700;white-space:nowrap}.s-wallet-amount-credit{color:#00af6c}.s-wallet-amount-debit{color:#f55157}.s-wallet-transaction-type{display:flex;align-items:center;color:#4b5563}@media screen and (min-width: 768px){.s-wallet-balance-card{display:flex;flex-direction:column;justify-content:center}}@media screen and (max-width: 767px){.s-wallet-summary{gap:12px;margin-bottom:20px}.s-wallet-balance-card{flex:0 0 38%;padding:16px;text-align:center}.s-wallet-balance-mark{margin-bottom:8px}}.absolute{position:absolute}.relative{position:relative}.flex{display:flex}.table{display:table}.hidden{display:none}.items-center{align-items:center}.p-3{padding:0.75rem}.text-center{text-align:center}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:0.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.font-bold{font-weight:700}.font-normal{font-weight:400}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.s-wallet-container>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0.625rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.625rem * var(--tw-space-y-reverse))}@media (min-width: 768px){.s-wallet-container>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem * var(--tw-space-y-reverse))}}.s-wallet-mobile-title{display:inline-block;width:8rem;font-weight:400;--tw-text-opacity:1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}@media (min-width: 768px){.s-wallet-mobile-title{display:none}}.s-wallet-reference-id{display:none}@media (min-width: 768px){.s-wallet-reference-id{display:inline-block}}.s-wallet-buy-as-gift-icon{margin-left:0.25rem;margin-right:0.25rem;display:inline-block;color:var(--color-primary)}.s-wallet-copy-to-clipboard-button{display:flex;align-items:center}@media (min-width: 768px){.s-wallet-copy-to-clipboard-button{display:none}}.s-wallet-copy-to-clipboard-button salla-button{position:relative}.s-wallet-copy-to-clipboard-button-icon{pointer-events:none;font-size:0.75rem;line-height:1rem}.s-wallet-copy-to-clipboard-button-icon:where([dir=\"ltr\"],[dir=\"ltr\"] *){margin-left:0.25rem}.s-wallet-copy-to-clipboard-button-icon:where([dir=\"rtl\"],[dir=\"rtl\"] *){margin-right:0.25rem}@media (min-width: 768px){.s-wallet-status-container{margin-left:0px;margin-right:0px}}.s-wallet-status-container:where([dir=\"ltr\"],[dir=\"ltr\"] *){margin-left:auto}.s-wallet-status-container:where([dir=\"rtl\"],[dir=\"rtl\"] *){margin-right:auto}.s-wallet-status-container i{margin-top:0.25rem}.s-wallet-status-container i:where([dir=\"ltr\"],[dir=\"ltr\"] *){margin-right:0.25rem}.s-wallet-status-container i:where([dir=\"rtl\"],[dir=\"rtl\"] *){margin-left:0.25rem}.s-wallet-rated-text{--tw-text-opacity:1;color:rgb(251 191 36 / var(--tw-text-opacity, 1))}.s-wallet-unrated-text{--tw-text-opacity:1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}.s-wallet-no-content{display:flex;height:100%;flex-direction:column;align-items:center;justify-content:center;padding-top:2.5rem;padding-bottom:5rem;--tw-text-opacity:1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.s-wallet-no-content .icon{margin-bottom:1rem;display:flex;height:8rem;width:8rem;align-items:center;justify-content:center;border-radius:9999px;--tw-bg-opacity:1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1));font-size:3rem;line-height:1;--tw-text-opacity:1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.s-wallet-no-content p{margin-bottom:1rem;font-size:1rem;line-height:1.5rem;--tw-text-opacity:1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.s-wallet-table{min-width:100%;border-collapse:separate}@media (min-width: 768px){.s-wallet-table{margin-bottom:-0.75rem;--tw-border-spacing-y:1.25rem;border-spacing:var(--tw-border-spacing-x) var(--tw-border-spacing-y)}}.s-wallet-table-head{margin-bottom:1.25rem;display:none;--tw-bg-opacity:1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}@media (min-width: 768px){.s-wallet-table-head{display:table-header-group}}.s-wallet-table-head-tr-th{padding-left:1.5rem;padding-right:1.5rem;text-align:start;font-size:0.875rem;line-height:1.25rem;font-weight:500;text-transform:uppercase;letter-spacing:0.05em}.s-wallet-table-head-tr-th:where([dir=\"ltr\"],[dir=\"ltr\"] *){text-align:left}.s-wallet-table-head-tr-th:last-child:where([dir=\"ltr\"],[dir=\"ltr\"] *){text-align:right}.s-wallet-table-head-tr-th:where([dir=\"rtl\"],[dir=\"rtl\"] *){text-align:right}.s-wallet-table-head-tr-th:last-child:where([dir=\"rtl\"],[dir=\"rtl\"] *){text-align:left}.s-wallet-table-tbody-tr{position:relative;display:flex;flex-direction:row;flex-wrap:wrap;overflow:hidden;border-radius:var(--s-radius, 0.25rem);border-bottom-width:8px;border-top-width:8px;--tw-border-opacity:1;border-color:rgb(249 250 251 / var(--tw-border-opacity, 1));--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:0.5rem;transition-property:box-shadow;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:500ms}@media (min-width: 768px){.s-wallet-table-tbody-tr{display:table-row;flex-direction:row;flex-wrap:nowrap;padding:0px}}.s-wallet-table-tbody-tr-td{width:100%;white-space:nowrap;font-size:0.875rem;line-height:1.25rem}.s-wallet-table-tbody-tr-td:first-child{font-weight:700}@media (min-width: 768px){.s-wallet-table-tbody-tr-td{height:5rem;width:auto}.s-wallet-table-tbody-tr-td:last-child{text-align:end}.s-wallet-table-tbody-tr-td:first-child:where([dir=\"ltr\"],[dir=\"ltr\"] *){border-top-left-radius:0.375rem;border-bottom-left-radius:0.375rem}.s-wallet-table-tbody-tr-td:first-child:where([dir=\"rtl\"],[dir=\"rtl\"] *){border-top-right-radius:0.375rem;border-bottom-right-radius:0.375rem}}.s-wallet-table-tbody-tr-td:first-child{font-weight:700}.s-wallet-table-tbody-tr-td-content{position:relative;display:flex;align-items:center;justify-content:space-between;padding-left:0.5rem;padding-right:0.5rem;padding-top:0.25rem;padding-bottom:0.25rem;font-size:0.75rem;line-height:1rem}@media (min-width: 768px){.s-wallet-table-tbody-tr-td-content{padding-left:1.5rem;padding-right:1.5rem;padding-top:1.5rem;padding-bottom:1.5rem}}.s-wallet-table-tbody-tr-td-content:where([dir=\"ltr\"],[dir=\"ltr\"] *){padding-right:0.5rem}.s-wallet-table-tbody-tr-td-content:where([dir=\"rtl\"],[dir=\"rtl\"] *){padding-left:0.5rem}.s-wallet-table-tbody-tr a{position:absolute;top:0px;bottom:0px;display:block;width:100%}.s-wallet-table-tbody-tr a:where([dir=\"ltr\"],[dir=\"ltr\"] *){left:0px}.s-wallet-table-tbody-tr a:where([dir=\"rtl\"],[dir=\"rtl\"] *){right:0px}@media (min-width: 768px){.md\\:mx-0{margin-left:0px;margin-right:0px}.md\\:inline-block{display:inline-block}.md\\:hidden{display:none}}.ltr\\:ml-auto:where([dir=\"ltr\"],[dir=\"ltr\"] *){margin-left:auto}.ltr\\:mr-4:where([dir=\"ltr\"],[dir=\"ltr\"] *){margin-right:1rem}.rtl\\:ml-4:where([dir=\"rtl\"],[dir=\"rtl\"] *){margin-left:1rem}.rtl\\:mr-auto:where([dir=\"rtl\"],[dir=\"rtl\"] *){margin-right:auto}";
 

package/dist/esm/salla-wishlist-actions.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host, a as getElement } from './index-CwwxD-7C.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-8Kr0yg20.js';
 
 const sallaWishlistActionsCss = "/*!twlt*/:host{display:block}.s-wishlist-actions-menu{min-width:200px;inset-inline-end:0;inset-inline-start:auto;list-style:none;margin:0;padding:4px 0;box-shadow:0 4px 16px rgba(0, 0, 0, 0.12)}.s-wishlist-actions-menu-item{display:block;width:100%;padding:10px 16px;text-align:start;font-size:0.875rem;color:#374151;background:transparent;cursor:pointer;white-space:nowrap}.s-wishlist-actions-menu-item:hover{background-color:#f3f4f6;color:var(--color-primary)}.s-wishlist-actions-panel{box-shadow:0 1px 3px rgba(0, 0, 0, 0.08)}.s-wishlist-actions-panel-select-all{user-select:none}.s-wishlist-actions-select-all:indeterminate,.s-wishlist-actions-select-all:indeterminate:hover,.s-wishlist-actions-select-all:indeterminate:focus{background-color:var(--color-primary);border-color:var(--color-primary)}.s-wishlist-actions-select-all:indeterminate::after{content:\"\";position:absolute;top:50%;left:50%;width:10px;height:2px;background:#fff;border:none;transform:translate(-50%, -50%)}.s-wishlist-actions-social-anchor{display:none}h1.s-wishlist-actions-page-title{text-align:start !important}.static{position:static}.absolute{position:absolute}.relative{position:relative}.z-20{z-index:20}.mb-3{margin-bottom:0.75rem}.mt-1{margin-top:0.25rem}.mt-3{margin-top:0.75rem}.flex{display:flex}.cursor-pointer{cursor:pointer}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:0.5rem}.gap-3{gap:0.75rem}.gap-4{gap:1rem}.overflow-hidden{overflow:hidden}.rounded-lg{border-radius:0.5rem}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.p-4{padding:1rem}.text-sm{font-size:0.875rem;line-height:1.25rem}.font-bold{font-weight:700}.text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.outline{outline-style:solid}";
 

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host } from './index-CwwxD-7C.js';
+import { r as registerInstance, h, H as Host } from './index-8Kr0yg20.js';
 import { H as Heart } from './heart-00vBRoH3.js';
 import { H as Helper } from './Helper-BQ-wOE14.js';
 import './anime.es-CgtvEd63.js';

package/dist/esm/ssr-helpers-BJN-DTdN.js

@@ -0,0 +1,46 @@
+/*!
+ * Crafted with ❤ by Salla
+ */
+/**
+ * SSR Helper Utilities
+ * These utilities provide a clean, reusable pattern for handling SSR-safe value resolution
+ * across components. The pattern: use provided prop value -> fallback to SDK when available -> use default.
+ */
+/**
+ * Resolves a value using the SSR-safe pattern:
+ * 1. If prop value is provided, use it directly
+ * 2. If prop not provided and salla SDK is available, use SDK getter
+ * 3. If prop not provided and salla SDK not available (SSR), use fallback
+ *
+ * @param propValue - The value provided via component prop (can be undefined)
+ * @param sdkGetter - Function to get value from SDK when available
+ * @param fallback - Default value when neither prop nor SDK is available
+ * @returns The resolved value
+ *
+ * @example
+ * // Simple config value
+ * const color = getSdkValueOrFallback(
+ *   this.color,
+ *   () => salla.config.get('theme.color.primary', '#5dd5c4'),
+ *   '#5dd5c4'
+ * );
+ *
+ * @example
+ * // With async SDK call
+ * const title = getSdkValueOrFallback(
+ *   this.title,
+ *   () => salla.lang.get('common.titles.products'),
+ *   'Products'
+ * );
+ */
+/**
+ * SSR-safe check for salla SDK availability.
+ * Returns true in client-side context where salla is loaded.
+ *
+ * @returns boolean indicating if salla SDK is available
+ */
+function isSallaSdkAvailable() {
+    return typeof salla !== 'undefined';
+}
+
+export { isSallaSdkAvailable as i };