@salla.sa/twilight-components 2.14.585 → 2.14.587

package/dist/collection/components/salla-quick-buy/salla-quick-buy.js

@@ -5,7 +5,7 @@ import { Host, h } from "@stencil/core";
 import "@salla.sa/applepay/src/index";
 import { resolveApplePayOrderOptions, appendOrderOptionsToPayload, reportProductOptionsValiditySync, } from "../salla-order-options-modal/apple-pay-order-options";
 import { injectFreeProductsIntoPayload } from "../salla-order-options-modal/free-product-payload";
-import { applePayMerchantId, canCompleteApplePay, ensureApplePaySdk } from "@salla.sa/applepay/src/apple-pay-support";
+import { applePayMerchantId, canCompleteApplePay, ensureApplePaySdk, resolveApplePayNetworks } from "@salla.sa/applepay/src/apple-pay-support";
 export class SallaQuickBuy {
     constructor() {
         /**
@@ -125,6 +125,17 @@ export class SallaQuickBuy {
     resolveCheckoutType() {
         return this.applePayOnly && !this.productId ? 'mini_checkout' : 'buy_now';
     }
+    /**
+     * The backend's networks for this attempt, never widened with a default set.
+     * An empty array is the backend's answer, not a blank, so only an unset prop defers to config.
+     *
+     * The prop is typed `string[]`, but mini-checkout property-binds the raw backend value, which
+     * PHP serializes as an object when its keys are non-sequential — spreading that throws. Route
+     * it through the same normalizer the rest of the package uses.
+     */
+    resolveSupportedNetworks() {
+        return resolveApplePayNetworks(this.supportedNetworks);
+    }
     async settlePayment() {
         //use this way to get quantity too
         let data = this.host.getElementSallaData();
@@ -171,8 +182,7 @@ export class SallaQuickBuy {
             currency: this.currency || salla.config.get('store.settings.buy_now.currency') || 'SAR', // SAR
             requiredShippingContactFields: this.getRequiredShippingContactFields(),
             shippingMethods: this.isRequireShipping ? [] : undefined,
-            supportedNetworks: (Array.isArray(this.supportedNetworks) && this.supportedNetworks.length)
-                ? this.supportedNetworks : salla.config.get('store.settings.buy_now.supportedNetworks'),
+            supportedNetworks: this.resolveSupportedNetworks(),
             supportedCountries: (Array.isArray(this.supportedCountries) && this.supportedCountries.length)
                 ? this.supportedCountries : salla.config.get('store.settings.buy_now.supportedCountries'),
             countryCode: salla.config.get('store.store_country') || 'SA',
@@ -305,7 +315,10 @@ export class SallaQuickBuy {
         const canMakePayments = typeof window !== 'undefined' && !!window.ApplePaySession?.canMakePayments?.();
         const storeHasApplePay = salla?.config?.get?.('store.settings.payments')?.includes?.('apple_pay') ?? true;
         const isSallaGateway = salla?.config?.get?.('store.settings.is_salla_gateway', false) ?? true;
-        this.isApplePayActive = canMakePayments && storeHasApplePay && isSallaGateway;
+        // No networks means nothing to charge with, so don't show the button — canMakePayments()
+        // alone would light it up on Safari.
+        this.isApplePayActive = canMakePayments && storeHasApplePay && isSallaGateway
+            && !!this.resolveSupportedNetworks().length;
         const runInit = async () => {
             if (!this.productId && salla?.config?.get && salla.url?.is_page) {
                 this.productId = salla.config.get('page.id');
@@ -344,7 +357,8 @@ export class SallaQuickBuy {
             // (non-Safari browsers / non-Apple devices via the QR-code fallback). The
             // helper loads Apple's JS SDK and awaits it before probing, so this is a
             // stable answer on first load (no race against the async script fetch).
-            this.isApplePayActive = storeAllowsApplePay && await canCompleteApplePay(this.currency);
+            this.isApplePayActive = storeAllowsApplePay
+                && await canCompleteApplePay(this.currency, this.resolveSupportedNetworks());
         };
         return new Promise((resolve) => {
             if (typeof salla?.onReady === 'function') {
@@ -356,7 +370,7 @@ export class SallaQuickBuy {
         });
     }
     render() {
-        return h(Host, { key: 'b03cdde677e52e751e8c1592a9da0ffc40614172' }, this.quickBuyButton());
+        return h(Host, { key: '8d1d37acada1f9cdbe6913d01a97fe881facc7af' }, 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/collection/components/salla-review-card/salla-review-card.js

@@ -158,7 +158,7 @@ export class SallaReviewCard {
         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: '18de38dbba7c660404090a488ff40bebb3b5cfb9', class: "s-review-card-container" }, this.renderSlider(), this.renderSingleImage(), renderDivider(), h("div", { key: 'cb01e59c058d9ac64cd16e66e2f2d90859680c17', class: "s-review-card-content" }, this.renderHeader(), h("p", { key: '63bf8afb138423ea10a0e689b126c462b623e462', class: "s-review-card-review-content", innerHTML: this.review?.content }), renderDivider(), this.renderProductInfo()));
+        return h("div", { key: '7e833e08405a9153759b958e9c6979fd83c5aec1', class: "s-review-card-container" }, this.renderSlider(), this.renderSingleImage(), renderDivider(), h("div", { key: '85e33a2160a62e2fb3e376f6e20d223d53ced8fe', class: "s-review-card-content" }, this.renderHeader(), h("p", { key: '8b21485de56e57dceb9facb044bd6bad1ad866f3', class: "s-review-card-review-content", innerHTML: this.review?.content }), renderDivider(), this.renderProductInfo()));
     }
     static get is() { return "salla-review-card"; }
     static get originalStyleUrls() {

package/dist/collection/components/salla-review-factors-tags/salla-review-factors-tags.js

@@ -47,7 +47,7 @@ export class SallaReviewFactorsTags {
         return (h("div", { class: "s-review-factors-tags-factors" }, factors.map(factor => (h("div", { class: "s-review-factors-tags-factor-tag" }, h("span", { class: "s-review-factors-tags-factor-name" }, factor.name), h("span", { class: "s-review-factors-tags-factor-star", innerHTML: Star2 }), h("span", { class: "s-review-factors-tags-factor-rating" }, factor.rating || ''))))));
     }
     render() {
-        return (h(Host, { key: '8360dda7ca017f934d4e2c284b3d35be81dce9a3', class: "s-review-factors-tags-wrapper" }, this.renderFactorTags()));
+        return (h(Host, { key: '766916fb7639bd23e8fa070c53cb19a32e9fe8aa', class: "s-review-factors-tags-wrapper" }, this.renderFactorTags()));
     }
     static get is() { return "salla-review-factors-tags"; }
     static get originalStyleUrls() {

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

@@ -142,7 +142,7 @@ export class SallaReviewsPage {
         return options.map(option => (h("option", { key: option.value, value: option.value, selected: option.value === this.sort }, option.label)));
     }
     render() {
-        return (h("host", { key: '3bb188bd0ddcff6333a47ad3821ad9f75706ac6a' }, h("div", { key: 'ae139cb0f8e4921e95c695ececc6633e79486ae0', class: "s-reviews-page-header-wrapper" }, h("h2", { key: '422bc1b53c10d0c0e87b701580e049fde71f2871', class: "s-reviews-page-title" }, this.langTitlesReviews, h("span", { key: 'd43661c7d358ba1bc99762fdd92b0c9e68a86427', class: "s-reviews-page-count" }, "(", this.langRatingReviews, ")")), h("div", { key: '3255662d8c1895bf640ae02e480a1c597e37ff87', class: "s-reviews-page-filter-wrapper" }, h("label", { key: 'c2d02265c6adde573a9e282380e670ed2926e68a', class: "s-reviews-page-filter-label", htmlFor: "testimonials-filter" }, this.langSorting), h("select", { key: '67de9329c56bd70740e66c3c119a6396ce1c6006', 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: '96f61882e9ff5d63084b474e887f18852664cee1' }, h("div", { key: '4ed5c60cad490df10f749b1f9c5c85be4b4694a9', class: "s-reviews-page-header-wrapper" }, h("h2", { key: 'b010c63dc5c5b75b62f51ad629f1e3aa92aee545', class: "s-reviews-page-title" }, this.langTitlesReviews, h("span", { key: '5d878bce5aeadaebbe9af6ecfdeb13492554155a', class: "s-reviews-page-count" }, "(", this.langRatingReviews, ")")), h("div", { key: '86946adf82cc42d2b0950da6b787f445f701f707', class: "s-reviews-page-filter-wrapper" }, h("label", { key: '61a02b3c57c025f33f8316410ecc3a21a9c93600', class: "s-reviews-page-filter-label", htmlFor: "testimonials-filter" }, this.langSorting), h("select", { key: '04e135e9ec5bbcd4ce52aea7ef002385108b0606', 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/collection/components/salla-search-product-card/salla-search-product-card.js

@@ -109,7 +109,7 @@ export class SallaSearchProductCard {
             // 's-search-product-card-out-of-stock': this.productData?.is_out_of_stock,
         };
         const hrefProp = this.productData?.url ? { href: this.productData.url } : {};
-        return (h(Host, { key: '8ae56f87fe7a0d99beb8447270f9698a45f624bc', id: `search-product-${this.productData?.id}`, class: classes }, this.productData?.url ? (h("a", { class: "s-search-product-card-overlay-link", "aria-label": this.productData?.name, ...hrefProp })) : null, h("div", { key: '1d6a9438bfc597601758821e93c12c9216166cc8', class: "s-search-product-card-image" }, h("img", { key: '2f378a4dde154abd1ce7004e65593e128f00b7b7', class: `s-search-product-card-image-${salla.url.is_placeholder(this.productData?.image?.url) ? 'contain' : 'cover'} lazy`, src: this.placeholder, alt: this.productData?.image?.alt || this.productData?.name, "data-src": this.productData?.image?.url || this.productData?.thumbnail }), this.getProductBadge()), h("div", { key: 'd6d3aaa6683207ebe69a2a45b5803c007e15fb79', class: "s-search-product-card-content" }, h("div", { key: 'ad43f78affd4c168e58708af7bb2d8d1acd76ec6', class: "s-search-product-card-content-main" }, h("h3", { key: 'f0ab720b7c2d290356f74c487abba349c604c46e', class: "s-search-product-card-content-title" }, this.getDisplayTitle()), this.productData?.subtitle ? (h("p", { class: "s-search-product-card-content-subtitle" }, this.productData?.subtitle)) : null), !!this.showDonationAmount && !!this.productData?.donation
+        return (h(Host, { key: '96d5601bdfaf30f7455567d1b749882a1bacca89', id: `search-product-${this.productData?.id}`, class: classes }, this.productData?.url ? (h("a", { class: "s-search-product-card-overlay-link", "aria-label": this.productData?.name, ...hrefProp })) : null, h("div", { key: '3fe75c253a2658366445b9e8f49f8d1fefbbb203', class: "s-search-product-card-image" }, h("img", { key: '916d235df1545379d39c5645dd552dd9280d36ba', class: `s-search-product-card-image-${salla.url.is_placeholder(this.productData?.image?.url) ? 'contain' : 'cover'} lazy`, src: this.placeholder, alt: this.productData?.image?.alt || this.productData?.name, "data-src": this.productData?.image?.url || this.productData?.thumbnail }), this.getProductBadge()), h("div", { key: 'e473015b3d9f5efe0aeffb304811e29c5c9cd4e6', class: "s-search-product-card-content" }, h("div", { key: 'f0c30273f378ba36d5e7a9c407b44112c7bcc132', class: "s-search-product-card-content-main" }, h("h3", { key: '747a97b3c73bee3cd301d4bd1e6904f3aef6f5fb', class: "s-search-product-card-content-title" }, this.getDisplayTitle()), this.productData?.subtitle ? (h("p", { class: "s-search-product-card-content-subtitle" }, this.productData?.subtitle)) : null), !!this.showDonationAmount && !!this.productData?.donation
             ? [
                 h("salla-progress-bar", { donation: this.productData?.donation }),
                 h("div", { class: "s-search-product-card-donation-input" }, this.productData?.donation?.can_donate
@@ -124,7 +124,7 @@ export class SallaSearchProductCard {
                     ]
                     : null),
             ]
-            : null, h("div", { key: '250f59b57f8f6688d5347d083cf18a82155934f9', class: "s-search-product-card-content-sub" }, this.getProductPrice(), this.productData?.is_out_of_stock ? (h("span", { class: "s-search-product-card-out-of-stock-label" }, this.outOfStock)) : null), this.productData?.rating?.stars ? (h("div", { class: "s-search-product-card-rating" }, h("span", { innerHTML: Star }), h("span", null, this.productData.rating.stars))) : null), !this.hideAddBtn ? (h("div", { class: "s-search-product-card-content-footer" }, h("salla-add-product-button", { ref: el => (this.addBtn = el), "product-id": this.productData.id, "product-status": this.productData.status, "product-type": this.productData.type, class: "s-add-product-button-compact" }, this.renderAddToCartLabel()))) : null));
+            : null, h("div", { key: '87970771b9c073248e115e55d9d0848d7e319ec2', class: "s-search-product-card-content-sub" }, this.getProductPrice(), this.productData?.is_out_of_stock ? (h("span", { class: "s-search-product-card-out-of-stock-label" }, this.outOfStock)) : null), this.productData?.rating?.stars ? (h("div", { class: "s-search-product-card-rating" }, h("span", { innerHTML: Star }), h("span", null, this.productData.rating.stars))) : null), !this.hideAddBtn ? (h("div", { class: "s-search-product-card-content-footer" }, h("salla-add-product-button", { ref: el => (this.addBtn = el), "product-id": this.productData.id, "product-status": this.productData.status, "product-type": this.productData.type, class: "s-add-product-button-compact" }, this.renderAddToCartLabel()))) : null));
     }
     componentDidLoad() {
         document.lazyLoadInstance?.update(this.host?.querySelectorAll('.lazy'));

package/dist/collection/components/salla-searchable-dropdown/salla-searchable-dropdown.js

@@ -188,18 +188,18 @@ export class SallaSearchableDropdown {
     render() {
         const hasSelection = this.selectedItem != null;
         const listboxId = `${this.inputId}-listbox`;
-        return (h(Host, { key: '86e5a5be890629d37e23d6fedd57ae646f27a120', class: "s-searchable-dropdown" }, h("div", { key: '8e59f78ecb37746016b316ce3d34b183678b2311', class: { 's-searchable-dropdown': true, 's-searchable-dropdown--open': this.isOpen } }, this.label && (h("label", { key: '28eb8bad53e14feef360bf77fe469516f3463fdb', class: "s-searchable-dropdown-label", htmlFor: this.inputId }, this.label, this.required && h("span", { key: '1b0c2e89a2fef1516026f8dfe616dda12f8ed31e', class: "s-searchable-dropdown-required" }, " *"))), h("div", { key: '4a37451854ae961dcd124e498454431e56848ed1', class: {
+        return (h(Host, { key: 'fc53e02e434040f760889983d900670231a40e48', class: "s-searchable-dropdown" }, h("div", { key: '86e6866e107164130b3db2ec1771bc88d0b97278', class: { 's-searchable-dropdown': true, 's-searchable-dropdown--open': this.isOpen } }, this.label && (h("label", { key: 'a3c11751fd38c9ac88ecec24e2ac610a9c22d485', class: "s-searchable-dropdown-label", htmlFor: this.inputId }, this.label, this.required && h("span", { key: '793e54f5dad4e402cfbaf9eb86302d524ef8c3f0', class: "s-searchable-dropdown-required" }, " *"))), h("div", { key: 'ba6be33f8cf0361868f38e03298a6f7ca65a014d', 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: '61b8accb26a974c29094ac8a7d67808a27a2808c', 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: 'ee33669d9dceb59ba57a4ab884bd4bd361482fef', 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: 'e4ccf76b88df31399146d7ab97423553796bb4f4', class: {
+            }, "aria-hidden": "true" })), this.isOpen && (h("div", { key: '53beca7bfb0cb44612cbfead759c0681a77a0853', class: {
                 's-searchable-dropdown-panel': true,
                 's-searchable-dropdown-panel--up': this.dropUp,
-            }, ref: (el) => (this.panelRef = el) }, this.searchable && (h("div", { key: '4091ad904303c9d85cba057675806bca656dde4a', class: "s-searchable-dropdown-search-wrap" }, h("i", { key: 'bc1eeaed4576d2f206754ed85bf47b8bbaef9dfd', class: "sicon-search s-searchable-dropdown-search-icon", "aria-hidden": "true" }), h("input", { key: '050968be34cf9031cfc26efc5dc3b59c0545989a', 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: 'cdff99ef3316e6a81daa57a9e1b475f90d643307', id: listboxId, class: "s-searchable-dropdown-list s-scrollbar", role: "listbox" }, this.renderListContent()))))));
+            }, ref: (el) => (this.panelRef = el) }, this.searchable && (h("div", { key: 'b301dbd407c1128bc9baaed95bc5059d06047c09', class: "s-searchable-dropdown-search-wrap" }, h("i", { key: '3cb244ca449a075cbaa70e79a3ce5366eef2f570', class: "sicon-search s-searchable-dropdown-search-icon", "aria-hidden": "true" }), h("input", { key: '7fe5017de091ad8a4453d3a67c5200411f55a660', 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: '05180ea74c8bbb95c9f19c3346b01c46f2faaa1e', id: listboxId, class: "s-searchable-dropdown-list s-scrollbar", role: "listbox" }, this.renderListContent()))))));
     }
     renderListContent() {
         if (this.searching || this.loading) {

package/dist/collection/components/salla-skeleton/salla-skeleton.js

@@ -22,7 +22,7 @@ export class SallaSkeleton {
             's-skeleton-item': true,
             's-skeleton-item-circular': this.type == 'circle',
         };
-        return (h(Host, { key: 'bbd3b59181da4c7c97a2fbf862eedebbedbe0634', class: "s-skeleton-wrapper", style: { width: this.width, height: this.height } }, h("div", { key: '137814e704aabda9931441f744bac595dd506d0e', class: classes }, "\u00A0")));
+        return (h(Host, { key: '085e0afda0f8804a7365d56c84a59dc6ac97f942', class: "s-skeleton-wrapper", style: { width: this.width, height: this.height } }, h("div", { key: 'a83a649343db0f91c18b6815c6c4d40254902aa9', class: classes }, "\u00A0")));
     }
     static get is() { return "salla-skeleton"; }
     static get originalStyleUrls() {

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

@@ -31,7 +31,7 @@ export class SallaSocial {
     }
     render() {
         const linksArray = this.getLinksArray();
-        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
+        return (h(Host, { key: 'd62bc20c62af5bcea93835bc1ec2436f65f7e427' }, h("ul", { key: '33b410148ef6c60dd09237c7ec38f82aa3e9973d', 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/collection/components/salla-social-share/salla-social-share.js

@@ -355,7 +355,7 @@ export class SallaSocialShare {
         })));
     }
     render() {
-        return (h("div", { key: 'dbb667a7063b62039997f6f17617565ff1c9ec2e', class: "s-social-share-wrapper" }, h("slot", { key: '2fbb9bca171436215280d87afc3dbe1be0b0f468', name: "widget" }, h("salla-button", { key: 'cb87b1f326e58b9c527890c8c8bc28e2324eb580', "aria-label": "Share", onClick: () => this.handleShareClick(), class: "s-social-share-btn", shape: "icon", fill: "outline", color: "light" }, h("span", { key: 'ca6e9f2f606dd1f19fea40ef90226b56c3273219', innerHTML: this.opened ? Cancel : ShareAlt }))), this.mode === 'modal' ? this.renderModal() : this.renderPopupList()));
+        return (h("div", { key: '5034ca70b89748c6bba5ede29e52f2d75d2f5565', class: "s-social-share-wrapper" }, h("slot", { key: '8a40e07046e2cab0032ce0e6927266c5d621a0a8', name: "widget" }, h("salla-button", { key: '120f97de2259ead0f48281a26fae5d32e7ac7ab7', "aria-label": "Share", onClick: () => this.handleShareClick(), class: "s-social-share-btn", shape: "icon", fill: "outline", color: "light" }, h("span", { key: '4abea4fffcb76c64e9a0caffd5bffc3ad4676fd0', innerHTML: this.opened ? Cancel : ShareAlt }))), this.mode === 'modal' ? this.renderModal() : this.renderPopupList()));
     }
     static get is() { return "salla-social-share"; }
     static get originalStyleUrls() {

package/dist/collection/components/salla-tabs/salla-tab-content.js

@@ -30,7 +30,7 @@ export class SallaTabContent {
             's-tabs-content': true,
             's-tabs-content-selected': this.isSelected
         };
-        return (h("div", { key: 'd2c355c75463a9d93b9504be70d72cb8921a304a', class: classes }, h("slot", { key: 'ae492c76d7ac80fdd6328a651afcf18be857c279' })));
+        return (h("div", { key: '88c4bbda1dc7e40ba888ca1345d0727c91a83250', class: classes }, h("slot", { key: '1d2a205130b90702aa4a8f4a8d801bfce486cfe8' })));
     }
     static get is() { return "salla-tab-content"; }
     static get originalStyleUrls() {

package/dist/collection/components/salla-tabs/salla-tab-header.js

@@ -52,7 +52,7 @@ export class SallaTabHeader {
             's-tabs-active': this.isSelected,
         };
         return [
-            h("div", { key: '38c68b713f9b267bcf201c6c27ebfb8d7885a45c', class: classes, onClick: this.onClick.bind(this) }, h("slot", { key: '2b8418becd635c36a58adbd6f84a7536f9ac2935' })),
+            h("div", { key: '39c79315b0099749cdbc425e3810d003fe3d8bd0', class: classes, onClick: this.onClick.bind(this) }, h("slot", { key: '60bba7ace2e4bcd8a8a44d0f5e4d6d2731954d51' })),
         ];
     }
     static get is() { return "salla-tab-header"; }

package/dist/collection/components/salla-tabs/salla-tabs.js

@@ -50,7 +50,7 @@ export class SallaTabs {
     }
     render() {
         return [
-            h("div", { key: '257acdc19cf53022d6021b242ed28d1ebac12dc4', class: "s-tabs" }, h("div", { key: '0726b3b8b49b26498c7ba8856cd1326c357eb29a', class: "s-tabs-header" }, h("slot", { key: '55e89c50531dab08a6c9cf4185fb4481a4c92b34', name: "header" })), h("div", { key: '628641ac232534f8cca1240f8874b2104b0aad8c', class: "s-tabs-content-wrapper" }, h("slot", { key: 'b51ebddf8260585b943189c4ca02d3774a801ece', name: "content" })))
+            h("div", { key: '6d2a815bfe8a75d43da4d1708696b5d6ec95e8c2', class: "s-tabs" }, h("div", { key: 'ea65e1291c1356e06071eaed0b851ac7e91e079b', class: "s-tabs-header" }, h("slot", { key: '2e1e61be1e7ed54023d30b9dd288fb65b5cfb22a', name: "header" })), h("div", { key: '57382fa798d7b902bef9732ddaf9dedae138af24', class: "s-tabs-content-wrapper" }, h("slot", { key: 'a8fa63931304c16a82ce8cd44132f0e5d751fa76', name: "content" })))
         ];
     }
     static get is() { return "salla-tabs"; }

package/dist/collection/components/salla-tel-input/salla-tel-input.js

@@ -138,7 +138,7 @@ export class SallaTelInput {
         }
     }
     render() {
-        return (h(Host, { key: '47ef84c73844f5a999e8894f4f5111daf47af248', class: "s-tel-input" }, h("input", { key: '2a1a3ce9b9343017a74de61781d3efa9054fdbfb', 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: '48ff6f38f9dd8c234f1ebfee4f1ded3cf7d87048', class: "s-tel-input-error-msg", ref: el => this.errorMsg = el }), h("input", { key: '2421046f60a795bdb56d29078ba36e8fb9ee0511', type: "hidden", name: "country_code", value: this.countryCode, ref: el => this.countryCodeInput = el, class: "country_code" })));
+        return (h(Host, { key: '49a93bc12f1f33f07e1ab6e859c6ae7b9e902eaa', class: "s-tel-input" }, h("input", { key: '041b007715f41d89c55762f2c31eca2be83dc5a7', 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: 'a44f133dc52d8ff2e8bc32286fde1492bf1706f8', class: "s-tel-input-error-msg", ref: el => this.errorMsg = el }), h("input", { key: 'f2518dc05cc82c3d01bae282a552665bf1dfcf37', type: "hidden", name: "country_code", value: this.countryCode, ref: el => this.countryCodeInput = el, class: "country_code" })));
     }
     componentDidLoad() {
         this.initPromise = this.initTelInput();

package/dist/collection/components/salla-tiered-offer/salla-tiered-offer.js

@@ -107,7 +107,18 @@ export class SallaTieredOffer {
     }
     componentDidLoad() {
         salla.event.on("cart::updated", async (updatedCart) => {
-            const offerData = await this.fetchTieredOfferData();
+            // A guest with no cart yet still emits `cart::updated`; `fetchTieredOfferData`
+            // rethrows the `CartNotCreated` rejection (unlike componentWillLoad, this
+            // listener isn't awaited by Stencil), so an uncaught throw here becomes an
+            // unhandledrejection. Degrade to "keep current render" instead of crashing.
+            let offerData = null;
+            try {
+                offerData = await this.fetchTieredOfferData();
+            }
+            catch (error) {
+                salla.logger.warn('salla-tiered-offer:: ', error);
+                return;
+            }
             if (!offerData)
                 return;
             if (!this.tieredOfferData) {

package/dist/collection/components/salla-tooltip/salla-tooltip.js

@@ -27,7 +27,7 @@ export class SallaTooltip {
     }
     render() {
         const validTheme = ['default', 'dark'].includes(this.theme) ? this.theme : 'default';
-        return (h("div", { key: '903628b7d7219eb6397396df18d8f16749f4e8a8', class: "s-tooltip-container" }, h("div", { key: '115385dafe8ae87a8ee51581322225f4760fd8aa', 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: '4027073cb58fa70679f54f6009ed1ca95fd3f3d0', class: "s-tooltip-container" }, h("div", { key: 'ea50ad74b456fa3c89cfef2b69b2c9d5630d63bd', class: `s-tooltip-item s-tooltip-item--${validTheme}`, style: { display: this.show ? 'block' : 'none' } }, this.text ? h("span", null, this.text) : h("slot", null))));
     }
     static get is() { return "salla-tooltip"; }
     static get originalStyleUrls() {

package/dist/collection/components/salla-user-settings/salla-user-settings.js

@@ -532,7 +532,7 @@ export class SallaUserSettings {
         return (h("salla-button", { fill: "outline", color: "danger", shape: "btn", size: "medium", width: "normal", onClick: () => this.openDeleteModal() }, this.capitalizeText(this.deleteAccount)));
     }
     render() {
-        return (h(Host, { key: 'f227eded80ab5a54496f98cfb0c2b70fef8e23c2', class: "s-user-settings-wrapper" }, this.canHideName && (h("div", { key: 'b87aa9378fddb8a075e443be37a570ff43318d42', class: "s-user-settings-section" }, h("salla-list-tile", { key: '575cb09487c91ab91b81313f3ed0106c286fc494' }, h("div", { key: 'ff58114799006613e0aa1ac245925ce7a5e57725', slot: "icon", class: "s-user-settings-section-icon" }, h("span", { key: '34175a745fe486d02bf53002309323729a1392e3', innerHTML: UserCancel })), h("div", { key: '891f7bee327fc200a165325585e2fad765455a79', slot: "title", class: "s-user-settings-section-title" }, this.capitalizeText(this.hideMyName)), h("div", { key: '5fd57adb89a7aae3c7b91aa7ed0c9144562c0611', slot: "subtitle", class: "s-user-settings-section-subtitle" }, this.capitalizeText(this.hideMyNameDesc)), h("div", { key: '0a50d7f19913e43ef851292e584411a87b3f419c', slot: "action", class: "s-user-settings-section-action" }, h("label", { key: '6d2d55118ef9d6af08904e639f1ab54ac4000c29', class: "s-toggle" }, h("input", { key: 'bd9fa40c29ef11b0c1c2ee829b921723d001507c', class: "s-toggle-input", checked: this.isHiddenName, onChange: e => this.toggleSetting('is_hidden_name', e), type: "checkbox" }), h("div", { key: 'cae15bc5a771eef8be42b3ac7c362da99a12d612', class: "s-toggle-switcher" })))))), h("div", { key: 'dd790c6cd83bda001d51134edac6f0e29e715e16', class: "s-user-settings-section" }, h("salla-list-tile", { key: '5d61988baa1f175076abf3d8451789686dc92806' }, h("div", { key: '178534158adb0b4e38ccab7ea03cce35edab7b87', slot: "icon", class: "s-user-settings-section-icon" }, h("span", { key: '19912bfea9df0eb9051de4bdaae7702ddfafaa32', innerHTML: Bullhorn })), h("div", { key: '7283645e27bfa24687cdea922b114a6ade32a629', slot: "title", class: "s-user-settings-section-title" }, this.capitalizeText(this.promotionalMsgs)), h("div", { key: '722f9d1a87801d3e4585b698e3c3bfbf96c35989', slot: "subtitle", class: "s-user-settings-section-subtitle" }, this.capitalizeText(this.promotionalMsgsDesc)), h("div", { key: '1f704d0f1e088ed93465a6afc4ffa590e6a04c02', slot: "action", class: "s-user-settings-section-action" }, h("label", { key: '64d10dabb86f9f9d027131a6d1adf7a4d4e09052', class: "s-toggle" }, h("input", { key: '2f04bc5cd2503371e9c844edd73710e1de5f2283', class: "s-toggle-input", checked: this.isNotifiable, onChange: e => this.toggleSetting('is_notifiable', e), type: "checkbox" }), h("div", { key: 'd26195686619d74fc339f26f43c41698987b4ac2', class: "s-toggle-switcher" }))))), this.isDeleteAccountEnabled ? (h("div", { class: "s-user-settings-section s-user-settings-section-delete-user" }, h("salla-list-tile", null, h("div", { slot: "icon", class: "s-user-settings-section-icon" }, this.renderUserDeleteIcon()), h("div", { slot: "title", class: "s-user-settings-section-title" }, this.capitalizeText(this.deleteAccount)), h("div", { slot: "subtitle", class: "s-user-settings-section-subtitle" }, this.capitalizeText(this.isDeletePending ? this.deleteAccountPending : this.deleteAccountDesc)), h("div", { slot: "action", class: "s-user-settings-section-action" }, this.renderDeleteSectionAction())))) : (h("div", { class: "s-user-settings-section s-user-settings-section-deactivate-user" }, h("salla-list-tile", null, h("div", { slot: "icon", class: "s-user-settings-section-icon" }, h("span", { innerHTML: UserOff })), h("div", { slot: "title", class: "s-user-settings-section-title" }, this.capitalizeText(this.deactivateAccount)), h("div", { slot: "subtitle", class: "s-user-settings-section-subtitle" }, this.capitalizeText(this.deactivateDesc)), h("div", { slot: "action", class: "s-user-settings-section-action" }, h("salla-button", { fill: "outline", color: "danger", shape: "btn", size: "medium", width: "normal", onClick: () => this.openDeactivateModal() }, this.capitalizeText(this.deactivateAccount)))))), this.isDeleteAccountEnabled ? (h("salla-modal", { id: "salla-user-settings-delete-modal", width: "xs", centered: true, showBack: this.currentStep === 'otp', isClosable: this.currentStep !== 'success', iconStyle: this.currentStep === 'success' ? 'success' : undefined, onModalVisibilityChanged: e => this.handleModalVisibilityChanged(e), onModalBack: () => this.goBackFromOtp(), ref: modal => (this.confirmationModal = modal) }, this.currentStep !== 'success' ? (h("span", { slot: "icon", class: "s-user-settings-delete-icon" }, this.renderUserDeleteIcon())) : null, h("div", { key: this.currentStep, class: "s-user-settings-delete-step" }, this.renderDeleteStep()))) : (h("salla-modal", { width: "sm", subTitle: this.capitalizeText(this.sorryForLeavingText), ref: modal => (this.confirmationModal = modal) }, h("span", { slot: "icon", class: "s-user-settings-confirmation-icon", innerHTML: UserOff }), h("div", { class: "s-user-settings-confirmation" }, h("div", { class: "s-user-settings-confirmation-warning" }, this.capitalizeText(this.warningText)), h("div", { class: "s-user-settings-confirmation-actions" }, h("salla-button", { width: "wide", onClick: () => this.confirmationModal.close() }, this.capitalizeText(this.keepAccount)), h("salla-button", { fill: "outline", loading: this.buttonLoading, width: "wide", onClick: () => this.confirmDeactivateAccount() }, this.capitalizeText(this.deactivateAccount))))))));
+        return (h(Host, { key: '5af97017b32c6b8789b60e8a2e30a15ba4d8477d', class: "s-user-settings-wrapper" }, this.canHideName && (h("div", { key: '835038947364b40e7efcf0c7c059235655a8d1c8', class: "s-user-settings-section" }, h("salla-list-tile", { key: '303eb0f1b1624c488ecda6550e64e0221aaf0727' }, h("div", { key: '7b3d9cd8967c4139529d60fbffea08037c852d23', slot: "icon", class: "s-user-settings-section-icon" }, h("span", { key: '968433f7a41307f38c5ea4cd05264731cceedbd2', innerHTML: UserCancel })), h("div", { key: 'd5466cbe2245d66b5f019433999390e4cec62ce9', slot: "title", class: "s-user-settings-section-title" }, this.capitalizeText(this.hideMyName)), h("div", { key: '6d5663c3611e7b021f2d408932898b17ffd3d98f', slot: "subtitle", class: "s-user-settings-section-subtitle" }, this.capitalizeText(this.hideMyNameDesc)), h("div", { key: 'cb64527fa93d77a52b39553a65e54b10f82d1bad', slot: "action", class: "s-user-settings-section-action" }, h("label", { key: '3c037a26665521c4f0f7a6c8c20755b8dc722b0d', class: "s-toggle" }, h("input", { key: '8a3454fb2daad2c329b2b619800a123768eb9fab', class: "s-toggle-input", checked: this.isHiddenName, onChange: e => this.toggleSetting('is_hidden_name', e), type: "checkbox" }), h("div", { key: '76777c45a35cf3917f3e9c6d2a4a15b1261cd785', class: "s-toggle-switcher" })))))), h("div", { key: '15427b60443b04774cd70421fd37a671f0765e73', class: "s-user-settings-section" }, h("salla-list-tile", { key: '9bafd59734c5e9141d6b2abb776641cafbe3ddbd' }, h("div", { key: '2235eafe07811ca7d3b9a9b2399db2ff21342f06', slot: "icon", class: "s-user-settings-section-icon" }, h("span", { key: '72df8d5640a9a9cffb9eab797ab4cda77e175d85', innerHTML: Bullhorn })), h("div", { key: 'afd7c492733050578a306e939b689832cf98ae59', slot: "title", class: "s-user-settings-section-title" }, this.capitalizeText(this.promotionalMsgs)), h("div", { key: '5a6183f46e951ec89210fea99b9bc4016e223cb0', slot: "subtitle", class: "s-user-settings-section-subtitle" }, this.capitalizeText(this.promotionalMsgsDesc)), h("div", { key: 'f0e2144728aa006c1dd778f28dd0dfb60cdb92d1', slot: "action", class: "s-user-settings-section-action" }, h("label", { key: '32930f9fc4a23fe80bfe8815672a590993622796', class: "s-toggle" }, h("input", { key: '3489e6c33afe5613f806841151c057692809fb76', class: "s-toggle-input", checked: this.isNotifiable, onChange: e => this.toggleSetting('is_notifiable', e), type: "checkbox" }), h("div", { key: 'e7b329ba0465670b9a5611864e0f4ef5a0a120ae', class: "s-toggle-switcher" }))))), this.isDeleteAccountEnabled ? (h("div", { class: "s-user-settings-section s-user-settings-section-delete-user" }, h("salla-list-tile", null, h("div", { slot: "icon", class: "s-user-settings-section-icon" }, this.renderUserDeleteIcon()), h("div", { slot: "title", class: "s-user-settings-section-title" }, this.capitalizeText(this.deleteAccount)), h("div", { slot: "subtitle", class: "s-user-settings-section-subtitle" }, this.capitalizeText(this.isDeletePending ? this.deleteAccountPending : this.deleteAccountDesc)), h("div", { slot: "action", class: "s-user-settings-section-action" }, this.renderDeleteSectionAction())))) : (h("div", { class: "s-user-settings-section s-user-settings-section-deactivate-user" }, h("salla-list-tile", null, h("div", { slot: "icon", class: "s-user-settings-section-icon" }, h("span", { innerHTML: UserOff })), h("div", { slot: "title", class: "s-user-settings-section-title" }, this.capitalizeText(this.deactivateAccount)), h("div", { slot: "subtitle", class: "s-user-settings-section-subtitle" }, this.capitalizeText(this.deactivateDesc)), h("div", { slot: "action", class: "s-user-settings-section-action" }, h("salla-button", { fill: "outline", color: "danger", shape: "btn", size: "medium", width: "normal", onClick: () => this.openDeactivateModal() }, this.capitalizeText(this.deactivateAccount)))))), this.isDeleteAccountEnabled ? (h("salla-modal", { id: "salla-user-settings-delete-modal", width: "xs", centered: true, showBack: this.currentStep === 'otp', isClosable: this.currentStep !== 'success', iconStyle: this.currentStep === 'success' ? 'success' : undefined, onModalVisibilityChanged: e => this.handleModalVisibilityChanged(e), onModalBack: () => this.goBackFromOtp(), ref: modal => (this.confirmationModal = modal) }, this.currentStep !== 'success' ? (h("span", { slot: "icon", class: "s-user-settings-delete-icon" }, this.renderUserDeleteIcon())) : null, h("div", { key: this.currentStep, class: "s-user-settings-delete-step" }, this.renderDeleteStep()))) : (h("salla-modal", { width: "sm", subTitle: this.capitalizeText(this.sorryForLeavingText), ref: modal => (this.confirmationModal = modal) }, h("span", { slot: "icon", class: "s-user-settings-confirmation-icon", innerHTML: UserOff }), h("div", { class: "s-user-settings-confirmation" }, h("div", { class: "s-user-settings-confirmation-warning" }, this.capitalizeText(this.warningText)), h("div", { class: "s-user-settings-confirmation-actions" }, h("salla-button", { width: "wide", onClick: () => this.confirmationModal.close() }, this.capitalizeText(this.keepAccount)), h("salla-button", { fill: "outline", loading: this.buttonLoading, width: "wide", onClick: () => this.confirmDeactivateAccount() }, this.capitalizeText(this.deactivateAccount))))))));
     }
     static get is() { return "salla-user-settings"; }
     static get originalStyleUrls() {

package/dist/collection/components/salla-wishlist-actions/salla-wishlist-actions.js

@@ -325,7 +325,7 @@ export class SallaWishlistActions {
         }
     }
     render() {
-        return (h(Host, { key: '638fac3dc4a0bfcde70f7586a34b32c6d9c42219' }, h("div", { key: '67686d8dbd3591831ba61cabce6fb0000dc7ee2e', class: "s-wishlist-actions" }, h("div", { key: 'abb5583ae32f9bb6209f4d455d3279f88096de40', class: "s-wishlist-actions-bar flex items-center justify-end gap-3 mb-3" }, h("div", { key: '4724ca92dcd75641ad6f822b964106d256ee0b89', class: "s-wishlist-actions-dropdown relative" }, h("salla-button", { key: 'cc3242a15ad1c057b9169a158220a6c42ea16793', color: "primary", fill: "outline", type: "button", disabled: !this.hasProducts, "aria-haspopup": "true", "aria-expanded": this.menuOpen ? 'true' : 'false', onClick: () => this.toggleMenu() }, h("div", { key: '555e9bda9a547cb76738599c8c27ecd83b98b06a', class: "flex flex-row justify-center items-center gap-2" }, h("svg", { key: 'ef85ca7fd658f3cbd6aee0056289a05928fbca03', version: "1.1", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 32 32", style: { width: '16px', height: '16px' } }, h("path", { key: '2f5dc0ad70d39eb292ebb62b5dba48f8ad63654e', d: "M26.667 21.333c-1.699 0-3.196 0.812-4.173 2.052l-11.912-5.211c0.044-0.276 0.085-0.553 0.085-0.841 0-0.472-0.081-0.923-0.197-1.359l12.361-6.952c0.971 1.009 2.328 1.644 3.836 1.644 2.941 0 5.333-2.392 5.333-5.333s-2.392-5.333-5.333-5.333-5.333 2.392-5.333 5.333c0 0.472 0.081 0.923 0.197 1.359l-12.361 6.952c-0.971-1.009-2.328-1.644-3.836-1.644-2.941 0-5.333 2.392-5.333 5.333s2.392 5.333 5.333 5.333c1.699 0 3.196-0.812 4.173-2.052l11.912 5.211c-0.044 0.276-0.085 0.553-0.085 0.841 0 2.941 2.392 5.333 5.333 5.333s5.333-2.392 5.333-5.333-2.392-5.333-5.333-5.333zM26.667 2.667c1.471 0 2.667 1.196 2.667 2.667s-1.196 2.667-2.667 2.667-2.667-1.196-2.667-2.667 1.196-2.667 2.667-2.667zM5.333 20c-1.471 0-2.667-1.196-2.667-2.667s1.196-2.667 2.667-2.667 2.667 1.196 2.667 2.667-1.196 2.667-2.667 2.667zM26.667 29.333c-1.471 0-2.667-1.196-2.667-2.667s1.196-2.667 2.667-2.667 2.667 1.196 2.667 2.667-1.196 2.667-2.667 2.667z" })), this.shareLabel, h("svg", { key: 'f9bf24ac1d5eb463fcdd04b3c72a28f1d712caa1', version: "1.1", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 32 32", style: { width: '16px', height: '16px' } }, h("path", { key: 'd78e799a6beca024c9fd60e372c588b70907b7bc', d: "M26.212 10.996c-0.556-0.484-1.396-0.428-1.881 0.127l-8.331 9.519-8.331-9.52c-0.485-0.555-1.327-0.611-1.881-0.125s-0.609 1.328-0.124 1.881l9.333 10.667c0.253 0.291 0.617 0.456 1.003 0.456s0.749-0.165 1.003-0.456l9.333-10.667c0.485-0.553 0.429-1.396-0.124-1.881z" })))), this.menuOpen && (h("ul", { key: 'a96e9a60285374a00f3c88e24c41c61034e69f96', class: "s-wishlist-actions-menu absolute z-20 mt-1 bg-white rounded-lg shadow overflow-hidden" }, h("li", { key: '6b03d57dfc6180f9200087c2107045de319c7f37' }, h("button", { key: '903033dbd79e56e07836cbac300b190269a75b9f', type: "button", class: "s-wishlist-actions-menu-item", onClick: () => this.shareAll() }, this.shareAllLabel)), h("li", { key: '66508400932e23e7ae66a0b3375995ba1ec713ac' }, h("button", { key: 'ff78a673e5cd8a1740b65e8c43fdd1708ea1b38b', type: "button", class: "s-wishlist-actions-menu-item", onClick: () => this.shareSpecific() }, this.shareSpecificLabel))))), h("salla-social-share", { key: '6d5f8f9f179a24d70c51f71efcbb6993bb080732', class: "s-wishlist-actions-social", ref: el => (this.socialShare = el), url: this.shareUrl, mode: "modal", modalTitle: this.shareModalTitle }, h("span", { key: '46ac1fb856a467582de4e2e70e553bb960bd18c7', slot: "widget", class: "s-wishlist-actions-social-anchor", "aria-hidden": "true" }))), this.specificMode && (h("div", { key: 'e4e8a8ac5e53c36a6f11d18772fd32eff655c1af', class: "s-wishlist-actions-panel flex items-center justify-between gap-4 flex-wrap p-4 mt-3 mb-3 bg-white rounded-lg" }, h("label", { key: 'f06b0385a7012b7a41ff457c579b53dc6a550ced', class: "s-wishlist-actions-panel-select-all flex items-center gap-2 cursor-pointer" }, h("input", { key: '77e989794b4060f58399e20ab47010cddc01cddf', type: "checkbox", class: "s-products-list-select-checkbox s-wishlist-actions-select-all", checked: this.isAllSelected, ref: el => (this.selectAllCheckbox = el), "aria-label": this.selectAllLabel, onChange: () => this.toggleSelectAll() }), h("span", { key: '88d43aabde8e61b6e6dd262c54aef896565442de', class: "s-wishlist-actions-panel-title text-sm font-bold text-gray-700" }, this.shareSpecificLabel, " (", this.selectedCount, ")")), h("div", { key: '30f326f89e18f881258671dc8648cb50d2a788df', class: "s-wishlist-actions-panel-buttons flex items-center gap-2" }, h("salla-button", { key: '3739b901f1eccb5b5a537f28f05f5993d975be9b', class: "s-wishlist-actions-cancel", color: "light", fill: "outline", type: "button", onClick: () => this.cancelSpecific() }, this.cancelLabel), h("salla-button", { key: '1395ec4850a149b04498305915ae188bffde6d1d', class: "s-wishlist-actions-share", color: "primary", fill: "outline", type: "button", disabled: !this.selectedCount, loading: this.isSharing, onClick: () => this.shareSelected() }, this.shareLabel)))))));
+        return (h(Host, { key: '61c6a2e14015d947090f2c2c848977df899417fb' }, h("div", { key: '96af391ef77ddf0c4b477ed9e3dc272267dbf0ab', class: "s-wishlist-actions" }, h("div", { key: 'cecf6a71e609ef57cb255a9a1538550d036b76b3', class: "s-wishlist-actions-bar flex items-center justify-end gap-3 mb-3" }, h("div", { key: 'e1b8aeb3f396a3125772f368245d2b384e5c13a0', class: "s-wishlist-actions-dropdown relative" }, h("salla-button", { key: '99104aa4f4c392a95b781c008cd192981f6477d3', color: "primary", fill: "outline", type: "button", disabled: !this.hasProducts, "aria-haspopup": "true", "aria-expanded": this.menuOpen ? 'true' : 'false', onClick: () => this.toggleMenu() }, h("div", { key: '306baf236e5b70406a1507f55a137944319d233f', class: "flex flex-row justify-center items-center gap-2" }, h("svg", { key: '22b2f5bcedbf93547aaf8071e6b8f406c075e57d', version: "1.1", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 32 32", style: { width: '16px', height: '16px' } }, h("path", { key: 'fa0322e898cfbe8125b8fc2a74dc8b620b76c37a', d: "M26.667 21.333c-1.699 0-3.196 0.812-4.173 2.052l-11.912-5.211c0.044-0.276 0.085-0.553 0.085-0.841 0-0.472-0.081-0.923-0.197-1.359l12.361-6.952c0.971 1.009 2.328 1.644 3.836 1.644 2.941 0 5.333-2.392 5.333-5.333s-2.392-5.333-5.333-5.333-5.333 2.392-5.333 5.333c0 0.472 0.081 0.923 0.197 1.359l-12.361 6.952c-0.971-1.009-2.328-1.644-3.836-1.644-2.941 0-5.333 2.392-5.333 5.333s2.392 5.333 5.333 5.333c1.699 0 3.196-0.812 4.173-2.052l11.912 5.211c-0.044 0.276-0.085 0.553-0.085 0.841 0 2.941 2.392 5.333 5.333 5.333s5.333-2.392 5.333-5.333-2.392-5.333-5.333-5.333zM26.667 2.667c1.471 0 2.667 1.196 2.667 2.667s-1.196 2.667-2.667 2.667-2.667-1.196-2.667-2.667 1.196-2.667 2.667-2.667zM5.333 20c-1.471 0-2.667-1.196-2.667-2.667s1.196-2.667 2.667-2.667 2.667 1.196 2.667 2.667-1.196 2.667-2.667 2.667zM26.667 29.333c-1.471 0-2.667-1.196-2.667-2.667s1.196-2.667 2.667-2.667 2.667 1.196 2.667 2.667-1.196 2.667-2.667 2.667z" })), this.shareLabel, h("svg", { key: 'f4f9106b4c43287de0eef8f2a135a1ceb1551776', version: "1.1", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 32 32", style: { width: '16px', height: '16px' } }, h("path", { key: '3b42d3b19bfc1fd4c85f41fd832d81fdda649536', d: "M26.212 10.996c-0.556-0.484-1.396-0.428-1.881 0.127l-8.331 9.519-8.331-9.52c-0.485-0.555-1.327-0.611-1.881-0.125s-0.609 1.328-0.124 1.881l9.333 10.667c0.253 0.291 0.617 0.456 1.003 0.456s0.749-0.165 1.003-0.456l9.333-10.667c0.485-0.553 0.429-1.396-0.124-1.881z" })))), this.menuOpen && (h("ul", { key: 'a32f7df4a58647fed593d2c0806e0f10f36f9a8d', class: "s-wishlist-actions-menu absolute z-20 mt-1 bg-white rounded-lg shadow overflow-hidden" }, h("li", { key: '58f6ad4c35ccedcee83d8517a6a549c6861306ab' }, h("button", { key: '1d2f7ea94db7eb8cf675ee8bdc9bdb04aa65ea27', type: "button", class: "s-wishlist-actions-menu-item", onClick: () => this.shareAll() }, this.shareAllLabel)), h("li", { key: 'd48456d10a95533bd0c3c6426f3ef412694aca50' }, h("button", { key: '145f23f0d740b51a82e5c8e206742d7c5d055c80', type: "button", class: "s-wishlist-actions-menu-item", onClick: () => this.shareSpecific() }, this.shareSpecificLabel))))), h("salla-social-share", { key: 'df8e17259b4401a3e3272ef3c934dff72ea4a440', class: "s-wishlist-actions-social", ref: el => (this.socialShare = el), url: this.shareUrl, mode: "modal", modalTitle: this.shareModalTitle }, h("span", { key: '2db4523127fe580cbf77a12038b841019aeea35e', slot: "widget", class: "s-wishlist-actions-social-anchor", "aria-hidden": "true" }))), this.specificMode && (h("div", { key: 'b0f6283a55c38780098b99c131a9cfcd26519bbf', class: "s-wishlist-actions-panel flex items-center justify-between gap-4 flex-wrap p-4 mt-3 mb-3 bg-white rounded-lg" }, h("label", { key: '776667fa68873ab872bf7995b5f452c1b6727491', class: "s-wishlist-actions-panel-select-all flex items-center gap-2 cursor-pointer" }, h("input", { key: 'c381c9b7f400a863b2287aabbf7292476e5a3ff4', type: "checkbox", class: "s-products-list-select-checkbox s-wishlist-actions-select-all", checked: this.isAllSelected, ref: el => (this.selectAllCheckbox = el), "aria-label": this.selectAllLabel, onChange: () => this.toggleSelectAll() }), h("span", { key: '3692e38fc5cda70722624ade0ce63ad33856980e', class: "s-wishlist-actions-panel-title text-sm font-bold text-gray-700" }, this.shareSpecificLabel, " (", this.selectedCount, ")")), h("div", { key: '89463fcaa83f4d16499f2b8ae5e4bcd6e61ba15b', class: "s-wishlist-actions-panel-buttons flex items-center gap-2" }, h("salla-button", { key: 'a51008ff77697dd851998b19f860b13e295b3256', class: "s-wishlist-actions-cancel", color: "light", fill: "outline", type: "button", onClick: () => this.cancelSpecific() }, this.cancelLabel), h("salla-button", { key: '5b57eb53be2cecef981492cf00af3ea7b43b9da9', class: "s-wishlist-actions-share", color: "primary", fill: "outline", type: "button", disabled: !this.selectedCount, loading: this.isSharing, onClick: () => this.shareSelected() }, this.shareLabel)))))));
     }
     static get is() { return "salla-wishlist-actions"; }
     static get originalStyleUrls() {