@scania/tegel 1.53.0 → 1.54.0

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, a as getElement } from './index-VFN9WV0d.js';
+import { r as registerInstance, c as createEvent, h, a as getElement } from './index-DO74lOFd.js';
 import { g as generateUniqueId } from './generateUniqueId-Cn4f8w1e.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)}`;
@@ -463,30 +463,30 @@ const TdsSlider = class {
     }
     render() {
         const ariaLabel = this.readOnly ? this.tdsReadOnlyAriaLabel : this.label || this.tdsAriaLabel;
-        return (h("div", { key: '8b3642548f48ff352395b4d3ebdf84abf464b51d', class: {
+        return (h("div", { key: '6e6e00002da855b43067454de0a55af6802bdad0', class: {
                 'tds-slider-wrapper': true,
                 'read-only': this.readOnly,
-            } }, 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 }), h("div", { key: '74fe5f97050ae8fa970d0d2d00145a1f20b9d728', class: "sr-only", "aria-live": "assertive", ref: (el) => {
+            } }, h("input", { key: '4d7f1b28864c9cca7c3183f4531aac19917f0fa9', 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 }), h("div", { key: '6bac81bc86f6d00f5961211ec401689e67f5a720', class: "sr-only", "aria-live": "assertive", ref: (el) => {
                 this.ariaLiveElement = el;
-            } }), h("div", { key: '2af5ddfcb4cceb921ca8299438b6bc9b40bf1dd6', class: {
+            } }), h("div", { key: '7d4ac685ad9f519eb6007ba1ef4bc6ab9ff58a9b', class: {
                 'tds-slider': true,
                 'disabled': this.disabled,
                 'tds-slider-small': this.useSmall,
             }, ref: (el) => {
                 this.wrapperElement = el;
-            }, "aria-disabled": this.disabled ? 'true' : 'false' }, h("label", { key: '7461b0e104ee03cf51c9e84ab8af06df78b6b12b', id: `${this.sliderId}-label`, class: { offset: this.showTickNumbers } }, this.label), this.useInput && (h("div", { key: 'ce065240c807cf75544efd3ecc2c5b1b45e0b987', class: "tds-slider__input-values" }, h("div", { key: 'ac8b1a0d7cd44e079e7739e9697912a7f8c65c62', class: "tds-slider__input-value min-value" }, this.min))), this.useControls && (h("div", { key: 'e85dfafe22e306fa8f9c2a0ee2c094caa0937abf', class: "tds-slider__controls" }, 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' }, h("tds-icon", { key: 'b31ed68e1b5a96d85951c928abf4dae472889050', name: "minus", size: "16px" })))), h("div", { key: 'b4c46afe353a403e2f2ebb35e40bad3946f83e23', class: "tds-slider-inner", tabIndex: -1 }, this.tickValues.length > 0 && (h("div", { key: '0c4662ea24810f52b6415f4bf205e1dff4250d7c', class: "tds-slider__value-dividers-wrapper" }, h("div", { key: '39f70859eecd83a4f962288e7d06f61719260297', class: "tds-slider__value-dividers" }, this.tickValues.map((value) => (h("div", { class: "tds-slider__value-divider" }, this.showTickNumbers && h("span", null, value))))))), h("div", { key: '9f6214318aaaec0c792a94b3241dbcd9ce321130', class: "tds-slider__track", ref: (el) => {
+            }, "aria-disabled": this.disabled ? 'true' : 'false' }, h("label", { key: '5338721c62889199ee0ecad2632eac2fd37485d0', id: `${this.sliderId}-label`, class: { offset: this.showTickNumbers } }, this.label), this.useInput && (h("div", { key: '5ee4f8ac092f9ea0aa5f687b98e294955fe062c1', class: "tds-slider__input-values" }, h("div", { key: '97e64f78a68451a2186372264e3e1503954bb67c', class: "tds-slider__input-value min-value" }, this.min))), this.useControls && (h("div", { key: '89c03fd539fdcd689f7d76e1ed9beb8188e61f69', class: "tds-slider__controls" }, h("div", { key: '82c8b4780f47925918a16cc11e4bf7a37b9de687', 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' }, h("tds-icon", { key: 'e190b8ec6e617ea516a022d55e8075c4eb796507', name: "minus", size: "16px" })))), h("div", { key: '5b4f71b02daa36e964df0af18124217f217fce78', class: "tds-slider-inner", tabIndex: -1 }, this.tickValues.length > 0 && (h("div", { key: '1d6d917ab5107a47852a16988f621b62e57a5795', class: "tds-slider__value-dividers-wrapper" }, h("div", { key: '133fd1ed3c566377f524b683a15aaa831aa03f40', class: "tds-slider__value-dividers" }, this.tickValues.map((value) => (h("div", { class: "tds-slider__value-divider" }, this.showTickNumbers && h("span", null, value))))))), h("div", { key: '40f727734b17f3933e0f7bc179354e205534af8d', class: "tds-slider__track", ref: (el) => {
                 this.trackElement = el;
             }, tabindex: this.disabled ? '-1' : '0', role: "presentation", onFocus: () => {
                 if (this.thumbElement) {
                     this.thumbElement.focus();
                 }
-            } }, h("div", { key: 'd70dbc3e02dda21538a1c709ee9fb94bf1517766', class: "tds-slider__track-fill", ref: (el) => {
+            } }, h("div", { key: 'b6b56223be25e8493e0884c5fb2f4ef786fb4a87', class: "tds-slider__track-fill", ref: (el) => {
                 this.trackFillElement = el;
-            } }), h("div", { key: 'aa5ceb99150a8387e9b01becd054e3beee185955', class: "tds-slider__thumb", ref: (el) => {
+            } }), h("div", { key: '74890de4d56ca2fa851212adeccb745c48b7b659', 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 && (h("div", { key: 'b1b3ecfbedd63039e66aabc10db98b7b25c04b6d', class: "tds-slider__value" }, this.value, h("svg", { key: '80e22bbb6b56c85f754c7cfae63f21d7adb7eb56', width: "18", height: "14", viewBox: "0 0 18 14", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, 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" })))), h("div", { key: '44205e90c8ff3e6506e155a66b6ce53aa191f25e', 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 && (h("div", { key: 'a02dff8e8707d5a0d42882b9eb30c94d65c004fe', class: "tds-slider__value" }, this.value, h("svg", { key: '026cecebd18db87d4fbeb942c223e83ce2c5a21b', width: "18", height: "14", viewBox: "0 0 18 14", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'f31a00952f88e45747cfd0dc7353f4a484846afc', 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" })))), h("div", { key: '6fcb3b1bf4dfa6fb081008680f3944736cfce6eb', class: "tds-slider__thumb-inner", ref: (el) => {
                 this.thumbInnerElement = el;
-            } })))), this.useInput && (h("div", { key: '099b5dfac47680c3a2d882273856689d9bdd3953', class: "tds-slider__input-values" }, h("div", { key: '68f0c9d23bbadfe61a7edcb8ab38ed7a22b3a7b1', class: "tds-slider__input-value", onClick: (event) => this.stepLeft(event) }, this.max), h("div", { key: '481a52db19f0bc035c43a252e005e5304a27bf9e', class: "tds-slider__input-field-wrapper" }, 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 && (h("div", { key: 'abaa88dc33a0193360999df8ba6fe04569ff12aa', class: "tds-slider__controls" }, 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' }, h("tds-icon", { key: '637b1f5eb5744749b534be62848c2a5f33a20475', name: "plus", size: "16px" })))))));
+            } })))), this.useInput && (h("div", { key: 'c0b0dc771ccf46a5d5d119a0b3c44f5bceef6ad4', class: "tds-slider__input-values" }, h("div", { key: '20a61bcb6e157416c42fe6fd54b32c2e10da09cc', class: "tds-slider__input-value", onClick: (event) => this.stepLeft(event) }, this.max), h("div", { key: '8c983dc792027814e7e27c41c2e507333ea6afba', class: "tds-slider__input-field-wrapper" }, h("tds-text-field", { key: '6309046324fa52c8d4ade33dd3450eef5b2aa04b', 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 && (h("div", { key: '4f410440b2e830bfac5f908b563dbfc061e28519', class: "tds-slider__controls" }, h("div", { key: 'a3f1215891059fa3c83b499ba5597aa1758d0906', 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' }, h("tds-icon", { key: '0e5323b7f52360b34943580113386f408dd6d57e', name: "plus", size: "16px" })))))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-VFN9WV0d.js';
+import { r as registerInstance, h } from './index-DO74lOFd.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)}}`;
 
@@ -11,7 +11,7 @@ const TdsSpinner = class {
         this.variant = 'standard';
     }
     render() {
-        return (h("div", { key: '6bc92547f2513496d52ff297e0edc981c5dd7d89', "aria-live": "assertive", role: "status", "aria-label": "loading" }, h("svg", { key: '4997ea9dffe315deb470c76df65a3da2a5e576a0', class: `tds-spinner-svg tds-spinner-svg-${this.size}`, "aria-hidden": "true" }, h("circle", { key: '90dd9b3586801519aa62977c27099306f587db6e', class: `tds-spinner-circle tds-spinner-circle-${this.variant}` }))));
+        return (h("div", { key: '2c2007a71f25d2a5dcd5ca10b2481ff1543c4429', "aria-live": "assertive", role: "status", "aria-label": "loading" }, h("svg", { key: 'c463a22e2322b03cfb14e3dc20c7c8d010182d38', class: `tds-spinner-svg tds-spinner-svg-${this.size}`, "aria-hidden": "true" }, h("circle", { key: 'd4705e28049e64a6b230ecdb245ea5238c1b8b51', class: `tds-spinner-circle tds-spinner-circle-${this.variant}` }))));
     }
 };
 TdsSpinner.style = spinnerCss();

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host, a as getElement } from './index-VFN9WV0d.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-DO74lOFd.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}`;
 
@@ -38,7 +38,7 @@ const TdsStep = class {
         }
     }
     render() {
-        return (h(Host, { key: 'c76b0023f433c881360b9a98ad96d0a163a0d99d' }, 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' : ''}` }, h("span", { key: 'c6f3f8f2d0ba7b2c4ed15abc45551bacf69e36b0', class: `${this.state} content-container` }, this.state === 'success' || this.state === 'error' ? (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' })) : (h("span", { "aria-hidden": "true", class: "index-container" }, this.index))), !this.hideLabels && (h("div", { key: '9ff61949c0de2d74962a6a10e46915bd5484b282', "aria-hidden": "true", class: `label ${this.size} ${this.state}` }, h("slot", { key: '6c13e8acd45be0e104207b8daaa9ef64ec1453ee', name: "label" }))))));
+        return (h(Host, { key: 'afc9e25f7fca169a9ccb2241eb374b87c1b0ff5b' }, h("div", { key: '3bb5727f75e1c9a44e3033dfcaf511d093d1e085', 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' : ''}` }, h("span", { key: 'c4f8eb7bd7039f14a7e374bb62fc8fd74f5aeeb8', class: `${this.state} content-container` }, this.state === 'success' || this.state === 'error' ? (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' })) : (h("span", { "aria-hidden": "true", class: "index-container" }, this.index))), !this.hideLabels && (h("div", { key: 'aca563c692e3602ddd3b5d80cc63085077139a87', "aria-hidden": "true", class: `label ${this.size} ${this.state}` }, h("slot", { key: 'ed85239ef9c383e2a251f7cef4931da2348a8975', name: "label" }))))));
     }
     get el() { return getElement(this); }
 };

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-VFN9WV0d.js';
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-DO74lOFd.js';
 import { g as generateUniqueId } from './generateUniqueId-Cn4f8w1e.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}`;

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host, a as getElement } from './index-VFN9WV0d.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-DO74lOFd.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;}`;
 
@@ -86,7 +86,7 @@ const TdsTableBodyInputWrapper = class {
         }
     }
     render() {
-        return (h(Host, { key: '8dc24acf73acb59732dcd490d792545a63679d2a', class: {
+        return (h(Host, { key: '1a61abe1ae33890adae2565298086fe3d55f0cf0', class: {
                 'focused-input-wrapper': this.inputFocused,
                 'show-icon': this.showIcon,
                 'tds-table__compact': this.compactDesign,

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

@@ -1,7 +1,7 @@
-import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-VFN9WV0d.js';
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-DO74lOFd.js';
 import { g as generateUniqueId } from './generateUniqueId-Cn4f8w1e.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)}`;
+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(--component--focus-ring-color-strong);box-shadow:0 0 0 1px var(--component--focus-ring-color-discrete);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)}`;
 
 const relevantTableProps = [
     'verticalDividers',
@@ -137,27 +137,27 @@ const TdsTableBodyRowExpandable = class {
     }
     render() {
         var _a;
-        return (h(Host, { key: '4cb9b9ae686cff6a0c9f7a73a2eb72eb4444859a', class: {
+        return (h(Host, { key: '4a19eecaddbe092c48da935ad1c9f3763f6c1bbf', class: {
                 'tds-table__row': true,
                 'tds-table__row-expand--active': this.isExpanded,
                 'tds-table__compact': this.compactDesign,
                 'tds-table--divider': this.verticalDividers,
-            } }, h("tr", { key: 'd9df910f8c230d7a0289c887a6a9cea5af569d9d', id: `expandable-content-${this.rowId}`, class: {
+            } }, h("tr", { key: '6724479fd5086ffd1d3f445c93fae3552f58cd08', 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 && (h("td", { key: 'e7b76c0efb3fc1c6700980e0d48a681458eacd6f', class: "tds-table__body-cell tds-table__body-cell--checkbox tds-form-label tds-form-label--table" }, h("tds-checkbox", { key: 'e707b13211b328beb76ffe78ff874bbd863483ee', onTdsChange: (event) => this.handleCheckboxChange(event), checked: this.selected, disabled: this.disabled }))), h("td", { key: '6150b96c6b00407685d8f059c083bbd159a27938', class: {
+            }, part: "row" }, this.multiselect && (h("td", { key: '6ff69b0dae005b397c56ed1eb354ad854ae5c007', class: "tds-table__body-cell tds-table__body-cell--checkbox tds-form-label tds-form-label--table" }, h("tds-checkbox", { key: '525f6c830cfb5540659788f160fb385021d2d61a', onTdsChange: (event) => this.handleCheckboxChange(event), checked: this.selected, disabled: this.disabled }))), h("td", { key: '1cc72fefa3ddf8faa7c92d51016ea3284b5e0ade', class: {
                 'tds-table__cell-expand': true,
-            } }, h("label", { key: '78df3bcaf49fb79d37d958a94645f6eaffbcdfba', class: "tds-table__expand-control-container" }, 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 }), h("span", { key: '4e9399e6e6520e24a6f40cf0a4853f436c18bd9c', class: "tds-expendable-row-icon" }, h("svg", { key: 'cde3749b3716a1b96e0f93fe6d140f2e0d1a5174', fill: "none", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32" }, 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" }))))), h("slot", { key: 'f821c49713d75972ce698c199da7b20eae103530' })), h("tr", { key: '1ffedd81c1410d80f31be60737d401a8622d104a', class: {
+            } }, h("label", { key: 'd508a4cb105d5c7b6a25c842ee9c17d9bcc711d9', class: "tds-table__expand-control-container" }, h("input", { key: '02309a59872696a39bc14dc569353f6718ca72de', 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 }), h("span", { key: '048779f2625c0a7af929a450dedca38bad96ff1b', class: "tds-expendable-row-icon" }, h("svg", { key: '8ce707e13f806d2de2c9b2dae7b41366f49e7676', fill: "none", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32" }, h("path", { key: '1d093d47b272fa218ab556a962ed34b5388128ce', "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" }))))), h("slot", { key: '5805b8699723c5ba1d1911bac9f83651b8f79503' })), h("tr", { key: '087e3a6f608f647d51087dc0952e6a24c631520b', class: {
                 'tds-table__row-expand': true,
                 'tds-table__row-expand--expanded': this.isExpanded,
-            }, part: "expand-row" }, h("td", { key: '2d1f4ef38dcea38e4154ea4a788404c9b44f0b9a', class: {
+            }, part: "expand-row" }, h("td", { key: 'd561520155d374db9e4c255a48ed5fb24c7f2718', 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 }, h("div", { key: 'ab809e98c84bc5c3bc5c1233ec20b18c80e569b7', style: {
+            }, part: "expand-row-cell", colSpan: (_a = this.columnsNumber) !== null && _a !== void 0 ? _a : undefined }, h("div", { key: 'f8e443b5141f451fd389ab995b3a8aa3ed44df70', style: {
                 overflow: this.overflow,
-            } }, h("slot", { key: '0a540ac54a7b6e5c1d1567e5178a0bd624b76d2f', name: "expand-row" }))))));
+            } }, h("slot", { key: '2c37f0136cab3b87307c16d55062f4aebc623e55', name: "expand-row" }))))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-VFN9WV0d.js';
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-DO74lOFd.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)}`;
 
@@ -77,13 +77,13 @@ const TdsTableBodyRow = class {
         }
     }
     render() {
-        return (h(Host, { key: 'f4e5c9acd820b468b93bbd83100695c56dca306c', tabindex: this.clickable ? '0' : null, class: {
+        return (h(Host, { key: '2d1a875e4fcc34fd35edbc2379bb333344da26f6', tabindex: this.clickable ? '0' : null, class: {
                 'tds-table__row': true,
                 'tds-table__row--selected': this.selected,
                 'tds-table__compact': this.compactDesign,
                 'tds-table--divider': this.verticalDividers,
                 'tds-table__row--clickable': this.clickable,
-            }, onClick: (e) => this.handleRowClick(e), onKeyDown: (e) => this.handleKeyDown(e), role: "row" }, this.multiselect && (h("td", { key: '6c51cf7b6d7656912de72231b55c66534e0b1f41', class: "tds-table__body-cell tds-table__body-cell--checkbox tds-form-label tds-form-label--table" }, h("tds-checkbox", { key: '3f33bb0e7acb689e1034869df00c810dee30a296', onTdsChange: (event) => this.handleCheckboxChange(event), checked: this.selected, disabled: this.disabled }))), h("slot", { key: '8944284b39ffa3b26e3f83e73a8fd98402bde105' })));
+            }, onClick: (e) => this.handleRowClick(e), onKeyDown: (e) => this.handleKeyDown(e), role: "row" }, this.multiselect && (h("td", { key: '454c4ebce72cc16c4bd0ea1d3ae57a6f1c9a6f7f', class: "tds-table__body-cell tds-table__body-cell--checkbox tds-form-label tds-form-label--table" }, h("tds-checkbox", { key: 'dfdc49c6156339ded9cd1ec0d0660d561334508e', onTdsChange: (event) => this.handleCheckboxChange(event), checked: this.selected, disabled: this.disabled }))), h("slot", { key: '823f0be11a3c370a08439cecc0725485bf7ca20c' })));
     }
     get host() { return getElement(this); }
 };

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host, a as getElement } from './index-VFN9WV0d.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-DO74lOFd.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}`;
 
@@ -65,12 +65,12 @@ const TdsTableBody = class {
         }
     }
     render() {
-        return (h(Host, { key: 'adce986c270e066e38b0ec79e7d33e6db616c2a2', "data-selected-rows": this.multiselectArrayJSON, class: {
+        return (h(Host, { key: '60769d20b1be88e96358e43d627188860b85f580', "data-selected-rows": this.multiselectArrayJSON, class: {
                 'tds-table--zebra-mode-rows-odd': this.zebraMode === 'rows-odd',
                 'tds-table--zebra-mode-rows-even': this.zebraMode === 'rows-even',
                 'tds-table--zebra-mode-columns-odd': this.zebraMode === 'columns-odd',
                 'tds-table--zebra-mode-columns-even': this.zebraMode === 'columns-even',
-            } }, h("slot", { key: '52a8e58d426fe4997808baadf591be93d260f701' })));
+            } }, h("slot", { key: '7f2451f49224792b663dacc60f66f33d2e9e70de' })));
     }
     get host() { return getElement(this); }
 };

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-VFN9WV0d.js';
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-DO74lOFd.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)}}`;
 
@@ -19,12 +19,18 @@ const TdsTableFooter = class {
         this.pagination = false;
         /** Sets the pagination number. */
         this.paginationValue = 1;
+        /** Set pagination label. Use {pages} as placeholder for the total number of pages. */
+        this.paginationLabel = 'of {pages} pages';
         /** Enable rows per page dropdown */
         this.rowsperpage = true;
+        /** Set rows per page label. */
+        this.rowsPerPageLabel = 'Rows per page';
         /** Set available rows per page values. <br/> If pagination is enabled, this array must be defined and controlled by the consumer of Tegel */
         this.rowsPerPageValues = [10, 25, 50];
         /** Set rows per page dropdown open direction */
         this.rowsPerPageDropdownOpenDirection = 'auto';
+        /** Set rows per page dropdown aria label. */
+        this.rowsPerPageDropdownAriaLabel = 'Select rows per page';
         /** Sets the number of pages. <br/> If pagination is enabled, this value must be defined and controlled by the consumer of Tegel. */
         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. */
@@ -189,16 +195,24 @@ const TdsTableFooter = class {
         }
         return styles;
     }
+    renderPaginationLabel() {
+        const pagesPlaceholder = '{pages}';
+        const paginationLabelParts = this.paginationLabel.split(pagesPlaceholder);
+        if (paginationLabelParts.length === 1) {
+            return this.paginationLabel;
+        }
+        return paginationLabelParts.flatMap((part, index) => index === paginationLabelParts.length - 1 ? [part] : [part, h("span", null, this.pages)]);
+    }
     render() {
         var _a;
-        return (h(Host, { key: '482894dd95553b594dd56671a1b8a38960f5c690', class: {
+        return (h(Host, { key: '8dc06e9c565e608dd02bf74a0328b515aaea31c2', class: {
                 'tds-table--compact': this.compactDesign,
                 'footer__horizontal-scroll': !!this.horizontalScrollWidth,
-            }, style: this.getStyles() }, h("tr", { key: 'cc0be5953fda3cc32cf88956d511473944a7b13a', class: "tds-table__footer-row" }, h("td", { key: 'f647d4ef2979a980e70b9f142626196fdf72d170', class: "tds-table__footer-cell", colSpan: this.columnsNumber }, this.pagination && (h("div", { key: 'a998711732c8085557ce0759b309e19b469ae665', class: "tds-table__pagination" }, h("div", { key: '0455ce54c5ec1f535cf6f85f6e039d24ae6dcd23', class: "tds-table__row-selector" }, this.rowsperpage && ((_a = this.rowsPerPageValues) === null || _a === void 0 ? void 0 : _a.length) > 0 && (h("div", { key: 'b9ca320cfb96935deb4171d12c7a0062fd08cd54', class: "rows-per-page" }, h("p", { key: '289cdf00f94fc228672b5e82f22ffebb5315ec3c' }, "Rows per page"), h("tds-dropdown", { key: 'dbc0a944294d509f1b4e87a221db63e8461a810a', modeVariant: "secondary", id: "rows-dropdown", class: "page-dropdown", size: "xs", tdsAriaLabel: "Select rows per page", defaultValue: `${this.rowsPerPageValue}`, onTdsChange: (event) => this.rowsPerPageChange(event), openDirection: this.rowsPerPageDropdownOpenDirection }, this.rowsPerPageValues.map((value) => (h("tds-dropdown-option", { value: `${value}` }, value))))))), h("div", { key: 'dfb4f5119d13fc42269568f506f81e3e6a9b46bd', class: "tds-table__page-selector" }, h("input", { key: '75be207207ff0e5bcb9a89a8f3611c54c8b7aa24', ref: (element) => {
+            }, style: this.getStyles() }, h("tr", { key: '1a64b9023acc03204ad4219fd986b106334ff6e6', class: "tds-table__footer-row" }, h("td", { key: '815d2a7aaf4c98035fc0b1bdb4b7b7668f4a5e83', class: "tds-table__footer-cell", colSpan: this.columnsNumber }, this.pagination && (h("div", { key: '65dbb8f0ffd41242553775c6e42fff5c626d0017', class: "tds-table__pagination" }, h("div", { key: 'de880d869b550d94ab543dcb3182b354ce09cc45', class: "tds-table__row-selector" }, this.rowsperpage && ((_a = this.rowsPerPageValues) === null || _a === void 0 ? void 0 : _a.length) > 0 && (h("div", { key: '481589d46734bed1e77037003169d12373e6e169', class: "rows-per-page" }, h("p", { key: 'f054474b89ddb6cd3245b215c9095f445582f6a9' }, this.rowsPerPageLabel), h("tds-dropdown", { key: '066a6f324de1a0c83f9e15350b133e8de14f8259', modeVariant: "secondary", id: "rows-dropdown", class: "page-dropdown", size: "xs", tdsAriaLabel: this.rowsPerPageDropdownAriaLabel, defaultValue: `${this.rowsPerPageValue}`, onTdsChange: (event) => this.rowsPerPageChange(event), openDirection: this.rowsPerPageDropdownOpenDirection }, this.rowsPerPageValues.map((value) => (h("tds-dropdown-option", { value: `${value}` }, value))))))), h("div", { key: '598f908e641e97a7d02681e57534817a063b1bd8', class: "tds-table__page-selector" }, h("input", { key: '5cca773b5720451a74716aaa4be370285d9b34a5', 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 }), h("p", { key: '391644af3ab2c48f89167745c717fdf95ef542f1', class: "tds-table__footer-text" }, "of ", h("span", { key: 'b69a412fe7e0e9b63f9608633d5b8b539d697453' }, this.pages), " pages"), h("button", { key: '8828b14195d9b20c6fdeb35791be15d8514de4f7', type: "button", class: "tds-table__footer-btn", disabled: this.paginationValue <= 1, onClick: () => this.firstPage() }, h("tds-icon", { key: '59eea824cda8abbd9f02438d86b55da75c43f84b', name: "skip_backwards", size: "20px" })), h("button", { key: 'a64a857b6bc6002e72370604d3d601f19d212c21', type: "button", class: "tds-table__footer-btn", disabled: this.paginationValue <= 1, onClick: () => this.previousPage() }, h("tds-icon", { key: '6000b40ebb29c0e93b05111aef80c90aea6a9066', name: "chevron_left", size: "20px" })), h("button", { key: '758935d7d58ce2be8c8ba31f1e1c2505fa454ea8', type: "button", class: "tds-table__footer-btn", disabled: this.paginationValue >= this.pages, onClick: () => this.nextPage() }, h("tds-icon", { key: '4b39306ecc009aa9974916def328bcfbbfd7bfdc', name: "chevron_right", size: "20px" })), h("button", { key: '208e9276568873de41d5e38d1000056c5999e233', type: "button", class: "tds-table__footer-btn", disabled: this.paginationValue >= this.pages, onClick: () => this.lastPage() }, h("tds-icon", { key: 'f394d9f7bfe31df460765dbaf3de069ba2913436', 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 }), h("p", { key: '2fc916ca072a1f109408025f34e55efec40aa661', class: "tds-table__footer-text" }, this.renderPaginationLabel()), h("button", { key: '843fbd54ec2f77f4b4a494ed93ba6fa82ba169e7', type: "button", class: "tds-table__footer-btn", disabled: this.paginationValue <= 1, onClick: () => this.firstPage() }, h("tds-icon", { key: '1f79a5af16a33b6635cd1533ac9852852bd6e6d6', name: "skip_backwards", size: "20px" })), h("button", { key: '3b7c30d4f1c167001bc42bde4523436aa807e501', type: "button", class: "tds-table__footer-btn", disabled: this.paginationValue <= 1, onClick: () => this.previousPage() }, h("tds-icon", { key: '79cbe3606b633611e63cffc674f2552c496479ef', name: "chevron_left", size: "20px" })), h("button", { key: '7251a8abc9628336696267c8a7c9296f078c3304', type: "button", class: "tds-table__footer-btn", disabled: this.paginationValue >= this.pages, onClick: () => this.nextPage() }, h("tds-icon", { key: 'e06b07d0aca6cfb3a053391ac92f0950b6d9dc30', name: "chevron_right", size: "20px" })), h("button", { key: 'f843cd3597e7419c174919254e28f5b94b9d184f', type: "button", class: "tds-table__footer-btn", disabled: this.paginationValue >= this.pages, onClick: () => this.lastPage() }, h("tds-icon", { key: '5d217d4ff8ae825e1ac5cd31416b56dc04a323b3', name: "skip_forward", size: "20px" })))))))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host, a as getElement } from './index-VFN9WV0d.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-DO74lOFd.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;}`;
 
@@ -68,7 +68,7 @@ const TdsTableHeaderInputWrapper = class {
         }
     }
     render() {
-        return (h(Host, { key: '43bff4694595b6b6355ca05af951b9a31f27ee35', class: {
+        return (h(Host, { key: '524d664d605a1cefb1fc700cf62a31976e85de2c', class: {
                 'focused-input-wrapper': this.inputFocused,
                 'show-icon': this.showIcon,
                 'tds-table__compact': this.compactDesign,

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-VFN9WV0d.js';
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-DO74lOFd.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}`;
 
@@ -92,11 +92,11 @@ const TdsTableHeaderRow = class {
         });
     }
     render() {
-        return (h(Host, { key: '081f1f38317966710af212df1f9ce7c0abe5e43d', class: {
+        return (h(Host, { key: '3fd3b267495c342977831ff9733b1ac671e605c5', class: {
                 'tds-table--compact': this.compactDesign,
                 'tds-table--divider': this.verticalDividers,
                 'tds-table--toolbar-available': this.enableToolbarDesign,
-            } }, h("tr", { key: 'd7d544ea5dd7d54c7599797fd22f5dcc610740d9' }, this.multiselect && (h("th", { key: 'de1d90c31d0bea8c277a748c4f9a5cda5251cb2f', class: "tds-table__header-cell tds-table__header-cell--checkbox" }, h("div", { key: '3e62bed00d239585d752e76f522f656f796084f5', class: "tds-form-label tds-form-label--table" }, h("tds-checkbox", { key: '0500722422e1512430fd01050fac00bfa5d0f165', checked: this.allSelected || this.selected, disabled: this.disabled, indeterminate: this.indeterminate, onTdsChange: (event) => this.handleCheckboxChange(event) })))), this.expandableRows && (h("th", { key: '6b71efdaec2bd25f3a28077f90c42dc5bc950339', class: "tds-table__header-cell tds-table__header-cell--checkbox" })), h("slot", { key: '32f0040445889329eabd3f2084890721d1799636' }))));
+            } }, h("tr", { key: 'f4ee401353ff0882aa3f9785721a44845c13ea2e' }, this.multiselect && (h("th", { key: '1a72135d5fbcc84c73aee71f6d6cf563dcef00a8', class: "tds-table__header-cell tds-table__header-cell--checkbox" }, h("div", { key: 'beff818341bb016234d1b2ce312c950f8be7938d', class: "tds-form-label tds-form-label--table" }, h("tds-checkbox", { key: '796c809f3238345667e724c9a416fd807cf8b218', checked: this.allSelected || this.selected, disabled: this.disabled, indeterminate: this.indeterminate, onTdsChange: (event) => this.handleCheckboxChange(event) })))), this.expandableRows && (h("th", { key: 'd22a9cf5c6d23de55c184c7bec8972732ab32d49', class: "tds-table__header-cell tds-table__header-cell--checkbox" })), h("slot", { key: '8e4ff0efe17956fb9ef8bf0a21e18bcd660515da' }))));
     }
     get host() { return getElement(this); }
 };

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-VFN9WV0d.js';
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-DO74lOFd.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}`;
 
@@ -74,10 +74,10 @@ const TdsTableToolbar = class {
         return styles;
     }
     render() {
-        return (h(Host, { key: 'b98524b265ec24c7204f78fdba7298806488c5cd', class: {
+        return (h(Host, { key: '82de92eb66d3592648321ec69f571a7f8562870d', class: {
                 'tds-table--compact': this.compactDesign,
                 'toolbar__horizontal-scroll': !!this.horizontalScrollWidth,
-            }, style: this.getStyles(), "aria-labelledby": "table-toolbar-title" }, h("div", { key: '474eb3d4623e98f69094a9d5c6942fa2bef05fd2', class: "tds-table__upper-bar-flex" }, h("div", { key: 'f616780361cc2101ddb2e0e9d112cd596f4a91ed', class: "tds-table__actionbar-left" }, this.tableTitle && (h("caption", { key: '0a8a2e7330352f0c8bce0f29f43f6f5bb7a4204a', id: "table-toolbar-title", class: "tds-table__title" }, this.tableTitle)), h("slot", { key: 'fe7312c205337614665ac25824bfd27c7d9cadc8', name: "start" })), h("div", { key: '95af8f20377ecc20417a8e51dd1e2e619c1eeb21', class: "tds-table__actionbar" }, this.filter && (h("div", { key: '798d8ff8fe3008f09018c095c8b07e2a6df17aa7', class: "tds-table__searchbar" }, h("input", { key: 'e152dc0fcbb47e181788ebbe57ac751332d5cb4c', class: "tds-table__searchbar-input", type: "text", onKeyUp: (event) => this.handleSearch(event), "aria-label": this.tdsSearchAriaLabel }), h("span", { key: 'fc6a824134d9a41b1aa6864238e0ad37793003ac', class: "tds-table__searchbar-icon" }, h("tds-icon", { key: '8ed3d82df541b903c9b6d8e36e172ce15c2d5f54', name: "search", size: "20px" })))), h("slot", { key: 'de8d5e9242b9bb1de8a8254cd08fdd41eb76a5e5', name: "end" })))));
+            }, style: this.getStyles(), "aria-labelledby": "table-toolbar-title" }, h("div", { key: '87aff8f8230e0289217e9b4ba276fd90adeed20d', class: "tds-table__upper-bar-flex" }, h("div", { key: 'c4cd83ece587f591ac7532580cd6d52f82be3cf6', class: "tds-table__actionbar-left" }, this.tableTitle && (h("caption", { key: '5305f59a0e6c97dded2cf07fe78738d829ea862e', id: "table-toolbar-title", class: "tds-table__title" }, this.tableTitle)), h("slot", { key: 'c76b2d1bd6dcc3ae00cbe8ebc217e3de2b77a16e', name: "start" })), h("div", { key: 'f06062c8f1c11ff05d41aa6b2a5811899036b240', class: "tds-table__actionbar" }, this.filter && (h("div", { key: '0b59c9b54861d4c02a5ec0861d52120f834f1208', class: "tds-table__searchbar" }, h("input", { key: '6b06fb4aa86958c44c7fc8d1eeaa5bd895e52b82', class: "tds-table__searchbar-input", type: "text", onKeyUp: (event) => this.handleSearch(event), "aria-label": this.tdsSearchAriaLabel }), h("span", { key: '3ee299d71b855f904b8b478d8d58e058aefd66b8', class: "tds-table__searchbar-icon" }, h("tds-icon", { key: '7beaa148dfa57c227534c5015a2c6ccd924bb921', name: "search", size: "20px" })))), h("slot", { key: '0d88dc478526afcfe25dc56b9d3b8426c48ba8a7', name: "end" })))));
     }
     get host() { return getElement(this); }
 };

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

@@ -1,7 +1,7 @@
-import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-VFN9WV0d.js';
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-DO74lOFd.js';
 import { g as generateUniqueId } from './generateUniqueId-Cn4f8w1e.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}`;
+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;border-radius:var(--tds-scrollbar-hover-thumb-border-radius);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:var(--tds-scrollbar-thumb-border-radius);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}`;
 
 const TdsTable = class {
     constructor(hostRef) {
@@ -99,6 +99,12 @@ const TdsTable = class {
     widthChanged(newValue) {
         this.emitInternalTdsPropChange('horizontalScrollWidth', newValue);
     }
+    sortColumnKeyChanged(newValue) {
+        this.emitInternalTdsPropChange('sortColumnKey', newValue);
+    }
+    sortDirectionChanged(newValue) {
+        this.emitInternalTdsPropChange('sortDirection', newValue);
+    }
     componentWillRender() {
         if (this.horizontalScrollWidth) {
             const closestTable = this.host.closest('tds-table');
@@ -111,11 +117,11 @@ const TdsTable = class {
         }
     }
     render() {
-        return (h(Host, { key: '22e1189b298e2af0346a3a04126eed47528f1169', class: {
+        return (h(Host, { key: '47161a1c4f313bce7e9cdeb2207ecf136006264c', class: {
                 'tds-table--responsive': this.responsive,
                 'tds-mode-variant-primary': this.modeVariant === 'primary',
                 'tds-mode-variant-secondary': this.modeVariant === 'secondary',
-            } }, h("table", { key: '9a756d4799eba3dc75b6a7d5cb75c53a21509949', style: this.getStyles(), class: {
+            } }, h("table", { key: '69a097a8fe81a082bdc7c310e098be3a317b5a8f', style: this.getStyles(), class: {
                 'tds-table': true,
                 'tds-table--compact': this.compactDesign,
                 'tds-table--divider': this.verticalDividers,
@@ -126,7 +132,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,
-            } }, h("slot", { key: '2f0e653f4d44b8ada5933ab2389338b92ed48493' }))));
+            } }, h("slot", { key: '3fe0095ee6eee6b50ac084417fab921791da0e84' }))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -153,6 +159,12 @@ const TdsTable = class {
             }],
         "horizontalScrollWidth": [{
                 "widthChanged": 0
+            }],
+        "sortColumnKey": [{
+                "sortColumnKeyChanged": 0
+            }],
+        "sortDirection": [{
+                "sortDirectionChanged": 0
             }]
     }; }
 };

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host, a as getElement } from './index-VFN9WV0d.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-DO74lOFd.js';
 import { h as hasSlot } from './hasSlot-DDX6uFcm.js';
 
 const tagCss = () => `.sc-tds-tag-h{box-sizing:border-box;display:inline-flex;align-items:center;border-radius:var(--tds-tag-border-radius);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:var(--tds-tag-border-radius);padding:2px 4px;font-family:var(--detail-05-font-family);font-size:var(--detail-05-font-size);line-height:var(--detail-05-line-height);font-weight:var(--detail-05-font-weight);letter-spacing:var(--detail-05-letter-spacing);text-transform:var(--detail-05-text-transform)}.success.sc-tds-tag-h{background-color:var(--tds-tag-success-background);color:var(--tds-tag-success-color)}.success.sc-tds-tag-h [slot=prefix].sc-tds-tag{color:var(--tds-tag-success-icon-color)}.warning.sc-tds-tag-h{background-color:var(--tds-tag-warning-background);color:var(--tds-tag-warning-color)}.warning.sc-tds-tag-h [slot=prefix].sc-tds-tag{color:var(--tds-tag-warning-icon-color)}.new.sc-tds-tag-h{background-color:var(--tds-tag-new-background);color:var(--tds-tag-new-color)}.new.sc-tds-tag-h [slot=prefix].sc-tds-tag{color:var(--tds-tag-new-icon-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)}.information.sc-tds-tag-h [slot=prefix].sc-tds-tag{color:var(--tds-tag-information-icon-color)}.error.sc-tds-tag-h{background-color:var(--tds-tag-error-background);color:var(--tds-tag-error-color)}.error.sc-tds-tag-h [slot=prefix].sc-tds-tag{color:var(--tds-tag-error-icon-color)}.tds-tag__content.sc-tds-tag{display:flex;align-items:center;gap:inherit}`;
@@ -17,7 +17,7 @@ const TdsTag = class {
             [`${this.size.toLowerCase()}`]: true,
             [this.variant.toLowerCase()]: true,
         });
-        return (h(Host, { key: '8a514622cb84f2315dea806ffb922e254b0b91ba', class: getTagClasses() }, h("div", { key: 'bb73048a5c82e216eeb71ab1cf9c4dc692032fea', class: "tds-tag__content" }, hasPrefixSlot && h("slot", { key: 'e0fa00414957f3d226f61702d558f64fae6d4e4c', name: "prefix" }), h("span", { key: '2b67dbbc318d329f37a4a8fa98b23eb57dc7bd63' }, this.text))));
+        return (h(Host, { key: '7abe67c0e7383f526a6f673e6729b69e7984068c', class: getTagClasses() }, h("div", { key: '86a6e76cbc01841eb729cf08e6a6c2154f13ab2c', class: "tds-tag__content" }, hasPrefixSlot && h("slot", { key: '8b0c1673b882ce4a292f800ff54c12f3028a0351', name: "prefix" }), h("span", { key: '04cb612d4977abd42c8e6bf99daf85cc19db041d' }, this.text))));
     }
     get host() { return getElement(this); }
 };