@tet/tet-components 1.4.84-testing → 1.4.85-staging

package/dist/collection/components/advanced/promotions/tv-gift/tet-tv-gift-list/tet-tv-gift-list.js

@@ -36,11 +36,11 @@ export class TetTvGiftList {
         }
     };
     render() {
-        return (h(Host, { key: '31519e350b60b5675b7b168065201b9f6d363b44' }, h("div", { key: '0d2380ee0f6f128e53c4b73b61c4452614e11bd1', class: {
+        return (h(Host, { key: '4260d1ce07a1a2933b37c768ec09badf3046dd21' }, h("div", { key: 'f934dfb005c0353c2c8ef5c707fe6d6a095d0d16', class: {
                 'tv-gift-list': true,
                 [`tv-gift-list--${this.containerSize}`]: true,
                 'tv-gift-list--image-list': Boolean(this.imageSource),
-            } }, this.imageSource && (h("div", { key: 'ebeeb2ee58a036d89bc03fa67f0d23c5b5cde617', class: "tv-gift-list__image__wrapper" }, h("img", { key: '82de3c77fa2961500582e3e6d316f8b610c5febd', class: "tv-gift-list__image", src: this.imageSource }))), h("div", { key: 'fddfc671f617bc8ddde537e04e908baf3ad4a987', class: "tv-gift-list__list__wrapper" }, h("span", { key: '4fb4183b877fc4c6aad698f3ad811139e5fe5310', class: "tv-gift-list__list__header" }, this.header), h("ul", { key: '731cc40224890bdfab75e11aa81fd730a133dd4a', class: "tv-gift-list__list" }, this.list.map(item => (h("li", { class: "tv-gift-list__list__item" }, h("tet-icon", { name: this.listBulletIcon }), item))))))));
+            } }, this.imageSource && (h("div", { key: 'f912cc6bca2c53682a5ebe489c3e4dc93c387170', class: "tv-gift-list__image__wrapper" }, h("img", { key: 'b1c54fc0b0c9b9d7757b04c3286ef648ba9d4ff0', class: "tv-gift-list__image", src: this.imageSource }))), h("div", { key: '690b5f68631b814db053888785394ac6a712d142', class: "tv-gift-list__list__wrapper" }, h("span", { key: 'd89b80a4cfec388c62314204aef7736506837836', class: "tv-gift-list__list__header" }, this.header), h("ul", { key: 'c42b05b974e22e407f762e0d78a519ece0d3ff81', class: "tv-gift-list__list" }, this.list.map(item => (h("li", { class: "tv-gift-list__list__item" }, h("tet-icon", { name: this.listBulletIcon }), item))))))));
     }
     static get is() { return "tet-tv-gift-list"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/advanced/search/tet-support-search/tet-support-search.js

@@ -204,11 +204,11 @@ export class TetSupportSearch {
         ])))))));
     }
     render() {
-        return (h(Host, { key: '79a72a212b3469d02aae7ff9263ed8d63d87f6a6', class: {
+        return (h(Host, { key: '14d26e407d996031cd37d6c99c09b0eabcc94375', class: {
                 "search-container": true,
                 [this.theme]: true,
-            } }, h("div", { key: 'b5a5ec3323762bf2184838d5498a1b348989385d', class: "search-container__inner-wrapper" }, h("tet-autocomplete", { key: 'f71570464de034c9362b68bc2f9f244302881c21', optionsFilterAction: this.debounceOptionsFilter, onOptionSelected: this.boundHandleAutocompleteOptionSelection, onSearchTextSubmitted: this.boundHandleAutocompleteSearchSubmit, noOptionsMessage: this.labels.notFoundMessage, customOptionRenderFunction: this.boundRenderOption, finishedLoading: this.boundFinishedLoadingFunction, clearCallback: () => this.resetInputState(), darkTheme: this.theme === 'dark', newStyle: true, ref: (el) => (this.autocompleteComponent = el) }, h("tet-input", { key: '978674c41a9a07d360efde321662133f6a52fe25', class: "search-container__input", "input-class": `autocomplete-input search-container__input ${this.isLoading ? 'with-loader' : ''}`, "input-placeholder": this.labels.placeholder, "input-disabled": this.disabled, label: this.showInputLabel ? this.labels.label : undefined, accessibilityLabel: this.showInputLabel ? undefined : this.labels.label, iconLeft: "tc-search-short", iconRight: this.inputIconRight, iconRightClickCallback: this.boundHandleClearInput, iconRightAccessibilityLabel: this.labels.clearButtonLabel, theme: this.theme, ref: (el) => (this.inputComponent = el), autocomplete: "off", "input-value": this.inputValue }, this.isLoading &&
-            h("tet-spinner", { key: '9b4a600b1a3d24681a8b2d257671c9d36df4d9c7', theme: this.theme, class: "search-container__spinner", size: "small" }))), h("tet-button", { key: '243e34c4d9bd9a8fa179d89de443067268c66afb', class: "search-container__button search-container__button--mobile", theme: this.theme, size: "small", "accessibility-label": this.labels.searchButtonLabel, iconName: "tc-arrow-right", iconMode: true, disabled: this.disabled, onClick: this.boundHandleSearchSubmit }), h("tet-button", { key: '75a5322d2e32870324a5b5980b74f1b044564e60', class: "search-container__button search-container__button--desktop", theme: this.theme, size: "medium", disabled: this.disabled, onClick: this.boundHandleSearchSubmit }, this.labels.searchButtonLabel))));
+            } }, h("div", { key: '566990a9dd44074a16caaea65cc4c16827086178', class: "search-container__inner-wrapper" }, h("tet-autocomplete", { key: '6cc0290fe383f5ea2ed5f9e95d049ea1866bf760', optionsFilterAction: this.debounceOptionsFilter, onOptionSelected: this.boundHandleAutocompleteOptionSelection, onSearchTextSubmitted: this.boundHandleAutocompleteSearchSubmit, noOptionsMessage: this.labels.notFoundMessage, customOptionRenderFunction: this.boundRenderOption, finishedLoading: this.boundFinishedLoadingFunction, clearCallback: () => this.resetInputState(), darkTheme: this.theme === 'dark', newStyle: true, ref: (el) => (this.autocompleteComponent = el) }, h("tet-input", { key: '0708b358b9e010a28b674c9d1592f049ca98f19e', class: "search-container__input", "input-class": `autocomplete-input search-container__input ${this.isLoading ? 'with-loader' : ''}`, "input-placeholder": this.labels.placeholder, "input-disabled": this.disabled, label: this.showInputLabel ? this.labels.label : undefined, accessibilityLabel: this.showInputLabel ? undefined : this.labels.label, iconLeft: "tc-search-short", iconRight: this.inputIconRight, iconRightClickCallback: this.boundHandleClearInput, iconRightAccessibilityLabel: this.labels.clearButtonLabel, theme: this.theme, ref: (el) => (this.inputComponent = el), autocomplete: "off", "input-value": this.inputValue }, this.isLoading &&
+            h("tet-spinner", { key: 'ccdb1e9f2d81d435a6c8584e20f63258cbf8354f', theme: this.theme, class: "search-container__spinner", size: "small" }))), h("tet-button", { key: '5996df17ad9bce25b61ff8e1846c6acf648022ae', class: "search-container__button search-container__button--mobile", theme: this.theme, size: "small", "accessibility-label": this.labels.searchButtonLabel, iconName: "tc-arrow-right", iconMode: true, disabled: this.disabled, onClick: this.boundHandleSearchSubmit }), h("tet-button", { key: 'e37a53d416210e302a4b9f20dc42420f07769a93', class: "search-container__button search-container__button--desktop", theme: this.theme, size: "medium", disabled: this.disabled, onClick: this.boundHandleSearchSubmit }, this.labels.searchButtonLabel))));
     }
     static get is() { return "tet-support-search"; }
     static get encapsulation() { return "shadow"; }

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

