@tet/tet-components 1.4.15-testing → 1.4.16-staging

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

@@ -427,23 +427,23 @@ export class TetCarousel {
         document.removeEventListener('pointerup', this.onPointerUp);
     }
     render() {
-        return (h(Host, { key: 'aa17a576d566861cb87cd037f44ab4c02b642c90' }, h("div", { key: '022b4afb52e1f1c7c520159bca8c305d8e5927b4', class: { 'tet-carousel': true, [`${this.theme}`]: true }, ref: (el) => (this.container = el), part: "carousel" }, h("div", { key: '47d03841a067ace013a9e8e50f39badb4ad2e3dc', class: "tet-carousel__container" }, h("div", { key: 'b840f3d9cafa6ca0de8df665ef97ccd4f7d70757', class: "tet-carousel__gradient-left", ref: (el) => {
+        return (h(Host, { key: 'faebf30b094130067e6a78c2239e7dc3bde53c01' }, h("div", { key: '608b8b112edd401ebee58b05b8bac4cf4b0c70c8', class: { 'tet-carousel': true, [`${this.theme}`]: true }, ref: (el) => (this.container = el), part: "carousel" }, h("div", { key: 'b247ceb2622f917efc357a9b848b55640baa8ead', class: "tet-carousel__container" }, h("div", { key: 'ac7aab12f4d0035e066e45131f09d3623570aa88', class: "tet-carousel__gradient-left", ref: (el) => {
                 this.leftGradientRef = el;
-            } }), h("div", { key: '84c8726f2ae119483f9179d7719bf11aca8b33a6', class: "tet-carousel__gradient-right", ref: (el) => {
+            } }), h("div", { key: '43b8019517acd7dd58318686899a606069f74a57', class: "tet-carousel__gradient-right", ref: (el) => {
                 this.rightGradientRef = el;
-            } }), h("div", { key: 'bf1bd992edbc54d73e1d451602ab6c7264f19c31', class: `tet-carousel__track ${!this._showButtons() && !this._showDots() ? 'tet-carousel__track--center' : ''}`, ref: (el) => (this.trackElement = el), style: {
+            } }), h("div", { key: 'cf4938d4781e3abd070316c3b4e786652814fc28', class: `tet-carousel__track ${!this._showButtons() && !this._showDots() ? 'tet-carousel__track--center' : ''}`, ref: (el) => (this.trackElement = el), style: {
                 transform: `translateX(${this.dragOffset}px)`,
                 transition: this.isDragging ? 'none' : `transform ${this.transitionDuration}ms ${this.transitionTiming}`
-            }, onPointerDown: this.onPointerDown, onMouseMove: this.onPointerMove, onPointerUp: this.onPointerUp, onMouseLeave: this.onPointerUp }, h("slot", { key: '92a952a6792c2ad3f7821cd56b5ab552c928d74d' }))), !!this.label && h("div", { key: '10f33991895223dbaa752a8ae85a90ad8d71ed90', class: "tet-carousel__label" }, this.label), (this._showButtons() || this._showDots()) && (h("div", { key: 'd1cd5c5206d1614ab878976f59b943fd3546927f', class: "tet-carousel__controls" }, this._showButtons() && (h("div", { key: '9fe4e73fdac18dfd24e900d00b51c53b91ff6036', class: "tet-carousel__buttons tet-carousel__buttons--mobile" }, h("tet-button", { key: '9797f863559f9a97d765b3ef8880142b7df2c6a2', class: "tet-carousel__btn", theme: this.theme === 'light' ? 'dark' : 'light', "icon-name": this.buttonIconLeft, "icon-mode": true, tabIndex: -1, onPointerDown: (e) => e.stopPropagation(), onPointerUp: () => {
+            }, onPointerDown: this.onPointerDown, onMouseMove: this.onPointerMove, onPointerUp: this.onPointerUp, onMouseLeave: this.onPointerUp }, h("slot", { key: '3f210793bc048697645d1349aace013249dfb9c4' }))), !!this.label && h("div", { key: '8298061607a3e2fcec65777ea454cee2d851e7b4', class: "tet-carousel__label" }, this.label), (this._showButtons() || this._showDots()) && (h("div", { key: '3d280f4b20b813e1211152b8e3bf8aaf2f8a1984', class: "tet-carousel__controls" }, this._showButtons() && (h("div", { key: '4db71243d4e77c301badec8364b5c9b2a5db6ee3', class: "tet-carousel__buttons tet-carousel__buttons--mobile" }, h("tet-button", { key: 'ed20d15345f829726f4c43379412040f6010784d', class: "tet-carousel__btn", theme: this.theme === 'light' ? 'dark' : 'light', "icon-name": this.buttonIconLeft, "icon-mode": true, tabIndex: -1, onPointerDown: (e) => e.stopPropagation(), onPointerUp: () => {
                 if (!this.isDragging)
                     this.handlePrev();
-            }, "aria-label": t('components-carousel-previous'), disabled: this.dotCount <= 1 || this.activeItem === 0 }))), this._showDots() && (h("div", { key: '9492a728a0001fb7fdfb29bb34ecf2d98dd2f1ba', class: "tet-carousel__dots" }, Array.from({ length: this.dotCount }).map((_, idx) => (h("button", { type: "button", tabIndex: -1, class: `tet-carousel__dot${idx === this.activeDotIndex ? ' active' : ''}`, key: idx, onPointerDown: (e) => e.stopPropagation(), onPointerUp: () => {
+            }, "aria-label": t('components-carousel-previous'), disabled: this.dotCount <= 1 || this.activeItem === 0 }))), this._showDots() && (h("div", { key: '79d681b99fdc93db8a8876dbc3063d7f96b3ca70', class: "tet-carousel__dots" }, Array.from({ length: this.dotCount }).map((_, idx) => (h("button", { type: "button", tabIndex: -1, class: `tet-carousel__dot${idx === this.activeDotIndex ? ' active' : ''}`, key: idx, onPointerDown: (e) => e.stopPropagation(), onPointerUp: () => {
                 if (!this.isDragging)
                     this.handleDotClick(idx);
-            }, onClick: () => this.handleDotClick(idx) }))))), this._showButtons() && (h("div", { key: '9a041ab328480d1f2fed8a431244e171febdd266', class: "tet-carousel__buttons " }, h("tet-button", { key: '418905b6251aa28bb3c744290efec6b5af99ab73', class: "tet-carousel__buttons--desktop tet-carousel__btn ", theme: this.theme === 'light' ? 'dark' : 'light', "icon-name": this.buttonIconLeft, "icon-mode": true, tabIndex: -1, onPointerDown: (e) => e.stopPropagation(), onPointerUp: () => {
+            }, onClick: () => this.handleDotClick(idx) }))))), this._showButtons() && (h("div", { key: '95ed835295b38724b867cfa207a52220d24937d2', class: "tet-carousel__buttons " }, h("tet-button", { key: 'fa6161a524f9b82625b768e4ac3cde17336de752', class: "tet-carousel__buttons--desktop tet-carousel__btn ", theme: this.theme === 'light' ? 'dark' : 'light', "icon-name": this.buttonIconLeft, "icon-mode": true, tabIndex: -1, onPointerDown: (e) => e.stopPropagation(), onPointerUp: () => {
                 if (!this.isDragging)
                     this.handlePrev();
-            }, "aria-label": t('components-carousel-previous'), disabled: this.dotCount <= 1 || this.activeItem === 0 }), h("tet-button", { key: '21b0dd0f54f07765e5dbb7da2ae1bc1e62edc5fa', class: "tet-carousel__btn", theme: this.theme === 'light' ? 'dark' : 'light', "icon-name": this.buttonIconRight, "icon-mode": true, tabIndex: -1, onPointerDown: (e) => e.stopPropagation(), onPointerUp: () => {
+            }, "aria-label": t('components-carousel-previous'), disabled: this.dotCount <= 1 || this.activeItem === 0 }), h("tet-button", { key: 'a9995e826b820a1e6cffcecae6954fa8669a9e75', class: "tet-carousel__btn", theme: this.theme === 'light' ? 'dark' : 'light', "icon-name": this.buttonIconRight, "icon-mode": true, tabIndex: -1, onPointerDown: (e) => e.stopPropagation(), onPointerUp: () => {
                 if (!this.isDragging)
                     this.handleNext();
             }, "aria-label": t('components-carousel-next'), disabled: this.dotCount <= 1 ||

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

@@ -11,12 +11,12 @@ export class TetContainer {
         this.theme = 'classic';
     }
     render() {
-        return (h("div", { key: '78fa8de7a4c7ad44d9ec498020810f3ea2b04e95', class: {
+        return (h("div", { key: '2562b58236b4627c67b5584b3e8ca794ab8fd866', class: {
                 'container': true,
                 'container--highlightable': this.highlightable,
                 'container--selected': this.selected,
                 [`container--${this.theme}`]: this.theme !== 'classic',
-            }, part: "container" }, h("slot", { key: '205be41e78793a9fb099df629e2b3bf502dcffc6' })));
+            }, part: "container" }, h("slot", { key: 'beabe5f5bddca46128d27f042e9a63075e292d14' })));
     }
     static get is() { return "tet-container"; }
     static get encapsulation() { return "shadow"; }

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

@@ -50,7 +50,7 @@ export class TetIcon {
     };
     shouldUseDefaultColor = () => (this.useDefaultColor || defaultColorIcons.includes(this.name));
     render() {
-        return (h("span", { key: '7af8d4aa2f4f35ab90c0f37c5b1db6984ca2e1df', class: "icon-wrapper", tabindex: (this.focusable || this.accessibilityLabel) ? 0 : -1 }, h("span", { key: '99d35d51b355eb7d2afa3b809401d117a753f4c4', class: {
+        return (h("span", { key: 'b8b27ee88e31a30f3a6280d940c1783f6626055f', class: "icon-wrapper", tabindex: (this.focusable || this.accessibilityLabel) ? 0 : -1 }, h("span", { key: '8dd76c6c202799f38deda34b4a01cbe255d5daa5', 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: 'f235e148763d56dc63d1e7c144be6e4ee4b024a2', class: "loader" }, h("div", { key: '4064d7882524324ae0afdbcab645e87156f1128d', class: "loader-inner" })));
+        return (h("div", { key: '2600778f0bd3235737b55b6e55023ace13c3c46b', class: "loader" }, h("div", { key: '334c9acce8f6185ba0d6f5ed34326740ebe65702', 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: '10c954f06449fb1481f56d56169f388cc89e6f34', style: { width: this.width, height: this.height } }, h("div", { key: '35757dd39dd6a927c3535b4ce3b907c725156428', class: { 'dark-theme': this.darkTheme } }, h("div", { key: '2ba1f7e5e928934c99bd1be2e1124dbc249a7fda', class: "placeholder", style: { height: this.height } }))));
+        return (h(Host, { key: '21a3481e3a977ffabdb30ac87fc7a2ada32978b9', style: { width: this.width, height: this.height } }, h("div", { key: '2cbd8b3779e583083c5339c08815339baa4e6c94', class: { 'dark-theme': this.darkTheme } }, h("div", { key: '8884602bb8c3cde0544c860765de8b72a2e235f1', 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

@@ -48,13 +48,13 @@ export class TetSpinner {
         foreignObject.setAttribute('clip-path', 'url(#clip)');
     };
     render() {
-        return (h("div", { key: 'efd3265d2c8bcc3a8b092ef3c6eaafb4de24ec03', ref: element => (this.spinner = element), class: {
+        return (h("div", { key: '22b89baa181f6de5fedede97ba5be585c0b0b0b1', ref: element => (this.spinner = element), class: {
                 spinner: true,
                 [`${this.theme}-theme`]: true,
                 [`size--${this.size}`]: true,
                 [`spinner--${this.type}`]: true,
-            } }, h("svg", { key: 'dc9b058d6e2094ab1e2fd5369e86fa42a53085ff', viewBox: "0 0 40 40" }, h("clipPath", { key: '493fc7a5562b5def43e42dbb8027ecffb33fb887', id: "clip" }, h("path", { key: '689d21069b9156647e1b15f78c9c7d2f1fbaec73', 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: 'c8a38138322777b709110174b7dc12c2464160ed' }, h("div", { key: 'aea7b0e5a1c780c7567a72b47fecb6a7588d96fb', class: "spinner__gradient" })))));
+            } }, h("svg", { key: '5ef8de46385eeec9b021d20df48e3fbae5efd67a', viewBox: "0 0 40 40" }, h("clipPath", { key: 'bdb3b7349776272a4fb7818d4c9c199849e3aecd', id: "clip" }, h("path", { key: 'a5b7368f9d6b19b8e4142ea82b217f39964a4097', 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: '0c819971c1d6d9dc17d6ea85c3de663f86c8ccca' }, h("div", { key: '3ab7e968331b78f97487c1010a9f4aa97306fad3', 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: '3d98ff437ef8276832b44e8a7565a72618409b5d' }, h("div", { key: '678772f56add708335d0864e78e0de73036534ad', class: {
+        return (h(Host, { key: '883b75dbb05a67a714292b16f6aa91e5b73517e7' }, h("div", { key: '5ae4199a0c4b4273d169662b92190783e055bc12', class: {
                 label: true,
                 'label-active': this.active,
                 [`label-type-${this.type}`]: true,
                 [`theme-${this.theme}`]: true,
-            } }, this.labelTitle && h("p", { key: '8fa1e1e68118eefd74c5672067e6b040cd5a1c78', class: "label-title" }, this.translateTitle ? t(this.labelTitle) : this.labelTitle), this.showIcon && h("tet-icon", { key: '70bbb457696e54acdfcfddec3fb5e0f7d9b0d29e', class: "label-icon", name: "close-circle", part: "icon-selected" }))));
+            } }, this.labelTitle && h("p", { key: '5d6777508156169adb61f0c0f7d462bf28feb014', class: "label-title" }, this.translateTitle ? t(this.labelTitle) : this.labelTitle), this.showIcon && h("tet-icon", { key: 'b45178678137081acd670933cba890f48d136455', 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-round-stepper/tet-round-stepper.js

@@ -59,7 +59,7 @@ export class TetRoundStepper {
         this.calculateContainerWidth();
     }
     render() {
-        return (h(Host, { key: 'cb6fb8d91b9d5d861851bcf1a4bc66629aaecc37' }, h("div", { key: '6c4e7309aae8cdab7e51c3d9e796992b16447e4e', class: {
+        return (h(Host, { key: 'e61a874b636249b15045e3de2b8f864a40b25032' }, h("div", { key: '4cfad79ad7ac67252082b8892c17ad7aad57e0ff', class: {
                 'round-stepper': true,
                 'column': this.forcedColumn,
                 'hide-icons': this.hideIcons

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

@@ -69,7 +69,7 @@ export class TetStepper {
         return this.stepperData.length - 1 > index ? h("li", { class: lineClasses }) : null;
     };
     render() {
-        return (h(Host, { key: '641a1acfe234f26d4c2f7d2ddafe029b58fd6bf8' }, h("ol", { key: '52735e83a03417ec1c3b11644297d9b74a43fede', class: "stepper" }, this.stepperData.map(this.renderStep))));
+        return (h(Host, { key: '15ae9c762660e819afbb11785712431362265bc6' }, h("ol", { key: 'd9e500bb595549ec72e73c22288eb5ff6eca9bb1', class: "stepper" }, this.stepperData.map(this.renderStep))));
     }
     static get is() { return "tet-stepper"; }
     static get encapsulation() { return "shadow"; }

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

@@ -35,7 +35,7 @@ export class TetStepperV2 {
         return isLastStep ? h("div", { class: { 'stepper-line': true, active } }) : null;
     };
     render() {
-        return (h(Host, { key: '813195423fcb181fb10c6b91ea4cd9e68159a78d' }, h("ol", { key: '3035f5d1d7561434d8c07d0501422903b1d94529', class: {
+        return (h(Host, { key: 'aa633ed63eb46e98b363be89e1b4b6d5dc62338d' }, h("ol", { key: 'c8359c11ac3baf2828e5b24a8d91a5269e855e56', class: {
                 'stepper': true,
                 [this.theme]: true,
             } }, this.stepperData.map(this.renderStep.bind(this)))));

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

@@ -27,7 +27,7 @@ export class TetStepperV3 {
         return description ? h("div", { class: "content-description", innerHTML: description }) : null;
     };
     render() {
-        return (h(Host, { key: '96f52e0d24d39ceb044336598382b7b2abb74d62' }, h("ol", { key: 'fb8cd34ed0c511d3b80b18b9719529ef94637e38', class: {
+        return (h(Host, { key: '5c116f5163e79ad808c9b390ac294357e13ce946' }, h("ol", { key: 'd2e854315b73aedb22878e4ac819207fc6640e78', class: {
                 stepper: true,
                 [this.theme]: true
             } }, this.stepperData.map(this.renderStep.bind(this)))));

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

@@ -39,11 +39,11 @@ export class TetFilter {
         this.filterChange.emit(this.filterState);
     };
     render() {
-        return (h(Host, { key: 'acd0fba9386534409c64a70272a6fd6377861f94' }, h("div", { key: '7df212ad35d95f73ae89860eab343b346d0fd356', class: { 'filter-container': true, [`theme-${this.theme}`]: true } }, h("tet-tag-group", { key: '0ee0bde7cdd9740ddc366377c27b9981daf89b2f', tags: this.filterState.map(tag => ({
+        return (h(Host, { key: '9ade9366c52f7d448df01da09da68ec44f6523ab' }, h("div", { key: '1b236c884b2f6feade1c36fd7c8ccab55dd17a70', class: { 'filter-container': true, [`theme-${this.theme}`]: true } }, h("tet-tag-group", { key: 'fa18eea22e16da37ac698caba9e0b537fdc10df2', tags: this.filterState.map(tag => ({
                 ...tag,
                 clickAction: () => this.handleTagClick(tag),
                 showIcon: tag.active && !tag.disabled
-            })), theme: this.theme }), this.showClearFilterButton && this.filterState.some(tag => tag.active) && (h("button", { key: '4cb485cbb43ff103cbcc50dd496a14ec29d1835d', class: "clear-button", onClick: this.handleClearClick }, h("tet-icon", { key: '0000473680562d3de9192f22d230503e91152e86', name: "tc-reload", style: { '--icon-size': '1rem', '--icon-container-display': 'flex' }, accessibilityLabel: this.clearFilterButtonTitle }), this.clearFilterButtonTitle)))));
+            })), theme: this.theme }), this.showClearFilterButton && this.filterState.some(tag => tag.active) && (h("button", { key: '9ba3835aff82fba382202cfb5e8c5bf2f6be7834', class: "clear-button", onClick: this.handleClearClick }, h("tet-icon", { key: '21c0b94c943f04d4c783c916aff82adc5713558d', name: "tc-reload", style: { '--icon-size': '1rem', '--icon-container-display': 'flex' }, accessibilityLabel: this.clearFilterButtonTitle }), this.clearFilterButtonTitle)))));
     }
     static get is() { return "tet-filter"; }
     static get encapsulation() { return "shadow"; }

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

@@ -55,9 +55,9 @@ export class TetDatepickerHeader {
         this.datepickerViewChanged.emit(view);
     };
     render() {
-        return (h("div", { key: '994bbf94f60e9d9b52b709b1cb6d89e10c4ba43c', class: "header" }, this.datepickerView !== 'year'
+        return (h("div", { key: '8e175a370768a5c7ec9ae124f9cdac004a42b8ae', 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: '33adbf0b42dcbee5ff7ff2de02237a58f21a33b5', class: "control-button", onClick: () => this.changeDatepickerView() }, this.getControlButtonDate(), h("tet-icon", { key: 'acc03cee49cbcf0e73bd3900ebd04464beb0f180', class: "chevron-down", name: this.datepickerView === 'month' ? 'chevron-down' : 'chevron-up' })), this.datepickerView !== 'year'
+            : h("div", null), h("div", { key: '46d016603d384aaa75c95068807fbd04cfa82a48', class: "control-button", onClick: () => this.changeDatepickerView() }, this.getControlButtonDate(), h("tet-icon", { key: '3348fd9c9039d8a1611e9a21db8aa2117fd28e28', class: "chevron-down", name: this.datepickerView === 'month' ? 'chevron-down' : 'chevron-up' })), this.datepickerView !== 'year'
             ? (h("div", { class: "icon-container", onClick: () => this.addDates() }, h("tet-icon", { class: "arrow-left", name: "arrow-right" })))
             : h("div", null)));
     }

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

@@ -159,7 +159,7 @@ export class TetDatepickerMonthView {
         };
     };
     render() {
-        return (h(Host, { key: '49207c0711d228c30710f7fd606a764c6460dc8d' }, h("div", { key: 'f7237d7a319da4882fd9fac481fab8ac65392756', class: "weekday-header" }, this.days.map((day) => h("div", { class: "day" }, day))), h("div", { key: '8860bdcd8445b9076a4335be3ecd591486eefe55', 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: '694ef41ffdebe9e9dc5ac320293243b88836aeca' }, h("div", { key: '5935f2ee720380b0c83cf3e23ec45cfacf1757b5', class: "weekday-header" }, this.days.map((day) => h("div", { class: "day" }, day))), h("div", { key: 'd58b7e6d0421342d0fa7ae385189a7f4a1ee2b29', class: "month-dates" }, this.previousMonthPreviewDates.map((date) => h("div", { class: "date-container" }, h("div", { class: "preview-date" }, date.getDate()))), this.monthDates.map(date => h("div", { class: this.getDateContainerClasses(date), onPointerEnter: (event) => this.setInRangeHover(date, event), onPointerLeave: (event) => this.removeInRangeHover(event) }, h("div", { class: this.getDateClasses(date), onClick: () => this.handleDateSelection(date) }, date.getDate()))), this.nextMonthPreviewDates.map((date) => h("div", { class: "date-container" }, h("div", { class: "preview-date" }, date))))));
     }
     static get is() { return "tet-datepicker-month-view"; }
     static get encapsulation() { return "shadow"; }

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

@@ -32,7 +32,7 @@ export class TetDatepickerMultiYearView {
         return { year: true, current: year === currentYear, selected: this.isSelectedYear(year) };
     };
     render() {
-        return (h("div", { key: '724401386ea4693a97c14a5354cca89f2409c88e', class: "container" }, this.years.map((year) => h("div", { class: this.getYearClasses(year), onClick: () => this.handleYearSelection(year) }, year))));
+        return (h("div", { key: 'efdabf6bffb2b4f3f5df2684d47963e02835d0d4', class: "container" }, this.years.map((year) => h("div", { class: this.getYearClasses(year), onClick: () => this.handleYearSelection(year) }, year))));
     }
     static get is() { return "tet-datepicker-multi-year-view"; }
     static get encapsulation() { return "shadow"; }

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

@@ -39,7 +39,7 @@ export class TetDatepickerYearView {
         };
     };
     render() {
-        return (h("div", { key: '994bd1a85701669b05bb4dcc453c8459ea8bbefa', 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: '7778b248d21b091fd81004289881bf9df1be4e72', class: "container" }, this.months.map((month, index) => h("div", { class: "month-container" }, h("div", { class: this.getMonthClasses(index), onClick: () => this.handleMonthSelection(index) }, month)))));
     }
     static get is() { return "tet-datepicker-year-view"; }
     static get encapsulation() { return "shadow"; }

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

@@ -100,10 +100,10 @@ export class TetDatepicker {
         return { overlay: true, closed: !this.isOpen, 'overlay-effect': this.overlayEffect };
     };
     render() {
-        return (h("div", { key: '4fe71fb245ae22a4ebdf807ca7dc7248049d139f', class: this.getOverlayClasses(), onClick: this.handleDatepickerClose }, h("div", { key: 'f430f0461cb32da7941868096b7557414a21bbf1', class: "container", ref: (el) => this.datepickerContainer = el }, h("tet-datepicker-header", { key: 'b71b4d38859a72bf3879dd416cb9b71398115b1b', selectedDate: this.date, internalDate: this.internalDate, locale: this.locale, datepickerView: this.datepickerView }), this.datepickerView === 'month' &&
-            h("tet-datepicker-month-view", { key: '185740a6c1d022659a39aea1f52305de7599f39a', selectedDate: this.date, internalDate: this.internalDate, rangePickerMode: this.rangePickerMode, rangeDates: this.rangeDates }), this.datepickerView === 'multi-year' &&
-            h("tet-datepicker-multi-year-view", { key: 'fe22e3c8e719e91875771b40eab504a5ea66afff', selectedDate: this.date, internalDate: this.internalDate }), this.datepickerView === 'year' &&
-            h("tet-datepicker-year-view", { key: '6d0252e4c42ec91dcd12f8de2fbb7c48c0fd95c1', selectedDate: this.date, internalDate: this.internalDate }))));
+        return (h("div", { key: '6ae7b756b5f23482bea033d050227dcef1ad4d6c', class: this.getOverlayClasses(), onClick: this.handleDatepickerClose }, h("div", { key: 'f4441b88e86a1588f93c73e45ca6e85eee52e97d', class: "container", ref: (el) => this.datepickerContainer = el }, h("tet-datepicker-header", { key: '13acf8b985cd65ead32626662ea5297293086d00', selectedDate: this.date, internalDate: this.internalDate, locale: this.locale, datepickerView: this.datepickerView }), this.datepickerView === 'month' &&
+            h("tet-datepicker-month-view", { key: '2652c0a0c93c0aac4fb30fb80370b78d86aae950', selectedDate: this.date, internalDate: this.internalDate, rangePickerMode: this.rangePickerMode, rangeDates: this.rangeDates }), this.datepickerView === 'multi-year' &&
+            h("tet-datepicker-multi-year-view", { key: '16997e8769686d869348dd8db31a2993f0121223', selectedDate: this.date, internalDate: this.internalDate }), this.datepickerView === 'year' &&
+            h("tet-datepicker-year-view", { key: '2f05cba48e695b6ebce8bbbd2f970be9dae2b897', selectedDate: this.date, internalDate: this.internalDate }))));
     }
     static get is() { return "tet-datepicker"; }
     static get encapsulation() { return "shadow"; }

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

@@ -375,7 +375,7 @@ export class TetDropdown {
     }
     render() {
         const { theme, isOpen, isKeyboardFocus } = this;
-        return (h(Host, { key: '4fcc4beb65a3a5a8383c6b467d8ec00a0948f07e' }, h("div", { key: '1606e5d400a45f7d20c059c65dd817706cf43338', class: { 'dropdown': true, 'dropdown--open': isOpen, 'focus-visible': isKeyboardFocus && isOpen, [`${theme}`]: true } }, this.renderButton(), this.renderOptions())));
+        return (h(Host, { key: 'd3df8d3b5bd0c790debfa7f0613ae803ad5a1b92' }, h("div", { key: 'fd6e6a24ce384a89d1365f025f030d17444a6dcc', class: { 'dropdown': true, 'dropdown--open': isOpen, 'focus-visible': isKeyboardFocus && isOpen, [`${theme}`]: true } }, this.renderButton(), this.renderOptions())));
     }
     static get is() { return "tet-dropdown"; }
     static get encapsulation() { return "shadow"; }

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

@@ -284,13 +284,13 @@ export class TetExpandableInput {
         return '';
     }
     render() {
-        return (h(Host, { key: 'a731ff40833bfc8cbb3de2ed760f3fab833fbc98' }, h("div", { key: 'fe5525c39c905812340af9e6f25e097dedb5e181', class: {
+        return (h(Host, { key: 'a1cdfbabd728b148946cd90e60b7c97632ee4693' }, h("div", { key: 'fc635f564500f9a21129957a6f7756ceda4a98eb', class: {
                 container: true,
                 expanded: this.expanded,
                 [this.mode]: true,
                 [this.darkMode ? 'dark' : this.theme]: true,
                 [this.size]: true,
-            }, tabIndex: -1 }, h("div", { key: '33dc67ec9262db0259100248fd8a4c94b80241c2', class: "input-wrapper", ref: (element) => (this.inputWrapper = element), tabIndex: -1 }, h("tet-input", { key: 'a17dadaed53b5319a5e005a90803e770824094b1', 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: 'b365929ffeb247cde5eb113fd1369ccdc439e2fd', class: "input-wrapper", ref: (element) => (this.inputWrapper = element), tabIndex: -1 }, h("tet-input", { key: '417f9573d8effbfe06f296e14db5fc9880d068a0', class: "tet-input expandable", "input-class": this.class, "input-placeholder": this.renderInputContent ? this.placeholder : '', "accessibility-label": this.accessibilityLabel, "input-value": this.value, "input-disabled": this.disabled, error: this.error, "icon-left": this.iconLeft, "icon-right": this.hasInputValue && this.expanded ? this.iconRight : '', iconRightClickCallback: this.iconRightClickCallback, theme: this.darkMode ? 'dark' : this.theme, ref: (inputElement) => (this.inputHtmlElement = inputElement) }), this.closeButton))));
     }
     static get is() { return "tet-expandable-input"; }
     static get encapsulation() { return "shadow"; }

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

@@ -271,8 +271,8 @@ export class TetInput {
      */
     render() {
         const { label, helperText, value, disabled, error, completed, isOpen, suffix } = this;
-        return (h("div", { key: '58306294b1d417609b3d2a864a8e9dc69966616d', class: { 'number-input': true, [this.theme]: !!this.theme,
-                'disabled': disabled, 'error': error, 'completed': completed } }, !!label && (h("label", { key: 'd8807961e899822ccc801ab1d7208a4b5c8b2e98', class: "number-input__label", htmlFor: "number-input" }, label)), h("div", { key: '52278bacc3db353e5a3e97af33751c9ee99a4def', class: "number-input__input-container", onKeyDown: this.handleContainerKeydown, ref: (divElement) => (this.inputWrapperElement = divElement) }, h("input", { key: '5bd0e7fef2a85d3d4b51e7447a2da51ea0324fb5', 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: 'e989d7b2002a97967d54a6acdf9b27d51cf57730', ref: (htmlInputElement) => (this.inputElementHidden = htmlInputElement), class: "number-input__input-invisible" }, value), !!suffix && h("div", { key: '28b5fd46ab07df329491d0ac310d171ab84b1d0d', class: "number-input__input-suffix" }, suffix.name), !!this.suffixes && this.suffixes.length > 1 && (h("tet-button", { key: '92d6a0e28ac640c0b6f43658bfefd954ca58a9d4', 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: 'a3d5c37e4d87bfdc340d173db68fbc95923f8bde', name: "chevron-down" }), isOpen && h("tet-icon", { key: '59ba90e98b52f7aeca966debdc76cfda941a9b7a', name: "chevron-up" }))), isOpen && (h("div", { key: '99608869c1d37aba3c93d1f2f7b6c267fa2ab639', class: "number-input__dropdown", ref: (htmlDivElement) => (this.dropdownElement = htmlDivElement) }, this.renderDropdownContent()))), !!helperText && h("div", { key: '94e94cf9e4540b15330e2c3b0485bfb190c47be8', class: "number-input__helper-text" }, helperText)));
+        return (h("div", { key: '9f70e74eb50034fb410488bd230371af4307e9bc', class: { 'number-input': true, [this.theme]: !!this.theme,
+                'disabled': disabled, 'error': error, 'completed': completed } }, !!label && (h("label", { key: '8b9f59e6efca2fd50950ed357f4665c169a1d387', class: "number-input__label", htmlFor: "number-input" }, label)), h("div", { key: 'af0882ea66fff62c3997b1af6fc271a67b984b17', class: "number-input__input-container", onKeyDown: this.handleContainerKeydown, ref: (divElement) => (this.inputWrapperElement = divElement) }, h("input", { key: '6a5d4fd507579bc223feed9d55e73b30b522b5f3', 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: 'e3d2b55276b476d212cdd65d31d548d2b8362141', ref: (htmlInputElement) => (this.inputElementHidden = htmlInputElement), class: "number-input__input-invisible" }, value), !!suffix && h("div", { key: 'cb98dbc2a2cdcf4a5549c28f0e649cf885c9d613', class: "number-input__input-suffix" }, suffix.name), !!this.suffixes && this.suffixes.length > 1 && (h("tet-button", { key: '83f5a578e7d14999ce98ef0c40c8b68d26443e1c', 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: '3be71c0525e8ff5ecd71023594e93d45f55ac625', name: "chevron-down" }), isOpen && h("tet-icon", { key: '1b26237159f3441c6ffbcacab48cfa6e6c63ea88', name: "chevron-up" }))), isOpen && (h("div", { key: 'a408617afcc9060e7dc7961c2f2baef0c241ca48', class: "number-input__dropdown", ref: (htmlDivElement) => (this.dropdownElement = htmlDivElement) }, this.renderDropdownContent()))), !!helperText && h("div", { key: '2d10e5aa773cbecadf0df52b639cefa63eab2dca', class: "number-input__helper-text" }, helperText)));
     }
     static get is() { return "tet-number-input"; }
     static get encapsulation() { return "shadow"; }

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

@@ -760,31 +760,31 @@ export class TetRangeSlider {
         return dataListItem;
     };
     render() {
-        return (h(Host, { key: '7b6df525a01291a02538f9e3e5ed4fc4e0bf6f4d' }, h("div", { key: '64347e6a138a776253ef28ddf144ee5bd96f9793', class: {
+        return (h(Host, { key: 'dccd6b29d2a7ac988b5ee83a2749e079d380c1fa' }, h("div", { key: 'e34ae638f1b838d895544869f68bf2c2f2134090', 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: '0751c6222179ee07b1bea1204103a9f9321e4959', class: {
+            } }, h("div", { key: '4aa0a65262612591644b1f368aa8f82d61a8eba1', class: {
                 'range-slider__input-container': true,
                 'hidden': !this.withInput,
-            } }, h("tet-input", { key: '1c5142cc0fc704181b0255de454b8b217b2560e1', "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: '4cfcf21065d4e8b13ceedb18133b8a3077adf6f3', class: "range-slider__container" }, h("tet-button", { key: '91bac1cd9267e19c35ca435eb95f6893df0b6a81', theme: this.theme, iconMode: true, class: {
+            } }, h("tet-input", { key: '2aab924c63a3cf8de9cb0b5d97239d4d4c30d0b6', "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: '67de954a39172fdfdbbbf0f59752b6238a8d357a', class: "range-slider__container" }, h("tet-button", { key: 'dfd716d01b61be6cec16f68d6ddac0e989968301', 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: '2c571ca63a933dc91e12c848e2a9938b0c0fb553', name: "remove", class: "range-slider__control--icon" })), h("div", { key: 'e6bee19f5587d8c218b64f44b988f7680ba8075a', 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: 'fa4fd5b4aeacf122d6602be3eed3cb727d2e406d', class: "range-slider__slider-wrapper" }, h("input", { key: '71e6dbfc560f5c2df5fe03e61e07ba336d23c021', 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: '9d48abfbdd6e5bebd7b0e077c77d1befad826fcd', class: "range-slider__track range-slider__track--background" }), h("div", { key: 'f2a3996931d3d10c744b6abff8575c6358217e5e', ref: progressTrackEl => (this.progressTrackRef = progressTrackEl), class: "range-slider__track range-slider__track--progress" }), h("div", { key: 'fd6de45347d1a86580569e25875f28821df21103', ref: tickContainerEl => (this.tickContainerRef = tickContainerEl), class: "range-slider__tick-container" }), h("div", { key: 'e2d165f5d8287ec066da9be62f895c1407c13ddd', ref: dataLabelEl => (this.dataLabelRef = dataLabelEl), class: {
+            }, clickCallback: this.onControlPreviousClick, ...(this.reduceButtonAccessibilityLabel ? { accessibilityLabel: this.reduceButtonAccessibilityLabel } : {}), ...(this.containerSize !== 'large' ? { tabindex: 2 } : {}) }, h("tet-icon", { key: '9f1be2ccd8b9cabf2e45054f1afd97594983efec', name: "remove", class: "range-slider__control--icon" })), h("div", { key: 'b4b4705dba5d7e09c924c101f43df08840876d7d', 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: '923de5d0ca0a80114e72a9eaa5652eb1edd5e0fd', class: "range-slider__slider-wrapper" }, h("input", { key: 'fcd92978d3cb9989252bc61e14920cc1003a4a9d', 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: 'e89e1d91e96af85629e63ca7a72f3d5b65821d9a', class: "range-slider__track range-slider__track--background" }), h("div", { key: '7fcc9b6ead36e89a0b5f395f8e50047055dbb37c', ref: progressTrackEl => (this.progressTrackRef = progressTrackEl), class: "range-slider__track range-slider__track--progress" }), h("div", { key: 'b784dcd65d942920d4f6f73bca7dc95f3e480ec6', ref: tickContainerEl => (this.tickContainerRef = tickContainerEl), class: "range-slider__tick-container" }), h("div", { key: '70531a559eda8c1901e77de1b6abb85ffb9e2f9e', ref: dataLabelEl => (this.dataLabelRef = dataLabelEl), class: {
                 'range-slider__data-label-container': true,
                 'hidden': this.type === 'secondary' && this.containerSize === 'small',
-            } })), h("div", { key: 'cf5a10bf14a684ef920a9e0c9652a4e1f81ac80c', class: {
+            } })), h("div", { key: 'd410fe70d3242b7ecb1f039aa0a78e11d94ee9c2', class: {
                 'range-slider__current-step-container': true,
                 'hidden': !this.withCurrentStepCounter,
-            } }, h("div", { key: 'ebcc9fe3ee4dc266eed71aa2e4200d32ce711235', class: "range-slider__current-step", "aria-live": "polite" }, this.dataSet.indexOf(this.getClosestOverrideDataPoint()) + 1, "/", this.dataPoints.length)), h("div", { key: '812d5f2890024bf4920dd0e3fe5126fe13cd173e', ref: toolbarHandleEl => (this.tooltipHandleRef = toolbarHandleEl), class: "range-slider__tooltip-handle" }, h("div", { key: '94195c1ce698c9d386eeb3d8e1ee77bcdf5b5c8a', class: "range-slider__tooltip translation-none", style: { [`--tooltip-offset`]: `${this.tooltipOffset}rem` }, "aria-live": "polite" }, this.getTooltipValue())), h("tet-button", { key: '996619cf413eec42c94648ff0087c19462161f50', theme: this.theme, iconMode: true, class: {
+            } }, h("div", { key: '5c9dafa086aa4f22193b966174c9c081f56ad035', class: "range-slider__current-step", "aria-live": "polite" }, this.dataSet.indexOf(this.getClosestOverrideDataPoint()) + 1, "/", this.dataPoints.length)), h("div", { key: 'eed8bc77c25b5a4e000f7ffe7e66906bc9c42a62', ref: toolbarHandleEl => (this.tooltipHandleRef = toolbarHandleEl), class: "range-slider__tooltip-handle" }, h("div", { key: 'dcf40b3e98fedcd03a0c0a43c5175f77ed2e7065', class: "range-slider__tooltip translation-none", style: { [`--tooltip-offset`]: `${this.tooltipOffset}rem` }, "aria-live": "polite" }, this.getTooltipValue())), h("tet-button", { key: '2dff72a4e28db95a3999041c7dbda37de8c9d17d', 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: 'f54026e9957ab098656afc46589f44d5f12a89e0', name: "add", class: "range-slider__control--icon" }))))));
+            }, clickCallback: this.onControlNextClick, ...(this.addButtonAccessibilityLabel ? { accessibilityLabel: this.addButtonAccessibilityLabel } : {}), ...(this.containerSize !== 'large' ? { tabindex: 4 } : {}) }, h("tet-icon", { key: 'a1d712ff41efa60c2a182725a6f1cd9c5c195dd5', name: "add", class: "range-slider__control--icon" }))))));
     }
     static get is() { return "tet-range-slider"; }
     static get encapsulation() { return "shadow"; }

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

@@ -129,7 +129,7 @@ export class TetStepperInput {
      */
     render() {
         const { onMinusClick, value, onPlusClick } = this;
-        return (h("div", { key: '78cbe4b6dbf86e93e6d5286e7209da59bc66deaa', class: { 'stepper-input': true, [this.theme]: !!this.theme } }, h("tet-button", { key: 'ad3291ad57d581fd399e013b716d7d463764caf1', 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: '05538edc2b320de78d18590468197cdde0c5013b', name: "remove" })), h("input", { key: '60e78e5e742811791bf29ffa6ff0b1f21e9742c7', ref: (htmlInputElement) => (this.inputElement = htmlInputElement), class: "stepper-input__value", value: value, type: "number", ...(this.accessibilityLabel ? { "aria-label": this.accessibilityLabel } : {}) }), h("tet-button", { key: 'e0d8619b694c385e97b9afebea892f734ef81634', 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: '2faae11136e7316f84bb59c5952372342ab44066', name: "add" }))));
+        return (h("div", { key: 'c8504eeaeb4075423232d160da6a43e638703915', class: { 'stepper-input': true, [this.theme]: !!this.theme } }, h("tet-button", { key: '8fd6c9fbe743b663b5b38f24772e9dcd6fdf5fd1', 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: '3bffe75233944136e1c92c0166534cd0d1c3cea1', name: "remove" })), h("input", { key: 'b0796a025639c73916fdb2bb6a549ff377278ac8', ref: (htmlInputElement) => (this.inputElement = htmlInputElement), class: "stepper-input__value", value: value, type: "number", ...(this.accessibilityLabel ? { "aria-label": this.accessibilityLabel } : {}) }), h("tet-button", { key: '7e7535c652788f4efc59d7d2413c4b326c159e76', 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: '03fc4a97f9083a2d46fbdfd253b28333ef821adb', name: "add" }))));
     }
     static get is() { return "tet-stepper-input"; }
     static get encapsulation() { return "shadow"; }

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

@@ -59,8 +59,8 @@ export class TetTextarea {
             'error': (errorMessages.length > 0),
             'keyboard-focus': this.focusVisible,
         };
-        return (h(Host, { key: 'f805680129976460439b0be0f9371c8cfc806471' }, h("label", { key: '6dbf858bdfa165acd784b8cb439d3b2fece90311', class: { [`${theme}`]: true } }, label &&
-            h("span", { key: 'da5769d16d50125ffbc04ddd93bbe2a8069482a5', class: { 'tet-textarea__label': true, [`tet-textarea__${theme}`]: true } }, label), h("div", { key: '95bc7d3f0f0ca2dfdf66b14fefd5a122b9566682', class: { 'textarea-container': true, [`tet-textarea__${theme}`]: true } }, h("textarea", { key: 'ae66464f68e938193e217243846ea307e70ffc73', onFocus: this.addKeyboardFocus, onFocusout: this.removeKeyboardFocus, id: "textarea", class: textareaClasses, placeholder: placeholder, disabled: disabled, autocomplete: "off", ref: (el) => (this.textareaHtmlElement = el), maxlength: maxLength }, value))), (this.errorMessages.length > 0) && renderErrorMessages()));
+        return (h(Host, { key: '1e7ed221acd7492155cf21d5aa00d3b113940aaa' }, h("label", { key: '9ebfc3d6f8819bf55bd0c688cab9ac7d55826d7c', class: { [`${theme}`]: true } }, label &&
+            h("span", { key: 'a66d2a6509d8a3e35f91e73f56124e73b2f70088', class: { 'tet-textarea__label': true, [`tet-textarea__${theme}`]: true } }, label), h("div", { key: 'bc1d64c62d08e1bc1d6cc0a53f7fb5535d5d729f', class: { 'textarea-container': true, [`tet-textarea__${theme}`]: true } }, h("textarea", { key: '0071f57f0c82380a5af4574f083d74e35a614dcc', onFocus: this.addKeyboardFocus, onFocusout: this.removeKeyboardFocus, id: "textarea", class: textareaClasses, placeholder: placeholder, disabled: disabled, autocomplete: "off", ref: (el) => (this.textareaHtmlElement = el), maxlength: maxLength }, value))), (this.errorMessages.length > 0) && renderErrorMessages()));
     }
     static get is() { return "tet-textarea"; }
     static get encapsulation() { return "shadow"; }

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

@@ -470,11 +470,11 @@
   --icon-size: 1.5rem;
   --icon-container-display: flex;
 }
-.link-card-list__list-item .link .item__icon-tile--tc-netflix2 .icon {
+.link-card-list__list-item .link .item__icon-tile--tc-netflix-2 .icon {
   --icon-size: 1.625rem;
 }
 @media screen and (min-width: 64rem) {
-  .link-card-list__list-item .link .item__icon-tile--tc-netflix2 .icon {
+  .link-card-list__list-item .link .item__icon-tile--tc-netflix-2 .icon {
     --icon-size: 1.875rem;
   }
 }

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

@@ -48,7 +48,7 @@ export class TetLinkCardList {
     }
     render() {
         const { theme, layout, items } = this;
-        return (h(Host, { key: '86277af7437beff013153ad044ceb4a9c971daff' }, h("ul", { key: 'b710f81abf25e617e9433bad956938169111a739', class: `link-card-list link-card-list--${theme} link-card-list--${layout}` }, items?.length
+        return (h(Host, { key: '252c90a7ec6a970d25d41995cd1cdba6b85dc6b9' }, h("ul", { key: 'afc67f195e7e117bd528d549e077b7b7eca02d07', class: `link-card-list link-card-list--${theme} link-card-list--${layout}` }, items?.length
             ? items.map(this.renderListItem.bind(this))
             : this.renderPlaceholders())));
     }

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

@@ -68,7 +68,7 @@ export class TetNewsCardList {
             scrollFullWidth,
             controlScrollAmount,
         };
-        return (h(Host, { key: 'c3da65767536b86fd79c5b24ea924369f5f5ee36' }, h("tet-card-list", { key: '42e60e31fcda7eb16f4bbcb6afc2bd31f645b19f', 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: '666f4a8b608a4e836a06d5c6452dde2a65d1065f' }, h("tet-card-list", { key: 'cefeeb76b95c28aaa8a02f4320a7f66f60e00d79', 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-menu/tet-menu.js

@@ -211,7 +211,7 @@ export class TetMenu {
     }
     render() {
         const { type } = this;
-        return (h(Host, { key: 'a0a9076f57ceabe8240f542074354a801ca42be0' }, h("div", { key: 'cb9352216c722e788b01c30cccbfb0d6cc6e33d9', class: {
+        return (h(Host, { key: '0fe5c4304b5a4217f5d05ac72db0d3cac16972fd' }, h("div", { key: 'e0832a833f219d198dbc6851a00edb0fc23b1228', class: {
                 menu: true,
                 menu__main: type === 'main',
                 menu__language: type === 'language',

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

@@ -120,7 +120,7 @@ export class TetMenuMobile {
         return (h("tet-icon", { class: "menu__chevron", name: this.subMenuState.includes(key) ? "chevron-up" : "chevron-down", theme: this.darkMode ? "dark" : "light" }));
     }
     render() {
-        return (h(Host, { key: 'eb547ea12bd88c5e1e8d93db2a3b950b2de9fa12' }, h("div", { key: '96ec87de29ac05079530896c4213102bef7d4c01', class: {
+        return (h(Host, { key: '331e96c59c0b83cbb31e6ecbc03aeebc11f15f9e' }, h("div", { key: '34a5902ed0a5fdcdbafeb5001d25c100a04c51b2', class: {
                 'menu': true,
                 'menu--expanded': this.isExpanded,
                 'menu--active': this.isActive,

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

@@ -58,13 +58,13 @@ export class TetNavigationMobile {
         this.mainDropdownToggle.emit(isTogglerExpanded);
     }
     render() {
-        return (h(Host, { key: '3e992774fbf2f0ffd0d82df2916cfb7555e12da4' }, h("navigation", { key: 'cd4bfbda6fb9529f1c8630eb5468269a3c55d9f4', class: {
+        return (h(Host, { key: '5478af6d4482f35c45943ed389d49566c103c0d5' }, h("navigation", { key: 'b8b970bdd78824e82cce6dd6b5d073fde64e511d', class: {
                 'navigation': true,
                 'navigation--dark': this.darkMode
-            } }, h("div", { key: '2960ec8429cd012a0ebf2afda1231492ec34695e', class: "navigation__nav-bar" }, h("slot", { key: 'c419c169d6695180419d583444140e968e2666e7' })), this.isTogglerVisible && (h("span", { key: '67b65a729373dd5c39e51b3584701ce5e94e0470', class: "navigation__toggler", onClick: this.onTogglerClick, onKeyDown: (e) => this.handleKeyDown(e), tabIndex: 0 }, h("tet-icon", { key: 'a43b60155846c7a6baf2e1c085a1f7e171e2c034', theme: this.darkMode ? "dark" : "light", name: this.isTogglerExpanded ? "close" : "burger" }))), h("div", { key: '12a8c6d5d2d37b5c00526404859dfc6e34d30d7a', class: {
+            } }, h("div", { key: '519391bb8688502da8b590b02fe97a7469d2f077', class: "navigation__nav-bar" }, h("slot", { key: '29f87c0456980b8f838a887248c76c73334213fa' })), this.isTogglerVisible && (h("span", { key: 'e6b04e67b64dc01cffb9f3d738376eb81043b012', class: "navigation__toggler", onClick: this.onTogglerClick, onKeyDown: (e) => this.handleKeyDown(e), tabIndex: 0 }, h("tet-icon", { key: '3d49c0086d8e84f625bcb449b21a296dcbb11eb4', theme: this.darkMode ? "dark" : "light", name: this.isTogglerExpanded ? "close" : "burger" }))), h("div", { key: 'd85d62865e5a0a5473c19b92b63471b6a4b4ece2', class: {
                 'navigation__dropdown': true,
                 'navigation__dropdown--expanded': this.isTogglerExpanded,
-            }, inert: !this.isTogglerExpanded }, h("slot", { key: '562ff03ee098996731d8636083a9679d492c747e', name: "dropdown" })))));
+            }, inert: !this.isTogglerExpanded }, h("slot", { key: '98d228e2674fb45deadf729966f2d7d05c170882', name: "dropdown" })))));
     }
     static get is() { return "tet-navigation-mobile"; }
     static get encapsulation() { return "shadow"; }

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

@@ -375,6 +375,8 @@
   --accordion-header-font: 500 1.5rem/1.75rem Gilroy, Gilroy, Arial, sans-serif;
   --accordion-header-mobile-font: 500 1rem/1.5rem Inter, Gilroy, Arial, sans-serif;
   --accordion-header-display: flex;
+  --accordion-header-align-items: normal;
+  --accordion-header-text-desktop-margin-right: 1.5rem;
 }
 
 .dark-theme {
@@ -410,6 +412,7 @@
   padding: var(--accordion-header-mobile-padding);
   cursor: pointer;
   display: var(--accordion-header-display);
+  align-items: var(--accordion-header-align-items);
   width: 100%;
   border-radius: 0.125rem;
 }
@@ -448,7 +451,7 @@
 }
 @media all and (min-width: 31.25rem) {
   .tet-accordion__header-text {
-    margin-right: 1.5rem;
+    margin-right: var(--accordion-header-text-desktop-margin-right);
   }
 }
 .tet-accordion__header-icon {

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

@@ -130,13 +130,13 @@ export class TetAccordion {
         }
     }
     render() {
-        return (h(Host, { key: 'ca3c34c7a82bd2aca287ec87edb5b3ff8e94a2a5' }, h("div", { key: '1567011e60ecbd3249d5be393267d0360be92355', class: {
+        return (h(Host, { key: '0bf889808ee717379e532df8b57690f526591ffe' }, h("div", { key: 'a088d0ea4629f67739fdcfcafdbd26aad88ae6da', 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: '988d71012359a0f0bea6664e214cf125dba774ae', class: {
+            } }, h("div", { key: '54a9933907e727a5e866fd6ce6c421dd95028438', class: {
                 "tet-accordion__header": true,
                 [this.theme]: true,
                 "tet-accordion__header--non-interactive": !this.isHeaderInteractive,
@@ -144,15 +144,15 @@ export class TetAccordion {
                 onClick: this.toggleOpenState,
                 onKeyDown: this.toggleAccessibilityOpenState,
                 tabIndex: 0
-            } : {}) }, h("slot", { key: '06f542b48ddc1fc3fb1abf4d6a8c37f59fc7e2a2', name: "header" }, this.headerIconName && (h("tet-icon", { key: 'd2aa4bc9d6a08872bff8e7ef03d77c2bb68215f4', name: this.headerIconName, class: "tet-accordion__header-icon tet-accordion__icon" })), this.headerImageSrc && this.headerImageSrc !== '' && (h("img", { key: 'd2b535fb457547cf17884f18a26f483d60966343', src: this.headerImageSrc, alt: this.headerImageAlt ? this.headerImageAlt : undefined, class: "tet-accordion__header-image" })), this.renderHeading(), this.isHeaderInteractive && (h("tet-icon", { key: '1431cd4464e764bab6c6a768bfb3f5f5f9949f70', name: `chevron-${this.indicatorDirection}`, class: {
+            } : {}) }, h("slot", { key: '8ae4af623a271a61fb3e30a7966693f7ab513f67', name: "header" }, this.headerIconName && (h("tet-icon", { key: '69d3c9af52b41d4cfc3488e2903d54c5ab223b18', name: this.headerIconName, class: "tet-accordion__header-icon tet-accordion__icon" })), this.headerImageSrc && this.headerImageSrc !== '' && (h("img", { key: '69eba18239e191a21c7a7843c8c89885c491cebc', src: this.headerImageSrc, alt: this.headerImageAlt ? this.headerImageAlt : undefined, class: "tet-accordion__header-image" })), this.renderHeading(), this.isHeaderInteractive && (h("tet-icon", { key: '36a091b8e6bf6c04e2a92c77f858c0e8d59eec61', name: `chevron-${this.indicatorDirection}`, class: {
                 'tet-accordion__icon': true,
                 'open': this.isOpen
-            } })))), h("div", { key: 'e5f0e1111a48b93f36d8373e5bd46960a6c9c2d1', ref: (element) => (this.contentWrapperElement = element), class: {
+            } })))), h("div", { key: 'f214d69e82bd6ac138465d2598dbe953743d3b1c', ref: (element) => (this.contentWrapperElement = element), class: {
                 'tet-accordion__content-wrapper': true,
                 'visible': this.isOpen
-            }, inert: !this.isOpen }, h("div", { key: '81537c5bdc645409875984fa4b63ca81994b1033', ref: (element) => (this.contentElement = element), class: {
+            }, inert: !this.isOpen }, h("div", { key: 'c93a287910bae69aa0c48faf8d9528f938cc1ffb', ref: (element) => (this.contentElement = element), class: {
                 'tet-accordion__content': true
-            } }, h("slot", { key: '9ad780b57deab6770b48e4b6c59d89ea76920444' }))))));
+            } }, h("slot", { key: '872d643a68938893b77641158cd166b48f6f8c82' }))))));
     }
     static get is() { return "tet-accordion"; }
     static get encapsulation() { return "shadow"; }

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

@@ -62,7 +62,7 @@ export class TetExpansionPanel {
         this.state = this.state === 'open' ? 'closed' : 'open';
     };
     render() {
-        return (h("div", { key: '2b7703e86da8cf8d7e5c871c11bb061adcf178bd', class: { 'tet-expansion-panel': true, 'open': this.state === 'open' } }, h("div", { key: 'a52a27c86b3fd3b6d1e756085b9dbe4bbd83a165', class: "tet-expansion-panel-content" }, h("slot", { key: '492c039e6cd83dfe6cda2306412c20ae06629482' }))));
+        return (h("div", { key: '73e5be29f5b007b700ec2346a581fef10a33c00a', class: { 'tet-expansion-panel': true, 'open': this.state === 'open' } }, h("div", { key: 'b78d16908c7f71b65b5c7a2f231895b523282ea2', class: "tet-expansion-panel-content" }, h("slot", { key: 'cbc24e424919809a96e06d4f2fd40d74af97a7c6' }))));
     }
     static get is() { return "tet-expansion-panel"; }
     static get encapsulation() { return "shadow"; }