@tet/tet-components 1.4.83-testing → 1.4.84-staging

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

@@ -145,15 +145,15 @@ export class TetB2bCompareCard {
         const oldTotal = formatPrice(localCount * price, { currency: '' });
         const detailsId = `details-${options.id}`;
         const titleId = `title-${options.id}`;
-        return (h(Host, { key: '5e6d0d3482edf72eae2dab12506c8c1e478769b2' }, h("div", { key: 'a5a2513586797a3d0677a2ae99359b6e74d5a4f9', class: { card__wrapper: isBestChoice } }, isBestChoice && (h("div", { key: '201bf3e58141989dc5c1c32854689b218e9ed06f', class: { 'card__badge': true, 'card__badge--is-tablet': this.isTablet } }, t('components-b2b-configurator-best-choice'))), h("div", { key: '18c714fc786da9dc9d83513f5a1e1766db7381c8', class: { 'card': true, [`${this.theme}`]: true, 'card--selected': !!this.count || localIsSelected }, onClick: this.handleSelect, onKeyDown: a11yBtnClick, tabindex: 0, role: "button", "aria-expanded": localIsSelected, ...(localIsSelected ? { 'aria-controls': detailsId } : {}), "aria-labelledby": titleId }, h("section", { key: '4e7e309f10e14947cef18aa21aae4b98f444c4c8', class: { 'offer': true, 'offer--is-tablet': this.isTablet } }, h("div", { key: 'bf4ecc6a9cb53a8daaf4fab5c34491ff4522fb0f', class: { 'offer__header': true, "offer__header--is-tablet": this.isTablet } }, h("div", { key: '8b40656e423c0a5be347189cb170c5e23de66d4a' }, h("h3", { key: '81a840f68bb75b295bc74d9f91d4632dc2fbd95c', id: titleId, class: { 'offer__title': true, 'offer__title--is-tablet': this.isTablet } }, title), !this.isTablet && this.renderHeaderPriceBlock(currentPrice, priceSuffix, price), h("p", { key: '6d0751a4818c166352391f9e2ad747e05b9df179', class: { 'offer__subtitle': true, 'offer__subtitle--is-tablet': this.isTablet } }, subtitle)), this.isTablet && this.renderHeaderPriceBlock(currentPrice, priceSuffix, price)), h("hr", { key: '41467ec4251828d16fca3ff1c37ea06b5bd86616', class: "divider divider--slim" }), h("tet-text-list", { key: '35d5d439a7063c2edd0bc4c7c7aea131c749a994', class: "offer__benefits", withIcon: true, listIcon: "tc-check", theme: this.theme }, benefits.map((benefit) => (h("span", null, benefit)))), contract && (h("div", { key: '3b9ec4ceaa4476dd09fb0e3fd89d2099392f2422', class: "offer__contract-link" }, h("a", { key: 'f3874fec620091e7e233766f1e0cd8fd8ce853fa', class: { 'tet-link': true, [`${this.theme}`]: true }, href: contract, target: "_blank", rel: "noopener noreferrer" }, t('components-b2b-configurator-contract-link-label'), h("span", { key: 'c444d61c03862dbc8d3726666905fb708afeea10', class: "sr-only" }, t('components-a11y-open-link-in-new-window')))))), localIsSelected && [
-            h("hr", { key: '7e3f1f13dc5c94f45fe0f9ab0f500aa0da1edcfb', class: "divider" }),
-            h("section", { key: '6460f866d32564bf925a20a916e4a674ec8fc56d', id: detailsId, role: "region", "aria-labelledby": titleId, class: { 'details': true, 'details--is-tablet': this.isTablet } }, h("div", { key: 'b1ff08c1fdbbcde7413e4374439bf46e69ce6176', class: { 'details__price-block': true, 'details__price-block--is-tablet': this.isTablet } }, h("span", { key: 'ace194c0b2fd5606925d76c474f65e625a8a1c23' }, t('components-b2b-configurator-monthly-payment')), h("div", { key: '797d28693c4aa2c4268d19a13f075c2b08130eee', class: "details__total", "aria-live": "polite" }, h("div", { key: 'f92c7916e2ca4e3038cfb5c7907cb8b59ff4b5d9', class: "details__total--current" }, currentTotal, " ", priceSuffix), discountPrice != null && discountPrice < price && (h("div", { key: '75f08f0fe3b0609a1428cde687f6459cc24d6c42', class: "details__total--original" }, oldTotal, " ", priceSuffix)))), h("hr", { key: '927a249b9de3c983726779eb141be01933c6dd9e', class: "divider" }), h("div", { key: 'ec35da6c0a181cd381839efe0c0f14a04106c98d', class: { 'details__actions': true, 'details__actions--is-tablet': this.isTablet } }, h("div", { key: 'e293fb9e30790073cbc09d590951741b4d75049b', class: "details__quantity-control" }, options.counterOptions && [
-                h("span", { key: '8db136dd77ddea3c9a23dde821c398a9f51e959d', id: `qty-label-${options.id}`, class: "details__quantity-label" }, t(options.counterOptions.label)),
-                h("tet-stepper-input", { key: '3951b2cb65a1e69f210b443030731eaef7bc2ce8', class: {
+        return (h(Host, { key: 'cfafcdb6cb324b425402cc971e6cfaf8994b7b23' }, h("div", { key: '6f5f780f74bf15a70c0a03bd5cace6558dc1a60f', class: { card__wrapper: isBestChoice } }, isBestChoice && (h("div", { key: '14c89ce34a4836938939e6423b5db0866f1bf0e7', class: { 'card__badge': true, 'card__badge--is-tablet': this.isTablet } }, t('components-b2b-configurator-best-choice'))), h("div", { key: '80884c73bc5a1873927fafeff7780365c0263513', class: { 'card': true, [`${this.theme}`]: true, 'card--selected': !!this.count || localIsSelected }, onClick: this.handleSelect, onKeyDown: a11yBtnClick, tabindex: 0, role: "button", "aria-expanded": localIsSelected, ...(localIsSelected ? { 'aria-controls': detailsId } : {}), "aria-labelledby": titleId }, h("section", { key: 'f9552c0cae20fbb9fe5f8b72c965b8734c4a4276', class: { 'offer': true, 'offer--is-tablet': this.isTablet } }, h("div", { key: '5a44822a056b0f753e438352a3201985fb8bfac6', class: { 'offer__header': true, "offer__header--is-tablet": this.isTablet } }, h("div", { key: '62de23f2432d1fe76c0e885e13dd89febbaca4c3' }, h("h3", { key: '52e257e29cd16bc960ec8babb7e786407f78bc82', id: titleId, class: { 'offer__title': true, 'offer__title--is-tablet': this.isTablet } }, title), !this.isTablet && this.renderHeaderPriceBlock(currentPrice, priceSuffix, price), h("p", { key: '8472167fd202ccac0ceccef601d40d833eed563f', class: { 'offer__subtitle': true, 'offer__subtitle--is-tablet': this.isTablet } }, subtitle)), this.isTablet && this.renderHeaderPriceBlock(currentPrice, priceSuffix, price)), h("hr", { key: 'd81acacf7b731d4b1ce87c4d0c35e81cc31c83a2', class: "divider divider--slim" }), h("tet-text-list", { key: 'd3af56970c35faa4924799954d09d8a06c065f8f', class: "offer__benefits", withIcon: true, listIcon: "tc-check", theme: this.theme }, benefits.map((benefit) => (h("span", null, benefit)))), contract && (h("div", { key: '5db87cc7bc78383380a825140a8f31c90e8628aa', class: "offer__contract-link" }, h("a", { key: '3c866930c63f0a3db8a0ef8850b465508b2d8920', class: { 'tet-link': true, [`${this.theme}`]: true }, href: contract, target: "_blank", rel: "noopener noreferrer" }, t('components-b2b-configurator-contract-link-label'), h("span", { key: '67c0da1395dd3dcc59967ca839ab1cd75d424496', class: "sr-only" }, t('components-a11y-open-link-in-new-window')))))), localIsSelected && [
+            h("hr", { key: 'b5d074705b176741c0af2bdef6b06526936d4c2e', class: "divider" }),
+            h("section", { key: '4adbbd671f766ed50dcf97d5753ff987f2820b6b', id: detailsId, role: "region", "aria-labelledby": titleId, class: { 'details': true, 'details--is-tablet': this.isTablet } }, h("div", { key: '27dd4515adf7fd3842cee105d567413ebc392d97', class: { 'details__price-block': true, 'details__price-block--is-tablet': this.isTablet } }, h("span", { key: 'aab92ed20426be0ccbe1e6da1719a405af433a59' }, t('components-b2b-configurator-monthly-payment')), h("div", { key: '1a47befb8b31f96266d4529daa495196057d5c26', class: "details__total", "aria-live": "polite" }, h("div", { key: 'dc5ff8c7686932b6d93a469de4940898ff8caa2d', class: "details__total--current" }, currentTotal, " ", priceSuffix), discountPrice != null && discountPrice < price && (h("div", { key: 'b3f994bb6683a5ee96bc06006166f02b66f88e2e', class: "details__total--original" }, oldTotal, " ", priceSuffix)))), h("hr", { key: '67d6aa90a198b0f7279442c7c843ade73eb19e66', class: "divider" }), h("div", { key: '080e1f2ff183cf72b92da75d7e7261b488944ff1', class: { 'details__actions': true, 'details__actions--is-tablet': this.isTablet } }, h("div", { key: 'ee504e4e5f319c2efcd75fad695182ec6f20cc92', class: "details__quantity-control" }, options.counterOptions && [
+                h("span", { key: 'c99813859d0718bad4b398cfb00f4627f78169a1', id: `qty-label-${options.id}`, class: "details__quantity-label" }, t(options.counterOptions.label)),
+                h("tet-stepper-input", { key: 'e9a63e01bc74168efc3baf363c32c54766179b4d', class: {
                         'details__quantity-counter': true,
                         'details__quantity-counter--is-tablet': this.isTablet
                     }, onInputValueChanged: this.handleCounterValueChange, value: localCount, min: options.counterOptions.minValue, max: options.counterOptions.maxValue, step: 1, theme: this.theme, accessibilityLabel: t(options.counterOptions.label), "aria-labelledby": `qty-label-${options.id}` })
-            ]), h("tet-button", { key: '3b6427667fff73e9ec931c2f6a7203b4bff30edb', onClick: this.added ? this.handleRemove : this.handleAdd, size: "medium", type: this.added ? 'secondary' : 'primary', theme: this.theme, iconName: this.added ? 'tc-trash' : 'tc-cart-outline', iconPosition: "left" }, this.added
+            ]), h("tet-button", { key: 'c9c003e11d8e61b76c71e77a374b38c9722ffd39', onClick: this.added ? this.handleRemove : this.handleAdd, size: "medium", type: this.added ? 'secondary' : 'primary', theme: this.theme, iconName: this.added ? 'tc-trash' : 'tc-cart-outline', iconPosition: "left" }, this.added
                 ? t('components-b2b-configurator-remove-from-basket')
                 : t('components-b2b-configurator-add-to-basket'))))
         ]))));

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

@@ -63,14 +63,14 @@ export class TetBusinessCard {
     };
     render() {
         const { mainTitle, subTitle, infoText, type, size, theme } = this;
-        return (h("div", { key: '89df3494dd6f854138d9e44b4651d9c5379b1b10', ref: divRef => {
+        return (h("div", { key: '9fc4c06dac2a6b87ed44c7433fc5857a0f0d5eec', ref: divRef => {
                 this.rootRef = divRef;
             }, class: {
                 'tet-business-card': true,
                 [`tet-business-card__type--${type}`]: true,
                 [`tet-business-card__size--${size}`]: true,
                 [`theme-${theme}`]: true,
-            } }, h("div", { key: 'ee2042bebe7fe19d49e638f1c80c6415be052008', class: "tet-business-card__body" }, h("div", { key: '6f356d14a687c3d23887df294bc393f5e98b9ee6', class: "tet-business-card__content" }, h("div", { key: 'da3a919e5b7b9e6676c3f24c479774d4eb1fc902', class: "tet-business-card__title" }, h("slot", { key: '94ddad5df7687eba08fef9c7f55a843f3f097be0', name: "title" }, h("h3", { key: '2b8d29d8c0ad137c72b7d00307819bb940ed9be4' }, mainTitle))), h("slot", { key: '7302e46fe53617637f5e7f2d27c0579c91f0b07f', name: "subtitle" }, subTitle && (h("div", { key: '41583176cae0a52e7ae6c64eee0d00c089e0ed89', class: { 'tet-business-card__subtitle': true, 'tet-business-card__subtitle--large': !infoText } }, subTitle)))), h("slot", { key: 'adf1f71e16e4c0da3d195b08f7ebcf669a15f1cb', name: "button" })), h("slot", { key: '1bd9dccb82f4fbb3bbe999af6dae82ec3444497d', name: "infotext" }, infoText && h("div", { key: 'f2fcc8e631c4a57e88403bcd2536fba8376aab2d', class: "tet-business-card__infotext" }, infoText))));
+            } }, h("div", { key: '7eac47bd4723f87260f017305e5a0cd7d36a21a5', class: "tet-business-card__body" }, h("div", { key: '074f724bb3a11e5c82f1331da83b9978ecf2095e', class: "tet-business-card__content" }, h("div", { key: '293a10f1cd9e75b6a342a153a5e5310692109f3b', class: "tet-business-card__title" }, h("slot", { key: '38284f04d0d077f2177b5313539badbd42d66448', name: "title" }, h("h3", { key: '964f7a4b428a81e290647a0f733b74df84d84a21' }, mainTitle))), h("slot", { key: 'd75d75e468aaf4f73e4c8fed7d818cd58fe6d0b2', name: "subtitle" }, subTitle && (h("div", { key: '0261bce0748cb2c1989ce97cc01ca1f621abc926', class: { 'tet-business-card__subtitle': true, 'tet-business-card__subtitle--large': !infoText } }, subTitle)))), h("slot", { key: 'f815798e9ac80b8ee3fb4d3680e36321c3d8742e', name: "button" })), h("slot", { key: '036820ffc6e8ca74e62bfb932289f7b3ae55af6e', name: "infotext" }, infoText && h("div", { key: '8146af6d7942397dbc1116727a5424ce0c9f7b46', class: "tet-business-card__infotext" }, infoText))));
     }
     static get is() { return "tet-business-card"; }
     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: 'af0e2a1ba352b05edb8ebaf91b9044559fbf2c84', class: { 'tet-business-compare-card': true, [`theme-${theme}`]: true } }, h("div", { key: '95cf8656b7daf51c3bd5cf87f0717660c3f69164', class: "tet-business-compare-card__body" }, h("div", { key: '52c5d6cf84fdce5aa698a95f129bc827037cfe11', class: "tet-business-compare-card__title" }, h("slot", { key: '30c66f954d078f08ab5f2cf63a67d970b2579c36', name: "title" }, h("h3", { key: '93a2ef393b65196392e3699d3bff187e11f020e2' }, mainTitle))), h("div", { key: '476f7f3a799f37e85e3c85806773cc3769cf9f9c', class: "tet-business-compare-card__content" }, h("slot", { key: '646108173adc56a0d7adfe863c544207596add94', name: "content" }, !!bulletPoints?.length && (h("tet-text-list", { key: 'fcdebce3e24b3d4b12a3c17460105f146bf50e6b', class: "bullet-points", theme: this.theme === 'dark' ? 'dark' : 'light' }, bulletPoints.map(bulletPoint => (h("p", null, bulletPoint)))))))), price && currency && (h("div", { key: '71a71ca36d83ecdcbd9dcbfd808da7e7fea7ebbc', class: "tet-business-compare-card__price-wrapper" }, pricePrefix && (h("div", { key: 'b5e045b48457cf299ac76792006b0abb5723775f', class: "tet-business-compare-card__price" }, h("span", { key: 'd4f4ffa56b2f65a195cadb45343af580ab775a64', class: "tet-business-compare-card__price-prefix" }, pricePrefix, "\u00A0"), price)), !pricePrefix && h("div", { key: 'b862b61df120591a8a62daeb60f5002935a5fa83', class: "tet-business-compare-card__price" }, price), h("div", { key: '1a3c596378e6d74da2671d01c47ec3cb9a71e067', class: "tet-business-compare-card__price-currency" }, currency))), h("div", { key: '18c51d98bc1cf89296c3441765c954fd2b3c2055', 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: 'a879afbcde7391eed618ced467926add97c273e7', ref: (slot) => (this.buttonSlotRef = slot), onSlotchange: this.checkFooterSlotContent, name: "button" }), h("slot", { key: 'ee68587ad4c42f546c0aaefaae1bf3fcd203c21d', 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-business-summary-card/tet-business-summary-card.js

@@ -68,7 +68,7 @@ export class TetBusinessSummaryCardComponent {
             : t(`components-term-month-${contractTerm % 10 === 1 && contractTerm !== 11 ? 'single' : 'plural'}`, {
                 term: contractTerm
             });
-        return (h("div", { key: 'acdd69d45e743873d0b4d19fc12b72f2d6dfe926', class: { 'business-summary-card': true, [`theme-${theme}`]: true } }, h("div", { key: '91fabea2f9d42b5ec5fda9852213c6ff1f68c869', class: "business-summary-card-content" }, h("div", { key: 'ce6c443e1206b402043be4cea6e4be6dbf4128df', class: "business-summary-card-content__left" }, h("div", { key: '30980f3a062944a48a8c6f62cb8b28fa66bfd8a7', class: "content-wrapper" }, h("div", { key: '9da4c1794f7b71de9ef69202441c1cf1d538f709', class: "title" }, productName), h("div", { key: 'e9455cfccd2fd817de0409a5ba6a5e7b8432dac1', class: "description" }, productDescription))), h("div", { key: 'ea4621dadaf514cb28984e196963886207d616af', class: "business-summary-card-content__right" }, h("div", { key: 'e95481e7c73cf2cdb3fc4c5ea8c6b3d7230b0aee', class: "content-wrapper" }, h("div", { key: '701102223599c9e5ae3bb3d53a42685b26e13065', class: "title title--end" }, `${formatPrice(discountPrice || price, { currency: '' })} ${currency}`), !!discountPrice && (h("div", { key: '13896562cb6d6687d5f96cb7a49711ca14e0483d', class: { description: true, price: !!discountPrice } }, `${formatPrice(price, { currency: '' })} ${currency}`))))), h("div", { key: '8d43c5492ff3b9d940613990ca584afaf8199522', class: "business-summary-card-content" }, h("span", { key: '2a644c37a98600d64e72b9e13b18b9a43a3b1293', class: "contract-term" }, t('components-offers-contract-terms-label'), ": ", termWithUnit), this.context === 'checkout' && this.renderLabel(true)), this.context === 'edit' && h("div", { key: 'd01c1e87487278962b35c7ddf919b0f0f17f1e48', class: "business-summary-card-content" }, h("div", { key: '26d772120fd43d1bf81c3319a09124e80e2820f1', class: "business-summary-card-content__left" }, this.renderStepper()), h("div", { key: 'e3987c49a31c74d3fab2a9f1e251cdcc31856a87', class: "business-summary-card-content__right" }, h("div", { key: 'dba04945b1f5f9879db1e8eda4dd1b0c40cbe0d3', class: "button-wrapper" }, this.renderIconButton('tc-edit-box'), this.renderIconButton('tc-trash-can'))))));
+        return (h("div", { key: '761c7306ef92540e3c40ab54b613e287fa62c0ea', class: { 'business-summary-card': true, [`theme-${theme}`]: true } }, h("div", { key: '23857c790a377dc7bcf6e6151e18e60fd9c8fdc9', class: "business-summary-card-content" }, h("div", { key: '5cd326ac24f6662bea0d46d6a4beef9a7d5db933', class: "business-summary-card-content__left" }, h("div", { key: 'f805239b2222129fdd2c326ca590573f15f5f057', class: "content-wrapper" }, h("div", { key: '78d091d0cbbc1d29d1c2c09cb6f629e8e218627d', class: "title" }, productName), h("div", { key: '0876a7663c1d9c4b87b4896f7fd36b92b65a42fb', class: "description" }, productDescription))), h("div", { key: '627212835c6a120d236dac60f05dd024c7087b9a', class: "business-summary-card-content__right" }, h("div", { key: '13007fd62486f67451edfad33962d2f535e31fc2', class: "content-wrapper" }, h("div", { key: 'febb5b7985fb7a100f7a76a0803a178f91acbfcc', class: "title title--end" }, `${formatPrice(discountPrice || price, { currency: '' })} ${currency}`), !!discountPrice && (h("div", { key: 'fafb8e77a30af0d8be6a82583ce9d1d317d00cfa', class: { description: true, price: !!discountPrice } }, `${formatPrice(price, { currency: '' })} ${currency}`))))), h("div", { key: 'a551586b72e5cdbee532569379666457eeec7e84', class: "business-summary-card-content" }, h("span", { key: 'cd26d167dbcc47e870771714eb6193c66e42fed6', class: "contract-term" }, t('components-offers-contract-terms-label'), ": ", termWithUnit), this.context === 'checkout' && this.renderLabel(true)), this.context === 'edit' && h("div", { key: '167239af368682128e74d7afa23d9495b9fb8cbd', class: "business-summary-card-content" }, h("div", { key: 'ed1ce726c5fe01373666637652293a4105282d68', class: "business-summary-card-content__left" }, this.renderStepper()), h("div", { key: 'b286d4c65d8f8930b18d3068cc4748f3f2ea6988', class: "business-summary-card-content__right" }, h("div", { key: 'e373516bc18b4ba869ca26b0f8f0608cdc07c11f', class: "button-wrapper" }, this.renderIconButton('tc-edit-box'), this.renderIconButton('tc-trash-can'))))));
     }
     static get is() { return "tet-business-summary-card"; }
     static get encapsulation() { return "shadow"; }

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

@@ -665,19 +665,19 @@ export class TetCardList {
         this.dimensions.element.width = elementRect.width;
     }
     render() {
-        return (h(Host, { key: '71c58dbe5973731841a6e2d0605dc0a21ca78d61' }, h("div", { key: 'ac37f2747bd51076e06a63520723698b646f9bc0', class: {
+        return (h(Host, { key: '334b08cc6122a0258dcd2af4cbf91e3a86fa161f' }, h("div", { key: '33d8a70069860b62a2c07b469cc1572bf0417dc3', class: {
                 'tet-card-list__container': true,
                 'tet-card-list--no-scroll': this.disableScroll,
                 [this.theme]: true,
-            }, part: "card-list-container" }, h("div", { key: '21b2f178d2b9eb0daf211ac21addae384cc756d8', class: "tet-card-list__scroll-container" }, h("div", { key: '754726e4eee32b834e2831b69ac50d6964ef4292', part: "card-list", ref: el => (this.scrollContainerRef = el) }, h("slot", { key: 'eb30993d33459fe6d34b2c60b458fca6ee02d9df' }))), h("tet-button", { key: '7eb7e1b0bfd1e8771b92acf84db64b03a87e13fb', theme: this.theme, iconMode: true, class: {
+            }, 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: {
                 '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: 'e7b32c60fb0d7aa7629223af222fb15f1feef91e', name: this.iconPrev && this.iconPrev !== '' ? this.iconPrev : 'chevron-left', class: "tet-card-list__control__icon" })), h("tet-button", { key: '03ed4e59a315e495d264dba8eecaf4e1b696e999', theme: this.theme, iconMode: true, class: {
+            }, 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: {
                 '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: '0e6bfc9d26550012b821b2d0586c22e3b857ffc0', name: this.iconNext && this.iconNext !== '' ? this.iconNext : 'chevron-right', class: "tet-card-list__control__icon" })), h("div", { key: '33e4219309f0b6ab205270f64737d9e0c7a0aca1', class: { 'tet-card-list__scroll': true, 'tet-card-list--hidden': !this.withScrollbar } }, h("div", { key: 'e360ca2d1dd66a3e3263f4d4014528d6e6143f47', class: "tet-card-list__scroll--thumb", ref: el => (this.scrollbarRef = el) })))));
+            }, 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) })))));
     }
     static get is() { return "tet-card-list"; }
     static get encapsulation() { return "shadow"; }

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

@@ -109,7 +109,7 @@ export class TetCompareCards {
         ])));
     };
     render() {
-        return (h(Host, { key: 'e2d052ee7958b0599ca57716e093f5b32fa876b2', class: {
+        return (h(Host, { key: '089389cbc867fab0cd9cf9d27609d8b57c4194d7', 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: '01893453c6f9ef7d68928d90bbbaa7a03a7b67ab' }, h("div", { key: '2ce0ed3e1eb31b49ea75d2dee79a7731b1bb3931', class: "tet-compare-cards-tab-wrapper" }, this.withProductFilters ? this.renderProductFilters() : '', this.renderTabHeader(this.data, 1), this.renderLoader(), h("div", { key: '2424d8abe66ac53d4b86fa04e6b3528edc5120bc', class: {
+        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: {
                 '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: '6d78db2dab9d2f239ce396773200ddd8dcd93f91', class: {
+        return (h(Host, { key: '14105e9f9574a9b92a4b0e39156b2963fb5391fb', class: {
                 'dynamic-card': true,
                 'is-focused': this.isFocused
             }, "data-index": this.index, ref: (elm) => {
                 this.rootElementRef = elm;
-            } }, h("div", { key: '641a6026216a875fb2640cfa6abffb776553cbee', class: `card
+            } }, h("div", { key: 'e5f45496340e5d84d772b9217743d4b22b8e2793', 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: 'bb55aa602301c7e462a395f92ed6e10447d48849', class: "image", part: "image" }, h("slot", { key: 'b8a0ecb714700481bba045ff639140e95c1d2ec4', name: "image" }), this.renderPrice(), this.renderTags()), h("div", { key: '379970bfe15e8258f6be7b7f8a1b4f3eb3d6fa69', class: "content-container" }, h("div", { key: '96ae239c05494db649163b320dd30ef59276f505', class: "content", part: "content" }, this.cardTitle && (h("h3", { key: '9784f8a7647bda3ce4452d692405c83edafc8ba8', class: "title", part: "title" }, this.cardTitle)), this.subtitle && (h("p", { key: '6768d7846922619b73f3329919bfae427119846d', class: "subtitle", part: "subtitle" }, this.subtitle))), this.renderButton()))));
+            }, 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()))));
     }
     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: 'f1a75a8651650fe8aa01993a122f3bbb634ea482', class: "card-wrapper" }, !!benefits.length && (h("div", { key: '33f4dd9a88ea5e63cbea22b76d12f4747b76bd6d', 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: '51848192015eb2ab7b83317b46579b6540a35b2e', class: { 'card__badge': true, 'no-price': this.price == null } }, h("p", { key: '277f7f9a61d7b6461928e5dc59eb3ee4477db97e', class: { 'card__badge-title': true, 'no-price': this.price == null } }, this.productTitle), h("div", { key: '22a1678d9e1a606fe21ef031e55286639cf87e83', class: "card__badge-content-wrapper" }, this.renderBadgeContent(), !!buttonLabel && (h("tet-button", { key: '296f0c78641940b5ac85e4f6a6c95c56a2b98e6a', 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: 'e26749bda7ffb0a398be0cd364bfa1d0f22908cb' }, h("span", { key: 'e8547c8f56fb5470b1f3d6add32babf8fb37dd45', class: classes }, h("span", { key: '2ca8521e16707522c077ebee2fc77dc13987f90d', 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

@@ -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: '9ca9e182542bd76f3683a7252dcb039548c2a323' }, h("div", { key: '36cc6077533bf51d93823932fbe4ac871d17a878', class: {
+        return (h(Host, { key: '46c0d13c5c57e34c3cc611c6cb76b0c3885348b3' }, h("div", { key: '6755c008905ee1b7b25868d8cfc5292b5cb12e0c', 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: '5e205afda6645363a75da35754d605c764346bc0', ref: (el) => (this.accordionEl = el), class: "accordion", theme: this.theme, isOpen: this.isAccordionOpen, onOpenChanged: this.onAccordionChanged, transparentBackground: true, isHeaderInteractive: false }, h("div", { key: '9f6d9855c65294a1e5a8db50802b7be3581b88ae', slot: "header", class: "accordion__header" }, this.renderHeader()), h("div", { key: '8bd1ba57ff59c324c144416b90f75eb0b76bf40e', 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: '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())));
     }
     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: '9acd42d97fd45a9d2c8981c6cc6dc4fa20b80517', role: this.selectionType === 'radio' ? 'radiogroup' : 'group', onCardClick: this.handleCardClick, onKeyDown: this.handleKeyDown }, h("slot", { key: '19e24c052c34600058e48c396f21a9a433abc0b6', 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

@@ -143,7 +143,7 @@ export class TetAssetAddresses {
         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)))));
     };
     render() {
-        return (h(Host, { key: '548a110c74ce7c7f4f3ba4142e87f20841a12143', 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: 'c566aa6fe62b44a267018fadf487290e76d95582', inputDisabled: !!this.lastAddedKey, language: "lv", placeholder: this.addressSearchPlaceholder, newStyle: true, theme: this.theme }))));
+        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 }))));
     }
     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

@@ -142,7 +142,7 @@ export class TetAssetAvailabilityAddresses {
     }
     ;
     render() {
-        return (h(Host, { key: '2fbba15f83311348f57c3b367f4aa55bb5eb74a3', 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: '241b2a0fa0805a32672d5be6fb355b6c127904e0', 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: 'c87c43d040d35222ec935502295088a506dd2f20' }, h("div", { key: '59caf6a026dbe8fe9f99f8b7cc87a3e1f2f7e984', 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: '55f58599d7125f501d66705e5f7f0425b6531b8e' }, h("div", { key: 'bc4423e40796dace04b134cad8ca2b451911f721', class: "wrapper" }, h(ThemeWrapper, { key: 'b99fcc6759b15396ba22859f819b4630acc10d5b', theme: this.theme }, h("div", { key: '44dce854eb98dd1bc4fd0090159afb6021495107', class: "image-container" }, h("img", { key: '6894f4487f0b2346b0ab8aff9618f55b9c5d31c2', src: t('components-referral-image-url'), alt: "" })), h("div", { key: 'ecb59af265ca1517a773a4fc6794a60c8d35a044', class: "subtitle-container" }, t('components-referral-subtitle')), h("div", { key: 'bb17040ff6c8d282cd3b9f098c4375e45555ae32', class: "description-container", innerHTML: t('components-referral-description') }), h("div", { key: 'd249a460fcd390194587734ef8d55e98c8c43c0c', class: "referral-block" }, h("div", { key: 'cd55f4949ed881165a89889a282cf46231e448ed', class: "url-wrapper" }, h("div", { key: '5e50cc955cd0d8d2e5d861bc21efc763c4f92f15', class: "referral-url" }, this.getReferralUrl()), h("div", { key: '46e2ed6a662e3f8215237b6b121a2a3d6ac470f9' }, h("div", { key: 'f4eacaced162f3c4e4d0c0d2dc2edc27bf99e2dd', class: "button-wrapper" }, h("tet-tooltip", { key: '8c90f19385d93f255e2f7c11f04413a487b0e973', theme: this.theme, class: "tooltip", doNotShowOnHover: true, ref: (el) => {
+        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) => {
                 this.tooltip = el;
-            } }, t('components-referral-tooltip')), h("tet-button", { key: 'fc22001bc82c9ba2d4fa9912a95f12f41651e349', clickCallback: this.copyToClipBoard, type: "primary", theme: this.theme }, t('components-referral-copy-button-label'))))))))));
+            } }, t('components-referral-tooltip')), h("tet-button", { key: '3e43e297b7a7b4288f6600f679ecf169700886af', 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: '6974a29a9202ee1b3bbc74d44a15b9e5b1d6c286', class: "multi-step-dialog" }, h("tet-dialog", { key: '7ad7a8c7dc5dd341a2a64072635850bf66a012a2', 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: '35955785c286b01daeb2502d017186e054258adb', innerHTML: this.content }), this.steps.map((step, index) => (this.renderStep(step, index))), h("tet-button", { key: 'c3b77136e307b7c4955d38fcaecc48ef18ab2818', 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: 'c619f159322f97864f8c2c017ec9086e5c93b3f3', 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: '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')))));
     }
     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: 'b5c12345967c9a638bba6fa29fc46e6eff823ef5', 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: '5a98aca1defb7a61cd73df904b4b22cf50b3638d', 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: '6c9202360928ea75cf50849c6f7e470e0ae3e381', class: { 'modal-form-card-content': true, [`${theme}`]: true } }, h("div", { key: '52e5ca8510f7b94e872a0d6ba98f187d7f92bb5f', class: "modal-form-card-content-header" }, h("div", { key: 'f5368ce3d26e6bdcead33fb731f12f9f3dceee58', class: "icon-wrapper" }, h("tet-icon", { key: '9d3f65705a55f4b21e4bac893ba6339656396806', class: "icon", name: "tc-company-1" })), h("span", { key: 'a1b9dce49604b8cfcfb75b7fc86b137466584727', class: "modal-form-card-content-header__title" }, t('components-b2b-check-out-form-title')), h("span", { key: '2a15be2f14b5a98901e615deb72e7e20dd0bb31e', class: "modal-form-card-content-header__description" }, t('components-b2b-check-out-form-description'))), h("div", { key: '643d118e656fd2fb6e8dd8752224fa93db49ab73', class: "modal-form-card-content-accordion-wrapper" }, h("slot", { key: 'b41c07d6b1ef7e170e206ea5826a1ce77d309333', name: "cart" })), h("form", { key: '6a7ac8bf285b6e7342bfbe8cf870c5e6bac36a90', id: "checkOutForm", class: "modal-form-card-form", ref: (ref) => (this.checkOutForm = ref) }, h("div", { key: '7b207c2104fb9e4a7180234fd270324d6b015c15', 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: 'f7f640b22c12fde5b0ff65dadc081b8f1cedc297', 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: 'cfe27a69af1c66a516e2324d9d13eaf04d5f2812', class: "modal-form-card-content-checkbox", label: t('components-check-out-form-privacy-policy'), theme: theme }), h("slot", { key: 'b084d5003b67bc31411f143a117f39b8a1341aa7', name: "extra-fields", ref: (element) => (this.extraFieldsSlotElement = element) }))), h("div", { key: '53d2910fb46aebc0c7a367ef1373e4dfbe288638', slot: "footer", class: "modal-form-card-footer" }, h("tet-button", { key: 'd040fbbcd473f4e4ff8f4c99f3c4db1e61fd1db9', 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: '5238fcce9b89a66455dbe79a0bd108f3519e7116', 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: 'a0c020b86a94fc5b99c98f8baed7dbda79579557', class: { 'dark-theme': this.darkTheme } }, h("tet-container", { key: 'd0e2aab66f7d03b761f79ebbde1fb342ede2d822', class: "container" }, this.showLoader && this.renderLoader(), h("div", { key: '38859cbea3cb0be297e4e8c91a9ed5ba711fea88', class: "form-container" }, this.showTitle && h("h2", { key: '4d3d959d87e4b0fde072825fdce7dd28e4d9c973', class: "form-title" }, t('components-contact-form-title')), h("p", { key: '284d22412766506f72997bf32a334a22fb823cc3', class: "form-subtitle" }, t(this.subtitle)), h("tet-input", { key: '2b9df8681526664f516fd6b1694647173ad2a4f0', 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: 'd6c97afe0b92b8af78a2dc64c4705db640545d70', class: "form-submit", type: "primary", clickCallback: this.createManualTask, innerHTML: t('components-contact-form-submit'), ...this.submitButtonProps })))));
+        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 })))));
     }
     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: '5ca66cf2f5d7ef27f85abf91be94bd2909bdce6b' }, h("section", { key: '0a75534ce23f4ac11fcde93aa346b63bf076f72d', class: "feedback-form" }, this.submitted ? this.renderThankYouComponent() : this.renderAccordionComponent())));
+        return (h(Host, { key: 'f4ee05975cf4bd7aeefa38709a08a47512be53e1' }, h("section", { key: 'ee523d327ce51ab2c33645fa9587a9b8072a0b20', 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: '5f4d12b9858d5ea9fd7dd50af290cf6ab80e2fe3' }, h("div", { key: 'bfd12dd2ccf1e82ece175a7fda93d77249a80120', class: { 'tv-gift': true, [`tv-gift--${this.containerSize}`]: true } }, h("div", { key: '034e114ce23693aff060376c1f4fe52695ba7366', class: "tv-gift__header" }, h("slot", { key: '61a3e08b8584724745aa2dd8a73b85f17ed5ca05', name: "header" }, this.headerImageSrc && h("img", { key: '0f2b6fdc324b0d4df303dbbe894daadbc2d9f581', class: "tv-gift__header__image", src: this.headerImageSrc }), h("div", { key: 'c5a456a191b95577d239401f4694dd175592170f', class: "tv-gift__header-text" }, this.headerTitle))), h("div", { key: 'c15d9be9a6092d53dfb4e7b4b2e41a4f7a39550e', class: "tv-gift__content" }, h("slot", { key: 'fc28b5d9308cc1c660f3ab23e3afd4595b41f60e' })), h("div", { key: '63a406ac5dee59d580f4ef3d7c187ff77f79d48a', class: "tv-gift__footer" }, h("slot", { key: '5dd45fa821af3419a7090b5fd1e694d6cf2ded95', name: "footer" }, h("span", { key: '00ad84b88d4703b2f53775fbd9519abb406d2b16', class: "tv-gift__footer__title" }, this.footerTitle), h("span", { key: 'f80c37b12ae88904746d068c04b93dd681efeaf8', 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: 'a6d8a66cd075b0b0b5285c68fee73fd88a23f248' }, h("div", { key: '76c94baee584506ccd58c353f55fb77fae353f07', 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: '28523a1b56614c42364a17cebca9f0be08fa9525', class: "tv-gift-list__image__wrapper" }, h("img", { key: 'c606c750f665667de2fd2c7bc843abfc22120f04', class: "tv-gift-list__image", src: this.imageSource }))), h("div", { key: 'dbf6e20339b21358b0ae74025d7b1b13daf27fb1', class: "tv-gift-list__list__wrapper" }, h("span", { key: '2275a2c2f809cbcb0ec53e9cee0ba281820d92ab', class: "tv-gift-list__list__header" }, this.header), h("ul", { key: 'ac543851aab4e3f415e9bbf22ff7a030c1b98da7', 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: '32364479316d62e81690b621a4acedd40dd1fc38', class: {
+        return (h(Host, { key: '79a72a212b3469d02aae7ff9263ed8d63d87f6a6', class: {
                 "search-container": true,
                 [this.theme]: true,
-            } }, h("div", { key: 'cd40bc32315ff4fcaaeaa29f825dc4944fb25970', class: "search-container__inner-wrapper" }, h("tet-autocomplete", { key: 'a32ad83f7c04379e2a49c1f50058c308805616fa', 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: '17281abfdc74d1f5a36e8fcb43700b119384b659', 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: '8e47e53d0a79d79d3d595d36336f1cbd4a10273e', theme: this.theme, class: "search-container__spinner", size: "small" }))), h("tet-button", { key: '84a123d25d4138bcc450a8c9b23dec8f07b08c9c', 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: '1ea0d5ecbc0a25c46a791fd07ae5e23aa87e1ad4', 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-button/tet-button.js

@@ -93,7 +93,7 @@ export class TetButton {
     }
     render() {
         const accessibilityLabel = this.getAccessibilityLabel();
-        return (h(Host, { key: 'de69fa5a41ed8b0d0e1de462509a1bab59fabab4' }, h("button", { key: '6310d69f52cfd2992f21d5e3203e40b8339d09d6', part: "button", onClick: this.handleClick, id: this.elementId, style: this.customColorCode ? { '--button-custom-color': this.customColorCode } : undefined, class: {
+        return (h(Host, { key: '7a813e11fad92ef7d4011e75deb7e8c7ce76df58' }, h("button", { key: '766e3e634e2b6273170b1e6ae30e83a5f336f0a6', part: "button", onClick: this.handleClick, id: this.elementId, style: this.customColorCode ? { '--button-custom-color': this.customColorCode } : undefined, class: {
                 button: true,
                 [`button--${this.size}`]: true,
                 [`button--type-${this.getFallbackType()}`]: true,

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

@@ -83,22 +83,22 @@ export class TetCheckbox {
     }
     render() {
         const { label, name, checked, value, disabled, error, iconName, labelFont, alignCenter, hasSlotIcon, accessibilityLabel, unavailable, iconType } = this;
-        return (h(Host, { key: '2b137f96b9a158928e7bf13edd24064fc9a67fcf' }, h("div", { key: 'd9ad8a40fb6c0a0a1fe2705b99cb14f092a821e3', class: { checkbox: true, [`${this.theme}`]: true } }, h("label", { key: '73de7eae4cad137187ea5fbd9b355dab804074f6', class: {
+        return (h(Host, { key: '3922531c26c2a95cd70d35d9c7b6b4255cfa01ce' }, h("div", { key: 'ccbe25bfe034a709ae877dfbf824f54ab2329d2b', class: { checkbox: true, [`${this.theme}`]: true } }, h("label", { key: '1bc6d87209a17fd540784451d41213c7f5ad4cd4', class: {
                 'checkbox__container': true,
                 'checkbox__container--focus-style': this.focusStyleOnContainer,
                 'checkbox__container--align-start': !alignCenter,
-            }, part: "checkbox-container", htmlFor: "tet-checkbox" }, h("input", { key: '12fbd0566b9b43771e84fe1bc6bd41ebee30178b', ref: (el) => (this.inputEl = el), class: {
+            }, part: "checkbox-container", htmlFor: "tet-checkbox" }, h("input", { key: '6e25dc5ea506333fe5238ed5d5e6143bcdf4719c', ref: (el) => (this.inputEl = el), class: {
                 "checkbox__html-input": true,
                 'checkbox__html-input--unavailable': unavailable,
-            }, id: "tet-checkbox", type: "checkbox", name: name, value: value, ...(accessibilityLabel ? { 'aria-label': accessibilityLabel } : {}), disabled: disabled || unavailable, checked: checked, onChange: this.handleChange }), h("span", { key: 'd21085643c47404e791fbff74e0538e288f90faa', class: {
+            }, id: "tet-checkbox", type: "checkbox", name: name, value: value, ...(accessibilityLabel ? { 'aria-label': accessibilityLabel } : {}), disabled: disabled || unavailable, checked: checked, onChange: this.handleChange }), h("span", { key: 'dbe0baed06f4cfab9b65eba564e2fbfcdf21d1f1', class: {
                 'checkbox__input-background': true,
                 ...(labelFont ? { [`checkbox__input-background--${labelFont}`]: true } : {}),
-            } }), h("span", { key: 'bd063718dfae33122c69d1d8a24360b0b94eaab0', class: {
+            } }), h("span", { key: '21d052d31b84c94d40217a2f60eebe40d5c424d4', class: {
                 'checkbox__input': true,
                 'checkbox__input--error': error,
                 'checkbox__input--hide-focus-style': this.focusStyleOnContainer,
                 ...(labelFont ? { [`checkbox__input--${labelFont}`]: true } : {}),
-            } }, h("tet-icon", { key: '49662a663d686a771798315832feaa1e4c31b3d5', name: "remove", class: "checkbox__icon checkbox__icon--indeterminate indicator" }), h("tet-icon", { key: '81a4bb0290595af2a1388fab925c4e0919ce93d0', name: "check", class: "checkbox__icon" })), h("div", { key: 'cf55f31b426a53775b90402c24acc9fd2d156e72', class: "checkbox__label-container" }, iconName ? (h("tet-icon", { theme: this.theme === 'light' ? 'light' : 'dark', name: iconName, type: iconType, class: {
+            } }, h("tet-icon", { key: 'a86ad8e26933d87cd1294e9ee0c536a760404d05', name: "remove", class: "checkbox__icon checkbox__icon--indeterminate indicator" }), h("tet-icon", { key: 'd4686d2a78f158cf8f2107751161bf433604b8c3', name: "check", class: "checkbox__icon" })), h("div", { key: 'a030dc5e25a685c5af0a71a91c0be6d283f5fef9', 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: '4099c895f925ee6b99b484d35eccc761b2e5524c', class: {
+            } }, h("slot", { name: "label-icon", onSlotchange: this.onIconSlotChange }))), h("span", { key: 'dc8c5788a68465ede9f07fc867c81edda2c6461f', class: {
                 'checkbox__label': true,
                 ...(labelFont ? { [`checkbox__label--${labelFont}`]: true } : {}),
-            }, innerHTML: label }, h("slot", { key: '6e4fbb77192756428691c3dddbbef248b17c6b0d' })))))));
+            }, innerHTML: label }, h("slot", { key: '090985367d24c7ccea904a369300513cf85ff6fa' })))))));
     }
     static get is() { return "tet-checkbox"; }
     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: 'cc6a38f0ff6e6f621d84d7a0aa138f0247339d4c' }, h("div", { key: 'd20939f68533b48b2c31e4b0eb659525af9890c4', class: { radio: true, [`radio-${this.theme}-theme`]: true } }, h("label", { key: '025bb3340129c1e98dccfa00ddfc27ea02781d8b', class: {
+        return (h(Host, { key: '92d0faaa774f60c9b72ff5bfb06bf0549dbd732e' }, h("div", { key: '61af2cb7d15e35ce29bdbea80007161e886bbd35', class: { radio: true, [`radio-${this.theme}-theme`]: true } }, h("label", { key: '2a50e9a962b76f9d383ddfe9fa9667773ef4dab1', class: {
                 'radio__container': true,
                 'radio__container--focus-style': this.focusStyleOnContainer,
                 'radio__container--align-center': alignCenter,
-            }, htmlFor: id }, h("input", { key: 'cb922a4faa5020961c10e7779e1287cc35754d22', class: {
+            }, htmlFor: id }, h("input", { key: 'd26d54057d5c052ca77f2b1866f0650d21a58229', 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: '5fae2a40c089d837b4a4d3fe3ad5bbaa6775bc8f', 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: '2bba9cb17108ebbcf104fffd94a72b8750d6b355', class: {
                 'radio__input-background': true,
                 'radio__input-background--has-label-prop': !!label,
                 ...(labelFont ? { [`radio__input-background--${labelFont}`]: true } : {}),
-            } }), h("span", { key: '3e51966fd96918ccab87c5c4e1acf83924981af6', class: {
+            } }), h("span", { key: '3af4ee740e6b184f3395d44810f0d801bf8ee795', 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: '36e5ff1a8ad69885c06fd5ec8b22f9473f09bb68', class: {
+            } }), h("div", { key: '7a637b429fd507acc763849eb98b49eecb8894de', 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: 'afd33d235ce4da70ead28064c0050d87d4d5267e', class: {
+            } }, h("slot", { name: "label-icon" }))), h("span", { key: 'd22cf820189a9d87fbb648a756b5390936e16054', class: {
                 'radio__label': true,
                 'radio__label--has-slot-icon': hasSlotIcon,
                 ...(labelFont ? { [`radio__label--${labelFont}`]: true } : {}),
-            }, innerHTML: label }, h("slot", { key: '40bd8276842d053aa8fe15db8fc7fd8ae6ff37b4' })))))));
+            }, innerHTML: label }, h("slot", { key: '65159335b20885115d031a1511d08c62987a6e68' })))))));
     }
     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: '9bb3fedf592bb7f6969cc8fbbdc2501bcee7d53c' }, h("div", { key: 'cfe058ce308279c6a6cac27afa86e443defb4adb', class: {
+        return (h(Host, { key: '95c0ccd418bd0fe0c10c9fe67015cb590253ece6' }, h("div", { key: '4fca1d3c7d42685ec532c79d73197767730afe21', class: {
                 'radio-block__container': true,
                 [`radio-block-${theme}-theme`]: true,
                 [`row-of-${this.blocksPerRow}`]: !!this.blocksPerRow