@salla.sa/twilight-components 2.14.218 → 2.14.219

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

@@ -148,7 +148,7 @@ const SallaSocialShare$1 = /*@__PURE__*/ proxyCustomElement(class SallaSocialSha
         (_a = window.a2a) === null || _a === void 0 ? void 0 : _a.init('page');
     }
     render() {
-        return (h("div", { key: '9937fd579ab124b225a01d3a48039d62be379171', class: "s-social-share-wrapper" }, h("slot", { key: '1f0195e99b68e302f084a8006731ccd953d8644c', name: 'widget' }, h("salla-button", { key: 'c335ac7b63bab8ee31cdafa90716d64fda28753a', "aria-label": "Share", onClick: () => this.open(), class: "s-social-share-btn", shape: "icon", fill: "outline", color: "light" }, h("span", { key: '37031913fcb77a62dc6ae735e3896dc433f0f5c5', innerHTML: this.opened ? Cancel : ShareAlt }))), h("ul", { key: 'c20b4e5f405a55e72bc84b45c956ae41d9a9b24b', 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: '1ceaee8d8782d05a9106e41ed2b03199f1e3d3f4', class: "s-social-share-wrapper" }, h("slot", { key: 'b2a7f9392ce1ebd4170cb22661a344d3d590da3b', name: 'widget' }, h("salla-button", { key: '27f9ca71198bb513118dd808e17735126761dd8d', "aria-label": "Share", onClick: () => this.open(), class: "s-social-share-btn", shape: "icon", fill: "outline", color: "light" }, h("span", { key: '00ae4671bded2ecc9a9902ea891629a660bb1a35', innerHTML: this.opened ? Cancel : ShareAlt }))), h("ul", { key: 'ef16131f5443b8d3d8045f2dfc6a562ef93bbcc9', 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

@@ -42,7 +42,7 @@ const SallaSocial$1 = /*@__PURE__*/ proxyCustomElement(class SallaSocial extends
         this.links = salla.config.get('store.social');
         this.iconsList = { instagram, twitter, facebook, youtube, snapchat, tiktok };
         this.socialSlot = ((_a = this.host.querySelector('[slot="social-item"]')) === null || _a === void 0 ? void 0 : _a.innerHTML) ||
-            `<li class="s-social-link"><a href={link} rel="noopener" target="_blank" title={type} aria-label={type}><span class="s-social-icon">{icon}</span></a></li>`;
+            `<a href={link} rel="noopener" target="_blank" title={type} aria-label={type}><span class="s-social-icon">{icon}</span></a>`;
         salla.lang.onLoaded(() => {
             this.links = salla.config.get('store.social');
         });
@@ -57,10 +57,10 @@ const SallaSocial$1 = /*@__PURE__*/ proxyCustomElement(class SallaSocial extends
     }
     render() {
         const linksArray = this.getLinksArray();
-        return (h(Host, { key: '50f44f0e873719022126187d1c639567c415d41d', class: "s-social-list" }, linksArray.map((link) => (h("div", { id: "social-slot", innerHTML: this.socialSlot
+        return (h(Host, { key: '7ce07166eab2f88497fadd8f7a103c7afb431fd3' }, h("ul", { key: '6d60b95f8268b717d92117217a385baf45b83a16', 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()) })))));
+                .replace(/\{link\}/g, link.value.toString()) })))))));
     }
     componentDidRender() {
         var _a;

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

@@ -1 +1 @@
-{"file":"salla-social.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,MAAM,cAAc,GAAG,sBAAsB;;MCehCA,aAAW,iBAAAC,kBAAA,CAAA,MAAA,WAAA,SAAA,WAAA,CAAA;AACtB,IAAA,WAAA,GAAA;;;;QASS,IAAK,CAAA,KAAA,GAAG,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,cAAc,CAAC;AAExC,QAAA,IAAA,CAAA,SAAS,GAAQ,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE;AAVnF,QAAA,IAAI,CAAC,UAAU,GAAG,CAAA,MAAA,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,sBAAsB,CAAC,0CAAE,SAAS;AAC1E,YAAA,CAAA,yJAAA,CAA2J;AAC7J,QAAA,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAK;YACvB,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,cAAc,CAAC;AAC/C,SAAC,CAAC;AACH;IAOO,aAAa,GAAA;AACnB,QAAA,OAAO,IAAI,CAAC,KAAK,GAAG,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK;AAC1C,aAAA,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,KAAK,IAAI,GAAG,KAAK,UAAU;aACtD,GAAG,CAAC,CAAC,CAAC,IAAI,EAAE,KAAK,CAAC,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC,GAAG,EAAE;;IAGnD,iBAAiB,GAAA;AACf,QAAA,OAAO,IAAI,OAAO,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;;IAGvD,MAAM,GAAA;AACJ,QAAA,MAAM,UAAU,GAAG,IAAI,CAAC,aAAa,EAAE;AACvC,QAAA,QACE,CAAC,CAAA,IAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,eAAe,EACxB,EAAA,UAAU,CAAC,GAAG,CAAC,CAAC,IAAI,MACnB,CAAA,CAAA,KAAA,EAAA,EAAK,EAAE,EAAC,aAAa,EAAC,SAAS,EAAE,IAAI,CAAC;iBACnC,OAAO,CAAC,WAAW,EAAE,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC;AAC9C,iBAAA,OAAO,CAAC,WAAW,EAAE,IAAI,CAAC,IAAI;AAC9B,iBAAA,OAAO,CAAC,WAAW,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,EACxC,CAAA,CACP,CAAC,CACG;;IAGX,kBAAkB,GAAA;;QAChB,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,cAAc,CAAC,CAAC,OAAO,CAAC,EAAE,IAAI,EAAE,CAAC,WAAW,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC;AACvF,QAAA,CAAA,EAAA,GAAA,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,sBAAsB,CAAC,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,MAAM,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["SallaSocial","__stencil_proxyCustomElement"],"sources":["src/components/salla-social/salla-social.scss?tag=salla-social","src/components/salla-social/salla-social.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n","import { Component, Host, State, h, Element } from '@stencil/core';\nimport instagram from '../../assets/svg/instagram.svg';\nimport twitter from '../../assets/svg/twitter.svg';\nimport facebook from '../../assets/svg/facebook.svg';\nimport youtube from '../../assets/svg/youtube.svg';\nimport snapchat from '../../assets/svg/snapchat.svg';\nimport tiktok from '../../assets/svg/tiktok.svg';\n\n/**\n * @slot social-item - Replaces social item, has replaceable keys `{icon}`, `{type} and {link}`.\n */\n@Component({\n  tag: 'salla-social',\n  styleUrl: 'salla-social.scss',\n})\nexport class SallaSocial {\n  constructor() {\n    this.socialSlot = this.host.querySelector('[slot=\"social-item\"]')?.innerHTML ||\n      `<li class=\"s-social-link\"><a href={link} rel=\"noopener\" target=\"_blank\" title={type} aria-label={type}><span class=\"s-social-icon\">{icon}</span></a></li>`;\n    salla.lang.onLoaded(() => {\n      this.links = salla.config.get('store.social');\n    });\n  }\n\n  private readonly socialSlot: string;\n  @State() links = salla.config.get('store.social');\n  @Element() host: HTMLElement;\n  @State() iconsList: any = { instagram, twitter, facebook, youtube, snapchat, tiktok }\n\n  private getLinksArray() {\n    return this.links ? Object.entries(this.links)\n      .filter(([key, value]) => !!value && key !== 'whatsapp')\n      .map(([type, value]) => ({ type, value })) : [];\n  }\n\n  componentWillLoad() {\n    return new Promise(resolve => salla.onReady(resolve));\n  }\n\n  render() {\n    const linksArray = this.getLinksArray();\n    return (\n      <Host class=\"s-social-list\">\n        {linksArray.map((link) => (\n          <div id=\"social-slot\" innerHTML={this.socialSlot\n            .replace(/\\{icon\\}/g, this.iconsList[link.type])\n            .replace(/\\{type\\}/g, link.type)\n            .replace(/\\{link\\}/g, link.value.toString())}>\n          </div>\n        ))}\n      </Host>\n    );\n  }\n  componentDidRender() {\n    this.host.querySelectorAll('#social-slot').forEach(el => el.replaceWith(el.firstChild));\n    this.host.querySelector('[slot=\"social-item\"]')?.remove();\n  }\n}\n"],"version":3}
+{"file":"salla-social.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,MAAM,cAAc,GAAG,sBAAsB;;MCehCA,aAAW,iBAAAC,kBAAA,CAAA,MAAA,WAAA,SAAA,WAAA,CAAA;AACtB,IAAA,WAAA,GAAA;;;;QASS,IAAK,CAAA,KAAA,GAAG,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,cAAc,CAAC;AAExC,QAAA,IAAA,CAAA,SAAS,GAAQ,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE;AAVnF,QAAA,IAAI,CAAC,UAAU,GAAG,CAAA,MAAA,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,sBAAsB,CAAC,0CAAE,SAAS;AAC1E,YAAA,CAAA,0HAAA,CAA4H;AAC9H,QAAA,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAK;YACvB,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,cAAc,CAAC;AAC/C,SAAC,CAAC;AACH;IAOO,aAAa,GAAA;AACnB,QAAA,OAAO,IAAI,CAAC,KAAK,GAAG,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK;AAC1C,aAAA,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,KAAK,IAAI,GAAG,KAAK,UAAU;aACtD,GAAG,CAAC,CAAC,CAAC,IAAI,EAAE,KAAK,CAAC,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC,GAAG,EAAE;;IAGnD,iBAAiB,GAAA;AACf,QAAA,OAAO,IAAI,OAAO,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;;IAGvD,MAAM,GAAA;AACJ,QAAA,MAAM,UAAU,GAAG,IAAI,CAAC,aAAa,EAAE;QACvC,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAA,CAAA,IAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAI,KAAK,EAAC,eAAe,EACtB,EAAA,UAAU,CAAC,GAAG,CAAC,CAAC,IAAI,MACnB,CAAI,CAAA,IAAA,EAAA,EAAA,KAAK,EAAC,eAAe,EAAA,EACvB,CAAK,CAAA,KAAA,EAAA,EAAA,EAAE,EAAC,aAAa,EAAC,SAAS,EAAE,IAAI,CAAC;iBACnC,OAAO,CAAC,WAAW,EAAE,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC;AAC9C,iBAAA,OAAO,CAAC,WAAW,EAAE,IAAI,CAAC,IAAI;AAC9B,iBAAA,OAAO,CAAC,WAAW,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,GACxC,CACH,CACN,CAAC,CACC,CACA;;IAGX,kBAAkB,GAAA;;QAChB,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,cAAc,CAAC,CAAC,OAAO,CAAC,EAAE,IAAI,EAAE,CAAC,WAAW,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC;AACvF,QAAA,CAAA,EAAA,GAAA,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,sBAAsB,CAAC,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,MAAM,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["SallaSocial","__stencil_proxyCustomElement"],"sources":["src/components/salla-social/salla-social.scss?tag=salla-social","src/components/salla-social/salla-social.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n","import { Component, Host, State, h, Element } from '@stencil/core';\nimport instagram from '../../assets/svg/instagram.svg';\nimport twitter from '../../assets/svg/twitter.svg';\nimport facebook from '../../assets/svg/facebook.svg';\nimport youtube from '../../assets/svg/youtube.svg';\nimport snapchat from '../../assets/svg/snapchat.svg';\nimport tiktok from '../../assets/svg/tiktok.svg';\n\n/**\n * @slot social-item - Replaces social item, has replaceable keys `{icon}`, `{type} and {link}`.\n */\n@Component({\n  tag: 'salla-social',\n  styleUrl: 'salla-social.scss',\n})\nexport class SallaSocial {\n  constructor() {\n    this.socialSlot = this.host.querySelector('[slot=\"social-item\"]')?.innerHTML ||\n      `<a href={link} rel=\"noopener\" target=\"_blank\" title={type} aria-label={type}><span class=\"s-social-icon\">{icon}</span></a>`;\n    salla.lang.onLoaded(() => {\n      this.links = salla.config.get('store.social');\n    });\n  }\n\n  private readonly socialSlot: string;\n  @State() links = salla.config.get('store.social');\n  @Element() host: HTMLElement;\n  @State() iconsList: any = { instagram, twitter, facebook, youtube, snapchat, tiktok }\n\n  private getLinksArray() {\n    return this.links ? Object.entries(this.links)\n      .filter(([key, value]) => !!value && key !== 'whatsapp')\n      .map(([type, value]) => ({ type, value })) : [];\n  }\n\n  componentWillLoad() {\n    return new Promise(resolve => salla.onReady(resolve));\n  }\n\n  render() {\n    const linksArray = this.getLinksArray();\n    return (\n      <Host>\n        <ul class=\"s-social-list\">\n          {linksArray.map((link) => (\n            <li class=\"s-social-link\">\n              <div id=\"social-slot\" innerHTML={this.socialSlot\n                .replace(/\\{icon\\}/g, this.iconsList[link.type])\n                .replace(/\\{type\\}/g, link.type)\n                .replace(/\\{link\\}/g, link.value.toString())}>\n              </div>\n            </li>\n          ))}\n        </ul>\n      </Host>\n    );\n  }\n  componentDidRender() {\n    this.host.querySelectorAll('#social-slot').forEach(el => el.replaceWith(el.firstChild));\n    this.host.querySelector('[slot=\"social-item\"]')?.remove();\n  }\n}\n"],"version":3}

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: '3bc43c690da5ff476ed4d52ec014c62209e14810', class: classes }, h("slot", { key: 'df28affcb6d9d64da1f86a045a54232d1a1211c8' })));
+        return (h("div", { key: '1cd184474f6af09c567cddfe11f408027e4bbe66', class: classes }, h("slot", { key: '5a2a83e36627a23514966878b2f18ceee10ece33' })));
     }
     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: 'd7c63b314776aadeb322637f03d7ef83231092ff', class: classes, onClick: this.onClick.bind(this) }, h("slot", { key: '288b42372560e78880f814b168f7c8a61deecc8f' })),
+            h("div", { key: '36943f8058a8b3b0feed9f6e06f2602532f03dd2', class: classes, onClick: this.onClick.bind(this) }, h("slot", { key: 'ac7bbf34b9701c083b4f51f35860ca69af69681b' })),
         ];
     }
     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: '8761fd8b720493209d221bb3d22fa0195a303c17', class: "s-tabs" }, h("div", { key: '68acbd4dcc59640414702c229ee8c31ab3a5ca98', class: "s-tabs-header" }, h("slot", { key: 'aacb89d23ee62cd7cd7a8ca89c0b16c745e35fcd', name: "header" })), h("div", { key: '8c810ad7f1503ed7113cb1a57ecb44accb74bfa7', class: "s-tabs-content-wrapper" }, h("slot", { key: '1c8660422611a108ff3a219993e1baab5b01bc0b', name: "content" })))
