@tet/tet-components 1.4.14-testing → 1.4.15-production

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

@@ -109,7 +109,7 @@ export class TetCompareCards {
         ])));
     };
     render() {
-        return (h(Host, { key: '38a8fa82767ef9cb7107b2b25b9219a6d44fd4a1', class: {
+        return (h(Host, { key: 'b66bd7bb62e8b830858b87bab1792dbe812ae806', class: {
                 'must-initialize': true,
                 'initialized': this.initializedState
             } }, this.showLoader ? (this.renderLoader()) : (h("div", { class: {

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

@@ -185,7 +185,7 @@ export class TetTabCompareCards {
         return (h("div", { class: "tet-compare-cards-tab__content" }, h("tet-compare-cards", { theme: this.theme, "dark-mode": this.darkMode, "is-netflix-card": this.isNetflixCard, layout: this.layout, "force-column": this.forceColumn, "vat-text": vatText ?? false, "card-script": cardScript ?? false, data: cardsWithAddedSACData })));
     }
     render() {
-        return (h(Host, { key: 'bc53a743cb375841610d8102e0ee733d0160d5a5' }, h("div", { key: '1255e9af2f522d16495c5d4e9f798a86889b9f1b', class: "tet-compare-cards-tab-wrapper" }, this.withProductFilters ? this.renderProductFilters() : '', this.renderTabHeader(this.data, 1), this.renderLoader(), h("div", { key: '29549cea0635e39ca47f2e3facfa6f1332b4d2ae', class: {
+        return (h(Host, { key: '1cc02fef647418f377caab5a9481fb0d6a0afdf1' }, h("div", { key: 'c72ed1b59c1895953ba1ed2e1863415139af9e18', class: "tet-compare-cards-tab-wrapper" }, this.withProductFilters ? this.renderProductFilters() : '', this.renderTabHeader(this.data, 1), this.renderLoader(), h("div", { key: 'e6375a16a2c8700d96e87b7d26228108d5ed1844', class: {
                 'tet-compare-cards-tab__cards': true,
                 'hidden': this.showLoader
             } }, this.productDataLoaded ? this.renderContent(this.data, 1) : ''))));

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

@@ -213,10 +213,10 @@ export class TetDynamicCard {
         return (h("div", { class: "button", part: "button" }, h("tet-button", { ...buttonProps, ref: elm => { this.buttonRef = elm; } }, this.linkText)));
     }
     render() {
-        return (h(Host, { key: '23d0fae51349f7f4c3dcd342b9732dbb1c2e6036', class: {
+        return (h(Host, { key: '3a8ae2eda222131be32fd559252816b300505fdc', class: {
                 'dynamic-card': true,
                 'is-focused': this.isFocused
-            }, "data-index": this.index, ref: (elm) => { this.rootElementRef = elm; } }, h("div", { key: 'e5283832f448124bfdbfd7f6765e1b20a7627fad', class: `card
+            }, "data-index": this.index, ref: (elm) => { this.rootElementRef = elm; } }, h("div", { key: 'b88366d598d34e7ad1a57fa8c130dc6e65ca250d', class: `card
             theme-${this.theme}
             size-${this.currentSize}
             position-${this.pictureLayoutShiftPosition}
@@ -224,7 +224,7 @@ export class TetDynamicCard {
           `, onClick: this.handleClick, onKeyUp: (event) => {
                 if (event.key === 'Enter')
                     this.handleClick(event);
-            }, tabindex: 0, part: "card", "aria-labelledby": this.cardTitle }, h("div", { key: '3b26fc9735bd1d8eeb50b60f3a07282ef6dd6f74', class: "image", part: "image" }, h("slot", { key: '6ec4118636b04931b9f3be78de59e06e893f05da', name: "image" }), this.renderPrice(), this.renderTags()), h("div", { key: '946261cb86dc0f3e4bce5b37cae62c9173d7ccc4', class: "content-container" }, h("div", { key: '31970f3e1d755937b5267e39e5bd8c7a075fbd11', class: "content", part: "content" }, this.cardTitle && (h("h3", { key: 'ff925d30fedd3df5faa0bc0e3c947d56b52c19a2', class: "title", part: "title" }, this.cardTitle)), this.subtitle && (h("p", { key: '0cbfd754a83eda6dd46c7a98687214fc3a6a444f', class: "subtitle", part: "subtitle" }, this.subtitle))), this.renderButton()))));
+            }, tabindex: 0, part: "card", "aria-labelledby": this.cardTitle }, h("div", { key: '49ca83fdf2355fda43363b1d4a6328dd910cd379', class: "image", part: "image" }, h("slot", { key: 'ad38a705e1cff5f9374955537e452e0e13eba101', name: "image" }), this.renderPrice(), this.renderTags()), h("div", { key: '345faadbf890e5da4a5ffcb5d7332527aefb006d', class: "content-container" }, h("div", { key: 'a81a72ee572878fe5ed2eb72541d43c81d54b898', class: "content", part: "content" }, this.cardTitle && (h("h3", { key: 'c2df6b9a989a0c71071f9182a5a4e0de9c8bde15', class: "title", part: "title" }, this.cardTitle)), this.subtitle && (h("p", { key: '4d3d766cc1c90ec3479e947399b140825b1feaf3', class: "subtitle", part: "subtitle" }, this.subtitle))), this.renderButton()))));
     }
     static get is() { return "tet-dynamic-card"; }
     static get encapsulation() { return "shadow"; }

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

@@ -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: '50e0a65cc0191e2a3f5efb9eabdbb37c721c5c80' }, h("div", { key: '0d1fa5ad8a7837c828036deae6d705a452d3a3af', class: { wrapper: this.showLoader && this.singleLoader, 'dark-theme': this.darkTheme } }, this.showLoader && this.singleLoader
+        return (h(Host, { key: '9a64e2582b115cfb32f37bf3394e617b14df85f0' }, h("div", { key: 'b0e0a3c11b77fb6c42dc11e1206dea39459ace8b', 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: 'c9b80036efa4a57999dd01cc35ed81e504d826ec' }, h("div", { key: 'e7e897755b683cafa05e6d874a069b0fc0dfc2db', class: "wrapper" }, h(ThemeWrapper, { key: '9a14402b4cc778ddaf14335aedf549378b42e86e', theme: this.theme }, h("div", { key: '228b119f33fc6b14809a6e3ddf9c88d2bf206ee6', class: "image-container" }, h("img", { key: 'c0610c9308dc53c000036de5ff9d5daecb75acef', src: t('components-referral-image-url'), alt: "" })), h("div", { key: '17483440848bbbd420f84d80995550a86f845db3', class: "subtitle-container" }, t('components-referral-subtitle')), h("div", { key: 'd4df9e76e1e9492a4e51f74854834c53314aa021', class: "description-container", innerHTML: t('components-referral-description') }), h("div", { key: 'f82cd0f3bc11dddea5568e1be7803cad8db05d65', class: "referral-block" }, h("div", { key: 'bcee57ffcec9349da4032564c9ac0e2d53154f28', class: "url-wrapper" }, h("div", { key: '956c61f2b6446cf3874cc13886b44c59c9e0d34b', class: "referral-url" }, this.getReferralUrl()), h("div", { key: 'a7b9156563925675687245b1751417f8c41fadd5' }, h("div", { key: '5d66d26adb6a643838defe587a7ccbe9242c59e4', class: "button-wrapper" }, h("tet-tooltip", { key: '105a904ffe98a602f487ec5bf75f13f6b94cd3a6', theme: this.theme, class: "tooltip", doNotShowOnHover: true, ref: (el) => {
+        return (h(Host, { key: 'abbf56fd130bb59ad0533438c283dcbc0ee26764' }, h("div", { key: '787af0482281d7907bc59d29ce77bf4e2e7d2f1c', class: "wrapper" }, h(ThemeWrapper, { key: '0b29ca36046cff446e6ca10b533e9f29047f8f2a', theme: this.theme }, h("div", { key: 'e5a50fcbeae2888826337035f39ca69514f4a632', class: "image-container" }, h("img", { key: '5c70198bdb7be673cd425e6d5da4f0a0f107d85b', src: t('components-referral-image-url'), alt: "" })), h("div", { key: '9a0da10949344c389a503c2563e5b6fa6ef5ddd8', class: "subtitle-container" }, t('components-referral-subtitle')), h("div", { key: '6709ed0d2bcc8cb770905e561db45489fb3f5cd4', class: "description-container", innerHTML: t('components-referral-description') }), h("div", { key: 'b155bb56eccfb9a5d8491a19061cdd019fb0d982', class: "referral-block" }, h("div", { key: '854f2eebb86543290f7ff32e8acf4664879c2808', class: "url-wrapper" }, h("div", { key: '7321fea41140ed86be262496ed3788490eaca918', class: "referral-url" }, this.getReferralUrl()), h("div", { key: 'fe0abd3ee855227ba08a09024bfe133d6bc656e5' }, h("div", { key: '9c96752470441b5be95278350b99d74dc664873b', class: "button-wrapper" }, h("tet-tooltip", { key: 'dc2ef9913867d993c91a4bd9f12593998e39939a', theme: this.theme, class: "tooltip", doNotShowOnHover: true, ref: (el) => {
                 this.tooltip = el;
-            } }, t('components-referral-tooltip')), h("tet-button", { key: '92bd1cd286b17aea8ee28b753216f4ee8f8c2073', clickCallback: this.copyToClipBoard, type: "primary", theme: this.theme }, t('components-referral-copy-button-label'))))))))));
+            } }, t('components-referral-tooltip')), h("tet-button", { key: '097c6164de76d9bc68c93db4a93125d81e201028', 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: 'bdd2b053f6971e4ca230336d98b12ce92e663005', class: "multi-step-dialog" }, h("tet-dialog", { key: '12ad5ca513ae8058d725f22809763fc3448d2ba6', 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: '1d9322ebe39001de445bf6c5807a01f595bc3e7d', innerHTML: this.content }), this.steps.map((step, index) => (this.renderStep(step, index))), h("tet-button", { key: 'e34b64e522f07dbdb07aa522a57e81d15a233842', 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: '1775d6765ee4441aa6dbfde25dd4b32f88d47554', 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: '949984692be006a50ac7992df6465eed42cf6532', class: "multi-step-dialog" }, h("tet-dialog", { key: '4fe450cade27aded08c30655fd080f0c4a61a086', 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: 'd6a75ded4c3f0641bfb029d3f4a07945506024af', innerHTML: this.content }), this.steps.map((step, index) => (this.renderStep(step, index))), h("tet-button", { key: 'a0adc7cada61d20f9c3ae813850c35fa3b9da68a', 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: '8d0e89cddf7d499355c2148b975a89413c9553b6', 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: 'bae5c47707fb2ba706fa2f35ab25db2148f36434', class: { 'dark-theme': this.darkTheme } }, this.success ? this.renderSuccessStep() : this.renderForm()));
+        return (h("div", { key: '94234f96fcc23575d992cbb33df5828ab54a3fc6', 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: '3bb4e9133033ee76d800e38dda108b210ae165c9', 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: 'c08369b5bb3b625c5228cf38719f8103d2226bb7', 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: '156d041c0279461a9b59c733b6a4e72235d84815', class: { 'modal-form-card-content': true, [`${theme}`]: true } }, h("div", { key: '5156f9f663ea9ac964067e22e567582864d09e90', class: "modal-form-card-content-header" }, h("div", { key: 'ef9ff1ff10c2ace788611b48ae389b90106df40e', class: "icon-wrapper" }, h("tet-icon", { key: 'c2f366cdffc59df54ef526db024f9d97ea8ec3f0', class: "icon", name: "tc-company-1" })), h("span", { key: 'e485f28e431888435fa4cf01f0da3a2939808344', class: "modal-form-card-content-header__title" }, t('components-b2b-check-out-form-title')), h("span", { key: '6a8944b4ffd20d2c5c04c9a225dd5b04f7c25e52', class: "modal-form-card-content-header__description" }, t('components-b2b-check-out-form-description'))), h("div", { key: '7bab509b6228e7abac8d4fb923dba410c9e44fed', class: "modal-form-card-content-accordion-wrapper" }, h("slot", { key: '905f4c3bdf4df69bcd842959cda80016e2ac122b', name: "cart" })), h("form", { key: '082f2c736684f73b2e39883431b16a68406d45c3', id: "checkOutForm", class: "modal-form-card-form", ref: (ref) => (this.checkOutForm = ref) }, h("div", { key: '53c7d6b7e069b82e189c231013cc7b14491f6c79', 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: '7fa7d8d1d68aed3d796b58a26cd70d6c12c7c906', 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: '3494274559610dd8a1a716f9cb4ba526f0407a52', class: "modal-form-card-content-checkbox", label: t('components-check-out-form-privacy-policy'), theme: theme }), h("slot", { key: '24479db45e26495313350d289ac63cace0b0f2fb', name: "extra-fields", ref: (element) => (this.extraFieldsSlotElement = element) }))), h("div", { key: '8a99d3d23fa0f29c316a551d5403a184281bf932', slot: "footer", class: "modal-form-card-footer" }, h("tet-button", { key: 'f05645471429d42baf9dd08fbb959f2d70903a65', type: "secondary", size: "medium", theme: theme, onClick: () => {
+            } }, h("div", { key: '3371279eb2396f9b49be587970a18e920356faca', class: { 'modal-form-card-content': true, [`${theme}`]: true } }, h("div", { key: '938a47c81a59a3b9dc14f63d5b4c4a9eeff9380b', class: "modal-form-card-content-header" }, h("div", { key: '6067fa8e77811667e35d24e3755142bd41207534', class: "icon-wrapper" }, h("tet-icon", { key: '6fd95e783879797d6d67b3890550e6ef46c7dec0', class: "icon", name: "tc-company-1" })), h("span", { key: '4aedd4ac9d088b47d057e7c5a5abdeaa550aae7c', class: "modal-form-card-content-header__title" }, t('components-b2b-check-out-form-title')), h("span", { key: 'e9a91299cb5edf3c87ee2e2883ad760417959cf4', class: "modal-form-card-content-header__description" }, t('components-b2b-check-out-form-description'))), h("div", { key: 'ee158071a8cc4a4fa67fc5f7dda2e948e8a522f6', class: "modal-form-card-content-accordion-wrapper" }, h("slot", { key: 'c9fb8559e309aa06bf8d196e51516d85238e37e6', name: "cart" })), h("form", { key: 'f4aee07d18b9eede7c991c10d41a8cdebd6cfe18', id: "checkOutForm", class: "modal-form-card-form", ref: (ref) => (this.checkOutForm = ref) }, h("div", { key: '0df36127ce71f1c15c628c544c6075ac7f76e335', 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: 'c19aad5e1c93a4b9ea285c2a390707ae0d258d53', 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: '437d9814df1b0dc87b2651b43b84e3b51f378aae', class: "modal-form-card-content-checkbox", label: t('components-check-out-form-privacy-policy'), theme: theme }), h("slot", { key: 'db9bd2d4c04b17d9cb8afa966fa276be7b949cf7', name: "extra-fields", ref: (element) => (this.extraFieldsSlotElement = element) }))), h("div", { key: 'cf51cf92ff82f1a8704e67bb251274b1ab42d4a2', slot: "footer", class: "modal-form-card-footer" }, h("tet-button", { key: '510896974eb8270738884066eca29b1123d3e6e2', type: "secondary", size: "medium", theme: theme, onClick: () => {
                 this.dialogElement.close();
-            } }, t('components-b2b-check-out-form-close-button-label')), h("tet-button", { key: '88595b4dfacc467a09cd8b91bf7397efdeb05212', 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: 'e25f422c1f43be3b24a351b8e81e5f2e368ed76b', 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: 'b2062022e26417dcabad4aa0e4238799a98b8e96', class: { 'dark-theme': this.darkTheme } }, h("tet-container", { key: 'e11856170da75d83246ff6ecdeb63dacdcfcfcf2', class: "container" }, this.showLoader && this.renderLoader(), h("div", { key: '9d7bbb1591e22437351f8eac1cf4d81c74b24749', class: "form-container" }, this.showTitle && h("h2", { key: 'e49284d0aae71f36712495adbc4b44def9c3d9de', class: "form-title" }, t('components-contact-form-title')), h("p", { key: '72c147b4036dc0cc53257dd6d13da193e6baff95', class: "form-subtitle" }, t(this.subtitle)), h("tet-input", { key: 'b02ed28a576e55163bcd50bb15adaa37302019ac', 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: '966f69c6525817892636eedd99e14091c2c9a272', class: "form-submit", type: "primary", clickCallback: this.createManualTask, innerHTML: t('components-contact-form-submit'), ...this.submitButtonProps })))));
+        return (h("div", { key: 'cfc37422fc846209052fd3b07aa3753058e4d06f', class: { 'dark-theme': this.darkTheme } }, h("tet-container", { key: 'd2aa2bf3e3813963f79162c6f9ed382b69e4b99f', class: "container" }, this.showLoader && this.renderLoader(), h("div", { key: '43903e6377874ff55b21f91f287cf7b274f4a6a1', class: "form-container" }, this.showTitle && h("h2", { key: '2e9ab924da78c7a035fed5d88be49f18b94260f8', class: "form-title" }, t('components-contact-form-title')), h("p", { key: '5aaf1e5764da0cad9464cab1b34d710da472a503', class: "form-subtitle" }, t(this.subtitle)), h("tet-input", { key: '6a7353b9a7cf26be47f62f334c9d011bfc7215a5', 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: 'd8f19029a4ab0488a4397b2bfa86cfb5303efa18', class: "form-submit", type: "primary", clickCallback: this.createManualTask, innerHTML: t('components-contact-form-submit'), ...this.submitButtonProps })))));
     }
     static get is() { return "tet-contact-form"; }
     static get encapsulation() { return "shadow"; }

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

@@ -212,7 +212,7 @@ export class TetFeedbackForm {
         return (h("div", { class: "feedback-form__thank-you", "aria-live": "polite" }, h("tet-icon", { class: "icon", name: thankYouIconName }), h("div", { class: "text-block" }, h(HeadingTag, { class: "title" }, thankYouTitle), h("p", { class: "description" }, thankYouDescription))));
     }
     render() {
-        return (h(Host, { key: 'de7b219f3491ca9d7c84e1f22e9b1d5cbe281a0f' }, h("section", { key: '750b32b11990ca938c97dbef44434d3031e57d0e', class: "feedback-form" }, this.submitted ? this.renderThankYouComponent() : this.renderAccordionComponent())));
+        return (h(Host, { key: '9518ac048e44b27bd805310d8e2d4efcf807897f' }, h("section", { key: '0501efa7348e3cd86e89fa6fb53d40c6c99a623e', class: "feedback-form" }, this.submitted ? this.renderThankYouComponent() : this.renderAccordionComponent())));
     }
     static get is() { return "tet-feedback-form"; }
     static get encapsulation() { return "shadow"; }

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

@@ -33,7 +33,7 @@ export class TetTvGiftBlock {
         }
     };
     render() {
-        return (h(Host, { key: '14a7d6e0812c00a1de65d9e11f3951c1e32d5e4d' }, h("div", { key: 'd1ac2569b43a51cbc4e91b14107ede3321d819f2', class: { 'tv-gift': true, [`tv-gift--${this.containerSize}`]: true } }, h("div", { key: '1de7e47b953392284fede040acf4524549ee6036', class: "tv-gift__header" }, h("slot", { key: '2d2492bbc9bf594820bbf59c513e98e246710eae', name: "header" }, this.headerImageSrc && h("img", { key: 'f26edbf31ded8edc6b9a4f04018155088944a311', class: "tv-gift__header__image", src: this.headerImageSrc }), h("div", { key: '5f755fbf8271aafa743c2221df4370754cfd6737', class: "tv-gift__header-text" }, this.headerTitle))), h("div", { key: '72ee6988407de039ea0aa1c4e677a75c1cc72f81', class: "tv-gift__content" }, h("slot", { key: '905daa3b69b9c93a1136f9ea158accce37413d77' })), h("div", { key: '4461420f5d13ae320f2b3b3422451bbffacf8e4a', class: "tv-gift__footer" }, h("slot", { key: '7ac924252ae6dd06972ca160ca9d0c9e1135c14e', name: "footer" }, h("span", { key: 'bc719f97028bba81ccb380bf84123a7d71454981', class: "tv-gift__footer__title" }, this.footerTitle), h("span", { key: 'b599a2e74e429d0b5ac305e6b5f043f854e80383', class: "tv-gift__footer__text" }, this.footerText))))));
+        return (h(Host, { key: '659f534771e2ec28f80756e197af0d75871109fd' }, h("div", { key: '5d9dffd01eddd41beb2c28b0264b411fc6b39592', class: { 'tv-gift': true, [`tv-gift--${this.containerSize}`]: true } }, h("div", { key: 'b41e8a5d2d252febc134777efc5a7f193a995694', class: "tv-gift__header" }, h("slot", { key: '2188a1b102191345da25e95065c5e544749a6232', name: "header" }, this.headerImageSrc && h("img", { key: '13aa7bad99aaca12e742ef2472da8bba3755bce3', class: "tv-gift__header__image", src: this.headerImageSrc }), h("div", { key: '432e8d04c77161bba2d08aee3bc8b16ac95731a4', class: "tv-gift__header-text" }, this.headerTitle))), h("div", { key: '55c0db093f3c9de9eee36252252f5f1f02f37274', class: "tv-gift__content" }, h("slot", { key: 'c02e4fd274c18c91c4f2da42c7772208d6edf136' })), h("div", { key: 'ae44305548573c02135a93fd39815fc217729677', class: "tv-gift__footer" }, h("slot", { key: 'bbcb142e2458ec2a7c7d6a59c65125ee84b912c6', name: "footer" }, h("span", { key: '484307d6cb087dc819e183d866b841ab1006b36b', class: "tv-gift__footer__title" }, this.footerTitle), h("span", { key: '08eafd915b20c0edcce942c2920c504751748972', 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: '3f3b05ca9a0680de3d4e3b7e8d873ced31fa88e7' }, h("div", { key: '46cbc854acd15e0fb235f91e1f02d909290cf163', class: {
+        return (h(Host, { key: 'df609c3024a455746289bc9eaf2a09602d763185' }, h("div", { key: 'e6ed87432a4ec536c4231d135b63f6e1e150128b', class: {
                 'tv-gift-list': true,
                 [`tv-gift-list--${this.containerSize}`]: true,
                 'tv-gift-list--image-list': Boolean(this.imageSource),
-            } }, this.imageSource && (h("div", { key: 'ee4110aab64bd1bebdf354ef5d747fa02d303396', class: "tv-gift-list__image__wrapper" }, h("img", { key: '3a3580bd0def24ddbb614d98f16410b0ea9540ac', class: "tv-gift-list__image", src: this.imageSource }))), h("div", { key: '60214d35009a8b1b240491d0be5fe26fe9466811', class: "tv-gift-list__list__wrapper" }, h("span", { key: '0c836cd6e0257e03c8ce751c02897dedd530b460', class: "tv-gift-list__list__header" }, this.header), h("ul", { key: '9de1971574b1105f72a4fab5b94826d8592cfee4', 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: 'abdb68f90099e187b1ac1553ea40d99ee19beb75', class: "tv-gift-list__image__wrapper" }, h("img", { key: 'ea215435405462d30730bdb767b0a955e8dc019c', class: "tv-gift-list__image", src: this.imageSource }))), h("div", { key: 'c595c8cfb4bdf5f7500b091699f146357b9e45de', class: "tv-gift-list__list__wrapper" }, h("span", { key: '0f25ad63d5eb246cec785f2928f8f7c189abd7f7', class: "tv-gift-list__list__header" }, this.header), h("ul", { key: '5e4189f6ecbf9ac9aa52c62886a497e31b7f21b0', class: "tv-gift-list__list" }, this.list.map(item => (h("li", { class: "tv-gift-list__list__item" }, h("tet-icon", { name: this.listBulletIcon }), item))))))));
     }
     static get is() { return "tet-tv-gift-list"; }
     static get encapsulation() { return "shadow"; }

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

@@ -35,7 +35,7 @@ export class TetButton {
         window.open(this.url, this.urlTarget, this.urlTarget === '_blank' ? 'noopener,noreferrer' : undefined);
     };
     render() {
-        return (h(Host, { key: 'ea42eeb4ee80620a790938eb08c6322fa4dee214' }, h("button", { key: '3be18f558bd71839e588a086b469d9ffa049d7a2', part: "button", onClick: this.handleClick, id: this.elementId, class: {
+        return (h(Host, { key: 'd342042a6828cd844db48ab15ceaa3dcbb0c8316' }, h("button", { key: 'a9a38be9b1acce940572d141eb6a5db65dc5578e', part: "button", onClick: this.handleClick, id: this.elementId, class: {
                 button: true,
                 [`button-${this.size}`]: true,
                 [`button--type-${this.type}`]: true,

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

@@ -62,14 +62,14 @@ export class TetCheckbox {
     }
     render() {
         const { label, name, checked, value, disabled, error } = this;
-        return (h(Host, { key: '420d050446b7d784b6bd195995f1a9cdbab7dc41' }, h("div", { key: '06144639465440683c76befab4c89803610ed76d', class: { checkbox: true, [`${this.theme}`]: true } }, h("label", { key: '630f225abbfbc7778c6680d8405edb2cb8f9b98f', class: {
+        return (h(Host, { key: '8228b4b1325743e8523654dd8720ab3c0ce975ae' }, h("div", { key: '74903372c7fc702ac1e75dd46a6c0f9c0f6ee323', class: { checkbox: true, [`${this.theme}`]: true } }, h("label", { key: '6f2f4187615d2d4b87253d740137449f66c87689', class: {
                 'checkbox__container': true,
                 'checkbox__container--focus-style': this.focusStyleOnContainer,
-            }, part: "checkbox-container", htmlFor: "tet-checkbox" }, h("input", { key: '41f769105423d0fe82c706aceefc4e38944dacb0', ref: (el) => (this.inputEl = el), class: "checkbox__html-input", id: "tet-checkbox", type: "checkbox", name: name, value: value, disabled: disabled, checked: checked, onChange: this.handleChange }), h("span", { key: '9b041a8062ae195104976353e8653360131b6163', class: {
+            }, part: "checkbox-container", htmlFor: "tet-checkbox" }, h("input", { key: 'bb9d955bac56c3f755b57a9f6acc6ef7fb83d8bf', ref: (el) => (this.inputEl = el), class: "checkbox__html-input", id: "tet-checkbox", type: "checkbox", name: name, value: value, disabled: disabled, checked: checked, onChange: this.handleChange }), h("span", { key: 'aa720d7866e915f87a8e1b093c8d2113b2781445', class: {
                 'checkbox__input': true,
                 'checkbox__input--error': error,
                 'checkbox__input--hide-focus-style': this.focusStyleOnContainer,
-            } }, h("tet-icon", { key: '54cb2806976bccb00ca256c3845cacf69cfa05ee', name: "remove", class: "checkbox__icon checkbox__icon--indeterminate indicator" }), h("tet-icon", { key: 'ff2a3e4927129a7339e59ff7b0383cec03bdb610', name: "check", class: "checkbox__icon" })), label ? (h("span", { class: "checkbox__label", innerHTML: label })) : (h("span", { class: "checkbox__label" }, h("slot", null)))))));
+            } }, h("tet-icon", { key: 'ca7349167feb74bf4843f7c0e1460bfe33dd2b95', name: "remove", class: "checkbox__icon checkbox__icon--indeterminate indicator" }), h("tet-icon", { key: 'b1fd1a9967ba5af4de1ba84b534c4674ee15315a', name: "check", class: "checkbox__icon" })), label ? (h("span", { class: "checkbox__label", innerHTML: label })) : (h("span", { class: "checkbox__label" }, h("slot", null)))))));
     }
     static get is() { return "tet-checkbox"; }
     static get encapsulation() { return "shadow"; }

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

@@ -49,7 +49,7 @@ export class TetRadio {
     }
     render() {
         const { id, disabled, value, checked, name, label, handleInputChange, accessibilityLabel, inputAutofocus } = this;
-        return (h(Host, { key: 'a702fe9f87b5edfb9a5a1dbd804d5a1cc1238966' }, h("div", { key: 'c9acb7bf6b3d443ef60e4940ca24a6927e8ab900', class: { radio: true, [`radio-${this.theme}-theme`]: true } }, h("label", { key: '5d7da8108fbe8872db941f7d0ab7d5e26001288a', class: "radio__container", htmlFor: id }, h("input", { key: 'e85bad5baa8679638826863e006cb9153c9a90d5', class: "radio__html-input", id: id, name: name, type: "radio", value: value, disabled: disabled, checked: checked, onChange: handleInputChange, autofocus: inputAutofocus, ...(accessibilityLabel ? { 'aria-label': accessibilityLabel } : {}), tabindex: this.checked ? '0' : '-1', role: "radio", "aria-checked": this.checked ? 'true' : 'false' }), h("span", { key: '7ed963e39be72270dd06a3a28c57aec02bbeaaeb', class: "radio__input" }), label ? (h("span", { class: "radio__label", innerHTML: label })) : (h("span", { class: "radio__label" }, h("slot", null)))))));
+        return (h(Host, { key: '4d46b895ff12f76856a250ea053d7b4a3c4282a9' }, h("div", { key: 'a96d49ad006ff378b3347a3b40272d296e45dcb7', class: { radio: true, [`radio-${this.theme}-theme`]: true } }, h("label", { key: '873faff70f00256da0843c3571d708f9aa492460', class: "radio__container", htmlFor: id }, h("input", { key: 'e709e0b7bcc7cbb14dec03c1c9e0818c32a98c57', class: "radio__html-input", id: id, name: name, type: "radio", value: value, disabled: disabled, checked: checked, onChange: handleInputChange, autofocus: inputAutofocus, ...(accessibilityLabel ? { 'aria-label': accessibilityLabel } : {}), tabindex: this.checked ? '0' : '-1', role: "radio", "aria-checked": this.checked ? 'true' : 'false' }), h("span", { key: '878306599f70b32d9298dd8a8efcc9759ae5cd27', class: "radio__input" }), label ? (h("span", { class: "radio__label", innerHTML: label })) : (h("span", { class: "radio__label" }, h("slot", null)))))));
     }
     static get is() { return "tet-radio"; }
     static get encapsulation() { return "scoped"; }

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

@@ -33,7 +33,7 @@ export class TetSwitch {
     }
     render() {
         const { label, name, theme, disabled, checked, accessibilityLabel } = this;
-        return (h(Host, { key: 'fcee2461e03037c344992ad084f959a07a210e2a' }, h("div", { key: '1c75849e8447e4f927111d7907860ff2a131fb09', class: { 'switch': true, [`${theme}`]: true } }, h("label", { key: 'ae116f3d42ed5e671b2bf5cc087d728dccb5cbaa', class: "switch__container", part: "switch-container", htmlFor: "tet-switch" }, h("input", { key: '35fdf626226c2712695d32c23e6cbb268377fe54', class: "switch__html-input", name: name, id: "tet-switch", type: "checkbox", disabled: disabled, checked: checked, onChange: this.handleChange.bind(this), ...(accessibilityLabel ? { "aria-label": accessibilityLabel } : {}) }), h("span", { key: 'd20ae272f434cbd52278350a1fea3bc186531799', class: { "switch__input": true, [this.theme]: true } }, h("span", { key: 'ea32f16ad22030ef7d3f50b8833842e626d9ba56', class: "switch__state" })), label
+        return (h(Host, { key: 'f25d9a0bbe9c3c187e093f574ab75178b140b129' }, h("div", { key: 'ebb6c9971dfd699a0b5e4ba51928ed331bbf6fed', class: { 'switch': true, [`${theme}`]: true } }, h("label", { key: '0efd583b6acb294c72dd589e4fe629055d7e6498', class: "switch__container", part: "switch-container", htmlFor: "tet-switch" }, h("input", { key: 'a843923da4bd8983d9f27ad8cf5f5e51beded623', class: "switch__html-input", name: name, id: "tet-switch", type: "checkbox", disabled: disabled, checked: checked, onChange: this.handleChange.bind(this), ...(accessibilityLabel ? { "aria-label": accessibilityLabel } : {}) }), h("span", { key: '94655befa0d5ee135fa700a03629fd2f5c3850f0', class: { "switch__input": true, [this.theme]: true } }, h("span", { key: 'f8422247725dfe25ab18107fbc5a9e26c606018d', class: "switch__state" })), label
             ? h("span", { class: "switch__label", innerHTML: label })
             : h("span", { class: "switch__label" }, h("slot", null))))));
     }

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

@@ -161,11 +161,11 @@ export class TetTabContent {
         this.selectedId = id;
     }
     render() {
-        return (h(Host, { key: '75b813191a53b19cfd9b3360829e8b98c276f133' }, h("div", { key: '4f8e2d1604fb1e915c34147780f165f7099ed1e1', class: {
+        return (h(Host, { key: 'e433dc27a020345e535a33ec9a444233ddf480a5' }, h("div", { key: 'ac4f0414541d509d3ddf33302008963e54e5e6c4', class: {
                 'tet-tab-content': true,
                 'use-visibility': this.useVisibility,
                 [this.theme]: true
-            } }, h("slot", { key: 'de34164bcc6a708a08dd62201d17c1629b1ebefd' }))));
+            } }, h("slot", { key: '7f2a47a5a27189b21c0718be768541989528d516' }))));
     }
     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: '17080684e4a7c7b83b46561c07b351d458768820', "data-id-suffix": this.idSuffix }, h("div", { key: '2cb0fcdd70483ff94cce97f73b6a579bd22b9c6a', class: {
+        return (h(Host, { key: '225e99ead3163ce7201b511a79426aa568ad0ba9', "data-id-suffix": this.idSuffix }, h("div", { key: '575aa5c8526ee4ce7b8adc1ecc30845491f93237', 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: '30fdc068f87438996eece8ebee8683cce9c85503', ref: (slot) => (this.tabContainer = slot) })), h("div", { key: '917102d99bf7f84b9878c253efafaaf5b84b6f7d', class: {
+            }, onMouseDown: this.onContainerMouseDown, style: this.getStyle(), ref: (ref) => (this.tabElement = ref), role: "tablist" }, h("slot", { key: '27327d44b7718ac33b04b6aae944ab4b0dcb1ce4', ref: (slot) => (this.tabContainer = slot) })), h("div", { key: '57a1a4ea3076805b66eee05962493653694ac333', 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: '2ff34b845ac2dab42bf209047376f43089d2640a' }, h("button", { key: '5848d36dc3f74c471a61e66f3b1e93dc378db144', class: {
+        return (h(Host, { key: 'cf9794b8105f790f7bee7b4ccb87b2ac799a919d' }, h("button", { key: '1da586be1d852269b6b821a6aeb0e76f3934ace7', 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: 'acaaa62c2c63629c88004b012cba4bb9fb687342', class: "tag-title" }, t(this.tagTitle)), this.count !== null && this.count !== undefined && h("span", { key: 'cc913238c6bc808db813570ebe18e2617139c165', class: "tag-count" }, this.count), this.showIcon && h("tet-icon", { key: 'ac2f61d353943ce388ca4733b59b1e8481cfbc90', class: "tag-icon", name: "close-circle", part: "icon-selected" }))));
+            }, "aria-pressed": this.active.toString(), disabled: this.disabled }, this.tagTitle && h("p", { key: '366753a6c9d7e540228db9f1ee465af9359dab53', class: "tag-title" }, t(this.tagTitle)), this.count !== null && this.count !== undefined && h("span", { key: 'a31fa5ca439775d452881b42df7d171a2d980fc5', class: "tag-count" }, this.count), this.showIcon && h("tet-icon", { key: 'd7e31d59eabc0dd67aea20d87e2c1cb8b910abda', 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: 'd157841b3baf144ac3e145ec0817903c6a94562f' }, h("div", { key: 'eb3c36df80b00260cb22b4bf51a2c16ef7ffe953', class: { 'tet-carousel': true, [`${this.theme}`]: true }, ref: (el) => (this.container = el), part: "carousel" }, h("div", { key: '79fabbf8a8e26acf65e0ca1697de6754d85187c3', class: "tet-carousel__container" }, h("div", { key: '1948e35527fbe86d867db356b8ec968f1582ccee', class: "tet-carousel__gradient-left", ref: (el) => {
+        return (h(Host, { key: 'aa17a576d566861cb87cd037f44ab4c02b642c90' }, h("div", { key: '022b4afb52e1f1c7c520159bca8c305d8e5927b4', class: { 'tet-carousel': true, [`${this.theme}`]: true }, ref: (el) => (this.container = el), part: "carousel" }, h("div", { key: '47d03841a067ace013a9e8e50f39badb4ad2e3dc', class: "tet-carousel__container" }, h("div", { key: 'b840f3d9cafa6ca0de8df665ef97ccd4f7d70757', class: "tet-carousel__gradient-left", ref: (el) => {
                 this.leftGradientRef = el;
-            } }), h("div", { key: '0062e772f6d5835f5fad90a820b0df8fc8a88e62', class: "tet-carousel__gradient-right", ref: (el) => {
+            } }), h("div", { key: '84c8726f2ae119483f9179d7719bf11aca8b33a6', class: "tet-carousel__gradient-right", ref: (el) => {
                 this.rightGradientRef = el;
-            } }), h("div", { key: '6af702103844c801fcadef8a3dfde2dcf31bb3da', class: `tet-carousel__track ${!this._showButtons() && !this._showDots() ? 'tet-carousel__track--center' : ''}`, ref: (el) => (this.trackElement = el), style: {
+            } }), h("div", { key: 'bf1bd992edbc54d73e1d451602ab6c7264f19c31', 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: '530a09be5409adc11345d2036536112284a8d688' }))), !!this.label && h("div", { key: '34777a50938482a19ce039851f1f505a3954451f', class: "tet-carousel__label" }, this.label), (this._showButtons() || this._showDots()) && (h("div", { key: 'db0886e35238fa4fc19b787e995a711e155a2fd5', class: "tet-carousel__controls" }, this._showButtons() && (h("div", { key: '6a5642f38f17061c6ce7aa6e7a5a5a5058cd88c7', class: "tet-carousel__buttons tet-carousel__buttons--mobile" }, h("tet-button", { key: 'b8baa71a1ab7479a0f8a9e2ea54c118e59dd6c43', 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: '92a952a6792c2ad3f7821cd56b5ab552c928d74d' }))), !!this.label && h("div", { key: '10f33991895223dbaa752a8ae85a90ad8d71ed90', class: "tet-carousel__label" }, this.label), (this._showButtons() || this._showDots()) && (h("div", { key: 'd1cd5c5206d1614ab878976f59b943fd3546927f', class: "tet-carousel__controls" }, this._showButtons() && (h("div", { key: '9fe4e73fdac18dfd24e900d00b51c53b91ff6036', class: "tet-carousel__buttons tet-carousel__buttons--mobile" }, h("tet-button", { key: '9797f863559f9a97d765b3ef8880142b7df2c6a2', 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: 'ee75cc4cf630c9eb68fbb6a1e7af3bf6ad6cdd5d', 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: '9492a728a0001fb7fdfb29bb34ecf2d98dd2f1ba', 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: '79c55f196281692dafa2c0116ac937262daa6a22', class: "tet-carousel__buttons " }, h("tet-button", { key: '2db2ec83f71a81ee963363febf93c6565d386dd5', 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: '9a041ab328480d1f2fed8a431244e171febdd266', class: "tet-carousel__buttons " }, h("tet-button", { key: '418905b6251aa28bb3c744290efec6b5af99ab73', 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: '1dfae971f983e1b70bfc1e7cd72adb8c072ff13a', 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: '21b0dd0f54f07765e5dbb7da2ae1bc1e62edc5fa', class: "tet-carousel__btn", theme: this.theme === 'light' ? 'dark' : 'light', "icon-name": this.buttonIconRight, "icon-mode": true, tabIndex: -1, onPointerDown: (e) => e.stopPropagation(), onPointerUp: () => {
                 if (!this.isDragging)
                     this.handleNext();
             }, "aria-label": t('components-carousel-next'), disabled: this.dotCount <= 1 ||

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

@@ -11,12 +11,12 @@ export class TetContainer {
         this.theme = 'classic';
     }
     render() {
-        return (h("div", { key: 'b43eb05696a5c3ba27738d82593d6e08d75b9405', class: {
+        return (h("div", { key: '78fa8de7a4c7ad44d9ec498020810f3ea2b04e95', class: {
                 'container': true,
                 'container--highlightable': this.highlightable,
                 'container--selected': this.selected,
                 [`container--${this.theme}`]: this.theme !== 'classic',
-            }, part: "container" }, h("slot", { key: '616230e4cb454cf2b268db86669d53c6aea821c9' })));
+            }, part: "container" }, h("slot", { key: '205be41e78793a9fb099df629e2b3bf502dcffc6' })));
     }
     static get is() { return "tet-container"; }
     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: 'be3bc4c4cc41d4528b8df78dc9224c91f876df16', class: "icon-wrapper", tabindex: (this.focusable || this.accessibilityLabel) ? 0 : -1 }, h("span", { key: 'cfda7df1ac0cba082ea5ccdcb1ec0a2e7e95c942', class: {
+        return (h("span", { key: '7af8d4aa2f4f35ab90c0f37c5b1db6984ca2e1df', class: "icon-wrapper", tabindex: (this.focusable || this.accessibilityLabel) ? 0 : -1 }, h("span", { key: '99d35d51b355eb7d2afa3b809401d117a753f4c4', 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: '647dce99adf724627f0e89b7487ff19445997343', class: "loader" }, h("div", { key: 'adf405537042d6cab435ccbcfe959c61d8135f20', class: "loader-inner" })));
+        return (h("div", { key: 'f235e148763d56dc63d1e7c144be6e4ee4b024a2', class: "loader" }, h("div", { key: '4064d7882524324ae0afdbcab645e87156f1128d', 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: '6044c0887e09caff4922d8835d9354d9e776bc31', style: { width: this.width, height: this.height } }, h("div", { key: '4f515a2e89823faca534cfa9aafe59311c8922ee', class: { 'dark-theme': this.darkTheme } }, h("div", { key: '1d1bf8736c3b40687074a6636051398d3b3cc630', class: "placeholder", style: { height: this.height } }))));
+        return (h(Host, { key: '10c954f06449fb1481f56d56169f388cc89e6f34', style: { width: this.width, height: this.height } }, h("div", { key: '35757dd39dd6a927c3535b4ce3b907c725156428', class: { 'dark-theme': this.darkTheme } }, h("div", { key: '2ba1f7e5e928934c99bd1be2e1124dbc249a7fda', 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: '9bd5f054790af482bc7d68b17d1bbdb471433959', ref: element => (this.spinner = element), class: {
+        return (h("div", { key: 'efd3265d2c8bcc3a8b092ef3c6eaafb4de24ec03', ref: element => (this.spinner = element), class: {
                 spinner: true,
                 [`${this.theme}-theme`]: true,
                 [`size--${this.size}`]: true,
                 [`spinner--${this.type}`]: true,
-            } }, h("svg", { key: 'f054cc15c2a8be495ee0ccaf7e8cea31c4493c2d', viewBox: "0 0 40 40" }, h("clipPath", { key: 'f8966ddfed3c3553475d669544d1d67f38a62abe', id: "clip" }, h("path", { key: 'd66d1b2bfe18743b91a880152b78de488764060e', 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: '83b0da37aa675f6bf7817f418bcce69e5a963606' }, h("div", { key: '8bb8b799c04181777ce4fb3436e3f3ca6646c7bc', class: "spinner__gradient" })))));
+            } }, h("svg", { key: 'dc9b058d6e2094ab1e2fd5369e86fa42a53085ff', viewBox: "0 0 40 40" }, h("clipPath", { key: '493fc7a5562b5def43e42dbb8027ecffb33fb887', id: "clip" }, h("path", { key: '689d21069b9156647e1b15f78c9c7d2f1fbaec73', 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: 'c8a38138322777b709110174b7dc12c2464160ed' }, h("div", { key: 'aea7b0e5a1c780c7567a72b47fecb6a7588d96fb', 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: '3a86e9d556de51c35005aa98b7d8722aba587a10' }, h("div", { key: 'dc3c2c5c13190a0ed4719bf846464cc0d08396eb', class: {
+        return (h(Host, { key: '3d98ff437ef8276832b44e8a7565a72618409b5d' }, h("div", { key: '678772f56add708335d0864e78e0de73036534ad', class: {
                 label: true,
                 'label-active': this.active,
                 [`label-type-${this.type}`]: true,
                 [`theme-${this.theme}`]: true,
-            } }, this.labelTitle && h("p", { key: '970796479606e992537b3810a25507ed81038d57', class: "label-title" }, this.translateTitle ? t(this.labelTitle) : this.labelTitle), this.showIcon && h("tet-icon", { key: 'a38353b38144ccee9bdfd16c7ce8aca4f9bd82f8', class: "label-icon", name: "close-circle", part: "icon-selected" }))));
+            } }, this.labelTitle && h("p", { key: '8fa1e1e68118eefd74c5672067e6b040cd5a1c78', class: "label-title" }, this.translateTitle ? t(this.labelTitle) : this.labelTitle), this.showIcon && h("tet-icon", { key: '70bbb457696e54acdfcfddec3fb5e0f7d9b0d29e', 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-business-round-stepper/tet-business-round-stepper.js

@@ -18,7 +18,7 @@ export class TetBusinessRoundStepper {
         return (h("div", { class: "business-stepper__step" }, h("div", { class: "business-stepper__icon", style: { 'background-color': stepData.color } }, h("tet-icon", { name: stepData.icon, theme: this.theme })), h("span", { class: "business-stepper__title" }, stepData.description), h("p", { class: "business-stepper__text" }, stepData.text)));
     };
     render() {
-        return (h("div", { key: 'cfb2dfb5e33d95cb1080489eb899436dc6238da4', class: {
+        return (h("div", { key: '0bf5dba2736cfbcd683cebd53610efff35e3d629', class: {
                 'business-stepper': true,
                 'business-stepper--uneven': this.layout === 'grid' && this.stepperData.length % 2 == 1,
                 [`business-stepper--${this.layout}`]: true,

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: '30c73ba9f4d930ca347eb8d80dc47bf36cbf8771' }, h("div", { key: '6b92cd63c8ccbb61d383796656a53503c2b9d2e6', class: {
+        return (h(Host, { key: 'cb6fb8d91b9d5d861851bcf1a4bc66629aaecc37' }, h("div", { key: '6c4e7309aae8cdab7e51c3d9e796992b16447e4e', 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: '7a954c8646b63fe33a0be3b52deac3ae14b267b7' }, h("ol", { key: 'fb291767abb8c7ca6ef01ec996fb3e5fc98a49c3', class: "stepper" }, this.stepperData.map(this.renderStep))));
+        return (h(Host, { key: '641a1acfe234f26d4c2f7d2ddafe029b58fd6bf8' }, h("ol", { key: '52735e83a03417ec1c3b11644297d9b74a43fede', 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: '4eb78a643b6c79c8c3381dabec614735062a6a03' }, h("ol", { key: '3abf831ad760624e907efa4b55750a2d9e7fc64a', class: {
+        return (h(Host, { key: '813195423fcb181fb10c6b91ea4cd9e68159a78d' }, h("ol", { key: '3035f5d1d7561434d8c07d0501422903b1d94529', 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: '0eace9c1ae56bc2f3ec673da9fc04fa644a4e32b' }, h("ol", { key: 'fcd4b72f8cdc9b4c83de0a7814ada83caa4e02f3', class: {
+        return (h(Host, { key: '96f52e0d24d39ceb044336598382b7b2abb74d62' }, h("ol", { key: 'fb8cd34ed0c511d3b80b18b9719529ef94637e38', class: {
                 stepper: true,
                 [this.theme]: true
             } }, this.stepperData.map(this.renderStep.bind(this)))));

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

@@ -39,11 +39,11 @@ export class TetFilter {
         this.filterChange.emit(this.filterState);
     };
     render() {
-        return (h(Host, { key: '4cbf4b9544560033394c6420c5f8a3fbed5b5aea' }, h("div", { key: '787263e3002dd840833cdc7db123fc0776f1c08d', class: { 'filter-container': true, [`theme-${this.theme}`]: true } }, h("tet-tag-group", { key: '3c8ce9bbae2504fbd94fc0df68417a90fb7d8230', tags: this.filterState.map(tag => ({
+        return (h(Host, { key: 'acd0fba9386534409c64a70272a6fd6377861f94' }, h("div", { key: '7df212ad35d95f73ae89860eab343b346d0fd356', class: { 'filter-container': true, [`theme-${this.theme}`]: true } }, h("tet-tag-group", { key: '0ee0bde7cdd9740ddc366377c27b9981daf89b2f', tags: this.filterState.map(tag => ({
                 ...tag,
                 clickAction: () => this.handleTagClick(tag),
                 showIcon: tag.active && !tag.disabled
-            })), theme: this.theme }), this.showClearFilterButton && this.filterState.some(tag => tag.active) && (h("button", { key: 'f8768d357d62dc8e6e65317ec0efc2af1e423b99', class: "clear-button", onClick: this.handleClearClick }, h("tet-icon", { key: 'd69656691792a57039aa68c0e018eee0bcacf342', name: "tc-reload", style: { '--icon-size': '1rem', '--icon-container-display': 'flex' }, accessibilityLabel: this.clearFilterButtonTitle }), this.clearFilterButtonTitle)))));
+            })), theme: this.theme }), this.showClearFilterButton && this.filterState.some(tag => tag.active) && (h("button", { key: '4cb485cbb43ff103cbcc50dd496a14ec29d1835d', class: "clear-button", onClick: this.handleClearClick }, h("tet-icon", { key: '0000473680562d3de9192f22d230503e91152e86', name: "tc-reload", style: { '--icon-size': '1rem', '--icon-container-display': 'flex' }, accessibilityLabel: this.clearFilterButtonTitle }), this.clearFilterButtonTitle)))));
     }
     static get is() { return "tet-filter"; }
     static get encapsulation() { return "shadow"; }

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: '378ae5e48a9fd8ca04a84fef37f6dca219155bff', class: "header" }, this.datepickerView !== 'year'
+        return (h("div", { key: '994bbf94f60e9d9b52b709b1cb6d89e10c4ba43c', 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: '1be14bbdbe3b1a23ae15d1fe4d538a66994d0298', class: "control-button", onClick: () => this.changeDatepickerView() }, this.getControlButtonDate(), h("tet-icon", { key: 'dc0c83682fe780da54b770766e6423c651f1cb24', class: "chevron-down", name: this.datepickerView === 'month' ? 'chevron-down' : 'chevron-up' })), this.datepickerView !== 'year'
+            : h("div", null), h("div", { key: '33adbf0b42dcbee5ff7ff2de02237a58f21a33b5', class: "control-button", onClick: () => this.changeDatepickerView() }, this.getControlButtonDate(), h("tet-icon", { key: 'acc03cee49cbcf0e73bd3900ebd04464beb0f180', 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: '97a44c1f100b57982f0aaed694a9176cf8394110' }, h("div", { key: '4d6c5855323d1d289dd0325c7e05805dc8b5bd26', class: "weekday-header" }, this.days.map((day) => h("div", { class: "day" }, day))), h("div", { key: '5c3d7cd1fccd548122db63c7da08b45c41606c67', 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: '49207c0711d228c30710f7fd606a764c6460dc8d' }, h("div", { key: 'f7237d7a319da4882fd9fac481fab8ac65392756', class: "weekday-header" }, this.days.map((day) => h("div", { class: "day" }, day))), h("div", { key: '8860bdcd8445b9076a4335be3ecd591486eefe55', 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: '35f4f9836984d48e7bb1bf3f41044c6b4c060280', class: "container" }, this.years.map((year) => h("div", { class: this.getYearClasses(year), onClick: () => this.handleYearSelection(year) }, year))));
+        return (h("div", { key: '724401386ea4693a97c14a5354cca89f2409c88e', 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: '08b596b756cbbb2ff7e0f20cc3c97d0e338c41cf', 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: '994bd1a85701669b05bb4dcc453c8459ea8bbefa', 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"; }