@tet/tet-components 1.3.147-production → 1.3.148-production

package/dist/esm/tet-carousel.entry.js

@@ -433,14 +433,14 @@ const TetCarousel = class {
         document.removeEventListener('click', this.preventClickOnDocument, { capture: true });
     }
     render() {
-        return (h(Host, { key: '02bca83aabf1b150e569961ba8a8bcfe01885270' }, h("div", { key: '7f0200250a73d5bda9bf12387d340eca5961a8f9', class: { 'tet-carousel': true, [`${this.theme}`]: true }, ref: (el) => (this.container = el), part: "carousel" }, h("div", { key: 'ec7297371fe96e3c3cc056b8874bcd5ee0d961d3', class: "tet-carousel__container" }, h("div", { key: '7bef78724280d4f7d72ef66fa1ee2067857df4a5', class: "tet-carousel__gradient-left", ref: (el) => {
+        return (h(Host, { key: '1792fe60e27e574aebbc8ff36d0a0dfeccf0b085' }, h("div", { key: '287787193edd93556530e20a0e859e95ef1c2583', class: { 'tet-carousel': true, [`${this.theme}`]: true }, ref: (el) => (this.container = el), part: "carousel" }, h("div", { key: '0171bd7d51d27952f7d3d05bf2ac332171d7e4b2', class: "tet-carousel__container" }, h("div", { key: '8163f5b827ee9e390db99e5dff2ed820190134b4', class: "tet-carousel__gradient-left", ref: (el) => {
                 this.leftGradientRef = el;
-            } }), h("div", { key: '3febcb4804c6948635fe64ab87ad5330726ab3b5', class: "tet-carousel__gradient-right", ref: (el) => {
+            } }), h("div", { key: '8bb958b94b9e50e195fce57f93e54217b0f94786', class: "tet-carousel__gradient-right", ref: (el) => {
                 this.rightGradientRef = el;
-            } }), h("div", { key: '816866f602ca1e4cf43b28fd9f19693399836042', class: `tet-carousel__track ${!this._showButtons() && !this._showDots() ? 'tet-carousel__track--center' : ''}`, ref: (el) => (this.trackElement = el), style: {
+            } }), h("div", { key: '73da73a8ca7ef4b8f135c63043747eaddfd16c54', 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: '154b62cb6aef80be6f0c38238ad5a88ad1c962b8' }))), !!this.label && h("div", { key: '2698215eb1fe60cd1d7df52b0c0c58da86b10f42', class: "tet-carousel__label" }, this.label), (this._showButtons() || this._showDots()) && (h("div", { key: 'ceef8410878bff1afbbe782bac5a55b11248f52c', class: "tet-carousel__controls" }, this._showButtons() && (h("div", { key: '09e413c97d5914b4276bf335482d2957651d52d1', class: "tet-carousel__buttons tet-carousel__buttons--mobile" }, h("tet-button", { key: 'c7e5105ea837e96956fbfe3f2e763b5a25e2f363', class: "tet-carousel__btn", theme: this.theme === 'light' ? 'dark' : 'light', "icon-name": this.buttonIconLeft, "icon-mode": true, tabIndex: -1, onClick: this.handlePrev, "aria-label": translate('components-carousel-previous'), disabled: this.dotCount <= 1 || this.activeItem === 0 }))), this._showDots() && (h("div", { key: '1a74136894fec1d7755ac71bf8ba2dfa5e474703', 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, onClick: () => this.handleDotClick(idx) }))))), this._showButtons() && (h("div", { key: '988e392525ea7e55a802ab2049ec3e09f9785717', class: "tet-carousel__buttons " }, h("tet-button", { key: '7f8dc04ce47af09cf6db8bc8efa742af1f73cfbc', class: "tet-carousel__buttons--desktop tet-carousel__btn ", theme: this.theme === 'light' ? 'dark' : 'light', "icon-name": this.buttonIconLeft, "icon-mode": true, tabIndex: -1, onClick: this.handlePrev, "aria-label": translate('components-carousel-previous'), disabled: this.dotCount <= 1 || this.activeItem === 0 }), h("tet-button", { key: '77ed1f82d967af5caf632d8d7dfcd466f4479ec2', class: "tet-carousel__btn", theme: this.theme === 'light' ? 'dark' : 'light', "icon-name": this.buttonIconRight, "icon-mode": true, tabIndex: -1, onClick: this.handleNext, "aria-label": translate('components-carousel-next'), disabled: this.dotCount <= 1 ||
+            }, onPointerDown: this.onPointerDown, onMouseMove: this.onPointerMove, onPointerUp: this.onPointerUp, onMouseLeave: this.onPointerUp }, h("slot", { key: '09320c74db3e8e45e71ed8bf74cedd8ee7f74e73' }))), !!this.label && h("div", { key: 'a0121aaebeb270c8ac63877a62e17ea610bc7772', class: "tet-carousel__label" }, this.label), (this._showButtons() || this._showDots()) && (h("div", { key: '139ee08470b0b296000bcf6418889a92504d8f14', class: "tet-carousel__controls" }, this._showButtons() && (h("div", { key: '7b6c5fcec80a3168cefb4c27300f53163546fac9', class: "tet-carousel__buttons tet-carousel__buttons--mobile" }, h("tet-button", { key: '44255567a48eca0ca3dd2e7275ea825d7e462991', class: "tet-carousel__btn", theme: this.theme === 'light' ? 'dark' : 'light', "icon-name": this.buttonIconLeft, "icon-mode": true, tabIndex: -1, onClick: this.handlePrev, "aria-label": translate('components-carousel-previous'), disabled: this.dotCount <= 1 || this.activeItem === 0 }))), this._showDots() && (h("div", { key: '57f4e2712647df42ecf071f4c9dfdd9432a845e2', 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, onClick: () => this.handleDotClick(idx) }))))), this._showButtons() && (h("div", { key: '934e6d861ebb21a655cf1460393893248af0d5e7', class: "tet-carousel__buttons " }, h("tet-button", { key: '51291303b542013cdd7f308ed32faac978dbb625', class: "tet-carousel__buttons--desktop tet-carousel__btn ", theme: this.theme === 'light' ? 'dark' : 'light', "icon-name": this.buttonIconLeft, "icon-mode": true, tabIndex: -1, onClick: this.handlePrev, "aria-label": translate('components-carousel-previous'), disabled: this.dotCount <= 1 || this.activeItem === 0 }), h("tet-button", { key: 'cbc3598ef02f4e0ac17566f627da3b482e100bf5', class: "tet-carousel__btn", theme: this.theme === 'light' ? 'dark' : 'light', "icon-name": this.buttonIconRight, "icon-mode": true, tabIndex: -1, onClick: this.handleNext, "aria-label": translate('components-carousel-next'), disabled: this.dotCount <= 1 ||
                 this.activeItem === this.totalItems - 1 ||
                 this.isLastViewport(-this.dragOffset) }))))))));
     }

package/dist/esm/tet-checkbox.entry.js

@@ -58,7 +58,7 @@ const TetCheckbox = class {
     }
     render() {
         const { label, name, checked, value, disabled, error } = this;
-        return (h(Host, { key: '0f0aedd31be90507a815dc0133c4b3e3e7b15af4' }, h("div", { key: 'b01b6dc3e63379a6884e2a355f87d6d0c36f932c', class: { checkbox: true, [`${this.theme}`]: true } }, h("label", { key: '1ebeec97f5a5f6731489da19ce226e4e8d6a39c7', class: "checkbox__container", part: "checkbox-container", htmlFor: "tet-checkbox" }, h("input", { key: '1dab79b46dd7b400ae50c22f87fc57c596fa189c', 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: '6ca6a22a7af2c184945a7e2fc2ba34484631f823', class: { 'checkbox__input': true, 'checkbox__input--error': error } }, h("tet-icon", { key: '0897df7726a99ff029514e2a8e11a790e47bef51', name: "remove", class: "checkbox__icon checkbox__icon--indeterminate indicator" }), h("tet-icon", { key: '1c15c55be813cf67eebd7bbd2c3f8340f7c1b9eb', name: "check", class: "checkbox__icon" })), label ? (h("span", { class: "checkbox__label", innerHTML: label })) : (h("span", { class: "checkbox__label" }, h("slot", null)))))));
+        return (h(Host, { key: '03f19809d579c95d3bfadcfe80141065d3b64b6a' }, h("div", { key: '21c0f188d75036da10e5b8b422ea152a0fddf282', class: { checkbox: true, [`${this.theme}`]: true } }, h("label", { key: 'c2f48fbbcb9e08fd0f129f805cbe5ff45b1e6e88', class: "checkbox__container", part: "checkbox-container", htmlFor: "tet-checkbox" }, h("input", { key: 'd5726440aca0c94127c5d8654af7c5de8155fb54', 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: '2eb004fcaf5711d0792f901cef43fa918f10391e', class: { 'checkbox__input': true, 'checkbox__input--error': error } }, h("tet-icon", { key: '5f3df4739d2286426a94771852e46db5ac4f6a5b', name: "remove", class: "checkbox__icon checkbox__icon--indeterminate indicator" }), h("tet-icon", { key: '052d688fb881f1be650836d45bf1615a2b818346', name: "check", class: "checkbox__icon" })), label ? (h("span", { class: "checkbox__label", innerHTML: label })) : (h("span", { class: "checkbox__label" }, h("slot", null)))))));
     }
     static get watchers() { return {
         "indeterminate": ["updateIndeterminateState"]

package/dist/esm/tet-cloud-application-form-dialog.entry.js

@@ -179,11 +179,11 @@ const TetApplicationFormDialog = class {
         return (h("div", { class: "tet-cloud-application-form-dialog__footer", slot: "footer" }, h("tet-button", { theme: this.theme, type: "ghost", size: "medium", clickCallback: () => this.close() }, translate('components-cloud-application-form-close-button-text')), h("tet-button", { theme: this.theme, type: "primary", size: "medium", disabled: this.loading, clickCallback: () => this.submit() }, translate('components-cloud-application-form-submit-button-text'))));
     }
     render() {
-        return (h(Host, { key: '899881db12671dec952cea737584d8a61866e8b0' }, h("tet-dialog", { key: '3f2c97a20ef11f81f6b7ea5261bd22466c6f3b41', ref: (element) => (this.dialogElement = element), part: "dialog", class: {
+        return (h(Host, { key: '03c24f6468f78f58e413aaad07225687a0ecfd2e' }, h("tet-dialog", { key: '0e3a27fe5f4f7f898eaa5de61741c6925e6ce344', ref: (element) => (this.dialogElement = element), part: "dialog", class: {
                 'tet-cloud-application-form-dialog': true,
                 'tet-cloud-application-form-dialog--loading': this.loading,
                 'tet-cloud-application-form-dialog--dark': this.theme === 'dark',
-            }, headerTitle: translate('components-cloud-application-form-title'), footerDisplay: "right", closeOnEscape: this.showOverlay, closeOnOverlayClick: this.showOverlay, theme: this.theme }, h("p", { key: '83ad93b93a9e4d937bd2d96ee623db2058a257e9', class: "tet-cloud-application-form-dialog__subtitle" }, translate('components-cloud-application-form-subtitle')), this.renderFormContent(), this.renderFooter(), this.renderOverlay())));
+            }, headerTitle: translate('components-cloud-application-form-title'), footerDisplay: "right", closeOnEscape: this.showOverlay, closeOnOverlayClick: this.showOverlay, theme: this.theme }, h("p", { key: '4df8cdcbaab0329005c3bf221e14cec36065b718', class: "tet-cloud-application-form-dialog__subtitle" }, translate('components-cloud-application-form-subtitle')), this.renderFormContent(), this.renderFooter(), this.renderOverlay())));
     }
     static get watchers() { return {
         "language": ["onLanguageChange"]

package/dist/esm/tet-compare-cards-tab.entry.js

@@ -192,7 +192,7 @@ const TetTabCompareCards = class {
         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 !== null && vatText !== void 0 ? vatText : false, "card-script": cardScript !== null && cardScript !== void 0 ? cardScript : false, data: cardsWithAddedSACData, newUrlGeneratorStructure: this.newUrlGeneratorStructure })));
     }
     render() {
-        return (h(Host, { key: '9741af104b6e8d779ccb1471bdaaa77b4f9f12c7' }, h("div", { key: '1ec8b532af82628c13054fc0e605d1e6853630d2', class: "tet-compare-cards-tab-wrapper" }, this.withProductFilters ? this.renderProductFilters() : '', this.renderTabHeader(this.data, 1), this.renderLoader(), h("div", { key: '7f35b5a6b7d8930ecd63ef7ae539867dd6d0186e', class: {
+        return (h(Host, { key: 'db4974ee7f4acbafc6c211d2ecde49a38e2a35ce' }, h("div", { key: '75f9c6bb548efd05149739fe006861a482a77168', class: "tet-compare-cards-tab-wrapper" }, this.withProductFilters ? this.renderProductFilters() : '', this.renderTabHeader(this.data, 1), this.renderLoader(), h("div", { key: '5d425a6ad26519a7ae029c9026f4d017849f3adf', class: {
                 'tet-compare-cards-tab__cards': true,
                 'hidden': this.showLoader
             } }, this.productDataLoaded ? this.renderContent(this.data, 1) : ''))));

package/dist/esm/tet-compare-cards_2.entry.js

@@ -150,7 +150,7 @@ const TetCompareCards = class {
         });
     }
     render() {
-        return (h(Host, { key: '5dad30807f12ba12b17d4530a607686bea987a8a', class: {
+        return (h(Host, { key: '13340413d2b261da18d82b36e05eb2abed516860', class: {
                 'must-initialize': true,
                 'initialized': this.initializedState
             } }, this.showLoader ? (this.renderLoader()) : (h("div", { class: {
@@ -333,11 +333,11 @@ const TetTabContent = class {
         this.selectedId = id;
     }
     render() {
-        return (h(Host, { key: '1580679fe80288da68795eb04ce918f4d8c6af64' }, h("div", { key: 'ebdd59fcbf34fe26e1afcb019235b17707368187', class: {
+        return (h(Host, { key: '99ef654990007a1767d83bdada1254908054df86' }, h("div", { key: '9a47d04a0294e2c323d84195a8655bdc3eb1cb79', class: {
                 'tet-tab-content': true,
                 'use-visibility': this.useVisibility,
                 [this.theme]: true
-            } }, h("slot", { key: '4e7ee562756fbea45495666f876da1baa810dfb3' }))));
+            } }, h("slot", { key: 'cbd4bd6c2256bec90cdb4bf3e03811ada0a7c187' }))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/tet-contact-form.entry.js

@@ -70,7 +70,7 @@ const TetContactForm = class {
         processTranslations('tet-components', this.language).then(() => forceUpdate(this));
     }
     render() {
-        return (h("div", { key: '5337fe783b63b1459097a0161fcc763c31985d6e', class: { 'dark-theme': this.darkTheme } }, h("tet-container", { key: '7482718f33d5f8ebf0509ddfeeca8f39eb50bdb4', class: "container" }, this.showLoader && this.renderLoader(), h("div", { key: '321cb3744af611a77f20cf190343425ac6f4ed28', class: "form-container" }, this.showTitle && h("h2", { key: '075e557fd1cccb3e2f3f9bed6cbcee092cf588fe', class: "form-title" }, translate('components-contact-form-title')), h("p", { key: '849598795be4ce3941a29e5bd20d7112cb37b4fa', class: "form-subtitle" }, translate(this.subtitle)), h("tet-input", { key: '67756b83628a2ea5d53164d28317a58095a49dec', class: "form-input", placeholder: "+37122345678", ref: (element) => this.phoneInput = element, validators: this.validators, label: this.showInputLabel ? translate('components-contact-form-input-label') : null, theme: this.darkTheme ? 'dark' : 'classic' }), h("tet-button", Object.assign({ key: 'a62d8c6641769ab7daefc6dfe4be705daf8e85b0', class: "form-submit", type: "primary", clickCallback: this.createManualTask, innerHTML: translate('components-contact-form-submit') }, this.submitButtonProps))))));
+        return (h("div", { key: 'af86227688f591a177aec4f54c06d38bc0ca8eaf', class: { 'dark-theme': this.darkTheme } }, h("tet-container", { key: '10cf49ff11982e46b7254cbd711445568c1c2512', class: "container" }, this.showLoader && this.renderLoader(), h("div", { key: 'a8e3e94d0c5aafb7cab49a38d85759788cd0c65c', class: "form-container" }, this.showTitle && h("h2", { key: '7f4b5a0a607b2dbe5afe88aa4ba71045efb93b80', class: "form-title" }, translate('components-contact-form-title')), h("p", { key: 'e494bc3ddbf49175e9a2bcc7417540987161c0f5', class: "form-subtitle" }, translate(this.subtitle)), h("tet-input", { key: '2e0a29e63513a26d2df98749bb260a3469708901', class: "form-input", placeholder: "+37122345678", ref: (element) => this.phoneInput = element, validators: this.validators, label: this.showInputLabel ? translate('components-contact-form-input-label') : null, theme: this.darkTheme ? 'dark' : 'classic' }), h("tet-button", Object.assign({ key: '8dc67fa295f9ddc2bdc464b26e3eeaa6616c93be', class: "form-submit", type: "primary", clickCallback: this.createManualTask, innerHTML: translate('components-contact-form-submit') }, this.submitButtonProps))))));
     }
     static get watchers() { return {
         "language": ["onLanguageChange"]

package/dist/esm/tet-contact-info.entry.js

@@ -15,7 +15,7 @@ const TetContactInfo = class {
         return (h("div", { class: "contact-info-card-block" }, h("span", { class: "contact-info-card-block-label", innerHTML: contactInfo.label }), h("span", { class: "contact-info-card-block-value", innerHTML: contactInfo.value })));
     }
     render() {
-        return (h(Host, { key: 'fcbcf1451e5d54bed7730ccd7535ddd19d65f547' }, h("div", { key: '2bc9db6db775e11826361ab2bced26ebfcea5392', class: "contact-info" }, h("div", { key: '36a223757a90b5acc5bb6bca1c4e200d4c712302', class: "contact-info-card" }, this.contactBlocks.map(this.renderValueBlock.bind(this))))));
+        return (h(Host, { key: '3576c69904d377e742502b8326a48129a6bec428' }, h("div", { key: 'b93e51999899891f2174831ad4c510a5abfa3541', class: "contact-info" }, h("div", { key: '603efd9a9400e7ce8b971c3e1c50a07b664fcb96', class: "contact-info-card" }, this.contactBlocks.map(this.renderValueBlock.bind(this))))));
     }
 };
 TetContactInfo.style = TetContactInfoStyle0;

package/dist/esm/tet-container_2.entry.js

@@ -12,12 +12,12 @@ const TetContainer = class {
         this.theme = 'classic';
     }
     render() {
-        return (h("div", { key: 'c8a741661066646e49f2135a75b475b86845e23c', class: {
+        return (h("div", { key: 'ba4b5bb640a729c98a94ef47be4a44ef39da5825', class: {
                 'container': true,
                 'container--highlightable': this.highlightable,
                 'container--selected': this.selected,
                 [`container--${this.theme}`]: this.theme !== 'classic',
-            }, part: "container" }, h("slot", { key: '6e5faa486a1c31abfd256eb9397f6ab26c691893' })));
+            }, part: "container" }, h("slot", { key: '9381db3ab788d9bfe73c8b29d422642d1a8eacbc' })));
     }
 };
 TetContainer.style = TetContainerStyle0;

package/dist/esm/tet-customer-assets.entry.js

@@ -120,7 +120,7 @@ const TetCustomerAssets = class {
         return provisioningStatus === 'Active' && tetProductType !== 'ConsumerGoods';
     }
     render() {
-        return (h(Host, { key: 'c86f9048b146ec725d600772063d0dc73a071422' }, h("div", { key: '9449fb4dd61135c2c7486f593b271cc45342e9ee', class: { wrapper: this.showLoader && this.singleLoader, 'dark-theme': this.darkTheme } }, this.showLoader && this.singleLoader
+        return (h(Host, { key: 'f4fa921e310975ed836bf65ec7b2000c03049fdf' }, h("div", { key: '3f62a8cc1ca491c3a2d1857b8f244fcdce467e36', 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/esm/tet-datepicker-header_4.entry.js

@@ -83,9 +83,9 @@ const TetDatepickerHeader = class {
         this.internalDateChanged.emit(newDate);
     }
     render() {
-        return (h("div", { key: 'b45a4b4676bc7b8c735ca45e5067d799eb7dda58', class: "header" }, this.datepickerView !== 'year'
+        return (h("div", { key: '5e9853fc4c6dddedf90714a298129ef8d5308112', 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: 'b9c6818f3582a4627262405f781c4b2a4b439a99', class: "control-button", onClick: () => this.changeDatepickerView() }, this.getControlButtonDate(), h("tet-icon", { key: '040988e761fe3ac28ff59d2108343358867278ff', class: "chevron-down", name: this.datepickerView === 'month' ? 'chevron-down' : 'chevron-up' })), this.datepickerView !== 'year'
+            : h("div", null), h("div", { key: 'ef8216cb059829654419d63e4d1ba296cfc77cbe', class: "control-button", onClick: () => this.changeDatepickerView() }, this.getControlButtonDate(), h("tet-icon", { key: '5dff8cd29082aecbfe2908c41ad9647b7ffac3ea', 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)));
     }
@@ -255,7 +255,7 @@ const TetDatepickerMonthView = class {
         return date.toDateString() === this.currentDate.toDateString();
     }
     render() {
-        return (h(Host, { key: '9938f81c023c0a78b24862282b72dccb1e544a45' }, h("div", { key: '03c0022ecbccb5b2b0197ab4f2f4431d79a35944', class: "weekday-header" }, this.days.map((day) => h("div", { class: "day" }, day))), h("div", { key: '8f1a5e99a7cf67caf3db2b0dc95087965bbcf1cd', 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: '2418b17ffad4717135dd901675cce8837dd67c9d' }, h("div", { key: 'eddd8275d137954d07cb8eda851afe641458c4fe', class: "weekday-header" }, this.days.map((day) => h("div", { class: "day" }, day))), h("div", { key: '4b3d5d75b37046307ac5f7e5453eb9d71a7a98bf', 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 watchers() { return {
         "internalDate": ["handleDateChange"]
@@ -299,7 +299,7 @@ const TetDatepickerMultiYearView = class {
         this.years = this.getYears(this.internalDate);
     }
     render() {
-        return (h("div", { key: 'd6092a99da16905b3219bc57eec53d12afb0ddd3', class: "container" }, this.years.map((year) => h("div", { class: this.getYearClasses(year), onClick: () => this.handleYearSelection(year) }, year))));
+        return (h("div", { key: '7deaee90f0befb6966d42c1f4aed376eadcc866d', class: "container" }, this.years.map((year) => h("div", { class: this.getYearClasses(year), onClick: () => this.handleYearSelection(year) }, year))));
     }
     static get watchers() { return {
         "internalDate": ["handleInternalDateChange"]
@@ -346,7 +346,7 @@ const TetDatepickerYearView = class {
         return this.todayDate.getMonth() === monthIndex;
     }
     render() {
-        return (h("div", { key: 'cdd31b03e4606c17528f12766852b6459ea29339', 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: '903b92c31ff86446b8acb80c12ca5ddc882950d8', class: "container" }, this.months.map((month, index) => h("div", { class: "month-container" }, h("div", { class: this.getMonthClasses(index), onClick: () => this.handleMonthSelection(index) }, month)))));
     }
 };
 TetDatepickerYearView.style = TetDatepickerYearViewStyle0;

package/dist/esm/tet-datepicker.entry.js

@@ -98,10 +98,10 @@ const TetDatepicker = class {
         this.rangeDatesChanged.emit(newDates);
     }
     render() {
-        return (h("div", { key: 'dc2747c18605e233b3706e63d3fec629e92c571d', class: this.getOverlayClasses(), onClick: this.handleDatepickerClose }, h("div", { key: '2a037da3e6d2a15d1df4cec0885c7b9babdb7b6e', class: "container", ref: (el) => this.datepickerContainer = el }, h("tet-datepicker-header", { key: 'ec5e7a951981802163bfdbd34e9a743d91d384fd', selectedDate: this.date, internalDate: this.internalDate, locale: this.locale, datepickerView: this.datepickerView }), this.datepickerView === 'month' &&
-            h("tet-datepicker-month-view", { key: '94d0df64f1651025a1a3b8b89dc763d3cd5f1b42', selectedDate: this.date, internalDate: this.internalDate, rangePickerMode: this.rangePickerMode, rangeDates: this.rangeDates }), this.datepickerView === 'multi-year' &&
-            h("tet-datepicker-multi-year-view", { key: '96d25875caee051a45a4fc79451785b71fe61a90', selectedDate: this.date, internalDate: this.internalDate }), this.datepickerView === 'year' &&
-            h("tet-datepicker-year-view", { key: 'e160d8fab5e54bde32718444f5fe50c73763063d', selectedDate: this.date, internalDate: this.internalDate }))));
+        return (h("div", { key: '7dadc4adb89f9676f81f1d1038ea5b744dd09c8c', class: this.getOverlayClasses(), onClick: this.handleDatepickerClose }, h("div", { key: 'cf0c5c063b86556874067fc2659fd29d14e4545f', class: "container", ref: (el) => this.datepickerContainer = el }, h("tet-datepicker-header", { key: '0b034b1a9b1028939a372fcc25d305481ab6731a', selectedDate: this.date, internalDate: this.internalDate, locale: this.locale, datepickerView: this.datepickerView }), this.datepickerView === 'month' &&
+            h("tet-datepicker-month-view", { key: '7a54c81816f0200d6df3fc625aebff93f30d6285', selectedDate: this.date, internalDate: this.internalDate, rangePickerMode: this.rangePickerMode, rangeDates: this.rangeDates }), this.datepickerView === 'multi-year' &&
+            h("tet-datepicker-multi-year-view", { key: 'f5a0862146008dfb1c8fefad6900893e02ceb318', selectedDate: this.date, internalDate: this.internalDate }), this.datepickerView === 'year' &&
+            h("tet-datepicker-year-view", { key: 'e930e475ad3d464801cebe7dade48f86afb3e966', selectedDate: this.date, internalDate: this.internalDate }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/tet-dialog.entry.js

@@ -114,11 +114,11 @@ const TetDialog = class {
     }
     render() {
         const { isOpen, theme, footerDisplay, handleClickOverlay } = this;
-        return (h(Host, { key: 'be41b43f2bee72dc5885e3d9b621625b047b623b' }, h("dialog", { key: '6ffc249818578336f64fd3db34a9996465725d43', ref: (el) => (this.dialogContainer = el) }, h("div", { key: '0ab236ca45e0e1d5e34fe41b82e31d30d4d06efd', part: "overlay", class: {
+        return (h(Host, { key: '3521f21fdf1f269a8e42f7e64adbe13408ab7d7b' }, h("dialog", { key: '003eeff29ea0fcfc9b04206618aecf10b5398d01', ref: (el) => (this.dialogContainer = el) }, h("div", { key: 'c3340bde5ec1e0a1fa6ccbc35ee901f5a991c582', part: "overlay", class: {
                 'dialog__overlay': true,
                 'dialog__overlay--visible': isOpen,
                 [`dialog--theme-${theme}`]: true
-            }, onClick: handleClickOverlay }, h("div", { key: '648f734c2f2f3d41b3ad9ba94ec8a402c871a36c', part: "dialog", class: { dialog: true, [`dialog--theme-${theme}`]: true }, "aria-labelledby": this.hideHeader ? null : this.titleId }, this.renderHeader(), h("div", { key: '8021344e225f335b506640ff41e44cf4ba216814', part: "body", class: "dialog__body" }, h("slot", { key: 'e81d8bc3cc6fb23acb156d63fb0188773a2ed4a2' })), h("div", { key: 'e7f7f44120221d7cb593d0b395d92c9233e9d8b4', part: "footer", class: { dialog__footer: true, [`dialog__footer--${footerDisplay}`]: true } }, h("slot", { key: '56ae9304a5fd623417c21e0f8637ca846f2899fb', name: "footer" })))))));
+            }, onClick: handleClickOverlay }, h("div", { key: '2a500b947aa85d3abc1ea84cdd039a5e0c3302f4', part: "dialog", class: { dialog: true, [`dialog--theme-${theme}`]: true }, "aria-labelledby": this.hideHeader ? null : this.titleId }, this.renderHeader(), h("div", { key: '5b9f74d015b3048135d9ddc225bce08fecb3bd48', part: "body", class: "dialog__body" }, h("slot", { key: 'f7eca406be076a9c60a710097ac8cb49a002e917' })), h("div", { key: 'f6c0deff2a97ca4776e2f41f3ea44d41c17d4bb0', part: "footer", class: { dialog__footer: true, [`dialog__footer--${footerDisplay}`]: true } }, h("slot", { key: '16d54aebfc61263721850cb7f5758cea22c351ac', name: "footer" })))))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/tet-dropdown_2.entry.js

@@ -365,7 +365,7 @@ const TetDropdown = class {
     }
     render() {
         const { theme, isOpen, isKeyboardFocus } = this;
-        return (h(Host, { key: 'eaa922943ab1a9249f7e0a412dce6a667bd34a12' }, h("div", { key: 'd4b34214d57fc1735af18c2713c22a9cdd874b1e', class: { 'dropdown': true, 'dropdown--open': isOpen, 'focus-visible': isKeyboardFocus && isOpen, [`${theme}`]: true } }, this.renderButton(), this.renderOptions())));
+        return (h(Host, { key: '5fab90fa3a081186b3bcd04fdbe59ce7799405a3' }, h("div", { key: 'f94cf1263202500eb601d1be08d6d99e1baf4548', class: { 'dropdown': true, 'dropdown--open': isOpen, 'focus-visible': isKeyboardFocus && isOpen, [`${theme}`]: true } }, this.renderButton(), this.renderOptions())));
     }
     static get watchers() { return {
         "options": ["onOptionsChange"]
@@ -725,7 +725,7 @@ const TetTooltip = class {
         return isTooltipOutOfBounds;
     }
     render() {
-        return h(Host, { key: '9eba348a363d166e53197a01506c863cdf1a4a20', class: { visible: this.showTooltip } }, this.renderTooltip());
+        return h(Host, { key: '9038a4e6d207d625e43ad30b9dda7428092f5eb5', class: { visible: this.showTooltip } }, this.renderTooltip());
     }
     get element() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/tet-dynamic-card.entry.js

@@ -210,10 +210,10 @@ const TetDynamicCard = class {
         return (h("div", { class: "button", part: "button" }, h("tet-button", Object.assign({}, buttonProps, { ref: elm => { this.buttonRef = elm; } }), this.linkText)));
     }
     render() {
-        return (h(Host, { key: 'f77ca419c357e2684cf337e2559850fb21c455ea', class: {
+        return (h(Host, { key: '55febfc2bc18be736432a4208f1b79d34d9cfe02', class: {
                 'dynamic-card': true,
                 'is-focused': this.isFocused
-            }, "data-index": this.index, ref: (elm) => { this.rootElementRef = elm; } }, h("div", { key: 'fd061d9fc168d7d1473217fc44de7d1a59336c3f', class: `card
+            }, "data-index": this.index, ref: (elm) => { this.rootElementRef = elm; } }, h("div", { key: '087790fbe99709edcde0a31393b50301d3f2aff1', class: `card
             theme-${this.theme}
             size-${this.currentSize}
             position-${this.pictureLayoutShiftPosition}
@@ -221,7 +221,7 @@ const TetDynamicCard = class {
           `, onClick: this.handleClick, onKeyUp: (event) => {
                 if (event.key === 'Enter')
                     this.handleClick(event);
-            }, tabindex: 0, part: "card", "aria-labelledby": this.cardTitle }, h("div", { key: 'b4d70c8a9b27506a16b700185370c74e1b5840d1', class: "image", part: "image" }, h("slot", { key: 'a378c2b423ee0a5871fb6fe3258e811607206d9a', name: "image" }), this.renderPrice(), this.renderTags()), h("div", { key: '92c9b4ebf016b9eabb963c72c2892604a6bbc680', class: "content-container" }, h("div", { key: 'c026be33ccd49864fe19b8daab354a0bd8a4dcce', class: "content", part: "content" }, this.cardTitle && (h("h3", { key: 'c4cb44067ee746947f1c90f4e22bdd77eafc774e', class: "title", part: "title" }, this.cardTitle)), this.subtitle && (h("p", { key: 'cb5810a49bf16f28f1ca838101b9be322796eb8b', class: "subtitle", part: "subtitle" }, this.subtitle))), this.renderButton()))));
+            }, tabindex: 0, part: "card", "aria-labelledby": this.cardTitle }, h("div", { key: '13ea0b0bc3678523ba24017262b30af97182c25c', class: "image", part: "image" }, h("slot", { key: 'cfadf66e49e1b5390bd7c505ba090b92a0af9896', name: "image" }), this.renderPrice(), this.renderTags()), h("div", { key: '9f1b63ed36bb8be4537624c9dd8709257f7aef2d', class: "content-container" }, h("div", { key: 'ffae381fbdfcd35d1fe924dafe1340203d9b1bd5', class: "content", part: "content" }, this.cardTitle && (h("h3", { key: '0b14c254af709c7c6489a5f1e63c6371e00f6c52', class: "title", part: "title" }, this.cardTitle)), this.subtitle && (h("p", { key: '723e6bc1a44c5734d6a8d8fc2c403a67362b07bb', class: "subtitle", part: "subtitle" }, this.subtitle))), this.renderButton()))));
     }
     static get watchers() { return {
         "theme": ["onThemeChanged"],

package/dist/esm/tet-expandable-input.entry.js

@@ -266,13 +266,13 @@ const TetExpandableInput = class {
         return '';
     }
     render() {
-        return (h(Host, { key: '7117adc453cecdb39303c328f8e47fc00e4d3e83' }, h("div", { key: '4e76ea164c110756cd7afae3dcbab6c6abc20a01', class: {
+        return (h(Host, { key: 'afb82949ca4fb8255c2ee9a2f4de264a12dd061b' }, h("div", { key: '17e53f6f5a63e08c176fe8754edf6e073c3c0486', class: {
                 container: true,
                 expanded: this.expanded,
                 [this.mode]: true,
                 [this.darkMode ? 'dark' : this.theme]: true,
                 [this.size]: true,
-            }, tabIndex: -1 }, h("div", { key: 'd1e43d322bcf77241fd92b6aec30b8564669f952', class: "input-wrapper", ref: (element) => (this.inputWrapper = element), tabIndex: -1 }, h("tet-input", { key: 'bc622c82fcf97193f3abab506690e07703d83354', class: "tet-input expandable", "input-class": this.class, "input-placeholder": this.renderInputContent ? this.placeholder : '', "accessibility-label": this.accessibilityLabel, "input-value": this.value, "input-disabled": this.disabled, error: this.error, "icon-left": this.iconLeft, "icon-right": this.hasInputValue && this.expanded ? this.iconRight : '', iconRightClickCallback: this.iconRightClickCallback, theme: this.darkMode ? 'dark' : this.theme, ref: (inputElement) => (this.inputHtmlElement = inputElement) }), this.closeButton))));
+            }, tabIndex: -1 }, h("div", { key: '471b630b699b2fc77023d800e12cc7d3cb3753bb', class: "input-wrapper", ref: (element) => (this.inputWrapper = element), tabIndex: -1 }, h("tet-input", { key: '80c594852076b151b276ac8c335af076568f6165', class: "tet-input expandable", "input-class": this.class, "input-placeholder": this.renderInputContent ? this.placeholder : '', "accessibility-label": this.accessibilityLabel, "input-value": this.value, "input-disabled": this.disabled, error: this.error, "icon-left": this.iconLeft, "icon-right": this.hasInputValue && this.expanded ? this.iconRight : '', iconRightClickCallback: this.iconRightClickCallback, theme: this.darkMode ? 'dark' : this.theme, ref: (inputElement) => (this.inputHtmlElement = inputElement) }), this.closeButton))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/tet-expansion-panel.entry.js

@@ -63,7 +63,7 @@ const TetExpansionPanel = class {
         return this.state;
     }
     render() {
-        return (h("div", { key: '20f9f38cfde2f4525f6fce83102426930672897a', class: { 'tet-expansion-panel': true, 'open': this.state === 'open' } }, h("div", { key: 'c1057f4819895ed1b91a849cb3e3cd629c513296', class: "tet-expansion-panel-content" }, h("slot", { key: '4bf5c2f44d8cc01b2fc9703d15eb93cd8d107196' }))));
+        return (h("div", { key: 'be51c2f24b6136ded20650774ba479cf36680a39', class: { 'tet-expansion-panel': true, 'open': this.state === 'open' } }, h("div", { key: '7ed548b6f739c7ba9b1e1210146f4b7d81aa5025', class: "tet-expansion-panel-content" }, h("slot", { key: '0d0ad5b0381dc5fd83904b78f963f875b0e8f1d4' }))));
     }
     get element() { return getElement(this); }
 };

package/dist/esm/tet-filter.entry.js

@@ -31,7 +31,7 @@ const TetFilter = class {
         this.filterState = newTags.map(tag => (Object.assign(Object.assign({}, tag), { active: tag.active || false })));
     }
     render() {
-        return (h(Host, { key: 'c8689bc76bbbf9f4a41408d5c53b5c9f253ddcc3' }, h("div", { key: '88510f1736a48d737a4d7182f6e4ce6378b98e04', class: { 'filter-container': true, [`theme-${this.theme}`]: true } }, h("tet-tag-group", { key: '50baf6211250182708d0cd769a0b874d9d108a79', tags: this.filterState.map(tag => (Object.assign(Object.assign({}, tag), { clickAction: () => this.handleTagClick(tag), showIcon: tag.active && !tag.disabled }))), theme: this.theme }), this.showClearFilterButton && this.filterState.some(tag => tag.active) && (h("button", { key: '0b7e41ceb28d2e6599c39d8cc03f99ec42ebef7f', class: "clear-button", onClick: this.handleClearClick }, h("tet-icon", { key: '3dee789b7f181491c6479487f153e4f0d0d5ce93', name: "tc-reload", style: { '--icon-size': '1rem', '--icon-container-display': 'flex' }, accessibilityLabel: this.clearFilterButtonTitle }), this.clearFilterButtonTitle)))));
+        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 => (Object.assign(Object.assign({}, tag), { clickAction: () => this.handleTagClick(tag), showIcon: tag.active && !tag.disabled }))), theme: this.theme }), this.showClearFilterButton && this.filterState.some(tag => tag.active) && (h("button", { key: 'f8768d357d62dc8e6e65317ec0efc2af1e423b99', class: "clear-button", onClick: this.handleClearClick }, h("tet-icon", { key: 'd69656691792a57039aa68c0e018eee0bcacf342', name: "tc-reload", style: { '--icon-size': '1rem', '--icon-container-display': 'flex' }, accessibilityLabel: this.clearFilterButtonTitle }), this.clearFilterButtonTitle)))));
     }
     static get watchers() { return {
         "tags": ["tagsWatchHandler"]

package/dist/esm/tet-icon.entry.js

@@ -68,7 +68,7 @@ const TetIcon = class {
         });
     }
     render() {
-        return (h("span", { key: 'b458d963f0f86157257a01b600af41cc579be5ca', class: "icon-wrapper", tabindex: (this.focusable || this.accessibilityLabel) ? 0 : -1 }, h("span", Object.assign({ key: 'ac157e0ee214c0a818d67f361246ea7cb72942f5', class: {
+        return (h("span", { key: 'b64042a5ccef4f24f040b11bc1c667e852d107c9', class: "icon-wrapper", tabindex: (this.focusable || this.accessibilityLabel) ? 0 : -1 }, h("span", Object.assign({ key: '85bcc937605472010decb513a8c46fb332da2c91', class: {
                 'icon-container': true,
                 'default-color': this.shouldUseDefaultColor(),
                 [this.theme]: true,

package/dist/esm/tet-inline-message.entry.js

@@ -16,11 +16,11 @@ const TetInlineMessage = class {
         this.theme = 'light';
     }
     render() {
-        return (h("div", { key: '0789db789517487449ceed8b266f9aeff2786b7e', class: {
+        return (h("div", { key: '794eea366b5edace16a7853e457aa896d696277a', class: {
                 "container": true,
                 [this.theme]: true,
                 [this.variant]: true
-            } }, h("tet-icon", { key: '548bb726cb9285e49cf8e12330c56d887f3c7fa8', class: "container__icon", name: this.iconMapping[this.variant] }), h("div", { key: '43ce0d7b38a2ce7c4404523912f0d37665e63eaf', class: "content" }, h("slot", { key: '9514e1910bdca6c080229b0c22b5fe0d23509123', name: "title" }), "\u00A0", h("slot", { key: 'fabb53dbeb00af63000a276922639399564d2a58', name: "description" }))));
+            } }, h("tet-icon", { key: '0491ddbbe995d5d31677f395653f6aa59a9ed0e2', class: "container__icon", name: this.iconMapping[this.variant] }), h("div", { key: '31562350e8de8069f66dfee0eaa1fbf415948141', class: "content" }, h("slot", { key: '2ee3a33ef0a799ac22254b8c505e37318e4ce5ed', name: "title" }), "\u00A0", h("slot", { key: '19e53841fa66c6a78d39bc219b2ba172f4b29269', name: "description" }))));
     }
 };
 TetInlineMessage.style = TetInlineMessageStyle0;

package/dist/esm/tet-label.entry.js

@@ -17,12 +17,12 @@ const TetLabel = class {
         this.showIcon = false;
     }
     render() {
-        return (h(Host, { key: '79b12c6cd48a68cc878e336227b29bbb10f69c99' }, h("div", { key: '9d34f474b24523550f603e5c0dd2b385cdb9b893', class: {
+        return (h(Host, { key: '2d391e505ea7f920e498749ac37d7f7f0f3707bb' }, h("div", { key: '83058292d04395c6c3ec3e4ced89160021a96d7a', class: {
                 label: true,
                 'label-active': this.active,
                 [`label-type-${this.type}`]: true,
                 [`theme-${this.theme}`]: true,
-            } }, this.labelTitle && h("p", { key: 'b101e1595fb33e9af35eb55c2c32338d074f3085', class: "label-title" }, this.translateTitle ? translate(this.labelTitle) : this.labelTitle), this.showIcon && h("tet-icon", { key: 'd5c943fb5a571cbb5ee1cfec5ef1fa4fe199006a', class: "label-icon", name: "close-circle", part: "icon-selected" }))));
+            } }, this.labelTitle && h("p", { key: '19dcdcb5c6fc4f2bcf0bf064882ca1871686b3fa', class: "label-title" }, this.translateTitle ? translate(this.labelTitle) : this.labelTitle), this.showIcon && h("tet-icon", { key: '1d1be38e6a71c682a7d276ff8c8efb15cc59e835', class: "label-icon", name: "close-circle", part: "icon-selected" }))));
     }
 };
 TetLabel.style = TetLabelStyle0;

package/dist/esm/tet-loader.entry.js

@@ -8,7 +8,7 @@ const TetLoader = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h("div", { key: '14fe6af3ed72264df7e56b9f9917b5534637ef51', class: "loader" }, h("div", { key: 'f4c31bd589b426b6e4dd16e5ea42ecc9dfb79d9c', class: "loader-inner" })));
+        return (h("div", { key: '810fabedba008fdd679c00faaa3e37b220c0b0d4', class: "loader" }, h("div", { key: '382c4d05d02cbd05ceff85e21f54b092bbcb3a1b', class: "loader-inner" })));
     }
 };
 TetLoader.style = TetLoaderStyle0;

package/dist/esm/tet-macd-view.entry.js

@@ -324,7 +324,7 @@ const TetMacdView = class {
             this.renderMacdOrderTypesList();
         const content = this.showLoader ?
             this.renderLoader() : errorOrContent;
-        return (h(Host, { key: '0223ff9eeb4f82d3944c64d071705d04ca213747' }, h("div", { key: '1b3c9817494f985ea4a8864ba261a12886683ddd', class: "wrapper" }, h(ThemeWrapper, { key: 'e2a00391227229051735e61538546b1fa4d87473', theme: this.theme }, content, this.renderDialog()))));
+        return (h(Host, { key: 'c405bc472d38520fe57d4fc6570bfbec5b8e4807' }, h("div", { key: '4ce2f21b6f6c914a15ab5c9488800de974bbfcf2', class: "wrapper" }, h(ThemeWrapper, { key: 'de5bf02d133391e858f3703dcab6ff632082b78a', theme: this.theme }, content, this.renderDialog()))));
     }
     static get watchers() { return {
         "language": ["onLanguageChange"],

package/dist/esm/tet-menu-mobile.entry.js

@@ -109,7 +109,7 @@ const TetMenuMobile = class {
         return (h("tet-icon", { class: "menu__chevron", name: this.subMenuState.includes(key) ? "chevron-up" : "chevron-down", theme: this.darkMode ? "dark" : "light" }));
     }
     render() {
-        return (h(Host, { key: '5794513feaede0b40a459ed57ae6fba313a6dc60' }, h("div", { key: 'cc592d5cb374b6a2eba2dbb2269aae65ff142b67', class: {
+        return (h(Host, { key: '90c66e871055785ce7e50181659b1cfcb100a8b2' }, h("div", { key: '6b95c379cca6122a03adc95dd2047f7f334bca26', class: {
                 'menu': true,
                 'menu--expanded': this.isExpanded,
                 'menu--active': this.isActive,

package/dist/esm/tet-menu.entry.js

@@ -195,7 +195,7 @@ const TetMenu = class {
     }
     render() {
         const { type } = this;
-        return (h(Host, { key: 'd08f87c5fe79db243310d02c224438ac2cd0d4f1' }, h("div", { key: 'b3c0e0c9d06f43ac402d0b5a4ea9e0609931448f', class: {
+        return (h(Host, { key: 'ab59a9d1287bab34a7ddd2f829324c72d854616f' }, h("div", { key: 'b5dcd73594be2bd4d4d42a2f891435a27ba8224b', class: {
                 menu: true,
                 menu__main: type === 'main',
                 menu__language: type === 'language',

package/dist/esm/tet-multi-step-dialog.entry.js

@@ -119,7 +119,7 @@ const TetMultiStepDialog = class {
         return (h("div", { innerHTML: step, "data-step": Number(index) + 1, class: "multi-step-dialog__step", ref: this.setStepBlocks }));
     }
     render() {
-        return (h(Host, { key: '36016615933baa7699f1484fe73a321bc317386c', class: "multi-step-dialog" }, h("tet-dialog", { key: '6d2ea01b3563bddefe64b6a20a83f736113f0dab', 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: '5497c326e6c5060dc1bdad540bcaf62b4ecca7f2', innerHTML: this.content }), this.steps.map((step, index) => (this.renderStep(step, index))), h("tet-button", { key: '01382952d8544109935d73427dda451940fdbc93', class: "footer-button", slot: "footer", size: "medium", theme: this.theme, type: "secondary", ref: el => this.prevButton = el, onKeyDown: (e) => this.handleKeydownEvent(e) }, translate('components-go-back')), h("tet-button", { key: '13f68a2370ac4c8e0a6670b7194aac2530152a85', class: "footer-button", slot: "footer", size: "medium", theme: this.theme, ref: el => this.nextButton = el, onKeyDown: (e) => this.handleKeydownEvent(e) }, translate('components-next-step')))));
+        return (h(Host, { key: '5df25873f484e20accd6c96d1c0fd039ad762257', class: "multi-step-dialog" }, h("tet-dialog", { key: 'f39a5e6fc0cc298079b03967a2ba0762bc8b2ab0', 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: '181fe25f787e586357807730ba3aeee6b548ce8a', innerHTML: this.content }), this.steps.map((step, index) => (this.renderStep(step, index))), h("tet-button", { key: '33c80dabbe2767d9a2fbacd30506c09c7e465e3e', class: "footer-button", slot: "footer", size: "medium", theme: this.theme, type: "secondary", ref: el => this.prevButton = el, onKeyDown: (e) => this.handleKeydownEvent(e) }, translate('components-go-back')), h("tet-button", { key: 'cf26688247b3d9cdc2215f24a2911a7e29c9aff5', class: "footer-button", slot: "footer", size: "medium", theme: this.theme, ref: el => this.nextButton = el, onKeyDown: (e) => this.handleKeydownEvent(e) }, translate('components-next-step')))));
     }
 };
 

package/dist/esm/tet-navigation-mobile.entry.js

@@ -57,13 +57,13 @@ const TetNavigationMobile = class {
         this.mainDropdownToggle.emit(isTogglerExpanded);
     }
     render() {
-        return (h(Host, { key: 'ef6dc99c4251442a4937906f52ece28e85f07c96' }, h("navigation", { key: 'cc0ad116aa1b2a5d60512efa2e61281073d46229', class: {
+        return (h(Host, { key: '989a334e62baeff292f20db879a03cc99cfaa4c6' }, h("navigation", { key: 'c03c5fd048ade2f6c352c52d5f533a9972d7ce09', class: {
                 'navigation': true,
                 'navigation--dark': this.darkMode
-            } }, h("div", { key: 'e77b3c8d7165750a38d204d881aa7a3a217127b7', class: "navigation__nav-bar" }, h("slot", { key: '8dc8612fb45a90cf855526516652ce021cefe06a' })), this.isTogglerVisible && (h("span", { key: '463c08152394fa17f04b49d02ad771e03bcc4427', class: "navigation__toggler", onClick: this.onTogglerClick, onKeyDown: (e) => this.handleKeyDown(e), tabIndex: 0 }, h("tet-icon", { key: '8494d8ac098b12f148c0d7564886215d7c8e085c', theme: this.darkMode ? "dark" : "light", name: this.isTogglerExpanded ? "close" : "burger" }))), h("div", { key: '1fffba7adaf87f4d78b9ba109d17002fb6689982', class: {
+            } }, h("div", { key: 'f974ef6ecd48eab6d68573dd111889271e5b948d', class: "navigation__nav-bar" }, h("slot", { key: 'ae9b0246413bfb6e0ad3f8bcee569d34eb1cdc02' })), this.isTogglerVisible && (h("span", { key: 'd775bf2274f4359b8045afe34a8482153be9d182', class: "navigation__toggler", onClick: this.onTogglerClick, onKeyDown: (e) => this.handleKeyDown(e), tabIndex: 0 }, h("tet-icon", { key: '229b5b93b76dab8e526ba79a44cd788999f92212', theme: this.darkMode ? "dark" : "light", name: this.isTogglerExpanded ? "close" : "burger" }))), h("div", { key: '148c71a67b3c439f72a6acaa8458a5f3298bccb6', class: {
                 'navigation__dropdown': true,
                 'navigation__dropdown--expanded': this.isTogglerExpanded,
-            }, inert: !this.isTogglerExpanded }, h("slot", { key: 'd28605389281b87071d63bd5dacb691d23b0ca22', name: "dropdown" })))));
+            }, inert: !this.isTogglerExpanded }, h("slot", { key: 'a727d7ce1b173546b9a9fbb2cb44b64a40fd2ecf', name: "dropdown" })))));
     }
     static get watchers() { return {
         "isTogglerExpanded": ["onMenuToggle"]

package/dist/esm/tet-news-card-list.entry.js

@@ -62,7 +62,7 @@ const TetNewsCardList = class {
             scrollFullWidth,
             controlScrollAmount,
         };
-        return (h(Host, { key: '1ad59fa4cbe7588545306586c21f24ead28d5f76' }, h("tet-card-list", Object.assign({ key: 'a2f8c39ae5d6a8625bc0adc00827e0a6fffd1c98', theme: this.theme, part: "card-list-component", exportparts: "card-list, card-list-container", withOverflowOpacity: true }, props), this.items.map((item, index) => this.renderListCard(item, index)))));
+        return (h(Host, { key: 'e1450298518f895f6d6f0f678fdb5163001f84ec' }, h("tet-card-list", Object.assign({ key: '02d0a38297b68221eddcf100031c8f54db2f5ffe', theme: this.theme, part: "card-list-component", exportparts: "card-list, card-list-container", withOverflowOpacity: true }, props), this.items.map((item, index) => this.renderListCard(item, index)))));
     }
     get element() { return getElement(this); }
 };

package/dist/esm/tet-number-input.entry.js

@@ -257,8 +257,8 @@ const TetInput = class {
      */
     render() {
         const { label, helperText, value, disabled, error, completed, isOpen, suffix } = this;
-        return (h("div", { key: '3fe99bd13e7f4645b1dbf92187070925364d87ab', class: { 'number-input': true, [this.theme]: !!this.theme,
-                'disabled': disabled, 'error': error, 'completed': completed } }, !!label && (h("label", { key: '125f502a22329cebe952be15391ef7dd98f88716', class: "number-input__label", htmlFor: "number-input" }, label)), h("div", { key: '3464fbe2d74099009cd17a9f4ecb184b7f19d2d0', class: "number-input__input-container", onKeyDown: this.handleContainerKeydown, ref: (divElement) => (this.inputWrapperElement = divElement) }, h("input", Object.assign({ key: '3ddcf1a4ec47676e7153a5fbac572d8d1124e721', onFocusin: () => this.toggleKeyboardFocus(true), onFocusout: () => this.toggleKeyboardFocus(false), ref: (htmlInputElement) => (this.inputElement = htmlInputElement), class: { 'number-input__input': true, 'number-input__input--hidden': this.isValueHidden }, disabled: disabled, value: value, type: "number", id: "number-input" }, (this.accessibilityLabel ? { "aria-label": this.accessibilityLabel } : {}))), h("div", { key: '42704bd612730eae293436e386af8b1155a14db4', ref: (htmlInputElement) => (this.inputElementHidden = htmlInputElement), class: "number-input__input-invisible" }, value), !!suffix && h("div", { key: 'ebc4f84187c513476c08965e9ecdca1f343a147b', class: "number-input__input-suffix" }, suffix.name), !!this.suffixes && this.suffixes.length > 1 && (h("tet-button", { key: 'f5d540c0d4fa2a7f2a124076c47de93faa51d2a9', type: "ghost", size: "small", ref: (element) => (this.chevronElement = element), class: { 'number-input__cheveron': true }, onClick: this.onChevronClick, "accessibility-label": this.buttonAccessibilityLabel, tabindex: "-1" }, !isOpen && h("tet-icon", { key: '199da59412102ab77513027e697578ffdca330fc', name: "chevron-down" }), isOpen && h("tet-icon", { key: '367b8ae4625501197f9d5d48c0637205dcc61068', name: "chevron-up" }))), isOpen && (h("div", { key: 'ac2df39d53a390687f44547354ea55bea6115ae5', class: "number-input__dropdown", ref: (htmlDivElement) => (this.dropdownElement = htmlDivElement) }, this.renderDropdownContent()))), !!helperText && h("div", { key: 'd46b1c724a9d5ecf6bd509cfd3aee9509bd0ee65', class: "number-input__helper-text" }, helperText)));
+        return (h("div", { key: 'b0f156cdcaa6565b9bb6c3c57dcfab2c4ad59f33', class: { 'number-input': true, [this.theme]: !!this.theme,
+                'disabled': disabled, 'error': error, 'completed': completed } }, !!label && (h("label", { key: '54d65ab828bf892bbe0be54bdfe74700ffb7eb6e', class: "number-input__label", htmlFor: "number-input" }, label)), h("div", { key: 'de4f580dc39496b87e64b7fa9cffbccecbaab737', class: "number-input__input-container", onKeyDown: this.handleContainerKeydown, ref: (divElement) => (this.inputWrapperElement = divElement) }, h("input", Object.assign({ key: '2fef4f5bc078950c9710d293ede2f07db0d53bbc', onFocusin: () => this.toggleKeyboardFocus(true), onFocusout: () => this.toggleKeyboardFocus(false), ref: (htmlInputElement) => (this.inputElement = htmlInputElement), class: { 'number-input__input': true, 'number-input__input--hidden': this.isValueHidden }, disabled: disabled, value: value, type: "number", id: "number-input" }, (this.accessibilityLabel ? { "aria-label": this.accessibilityLabel } : {}))), h("div", { key: '0272869e8cb9d9f64dd6de3398a5480732c272c5', ref: (htmlInputElement) => (this.inputElementHidden = htmlInputElement), class: "number-input__input-invisible" }, value), !!suffix && h("div", { key: '7878665396cd55f95f71cac03d969acb68ddb62a', class: "number-input__input-suffix" }, suffix.name), !!this.suffixes && this.suffixes.length > 1 && (h("tet-button", { key: '6097cd3fef703b0033399bdb1eda6203b03c335a', type: "ghost", size: "small", ref: (element) => (this.chevronElement = element), class: { 'number-input__cheveron': true }, onClick: this.onChevronClick, "accessibility-label": this.buttonAccessibilityLabel, tabindex: "-1" }, !isOpen && h("tet-icon", { key: 'd64216400a5ba1a80890f09fb20db3b14e19dd16', name: "chevron-down" }), isOpen && h("tet-icon", { key: '7fcc7e42cbafb9cb79129e8749db5dea096c2e5b', name: "chevron-up" }))), isOpen && (h("div", { key: '92e4af71b59fc78bdca5f64b53a4a840574e51f8', class: "number-input__dropdown", ref: (htmlDivElement) => (this.dropdownElement = htmlDivElement) }, this.renderDropdownContent()))), !!helperText && h("div", { key: '32e97950ec231c088101c7d474a824ee7c440970', class: "number-input__helper-text" }, helperText)));
     }
     static get watchers() { return {
         "suffix": ["onSuffixChange"]

package/dist/esm/tet-placeholder.entry.js

@@ -11,7 +11,7 @@ const TetPlaceholder = class {
         this.darkTheme = false;
     }
     render() {
-        return (h(Host, { key: '7e0dfe974305bc773c69c93e662515d3a68e6be4', style: { width: this.width, height: this.height } }, h("div", { key: 'f15bb524ccfdb8085628e72c738c5b539907f47e', class: { 'dark-theme': this.darkTheme } }, h("div", { key: '54986daf86d9d5c3c6eb779d13e2ba7a5606dd81', class: "placeholder", style: { height: this.height } }))));
+        return (h(Host, { key: '4d02b9fba03d0ec8d670a94597fdeb71a264fac0', style: { width: this.width, height: this.height } }, h("div", { key: '50c0bf32fed5e31563222be25875609541783321', class: { 'dark-theme': this.darkTheme } }, h("div", { key: '091231196ebec4770385c4792f2a967c180fe80c', class: "placeholder", style: { height: this.height } }))));
     }
 };
 TetPlaceholder.style = TetPlaceholderStyle0;

package/dist/esm/tet-price-view.entry.js

@@ -199,7 +199,7 @@ const TetPriceView = class {
             }
         };
         const isCentsPrice = (this === null || this === void 0 ? void 0 : this.centsPrice) && (this === null || this === void 0 ? void 0 : this.centsPrice.length) > 0;
-        return (h(Host, { key: '4781cb4d9ab21117a333673ef361dbd9384fa085' }, h("div", { key: 'e6e740489949efce86a358de505296f6e148ab12', class: mainClasses, style: styles.container }, h("div", { key: '18a0c679fba67b4e34e2e61d8fd968131ca52cf1', class: "price-view__body" }, (this === null || this === void 0 ? void 0 : this.headingText) && (h("h3", { key: '5b92e21d7a84aca65aabce996fde1e48c40418a5', class: "price-view__heading", style: styles.heading }, this.headingText)), h("div", { key: 'd453782ec37f418336bcd8e3fd92b5ac8e4dfa6f', class: "price-view__price", style: { fontFamily: this.font, gap: styles.price.gap } }, h("span", { key: 'afd298dabcb443b69d5753facf41e41cc47fd0f9', class: "price-view__euro", style: styles.euro }, this.euroPrice, !isMonthly && !isCentsPrice ? '€' : ''), h("div", { key: '38bfd2df5503fb3985a2bcee9b77ec6e30d483f3', class: "price-view__cents-container" }, h("span", { key: '75d7a5576b97612e3daf4bdfbcf16fa92799601f', class: "price-view__cents", style: styles.cents }, this === null || this === void 0 ? void 0 : this.centsPrice), this.priceType && (h("span", { key: '5ee2c59c93a8ac975984a3e85612291e8a302032', class: "price-view__type", style: styles.priceType }, isMonthly ? '€/mēn.' : '', !isMonthly && isCentsPrice ? 'EUR' : '')))), (this === null || this === void 0 ? void 0 : this.footerText) && (h("p", { key: '393bdc9eacf4db7d8a57e3bab54ab16202727588', class: "price-view__footer", style: styles.footer }, this.footerText))))));
+        return (h(Host, { key: '61e8de9dcb461fe0d63476ea6f53381f44a153bf' }, h("div", { key: '6380a4d2b338dedbe6d2fdbf2b3094797a975df0', class: mainClasses, style: styles.container }, h("div", { key: '90bbdf0e401fb67270b3226e1d1ec023b53e6eef', class: "price-view__body" }, (this === null || this === void 0 ? void 0 : this.headingText) && (h("h3", { key: 'e727a4164b17f9218c26353b71cf93d61b3d6758', class: "price-view__heading", style: styles.heading }, this.headingText)), h("div", { key: '06ab1fe1e65e8f812bcc5b1cc4690a62a7aa1cbf', class: "price-view__price", style: { fontFamily: this.font, gap: styles.price.gap } }, h("span", { key: 'c6c5fef99378107772bc67544ef1b5bc75884102', class: "price-view__euro", style: styles.euro }, this.euroPrice, !isMonthly && !isCentsPrice ? '€' : ''), h("div", { key: '9a899bd723d8e794b299217923646c8e60ebbbd0', class: "price-view__cents-container" }, h("span", { key: 'ee8258a0a89a7a500882bd677ab1a6fe6cd3b3e4', class: "price-view__cents", style: styles.cents }, this === null || this === void 0 ? void 0 : this.centsPrice), this.priceType && (h("span", { key: '2f9f1b84b62e0268eb1bc31c9f9a96e45c3cf017', class: "price-view__type", style: styles.priceType }, isMonthly ? '€/mēn.' : '', !isMonthly && isCentsPrice ? 'EUR' : '')))), (this === null || this === void 0 ? void 0 : this.footerText) && (h("p", { key: '9836aecaf7d08d6709d0ca32b0abd304139f6391', class: "price-view__footer", style: styles.footer }, this.footerText))))));
     }
     get hostElement() { return getElement(this); }
 };

package/dist/esm/tet-radio.entry.js

@@ -48,7 +48,7 @@ const TetRadio = class {
     }
     render() {
         const { id, disabled, value, checked, name, label, handleInputChange, accessibilityLabel, inputAutofocus } = this;
-        return (h(Host, { key: '390a5d30e49070a4f2bb478fba3d4dc705b44f00' }, h("div", { key: '580db3d9294d7cdeb970f8aaf54d624cd8d5086b', class: { radio: true, [`radio-${this.theme}-theme`]: true } }, h("label", { key: '89f571521ba6076aba5052d270b869fb419ce9ef', class: "radio__container", htmlFor: id }, h("input", Object.assign({ key: 'bb6f490a47af13a62f930a6d89b4ff87a865b183', 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: '5f65ac0e5ce5b6e45d967e6f2c5a75a7cb87b216', class: "radio__input" }), label ? (h("span", { class: "radio__label", innerHTML: label })) : (h("span", { class: "radio__label" }, h("slot", null)))))));
+        return (h(Host, { key: 'f693c9627db196e34243b6d81f51c6e5d1ed243d' }, h("div", { key: '970fa9cb6cbc6c345b3ba12d36ba65ec637f92a2', class: { radio: true, [`radio-${this.theme}-theme`]: true } }, h("label", { key: 'f110553118f8fa439153726b01dc92c4b676bebd', class: "radio__container", htmlFor: id }, h("input", Object.assign({ key: 'fa5b5dee55873b88b7928b5ccbaeea5ac6f8b61b', 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: '81a2debdfb2f3d9ffa8f7277c74f72e4bf95fc78', class: "radio__input" }), label ? (h("span", { class: "radio__label", innerHTML: label })) : (h("span", { class: "radio__label" }, h("slot", null)))))));
     }
 };
 TetRadio.style = TetRadioStyle0;