@scania/tegel 1.49.2-warning-beta.0 → 1.50.0-develop-beta.1

package/dist/cjs/tds-slider.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DGsdvbvx.js');
+var index = require('./index-BJ10h8-I.js');
 var generateUniqueId = require('./generateUniqueId-ComXTAM_.js');
 
 const sliderCss = () => `tds-slider{box-sizing:border-box;width:100%}tds-slider *{box-sizing:border-box}tds-slider input[type=range].tds-slider-native-element{display:none}tds-slider .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.tds-slider-wrapper{width:100%}.tds-slider-wrapper.read-only{pointer-events:none}.tds-slider{width:100%;display:flex;flex-wrap:nowrap;padding-top:65px}.tds-slider .tds-slider-inner{width:100%;height:20px;position:relative}.tds-slider .tds-slider-inner:focus-within .tds-slider__thumb-inner{outline:var(--tds-slider-thumb-focus-outline);box-shadow:var(--tds-slider-thumb-focus-box-shadow);outline-offset:var(--tds-slider-thumb-focus-outline-offset);z-index:1}.tds-slider .tds-slider__controls{position:relative;top:-25px}.tds-slider .tds-slider__controls .tds-slider__control{cursor:pointer}.tds-slider .tds-slider__controls .tds-slider__control.tds-slider__control-minus{padding:18px 18px 18px 0}.tds-slider .tds-slider__controls .tds-slider__control.tds-slider__control-plus{padding:18px 0 18px 18px}.tds-slider .tds-slider__input-values{position:relative;top:-25px;display:flex;flex-wrap:nowrap;align-items:center}.tds-slider .tds-slider__input-values .tds-slider__input-value{user-select:none;padding:18px;color:var(--tds-slider-input-value-color);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls)}.tds-slider .tds-slider__input-values .tds-slider__input-value.min-value{padding-left:0}.tds-slider .tds-slider__input-values .tds-slider__input-field-wrapper{background-color:var(--tds-slider-inputfield-background);display:flex;align-items:center;justify-content:center;border-radius:4px 4px 0 0}.tds-slider .tds-slider__input-values .tds-slider__input-field-wrapper tds-text-field .text-field-input[type=number]{width:auto;padding:12px;text-align:center;appearance:textfield}.tds-slider .tds-slider__input-values .tds-slider__input-field-wrapper tds-text-field .text-field-input[type=number]::-webkit-outer-spin-button,.tds-slider .tds-slider__input-values .tds-slider__input-field-wrapper tds-text-field .text-field-input[type=number]::-webkit-inner-spin-button{appearance:none;margin:0}.tds-slider .tds-slider__input-values .tds-slider__input-field-wrapper tds-text-field .text-field-input:read-only{text-align:left}.tds-slider .tds-slider__input-values .tds-slider__input-field-wrapper tds-text-field .text-field-icon__readonly{right:12px}.tds-slider label{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);user-select:none;position:absolute;color:var(--tds-slider-label-color);padding-bottom:16px;transform:translateY(-100%)}.tds-slider label.offset{padding-bottom:34px}.tds-slider .tds-slider__value{font:var(--tds-detail-01);letter-spacing:var(--tds-detail-01-ls);user-select:none;border-radius:4px;padding:8px 11px;position:absolute;transform:translate(-50%, -100%);top:-24px;background-color:var(--tds-slider-value-tooltip-background);color:var(--tds-slider-value-tooltip-color)}.tds-slider .tds-slider__value svg{color:var(--tds-slider-value-tooltip-background);position:absolute;left:50%;transform:translateX(-50%);top:34px}.tds-slider .tds-slider__thumb{position:absolute}.tds-slider .tds-slider__thumb:hover .tds-slider__value{display:block}.tds-slider .tds-slider__thumb .tds-slider__thumb-inner{width:20px;height:20px;border-radius:100%;background-color:var(--tds-slider-thumb-color);position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);cursor:pointer}.tds-slider .tds-slider__thumb .tds-slider__thumb-inner::before{content:" ";display:none;width:48px;height:48px;background-color:var(--tds-slider-thumb-color);position:absolute;border-radius:100%;top:50%;left:50%;transform:translate(-50%, -50%)}.tds-slider .tds-slider__thumb .tds-slider__thumb-inner:hover::before{display:block;background-color:var(--tds-slider-thumb-hover)}.tds-slider .tds-slider__thumb .tds-slider__thumb-inner.pressed{width:24px;height:24px}.tds-slider .tds-slider__thumb .tds-slider__thumb-inner.pressed::before{display:block;background-color:var(--tds-slider-thumb-pressed)}.tds-slider .tds-slider__value-dividers-wrapper{position:relative;width:100%;pointer-events:none}.tds-slider .tds-slider__value-dividers{pointer-events:none;position:absolute;display:flex;justify-content:space-between;width:100%}.tds-slider .tds-slider__value-dividers .tds-slider__value-divider{transform:translateY(-50%);height:16px;background-color:var(--tds-slider-divider-color);color:var(--tds-slider-divider-values-color);width:1px}.tds-slider .tds-slider__value-dividers .tds-slider__value-divider span{display:block;user-select:none;color:var(-tds-grey-700);font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);position:relative;top:-7px;left:50%;transform:translate(-50%, -100%);width:50px;text-align:center}.tds-slider .tds-slider__track{width:100%;height:2px;border-radius:1px;background-color:var(--tds-slider-track-color);position:relative;cursor:pointer}.tds-slider .tds-slider__track::after{content:"";position:absolute;left:0;right:0;top:-10px;bottom:-10px;cursor:pointer;z-index:0}.tds-slider .tds-slider__track:focus{outline:0}.tds-slider .tds-slider__track:focus .tds-slider__thumb .tds-slider__thumb-inner{width:24px;height:24px}.tds-slider .tds-slider__track:focus .tds-slider__thumb .tds-slider__thumb-inner::before{display:block;opacity:0.08}.tds-slider .tds-slider__track .tds-slider__track-fill{background-color:var(--tds-slider-track-fill-color);border-radius:2px;height:4px;position:absolute;left:0;top:-1px}.tds-slider .tds-slider__track .tds-slider__thumb{z-index:1}.tds-slider.disabled{cursor:not-allowed}.tds-slider.disabled>*{pointer-events:none}.tds-slider.disabled label{color:var(--tds-slider-label-disabled)}.tds-slider.disabled .tds-slider__controls .tds-slider__control{cursor:default}.tds-slider.disabled .tds-slider__input-values .tds-slider__input-value{color:var(--tds-slider-input-value-disabled)}.tds-slider.disabled .tds-slider__input-values .tds-slider__input-field-wrapper{pointer-events:none}.tds-slider.disabled .tds-slider__input-values .tds-slider__input-field-wrapper input.tds-slider__input-field{color:var(--tds-slider-inputfield-number-disabled);box-shadow:none;pointer-events:none;background:var(--tds-slider-inputfield-background-disabled)}.tds-slider.disabled .tds-slider__value{display:none}.tds-slider.disabled .tds-slider__track{cursor:not-allowed;background-color:var(--tds-slider-track-disabled)}.tds-slider.disabled .tds-slider__track .tds-slider__track-fill{background-color:var(--tds-slider-track-disabled)}.tds-slider.disabled .tds-slider__value-dividers .tds-slider__value-divider{background-color:var(--tds-slider-divider-disabled)}.tds-slider.disabled .tds-slider__value-dividers .tds-slider__value-divider span{color:var(--tds-slider-divider-values-disabled)}.tds-slider.disabled .tds-slider__thumb{pointer-events:none}.tds-slider.disabled .tds-slider__thumb .tds-slider__thumb-inner{background-color:var(--tds-slider-thumb-disabled);cursor:default}.tds-slider.tds-slider-small .tds-slider__thumb .tds-slider__thumb-inner{width:16px;height:16px}.tds-slider.tds-slider-small .tds-slider__thumb .tds-slider__thumb-inner::before{width:40px;height:40px}.tds-slider.tds-slider-small .tds-slider__thumb .tds-slider__thumb-inner.pressed{width:20px;height:20px}.tds-slider .tds-slider__controls .tds-slider__control{cursor:pointer}.tds-slider .tds-slider__controls .tds-slider__control.tds-slider__control-minus tds-icon,.tds-slider .tds-slider__controls .tds-slider__control.tds-slider__control-plus tds-icon{color:var(--tds-slider-controls-color)}.tds-slider.disabled .tds-slider__controls .tds-slider__control{cursor:default}.tds-slider.disabled .tds-slider__controls .tds-slider__control.tds-slider__control-minus tds-icon,.tds-slider.disabled .tds-slider__controls .tds-slider__control.tds-slider__control-plus tds-icon{color:var(--tds-slider-controls-disabled)}`;
