@tet/tet-components 1.4.9-testing → 1.4.10-staging

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: 'ca4dddd1e8ef0c8eb33aae93db8e4d14af0c1f21', 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: 'ec61cdb983da5074f5ffa9fd723aa83eefd65662', viewBox: "0 0 40 40" }, h("clipPath", { key: 'ef91322ba94251c4b445021a5c06440a1abab2ca', id: "clip" }, h("path", { key: '476c26d6be793863f0e900598c5635aaab009ea0', 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: '00e37e8777fc6b1846ee811ae54ec21a535207f6' }, h("div", { key: 'ed8b172c4afd94f127dc0044415e04d84051e1da', 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: '888b3053c8552e31a9fb1f4f4099a3055734d6fe' }, h("div", { key: '70cd5bf28dd174f63373d71bf7636efc2188343c', 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: 'b6f9398ce2da23f9836d4b47f894a4e506c8977d', class: "label-title" }, this.translateTitle ? t(this.labelTitle) : this.labelTitle), this.showIcon && h("tet-icon", { key: '7898e8944fe4a1b48aa790a91a343683575116b9', 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: 'c837c6469ba8c160cc033c3956734c5e50aa2ad3' }, h("div", { key: '263181574e0f3f9139884b73d5b88fa06a17b2c1', 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: 'b0204903cf8b2bb400fdfdd8e02eaab67c30ad2a' }, h("ol", { key: '5517f10f3178a0d85ab1e0c0cd58e242629411d9', 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: '9132bd225d976e4b1ddc36296529e8ce31395235' }, h("ol", { key: '30298aa402db0bb07655adfc66a8cdff75c10a99', 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: 'ca3334b206001f8d31f4e57445a8561a01517154' }, h("ol", { key: '2ce49f807480b166cb4273bf9e80b433b51c0f5e', 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: 'b3e8b5af42cc4d7bb00f33b449e96f67c8eea621' }, h("div", { key: 'fdb150e7aa0c3645702b40030959751c4daf68e5', class: { 'filter-container': true, [`theme-${this.theme}`]: true } }, h("tet-tag-group", { key: 'c5519cb2defad57bd8c54007d038df09dade078d', 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: 'e3cd9b7092f17be8087f3f856d09fd8a7e897396', class: "clear-button", onClick: this.handleClearClick }, h("tet-icon", { key: '15df7c8dd0f7069d1a3f8927ed1b562aaeff7985', 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: '0e8affebb698c93dd4160f92de71007ffe3b3ca7', 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: '829e23cdf0d26282b33efa8302415ea2f7c37172', class: "control-button", onClick: () => this.changeDatepickerView() }, this.getControlButtonDate(), h("tet-icon", { key: 'b830bee1ab07bd2942bb08ecc58d5b72843bff06', 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: '7643f2f68cb4f197bbe1ced52346e1a2e64c390c' }, h("div", { key: '8e2166ea02d6fe8dc18d300ed4e5ebb0f97a9c7c', class: "weekday-header" }, this.days.map((day) => h("div", { class: "day" }, day))), h("div", { key: 'ea0d3415f335b6bc877445c0c7ee31a6ce93d2d4', 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: '7643ab549a45134ae3c15f5acbfde3fc39f2d57a', 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: '0ce9531a625cdde9e302de6e7be9d8dda8d773a4', 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: '9af4a024ad39c07a26142706fa3fe2bed3ab33d4', class: this.getOverlayClasses(), onClick: this.handleDatepickerClose }, h("div", { key: '9a5affb786b4787dfdeb5a1529ab5313cb52017b', class: "container", ref: (el) => this.datepickerContainer = el }, h("tet-datepicker-header", { key: '1c70893930c59c9d4bc992e0c27db73b8fe51ff0', selectedDate: this.date, internalDate: this.internalDate, locale: this.locale, datepickerView: this.datepickerView }), this.datepickerView === 'month' &&
+            h("tet-datepicker-month-view", { key: '95d1f92182a6d6998c65102521367796d3f13947', selectedDate: this.date, internalDate: this.internalDate, rangePickerMode: this.rangePickerMode, rangeDates: this.rangeDates }), this.datepickerView === 'multi-year' &&
+            h("tet-datepicker-multi-year-view", { key: '57dd7dccbd856ebe1b4dfcdf80b58e8efcfa2b1c', selectedDate: this.date, internalDate: this.internalDate }), this.datepickerView === 'year' &&
+            h("tet-datepicker-year-view", { key: '9f873a7ec7bf27200985e063cc636d01db54f3e2', 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.css

@@ -482,6 +482,7 @@
   --input-disabled-icon-color: var(--input-icon-color);
   --textarea-border-radius: 0.625rem;
   --textarea-min-height: 5.25rem;
+  --textarea-resize: none;
 }
 
 .tet-input__dark,
@@ -663,7 +664,7 @@
 .tet-textarea__base {
   border-radius: var(--textarea-border-radius);
   min-height: var(--textarea-min-height);
-  resize: none;
+  resize: var(--textarea-resize);
 }
 
 .tet-input__label,

package/dist/collection/components/simple/inputs/tet-input/tet-input.css

@@ -482,6 +482,7 @@
   --input-disabled-icon-color: var(--input-icon-color);
   --textarea-border-radius: 0.625rem;
   --textarea-min-height: 5.25rem;
+  --textarea-resize: none;
 }
 
 .tet-input__dark,
@@ -663,7 +664,7 @@
 .tet-textarea__base {
   border-radius: var(--textarea-border-radius);
   min-height: var(--textarea-min-height);
-  resize: none;
+  resize: var(--textarea-resize);
 }
 
 .tet-input__label,

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: 'e028eb18ab0e1c52629afb6dde9fd266998cac1a', class: { 'number-input': true, [this.theme]: !!this.theme,
+                'disabled': disabled, 'error': error, 'completed': completed } }, !!label && (h("label", { key: '5cfef54dd6226fe6f37c1de81ad88549d1e5978a', class: "number-input__label", htmlFor: "number-input" }, label)), h("div", { key: '59507efe3398d9846d97d1b23c97521a143611c3', class: "number-input__input-container", onKeyDown: this.handleContainerKeydown, ref: (divElement) => (this.inputWrapperElement = divElement) }, h("input", { key: 'a771a2898a99c2cf1092f5a07eab3863e2cae13f', 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: '41c1734a6f49dd95c73e0570bb7e585f5bdecffc', ref: (htmlInputElement) => (this.inputElementHidden = htmlInputElement), class: "number-input__input-invisible" }, value), !!suffix && h("div", { key: '7a6784afc780e5d709ce02aca4d2f2929c1bb2eb', class: "number-input__input-suffix" }, suffix.name), !!this.suffixes && this.suffixes.length > 1 && (h("tet-button", { key: '35c73c184b6a9803e2db05bc53a6b92fa4ebf094', 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: 'a53e918d9cfa9b1c6a6d5233cfa107efe530f550', name: "chevron-down" }), isOpen && h("tet-icon", { key: '23739fda2bdeb53a58cceeede88c3360181f9fd6', name: "chevron-up" }))), isOpen && (h("div", { key: '7efe2b63f0043069be6d6c89cfefa896db73ec7a', class: "number-input__dropdown", ref: (htmlDivElement) => (this.dropdownElement = htmlDivElement) }, this.renderDropdownContent()))), !!helperText && h("div", { key: '1926325227a7a1522eb3f6641b66fa4bfabbf71e', 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: 'eda7ddca1a9fd4f9a753573d6ef226fc5d07763e' }, h("div", { key: '2f2e8528f00bfb4b79bffba7a6d886ee3e403637', 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: '1dd083fd3271d37e7a7bbeab39f6282732903192', 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: '984bba98e5889f5f7c532e512558256f6ac3ee90', "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: '46c89bb5e82497929aa883d29af07f54e80b14cb', class: "range-slider__container" }, h("tet-button", { key: '2a55d376b7de55f9fd7f4449dd006bd020f9b9dc', 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: '2fc1e18c6f1a7ee9b4fcc887b4a8d0cbd9570d37', name: "remove", class: "range-slider__control--icon" })), h("div", { key: '4e6c53287c40c354c4766da6c57ad52727174595', 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: 'e2ab0887cc4e5e5d9957e056f611a58b9f75f9ca', class: "range-slider__slider-wrapper" }, h("input", { key: 'd07c34222ab44da3773659b3c93b5c60d926434a', 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: '1f626f8cb1336514b1cfbf22a53bc2a95de6ee1f', class: "range-slider__track range-slider__track--background" }), h("div", { key: '92fda9238822cf424928c003974e721c489dd72e', ref: progressTrackEl => (this.progressTrackRef = progressTrackEl), class: "range-slider__track range-slider__track--progress" }), h("div", { key: '2921e3a3fbb69f04740009e4ff34b9be5bb93fe7', ref: tickContainerEl => (this.tickContainerRef = tickContainerEl), class: "range-slider__tick-container" }), h("div", { key: '52e9fcc1a833d5de3d421528e784da83883f9140', 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: '9f70c206191590f1b2344ad68aac8237633d903a', 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: '9f659dd13b336ab478620db5574437247a831aab', class: "range-slider__current-step", "aria-live": "polite" }, this.dataSet.indexOf(this.getClosestOverrideDataPoint()) + 1, "/", this.dataPoints.length)), h("div", { key: 'dcd6fb543fbc26b88ea8c016c901b8b4f35dc843', ref: toolbarHandleEl => (this.tooltipHandleRef = toolbarHandleEl), class: "range-slider__tooltip-handle" }, h("div", { key: '2370b3e447b85e25b6fbd2edfdec2593aa2bf8eb', class: "range-slider__tooltip translation-none", style: { [`--tooltip-offset`]: `${this.tooltipOffset}rem` }, "aria-live": "polite" }, this.getTooltipValue())), h("tet-button", { key: 'cefd9a42ce5bbe9d050d76adc1cd60e009099bfa', 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: 'afd17a5002a1874f91f4396c069bc65327800bf8', 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: '04c2c53da7907e50236c3a42fd09d91a3a218da5', class: { 'stepper-input': true, [this.theme]: !!this.theme } }, h("tet-button", { key: '2bcde4d89a6cf360d10a93c9aa85bcd239d1e8e6', 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: '507135fb91dd52948e4ac10414e2b4ed2c1bf0ef', name: "remove" })), h("input", { key: '010fb53a903cc7f560625fad65b79f70bb10068a', ref: (htmlInputElement) => (this.inputElement = htmlInputElement), class: "stepper-input__value", value: value, type: "number", ...(this.accessibilityLabel ? { "aria-label": this.accessibilityLabel } : {}) }), h("tet-button", { key: '06a4e9187478bd6601424166fc2da6fe3ca6d915', 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: 'a92ae41ebdf7ea03815291ece4580310749546a5', name: "add" }))));
     }
     static get is() { return "tet-stepper-input"; }
     static get encapsulation() { return "shadow"; }

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

@@ -482,6 +482,7 @@
   --input-disabled-icon-color: var(--input-icon-color);
   --textarea-border-radius: 0.625rem;
   --textarea-min-height: 5.25rem;
+  --textarea-resize: none;
 }
 
 .tet-input__dark,
@@ -663,7 +664,7 @@
 .tet-textarea__base {
   border-radius: var(--textarea-border-radius);
   min-height: var(--textarea-min-height);
-  resize: none;
+  resize: var(--textarea-resize);
 }
 
 .tet-input__label,
@@ -794,6 +795,7 @@
 /**
  * @prop --textarea-border-radius: The border radius of the textarea field.
  * @prop --textarea-min-height: The minimum height of the textarea field.
+ * @prop --textarea-resize: The resize property of the textarea field.
  */
 .textarea-container {
   font-size: var(--input-font-size);

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

@@ -10,9 +10,12 @@ export class TetTextarea {
         this.disabled = false;
         this.errorMessages = [];
         this.theme = 'light';
+        this.maxLength = '';
         this.isKeyboardFocus = true;
         this.focusVisible = false;
     }
+    /** Reference to the native textarea HTML element. */
+    textareaHtmlElement;
     /**
      * Listen for Tab key event.
      * @param {KeyboardEvent} event
@@ -29,6 +32,12 @@ export class TetTextarea {
         this.isKeyboardFocus = false;
         this.focusVisible = false;
     }
+    /**
+     * Returns field value.
+     */
+    async getValue() {
+        return this.textareaHtmlElement ? this.textareaHtmlElement.value : '';
+    }
     /**
      * Set Keyboard Focus State on Input if Tab key is pressed.
      */
@@ -43,15 +52,15 @@ export class TetTextarea {
     };
     renderErrorMessages = () => (h("div", { class: { 'errors': true, [`tet-textarea__${this.theme}`]: true, 'errors--hidden': this.disabled } }, this.errorMessages.map((message) => h("p", { class: 'tet-textarea__error-message' }, message))));
     render() {
-        const { value, label, placeholder, disabled, errorMessages, theme, renderErrorMessages } = this;
+        const { value, label, placeholder, disabled, errorMessages, theme, renderErrorMessages, maxLength } = this;
         const textareaClasses = {
             'tet-textarea__base': true,
             [`tet-textarea__${this.theme}`]: true,
             'error': (errorMessages.length > 0),
             'keyboard-focus': this.focusVisible,
         };
-        return (h(Host, { key: 'dfb7cba6cdb1e3389c2827418f6a5dce7759b7c7' }, h("label", { key: '600586e81fb87bf72466fa8dc721ee9158b198ca', class: { [`${theme}`]: true } }, label &&
-            h("span", { key: '7c752ea01e058c8f22c7247726ec42e10c139f4e', class: { 'tet-textarea__label': true, [`tet-textarea__${theme}`]: true } }, label), h("div", { key: '3d18f8d92caddfd008f4340de60d634dac8ff158', class: { 'textarea-container': true, [`tet-textarea__${theme}`]: true } }, h("textarea", { key: '42ac03f790a614ceae77dad19e93f170c6a99d6a', onFocus: this.addKeyboardFocus, onFocusout: this.removeKeyboardFocus, id: "textarea", class: textareaClasses, placeholder: placeholder, disabled: disabled, autocomplete: "off" }, value))), (this.errorMessages.length > 0) && renderErrorMessages()));
+        return (h(Host, { key: '1891f3676778a43ade2b48faff6e2cdc5371bfdf' }, h("label", { key: 'a8de735eaa08c826752072045f78222551771d8a', class: { [`${theme}`]: true } }, label &&
+            h("span", { key: 'b9d4f6dea304fe4c6bae404f0bde3733aca62ec0', class: { 'tet-textarea__label': true, [`tet-textarea__${theme}`]: true } }, label), h("div", { key: '64691e940c7329fd0e2d2143e600256dd605fa0f', class: { 'textarea-container': true, [`tet-textarea__${theme}`]: true } }, h("textarea", { key: 'a3b0f99458569f97f3a63efb76de6592d3e075ae', 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"; }
@@ -172,6 +181,24 @@ export class TetTextarea {
                 "attribute": "theme",
                 "reflect": false,
                 "defaultValue": "'light'"
+            },
+            "maxLength": {
+                "type": "any",
+                "mutable": false,
+                "complexType": {
+                    "original": "number | string",
+                    "resolved": "number | string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "The maximum character count for input."
+                },
+                "attribute": "max-length",
+                "reflect": false,
+                "defaultValue": "''"
             }
         };
     }
@@ -181,6 +208,27 @@ export class TetTextarea {
             "focusVisible": {}
         };
     }
+    static get methods() {
+        return {
+            "getValue": {
+                "complexType": {
+                    "signature": "() => Promise<string>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<string>"
+                },
+                "docs": {
+                    "text": "Returns field value.",
+                    "tags": []
+                }
+            }
+        };
+    }
     static get listeners() {
         return [{
                 "name": "keydown",

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

@@ -30,7 +30,7 @@ export class TetLinkCardList {
     }
     render() {
         const { theme, layout, items } = this;
-        return (h(Host, { key: '2c40a0ae793dedc50ddf1aaa9c9de1ea117fd553' }, h("ul", { key: '23ea08ae2f218476fc8c9c68ef88ca553682f87f', class: `link-card-list link-card-list--${theme} link-card-list--${layout}` }, items?.length
+        return (h(Host, { key: '1d693aeded59806c3e7ecb63483c1311559a88b7' }, h("ul", { key: '20feaad99c74addbadc5f01d59608516f72a54e5', 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: 'ff80ce519f019dea0d4d78d502d441a04671b99e' }, h("tet-card-list", { key: 'a04f6bb7e770bfdf3c826252a070c2b44fdcb4db', theme: this.theme, part: "card-list-component", exportparts: "card-list, card-list-container", withOverflowOpacity: true, ...props }, this.items.map((item, index) => this.renderListCard(item, index)))));
     }
     static get is() { return "tet-news-card-list"; }
     static get encapsulation() { return "shadow"; }

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

@@ -6812,6 +6812,7 @@
   --input-disabled-icon-color: var(--input-icon-color);
   --textarea-border-radius: 0.625rem;
   --textarea-min-height: 5.25rem;
+  --textarea-resize: none;
 }
 
 .tet-input__dark,
@@ -6993,7 +6994,7 @@
 .tet-textarea__base {
   border-radius: var(--textarea-border-radius);
   min-height: var(--textarea-min-height);
-  resize: none;
+  resize: var(--textarea-resize);
 }
 
 .tet-input__label,

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: 'cba65e3ccdbb9110a6eb5a5521a650b0c01277c1' }, h("div", { key: '10f7697875679f1cbd25548ee0485c16c37366ed', class: {
                 menu: true,
                 menu__main: type === 'main',
                 menu__language: type === 'language',

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

@@ -119,7 +119,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: '34c0a2241ca52227a1778cc5812b5cde1219b84d' }, h("div", { key: '874bb5bf1769f9426052b500157dafab115fc1f9', class: {
+        return (h(Host, { key: 'bd2f73591a3afcde6851d800b7cfe846ab9f6c69' }, h("div", { key: '2c09840072db1ab96c226971df343862397815ad', 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: '54b6ba8847e3ff0838670b781661f92b2e5f01ba' }, h("navigation", { key: '62bca369a5f9c700843c3f7cbe72acd5fee44733', 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: '27059a1037244e4ea4f8ac09f99476efd5fda7b8', class: "navigation__nav-bar" }, h("slot", { key: '15d694ca5862b97f860c8bf523482958fa92c465' })), this.isTogglerVisible && (h("span", { key: '9e4eda2b3a48b3acb8a822a370bac31386498d00', class: "navigation__toggler", onClick: this.onTogglerClick, onKeyDown: (e) => this.handleKeyDown(e), tabIndex: 0 }, h("tet-icon", { key: '79f89a118fcafa9aac5302c69d5439818065f3ae', theme: this.darkMode ? "dark" : "light", name: this.isTogglerExpanded ? "close" : "burger" }))), h("div", { key: '3ac2c1b66251279bc5e2a624180660fc09f1228d', class: {
                 'navigation__dropdown': true,
                 'navigation__dropdown--expanded': this.isTogglerExpanded,
-            }, inert: !this.isTogglerExpanded }, h("slot", { key: '562ff03ee098996731d8636083a9679d492c747e', name: "dropdown" })))));
+            }, inert: !this.isTogglerExpanded }, h("slot", { key: 'f54f3b39331e52341bc36acf364d01202a2294d2', 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

@@ -413,6 +413,9 @@
   width: 100%;
   border-radius: 0.125rem;
 }
+.tet-accordion__header--non-interactive {
+  cursor: default;
+}
 @media all and (min-width: 31.25rem) {
   .tet-accordion--breakpoint-tablet .tet-accordion__header {
     line-height: 1.75rem;

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

@@ -18,6 +18,7 @@ export class TetAccordion {
         this.breakpoint = 'tablet';
         this.headingTag = 'span';
         this.transparentBackground = false;
+        this.isHeaderInteractive = true;
     }
     element;
     /**
@@ -129,21 +130,29 @@ export class TetAccordion {
         }
     }
     render() {
-        return (h(Host, { key: '5929a7eb2172d94cf7c1735f1df41f0badb21b35' }, h("div", { key: '05a9d9be9d97f1abf0fad9e8ca872f432cd78a6e', class: {
+        return (h(Host, { key: '24f05ae86f021af98a65e2a7927d3ff9ccf3cdeb' }, h("div", { key: 'd7b8402ba0d11c5ba8235de69478ff51f5b48509', 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: '1ea826d156ad9cf9147088fe7734a207b6ca124d', class: { "tet-accordion__header": true, [this.theme]: true }, onClick: this.toggleOpenState, onKeyDown: this.toggleAccessibilityOpenState, tabIndex: 0 }, h("slot", { key: '3b78ee41a4f22a8a0bf1237173b28a78d808d940', name: "header" }, this.headerIconName && (h("tet-icon", { key: '43c7e339724c436335451eafbc72f5681b3935ec', name: this.headerIconName, class: "tet-accordion__header-icon tet-accordion__icon" })), this.headerImageSrc && this.headerImageSrc !== '' && (h("img", { key: '8327e61328e5b4e35aa54c685306246cefcb81dc', src: this.headerImageSrc, alt: this.headerImageAlt ? this.headerImageAlt : undefined, class: "tet-accordion__header-image" })), this.renderHeading(), h("tet-icon", { key: 'daff22a91588ad0d4044016797240d3ed848e3ca', name: `chevron-${this.indicatorDirection}`, class: {
+            } }, h("div", { key: 'b5856911d35bd1df2bf3adcfe2375277488bf3bb', class: {
+                "tet-accordion__header": true,
+                [this.theme]: true,
+                "tet-accordion__header--non-interactive": !this.isHeaderInteractive,
+            }, ...(this.isHeaderInteractive ? {
+                onClick: this.toggleOpenState,
+                onKeyDown: this.toggleAccessibilityOpenState,
+                tabIndex: 0
+            } : {}) }, h("slot", { key: 'f2fe8313b0c5a00b0c050ea5bd6729ccd20c8df2', name: "header" }, this.headerIconName && (h("tet-icon", { key: '9fe06e2d923446dde7b37ed55e5388f77e537fcd', name: this.headerIconName, class: "tet-accordion__header-icon tet-accordion__icon" })), this.headerImageSrc && this.headerImageSrc !== '' && (h("img", { key: '1a4e600cb4555186a22e44edf23a82bce26e0fe6', src: this.headerImageSrc, alt: this.headerImageAlt ? this.headerImageAlt : undefined, class: "tet-accordion__header-image" })), this.renderHeading(), this.isHeaderInteractive && (h("tet-icon", { key: '99f4832c856e96e4a0a25943f26c4da78337f1bb', name: `chevron-${this.indicatorDirection}`, class: {
                 'tet-accordion__icon': true,
                 'open': this.isOpen
-            } }))), h("div", { key: '61436513cf64a292fe85940ffcc6880c82f31d3e', ref: (element) => (this.contentWrapperElement = element), class: {
+            } })))), h("div", { key: 'd0dccdb34955bd8ed88cd8fbf5d2c0da96ceb82a', ref: (element) => (this.contentWrapperElement = element), class: {
                 'tet-accordion__content-wrapper': true,
                 'visible': this.isOpen
-            }, inert: !this.isOpen }, h("div", { key: '4bd3bb838f7133771edcfa283c9f4f63cbd99544', ref: (element) => (this.contentElement = element), class: {
+            }, inert: !this.isOpen }, h("div", { key: '829eeb46fd84060db2d3c054dc6611d4dc10d727', ref: (element) => (this.contentElement = element), class: {
                 'tet-accordion__content': true
-            } }, h("slot", { key: '82e8d23d3493800a0ef506de6492ae9aff3dfa3d' }))))));
+            } }, h("slot", { key: 'b295c6d3b67f52013270b01e07fce4c72ecebf96' }))))));
     }
     static get is() { return "tet-accordion"; }
     static get encapsulation() { return "shadow"; }
@@ -376,6 +385,24 @@ export class TetAccordion {
                 "attribute": "transparent-background",
                 "reflect": false,
                 "defaultValue": "false"
+            },
+            "isHeaderInteractive": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "If true, the accordion header is interactive (clickable and keyboard accessible)."
+                },
+                "attribute": "is-header-interactive",
+                "reflect": false,
+                "defaultValue": "true"
             }
         };
     }

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: '0b68e891c0e9c65a6c91bb2241e5d1ab5ddcc446', class: { 'tet-expansion-panel': true, 'open': this.state === 'open' } }, h("div", { key: 'd2c7e42165d885ee0a51598256d8aa4ca8ea87f1', class: "tet-expansion-panel-content" }, h("slot", { key: '40431b6459fd0b51faa5bdb79c4a25bc6809efd6' }))));
     }
     static get is() { return "tet-expansion-panel"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/simple/tables-and-graphs/tet-table/tet-table.js

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