@tet/tet-components 1.3.147-testing → 1.3.148-staging

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: '9938f81c023c0a78b24862282b72dccb1e544a45' }, h("div", { key: '03c0022ecbccb5b2b0197ab4f2f4431d79a35944', class: "weekday-header" }, this.days.map((day) => h("div", { class: "day" }, day))), h("div", { key: '8f1a5e99a7cf67caf3db2b0dc95087965bbcf1cd', class: "month-dates" }, this.previousMonthPreviewDates.map((date) => h("div", { class: "date-container" }, h("div", { class: "preview-date" }, date.getDate()))), this.monthDates.map(date => h("div", { class: this.getDateContainerClasses(date), onPointerEnter: (event) => this.setInRangeHover(date, event), onPointerLeave: (event) => this.removeInRangeHover(event) }, h("div", { class: this.getDateClasses(date), onClick: () => this.handleDateSelection(date) }, date.getDate()))), this.nextMonthPreviewDates.map((date) => h("div", { class: "date-container" }, h("div", { class: "preview-date" }, date))))));
+        return (h(Host, { key: '2418b17ffad4717135dd901675cce8837dd67c9d' }, h("div", { key: 'eddd8275d137954d07cb8eda851afe641458c4fe', class: "weekday-header" }, this.days.map((day) => h("div", { class: "day" }, day))), h("div", { key: '4b3d5d75b37046307ac5f7e5453eb9d71a7a98bf', class: "month-dates" }, this.previousMonthPreviewDates.map((date) => h("div", { class: "date-container" }, h("div", { class: "preview-date" }, date.getDate()))), this.monthDates.map(date => h("div", { class: this.getDateContainerClasses(date), onPointerEnter: (event) => this.setInRangeHover(date, event), onPointerLeave: (event) => this.removeInRangeHover(event) }, h("div", { class: this.getDateClasses(date), onClick: () => this.handleDateSelection(date) }, date.getDate()))), this.nextMonthPreviewDates.map((date) => h("div", { class: "date-container" }, h("div", { class: "preview-date" }, date))))));
     }
     static get 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: 'd6092a99da16905b3219bc57eec53d12afb0ddd3', class: "container" }, this.years.map((year) => h("div", { class: this.getYearClasses(year), onClick: () => this.handleYearSelection(year) }, year))));
+        return (h("div", { key: '7deaee90f0befb6966d42c1f4aed376eadcc866d', class: "container" }, this.years.map((year) => h("div", { class: this.getYearClasses(year), onClick: () => this.handleYearSelection(year) }, year))));
     }
     static get 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: 'cdd31b03e4606c17528f12766852b6459ea29339', class: "container" }, this.months.map((month, index) => h("div", { class: "month-container" }, h("div", { class: this.getMonthClasses(index), onClick: () => this.handleMonthSelection(index) }, month)))));
+        return (h("div", { key: '903b92c31ff86446b8acb80c12ca5ddc882950d8', class: "container" }, this.months.map((month, index) => h("div", { class: "month-container" }, h("div", { class: this.getMonthClasses(index), onClick: () => this.handleMonthSelection(index) }, month)))));
     }
     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: 'dc2747c18605e233b3706e63d3fec629e92c571d', class: this.getOverlayClasses(), onClick: this.handleDatepickerClose }, h("div", { key: '2a037da3e6d2a15d1df4cec0885c7b9babdb7b6e', class: "container", ref: (el) => this.datepickerContainer = el }, h("tet-datepicker-header", { key: 'ec5e7a951981802163bfdbd34e9a743d91d384fd', selectedDate: this.date, internalDate: this.internalDate, locale: this.locale, datepickerView: this.datepickerView }), this.datepickerView === 'month' &&
-            h("tet-datepicker-month-view", { key: '94d0df64f1651025a1a3b8b89dc763d3cd5f1b42', selectedDate: this.date, internalDate: this.internalDate, rangePickerMode: this.rangePickerMode, rangeDates: this.rangeDates }), this.datepickerView === 'multi-year' &&
-            h("tet-datepicker-multi-year-view", { key: '96d25875caee051a45a4fc79451785b71fe61a90', selectedDate: this.date, internalDate: this.internalDate }), this.datepickerView === 'year' &&
-            h("tet-datepicker-year-view", { key: 'e160d8fab5e54bde32718444f5fe50c73763063d', selectedDate: this.date, internalDate: this.internalDate }))));
+        return (h("div", { key: '7dadc4adb89f9676f81f1d1038ea5b744dd09c8c', class: this.getOverlayClasses(), onClick: this.handleDatepickerClose }, h("div", { key: 'cf0c5c063b86556874067fc2659fd29d14e4545f', class: "container", ref: (el) => this.datepickerContainer = el }, h("tet-datepicker-header", { key: '0b034b1a9b1028939a372fcc25d305481ab6731a', selectedDate: this.date, internalDate: this.internalDate, locale: this.locale, datepickerView: this.datepickerView }), this.datepickerView === 'month' &&
+            h("tet-datepicker-month-view", { key: '7a54c81816f0200d6df3fc625aebff93f30d6285', selectedDate: this.date, internalDate: this.internalDate, rangePickerMode: this.rangePickerMode, rangeDates: this.rangeDates }), this.datepickerView === 'multi-year' &&
+            h("tet-datepicker-multi-year-view", { key: 'f5a0862146008dfb1c8fefad6900893e02ceb318', selectedDate: this.date, internalDate: this.internalDate }), this.datepickerView === 'year' &&
+            h("tet-datepicker-year-view", { key: 'e930e475ad3d464801cebe7dade48f86afb3e966', selectedDate: this.date, internalDate: this.internalDate }))));
     }
     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: 'eaa922943ab1a9249f7e0a412dce6a667bd34a12' }, h("div", { key: 'd4b34214d57fc1735af18c2713c22a9cdd874b1e', class: { 'dropdown': true, 'dropdown--open': isOpen, 'focus-visible': isKeyboardFocus && isOpen, [`${theme}`]: true } }, this.renderButton(), this.renderOptions())));