@@ -99,24 +99,24 @@ export class TetRadio {
     }
     render() {
         const { id, disabled, value, checked, name, label, accessibilityLabel, error, inputAutofocus, iconName, labelFont, alignCenter, hasSlotIcon, unavailable, iconType } = this;
-        return (h(Host, { key: '92d0faaa774f60c9b72ff5bfb06bf0549dbd732e' }, h("div", { key: '61af2cb7d15e35ce29bdbea80007161e886bbd35', class: { radio: true, [`radio-${this.theme}-theme`]: true } }, h("label", { key: '2a50e9a962b76f9d383ddfe9fa9667773ef4dab1', class: {
+        return (h(Host, { key: 'c2ba713dff6507e129a00e73bd769476ac99aab3' }, h("div", { key: '30e3a1a3b10e85f61d5fd5f24f04fe687637e6d6', class: { radio: true, [`radio-${this.theme}-theme`]: true } }, h("label", { key: '30daaeba312595817fe240e8622acf21028badcd', class: {
                 'radio__container': true,
                 'radio__container--focus-style': this.focusStyleOnContainer,
                 'radio__container--align-center': alignCenter,
-            }, htmlFor: id }, h("input", { key: 'd26d54057d5c052ca77f2b1866f0650d21a58229', class: {
+            }, htmlFor: id }, h("input", { key: '3fef4f5f39674f695fba7c4bff78e515c0eced50', class: {
                 "radio__html-input": true,
                 'radio__html-input--unavailable': unavailable,
-            }, id: id, name: name, type: "radio", value: value, disabled: disabled || unavailable, checked: checked, onChange: this.handleInputChange, autofocus: inputAutofocus, ...(accessibilityLabel ? { 'aria-label': accessibilityLabel } : {}) }), h("span", { key: '2bba9cb17108ebbcf104fffd94a72b8750d6b355', class: {
+            }, id: id, name: name, type: "radio", value: value, disabled: disabled || unavailable, checked: checked, onChange: this.handleInputChange, autofocus: inputAutofocus, ...(accessibilityLabel ? { 'aria-label': accessibilityLabel } : {}) }), h("span", { key: '956dcb460b4afe17959e246a73b8031f71aeec98', class: {
                 'radio__input-background': true,
                 'radio__input-background--has-label-prop': !!label,
                 ...(labelFont ? { [`radio__input-background--${labelFont}`]: true } : {}),
-            } }), h("span", { key: '3af4ee740e6b184f3395d44810f0d801bf8ee795', class: {
+            } }), h("span", { key: '26c562b40f078a9542f4ba2d864c170ef1107358', class: {
                 'radio__input': true,
                 'radio__input--error': error,
                 'radio__input--hide-focus-style': this.focusStyleOnContainer,
                 'radio__input--has-label-prop': !!label,
                 ...(labelFont ? { [`radio__input--${labelFont}`]: true } : {}),
-            } }), h("div", { key: '7a637b429fd507acc763849eb98b49eecb8894de', class: {
+            } }), h("div", { key: 'cded25c1d16c6ea1c6da14aa09d9e961080ef81b', class: {
                 'radio__label-container': true,
                 'radio__label-container--line-height': hasSlotIcon || !!iconName,
             } }, iconName ? (h("tet-icon", { theme: ['classic', 'light'].includes(this.theme) ? 'light' : 'dark', name: iconName, type: iconType, class: {
@@ -127,11 +127,11 @@ export class TetRadio {
                 'radio__label-slot-icon': true,
                 'radio__label-slot-icon--hidden': !hasSlotIcon,
                 ...(labelFont ? { [`radio__label-slot-icon--${labelFont}`]: true } : {}),
-            } }, h("slot", { name: "label-icon" }))), h("span", { key: 'd22cf820189a9d87fbb648a756b5390936e16054', class: {
+            } }, h("slot", { name: "label-icon" }))), h("span", { key: '772069369f03124021242c9280ccd4ea85deb8dd', class: {
                 'radio__label': true,
                 'radio__label--has-slot-icon': hasSlotIcon,
                 ...(labelFont ? { [`radio__label--${labelFont}`]: true } : {}),
-            }, innerHTML: label }, h("slot", { key: '65159335b20885115d031a1511d08c62987a6e68' })))))));
+            }, innerHTML: label }, h("slot", { key: 'fcf235453f9881465d1a9b273339324ae9a073fe' })))))));
     }
     static get is() { return "tet-radio"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/basic/buttons/tet-radio-blocks/tet-radio-blocks.js

@@ -54,7 +54,7 @@ export class TetRadioBlocks {
     }
     render() {
         const { theme, blocks } = this;
-        return (h(Host, { key: '95c0ccd418bd0fe0c10c9fe67015cb590253ece6' }, h("div", { key: '4fca1d3c7d42685ec532c79d73197767730afe21', class: {
+        return (h(Host, { key: '9a1ac5080500e16dcd35a5deb34ee34c4c922906' }, h("div", { key: '7da20eddef3919e7a10651a67e26da5935907482', class: {
                 'radio-block__container': true,
                 [`radio-block-${theme}-theme`]: true,
                 [`row-of-${this.blocksPerRow}`]: !!this.blocksPerRow

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

@@ -46,16 +46,16 @@ export class TetSwitch {
     }
     render() {
         const { label, name, theme, disabled, checked, accessibilityLabel, labelFont, alignCenter, labelPosition } = this;
-        return (h(Host, { key: '8f83c21dd384662118c0e1ae6f1d189c8bd540ff' }, h("div", { key: 'cf540828b97b7e75268f2e2cd8164517f91672de', class: { 'switch': true, [`${theme}`]: true } }, h("label", { key: '239a5e82c4f419e0ad66f2d53e9c78b6ad3e8878', class: {
+        return (h(Host, { key: 'd6eceefd783c4583c27ec2367c98ca11e9d62ac9' }, h("div", { key: 'c1b3981427839f9a31cea2a4571e802122ea6883', class: { 'switch': true, [`${theme}`]: true } }, h("label", { key: '45616f538a6d3d467ebfd30c8cbd1962140a1a4f', class: {
                 'switch__container': true,
                 'switch__container--align-start': !alignCenter,
                 [`switch__container--${labelFont}`]: true,
                 'switch__container--focus-style': this.focusStyleOnContainer,
-            }, part: "switch-container", htmlFor: "tet-switch" }, h("input", { key: 'c167bb4274f31a0de83dfd928afb3ae3fbc14dd7', class: "switch__html-input", name: name, id: "tet-switch", type: "checkbox", disabled: disabled, checked: checked, onChange: this.handleChange.bind(this), ...(accessibilityLabel ? { "aria-label": accessibilityLabel } : {}) }), labelPosition === 'right' && this.renderSwitch(), h("span", { key: '364c159ed958a5db0e2a60d12710101eaa559dd3', class: {
+            }, part: "switch-container", htmlFor: "tet-switch" }, h("input", { key: '16f7e5822aef5e897db26b5f4c683387c9511370', class: "switch__html-input", name: name, id: "tet-switch", type: "checkbox", disabled: disabled, checked: checked, onChange: this.handleChange.bind(this), ...(accessibilityLabel ? { "aria-label": accessibilityLabel } : {}) }), labelPosition === 'right' && this.renderSwitch(), h("span", { key: 'ea7b7194ee194a61e155b4f65248117dd8563408', class: {
                 'switch__label': true,
                 ...(labelPosition === 'left' ? { 'switch__label--left': true } : {}),
                 ...(labelFont ? { [`switch__label--${labelFont}`]: true } : {}),
-            }, innerHTML: label }, h("slot", { key: '92df072650c0a88d9adcf27f6dc86eb945914102' })), labelPosition === 'left' && this.renderSwitch()))));
+            }, innerHTML: label }, h("slot", { key: 'eaba8585196f3ba5f4efdd09bf06e0e41360f835' })), labelPosition === 'left' && this.renderSwitch()))));
     }
     static get is() { return "tet-switch"; }
     static get encapsulation() { return "shadow"; }

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

@@ -161,11 +161,11 @@ export class TetTabContent {
         this.selectedId = id;
     }
     render() {
-        return (h(Host, { key: 'a3af21b6704556ee041f727a6afe101f52e287cf' }, h("div", { key: '138fe86c811e9422e411a068c80170a1c7c438ac', class: {
+        return (h(Host, { key: '591625c8c2a45eb2bab3a48457159b6f84c53c84' }, h("div", { key: '711685eeda5c10cb51ed61bdc923f4c2add2cd04', class: {
                 'tet-tab-content': true,
                 'use-visibility': this.useVisibility,
                 [this.theme]: true
-            } }, h("slot", { key: '4e1712be17522b8ff353c670cd0ae07491378ad5' }))));
+            } }, h("slot", { key: 'df24dc9b2e60d501e6643f2486e5d44a6626f73f' }))));
     }
     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

@@ -622,7 +622,7 @@ export class TetTabHeader {
     }
     render() {
         const shouldRenderOverflowGradients = this.showOverflowGradients;
-        return (h(Host, { key: '716d0f155580bca1a9cec3a62f4b23528b2f7a9b', "data-id-suffix": this.idSuffix }, h("div", { key: 'c5798c129bbf2a6a4b00f715a452efe1927bd410', class: {
+        return (h(Host, { key: '75bddeff26dee8027183275998001e17ef01041d', "data-id-suffix": this.idSuffix }, h("div", { key: 'be9c0acb9666817af8e1c8172dfe614d25853624', class: {
                 'tabs': true,
                 'tabs--segmented': this.segmented,
                 'tabs--overflow-left': this.hasOverflowLeft,
@@ -631,7 +631,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), role: "tablist" }, shouldRenderOverflowGradients && h("div", { key: '8cb741ffcbee0b0b840eed68de9e92ed9c2f1c59', class: "tabs-gradient tabs-gradient-left", "aria-hidden": "true" }), h("slot", { key: 'fce613c04ef39fa9c413c8ee65ee6488e452e44b', onSlotchange: () => this.updatePositionClass(), ref: (slot) => (this.tabContainer = slot) }), shouldRenderOverflowGradients && h("div", { key: '31f32028edcfff337fe01b169b3289c5f587e1c5', class: "tabs-gradient tabs-gradient-right", "aria-hidden": "true" })), h("div", { key: '7a412416105eb06785397f3b123d91c172cbfabb', class: {
+            }, onMouseDown: this.onContainerMouseDown, style: this.getStyle(), ref: (ref) => (this.tabElement = ref), role: "tablist" }, shouldRenderOverflowGradients && h("div", { key: 'ed13e146f6482bbd3ca4426a486b5043dc619595', class: "tabs-gradient tabs-gradient-left", "aria-hidden": "true" }), h("slot", { key: 'a06e2616910d0416712ef7d125e64e8497ccc96f', onSlotchange: () => this.updatePositionClass(), ref: (slot) => (this.tabContainer = slot) }), shouldRenderOverflowGradients && h("div", { key: '067421766de5c74fae5fb8b88acf7464d2dfc142', class: "tabs-gradient tabs-gradient-right", "aria-hidden": "true" })), h("div", { key: 'e612ffd55bc05ef6acdf37f541c81e9b676d2ff5', class: {
                 'tabs-line': !this.segmented,
                 'no-underline': this.hideHeaderUnderline || this.isScrollableType,
                 [this.theme]: true

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

@@ -20,12 +20,12 @@ export class TetTag {
         processTranslations('tet-components', this.language).then(() => forceUpdate(this));
     }
     render() {
-        return (h(Host, { key: '9913afadb2e081ea5740857371cead596aad0d35' }, h("button", { key: '401c75fcbb2f42c87c5cf7814861cbaba0df8f2e', class: {
+        return (h(Host, { key: '391dd9b3c6f14148b3784a10e6f47c463dcb2ffe' }, h("button", { key: '01e3796e90f6d63cc5544f4611063a25895da934', class: {
                 tag: true,
                 'tag-active': this.active,
                 'tag--icon': this.showIcon,
                 [`theme-${this.theme}`]: true,
-            }, "aria-pressed": this.active.toString(), disabled: this.disabled }, this.tagTitle && h("p", { key: '1962f4441a21809678fe7314eac6cabe34d9ced6', class: "tag-title" }, t(this.tagTitle)), this.count !== null && this.count !== undefined && h("span", { key: '3e92313dee3131b018175cb68b86f458fc379dae', class: "tag-count" }, this.count), this.showIcon && h("tet-icon", { key: '6d8063b019e3f657a70d90aa8607453a59879c45', class: "tag-icon", name: "close-circle", part: "icon-selected" }))));
+            }, "aria-pressed": this.active.toString(), disabled: this.disabled }, this.tagTitle && h("p", { key: '28589d1d7bc4f621968dd30042c5ac988ff48c93', class: "tag-title" }, t(this.tagTitle)), this.count !== null && this.count !== undefined && h("span", { key: 'fd40980c43d822c1f4c1e7038b12aed0c2756f32', class: "tag-count" }, this.count), this.showIcon && h("tet-icon", { key: '381f348df9d50e87dd606042461c62464a1b7205', 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/carousel/tet-carousel/tet-carousel.js

@@ -934,22 +934,22 @@ export class TetCarousel {
                 trackTransition = 'none';
             }
         }
-        return (h(Host, { key: 'cb94abc19e2e8a6c1cf274168a8a2cb2f3f4ee18' }, h("div", { key: 'c7c84f5af0046bab9c9925ed6287e8376e416a99', class: { 'tet-carousel': true, [`${this.theme}`]: true, 'tet-carousel--unified-buttons': this.unifiedButtons }, ref: (el) => (this.container = el), part: "carousel" }, h("div", { key: '6182adbbd1db6cbf03147339b6ba37eeffe10783', class: "tet-carousel__container" }, h("div", { key: '07b09a1a8ce7a16fe6989148714099116dccd7a5', class: "tet-carousel__gradient-left", ref: (el) => {
+        return (h(Host, { key: '1dd8589a8215e2ec8b3b5da6890eb0832d394997' }, h("div", { key: '3a45655dc33c50ce1d075088540b18d6138dfd43', class: { 'tet-carousel': true, [`${this.theme}`]: true, 'tet-carousel--unified-buttons': this.unifiedButtons }, ref: (el) => (this.container = el), part: "carousel" }, h("div", { key: 'cd9ab06b3529a8199a49ab6b917d6d59d3998cd3', class: "tet-carousel__container" }, h("div", { key: '326afd8aad07a33316bc25e1a07275b6915aa1bd', class: "tet-carousel__gradient-left", ref: (el) => {
                 this.leftGradientRef = el;
-            } }), h("div", { key: '4ab6928f33e52f79db7b02c731e0e04267803042', class: "tet-carousel__gradient-right", ref: (el) => {
+            } }), h("div", { key: '1394d06295894f5a81c85da444da62abdf914a79', class: "tet-carousel__gradient-right", ref: (el) => {
                 this.rightGradientRef = el;
-            } }), h("div", { key: 'c1913183d9766679e6efd230ee24ec5e4f579a4c', class: `tet-carousel__track ${showControls ? '' : 'tet-carousel__track--center'}`, ref: (el) => (this.trackElement = el), style: {
+            } }), h("div", { key: '3aadd879ce7ec407f58d99fcd712fa976e3f5f10', class: `tet-carousel__track ${showControls ? '' : 'tet-carousel__track--center'}`, ref: (el) => (this.trackElement = el), style: {
                 transform: `translate3d(${this.dragOffset}px, 0, 0)`,
                 transition: trackTransition,
                 willChange: 'transform'
-            }, onPointerDown: this.onPointerDown, onPointerUp: this.onPointerUp }, h("div", { key: '43fc73a77a2bfeb61f537c0e12d59f26c694184c', class: {
+            }, onPointerDown: this.onPointerDown, onPointerUp: this.onPointerUp }, h("div", { key: 'c1a86897a403f2b2e296cf5be66240507ef6056c', class: {
                 'tet-carousel__track-content': true,
                 'tet-carousel__track-content--nudge': this.isNudgeAnimating
             }, ref: (el) => (this.trackContentElement = el), style: {
                 '--tet-carousel-nudge-distance': `${TetCarousel.NUDGE_DISTANCE_PX}px`
-            }, onAnimationEnd: this.onNudgeAnimationEnd }, h("slot", { key: '28303ab5257029cfcf69eda9e44b0b680588cf8e' })))), !!this.label && h("div", { key: 'de4dce35567c0e2eac533f640613ff16316eba1a', class: "tet-carousel__label" }, this.label), showControls && (h("div", { key: '828980006b771b620b0543da427950c5f009e85d', class: "tet-carousel__controls" }, showButtons && (h("div", { key: 'e4ea429e900e88e524330ca5e0507d17ae084194', class: "tet-carousel__buttons tet-carousel__buttons--mobile", ref: (el) => (this.mobileBackButtonWrapper = el) }, h("tet-button", { key: '66d1e327df4c89b5a2a292d2bd2b6a1dda42481e', theme: this.theme, type: "secondary", size: "medium", "icon-name": this.buttonIconLeft, "icon-mode": true, onPointerDown: (e) => e.stopPropagation(), onClick: () => this.handlePrev(), accessibilityLabel: t('components-carousel-previous'), disabled: this.isLeftNavigationDisabled() }))), showDots && (h("div", { key: '90408dcfade39b72626112bbcc0100e4ffabf1ec', class: "tet-carousel__dots" }, Array.from({ length: this.dotCount }).map((_, idx) => (h("button", { type: "button", tabIndex: idx === this.activeDotIndex ? 0 : -1, class: `tet-carousel__dot${idx === this.activeDotIndex ? ' active' : ''}`, key: idx, "aria-label": `${idx === this.activeDotIndex
+            }, onAnimationEnd: this.onNudgeAnimationEnd }, h("slot", { key: 'a21d8148e60bcb06ae0449b6e9c78091ee576942' })))), !!this.label && h("div", { key: 'eeb218a23d25bf099e50020d23ffb3c13577c989', class: "tet-carousel__label" }, this.label), showControls && (h("div", { key: '24f1a2fb4f5d1dd951994f6cd6e66c6837b9f44e', class: "tet-carousel__controls" }, showButtons && (h("div", { key: '9007741c53cefde7cf8405ff120f54d4a69b51b6', class: "tet-carousel__buttons tet-carousel__buttons--mobile", ref: (el) => (this.mobileBackButtonWrapper = el) }, h("tet-button", { key: '264e1436e8b55e8f0ac98f3b19c4be9467648ff2', theme: this.theme, type: "secondary", size: "medium", "icon-name": this.buttonIconLeft, "icon-mode": true, onPointerDown: (e) => e.stopPropagation(), onClick: () => this.handlePrev(), accessibilityLabel: t('components-carousel-previous'), disabled: this.isLeftNavigationDisabled() }))), showDots && (h("div", { key: 'fbf2694153420fbcd3242cdd399e74f54ca955a9', class: "tet-carousel__dots" }, Array.from({ length: this.dotCount }).map((_, idx) => (h("button", { type: "button", tabIndex: idx === this.activeDotIndex ? 0 : -1, class: `tet-carousel__dot${idx === this.activeDotIndex ? ' active' : ''}`, key: idx, "aria-label": `${idx === this.activeDotIndex
                 ? t('components-carousel-indicator-button-active')
-                : t('components-carousel-indicator-button')} ${idx + 1}/${this.dotCount}`, "aria-current": idx === this.activeDotIndex ? 'true' : undefined, onPointerDown: (e) => e.stopPropagation(), onKeyDown: (event) => this.handleDotKeyDown(event, idx), onClick: () => this.handleDotClick(idx) }))))), showButtons && (h("div", { key: '42ed591ff7b87ab38258b5fe4d2e56d26824bf0c', class: "tet-carousel__buttons" }, h("tet-button", { key: '5b2e55813e9fe098d1a4016516e54295780f2d73', class: "tet-carousel__buttons--desktop", theme: this.theme, type: "secondary", size: "medium", "icon-name": this.buttonIconLeft, "icon-mode": true, onPointerDown: (e) => e.stopPropagation(), onClick: () => this.handlePrev(), accessibilityLabel: t('components-carousel-previous'), disabled: this.isLeftNavigationDisabled() }), h("tet-button", { key: '39ecceeb087fa2dcf66f33b79b3d1349537d9cc2', theme: this.theme, type: "secondary", size: "medium", "icon-name": this.buttonIconRight, "icon-mode": true, onPointerDown: (e) => e.stopPropagation(), onClick: () => this.handleNext(), accessibilityLabel: t('components-carousel-next'), disabled: this.isRightNavigationDisabled() }))))))));
+                : t('components-carousel-indicator-button')} ${idx + 1}/${this.dotCount}`, "aria-current": idx === this.activeDotIndex ? 'true' : undefined, onPointerDown: (e) => e.stopPropagation(), onKeyDown: (event) => this.handleDotKeyDown(event, idx), onClick: () => this.handleDotClick(idx) }))))), showButtons && (h("div", { key: 'b8dadaa6912860ac7735a7b087c25ecd1c8493a5', class: "tet-carousel__buttons" }, h("tet-button", { key: 'e46ec9996b8bb408a5a9fde95f3085ce42fc01a8', class: "tet-carousel__buttons--desktop", theme: this.theme, type: "secondary", size: "medium", "icon-name": this.buttonIconLeft, "icon-mode": true, onPointerDown: (e) => e.stopPropagation(), onClick: () => this.handlePrev(), accessibilityLabel: t('components-carousel-previous'), disabled: this.isLeftNavigationDisabled() }), h("tet-button", { key: '63a2f1d82f42384c8f9c24f67a81132585b35aa9', theme: this.theme, type: "secondary", size: "medium", "icon-name": this.buttonIconRight, "icon-mode": true, onPointerDown: (e) => e.stopPropagation(), onClick: () => this.handleNext(), accessibilityLabel: t('components-carousel-next'), disabled: this.isRightNavigationDisabled() }))))))));
     }
     static get is() { return "tet-carousel"; }
     static get encapsulation() { return "shadow"; }

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: 'eb13abaa40ccfb48a5c6828be30f933060c4a593', class: {
+        return (h("div", { key: '7932523b6f1e330481a2ebe5bfb6d63d2beb1a2a', class: {
                 'container': true,
                 'container--highlightable': this.highlightable,
                 'container--selected': this.selected,
                 [`container--${this.theme}`]: this.theme !== 'classic',
-            }, part: "container" }, h("slot", { key: '5aab8b52102e9b2052e3823969d318bc5a67b146' })));
+            }, part: "container" }, h("slot", { key: '939c53084b211743aa1eec537843795ad2b22f64' })));
     }
     static get is() { return "tet-container"; }
     static get encapsulation() { return "shadow"; }

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

@@ -67,7 +67,7 @@ export class TetIcon {
     }
     ;
     render() {
-        return (h("span", { key: '9e1d31d54c6b819f2b513dda71f370c813cc9cb4', class: "icon-wrapper", tabindex: (this.focusable || this.accessibilityLabel) ? 0 : -1 }, h("span", { key: '879cfa7dd3912aed5d7a34be3f0fd3cb32e417ea', class: {
+        return (h("span", { key: 'd3ab506d2dc17c862d5ebce49b17da1cedf037f3', class: "icon-wrapper", tabindex: (this.focusable || this.accessibilityLabel) ? 0 : -1 }, h("span", { key: '6faae72bcf8fb8b6a1f5007f418df8548a35390b', 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: 'e4bddb211501786606714aa29f9b503ad6df80f1', class: "loader" }, h("div", { key: '171ff138058d0293adb5f0a45ba485d89774ba02', class: "loader-inner" })));
+        return (h("div", { key: 'abd0af703c970bde9a51884ccc9f360c5a9b59bb', class: "loader" }, h("div", { key: '1d41f42112600ab6dd76eb0fc89fbefcd16cffd4', 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: 'e2f1de2f2e79ff9c4604aaccc9ad0f034687dd6f', style: { width: this.width, height: this.height } }, h("div", { key: '1c49567db5ff6d054badca3cd4ce5778c70d1058', class: { 'placeholder': true, 'dark-theme': this.darkTheme }, style: { height: this.height } })));
+        return (h(Host, { key: '8ca0a953a395836484890b1f48b3d121239e2dce', style: { width: this.width, height: this.height } }, h("div", { key: 'fb14faf4e860c6fe6a4c464c1f5a79b56b70b241', class: { 'placeholder': true, 'dark-theme': this.darkTheme }, 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: '2388419cdbd8cd65d0ffc46f4f0834cd0fa40bac', ref: element => (this.spinner = element), class: {
+        return (h("div", { key: '6b4b47133e361c44f8897255635ef17de6b081ba', ref: element => (this.spinner = element), class: {
                 spinner: true,
                 [`${this.theme}-theme`]: true,
                 [`size--${this.size}`]: true,
                 [`spinner--${this.type}`]: true,
-            } }, h("svg", { key: 'd7a257980d163c9b0047c8a288b070d750afcab9', viewBox: "0 0 40 40" }, h("clipPath", { key: '9a5a4b037895cf021836de3d855c0825b194b102', id: "clip" }, h("path", { key: 'ee1fba8671ce5c3957bc02dfa3b7bcc122d326d8', 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: 'a22f330096f5d6b5772eebac26f5f2408ba0b9af' }, h("div", { key: '8c009629e448cf2cdbdb8a834369a533c5579f86', class: "spinner__gradient" })))));
+            } }, h("svg", { key: '784bfb3447b86309060f29e0fc2dcc7817bbda97', viewBox: "0 0 40 40" }, h("clipPath", { key: '4dfd89e369ea41ac5561482fcf0285497059f2ba', id: "clip" }, h("path", { key: '0d8bc7fbaca120ef58a4a77e61a5bb3e1fc47f56', 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: 'cb07583d91425c1e6da3cda25d7793c928509a0e' }, h("div", { key: '73c73af5079bf6f1ad66a2f075ec04dee5cc5cff', class: "spinner__gradient" })))));
     }
     static get is() { return "tet-spinner"; }
     static get encapsulation() { return "shadow"; }

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

@@ -119,7 +119,7 @@ export class TetCountdown {
     }
     render() {
         const hostClass = `static-text-color-${this.staticTextColor}`;
-        return (h(Host, { key: 'cc513e7f2da5c916b31b3ddb4c63237d6a1d2172', class: hostClass }, this.countdownTitle && (h("div", { key: '01998545e7d2ba80ca38f921af5238baf904a733', class: "countdown-title", part: "title", "aria-hidden": "true" }, this.countdownTitle)), h("div", { key: '8648e018ea35071fd0c8f76ec82b7417d311cf8f', class: "countdown", part: "countdown", "aria-hidden": "true" }, this.renderUnit(this.countdown.days, this.getUnitLabel('days', this.countdown.days), 'days'), this.renderUnit(this.countdown.hours, this.getUnitLabel('hours', this.countdown.hours), 'hours'), this.renderUnit(this.countdown.minutes, this.getUnitLabel('minutes', this.countdown.minutes), 'minutes'), this.renderUnit(this.countdown.seconds, this.getUnitLabel('seconds', this.countdown.seconds), 'seconds')), h("div", { key: '371a132bb27cae5c07bd42606f34e79408b8bfeb', class: "sr-only" }, this.getCountdownAriaLabel())));
+        return (h(Host, { key: '00bd6565b7a59be6bca1e8145c52a3c11b43e47c', class: hostClass }, this.countdownTitle && (h("div", { key: '9f1e2cb66c1b889f0ae3a19d65792940980876c7', class: "countdown-title", part: "title", "aria-hidden": "true" }, this.countdownTitle)), h("div", { key: 'ab6d2bf0b5a2e62edd7b9beaf78b685239f01b07', class: "countdown", part: "countdown", "aria-hidden": "true" }, this.renderUnit(this.countdown.days, this.getUnitLabel('days', this.countdown.days), 'days'), this.renderUnit(this.countdown.hours, this.getUnitLabel('hours', this.countdown.hours), 'hours'), this.renderUnit(this.countdown.minutes, this.getUnitLabel('minutes', this.countdown.minutes), 'minutes'), this.renderUnit(this.countdown.seconds, this.getUnitLabel('seconds', this.countdown.seconds), 'seconds')), h("div", { key: '5a928217cf9fa434dcfc657f5974fd2753cb05d8', class: "sr-only" }, this.getCountdownAriaLabel())));
     }
     static get is() { return "tet-countdown"; }
     static get encapsulation() { return "shadow"; }

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

@@ -239,7 +239,7 @@ export class TetCounter {
         return this.disableAnimation ? this.formatValue(this.endValue) : this.formatValue(this.currentValue);
     }
     render() {
-        return (h(Host, { key: '2f6e1c55fb96d15715e3f5eebc633ad4ba4404e8' }, h("span", { key: 'f5aaf269f2fab3f12d615efd57bb6a88a594aabd', part: "counter", "aria-hidden": "true" }, this.outputValue()), h("span", { key: '0068efcefe4ab16a5a06cae744a6294c44405236', class: "sr-only" }, this.formatValue(this.endValue))));
+        return (h(Host, { key: 'd56c9ce76576a6e90d7fe80494aef46f58b04e19' }, h("span", { key: 'acd89dc32e53bfc784977ffaea3e2b7220161341', part: "counter", "aria-hidden": "true" }, this.outputValue()), h("span", { key: 'f892c2aa06792e061faaae7fee7fd8aa72e9da0f', class: "sr-only" }, this.formatValue(this.endValue))));
     }
     static get is() { return "tet-counter"; }
     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: 'ed54b6081a177bbac7f845c64ae8df1f7dd93c63' }, h("div", { key: '7857f64186c2989dbe2ef9371edc5111b25b160a', class: {
+        return (h(Host, { key: '6a41dfdeadcccba0b47086300217ee437c1bc9f7' }, h("div", { key: '3d9b82287fb320df851bdea358b133bcdb203fb1', class: {
                 label: true,
                 'label-active': this.active,
                 [`label-type-${this.type}`]: true,
                 [`theme-${this.theme}`]: true,
-            } }, this.labelTitle && h("p", { key: '26b23b4444f203c42f3b2596024bb57f306498e3', class: "label-title" }, this.translateTitle ? t(this.labelTitle) : this.labelTitle), this.showIcon && h("tet-icon", { key: '1d332e05ddcf617d105958dc654723fdef312686', class: "label-icon", name: "close-circle", part: "icon-selected" }))));
+            } }, this.labelTitle && h("p", { key: 'b5cc2ea65fbd5f7453a8821f1d4c0931bb60e34c', class: "label-title" }, this.translateTitle ? t(this.labelTitle) : this.labelTitle), this.showIcon && h("tet-icon", { key: '8bc36a8be0d8a457911d7b2f56fcf4a33ec22729', 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

@@ -73,7 +73,7 @@ export class TetRoundStepper {
         }
     }
     render() {
-        return (h(Host, { key: '78901b40d6307aaf936c23e8d2b4b6665bdb1132' }, h("div", { key: '58c1be80945422de6c5858582a9e13b2d096e91a', class: {
+        return (h(Host, { key: '3867c623826b057d45f9952bf1ae251cedcffda0' }, h("div", { key: '57d80fdfab4e9cf6a410135d0cb5eb90aa0e134d', class: {
                 'round-stepper': true,
                 'with-background-gradient': this.layout === 'withBackgroundGradient',
                 'column': this.forcedColumn,

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

@@ -75,7 +75,7 @@ export class TetStepper {
         return this.stepperData.length - 1 > index ? h("li", { class: lineClasses }) : null;
     };
     render() {
-        return (h(Host, { key: '7826a94faf20c62bfc0ea36d4563a24c24023bf1' }, h("ol", { key: 'd2eaab06dccfce74d8d1d15535bb51b442b36a90', class: "stepper" }, this.stepperData.map(this.renderStep))));
+        return (h(Host, { key: '58c7194e8ec9ed5737dcca848016677b176ae797' }, h("ol", { key: 'ff261783b0d9616b1b1f41ab9df6ece65fa5241d', 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: '027bdd4851fde5746e7ea990df2fd074e369c555' }, h("ol", { key: '6abb76268cefb75a0af18a75e1ff2e924bb0f7c0', class: {
+        return (h(Host, { key: '7951988c21c284e753ae9045cd49e7da4784d845' }, h("ol", { key: '3267f9205673dd543dd06c9cb31f0b1918af65aa', 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: 'da073378d0df55e5905d8b7d640684279973a7b4' }, h("ol", { key: '84991552ec6795673ef7146212491639b07f2951', class: {
+        return (h(Host, { key: '36f76f21c891a36a23f7b5c3166c0a38a34d1a6d' }, h("ol", { key: '8d95c6db1d7cb88bca525db3654ffce16248fcd1', 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: '4658afcfd9b278d1c35156ad4407150627261743' }, h("div", { key: 'db743d9fe92447f04be1d6648a370e80d3a6faac', class: { 'filter-container': true, [`theme-${this.theme}`]: true } }, h("tet-tag-group", { key: '9e3b4352dc5168bdb204a9a232274ab88bd2d183', tags: this.filterState.map(tag => ({
+        return (h(Host, { key: '90f859397c5c0e58104b86dac4d0876550aba888' }, h("div", { key: '1b49b4a83e36456ae06f84cd6652f535ccbba9c9', class: { 'filter-container': true, [`theme-${this.theme}`]: true } }, h("tet-tag-group", { key: '6c696bbce1bc2178406674933788602b7e6f2049', 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: '09dba9ebeecb5e2a688f46210e519a002d884603', class: "clear-button", onClick: this.handleClearClick }, h("tet-icon", { key: '9fd25ae78e3d76d510df47349c346de49470cb0f', 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: '44eb78fb99e3e836f3c3bf6998934f9465d24793', class: "clear-button", onClick: this.handleClearClick }, h("tet-icon", { key: '4feeba640336a71678f37a3bddedc7629d2c25fe', 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: '8884e1bded38e61b8149ba2699fd896e41f8132e', class: "header" }, this.datepickerView !== 'year'
+        return (h("div", { key: '8ef332660743f1a491213e614f674a5122e11650', 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: '72b9216a796aea5eccb09808feaf853475ec6962', class: "control-button", onClick: () => this.changeDatepickerView() }, this.getControlButtonDate(), h("tet-icon", { key: 'bc62472105d0225968083e620d4cb4395ba01a33', class: "chevron-down", name: this.datepickerView === 'month' ? 'chevron-down' : 'chevron-up' })), this.datepickerView !== 'year'
+            : h("div", null), h("div", { key: '0e9d6530f4a49598589266b1ed657824aceaada7', class: "control-button", onClick: () => this.changeDatepickerView() }, this.getControlButtonDate(), h("tet-icon", { key: '45d436eb4daf9b7e46a1dc5b900b6f0b663e06cd', 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: 'b47e4e5060c11a14384e7bb8c2791fa0cf366f6c' }, h("div", { key: 'dde45579bc8313f55f44b365f071bde1b7008e84', class: "weekday-header" }, this.days.map((day) => h("div", { class: "day" }, day))), h("div", { key: '00162b15a264294eec2ea3da637506e901cdfad3', 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: '79b0f7529771810061427c6919a98dccd8a630a6' }, h("div", { key: 'dcf5bbce3f0301c1cae51107a8d591be8df2c446', class: "weekday-header" }, this.days.map((day) => h("div", { class: "day" }, day))), h("div", { key: '328f7b38f889ce65d25e455e3cc1af13e00924a9', 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: '19aade9825010d1c468f18e43852f7a0f74be671', class: "container" }, this.years.map((year) => h("div", { class: this.getYearClasses(year), onClick: () => this.handleYearSelection(year) }, year))));
+        return (h("div", { key: '6b2dcbbb7ef3535f7b558bf4bbe7be454c9709fe', 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: '6ad1b0c13e91b52908da1935ee3b88f2ebf38ec3', 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: 'ff32755f0fcd515728adbaea5c159474f9c794f5', 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: '8acde6fd2e5500cf971cfe8210a7054356f9a66e', class: this.getOverlayClasses(), onClick: this.handleDatepickerClose }, h("div", { key: '101e537583f51cf37edeaae7dcee6a65a840f1fc', class: "container", ref: (el) => this.datepickerContainer = el }, h("tet-datepicker-header", { key: '585fc631eacc40169a725dd4f6ee4e853dc012fc', selectedDate: this.date, internalDate: this.internalDate, locale: this.locale, datepickerView: this.datepickerView }), this.datepickerView === 'month' &&
-            h("tet-datepicker-month-view", { key: '9e278df4f97724b6d8b878bfe13830799592ec76', selectedDate: this.date, internalDate: this.internalDate, rangePickerMode: this.rangePickerMode, rangeDates: this.rangeDates }), this.datepickerView === 'multi-year' &&
-            h("tet-datepicker-multi-year-view", { key: '6537108864e72c23afb272eded7682a4332147d6', selectedDate: this.date, internalDate: this.internalDate }), this.datepickerView === 'year' &&
-            h("tet-datepicker-year-view", { key: 'c25123d258455e593013012d670e6a8699b67eb9', selectedDate: this.date, internalDate: this.internalDate }))));
+        return (h("div", { key: 'f22a8bb60032e4047aeefcde4281c212944291c7', class: this.getOverlayClasses(), onClick: this.handleDatepickerClose }, h("div", { key: 'ea0acdef39b89b2d15f9d67752ef681145c9213b', class: "container", ref: (el) => this.datepickerContainer = el }, h("tet-datepicker-header", { key: 'd57b315cf56c0c73c0b1b82c9f7eea85fc8a3a26', selectedDate: this.date, internalDate: this.internalDate, locale: this.locale, datepickerView: this.datepickerView }), this.datepickerView === 'month' &&
+            h("tet-datepicker-month-view", { key: '2ba0ed3899936a4df4c0edc2ee2f0de940f0d879', selectedDate: this.date, internalDate: this.internalDate, rangePickerMode: this.rangePickerMode, rangeDates: this.rangeDates }), this.datepickerView === 'multi-year' &&
+            h("tet-datepicker-multi-year-view", { key: '2d0097cb681059f122d820046c1ec6dfdf87c083', selectedDate: this.date, internalDate: this.internalDate }), this.datepickerView === 'year' &&
+            h("tet-datepicker-year-view", { key: 'd93bd5365b6bf95cf376659e76bf6fafd0d151b9', 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

@@ -376,7 +376,7 @@ export class TetDropdown {
     }
     render() {
         const { theme, isOpen, isKeyboardFocus } = this;
-        return (h(Host, { key: '78d87ed9d38d5905ca9c58d749c86b4a727ce6b6' }, h("div", { key: '86b384322eced3698fca99820476f12932ce8ede', class: { 'dropdown': true, 'dropdown--open': isOpen, 'focus-visible': isKeyboardFocus && isOpen, [`${theme}`]: true } }, this.renderButton(), this.renderOptions())));
+        return (h(Host, { key: '99bc0783eae44184ecc08e6405c5ec6a7db4782b' }, h("div", { key: 'e0d1cbe2755d256a0a876aff645a8aa55862b5d6', 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

@@ -289,13 +289,13 @@ export class TetExpandableInput {
         return '';
     }
     render() {
-        return (h(Host, { key: '5fcdc385b286f72df704ec6cbc23a57232ced173' }, h("div", { key: 'debad235464c0231f625046aae67749708151be7', class: {
+        return (h(Host, { key: 'bab88c2aaa92e1ff275685c85c735be8cb156756' }, h("div", { key: 'a620a00f464cd1d5c19beba0b6263af51304fb5a', class: {
                 container: true,
                 expanded: this.expanded,
                 [this.mode]: true,
                 [this.darkMode ? 'dark' : this.theme]: true,
                 [this.size]: true,
-            }, tabIndex: -1 }, h("div", { key: 'd39f7d075b06b395da75df3bcb30d7c6d5b88d2d', class: "input-wrapper", ref: (element) => (this.inputWrapper = element), tabIndex: -1 }, h("tet-input", { key: '61213b4770cf23ba19d8186360ac8a534b70bef2', 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: 'c6b200baa79a8e641b5134380870915191231a36', class: "input-wrapper", ref: (element) => (this.inputWrapper = element), tabIndex: -1 }, h("tet-input", { key: '1499521dac1b234a0b657c045da279e58557bcee', 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: '9a5d579bac2d29c5cbfe0187d175d2a90c8cb97c', class: { 'number-input': true, [this.theme]: !!this.theme,
-                'disabled': disabled, 'error': error, 'completed': completed } }, !!label && (h("label", { key: '715ab0449bb74b7edc9cf6523dac22320f2510d0', class: "number-input__label", htmlFor: "number-input" }, label)), h("div", { key: '33f02480d32f6d4a56002f4820d077ce52148a31', class: "number-input__input-container", onKeyDown: this.handleContainerKeydown, ref: (divElement) => (this.inputWrapperElement = divElement) }, h("input", { key: 'fef5c33ec389607f56aebb9e2a88d7ec536522c4', 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: 'd1b0f12558310b1565d79062dd694b901a08c284', ref: (htmlInputElement) => (this.inputElementHidden = htmlInputElement), class: "number-input__input-invisible" }, value), !!suffix && h("div", { key: 'bed8659e90515ed00f18f82f3ea9935591b3cea4', class: "number-input__input-suffix" }, suffix.name), !!this.suffixes && this.suffixes.length > 1 && (h("tet-button", { key: '36ca0f5befc725b70b540ea5659a6f844e1c826a', 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: 'd3be274b9ddd6b8c0714fc1ea1bf9bd882185d26', name: "chevron-down" }), isOpen && h("tet-icon", { key: 'a8ae592a6d6a29e8385abecf86506546323176f3', name: "chevron-up" }))), isOpen && (h("div", { key: '0a17736e771d21b3a59a6309fd0179f2cf0580f0', class: "number-input__dropdown", ref: (htmlDivElement) => (this.dropdownElement = htmlDivElement) }, this.renderDropdownContent()))), !!helperText && h("div", { key: '32e9837b858047d47371092cfd4a382a5b881139', class: "number-input__helper-text" }, helperText)));
+        return (h("div", { key: 'e45257eb072e75f91a91ed3b17529041addc1c37', class: { 'number-input': true, [this.theme]: !!this.theme,
+                'disabled': disabled, 'error': error, 'completed': completed } }, !!label && (h("label", { key: '8cadc6af96836534b8e168a658b507ecb55f2690', class: "number-input__label", htmlFor: "number-input" }, label)), h("div", { key: '6afb95fdc2d0056dfe0949f9cab634683517569f', class: "number-input__input-container", onKeyDown: this.handleContainerKeydown, ref: (divElement) => (this.inputWrapperElement = divElement) }, h("input", { key: '037194851889d6d29aac3877f6e0c74d42704f45', 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: '63945adb7e62c6db8257c05363ee6a19c88f4168', ref: (htmlInputElement) => (this.inputElementHidden = htmlInputElement), class: "number-input__input-invisible" }, value), !!suffix && h("div", { key: 'bf224b1986d42d5c8a20dfce2bf2a74a52d0e028', class: "number-input__input-suffix" }, suffix.name), !!this.suffixes && this.suffixes.length > 1 && (h("tet-button", { key: '8c0af3c53654d8616419345aa16c9ce4c6025200', 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: '87b5fb0f3574c976c004b23562ac192ae7bfe52e', name: "chevron-down" }), isOpen && h("tet-icon", { key: 'bf29466f637aad96590ea46e210bb20c6036785f', name: "chevron-up" }))), isOpen && (h("div", { key: '2a31cb09a6f0d6cca6b9d969d62e6fa00db016e9', class: "number-input__dropdown", ref: (htmlDivElement) => (this.dropdownElement = htmlDivElement) }, this.renderDropdownContent()))), !!helperText && h("div", { key: '019b0aec8d4223b1ce660beb125b6a56b178a893', 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: '202a3cd3f81d5a987335a070ddd04daefd67921a' }, h("div", { key: '986708a1fa655ec17a7af2ec82d6cd8b1090da50', class: {
+        return (h(Host, { key: '328ec5e2d0814c68725f432b473302e44d659a01' }, h("div", { key: '0c6455e0d3fc2eb44cfb8251394d70979857bada', 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: '496db92e4337d06247e17e411edea37d132f1453', class: {
+            } }, h("div", { key: 'd805800bdc857bca1143158bf36fe235dde291f9', class: {
                 'range-slider__input-container': true,
                 'hidden': !this.withInput,
-            } }, h("tet-input", { key: '115a929f6d9036b7a0230efac62732e5f6d5cf88', "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: 'a0eff0836ad9f75d5074011447182f2a0a50fafa', class: "range-slider__container" }, h("tet-button", { key: '456ddcc6e50a8ca5b11dfd4d2ed19be7a65b933f', theme: this.theme, iconMode: true, class: {
+            } }, h("tet-input", { key: 'ade963cef6da099d73b6830c47d4b27c712512ef', "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: 'f56d82f7fbe6c0d56a5374bbfe678c59c49ab2c1', class: "range-slider__container" }, h("tet-button", { key: '4c81b2a3b75f99828e0e75ba935b507d0d37ee42', 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: 'ab3d1789b22fbc5b8bbf2889099604a5503729d9', name: "remove", class: "range-slider__control--icon" })), h("div", { key: 'a9132939133ab9a19e9a22d2707e2c3cce85ddb5', 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: '94082dea8cba0fce08917d2964731e0b1bf04f07', class: "range-slider__slider-wrapper" }, h("input", { key: '559ba80112cd8efe81d4a8b44f6487067f8a9b3f', 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: '709b41aba0d92d41a2bd1a45699ab50342ef7f9b', class: "range-slider__track range-slider__track--background" }), h("div", { key: 'f1ada95f8154dc009b3fe67ebc1297ad80d14fe2', ref: progressTrackEl => (this.progressTrackRef = progressTrackEl), class: "range-slider__track range-slider__track--progress" }), h("div", { key: '61159cd8c5c2dc151926665f9a957633cca287eb', ref: tickContainerEl => (this.tickContainerRef = tickContainerEl), class: "range-slider__tick-container" }), h("div", { key: '8e28f5b2cad55aa2747d9ec171caedfa711d7461', ref: dataLabelEl => (this.dataLabelRef = dataLabelEl), class: {
+            }, clickCallback: this.onControlPreviousClick, ...(this.reduceButtonAccessibilityLabel ? { accessibilityLabel: this.reduceButtonAccessibilityLabel } : {}), ...(this.containerSize !== 'large' ? { tabindex: 2 } : {}) }, h("tet-icon", { key: '65f878d2570c54c369fac6528e1b1cd0e2b1590f', name: "remove", class: "range-slider__control--icon" })), h("div", { key: '4eebbc7bf2f09d327a36b98e5354e858769bc3e2', 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: '3e84fa471d116069675dc6638b8b70cd7d8ce80c', class: "range-slider__slider-wrapper" }, h("input", { key: 'fcacaeb1ffa0613b2bfb78676ed70175b87dbf8f', 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: '04c0afbdd6a51dec609f9ca769fa2510db94281f', class: "range-slider__track range-slider__track--background" }), h("div", { key: '724d43bff005410588b00001166ce88bfbd8b72b', ref: progressTrackEl => (this.progressTrackRef = progressTrackEl), class: "range-slider__track range-slider__track--progress" }), h("div", { key: 'd3b849ee62be0c869e8dcb7767bedf47b4014423', ref: tickContainerEl => (this.tickContainerRef = tickContainerEl), class: "range-slider__tick-container" }), h("div", { key: 'd6ca0f469abd17855cb124738f1564eb848dd3b7', ref: dataLabelEl => (this.dataLabelRef = dataLabelEl), class: {
                 'range-slider__data-label-container': true,
                 'hidden': this.type === 'secondary' && this.containerSize === 'small',
-            } })), h("div", { key: '106f5553409bd367a924d97d0099f2597760e373', class: {
+            } })), h("div", { key: '1fb27b782779968e9a946cd997992e90175b2f27', class: {
                 'range-slider__current-step-container': true,
                 'hidden': !this.withCurrentStepCounter,
-            } }, h("div", { key: '2513a8c613e217ca434a36e3ab57de6a6a61feda', class: "range-slider__current-step", "aria-live": "polite" }, this.dataSet.indexOf(this.getClosestOverrideDataPoint()) + 1, "/", this.dataPoints.length)), h("div", { key: 'c68f72c0b53a2260514cdd4ffb7e20a4c85c79b7', ref: toolbarHandleEl => (this.tooltipHandleRef = toolbarHandleEl), class: "range-slider__tooltip-handle" }, h("div", { key: 'd85e0d2634d13dadaa7f3a3adf1acae667511eec', class: "range-slider__tooltip translation-none", style: { [`--tooltip-offset`]: `${this.tooltipOffset}rem` }, "aria-live": "polite" }, this.getTooltipValue())), h("tet-button", { key: '19d5292ca14787d1489db347d649cb811d3d3583', theme: this.theme, iconMode: true, class: {
+            } }, h("div", { key: '0cba1312ede1d3c4314789878186c0bfbd785b9d', class: "range-slider__current-step", "aria-live": "polite" }, this.dataSet.indexOf(this.getClosestOverrideDataPoint()) + 1, "/", this.dataPoints.length)), h("div", { key: '6a8661e4648eec38ae24914efaebd110a0fc9cf2', ref: toolbarHandleEl => (this.tooltipHandleRef = toolbarHandleEl), class: "range-slider__tooltip-handle" }, h("div", { key: '07bf54cc73d7c2951f2796fe7414d1e7d32eb5f4', class: "range-slider__tooltip translation-none", style: { [`--tooltip-offset`]: `${this.tooltipOffset}rem` }, "aria-live": "polite" }, this.getTooltipValue())), h("tet-button", { key: '3b6107db2bd475d64151ba23e7a4c3836514ac82', 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: '8dcd52c827fa1e89fb203bc36879b8b2839fb77d', name: "add", class: "range-slider__control--icon" }))))));
+            }, clickCallback: this.onControlNextClick, ...(this.addButtonAccessibilityLabel ? { accessibilityLabel: this.addButtonAccessibilityLabel } : {}), ...(this.containerSize !== 'large' ? { tabindex: 4 } : {}) }, h("tet-icon", { key: '416c4b6433501d7e6638a93cc0473efde358258e', name: "add", class: "range-slider__control--icon" }))))));
     }
     static get is() { return "tet-range-slider"; }
     static get encapsulation() { return "shadow"; }