@tet/tet-components 1.4.84-testing → 1.4.85-testing

package/dist/cjs/tet-thank-you-view.cjs.entry.js

@@ -86,7 +86,7 @@ const TetThankYouView = class {
             'thank-you-view-main-block': true,
             'no-header': !this.headerToolbarSlot
         };
-        return (index.h(index.Host, { key: 'da80ede163301d71fbe6438cdbd195796fbf2aa3' }, index.h("div", { key: '01f1b61204204ad8e0828a653caf7aacd4efd0d7', class: mainClasses }, this.renderHeaderToolbar(), index.h("div", { key: 'fcd51185a9252d6b6b3d416c0fa830b8e048123a', class: mainBlockClasses }, this.renderIconBlock(), this.renderInfoBlock(), this.renderStepperBlock(), this.renderCTABlock()), this.renderFAQSlot())));
+        return (index.h(index.Host, { key: 'd3cb059671f217afeed42b377536a40ac3fb7bf6' }, index.h("div", { key: '4706c0bbfeae69d5f9e2cda15f2a38509fdf6c97', class: mainClasses }, this.renderHeaderToolbar(), index.h("div", { key: 'bbe541f02e73003147d450615d83865c1eb57598', class: mainBlockClasses }, this.renderIconBlock(), this.renderInfoBlock(), this.renderStepperBlock(), this.renderCTABlock()), this.renderFAQSlot())));
     }
 };
 TetThankYouView.style = TetThankYouViewStyle0;

package/dist/cjs/tet-tooltip.cjs.entry.js

@@ -368,7 +368,7 @@ const TetTooltip = class {
         return (index.h("div", { class: { tooltip: true, [`${this.theme}`]: true }, role: "tooltip", "aria-hidden": this.showTooltip ? 'false' : 'true', "aria-live": this.showTooltip ? 'polite' : undefined }, index.h("div", { class: "tooltip-pointer", ref: (el) => (this.tooltipPointer = el) }), index.h("slot", null)));
     };
     render() {
-        return index.h(index.Host, { key: '41ceae26154f1c4b0fc4fbf47bcc13c5e6dae0ce', class: { visible: this.showTooltip } }, this.renderTooltip());
+        return index.h(index.Host, { key: '4136534ae71962f55b2c8556d2b9a5970faa86ac', class: { visible: this.showTooltip } }, this.renderTooltip());
     }
     static get watchers() { return {
         "position": ["handlePositionChange"],

package/dist/cjs/tet-tv-gift-block.cjs.entry.js

@@ -39,7 +39,7 @@ const TetTvGiftBlock = class {
         }
     };
     render() {
-        return (index.h(index.Host, { key: 'e7919090d9adeb63d9f1f933b5332a2ed26556a2' }, index.h("div", { key: '76b75e21d02dc88629075d5dde3a2ba2029e5575', class: { 'tv-gift': true, [`tv-gift--${this.containerSize}`]: true } }, index.h("div", { key: 'd5448de3ed868215f7d9e3ca5cce5a45a12798e4', class: "tv-gift__header" }, index.h("slot", { key: 'd6009930b0c2d7ad009fa9708494c1084d43ea30', name: "header" }, this.headerImageSrc && index.h("img", { key: 'ba0e69a07f117765e6dda60d9080f59c356b2a02', class: "tv-gift__header__image", src: this.headerImageSrc }), index.h("div", { key: '678689f84a659d07cc361769dfa04dad0e6f7300', class: "tv-gift__header-text" }, this.headerTitle))), index.h("div", { key: '6d061fc66aef89fb6c0714cae182564e7162cf3e', class: "tv-gift__content" }, index.h("slot", { key: '910e7de8e12ba300be2e0cff12c09058a8111f50' })), index.h("div", { key: '70be17e42d821f8b2614f0cc5a202c2961d2c99b', class: "tv-gift__footer" }, index.h("slot", { key: '9dcc4e67750bf6c5cb2b321416ea179433048381', name: "footer" }, index.h("span", { key: 'be2f2a9629bdefd71ad826296dd35884f15b3cb7', class: "tv-gift__footer__title" }, this.footerTitle), index.h("span", { key: '6d9eee3ea27990a7ed3ac3312ca77aa87b29552a', class: "tv-gift__footer__text" }, this.footerText))))));
+        return (index.h(index.Host, { key: 'cc14bbabad9ea3fb4fa3f8a8845fd4e79f329c20' }, index.h("div", { key: '3fce4101cb146506dc17f780fc90c41642b03924', class: { 'tv-gift': true, [`tv-gift--${this.containerSize}`]: true } }, index.h("div", { key: '4acd2088e6da7757cbabd7c2ba323d3f173a6676', class: "tv-gift__header" }, index.h("slot", { key: 'd0f9bac47c5bf5f5121c01f0a6cf040b946ebfc1', name: "header" }, this.headerImageSrc && index.h("img", { key: '93134351619719edb00f6ab153fb2e2de4480f2f', class: "tv-gift__header__image", src: this.headerImageSrc }), index.h("div", { key: '4cf7b5dec477f05ac3e30b461180b4f6f19ce3db', class: "tv-gift__header-text" }, this.headerTitle))), index.h("div", { key: 'd01f3126578674409ac82d6239cc63d1c3159814', class: "tv-gift__content" }, index.h("slot", { key: 'e1e02a0d6a5e92fd8d05fb327692196d288bd88e' })), index.h("div", { key: 'f86df24a2ff20d7a9d0f76481ca08fa5302494d0', class: "tv-gift__footer" }, index.h("slot", { key: 'd6f26a49bc5b6ca278fb2fbf634db2061f04ae0c', name: "footer" }, index.h("span", { key: '347f42cf7b311a3cd36864c1ba6a3b06fab13628', class: "tv-gift__footer__title" }, this.footerTitle), index.h("span", { key: '022ed6c7e29d73f2f5adac28d5e2726438e8e902', class: "tv-gift__footer__text" }, this.footerText))))));
     }
 };
 TetTvGiftBlock.style = TetTvGiftBlockStyle0;

package/dist/cjs/tet-tv-gift-list.cjs.entry.js

@@ -41,11 +41,11 @@ const TetTvGiftList = class {
         }
     };
     render() {
-        return (index.h(index.Host, { key: '31519e350b60b5675b7b168065201b9f6d363b44' }, index.h("div", { key: '0d2380ee0f6f128e53c4b73b61c4452614e11bd1', class: {
+        return (index.h(index.Host, { key: '4260d1ce07a1a2933b37c768ec09badf3046dd21' }, index.h("div", { key: 'f934dfb005c0353c2c8ef5c707fe6d6a095d0d16', class: {
                 'tv-gift-list': true,
                 [`tv-gift-list--${this.containerSize}`]: true,
                 'tv-gift-list--image-list': Boolean(this.imageSource),
-            } }, this.imageSource && (index.h("div", { key: 'ebeeb2ee58a036d89bc03fa67f0d23c5b5cde617', class: "tv-gift-list__image__wrapper" }, index.h("img", { key: '82de3c77fa2961500582e3e6d316f8b610c5febd', class: "tv-gift-list__image", src: this.imageSource }))), index.h("div", { key: 'fddfc671f617bc8ddde537e04e908baf3ad4a987', class: "tv-gift-list__list__wrapper" }, index.h("span", { key: '4fb4183b877fc4c6aad698f3ad811139e5fe5310', class: "tv-gift-list__list__header" }, this.header), index.h("ul", { key: '731cc40224890bdfab75e11aa81fd730a133dd4a', class: "tv-gift-list__list" }, this.list.map(item => (index.h("li", { class: "tv-gift-list__list__item" }, index.h("tet-icon", { name: this.listBulletIcon }), item))))))));
+            } }, this.imageSource && (index.h("div", { key: 'f912cc6bca2c53682a5ebe489c3e4dc93c387170', class: "tv-gift-list__image__wrapper" }, index.h("img", { key: 'b1c54fc0b0c9b9d7757b04c3286ef648ba9d4ff0', class: "tv-gift-list__image", src: this.imageSource }))), index.h("div", { key: '690b5f68631b814db053888785394ac6a712d142', class: "tv-gift-list__list__wrapper" }, index.h("span", { key: 'd89b80a4cfec388c62314204aef7736506837836', class: "tv-gift-list__list__header" }, this.header), index.h("ul", { key: 'c42b05b974e22e407f762e0d78a519ece0d3ff81', class: "tv-gift-list__list" }, this.list.map(item => (index.h("li", { class: "tv-gift-list__list__item" }, index.h("tet-icon", { name: this.listBulletIcon }), item))))))));
     }
 };
 TetTvGiftList.style = TetTvGiftListStyle0;

package/dist/collection/components/advanced/address/tet-address-offers-filters/tet-address-offers-filters.js