+        return (h(Host, { key: '5fab90fa3a081186b3bcd04fdbe59ce7799405a3' }, h("div", { key: 'f94cf1263202500eb601d1be08d6d99e1baf4548', class: { 'dropdown': true, 'dropdown--open': isOpen, 'focus-visible': isKeyboardFocus && isOpen, [`${theme}`]: true } }, this.renderButton(), this.renderOptions())));
     }
     static get 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: '7117adc453cecdb39303c328f8e47fc00e4d3e83' }, h("div", { key: '4e76ea164c110756cd7afae3dcbab6c6abc20a01', class: {
+        return (h(Host, { key: 'afb82949ca4fb8255c2ee9a2f4de264a12dd061b' }, h("div", { key: '17e53f6f5a63e08c176fe8754edf6e073c3c0486', class: {
                 container: true,
                 expanded: this.expanded,
                 [this.mode]: true,
                 [this.darkMode ? 'dark' : this.theme]: true,
                 [this.size]: true,
-            }, tabIndex: -1 }, h("div", { key: 'd1e43d322bcf77241fd92b6aec30b8564669f952', class: "input-wrapper", ref: (element) => (this.inputWrapper = element), tabIndex: -1 }, h("tet-input", { key: 'bc622c82fcf97193f3abab506690e07703d83354', class: "tet-input expandable", "input-class": this.class, "input-placeholder": this.renderInputContent ? this.placeholder : '', "accessibility-label": this.accessibilityLabel, "input-value": this.value, "input-disabled": this.disabled, error: this.error, "icon-left": this.iconLeft, "icon-right": this.hasInputValue && this.expanded ? this.iconRight : '', iconRightClickCallback: this.iconRightClickCallback, theme: this.darkMode ? 'dark' : this.theme, ref: (inputElement) => (this.inputHtmlElement = inputElement) }), this.closeButton))));
+            }, tabIndex: -1 }, h("div", { key: '471b630b699b2fc77023d800e12cc7d3cb3753bb', class: "input-wrapper", ref: (element) => (this.inputWrapper = element), tabIndex: -1 }, h("tet-input", { key: '80c594852076b151b276ac8c335af076568f6165', class: "tet-input expandable", "input-class": this.class, "input-placeholder": this.renderInputContent ? this.placeholder : '', "accessibility-label": this.accessibilityLabel, "input-value": this.value, "input-disabled": this.disabled, error: this.error, "icon-left": this.iconLeft, "icon-right": this.hasInputValue && this.expanded ? this.iconRight : '', iconRightClickCallback: this.iconRightClickCallback, theme: this.darkMode ? 'dark' : this.theme, ref: (inputElement) => (this.inputHtmlElement = inputElement) }), this.closeButton))));
     }
     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: '3fe99bd13e7f4645b1dbf92187070925364d87ab', class: { 'number-input': true, [this.theme]: !!this.theme,
-                'disabled': disabled, 'error': error, 'completed': completed } }, !!label && (h("label", { key: '125f502a22329cebe952be15391ef7dd98f88716', class: "number-input__label", htmlFor: "number-input" }, label)), h("div", { key: '3464fbe2d74099009cd17a9f4ecb184b7f19d2d0', class: "number-input__input-container", onKeyDown: this.handleContainerKeydown, ref: (divElement) => (this.inputWrapperElement = divElement) }, h("input", Object.assign({ key: '3ddcf1a4ec47676e7153a5fbac572d8d1124e721', onFocusin: () => this.toggleKeyboardFocus(true), onFocusout: () => this.toggleKeyboardFocus(false), ref: (htmlInputElement) => (this.inputElement = htmlInputElement), class: { 'number-input__input': true, 'number-input__input--hidden': this.isValueHidden }, disabled: disabled, value: value, type: "number", id: "number-input" }, (this.accessibilityLabel ? { "aria-label": this.accessibilityLabel } : {}))), h("div", { key: '42704bd612730eae293436e386af8b1155a14db4', ref: (htmlInputElement) => (this.inputElementHidden = htmlInputElement), class: "number-input__input-invisible" }, value), !!suffix && h("div", { key: 'ebc4f84187c513476c08965e9ecdca1f343a147b', class: "number-input__input-suffix" }, suffix.name), !!this.suffixes && this.suffixes.length > 1 && (h("tet-button", { key: 'f5d540c0d4fa2a7f2a124076c47de93faa51d2a9', type: "ghost", size: "small", ref: (element) => (this.chevronElement = element), class: { 'number-input__cheveron': true }, onClick: this.onChevronClick, "accessibility-label": this.buttonAccessibilityLabel, tabindex: "-1" }, !isOpen && h("tet-icon", { key: '199da59412102ab77513027e697578ffdca330fc', name: "chevron-down" }), isOpen && h("tet-icon", { key: '367b8ae4625501197f9d5d48c0637205dcc61068', name: "chevron-up" }))), isOpen && (h("div", { key: 'ac2df39d53a390687f44547354ea55bea6115ae5', class: "number-input__dropdown", ref: (htmlDivElement) => (this.dropdownElement = htmlDivElement) }, this.renderDropdownContent()))), !!helperText && h("div", { key: 'd46b1c724a9d5ecf6bd509cfd3aee9509bd0ee65', class: "number-input__helper-text" }, helperText)));
+        return (h("div", { key: 'b0f156cdcaa6565b9bb6c3c57dcfab2c4ad59f33', class: { 'number-input': true, [this.theme]: !!this.theme,
+                'disabled': disabled, 'error': error, 'completed': completed } }, !!label && (h("label", { key: '54d65ab828bf892bbe0be54bdfe74700ffb7eb6e', class: "number-input__label", htmlFor: "number-input" }, label)), h("div", { key: 'de4f580dc39496b87e64b7fa9cffbccecbaab737', class: "number-input__input-container", onKeyDown: this.handleContainerKeydown, ref: (divElement) => (this.inputWrapperElement = divElement) }, h("input", Object.assign({ key: '2fef4f5bc078950c9710d293ede2f07db0d53bbc', onFocusin: () => this.toggleKeyboardFocus(true), onFocusout: () => this.toggleKeyboardFocus(false), ref: (htmlInputElement) => (this.inputElement = htmlInputElement), class: { 'number-input__input': true, 'number-input__input--hidden': this.isValueHidden }, disabled: disabled, value: value, type: "number", id: "number-input" }, (this.accessibilityLabel ? { "aria-label": this.accessibilityLabel } : {}))), h("div", { key: '0272869e8cb9d9f64dd6de3398a5480732c272c5', ref: (htmlInputElement) => (this.inputElementHidden = htmlInputElement), class: "number-input__input-invisible" }, value), !!suffix && h("div", { key: '7878665396cd55f95f71cac03d969acb68ddb62a', class: "number-input__input-suffix" }, suffix.name), !!this.suffixes && this.suffixes.length > 1 && (h("tet-button", { key: '6097cd3fef703b0033399bdb1eda6203b03c335a', type: "ghost", size: "small", ref: (element) => (this.chevronElement = element), class: { 'number-input__cheveron': true }, onClick: this.onChevronClick, "accessibility-label": this.buttonAccessibilityLabel, tabindex: "-1" }, !isOpen && h("tet-icon", { key: 'd64216400a5ba1a80890f09fb20db3b14e19dd16', name: "chevron-down" }), isOpen && h("tet-icon", { key: '7fcc7e42cbafb9cb79129e8749db5dea096c2e5b', name: "chevron-up" }))), isOpen && (h("div", { key: '92e4af71b59fc78bdca5f64b53a4a840574e51f8', class: "number-input__dropdown", ref: (htmlDivElement) => (this.dropdownElement = htmlDivElement) }, this.renderDropdownContent()))), !!helperText && h("div", { key: '32e97950ec231c088101c7d474a824ee7c440970', class: "number-input__helper-text" }, helperText)));
     }
     static get 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: 'ed39e9adfd7d8502539e355fe950b4c83c262512' }, h("div", { key: '613c54d91625fb37ac80987dd7ac244817585736', class: {
+        return (h(Host, { key: '4ecf0341fca005f2b3fb1792415e6ac5a1fc2b67' }, h("div", { key: 'bc3a6dba2d680f890e2a544365e5d2c3aebb5fb5', 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: '2f522ca48013d0022bcdf83a3c73d0dc16937900', class: {
+            } }, h("div", { key: 'a9585c34bb3ad57274e4f2a451ceba183fd19b13', class: {
                 'range-slider__input-container': true,
                 'hidden': !this.withInput,
-            } }, h("tet-input", Object.assign({ key: '44fe830f3cef1086273ab82fae3f50aef6147d40', "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: '993227ff886add036d0a0905876d390b9eba5ab7', class: "range-slider__container" }, h("tet-button", Object.assign({ key: 'afad663b668c50c3de6ab8f2e8e7cc09a6edf6aa', theme: this.theme, iconMode: true, class: {
+            } }, h("tet-input", Object.assign({ key: 'e2dc3feb5e15b988886a36d2a456f4c523aa5d6a', "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: '028d7b63d5c52ff8ffb99b696d57e87b6a25dfc1', class: "range-slider__container" }, h("tet-button", Object.assign({ key: 'a54a4293a5e5d7e08912d176991f85ce2493929d', 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: '1565634ecaf9b67a6d68707f1330fa35d26cf14e', name: "remove", class: "range-slider__control--icon" })), h("div", { key: '52aceabff4528db102fcd70cf265aa772e0c76a1', 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: 'dc8c9e65665cdb458a89a6003e67d2d31ad3ec50', class: "range-slider__slider-wrapper" }, h("input", Object.assign({ key: 'd5dda90241d79127e8691f9bb365c4f956a35b28', 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: '85d2e4c9782a026889a11503573c16c161da03a4', class: "range-slider__track range-slider__track--background" }), h("div", { key: '00fcb8fd228970096cada56550b61b9c440b2732', ref: progressTrackEl => (this.progressTrackRef = progressTrackEl), class: "range-slider__track range-slider__track--progress" }), h("div", { key: '4221ba778c0dab593ab9f5f49bbafc6981fa893b', ref: tickContainerEl => (this.tickContainerRef = tickContainerEl), class: "range-slider__tick-container" }), h("div", { key: '2d3b55e7a232b89ef176d92f44af92b4b5e93b64', ref: dataLabelEl => (this.dataLabelRef = dataLabelEl), class: {
+            }, clickCallback: this.onControlPreviousClick }, (this.reduceButtonAccessibilityLabel ? { accessibilityLabel: this.reduceButtonAccessibilityLabel } : {}), (this.containerSize !== 'large' ? { tabindex: 2 } : {})), h("tet-icon", { key: '9f6c1a112efb19702b123579d454b3d396d1befb', name: "remove", class: "range-slider__control--icon" })), h("div", { key: '96a546d0e61dac0d6043b5f729c63614f09b2b38', 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: 'f0295b5cb83adf0b7be7243e1bbd3aafd04fcdda', class: "range-slider__slider-wrapper" }, h("input", Object.assign({ key: 'f09c3998d3d4c552bc78a2348648ea545758195a', 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: 'd2259d60a0377023578c09dac3fc37b11015237b', class: "range-slider__track range-slider__track--background" }), h("div", { key: 'ab33a18a27c257e1a5e39fcdc816693dda98cd9e', ref: progressTrackEl => (this.progressTrackRef = progressTrackEl), class: "range-slider__track range-slider__track--progress" }), h("div", { key: '895d20240efeee6f43eca55218872ac2e438ef23', ref: tickContainerEl => (this.tickContainerRef = tickContainerEl), class: "range-slider__tick-container" }), h("div", { key: '7639fd616257ef774ff166c76be408442463820e', ref: dataLabelEl => (this.dataLabelRef = dataLabelEl), class: {
                 'range-slider__data-label-container': true,
                 'hidden': this.type === 'secondary' && this.containerSize === 'small',
-            } })), h("div", { key: '1050c1680ff0413a42e2267e2d1b513c1bda6c91', class: {
+            } })), h("div", { key: '3120e01488e8b65ca1390a81356906189d370202', class: {
                 'range-slider__current-step-container': true,
                 'hidden': !this.withCurrentStepCounter,
-            } }, h("div", { key: 'a0002465828c51e82ed1ad295e2d814e23de7742', class: "range-slider__current-step", "aria-live": "polite" }, this.dataSet.indexOf(this.getClosestOverrideDataPoint()) + 1, "/", this.dataPoints.length)), h("div", { key: '7858d37c0a9b36240c641c25d9912ee2cbffe555', ref: toolbarHandleEl => (this.tooltipHandleRef = toolbarHandleEl), class: "range-slider__tooltip-handle" }, h("div", { key: '87e61716026059495c870bdb535238348d2735f4', class: "range-slider__tooltip translation-none", style: { [`--tooltip-offset`]: `${this.tooltipOffset}rem` }, "aria-live": "polite" }, this.getTooltipValue())), h("tet-button", Object.assign({ key: '9918f6fcf115eb6e9d200ed266167cefb3cbb6af', theme: this.theme, iconMode: true, class: {
+            } }, h("div", { key: 'fc8cc8144298b2b56452587eae9c61053f794271', class: "range-slider__current-step", "aria-live": "polite" }, this.dataSet.indexOf(this.getClosestOverrideDataPoint()) + 1, "/", this.dataPoints.length)), h("div", { key: 'f41bc4e3e30bdfd10e0396735a82fad53388e444', ref: toolbarHandleEl => (this.tooltipHandleRef = toolbarHandleEl), class: "range-slider__tooltip-handle" }, h("div", { key: '432b1cef8b41404104205e47ce339c7d79bbd62c', class: "range-slider__tooltip translation-none", style: { [`--tooltip-offset`]: `${this.tooltipOffset}rem` }, "aria-live": "polite" }, this.getTooltipValue())), h("tet-button", Object.assign({ key: 'dafc0d34344c3fd04756db52ffde74b20a246146', 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: '4efff5a40e57423bf94095e6230b8580609aa65e', name: "add", class: "range-slider__control--icon" }))))));
+            }, clickCallback: this.onControlNextClick }, (this.addButtonAccessibilityLabel ? { accessibilityLabel: this.addButtonAccessibilityLabel } : {}), (this.containerSize !== 'large' ? { tabindex: 4 } : {})), h("tet-icon", { key: 'a8b05d5ee60e7cb3d9767a46cf84299a5816cdea', 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: 'e54d94ef2f7ac44fb73674cde7a2e0d1275ec1a5', class: { 'stepper-input': true, [this.theme]: !!this.theme } }, h("tet-button", { key: '9a0bbc9a7d7777a5b3b7d97cfc320d8dd3390865', 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: '1bcebf77f2e415334ec6bd6d2e2aeb74419e0299', name: "remove" })), h("input", Object.assign({ key: '655f01a4ba18a3bef14ab43950dd26db95ef16d0', ref: (htmlInputElement) => (this.inputElement = htmlInputElement), class: "stepper-input__value", value: value, type: "number" }, (this.accessibilityLabel ? { "aria-label": this.accessibilityLabel } : {}))), h("tet-button", { key: 'd3feab3dfae84182dd135db073504a8c82ca69b4', 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: '4d2216e0506685e55bcbd5d5d51ee7e4b4ba2152', name: "add" }))));
+        return (h("div", { key: '431bc704e974bd077a462692526113ff5b2a47fb', class: { 'stepper-input': true, [this.theme]: !!this.theme } }, h("tet-button", { key: 'ca7947f37e0bf6482a96260636aa19a7de0c278a', 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: 'ebaebc4048be36613bde41bb65cc760a4f5039bd', name: "remove" })), h("input", Object.assign({ key: '8574037a98bb73a23164266bd4e732e52fad3286', ref: (htmlInputElement) => (this.inputElement = htmlInputElement), class: "stepper-input__value", value: value, type: "number" }, (this.accessibilityLabel ? { "aria-label": this.accessibilityLabel } : {}))), h("tet-button", { key: '9212e461c199f6992a78d368a28343a6b4456784', 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: '75fce150a780e0096474bd36eac33f0d9f20fd75', 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: '35d6c7f56baf110a6fdd040e9afc92ab67444b89' }, h("label", { key: '9b54f030e31710f7b5dd6f004ef026d2bc3dfe5e', class: { [`${theme}`]: true } }, label &&
-            h("span", { key: '908d7c15be79dbda56b8ee5f60944200800800c2', class: { 'tet-textarea__label': true, [`tet-textarea__${theme}`]: true } }, label), h("div", { key: '210c1cf1c9a5d15487bc6fd751c390112a36f8d3', class: { 'textarea-container': true, [`tet-textarea__${theme}`]: true } }, h("textarea", { key: '5190d423928960cdbdd1c8e2730b9c0530a62ce6', 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: '909fe293456d0c8be0b5f8a39e5b63a323380ce8' }, h("label", { key: '3f0f9564bad315e959a5c618a022852b2f28ec0f', class: { [`${theme}`]: true } }, label &&
+            h("span", { key: '610393736f1dcb6ffff2a17cc943cf63495738ce', class: { 'tet-textarea__label': true, [`tet-textarea__${theme}`]: true } }, label), h("div", { key: '9ae25c4104ba8a17d9ffce33ae9801cef6c35947', class: { 'textarea-container': true, [`tet-textarea__${theme}`]: true } }, h("textarea", { key: '31f72aa28b27fe622ee412224b4084e2816133a4', 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: '1ad59fa4cbe7588545306586c21f24ead28d5f76' }, h("tet-card-list", Object.assign({ key: 'a2f8c39ae5d6a8625bc0adc00827e0a6fffd1c98', theme: this.theme, part: "card-list-component", exportparts: "card-list, card-list-container", withOverflowOpacity: true }, props), this.items.map((item, index) => this.renderListCard(item, index)))));
+        return (h(Host, { key: 'e1450298518f895f6d6f0f678fdb5163001f84ec' }, h("tet-card-list", Object.assign({ key: '02d0a38297b68221eddcf100031c8f54db2f5ffe', theme: this.theme, part: "card-list-component", exportparts: "card-list, card-list-container", withOverflowOpacity: true }, props), this.items.map((item, index) => this.renderListCard(item, index)))));
     }
     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: '5b448df37d5a11aba72e7239def7adc97b090af9', 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: '517238fe1c93885e96992f8419a37be6212d5e92', 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

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

package/dist/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: '5794513feaede0b40a459ed57ae6fba313a6dc60' }, h("div", { key: 'cc592d5cb374b6a2eba2dbb2269aae65ff142b67', class: {
+        return (h(Host, { key: '90c66e871055785ce7e50181659b1cfcb100a8b2' }, h("div", { key: '6b95c379cca6122a03adc95dd2047f7f334bca26', class: {
                 'menu': true,
                 'menu--expanded': this.isExpanded,
                 'menu--active': this.isActive,

package/dist/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: 'ef6dc99c4251442a4937906f52ece28e85f07c96' }, h("navigation", { key: 'cc0ad116aa1b2a5d60512efa2e61281073d46229', class: {
+        return (h(Host, { key: '989a334e62baeff292f20db879a03cc99cfaa4c6' }, h("navigation", { key: 'c03c5fd048ade2f6c352c52d5f533a9972d7ce09', class: {
                 'navigation': true,
                 'navigation--dark': this.darkMode
-            } }, h("div", { key: 'e77b3c8d7165750a38d204d881aa7a3a217127b7', class: "navigation__nav-bar" }, h("slot", { key: '8dc8612fb45a90cf855526516652ce021cefe06a' })), this.isTogglerVisible && (h("span", { key: '463c08152394fa17f04b49d02ad771e03bcc4427', class: "navigation__toggler", onClick: this.onTogglerClick, onKeyDown: (e) => this.handleKeyDown(e), tabIndex: 0 }, h("tet-icon", { key: '8494d8ac098b12f148c0d7564886215d7c8e085c', theme: this.darkMode ? "dark" : "light", name: this.isTogglerExpanded ? "close" : "burger" }))), h("div", { key: '1fffba7adaf87f4d78b9ba109d17002fb6689982', class: {
+            } }, h("div", { key: 'f974ef6ecd48eab6d68573dd111889271e5b948d', class: "navigation__nav-bar" }, h("slot", { key: 'ae9b0246413bfb6e0ad3f8bcee569d34eb1cdc02' })), this.isTogglerVisible && (h("span", { key: 'd775bf2274f4359b8045afe34a8482153be9d182', class: "navigation__toggler", onClick: this.onTogglerClick, onKeyDown: (e) => this.handleKeyDown(e), tabIndex: 0 }, h("tet-icon", { key: '229b5b93b76dab8e526ba79a44cd788999f92212', theme: this.darkMode ? "dark" : "light", name: this.isTogglerExpanded ? "close" : "burger" }))), h("div", { key: '148c71a67b3c439f72a6acaa8458a5f3298bccb6', class: {
                 'navigation__dropdown': true,
                 'navigation__dropdown--expanded': this.isTogglerExpanded,
-            }, inert: !this.isTogglerExpanded }, h("slot", { key: 'd28605389281b87071d63bd5dacb691d23b0ca22', name: "dropdown" })))));
+            }, inert: !this.isTogglerExpanded }, h("slot", { key: 'a727d7ce1b173546b9a9fbb2cb44b64a40fd2ecf', name: "dropdown" })))));
     }
     static get 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: 'ae49c29cf618a2c6fb2f639120ba55265e8777b3' }, h("div", { key: '1cbb0732250f9c0c66d43470092e43544ab021d3', class: {
+        return (h(Host, { key: '87844fc844e9ee1b0d1af78b07142a090ec1e423' }, h("div", { key: 'f3e38a17ed1aac728bdba76af9e56298e209f562', 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: '26c3058f903024a807a81c28ccd19c5ec20b6417', class: { "tet-accordion__header": true, [this.theme]: true }, onClick: this.toggleOpenState, onKeyDown: this.toggleAccessibilityOpenState, tabIndex: 0 }, h("slot", { key: 'f2a50389bbdde83c7a35222ac2354ac4d83c2371', name: "header" }, this.headerImageSrc && this.headerImageSrc !== '' && (h("img", { key: 'e91c42af9b23dc4d274a1748a1289ec3658f551b', src: this.headerImageSrc, alt: this.headerImageAlt ? this.headerImageAlt : undefined, class: "tet-accordion__header-image" })), this.renderHeading(), h("tet-icon", { key: 'ab1041abee91e902f3c878b9b26330d49adf30cb', name: `chevron-${this.indicatorDirection}`, class: {
+            } }, h("div", { key: 'd3c53f53298ae967634ad8bd13b876ebf2b6e1e3', class: { "tet-accordion__header": true, [this.theme]: true }, onClick: this.toggleOpenState, onKeyDown: this.toggleAccessibilityOpenState, tabIndex: 0 }, h("slot", { key: 'f4f4ca3e2b31178753d1b3c235199111f51dff31', name: "header" }, this.headerImageSrc && this.headerImageSrc !== '' && (h("img", { key: 'e770fd70dd4eb4d01e956967d383f749f2a92249', src: this.headerImageSrc, alt: this.headerImageAlt ? this.headerImageAlt : undefined, class: "tet-accordion__header-image" })), this.renderHeading(), h("tet-icon", { key: 'cf72384e62b153169fd87dec61e1dcdc6f60d025', name: `chevron-${this.indicatorDirection}`, class: {
                 'tet-accordion__icon': true,
                 'open': this.isOpen
-            } }))), h("div", { key: '3add22727ab604975ef74d9b6277357664c651ad', ref: (element) => (this.contentWrapperElement = element), class: {
+            } }))), h("div", { key: 'ac910535f2252b83500ae60da5182e701fc28546', ref: (element) => (this.contentWrapperElement = element), class: {
                 'tet-accordion__content-wrapper': true,
                 'visible': this.isOpen
-            }, inert: !this.isOpen }, h("div", { key: 'fd54ea034bd15207b58d7f67f07c58bc30b1bcbe', ref: (element) => (this.contentElement = element), class: {
+            }, inert: !this.isOpen }, h("div", { key: '3a9658d4826b7c3b95c2c7a54f5f9ffcfeddcfb9', ref: (element) => (this.contentElement = element), class: {
                 'tet-accordion__content': true
-            } }, h("slot", { key: 'a8d9afde6505201a8f223c09fbbfdadb233d36ed' }))))));
+            } }, h("slot", { key: 'cf5c44c68e23109eb6837bad34dd920fb2a325f2' }))))));
     }
     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: '20f9f38cfde2f4525f6fce83102426930672897a', class: { 'tet-expansion-panel': true, 'open': this.state === 'open' } }, h("div", { key: 'c1057f4819895ed1b91a849cb3e3cd629c513296', class: "tet-expansion-panel-content" }, h("slot", { key: '4bf5c2f44d8cc01b2fc9703d15eb93cd8d107196' }))));
