npm - @salla.sa/twilight-components - Versions diffs - 2.14.429 → 2.14.431 - Mend

@salla.sa/twilight-components 2.14.429 → 2.14.431

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 (431) hide show

package/dist/collection/components/salla-reviews-page/salla-reviews-page.js CHANGED Viewed

@@ -142,7 +142,7 @@ export class SallaReviewsPage {
         return options.map(option => (h("option", { key: option.value, value: option.value, selected: option.value === this.sort }, option.label)));
     }
     render() {
-        return (h("host", { key: '3a03eb5fd12b0c12f7ce3507d42613e1ef6323f4' }, h("div", { key: '0caef3d980e06b62be4c80a1405d62c0ddbfccca', class: "s-reviews-page-header-wrapper" }, h("h2", { key: '5da663934595fc9978ec36e54de482ab96da33ae', class: "s-reviews-page-title" }, this.langTitlesReviews, h("span", { key: 'baa8507e9f4fc708f4c404cc75a6bb144ae804a4', class: "s-reviews-page-count" }, "(", this.langRatingReviews, ")")), h("div", { key: '45d5864de04db086c45a2f142f23bb8babcadf45', class: "s-reviews-page-filter-wrapper" }, h("label", { key: '2a06fa540c6dcf102c7aaabd5077b6c077a9cac9', class: "s-reviews-page-filter-label", htmlFor: "testimonials-filter" }, this.langSorting), h("select", { key: 'ec92ba4a38470de0c60a45d74252ec729de47971', onChange: (e) => this.handleSorting(e), disabled: !this.reviews.length, class: "s-reviews-page-filter" }, this.renderSortingOptions()))), this.reviews.length ? h("main", { class: "s-reviews-page-grid", ref: el => {
+        return (h("host", { key: 'c949e768d14e2a1b09d9713a00e4f7e3ece8494d' }, h("div", { key: 'cba6a0f42d8c4b6ada502f11e8b23706d1b2cb02', class: "s-reviews-page-header-wrapper" }, h("h2", { key: '954b29180f2774d19880a818206290546eb2f894', class: "s-reviews-page-title" }, this.langTitlesReviews, h("span", { key: '2ce1fbba3c90459e2abe66b079938d633d97dfc5', class: "s-reviews-page-count" }, "(", this.langRatingReviews, ")")), h("div", { key: 'b76259c0e5658be0e85f3d05d4f77f2f4cf0e9e1', class: "s-reviews-page-filter-wrapper" }, h("label", { key: '73215696da07429818a092ea0b6c77a27cadef62', class: "s-reviews-page-filter-label", htmlFor: "testimonials-filter" }, this.langSorting), h("select", { key: 'a3155253634e0727698fc3c2a7152cb4b560439b', onChange: (e) => this.handleSorting(e), disabled: !this.reviews.length, class: "s-reviews-page-filter" }, this.renderSortingOptions()))), this.reviews.length ? h("main", { class: "s-reviews-page-grid", ref: el => {
                 this.wrapper = el;
             } }, this.reviews.map(review => (h("salla-review-card", { key: review.id, review: review }))))
             : h("div", { class: "s-products-list-placeholder" }, h("span", { innerHTML: ShoppingBag }), h("p", null, this.placeholderText)), this.pagination?.links?.next && this.reviews.length ? (h("div", { class: "s-reviews-page-load-more-container" }, h("salla-button", { class: "s-reviews-page-load-more-btn", loading: this.isLoading, onClick: () => this.infiniteScroll?.loadNextPage(), onKeyUp: () => this.infiniteScroll?.loadNextPage() }, this.langLoadMore))) : null));

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

@@ -146,7 +146,7 @@ export class SallaScopees {
         return salla.onReady();
     }
     render() {
-        return (h(Host, { key: '3581a721b9a6863bf54dcdacb1c55ec0c412cf3c' }, h("salla-modal", { key: '3386595177109a490bb3ecada1484dd247e90f58', ref: modal => this.modal = modal, isClosable: !!(this.isOpenedBefore || (this.selection == 'optional')), class: "s-scopes-modal", isLoading: this.loading, "has-skeleton": true }, this.loading ?
+        return (h(Host, { key: 'e56e919be3c3327068feb47172dd27fcb6d1f358' }, h("salla-modal", { key: 'b9214e22cfef954d0b3e848c7df637c7e4ef1941', ref: modal => this.modal = modal, isClosable: !!(this.isOpenedBefore || (this.selection == 'optional')), class: "s-scopes-modal", isLoading: this.loading, "has-skeleton": true }, this.loading ?
             h("div", { slot: "loading" }, h("div", { class: "s-scopes-skeleton" }, h("salla-list-tile", { class: "s-scopes-header" }, h("div", { slot: "icon", class: "s-scopes-header-icon" }, h("salla-skeleton", { type: "circle" })), h("div", { slot: "title", class: "s-scopes-header-title mb-5" }, h("salla-skeleton", { height: '15px', width: '50%' })), h("div", { slot: "subtitle", class: "s-scopes-header-subtitle" }, h("salla-skeleton", { height: '10px' }), h("salla-skeleton", { height: '10px', width: '75%' }))), h("div", { class: "s-scopes-skeleton-search" }, h("salla-skeleton", { height: '10px', width: '50%' }), h("salla-skeleton", { height: '30px', width: '100%' })), h("div", { class: "s-scopes-skeleton-scopes" }, h("salla-skeleton", { height: '10px', width: '30%' }), h("salla-skeleton", { height: '10px', width: '25%' }), h("salla-skeleton", { height: '10px', width: '30%' }), h("salla-skeleton", { height: '10px', width: '25%' }), h("salla-skeleton", { height: '10px', width: '30%' }), h("salla-skeleton", { height: '10px', width: '25%' }), h("salla-skeleton", { height: '10px', width: '30%' }), h("salla-skeleton", { height: '10px', width: '25%' })), h("div", { class: "s-scopes-skeleton-btn" }, h("salla-skeleton", { height: '40px', width: '100%' }))))
             :
                 [h("salla-list-tile", { class: this.originalScopesList?.length ? "s-scopes-header block" : "s-hidden" }, h("div", { slot: "icon", class: "s-scopes-header-icon", innerHTML: StoreAlt }), h("div", { slot: "title", class: "s-scopes-header-title" }, salla.lang.get('blocks.scope.you_are_browse_store_from')), h("div", { slot: "subtitle", class: "s-scopes-header-subtitle" }, !!this.selected_scope ? this.selected_scope.name : "")), h("div", { class: "s-scopes-wrap" }, !!this.originalScopesList?.length && h("h4", { class: "s-scopes-title" }, this.getFormTitle()), this.originalScopesList?.length > this.searchDisplayLimit ?

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

@@ -127,10 +127,10 @@ export class SallaSearch {
         this.inputValue.length < 3 ? this.container.classList.remove('s-search-no-results') : '';
     }
     render() {
-        const searchContent = (h("div", { key: 'a850e702d6693b06ee58242bd811f0b3fb79cc65', class: { 's-search-container': true, 's-search-inline': this.inline }, ref: container => (this.container = container) }, h("div", { key: 'b2b35a43bc93c72f30c51171e40ddc1ac859aff4', class: "s-search-input-wrapper" }, h("span", { key: '94734504edd9cb3459f3eefffc5564b576deefab', class: "s-search-icon-wrap" }, h("span", { key: 'f13a3ff73fdb0ad6bfa812263f0d468010565aef', class: "s-search-icon", innerHTML: this.loading ? '<i class="s-search-spinner-loader"/>' : Search })), h("input", { key: 'f687489b95cd7c7ea8915aa3a62e112e5635d641', 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: {
+        const searchContent = (h("div", { key: 'b06db6c683ddd6b7526f36f52b70bfbed233d794', class: { 's-search-container': true, 's-search-inline': this.inline }, ref: container => (this.container = container) }, h("div", { key: '7b48dc54c8f9fe61917d53413218114795118624', class: "s-search-input-wrapper" }, h("span", { key: '36433d070ac04fdcb2a4b812214e4a9d3f835f8f', class: "s-search-icon-wrap" }, h("span", { key: 'ad1ecad04369bbba7bae65515b5b668e6a6c1ec1', class: "s-search-icon", innerHTML: this.loading ? '<i class="s-search-spinner-loader"/>' : Search })), h("input", { key: 'd62e3da473498659881c8537bbe23eea17dd08ed', 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: '6f956b79e1807f04935ad04f31787c61cf29aa5d', class: "s-search-results" }, this.results?.data.map(product => (h("a", { href: product.url + '?from=search-bar', class: {
+            } }), 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: 'fde9c1f1569fce8e93df96581baa66b4c631f1f5', 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
@@ -139,9 +139,9 @@ export class SallaSearch {
                 .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: '1199156eebec6857f934bf53e065958a88b72b3f', ref: el => (this.noResults = el), class: "s-search-no-results-placeholder" }, salla.lang.get('common.elements.no_options')))));
-        const modalContent = (h("salla-modal", { key: 'ca437b25a044e96106287ab908f17f2e51efb7b0', position: "top", class: "s-search-modal", ref: modal => (this.modal = modal) }, searchContent));
-        const placeholderContent = (h("div", { key: '3af263b5044834c010d78ece354f91a7b50278cf', class: "s-search-placeholder-wrapper s-search-inline" }, h("div", { key: '970543471b3b069dea4a0e90f4c7512d2603b260', class: "s-search-input-wrapper" }, h("span", { key: '8d6ae3860975ef7b5870f3e1fe4176b2e6c5bfc5', class: "s-search-icon-wrap" }, h("span", { key: 'b37851998a7c2f7699dc473470985ea0f3b836c8', class: "s-search-icon", innerHTML: Search })), h("button", { key: 'c4b63f42425f646af93421ba55e0d3335792dd88', type: "button", class: "s-search-input s-search-placeholder-trigger", onClick: () => this.open(), style: {
+                .replace(/\{image\}/g, product.image.url) }))), h("p", { key: 'd28734b50e0d0454989ed9eceaa6801989f137fa', ref: el => (this.noResults = el), class: "s-search-no-results-placeholder" }, salla.lang.get('common.elements.no_options')))));
+        const modalContent = (h("salla-modal", { key: '750da3f95c88a25660ef8a6e8f0bce1ca925174e', position: "top", class: "s-search-modal", ref: modal => (this.modal = modal) }, searchContent));
+        const placeholderContent = (h("div", { key: 'ed56148c59e717c6d5b303ebac07bf1a24d9e077', class: "s-search-placeholder-wrapper s-search-inline" }, h("div", { key: '26e23154580364496230e702169029256c867d9b', class: "s-search-input-wrapper" }, h("span", { key: 'a0f9b50db5c8f4f88e508cc8381ecb73861207df', class: "s-search-icon-wrap" }, h("span", { key: '1e8524ee131c600eebbcac51c58d36744daca12b', class: "s-search-icon", innerHTML: Search })), h("button", { key: '38457f0b067d7a77acfad6fb0d991e34c0eda6b5', type: "button", class: "s-search-input s-search-placeholder-trigger", onClick: () => this.open(), style: {
                 height: this.height + 'px',
                 borderRadius: this.oval ? this.height / 2 + 'px' : '',
             } }, salla.lang.get('blocks.header.search_placeholder'))), modalContent));

package/dist/collection/components/salla-searchable-dropdown/salla-searchable-dropdown.js CHANGED Viewed

@@ -172,18 +172,18 @@ export class SallaSearchableDropdown {
     render() {
         const hasSelection = this.selectedItem != null;
         const listboxId = `${this.inputId}-listbox`;
-        return (h(Host, { key: '1e413d4391362f274223724ab37f5842a196f936', class: "s-searchable-dropdown" }, h("div", { key: 'c1c0b595a458db8918bc7c72b949cd514d764613', class: { 's-searchable-dropdown': true, 's-searchable-dropdown--open': this.isOpen } }, this.label && (h("label", { key: '576831e0383f561d5512792cb52d1c6d40156015', class: "s-searchable-dropdown-label", htmlFor: this.inputId }, this.label, this.required && h("span", { key: '290e1edb52971f5af6c6555f82ad595e97c9994d', class: "s-searchable-dropdown-required" }, " *"))), h("div", { key: 'e3c9aaea5697839e67aab1b91d07cb825ee76c7b', class: {
+        return (h(Host, { key: '20ebf4b42f8bb595862cddb8e187a0e568a7f441', class: "s-searchable-dropdown" }, h("div", { key: '76e4f06d8e7f936d1140cb7c6e25b06297ad22f3', class: { 's-searchable-dropdown': true, 's-searchable-dropdown--open': this.isOpen } }, this.label && (h("label", { key: 'f6752361bc4c7cfa8f1a67bb34027d46e0bac1e0', class: "s-searchable-dropdown-label", htmlFor: this.inputId }, this.label, this.required && h("span", { key: 'bc255f1c31d409e8d1d7d632561158b451117e6b', class: "s-searchable-dropdown-required" }, " *"))), h("div", { key: 'e1694099e37ffb36394f1114f592ac9240442cfb', class: {
                 's-searchable-dropdown-trigger': true,
                 's-searchable-dropdown-trigger--disabled': this.disabled || this.loading,
                 's-searchable-dropdown-trigger--open': this.isOpen,
-            }, role: "combobox", "aria-expanded": this.isOpen ? 'true' : 'false', "aria-haspopup": "listbox", "aria-controls": listboxId, "aria-disabled": this.disabled || this.loading ? 'true' : 'false', tabIndex: this.disabled || this.loading ? -1 : 0, onClick: this.handleTriggerClick, onKeyDown: this.handleTriggerKeyDown }, hasSelection ? (h("span", { class: "s-searchable-dropdown-trigger-text" }, this.getDisplayName(this.selectedItem))) : (h("span", { class: "s-searchable-dropdown-trigger-placeholder" }, this.placeholder)), h("i", { key: 'f1e95e38ebffc358a9045f0fd38dd205eb2a14bb', class: {
+            }, role: "combobox", "aria-expanded": this.isOpen ? 'true' : 'false', "aria-haspopup": "listbox", "aria-controls": listboxId, "aria-disabled": this.disabled || this.loading ? 'true' : 'false', tabIndex: this.disabled || this.loading ? -1 : 0, onClick: this.handleTriggerClick, onKeyDown: this.handleTriggerKeyDown }, hasSelection ? (h("span", { class: "s-searchable-dropdown-trigger-text" }, this.getDisplayName(this.selectedItem))) : (h("span", { class: "s-searchable-dropdown-trigger-placeholder" }, this.placeholder)), h("i", { key: 'aed25a8ad3046651d984621e2a9b8f473f8830a5', class: {
                 'sicon-keyboard_arrow_down': true,
                 's-searchable-dropdown-trigger-icon': true,
                 's-searchable-dropdown-trigger-icon--open': this.isOpen,
-            }, "aria-hidden": "true" })), this.isOpen && (h("div", { key: 'a5c6b4650d8de5467c1d53e67700168a0795ff0b', class: {
+            }, "aria-hidden": "true" })), this.isOpen && (h("div", { key: '2a89c11a2e94549be786211f4284c6ae44a451d4', class: {
                 's-searchable-dropdown-panel': true,
                 's-searchable-dropdown-panel--up': this.dropUp,
-            }, ref: (el) => (this.panelRef = el) }, h("div", { key: '5ddf73d6d8cb96881ac6f94ef25a9f58b883a6c0', class: "s-searchable-dropdown-search-wrap" }, h("i", { key: 'ec52897c25962c6d1e84986f25bdac2dd8ecdac0', class: "sicon-search s-searchable-dropdown-search-icon", "aria-hidden": "true" }), h("input", { key: 'e14dd7a0dae605dd37782cdd8c235e875105fcc9', ref: (el) => (this.searchInputRef = el), id: this.inputId, type: "text", class: "s-searchable-dropdown-search-input", placeholder: this.placeholder, value: this.clientSearch ? this.clientSearchQuery : this.searchQuery, onInput: this.handleSearchInputChange, onKeyDown: this.handleSearchKeyDown, autocomplete: "off", "aria-autocomplete": "list", "aria-expanded": this.isOpen ? 'true' : 'false', "aria-controls": listboxId })), h("div", { key: '80daad72643001e400a9ff43444bbad5077ffa2d', id: listboxId, class: "s-searchable-dropdown-list s-scrollbar", role: "listbox" }, this.renderListContent()))))));
+            }, ref: (el) => (this.panelRef = el) }, h("div", { key: '99a429ded15743eb160e353e398eadb98fbdffaf', class: "s-searchable-dropdown-search-wrap" }, h("i", { key: '58982ae6527a4ba06136bee2afc2d420b5e9ec14', class: "sicon-search s-searchable-dropdown-search-icon", "aria-hidden": "true" }), h("input", { key: '953c944186a9e2ae8f55faf9014087584cb52abf', ref: (el) => (this.searchInputRef = el), id: this.inputId, type: "text", class: "s-searchable-dropdown-search-input", placeholder: this.placeholder, value: this.clientSearch ? this.clientSearchQuery : this.searchQuery, onInput: this.handleSearchInputChange, onKeyDown: this.handleSearchKeyDown, autocomplete: "off", "aria-autocomplete": "list", "aria-expanded": this.isOpen ? 'true' : 'false', "aria-controls": listboxId })), h("div", { key: '3fdd7d03aeec99976f505cf33a8775150fe520e3', id: listboxId, class: "s-searchable-dropdown-list s-scrollbar", role: "listbox" }, this.renderListContent()))))));
     }
     renderListContent() {
         if (this.searching || this.loading) {

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

@@ -22,7 +22,7 @@ export class SallaSkeleton {
             's-skeleton-item': true,
             's-skeleton-item-circular': this.type == 'circle',
         };
-        return (h(Host, { key: '2e14c27cb5a5403df46898ec1ae460fdd92f651f', class: "s-skeleton-wrapper", style: { width: this.width, height: this.height } }, h("div", { key: '771d8d0c6640486cab15a70e47e8418edc77863e', class: classes }, "\u00A0")));
+        return (h(Host, { key: 'b422224774ac8c293a22fa184f5987f427751291', class: "s-skeleton-wrapper", style: { width: this.width, height: this.height } }, h("div", { key: 'a495f0c9d0c34831e5cbfba632a671dd472157b5', class: classes }, "\u00A0")));
     }
     static get is() { return "salla-skeleton"; }
     static get originalStyleUrls() {

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

@@ -31,7 +31,7 @@ export class SallaSocial {
     }
     render() {
         const linksArray = this.getLinksArray();
-        return (h(Host, { key: '921a2e9387ec6d8c450f222ecbb36f81be06cb30' }, h("ul", { key: 'b65fa02b40dcd077ec89076aea55f9cc664eb92e', 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: '3eda16ffb523669f5b698c78f3b98e5d3111b325' }, h("ul", { key: '1dca750f2be3948139fdacf7f53a1d1452ec37af', 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

@@ -122,7 +122,7 @@ export class SallaSocialShare {
         window.a2a?.init('page');
     }
     render() {
-        return (h("div", { key: 'e8585bb94b5e8c8b3136fa242bccdbf5406b350e', class: "s-social-share-wrapper" }, h("slot", { key: '15e2187a3df06ccb32b505d5437ebcf9241046a4', name: 'widget' }, h("salla-button", { key: '99467cafadf06a67b087e6ba13709d0d1a612ecc', "aria-label": "Share", onClick: () => this.open(), class: "s-social-share-btn", shape: "icon", fill: "outline", color: "light" }, h("span", { key: '2b6538e88a074cd769af24b72f2629e21dff45a5', innerHTML: this.opened ? Cancel : ShareAlt }))), h("ul", { key: 'dc42096ad383c9e7504c5e132e8fe65f25192748', 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: '244707099dffd175ac9199a3b2db60e6ccd8901f', class: "s-social-share-wrapper" }, h("slot", { key: 'f8f5939c39df206c9e655b72f2bfebdaa1518a21', name: 'widget' }, h("salla-button", { key: '7f2bdb0adc9f7d6d346c4502457751cf95e5c446', "aria-label": "Share", onClick: () => this.open(), class: "s-social-share-btn", shape: "icon", fill: "outline", color: "light" }, h("span", { key: '4d2f7b9b9ce06751a38532fef1b35fdd1ebf777d', innerHTML: this.opened ? Cancel : ShareAlt }))), h("ul", { key: '62bd77e9abe9277328339dffd8b979f50e55a54f', 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: '32762c93a41db3a20cd9fa98db182af388ecb084', class: classes }, h("slot", { key: '40caefc56a772c6f3f9a41650aec01a72e9e899b' })));
+        return (h("div", { key: '07449e9a8c02669df01af980ab470769b22ceaae', class: classes }, h("slot", { key: 'e48efaef70082540834811f60f9a475a2cbb35ea' })));
     }
     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: 'ac33877e26aac4d67f1d0f1dfdd6f34197739d8f', class: classes, onClick: this.onClick.bind(this) }, h("slot", { key: 'bc8b9b519b480f0df2203b06bde1b82086f48a1e' })),
+            h("div", { key: '74998651760e992ecd7156a2c65fe03e09cfb365', class: classes, onClick: this.onClick.bind(this) }, h("slot", { key: '061767388550a7d4841aeb8ad447c5c3084410cb' })),
         ];
     }
     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: 'b9b534860c70c17b22cad198696b80a5fae10d90', class: "s-tabs" }, h("div", { key: '7285d740077583bf211e7744d2db22e361989778', class: "s-tabs-header" }, h("slot", { key: '951159808cd26ce4994cbf69a3b0bed6100929dd', name: "header" })), h("div", { key: 'db550a026743862e8056b1a0f361da06cb78b4a3', class: "s-tabs-content-wrapper" }, h("slot", { key: '3b5dacf111e5e911c1f821e38bcbf578699cae33', name: "content" })))
+            h("div", { key: 'ca22c220d70aa825f10c645d3993fb72948944a9', class: "s-tabs" }, h("div", { key: '00a506e74704e76f4d2890d1201528bb17826aa1', class: "s-tabs-header" }, h("slot", { key: 'e0c0c4b621994137a83a51292667e9acf4ff39c5', name: "header" })), h("div", { key: '7fdb971d2c60ff37c130449533e3b44d8d7e3a83', class: "s-tabs-content-wrapper" }, h("slot", { key: '72160d870ba9007b5a74d09a798265cbbc387efa', name: "content" })))
         ];
     }
     static get is() { return "salla-tabs"; }

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

@@ -123,7 +123,7 @@ export class SallaTelInput {
         }
     }
     render() {
-        return (h(Host, { key: 'b7c80fe9322f6f0ddd519042387ded7f7be3b33e', class: "s-tel-input" }, h("input", { key: '839b34b164c5dca31c917f514fe3fabd6bc4dfa3', 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: '81be950bd3b0dffc5637b02687c9b4318485757f', class: "s-tel-input-error-msg", ref: el => this.errorMsg = el }), h("input", { key: '4f6a8e7888bf8e28d8029fd12851bb77286893a1', type: "hidden", name: "country_code", value: this.countryCode, ref: el => this.countryCodeInput = el, class: "country_code" })));
+        return (h(Host, { key: '52617befb5152051a2be9f65a96a4f2a8577e6c4', class: "s-tel-input" }, h("input", { key: '7f6e7cc0b8cde9139cfdf6fb0ba0d6efe48bcb3b', 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: 'c5b21209ee941ae455516e3b4e9c503e8c52f3c5', class: "s-tel-input-error-msg", ref: el => this.errorMsg = el }), h("input", { key: 'a09cb211e141996066ade2a6e8b901696de65bb7', 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

@@ -27,7 +27,7 @@ export class SallaTooltip {
     }
     render() {
         const validTheme = ['default', 'dark'].includes(this.theme) ? this.theme : 'default';
-        return (h("div", { key: 'e88949e9f1d97170bc61a0ab37e221863b9bc79f', class: "s-tooltip-container" }, h("div", { key: '1e65ce349cab58449512ba02ab11028de7fd6aa4', 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: '62b83d29f0c62d93fa493494f810a5bfbd8423bf', class: "s-tooltip-container" }, h("div", { key: '23b1760656599e63e3ce2d7ec669475f17d932fd', 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 CHANGED Viewed

@@ -56,7 +56,7 @@ export class SallaUserSettings {
         await salla.profile.delete().finally(() => this.confirmationModal.close());
     }
     render() {
-        return (h(Host, { key: 'c130220b738d80f14cd4000b9eb4dd20df77980f', class: "s-user-settings-wrapper" }, this.canHideName && h("div", { key: '2bf49761f3437963ac75a6407d7ec98592417b3a', class: "s-user-settings-section" }, h("salla-list-tile", { key: '8a3c57c305433e0172175118b72e36901ca43fda' }, h("div", { key: '126853187b1c957f5a7bd81c0341bae24e8d87ea', slot: "icon", class: "s-user-settings-section-icon" }, h("span", { key: '0796752200d217095580a0855b8cb3c275b025ec', innerHTML: UserCancel })), h("div", { key: '6a2fb48adf9a08f2853f641f88d5744f1e5e79fd', slot: "title", class: "s-user-settings-section-title" }, this.capitalizeText(this.hideMyName)), h("div", { key: '57d60c74311b8e556008ab1bfefc3dbc7fe14d26', slot: "subtitle", class: "s-user-settings-section-subtitle" }, this.capitalizeText(this.hideMyNameDesc)), h("div", { key: '670446bf37f6aa476810e890d4f79904e39f5e72', slot: 'action', class: "s-user-settings-section-action" }, h("label", { key: 'aea20b164e6b47d3b23b55fd9d8ee445dc0515fe', class: "s-toggle" }, h("input", { key: '9fc592118faa754525faa49023909b6b1c62823a', class: "s-toggle-input", checked: this.isHiddenName, onChange: (e) => this.toggleSetting('is_hidden_name', e), type: "checkbox" }), h("div", { key: '485fb4402cb435fa55fd44b139bacc4502c9dd27', class: "s-toggle-switcher" }))))), h("div", { key: '2437e14c095e28e1cc626cb1cbf71dbd8337d954', class: "s-user-settings-section" }, h("salla-list-tile", { key: 'cec0fbe6bbfe56eff1054869f300b905c515bd4c' }, h("div", { key: '3c3a370d9eac62dc871eebad8329e75e6395d3fa', slot: "icon", class: "s-user-settings-section-icon" }, h("span", { key: '70d16c4a2bc42eac766273ca05f67d176c6d4374', innerHTML: Bullhorn })), h("div", { key: 'c341c8ad97cd2fffce8e3af294bfae434314a2e4', slot: "title", class: "s-user-settings-section-title" }, this.capitalizeText(this.promotionalMsgs)), h("div", { key: '54bd0cc88488863f55a9104d04a9df78f3eb6bd7', slot: "subtitle", class: "s-user-settings-section-subtitle" }, this.capitalizeText(this.promotionalMsgsDesc)), h("div", { key: 'f5efcfb1466f3df26ff8820ccdd85a73d6395fef', slot: 'action', class: "s-user-settings-section-action" }, h("label", { key: '8f1eaf0951abad13e01a0027a7975e50ad831094', class: "s-toggle" }, h("input", { key: '39ce354fc1d64e1540710fa06230e527c0bb0234', class: "s-toggle-input", checked: this.isNotifiable, onChange: (e) => this.toggleSetting('is_notifiable', e), type: "checkbox" }), h("div", { key: 'a40a9bbc22a3fd7a49a66fb4808abe79ad2d792e', class: "s-toggle-switcher" }))))), h("div", { key: '1ae760df718ca439c7cb1010c778b1b8f61f1b8f', class: "s-user-settings-section s-user-settings-section-deactivate-user" }, h("salla-list-tile", { key: 'da1fbd3e37d9ab35b4dac164801acfb55650e054' }, h("div", { key: '59f89006b21a2ff7bdcf63d16e5f67256877ce1d', slot: "icon", class: "s-user-settings-section-icon" }, h("span", { key: '53711d6f97340b6a1e3a430dbda8430adbcb00d0', innerHTML: UserOff })), h("div", { key: '485ddc81c283c70b948a9acab40c97e4dde8795b', slot: "title", class: "s-user-settings-section-title" }, this.capitalizeText(this.deactivateAccount)), h("div", { key: '10624a62c0b9bf822a2087d36f4d4ce77548c6dd', slot: "subtitle", class: "s-user-settings-section-subtitle" }, this.capitalizeText(this.deactivateDesc)), h("div", { key: 'f023d0193586f778860fda0b567eac30b9e913f5', slot: 'action', class: "s-user-settings-section-action" }, h("salla-button", { key: 'ffb0af3f744c8ae24a1143d577e2b8a065bad7d1', fill: "outline", color: "danger", shape: "btn", size: "medium", width: "normal", onClick: () => this.openDeactivateModal() }, this.capitalizeText(this.deactivateAccount))))), h("salla-modal", { key: 'ab93ecef93e4b79bcdade007ecfaea01631045bd', width: "sm", subTitle: this.capitalizeText(this.sorryForLeavingText), ref: modal => this.confirmationModal = modal }, h("span", { key: '50764fa29f599b2163f81ee110f98e41900e6d82', slot: 'icon', class: "s-user-settings-confirmation-icon", innerHTML: UserOff }), h("div", { key: '8c32d8c06fd1a86b1b585b648e4c66d8af89b2db', class: "s-user-settings-confirmation" }, h("div", { key: 'd5207ec65164615618977308a9a73a604fa5f122', class: "s-user-settings-confirmation-warning" }, this.capitalizeText(this.warningText)), h("div", { key: '7c1c4070c63620f995a14103426d54bbdf4cc4c5', class: "s-user-settings-confirmation-actions" }, h("salla-button", { key: '6ec7b830b1efd9d0acbe17a013d3ce3be2f0532b', width: "wide", onClick: () => this.confirmationModal.close() }, this.capitalizeText(this.keepAccount)), h("salla-button", { key: '17929fee163ae7088656ee54698444ef477b8e41', fill: 'outline', loading: this.buttonLoading, width: "wide", onClick: () => this.deleteAccount() }, this.capitalizeText(this.deactivateAccount)))))));
+        return (h(Host, { key: 'd5cdafbb882bfac9b9604a246df93ed698577d83', class: "s-user-settings-wrapper" }, this.canHideName && h("div", { key: '84ab3744fec66aa61c626c377e1dc59e3a41b4d5', class: "s-user-settings-section" }, h("salla-list-tile", { key: '39494a613096611f63778fc147b01440bba9af06' }, h("div", { key: '2aa0f7582f1590d036b7f649710125bb74751c84', slot: "icon", class: "s-user-settings-section-icon" }, h("span", { key: '54d75c7bb262247b3e1caff46b47c6dc5e0f7b8f', innerHTML: UserCancel })), h("div", { key: '7cf196cec61f67515e4deeb9006876fb31c89fde', slot: "title", class: "s-user-settings-section-title" }, this.capitalizeText(this.hideMyName)), h("div", { key: 'e554cd922c97cd6aeec02d637cb138f37b17cf9d', slot: "subtitle", class: "s-user-settings-section-subtitle" }, this.capitalizeText(this.hideMyNameDesc)), h("div", { key: '75af7edd3d365e8f8e9ca37dd7670b7fb58a9bbd', slot: 'action', class: "s-user-settings-section-action" }, h("label", { key: '11c2829b508147cfaa7a7e58625301e1a1590980', class: "s-toggle" }, h("input", { key: '49394f1a904c2053b1dc960b2895120a8c6795d4', class: "s-toggle-input", checked: this.isHiddenName, onChange: (e) => this.toggleSetting('is_hidden_name', e), type: "checkbox" }), h("div", { key: '982f7ae509e335bddb9852bd147dd9963f04c1c5', class: "s-toggle-switcher" }))))), h("div", { key: '7c0276263f599160e129f77df0d2a6125aad900a', class: "s-user-settings-section" }, h("salla-list-tile", { key: 'd248a1b634ef8639c0b39937cf9b30e673ac0d26' }, h("div", { key: '365bb3f400a96ddd434c2e902b7b280ca1805fb7', slot: "icon", class: "s-user-settings-section-icon" }, h("span", { key: '398a3ffea087ffbdd78639ad72fefbf8f04eb202', innerHTML: Bullhorn })), h("div", { key: 'ee0b0f8e2d2c974cf14d50677eb23d21dceed745', slot: "title", class: "s-user-settings-section-title" }, this.capitalizeText(this.promotionalMsgs)), h("div", { key: '890e4bd4d13f9decd3595a95ac370f3c6fe33810', slot: "subtitle", class: "s-user-settings-section-subtitle" }, this.capitalizeText(this.promotionalMsgsDesc)), h("div", { key: '073fc9d0f17b70afbf1e174707075a17f471af30', slot: 'action', class: "s-user-settings-section-action" }, h("label", { key: '2a3b31b294ec0f81ac476f38d457a75d45532bac', class: "s-toggle" }, h("input", { key: '78a9df7c3c4c826acf044b650021ade2c2bad054', class: "s-toggle-input", checked: this.isNotifiable, onChange: (e) => this.toggleSetting('is_notifiable', e), type: "checkbox" }), h("div", { key: '8167ce78297b174eb1b55c66c03fdc394c63282d', class: "s-toggle-switcher" }))))), h("div", { key: '13ed578bab3f587daceb1a7573bb1b3881ecd57e', class: "s-user-settings-section s-user-settings-section-deactivate-user" }, h("salla-list-tile", { key: '3177d1bbfaf00279b5c36f5305ae13729d5f2160' }, h("div", { key: '23b3c3b7fff5b51678e68b39aa7b4de9e54dbf21', slot: "icon", class: "s-user-settings-section-icon" }, h("span", { key: '4dbfb202a3419590fd9efd6585cb35f44cbb70d8', innerHTML: UserOff })), h("div", { key: '1929b9ac8930bcd7a09322b9767f5edd42488ea4', slot: "title", class: "s-user-settings-section-title" }, this.capitalizeText(this.deactivateAccount)), h("div", { key: 'f28baf1e5a1dd05572e8d5dbc6cee4fe352eb821', slot: "subtitle", class: "s-user-settings-section-subtitle" }, this.capitalizeText(this.deactivateDesc)), h("div", { key: '1f315571afcac490b6e19a06b0cd3000e76c2ed3', slot: 'action', class: "s-user-settings-section-action" }, h("salla-button", { key: '5bbd31e5df4eb1339a84621616671c7e0aae0903', fill: "outline", color: "danger", shape: "btn", size: "medium", width: "normal", onClick: () => this.openDeactivateModal() }, this.capitalizeText(this.deactivateAccount))))), h("salla-modal", { key: '67949f4efafdcb160d2a02af3e0ae7eb1cd7edcc', width: "sm", subTitle: this.capitalizeText(this.sorryForLeavingText), ref: modal => this.confirmationModal = modal }, h("span", { key: 'a23293ebc5a46ac41375abc1ad83dbdd7b4cd2e5', slot: 'icon', class: "s-user-settings-confirmation-icon", innerHTML: UserOff }), h("div", { key: '3134591a10759a22b9a17335a0ec33e80e8a094b', class: "s-user-settings-confirmation" }, h("div", { key: 'df0b762a441326bf5ea1cc3973e5d0cc6132ba13', class: "s-user-settings-confirmation-warning" }, this.capitalizeText(this.warningText)), h("div", { key: '68c52e34dda9e407cc2435efbeb33b5665749f3f', class: "s-user-settings-confirmation-actions" }, h("salla-button", { key: '3f64972422ab639412b711d5ceb41ed0fb07e5e9', width: "wide", onClick: () => this.confirmationModal.close() }, this.capitalizeText(this.keepAccount)), h("salla-button", { key: '64774bd0dee3fd1f4b61b1471ba4bec8e9a1257f', fill: 'outline', loading: this.buttonLoading, width: "wide", onClick: () => this.deleteAccount() }, this.capitalizeText(this.deactivateAccount)))))));
     }
     static get is() { return "salla-user-settings"; }
     static get originalStyleUrls() {