@salla.sa/twilight-components 2.14.559 → 2.14.561

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: 'c2172752ccc5634d2223042d359571d4ba4e6816', class: "s-tooltip-container" }, h("div", { key: 'b37b92c725bdad1ff3fc10caedd2fe98b506f5e7', 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: '3ade782845e46f9701622d3a4a71b54dc7da37fb', class: "s-tooltip-container" }, h("div", { key: 'c0fba34cb9890151fa283436f6ce4033ca2f1172', 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: 'ec31f48a8214240020804541d58e1745c429f2a5', class: "s-user-settings-wrapper" }, this.canHideName && (h("div", { key: '1a4fb3a3e47729891772838df0dca41f52e5d017', class: "s-user-settings-section" }, h("salla-list-tile", { key: 'f965243eca4953d588ea6ef27a581f00839482ff' }, h("div", { key: 'd08fb75de39b78c02455b9ede326e0563a675762', slot: "icon", class: "s-user-settings-section-icon" }, h("span", { key: '4bacfb410376c98a14c7289968293a5c06520bbd', innerHTML: UserCancel })), h("div", { key: '61bbccd47940a87db9faee8a6a305aff0b5f0783', slot: "title", class: "s-user-settings-section-title" }, this.capitalizeText(this.hideMyName)), h("div", { key: '3b02ec766d677d37d09df8ae91fae883b3e8b35d', slot: "subtitle", class: "s-user-settings-section-subtitle" }, this.capitalizeText(this.hideMyNameDesc)), h("div", { key: 'da7358399c5e1e8a94082585820f44e2de9d352d', slot: "action", class: "s-user-settings-section-action" }, h("label", { key: 'f64e96e150cd78ed41b104d845774ae31187a33e', class: "s-toggle" }, h("input", { key: '69b07baebf7c0869c37b29a920851be99dbfddc8', class: "s-toggle-input", checked: this.isHiddenName, onChange: e => this.toggleSetting('is_hidden_name', e), type: "checkbox" }), h("div", { key: '94e8675dcb56084c0581fb26f96ce0122c8898e5', class: "s-toggle-switcher" })))))), h("div", { key: '940db4113264ca36dc5283d17597a85d85c4b5b4', class: "s-user-settings-section" }, h("salla-list-tile", { key: 'f6c8e5cbebb295826be0bfac8ae427df9cf692bf' }, h("div", { key: 'c81a3c392df36b97777d74521482266a9444a79c', slot: "icon", class: "s-user-settings-section-icon" }, h("span", { key: '1a5a19818579890be2ecb12848e30cf034f8569b', innerHTML: Bullhorn })), h("div", { key: '5849731b90184af7225d120b5e1077e49301e379', slot: "title", class: "s-user-settings-section-title" }, this.capitalizeText(this.promotionalMsgs)), h("div", { key: '3aeda4ebfa9715d81272dd4be1e5b223f43d79fe', slot: "subtitle", class: "s-user-settings-section-subtitle" }, this.capitalizeText(this.promotionalMsgsDesc)), h("div", { key: '60db45c279de365c10ae40ba486afd8609f5d2b2', slot: "action", class: "s-user-settings-section-action" }, h("label", { key: '1b855ffd24570fe90badbd18bbab2c8032f320b7', class: "s-toggle" }, h("input", { key: '9cdd0d736ed9baf0f5628803a9a4b93c5389cc51', class: "s-toggle-input", checked: this.isNotifiable, onChange: e => this.toggleSetting('is_notifiable', e), type: "checkbox" }), h("div", { key: '35ba9556185bb4991fc91b343573e723cd888115', 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: 'a281976a9dd190f20ddf5e1e7633cd954407d3b4', class: "s-user-settings-wrapper" }, this.canHideName && (h("div", { key: '7291eaadf516b3161d9e4fde3a5dcec7a42bb609', class: "s-user-settings-section" }, h("salla-list-tile", { key: '3e23e502b3031de5cfb0a49e9c8bc9756ada92af' }, h("div", { key: 'd426d601591da1f15c065bce33e4c7b12d0bf047', slot: "icon", class: "s-user-settings-section-icon" }, h("span", { key: 'e4900a0e5450bc100d22e62a22de331e96958a4c', innerHTML: UserCancel })), h("div", { key: 'ec6110960511382dd551421ffd3a036af506109b', slot: "title", class: "s-user-settings-section-title" }, this.capitalizeText(this.hideMyName)), h("div", { key: 'bdfc4e7f987a7ecd0e3cf8bfeee72f055297e2d6', slot: "subtitle", class: "s-user-settings-section-subtitle" }, this.capitalizeText(this.hideMyNameDesc)), h("div", { key: 'fad7eb6125789cdf3230314e62552452f4c84fc3', slot: "action", class: "s-user-settings-section-action" }, h("label", { key: 'f5676bc70508fddad0506410089aa7879e4ef5db', class: "s-toggle" }, h("input", { key: '6b57caa5797c1b7225094cf4241a95b7a521327a', class: "s-toggle-input", checked: this.isHiddenName, onChange: e => this.toggleSetting('is_hidden_name', e), type: "checkbox" }), h("div", { key: '50073a68f078ae3592ea00581a9287f03371e122', class: "s-toggle-switcher" })))))), h("div", { key: 'e87388e12354cdd7559ff16c965bc51786d52af5', class: "s-user-settings-section" }, h("salla-list-tile", { key: 'fc020c81a28c42c0a98fda40ee6f6ffaaa5a20d4' }, h("div", { key: 'aa90688fca635da561e4eb77309e447d6f5e6b8b', slot: "icon", class: "s-user-settings-section-icon" }, h("span", { key: '6448e1268f3c88e72fff6259f195e4b43312253e', innerHTML: Bullhorn })), h("div", { key: 'ded7da656a1b484e4144c5d8605a55682f7de912', slot: "title", class: "s-user-settings-section-title" }, this.capitalizeText(this.promotionalMsgs)), h("div", { key: 'a70d94920d012ac5a1d85b17f92b9ce733179569', slot: "subtitle", class: "s-user-settings-section-subtitle" }, this.capitalizeText(this.promotionalMsgsDesc)), h("div", { key: 'be1325b95063cc822ee4c62d7c7a20bae08fb287', slot: "action", class: "s-user-settings-section-action" }, h("label", { key: '181949e51caed49e6c05d10e1a1ae79472772ded', class: "s-toggle" }, h("input", { key: '76d423655ebab9004b130adea83f89ec92a27966', class: "s-toggle-input", checked: this.isNotifiable, onChange: e => this.toggleSetting('is_notifiable', e), type: "checkbox" }), h("div", { key: '44a1ac3c7c6b1f0ac12ccb8853d5c75317ecce2c', 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: 'f98d4568e05ea8ada4b2128764ece4b8ecf0e9b1' }, h("div", { key: '178e589f317fc00edfc2d96cb8d9b50313271061', class: "s-wishlist-actions" }, h("div", { key: 'be8dd06107f7771e665ae7bb5662a98ef6ed844f', class: "s-wishlist-actions-bar flex items-center justify-end gap-3 mb-3" }, h("div", { key: '4b22a0f0b996013adc598b4b5c7a7e85f59ae9cb', class: "s-wishlist-actions-dropdown relative" }, h("salla-button", { key: 'beb6be8e267af9b64fb8986a00cbe582d3089bca', color: "primary", fill: "outline", type: "button", disabled: !this.hasProducts, "aria-haspopup": "true", "aria-expanded": this.menuOpen ? 'true' : 'false', onClick: () => this.toggleMenu() }, h("div", { key: '11a5a5f0817b073fd77f843eeaea7821fe39b603', class: "flex flex-row justify-center items-center gap-2" }, h("svg", { key: '5b7bbbcc99d112e2fc8c22370c086cc07096f671', 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: 'df1dfe257dab464c24bf4c30ed40013fbf9bb6bb', 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: '288e753722bd5001240cb9a20b766268343a1a2b', 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: 'c3b23ff2f73fb4d8dda9ecf7e66c672db22af1f1', 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: '168954288e17549aca31b030701b2527f3dfe29a', class: "s-wishlist-actions-menu absolute z-20 mt-1 bg-white rounded-lg shadow overflow-hidden" }, h("li", { key: '233853081fe20fbe460c8a59cd986346bdf86a7e' }, h("button", { key: '51503bb20856bc0db7256fdad7e14782218c2d8b', type: "button", class: "s-wishlist-actions-menu-item", onClick: () => this.shareAll() }, this.shareAllLabel)), h("li", { key: '3de41498ab832ca59b13eb3ceacea085bd739c99' }, h("button", { key: '02f19350401c0cea15cf4fbfb40b9fd3201a775f', type: "button", class: "s-wishlist-actions-menu-item", onClick: () => this.shareSpecific() }, this.shareSpecificLabel))))), h("salla-social-share", { key: '5b50b216a0b3f26705bfb9d5fb08289171bfb9db', class: "s-wishlist-actions-social", ref: el => (this.socialShare = el), url: this.shareUrl, mode: "modal", modalTitle: this.shareModalTitle }, h("span", { key: 'a0526c7a5a42b3d227e8ee60ccae567539a78b32', slot: "widget", class: "s-wishlist-actions-social-anchor", "aria-hidden": "true" }))), this.specificMode && (h("div", { key: 'a4674671b6ebb3f24a89175094c179e28edd5356', 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: 'ac840ff8d4097a8a8a88a7b2b69616a2774a34ca', class: "s-wishlist-actions-panel-select-all flex items-center gap-2 cursor-pointer" }, h("input", { key: 'e237aad2710b60f89a063851c5073973bcfcde16', 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: 'f843c9b25131632ecd59b82848105dbc0d60e050', class: "s-wishlist-actions-panel-title text-sm font-bold text-gray-700" }, this.shareSpecificLabel, " (", this.selectedCount, ")")), h("div", { key: 'aebdee1c3b1128bde388ad3525ddb8b8e2224f6c', class: "s-wishlist-actions-panel-buttons flex items-center gap-2" }, h("salla-button", { key: 'cc978cf0b71194497525e691da25809246bbf15e', class: "s-wishlist-actions-cancel", color: "light", fill: "outline", type: "button", onClick: () => this.cancelSpecific() }, this.cancelLabel), h("salla-button", { key: '06693bd6ecea8b470bf63c7de4f5e0ffad4dd96b', 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: 'f2c749d47b18d8e12fb7186eec0679083f14c990' }, h("div", { key: '218f5eb3b07c3e626e3677f856a515fe01833311', class: "s-wishlist-actions" }, h("div", { key: '5c6a4cea2b16baae3e4fda8f34173467e562072b', class: "s-wishlist-actions-bar flex items-center justify-end gap-3 mb-3" }, h("div", { key: '2753d439676740b4e67f31db1774a5294cd0c150', class: "s-wishlist-actions-dropdown relative" }, h("salla-button", { key: '13075fc30599a336fb92ecd9e90c72d38a541253', color: "primary", fill: "outline", type: "button", disabled: !this.hasProducts, "aria-haspopup": "true", "aria-expanded": this.menuOpen ? 'true' : 'false', onClick: () => this.toggleMenu() }, h("div", { key: 'd5ead5b3d4fd6c90d6fa01502e5a6437d37557c8', class: "flex flex-row justify-center items-center gap-2" }, h("svg", { key: '7c04668fba88f122d1920f9bed9a2e5308452721', 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: '8d3190b697e81cae3ebfcfb6a9c0e82c7aea465f', 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: '1a55774c008f2e0d44f2074fdaa04290a61f799c', 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: 'd7fe9393be3a8ff7b8d9f8ffa9eade5e8185ad80', 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: '5c35b61c80a3c148c647460a54c62beb239fb0f5', class: "s-wishlist-actions-menu absolute z-20 mt-1 bg-white rounded-lg shadow overflow-hidden" }, h("li", { key: '63a82032fb616eade7f23706647dc4a8a167fb37' }, h("button", { key: '3e586e54d47f960408486c69f23ad43486762059', type: "button", class: "s-wishlist-actions-menu-item", onClick: () => this.shareAll() }, this.shareAllLabel)), h("li", { key: '1ae1a01dd873e989390686494809b4cb2361cad6' }, h("button", { key: '85bd5814e6a40fae55fdf797b4874cbd6058ef5d', type: "button", class: "s-wishlist-actions-menu-item", onClick: () => this.shareSpecific() }, this.shareSpecificLabel))))), h("salla-social-share", { key: '7a944502b2916565810d52e17ed17d83a49b58a9', class: "s-wishlist-actions-social", ref: el => (this.socialShare = el), url: this.shareUrl, mode: "modal", modalTitle: this.shareModalTitle }, h("span", { key: '3b45e9700e6b02185c6ba2d145c35785520377ef', slot: "widget", class: "s-wishlist-actions-social-anchor", "aria-hidden": "true" }))), this.specificMode && (h("div", { key: '28ec1f084cdab3490b75ff0f4c79aa892884b64e', 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: '4a82c117309d60a3a7874ae3f258c139e40778dc', class: "s-wishlist-actions-panel-select-all flex items-center gap-2 cursor-pointer" }, h("input", { key: 'f72370d3bbd7887e14945bc7da5451f77664a764', 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: '7f7d513a5c06ffa27706519f40f33f5f86b3f581', class: "s-wishlist-actions-panel-title text-sm font-bold text-gray-700" }, this.shareSpecificLabel, " (", this.selectedCount, ")")), h("div", { key: '021dd377c7bdf777f61daac64ae5a5955decbe99', class: "s-wishlist-actions-panel-buttons flex items-center gap-2" }, h("salla-button", { key: '36edc191937c110806f1a1ab152db87712e3b63a', class: "s-wishlist-actions-cancel", color: "light", fill: "outline", type: "button", onClick: () => this.cancelSpecific() }, this.cancelLabel), h("salla-button", { key: '13b1fb46a21df09c6110b168adfa2d033d2d7f5b', 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() {