@tet/tet-components 1.4.88-testing → 1.4.89-staging

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

@@ -253,7 +253,7 @@ export class TetAddressOffers {
             } }, name), h("div", { class: {
                 'upsell-block--amount': true,
                 'dark': isDarkTheme
-            } }, "+", amount, " ", t('components-euro')), h("div", { class: { 'upsell-block--tooltip': true } }, h("tet-icon", { class: "icon", name: "info-circle", focusable: true, theme: this.theme }), h("tet-tooltip", { theme: this.theme }, t('components-max-sport-upsell-tooltip-info'))))));
+            } }, "+", amount, " ", t('components-euro')), h("div", { class: { 'upsell-block--tooltip': true } }, h("tet-icon", { class: "icon", name: "tc-info-circle", focusable: true, theme: this.theme }), h("tet-tooltip", { theme: this.theme }, t('components-max-sport-upsell-tooltip-info'))))));
     }
     /**
      * Renders a single product.
@@ -435,7 +435,7 @@ export class TetAddressOffers {
         })));
     };
     render() {
-        return (h(Host, { key: 'a90403ed6ae0cb197da686df01b82bd61f0a22ee' }, this.showLoader ? this.renderLoader() : addressOffersStore.catalog && this.renderTopCategories()));
+        return (h(Host, { key: 'a55827563f2dd40f43188c67f9e54f1558edaf51' }, this.showLoader ? this.renderLoader() : addressOffersStore.catalog && this.renderTopCategories()));
     }
     static get is() { return "tet-address-offers"; }
     static get encapsulation() { return "shadow"; }

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: 'e0595dd4daebecb99d9297f009c6ac9c7ad267f9' }, addressOffersStore.availableFilters.length === 0 && this.renderLoader(), h("tet-tag-group", { key: '67746a7dd75d0228aa1e31e5c837937338dd9544', tags: addressOffersStore.availableFilters, language: this.language, theme: this.theme }), this.renderClearFilterBtn()));
+        return (h(Host, { key: '41d2347552f231fa9e53592eec2c6d47fa1de021' }, addressOffersStore.availableFilters.length === 0 && this.renderLoader(), h("tet-tag-group", { key: '286ee8c8aa4875a44d819688c02cf571c985d1e8', 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: '37b917408f0d33fe99a7e568eb64d83ec73959ad', class: {
+        return (h(Host, { key: '2deda1f48c49d32f24a8740dd24eba5da4a24560', 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: '4d2e8c2d872eaa557121bd9ed5086bb0d5a2cd3e', class: `address-search--redesigned__autocomplete
+            } }, h("tet-autocomplete", { key: '56d368695d949b8a28d3f1542ba96258c4084011', 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: '4636f89998b22788092074f869bd4e9237490411', class: "address-search--redesigned__close-button" }, h("tet-button", { key: '82224c1574fbd29c5e176efe1a72428da11946e5', 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: '088e8b0dcc31af11d914d00b1ebbb2ccd457c8d1', class: "address-search--redesigned__close-button" }, h("tet-button", { key: '1fedb3f60cd4da9bd31e37c91a8ce6760c6502aa', 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: '74b8a18546e867db025896dd46c970a1ef9ab15d' }, h("tet-autocomplete", { key: '7192a8569b41fc22339860741062c5853cb78c92', 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: 'b41667ee2a4152c684c2a076097f2a6093b59826', 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: '58e3ee0abcc075877c84351cede7dd4510542bbd', class: "error-message" }, this.errorMessage)));
+        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)));
     }
     static get is() { return "tet-autocomplete-dropdown"; }
     static get encapsulation() { return "shadow"; }

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

@@ -636,7 +636,7 @@ export class TetAssembler {
         if (!expandableSection) {
             return null;
         }
-        return (h("div", { class: "assembler__expanded-content", "aria-hidden": this.expanded ? 'false' : 'true' }, this.isBundle() ? (h("button", { class: "assembler__collapse-button", type: "button", "aria-label": t('components-assembler-close-button-label'), onClick: () => this.collapseAssembler() }, h("tet-icon", { name: "close" }))) : null, this.renderSection(expandableSection)));
+        return (h("div", { class: "assembler__expanded-content", "aria-hidden": this.expanded ? 'false' : 'true' }, this.isBundle() ? (h("button", { class: "assembler__collapse-button", type: "button", "aria-label": t('components-assembler-close-button-label'), onClick: () => this.collapseAssembler() }, h("tet-icon", { name: "tc-close" }))) : null, this.renderSection(expandableSection)));
     }
     renderSidePanel() {
         if (!this.getExpandableSection() &&
@@ -652,11 +652,11 @@ export class TetAssembler {
             !!this.getResolvedCollapsedTitle() ||
             !!this.getResolvedCollapsedButtonTitle() ||
             !!this.getResolvedCollapsedDescription();
-        return (h(Host, { key: 'c5b26de73483597b6bb4dcec2aaafa849bcf7ea4' }, h("div", { key: '0f2259f993c606a81412a7698bff2b8e1925cd4b', class: {
+        return (h(Host, { key: '5f82dd314e93fc5c9e6c4fdaabfaeab5530f77ea' }, h("div", { key: 'fb45cc40301b3de5863613f2f096918e46d2a5ed', class: {
                 'assembler-layout': true,
                 'has-side-panel': hasSidePanel,
                 'is-expanded': this.expanded
-            } }, this.renderSidePanel(), h("div", { key: '88082f45e2373f8901bc49d05daa66056e0a0fb7', class: "assembler" }, h("div", { key: 'ea2da55ae73662faca92606195e09821fde4a9d9', class: "assembler__configuration" }, h("div", { key: '26993c786cc73a51b9a4f57209d6835c54d5ae5b', class: "assembler__content" }, this.getVisibleSections().map((section) => this.renderSection(section)))), this.renderSummary()))));
+            } }, this.renderSidePanel(), h("div", { key: 'aecdcd2a6b3671c97ca2d5927f06802eef6576e6', class: "assembler" }, h("div", { key: '5b944224001dac98ed94e609f5f994c86f957165', class: "assembler__configuration" }, h("div", { key: '5b428d6f63673f8907446b10223330a49738749c', class: "assembler__content" }, this.getVisibleSections().map((section) => this.renderSection(section)))), this.renderSummary()))));
     }
     static get is() { return "tet-assembler"; }
     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: '66cd4ed33edaeb5f0ba02193b5ce8cfc7dd3ac67', class: { 'tet-business-compare-card': true, [`theme-${theme}`]: true } }, h("div", { key: '9deef241f977cb2e28a6e9d40e226b4452c2445d', class: "tet-business-compare-card__body" }, h("div", { key: '760765a7b080602b8f89102188c2d6b2ef7c09e6', class: "tet-business-compare-card__title" }, h("slot", { key: '582c331673312ebaf4c70ccd922188170fc29c5e', name: "title" }, h("h3", { key: 'dad1544dd009cab5aa603c39fd228c5322761acf' }, mainTitle))), h("div", { key: 'fecf1ae9a26b671b606c9f71ee266301b3b113ab', class: "tet-business-compare-card__content" }, h("slot", { key: '3a51dcf64ed8adc441bdcdcf7614c3faa867f49b', name: "content" }, !!bulletPoints?.length && (h("tet-text-list", { key: 'e2cbc1c3f44d3ee0de6011145b9215c363bf0c98', class: "bullet-points", theme: this.theme === 'dark' ? 'dark' : 'light' }, bulletPoints.map(bulletPoint => (h("p", null, bulletPoint)))))))), price && currency && (h("div", { key: '0fceb465bd51295dd74e2dc0297f48d67a55f282', class: "tet-business-compare-card__price-wrapper" }, pricePrefix && (h("div", { key: '696b56780d38dd2b3be227d4d28a147c2ae05bee', class: "tet-business-compare-card__price" }, h("span", { key: 'd58aebc336e2bccc6de3574a806c0e7ac5a51f98', class: "tet-business-compare-card__price-prefix" }, pricePrefix, "\u00A0"), price)), !pricePrefix && h("div", { key: '579225e1789dc8a791a42c6b953429d131e2af74', class: "tet-business-compare-card__price" }, price), h("div", { key: '688a07476590df9917aef36d9ace1bcbb81eb105', class: "tet-business-compare-card__price-currency" }, currency))), h("div", { key: 'd5b310ff19478f1d7ab1bc60d7ef2f64c0e9971d', class: {
+        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: {
                 'tet-business-compare-card__footer': true,
                 'tet-business-compare-card__footer--show': this.hasContentInFooter,
-            } }, h("slot", { key: '9d2c3d9748e752a3de6476f8e7a88b7ceb58d94d', ref: (slot) => (this.buttonSlotRef = slot), onSlotchange: this.checkFooterSlotContent, name: "button" }), h("slot", { key: 'd41acdb8dbef119224029581695e1dfb168fe972', ref: (slot) => (this.linkSlotRef = slot), onSlotchange: this.checkFooterSlotContent, name: "link" }))));
+            } }, 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" }))));
     }
     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

@@ -670,19 +670,19 @@ export class TetCardList {
         this.dimensions.element.width = elementRect.width;
     }
     render() {
-        return (h(Host, { key: '0b8cde183f9309ade1bcee281586575c266fc13b' }, h("div", { key: 'e6054f2a62ffc1cde80b39588512bc2487eea399', class: {
+        return (h(Host, { key: '1c078ff666bc596dc436e291b0d9b5fd50cc0b9d' }, h("div", { key: 'dab806bebe989163d3079a475f67c58f06341e62', class: {
                 'tet-card-list__container': true,
                 'tet-card-list--no-scroll': this.disableScroll,
                 [this.theme]: true,
-            }, part: "card-list-container" }, h("div", { key: '73452b7de472b7e0254a29516a39982c715cab97', class: "tet-card-list__scroll-container" }, h("div", { key: '34477458fe1e5479e618c3d8d17d9859eb213be7', part: "card-list", ref: el => (this.scrollContainerRef = el) }, h("slot", { key: '9f66e8ec14435eb6c50ce307386ec825777cfd5a' }))), h("tet-button", { key: '16a051b421a57462b8a2cbca9495a0bbedfcf087', theme: this.theme, iconMode: true, class: {
+            }, part: "card-list-container" }, h("div", { key: '30f1d62dfba377e9d49387f66863eb6a55c174c3', class: "tet-card-list__scroll-container" }, h("div", { key: '7cd48ae22d189e6ed3adabc3e8271f8939df11dc', part: "card-list", ref: el => (this.scrollContainerRef = el) }, h("slot", { key: '5a45686d3562b19e15798a2fe8caa60eea2d6b46' }))), h("tet-button", { key: 'adfed0db4180ce777c2879051a91476ce5b854c2', 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: '64e9ebd44fcc8e4af6113da2c024b101eeb94042', name: this.iconPrev && this.iconPrev !== '' ? this.iconPrev : 'chevron-left', class: "tet-card-list__control__icon" })), h("tet-button", { key: '0e2c62406edfad0b2b185177741295490a54d853', theme: this.theme, iconMode: true, class: {
+            }, onPointerDown: this.handleControlPointerDown, onPointerUp: this.handleLeftControl, onKeyUp: this.handleLeftControlKeyUp }, h("tet-icon", { key: 'e8378bed6bd0abd0dc1569fd8e166a5b5fdcdc98', name: this.iconPrev && this.iconPrev !== '' ? this.iconPrev : 'tc-chevron-left', class: "tet-card-list__control__icon" })), h("tet-button", { key: 'cccf267f121d2ed48cf33ee7c260a58981c5ab9f', 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: 'ff89c57ae39460d2e19fba0dfddc96f5a023c350', name: this.iconNext && this.iconNext !== '' ? this.iconNext : 'chevron-right', class: "tet-card-list__control__icon" })), h("div", { key: '697ee135d128942fd80b97f837bc1e60288cd5ef', class: { 'tet-card-list__scroll': true, 'tet-card-list--hidden': !this.withScrollbar } }, h("div", { key: 'bf056d8c714c5cc7e4e2e7d4b6f551adee69d4d8', class: "tet-card-list__scroll--thumb", ref: el => (this.scrollbarRef = el) })))));
+            }, onPointerDown: this.handleControlPointerDown, onPointerUp: this.handleRightControl, onKeyUp: this.handleRightControlKeyUp }, h("tet-icon", { key: '11cc99e271627794d60cd28ed399847ab3922164', name: this.iconNext && this.iconNext !== '' ? this.iconNext : 'tc-chevron-right', class: "tet-card-list__control__icon" })), h("div", { key: '09f0dbfc33cc52ba926f0374c0692e21273c3550', class: { 'tet-card-list__scroll': true, 'tet-card-list--hidden': !this.withScrollbar } }, h("div", { key: '5b14d1b532e5f988909724e726ea62fbd7d9e774', 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/tet-compare-card.js

@@ -268,7 +268,7 @@ export class TetCompareCard {
                 'no-divider': this.priceShownVertically
             }, part: "compare-card-title-wrapper" }, h("div", { class: {
                 'title-wrapper-inner': true
-            } }, this.options.heroTitle ? h("h3", { class: "hero-title" }, this.options.heroTitle) : '', this.options.mainTitle ? h("h3", { class: "main-title" }, this.options.mainTitle) : '', this.showSubTitle && this.options.subTitle ? (h("div", { class: "sub-title" }, this.options.subTitle, this.renderTooltip('infoItem'))) : (''), this.options.infoTitle ? h("div", { class: "info-title" }, this.options.infoTitle) : ''))) : (''), h("div", { class: "content-wrapper js-resize-content" }, h("div", { class: "custom-content-wrapper" }, h("slot", { name: "custom-slot" })), this.showBulletPoints && !this.options.bulletPointPositionBottom ? (h("div", { class: "bullet-points-wrapper" }, this.options?.bulletPoints?.map((bulletpoint) => (h("div", { class: "bullet-point" }, h("tet-icon", { class: "icon", name: "check-circle" }), h("div", { innerHTML: bulletpoint })))))) : (''), h("div", { class: "upsell-block" }, h("slot", { name: "upsell-block-slot" }))), this.options.netflixProductDescription ? (h("div", { class: "netflix-product-description" }, this.options.netflixProductDescription)) : (''), h("div", { class: "divided-information-wrapper js-resize-divide-slot" }, h("slot", { name: "divided-information-slot" }))), h("div", { class: "compare-card-half-40" }, h("div", { class: "price js-resize-price" }, this.options.price && !isNaN(parseFloat(this.options.price)) ? (h("div", { class: {
+            } }, this.options.heroTitle ? h("h3", { class: "hero-title" }, this.options.heroTitle) : '', this.options.mainTitle ? h("h3", { class: "main-title" }, this.options.mainTitle) : '', this.showSubTitle && this.options.subTitle ? (h("div", { class: "sub-title" }, this.options.subTitle, this.renderTooltip('infoItem'))) : (''), this.options.infoTitle ? h("div", { class: "info-title" }, this.options.infoTitle) : ''))) : (''), h("div", { class: "content-wrapper js-resize-content" }, h("div", { class: "custom-content-wrapper" }, h("slot", { name: "custom-slot" })), this.showBulletPoints && !this.options.bulletPointPositionBottom ? (h("div", { class: "bullet-points-wrapper" }, this.options?.bulletPoints?.map((bulletpoint) => (h("div", { class: "bullet-point" }, h("tet-icon", { class: "icon", name: "tc-check-circle" }), h("div", { innerHTML: bulletpoint })))))) : (''), h("div", { class: "upsell-block" }, h("slot", { name: "upsell-block-slot" }))), this.options.netflixProductDescription ? (h("div", { class: "netflix-product-description" }, this.options.netflixProductDescription)) : (''), h("div", { class: "divided-information-wrapper js-resize-divide-slot" }, h("slot", { name: "divided-information-slot" }))), h("div", { class: "compare-card-half-40" }, h("div", { class: "price js-resize-price" }, this.options.price && !isNaN(parseFloat(this.options.price)) ? (h("div", { class: {
                 'price-wrapper': true,
                 'price-wrap': this.options.priceWrap,
                 'price-flex-column': this.priceShownVertically
@@ -276,7 +276,7 @@ export class TetCompareCard {
                 'secondary-link': true,
                 'tet-link': true,
                 [`${this.secondaryLinkPosition}`]: true
-            } }, this.options.secondaryLinkOpenBlank ? (h("a", { target: "_blank", href: this.options.secondaryLink }, this.options.secondaryLinkText)) : (h("a", { href: this.options.secondaryLink }, this.options.secondaryLinkText))))), this.showBulletPoints && this.options.bulletPointPositionBottom ? (h("div", { class: "bullet-points-wrapper bottom" }, this.options?.bulletPoints?.map((bulletpoint) => (h("div", { class: "bullet-point" }, h("tet-icon", { class: "icon", name: "check-circle" }), h("div", { innerHTML: bulletpoint })))))) : ('')), this.cardScript ? h("link", { href: this.cardScript, rel: "stylesheet", type: "text/css" }) : '', h("div", { class: "data-hidden" }, h("div", { "data-attribute": "hero-title" }, this.options.heroTitle ? this.options.heroTitle : ''), h("div", { "data-attribute": "main-title" }, this.options.mainTitle ? this.options.mainTitle : ''), h("div", { "data-attribute": "sub-title" }, this.options.subTitle ? this.options.subTitle : ''), h("div", { "data-attribute": "price" }, this.options.price ? this.formatPrice(this.options.price) : ''), h("div", { "data-attribute": "old-price" }, this.options.oldPrice ? this.formatPrice(this.options.oldPrice) : ''), h("div", { "data-attribute": "term" }, this.options.term ? this.options.term : ''), h("div", { "data-attribute": "term-text" }, this.options.termText ? this.options.termText : ''), h("div", { "data-attribute": "helper" }, this.options.helper ? this.options.helper : ''), h("div", { "data-attribute": "description" }, h("slot", { name: "description-slot" })), h("div", { "data-attribute": "custom-slot" }, h("slot", { name: "custom-slot" })), this.showBulletPoints ? (h("div", { "data-attribute": "bullet-points" }, this.options?.bulletPoints?.map((bulletpoint) => (h("div", null, bulletpoint))))) : (''), h("div", { "data-attribute": "divided-information" }, h("slot", { name: "divided-information-slot" })), this.options.pricePrefix ?
+            } }, this.options.secondaryLinkOpenBlank ? (h("a", { target: "_blank", href: this.options.secondaryLink }, this.options.secondaryLinkText)) : (h("a", { href: this.options.secondaryLink }, this.options.secondaryLinkText))))), this.showBulletPoints && this.options.bulletPointPositionBottom ? (h("div", { class: "bullet-points-wrapper bottom" }, this.options?.bulletPoints?.map((bulletpoint) => (h("div", { class: "bullet-point" }, h("tet-icon", { class: "icon", name: "tc-check-circle" }), h("div", { innerHTML: bulletpoint })))))) : ('')), this.cardScript ? h("link", { href: this.cardScript, rel: "stylesheet", type: "text/css" }) : '', h("div", { class: "data-hidden" }, h("div", { "data-attribute": "hero-title" }, this.options.heroTitle ? this.options.heroTitle : ''), h("div", { "data-attribute": "main-title" }, this.options.mainTitle ? this.options.mainTitle : ''), h("div", { "data-attribute": "sub-title" }, this.options.subTitle ? this.options.subTitle : ''), h("div", { "data-attribute": "price" }, this.options.price ? this.formatPrice(this.options.price) : ''), h("div", { "data-attribute": "old-price" }, this.options.oldPrice ? this.formatPrice(this.options.oldPrice) : ''), h("div", { "data-attribute": "term" }, this.options.term ? this.options.term : ''), h("div", { "data-attribute": "term-text" }, this.options.termText ? this.options.termText : ''), h("div", { "data-attribute": "helper" }, this.options.helper ? this.options.helper : ''), h("div", { "data-attribute": "description" }, h("slot", { name: "description-slot" })), h("div", { "data-attribute": "custom-slot" }, h("slot", { name: "custom-slot" })), this.showBulletPoints ? (h("div", { "data-attribute": "bullet-points" }, this.options?.bulletPoints?.map((bulletpoint) => (h("div", null, bulletpoint))))) : (''), h("div", { "data-attribute": "divided-information" }, h("slot", { name: "divided-information-slot" })), this.options.pricePrefix ?
             h("div", { "data-attribute": "price-prefix" }, this.options.pricePrefix)
             : '', this.options.priceInfo ?
             h("div", { "data-attribute": "price-info" }, this.options.priceInfo)

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

@@ -283,7 +283,7 @@ export class TetCompareCardV2 {
                     'bonuss': true,
                     'bonuss--active': isActive,
                     'bonuss--inactive': !isActive
-                }, key: id }, h("tet-icon", { class: "bonuss__icon icon", name: "add" }), bonus.modalId ? (h("a", { "data-modal-screen-key": bonus.modalId, tabindex: "0", role: "button", class: "bonuss__text bonuss__link" }, bonus.name)) : (h("span", { class: "bonuss__text" }, bonus.name))));
+                }, key: id }, h("tet-icon", { class: "bonuss__icon icon", name: "tc-add" }), bonus.modalId ? (h("a", { "data-modal-screen-key": bonus.modalId, tabindex: "0", role: "button", class: "bonuss__text bonuss__link" }, bonus.name)) : (h("span", { class: "bonuss__text" }, bonus.name))));
         }))), h("tet-button", { class: "button", type: "primary", theme: "dark", colorTheme: "yellow", url: link, urlTarget: this.linkOpenBlank ? '_blank' : '_self' }, this.buttonTitle))), h("div", { class: "compare-card-half-40" }, h("div", { class: "content bottom" }, this.cardType === 'dropdown' && this.benefits.length > 0 ? (h("div", { class: "benefit-wrapper" }, h("span", { class: "benefit-title" }, this.benefitTitle), this?.benefits?.map((benefit) => this.benefitHandler(benefit, true)), h("tet-dropdown", { id: "dropdown", class: "dropdown", "button-label": "", "close-on-selection": "true", "flex-layout": "true", options: this.dropdownOptions }))) : (''), this.cardType === 'switcher' && this.benefits.length > 0 && (h("div", { class: "benefit-wrapper" }, h("span", { class: "benefit-title" }, this.benefitTitle), this.benefits.map((benefit) => {
             const benefitAsLink = benefit.dataAttributes && Object.keys(benefit.dataAttributes).length > 0;
             const benefitAsImg = !!benefit.img;
@@ -303,7 +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() {
-        return (h(Host, { key: 'a16375435aaf2368980814094ad58035dcfa694d', "data-contains-focusable-content": true }, this.showLoader ? this.renderLoader() : this.renderCard()));
+        return (h(Host, { key: 'a81331aacf7c7b6007bbe382e6921cda78db6c59', "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-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: '3341ec66e1058637c8219c74dd90304f0c2b0cf5', class: "card-wrapper" }, !!benefits.length && (h("div", { key: '5f3f8958b7f0a4a695a7c88457fe51571a883db3', 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: 'baf709372dbeb96ee7777809f8a5a0c975e2e500', class: { 'card__badge': true, 'no-price': this.price == null } }, h("p", { key: '55007795b5ca1c00fbcc001d0c96ae99c83f76eb', class: { 'card__badge-title': true, 'no-price': this.price == null } }, this.productTitle), h("div", { key: 'b9fb02a110e321f3aa5c00ff77f4ca0cb4126b94', class: "card__badge-content-wrapper" }, this.renderBadgeContent(), !!buttonLabel && (h("tet-button", { key: '910bb170576808b0d23fb2e844279b0cfeba4339', class: "card__badge-content-item__button", clickCallback: this.handleCtaClick, ref: (elm) => {
+        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) => {
                 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: 'b7911fd4cbedf9217c646386278cef6f96fa4847' }, h("span", { key: '4210184f5e64e4f0778b781949904226b6914546', class: classes }, h("span", { key: '2193bd7ae6cd07b9729dc216323e8ab4440e5ce9', class: "badge__text" }, this.badgeTitle ? this.badgeTitle : h("slot", null)))));
+        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)))));
     }
     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

@@ -342,7 +342,7 @@ export class TetSnickerCard {
             }, onClick: this.onBottomAccordionToggle }, h("span", { class: "footer__toggle-label" }, toggleLabel), h("tet-icon", { theme: this.theme, class: {
                 'footer__toggle-icon': true,
                 open: this.isAccordionOpen,
-            }, type: "primary", name: "chevron-down" })));
+            }, type: "primary", name: "tc-chevron-down" })));
     };
     renderBottomSection = () => {
         const hasLink = !!this.bottomLinkText;
@@ -395,10 +395,10 @@ export class TetSnickerCard {
             } }, h("div", { class: "header__top" }, h("div", { class: "header__top-left", "data-selection-target": "true", ref: (el) => (this.focusTargetEl = el ?? undefined), tabindex: selectionTabIndex, onKeyDown: this.isSelectable ? a11yBtnClick : undefined, role: this.isSelectable ? this.selectionType : undefined, "aria-checked": this.isSelectable ? String(this.isSelectedState) : undefined }, this.renderIndicator(), !this.indicator && h("h3", { class: "header__title" }, this.cardTitle)), h("button", { type: "button", class: "header__accordion-toggle", onClick: this.onHeaderAccordionToggle }, h("tet-icon", { theme: this.theme, class: {
                 'header__accordion-toggle-icon': true,
                 open: this.isAccordionOpen,
-            }, 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))));
+            }, type: "primary", name: "tc-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: '371d2a9f190550dc6c3619b5e715179dfdc6f9dd' }, h("div", { key: '4fbc106d3953798b920207e7f634f4149fa74bd0', class: {
+        return (h(Host, { key: '1f1c4557ff631305181c5a4306eaa042fc6fbe19' }, h("div", { key: '66fccd09ce69ecdf57d6d8485f6c5fa980d4becf', class: {
                 'snicker-card': true,
                 [this.theme]: true,
                 'snicker-card--hoverable': this.isHoverable,
@@ -407,7 +407,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: '35c14f2187e16025f710be0ab3bd5fcc83d86489', ref: (el) => (this.accordionEl = el), class: "accordion", theme: this.theme, isOpen: this.isAccordionOpen, onOpenChanged: this.onAccordionChanged, transparentBackground: true, isHeaderInteractive: false }, h("div", { key: '7a5e1e9a8f16d18a285b19ba5043f6d276bcc3bb', slot: "header", class: "accordion__header" }, this.renderHeader()), h("div", { key: '83ce840564025dc260ef0f69b30f1c0c87fe4151', class: "accordion__content" }, this.renderInlineMessage(), this.renderSelection(), this.renderSegmentSwitch(), this.renderBenefits(), this.renderPackageItems(), this.renderSubscriptionItems())), this.renderBottomSection())));
+            }, onClick: this.onCardClick }, this.renderTopBadge(), this.renderSubscriptionStrip(), h("tet-accordion", { key: '36ff2060dd1beafa93e808bb73059a3b2c7c4b45', ref: (el) => (this.accordionEl = el), class: "accordion", theme: this.theme, isOpen: this.isAccordionOpen, onOpenChanged: this.onAccordionChanged, transparentBackground: true, isHeaderInteractive: false }, h("div", { key: 'ffb1fbd17cdc9ceeb05f461d3698220df88a006e', slot: "header", class: "accordion__header" }, this.renderHeader()), h("div", { key: 'd63c8b0e519a1a1c20b83c74a8f9f7765463b9dc', class: "accordion__content" }, this.renderInlineMessage(), this.renderSelection(), this.renderSegmentSwitch(), 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: 'd26a4cec45cdb8d391c947e3e05e1b07a52aedb3', role: this.selectionType === 'radio' ? 'radiogroup' : 'group', onCardClick: this.handleCardClick, onKeyDown: this.handleKeyDown }, h("slot", { key: 'a79290deac5955aa527f091c407a63e313552448', onSlotchange: this.handleSlotChange })));
+        return (h(Host, { key: 'ac1fa4db1ed9eadcf4cf1a3a0ab3b1663547d07c', role: this.selectionType === 'radio' ? 'radiogroup' : 'group', onCardClick: this.handleCardClick, onKeyDown: this.handleKeyDown }, h("slot", { key: 'b61fdc911779e541821fa20c9f65a96ea4e97b1d', onSlotchange: this.handleSlotChange })));
     }
     static get is() { return "tet-snicker-card-group"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/advanced/customer/tet-asset-addresses/tet-asset-addresses.js

@@ -134,16 +134,16 @@ export class TetAssetAddresses {
      * @param selected
      */
     renderAddress = (address, { selected }) => {
-        return (h("tet-container", { part: `selection-list-item-container ${selected && 'container-selected'}`, selected: selected }, h("tet-icon", { part: `icon ${selected && 'icon-selected'}`, name: "location" }), address.fullAddress, address.addressKey === this.lastAddedKey && (h("tet-icon", { part: `icon icon-right ${selected && 'icon-selected'}`, name: "close", onClick: this.removeAssetAddress }))));
+        return (h("tet-container", { part: `selection-list-item-container ${selected && 'container-selected'}`, selected: selected }, h("tet-icon", { part: `icon ${selected && 'icon-selected'}`, name: "tc-location" }), address.fullAddress, address.addressKey === this.lastAddedKey && (h("tet-icon", { part: `icon icon-right ${selected && 'icon-selected'}`, name: "tc-close", onClick: this.removeAssetAddress }))));
     };
     /**
      * Renders the list of client's asset addresses.
      */
     renderAddressList = () => {
-        return (h("div", { class: "list-container" }, h("tet-selection-list", { items: this.addresses, itemRenderFunction: this.renderAddress, multipleSelections: false, class: "selection-list", onItemSelected: this.selectAssetAddress }), !this.isAddressSearchVisible && (h("tet-container", { class: "selection-list-item-container" }, h("div", { onClick: this.showAddressSearch }, h("tet-icon", { class: "icon", name: "add" }), this.addressSearchLabel)))));
+        return (h("div", { class: "list-container" }, h("tet-selection-list", { items: this.addresses, itemRenderFunction: this.renderAddress, multipleSelections: false, class: "selection-list", onItemSelected: this.selectAssetAddress }), !this.isAddressSearchVisible && (h("tet-container", { class: "selection-list-item-container" }, h("div", { onClick: this.showAddressSearch }, h("tet-icon", { class: "icon", name: "tc-add" }), this.addressSearchLabel)))));
     };
     render() {
-        return (h(Host, { key: '9bcd84d279bf7c11617b207614f3f58cb4056bed', class: { 'asset-adddress-selection': true, [this.theme]: true } }, this.showLoader ? (h("tet-placeholder", { height: "12.5rem", darkTheme: this.theme === 'dark' })) : (this.renderAddressList()), this.isAddressSearchVisible && (h("tet-address-search", { key: 'b67263c930e66d03baba9f58e4d3d0cb9a823848', inputDisabled: !!this.lastAddedKey, language: "lv", placeholder: this.addressSearchPlaceholder, newStyle: true, theme: this.theme }))));
+        return (h(Host, { key: '8864153c60a6cacd025b1604de3c2c117198089b', class: { 'asset-adddress-selection': true, [this.theme]: true } }, this.showLoader ? (h("tet-placeholder", { height: "12.5rem", darkTheme: this.theme === 'dark' })) : (this.renderAddressList()), this.isAddressSearchVisible && (h("tet-address-search", { key: '6f8cd161759bd55b71e892e8baf144781e23e442', inputDisabled: !!this.lastAddedKey, language: "lv", placeholder: this.addressSearchPlaceholder, newStyle: true, theme: this.theme }))));
     }
     static get is() { return "tet-asset-addresses"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/advanced/customer/tet-asset-availability-addresses/tet-asset-availability-addresses.js

@@ -129,7 +129,7 @@ export class TetAssetAvailabilityAddresses {
      * @param selected
      */
     renderAddress(address, { selected }) {
-        return (h("tet-container", { part: `selection-list-item-container ${selected ? 'container-selected' : ''}`, selected: selected }, selected ? h("tet-icon", { name: "check", part: "selection-list-item-active", class: "icon" }) : '', h("tet-icon", { part: "icon", name: "home", class: "icon icon-size" }), h("span", { part: "selection-list-item-title" }, address.fullAddress)));
+        return (h("tet-container", { part: `selection-list-item-container ${selected ? 'container-selected' : ''}`, selected: selected }, selected ? h("tet-icon", { name: "tc-check", part: "selection-list-item-active", class: "icon" }) : '', h("tet-icon", { part: "icon", name: "tc-home", class: "icon icon-size" }), h("span", { part: "selection-list-item-title" }, address.fullAddress)));
     }
     ;
     /**
@@ -142,7 +142,7 @@ export class TetAssetAvailabilityAddresses {
     }
     ;
     render() {
-        return (h(Host, { key: '241b2a0fa0805a32672d5be6fb355b6c127904e0', class: { 'asset-adddress-selection': true, [this.theme]: true } }, this.showLoader ? (h("tet-placeholder", { height: "12.5rem", darkTheme: this.theme === 'dark' })) : (this.renderAddressList())));
+        return (h(Host, { key: 'f5cdafbd02b89ed321f03bfee0c48ec01a29e9ec', class: { 'asset-adddress-selection': true, [this.theme]: true } }, this.showLoader ? (h("tet-placeholder", { height: "12.5rem", darkTheme: this.theme === 'dark' })) : (this.renderAddressList())));
     }
     static get is() { return "tet-asset-availability-addresses"; }
     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: 'bcda0fdacaaa6d8a2431ba5fc871803461ac500f' }, h("div", { key: 'c3c38a87805c2c37429332f6b2d58f3f5d3890e2', class: { wrapper: this.showLoader && this.singleLoader, 'dark-theme': this.darkTheme } }, this.showLoader && this.singleLoader
+        return (h(Host, { key: '2ca1a5f196927aef1ef47a3dc8400aa6d33f9ae8' }, h("div", { key: '6d3c52a6e3d1b4a3b59545c55dc4874e5894d099', 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: '3df58c6196225141c2abd9332f697bf580bf0cc6' }, h("div", { key: '538ec00b8ea43c78e3409be1e317f5997c99dc5d', class: "wrapper" }, h(ThemeWrapper, { key: '4c5d6a78fa061a9129b11c81fe12e26f5ddd298d', theme: this.theme }, h("div", { key: '1caf32aeb6b501c5215bccddc5326d35c76e020e', class: "image-container" }, h("img", { key: '57d5f6af0de842e0af146c8f25d6bde29f17184d', src: t('components-referral-image-url'), alt: "" })), h("div", { key: '6271ec9e3e12100bbdc67f69c59fa36df93c1929', class: "subtitle-container" }, t('components-referral-subtitle')), h("div", { key: '62886d1cf4947262aa2a925330e4c0aa718a7f78', class: "description-container", innerHTML: t('components-referral-description') }), h("div", { key: '765e7e0f9aca058099a2ec56ff0e1f41464ecf11', class: "referral-block" }, h("div", { key: '70bd8a639ed401cdb30e367fcb2268bc6965316e', class: "url-wrapper" }, h("div", { key: '2b1f82c1baee31652b3fda4c74892d4f165434a1', class: "referral-url" }, this.getReferralUrl()), h("div", { key: '361a733d1aed6f45e7d779742ce41add0a78830f' }, h("div", { key: '1cad3bbaaaeee0fbba6bc2ffdd97f5c81db7a3e5', class: "button-wrapper" }, h("tet-tooltip", { key: 'c7826fee32aab314c750acccb11e2015556556f3', theme: this.theme, class: "tooltip", doNotShowOnHover: true, ref: (el) => {
+        return (h(Host, { key: '69df3f9bda055b142a2f40ba4de4a291b55250fa' }, h("div", { key: '55ec39c0b17b393b09b8388b215372c1e4117f9e', class: "wrapper" }, h(ThemeWrapper, { key: '10c996a0cdde86ab443ac7cd8413ed023e962ccf', theme: this.theme }, h("div", { key: '4f4a7d5cfec0f27a17614771b5598194eebf9100', class: "image-container" }, h("img", { key: '4c870aa3c09b8c7ce8059f4a9f3b8fa0d5cec815', src: t('components-referral-image-url'), alt: "" })), h("div", { key: '8dbceba3bf01701782add2f0f3769fc832472277', class: "subtitle-container" }, t('components-referral-subtitle')), h("div", { key: '55e719fc9003c48dce2380addce7ac63b35fcdea', class: "description-container", innerHTML: t('components-referral-description') }), h("div", { key: '6ea6232fc80514955cf85f3891886a9b243f669a', class: "referral-block" }, h("div", { key: '25b0eeeba7b94825aa31d21962ec418e0a7b1080', class: "url-wrapper" }, h("div", { key: 'b908bf77d7e2dbd4dd2b9d8f9181b40a124da46b', class: "referral-url" }, this.getReferralUrl()), h("div", { key: 'c40e9611b5f8b10549b4e90fc59fc87d58584de5' }, h("div", { key: '6691cdbcf6e57f092b848a1154adf259d5d6d91a', class: "button-wrapper" }, h("tet-tooltip", { key: '32d93928e8a6d486fa01199dfd51f92380c790af', theme: this.theme, class: "tooltip", doNotShowOnHover: true, ref: (el) => {
                 this.tooltip = el;
-            } }, t('components-referral-tooltip')), h("tet-button", { key: '1d86706c8ec45b69111d0fd11af6fd3a598488c8', clickCallback: this.copyToClipBoard, type: "primary", theme: this.theme }, t('components-referral-copy-button-label'))))))))));
+            } }, t('components-referral-tooltip')), h("tet-button", { key: '1e1e637e7212f9982da88ac90b412b4f262f9e27', 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: 'bd89ee2e5047760ac684b49b61f72d095076918e', class: "multi-step-dialog" }, h("tet-dialog", { key: '61ce62e4df844bfdcf8f59620fc6e1cedebc020e', 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: '63f73d21d6a650babacef7708af21fe187a34fee', innerHTML: this.content }), this.steps.map((step, index) => (this.renderStep(step, index))), h("tet-button", { key: '5bbed5e716ad44c98de6ca71518386d79a7198b0', 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: '236135dfce96be1cc705b0403d39d6fa371c221d', 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: 'd3abbf11ec6c9e5ec5eb20c2ea6c72db7bbd98b1', class: "multi-step-dialog" }, h("tet-dialog", { key: '72c409045b53a0a1539ade3f2ed07bc957455b5e', 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: 'bed0ec437d3b7bef6fcdd2652c27030605253547', innerHTML: this.content }), this.steps.map((step, index) => (this.renderStep(step, index))), h("tet-button", { key: '9cf26d51be80458d99c8a4a9f04f610f880b94c8', 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: 'ad50419a980f5641ebc4d35f9b91ab6342996d48', 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: '129434838d50dd8303900924a4a637fe81eaa3c4', class: { 'dark-theme': this.darkTheme } }, this.success ? this.renderSuccessStep() : this.renderForm()));
+        return (h("div", { key: '5a4c869cb0502b697bf9f8dd2c1c9c43e97f91b1', 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: '73d17b405beaa329dcdc142ce900e033856a8f90', 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: 'd8925db6b3c1e0e0da9e3890b37c0129cec76db7', 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: '9cf8933b99b5d0967983ade602edd63c91762e86', class: { 'modal-form-card-content': true, [`${theme}`]: true } }, h("div", { key: 'e0eac6b7d46724265036a434face62578b78c4de', class: "modal-form-card-content-header" }, h("div", { key: 'ecb884840ba37f36767a43fbb1ed4203f1183410', class: "icon-wrapper" }, h("tet-icon", { key: 'e36de21f7b88a0cf789dd3701d43937f80078f14', class: "icon", name: "tc-company-1" })), h("span", { key: '00382689298fed70908d118f63447564e310dfe3', class: "modal-form-card-content-header__title" }, t('components-b2b-check-out-form-title')), h("span", { key: 'e0256939a5166e9ca549919bea6e25fb9d72bcb6', class: "modal-form-card-content-header__description" }, t('components-b2b-check-out-form-description'))), h("div", { key: '6935744129160976ffcecf26a2fa4f1ab85a1b15', class: "modal-form-card-content-accordion-wrapper" }, h("slot", { key: 'e95a4a8f60832022e8118ec66fd723931cb41b9c', name: "cart" })), h("form", { key: 'da295f32025a963b8180fd931a6bbbca4c7abf02', id: "checkOutForm", class: "modal-form-card-form", ref: (ref) => (this.checkOutForm = ref) }, h("div", { key: '96308a157dc2d67eb6ee6414028b6240f53a8958', 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: '25d031e98c593e472d6c5acd4b5a5561622319a4', 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: 'bfa467f71ec091fb4f1808cc0300323cdc7ece72', class: "modal-form-card-content-checkbox", label: t('components-check-out-form-privacy-policy'), theme: theme }), h("slot", { key: 'bf1696229ff13bf26a7ba7819de5415eb2e8b999', name: "extra-fields", ref: (element) => (this.extraFieldsSlotElement = element) }))), h("div", { key: 'af75d291adb00a7e140e58a4c7d39a5ea764b12c', slot: "footer", class: "modal-form-card-footer" }, h("tet-button", { key: '54981801046a9532bb5158e77b542e8092d8e640', type: "secondary", size: "medium", theme: theme, onClick: () => {
+            } }, 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: () => {
                 this.dialogElement.close();
-            } }, t('components-b2b-check-out-form-close-button-label')), h("tet-button", { key: '031adc46bba159f30ab7c741806c7e12316f91ad', 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: '7dfab35ffe04e92b77438d914a89730caca4f1fa', 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: '58127dee20b5127f91d825d4957adf18841fc171', class: { 'dark-theme': this.darkTheme } }, h("tet-container", { key: 'df73a8cb49bbdf13a228f8635c9973a9b8fd9e81', class: "container" }, this.showLoader && this.renderLoader(), h("div", { key: '015b59349debb4aa1fb1cb2628911e4cb423cae9', class: "form-container" }, this.showTitle && h("h2", { key: '6da22757cfcae1875df43fa1d57215fe01faddf7', class: "form-title" }, t('components-contact-form-title')), h("p", { key: '69ef427532cf361b54dfea8db3fae6923f2778a5', class: "form-subtitle" }, t(this.subtitle)), h("tet-input", { key: 'c9ba48d61417dcafe0058379d98171f22e27870f', 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: '89bc451ff4f95fd1dd6b8d48f5341fa4db2710ea', class: "form-submit", type: "primary", clickCallback: this.createManualTask, innerHTML: t('components-contact-form-submit'), ...this.submitButtonProps })))));
+        return (h("div", { key: '155443dc73152fbd74a90cb8776c9638ffdf9d25', class: { 'dark-theme': this.darkTheme } }, h("tet-container", { key: '031bb83769d3b35d5725efbd35f8fde7905d57a4', class: "container" }, this.showLoader && this.renderLoader(), h("div", { key: 'b9334df28e8f889bc6ca5e943432a13040b70839', class: "form-container" }, this.showTitle && h("h2", { key: '44968042b6bc518a0cc0c10b8ccab1c8fbc05dd1', class: "form-title" }, t('components-contact-form-title')), h("p", { key: '3e56de818759f9a7b10e6c437622ee1852c0c15a', class: "form-subtitle" }, t(this.subtitle)), h("tet-input", { key: '2a994c4053672ef6572cfad8b5cd4ce6c38b1c91', 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: '6eb2f23f4d3e0499be672ebc37ed7e2985d76c99', 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

@@ -33,7 +33,7 @@ export class TetTvGiftBlock {
         }
     };
     render() {
-        return (h(Host, { key: 'c110495acc9b0bee595ddafeb5cf509ec0341bea' }, h("div", { key: '356e2a136a00f38085bdac5cdc000ded90f71956', class: { 'tv-gift': true, [`tv-gift--${this.containerSize}`]: true } }, h("div", { key: '1fbebf6e077e92f3119f5503d156db26021a8a9e', class: "tv-gift__header" }, h("slot", { key: '979f4229c6a1fe6f667338e3a33ee834e37bd110', name: "header" }, this.headerImageSrc && h("img", { key: 'e45fd5998f3587f23e0e0a9ff70e644dfa5ad9c1', class: "tv-gift__header__image", src: this.headerImageSrc }), h("div", { key: '8f27bfd8f2b9e14eb8a0bc022aeecdbe33d97dfe', class: "tv-gift__header-text" }, this.headerTitle))), h("div", { key: '47d8ccda2685d0b307f964c9637b619e6b777b2d', class: "tv-gift__content" }, h("slot", { key: '73d1c7166b77132e4da821d816e16a024521641b' })), h("div", { key: '94e068ee52249a15b31d9dedefde84f79fa57ada', class: "tv-gift__footer" }, h("slot", { key: 'c603093a05402c72f1463603f2c96d50d4bd0ed6', name: "footer" }, h("span", { key: '1780998440350a3403ac63d3ce5438e5812d461b', class: "tv-gift__footer__title" }, this.footerTitle), h("span", { key: '921ae35b4664eb8a37a6cc315beb95bac976b185', class: "tv-gift__footer__text" }, this.footerText))))));
+        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))))));
     }
     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: '652ca13935f387b83767d7f1979675580d31d47b' }, h("div", { key: '42c8cdde01e047b1c6f16184934b4de5f49fd91d', class: {
+        return (h(Host, { key: '31519e350b60b5675b7b168065201b9f6d363b44' }, h("div", { key: '0d2380ee0f6f128e53c4b73b61c4452614e11bd1', class: {
                 'tv-gift-list': true,
                 [`tv-gift-list--${this.containerSize}`]: true,
                 'tv-gift-list--image-list': Boolean(this.imageSource),
-            } }, this.imageSource && (h("div", { key: 'dfe97d055b3e350da477ac0440dd897898143725', class: "tv-gift-list__image__wrapper" }, h("img", { key: 'f1159708deac3a174db743d3a5e743e8bbbbf06c', class: "tv-gift-list__image", src: this.imageSource }))), h("div", { key: 'aa8c80560662cb5251e0496fc923152acfb15566', class: "tv-gift-list__list__wrapper" }, h("span", { key: 'b941194d62ccd0cd50db2c8ab42a3f26a69125c9', class: "tv-gift-list__list__header" }, this.header), h("ul", { key: 'e3cb1cfd2a0f6e5a53c89d894d3bce8c5685d5a6', 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: '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))))))));
     }
     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: 'c68c1503c87544a2b8857f9e4ca297704f1e83aa', class: {
+        return (h(Host, { key: '79a72a212b3469d02aae7ff9263ed8d63d87f6a6', class: {
                 "search-container": true,
                 [this.theme]: true,
-            } }, h("div", { key: 'b89ceb7547ef90bccbf5c92bcd8d07bd680eea8d', class: "search-container__inner-wrapper" }, h("tet-autocomplete", { key: '572bdfe6563b4edbdabc3cf8f3838c4e52e655bb', 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: '875af4d00a42be0128044e8fb54b25e524964d20', 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: '2141a70d348d277bd67c61f9fe42c9987a848186', theme: this.theme, class: "search-container__spinner", size: "small" }))), h("tet-button", { key: 'a376980d3d6c80f1f83a5b221b748b00436dd341', 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: '0191557b7d984882073921786e32fb741102c8ca', 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: '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))));
     }
     static get is() { return "tet-support-search"; }
     static get encapsulation() { return "shadow"; }

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

@@ -98,7 +98,7 @@ export class TetCheckbox {
                 'checkbox__input--error': error,
                 'checkbox__input--hide-focus-style': this.focusStyleOnContainer,
                 ...(labelFont ? { [`checkbox__input--${labelFont}`]: true } : {}),
-            } }, h("tet-icon", { key: 'c9277b8f28f4c47854c2195e0684720f34bd890e', name: "remove", class: "checkbox__icon checkbox__icon--indeterminate indicator" }), h("tet-icon", { key: '925161d8a310b4e11e9933598b8178b2a467e48c', name: "check", class: "checkbox__icon" })), h("div", { key: 'f50050b33fe6870f5ce3d66d75f689053d3243bb', class: "checkbox__label-container" }, iconName ? (h("tet-icon", { theme: this.theme === 'light' ? 'light' : 'dark', name: iconName, type: iconType, class: {
+            } }, h("tet-icon", { key: '670309997ed76db2dda9b5da93f0263a3ee9ade7', name: "tc-remove", class: "checkbox__icon checkbox__icon--indeterminate indicator" }), h("tet-icon", { key: '032367064c6d9509b0ea478662f9da8f351bea36', name: "tc-check", class: "checkbox__icon" })), h("div", { key: '143d8b114965502be51e5e458b99441ca72b2e0e', class: "checkbox__label-container" }, iconName ? (h("tet-icon", { theme: this.theme === 'light' ? 'light' : 'dark', name: iconName, type: iconType, class: {
                 'checkbox__label-icon': true,
                 [`checkbox__label-icon--${iconName}`]: true,
                 ...(labelFont ? { [`checkbox__label-icon--${labelFont}`]: true } : {}),
@@ -106,10 +106,10 @@ export class TetCheckbox {
                 'checkbox__label-slot-icon': true,
                 'checkbox__label-slot-icon--hidden': !hasSlotIcon,
                 ...(labelFont ? { [`checkbox__label-slot-icon--${labelFont}`]: true } : {}),
-            } }, h("slot", { name: "label-icon", onSlotchange: this.onIconSlotChange }))), h("span", { key: '840768a72ccfd4d8f8a71c85008246cb6a49396c', class: {
+            } }, h("slot", { name: "label-icon", onSlotchange: this.onIconSlotChange }))), h("span", { key: '2486847419ae630332d579523f7b9936bdaf6861', class: {
                 'checkbox__label': true,
                 ...(labelFont ? { [`checkbox__label--${labelFont}`]: true } : {}),
-            }, innerHTML: label }, h("slot", { key: 'abe6baa60f9f7dc6d94cad02c664cdad501c5f62' })))))));
+            }, innerHTML: label }, h("slot", { key: '4a29303f27b89171e3c5ab2f7d7f1354122758b7' })))))));
     }
     static get is() { return "tet-checkbox"; }
     static get encapsulation() { return "shadow"; }