@tet/tet-components 1.3.48-testing → 1.3.50-production

package/dist/collection/components/basic/buttons/tet-switch/tet-switch.js

@@ -35,7 +35,7 @@ export class TetSwitch {
     }
     render() {
         const { label, name, theme, disabled, checked, accessibilityLabel } = this;
-        return (h(Host, { key: '54f2e341920d6bcd99533b723eee03a6f35927e5' }, h("div", { key: '3dc73c69e65bbef9c57406933933e5b377d16fa7', class: { 'switch': true, [`${theme}`]: true } }, h("label", { key: '449c3812e489af508a057966eef8ceab18233089', class: "switch__container", part: "switch-container", htmlFor: "tet-switch" }, h("input", Object.assign({ key: 'a526a2071de462760e14b0399fed18e5137cfea9', class: "switch__html-input", name: name, id: "tet-switch", type: "checkbox", disabled: disabled, checked: checked, onChange: this.handleChange() }, (accessibilityLabel ? { "aria-label": accessibilityLabel } : {}))), h("span", { key: '3ed6173e93a1a823103379115d7bcf04235ce141', class: { "switch__input": true, [this.theme]: true } }, h("span", { key: 'f715fb0a5bd2dcfac29be4799a843d2ae0cdbda9', class: "switch__state" })), label
+        return (h(Host, { key: '6409ae31bd3653c44b9f4d3ef3634b52f5fa1360' }, h("div", { key: '65f3829de280d36ab837581b8407963848e226b5', class: { 'switch': true, [`${theme}`]: true } }, h("label", { key: 'dff4882e6009b5adc36f99012719a641db62b7a4', class: "switch__container", part: "switch-container", htmlFor: "tet-switch" }, h("input", Object.assign({ key: '72dda617b6f1aa58a8c9ddf947be4eee8a093e71', class: "switch__html-input", name: name, id: "tet-switch", type: "checkbox", disabled: disabled, checked: checked, onChange: this.handleChange() }, (accessibilityLabel ? { "aria-label": accessibilityLabel } : {}))), h("span", { key: '8d3d2b04cba2c8440284350b2f9770adc30b33b1', class: { "switch__input": true, [this.theme]: true } }, h("span", { key: 'c7a8d9a8db5ad7badfe28f75dfc14f65bb9370ef', class: "switch__state" })), label
             ? h("span", { class: "switch__label", innerHTML: label })
             : h("span", { class: "switch__label" }, h("slot", null))))));
     }

package/dist/collection/components/basic/buttons/tet-tabs/tet-tab-content/tet-tab-content.js

@@ -113,10 +113,10 @@ export class TetTabContent {
         this.selectedId = id;
     }
     render() {
-        return (h(Host, { key: '192fc02028e1f5a90d0c63f5c3c6f879d3aac7e3' }, h("div", { key: 'dd44ab40f8615ef72fa03fe9e865851b540cc8bb', class: {
+        return (h(Host, { key: '618b5fdbf4d3a8f983ef8cbb7dd3ef2b75097f59' }, h("div", { key: '154a8982e2a0a78b6c0fffa98829277ca2762fb0', class: {
                 'tet-tab-content': true,
                 'use-visibility': this.useVisibility
-            } }, h("slot", { key: '790ecd2a8ef21b5a8bf05b90770c3c017e5d57e5' }))));
+            } }, h("slot", { key: '5c021ef8a8bce686a615a7478a4312f842eb4248' }))));
     }
     static get is() { return "tet-tab-content"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/basic/buttons/tet-tabs/tet-tab-header/tet-tab-header.js

@@ -406,7 +406,7 @@ export class TetTabHeader {
         return {};
     }
     render() {
-        return (h(Host, { key: '35eb23e04912f530749d7f8cf4cc6da2b0af49c4' }, h("div", { key: '9c6fded7d1762b55168ce6337affea60859c6fe5', class: {
+        return (h(Host, { key: '1f88fc45d0662681f6f3433b63ff2fe6248b557f' }, h("div", { key: '61caff06646d46be93eb5f42aee61bb02f2c90ed', class: {
                 'tabs': true,
                 'tabs--segmented': this.segmented,
                 'dark': this.darkMode,
@@ -414,7 +414,7 @@ export class TetTabHeader {
                 [this.theme]: true,
                 [this.sizing]: true,
                 [this.type]: !!this.type
-            }, onMouseDown: this.onContainerMouseDown, style: this.getStyle(), ref: (ref) => (this.tabElement = ref) }, h("slot", { key: 'b14d6ec9c9cce1564e5afd5c7d594f200368a7a0', ref: (slot) => (this.tabContainer = slot) })), h("div", { key: '974e81bcd926d764879c99c9a12afe3180eab652', class: { 'tabs-line': !this.segmented, 'no-underline': this.hideHeaderUnderline } })));
+            }, onMouseDown: this.onContainerMouseDown, style: this.getStyle(), ref: (ref) => (this.tabElement = ref) }, h("slot", { key: 'e8fda4e0f7dc11cd8e60dfd8013f19d44ec816d2', ref: (slot) => (this.tabContainer = slot) })), h("div", { key: 'a598ff2ee8d616a6b0d476a13a714b36f57e5cfa', class: { 'tabs-line': !this.segmented, 'no-underline': this.hideHeaderUnderline } })));
     }
     static get is() { return "tet-tab-header"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/basic/buttons/tet-tag/tet-tag.js

@@ -19,12 +19,12 @@ export class TetTag {
         processTranslations('tet-components', this.language).then(() => forceUpdate(this));
     }
     render() {
-        return (h(Host, { key: 'c8f353090f73024f446c116c99a9c23ac6185ddb' }, h("button", { key: '0f35aa8f95d35176e6c40cf4eb513d3032d68c3b', class: {
+        return (h(Host, { key: 'd655cc4962f99fc8dde924497c1f5c46a687cd60' }, h("button", { key: '1215e39e7ef627a0ce07cf95199c975c3d27eda5', class: {
                 tag: true,
                 'tag-active': this.active,
                 'tag--icon': this.showIcon,
                 [`theme-${this.theme}`]: true,
-            }, "aria-pressed": this.active.toString() }, this.tagTitle && h("p", { key: '28288e238f3632b1a8d9324803f127f420d8f658', class: "tag-title" }, t(this.tagTitle)), this.count !== null && this.count !== undefined && h("span", { key: 'df941200758598a452e53bc16f2847ddf664ccfb', class: "tag-count" }, this.count), this.showIcon && h("tet-icon", { key: 'db7e9396b05e4fd998667634523aca22881be9d5', class: "tag-icon", name: "close-circle", part: "icon-selected" }))));
+            }, "aria-pressed": this.active.toString() }, this.tagTitle && h("p", { key: '010ce65c48ab70eeeabb776a3859b9153881b3d4', class: "tag-title" }, t(this.tagTitle)), this.count !== null && this.count !== undefined && h("span", { key: '26939dfeb844a989c427cdef01f031a9ab7a98ac', class: "tag-count" }, this.count), this.showIcon && h("tet-icon", { key: 'eb00138d84341c81ec5e781dc78b3809b45dd915', class: "tag-icon", name: "close-circle", part: "icon-selected" }))));
     }
     static get is() { return "tet-tag"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/basic/icon/tet-icon.js

@@ -49,7 +49,7 @@ export class TetIcon {
         });
     }
     render() {
-        return (h("span", { key: '835cdf3b7a85be2a1b8b4bc796fa8b7e2633bbf0', class: "icon-wrapper", tabindex: (this.focusable || this.accessibilityLabel) ? 0 : -1 }, h("span", Object.assign({ key: '3e81c1b07ecd8ec6c2904b45261cf0817afa3add', class: {
+        return (h("span", { key: '194e682b293be708bebf4b7b5b19f4730a9b5a5b', class: "icon-wrapper", tabindex: (this.focusable || this.accessibilityLabel) ? 0 : -1 }, h("span", Object.assign({ key: '52e2edc48ab40bd637dc06394a1c2a11a9f19d6a', class: {
                 'icon-container': true,
                 'default-color': this.shouldUseDefaultColor(),
                 [this.theme]: true,

package/dist/collection/components/basic/loaders/tet-loader/tet-loader.js

@@ -4,7 +4,7 @@ import { h } from "@stencil/core";
  */
 export class TetLoader {
     render() {
-        return (h("div", { key: 'a2b419fc51853b9cf7542d2111427730414a6a2a', class: "loader" }, h("div", { key: '4ad8e73ba2f9b8c4ff4a7e5e9098ac182ff561f0', class: "loader-inner" })));
+        return (h("div", { key: '8337aed7470b020c25fe807ae457c69cef017545', class: "loader" }, h("div", { key: '4406b9d20c8db85772c22c2b6788700ffc156795', class: "loader-inner" })));
     }
     static get is() { return "tet-loader"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/basic/loaders/tet-placeholder/tet-placeholder.js

@@ -9,7 +9,7 @@ export class TetPlaceholder {
         this.darkTheme = false;
     }
     render() {
-        return (h(Host, { key: '987188cd16bbf14fcc6354811931c4f9b9ff3fdd', style: { width: this.width, height: this.height } }, h("div", { key: '717beadde5a68df4c140a931bd0684306fc2c092', class: { 'dark-theme': this.darkTheme } }, h("div", { key: '87cc916227c6fb51ed9baa58c05002961153343c', class: "placeholder", style: { height: this.height } }))));
+        return (h(Host, { key: 'fc4181dce64b04ab91b89aec7709392ed5a2fb0d', style: { width: this.width, height: this.height } }, h("div", { key: 'ecb7ef2e39edded241b71f686869d8a4ec53da09', class: { 'dark-theme': this.darkTheme } }, h("div", { key: '9bbb33d5b8a19a8528da3bc5121bcf3d3e5e27e1', class: "placeholder", style: { height: this.height } }))));
     }
     static get is() { return "tet-placeholder"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/basic/loaders/tet-spinner/tet-spinner.js

@@ -47,13 +47,13 @@ export class TetSpinner {
         this.setForeignObjectAttributes();
     }
     render() {
-        return (h("div", { key: '9bb54b79ea1b2fbd3e48b685cb07e51c968cddbf', ref: element => (this.spinner = element), class: {
+        return (h("div", { key: '9f8cd25e310d7603d2b9e8a6ab247baa8074660a', ref: element => (this.spinner = element), class: {
                 spinner: true,
                 [`${this.theme}-theme`]: true,
                 [`size--${this.size}`]: true,
                 [`spinner--${this.type}`]: true,
-            } }, h("svg", { key: '105fa1be60b5e418388be76b2cf9e4f61861904e', viewBox: "0 0 40 40" }, h("clipPath", { key: '9c02969cad483d986d619f3f112fef1006245a61', id: "clip" }, h("path", { key: 'fdac38f4af4b7f85774917ae415d9606fed16e72', d: `M40 20C40 31.0457 31.0457 40 20 40C8.9543 40 0 31.0457 0 20C0 8.9543 8.9543 0 20 0C31.0457
-              0 40 8.9543 40 20ZM6 20C6 27.732 12.268 34 20 34C27.732 34 34 27.732 34 20C34 12.268 27.732 6 20 6C12.268 6 6 12.268 6 20Z` })), h("foreignObject", { key: '3fa71c563b41aac23de9dc86fcbcd3d9a9af8fbb' }, h("div", { key: 'f8d2de0ce24eaa6eaf06ca4ae21274300f8e502a', class: "spinner__gradient" })))));
+            } }, h("svg", { key: '92fdea1574be1aeba93594c324fd6293cedd5bb8', viewBox: "0 0 40 40" }, h("clipPath", { key: '946842b97542a865b06f1ca1c9adfbbffe16a611', id: "clip" }, h("path", { key: 'e01d60402e47dad043e9a5a4fecfffdca72e1fe7', d: `M40 20C40 31.0457 31.0457 40 20 40C8.9543 40 0 31.0457 0 20C0 8.9543 8.9543 0 20 0C31.0457
+              0 40 8.9543 40 20ZM6 20C6 27.732 12.268 34 20 34C27.732 34 34 27.732 34 20C34 12.268 27.732 6 20 6C12.268 6 6 12.268 6 20Z` })), h("foreignObject", { key: '205aa13c3055d0f886b6b14640b781fb1eca0399' }, h("div", { key: '2ae1a461d6993bb05235be4a9ae5564feed44677', class: "spinner__gradient" })))));
     }
     static get is() { return "tet-spinner"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/basic/misc/tet-label/tet-label.js

@@ -13,12 +13,12 @@ export class TetLabel {
         this.showIcon = false;
     }
     render() {
-        return (h(Host, { key: '9230c8cb7852d1338151c463c8ad3ebbd50e97dd' }, h("div", { key: 'decb4bbca00963bead9f84435900ff259206c13f', class: {
+        return (h(Host, { key: 'dfaa0f47e28108828f257db3469e7eb36127a2c1' }, h("div", { key: '926724d21786fc0fc5aff3a4d86e2387b3c91724', class: {
                 label: true,
                 'label-active': this.active,
                 [`label-type-${this.type}`]: true,
                 [`theme-${this.theme}`]: true,
-            } }, this.labelTitle && h("p", { key: '1178013b2b452fe9ec6d4ecc797007efd63d3b04', class: "label-title" }, this.translateTitle ? t(this.labelTitle) : this.labelTitle), this.showIcon && h("tet-icon", { key: '340907a244fc86c712409bcf9f3fa9b7afa21ce3', class: "label-icon", name: "close-circle", part: "icon-selected" }))));
+            } }, this.labelTitle && h("p", { key: 'd325ea39302c5a63883a4018d3e4da83fffd5327', class: "label-title" }, this.translateTitle ? t(this.labelTitle) : this.labelTitle), this.showIcon && h("tet-icon", { key: 'a0a9e8aa564886bc5f6f86021160431e4301aeef', class: "label-icon", name: "close-circle", part: "icon-selected" }))));
     }
     static get is() { return "tet-label"; }
     static get encapsulation() { return "shadow"; }

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

@@ -25,7 +25,7 @@ export class TetStepperV3 {
         this.theme = 'light';
     }
     render() {
-        return (h(Host, { key: 'dece3c166882cf3b80550bf563c240a74873dcae' }, h("ol", { key: '91bfd3c1f28dae1ae4b56721a0d695b250ed2f94', class: {
+        return (h(Host, { key: '282ba95f774c63f1969f57e067dc52202fc21dae' }, h("ol", { key: '6755cbf07787ff5e8c1c5a0217177ecb316e4401', class: {
                 stepper: true,
                 [this.theme]: true
             } }, this.stepperData.map(this.renderStep.bind(this)))));

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

@@ -51,9 +51,9 @@ export class TetDatepickerHeader {
         this.internalDateChanged.emit(newDate);
     }
     render() {
-        return (h("div", { key: 'e7ba3f37861a2885daa91d83931f54806d35e5d9', class: "header" }, this.datepickerView !== 'year'
+        return (h("div", { key: '65bc20e07268b406344f99ece0842cc468ebb6b6', class: "header" }, this.datepickerView !== 'year'
             ? (h("div", { class: "icon-container", onClick: () => this.subtractDates() }, h("tet-icon", { class: "arrow-left", name: "arrow-left" })))
-            : h("div", null), h("div", { key: '42893ca05833946f33455cba0b28689d9dfb1fee', class: "control-button", onClick: () => this.changeDatepickerView() }, this.getControlButtonDate(), h("tet-icon", { key: 'a9b275586ae2e30c678bbfd73ed291a4a950e1eb', class: "chevron-down", name: this.datepickerView === 'month' ? 'chevron-down' : 'chevron-up' })), this.datepickerView !== 'year'
+            : h("div", null), h("div", { key: '2a968d2f0262541b118a4630fb34827348dad627', class: "control-button", onClick: () => this.changeDatepickerView() }, this.getControlButtonDate(), h("tet-icon", { key: 'ef8567bc4630bdd6b48e795f61967fe5128e8182', class: "chevron-down", name: this.datepickerView === 'month' ? 'chevron-down' : 'chevron-up' })), this.datepickerView !== 'year'
             ? (h("div", { class: "icon-container", onClick: () => this.addDates() }, h("tet-icon", { class: "arrow-left", name: "arrow-right" })))
             : h("div", null)));
     }

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

@@ -156,7 +156,7 @@ export class TetDatepickerMonthView {
         return date.toDateString() === this.currentDate.toDateString();
     }
     render() {
-        return (h(Host, { key: 'fe427edbdc99dd540cc676934c15af21ecd63448' }, h("div", { key: '6f79b0b63d2feaa82b03c87458ff56513eda24e0', class: "weekday-header" }, this.days.map((day) => h("div", { class: "day" }, day))), h("div", { key: 'b0c9afeb4a4002af751575d4a4e17c2ca775df1a', 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: '3a083eaf764533e5a4eb53a218cd59dfc3ed338a' }, h("div", { key: '8cc861aa95f8ea4e081d0043bd291b54193cfd7b', class: "weekday-header" }, this.days.map((day) => h("div", { class: "day" }, day))), h("div", { key: '0d9d0d64a366f7837bd84c4775286cdf102d67cc', 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: '5d44d96f15909feb53a1d47e65abbfcbe0113fff', class: "container" }, this.years.map((year) => h("div", { class: this.getYearClasses(year), onClick: () => this.handleYearSelection(year) }, year))));
+        return (h("div", { key: 'dd04d992262bf4116e85b37171d7b8e06d99c422', 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: '1b139e987779fb41d1aa70bcfc66e993527d1dcb', 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: 'ccf7d11add9fa2b7eaf865ca7995dba86d3f292b', 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: 'ec1cfcb4cb61607d6fde08d72f5d8ec67960e2fd', class: this.getOverlayClasses(), onClick: this.handleDatepickerClose }, h("div", { key: '380dd06ac2eef3763d487f1f3402d5aa319152f2', class: "container", ref: (el) => this.datepickerContainer = el }, h("tet-datepicker-header", { key: '829dfca521223b2a7295af97c8b5a1a0415a24bb', selectedDate: this.date, internalDate: this.internalDate, locale: this.locale, datepickerView: this.datepickerView }), this.datepickerView === 'month' &&
-            h("tet-datepicker-month-view", { key: '07570e6f6a97936ab39254f7b7abc4102a709dec', selectedDate: this.date, internalDate: this.internalDate, rangePickerMode: this.rangePickerMode, rangeDates: this.rangeDates }), this.datepickerView === 'multi-year' &&
-            h("tet-datepicker-multi-year-view", { key: 'e3341301d62e62f2ab41e1c65a0500cf531cddd9', selectedDate: this.date, internalDate: this.internalDate }), this.datepickerView === 'year' &&
-            h("tet-datepicker-year-view", { key: '2c4ce88a9b0130530ede910d4499d4682cc00f01', selectedDate: this.date, internalDate: this.internalDate }))));
+        return (h("div", { key: '683df50dd8012b658a0a38a800e1b4cd483b5047', class: this.getOverlayClasses(), onClick: this.handleDatepickerClose }, h("div", { key: '64d80b1af1a07156fb7c5bb22205924aca13e49b', class: "container", ref: (el) => this.datepickerContainer = el }, h("tet-datepicker-header", { key: 'f0195001611913cd704c99a5bc2300afb5386c08', selectedDate: this.date, internalDate: this.internalDate, locale: this.locale, datepickerView: this.datepickerView }), this.datepickerView === 'month' &&
+            h("tet-datepicker-month-view", { key: '649f3ae0a69479b3e29f1aef7140254c9be504fd', selectedDate: this.date, internalDate: this.internalDate, rangePickerMode: this.rangePickerMode, rangeDates: this.rangeDates }), this.datepickerView === 'multi-year' &&
+            h("tet-datepicker-multi-year-view", { key: 'e181bdf5359189e657fbca76afb28cc06e7b926b', selectedDate: this.date, internalDate: this.internalDate }), this.datepickerView === 'year' &&
+            h("tet-datepicker-year-view", { key: 'e7f1099da73968c66694f163dc03673cabffcd1b', selectedDate: this.date, internalDate: this.internalDate }))));
     }
     static get is() { return "tet-datepicker"; }
     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: '76cadf4c30e046936d1103a8ec3be587301fa2e5' }, h("div", { key: '14a5b23d881f9eea91d36dac4033ae716ec74b95', class: {
+        return (h(Host, { key: '102cf8c5b4e7e8dc0640e8c0decadda0c0e750c2' }, h("div", { key: '712b2db74e6fe4388c3de45aed41d70b43f2fef1', 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: '3deb90476beaba909352d3e373261d445987161c', class: {
+            } }, h("div", { key: '6907e0b020629367ab2a3d3ce1be312cd9d4ace4', class: {
                 'range-slider__input-container': true,
                 'hidden': !this.withInput,
-            } }, h("tet-input", Object.assign({ key: '71b554750afb371a9b9d6d4301d70e9903b81b71', "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: '940c744414295ecbe9395e51d193ec234929e4bc', class: "range-slider__container" }, h("tet-button", Object.assign({ key: '41d4a79a194a643b57a7fafe267ea1fd6bc85659', theme: this.theme, iconMode: true, class: {
+            } }, h("tet-input", Object.assign({ key: '76dccfd19d7456064b83d44cc2e07a7707e24242', "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: 'b58b41b626ef8cc09bac88ef89b00f113cddd4b3', class: "range-slider__container" }, h("tet-button", Object.assign({ key: 'cea255415ab13898286386e7d5c9eff0904c1f83', 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: '9fb67d645785bf8e19216ef6cfb7f25d3cdd2b05', name: "remove", class: "range-slider__control--icon" })), h("div", { key: '7bd9584baf224e8b32643c01f9482405ccdd0b73', 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: '58594cf3c4c7faefdd7e1fd60fc16e85b4165860', class: "range-slider__slider-wrapper" }, h("input", Object.assign({ key: 'b91c6f5c4be9d49ab30021478d9d08aade4429ae', 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: '6569ccb69b5db541bb0f59e5c26d9892b7b7bf1f', class: "range-slider__track range-slider__track--background" }), h("div", { key: 'ac951e15df9660b44f23c2a3ac6140074bfee08f', ref: progressTrackEl => (this.progressTrackRef = progressTrackEl), class: "range-slider__track range-slider__track--progress" }), h("div", { key: '110050353c13290324668064cecfc57745aedb9b', ref: tickContainerEl => (this.tickContainerRef = tickContainerEl), class: "range-slider__tick-container" }), h("div", { key: '6852068928121c4b4c4fec2cc55c574b4654eb06', ref: dataLabelEl => (this.dataLabelRef = dataLabelEl), class: {
+            }, clickCallback: this.onControlPreviousClick }, (this.reduceButtonAccessibilityLabel ? { accessibilityLabel: this.reduceButtonAccessibilityLabel } : {}), (this.containerSize !== 'large' ? { tabindex: 2 } : {})), h("tet-icon", { key: '58a042bbc5befad12ad225ee25ec7d668866f275', name: "remove", class: "range-slider__control--icon" })), h("div", { key: '3156721194e61feb3ac4aa8d61ee905131f52d16', 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: '256aa368c79e3c1abc0f829cca37cff6dd40512f', class: "range-slider__slider-wrapper" }, h("input", Object.assign({ key: '102818f75e6802c3d5c53ff4ae5e91e8dcfffdbc', 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: '827b75712f1476e2b582434047522a7d358541e1', class: "range-slider__track range-slider__track--background" }), h("div", { key: '1164e8b18310e39b85f7db8eb6948141b653a7bc', ref: progressTrackEl => (this.progressTrackRef = progressTrackEl), class: "range-slider__track range-slider__track--progress" }), h("div", { key: 'abedd534ed86ae25e17ad1267c83c4a641e9972f', ref: tickContainerEl => (this.tickContainerRef = tickContainerEl), class: "range-slider__tick-container" }), h("div", { key: 'ede752f53dccb61df7ce60f6d39e3ece61508acf', ref: dataLabelEl => (this.dataLabelRef = dataLabelEl), class: {
                 'range-slider__data-label-container': true,
                 'hidden': this.type === 'secondary' && this.containerSize === 'small',
-            } })), h("div", { key: 'a5d78efeeb02a3e168f56bd6d5e5f42e5719a703', class: {
+            } })), h("div", { key: '04d9e0127a48506318fc504e314783fe49388c0b', class: {
                 'range-slider__current-step-container': true,
                 'hidden': !this.withCurrentStepCounter,
-            } }, h("div", { key: '054dc3008e90133e00edbdca4c98bdcb55a7db1f', class: "range-slider__current-step", "aria-live": "polite" }, this.dataSet.indexOf(this.getClosestOverrideDataPoint()) + 1, "/", this.dataPoints.length)), h("div", { key: '0c305adacd23d17ca2323848d05874cdaebc7f17', ref: toolbarHandleEl => (this.tooltipHandleRef = toolbarHandleEl), class: "range-slider__tooltip-handle" }, h("div", { key: '93d40d8b94c508a176bdcead35f72662a4ac6ca0', class: "range-slider__tooltip translation-none", style: { [`--tooltip-offset`]: `${this.tooltipOffset}rem` }, "aria-live": "polite" }, this.getTooltipValue())), h("tet-button", Object.assign({ key: '5fad29d0e1df28073d1e6e05b4a2fc085721f46d', theme: this.theme, iconMode: true, class: {
+            } }, h("div", { key: 'e05da737d2da79e6f850900367a9628a04857219', class: "range-slider__current-step", "aria-live": "polite" }, this.dataSet.indexOf(this.getClosestOverrideDataPoint()) + 1, "/", this.dataPoints.length)), h("div", { key: '4d5c81cc2993c1f5c730be5018d3c150717575a3', ref: toolbarHandleEl => (this.tooltipHandleRef = toolbarHandleEl), class: "range-slider__tooltip-handle" }, h("div", { key: 'dda887d88e4f1e93cbf4b13ce008f7bd47a7bb43', class: "range-slider__tooltip translation-none", style: { [`--tooltip-offset`]: `${this.tooltipOffset}rem` }, "aria-live": "polite" }, this.getTooltipValue())), h("tet-button", Object.assign({ key: 'f25eaca8caac5ac5ccf079cee9614901848c6a55', 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: '623fa80cff859e6b95284a1e3bd3077e54a78805', name: "add", class: "range-slider__control--icon" }))))));
+            }, clickCallback: this.onControlNextClick }, (this.addButtonAccessibilityLabel ? { accessibilityLabel: this.addButtonAccessibilityLabel } : {}), (this.containerSize !== 'large' ? { tabindex: 4 } : {})), h("tet-icon", { key: '7ca3d400cc38621a36734610b6930c795bac9a19', 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

@@ -121,7 +121,7 @@ export class TetStepperInput {
      */
     render() {
         const { onMinusClick, value, onPlusClick } = this;
-        return (h("div", { key: 'e0d5f6335a018289de417ef8429e9721b322b254', class: { 'stepper-input': true, [this.theme]: !!this.theme } }, h("tet-button", { key: 'b0cf8e4764ef907d8131429d8142453c86b70991', type: "secondary", iconMode: true, theme: this.theme, size: 'small', "aria-label": t('components-number-input-decrease'), onKeyDown: this.handleOptionKeydown(onMinusClick), onClick: onMinusClick }, h("tet-icon", { key: 'fab8bf2e83054bd219cb8a599a9e885871003be2', name: "remove", onClick: onMinusClick })), h("input", Object.assign({ key: '32dc412f591c027a01b47a700ef6656c9251e300', ref: (htmlInputElement) => (this.inputElement = htmlInputElement), class: "stepper-input__value", value: value, type: "number" }, (this.accessibilityLabel ? { "aria-label": this.accessibilityLabel } : {}))), h("tet-button", { key: 'bb7ef44dd5b96cf4790fb7fe7ddbd1d79e95e299', type: "secondary", iconMode: true, theme: this.theme, size: 'small', "aria-label": t('components-number-input-increase'), onKeyDown: this.handleOptionKeydown(onPlusClick), onClick: onPlusClick }, h("tet-icon", { key: '9b8bb509a7bdbec818705d7a073b80d34d5eaa4c', name: "add", onClick: onPlusClick }))));
+        return (h("div", { key: '12ca8a30cc03bc44019f29a17e4c760ad1b91134', class: { 'stepper-input': true, [this.theme]: !!this.theme } }, h("tet-button", { key: 'ef4a89c9dc6eb631576b5522f2d243d264f8452a', type: "secondary", iconMode: true, theme: this.theme, size: 'small', "aria-label": t('components-number-input-decrease'), onKeyDown: this.handleOptionKeydown(onMinusClick), onClick: onMinusClick }, h("tet-icon", { key: 'abbc6145c176c43767d9df7828bf05934a5f4271', name: "remove", onClick: onMinusClick })), h("input", Object.assign({ key: 'c65676a574c41fe1fbb352049d7dbb2ba91d56b8', ref: (htmlInputElement) => (this.inputElement = htmlInputElement), class: "stepper-input__value", value: value, type: "number" }, (this.accessibilityLabel ? { "aria-label": this.accessibilityLabel } : {}))), h("tet-button", { key: '0609d06fb43e05064203b6df8c6dbfc430997482', type: "secondary", iconMode: true, theme: this.theme, size: 'small', "aria-label": t('components-number-input-increase'), onKeyDown: this.handleOptionKeydown(onPlusClick), onClick: onPlusClick }, h("tet-icon", { key: '06c56faeee746177a08b5b28b94ea4a80a5d9bda', name: "add", onClick: onPlusClick }))));
     }
     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: '28bf5cfd5f3867f508dce68066f106e5592d52c7' }, h("label", { key: 'fb89908d3d13a78d102f499d861638391360538a', class: { [`${theme}`]: true } }, label &&
-            h("span", { key: '81666647b11d90ebf318d9ab61c0d1744916439f', class: { 'tet-textarea__label': true, [`tet-textarea__${theme}`]: true } }, label), h("div", { key: '9702343afd9cdaa3209d4e8d92077d6f388340ad', class: { 'textarea-container': true, [`tet-textarea__${theme}`]: true } }, h("textarea", { key: 'e4925894380d6b2e303ebf82ae9a520df33bdab6', 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: '9f1bae3a9376b42c367eda603756f3aa50fde60c' }, h("label", { key: '5dd46cbfff3c1040c949f5b32a7425e1c8529430', class: { [`${theme}`]: true } }, label &&
+            h("span", { key: '6841ff26b6285329086275f654bd6be50cb81d54', class: { 'tet-textarea__label': true, [`tet-textarea__${theme}`]: true } }, label), h("div", { key: 'b3f503e563d5633dfa5498b10de34b145d1846d5', class: { 'textarea-container': true, [`tet-textarea__${theme}`]: true } }, h("textarea", { key: '8ec9fe36af8c60dee16df9e0ae72c061b0c0b4de', 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: 'eb67f9ed052ece63eae8a3c62de1046d48c11d0a' }, h("tet-card-list", Object.assign({ key: '1e6c3844d003a156216b8825e9b642dc3ab8b077', 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: 'bf1505b1b6de8ddaf21c426547953d43c015717f' }, h("tet-card-list", Object.assign({ key: 'e67da9c6a60779e58bf21d278ab7b4e65fb1247e', 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-navigation-mobile/tet-navigation-mobile.js

@@ -54,13 +54,13 @@ export class TetNavigationMobile {
         this.mainDropdownToggle.emit(isTogglerExpanded);
     }
     render() {
-        return (h(Host, { key: 'af6c79548d6485a9d58c5d80d7dfb5b37e043d13' }, h("navigation", { key: '6488df2c7585f8b9abdb8df0bacee585b11a24ae', class: {
+        return (h(Host, { key: '8ddbf1f9f959407fcc134bacb4713a22a760cfe0' }, h("navigation", { key: '6bb56387590ee23f0f95df0ba72581612854f0b2', class: {
                 'navigation': true,
                 'navigation--dark': this.darkMode
-            } }, h("div", { key: 'f436c49f377e85d2ee28975de8d74a9352c6b36d', class: "navigation__nav-bar" }, h("slot", { key: '00369719e17b78dac10342ac3cbe85f3de5f3a62' })), this.isTogglerVisible && (h("span", { key: '2f083b097d13e75444a393d38c53794d8a44ec5d', class: "navigation__toggler", onClick: this.onTogglerClick, onKeyDown: (e) => this.handleKeyDown(e), tabIndex: 0 }, !this.isTogglerExpanded && h("tet-icon", { key: 'ea89d24f6505dff0be6586a1434fad2bf61ead37', class: "navigation__toggler navigation__toggler--burger", name: "burger" }), this.isTogglerExpanded && h("tet-icon", { key: 'bd4f487e345d714af1c61cf6925b08157cb9d975', class: "navigation__toggler navigation__toggler--close", name: "close" }))), h("div", { key: '00b6d30fbab39f40a7b6c998664a80842bf40e1e', class: {
+            } }, h("div", { key: 'fb50449d3e12dad7c4bd2aa85a2b2a15e4ffbb7d', class: "navigation__nav-bar" }, h("slot", { key: '90c334910dbf1bbbac62a6112d65515a7266174a' })), this.isTogglerVisible && (h("span", { key: '58c66ca30f7152baf44bb4586c596301df4cef3c', class: "navigation__toggler", onClick: this.onTogglerClick, onKeyDown: (e) => this.handleKeyDown(e), tabIndex: 0 }, !this.isTogglerExpanded && h("tet-icon", { key: '7822b8e65c3d7ccb70a31f309c8fe6be3e63a202', class: "navigation__toggler navigation__toggler--burger", name: "burger" }), this.isTogglerExpanded && h("tet-icon", { key: '5e623a69098c40f6d5183b70ba5207dcb4a31156', class: "navigation__toggler navigation__toggler--close", name: "close" }))), h("div", { key: 'f0cd493563a431346d58a32c8ed86861dd12d100', class: {
                 'navigation__dropdown': true,
                 'navigation__dropdown--expanded': this.isTogglerExpanded,
-            } }, h("slot", { key: 'afaee2dcda1306c0c66477c82de4cec7398e6c21', name: "dropdown" })))));
+            } }, h("slot", { key: 'ca97d98243ab32d6fa0422f4e2b6da9480088682', 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

@@ -107,22 +107,22 @@ export class TetAccordion {
         }
     }
     render() {
-        return (h(Host, { key: '22f614b05425d827ab0291dc8e909ee2305a4b24' }, h("div", { key: '6934bfe52243c5511ae0614a7f87c2aeded1193e', class: {
+        return (h(Host, { key: '82d0869e160269be1ca22917e91071e87bb0db71' }, h("div", { key: '74145d0fc554354145435012c377168e0cc599ad', 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: '41a21eb1771f0d46b6ab25bd8920d5ed4afc4b07', class: { "tet-accordion__header": true, [this.theme]: true }, onClick: this.toggleOpenState, onKeyDown: this.toggleAccessibilityOpenState, tabIndex: 0 }, this.headerImageSrc && this.headerImageSrc !== '' &&
-            h("img", { key: '9c68453e65ab6c7f33a4e90e2e79439b5dacf8e4', src: this.headerImageSrc, alt: this.headerImageAlt ? this.headerImageAlt : undefined, class: "tet-accordion__header-image" }), this.renderHeading(), h("tet-icon", { key: '015014ccf317e2e96cd62387e58d765e02081218', name: "chevron-down", class: {
+            } }, h("div", { key: '0d378934c18ebce9cc4f13dc2cd620afe4cdd484', class: { "tet-accordion__header": true, [this.theme]: true }, onClick: this.toggleOpenState, onKeyDown: this.toggleAccessibilityOpenState, tabIndex: 0 }, this.headerImageSrc && this.headerImageSrc !== '' &&
+            h("img", { key: '881ee9e888c7739ed9dc10ebf28e7dc4a10311f3', src: this.headerImageSrc, alt: this.headerImageAlt ? this.headerImageAlt : undefined, class: "tet-accordion__header-image" }), this.renderHeading(), h("tet-icon", { key: '9475041cbbc410aa048609c8c4b7c6f32ed2b449', name: "chevron-down", class: {
                 'tet-accordion__icon': true,
                 'open': this.isOpen
-            } })), h("div", { key: '2bc9512a21706383fbe66b6c394a3189719bf8d2', ref: (element) => (this.contentWrapperElement = element), class: {
+            } })), h("div", { key: 'd871cf8fb6c5d5bad0c9b84c7167a5af7ee258a5', ref: (element) => (this.contentWrapperElement = element), class: {
                 'tet-accordion__content-wrapper': true,
                 'visible': this.isOpen
-            }, inert: !this.isOpen }, h("div", { key: '656b232c7288dc19b2afdc8409589d2d1e8530af', ref: (element) => (this.contentElement = element), class: {
+            }, inert: !this.isOpen }, h("div", { key: '7c9ada40b4822445defe988df2f23fb136e8c383', ref: (element) => (this.contentElement = element), class: {
                 'tet-accordion__content': true
-            } }, h("slot", { key: '252e86d4b56b5732b298064ac5b65fc9fc93f351' }))))));
+            } }, h("slot", { key: '0d22a654dbc9e296b122dd5a015ea7398de19286' }))))));
     }
     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: '3973c801ae3263f2b80443bf95d9b95b0bf42828', class: { 'tet-expansion-panel': true, 'open': this.state === 'open' } }, h("div", { key: '45aefcd2caf2b753a0202fd5a973cdc16d87e03d', class: "tet-expansion-panel-content" }, h("slot", { key: '04d3e119069ecc5252a22100951aa88272ee072e' }))));
+        return (h("div", { key: 'f7e0558f2545f6eefbcc7de880d0e11c1365d173', class: { 'tet-expansion-panel': true, 'open': this.state === 'open' } }, h("div", { key: 'a06d0491cdc70b82506c3e931143c0295cdcf670', class: "tet-expansion-panel-content" }, h("slot", { key: 'c31e1509ade9482389d0ae0328ca1ae5fdfcf685' }))));
     }
     static get is() { return "tet-expansion-panel"; }
     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: '72daa2c53018e7b02f7db803a3ec6773fd41a198' }, this.renderLargeScreenTable(), this.renderMobileScreenTable()));
+        return (h(Host, { key: 'f0a7d4378cb553525a182c2413b3d229ff0decb0' }, this.renderLargeScreenTable(), this.renderMobileScreenTable()));
     }
     static get is() { return "tet-table"; }
     static get encapsulation() { return "scoped"; }

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: 'ea68910ea921dcba94876825c2dd40ab4bb28e8b' }, h("div", { key: 'a88679392d728d7ac8e72c75aa2ea2adfe6ad50c', class: { notification: true, [this.theme]: true } }, h("div", { key: '53107485961bba50156440e9fe40ffd4e62a0c10', class: { item: true, [this.type]: true } }, h("div", { key: '2c89c4727d0573de9c3aab088f2d183be29aa78d', class: "header" }, this.renderTypeIcon(), h("div", { key: '40d008233eb2485e9cb79920724c7cc42dce656a', class: "title" }, headerTitle), this.renderCloseButton()), h("div", { key: '616a22392fb38522845a92912879478e28903563', class: "content" }, h("span", { key: '7e9d4fb1f2ac2149730aef2f4cf8def11e5cecfa', innerHTML: content }), h("div", { key: '4ccc156029288222be0662ba3a0944ac1468970a' }, h("slot", { key: 'b62acbd076c74470c120037848dba7b9624daf9c', name: "button" })))))));
+        return (h(Host, { key: '1379fc99483b9036ef4a4902f1dfd85070488e6f' }, h("div", { key: 'f03e75daa65d5822b5b3ed5d26b90e7ad087d51d', class: { notification: true, [this.theme]: true } }, h("div", { key: '4ed3b2d85be051f5549264f9e20df9b5e6a9ca55', class: { item: true, [this.type]: true } }, h("div", { key: '92c92e31a6a982da35d10fefc69fc2f823294c12', class: "header" }, this.renderTypeIcon(), h("div", { key: 'f5f616e198186e2c9c2791a0d847425bfd3cb9ec', class: "title" }, headerTitle), this.renderCloseButton()), h("div", { key: '2411bd59270fd9c42e351463555b2cfb027c8d90', class: "content" }, h("span", { key: '2aac68dc564b2ac754d0304ed2da7f8f7d291664', innerHTML: content }), h("div", { key: 'a84f7246024099ffb3cae9dc99362f6d638b64a6' }, h("slot", { key: 'a47a0d216697d5ec9bc415d1efd984e0ba5df83c', 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: '6f2107dbd51105a5724c4624d0459736544779dd', class: { visible: this.showTooltip } }, this.renderTooltip());
+        return h(Host, { key: '65c88baed2bb3ef93dbe750aa2e4704daa81fd81', 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: 'eb7b887a1fca3a0600f1cbedf988da5358240e9b' }, this.renderContactForm(), this.renderHeader(), this.address && this.renderBody()));
+        return (h(Host, { key: '66cf5e701b2afeba2f1b1e190e358ed76a9ff3f2' }, 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 {
         processTranslations('tet-components', this.language).then(() => forceUpdate(this));
     }
     render() {
-        return (h("section", { key: '4a0cae9a6c92e56daab2179816535f626b6b91e4', class: "container" }, h("div", { key: '74ac98a2c919c61486ffa561d765c7851e416498', class: "title-block" }, t('components-b2b-calculator-title')), h("div", { key: '93422557e4cfa64b108af608d973976e17bdf4df', class: "calculator-block" }, h("p", { key: '02641f328325cd750435da8fe52f298f64fde409', class: "slider-title" }, t('components-b2b-calculator-computer-count')), h("tet-range-slider", { key: '8c91d0070d7c2e3909f85ddd964e232cbdde1723', 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: '0b97bb2ab85d823b8dfacea52af226fb8d2dc939', class: "control-container" }, h("div", { key: '0650a9f5be57662c6f2d285565aa6cfddd93f5c7', class: "control" }, h("tet-checkbox", { key: '14a580ad3ae90dcd782e5587a2b88fb5620840c7', class: "it-admin-checkbox", checked: this.withItAdmin, onCheck: this.handleWithItAdminValueChange }, t('components-b2b-calculator-it-admin-checkbox-label'))), h("div", { key: '768d6a300bdd9d087dc0d0108c88bd5f0ae25a51', class: "control" }, h("tet-switch", { key: '954efdd4249c798f81f4d74610e8ab9a86657bf1', class: "in-person-support-switch", checked: this.withInPersonServiceSupport, onCheck: this.handleInPersonServiceSupportValueChange }, t('components-b2b-calculator-in-person-support-switch-label')))), h("div", { key: '7902cf23ad4cdcc8233c1f08c03a55c0dbca15db', class: "monthly-payment-block" }, h("p", { key: 'e9db88a81af29275364d5ace234f38c6d1804624', class: "title" }, t('components-b2b-calculator-potential-monthly-payment')), h("p", { key: '4585df1658a18717d640583cb8a56e475af3d7b3' }, h("span", { key: '9c3fdefe74748100dc7d6dffa0eb3e0276565804', class: "price" }, this.totalPrice), h("span", { key: 'f5e4c952bf64b0dc7e58fbb23fd8a5a3c306d6f8', class: "currency" }, t('components-euro-per-month')))))));
+        return (h("section", { key: 'ae19c29a1b3a08ba7c1dba4ad517ec8e7531f6c8', class: "container" }, h("div", { key: '313f9584e6ff6237a1cbbe5414e449e93bf77b36', class: "title-block" }, t('components-b2b-calculator-title')), h("div", { key: '9636e08742e23a2c1b09477dbd9819cb5a9fcc04', class: "calculator-block" }, h("p", { key: '049eb48d63b12386f9211b91b12c20f800607749', class: "slider-title" }, t('components-b2b-calculator-computer-count')), h("tet-range-slider", { key: 'd29bb633ce3a3cba47a5c81daff075d4eb5e9660', 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: '8dba11aa02a28d6afb782dcecdaa9d9e08ce2c20', class: "control-container" }, h("div", { key: '155b4ba8bc944ca74148c3f1065cda7c7c2857e9', class: "control" }, h("tet-checkbox", { key: 'afd9b31793f3a1b40dc599052ddbf02d643c3b96', class: "it-admin-checkbox", checked: this.withItAdmin, onCheck: this.handleWithItAdminValueChange }, t('components-b2b-calculator-it-admin-checkbox-label'))), h("div", { key: 'b49e512086972be40b3620a3bd87b4898f52fd9f', class: "control" }, h("tet-switch", { key: '87a02522a01fb7f531436b902405d9df9e9fa4d0', class: "in-person-support-switch", checked: this.withInPersonServiceSupport, onCheck: this.handleInPersonServiceSupportValueChange }, t('components-b2b-calculator-in-person-support-switch-label')))), h("div", { key: 'd6bf02b9b7bcf9408fd10586897ae3483c56726d', class: "monthly-payment-block" }, h("p", { key: 'e451fbb1bca450c74a502baef019fd894d72fffc', class: "title" }, t('components-b2b-calculator-potential-monthly-payment')), h("p", { key: 'cb4c54739d9a2491586dfbbbdcb32b2241b32dd4' }, h("span", { key: '96ec181669270e4bc054419de68fea3a85c538e5', class: "price" }, this.totalPrice), h("span", { key: 'ed6ac6ac09ea7b97383a4ad9804e0461b0c7cc93', 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

@@ -46,7 +46,7 @@ export class TetBusinessLines {
     }
     render() {
         var _a;
-        return (h("div", { key: 'cef949ef5ed1b55e430413bc9ac8f2780723fde0', class: "container" }, this.showHeadings && this.renderHeadings(), h("div", { key: '3aa8858a5a3f621aa9b9be5bac9abd496581a8db', class: "business-line-wrapper" }, (_a = this.businessLines) === null || _a === void 0 ? void 0 : _a.map(this.renderBusinessLineItem))));
+        return (h("div", { key: 'a90bcc3d7e6b75ba13926e8a0b7a589e1c9dbfd5', class: "container" }, this.showHeadings && this.renderHeadings(), h("div", { key: '917241d3611047ff54aa67e8fe99b1920814cd64', class: "business-line-wrapper" }, (_a = this.businessLines) === null || _a === void 0 ? void 0 : _a.map(this.renderBusinessLineItem))));
     }
     static get is() { return "tet-business-lines"; }
     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: '22d21bce1bff87aaf54700bb40020cdf8c7dea96' }, h("div", { key: '723513ef04a141bcfffc12cf4c8773ee2b874a04', class: mainClasses }, this.renderHeaderToolbar(), h("div", { key: 'a16094dba1c849cf1f8096829b9c80d7084b9ac0', class: mainBlockClasses }, this.renderIconBlock(), this.renderInfoBlock(), this.renderStepperBlock(), this.renderCTABlock()), this.renderFAQSlot())));
+        return (h(Host, { key: '32213e1956aa2a3738d71affb160667b466fbe80' }, h("div", { key: '86ed83d4c50e9e8c3f673f240f8f4f504975a3ef', class: mainClasses }, this.renderHeaderToolbar(), h("div", { key: 'fa515fe54f5b7c5e656009f6c5ad22693076917e', 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: 'b861d7fc3aeabf257bb0aa3e8df33ce3a8dbb77f' }, h("div", { key: '92d18f93edfe044e67dbaae7a9ba54a625fbd19c', class: {
+        return (h(Host, { key: '33d4e5a4c06ac29b317ae9a0a51aa88f388df1f8' }, h("div", { key: 'cf66e410665466d922c377d54b2e18636596b8b3', 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: '4d6541fd55da6008b82733330cf7280a57a31eb5' }, h("div", { key: 'd4c218afa3a2a3aecd33225300b2be20b34b477e', class: {
+        return (h(Host, { key: '32b9b96deceb099cdc402fd28a423ebf0cf00efe' }, h("div", { key: '3cd992ffbeff8fff2ddab9b7d28fecc3b12fc179', class: {
                 'thank-you-view-v3': true,
                 [this.theme]: true,
             } }, this.renderInfoBlock(), this.renderStepper(), this.renderCTAButton(), this.renderFAQSlot())));

package/dist/components/index.js

@@ -81,7 +81,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-599035b8.js';
 
 const defineCustomElements = (opts) => {
     if (typeof customElements !== 'undefined') {

package/dist/components/{p-08f20a97.js → p-047a9ffe.js}

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, d as createEvent, h } from './p-37ed3ebb.js';
+import { p as proxyCustomElement, H, d as createEvent, h } from './p-599035b8.js';
 
 const tetDatepickerMultiYearViewCss = "@font-face{font-family:Avenir Next;src:url(assets/fonts/8e7462a9501f48c43c58f870188b3fb2.eot?#iefix);src:url(assets/fonts/8e7462a9501f48c43c58f870188b3fb2.eot?#iefix) format(\"eot\"),url(assets/fonts/3c3e10968ffc97c2a52c5830f9886d1f.woff2) format(\"woff2\"),url(assets/fonts/660fbf858d30d7685fa4b166080f5980.woff) format(\"woff\"),url(assets/fonts/2b7748589092fd1a10b806abdfb562ff.ttf) format(\"truetype\");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Avenir Next;src:url(assets/fonts/d5e25ad69d0ea31f3b8f66d634ca40fe.eot?#iefix);src:url(assets/fonts/d5e25ad69d0ea31f3b8f66d634ca40fe.eot?#iefix) format(\"eot\"),url(assets/fonts/aad36ecead30948bb30fe0ef818b749c.woff2) format(\"woff2\"),url(assets/fonts/c437d7752feaf3f056bbf8613e898d3a.woff) format(\"woff\"),url(assets/fonts/b8df4d02ef5de13a813917a85bc4a9c4.ttf) format(\"truetype\");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Avenir Next;src:url(assets/fonts/046190c9a2f724b925df848737b03819.eot?#iefix);src:url(assets/fonts/046190c9a2f724b925df848737b03819.eot?#iefix) format(\"eot\"),url(assets/fonts/4d52f8276a74ea8efbad833ed790367c.woff2) format(\"woff2\"),url(assets/fonts/a067695dd1b87e927f4056c040d84669.woff) format(\"woff\"),url(assets/fonts/510a664af9771b72d4ce5e637109ca3c.ttf) format(\"truetype\");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Avenir Next;src:url(assets/fonts/0715de188f56c99aa615905f7e06292e.eot?#iefix);src:url(assets/fonts/0715de188f56c99aa615905f7e06292e.eot?#iefix) format(\"eot\"),url(assets/fonts/63f5acc71d9852468683a4bfe824a28f.woff2) format(\"woff2\"),url(assets/fonts/ed94c737da267752ce0abd79bb003ff6.woff) format(\"woff\"),url(assets/fonts/6302f55a6dc6b12365177dc89b7d63cf.ttf) format(\"truetype\");font-weight:500;font-style:italic;font-display:swap}@font-face{font-family:Avenir Next;src:url(assets/fonts/3f76abc23eef0596c499840db84213bb.eot?#iefix);src:url(assets/fonts/3f76abc23eef0596c499840db84213bb.eot?#iefix) format(\"eot\"),url(assets/fonts/1fe7da97fe9dbe1349aca9b54b5fdf69.woff2) format(\"woff2\"),url(assets/fonts/dacc6a84278e221422902af99579ada5.woff) format(\"woff\"),url(assets/fonts/e530c573663a3a07243d303fbf7db508.ttf) format(\"truetype\");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Avenir Next;src:url(assets/fonts/75f8489ba53f19968feaa3e2eb78c569.eot?#iefix);src:url(assets/fonts/75f8489ba53f19968feaa3e2eb78c569.eot?#iefix) format(\"eot\"),url(assets/fonts/93ec0034623fc696601ab99aba652d4c.woff2) format(\"woff2\"),url(assets/fonts/d73c8eb1c13abe1237366aa3ee829a59.woff) format(\"woff\"),url(assets/fonts/7b6dcef99f3f4b23346e23925ec8678f.ttf) format(\"truetype\");font-weight:600;font-style:italic;font-display:swap}.tet-icon{font-family:Tet Icons;font-weight:400;font-style:normal;font-size:24px;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}@font-face{font-family:Tet Icons;src:url(assets/fonts/d2ce51cdcd0b9707af186f8d50023d23.eot);src:url(assets/fonts/d2ce51cdcd0b9707af186f8d50023d23.eot?#iefix) format(\"embedded-opentype\"),url(assets/fonts/25f10ef322a1220b2e9e11db38b73892.woff2) format(\"woff2\"),url(assets/fonts/fed75ac1edcf1c25cdd8612d2c365f9a.woff) format(\"woff\"),url(assets/fonts/df7fbe67cabb13cb837172a73c46378a.ttf) format(\"truetype\"),url(assets/fonts/5486d8c87e2abc6c13ed952a6cc96658.svg#tet-icons) format(\"svg\");font-weight:400;font-style:normal}.tet-icon:before{content:\"\\E84E\"}.tet-icon--sm{font-size:1.125rem}.tet-icon--md{font-size:1.5rem}.tet-icon--lg{font-size:2.25rem}.tet-icon--xl{font-size:3rem}.tet-icon--xxl{font-size:4rem}.tet-icon--0{font-size:0}.tet-icon--1{font-size:.0625rem}.tet-icon--2{font-size:.125rem}.tet-icon--3{font-size:.1875rem}.tet-icon--4{font-size:.25rem}.tet-icon--5{font-size:.3125rem}.tet-icon--6{font-size:.375rem}.tet-icon--7{font-size:.4375rem}.tet-icon--8{font-size:.5rem}.tet-icon--9{font-size:.5625rem}.tet-icon--10{font-size:.625rem}.tet-icon--11{font-size:.6875rem}.tet-icon--12{font-size:.75rem}.tet-icon--13{font-size:.8125rem}.tet-icon--14{font-size:.875rem}.tet-icon--15{font-size:.9375rem}.tet-icon--16{font-size:1rem}.tet-icon--17{font-size:1.0625rem}.tet-icon--18{font-size:1.125rem}.tet-icon--19{font-size:1.1875rem}.tet-icon--20{font-size:1.25rem}.tet-icon--21{font-size:1.3125rem}.tet-icon--22{font-size:1.375rem}.tet-icon--23{font-size:1.4375rem}.tet-icon--24{font-size:1.5rem}.tet-icon--25{font-size:1.5625rem}.tet-icon--26{font-size:1.625rem}.tet-icon--27{font-size:1.6875rem}.tet-icon--28{font-size:1.75rem}.tet-icon--29{font-size:1.8125rem}.tet-icon--30{font-size:1.875rem}.tet-icon--31{font-size:1.9375rem}.tet-icon--32{font-size:2rem}.tet-icon--33{font-size:2.0625rem}.tet-icon--34{font-size:2.125rem}.tet-icon--35{font-size:2.1875rem}.tet-icon--36{font-size:2.25rem}.tet-icon--37{font-size:2.3125rem}.tet-icon--38{font-size:2.375rem}.tet-icon--39{font-size:2.4375rem}.tet-icon--40{font-size:2.5rem}.tet-icon--41{font-size:2.5625rem}.tet-icon--42{font-size:2.625rem}.tet-icon--43{font-size:2.6875rem}.tet-icon--44{font-size:2.75rem}.tet-icon--45{font-size:2.8125rem}.tet-icon--46{font-size:2.875rem}.tet-icon--47{font-size:2.9375rem}.tet-icon--48{font-size:3rem}.tet-icon--49{font-size:3.0625rem}.tet-icon--50{font-size:3.125rem}.tet-icon--51{font-size:3.1875rem}.tet-icon--52{font-size:3.25rem}.tet-icon--53{font-size:3.3125rem}.tet-icon--54{font-size:3.375rem}.tet-icon--55{font-size:3.4375rem}.tet-icon--56{font-size:3.5rem}.tet-icon--57{font-size:3.5625rem}.tet-icon--58{font-size:3.625rem}.tet-icon--59{font-size:3.6875rem}.tet-icon--60{font-size:3.75rem}.tet-icon--61{font-size:3.8125rem}.tet-icon--62{font-size:3.875rem}.tet-icon--63{font-size:3.9375rem}.tet-icon--64{font-size:4rem}.tet-icon--65{font-size:4.0625rem}.tet-icon--66{font-size:4.125rem}.tet-icon--67{font-size:4.1875rem}.tet-icon--68{font-size:4.25rem}.tet-icon--69{font-size:4.3125rem}.tet-icon--70{font-size:4.375rem}.tet-icon--71{font-size:4.4375rem}.tet-icon--72{font-size:4.5rem}.tet-icon--73{font-size:4.5625rem}.tet-icon--74{font-size:4.625rem}.tet-icon--75{font-size:4.6875rem}.tet-icon--76{font-size:4.75rem}.tet-icon--77{font-size:4.8125rem}.tet-icon--78{font-size:4.875rem}.tet-icon--79{font-size:4.9375rem}.tet-icon--80{font-size:5rem}.tet-icon--81{font-size:5.0625rem}.tet-icon--82{font-size:5.125rem}.tet-icon--83{font-size:5.1875rem}.tet-icon--84{font-size:5.25rem}.tet-icon--85{font-size:5.3125rem}.tet-icon--86{font-size:5.375rem}.tet-icon--87{font-size:5.4375rem}.tet-icon--88{font-size:5.5rem}.tet-icon--89{font-size:5.5625rem}.tet-icon--90{font-size:5.625rem}.tet-icon--91{font-size:5.6875rem}.tet-icon--92{font-size:5.75rem}.tet-icon--93{font-size:5.8125rem}.tet-icon--94{font-size:5.875rem}.tet-icon--95{font-size:5.9375rem}.tet-icon--96{font-size:6rem}.tet-icon--97{font-size:6.0625rem}.tet-icon--98{font-size:6.125rem}.tet-icon--99{font-size:6.1875rem}.tet-icon--100{font-size:6.25rem}.tet-icon--101{font-size:6.3125rem}.tet-icon__add:before{content:\"\\E800\"}.tet-icon__alert-circled:before{content:\"\\E801\"}.tet-icon__alert:before{content:\"\\E802\"}.tet-icon__bank:before{content:\"\\E803\"}.tet-icon__box:before{content:\"\\E804\"}.tet-icon__download:before{content:\"\\E805\"}.tet-icon__burger:before{content:\"\\E806\"}.tet-icon__cancel:before{content:\"\\E807\"}.tet-icon__printer:before{content:\"\\E808\"}.tet-icon__cart-add:before{content:\"\\E809\"}.tet-icon__cart-remove:before{content:\"\\E80A\"}.tet-icon__cart:before{content:\"\\E80B\"}.tet-icon__chat:before{content:\"\\E80C\"}.tet-icon__arrow-up:before{content:\"\\E80D\"}.tet-icon__calendar:before{content:\"\\E80E\"}.tet-icon__help-circled:before{content:\"\\E80F\"}.tet-icon__edit:before{content:\"\\E810\"}.tet-icon__external-link:before{content:\"\\E811\"}.tet-icon__gift:before{content:\"\\E812\"}.tet-icon__person:before{content:\"\\E813\"}.tet-icon__heart:before{content:\"\\E814\"}.tet-icon__language:before{content:\"\\E815\"}.tet-icon__help:before{content:\"\\E816\"}.tet-icon__home-1:before{content:\"\\E817\"}.tet-icon__location:before{content:\"\\E818\"}.tet-icon__home-3:before{content:\"\\E819\"}.tet-icon__chart-even:before{content:\"\\E81A\"}.tet-icon__info-2:before{content:\"\\E81B\"}.tet-icon__key:before{content:\"\\E81C\"}.tet-icon__info:before{content:\"\\E81D\"}.tet-icon__lock-opened:before{content:\"\\E81E\"}.tet-icon__lock-outlined:before{content:\"\\E81F\"}.tet-icon__lock:before{content:\"\\E820\"}.tet-icon__laptop-filled:before{content:\"\\E821\"}.tet-icon__mail:before{content:\"\\E822\"}.tet-icon__options:before{content:\"\\E823\"}.tet-icon__chart-uneven:before{content:\"\\E824\"}.tet-icon__mail-2:before{content:\"\\E825\"}.tet-icon__remove:before{content:\"\\E826\"}.tet-icon__mobile-filled:before{content:\"\\E827\"}.tet-icon__ilu-calendar-check:before{content:\"\\E828\"}.tet-icon__settings-outlined:before{content:\"\\E829\"}.tet-icon__tablet:before{content:\"\\E82A\"}.tet-icon__thumb-up:before{content:\"\\E82B\"}.tet-icon__ilu-purchase:before{content:\"\\E82C\"}.tet-icon__chart-even-outlined:before{content:\"\\E82D\"}.tet-icon__movie:before{content:\"\\E82E\"}.tet-icon__percent:before{content:\"\\E82F\"}.tet-icon__ilu-change-whenever:before{content:\"\\E830\"}.tet-icon__truck:before{content:\"\\E831\"}.tet-icon__zero:before{content:\"\\E832\"}.tet-icon__attach:before{content:\"\\E833\"}.tet-icon__cloud-done:before{content:\"\\E834\"}.tet-icon__cloud-download:before{content:\"\\E835\"}.tet-icon__cloud-upload:before{content:\"\\E836\"}.tet-icon__cloud:before{content:\"\\E837\"}.tet-icon__folder:before{content:\"\\E838\"}.tet-icon__remote:before{content:\"\\E839\"}.tet-icon__router:before{content:\"\\E83A\"}.tet-icon__shield-filled:before{content:\"\\E83B\"}.tet-icon__shield:before{content:\"\\E83C\"}.tet-icon__ilu-devices:before{content:\"\\E83D\"}.tet-icon__ilu-get-points:before{content:\"\\E83E\"}.tet-icon__tv:before{content:\"\\E83F\"}.tet-icon__ilu-internet:before{content:\"\\E840\"}.tet-icon__wifi-outlined:before{content:\"\\E841\"}.tet-icon__wifi:before{content:\"\\E842\"}.tet-icon__description-outlined:before{content:\"\\E843\"}.tet-icon__laptop:before{content:\"\\E844\"}.tet-icon__chart-uneven-outlined:before{content:\"\\E845\"}.tet-icon__meter:before{content:\"\\E846\"}.tet-icon__mobile:before{content:\"\\E847\"}.tet-icon__phone:before{content:\"\\E848\"}.tet-icon__plug-filled:before{content:\"\\E849\"}.tet-icon__plug:before{content:\"\\E84A\"}.tet-icon__print:before{content:\"\\E84B\"}.tet-icon__camera:before{content:\"\\E84C\"}.tet-icon__clock:before{content:\"\\E84D\"}.tet-icon__placeholder:before{content:\"\\E84E\"}.tet-icon__tv-filled:before{content:\"\\E84F\"}.tet-icon__arrow-down:before{content:\"\\E850\"}.tet-icon__arrow-left:before{content:\"\\E851\"}.tet-icon__arrow-right:before{content:\"\\E852\"}.tet-icon__description:before{content:\"\\E853\"}.tet-icon__login:before{content:\"\\E854\"}.tet-icon__check:before{content:\"\\E855\"}.tet-icon__chevron-down:before{content:\"\\E856\"}.tet-icon__chevron-left:before{content:\"\\E857\"}.tet-icon__chevron-right:before{content:\"\\E858\"}.tet-icon__chevron-up:before{content:\"\\E859\"}.tet-icon__close-circled:before{content:\"\\E85A\"}.tet-icon__close:before{content:\"\\E85B\"}.tet-icon__more-horizontal:before{content:\"\\E85C\"}.tet-icon__more-vertical:before{content:\"\\E85D\"}.tet-icon__refresh:before{content:\"\\E85E\"}.tet-icon__facebook:before{content:\"\\E85F\"}.tet-icon__instagram:before{content:\"\\E860\"}.tet-icon__linkedin:before{content:\"\\E861\"}.tet-icon__people:before{content:\"\\E862\"}.tet-icon__logout:before{content:\"\\E863\"}.tet-icon__share:before{content:\"\\E864\"}.tet-icon__twitter:before{content:\"\\E865\"}.tet-icon__cancel-filled:before{content:\"\\E866\"}.tet-icon__done:before{content:\"\\E867\"}.tet-icon__star-filled:before{content:\"\\E868\"}.tet-icon__star:before{content:\"\\E869\"}.tet-icon__clipboard:before{content:\"\\E86A\"}.tet-icon__ilu-calendar:before{content:\"\\E86B\"}.tet-icon__check-circled:before{content:\"\\E86C\"}.tet-icon__ilu-choose-channels:before{content:\"\\E86D\"}.tet-icon__search:before{content:\"\\E86E\"}.tet-icon__warning:before{content:\"\\E86F\"}.tet-icon__ilu-clock-1:before{content:\"\\E870\"}.tet-icon__ilu-fold:before{content:\"\\E871\"}.tet-icon__ilu-letter:before{content:\"\\E872\"}.tet-icon__ilu-pay:before{content:\"\\E873\"}.tet-icon__ilu-meter:before{content:\"\\E874\"}.tet-icon__ilu-sign:before{content:\"\\E875\"}.tet-icon__smart-watch-filled:before{content:\"\\E876\"}.tet-icon__washing-machine-filled:before{content:\"\\E877\"}.tet-icon__bullet:before{content:\"\\E878\"}.tet-icon__sound:before{content:\"\\E879\"}.tet-icon__dropdown:before{content:\"\\E87A\"}.tet-icon__mask-pass:before{content:\"\\E87B\"}.tet-icon__select:before{content:\"\\E87C\"}.tet-icon__text-area-sizing:before{content:\"\\E87D\"}.tet-icon__unmask-pass:before{content:\"\\E87E\"}.tet-icon__bullet-small:before{content:\"\\E882\"}.tet-icon__electric-bolt:before{content:\"\\E880\"}.tet-icon__sun:before{content:\"\\E881\"}:host{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:\"\\e86e\"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:\"\\e85a\"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:\"\\e85b\"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:\"\\e86c\"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:\"\\e855\"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:\"\\e859\"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:\"\\e856\"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:\"\\e86a\"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:\"\\e81d\"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:\"\\e867\"}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:400;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Medium.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Medium.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:500;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Medium.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Medium.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:600;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Semibold.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Semibold.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:700;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Bold.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Bold.woff\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:400;font-display:swap;src:url(\"assets/fonts/Inter-Regular.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-Regular.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:500;font-display:swap;src:url(\"assets/fonts/Inter-Medium.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-Medium.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:600;font-display:swap;src:url(\"assets/fonts/Inter-SemiBold.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-SemiBold.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:400;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Medium.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Medium.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:500;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Medium.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Medium.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:600;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Semibold.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Semibold.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:700;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Bold.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Bold.woff\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:400;font-display:swap;src:url(\"assets/fonts/Inter-Regular.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-Regular.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:500;font-display:swap;src:url(\"assets/fonts/Inter-Medium.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-Medium.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:600;font-display:swap;src:url(\"assets/fonts/Inter-SemiBold.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-SemiBold.woff?v=3.19\") format(\"woff\")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}:host{display:block;-webkit-tap-highlight-color:transparent}.container{display:grid;grid-template-columns:repeat(3, 1fr);row-gap:2rem;column-gap:0.25rem;margin:1.25rem 0 0.75rem;font:500 0.875rem/1.25rem \"Inter\", \"Gilroy, Arial, sans-serif\"}.container .year{display:flex;width:100%;height:2.875rem;align-items:center;justify-content:center;border-radius:1.5rem;cursor:pointer}.container .year.current:not(.container .year.selected,.container .year:active){border:0.09375rem solid rgb(153, 160, 174)}.container .year:active,.container .year.selected{color:var(--text-color-primary-light);background:rgb(10, 11, 13)}.container .year:hover:not(.container .year.selected,.container .year:active){background:var(--interaction-state-gray)}";
 const TetDatepickerMultiYearViewStyle0 = tetDatepickerMultiYearViewCss;
@@ -38,7 +38,7 @@ const TetDatepickerMultiYearView = /*@__PURE__*/ proxyCustomElement(class TetDat
         this.years = this.getYears(this.internalDate);
     }
     render() {
-        return (h("div", { key: '5d44d96f15909feb53a1d47e65abbfcbe0113fff', class: "container" }, this.years.map((year) => h("div", { class: this.getYearClasses(year), onClick: () => this.handleYearSelection(year) }, year))));
+        return (h("div", { key: 'dd04d992262bf4116e85b37171d7b8e06d99c422', class: "container" }, this.years.map((year) => h("div", { class: this.getYearClasses(year), onClick: () => this.handleYearSelection(year) }, year))));
     }
     static get watchers() { return {
         "internalDate": ["handleInternalDateChange"]