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

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: '2c7a5efbaf1b36a29465e35322207afbc991bbae', class: {
+        return (h(Host, { key: '23d0fae51349f7f4c3dcd342b9732dbb1c2e6036', class: {
                 'dynamic-card': true,
                 'is-focused': this.isFocused
-            }, "data-index": this.index, ref: (elm) => { this.rootElementRef = elm; } }, h("div", { key: '92f5d0b91b630adced8bd04fc61b282f26ab47d5', class: `card
+            }, "data-index": this.index, ref: (elm) => { this.rootElementRef = elm; } }, h("div", { key: 'e5283832f448124bfdbfd7f6765e1b20a7627fad', 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: 'fb71b682e4aebb0f1a080ab3f2c3a8b7fdf1c51b', class: "image", part: "image" }, h("slot", { key: '916cffb4223a71597e70578912babe5e31c038e5', name: "image" }), this.renderPrice(), this.renderTags()), h("div", { key: '92058f2436366bc6a8d38de6036a27ac2e054f2a', class: "content-container" }, h("div", { key: '1e8d95cc0e3f1ab923b020db048e4ee7c2561b29', class: "content", part: "content" }, this.cardTitle && (h("h3", { key: '6bdec504f233a6df4eeaeb4ee30090ec2e51e5ca', class: "title", part: "title" }, this.cardTitle)), this.subtitle && (h("p", { key: '681d224b73efed7c7357fe37b62357784e9ff926', class: "subtitle", part: "subtitle" }, this.subtitle))), this.renderButton()))));
+            }, 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()))));
     }
     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: '5cfeb356610686812324390125a1546034fefc8a' }, h("div", { key: 'e5ed316c5403eb1ac5438bedc81550e8d9f728e5', class: { wrapper: this.showLoader && this.singleLoader, 'dark-theme': this.darkTheme } }, this.showLoader && this.singleLoader
+        return (h(Host, { key: '50e0a65cc0191e2a3f5efb9eabdbb37c721c5c80' }, h("div", { key: '0d1fa5ad8a7837c828036deae6d705a452d3a3af', 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: 'cecdc82bd958d266bf8726dbe5f461b8267f6ca5' }, h("div", { key: 'f72f460a02d5ea9a122b906ba21979a4e608ec0e', class: "wrapper" }, h(ThemeWrapper, { key: '8361ecfec8e354cde59c85d7a4214dafc20d1375', theme: this.theme }, h("div", { key: '099ae31d23450145f62f2a1d02f16d6719362b55', class: "image-container" }, h("img", { key: '8d10eb47f9b402104e96fe31fcf27ef2366996b0', src: t('components-referral-image-url'), alt: "" })), h("div", { key: '568d112d72124a3bf45ea38876109dedda17f93c', class: "subtitle-container" }, t('components-referral-subtitle')), h("div", { key: 'b24d91cdc270b4de821e4b8bf9327af11543c246', class: "description-container", innerHTML: t('components-referral-description') }), h("div", { key: '90b0092141db737d5896695b5d61021a49387a12', class: "referral-block" }, h("div", { key: '2fdc47f950b1a9b2d71505a7e16b4a31d248889c', class: "url-wrapper" }, h("div", { key: '240095d6e009b80e9e0bef6eb38b665f986bfffe', class: "referral-url" }, this.getReferralUrl()), h("div", { key: 'e2b0814230d389371b92ffffb58e43e4318b2a15' }, h("div", { key: 'deb154bc138a85be1c46e5a75f5e42d4aa5b07a6', class: "button-wrapper" }, h("tet-tooltip", { key: '6014a0ec1ac07e1e9a2ba8c41ca84316666f1b2e', theme: this.theme, class: "tooltip", doNotShowOnHover: true, ref: (el) => {
+        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) => {
                 this.tooltip = el;
-            } }, t('components-referral-tooltip')), h("tet-button", { key: '5c7ff6fd72a263922303d0522ab68db6770b8991', clickCallback: this.copyToClipBoard, type: "primary", theme: this.theme }, t('components-referral-copy-button-label'))))))))));
+            } }, t('components-referral-tooltip')), h("tet-button", { key: '92bd1cd286b17aea8ee28b753216f4ee8f8c2073', 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: '66acd46cb662a0bd90bc7c7d8d827adf54dd5eb7', class: "multi-step-dialog" }, h("tet-dialog", { key: 'f52edd1c81391c724444fcdb61b611fecfeab92e', 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: '7b3c2048317c3e64d6edff2d8c8be0b7e3a1e35f', innerHTML: this.content }), this.steps.map((step, index) => (this.renderStep(step, index))), h("tet-button", { key: '0dcaef0ae6130cec2c119e1f6f13c6b16ee4b751', 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: '4617da13252860e8aab30f6e66a8095c858594dc', 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: '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')))));
     }
     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: '261031cc92f3bb94bcf8d347f2a560c78d90e959', class: { 'dark-theme': this.darkTheme } }, this.success ? this.renderSuccessStep() : this.renderForm()));
+        return (h("div", { key: 'bae5c47707fb2ba706fa2f35ab25db2148f36434', 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: '12f44be5aae5fd43c46db77a65a3ad6c08f1ffb4', 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: '3bb4e9133033ee76d800e38dda108b210ae165c9', 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: '8c81b5e8844f33c6ba58547cd1eec9ea13014693', class: { 'modal-form-card-content': true, [`${theme}`]: true } }, h("div", { key: 'f99099c3179206116590405c22495334c198edee', class: "modal-form-card-content-header" }, h("div", { key: '405d97bfed262e6b270cca197ffc61a40d7e526f', class: "icon-wrapper" }, h("tet-icon", { key: 'fb5c0f3905ce597b187d0c719594a123e0a2f9e8', class: "icon", name: "tc-company-1" })), h("span", { key: '1325787fe552dea69718c66cc08e49f3a2b5fcbf', class: "modal-form-card-content-header__title" }, t('components-b2b-check-out-form-title')), h("span", { key: '925aaf3dd858699de4a2148c8aa1bdce33ad0814', class: "modal-form-card-content-header__description" }, t('components-b2b-check-out-form-description'))), h("div", { key: 'b1509723c45cef37b65f206fd10a361eb3b6af1c', class: "modal-form-card-content-accordion-wrapper" }, h("slot", { key: '7c4eda53556e8d2f0d366af58f61e6d3e1114ea5', name: "cart" })), h("form", { key: '92bf3ba779bdaed6cd9e68f0ae625db8ca47e035', id: "checkOutForm", class: "modal-form-card-form", ref: (ref) => (this.checkOutForm = ref) }, h("div", { key: '341f40d1e7f8b9b3f8c91678f5b908ad0d9ca6fb', 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: '3f304a43c92361cbb822ef944d84187fb8a0637a', 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: 'd2b6628d9424f70829b75e7478ca8e6d00547dd4', class: "modal-form-card-content-checkbox", label: t('components-check-out-form-privacy-policy'), theme: theme }), h("slot", { key: '6c21f78cc062142128acaf6edee12b174957124d', name: "extra-fields", ref: (element) => (this.extraFieldsSlotElement = element) }))), h("div", { key: '20a3ebfe9581f993206cbe217422b0faecf05fab', slot: "footer", class: "modal-form-card-footer" }, h("tet-button", { key: 'cfc626a24abbf2ebfc10bfbd488e0cb9c0bde232', type: "secondary", size: "medium", theme: theme, onClick: () => {
+            } }, 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: () => {
                 this.dialogElement.close();
-            } }, t('components-b2b-check-out-form-close-button-label')), h("tet-button", { key: 'c1f561467388841e8b62675f3ac38f532d579122', 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: '88595b4dfacc467a09cd8b91bf7397efdeb05212', 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: 'beb8c3d3ca0db4bc276a2e87eff607d72086a838', class: { 'dark-theme': this.darkTheme } }, h("tet-container", { key: 'f7d045d5b1e47bf41149881878f5336b9c4159ec', class: "container" }, this.showLoader && this.renderLoader(), h("div", { key: 'b97b346422ba42547cdd2a2f880208793d4cde9f', class: "form-container" }, this.showTitle && h("h2", { key: '96e0b36a129acbb05862de114b2564906ab2af19', class: "form-title" }, t('components-contact-form-title')), h("p", { key: '7d6d47aaaa530e0cccc58145f13e81e870ace5ac', class: "form-subtitle" }, t(this.subtitle)), h("tet-input", { key: '7916efe6a2002ba11566a824909212dd9e5c2bf7', 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: '85266457c06c9e09d6cc745414da4adfbf4fe853', class: "form-submit", type: "primary", clickCallback: this.createManualTask, innerHTML: t('components-contact-form-submit'), ...this.submitButtonProps })))));
+        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 })))));
     }
     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: '6e974c9c8f1ffd16416d89a89bd0beb3949f90a3' }, h("section", { key: 'c8223e88595b2ae02b5146d88841d187d2c812a1', class: "feedback-form" }, this.submitted ? this.renderThankYouComponent() : this.renderAccordionComponent())));
+        return (h(Host, { key: 'de7b219f3491ca9d7c84e1f22e9b1d5cbe281a0f' }, h("section", { key: '750b32b11990ca938c97dbef44434d3031e57d0e', 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: '897f23f87a68c2b2af46bf65456a7f11325deab3' }, h("div", { key: 'bd9eda1afd8a194cd7c004413f229926ca33e20d', class: { 'tv-gift': true, [`tv-gift--${this.containerSize}`]: true } }, h("div", { key: '505c15b6c8430fded765a2fe754548e76fb780c1', class: "tv-gift__header" }, h("slot", { key: '00e2e7d1b4e998696175d3d8413b9508d6695117', name: "header" }, this.headerImageSrc && h("img", { key: '4e003772606714723d7646a59c38541dc3592993', class: "tv-gift__header__image", src: this.headerImageSrc }), h("div", { key: 'ee152d23f19056b8f80dcebda2fe8182a7b11c52', class: "tv-gift__header-text" }, this.headerTitle))), h("div", { key: 'ae59e0d2f78391b984c175924e0940c887605b20', class: "tv-gift__content" }, h("slot", { key: '52698a9be6a9daa3c62553668c6fe7105a54c2f3' })), h("div", { key: 'a453548305225ce2629b6ef71a7cf3b20cc1e988', class: "tv-gift__footer" }, h("slot", { key: 'edd958bc67ab30b08e1cb70ac8b1ca29a615fac1', name: "footer" }, h("span", { key: '597f9451fb6ac6a44a92ab7825e043635dc93dfa', class: "tv-gift__footer__title" }, this.footerTitle), h("span", { key: 'df8b6a40e64e1f6038d753ab7a4c1eef0f092b46', class: "tv-gift__footer__text" }, this.footerText))))));
+        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))))));
     }
     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: '709d8b2605b1bb7011229abbba1551c842b39e0d' }, h("div", { key: '81cf090e004da33e97cce16cd7abdc615749a258', class: {
+        return (h(Host, { key: '3f3b05ca9a0680de3d4e3b7e8d873ced31fa88e7' }, h("div", { key: '46cbc854acd15e0fb235f91e1f02d909290cf163', class: {
                 'tv-gift-list': true,
                 [`tv-gift-list--${this.containerSize}`]: true,
                 'tv-gift-list--image-list': Boolean(this.imageSource),
-            } }, this.imageSource && (h("div", { key: '7c021e2f2b20b54ccd3b193fd2ae72f6ece17690', class: "tv-gift-list__image__wrapper" }, h("img", { key: '0d27d612194d221b01de9d60a1be94acd12e21c8', class: "tv-gift-list__image", src: this.imageSource }))), h("div", { key: '75a21a5e8aaf8acfc5af2024fcf47ebc4c262226', class: "tv-gift-list__list__wrapper" }, h("span", { key: '314173ac2e7d8e344e84efc3904517b203fcacc4', class: "tv-gift-list__list__header" }, this.header), h("ul", { key: 'f125acb4961ba78988e242cf17b74429f93f39ba', 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: '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))))))));
     }
     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: '7adccbc8b3035550420d5e0eac1d46f68052526d' }, h("button", { key: '6d6732ed5e7d2c55e200aa7421f8ae2c54015a31', part: "button", onClick: this.handleClick, id: this.elementId, class: {
+        return (h(Host, { key: 'ea42eeb4ee80620a790938eb08c6322fa4dee214' }, h("button", { key: '3be18f558bd71839e588a086b469d9ffa049d7a2', 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: '4994fd34f7d6bd6c8ecd455901af830a3aff2da9' }, h("div", { key: '145d350427b8b39fcb4eec64cc2831bd8a591102', class: { checkbox: true, [`${this.theme}`]: true } }, h("label", { key: '2997be88ae2f9c5e47acd57451319af53d16d03c', class: {
+        return (h(Host, { key: '420d050446b7d784b6bd195995f1a9cdbab7dc41' }, h("div", { key: '06144639465440683c76befab4c89803610ed76d', class: { checkbox: true, [`${this.theme}`]: true } }, h("label", { key: '630f225abbfbc7778c6680d8405edb2cb8f9b98f', class: {
                 'checkbox__container': true,
                 'checkbox__container--focus-style': this.focusStyleOnContainer,
-            }, part: "checkbox-container", htmlFor: "tet-checkbox" }, h("input", { key: '7b5939ba0c313e826c87afdd34ab6fe53a02d771', 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: '830ff2dc0d3578358eec875ef82eec88bad5425d', class: {
+            }, 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: {
                 'checkbox__input': true,
                 'checkbox__input--error': error,
                 'checkbox__input--hide-focus-style': this.focusStyleOnContainer,
-            } }, h("tet-icon", { key: '9d765bfbec5c97c00d6fa3c4d2292844a2ec3afb', name: "remove", class: "checkbox__icon checkbox__icon--indeterminate indicator" }), h("tet-icon", { key: '20a7ca36f8603038529cec3bcaf5120a0557679a', 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: '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)))))));
     }
     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: '5ce2ebb64805cede6f46fe8f1e11669755e02269' }, h("div", { key: 'acdcfd4aabc23020d21407d2a171fe6c9c003a9f', class: { radio: true, [`radio-${this.theme}-theme`]: true } }, h("label", { key: '09bbc949154be7e9c6c49bde03dc986349b9cf65', class: "radio__container", htmlFor: id }, h("input", { key: '75a9a0a0a2eec79370fe8e890dd32b632020ccfb', 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: 'ee687e1378ebe5f4161a704fe930e879ba619069', class: "radio__input" }), label ? (h("span", { class: "radio__label", innerHTML: label })) : (h("span", { class: "radio__label" }, h("slot", null)))))));
+        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)))))));
     }
     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: '28ae0b65de9b35494421f26de6ba070251c513e9' }, h("div", { key: '960e76423a8248c07d1a4e4734dc37ea8c909902', class: { 'switch': true, [`${theme}`]: true } }, h("label", { key: '9d4e2a4aae217a034ac4e0f18fe72e617c6d8c91', class: "switch__container", part: "switch-container", htmlFor: "tet-switch" }, h("input", { key: '628be8bcab2d85054b1baadca3d97bce6af7ad65', 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: '29221d1549c061f895fa0a766079b587b39ab0c0', class: { "switch__input": true, [this.theme]: true } }, h("span", { key: '7d8fef451f65fdd4029721e02ea3f2a36d7c6730', class: "switch__state" })), label
+        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
             ? 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: '3d707413b1e43dceb5d9dfa3426e104b704d0c4f' }, h("div", { key: 'ca9eeb6d0a4837a34db06a35f9bbc3d891e35f63', class: {
+        return (h(Host, { key: '75b813191a53b19cfd9b3360829e8b98c276f133' }, h("div", { key: '4f8e2d1604fb1e915c34147780f165f7099ed1e1', class: {
                 'tet-tab-content': true,
                 'use-visibility': this.useVisibility,
                 [this.theme]: true
-            } }, h("slot", { key: '55910073183c867ff37d5af21e69f39b420d3b12' }))));
+            } }, h("slot", { key: 'de34164bcc6a708a08dd62201d17c1629b1ebefd' }))));
     }
     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: '47f617655b7afbe1929de6f04fcc0ad9b17aae4b', "data-id-suffix": this.idSuffix }, h("div", { key: 'b71ccfd86728c6088cf44e5751c9951bfb010cb5', class: {
+        return (h(Host, { key: '17080684e4a7c7b83b46561c07b351d458768820', "data-id-suffix": this.idSuffix }, h("div", { key: '2cb0fcdd70483ff94cce97f73b6a579bd22b9c6a', 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: 'a7e7099543ff2c2aee1ff7147599f58f53d3ac5f', ref: (slot) => (this.tabContainer = slot) })), h("div", { key: '800e8fc3c243ac5c6979df035c84b68cb51a4363', class: {
+            }, 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: {
                 '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: '086f951b5334e7710fea561343f937a675585b4d' }, h("button", { key: '8a812ee34727e53455e5006ca45d9cedae50b9ab', class: {
+        return (h(Host, { key: '2ff34b845ac2dab42bf209047376f43089d2640a' }, h("button", { key: '5848d36dc3f74c471a61e66f3b1e93dc378db144', 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: '4952d4e5fe00ae88d5d115cb72aba8d65c1d3980', class: "tag-title" }, t(this.tagTitle)), this.count !== null && this.count !== undefined && h("span", { key: '0858222d5874927006a5e5e3f8f4d429527e95a5', class: "tag-count" }, this.count), this.showIcon && h("tet-icon", { key: 'ae4fe91de2d2833b2635e3208f9830da61cb7d0b', class: "tag-icon", name: "close-circle", part: "icon-selected" }))));
+            }, "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" }))));
     }
     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: 'ccdb2a82e8f762b784f88fe8fc8411c7f58db6c4' }, h("div", { key: '3518075a77f61caa6b37830c8185f430552fa54c', class: { 'tet-carousel': true, [`${this.theme}`]: true }, ref: (el) => (this.container = el), part: "carousel" }, h("div", { key: '0793973e111c0c94ef35829434c67d48e30fae5e', class: "tet-carousel__container" }, h("div", { key: 'a677bf936f443d3f131b7016a1bedd8db7cf8ef7', class: "tet-carousel__gradient-left", ref: (el) => {
+        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) => {
                 this.leftGradientRef = el;
-            } }), h("div", { key: '70a30ed0b05f8ed166e470aecae900b249e20ce8', class: "tet-carousel__gradient-right", ref: (el) => {
+            } }), h("div", { key: '0062e772f6d5835f5fad90a820b0df8fc8a88e62', class: "tet-carousel__gradient-right", ref: (el) => {
                 this.rightGradientRef = el;
-            } }), h("div", { key: '5fc2677a52b16c824cab54f1df2e866188b2ffe1', class: `tet-carousel__track ${!this._showButtons() && !this._showDots() ? 'tet-carousel__track--center' : ''}`, ref: (el) => (this.trackElement = el), style: {
+            } }), h("div", { key: '6af702103844c801fcadef8a3dfde2dcf31bb3da', 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: 'f02701f2504108cf7987031e215a55d6c1927fc4' }))), !!this.label && h("div", { key: '76f95a115dc457824566a4fab63a102b55296a2f', class: "tet-carousel__label" }, this.label), (this._showButtons() || this._showDots()) && (h("div", { key: 'd05e1798f83404fabdec0692a31d09ad1bfa32f0', class: "tet-carousel__controls" }, this._showButtons() && (h("div", { key: '53ab7e4c45d1582b00da881a3f69d7a0a9bf221f', class: "tet-carousel__buttons tet-carousel__buttons--mobile" }, h("tet-button", { key: '5b68295b535ffb4d8eec6c029352d0ed533fb56b', 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: '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: () => {
                 if (!this.isDragging)
                     this.handlePrev();
-            }, "aria-label": t('components-carousel-previous'), disabled: this.dotCount <= 1 || this.activeItem === 0 }))), this._showDots() && (h("div", { key: '770af8e5ad30fbc098392b4ba6225f4d51a7bd93', 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: '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: () => {
                 if (!this.isDragging)
                     this.handleDotClick(idx);
-            }, onClick: () => this.handleDotClick(idx) }))))), this._showButtons() && (h("div", { key: '5862d85a1ae5b7e85594d848a91f77e0df442c00', class: "tet-carousel__buttons " }, h("tet-button", { key: '92ec06d94bcdf4070197b5a6134e8950a02205af', 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: '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: () => {
                 if (!this.isDragging)
                     this.handlePrev();
-            }, "aria-label": t('components-carousel-previous'), disabled: this.dotCount <= 1 || this.activeItem === 0 }), h("tet-button", { key: '4bd7318167e6ff71f465c159e48bc1e545390438', 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: '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: () => {
                 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: '99459b4546c7b222b04ba318dbf9e648b90ead46', class: {
+        return (h("div", { key: 'b43eb05696a5c3ba27738d82593d6e08d75b9405', class: {
                 'container': true,
                 'container--highlightable': this.highlightable,
                 'container--selected': this.selected,
                 [`container--${this.theme}`]: this.theme !== 'classic',
-            }, part: "container" }, h("slot", { key: '46ff25fc40012c636952e65f79f56291b169eb8d' })));
+            }, part: "container" }, h("slot", { key: '616230e4cb454cf2b268db86669d53c6aea821c9' })));
     }
     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: '08af7fe1ad185044243ba310dff631fc1683d4b0', class: "icon-wrapper", tabindex: (this.focusable || this.accessibilityLabel) ? 0 : -1 }, h("span", { key: 'b869128d153e2e75cabf554394e4eb46c6a5c93c', class: {
+        return (h("span", { key: 'be3bc4c4cc41d4528b8df78dc9224c91f876df16', class: "icon-wrapper", tabindex: (this.focusable || this.accessibilityLabel) ? 0 : -1 }, h("span", { key: 'cfda7df1ac0cba082ea5ccdcb1ec0a2e7e95c942', 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: '59434ea760f5de340ec4fd12b253451ec5fc5533', class: "loader" }, h("div", { key: 'ebf5b5a69db8f8a31921b4d7fa2cb478836aaff3', class: "loader-inner" })));
+        return (h("div", { key: '647dce99adf724627f0e89b7487ff19445997343', class: "loader" }, h("div", { key: 'adf405537042d6cab435ccbcfe959c61d8135f20', 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: 'e01223a7679078444091fc6a9cb4446a925edc7e', style: { width: this.width, height: this.height } }, h("div", { key: 'bf0eb67ae8a97f23cd93000400c03b44ae1e05e8', class: { 'dark-theme': this.darkTheme } }, h("div", { key: '3a92b993704bd8893407bd1162d8d49347253054', class: "placeholder", style: { height: this.height } }))));
+        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 } }))));
     }
     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: 'ca4dddd1e8ef0c8eb33aae93db8e4d14af0c1f21', ref: element => (this.spinner = element), class: {
+        return (h("div", { key: '9bd5f054790af482bc7d68b17d1bbdb471433959', ref: element => (this.spinner = element), class: {
                 spinner: true,
                 [`${this.theme}-theme`]: true,
                 [`size--${this.size}`]: true,
                 [`spinner--${this.type}`]: true,
-            } }, h("svg", { key: 'ec61cdb983da5074f5ffa9fd723aa83eefd65662', viewBox: "0 0 40 40" }, h("clipPath", { key: 'ef91322ba94251c4b445021a5c06440a1abab2ca', id: "clip" }, h("path", { key: '476c26d6be793863f0e900598c5635aaab009ea0', 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: '00e37e8777fc6b1846ee811ae54ec21a535207f6' }, h("div", { key: 'ed8b172c4afd94f127dc0044415e04d84051e1da', class: "spinner__gradient" })))));
+            } }, 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" })))));
     }
     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: '888b3053c8552e31a9fb1f4f4099a3055734d6fe' }, h("div", { key: '70cd5bf28dd174f63373d71bf7636efc2188343c', class: {
+        return (h(Host, { key: '3a86e9d556de51c35005aa98b7d8722aba587a10' }, h("div", { key: 'dc3c2c5c13190a0ed4719bf846464cc0d08396eb', class: {
                 label: true,
                 'label-active': this.active,
                 [`label-type-${this.type}`]: true,
                 [`theme-${this.theme}`]: true,
-            } }, this.labelTitle && h("p", { key: 'b6f9398ce2da23f9836d4b47f894a4e506c8977d', class: "label-title" }, this.translateTitle ? t(this.labelTitle) : this.labelTitle), this.showIcon && h("tet-icon", { key: '7898e8944fe4a1b48aa790a91a343683575116b9', class: "label-icon", name: "close-circle", part: "icon-selected" }))));
+            } }, 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" }))));
     }
     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: '46f68347298a2d722ed7b9243a591727dd7bd732', class: {
+        return (h("div", { key: 'cfb2dfb5e33d95cb1080489eb899436dc6238da4', 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: 'c837c6469ba8c160cc033c3956734c5e50aa2ad3' }, h("div", { key: '263181574e0f3f9139884b73d5b88fa06a17b2c1', class: {
+        return (h(Host, { key: '30c73ba9f4d930ca347eb8d80dc47bf36cbf8771' }, h("div", { key: '6b92cd63c8ccbb61d383796656a53503c2b9d2e6', 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: 'b0204903cf8b2bb400fdfdd8e02eaab67c30ad2a' }, h("ol", { key: '5517f10f3178a0d85ab1e0c0cd58e242629411d9', class: "stepper" }, this.stepperData.map(this.renderStep))));
+        return (h(Host, { key: '7a954c8646b63fe33a0be3b52deac3ae14b267b7' }, h("ol", { key: 'fb291767abb8c7ca6ef01ec996fb3e5fc98a49c3', 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: '9132bd225d976e4b1ddc36296529e8ce31395235' }, h("ol", { key: '30298aa402db0bb07655adfc66a8cdff75c10a99', class: {
+        return (h(Host, { key: '4eb78a643b6c79c8c3381dabec614735062a6a03' }, h("ol", { key: '3abf831ad760624e907efa4b55750a2d9e7fc64a', 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: 'ca3334b206001f8d31f4e57445a8561a01517154' }, h("ol", { key: '2ce49f807480b166cb4273bf9e80b433b51c0f5e', class: {
+        return (h(Host, { key: '0eace9c1ae56bc2f3ec673da9fc04fa644a4e32b' }, h("ol", { key: 'fcd4b72f8cdc9b4c83de0a7814ada83caa4e02f3', 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: 'b3e8b5af42cc4d7bb00f33b449e96f67c8eea621' }, h("div", { key: 'fdb150e7aa0c3645702b40030959751c4daf68e5', class: { 'filter-container': true, [`theme-${this.theme}`]: true } }, h("tet-tag-group", { key: 'c5519cb2defad57bd8c54007d038df09dade078d', tags: this.filterState.map(tag => ({
+        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 => ({
                 ...tag,
                 clickAction: () => this.handleTagClick(tag),
                 showIcon: tag.active && !tag.disabled
-            })), theme: this.theme }), this.showClearFilterButton && this.filterState.some(tag => tag.active) && (h("button", { key: 'e3cd9b7092f17be8087f3f856d09fd8a7e897396', class: "clear-button", onClick: this.handleClearClick }, h("tet-icon", { key: '15df7c8dd0f7069d1a3f8927ed1b562aaeff7985', 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: '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)))));
     }
     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: '0e8affebb698c93dd4160f92de71007ffe3b3ca7', class: "header" }, this.datepickerView !== 'year'
+        return (h("div", { key: '378ae5e48a9fd8ca04a84fef37f6dca219155bff', 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: '829e23cdf0d26282b33efa8302415ea2f7c37172', class: "control-button", onClick: () => this.changeDatepickerView() }, this.getControlButtonDate(), h("tet-icon", { key: 'b830bee1ab07bd2942bb08ecc58d5b72843bff06', class: "chevron-down", name: this.datepickerView === 'month' ? 'chevron-down' : 'chevron-up' })), this.datepickerView !== 'year'
+            : 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", { 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: '7643f2f68cb4f197bbe1ced52346e1a2e64c390c' }, h("div", { key: '8e2166ea02d6fe8dc18d300ed4e5ebb0f97a9c7c', class: "weekday-header" }, this.days.map((day) => h("div", { class: "day" }, day))), h("div", { key: 'ea0d3415f335b6bc877445c0c7ee31a6ce93d2d4', 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: '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))))));
     }
     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: '7643ab549a45134ae3c15f5acbfde3fc39f2d57a', class: "container" }, this.years.map((year) => h("div", { class: this.getYearClasses(year), onClick: () => this.handleYearSelection(year) }, year))));
+        return (h("div", { key: '35f4f9836984d48e7bb1bf3f41044c6b4c060280', 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: '0ce9531a625cdde9e302de6e7be9d8dda8d773a4', 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: '08b596b756cbbb2ff7e0f20cc3c97d0e338c41cf', 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: '9af4a024ad39c07a26142706fa3fe2bed3ab33d4', class: this.getOverlayClasses(), onClick: this.handleDatepickerClose }, h("div", { key: '9a5affb786b4787dfdeb5a1529ab5313cb52017b', class: "container", ref: (el) => this.datepickerContainer = el }, h("tet-datepicker-header", { key: '1c70893930c59c9d4bc992e0c27db73b8fe51ff0', selectedDate: this.date, internalDate: this.internalDate, locale: this.locale, datepickerView: this.datepickerView }), this.datepickerView === 'month' &&
-            h("tet-datepicker-month-view", { key: '95d1f92182a6d6998c65102521367796d3f13947', selectedDate: this.date, internalDate: this.internalDate, rangePickerMode: this.rangePickerMode, rangeDates: this.rangeDates }), this.datepickerView === 'multi-year' &&
-            h("tet-datepicker-multi-year-view", { key: '57dd7dccbd856ebe1b4dfcdf80b58e8efcfa2b1c', selectedDate: this.date, internalDate: this.internalDate }), this.datepickerView === 'year' &&
-            h("tet-datepicker-year-view", { key: '9f873a7ec7bf27200985e063cc636d01db54f3e2', selectedDate: this.date, internalDate: this.internalDate }))));
+        return (h("div", { key: '8740adbea7e086bff83e1ae090660c1076b41c6c', class: this.getOverlayClasses(), onClick: this.handleDatepickerClose }, h("div", { key: '3cfd44b7409c3a45441990fdb839c228b1c62166', class: "container", ref: (el) => this.datepickerContainer = el }, h("tet-datepicker-header", { key: '4c8c9492aad6b63abdb41beb30f8264aa3a16c83', selectedDate: this.date, internalDate: this.internalDate, locale: this.locale, datepickerView: this.datepickerView }), this.datepickerView === 'month' &&
+            h("tet-datepicker-month-view", { key: '8ee27e99470ab266bedf32776470de4e58cfaa03', selectedDate: this.date, internalDate: this.internalDate, rangePickerMode: this.rangePickerMode, rangeDates: this.rangeDates }), this.datepickerView === 'multi-year' &&
+            h("tet-datepicker-multi-year-view", { key: '1b45ed5101997ea7cb0c4ecfc2f63a09aa2f1cf1', selectedDate: this.date, internalDate: this.internalDate }), this.datepickerView === 'year' &&
+            h("tet-datepicker-year-view", { key: '1363fb604a3245318a1e99e3f707311f218167fd', selectedDate: this.date, internalDate: this.internalDate }))));
     }
     static get is() { return "tet-datepicker"; }
     static get encapsulation() { return "shadow"; }

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

@@ -375,7 +375,7 @@ export class TetDropdown {
     }
     render() {
         const { theme, isOpen, isKeyboardFocus } = this;
-        return (h(Host, { key: '1e64c5d26c7320b96e2910734711fbcdaa89b57c' }, h("div", { key: '5293dc245cf2a20a06efc3e049776226abf44932', class: { 'dropdown': true, 'dropdown--open': isOpen, 'focus-visible': isKeyboardFocus && isOpen, [`${theme}`]: true } }, this.renderButton(), this.renderOptions())));
+        return (h(Host, { key: '7e4b72735dd64dfa17459bde3dcb5ace019087ba' }, h("div", { key: '0f0a27eaced0102cd52b3eff74ccf2d0db610f86', class: { 'dropdown': true, 'dropdown--open': isOpen, 'focus-visible': isKeyboardFocus && isOpen, [`${theme}`]: true } }, this.renderButton(), this.renderOptions())));
     }
     static get is() { return "tet-dropdown"; }
     static get encapsulation() { return "shadow"; }