@tet/tet-components 1.4.30-testing → 1.4.31-staging

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

@@ -0,0 +1,3 @@
+:host {
+  display: block;
+}

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

@@ -0,0 +1,231 @@
+import { h, Host } from "@stencil/core";
+const isSnickerCardState = (value) => (value === 'default'
+    || value === 'selected'
+    || value === 'disabled'
+    || value === 'unavailable'
+    || value === 'subscribed');
+export class TetSnickerCardGroup {
+    constructor() {
+        this.selectionType = 'radio';
+    }
+    hostElement;
+    /** Emitted when group selection changes. */
+    groupSelectionChange;
+    selectedIndex;
+    selectedIndexes = new Set();
+    onSelectionTypeChanged() {
+        if (this.selectionType === 'radio') {
+            const firstSelectedEntry = this.selectedIndexes.values().next();
+            const firstSelected = firstSelectedEntry.done ? undefined : firstSelectedEntry.value;
+            this.selectedIndex = firstSelected;
+            this.selectedIndexes = firstSelected === undefined ? new Set() : new Set([firstSelected]);
+        }
+        this.applySelectionToChildren();
+        this.emitSelectionChange();
+    }
+    componentDidLoad() {
+        this.syncSelectionFromChildren();
+        this.applySelectionToChildren();
+    }
+    getCards = () => (Array.from(this.hostElement.querySelectorAll('tet-snicker-card')));
+    isCardBlocked = (card) => (this.isCardStateBlocked(this.getCardState(card)));
+    getCardState = (card) => {
+        const stateValue = card.state;
+        return isSnickerCardState(stateValue) ? stateValue : 'default';
+    };
+    isCardStateBlocked = (state) => (state === 'disabled' || state === 'unavailable' || state === 'subscribed');
+    syncSelectionFromChildren = () => {
+        const cards = this.getCards();
+        if (this.selectionType === 'radio') {
+            const selected = cards.findIndex((card) => this.getCardState(card) === 'selected' && !this.isCardBlocked(card));
+            this.selectedIndex = selected >= 0 ? selected : undefined;
+            this.selectedIndexes = selected >= 0 ? new Set([selected]) : new Set();
+            return;
+        }
+        const indexes = cards
+            .map((card, index) => (this.getCardState(card) === 'selected' && !this.isCardBlocked(card) ? index : -1))
+            .filter((index) => index >= 0);
+        this.selectedIndexes = new Set(indexes);
+        this.selectedIndex = indexes[0];
+    };
+    applySelectionToChildren = () => {
+        const cards = this.getCards();
+        const enabledIndexes = cards
+            .map((card, index) => (this.isCardBlocked(card) ? -1 : index))
+            .filter((index) => index >= 0);
+        const selectedEnabledIndex = this.selectedIndex !== undefined && enabledIndexes.includes(this.selectedIndex)
+            ? this.selectedIndex
+            : undefined;
+        const radioTabStopIndex = selectedEnabledIndex ?? enabledIndexes[0];
+        cards.forEach((card, index) => {
+            card.selectionType = this.selectionType;
+            card.isTabStop = this.selectionType === 'radio'
+                ? index === radioTabStopIndex
+                : !this.isCardBlocked(card);
+        });
+    };
+    getCardIndexFromEvent = (event) => {
+        const cards = this.getCards();
+        const isSnickerCardElement = (entry) => (entry instanceof HTMLElement && entry.tagName === 'TET-SNICKER-CARD');
+        const cardFromPath = event.composedPath().find(isSnickerCardElement);
+        if (!cardFromPath) {
+            return -1;
+        }
+        return cards.indexOf(cardFromPath);
+    };
+    emitSelectionChange = () => {
+        const selectedIndexes = Array.from(this.selectedIndexes).sort((a, b) => a - b);
+        this.groupSelectionChange.emit({
+            selectionType: this.selectionType,
+            selectedIndexes
+        });
+    };
+    focusCard = async (card) => {
+        if (!card) {
+            return;
+        }
+        await card.focusSelectionTarget();
+        const fallbackFocusable = card.shadowRoot?.querySelector('.header__top-left');
+        fallbackFocusable?.focus();
+    };
+    handleCardClick = (event) => {
+        const cards = this.getCards();
+        const index = this.getCardIndexFromEvent(event);
+        if (index < 0 || this.isCardBlocked(cards[index])) {
+            return;
+        }
+        if (this.selectionType === 'radio') {
+            this.selectedIndex = index;
+            this.selectedIndexes = new Set([index]);
+        }
+        else if (this.selectedIndexes.has(index)) {
+            this.selectedIndexes.delete(index);
+        }
+        else {
+            this.selectedIndexes.add(index);
+        }
+        this.applySelectionToChildren();
+        this.emitSelectionChange();
+    };
+    handleKeyDown = (event) => {
+        const key = event.key;
+        const isArrowKey = key === 'ArrowRight' || key === 'ArrowLeft' || key === 'ArrowUp' || key === 'ArrowDown';
+        const isHomeOrEnd = key === 'Home' || key === 'End';
+        if (!isArrowKey && !isHomeOrEnd) {
+            return;
+        }
+        const cards = this.getCards();
+        const enabledIndexes = cards
+            .map((card, index) => (this.isCardBlocked(card) ? -1 : index))
+            .filter((index) => index >= 0);
+        if (enabledIndexes.length === 0) {
+            return;
+        }
+        const currentIndex = this.getCardIndexFromEvent(event);
+        const currentEnabledPosition = enabledIndexes.indexOf(currentIndex);
+        let nextEnabledPosition = currentEnabledPosition;
+        if (key === 'Home') {
+            nextEnabledPosition = 0;
+        }
+        else if (key === 'End') {
+            nextEnabledPosition = enabledIndexes.length - 1;
+        }
+        else if (key === 'ArrowRight' || key === 'ArrowDown') {
+            nextEnabledPosition = currentEnabledPosition >= 0
+                ? (currentEnabledPosition + 1) % enabledIndexes.length
+                : 0;
+        }
+        else if (key === 'ArrowLeft' || key === 'ArrowUp') {
+            nextEnabledPosition = currentEnabledPosition >= 0
+                ? (currentEnabledPosition - 1 + enabledIndexes.length) % enabledIndexes.length
+                : enabledIndexes.length - 1;
+        }
+        const nextIndex = enabledIndexes[nextEnabledPosition];
+        event.preventDefault();
+        void this.focusCard(cards[nextIndex]);
+        if (this.selectionType === 'radio') {
+            this.selectedIndex = nextIndex;
+            this.selectedIndexes = new Set([nextIndex]);
+            this.applySelectionToChildren();
+            this.emitSelectionChange();
+        }
+    };
+    handleSlotChange = () => {
+        this.syncSelectionFromChildren();
+        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 })));
+    }
+    static get is() { return "tet-snicker-card-group"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["tet-snicker-card-group.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["tet-snicker-card-group.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "selectionType": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "SnickerCardGroupSelectionType",
+                    "resolved": "\"checkbox\" | \"radio\"",
+                    "references": {
+                        "SnickerCardGroupSelectionType": {
+                            "location": "local",
+                            "path": "/__w/internal-tet-web-components-tet-components/internal-tet-web-components-tet-components/src/src/components/advanced/cards/tet-snicker-card-group/tet-snicker-card-group.tsx",
+                            "id": "src/components/advanced/cards/tet-snicker-card-group/tet-snicker-card-group.tsx::SnickerCardGroupSelectionType"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Selection behavior for slotted cards."
+                },
+                "attribute": "selection-type",
+                "reflect": false,
+                "defaultValue": "'radio'"
+            }
+        };
+    }
+    static get events() {
+        return [{
+                "method": "groupSelectionChange",
+                "name": "groupSelectionChange",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Emitted when group selection changes."
+                },
+                "complexType": {
+                    "original": "SnickerCardGroupSelectionChangeDetail",
+                    "resolved": "SnickerCardGroupSelectionChangeDetail",
+                    "references": {
+                        "SnickerCardGroupSelectionChangeDetail": {
+                            "location": "local",
+                            "path": "/__w/internal-tet-web-components-tet-components/internal-tet-web-components-tet-components/src/src/components/advanced/cards/tet-snicker-card-group/tet-snicker-card-group.tsx",
+                            "id": "src/components/advanced/cards/tet-snicker-card-group/tet-snicker-card-group.tsx::SnickerCardGroupSelectionChangeDetail"
+                        }
+                    }
+                }
+            }];
+    }
+    static get elementRef() { return "hostElement"; }
+    static get watchers() {
+        return [{
+                "propName": "selectionType",
+                "methodName": "onSelectionTypeChanged"
+            }];
+    }
+}

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: 'b37c3086117faa008e483d52ed38168b669b0883' }, h("div", { key: '027b78b22729054e992c165dc1adbbab75574a1b', class: { wrapper: this.showLoader && this.singleLoader, 'dark-theme': this.darkTheme } }, this.showLoader && this.singleLoader
+        return (h(Host, { key: '39a2431640a03f083f744aed9a82c63254e17840' }, h("div", { key: '6a8cd4754bddd1e1602ba56d49cdb2fbf2889d6b', 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: '88f4e9dd7f96d643ed7534e58f5bd7e5e1ceb9c5' }, h("div", { key: '3fa5a16a3317f6197e82351adb6ec832c63f961c', class: "wrapper" }, h(ThemeWrapper, { key: 'ed203860c04b7578d51480a75d4cb28c6490bb07', theme: this.theme }, h("div", { key: '3dde342d9a1cefa24492cb8df0c0c411c78cbfc3', class: "image-container" }, h("img", { key: '019dc90410a7676480f2e12664665a00870b6b49', src: t('components-referral-image-url'), alt: "" })), h("div", { key: '0ba9b92657c9fdae1d4a94d34bc3d1c24944e627', class: "subtitle-container" }, t('components-referral-subtitle')), h("div", { key: 'db8f3c07beb4989f77c56f173328ae1e947eab21', class: "description-container", innerHTML: t('components-referral-description') }), h("div", { key: '6c377c3ffcf3ef8a7e5bb50186e79aed44b23136', class: "referral-block" }, h("div", { key: 'ac472a164e24a9cbb3fab756e3e50a5d097b0181', class: "url-wrapper" }, h("div", { key: '5f04bae9293760fc71414c4b3c198cd953a13484', class: "referral-url" }, this.getReferralUrl()), h("div", { key: '91eb2d00f6ebbdbddcce2b93e376f5d749dbfc74' }, h("div", { key: 'b4650772703e1ec085bc8d0f43ee8f951ec38277', class: "button-wrapper" }, h("tet-tooltip", { key: '8eb7f7500534273eeb0b843489d046d8e2ff8dff', theme: this.theme, class: "tooltip", doNotShowOnHover: true, ref: (el) => {
+        return (h(Host, { key: '3a5f76da5d569a15a32fd375276ee4ae6c3c15e3' }, h("div", { key: '8a6d25a74b718d1f5c4f018e947422eb1cfa2c87', class: "wrapper" }, h(ThemeWrapper, { key: '9d0c14182244d46f3ecc650705cafa95dc0502e0', theme: this.theme }, h("div", { key: '873961ef171adbb95b6cb52b07b448b623bc6eb9', class: "image-container" }, h("img", { key: '6fc18bdc1a98fa10fd300d8373de3c429100f2ca', src: t('components-referral-image-url'), alt: "" })), h("div", { key: '95b1f6b5d667f2a1f966f2f210581f67e6aa79c5', class: "subtitle-container" }, t('components-referral-subtitle')), h("div", { key: '9d97139d5a4cb294d560a63d26253d47f0caa1e1', class: "description-container", innerHTML: t('components-referral-description') }), h("div", { key: '0eb2a055122264219e436465687ae5f10ee7b2c4', class: "referral-block" }, h("div", { key: 'f128a1aff8d8167f071c9ce6aa94053159516cfe', class: "url-wrapper" }, h("div", { key: '104794d21dfb14814d25f32dea87f2560584fe68', class: "referral-url" }, this.getReferralUrl()), h("div", { key: 'cf78fdd42447790d662d31fbfd71ee0b8d83ffe6' }, h("div", { key: '3742a0c2c278590a83683d4ff79da2be50a5757a', class: "button-wrapper" }, h("tet-tooltip", { key: 'edb8b51d0b30006832f74cd23ee054e114d9166b', theme: this.theme, class: "tooltip", doNotShowOnHover: true, ref: (el) => {
                 this.tooltip = el;
-            } }, t('components-referral-tooltip')), h("tet-button", { key: '28c320fec51c1925dd224b1123622209f87fb7a0', clickCallback: this.copyToClipBoard, type: "primary", theme: this.theme }, t('components-referral-copy-button-label'))))))))));
+            } }, t('components-referral-tooltip')), h("tet-button", { key: 'acab794234d8b934f4515fcb0bb224e0a7f19061', 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: '34ca14ec0ba245747b93be0a5024ecf02a4e8d68', class: "multi-step-dialog" }, h("tet-dialog", { key: '521f978107669120469c4626eadf20bd3ddf735b', 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: 'f4dfe34e98ddf4ee5a1e2e07d417b7b143f8555b', innerHTML: this.content }), this.steps.map((step, index) => (this.renderStep(step, index))), h("tet-button", { key: 'e079bf7e9ac7613fad00873617b4fde8533d725a', 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: '65b724e6dc29cddf91d886d606abf537fa8a1a24', 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: '4f5b617d22dd672c2e441e79164ed7842bbca7d3', class: "multi-step-dialog" }, h("tet-dialog", { key: '23e2a4c3e2a544e6da39bdf06e33f9f85784472a', 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: 'bbb973ab7f3a0b156bf2f12888a0b655987424f1', innerHTML: this.content }), this.steps.map((step, index) => (this.renderStep(step, index))), h("tet-button", { key: 'aa9558c6c9c3bfcae3b0126d57c052744c2fa5db', 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: 'd73779cb37e7ab7d3f6e883d93afda18eeb9cbf4', 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: 'ebd56b00fb46dc931b2b3f7e5af3fca466d1418a', class: { 'dark-theme': this.darkTheme } }, this.success ? this.renderSuccessStep() : this.renderForm()));
+        return (h("div", { key: 'e5f0febbd9d36c3fc998e7c91d0f929c3ff0e1dc', 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: 'eba52a97304a50a4f674f9dce79f3f3bb682a76f', 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: 'fe6e4cef838ca38c7561a4b8af64e5ed80a086dc', 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: 'af3cb362bc89ebf57a2001138b1e0e2b8c65df2f', class: { 'modal-form-card-content': true, [`${theme}`]: true } }, h("div", { key: 'bfc41dcc22000aeb1eefbe2f3cae70b19687b23e', class: "modal-form-card-content-header" }, h("div", { key: '34a1bebd6e13b0916a37fb03d2746e1bb84ded07', class: "icon-wrapper" }, h("tet-icon", { key: '68647fc8c9e744520c36b7a8118bf181d82bb5bd', class: "icon", name: "tc-company-1" })), h("span", { key: '699286dd2ff2ae2e5059ca89e107b607cb65456d', class: "modal-form-card-content-header__title" }, t('components-b2b-check-out-form-title')), h("span", { key: '51e644037ef34cad2e4100b726f62374d93bf75e', class: "modal-form-card-content-header__description" }, t('components-b2b-check-out-form-description'))), h("div", { key: '72d39c91052a0d415257a624b8202b7cdf54a521', class: "modal-form-card-content-accordion-wrapper" }, h("slot", { key: '72099bfe0df484095b9748739af4ae984f8dea3e', name: "cart" })), h("form", { key: 'a1bb4a4556a8e08fd3ce0eea63788d7295767385', id: "checkOutForm", class: "modal-form-card-form", ref: (ref) => (this.checkOutForm = ref) }, h("div", { key: 'ef31a96f92732360d8ff00e8479e82de6f12f6dd', 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: '923ee8f2de55157ef90dd5f60099987f89120161', 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: 'f96b0753be2c6c1dcdf82de3eeb7b32ddd412459', class: "modal-form-card-content-checkbox", label: t('components-check-out-form-privacy-policy'), theme: theme }), h("slot", { key: '5b0333eaf85cbe71b2e3c884a35909efa8308b02', name: "extra-fields", ref: (element) => (this.extraFieldsSlotElement = element) }))), h("div", { key: 'f8326eade328c89767a24aa59d4030b200ba31a0', slot: "footer", class: "modal-form-card-footer" }, h("tet-button", { key: 'c85229f31e7f77b2626f564ba1b43675c8804c0a', type: "secondary", size: "medium", theme: theme, onClick: () => {
+            } }, h("div", { key: 'cbe807db5ac1608179b4591bb37172f876b25ab6', class: { 'modal-form-card-content': true, [`${theme}`]: true } }, h("div", { key: '5175ad6d894854f2779c3ddeeee0921698e4e611', class: "modal-form-card-content-header" }, h("div", { key: '2189c1ebced3262ae29ab6cce6f19922f6731917', class: "icon-wrapper" }, h("tet-icon", { key: 'e0ce3263190bc9adc15722380f6522351a7ea28f', class: "icon", name: "tc-company-1" })), h("span", { key: '87e9237c18f486935aa9ba7ec86f2d3169b7883c', class: "modal-form-card-content-header__title" }, t('components-b2b-check-out-form-title')), h("span", { key: '1e82c160a5e21ee580284eb07e72411686d1ea93', class: "modal-form-card-content-header__description" }, t('components-b2b-check-out-form-description'))), h("div", { key: '20d5a6af0dd7cb96ca522e6a3888ab926fec5d94', class: "modal-form-card-content-accordion-wrapper" }, h("slot", { key: '324af5a41a662d95addaca543ebef157f2324317', name: "cart" })), h("form", { key: '2fa196a5d6ee689bc4a1548f8d047c3d28dd707b', id: "checkOutForm", class: "modal-form-card-form", ref: (ref) => (this.checkOutForm = ref) }, h("div", { key: '850431b63a7c3fa74165eab1ae3092c8130c86bd', 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: '5128c6338c6944e6c504172ad23c256e0146dd45', 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: 'c0b6a4620112c0416c98acf6e6f06bf256450234', class: "modal-form-card-content-checkbox", label: t('components-check-out-form-privacy-policy'), theme: theme }), h("slot", { key: 'da8caa6fd3bd1b975bfadc4ee5a31dd6a928cb05', name: "extra-fields", ref: (element) => (this.extraFieldsSlotElement = element) }))), h("div", { key: '3f52a9b69f5904d168b8fc24e5657df4f720c862', slot: "footer", class: "modal-form-card-footer" }, h("tet-button", { key: 'a86fd8abc7cef5252d6c48d3573ddb85a9bcd925', type: "secondary", size: "medium", theme: theme, onClick: () => {
                 this.dialogElement.close();
-            } }, t('components-b2b-check-out-form-close-button-label')), h("tet-button", { key: '24c3c58022b49345e2533d912c3d5538ae9a8d1d', 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: 'd72a9d5b0b08027a78ef50346fe150d16bf51fa2', 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: '9f63c42dab35e1719e7cd065f1c86207d4654fbd', class: { 'dark-theme': this.darkTheme } }, h("tet-container", { key: '4ec5efcb20f2fc2f5e278a46b2739dd709a0377f', class: "container" }, this.showLoader && this.renderLoader(), h("div", { key: '54ab5de70c7f2d56a76b7c4e6c8d4fee195b7f81', class: "form-container" }, this.showTitle && h("h2", { key: 'a10e390d4707a15d3a9cc87cc596d3c5e617bd6b', class: "form-title" }, t('components-contact-form-title')), h("p", { key: '64f7ea470ba2b230c5a82996cabf48836433d9bc', class: "form-subtitle" }, t(this.subtitle)), h("tet-input", { key: '5b78ab1748456177d9e731e6a24ab0350247e457', 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: '7f54c137bdafaaa9a31c54518b9b793fd7aa9eab', class: "form-submit", type: "primary", clickCallback: this.createManualTask, innerHTML: t('components-contact-form-submit'), ...this.submitButtonProps })))));
+        return (h("div", { key: 'bad557d795d51e0a465bf21cb010fb6b7089b750', class: { 'dark-theme': this.darkTheme } }, h("tet-container", { key: 'bd9bdd11d33360cae762bbf1bb876938a58ce4d8', class: "container" }, this.showLoader && this.renderLoader(), h("div", { key: '0adcd1623629ea2cd5b8945cc3e44fe514aa9215', class: "form-container" }, this.showTitle && h("h2", { key: 'c820c405f17872c4d6b4f0f25e8f7d2c84b0489d', class: "form-title" }, t('components-contact-form-title')), h("p", { key: '89c814cb1c18bfbadc7cd198153490734085c1c2', class: "form-subtitle" }, t(this.subtitle)), h("tet-input", { key: 'af3439bd9d9410315b9fd532c0ebad02e43a9f37', 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: '80287b00db2adf8400829c628682c084e41e822b', 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: '0a2972f3c5155d9a0b1acc93ca03be404652e4f5' }, h("div", { key: '4925b9a11bbf303f694c74d3d33f40208aabf698', class: { 'tv-gift': true, [`tv-gift--${this.containerSize}`]: true } }, h("div", { key: '654a73d973bb9fbb241d8dea12583c609c81c8c4', class: "tv-gift__header" }, h("slot", { key: '96a0d7f5c408a6f2c4beb885da9cbcf2e8df60f1', name: "header" }, this.headerImageSrc && h("img", { key: '1b492976456dabac5121d494587095d62d3ef477', class: "tv-gift__header__image", src: this.headerImageSrc }), h("div", { key: '464e6e26cd8675c37b13b3e475edbdf3aaa40553', class: "tv-gift__header-text" }, this.headerTitle))), h("div", { key: '760594b3d326f4f15832a3edad837e4005a3c7b2', class: "tv-gift__content" }, h("slot", { key: 'd1c7fa8d0c0b9f14943eaaaa5b6706bb2e5c311a' })), h("div", { key: '0a2fe0402e928dbbdc6017cd13c8aeee89dcaa75', class: "tv-gift__footer" }, h("slot", { key: '07ab844ed52132077d5b6086000ea6a61fb4e4cb', name: "footer" }, h("span", { key: '65c0d83c2b0eb05c60a2b039d34cded816a38da3', class: "tv-gift__footer__title" }, this.footerTitle), h("span", { key: 'a50e3b9129c5f0bf6f382dc5a135dcf3cdb90676', class: "tv-gift__footer__text" }, this.footerText))))));
+        return (h(Host, { key: 'fdc459cb6d90ab920444b9f6be52312e0809c977' }, h("div", { key: 'a47546d7e6f935ce0f3ea89d17bc4f2dbf7878eb', class: { 'tv-gift': true, [`tv-gift--${this.containerSize}`]: true } }, h("div", { key: '561bc73db0bcd68af49616979c8aa0ae431370a1', class: "tv-gift__header" }, h("slot", { key: '5c78e31ce628e5159bec6b728666da60ca1ff62c', name: "header" }, this.headerImageSrc && h("img", { key: '81722d857af5c252990c930328cb61d53fb6c2aa', class: "tv-gift__header__image", src: this.headerImageSrc }), h("div", { key: '41eb9533058fb9ac066a6e69130603d9cbe9e1c1', class: "tv-gift__header-text" }, this.headerTitle))), h("div", { key: '8f419b9685d67d5c82da68975e323bf1a046286f', class: "tv-gift__content" }, h("slot", { key: '9410379308676fb323d57fb412639dea3d968997' })), h("div", { key: 'fa1472a01332346e33030d4237cc87955a875077', class: "tv-gift__footer" }, h("slot", { key: '51eabc4426c1dd40b4c9fa8d7bdbbcf685f30b94', name: "footer" }, h("span", { key: 'af90d43ff8ef7c17724976a40e851ff6417d949c', class: "tv-gift__footer__title" }, this.footerTitle), h("span", { key: '2a369ba2f26b3f47313bb84d2fb7cc7e06d80363', 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: '41c9869ea0373d7619dc5b1b0e9c0bf6b4d95f40' }, h("div", { key: '8d87ae89d7d527581ad30430051ba0d3b07d4000', class: {
+        return (h(Host, { key: 'e59346b7dc5d002d767608c9f1200b5994a07534' }, h("div", { key: '30aff343520a10d2d81e4d20ec50cb6255a86c0c', class: {
                 'tv-gift-list': true,
                 [`tv-gift-list--${this.containerSize}`]: true,
                 'tv-gift-list--image-list': Boolean(this.imageSource),
-            } }, this.imageSource && (h("div", { key: '47bde026d681fded9e7768128fcfd2c9a40df730', class: "tv-gift-list__image__wrapper" }, h("img", { key: 'f99ba4619c684078d9698ba6d31333679f850836', class: "tv-gift-list__image", src: this.imageSource }))), h("div", { key: '0c9ccf55051b3ad34d4f54c04023f582f76536f8', class: "tv-gift-list__list__wrapper" }, h("span", { key: '7c54769e12a729fbfbbf50e0a1628db03e3e46f9', class: "tv-gift-list__list__header" }, this.header), h("ul", { key: '996b9ea17fac6f5b63b781e6cae82220d6f492a0', 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: '34d4bab68d9da8d1da6ca9a2d5c9ce643ccce8a4', class: "tv-gift-list__image__wrapper" }, h("img", { key: '28022fed11e9f4d88fb56cf08d09a5ca3fa57d28', class: "tv-gift-list__image", src: this.imageSource }))), h("div", { key: '9c611d8c22de77c98b01085295af35c16e09ea42', class: "tv-gift-list__list__wrapper" }, h("span", { key: '7bbc672726ffeba4ec7c861da5b1929cd456e0e5', class: "tv-gift-list__list__header" }, this.header), h("ul", { key: '97b17e2b7b20c9949c3c8f966944d6f2f6d400d7', 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

@@ -146,11 +146,11 @@ export class TetSupportSearch {
         ])))))));
     }
     render() {
-        return (h(Host, { key: '2fcf66c81bc71b0a869760c2df5e4279e1490cc2', class: {
+        return (h(Host, { key: '832a673607e9e8429f10c19a88b9fd7076ddba13', class: {
                 "search-container": true,
                 [this.theme]: true,
-            } }, h("div", { key: '899abc00ebffe0b6d8f0cad8c724f432d83841ff', class: "search-container__inner-wrapper" }, h("tet-autocomplete", { key: '01c77e473e4afeac84736469e2fec4d9cc3f65dc', optionsFilterAction: this.debounceOptionsFilter, onOptionSelected: this.boundHandleAutocompleteOptionSelection, noOptionsMessage: this.labels.notFoundMessage, customOptionRenderFunction: this.boundRenderOption, finishedLoading: this.boundFinishedLoadingFunction, darkTheme: this.theme === 'dark', newStyle: true }, h("tet-input", { key: '650b286ac63028063ed50dc8b19afcd9b848acc3', 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.resetInputState(), iconRightAccessibilityLabel: this.labels.clearButtonLabel, theme: this.theme, ref: (el) => (this.inputComponent = el), autocomplete: "off" }, this.isLoading &&
-            h("tet-spinner", { key: 'e9e3028b2a69557a9ba39feb401e38fd9bf29fae', theme: this.theme, class: "search-container__spinner", size: "small" }))), h("tet-button", { key: '13611884e5fed25ef0f92ae8cfd281f73ba40911', 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: '6bd17d80b7e744ebdce53f2cd0e40aadc5fdc3f3', class: "search-container__button search-container__button--desktop", theme: this.theme, size: "large", disabled: this.disabled, onClick: this.boundHandleSearchSubmit }, this.labels.searchButtonLabel))));
+            } }, h("div", { key: '0f641ab51548063dfd6b777801ea40448ee6289f', class: "search-container__inner-wrapper" }, h("tet-autocomplete", { key: 'e88d357d4b0765f286ab0d114968a2be4a04845b', optionsFilterAction: this.debounceOptionsFilter, onOptionSelected: this.boundHandleAutocompleteOptionSelection, noOptionsMessage: this.labels.notFoundMessage, customOptionRenderFunction: this.boundRenderOption, finishedLoading: this.boundFinishedLoadingFunction, darkTheme: this.theme === 'dark', newStyle: true }, h("tet-input", { key: '986f6223d66efd470aec5290a929b44a45974c5d', 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.resetInputState(), iconRightAccessibilityLabel: this.labels.clearButtonLabel, theme: this.theme, ref: (el) => (this.inputComponent = el), autocomplete: "off" }, this.isLoading &&
+            h("tet-spinner", { key: '1a6c92007123d984ee705c36cdfebf51fed8abce', theme: this.theme, class: "search-container__spinner", size: "small" }))), h("tet-button", { key: 'ea80f77f7f92f6cea202ae463f37a7d6df856770', 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: '5b9f945d4dae43e811083e1f39e8241f5986a5a8', class: "search-container__button search-container__button--desktop", theme: this.theme, size: "large", 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-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: '9353eee67de4abd810beea107865694ee2c36fb2' }, h("div", { key: '6bbae8932cb99a054e3ed9f02ea18f8925b0dc8d', class: { 'switch': true, [`${theme}`]: true } }, h("label", { key: 'feaa3924ba8a2b869d5130fcf44194809123ffbb', class: {
+        return (h(Host, { key: '3a1fb4aa8019be9a044feaeeba0c9e60da92ec4c' }, h("div", { key: '2a6c06aacb92429d2bca1b1e93a5ed7b59448419', class: { 'switch': true, [`${theme}`]: true } }, h("label", { key: 'b836a5ef9e6c8f353c8f4429f7bac7ba852bb9be', 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: 'a6cdceb08729e1d6f156c93af49e8963db480744', 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: '19482e239c3c5b873751f04f9c6e387bf36dff7d', class: {
+            }, 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: {
                 'switch__label': true,
                 ...(labelPosition === 'left' ? { 'switch__label--left': true } : {}),
                 ...(labelFont ? { [`switch__label--${labelFont}`]: true } : {}),
-            }, innerHTML: label }, h("slot", { key: '20487b7313d9a0393f0056eb972200f13645c6d2' })), labelPosition === 'left' && this.renderSwitch()))));
+            }, innerHTML: label }, h("slot", { key: 'a25283ac1ee5092ee6c863ba03d3963fb605d80b' })), 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: 'ced475171679de9cca4b613f81f0d6c0badbf286' }, h("div", { key: '55ab49bc392db797c16c37874fec99545e2a8de9', class: {
+        return (h(Host, { key: '92bbc56cff3dc3f0f091f6dba01823df484d3609' }, h("div", { key: '7ba0ff2ea9f5d10d9d88cfcdd875cc37b6a13345', class: {
                 'tet-tab-content': true,
                 'use-visibility': this.useVisibility,
                 [this.theme]: true
-            } }, h("slot", { key: '9e5e1dd3c987d5d899ac83a1cec08615e9732367' }))));
+            } }, h("slot", { key: '1d6b636346a3538faf3ea61b7d13faf93a09fc23' }))));
     }
     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

@@ -471,14 +471,14 @@ export class TetTabHeader {
         return {};
     }
     render() {
-        return (h(Host, { key: '5c045abbb1262176d0db6c82f3631c2d6e8460cb', "data-id-suffix": this.idSuffix }, h("div", { key: '95b8b8238282f8924d4f6b7307c29a08335155c2', class: {
+        return (h(Host, { key: '3dd4398f1a41a6f18b4375bde917e324a16e7893', "data-id-suffix": this.idSuffix }, h("div", { key: '6ba5e8a79e70b152ff410eb2a6d484409ed1c45a', class: {
                 'tabs': true,
                 'tabs--segmented': this.segmented,
                 [this.position]: true,
                 [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: '0cf3da0a4a3daefeec430b107c4951760546e29d', ref: (slot) => (this.tabContainer = slot) })), h("div", { key: '02f14be1cbb29f08c4a95e56dcabf13528f530ab', class: {
+            }, onMouseDown: this.onContainerMouseDown, style: this.getStyle(), ref: (ref) => (this.tabElement = ref), role: "tablist" }, h("slot", { key: '5aa50c6850d8ad60cf8e18b27988e9d3650cbfda', ref: (slot) => (this.tabContainer = slot) })), h("div", { key: 'e3c364663b0ad151e8d3d7e9150f09024b728792', class: {
                 'tabs-line': !this.segmented,
                 'no-underline': this.hideHeaderUnderline,
                 [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: '69e61de08a865ff1cc66829a63ef817c6b49da85' }, h("button", { key: '530f302e2facb86c2f5fed622508f83a9f405284', class: {
+        return (h(Host, { key: '250ccf62dbd75c1aaadec19317f2337d23bcca04' }, h("button", { key: 'e46934a354385b4b05e5d8cc65ec333d53023ba0', 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: '85387ea3d832c4223058d994fefc61e66b80f1cb', class: "tag-title" }, t(this.tagTitle)), this.count !== null && this.count !== undefined && h("span", { key: 'ba57579100e91d04d5e56da8a504426b45f11863', class: "tag-count" }, this.count), this.showIcon && h("tet-icon", { key: '76c08e7ddd6ec54e301bf3fc12ff5d9a0baad7d9', class: "tag-icon", name: "close-circle", part: "icon-selected" }))));
+            }, "aria-pressed": this.active.toString(), disabled: this.disabled }, this.tagTitle && h("p", { key: 'fbc48360ae28ff0555407168c80ad5e4a83e4395', class: "tag-title" }, t(this.tagTitle)), this.count !== null && this.count !== undefined && h("span", { key: 'dce01fc55317ba4dc95a2cc7689914869966f81e', class: "tag-count" }, this.count), this.showIcon && h("tet-icon", { key: 'e9a1258bb2cc789f03507519115c8eebedf2b72a', 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

@@ -890,22 +890,22 @@ export class TetCarousel {
                 trackTransition = 'none';
             }
         }
-        return (h(Host, { key: '1fc3deb3e6e9262c20d9efd2abeedbf8563decf4' }, h("div", { key: '41b6db12fd2fb76a80a1d6575bfd1124a94a2934', class: { 'tet-carousel': true, [`${this.theme}`]: true }, ref: (el) => (this.container = el), part: "carousel" }, h("div", { key: '255d5aa266e74f878025e53d3fd8521d66ace586', class: "tet-carousel__container" }, h("div", { key: '687ae940a8e941b0f24f84263606e079fcdcdd7c', class: "tet-carousel__gradient-left", ref: (el) => {
+        return (h(Host, { key: 'b38959ef7f6f9a203c146ae1fa74d4c8c675ca38' }, h("div", { key: 'f494879a813d2b7c8e3c8381f166c683da56e25d', class: { 'tet-carousel': true, [`${this.theme}`]: true }, ref: (el) => (this.container = el), part: "carousel" }, h("div", { key: '4196473e74aef44b167f71d56b83a8ea55bd757a', class: "tet-carousel__container" }, h("div", { key: 'f91c6e5123fb5370ce0dd6576a535d2e62fd5a93', class: "tet-carousel__gradient-left", ref: (el) => {
                 this.leftGradientRef = el;
-            } }), h("div", { key: '8dcf6c321a78b979916c66ffc633cd1f217c375a', class: "tet-carousel__gradient-right", ref: (el) => {
+            } }), h("div", { key: '09be4c1395518ef5d810b9af2db7cd1fa26bef9e', class: "tet-carousel__gradient-right", ref: (el) => {
                 this.rightGradientRef = el;
-            } }), h("div", { key: '10ced8c4f5e98d3a6fd8127a010bfd6003865ba0', class: `tet-carousel__track ${showControls ? '' : 'tet-carousel__track--center'}`, ref: (el) => (this.trackElement = el), style: {
+            } }), h("div", { key: 'caa6c874b530bd6ac9f6b7919e8ab115752a5055', class: `tet-carousel__track ${showControls ? '' : 'tet-carousel__track--center'}`, ref: (el) => (this.trackElement = el), style: {
                 transform: `translate3d(${this.dragOffset}px, 0, 0)`,
                 transition: trackTransition,
                 willChange: 'transform'
-            }, onPointerDown: this.onPointerDown, onPointerUp: this.onPointerUp }, h("div", { key: 'e92fdef0719e7de5cc7103b54966f5af9a677236', class: {
+            }, onPointerDown: this.onPointerDown, onPointerUp: this.onPointerUp }, h("div", { key: '13e1dee4fe32c2b326b90cfab6142ef8a510b058', class: {
                 'tet-carousel__track-content': true,
                 'tet-carousel__track-content--nudge': this.isNudgeAnimating
             }, ref: (el) => (this.trackContentElement = el), style: {
                 '--tet-carousel-nudge-distance': `${TetCarousel.NUDGE_DISTANCE_PX}px`
-            }, onAnimationEnd: this.onNudgeAnimationEnd }, h("slot", { key: 'dfa939715794282bf8f23dc5e11f8726853d6d65' })))), !!this.label && h("div", { key: 'f071b398922a60152db92ce0531920a2f53cb7b1', class: "tet-carousel__label" }, this.label), showControls && (h("div", { key: 'e62f01e1fdb4d979f00b3d5766609a147a8ee1c4', class: "tet-carousel__controls" }, showButtons && (h("div", { key: 'ff466189f9a91c7c223945c5e082e6cff612d0f9', class: "tet-carousel__buttons tet-carousel__buttons--mobile", ref: (el) => (this.mobileBackButtonWrapper = el) }, h("tet-button", { key: '13af12bfd4c7fcc7cb414b8f0057513f523a8d13', theme: this.theme, type: "secondary", size: "medium", "icon-name": this.buttonIconLeft, "icon-mode": true, onPointerDown: (e) => e.stopPropagation(), onClick: () => this.handlePrev(), accessibilityLabel: t('components-carousel-previous'), disabled: this.isLeftNavigationDisabled() }))), showDots && (h("div", { key: 'e78cbe6992aec81ccaca814380a554be11b9bb94', class: "tet-carousel__dots" }, Array.from({ length: this.dotCount }).map((_, idx) => (h("button", { type: "button", tabIndex: idx === this.activeDotIndex ? 0 : -1, class: `tet-carousel__dot${idx === this.activeDotIndex ? ' active' : ''}`, key: idx, "aria-label": `${idx === this.activeDotIndex
+            }, onAnimationEnd: this.onNudgeAnimationEnd }, h("slot", { key: '5ca5c837876f3e065057693c2e7b09a0cd1d5ff4' })))), !!this.label && h("div", { key: '95a5d99c11de084fc35cb8574da0f795eb48a928', class: "tet-carousel__label" }, this.label), showControls && (h("div", { key: '3df9420553df3b756ad9faa41f88f7cf500f0214', class: "tet-carousel__controls" }, showButtons && (h("div", { key: '86a0f92944a38072ce24cda30fef49c0d5e7b923', class: "tet-carousel__buttons tet-carousel__buttons--mobile", ref: (el) => (this.mobileBackButtonWrapper = el) }, h("tet-button", { key: 'e592d5444e27aff795500a99b440a9c2b3ae913f', theme: this.theme, type: "secondary", size: "medium", "icon-name": this.buttonIconLeft, "icon-mode": true, onPointerDown: (e) => e.stopPropagation(), onClick: () => this.handlePrev(), accessibilityLabel: t('components-carousel-previous'), disabled: this.isLeftNavigationDisabled() }))), showDots && (h("div", { key: '3813c9f052fe2287d746110194b61d2dba163cfc', class: "tet-carousel__dots" }, Array.from({ length: this.dotCount }).map((_, idx) => (h("button", { type: "button", tabIndex: idx === this.activeDotIndex ? 0 : -1, class: `tet-carousel__dot${idx === this.activeDotIndex ? ' active' : ''}`, key: idx, "aria-label": `${idx === this.activeDotIndex
                 ? t('components-carousel-indicator-button-active')
-                : t('components-carousel-indicator-button')} ${idx + 1}/${this.dotCount}`, "aria-current": idx === this.activeDotIndex ? 'true' : undefined, onPointerDown: (e) => e.stopPropagation(), onKeyDown: (event) => this.handleDotKeyDown(event, idx), onClick: () => this.handleDotClick(idx) }))))), showButtons && (h("div", { key: '78bcece033f881bf1b74fa5cec0c252f706ae5bf', class: "tet-carousel__buttons" }, h("tet-button", { key: '7edd52dfbf520ffe68b97d073c58ddbd86dd809c', class: "tet-carousel__buttons--desktop", theme: this.theme, type: "secondary", size: "medium", "icon-name": this.buttonIconLeft, "icon-mode": true, onPointerDown: (e) => e.stopPropagation(), onClick: () => this.handlePrev(), accessibilityLabel: t('components-carousel-previous'), disabled: this.isLeftNavigationDisabled() }), h("tet-button", { key: 'd7daa187520f89d4ffb24348e1408e6658dc4d4a', theme: this.theme, type: "secondary", size: "medium", "icon-name": this.buttonIconRight, "icon-mode": true, onPointerDown: (e) => e.stopPropagation(), onClick: () => this.handleNext(), accessibilityLabel: t('components-carousel-next'), disabled: this.isRightNavigationDisabled() }))))))));
+                : t('components-carousel-indicator-button')} ${idx + 1}/${this.dotCount}`, "aria-current": idx === this.activeDotIndex ? 'true' : undefined, onPointerDown: (e) => e.stopPropagation(), onKeyDown: (event) => this.handleDotKeyDown(event, idx), onClick: () => this.handleDotClick(idx) }))))), showButtons && (h("div", { key: 'a1d78a76ca33fb0b99c871c8269a8a560b5132fa', class: "tet-carousel__buttons" }, h("tet-button", { key: '618e6e82963c41c5e5a261b2354e8a8bf5c30385', class: "tet-carousel__buttons--desktop", theme: this.theme, type: "secondary", size: "medium", "icon-name": this.buttonIconLeft, "icon-mode": true, onPointerDown: (e) => e.stopPropagation(), onClick: () => this.handlePrev(), accessibilityLabel: t('components-carousel-previous'), disabled: this.isLeftNavigationDisabled() }), h("tet-button", { key: '39db38e2b9f3467d285a8f1e1d9495b8bb26115a', theme: this.theme, type: "secondary", size: "medium", "icon-name": this.buttonIconRight, "icon-mode": true, onPointerDown: (e) => e.stopPropagation(), onClick: () => this.handleNext(), accessibilityLabel: t('components-carousel-next'), disabled: this.isRightNavigationDisabled() }))))))));
     }
     static get is() { return "tet-carousel"; }
     static get encapsulation() { return "shadow"; }

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

@@ -50,7 +50,7 @@ export class TetIcon {
     };
     shouldUseDefaultColor = () => (this.useDefaultColor || defaultColorIcons.includes(this.name));
     render() {
-        return (h("span", { key: '69140342318871e93c5af7ae735bc5bcf48871a2', class: "icon-wrapper", tabindex: (this.focusable || this.accessibilityLabel) ? 0 : -1 }, h("span", { key: '50b9d8e357da93c531178787f9757ae5c8476eda', class: {
+        return (h("span", { key: 'a3b0cdf54b58fda95b46cf1d16be9d5b8b335514', class: "icon-wrapper", tabindex: (this.focusable || this.accessibilityLabel) ? 0 : -1 }, h("span", { key: '43cd9b1f9b06afdc0ddf280ff6ff86069ba9168c', 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: '1f30e22daa123f5fb09fa3e5e6c22ada0e5abfb9', class: "loader" }, h("div", { key: '418a872069e33873223afefae0941d4e86a54072', class: "loader-inner" })));
+        return (h("div", { key: '6a898c1531f9bad6a7666277ce7556400821a386', class: "loader" }, h("div", { key: '18c9758370df6acb902b0050f4027d1cea4418e5', 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: 'e70566c609c168ce6849e92e0acd233ba07a4b5c', style: { width: this.width, height: this.height } }, h("div", { key: '591fb7e0b39cdc2fa415e66a6ecf41416763928f', class: { 'dark-theme': this.darkTheme } }, h("div", { key: '22c17cfdd054de5bde801b07af0dd19d95aad779', class: "placeholder", style: { height: this.height } }))));
+        return (h(Host, { key: '7a1f24184efb186a3527af690b1e3a03236728fc', style: { width: this.width, height: this.height } }, h("div", { key: 'ec74ff837ca365d6da0ded7532cdfd67b541be6d', class: { 'dark-theme': this.darkTheme } }, h("div", { key: 'dfe52ed135080202f9fe79013cb8212aea92991b', 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

@@ -48,13 +48,13 @@ export class TetSpinner {
         foreignObject.setAttribute('clip-path', 'url(#clip)');
     };
     render() {
-        return (h("div", { key: '13ae0e053eeada739f10619cbbf4f98eb10c389d', ref: element => (this.spinner = element), class: {
+        return (h("div", { key: '67912ef3ca2766aadd9fbbea95d44e9d7583cfc6', ref: element => (this.spinner = element), class: {
                 spinner: true,
                 [`${this.theme}-theme`]: true,
                 [`size--${this.size}`]: true,
                 [`spinner--${this.type}`]: true,
-            } }, h("svg", { key: 'b52bd4856e3b00b2f312c144d9efc4f3b177e9b1', viewBox: "0 0 40 40" }, h("clipPath", { key: 'bba9a5c73c41e135c288cfbe4f34e6841219cd5e', id: "clip" }, h("path", { key: 'e51d5c18783abd377adcf3b5d3555fcfbb45d758', 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: '11ecac3df9f973b0603780a477474d9ee2d5654b' }, h("div", { key: '92a728196dee849b2f43e4ab237d5e935405175a', class: "spinner__gradient" })))));
+            } }, h("svg", { key: '14fcd39742fc2b94e7e88c60593456944a30efe7', viewBox: "0 0 40 40" }, h("clipPath", { key: '0a0229717df7043df9c8e646cefbb8fa4293426b', id: "clip" }, h("path", { key: '6f3a9732c4b9c33114c6557670c378d873a6ea7b', 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: 'c39fb59d157b1c93a086142160f583ab0c080a79' }, h("div", { key: 'f79cf2afc413c7151a39b35945c31ea55e3b833b', 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: '9876dfb683eac5551d760607e9c3c5c697c57fac' }, h("div", { key: 'f9508bd2394f93ac8de72134926ceccfc8151030', class: {
+        return (h(Host, { key: '28da43cd90d76fd61165e363b6f72fb73575b01d' }, h("div", { key: 'c7e7761e2a5982623df924ce3f6c8a202d3ba6ef', class: {
                 label: true,
                 'label-active': this.active,
                 [`label-type-${this.type}`]: true,
                 [`theme-${this.theme}`]: true,
-            } }, this.labelTitle && h("p", { key: '1c1367b3f17ba7cbe09a009703db9aa75b2b18d5', class: "label-title" }, this.translateTitle ? t(this.labelTitle) : this.labelTitle), this.showIcon && h("tet-icon", { key: '3acc811cc3f9136a95b13e3d9be3489370159f0d', class: "label-icon", name: "close-circle", part: "icon-selected" }))));
+            } }, this.labelTitle && h("p", { key: '0031918f55a452e50e754173aabbc760de129b62', class: "label-title" }, this.translateTitle ? t(this.labelTitle) : this.labelTitle), this.showIcon && h("tet-icon", { key: '8100b1deff3d98967a7c5bea754795111b66817c', class: "label-icon", name: "close-circle", part: "icon-selected" }))));
     }
     static get is() { return "tet-label"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/basic/steppers/tet-stepper/tet-stepper.js

@@ -75,7 +75,7 @@ export class TetStepper {
         return this.stepperData.length - 1 > index ? h("li", { class: lineClasses }) : null;
     };
     render() {
-        return (h(Host, { key: '75c32c0134cfec39a5a6e28752981aec67997ac8' }, h("ol", { key: '8c5827988374deacb4f8b94a7292b168c62dedf4', class: "stepper" }, this.stepperData.map(this.renderStep))));
+        return (h(Host, { key: 'a7e0db38fc40b9caa6bebf0f5acce7832823718e' }, h("ol", { key: 'bd7ca5f6f9a3d9d61a3e10acd0bfc4a9308227a6', class: "stepper" }, this.stepperData.map(this.renderStep))));
     }
     static get is() { return "tet-stepper"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/basic/steppers/tet-stepper-v2/tet-stepper-v2.js

@@ -35,7 +35,7 @@ export class TetStepperV2 {
         return isLastStep ? h("div", { class: { 'stepper-line': true, active } }) : null;
     };
     render() {
-        return (h(Host, { key: '5f17828ac9be1e79feb0da7a6fee85663961d26d' }, h("ol", { key: 'b42b945a5e444853df9e0c73ca7d19a126129640', class: {
+        return (h(Host, { key: '42aa442367fa3c8cd128a20bfd371f6ad4bc4f37' }, h("ol", { key: '6103114352c8257ef21abd8f7c081f00f695992d', class: {
                 'stepper': true,
                 [this.theme]: true,
             } }, this.stepperData.map(this.renderStep.bind(this)))));