npm - @salla.sa/twilight-components - Versions diffs - 2.14.251 → 2.14.253 - Mend

@salla.sa/twilight-components 2.14.251 → 2.14.253

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (507) hide show

package/dist/collection/components/salla-slider/salla-slider.js CHANGED Viewed

@@ -503,7 +503,7 @@ export class SallaSlider {
         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: '91f0744a9e1c98e06d67c7220fc88235b2e3ec2c', class: 's-slider-wrapper ' + classes }, this.blockTitle || this.showControls ?
+        return (h(Host, { key: '4a67b5352343cab0fbb561dcca27099788f77a84', 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 ?
@@ -511,7 +511,7 @@ export class SallaSlider {
                 : '', 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' ? ArrowRightIcon : ArrowLeftIcon })), 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' ? ArrowLeftIcon : ArrowRightIcon })))
                 : ''))
-            : '', h("div", { key: '429df076a98d5f3cbd1cb0b82e7240d0703b0ef5', class: "swiper s-slider-container", ref: el => this.sliderContainer = el, dir: this.vertical ? "ltr" : this.direction }, h("slot", { key: 'fce6b603f29817ffe7f230819988aa2fbb96a8fb' }), h("div", { key: '9b94a2dd18297329ca7d809480875d97f89551a7', class: "swiper-wrapper s-slider-swiper-wrapper", ref: el => this.sliderWrapper = el }, h("slot", { key: '70e5cd933cf26bf94a6eb6dc03e6882f96deb6d0', 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: '11b3fa33b29dea07b0247e5b7766456cbf117d05', class: "swiper s-slider-container", ref: el => this.sliderContainer = el, dir: this.vertical ? "ltr" : this.direction }, h("slot", { key: 'c68c8acdbe1d303646ccc073d5b91e462d74e26c' }), h("div", { key: '54af02e80b0bfc4a79b0ab73ae8a9958c7b86aad', class: "swiper-wrapper s-slider-swiper-wrapper", ref: el => this.sliderWrapper = el }, h("slot", { key: '1accf846e01f53d5e75de3c826439694ada42654', 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' ? ArrowRightIcon : ArrowLeftIcon })), 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' ? ArrowLeftIcon : ArrowRightIcon })))
             : null))
             : null));

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

