@tet/tet-components 1.4.22-testing → 1.4.23-production

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: 'b1b491fe54c7046ee285c0911cabf0bdf4ec8291' }, h("div", { key: '494cd2871d49908330b825e565050fa577b42af8', class: "weekday-header" }, this.days.map((day) => h("div", { class: "day" }, day))), h("div", { key: '3190afd029f2c40bb1f265de046febedd42958a5', 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: 'fca8cb8d45578ec0c8608da8ce323420644faad9' }, h("div", { key: '74cac3ff3a471c08931b46db322a0e0e4e40b125', class: "weekday-header" }, this.days.map((day) => h("div", { class: "day" }, day))), h("div", { key: '72e847b71935b87986f2b356adfe29758e1361fa', 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: '7377ae66b1866828ae4c7389f6a8fef5968f9c02', class: "container" }, this.years.map((year) => h("div", { class: this.getYearClasses(year), onClick: () => this.handleYearSelection(year) }, year))));
+        return (h("div", { key: '15883bca1e32241d0d9622e2792bf784608cb1ed', 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: '73f7dcc77f968a02e4940d59dc66d1355c1a1f3d', 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: '6c53c78d86fae911b7dab4ace3d7c49f191d4ec5', 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: 'e5b9ccfd885e84bd52ba03cc2c7242eac468babf', class: this.getOverlayClasses(), onClick: this.handleDatepickerClose }, h("div", { key: '9740a03c10b7689260fe9530754930eff23300d5', class: "container", ref: (el) => this.datepickerContainer = el }, h("tet-datepicker-header", { key: '7b8f89b88b9cd42daecdd462c744a6b28d0067b5', selectedDate: this.date, internalDate: this.internalDate, locale: this.locale, datepickerView: this.datepickerView }), this.datepickerView === 'month' &&
-            h("tet-datepicker-month-view", { key: '53669a03cfcf463dc78381d8b3c7eef23defc215', selectedDate: this.date, internalDate: this.internalDate, rangePickerMode: this.rangePickerMode, rangeDates: this.rangeDates }), this.datepickerView === 'multi-year' &&
-            h("tet-datepicker-multi-year-view", { key: 'c82fbeb9699fc13a81bab573133c73815fb2ef77', selectedDate: this.date, internalDate: this.internalDate }), this.datepickerView === 'year' &&
-            h("tet-datepicker-year-view", { key: 'a3bd26adbc20b7b7d0509995e34dbc193c3439d9', selectedDate: this.date, internalDate: this.internalDate }))));
+        return (h("div", { key: '636e956c0abe1c6b98ce50163680dec31d78a7c2', class: this.getOverlayClasses(), onClick: this.handleDatepickerClose }, h("div", { key: '2e9cea1ac3c2fca14fed89b97bd38acb36105699', class: "container", ref: (el) => this.datepickerContainer = el }, h("tet-datepicker-header", { key: '78eb3d79204d9a605cda3d08273b95efda75bdd8', selectedDate: this.date, internalDate: this.internalDate, locale: this.locale, datepickerView: this.datepickerView }), this.datepickerView === 'month' &&
+            h("tet-datepicker-month-view", { key: 'a3153cabfd2f9970a691dfeb76c2a28cc5748d37', selectedDate: this.date, internalDate: this.internalDate, rangePickerMode: this.rangePickerMode, rangeDates: this.rangeDates }), this.datepickerView === 'multi-year' &&
+            h("tet-datepicker-multi-year-view", { key: 'eaa1a0714135ea4d5e7544fdfb8c49775b650335', selectedDate: this.date, internalDate: this.internalDate }), this.datepickerView === 'year' &&
+            h("tet-datepicker-year-view", { key: '6af6afa0d4672bf7954420836d6a2beb349093f2', selectedDate: this.date, internalDate: this.internalDate }))));
     }
     static get is() { return "tet-datepicker"; }
     static get encapsulation() { return "shadow"; }

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