@@ -421,7 +421,7 @@ const TdsSlider = class {
     }
     componentDidLoad() {
         this.calculateInputSizeFromMax();
-        if (!this.resizeObserverAdded) {
+        if (!this.resizeObserverAdded && typeof ResizeObserver !== 'undefined') {
             this.resizeObserverAdded = true;
             const resizeObserver = new ResizeObserver(() => {
                 this.calculateThumbLeftFromValue(this.value);
@@ -465,30 +465,30 @@ const TdsSlider = class {
     }
     render() {
         const ariaLabel = this.readOnly ? this.tdsReadOnlyAriaLabel : this.label || this.tdsAriaLabel;
-        return (index.h("div", { key: 'b292fb88725097524b908a920eec96c87a242685', class: {
+        return (index.h("div", { key: '8b3642548f48ff352395b4d3ebdf84abf464b51d', class: {
                 'tds-slider-wrapper': true,
                 'read-only': this.readOnly,
-            } }, index.h("input", { key: '93df885ffdb69b5b9261877f3489f4e0a27de114', class: "tds-slider-native-element", type: "range", name: this.name, min: this.min, max: this.max, step: this.step, value: this.value, disabled: this.disabled }), index.h("div", { key: '730c20f6adf2cb8b00222ece8c553240fca9fc6a', class: "sr-only", "aria-live": "assertive", ref: (el) => {
+            } }, index.h("input", { key: '9f35e897044114dd9a5c97a66e9a335d4c09975d', class: "tds-slider-native-element", type: "range", name: this.name, min: this.min, max: this.max, step: this.step, value: this.value, disabled: this.disabled }), index.h("div", { key: '74fe5f97050ae8fa970d0d2d00145a1f20b9d728', class: "sr-only", "aria-live": "assertive", ref: (el) => {
                 this.ariaLiveElement = el;
-            } }), index.h("div", { key: '0d7a1a204e4893cb451e00976825ed69b297d36f', class: {
+            } }), index.h("div", { key: '2af5ddfcb4cceb921ca8299438b6bc9b40bf1dd6', class: {
                 'tds-slider': true,
                 'disabled': this.disabled,
                 'tds-slider-small': this.useSmall,
             }, ref: (el) => {
                 this.wrapperElement = el;
-            }, "aria-disabled": this.disabled ? 'true' : 'false' }, index.h("label", { key: '8e02adb2e59e5425b8a2695e04d1de0c0db22808', id: `${this.sliderId}-label`, class: { offset: this.showTickNumbers } }, this.label), this.useInput && (index.h("div", { key: '3e1c8b9d0403536479a68c40dd30bae04203fb23', class: "tds-slider__input-values" }, index.h("div", { key: '9fc1090387cfeb4d4e7b6bad0676df1b49057ede', class: "tds-slider__input-value min-value" }, this.min))), this.useControls && (index.h("div", { key: '996317c2a48374311a2b654994dc99d5d62555dd', class: "tds-slider__controls" }, index.h("div", { key: '07aeeabdcd75d6238ac7ee458aee91ca951bc748', class: "tds-slider__control tds-slider__control-minus", onClick: (event) => this.stepLeft(event), role: "button", "aria-label": "Decrease value", tabindex: this.disabled || this.readOnly ? '-1' : '0' }, index.h("tds-icon", { key: 'e42b57eb0db364ad919398201fffe34fb167eb2f', name: "minus", size: "16px" })))), index.h("div", { key: '6ece66a7e5b6058cc2c9991b3625c2ae7f474fa7', class: "tds-slider-inner", tabIndex: -1 }, this.tickValues.length > 0 && (index.h("div", { key: 'ceb9140f2bf24827913ae5adfc911827f6e487d1', class: "tds-slider__value-dividers-wrapper" }, index.h("div", { key: 'd0b6cb025543e7de8d68d86b9d3b7ac91ec4782a', class: "tds-slider__value-dividers" }, this.tickValues.map((value) => (index.h("div", { class: "tds-slider__value-divider" }, this.showTickNumbers && index.h("span", null, value))))))), index.h("div", { key: '40355beb56539ade6aadc6b75aa8a5444ddeb512', class: "tds-slider__track", ref: (el) => {
+            }, "aria-disabled": this.disabled ? 'true' : 'false' }, index.h("label", { key: '7461b0e104ee03cf51c9e84ab8af06df78b6b12b', id: `${this.sliderId}-label`, class: { offset: this.showTickNumbers } }, this.label), this.useInput && (index.h("div", { key: 'ce065240c807cf75544efd3ecc2c5b1b45e0b987', class: "tds-slider__input-values" }, index.h("div", { key: 'ac8b1a0d7cd44e079e7739e9697912a7f8c65c62', class: "tds-slider__input-value min-value" }, this.min))), this.useControls && (index.h("div", { key: 'e85dfafe22e306fa8f9c2a0ee2c094caa0937abf', class: "tds-slider__controls" }, index.h("div", { key: 'b21861744b1ba29cc6d5566d2d466c507b55f54e', class: "tds-slider__control tds-slider__control-minus", onClick: (event) => this.stepLeft(event), role: "button", "aria-label": "Decrease value", tabindex: this.disabled || this.readOnly ? '-1' : '0' }, index.h("tds-icon", { key: 'b31ed68e1b5a96d85951c928abf4dae472889050', name: "minus", size: "16px" })))), index.h("div", { key: 'b4c46afe353a403e2f2ebb35e40bad3946f83e23', class: "tds-slider-inner", tabIndex: -1 }, this.tickValues.length > 0 && (index.h("div", { key: '0c4662ea24810f52b6415f4bf205e1dff4250d7c', class: "tds-slider__value-dividers-wrapper" }, index.h("div", { key: '39f70859eecd83a4f962288e7d06f61719260297', class: "tds-slider__value-dividers" }, this.tickValues.map((value) => (index.h("div", { class: "tds-slider__value-divider" }, this.showTickNumbers && index.h("span", null, value))))))), index.h("div", { key: '9f6214318aaaec0c792a94b3241dbcd9ce321130', class: "tds-slider__track", ref: (el) => {
                 this.trackElement = el;
             }, tabindex: this.disabled ? '-1' : '0', role: "presentation", onFocus: () => {
                 if (this.thumbElement) {
                     this.thumbElement.focus();
                 }
-            } }, index.h("div", { key: '91f7514a2f8533a91b90af108fe5a7559019c387', class: "tds-slider__track-fill", ref: (el) => {
+            } }, index.h("div", { key: 'd70dbc3e02dda21538a1c709ee9fb94bf1517766', class: "tds-slider__track-fill", ref: (el) => {
                 this.trackFillElement = el;
-            } }), index.h("div", { key: 'e25e3f91631040ce0b2aea1ae5007a9b989f239c', class: "tds-slider__thumb", ref: (el) => {
+            } }), index.h("div", { key: 'aa5ceb99150a8387e9b01becd054e3beee185955', class: "tds-slider__thumb", ref: (el) => {
                 this.thumbElement = el;
-            }, onMouseDown: () => this.grabThumb(), onTouchStart: () => this.grabThumb(), role: "slider", "aria-valuemin": this.min, "aria-valuemax": this.max, "aria-valuenow": this.value, "aria-valuetext": `${this.value} of ${this.max}`, "aria-labelledby": `${this.sliderId}-label`, "aria-grabbed": this.thumbGrabbed ? 'true' : 'false', "aria-label": ariaLabel, tabindex: this.disabled ? '-1' : '0' }, this.tooltip && (index.h("div", { key: 'f21169a0dc0df70287c680e3f5ba32c4ae8e263f', class: "tds-slider__value" }, this.value, index.h("svg", { key: '1cf441da18bfc2d8b55a009073dea7ef948ddcad', width: "18", height: "14", viewBox: "0 0 18 14", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: '050ac1177f3b4526f94a1ff4418b746c56463009', d: "M8.15882 12.6915L0.990487 1.54076C0.562658 0.875246 1.0405 0 1.83167 0H16.1683C16.9595 0 17.4373 0.875246 17.0095 1.54076L9.84118 12.6915C9.44754 13.3038 8.55246 13.3038 8.15882 12.6915Z", fill: "currentColor" })))), index.h("div", { key: '8817050cc1ead7468139f7d166b61ca3d977c578', class: "tds-slider__thumb-inner", ref: (el) => {
+            }, onMouseDown: () => this.grabThumb(), onTouchStart: () => this.grabThumb(), role: "slider", "aria-valuemin": this.min, "aria-valuemax": this.max, "aria-valuenow": this.value, "aria-valuetext": `${this.value} of ${this.max}`, "aria-labelledby": `${this.sliderId}-label`, "aria-grabbed": this.thumbGrabbed ? 'true' : 'false', "aria-label": ariaLabel, tabindex: this.disabled ? '-1' : '0' }, this.tooltip && (index.h("div", { key: 'b1b3ecfbedd63039e66aabc10db98b7b25c04b6d', class: "tds-slider__value" }, this.value, index.h("svg", { key: '80e22bbb6b56c85f754c7cfae63f21d7adb7eb56', width: "18", height: "14", viewBox: "0 0 18 14", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: '4ce11c849ba43904f2d2d1540bb60c12a1e695ee', d: "M8.15882 12.6915L0.990487 1.54076C0.562658 0.875246 1.0405 0 1.83167 0H16.1683C16.9595 0 17.4373 0.875246 17.0095 1.54076L9.84118 12.6915C9.44754 13.3038 8.55246 13.3038 8.15882 12.6915Z", fill: "currentColor" })))), index.h("div", { key: '44205e90c8ff3e6506e155a66b6ce53aa191f25e', class: "tds-slider__thumb-inner", ref: (el) => {
                 this.thumbInnerElement = el;
-            } })))), this.useInput && (index.h("div", { key: 'b3132b32773468761ead8f3f3e035df8b51fe319', class: "tds-slider__input-values" }, index.h("div", { key: 'faa0e4b8e5c60430d90902bb97c80e621407cca5', class: "tds-slider__input-value", onClick: (event) => this.stepLeft(event) }, this.max), index.h("div", { key: '05f9d258e85202769af4cc8c1a665bb08af9d8bd', class: "tds-slider__input-field-wrapper" }, index.h("tds-text-field", { key: 'cb5eda3e508e4bae438e1e282543fc20e2ff4b84', noMinWidth: true, size: "sm", type: "number", value: this.value, min: this.min, max: this.max, readOnly: this.readOnly, disabled: this.disabled, onTdsChange: (e) => console.log(e), tdsAriaLabel: this.readOnly ? this.tdsReadOnlyAriaLabel : undefined, onTdsBlur: (event) => this.updateSliderValueFromTextField(event), onKeyDown: (event) => this.handleInputFieldEnterPress(event) })))), this.useControls && (index.h("div", { key: '0e0f1d2d1ee7630b9b802291395581add2324b7d', class: "tds-slider__controls" }, index.h("div", { key: 'b9675d90ec44b9a2b0b9880b19c1abd5d02ad98e', class: "tds-slider__control tds-slider__control-plus", onClick: (event) => this.stepRight(event), role: "button", "aria-label": "Increase value", tabindex: this.disabled || this.readOnly ? '-1' : '0' }, index.h("tds-icon", { key: '6af836d67b5fdf5c5c7c2c5de68acb6781d4e020', name: "plus", size: "16px" })))))));
+            } })))), this.useInput && (index.h("div", { key: '099b5dfac47680c3a2d882273856689d9bdd3953', class: "tds-slider__input-values" }, index.h("div", { key: '68f0c9d23bbadfe61a7edcb8ab38ed7a22b3a7b1', class: "tds-slider__input-value", onClick: (event) => this.stepLeft(event) }, this.max), index.h("div", { key: '481a52db19f0bc035c43a252e005e5304a27bf9e', class: "tds-slider__input-field-wrapper" }, index.h("tds-text-field", { key: '5361928ed0dcf9cb5cb873a0b769ea0af76c809c', noMinWidth: true, size: "sm", type: "number", value: this.value, min: this.min, max: this.max, readOnly: this.readOnly, disabled: this.disabled, onTdsChange: (e) => console.log(e), tdsAriaLabel: this.readOnly ? this.tdsReadOnlyAriaLabel : undefined, onTdsBlur: (event) => this.updateSliderValueFromTextField(event), onKeyDown: (event) => this.handleInputFieldEnterPress(event) })))), this.useControls && (index.h("div", { key: 'abaa88dc33a0193360999df8ba6fe04569ff12aa', class: "tds-slider__controls" }, index.h("div", { key: '294ebb18d08ea797ee481f38f2b8c7f57b368ce2', class: "tds-slider__control tds-slider__control-plus", onClick: (event) => this.stepRight(event), role: "button", "aria-label": "Increase value", tabindex: this.disabled || this.readOnly ? '-1' : '0' }, index.h("tds-icon", { key: '637b1f5eb5744749b534be62848c2a5f33a20475', name: "plus", size: "16px" })))))));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/tds-spinner.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DGsdvbvx.js');
+var index = require('./index-BJ10h8-I.js');
 
 const spinnerCss = () => `:root{--spinner-background-inverted:var(--tds-white)}:root,.scania,.scania .tds-mode-light{--spinner-background:var(--tds-blue-400)}.scania .tds-mode-dark{--spinner-background:var(--tds-blue-400)}.traton,.traton .tds-mode-light{--spinner-background:rgba(0, 72, 82, 1)}.traton .tds-mode-dark{--spinner-background:rgba(194, 191, 182, 1)}:root{--spinner-speed:1.8s;--spinner-speed-lg:2s;--spinner-radius-xs:8px;--spinner-radius-sm:12px;--spinner-radius-md:26px;--spinner-radius-lg:42px;--spinner-radius:var(--spinner-radius-lg);--spinner-stroke-width-xs:3px;--spinner-stroke-width-sm:4px;--spinner-stroke-width-md:6px;--spinner-stroke-width-lg:8px;--spinner-stroke-width:var(--spinner-stroke-width-lg);--PI:3.14159265358979}:host{box-sizing:border-box;display:block}:host *{box-sizing:border-box}.tds-spinner-svg{display:block;width:calc(var(--spinner-radius) * 2);height:calc(var(--spinner-radius) * 2);transform:scale(-1, 1) rotate(-90deg)}.tds-spinner-svg-xs{--spinner-radius:var(--spinner-radius-xs);--spinner-stroke-width:var(--spinner-stroke-width-xs);--spinner-animation-speed:var(--spinner-speed)}.tds-spinner-svg-sm{--spinner-radius:var(--spinner-radius-sm);--spinner-stroke-width:var(--spinner-stroke-width-sm);--spinner-animation-speed:var(--spinner-speed)}.tds-spinner-svg-md{--spinner-radius:var(--spinner-radius-md);--spinner-stroke-width:var(--spinner-stroke-width-md);--spinner-animation-speed:var(--spinner-speed)}.tds-spinner-svg-lg{--spinner-radius:var(--spinner-radius-lg);--spinner-stroke-width:var(--spinner-stroke-width-lg);--spinner-animation-speed:var(--spinner-speed-lg)}.tds-spinner-circle{cx:var(--spinner-radius);cy:var(--spinner-radius);r:calc(var(--spinner-radius) - var(--spinner-stroke-width) / 2);fill:none;--spinner-stroke-dash:calc((2 * var(--PI)) * var(--spinner-radius));stroke-dasharray:var(--spinner-stroke-dash);stroke-width:var(--spinner-stroke-width);animation:dash var(--spinner-animation-speed) cubic-bezier(0.55, 0.15, 0.45, 0.85) infinite}.tds-spinner-circle-standard{stroke:var(--spinner-background)}.tds-spinner-circle-inverted{stroke:var(--spinner-background-inverted)}@keyframes dash{from{stroke-dashoffset:calc(-1 * var(--spinner-stroke-dash))}to{stroke-dashoffset:var(--spinner-stroke-dash)}}`;
 
@@ -13,7 +13,7 @@ const TdsSpinner = class {
         this.variant = 'standard';
     }
     render() {
-        return (index.h("div", { key: '6b8e0e3672d59119b4c81a514c2ce3c7aec0bdce', "aria-live": "assertive", role: "status", "aria-label": "loading" }, index.h("svg", { key: 'f311853629ac196027dbc6a7d4ae8df0df19a1ff', class: `tds-spinner-svg tds-spinner-svg-${this.size}`, "aria-hidden": "true" }, index.h("circle", { key: '0c78f2bb689a72bb5ae7c1e0329fb943d517d352', class: `tds-spinner-circle tds-spinner-circle-${this.variant}` }))));
+        return (index.h("div", { key: '6bc92547f2513496d52ff297e0edc981c5dd7d89', "aria-live": "assertive", role: "status", "aria-label": "loading" }, index.h("svg", { key: '4997ea9dffe315deb470c76df65a3da2a5e576a0', class: `tds-spinner-svg tds-spinner-svg-${this.size}`, "aria-hidden": "true" }, index.h("circle", { key: '90dd9b3586801519aa62977c27099306f587db6e', class: `tds-spinner-circle tds-spinner-circle-${this.variant}` }))));
     }
 };
 TdsSpinner.style = spinnerCss();

package/dist/cjs/tds-step.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DGsdvbvx.js');
+var index = require('./index-BJ10h8-I.js');
 
 const stepCss = () => `:host{position:relative;display:table-cell}:host [role=listitem]{display:flex;justify-content:start;flex-direction:row;align-items:center;gap:8px}:host [role=listitem].text-below{flex-direction:column}:host [role=listitem].lg{padding:0 20px;font:var(--tds-detail-01);letter-spacing:var(--tds-detail-01-ls)}:host [role=listitem].lg .content-container{height:30px;min-width:30px}:host [role=listitem].lg .content-container tds-icon{vertical-align:bottom}:host [role=listitem].lg .content-container .index-container{vertical-align:sub}:host [role=listitem].lg.vertical::after{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);height:36px;width:1px;top:40px;left:36px}:host [role=listitem].lg.horizontal::after{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);height:1px;left:calc(50% + 16px + 16px);right:0;top:16px}:host [role=listitem].lg.horizontal::before{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);height:1px;right:calc(50% + 16px + 16px);left:0;top:16px}:host [role=listitem].lg.horizontal.hide-labels::after{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);height:1px;left:calc(50% + 16px + 8px);right:0;top:16px}:host [role=listitem].lg.horizontal.hide-labels::before{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);height:1px;right:calc(50% + 16px + 8px);left:0;top:16px}:host [role=listitem].lg.horizontal.text-aside:not(.hide-labels)::after{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);height:1px;left:auto;right:-10px;width:10px}:host [role=listitem].lg.horizontal.text-aside:not(.hide-labels)::before{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);height:1px;top:16px;left:-10px;right:auto;width:10px}:host [role=listitem].sm{padding:0 20px;font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls)}:host [role=listitem].sm .index-container{vertical-align:-webkit-baseline-middle;vertical-align:-moz-middle-with-baseline}:host [role=listitem].sm .content-container{height:24px;min-width:24px}:host [role=listitem].sm .tds-step-icon{vertical-align:-webkit-baseline-middle;vertical-align:-moz-middle-with-baseline;margin-top:-2px}:host [role=listitem].sm.vertical::after{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);height:20px;width:1px;top:34px;left:32px}:host [role=listitem].sm.vertical::before{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);height:20px;width:1px;top:34px;left:32px}:host [role=listitem].sm.horizontal::after{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);height:1px;left:calc(50% + 12px + 16px);right:0;top:13px}:host [role=listitem].sm.horizontal::before{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);height:1px;left:0;right:calc(50% + 12px + 16px);top:13px}:host [role=listitem].sm.horizontal.hide-labels::after{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);height:1px;left:calc(50% + 12px + 8px);right:0;top:13px}:host [role=listitem].sm.horizontal.hide-labels::before{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);height:1px;right:calc(50% + 12px + 8px);left:0;top:13px}:host [role=listitem].sm.horizontal.text-aside:not(.hide-labels)::after{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);height:1px;top:13px;left:auto;right:-10px;width:10px}:host [role=listitem].sm.horizontal.text-aside:not(.hide-labels)::before{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);height:1px;top:13px;left:-10px;right:auto;width:10px}:host [role=listitem] .content-container{border-radius:100px;border:1px solid var(--tds-stepper-icon-background);text-align:center;position:relative}:host [role=listitem] .content-container.error{border-color:var(--tds-stepper-icon-step-border-color-warning);color:var(--tds-stepper-icon-step-border-color-warning)}:host [role=listitem] .content-container.success{background-color:var(--tds-stepper-icon-step-border-color-success);border-color:var(--tds-stepper-icon-step-border-color-success);color:var(--tds-white)}:host [role=listitem] .content-container.current{background-color:var(--tds-stepper-icon-step-border-color-current);color:var(--tds-stepper-color)}:host [role=listitem] .content-container.upcoming{background-color:transparent;border-color:var(--tds-stepper-label-border-color-upcoming);color:var(--tds-stepper-label-text-color-upcoming)}:host [role=listitem] .label{text-align:center}:host [role=listitem] .label.lg{font:var(--tds-detail-01);letter-spacing:var(--tds-detail-01-ls)}:host [role=listitem] .label.sm{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls)}:host [role=listitem] .label.upcoming{color:var(--tds-stepper-label-text-color-upcoming);opacity:var(--tds-stepper-label-text-opacity-upcoming)}:host(:last-of-type) [role=listitem].horizontal.text-aside{padding-right:0;padding-left:20px}:host(:last-of-type) [role=listitem].horizontal.text-aside::before{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);height:1px;width:20px;left:-10px;right:auto;top:16px}:host(:last-of-type) [role=listitem].horizontal.text-aside.sm.hide-labels::before{top:13px;width:13px;left:0;right:calc(50% + 20px)}:host(:last-of-type) [role=listitem].sm::after,:host(:last-of-type) [role=listitem].lg::after{display:none}:host(:last-of-type) [role=listitem].sm.vertical::before{display:none}:host(:first-of-type) [role=listitem].sm::before,:host(:first-of-type) [role=listitem].lg::before{display:none}`;
 
@@ -40,7 +40,7 @@ const TdsStep = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '71ffa72c7207f344cfd9e614354b52c57e133a36' }, index.h("div", { key: '9e738ad1d10d83c7a3f29fe4602fdb698ff4a574', role: "listitem", "aria-disabled": this.state === 'upcoming' ? 'true' : 'false', "aria-current": this.tdsAriaCurrent, tabIndex: -1, "aria-label": `Step ${this.index}: ${this.state}`, class: `${this.size} ${this.orientation} text-${this.labelPosition} ${this.hideLabels ? 'hide-labels' : ''}` }, index.h("span", { key: '6d7c25472829f5459bb97d8f5a1a0cec3343f595', class: `${this.state} content-container` }, this.state === 'success' || this.state === 'error' ? (index.h("tds-icon", { "aria-hidden": "true", svgTitle: `tds-step-icon-${this.stepperId}`, class: 'tds-step-icon', name: this.state === 'success' ? 'tick' : 'warning', size: this.size === 'lg' ? '20px' : '16px' })) : (index.h("span", { "aria-hidden": "true", class: "index-container" }, this.index))), !this.hideLabels && (index.h("div", { key: 'bd3f88a33114c3eee0fe6402ad4365ad1d4a5b10', "aria-hidden": "true", class: `label ${this.size} ${this.state}` }, index.h("slot", { key: 'cc7a809cc19505b21a748fe5eb58cc8900188625', name: "label" }))))));
+        return (index.h(index.Host, { key: 'c76b0023f433c881360b9a98ad96d0a163a0d99d' }, index.h("div", { key: 'ea169fe4d94d0b33e36eb52ffeb2e08982c2704c', role: "listitem", "aria-disabled": this.state === 'upcoming' ? 'true' : 'false', "aria-current": this.tdsAriaCurrent, tabIndex: -1, "aria-label": `Step ${this.index}: ${this.state}`, class: `${this.size} ${this.orientation} text-${this.labelPosition} ${this.hideLabels ? 'hide-labels' : ''}` }, index.h("span", { key: 'c6f3f8f2d0ba7b2c4ed15abc45551bacf69e36b0', class: `${this.state} content-container` }, this.state === 'success' || this.state === 'error' ? (index.h("tds-icon", { "aria-hidden": "true", svgTitle: `tds-step-icon-${this.stepperId}`, class: 'tds-step-icon', name: this.state === 'success' ? 'tick' : 'warning', size: this.size === 'lg' ? '20px' : '16px' })) : (index.h("span", { "aria-hidden": "true", class: "index-container" }, this.index))), !this.hideLabels && (index.h("div", { key: '9ff61949c0de2d74962a6a10e46915bd5484b282', "aria-hidden": "true", class: `label ${this.size} ${this.state}` }, index.h("slot", { key: '6c13e8acd45be0e104207b8daaa9ef64ec1453ee', name: "label" }))))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/tds-stepper.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DGsdvbvx.js');
+var index = require('./index-BJ10h8-I.js');
 var generateUniqueId = require('./generateUniqueId-ComXTAM_.js');
 
 const stepperCss = () => `:host [role=list]{display:flex;justify-content:space-evenly;min-width:100%}:host [role=list]:not(.text-position-aside){display:table;table-layout:fixed;width:100%;list-style:none}:host [role=list].vertical{height:100%;display:flex;flex-direction:column;justify-content:unset;gap:52px}:host [role=list].vertical.sm{gap:36px}:host [role=list].horizontal.text-position-aside{justify-content:unset}`;
@@ -60,7 +60,7 @@ const TdsStepper = class {
         });
     }
     render() {
-        return (index.h(index.Host, { key: 'a62077cf8b1936e7109eea64cad0ceb67a45c676' }, index.h("div", { key: 'f958fcd53b074ac8ac72d055162e738116e94956', role: "list", "aria-label": this.tdsAriaLabel, class: `${this.orientation} text-position-${this.labelPosition} ${this.size}` }, index.h("slot", { key: 'e9dfa6c14ec134baafe5a58394337b09ca091809' }))));
+        return (index.h(index.Host, { key: '6639dd75f7c2e87d85165810b90608c28129f5ee' }, index.h("div", { key: 'def675a425fb28d4c14153278a283bf047ef3a5e', role: "list", "aria-label": this.tdsAriaLabel, class: `${this.orientation} text-position-${this.labelPosition} ${this.size}` }, index.h("slot", { key: '5ae928f0400ca4bf419f5dc15ac4e07583c7235b' }))));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/tds-table-body-input-wrapper.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DGsdvbvx.js');
+var index = require('./index-BJ10h8-I.js');
 
 const tableBodyInputWrapperCss = () => `:host{position:relative}:host(.focused-input-wrapper) tds-icon{display:inline-block}:host(.show-icon) ::slotted(input){padding-right:var(--tds-spacing-element-24)}:host(:hover) tds-icon{display:inline-block}:host(:hover) ::slotted(input:not(:focus)){background-color:var(--tds-table-input-background-hover)}tds-icon.edit-icon{display:none;position:absolute;right:10px;top:1px;pointer-events:none;cursor:pointer}::slotted(input){box-sizing:border-box;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);padding-left:var(--tds-spacing-element-16);padding-right:var(--tds-spacing-element-16);color:var(--tds-table-color);background-color:transparent;height:48px;border-radius:0;border:0;border-bottom:2px solid transparent;width:100%;cursor:pointer}::slotted(input)::placeholder{color:var(--tds-table-color)}::slotted(input:disabled){background-color:var(--tds-table-input-background-disabled)}::slotted(input:focus){outline:none;background-color:var(--tds-table-input-background-focus);border-bottom:2px solid var(--tds-text-field-bar)}:host(.tds-table__compact) ::slotted(input){height:32px;}`;
 
@@ -88,7 +88,7 @@ const TdsTableBodyInputWrapper = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '55c8cd1004779a0a3a963c33b8466cc913ca287f', class: {
+        return (index.h(index.Host, { key: '8dc24acf73acb59732dcd490d792545a63679d2a', class: {
                 'focused-input-wrapper': this.inputFocused,
                 'show-icon': this.showIcon,
                 'tds-table__compact': this.compactDesign,

package/dist/cjs/tds-table-body-row-expandable.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DGsdvbvx.js');
+var index = require('./index-BJ10h8-I.js');
 var generateUniqueId = require('./generateUniqueId-ComXTAM_.js');
 
 const tableBodyRowExpandableCss = () => `:host{box-sizing:border-box;display:contents}:host *{box-sizing:border-box}:host .tds-table__row,:host .tds-table__row-extend{display:table-row;border-bottom:1px solid var(--tds-table-divider);background-color:var(--tds-table-body-row-background);transition:background-color 200ms ease;color:var(--tds-table-color)}:host .tds-table__row--expanded{border-bottom:none}:host .tds-table__row--selected{background-color:var(--tds-table-body-row-background-selected)}:host .tds-table__row:hover,:host .tds-table__row-extend:hover{background-color:var(--tds-table-body-row-background-hover)}:host .tds-table__row--selected:hover{background-color:var(--tds-table-body-row-background-selected-hover)}:host .tds-table__body-cell--checkbox{min-width:48px;width:48px;padding:0}:host .tds-form-label--table{width:100%;height:48px;display:flex;justify-content:center;align-items:center;cursor:pointer}:host .tds-table__expand-control-container{display:flex;justify-content:center;align-items:center;height:46px;cursor:pointer;padding:0 16px;position:relative}:host .tds-table__expand-control-container .tds-table__expand-input{all:unset;top:0;left:0;width:100%;height:100%;position:absolute;cursor:pointer}:host .tds-table__expand-control-container .tds-table__expand-input:focus{outline:2px solid var(--tds-focus-outline-color);box-shadow:0 0 0 1px var(--tds-white);outline-offset:1px;z-index:1}:host .tds-table__expand-control-container .tds-expendable-row-icon{height:16px;width:16px;transition:transform 200ms ease;transform:rotate(0)}:host .tds-table__row-expand{display:none;transition:background-color 200ms ease}:host .tds-table__row-expand--expanded{border-bottom:1px solid var(--tds-table-divider)}:host .tds-table__row-expand .tds-table__cell-expand{max-width:1px;overflow:auto;padding:16px 16px 16px 66px;color:var(--tds-table-color)}:host .tds-table__row-expand .tds-table__cell-expand--overflow-visible{overflow:visible}:host .tds-table__row-expand .tds-table__cell-expand--overflow-hidden{overflow:hidden}:host(.tds-table__row-expand--active) .tds-table__row{background-color:var(--tds-table-body-row-background-selected)}:host(.tds-table__row-expand--active) .tds-table__expand-control-container .tds-expendable-row-icon{transform:rotate(180deg)}:host(.tds-table__row-expand--active) .tds-table__row-expand{background-color:var(--tds-table-body-row-background-selected);display:table-row}:host(.tds-table__compact) .tds-table__expand-control-container{height:30px}:host(.tds-table__compact) .tds-table__row-expand .tds-table__cell-expand{padding:8px 16px 8px 66px}:host(.tds-table__compact) .tds-form-label--table{height:32px}:host(.tds-table__row--hidden){display:none}:host(.tds-table--divider) .tds-table__cell-expand{border-right:1px solid var(--tds-table-divider)}:host(.tds-table--divider) .tds-table__body-cell--checkbox{border-right:1px solid var(--tds-table-divider)}`;
@@ -139,27 +139,27 @@ const TdsTableBodyRowExpandable = class {
     }
     render() {
         var _a;
-        return (index.h(index.Host, { key: 'a9d04614f8d871750cb2fa00b1a337d6f9e28ace', class: {
+        return (index.h(index.Host, { key: '4cb9b9ae686cff6a0c9f7a73a2eb72eb4444859a', class: {
                 'tds-table__row': true,
                 'tds-table__row-expand--active': this.isExpanded,
                 'tds-table__compact': this.compactDesign,
                 'tds-table--divider': this.verticalDividers,
-            } }, index.h("tr", { key: '3793225d2c27f912c163412d60a20b02bd2371d8', id: `expandable-content-${this.rowId}`, class: {
+            } }, index.h("tr", { key: 'd9df910f8c230d7a0289c887a6a9cea5af569d9d', id: `expandable-content-${this.rowId}`, class: {
                 'tds-table__row': true,
                 'tds-table__row--expanded': this.isExpanded,
                 'tds-table__row--selected': this.selected,
-            }, part: "row" }, this.multiselect && (index.h("td", { key: 'e3f677c5a981643bd962322c2af8fa5f211dfedf', class: "tds-table__body-cell tds-table__body-cell--checkbox tds-form-label tds-form-label--table" }, index.h("tds-checkbox", { key: 'afc00dda710e7e264c37211b4f616899939d1430', onTdsChange: (event) => this.handleCheckboxChange(event), checked: this.selected, disabled: this.disabled }))), index.h("td", { key: 'b6ec0d7bd81f5006cd3947b2c3381db72b879e37', class: {
+            }, part: "row" }, this.multiselect && (index.h("td", { key: 'e7b76c0efb3fc1c6700980e0d48a681458eacd6f', class: "tds-table__body-cell tds-table__body-cell--checkbox tds-form-label tds-form-label--table" }, index.h("tds-checkbox", { key: 'e707b13211b328beb76ffe78ff874bbd863483ee', onTdsChange: (event) => this.handleCheckboxChange(event), checked: this.selected, disabled: this.disabled }))), index.h("td", { key: '6150b96c6b00407685d8f059c083bbd159a27938', class: {
                 'tds-table__cell-expand': true,
-            } }, index.h("label", { key: '4f509a0334697c59ee574a9913ced773923c7e8d', class: "tds-table__expand-control-container" }, index.h("input", { key: 'b9dc3b631f37bf872c4e0072a9bca78980d69252', class: "tds-table__expand-input", type: "checkbox", onChange: (event) => this.onChangeHandler(event), checked: this.isExpanded, "aria-expanded": this.isExpanded ? 'true' : 'false', "aria-controls": `expandable-content-${this.rowId}`, "aria-label": this.tdsAriaLabelExpandButton }), index.h("span", { key: 'bf6624feb9e7be71c1abf792c8ea9d9009d08ff2', class: "tds-expendable-row-icon" }, index.h("svg", { key: '6cd57f6ab7df0bed1a5253c4cad14c488ca9b086', fill: "none", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32" }, index.h("path", { key: '1f06b5699c21f9ba200ceb6fe2103510061c86cb', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M4.273 9.783a1 1 0 0 1 1.415 0l9.888 9.888a.6.6 0 0 0 .848 0l9.888-9.888a1 1 0 1 1 1.415 1.414l-9.889 9.889a2.6 2.6 0 0 1-3.677 0l-9.888-9.889a1 1 0 0 1 0-1.414Z", fill: "currentColor" }))))), index.h("slot", { key: 'dff5aa77425f0bae12cf17bbdd2e46c4d7e54e68' })), index.h("tr", { key: '1e087bbf254e7fb07a7673ebef3008be850c33db', class: {
+            } }, index.h("label", { key: '78df3bcaf49fb79d37d958a94645f6eaffbcdfba', class: "tds-table__expand-control-container" }, index.h("input", { key: '93a7d13ac6fd8a43e02ca67abadbcf1f37230cf8', class: "tds-table__expand-input", type: "checkbox", onChange: (event) => this.onChangeHandler(event), checked: this.isExpanded, "aria-expanded": this.isExpanded ? 'true' : 'false', "aria-controls": `expandable-content-${this.rowId}`, "aria-label": this.tdsAriaLabelExpandButton }), index.h("span", { key: '4e9399e6e6520e24a6f40cf0a4853f436c18bd9c', class: "tds-expendable-row-icon" }, index.h("svg", { key: 'cde3749b3716a1b96e0f93fe6d140f2e0d1a5174', fill: "none", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32" }, index.h("path", { key: '98803ddb93a854f0734a080641bd19c6983f63ea', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M4.273 9.783a1 1 0 0 1 1.415 0l9.888 9.888a.6.6 0 0 0 .848 0l9.888-9.888a1 1 0 1 1 1.415 1.414l-9.889 9.889a2.6 2.6 0 0 1-3.677 0l-9.888-9.889a1 1 0 0 1 0-1.414Z", fill: "currentColor" }))))), index.h("slot", { key: 'f821c49713d75972ce698c199da7b20eae103530' })), index.h("tr", { key: '1ffedd81c1410d80f31be60737d401a8622d104a', class: {
                 'tds-table__row-expand': true,
                 'tds-table__row-expand--expanded': this.isExpanded,
-            }, part: "expand-row" }, index.h("td", { key: 'bd1c81dcbadd11aca4483f481e06392d0a508a25', class: {
+            }, part: "expand-row" }, index.h("td", { key: '2d1f4ef38dcea38e4154ea4a788404c9b44f0b9a', class: {
                 'tds-table__cell-expand': true,
                 'tds-table__cell-expand--overflow-hidden': this.overflow === 'hidden',
                 'tds-table__cell-expand--overflow-visible': this.overflow === 'visible',
-            }, part: "expand-row-cell", colSpan: (_a = this.columnsNumber) !== null && _a !== void 0 ? _a : undefined }, index.h("div", { key: 'c99022dc16a229a351bc800989c1b500701b8678', style: {
+            }, part: "expand-row-cell", colSpan: (_a = this.columnsNumber) !== null && _a !== void 0 ? _a : undefined }, index.h("div", { key: 'ab809e98c84bc5c3bc5c1233ec20b18c80e569b7', style: {
                 overflow: this.overflow,
-            } }, index.h("slot", { key: '2e8dbbb470f6ac21eee98a712a3542774d5445a5', name: "expand-row" }))))));
+            } }, index.h("slot", { key: '0a540ac54a7b6e5c1d1567e5178a0bd624b76d2f', name: "expand-row" }))))));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/tds-table-body-row.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DGsdvbvx.js');
+var index = require('./index-BJ10h8-I.js');
 
 const tableBodyRowCss = () => `:host(.tds-table__row){box-sizing:border-box;display:table-row;border-bottom:1px solid var(--tds-table-divider);background-color:var(--tds-table-body-row-background);transition:background-color 200ms ease;color:var(--tds-table-color)}:host(.tds-table__row) *{box-sizing:border-box}:host(.tds-table__row) .tds-table__body-cell--checkbox{min-width:48px;width:48px;padding:0}:host(.tds-table__row:hover){border-bottom:1px solid var(--tds-table-divider-hover)}:host(.tds-table__row:hover){background-color:var(--tds-table-body-row-background-hover)}:host(.tds-table__row--selected){background-color:var(--tds-table-body-row-background-selected)}:host(.tds-table__row--selected:hover){background-color:var(--tds-table-body-row-background-selected-hover)}:host(.tds-table__row--hidden){display:none}:host(.tds-table__row--expended){width:100%;background-color:pink}:host .tds-form-label--table{width:100%;height:48px;display:flex;justify-content:center;align-items:center;cursor:pointer}:host(.tds-table__compact) .tds-form-label--table{height:32px}:host(.tds-table--divider) .tds-table__body-cell--checkbox{border-right:1px solid var(--tds-table-divider)}:host(.tds-table__row--clickable){cursor:pointer}:host(.tds-table__row--clickable:focus-visible){outline:var(--focus-outline, 2px solid blue)}`;
 

package/dist/cjs/tds-table-body.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DGsdvbvx.js');
+var index = require('./index-BJ10h8-I.js');
 
 const tableBodyCss = () => `:host,tds-table-body{box-sizing:border-box;display:table-row-group}:host *,tds-table-body *{box-sizing:border-box}:host .tds-table__info-message,tds-table-body .tds-table__info-message{font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);display:table-cell;box-sizing:border-box;color:var(--tds-table-color);padding:var(--tds-spacing-element-16);min-width:192px;vertical-align:top;background-color:transparent;transition:background-color 200ms ease}tds-table-body.tds-table--zebra-mode-rows-odd tds-table-body-row:nth-child(odd){background-color:var(--tds-table-zebra-mode-backround)}tds-table-body.tds-table--zebra-mode-rows-odd tds-table-body-row:nth-child(odd):hover{background-color:var(--tds-table-body-row-background-hover)}tds-table-body.tds-table--zebra-mode-rows-even tds-table-body-row:nth-child(even){background-color:var(--tds-table-zebra-mode-backround)}tds-table-body.tds-table--zebra-mode-rows-even tds-table-body-row:nth-child(even):hover{background-color:var(--tds-table-body-row-background-hover)}tds-table-body.tds-table--zebra-mode-columns-odd tds-body-cell:nth-child(odd){background-color:var(--tds-table-zebra-mode-backround)}tds-table-body.tds-table--zebra-mode-columns-odd tds-body-cell.tds-table__body-cell--hover:nth-child(odd){background-color:var(--tds-table-body-cell-background-hover)}tds-table-body.tds-table--zebra-mode-columns-even tds-body-cell:nth-child(even){background-color:var(--tds-table-zebra-mode-backround)}tds-table-body.tds-table--zebra-mode-columns-even tds-body-cell.tds-table__body-cell--hover:nth-child(even){background-color:var(--tds-table-body-cell-background-hover)}tds-table-body.tds-table--zebra-mode-columns-even tds-table-body-row:hover tds-body-cell,tds-table-body.tds-table--zebra-mode-columns-odd tds-table-body-row:hover tds-body-cell{background-color:transparent}`;
 

package/dist/cjs/tds-table-footer.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DGsdvbvx.js');
+var index = require('./index-BJ10h8-I.js');
 
 const tableFooterCss = () => `:host{box-sizing:border-box;display:table-footer-group;height:var(--tds-spacing-element-48)}:host *{box-sizing:border-box}:host .tds-table__footer-row{background-color:var(--tds-table-footer-background);color:var(--tds-table-color)}:host .tds-table__footer-cell{padding:0 var(--tds-spacing-element-16)}:host .tds-table__footer-cell .tds-table__pagination{height:var(--tds-spacing-element-48);display:flex;align-items:center;justify-content:space-between}:host .tds-table__footer-cell .tds-table__pagination .tds-table__row-selector,:host .tds-table__footer-cell .tds-table__pagination .tds-table__page-selector{display:flex;align-items:center}:host .tds-table__footer-cell .tds-table__pagination .tds-table__row-selector .rows-per-page,:host .tds-table__footer-cell .tds-table__pagination .tds-table__page-selector .rows-per-page{display:flex;align-items:center;margin-right:var(--tds-spacing-element-16)}:host .tds-table__footer-cell .tds-table__pagination .tds-table__row-selector .rows-per-page p,:host .tds-table__footer-cell .tds-table__pagination .tds-table__page-selector .rows-per-page p{margin-right:var(--tds-spacing-element-8)}:host .tds-table__footer-cell .tds-table__pagination .tds-table__page-selector-input{font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);background-color:var(--tds-table-footer-page-selector-input-background);color:var(--tds-table-color);width:74px;height:30px;border:none;border-radius:var(--tds-spacing-element-4);transition:background-color 250ms ease;margin-right:var(--tds-spacing-element-4);padding-left:var(--tds-spacing-element-16)}:host .tds-table__footer-cell .tds-table__pagination .tds-table__page-selector-input:hover{background-color:var(--tds-table-footer-page-selector-input-background-hover)}:host .tds-table__footer-cell .tds-table__pagination .tds-table__page-selector-input:disabled{color:var(--tds-table-footer-page-selector-input-color-disabled)}:host .tds-table__footer-cell .tds-table__pagination .tds-table__page-selector-input--shake{animation:tds-shake-animation 0.5s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;transform:translate3d(0, 0, 0);backface-visibility:hidden;perspective:1000px}:host .tds-table__footer-cell .tds-table__pagination .tds-table__footer-text{font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);padding:1px 8px 0 0}:host .tds-table__footer-cell .tds-table__pagination .tds-table__footer-btn{display:flex;justify-content:center;align-items:center;border:none;background-color:transparent;cursor:pointer;height:var(--tds-spacing-element-32);width:var(--tds-spacing-element-32);border-radius:var(--tds-spacing-element-4);transition:background-color 250ms ease;color:var(--tds-table-footer-page-selector-icon)}:host .tds-table__footer-cell .tds-table__pagination .tds-table__footer-btn:hover{background-color:var(--tds-table-footer-btn-hover)}:host .tds-table__footer-cell .tds-table__pagination .tds-table__footer-btn:disabled{cursor:default;color:var(--tds-table-footer-page-selector-icon-disabled)}:host .tds-table__footer-cell .tds-table__pagination .tds-table__footer-btn:disabled:hover{background-color:transparent}:host .tds-table__footer-cell .tds-table__pagination .tds-table__footer-btn-svg{height:var(--tds-spacing-element-20);width:var(--tds-spacing-element-20);fill:var(--tds-table-color)}:host(.tds-table--compact){height:var(--tds-spacing-element-32)}:host(.tds-table--compact) .tds-table__footer-cell .tds-table__pagination{height:var(--tds-spacing-element-32)}:host(.tds-table--compact) .tds-table__footer-cell .tds-table__pagination .tds-table__page-selector-input{height:var(--tds-spacing-element-24)}:host(.tds-table--compact) .tds-table__footer-cell .tds-table__pagination .tds-table__footer-btn{height:28px;width:28px}:host(.footer__horizontal-scroll){display:inline-table;position:absolute;margin-top:10px}@keyframes tds-shake-animation{10%,90%{transform:translate3d(-1px, 0, 0)}20%,80%{transform:translate3d(2px, 0, 0)}30%,50%,70%{transform:translate3d(-4px, 0, 0)}40%,60%{transform:translate3d(4px, 0, 0)}}`;
 
@@ -25,6 +25,8 @@ const TdsTableFooter = class {
         this.rowsperpage = true;
         /** Set available rows per page values */
         this.rowsPerPageValues = [10, 25, 50];
+        /** Set rows per page dropdown open direction */
+        this.rowsPerPageDropdownOpenDirection = 'auto';
         /** Sets the number of pages. */
         this.pages = 0;
         /** <b>Client override</b> Used to set the column span of the footer. Use as fallback if the automatic count of columns fails. */
@@ -186,14 +188,14 @@ const TdsTableFooter = class {
     }
     render() {
         var _a;
-        return (index.h(index.Host, { key: '8cf70f3e746f05b392b4b95d54bfece7220633e4', class: {
+        return (index.h(index.Host, { key: 'b9b2a655adbdac509705cf06f8b2cdc0e3b9a0ae', class: {
                 'tds-table--compact': this.compactDesign,
                 'footer__horizontal-scroll': !!this.horizontalScrollWidth,
-            }, style: this.getStyles() }, index.h("tr", { key: '5cb6329b2555cc8b5d225509523e231c446b3c4a', class: "tds-table__footer-row" }, index.h("td", { key: '6f80504a5a0ff08150815f92981ca3fc6daaefab', class: "tds-table__footer-cell", colSpan: this.columnsNumber }, this.pagination && (index.h("div", { key: '14412d3db567342d7d24a52291de9468306111cc', class: "tds-table__pagination" }, index.h("div", { key: 'e7d3853740a5173322cb35670e39485e9ffb8c11', class: "tds-table__row-selector" }, this.rowsperpage && ((_a = this.rowsPerPageValues) === null || _a === void 0 ? void 0 : _a.length) > 0 && (index.h("div", { key: '9f92698875cacaa25910597a7361fcbcda4318c6', class: "rows-per-page" }, index.h("p", { key: 'f046870d8bdbe7f90625e36a37b8b3720f72ff12' }, "Rows per page"), index.h("tds-dropdown", { key: 'c75c1ef3c1a66e8ec7a130d24dca504148b8113e', modeVariant: "secondary", id: "rows-dropdown", class: "page-dropdown", size: "xs", defaultValue: `${this.rowsPerPageValues[0]}`, onTdsChange: (event) => this.rowsPerPageChange(event) }, this.rowsPerPageValues.map((value) => (index.h("tds-dropdown-option", { value: `${value}` }, value))))))), index.h("div", { key: 'dd171addd35fdfb1f4a90e545dd3d4a56568436f', class: "tds-table__page-selector" }, index.h("input", { key: 'af61e22ec0dfa8468ee32ed0343aae28bc54f101', ref: (element) => {
+            }, style: this.getStyles() }, index.h("tr", { key: 'd6f7af8c3ad70cdae194eb633313f815b8cc400a', class: "tds-table__footer-row" }, index.h("td", { key: '1e5bd029e2cb154e8c4eb61a566311166b4b135f', class: "tds-table__footer-cell", colSpan: this.columnsNumber }, this.pagination && (index.h("div", { key: '60abf7e8650298f0ec56bc48fc72488c3786e674', class: "tds-table__pagination" }, index.h("div", { key: 'aa3d9e8d9124efd479811b1e9c5e26437f798c54', class: "tds-table__row-selector" }, this.rowsperpage && ((_a = this.rowsPerPageValues) === null || _a === void 0 ? void 0 : _a.length) > 0 && (index.h("div", { key: '1f6ed9da5ca83748e507ce0f5193abaf5e36c213', class: "rows-per-page" }, index.h("p", { key: '8319a28772407a09752e5aa0646db4f83f2ce926' }, "Rows per page"), index.h("tds-dropdown", { key: 'cc7596459725ebd14500179a5e15f80404df41e0', modeVariant: "secondary", id: "rows-dropdown", class: "page-dropdown", size: "xs", defaultValue: `${this.rowsPerPageValues[0]}`, onTdsChange: (event) => this.rowsPerPageChange(event), openDirection: this.rowsPerPageDropdownOpenDirection }, this.rowsPerPageValues.map((value) => (index.h("tds-dropdown-option", { value: `${value}` }, value))))))), index.h("div", { key: '3b7d98daceb0b48ceda16618914033c69eca0e10', class: "tds-table__page-selector" }, index.h("input", { key: 'd050a2fdf9c4cb49447ab84eaa5b4da60339ff53', ref: (element) => {
                 if (element) {
                     this.inputElement = element;
                 }
-            }, class: "tds-table__page-selector-input", type: "number", min: "1", max: this.pages, value: this.paginationValue, pattern: "[0-9]+", dir: "ltr", onChange: (event) => this.paginationInputChange(event), onAnimationEnd: removeShakeAnimation }), index.h("p", { key: 'd741a6d807bcbc9d3b132092b827b99ac7c27764', class: "tds-table__footer-text" }, "of ", index.h("span", { key: 'ba74d91e5ed8796c0c17e73e53f4ea9385cdbdb5' }, this.pages), " pages"), index.h("button", { key: '7ba4cb7b425c0aba89cde7e925d3b50ebd28070d', type: "button", class: "tds-table__footer-btn", disabled: this.paginationValue <= 1, onClick: () => this.firstPage() }, index.h("tds-icon", { key: '2b6ddc50e9d584cf4e7530a6f3a8a20b67035c89', name: "skip_backwards", size: "20px" })), index.h("button", { key: '5dd123e068da4d89552c6403aefa32e6c037c571', type: "button", class: "tds-table__footer-btn", disabled: this.paginationValue <= 1, onClick: () => this.previousPage() }, index.h("tds-icon", { key: '86da02b6cde0c0aac91a5bbde6a705c8499f7516', name: "chevron_left", size: "20px" })), index.h("button", { key: 'd8208da719503be3edc6397a82d196c76beac598', type: "button", class: "tds-table__footer-btn", disabled: this.paginationValue >= this.pages, onClick: () => this.nextPage() }, index.h("tds-icon", { key: 'f52872c6cf209a65658f4cf8f9ca7f309a94793b', name: "chevron_right", size: "20px" })), index.h("button", { key: 'b1e5db7b0dffd15b920db01ed3f02d5c5940e288', type: "button", class: "tds-table__footer-btn", disabled: this.paginationValue >= this.pages, onClick: () => this.lastPage() }, index.h("tds-icon", { key: '52ec734eaa1992709ac6ffc32f6d493e8ebd86a9', name: "skip_forward", size: "20px" })))))))));
+            }, class: "tds-table__page-selector-input", type: "number", min: "1", max: this.pages, value: this.paginationValue, pattern: "[0-9]+", dir: "ltr", onChange: (event) => this.paginationInputChange(event), onAnimationEnd: removeShakeAnimation }), index.h("p", { key: 'fa177ca38fd59d80de9f75eb64e27d516b99bf18', class: "tds-table__footer-text" }, "of ", index.h("span", { key: 'e15b05026a1ae3e0b5f01e6f3604cf2d88ed0cbb' }, this.pages), " pages"), index.h("button", { key: '12b29edbd391eb68dea8bc7439f4cc154f81ed47', type: "button", class: "tds-table__footer-btn", disabled: this.paginationValue <= 1, onClick: () => this.firstPage() }, index.h("tds-icon", { key: 'b365b40363e6036e0e7500d121e8af86ea7f9097', name: "skip_backwards", size: "20px" })), index.h("button", { key: '6458ce6240499c1d801506756c6bdda25893bea3', type: "button", class: "tds-table__footer-btn", disabled: this.paginationValue <= 1, onClick: () => this.previousPage() }, index.h("tds-icon", { key: '9a0f4b8696d5437758a9b255b9e5abb4db40e9f1', name: "chevron_left", size: "20px" })), index.h("button", { key: '9672939723a0359217578ddd9055d2c269b201ec', type: "button", class: "tds-table__footer-btn", disabled: this.paginationValue >= this.pages, onClick: () => this.nextPage() }, index.h("tds-icon", { key: 'f84e8a062daebddafef3f58e17015df1a741eca0', name: "chevron_right", size: "20px" })), index.h("button", { key: '9d00d09e9bf6b59664faa828ec85e3a43b3b17e2', type: "button", class: "tds-table__footer-btn", disabled: this.paginationValue >= this.pages, onClick: () => this.lastPage() }, index.h("tds-icon", { key: '815192910a462e07046048d84bbddb5cf2f850ba', name: "skip_forward", size: "20px" })))))))));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/tds-table-header-input-wrapper.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DGsdvbvx.js');
+var index = require('./index-BJ10h8-I.js');
 
 const tableHeaderInputWrapperCss = () => `:host{position:relative}:host(:hover) tds-icon{display:inline-block}:host(.focused-input-wrapper) tds-icon{display:inline-block}:host(.focused-input-wrapper) ::slotted(input:not(:focus)){background-color:var(--tds-table-input-background-hover)}:host(.show-icon) ::slotted(input){padding-left:35px}tds-icon.search-icon{color:var(--tds-table-input-header-icon);position:absolute;left:15px;top:1px}::slotted(input){box-sizing:border-box;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);color:var(--tds-table-color);padding-left:var(--tds-spacing-element-16);padding-right:var(--tds-spacing-element-16);height:48px;border-radius:0;background-color:transparent;border:0;border-bottom:2px solid transparent}::slotted(input)::placeholder{color:var(--tds-table-input-header-placeholder)}::slotted(input:focus){outline:none;background-color:var(--tds-table-input-header-background-focus);border-bottom:2px solid var(--tds-text-field-bar)}:host(.tds-table__compact) ::slotted(input){height:32px;}`;
 
@@ -70,7 +70,7 @@ const TdsTableHeaderInputWrapper = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '84cc720addbfd6252297b0fd67114f7dfa920cc9', class: {
+        return (index.h(index.Host, { key: '43bff4694595b6b6355ca05af951b9a31f27ee35', class: {
                 'focused-input-wrapper': this.inputFocused,
                 'show-icon': this.showIcon,
                 'tds-table__compact': this.compactDesign,

package/dist/cjs/tds-table-header.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DGsdvbvx.js');
+var index = require('./index-BJ10h8-I.js');
 
 const tableHeaderCss = () => `:host{box-sizing:border-box;display:table-header-group}:host *{box-sizing:border-box}:host .tds-table__header-cell--checkbox{font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);display:table-cell;text-align:left;color:var(--tds-table-color);background-color:var(--tds-table-header-background);border-bottom:1px solid var(--tds-table-divider);height:48px;box-sizing:border-box;overflow:hidden;transition:background-color 200ms ease;min-width:unset;width:48px;padding:0;border-top-left-radius:4px}:host .tds-form-label--table{width:100%;height:48px;display:flex;justify-content:center;align-items:center;cursor:pointer}:host .tds-table__expand-control-container{display:flex;justify-content:center;align-items:center;height:48px;cursor:pointer}:host .tds-table__expand-control-container .tds-table__expand-input{display:none}:host .tds-table__expand-control-container .tds-expandable-row-icon{height:20px;width:20px;transition:transform 200ms ease;transform:rotate(0)}:host .tds-table__expand-control-container .tds-expandable-row-icon--opened{transform:rotate(180deg)}:host(.tds-table--compact) .tds-table__header-cell--checkbox{height:32px}:host(.tds-table--compact) .tds-form-label--table{height:32px}:host(.tds-table--divider) .tds-table__header-cell--checkbox{border-right:1px solid var(--tds-table-divider)}:host(.tds-table--toolbar-available) .tds-table__header-cell--checkbox{border-top-left-radius:0}`;
 
@@ -94,11 +94,11 @@ const TdsTableHeaderRow = class {
         });
     }
     render() {
-        return (index.h(index.Host, { key: '6694732da4046fe06dd5583dabcd7f08b1eca27e', class: {
+        return (index.h(index.Host, { key: '081f1f38317966710af212df1f9ce7c0abe5e43d', class: {
                 'tds-table--compact': this.compactDesign,
                 'tds-table--divider': this.verticalDividers,
                 'tds-table--toolbar-available': this.enableToolbarDesign,
-            } }, index.h("tr", { key: 'ae44f1f20feedd4833dcad0f5eb166dbcb8271c2' }, this.multiselect && (index.h("th", { key: '7164dda86ee3eb21dc04c11ebd0dd074a8fdf00d', class: "tds-table__header-cell tds-table__header-cell--checkbox" }, index.h("div", { key: '791a29bf597e9395c84bae6d408f146f8d240967', class: "tds-form-label tds-form-label--table" }, index.h("tds-checkbox", { key: '6bad99498d9e67dfe068e393ed15dc229a6229de', checked: this.allSelected || this.selected, disabled: this.disabled, indeterminate: this.indeterminate, onTdsChange: (event) => this.handleCheckboxChange(event) })))), this.expandableRows && (index.h("th", { key: '5818a44e2ce485265fecef36135dbbe113ac2bdf', class: "tds-table__header-cell tds-table__header-cell--checkbox" })), index.h("slot", { key: 'a8cd6f4cde24922bf8a1998a4120c7ff02cf60f3' }))));
+            } }, index.h("tr", { key: 'd7d544ea5dd7d54c7599797fd22f5dcc610740d9' }, this.multiselect && (index.h("th", { key: 'de1d90c31d0bea8c277a748c4f9a5cda5251cb2f', class: "tds-table__header-cell tds-table__header-cell--checkbox" }, index.h("div", { key: '3e62bed00d239585d752e76f522f656f796084f5', class: "tds-form-label tds-form-label--table" }, index.h("tds-checkbox", { key: '0500722422e1512430fd01050fac00bfa5d0f165', checked: this.allSelected || this.selected, disabled: this.disabled, indeterminate: this.indeterminate, onTdsChange: (event) => this.handleCheckboxChange(event) })))), this.expandableRows && (index.h("th", { key: '6b71efdaec2bd25f3a28077f90c42dc5bc950339', class: "tds-table__header-cell tds-table__header-cell--checkbox" })), index.h("slot", { key: '32f0040445889329eabd3f2084890721d1799636' }))));
     }
     get host() { return index.getElement(this); }
 };

package/dist/cjs/tds-table-toolbar.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DGsdvbvx.js');
+var index = require('./index-BJ10h8-I.js');
 
 const tableToolbarCss = () => `:host{box-sizing:border-box;display:table-caption;position:relative;background-color:var(--tds-table-toolbar-background);color:var(--tds-table-color);padding:0 var(--tds-spacing-element-16);height:64px;border-top-left-radius:4px;border-top-right-radius:4px}:host *{box-sizing:border-box}:host .tds-table__upper-bar-flex{width:100%;height:100%;display:flex;justify-content:space-between}:host .tds-table__actionbar-left{display:flex}:host .tds-table__title{font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);padding-top:var(--tds-spacing-element-16);text-align:left;margin-right:var(--tds-spacing-element-8)}:host .tds-table__actionbar,:host slot[name=end]::slotted(*),:host slot[name=start]::slotted(*){display:flex;align-self:center}:host .tds-table__searchbar{display:flex;align-self:center;position:relative;height:40px;width:40px;border-radius:4px 4px 0 0;transition:background-color 250ms ease, width 250ms ease;overflow:hidden;background-color:transparent}:host .tds-table__searchbar::after{content:"";width:100%;height:2px;position:absolute;bottom:0;background-color:var(--tds-blue-400);transform:scaleX(0);transition:transform 150ms ease}:host .tds-table__searchbar:focus-within::after{transform:scaleX(100%)}:host .tds-table__searchbar:focus-within,:host .tds-table__searchbar.tds-table__searchbar--active{width:208px;background-color:var(--tds-table-toolbar-searchbar-background)}:host .tds-table__searchbar:focus-within:hover,:host .tds-table__searchbar.tds-table__searchbar--active:hover{background-color:var(--tds-table-toolbar-searchbar-background)}:host .tds-table__searchbar .tds-table__searchbar-input{font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);color:var(--tds-table-color);z-index:1;width:100%;height:100%;border:none;padding:0 36px 0 16px;background-color:transparent;outline:none;cursor:pointer}:host .tds-table__searchbar .tds-table__searchbar-input :focus{background-color:var(--tds-table-toolbar-searchbar-background)}:host .tds-table__searchbar:hover{background-color:var(--tds-table-toolbar-searchbar-background-hover)}:host .tds-table__searchbar .tds-table__searchbar-icon{z-index:0;position:absolute;right:9px;top:9px;width:20px;height:20px}:host(.toolbar__horizontal-scroll){position:absolute;top:var(--tds-spacing-element-16)}:host(.tds-table--compact){height:56px}`;
 
@@ -76,10 +76,10 @@ const TdsTableToolbar = class {
         return styles;
     }
     render() {
-        return (index.h(index.Host, { key: 'f8a4f02533b392cdef06823c0a8f3fc7eb65dac1', class: {
+        return (index.h(index.Host, { key: 'b98524b265ec24c7204f78fdba7298806488c5cd', class: {
                 'tds-table--compact': this.compactDesign,
                 'toolbar__horizontal-scroll': !!this.horizontalScrollWidth,
-            }, style: this.getStyles(), "aria-labelledby": "table-toolbar-title" }, index.h("div", { key: 'a4d5d8b3a1f874ad6cf8b6c2f0387abb80dc6c7c', class: "tds-table__upper-bar-flex" }, index.h("div", { key: 'fdda25df918b94db38efec19b67486c27ecef944', class: "tds-table__actionbar-left" }, this.tableTitle && (index.h("caption", { key: '835fa2f6230dffd4e30f219d5753959d66833717', id: "table-toolbar-title", class: "tds-table__title" }, this.tableTitle)), index.h("slot", { key: '1e55264456b36bfee36674ced3ab6b7a4767dd24', name: "start" })), index.h("div", { key: '6bbc6ca3917171e610ae162bc2ffce3e5b190874', class: "tds-table__actionbar" }, this.filter && (index.h("div", { key: '49acb858ed5fefb5ef3cd7e84a11d22a8ffbbfa4', class: "tds-table__searchbar" }, index.h("input", { key: '72e41aef9c82e018e03c95dc3c48f1901cf1ce84', class: "tds-table__searchbar-input", type: "text", onKeyUp: (event) => this.handleSearch(event), "aria-label": this.tdsSearchAriaLabel }), index.h("span", { key: 'c9825e7843f1460f2d9d2aa1122790b2d2c8fd01', class: "tds-table__searchbar-icon" }, index.h("tds-icon", { key: '3f772922cc80abbb127ff675f4e0e9db79cd6c9a', name: "search", size: "20px" })))), index.h("slot", { key: '20128d959ea3a1fc97eeb4dcf41313db088feae5', name: "end" })))));
+            }, style: this.getStyles(), "aria-labelledby": "table-toolbar-title" }, index.h("div", { key: '474eb3d4623e98f69094a9d5c6942fa2bef05fd2', class: "tds-table__upper-bar-flex" }, index.h("div", { key: 'f616780361cc2101ddb2e0e9d112cd596f4a91ed', class: "tds-table__actionbar-left" }, this.tableTitle && (index.h("caption", { key: '0a8a2e7330352f0c8bce0f29f43f6f5bb7a4204a', id: "table-toolbar-title", class: "tds-table__title" }, this.tableTitle)), index.h("slot", { key: 'fe7312c205337614665ac25824bfd27c7d9cadc8', name: "start" })), index.h("div", { key: '95af8f20377ecc20417a8e51dd1e2e619c1eeb21', class: "tds-table__actionbar" }, this.filter && (index.h("div", { key: '798d8ff8fe3008f09018c095c8b07e2a6df17aa7', class: "tds-table__searchbar" }, index.h("input", { key: 'e152dc0fcbb47e181788ebbe57ac751332d5cb4c', class: "tds-table__searchbar-input", type: "text", onKeyUp: (event) => this.handleSearch(event), "aria-label": this.tdsSearchAriaLabel }), index.h("span", { key: 'fc6a824134d9a41b1aa6864238e0ad37793003ac', class: "tds-table__searchbar-icon" }, index.h("tds-icon", { key: '8ed3d82df541b903c9b6d8e36e172ce15c2d5f54', name: "search", size: "20px" })))), index.h("slot", { key: 'de8d5e9242b9bb1de8a8254cd08fdd41eb76a5e5', name: "end" })))));
     }
     get host() { return index.getElement(this); }
 };

package/dist/cjs/tds-table.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DGsdvbvx.js');
+var index = require('./index-BJ10h8-I.js');
 var generateUniqueId = require('./generateUniqueId-ComXTAM_.js');
 
 const tableCss = () => `:host,:root{--tds-scrollbar-width-standard:thin;--tds-scrollbar-width:10px;--tds-scrollbar-height:10px;--tds-scrollbar-thumb-border-width:3px;--tds-scrollbar-thumb-border-hover-width:2px}body{scrollbar-width:thin}:host,.tds-table{border-collapse:collapse;display:table;box-sizing:border-box}:host *,.tds-table *{box-sizing:border-box}:host(.tds-table--responsive),.tds-table--responsive{width:100%}.tds-table--horizontal-scroll{display:block;overflow-x:scroll;white-space:nowrap}.tds-table--horizontal-scroll:hover::-webkit-scrollbar-thumb{border:var(--tds-scrollbar-thumb-border-hover-width) solid transparent;background-clip:padding-box}.tds-table--horizontal-scroll::-webkit-scrollbar{height:var(--tds-scrollbar-height)}.tds-table--horizontal-scroll::-webkit-scrollbar-track{background:var(--tds-scrollbar-track-color)}.tds-table--horizontal-scroll::-webkit-scrollbar-thumb{border-radius:40px;background:var(--tds-scrollbar-thumb-color);border:var(--tds-scrollbar-thumb-border-width) solid transparent;background-clip:padding-box}.tds-table--horizontal-scroll::-webkit-scrollbar-button{height:0;width:0}@supports not selector(::-webkit-scrollbar){.tds-table--horizontal-scroll{scrollbar-color:var(--tds-scrollbar-thumb-color) var(--tds-scrollbar-track-color);scrollbar-width:var(--tds-scrollbar-width-standard)}}.tds-table--horizontal-scroll-toolbar{margin-top:64px}.tds-table--horizontal-scroll-toolbar-compact{margin-top:56px}.tds-table--horizontal-scroll-footer{margin-bottom:49px}.tds-table--horizontal-scroll-footer-compact{margin-bottom:33px}`;
@@ -113,11 +113,11 @@ const TdsTable = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '677bf0b8c1df0154c90438ad8af1c947b701a1f8', class: {
+        return (index.h(index.Host, { key: '22e1189b298e2af0346a3a04126eed47528f1169', class: {
                 'tds-table--responsive': this.responsive,
                 'tds-mode-variant-primary': this.modeVariant === 'primary',
                 'tds-mode-variant-secondary': this.modeVariant === 'secondary',
-            } }, index.h("table", { key: '673a4b1bae0b0430760697b0312611d0a91421bf', style: this.getStyles(), class: {
+            } }, index.h("table", { key: '9a756d4799eba3dc75b6a7d5cb75c53a21509949', style: this.getStyles(), class: {
                 'tds-table': true,
                 'tds-table--compact': this.compactDesign,
                 'tds-table--divider': this.verticalDividers,
@@ -128,7 +128,7 @@ const TdsTable = class {
                 'tds-table--horizontal-scroll-toolbar-compact': this.enableHorizontalScrollToolbarDesign && this.compactDesign,
                 'tds-table--horizontal-scroll-footer': this.enableHorizontalScrollFooterDesign && !this.compactDesign,
                 'tds-table--horizontal-scroll-footer-compact': this.enableHorizontalScrollFooterDesign && this.compactDesign,
-            } }, index.h("slot", { key: '218dfb52cd9498b0c72839dd6d0c2f4bb71a89cb' }))));
+            } }, index.h("slot", { key: '2f0e653f4d44b8ada5933ab2389338b92ed48493' }))));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/tds-tag.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DGsdvbvx.js');
+var index = require('./index-BJ10h8-I.js');
 var hasSlot = require('./hasSlot-D-DVNhGg.js');
 
 const tagCss = () => `.sc-tds-tag-h{box-sizing:border-box;display:inline-flex;align-items:center;border-radius:4px;background-color:var(--tds-tag-neutral-background);color:var(--tds-tag-neutral-color);gap:4px}.sc-tds-tag-h *.sc-tds-tag{box-sizing:border-box}.lg.sc-tds-tag-h{padding:4px}.sm.sc-tds-tag-h{border-radius:2px;padding:2px 4px;font:var(--tds-detail-05)}.success.sc-tds-tag-h{background-color:var(--tds-tag-success-background);color:var(--tds-tag-success-color)}.warning.sc-tds-tag-h{background-color:var(--tds-tag-warning-background);color:var(--tds-tag-warning-color)}.new.sc-tds-tag-h{background-color:var(--tds-tag-new-background);color:var(--tds-tag-new-color)}.neutral.sc-tds-tag-h{background-color:var(--tds-tag-neutral-background);color:var(--tds-tag-neutral-color)}.information.sc-tds-tag-h{background-color:var(--tds-tag-information-background);color:var(--tds-tag-information-color)}.error.sc-tds-tag-h{background-color:var(--tds-tag-error-background);color:var(--tds-tag-error-color)}.tds-tag__content.sc-tds-tag{display:flex;align-items:center;gap:inherit}`;
@@ -19,7 +19,7 @@ const TdsTag = class {
             [`${this.size.toLowerCase()}`]: true,
             [this.variant.toLowerCase()]: true,
         });
-        return (index.h(index.Host, { key: '6e014440b1933df324129ccb7ee25a4e6e28f7f5', class: getTagClasses() }, index.h("div", { key: '14605f18833dc92370646302cf0fd10106ae8600', class: "tds-tag__content" }, hasPrefixSlot && index.h("slot", { key: 'f6f426e202bee36eb53fc35b132b216ab74d7b6f', name: "prefix" }), index.h("span", { key: '15c5d2b25241ef26fe71ba37d2f16e3b0d88a9ce' }, this.text))));
+        return (index.h(index.Host, { key: '8a514622cb84f2315dea806ffb922e254b0b91ba', class: getTagClasses() }, index.h("div", { key: 'bb73048a5c82e216eeb71ab1cf9c4dc692032fea', class: "tds-tag__content" }, hasPrefixSlot && index.h("slot", { key: 'e0fa00414957f3d226f61702d558f64fae6d4e4c', name: "prefix" }), index.h("span", { key: '2b67dbbc318d329f37a4a8fa98b23eb57dc7bd63' }, this.text))));
     }
     get host() { return index.getElement(this); }
 };

package/dist/cjs/tds-text-field.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DGsdvbvx.js');
+var index = require('./index-BJ10h8-I.js');
 var hasSlot = require('./hasSlot-D-DVNhGg.js');
 var generateUniqueId = require('./generateUniqueId-ComXTAM_.js');
 var getAriaInvalid = require('./getAriaInvalid-Bdg4qUb_.js');
@@ -117,7 +117,7 @@ const TdsTextField = class {
         var _a, _b, _c, _d;
         const usesPrefixSlot = hasSlot.hasSlot('prefix', this.host);
         const usesSuffixSlot = hasSlot.hasSlot('suffix', this.host);
-        return (index.h("div", { key: 'f16b01caa6aab76ff91b1bbd339726bc091073b4', class: {
+        return (index.h("div", { key: '4fd0686a033ebdbf1385c476895db195bad7dc00', class: {
                 'form-text-field': true,
                 'form-text-field-nomin': this.noMinWidth,
                 'text-field-focus': this.focusInput && !this.disabled,
@@ -135,12 +135,12 @@ const TdsTextField = class {
                 'form-text-field-sm': this.size === 'sm',
                 'form-text-field-error': this.state === 'error',
                 'form-text-field-success': this.state === 'success',
-            } }, this.labelPosition === 'outside' && (index.h("div", { key: '05a6ee014f2d3e6e4394050423282d18cf5908b0', class: "text-field-label-outside" }, index.h("label", { key: 'cf3b333f2a898c048a1d456c6b7f6c65390615f0', htmlFor: `text-field-input-element-${this.uuid}` }, this.label))), index.h("div", { key: 'fc4a03cf20e81fa191ba536d2b79a0f1b0c535dd', onClick: () => { var _a; return (_a = this.textInput) === null || _a === void 0 ? void 0 : _a.focus(); }, class: "text-field-container" }, usesPrefixSlot && (index.h("div", { key: '3638c5a1acde4ad2eabc403d74a551d6185985a8', class: {
+            } }, this.labelPosition === 'outside' && (index.h("div", { key: '8e35ace912af1b61363e021430a0e8b0ea8a163c', class: "text-field-label-outside" }, index.h("label", { key: '585feefbdc36b6a4201bc5c379e5f71393bad90a', htmlFor: `text-field-input-element-${this.uuid}` }, this.label))), index.h("div", { key: 'f849868018e4ce4be297f98b1b64443319df21a7', onClick: () => { var _a; return (_a = this.textInput) === null || _a === void 0 ? void 0 : _a.focus(); }, class: "text-field-container" }, usesPrefixSlot && (index.h("div", { key: 'fb824b9b90f1a350a05ccfb04af41e9c14d7de33', class: {
                 'text-field-slot-wrap-prefix': true,
                 'text-field-error': this.state === 'error',
                 'text-field-success': this.state === 'success',
                 'text-field-default': this.state === 'default',
-            } }, index.h("slot", { key: 'aa86f986720a076698b3193009eb8ebc5022e531', name: "prefix" }))), index.h("div", { key: '5b884728b755f3c604b233f706da028dc12ab0f8', class: "text-field-input-container" }, index.h("input", { key: 'a04b70515c8ea73d3435292249fb3aea9a43663a', ref: (inputEl) => {
+            } }, index.h("slot", { key: 'e0e067e04be232ae73b320e5129ac22677b07691', name: "prefix" }))), index.h("div", { key: '930a368eaedf127ed4f6b9a1057d790a3c489537', class: "text-field-input-container" }, index.h("input", { key: 'a5b4d370d56c90de392c7ad377b1cdbbf7945626', ref: (inputEl) => {
                 this.textInput = inputEl;
             }, class: {
                 'text-field-input': true,
@@ -156,13 +156,13 @@ const TdsTextField = class {
                 if (!this.readOnly) {
                     this.handleBlur(event);
                 }
-            }, "aria-invalid": getAriaInvalid.getAriaInvalid(this.host, this.state), "aria-label": this.tdsAriaLabel ? this.tdsAriaLabel : this.label, "aria-describedby": `text-field-helper-element-${this.uuid}`, "aria-readonly": this.readOnly, id: `text-field-input-element-${this.uuid}`, required: this.required, autocomplete: this.autocomplete }), this.labelPosition === 'inside' && this.size !== 'sm' && (index.h("label", { key: '2b4adf151e255ac983027b61b43f18e81399f11a', class: "text-field-label-inside", htmlFor: `text-field-input-element-${this.uuid}` }, this.label))), usesSuffixSlot && (index.h("div", { key: '70fccd2b3ffcab91b2537ef1512d2bbe86c4a1e5', class: {
+            }, "aria-invalid": getAriaInvalid.getAriaInvalid(this.host, this.state), "aria-label": this.tdsAriaLabel ? this.tdsAriaLabel : this.label, "aria-describedby": `text-field-helper-element-${this.uuid}`, "aria-readonly": this.readOnly, id: `text-field-input-element-${this.uuid}`, required: this.required, autocomplete: this.autocomplete }), this.labelPosition === 'inside' && this.size !== 'sm' && (index.h("label", { key: '190da96bf7ebd717750a807db70a490153a813d5', class: "text-field-label-inside", htmlFor: `text-field-input-element-${this.uuid}` }, this.label))), usesSuffixSlot && (index.h("div", { key: 'f67de945a3471235aeeb04398b42b96082b6fd3e', class: {
                 'text-field-slot-wrap-suffix': true,
                 'text-field-error': this.state === 'error',
                 'text-field-success': this.state === 'success',
                 'text-field-default': this.state === 'default',
                 'tds-u-display-none': this.readOnly,
-            } }, index.h("slot", { key: '631a64c5239415bbf8449e90d046a3a2eb8fdf3c', name: "suffix" }))), this.readOnly && !this.hideReadOnlyIcon && (index.h("span", { key: '975a0d8877d271c45c6b5f210537b11b5b70004e', class: "text-field-icon__readonly" }, index.h("tds-tooltip", { key: 'e0aa565b62e640afcf13f270187269dbe79b9a48', placement: "top-end", text: "This field is non-editable", selector: "#readonly-tooltip" }), index.h("tds-icon", { key: '9dadaaa674e0ef4f47e24889ff9e418e7ff3a168', id: "readonly-tooltip", name: "edit_inactive", size: "20px" })))), index.h("div", { key: '787ae2f6f83ff667885adec7b30ac31c3d99a8e4', "aria-live": "assertive" }, (this.helper || ((_a = this.maxLength) !== null && _a !== void 0 ? _a : 0) > 0) && (index.h("div", { key: 'f655beff3ed7f0a3441c790fce325ce830770707', class: "text-field-helper", id: `text-field-helper-element-${this.uuid}` }, this.state === 'error' && (index.h("div", { key: '1e2ec411ebb607637b0584a54c1c19ff6d0e031e', class: "text-field-helper-error-state" }, !this.readOnly && index.h("tds-icon", { key: 'ce34402f70808ab965669863d46c9d84fb66609d', name: "error", size: "16px" }), this.helper)), this.state !== 'error' && this.helper, !this.readOnly && ((_b = this.maxLength) !== null && _b !== void 0 ? _b : 0) > 0 && (index.h("span", { key: '17945ce6d01531279d561fc2115cc8461b59b6ea', class: {
+            } }, index.h("slot", { key: '3a469bf74bb3edd11f0998532c9a439a14b305b5', name: "suffix" }))), this.readOnly && !this.hideReadOnlyIcon && (index.h("span", { key: '7c4095a3ab33bbdd508475f829a03171c5f32b51', class: "text-field-icon__readonly" }, index.h("tds-tooltip", { key: '0d8378eef86aa5201871b8436563e0b5339b9d19', placement: "top-end", text: "This field is non-editable", selector: "#readonly-tooltip" }), index.h("tds-icon", { key: 'de5431eb6983750bd4cccd17af58bcf0a2541d1e', id: "readonly-tooltip", name: "edit_inactive", size: "20px" })))), index.h("div", { key: '02f2e7f86126b10049344b2b07e8c6a43618ada4', "aria-live": "assertive" }, (this.helper || ((_a = this.maxLength) !== null && _a !== void 0 ? _a : 0) > 0) && (index.h("div", { key: '04c6f48d0993c9787da6793f3379ef4f90d4eefd', class: "text-field-helper", id: `text-field-helper-element-${this.uuid}` }, this.state === 'error' && (index.h("div", { key: '83308a0fcd2cd9507592086194541a6a37733370', class: "text-field-helper-error-state" }, !this.readOnly && index.h("tds-icon", { key: '061681ecbfd4a354f4175ad2b3dfacf2c054cced', name: "error", size: "16px" }), this.helper)), this.state !== 'error' && this.helper, !this.readOnly && ((_b = this.maxLength) !== null && _b !== void 0 ? _b : 0) > 0 && (index.h("span", { key: '36025b5f0d44833c60984ee9a591b2e2b6734bce', class: {
                 'text-field-textcounter-divider': true,
                 'text-field-textcounter-disabled': this.disabled,
             } }, this.value === null ? 0 : (_c = this.value) === null || _c === void 0 ? void 0 : _c.length, " / ", (_d = this.maxLength) !== null && _d !== void 0 ? _d : 0)))))));

package/dist/cjs/tds-textarea.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DGsdvbvx.js');
+var index = require('./index-BJ10h8-I.js');
 var generateUniqueId = require('./generateUniqueId-ComXTAM_.js');
 var getAriaInvalid = require('./getAriaInvalid-Bdg4qUb_.js');
 
@@ -80,7 +80,7 @@ const TdsTextarea = class {
     }
     render() {
         var _a, _b;
-        return (index.h("div", { key: '2ccb72218895d827f951926844f7f5912f5e5981', class: {
+        return (index.h("div", { key: '09cd1df4c73550cbe10f6de7127e2835e8e8e90f', class: {
                 'textarea-container': true,
                 'textarea-label-inside': this.labelPosition === 'inside',
                 'textarea-focus': this.focusInput,
@@ -90,7 +90,7 @@ const TdsTextarea = class {
                 'textarea-data': this.value !== '',
                 [`textarea-${this.state}`]: this.state === 'error' || this.state === 'success',
                 'no-min-width': this.noMinWidth,
-            } }, this.labelPosition !== 'no-label' && (index.h("label", { key: '55b640f946d5f3b553f0c8d6f458076e22675a3c', htmlFor: `textarea-element-${this.uuid}`, class: 'textarea-label' }, this.label)), index.h("div", { key: '716876e13a8f7ce5336410fef5d9b9de90f89e01', class: "textarea-wrapper" }, index.h("textarea", { key: '80041c04a5bce79615bb92bb3489ec9af9328cd8', id: `textarea-element-${this.uuid}`, class: 'textarea-input', ref: (inputEl) => {
+            } }, this.labelPosition !== 'no-label' && (index.h("label", { key: '16f1f2dc1993c0056aee8bfd82de399292ea1496', htmlFor: `textarea-element-${this.uuid}`, class: 'textarea-label' }, this.label)), index.h("div", { key: '86fcb4db0544d59bdc62f313a2ad1b7bec232456', class: "textarea-wrapper" }, index.h("textarea", { key: '43addcf60de1c7de4dd5fd71b2d4e448cc36d0e8', id: `textarea-element-${this.uuid}`, class: 'textarea-input', ref: (inputEl) => {
                 this.textEl = inputEl;
             }, disabled: this.disabled, readonly: !this.disabled && this.readOnly, placeholder: this.placeholder, value: this.value, name: this.name, autofocus: this.autofocus, maxlength: this.maxLength, cols: this.cols, rows: this.rows, onFocus: (event) => {
                 if (!this.readOnly) {
@@ -100,7 +100,7 @@ const TdsTextarea = class {
                 if (!this.readOnly) {
                     this.handleBlur(event);
                 }
-            }, onInput: (event) => this.handleInput(event), onChange: (event) => this.handleChange(event), "aria-invalid": getAriaInvalid.getAriaInvalid(this.host, this.state), "aria-readonly": this.readOnly ? 'true' : 'false', "aria-label": this.tdsAriaLabel ? this.tdsAriaLabel : this.label, "aria-describedby": `textarea-helper-element-${this.uuid}` }), index.h("span", { key: '09fe37f55f352eb6a2e6482dd4a3fd1a5c2a5a4d', class: "textarea-resizer-icon" }, index.h("svg", { key: '7ddadcc0a6a6392b891fa93abbcb286b95123fbe', width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: '486e21dc5f89ca182e3870c010d05f8d05dee56f', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M11.8536 0.853553C12.0488 0.658291 12.0488 0.341709 11.8536 0.146447C11.6583 -0.0488155 11.3417 -0.0488155 11.1464 0.146447L0.146447 11.1464C-0.0488155 11.3417 -0.0488155 11.6583 0.146447 11.8536C0.341709 12.0488 0.658291 12.0488 0.853553 11.8536L11.8536 0.853553ZM11.8536 4.64645C12.0488 4.84171 12.0488 5.15829 11.8536 5.35355L5.35355 11.8536C5.15829 12.0488 4.84171 12.0488 4.64645 11.8536C4.45118 11.6583 4.45118 11.3417 4.64645 11.1464L11.1464 4.64645C11.3417 4.45118 11.6583 4.45118 11.8536 4.64645ZM11.8536 8.64645C12.0488 8.84171 12.0488 9.15829 11.8536 9.35355L9.35355 11.8536C9.15829 12.0488 8.84171 12.0488 8.64645 11.8536C8.45118 11.6583 8.45118 11.3417 8.64645 11.1464L11.1464 8.64645C11.3417 8.45118 11.6583 8.45118 11.8536 8.64645Z", fill: "currentColor" }))), !this.disabled && !this.hideReadOnlyIcon && this.readOnly && (index.h("span", { key: 'bcaf8a2615483c20d5047dd182e46a3db316b745', class: "textarea-icon__readonly" }, index.h("tds-tooltip", { key: 'a70b88e3c48613f80c8c7d558732e3d51a2cb00c', placement: "top-end", text: "This field is non-editable", selector: "#readonly-tooltip" }), index.h("tds-icon", { key: '7bbe4e5b22c6b1cc6dca8880e03eb3079bc8fe6e', id: "readonly-tooltip", name: "edit_inactive", svgTitle: "inactive" })))), index.h("span", { key: 'feadff54f5c5fc884a5a7099878ee023a3c6f1c9', class: 'textarea-helper', "aria-live": "assertive", id: `textarea-helper-element-${this.uuid}` }, this.state === 'error' && this.helper && !this.readOnly && (index.h("tds-icon", { key: 'ea538dae22b40ae4aac1d96064a137d28dbe3a52', name: "error", size: "16px" })), this.helper), ((_a = this.maxLength) !== null && _a !== void 0 ? _a : 0) > 0 && (index.h("div", { key: '92db8cc03e82c34f47a7c331c871240150b60732', class: 'textarea-textcounter' }, this.value === null ? 0 : (_b = this.value) === null || _b === void 0 ? void 0 : _b.length, index.h("span", { key: '4788115dbd59ce70f37b2033f3a08a4f8329106e', class: "textfield-textcounter-divider" }, " / "), " ", this.maxLength))));
+            }, onInput: (event) => this.handleInput(event), onChange: (event) => this.handleChange(event), "aria-invalid": getAriaInvalid.getAriaInvalid(this.host, this.state), "aria-readonly": this.readOnly ? 'true' : 'false', "aria-label": this.tdsAriaLabel ? this.tdsAriaLabel : this.label, "aria-describedby": `textarea-helper-element-${this.uuid}` }), index.h("span", { key: '79003f45831eab0125d36f3cae8e5e94016737ab', class: "textarea-resizer-icon" }, index.h("svg", { key: '215bb650c9d5755fb1efc60fb8f860cbd320ff81', width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: 'e7eee0f9e40c8000232f922f20461f898d3ee897', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M11.8536 0.853553C12.0488 0.658291 12.0488 0.341709 11.8536 0.146447C11.6583 -0.0488155 11.3417 -0.0488155 11.1464 0.146447L0.146447 11.1464C-0.0488155 11.3417 -0.0488155 11.6583 0.146447 11.8536C0.341709 12.0488 0.658291 12.0488 0.853553 11.8536L11.8536 0.853553ZM11.8536 4.64645C12.0488 4.84171 12.0488 5.15829 11.8536 5.35355L5.35355 11.8536C5.15829 12.0488 4.84171 12.0488 4.64645 11.8536C4.45118 11.6583 4.45118 11.3417 4.64645 11.1464L11.1464 4.64645C11.3417 4.45118 11.6583 4.45118 11.8536 4.64645ZM11.8536 8.64645C12.0488 8.84171 12.0488 9.15829 11.8536 9.35355L9.35355 11.8536C9.15829 12.0488 8.84171 12.0488 8.64645 11.8536C8.45118 11.6583 8.45118 11.3417 8.64645 11.1464L11.1464 8.64645C11.3417 8.45118 11.6583 8.45118 11.8536 8.64645Z", fill: "currentColor" }))), !this.disabled && !this.hideReadOnlyIcon && this.readOnly && (index.h("span", { key: 'ee804d2983da6c42e3ce071b1e1cf1183a47500b', class: "textarea-icon__readonly" }, index.h("tds-tooltip", { key: '581368602f2ffcedc7af6b54c406999a731854a8', placement: "top-end", text: "This field is non-editable", selector: "#readonly-tooltip" }), index.h("tds-icon", { key: '58de6e587437522439676f57fee5143ba28a9763', id: "readonly-tooltip", name: "edit_inactive", svgTitle: "inactive" })))), index.h("span", { key: '0d266c48b18cb493ac1b70268bdaceb0228397d8', class: 'textarea-helper', "aria-live": "assertive", id: `textarea-helper-element-${this.uuid}` }, this.state === 'error' && this.helper && !this.readOnly && (index.h("tds-icon", { key: 'cbc610ddb25b27dcb9ec84357594289335edf21a', name: "error", size: "16px" })), this.helper), ((_a = this.maxLength) !== null && _a !== void 0 ? _a : 0) > 0 && (index.h("div", { key: 'f600283d05fad5e2ac4d14e759008021ff9a3c25', class: 'textarea-textcounter' }, this.value === null ? 0 : (_b = this.value) === null || _b === void 0 ? void 0 : _b.length, index.h("span", { key: '2a4d1ed0e0a6ece6d2fc0943d6f44a897f8bfcfb', class: "textfield-textcounter-divider" }, " / "), " ", this.maxLength))));
     }
     get host() { return index.getElement(this); }
 };