@@ -32,7 +32,7 @@ export class SallaSocial {
     }
     render() {
         const linksArray = this.getLinksArray();
-        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
+        return (h(Host, { key: '499e2f4c68034191143f53bb4d4581e85e4066b0' }, h("ul", { key: '17053219a16087c96e1d9e5c15d1478729f43954', class: "s-social-list" }, linksArray.map((link) => (h("li", { class: "s-social-link" }, h("div", { id: "social-slot", innerHTML: this.socialSlot
                 .replace(/\{icon\}/g, this.iconsList[link.type])
                 .replace(/\{type\}/g, link.type)
                 .replace(/\{link\}/g, link.value.toString()) })))))));

package/dist/collection/components/salla-social-share/salla-social-share.js CHANGED Viewed

@@ -120,7 +120,7 @@ export class SallaSocialShare {
         (_a = window.a2a) === null || _a === void 0 ? void 0 : _a.init('page');
     }
     render() {
-        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("div", { key: 'f703a0c531e8f32ebe62eeb256e02aec9786af47', class: "s-social-share-wrapper" }, h("slot", { key: '436168a40db719e5420b4b8bf031b41e1e91cebd', name: 'widget' }, h("salla-button", { key: '989e61a4921dc71c5d53a67bad18dc97861033cb', "aria-label": "Share", onClick: () => this.open(), class: "s-social-share-btn", shape: "icon", fill: "outline", color: "light" }, h("span", { key: '43b7e5a81fba6d333cc2eed13c3b33b43c368ede', innerHTML: this.opened ? Cancel : ShareAlt }))), h("ul", { key: 'cfc2002270e46848897820493e8968296b4d5c73', 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/collection/components/salla-tabs/salla-tab-content.js CHANGED Viewed

@@ -30,7 +30,7 @@ export class SallaTabContent {
             's-tabs-content': true,
             's-tabs-content-selected': this.isSelected
         };
-        return (h("div", { key: '1cd184474f6af09c567cddfe11f408027e4bbe66', class: classes }, h("slot", { key: '5a2a83e36627a23514966878b2f18ceee10ece33' })));
+        return (h("div", { key: '3ee7e5310346f97ec784201a91b361e5a3e4859e', class: classes }, h("slot", { key: '17cc2a1a57a1f810a0e79f20b54219794261531d' })));
     }
     static get is() { return "salla-tab-content"; }
     static get originalStyleUrls() {

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

@@ -52,7 +52,7 @@ export class SallaTabHeader {
             's-tabs-active': this.isSelected,
         };
         return [
-            h("div", { key: '36943f8058a8b3b0feed9f6e06f2602532f03dd2', class: classes, onClick: this.onClick.bind(this) }, h("slot", { key: 'ac7bbf34b9701c083b4f51f35860ca69af69681b' })),
+            h("div", { key: 'bbb66a75e32a9c74faadc608312e71dc6a4cf883', class: classes, onClick: this.onClick.bind(this) }, h("slot", { key: '1ad07528ca5cfe1d884f6d66b998f03d604b58be' })),
         ];
     }
     static get is() { return "salla-tab-header"; }

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

@@ -50,7 +50,7 @@ export class SallaTabs {
     }
     render() {
         return [
-            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" })))
+            h("div", { key: '8dc8b3cb7504674924893dee116762971c7d5067', class: "s-tabs" }, h("div", { key: 'd0fd3fcb154190f5312a0c9bad2c35ac29a43e68', class: "s-tabs-header" }, h("slot", { key: '3dc2441bfa5e6e28aa75aeafd2adf8715e1a365b', name: "header" })), h("div", { key: '4ca8ed7f4a79067ca93ca007c7a186af81895df4', class: "s-tabs-content-wrapper" }, h("slot", { key: '4420b1d34b518aec52081d7548f0f08a771723ae', name: "content" })))
         ];
     }
     static get is() { return "salla-tabs"; }

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

@@ -106,7 +106,7 @@ export class SallaTelInput {
         }
     }
     render() {
-        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" })));
+        return (h(Host, { key: '5fc0abc90a8458e3199ccbf48b6dc70ffe5d57dc', class: "s-tel-input" }, h("input", { key: 'f84b38879f79f8cbb3b366f3b3530b764993c76e', 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: '82484d8fbef9bb6a8157323aec6c50932087af0a', class: "s-tel-input-error-msg", ref: el => this.errorMsg = el }), h("input", { key: 'da172c1dfd99efbeb5756955bb4f9195a08e004a', 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 CHANGED Viewed

@@ -22,7 +22,7 @@ export class SallaTooltip {
         this.targetElement = document.getElementById(this.targetId);
     }
     render() {
-        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)));
+        return (h("div", { key: 'e2454dd8d3533e19b93b796ca427d825c6576ff0', class: "s-tooltip-container" }, h("slot", { key: '08ae103831491e760b47c848c161f909341c68ee' }), this.show && h("div", { key: 'bab2b3214ff45377b5d971f13f32c691ec090324', class: "s-tooltip-item" }, this.text)));
     }
     static get is() { return "salla-tooltip"; }
     static get originalStyleUrls() {

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

@@ -56,7 +56,7 @@ export class SallaUserSettings {
         await salla.profile.delete().finally(() => this.confirmationModal.close());
     }
     render() {
-        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)))))));
+        return (h(Host, { key: 'e2a43eab43c09743d9a09150d7a64c482efd67db', class: "s-user-settings-wrapper" }, this.canHideName && h("div", { key: '45465d04e01b989d6f41b9685024049f11d2fd8a', class: "s-user-settings-section" }, h("salla-list-tile", { key: '2d83d6a6596ca9762e03a4dd2ca828f1da7f9cfe' }, h("div", { key: 'ca2d8bad47b2cf27db0dba50f634f87374e9c4d0', slot: "icon", class: "s-user-settings-section-icon" }, h("span", { key: '64287554ed3f04a33f4723559bd16e23356062b2', innerHTML: UserCancel })), h("div", { key: '27011d331cd1193ffc395f61cafacf7afe6cbb37', slot: "title", class: "s-user-settings-section-title" }, this.capitalizeText(this.hideMyName)), h("div", { key: 'b2b2e1742fb28936f5d43ef2159fd53379979416', slot: "subtitle", class: "s-user-settings-section-subtitle" }, this.capitalizeText(this.hideMyNameDesc)), h("div", { key: 'd507501fa28045aa1c7f1b45f1e8492ab11eac41', slot: 'action', class: "s-user-settings-section-action" }, h("label", { key: '489444d6e9b8000786d652a653924d5487c70354', class: "s-toggle" }, h("input", { key: '6d975b0f59ef4bfce0387ab4bbeaac1d9199df2b', class: "s-toggle-input", checked: this.isHiddenName, onChange: (e) => this.toggleSetting('is_hidden_name', e), type: "checkbox" }), h("div", { key: '99565e81c6b0110b0285758ff965dadb1343141d', class: "s-toggle-switcher" }))))), h("div", { key: '95c0375df02bfcf7e06cd8c82d9726c183f3cef2', class: "s-user-settings-section" }, h("salla-list-tile", { key: 'cdf765d2e4e5f435dc686ac41d3298f5f5d3f094' }, h("div", { key: '2c9350a1133f1ceb2e4798dc76a2600fc57b51a2', slot: "icon", class: "s-user-settings-section-icon" }, h("span", { key: 'ac1a7244eebcf93b288cd8956c404e7e8206917a', innerHTML: Bullhorn })), h("div", { key: '033ad646a6c029932c9379e48aa03c11c4cc8ea7', slot: "title", class: "s-user-settings-section-title" }, this.capitalizeText(this.promotionalMsgs)), h("div", { key: '6d6a1ae66fe36fd2e61b2b5710c1c1a5d785ed7a', slot: "subtitle", class: "s-user-settings-section-subtitle" }, this.capitalizeText(this.promotionalMsgsDesc)), h("div", { key: 'bcf12b68bd7496987e49e84d1463a1f4989c36f4', slot: 'action', class: "s-user-settings-section-action" }, h("label", { key: 'ab49963ae12febd07aafbc5fa33c9cc60200401c', class: "s-toggle" }, h("input", { key: '609ab1d90393a3a6a373b839b04872fd19d9af13', class: "s-toggle-input", checked: this.isNotifiable, onChange: (e) => this.toggleSetting('is_notifiable', e), type: "checkbox" }), h("div", { key: 'fc1f9253bb35bd381cb679b61455f114082a66dc', class: "s-toggle-switcher" }))))), h("div", { key: '61874f78bca3a4f54b4ae800542d9ee8a1afb4df', class: "s-user-settings-section s-user-settings-section-deactivate-user" }, h("salla-list-tile", { key: '9f3b044f7774f214352eca4785d45eb84a6ee925' }, h("div", { key: '07e1e08c91bad01e8bd1e5b3d8ed5bbf27a6e536', slot: "icon", class: "s-user-settings-section-icon" }, h("span", { key: '918cf7358bc7c0d557b2d2d122335c67c0e7184f', innerHTML: UserOff })), h("div", { key: '0bf7e274d07bec1362f2d1a7ed238d15a6df64da', slot: "title", class: "s-user-settings-section-title" }, this.capitalizeText(this.deactivateAccount)), h("div", { key: 'c044d814f1eab0b9bfe6afd1d9da7e672ad174e9', slot: "subtitle", class: "s-user-settings-section-subtitle" }, this.capitalizeText(this.deactivateDesc)), h("div", { key: '3ba1645cd3cf24055ff300caaa028c03cdbbf014', slot: 'action', class: "s-user-settings-section-action" }, h("salla-button", { key: 'e4af99b286ba09b9ad7a9e65109dd5ebc72cd5ec', fill: "outline", color: "danger", shape: "btn", size: "medium", width: "normal", onClick: () => this.openDeactivateModal() }, this.capitalizeText(this.deactivateAccount))))), h("salla-modal", { key: 'bb3617bb5fffb7496e4b065ff7d9e3ecf081d39a', width: "sm", subTitle: this.capitalizeText(this.sorryForLeavingText), ref: modal => this.confirmationModal = modal }, h("span", { key: '8c4a70b37dd3f98247a05a6fa2e12bbbda4208f5', slot: 'icon', class: "s-user-settings-confirmation-icon", innerHTML: UserOff }), h("div", { key: '58e944af7537c91682b17f8dfa6e698ed8b4d21b', class: "s-user-settings-confirmation" }, h("div", { key: 'f1cb7420866f3c38c6484313636d71f2207942d0', class: "s-user-settings-confirmation-warning" }, this.capitalizeText(this.warningText)), h("div", { key: '8e712ea0c6211cba24a6a32c4e9871b37ddfa30e', class: "s-user-settings-confirmation-actions" }, h("salla-button", { key: '319bb44f97b4ad48a82a94973e470819624985cf', width: "wide", onClick: () => this.confirmationModal.close() }, this.capitalizeText(this.keepAccount)), h("salla-button", { key: 'bc127d4956ab62b24b0c79e672375a2c2274f351', fill: 'outline', loading: this.buttonLoading, width: "wide", onClick: () => this.deleteAccount() }, this.capitalizeText(this.deactivateAccount)))))));
     }
     static get is() { return "salla-user-settings"; }
     static get originalStyleUrls() {