@tet/tet-components 1.3.155-testing → 1.3.156-production

package/dist/collection/components/basic/steppers/tet-business-round-stepper/tet-business-round-stepper.js

@@ -18,7 +18,7 @@ export class TetBusinessRoundStepper {
         this.theme = 'light';
     }
     render() {
-        return (h("div", { key: '38bcebfd810a244c06f1988ccf195364b0816c61', class: {
+        return (h("div", { key: '46f68347298a2d722ed7b9243a591727dd7bd732', class: {
                 'business-stepper': true,
                 'business-stepper--uneven': this.layout === 'grid' && this.stepperData.length % 2 == 1,
                 [`business-stepper--${this.layout}`]: true,

package/dist/collection/components/basic/steppers/tet-round-stepper/tet-round-stepper.js

@@ -55,7 +55,7 @@ export class TetRoundStepper {
         this.calculateContainerWidth();
     }
     render() {
-        return (h(Host, { key: '497051346fa9d4467604822d38e7f5d1ad4d1886' }, h("div", { key: 'b55cd8748a63edb0f567fbef9cf2d6679f8d6075', class: {
+        return (h(Host, { key: 'd8e7a5cdd4b33ca9d4eaed7f386fbcd2983f64d6' }, h("div", { key: '40b628ac7cf63fb24a326a9ce1783c0fdd6f721e', class: {
                 'round-stepper': true,
                 'column': this.forcedColumn,
                 'hide-icons': this.hideIcons

package/dist/collection/components/basic/steppers/tet-stepper/tet-stepper.js

@@ -70,7 +70,7 @@ export class TetStepper {
         this.stepperData = [];
     }
     render() {
-        return (h(Host, { key: '44e037b2ff2ab9ed0c4d031e8e1719490a07b63d' }, h("ol", { key: '6f59daa3ac41ceb2ee53459ac4de4cdef57cf67c', class: "stepper" }, this.stepperData.map(this.renderStep))));
+        return (h(Host, { key: 'ce4bfa7c45846d165e0a5c45f32122bb58a2db71' }, h("ol", { key: '64e1a8c9af5091f9f73359be37765cdf5dd33e27', class: "stepper" }, this.stepperData.map(this.renderStep))));
     }
     static get is() { return "tet-stepper"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/basic/steppers/tet-stepper-v2/tet-stepper-v2.js

@@ -36,7 +36,7 @@ export class TetStepperV2 {
         this.theme = 'light';
     }
     render() {
-        return (h(Host, { key: 'bf0391a519725edda950477b4fb2e65f3efbcd5a' }, h("ol", { key: '0dcd47ef6b926e42f99a6d519908aa1c2edfdcd8', class: {
+        return (h(Host, { key: '77c04aee60320522729589f4497a1e9fdc69b938' }, h("ol", { key: 'c907e291dded101a263a23c11247fbdc7c4b8aca', 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

@@ -28,7 +28,7 @@ export class TetStepperV3 {
         this.theme = 'light';
     }
     render() {
-        return (h(Host, { key: 'f188f20382244419b66366f8eb16564e01900232' }, h("ol", { key: 'd4b2ac52620e05ed443dea2d1254fa4652ce3151', class: {
+        return (h(Host, { key: '5187ae66bd860b81edc8da8184867dfa8e8a1457' }, h("ol", { key: '60676200653c835b84406e400abb82f84c752b0e', class: {
                 stepper: true,
                 [this.theme]: true
             } }, this.stepperData.map(this.renderStep.bind(this)))));

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

@@ -28,7 +28,7 @@ export class TetFilter {
         this.filterState = newTags.map(tag => (Object.assign(Object.assign({}, tag), { active: tag.active || false })));
     }
     render() {
-        return (h(Host, { key: '4cbf4b9544560033394c6420c5f8a3fbed5b5aea' }, h("div", { key: '787263e3002dd840833cdc7db123fc0776f1c08d', class: { 'filter-container': true, [`theme-${this.theme}`]: true } }, h("tet-tag-group", { key: '3c8ce9bbae2504fbd94fc0df68417a90fb7d8230', tags: this.filterState.map(tag => (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)))));
+        return (h(Host, { key: 'acd0fba9386534409c64a70272a6fd6377861f94' }, h("div", { key: '7df212ad35d95f73ae89860eab343b346d0fd356', class: { 'filter-container': true, [`theme-${this.theme}`]: true } }, h("tet-tag-group", { key: '0ee0bde7cdd9740ddc366377c27b9981daf89b2f', tags: this.filterState.map(tag => (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: '4cb485cbb43ff103cbcc50dd496a14ec29d1835d', class: "clear-button", onClick: this.handleClearClick }, h("tet-icon", { key: '0000473680562d3de9192f22d230503e91152e86', name: "tc-reload", style: { '--icon-size': '1rem', '--icon-container-display': 'flex' }, accessibilityLabel: this.clearFilterButtonTitle }), this.clearFilterButtonTitle)))));
     }
     static get is() { return "tet-filter"; }
     static get encapsulation() { return "shadow"; }

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

@@ -51,9 +51,9 @@ export class TetDatepickerHeader {
         this.internalDateChanged.emit(newDate);
     }
     render() {
-        return (h("div", { key: '6b5f27b0570eb16cf7fd96ff5152152d7d8260c1', class: "header" }, this.datepickerView !== 'year'
+        return (h("div", { key: '27fc5ef4ed5ebfb75db9ff719f0888728aa9944d', 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: '3cc993fe37d9a3aca9059c8c821a66cfb1a42a74', class: "control-button", onClick: () => this.changeDatepickerView() }, this.getControlButtonDate(), h("tet-icon", { key: 'defcfa31cfbd9b2202eb70bca6f09445235facf7', class: "chevron-down", name: this.datepickerView === 'month' ? 'chevron-down' : 'chevron-up' })), this.datepickerView !== 'year'
+            : h("div", null), h("div", { key: 'bbb763a6f7ad7fb570ff3628efb95ab40f7a79d7', class: "control-button", onClick: () => this.changeDatepickerView() }, this.getControlButtonDate(), h("tet-icon", { key: '3d2ecdf4b20f0a7b0e5795d5fb643afd0f65f81b', class: "chevron-down", name: this.datepickerView === 'month' ? 'chevron-down' : 'chevron-up' })), this.datepickerView !== 'year'
             ? (h("div", { 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

@@ -156,7 +156,7 @@ export class TetDatepickerMonthView {
         return date.toDateString() === this.currentDate.toDateString();
     }
     render() {
-        return (h(Host, { key: '799581ac22a5905c44e0aef6d287a6cff108f62a' }, h("div", { key: 'ca3912658b3aa61bceb790647a8f87263667a768', class: "weekday-header" }, this.days.map((day) => h("div", { class: "day" }, day))), h("div", { key: 'ee0c8cab27294d7ed54f39132597b765c24c2e42', 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: '1d1f4ceb9d4b72afde073a6ca4440d52b63fc977' }, h("div", { key: 'e63dc978734dea3f4a1c144e395defb7d9561d91', class: "weekday-header" }, this.days.map((day) => h("div", { class: "day" }, day))), h("div", { key: '71f8e0f8be3cf971d39b59ef67b1c0424cbf8a4b', class: "month-dates" }, this.previousMonthPreviewDates.map((date) => h("div", { class: "date-container" }, h("div", { class: "preview-date" }, date.getDate()))), this.monthDates.map(date => h("div", { class: this.getDateContainerClasses(date), onPointerEnter: (event) => this.setInRangeHover(date, event), onPointerLeave: (event) => this.removeInRangeHover(event) }, h("div", { class: this.getDateClasses(date), onClick: () => this.handleDateSelection(date) }, date.getDate()))), this.nextMonthPreviewDates.map((date) => h("div", { class: "date-container" }, h("div", { class: "preview-date" }, date))))));
     }
     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

@@ -29,7 +29,7 @@ export class TetDatepickerMultiYearView {
         this.years = this.getYears(this.internalDate);
     }
     render() {
-        return (h("div", { key: '2b9e6a0532cd99b341adb008806a59ad0e330d71', class: "container" }, this.years.map((year) => h("div", { class: this.getYearClasses(year), onClick: () => this.handleYearSelection(year) }, year))));
+        return (h("div", { key: '2650e159dca9c1e87086c07cdf7976d65a61000e', 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

@@ -34,7 +34,7 @@ export class TetDatepickerYearView {
         return this.todayDate.getMonth() === monthIndex;
     }
     render() {
-        return (h("div", { key: '11e53490145bbeae473c6714fcf245c1630f55eb', 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: 'c758d4a508468b4424d87d49d169954d8cce83a6', 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

@@ -94,10 +94,10 @@ export class TetDatepicker {
         this.rangeDatesChanged.emit(newDates);
     }
     render() {
-        return (h("div", { key: 'b89a2ef91d3b9516d8d80745a5c4105cdc4eb096', class: this.getOverlayClasses(), onClick: this.handleDatepickerClose }, h("div", { key: '07ceb2a2b3ce12ddad14d6a4294218df4c2f95d8', class: "container", ref: (el) => this.datepickerContainer = el }, h("tet-datepicker-header", { key: '033f7baba4ffa0c0576637475f167182257565bc', selectedDate: this.date, internalDate: this.internalDate, locale: this.locale, datepickerView: this.datepickerView }), this.datepickerView === 'month' &&
-            h("tet-datepicker-month-view", { key: 'f29f0e235502958e18b152c63e712fe278e2614a', selectedDate: this.date, internalDate: this.internalDate, rangePickerMode: this.rangePickerMode, rangeDates: this.rangeDates }), this.datepickerView === 'multi-year' &&
-            h("tet-datepicker-multi-year-view", { key: '171e871160cea96e173fbba2b99a9b51744200bb', selectedDate: this.date, internalDate: this.internalDate }), this.datepickerView === 'year' &&
-            h("tet-datepicker-year-view", { key: '31367535b8b5c58aede8c3dd72d2efddc0bb1b52', selectedDate: this.date, internalDate: this.internalDate }))));
+        return (h("div", { key: '94dc6d3440fc038771e83327d796a0001cf63c02', class: this.getOverlayClasses(), onClick: this.handleDatepickerClose }, h("div", { key: 'a806c6be5d30e493e9112653f8cdfdcc30fc8a77', class: "container", ref: (el) => this.datepickerContainer = el }, h("tet-datepicker-header", { key: '99f0e614d1be2c594530959cefe661badc0f898c', selectedDate: this.date, internalDate: this.internalDate, locale: this.locale, datepickerView: this.datepickerView }), this.datepickerView === 'month' &&
+            h("tet-datepicker-month-view", { key: '5b333ed35cc86ce606e67859f0c6a8420c49a8d6', selectedDate: this.date, internalDate: this.internalDate, rangePickerMode: this.rangePickerMode, rangeDates: this.rangeDates }), this.datepickerView === 'multi-year' &&
+            h("tet-datepicker-multi-year-view", { key: '8e92cff3ebddd3b7dc657151c773ed86863bafa4', selectedDate: this.date, internalDate: this.internalDate }), this.datepickerView === 'year' &&
+            h("tet-datepicker-year-view", { key: 'b7a457418e698e5efba4639ebb27f77f164be15d', selectedDate: this.date, internalDate: this.internalDate }))));
     }
     static get is() { return "tet-datepicker"; }
     static get encapsulation() { return "shadow"; }

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

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

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

@@ -263,13 +263,13 @@ export class TetExpandableInput {
         return '';
     }
     render() {
-        return (h(Host, { key: 'afb82949ca4fb8255c2ee9a2f4de264a12dd061b' }, h("div", { key: '17e53f6f5a63e08c176fe8754edf6e073c3c0486', class: {
+        return (h(Host, { key: '77f22ef48c5ff166c2208121e862471e1d355d84' }, h("div", { key: '9e0e10b55b9eef03d2fef06e27b56ae49cc6a128', class: {
                 container: true,
                 expanded: this.expanded,
                 [this.mode]: true,
                 [this.darkMode ? 'dark' : this.theme]: true,
                 [this.size]: true,
-            }, 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))));
+            }, tabIndex: -1 }, h("div", { key: '6b884626357642719968e257a28f9b2261812a78', class: "input-wrapper", ref: (element) => (this.inputWrapper = element), tabIndex: -1 }, h("tet-input", { key: 'e41ce8c6cfac721b92ae86798e9ef7403c48ac4d', 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

@@ -257,8 +257,8 @@ export class TetInput {
      */
     render() {
         const { label, helperText, value, disabled, error, completed, isOpen, suffix } = this;
-        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)));
+        return (h("div", { key: '118205a8409c3704d725fac9f040811c3dec72ec', class: { 'number-input': true, [this.theme]: !!this.theme,
+                'disabled': disabled, 'error': error, 'completed': completed } }, !!label && (h("label", { key: 'b10125318d3b01c20415474488cfea6dfff2c679', class: "number-input__label", htmlFor: "number-input" }, label)), h("div", { key: '3ac5e21d87dece1809f73a5e63ef2ea500de6c68', class: "number-input__input-container", onKeyDown: this.handleContainerKeydown, ref: (divElement) => (this.inputWrapperElement = divElement) }, h("input", Object.assign({ key: 'af84d4475b0477a43230c8b7540f459ef32a7738', 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: '824f8b9c97dbedc6dcd92da97234bb8046b64174', ref: (htmlInputElement) => (this.inputElementHidden = htmlInputElement), class: "number-input__input-invisible" }, value), !!suffix && h("div", { key: 'cd1813ebbc68637c8e1de72d9f06fbf23baff087', class: "number-input__input-suffix" }, suffix.name), !!this.suffixes && this.suffixes.length > 1 && (h("tet-button", { key: '99525148702c09783d1ecd8b132e264f0a6bb2d3', 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: '9b46e466fd2d4539be9bb26c8158344cbadefe0c', name: "chevron-down" }), isOpen && h("tet-icon", { key: '9a381e3c4be32545cb3e94284fb9c2f8282762a3', name: "chevron-up" }))), isOpen && (h("div", { key: '60377dee2379132ca971f4b9f567932d295984d1', class: "number-input__dropdown", ref: (htmlDivElement) => (this.dropdownElement = htmlDivElement) }, this.renderDropdownContent()))), !!helperText && h("div", { key: 'a55d2d842586674dfadcf846e1c0b855b45636a0', 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

@@ -747,31 +747,31 @@ export class TetRangeSlider {
         this.updateProgress();
     }
     render() {
-        return (h(Host, { key: '2fd9918402c7fd6646765b003f58207f94e55bd6' }, h("div", { key: '146876c58f3e7ca4590360905e3d48adba41c2da', class: {
+        return (h(Host, { key: 'fe4d87f523c54b6d3bde6a4aeb062d3903571091' }, h("div", { key: 'c07051d59b5534b32df81830d998d874ed14fd8f', 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: 'b615781e3e754e7ce56c268c820a34104a8dd62b', class: {
+            } }, h("div", { key: '6cf218ba806685aa060f835562f02c5b6cf9ace5', class: {
                 'range-slider__input-container': true,
                 'hidden': !this.withInput,
-            } }, h("tet-input", Object.assign({ key: 'e1c502b4e84bcae1bf5fb7bc0f1446d9edc5c829', "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: 'dc49209286326c4f7e89f4fe89469d7a02969c2b', class: "range-slider__container" }, h("tet-button", Object.assign({ key: '4b58b564ea06c0495408beb10f92e54973b192f6', theme: this.theme, iconMode: true, class: {
+            } }, h("tet-input", Object.assign({ key: '16067f25184f3b4a4a2dec1d3246b6f602e05985', "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: 'ec4bd9cb5b732089c8b3a02f1892aef4a3af7a89', class: "range-slider__container" }, h("tet-button", Object.assign({ key: '02061d179102586b3518bb8e47b561311e82b9c2', 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: '7cce8a328d48bd1afc5223f16985f27c6d03f6fe', name: "remove", class: "range-slider__control--icon" })), h("div", { key: '302ce14f3bff9a4affdd70628e4064bc0ba4c76f', 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: 'eff01ff14ae1d4f6cad12ff87f182d90e7c98986', class: "range-slider__slider-wrapper" }, h("input", Object.assign({ key: '84b518a1a5d0af0b71cab56eaf70da99ba9037f5', 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: 'a6227baafbd8a95a038b349bfdbf0c82ff16d32e', class: "range-slider__track range-slider__track--background" }), h("div", { key: '67ee06268d066ac19a3168c1c390da759829ecbe', ref: progressTrackEl => (this.progressTrackRef = progressTrackEl), class: "range-slider__track range-slider__track--progress" }), h("div", { key: 'c6ef47bebfe1fa2d324ddca291796d7d9dddf757', ref: tickContainerEl => (this.tickContainerRef = tickContainerEl), class: "range-slider__tick-container" }), h("div", { key: '5c9b34e1b9f14c8229038244f3af9f8c429c4a0b', ref: dataLabelEl => (this.dataLabelRef = dataLabelEl), class: {
+            }, clickCallback: this.onControlPreviousClick }, (this.reduceButtonAccessibilityLabel ? { accessibilityLabel: this.reduceButtonAccessibilityLabel } : {}), (this.containerSize !== 'large' ? { tabindex: 2 } : {})), h("tet-icon", { key: 'f69c0f996709d6d4ee780b3b3601da2aecb0ef53', name: "remove", class: "range-slider__control--icon" })), h("div", { key: '163bc4c424eb02a14f4aa5af3cb8dc15a95e8323', 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: '87faebff4efc96466b045cb30e2195aca1e7b125', class: "range-slider__slider-wrapper" }, h("input", Object.assign({ key: '395e6b19348b9db47c6a01e5e62d38540e15b631', 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: 'ce03add3fa4235f1dc1dec6ee4c2249b7c6ab411', class: "range-slider__track range-slider__track--background" }), h("div", { key: 'b5fbdc67265f9bc567f193994f8d5bd8000a3cec', ref: progressTrackEl => (this.progressTrackRef = progressTrackEl), class: "range-slider__track range-slider__track--progress" }), h("div", { key: 'c7144b949d09573c4e2f446f80b54f0ba28ba854', ref: tickContainerEl => (this.tickContainerRef = tickContainerEl), class: "range-slider__tick-container" }), h("div", { key: '576ed7c7f3e9d892eb19e74f61f229ea62383c63', ref: dataLabelEl => (this.dataLabelRef = dataLabelEl), class: {
                 'range-slider__data-label-container': true,
                 'hidden': this.type === 'secondary' && this.containerSize === 'small',
-            } })), h("div", { key: '822ebaa3ba6dbfdb8e1dc5b389500bf153a24838', class: {
+            } })), h("div", { key: 'a479431596824a05d55a8775f73c9e7071950e3a', class: {
                 'range-slider__current-step-container': true,
                 'hidden': !this.withCurrentStepCounter,
-            } }, h("div", { key: 'b2df015bf74c75402e7ff2214421f640222fbe79', class: "range-slider__current-step", "aria-live": "polite" }, this.dataSet.indexOf(this.getClosestOverrideDataPoint()) + 1, "/", this.dataPoints.length)), h("div", { key: 'c5e29b80359672b9ae5947fd7d0423b9babe28e0', ref: toolbarHandleEl => (this.tooltipHandleRef = toolbarHandleEl), class: "range-slider__tooltip-handle" }, h("div", { key: 'be6b64554b6c49e80bb3d36ff24ed2800c580a5f', class: "range-slider__tooltip translation-none", style: { [`--tooltip-offset`]: `${this.tooltipOffset}rem` }, "aria-live": "polite" }, this.getTooltipValue())), h("tet-button", Object.assign({ key: '4afb1fcdfabe0a51c131d206795a514c03619548', theme: this.theme, iconMode: true, class: {
+            } }, h("div", { key: 'e2c0a91402037601d8865476ae2d25623d0083bd', class: "range-slider__current-step", "aria-live": "polite" }, this.dataSet.indexOf(this.getClosestOverrideDataPoint()) + 1, "/", this.dataPoints.length)), h("div", { key: 'cf187a5376842141b09291db7029842e1b14577c', ref: toolbarHandleEl => (this.tooltipHandleRef = toolbarHandleEl), class: "range-slider__tooltip-handle" }, h("div", { key: '0a41fc6a3c162e1a2eb907551f592c58865c9836', class: "range-slider__tooltip translation-none", style: { [`--tooltip-offset`]: `${this.tooltipOffset}rem` }, "aria-live": "polite" }, this.getTooltipValue())), h("tet-button", Object.assign({ key: '06d21777945c8f42f83179546a35e6a3112d6bca', 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: '71a65900ae93e08dbf724090f66b0e1d383124d7', name: "add", class: "range-slider__control--icon" }))))));
+            }, clickCallback: this.onControlNextClick }, (this.addButtonAccessibilityLabel ? { accessibilityLabel: this.addButtonAccessibilityLabel } : {}), (this.containerSize !== 'large' ? { tabindex: 4 } : {})), h("tet-icon", { key: '35a49113a21c71b1f79f871597c2feeb7ae112e1', 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

@@ -123,7 +123,7 @@ export class TetStepperInput {
      */
     render() {
         const { onMinusClick, value, onPlusClick } = this;
-        return (h("div", { key: 'e96aa70ddd07c636ce7ee350b0d308318acca733', class: { 'stepper-input': true, [this.theme]: !!this.theme } }, h("tet-button", { key: 'b7cd698c41b5089f8199dac74f80e67866bc0b57', type: "secondary", iconMode: true, theme: this.theme, size: 'small', accessibilityLabel: t('components-number-input-decrease'), onKeyDown: this.handleOptionKeydown(onMinusClick), onClick: onMinusClick }, h("tet-icon", { key: '915b5d63e35b7584cf9773d6dfee2ace4db1164e', name: "remove" })), h("input", Object.assign({ key: 'f94749e198ffae317e35acb08de385b73436f28d', ref: (htmlInputElement) => (this.inputElement = htmlInputElement), class: "stepper-input__value", value: value, type: "number" }, (this.accessibilityLabel ? { "aria-label": this.accessibilityLabel } : {}))), h("tet-button", { key: 'c8b8a88436a61708bfea2fe522b8d180a9327448', type: "secondary", iconMode: true, theme: this.theme, size: 'small', accessibilityLabel: t('components-number-input-increase'), onKeyDown: this.handleOptionKeydown(onPlusClick), onClick: onPlusClick }, h("tet-icon", { key: '2254b7c8ccc1658317d2d0d5adbca9dd3e1b4c85', name: "add" }))));
+        return (h("div", { key: '547aa8f4aaa5e32644ffd167b8414ce4aba15a1a', class: { 'stepper-input': true, [this.theme]: !!this.theme } }, h("tet-button", { key: '1b42018358a0f74802674711b3a511083f419b58', type: "secondary", iconMode: true, theme: this.theme, size: 'small', accessibilityLabel: t('components-number-input-decrease'), onKeyDown: this.handleOptionKeydown(onMinusClick), onClick: onMinusClick }, h("tet-icon", { key: '434bb70aca31a846a6b6b08f7537b6b301381c78', name: "remove" })), h("input", Object.assign({ key: 'df2f260f815a44d61805afec29efbe898a33c69c', ref: (htmlInputElement) => (this.inputElement = htmlInputElement), class: "stepper-input__value", value: value, type: "number" }, (this.accessibilityLabel ? { "aria-label": this.accessibilityLabel } : {}))), h("tet-button", { key: 'eef0803d6b69ce5fb7b88388f8cc832517c3c7ea', type: "secondary", iconMode: true, theme: this.theme, size: 'small', accessibilityLabel: t('components-number-input-increase'), onKeyDown: this.handleOptionKeydown(onPlusClick), onClick: onPlusClick }, h("tet-icon", { key: 'dfa3df6d1b3fb209a4b5831bfffd281bf6968e88', name: "add" }))));
     }
     static get is() { return "tet-stepper-input"; }
     static get encapsulation() { return "shadow"; }

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

@@ -50,8 +50,8 @@ export class TetTextarea {
             'error': (errorMessages.length > 0),
             'keyboard-focus': this.focusVisible,
         };
-        return (h(Host, { key: 'a87402023963e5e972e19ce6e25a1f6b00c80721' }, h("label", { key: 'ee87158030fbb41a663ff24cee0d7694c01d8b65', class: { [`${theme}`]: true } }, label &&
-            h("span", { key: '54abeed36abd6e61f8531e9fdbcbbe5902733b0f', class: { 'tet-textarea__label': true, [`tet-textarea__${theme}`]: true } }, label), h("div", { key: '2d59267b0aa9e15e8b1bab9c3f7ed5d6b9b981dd', class: { 'textarea-container': true, [`tet-textarea__${theme}`]: true } }, h("textarea", { key: '7a6a2f8feeff9abb6a187f2fe0f393b8ef441513', onFocus: this.addKeyboardFocus, onFocusout: this.removeKeyboardFocus, id: "textarea", class: textareaClasses, placeholder: placeholder, disabled: disabled, autocomplete: "off" }, value))), (this.errorMessages.length > 0) && renderErrorMessages()));
+        return (h(Host, { key: 'b91787eb44ff93db4ca624fec009ba56eaaa4798' }, h("label", { key: '0e61b1a5dae257fc287032588e2c820bd66130bd', class: { [`${theme}`]: true } }, label &&
+            h("span", { key: '0c325bca4b4eceefc4543248e7b5f8c658009c2e', class: { 'tet-textarea__label': true, [`tet-textarea__${theme}`]: true } }, label), h("div", { key: '460389d35be06431a282858eb2b7c60862afe944', class: { 'textarea-container': true, [`tet-textarea__${theme}`]: true } }, h("textarea", { key: 'eef72eb16bbafc8f568e709d0039b5b4be2fe2e4', onFocus: this.addKeyboardFocus, onFocusout: this.removeKeyboardFocus, id: "textarea", class: textareaClasses, placeholder: placeholder, disabled: disabled, autocomplete: "off" }, value))), (this.errorMessages.length > 0) && renderErrorMessages()));
     }
     static get is() { return "tet-textarea"; }
     static get encapsulation() { return "shadow"; }

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

@@ -65,7 +65,7 @@ export class TetNewsCardList {
             scrollFullWidth,
             controlScrollAmount,
         };
-        return (h(Host, { key: 'f9177ab3ca9aa92548820179ca3731669285102f' }, h("tet-card-list", Object.assign({ key: '94f9a204f48a6c33eaa039c8fd8a699cbb36b1d1', 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: 'd6b5b0f92ceb7c6f34054daeca7f0f235a5e2abe' }, h("tet-card-list", Object.assign({ key: '9974ee9b4181e1c380bee3e079c67184f2f8cd44', 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

@@ -64,7 +64,7 @@ export class TetBusinessNavigation {
     /** Render Functional Component*/
     render() {
         const { menuItems, theme } = this;
-        return (h("div", { key: '517238fe1c93885e96992f8419a37be6212d5e92', class: { 'business-navigation': true, [`${theme}`]: true }, role: "group", onMouseDown: this.onContainerMouseDown, ref: (ref) => (this.navigationContainer = ref) }, menuItems && menuItems.map(this.renderMenuItem)));
+        return (h("div", { key: '01d2dcb51bb85255982cabab4b0be0facd5bd060', class: { 'business-navigation': true, [`${theme}`]: true }, role: "group", onMouseDown: this.onContainerMouseDown, ref: (ref) => (this.navigationContainer = ref) }, 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

@@ -198,7 +198,7 @@ export class TetMenu {
     }
     render() {
         const { type } = this;
-        return (h(Host, { key: '419330cc306e5395ec0cc46ea9c4ba8bbb41dbc5' }, h("div", { key: 'eeba79f9b8ae9ac7f2e8e6cb9f3ecae8b6567fc0', class: {
+        return (h(Host, { key: '26c377e3f2d8175e59fdb9adf2150f59a49bf086' }, h("div", { key: '65de2f17adfbe97d23ad51ffae6b3416004e14fc', class: {
                 menu: true,
                 menu__main: type === 'main',
                 menu__language: type === 'language',

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

@@ -107,7 +107,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" }));
     }
     render() {
-        return (h(Host, { key: '90c66e871055785ce7e50181659b1cfcb100a8b2' }, h("div", { key: '6b95c379cca6122a03adc95dd2047f7f334bca26', class: {
+        return (h(Host, { key: 'd41cf033e4f2ee0bd3177a256b8df66492719c98' }, h("div", { key: 'e3405e72a3fdbeb49b04abf0699d9403da8bf1f5', class: {
                 'menu': true,
                 'menu--expanded': this.isExpanded,
                 'menu--active': this.isActive,

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

@@ -54,13 +54,13 @@ export class TetNavigationMobile {
         this.mainDropdownToggle.emit(isTogglerExpanded);
     }
     render() {
-        return (h(Host, { key: 'e6c968b7ca4f7958739d66a53c11b0644eeabdf2' }, h("navigation", { key: '24490a07460c08cb599a2abd378281512af29b84', class: {
+        return (h(Host, { key: '8eba45b9f70dfa17ed8d04f0e5608792ee3983da' }, h("navigation", { key: 'bada51fdad962cd933223d293a4cc0a58e577b1b', class: {
                 'navigation': true,
                 'navigation--dark': this.darkMode
-            } }, h("div", { key: 'c04f1582f0c0e72e5d5b1b82defbdf7ffe7d7db7', class: "navigation__nav-bar" }, h("slot", { key: '1250cc97415a50379c08cbe67442d0347a50865a' })), this.isTogglerVisible && (h("span", { key: 'e76f066965f62de22fa0e2c4cc75ecf710238c3a', class: "navigation__toggler", onClick: this.onTogglerClick, onKeyDown: (e) => this.handleKeyDown(e), tabIndex: 0 }, h("tet-icon", { key: '4d0d26bbbfa8b1aed3cbfe4daeb8714266a97b30', theme: this.darkMode ? "dark" : "light", name: this.isTogglerExpanded ? "close" : "burger" }))), h("div", { key: 'a1d5060ff612dfdab70e0c1b406382d1f7932c94', class: {
+            } }, h("div", { key: '0e340ef846e07ee0f360a42240302af4c851ca7e', class: "navigation__nav-bar" }, h("slot", { key: 'b54c6a7ef07c854921838b92733053c22317dcf3' })), this.isTogglerVisible && (h("span", { key: 'd1e9410b193892178066b8e128fd9f8469b7aa3d', class: "navigation__toggler", onClick: this.onTogglerClick, onKeyDown: (e) => this.handleKeyDown(e), tabIndex: 0 }, h("tet-icon", { key: 'd3f89729d0616cd7d7a002b62544b8160119ce77', theme: this.darkMode ? "dark" : "light", name: this.isTogglerExpanded ? "close" : "burger" }))), h("div", { key: '2f3df00bc8279fa5f1a5d906b9f1bfe2bc257265', class: {
                 'navigation__dropdown': true,
                 'navigation__dropdown--expanded': this.isTogglerExpanded,
-            }, inert: !this.isTogglerExpanded }, h("slot", { key: '0159d73960c28c7c77fee11c17f4bd3c0d659f2f', name: "dropdown" })))));
+            }, inert: !this.isTogglerExpanded }, h("slot", { key: 'dfab71dc25f86497974152df7ff0fb53a4ec5066', 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

@@ -109,21 +109,21 @@ export class TetAccordion {
         }
     }
     render() {
-        return (h(Host, { key: 'cf9081d01cb3aa3dd0c713aeb098873d748bd477' }, h("div", { key: '54f7ce82ec1b6c6f171ae3dab74cfff44cb41256', class: {
+        return (h(Host, { key: '348491fa83d3c6165210364a09a0805d9ed93612' }, h("div", { key: 'a91f2c028e5dc728021ec6ccbaf5bfba496a3f19', 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: 'ec48bcb9bf9104104ea94e809fdf11ad327f6839', class: { "tet-accordion__header": true, [this.theme]: true }, onClick: this.toggleOpenState, onKeyDown: this.toggleAccessibilityOpenState, tabIndex: 0 }, h("slot", { key: 'c925326230cfca6dda33f8de35edd242ec1d75b4', name: "header" }, this.headerImageSrc && this.headerImageSrc !== '' && (h("img", { key: 'dcaa36fb20dcdb2b9a5bf504142eb715281a1c3e', src: this.headerImageSrc, alt: this.headerImageAlt ? this.headerImageAlt : undefined, class: "tet-accordion__header-image" })), this.renderHeading(), h("tet-icon", { key: '3de81beabd68962a81b6d14b43836522ed42adf5', name: `chevron-${this.indicatorDirection}`, class: {
+            } }, h("div", { key: '39f533c87931f1c24a65a521b3dd11bd87ec5281', class: { "tet-accordion__header": true, [this.theme]: true }, onClick: this.toggleOpenState, onKeyDown: this.toggleAccessibilityOpenState, tabIndex: 0 }, h("slot", { key: 'cbe8732edf8eb33fd16fa902cd4dcb3effc02ffc', name: "header" }, this.headerImageSrc && this.headerImageSrc !== '' && (h("img", { key: '18057d93fa5bb8054c9e2b65ee317ce6c294c60a', src: this.headerImageSrc, alt: this.headerImageAlt ? this.headerImageAlt : undefined, class: "tet-accordion__header-image" })), this.renderHeading(), h("tet-icon", { key: '8f1b742f613a63253816b3e455661fe9d731043c', name: `chevron-${this.indicatorDirection}`, class: {
                 'tet-accordion__icon': true,
                 'open': this.isOpen
-            } }))), h("div", { key: 'c36d811dce6e7f75943cf6ebc3efc9c5e59992ba', ref: (element) => (this.contentWrapperElement = element), class: {
+            } }))), h("div", { key: '4d22f4c49b904de6d0aee446d171c0ef42d8a930', ref: (element) => (this.contentWrapperElement = element), class: {
                 'tet-accordion__content-wrapper': true,
                 'visible': this.isOpen
-            }, inert: !this.isOpen }, h("div", { key: 'b0eb8bde4f2dcc4485e4ac7438e4e10c0665223f', ref: (element) => (this.contentElement = element), class: {
+            }, inert: !this.isOpen }, h("div", { key: '1f0f3bca6c9409d5a2796d48cdf5d3e06df5a57a', ref: (element) => (this.contentElement = element), class: {
                 'tet-accordion__content': true
-            } }, h("slot", { key: '30549eb3dd9bcdd2bf1fc604a582d71d1ebfafad' }))))));
+            } }, h("slot", { key: '9688a49045d79c2788b3f76706c0ed3b5d089d75' }))))));
     }
     static get is() { return "tet-accordion"; }
     static get encapsulation() { return "shadow"; }

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

@@ -63,7 +63,7 @@ export class TetExpansionPanel {
         return this.state;
     }
     render() {
-        return (h("div", { key: 'bd845f20dc3891dea5b3a05a545a7c3a723c79f0', class: { 'tet-expansion-panel': true, 'open': this.state === 'open' } }, h("div", { key: '32989a1dd3c8d2a7ab4bf0391623e48858150a68', class: "tet-expansion-panel-content" }, h("slot", { key: 'ee2496a37cc35893d1bbcd8b7aa047ef6368858b' }))));
+        return (h("div", { key: '110cb94243dcfad7ef9c8091b4efb52a236cd66a', class: { 'tet-expansion-panel': true, 'open': this.state === 'open' } }, h("div", { key: '0bf5be975a4841659b09f4130e6bd332e5e3159b', class: "tet-expansion-panel-content" }, h("slot", { key: 'c43bff135d4885ae5a67a0266782fadb4a36afa8' }))));
     }
     static get is() { return "tet-expansion-panel"; }
     static get encapsulation() { return "shadow"; }

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

@@ -301,14 +301,14 @@ export class TetBarGraph {
         return lineElements;
     }
     render() {
-        return (h(Host, { key: '692f67c66a81010b7c10bcbedca82c87c59406d1' }, h("div", { key: '5267a3488e31ead59785ea49e9dde7f5166a58f8', class: {
+        return (h(Host, { key: '776133c1bc52d849432a77792b1ac86dee598068' }, h("div", { key: 'e69577443450dbf722706f88bb067427cb2636ba', class: {
                 'bar-graph': true,
                 [`bar-graph--${this.componentSize}`]: true,
                 [this.theme]: true,
-            } }, h("div", { key: '98e10a094670a90570fcf5d6bdd6059bc27f3d8b', class: "bar-graph__container" }, h("div", { key: 'fe8cf449a3dcc42c48d87bfc1468394019f56cd2', class: {
+            } }, h("div", { key: '24a7322c4de6be7a977c8bf8a58786a6ea264059', class: "bar-graph__container" }, h("div", { key: 'ff3bd404bf04780bbfd30a9d6b41974d54f2196f', 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: 'e8257fe6102ac1380acb9b14299fe006b081f84e', class: "bar-graph__graph-container" }, h("div", { key: 'd5448a20dd5fb3eebb497e4bf6609d72a42e59fc', class: { 'bar-graph__data-grid': true, 'hidden': !this.withGrid } }, this.renderGridLines()), h("div", { key: '1e115f010865165b1bc61eaff05601aafbdcabf7', 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: '27a89c6b2ca2e4400a8d214b478389ffdb7a0b7e', class: "bar-graph__graph-container" }, h("div", { key: '5b467e2db8fcafc9bbd19a14c91398ec94221907', class: { 'bar-graph__data-grid': true, 'hidden': !this.withGrid } }, this.renderGridLines()), h("div", { key: '6ddce042f4a2d219c702bf2474cb2aac1bcdd90c', 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

@@ -328,7 +328,7 @@ export class TetTable {
         return { 'table__cell--inner': inner };
     }
     render() {
-        return (h(Host, { key: 'c62aa53aa5974c56dafe358b3e043b280322c156' }, this.renderLargeScreenTable(), this.renderMobileScreenTable()));
+        return (h(Host, { key: '0bbd2850a62e272aa6964a0f7dc30a1818de8453' }, 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

@@ -176,11 +176,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: '03c24f6468f78f58e413aaad07225687a0ecfd2e' }, h("tet-dialog", { key: '0e3a27fe5f4f7f898eaa5de61741c6925e6ce344', ref: (element) => (this.dialogElement = element), part: "dialog", class: {
+        return (h(Host, { key: '1caa8118b41ddc67e98bd035707bd4c8daeaa4ba' }, h("tet-dialog", { key: 'ec2a704f4512c0404ee0db01d37c3c222133735e', 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: '4df8cdcbaab0329005c3bf221e14cec36065b718', 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: 'be1a4534315f2ff2176aed2acf478ff1365b5526', 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

@@ -117,11 +117,11 @@ export class TetDialog {
     }
     render() {
         const { isOpen, theme, footerDisplay, handleClickOverlay } = this;
-        return (h(Host, { key: '3521f21fdf1f269a8e42f7e64adbe13408ab7d7b' }, h("dialog", { key: '003eeff29ea0fcfc9b04206618aecf10b5398d01', ref: (el) => (this.dialogContainer = el) }, h("div", { key: 'c3340bde5ec1e0a1fa6ccbc35ee901f5a991c582', part: "overlay", class: {
+        return (h(Host, { key: '44ce8253f1a2f9ef4120e096bff8693413272fb5' }, h("dialog", { key: '5ef70f64e84158e4b13c55d6da58a239b9125dc8', ref: (el) => (this.dialogContainer = el) }, h("div", { key: '52bc363ce1c2fd165c4865b48508cfc923f717ac', part: "overlay", class: {
                 'dialog__overlay': true,
                 'dialog__overlay--visible': isOpen,
                 [`dialog--theme-${theme}`]: true
-            }, 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" })))))));
+            }, onClick: handleClickOverlay }, h("div", { key: 'e795df8c955ab9811c995be47edfdc3131847beb', part: "dialog", class: { dialog: true, [`dialog--theme-${theme}`]: true }, "aria-labelledby": this.hideHeader ? null : this.titleId }, this.renderHeader(), h("div", { key: '6d32a8efc2f5a27bb28693d6079f7973af928015', part: "body", class: "dialog__body" }, h("slot", { key: 'b1dea623454a7276920f47231b01b1d24e9101ff' })), h("div", { key: 'cc9d36f805f5613126a9d92aa8cd11955fd5809e', part: "footer", class: { dialog__footer: true, [`dialog__footer--${footerDisplay}`]: true } }, h("slot", { key: '6da70ecadfe974d23e352e0c93e5afd67f3b29b8', 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 {
         this.theme = 'light';
     }
     render() {
-        return (h("div", { key: '794eea366b5edace16a7853e457aa896d696277a', class: {
+        return (h("div", { key: 'c28617d98f11fe01df16f0d8b9c5a45065c48804', class: {
                 "container": true,
                 [this.theme]: true,
                 [this.variant]: true
-            } }, 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" }))));
+            } }, h("tet-icon", { key: '738fe2cc22946eb785d7922b717f26ae2cf99b19', class: "container__icon", name: this.iconMapping[this.variant] }), h("div", { key: 'af77866a35997f8f96e9418e912e4439630c7fd7', class: "content" }, h("slot", { key: '4d7de4f17e007a5ca3d5b4030df76f791fb13b5d', name: "title" }), "\u00A0", h("slot", { key: 'd8f719a2f3d664c2610c110cebfd48eed1155531', name: "description" }))));
     }
     static get is() { return "tet-inline-message"; }
     static get encapsulation() { return "shadow"; }

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

@@ -116,7 +116,7 @@ export class TetNotification {
     }
     render() {
         const { headerTitle, content } = this;
-        return (h(Host, { key: '3ad67a5d65a80d5ab0e062a14ddeae4c34063c41' }, h("div", { key: '69c7fed9473334a39f65acd7592cf2180110e265', class: { notification: true, [this.theme]: true } }, h("div", { key: '0e1ae217e9b47282f3af1e4cb2eae524d10c6e72', class: { item: true, [this.type]: true } }, h("div", { key: 'd5af5b9363034c25224bbe1f5529aad8a410ee1e', class: "header" }, this.renderTypeIcon(), h("div", { key: 'ca1c5f69b0fe81a785d650304e4d42ac00f9f3b0', class: "title" }, headerTitle), this.renderCloseButton()), h("div", { key: '7fc0bf1cc2b623c4255ef2745595aa6f83210779', class: "content" }, h("span", { key: 'f914bad800ff00fc58e7cd90a91aa3b2aa753f0e', innerHTML: content }), h("div", { key: 'a713f6e9b18b179a576a822bffca7930d021476a' }, h("slot", { key: '5873086c00b01ea63803576827b7aab2c5a9e979', name: "button" })))))));
+        return (h(Host, { key: '34c3340354f0c70ac311be01062dee82e429e093' }, h("div", { key: '74eb391ac41abdcbc7136c79a1585eb85f4161ec', class: { notification: true, [this.theme]: true } }, h("div", { key: '1a7c8900c808784e17b24881a98cdd726fabd23b', class: { item: true, [this.type]: true } }, h("div", { key: '4b16524115099eb6972f2f7942d61c5011a44378', class: "header" }, this.renderTypeIcon(), h("div", { key: '757d5cb5f58ee8064883a4b1b66086efa4c612fa', class: "title" }, headerTitle), this.renderCloseButton()), h("div", { key: '648896348981983aa8c439bc81da8067be1e731e', class: "content" }, h("span", { key: 'e33a259be4beb42e47a876e718aec655f68e5b7a', innerHTML: content }), h("div", { key: '934e2b59fa2985f38c8429ef6f17e9e884874603' }, h("slot", { key: '124cd6ae634abfc59fb16ddc6ad095ebb876ddf2', name: "button" })))))));
     }
     static get is() { return "tet-notification"; }
     static get encapsulation() { return "shadow"; }

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

@@ -351,7 +351,7 @@ export class TetTooltip {
         return isTooltipOutOfBounds;
     }
     render() {
-        return h(Host, { key: '0c83c0260ccb60dbacae07d2938a961d2d5b843f', class: { visible: this.showTooltip } }, this.renderTooltip());
+        return h(Host, { key: 'd9faa228dddd92aa8219df830b8e68673fc3613d', class: { visible: this.showTooltip } }, this.renderTooltip());
     }
     static get is() { return "tet-tooltip"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/views/tet-address-offers-view/tet-address-offers-view.js

@@ -129,7 +129,7 @@ export class TetAddressOffersView {
         return h(Fragment, null);
     }
     render() {
-        return (h(Host, { key: '027d4397d35bb9d3953ff6fa0b4fb2150950e9f4' }, this.renderContactForm(), this.renderHeader(), this.address && this.renderBody()));
+        return (h(Host, { key: '02da6026d8141426e3ada7b6080cbd03766e6045' }, this.renderContactForm(), this.renderHeader(), this.address && this.renderBody()));
     }
     static get is() { return "tet-address-offers-view"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/views/tet-b2b-configurator/partials/tet-b2b-configurator-cart/tet-b2b-configurator-cart.css

@@ -256,6 +256,7 @@
 .block__header-row {
   display: flex;
   justify-content: space-between;
+  gap: 0.5rem;
 }
 .block__header-amount {
   text-align: end;
@@ -286,6 +287,7 @@
   display: flex;
   flex-direction: column;
   align-items: center;
+  text-align: center;
 }
 .empty-cart__icon {
   margin-bottom: 0.5rem;
@@ -293,7 +295,6 @@
 }
 .empty-cart__title {
   font: 500 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";
-  text-align: center;
 }
 .empty-cart__description {
   color: var(--b2b-cart-text-color-secondary);

package/dist/collection/components/views/tet-b2b-configurator/partials/tet-b2b-configurator-cart/tet-b2b-configurator-cart.js

@@ -81,14 +81,14 @@ export class TetB2bConfiguratorCart {
                         this.secondaryBlockEl = el;
                     }
                 };
-                return (h("div", { hidden: !slotFilled, class: "block__wrapper" }, h("tet-accordion", { ref: refCallback, key: block.type, class: "block", isOpen: blockOpen, header: block.name, theme: this.theme, transparentBackground: true }, h("div", { slot: "header", class: "block__header" }, h("div", { class: "block__header-row" }, block.name, " ", h("span", { class: "block__header-amount" }, `${amount} ${this.priceSuffix}`)), h("div", { class: "block__header-row" }, h("div", { class: "block__header-details" }, `${count} ${countValue}`), h("div", { class: "block__header-indicator" }, blockOpen ? t('components-b2b-cart-accordion-less') : t('components-b2b-cart-accordion-more'), h("tet-icon", { class: "block__header-icon", name: `chevron-${blockOpen ? 'up' : 'down'}`, theme: this.theme })))), h("slot", { onSlotchange: this.handleSlotChanged, name: block.type }))));
+                return (h("div", { hidden: !slotFilled, class: "block__wrapper" }, h("tet-accordion", { ref: refCallback, key: block.type, class: "block", isOpen: blockOpen, header: block.name, theme: this.theme, transparentBackground: true }, h("div", { slot: "header", class: "block__header" }, h("div", { class: "block__header-row" }, h("div", null, block.name), h("div", { class: "block__header-amount" }, `${amount} ${this.priceSuffix}`)), h("div", { class: "block__header-row" }, h("div", { class: "block__header-details" }, `${count} ${countValue}`), h("div", { class: "block__header-indicator" }, blockOpen ? t('components-b2b-cart-accordion-less') : t('components-b2b-cart-accordion-more'), h("tet-icon", { class: "block__header-icon", name: `chevron-${blockOpen ? 'up' : 'down'}`, theme: this.theme })))), h("slot", { onSlotchange: this.handleSlotChanged, name: block.type }))));
             });
             return content;
         };
         /** Renders the cart summary, including notifications and financial details. */
         this.renderSummary = () => {
             const { summarySavings, summaryAmount, hasPrimaryNotification, hasSecondaryNotification } = this.data;
-            return (h("div", { class: { 'summary': true, 'summary--closed': !this.isAccordionOpen } }, hasPrimaryNotification && (h("tet-notification", { class: "summary__notification", type: "warning", headerTitle: t('components-b2b-cart-primary-notification-title'), content: t('components-b2b-cart-primary-notification-description'), allowClose: false, theme: this.theme, icon: null })), hasSecondaryNotification && (h("tet-notification", { class: "summary__notification", type: "neutral", headerTitle: t('components-b2b-cart-secondary-notification-title'), content: t('components-b2b-cart-secondary-notification-description'), allowClose: false, theme: this.theme })), this.isAccordionOpen && (h("div", { class: "summary__savings" }, t('components-b2b-cart-savings-title'), h("span", { class: "summary__savings-amount" }, " ", `${summarySavings} ${this.priceSuffix}`))), h("div", { class: "summary__monthly-payment" }, t('components-b2b-cart-monthly-payment-title'), h("div", { class: "summary__monthly-price" }, `${summaryAmount} ${this.priceSuffix}`, h("span", { class: "summary__monthly-price-disclosure" }, ' ', t('components-b2b-cart-monthly-payment-disclosure'), ' '))), this.isAccordionOpen && h("slot", { name: "cta" })));
+            return (h("div", { class: { 'summary': true, 'summary--closed': !this.isAccordionOpen } }, hasPrimaryNotification && (h("tet-notification", { class: "summary__notification", type: "warning", headerTitle: t('components-b2b-cart-primary-notification-title'), content: t('components-b2b-cart-primary-notification-description'), allowClose: false, theme: this.theme, icon: null })), hasSecondaryNotification && (h("tet-notification", { class: "summary__notification", type: "neutral", headerTitle: t('components-b2b-cart-secondary-notification-title'), content: t('components-b2b-cart-secondary-notification-description'), allowClose: false, theme: this.theme })), this.isAccordionOpen && (h("div", { class: "summary__savings" }, h("div", null, t('components-b2b-cart-savings-title')), h("span", { class: "summary__savings-amount" }, " ", `${summarySavings} ${this.priceSuffix}`))), h("div", { class: "summary__monthly-payment" }, t('components-b2b-cart-monthly-payment-title'), h("div", { class: "summary__monthly-price" }, h("div", null, `${summaryAmount} ${this.priceSuffix}`), h("span", { class: "summary__monthly-price-disclosure" }, ' ', t('components-b2b-cart-monthly-payment-disclosure'), ' '))), this.isAccordionOpen && h("slot", { name: "cta" })));
         };
         this.theme = 'light';
         this.data = undefined;
@@ -156,12 +156,12 @@ export class TetB2bConfiguratorCart {
         const isEditMode = this.context === 'edit';
         const isCheckoutMode = this.context === 'checkout';
         const showSummary = !this.isCartEmpty && (isEditMode || (isCheckoutMode && this.isAccordionOpen));
-        return (h(Host, { key: '62966ceeaf36c689d2c4a40375dfd0049bf7f2e1' }, h("div", { key: '79d0c33751775a315b605ce8d1147d7a32a75850', ref: (el) => (this.cartEl = el), class: { cart: true, [`${this.theme}`]: true, [`${this.context}`]: true } }, h("tet-accordion", { key: '7d145e23229db8468e2f0ce06651bbd9da44dfc2', ref: (el) => (this.accordionEl = el), class: {
+        return (h(Host, { key: '062b5a501bad26e79c3917ebb64d3bc96245ee0a' }, h("div", { key: 'd77a2bef1534f075ce389dfa9c039e3ede73a7a3', ref: (el) => (this.cartEl = el), class: { cart: true, [`${this.theme}`]: true, [`${this.context}`]: true } }, h("tet-accordion", { key: '52859a865af54aa6c170517df72328d2720421c0', ref: (el) => (this.accordionEl = el), class: {
                 'cart__accordion': true,
                 [`cart__accordion--${this.context}`]: true,
                 'cart__accordion--rounded': this.isCartEmpty || (isCheckoutMode && !this.isAccordionOpen),
                 'cart__accordion--closed': !this.isAccordionOpen
-            }, isOpen: this.isAccordionOpen, onOpenChanged: this.handleAccordionChanged, header: cartTitle, theme: this.theme, transparentBackground: true, indicatorDirection: this.isDesktopResolution || isCheckoutMode ? 'down' : 'up' }, h("div", { key: '295eaa81bba5d077e826b4396cbeca26de76efa9', class: `cart__title--${this.context}` }, cartTitle), h("div", { key: '937223c135b8e432496b42b33b113ea8a8bcc610', class: { cart__content: true, [`cart__content--${this.context}`]: true } }, this.isCartEmpty ? this.renderEmptyContent() : [this.renderContent()])), showSummary && this.renderSummary())));
+            }, isOpen: this.isAccordionOpen, onOpenChanged: this.handleAccordionChanged, header: cartTitle, theme: this.theme, transparentBackground: true, indicatorDirection: this.isDesktopResolution || isCheckoutMode ? 'down' : 'up' }, h("div", { key: '2593ac6fded70db5e0356d4eac9be05ec30b3d25', class: `cart__title--${this.context}` }, cartTitle), h("div", { key: 'd01c8e52bbe63de3aad45c9795907ec8f753914d', class: { cart__content: true, [`cart__content--${this.context}`]: true } }, this.isCartEmpty ? this.renderEmptyContent() : [this.renderContent()])), showSummary && this.renderSummary())));
     }
     static get is() { return "tet-b2b-configurator-cart"; }
     static get encapsulation() { return "shadow"; }