@@ -375,7 +375,7 @@ export class TetDropdown {
     }
     render() {
         const { theme, isOpen, isKeyboardFocus } = this;
-        return (h(Host, { key: 'd3df8d3b5bd0c790debfa7f0613ae803ad5a1b92' }, h("div", { key: 'fd6e6a24ce384a89d1365f025f030d17444a6dcc', class: { 'dropdown': true, 'dropdown--open': isOpen, 'focus-visible': isKeyboardFocus && isOpen, [`${theme}`]: true } }, this.renderButton(), this.renderOptions())));
+        return (h(Host, { key: 'f618d4e39eaeca3ccdb48ca5d4a9e4072dbbf070' }, h("div", { key: 'a5fc6419269f8db3ddb4fad6d820bf04ff97c06a', 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

@@ -284,13 +284,13 @@ export class TetExpandableInput {
         return '';
     }
     render() {
-        return (h(Host, { key: 'a1cdfbabd728b148946cd90e60b7c97632ee4693' }, h("div", { key: 'fc635f564500f9a21129957a6f7756ceda4a98eb', class: {
+        return (h(Host, { key: 'efff4c98d180226a1c78b7fb783efb9e8ac7ea9d' }, h("div", { key: 'd78e0335b21ab5ad8657f329820511fdb1acc4b2', class: {
                 container: true,
                 expanded: this.expanded,
                 [this.mode]: true,
                 [this.darkMode ? 'dark' : this.theme]: true,
                 [this.size]: true,
-            }, tabIndex: -1 }, h("div", { key: 'b365929ffeb247cde5eb113fd1369ccdc439e2fd', class: "input-wrapper", ref: (element) => (this.inputWrapper = element), tabIndex: -1 }, h("tet-input", { key: '417f9573d8effbfe06f296e14db5fc9880d068a0', 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: '23a0b12387c18250f759fa871ebb7a2557a01157', class: "input-wrapper", ref: (element) => (this.inputWrapper = element), tabIndex: -1 }, h("tet-input", { key: '1f2810c277b0429a2c9892d755c6288d33449373', 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: 'aff9033956392355a61367bea1afdfc86f7916b2', class: { 'number-input': true, [this.theme]: !!this.theme,
-                'disabled': disabled, 'error': error, 'completed': completed } }, !!label && (h("label", { key: 'e200f94e2b8edc549ab81b01d8df13ce445f66ec', class: "number-input__label", htmlFor: "number-input" }, label)), h("div", { key: '21953f490b213df531f852216a1215deeb0e9015', class: "number-input__input-container", onKeyDown: this.handleContainerKeydown, ref: (divElement) => (this.inputWrapperElement = divElement) }, h("input", { key: '6753a74dc9405a05691d469ff3a67f20a0d29497', 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: '9e9d1e23f7fa408cfc25ec0b82afd0fa21c773aa', ref: (htmlInputElement) => (this.inputElementHidden = htmlInputElement), class: "number-input__input-invisible" }, value), !!suffix && h("div", { key: 'afea33feebfad930c1689d8f51e109060af6e427', class: "number-input__input-suffix" }, suffix.name), !!this.suffixes && this.suffixes.length > 1 && (h("tet-button", { key: '19945ff02d22ed5aab2c918603f698934a6f5c53', 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: '6ac968ec21f0d75229543daf06033abaf0847dc6', name: "chevron-down" }), isOpen && h("tet-icon", { key: '15fa9d12aac8e3fed67d55c126c5c66e81005a0c', name: "chevron-up" }))), isOpen && (h("div", { key: '201ea39c49f987cbb4c7693c832f17321bb73a62', class: "number-input__dropdown", ref: (htmlDivElement) => (this.dropdownElement = htmlDivElement) }, this.renderDropdownContent()))), !!helperText && h("div", { key: '5101e8c6d829aa4a064453482c41cbd0abcc2a8d', class: "number-input__helper-text" }, helperText)));
+        return (h("div", { key: 'c6640088acda206e40eb41b798835719f3aa325c', class: { 'number-input': true, [this.theme]: !!this.theme,
+                'disabled': disabled, 'error': error, 'completed': completed } }, !!label && (h("label", { key: '69c230ba4786538860c51fd47d44e55f93b9c76f', class: "number-input__label", htmlFor: "number-input" }, label)), h("div", { key: 'ba59efbfb2b7f75f38ea1d551b6e27a453a7eb46', class: "number-input__input-container", onKeyDown: this.handleContainerKeydown, ref: (divElement) => (this.inputWrapperElement = divElement) }, h("input", { key: '50b4014ff919758d3d5265e62d9c6f0b48c62390', 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: 'b795eed7727e42df9aa633654eab5ccf016cb2ed', ref: (htmlInputElement) => (this.inputElementHidden = htmlInputElement), class: "number-input__input-invisible" }, value), !!suffix && h("div", { key: 'cdb64126d05c28382bdf1a2902b7b437f0aa017a', class: "number-input__input-suffix" }, suffix.name), !!this.suffixes && this.suffixes.length > 1 && (h("tet-button", { key: '3a9b0dc6e94923c3aea26e1903992ff80888abd2', 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: 'a03a5c8fe9c7ec87760fdc50e1c3baa5c955dd5c', name: "chevron-down" }), isOpen && h("tet-icon", { key: 'ccff4ce40af8913672aa52fbf8591f91e142d12d', name: "chevron-up" }))), isOpen && (h("div", { key: 'f6481d0d30d312bba05e38e233d48b5f76aebe61', class: "number-input__dropdown", ref: (htmlDivElement) => (this.dropdownElement = htmlDivElement) }, this.renderDropdownContent()))), !!helperText && h("div", { key: '39cb2fc430ff4ce70523d39f92491b82925bbb43', 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

@@ -760,31 +760,31 @@ export class TetRangeSlider {
         return dataListItem;
     };
     render() {
-        return (h(Host, { key: '76aed155968d7eb8690e65d7b7652d13db2b5b10' }, h("div", { key: 'd1dd633e0aefb5fc226b8ccf819c11df85b82b68', class: {
+        return (h(Host, { key: 'c8e35c143a6be1b172d63fae08d5bb248773ad9a' }, h("div", { key: 'ad0451e17d38d08f28875e53138ad77c3142ec0b', 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: '4a1836915825be6c6044e5169aeb75346564e24c', class: {
+            } }, h("div", { key: '3f99b104e645bab2d8e3c9c43fb2f7e0b8f1ffe1', class: {
                 'range-slider__input-container': true,
                 'hidden': !this.withInput,
-            } }, h("tet-input", { key: 'e48227fccec3eb5fd50b7c18aaf2e16f910925ed', "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: '111220fc99122cd34fe7f1192f02594e5ba45363', class: "range-slider__container" }, h("tet-button", { key: '29410b00818247cb30cb086dd6e9172b5bcff1bb', theme: this.theme, iconMode: true, class: {
+            } }, h("tet-input", { key: '8f0914d7daf2ca75ef15062357ebc61703e800a7', "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: 'c84209a7974376535239e801ff34f2fb7e9a6239', class: "range-slider__container" }, h("tet-button", { key: 'e4575713db819b214b90eac76f3f2caa084dd1a8', 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: '0838eb812c936ec66d6fb87838f9b0ca3555c5f0', name: "remove", class: "range-slider__control--icon" })), h("div", { key: 'b8e60061611b0e0454901963d44807ce50ef1871', 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: '367066c442a3d9280f4e76ace9a3cc8e6c574416', class: "range-slider__slider-wrapper" }, h("input", { key: '710e47df36a191322d9464ae21a2b161a2154ecc', 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: '2485d1adf51757deae41a3058aec5cc32b545d32', class: "range-slider__track range-slider__track--background" }), h("div", { key: '3594922cb62ecbe9ef2baedfc11434cb3a8c6d1d', ref: progressTrackEl => (this.progressTrackRef = progressTrackEl), class: "range-slider__track range-slider__track--progress" }), h("div", { key: 'a4beda4fad2be4e91a47f484590f283568f97b02', ref: tickContainerEl => (this.tickContainerRef = tickContainerEl), class: "range-slider__tick-container" }), h("div", { key: 'c2dc1d19fa1c41287d3e0596722d05d452b23ee8', ref: dataLabelEl => (this.dataLabelRef = dataLabelEl), class: {
+            }, clickCallback: this.onControlPreviousClick, ...(this.reduceButtonAccessibilityLabel ? { accessibilityLabel: this.reduceButtonAccessibilityLabel } : {}), ...(this.containerSize !== 'large' ? { tabindex: 2 } : {}) }, h("tet-icon", { key: '161f612a4d88f0567b22dfa2d81d3f49471ca893', name: "remove", class: "range-slider__control--icon" })), h("div", { key: '35f9d67d11383538944ae64a14ffef539c223de3', 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: '958c36eb8dca4510923ec6fa762a6fa408e64bed', class: "range-slider__slider-wrapper" }, h("input", { key: '0b62e5d99d2be52351c01dfe0565e5ac1e86cdfe', 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: '03730d339ffd756348777c9836213944341c1f6a', class: "range-slider__track range-slider__track--background" }), h("div", { key: 'a3cd5c83d1b43dc1dab2fab272cb71892542f9eb', ref: progressTrackEl => (this.progressTrackRef = progressTrackEl), class: "range-slider__track range-slider__track--progress" }), h("div", { key: '4371c05d040b41f55628dc48912ad025b4df3c83', ref: tickContainerEl => (this.tickContainerRef = tickContainerEl), class: "range-slider__tick-container" }), h("div", { key: '44452760584d6d2e642ad32d324ac932a8581ef5', ref: dataLabelEl => (this.dataLabelRef = dataLabelEl), class: {
                 'range-slider__data-label-container': true,
                 'hidden': this.type === 'secondary' && this.containerSize === 'small',
-            } })), h("div", { key: '5e7f78380c403e9daec86a23406a5bbde965e8fa', class: {
+            } })), h("div", { key: '088a8e3000f577eb1af4709299660228ec60884e', class: {
                 'range-slider__current-step-container': true,
                 'hidden': !this.withCurrentStepCounter,
-            } }, h("div", { key: '613264c515c64f53db00ad4c3fa65bb3629aee3a', class: "range-slider__current-step", "aria-live": "polite" }, this.dataSet.indexOf(this.getClosestOverrideDataPoint()) + 1, "/", this.dataPoints.length)), h("div", { key: '33be35b14e63989d9291067746e4f6a396d611de', ref: toolbarHandleEl => (this.tooltipHandleRef = toolbarHandleEl), class: "range-slider__tooltip-handle" }, h("div", { key: 'cc9b8610015d85f2a9a4a9c9f180a33a98e8ee3c', class: "range-slider__tooltip translation-none", style: { [`--tooltip-offset`]: `${this.tooltipOffset}rem` }, "aria-live": "polite" }, this.getTooltipValue())), h("tet-button", { key: 'c4146beab36ee57b4ab9622705a03316bd5d8950', theme: this.theme, iconMode: true, class: {
+            } }, h("div", { key: '281d1bcfde25f0a4dd6d4d0587cd9fced09005a7', class: "range-slider__current-step", "aria-live": "polite" }, this.dataSet.indexOf(this.getClosestOverrideDataPoint()) + 1, "/", this.dataPoints.length)), h("div", { key: '59ccd4b546d5a8ccf875c0a097a325ac9cc95603', ref: toolbarHandleEl => (this.tooltipHandleRef = toolbarHandleEl), class: "range-slider__tooltip-handle" }, h("div", { key: '8031a4502185007da20bf6c321249772206d73b1', class: "range-slider__tooltip translation-none", style: { [`--tooltip-offset`]: `${this.tooltipOffset}rem` }, "aria-live": "polite" }, this.getTooltipValue())), h("tet-button", { key: 'eca48c3c4384bdf17cc87a5fc9873c71b0251265', 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: '7c2b7f0ad49c459927f6cb039eefba8a14a4f21e', name: "add", class: "range-slider__control--icon" }))))));
+            }, clickCallback: this.onControlNextClick, ...(this.addButtonAccessibilityLabel ? { accessibilityLabel: this.addButtonAccessibilityLabel } : {}), ...(this.containerSize !== 'large' ? { tabindex: 4 } : {}) }, h("tet-icon", { key: 'cc3eb3b278138a756126bdd74398caddb89dba91', 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

@@ -129,7 +129,7 @@ export class TetStepperInput {
      */
     render() {
         const { onMinusClick, value, onPlusClick } = this;
-        return (h("div", { key: '4a0f69091a5fa08683b073959633e5a679503f17', class: { 'stepper-input': true, [this.theme]: !!this.theme } }, h("tet-button", { key: '37ad65e085ef449fde1fa501a6a7d4d452e1ffec', 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: '93cca3513415dee72ff42f39ea6ee94fbf4720c4', name: "remove" })), h("input", { key: '945b28f1fe2caedbf43d182d2f5141043d0c6384', ref: (htmlInputElement) => (this.inputElement = htmlInputElement), class: "stepper-input__value", value: value, type: "number", ...(this.accessibilityLabel ? { "aria-label": this.accessibilityLabel } : {}) }), h("tet-button", { key: '682bba1530f05491d7c36609b5155a9696bbcdd9', 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: '0d4153521c35de96ff8d2413a0151532f1b34741', name: "add" }))));
+        return (h("div", { key: '3512abcbdf44d9ef61448754c7b99408d6d28357', class: { 'stepper-input': true, [this.theme]: !!this.theme } }, h("tet-button", { key: '5d0f3a14fc42a91cf8c71026e1d7c7d5d71a7f82', 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: '3b304b4ee371edc0285d9f89da9f6cb60dd74611', name: "remove" })), h("input", { key: '704097c9e52b1deb612916f2d351102f698d257f', ref: (htmlInputElement) => (this.inputElement = htmlInputElement), class: "stepper-input__value", value: value, type: "number", ...(this.accessibilityLabel ? { "aria-label": this.accessibilityLabel } : {}) }), h("tet-button", { key: '6bddee6d0d9f56c5168f4a66bbee9f838e3a1674', 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: '6725897d04be2d546fac6ea1609673053575dd63', 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

@@ -59,8 +59,8 @@ export class TetTextarea {
             'error': (errorMessages.length > 0),
             'keyboard-focus': this.focusVisible,
         };
-        return (h(Host, { key: '8d3dcdaafb303e7aceb6aaa4ffa8bbae06109f44' }, h("label", { key: 'ab85baaf318757fce005b69349bb430d35fd474d', class: { [`${theme}`]: true } }, label &&
-            h("span", { key: 'f48f426a399187ccf6fa56b77552e1e4b1f4d191', class: { 'tet-textarea__label': true, [`tet-textarea__${theme}`]: true } }, label), h("div", { key: '0ec9c8e9ba0e2d9085bca36c186c6e9128c157cf', class: { 'textarea-container': true, [`tet-textarea__${theme}`]: true } }, h("textarea", { key: '4a9ef73557332df4f0f6bd89b355d202e868a11e', 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: '1d5b2bb741dd6aac44acabab08a5023a42b53606' }, h("label", { key: 'cba57c0736c4d0f310a1e1a86104cd4863624015', class: { [`${theme}`]: true } }, label &&
+            h("span", { key: '262fb7a64792d70a0a89d0a7bc31426cba85a06c', class: { 'tet-textarea__label': true, [`tet-textarea__${theme}`]: true } }, label), h("div", { key: '7d28b839ae236f82bde1b9756b5b30578774e66d', class: { 'textarea-container': true, [`tet-textarea__${theme}`]: true } }, h("textarea", { key: '6bde0e7f57d11863fcde79a1b3fd4d1f06b25c50', 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

@@ -48,7 +48,7 @@ export class TetLinkCardList {
     }
     render() {
         const { theme, layout, items } = this;
-        return (h(Host, { key: '85a83caa2f56336b3a48f95cd3d4268e8f2bf561' }, h("ul", { key: '49e08326a63041ec25ce0171ea1f05572a7bfbcc', class: `link-card-list link-card-list--${theme} link-card-list--${layout}` }, items?.length
+        return (h(Host, { key: 'ca3f55193752f1eda75100247822c5749dcfabc7' }, h("ul", { key: '2172c38be9d59c54ba5ec71cd0207ab44e87ec84', 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: '117469f6625a6d983fe2450bddf4921f43013d60' }, h("tet-card-list", { key: '43ced0d360601c08587baae5359dcdff84185cd6', 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: '597c06a831b8eebbc53fc1587aa9394d28fcd120' }, h("tet-card-list", { key: 'f766121ab1fb07d9bb69138eaa2f8f6ef21c18a5', 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/lists/tet-text-list/tet-text-list.css

@@ -9842,6 +9842,7 @@
   */
   --tc-button-text-primary-dark: var(--tc-grey-minus-10-dark);
   --tc-button-text-secondary-dark: var(--tc-grey-100-dark);
+  --tc-button-text-secondary-adaptive-yellow-dark: var(--tc-yellow-40-dark);
   --tc-button-text-disabled-dark: rgba(12, 12, 14, 0.32);
   --tc-button-text-secondary-disabled-dark: rgba(236, 237, 238, 0.3);
   --tc-button-text-white-permanent-dark: var(--tc-grey-100-dark);
@@ -9858,15 +9859,24 @@
   --tc-button-primary-background-inverse-hover-dark: rgba(38, 41, 44, 0.9);
   --tc-button-primary-background-inverse-pressed-dark: rgba(38, 41, 44, 0.8);
   --tc-button-primary-background-inverse-disabled-dark: rgba(38, 41, 44, 0.3);
+  --tc-button-primary-yellow-background-default-dark: var(--tc-yellow-40-dark);
+  --tc-button-primary-yellow-background-hover-dark: rgba(255, 218, 87, 0.9);
+  --tc-button-primary-yellow-background-pressed-dark: rgba(255, 218, 87, 0.7);
+  --tc-button-primary-adaptive-yellow-background-default-dark: var(--tc-yellow-40-dark);
+  --tc-button-primary-adaptive-yellow-background-hover-dark: rgba(255, 218, 87, 0.9);
+  --tc-button-primary-adaptive-yellow-background-pressed-dark: rgba(255, 218, 87, 0.8);
   --tc-button-secondary-background-hover-dark: rgba(236, 237, 238, 0.15);
   --tc-button-secondary-outline-background-hover-dark: rgba(255, 255, 255, 0.1);
   --tc-button-secondary-background-pressed-dark: rgba(236, 237, 238, 0.3);
   --tc-button-secondary-background-inverse-hover-dark: rgba(38, 41, 44, 0.12);
   --tc-button-secondary-background-inverse-pressed-dark: rgba(38, 41, 44, 0.3);
+  --tc-button-secondary-adaptive-yellow-background-hover-dark: rgba(255, 218, 87, 0.12);
+  --tc-button-secondary-adaptive-yellow-background-pressed-dark: rgba(255, 218, 87, 0.24);
   --tc-button-icon-primary-dark: var(--tc-grey-minus-10-dark);
   --tc-button-icon-secondary-dark: var(--tc-grey-100-dark);
   --tc-button-icon-disabled-dark: rgba(12, 12, 14, 0.32);
   --tc-button-icon-secondary-disabled-dark: rgba(236, 237, 238, 0.3);
+  --tc-button-icon-secondary-adaptive-yellow-dark: var(--tc-yellow-40-dark);
   --tc-button-icon-white-permanent-dark: var(--tc-grey-100-dark);
   --tc-button-icon-black-permanent-dark: var(--tc-grey-minus-10-dark);
   --tc-button-icon-inverse-primary-dark: var(--tc-grey-100-dark);
@@ -9874,6 +9884,7 @@
   --tc-button-icon-inverse-disabled-dark: rgba(250, 250, 250, 0.49);
   --tc-button-icon-inverse-secondary-disabled-dark: rgba(38, 41, 44, 0.16);
   --tc-button-border-secondary-dark: var(--tc-grey-100-dark);
+  --tc-button-border-adaptive-yellow-secondary-dark: var(--tc-yellow-40-dark);
   --tc-button-border-disabled-dark: rgba(236, 237, 238, 0.3);
   --tc-button-border-inverse-secondary-dark: var(--tc-grey-minus-10-dark);
   --tc-button-border-inverse-disabled-dark: rgba(38, 41, 44, 0.16);
@@ -9954,7 +9965,7 @@
   --tc-toggle-button-hover-dark: var(--tc-grey-40-dark);
   --tc-toggle-button-disabled-dark: var(--tc-grey-20-dark);
   --tc-toggle-button-ellipse-default-dark: rgb(0, 0, 0);
-  --tc-toggle-button-ellipse-disabled-dark: var(--tc-grey-10-dark);
+  --tc-toggle-button-ellipse-disabled-dark: var(--tc-grey-40-dark);
   --tc-text-input-border-active-dark: rgba(38, 41, 44, 0.9);
   --tc-tooltip-text-primary-dark: var(--tc-grey-minus-10-dark);
   --tc-tooltip-text-secondary-dark: var(--tc-grey-30-dark);
@@ -10204,6 +10215,7 @@
   */
   --tc-button-text-primary: var(--tc-grey-00);
   --tc-button-text-secondary: var(--tc-grey-110);
+  --tc-button-text-secondary-adaptive-yellow: var(--tc-grey-110);
   --tc-button-text-disabled: rgba(250, 250, 250, 0.49);
   --tc-button-text-secondary-disabled: rgba(38, 41, 44, 0.16);
   --tc-button-text-white-permanent: var(--tc-grey-00);
@@ -10220,15 +10232,24 @@
   --tc-button-primary-background-inverse-hover: rgba(236, 237, 238, 0.9);
   --tc-button-primary-background-inverse-pressed: rgba(236, 237, 238, 0.8);
   --tc-button-primary-background-inverse-disabled: rgba(236, 237, 238, 0.3);
+  --tc-button-primary-yellow-background-default: var(--tc-yellow-40);
+  --tc-button-primary-yellow-background-hover: rgba(255, 218, 87, 0.9);
+  --tc-button-primary-yellow-background-pressed: rgba(255, 218, 87, 0.7);
+  --tc-button-primary-adaptive-yellow-background-default: rgb(0, 0, 0);
+  --tc-button-primary-adaptive-yellow-background-hover: rgba(38, 41, 44, 0.9);
+  --tc-button-primary-adaptive-yellow-background-pressed: rgba(38, 41, 44, 0.8);
   --tc-button-secondary-background-hover: rgba(38, 41, 44, 0.12);
   --tc-button-secondary-outline-background-hover: rgba(12, 12, 14, 0.1);
   --tc-button-secondary-background-pressed: rgba(38, 41, 44, 0.3);
   --tc-button-secondary-background-inverse-hover: rgba(236, 237, 238, 0.15);
   --tc-button-secondary-background-inverse-pressed: rgba(236, 237, 238, 0.3);
+  --tc-button-secondary-adaptive-yellow-background-hover: rgba(38, 41, 44, 0.12);
+  --tc-button-secondary-adaptive-yellow-background-pressed: rgba(38, 41, 44, 0.3);
   --tc-button-icon-primary: var(--tc-grey-00);
   --tc-button-icon-secondary: var(--tc-grey-110);
   --tc-button-icon-disabled: rgba(250, 250, 250, 0.49);
   --tc-button-icon-secondary-disabled: rgba(38, 41, 44, 0.16);
+  --tc-button-icon-secondary-adaptive-yellow: var(--tc-grey-110);
   --tc-button-icon-white-permanent: var(--tc-grey-00);
   --tc-button-icon-black-permanent: var(--tc-grey-110);
   --tc-button-icon-inverse-primary: var(--tc-grey-110);
@@ -10236,6 +10257,7 @@
   --tc-button-icon-inverse-disabled: rgba(12, 12, 14, 0.32);
   --tc-button-icon-inverse-secondary-disabled: rgba(236, 237, 238, 0.3);
   --tc-button-border-secondary: var(--tc-grey-110);
+  --tc-button-border-adaptive-yellow-secondary: var(--tc-grey-110);
   --tc-button-border-disabled: rgba(38, 41, 44, 0.16);
   --tc-button-border-inverse-secondary: var(--tc-grey-00);
   --tc-button-border-inverse-disabled: rgba(236, 237, 238, 0.3);
@@ -10316,7 +10338,7 @@
   --tc-toggle-button-hover: var(--tc-grey-40);
   --tc-toggle-button-disabled: var(--tc-grey-20);
   --tc-toggle-button-ellipse-default: rgb(255, 255, 255);
-  --tc-toggle-button-ellipse-disabled: var(--tc-grey-10);
+  --tc-toggle-button-ellipse-disabled: var(--tc-grey-40);
   --tc-text-input-border-active: rgba(236, 237, 238, 0.9);
   --tc-tooltip-text-primary: var(--tc-grey-110);
   --tc-tooltip-text-secondary: var(--tc-grey-70);

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

@@ -211,7 +211,7 @@ export class TetMenu {
     }
     render() {
         const { type } = this;
-        return (h(Host, { key: 'b0ebc6074b9aad20c810cd93ba74af60916bf2bf' }, h("div", { key: '2f8746c305620c110249f556b95666e6b656ad3b', class: {
+        return (h(Host, { key: 'd2b68b9dd66cd045273bbeb985f0954823e5ddd3' }, h("div", { key: 'c04c6a9c0ed54eb818bad235d98d750cefd68176', class: {
                 menu: true,
                 menu__main: type === 'main',
                 menu__language: type === 'language',

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

@@ -120,7 +120,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: '738fe94f4d89172e0c5e84cb3bfe54c5ee4042ee' }, h("div", { key: '113554a87b2baff0d70a35f65bc539ee94d0fdbd', class: {
+        return (h(Host, { key: 'a94c795b37c506fcfd90797ab8db8f903b43814a' }, h("div", { key: 'a67d4b00cc8368b3a44b0fa1862c2d885cd38636', class: {
                 'menu': true,
                 'menu--expanded': this.isExpanded,
                 'menu--active': this.isActive,

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

@@ -58,13 +58,13 @@ export class TetNavigationMobile {
         this.mainDropdownToggle.emit(isTogglerExpanded);
     }
     render() {
-        return (h(Host, { key: '410b8ecb912be53e623233de8607b2599513fce6' }, h("navigation", { key: 'deab5584ea73bf98225a91f2b0fb54209fa1fc27', class: {
+        return (h(Host, { key: 'b1d42011f662e5155e35a0bc8d31437412e4cbdd' }, h("navigation", { key: 'ae96be1c9319553a509fb957d349ecaae4591d4f', class: {
                 'navigation': true,
                 'navigation--dark': this.darkMode
-            } }, h("div", { key: 'a5fb9f850361f6063e280bb4b79ca56f48c33225', class: "navigation__nav-bar" }, h("slot", { key: 'e7a0d2fdf08f743b4f81be7ee3aae055cdd07ed6' })), this.isTogglerVisible && (h("span", { key: 'a0565e19716ecae54662d997d12da100968cd8c7', class: "navigation__toggler", onClick: this.onTogglerClick, onKeyDown: (e) => this.handleKeyDown(e), tabIndex: 0 }, h("tet-icon", { key: 'd38e5605b66b04ba8d97e52596d4ba47bb0ee26e', theme: this.darkMode ? "dark" : "light", name: this.isTogglerExpanded ? "close" : "burger" }))), h("div", { key: '071ccb7045b4e6ddae37bae053c300148485349d', class: {
+            } }, h("div", { key: '7d1d7d57b4493d12fcff1cfd9683de743793ce1e', class: "navigation__nav-bar" }, h("slot", { key: '25d03ea4f1baeadd1a46304ebad40dc54692ee90' })), this.isTogglerVisible && (h("span", { key: '7061391265947f77e4fbc5710320b9501b73e55e', class: "navigation__toggler", onClick: this.onTogglerClick, onKeyDown: (e) => this.handleKeyDown(e), tabIndex: 0 }, h("tet-icon", { key: 'aed42f457586db6b3140aedf0392fe73cd23b71b', theme: this.darkMode ? "dark" : "light", name: this.isTogglerExpanded ? "close" : "burger" }))), h("div", { key: 'e20d5e2d63081124f44a8162c8aec1a431d51118', class: {
                 'navigation__dropdown': true,
                 'navigation__dropdown--expanded': this.isTogglerExpanded,
-            }, inert: !this.isTogglerExpanded }, h("slot", { key: 'a27a4670604373b4fc8bfe2dcd32631cf3f12043', name: "dropdown" })))));
+            }, inert: !this.isTogglerExpanded }, h("slot", { key: '0672495baa852e33c0ca995bab213fabcb08bd10', 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: 'e50ecaf01917687b035477d00aea4d3cd5c5f5f7' }, h("div", { key: 'c07425862c2bbef69bf8531797f6e67e5381764f', class: {
+        return (h(Host, { key: '1af66c95edb15cb8188933d6605f9abb08553401' }, h("div", { key: 'c9520e54dfd61e8e64c07d1780c8f399a294975f', 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: 'fcb1a4ed009c3403d7f696bd6dd1115b180683cb', class: {
+            } }, h("div", { key: 'a241142998540db2285ea00fbb9936208fcb2630', 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: '6d86e703f2c4d0315a5ec8ac953fcd2e9fc28ab6', name: "header" }, this.headerIconName && (h("tet-icon", { key: '1f326106ba3360f55db0e6e1f454b6e4c4101c09', name: this.headerIconName, class: "tet-accordion__header-icon tet-accordion__icon" })), this.headerImageSrc && this.headerImageSrc !== '' && (h("img", { key: '7a31e0118d5d43f54b261e26303a3f1f65374d25', src: this.headerImageSrc, alt: this.headerImageAlt ? this.headerImageAlt : undefined, class: "tet-accordion__header-image" })), this.renderHeading(), this.isHeaderInteractive && (h("tet-icon", { key: '122456dbaab62726486021b2abe9d886516e6555', name: `chevron-${this.indicatorDirection}`, class: {
+            } : {}) }, h("slot", { key: '88682022b926be7471207dca95e3b395fc132c4d', name: "header" }, this.headerIconName && (h("tet-icon", { key: '10bb91ab81407172e6826c21c44a0ee53e9dfbba', name: this.headerIconName, class: "tet-accordion__header-icon tet-accordion__icon" })), this.headerImageSrc && this.headerImageSrc !== '' && (h("img", { key: '67df2e6ed69a8284d49a4e5e3c9ff17c0427319f', src: this.headerImageSrc, alt: this.headerImageAlt ? this.headerImageAlt : undefined, class: "tet-accordion__header-image" })), this.renderHeading(), this.isHeaderInteractive && (h("tet-icon", { key: '22bcde8c3516b9d6ca418244a3fe9f57280115eb', name: `chevron-${this.indicatorDirection}`, class: {
                 'tet-accordion__icon': true,
                 'open': this.isOpen
-            } })))), h("div", { key: '1178fae23f7bf0772db6838d07dd3555f393cd41', ref: (element) => (this.contentWrapperElement = element), class: {
+            } })))), h("div", { key: 'f427b24ff31d0af8d627fe266502e34a1b0a8fd3', ref: (element) => (this.contentWrapperElement = element), class: {
                 'tet-accordion__content-wrapper': true,
                 'visible': this.isOpen
-            }, inert: !this.isOpen }, h("div", { key: 'b0f235101ad186ff0a2e3689ad757248773a1d49', ref: (element) => (this.contentElement = element), class: {
+            }, inert: !this.isOpen }, h("div", { key: '81dc6dd0ce61c36a27e36e77f3e82c18a402db2f', ref: (element) => (this.contentElement = element), class: {
                 'tet-accordion__content': true
-            } }, h("slot", { key: '6d8e0d8cb152a0434ae078ea7f0e535ba5925969' }))))));
+            } }, h("slot", { key: 'fd98f90222b5cd0392f8f8d9f428112d8baad277' }))))));
     }
     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: '9abc379e601985d5ae92c82deedd075d4fed41d8', class: { 'tet-expansion-panel': true, 'open': this.state === 'open' } }, h("div", { key: '25a6599c3c96e280c00dc98be4192cda4c1598c9', class: "tet-expansion-panel-content" }, h("slot", { key: '2d722cf0ffe470e707045807b4cce35f28d1fc00' }))));
+        return (h("div", { key: '23d590173f5545d85a37b9b3f9fd7d57d6e7d665', class: { 'tet-expansion-panel': true, 'open': this.state === 'open' } }, h("div", { key: 'ffe683c7cc09cab62549cc1e1b16be578e6c4d32', class: "tet-expansion-panel-content" }, h("slot", { key: 'be6a424d36b6ece556ec6139eaef5c07f758a80e' }))));
     }
     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

@@ -11,7 +11,7 @@ export class TetFloatingBlock {
     contentItemClick;
     renderContentItem = (item, index) => (h("button", { class: "floating-block__content-item", key: index, onClick: () => this.contentItemClick.emit(item.id) }, h("span", { class: "floating-block__content-item__title" }, item.title), h("tet-icon", { class: "floating-block__content-item__chevron", name: "tc-chevron-right" })));
     render() {
-        return (h("div", { key: '4772216e1bf44971b6d047c61c9464b286ed8d5a', class: { 'floating-block': true, [this.theme]: true } }, h("tet-accordion", { key: '8510d5ff039926aadbf400ddb26ef9155b389cd5', class: "floating-block__accordion", theme: this.theme, withBorder: false, header: this.header, headingTag: "span", breakpoint: "desktop", transparentBackground: true }, h("div", { key: '79ed2236f5e336d006594e9df3fc39ac7364d32c', class: "floating-block__content" }, this.content?.map(this.renderContentItem)))));
+        return (h("div", { key: '986db5fd6bdab96ce900761d95ff256b708dfcf6', class: { 'floating-block': true, [this.theme]: true } }, h("tet-accordion", { key: '9927f83f730225cde3ae628bcaadb27550801795', class: "floating-block__accordion", theme: this.theme, withBorder: false, header: this.header, headingTag: "span", breakpoint: "desktop", transparentBackground: true }, h("div", { key: 'eca99160b47f9e3a7182ec7d6fb80f06d87f9e91', 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-table/tet-table.js

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

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

@@ -125,11 +125,11 @@ export class TetDialog {
     }
     render() {
         const { isOpen, theme, footerDisplay, handleClickOverlay } = this;
-        return (h(Host, { key: 'ca9048e2142e894e4145988382ca8d2c3a037fa3' }, h("dialog", { key: '48ac1fc21a0e4d22fde2257e1574f769d19578f5', ref: (el) => (this.dialogContainer = el) }, h("div", { key: '4f8e16f5aa00a4cc7f2987557629cf9f0303f0f9', part: "overlay", class: {
+        return (h(Host, { key: 'a627f7fbe35623eefba9862e2154afb1e5e526fe' }, h("dialog", { key: '27c4ce9aa33d5c8978c3b43f81031d05a4216bea', ref: (el) => (this.dialogContainer = el) }, h("div", { key: '75030b3354cfafb3b8549aac199efc234ecbda07', part: "overlay", class: {
                 'dialog__overlay': true,
                 'dialog__overlay--visible': isOpen,
                 [`dialog--theme-${theme}`]: true
-            }, onClick: handleClickOverlay }, h("div", { key: '5d5597ada74891c0f99679054dbae74a1899b5a2', part: "dialog", class: { dialog: true, [`dialog--theme-${theme}`]: true }, "aria-labelledby": this.hideHeader ? null : this.titleId }, this.renderHeader(), h("div", { key: '67e08e78b1e705af31b00e7ee758d5ce0e7edc00', part: "body", class: "dialog__body" }, h("slot", { key: '5a53b9f40e64d6a670ef2c5a22692d77dcb9abb7' })), h("div", { key: '7cf0f27f24aa202daecab8b12d3927f1f90ada89', part: "footer", class: { dialog__footer: true, [`dialog__footer--${footerDisplay}`]: true } }, h("slot", { key: '80e645fd6eeeac2fee2cd77df874c4a2281ef1aa', name: "footer" })))))));
+            }, onClick: handleClickOverlay }, h("div", { key: '8b87713eb4c2ffff114dcc8b369c961c02b533f3', part: "dialog", class: { dialog: true, [`dialog--theme-${theme}`]: true }, "aria-labelledby": this.hideHeader ? null : this.titleId }, this.renderHeader(), h("div", { key: 'f5e2d308b7d89cef80766d5e17707b7ddaa895e9', part: "body", class: "dialog__body" }, h("slot", { key: 'f63fcd73d3a55d107ba7ec0f0da96489ba18a51a' })), h("div", { key: '213e4a13539f1e39e1d9ee949040a759e71ad440', part: "footer", class: { dialog__footer: true, [`dialog__footer--${footerDisplay}`]: true } }, h("slot", { key: '6d92ce3edba47c8d86ee76f55463ec137b55769c', 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: '54e5e2f557334d20665058f08282e23c2f63fd0a', class: {
+        return (h("div", { key: '50546c6dad91114be7af64d9b910c1a73f99d44d', class: {
                 "container": true,
                 [this.theme]: true,
                 [this.variant]: true
-            } }, h("tet-icon", { key: '3d561e589aa333008c36fe4802e36d6d037e922a', class: "container__icon", name: this.iconMapping[this.variant] }), h("div", { key: '9f6fe5f2657820d785edfce7e3423f8d38efa4f2', class: "content" }, h("slot", { key: '5099fce020e981793e5a2c36ecbfb71a1a5dbce9', name: "title" }), "\u00A0", h("slot", { key: '6804473feaeb9f72bbbfbd1356c4693e12dee09f', name: "description" }))));
+            } }, h("tet-icon", { key: 'dd1f03de15f92020d1e070cb8d4d5c57665cf760', class: "container__icon", name: this.iconMapping[this.variant] }), h("div", { key: '0c8506144bbb595b62c4b355b2a0cb7f0e2c9ebb', class: "content" }, h("slot", { key: '1c6c2efa6df2bc8dc9ad33382d25bcee28b8e362', name: "title" }), "\u00A0", h("slot", { key: '299638b4761bb22de8bfca6740efa4857a4ff8fa', 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

@@ -120,7 +120,7 @@ export class TetNotification {
     }
     render() {
         const { headerTitle, content } = this;
-        return (h(Host, { key: '6c0ded6dc3dc5cf1b40a2d2c0d5b86683de7d4f3' }, h("div", { key: '8ff4661d4f2857c75d98b3ebc90950024dc38f80', class: { notification: true, [this.theme]: true } }, h("div", { key: '02e692b74860456cd1b0e6a97b21f4be73ff482a', class: { item: true, [this.type]: true } }, h("div", { key: '91dc1ad5bce83b136762cad59bc859a11ec58882', class: "header" }, this.renderTypeIcon(), h("div", { key: '7c41ee7257cd0da3026fa4c2df4cf3e39de08858', class: "title" }, headerTitle), this.renderCloseButton()), h("div", { key: '4fca6fc6ba71574ce3777b78019f3c347f8ef66e', class: "content" }, h("span", { key: '37ec2ad34ff6a28df0d2086f65b1e605da3be62c', innerHTML: content }), h("div", { key: 'c1f1bb5ac08dfa393925e643c21179768d999b30' }, h("slot", { key: '33a93a9b8da579f2d4e113c057acb3f9f12926da', name: "button" })))))));
+        return (h(Host, { key: '0063747546630e9a214dfdc80a61b41c63d1bf96' }, h("div", { key: 'd90f679a76f67ef9ec1ea2d791ddb4d1d1037318', class: { notification: true, [this.theme]: true } }, h("div", { key: 'f20576c608dd6727fb1dedb10051bb2dc12bbfdb', class: { item: true, [this.type]: true } }, h("div", { key: 'ed64a9d1d7fb4b719ab6064c436171c40f1e5f9c', class: "header" }, this.renderTypeIcon(), h("div", { key: '263c93ccb9da44a4500b43ee8c6e0299b79e69e4', class: "title" }, headerTitle), this.renderCloseButton()), h("div", { key: '158cdd90acf4f6e117e0f6f5fffb1354446b8f4d', class: "content" }, h("span", { key: '35b5a1cdcb14d7013c88fb777db8ffacdfdaa459', innerHTML: content }), h("div", { key: '641d1136bc110e31119a573acce0eafbbe2d233c' }, h("slot", { key: '72a449d83c4a87efe7f54d4660433e8cde4bb6c2', 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

@@ -365,7 +365,7 @@ export class TetTooltip {
         return (h("div", { class: { tooltip: true, [`${this.theme}`]: true }, role: "tooltip", "aria-hidden": this.showTooltip ? 'false' : 'true', "aria-live": this.showTooltip ? 'polite' : undefined }, h("div", { class: "tooltip-pointer", ref: (el) => (this.tooltipPointer = el) }), h("slot", null)));
     };
     render() {
-        return h(Host, { key: '9e1242efc981b5fa1c0b019f5e792a078dfadd52', class: { visible: this.showTooltip } }, this.renderTooltip());
+        return h(Host, { key: 'd58fd1a042ff17e143ae3fb2e526c224aafcc2bd', 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

@@ -137,7 +137,7 @@ export class TetAddressOffersView {
         return h(Fragment, null);
     }
     render() {
-        return (h(Host, { key: '6ed1eb9c216fbb800cccc76a0017de53a48e4a74' }, this.renderContactForm(), this.renderHeader(), this.address && this.renderBody()));
+        return (h(Host, { key: '26e83fdc6415e430b690ef3b35c311e4cbe9c27b' }, 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-service-calculator/tet-b2b-service-calculator.js

@@ -51,7 +51,7 @@ export class TetB2bServiceCalculator {
         this.withInPersonServiceSupport = detail.checked;
     };
     render() {
-        return (h("section", { key: 'ba87193074d4b4b27807d59df1bf703877d89e06', class: "container" }, h("div", { key: 'c91c2483bcddf94f3479fb55c2ef48e4849b6b66', class: "title-block" }, t('components-b2b-calculator-title')), h("div", { key: 'd5f3d1126b09bce42a9ce2d6853aa72396e338d2', class: "calculator-block" }, h("p", { key: '0a1b9e60b1a8dd6771e9e559e83ed6261fb6fb63', class: "slider-title" }, t('components-b2b-calculator-computer-count')), h("tet-range-slider", { key: '464a2c611229ee02ea47881be65f62e12eb64267', class: "slider", size: "large", type: "primary", defaultValue: 75, maxValue: 100, withControls: false, withInput: false, dataPoints: [1, 20, 40, 60, 80, 100], displayDataPoints: [1, 20, 40, 60, 80, 100], lockToDataPoint: false }), h("div", { key: 'a7744e379b46a81d7aad957f12003f762bab9a49', class: "control-container" }, h("div", { key: '11d43f5627cb224d2c72c8102a571220586ac5f8', class: "control" }, h("tet-checkbox", { key: 'dcbc8c69f96e17062fb45282e168161f03ea9802', class: "it-admin-checkbox", checked: this.withItAdmin, onCheck: this.handleWithItAdminValueChange }, t('components-b2b-calculator-it-admin-checkbox-label'))), h("div", { key: 'df8dcded7e79356fc38b8de6617da76dcd1b11f9', class: "control" }, h("tet-switch", { key: '5fb1cb9be762cf0a1448a1d9b9f06902ee41c4d5', class: "in-person-support-switch", checked: this.withInPersonServiceSupport, onCheck: this.handleInPersonServiceSupportValueChange }, t('components-b2b-calculator-in-person-support-switch-label')))), h("div", { key: 'c35567644b90262ee31580199aea2efeed3f051b', class: "monthly-payment-block" }, h("p", { key: '736f3bb29e38fc3a84b2a2e6f90b32ae13ec7301', class: "title" }, t('components-b2b-calculator-potential-monthly-payment')), h("p", { key: 'fd8dc51f752b3026ce11259e5501331509427ad3' }, h("span", { key: '7cd5c5b28c021d7498b592478d764f3be66aca71', class: "price" }, this.totalPrice), h("span", { key: '9e1fcef7da98e14dbd328eb658b654ecf96d48a2', class: "currency" }, t('components-euro-per-month')))))));
+        return (h("section", { key: 'eade28735109e96a4f5f30475632ddbba186b4e0', class: "container" }, h("div", { key: 'b9a16df13ad7dc9d9166d3bb87e4988da4b38613', class: "title-block" }, t('components-b2b-calculator-title')), h("div", { key: '7f6d93d88972e64518be25002cead70195dd3639', class: "calculator-block" }, h("p", { key: '26a55e90f3e69fae88f0d830950ddd8d2feff578', class: "slider-title" }, t('components-b2b-calculator-computer-count')), h("tet-range-slider", { key: 'b4dfe83c60106ce928cc7aba532198eee6356263', class: "slider", size: "large", type: "primary", defaultValue: 75, maxValue: 100, withControls: false, withInput: false, dataPoints: [1, 20, 40, 60, 80, 100], displayDataPoints: [1, 20, 40, 60, 80, 100], lockToDataPoint: false }), h("div", { key: '633bedd202a010f6f6159a409641afe0e106cc47', class: "control-container" }, h("div", { key: '6ebcf95e87cc10219a852fec5eef94edfc3650c9', class: "control" }, h("tet-checkbox", { key: '44fca6b4053dc18bb887d3645290303c97d278b4', class: "it-admin-checkbox", checked: this.withItAdmin, onCheck: this.handleWithItAdminValueChange }, t('components-b2b-calculator-it-admin-checkbox-label'))), h("div", { key: 'eacaeeed7d2d57874d69d07b84439e9a27dece5e', class: "control" }, h("tet-switch", { key: '32e8dc52c24311c41e9d0e7c037537566d9e5c00', class: "in-person-support-switch", checked: this.withInPersonServiceSupport, onCheck: this.handleInPersonServiceSupportValueChange }, t('components-b2b-calculator-in-person-support-switch-label')))), h("div", { key: '22a8f24bb75cf41da365ace7c46d056fa2e0f514', class: "monthly-payment-block" }, h("p", { key: 'c64798ff728952d79a2186f394625b6fff3edc42', class: "title" }, t('components-b2b-calculator-potential-monthly-payment')), h("p", { key: '55b73a909c8942cb78722185401a92d427b9350d' }, h("span", { key: '202955e467f29f8820d1d95539040c5387d3a9d6', class: "price" }, this.totalPrice), h("span", { key: 'bdf64af625e6d65d20bc745848cdc74fc9eaaadc', class: "currency" }, t('components-euro-per-month')))))));
     }
     static get is() { return "tet-b2b-service-calculator"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/views/tet-business-lines/tet-business-lines.js

@@ -45,7 +45,7 @@ export class TetBusinessLines {
         return (h("div", { class: "business-line-item", onClick: () => this.handleBusinessLineSelection(businessLine) }, h("div", { class: "name-container" }, h("tet-icon", { name: businessLine.iconName }), this.translate(businessLine.name)), h("tet-icon", { class: "chevron-icon", name: "chevron-right" })));
     };
     render() {
-        return (h("div", { key: 'a44cf934179b5f583896b0d12ebe9656887abfd6', class: "container" }, this.showHeadings && this.renderHeadings(), h("div", { key: '133a1f0b499066d47a77719f5e5ed6080e93356b', class: "business-line-wrapper" }, this.businessLines?.map(this.renderBusinessLineItem))));
+        return (h("div", { key: '00beb494fc61abe4dc82afc32216d60b44327e7e', class: "container" }, this.showHeadings && this.renderHeadings(), h("div", { key: '030620e06d96afb1c9e7c9a3c5d0d5b35ab6b870', class: "business-line-wrapper" }, this.businessLines?.map(this.renderBusinessLineItem))));
     }
     static get is() { return "tet-business-lines"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/views/tet-macd-view/tet-macd-view.js

@@ -284,7 +284,7 @@ export class TetMacdView {
             this.renderMacdOrderTypesList();
         const content = this.showLoader ?
             this.renderLoader() : errorOrContent;
-        return (h(Host, { key: 'f561c77cf42d4f0d53a5a28cd1da7ca3bd8df0b0' }, h("div", { key: '6a1afee08e15074e5cdb4efb5ed5ddeeba2676df', class: "wrapper" }, h(ThemeWrapper, { key: '5d0500ad93cbac650e38205f0c64ee0d4bef367d', theme: this.theme }, content, this.renderDialog()))));
+        return (h(Host, { key: '14a900bd1e5e75cb47673e3d51b4e60f7f80d8f2' }, h("div", { key: '3916c7ce06cfcc8f98655d200131c582b9b38884', class: "wrapper" }, h(ThemeWrapper, { key: '6bdc365fce9fbb7f54b0a217ec215485c47bf9dd', theme: this.theme }, content, this.renderDialog()))));
     }
     static get is() { return "tet-macd-view"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/views/tet-price-view/tet-price-view.js

@@ -199,7 +199,7 @@ export class TetPriceView {
             }
         };
         const isCentsPrice = this?.centsPrice && this?.centsPrice.length > 0;
-        return (h(Host, { key: '872ce15a2056249f295aaf25dcade11085787dae' }, h("div", { key: '1bfce21654e544aa55398c873d94bb85caa8aa12', class: mainClasses, style: styles.container }, h("div", { key: '6d185991ad3e553d061bdde05f1ac3c1180e305d', class: "price-view__body" }, this?.headingText && (h("h3", { key: 'b877adb0b55e0e15acf0ae9b5b3872897171fe8f', class: "price-view__heading", style: styles.heading }, this.headingText)), h("div", { key: '98b8ab3e0bc7e6baa8700d4cfa1141ebf87ea3cd', class: "price-view__price", style: { fontFamily: this.font, gap: styles.price.gap } }, h("span", { key: '8a84a1b92b1642a8a952025cd6609bc9c55eef4e', class: "price-view__euro", style: styles.euro }, this.euroPrice, !isMonthly && !isCentsPrice ? '€' : ''), h("div", { key: '109fc0d8d1f71004464cadd0964b0771697a5956', class: "price-view__cents-container" }, h("span", { key: '540ddd4582b71622af484647e814326dd458a92a', class: "price-view__cents", style: styles.cents }, this?.centsPrice), this.priceType && (h("span", { key: '668774da70cd97c05fed14d39cbc414bdb637b5b', class: "price-view__type", style: styles.priceType }, isMonthly ? '€/mēn.' : '', !isMonthly && isCentsPrice ? 'EUR' : '')))), this?.footerText && (h("p", { key: '31900ed25e903fade6b480c354f278d97c9bf8f5', class: "price-view__footer", style: styles.footer }, this.footerText))))));
+        return (h(Host, { key: '1e4014db7b02cb439d6ed757b6858545ab000a5a' }, h("div", { key: '63a2f965efa9f35c96db0a218de31423697f1916', class: mainClasses, style: styles.container }, h("div", { key: 'c2fcd90bf99586a4f2f92c254ccff6298d52a43c', class: "price-view__body" }, this?.headingText && (h("h3", { key: 'b65e2d8fb2a1d990eaac750b229ae9aeebe23de8', class: "price-view__heading", style: styles.heading }, this.headingText)), h("div", { key: '134d4c8d5822b8ec6f5c282dde86d0f8646140b0', class: "price-view__price", style: { fontFamily: this.font, gap: styles.price.gap } }, h("span", { key: '89f51cf61e7e768649a9e863cdd7cb8f7842f950', class: "price-view__euro", style: styles.euro }, this.euroPrice, !isMonthly && !isCentsPrice ? '€' : ''), h("div", { key: 'f90f6521227369d9e2fa2cc131cf8c02d53a98f0', class: "price-view__cents-container" }, h("span", { key: '91718ffe8454817196848b87c36f51a03cf6416e', class: "price-view__cents", style: styles.cents }, this?.centsPrice), this.priceType && (h("span", { key: '55eb1da3b4a1006f12af1af2ca40972157b1f856', class: "price-view__type", style: styles.priceType }, isMonthly ? '€/mēn.' : '', !isMonthly && isCentsPrice ? 'EUR' : '')))), this?.footerText && (h("p", { key: 'e6e346ae69855987b4be89701634f2e160b06f00', class: "price-view__footer", style: styles.footer }, this.footerText))))));
     }
     static get is() { return "tet-price-view"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/views/tet-thank-you-view/tet-thank-you-view.js

@@ -80,7 +80,7 @@ export class TetThankYouView {
             'thank-you-view-main-block': true,
             'no-header': !this.headerToolbarSlot
         };
-        return (h(Host, { key: 'b89a6180eb942f010b0d743e9d4d9b42386eff17' }, h("div", { key: '59b6cf0748690ec058be3facf7dbf095a8aedd8e', class: mainClasses }, this.renderHeaderToolbar(), h("div", { key: '72d2727df085f120545889f1742fdd8c5600c8d1', class: mainBlockClasses }, this.renderIconBlock(), this.renderInfoBlock(), this.renderStepperBlock(), this.renderCTABlock()), this.renderFAQSlot())));
+        return (h(Host, { key: '040588115db5ff0a305c6c573363656e2b354839' }, h("div", { key: '1a4c6091068376c8daf8e95235e4b77fe995c7ef', class: mainClasses }, this.renderHeaderToolbar(), h("div", { key: 'c7c3fcef89b1067dc5c5d914ea73b67b34dde7b4', class: mainBlockClasses }, this.renderIconBlock(), this.renderInfoBlock(), this.renderStepperBlock(), this.renderCTABlock()), this.renderFAQSlot())));
     }
     static get is() { return "tet-thank-you-view"; }
     static get encapsulation() { return "shadow"; }