+        return (h("div", { key: 'be51c2f24b6136ded20650774ba479cf36680a39', class: { 'tet-expansion-panel': true, 'open': this.state === 'open' } }, h("div", { key: '7ed548b6f739c7ba9b1e1210146f4b7d81aa5025', class: "tet-expansion-panel-content" }, h("slot", { key: '0d0ad5b0381dc5fd83904b78f963f875b0e8f1d4' }))));
     }
     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: 'f105d09300e274326d0705414b96fe543495887b' }, h("div", { key: 'a1943e54041fb5348d732a2202bdb996d908e733', class: {
+        return (h(Host, { key: '692f67c66a81010b7c10bcbedca82c87c59406d1' }, h("div", { key: '5267a3488e31ead59785ea49e9dde7f5166a58f8', class: {
                 'bar-graph': true,
                 [`bar-graph--${this.componentSize}`]: true,
                 [this.theme]: true,
-            } }, h("div", { key: '707a0fa999ff8c534fb012101445230da8ac447d', class: "bar-graph__container" }, h("div", { key: 'dadee1c3b09759525344a3268a3c677c26c27d6a', class: {
+            } }, h("div", { key: '98e10a094670a90570fcf5d6bdd6059bc27f3d8b', class: "bar-graph__container" }, h("div", { key: 'fe8cf449a3dcc42c48d87bfc1468394019f56cd2', 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: 'f2c5a8b2a276b31fe0b6c8b52ca2969eb655e24c', class: "bar-graph__graph-container" }, h("div", { key: '4552fe968904fdcdc3010b02f3b1cb7312245e9f', class: { 'bar-graph__data-grid': true, 'hidden': !this.withGrid } }, this.renderGridLines()), h("div", { key: '06c4d73e8f15b5cf91f126f510a8429b224aa6e6', 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: '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))))))));
     }
     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: 'af1feba63ce31060492e976c88e1b73012380732' }, this.renderLargeScreenTable(), this.renderMobileScreenTable()));
+        return (h(Host, { key: 'c62aa53aa5974c56dafe358b3e043b280322c156' }, 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: '899881db12671dec952cea737584d8a61866e8b0' }, h("tet-dialog", { key: '3f2c97a20ef11f81f6b7ea5261bd22466c6f3b41', ref: (element) => (this.dialogElement = element), part: "dialog", class: {
+        return (h(Host, { key: '03c24f6468f78f58e413aaad07225687a0ecfd2e' }, h("tet-dialog", { key: '0e3a27fe5f4f7f898eaa5de61741c6925e6ce344', ref: (element) => (this.dialogElement = element), part: "dialog", class: {
                 'tet-cloud-application-form-dialog': true,
                 'tet-cloud-application-form-dialog--loading': this.loading,
                 'tet-cloud-application-form-dialog--dark': this.theme === 'dark',
-            }, headerTitle: t('components-cloud-application-form-title'), footerDisplay: "right", closeOnEscape: this.showOverlay, closeOnOverlayClick: this.showOverlay, theme: this.theme }, h("p", { key: '83ad93b93a9e4d937bd2d96ee623db2058a257e9', class: "tet-cloud-application-form-dialog__subtitle" }, 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: '4df8cdcbaab0329005c3bf221e14cec36065b718', 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: 'be41b43f2bee72dc5885e3d9b621625b047b623b' }, h("dialog", { key: '6ffc249818578336f64fd3db34a9996465725d43', ref: (el) => (this.dialogContainer = el) }, h("div", { key: '0ab236ca45e0e1d5e34fe41b82e31d30d4d06efd', part: "overlay", class: {
+        return (h(Host, { key: '3521f21fdf1f269a8e42f7e64adbe13408ab7d7b' }, h("dialog", { key: '003eeff29ea0fcfc9b04206618aecf10b5398d01', ref: (el) => (this.dialogContainer = el) }, h("div", { key: 'c3340bde5ec1e0a1fa6ccbc35ee901f5a991c582', part: "overlay", class: {
                 'dialog__overlay': true,
                 'dialog__overlay--visible': isOpen,
                 [`dialog--theme-${theme}`]: true
-            }, onClick: handleClickOverlay }, h("div", { key: '648f734c2f2f3d41b3ad9ba94ec8a402c871a36c', part: "dialog", class: { dialog: true, [`dialog--theme-${theme}`]: true }, "aria-labelledby": this.hideHeader ? null : this.titleId }, this.renderHeader(), h("div", { key: '8021344e225f335b506640ff41e44cf4ba216814', part: "body", class: "dialog__body" }, h("slot", { key: 'e81d8bc3cc6fb23acb156d63fb0188773a2ed4a2' })), h("div", { key: 'e7f7f44120221d7cb593d0b395d92c9233e9d8b4', part: "footer", class: { dialog__footer: true, [`dialog__footer--${footerDisplay}`]: true } }, h("slot", { key: '56ae9304a5fd623417c21e0f8637ca846f2899fb', name: "footer" })))))));
+            }, onClick: handleClickOverlay }, h("div", { key: '2a500b947aa85d3abc1ea84cdd039a5e0c3302f4', part: "dialog", class: { dialog: true, [`dialog--theme-${theme}`]: true }, "aria-labelledby": this.hideHeader ? null : this.titleId }, this.renderHeader(), h("div", { key: '5b9f74d015b3048135d9ddc225bce08fecb3bd48', part: "body", class: "dialog__body" }, h("slot", { key: 'f7eca406be076a9c60a710097ac8cb49a002e917' })), h("div", { key: 'f6c0deff2a97ca4776e2f41f3ea44d41c17d4bb0', part: "footer", class: { dialog__footer: true, [`dialog__footer--${footerDisplay}`]: true } }, h("slot", { key: '16d54aebfc61263721850cb7f5758cea22c351ac', name: "footer" })))))));
     }
     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: '0789db789517487449ceed8b266f9aeff2786b7e', class: {
+        return (h("div", { key: '794eea366b5edace16a7853e457aa896d696277a', class: {
                 "container": true,
                 [this.theme]: true,
                 [this.variant]: true
-            } }, h("tet-icon", { key: '548bb726cb9285e49cf8e12330c56d887f3c7fa8', class: "container__icon", name: this.iconMapping[this.variant] }), h("div", { key: '43ce0d7b38a2ce7c4404523912f0d37665e63eaf', class: "content" }, h("slot", { key: '9514e1910bdca6c080229b0c22b5fe0d23509123', name: "title" }), "\u00A0", h("slot", { key: 'fabb53dbeb00af63000a276922639399564d2a58', name: "description" }))));
+            } }, h("tet-icon", { key: '0491ddbbe995d5d31677f395653f6aa59a9ed0e2', class: "container__icon", name: this.iconMapping[this.variant] }), h("div", { key: '31562350e8de8069f66dfee0eaa1fbf415948141', class: "content" }, h("slot", { key: '2ee3a33ef0a799ac22254b8c505e37318e4ce5ed', name: "title" }), "\u00A0", h("slot", { key: '19e53841fa66c6a78d39bc219b2ba172f4b29269', name: "description" }))));
     }
     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: 'dd7b34c1876cdd0071cba8249b11c6626681ac17' }, h("div", { key: '5fbab6c4da6b0e2c771e9c856cfc4079a49d573e', class: { notification: true, [this.theme]: true } }, h("div", { key: 'f6056a79c36501247b1c3e10454820043cd746c6', class: { item: true, [this.type]: true } }, h("div", { key: 'b83e4721c71d745f84c5ed88b462f0be20920179', class: "header" }, this.renderTypeIcon(), h("div", { key: '676660840eb2627c868a511e45ca46ded0abd28b', class: "title" }, headerTitle), this.renderCloseButton()), h("div", { key: '5eb936458597042616a77c3c12e00b7090a7646c', class: "content" }, h("span", { key: 'd9d1b1445f6b53e03b32bb8d1e0c9766ea9f5c57', innerHTML: content }), h("div", { key: '063cb95afef71efd2c6faf446085826c175744ab' }, h("slot", { key: '1336a9162c18090bea48d5362f774e12a5172066', name: "button" })))))));
+        return (h(Host, { key: '92df6a533080766bcb112aa5628c7f3987397ef0' }, h("div", { key: '86b96d038588c3c0528c2e2ea19e63d1920ef18b', class: { notification: true, [this.theme]: true } }, h("div", { key: '8f3481b551e50bc59be0eae227fadcc3ca60c2c8', class: { item: true, [this.type]: true } }, h("div", { key: 'f127ffec1199b429829e3aeac8487117f65d87f2', class: "header" }, this.renderTypeIcon(), h("div", { key: '2faed02346636d431dc3b0fa7a8d6b8502d086f0', class: "title" }, headerTitle), this.renderCloseButton()), h("div", { key: '541a597ac2d32da9ae34c61617f486cdaa87f612', class: "content" }, h("span", { key: '6cd93c3b41708e4bd78255abf13c43884921fd5e', innerHTML: content }), h("div", { key: 'f1566305649d3881c3dae206a0109392e0706cb5' }, h("slot", { key: '9a2a2a50459f544f39cbedac66546b3f6ec3d6c2', 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: '9eba348a363d166e53197a01506c863cdf1a4a20', class: { visible: this.showTooltip } }, this.renderTooltip());
+        return h(Host, { key: '9038a4e6d207d625e43ad30b9dda7428092f5eb5', 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: '42e4e6d868b964dbbe42a04efda6c4fcc4172322' }, this.renderContactForm(), this.renderHeader(), this.address && this.renderBody()));
+        return (h(Host, { key: '0040bcf574a2730fc66219e184b7da182239bf36' }, 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.js

@@ -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: 'a333bbd252bd1a19b305719b1a3492e8784f9dfa' }, h("div", { key: '590c1d0f2cb7b087157d9c2b6062ad8b6cfec802', ref: (el) => (this.cartEl = el), class: { cart: true, [`${this.theme}`]: true, [`${this.context}`]: true } }, h("tet-accordion", { key: 'b05385da27e63518ace873ebcfb33b30ca2a68d4', ref: (el) => (this.accordionEl = el), class: {
+        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: {
                 '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: 'a11c1ad7cd5b45f66af099d63378a50015733861', class: `cart__title--${this.context}` }, cartTitle), h("div", { key: '1155f8d5386e55e82e1c46e4179266c6f7e28c3e', class: "cart__content" }, 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: '295eaa81bba5d077e826b4396cbeca26de76efa9', class: `cart__title--${this.context}` }, cartTitle), h("div", { key: '03a049b0a899e5bb466db623dd3eefe40ea4302d', class: "cart__content" }, this.isCartEmpty ? this.renderEmptyContent() : [this.renderContent()])), showSummary && this.renderSummary())));
     }
     static get is() { return "tet-b2b-configurator-cart"; }
     static get encapsulation() { return "shadow"; }

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

@@ -435,7 +435,7 @@ export class TetB2bConfigurator {
         this.formState = value;
     }
     render() {
-        return (h(Host, { key: 'e7d2ab1d76e8ad347393bde30d0d71a7425ca2f7' }, h("div", { key: 'af251291fbb1cdf8c6eb1c3928f1fcd99181fa25', class: { configurator: true, [`${this.theme}`]: true } }, this.isLoading ? this.renderPlaceholder() : b2bState.data && [this.renderOffer(), this.renderCart()]), this.renderCheckoutForm(), this.renderConfirmationDialog(), this.renderSubmissionStateDialog()));
+        return (h(Host, { key: 'f427026a57eac873b7bf6b8e0d246d14bfd2f37d' }, h("div", { key: '57c96029eda6d244e9593c25bc1548565350d7fa', class: { configurator: true, [`${this.theme}`]: true } }, this.isLoading ? this.renderPlaceholder() : b2bState.data && [this.renderOffer(), this.renderCart()]), this.renderCheckoutForm(), this.renderConfirmationDialog(), this.renderSubmissionStateDialog()));
     }
     static get is() { return "tet-b2b-configurator"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/views/tet-contact-info/tet-contact-info.js

@@ -13,7 +13,7 @@ export class TetContactInfo {
         return (h("div", { class: "contact-info-card-block" }, h("span", { class: "contact-info-card-block-label", innerHTML: contactInfo.label }), h("span", { class: "contact-info-card-block-value", innerHTML: contactInfo.value })));
     }
     render() {
-        return (h(Host, { key: 'fcbcf1451e5d54bed7730ccd7535ddd19d65f547' }, h("div", { key: '2bc9db6db775e11826361ab2bced26ebfcea5392', class: "contact-info" }, h("div", { key: '36a223757a90b5acc5bb6bca1c4e200d4c712302', class: "contact-info-card" }, this.contactBlocks.map(this.renderValueBlock.bind(this))))));
+        return (h(Host, { key: '3576c69904d377e742502b8326a48129a6bec428' }, h("div", { key: 'b93e51999899891f2174831ad4c510a5abfa3541', class: "contact-info" }, h("div", { key: '603efd9a9400e7ce8b971c3e1c50a07b664fcb96', class: "contact-info-card" }, this.contactBlocks.map(this.renderValueBlock.bind(this))))));
     }
     static get is() { return "tet-contact-info"; }
     static get encapsulation() { return "shadow"; }

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

@@ -255,7 +255,7 @@ export class TetMacdView {
             this.renderMacdOrderTypesList();
         const content = this.showLoader ?
             this.renderLoader() : errorOrContent;
-        return (h(Host, { key: '0223ff9eeb4f82d3944c64d071705d04ca213747' }, h("div", { key: '1b3c9817494f985ea4a8864ba261a12886683ddd', class: "wrapper" }, h(ThemeWrapper, { key: 'e2a00391227229051735e61538546b1fa4d87473', theme: this.theme }, content, this.renderDialog()))));
+        return (h(Host, { key: 'c405bc472d38520fe57d4fc6570bfbec5b8e4807' }, h("div", { key: '4ce2f21b6f6c914a15ab5c9488800de974bbfcf2', class: "wrapper" }, h(ThemeWrapper, { key: 'de5bf02d133391e858f3703dcab6ff632082b78a', theme: this.theme }, content, this.renderDialog()))));
     }
     static get is() { return "tet-macd-view"; }
     static get encapsulation() { return "shadow"; }

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

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

@@ -72,7 +72,7 @@ export class TetThankYouView {
             'thank-you-view-main-block': true,
             'no-header': !this.headerToolbarSlot
         };
-        return (h(Host, { key: '4088262b13f81161673c9fe43a3a1db15edeaf19' }, h("div", { key: 'de77f4278599fa0822903497a1cef0c21f95b673', class: mainClasses }, this.renderHeaderToolbar(), h("div", { key: '69ebdb6eb265fa790fc1f3e654f87c0c7c507fd9', class: mainBlockClasses }, this.renderIconBlock(), this.renderInfoBlock(), this.renderStepperBlock(), this.renderCTABlock()), this.renderFAQSlot())));
+        return (h(Host, { key: '36601fe8200bec96f83a19948f45628c313d813f' }, h("div", { key: '32c47bdcad60b05ce0174dc87b4a09ab24e407d4', class: mainClasses }, this.renderHeaderToolbar(), h("div", { key: 'b9c1b2ea0c8b709ac5cb31d152c0df6dc8a311a0', 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"; }

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

@@ -68,7 +68,7 @@ export class TetThankYouViewV2 {
         return (((_a = this.stepperData) === null || _a === void 0 ? void 0 : _a.length) > 0 && (h("div", { class: "thank-you-view-v2-stepper" }, h("tet-stepper-v2", { stepperData: this.stepperData, theme: this.theme }))));
     }
     render() {
-        return (h(Host, { key: '122fecdfefa364ed96def9b24407c983a1995f24' }, h("div", { key: '51fd6bb53b1bb42ef92d21bfc413cf1e758fda56', class: {
+        return (h(Host, { key: 'b45532b3c5af6f7a3054d054dca57a8b0e4c4363' }, h("div", { key: '77aba73ee208306cc5313599c2f7233d89117551', class: {
                 'thank-you-view-v2': true,
                 [this.theme]: true,
             } }, this.renderInfoBlock(), this.renderStepper(), this.renderCTAButton(), this.renderFAQSlot())));

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

@@ -68,7 +68,7 @@ export class TetThankYouViewV3 {
         return (((_a = this.stepperData) === null || _a === void 0 ? void 0 : _a.length) > 0 && (h("div", { class: "thank-you-view-v3-stepper" }, h("tet-stepper-v3", { stepperData: this.stepperData, theme: this.theme }))));
     }
     render() {
-        return (h(Host, { key: '72bae6edfb6d4bceb82a77d372619689fef1dd28' }, h("div", { key: '2b359142190679665f38c43159d22ccc1124d291', class: {
+        return (h(Host, { key: '98dab92980b4d57cd315bc4585bd5e78356f3d39' }, h("div", { key: 'f86db8807ee8fdf122d1e38cbccf3f4bdc87dbb8', class: {
                 'thank-you-view-v3': true,
                 [this.theme]: true,
             } }, this.renderInfoBlock(), this.renderStepper(), this.renderCTAButton(), this.renderFAQSlot())));

package/dist/components/index.js

@@ -94,7 +94,7 @@ import { TetThankYouViewV3 } from './tet-thank-you-view-v3.js';
 import { TetTooltip } from './tet-tooltip.js';
 import { TetTvGiftBlock } from './tet-tv-gift-block.js';
 import { TetTvGiftList } from './tet-tv-gift-list.js';
-export { g as getAssetPath, s as setAssetPath, a as setNonce, b as setPlatformOptions } from './p-37ed3ebb.js';
+export { g as getAssetPath, s as setAssetPath, a as setNonce, b as setPlatformOptions } from './p-5749376d.js';
 
 const defineCustomElements = (opts) => {
     if (typeof customElements !== 'undefined') {

package/dist/components/{p-42c3311c.js → p-19e25c47.js}

@@ -1,10 +1,10 @@
-import { p as proxyCustomElement, H, d as createEvent, h } from './p-37ed3ebb.js';
+import { p as proxyCustomElement, H, d as createEvent, h } from './p-5749376d.js';
 import { g as getConvertedPixels } from './p-165a8492.js';
-import { d as defineCustomElement$5 } from './p-4108736e.js';
-import { d as defineCustomElement$4 } from './p-6aec415f.js';
-import { d as defineCustomElement$3 } from './p-c606b690.js';
-import { d as defineCustomElement$2 } from './p-9da9a443.js';
-import { d as defineCustomElement$1 } from './p-82036dec.js';
+import { d as defineCustomElement$5 } from './p-7556136b.js';
+import { d as defineCustomElement$4 } from './p-bd5fc6cb.js';
+import { d as defineCustomElement$3 } from './p-7a99c2a6.js';
+import { d as defineCustomElement$2 } from './p-7e4ad30e.js';
+import { d as defineCustomElement$1 } from './p-a8f280e5.js';
 
 /**
  * Returns the closest parent element past the Shadow Dom with the specified selector.