+            h("div", { key: '119b8e591e68b67b1b0750637ddbdad053f105b5', class: "s-tabs" }, h("div", { key: 'add89f5dd0a2c30971eda3d9cc814d2637f57d5f', class: "s-tabs-header" }, h("slot", { key: '0bbb0d4498e96cdbc6e8acae43b4856b8fbd8c07', name: "header" })), h("div", { key: 'd1c39251f84e030e99a4a17ab764dfa375744c1c', class: "s-tabs-content-wrapper" }, h("slot", { key: 'b4be0e8feeee17b8c6d14d72244e2431a7cfa377', name: "content" })))
         ];
     }
     get host() { return this; }

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

@@ -1798,7 +1798,7 @@ const SallaTelInput = /*@__PURE__*/ proxyCustomElement(class SallaTelInput exten
         }
     }
     render() {
-        return (h(Host, { key: '6caf22b48892a39422e399b7d9dec4ec3ba61983', class: "s-tel-input" }, h("input", { key: 'b21016f538a8cfa2436c3caab585d1de0cec2411', 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: '9c917505ff245164e6c8f88561b2f43d1718d9ab', class: "s-tel-input-error-msg", ref: el => this.errorMsg = el }), h("input", { key: 'c65c8a6769723d4b1d7ebdae767e76e2486c14c9', type: "hidden", name: "country_code", value: this.countryCode, ref: el => this.countryCodeInput = el, class: "country_code" })));
+        return (h(Host, { key: 'b2c8b456bee76f1b6ccc89be833ba45b801644bf', class: "s-tel-input" }, h("input", { key: '816210114633e24df660cb10f001985081e7d9dc', 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: '889225ffaa077d96353dbad1a6a6d8e58d4c213d', class: "s-tel-input-error-msg", ref: el => this.errorMsg = el }), h("input", { key: '201e9750a74c6a56bafc934c74ca7ee88812018b', 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: '982bff28746a994dff190683b74a9b60b78f9f38', class: "s-tooltip-container" }, h("slot", { key: '9707e7604f349bb4615ac223e646e21ffa5fbd27' }), this.show && h("div", { key: '2c7db86cf62185d75af316826a739dec27437777', class: "s-tooltip-item" }, this.text)));
+        return (h("div", { key: '87a485eeb144377502782b6a7ac61417349423e2', class: "s-tooltip-container" }, h("slot", { key: '8329e929fce52cd2ef4f9258548770576e67ee96' }), this.show && h("div", { key: '18f9cd55110713d0b472601dc0a9ef20dd31af19', class: "s-tooltip-item" }, this.text)));
     }
     get el() { return this; }
     static get style() { return sallaTooltipCss; }

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: 'e9a0d51b3e2dbbe389f5e535e9b376fd585614fe', class: "s-user-settings-wrapper" }, this.canHideName && h("div", { key: '18b96ab58cee059d63413ec9174ecb54a3720f25', class: "s-user-settings-section" }, h("salla-list-tile", { key: '4c779af5ce9c1c0428fff65c704ce5c0a8dcd925' }, h("div", { key: 'd31c0fa0c8889fd0db144fed84b8d9ea0231d966', slot: "icon", class: "s-user-settings-section-icon" }, h("span", { key: '4dfef1902594d66356e885577232dc6a7ce8b534', innerHTML: UserCancel })), h("div", { key: '8494d4fe02ec620a3ca8001397b7df1b8d23c61b', slot: "title", class: "s-user-settings-section-title" }, this.capitalizeText(this.hideMyName)), h("div", { key: '1d0e7184c250ff6f8484a3a5009a5cd08c4dd978', slot: "subtitle", class: "s-user-settings-section-subtitle" }, this.capitalizeText(this.hideMyNameDesc)), h("div", { key: '2fc4904d49ee9c6a3de1a37f1a32c4069bea00cb', slot: 'action', class: "s-user-settings-section-action" }, h("label", { key: 'c994cbf42db3b43712a74238331bba9604706e38', class: "s-toggle" }, h("input", { key: '6a0d40cba887acb576d65fb0c3a622afb236a552', class: "s-toggle-input", checked: this.isHiddenName, onChange: (e) => this.toggleSetting('is_hidden_name', e), type: "checkbox" }), h("div", { key: '8b61e092ce17ddc5d45e338bb6cc118e17663522', class: "s-toggle-switcher" }))))), h("div", { key: '866507abb96f00358215e954d3ef5932df6fe0c9', class: "s-user-settings-section" }, h("salla-list-tile", { key: '73c4ebe7a3c573354c36f306094a49eb994d83e7' }, h("div", { key: 'e0ba5c300b48e88c6357d19fa000ac2c56817611', slot: "icon", class: "s-user-settings-section-icon" }, h("span", { key: 'ddae72e15778edd218b73cafbb2686267620d4fb', innerHTML: Bullhorn })), h("div", { key: '74db229f45ff8fe80aedcdb6d179873a83fbaf4a', slot: "title", class: "s-user-settings-section-title" }, this.capitalizeText(this.promotionalMsgs)), h("div", { key: '67eaa2d44e08f4a8b3350f191905500bee5cb4b2', slot: "subtitle", class: "s-user-settings-section-subtitle" }, this.capitalizeText(this.promotionalMsgsDesc)), h("div", { key: '8ab473399223efece7510914828a302c7089ee74', slot: 'action', class: "s-user-settings-section-action" }, h("label", { key: '519c1989ab1475fc9c74cba8c82ab1745eccb099', class: "s-toggle" }, h("input", { key: 'e7997d9c3f24f51660b97b7123f8fb87b527a90c', class: "s-toggle-input", checked: this.isNotifiable, onChange: (e) => this.toggleSetting('is_notifiable', e), type: "checkbox" }), h("div", { key: '83f9374dc3c59c36753cc41ab8e2513df9fcc13c', class: "s-toggle-switcher" }))))), h("div", { key: 'b7cedf1513af87998ef7f15557e3df5b3bcf1b22', class: "s-user-settings-section s-user-settings-section-deactivate-user" }, h("salla-list-tile", { key: '9772b945e90d58544d6854b4c38474a96799f6d0' }, h("div", { key: '8f15a77a12c889adc21b94a6e9ff3cd86886fc4b', slot: "icon", class: "s-user-settings-section-icon" }, h("span", { key: '0d80ba622ec360eeddf2321b0e75cfefa8dcb843', innerHTML: UserOff })), h("div", { key: 'e8f263126afe38678e3b41e4a3919c312c3673dc', slot: "title", class: "s-user-settings-section-title" }, this.capitalizeText(this.deactivateAccount)), h("div", { key: 'fc8f3c7b10b4c95faea0bee4997b9f2866a16f10', slot: "subtitle", class: "s-user-settings-section-subtitle" }, this.capitalizeText(this.deactivateDesc)), h("div", { key: 'e87f619dbbcb2e01fdbd5cd75a55a59307150694', slot: 'action', class: "s-user-settings-section-action" }, h("salla-button", { key: 'f6cdd7e4212ec778f32e940daaa20a7e46dda380', fill: "outline", color: "danger", shape: "btn", size: "medium", width: "normal", onClick: () => this.openDeactivateModal() }, this.capitalizeText(this.deactivateAccount))))), h("salla-modal", { key: '3225a9797557d3bb454db20357e1699043c1193c', width: "sm", subTitle: this.capitalizeText(this.sorryForLeavingText), ref: modal => this.confirmationModal = modal }, h("span", { key: 'b153740593ee37bdb4850f4a84272834bbde0875', slot: 'icon', class: "s-user-settings-confirmation-icon", innerHTML: UserOff }), h("div", { key: '2ca1b27847a630cccb88114895618820a5c75006', class: "s-user-settings-confirmation" }, h("div", { key: '162c3cdd6ff1d50f66cce5444d3d3e3cb584832c', class: "s-user-settings-confirmation-warning" }, this.capitalizeText(this.warningText)), h("div", { key: 'ee3141717fc4b104a8687c3312b9aea03421efae', class: "s-user-settings-confirmation-actions" }, h("salla-button", { key: 'b45b32f9d9b8725a508c9caede5e9558db19c66e', width: "wide", onClick: () => this.confirmationModal.close() }, this.capitalizeText(this.keepAccount)), h("salla-button", { key: '23029b4f68219d84fb6d84530ce2ee02909b9078', fill: 'outline', loading: this.buttonLoading, width: "wide", onClick: () => this.deleteAccount() }, this.capitalizeText(this.deactivateAccount)))))));
+        return (h(Host, { key: '0e6b14af80ae6661c9385eddfcc5a72b5f7430f3', class: "s-user-settings-wrapper" }, this.canHideName && h("div", { key: '54daed76f67a92898cb6b2bc2ed199fa2dcc6714', class: "s-user-settings-section" }, h("salla-list-tile", { key: '0b060e78b75cc993360e114e2d73fe4b179ce3d0' }, h("div", { key: 'b7e12d95c8fdb278072a534f0dbd68762d0c9a81', slot: "icon", class: "s-user-settings-section-icon" }, h("span", { key: 'a79609a0b31d25da9c15c31e993c3c3333a2f1ea', innerHTML: UserCancel })), h("div", { key: 'efb0c932f1435900e74571a742b8804df8382125', slot: "title", class: "s-user-settings-section-title" }, this.capitalizeText(this.hideMyName)), h("div", { key: 'de2f030f2ed344ba901720e504f3a240421f111c', slot: "subtitle", class: "s-user-settings-section-subtitle" }, this.capitalizeText(this.hideMyNameDesc)), h("div", { key: '7b79ac7ddb26f12a75ffc27cd9f2ccd7033d067e', slot: 'action', class: "s-user-settings-section-action" }, h("label", { key: 'b70240d7e4826983769910e5f670c1dd75f556f5', class: "s-toggle" }, h("input", { key: '2bd14ffe12f81538391fb3780fe5882c7c6f4403', class: "s-toggle-input", checked: this.isHiddenName, onChange: (e) => this.toggleSetting('is_hidden_name', e), type: "checkbox" }), h("div", { key: '196869be303f5a1afc7ce95d7f0ab1400a0f8cc7', class: "s-toggle-switcher" }))))), h("div", { key: '45ed6e678912f2d4c8eb4e285e3b595949785872', class: "s-user-settings-section" }, h("salla-list-tile", { key: '9916e6dd2e3b0b24984aff6a136c35b89419db14' }, h("div", { key: 'bf81c343074b6f04faa7784c3127284708d667b4', slot: "icon", class: "s-user-settings-section-icon" }, h("span", { key: 'fa21ff056ebe5b9f32fa8b19617c8cc1744f7b2b', innerHTML: Bullhorn })), h("div", { key: '84433b6fcb4aba6c2101d0d29aedbad1b1f0e6b0', slot: "title", class: "s-user-settings-section-title" }, this.capitalizeText(this.promotionalMsgs)), h("div", { key: '884066de790ef40a236573f970a373a84227c417', slot: "subtitle", class: "s-user-settings-section-subtitle" }, this.capitalizeText(this.promotionalMsgsDesc)), h("div", { key: 'f839cf0374b8e264f572b4fcbf07fccfff32bbc4', slot: 'action', class: "s-user-settings-section-action" }, h("label", { key: 'bdc9c654f872d117a9e00fa6b6885bde97db10bf', class: "s-toggle" }, h("input", { key: 'db9ad98dcb76823e4cbb33dd0b06a197843b9720', class: "s-toggle-input", checked: this.isNotifiable, onChange: (e) => this.toggleSetting('is_notifiable', e), type: "checkbox" }), h("div", { key: '0e79a44fc79ed3f59e66e0b8b2f24e21654037e3', class: "s-toggle-switcher" }))))), h("div", { key: '8a3706ec535e822df923a823b16a7a77a1d75eb8', class: "s-user-settings-section s-user-settings-section-deactivate-user" }, h("salla-list-tile", { key: '678e6fd66aa7231ef1e30fa00ba5090953abeed5' }, h("div", { key: 'b491c5313586cc3e5362d30f9f0eb8236270ac5b', slot: "icon", class: "s-user-settings-section-icon" }, h("span", { key: 'bdad51b9679a4694cc875371941cf3f714b50812', innerHTML: UserOff })), h("div", { key: '9f55bd23a74c86469ad582589316b44a4fcf654b', slot: "title", class: "s-user-settings-section-title" }, this.capitalizeText(this.deactivateAccount)), h("div", { key: 'ad4cf1fee55d1b27c6e551e39b48a6fe0d5f509a', slot: "subtitle", class: "s-user-settings-section-subtitle" }, this.capitalizeText(this.deactivateDesc)), h("div", { key: '6d82925ebf9822dc1b79ce29e614648f14ab47ce', slot: 'action', class: "s-user-settings-section-action" }, h("salla-button", { key: '29e3d81c8c78f9be192aa0e262d7e962ea2a91bf', fill: "outline", color: "danger", shape: "btn", size: "medium", width: "normal", onClick: () => this.openDeactivateModal() }, this.capitalizeText(this.deactivateAccount))))), h("salla-modal", { key: 'af8827c6e18d6236509aa68da32acf3d5e301ce9', width: "sm", subTitle: this.capitalizeText(this.sorryForLeavingText), ref: modal => this.confirmationModal = modal }, h("span", { key: '53105add09c755fb1164b7704ba3ba7f9f188c13', slot: 'icon', class: "s-user-settings-confirmation-icon", innerHTML: UserOff }), h("div", { key: '97b91089e3137ce6ec8a345952898940b38189c9', class: "s-user-settings-confirmation" }, h("div", { key: '0eab7f5b3bec09600143066d9950dc4b763d2de3', class: "s-user-settings-confirmation-warning" }, this.capitalizeText(this.warningText)), h("div", { key: '24a706adf1832fd9067c04138dff937187fa7562', class: "s-user-settings-confirmation-actions" }, h("salla-button", { key: '71b721a178656ea706082cb9724e1ab82075e7b5', width: "wide", onClick: () => this.confirmationModal.close() }, this.capitalizeText(this.keepAccount)), h("salla-button", { key: 'd403392c3cde45ddfe970fa32702ea1f15baa284', 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/{app-globals-1BjWWr1H.js → app-globals-C4AMOceU.js}

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { L as LazyLoad } from './index-BD7ZbsaZ.js';
+import { L as LazyLoad } from './index-5Ng8LPjI.js';
 
 function appGlobalScript () {
     // Only initialize it one time for the entire application
@@ -34,6 +34,6 @@ function appGlobalScript () {
 const globalScripts = appGlobalScript;
 
 export { globalScripts as g };
-//# sourceMappingURL=app-globals-1BjWWr1H.js.map
+//# sourceMappingURL=app-globals-C4AMOceU.js.map
 
-//# sourceMappingURL=app-globals-1BjWWr1H.js.map
+//# sourceMappingURL=app-globals-C4AMOceU.js.map

package/dist/esm/{app-globals-1BjWWr1H.js.map → app-globals-C4AMOceU.js.map}

@@ -1 +1 @@
-{"version":3,"file":"app-globals-1BjWWr1H.js","sources":["src/global/app.ts","@stencil/core/internal/app-globals"],"sourcesContent":["import '@salla.sa/twilight'\nimport LazyLoad from \"vanilla-lazyload\";\n\nexport default function () {\n  // Only initialize it one time for the entire application\n  if (!document.lazyLoadInstance) {\n    document.lazyLoadInstance = new LazyLoad({\n      use_native: true,//native not support lazyLoad backgrounds\n      // restore_on_error: true,\n      // Your custom settings go here\n      // callback_finish: () => document.lazyLoadBackgrounds.update(document.querySelectorAll('.lazy[data-bg]:not(.loaded)'))\n    });\n    document.lazyLoadBackgrounds = new LazyLoad({\n        elements_selector: '.lazy[data-bg]:not(.loaded)',\n    });\n    //native way doesn't load backgrounds\n    // document.lazyLoadBackgrounds = new LazyLoad();\n  }\n  //make sure that lazyLoad will be fired after loading the page too.\n  if (document.readyState !== 'complete') {\n    document.addEventListener(\"DOMContentLoaded\", () => document.lazyLoadInstance.update());\n    document.addEventListener(\"DOMContentLoaded\", () => document.lazyLoadBackgrounds.update());\n  }\n\n  // fire it after each load more request;\n  // @ts-ignore\n  salla.infiniteScroll.event.onAppend(() => {\n            document.lazyLoadInstance.update();\n            document.lazyLoadBackgrounds.update();\n        }\n    );\n}\n","import appGlobalScript from '/home/runner/work/twilight/twilight/packages/twilight-components/src/global/app.ts';\nexport const globalScripts = appGlobalScript;\nexport const globalStyles = \"\";\n"],"names":[],"mappings":";;;;;AAGc,wBAAA,IAAA;;AAEZ,IAAA,IAAI,CAAC,QAAQ,CAAC,gBAAgB,EAAE;AAC9B,QAAA,QAAQ,CAAC,gBAAgB,GAAG,IAAI,QAAQ,CAAC;YACvC,UAAU,EAAE,IAAI;;;;AAIjB,SAAA,CAAC;AACF,QAAA,QAAQ,CAAC,mBAAmB,GAAG,IAAI,QAAQ,CAAC;AACxC,YAAA,iBAAiB,EAAE,6BAA6B;AACnD,SAAA,CAAC;;;;;AAKJ,IAAA,IAAI,QAAQ,CAAC,UAAU,KAAK,UAAU,EAAE;AACtC,QAAA,QAAQ,CAAC,gBAAgB,CAAC,kBAAkB,EAAE,MAAM,QAAQ,CAAC,gBAAgB,CAAC,MAAM,EAAE,CAAC;AACvF,QAAA,QAAQ,CAAC,gBAAgB,CAAC,kBAAkB,EAAE,MAAM,QAAQ,CAAC,mBAAmB,CAAC,MAAM,EAAE,CAAC;;;;IAK5F,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,QAAQ,CAAC,MAAK;AAC/B,QAAA,QAAQ,CAAC,gBAAgB,CAAC,MAAM,EAAE;AAClC,QAAA,QAAQ,CAAC,mBAAmB,CAAC,MAAM,EAAE;AACzC,KAAC,CACJ;AACL;;AC9BY,MAAC,aAAa,GAAG;;;;"}
+{"version":3,"file":"app-globals-C4AMOceU.js","sources":["src/global/app.ts","@stencil/core/internal/app-globals"],"sourcesContent":["import '@salla.sa/twilight'\nimport LazyLoad from \"vanilla-lazyload\";\n\nexport default function () {\n  // Only initialize it one time for the entire application\n  if (!document.lazyLoadInstance) {\n    document.lazyLoadInstance = new LazyLoad({\n      use_native: true,//native not support lazyLoad backgrounds\n      // restore_on_error: true,\n      // Your custom settings go here\n      // callback_finish: () => document.lazyLoadBackgrounds.update(document.querySelectorAll('.lazy[data-bg]:not(.loaded)'))\n    });\n    document.lazyLoadBackgrounds = new LazyLoad({\n        elements_selector: '.lazy[data-bg]:not(.loaded)',\n    });\n    //native way doesn't load backgrounds\n    // document.lazyLoadBackgrounds = new LazyLoad();\n  }\n  //make sure that lazyLoad will be fired after loading the page too.\n  if (document.readyState !== 'complete') {\n    document.addEventListener(\"DOMContentLoaded\", () => document.lazyLoadInstance.update());\n    document.addEventListener(\"DOMContentLoaded\", () => document.lazyLoadBackgrounds.update());\n  }\n\n  // fire it after each load more request;\n  // @ts-ignore\n  salla.infiniteScroll.event.onAppend(() => {\n            document.lazyLoadInstance.update();\n            document.lazyLoadBackgrounds.update();\n        }\n    );\n}\n","import appGlobalScript from '/home/runner/work/twilight/twilight/packages/twilight-components/src/global/app.ts';\nexport const globalScripts = appGlobalScript;\nexport const globalStyles = \"\";\n"],"names":[],"mappings":";;;;;AAGc,wBAAA,IAAA;;AAEZ,IAAA,IAAI,CAAC,QAAQ,CAAC,gBAAgB,EAAE;AAC9B,QAAA,QAAQ,CAAC,gBAAgB,GAAG,IAAI,QAAQ,CAAC;YACvC,UAAU,EAAE,IAAI;;;;AAIjB,SAAA,CAAC;AACF,QAAA,QAAQ,CAAC,mBAAmB,GAAG,IAAI,QAAQ,CAAC;AACxC,YAAA,iBAAiB,EAAE,6BAA6B;AACnD,SAAA,CAAC;;;;;AAKJ,IAAA,IAAI,QAAQ,CAAC,UAAU,KAAK,UAAU,EAAE;AACtC,QAAA,QAAQ,CAAC,gBAAgB,CAAC,kBAAkB,EAAE,MAAM,QAAQ,CAAC,gBAAgB,CAAC,MAAM,EAAE,CAAC;AACvF,QAAA,QAAQ,CAAC,gBAAgB,CAAC,kBAAkB,EAAE,MAAM,QAAQ,CAAC,mBAAmB,CAAC,MAAM,EAAE,CAAC;;;;IAK5F,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,QAAQ,CAAC,MAAK;AAC/B,QAAA,QAAQ,CAAC,gBAAgB,CAAC,MAAM,EAAE;AAClC,QAAA,QAAQ,CAAC,mBAAmB,CAAC,MAAM,EAAE;AACzC,KAAC,CACJ;AACL;;AC9BY,MAAC,aAAa,GAAG;;;;"}