@salla.sa/twilight-components 2.14.310 → 2.14.312

package/dist/components/salla-search.js

@@ -126,12 +126,12 @@ const SallaSearch$1 = /*@__PURE__*/ proxyCustomElement(class SallaSearch extends
         this.inputValue.length < 3 ? this.container.classList.remove('s-search-no-results') : '';
     }
     render() {
-        const searchContent = h("div", { key: '64b8dccb734fee6d08cec74f87d7fb8486f0da00', class: { 's-search-container': true, 's-search-inline': this.inline }, ref: container => this.container = container }, h("div", { key: 'aef0ccb76aebff05b167dfe05a95ae19daa383ec', class: "s-search-input-wrapper" }, h("span", { key: 'ac7cb6699f2c6b09fb9da9e57cfe8e724c29e358', class: "s-search-icon-wrap" }, h("span", { key: '68f7207dafca4f6a337c2629338f84f29ccec3ef', class: "s-search-icon", innerHTML: this.loading ? '<i class="s-search-spinner-loader"/>' : Search })), h("input", { key: 'e182fff8d2f4d98cea7fd0a4c22b5fab5cff7dd2', type: "search", enterkeyhint: "search", autocomplete: "off", class: "s-search-input", placeholder: salla.lang.get('blocks.header.search_placeholder'), onInput: (e) => this.limitWordsAndSearch(e), onKeyDown: e => this.handleKeyDown(e), ref: input => this.searchInput = input, style: { height: this.height + 'px', borderRadius: this.oval ? this.height / 2 + 'px' : '' } }), this.showAction ?
-            h("salla-button", { loading: this.loading, class: { 's-search-action': true, 's-search-action-oval': this.oval }, onClick: () => this.handleActionClick() }, !this.loading && h("span", { innerHTML: Search })) : null), h("div", { key: 'a72889d16dc8949b3a42375f4377cda74f8de01a', class: "s-search-results" }, this.results?.data.map((product) => h("a", { href: product.url + '?from=search-bar', class: { "s-search-product": true, 's-search-product-not-available': !product.is_available }, innerHTML: this.productSlot
+        const searchContent = h("div", { key: '87730f3e2b289256978be308b6c89e7c6442fe90', class: { 's-search-container': true, 's-search-inline': this.inline }, ref: container => this.container = container }, h("div", { key: '45cbe1c5c33aee61a41108c8a3d988f5148db9c9', class: "s-search-input-wrapper" }, h("span", { key: '804b1374b1d382a994329f966194b28b02cdaf67', class: "s-search-icon-wrap" }, h("span", { key: '750df807146faed676ecb89157d5c9c85b835e22', class: "s-search-icon", innerHTML: this.loading ? '<i class="s-search-spinner-loader"/>' : Search })), h("input", { key: '3a1c7f98c40dff3d62f70d5e82f2c3d82436d29d', type: "search", enterkeyhint: "search", autocomplete: "off", class: "s-search-input", placeholder: salla.lang.get('blocks.header.search_placeholder'), onInput: (e) => this.limitWordsAndSearch(e), onKeyDown: e => this.handleKeyDown(e), ref: input => this.searchInput = input, style: { height: this.height + 'px', borderRadius: this.oval ? this.height / 2 + 'px' : '' } }), this.showAction ?
+            h("salla-button", { loading: this.loading, class: { 's-search-action': true, 's-search-action-oval': this.oval }, onClick: () => this.handleActionClick() }, !this.loading && h("span", { innerHTML: Search })) : null), h("div", { key: '52327f5d989f66c2d56574b88ca91c4397b9ef28', class: "s-search-results" }, this.results?.data.map((product) => h("a", { href: product.url + '?from=search-bar', class: { "s-search-product": true, 's-search-product-not-available': !product.is_available }, innerHTML: this.productSlot
                 .replace(/\{name\}/g, product.name)
                 .replace(/\{price\}/g, product.price ? salla.money(product.price) : '')
                 .replace(/\{regular_price\}/g, product.is_on_sale && product.regular_price ? salla.money(product.regular_price) : '')
-                .replace(/\{image\}/g, product.image.url) })), h("p", { key: '63ae4b78f510b2a013813a544b240ac0cc7a8c69', ref: el => this.noResults = el, class: "s-search-no-results-placeholder" }, salla.lang.get('common.elements.no_options'))));
+                .replace(/\{image\}/g, product.image.url) })), h("p", { key: '0a6c1a9fd26eb21e94a23d1b4a12ad159e3321c7', ref: el => this.noResults = el, class: "s-search-no-results-placeholder" }, salla.lang.get('common.elements.no_options'))));
         return (this.inline ?
             h("div", { class: "s-search-modal" }, searchContent)
             :

package/dist/components/salla-skeleton2.js

@@ -27,7 +27,7 @@ const SallaSkeleton = /*@__PURE__*/ proxyCustomElement(class SallaSkeleton exten
             's-skeleton-item': true,
             's-skeleton-item-circular': this.type == 'circle',
         };
-        return (h(Host, { key: '64e0a58754b26fcca6cbc93d636c1c4d4f895a53', class: "s-skeleton-wrapper", style: { width: this.width, height: this.height } }, h("div", { key: '1e19620023d4dfc07d343e47bd2a0126db3f034a', class: classes }, "\u00A0")));
+        return (h(Host, { key: '30502d1578371d865a0e18585d2c6a8943862d2e', class: "s-skeleton-wrapper", style: { width: this.width, height: this.height } }, h("div", { key: '9888e6790e33749ef8b9e5f0e0dbdbb12c202169', class: classes }, "\u00A0")));
     }
     static get style() { return sallaSkeletonCss; }
 }, [0, "salla-skeleton", {

package/dist/components/salla-slider2.js

@@ -523,7 +523,7 @@ const SallaSlider = /*@__PURE__*/ proxyCustomElement(class SallaSlider extends H
         classes += this.verticalThumbs ? ' s-slider-vertical ' : ' s-slider-horizontal ';
         classes += this.arrowsCentered ? ' s-slider-v-centered ' : '';
         classes += this.gridThumbs ? ' s-slider-with-grid-thumbs ' : '';
-        return (h(Host, { key: 'f252a63bd425f788d31328179372fa365385a85c', class: 's-slider-wrapper ' + classes }, this.blockTitle || this.showControls ?
+        return (h(Host, { key: '5f395e1022170d4e3c7d73868c107c240cd3e859', class: 's-slider-wrapper ' + classes }, this.blockTitle || this.showControls ?
             h("div", { class: "s-slider-block__title" }, this.blockTitle ?
                 h("div", { class: "s-slider-block__title-right" }, h("h2", null, this.blockTitle), this.blockSubtitle ? h("p", { innerHTML: this.blockSubtitle }) : '')
                 : '', h("div", { class: "s-slider-block__title-left" }, this.displayAllUrl ?
@@ -531,7 +531,7 @@ const SallaSlider = /*@__PURE__*/ proxyCustomElement(class SallaSlider extends H
                 : '', this.showControls ?
                 h("div", { class: "s-slider-block__title-nav", dir: "rtl" }, h("button", { "aria-label": "Previous Slide", class: "s-slider-prev s-slider-nav-arrow" }, h("span", { class: "s-slider-button-icon", innerHTML: this.direction == 'rtl' ? KeyBoardArrowRightIcon : KeyBoardArrowLeftIcon })), h("button", { "aria-label": "Next Slide", class: "s-slider-next s-slider-nav-arrow" }, h("span", { class: "s-slider-button-icon", innerHTML: this.direction == 'rtl' ? KeyBoardArrowLeftIcon : KeyBoardArrowRightIcon })))
                 : ''))
-            : '', h("div", { key: 'e84fedf7c982d9c15a2b43631123ae42ecf98ab8', class: "swiper s-slider-container", ref: el => this.sliderContainer = el, dir: this.vertical ? "ltr" : this.direction }, h("slot", { key: 'b91356832a6d5e19134073400f19046c3372b403' }), h("div", { key: '21d21f8ec73eb27016a199272e4193456e2e3823', class: "swiper-wrapper s-slider-swiper-wrapper", ref: el => this.sliderWrapper = el }, h("slot", { key: 'e18cdeba693a383a75523836c761f33bbc5e115e', name: 'items' })), this.pagination ? h("div", { class: "swiper-pagination" }) : ''), this.type == 'thumbs' && this.hasThumbSlot ? h("div", { class: "s-slider-thumbs" }, h("div", { class: "swiper s-slider-thumbs-container", dir: this.getThumbsDirection(), ref: el => this.thumbsSliderContainer = el }, h("div", { class: { "s-slider-swiper-wrapper swiper-wrapper": true, "s-slider-grid-thumbs": this.gridThumbs }, ref: el => this.thumbsSliderWrapper = el }, h("slot", { name: "thumbs" })), this.showThumbsControls ?
+            : '', h("div", { key: '6fe1748e02836b39f80c55871e3f62d94cf1402c', class: "swiper s-slider-container", ref: el => this.sliderContainer = el, dir: this.vertical ? "ltr" : this.direction }, h("slot", { key: 'bcb56faea40964993d0fce7355aab7b59d722f02' }), h("div", { key: '030ab812826807417b743659f1bf33aa534bd585', class: "swiper-wrapper s-slider-swiper-wrapper", ref: el => this.sliderWrapper = el }, h("slot", { key: 'a5e25081d9b27f188f818b3cfe9b973fabc7e256', name: 'items' })), this.pagination ? h("div", { class: "swiper-pagination" }) : ''), this.type == 'thumbs' && this.hasThumbSlot ? h("div", { class: "s-slider-thumbs" }, h("div", { class: "swiper s-slider-thumbs-container", dir: this.getThumbsDirection(), ref: el => this.thumbsSliderContainer = el }, h("div", { class: { "s-slider-swiper-wrapper swiper-wrapper": true, "s-slider-grid-thumbs": this.gridThumbs }, ref: el => this.thumbsSliderWrapper = el }, h("slot", { name: "thumbs" })), this.showThumbsControls ?
             h("div", { class: "s-slider-thumbs-nav", dir: "rtl" }, h("button", { "aria-label": "Previous Slide", class: "s-slider-thumbs-prev s-slider-nav-arrow" }, h("span", { class: "s-slider-button-icon", innerHTML: this.direction == 'rtl' ? KeyBoardArrowRightIcon : KeyBoardArrowLeftIcon })), h("button", { "aria-label": "Next Slide", class: "s-slider-thumbs-next s-slider-nav-arrow" }, h("span", { class: "s-slider-button-icon", innerHTML: this.direction == 'rtl' ? KeyBoardArrowLeftIcon : KeyBoardArrowRightIcon })))
             : null))
             : null));

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

@@ -147,7 +147,7 @@ const SallaSocialShare$1 = /*@__PURE__*/ proxyCustomElement(class SallaSocialSha
         window.a2a?.init('page');
     }
     render() {
-        return (h("div", { key: 'dcba2bc3344b69f395379ac57b849d02013cd778', class: "s-social-share-wrapper" }, h("slot", { key: 'ce23f2263042bd09d1233570739756d8aa133145', name: 'widget' }, h("salla-button", { key: 'f76f0c7af4c6f717634575efae944e11fc5403d7', "aria-label": "Share", onClick: () => this.open(), class: "s-social-share-btn", shape: "icon", fill: "outline", color: "light" }, h("span", { key: 'b6c190caf3f9ab6dbf930e62caed60f0c5cb6a39', innerHTML: this.opened ? Cancel : ShareAlt }))), h("ul", { key: '5eee0092e3596e384690b3ab3f2fb74a0fc22e66', ref: el => this.shareMenu = el, class: "s-social-share-list a2a_kit share", "data-a2a-url": this.url ? this.url : window.location.href, "data-a2a-title": this.urlName ? this.urlName : document.title }, this.platforms.split(',').map(platform => {
+        return (h("div", { key: '0cc4ce871482b02588ae793d581b452c074ae292', class: "s-social-share-wrapper" }, h("slot", { key: 'b953d89a698d4c1801ef99831a9f29432f23f0f7', name: 'widget' }, h("salla-button", { key: 'f152f0839aa50406a5bac84298e580e6c51ca749', "aria-label": "Share", onClick: () => this.open(), class: "s-social-share-btn", shape: "icon", fill: "outline", color: "light" }, h("span", { key: '2e424400e4253f36824338c825bf9762fada793c', innerHTML: this.opened ? Cancel : ShareAlt }))), h("ul", { key: '38b3c21e35746e90d00d2fa14107cb66ab5b6eb4', ref: el => this.shareMenu = el, class: "s-social-share-list a2a_kit share", "data-a2a-url": this.url ? this.url : window.location.href, "data-a2a-title": this.urlName ? this.urlName : document.title }, this.platforms.split(',').map(platform => {
             return (h("li", null, h("a", { class: `a2a_button_${platform}`, "aria-label": `Share Via ${platform}` }, this.platformIcons.map((icon) => {
                 if (icon.name === platform) {
                     return h("span", { class: "s-social-share-icon", innerHTML: icon.icon });

package/dist/components/salla-social.js

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

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

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

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

@@ -58,7 +58,7 @@ const SallaTabHeader = /*@__PURE__*/ proxyCustomElement(class SallaTabHeader ext
             's-tabs-active': this.isSelected,
         };
         return [
-            h("div", { key: '7e9e75c995226ca1b23a9a185c8be46206362b61', class: classes, onClick: this.onClick.bind(this) }, h("slot", { key: '6ed7bf434cf6b1af235e2251f6d3f385cbbbcf0b' })),
+            h("div", { key: 'e5789e9c370c6ad2bcda924605ff41bbf222cb33', class: classes, onClick: this.onClick.bind(this) }, h("slot", { key: 'b0f31634fd70d3a46d6dca7f7a951be1bdbf6569' })),
         ];
     }
     static get style() { return sallaTabHeaderCss; }

package/dist/components/salla-tabs2.js

@@ -51,7 +51,7 @@ const SallaTabs = /*@__PURE__*/ proxyCustomElement(class SallaTabs extends HTMLE
     }
     render() {
         return [
-            h("div", { key: 'a82184132426d8d221c31160f48f129b0cb43a0f', class: "s-tabs" }, h("div", { key: '199285e8eef1f8e825b174af3b6df06ffe1ffc6e', class: "s-tabs-header" }, h("slot", { key: '80f789aa0dec2dc44c15f269bb554a63e325c7be', name: "header" })), h("div", { key: '1c4fec4e20bab0302fd04a29ebfb2f2bb93380d0', class: "s-tabs-content-wrapper" }, h("slot", { key: '491f2f5149acac667b3036fba9b92cf1fa027fc8', name: "content" })))
+            h("div", { key: '663a81a31e6b49c72d8ba27706037846385a5048', class: "s-tabs" }, h("div", { key: 'd58fb40e9afe024d274d9779d3bca68dcc1cb22f', class: "s-tabs-header" }, h("slot", { key: '513bbd3091f24dd9f8cb7a1f6750a8fe75d79bb1', name: "header" })), h("div", { key: 'daeb6318f0e10c1676a0c2b82e68af9e109397d9', class: "s-tabs-content-wrapper" }, h("slot", { key: '39b4e0ee8592d6c77007f61bb9a80043d20b3a72', name: "content" })))
         ];
     }
     get host() { return this; }

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

@@ -129,7 +129,7 @@ const SallaTelInput = /*@__PURE__*/ proxyCustomElement(class SallaTelInput exten
         }
     }
     render() {
-        return (h(Host, { key: 'f16ad5846d12d5ecef7b30e3409cd57be9bb9763', class: "s-tel-input" }, h("input", { key: '08a876233bba3f7878bb9dc9668f60fd16d04903', 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: 'f02fa5d196bb959f6a281fa0dc9ff2c352b97e88', class: "s-tel-input-error-msg", ref: el => this.errorMsg = el }), h("input", { key: 'fd0f6dcf6aba98356f7be85422918ff745dc2078', type: "hidden", name: "country_code", value: this.countryCode, ref: el => this.countryCodeInput = el, class: "country_code" })));
+        return (h(Host, { key: 'c1970701aebf32650bec6072f4c5494a7b443c79', class: "s-tel-input" }, h("input", { key: '9774b0740d214eb72f3da4ebd10f119ac4c47d89', 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: '9f159c42e3f9c8c0dba6205ba13d6de1f4462109', class: "s-tel-input-error-msg", ref: el => this.errorMsg = el }), h("input", { key: 'a9c5b9c2aba8b5b35378481686ec9b6783fb101b', type: "hidden", name: "country_code", value: this.countryCode, ref: el => this.countryCodeInput = el, class: "country_code" })));
     }
     componentDidLoad() {
         this.initTelInput();

package/dist/components/salla-tooltip2.js

@@ -27,7 +27,7 @@ const SallaTooltip = /*@__PURE__*/ proxyCustomElement(class SallaTooltip extends
         this.targetElement = document.getElementById(this.targetId);
     }
     render() {
-        return (h("div", { key: '46f7eb1a696cc4716525911f374a04bab58c9593', class: "s-tooltip-container" }, h("slot", { key: '9e24df4e71a0dac31d5d6b5f9991c14f7e2c6f3c' }), this.show && h("div", { key: 'bc359c1b14e02f1206fe26a62d0cd4ad1b5eb3ed', class: "s-tooltip-item" }, this.text)));
+        return (h("div", { key: '1de8b4c05780d978edc217c9de5421607290b34a', class: "s-tooltip-container" }, h("slot", { key: '633882a65d997d2d3ef0fb8ce050eda1b6444df3' }), this.show && h("div", { key: 'd74010440f5a2cc3b373d4311f6d26fe6c46b593', class: "s-tooltip-item" }, this.text)));
     }
     get el() { return this; }
     static get style() { return sallaTooltipCss; }

package/dist/components/salla-user-menu.js

@@ -101,8 +101,7 @@ const SallaUserMenu$1 = /*@__PURE__*/ proxyCustomElement(class SallaUserMenu ext
             wishlist: WishListIcon,
             wallet: WalletIcon,
             loyalty_program: loyaltyProgramIcon,
-            profile: UserCircle,
-            ...(this.sallaAccountEnabled ? { settings: SettingstIcon } : {})
+            profile: UserCircle
         };
         // salla.auth.event.onLoggedIn(() => {
         //   this.is_loggedIn = true
@@ -120,13 +119,7 @@ const SallaUserMenu$1 = /*@__PURE__*/ proxyCustomElement(class SallaUserMenu ext
             this.loyalty_program = salla.lang.get('pages.loyalty_program.loyalty_points');
             this.logout = salla.lang.get('blocks.header.logout');
         });
-        //we need it only in theme-y
-        if (this.host.hasAttribute('with-rating')) {
-            this.items.rating = Rate;
-        }
-        //we need it to be the last item
-        this.items.logout = LogoutIcon;
-        salla.onReady(() => {
+        Salla.onReady(() => {
             if (salla.config.isGuest()) {
                 return;
             }
@@ -161,7 +154,14 @@ const SallaUserMenu$1 = /*@__PURE__*/ proxyCustomElement(class SallaUserMenu ext
         await salla.onReady();
         await salla.lang.onLoaded();
         this.sallaAccountEnabled = Salla.config.get('store.features')?.includes('salla-account');
-        this.profileUrl = `${salla.config.get('account.url', 'https://accounts.salla.com')}/${Salla.config.get('user.language_code')}/user?store=${Salla.config.get('store.id')}&info=${encodeURIComponent(Salla.storage.get('token'))}`;
+        this.items = this.sallaAccountEnabled ? { ...this.items, settings: SettingstIcon } : this.items;
+        //we need it only in theme-y
+        if (this.host.hasAttribute('with-rating')) {
+            this.items.rating = Rate;
+        }
+        //we need it to be the last item
+        this.items.logout = LogoutIcon;
+        this.profileUrl = `${Salla.config.get('account.url', 'https://accounts.salla.com')}/${salla.config.get('user.language_code')}/user?store=${Salla.config.get('store.id')}&info=${encodeURIComponent(Salla.storage.get('token'))}`;
         const trigger = this.host.querySelector('[slot="trigger"]');
         this.triggerSlot =
             '<div class="s-user-menu-trigger"><div class="s-user-menu-avatar-wrap"><img class="s-user-menu-trigger-avatar" src="{avatar}" alt="{first_name}{last_name}" /></div><div class="s-user-menu-trigger-content"><span class="s-user-menu-trigger-hello">{hello}</span><p class="s-user-menu-trigger-name">{first_name} {last_name}</p></div> <i class="s-user-menu-trigger-icon">{icon}</i></div>';

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

@@ -83,7 +83,7 @@ const SallaUserSettings$1 = /*@__PURE__*/ proxyCustomElement(class SallaUserSett
         await salla.profile.delete().finally(() => this.confirmationModal.close());
     }
     render() {
-        return (h(Host, { key: '33752e10e70ffbf01efb75b31d4849edef0a22ca', class: "s-user-settings-wrapper" }, this.canHideName && h("div", { key: '93d51db7a7034bd47afa1743046e7ed1f723f60c', class: "s-user-settings-section" }, h("salla-list-tile", { key: 'a5a516cd1fae2a592ce52d9eb4d406116b961d54' }, h("div", { key: '84810dc0921a67f0506796fef48e4e0bdd6065ac', slot: "icon", class: "s-user-settings-section-icon" }, h("span", { key: '6e9ec2538288787753b39b9eab5e73085fd77af2', innerHTML: UserCancel })), h("div", { key: 'ea4b1e3a1a7f0335041e6bf6f1ee17bf7c10df8d', slot: "title", class: "s-user-settings-section-title" }, this.capitalizeText(this.hideMyName)), h("div", { key: '05c29800a9f48ec42a8681e44e65c347b635c02e', slot: "subtitle", class: "s-user-settings-section-subtitle" }, this.capitalizeText(this.hideMyNameDesc)), h("div", { key: '14a925b8253d160fc13ba73eedc8dbc8cb950f89', slot: 'action', class: "s-user-settings-section-action" }, h("label", { key: 'cdf006b150c126d25ae01254f142bad8a20dd553', class: "s-toggle" }, h("input", { key: 'd22dbe40daf8ba763b24d3456161ac24b4d59ec3', class: "s-toggle-input", checked: this.isHiddenName, onChange: (e) => this.toggleSetting('is_hidden_name', e), type: "checkbox" }), h("div", { key: '73831affe4a191d6cc2c7eb3ea360a01f0287eee', class: "s-toggle-switcher" }))))), h("div", { key: '891e04a67ad6d20da94947e8cfa2d6edf9c7bb84', class: "s-user-settings-section" }, h("salla-list-tile", { key: '206fe63e42899c9a8c7efffabd6feb49b6bcb917' }, h("div", { key: '5d93ddd0678238418b4edd4e59352fea431a1ca3', slot: "icon", class: "s-user-settings-section-icon" }, h("span", { key: 'f58c73c740186085c5091139dad0270c18e96759', innerHTML: Bullhorn })), h("div", { key: 'b6cf780f0cfe38a6fb5dc63cb2d4857f4b909c58', slot: "title", class: "s-user-settings-section-title" }, this.capitalizeText(this.promotionalMsgs)), h("div", { key: '8e8a6d47fffa6b833b4047054d22faffac042936', slot: "subtitle", class: "s-user-settings-section-subtitle" }, this.capitalizeText(this.promotionalMsgsDesc)), h("div", { key: '2599fbfb496b0a9ce58e6c8dea53a8535cac5204', slot: 'action', class: "s-user-settings-section-action" }, h("label", { key: '0fbcb6ff94aeef953750fb8f8d22ece4b75c99b1', class: "s-toggle" }, h("input", { key: '859c64fd37986ce5615bfeaacf22cfeb4aff9c6c', class: "s-toggle-input", checked: this.isNotifiable, onChange: (e) => this.toggleSetting('is_notifiable', e), type: "checkbox" }), h("div", { key: 'e1f46d025760d058516036757b47c847bef54600', class: "s-toggle-switcher" }))))), h("div", { key: 'fee3c156efc03e2b7c3306f1399a862d7f42bfbb', class: "s-user-settings-section s-user-settings-section-deactivate-user" }, h("salla-list-tile", { key: '494c6b20eff0df5c1733c649b6383735589550d8' }, h("div", { key: '33f6dda6763b824e08071055bae7a993e54d82d7', slot: "icon", class: "s-user-settings-section-icon" }, h("span", { key: 'fb7a0899c926b2be7b4ea03e8079c0f755a3a724', innerHTML: UserOff })), h("div", { key: '91a27cfb2b9e19bbb1fdedbac04cac60f783fa8a', slot: "title", class: "s-user-settings-section-title" }, this.capitalizeText(this.deactivateAccount)), h("div", { key: 'fa780dd1c2a71d180eaaeec517e3195add641011', slot: "subtitle", class: "s-user-settings-section-subtitle" }, this.capitalizeText(this.deactivateDesc)), h("div", { key: 'fe97d9c07fd65ae7469551cf9d0ae4451167943e', slot: 'action', class: "s-user-settings-section-action" }, h("salla-button", { key: 'c656e8800d73c813d4e00c6078ed3c53a1ce788f', fill: "outline", color: "danger", shape: "btn", size: "medium", width: "normal", onClick: () => this.openDeactivateModal() }, this.capitalizeText(this.deactivateAccount))))), h("salla-modal", { key: 'fa19e38a8ba2de3571045be2072097477e9ca797', width: "sm", subTitle: this.capitalizeText(this.sorryForLeavingText), ref: modal => this.confirmationModal = modal }, h("span", { key: '0d4eced0174ed3c4f13fddd61b711cd9d73dac47', slot: 'icon', class: "s-user-settings-confirmation-icon", innerHTML: UserOff }), h("div", { key: '38be1edb34805de488c648e8312807e2d49a6733', class: "s-user-settings-confirmation" }, h("div", { key: '949a75940d5065c4bd412e49ebc18fc9f3d39c21', class: "s-user-settings-confirmation-warning" }, this.capitalizeText(this.warningText)), h("div", { key: '09403f1c85cc9bbc941dcd04bfa88b99aa0ac7c6', class: "s-user-settings-confirmation-actions" }, h("salla-button", { key: 'ccb531ffa8af9e47e758b591b9d98d980a498611', width: "wide", onClick: () => this.confirmationModal.close() }, this.capitalizeText(this.keepAccount)), h("salla-button", { key: '9783256bdabfab9dcb0452580748d4efd2ca0f88', fill: 'outline', loading: this.buttonLoading, width: "wide", onClick: () => this.deleteAccount() }, this.capitalizeText(this.deactivateAccount)))))));
+        return (h(Host, { key: 'ec0a4acb9df3401db99cec16067f6bd942a13dac', class: "s-user-settings-wrapper" }, this.canHideName && h("div", { key: 'e2326b1cf07a71b6153cf308cbc6576603750238', class: "s-user-settings-section" }, h("salla-list-tile", { key: 'dfb2108ffb91585ed13fbd57dd022be26caba564' }, h("div", { key: '5c409c117bab9442aa80d9a76e781e0494c74eae', slot: "icon", class: "s-user-settings-section-icon" }, h("span", { key: '5f361b8df7d36ae67c2538e420332cf2cd35dcad', innerHTML: UserCancel })), h("div", { key: '11efad0c8c14f372c6377b419545151f10468d06', slot: "title", class: "s-user-settings-section-title" }, this.capitalizeText(this.hideMyName)), h("div", { key: '7eb0871e5bbc9b1d93fa2531665ea71a86abe909', slot: "subtitle", class: "s-user-settings-section-subtitle" }, this.capitalizeText(this.hideMyNameDesc)), h("div", { key: '2c3458300fcd6e77c3ee6ac793e7e48a0973c19a', slot: 'action', class: "s-user-settings-section-action" }, h("label", { key: '21ce7928f15d6e366dc0ff9741f1e335551221e3', class: "s-toggle" }, h("input", { key: 'd2795c7b04b4a88d86f7df40eb0b8a4c91d67e26', class: "s-toggle-input", checked: this.isHiddenName, onChange: (e) => this.toggleSetting('is_hidden_name', e), type: "checkbox" }), h("div", { key: '3a5f79277e6001a46daa62ddc3a1b7fe1e90aba0', class: "s-toggle-switcher" }))))), h("div", { key: '3c4dbc2b6246bad36014b2a546fcbb601cf492db', class: "s-user-settings-section" }, h("salla-list-tile", { key: '9aa2588f75f13249cd4f3afb8754c7e83cfd99dc' }, h("div", { key: '46676cb5c9252c00a964d0a7d9e65c8b6307d0c0', slot: "icon", class: "s-user-settings-section-icon" }, h("span", { key: '512c9be252b70f029c39da90a4253a86e28600a1', innerHTML: Bullhorn })), h("div", { key: '3765c432fbf079214bcd79ae247e8b8a04c7bdff', slot: "title", class: "s-user-settings-section-title" }, this.capitalizeText(this.promotionalMsgs)), h("div", { key: 'c5f16f46d894631182f1266efc3b5835a75fc100', slot: "subtitle", class: "s-user-settings-section-subtitle" }, this.capitalizeText(this.promotionalMsgsDesc)), h("div", { key: '3d8d2440fc51853efbdfbe97968d14a770a96e46', slot: 'action', class: "s-user-settings-section-action" }, h("label", { key: '6d6d4d80b2d81fc99460e8b895afbbe2ceee674c', class: "s-toggle" }, h("input", { key: '1be1bc0d9fab3d1829e3aea336bfabef0ec46936', class: "s-toggle-input", checked: this.isNotifiable, onChange: (e) => this.toggleSetting('is_notifiable', e), type: "checkbox" }), h("div", { key: '1f2a00f621a5521b378e4c059d13a778277b66d0', class: "s-toggle-switcher" }))))), h("div", { key: '45f7184fecc12b058d27dbc698a486661dbd246f', class: "s-user-settings-section s-user-settings-section-deactivate-user" }, h("salla-list-tile", { key: '7b8d46aae51b3a416bca566e8f0bb328f2544bf2' }, h("div", { key: '914cdf3d0ee608988ebade460a39d41e303a6b95', slot: "icon", class: "s-user-settings-section-icon" }, h("span", { key: 'a9fad1f10f2eef6c617130bbf48054f1945ff307', innerHTML: UserOff })), h("div", { key: 'f6e0e1735fa46b2b5a759858d8c24ffee917c6c6', slot: "title", class: "s-user-settings-section-title" }, this.capitalizeText(this.deactivateAccount)), h("div", { key: '71b84f766856ad6844805cfaf6146717bcae36ff', slot: "subtitle", class: "s-user-settings-section-subtitle" }, this.capitalizeText(this.deactivateDesc)), h("div", { key: 'f2ae2cfaba59e1c745b96722076ec30600984925', slot: 'action', class: "s-user-settings-section-action" }, h("salla-button", { key: '5bf8bb39df0caab3b4ad77381799814632c65599', fill: "outline", color: "danger", shape: "btn", size: "medium", width: "normal", onClick: () => this.openDeactivateModal() }, this.capitalizeText(this.deactivateAccount))))), h("salla-modal", { key: '6b11f4737f2db50c1856583d56454bf77fbb11b1', width: "sm", subTitle: this.capitalizeText(this.sorryForLeavingText), ref: modal => this.confirmationModal = modal }, h("span", { key: '00116a316bf222ec493951b4ada7ccd26044d3fe', slot: 'icon', class: "s-user-settings-confirmation-icon", innerHTML: UserOff }), h("div", { key: 'dfb25cd0a4d95581fe9ea6b0f2524fcac32d3a53', class: "s-user-settings-confirmation" }, h("div", { key: '113dab7cf24bf0d66823a77ccb60c9f7f1513090', class: "s-user-settings-confirmation-warning" }, this.capitalizeText(this.warningText)), h("div", { key: 'b0316ad64a4b449d0cc4ec04e7aaaf9286caeb53', class: "s-user-settings-confirmation-actions" }, h("salla-button", { key: 'd0d97ccdd2ce6450f485043afaab0c08f2ef694d', width: "wide", onClick: () => this.confirmationModal.close() }, this.capitalizeText(this.keepAccount)), h("salla-button", { key: '772f3dca599f001e508e460f59a0b06deff94fbd', fill: 'outline', loading: this.buttonLoading, width: "wide", onClick: () => this.deleteAccount() }, this.capitalizeText(this.deactivateAccount)))))));
     }
     static get style() { return sallaUserSettingsCss; }
 }, [0, "salla-user-settings", {

package/dist/esm/{filepond-C5Ev_LRh.js → filepond-aj0Vz3hN.js}

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { d as getDefaultExportFromCjs } from './index-CS3HDvos.js';
+import { d as getDefaultExportFromCjs } from './index-BVJkSSs6.js';
 
 function _mergeNamespaces(n, m) {
     m.forEach(function (e) {

package/dist/esm/{filepond-plugin-file-poster-Cf4aX93c.js → filepond-plugin-file-poster-lPOvqQlG.js}

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { d as getDefaultExportFromCjs } from './index-CS3HDvos.js';
+import { d as getDefaultExportFromCjs } from './index-BVJkSSs6.js';
 
 function _mergeNamespaces(n, m) {
   m.forEach(function (e) {

package/dist/esm/{filepond-plugin-file-validate-size-DzuISSe6.js → filepond-plugin-file-validate-size-CV5FbyeW.js}

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { d as getDefaultExportFromCjs } from './index-CS3HDvos.js';
+import { d as getDefaultExportFromCjs } from './index-BVJkSSs6.js';
 
 function _mergeNamespaces(n, m) {
     m.forEach(function (e) {

package/dist/esm/{filepond-plugin-file-validate-type-C9J5EVwa.js → filepond-plugin-file-validate-type-B7RUT3W_.js}

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { d as getDefaultExportFromCjs } from './index-CS3HDvos.js';
+import { d as getDefaultExportFromCjs } from './index-BVJkSSs6.js';
 
 function _mergeNamespaces(n, m) {
   m.forEach(function (e) {

package/dist/esm/{filepond-plugin-image-edit-B-kqsQ7Z.js → filepond-plugin-image-edit-CXPgbHP6.js}

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { d as getDefaultExportFromCjs } from './index-CS3HDvos.js';
+import { d as getDefaultExportFromCjs } from './index-BVJkSSs6.js';
 
 function _mergeNamespaces(n, m) {
   m.forEach(function (e) {

package/dist/esm/{filepond-plugin-image-exif-orientation-CYim0AQy.js → filepond-plugin-image-exif-orientation-BKxDLyfR.js}

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { d as getDefaultExportFromCjs } from './index-CS3HDvos.js';
+import { d as getDefaultExportFromCjs } from './index-BVJkSSs6.js';
 
 function _mergeNamespaces(n, m) {
   m.forEach(function (e) {

package/dist/esm/{filepond-plugin-image-preview-Bj8wrh8K.js → filepond-plugin-image-preview-B3b6dOj7.js}

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { d as getDefaultExportFromCjs } from './index-CS3HDvos.js';
+import { d as getDefaultExportFromCjs } from './index-BVJkSSs6.js';
 
 function _mergeNamespaces(n, m) {
   m.forEach(function (e) {