@tet/tet-components 1.3.147-testing → 1.3.148-staging

package/dist/collection/components/advanced/cards/tet-business-compare-card/tet-business-compare-card.js

@@ -28,10 +28,10 @@ export class TetBusinessCompareCard {
     }
     render() {
         const { mainTitle, bulletPoints, theme, pricePrefix, price, currency } = this;
-        return (h("div", { key: '35ca4e2b3df38720b9edf185be47efa21840513e', class: { 'tet-business-compare-card': true, [`theme-${theme}`]: true } }, h("div", { key: '7109e4601fae8a53cecec12f1c756acbdbce768d', class: "tet-business-compare-card__body" }, h("div", { key: '8afbb5e28e5cb08416256a090521790707bfaae3', class: "tet-business-compare-card__title" }, h("slot", { key: 'db1b22bce281b23c37ab974819bae15cfea0ac47', name: "title" }, h("h3", { key: 'bec3a7806cceb353d7e895c2a9d862d6d9041166' }, mainTitle))), h("div", { key: '14797e43dd41185295a8b684178641bef5b72ebe', class: "tet-business-compare-card__content" }, h("slot", { key: '6394090fb55d3e8aa3082c43569be73a2a9a51ed', name: "content" }, !!(bulletPoints === null || bulletPoints === void 0 ? void 0 : bulletPoints.length) && (h("tet-text-list", { key: '2e35c5ad4f2f7555c392b98497d4b2144cc1921d', class: "bullet-points", theme: this.theme === 'dark' ? 'dark' : 'light' }, bulletPoints.map(bulletPoint => (h("p", null, bulletPoint)))))))), price && currency && (h("div", { key: 'b82ddb751f43ff2dca9e719e34084241a542b00a', class: "tet-business-compare-card__price-wrapper" }, pricePrefix && (h("div", { key: '4b26e18cd6fa1ea5bdc6ecdfac5334f6b14ab9ea', class: "tet-business-compare-card__price" }, h("span", { key: 'f589e2ace04e497ca8e259b83b086de4a7bef8dc', class: "tet-business-compare-card__price-prefix" }, pricePrefix, "\u00A0"), price)), !pricePrefix && h("div", { key: '6680817ecbaf472db827d89abd44290d5a37ac9d', class: "tet-business-compare-card__price" }, price), h("div", { key: 'a6d5369d5d35c267e8d1d7e8dda3e44e53fa1969', class: "tet-business-compare-card__price-currency" }, currency))), h("div", { key: 'da2035dc950fc8142ff00bf04d3c3e84bf3a3b0c', class: {
+        return (h("div", { key: 'b089c1dab198b79e852f59107873b54e6057641f', class: { 'tet-business-compare-card': true, [`theme-${theme}`]: true } }, h("div", { key: '03295fc6766fe25beec52a100b3ced54ca58855b', class: "tet-business-compare-card__body" }, h("div", { key: 'b126e22931a923e4402d4f37656279f4b3e32fdd', class: "tet-business-compare-card__title" }, h("slot", { key: '6396d24a2b1f5058114359bb990cba557d7c9c58', name: "title" }, h("h3", { key: '8136be9772ed67f0659e0c9771af2c07c8dd9101' }, mainTitle))), h("div", { key: '3db6fe33cc63524737da43558425bbc7b062ad99', class: "tet-business-compare-card__content" }, h("slot", { key: 'e86c3b7f55609ac6625d136fb024b1c13a9d30f7', name: "content" }, !!(bulletPoints === null || bulletPoints === void 0 ? void 0 : bulletPoints.length) && (h("tet-text-list", { key: 'ea6447d40258d3b5a7c22fe54ee806e2f9f73cd2', class: "bullet-points", theme: this.theme === 'dark' ? 'dark' : 'light' }, bulletPoints.map(bulletPoint => (h("p", null, bulletPoint)))))))), price && currency && (h("div", { key: '2cef52cc24b4bdae659c5283f32bfd94d5020a4d', class: "tet-business-compare-card__price-wrapper" }, pricePrefix && (h("div", { key: '23872fe8eaae378fd5da7aa1d176651872d6cc3c', class: "tet-business-compare-card__price" }, h("span", { key: 'a1dd3f2fcf3eab660ceefe4e7bb08099f6ceec75', class: "tet-business-compare-card__price-prefix" }, pricePrefix, "\u00A0"), price)), !pricePrefix && h("div", { key: '2b9c686d7d0cc15b97c31ef1df4387cb824d3328', class: "tet-business-compare-card__price" }, price), h("div", { key: '9808a739f444e108037bba061b8add919edf33c9', class: "tet-business-compare-card__price-currency" }, currency))), h("div", { key: '947544d4f967f56d7adaccb93fe15df8f699733e', class: {
                 'tet-business-compare-card__footer': true,
                 'tet-business-compare-card__footer--show': this.hasContentInFooter,
-            } }, h("slot", { key: '669ded1714b3127b5cafa61aac1ff59fbb33c486', ref: (slot) => (this.buttonSlotRef = slot), onSlotchange: this.checkFooterSlotContent, name: "button" }), h("slot", { key: 'f95a1eab115b7056caa0ddd81a2f80d2a6afa360', ref: (slot) => (this.linkSlotRef = slot), onSlotchange: this.checkFooterSlotContent, name: "link" }))));
+            } }, h("slot", { key: '9890db4482efb5e59177a92ac4eee8eca2575f99', ref: (slot) => (this.buttonSlotRef = slot), onSlotchange: this.checkFooterSlotContent, name: "button" }), h("slot", { key: 'dbd7126ff73ebe0e7254d90d75ba02ab690cab62', ref: (slot) => (this.linkSlotRef = slot), onSlotchange: this.checkFooterSlotContent, name: "link" }))));
     }
     static get is() { return "tet-business-compare-card"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/advanced/cards/tet-business-summary-card/tet-business-summary-card.js

@@ -61,7 +61,7 @@ export class TetBusinessSummaryCardComponent {
             : t(`components-term-month-${contractTerm % 10 === 1 && contractTerm !== 11 ? 'single' : 'plural'}`, {
                 term: contractTerm
             });
-        return (h("div", { key: 'c25cd7e9a6eed0575af9f283f21c830b47ce7b57', class: { 'business-summary-card': true, [`theme-${theme}`]: true } }, h("div", { key: '84c17b2a4c7b7e7840d3815f5da5292a9692a49a', class: "business-summary-card-content" }, h("div", { key: '4d34ada146d7d347ee2db00e2b7d6e332205648e', class: "business-summary-card-content__left" }, h("div", { key: '17629a70af7e6751433a012860bff790c5f1e4ff', class: "content-wrapper" }, h("span", { key: 'c1408450f109a9f4f289389966af717f01d1aa59', class: "title" }, productName), h("span", { key: '4b160e0f59d16c4572eb0a71ae72d6d1f425530c', class: "description" }, productDescription))), h("div", { key: '9cee63b30c134afebbb3867b3a890db0844b24cf', class: "business-summary-card-content__right" }, h("div", { key: 'e17c4fa7fa6ddd93078d979a5d640400c696dbfa', class: "content-wrapper" }, h("span", { key: '078d0399a8823d004e2bf0d208510b9e4fe58cf2', class: "title" }, `${(discountPrice || price).toFixed(2)} ${currency}`), !!discountPrice && (h("span", { key: '5fc63b4bfc65a7889bf7507c92859c92ebc84040', class: { description: true, price: !!discountPrice } }, `${price.toFixed(2)} ${currency}`))))), h("div", { key: 'ad03d094cdbe03aecf29ade0cd91622aaa443011', class: "business-summary-card-content" }, h("span", { key: 'c49611607496937724dab73e8d2545559d5b102b', class: "contract-term" }, t('components-offers-contract-terms-label'), ": ", termWithUnit), this.context === 'checkout' && this.renderLabel(true)), this.context === 'edit' && h("div", { key: 'd7c3805517997241b883fcd664d2241d547e2404', class: "business-summary-card-content" }, h("div", { key: '10fa4c0dc453e1d9bf19203792cc5e1e0e0470cb', class: "business-summary-card-content__left" }, this.renderStepper()), h("div", { key: '43f737f7999def37d6c868d0bd276ba2a34fc9f9', class: "business-summary-card-content__right" }, h("div", { key: 'b6dd8432822b3c74b4a3a3c2b7558f4d723c89da', class: "button-wrapper" }, this.renderIconButton('tc-edit-box'), this.renderIconButton('tc-trash-can'))))));
+        return (h("div", { key: '14eacb4e6d292154cf28953171ba3f87224dcd6f', class: { 'business-summary-card': true, [`theme-${theme}`]: true } }, h("div", { key: '92fa9e07a4163b317bdb2fd63a590c3851e0cd5e', class: "business-summary-card-content" }, h("div", { key: '98c81729f5a3ab88cf6cdc4b58c399a6fe4cf78e', class: "business-summary-card-content__left" }, h("div", { key: 'e5df246e2e159edbb1fecbabab36de1ab28e67cf', class: "content-wrapper" }, h("span", { key: '433cf5c7d2350b6abe31ffb87e1eaaa7ebf3fb69', class: "title" }, productName), h("span", { key: 'd05e7b062bc0f7b3ec430bf2ab70bbfaeeeeb0a6', class: "description" }, productDescription))), h("div", { key: '86f4470200eaf0d65c5ec00d6e5c7e13b570cb26', class: "business-summary-card-content__right" }, h("div", { key: '57b90cdf0822751efc506881d0b7ad4617855644', class: "content-wrapper" }, h("span", { key: 'cad18f15bab563d2aaaafec6d1e60138e1ad7872', class: "title" }, `${(discountPrice || price).toFixed(2)} ${currency}`), !!discountPrice && (h("span", { key: '72de14b394994e749a5e62674dec776b320d063a', class: { description: true, price: !!discountPrice } }, `${price.toFixed(2)} ${currency}`))))), h("div", { key: 'c8d1986f46925c23d8f38d9b55312411f70ae83f', class: "business-summary-card-content" }, h("span", { key: '568990ef8cbfd1922757503f18a781e6b1710019', class: "contract-term" }, t('components-offers-contract-terms-label'), ": ", termWithUnit), this.context === 'checkout' && this.renderLabel(true)), this.context === 'edit' && h("div", { key: 'b8facd4835243c1ad41b58d782692c2cb88a3817', class: "business-summary-card-content" }, h("div", { key: 'f2eb08938f5d9ca5467555eaa499318aba7dd166', class: "business-summary-card-content__left" }, this.renderStepper()), h("div", { key: 'a295c34ed53c520285f46ca937221d94d22db3ec', class: "business-summary-card-content__right" }, h("div", { key: '785e1af1a553086a4b36a6db3478e78f957cd8cf', class: "button-wrapper" }, this.renderIconButton('tc-edit-box'), this.renderIconButton('tc-trash-can'))))));
     }
     static get is() { return "tet-business-summary-card"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/advanced/cards/tet-card-list/tet-card-list.js

@@ -646,19 +646,19 @@ export class TetCardList {
         this.dimensions.element.width = elementRect.width;
     }
     render() {
-        return (h(Host, { key: '2a2742ebc725c162e25aebbce41b04b7e764866b' }, h("div", { key: '88d75ab041af49be4212a6fa9e7e44a9ec368d4f', class: {
+        return (h(Host, { key: '4512b7fae5ea6852da254a6c72ad59849609396f' }, h("div", { key: 'ec636c9b166a7fa5b1a12fc07ace5c1021ca8c4d', class: {
                 'tet-card-list__container': true,
                 'tet-card-list--no-scroll': this.disableScroll,
                 [this.theme]: true,
-            }, part: "card-list-container" }, h("div", { key: '8df5045f19a2432be163fc53193f40825cdaab96', class: "tet-card-list__scroll-container" }, h("div", { key: 'fdb372952f15ff9b4ee72542488838229b04d9bb', part: "card-list", ref: el => (this.scrollContainerRef = el) }, h("slot", { key: '5eab40577260ab187f04ffc8f22f38aeed8ec673' }))), h("tet-button", { key: '8d232e883eb0150ff09cfbe1f24c08c7d14bc00e', theme: this.theme, iconMode: true, class: {
+            }, part: "card-list-container" }, h("div", { key: '528c5c79eac4ba83c8540d107ea5969f58f62fc8', class: "tet-card-list__scroll-container" }, h("div", { key: '5038040b167ebea6147f99ebb2da954c4bb2e4f1', part: "card-list", ref: el => (this.scrollContainerRef = el) }, h("slot", { key: '1adfdb4516cff9b56ab933356075d321b7899a93' }))), h("tet-button", { key: '1268ac17fa9bae3ea447226bc9cfcc4f38da2614', theme: this.theme, iconMode: true, class: {
                 'tet-card-list__control': true,
                 'tet-card-list__control--left': true,
                 'tet-card-list__control--hidden': !this.controlVisibility.left,
-            }, onPointerDown: this.handleControlPointerDown, onPointerUp: this.handleLeftControl, onKeyUp: this.handleLeftControlKeyUp }, h("tet-icon", { key: '8796b6b377b659781e724bee4a4cd7d78775d4a6', name: this.iconPrev && this.iconPrev !== '' ? this.iconPrev : 'chevron-left', class: "tet-card-list__control__icon" })), h("tet-button", { key: 'b18f692776c2c39f5c18e5b8a21a0f0a1dc3850e', theme: this.theme, iconMode: true, class: {
+            }, onPointerDown: this.handleControlPointerDown, onPointerUp: this.handleLeftControl, onKeyUp: this.handleLeftControlKeyUp }, h("tet-icon", { key: 'a83af1d029884eb790cf1bc89cc2677f64eb5128', name: this.iconPrev && this.iconPrev !== '' ? this.iconPrev : 'chevron-left', class: "tet-card-list__control__icon" })), h("tet-button", { key: 'a840b0c0f573aedc4200b6b0b8e66a2591e26a16', theme: this.theme, iconMode: true, class: {
                 'tet-card-list__control': true,
                 'tet-card-list__control--right': true,
                 'tet-card-list__control--hidden': !this.controlVisibility.right,
-            }, onPointerDown: this.handleControlPointerDown, onPointerUp: this.handleRightControl, onKeyUp: this.handleRightControlKeyUp }, h("tet-icon", { key: 'c33e1c8f49f29b1eb3b62e47c8299dd1ecb554be', name: this.iconNext && this.iconNext !== '' ? this.iconNext : 'chevron-right', class: "tet-card-list__control__icon" })), h("div", { key: '136d81acfa4231eb5708ee0800350c2c35bbb24e', class: { 'tet-card-list__scroll': true, 'tet-card-list--hidden': !this.withScrollbar } }, h("div", { key: 'f23d9f2e55dde3a240ed6856d67fc3825f2d2726', class: "tet-card-list__scroll--thumb", ref: el => (this.scrollbarRef = el) })))));
+            }, onPointerDown: this.handleControlPointerDown, onPointerUp: this.handleRightControl, onKeyUp: this.handleRightControlKeyUp }, h("tet-icon", { key: '0b5d3f0f67d5a697e8bfc08c0156f69972f186f6', name: this.iconNext && this.iconNext !== '' ? this.iconNext : 'chevron-right', class: "tet-card-list__control__icon" })), h("div", { key: 'f2a05c36fb8355838247b7fa7f8edc06221956a7', class: { 'tet-card-list__scroll': true, 'tet-card-list--hidden': !this.withScrollbar } }, h("div", { key: '29e14a70d94c8f143ab0f0a93638da9c11ce707b', class: "tet-card-list__scroll--thumb", ref: el => (this.scrollbarRef = el) })))));
     }
     static get is() { return "tet-card-list"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/advanced/cards/tet-compare-cards/tet-compare-cards.js

@@ -105,7 +105,7 @@ export class TetCompareCards {
         });
     }
     render() {
-        return (h(Host, { key: '5dad30807f12ba12b17d4530a607686bea987a8a', class: {
+        return (h(Host, { key: '13340413d2b261da18d82b36e05eb2abed516860', class: {
                 'must-initialize': true,
                 'initialized': this.initializedState
             } }, this.showLoader ? (this.renderLoader()) : (h("div", { class: {

package/dist/collection/components/advanced/cards/tet-compare-cards-tab/tet-compare-cards-tab.js

@@ -189,7 +189,7 @@ export class TetTabCompareCards {
         return (h("div", { class: "tet-compare-cards-tab__content" }, h("tet-compare-cards", { theme: this.theme, "dark-mode": this.darkMode, "is-netflix-card": this.isNetflixCard, layout: this.layout, "force-column": this.forceColumn, "vat-text": vatText !== null && vatText !== void 0 ? vatText : false, "card-script": cardScript !== null && cardScript !== void 0 ? cardScript : false, data: cardsWithAddedSACData, newUrlGeneratorStructure: this.newUrlGeneratorStructure })));
     }
     render() {
-        return (h(Host, { key: '9741af104b6e8d779ccb1471bdaaa77b4f9f12c7' }, h("div", { key: '1ec8b532af82628c13054fc0e605d1e6853630d2', class: "tet-compare-cards-tab-wrapper" }, this.withProductFilters ? this.renderProductFilters() : '', this.renderTabHeader(this.data, 1), this.renderLoader(), h("div", { key: '7f35b5a6b7d8930ecd63ef7ae539867dd6d0186e', class: {
+        return (h(Host, { key: 'db4974ee7f4acbafc6c211d2ecde49a38e2a35ce' }, h("div", { key: '75f9c6bb548efd05149739fe006861a482a77168', class: "tet-compare-cards-tab-wrapper" }, this.withProductFilters ? this.renderProductFilters() : '', this.renderTabHeader(this.data, 1), this.renderLoader(), h("div", { key: '5d425a6ad26519a7ae029c9026f4d017849f3adf', class: {
                 'tet-compare-cards-tab__cards': true,
                 'hidden': this.showLoader
             } }, this.productDataLoaded ? this.renderContent(this.data, 1) : ''))));

package/dist/collection/components/advanced/cards/tet-dynamic-card/tet-dynamic-card.js

@@ -216,10 +216,10 @@ export class TetDynamicCard {
         return (h("div", { class: "button", part: "button" }, h("tet-button", Object.assign({}, buttonProps, { ref: elm => { this.buttonRef = elm; } }), this.linkText)));
     }
     render() {
-        return (h(Host, { key: 'f77ca419c357e2684cf337e2559850fb21c455ea', class: {
+        return (h(Host, { key: '55febfc2bc18be736432a4208f1b79d34d9cfe02', class: {
                 'dynamic-card': true,
                 'is-focused': this.isFocused
-            }, "data-index": this.index, ref: (elm) => { this.rootElementRef = elm; } }, h("div", { key: 'fd061d9fc168d7d1473217fc44de7d1a59336c3f', class: `card
+            }, "data-index": this.index, ref: (elm) => { this.rootElementRef = elm; } }, h("div", { key: '087790fbe99709edcde0a31393b50301d3f2aff1', class: `card
             theme-${this.theme}
             size-${this.currentSize}
             position-${this.pictureLayoutShiftPosition}
@@ -227,7 +227,7 @@ export class TetDynamicCard {
           `, onClick: this.handleClick, onKeyUp: (event) => {
                 if (event.key === 'Enter')
                     this.handleClick(event);
-            }, tabindex: 0, part: "card", "aria-labelledby": this.cardTitle }, h("div", { key: 'b4d70c8a9b27506a16b700185370c74e1b5840d1', class: "image", part: "image" }, h("slot", { key: 'a378c2b423ee0a5871fb6fe3258e811607206d9a', name: "image" }), this.renderPrice(), this.renderTags()), h("div", { key: '92c9b4ebf016b9eabb963c72c2892604a6bbc680', class: "content-container" }, h("div", { key: 'c026be33ccd49864fe19b8daab354a0bd8a4dcce', class: "content", part: "content" }, this.cardTitle && (h("h3", { key: 'c4cb44067ee746947f1c90f4e22bdd77eafc774e', class: "title", part: "title" }, this.cardTitle)), this.subtitle && (h("p", { key: 'cb5810a49bf16f28f1ca838101b9be322796eb8b', class: "subtitle", part: "subtitle" }, this.subtitle))), this.renderButton()))));
+            }, tabindex: 0, part: "card", "aria-labelledby": this.cardTitle }, h("div", { key: '13ea0b0bc3678523ba24017262b30af97182c25c', class: "image", part: "image" }, h("slot", { key: 'cfadf66e49e1b5390bd7c505ba090b92a0af9896', name: "image" }), this.renderPrice(), this.renderTags()), h("div", { key: '9f1b63ed36bb8be4537624c9dd8709257f7aef2d', class: "content-container" }, h("div", { key: 'ffae381fbdfcd35d1fe924dafe1340203d9b1bd5', class: "content", part: "content" }, this.cardTitle && (h("h3", { key: '0b14c254af709c7c6489a5f1e63c6371e00f6c52', class: "title", part: "title" }, this.cardTitle)), this.subtitle && (h("p", { key: '723e6bc1a44c5734d6a8d8fc2c403a67362b07bb', class: "subtitle", part: "subtitle" }, this.subtitle))), this.renderButton()))));
     }
     static get is() { return "tet-dynamic-card"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/advanced/customer/tet-customer-assets/tet-customer-assets.js

@@ -117,7 +117,7 @@ export class TetCustomerAssets {
         return provisioningStatus === 'Active' && tetProductType !== 'ConsumerGoods';
     }
     render() {
-        return (h(Host, { key: 'c86f9048b146ec725d600772063d0dc73a071422' }, h("div", { key: '9449fb4dd61135c2c7486f593b271cc45342e9ee', class: { wrapper: this.showLoader && this.singleLoader, 'dark-theme': this.darkTheme } }, this.showLoader && this.singleLoader
+        return (h(Host, { key: 'f4fa921e310975ed836bf65ec7b2000c03049fdf' }, h("div", { key: '3f62a8cc1ca491c3a2d1857b8f244fcdce467e36', class: { wrapper: this.showLoader && this.singleLoader, 'dark-theme': this.darkTheme } }, this.showLoader && this.singleLoader
             ? h("tet-loader", { class: "loader-single" })
             : this.showLoader ? this.renderLoader() : this.renderAssetsList())));
     }

package/dist/collection/components/advanced/customer/tet-referral/tet-referral.js

@@ -42,9 +42,9 @@ export class TetReferral {
         processTranslations('tet-components', this.language).then(() => forceUpdate(this));
     }
     render() {
-        return (h(Host, { key: '88faefdaef3a17a08d2e3ab5cdf14e8e608580b9' }, h("div", { key: 'ebc91b687e12a49141b9237511e872e321ec5ed6', class: "wrapper" }, h(ThemeWrapper, { key: '1b5a412f7c9c8d1837674d0061abcb4a5c9ae777', theme: this.theme }, h("div", { key: '612a198b490e50b1d5bb9ca7f181263da64c7e97', class: "image-container" }, h("img", { key: '76e99a010ebaa07bcf743f6b6dfbc02d76d242ad', src: t('components-referral-image-url'), alt: "" })), h("div", { key: '5f00091e26b1e25369e1212e75bafb06513937fa', class: "subtitle-container" }, t('components-referral-subtitle')), h("div", { key: 'abb5f8fdb11b7f997068af7af91a787d5f1af37e', class: "description-container", innerHTML: t('components-referral-description') }), h("div", { key: '032579889583d28e7b8924b6149f2c1ea0969e8d', class: "referral-block" }, h("div", { key: 'a466b100406ec54999774be522b733c1ef419441', class: "url-wrapper" }, h("div", { key: '6d7823e1a7d26dbe6d2132335ed5c12acf7fb5c2', class: "referral-url" }, this.getReferralUrl()), h("div", { key: '93007dcfc5caf4242589f5cef11e1a923adacb88' }, h("div", { key: 'e598b4d9323b89041d3e3e93ac5e8948a1aee659', class: "button-wrapper" }, h("tet-tooltip", { key: '1d79208498cecc060614f33263b3517daa419669', theme: this.theme, class: "tooltip", doNotShowOnHover: true, ref: (el) => {
+        return (h(Host, { key: 'e1299255d2db7830828435e9140877df1abb39dd' }, h("div", { key: '7fc4e073603171989453c32f4f8da820d6add7c1', class: "wrapper" }, h(ThemeWrapper, { key: '0b37297cbbfee71123fd7d9a3e55c579e1d8d634', theme: this.theme }, h("div", { key: '5da22e231b86663eaa8ca76431f5450314bbebf0', class: "image-container" }, h("img", { key: '18e62fdbb216f2aa5983c0f2ef296bbae6d7f41d', src: t('components-referral-image-url'), alt: "" })), h("div", { key: '2145fe4cbf0139a4d7c9f2472d57096db42b8115', class: "subtitle-container" }, t('components-referral-subtitle')), h("div", { key: '679cd5e8a918c313cad7a9a3c2eb0d2ec9a8d6b1', class: "description-container", innerHTML: t('components-referral-description') }), h("div", { key: 'f645f183f40b35e088efa768dd1361d0fa2c42cb', class: "referral-block" }, h("div", { key: '4bf1c16cc66acd4a6afa7804c225db7926e86bec', class: "url-wrapper" }, h("div", { key: 'f7604d50e64e85154557fef84a1eda6276cb0993', class: "referral-url" }, this.getReferralUrl()), h("div", { key: '92847984b7f9e0fe33eecd76a0dbeecadca06e3b' }, h("div", { key: '3787dd312954d9bfc24e399bbf9f947b9f4eaf0e', class: "button-wrapper" }, h("tet-tooltip", { key: '85b93c26b733ddf2a54c3bc68d20cff2f0a73b3b', theme: this.theme, class: "tooltip", doNotShowOnHover: true, ref: (el) => {
                 this.tooltip = el;
-            } }, t('components-referral-tooltip')), h("tet-button", { key: '876c9d1d7d15ec26d47840ebe7a26fe5fc0148da', clickCallback: this.copyToClipBoard, type: "primary", theme: this.theme }, t('components-referral-copy-button-label'))))))))));
+            } }, t('components-referral-tooltip')), h("tet-button", { key: 'fee69ce2d34982a641183773a37849eec5d21c5c', clickCallback: this.copyToClipBoard, type: "primary", theme: this.theme }, t('components-referral-copy-button-label'))))))))));
     }
     static get is() { return "tet-referral"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/advanced/dialog/tet-multi-step-dialog/tet-multi-step-dialog.js

@@ -116,7 +116,7 @@ export class TetMultiStepDialog {
         return (h("div", { innerHTML: step, "data-step": Number(index) + 1, class: "multi-step-dialog__step", ref: this.setStepBlocks }));
     }
     render() {
-        return (h(Host, { key: '36016615933baa7699f1484fe73a321bc317386c', class: "multi-step-dialog" }, h("tet-dialog", { key: '6d2ea01b3563bddefe64b6a20a83f736113f0dab', class: this.tetDialogClass, "is-open": this.isOpen, "data-screen-key": this.dialogDataScreenKey, "footer-display": "right", ref: el => this.tetDialog = el, theme: this.theme, onCloseDialog: this.handleCloseDialog, onOpenDialog: this.handleOpenDialog }, h("div", { key: '5497c326e6c5060dc1bdad540bcaf62b4ecca7f2', innerHTML: this.content }), this.steps.map((step, index) => (this.renderStep(step, index))), h("tet-button", { key: '01382952d8544109935d73427dda451940fdbc93', class: "footer-button", slot: "footer", size: "medium", theme: this.theme, type: "secondary", ref: el => this.prevButton = el, onKeyDown: (e) => this.handleKeydownEvent(e) }, t('components-go-back')), h("tet-button", { key: '13f68a2370ac4c8e0a6670b7194aac2530152a85', class: "footer-button", slot: "footer", size: "medium", theme: this.theme, ref: el => this.nextButton = el, onKeyDown: (e) => this.handleKeydownEvent(e) }, t('components-next-step')))));
+        return (h(Host, { key: '5df25873f484e20accd6c96d1c0fd039ad762257', class: "multi-step-dialog" }, h("tet-dialog", { key: 'f39a5e6fc0cc298079b03967a2ba0762bc8b2ab0', class: this.tetDialogClass, "is-open": this.isOpen, "data-screen-key": this.dialogDataScreenKey, "footer-display": "right", ref: el => this.tetDialog = el, theme: this.theme, onCloseDialog: this.handleCloseDialog, onOpenDialog: this.handleOpenDialog }, h("div", { key: '181fe25f787e586357807730ba3aeee6b548ce8a', innerHTML: this.content }), this.steps.map((step, index) => (this.renderStep(step, index))), h("tet-button", { key: '33c80dabbe2767d9a2fbacd30506c09c7e465e3e', class: "footer-button", slot: "footer", size: "medium", theme: this.theme, type: "secondary", ref: el => this.prevButton = el, onKeyDown: (e) => this.handleKeydownEvent(e) }, t('components-go-back')), h("tet-button", { key: 'cf26688247b3d9cdc2215f24a2911a7e29c9aff5', class: "footer-button", slot: "footer", size: "medium", theme: this.theme, ref: el => this.nextButton = el, onKeyDown: (e) => this.handleKeydownEvent(e) }, t('components-next-step')))));
     }
     static get is() { return "tet-multi-step-dialog"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/advanced/forms/tet-availability-contact-form/tet-availability-contact-form.js

@@ -121,7 +121,7 @@ export class TetAvailabilityContactForm {
         return (h("div", null, h("tet-dialog", { ref: (element) => this.dialogElement = element, "footer-display": "hidden", "is-open": this.showAvailabilityContactForm, closeOnEscape: true, closeOnOverlayClick: true }, h("div", { class: "form-container" }, h("tet-icon", { name: "confirm-md", class: "icon icon-success icon-size" }), this.showTitle && h("h2", { class: "form-title" }, t('components-availability-contact-form-success-title')), h("p", { class: "form-subtitle" }, t('components-availability-contact-form-success-subtitle')), h("tet-button", { class: "form-container-close", clickCallback: this.closeDialogElement, size: "medium", type: "primary", theme: "light" }, h("span", null, t('components-availability-contact-form-success-close')))))));
     }
     render() {
-        return (h("div", { key: 'df25de96adc2a53487535618c26d6017ded53c80', class: { 'dark-theme': this.darkTheme } }, this.success ? this.renderSuccessStep() : this.renderForm()));
+        return (h("div", { key: '3a3c11cd4a04e243ffe02b9adf9fed2e79077406', class: { 'dark-theme': this.darkTheme } }, this.success ? this.renderSuccessStep() : this.renderForm()));
     }
     static get is() { return "tet-availability-contact-form"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/advanced/forms/tet-b2b-check-out-form/tet-b2b-check-out-form.js

@@ -109,11 +109,11 @@ export class TetAvailabilityContactForm {
     }
     render() {
         const { theme } = this;
-        return (h("tet-dialog", { key: 'afc8685139afa64194e3d2cb25b18d84ff3ad67a', class: "modal-form-card", headerTitle: t('components-b2b-check-out-form-header'), theme: theme, closeOnOverlayClick: false, footerDisplay: "right", ref: (el) => {
+        return (h("tet-dialog", { key: '782d976f40d9d0c8244a957f3effcfb415d146f1', class: "modal-form-card", headerTitle: t('components-b2b-check-out-form-header'), theme: theme, closeOnOverlayClick: false, footerDisplay: "right", ref: (el) => {
                 this.dialogElement = el;
-            } }, h("div", { key: 'eff2cd2ed86e20aef326bc30d38895bb277bd5e6', class: { 'modal-form-card-content': true, [`${theme}`]: true } }, h("div", { key: 'f5c323d4ad25b2b69fa63397b01e774f73c5f7e3', class: "modal-form-card-content-header" }, h("div", { key: '70a9baeec70a1ec1412765678fe82973c6728616', class: "icon-wrapper" }, h("tet-icon", { key: 'ba3c5485e259fc0fe399e462cef72aae4ae4b3ea', class: "icon", name: "tc-company-1" })), h("span", { key: '1be3f61365e4619725aa3c2673a2ac724c69dff5', class: "modal-form-card-content-header__title" }, t('components-b2b-check-out-form-title')), h("span", { key: '689ad9e4124e6974f60f9502fca4f1976f54fa7d', class: "modal-form-card-content-header__description" }, t('components-b2b-check-out-form-description'))), h("div", { key: 'bc9acd6b8d3ed737e772c33f261f66b533cef3a0', class: "modal-form-card-content-accordion-wrapper" }, h("slot", { key: '2512b5fdc525049a96e1f8de62408248df261c9f', name: 'cart' })), h("form", { key: '42c51bb0f454b6510f1dba1e82aef3ea1535b4c2', id: "checkOutForm", class: "modal-form-card-form", ref: (ref) => (this.checkOutForm = ref) }, h("div", { key: '4cfcdf10b7e5eba5af9b753373c146f94418944b', class: "modal-form-card-input__row" }, this.renderInput('companyRegNr', t('components-b2b-check-out-form-company-registration-number-input-label'), '40000000001'), this.renderInput('companyName', t('components-b2b-check-out-form-company-name-input-label'))), this.renderInput('address', t('components-b2b-check-out-form-address-input-label'), t('components-b2b-check-out-form-address-input-placeholder')), this.renderInput('nameSurname', t('components-b2b-check-out-form-name-input-label')), h("div", { key: '60788e463001f8f8721b1e72e286808857a20ea8', class: "modal-form-card-input__row" }, this.renderInput('email', t('components-b2b-check-out-form-email-input-label'), 'contact@company.com'), this.renderInput('phoneNr', t('components-b2b-check-out-form-phone-number-input-label'), '123456789', true)), h("tet-checkbox", { key: 'c1d00090ed1e971e91b957467fd543678b3074d8', class: "modal-form-card-content-checkbox", label: t('components-check-out-form-privacy-policy'), theme: theme }))), h("div", { key: '42dce382d71a25e5588b5b0c3caab5d6f9087c03', slot: "footer", class: "modal-form-card-footer" }, h("tet-button", { key: '93f57658be0b1b0a034cb5fb7321954babe72fbb', type: "secondary", size: "medium", theme: theme, onClick: () => {
+            } }, h("div", { key: '582b9a27f471f70f53f2041aed395ccc9c698b84', class: { 'modal-form-card-content': true, [`${theme}`]: true } }, h("div", { key: '64729b163942de87741ccba8793aaea6380d93f9', class: "modal-form-card-content-header" }, h("div", { key: '7197a58dd6d8ff8fac2f3fd90c8b00e8f2ed8602', class: "icon-wrapper" }, h("tet-icon", { key: '4152f0f93d4aa09ad1fe5c5b40a75af277b7a64b', class: "icon", name: "tc-company-1" })), h("span", { key: '2f865ef3292cd53018627ab0ae71887b57838b91', class: "modal-form-card-content-header__title" }, t('components-b2b-check-out-form-title')), h("span", { key: 'fd4beb06346c9451c9210beaa970b7f571d7d9c2', class: "modal-form-card-content-header__description" }, t('components-b2b-check-out-form-description'))), h("div", { key: '77b6420f61987f5063fea2337f5a1aa41df35e90', class: "modal-form-card-content-accordion-wrapper" }, h("slot", { key: 'df31c787f4a328b132430ff1fb89f8bd6ea89421', name: 'cart' })), h("form", { key: '3f5b74b63a0b7138d4305d4fd27d2ab41b255ec1', id: "checkOutForm", class: "modal-form-card-form", ref: (ref) => (this.checkOutForm = ref) }, h("div", { key: '6345f3a023fa2ad63306dd53917f1a4c1d9e29de', class: "modal-form-card-input__row" }, this.renderInput('companyRegNr', t('components-b2b-check-out-form-company-registration-number-input-label'), '40000000001'), this.renderInput('companyName', t('components-b2b-check-out-form-company-name-input-label'))), this.renderInput('address', t('components-b2b-check-out-form-address-input-label'), t('components-b2b-check-out-form-address-input-placeholder')), this.renderInput('nameSurname', t('components-b2b-check-out-form-name-input-label')), h("div", { key: 'a49d64a152e69a192833b093c3985987ddc11d18', class: "modal-form-card-input__row" }, this.renderInput('email', t('components-b2b-check-out-form-email-input-label'), 'contact@company.com'), this.renderInput('phoneNr', t('components-b2b-check-out-form-phone-number-input-label'), '123456789', true)), h("tet-checkbox", { key: '68ab6f5b06ea4907d69980118995bbde7bc1ef07', class: "modal-form-card-content-checkbox", label: t('components-check-out-form-privacy-policy'), theme: theme }))), h("div", { key: '35fb55daec26d8483f7ce3942e0879fbdfee6944', slot: "footer", class: "modal-form-card-footer" }, h("tet-button", { key: '1812bc8cff4e1f3297e86e3b4cc0b85146375602', type: "secondary", size: "medium", theme: theme, onClick: () => {
                 this.dialogElement.close();
-            } }, t('components-b2b-check-out-form-close-button-label')), h("tet-button", { key: '6a09fbae279bfcc1b5aa9417bd7497e16ff25358', type: "primary", size: "medium", theme: theme, onClick: () => this.handleSubmit() }, t('components-b2b-check-out-form-submit-button-label')))));
+            } }, t('components-b2b-check-out-form-close-button-label')), h("tet-button", { key: 'ae3291d94d3fc9b7a44314ede10bfca2086ebb32', type: "primary", size: "medium", theme: theme, onClick: () => this.handleSubmit() }, t('components-b2b-check-out-form-submit-button-label')))));
     }
     static get is() { return "tet-b2b-check-out-form"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/advanced/forms/tet-contact-form/tet-contact-form.js

@@ -64,7 +64,7 @@ export class TetContactForm {
         processTranslations('tet-components', this.language).then(() => forceUpdate(this));
     }
     render() {
-        return (h("div", { key: '5337fe783b63b1459097a0161fcc763c31985d6e', class: { 'dark-theme': this.darkTheme } }, h("tet-container", { key: '7482718f33d5f8ebf0509ddfeeca8f39eb50bdb4', class: "container" }, this.showLoader && this.renderLoader(), h("div", { key: '321cb3744af611a77f20cf190343425ac6f4ed28', class: "form-container" }, this.showTitle && h("h2", { key: '075e557fd1cccb3e2f3f9bed6cbcee092cf588fe', class: "form-title" }, t('components-contact-form-title')), h("p", { key: '849598795be4ce3941a29e5bd20d7112cb37b4fa', class: "form-subtitle" }, t(this.subtitle)), h("tet-input", { key: '67756b83628a2ea5d53164d28317a58095a49dec', class: "form-input", placeholder: "+37122345678", ref: (element) => this.phoneInput = element, validators: this.validators, label: this.showInputLabel ? t('components-contact-form-input-label') : null, theme: this.darkTheme ? 'dark' : 'classic' }), h("tet-button", Object.assign({ key: 'a62d8c6641769ab7daefc6dfe4be705daf8e85b0', class: "form-submit", type: "primary", clickCallback: this.createManualTask, innerHTML: t('components-contact-form-submit') }, this.submitButtonProps))))));
+        return (h("div", { key: 'af86227688f591a177aec4f54c06d38bc0ca8eaf', class: { 'dark-theme': this.darkTheme } }, h("tet-container", { key: '10cf49ff11982e46b7254cbd711445568c1c2512', class: "container" }, this.showLoader && this.renderLoader(), h("div", { key: 'a8e3e94d0c5aafb7cab49a38d85759788cd0c65c', class: "form-container" }, this.showTitle && h("h2", { key: '7f4b5a0a607b2dbe5afe88aa4ba71045efb93b80', class: "form-title" }, t('components-contact-form-title')), h("p", { key: 'e494bc3ddbf49175e9a2bcc7417540987161c0f5', class: "form-subtitle" }, t(this.subtitle)), h("tet-input", { key: '2e0a29e63513a26d2df98749bb260a3469708901', class: "form-input", placeholder: "+37122345678", ref: (element) => this.phoneInput = element, validators: this.validators, label: this.showInputLabel ? t('components-contact-form-input-label') : null, theme: this.darkTheme ? 'dark' : 'classic' }), h("tet-button", Object.assign({ key: '8dc67fa295f9ddc2bdc464b26e3eeaa6616c93be', class: "form-submit", type: "primary", clickCallback: this.createManualTask, innerHTML: t('components-contact-form-submit') }, this.submitButtonProps))))));
     }
     static get is() { return "tet-contact-form"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/advanced/promotions/tv-gift/tet-tv-gift-block/tet-tv-gift-block.js

@@ -32,7 +32,7 @@ export class TetTvGiftBlock {
         this.setContainerSize();
     }
     render() {
-        return (h(Host, { key: 'f52e7c4d06337ff2a3ee9a4401d38510f1d04a2c' }, h("div", { key: '0a513352081a17b9bae472df5a0aba40a9fa3ce2', class: { 'tv-gift': true, [`tv-gift--${this.containerSize}`]: true } }, h("div", { key: 'a047f3784cb12829fa67e3f848504332ee7549f6', class: "tv-gift__header" }, h("slot", { key: '853df25206c528d4f141cd1868ae45a8433c2abe', name: "header" }, this.headerImageSrc && h("img", { key: 'c63f7a65d9dfbb33cac7693791581a5d977bd781', class: "tv-gift__header__image", src: this.headerImageSrc }), h("div", { key: '6d9be04e54e83211f9e7763979c67589c3527f18', class: "tv-gift__header-text" }, this.headerTitle))), h("div", { key: '0dc796c85d1216630c788b28ccc9b32d7743dc7f', class: "tv-gift__content" }, h("slot", { key: '3379d6254cb7683a007f311a4957673f94d1dbc1' })), h("div", { key: '2d791b6152a5925a475170ef69a3b555ff4a2a20', class: "tv-gift__footer" }, h("slot", { key: '433f495e76106ba85a4d320ab8969cdafdaf5885', name: "footer" }, h("span", { key: 'bcc7f1c5a1c80ede10fa25ca6e450cbc57872518', class: "tv-gift__footer__title" }, this.footerTitle), h("span", { key: '7bbc60c57b99a81682e650d5bf0a6c85dd18e523', class: "tv-gift__footer__text" }, this.footerText))))));
+        return (h(Host, { key: '768511a1419e708eb02e438e3b20a7063ff8c282' }, h("div", { key: '46c28a41d38c6d97dfc8483df532263471727a44', class: { 'tv-gift': true, [`tv-gift--${this.containerSize}`]: true } }, h("div", { key: 'e7d1fc3a9898aa5ec79a581c2be6033bd781aa9e', class: "tv-gift__header" }, h("slot", { key: '3fef36341bcb445344871de8ca4f14638aacf590', name: "header" }, this.headerImageSrc && h("img", { key: '8a3cd0551ee5a8720900716e23326472c2191bca', class: "tv-gift__header__image", src: this.headerImageSrc }), h("div", { key: 'a5a6d87017b675480ed3267db1463c58d2a109cf', class: "tv-gift__header-text" }, this.headerTitle))), h("div", { key: 'a17a1b3ce8e9204fa2801048c0ed49eba1380d77', class: "tv-gift__content" }, h("slot", { key: 'e0229072d46653aa34a2dcd1c4a227c22e1c9376' })), h("div", { key: '86f9a511f9280ae1fc9256400e53a006a9a828b0', class: "tv-gift__footer" }, h("slot", { key: '45b5e974c3af754a2b4c31ebb54b08b5625629a1', name: "footer" }, h("span", { key: 'a4fc1115052bcce9c5bebbf886b6c804512164b3', class: "tv-gift__footer__title" }, this.footerTitle), h("span", { key: 'a9ad52a528e9765a34885e0842475305036e5a0e', class: "tv-gift__footer__text" }, this.footerText))))));
     }
     static get is() { return "tet-tv-gift-block"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/advanced/promotions/tv-gift/tet-tv-gift-list/tet-tv-gift-list.js

@@ -34,11 +34,11 @@ export class TetTvGiftList {
         this.setContainerSize();
     }
     render() {
-        return (h(Host, { key: 'e7aa7d57d3f13d7dfb6cbb60dac025e5a3cb4b8c' }, h("div", { key: 'c6492c2bf632b40e1d985557b25aa502c44e661b', class: {
+        return (h(Host, { key: 'aabe89bbef89759993bc68ccdd3305136da87ed0' }, h("div", { key: '7d4f5a467f09e86b8c6737363c37bd167ee446c8', class: {
                 'tv-gift-list': true,
                 [`tv-gift-list--${this.containerSize}`]: true,
                 'tv-gift-list--image-list': Boolean(this.imageSource),
-            } }, this.imageSource && (h("div", { key: '5a3a007d64e25a31a211b849700189898c6146ad', class: "tv-gift-list__image__wrapper" }, h("img", { key: 'a72082bcfef3122b807d800005276f7165f2b99a', class: "tv-gift-list__image", src: this.imageSource }))), h("div", { key: 'f917798eeaf114f5a10689f82021aa899dc5c4ca', class: "tv-gift-list__list__wrapper" }, h("span", { key: '7b26fee22611b25212904c28f9604ef0f09a8600', class: "tv-gift-list__list__header" }, this.header), h("ul", { key: 'd37925aa32c8c53581a25446556c1c8beced3e96', class: "tv-gift-list__list" }, this.list.map(item => (h("li", { class: "tv-gift-list__list__item" }, h("tet-icon", { name: this.listBulletIcon }), item))))))));
+            } }, this.imageSource && (h("div", { key: 'df39ca4413adae5d2eb8f837f94e0f1d2ff1f57d', class: "tv-gift-list__image__wrapper" }, h("img", { key: '43621dcf26574b186dfad5ead2f3be41b496f38f', class: "tv-gift-list__image", src: this.imageSource }))), h("div", { key: 'd635105dc3e6bdf64661b21443191893e258e7fe', class: "tv-gift-list__list__wrapper" }, h("span", { key: '623f17fe522795e8a770f78821a263093d173d31', class: "tv-gift-list__list__header" }, this.header), h("ul", { key: '07b5b2ad4eff7a48ca415c620a1a48718c7ac5c3', class: "tv-gift-list__list" }, this.list.map(item => (h("li", { class: "tv-gift-list__list__item" }, h("tet-icon", { name: this.listBulletIcon }), item))))))));
     }
     static get is() { return "tet-tv-gift-list"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/basic/buttons/tet-button/tet-button.js

@@ -35,7 +35,7 @@ export class TetButton {
         return (h("div", { class: "button__content" }, h("slot", null), h("tet-icon", { name: this.iconName })));
     }
     render() {
-        return (h(Host, { key: '9d4d3f9a51d228470f69d00f40c1c386ae073776' }, h("button", Object.assign({ key: '760a08284265bf5039263bda24514857384670b0', part: "button", onClick: this.handleClick, id: this.elementId, class: {
+        return (h(Host, { key: 'c0ac4a6a7d212b505e7f716c00de90ea51bdb5f5' }, h("button", Object.assign({ key: '156b8b4a391214e280d87edcabed37ed6348e691', part: "button", onClick: this.handleClick, id: this.elementId, class: {
                 button: true,
                 [`button-${this.size}`]: true,
                 [`button--type-${this.type}`]: true,

package/dist/collection/components/basic/buttons/tet-checkbox/tet-checkbox.js

@@ -57,7 +57,7 @@ export class TetCheckbox {
     }
     render() {
         const { label, name, checked, value, disabled, error } = this;
-        return (h(Host, { key: '0f0aedd31be90507a815dc0133c4b3e3e7b15af4' }, h("div", { key: 'b01b6dc3e63379a6884e2a355f87d6d0c36f932c', class: { checkbox: true, [`${this.theme}`]: true } }, h("label", { key: '1ebeec97f5a5f6731489da19ce226e4e8d6a39c7', class: "checkbox__container", part: "checkbox-container", htmlFor: "tet-checkbox" }, h("input", { key: '1dab79b46dd7b400ae50c22f87fc57c596fa189c', ref: (el) => (this.inputEl = el), class: "checkbox__html-input", id: "tet-checkbox", type: "checkbox", name: name, value: value, disabled: disabled, checked: checked, onChange: this.handleChange }), h("span", { key: '6ca6a22a7af2c184945a7e2fc2ba34484631f823', class: { 'checkbox__input': true, 'checkbox__input--error': error } }, h("tet-icon", { key: '0897df7726a99ff029514e2a8e11a790e47bef51', name: "remove", class: "checkbox__icon checkbox__icon--indeterminate indicator" }), h("tet-icon", { key: '1c15c55be813cf67eebd7bbd2c3f8340f7c1b9eb', name: "check", class: "checkbox__icon" })), label ? (h("span", { class: "checkbox__label", innerHTML: label })) : (h("span", { class: "checkbox__label" }, h("slot", null)))))));
+        return (h(Host, { key: '03f19809d579c95d3bfadcfe80141065d3b64b6a' }, h("div", { key: '21c0f188d75036da10e5b8b422ea152a0fddf282', class: { checkbox: true, [`${this.theme}`]: true } }, h("label", { key: 'c2f48fbbcb9e08fd0f129f805cbe5ff45b1e6e88', class: "checkbox__container", part: "checkbox-container", htmlFor: "tet-checkbox" }, h("input", { key: 'd5726440aca0c94127c5d8654af7c5de8155fb54', ref: (el) => (this.inputEl = el), class: "checkbox__html-input", id: "tet-checkbox", type: "checkbox", name: name, value: value, disabled: disabled, checked: checked, onChange: this.handleChange }), h("span", { key: '2eb004fcaf5711d0792f901cef43fa918f10391e', class: { 'checkbox__input': true, 'checkbox__input--error': error } }, h("tet-icon", { key: '5f3df4739d2286426a94771852e46db5ac4f6a5b', name: "remove", class: "checkbox__icon checkbox__icon--indeterminate indicator" }), h("tet-icon", { key: '052d688fb881f1be650836d45bf1615a2b818346', name: "check", class: "checkbox__icon" })), label ? (h("span", { class: "checkbox__label", innerHTML: label })) : (h("span", { class: "checkbox__label" }, h("slot", null)))))));
     }
     static get is() { return "tet-checkbox"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/basic/buttons/tet-radio/tet-radio.js

@@ -45,7 +45,7 @@ export class TetRadio {
     }
     render() {
         const { id, disabled, value, checked, name, label, handleInputChange, accessibilityLabel, inputAutofocus } = this;
-        return (h(Host, { key: '390a5d30e49070a4f2bb478fba3d4dc705b44f00' }, h("div", { key: '580db3d9294d7cdeb970f8aaf54d624cd8d5086b', class: { radio: true, [`radio-${this.theme}-theme`]: true } }, h("label", { key: '89f571521ba6076aba5052d270b869fb419ce9ef', class: "radio__container", htmlFor: id }, h("input", Object.assign({ key: 'bb6f490a47af13a62f930a6d89b4ff87a865b183', class: "radio__html-input", id: id, name: name, type: "radio", value: value, disabled: disabled, checked: checked, onChange: handleInputChange, autofocus: inputAutofocus }, (accessibilityLabel ? { 'aria-label': accessibilityLabel } : {}), { tabindex: this.checked ? '0' : '-1', role: "radio", "aria-checked": this.checked ? 'true' : 'false' })), h("span", { key: '5f65ac0e5ce5b6e45d967e6f2c5a75a7cb87b216', class: "radio__input" }), label ? (h("span", { class: "radio__label", innerHTML: label })) : (h("span", { class: "radio__label" }, h("slot", null)))))));
+        return (h(Host, { key: 'f693c9627db196e34243b6d81f51c6e5d1ed243d' }, h("div", { key: '970fa9cb6cbc6c345b3ba12d36ba65ec637f92a2', class: { radio: true, [`radio-${this.theme}-theme`]: true } }, h("label", { key: 'f110553118f8fa439153726b01dc92c4b676bebd', class: "radio__container", htmlFor: id }, h("input", Object.assign({ key: 'fa5b5dee55873b88b7928b5ccbaeea5ac6f8b61b', class: "radio__html-input", id: id, name: name, type: "radio", value: value, disabled: disabled, checked: checked, onChange: handleInputChange, autofocus: inputAutofocus }, (accessibilityLabel ? { 'aria-label': accessibilityLabel } : {}), { tabindex: this.checked ? '0' : '-1', role: "radio", "aria-checked": this.checked ? 'true' : 'false' })), h("span", { key: '81a2debdfb2f3d9ffa8f7277c74f72e4bf95fc78', class: "radio__input" }), label ? (h("span", { class: "radio__label", innerHTML: label })) : (h("span", { class: "radio__label" }, h("slot", null)))))));
     }
     static get is() { return "tet-radio"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/basic/buttons/tet-switch/tet-switch.js

@@ -31,7 +31,7 @@ export class TetSwitch {
     }
     render() {
         const { label, name, theme, disabled, checked, accessibilityLabel } = this;
-        return (h(Host, { key: '194cc7a844019244831eaa6e042a2389e5c527ba' }, h("div", { key: '8b71a6438f53894a49663ecdb6fbf56df14fde1a', class: { 'switch': true, [`${theme}`]: true } }, h("label", { key: 'a3b25d09caa5cb35454593a87a7ea66e13d96860', class: "switch__container", part: "switch-container", htmlFor: "tet-switch" }, h("input", Object.assign({ key: '7b11d784e4f27a7f7c2132c632aa475612cb2023', class: "switch__html-input", name: name, id: "tet-switch", type: "checkbox", disabled: disabled, checked: checked, onChange: this.handleChange.bind(this) }, (accessibilityLabel ? { "aria-label": accessibilityLabel } : {}))), h("span", { key: '3b09dda0cf7a9ca1b7986a2b6bf8c60c0673a60c', class: { "switch__input": true, [this.theme]: true } }, h("span", { key: '94345e006b08d32c42792aba6d2175f6f3ef3d8b', class: "switch__state" })), label
+        return (h(Host, { key: '8514d8a146cd703f0134a84c777a6432523e0737' }, h("div", { key: 'f0cbfc84b094ed4b37b588cce6a15dbeb2a46111', class: { 'switch': true, [`${theme}`]: true } }, h("label", { key: '716c211d0e46793748c2e264db43cb159548918b', class: "switch__container", part: "switch-container", htmlFor: "tet-switch" }, h("input", Object.assign({ key: '8a39dfc9a21507d34ca1b29a43195fd74e021ca4', class: "switch__html-input", name: name, id: "tet-switch", type: "checkbox", disabled: disabled, checked: checked, onChange: this.handleChange.bind(this) }, (accessibilityLabel ? { "aria-label": accessibilityLabel } : {}))), h("span", { key: 'bc967a7c7b30b16cf38d5d5a946889a50d470adc', class: { "switch__input": true, [this.theme]: true } }, h("span", { key: 'eede184dc1464ac67b543a69ea2ed11d89d7663a', class: "switch__state" })), label
             ? h("span", { class: "switch__label", innerHTML: label })
             : h("span", { class: "switch__label" }, h("slot", null))))));
     }

package/dist/collection/components/basic/buttons/tet-tabs/tet-tab-content/tet-tab-content.js

@@ -157,11 +157,11 @@ export class TetTabContent {
         this.selectedId = id;
     }
     render() {
-        return (h(Host, { key: '1580679fe80288da68795eb04ce918f4d8c6af64' }, h("div", { key: 'ebdd59fcbf34fe26e1afcb019235b17707368187', class: {
+        return (h(Host, { key: '99ef654990007a1767d83bdada1254908054df86' }, h("div", { key: '9a47d04a0294e2c323d84195a8655bdc3eb1cb79', class: {
                 'tet-tab-content': true,
                 'use-visibility': this.useVisibility,
                 [this.theme]: true
-            } }, h("slot", { key: '4e7ee562756fbea45495666f876da1baa810dfb3' }))));
+            } }, h("slot", { key: 'cbd4bd6c2256bec90cdb4bf3e03811ada0a7c187' }))));
     }
     static get is() { return "tet-tab-content"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/basic/buttons/tet-tabs/tet-tab-header/tet-tab-header.js

@@ -468,7 +468,7 @@ export class TetTabHeader {
         return {};
     }
     render() {
-        return (h(Host, { key: '8e9af5049a6bb8a859c244cb96dceca67d2fc556', "data-id-suffix": this.idSuffix }, h("div", { key: '894811c0f2bc7c99e64c1de93d1b515dbde20d87', class: {
+        return (h(Host, { key: '69375bd1efd1b8ffc58e5a5b20d534a429d04fc5', "data-id-suffix": this.idSuffix }, h("div", { key: '62b614ad945461fe2cae468dd82f69f88fd6f4f2', class: {
                 'tabs': true,
                 'tabs--segmented': this.segmented,
                 'dark': this.darkMode,
@@ -476,7 +476,7 @@ export class TetTabHeader {
                 [this.theme]: true,
                 [this.sizing]: true,
                 [this.type]: !!this.type
-            }, onMouseDown: this.onContainerMouseDown, style: this.getStyle(), ref: (ref) => (this.tabElement = ref), role: "tablist" }, h("slot", { key: '84ed4fee9a29fcd2edf2c0b185b2b49a6b7e0b25', ref: (slot) => (this.tabContainer = slot) })), h("div", { key: 'fda7d023f752a285189ddb6115f9d077b1a69702', class: { 'tabs-line': !this.segmented, 'no-underline': this.hideHeaderUnderline } })));
+            }, onMouseDown: this.onContainerMouseDown, style: this.getStyle(), ref: (ref) => (this.tabElement = ref), role: "tablist" }, h("slot", { key: '6f84be168ec7fef30d35eea8c221236896a74906', ref: (slot) => (this.tabContainer = slot) })), h("div", { key: '7b8f4b5199a4871b2aee1cf9381e479da03622b0', class: { 'tabs-line': !this.segmented, 'no-underline': this.hideHeaderUnderline } })));
     }
     static get is() { return "tet-tab-header"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/basic/buttons/tet-tag/tet-tag.js

@@ -20,12 +20,12 @@ export class TetTag {
         processTranslations('tet-components', this.language).then(() => forceUpdate(this));
     }
     render() {
-        return (h(Host, { key: 'b6dffe961943e852133995f35073a563b024340e' }, h("button", { key: '48590aaad3bf03f9eff3690059deed93f4468314', class: {
+        return (h(Host, { key: '9adf21e526708f99322d9d75d7a533295feacad4' }, h("button", { key: '534e66a2ad0e858a1bb0cec2f35ff4926325f749', class: {
                 tag: true,
                 'tag-active': this.active,
                 'tag--icon': this.showIcon,
                 [`theme-${this.theme}`]: true,
-            }, "aria-pressed": this.active.toString(), disabled: this.disabled }, this.tagTitle && h("p", { key: '9ddacbb44d1d26a8aef5a0be1dc121585055ecba', class: "tag-title" }, t(this.tagTitle)), this.count !== null && this.count !== undefined && h("span", { key: '67d5d37be4b670c6537f12884fd0c7aca57d64a5', class: "tag-count" }, this.count), this.showIcon && h("tet-icon", { key: '67c35afca626a00be20ea8a0ad3b70c132dfb34a', class: "tag-icon", name: "close-circle", part: "icon-selected" }))));
+            }, "aria-pressed": this.active.toString(), disabled: this.disabled }, this.tagTitle && h("p", { key: 'ce9882a609dfd7e21bbc6109cab368e885ef4694', class: "tag-title" }, t(this.tagTitle)), this.count !== null && this.count !== undefined && h("span", { key: '63ce70c6ae2193fcef302f70d2eb4f36db0d2021', class: "tag-count" }, this.count), this.showIcon && h("tet-icon", { key: '85cfc52b1b50d9c58051a56a16d2c73b57c0533d', class: "tag-icon", name: "close-circle", part: "icon-selected" }))));
     }
     static get is() { return "tet-tag"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/basic/carousel/tet-carousel/tet-carousel.js

@@ -426,14 +426,14 @@ export class TetCarousel {
         document.removeEventListener('click', this.preventClickOnDocument, { capture: true });
     }
     render() {
-        return (h(Host, { key: '02bca83aabf1b150e569961ba8a8bcfe01885270' }, h("div", { key: '7f0200250a73d5bda9bf12387d340eca5961a8f9', class: { 'tet-carousel': true, [`${this.theme}`]: true }, ref: (el) => (this.container = el), part: "carousel" }, h("div", { key: 'ec7297371fe96e3c3cc056b8874bcd5ee0d961d3', class: "tet-carousel__container" }, h("div", { key: '7bef78724280d4f7d72ef66fa1ee2067857df4a5', class: "tet-carousel__gradient-left", ref: (el) => {
+        return (h(Host, { key: '1792fe60e27e574aebbc8ff36d0a0dfeccf0b085' }, h("div", { key: '287787193edd93556530e20a0e859e95ef1c2583', class: { 'tet-carousel': true, [`${this.theme}`]: true }, ref: (el) => (this.container = el), part: "carousel" }, h("div", { key: '0171bd7d51d27952f7d3d05bf2ac332171d7e4b2', class: "tet-carousel__container" }, h("div", { key: '8163f5b827ee9e390db99e5dff2ed820190134b4', class: "tet-carousel__gradient-left", ref: (el) => {
                 this.leftGradientRef = el;
-            } }), h("div", { key: '3febcb4804c6948635fe64ab87ad5330726ab3b5', class: "tet-carousel__gradient-right", ref: (el) => {
+            } }), h("div", { key: '8bb958b94b9e50e195fce57f93e54217b0f94786', class: "tet-carousel__gradient-right", ref: (el) => {
                 this.rightGradientRef = el;
-            } }), h("div", { key: '816866f602ca1e4cf43b28fd9f19693399836042', class: `tet-carousel__track ${!this._showButtons() && !this._showDots() ? 'tet-carousel__track--center' : ''}`, ref: (el) => (this.trackElement = el), style: {
+            } }), h("div", { key: '73da73a8ca7ef4b8f135c63043747eaddfd16c54', class: `tet-carousel__track ${!this._showButtons() && !this._showDots() ? 'tet-carousel__track--center' : ''}`, ref: (el) => (this.trackElement = el), style: {
                 transform: `translateX(${this.dragOffset}px)`,
                 transition: this.isDragging ? 'none' : `transform ${this.transitionDuration}ms ${this.transitionTiming}`
-            }, onPointerDown: this.onPointerDown, onMouseMove: this.onPointerMove, onPointerUp: this.onPointerUp, onMouseLeave: this.onPointerUp }, h("slot", { key: '154b62cb6aef80be6f0c38238ad5a88ad1c962b8' }))), !!this.label && h("div", { key: '2698215eb1fe60cd1d7df52b0c0c58da86b10f42', class: "tet-carousel__label" }, this.label), (this._showButtons() || this._showDots()) && (h("div", { key: 'ceef8410878bff1afbbe782bac5a55b11248f52c', class: "tet-carousel__controls" }, this._showButtons() && (h("div", { key: '09e413c97d5914b4276bf335482d2957651d52d1', class: "tet-carousel__buttons tet-carousel__buttons--mobile" }, h("tet-button", { key: 'c7e5105ea837e96956fbfe3f2e763b5a25e2f363', class: "tet-carousel__btn", theme: this.theme === 'light' ? 'dark' : 'light', "icon-name": this.buttonIconLeft, "icon-mode": true, tabIndex: -1, onClick: this.handlePrev, "aria-label": t('components-carousel-previous'), disabled: this.dotCount <= 1 || this.activeItem === 0 }))), this._showDots() && (h("div", { key: '1a74136894fec1d7755ac71bf8ba2dfa5e474703', class: "tet-carousel__dots" }, Array.from({ length: this.dotCount }).map((_, idx) => (h("button", { type: "button", tabIndex: -1, class: `tet-carousel__dot${idx === this.activeDotIndex ? ' active' : ''}`, key: idx, onClick: () => this.handleDotClick(idx) }))))), this._showButtons() && (h("div", { key: '988e392525ea7e55a802ab2049ec3e09f9785717', class: "tet-carousel__buttons " }, h("tet-button", { key: '7f8dc04ce47af09cf6db8bc8efa742af1f73cfbc', class: "tet-carousel__buttons--desktop tet-carousel__btn ", theme: this.theme === 'light' ? 'dark' : 'light', "icon-name": this.buttonIconLeft, "icon-mode": true, tabIndex: -1, onClick: this.handlePrev, "aria-label": t('components-carousel-previous'), disabled: this.dotCount <= 1 || this.activeItem === 0 }), h("tet-button", { key: '77ed1f82d967af5caf632d8d7dfcd466f4479ec2', class: "tet-carousel__btn", theme: this.theme === 'light' ? 'dark' : 'light', "icon-name": this.buttonIconRight, "icon-mode": true, tabIndex: -1, onClick: this.handleNext, "aria-label": t('components-carousel-next'), disabled: this.dotCount <= 1 ||
+            }, onPointerDown: this.onPointerDown, onMouseMove: this.onPointerMove, onPointerUp: this.onPointerUp, onMouseLeave: this.onPointerUp }, h("slot", { key: '09320c74db3e8e45e71ed8bf74cedd8ee7f74e73' }))), !!this.label && h("div", { key: 'a0121aaebeb270c8ac63877a62e17ea610bc7772', class: "tet-carousel__label" }, this.label), (this._showButtons() || this._showDots()) && (h("div", { key: '139ee08470b0b296000bcf6418889a92504d8f14', class: "tet-carousel__controls" }, this._showButtons() && (h("div", { key: '7b6c5fcec80a3168cefb4c27300f53163546fac9', class: "tet-carousel__buttons tet-carousel__buttons--mobile" }, h("tet-button", { key: '44255567a48eca0ca3dd2e7275ea825d7e462991', class: "tet-carousel__btn", theme: this.theme === 'light' ? 'dark' : 'light', "icon-name": this.buttonIconLeft, "icon-mode": true, tabIndex: -1, onClick: this.handlePrev, "aria-label": t('components-carousel-previous'), disabled: this.dotCount <= 1 || this.activeItem === 0 }))), this._showDots() && (h("div", { key: '57f4e2712647df42ecf071f4c9dfdd9432a845e2', class: "tet-carousel__dots" }, Array.from({ length: this.dotCount }).map((_, idx) => (h("button", { type: "button", tabIndex: -1, class: `tet-carousel__dot${idx === this.activeDotIndex ? ' active' : ''}`, key: idx, onClick: () => this.handleDotClick(idx) }))))), this._showButtons() && (h("div", { key: '934e6d861ebb21a655cf1460393893248af0d5e7', class: "tet-carousel__buttons " }, h("tet-button", { key: '51291303b542013cdd7f308ed32faac978dbb625', class: "tet-carousel__buttons--desktop tet-carousel__btn ", theme: this.theme === 'light' ? 'dark' : 'light', "icon-name": this.buttonIconLeft, "icon-mode": true, tabIndex: -1, onClick: this.handlePrev, "aria-label": t('components-carousel-previous'), disabled: this.dotCount <= 1 || this.activeItem === 0 }), h("tet-button", { key: 'cbc3598ef02f4e0ac17566f627da3b482e100bf5', class: "tet-carousel__btn", theme: this.theme === 'light' ? 'dark' : 'light', "icon-name": this.buttonIconRight, "icon-mode": true, tabIndex: -1, onClick: this.handleNext, "aria-label": t('components-carousel-next'), disabled: this.dotCount <= 1 ||
                 this.activeItem === this.totalItems - 1 ||
                 this.isLastViewport(-this.dragOffset) }))))))));
     }

package/dist/collection/components/basic/container/tet-container/tet-container.js

@@ -11,12 +11,12 @@ export class TetContainer {
         this.theme = 'classic';
     }
     render() {
-        return (h("div", { key: 'c8a741661066646e49f2135a75b475b86845e23c', class: {
+        return (h("div", { key: 'ba4b5bb640a729c98a94ef47be4a44ef39da5825', class: {
                 'container': true,
                 'container--highlightable': this.highlightable,
                 'container--selected': this.selected,
                 [`container--${this.theme}`]: this.theme !== 'classic',
-            }, part: "container" }, h("slot", { key: '6e5faa486a1c31abfd256eb9397f6ab26c691893' })));
+            }, part: "container" }, h("slot", { key: '9381db3ab788d9bfe73c8b29d422642d1a8eacbc' })));
     }
     static get is() { return "tet-container"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/basic/icon/tet-icon.js

@@ -49,7 +49,7 @@ export class TetIcon {
         });
     }
     render() {
-        return (h("span", { key: 'b458d963f0f86157257a01b600af41cc579be5ca', class: "icon-wrapper", tabindex: (this.focusable || this.accessibilityLabel) ? 0 : -1 }, h("span", Object.assign({ key: 'ac157e0ee214c0a818d67f361246ea7cb72942f5', class: {
+        return (h("span", { key: 'b64042a5ccef4f24f040b11bc1c667e852d107c9', class: "icon-wrapper", tabindex: (this.focusable || this.accessibilityLabel) ? 0 : -1 }, h("span", Object.assign({ key: '85bcc937605472010decb513a8c46fb332da2c91', class: {
                 'icon-container': true,
                 'default-color': this.shouldUseDefaultColor(),
                 [this.theme]: true,

package/dist/collection/components/basic/loaders/tet-loader/tet-loader.js

@@ -4,7 +4,7 @@ import { h } from "@stencil/core";
  */
 export class TetLoader {
     render() {
-        return (h("div", { key: '14fe6af3ed72264df7e56b9f9917b5534637ef51', class: "loader" }, h("div", { key: 'f4c31bd589b426b6e4dd16e5ea42ecc9dfb79d9c', class: "loader-inner" })));
+        return (h("div", { key: '810fabedba008fdd679c00faaa3e37b220c0b0d4', class: "loader" }, h("div", { key: '382c4d05d02cbd05ceff85e21f54b092bbcb3a1b', class: "loader-inner" })));
     }
     static get is() { return "tet-loader"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/basic/loaders/tet-placeholder/tet-placeholder.js

@@ -9,7 +9,7 @@ export class TetPlaceholder {
         this.darkTheme = false;
     }
     render() {
-        return (h(Host, { key: '7e0dfe974305bc773c69c93e662515d3a68e6be4', style: { width: this.width, height: this.height } }, h("div", { key: 'f15bb524ccfdb8085628e72c738c5b539907f47e', class: { 'dark-theme': this.darkTheme } }, h("div", { key: '54986daf86d9d5c3c6eb779d13e2ba7a5606dd81', class: "placeholder", style: { height: this.height } }))));
+        return (h(Host, { key: '4d02b9fba03d0ec8d670a94597fdeb71a264fac0', style: { width: this.width, height: this.height } }, h("div", { key: '50c0bf32fed5e31563222be25875609541783321', class: { 'dark-theme': this.darkTheme } }, h("div", { key: '091231196ebec4770385c4792f2a967c180fe80c', class: "placeholder", style: { height: this.height } }))));
     }
     static get is() { return "tet-placeholder"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/basic/loaders/tet-spinner/tet-spinner.js

@@ -47,13 +47,13 @@ export class TetSpinner {
         this.setForeignObjectAttributes();
     }
     render() {
-        return (h("div", { key: '6700ed743adb73ad21bbb7eba4c593f78aa7be73', ref: element => (this.spinner = element), class: {
+        return (h("div", { key: '80d6e4e8423122fdbe5976fa1682f1b84dd4c30c', ref: element => (this.spinner = element), class: {
                 spinner: true,
                 [`${this.theme}-theme`]: true,
                 [`size--${this.size}`]: true,
                 [`spinner--${this.type}`]: true,
-            } }, h("svg", { key: '95c55e994caa2cb7fdc0f3e743ead7085fd8406e', viewBox: "0 0 40 40" }, h("clipPath", { key: '337f95d860f1a27284ee0134e785aff287187b29', id: "clip" }, h("path", { key: '880422c680560d58f7527c6353f4e234c0c1d11f', d: `M40 20C40 31.0457 31.0457 40 20 40C8.9543 40 0 31.0457 0 20C0 8.9543 8.9543 0 20 0C31.0457
-              0 40 8.9543 40 20ZM6 20C6 27.732 12.268 34 20 34C27.732 34 34 27.732 34 20C34 12.268 27.732 6 20 6C12.268 6 6 12.268 6 20Z` })), h("foreignObject", { key: 'ea78a1e04a9ab23ee66cb68bb72cc2b49928a1e7' }, h("div", { key: '7b9d99801d5b97e4a44c439fb779d4ec7400fa45', class: "spinner__gradient" })))));
+            } }, h("svg", { key: 'f7a801b7ec3655023480cfd8f9bf0334982f9bbb', viewBox: "0 0 40 40" }, h("clipPath", { key: 'c1b9c71d29ee808fa9e20067f2cbb574580c2d4f', id: "clip" }, h("path", { key: '59da97936d0aeb48a5d637e9b449e2e75c49ce97', d: `M40 20C40 31.0457 31.0457 40 20 40C8.9543 40 0 31.0457 0 20C0 8.9543 8.9543 0 20 0C31.0457
+              0 40 8.9543 40 20ZM6 20C6 27.732 12.268 34 20 34C27.732 34 34 27.732 34 20C34 12.268 27.732 6 20 6C12.268 6 6 12.268 6 20Z` })), h("foreignObject", { key: '136a0347951d968aa6c232d0d5ba2d58324facdf' }, h("div", { key: '946ca391bda21cef00b621e81d06fd193f267c38', class: "spinner__gradient" })))));
     }
     static get is() { return "tet-spinner"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/basic/misc/tet-label/tet-label.js

@@ -13,12 +13,12 @@ export class TetLabel {
         this.showIcon = false;
     }
     render() {
-        return (h(Host, { key: '79b12c6cd48a68cc878e336227b29bbb10f69c99' }, h("div", { key: '9d34f474b24523550f603e5c0dd2b385cdb9b893', class: {
+        return (h(Host, { key: '2d391e505ea7f920e498749ac37d7f7f0f3707bb' }, h("div", { key: '83058292d04395c6c3ec3e4ced89160021a96d7a', class: {
                 label: true,
                 'label-active': this.active,
                 [`label-type-${this.type}`]: true,
                 [`theme-${this.theme}`]: true,
-            } }, this.labelTitle && h("p", { key: 'b101e1595fb33e9af35eb55c2c32338d074f3085', class: "label-title" }, this.translateTitle ? t(this.labelTitle) : this.labelTitle), this.showIcon && h("tet-icon", { key: 'd5c943fb5a571cbb5ee1cfec5ef1fa4fe199006a', class: "label-icon", name: "close-circle", part: "icon-selected" }))));
+            } }, this.labelTitle && h("p", { key: '19dcdcb5c6fc4f2bcf0bf064882ca1871686b3fa', class: "label-title" }, this.translateTitle ? t(this.labelTitle) : this.labelTitle), this.showIcon && h("tet-icon", { key: '1d1be38e6a71c682a7d276ff8c8efb15cc59e835', class: "label-icon", name: "close-circle", part: "icon-selected" }))));
     }
     static get is() { return "tet-label"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/basic/steppers/tet-business-round-stepper/tet-business-round-stepper.js

@@ -18,7 +18,7 @@ export class TetBusinessRoundStepper {
         this.theme = 'light';
     }
     render() {
-        return (h("div", { key: 'e3c5b0f97b0235246db2b0df582c8155c0e85495', class: {
+        return (h("div", { key: '38bcebfd810a244c06f1988ccf195364b0816c61', class: {
                 'business-stepper': true,
                 'business-stepper--uneven': this.layout === 'grid' && this.stepperData.length % 2 == 1,
                 [`business-stepper--${this.layout}`]: true,

package/dist/collection/components/basic/steppers/tet-round-stepper/tet-round-stepper.js

@@ -55,7 +55,7 @@ export class TetRoundStepper {
         this.calculateContainerWidth();
     }
     render() {
-        return (h(Host, { key: '55302259151fe1720a5cafe139db4c58f1fb805b' }, h("div", { key: '61fd349ec4a338674ceb519447c882e225e4c2c4', class: {
+        return (h(Host, { key: '497051346fa9d4467604822d38e7f5d1ad4d1886' }, h("div", { key: 'b55cd8748a63edb0f567fbef9cf2d6679f8d6075', class: {
                 'round-stepper': true,
                 'column': this.forcedColumn,
                 'hide-icons': this.hideIcons

package/dist/collection/components/basic/steppers/tet-stepper/tet-stepper.js

@@ -70,7 +70,7 @@ export class TetStepper {
         this.stepperData = [];
     }
     render() {
-        return (h(Host, { key: '7816d4c78b669214dbb9e2dd0b4742532fdc81bf' }, h("ol", { key: '7e494dfbdecd3b26df5d617ead516860cea177aa', class: "stepper" }, this.stepperData.map(this.renderStep))));
+        return (h(Host, { key: '44e037b2ff2ab9ed0c4d031e8e1719490a07b63d' }, h("ol", { key: '6f59daa3ac41ceb2ee53459ac4de4cdef57cf67c', class: "stepper" }, this.stepperData.map(this.renderStep))));
     }
     static get is() { return "tet-stepper"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/basic/steppers/tet-stepper-v2/tet-stepper-v2.js

@@ -36,7 +36,7 @@ export class TetStepperV2 {
         this.theme = 'light';
     }
     render() {
-        return (h(Host, { key: '6db99c4540cadbae5cd67c44cce6641d358facf2' }, h("ol", { key: '0598d05a8185ab2f493f8a230f6324f4f3f3f23e', class: {
+        return (h(Host, { key: 'bf0391a519725edda950477b4fb2e65f3efbcd5a' }, h("ol", { key: '0dcd47ef6b926e42f99a6d519908aa1c2edfdcd8', class: {
                 'stepper': true,
                 [this.theme]: true,
             } }, this.stepperData.map(this.renderStep.bind(this)))));

package/dist/collection/components/basic/steppers/tet-stepper-v3/tet-stepper-v3.js

@@ -28,7 +28,7 @@ export class TetStepperV3 {
         this.theme = 'light';
     }
     render() {
-        return (h(Host, { key: 'f6d321239d6ced25d0656bff13c4af28fc1ef07c' }, h("ol", { key: '9e9a11daf346b319c865c152d41e766f12df415e', class: {
+        return (h(Host, { key: 'f188f20382244419b66366f8eb16564e01900232' }, h("ol", { key: 'd4b2ac52620e05ed443dea2d1254fa4652ce3151', class: {
                 stepper: true,
                 [this.theme]: true
             } }, this.stepperData.map(this.renderStep.bind(this)))));

package/dist/collection/components/simple/filter/tet-filter/tet-filter.js

@@ -28,7 +28,7 @@ export class TetFilter {
         this.filterState = newTags.map(tag => (Object.assign(Object.assign({}, tag), { active: tag.active || false })));
     }
     render() {
-        return (h(Host, { key: 'c8689bc76bbbf9f4a41408d5c53b5c9f253ddcc3' }, h("div", { key: '88510f1736a48d737a4d7182f6e4ce6378b98e04', class: { 'filter-container': true, [`theme-${this.theme}`]: true } }, h("tet-tag-group", { key: '50baf6211250182708d0cd769a0b874d9d108a79', tags: this.filterState.map(tag => (Object.assign(Object.assign({}, tag), { clickAction: () => this.handleTagClick(tag), showIcon: tag.active && !tag.disabled }))), theme: this.theme }), this.showClearFilterButton && this.filterState.some(tag => tag.active) && (h("button", { key: '0b7e41ceb28d2e6599c39d8cc03f99ec42ebef7f', class: "clear-button", onClick: this.handleClearClick }, h("tet-icon", { key: '3dee789b7f181491c6479487f153e4f0d0d5ce93', name: "tc-reload", style: { '--icon-size': '1rem', '--icon-container-display': 'flex' }, accessibilityLabel: this.clearFilterButtonTitle }), this.clearFilterButtonTitle)))));
+        return (h(Host, { key: '4cbf4b9544560033394c6420c5f8a3fbed5b5aea' }, h("div", { key: '787263e3002dd840833cdc7db123fc0776f1c08d', class: { 'filter-container': true, [`theme-${this.theme}`]: true } }, h("tet-tag-group", { key: '3c8ce9bbae2504fbd94fc0df68417a90fb7d8230', tags: this.filterState.map(tag => (Object.assign(Object.assign({}, tag), { clickAction: () => this.handleTagClick(tag), showIcon: tag.active && !tag.disabled }))), theme: this.theme }), this.showClearFilterButton && this.filterState.some(tag => tag.active) && (h("button", { key: 'f8768d357d62dc8e6e65317ec0efc2af1e423b99', class: "clear-button", onClick: this.handleClearClick }, h("tet-icon", { key: 'd69656691792a57039aa68c0e018eee0bcacf342', name: "tc-reload", style: { '--icon-size': '1rem', '--icon-container-display': 'flex' }, accessibilityLabel: this.clearFilterButtonTitle }), this.clearFilterButtonTitle)))));
     }
     static get is() { return "tet-filter"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/simple/inputs/tet-datepicker/partials/tet-datepicker-header/tet-datepicker-header.js

@@ -51,9 +51,9 @@ export class TetDatepickerHeader {
         this.internalDateChanged.emit(newDate);
     }
     render() {
-        return (h("div", { key: 'b45a4b4676bc7b8c735ca45e5067d799eb7dda58', class: "header" }, this.datepickerView !== 'year'
+        return (h("div", { key: '5e9853fc4c6dddedf90714a298129ef8d5308112', class: "header" }, this.datepickerView !== 'year'
             ? (h("div", { class: "icon-container", onClick: () => this.subtractDates() }, h("tet-icon", { class: "arrow-left", name: "arrow-left" })))
-            : h("div", null), h("div", { key: 'b9c6818f3582a4627262405f781c4b2a4b439a99', class: "control-button", onClick: () => this.changeDatepickerView() }, this.getControlButtonDate(), h("tet-icon", { key: '040988e761fe3ac28ff59d2108343358867278ff', class: "chevron-down", name: this.datepickerView === 'month' ? 'chevron-down' : 'chevron-up' })), this.datepickerView !== 'year'
+            : h("div", null), h("div", { key: 'ef8216cb059829654419d63e4d1ba296cfc77cbe', class: "control-button", onClick: () => this.changeDatepickerView() }, this.getControlButtonDate(), h("tet-icon", { key: '5dff8cd29082aecbfe2908c41ad9647b7ffac3ea', class: "chevron-down", name: this.datepickerView === 'month' ? 'chevron-down' : 'chevron-up' })), this.datepickerView !== 'year'
             ? (h("div", { class: "icon-container", onClick: () => this.addDates() }, h("tet-icon", { class: "arrow-left", name: "arrow-right" })))
             : h("div", null)));
     }