@tet/tet-components 1.4.87-testing → 1.4.88-staging

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: '7951988c21c284e753ae9045cd49e7da4784d845' }, h("ol", { key: '3267f9205673dd543dd06c9cb31f0b1918af65aa', class: {
+        return (h(Host, { key: '677b682387455b456ef71a22df6820f54753eaa0' }, h("ol", { key: '35c3e267e0f6ce483e239b2c2abba00f9dd22045', 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: '36f76f21c891a36a23f7b5c3166c0a38a34d1a6d' }, h("ol", { key: '8d95c6db1d7cb88bca525db3654ffce16248fcd1', class: {
+        return (h(Host, { key: '48d2456f213278043f250bf50e344a8a0a555161' }, h("ol", { key: 'da3cd2bfab8a2b5ad590797b3004b9e1cbbcfab1', class: {
                 stepper: true,
                 [this.theme]: true
             } }, this.stepperData.map(this.renderStep.bind(this)))));

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

@@ -39,11 +39,11 @@ export class TetFilter {
         this.filterChange.emit(this.filterState);
     };
     render() {
-        return (h(Host, { key: '90f859397c5c0e58104b86dac4d0876550aba888' }, h("div", { key: '1b49b4a83e36456ae06f84cd6652f535ccbba9c9', class: { 'filter-container': true, [`theme-${this.theme}`]: true } }, h("tet-tag-group", { key: '6c696bbce1bc2178406674933788602b7e6f2049', tags: this.filterState.map(tag => ({
+        return (h(Host, { key: 'b1a12da6e66ebacd303ff6bfdd0798f6c0ddf5ea' }, h("div", { key: '3e6c87874331f9c1d1de4771961ae8c84da3def7', class: { 'filter-container': true, [`theme-${this.theme}`]: true } }, h("tet-tag-group", { key: '86e8a7978f41fa2d8c552e539d0fb68bee473e5b', tags: this.filterState.map(tag => ({
                 ...tag,
                 clickAction: () => this.handleTagClick(tag),
                 showIcon: tag.active && !tag.disabled
-            })), theme: this.theme }), this.showClearFilterButton && this.filterState.some(tag => tag.active) && (h("button", { key: '44eb78fb99e3e836f3c3bf6998934f9465d24793', class: "clear-button", onClick: this.handleClearClick }, h("tet-icon", { key: '4feeba640336a71678f37a3bddedc7629d2c25fe', name: "tc-reload", style: { '--icon-size': '1rem', '--icon-container-display': 'flex' }, accessibilityLabel: this.clearFilterButtonTitle }), this.clearFilterButtonTitle)))));
+            })), theme: this.theme }), this.showClearFilterButton && this.filterState.some(tag => tag.active) && (h("button", { key: '7d59a1eea0b3e68341d773730eae2ee6fde57a2a', class: "clear-button", onClick: this.handleClearClick }, h("tet-icon", { key: '5989e10d40c9f782d29f392ce5b1505e5750e3dd', name: "tc-reload", style: { '--icon-size': '1rem', '--icon-container-display': 'flex' }, accessibilityLabel: this.clearFilterButtonTitle }), this.clearFilterButtonTitle)))));
     }
     static get is() { return "tet-filter"; }
     static get encapsulation() { return "shadow"; }

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

@@ -55,9 +55,9 @@ export class TetDatepickerHeader {
         this.datepickerViewChanged.emit(view);
     };
     render() {
-        return (h("div", { key: '8ef332660743f1a491213e614f674a5122e11650', class: "header" }, this.datepickerView !== 'year'
+        return (h("div", { key: '49f968019ee0d56ef2933866238413132f38328b', 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: '0e9d6530f4a49598589266b1ed657824aceaada7', class: "control-button", onClick: () => this.changeDatepickerView() }, this.getControlButtonDate(), h("tet-icon", { key: '45d436eb4daf9b7e46a1dc5b900b6f0b663e06cd', class: "chevron-down", name: this.datepickerView === 'month' ? 'chevron-down' : 'chevron-up' })), this.datepickerView !== 'year'
+            : h("div", null), h("div", { key: 'd004cde571dd0678d73b26a8282ec4a8d05ee8a6', class: "control-button", onClick: () => this.changeDatepickerView() }, this.getControlButtonDate(), h("tet-icon", { key: 'df53aba4245b06c7ae7831727d9324d7f7bd2b1a', 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: '79b0f7529771810061427c6919a98dccd8a630a6' }, h("div", { key: 'dcf5bbce3f0301c1cae51107a8d591be8df2c446', class: "weekday-header" }, this.days.map((day) => h("div", { class: "day" }, day))), h("div", { key: '328f7b38f889ce65d25e455e3cc1af13e00924a9', 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: 'dad7afd7dc3e909b45e0790e4e6219a521dbae0f' }, h("div", { key: 'cf284cf792f03a9f9451d1a78f4f87c0ed932519', class: "weekday-header" }, this.days.map((day) => h("div", { class: "day" }, day))), h("div", { key: '6ed0e6a91649986079e67764e0b2b537d33969a4', 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: '6b2dcbbb7ef3535f7b558bf4bbe7be454c9709fe', class: "container" }, this.years.map((year) => h("div", { class: this.getYearClasses(year), onClick: () => this.handleYearSelection(year) }, year))));
+        return (h("div", { key: 'd229035d2091b2adad983525ae148a54e48af910', 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: 'ff32755f0fcd515728adbaea5c159474f9c794f5', 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: 'd1a7b108dfc24e46109da7cf124ff4fa77850385', 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: 'f22a8bb60032e4047aeefcde4281c212944291c7', class: this.getOverlayClasses(), onClick: this.handleDatepickerClose }, h("div", { key: 'ea0acdef39b89b2d15f9d67752ef681145c9213b', class: "container", ref: (el) => this.datepickerContainer = el }, h("tet-datepicker-header", { key: 'd57b315cf56c0c73c0b1b82c9f7eea85fc8a3a26', selectedDate: this.date, internalDate: this.internalDate, locale: this.locale, datepickerView: this.datepickerView }), this.datepickerView === 'month' &&
-            h("tet-datepicker-month-view", { key: '2ba0ed3899936a4df4c0edc2ee2f0de940f0d879', selectedDate: this.date, internalDate: this.internalDate, rangePickerMode: this.rangePickerMode, rangeDates: this.rangeDates }), this.datepickerView === 'multi-year' &&
-            h("tet-datepicker-multi-year-view", { key: '2d0097cb681059f122d820046c1ec6dfdf87c083', selectedDate: this.date, internalDate: this.internalDate }), this.datepickerView === 'year' &&
-            h("tet-datepicker-year-view", { key: 'd93bd5365b6bf95cf376659e76bf6fafd0d151b9', selectedDate: this.date, internalDate: this.internalDate }))));
+        return (h("div", { key: '2d26b24635e9571d233d599ba825415f296de607', class: this.getOverlayClasses(), onClick: this.handleDatepickerClose }, h("div", { key: '0740d3c9b050f99f88e36e3460f661e69843e86e', class: "container", ref: (el) => this.datepickerContainer = el }, h("tet-datepicker-header", { key: '4eaf5d2ae2784efb742025d2749d066a40d8bde1', selectedDate: this.date, internalDate: this.internalDate, locale: this.locale, datepickerView: this.datepickerView }), this.datepickerView === 'month' &&
+            h("tet-datepicker-month-view", { key: '6048d53b042be918cceb9bd214997ed43971fca8', selectedDate: this.date, internalDate: this.internalDate, rangePickerMode: this.rangePickerMode, rangeDates: this.rangeDates }), this.datepickerView === 'multi-year' &&
+            h("tet-datepicker-multi-year-view", { key: 'bedcc22618f1561d14f79f5c1da43f445ffb00ef', selectedDate: this.date, internalDate: this.internalDate }), this.datepickerView === 'year' &&
+            h("tet-datepicker-year-view", { key: 'f73830b69333f30fe42b87468049a78ad2980640', selectedDate: this.date, internalDate: this.internalDate }))));
     }
     static get is() { return "tet-datepicker"; }
     static get encapsulation() { return "shadow"; }

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

@@ -376,7 +376,7 @@ export class TetDropdown {
     }
     render() {
         const { theme, isOpen, isKeyboardFocus } = this;
-        return (h(Host, { key: '99bc0783eae44184ecc08e6405c5ec6a7db4782b' }, h("div", { key: 'e0d1cbe2755d256a0a876aff645a8aa55862b5d6', class: { 'dropdown': true, 'dropdown--open': isOpen, 'focus-visible': isKeyboardFocus && isOpen, [`${theme}`]: true } }, this.renderButton(), this.renderOptions())));
+        return (h(Host, { key: 'e900a0def029cb84517259407b4debe18f47cda2' }, h("div", { key: '66e7468b67b4b17fb3c11c0a133c3dd58d2e54e3', class: { 'dropdown': true, 'dropdown--open': isOpen, 'focus-visible': isKeyboardFocus && isOpen, [`${theme}`]: true } }, this.renderButton(), this.renderOptions())));
     }
     static get is() { return "tet-dropdown"; }
     static get encapsulation() { return "shadow"; }

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

@@ -289,13 +289,13 @@ export class TetExpandableInput {
         return '';
     }
     render() {
-        return (h(Host, { key: 'bab88c2aaa92e1ff275685c85c735be8cb156756' }, h("div", { key: 'a620a00f464cd1d5c19beba0b6263af51304fb5a', class: {
+        return (h(Host, { key: 'a234df32a4e338308927d5163ca678dd3b2c4695' }, h("div", { key: 'f2448b570fe6a5bd0c459aa1573a8ae64624a654', class: {
                 container: true,
                 expanded: this.expanded,
                 [this.mode]: true,
                 [this.darkMode ? 'dark' : this.theme]: true,
                 [this.size]: true,
-            }, tabIndex: -1 }, h("div", { key: 'c6b200baa79a8e641b5134380870915191231a36', class: "input-wrapper", ref: (element) => (this.inputWrapper = element), tabIndex: -1 }, h("tet-input", { key: '1499521dac1b234a0b657c045da279e58557bcee', 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: '4791da7e1a6969c9131f7067cf5af5266900e8b5', class: "input-wrapper", ref: (element) => (this.inputWrapper = element), tabIndex: -1 }, h("tet-input", { key: '269890255beddbd9856881abee2c931ba878a4dd', 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))));
     }
     static get is() { return "tet-expandable-input"; }
     static get encapsulation() { return "shadow"; }

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

@@ -271,8 +271,8 @@ export class TetInput {
      */
     render() {
         const { label, helperText, value, disabled, error, completed, isOpen, suffix } = this;
-        return (h("div", { key: 'e45257eb072e75f91a91ed3b17529041addc1c37', class: { 'number-input': true, [this.theme]: !!this.theme,
-                'disabled': disabled, 'error': error, 'completed': completed } }, !!label && (h("label", { key: '8cadc6af96836534b8e168a658b507ecb55f2690', class: "number-input__label", htmlFor: "number-input" }, label)), h("div", { key: '6afb95fdc2d0056dfe0949f9cab634683517569f', class: "number-input__input-container", onKeyDown: this.handleContainerKeydown, ref: (divElement) => (this.inputWrapperElement = divElement) }, h("input", { key: '037194851889d6d29aac3877f6e0c74d42704f45', 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: '63945adb7e62c6db8257c05363ee6a19c88f4168', ref: (htmlInputElement) => (this.inputElementHidden = htmlInputElement), class: "number-input__input-invisible" }, value), !!suffix && h("div", { key: 'bf224b1986d42d5c8a20dfce2bf2a74a52d0e028', class: "number-input__input-suffix" }, suffix.name), !!this.suffixes && this.suffixes.length > 1 && (h("tet-button", { key: '8c0af3c53654d8616419345aa16c9ce4c6025200', 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: '87b5fb0f3574c976c004b23562ac192ae7bfe52e', name: "chevron-down" }), isOpen && h("tet-icon", { key: 'bf29466f637aad96590ea46e210bb20c6036785f', name: "chevron-up" }))), isOpen && (h("div", { key: '2a31cb09a6f0d6cca6b9d969d62e6fa00db016e9', class: "number-input__dropdown", ref: (htmlDivElement) => (this.dropdownElement = htmlDivElement) }, this.renderDropdownContent()))), !!helperText && h("div", { key: '019b0aec8d4223b1ce660beb125b6a56b178a893', class: "number-input__helper-text" }, helperText)));
+        return (h("div", { key: '6a054d26228a4233571ddffa7dee4c9826063623', class: { 'number-input': true, [this.theme]: !!this.theme,
+                'disabled': disabled, 'error': error, 'completed': completed } }, !!label && (h("label", { key: '3ff6085f69d016330e0e93b953b5e3c95a0d48f7', class: "number-input__label", htmlFor: "number-input" }, label)), h("div", { key: '9d4c53fa3f3373e98acabaaf67c00f192048e0e5', class: "number-input__input-container", onKeyDown: this.handleContainerKeydown, ref: (divElement) => (this.inputWrapperElement = divElement) }, h("input", { key: 'f780cf7a45a23ed8e595bfa727ae5854c088bf00', 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: '56c20a8985258abaa980c0ff3f681b2d260b70fe', ref: (htmlInputElement) => (this.inputElementHidden = htmlInputElement), class: "number-input__input-invisible" }, value), !!suffix && h("div", { key: '3b1694260d640d2bb56721e70ae1513523eb3e18', class: "number-input__input-suffix" }, suffix.name), !!this.suffixes && this.suffixes.length > 1 && (h("tet-button", { key: '539ce1bc9d1cde63aba31166ab1fe2d443f1bfd0', 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: '1c64a7552cfcf71c0455599c0b53bf31f4f334b0', name: "chevron-down" }), isOpen && h("tet-icon", { key: '32f2981677402e34824443fd4f9977f6de886188', name: "chevron-up" }))), isOpen && (h("div", { key: '585c332f9f008d56ad57587ffe669e6c211e61e4', class: "number-input__dropdown", ref: (htmlDivElement) => (this.dropdownElement = htmlDivElement) }, this.renderDropdownContent()))), !!helperText && h("div", { key: 'fcf07e1c2453a743687f6adf6337a4f1a3c20fb7', class: "number-input__helper-text" }, helperText)));
     }
     static get is() { return "tet-number-input"; }
     static get encapsulation() { return "shadow"; }

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

@@ -41,6 +41,7 @@ export class TetRangeSlider {
     progressTrackRef;
     tooltipHandleRef;
     sliderResizeObserver;
+    scrollToThumbCenterTimeout;
     element;
     /** The event that is emitted on slider input. */
     sliderInput;
@@ -398,6 +399,9 @@ export class TetRangeSlider {
         if (this.parentContainer === null) {
             this.parentContainer = this.element;
         }
+        if (this.size !== 'auto') {
+            this.containerSize = this.size;
+        }
         this.calculateDataSet();
         this.currentValue = this.defaultValue;
         this.sliderResizeObserver = new ResizeObserver(this.updateTooltipHandlePosition);
@@ -409,9 +413,6 @@ export class TetRangeSlider {
      */
     componentDidLoad() {
         this.autoSetContainerSize();
-        if (this.size !== 'auto') {
-            this.containerSize = this.size;
-        }
         this.inputRef.addEventListener('focusout', this.onInputBlur);
         this.sliderContainerRef.addEventListener('scroll', this.updateTooltipHandlePosition);
         this.sliderResizeObserver.observe(this.sliderRef);
@@ -419,6 +420,10 @@ export class TetRangeSlider {
         this.setSliderValue(this.currentValue);
         this.updateProgress();
     }
+    disconnectedCallback() {
+        clearTimeout(this.scrollToThumbCenterTimeout);
+        this.sliderResizeObserver?.disconnect();
+    }
     /**
      * Updates the progress track of the slider.
      */
@@ -621,7 +626,8 @@ export class TetRangeSlider {
         }
         if (this.type === 'secondary' && this.containerSize === 'small') {
             this.sliderContainerRef.style.overflowX = 'scroll';
-            setTimeout(this.scrollToThumbCenter, 50);
+            clearTimeout(this.scrollToThumbCenterTimeout);
+            this.scrollToThumbCenterTimeout = setTimeout(this.scrollToThumbCenter, 50);
         }
         else {
             this.sliderContainerRef.style.overflowX = 'unset';
@@ -760,31 +766,31 @@ export class TetRangeSlider {
         return dataListItem;
     };
     render() {
-        return (h(Host, { key: '328ec5e2d0814c68725f432b473302e44d659a01' }, h("div", { key: '0c6455e0d3fc2eb44cfb8251394d70979857bada', class: {
+        return (h(Host, { key: 'e7fad102c3aef38ef954e75bebab02c487792c51' }, h("div", { key: 'fc5db19e6de273ca66c5c57f9cd31ded42e7a53d', class: {
                 'range-slider': true,
                 [`range-slider--${this.containerSize}`]: true,
                 [`range-slider--${this.type}`]: true,
                 'range-slider--no-controls': !this.withControls,
                 'range-slider--no-input': !this.withInput,
                 [this.theme]: true,
-            } }, h("div", { key: 'd805800bdc857bca1143158bf36fe235dde291f9', class: {
+            } }, h("div", { key: 'fdf379be11d161455128a70dd401010be81779a1', class: {
                 'range-slider__input-container': true,
                 'hidden': !this.withInput,
-            } }, h("tet-input", { key: 'ade963cef6da099d73b6830c47d4b27c712512ef', "input-class": "range-slider__input", "input-type": "number", "input-value": this.currentValue, ref: inputEl => (this.inputRef = inputEl), theme: this.theme, onInput: this.onInputChange, onKeyDown: (event) => this.onInputKeyDown(event, true), accessibilityLabel: this.numberInputAccessibilityLabel, ...(this.containerSize !== 'large' ? { inputTabindex: 3 } : {}) })), h("div", { key: 'f56d82f7fbe6c0d56a5374bbfe678c59c49ab2c1', class: "range-slider__container" }, h("tet-button", { key: '4c81b2a3b75f99828e0e75ba935b507d0d37ee42', theme: this.theme, iconMode: true, class: {
+            } }, h("tet-input", { key: '5f9077d9c4f7f5b3fc0fc7404ea0f03b6e433aa2', "input-class": "range-slider__input", "input-type": "number", "input-value": this.currentValue, ref: inputEl => (this.inputRef = inputEl), theme: this.theme, onInput: this.onInputChange, onKeyDown: (event) => this.onInputKeyDown(event, true), accessibilityLabel: this.numberInputAccessibilityLabel, ...(this.containerSize !== 'large' ? { inputTabindex: 3 } : {}) })), h("div", { key: '6c30534094b951b12339aedf114891e9514a85ac', class: "range-slider__container" }, h("tet-button", { key: 'e6033d817e0228715e46b45cd5d812093042ed43', theme: this.theme, iconMode: true, class: {
                 'range-slider__control': true,
                 'range-slider__control--left': true,
                 'hidden': !this.withControls,
-            }, clickCallback: this.onControlPreviousClick, ...(this.reduceButtonAccessibilityLabel ? { accessibilityLabel: this.reduceButtonAccessibilityLabel } : {}), ...(this.containerSize !== 'large' ? { tabindex: 2 } : {}) }, h("tet-icon", { key: '65f878d2570c54c369fac6528e1b1cd0e2b1590f', name: "remove", class: "range-slider__control--icon" })), h("div", { key: '4eebbc7bf2f09d327a36b98e5354e858769bc3e2', onTouchStart: this.onContainerTouchStart, onTouchEnd: this.onContainerTouchEnd, onMouseDown: this.onContainerMouseDown, onScroll: this.onContainerScroll, ref: sliderContainerEl => (this.sliderContainerRef = sliderContainerEl), class: "range-slider__slider-container", draggable: false }, h("div", { key: '3e84fa471d116069675dc6638b8b70cd7d8ce80c', class: "range-slider__slider-wrapper" }, h("input", { key: 'fcacaeb1ffa0613b2bfb78676ed70175b87dbf8f', ref: sliderEl => (this.sliderRef = sliderEl), type: "range", min: this.minValue, max: this.maxValue, step: this.step, value: this.defaultValue, list: "steplist", id: "rangeInput", onInput: this.onSliderInput, onChange: this.onSliderChange, onPointerDown: this.onSliderPointerDown, onPointerUp: this.onSliderPointerUp, onKeyDown: this.onInputKeyDown, class: "range-slider__slider", ...(this.sliderInputAccessibilityLabel ? { "aria-label": this.sliderInputAccessibilityLabel } : {}), ...(this.containerSize !== 'large' ? { tabindex: 1 } : {}) })), h("div", { key: '04c0afbdd6a51dec609f9ca769fa2510db94281f', class: "range-slider__track range-slider__track--background" }), h("div", { key: '724d43bff005410588b00001166ce88bfbd8b72b', ref: progressTrackEl => (this.progressTrackRef = progressTrackEl), class: "range-slider__track range-slider__track--progress" }), h("div", { key: 'd3b849ee62be0c869e8dcb7767bedf47b4014423', ref: tickContainerEl => (this.tickContainerRef = tickContainerEl), class: "range-slider__tick-container" }), h("div", { key: 'd6ca0f469abd17855cb124738f1564eb848dd3b7', ref: dataLabelEl => (this.dataLabelRef = dataLabelEl), class: {
+            }, clickCallback: this.onControlPreviousClick, ...(this.reduceButtonAccessibilityLabel ? { accessibilityLabel: this.reduceButtonAccessibilityLabel } : {}), ...(this.containerSize !== 'large' ? { tabindex: 2 } : {}) }, h("tet-icon", { key: '62f09e8be8145052f922e55afe62ea2fec99e126', name: "remove", class: "range-slider__control--icon" })), h("div", { key: 'd670950303b0ab92ae8a97058076f12a834b4e77', onTouchStart: this.onContainerTouchStart, onTouchEnd: this.onContainerTouchEnd, onMouseDown: this.onContainerMouseDown, onScroll: this.onContainerScroll, ref: sliderContainerEl => (this.sliderContainerRef = sliderContainerEl), class: "range-slider__slider-container", draggable: false }, h("div", { key: '937865377b8bc07c5888d3ab0fb0ff8a664adc5c', class: "range-slider__slider-wrapper" }, h("input", { key: 'd59cbb96c466ad5701d88d0a42f166cbc1aa8fab', ref: sliderEl => (this.sliderRef = sliderEl), type: "range", min: this.minValue, max: this.maxValue, step: this.step, value: this.defaultValue, list: "steplist", id: "rangeInput", onInput: this.onSliderInput, onChange: this.onSliderChange, onPointerDown: this.onSliderPointerDown, onPointerUp: this.onSliderPointerUp, onKeyDown: this.onInputKeyDown, class: "range-slider__slider", ...(this.sliderInputAccessibilityLabel ? { "aria-label": this.sliderInputAccessibilityLabel } : {}), ...(this.containerSize !== 'large' ? { tabindex: 1 } : {}) })), h("div", { key: 'b02d50f8d7c53bba14d900159f7937614db3918a', class: "range-slider__track range-slider__track--background" }), h("div", { key: '3673af11bca399a90d7dfde6e1c9c0a896ee086f', ref: progressTrackEl => (this.progressTrackRef = progressTrackEl), class: "range-slider__track range-slider__track--progress" }), h("div", { key: 'b211210c2771f32d3b0252553c82ab5655f767f2', ref: tickContainerEl => (this.tickContainerRef = tickContainerEl), class: "range-slider__tick-container" }), h("div", { key: '2c6b54e96f81924fe990ccf14b759f078bd8a70b', ref: dataLabelEl => (this.dataLabelRef = dataLabelEl), class: {
                 'range-slider__data-label-container': true,
                 'hidden': this.type === 'secondary' && this.containerSize === 'small',
-            } })), h("div", { key: '1fb27b782779968e9a946cd997992e90175b2f27', class: {
+            } })), h("div", { key: '2b66b9808e458265595a2b714cc8706768d5f040', class: {
                 'range-slider__current-step-container': true,
                 'hidden': !this.withCurrentStepCounter,
-            } }, h("div", { key: '0cba1312ede1d3c4314789878186c0bfbd785b9d', class: "range-slider__current-step", "aria-live": "polite" }, this.dataSet.indexOf(this.getClosestOverrideDataPoint()) + 1, "/", this.dataPoints.length)), h("div", { key: '6a8661e4648eec38ae24914efaebd110a0fc9cf2', ref: toolbarHandleEl => (this.tooltipHandleRef = toolbarHandleEl), class: "range-slider__tooltip-handle" }, h("div", { key: '07bf54cc73d7c2951f2796fe7414d1e7d32eb5f4', class: "range-slider__tooltip translation-none", style: { [`--tooltip-offset`]: `${this.tooltipOffset}rem` }, "aria-live": "polite" }, this.getTooltipValue())), h("tet-button", { key: '3b6107db2bd475d64151ba23e7a4c3836514ac82', theme: this.theme, iconMode: true, class: {
+            } }, h("div", { key: 'c9fac963de36a02126035758d99fde33c77936d5', class: "range-slider__current-step", "aria-live": "polite" }, this.dataSet.indexOf(this.getClosestOverrideDataPoint()) + 1, "/", this.dataPoints.length)), h("div", { key: 'e60f72f284720e8b6ffc86d21ca6de4dc92d5493', ref: toolbarHandleEl => (this.tooltipHandleRef = toolbarHandleEl), class: "range-slider__tooltip-handle" }, h("div", { key: 'e39b699c5af627e42f0774ea2be667bd1e7730d3', class: "range-slider__tooltip translation-none", style: { [`--tooltip-offset`]: `${this.tooltipOffset}rem` }, "aria-live": "polite" }, this.getTooltipValue())), h("tet-button", { key: 'eab8f48f5e61e77cb644b977c8cfacf72299a6cf', theme: this.theme, iconMode: true, class: {
                 'range-slider__control': true,
                 'range-slider__control--right': true,
                 'hidden': !this.withControls,
-            }, clickCallback: this.onControlNextClick, ...(this.addButtonAccessibilityLabel ? { accessibilityLabel: this.addButtonAccessibilityLabel } : {}), ...(this.containerSize !== 'large' ? { tabindex: 4 } : {}) }, h("tet-icon", { key: '416c4b6433501d7e6638a93cc0473efde358258e', name: "add", class: "range-slider__control--icon" }))))));
+            }, clickCallback: this.onControlNextClick, ...(this.addButtonAccessibilityLabel ? { accessibilityLabel: this.addButtonAccessibilityLabel } : {}), ...(this.containerSize !== 'large' ? { tabindex: 4 } : {}) }, h("tet-icon", { key: '793f1e43fa923096431968df84e456ea0f306e47', name: "add", class: "range-slider__control--icon" }))))));
     }
     static get is() { return "tet-range-slider"; }
     static get encapsulation() { return "shadow"; }

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

@@ -24,7 +24,7 @@ export class TetStepperInput {
         processTranslations('tet-components', language).then(() => forceUpdate(this));
     }
     async componentWillLoad() {
-        processTranslations('tet-components', this.language).then(() => forceUpdate(this));
+        await processTranslations('tet-components', this.language);
     }
     async componentDidLoad() {
         await this.syncInputElement();
@@ -145,7 +145,7 @@ export class TetStepperInput {
             }, class: "stepper-input__input", type: "number", value: String(value ?? ''), disabled: disabled, theme: theme, ...(accessibilityLabel ? { accessibilityLabel } : {}) }));
     }
     render() {
-        return (h("div", { key: 'cbaefd70366c423d7d122854eca31df70b16de65', class: `stepper-input ${this.theme}` }, this.renderLabel(), h("div", { key: 'e554764a94de4aabedccb32f06d0636fe1dad32d', class: "stepper-input__inner-wrapper" }, this.renderButton('decrement'), this.renderValueDisplay(), this.renderButton('increment'))));
+        return (h("div", { key: 'a3425a8dc8c4ce73bbe438d3906c9dbeb29e1db6', class: `stepper-input ${this.theme}` }, this.renderLabel(), h("div", { key: 'dc285a01a031e256a46ff45d5b2978e9775d509c', class: "stepper-input__inner-wrapper" }, this.renderButton('decrement'), this.renderValueDisplay(), this.renderButton('increment'))));
     }
     static get is() { return "tet-stepper-input"; }
     static get encapsulation() { return "shadow"; }

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

@@ -59,8 +59,8 @@ export class TetTextarea {
             'error': (errorMessages.length > 0),
             'keyboard-focus': this.focusVisible,
         };
-        return (h(Host, { key: 'e4a6e1d2a795973d2673066536a838450af149cf' }, h("label", { key: '8a0e05e22f0172fe31265ef0b8d1bb8593cc1eb2', class: { [`${theme}`]: true } }, label &&
-            h("span", { key: '9fdbb218b87da7ff7025c3865f9a002671b2ebef', class: { 'tet-textarea__label': true, [`tet-textarea__${theme}`]: true } }, label), h("div", { key: 'ff20133ab5898c4c094c82e00abb969d3330acc2', class: { 'textarea-container': true, [`tet-textarea__${theme}`]: true } }, h("textarea", { key: '4eb12135b3e2adf8eadf3a5091ecc676ac2cef97', onFocus: this.addKeyboardFocus, onFocusout: this.removeKeyboardFocus, id: "textarea", class: textareaClasses, placeholder: placeholder, disabled: disabled, autocomplete: "off", ref: (el) => (this.textareaHtmlElement = el), maxlength: maxLength }, value))), (this.errorMessages.length > 0) && renderErrorMessages()));
+        return (h(Host, { key: 'd8c65c379d0c3da3a1b9e84c0f91343a469501f9' }, h("label", { key: '7e40137b4514f96776ed4b202052a7725a79f781', class: { [`${theme}`]: true } }, label &&
+            h("span", { key: '0f9ff5ad68af5e2277f7bac8d74611f7acda3352', class: { 'tet-textarea__label': true, [`tet-textarea__${theme}`]: true } }, label), h("div", { key: '87e3692b2cb8ce018aa18ba36489cbd3d414b3fc', class: { 'textarea-container': true, [`tet-textarea__${theme}`]: true } }, h("textarea", { key: '964e679659272ea9f179117df67dfbb1a1c65c91', onFocus: this.addKeyboardFocus, onFocusout: this.removeKeyboardFocus, id: "textarea", class: textareaClasses, placeholder: placeholder, disabled: disabled, autocomplete: "off", ref: (el) => (this.textareaHtmlElement = el), maxlength: maxLength }, value))), (this.errorMessages.length > 0) && renderErrorMessages()));
     }
     static get is() { return "tet-textarea"; }
     static get encapsulation() { return "shadow"; }

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

@@ -61,7 +61,7 @@ export class TetLinkCardList {
     }
     render() {
         const { theme, layout, items } = this;
-        return (h(Host, { key: 'd9f77858102975654570c58eb8acf2ae75bb6023' }, h("ul", { key: 'd759d69bb8693365dc9118c332cfe2b69fa11241', class: `link-card-list link-card-list--${theme} link-card-list--${layout}` }, items?.length
+        return (h(Host, { key: 'b350be64dc3e5373d3c7c3a7b34ff57bfe6a10d4' }, h("ul", { key: '05b95c13595a4797e19b030934e53a0057e67348', class: `link-card-list link-card-list--${theme} link-card-list--${layout}` }, items?.length
             ? items.map(this.renderListItem.bind(this))
             : this.renderPlaceholders())));
     }

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

@@ -68,7 +68,7 @@ export class TetNewsCardList {
             scrollFullWidth,
             controlScrollAmount,
         };
-        return (h(Host, { key: 'fb35a76f33cc5300071118600a49ba3d4bd45f22' }, h("tet-card-list", { key: 'ffb1c144c16f009aff876a0bd72a9176b232e18f', 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: '41772943f65e00829eff7169ea8076e7d56523ed' }, h("tet-card-list", { key: 'c83c8d6bf483725848e9765b0457cb8c7581db36', theme: this.theme, part: "card-list-component", exportparts: "card-list, card-list-container", withOverflowOpacity: true, ...props }, this.items.map((item, index) => this.renderListCard(item, index)))));
     }
     static get is() { return "tet-news-card-list"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,4 +1,4 @@
-import { forceUpdate, h } from "@stencil/core";
+import { h } from "@stencil/core";
 import { processTranslations, t } from "../../../../services/translations/index";
 import { TooltipPosition } from "../../text-blocks/tet-tooltip/enums/TooltipPosition";
 export class TetBusinessNavigation {
@@ -21,12 +21,12 @@ export class TetBusinessNavigation {
     menuClickEvent;
     /** Event emitter for menu expand/collapse state changes. */
     menuExpandEvent;
-    componentWillLoad() {
+    async componentWillLoad() {
         if (!this.menuItems || this.menuItems.length === 0) {
             return;
         }
         this.handleNavInitialState();
-        processTranslations('tet-components', this.language || 'lv').then(() => forceUpdate(this));
+        await processTranslations('tet-components', this.language || 'lv');
     }
     /** Method to run on menu item selection */
     async selectMenuItem(id, mainMenuId) {
@@ -168,7 +168,7 @@ export class TetBusinessNavigation {
     /** Render Functional Component*/
     render() {
         const { menuItems, theme, expandable } = this;
-        return (h("div", { key: 'bbf742aea43100235185bf365e2b505eed0152ca', class: { 'business-navigation': true, [`${theme}`]: true, 'expandable': expandable, 'closed': !this.expanded }, role: "group", onMouseDown: this.onContainerMouseDown, ref: (ref) => (this.navigationContainer = ref) }, this.renderExpandButton(), expandable && h("hr", { key: '08a4fccdb485be3270647fab773f25605416cd6e', class: "business-navigation-divider" }), menuItems && menuItems.map(this.renderMenuItem)));
+        return (h("div", { key: 'a0964d6c02ef1c2afc33f76c8577ff62c261d64a', class: { 'business-navigation': true, [`${theme}`]: true, 'expandable': expandable, 'closed': !this.expanded }, role: "group", onMouseDown: this.onContainerMouseDown, ref: (ref) => (this.navigationContainer = ref) }, this.renderExpandButton(), expandable && h("hr", { key: 'e4ad1043ee967ae380df320a2a0c5c7cc323bef5', class: "business-navigation-divider" }), menuItems && menuItems.map(this.renderMenuItem)));
     }
     static get is() { return "tet-business-navigation"; }
     static get encapsulation() { return "shadow"; }

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

@@ -515,7 +515,7 @@ export class TetMenu {
     }
     render() {
         const { type } = this;
-        return (h(Host, { key: 'de4adf878b1f0758097a595ea15625c46e1751b6' }, h("div", { key: 'ed81f06f4cbb30e6c5c3c56c175f0e7a2b1bb93c', class: {
+        return (h(Host, { key: 'b0a4e5339b6f8592d1d8fb4a83647c19059da562' }, h("div", { key: '772c2a709c8d0d2bc5e93e9f2a8f3df7bcf05093', class: {
                 menu: true,
                 menu__main: type === 'main',
                 menu__language: type === 'language',

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

@@ -178,7 +178,7 @@ export class TetMenuMobile {
         return (h("tet-icon", { class: "menu__chevron", name: this.subMenuState.includes(key) ? "chevron-up" : "chevron-down", theme: this.darkMode ? "dark" : "light", type: useSecondaryType ? "secondary" : "primary" }));
     }
     render() {
-        return (h(Host, { key: '66ccd316721735ef71f0ab5df9b5b61140e7a6c4' }, h("div", { key: '9a5296f3ca15bc980036324c98343f3ad1bd5d77', class: {
+        return (h(Host, { key: 'f73813e8244660221b83f40e1fbe4a3122e4f9de' }, h("div", { key: '5eafee743bc8c24ffd2a6ed75e4b657960f6e104', class: {
                 'menu': true,
                 'menu--expanded': this.isExpanded,
                 'menu--active': this.isActive,

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

@@ -51,23 +51,24 @@ export class TetNavigationMobile {
     onMenuToggle(isTogglerExpanded) {
         this.mainDropdownToggle.emit(isTogglerExpanded);
     }
-    componentWillLoad() {
-        this.loadTranslations();
+    async componentWillLoad() {
+        await this.loadTranslations();
     }
-    onLanguageChange() {
-        this.loadTranslations();
+    async onLanguageChange() {
+        await this.loadTranslations();
+        forceUpdate(this);
     }
-    loadTranslations() {
-        processTranslations('tet-components', this.language || 'lv').then(() => forceUpdate(this));
+    async loadTranslations() {
+        await processTranslations('tet-components', this.language || 'lv');
     }
     render() {
-        return (h(Host, { key: '25d8e63d51a7f207b91e551fce3f6b21f08ae494' }, h("navigation", { key: '8bf90ff6796511ec259846c79ae68f9fc76efcc0', class: {
+        return (h(Host, { key: '5674d7d43464bb27e19b481d8396105db440371d' }, h("navigation", { key: '7dbd2ee6e8dcbade7aa70de4ebcc5e8ba13aad88', class: {
                 'navigation': true,
                 'navigation--dark': this.darkMode
-            } }, h("div", { key: '6201fc5959edeba4d25e306d0a8029e875a146d2', class: "navigation__nav-bar" }, h("slot", { key: '2d4705be32d7b1c3412829582fcab7f967edf1aa' })), this.isTogglerVisible && (h("button", { key: '61e1dbb1edfd4a91b4d9d3feb4392c0d381a5971', type: "button", class: "navigation__toggler", "aria-controls": "tet-navigation-mobile-dropdown", "aria-expanded": this.isTogglerExpanded.toString(), "aria-label": t(this.isTogglerExpanded ? 'components-navigation-mobile-close-menu-label' : 'components-navigation-mobile-open-menu-label'), onClick: this.onTogglerClick }, h("tet-icon", { key: 'ea6a380f0043d5ca91874e1937a7b5a1bd2fb419', theme: this.darkMode ? "dark" : "light", name: this.isTogglerExpanded ? "close" : "burger" }))), h("div", { key: '0586ccbf635c63001311760b58e3820973395662', id: "tet-navigation-mobile-dropdown", class: {
+            } }, h("div", { key: 'd50f98ff7f9299c2890eddcb824f6b70a6559c2d', class: "navigation__nav-bar" }, h("slot", { key: 'd37c3e81d84fa55339ead52799e50bcbc612f17f' })), this.isTogglerVisible && (h("button", { key: 'f574df4ea396ae4e61196767687233a7cf2aea34', type: "button", class: "navigation__toggler", "aria-controls": "tet-navigation-mobile-dropdown", "aria-expanded": this.isTogglerExpanded.toString(), "aria-label": t(this.isTogglerExpanded ? 'components-navigation-mobile-close-menu-label' : 'components-navigation-mobile-open-menu-label'), onClick: this.onTogglerClick }, h("tet-icon", { key: '9fd958859c3c58c4c9f8b7c0ccf41acf5375a630', theme: this.darkMode ? "dark" : "light", name: this.isTogglerExpanded ? "close" : "burger" }))), h("div", { key: '0636925eb9eae10079de2248bed890c4ebcb6a69', id: "tet-navigation-mobile-dropdown", class: {
                 'navigation__dropdown': true,
                 'navigation__dropdown--expanded': this.isTogglerExpanded,
-            }, inert: !this.isTogglerExpanded }, h("slot", { key: '21d35e9622e74b51d2b0ffe82eff945a67958784', name: "dropdown" })))));
+            }, inert: !this.isTogglerExpanded }, h("slot", { key: 'afe80299b7dbe6c4e7bd5aae0d2800208cc2e531', name: "dropdown" })))));
     }
     static get is() { return "tet-navigation-mobile"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/simple/structural/tet-accordion/tet-accordion.js

@@ -130,13 +130,13 @@ export class TetAccordion {
         }
     }
     render() {
-        return (h(Host, { key: 'fb419c54fa0bd745e9ffca1fe7025236e28bb96c' }, h("div", { key: 'b2a9991f56f93d3e04fda05576f0065c43b2db80', class: {
+        return (h(Host, { key: 'b86cdf8aa26237d2c69a7251f2d016404f44aab7' }, h("div", { key: 'a40fbb6210558cc403142cec0d68a31a4e4f7d9e', class: {
                 'tet-accordion': true,
                 'tet-accordion--border': this.withBorder,
                 [`${this.theme}-theme`]: true,
                 [`tet-accordion--breakpoint-${this.breakpoint}`]: true,
                 'transparent-bg': this.transparentBackground,
-            } }, h("div", { key: '1b09b210b09c9dec12dab27a989e1a18fdce471b', class: {
+            } }, h("div", { key: '67d3055d8ea86a5e74c6550d9b13aebd3b4d8d47', class: {
                 "tet-accordion__header": true,
                 [this.theme]: true,
                 "tet-accordion__header--non-interactive": !this.isHeaderInteractive,
@@ -144,15 +144,15 @@ export class TetAccordion {
                 onClick: this.toggleOpenState,
                 onKeyDown: this.toggleAccessibilityOpenState,
                 tabIndex: 0
-            } : {}) }, h("slot", { key: '21bece11319f8546c1a48443a1bffdf91dad7867', name: "header" }, this.headerIconName && (h("tet-icon", { key: '02eb7596bd7912e73d4ef5f988ae2590d60d1398', name: this.headerIconName, class: "tet-accordion__header-icon tet-accordion__icon" })), this.headerImageSrc && this.headerImageSrc !== '' && (h("img", { key: '60ce5f06ca647a9fd722a158f54e08f219bcadab', src: this.headerImageSrc, alt: this.headerImageAlt ? this.headerImageAlt : undefined, class: "tet-accordion__header-image" })), this.renderHeading(), this.isHeaderInteractive && (h("tet-icon", { key: '1b231127467f8bb135810465e00e9d655c89866c', name: `chevron-${this.indicatorDirection}`, class: {
+            } : {}) }, h("slot", { key: '9769e74b9523a22d36fac43a87b3135086564a3f', name: "header" }, this.headerIconName && (h("tet-icon", { key: '4dd1dfc27cc57ca3c23731749443be7483acd9d3', name: this.headerIconName, class: "tet-accordion__header-icon tet-accordion__icon" })), this.headerImageSrc && this.headerImageSrc !== '' && (h("img", { key: 'accee0492ea45bb4d062ca4ed5567d23fd7d85d1', src: this.headerImageSrc, alt: this.headerImageAlt ? this.headerImageAlt : undefined, class: "tet-accordion__header-image" })), this.renderHeading(), this.isHeaderInteractive && (h("tet-icon", { key: '276281140ee22feaaa2d23352cce5c17b0472b1a', name: `chevron-${this.indicatorDirection}`, class: {
                 'tet-accordion__icon': true,
                 'open': this.isOpen
-            } })))), h("div", { key: '2699f453b4598b7fc92c2dbee98a8c258ea4d766', ref: (element) => (this.contentWrapperElement = element), class: {
+            } })))), h("div", { key: 'bf262d87ea07f5ba6a9993771837800eec1840be', ref: (element) => (this.contentWrapperElement = element), class: {
                 'tet-accordion__content-wrapper': true,
                 'visible': this.isOpen
-            }, inert: !this.isOpen }, h("div", { key: 'fd769b9ac44d816cb717f2292de6da21331281cc', ref: (element) => (this.contentElement = element), class: {
+            }, inert: !this.isOpen }, h("div", { key: 'ff3d19f23556f7bfdc5aa6bbb0896a30c31441c8', ref: (element) => (this.contentElement = element), class: {
                 'tet-accordion__content': true
-            } }, h("slot", { key: 'd38cd0b17cecc93c2e344eae6c280d24e5404934' }))))));
+            } }, h("slot", { key: '0106eff6d849b7b709b31a4a99132dc7ec2075bb' }))))));
     }
     static get is() { return "tet-accordion"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/simple/structural/tet-expansion-panel/tet-expansion-panel.js

@@ -62,7 +62,7 @@ export class TetExpansionPanel {
         this.state = this.state === 'open' ? 'closed' : 'open';
     };
     render() {
-        return (h("div", { key: 'bebe2814cc527ad887205f7a8db4d57a45ab4075', class: { 'tet-expansion-panel': true, 'open': this.state === 'open' } }, h("div", { key: '9454d3b4f76a576bc24546fc0e61a8d0b2db2f02', class: "tet-expansion-panel-content" }, h("slot", { key: '6cc725ab453c9ae5df14d5f00ffccb7b59286318' }))));
+        return (h("div", { key: '572c1140d9d0372fad3f6dbb8fb2602c8fcf7fbf', class: { 'tet-expansion-panel': true, 'open': this.state === 'open' } }, h("div", { key: 'bfca11010c18c6753980a7af2cc9e934fc6b717c', class: "tet-expansion-panel-content" }, h("slot", { key: 'd0564890e594b87c99785455f08cf3a5a33e81c7' }))));
     }
     static get is() { return "tet-expansion-panel"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/simple/structural/tet-floating-block/tet-floating-block.js

@@ -19,7 +19,7 @@ export class TetFloatingBlock {
         return rel ?? '';
     }
     render() {
-        return (h("div", { key: '68db493b1c480188e1560e23b268a1a07638745e', class: { 'floating-block': true, [this.theme]: true } }, h("tet-accordion", { key: '12477261bd2a700e4e550ba0a0b7f1daeaade1af', class: "floating-block__accordion", theme: this.theme, withBorder: false, header: this.header, headingTag: "span", breakpoint: "desktop", transparentBackground: true, "is-open": this.isOpen }, h("div", { key: 'aa9a35ac82876e546fb1774d2fffc9b69f25c322', class: "floating-block__content" }, this.content?.map(this.renderContentItem)))));
+        return (h("div", { key: '0bd55a8420c0c9bf4098f362996424aa28670b8a', class: { 'floating-block': true, [this.theme]: true } }, h("tet-accordion", { key: 'f563480f150a88386a7479fc4b7d23531357f295', class: "floating-block__accordion", theme: this.theme, withBorder: false, header: this.header, headingTag: "span", breakpoint: "desktop", transparentBackground: true, "is-open": this.isOpen }, h("div", { key: '8ed1b4da44c089a4d0d669485297f71537fb19ec', class: "floating-block__content" }, this.content?.map(this.renderContentItem)))));
     }
     static get is() { return "tet-floating-block"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/simple/tables-and-graphs/tet-bar-graph/tet-bar-graph.js

@@ -66,6 +66,9 @@ export class TetBarGraph {
         if (this.parentContainer === null) {
             this.parentContainer = this.element;
         }
+        if (this.size !== 'auto') {
+            this.componentSize = this.size;
+        }
         this.element.style.setProperty('--bar-graph-animation-duration', `${this.animationDuration / 1000}s`);
         this.calculateDisplayData();
     }
@@ -73,9 +76,6 @@ export class TetBarGraph {
      * Aligns displayed content, adds observers to the values and labels.
      */
     componentDidLoad() {
-        if (this.size !== 'auto') {
-            this.componentSize = this.size;
-        }
         this.autoSetComponentSize();
         this.animateDisplayDataChanges();
     }
@@ -310,14 +310,14 @@ export class TetBarGraph {
         return lineElements;
     }
     render() {
-        return (h(Host, { key: 'c1f6fe2b1c893358352525c4c3e0915f998611a0' }, h("div", { key: 'fbce6bcebc16524c1b96beb7cc3aab3ed81d60b4', class: {
+        return (h(Host, { key: '8e352d9a7c2c50afcd083f44713b5f1a9c0642da' }, h("div", { key: 'dd925f77864b71daca09beb04176104fd57b86c7', class: {
                 'bar-graph': true,
                 [`bar-graph--${this.componentSize}`]: true,
                 [this.theme]: true,
-            } }, h("div", { key: 'f21b826061e2ea51e5c2a7dde07c39f0f9731b41', class: "bar-graph__container" }, h("div", { key: '260462ae89ad6930598f5f4874fa137e35b220ff', class: {
+            } }, h("div", { key: '27cff8b7171565b2f061ee37ec36c03373c73b3b', class: "bar-graph__container" }, h("div", { key: 'b788378a6035159fa72a08416e7e932921cbdd91', class: {
                 'bar-graph__label-container': true,
                 'hidden': this.labelPosition === 'responsive' && this.componentSize === 'small',
-            }, ref: element => (this.barLabelContainerRef = element) }, this.displayData.map(displayItem => this.renderLabel(displayItem, true))), h("div", { key: '07506f33c019fa244b6e0774a38abb02deb8cc17', class: "bar-graph__graph-container" }, h("div", { key: 'b1e539f8d57da615748577864895599ab62394d5', class: { 'bar-graph__data-grid': true, 'hidden': !this.withGrid } }, this.renderGridLines()), h("div", { key: '1e604b2732520f2f00e411d6e282d01567c331fb', class: "bar-graph__item-container", ref: element => (this.barContainerRef = element) }, this.displayData.map(displayItem => this.renderBar(displayItem))))))));
+            }, ref: element => (this.barLabelContainerRef = element) }, this.displayData.map(displayItem => this.renderLabel(displayItem, true))), h("div", { key: '4db66d0189e5eca8a24950a7d401251185751f39', class: "bar-graph__graph-container" }, h("div", { key: '272628e531a5a32afa36a095c9e9e9763e91c76b', class: { 'bar-graph__data-grid': true, 'hidden': !this.withGrid } }, this.renderGridLines()), h("div", { key: 'ba3f78aecebd757318784f8817563c6222d99567', class: "bar-graph__item-container", ref: element => (this.barContainerRef = element) }, this.displayData.map(displayItem => this.renderBar(displayItem))))))));
     }
     static get is() { return "tet-bar-graph"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/simple/tables-and-graphs/tet-table/tet-table.js

@@ -326,7 +326,7 @@ export class TetTable {
         return { 'table__cell--inner': inner };
     }
     render() {
-        return (h(Host, { key: '266294b69965b623c28a7d8b2b7a06c8e183040f' }, this.renderLargeScreenTable(), this.renderMobileScreenTable()));
+        return (h(Host, { key: '80f0a080e5b657f130b7200945a05a73077be565' }, this.renderLargeScreenTable(), this.renderMobileScreenTable()));
     }
     static get is() { return "tet-table"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/simple/text-blocks/tet-cloud-application-form-dialog/tet-cloud-application-form-dialog.js

@@ -47,12 +47,14 @@ export class TetApplicationFormDialog {
     closeDialog;
     /** The event to be emitted when the dialog is opened. */
     openDialog;
+    async componentWillLoad() {
+        await processTranslations('cloud-calculator', this.language);
+    }
     /** Event called once after component is fully loaded */
     componentDidLoad() {
         this.initInputValidators();
         this.dialogElement.addEventListener('openDialog', () => this.openDialog.emit());
         this.dialogElement.addEventListener('closeDialog', () => this.closeDialog.emit());
-        processTranslations('cloud-calculator', this.language).then(() => forceUpdate(this));
     }
     /** Sets the dialog component to be shown. */
     async open() {
@@ -202,11 +204,11 @@ export class TetApplicationFormDialog {
         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() }, t('components-cloud-application-form-close-button-text')), h("tet-button", { theme: this.theme, type: "primary", size: "medium", disabled: this.loading, clickCallback: () => this.submit() }, t('components-cloud-application-form-submit-button-text'))));
     }
     render() {
-        return (h(Host, { key: 'dfe3a69b5b8a7f6679875191202bd56f18483829' }, h("tet-dialog", { key: '4b0212b3d0c4f8db4cf4f628cdb284a120a5a41a', ref: (element) => (this.dialogElement = element), part: "dialog", class: {
+        return (h(Host, { key: '2e964e04185888ff82e60fecb3f7fc8a105af365' }, h("tet-dialog", { key: '2055e47c345afd8757b33e2ff5dcfa8a5555b000', 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: t('components-cloud-application-form-title'), footerDisplay: "right", closeOnEscape: this.showOverlay, closeOnOverlayClick: this.showOverlay, theme: this.theme }, h("p", { key: '4aa18a305adbaf0a4e04bfcecd1bd9b3bdff07d0', class: "tet-cloud-application-form-dialog__subtitle" }, t('components-cloud-application-form-subtitle')), this.renderFormContent(), this.renderFooter(), this.renderOverlay())));
+            }, headerTitle: t('components-cloud-application-form-title'), footerDisplay: "right", closeOnEscape: this.showOverlay, closeOnOverlayClick: this.showOverlay, theme: this.theme }, h("p", { key: '10d7e79c1872cfe776d7f5c1cfa9c3a42e40e50f', class: "tet-cloud-application-form-dialog__subtitle" }, t('components-cloud-application-form-subtitle')), this.renderFormContent(), this.renderFooter(), this.renderOverlay())));
     }
     static get is() { return "tet-cloud-application-form-dialog"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/simple/text-blocks/tet-dialog/tet-dialog.js

@@ -128,11 +128,11 @@ export class TetDialog {
     }
     render() {
         const { isOpen, theme, footerDisplay, handleClickOverlay } = this;
-        return (h(Host, { key: '25482e764dfdb936297897f1b2a557dfa39bd321' }, h("dialog", { key: '0502798866b192b97dfecb6d0d0371ad509ffd87', ref: (el) => (this.dialogContainer = el) }, h("div", { key: '5c17e17028d1cc691a7a6d0d4575387c05ada88f', part: "overlay", class: {
+        return (h(Host, { key: '474a848f0151f28e5c8984162c71efafeb3b0321' }, h("dialog", { key: '70e6227aa82b987fde357bf5d4bd2dfda1738336', ref: (el) => (this.dialogContainer = el) }, h("div", { key: 'a7aa5f46c39a07b2a36dbff6256155a1fbc34873', part: "overlay", class: {
                 'dialog__overlay': true,
                 'dialog__overlay--visible': isOpen,
                 [`dialog--theme-${theme}`]: true
-            }, onClick: handleClickOverlay }, h("div", { key: '232e445825d6310b822e3bd26aa83607b834fdc4', part: "dialog", class: { dialog: true, [`dialog--theme-${theme}`]: true }, "aria-labelledby": this.hideHeader ? null : this.titleId }, this.renderHeader(), h("div", { key: 'd98d54c2ba7b9a022d49de48f435aebcf31eefa7', part: "body", class: "dialog__body" }, h("slot", { key: 'fb89eedb51092370e966ea30fe3d680f2ba925f1' })), h("div", { key: '148b1787cdd3d44507acbcd5198ed4c53db01d65', part: "footer", class: { dialog__footer: true, [`dialog__footer--${footerDisplay}`]: true } }, h("slot", { key: '4fb6a1f93fbca04068106f65300c32da4ba1f367', name: "footer" })))))));
+            }, onClick: handleClickOverlay }, h("div", { key: '1c21f81dbe7ab55772fdd5926fca344b3638e4f5', part: "dialog", class: { dialog: true, [`dialog--theme-${theme}`]: true }, "aria-labelledby": this.hideHeader ? null : this.titleId }, this.renderHeader(), h("div", { key: '442eef583164063120cc91765b0ff5e50d542251', part: "body", class: "dialog__body" }, h("slot", { key: '25f649c66a295c5e2c7d9ad15ab235bbce159448' })), h("div", { key: 'dc6426377e07e2659934f39620eee4056146d8b4', part: "footer", class: { dialog__footer: true, [`dialog__footer--${footerDisplay}`]: true } }, h("slot", { key: '1ccf90152d0a3239ead8018517cc764fd5028457', name: "footer" })))))));
     }
     static get is() { return "tet-dialog"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/simple/text-blocks/tet-inline-message/tet-inline-message.js

@@ -14,11 +14,11 @@ export class TetInlineMessage {
         success: 'check-circle'
     };
     render() {
-        return (h("div", { key: 'e048674ec0d000206f0434f3959b87e74eb21c6a', class: {
+        return (h("div", { key: 'd61d14862260fe2da46ea48db1596984b7751578', class: {
                 "container": true,
                 [this.theme]: true,
                 [this.variant]: true
-            } }, h("tet-icon", { key: '0566924929a5ef0b2e6c0e013dd9de2bbfe04e82', class: "container__icon", name: this.iconMapping[this.variant] }), h("div", { key: 'e65138280b2b7a78180efc0332444d8d04a65b95', class: "content" }, h("slot", { key: '973a5e3a33e95ad1587af21a76de61986df92f68', name: "title" }), "\u00A0", h("slot", { key: '1187ceae290d24d94f7285edf97a0720b5e641ee', name: "description" }))));
+            } }, h("tet-icon", { key: '08424812c14637fc87e7d13ddc708e1c1c677d24', class: "container__icon", name: this.iconMapping[this.variant] }), h("div", { key: 'c0f70f8884e1799a80aa27b22e168e44394e8429', class: "content" }, h("slot", { key: '80b75a86fc5a9b934dd9a92c4ccf14cd89e1bf09', name: "title" }), "\u00A0", h("slot", { key: 'cfc5589ca77670c34f63b7d46fbcb8a7e9791da3', name: "description" }))));
     }
     static get is() { return "tet-inline-message"; }
     static get encapsulation() { return "shadow"; }