@tet/tet-components 1.3.155-testing → 1.3.156-staging

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

@@ -53,14 +53,14 @@ export class TetBusinessCard {
     }
     render() {
         const { mainTitle, subTitle, infoText, type, size, theme } = this;
-        return (h("div", { key: '18795289e108d5f7ac7cc7ffa53ee89c5fcb54ac', ref: divRef => {
+        return (h("div", { key: '623c7ce9661b60b708a1e999f81f3873e0806e1d', 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: '73a0771a2e99fa8c2ce0f2a2e1dfbf69ca343d81', class: "tet-business-card__body" }, h("div", { key: '209ba7a7ea7ca4fb4dc6ca5d9958e956a4661b99', class: "tet-business-card__content" }, h("div", { key: '8fd58291d7db24794cadc849b070a686ae34a1d6', class: "tet-business-card__title" }, h("slot", { key: 'b26c2e4cf3687acf5b78cb03a5fb09e504528c66', name: "title" }, h("h3", { key: '8f7e03b41fe0865575169579404fec85798ac50f' }, mainTitle))), h("slot", { key: 'bb3651a8ae50a656893c1c3ed867e233db716411', name: "subtitle" }, subTitle && (h("div", { key: '55e3fccba88a885e5e3e665b1c4fbd25931426db', class: { 'tet-business-card__subtitle': true, 'tet-business-card__subtitle--large': !infoText } }, subTitle)))), h("slot", { key: '393590bd50538c23d99b9274d02a273fa9725f22', name: "button" })), h("slot", { key: 'ead3f99e3350f645e94bfd272963368894e065e2', name: "infotext" }, infoText && h("div", { key: 'a1fa7cccaf660520d90d9fbe6b819ac0c9d0af37', class: "tet-business-card__infotext" }, infoText))));
+            } }, h("div", { key: 'ad755fd31a61336c483ffc5d2d104261b03c00e1', class: "tet-business-card__body" }, h("div", { key: 'c8b226d3f2a1f8a73396b7ddad68c6c87d5577df', class: "tet-business-card__content" }, h("div", { key: '387bd6ead57b4a8aa40652284be2ad1ecb916233', class: "tet-business-card__title" }, h("slot", { key: '1e6e4c32b14a30efb454887158c55692ac77e302', name: "title" }, h("h3", { key: 'cadd683e5f657cbc39f8837e50cd6045cca4a7ec' }, mainTitle))), h("slot", { key: 'ddd2aab44a592a92d4eb71166a7d9b1bcb635fb6', name: "subtitle" }, subTitle && (h("div", { key: '3ab90cc3dc867d0d13ea9293f75d2eca54b56b3d', class: { 'tet-business-card__subtitle': true, 'tet-business-card__subtitle--large': !infoText } }, subTitle)))), h("slot", { key: '02333b6a4a46a123902bbd82473633f387e6e9c0', name: "button" })), h("slot", { key: '7d8109bb6447899f505cdde431969f8a6624f3f0', name: "infotext" }, infoText && h("div", { key: 'ef545e575dd54d0397a2e4cc77b6252ef32862a5', 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

@@ -28,10 +28,10 @@ export class TetBusinessCompareCard {
     }
     render() {
         const { mainTitle, bulletPoints, theme, pricePrefix, price, currency } = this;
-        return (h("div", { key: 'b089c1dab198b79e852f59107873b54e6057641f', class: { 'tet-business-compare-card': true, [`theme-${theme}`]: true } }, h("div", { key: '03295fc6766fe25beec52a100b3ced54ca58855b', class: "tet-business-compare-card__body" }, h("div", { key: 'b126e22931a923e4402d4f37656279f4b3e32fdd', class: "tet-business-compare-card__title" }, h("slot", { key: '6396d24a2b1f5058114359bb990cba557d7c9c58', name: "title" }, h("h3", { key: '8136be9772ed67f0659e0c9771af2c07c8dd9101' }, mainTitle))), h("div", { key: '3db6fe33cc63524737da43558425bbc7b062ad99', class: "tet-business-compare-card__content" }, h("slot", { key: 'e86c3b7f55609ac6625d136fb024b1c13a9d30f7', name: "content" }, !!(bulletPoints === null || bulletPoints === void 0 ? void 0 : bulletPoints.length) && (h("tet-text-list", { key: 'ea6447d40258d3b5a7c22fe54ee806e2f9f73cd2', class: "bullet-points", theme: this.theme === 'dark' ? 'dark' : 'light' }, bulletPoints.map(bulletPoint => (h("p", null, bulletPoint)))))))), price && currency && (h("div", { key: '2cef52cc24b4bdae659c5283f32bfd94d5020a4d', class: "tet-business-compare-card__price-wrapper" }, pricePrefix && (h("div", { key: '23872fe8eaae378fd5da7aa1d176651872d6cc3c', class: "tet-business-compare-card__price" }, h("span", { key: 'a1dd3f2fcf3eab660ceefe4e7bb08099f6ceec75', class: "tet-business-compare-card__price-prefix" }, pricePrefix, "\u00A0"), price)), !pricePrefix && h("div", { key: '2b9c686d7d0cc15b97c31ef1df4387cb824d3328', class: "tet-business-compare-card__price" }, price), h("div", { key: '9808a739f444e108037bba061b8add919edf33c9', class: "tet-business-compare-card__price-currency" }, currency))), h("div", { key: '947544d4f967f56d7adaccb93fe15df8f699733e', class: {
+        return (h("div", { key: '5e1d0b71f4b76cc04be038eeaa9cc2c6f10841a6', class: { 'tet-business-compare-card': true, [`theme-${theme}`]: true } }, h("div", { key: '0f744f6661b839014c01a350df8e5c40a5621c4c', class: "tet-business-compare-card__body" }, h("div", { key: '98a2955c54ea7c77081f8d568cfe589d467221cb', class: "tet-business-compare-card__title" }, h("slot", { key: '863863123521db2513d0d68b7936dc7ef07d1ab6', name: "title" }, h("h3", { key: '7e8038ae06e887648408fe22759d8078fcc811a8' }, mainTitle))), h("div", { key: 'af674237e132462560d6ca829962eb9cf85e6c98', class: "tet-business-compare-card__content" }, h("slot", { key: '142549e6c6dfc9bec69780600de756aaae972fb6', name: "content" }, !!(bulletPoints === null || bulletPoints === void 0 ? void 0 : bulletPoints.length) && (h("tet-text-list", { key: '1196f1e77382a70e6312bcdfce39487cbb30b72f', class: "bullet-points", theme: this.theme === 'dark' ? 'dark' : 'light' }, bulletPoints.map(bulletPoint => (h("p", null, bulletPoint)))))))), price && currency && (h("div", { key: '63ff7800f5913ad00afc5282423f2ea227277542', class: "tet-business-compare-card__price-wrapper" }, pricePrefix && (h("div", { key: '0c060ab46b15202e1b9def1434e798c27f27f309', class: "tet-business-compare-card__price" }, h("span", { key: '49adc5b056e2f598ef0b6ebc19f4db8ae3157dcd', class: "tet-business-compare-card__price-prefix" }, pricePrefix, "\u00A0"), price)), !pricePrefix && h("div", { key: 'b5cb30b15c5e3e9794de481d5e54da27ad81aa16', class: "tet-business-compare-card__price" }, price), h("div", { key: 'c3134011a3f08dc923bb24959100c343446af4bc', class: "tet-business-compare-card__price-currency" }, currency))), h("div", { key: '5dd89161209222fea55a71663343ab9bfe98f87b', class: {
                 'tet-business-compare-card__footer': true,
                 'tet-business-compare-card__footer--show': this.hasContentInFooter,
-            } }, h("slot", { key: '9890db4482efb5e59177a92ac4eee8eca2575f99', ref: (slot) => (this.buttonSlotRef = slot), onSlotchange: this.checkFooterSlotContent, name: "button" }), h("slot", { key: 'dbd7126ff73ebe0e7254d90d75ba02ab690cab62', ref: (slot) => (this.linkSlotRef = slot), onSlotchange: this.checkFooterSlotContent, name: "link" }))));
+            } }, h("slot", { key: '96821535ea4bbeca437b165f7aceacc2f0265963', ref: (slot) => (this.buttonSlotRef = slot), onSlotchange: this.checkFooterSlotContent, name: "button" }), h("slot", { key: '69957318445326ab6703dc62ae685a40b273bfad', 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.css

@@ -487,11 +487,20 @@
 .content-wrapper .title {
   font: 500 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";
 }
+.content-wrapper .title--end {
+  text-align: end;
+}
+@media only screen and (max-width: 22.5rem) {
+  .content-wrapper .title--end {
+    text-align: start;
+  }
+}
 .content-wrapper .description {
   font: 400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";
 }
 .content-wrapper .description.price {
   align-self: end;
+  text-align: end;
   text-decoration-line: line-through;
 }
 @media only screen and (max-width: 22.5rem) {

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

@@ -61,7 +61,7 @@ export class TetBusinessSummaryCardComponent {
             : t(`components-term-month-${contractTerm % 10 === 1 && contractTerm !== 11 ? 'single' : 'plural'}`, {
                 term: contractTerm
             });
-        return (h("div", { key: '14eacb4e6d292154cf28953171ba3f87224dcd6f', class: { 'business-summary-card': true, [`theme-${theme}`]: true } }, h("div", { key: '92fa9e07a4163b317bdb2fd63a590c3851e0cd5e', class: "business-summary-card-content" }, h("div", { key: '98c81729f5a3ab88cf6cdc4b58c399a6fe4cf78e', class: "business-summary-card-content__left" }, h("div", { key: 'e5df246e2e159edbb1fecbabab36de1ab28e67cf', class: "content-wrapper" }, h("span", { key: '433cf5c7d2350b6abe31ffb87e1eaaa7ebf3fb69', class: "title" }, productName), h("span", { key: 'd05e7b062bc0f7b3ec430bf2ab70bbfaeeeeb0a6', class: "description" }, productDescription))), h("div", { key: '86f4470200eaf0d65c5ec00d6e5c7e13b570cb26', class: "business-summary-card-content__right" }, h("div", { key: '57b90cdf0822751efc506881d0b7ad4617855644', class: "content-wrapper" }, h("span", { key: 'cad18f15bab563d2aaaafec6d1e60138e1ad7872', class: "title" }, `${(discountPrice || price).toFixed(2)} ${currency}`), !!discountPrice && (h("span", { key: '72de14b394994e749a5e62674dec776b320d063a', class: { description: true, price: !!discountPrice } }, `${price.toFixed(2)} ${currency}`))))), h("div", { key: 'c8d1986f46925c23d8f38d9b55312411f70ae83f', class: "business-summary-card-content" }, h("span", { key: '568990ef8cbfd1922757503f18a781e6b1710019', class: "contract-term" }, t('components-offers-contract-terms-label'), ": ", termWithUnit), this.context === 'checkout' && this.renderLabel(true)), this.context === 'edit' && h("div", { key: 'b8facd4835243c1ad41b58d782692c2cb88a3817', class: "business-summary-card-content" }, h("div", { key: 'f2eb08938f5d9ca5467555eaa499318aba7dd166', class: "business-summary-card-content__left" }, this.renderStepper()), h("div", { key: 'a295c34ed53c520285f46ca937221d94d22db3ec', class: "business-summary-card-content__right" }, h("div", { key: '785e1af1a553086a4b36a6db3478e78f957cd8cf', class: "button-wrapper" }, this.renderIconButton('tc-edit-box'), this.renderIconButton('tc-trash-can'))))));
+        return (h("div", { key: 'b319bafcc0a6e68d65ba2c4cea59d97bd4360c26', class: { 'business-summary-card': true, [`theme-${theme}`]: true } }, h("div", { key: '49eb8fb38267ba50ee44b04a92f4f938badb661d', class: "business-summary-card-content" }, h("div", { key: '83e2ab8c1df48efa0ff1e7096fceed4acd9f9ac2', class: "business-summary-card-content__left" }, h("div", { key: '44268226a23feef4fd415c6aae6f8d5986d3be7f', class: "content-wrapper" }, h("div", { key: '667f958adeb744012b2671485e76215591e8dc0f', class: "title" }, productName), h("div", { key: '7276be60d4394a7441537123c024b1527376f1e6', class: "description" }, productDescription))), h("div", { key: 'eb55888a85901d708c873a37fb77225edbbc7ded', class: "business-summary-card-content__right" }, h("div", { key: 'effb1377c9f6ce54fcf966e1c58c7c44ec7a9b7d', class: "content-wrapper" }, h("div", { key: '6a7b12d799a4ade171fdf5f8b29b472f027da696', class: "title title--end" }, `${(discountPrice || price).toFixed(2)} ${currency}`), !!discountPrice && (h("div", { key: 'bea505c80027589438969372928b7a53e6d532fb', class: { description: true, price: !!discountPrice } }, `${price.toFixed(2)} ${currency}`))))), h("div", { key: '3ff7edf95281f511953bafec0ce72ccbb2b4fddf', class: "business-summary-card-content" }, h("span", { key: 'f710c9185c1ac535f4635be4c1d4f8e92b663a14', class: "contract-term" }, t('components-offers-contract-terms-label'), ": ", termWithUnit), this.context === 'checkout' && this.renderLabel(true)), this.context === 'edit' && h("div", { key: '68d1d6e5861ad297b8e2bceb68cc828b22a65040', class: "business-summary-card-content" }, h("div", { key: 'd6530da19df4b6077be204179158b4e64d20611b', class: "business-summary-card-content__left" }, this.renderStepper()), h("div", { key: 'b8e7ae42573246c1790001ae491f1523f0dc802f', class: "business-summary-card-content__right" }, h("div", { key: 'fcde88f0a9c430ac6d2b74172f36f8f227dfd765', class: "button-wrapper" }, this.renderIconButton('tc-edit-box'), this.renderIconButton('tc-trash-can'))))));
     }
     static get is() { return "tet-business-summary-card"; }
     static get encapsulation() { return "shadow"; }

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

@@ -646,19 +646,19 @@ export class TetCardList {
         this.dimensions.element.width = elementRect.width;
     }
     render() {
-        return (h(Host, { key: '4512b7fae5ea6852da254a6c72ad59849609396f' }, h("div", { key: 'ec636c9b166a7fa5b1a12fc07ace5c1021ca8c4d', class: {
+        return (h(Host, { key: 'a7b7c9dd3d2acc6580fb040111b69e8b9f5ee47b' }, h("div", { key: '90fbe48aa22cbc0243eca6bf6ab5e2e5d66fc391', class: {
                 'tet-card-list__container': true,
                 'tet-card-list--no-scroll': this.disableScroll,
                 [this.theme]: true,
-            }, part: "card-list-container" }, h("div", { key: '528c5c79eac4ba83c8540d107ea5969f58f62fc8', class: "tet-card-list__scroll-container" }, h("div", { key: '5038040b167ebea6147f99ebb2da954c4bb2e4f1', part: "card-list", ref: el => (this.scrollContainerRef = el) }, h("slot", { key: '1adfdb4516cff9b56ab933356075d321b7899a93' }))), h("tet-button", { key: '1268ac17fa9bae3ea447226bc9cfcc4f38da2614', theme: this.theme, iconMode: true, class: {
+            }, part: "card-list-container" }, h("div", { key: '6f2c19339bc98c909becc55727af88d7be6598d4', class: "tet-card-list__scroll-container" }, h("div", { key: '3b9f6d605a86ab5efcf45975aa95d1a4f0a4f3d1', part: "card-list", ref: el => (this.scrollContainerRef = el) }, h("slot", { key: '21f76fb4ec8f9caf917d95187f26e65c6b607be2' }))), h("tet-button", { key: 'a70d9d6c4d8ed84c5cdb790cd66dc8967392a435', 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: 'a83af1d029884eb790cf1bc89cc2677f64eb5128', name: this.iconPrev && this.iconPrev !== '' ? this.iconPrev : 'chevron-left', class: "tet-card-list__control__icon" })), h("tet-button", { key: 'a840b0c0f573aedc4200b6b0b8e66a2591e26a16', theme: this.theme, iconMode: true, class: {
+            }, onPointerDown: this.handleControlPointerDown, onPointerUp: this.handleLeftControl, onKeyUp: this.handleLeftControlKeyUp }, h("tet-icon", { key: '951f587ba9498d426a3c9993c416e8e18580c4bf', name: this.iconPrev && this.iconPrev !== '' ? this.iconPrev : 'chevron-left', class: "tet-card-list__control__icon" })), h("tet-button", { key: 'af4771c78f573debaff8acd2243b550a427da72e', 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: '0b5d3f0f67d5a697e8bfc08c0156f69972f186f6', name: this.iconNext && this.iconNext !== '' ? this.iconNext : 'chevron-right', class: "tet-card-list__control__icon" })), h("div", { key: 'f2a05c36fb8355838247b7fa7f8edc06221956a7', class: { 'tet-card-list__scroll': true, 'tet-card-list--hidden': !this.withScrollbar } }, h("div", { key: '29e14a70d94c8f143ab0f0a93638da9c11ce707b', class: "tet-card-list__scroll--thumb", ref: el => (this.scrollbarRef = el) })))));
+            }, onPointerDown: this.handleControlPointerDown, onPointerUp: this.handleRightControl, onKeyUp: this.handleRightControlKeyUp }, h("tet-icon", { key: 'b19ee3803dd3fcf44a11816372555b6be84150f9', name: this.iconNext && this.iconNext !== '' ? this.iconNext : 'chevron-right', class: "tet-card-list__control__icon" })), h("div", { key: '9d93b130142f3675cb2d6436a84ff78df28c092a', class: { 'tet-card-list__scroll': true, 'tet-card-list--hidden': !this.withScrollbar } }, h("div", { key: 'b71a2c641265034396d4b0a350ba3aa57e8d7c49', 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

@@ -100,7 +100,7 @@ export class TetCompareCards {
         });
     }
     render() {
-        return (h(Host, { key: '7e9d3949553f6ed8b61f2fbbabebb267b9bb39a4', class: {
+        return (h(Host, { key: 'fc759bc25d67a88995fbc0e6e24067ad34bf5580', 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

@@ -182,7 +182,7 @@ export class TetTabCompareCards {
         return (h("div", { class: "tet-compare-cards-tab__content" }, h("tet-compare-cards", { theme: this.theme, "dark-mode": this.darkMode, "is-netflix-card": this.isNetflixCard, layout: this.layout, "force-column": this.forceColumn, "vat-text": vatText !== null && vatText !== void 0 ? vatText : false, "card-script": cardScript !== null && cardScript !== void 0 ? cardScript : false, data: cardsWithAddedSACData })));
     }
     render() {
-        return (h(Host, { key: 'fed2b253edbacfdbb56a2e1e712f187f99d098ee' }, h("div", { key: '69d4c10a104c507f7bb80261352a847080234ab4', class: "tet-compare-cards-tab-wrapper" }, this.withProductFilters ? this.renderProductFilters() : '', this.renderTabHeader(this.data, 1), this.renderLoader(), h("div", { key: '1928bfdb67a22cd2996c7c2d3120e96248566a3b', class: {
+        return (h(Host, { key: 'e5053b5fc6a387ead25274117c56453be934a850' }, h("div", { key: '4ea1b50f18436416bbd7cbda69eb23470eeebdf2', class: "tet-compare-cards-tab-wrapper" }, this.withProductFilters ? this.renderProductFilters() : '', this.renderTabHeader(this.data, 1), this.renderLoader(), h("div", { key: 'f9a144648ca90e24b095b556506a590d2ff0e4ce', class: {
                 'tet-compare-cards-tab__cards': true,
                 'hidden': this.showLoader
             } }, this.productDataLoaded ? this.renderContent(this.data, 1) : ''))));

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

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

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

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

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

@@ -42,9 +42,9 @@ export class TetReferral {
         processTranslations('tet-components', this.language).then(() => forceUpdate(this));
     }
     render() {
-        return (h(Host, { key: 'e1299255d2db7830828435e9140877df1abb39dd' }, h("div", { key: '7fc4e073603171989453c32f4f8da820d6add7c1', class: "wrapper" }, h(ThemeWrapper, { key: '0b37297cbbfee71123fd7d9a3e55c579e1d8d634', theme: this.theme }, h("div", { key: '5da22e231b86663eaa8ca76431f5450314bbebf0', class: "image-container" }, h("img", { key: '18e62fdbb216f2aa5983c0f2ef296bbae6d7f41d', src: t('components-referral-image-url'), alt: "" })), h("div", { key: '2145fe4cbf0139a4d7c9f2472d57096db42b8115', class: "subtitle-container" }, t('components-referral-subtitle')), h("div", { key: '679cd5e8a918c313cad7a9a3c2eb0d2ec9a8d6b1', class: "description-container", innerHTML: t('components-referral-description') }), h("div", { key: 'f645f183f40b35e088efa768dd1361d0fa2c42cb', class: "referral-block" }, h("div", { key: '4bf1c16cc66acd4a6afa7804c225db7926e86bec', class: "url-wrapper" }, h("div", { key: 'f7604d50e64e85154557fef84a1eda6276cb0993', class: "referral-url" }, this.getReferralUrl()), h("div", { key: '92847984b7f9e0fe33eecd76a0dbeecadca06e3b' }, h("div", { key: '3787dd312954d9bfc24e399bbf9f947b9f4eaf0e', class: "button-wrapper" }, h("tet-tooltip", { key: '85b93c26b733ddf2a54c3bc68d20cff2f0a73b3b', theme: this.theme, class: "tooltip", doNotShowOnHover: true, ref: (el) => {
+        return (h(Host, { key: '13e83c2f9d836db221509f2d620c8118281288d4' }, h("div", { key: 'db5ca91261a88d2d1c61d4be6e6c22b745c0b9e8', class: "wrapper" }, h(ThemeWrapper, { key: 'ccc5964c3fda112e9a808b6640cd052a8e3e6ae0', theme: this.theme }, h("div", { key: '051c7ef8b713562c2210aa74427d7dbe722ea669', class: "image-container" }, h("img", { key: '4e8d781c44ac04edc3f142dc7b9e7352f2cdac63', src: t('components-referral-image-url'), alt: "" })), h("div", { key: '98cec78d0757730972e67ac6b2ffaed1a3e321fa', class: "subtitle-container" }, t('components-referral-subtitle')), h("div", { key: '39d110b915d2bc2723aa0ad244ae19154ebf3247', class: "description-container", innerHTML: t('components-referral-description') }), h("div", { key: '0a2749da0545410f534755da73309c0fa81cf45b', class: "referral-block" }, h("div", { key: '6e313d01aebabbaf63c8d8abcd0b3c99866fc4b0', class: "url-wrapper" }, h("div", { key: '9e29058a18938b129b326d286d246f306706cbce', class: "referral-url" }, this.getReferralUrl()), h("div", { key: '82ce30cc4c7cb31e468fad16e1162671c7e03dee' }, h("div", { key: '79ad46e433c35ba7718208d5e71446ae196cc05d', class: "button-wrapper" }, h("tet-tooltip", { key: '91e99222a8c81fa658467825ced8ed887f13ba16', theme: this.theme, class: "tooltip", doNotShowOnHover: true, ref: (el) => {
                 this.tooltip = el;
-            } }, t('components-referral-tooltip')), h("tet-button", { key: 'fee69ce2d34982a641183773a37849eec5d21c5c', clickCallback: this.copyToClipBoard, type: "primary", theme: this.theme }, t('components-referral-copy-button-label'))))))))));
+            } }, t('components-referral-tooltip')), h("tet-button", { key: 'e51b5fce9ed8f098d741ee6b72e587b115ded01b', clickCallback: this.copyToClipBoard, type: "primary", theme: this.theme }, t('components-referral-copy-button-label'))))))))));
     }
     static get is() { return "tet-referral"; }
     static get encapsulation() { return "shadow"; }

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

@@ -116,7 +116,7 @@ export class TetMultiStepDialog {
         return (h("div", { innerHTML: step, "data-step": Number(index) + 1, class: "multi-step-dialog__step", ref: this.setStepBlocks }));
     }
     render() {
-        return (h(Host, { key: '5df25873f484e20accd6c96d1c0fd039ad762257', class: "multi-step-dialog" }, h("tet-dialog", { key: 'f39a5e6fc0cc298079b03967a2ba0762bc8b2ab0', class: this.tetDialogClass, "is-open": this.isOpen, "data-screen-key": this.dialogDataScreenKey, "footer-display": "right", ref: el => this.tetDialog = el, theme: this.theme, onCloseDialog: this.handleCloseDialog, onOpenDialog: this.handleOpenDialog }, h("div", { key: '181fe25f787e586357807730ba3aeee6b548ce8a', innerHTML: this.content }), this.steps.map((step, index) => (this.renderStep(step, index))), h("tet-button", { key: '33c80dabbe2767d9a2fbacd30506c09c7e465e3e', class: "footer-button", slot: "footer", size: "medium", theme: this.theme, type: "secondary", ref: el => this.prevButton = el, onKeyDown: (e) => this.handleKeydownEvent(e) }, t('components-go-back')), h("tet-button", { key: 'cf26688247b3d9cdc2215f24a2911a7e29c9aff5', class: "footer-button", slot: "footer", size: "medium", theme: this.theme, ref: el => this.nextButton = el, onKeyDown: (e) => this.handleKeydownEvent(e) }, t('components-next-step')))));
+        return (h(Host, { key: '102ff5c62d3e84591e002b96e9dbd328ae45aaa7', class: "multi-step-dialog" }, h("tet-dialog", { key: '488022727851fc2ef3f53ae76ad1ee119f0d224e', 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: '9ed0feeec3ccc8e573975b5db3c2bb3d383e2fd9', innerHTML: this.content }), this.steps.map((step, index) => (this.renderStep(step, index))), h("tet-button", { key: '6ac931b659fb4dd627a3760bf92b7c6702da9c8c', 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: '35b1dc4d0eb13756e18c6ea2282d8a07ca00b3c7', class: "footer-button", slot: "footer", size: "medium", theme: this.theme, ref: el => this.nextButton = el, onKeyDown: (e) => this.handleKeydownEvent(e) }, t('components-next-step')))));
     }
     static get is() { return "tet-multi-step-dialog"; }
     static get encapsulation() { return "shadow"; }

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

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

@@ -137,11 +137,11 @@ export class TetAvailabilityContactForm {
     }
     render() {
         const { theme } = this;
-        return (h("tet-dialog", { key: '0c8a8b0abc3dcdb486ec391884aa9aa581f5a407', 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: '043d85b3fd0eda71856d4c874a209bdd208582ce', 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: 'b8927b04f0600d96f487274181916fe81da5f8e0', class: { 'modal-form-card-content': true, [`${theme}`]: true } }, h("div", { key: '24f525eff4beefa20fe8a2ef21991a8706dfbad7', class: "modal-form-card-content-header" }, h("div", { key: 'c322431303bdb06c89404669473c0d0bb8f1c392', class: "icon-wrapper" }, h("tet-icon", { key: 'cfcc78c549359fbd6f98743348b648a6d5e1c892', class: "icon", name: "tc-company-1" })), h("span", { key: '551e0313c7483f8bbcb6008f419278f6e001e9b1', class: "modal-form-card-content-header__title" }, t('components-b2b-check-out-form-title')), h("span", { key: 'bd8f04729297cb8bc6442d20ac8e8dda29c86684', class: "modal-form-card-content-header__description" }, t('components-b2b-check-out-form-description'))), h("div", { key: 'f1bfc4744d32c53d8054fcaadbe4e9e1ac31d491', class: "modal-form-card-content-accordion-wrapper" }, h("slot", { key: '1b74b74177882e3d8ec58130609157188df7ee5a', name: 'cart' })), h("form", { key: 'fb340ee9e178d73775f1547357d2592caa7482cd', id: "checkOutForm", class: "modal-form-card-form", ref: (ref) => (this.checkOutForm = ref) }, h("div", { key: '7e6eb3cfe5eb6e5ffa5047babafc2fc6a9cc6dbc', class: "modal-form-card-input__row" }, this.renderInput('companyRegNr', t('components-b2b-check-out-form-company-registration-number-input-label'), '40000000001'), this.renderInput('companyName', t('components-b2b-check-out-form-company-name-input-label'))), this.renderInput('address', t('components-b2b-check-out-form-address-input-label'), t('components-b2b-check-out-form-address-input-placeholder')), this.renderInput('nameSurname', t('components-b2b-check-out-form-name-input-label')), h("div", { key: 'fd34bf38ea28dbeaec24d2f1896612b87c8fbbe6', class: "modal-form-card-input__row" }, this.renderInput('email', t('components-b2b-check-out-form-email-input-label'), 'contact@company.com'), this.renderInput('phoneNr', t('components-b2b-check-out-form-phone-number-input-label'), '123456789', true)), h("tet-checkbox", { key: '6e2290e56be09fbb77d726b88af427ab42d4a077', class: "modal-form-card-content-checkbox", label: t('components-check-out-form-privacy-policy'), theme: theme }), h("slot", { key: '8db82d172bdf53630bb62a9d5b2b83b371543f8e', name: "extra-fields", ref: (element) => (this.extraFieldsSlotElement = element) }))), h("div", { key: 'e58a5b758f5710cded86e8054a396485d558058e', slot: "footer", class: "modal-form-card-footer" }, h("tet-button", { key: '00899942aee0822148bf57adb85790a09f50dd1b', type: "secondary", size: "medium", theme: theme, onClick: () => {
+            } }, h("div", { key: '540478feacb773bb518797d9fe5eea2ef6a7938c', class: { 'modal-form-card-content': true, [`${theme}`]: true } }, h("div", { key: 'a28d3e38abc2e67d2f3beddb8f6f67054febf390', class: "modal-form-card-content-header" }, h("div", { key: '43800b400e2848830f8b322886fd94315ed90d40', class: "icon-wrapper" }, h("tet-icon", { key: '9693fb46b7154bd6745bd2cc30e575b5c30a8ab9', class: "icon", name: "tc-company-1" })), h("span", { key: '3f6a7737c705166682603d07dea587e78a9361ca', class: "modal-form-card-content-header__title" }, t('components-b2b-check-out-form-title')), h("span", { key: '42a0aaf945629ae453d7eb22e31b0f6a8970ec5c', class: "modal-form-card-content-header__description" }, t('components-b2b-check-out-form-description'))), h("div", { key: '2aadf102267c297dc00483247552b22ed424264a', class: "modal-form-card-content-accordion-wrapper" }, h("slot", { key: '629c81bb4d56930f9672c3314465f3aa6dd97d03', name: 'cart' })), h("form", { key: 'd33221b54dc8581ad355c2731b8f9457f49ee697', id: "checkOutForm", class: "modal-form-card-form", ref: (ref) => (this.checkOutForm = ref) }, h("div", { key: 'd56dca9b9aefe850a9f2f43e1fac0654d20cb18f', class: "modal-form-card-input__row" }, this.renderInput('companyRegNr', t('components-b2b-check-out-form-company-registration-number-input-label'), '40000000001'), this.renderInput('companyName', t('components-b2b-check-out-form-company-name-input-label'))), this.renderInput('address', t('components-b2b-check-out-form-address-input-label'), t('components-b2b-check-out-form-address-input-placeholder')), this.renderInput('nameSurname', t('components-b2b-check-out-form-name-input-label')), h("div", { key: 'f6ed57203b6673c3828e154fe237d9e35a1464b4', class: "modal-form-card-input__row" }, this.renderInput('email', t('components-b2b-check-out-form-email-input-label'), 'contact@company.com'), this.renderInput('phoneNr', t('components-b2b-check-out-form-phone-number-input-label'), '123456789', true)), h("tet-checkbox", { key: '694018247c93e59a230269b4d8202712fdf717f4', class: "modal-form-card-content-checkbox", label: t('components-check-out-form-privacy-policy'), theme: theme }), h("slot", { key: '008345839b50eaa22f6575db195d4709d81954c6', name: "extra-fields", ref: (element) => (this.extraFieldsSlotElement = element) }))), h("div", { key: '3b8a572f59f5f123fd8ad4a59f213908fe82e879', slot: "footer", class: "modal-form-card-footer" }, h("tet-button", { key: '22e34f52a11570c291c2314195b1411cf2859a46', type: "secondary", size: "medium", theme: theme, onClick: () => {
                 this.dialogElement.close();
-            } }, t('components-b2b-check-out-form-close-button-label')), h("tet-button", { key: 'b651ec7b24762dc6a406a5701de568a5ad35bcd1', 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: '23188a529e876ca089efa218017f5faca6c497ad', type: "primary", size: "medium", theme: theme, onClick: () => this.handleSubmit() }, t('components-b2b-check-out-form-submit-button-label')))));
     }
     static get is() { return "tet-b2b-check-out-form"; }
     static get encapsulation() { return "shadow"; }

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

@@ -64,7 +64,7 @@ export class TetContactForm {
         processTranslations('tet-components', this.language).then(() => forceUpdate(this));
     }
     render() {
-        return (h("div", { key: 'aa73925751c61121515c6024bbcfc67af99a8d08', class: { 'dark-theme': this.darkTheme } }, h("tet-container", { key: '117b6ca9f520597c1792b61a98093bcad5c3d16f', class: "container" }, this.showLoader && this.renderLoader(), h("div", { key: 'ce0c7c329eb46a59c56065563b33d25c9c9c74a6', class: "form-container" }, this.showTitle && h("h2", { key: '1b85342b0de325c12037d5f8c7925cb7d1fcad0a', class: "form-title" }, t('components-contact-form-title')), h("p", { key: '801bf51e1f0e4430de903660e3a88449d3c50575', class: "form-subtitle" }, t(this.subtitle)), h("tet-input", { key: '8254bc713f64a9ec290982fc9ec5578551b6c9a1', class: "form-input", placeholder: "+37122345678", ref: (element) => this.phoneInput = element, validators: this.validators, label: this.showInputLabel ? t('components-contact-form-input-label') : null, theme: this.darkTheme ? 'dark' : 'classic' }), h("tet-button", Object.assign({ key: '8657be6c0585a964a7b2ea9b23d081f07246e38a', class: "form-submit", type: "primary", clickCallback: this.createManualTask, innerHTML: t('components-contact-form-submit') }, this.submitButtonProps))))));
+        return (h("div", { key: '886c6ef5822d0d53364c9a7e7bc02bba782f3c89', class: { 'dark-theme': this.darkTheme } }, h("tet-container", { key: 'fdf8d3941c929b26e7eeac8db306aeb7a7fe6b9b', class: "container" }, this.showLoader && this.renderLoader(), h("div", { key: '59b16df587203700305db941b1d4e7338951a917', class: "form-container" }, this.showTitle && h("h2", { key: '5bb4027d3283eaee280d00b5c00ac4c3d06abeb5', class: "form-title" }, t('components-contact-form-title')), h("p", { key: '412a2eb7db28f83116dbb0789763179572efe814', class: "form-subtitle" }, t(this.subtitle)), h("tet-input", { key: 'edf241a9f00772b9651f37da935a7a0ec8639278', class: "form-input", placeholder: "+37122345678", ref: (element) => this.phoneInput = element, validators: this.validators, label: this.showInputLabel ? t('components-contact-form-input-label') : null, theme: this.darkTheme ? 'dark' : 'classic' }), h("tet-button", Object.assign({ key: 'e886d3a0c7ecbf510d60d39c29cb6e088bd0ee14', class: "form-submit", type: "primary", clickCallback: this.createManualTask, innerHTML: t('components-contact-form-submit') }, this.submitButtonProps))))));
     }
     static get is() { return "tet-contact-form"; }
     static get encapsulation() { return "shadow"; }

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

@@ -32,7 +32,7 @@ export class TetTvGiftBlock {
         this.setContainerSize();
     }
     render() {
-        return (h(Host, { key: 'ac8bcd4d4eb55765dd10fa13d9ffff39e81e33d1' }, h("div", { key: 'ec07fae328dd2eddf389c3893e31e4dbf1562595', class: { 'tv-gift': true, [`tv-gift--${this.containerSize}`]: true } }, h("div", { key: '817339745ecb4fbffa8e46ef8ed153917e388c24', class: "tv-gift__header" }, h("slot", { key: '5b6749f6937949fdb6a5574ac11bc2473198dc9f', name: "header" }, this.headerImageSrc && h("img", { key: 'fbeabbdba2044f34fb3fa7b4f8e0edb79c527f2e', class: "tv-gift__header__image", src: this.headerImageSrc }), h("div", { key: '1543107590bbf1f6e5194f6a5fee6e7088ce1ea1', class: "tv-gift__header-text" }, this.headerTitle))), h("div", { key: '3f2cd3ef8f9129ad359fff04be3227cc428df0ce', class: "tv-gift__content" }, h("slot", { key: '2f9a54fec1ed884aeb2eaa75f70120fe11bd11d3' })), h("div", { key: '122782accbb4e3f1a8d99e8c928734edc2872362', class: "tv-gift__footer" }, h("slot", { key: '7966b2ff325ce60bd769e730c3556a12d7ee82c3', name: "footer" }, h("span", { key: '888cea05ac463736ac00cec67d80ad33b63cc625', class: "tv-gift__footer__title" }, this.footerTitle), h("span", { key: '2d563779e213d9de1b01db5b936bb7d434f288a6', class: "tv-gift__footer__text" }, this.footerText))))));
+        return (h(Host, { key: '4a6bf183305f006113d88a4045fc3fdc898e7eca' }, h("div", { key: 'e1232a2f945855ef38a787ad5664b85b18213f27', class: { 'tv-gift': true, [`tv-gift--${this.containerSize}`]: true } }, h("div", { key: '04e0198da362ff3b8a407f8dbf7684f1b91af18e', class: "tv-gift__header" }, h("slot", { key: '1b40bf340188469127b90f53e10b5c903a557b55', name: "header" }, this.headerImageSrc && h("img", { key: '34bee651cc8aeb75d75b5819fc26a5b6fcff7b6c', class: "tv-gift__header__image", src: this.headerImageSrc }), h("div", { key: '378d55b82b2477dc008a228aa6d031eca559bfe5', class: "tv-gift__header-text" }, this.headerTitle))), h("div", { key: '744a87d47367041d40199ef88d3731b02f71b611', class: "tv-gift__content" }, h("slot", { key: '47a8c445d97bc98066c6f2936cb6c7bf89b38ca4' })), h("div", { key: 'f286a0133e4122d0d8e392771d0667e313b46944', class: "tv-gift__footer" }, h("slot", { key: 'be0467c109af6daf741cd757a7fddea541967683', name: "footer" }, h("span", { key: 'da4bf20bccbfcee5c4639f6b20aeef584eca51f6', class: "tv-gift__footer__title" }, this.footerTitle), h("span", { key: 'ded6387068b80dbb85bec1a723fe63e96ed820e0', class: "tv-gift__footer__text" }, this.footerText))))));
     }
     static get is() { return "tet-tv-gift-block"; }
     static get encapsulation() { return "shadow"; }

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

@@ -34,11 +34,11 @@ export class TetTvGiftList {
         this.setContainerSize();
     }
     render() {
-        return (h(Host, { key: '3afe457fefc5505386877474b348e1a0d7810590' }, h("div", { key: 'e4d07cf23a27002abd8d3afa29f4fa5cb3605898', class: {
+        return (h(Host, { key: 'd7ca800e6ba25b464ca314db93e45c4364b6d3fd' }, h("div", { key: 'a4f37664e71edd5ca917f5273ce9210531956de4', class: {
                 'tv-gift-list': true,
                 [`tv-gift-list--${this.containerSize}`]: true,
                 'tv-gift-list--image-list': Boolean(this.imageSource),
-            } }, this.imageSource && (h("div", { key: '5d613a501ca2a377e3e9935ea7a021a8cf16d63d', class: "tv-gift-list__image__wrapper" }, h("img", { key: '0c4340f3fef355a839824e1e8f9694452d379f73', class: "tv-gift-list__image", src: this.imageSource }))), h("div", { key: '1f800f68d384723302463f60e2fa60c90ca2838f', class: "tv-gift-list__list__wrapper" }, h("span", { key: '8985c4ea56fb3834adaa260434b9781f320a99f1', class: "tv-gift-list__list__header" }, this.header), h("ul", { key: '20097d16f1c21f6cc4f738b94471a68f3b11471f', 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: '218718faf70c8a09c28a142b17baa4c7518b3d90', class: "tv-gift-list__image__wrapper" }, h("img", { key: '771937af4d57ebe70145eadfca53273b6fe2d896', class: "tv-gift-list__image", src: this.imageSource }))), h("div", { key: 'c0a71bf205d2523a41d77d9b5ca84d58eda2a70a', class: "tv-gift-list__list__wrapper" }, h("span", { key: 'c3e657ded0076127e5fe9a52e866bd51bc1bda80', class: "tv-gift-list__list__header" }, this.header), h("ul", { key: 'd821f738bf5f80afb3d9be01a572dfc473a99493', class: "tv-gift-list__list" }, this.list.map(item => (h("li", { class: "tv-gift-list__list__item" }, h("tet-icon", { name: this.listBulletIcon }), item))))))));
     }
     static get is() { return "tet-tv-gift-list"; }
     static get encapsulation() { return "shadow"; }

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

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

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

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

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

@@ -375,6 +375,8 @@
   * @prop --radio-disabled-text-color: The text color of the radio button when disabled.
 
   * @prop --radio-error-border-color: The border color of the radio button on error.
+
+  * @prop --radio-vertical-alignment: Sets how the radio button and label align vertically within the container. Accepts flexbox align-items values (default: flex-start).
   */
   --radio-border-color: rgb(153, 160, 174);
   --radio-background-color: rgb(255, 255, 255);
@@ -394,6 +396,7 @@
   --radio-disabled-checked-background-color: rgb(153, 160, 174);
   --radio-disabled-text-color: rgb(153, 160, 174);
   --radio-error-border-color: rgb(233, 69, 54);
+  --radio-vertical-alignment: flex-start;
   display: block;
   position: relative;
 }
@@ -457,7 +460,7 @@
   font-weight: 500;
   user-select: none;
   display: flex;
-  align-items: flex-start;
+  align-items: var(--radio-vertical-alignment);
   color: var(--radio-text-color);
 }
 .radio__container:hover .radio__input {

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

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

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

@@ -31,7 +31,7 @@ export class TetSwitch {
     }
     render() {
         const { label, name, theme, disabled, checked, accessibilityLabel } = this;
-        return (h(Host, { key: '8514d8a146cd703f0134a84c777a6432523e0737' }, h("div", { key: 'f0cbfc84b094ed4b37b588cce6a15dbeb2a46111', class: { 'switch': true, [`${theme}`]: true } }, h("label", { key: '716c211d0e46793748c2e264db43cb159548918b', class: "switch__container", part: "switch-container", htmlFor: "tet-switch" }, h("input", Object.assign({ key: '8a39dfc9a21507d34ca1b29a43195fd74e021ca4', class: "switch__html-input", name: name, id: "tet-switch", type: "checkbox", disabled: disabled, checked: checked, onChange: this.handleChange.bind(this) }, (accessibilityLabel ? { "aria-label": accessibilityLabel } : {}))), h("span", { key: 'bc967a7c7b30b16cf38d5d5a946889a50d470adc', class: { "switch__input": true, [this.theme]: true } }, h("span", { key: 'eede184dc1464ac67b543a69ea2ed11d89d7663a', class: "switch__state" })), label
+        return (h(Host, { key: '23be36b9c734a9c43e9644337a58e4ede719215d' }, h("div", { key: '9411a81d872b6ead7ad41bd4d49cbe68fb7d58d7', class: { 'switch': true, [`${theme}`]: true } }, h("label", { key: 'fe5904e6eab9bd90a7de89d7ff843da2f454adf9', class: "switch__container", part: "switch-container", htmlFor: "tet-switch" }, h("input", Object.assign({ key: 'cff6902a5fcc1febcd40df5a76a0f5b10956c8cc', class: "switch__html-input", name: name, id: "tet-switch", type: "checkbox", disabled: disabled, checked: checked, onChange: this.handleChange.bind(this) }, (accessibilityLabel ? { "aria-label": accessibilityLabel } : {}))), h("span", { key: '70f3b5f739f0f6aa898b358963cfa534cab5f3d1', class: { "switch__input": true, [this.theme]: true } }, h("span", { key: '5366d7f0edf9b561cf987ddb19bebf8d98d8984f', class: "switch__state" })), label
             ? h("span", { class: "switch__label", innerHTML: label })
             : h("span", { class: "switch__label" }, h("slot", null))))));
     }

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

@@ -157,11 +157,11 @@ export class TetTabContent {
         this.selectedId = id;
     }
     render() {
-        return (h(Host, { key: 'ed62db4ffe30b80044cf53e77fcab7d97e842ea8' }, h("div", { key: '9085065bf7eaf59031ffb592581a4e8ad1df186c', class: {
+        return (h(Host, { key: 'a3eaa6eb52160b61c7bfeaf28590ee6a71346eda' }, h("div", { key: '36226685332a4783b4dc383141b1a99d9b559559', class: {
                 'tet-tab-content': true,
                 'use-visibility': this.useVisibility,
                 [this.theme]: true
-            } }, h("slot", { key: 'c9570e911111cc9be74e9ef99622df2d70667c89' }))));
+            } }, h("slot", { key: '9de9e9ec5e8d9612ec8f0fd7c9fed7c94bbc2ad2' }))));
     }
     static get is() { return "tet-tab-content"; }
     static get encapsulation() { return "shadow"; }

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

@@ -468,7 +468,7 @@ export class TetTabHeader {
         return {};
     }
     render() {
-        return (h(Host, { key: 'd5ec141aa62d1ca98e31dcc34fe954bda12cdba5', "data-id-suffix": this.idSuffix }, h("div", { key: 'f02d170c1d2ece9c78f2b05826c9a5124a56a120', class: {
+        return (h(Host, { key: '42e681d4a571d16603b5cea6a212fdf3ca74b089', "data-id-suffix": this.idSuffix }, h("div", { key: '7e2b531e1f0fc0c11491aa06b03fa21955e9855d', class: {
                 'tabs': true,
                 'tabs--segmented': this.segmented,
                 'dark': this.darkMode,
@@ -476,7 +476,7 @@ export class TetTabHeader {
                 [this.theme]: true,
                 [this.sizing]: true,
                 [this.type]: !!this.type
-            }, onMouseDown: this.onContainerMouseDown, style: this.getStyle(), ref: (ref) => (this.tabElement = ref), role: "tablist" }, h("slot", { key: 'cf2991dfdbe50b704b0d6a4c3e417d59e391436d', ref: (slot) => (this.tabContainer = slot) })), h("div", { key: 'ad582424eb6c51c29ac979a81ed1a80c7912820a', class: { 'tabs-line': !this.segmented, 'no-underline': this.hideHeaderUnderline } })));
+            }, onMouseDown: this.onContainerMouseDown, style: this.getStyle(), ref: (ref) => (this.tabElement = ref), role: "tablist" }, h("slot", { key: '3ac4a602de30acbfe6f7de3ae5cd4b2980210754', ref: (slot) => (this.tabContainer = slot) })), h("div", { key: '0001affb03c45190def5388e016627f09c7d04ab', class: { 'tabs-line': !this.segmented, 'no-underline': this.hideHeaderUnderline } })));
     }
     static get is() { return "tet-tab-header"; }
     static get encapsulation() { return "shadow"; }

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

@@ -20,12 +20,12 @@ export class TetTag {
         processTranslations('tet-components', this.language).then(() => forceUpdate(this));
     }
     render() {
-        return (h(Host, { key: 'ab7bbef648448eed0d371f4df1ee32f7c41ef5bf' }, h("button", { key: 'b137d0c7100a92f67b1123f5faa71dbccbf0ed63', class: {
+        return (h(Host, { key: '3b21b6fc394c8f74f24f990dd6490f9d5afe5f5f' }, h("button", { key: 'd1c5331c330cb5ba6f1230cb00ad84e49c7c4436', class: {
                 tag: true,
                 'tag-active': this.active,
                 'tag--icon': this.showIcon,
                 [`theme-${this.theme}`]: true,
-            }, "aria-pressed": this.active.toString(), disabled: this.disabled }, this.tagTitle && h("p", { key: '36df61f82fbf4d0ef42718acae6b57ea6ce30f13', class: "tag-title" }, t(this.tagTitle)), this.count !== null && this.count !== undefined && h("span", { key: 'a33bd28cc9b6eb4a6424266d22b9b1916f498d3b', class: "tag-count" }, this.count), this.showIcon && h("tet-icon", { key: '47673d9c9dff84aca27d0d26ecfc434ee4fe296b', class: "tag-icon", name: "close-circle", part: "icon-selected" }))));
+            }, "aria-pressed": this.active.toString(), disabled: this.disabled }, this.tagTitle && h("p", { key: '6767151b3b4329a864940a08325dda4c6cace3c4', class: "tag-title" }, t(this.tagTitle)), this.count !== null && this.count !== undefined && h("span", { key: 'f63ad08663b8cf1bfe954b0d12d002416ef6aadc', class: "tag-count" }, this.count), this.showIcon && h("tet-icon", { key: '5f2076fc50f41021b1fe87ad4dd1ffeea36d90d0', class: "tag-icon", name: "close-circle", part: "icon-selected" }))));
     }
     static get is() { return "tet-tag"; }
     static get encapsulation() { return "shadow"; }

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

@@ -431,23 +431,23 @@ export class TetCarousel {
         document.removeEventListener('pointerup', this.onPointerUp);
     }
     render() {
-        return (h(Host, { key: 'cc7785e5ce781064c7fd53cb5f4d624d755d33df' }, h("div", { key: 'bfe9b6b3528a0a08db1dde0a3d9dcedd67ec4980', class: { 'tet-carousel': true, [`${this.theme}`]: true }, ref: (el) => (this.container = el), part: "carousel" }, h("div", { key: '823b75de5ca2a185ead350122234eef6fb002231', class: "tet-carousel__container" }, h("div", { key: 'd7927cf0cd255574c4939f5054cf2f1de7a3c831', class: "tet-carousel__gradient-left", ref: (el) => {
+        return (h(Host, { key: '49a7ad8d0a2cd1c48612d8a0eb2b851c5221cd43' }, h("div", { key: '9cd354c434476e198254081b32c3e2ffe390f9a0', class: { 'tet-carousel': true, [`${this.theme}`]: true }, ref: (el) => (this.container = el), part: "carousel" }, h("div", { key: 'bd99bb5dd1f029c6114839e7ee8d55a671c74459', class: "tet-carousel__container" }, h("div", { key: '781ad8805ff167058710bba5826aed68a3523575', class: "tet-carousel__gradient-left", ref: (el) => {
                 this.leftGradientRef = el;
-            } }), h("div", { key: '5a604a3084fcb4cac73c74639ef3ca622498754e', class: "tet-carousel__gradient-right", ref: (el) => {
+            } }), h("div", { key: '5fee5af022717edf2e7c98b743559af29f027101', class: "tet-carousel__gradient-right", ref: (el) => {
                 this.rightGradientRef = el;
-            } }), h("div", { key: '67de66314358e29978696b5ced9b9f3bb52d33c9', class: `tet-carousel__track ${!this._showButtons() && !this._showDots() ? 'tet-carousel__track--center' : ''}`, ref: (el) => (this.trackElement = el), style: {
+            } }), h("div", { key: '3218c376c7f574848196ecbb2bc51ab04841e04e', class: `tet-carousel__track ${!this._showButtons() && !this._showDots() ? 'tet-carousel__track--center' : ''}`, ref: (el) => (this.trackElement = el), style: {
                 transform: `translateX(${this.dragOffset}px)`,
                 transition: this.isDragging ? 'none' : `transform ${this.transitionDuration}ms ${this.transitionTiming}`
-            }, onPointerDown: this.onPointerDown, onMouseMove: this.onPointerMove, onPointerUp: this.onPointerUp, onMouseLeave: this.onPointerUp }, h("slot", { key: '1449c936f68deaf14b6d5903a55885c0f381c3da' }))), !!this.label && h("div", { key: '96d0b4d134336f39fa7f9d69f1be7c34ebc57376', class: "tet-carousel__label" }, this.label), (this._showButtons() || this._showDots()) && (h("div", { key: 'c3495191eb4e7976a6403a1e33a9c5f81b65690b', class: "tet-carousel__controls" }, this._showButtons() && (h("div", { key: '8e0831510715879ec751d82ed41a460754dbb730', class: "tet-carousel__buttons tet-carousel__buttons--mobile" }, h("tet-button", { key: '372ee4b1aa7f971fb2ce91e18617f145397749d9', class: "tet-carousel__btn", theme: this.theme === 'light' ? 'dark' : 'light', "icon-name": this.buttonIconLeft, "icon-mode": true, tabIndex: -1, onPointerDown: (e) => e.stopPropagation(), onPointerUp: () => {
+            }, onPointerDown: this.onPointerDown, onMouseMove: this.onPointerMove, onPointerUp: this.onPointerUp, onMouseLeave: this.onPointerUp }, h("slot", { key: '82ad09baf8aeca72d26dcee059f3f206aba7c31a' }))), !!this.label && h("div", { key: '40226fe01b17b18b14c894df968f2ef9812e190d', class: "tet-carousel__label" }, this.label), (this._showButtons() || this._showDots()) && (h("div", { key: '160dabb97084ada0cc3e4905c87c5133a7dfa4d4', class: "tet-carousel__controls" }, this._showButtons() && (h("div", { key: 'ed0683bbc98c95236c7ca8fec0c5b76ee54cec9a', class: "tet-carousel__buttons tet-carousel__buttons--mobile" }, h("tet-button", { key: '971fa9d2229a013a4e67d6ec98f4f3bd45758c53', class: "tet-carousel__btn", theme: this.theme === 'light' ? 'dark' : 'light', "icon-name": this.buttonIconLeft, "icon-mode": true, tabIndex: -1, onPointerDown: (e) => e.stopPropagation(), onPointerUp: () => {
                 if (!this.isDragging)
                     this.handlePrev();
-            }, "aria-label": t('components-carousel-previous'), disabled: this.dotCount <= 1 || this.activeItem === 0 }))), this._showDots() && (h("div", { key: '7f9185833ad5dc5bede28a19f7b84a66fc8ee480', class: "tet-carousel__dots" }, Array.from({ length: this.dotCount }).map((_, idx) => (h("button", { type: "button", tabIndex: -1, class: `tet-carousel__dot${idx === this.activeDotIndex ? ' active' : ''}`, key: idx, onPointerDown: (e) => e.stopPropagation(), onPointerUp: () => {
+            }, "aria-label": t('components-carousel-previous'), disabled: this.dotCount <= 1 || this.activeItem === 0 }))), this._showDots() && (h("div", { key: 'bcc8ce244cdeb9bbeb7cb85b73a047f0126da693', class: "tet-carousel__dots" }, Array.from({ length: this.dotCount }).map((_, idx) => (h("button", { type: "button", tabIndex: -1, class: `tet-carousel__dot${idx === this.activeDotIndex ? ' active' : ''}`, key: idx, onPointerDown: (e) => e.stopPropagation(), onPointerUp: () => {
                 if (!this.isDragging)
                     this.handleDotClick(idx);
-            }, onClick: () => this.handleDotClick(idx) }))))), this._showButtons() && (h("div", { key: 'cbbe188d3e5acef8bea2ec994fe5fe1f97b4faab', class: "tet-carousel__buttons " }, h("tet-button", { key: '91d8366e978bc437047095b2460fa417a44d3dd8', class: "tet-carousel__buttons--desktop tet-carousel__btn ", theme: this.theme === 'light' ? 'dark' : 'light', "icon-name": this.buttonIconLeft, "icon-mode": true, tabIndex: -1, onPointerDown: (e) => e.stopPropagation(), onPointerUp: () => {
+            }, onClick: () => this.handleDotClick(idx) }))))), this._showButtons() && (h("div", { key: '67d6d6be658a6c1a41a53bc1f5016b6f1823ca18', class: "tet-carousel__buttons " }, h("tet-button", { key: '1ebccf41362c85c82eafdb2c0424315b2b016080', class: "tet-carousel__buttons--desktop tet-carousel__btn ", theme: this.theme === 'light' ? 'dark' : 'light', "icon-name": this.buttonIconLeft, "icon-mode": true, tabIndex: -1, onPointerDown: (e) => e.stopPropagation(), onPointerUp: () => {
                 if (!this.isDragging)
                     this.handlePrev();
-            }, "aria-label": t('components-carousel-previous'), disabled: this.dotCount <= 1 || this.activeItem === 0 }), h("tet-button", { key: '17d016fe166ad12d1768a3b94213f4fd2b310ffe', class: "tet-carousel__btn", theme: this.theme === 'light' ? 'dark' : 'light', "icon-name": this.buttonIconRight, "icon-mode": true, tabIndex: -1, onPointerDown: (e) => e.stopPropagation(), onPointerUp: () => {
+            }, "aria-label": t('components-carousel-previous'), disabled: this.dotCount <= 1 || this.activeItem === 0 }), h("tet-button", { key: '0c60f949667745e8dc734deb2c9d5e5af8985f59', class: "tet-carousel__btn", theme: this.theme === 'light' ? 'dark' : 'light', "icon-name": this.buttonIconRight, "icon-mode": true, tabIndex: -1, onPointerDown: (e) => e.stopPropagation(), onPointerUp: () => {
                 if (!this.isDragging)
                     this.handleNext();
             }, "aria-label": t('components-carousel-next'), disabled: this.dotCount <= 1 ||

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

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

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

@@ -49,7 +49,7 @@ export class TetIcon {
         });
     }
     render() {
-        return (h("span", { key: '3963eb8c5c4fabc9d2c87f9f2063592345975325', class: "icon-wrapper", tabindex: (this.focusable || this.accessibilityLabel) ? 0 : -1 }, h("span", Object.assign({ key: '744c96f0f0cbac249e4d4ffb77981fa6d267e52a', class: {
+        return (h("span", { key: 'a1755c0393939da8ace88f20c15414eac2b67e6e', class: "icon-wrapper", tabindex: (this.focusable || this.accessibilityLabel) ? 0 : -1 }, h("span", Object.assign({ key: 'a81e4f3560576a3015634f17e964ea18aa9ae9e7', class: {
                 'icon-container': true,
                 'default-color': this.shouldUseDefaultColor(),
                 [this.theme]: true,

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

@@ -4,7 +4,7 @@ import { h } from "@stencil/core";
  */
 export class TetLoader {
     render() {
-        return (h("div", { key: '09300b685d530e8942f78d9eae8ad9ae5edce4d7', class: "loader" }, h("div", { key: '511652ee404eef66b5a169249959d04be05c8be0', class: "loader-inner" })));
+        return (h("div", { key: '6a73f7b3627a433142f72f347cd7cb2f13181657', class: "loader" }, h("div", { key: '8a259c70f5fa4232f7f9072dbc64787293dd73e6', class: "loader-inner" })));
     }
     static get is() { return "tet-loader"; }
     static get encapsulation() { return "shadow"; }

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

@@ -9,7 +9,7 @@ export class TetPlaceholder {
         this.darkTheme = false;
     }
     render() {
-        return (h(Host, { key: '4eabc206064cd1ff6f76bd6afc5a84b36587a3fa', style: { width: this.width, height: this.height } }, h("div", { key: '9b0d63300471b673c9a6872c653ee5dc52b1aab9', class: { 'dark-theme': this.darkTheme } }, h("div", { key: 'faa8f1c18dda4dfe7e1d5230816544d96603808c', class: "placeholder", style: { height: this.height } }))));
+        return (h(Host, { key: '01620570b7e11af05625e9ce943a0493e303193c', style: { width: this.width, height: this.height } }, h("div", { key: '7ff28a9673aa08136851727f688e8a309a3903f4', class: { 'dark-theme': this.darkTheme } }, h("div", { key: 'f899d4da2a5c37d49bc8fc9e99727bd64cc32fc8', class: "placeholder", style: { height: this.height } }))));
     }
     static get is() { return "tet-placeholder"; }
     static get encapsulation() { return "shadow"; }

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

@@ -47,13 +47,13 @@ export class TetSpinner {
         this.setForeignObjectAttributes();
     }
     render() {
-        return (h("div", { key: '939bc9a8489618ca09ccd56037ac4bcccffef9f3', ref: element => (this.spinner = element), class: {
+        return (h("div", { key: '32db0c934ad63e442b8bcaf4ee7ddde7671fa0f2', ref: element => (this.spinner = element), class: {
                 spinner: true,
                 [`${this.theme}-theme`]: true,
                 [`size--${this.size}`]: true,
                 [`spinner--${this.type}`]: true,
-            } }, h("svg", { key: '55db6e97bfd1b85be83b287e2efac8ff0efe49f6', viewBox: "0 0 40 40" }, h("clipPath", { key: 'ee388a7fcbb01f43058456494f7ccfd2976ed8a7', id: "clip" }, h("path", { key: 'ed2c7dae569da6e3725017431f31bc699da27c3f', d: `M40 20C40 31.0457 31.0457 40 20 40C8.9543 40 0 31.0457 0 20C0 8.9543 8.9543 0 20 0C31.0457
-              0 40 8.9543 40 20ZM6 20C6 27.732 12.268 34 20 34C27.732 34 34 27.732 34 20C34 12.268 27.732 6 20 6C12.268 6 6 12.268 6 20Z` })), h("foreignObject", { key: 'c17720fdb456cb616bb019cacc078e8585e150e9' }, h("div", { key: '905c1b463931244539021b13085084d580bd34ee', class: "spinner__gradient" })))));
+            } }, h("svg", { key: '8fd29831970ee911a493b0d685fce49ec64a2c6d', viewBox: "0 0 40 40" }, h("clipPath", { key: '434716703b3f6fffd3b97e8a40b0a32d69459b84', id: "clip" }, h("path", { key: '7f666240c50a3e35f82f388e1ab7bf0cfc2d32b2', d: `M40 20C40 31.0457 31.0457 40 20 40C8.9543 40 0 31.0457 0 20C0 8.9543 8.9543 0 20 0C31.0457
+              0 40 8.9543 40 20ZM6 20C6 27.732 12.268 34 20 34C27.732 34 34 27.732 34 20C34 12.268 27.732 6 20 6C12.268 6 6 12.268 6 20Z` })), h("foreignObject", { key: '62289dbcbb5b8844df4ce10d9f3482a31f4aa6e6' }, h("div", { key: '445d72c9458368235926e2e2771d181f1c39827d', class: "spinner__gradient" })))));
     }
     static get is() { return "tet-spinner"; }
     static get encapsulation() { return "shadow"; }

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

@@ -13,12 +13,12 @@ export class TetLabel {
         this.showIcon = false;
     }
     render() {
-        return (h(Host, { key: '189316abb6947c2b80b4a5e122c034428dd585ab' }, h("div", { key: '927a44f2e990687cdce82e616710a44a6e8fdd01', class: {
+        return (h(Host, { key: 'e11a652248aed8c0d1598e8bfc7ad8b5f86cdf8c' }, h("div", { key: '262014a7de658fe284364d56dd24f7fb21b88adb', class: {
                 label: true,
                 'label-active': this.active,
                 [`label-type-${this.type}`]: true,
                 [`theme-${this.theme}`]: true,
-            } }, this.labelTitle && h("p", { key: '52ca2dd70bfb5bfdc87b357a5314bcc841722638', class: "label-title" }, this.translateTitle ? t(this.labelTitle) : this.labelTitle), this.showIcon && h("tet-icon", { key: 'a5e595e998e36527d16d22ef6943c05d1f9bad9c', class: "label-icon", name: "close-circle", part: "icon-selected" }))));
+            } }, this.labelTitle && h("p", { key: 'dc018c7e791e37a15136c7be729bcf652e78c31b', class: "label-title" }, this.translateTitle ? t(this.labelTitle) : this.labelTitle), this.showIcon && h("tet-icon", { key: '2acc2db89b5394c672814eb203c9c7c1f8e0d886', class: "label-icon", name: "close-circle", part: "icon-selected" }))));
     }
     static get is() { return "tet-label"; }
     static get encapsulation() { return "shadow"; }