@@ -45,7 +45,7 @@ export class TetAddressOffersFilters {
      * @returns {FunctionalComponent}
      */
     render() {
-        return (h(Host, { key: '5e81dd715c0c600e4c7c7c6d3c0e4c266381f765' }, addressOffersStore.availableFilters.length === 0 && this.renderLoader(), h("tet-tag-group", { key: '9e32bcc88f271eeb4495fd1cd6d620cb3e8608c0', tags: addressOffersStore.availableFilters, language: this.language, theme: this.theme }), this.renderClearFilterBtn()));
+        return (h(Host, { key: '1d8b08d4857d04ab99490216be0b39bc4336ece0' }, addressOffersStore.availableFilters.length === 0 && this.renderLoader(), h("tet-tag-group", { key: '7cbab7f9fea9b81f903f21e353e62b4eb7bf0857', tags: addressOffersStore.availableFilters, language: this.language, theme: this.theme }), this.renderClearFilterBtn()));
     }
     static get is() { return "tet-address-offers-filters"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/advanced/address/tet-address-search/tet-address-search.js

@@ -340,21 +340,21 @@ export class TetAddressSearch {
         const submitButtonColorTheme = (isButtonActive && isDarkContainerTheme && this.alwaysExpanded)
             ? 'adaptive-yellow'
             : undefined;
-        return (h(Host, { key: '029a8140df973cfa2036c0681884682c2478494c', class: {
+        return (h(Host, { key: 'cce6dd419ef73b284cef7ecad4674240544b7717', class: {
                 "address-search": true,
                 "address-search--redesigned": this.redesignedStyle,
                 "always-expanded": this.alwaysExpanded,
                 "keyboard-focus": this.focusVisible,
                 "active": this.elementActive,
                 [this.theme]: true,
-            } }, h("tet-autocomplete", { key: '49789b681b5e1d9e03c065c41301e2e0736faa47', class: `address-search--redesigned__autocomplete
+            } }, h("tet-autocomplete", { key: '3848900d426561d10da70ec97a5815584e24227f', class: `address-search--redesigned__autocomplete
             ${isDarkContainerTheme ? 'dark' : ''}
           `, part: "autocomplete", optionsFilterAction: this.debounceAddressFilter, onOptionSelected: this.handleAutocompleteOptionSelection, noOptionsMessage: t('components-address-search-not-found-message'), noOptionsRenderFunction: this.manualAddressTriggers ? this.renderManualAddressInputNoOptionsMessage : undefined, clearCallback: this.autocompleteClearInputCallback, finishedLoading: this.finishedLoading, darkTheme: isDarkContainerTheme, newStyle: this.newStyle, ref: (el) => (this.autocomplete = el), optionsIcon: "location", redesignedStyle: this.redesignedStyle, highlightOptionsKeyword: this.highlightOptionsKeyword }, this.redesignedStyle ? (h("div", { class: "address-search--redesigned__autocomplete-content" }, h("div", { class: `address-search--redesigned__input-wrapper
                 ${isDarkContainerTheme ? 'dark' : ''}` }, h("tet-input", { class: `address-search__input address-search--redesigned__input
                     ${isDarkContainerTheme ? 'dark' : ''}`, part: "input", "input-class": inputClasses.join(' '), "input-placeholder": this.placeholder, "input-disabled": this.inputDisabled, label: this.label, accessibilityLabel: this.accessibilityLabel, iconLeft: this.newFormsStyle ? '' : 'tc-search-short', iconRight: this.inputIconRight, iconRightClickCallback: this.clearInputAction, ref: (el) => (this.inputComponent = el), error: this.isInputInvalid, autocomplete: "off" }, this.isLoading &&
             h("tet-spinner", { theme: isDarkContainerTheme ? 'dark' : 'light', class: "address-search__spinner", size: "small" }))), h("div", { class: `address-search--redesigned__button-wrapper
                 ${isDarkContainerTheme ? 'dark' : ''}` }, h("tet-button", { class: "submit-address js-button-mobile button-icon", type: "primary", theme: submitButtonTheme, colorTheme: submitButtonColorTheme, customColorCode: submitButtonColor, "accessibility-label": t('components-address-search-search'), iconName: "arrow-right", iconMode: true, onClick: this.handleSearchSubmit }), h("tet-button", { class: "submit-address button js-button", type: "primary", size: "medium", theme: submitButtonTheme, colorTheme: submitButtonColorTheme, customColorCode: submitButtonColor, onClick: this.handleSearchSubmit }, this.searchButtonText)))) : (h("tet-input", { class: "address-search__input", part: "input", "input-class": inputClasses.join(' '), "input-placeholder": this.placeholder, "input-disabled": this.inputDisabled, label: this.label, accessibilityLabel: this.accessibilityLabel, iconLeft: this.newFormsStyle ? '' : 'search', iconRight: this.inputIconRight, iconRightClickCallback: this.clearInputAction, theme: this.theme, ref: (el) => (this.inputComponent = el), error: this.isInputInvalid, autocomplete: "off" }, this.isLoading &&
-            h("tet-spinner", { theme: this.theme === 'dark' ? 'dark' : 'light', class: "address-search__spinner", size: "small" })))), this.redesignedStyle && (h("div", { key: '24027e6bb24e630a7b892e02d0e4ef9a634da012', class: "address-search--redesigned__close-button" }, h("tet-button", { key: 'bf9c99f62e6d6a34d23635dda6df0b5b93af2079', type: "link", iconName: "close", theme: "dark", onMouseDown: (event) => event.preventDefault(), onClick: this.handleCloseButtonClick }, this.closeButtonText)))));
+            h("tet-spinner", { theme: this.theme === 'dark' ? 'dark' : 'light', class: "address-search__spinner", size: "small" })))), this.redesignedStyle && (h("div", { key: '17f5d468123f4312a9d76b989f1ec1d41a13d7e6', class: "address-search--redesigned__close-button" }, h("tet-button", { key: 'f2e3d8b1170da1bd22444bc4bd8d9dac452524d8', type: "link", iconName: "close", theme: "dark", onMouseDown: (event) => event.preventDefault(), onClick: this.handleCloseButtonClick }, this.closeButtonText)))));
     }
     static get is() { return "tet-address-search"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/advanced/address/tet-autocomplete-dropdown/tet-autocomplete-dropdown.js

@@ -81,7 +81,7 @@ export class TetAutocompleteDropdown {
         return this.options.filter(({ label }) => label.toLowerCase().includes(normalize(filterValue)));
     };
     render() {
-        return (h(Host, { key: '46b16479dac537ea11b93ee6f316c6238dc151da' }, h("tet-autocomplete", { key: '0618cd74bdd259bf05711deb2e7df40be1e30f8d', newStyle: true, defaultOptions: this.options, showOptionsOnEscapeClear: true, noOptionsMessage: this.noOptionsMessage, optionsFilterAction: this.optionsFilterAction, clearCallback: this.autocompleteClearInputCallback, onOptionSelected: this.handleAutocompleteOptionSelection, ref: (element) => (this.autocomplete = element), darkTheme: this.theme === 'dark' }, h("tet-input", { key: '88fd69fcbc38df269d1a80dfc9006718c3a8702a', class: "input", label: this.label, error: this.hasError, "icon-right": this.rightIconName, "input-class": "autocomplete-input", "input-placeholder": this.placeholder, ref: (element) => (this.inputComponent = element), iconRightClickCallback: this.iconRightClickCallback, theme: this.theme })), this.hasError && this.errorMessage && h("p", { key: '24246c2bc7711e308ad24b3baf7e73cdd16f8a37', class: "error-message" }, this.errorMessage)));
+        return (h(Host, { key: 'c4388b4c456d9b742177feaec11ef70d63679c9c' }, h("tet-autocomplete", { key: '6df636a6f5f4659845f3278ca16925ca02e67e20', newStyle: true, defaultOptions: this.options, showOptionsOnEscapeClear: true, noOptionsMessage: this.noOptionsMessage, optionsFilterAction: this.optionsFilterAction, clearCallback: this.autocompleteClearInputCallback, onOptionSelected: this.handleAutocompleteOptionSelection, ref: (element) => (this.autocomplete = element), darkTheme: this.theme === 'dark' }, h("tet-input", { key: '130948785a7880cbc721af3fed3e4f40d8000fa8', class: "input", label: this.label, error: this.hasError, "icon-right": this.rightIconName, "input-class": "autocomplete-input", "input-placeholder": this.placeholder, ref: (element) => (this.inputComponent = element), iconRightClickCallback: this.iconRightClickCallback, theme: this.theme })), this.hasError && this.errorMessage && h("p", { key: '842876ed0c69af55bff0c91afd269ca237dd36c7', class: "error-message" }, this.errorMessage)));
     }
     static get is() { return "tet-autocomplete-dropdown"; }
     static get encapsulation() { return "shadow"; }

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

@@ -35,10 +35,10 @@ export class TetBusinessCompareCard {
     };
     render() {
         const { mainTitle, bulletPoints, theme, pricePrefix, price, currency } = this;
-        return (h("div", { key: '95d2f9b74ca537dfa2f6a39b26277ea7e35d62a5', class: { 'tet-business-compare-card': true, [`theme-${theme}`]: true } }, h("div", { key: '1b8247d8d78a4fc0be630b2a664646caaecc0c8f', class: "tet-business-compare-card__body" }, h("div", { key: '6294c8a2a703f997d9bf0e6286bc9ab20d9fbb72', class: "tet-business-compare-card__title" }, h("slot", { key: 'd81e273ac46b88bcdf85648508330c5038c1bf3a', name: "title" }, h("h3", { key: '8e9e9f22aa473e7dc04014c9a8b0e0bc0e5380f8' }, mainTitle))), h("div", { key: '63a0cc24174692c8b8fb6abc688b27d835ace1de', class: "tet-business-compare-card__content" }, h("slot", { key: '16344ddb8e497c7086d711faf5e68da2ff90de2a', name: "content" }, !!bulletPoints?.length && (h("tet-text-list", { key: 'd87f438836adf97278c416e524184294c9c17688', class: "bullet-points", theme: this.theme === 'dark' ? 'dark' : 'light' }, bulletPoints.map(bulletPoint => (h("p", null, bulletPoint)))))))), price && currency && (h("div", { key: 'b40d39a6c3c58d49eb9b708ef9f103aa28043e16', class: "tet-business-compare-card__price-wrapper" }, pricePrefix && (h("div", { key: '53eed158565c866bef59965531e552c43388d645', class: "tet-business-compare-card__price" }, h("span", { key: '582de3b77eb846bb4e3c60b9fcd34d042572e788', class: "tet-business-compare-card__price-prefix" }, pricePrefix, "\u00A0"), price)), !pricePrefix && h("div", { key: 'a03de28945563426eb2a7b69f320ca67356f4f60', class: "tet-business-compare-card__price" }, price), h("div", { key: '150dbf2da7a3ab0d7b9ef40565a778dc0cfc2cba', class: "tet-business-compare-card__price-currency" }, currency))), h("div", { key: 'ca64640b4a43dd56f59bd4827778486af52d87cd', class: {
+        return (h("div", { key: 'e0ba9821583d4cb84d94774d2762f402a36456d0', class: { 'tet-business-compare-card': true, [`theme-${theme}`]: true } }, h("div", { key: '27c28c5d67fdae1bf29bc1d71e130a42144e9915', class: "tet-business-compare-card__body" }, h("div", { key: 'ffd413f27bde8ec24a7ce99145f2261343415939', class: "tet-business-compare-card__title" }, h("slot", { key: '0de9270e55e4046509e9edf6ecaeff0174a37bed', name: "title" }, h("h3", { key: '6a399fa845ddb2299706af71ce25f8c71ea8ec3f' }, mainTitle))), h("div", { key: 'aa5c0ec3719e9c01d1f054e2fca515c38fd7716c', class: "tet-business-compare-card__content" }, h("slot", { key: '5039ebfa1f3e68590ceb46d2c56568d72f8d2cb4', name: "content" }, !!bulletPoints?.length && (h("tet-text-list", { key: '6780b3005400e139cd867ab3c19039f3350ceb90', class: "bullet-points", theme: this.theme === 'dark' ? 'dark' : 'light' }, bulletPoints.map(bulletPoint => (h("p", null, bulletPoint)))))))), price && currency && (h("div", { key: '7d829b6f134697610923c6d0d3c7860516330b3e', class: "tet-business-compare-card__price-wrapper" }, pricePrefix && (h("div", { key: 'a16c239c2294793529360e2b7e4521661dc94e82', class: "tet-business-compare-card__price" }, h("span", { key: 'c61234306d4ecee9b859a86576faea4f0b62d2d5', class: "tet-business-compare-card__price-prefix" }, pricePrefix, "\u00A0"), price)), !pricePrefix && h("div", { key: 'e184021ae8811c9b552de9d0f4177db1488ea333', class: "tet-business-compare-card__price" }, price), h("div", { key: 'cc0c709a7d40e5f4c0f26dda94bed18b21ea792f', class: "tet-business-compare-card__price-currency" }, currency))), h("div", { key: '9c80d9b3c45347338dfe654396360bec46425063', class: {
                 'tet-business-compare-card__footer': true,
                 'tet-business-compare-card__footer--show': this.hasContentInFooter,
-            } }, h("slot", { key: '715310fa8eed18ee442197e9c6693379f8041a23', ref: (slot) => (this.buttonSlotRef = slot), onSlotchange: this.checkFooterSlotContent, name: "button" }), h("slot", { key: '7b63196491c61297ce6c0997ba6f2e892310535e', ref: (slot) => (this.linkSlotRef = slot), onSlotchange: this.checkFooterSlotContent, name: "link" }))));
+            } }, h("slot", { key: '192639a1a76b13a8eaa93179c2bbbe9b2dfe1a27', ref: (slot) => (this.buttonSlotRef = slot), onSlotchange: this.checkFooterSlotContent, name: "button" }), h("slot", { key: 'eec49b00c26d4540539e5ec061349e5b15b9c5ca', 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-card-list/tet-card-list.js

@@ -665,19 +665,19 @@ export class TetCardList {
         this.dimensions.element.width = elementRect.width;
     }
     render() {
-        return (h(Host, { key: '334b08cc6122a0258dcd2af4cbf91e3a86fa161f' }, h("div", { key: '33d8a70069860b62a2c07b469cc1572bf0417dc3', class: {
+        return (h(Host, { key: '8c8e5e6c2d50c7f6970b70d0590849909a1ba295' }, h("div", { key: '838a05d8a0b794487d669277d2e69d4f421b1dca', class: {
                 'tet-card-list__container': true,
                 'tet-card-list--no-scroll': this.disableScroll,
                 [this.theme]: true,
-            }, part: "card-list-container" }, h("div", { key: 'd7ac0ea6395d76c8b0e22273168804265de64c87', class: "tet-card-list__scroll-container" }, h("div", { key: '419d530f063842ea5cecb961df716b8f5be4f0af', part: "card-list", ref: el => (this.scrollContainerRef = el) }, h("slot", { key: 'fe18591644e9f043bd5d67e83bd4620facb33978' }))), h("tet-button", { key: '64554e638673b61fbd7bc926b672cfbc28b4b20f', theme: this.theme, iconMode: true, class: {
+            }, part: "card-list-container" }, h("div", { key: '87273b2bae9149c1dd51115abd416c157767a2c5', class: "tet-card-list__scroll-container" }, h("div", { key: '24f4ae8db457f7fb00e9cb1a338f19cc0b5b431d', part: "card-list", ref: el => (this.scrollContainerRef = el) }, h("slot", { key: '509b3909d144ecb9f6ec913fc720a9e3a234417e' }))), h("tet-button", { key: '0654a906ed6361938fe33f525cdb5d376df18469', 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: 'bd468af7d3b7c7eb8f2b7cbda53c8aa98c3056c1', name: this.iconPrev && this.iconPrev !== '' ? this.iconPrev : 'chevron-left', class: "tet-card-list__control__icon" })), h("tet-button", { key: 'bea58608cad1a4026614e46a01cd9922c2d873f7', theme: this.theme, iconMode: true, class: {
+            }, onPointerDown: this.handleControlPointerDown, onPointerUp: this.handleLeftControl, onKeyUp: this.handleLeftControlKeyUp }, h("tet-icon", { key: '1a788ecf63b3146b3befb6a4145809d60085a073', name: this.iconPrev && this.iconPrev !== '' ? this.iconPrev : 'chevron-left', class: "tet-card-list__control__icon" })), h("tet-button", { key: '11567b30da9b08acacb8e9548cacea3300267c13', 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: '4287831fef0d0b312342fade409a45209d56ce8e', name: this.iconNext && this.iconNext !== '' ? this.iconNext : 'chevron-right', class: "tet-card-list__control__icon" })), h("div", { key: '4ab7321126599e53f84d9dc1e647f95263ac6345', class: { 'tet-card-list__scroll': true, 'tet-card-list--hidden': !this.withScrollbar } }, h("div", { key: '596b8dede1ee2903791b19036020ed9480f736e5', class: "tet-card-list__scroll--thumb", ref: el => (this.scrollbarRef = el) })))));
+            }, onPointerDown: this.handleControlPointerDown, onPointerUp: this.handleRightControl, onKeyUp: this.handleRightControlKeyUp }, h("tet-icon", { key: 'a823b7beee3ca2aa0b92b8953803174e562e17fa', name: this.iconNext && this.iconNext !== '' ? this.iconNext : 'chevron-right', class: "tet-card-list__control__icon" })), h("div", { key: '14c21ba4d09b6e92a2e3914baa1a8f68cb0cdaf0', class: { 'tet-card-list__scroll': true, 'tet-card-list--hidden': !this.withScrollbar } }, h("div", { key: '1a2330cf5707536f5aeaf3c461119dedb4396dc8', 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-card-v2/tet-compare-card-v2.js

@@ -1,4 +1,4 @@
-import { h } from "@stencil/core";
+import { h, Host, } from "@stencil/core";
 import { productComparison } from "../../../../services/api/index";
 /**
  * List of card for product comparison.
@@ -303,10 +303,7 @@ export class TetCompareCardV2 {
         return (h("div", { class: "cards" }, [...Array(1)].map(() => [h("tet-placeholder", { class: "tet-placeholder", height: "37rem", width: "20.5rem", darkTheme: this.darkMode })])));
     };
     render() {
-        if (this.showLoader) {
-            return this.renderLoader();
-        }
-        return this.renderCard();
+        return (h(Host, { key: '5b48f1acc3c0bbccc430b926e1f244d6306508da', "data-contains-focusable-content": true }, this.showLoader ? this.renderLoader() : this.renderCard()));
     }
     static get is() { return "tet-compare-card-v2"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,4 +1,4 @@
-import { h } from "@stencil/core";
+import { Host, h } from "@stencil/core";
 import { productComparison } from "../../../../services/api/index";
 export class TetCompareCardV3 {
     constructor() {
@@ -372,10 +372,7 @@ export class TetCompareCardV3 {
         return (h("tet-placeholder", { class: "card__placeholder", height: "100%", width: "100%", darkTheme: this.theme === 'dark' }));
     }
     render() {
-        if (this.showLoader) {
-            return this.renderLoader();
-        }
-        return this.renderCard();
+        return (h(Host, { key: 'bf0e4b29577c8be8c43f7929c5116757361413c0', "data-contains-focusable-content": true }, this.showLoader ? this.renderLoader() : this.renderCard()));
     }
     static get is() { return "tet-compare-card-v3"; }
     static get encapsulation() { return "shadow"; }

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

@@ -109,7 +109,7 @@ export class TetCompareCards {
         ])));
     };
     render() {
-        return (h(Host, { key: '089389cbc867fab0cd9cf9d27609d8b57c4194d7', class: {
+        return (h(Host, { key: '924e687e85a388d672d7babf5808bb08f29202f8', 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

@@ -185,7 +185,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 ?? false, "card-script": cardScript ?? false, data: cardsWithAddedSACData })));
     }
     render() {
-        return (h(Host, { key: '8ec439e0120ab48239c8bf3ed47dc4cb7845d3c8' }, h("div", { key: 'bb93f1738ca3cb224be2047767687ecb651e8f24', class: "tet-compare-cards-tab-wrapper" }, this.withProductFilters ? this.renderProductFilters() : '', this.renderTabHeader(this.data, 1), this.renderLoader(), h("div", { key: '4970f21d99ee9afb530b1b7753fe41225a5e20bf', class: {
+        return (h(Host, { key: 'eaf0e45a8fae7f0ee0c24d4299c63156b30e1938' }, h("div", { key: '8cd49bebb39a664436be6eaf5f5619f7ca625466', class: "tet-compare-cards-tab-wrapper" }, this.withProductFilters ? this.renderProductFilters() : '', this.renderTabHeader(this.data, 1), this.renderLoader(), h("div", { key: '61e2c6bc53f62a9193b6cf2db8754cc64802a4b9', 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

@@ -199,12 +199,12 @@ export class TetDynamicCard {
             } }, this.linkText)));
     }
     render() {
-        return (h(Host, { key: '14105e9f9574a9b92a4b0e39156b2963fb5391fb', class: {
+        return (h(Host, { key: '3b923589a902f66ca8d34c98566263419691f3cc', class: {
                 'dynamic-card': true,
                 'is-focused': this.isFocused
             }, "data-index": this.index, ref: (elm) => {
                 this.rootElementRef = elm;
-            } }, h("div", { key: 'e5f45496340e5d84d772b9217743d4b22b8e2793', class: `card
+            } }, h("div", { key: 'd90d5763d83e26d1d9f1b8e644ce3b31cbc37249', class: `card
             theme-${this.theme}
             size-${this.currentSize}
             position-${this.pictureLayoutShiftPosition}
@@ -212,7 +212,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: '00ddea40856109bc6968bdb730c8a25c9ca11325', class: "image", part: "image" }, h("slot", { key: '399c9f3cfd66569bec60eed085033b295328eae5', name: "image" }), this.renderPrice(), this.renderTags()), h("div", { key: '6119b9e5b895efda217f6fb94300323cbb90c05c', class: "content-container" }, h("div", { key: 'aa9cd4ecef9d768c57a86ddd617aefbfa662edfb', class: "content", part: "content" }, this.cardTitle && (h("h3", { key: 'd3f2bff57020730964709bcfc1f63752a618be28', class: "title", part: "title" }, this.cardTitle)), this.subtitle && (h("p", { key: '83d9dff3cdb42795f7f649fa087c874a902af047', class: "subtitle", part: "subtitle" }, this.subtitle))), this.renderButton()))));
+            }, tabindex: 0, part: "card", "aria-labelledby": this.cardTitle }, h("div", { key: 'bd99736ab3616aae92a709986b014bfa761ffa30', class: "image", part: "image" }, h("slot", { key: '1e526cf06cdf88764bf0e017ccf8b5559fcda680', name: "image" }), this.renderPrice(), this.renderTags()), h("div", { key: '343dbcac60f9290acc1019189b9db72072b8b868', class: "content-container" }, h("div", { key: 'a1aff96a3b0af51cfe5f94bd86b188fd4a4b803e', class: "content", part: "content" }, this.cardTitle && (h("h3", { key: '771c7ceab6c48e926ffaf7c7bfea5b114561c4c9', class: "title", part: "title" }, this.cardTitle)), this.subtitle && (h("p", { key: '0bb997ed97cc4737d392c9c11ff549ec97058707', 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/cards/tet-mini-compare-card/tet-mini-compare-card.js

@@ -69,7 +69,7 @@ export class TetMiniCompareCard {
         const benefits = this.getResolvedBenefits();
         const buttonLabel = this.buttonLabel.trim();
         const urlTarget = this.urlTarget === '_blank' ? '_blank' : '_self';
-        return (h("div", { key: 'f3f85b27659994e63869f02f848a58704840507b', class: "card-wrapper" }, !!benefits.length && (h("div", { key: '98908dc57beef1a3e35ad1ce94293dc1b1a3a60b', class: "card__list" }, benefits.map(({ iconImage, iconName, title }) => (h("div", { class: "card__list-item" }, iconImage ? (h("img", { class: "card__list-item-image", src: iconImage, alt: title })) : (!!iconName && h("tet-icon", { class: "card__list-item-icon", name: iconName })), h("p", { class: "card__list-item-title" }, title)))))), h("div", { key: '7c012578cc6b4d3d2f2c1fb3280ee90c5600adb6', class: { 'card__badge': true, 'no-price': this.price == null } }, h("p", { key: '1dcc06eac315096573566fe1096b2628667d2654', class: { 'card__badge-title': true, 'no-price': this.price == null } }, this.productTitle), h("div", { key: '3cf319dc3b8fff5e7a6baaaf6a48e80af4e8f94a', class: "card__badge-content-wrapper" }, this.renderBadgeContent(), !!buttonLabel && (h("tet-button", { key: '49774bacf34224779ed4f646674a72f26b61184b', class: "card__badge-content-item__button", clickCallback: this.handleCtaClick, ref: (elm) => {
+        return (h("div", { key: '4d5877e64f8c20946e59e4d4aa807830c11d00a1', class: "card-wrapper" }, !!benefits.length && (h("div", { key: '47eba5b082dce34832ede6f073461970eabac9c7', class: "card__list" }, benefits.map(({ iconImage, iconName, title }) => (h("div", { class: "card__list-item" }, iconImage ? (h("img", { class: "card__list-item-image", src: iconImage, alt: title })) : (!!iconName && h("tet-icon", { class: "card__list-item-icon", name: iconName })), h("p", { class: "card__list-item-title" }, title)))))), h("div", { key: 'fbd857351626453a8470fdd25fd9121878dcb9a1', class: { 'card__badge': true, 'no-price': this.price == null } }, h("p", { key: 'c4fc6e7b8c3be354a28eb9f73e24a5a82129f89b', class: { 'card__badge-title': true, 'no-price': this.price == null } }, this.productTitle), h("div", { key: '81de12d7b1f168980bd0d602f6464786bbecdbad', class: "card__badge-content-wrapper" }, this.renderBadgeContent(), !!buttonLabel && (h("tet-button", { key: '9f41897e25cc756e79999b3832a2a4c0bbd9594b', class: "card__badge-content-item__button", clickCallback: this.handleCtaClick, ref: (elm) => {
                 this.buttonRef = elm;
             }, type: "primary", theme: "light", url: this.url, "url-target": urlTarget }, buttonLabel))))));
     }

package/dist/collection/components/advanced/cards/tet-snicker-card/partials/tet-snicker-card-badge/tet-snicker-card-badge.js

@@ -17,7 +17,7 @@ export class TetSnickerCardBadge {
             [this.theme]: true,
             [`badge--state-${this.state}`]: !!this.state
         };
-        return (h(Host, { key: 'e356016e24b3a5926a0682a85d1b8993ecfae61c' }, h("span", { key: '07fda154cd301d4d16c64e831b8bf915b0ae3581', class: classes }, h("span", { key: '4cfd2b0afa9c7ddc8d127c8812407108fa6d6645', class: "badge__text" }, this.badgeTitle ? this.badgeTitle : h("slot", null)))));
+        return (h(Host, { key: '3e8ef3b3c1dbb9c983ced2b561e5091f1b18e645' }, h("span", { key: '68d3dd46bb6419bd1a24ed902a1f7e6fa7f75a37', class: classes }, h("span", { key: '8cf27c945371868bf312e13d20846a8b49369210', class: "badge__text" }, this.badgeTitle ? this.badgeTitle : h("slot", null)))));
     }
     static get is() { return "tet-snicker-card-badge"; }
     static get encapsulation() { return "shadow"; }

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

@@ -364,7 +364,7 @@ export class TetSnickerCard {
             }, type: "primary", name: "chevron-down" }))), h("div", { class: "header__content" }, this.subtitle && h("p", { class: "header__subtitle" }, this.subtitle), hasPrice && (h("div", { class: "header__price-line" }, h("div", { class: "header__price-main" }, pricePrefix && h("span", { class: "header__price-prefix" }, pricePrefix), h("span", { class: "header__price-value" }, displayedPrice), priceSuffix && h("span", { class: "header__price-suffix" }, priceSuffix)), displayedOldPrice && (h("div", { class: "header__old-price" }, displayedOldPrice, priceSuffix ? ` ${priceSuffix}` : '')))), this.description && h("p", { class: "header__description" }, this.description))));
     };
     render() {
-        return (h(Host, { key: '46c0d13c5c57e34c3cc611c6cb76b0c3885348b3' }, h("div", { key: '6755c008905ee1b7b25868d8cfc5292b5cb12e0c', class: {
+        return (h(Host, { key: 'a88685a70c027c98ec763e160153aa6274d475b4' }, h("div", { key: 'b25bf28ca7e12d771a153db41313f76cd27b9737', class: {
                 'snicker-card': true,
                 [this.theme]: true,
                 'snicker-card--hoverable': this.isHoverable,
@@ -373,7 +373,7 @@ export class TetSnickerCard {
                 'snicker-card--unavailable': this.isUnavailableState,
                 'snicker-card--subscribed': this.isSubscribedState,
                 'snicker-card--with-badge': !!this.topBadge
-            }, onClick: this.onCardClick }, this.renderTopBadge(), this.renderSubscriptionStrip(), h("tet-accordion", { key: '5fc2655e48452dd4b8806f21b6e81ba0bbc54a4a', ref: (el) => (this.accordionEl = el), class: "accordion", theme: this.theme, isOpen: this.isAccordionOpen, onOpenChanged: this.onAccordionChanged, transparentBackground: true, isHeaderInteractive: false }, h("div", { key: 'e0c0f8888cb0cdd13a695458ae3eebb05804b846', slot: "header", class: "accordion__header" }, this.renderHeader()), h("div", { key: '821a1f12fb765c17635ae9011f08d4f0a2d46565', class: "accordion__content" }, this.renderInlineMessage(), this.renderSelection(), this.renderBenefits(), this.renderPackageItems(), this.renderSubscriptionItems())), this.renderBottomSection())));
+            }, onClick: this.onCardClick }, this.renderTopBadge(), this.renderSubscriptionStrip(), h("tet-accordion", { key: '9bdfeae578b8a42b01413e1aa47d886cfecac7e3', ref: (el) => (this.accordionEl = el), class: "accordion", theme: this.theme, isOpen: this.isAccordionOpen, onOpenChanged: this.onAccordionChanged, transparentBackground: true, isHeaderInteractive: false }, h("div", { key: '117b36e8d38bf5dd52fbe67c499409bf06ea2aea', slot: "header", class: "accordion__header" }, this.renderHeader()), h("div", { key: 'c6f735fc40f69b1a0d882b0ed5cba29006b9b222', class: "accordion__content" }, this.renderInlineMessage(), this.renderSelection(), this.renderBenefits(), this.renderPackageItems(), this.renderSubscriptionItems())), this.renderBottomSection())));
     }
     static get is() { return "tet-snicker-card"; }
     static get encapsulation() { return "shadow"; }

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

@@ -202,7 +202,7 @@ export class TetSnickerCardGroup {
         this.applySelectionToChildren();
     };
     render() {
-        return (h(Host, { key: 'ac1fa4db1ed9eadcf4cf1a3a0ab3b1663547d07c', role: this.selectionType === 'radio' ? 'radiogroup' : 'group', onCardClick: this.handleCardClick, onKeyDown: this.handleKeyDown }, h("slot", { key: 'b61fdc911779e541821fa20c9f65a96ea4e97b1d', onSlotchange: this.handleSlotChange })));
+        return (h(Host, { key: '123b2befa77e439f3367bf65e62843add86fac26', role: this.selectionType === 'radio' ? 'radiogroup' : 'group', onCardClick: this.handleCardClick, onKeyDown: this.handleKeyDown }, h("slot", { key: 'a7e59b193c1c373814faee1f2a845ac2ade52ade', onSlotchange: this.handleSlotChange })));
     }
     static get is() { return "tet-snicker-card-group"; }
     static get encapsulation() { return "shadow"; }

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

@@ -122,7 +122,7 @@ export class TetCustomerAssets {
         return (h("tet-selection-list", { items: assets, itemRenderFunction: assetRenderFunction, multipleSelections: false, class: "item", exportparts: "label", onItemSelected: this.selectAsset }));
     };
     render() {
-        return (h(Host, { key: '2ca1a5f196927aef1ef47a3dc8400aa6d33f9ae8' }, h("div", { key: '6d3c52a6e3d1b4a3b59545c55dc4874e5894d099', class: { wrapper: this.showLoader && this.singleLoader, 'dark-theme': this.darkTheme } }, this.showLoader && this.singleLoader
+        return (h(Host, { key: '9f3805787a389a54ca6bd3a19e2cb43675007765' }, h("div", { key: 'b57f95f232e7f60cb01ae9e2aed7b97986700616', 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

@@ -47,9 +47,9 @@ export class TetReferral {
         });
     };
     render() {
-        return (h(Host, { key: 'dd7c502a8418522f1f0ec2723df10251d5f7dc6a' }, h("div", { key: '89963a6675869837ecbb091b33b7aa9109b192d8', class: "wrapper" }, h(ThemeWrapper, { key: 'e6f9fcd7bf4ffcdde2299ca9bcb22bf86141498b', theme: this.theme }, h("div", { key: 'e8156023d8a4dcab496d6fbd8fdc5022783ebff2', class: "image-container" }, h("img", { key: 'f7e7787938c05394bdacb8124a5c230d449d9699', src: t('components-referral-image-url'), alt: "" })), h("div", { key: '674d759aa401074b4ddd3a8544b263f45730e5ad', class: "subtitle-container" }, t('components-referral-subtitle')), h("div", { key: 'f38202ce494c333d44b781db56a0929ad52a3708', class: "description-container", innerHTML: t('components-referral-description') }), h("div", { key: '195e149265c3f77a6cc39d3b753a063d0bef95db', class: "referral-block" }, h("div", { key: 'cf0dca5d0d25bb6f2a2cee90011b9a63510fb70c', class: "url-wrapper" }, h("div", { key: 'd225d7b787256cdb0cba403641111cd6b4a4b9a1', class: "referral-url" }, this.getReferralUrl()), h("div", { key: 'b989c6755eff6b569a40c2683368526f614e20be' }, h("div", { key: '66cd05660eeaea5958529b63fe6a6cc051e9715b', class: "button-wrapper" }, h("tet-tooltip", { key: 'b7e2dbe475899233b7a90b1ee181473e71a4d059', theme: this.theme, class: "tooltip", doNotShowOnHover: true, ref: (el) => {
+        return (h(Host, { key: '82f77e47748a0b7a92ebf0faba1398cc0c18d70d' }, h("div", { key: 'efb20b5f8301791df19b1ce4a33deaa75a96769d', class: "wrapper" }, h(ThemeWrapper, { key: '9838f2d2c5a3ed603506ff0cd5c20cd8e719bfea', theme: this.theme }, h("div", { key: 'd0426f1f0fe7a8c3fa114b7fc646066430422707', class: "image-container" }, h("img", { key: 'c878e8bc22a0f4fe90d6481a8e2ebf33a7b7702d', src: t('components-referral-image-url'), alt: "" })), h("div", { key: 'b1c9d4581f4fdc456d9ae8efa218568974fb019f', class: "subtitle-container" }, t('components-referral-subtitle')), h("div", { key: '0998dccc636b6c9c1b74e72fe78980b59c7bc95d', class: "description-container", innerHTML: t('components-referral-description') }), h("div", { key: '38c470bcda550ff2f6c0cc819e8d80411b4a1648', class: "referral-block" }, h("div", { key: '242fba077e1ed5f7ec004935ba01dde99f624a09', class: "url-wrapper" }, h("div", { key: 'e065a40693e68e46d6c76333ba07c41d55b3602d', class: "referral-url" }, this.getReferralUrl()), h("div", { key: 'f6143305c9fc7a9515ce3c128ded1984a75cf032' }, h("div", { key: '7735352c0d9ee0e51513b335ad7c60bc894cda83', class: "button-wrapper" }, h("tet-tooltip", { key: '2989c36bb674cac2ca08199f11b915afbc397ea9', theme: this.theme, class: "tooltip", doNotShowOnHover: true, ref: (el) => {
                 this.tooltip = el;
-            } }, t('components-referral-tooltip')), h("tet-button", { key: '3e43e297b7a7b4288f6600f679ecf169700886af', clickCallback: this.copyToClipBoard, type: "primary", theme: this.theme }, t('components-referral-copy-button-label'))))))))));
+            } }, t('components-referral-tooltip')), h("tet-button", { key: '111a86f83782de1da313e2acdae5dafb61e395bc', 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

@@ -130,7 +130,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: '4dca9ee4d85af56705c08f0914042a7fa84a958c', class: "multi-step-dialog" }, h("tet-dialog", { key: 'dce859a4241284d73d46e127b7d99e35404c2233', 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: 'e7a7edf740d54df9ca3e104bc7401aad0ede9cf3', innerHTML: this.content }), this.steps.map((step, index) => (this.renderStep(step, index))), h("tet-button", { key: 'ebe71b05eed94a982a09b3825900883fd3be5e55', 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: '904dde9cacb245a99bc5121554620d2bd384edab', 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: '9217a68bfb73c71f626e2756e4b558320906ab6c', class: "multi-step-dialog" }, h("tet-dialog", { key: 'b50c1da7ac898a768dc24a51ce5c4e8ee9921089', 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: 'ffd2f3dac21a95a9c00689c2c9a52869af2bbe99', innerHTML: this.content }), this.steps.map((step, index) => (this.renderStep(step, index))), h("tet-button", { key: 'e9b69034980ad9627e3c3fd49085b59906fb416a', 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: '3175b1b043a84f5ebfdbe71b63e057892dedc085', 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 properties() {

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

@@ -132,7 +132,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: '5a4c869cb0502b697bf9f8dd2c1c9c43e97f91b1', class: { 'dark-theme': this.darkTheme } }, this.success ? this.renderSuccessStep() : this.renderForm()));
+        return (h("div", { key: 'ff9558fb4b908ed6e074aebe4c50d71d735bb25a', 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

@@ -150,11 +150,11 @@ export class TetAvailabilityContactForm {
     }
     render() {
         const { theme } = this;
-        return (h("tet-dialog", { key: 'd8925db6b3c1e0e0da9e3890b37c0129cec76db7', 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: '7012e007389b45790cff730c8ed243cd475291c1', 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: '2f065c07e2e9910e41cc29f7acc717d4ad80a8ee', class: { 'modal-form-card-content': true, [`${theme}`]: true } }, h("div", { key: '57560346eae810ec41714a3853a8ebee4f2cdb80', class: "modal-form-card-content-header" }, h("div", { key: 'aac3c75305695a0a6c3a2f36d8b6528d69a6dae7', class: "icon-wrapper" }, h("tet-icon", { key: '80ac483feebe54668dc8a6961b684646a62660de', class: "icon", name: "tc-company-1" })), h("span", { key: 'd3ed184c5236a2ffbcec9589d7a6884e41e5fb32', class: "modal-form-card-content-header__title" }, t('components-b2b-check-out-form-title')), h("span", { key: 'd3e2d92d1c65871095884fe90db0357fc761786e', class: "modal-form-card-content-header__description" }, t('components-b2b-check-out-form-description'))), h("div", { key: '5f21bc7d371c66f5c02f12b20ae240fe953d5849', class: "modal-form-card-content-accordion-wrapper" }, h("slot", { key: '405d195696bfb88a30c858d0b374c7c4e514259f', name: "cart" })), h("form", { key: '560c2e5ae2db613ac766ced977180de03c87e5d1', id: "checkOutForm", class: "modal-form-card-form", ref: (ref) => (this.checkOutForm = ref) }, h("div", { key: 'd5c0baae57596bcb2138758ba85f3674979c5ba4', class: "modal-form-card-input__row" }, this.renderInput('companyRegNr', t('components-b2b-check-out-form-company-registration-number-input-label'), '40000000001', 'company-reg', '11'), 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'), '', 'name'), h("div", { key: '673dd87fbada13af6c671ae9cff17c08b22c2e45', class: "modal-form-card-input__row" }, this.renderInput('email', t('components-b2b-check-out-form-email-input-label'), 'contact@company.com', 'email'), this.renderInput('phoneNr', t('components-b2b-check-out-form-phone-number-input-label'), '22222222', 'phone', '8')), h("tet-checkbox", { key: '1f03f406f1e4f48e42010e2f822a3c2c5ea61842', class: "modal-form-card-content-checkbox", label: t('components-check-out-form-privacy-policy'), theme: theme }), h("slot", { key: '017ddf7cf34121b7c8273d80fa949a3d56e555e4', name: "extra-fields", ref: (element) => (this.extraFieldsSlotElement = element) }))), h("div", { key: '4c58534733deeac535485e22c427f7b94f480454', slot: "footer", class: "modal-form-card-footer" }, h("tet-button", { key: '378dd6fad86e10ff995ca0651a239633362a9a68', type: "secondary", size: "medium", theme: theme, onClick: () => {
+            } }, h("div", { key: '757108cbc232e91e5db507d6e44cb6a9c4ae24d1', class: { 'modal-form-card-content': true, [`${theme}`]: true } }, h("div", { key: 'ea781a249a3d817b4f97625e7aa28680f07fa4ee', class: "modal-form-card-content-header" }, h("div", { key: 'e1d91e657be5b4e570447c29bb69a06eb71cf1c6', class: "icon-wrapper" }, h("tet-icon", { key: '5aee04766679b484c460838e571917c853e79508', class: "icon", name: "tc-company-1" })), h("span", { key: '01906c6d923c02f05b382525f200590fd36fb1d0', class: "modal-form-card-content-header__title" }, t('components-b2b-check-out-form-title')), h("span", { key: 'ddfb3c9cb711c2b4f077b0905228c245b136342e', class: "modal-form-card-content-header__description" }, t('components-b2b-check-out-form-description'))), h("div", { key: 'eacc5483b6924da65e30fd244351facf8bd86fff', class: "modal-form-card-content-accordion-wrapper" }, h("slot", { key: 'f9d57f738606f9f79344be5becca6fdcbc1e66f6', name: "cart" })), h("form", { key: '756fbe7232bf1ca98312bb5f1a77445f247f660c', id: "checkOutForm", class: "modal-form-card-form", ref: (ref) => (this.checkOutForm = ref) }, h("div", { key: '7b11eba9271b9551a71d6aee45d60d77589fa7e5', class: "modal-form-card-input__row" }, this.renderInput('companyRegNr', t('components-b2b-check-out-form-company-registration-number-input-label'), '40000000001', 'company-reg', '11'), 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'), '', 'name'), h("div", { key: 'be2d3d2fa6e1c9900dbd2f8703c878db90ef1bf4', class: "modal-form-card-input__row" }, this.renderInput('email', t('components-b2b-check-out-form-email-input-label'), 'contact@company.com', 'email'), this.renderInput('phoneNr', t('components-b2b-check-out-form-phone-number-input-label'), '22222222', 'phone', '8')), h("tet-checkbox", { key: '2e7b66967f87b4e2bcc6217c609f7a36fd1473af', class: "modal-form-card-content-checkbox", label: t('components-check-out-form-privacy-policy'), theme: theme }), h("slot", { key: '77e48b338a83d8d0da07886da94f9d9a65fde0c0', name: "extra-fields", ref: (element) => (this.extraFieldsSlotElement = element) }))), h("div", { key: 'ed611190ec2bdcb6cd5f99ae86351d8f4e1e9680', slot: "footer", class: "modal-form-card-footer" }, h("tet-button", { key: '0ff5e2eb1e41adf60400ae4e5c20da80d56252aa', type: "secondary", size: "medium", theme: theme, onClick: () => {
                 this.dialogElement.close();
-            } }, t('components-b2b-check-out-form-close-button-label')), h("tet-button", { key: '7dfab35ffe04e92b77438d914a89730caca4f1fa', 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: '5e0fc037a2ca53273ac0a7d2b90567d94cdd3a13', 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

@@ -73,7 +73,7 @@ export class TetContactForm {
         return (h("div", { class: "loader-overlay" }, h("tet-loader", { class: "loader" })));
     };
     render() {
-        return (h("div", { key: '85250535e3da6fe297820de3667bd98ec68c4228', class: { 'dark-theme': this.darkTheme } }, h("tet-container", { key: 'fd5eb3f3991a890c3df86b175e8771b6ca361417', class: "container" }, this.showLoader && this.renderLoader(), h("div", { key: 'f09616199e1f9dead9756ee680392514103d4a77', class: "form-container" }, this.showTitle && h("h2", { key: 'e8fa0610d1e0b380130142a07a3d4ac7fecd09ef', class: "form-title" }, t('components-contact-form-title')), h("p", { key: 'ace61610cc5e7fbda4336a0ee2f3c4d3a8a83293', class: "form-subtitle" }, t(this.subtitle)), h("tet-input", { key: '8fae3bd81cd56cd8df38c45e03bd86a27c73f5e9', 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", { key: '57005c4a1b768a81cff3176471a2a1a8e82ea02d', class: "form-submit", type: "primary", clickCallback: this.createManualTask, innerHTML: t('components-contact-form-submit'), ...this.submitButtonProps })))));
+        return (h("div", { key: '583aabef9a619f440751919ef06ccf47c55c5be8', class: { 'dark-theme': this.darkTheme } }, h("tet-container", { key: 'f77b3134fd472fe49986356d7d7607ed1c337795', class: "container" }, this.showLoader && this.renderLoader(), h("div", { key: '1f4fe738af3aad50eddb6fa1d6a838237784333d', class: "form-container" }, this.showTitle && h("h2", { key: '234c668923d1eb50d717012442e457c9a181c795', class: "form-title" }, t('components-contact-form-title')), h("p", { key: '011107869287092bf08288aea16407438e8074b4', class: "form-subtitle" }, t(this.subtitle)), h("tet-input", { key: 'e2693549ee1508ff92bc48b90fff07185cf56715', 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", { key: 'b6cacae9265fdae565875ce29bd94b152e651298', 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/forms/tet-feedback-form/tet-feedback-form.js

@@ -248,7 +248,7 @@ export class TetFeedbackForm {
         return (h("div", { class: "feedback-form__thank-you", "aria-live": "polite" }, h("tet-icon", { class: "icon", name: thankYouIconName }), h("div", { class: "text-block" }, h(HeadingTag, { class: "title" }, thankYouTitle), h("p", { class: "description" }, thankYouDescription))));
     }
     render() {
-        return (h(Host, { key: 'f4ee05975cf4bd7aeefa38709a08a47512be53e1' }, h("section", { key: 'ee523d327ce51ab2c33645fa9587a9b8072a0b20', class: "feedback-form" }, this.submitted ? this.renderThankYouComponent() : this.renderAccordionComponent())));
+        return (h(Host, { key: '96d62216ab9658ef40bd5ca7ccb3b3531ad39069' }, h("section", { key: '1b83c98fbc72464870f5ce6dac782c047693ade1', class: "feedback-form" }, this.submitted ? this.renderThankYouComponent() : this.renderAccordionComponent())));
     }
     static get is() { return "tet-feedback-form"; }
     static get encapsulation() { return "shadow"; }

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

@@ -33,7 +33,7 @@ export class TetTvGiftBlock {
         }
     };
     render() {
-        return (h(Host, { key: 'e7919090d9adeb63d9f1f933b5332a2ed26556a2' }, h("div", { key: '76b75e21d02dc88629075d5dde3a2ba2029e5575', class: { 'tv-gift': true, [`tv-gift--${this.containerSize}`]: true } }, h("div", { key: 'd5448de3ed868215f7d9e3ca5cce5a45a12798e4', class: "tv-gift__header" }, h("slot", { key: 'd6009930b0c2d7ad009fa9708494c1084d43ea30', name: "header" }, this.headerImageSrc && h("img", { key: 'ba0e69a07f117765e6dda60d9080f59c356b2a02', class: "tv-gift__header__image", src: this.headerImageSrc }), h("div", { key: '678689f84a659d07cc361769dfa04dad0e6f7300', class: "tv-gift__header-text" }, this.headerTitle))), h("div", { key: '6d061fc66aef89fb6c0714cae182564e7162cf3e', class: "tv-gift__content" }, h("slot", { key: '910e7de8e12ba300be2e0cff12c09058a8111f50' })), h("div", { key: '70be17e42d821f8b2614f0cc5a202c2961d2c99b', class: "tv-gift__footer" }, h("slot", { key: '9dcc4e67750bf6c5cb2b321416ea179433048381', name: "footer" }, h("span", { key: 'be2f2a9629bdefd71ad826296dd35884f15b3cb7', class: "tv-gift__footer__title" }, this.footerTitle), h("span", { key: '6d9eee3ea27990a7ed3ac3312ca77aa87b29552a', class: "tv-gift__footer__text" }, this.footerText))))));
+        return (h(Host, { key: 'cc14bbabad9ea3fb4fa3f8a8845fd4e79f329c20' }, h("div", { key: '3fce4101cb146506dc17f780fc90c41642b03924', class: { 'tv-gift': true, [`tv-gift--${this.containerSize}`]: true } }, h("div", { key: '4acd2088e6da7757cbabd7c2ba323d3f173a6676', class: "tv-gift__header" }, h("slot", { key: 'd0f9bac47c5bf5f5121c01f0a6cf040b946ebfc1', name: "header" }, this.headerImageSrc && h("img", { key: '93134351619719edb00f6ab153fb2e2de4480f2f', class: "tv-gift__header__image", src: this.headerImageSrc }), h("div", { key: '4cf7b5dec477f05ac3e30b461180b4f6f19ce3db', class: "tv-gift__header-text" }, this.headerTitle))), h("div", { key: 'd01f3126578674409ac82d6239cc63d1c3159814', class: "tv-gift__content" }, h("slot", { key: 'e1e02a0d6a5e92fd8d05fb327692196d288bd88e' })), h("div", { key: 'f86df24a2ff20d7a9d0f76481ca08fa5302494d0', class: "tv-gift__footer" }, h("slot", { key: 'd6f26a49bc5b6ca278fb2fbf634db2061f04ae0c', name: "footer" }, h("span", { key: '347f42cf7b311a3cd36864c1ba6a3b06fab13628', class: "tv-gift__footer__title" }, this.footerTitle), h("span", { key: '022ed6c7e29d73f2f5adac28d5e2726438e8e902', 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

@@ -36,11 +36,11 @@ export class TetTvGiftList {
         }
     };
     render() {
-        return (h(Host, { key: '31519e350b60b5675b7b168065201b9f6d363b44' }, h("div", { key: '0d2380ee0f6f128e53c4b73b61c4452614e11bd1', class: {
+        return (h(Host, { key: '4260d1ce07a1a2933b37c768ec09badf3046dd21' }, h("div", { key: 'f934dfb005c0353c2c8ef5c707fe6d6a095d0d16', class: {
                 'tv-gift-list': true,
                 [`tv-gift-list--${this.containerSize}`]: true,
                 'tv-gift-list--image-list': Boolean(this.imageSource),
-            } }, this.imageSource && (h("div", { key: 'ebeeb2ee58a036d89bc03fa67f0d23c5b5cde617', class: "tv-gift-list__image__wrapper" }, h("img", { key: '82de3c77fa2961500582e3e6d316f8b610c5febd', class: "tv-gift-list__image", src: this.imageSource }))), h("div", { key: 'fddfc671f617bc8ddde537e04e908baf3ad4a987', class: "tv-gift-list__list__wrapper" }, h("span", { key: '4fb4183b877fc4c6aad698f3ad811139e5fe5310', class: "tv-gift-list__list__header" }, this.header), h("ul", { key: '731cc40224890bdfab75e11aa81fd730a133dd4a', 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: 'f912cc6bca2c53682a5ebe489c3e4dc93c387170', class: "tv-gift-list__image__wrapper" }, h("img", { key: 'b1c54fc0b0c9b9d7757b04c3286ef648ba9d4ff0', class: "tv-gift-list__image", src: this.imageSource }))), h("div", { key: '690b5f68631b814db053888785394ac6a712d142', class: "tv-gift-list__list__wrapper" }, h("span", { key: 'd89b80a4cfec388c62314204aef7736506837836', class: "tv-gift-list__list__header" }, this.header), h("ul", { key: 'c42b05b974e22e407f762e0d78a519ece0d3ff81', 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/advanced/search/tet-support-search/tet-support-search.js

@@ -204,11 +204,11 @@ export class TetSupportSearch {
         ])))))));
     }
     render() {
-        return (h(Host, { key: '79a72a212b3469d02aae7ff9263ed8d63d87f6a6', class: {
+        return (h(Host, { key: '14d26e407d996031cd37d6c99c09b0eabcc94375', class: {
                 "search-container": true,
                 [this.theme]: true,
-            } }, h("div", { key: 'b5a5ec3323762bf2184838d5498a1b348989385d', class: "search-container__inner-wrapper" }, h("tet-autocomplete", { key: 'f71570464de034c9362b68bc2f9f244302881c21', optionsFilterAction: this.debounceOptionsFilter, onOptionSelected: this.boundHandleAutocompleteOptionSelection, onSearchTextSubmitted: this.boundHandleAutocompleteSearchSubmit, noOptionsMessage: this.labels.notFoundMessage, customOptionRenderFunction: this.boundRenderOption, finishedLoading: this.boundFinishedLoadingFunction, clearCallback: () => this.resetInputState(), darkTheme: this.theme === 'dark', newStyle: true, ref: (el) => (this.autocompleteComponent = el) }, h("tet-input", { key: '978674c41a9a07d360efde321662133f6a52fe25', class: "search-container__input", "input-class": `autocomplete-input search-container__input ${this.isLoading ? 'with-loader' : ''}`, "input-placeholder": this.labels.placeholder, "input-disabled": this.disabled, label: this.showInputLabel ? this.labels.label : undefined, accessibilityLabel: this.showInputLabel ? undefined : this.labels.label, iconLeft: "tc-search-short", iconRight: this.inputIconRight, iconRightClickCallback: this.boundHandleClearInput, iconRightAccessibilityLabel: this.labels.clearButtonLabel, theme: this.theme, ref: (el) => (this.inputComponent = el), autocomplete: "off", "input-value": this.inputValue }, this.isLoading &&
-            h("tet-spinner", { key: '9b4a600b1a3d24681a8b2d257671c9d36df4d9c7', theme: this.theme, class: "search-container__spinner", size: "small" }))), h("tet-button", { key: '243e34c4d9bd9a8fa179d89de443067268c66afb', class: "search-container__button search-container__button--mobile", theme: this.theme, size: "small", "accessibility-label": this.labels.searchButtonLabel, iconName: "tc-arrow-right", iconMode: true, disabled: this.disabled, onClick: this.boundHandleSearchSubmit }), h("tet-button", { key: '75a5322d2e32870324a5b5980b74f1b044564e60', class: "search-container__button search-container__button--desktop", theme: this.theme, size: "medium", disabled: this.disabled, onClick: this.boundHandleSearchSubmit }, this.labels.searchButtonLabel))));
+            } }, h("div", { key: '566990a9dd44074a16caaea65cc4c16827086178', class: "search-container__inner-wrapper" }, h("tet-autocomplete", { key: '6cc0290fe383f5ea2ed5f9e95d049ea1866bf760', optionsFilterAction: this.debounceOptionsFilter, onOptionSelected: this.boundHandleAutocompleteOptionSelection, onSearchTextSubmitted: this.boundHandleAutocompleteSearchSubmit, noOptionsMessage: this.labels.notFoundMessage, customOptionRenderFunction: this.boundRenderOption, finishedLoading: this.boundFinishedLoadingFunction, clearCallback: () => this.resetInputState(), darkTheme: this.theme === 'dark', newStyle: true, ref: (el) => (this.autocompleteComponent = el) }, h("tet-input", { key: '0708b358b9e010a28b674c9d1592f049ca98f19e', class: "search-container__input", "input-class": `autocomplete-input search-container__input ${this.isLoading ? 'with-loader' : ''}`, "input-placeholder": this.labels.placeholder, "input-disabled": this.disabled, label: this.showInputLabel ? this.labels.label : undefined, accessibilityLabel: this.showInputLabel ? undefined : this.labels.label, iconLeft: "tc-search-short", iconRight: this.inputIconRight, iconRightClickCallback: this.boundHandleClearInput, iconRightAccessibilityLabel: this.labels.clearButtonLabel, theme: this.theme, ref: (el) => (this.inputComponent = el), autocomplete: "off", "input-value": this.inputValue }, this.isLoading &&
+            h("tet-spinner", { key: 'ccdb1e9f2d81d435a6c8584e20f63258cbf8354f', theme: this.theme, class: "search-container__spinner", size: "small" }))), h("tet-button", { key: '5996df17ad9bce25b61ff8e1846c6acf648022ae', class: "search-container__button search-container__button--mobile", theme: this.theme, size: "small", "accessibility-label": this.labels.searchButtonLabel, iconName: "tc-arrow-right", iconMode: true, disabled: this.disabled, onClick: this.boundHandleSearchSubmit }), h("tet-button", { key: 'e37a53d416210e302a4b9f20dc42420f07769a93', class: "search-container__button search-container__button--desktop", theme: this.theme, size: "medium", disabled: this.disabled, onClick: this.boundHandleSearchSubmit }, this.labels.searchButtonLabel))));
     }
     static get is() { return "tet-support-search"; }
     static get encapsulation() { return "shadow"; }

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

@@ -99,24 +99,24 @@ export class TetRadio {
     }
     render() {
         const { id, disabled, value, checked, name, label, accessibilityLabel, error, inputAutofocus, iconName, labelFont, alignCenter, hasSlotIcon, unavailable, iconType } = this;
-        return (h(Host, { key: '92d0faaa774f60c9b72ff5bfb06bf0549dbd732e' }, h("div", { key: '61af2cb7d15e35ce29bdbea80007161e886bbd35', class: { radio: true, [`radio-${this.theme}-theme`]: true } }, h("label", { key: '2a50e9a962b76f9d383ddfe9fa9667773ef4dab1', class: {
+        return (h(Host, { key: 'c2ba713dff6507e129a00e73bd769476ac99aab3' }, h("div", { key: '30e3a1a3b10e85f61d5fd5f24f04fe687637e6d6', class: { radio: true, [`radio-${this.theme}-theme`]: true } }, h("label", { key: '30daaeba312595817fe240e8622acf21028badcd', class: {
                 'radio__container': true,
                 'radio__container--focus-style': this.focusStyleOnContainer,
                 'radio__container--align-center': alignCenter,
-            }, htmlFor: id }, h("input", { key: 'd26d54057d5c052ca77f2b1866f0650d21a58229', class: {
+            }, htmlFor: id }, h("input", { key: '3fef4f5f39674f695fba7c4bff78e515c0eced50', class: {
                 "radio__html-input": true,
                 'radio__html-input--unavailable': unavailable,
-            }, id: id, name: name, type: "radio", value: value, disabled: disabled || unavailable, checked: checked, onChange: this.handleInputChange, autofocus: inputAutofocus, ...(accessibilityLabel ? { 'aria-label': accessibilityLabel } : {}) }), h("span", { key: '2bba9cb17108ebbcf104fffd94a72b8750d6b355', class: {
+            }, id: id, name: name, type: "radio", value: value, disabled: disabled || unavailable, checked: checked, onChange: this.handleInputChange, autofocus: inputAutofocus, ...(accessibilityLabel ? { 'aria-label': accessibilityLabel } : {}) }), h("span", { key: '956dcb460b4afe17959e246a73b8031f71aeec98', class: {
                 'radio__input-background': true,
                 'radio__input-background--has-label-prop': !!label,
                 ...(labelFont ? { [`radio__input-background--${labelFont}`]: true } : {}),
-            } }), h("span", { key: '3af4ee740e6b184f3395d44810f0d801bf8ee795', class: {
+            } }), h("span", { key: '26c562b40f078a9542f4ba2d864c170ef1107358', class: {
                 'radio__input': true,
                 'radio__input--error': error,
                 'radio__input--hide-focus-style': this.focusStyleOnContainer,
                 'radio__input--has-label-prop': !!label,
                 ...(labelFont ? { [`radio__input--${labelFont}`]: true } : {}),
-            } }), h("div", { key: '7a637b429fd507acc763849eb98b49eecb8894de', class: {
+            } }), h("div", { key: 'cded25c1d16c6ea1c6da14aa09d9e961080ef81b', class: {
                 'radio__label-container': true,
                 'radio__label-container--line-height': hasSlotIcon || !!iconName,
             } }, iconName ? (h("tet-icon", { theme: ['classic', 'light'].includes(this.theme) ? 'light' : 'dark', name: iconName, type: iconType, class: {
@@ -127,11 +127,11 @@ export class TetRadio {
                 'radio__label-slot-icon': true,
                 'radio__label-slot-icon--hidden': !hasSlotIcon,
                 ...(labelFont ? { [`radio__label-slot-icon--${labelFont}`]: true } : {}),
-            } }, h("slot", { name: "label-icon" }))), h("span", { key: 'd22cf820189a9d87fbb648a756b5390936e16054', class: {
+            } }, h("slot", { name: "label-icon" }))), h("span", { key: '772069369f03124021242c9280ccd4ea85deb8dd', class: {
                 'radio__label': true,
                 'radio__label--has-slot-icon': hasSlotIcon,
                 ...(labelFont ? { [`radio__label--${labelFont}`]: true } : {}),
-            }, innerHTML: label }, h("slot", { key: '65159335b20885115d031a1511d08c62987a6e68' })))))));
+            }, innerHTML: label }, h("slot", { key: 'fcf235453f9881465d1a9b273339324ae9a073fe' })))))));
     }
     static get is() { return "tet-radio"; }
     static get encapsulation() { return "scoped"; }

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

@@ -54,7 +54,7 @@ export class TetRadioBlocks {
     }
     render() {
         const { theme, blocks } = this;
-        return (h(Host, { key: '95c0ccd418bd0fe0c10c9fe67015cb590253ece6' }, h("div", { key: '4fca1d3c7d42685ec532c79d73197767730afe21', class: {
+        return (h(Host, { key: '9a1ac5080500e16dcd35a5deb34ee34c4c922906' }, h("div", { key: '7da20eddef3919e7a10651a67e26da5935907482', class: {
                 'radio-block__container': true,
                 [`radio-block-${theme}-theme`]: true,
                 [`row-of-${this.blocksPerRow}`]: !!this.blocksPerRow

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

@@ -46,16 +46,16 @@ export class TetSwitch {
     }
     render() {
         const { label, name, theme, disabled, checked, accessibilityLabel, labelFont, alignCenter, labelPosition } = this;
-        return (h(Host, { key: '8f83c21dd384662118c0e1ae6f1d189c8bd540ff' }, h("div", { key: 'cf540828b97b7e75268f2e2cd8164517f91672de', class: { 'switch': true, [`${theme}`]: true } }, h("label", { key: '239a5e82c4f419e0ad66f2d53e9c78b6ad3e8878', class: {
+        return (h(Host, { key: 'd6eceefd783c4583c27ec2367c98ca11e9d62ac9' }, h("div", { key: 'c1b3981427839f9a31cea2a4571e802122ea6883', class: { 'switch': true, [`${theme}`]: true } }, h("label", { key: '45616f538a6d3d467ebfd30c8cbd1962140a1a4f', class: {
                 'switch__container': true,
                 'switch__container--align-start': !alignCenter,
                 [`switch__container--${labelFont}`]: true,
                 'switch__container--focus-style': this.focusStyleOnContainer,
-            }, part: "switch-container", htmlFor: "tet-switch" }, h("input", { key: 'c167bb4274f31a0de83dfd928afb3ae3fbc14dd7', class: "switch__html-input", name: name, id: "tet-switch", type: "checkbox", disabled: disabled, checked: checked, onChange: this.handleChange.bind(this), ...(accessibilityLabel ? { "aria-label": accessibilityLabel } : {}) }), labelPosition === 'right' && this.renderSwitch(), h("span", { key: '364c159ed958a5db0e2a60d12710101eaa559dd3', class: {
+            }, part: "switch-container", htmlFor: "tet-switch" }, h("input", { key: '16f7e5822aef5e897db26b5f4c683387c9511370', class: "switch__html-input", name: name, id: "tet-switch", type: "checkbox", disabled: disabled, checked: checked, onChange: this.handleChange.bind(this), ...(accessibilityLabel ? { "aria-label": accessibilityLabel } : {}) }), labelPosition === 'right' && this.renderSwitch(), h("span", { key: 'ea7b7194ee194a61e155b4f65248117dd8563408', class: {
                 'switch__label': true,
                 ...(labelPosition === 'left' ? { 'switch__label--left': true } : {}),
                 ...(labelFont ? { [`switch__label--${labelFont}`]: true } : {}),
-            }, innerHTML: label }, h("slot", { key: '92df072650c0a88d9adcf27f6dc86eb945914102' })), labelPosition === 'left' && this.renderSwitch()))));
+            }, innerHTML: label }, h("slot", { key: 'eaba8585196f3ba5f4efdd09bf06e0e41360f835' })), labelPosition === 'left' && this.renderSwitch()))));
     }
     static get is() { return "tet-switch"; }
     static get encapsulation() { return "shadow"; }