@tet/tet-components 1.4.49-testing → 1.4.50-staging

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

@@ -1,53 +1,77 @@
 import { h } from "@stencil/core";
 export class TetMiniCompareCard {
     constructor() {
-        this.benefits = undefined;
-        this.products = undefined;
+        this.benefits = [];
+        this.productTitle = '';
         this.price = undefined;
         this.oldPrice = undefined;
         this.currency = undefined;
-        this.buttonLabel = undefined;
+        this.buttonLabel = '';
+        this.url = undefined;
+        this.urlTarget = '_self';
+    }
+    buttonMobileBreakpoint = 768;
+    buttonRef = null;
+    onPriceChange() {
+        this.syncButtonSize();
     }
     /**
-     * Renders benefits list of icons / images and titles.
+     * Emits when the CTA button is clicked.
      */
-    renderBenefitsList = (benefit) => {
-        const { iconName, imageSrc, title } = benefit;
-        return (h("div", { class: "card__list-item" }, !!iconName && h("tet-icon", { class: "card__list-item-icon", name: iconName }), !!imageSrc && h("img", { class: "card__list-item-image", src: imageSrc, alt: title }), h("p", { class: "card__list-item-title" }, title)));
+    ctaClick;
+    getResolvedBenefits() {
+        if (Array.isArray(this.benefits))
+            return this.benefits;
+        if (typeof this.benefits === 'string') {
+            try {
+                const parsed = JSON.parse(this.benefits);
+                return Array.isArray(parsed) ? parsed : [];
+            }
+            catch {
+                return [];
+            }
+        }
+        return [];
+    }
+    handleCtaClick = () => {
+        const buttonLabel = this.buttonLabel.trim();
+        this.ctaClick.emit({
+            productTitle: this.productTitle,
+            buttonLabel,
+            url: this.url,
+            urlTarget: this.urlTarget === '_blank' ? '_blank' : '_self'
+        });
     };
-    /**
-     * Function to render benefits block if benefits provided.
-     */
-    renderBenefitsBlock = () => {
-        if (this.benefits.length === 0) {
-            return null;
+    componentDidLoad() {
+        this.syncButtonSize();
+        globalThis.addEventListener('resize', this.syncButtonSize);
+    }
+    disconnectedCallback() {
+        globalThis.removeEventListener('resize', this.syncButtonSize);
+    }
+    syncButtonSize = () => {
+        if (globalThis.innerWidth < this.buttonMobileBreakpoint) {
+            this.buttonRef?.setAttribute('size', (this.price == null ? 'medium' : 'small'));
+        }
+        else {
+            this.buttonRef?.removeAttribute('size');
         }
-        return h("div", { class: "card__list" }, this.benefits.map((benefit) => this.renderBenefitsList(benefit)));
     };
-    /**
-     * Render badge block content.
-     */
     renderBadgeContent = () => {
         const { price, currency, oldPrice } = this;
-        if (!price) {
+        if (price == null) {
             return null;
         }
         const mainPrice = price.toFixed(2).toString().split('.');
-        return (h("div", { class: "card__badge-content-item" }, h("div", { class: "card__badge-content-item__price-container" }, h("span", { class: "card__badge-content-item__price" }, mainPrice[0]), h("div", { class: "card__badge-content-item__price-details" }, h("span", { class: "card__badge-content-item__price-details__header" }, mainPrice[1]), h("span", { class: "card__badge-content-item__price-details__description" }, currency))), !!oldPrice && (h("span", { class: "card__badge-content-item__footer" }, oldPrice.toFixed(2), " ", currency))));
-    };
-    /**
-     * Render Badge block with title, price and content if provided.
-     */
-    renderBadgeBlock = () => {
-        const { products, buttonLabel, price } = this;
-        const productsTitle = products.join(' + ');
-        return (h("div", { class: "card__badge" }, h("p", { class: { 'card__badge-title': true, 'large': !price } }, productsTitle), h("div", { class: "card__badge-content-wrapper" }, this.renderBadgeContent(), h("tet-button", { class: "card__badge-content-item__button", type: "primary", theme: "light" }, buttonLabel))));
+        return (h("div", { class: "card__badge-content-item" }, h("div", { class: "card__badge-content-item__price-container" }, h("span", { class: "card__badge-content-item__price" }, mainPrice[0]), h("div", { class: "card__badge-content-item__price-details" }, h("span", { class: "card__badge-content-item__price-details__header" }, mainPrice[1]), h("span", { class: "card__badge-content-item__price-details__description" }, currency))), oldPrice != null && (h("span", { class: "card__badge-content-item__footer" }, oldPrice.toFixed(2), " ", currency))));
     };
-    /**
-     * Render mini card.
-     */
     render() {
-        return (h("div", { key: '73c109b87c53bf25584c8471fc752cfaf3ae3e3e', class: "card-wrapper" }, this.renderBenefitsBlock(), this.renderBadgeBlock()));
+        const benefits = this.getResolvedBenefits();
+        const buttonLabel = this.buttonLabel.trim();
+        const urlTarget = this.urlTarget === '_blank' ? '_blank' : '_self';
+        return (h("div", { key: '4bded38de598964b2465a617084e06b7a622446a', class: "card-wrapper" }, !!benefits.length && (h("div", { key: '92a862dae2b44bc494f259eb2d45df5ae4a32d33', 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: 'bd39a219519fe4e9c2fef7136fe4f33661d63a2c', class: { 'card__badge': true, 'no-price': this.price == null } }, h("p", { key: '7da187124e4dfb2c7ebc9806f2f960e24daaceb9', class: { 'card__badge-title': true, 'no-price': this.price == null } }, this.productTitle), h("div", { key: 'cadad74abeeb4c858a016924a917565d7039406f', class: "card__badge-content-wrapper" }, this.renderBadgeContent(), !!buttonLabel && (h("tet-button", { key: 'a5d318c57bee7cddb6e574d24b2a43ab25c9d166', 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))))));
     }
     static get is() { return "tet-mini-compare-card"; }
     static get encapsulation() { return "shadow"; }
@@ -64,11 +88,11 @@ export class TetMiniCompareCard {
     static get properties() {
         return {
             "benefits": {
-                "type": "unknown",
+                "type": "string",
                 "mutable": false,
                 "complexType": {
-                    "original": "MiniCompareCardBenefits[]",
-                    "resolved": "MiniCompareCardBenefits[]",
+                    "original": "string | MiniCompareCardBenefits[]",
+                    "resolved": "MiniCompareCardBenefits[] | string",
                     "references": {
                         "MiniCompareCardBenefits": {
                             "location": "local",
@@ -78,26 +102,32 @@ export class TetMiniCompareCard {
                     }
                 },
                 "required": false,
-                "optional": true,
+                "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "Data for list of benefits to show in card."
-                }
+                    "text": "Serialized benefits JSON string or normalized benefits array to show in card."
+                },
+                "attribute": "benefits",
+                "reflect": false,
+                "defaultValue": "[]"
             },
-            "products": {
-                "type": "unknown",
+            "productTitle": {
+                "type": "string",
                 "mutable": false,
                 "complexType": {
-                    "original": "string[]",
-                    "resolved": "string[]",
+                    "original": "string",
+                    "resolved": "string",
                     "references": {}
                 },
                 "required": false,
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "Products titles to show in card."
-                }
+                    "text": "Product title to show in card."
+                },
+                "attribute": "product-title",
+                "reflect": false,
+                "defaultValue": "''"
             },
             "price": {
                 "type": "number",
@@ -165,8 +195,74 @@ export class TetMiniCompareCard {
                     "text": "Button label to render."
                 },
                 "attribute": "button-label",
+                "reflect": false,
+                "defaultValue": "''"
+            },
+            "url": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "URL for button click action."
+                },
+                "attribute": "url",
                 "reflect": false
+            },
+            "urlTarget": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "'_blank' | '_self'",
+                    "resolved": "\"_blank\" | \"_self\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Button link target."
+                },
+                "attribute": "url-target",
+                "reflect": false,
+                "defaultValue": "'_self'"
             }
         };
     }
+    static get events() {
+        return [{
+                "method": "ctaClick",
+                "name": "ctaClick",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Emits when the CTA button is clicked."
+                },
+                "complexType": {
+                    "original": "MiniCompareCardCtaClickEvent",
+                    "resolved": "MiniCompareCardCtaClickEvent",
+                    "references": {
+                        "MiniCompareCardCtaClickEvent": {
+                            "location": "local",
+                            "path": "/__w/internal-tet-web-components-tet-components/internal-tet-web-components-tet-components/src/src/components/advanced/cards/tet-mini-compare-card/tet-mini-compare-card.tsx",
+                            "id": "src/components/advanced/cards/tet-mini-compare-card/tet-mini-compare-card.tsx::MiniCompareCardCtaClickEvent"
+                        }
+                    }
+                }
+            }];
+    }
+    static get watchers() {
+        return [{
+                "propName": "price",
+                "methodName": "onPriceChange"
+            }];
+    }
 }

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: '5f8622a6a232bc4ef2846f7e19d1c25f442f08a8' }, h("span", { key: 'c4fd8e1936992a56062b37da619a1950177041f8', class: classes }, h("span", { key: '91ef465d16c84e7077670d1aa0653f2945c7104e', class: "badge__text" }, this.badgeTitle ? this.badgeTitle : h("slot", null)))));
+        return (h(Host, { key: '7a1eee93afb82ab3910176799c48f4c4513af379' }, h("span", { key: '9e278daaf9a9658ff60bc30cd28208d231f23a15', class: classes }, h("span", { key: '5083f961f9a3cc445e6b2a05d4f3f418b8000710', 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

@@ -362,7 +362,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: '6b5ab1e253214c525c59858bb5ba668f2fa670b2' }, h("div", { key: '4a806d6a973a721e1a0e6b44d19948e835e2e8d5', class: {
+        return (h(Host, { key: '3cf0e860f59dbd88e5cbaef3e1755aec7a4be0f2' }, h("div", { key: 'e9b9e6028ac5ccdebbdc40671f5b6b5b757146ed', class: {
                 'snicker-card': true,
                 [this.theme]: true,
                 'snicker-card--hoverable': this.isHoverable,
@@ -371,7 +371,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: '22e4b15ec341394d296308e044d9f6e2d3458058', ref: (el) => (this.accordionEl = el), class: "accordion", theme: this.theme, isOpen: this.isAccordionOpen, onOpenChanged: this.onAccordionChanged, transparentBackground: true, isHeaderInteractive: false }, h("div", { key: '4b3c0fc33fbb0c2d4d765d24004846a3403e181c', slot: "header", class: "accordion__header" }, this.renderHeader()), h("div", { key: 'cb062c020ab0bf0652ec698041c5feee4c797587', 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: 'cc63aa7d417d6e4a4c365b139dccbf637b92ef5d', ref: (el) => (this.accordionEl = el), class: "accordion", theme: this.theme, isOpen: this.isAccordionOpen, onOpenChanged: this.onAccordionChanged, transparentBackground: true, isHeaderInteractive: false }, h("div", { key: '5b02e7176089324c6e77b8b1f981af731cbdb39b', slot: "header", class: "accordion__header" }, this.renderHeader()), h("div", { key: 'ec6b11ae0d7a686ef0def067c6d45fee64e93d15', 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

@@ -155,7 +155,7 @@ export class TetSnickerCardGroup {
         this.applySelectionToChildren();
     };
     render() {
-        return (h(Host, { key: 'f7a1d5411aace7f38cb20d074c9ec7da558123c2', role: this.selectionType === 'radio' ? 'radiogroup' : 'group', onCardClick: this.handleCardClick, onKeyDown: this.handleKeyDown }, h("slot", { key: '63621008e40e7d6ac89cdf1d238ac7a904960b72', onSlotchange: this.handleSlotChange })));
+        return (h(Host, { key: '5d2f643962450d4aebb3f7deadced19a3d27f264', role: this.selectionType === 'radio' ? 'radiogroup' : 'group', onCardClick: this.handleCardClick, onKeyDown: this.handleKeyDown }, h("slot", { key: '88961cf4db7b9e720847092bcc81dd37a518ad17', onSlotchange: this.handleSlotChange })));
     }
     static get is() { return "tet-snicker-card-group"; }
     static get encapsulation() { return "shadow"; }

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

@@ -122,7 +122,7 @@ export class TetCustomerAssets {
         return (h("tet-selection-list", { items: assets, itemRenderFunction: assetRenderFunction, multipleSelections: false, class: "item", exportparts: "label", onItemSelected: this.selectAsset }));
     };
     render() {
-        return (h(Host, { key: '1d93375afc8dc4b320d539a123d5eeba2ff12930' }, h("div", { key: '97a4174912784fa62d8e256f2d0956b513fe1d28', class: { wrapper: this.showLoader && this.singleLoader, 'dark-theme': this.darkTheme } }, this.showLoader && this.singleLoader
+        return (h(Host, { key: 'c8dbb5f8dd25dda8092e0a0032d3d77f262ed03b' }, h("div", { key: 'a87e3e27b8b278666f7ebe2551377f9baff4b8a4', 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: '818a9ef1703cca91f0a9a1086e0008803fc364de' }, h("div", { key: '2ab9e1c59c1cd7706d1929a7e06b16163e075bd4', class: "wrapper" }, h(ThemeWrapper, { key: '6589f6edf230d1e3eea0e36e9e8bef8ea71f5d85', theme: this.theme }, h("div", { key: '590152adfd71168cc119c4aaedebd7c51a19ac5c', class: "image-container" }, h("img", { key: '28ef193dd38c7b07a5a05f291555b3ffe8e205a5', src: t('components-referral-image-url'), alt: "" })), h("div", { key: '9cb3eddb27916b8b00b5e1f2ba36730e5cbd2ca7', class: "subtitle-container" }, t('components-referral-subtitle')), h("div", { key: '46f99b9ece9ed8091bed87df0bc631ef0a7ec8dd', class: "description-container", innerHTML: t('components-referral-description') }), h("div", { key: '8dc7f58371b056d22fb6123ecc8f3d00965daf5d', class: "referral-block" }, h("div", { key: '97d89c6c3fa4a7de0711ebb411b72ff76997c7af', class: "url-wrapper" }, h("div", { key: '04de98b8852cfe1e716152aa74786b3cb02a06e4', class: "referral-url" }, this.getReferralUrl()), h("div", { key: 'ad036347c2dab6b7880d44f7edd784853502c165' }, h("div", { key: '89788f1195853966829541940f4e7713502278fb', class: "button-wrapper" }, h("tet-tooltip", { key: '1592bbded056e833d9a4dabf68433895c2b45f6e', theme: this.theme, class: "tooltip", doNotShowOnHover: true, ref: (el) => {
+        return (h(Host, { key: '81e3fb44941e8f766e719d45d2b0168fd015fe27' }, h("div", { key: 'c8767f148ccaaa4efb7f6688c675eaeeb7bf84cf', class: "wrapper" }, h(ThemeWrapper, { key: '74d6d369d7b5a8efb30f05d9b978ddb2d837f1fa', theme: this.theme }, h("div", { key: 'ad890fa00d9e02efa2291d180a4fb91bb7eb90e0', class: "image-container" }, h("img", { key: '60366bab0b82237e29cfb96410e6866e31528ca6', src: t('components-referral-image-url'), alt: "" })), h("div", { key: '055bc651a52fbe6dfd94704691685e87eb56b0a2', class: "subtitle-container" }, t('components-referral-subtitle')), h("div", { key: 'bd0bb086f82fa1be51ffcd1eeb63969b64b47f77', class: "description-container", innerHTML: t('components-referral-description') }), h("div", { key: 'd2bbd474fcbbc10246cd9458ea4a42f31e1ed078', class: "referral-block" }, h("div", { key: '1ec5a1840cd1c30773a682ad56c39f03a55f1524', class: "url-wrapper" }, h("div", { key: '3980baedbd350cb5561e1df64e026a50177d53a9', class: "referral-url" }, this.getReferralUrl()), h("div", { key: '8082b6d91785b9173e06673d999b3b3c0a9edb14' }, h("div", { key: 'dbeba4ddb9bf9785262b3aa5996b0d62e2cc40ef', class: "button-wrapper" }, h("tet-tooltip", { key: 'f9157f2d5f4a942ae372829ab13c003d373f30a1', theme: this.theme, class: "tooltip", doNotShowOnHover: true, ref: (el) => {
                 this.tooltip = el;
-            } }, t('components-referral-tooltip')), h("tet-button", { key: '9290641592c6c94c115ef273674fdb97999df848', clickCallback: this.copyToClipBoard, type: "primary", theme: this.theme }, t('components-referral-copy-button-label'))))))))));
+            } }, t('components-referral-tooltip')), h("tet-button", { key: 'f1918575f5e7650a0dd68b32b84e3589e2b54f8b', 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: '74c009bae55d08426b18c74e21f103fe9afb78d0', class: "multi-step-dialog" }, h("tet-dialog", { key: '81e708314199645db72a86e11916f52b973a5f06', 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: 'e16b2a212086cec5f111a58453601d0db12229ca', innerHTML: this.content }), this.steps.map((step, index) => (this.renderStep(step, index))), h("tet-button", { key: '36954d2def9b358caef5659841b0f4486af82a4f', 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: '76ef017d264e244f4f3808ad90193db5ed3f3a4f', 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: '5b54a6359952d8fa1df7c30ed848412bb06ab4b7', class: "multi-step-dialog" }, h("tet-dialog", { key: '0614e6c3f21e4082cbd8c4bfad4773bd5517464f', 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: 'f4bf912841a7f5502d3d76f41dc3a5f60b835793', innerHTML: this.content }), this.steps.map((step, index) => (this.renderStep(step, index))), h("tet-button", { key: '77a49bb79b8d3b98a4a9cc5e9bcab6cc7043f348', 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: 'bf0c7392baf674135c1c93a86a7887e99eaa3a71', 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

@@ -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: 'a8205702537b339c43b1bd4ab745946792fd4db6', class: { 'dark-theme': this.darkTheme } }, this.success ? this.renderSuccessStep() : this.renderForm()));
+        return (h("div", { key: '7e3b9342ee828bbdcbcfaf422e1bd1a9e36f544e', 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: '11623a3778e60eb67b676f90a4e340eb9edbb9a8', 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: 'd04ef4470809098ee062fb0a9745dc367cfc8b96', 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: '454a43cc93cb22ea9c61e62bf2d1090763230319', class: { 'modal-form-card-content': true, [`${theme}`]: true } }, h("div", { key: '0f79d9d98024e0453f95e44d785bc17aa441ec96', class: "modal-form-card-content-header" }, h("div", { key: '61b3b3e9872bfa8a07ee77a696df5d55fa04d1ce', class: "icon-wrapper" }, h("tet-icon", { key: 'f729b6ce96b5336fbb16ce40273e2f9dc11d2c80', class: "icon", name: "tc-company-1" })), h("span", { key: '4cfe40705602507dff089f18aa44bf00459d1633', class: "modal-form-card-content-header__title" }, t('components-b2b-check-out-form-title')), h("span", { key: '7b32b6ac680593c92e10dcb21cac9fa77d976043', class: "modal-form-card-content-header__description" }, t('components-b2b-check-out-form-description'))), h("div", { key: 'ee191917bff0c32e38e7f12dbed1fe08ad19e6f4', class: "modal-form-card-content-accordion-wrapper" }, h("slot", { key: '2006d27fdff5ff5f67250bbd9985d15980dac5dc', name: "cart" })), h("form", { key: 'a150f88ccf062c0fc7378da36ae19a9ab781681c', id: "checkOutForm", class: "modal-form-card-form", ref: (ref) => (this.checkOutForm = ref) }, h("div", { key: 'e573aaf4e66aa86e0320ef0a8ad028f2913a020a', 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: 'b7ec3ceaad287ffc778035e8041eeea7bc8733b5', 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: '24e7b49bb1293b85ddcec1b40c0ff0d3a84cf25b', class: "modal-form-card-content-checkbox", label: t('components-check-out-form-privacy-policy'), theme: theme }), h("slot", { key: '517ef55d02e847cd6f39c2465204beb3b142bff8', name: "extra-fields", ref: (element) => (this.extraFieldsSlotElement = element) }))), h("div", { key: '28a7d6665688eb8c962c0682de3d7df07877463b', slot: "footer", class: "modal-form-card-footer" }, h("tet-button", { key: '5c81c96dd1fdc770161e2b6db2fae87fd9c15719', type: "secondary", size: "medium", theme: theme, onClick: () => {
+            } }, h("div", { key: 'f678b12cc3cdc747612359e92e5133a0be13f84e', class: { 'modal-form-card-content': true, [`${theme}`]: true } }, h("div", { key: '2cd38210a1903e006432b720f67b79739dd7280b', class: "modal-form-card-content-header" }, h("div", { key: 'cd940d4b7ae33e43b622b33428bc212e14dcf95e', class: "icon-wrapper" }, h("tet-icon", { key: 'f3d9bf278f1b96701f6bbf9b146f49d8f0c95ca4', class: "icon", name: "tc-company-1" })), h("span", { key: '7e76f0714d8e10f2e572f897b61dcfbd4c104873', class: "modal-form-card-content-header__title" }, t('components-b2b-check-out-form-title')), h("span", { key: 'e91de75dceec563c91806f7bd331670f8d638c5a', class: "modal-form-card-content-header__description" }, t('components-b2b-check-out-form-description'))), h("div", { key: '5c9d96282c3bea53b71be6cfa3686f66e200d9aa', class: "modal-form-card-content-accordion-wrapper" }, h("slot", { key: 'deab9af25c5610ca2fd2a47de139770c24b041bb', name: "cart" })), h("form", { key: '3db7155ca815c4ffcf713535259d1ee7fd9dd052', id: "checkOutForm", class: "modal-form-card-form", ref: (ref) => (this.checkOutForm = ref) }, h("div", { key: '7dcd9c5282cd6a0935027877591e510dd1aa3cef', 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: '24d9841a7509bfc54997886312e56bf32615f5ea', 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: 'f1accc53d9232916b2e2b8cc39992283657d301d', class: "modal-form-card-content-checkbox", label: t('components-check-out-form-privacy-policy'), theme: theme }), h("slot", { key: 'd6c2a99c95cce10feabd96ceeeef05c4ebb8289c', name: "extra-fields", ref: (element) => (this.extraFieldsSlotElement = element) }))), h("div", { key: '5c19065f8604dca38bb4ae10c8994fda88345ee2', slot: "footer", class: "modal-form-card-footer" }, h("tet-button", { key: 'feea4b2e2d62dfd6ebe0d460bdad511b64d4ee64', type: "secondary", size: "medium", theme: theme, onClick: () => {
                 this.dialogElement.close();
-            } }, t('components-b2b-check-out-form-close-button-label')), h("tet-button", { key: 'aa1612b5e59d56c95519bcfdbc0334328141235b', 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: '610f65d5a34d3f7c8a11997b1e647b1aa1c9d255', 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: '8c3e33351ec884d4795ccacda764682d5744c120', class: { 'dark-theme': this.darkTheme } }, h("tet-container", { key: '01c8254612c4a71685a4df1f2a81d9c1f1cc3d53', class: "container" }, this.showLoader && this.renderLoader(), h("div", { key: '4e4153d8e58ee8d365d03bb81865999d9f924ebf', class: "form-container" }, this.showTitle && h("h2", { key: 'c0413726bff33fe23bb4bda34aaaef0139576182', class: "form-title" }, t('components-contact-form-title')), h("p", { key: 'c500523e58bfbb3f4b7e6c518c5ab041bc9dc290', class: "form-subtitle" }, t(this.subtitle)), h("tet-input", { key: '34f7e5b773bc4afbf58210465c965cdf839c7e71', 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: 'c89070aea86a7421969a4b69ccf3ce22a596948e', class: "form-submit", type: "primary", clickCallback: this.createManualTask, innerHTML: t('components-contact-form-submit'), ...this.submitButtonProps })))));
+        return (h("div", { key: 'f049d1210fda1813fdec32ee29c7670122d6fbb1', class: { 'dark-theme': this.darkTheme } }, h("tet-container", { key: '1b72c554330603dd7d86663a68c172f306a73c4d', class: "container" }, this.showLoader && this.renderLoader(), h("div", { key: '97b6f35dbb8ab8ae2e93464ccef4fa55160514d7', class: "form-container" }, this.showTitle && h("h2", { key: '055946320c63e7f4fa3cf62cd6d78ba061491fca', class: "form-title" }, t('components-contact-form-title')), h("p", { key: 'ba1afbd3f962552b0bdd6d1a332adfe13707080a', class: "form-subtitle" }, t(this.subtitle)), h("tet-input", { key: 'bacb7841958944408e9ad1e7b4b445b4098e3ae6', 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: '49b5b47fac161b62b7b1e11a453939c02d797441', class: "form-submit", type: "primary", clickCallback: this.createManualTask, innerHTML: t('components-contact-form-submit'), ...this.submitButtonProps })))));
     }
     static get is() { return "tet-contact-form"; }
     static get encapsulation() { return "shadow"; }

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

@@ -33,7 +33,7 @@ export class TetTvGiftBlock {
         }
     };
     render() {
-        return (h(Host, { key: 'da85bd7ab8b796885407cd6e59acc6fe4eda4eff' }, h("div", { key: '0e24dfadb4e2f0fbf2548615add534dd61adc2d1', class: { 'tv-gift': true, [`tv-gift--${this.containerSize}`]: true } }, h("div", { key: 'b0504fd586c36a11ea3d77996fb1b16b823fcba4', class: "tv-gift__header" }, h("slot", { key: 'f5a9c43f17b5589a04802d10458e545a5a78cb0e', name: "header" }, this.headerImageSrc && h("img", { key: '5a3321cea2e9e1fc3bc42eedd520dfce0145dd3d', class: "tv-gift__header__image", src: this.headerImageSrc }), h("div", { key: '8c35005d36c604ebcf80be213676bbe7237f803a', class: "tv-gift__header-text" }, this.headerTitle))), h("div", { key: '31293e735263adfbf0c3f5cf838d1073edfd7365', class: "tv-gift__content" }, h("slot", { key: '29590e7bb7543a1d432793858d15570419555c18' })), h("div", { key: '7294c2b404664dd49653029b71a311ebebe2db8d', class: "tv-gift__footer" }, h("slot", { key: '116a024b080812aab56286c7d265cd619f51b1aa', name: "footer" }, h("span", { key: '3642fa003f8a28a7a3de09eea57efc851effa779', class: "tv-gift__footer__title" }, this.footerTitle), h("span", { key: '72006b91eafd39187bca741797ff54c9bd0b80fa', class: "tv-gift__footer__text" }, this.footerText))))));
+        return (h(Host, { key: '663c5f3632f1afb9c7421f873ddf30681a679d18' }, h("div", { key: '1098b2a9de02ddbc87bcb78896634d2e1785fe89', class: { 'tv-gift': true, [`tv-gift--${this.containerSize}`]: true } }, h("div", { key: 'f4d23b44b7aa9d158e742ca58142f665186b4963', class: "tv-gift__header" }, h("slot", { key: '58759b0650d2469cc44c25193eb00924a7388985', name: "header" }, this.headerImageSrc && h("img", { key: '08862777563663ba90d80ac1ded747d26107c87d', class: "tv-gift__header__image", src: this.headerImageSrc }), h("div", { key: 'f56664423e4373d97f0e2f871a22f1a3edc5e976', class: "tv-gift__header-text" }, this.headerTitle))), h("div", { key: '5361a3413ce836723dc650fb5f5c11496b05741f', class: "tv-gift__content" }, h("slot", { key: '33b19d2bf84defc3b5318d80ab19a34ff32542a1' })), h("div", { key: '3409c71e31faa52cdf621a8fb97ccf73734ab16e', class: "tv-gift__footer" }, h("slot", { key: '902c9b3abc09f158da76b28e94390900d89442fa', name: "footer" }, h("span", { key: '986c68a05a7c22c151d5cfd8d30ae817be80eb14', class: "tv-gift__footer__title" }, this.footerTitle), h("span", { key: '3ccd49b988de36556a365f5ad3c81b9384772ccf', 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: 'ed3c027a443e8d457ef8d878ca0e298a7a39d81c' }, h("div", { key: '6400c120dc4e8d413bc414c6836ae44b993abce9', class: {
+        return (h(Host, { key: '2d38b70870a5ab092d54c3d06452bed85c61509a' }, h("div", { key: 'd640a48adc216dfb50c42ade7bfe22d3619189cb', class: {
                 'tv-gift-list': true,
                 [`tv-gift-list--${this.containerSize}`]: true,
                 'tv-gift-list--image-list': Boolean(this.imageSource),
-            } }, this.imageSource && (h("div", { key: 'bc5de4853a6b02bb0136f0f37a8fd9c1d5fa8112', class: "tv-gift-list__image__wrapper" }, h("img", { key: '5a262fc5db89447202f040858774571b90dc0b3b', class: "tv-gift-list__image", src: this.imageSource }))), h("div", { key: 'aeeacb0fe1c16911674a869c54fa13daa8215e5e', class: "tv-gift-list__list__wrapper" }, h("span", { key: 'bde7c8858b0eb66091d167201dbe752bede393ff', class: "tv-gift-list__list__header" }, this.header), h("ul", { key: '57786524f9e7b41f1554efde9e5ce5c46f732eac', 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: '1d8145796ced9ae028f66b4b048d06e6cea10c2b', class: "tv-gift-list__image__wrapper" }, h("img", { key: 'fdd09847cc21db18283db5a3b0b1c22b92ff2a3b', class: "tv-gift-list__image", src: this.imageSource }))), h("div", { key: 'd7d12b2c749ddb242360fe0bb5d677aa3c5e8854', class: "tv-gift-list__list__wrapper" }, h("span", { key: '7acbf135e07b9551918721c26e2fa0fe2a48dcba', class: "tv-gift-list__list__header" }, this.header), h("ul", { key: '0f9461c5fd13bfd08fa2bd07065d63c7046818ca', 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: '88c18d5688f99b1c2456c7a3b6a67e2fc8c3d016', class: {
+        return (h(Host, { key: '459e859cb59f533d43d1a3d742c3c839af5da171', class: {
                 "search-container": true,
                 [this.theme]: true,
-            } }, h("div", { key: '7b6fb7e70aa5fb2a0024f0a3fdf24bb3bba8fc6f', class: "search-container__inner-wrapper" }, h("tet-autocomplete", { key: '9b175e2fa8a43361f872d78b7560e84f161e4a81', 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: '1004bd8695a086c3324c8eea5c21d1128f15fe47', 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: '8dd4057f5db9a55bcd017eb4d3bcf8ee333686a4', theme: this.theme, class: "search-container__spinner", size: "small" }))), h("tet-button", { key: '3e255d21484151cfe0fc482ba5f588aa615c26ab', 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: '2792151c67087734255383748b87ff7744b85d44', 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: '14205c0a9c38b57ee217b62cd7c5492a2623e050', class: "search-container__inner-wrapper" }, h("tet-autocomplete", { key: 'db4a10d3f1bc84ca79e4b47466239e50d94fb493', 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: '0ae36fed19ebe78539ac81594b81121597766dd6', 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: '2fbdb60cbe99b0e790aec831677c46806382ce25', theme: this.theme, class: "search-container__spinner", size: "small" }))), h("tet-button", { key: '5554b21a6dec1cf63fc2ef0876423d68fed4a397', 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: 'a270ccf81d71ffa0eafd4e68ccfd90c9a82a2a8c', class: "search-container__button search-container__button--desktop", theme: this.theme, size: "medium", disabled: this.disabled, onClick: this.boundHandleSearchSubmit }, this.labels.searchButtonLabel))));
     }
     static get is() { return "tet-support-search"; }
     static get encapsulation() { return "shadow"; }

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

@@ -97,20 +97,20 @@ 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: 'ef9c0d26dc82008c844694bfdda7965790562dc2' }, h("div", { key: '1e7dd47026ee5b705d1082d2492e703fd20af0c9', class: { radio: true, [`radio-${this.theme}-theme`]: true } }, h("label", { key: '7462fe2a8b7369ad00a3959c49dc2c63dd70514a', class: {
+        return (h(Host, { key: '6a9f4a5b13ccc90b1e6b9fed904709284277bf8f' }, h("div", { key: '2912c32c8aad53137b8ece71955f3a1b3c4e9c90', class: { radio: true, [`radio-${this.theme}-theme`]: true } }, h("label", { key: '5872e9bb1fcb0005cf3697a1dfc818e6db31a0db', class: {
                 'radio__container': true,
                 'radio__container--focus-style': this.focusStyleOnContainer,
                 'radio__container--align-center': alignCenter,
-            }, htmlFor: id }, h("input", { key: 'd3f03196161ed9030388dbe807d1aa5f5cb15ac0', class: {
+            }, htmlFor: id }, h("input", { key: 'c64cdc3a9d206b31c2c0538b0ce157371ea0388f', 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: '2b8f4f62e5bc2eccdaebc3154cccc5a6cef0b6db', 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: 'b8754998b3e38a0505c404aae944964a8453d15b', 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: '5c53d71f5fe2c5545b469de3a5e5948639c0c6eb', class: {
+            } }), h("div", { key: 'f525ae679b93ccb3a4dc060e1e8b3702843d6032', 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: {
@@ -121,11 +121,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: '3278de5e78f554fe9ba12cfdb99b9d6527d8e6c1', class: {
+            } }, h("slot", { name: "label-icon" }))), h("span", { key: '6c419661ad7ad1f9b8acf9833b4af813bded4be5', class: {
                 'radio__label': true,
                 'radio__label--has-slot-icon': hasSlotIcon,
                 ...(labelFont ? { [`radio__label--${labelFont}`]: true } : {}),
-            }, innerHTML: label }, h("slot", { key: 'bed2fd33652b1a54dd498846d723f4c4ee4f5bd2' })))))));
+            }, innerHTML: label }, h("slot", { key: '2049aa5ca49dd0d741199a92b7793642fed8bd5f' })))))));
     }
     static get is() { return "tet-radio"; }
     static get encapsulation() { return "scoped"; }

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

@@ -46,16 +46,16 @@ export class TetSwitch {
     }
     render() {
         const { label, name, theme, disabled, checked, accessibilityLabel, labelFont, alignCenter, labelPosition } = this;
-        return (h(Host, { key: '3a1fb4aa8019be9a044feaeeba0c9e60da92ec4c' }, h("div", { key: '2a6c06aacb92429d2bca1b1e93a5ed7b59448419', class: { 'switch': true, [`${theme}`]: true } }, h("label", { key: 'b836a5ef9e6c8f353c8f4429f7bac7ba852bb9be', class: {
+        return (h(Host, { key: '9c88f3b2bd5f7590f4dd3082cbe3940f7ff1d7fc' }, h("div", { key: 'a0ef6f831e743aa569ea960e340cf405dd1a3282', class: { 'switch': true, [`${theme}`]: true } }, h("label", { key: '3534de118069ba2a2133fe57b9fcf55d9b2590c5', class: {
                 'switch__container': true,
                 'switch__container--align-start': !alignCenter,
                 [`switch__container--${labelFont}`]: true,
                 'switch__container--focus-style': this.focusStyleOnContainer,
-            }, part: "switch-container", htmlFor: "tet-switch" }, h("input", { key: 'de57e231c6378ffeda5959e5e2f93d28b1332734', class: "switch__html-input", name: name, id: "tet-switch", type: "checkbox", disabled: disabled, checked: checked, onChange: this.handleChange.bind(this), ...(accessibilityLabel ? { "aria-label": accessibilityLabel } : {}) }), labelPosition === 'right' && this.renderSwitch(), h("span", { key: '0e5f903b4359631631f70fa68bbf9db115289e0b', class: {
+            }, part: "switch-container", htmlFor: "tet-switch" }, h("input", { key: '6662689b3af55aa15cc34a85bbd9ce76a4cef9b2', class: "switch__html-input", name: name, id: "tet-switch", type: "checkbox", disabled: disabled, checked: checked, onChange: this.handleChange.bind(this), ...(accessibilityLabel ? { "aria-label": accessibilityLabel } : {}) }), labelPosition === 'right' && this.renderSwitch(), h("span", { key: '8173804628aade7a7f1bd4f93940f5e2ac415c35', class: {
                 'switch__label': true,
                 ...(labelPosition === 'left' ? { 'switch__label--left': true } : {}),
                 ...(labelFont ? { [`switch__label--${labelFont}`]: true } : {}),
-            }, innerHTML: label }, h("slot", { key: 'a25283ac1ee5092ee6c863ba03d3963fb605d80b' })), labelPosition === 'left' && this.renderSwitch()))));
+            }, innerHTML: label }, h("slot", { key: '851dfff3cc029deb7ab777e67269576cee864994' })), labelPosition === 'left' && this.renderSwitch()))));
     }
     static get is() { return "tet-switch"; }
     static get encapsulation() { return "shadow"; }

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

@@ -161,11 +161,11 @@ export class TetTabContent {
         this.selectedId = id;
     }
     render() {
-        return (h(Host, { key: '957e1ac5e1ce466a05969883b905b26322ab4b55' }, h("div", { key: 'be88626b4e435610e16b5e99a5329191c0a25e3e', class: {
+        return (h(Host, { key: '95eaef748652015d0855570bbd0d124739414da1' }, h("div", { key: '6a9d8fd3b7c679a25eb369e566c4d55c3dff5b15', class: {
                 'tet-tab-content': true,
                 'use-visibility': this.useVisibility,
                 [this.theme]: true
-            } }, h("slot", { key: 'd0cead5dc1597c23ef9ead47d7fb3f19bab5bc38' }))));
+            } }, h("slot", { key: '29076f487c6efd02c8ad3d212a2e1da38948864e' }))));
     }
     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

@@ -609,7 +609,7 @@ export class TetTabHeader {
     }
     render() {
         const shouldRenderOverflowGradients = this.showOverflowGradients;
-        return (h(Host, { key: '9fe9dae2271ec9e9c4c6f1169513faae3b76b58a', "data-id-suffix": this.idSuffix }, h("div", { key: 'd68c488af7f574ebacb2cbba49a7fe098411f508', class: {
+        return (h(Host, { key: '5e1185c4f47fca4065815b496105a9371fb5eac6', "data-id-suffix": this.idSuffix }, h("div", { key: 'acee88217fa514bef968e3ec95fcde6dd55b66f9', class: {
                 'tabs': true,
                 'tabs--segmented': this.segmented,
                 'tabs--overflow-left': this.hasOverflowLeft,
@@ -618,7 +618,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" }, shouldRenderOverflowGradients && h("div", { key: '62a91c406b1eec7e4fea833fba53d10d12fef700', class: "tabs-gradient tabs-gradient-left", "aria-hidden": "true" }), h("slot", { key: 'af802aebc253827c9ddebde865a246cf099b1e6a', onSlotchange: () => this.updatePositionClass(), ref: (slot) => (this.tabContainer = slot) }), shouldRenderOverflowGradients && h("div", { key: '74ac3e267e40e57b732994d1205b84594cb3bc75', class: "tabs-gradient tabs-gradient-right", "aria-hidden": "true" })), h("div", { key: 'ad2a8b4e77c1d532371baf74f7e9f12448f1e02f', class: {
+            }, onMouseDown: this.onContainerMouseDown, style: this.getStyle(), ref: (ref) => (this.tabElement = ref), role: "tablist" }, shouldRenderOverflowGradients && h("div", { key: '456293621aedcabf65f59c9fb7ae5d31c4484dd8', class: "tabs-gradient tabs-gradient-left", "aria-hidden": "true" }), h("slot", { key: 'fe484b48f2e25547182efb27d56bc81947aaa7f1', onSlotchange: () => this.updatePositionClass(), ref: (slot) => (this.tabContainer = slot) }), shouldRenderOverflowGradients && h("div", { key: '0b8a4e15df3263cd47ae5d1c171bde2e46e7dcce', class: "tabs-gradient tabs-gradient-right", "aria-hidden": "true" })), h("div", { key: 'c133db9aa7ac2f34d33996adda8b6d8b85b844e1', class: {
                 'tabs-line': !this.segmented,
                 'no-underline': this.hideHeaderUnderline || this.type === 'pill',
                 [this.theme]: true

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: 'fe74cdcd4b83eaee2b546f6c47bda05bb9fadf4c' }, h("button", { key: 'ad9e37e45fe5ff09398a7bc70087dc25abf33099', class: {
+        return (h(Host, { key: '4a112f2e1e84696e61be4d9564fa409caa0b0372' }, h("button", { key: 'c5eb61a677b467a344660b5a96aa3a4e9e2d96fb', 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: 'd6ea64c06cfc7a65fb4e7d321bdadc009c0b46ac', class: "tag-title" }, t(this.tagTitle)), this.count !== null && this.count !== undefined && h("span", { key: 'a5249ca44a70cd6c918e6a8574eaf1f9e7d6dcb3', class: "tag-count" }, this.count), this.showIcon && h("tet-icon", { key: '6e24db90737c5b33c5cd6d2b6b4cd0fb4278455b', class: "tag-icon", name: "close-circle", part: "icon-selected" }))));
+            }, "aria-pressed": this.active.toString(), disabled: this.disabled }, this.tagTitle && h("p", { key: '6dff37bf1a216415f48161c28e2d17fc106e504a', class: "tag-title" }, t(this.tagTitle)), this.count !== null && this.count !== undefined && h("span", { key: '98e26d8535be15e0ec17645ce17112a50ee31aa3', class: "tag-count" }, this.count), this.showIcon && h("tet-icon", { key: '75e7bf01d713719f8e3ecc146474bddd3f7a33c8', class: "tag-icon", name: "close-circle", part: "icon-selected" }))));
     }
     static get is() { return "tet-tag"; }
     static get encapsulation() { return "shadow"; }