npm - @salla.sa/twilight-components - Versions diffs - 2.14.434 → 2.14.435 - Mend

@salla.sa/twilight-components 2.14.434 → 2.14.435

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 (354) 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: '9d393d47dde31817178d398dacf0be9d1961f487' }, h("div", { key: '2109c18f3cf9ebb5769291ee88dc733e2b96759f', class: "s-reviews-page-header-wrapper" }, h("h2", { key: 'f9259ac0832ea3041a517ee3dd8dccb41a3bd903', class: "s-reviews-page-title" }, this.langTitlesReviews, h("span", { key: 'f49098ca0e3f911669c610a310dbf331922e9b8a', class: "s-reviews-page-count" }, "(", this.langRatingReviews, ")")), h("div", { key: '739397b8f7389cfab453d435868b20be49871d6d', class: "s-reviews-page-filter-wrapper" }, h("label", { key: '92bd0f40b758f394ca3c1604ba207653e2263bac', class: "s-reviews-page-filter-label", htmlFor: "testimonials-filter" }, this.langSorting), h("select", { key: 'a2b42e0c18c9192a3ff33f61ca21e50355655ed4', 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: '80224727f57c3075fab3814bc31ad69e13bebd5e' }, h("div", { key: 'b014fad2937c226921ffafd4504cfab975ea9a39', class: "s-reviews-page-header-wrapper" }, h("h2", { key: 'bf6ae4aa8c922fda85176708b5f4669c10bf6c08', class: "s-reviews-page-title" }, this.langTitlesReviews, h("span", { key: '63c6fde2d510cbc49a435ad8d91bc15c4323fa1d', class: "s-reviews-page-count" }, "(", this.langRatingReviews, ")")), h("div", { key: '3ecb8d184bb112b2961aedf7500f29d53c6bc516', class: "s-reviews-page-filter-wrapper" }, h("label", { key: '6a0ff38fe00c276c4e90233dab20bf2c4d561e82', class: "s-reviews-page-filter-label", htmlFor: "testimonials-filter" }, this.langSorting), h("select", { key: 'b0f3528c27cf620fbde83293f2c48dccb51590ea', 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: '3b477eba55e3d9b8067b5b2e889a66a038cdfeaa' }, h("salla-modal", { key: '82aefd868b472b3f2265140845ab40eb8a2afa72', 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: '18d5a944f5034e2079c30b6595b3c7969b92f939' }, h("salla-modal", { key: 'a254d29b1a9cb363ba72417e234af5d81e9f2b8c', 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: '9ed37ceb9eb7ef3468b69b0f9efaecdbc071f52a', class: { 's-search-container': true, 's-search-inline': this.inline }, ref: container => (this.container = container) }, h("div", { key: 'bc83f0c8cc26d23c4b26b98438666c1053300ae9', class: "s-search-input-wrapper" }, h("span", { key: '5d5537a2cd6b4deadaf6451f0f301ee609ec07b6', class: "s-search-icon-wrap" }, h("span", { key: '36151c40fe3c6e48d028980c405592947d762bcc', class: "s-search-icon", innerHTML: this.loading ? '<i class="s-search-spinner-loader"/>' : Search })), h("input", { key: '3b488e2282d93b2df22309434753ce94f4ab9b8b', 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: 'd152ce7b41f44975724214a4957b366a3d372efe', class: { 's-search-container': true, 's-search-inline': this.inline }, ref: container => (this.container = container) }, h("div", { key: '19c13742ed6b78300da453503c01052cc56e6224', class: "s-search-input-wrapper" }, h("span", { key: '65b092ca1797d23fca0370578c3780bb553bbc2e', class: "s-search-icon-wrap" }, h("span", { key: '14caaa450614f8dd99b05edd447184ab79cd94f2', class: "s-search-icon", innerHTML: this.loading ? '<i class="s-search-spinner-loader"/>' : Search })), h("input", { key: '4656f0002ff24e9948c5799d5bbed20e59eee2e9', 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: 'e5310efe972f797f6b0be3cd283c531799852380', 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: 'ca998ee139b31b0284ae72ccd1f9466f697feb6a', 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: 'b3ca75a3641d75a445e9b187dd7f91d0f3a053e1', ref: el => (this.noResults = el), class: "s-search-no-results-placeholder" }, salla.lang.get('common.elements.no_options')))));
-        const modalContent = (h("salla-modal", { key: '1bdb2348d3af824ba5b6d624f9613ed406145e5b', position: "top", class: "s-search-modal", ref: modal => (this.modal = modal) }, searchContent));
-        const placeholderContent = (h("div", { key: '90a4dd34c763e9390c8cc5caf09b0f8af67a671a', class: "s-search-placeholder-wrapper s-search-inline" }, h("div", { key: '2baf596e2163e42c6b1537b23297d791f76dd382', class: "s-search-input-wrapper" }, h("span", { key: '3048a62a758cb3b5a61a50f7c7e4af1fb6f013b1', class: "s-search-icon-wrap" }, h("span", { key: '3b0336f934d449c189e01c5c9072915781779280', class: "s-search-icon", innerHTML: Search })), h("button", { key: '991d1ff811b93c2700e6526efbc2948117e58669', type: "button", class: "s-search-input s-search-placeholder-trigger", onClick: () => this.open(), style: {
+                .replace(/\{image\}/g, product.image.url) }))), h("p", { key: 'c8f2750a602097c96b1424acc35d2a190f86bf5d', ref: el => (this.noResults = el), class: "s-search-no-results-placeholder" }, salla.lang.get('common.elements.no_options')))));
+        const modalContent = (h("salla-modal", { key: '2656ec22b40c5d69c9ce9887ff683d119ef826e2', position: "top", class: "s-search-modal", ref: modal => (this.modal = modal) }, searchContent));
+        const placeholderContent = (h("div", { key: '8f771fddec5620cbfc8259a6d94e955db0f5e787', class: "s-search-placeholder-wrapper s-search-inline" }, h("div", { key: 'a6ac18f63248ae303d05f8ed62f0dadfded33fad', class: "s-search-input-wrapper" }, h("span", { key: '5996163e3314b9c9240018e438f121d553e58e0f', class: "s-search-icon-wrap" }, h("span", { key: '581c625690b9fc000108bc5ba642f3a3452f67c8', class: "s-search-icon", innerHTML: Search })), h("button", { key: '8f7edf24f999f3c5a37cca2c82c664822e729088', 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: 'cdb96259f3951c9e2a068e1aa170e3dd1b60331c', class: "s-searchable-dropdown" }, h("div", { key: 'e4a4523e6fc13a00b06c949080a00c217aa07b4d', class: { 's-searchable-dropdown': true, 's-searchable-dropdown--open': this.isOpen } }, this.label && (h("label", { key: '9e8d9d1157e2236357512b74cc96622287764347', class: "s-searchable-dropdown-label", htmlFor: this.inputId }, this.label, this.required && h("span", { key: 'a5e66b934d13d113de8b5c033fc26d8982e52fba', class: "s-searchable-dropdown-required" }, " *"))), h("div", { key: '42ddef68f5177532a143b4569115fd5b7e006fa3', class: {
+        return (h(Host, { key: '3545a75c07ae7c2a2c82ee54fa710f6f5d8bcfce', class: "s-searchable-dropdown" }, h("div", { key: '022fb98602228c5837cadb758f24f00956fafc22', class: { 's-searchable-dropdown': true, 's-searchable-dropdown--open': this.isOpen } }, this.label && (h("label", { key: '24e09036df24d45ce74799ec06b20b03df866866', class: "s-searchable-dropdown-label", htmlFor: this.inputId }, this.label, this.required && h("span", { key: '94277d1659f2b22c96de02a77a37920eefff13ef', class: "s-searchable-dropdown-required" }, " *"))), h("div", { key: '077e0662f0570c1bf9339577e7699d75f9b337de', 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: 'd0af58c577361ea1f64bcb8e8e6bcf82f662bc71', 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: '134a95003036f1c8a7df91a06542178e6ec12c04', 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: '5452d81395fdfe59925ff7d07ec7660909f5ce63', class: {
+            }, "aria-hidden": "true" })), this.isOpen && (h("div", { key: 'be6eb6c94d4b73c27959722ccb4bc87722035d1c', class: {
                 's-searchable-dropdown-panel': true,
                 's-searchable-dropdown-panel--up': this.dropUp,
-            }, ref: (el) => (this.panelRef = el) }, h("div", { key: '5b7e286c7ce3128f3c0fc1a8983d524042ea66fd', class: "s-searchable-dropdown-search-wrap" }, h("i", { key: '0dde5c7d2125e8346e53a4fd42eccfc7615f5ea0', class: "sicon-search s-searchable-dropdown-search-icon", "aria-hidden": "true" }), h("input", { key: '1c483ac2d199cbd7b086bc016878b00d51798b84', 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: 'f10f0a612008f4d0863685a238d6baefd7903a66', id: listboxId, class: "s-searchable-dropdown-list s-scrollbar", role: "listbox" }, this.renderListContent()))))));
+            }, ref: (el) => (this.panelRef = el) }, h("div", { key: 'd97ce90a0fd26043a45c1a45616f8fde621e8ac5', class: "s-searchable-dropdown-search-wrap" }, h("i", { key: 'c7683e2dd873306e18afea983bb410827d883796', class: "sicon-search s-searchable-dropdown-search-icon", "aria-hidden": "true" }), h("input", { key: '64c4259b6c5453a9b1cb5985c58c65dd01ec139f', 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: '9748f507fcb884b520ffc847800cc3543546b8ce', 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: 'f645a6a85c27f28f0f4753a21f0a635bd29b1066', class: "s-skeleton-wrapper", style: { width: this.width, height: this.height } }, h("div", { key: '7146a8905fd164c30ed54729e6e1d7a23b1df94e', class: classes }, "\u00A0")));
+        return (h(Host, { key: 'bbd3b59181da4c7c97a2fbf862eedebbedbe0634', class: "s-skeleton-wrapper", style: { width: this.width, height: this.height } }, h("div", { key: '137814e704aabda9931441f744bac595dd506d0e', 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: 'b3377f6f933a69e9b9b8d633b6825d0f7fa1f6b0' }, h("ul", { key: 'ee82940597a4a18a721415c9c192adedbcd2c67d', 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: 'a4c05f6fcf54b6d34c547d7b27a61d4afbd91f10' }, h("ul", { key: 'ab690b3eba0190d6830a5988510c404dafa4e450', 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: '52c1d99308e8512060d0b28bfe9e8bbe6d9e421d', class: "s-social-share-wrapper" }, h("slot", { key: '9086cdb5e2a3f1544e8711c8c9c7b166fa81cb75', name: 'widget' }, h("salla-button", { key: 'b32d67924c0fd2d75bc01d026a81cc4eea06a53e', "aria-label": "Share", onClick: () => this.open(), class: "s-social-share-btn", shape: "icon", fill: "outline", color: "light" }, h("span", { key: 'a18db03d476a004e779ad1b7696678dc871b4c2b', innerHTML: this.opened ? Cancel : ShareAlt }))), h("ul", { key: '133254b1c2a797fca7b8e0af40f397d8e8e7651f', 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: '006a40f33ae7513a265f6f3f04425e68a1193cdb', class: "s-social-share-wrapper" }, h("slot", { key: 'e089609f48cd6c231e17488bdd89e78f76b0df78', name: 'widget' }, h("salla-button", { key: '788679ca99d366efbc37faac11332e554a2a7bde', "aria-label": "Share", onClick: () => this.open(), class: "s-social-share-btn", shape: "icon", fill: "outline", color: "light" }, h("span", { key: '97f86e7e8d22f05c13db6cb0dfdf51e18bc3c814', innerHTML: this.opened ? Cancel : ShareAlt }))), h("ul", { key: '8b13d93d51ba38ff1a3794646d9f68b10c6500ff', 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: '7e434cb1ef165f74434be7a81332ac03b75b7fbf', class: classes }, h("slot", { key: 'cf6f81543421fddcd25ae6a4110101e749065e58' })));
+        return (h("div", { key: '59729323fd707b74b2b1fd8707fcb122ee21ed9f', class: classes }, h("slot", { key: 'a273156c8bbb3dbf25dc2e556d060c4402a8a394' })));
     }
     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: '83a46a1c9b08bbbfeae3db10a482a50930645e26', class: classes, onClick: this.onClick.bind(this) }, h("slot", { key: '14f194bf5d1152f4fb0976a5784e00fda3504f5e' })),
+            h("div", { key: 'cdeff834ff1a1e4a5cd19c52e5c36bcc51491064', class: classes, onClick: this.onClick.bind(this) }, h("slot", { key: '5aeedafb3c074f588cd2a343fe48fc5b8807821d' })),
         ];
     }
     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: '5584079da6ec0297e1b5b0696b951d9a1e59737a', class: "s-tabs" }, h("div", { key: '7ccbf64b3dd3b8a0cc26dbac085b0a6b4fdd674b', class: "s-tabs-header" }, h("slot", { key: 'aad3107a146bb0ee7130b17ebb622fdb5cf6b1e7', name: "header" })), h("div", { key: '4f6a38f41b7788162549123fed9c8a256e3f7c94', class: "s-tabs-content-wrapper" }, h("slot", { key: '51cb020f8f95c76959c3b3f730d8763419570b43', name: "content" })))
+            h("div", { key: '1d2c28a8025c9c9c1d988dbded489263794cb92e', class: "s-tabs" }, h("div", { key: '54f011017f5378e7053b4f3a135d6a050e08479c', class: "s-tabs-header" }, h("slot", { key: 'efd25fb8dd73b9296015be1e224b84fc53ab9082', name: "header" })), h("div", { key: 'f80582281746ae231092360e26d65331cc98f480', class: "s-tabs-content-wrapper" }, h("slot", { key: 'c97cde11dcbd37124dc1c24559c918111c57e6fe', 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: 'f9dbd104d08e371c2d948d4e2f521f180f0e9728', class: "s-tel-input" }, h("input", { key: '88d9aec228b90558b51d94efca25404603fa028b', 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: '3e143a4a2021889e0c2dec33968ec7cf127cf635', class: "s-tel-input-error-msg", ref: el => this.errorMsg = el }), h("input", { key: 'bec80ffbd16d6f36a70205bcdc3dae180270be62', type: "hidden", name: "country_code", value: this.countryCode, ref: el => this.countryCodeInput = el, class: "country_code" })));
+        return (h(Host, { key: '3d6d30dec797f67178adf57497e9b1a0dc92c195', class: "s-tel-input" }, h("input", { key: 'e6f1bb82efa3d08d791cb39d82c1c0c6acb3e253', 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: 'ddbb70dd419742bac9a2a34480f4195f282a2c7c', class: "s-tel-input-error-msg", ref: el => this.errorMsg = el }), h("input", { key: 'b168210708af8d78628ae6b104b268890e60fb8f', 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: 'cc5a63847902e9030444f09e503884b89911804e', class: "s-tooltip-container" }, h("div", { key: '8c468cff2093ab72b6021af8935dea9089208d06', 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: '4d433085f726528933c9ca19a86b0be84fc35a43', class: "s-tooltip-container" }, h("div", { key: 'a458c284385d21f3b4e89f18dd46ff25760a0b10', 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: '3b503ea1843a9fa0931a7c3478822994140f1a8d', class: "s-user-settings-wrapper" }, this.canHideName && h("div", { key: '5e4874063fbd5936351f92ea04b9b303c0bd49a3', class: "s-user-settings-section" }, h("salla-list-tile", { key: '6a966de44e40d51e03f1b81f9e170e8d716084e7' }, h("div", { key: '1f5f4ab2d595253304d977c34ad0b4f86c88d900', slot: "icon", class: "s-user-settings-section-icon" }, h("span", { key: 'f93006050cd12ea0ad453c7ada465422519f0833', innerHTML: UserCancel })), h("div", { key: '7e8f6021ecf415cbbdfc5b7279b3d06370159df2', slot: "title", class: "s-user-settings-section-title" }, this.capitalizeText(this.hideMyName)), h("div", { key: 'd4faf62bde6ef5e9ebad40058e411aa56ed14eff', slot: "subtitle", class: "s-user-settings-section-subtitle" }, this.capitalizeText(this.hideMyNameDesc)), h("div", { key: '1f285539e0627b62b0072a02c51d7134d560a733', slot: 'action', class: "s-user-settings-section-action" }, h("label", { key: 'fae13b1910d84447218d493745b523c40f41376f', class: "s-toggle" }, h("input", { key: '1d36c238f51814e0b201b957182109f2721a8581', class: "s-toggle-input", checked: this.isHiddenName, onChange: (e) => this.toggleSetting('is_hidden_name', e), type: "checkbox" }), h("div", { key: '829fd12d0b4693ccb412767594f6c4060962f027', class: "s-toggle-switcher" }))))), h("div", { key: '3eb2c9d0deacc89cba4ec04788d11e0f25724f84', class: "s-user-settings-section" }, h("salla-list-tile", { key: 'a81db53d1ab9f8477325e279f9e54c58047f4ac2' }, h("div", { key: '8f9368d8ad52ed31872cf95a408c6ffd8da4279c', slot: "icon", class: "s-user-settings-section-icon" }, h("span", { key: '2d7e0c5bf9c54b657ea5ba3299cf09e3d3666e9b', innerHTML: Bullhorn })), h("div", { key: '6a6471a37d98522aa3d118fce39af89b45971b9b', slot: "title", class: "s-user-settings-section-title" }, this.capitalizeText(this.promotionalMsgs)), h("div", { key: '3844d2bb30e191cdd32681dd4b6601bb6b29975c', slot: "subtitle", class: "s-user-settings-section-subtitle" }, this.capitalizeText(this.promotionalMsgsDesc)), h("div", { key: '5eba79efdc171ab9bd0b6b10d0782a3a50d914e7', slot: 'action', class: "s-user-settings-section-action" }, h("label", { key: '22a4c9433aad0060c2b61c8baa982d9634ddd9e7', class: "s-toggle" }, h("input", { key: '784dc34cdf5f539bf63f788369dcd9a83e4cddb4', class: "s-toggle-input", checked: this.isNotifiable, onChange: (e) => this.toggleSetting('is_notifiable', e), type: "checkbox" }), h("div", { key: '138bf3b64ef06eb0ccc420e6774feaa5cf296c3d', class: "s-toggle-switcher" }))))), h("div", { key: '04b416e46d89a4acceb2fa17f480729751d78fa5', class: "s-user-settings-section s-user-settings-section-deactivate-user" }, h("salla-list-tile", { key: 'c5a3d7e16b97d773219c14de9f51ea6280bd5784' }, h("div", { key: '90f4db05c86c64a33ec9cc39565524a01f44ccd4', slot: "icon", class: "s-user-settings-section-icon" }, h("span", { key: '4cef5fd2411d81a23cc8e9bcd399d5dbd360be6c', innerHTML: UserOff })), h("div", { key: '57d16bf204b0854355368049aab0b45d398da6fc', slot: "title", class: "s-user-settings-section-title" }, this.capitalizeText(this.deactivateAccount)), h("div", { key: '596c8d4c165f2bd71f5c70ec984aa86252841493', slot: "subtitle", class: "s-user-settings-section-subtitle" }, this.capitalizeText(this.deactivateDesc)), h("div", { key: 'c5912d000eaa947223013fc562e0a3607bb0c6d5', slot: 'action', class: "s-user-settings-section-action" }, h("salla-button", { key: '9501681d074dc16fbe82c2ded6bc73bb045715e7', fill: "outline", color: "danger", shape: "btn", size: "medium", width: "normal", onClick: () => this.openDeactivateModal() }, this.capitalizeText(this.deactivateAccount))))), h("salla-modal", { key: '34ebc1adaabccbc44f5f742305c087c2916d310a', width: "sm", subTitle: this.capitalizeText(this.sorryForLeavingText), ref: modal => this.confirmationModal = modal }, h("span", { key: '8e3c8f4bccc605051d092ea0f507808157faacc8', slot: 'icon', class: "s-user-settings-confirmation-icon", innerHTML: UserOff }), h("div", { key: '0e9cfb8c990bf86cf846d25e8f17c8823212a651', class: "s-user-settings-confirmation" }, h("div", { key: '672ab4c5689ff9fa0a2af07d3ddcc77f8babd7ce', class: "s-user-settings-confirmation-warning" }, this.capitalizeText(this.warningText)), h("div", { key: '65f5e0eaeab3b4f28998dc84e2ba225fac44c294', class: "s-user-settings-confirmation-actions" }, h("salla-button", { key: '7f19101736ff2e2e1ad932cbd84e01ab19520d9b', width: "wide", onClick: () => this.confirmationModal.close() }, this.capitalizeText(this.keepAccount)), h("salla-button", { key: '80a161ac2fbe61d9ba1f0999f6a055aa378f05bd', fill: 'outline', loading: this.buttonLoading, width: "wide", onClick: () => this.deleteAccount() }, this.capitalizeText(this.deactivateAccount)))))));
+        return (h(Host, { key: 'd49fe1cc125040388326a346cf6349cdff3e8827', class: "s-user-settings-wrapper" }, this.canHideName && h("div", { key: '4f6227afbf0f1a9ac4ae6c0404c04de65ef2c22d', class: "s-user-settings-section" }, h("salla-list-tile", { key: 'd084e7c978e0f41b8997299690e1b419f1dcecea' }, h("div", { key: '732f09a315529dd23a690ec2e2db2ca157f30b3f', slot: "icon", class: "s-user-settings-section-icon" }, h("span", { key: '57854cdcd75e9bdf261cc10108b9dd03ba886c9a', innerHTML: UserCancel })), h("div", { key: '4d42778a9a52a6a539f9c84103a4e35ab10eadce', slot: "title", class: "s-user-settings-section-title" }, this.capitalizeText(this.hideMyName)), h("div", { key: '45ea0bf9bbc5d055e50de279ed21c77f69194a83', slot: "subtitle", class: "s-user-settings-section-subtitle" }, this.capitalizeText(this.hideMyNameDesc)), h("div", { key: 'addf60ce92d9bd5d7307af22f8e08ca627f52692', slot: 'action', class: "s-user-settings-section-action" }, h("label", { key: 'db9bfdd607f9578349051126893fcd77eccc8aea', class: "s-toggle" }, h("input", { key: '5c56ac1adffc24c7d1190251713d99214ef242e3', class: "s-toggle-input", checked: this.isHiddenName, onChange: (e) => this.toggleSetting('is_hidden_name', e), type: "checkbox" }), h("div", { key: '5f275e5c3517a6df99e781537ac17135d54b5d9a', class: "s-toggle-switcher" }))))), h("div", { key: '0cb50e709e0dbc49f769b4f107002eadadb41c32', class: "s-user-settings-section" }, h("salla-list-tile", { key: 'f710c59a481aedca13fb36d003ddb5b71905771f' }, h("div", { key: 'b8e81786c8cea4cc36d81ad4e5a53381fea20ed4', slot: "icon", class: "s-user-settings-section-icon" }, h("span", { key: 'b4b3b36769c216f4981fcebec511e33461e703d5', innerHTML: Bullhorn })), h("div", { key: 'a5a9271e04367bbc512656176bf7b9c59855c497', slot: "title", class: "s-user-settings-section-title" }, this.capitalizeText(this.promotionalMsgs)), h("div", { key: 'f7191566d7fea659a0d080f7680ace28f74fc5e1', slot: "subtitle", class: "s-user-settings-section-subtitle" }, this.capitalizeText(this.promotionalMsgsDesc)), h("div", { key: 'edaed3be64edc7e98640d33ae57112e8586e3354', slot: 'action', class: "s-user-settings-section-action" }, h("label", { key: '9a444d833c61719f65200b6a16ce8bf47406b84f', class: "s-toggle" }, h("input", { key: 'bd18d96449c3eb4d6b263bc5cbf7a9b8d639bd6d', class: "s-toggle-input", checked: this.isNotifiable, onChange: (e) => this.toggleSetting('is_notifiable', e), type: "checkbox" }), h("div", { key: '5742974d46ab2e1084f85d3902ead64a4d2340e3', class: "s-toggle-switcher" }))))), h("div", { key: 'cd920209f8188531735c0a12b40f290ffafd31ab', class: "s-user-settings-section s-user-settings-section-deactivate-user" }, h("salla-list-tile", { key: '49ea382b58e36475794f8e80e41caf7db938ddc4' }, h("div", { key: '7cb1d0abc1c178862111e49804cb750ddd01aea3', slot: "icon", class: "s-user-settings-section-icon" }, h("span", { key: 'de51a80143d6b44ec3ad1f6422e769e57432dd9e', innerHTML: UserOff })), h("div", { key: '1a00838952cac6c3fafe29b9e7e32f5ed3126f30', slot: "title", class: "s-user-settings-section-title" }, this.capitalizeText(this.deactivateAccount)), h("div", { key: 'f4b2794e0dd8a036ce404b7243986b7ba5a63340', slot: "subtitle", class: "s-user-settings-section-subtitle" }, this.capitalizeText(this.deactivateDesc)), h("div", { key: '72cb29457621699ed1449cdd52eb5151023637ab', slot: 'action', class: "s-user-settings-section-action" }, h("salla-button", { key: 'aba35845332da5f0da393078e06a0e0498bf2d28', fill: "outline", color: "danger", shape: "btn", size: "medium", width: "normal", onClick: () => this.openDeactivateModal() }, this.capitalizeText(this.deactivateAccount))))), h("salla-modal", { key: '4fd811fbbc6e7fcc1a6a8d23e8bfa05b7499dcbc', width: "sm", subTitle: this.capitalizeText(this.sorryForLeavingText), ref: modal => this.confirmationModal = modal }, h("span", { key: '712fe566292404c42aa79970978f03fb23b4d2ab', slot: 'icon', class: "s-user-settings-confirmation-icon", innerHTML: UserOff }), h("div", { key: '69ce40edbcaf775e33d62a3e242e5fcc9cce3cef', class: "s-user-settings-confirmation" }, h("div", { key: 'f71c23f124449b12ad7db1f523ca3b80b5c50a2b', class: "s-user-settings-confirmation-warning" }, this.capitalizeText(this.warningText)), h("div", { key: '6995699f126fb98cc6271a0f476dd6b4f53cfd3c', class: "s-user-settings-confirmation-actions" }, h("salla-button", { key: 'f45563215e757ee3b172622c346cd40fca1a79a6', width: "wide", onClick: () => this.confirmationModal.close() }, this.capitalizeText(this.keepAccount)), h("salla-button", { key: '1ba83fc0690f0a10176008bb2470759878471cee', fill: 'outline', loading: this.buttonLoading, width: "wide", onClick: () => this.deleteAccount() }, this.capitalizeText(this.deactivateAccount)))))));
     }
     static get is() { return "salla-user-settings"; }
     static get originalStyleUrls() {