@tet/tet-components 1.4.17-testing → 1.4.18-staging

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: '765bf73effdb7e41aaa05bfa24f3372fa7391dd5', 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: '06f0c3640a9f140718e2f241a75bbb6081660431', 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: '60c18875c128583cfb9968a1568b523158a00a1f', class: { 'modal-form-card-content': true, [`${theme}`]: true } }, h("div", { key: '1639644dcf31c53b08081702ce90d788651c3879', class: "modal-form-card-content-header" }, h("div", { key: 'ff410c6f83cac69893036a486b5429364531f2ee', class: "icon-wrapper" }, h("tet-icon", { key: '28e94565eb43b23a3e6ae73bc4d9f5d188297b5e', class: "icon", name: "tc-company-1" })), h("span", { key: '1873eaff1a34acdd4b242495b3efa9064ecf88f6', class: "modal-form-card-content-header__title" }, t('components-b2b-check-out-form-title')), h("span", { key: '32b2f1ecfac02e6d8fd2d47c8d7af7000f5a53f8', class: "modal-form-card-content-header__description" }, t('components-b2b-check-out-form-description'))), h("div", { key: '1e848042ca79477889421e9357b096f470bb4d4b', class: "modal-form-card-content-accordion-wrapper" }, h("slot", { key: 'b00717865b6265f7002752f5fe8dba42e21e76ec', name: "cart" })), h("form", { key: '9c4d5975b8bafeabe789d28933f0923a8911dd3c', id: "checkOutForm", class: "modal-form-card-form", ref: (ref) => (this.checkOutForm = ref) }, h("div", { key: 'fa4e12b5670f082e0aaecbdcbe4aae351ded5c14', 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: '4b1ceac4436b1f51eac0954798bc0464aeb15308', 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: 'cff82751dfe292f9dff4a895ffe461c6109e083d', class: "modal-form-card-content-checkbox", label: t('components-check-out-form-privacy-policy'), theme: theme }), h("slot", { key: '31f5c5f50ee645ca6aebffd41e9261579e62abc9', name: "extra-fields", ref: (element) => (this.extraFieldsSlotElement = element) }))), h("div", { key: '8792a274e57f677a8813b4ece39c4265daf1d265', slot: "footer", class: "modal-form-card-footer" }, h("tet-button", { key: '3b92ae13a9ca8236dcb732d9e98aa9872c443734', type: "secondary", size: "medium", theme: theme, onClick: () => {
+            } }, h("div", { key: '1a67009722a4d9c7de6ae5c22ec65741eb1364a8', class: { 'modal-form-card-content': true, [`${theme}`]: true } }, h("div", { key: '01895321fdae5a4feaf16c5e2718dc5ae351e8c8', class: "modal-form-card-content-header" }, h("div", { key: 'e4ef5e292b1fd72f8b86e0ac2e9522a80c7f1ded', class: "icon-wrapper" }, h("tet-icon", { key: '9c7b8739174fef0f5c134246926b94a02e38712c', class: "icon", name: "tc-company-1" })), h("span", { key: '6a90cb78c1b31d4bd6a91ea0291f4c0872b62c7b', class: "modal-form-card-content-header__title" }, t('components-b2b-check-out-form-title')), h("span", { key: 'eeeadac907820a5e1f5ac2a00c5765ff7ea837bd', class: "modal-form-card-content-header__description" }, t('components-b2b-check-out-form-description'))), h("div", { key: 'be77fdc132d9fd6fc4b6af0aeacc1d8429483cba', class: "modal-form-card-content-accordion-wrapper" }, h("slot", { key: 'c270d3f53b0282d9433f5008afedfe87a342df34', name: "cart" })), h("form", { key: 'fa0e2951f611d8f14678d426883296dc3de509cc', id: "checkOutForm", class: "modal-form-card-form", ref: (ref) => (this.checkOutForm = ref) }, h("div", { key: 'a3311956c8fdb204866ee8f041cef5dc0d5e52ba', 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: '06568f9bfdd38b54e165b470fa2852f941cee641', 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: '80cc06a6e4e2901019e0770a583156d188bcceaf', class: "modal-form-card-content-checkbox", label: t('components-check-out-form-privacy-policy'), theme: theme }), h("slot", { key: '487a739d200a0edb1c034d13af6f285663c8db18', name: "extra-fields", ref: (element) => (this.extraFieldsSlotElement = element) }))), h("div", { key: 'b258fd2cef67937c7696ec5817ddc8e71cef64b6', slot: "footer", class: "modal-form-card-footer" }, h("tet-button", { key: '5a36b19de19ac93ebdd413a9ba0ae6fe3e6e292b', type: "secondary", size: "medium", theme: theme, onClick: () => {
                 this.dialogElement.close();
-            } }, t('components-b2b-check-out-form-close-button-label')), h("tet-button", { key: '4532886600e0e7d85bd9aa2cb79fbb6cde3d24c5', 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: 'cc0852cec0304dfc04f823f94a01f948b338bac5', 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: 'ed54eac1494b5f35c83997c0204b948b438f86d8', class: { 'dark-theme': this.darkTheme } }, h("tet-container", { key: '0fb390bcca7b27fb07704e4361587abeaa289d0c', class: "container" }, this.showLoader && this.renderLoader(), h("div", { key: '06d677a169164185e7e161b17cf80f28baa28df9', class: "form-container" }, this.showTitle && h("h2", { key: '2a64acb39d5c240c7a4e97369a73b1956c91ac4f', class: "form-title" }, t('components-contact-form-title')), h("p", { key: 'cc3468d2af0eae24882306f9198e7ccf1bd1cded', class: "form-subtitle" }, t(this.subtitle)), h("tet-input", { key: 'c98b4854d24da912444f56a663c612c781f61464', 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: 'b1e581499558be8d221ca2c318bb18a824b0dcf3', class: "form-submit", type: "primary", clickCallback: this.createManualTask, innerHTML: t('components-contact-form-submit'), ...this.submitButtonProps })))));
+        return (h("div", { key: '3ef87515e40cd02b2e9d69f2a6a7503f98c57f24', class: { 'dark-theme': this.darkTheme } }, h("tet-container", { key: '190fb254c397b1d5ed5077463097d68d84b29179', class: "container" }, this.showLoader && this.renderLoader(), h("div", { key: '1219a1e478a0837ed9dab24f535884244ec5f46c', class: "form-container" }, this.showTitle && h("h2", { key: '7c6c02cfd496c6d66c32e6b8dbf90ad750d5dd5f', class: "form-title" }, t('components-contact-form-title')), h("p", { key: 'cff408d954cbdb41cc9d0af263e5ba19001f8634', class: "form-subtitle" }, t(this.subtitle)), h("tet-input", { key: 'a2ed447b793c5487db59f35ae1381855a997ec71', 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: 'f0c586a82de2d1b37cdf361c45963705ac4370ac', 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: '208c813696d048de7c52265e3b77aa748b91422c' }, h("div", { key: 'ee6edf177c9486e9159bf65ee99e5f16d8217ecb', class: { 'tv-gift': true, [`tv-gift--${this.containerSize}`]: true } }, h("div", { key: 'c52bf807fd10c597a7817c286d192c008381b889', class: "tv-gift__header" }, h("slot", { key: '39e6a60c5183dff81fd35e357b7aa7435cc645cb', name: "header" }, this.headerImageSrc && h("img", { key: '0d3ef9a3e7000c39f7185925ce875adfdc8417e2', class: "tv-gift__header__image", src: this.headerImageSrc }), h("div", { key: 'db9c66c31ad06e1133938d445bbf5b562f01465e', class: "tv-gift__header-text" }, this.headerTitle))), h("div", { key: '183351a3e21b17c01401bd88ef5fe5fc3a96470b', class: "tv-gift__content" }, h("slot", { key: 'd145b0991e3c20ba471c57366de9d22537f77434' })), h("div", { key: '2f06ee8c53ae8002914b675043c01b7594511bd4', class: "tv-gift__footer" }, h("slot", { key: 'b527d9e5c519ccbb778d5290c7737d975ceff44c', name: "footer" }, h("span", { key: '799c3520acf640336d77ef640cb1a0fe8ffa7876', class: "tv-gift__footer__title" }, this.footerTitle), h("span", { key: 'b1953a7bdf703829634e590100273ca086f349a1', class: "tv-gift__footer__text" }, this.footerText))))));
+        return (h(Host, { key: 'c1e1f9d59afde45f6050773f359b8887f75be33c' }, h("div", { key: '74748450ba3850ab18556eb44743dbf0229a3cab', class: { 'tv-gift': true, [`tv-gift--${this.containerSize}`]: true } }, h("div", { key: 'ff847e5acfdfda4f95373031a2ff5de6f0726f42', class: "tv-gift__header" }, h("slot", { key: '68390b2b1910f323235eeb0f43cc0f3dad167d4a', name: "header" }, this.headerImageSrc && h("img", { key: 'ebc82b806d3d2e1bd5fa1c8b8b2c600300b2c935', class: "tv-gift__header__image", src: this.headerImageSrc }), h("div", { key: 'f8a1b2eae7a448ff715ae666dfc123eabd6987fb', class: "tv-gift__header-text" }, this.headerTitle))), h("div", { key: 'b85d8ead2ee06706346c42b1d7dbb6015a8402d8', class: "tv-gift__content" }, h("slot", { key: '8d61f9a9f301df4ff72aa9989cc19981ead69ed8' })), h("div", { key: '6c1f6b3ee1503ae560230cd84ed0ba32505a69d7', class: "tv-gift__footer" }, h("slot", { key: '55b4a2b48a7cc40e33e93c32bfd2e2a6f996aa55', name: "footer" }, h("span", { key: 'cbabe0340ed29a9aef53301f03ac9b28e9be6447', class: "tv-gift__footer__title" }, this.footerTitle), h("span", { key: '36934839a905f400c8a40bdb5070e4925c9084a9', 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: 'dea680f0dbcf42e24c89f0fe7fa02ad0654aabf8' }, h("div", { key: 'fe26094309656869185022c5333d2a1d27320bf9', class: {
+        return (h(Host, { key: '032f8cd86fd415dd529ed94a16912a8042b22a32' }, h("div", { key: 'd5464cac40752b00a40aefa019353c33e41627ef', class: {
                 'tv-gift-list': true,
                 [`tv-gift-list--${this.containerSize}`]: true,
                 'tv-gift-list--image-list': Boolean(this.imageSource),
-            } }, this.imageSource && (h("div", { key: '2ec4d6e1bb468d13a1216c56a26162af4402ad36', class: "tv-gift-list__image__wrapper" }, h("img", { key: '70f881e2c37ece78cdc56b87a766ea60e5df3e93', class: "tv-gift-list__image", src: this.imageSource }))), h("div", { key: '6ecefc329a922fc4b92acdd6939992727dec0c24', class: "tv-gift-list__list__wrapper" }, h("span", { key: 'b950c36ee432a61a97026d990f66a2a58ed544e0', class: "tv-gift-list__list__header" }, this.header), h("ul", { key: '01fe57f0e61044ebae857b052b2e09d23f3aa65d', 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: '45bf9b0abe3a56fa3aef3b0f9b2086712518c066', class: "tv-gift-list__image__wrapper" }, h("img", { key: '6b46d81a2d9e656d77f4a6205ce2fd74e501ad19', class: "tv-gift-list__image", src: this.imageSource }))), h("div", { key: '8dd124bda46e1330d9883d369ce9fe0c5914e1e4', class: "tv-gift-list__list__wrapper" }, h("span", { key: 'b6cca2a70164f101101326a001563323eef9b5b6', class: "tv-gift-list__list__header" }, this.header), h("ul", { key: 'd6ebc90441f36a49aedfaa2a51ad6c4c68c1a5e2', class: "tv-gift-list__list" }, this.list.map(item => (h("li", { class: "tv-gift-list__list__item" }, h("tet-icon", { name: this.listBulletIcon }), item))))))));
     }
     static get is() { return "tet-tv-gift-list"; }
     static get encapsulation() { return "shadow"; }

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

@@ -85,17 +85,17 @@ export class TetRadio {
     };
     render() {
         const { id, disabled, value, checked, name, label, accessibilityLabel, error, inputAutofocus, iconName, labelFont, alignCenter, hasSlotIcon } = this;
-        return (h(Host, { key: '3f335718a2060f9f9b27fecd5d174728d1fdb97c' }, h("div", { key: 'f77789f440e4103ddf8105e3a9d3aa793862ea79', class: { radio: true, [`radio-${this.theme}-theme`]: true } }, h("label", { key: 'e99b3e956d3787bcc7a2e7d07a81c7e458bc8014', class: {
+        return (h(Host, { key: '54a4658d1e74c191f562643acda9d0adb398cfcd' }, h("div", { key: 'eff9b52d5608def9650daa103d61713f18d78898', class: { radio: true, [`radio-${this.theme}-theme`]: true } }, h("label", { key: 'd2d1fc5f09076139c0634f1b3ebe08a72e8c260c', class: {
                 'radio__container': true,
                 'radio__container--focus-style': this.focusStyleOnContainer,
                 'radio__container--align-center': alignCenter,
-            }, htmlFor: id }, h("input", { key: '24f7a7f35349b5fc2065a528e344cd460c2af1f4', class: "radio__html-input", id: id, name: name, type: "radio", value: value, disabled: disabled, checked: checked, onChange: this.handleInputChange, autofocus: inputAutofocus, ...(accessibilityLabel ? { 'aria-label': accessibilityLabel } : {}) }), h("span", { key: '538f98c8c65fdd184fd6a2c01784221d3c7a2959', class: {
+            }, htmlFor: id }, h("input", { key: '14d0966944a2f8a6f0d5ce27ee81a6005640ed47', class: "radio__html-input", id: id, name: name, type: "radio", value: value, disabled: disabled, checked: checked, onChange: this.handleInputChange, autofocus: inputAutofocus, ...(accessibilityLabel ? { 'aria-label': accessibilityLabel } : {}) }), h("span", { key: 'e92e3ba779537be87ee6d51d83bae4c86d7e143b', 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: 'c06cbc337afcb948146c2fd8351f35ad16dece92', class: {
+            } }), h("div", { key: 'cb59bb25f069b6a36967b5999293592df30c148b', 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: disabled ? 'tertiary' : 'primary', class: {
@@ -106,11 +106,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: 'ed4ce50985b15417bd21c0a39aa2c79dceacdc52', class: {
+            } }, h("slot", { name: "label-icon" }))), h("span", { key: 'e6d837e355587421be2e361578a373726fd49cf5', class: {
                 'radio__label': true,
                 'radio__label--has-slot-icon': hasSlotIcon,
                 ...(labelFont ? { [`radio__label--${labelFont}`]: true } : {}),
-            }, innerHTML: label }, h("slot", { key: '60f796c47088f575b1cc24c42e1672be8f6b6569' })))))));
+            }, innerHTML: label }, h("slot", { key: 'bc453a1e2484d1a2b9a9f07f1c2cb47787122d38' })))))));
     }
     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: '3a512ae8f83c1df5ea283c1b188bb78d16fda888' }, h("div", { key: 'ffab5952335efcdaf91447d0ed6ab1e4f9b816ed', class: { 'switch': true, [`${theme}`]: true } }, h("label", { key: '48f0cc64482e9e0330e0746d96aacbc1658781c5', class: {
+        return (h(Host, { key: '7ee0bfc5f11d3af57a22b3b14d712f2ca2829e56' }, h("div", { key: 'ac1acfa00e46c07596cb93b8e764c8426f3db3fa', class: { 'switch': true, [`${theme}`]: true } }, h("label", { key: '28419ede75bd03747979c66081d6015ef6b8c20c', 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: '961321e60b0550a7eeb6e7d43b024ce1d1107168', 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: 'f0305170bee1f471194a1c1b0296780e8d274bfb', class: {
+            }, part: "switch-container", htmlFor: "tet-switch" }, h("input", { key: 'b19cfb9fa10c85fb14a386ff2b271cccb8ed9fd6', 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: 'fafbabb754702a3774ce914ed05194a38e70854a', class: {
                 'switch__label': true,
                 ...(labelPosition === 'left' ? { 'switch__label--left': true } : {}),
                 ...(labelFont ? { [`switch__label--${labelFont}`]: true } : {}),
-            }, innerHTML: label }, h("slot", { key: 'fde4204dc0d73adc2dd26a8e2197512a064e2303' })), labelPosition === 'left' && this.renderSwitch()))));
+            }, innerHTML: label }, h("slot", { key: '07c19b7f46f6bb77b01930d44ef699841418f372' })), 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: '22fd6884be5e41cfd6cb69a0d11d66fe901de8c6' }, h("div", { key: '2ca5b148038b08f5df8c468a289b478fbd8b7a8e', class: {
+        return (h(Host, { key: 'fea02f3af80db43b783ee35131a2a2cab2aa9c72' }, h("div", { key: '2e0383886ceb29df1e723bec285b2e6962ec1433', class: {
                 'tet-tab-content': true,
                 'use-visibility': this.useVisibility,
                 [this.theme]: true
-            } }, h("slot", { key: '2c15e768690218a31f97ce720b6d045e15a3aef4' }))));
+            } }, h("slot", { key: 'd974cdb2a80c8a11fcb63c6169b4a651b5747623' }))));
     }
     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: 'f093147df2f2aa9bc5af900a588dbcc381256d63', "data-id-suffix": this.idSuffix }, h("div", { key: 'd7a8117f94fb245244bb575ef8ededa161bea1d9', class: {
+        return (h(Host, { key: 'b86d56bc6b1b41e18e27a268d90a58cace231e79', "data-id-suffix": this.idSuffix }, h("div", { key: '4d6a15f9dbeeafbe7390728c77245736d77401c4', 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: 'd841b64e5dbb5131d1560a64e7834876eb3cc261', ref: (slot) => (this.tabContainer = slot) })), h("div", { key: '65744b2843a557f6f4bc20b6027bb556d14cbe0d', class: {
+            }, onMouseDown: this.onContainerMouseDown, style: this.getStyle(), ref: (ref) => (this.tabElement = ref), role: "tablist" }, h("slot", { key: '6f31fd86e6f23a98e0338a8a4a7a3adee3aba112', ref: (slot) => (this.tabContainer = slot) })), h("div", { key: 'c0cc1a80932330b70efbbbc18af2e0bc4fa724ce', 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: '031cdd212300065594cd224fa9e4576645cfc15a' }, h("button", { key: '844f69864fcfa54a9b5936746282bf43501c71b6', class: {
+        return (h(Host, { key: '19c127e4fda6644f61599bc41dc05fb39e91d3b3' }, h("button", { key: 'df8c40c33b811a04b70755fb72349b668bd6c3a0', 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: 'b82709521ca57dbe1ecf42d0d9af2e9977f2f6b6', class: "tag-title" }, t(this.tagTitle)), this.count !== null && this.count !== undefined && h("span", { key: 'db8323fbe5f53b8c61c87d5113bf5c14927b21f5', class: "tag-count" }, this.count), this.showIcon && h("tet-icon", { key: '72fc973b22ac64bce60ccde3780cc49cbbe52f3e', class: "tag-icon", name: "close-circle", part: "icon-selected" }))));
+            }, "aria-pressed": this.active.toString(), disabled: this.disabled }, this.tagTitle && h("p", { key: '7e54370dcf953d709419cb6b489d2715708252a0', class: "tag-title" }, t(this.tagTitle)), this.count !== null && this.count !== undefined && h("span", { key: 'ae3d755087a8dc7eb270f8383190ec07298836cb', class: "tag-count" }, this.count), this.showIcon && h("tet-icon", { key: 'd02fa60f0da29b0b32145e68c01251bca42e2815', 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

@@ -427,23 +427,23 @@ export class TetCarousel {
         document.removeEventListener('pointerup', this.onPointerUp);
     }
     render() {
-        return (h(Host, { key: 'faebf30b094130067e6a78c2239e7dc3bde53c01' }, h("div", { key: '608b8b112edd401ebee58b05b8bac4cf4b0c70c8', class: { 'tet-carousel': true, [`${this.theme}`]: true }, ref: (el) => (this.container = el), part: "carousel" }, h("div", { key: 'b247ceb2622f917efc357a9b848b55640baa8ead', class: "tet-carousel__container" }, h("div", { key: 'ac7aab12f4d0035e066e45131f09d3623570aa88', class: "tet-carousel__gradient-left", ref: (el) => {
+        return (h(Host, { key: '239fcae0f7ba43bcf1f394af658b60f4a306f4db' }, h("div", { key: '3857752d5ed212d26cc743169f6f1383b7110d3b', class: { 'tet-carousel': true, [`${this.theme}`]: true }, ref: (el) => (this.container = el), part: "carousel" }, h("div", { key: 'b4d6b90d86bb9a9274a2accf2f5ce907d9634c7a', class: "tet-carousel__container" }, h("div", { key: 'a029b4b4ab96a39150935f4c9c0d82262dd480be', class: "tet-carousel__gradient-left", ref: (el) => {
                 this.leftGradientRef = el;
-            } }), h("div", { key: '43b8019517acd7dd58318686899a606069f74a57', class: "tet-carousel__gradient-right", ref: (el) => {
+            } }), h("div", { key: '63f29224d4fad833b81a4ddea083b7f6a4c783a3', class: "tet-carousel__gradient-right", ref: (el) => {
                 this.rightGradientRef = el;
-            } }), h("div", { key: 'cf4938d4781e3abd070316c3b4e786652814fc28', class: `tet-carousel__track ${!this._showButtons() && !this._showDots() ? 'tet-carousel__track--center' : ''}`, ref: (el) => (this.trackElement = el), style: {
+            } }), h("div", { key: 'a85c396691543ea86169e71133baddbb20555915', class: `tet-carousel__track ${!this._showButtons() && !this._showDots() ? 'tet-carousel__track--center' : ''}`, ref: (el) => (this.trackElement = el), style: {
                 transform: `translateX(${this.dragOffset}px)`,
                 transition: this.isDragging ? 'none' : `transform ${this.transitionDuration}ms ${this.transitionTiming}`
-            }, onPointerDown: this.onPointerDown, onMouseMove: this.onPointerMove, onPointerUp: this.onPointerUp, onMouseLeave: this.onPointerUp }, h("slot", { key: '3f210793bc048697645d1349aace013249dfb9c4' }))), !!this.label && h("div", { key: '8298061607a3e2fcec65777ea454cee2d851e7b4', class: "tet-carousel__label" }, this.label), (this._showButtons() || this._showDots()) && (h("div", { key: '3d280f4b20b813e1211152b8e3bf8aaf2f8a1984', class: "tet-carousel__controls" }, this._showButtons() && (h("div", { key: '4db71243d4e77c301badec8364b5c9b2a5db6ee3', class: "tet-carousel__buttons tet-carousel__buttons--mobile" }, h("tet-button", { key: 'ed20d15345f829726f4c43379412040f6010784d', class: "tet-carousel__btn", theme: this.theme === 'light' ? 'dark' : 'light', "icon-name": this.buttonIconLeft, "icon-mode": true, tabIndex: -1, onPointerDown: (e) => e.stopPropagation(), onPointerUp: () => {
+            }, onPointerDown: this.onPointerDown, onMouseMove: this.onPointerMove, onPointerUp: this.onPointerUp, onMouseLeave: this.onPointerUp }, h("slot", { key: '035f1009bbbb5852af92ef5d3476686ac3ded670' }))), !!this.label && h("div", { key: '36a417e5c584b0a2f121f4da7f1ced5ba24bee80', class: "tet-carousel__label" }, this.label), (this._showButtons() || this._showDots()) && (h("div", { key: '63c6244e02866eb5cb1266fcd2df2ae0cf4f4bc7', class: "tet-carousel__controls" }, this._showButtons() && (h("div", { key: '1788aadd6cdd4a02882f26c443be8ce21297aad5', class: "tet-carousel__buttons tet-carousel__buttons--mobile" }, h("tet-button", { key: 'e58cc4096389a4df33a035364918d045d8ac2e67', class: "tet-carousel__btn", theme: this.theme === 'light' ? 'dark' : 'light', "icon-name": this.buttonIconLeft, "icon-mode": true, tabIndex: -1, onPointerDown: (e) => e.stopPropagation(), onPointerUp: () => {
                 if (!this.isDragging)
                     this.handlePrev();
-            }, "aria-label": t('components-carousel-previous'), disabled: this.dotCount <= 1 || this.activeItem === 0 }))), this._showDots() && (h("div", { key: '79d681b99fdc93db8a8876dbc3063d7f96b3ca70', class: "tet-carousel__dots" }, Array.from({ length: this.dotCount }).map((_, idx) => (h("button", { type: "button", tabIndex: -1, class: `tet-carousel__dot${idx === this.activeDotIndex ? ' active' : ''}`, key: idx, onPointerDown: (e) => e.stopPropagation(), onPointerUp: () => {
+            }, "aria-label": t('components-carousel-previous'), disabled: this.dotCount <= 1 || this.activeItem === 0 }))), this._showDots() && (h("div", { key: '61c7d4c5e4d1b0472b444e4156c454b58b96c226', class: "tet-carousel__dots" }, Array.from({ length: this.dotCount }).map((_, idx) => (h("button", { type: "button", tabIndex: -1, class: `tet-carousel__dot${idx === this.activeDotIndex ? ' active' : ''}`, key: idx, onPointerDown: (e) => e.stopPropagation(), onPointerUp: () => {
                 if (!this.isDragging)
                     this.handleDotClick(idx);
-            }, onClick: () => this.handleDotClick(idx) }))))), this._showButtons() && (h("div", { key: '95ed835295b38724b867cfa207a52220d24937d2', class: "tet-carousel__buttons " }, h("tet-button", { key: 'fa6161a524f9b82625b768e4ac3cde17336de752', class: "tet-carousel__buttons--desktop tet-carousel__btn ", theme: this.theme === 'light' ? 'dark' : 'light', "icon-name": this.buttonIconLeft, "icon-mode": true, tabIndex: -1, onPointerDown: (e) => e.stopPropagation(), onPointerUp: () => {
+            }, onClick: () => this.handleDotClick(idx) }))))), this._showButtons() && (h("div", { key: '2dec4e09c0e25528c23dda4d29a67506f02dddc6', class: "tet-carousel__buttons " }, h("tet-button", { key: 'ea762b0d356e4cd77aa5d5fd6040d94b06fc839c', class: "tet-carousel__buttons--desktop tet-carousel__btn ", theme: this.theme === 'light' ? 'dark' : 'light', "icon-name": this.buttonIconLeft, "icon-mode": true, tabIndex: -1, onPointerDown: (e) => e.stopPropagation(), onPointerUp: () => {
                 if (!this.isDragging)
                     this.handlePrev();
-            }, "aria-label": t('components-carousel-previous'), disabled: this.dotCount <= 1 || this.activeItem === 0 }), h("tet-button", { key: 'a9995e826b820a1e6cffcecae6954fa8669a9e75', class: "tet-carousel__btn", theme: this.theme === 'light' ? 'dark' : 'light', "icon-name": this.buttonIconRight, "icon-mode": true, tabIndex: -1, onPointerDown: (e) => e.stopPropagation(), onPointerUp: () => {
+            }, "aria-label": t('components-carousel-previous'), disabled: this.dotCount <= 1 || this.activeItem === 0 }), h("tet-button", { key: 'b33637f0e925d96984890894edb9471c0e42d72b', class: "tet-carousel__btn", theme: this.theme === 'light' ? 'dark' : 'light', "icon-name": this.buttonIconRight, "icon-mode": true, tabIndex: -1, onPointerDown: (e) => e.stopPropagation(), onPointerUp: () => {
                 if (!this.isDragging)
                     this.handleNext();
             }, "aria-label": t('components-carousel-next'), disabled: this.dotCount <= 1 ||

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

@@ -50,7 +50,7 @@ export class TetIcon {
     };
     shouldUseDefaultColor = () => (this.useDefaultColor || defaultColorIcons.includes(this.name));
     render() {
-        return (h("span", { key: 'b8b27ee88e31a30f3a6280d940c1783f6626055f', class: "icon-wrapper", tabindex: (this.focusable || this.accessibilityLabel) ? 0 : -1 }, h("span", { key: '8dd76c6c202799f38deda34b4a01cbe255d5daa5', class: {
+        return (h("span", { key: '2bc2f26b1cd7ac669cf3f38a238a1bd04562c19d', class: "icon-wrapper", tabindex: (this.focusable || this.accessibilityLabel) ? 0 : -1 }, h("span", { key: '12f4c973dadb1b26d14419a41d59628287a92efa', 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: '2600778f0bd3235737b55b6e55023ace13c3c46b', class: "loader" }, h("div", { key: '334c9acce8f6185ba0d6f5ed34326740ebe65702', class: "loader-inner" })));
+        return (h("div", { key: '4ff48068b24050af159012a2ec8af7bd3ae1c63d', class: "loader" }, h("div", { key: '61f01f7ccbeea4b675bb45307a99c23d9ec8a5c3', 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: '21a3481e3a977ffabdb30ac87fc7a2ada32978b9', style: { width: this.width, height: this.height } }, h("div", { key: '2cbd8b3779e583083c5339c08815339baa4e6c94', class: { 'dark-theme': this.darkTheme } }, h("div", { key: '8884602bb8c3cde0544c860765de8b72a2e235f1', class: "placeholder", style: { height: this.height } }))));
+        return (h(Host, { key: '2008dd3ed8585c5ba17f337315642ec04389d4f5', style: { width: this.width, height: this.height } }, h("div", { key: 'cdab65c8429a5216900322836cd3d3cf61e705c1', class: { 'dark-theme': this.darkTheme } }, h("div", { key: '0ce96fea689c45ca7ea88d0861775bcbd8786fe3', 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: '22b89baa181f6de5fedede97ba5be585c0b0b0b1', ref: element => (this.spinner = element), class: {
+        return (h("div", { key: 'fa1a948f44b61e85dab67aea8975583fb759242b', ref: element => (this.spinner = element), class: {
                 spinner: true,
                 [`${this.theme}-theme`]: true,
                 [`size--${this.size}`]: true,
                 [`spinner--${this.type}`]: true,
-            } }, h("svg", { key: '5ef8de46385eeec9b021d20df48e3fbae5efd67a', viewBox: "0 0 40 40" }, h("clipPath", { key: 'bdb3b7349776272a4fb7818d4c9c199849e3aecd', id: "clip" }, h("path", { key: 'a5b7368f9d6b19b8e4142ea82b217f39964a4097', 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: '0c819971c1d6d9dc17d6ea85c3de663f86c8ccca' }, h("div", { key: '3ab7e968331b78f97487c1010a9f4aa97306fad3', class: "spinner__gradient" })))));
+            } }, h("svg", { key: '77485bbfe47905653ac3bc653038c909f76ff4e4', viewBox: "0 0 40 40" }, h("clipPath", { key: 'f0a15d55e23af6e48d9566c57fecbebb79f38536', id: "clip" }, h("path", { key: '1a7157545aa6b8641891f565505ba8b4bc07cb3c', 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: 'afd2c6b1cba46dc6d12cab21c789ebeee3fd5621' }, h("div", { key: '59959b9a9212817867c87cec50ebed75cca4f1ae', 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: '883b75dbb05a67a714292b16f6aa91e5b73517e7' }, h("div", { key: '5ae4199a0c4b4273d169662b92190783e055bc12', class: {
+        return (h(Host, { key: '4464d4899687e52fabdbf7048855bb264873dfde' }, h("div", { key: '9fcbfd11d5cb5a0ef5c86ec3cd7e678ce2217517', class: {
                 label: true,
                 'label-active': this.active,
                 [`label-type-${this.type}`]: true,
                 [`theme-${this.theme}`]: true,
-            } }, this.labelTitle && h("p", { key: '5d6777508156169adb61f0c0f7d462bf28feb014', class: "label-title" }, this.translateTitle ? t(this.labelTitle) : this.labelTitle), this.showIcon && h("tet-icon", { key: 'b45178678137081acd670933cba890f48d136455', class: "label-icon", name: "close-circle", part: "icon-selected" }))));
+            } }, this.labelTitle && h("p", { key: 'e6333dd8f28f5fbbd821deff3606d9e2c1dad2a6', class: "label-title" }, this.translateTitle ? t(this.labelTitle) : this.labelTitle), this.showIcon && h("tet-icon", { key: 'e1211871f95e89784725cc2f00f9caa0bdb6cd4e', 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-round-stepper/tet-round-stepper.js

@@ -59,7 +59,7 @@ export class TetRoundStepper {
         this.calculateContainerWidth();
     }
     render() {
-        return (h(Host, { key: 'e61a874b636249b15045e3de2b8f864a40b25032' }, h("div", { key: '4cfad79ad7ac67252082b8892c17ad7aad57e0ff', class: {
+        return (h(Host, { key: '8e42b967b9d58d6e87ec7b93d6cef5068b9d3d7c' }, h("div", { key: 'fa7684c1ef92e0c50f6184d0b2bdfaeb03a652dd', class: {
                 'round-stepper': true,
                 'column': this.forcedColumn,
                 'hide-icons': this.hideIcons

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

@@ -69,7 +69,7 @@ export class TetStepper {
         return this.stepperData.length - 1 > index ? h("li", { class: lineClasses }) : null;
     };
     render() {
-        return (h(Host, { key: '15ae9c762660e819afbb11785712431362265bc6' }, h("ol", { key: 'd9e500bb595549ec72e73c22288eb5ff6eca9bb1', class: "stepper" }, this.stepperData.map(this.renderStep))));
+        return (h(Host, { key: 'd5baecd215ae73b8d536f12d256111763750a3c2' }, h("ol", { key: '8cae0bb2024db474084d31987792850c1e13edb2', 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: 'aa633ed63eb46e98b363be89e1b4b6d5dc62338d' }, h("ol", { key: 'c8359c11ac3baf2828e5b24a8d91a5269e855e56', class: {
+        return (h(Host, { key: 'e7202349ca7978dd2238477b3c74f7b8f93473af' }, h("ol", { key: '202f2f1e98b84a36a76b0d4b5a28f44a1b4e8961', class: {
                 'stepper': true,
                 [this.theme]: true,
             } }, this.stepperData.map(this.renderStep.bind(this)))));

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

@@ -27,7 +27,7 @@ export class TetStepperV3 {
         return description ? h("div", { class: "content-description", innerHTML: description }) : null;
     };
     render() {
-        return (h(Host, { key: '5c116f5163e79ad808c9b390ac294357e13ce946' }, h("ol", { key: 'd2e854315b73aedb22878e4ac819207fc6640e78', class: {
+        return (h(Host, { key: '604570fe0fec515a66f1cd117e7f7b9bbc24dc30' }, h("ol", { key: '69978325b90779995fa17e6036a73d87d25574e8', class: {
                 stepper: true,
                 [this.theme]: true
             } }, this.stepperData.map(this.renderStep.bind(this)))));

package/dist/collection/components/simple/inputs/tet-datepicker/partials/tet-datepicker-header/tet-datepicker-header.js

@@ -55,9 +55,9 @@ export class TetDatepickerHeader {
         this.datepickerViewChanged.emit(view);
     };
     render() {
-        return (h("div", { key: '8e175a370768a5c7ec9ae124f9cdac004a42b8ae', class: "header" }, this.datepickerView !== 'year'
+        return (h("div", { key: 'b25bef75fb2835fd0375ce247274c6c37be923a6', class: "header" }, this.datepickerView !== 'year'
             ? (h("div", { class: "icon-container", onClick: () => this.subtractDates() }, h("tet-icon", { class: "arrow-left", name: "arrow-left" })))
-            : h("div", null), h("div", { key: '46d016603d384aaa75c95068807fbd04cfa82a48', class: "control-button", onClick: () => this.changeDatepickerView() }, this.getControlButtonDate(), h("tet-icon", { key: '3348fd9c9039d8a1611e9a21db8aa2117fd28e28', class: "chevron-down", name: this.datepickerView === 'month' ? 'chevron-down' : 'chevron-up' })), this.datepickerView !== 'year'
+            : h("div", null), h("div", { key: 'fcc50ae46d034b95ca99e4698207426be41fb3af', class: "control-button", onClick: () => this.changeDatepickerView() }, this.getControlButtonDate(), h("tet-icon", { key: '15d50b7f0141399ecd3b3bed437df7103923edc3', class: "chevron-down", name: this.datepickerView === 'month' ? 'chevron-down' : 'chevron-up' })), this.datepickerView !== 'year'
             ? (h("div", { class: "icon-container", onClick: () => this.addDates() }, h("tet-icon", { class: "arrow-left", name: "arrow-right" })))
             : h("div", null)));
     }

package/dist/collection/components/simple/inputs/tet-datepicker/partials/tet-datepicker-month-view/tet-datepicker-month-view.js

@@ -159,7 +159,7 @@ export class TetDatepickerMonthView {
         };
     };
     render() {
-        return (h(Host, { key: '694ef41ffdebe9e9dc5ac320293243b88836aeca' }, h("div", { key: '5935f2ee720380b0c83cf3e23ec45cfacf1757b5', class: "weekday-header" }, this.days.map((day) => h("div", { class: "day" }, day))), h("div", { key: 'd58b7e6d0421342d0fa7ae385189a7f4a1ee2b29', class: "month-dates" }, this.previousMonthPreviewDates.map((date) => h("div", { class: "date-container" }, h("div", { class: "preview-date" }, date.getDate()))), this.monthDates.map(date => h("div", { class: this.getDateContainerClasses(date), onPointerEnter: (event) => this.setInRangeHover(date, event), onPointerLeave: (event) => this.removeInRangeHover(event) }, h("div", { class: this.getDateClasses(date), onClick: () => this.handleDateSelection(date) }, date.getDate()))), this.nextMonthPreviewDates.map((date) => h("div", { class: "date-container" }, h("div", { class: "preview-date" }, date))))));
+        return (h(Host, { key: 'b1b491fe54c7046ee285c0911cabf0bdf4ec8291' }, h("div", { key: '494cd2871d49908330b825e565050fa577b42af8', class: "weekday-header" }, this.days.map((day) => h("div", { class: "day" }, day))), h("div", { key: '3190afd029f2c40bb1f265de046febedd42958a5', class: "month-dates" }, this.previousMonthPreviewDates.map((date) => h("div", { class: "date-container" }, h("div", { class: "preview-date" }, date.getDate()))), this.monthDates.map(date => h("div", { class: this.getDateContainerClasses(date), onPointerEnter: (event) => this.setInRangeHover(date, event), onPointerLeave: (event) => this.removeInRangeHover(event) }, h("div", { class: this.getDateClasses(date), onClick: () => this.handleDateSelection(date) }, date.getDate()))), this.nextMonthPreviewDates.map((date) => h("div", { class: "date-container" }, h("div", { class: "preview-date" }, date))))));
     }
     static get is() { return "tet-datepicker-month-view"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/simple/inputs/tet-datepicker/partials/tet-datepicker-multi-year-view/tet-datepicker-multi-year-view.js

@@ -32,7 +32,7 @@ export class TetDatepickerMultiYearView {
         return { year: true, current: year === currentYear, selected: this.isSelectedYear(year) };
     };
     render() {
-        return (h("div", { key: 'efdabf6bffb2b4f3f5df2684d47963e02835d0d4', class: "container" }, this.years.map((year) => h("div", { class: this.getYearClasses(year), onClick: () => this.handleYearSelection(year) }, year))));
+        return (h("div", { key: '7377ae66b1866828ae4c7389f6a8fef5968f9c02', class: "container" }, this.years.map((year) => h("div", { class: this.getYearClasses(year), onClick: () => this.handleYearSelection(year) }, year))));
     }
     static get is() { return "tet-datepicker-multi-year-view"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/simple/inputs/tet-datepicker/partials/tet-datepicker-year-view/tet-datepicker-year-view.js

@@ -39,7 +39,7 @@ export class TetDatepickerYearView {
         };
     };
     render() {
-        return (h("div", { key: '7778b248d21b091fd81004289881bf9df1be4e72', class: "container" }, this.months.map((month, index) => h("div", { class: "month-container" }, h("div", { class: this.getMonthClasses(index), onClick: () => this.handleMonthSelection(index) }, month)))));
+        return (h("div", { key: '73f7dcc77f968a02e4940d59dc66d1355c1a1f3d', class: "container" }, this.months.map((month, index) => h("div", { class: "month-container" }, h("div", { class: this.getMonthClasses(index), onClick: () => this.handleMonthSelection(index) }, month)))));
     }
     static get is() { return "tet-datepicker-year-view"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/simple/inputs/tet-datepicker/tet-datepicker.js

@@ -100,10 +100,10 @@ export class TetDatepicker {
         return { overlay: true, closed: !this.isOpen, 'overlay-effect': this.overlayEffect };
     };
     render() {
-        return (h("div", { key: '6ae7b756b5f23482bea033d050227dcef1ad4d6c', class: this.getOverlayClasses(), onClick: this.handleDatepickerClose }, h("div", { key: 'f4441b88e86a1588f93c73e45ca6e85eee52e97d', class: "container", ref: (el) => this.datepickerContainer = el }, h("tet-datepicker-header", { key: '13acf8b985cd65ead32626662ea5297293086d00', selectedDate: this.date, internalDate: this.internalDate, locale: this.locale, datepickerView: this.datepickerView }), this.datepickerView === 'month' &&
-            h("tet-datepicker-month-view", { key: '2652c0a0c93c0aac4fb30fb80370b78d86aae950', selectedDate: this.date, internalDate: this.internalDate, rangePickerMode: this.rangePickerMode, rangeDates: this.rangeDates }), this.datepickerView === 'multi-year' &&
-            h("tet-datepicker-multi-year-view", { key: '16997e8769686d869348dd8db31a2993f0121223', selectedDate: this.date, internalDate: this.internalDate }), this.datepickerView === 'year' &&
-            h("tet-datepicker-year-view", { key: '2f05cba48e695b6ebce8bbbd2f970be9dae2b897', selectedDate: this.date, internalDate: this.internalDate }))));
+        return (h("div", { key: 'e5b9ccfd885e84bd52ba03cc2c7242eac468babf', class: this.getOverlayClasses(), onClick: this.handleDatepickerClose }, h("div", { key: '9740a03c10b7689260fe9530754930eff23300d5', class: "container", ref: (el) => this.datepickerContainer = el }, h("tet-datepicker-header", { key: '7b8f89b88b9cd42daecdd462c744a6b28d0067b5', selectedDate: this.date, internalDate: this.internalDate, locale: this.locale, datepickerView: this.datepickerView }), this.datepickerView === 'month' &&
+            h("tet-datepicker-month-view", { key: '53669a03cfcf463dc78381d8b3c7eef23defc215', selectedDate: this.date, internalDate: this.internalDate, rangePickerMode: this.rangePickerMode, rangeDates: this.rangeDates }), this.datepickerView === 'multi-year' &&
+            h("tet-datepicker-multi-year-view", { key: 'c82fbeb9699fc13a81bab573133c73815fb2ef77', selectedDate: this.date, internalDate: this.internalDate }), this.datepickerView === 'year' &&
+            h("tet-datepicker-year-view", { key: 'a3bd26adbc20b7b7d0509995e34dbc193c3439d9', selectedDate: this.date, internalDate: this.internalDate }))));
     }
     static get is() { return "tet-datepicker"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/simple/inputs/tet-number-input/tet-number-input.js

@@ -271,8 +271,8 @@ export class TetInput {
      */
     render() {
         const { label, helperText, value, disabled, error, completed, isOpen, suffix } = this;
-        return (h("div", { key: '9f70e74eb50034fb410488bd230371af4307e9bc', class: { 'number-input': true, [this.theme]: !!this.theme,
-                'disabled': disabled, 'error': error, 'completed': completed } }, !!label && (h("label", { key: '8b9f59e6efca2fd50950ed357f4665c169a1d387', class: "number-input__label", htmlFor: "number-input" }, label)), h("div", { key: 'af0882ea66fff62c3997b1af6fc271a67b984b17', class: "number-input__input-container", onKeyDown: this.handleContainerKeydown, ref: (divElement) => (this.inputWrapperElement = divElement) }, h("input", { key: '6a5d4fd507579bc223feed9d55e73b30b522b5f3', onFocusin: () => this.toggleKeyboardFocus(true), onFocusout: () => this.toggleKeyboardFocus(false), ref: (htmlInputElement) => (this.inputElement = htmlInputElement), class: { 'number-input__input': true, 'number-input__input--hidden': this.isValueHidden }, disabled: disabled, value: value, type: "number", id: "number-input", ...(this.accessibilityLabel ? { "aria-label": this.accessibilityLabel } : {}) }), h("div", { key: 'e3d2b55276b476d212cdd65d31d548d2b8362141', ref: (htmlInputElement) => (this.inputElementHidden = htmlInputElement), class: "number-input__input-invisible" }, value), !!suffix && h("div", { key: 'cb98dbc2a2cdcf4a5549c28f0e649cf885c9d613', class: "number-input__input-suffix" }, suffix.name), !!this.suffixes && this.suffixes.length > 1 && (h("tet-button", { key: '83f5a578e7d14999ce98ef0c40c8b68d26443e1c', type: "ghost", size: "small", ref: (element) => (this.chevronElement = element), class: { 'number-input__cheveron': true }, onClick: this.onChevronClick, "accessibility-label": this.buttonAccessibilityLabel, tabindex: "-1" }, !isOpen && h("tet-icon", { key: '3be71c0525e8ff5ecd71023594e93d45f55ac625', name: "chevron-down" }), isOpen && h("tet-icon", { key: '1b26237159f3441c6ffbcacab48cfa6e6c63ea88', name: "chevron-up" }))), isOpen && (h("div", { key: 'a408617afcc9060e7dc7961c2f2baef0c241ca48', class: "number-input__dropdown", ref: (htmlDivElement) => (this.dropdownElement = htmlDivElement) }, this.renderDropdownContent()))), !!helperText && h("div", { key: '2d10e5aa773cbecadf0df52b639cefa63eab2dca', class: "number-input__helper-text" }, helperText)));
+        return (h("div", { key: 'aff9033956392355a61367bea1afdfc86f7916b2', class: { 'number-input': true, [this.theme]: !!this.theme,
+                'disabled': disabled, 'error': error, 'completed': completed } }, !!label && (h("label", { key: 'e200f94e2b8edc549ab81b01d8df13ce445f66ec', class: "number-input__label", htmlFor: "number-input" }, label)), h("div", { key: '21953f490b213df531f852216a1215deeb0e9015', class: "number-input__input-container", onKeyDown: this.handleContainerKeydown, ref: (divElement) => (this.inputWrapperElement = divElement) }, h("input", { key: '6753a74dc9405a05691d469ff3a67f20a0d29497', onFocusin: () => this.toggleKeyboardFocus(true), onFocusout: () => this.toggleKeyboardFocus(false), ref: (htmlInputElement) => (this.inputElement = htmlInputElement), class: { 'number-input__input': true, 'number-input__input--hidden': this.isValueHidden }, disabled: disabled, value: value, type: "number", id: "number-input", ...(this.accessibilityLabel ? { "aria-label": this.accessibilityLabel } : {}) }), h("div", { key: '9e9d1e23f7fa408cfc25ec0b82afd0fa21c773aa', ref: (htmlInputElement) => (this.inputElementHidden = htmlInputElement), class: "number-input__input-invisible" }, value), !!suffix && h("div", { key: 'afea33feebfad930c1689d8f51e109060af6e427', class: "number-input__input-suffix" }, suffix.name), !!this.suffixes && this.suffixes.length > 1 && (h("tet-button", { key: '19945ff02d22ed5aab2c918603f698934a6f5c53', type: "ghost", size: "small", ref: (element) => (this.chevronElement = element), class: { 'number-input__cheveron': true }, onClick: this.onChevronClick, "accessibility-label": this.buttonAccessibilityLabel, tabindex: "-1" }, !isOpen && h("tet-icon", { key: '6ac968ec21f0d75229543daf06033abaf0847dc6', name: "chevron-down" }), isOpen && h("tet-icon", { key: '15fa9d12aac8e3fed67d55c126c5c66e81005a0c', name: "chevron-up" }))), isOpen && (h("div", { key: '201ea39c49f987cbb4c7693c832f17321bb73a62', class: "number-input__dropdown", ref: (htmlDivElement) => (this.dropdownElement = htmlDivElement) }, this.renderDropdownContent()))), !!helperText && h("div", { key: '5101e8c6d829aa4a064453482c41cbd0abcc2a8d', class: "number-input__helper-text" }, helperText)));
     }
     static get is() { return "tet-number-input"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/simple/inputs/tet-range-slider/tet-range-slider.js

@@ -760,31 +760,31 @@ export class TetRangeSlider {
         return dataListItem;
     };
     render() {
-        return (h(Host, { key: 'dccd6b29d2a7ac988b5ee83a2749e079d380c1fa' }, h("div", { key: 'e34ae638f1b838d895544869f68bf2c2f2134090', class: {
+        return (h(Host, { key: '76aed155968d7eb8690e65d7b7652d13db2b5b10' }, h("div", { key: 'd1dd633e0aefb5fc226b8ccf819c11df85b82b68', class: {
                 'range-slider': true,
                 [`range-slider--${this.containerSize}`]: true,
                 [`range-slider--${this.type}`]: true,
                 'range-slider--no-controls': !this.withControls,
                 'range-slider--no-input': !this.withInput,
                 [this.theme]: true,
-            } }, h("div", { key: '4aa0a65262612591644b1f368aa8f82d61a8eba1', class: {
+            } }, h("div", { key: '4a1836915825be6c6044e5169aeb75346564e24c', class: {
                 'range-slider__input-container': true,
                 'hidden': !this.withInput,
-            } }, h("tet-input", { key: '2aab924c63a3cf8de9cb0b5d97239d4d4c30d0b6', "input-class": "range-slider__input", "input-type": "number", "input-value": this.currentValue, ref: inputEl => (this.inputRef = inputEl), theme: this.theme, onInput: this.onInputChange, onKeyDown: (event) => this.onInputKeyDown(event, true), accessibilityLabel: this.numberInputAccessibilityLabel, ...(this.containerSize !== 'large' ? { inputTabindex: 3 } : {}) })), h("div", { key: '67de954a39172fdfdbbbf0f59752b6238a8d357a', class: "range-slider__container" }, h("tet-button", { key: 'dfd716d01b61be6cec16f68d6ddac0e989968301', theme: this.theme, iconMode: true, class: {
+            } }, h("tet-input", { key: 'e48227fccec3eb5fd50b7c18aaf2e16f910925ed', "input-class": "range-slider__input", "input-type": "number", "input-value": this.currentValue, ref: inputEl => (this.inputRef = inputEl), theme: this.theme, onInput: this.onInputChange, onKeyDown: (event) => this.onInputKeyDown(event, true), accessibilityLabel: this.numberInputAccessibilityLabel, ...(this.containerSize !== 'large' ? { inputTabindex: 3 } : {}) })), h("div", { key: '111220fc99122cd34fe7f1192f02594e5ba45363', class: "range-slider__container" }, h("tet-button", { key: '29410b00818247cb30cb086dd6e9172b5bcff1bb', theme: this.theme, iconMode: true, class: {
                 'range-slider__control': true,
                 'range-slider__control--left': true,
                 'hidden': !this.withControls,
-            }, clickCallback: this.onControlPreviousClick, ...(this.reduceButtonAccessibilityLabel ? { accessibilityLabel: this.reduceButtonAccessibilityLabel } : {}), ...(this.containerSize !== 'large' ? { tabindex: 2 } : {}) }, h("tet-icon", { key: '9f1be2ccd8b9cabf2e45054f1afd97594983efec', name: "remove", class: "range-slider__control--icon" })), h("div", { key: 'b4b4705dba5d7e09c924c101f43df08840876d7d', onTouchStart: this.onContainerTouchStart, onTouchEnd: this.onContainerTouchEnd, onMouseDown: this.onContainerMouseDown, onScroll: this.onContainerScroll, ref: sliderContainerEl => (this.sliderContainerRef = sliderContainerEl), class: "range-slider__slider-container", draggable: false }, h("div", { key: '923de5d0ca0a80114e72a9eaa5652eb1edd5e0fd', class: "range-slider__slider-wrapper" }, h("input", { key: 'fcd92978d3cb9989252bc61e14920cc1003a4a9d', ref: sliderEl => (this.sliderRef = sliderEl), type: "range", min: this.minValue, max: this.maxValue, step: this.step, value: this.defaultValue, list: "steplist", id: "rangeInput", onInput: this.onSliderInput, onChange: this.onSliderChange, onPointerDown: this.onSliderPointerDown, onPointerUp: this.onSliderPointerUp, onKeyDown: this.onInputKeyDown, class: "range-slider__slider", ...(this.sliderInputAccessibilityLabel ? { "aria-label": this.sliderInputAccessibilityLabel } : {}), ...(this.containerSize !== 'large' ? { tabindex: 1 } : {}) })), h("div", { key: 'e89e1d91e96af85629e63ca7a72f3d5b65821d9a', class: "range-slider__track range-slider__track--background" }), h("div", { key: '7fcc9b6ead36e89a0b5f395f8e50047055dbb37c', ref: progressTrackEl => (this.progressTrackRef = progressTrackEl), class: "range-slider__track range-slider__track--progress" }), h("div", { key: 'b784dcd65d942920d4f6f73bca7dc95f3e480ec6', ref: tickContainerEl => (this.tickContainerRef = tickContainerEl), class: "range-slider__tick-container" }), h("div", { key: '70531a559eda8c1901e77de1b6abb85ffb9e2f9e', ref: dataLabelEl => (this.dataLabelRef = dataLabelEl), class: {
+            }, clickCallback: this.onControlPreviousClick, ...(this.reduceButtonAccessibilityLabel ? { accessibilityLabel: this.reduceButtonAccessibilityLabel } : {}), ...(this.containerSize !== 'large' ? { tabindex: 2 } : {}) }, h("tet-icon", { key: '0838eb812c936ec66d6fb87838f9b0ca3555c5f0', name: "remove", class: "range-slider__control--icon" })), h("div", { key: 'b8e60061611b0e0454901963d44807ce50ef1871', onTouchStart: this.onContainerTouchStart, onTouchEnd: this.onContainerTouchEnd, onMouseDown: this.onContainerMouseDown, onScroll: this.onContainerScroll, ref: sliderContainerEl => (this.sliderContainerRef = sliderContainerEl), class: "range-slider__slider-container", draggable: false }, h("div", { key: '367066c442a3d9280f4e76ace9a3cc8e6c574416', class: "range-slider__slider-wrapper" }, h("input", { key: '710e47df36a191322d9464ae21a2b161a2154ecc', ref: sliderEl => (this.sliderRef = sliderEl), type: "range", min: this.minValue, max: this.maxValue, step: this.step, value: this.defaultValue, list: "steplist", id: "rangeInput", onInput: this.onSliderInput, onChange: this.onSliderChange, onPointerDown: this.onSliderPointerDown, onPointerUp: this.onSliderPointerUp, onKeyDown: this.onInputKeyDown, class: "range-slider__slider", ...(this.sliderInputAccessibilityLabel ? { "aria-label": this.sliderInputAccessibilityLabel } : {}), ...(this.containerSize !== 'large' ? { tabindex: 1 } : {}) })), h("div", { key: '2485d1adf51757deae41a3058aec5cc32b545d32', class: "range-slider__track range-slider__track--background" }), h("div", { key: '3594922cb62ecbe9ef2baedfc11434cb3a8c6d1d', ref: progressTrackEl => (this.progressTrackRef = progressTrackEl), class: "range-slider__track range-slider__track--progress" }), h("div", { key: 'a4beda4fad2be4e91a47f484590f283568f97b02', ref: tickContainerEl => (this.tickContainerRef = tickContainerEl), class: "range-slider__tick-container" }), h("div", { key: 'c2dc1d19fa1c41287d3e0596722d05d452b23ee8', ref: dataLabelEl => (this.dataLabelRef = dataLabelEl), class: {
                 'range-slider__data-label-container': true,
                 'hidden': this.type === 'secondary' && this.containerSize === 'small',
-            } })), h("div", { key: 'd410fe70d3242b7ecb1f039aa0a78e11d94ee9c2', class: {
+            } })), h("div", { key: '5e7f78380c403e9daec86a23406a5bbde965e8fa', class: {
                 'range-slider__current-step-container': true,
                 'hidden': !this.withCurrentStepCounter,
-            } }, h("div", { key: '5c9dafa086aa4f22193b966174c9c081f56ad035', class: "range-slider__current-step", "aria-live": "polite" }, this.dataSet.indexOf(this.getClosestOverrideDataPoint()) + 1, "/", this.dataPoints.length)), h("div", { key: 'eed8bc77c25b5a4e000f7ffe7e66906bc9c42a62', ref: toolbarHandleEl => (this.tooltipHandleRef = toolbarHandleEl), class: "range-slider__tooltip-handle" }, h("div", { key: 'dcf40b3e98fedcd03a0c0a43c5175f77ed2e7065', class: "range-slider__tooltip translation-none", style: { [`--tooltip-offset`]: `${this.tooltipOffset}rem` }, "aria-live": "polite" }, this.getTooltipValue())), h("tet-button", { key: '2dff72a4e28db95a3999041c7dbda37de8c9d17d', theme: this.theme, iconMode: true, class: {
+            } }, h("div", { key: '613264c515c64f53db00ad4c3fa65bb3629aee3a', class: "range-slider__current-step", "aria-live": "polite" }, this.dataSet.indexOf(this.getClosestOverrideDataPoint()) + 1, "/", this.dataPoints.length)), h("div", { key: '33be35b14e63989d9291067746e4f6a396d611de', ref: toolbarHandleEl => (this.tooltipHandleRef = toolbarHandleEl), class: "range-slider__tooltip-handle" }, h("div", { key: 'cc9b8610015d85f2a9a4a9c9f180a33a98e8ee3c', class: "range-slider__tooltip translation-none", style: { [`--tooltip-offset`]: `${this.tooltipOffset}rem` }, "aria-live": "polite" }, this.getTooltipValue())), h("tet-button", { key: 'c4146beab36ee57b4ab9622705a03316bd5d8950', theme: this.theme, iconMode: true, class: {
                 'range-slider__control': true,
                 'range-slider__control--right': true,
                 'hidden': !this.withControls,
-            }, clickCallback: this.onControlNextClick, ...(this.addButtonAccessibilityLabel ? { accessibilityLabel: this.addButtonAccessibilityLabel } : {}), ...(this.containerSize !== 'large' ? { tabindex: 4 } : {}) }, h("tet-icon", { key: 'a1d712ff41efa60c2a182725a6f1cd9c5c195dd5', name: "add", class: "range-slider__control--icon" }))))));
+            }, clickCallback: this.onControlNextClick, ...(this.addButtonAccessibilityLabel ? { accessibilityLabel: this.addButtonAccessibilityLabel } : {}), ...(this.containerSize !== 'large' ? { tabindex: 4 } : {}) }, h("tet-icon", { key: '7c2b7f0ad49c459927f6cb039eefba8a14a4f21e', name: "add", class: "range-slider__control--icon" }))))));
     }
     static get is() { return "tet-range-slider"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/simple/inputs/tet-stepper-input/tet-stepper-input.js

@@ -129,7 +129,7 @@ export class TetStepperInput {
      */
     render() {
         const { onMinusClick, value, onPlusClick } = this;
-        return (h("div", { key: 'c8504eeaeb4075423232d160da6a43e638703915', class: { 'stepper-input': true, [this.theme]: !!this.theme } }, h("tet-button", { key: '8fd6c9fbe743b663b5b38f24772e9dcd6fdf5fd1', type: "secondary", iconMode: true, theme: this.theme, size: 'small', accessibilityLabel: t('components-number-input-decrease'), onKeyDown: this.handleOptionKeydown(onMinusClick), onClick: onMinusClick }, h("tet-icon", { key: '3bffe75233944136e1c92c0166534cd0d1c3cea1', name: "remove" })), h("input", { key: 'b0796a025639c73916fdb2bb6a549ff377278ac8', ref: (htmlInputElement) => (this.inputElement = htmlInputElement), class: "stepper-input__value", value: value, type: "number", ...(this.accessibilityLabel ? { "aria-label": this.accessibilityLabel } : {}) }), h("tet-button", { key: '7e7535c652788f4efc59d7d2413c4b326c159e76', type: "secondary", iconMode: true, theme: this.theme, size: 'small', accessibilityLabel: t('components-number-input-increase'), onKeyDown: this.handleOptionKeydown(onPlusClick), onClick: onPlusClick }, h("tet-icon", { key: '03fc4a97f9083a2d46fbdfd253b28333ef821adb', name: "add" }))));
+        return (h("div", { key: '4a0f69091a5fa08683b073959633e5a679503f17', class: { 'stepper-input': true, [this.theme]: !!this.theme } }, h("tet-button", { key: '37ad65e085ef449fde1fa501a6a7d4d452e1ffec', type: "secondary", iconMode: true, theme: this.theme, size: 'small', accessibilityLabel: t('components-number-input-decrease'), onKeyDown: this.handleOptionKeydown(onMinusClick), onClick: onMinusClick }, h("tet-icon", { key: '93cca3513415dee72ff42f39ea6ee94fbf4720c4', name: "remove" })), h("input", { key: '945b28f1fe2caedbf43d182d2f5141043d0c6384', ref: (htmlInputElement) => (this.inputElement = htmlInputElement), class: "stepper-input__value", value: value, type: "number", ...(this.accessibilityLabel ? { "aria-label": this.accessibilityLabel } : {}) }), h("tet-button", { key: '682bba1530f05491d7c36609b5155a9696bbcdd9', type: "secondary", iconMode: true, theme: this.theme, size: 'small', accessibilityLabel: t('components-number-input-increase'), onKeyDown: this.handleOptionKeydown(onPlusClick), onClick: onPlusClick }, h("tet-icon", { key: '0d4153521c35de96ff8d2413a0151532f1b34741', name: "add" }))));
     }
     static get is() { return "tet-stepper-input"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/simple/inputs/tet-textarea/tet-textarea.js

@@ -59,8 +59,8 @@ export class TetTextarea {
             'error': (errorMessages.length > 0),
             'keyboard-focus': this.focusVisible,
         };
-        return (h(Host, { key: '1e7ed221acd7492155cf21d5aa00d3b113940aaa' }, h("label", { key: '9ebfc3d6f8819bf55bd0c688cab9ac7d55826d7c', class: { [`${theme}`]: true } }, label &&
-            h("span", { key: 'a66d2a6509d8a3e35f91e73f56124e73b2f70088', class: { 'tet-textarea__label': true, [`tet-textarea__${theme}`]: true } }, label), h("div", { key: 'bc1d64c62d08e1bc1d6cc0a53f7fb5535d5d729f', class: { 'textarea-container': true, [`tet-textarea__${theme}`]: true } }, h("textarea", { key: '0071f57f0c82380a5af4574f083d74e35a614dcc', onFocus: this.addKeyboardFocus, onFocusout: this.removeKeyboardFocus, id: "textarea", class: textareaClasses, placeholder: placeholder, disabled: disabled, autocomplete: "off", ref: (el) => (this.textareaHtmlElement = el), maxlength: maxLength }, value))), (this.errorMessages.length > 0) && renderErrorMessages()));
+        return (h(Host, { key: '8d3dcdaafb303e7aceb6aaa4ffa8bbae06109f44' }, h("label", { key: 'ab85baaf318757fce005b69349bb430d35fd474d', class: { [`${theme}`]: true } }, label &&
+            h("span", { key: 'f48f426a399187ccf6fa56b77552e1e4b1f4d191', class: { 'tet-textarea__label': true, [`tet-textarea__${theme}`]: true } }, label), h("div", { key: '0ec9c8e9ba0e2d9085bca36c186c6e9128c157cf', class: { 'textarea-container': true, [`tet-textarea__${theme}`]: true } }, h("textarea", { key: '4a9ef73557332df4f0f6bd89b355d202e868a11e', onFocus: this.addKeyboardFocus, onFocusout: this.removeKeyboardFocus, id: "textarea", class: textareaClasses, placeholder: placeholder, disabled: disabled, autocomplete: "off", ref: (el) => (this.textareaHtmlElement = el), maxlength: maxLength }, value))), (this.errorMessages.length > 0) && renderErrorMessages()));
     }
     static get is() { return "tet-textarea"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/simple/lists/tet-link-card-list/tet-link-card-list.js

@@ -48,7 +48,7 @@ export class TetLinkCardList {
     }
     render() {
         const { theme, layout, items } = this;
-        return (h(Host, { key: '252c90a7ec6a970d25d41995cd1cdba6b85dc6b9' }, h("ul", { key: 'afc67f195e7e117bd528d549e077b7b7eca02d07', class: `link-card-list link-card-list--${theme} link-card-list--${layout}` }, items?.length
+        return (h(Host, { key: '85a83caa2f56336b3a48f95cd3d4268e8f2bf561' }, h("ul", { key: '49e08326a63041ec25ce0171ea1f05572a7bfbcc', class: `link-card-list link-card-list--${theme} link-card-list--${layout}` }, items?.length
             ? items.map(this.renderListItem.bind(this))
             : this.renderPlaceholders())));
     }

package/dist/collection/components/simple/lists/tet-news-card-list/tet-news-card-list.js

@@ -68,7 +68,7 @@ export class TetNewsCardList {
             scrollFullWidth,
             controlScrollAmount,
         };
-        return (h(Host, { key: '666f4a8b608a4e836a06d5c6452dde2a65d1065f' }, h("tet-card-list", { key: 'cefeeb76b95c28aaa8a02f4320a7f66f60e00d79', theme: this.theme, part: "card-list-component", exportparts: "card-list, card-list-container", withOverflowOpacity: true, ...props }, this.items.map((item, index) => this.renderListCard(item, index)))));
+        return (h(Host, { key: '117469f6625a6d983fe2450bddf4921f43013d60' }, h("tet-card-list", { key: '43ced0d360601c08587baae5359dcdff84185cd6', theme: this.theme, part: "card-list-component", exportparts: "card-list, card-list-container", withOverflowOpacity: true, ...props }, this.items.map((item, index) => this.renderListCard(item, index)))));
     }
     static get is() { return "tet-news-card-list"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/simple/menu/tet-menu/tet-menu.js

@@ -211,7 +211,7 @@ export class TetMenu {
     }
     render() {
         const { type } = this;
-        return (h(Host, { key: '0fe5c4304b5a4217f5d05ac72db0d3cac16972fd' }, h("div", { key: 'e0832a833f219d198dbc6851a00edb0fc23b1228', class: {
+        return (h(Host, { key: 'b0ebc6074b9aad20c810cd93ba74af60916bf2bf' }, h("div", { key: '2f8746c305620c110249f556b95666e6b656ad3b', class: {
                 menu: true,
                 menu__main: type === 'main',
                 menu__language: type === 'language',

package/dist/collection/components/simple/menu/tet-menu-mobile/tet-menu-mobile.js

@@ -120,7 +120,7 @@ export class TetMenuMobile {
         return (h("tet-icon", { class: "menu__chevron", name: this.subMenuState.includes(key) ? "chevron-up" : "chevron-down", theme: this.darkMode ? "dark" : "light" }));
     }
     render() {
-        return (h(Host, { key: '331e96c59c0b83cbb31e6ecbc03aeebc11f15f9e' }, h("div", { key: '34a5902ed0a5fdcdbafeb5001d25c100a04c51b2', class: {
+        return (h(Host, { key: '738fe94f4d89172e0c5e84cb3bfe54c5ee4042ee' }, h("div", { key: '113554a87b2baff0d70a35f65bc539ee94d0fdbd', class: {
                 'menu': true,
                 'menu--expanded': this.isExpanded,
                 'menu--active': this.isActive,