@tet/tet-components 1.4.6-testing → 1.4.7-staging

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

@@ -135,7 +135,7 @@ export class TetTabCompareCards {
                 tab.disabled = true;
             }
         });
-        return (h("div", { class: "tet-compare-cards-tab__header-container" }, h("tet-tab-header", { darkMode: this.darkHeader ? true : this.darkMode, position: tabList.tabHeader.position, "default-tab": `tab-${level}-${tabList.tabHeader.defaultTabIndex}`, segmented: tabList.tabHeader.segmented, sizing: tabList.tabHeader.sizing, "data-name": tabList.tabHeader.dataName, class: "tet-compare-cards-tab__header" }, tabList.tabs.map((element, index) => (h("button", { "data-name": `tab-${level}-${index}`, class: { disabled: element.disabled || this.showLoader, button: true } }, element.image && !element.imagePositionRight ? (h("img", { class: "tet-compare-cards-tab__header--image", src: element.image, alt: element.altText })) : (''), element.title, element.image && element.imagePositionRight ? (h("img", { class: { 'tet-compare-cards-tab__header--image': true, 'right': true }, src: element.image, alt: element.altText })) : ('')))))));
+        return (h("div", { class: "tet-compare-cards-tab__header-container" }, h("tet-tab-header", { theme: this.darkHeader || this.darkMode ? 'dark' : 'light', position: tabList.tabHeader.position, "default-tab": `tab-${level}-${tabList.tabHeader.defaultTabIndex}`, segmented: tabList.tabHeader.segmented, sizing: tabList.tabHeader.sizing, "data-name": tabList.tabHeader.dataName, class: "tet-compare-cards-tab__header" }, tabList.tabs.map((element, index) => (h("button", { "data-name": `tab-${level}-${index}`, class: { disabled: element.disabled || this.showLoader, button: true } }, element.image && !element.imagePositionRight ? (h("img", { class: "tet-compare-cards-tab__header--image", src: element.image, alt: element.altText })) : (''), element.title, element.image && element.imagePositionRight ? (h("img", { class: { 'tet-compare-cards-tab__header--image': true, 'right': true }, src: element.image, alt: element.altText })) : ('')))))));
     }
     /**
      * Renders tab content.
@@ -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: 'e5053b5fc6a387ead25274117c56453be934a850' }, h("div", { key: '4ea1b50f18436416bbd7cbda69eb23470eeebdf2', class: "tet-compare-cards-tab-wrapper" }, this.withProductFilters ? this.renderProductFilters() : '', this.renderTabHeader(this.data, 1), this.renderLoader(), h("div", { key: 'f9a144648ca90e24b095b556506a590d2ff0e4ce', class: {
+        return (h(Host, { key: '43d5cb54f08cd04990a5c8ab3e2a3ae83c11e1a3' }, h("div", { key: 'd7fb600d56393283b4d5721d1adcf0bbb842d47c', class: "tet-compare-cards-tab-wrapper" }, this.withProductFilters ? this.renderProductFilters() : '', this.renderTabHeader(this.data, 1), this.renderLoader(), h("div", { key: '78dca12d2e6c6dab9f4b1d1e739eed259da19039', class: {
                 'tet-compare-cards-tab__cards': true,
                 'hidden': this.showLoader
             } }, this.productDataLoaded ? this.renderContent(this.data, 1) : ''))));

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: 'a52dddf6388ed2d2761a1a53bdb33771724d1d46' }, h("div", { key: '65edbab278ace2872030bf26c079bec2b9d57631', 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: '13e83c2f9d836db221509f2d620c8118281288d4' }, h("div", { key: 'db5ca91261a88d2d1c61d4be6e6c22b745c0b9e8', class: "wrapper" }, h(ThemeWrapper, { key: 'ccc5964c3fda112e9a808b6640cd052a8e3e6ae0', theme: this.theme }, h("div", { key: '051c7ef8b713562c2210aa74427d7dbe722ea669', class: "image-container" }, h("img", { key: '4e8d781c44ac04edc3f142dc7b9e7352f2cdac63', src: t('components-referral-image-url'), alt: "" })), h("div", { key: '98cec78d0757730972e67ac6b2ffaed1a3e321fa', class: "subtitle-container" }, t('components-referral-subtitle')), h("div", { key: '39d110b915d2bc2723aa0ad244ae19154ebf3247', class: "description-container", innerHTML: t('components-referral-description') }), h("div", { key: '0a2749da0545410f534755da73309c0fa81cf45b', class: "referral-block" }, h("div", { key: '6e313d01aebabbaf63c8d8abcd0b3c99866fc4b0', class: "url-wrapper" }, h("div", { key: '9e29058a18938b129b326d286d246f306706cbce', class: "referral-url" }, this.getReferralUrl()), h("div", { key: '82ce30cc4c7cb31e468fad16e1162671c7e03dee' }, h("div", { key: '79ad46e433c35ba7718208d5e71446ae196cc05d', class: "button-wrapper" }, h("tet-tooltip", { key: '91e99222a8c81fa658467825ced8ed887f13ba16', 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: 'e51b5fce9ed8f098d741ee6b72e587b115ded01b', 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: '102ff5c62d3e84591e002b96e9dbd328ae45aaa7', class: "multi-step-dialog" }, h("tet-dialog", { key: '488022727851fc2ef3f53ae76ad1ee119f0d224e', 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: '9ed0feeec3ccc8e573975b5db3c2bb3d383e2fd9', innerHTML: this.content }), this.steps.map((step, index) => (this.renderStep(step, index))), h("tet-button", { key: '6ac931b659fb4dd627a3760bf92b7c6702da9c8c', 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: '35b1dc4d0eb13756e18c6ea2282d8a07ca00b3c7', 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: 'fce81bf776ba73bf9a0a703b6c5706bc64a655d9', 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: 'f4bb1850730d7a0084cf2ca41e3ab815fd04ae61', 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: '5c23c0ef1f40eefb8a4bb37e3fff838d6f599053', class: { 'modal-form-card-content': true, [`${theme}`]: true } }, h("div", { key: 'ebd1d26f3253c726f7f3ec47dbf4b81c7622171e', class: "modal-form-card-content-header" }, h("div", { key: 'b6f9cb2373f14f0cb7ef74d1ee35762c8011873c', class: "icon-wrapper" }, h("tet-icon", { key: '5c84a9bdd23a0650bb8adde0f7e0486143f58d27', class: "icon", name: "tc-company-1" })), h("span", { key: '1ffbc45a95d93bea491d781744a75075246e4081', class: "modal-form-card-content-header__title" }, t('components-b2b-check-out-form-title')), h("span", { key: '86b83e78dc06f2a8881717c83b5955bf1d6940cb', class: "modal-form-card-content-header__description" }, t('components-b2b-check-out-form-description'))), h("div", { key: '0219825c05711b402d3b85379345c26e1d280f05', class: "modal-form-card-content-accordion-wrapper" }, h("slot", { key: 'b387acbdba8121eb8dd8a6b9005852220895d40e', name: "cart" })), h("form", { key: '3f547c73473e5c735df4c816e1237e83435ec355', id: "checkOutForm", class: "modal-form-card-form", ref: (ref) => (this.checkOutForm = ref) }, h("div", { key: '944453791b28bbe5744213f60c683863d2e11968', 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: '287e329884ed596a0fe471f1e56ae3aeb2f65ad7', 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: 'b34856f42ef282ac2fa0c771f6ebe241a47d3ae9', class: "modal-form-card-content-checkbox", label: t('components-check-out-form-privacy-policy'), theme: theme }), h("slot", { key: '01d82f672d1a924cb40e7af5b5132cef7f4fb7ce', name: "extra-fields", ref: (element) => (this.extraFieldsSlotElement = element) }))), h("div", { key: '13b4790fbe9e886299216e171040173ce46bdde5', slot: "footer", class: "modal-form-card-footer" }, h("tet-button", { key: '02045e393c906dbc8670b33271e557c00130599d', 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: 'e277872842c8f9b87c2dd3e4a7fe7cd0dd83cc61', 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: '886c6ef5822d0d53364c9a7e7bc02bba782f3c89', class: { 'dark-theme': this.darkTheme } }, h("tet-container", { key: 'fdf8d3941c929b26e7eeac8db306aeb7a7fe6b9b', class: "container" }, this.showLoader && this.renderLoader(), h("div", { key: '59b16df587203700305db941b1d4e7338951a917', class: "form-container" }, this.showTitle && h("h2", { key: '5bb4027d3283eaee280d00b5c00ac4c3d06abeb5', class: "form-title" }, t('components-contact-form-title')), h("p", { key: '412a2eb7db28f83116dbb0789763179572efe814', class: "form-subtitle" }, t(this.subtitle)), h("tet-input", { key: 'edf241a9f00772b9651f37da935a7a0ec8639278', 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: 'e886d3a0c7ecbf510d60d39c29cb6e088bd0ee14', 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/promotions/tv-gift/tet-tv-gift-block/tet-tv-gift-block.js

@@ -33,7 +33,7 @@ export class TetTvGiftBlock {
         }
     };
     render() {
-        return (h(Host, { key: '4a6bf183305f006113d88a4045fc3fdc898e7eca' }, h("div", { key: 'e1232a2f945855ef38a787ad5664b85b18213f27', class: { 'tv-gift': true, [`tv-gift--${this.containerSize}`]: true } }, h("div", { key: '04e0198da362ff3b8a407f8dbf7684f1b91af18e', class: "tv-gift__header" }, h("slot", { key: '1b40bf340188469127b90f53e10b5c903a557b55', name: "header" }, this.headerImageSrc && h("img", { key: '34bee651cc8aeb75d75b5819fc26a5b6fcff7b6c', class: "tv-gift__header__image", src: this.headerImageSrc }), h("div", { key: '378d55b82b2477dc008a228aa6d031eca559bfe5', class: "tv-gift__header-text" }, this.headerTitle))), h("div", { key: '744a87d47367041d40199ef88d3731b02f71b611', class: "tv-gift__content" }, h("slot", { key: '47a8c445d97bc98066c6f2936cb6c7bf89b38ca4' })), h("div", { key: 'f286a0133e4122d0d8e392771d0667e313b46944', class: "tv-gift__footer" }, h("slot", { key: 'be0467c109af6daf741cd757a7fddea541967683', name: "footer" }, h("span", { key: 'da4bf20bccbfcee5c4639f6b20aeef584eca51f6', class: "tv-gift__footer__title" }, this.footerTitle), h("span", { key: 'ded6387068b80dbb85bec1a723fe63e96ed820e0', 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: 'd7ca800e6ba25b464ca314db93e45c4364b6d3fd' }, h("div", { key: 'a4f37664e71edd5ca917f5273ce9210531956de4', 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: '218718faf70c8a09c28a142b17baa4c7518b3d90', class: "tv-gift-list__image__wrapper" }, h("img", { key: '771937af4d57ebe70145eadfca53273b6fe2d896', class: "tv-gift-list__image", src: this.imageSource }))), h("div", { key: 'c0a71bf205d2523a41d77d9b5ca84d58eda2a70a', class: "tv-gift-list__list__wrapper" }, h("span", { key: 'c3e657ded0076127e5fe9a52e866bd51bc1bda80', class: "tv-gift-list__list__header" }, this.header), h("ul", { key: 'd821f738bf5f80afb3d9be01a572dfc473a99493', 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-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: '04f5fbf34c4380a326590399687dfbf45a2f6644' }, h("div", { key: 'caff5bc5f6c42d0004352dc313fe5184a75cd01c', class: { radio: true, [`radio-${this.theme}-theme`]: true } }, h("label", { key: 'c1b4a1007c5b3dc6ce8a319111f4327b1cf15c7a', class: "radio__container", htmlFor: id }, h("input", { key: 'c1c43ff284676518d77d0cf0d02212553d6d67e0', 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: '686b33ac07a9e389d459d8525dc4ccab915aa0b6', 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: '23be36b9c734a9c43e9644337a58e4ede719215d' }, h("div", { key: '9411a81d872b6ead7ad41bd4d49cbe68fb7d58d7', class: { 'switch': true, [`${theme}`]: true } }, h("label", { key: 'fe5904e6eab9bd90a7de89d7ff843da2f454adf9', class: "switch__container", part: "switch-container", htmlFor: "tet-switch" }, h("input", { key: 'cff6902a5fcc1febcd40df5a76a0f5b10956c8cc', 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: '70f3b5f739f0f6aa898b358963cfa534cab5f3d1', class: { "switch__input": true, [this.theme]: true } }, h("span", { key: '5366d7f0edf9b561cf987ddb19bebf8d98d8984f', 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: 'a3eaa6eb52160b61c7bfeaf28590ee6a71346eda' }, h("div", { key: '36226685332a4783b4dc383141b1a99d9b559559', 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: '9de9e9ec5e8d9612ec8f0fd7c9fed7c94bbc2ad2' }))));
+            } }, 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.css

@@ -392,6 +392,19 @@
   --tabs-headers-square-base-rgb: 255, 255, 255;
   max-width: 100%;
 }
+:host .dark {
+  --tabs-container-border-color: var(--tc-border-quaternary-dark);
+  --tabs-headers-text-color: var(--tc-text-primary-dark);
+  --tabs-headers-text-disabled-color: var(--tc-grey-50-dark);
+  --tabs-headers-active-border-color: var(--tc-icon-primary-dark);
+  --tabs-headers-hover-border-color: var(--tc-border-tertiary-dark);
+  --tabs-headers-focus-border-color: var(--tc-border-secondary-dark);
+  --tabs-headers-focus-outline-color: var(--tc-blue-40-dark);
+  --tabs-headers-segmented-border-color: var(--tc-border-quaternary-dark);
+  --tabs-headers-segmented-background-color: var(--tc-layer-tertiary-dark);
+  --tabs-headers-segmented-active-background-color: var(--tc-layer-primary-dark);
+  --tabs-headers-segmented-active-box-shadow: var(--tc-elevation-two-dark);
+}
 
 .tabs {
   --active-width: auto;
@@ -490,19 +503,6 @@
 .tabs.blue ::slotted(.active) {
   --tabs-headers-active-border-color: rgb(0, 96, 245);
 }
-.tabs.dark, .tabs--segmented.dark {
-  --tabs-container-border-color: var(--tc-border-quaternary-dark);
-  --tabs-headers-text-color: var(--tc-text-primary-dark);
-  --tabs-headers-text-disabled-color: var(--tc-grey-50-dark);
-  --tabs-headers-active-border-color: var(--tc-icon-primary-dark);
-  --tabs-headers-hover-border-color: var(--tc-border-tertiary-dark);
-  --tabs-headers-focus-border-color: var(--tc-border-secondary-dark);
-  --tabs-headers-focus-outline-color: var(--tc-blue-40-dark);
-  --tabs-headers-segmented-border-color: var(--tc-border-quaternary-dark);
-  --tabs-headers-segmented-background-color: var(--tc-layer-tertiary-dark);
-  --tabs-headers-segmented-active-background-color: var(--tc-layer-primary-dark);
-  --tabs-headers-segmented-active-box-shadow: var(--tc-elevation-two-dark);
-}
 .tabs--segmented {
   display: flex;
   border: 0.0625rem solid var(--tabs-headers-segmented-border-color);

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

@@ -9,8 +9,7 @@ import { debounce } from "../../../../../services/utils/index";
  */
 export class TetTabHeader {
     constructor() {
-        this.theme = undefined;
-        this.darkMode = false;
+        this.theme = 'light';
         this.type = undefined;
         this.position = undefined;
         this.sizing = 'web';
@@ -472,15 +471,18 @@ export class TetTabHeader {
         return {};
     }
     render() {
-        return (h(Host, { key: '42e681d4a571d16603b5cea6a212fdf3ca74b089', "data-id-suffix": this.idSuffix }, h("div", { key: '7e2b531e1f0fc0c11491aa06b03fa21955e9855d', class: {
+        return (h(Host, { key: '225e99ead3163ce7201b511a79426aa568ad0ba9', "data-id-suffix": this.idSuffix }, h("div", { key: '575aa5c8526ee4ce7b8adc1ecc30845491f93237', class: {
                 'tabs': true,
                 'tabs--segmented': this.segmented,
-                'dark': this.darkMode,
                 [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: '3ac4a602de30acbfe6f7de3ae5cd4b2980210754', ref: (slot) => (this.tabContainer = slot) })), h("div", { key: '0001affb03c45190def5388e016627f09c7d04ab', class: { 'tabs-line': !this.segmented, 'no-underline': this.hideHeaderUnderline } })));
+            }, 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,
+            } })));
     }
     static get is() { return "tet-tab-header"; }
     static get encapsulation() { return "shadow"; }
@@ -500,8 +502,8 @@ export class TetTabHeader {
                 "type": "string",
                 "mutable": false,
                 "complexType": {
-                    "original": "'light' | 'classic' | 'blue' | 'dark' | 'square' | 'netflix' | 'dark-gray'",
-                    "resolved": "\"blue\" | \"classic\" | \"dark\" | \"dark-gray\" | \"light\" | \"netflix\" | \"square\"",
+                    "original": "'light' | 'blue' | 'dark' | 'square' | 'netflix' | 'dark-gray'",
+                    "resolved": "\"blue\" | \"dark\" | \"dark-gray\" | \"light\" | \"netflix\" | \"square\"",
                     "references": {}
                 },
                 "required": false,
@@ -511,25 +513,8 @@ export class TetTabHeader {
                     "text": "The theme of the tab."
                 },
                 "attribute": "theme",
-                "reflect": false
-            },
-            "darkMode": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Determines if component is in dark mode"
-                },
-                "attribute": "dark-mode",
                 "reflect": false,
-                "defaultValue": "false"
+                "defaultValue": "'light'"
             },
             "type": {
                 "type": "string",

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: '3b21b6fc394c8f74f24f990dd6490f9d5afe5f5f' }, h("button", { key: 'd1c5331c330cb5ba6f1230cb00ad84e49c7c4436', 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: '6767151b3b4329a864940a08325dda4c6cace3c4', class: "tag-title" }, t(this.tagTitle)), this.count !== null && this.count !== undefined && h("span", { key: 'f63ad08663b8cf1bfe954b0d12d002416ef6aadc', class: "tag-count" }, this.count), this.showIcon && h("tet-icon", { key: '5f2076fc50f41021b1fe87ad4dd1ffeea36d90d0', 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: '49a7ad8d0a2cd1c48612d8a0eb2b851c5221cd43' }, h("div", { key: '9cd354c434476e198254081b32c3e2ffe390f9a0', class: { 'tet-carousel': true, [`${this.theme}`]: true }, ref: (el) => (this.container = el), part: "carousel" }, h("div", { key: 'bd99bb5dd1f029c6114839e7ee8d55a671c74459', class: "tet-carousel__container" }, h("div", { key: '781ad8805ff167058710bba5826aed68a3523575', 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: '5fee5af022717edf2e7c98b743559af29f027101', class: "tet-carousel__gradient-right", ref: (el) => {
+            } }), h("div", { key: '84c8726f2ae119483f9179d7719bf11aca8b33a6', class: "tet-carousel__gradient-right", ref: (el) => {
                 this.rightGradientRef = el;
-            } }), h("div", { key: '3218c376c7f574848196ecbb2bc51ab04841e04e', 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: '82ad09baf8aeca72d26dcee059f3f206aba7c31a' }))), !!this.label && h("div", { key: '40226fe01b17b18b14c894df968f2ef9812e190d', class: "tet-carousel__label" }, this.label), (this._showButtons() || this._showDots()) && (h("div", { key: '160dabb97084ada0cc3e4905c87c5133a7dfa4d4', class: "tet-carousel__controls" }, this._showButtons() && (h("div", { key: 'ed0683bbc98c95236c7ca8fec0c5b76ee54cec9a', class: "tet-carousel__buttons tet-carousel__buttons--mobile" }, h("tet-button", { key: '971fa9d2229a013a4e67d6ec98f4f3bd45758c53', 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: 'bcc8ce244cdeb9bbeb7cb85b73a047f0126da693', 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: '67d6d6be658a6c1a41a53bc1f5016b6f1823ca18', class: "tet-carousel__buttons " }, h("tet-button", { key: '1ebccf41362c85c82eafdb2c0424315b2b016080', 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: '0c60f949667745e8dc734deb2c9d5e5af8985f59', 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/icon/tet-icon.js

@@ -50,7 +50,7 @@ export class TetIcon {
     };
     shouldUseDefaultColor = () => (this.useDefaultColor || defaultColorIcons.includes(this.name));
     render() {
-        return (h("span", { key: 'a1755c0393939da8ace88f20c15414eac2b67e6e', class: "icon-wrapper", tabindex: (this.focusable || this.accessibilityLabel) ? 0 : -1 }, h("span", { key: 'a81e4f3560576a3015634f17e964ea18aa9ae9e7', 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: '6a73f7b3627a433142f72f347cd7cb2f13181657', class: "loader" }, h("div", { key: '8a259c70f5fa4232f7f9072dbc64787293dd73e6', 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.css

@@ -356,13 +356,15 @@
    * @prop --placeholder-secondary-background-color: Secondary color of the placeholder block.
    * @prop --placeholder-animation-speed: Speed of the loader effect.
    * @prop --placeholder-border-radius: Border radius of the placeholder block.
+   * @prop --placeholder-min-height: Minimum height of the placeholder block.
    */
   --placeholder-primary-background-color: #eeeeee;
   --placeholder-secondary-background-color: #dddddd;
   --placeholder-animation-speed: 2s;
   --placeholder-border-radius: 0.3125rem;
+  --placeholder-min-height: 2em;
   display: block;
-  min-height: 2em;
+  min-height: var(--placeholder-min-height);
 }
 
 .dark-theme {
@@ -380,7 +382,7 @@
 }
 .placeholder {
   display: block;
-  min-height: 2em;
+  min-height: var(--placeholder-min-height);
   border-radius: var(--placeholder-border-radius);
   background-image: linear-gradient(90deg, var(--placeholder-primary-background-color) 0%, var(--placeholder-secondary-background-color) 50%, var(--placeholder-primary-background-color) 100%);
   background-position: 0 0;

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: '01620570b7e11af05625e9ce943a0493e303193c', style: { width: this.width, height: this.height } }, h("div", { key: '7ff28a9673aa08136851727f688e8a309a3903f4', class: { 'dark-theme': this.darkTheme } }, h("div", { key: 'f899d4da2a5c37d49bc8fc9e99727bd64cc32fc8', 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: '32db0c934ad63e442b8bcaf4ee7ddde7671fa0f2', 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: '8fd29831970ee911a493b0d685fce49ec64a2c6d', viewBox: "0 0 40 40" }, h("clipPath", { key: '434716703b3f6fffd3b97e8a40b0a32d69459b84', id: "clip" }, h("path", { key: '7f666240c50a3e35f82f388e1ab7bf0cfc2d32b2', 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: '62289dbcbb5b8844df4ce10d9f3482a31f4aa6e6' }, h("div", { key: '445d72c9458368235926e2e2771d181f1c39827d', 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: 'e11a652248aed8c0d1598e8bfc7ad8b5f86cdf8c' }, h("div", { key: '262014a7de658fe284364d56dd24f7fb21b88adb', 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: 'dc018c7e791e37a15136c7be729bcf652e78c31b', class: "label-title" }, this.translateTitle ? t(this.labelTitle) : this.labelTitle), this.showIcon && h("tet-icon", { key: '2acc2db89b5394c672814eb203c9c7c1f8e0d886', 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-round-stepper/tet-round-stepper.js

@@ -59,7 +59,7 @@ export class TetRoundStepper {
         this.calculateContainerWidth();
     }
     render() {
-        return (h(Host, { key: 'd8e7a5cdd4b33ca9d4eaed7f386fbcd2983f64d6' }, h("div", { key: '40b628ac7cf63fb24a326a9ce1783c0fdd6f721e', 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: 'ce4bfa7c45846d165e0a5c45f32122bb58a2db71' }, h("ol", { key: '64e1a8c9af5091f9f73359be37765cdf5dd33e27', 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: '77c04aee60320522729589f4497a1e9fdc69b938' }, h("ol", { key: 'c907e291dded101a263a23c11247fbdc7c4b8aca', 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: '5187ae66bd860b81edc8da8184867dfa8e8a1457' }, h("ol", { key: '60676200653c835b84406e400abb82f84c752b0e', 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/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: '27fc5ef4ed5ebfb75db9ff719f0888728aa9944d', 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: 'bbb763a6f7ad7fb570ff3628efb95ab40f7a79d7', class: "control-button", onClick: () => this.changeDatepickerView() }, this.getControlButtonDate(), h("tet-icon", { key: '3d2ecdf4b20f0a7b0e5795d5fb643afd0f65f81b', 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: '1d1f4ceb9d4b72afde073a6ca4440d52b63fc977' }, h("div", { key: 'e63dc978734dea3f4a1c144e395defb7d9561d91', class: "weekday-header" }, this.days.map((day) => h("div", { class: "day" }, day))), h("div", { key: '71f8e0f8be3cf971d39b59ef67b1c0424cbf8a4b', 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: '2650e159dca9c1e87086c07cdf7976d65a61000e', 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: 'c758d4a508468b4424d87d49d169954d8cce83a6', 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"; }

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: '94dc6d3440fc038771e83327d796a0001cf63c02', class: this.getOverlayClasses(), onClick: this.handleDatepickerClose }, h("div", { key: 'a806c6be5d30e493e9112653f8cdfdcc30fc8a77', class: "container", ref: (el) => this.datepickerContainer = el }, h("tet-datepicker-header", { key: '99f0e614d1be2c594530959cefe661badc0f898c', selectedDate: this.date, internalDate: this.internalDate, locale: this.locale, datepickerView: this.datepickerView }), this.datepickerView === 'month' &&
-            h("tet-datepicker-month-view", { key: '5b333ed35cc86ce606e67859f0c6a8420c49a8d6', selectedDate: this.date, internalDate: this.internalDate, rangePickerMode: this.rangePickerMode, rangeDates: this.rangeDates }), this.datepickerView === 'multi-year' &&
-            h("tet-datepicker-multi-year-view", { key: '8e92cff3ebddd3b7dc657151c773ed86863bafa4', selectedDate: this.date, internalDate: this.internalDate }), this.datepickerView === 'year' &&
-            h("tet-datepicker-year-view", { key: 'b7a457418e698e5efba4639ebb27f77f164be15d', selectedDate: this.date, internalDate: this.internalDate }))));
+        return (h("div", { key: '4fe71fb245ae22a4ebdf807ca7dc7248049d139f', class: this.getOverlayClasses(), onClick: this.handleDatepickerClose }, h("div", { key: 'f430f0461cb32da7941868096b7557414a21bbf1', class: "container", ref: (el) => this.datepickerContainer = el }, h("tet-datepicker-header", { key: 'b71b4d38859a72bf3879dd416cb9b71398115b1b', selectedDate: this.date, internalDate: this.internalDate, locale: this.locale, datepickerView: this.datepickerView }), this.datepickerView === 'month' &&
+            h("tet-datepicker-month-view", { key: '185740a6c1d022659a39aea1f52305de7599f39a', selectedDate: this.date, internalDate: this.internalDate, rangePickerMode: this.rangePickerMode, rangeDates: this.rangeDates }), this.datepickerView === 'multi-year' &&
+            h("tet-datepicker-multi-year-view", { key: 'fe22e3c8e719e91875771b40eab504a5ea66afff', selectedDate: this.date, internalDate: this.internalDate }), this.datepickerView === 'year' &&
+            h("tet-datepicker-year-view", { key: '6d0252e4c42ec91dcd12f8de2fbb7c48c0fd95c1', selectedDate: this.date, internalDate: this.internalDate }))));
     }
     static get is() { return "tet-datepicker"; }
     static get encapsulation() { return "shadow"; }