@salla.sa/twilight-components 2.14.466 → 2.14.468

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

@@ -123,7 +123,7 @@ export class SallaTelInput {
         }
     }
     render() {
-        return (h(Host, { key: '849ab0e6c311e71a21154bec43421a06ef795b5e', class: "s-tel-input" }, h("input", { key: '3b7a3d8c974b9ad4562fbfbe08bcfb3eb45d809a', 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: 'a9fbe57c48e0f9f9bf9233736206bff717c3ab21', class: "s-tel-input-error-msg", ref: el => this.errorMsg = el }), h("input", { key: '930fc644b324360483ccf7e06b9bcb169a242326', type: "hidden", name: "country_code", value: this.countryCode, ref: el => this.countryCodeInput = el, class: "country_code" })));
+        return (h(Host, { key: '278424c0918dc3c4b6aac8da5817376d784995ac', class: "s-tel-input" }, h("input", { key: '00ff8ed40ff9aabe9bea6cfd43c41f5b2cfc5529', 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: '68e791d4d1b6490a84a3ef31c75f41be90ac5bb6', class: "s-tel-input-error-msg", ref: el => this.errorMsg = el }), h("input", { key: '415e6521c2ef756ebabbeb4610c06158e255320d', type: "hidden", name: "country_code", value: this.countryCode, ref: el => this.countryCodeInput = el, class: "country_code" })));
     }
     componentDidLoad() {
         this.initTelInput();

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: 'fa37135d001ae2cbc2ddc193aa5ddd30b062ef6c', class: "s-tooltip-container" }, h("div", { key: 'e2d803bfaf839308157f14e3af4599268c5123b0', 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: 'e5e8f78265e0abb1d4130fd084573c6cff1ecb2c', class: "s-tooltip-container" }, h("div", { key: '4dc98906dfd28c6e2d97b51329c07046eb15179c', 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

@@ -56,7 +56,7 @@ export class SallaUserSettings {
         await salla.profile.delete().finally(() => this.confirmationModal.close());
     }
     render() {
-        return (h(Host, { key: 'b41aa42e4c735f854a1fe8937484561267f4fe90', class: "s-user-settings-wrapper" }, this.canHideName && h("div", { key: '3b96bc67e48e1350b8e98ec87e3a69c923aea26e', class: "s-user-settings-section" }, h("salla-list-tile", { key: '45a9605ea94b821adaa559935acbac56df42549e' }, h("div", { key: 'd97df220da7e4f9103f69879215a53324052fe28', slot: "icon", class: "s-user-settings-section-icon" }, h("span", { key: 'bdba051ce6c1e356540a72668945bcd77c4fcc07', innerHTML: UserCancel })), h("div", { key: 'aae7512323ddaf1fbb18fc6e201d73b01c7db02a', slot: "title", class: "s-user-settings-section-title" }, this.capitalizeText(this.hideMyName)), h("div", { key: 'ea5fbd35129439c8859e3ea4ec023169c9c13500', slot: "subtitle", class: "s-user-settings-section-subtitle" }, this.capitalizeText(this.hideMyNameDesc)), h("div", { key: 'bea5c5931955307b6d8c0040d54a4c70ac0e801f', slot: 'action', class: "s-user-settings-section-action" }, h("label", { key: '025c7ba7a176ee477395716c8291414451fa0f05', class: "s-toggle" }, h("input", { key: 'e5c8a02e85404d6a997b0bc17af807ee19908569', class: "s-toggle-input", checked: this.isHiddenName, onChange: (e) => this.toggleSetting('is_hidden_name', e), type: "checkbox" }), h("div", { key: '945d24a60b7474e46e934cc284239f035c4552bd', class: "s-toggle-switcher" }))))), h("div", { key: '81e9ea3c92a902da5b7647b8ba4dc659e44e05af', class: "s-user-settings-section" }, h("salla-list-tile", { key: 'b4351c518cb7f7f0a9aadc3a50ff678233374c99' }, h("div", { key: 'c9a442d5a002c3ac3bb2d59fa1a3db5a25500b5e', slot: "icon", class: "s-user-settings-section-icon" }, h("span", { key: 'b54eb15dbaf220a1221c6054b0e178bb51eae9c7', innerHTML: Bullhorn })), h("div", { key: 'a0a95bcbc40be5896ffaa080abb0f4d093dd7384', slot: "title", class: "s-user-settings-section-title" }, this.capitalizeText(this.promotionalMsgs)), h("div", { key: '8090b97110dec6b555c3daa8180fbcd0e85c5248', slot: "subtitle", class: "s-user-settings-section-subtitle" }, this.capitalizeText(this.promotionalMsgsDesc)), h("div", { key: '1a5b8d2df3d3ffa2e680979fcf4eeb327bd95c60', slot: 'action', class: "s-user-settings-section-action" }, h("label", { key: 'e0ff94d938cfd5baea7f175980c891918de2a41e', class: "s-toggle" }, h("input", { key: '56417d910ed3661f1956df6e0d056eae54a2c711', class: "s-toggle-input", checked: this.isNotifiable, onChange: (e) => this.toggleSetting('is_notifiable', e), type: "checkbox" }), h("div", { key: 'c96e609f1dfce22d220a2afcf678387ebd31c1d5', class: "s-toggle-switcher" }))))), h("div", { key: '4f841e1e7a1225b24387feab7543218a90c54e44', class: "s-user-settings-section s-user-settings-section-deactivate-user" }, h("salla-list-tile", { key: '7b8af0c7bb366302b87634d281807b3b19c6080b' }, h("div", { key: 'b78c648e4be4a222d1d85dacb4922f409f239aa9', slot: "icon", class: "s-user-settings-section-icon" }, h("span", { key: 'bb4e18462ead89a0a6dc5e24311713d7fda311e3', innerHTML: UserOff })), h("div", { key: '793fc8bd434e1646fdf7917d6eff326c6db62a25', slot: "title", class: "s-user-settings-section-title" }, this.capitalizeText(this.deactivateAccount)), h("div", { key: '713a7f8c4d781d07c3f426a542f7595ab5c4c0af', slot: "subtitle", class: "s-user-settings-section-subtitle" }, this.capitalizeText(this.deactivateDesc)), h("div", { key: '029ebe97a4c85ffd8f63866906908237dc36fe07', slot: 'action', class: "s-user-settings-section-action" }, h("salla-button", { key: '8d372e8721544b3bf41e8de5ed696a7d993c0566', fill: "outline", color: "danger", shape: "btn", size: "medium", width: "normal", onClick: () => this.openDeactivateModal() }, this.capitalizeText(this.deactivateAccount))))), h("salla-modal", { key: '8edab0810f1a5fcda5f50c7b1b48b7dfbe480111', width: "sm", subTitle: this.capitalizeText(this.sorryForLeavingText), ref: modal => this.confirmationModal = modal }, h("span", { key: '6f9295c1d1ed58a7313f0e0d241dedc2c2dc69c7', slot: 'icon', class: "s-user-settings-confirmation-icon", innerHTML: UserOff }), h("div", { key: 'c31ca762ee4a669acbfaa31ebfdfde8e944cb0fb', class: "s-user-settings-confirmation" }, h("div", { key: 'de944f8f24c22a2df7697ea82f67a43636ea8868', class: "s-user-settings-confirmation-warning" }, this.capitalizeText(this.warningText)), h("div", { key: 'be82c1a8ae8697cd44d567d3e473aaa55d7ca09c', class: "s-user-settings-confirmation-actions" }, h("salla-button", { key: 'ddab3f9e5150a70ddf03e175bfd664fb63f385da', width: "wide", onClick: () => this.confirmationModal.close() }, this.capitalizeText(this.keepAccount)), h("salla-button", { key: '3ae59455becd85c11233404e54fb862564fd9f07', fill: 'outline', loading: this.buttonLoading, width: "wide", onClick: () => this.deleteAccount() }, this.capitalizeText(this.deactivateAccount)))))));
+        return (h(Host, { key: 'b37f8e7cd7fe59dfd4f4e1efe455e74d33d4b91e', class: "s-user-settings-wrapper" }, this.canHideName && h("div", { key: '7cf5f1ed489159ef1c754fc8368b390d35cc273d', class: "s-user-settings-section" }, h("salla-list-tile", { key: '961843ff5de245febf4b5d9d4a96d47b44aeaff3' }, h("div", { key: 'bdfa266ee2694e410ff2bc8d6ec31b5210e7bf08', slot: "icon", class: "s-user-settings-section-icon" }, h("span", { key: '8ff08646cb3b3ba8d157f07cb4d54a6f515409a7', innerHTML: UserCancel })), h("div", { key: '8030d07722d9ad730676dafd1323b93a361f91da', slot: "title", class: "s-user-settings-section-title" }, this.capitalizeText(this.hideMyName)), h("div", { key: 'f4c524dfe45418f0dd7395e998b1c16aa951a5f9', slot: "subtitle", class: "s-user-settings-section-subtitle" }, this.capitalizeText(this.hideMyNameDesc)), h("div", { key: '74569032acb01ff1037104dcaf46f13c18c16803', slot: 'action', class: "s-user-settings-section-action" }, h("label", { key: '6002a8368a587dbd8d3fd3fc1231e52ee44ebbbe', class: "s-toggle" }, h("input", { key: '2e9a622f9a670ef0f314c6183c57c851334a7df5', class: "s-toggle-input", checked: this.isHiddenName, onChange: (e) => this.toggleSetting('is_hidden_name', e), type: "checkbox" }), h("div", { key: 'ca57daef65f550d53c1f947b41d3fb488bd38a95', class: "s-toggle-switcher" }))))), h("div", { key: 'b81a0200e08c0eca176060362792a45d9d7ad41e', class: "s-user-settings-section" }, h("salla-list-tile", { key: 'ebcdac4056d21cbbd218b246cdd6c5bfa7bc2ac3' }, h("div", { key: 'df3a675745a0945498f3f45e11016f9f9c71ce6d', slot: "icon", class: "s-user-settings-section-icon" }, h("span", { key: 'b5accc798ca95bd803f9c721f96fe62ca27e8ecf', innerHTML: Bullhorn })), h("div", { key: 'fe82c42f7586ba892f14ed7b1d2f85e19c508e8c', slot: "title", class: "s-user-settings-section-title" }, this.capitalizeText(this.promotionalMsgs)), h("div", { key: 'ec35e1a363a0802ab14a92b4bc8b858b9bf79c72', slot: "subtitle", class: "s-user-settings-section-subtitle" }, this.capitalizeText(this.promotionalMsgsDesc)), h("div", { key: 'cc0d65144cfffc7fc795f3b1dde9ae6d75e827ec', slot: 'action', class: "s-user-settings-section-action" }, h("label", { key: '945d030759a2ab27b9e9379d96f879d299b0a444', class: "s-toggle" }, h("input", { key: '6dd35723f4e049263193d50d1488a300e26a166e', class: "s-toggle-input", checked: this.isNotifiable, onChange: (e) => this.toggleSetting('is_notifiable', e), type: "checkbox" }), h("div", { key: '1f529a32b220a0a5ba673fe41573786450e4f1b8', class: "s-toggle-switcher" }))))), h("div", { key: '9973aa99cd3944ced8e87da05a3711b9cde5faa4', class: "s-user-settings-section s-user-settings-section-deactivate-user" }, h("salla-list-tile", { key: '97ea806a1c5bc6e7f08ab04cdf555173d7e2c268' }, h("div", { key: 'fa98419cd6e11598c6e230ad462501f3dd66b975', slot: "icon", class: "s-user-settings-section-icon" }, h("span", { key: '9bb7192d2bcdd942974a2a6e405878998e090f3c', innerHTML: UserOff })), h("div", { key: '9e79bfd50311f2ec272bc6d90224d2f81c736d8e', slot: "title", class: "s-user-settings-section-title" }, this.capitalizeText(this.deactivateAccount)), h("div", { key: '805696292b1354bf57b0f0252eabd031dc4ac5db', slot: "subtitle", class: "s-user-settings-section-subtitle" }, this.capitalizeText(this.deactivateDesc)), h("div", { key: '4984f94d2eef4870036d1bea837cbe16e9978d84', slot: 'action', class: "s-user-settings-section-action" }, h("salla-button", { key: '7be1eaf49fdb3df86b953a14879695c0c2eae838', fill: "outline", color: "danger", shape: "btn", size: "medium", width: "normal", onClick: () => this.openDeactivateModal() }, this.capitalizeText(this.deactivateAccount))))), h("salla-modal", { key: '55608c2fbfd01c328f923316aa203ebd6539ef86', width: "sm", subTitle: this.capitalizeText(this.sorryForLeavingText), ref: modal => this.confirmationModal = modal }, h("span", { key: '247bb5555b3aa936ab4815f16ec332f6d922ab49', slot: 'icon', class: "s-user-settings-confirmation-icon", innerHTML: UserOff }), h("div", { key: 'd8499d470dd0cce984687c9f6842970467b832a9', class: "s-user-settings-confirmation" }, h("div", { key: 'c4d98f4dc7591c53a0f4ab71fc1c7e0d446cebfc', class: "s-user-settings-confirmation-warning" }, this.capitalizeText(this.warningText)), h("div", { key: 'abebad572dab06b497451fff00a405e4c9db5652', class: "s-user-settings-confirmation-actions" }, h("salla-button", { key: 'bfde878cc657d975154f6e8b73220786b3898dbf', width: "wide", onClick: () => this.confirmationModal.close() }, this.capitalizeText(this.keepAccount)), h("salla-button", { key: 'b3334a9b6fda2aa6de6f66f610efbba8ae95910f', fill: 'outline', loading: this.buttonLoading, width: "wide", onClick: () => this.deleteAccount() }, this.capitalizeText(this.deactivateAccount)))))));
     }
     static get is() { return "salla-user-settings"; }
     static get originalStyleUrls() {

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

@@ -0,0 +1,65 @@
+: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;
+}

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

@@ -0,0 +1,432 @@
+/*!
+ * Crafted with ❤ by Salla
+ */
+import { h, Host } from "@stencil/core";
+/**
+ * Actions header (panel) rendered on top of the wishlist `salla-products-list`.
+ *
+ * It exposes a "Share" dropdown with two options:
+ *  - Share all items: shares the whole wishlist right away via `salla-social-share`.
+ *  - Share specific items: enables multi-selection on the sibling
+ *    `salla-products-list` and shows a panel to share the selected products.
+ *
+ * Selection is enabled on the products list at runtime, so no theme markup
+ * changes are required and it works for every theme exposing the
+ * `customer:wishlist.items.start` hook.
+ */
+export class SallaWishlistActions {
+    constructor() {
+        this.menuOpen = false;
+        this.hasProducts = false;
+        /** Whether the "share specific items" selection mode is active. */
+        this.specificMode = false;
+        this.selectedIds = [];
+        this.loadedProductCount = 0;
+        this.isSharing = false;
+        this.shareUrl = '';
+        /** Ignore transient empty DOM while the products list reloads after toggling selection. */
+        this.isListSyncPaused = false;
+        /**
+         * Bilingual defaults for the translation keys introduced by this feature.
+         * Registered via `Salla.lang.addBulk` only when missing, so store/central
+         * translations always take precedence.
+         */
+        this.translationDefaults = {
+            'pages.wishlist.share': { ar: 'شارك', en: 'Share' },
+            'pages.wishlist.share_all': { ar: 'مشاركة القائمة', en: 'Share the list' },
+            'pages.wishlist.share_specific': { ar: 'مشاركة منتجات محددة', en: 'Share specific items' },
+            'pages.wishlist.share_list_title': { ar: 'مشاركة قائمة الأمنيات', en: 'Share wishlist' },
+            'pages.wishlist.select_all': { ar: 'تحديد الكل', en: 'Select all' },
+            'common.elements.cancel': { ar: 'إلغاء', en: 'Cancel' },
+        };
+        this.onSelectionChanged = (detail) => {
+            this.selectedIds = detail?.ids || [];
+            this.shareUrl = '';
+            void this.socialShare?.close();
+            void this.syncLoadedProductCount();
+        };
+        this.onDocumentClick = (event) => {
+            if (this.menuOpen && !this.host.contains(event.target)) {
+                this.menuOpen = false;
+            }
+        };
+        this.onProductsFetched = (response) => {
+            if (response?.source !== 'wishlist') {
+                return;
+            }
+            this.isListSyncPaused = false;
+            void this.syncHasProducts(!!response?.data?.length);
+            void this.syncLoadedProductCount();
+        };
+    }
+    async componentWillLoad() {
+        await Salla.onReady();
+        await Salla.lang.onLoaded();
+        this.registerTranslationDefaults();
+        this.loadTranslations();
+        Salla.event.on('salla-products-list::selection.changed', this.onSelectionChanged);
+        Salla.event.on('salla-products-list::products.fetched', this.onProductsFetched);
+        document.addEventListener('click', this.onDocumentClick);
+    }
+    componentDidLoad() {
+        this.initPageTitleAlignment();
+        this.productsList = this.host.parentElement?.querySelector('salla-products-list');
+        if (!this.productsList) {
+            Salla.logger?.warn?.('[salla-wishlist-actions] no sibling salla-products-list found');
+            return;
+        }
+        void this.syncHasProducts();
+        this.productsObserver = new MutationObserver(() => void this.syncHasProducts());
+        this.productsObserver.observe(this.productsList, { childList: true, subtree: true });
+    }
+    disconnectedCallback() {
+        Salla.event.off('salla-products-list::selection.changed', this.onSelectionChanged);
+        Salla.event.off('salla-products-list::products.fetched', this.onProductsFetched);
+        document.removeEventListener('click', this.onDocumentClick);
+        this.productsObserver?.disconnect();
+        this.pageTitleObserver?.disconnect();
+        if (this.pageTitleRetryTimeout) {
+            window.clearTimeout(this.pageTitleRetryTimeout);
+        }
+        this.resetPageTitleAlignment();
+    }
+    /**
+     * The wishlist page title (`h1`) lives in theme markup outside this component.
+     * Alignment is handled by `h1.s-wishlist-actions-page-title` in the component stylesheet.
+     */
+    initPageTitleAlignment() {
+        this.syncPageTitleAlignment();
+        if (this.pageTitle) {
+            return;
+        }
+        requestAnimationFrame(() => this.syncPageTitleAlignment());
+        this.pageTitleRetryTimeout = window.setTimeout(() => this.syncPageTitleAlignment(), 300);
+        const observeRoot = this.host.closest('.main-content') ?? this.host.parentElement;
+        if (!observeRoot || this.pageTitle) {
+            return;
+        }
+        this.pageTitleObserver = new MutationObserver(() => {
+            if (this.pageTitle) {
+                this.pageTitleObserver?.disconnect();
+                return;
+            }
+            this.syncPageTitleAlignment();
+            if (this.pageTitle) {
+                this.pageTitleObserver?.disconnect();
+            }
+        });
+        this.pageTitleObserver.observe(observeRoot, { childList: true, subtree: true });
+    }
+    findPageTitle() {
+        const parent = this.host.parentElement;
+        if (parent) {
+            for (const child of Array.from(parent.children)) {
+                if (child === this.host) {
+                    break;
+                }
+                if (child.tagName === 'H1') {
+                    return child;
+                }
+                const nestedTitle = child.querySelector('h1');
+                if (nestedTitle) {
+                    return nestedTitle;
+                }
+            }
+        }
+        const mainContent = this.host.closest('.main-content');
+        if (mainContent) {
+            const titleInMain = mainContent.querySelector('h1');
+            if (titleInMain && !this.host.contains(titleInMain)) {
+                return titleInMain;
+            }
+        }
+        return document.querySelector('.main-content h1, main h1');
+    }
+    syncPageTitleAlignment() {
+        if (this.pageTitle) {
+            return;
+        }
+        const title = this.findPageTitle();
+        if (!title) {
+            return;
+        }
+        this.pageTitle = title;
+        title.classList.add(SallaWishlistActions.pageTitleClass);
+    }
+    resetPageTitleAlignment() {
+        this.pageTitle?.classList.remove(SallaWishlistActions.pageTitleClass);
+        this.pageTitle = undefined;
+    }
+    /**
+     * Register bilingual (ar/en) defaults for our keys, without overriding any
+     * translation that already exists in the store/central translations.
+     */
+    registerTranslationDefaults() {
+        const missing = Object.entries(this.translationDefaults).reduce((acc, [key, value]) => {
+            // `get` returns the key itself when no translation is found.
+            if (Salla.lang.get(key) === key) {
+                acc[key] = value;
+            }
+            return acc;
+        }, {});
+        if (Object.keys(missing).length) {
+            Salla.lang.addBulk(missing);
+        }
+    }
+    loadTranslations() {
+        this.shareLabel = Salla.lang.get('pages.wishlist.share');
+        this.shareAllLabel = Salla.lang.get('pages.wishlist.share_all');
+        this.shareSpecificLabel = Salla.lang.get('pages.wishlist.share_specific');
+        this.selectAllLabel = Salla.lang.get('pages.wishlist.select_all');
+        this.cancelLabel = Salla.lang.get('common.elements.cancel');
+        this.shareModalTitle = Salla.lang.get('pages.wishlist.share_list_title');
+    }
+    get selectedCount() {
+        return this.selectedIds.length;
+    }
+    get isAllSelected() {
+        return this.loadedProductCount > 0 && this.selectedCount === this.loadedProductCount;
+    }
+    get isPartiallySelected() {
+        return this.selectedCount > 0 && this.selectedCount < this.loadedProductCount;
+    }
+    async syncLoadedProductCount() {
+        if (!this.productsList) {
+            this.loadedProductCount = 0;
+            return;
+        }
+        if (this.isListSyncPaused && this.specificMode) {
+            return;
+        }
+        const products = await this.productsList.getLoadedProducts();
+        this.loadedProductCount = products.length;
+    }
+    syncSelectAllCheckboxState() {
+        if (!this.selectAllCheckbox) {
+            return;
+        }
+        this.selectAllCheckbox.checked = this.isAllSelected;
+        this.selectAllCheckbox.indeterminate = this.isPartiallySelected;
+    }
+    componentDidRender() {
+        this.syncSelectAllCheckboxState();
+    }
+    pauseListSync() {
+        this.isListSyncPaused = true;
+        window.setTimeout(() => {
+            if (this.isListSyncPaused) {
+                this.isListSyncPaused = false;
+                void this.syncHasProducts();
+            }
+        }, 3000);
+    }
+    async syncHasProducts(hasProductsHint) {
+        if (this.isListSyncPaused && typeof hasProductsHint !== 'boolean') {
+            return;
+        }
+        if (typeof hasProductsHint === 'boolean') {
+            this.hasProducts = hasProductsHint;
+        }
+        else if (this.productsList) {
+            const products = await this.productsList.getLoadedProducts();
+            if (products.length === 0 && this.specificMode) {
+                return;
+            }
+            this.hasProducts = products.length > 0;
+            this.loadedProductCount = products.length;
+        }
+        else {
+            this.hasProducts = false;
+            this.loadedProductCount = 0;
+        }
+        if (!this.hasProducts) {
+            this.menuOpen = false;
+            if (this.specificMode) {
+                await this.cancelSpecific();
+            }
+        }
+    }
+    toggleMenu() {
+        if (!this.hasProducts) {
+            return;
+        }
+        this.menuOpen = !this.menuOpen;
+    }
+    async toggleSelectAll() {
+        if (!this.productsList) {
+            return;
+        }
+        if (this.isAllSelected) {
+            await this.productsList.clearSelection();
+            return;
+        }
+        await this.productsList.selectAll();
+    }
+    /**
+     * Enter "share specific items" mode: enable selection on the products list.
+     */
+    async shareSpecific() {
+        this.menuOpen = false;
+        this.specificMode = true;
+        this.pauseListSync();
+        if (this.productsList) {
+            this.productsList.selectable = true;
+        }
+    }
+    /**
+     * Exit "share specific items" mode: disable selection and clear it.
+     */
+    async cancelSpecific() {
+        this.specificMode = false;
+        this.selectedIds = [];
+        this.pauseListSync();
+        if (this.productsList) {
+            await this.productsList.clearSelection();
+            this.productsList.selectable = false;
+        }
+    }
+    /**
+     * Share all wishlist products.
+     */
+    async shareAll() {
+        this.menuOpen = false;
+        await this.processShare([], true);
+    }
+    /**
+     * Share the currently selected wishlist products.
+     */
+    async shareSelected() {
+        if (!this.selectedCount) {
+            return;
+        }
+        await this.processShare(this.selectedIds, false);
+    }
+    async processShare(ids, selectAll = false) {
+        if ((!selectAll && !ids?.length) || this.isSharing) {
+            return;
+        }
+        this.isSharing = true;
+        try {
+            const response = await salla.wishlist.share(ids, selectAll);
+            const nextShareUrl = response?.data?.url || response?.url || '';
+            if (!nextShareUrl || !this.socialShare) {
+                return;
+            }
+            this.shareUrl = nextShareUrl;
+            this.socialShare.url = nextShareUrl;
+            await this.socialShare.refresh();
+            await this.socialShare.open();
+        }
+        catch (error) {
+            Salla.logger?.warn?.('[salla-wishlist-actions] share failed', error);
+        }
+        finally {
+            this.isSharing = false;
+        }
+    }
+    render() {
+        return (h(Host, { key: 'b81e89ba2b50777838fb24668a85b755febd9d18' }, h("div", { key: 'f412c4aae0044968b113c145bd116afce1a16e02', class: "s-wishlist-actions" }, h("div", { key: '4da9f5ba7b01b6c6abd2870c7cfb36ab2b3ed096', class: "s-wishlist-actions-bar flex items-center justify-end gap-3 mb-3" }, h("div", { key: '6411eaa75b26c327158eec88e77c04127a005bb6', class: "s-wishlist-actions-dropdown relative" }, h("salla-button", { key: '7bd0b43064b1cc48684151997b32c5e2585a1ae2', color: "primary", fill: "outline", type: "button", disabled: !this.hasProducts, "aria-haspopup": "true", "aria-expanded": this.menuOpen ? 'true' : 'false', onClick: () => this.toggleMenu() }, h("div", { key: '32131529c458e64d5dba13abae5271bce834d8e1', class: "flex flex-row justify-center items-center gap-2" }, h("svg", { key: 'd8a684cee58b071b347be32bf549c0396353085c', 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: 'fdc7f657dd009b4b3233ef1bcd0403e07837d4c6', 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: '600757f2c20634e1081ffba89b2bf8e77cb1faf2', 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: '1a42e36d54129c5ac781ac73960d011f3fc4861b', 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: '9c105a9d91a5ff7e5804d02eadca02fef1a98b4c', class: "s-wishlist-actions-menu absolute z-20 mt-1 bg-white rounded-lg shadow overflow-hidden" }, h("li", { key: '18ea949dd666a37206e0998cd41438500b2bdafc' }, h("button", { key: 'fec3f1544ee9efcd7fb228e895830469880abc89', type: "button", class: "s-wishlist-actions-menu-item", onClick: () => this.shareAll() }, this.shareAllLabel)), h("li", { key: '92b907a2dc5fab606b8a484f24d0655ef648e9f9' }, h("button", { key: '53f84c381937c0fa57f64a1b6e290b4b5ed6d281', type: "button", class: "s-wishlist-actions-menu-item", onClick: () => this.shareSpecific() }, this.shareSpecificLabel))))), h("salla-social-share", { key: '696c7448d6593a85811c8a3a7c18068728871d47', class: "s-wishlist-actions-social", ref: el => (this.socialShare = el), url: this.shareUrl, mode: "modal", modalTitle: this.shareModalTitle }, h("span", { key: 'f3e51bcb70b2bf529712ee7fa4a167e5a59ad64c', slot: "widget", class: "s-wishlist-actions-social-anchor", "aria-hidden": "true" }))), this.specificMode && (h("div", { key: '1895c4ccc6bf6ff6ad1d754c70b03016d52d4bbe', 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: '6c988b12e481febb3fe2ee6ddbb7e93424de641e', class: "s-wishlist-actions-panel-select-all flex items-center gap-2 cursor-pointer" }, h("input", { key: 'e33a34358e5b974065f8299a9b48ac3dd7b2cc40', 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: '8a2ae1c1010059a5138eeb8dd1ff15c2e618a617', class: "s-wishlist-actions-panel-title text-sm font-bold text-gray-700" }, this.shareSpecificLabel, " (", this.selectedCount, ")")), h("div", { key: '692bd55edf4909c88479f704f4590ba8f400ccb6', class: "s-wishlist-actions-panel-buttons flex items-center gap-2" }, h("salla-button", { key: 'c6b33fc8f1acb8dc46d7ba4ba3696b25f60ca433', class: "s-wishlist-actions-cancel", color: "light", fill: "outline", type: "button", onClick: () => this.cancelSpecific() }, this.cancelLabel), h("salla-button", { key: 'eec053d0c882b0958f498a0c4f0373102ec40a8e', 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() {
+        return {
+            "$": ["salla-wishlist-actions.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["salla-wishlist-actions.css"]
+        };
+    }
+    static get states() {
+        return {
+            "menuOpen": {},
+            "hasProducts": {},
+            "specificMode": {},
+            "selectedIds": {},
+            "loadedProductCount": {},
+            "isSharing": {},
+            "shareUrl": {},
+            "shareLabel": {},
+            "shareAllLabel": {},
+            "shareSpecificLabel": {},
+            "selectAllLabel": {},
+            "cancelLabel": {},
+            "shareModalTitle": {}
+        };
+    }
+    static get methods() {
+        return {
+            "shareSpecific": {
+                "complexType": {
+                    "signature": "() => Promise<void>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "Enter \"share specific items\" mode: enable selection on the products list.",
+                    "tags": []
+                }
+            },
+            "cancelSpecific": {
+                "complexType": {
+                    "signature": "() => Promise<void>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "Exit \"share specific items\" mode: disable selection and clear it.",
+                    "tags": []
+                }
+            },
+            "shareAll": {
+                "complexType": {
+                    "signature": "() => Promise<void>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "Share all wishlist products.",
+                    "tags": []
+                }
+            },
+            "shareSelected": {
+                "complexType": {
+                    "signature": "() => Promise<void>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "Share the currently selected wishlist products.",
+                    "tags": []
+                }
+            }
+        };
+    }
+    static get elementRef() { return "host"; }
+}
+SallaWishlistActions.pageTitleClass = 's-wishlist-actions-page-title';