@scania/tegel 1.29.0-tabs-initialization-issue-beta.1 → 1.30.0-beta-enhance-focus-dropdown.0

package/dist/cjs/tds-popover-menu-item.cjs.entry.js

@@ -13,10 +13,10 @@ const TdsPopoverMenuItem = class {
         this.disabled = false;
     }
     render() {
-        return (index.h(index.Host, { key: '189497fe898065e585b2bf342611716b7b44778b', role: "menuitem", "aria-disabled": this.disabled ? 'true' : 'false' }, index.h("div", { key: '5904e5da7c9f4cfe1a35df1b5b1549a8a4c501a9', class: {
+        return (index.h(index.Host, { key: '64faf6cb0d6b7cf61baa086984db76a18c786920', role: "menuitem", "aria-disabled": this.disabled ? 'true' : 'false' }, index.h("div", { key: 'af8cf012fd1f2e02862b5830608aadf6bc183c4b', class: {
                 wrapper: true,
                 disabled: this.disabled,
-            } }, index.h("slot", { key: 'ddacc7938ca455a8151b2e46449414146073b045' }))));
+            } }, index.h("slot", { key: 'e1057d681689dc614415e980894b85a6b6289a88' }))));
     }
 };
 TdsPopoverMenuItem.style = TdsPopoverMenuItemStyle0;

package/dist/cjs/tds-popover-menu.cjs.entry.js

@@ -33,13 +33,13 @@ const TdsPopoverMenu = class {
     }
     render() {
         var _a;
-        return (index.h(index.Host, { key: '060c32c47620cd2c157ef32011c4f3b00287fb1e' }, index.h("tds-popover-core", { key: 'a497fe186fdf591c1ceeb72baabf34e59acccff4', class: {
+        return (index.h(index.Host, { key: '4f285ba1fb6b12ad66c09bbf3d109aa4cdff82cf' }, index.h("tds-popover-core", { key: 'bd1fb62cbeb25ec8a0a5bfa580cef36c950e0fa3', class: {
                 'tds-popover-menu': true,
                 [(_a = this.inheritedAttributes.class) !== null && _a !== void 0 ? _a : '']: true,
                 'fluid-width': this.fluidWidth,
             }, selector: this.selector, referenceEl: this.referenceEl, show: this.show, placement: this.placement, offsetSkidding: this.offsetSkidding, offsetDistance: this.offsetDistance, ref: (el) => {
                 this.childRef = el;
-            }, defaultShow: this.defaultShow, animation: this.animation }, index.h("div", { key: 'bf01a37fa77f72d7fab85644892552a84c3170f8', role: "menu" }, index.h("slot", { key: 'a1c065153ecaf6b9828785bfac4366852142117d' })))));
+            }, defaultShow: this.defaultShow, animation: this.animation }, index.h("div", { key: 'c79034c0d9f06bc429d30c51e6c5b70edd404052', role: "menu" }, index.h("slot", { key: '7e10d182c7529d716734317a5cca5087f30c1a9b' })))));
     }
     get host() { return index.getElement(this); }
 };

package/dist/cjs/tds-radio-button.cjs.entry.js

@@ -28,7 +28,7 @@ const TdsRadioButton = class {
         this.tdsTabIndex = undefined;
     }
     render() {
-        return (index.h("div", { key: 'c0a495e27c2ed9950f291e3e34c4cc9a75f7265c', class: "tds-radio-button" }, index.h("input", { key: 'c475a6a22dbbac7badbb21ede05ec2dbfb61af1d', "aria-label": this.tdsAriaLabel, class: "tds-form-input", type: "radio", role: "radio", name: this.name, id: this.radioId, value: this.value, checked: this.checked, "aria-checked": this.checked, required: this.required, disabled: this.disabled, onChange: () => this.handleChange(), tabIndex: this.tdsTabIndex }), index.h("label", { key: '3e17eb0b58d37fe5c6fa5574e9884635a33dca12', htmlFor: this.radioId }, index.h("slot", { key: 'ef9537b996262e352c168bea6e5d51348bb7bf88', name: "label" }))));
+        return (index.h("div", { key: 'ca977bcef62ce81be1c0387bc1db7a5bb669f164', class: "tds-radio-button" }, index.h("input", { key: '939027d597b396cfdab2b47a11465b6e46040036', "aria-label": this.tdsAriaLabel, class: "tds-form-input", type: "radio", role: "radio", name: this.name, id: this.radioId, value: this.value, checked: this.checked, "aria-checked": this.checked, required: this.required, disabled: this.disabled, onChange: () => this.handleChange(), tabIndex: this.tdsTabIndex }), index.h("label", { key: 'f40293c0fcce1dac843087b71b5e34bdd8e911fa', htmlFor: this.radioId }, index.h("slot", { key: '4190d41d4e90cd4125c4f997f46cefa44682dae7', name: "label" }))));
     }
     get host() { return index.getElement(this); }
 };

package/dist/cjs/tds-side-menu-close-button.cjs.entry.js

@@ -24,7 +24,7 @@ const TdsSideMenuCloseButton = class {
         const sideMenuEl = this.host.closest('tds-side-menu');
         const sideMenuId = sideMenuEl ? sideMenuEl.id : '';
         const buttonProps = Object.assign(Object.assign(Object.assign({ 'aria-label': 'Close' }, (sideMenuId && { 'aria-controls': sideMenuId })), inheritAriaAttributes.inheritAriaAttributes(this.host)), { 'onClick': TdsSideMenuCloseButton.handleClick });
-        return (index.h(index.Host, { key: 'de98375064e94f8bfc19a60db7464c6b1c20a46f' }, index.h("button", Object.assign({ key: '4b9284c8b220d5b9fb0d1e3b346a5dfc209e59e2' }, buttonProps), index.h("tds-icon", { key: '78a639c37f7a307f42ce68ec239b28c6da8a3221', name: "cross", size: "20px", svgTitle: "Cross" }))));
+        return (index.h(index.Host, { key: 'b0e953d2148179c2a4fd1ed352b9024f6939c77c' }, index.h("button", Object.assign({ key: 'cd5f48b31d9eb62f4327a2918351920d961c446f' }, buttonProps), index.h("tds-icon", { key: 'f007bf92a2ba7186006aa4dd5126820108badecf', name: "cross", size: "20px", svgTitle: "Cross" }))));
     }
     get host() { return index.getElement(this); }
 };

package/dist/cjs/tds-side-menu-collapse-button.cjs.entry.js

@@ -36,14 +36,14 @@ const TdsSideMenuCollapseButton = class {
         this.collapsed = this.sideMenuEl.collapsed;
     }
     render() {
-        return (index.h(index.Host, { key: 'a4ee76e648caf4eb8fb893b66424c89b814184bd', role: "button", tabindex: "0", "aria-expanded": !this.collapsed ? 'true' : 'false', onClick: () => {
+        return (index.h(index.Host, { key: 'fecd00dc0ef2ce899b82ce304034b5b6f75704ed', role: "button", tabindex: "0", "aria-expanded": !this.collapsed ? 'true' : 'false', onClick: () => {
                 this.handleClick();
-            } }, index.h("div", { key: '8e828ca95162a91b3831a1b70513ebc553ff8f82', class: {
+            } }, index.h("div", { key: '6d7ae7bd95d8c4c37895d06ce8d4eaebe08e91dd', class: {
                 'wrapper': true,
                 'state-collapsed': this.collapsed,
-            } }, index.h("tds-side-menu-item", { key: '39097fc5e89662d5eeff1c090488aa899e085ee1', class: {
+            } }, index.h("tds-side-menu-item", { key: '2cc8087248c6f9eee7943039092c5a45f9c2376d', class: {
                 button: true,
-            } }, index.h("a", { key: '8e50dee96f2b4b48abfd9059c30d5f98b48c2c9f' }, index.h("svg", { key: '3328aeb12c095e5fe79abb9b64e6d0e1a218ad73', class: "icon", slot: "icon", fill: "none", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32" }, index.h("path", { key: '44188ee11d944974022612677a88d357c0c2392d', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M16 1.975a1 1 0 0 1 1 1v20.3l9.311-9.312a1 1 0 0 1 1.415 1.414l-9.887 9.887a2.6 2.6 0 0 1-3.677 0l-9.887-9.887a1 1 0 1 1 1.414-1.414L15 23.274V2.975a1 1 0 0 1 1-1ZM5.188 28.001a1 1 0 0 0 0 2h21.62a1 1 0 1 0 0-2H5.188Z", fill: "currentColor" })), !this.collapsed && index.h("slot", { key: '7666cefb4f60a813398bbd5acb797981f0f856de' }))))));
+            } }, index.h("a", { key: 'e2510c1f475b5f6ff3d1de367360fc2e34e0c0c0' }, index.h("svg", { key: '7ea54a6bcfb144cab3045fb34316eac400c59e43', class: "icon", slot: "icon", fill: "none", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32" }, index.h("path", { key: '3db930370416d9906ccdf821e6d43d0e6633534a', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M16 1.975a1 1 0 0 1 1 1v20.3l9.311-9.312a1 1 0 0 1 1.415 1.414l-9.887 9.887a2.6 2.6 0 0 1-3.677 0l-9.887-9.887a1 1 0 1 1 1.414-1.414L15 23.274V2.975a1 1 0 0 1 1-1ZM5.188 28.001a1 1 0 0 0 0 2h21.62a1 1 0 1 0 0-2H5.188Z", fill: "currentColor" })), !this.collapsed && index.h("slot", { key: '7fba28f202ca8089ffce93c051c8d6afc23afef7' }))))));
     }
     get host() { return index.getElement(this); }
 };

package/dist/cjs/tds-side-menu-dropdown-list-item.cjs.entry.js

@@ -34,12 +34,12 @@ const TdsSideMenuDropdownListItem = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '3cef6b5d19a0fbfe5df1d10addb1f3f53921040e', role: "listitem" }, index.h("div", { key: '34de00792e93179c489110027288043bf3262c6e', class: {
+        return (index.h(index.Host, { key: 'c9b0be9e374bddb8ef0ed9599ed578fc9c32f262', role: "listitem" }, index.h("div", { key: 'ae043823f7aec1bb444be5400d9ad781078ac04d', class: {
                 'component': true,
                 'component-selected': this.selected,
                 'component-dropdown-has-icon': this.dropdownHasIcon,
                 'component-collapsed': this.collapsed,
-            } }, index.h("slot", { key: '70d607d2dcbe976273e58cbab79772b186d07a35' }))));
+            } }, index.h("slot", { key: '5c7bc7730d7a1bde8caa2a54db2ec6ccadb92726' }))));
     }
     get host() { return index.getElement(this); }
 };

package/dist/cjs/tds-side-menu-dropdown-list.cjs.entry.js

@@ -21,9 +21,9 @@ const TdsSideMenuDropdownList = class {
         this.collapsed = (_a = this.sideMenuEl) === null || _a === void 0 ? void 0 : _a.collapsed;
     }
     render() {
-        return (index.h(index.Host, { key: '38e9f561720b3a68528ae69878138ea8e9085e3c', role: "list", "aria-expanded": !this.collapsed ? 'true' : 'false' }, index.h("div", { key: '9f2e5ea13fe7f4483ae07d5a58208b27a64bbd1b', class: {
+        return (index.h(index.Host, { key: '3b6baf50c44b45c9b31d90512fcf06e0f7bfec25', role: "list", "aria-expanded": !this.collapsed ? 'true' : 'false' }, index.h("div", { key: '56e8ee677d733e9a0198856cb97a270fab78d69a', class: {
                 'state-collapsed': this.collapsed,
-            } }, index.h("slot", { key: '10543e9547fc64683e4f96e0ecb72ff82e3ed3ad' }))));
+            } }, index.h("slot", { key: 'f9fe71e7c9b14c9791d51b758b495c56fa95f8e6' }))));
     }
     get host() { return index.getElement(this); }
 };

package/dist/cjs/tds-side-menu-dropdown.cjs.entry.js

@@ -60,13 +60,13 @@ const TdsSideMenuDropdown = class {
         this.open = this.defaultOpen;
     }
     render() {
-        return (index.h(index.Host, { key: '2c3887fe8ec9334f7f3b3f46b3bce64712957ae3' }, index.h("div", { key: 'bedb9fc6f22d0c608b77c2d0d2fe7c8c17eadd59', class: {
+        return (index.h(index.Host, { key: '78a5c58e58b38e84cae96a9afd8166bfe3125a02' }, index.h("div", { key: '70e8e68e6db938cb2177169ca1836e84eb48cce6', class: {
                 'wrapper': true,
                 'state-open': this.getIsOpenState(),
                 'state-collapsed': this.collapsed,
-            } }, index.h("tds-side-menu-item", { key: '83cb1486e99c0f699b02be91bf53df1249076902', class: "button", active: this.getIsOpenState(), selected: this.selected, onClick: () => {
+            } }, index.h("tds-side-menu-item", { key: '5834d5e804ad422937f2971637b3a70fb1fb676e', class: "button", active: this.getIsOpenState(), selected: this.selected, onClick: () => {
                 this.open = !this.open;
-            }, "aria-expanded": this.getIsOpenState() ? 'true' : 'false' }, index.h("button", { key: 'e21c03415c48022813b3289f8dd80f21486414f0' }, index.h("slot", { key: '4462d95bf8e7945741cb54d9f363b8d9cac158e0', name: "icon" }), !this.collapsed && (index.h(index.Fragment, { key: '1a65252df105ef6ad9bca35f873fe19e71289b80' }, this.buttonLabel, index.h("slot", { key: 'e35a184bae5c65fde366ed287062becbc6633cac', name: "label" }), index.h("tds-icon", { key: '7a4328715c67aaf91a3675574f5aadca9ce8ae3d', class: "dropdown-icon", name: "chevron_down", size: "16px", svgTitle: "Chevron Down" }))))), index.h("div", { key: '1e4e674c5e9b8901b5306bee36bf121aa37112e3', class: "menu", tabindex: this.collapsed ? '0' : null }, this.collapsed && (index.h("h3", { key: '54a5f5f89d595aeae6ac6e41ac553e96466fe4a1', class: "heading-collapsed" }, this.buttonLabel, index.h("slot", { key: '20477b6be2c477c48412d0f4bc34f1181bcb00d3', name: "label" }))), index.h("slot", { key: '9740e5c9cb493e52c104223ec62b47bffc8adc5d' })))));
+            }, "aria-expanded": this.getIsOpenState() ? 'true' : 'false' }, index.h("button", { key: 'd454e6148a12c0bd1864b6c148f169ac342e9da2' }, index.h("slot", { key: '8a2579b751421d9df8e3dd5a84b04a5f844d383c', name: "icon" }), !this.collapsed && (index.h(index.Fragment, { key: 'f3419cc2993191186dccc9a208ff8150bf592eeb' }, this.buttonLabel, index.h("slot", { key: 'ff616384d76d6f3df82ac6abb12d65e4f6a5906d', name: "label" }), index.h("tds-icon", { key: 'a4acd9c0de3f437766673c57b4d73ac13cc8917b', class: "dropdown-icon", name: "chevron_down", size: "16px", svgTitle: "Chevron Down" }))))), index.h("div", { key: 'db1ec059f4f1910d1fef432baff29810883ec2ef', class: "menu", tabindex: this.collapsed ? '0' : null }, this.collapsed && (index.h("h3", { key: 'a9f35f976da7ceaf38eb1c1641b43617e4e583c6', class: "heading-collapsed" }, this.buttonLabel, index.h("slot", { key: 'ef8b02b77b93b54f0a9aa4c5fb367356c12e9b82', name: "label" }))), index.h("slot", { key: '15c7c9e5a6a0615f478c5f93de8753211d17b3c3' })))));
     }
     get host() { return index.getElement(this); }
 };

package/dist/cjs/tds-side-menu-item.cjs.entry.js

@@ -60,12 +60,12 @@ const TdsSideMenuItem = class {
         this.updateSlottedElements();
     }
     render() {
-        return (index.h(index.Host, { key: '0c9290486534fe72176fd531e9c1946358984c3a' }, index.h("div", { key: 'e215756bc01214c4de39702eec972ccb84a58d2d', class: {
+        return (index.h(index.Host, { key: 'fac92e8ccc60dac3d6929d30283729f8055c1633' }, index.h("div", { key: '0cdecbaab4f888daa53c796919644e17732c43ea', class: {
                 'component': true,
                 'component-selected': this.selected,
                 'component-active': this.active,
                 'component-collapsed': this.collapsed,
-            } }, index.h("slot", { key: 'c461a28519b6632322b872b71407ee82ed82a950' }))));
+            } }, index.h("slot", { key: 'a5ac7145049bac0fb11d9a5ac1d4cbfa764f3bcc' }))));
     }
     get host() { return index.getElement(this); }
 };

package/dist/cjs/tds-side-menu-overlay.cjs.entry.js

@@ -12,7 +12,7 @@ const TdsSideMenuOverlay = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '15e4b102af83962079d9bc9104c3e4d243cea947' }, index.h("div", { key: '52ed88b0ccf8ae02c3d83849f610475b0ad55065' })));
+        return (index.h(index.Host, { key: '3ead27185a3cba465ce4789a58d9f5081a3ba476' }, index.h("div", { key: '5da2afb06899169815745785b3c9dc766a7b51bd' })));
     }
 };
 TdsSideMenuOverlay.style = TdsSideMenuOverlayStyle0;

package/dist/cjs/tds-side-menu-user-image_2.cjs.entry.js

@@ -14,7 +14,7 @@ const TdsSideMenuUserImage = class {
         this.alt = undefined;
     }
     render() {
-        return (index.h(index.Host, { key: '62b6a38f0705b052cb4d5b9379bc77662f66c505' }, index.h("slot", { key: '99aeba48272e512ce419a934cb4147052a5e0190' }), this.src && index.h("img", { key: '352e0a3f93558b298835afbfe72193cdbebcffa4', src: this.src, alt: this.alt })));
+        return (index.h(index.Host, { key: 'f673e69a1f9064b9b70def6942bb357b0fbbef1a' }, index.h("slot", { key: 'd2b6b1b29dd8ab033e229aac63aa864a2d866be6' }), this.src && index.h("img", { key: 'f72afa71088d565a19d43dec0646f657eba9c5c3', src: this.src, alt: this.alt })));
     }
 };
 TdsSideMenuUserImage.style = TdsSideMenuUserImageStyle0;
@@ -29,7 +29,7 @@ const TdsSideMenuUserLabel = class {
         this.subheading = undefined;
     }
     render() {
-        return (index.h(index.Host, { key: '5b045eb527ee378f50f6a1bec3a383b9c0f352ef' }, this.heading, this.subheading && index.h("div", { key: '3e106d0bdbe62438e8d2edbf73f43324cb78ffdd', class: "subheading" }, this.subheading)));
+        return (index.h(index.Host, { key: 'fcd180821724e5e7ad1d8574a3adaf428f124b47' }, this.heading, this.subheading && index.h("div", { key: 'f1d86f3f1f200de394e771ea71839e5e9a94ba10', class: "subheading" }, this.subheading)));
     }
 };
 TdsSideMenuUserLabel.style = TdsSideMenuUserLabelStyle0;

package/dist/cjs/tds-side-menu-user.cjs.entry.js

@@ -16,7 +16,7 @@ const TdsSideMenuUser = class {
         this.imgAlt = undefined;
     }
     render() {
-        return (index.h(index.Host, { key: 'fe3a852379cfa0e6822cac54e84937b5c8365115' }, index.h("tds-side-menu-user-image", { key: 'd5c702b1f3dcc8d2d46d411c72e13becaab1062d', src: this.imgSrc, alt: this.imgAlt }, index.h("slot", { key: '4ded196cd1d6ab0e13488787bbb1d4aa5feb3ebd', name: "image" })), index.h("tds-side-menu-user-label", { key: 'efee803dbe911144f11660ff1529a2de8c3cca62', heading: this.heading, subheading: this.subheading })));
+        return (index.h(index.Host, { key: '768662a142cf0f40f24566fedff52e1e25df8bee' }, index.h("tds-side-menu-user-image", { key: 'fb02fcf45d21aa198bcba356f0502a3aa8cf3d0b', src: this.imgSrc, alt: this.imgAlt }, index.h("slot", { key: '658ba6d53ded1f760c2ec2327de765374ba5b6b9', name: "image" })), index.h("tds-side-menu-user-label", { key: '1ab756a2538fd7bdde5a1714e25dc0d0fae9f7ea', heading: this.heading, subheading: this.subheading })));
     }
 };
 TdsSideMenuUser.style = TdsSideMenuUserStyle0;

package/dist/cjs/tds-side-menu.cjs.entry.js

@@ -21,6 +21,7 @@ const TdsSideMenu = class {
             }
             else {
                 this.collapsed = this.initialCollapsedState;
+                this.open = false;
             }
         };
         this.open = false;
@@ -141,16 +142,16 @@ const TdsSideMenu = class {
         this.collapsed = event.detail.collapsed;
     }
     render() {
-        return (index.h(index.Host, { key: '2c0eb423b3d2017d5872251ede6f72803e9ef801', class: {
+        return (index.h(index.Host, { key: '62d159fdff0e4dd3d2a93e0c5542b8e672e3f287', class: {
                 'menu-opened': this.open,
                 'menu-persistent': this.persistent,
                 'menu-collapsed': this.collapsed,
-            }, "aria-expanded": !this.collapsed ? 'true' : 'false' }, index.h("div", { key: 'c97b41b370acad34053e859d5462bf0065df8c37', class: {
+            }, "aria-expanded": !this.collapsed ? 'true' : 'false' }, index.h("div", { key: '17134ffc1c3ca6658f4ff87c203ca3b6ba991b83', class: {
                 'wrapper': true,
                 'state-upper-slot-empty': this.isUpperSlotEmpty,
                 'state-open': this.open,
                 'state-closed': !this.open,
-            } }, index.h("slot", { key: 'fbeb52ca602ec7277c7f9f61e4b7888a9c061f54', name: "overlay" }), index.h("aside", { key: '80056ecb45a908d9df923b37f1cd08bd1c104845', class: `menu` }, index.h("div", { key: 'b5683b57e67bd3d87d9cbfb697d9efbd17971dcc', role: "navigation" }, index.h("slot", { key: '21906bb776f9e967fd9a3cd377862bfa80311436', name: "close-button" }), index.h("div", { key: '7f6f34765d5b2fb63200fac39cded13fbf8154bf', class: "tds-side-menu-wrapper" }, index.h("ul", { key: '4a84684539fafcdf1e0d547ff73b288122e2e59e', class: `tds-side-menu-list tds-side-menu-list-upper` }, index.h("li", { key: '1b059f2100a6d28c4663c7251d2403b6abec3bc9' }, index.h("slot", { key: '851db0c06001297a09ed8a3931d095fe16269c0b' }))), index.h("ul", { key: '653046a5df1ebedb34b3a3745ea147a7cde82e00', class: `tds-side-menu-list tds-side-menu-list-end` }, index.h("li", { key: '7f79b3852859db84455d9d0b706a7bda1e057c4f' }, index.h("slot", { key: 'fdc0d6cd8000bb665ddcf4e1330a418ae75b1d12', name: "end" })))), index.h("slot", { key: 'a23279772a62b667ac167aaec1bfc908420c809d', name: "sticky-end" }))))));
+            } }, index.h("slot", { key: '8ed1f309c2188e6de12b874198c36a4698d7a69f', name: "overlay" }), index.h("aside", { key: '45702b7ff79693b31565550fc1985bfd64e45f92', class: `menu` }, index.h("div", { key: 'e799983a07a07ad0f4cac8e962e1748d08107b6b', role: "navigation" }, index.h("slot", { key: '4550b56dae039b94005dd58c8c5cb9818c3ab48a', name: "close-button" }), index.h("div", { key: 'ad2457482eb6dc9b08428f36078d53143f7b5168', class: "tds-side-menu-wrapper" }, index.h("ul", { key: '541323ca57ed67565c848a984bd3ac210ce6f135', class: `tds-side-menu-list tds-side-menu-list-upper` }, index.h("li", { key: '6248720390640a1166e1158caa0f50164fe1dfad' }, index.h("slot", { key: 'b3d24d582d4781fef041a2c099681fd538d01910' }))), index.h("ul", { key: '0a5f76474b4b3851d790ab8f698dbea9fd0fda05', class: `tds-side-menu-list tds-side-menu-list-end` }, index.h("li", { key: '576cf3e91cac7c1a21e6b35105475f1f443c2f45' }, index.h("slot", { key: '71f9c2d1c061401ef26daf68c7801b5665a25d03', name: "end" })))), index.h("slot", { key: '41805c2bb7c66f74f47edd2393a9a3452132c769', name: "sticky-end" }))))));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -53,6 +53,15 @@ const TdsSlider = class {
         this.sliderId = generateUniqueId.generateUniqueId();
         this.tdsReadOnlyAriaLabel = '';
     }
+    roundToStep(val) {
+        const stepNum = parseFloat(this.step);
+        if (!stepNum) {
+            return parseFloat(val.toFixed());
+        }
+        const rounded = Math.round(val / stepNum) * stepNum;
+        const precision = (stepNum.toString().split('.')[1] || '').length;
+        return parseFloat(rounded.toFixed(precision));
+    }
     /** Public method to re-initialise the slider if some configuration props are changed */
     async reset() {
         this.componentWillLoad();
@@ -191,7 +200,7 @@ const TdsSlider = class {
         else {
             const percentage = this.thumbLeft / trackWidth;
             const calculatedValue = min + percentage * (max - min);
-            this.value = Math.round(calculatedValue).toString();
+            this.value = this.roundToStep(calculatedValue).toString();
         }
         this.updateTrack();
         // Update ARIA attributes
@@ -251,18 +260,21 @@ const TdsSlider = class {
     /** Updates the slider value based on the current input value */
     updateSliderValueOnInputChange(event) {
         const inputElement = event.target;
-        let newValue = parseInt(inputElement.value);
+        let newValue = parseFloat(inputElement.value);
         // Check if the new value is different from the current value
-        if (newValue === parseInt(this.value)) {
+        if (newValue === parseFloat(this.value)) {
             return; // Exit the function if the new value is the same as the current value
         }
-        if (newValue < parseFloat(this.min)) {
-            newValue = parseFloat(this.min);
+        const minNum = parseFloat(this.min);
+        const maxNum = parseFloat(this.max);
+        if (newValue < minNum) {
+            newValue = minNum;
         }
-        else if (newValue > parseFloat(this.max)) {
-            newValue = parseFloat(this.max);
+        else if (newValue > maxNum) {
+            newValue = maxNum;
         }
-        this.forceValueUpdate(String(newValue));
+        const rounded = this.roundToStep(newValue);
+        this.forceValueUpdate(rounded.toString());
     }
     /** Updates the slider value based on the current input value when enter is pressed */
     handleInputFieldEnterPress(event) {
@@ -308,7 +320,7 @@ const TdsSlider = class {
             const percentage = this.thumbLeft / trackWidth;
             let currentValue = parseFloat(this.min) + percentage * (parseFloat(this.max) - parseFloat(this.min));
             currentValue += delta;
-            currentValue = Math.round(currentValue);
+            currentValue = this.roundToStep(currentValue);
             if (currentValue < parseFloat(this.min)) {
                 currentValue = parseFloat(this.min);
             }
@@ -320,18 +332,20 @@ const TdsSlider = class {
         }
     }
     stepLeft(event) {
-        this.controlsStep(-parseInt(this.step), event);
+        this.controlsStep(-parseFloat(this.step), event);
     }
     stepRight(event) {
-        this.controlsStep(parseInt(this.step), event);
+        this.controlsStep(parseFloat(this.step), event);
     }
     componentWillLoad() {
         const numTicks = parseInt(this.ticks);
         if (numTicks > 0) {
             this.tickValues = [parseFloat(this.min)];
-            const step = (parseFloat(this.max) - parseFloat(this.min)) / (numTicks + 1);
-            for (let i = 1; i < numTicks + 1; i++) {
-                this.tickValues.push(parseFloat(this.min) + Math.round(step * i));
+            const interval = (parseFloat(this.max) - parseFloat(this.min)) / (numTicks + 1);
+            const precision = (parseFloat(this.step).toString().split('.')[1] || '').length;
+            for (let i = 1; i <= numTicks; i++) {
+                const raw = parseFloat(this.min) + interval * i;
+                this.tickValues.push(parseFloat(raw.toFixed(precision)));
             }
             this.tickValues.push(parseFloat(this.max));
         }
@@ -396,30 +410,30 @@ const TdsSlider = class {
     }
     render() {
         const ariaLabel = this.readOnly ? this.tdsReadOnlyAriaLabel : this.label || this.tdsAriaLabel;
-        return (index.h("div", { key: 'ae3c809f6515fd13d7a793093bbae92f58f5564f', class: {
+        return (index.h("div", { key: 'b4dd7706df0be052f0028a5f8ba6b6158f403b13', class: {
                 'tds-slider-wrapper': true,
                 'read-only': this.readOnly,
-            } }, index.h("input", { key: 'da5c23da29030150199cb0ecf0831ea37bdee587', class: "tds-slider-native-element", type: "range", name: this.name, min: this.min, max: this.max, value: this.value, disabled: this.disabled }), index.h("div", { key: '1f772fd989ae370bb3324814514b85ce4c1b9b76', class: "sr-only", "aria-live": "assertive", ref: (el) => {
+            } }, index.h("input", { key: '672c2aaa6dfee6489cd5e764ef151728c2af10fc', 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: '8c7200436a9ef6524a3b2d554a2556bda8cc6afd', class: "sr-only", "aria-live": "assertive", ref: (el) => {
                 this.ariaLiveElement = el;
-            } }), index.h("div", { key: '1fa7632ba2f333ff9465a4c0e191b913e07c4151', class: {
+            } }), index.h("div", { key: '1ce8e7ddccd19ca15733683768900c8fcde514d3', 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: '7c5a0db184f8cb084ee8f6a3c6f55d657a07c001', id: `${this.sliderId}-label`, class: this.showTickNumbers && 'offset' }, this.label), this.useInput && (index.h("div", { key: 'dc3ff32d52c287383abcb697d8986759b5b36cda', class: "tds-slider__input-values" }, index.h("div", { key: '5fd2e123dcd760a3b51a14d73b8659e3fbf119c0', class: "tds-slider__input-value min-value" }, this.min))), this.useControls && (index.h("div", { key: '36e64d4a59ee41db8bca2b8ca4a230089a31c720', class: "tds-slider__controls" }, index.h("div", { key: '8c6d28a4fbce3e4182380c107c82807cb723857a', 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: '9eed66d33d28e9347c29b168f749762505673bf3', name: "minus", size: "16px" })))), index.h("div", { key: '79811abd81171a7ebc1ccae29fe44680c397bbe6', class: "tds-slider-inner", tabIndex: -1 }, this.tickValues.length > 0 && (index.h("div", { key: 'fd6fd8c10e31396fdfab4b84cd9c5776273472b2', class: "tds-slider__value-dividers-wrapper" }, index.h("div", { key: '458184b314a2b335aac32d6b7cf06bf8589c0724', 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: 'a335e4acbf68e5da66d9933b49ae004832ba7c52', class: "tds-slider__track", ref: (el) => {
+            }, "aria-disabled": this.disabled ? 'true' : 'false' }, index.h("label", { key: '54616f1cb5e4c13541f6f5fa700ddf4b1c4a9493', id: `${this.sliderId}-label`, class: this.showTickNumbers && 'offset' }, this.label), this.useInput && (index.h("div", { key: 'f6b8283409e9fb74ebf5fe89af5d88c29fde904d', class: "tds-slider__input-values" }, index.h("div", { key: '30532947c70dc8e0612fea3c01c25a5e86dacfca', class: "tds-slider__input-value min-value" }, this.min))), this.useControls && (index.h("div", { key: '6c001b8caba4a396bb9f4f4f3ba7b9ee6ca36f84', class: "tds-slider__controls" }, index.h("div", { key: '7a5804b789f84a4cd749c21d0ecc4b73bf7bae09', 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: '41db4dc1a8fda4972303fd48400078035648ca5c', name: "minus", size: "16px" })))), index.h("div", { key: 'f3cb2039ec4245b1d5c58bb819675381c4490197', class: "tds-slider-inner", tabIndex: -1 }, this.tickValues.length > 0 && (index.h("div", { key: '38bf8ca015894f3a42a0e9e33800cc7f0ff9c8d5', class: "tds-slider__value-dividers-wrapper" }, index.h("div", { key: '6a5aaa5d652d55f23db24b1b531664d125fc2a23', 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: '0c99475a8bdb1fdec04358421ec34630111a63b8', 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: 'c6b2f77f3e2292e9a5d8fa8e04b5e7b86a96660c', class: "tds-slider__track-fill", ref: (el) => {
+            } }, index.h("div", { key: 'd3ece50db5fbc17e4ebbf4272faa17fcf201dccf', class: "tds-slider__track-fill", ref: (el) => {
                 this.trackFillElement = el;
-            } }), index.h("div", { key: '37eb10d60292ee19ef938055e088867cb7bddb0a', class: "tds-slider__thumb", ref: (el) => {
+            } }), index.h("div", { key: 'c304176e6a240820418d80aa8bfad35fbbdaf0f4', 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: 'e5a39e8a3ec0b9acb8afa685f6c29385c78683a4', class: "tds-slider__value" }, this.value, index.h("svg", { key: '93606eddab33f49a3efb0dd646f974ddba6a4bc3', width: "18", height: "14", viewBox: "0 0 18 14", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: '3c6ca10c001f16da9a7e1f1bef893e4814984914', 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: '249ffe32d90c760c507c6b32bd5a658eeab8dc71', 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: '7c46c4f8b3cc3bf3aeae7c841a2f38e7b3d1dfbb', class: "tds-slider__value" }, this.value, index.h("svg", { key: '871a05a8fc1560c8e94071172c57563d63e10f22', width: "18", height: "14", viewBox: "0 0 18 14", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: '0c99295a2049b3aac5d0472880e63acc4318fa07', 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: 'bf42f5b512d3041a88bd8cc420a5a4aaeb875e49', class: "tds-slider__thumb-inner", ref: (el) => {
                 this.thumbInnerElement = el;
-            } })))), this.useInput && (index.h("div", { key: 'a0687a2bfbc33fd5670b2aaa1e84c9bce67936cd', class: "tds-slider__input-values" }, index.h("div", { key: '9525015fb94d886ea4047e9af88f3030fb1c7647', class: "tds-slider__input-value", onClick: (event) => this.stepLeft(event) }, this.max), index.h("div", { key: '7b8c7970d0e9e8ce8a061ddc17d09fa4acf9d9ae', class: "tds-slider__input-field-wrapper" }, index.h("input", { key: '84f1a30c962e0db6143fa6066fa525e00c0d7a7b', size: this.calculateInputSizeFromMax(), class: "tds-slider__input-field", value: this.value, "aria-label": this.readOnly ? this.tdsReadOnlyAriaLabel : undefined, onBlur: (event) => this.updateSliderValueOnInputChange(event), onKeyDown: (event) => this.handleInputFieldEnterPress(event), type: "number", min: this.min, max: this.max })))), this.useControls && (index.h("div", { key: 'ab1e745fffc531b52cf2e50a279a9efb31ec2b9d', class: "tds-slider__controls" }, index.h("div", { key: '4f80f207d1f15e67c7e56319cd543ee9869ecc36', 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: 'cf33d13ccce6d7c6cbda844e0dfac431bb429ce0', name: "plus", size: "16px" })))))));
+            } })))), this.useInput && (index.h("div", { key: '9a1ed941f13b84e738500921b12aeb21ace2464c', class: "tds-slider__input-values" }, index.h("div", { key: '2bdf5b0fb2687075b2fc12ce931859d2f26a0685', class: "tds-slider__input-value", onClick: (event) => this.stepLeft(event) }, this.max), index.h("div", { key: '480825ddccd550527ac18f046c6a8ce26baaba87', class: "tds-slider__input-field-wrapper" }, index.h("input", { key: '94a1446990ea0ae3955e8db9f0119e4a0ec71970', size: this.calculateInputSizeFromMax(), class: "tds-slider__input-field", value: this.value, "aria-label": this.readOnly ? this.tdsReadOnlyAriaLabel : undefined, onBlur: (event) => this.updateSliderValueOnInputChange(event), onKeyDown: (event) => this.handleInputFieldEnterPress(event), type: "number", min: this.min, max: this.max, step: this.step })))), this.useControls && (index.h("div", { key: 'b7415e621df023ffe0eca844d9970454d01c72ce', class: "tds-slider__controls" }, index.h("div", { key: '044a984a7212d56f8c1bcb5709608d90677d7647', 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: '0b6410f7fb4af32681c3f49f29c9696e871bfd5a', name: "plus", size: "16px" })))))));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-ca8040ad.js');
 
-const spinnerCss = ":root{--spinner-background-inverted:rgba(255, 255, 255, 1)}:root,.scania,.scania .tds-mode-light{--spinner-background:rgba(43, 112, 211, 1)}.scania .tds-mode-dark{--spinner-background:rgba(74, 137, 243, 1)}.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{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)}}";
+const spinnerCss = ":root{--spinner-background-inverted:rgba(255, 255, 255, 1)}:root,.scania,.scania .tds-mode-light{--spinner-background:rgba(43, 112, 211, 1)}.scania .tds-mode-dark{--spinner-background:rgba(74, 137, 243, 1)}.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)}}";
 const TdsSpinnerStyle0 = spinnerCss;
 
 const TdsSpinner = class {
@@ -14,7 +14,7 @@ const TdsSpinner = class {
         this.variant = 'standard';
     }
     render() {
-        return (index.h("div", { key: '2d27b4a94cd9dc205e11f18ecc6b249572912eac', "aria-live": "assertive", role: "status", "aria-label": "loading" }, index.h("svg", { key: 'a372dada808ed13b8c2c6ef4de9c559f59d9e9f2', class: `tds-spinner-svg tds-spinner-svg-${this.size}`, "aria-hidden": "true" }, index.h("circle", { key: '153f00da5e87ba55dc569b511cd184f93c1740c7', class: `tds-spinner-circle tds-spinner-circle-${this.variant}` }))));
+        return (index.h("div", { key: 'de6aa9263fc0e7189002156e7e0f24b58a615149', "aria-live": "assertive", role: "status", "aria-label": "loading" }, index.h("svg", { key: '40d43902392034b39f7497369ade14caf6259385', class: `tds-spinner-svg tds-spinner-svg-${this.size}`, "aria-hidden": "true" }, index.h("circle", { key: 'ef94a92d9b0fe8cbf468a6dbce51ab19de071e43', class: `tds-spinner-circle tds-spinner-circle-${this.variant}` }))));
     }
 };
 TdsSpinner.style = TdsSpinnerStyle0;

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

@@ -46,7 +46,7 @@ const TdsStep = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '871df74d99ed0bdf15fa82e0c2980b08b94735a8' }, index.h("div", { key: 'da3e220cb580c9d6d9f885fb2bca158f4af053a0', role: "listitem", "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: 'afb3083a29870f209eb2e8352e961a35e45e2a63', 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", { class: "index-container" }, this.index))), !this.hideLabels && (index.h("div", { key: '275fde3b68c573853bdb5b3bff3728b4abb56920', "aria-hidden": "true", class: `label ${this.size} ${this.state}` }, index.h("slot", { key: 'cdeaf4679e9c57173e641b0d09943374c92421bc', name: "label" }))))));
+        return (index.h(index.Host, { key: 'f049d976121a1179979026cd3087ad459183de06' }, index.h("div", { key: '52caba69725b8716dc229659e0082e5388b513d3', role: "listitem", "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: '0dcc74fe5edf2c9333bcfe195be72b07d5f67b92', 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: '3313463d27273a53000c327a2578a8c67446c17e', "aria-hidden": "true", class: `label ${this.size} ${this.state}` }, index.h("slot", { key: 'ce4985e94df5453bd62733677977137c279e6f35', name: "label" }))))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -90,7 +90,7 @@ const TdsTableBodyInputWrapper = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '1ebf0bf16490030ce20a99e1234e68d81430eaf8', class: {
+        return (index.h(index.Host, { key: '47496dfe7467e43cede5af53d6c30fe17c116eaf', 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

@@ -104,26 +104,26 @@ const TdsTableBodyRowExpandable = class {
         this.sendValue();
     }
     render() {
-        return (index.h(index.Host, { key: '3d289d00082c284257728cec4f0ddcfc63dda863', class: {
+        return (index.h(index.Host, { key: '36be80e7cd0916cb8e196f52676281fcabc1996e', 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: '246ee336a3ab871346e1fcf81f02109121dc9657', id: `expandable-content-${this.rowId}`, class: {
+            } }, index.h("tr", { key: '868377d055d9d66fcf1824ed811e4a56f67b79e0', id: `expandable-content-${this.rowId}`, class: {
                 'tds-table__row': true,
                 'tds-table__row--expanded': this.isExpanded,
-            }, part: "row" }, index.h("td", { key: 'b727b78965a4bdf0b6cf8ff7e8460d3dfae8327e', class: {
+            }, part: "row" }, index.h("td", { key: '059858ff5293deda48d039fdc81dd4a5d8ae6fce', class: {
                 'tds-table__cell-expand': true,
-            } }, index.h("label", { key: 'c878be3429a3145b62b242f2e3d9c90ec0a74257', class: "tds-table__expand-control-container" }, index.h("input", { key: '6b99ef165e359012f83f7e298d9f83319493fc52', 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: 'ec9e1aefc553362c0c3e15cb99118a9c2dfffd04', class: "tds-expendable-row-icon" }, index.h("svg", { key: '84b3270e5f1bfc7671adcea34d862fe0485f40a8', fill: "none", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32" }, index.h("path", { key: 'fc04209a4a2d35c19c7c74875c0ab302077abbf2', "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: '0c16341da217fbe920241a97b179335cb61e2364' })), index.h("tr", { key: 'a83ca5c30ec4945dfee096a408db4d1d240d3643', class: {
+            } }, index.h("label", { key: '6e05d93a509cb77cb3fd76f3d869b820b5d83163', class: "tds-table__expand-control-container" }, index.h("input", { key: 'ed7091d4dfdac43c082ee63548c7bff2e87379dd', 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: '84622275a00b28685834e0de8552f5c7a36bc983', class: "tds-expendable-row-icon" }, index.h("svg", { key: '633d1030453895343295b30142410ece7f15dec3', fill: "none", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32" }, index.h("path", { key: 'e4d21588ca0bb6fbcd68af3a7afb48bafe180bc1', "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: '5c66154a24fe8d21bb6b9d91930ad7efd4cb1ec5' })), index.h("tr", { key: '1417c7143b8aaafbb2143557e53443cde9afcbde', class: {
                 'tds-table__row-expand': true,
                 'tds-table__row-expand--expanded': this.isExpanded,
-            }, part: "expand-row" }, index.h("td", { key: '2fcafe17b33ce39b5e1a3b149434006a70f6b8f3', class: {
+            }, part: "expand-row" }, index.h("td", { key: 'b72d532f22b5c7c0bc7c7b23caf5887d4228b9d0', 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: this.columnsNumber }, index.h("div", { key: 'b696b23d127e32a8017692b03de1ce8ee9497dcb', style: {
+            }, part: "expand-row-cell", colSpan: this.columnsNumber }, index.h("div", { key: '256a827b43a8099b9ea4e5a5a43023ff9bf0b828', style: {
                 overflow: this.overflow,
-            } }, index.h("slot", { key: 'e64e00778fd7c85618ae4cbc19d232e2acb873b5', name: "expand-row" }))))));
+            } }, index.h("slot", { key: '6bbc0eeca7b7a654da9c1b7da6992aa8928e1974', name: "expand-row" }))))));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -76,13 +76,13 @@ const TdsTableBodyRow = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '6bf3fee7c066bc4686c9aa0ecba45c04ca7b2aae', tabindex: this.clickable ? '0' : null, class: {
+        return (index.h(index.Host, { key: '13b790e1c4586e110853125bb2856166f8090cc3', 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 && (index.h("td", { key: '845e64408b938254887c7ec840eae48fc4ed01e3', class: "tds-table__body-cell tds-table__body-cell--checkbox tds-form-label tds-form-label--table" }, index.h("tds-checkbox", { key: '817ef05632a9b2704148a0c9ce190b360b9cec3b', onTdsChange: (event) => this.handleCheckboxChange(event), checked: this.selected, disabled: this.disabled }))), index.h("slot", { key: '50cf1a5aeae24aaceeb813f432abe8e75ad53857' })));
+            }, onClick: (e) => this.handleRowClick(e), onKeyDown: (e) => this.handleKeyDown(e), role: "row" }, this.multiselect && (index.h("td", { key: '3a966516c5a227907f9530d047e6e1c19eb5362c', class: "tds-table__body-cell tds-table__body-cell--checkbox tds-form-label tds-form-label--table" }, index.h("tds-checkbox", { key: '90811b5dd064a36dfe9363dae55376fb7b4ca78d', onTdsChange: (event) => this.handleCheckboxChange(event), checked: this.selected, disabled: this.disabled }))), index.h("slot", { key: '4a16bce9add5ec4b9e4119e5361d556f5ee104f9' })));
     }
     get host() { return index.getElement(this); }
 };

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

@@ -66,12 +66,12 @@ const TdsTableBody = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'f9472ae9b1dcad43aab101811dfe858dea4851e9', "data-selected-rows": this.multiselectArrayJSON, class: {
+        return (index.h(index.Host, { key: '22e2e49b6db83c7c71e1e674b3dbfcb1ffd04e66', "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',
-            } }, index.h("slot", { key: '61a0ec649d2f7f51ca386c46335a6ae018c993d0' })));
+            } }, index.h("slot", { key: 'deb2aa129f332b48f7b9a38b0de25c2076fd86d9' })));
     }
     get host() { return index.getElement(this); }
 };

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

@@ -137,12 +137,12 @@ const TdsTableFooter = class {
     }
     render() {
         var _a;
-        return (index.h(index.Host, { key: 'd064beda251b663ad3afccebc98fb4718e3f1d09', class: {
+        return (index.h(index.Host, { key: 'fd6a5604adc116a78c9723ce3f16535ea6fa7edf', class: {
                 'tds-table--compact': this.compactDesign,
                 'footer__horizontal-scroll': !!this.horizontalScrollWidth,
-            }, style: this.getStyles() }, index.h("tr", { key: '02d6c97e498e44ad70c86fd08cc665a8b89e2a07', class: "tds-table__footer-row" }, index.h("td", { key: 'e9d64ea0f3be240867d886973a40c557fe9899da', class: "tds-table__footer-cell", colSpan: this.columnsNumber }, this.pagination && (index.h("div", { key: '4a8f3f921a4e103a1a14e368a4702cd8f6ceb18b', class: "tds-table__pagination" }, index.h("div", { key: 'c536fb9916071677bf20f033ebb184d469aa0774', class: "tds-table__row-selector" }, this.rowsperpage && ((_a = this.rowsPerPageValues) === null || _a === void 0 ? void 0 : _a.length) > 0 && (index.h("div", { key: '5a935d6c92a574e1ea0a081e955916526ec9da45', class: "rows-per-page" }, index.h("p", { key: 'ae9f908bc6803a814236a56e5801857a1989df54' }, "Rows per page"), index.h("tds-dropdown", { key: '1bcac2201accc7d613250c8f38b77ddc04bfb463', modeVariant: "secondary", id: "rows-dropdown", class: "page-dropdown", size: "xs", defaultValue: `${this.rowsPerPageValues[0]}`, onTdsChange: (event) => this.rowsPerPageChange(event) }, this.rowsPerPageValues.map((value) => {
+            }, style: this.getStyles() }, index.h("tr", { key: '5ec3649f1e76f54a1d09cc023f52f165bf55a175', class: "tds-table__footer-row" }, index.h("td", { key: '0815d2e9083b0b3793dbf3572869b76c2445396e', class: "tds-table__footer-cell", colSpan: this.columnsNumber }, this.pagination && (index.h("div", { key: '3bdc6acf5b034f8ee141e1fde58e32cb76e7ab33', class: "tds-table__pagination" }, index.h("div", { key: 'd8bd734bb3890593404d7950b5cb353e0af1b37f', class: "tds-table__row-selector" }, this.rowsperpage && ((_a = this.rowsPerPageValues) === null || _a === void 0 ? void 0 : _a.length) > 0 && (index.h("div", { key: '0cc09dd7662a2ceba454fb1e1c3eb3a389e9eb4d', class: "rows-per-page" }, index.h("p", { key: '57ae73ac509c9cd7ce9c93ae60737724035fb376' }, "Rows per page"), index.h("tds-dropdown", { key: '6fc1d8794bb2cecc406d9143c1e501733a990993', modeVariant: "secondary", id: "rows-dropdown", class: "page-dropdown", size: "xs", defaultValue: `${this.rowsPerPageValues[0]}`, onTdsChange: (event) => this.rowsPerPageChange(event) }, this.rowsPerPageValues.map((value) => {
             return (index.h("tds-dropdown-option", { value: `${value}` }, value));
-        }))))), index.h("div", { key: '08f90bbe4dd64812b95de4be540c65afea1a5d7c', class: "tds-table__page-selector" }, index.h("input", { key: '4e780ad0a24f39df03edc044d110b6278589a61a', ref: (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: '538690df3c6bef86bf14fe8b7c967b89257e5cb7', class: "tds-table__footer-text" }, "of ", index.h("span", { key: 'ec38ac0b07103bea8aec7ba3e7e88d73c2a756cb' }, this.pages), " pages"), index.h("button", { key: 'f196e4b87144a6e66a6a3d0451ca0d4ba32bd1af', type: "button", class: "tds-table__footer-btn", disabled: this.paginationValue <= 1, onClick: () => this.firstPage() }, index.h("tds-icon", { key: '80041ff46837e3ba072b740cf79d1cf9bbf21b63', name: "skip_backwards", size: "20px" })), index.h("button", { key: 'c51d570daeb97dbe2cae4e344eb51b97d88bb10a', type: "button", class: "tds-table__footer-btn", disabled: this.paginationValue <= 1, onClick: () => this.previousPage() }, index.h("tds-icon", { key: 'bc02c69dc75f412fac63d952458d0ea06530593c', name: "chevron_left", size: "20px" })), index.h("button", { key: 'df29a47121d892642b24533a0e132d1f2d13d545', type: "button", class: "tds-table__footer-btn", disabled: this.paginationValue >= this.pages, onClick: () => this.nextPage() }, index.h("tds-icon", { key: 'b2ae455a7a62c647f5c79cfc8f41bcae4b41b12d', name: "chevron_right", size: "20px" })), index.h("button", { key: 'd333d73217b7ed86841810bd342e2dd3152ef560', type: "button", class: "tds-table__footer-btn", disabled: this.paginationValue >= this.pages, onClick: () => this.lastPage() }, index.h("tds-icon", { key: '9d94abd5c17bc50b6a33c21dcc74b2689d514f2a', name: "skip_forward", size: "20px" })))))))));
+        }))))), index.h("div", { key: '71e30ccac9cb36acf61f46de47fc39d4b45c49d3', class: "tds-table__page-selector" }, index.h("input", { key: 'fe99cbdae18c4b297e0823de2f2a5529f24ed7f4', ref: (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: 'd49b93524aeaddacd2e6c431d8f191fd87c768be', class: "tds-table__footer-text" }, "of ", index.h("span", { key: '1d6f7429e0837f200db90259e1e23cb879643756' }, this.pages), " pages"), index.h("button", { key: 'b5e0a8d72a1e7ff35570dfd2c131735f91ebb824', type: "button", class: "tds-table__footer-btn", disabled: this.paginationValue <= 1, onClick: () => this.firstPage() }, index.h("tds-icon", { key: '06ffe814de254c6c194ab88d89fe5f6da5239c44', name: "skip_backwards", size: "20px" })), index.h("button", { key: '271a59221429937f24873f984526fe55dd12c874', type: "button", class: "tds-table__footer-btn", disabled: this.paginationValue <= 1, onClick: () => this.previousPage() }, index.h("tds-icon", { key: 'b2231b490bdd4234d62399f2785edf3136789af5', name: "chevron_left", size: "20px" })), index.h("button", { key: '6b06a0fad602d8593bb834672e934afb00d45edf', type: "button", class: "tds-table__footer-btn", disabled: this.paginationValue >= this.pages, onClick: () => this.nextPage() }, index.h("tds-icon", { key: '384751f9299ce4078e35fc15be37d2d529ddeffa', name: "chevron_right", size: "20px" })), index.h("button", { key: 'cf0fa5f2967d7f249ffbd548039e8021e4121bec', type: "button", class: "tds-table__footer-btn", disabled: this.paginationValue >= this.pages, onClick: () => this.lastPage() }, index.h("tds-icon", { key: '6da11c4f01f58a7e39698b7a91034567527464e6', name: "skip_forward", size: "20px" })))))))));
     }
     get host() { return index.getElement(this); }
 };

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

@@ -72,7 +72,7 @@ const TdsTableHeaderInputWrapper = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '62070c88b54c313b2db10890023db32f0eaf66b5', class: {
+        return (index.h(index.Host, { key: 'e92640dc4c88b52574960d7234b377d7e5eaaa8e', class: {
                 'focused-input-wrapper': this.inputFocused,
                 'show-icon': this.showIcon,
                 'tds-table__compact': this.compactDesign,

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

@@ -89,11 +89,11 @@ const TdsTableHeaderRow = class {
         });
     }
     render() {
-        return (index.h(index.Host, { key: '6c1cc431846a627cab836e62a551f9f5d6558a9d', class: {
+        return (index.h(index.Host, { key: '968ef371db492d005ac3156d8b4a15de0966d117', class: {
                 'tds-table--compact': this.compactDesign,
                 'tds-table--divider': this.verticalDividers,
                 'tds-table--toolbar-available': this.enableToolbarDesign,
-            } }, index.h("tr", { key: 'fe66a0019ffef72437ef0312e07d8e23b0c8f728' }, this.multiselect && (index.h("th", { key: 'a132d706ef3650e6909a2b1bd90ed51b53a8fe02', class: "tds-table__header-cell tds-table__header-cell--checkbox" }, index.h("div", { key: 'a4a62796419d0f77a9a9b035a2493ec7cc184e9f', class: "tds-form-label tds-form-label--table" }, index.h("tds-checkbox", { key: '2b9e308d8098b8e2825936f6ff2ab0e1ec0e8897', checked: this.allSelected || this.selected, disabled: this.disabled, indeterminate: this.indeterminate, onTdsChange: (event) => this.handleCheckboxChange(event) })))), this.expandableRows && (index.h("th", { key: '916a17bb35705db77de44bee119c579dd55c2d8f', class: "tds-table__header-cell tds-table__header-cell--checkbox" })), index.h("slot", { key: '79d44597fcb6fa6d2e94197c57a1c9dded7e9f3d' }))));
+            } }, index.h("tr", { key: 'cc9fdb8e36b29c4dccf01961060df330fb50c6f2' }, this.multiselect && (index.h("th", { key: 'e306755b170ef4edc6d3c2f32941dfbb51eefaf6', class: "tds-table__header-cell tds-table__header-cell--checkbox" }, index.h("div", { key: '2903d76304e4f3428aa63ba7e0aa65e48d21f232', class: "tds-form-label tds-form-label--table" }, index.h("tds-checkbox", { key: 'd9acae7cae023f412395663c607b3293ce40a2e2', checked: this.allSelected || this.selected, disabled: this.disabled, indeterminate: this.indeterminate, onTdsChange: (event) => this.handleCheckboxChange(event) })))), this.expandableRows && (index.h("th", { key: 'cea8e7da2c5a4a728ea55ead114f790674fc1a0c', class: "tds-table__header-cell tds-table__header-cell--checkbox" })), index.h("slot", { key: '5ad238c2ceaabc721970c28ea9d58ecedac8152d' }))));
     }
     get host() { return index.getElement(this); }
 };

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

@@ -74,10 +74,10 @@ const TdsTableToolbar = class {
         return styles;
     }
     render() {
-        return (index.h(index.Host, { key: '063779da774e1040065cb68412e1e57f9b5a700c', class: {
+        return (index.h(index.Host, { key: '7ff5d6032f2ada9a95d5fa33286ad31940163dfc', class: {
                 'tds-table--compact': this.compactDesign,
                 'toolbar__horizontal-scroll': !!this.horizontalScrollWidth,
-            }, style: this.getStyles(), "aria-labelledby": "table-toolbar-title" }, index.h("div", { key: '2bdef8894ab761fbdce8a1074d81c7af252b75be', class: "tds-table__upper-bar-flex" }, index.h("caption", { key: '031e3ecf77cd9a988f3c256383595aa1348215a0', id: "table-toolbar-title", class: "tds-table__title" }, this.tableTitle), index.h("div", { key: 'fe49c2d76c2cc64350b81b6a36db4dd40ef83e58', class: "tds-table__actionbar" }, this.filter && (index.h("div", { key: '7cb0de70a472d969fa99374b4c70b0dd170c07fc', class: "tds-table__searchbar" }, index.h("input", { key: '0afebcf7ebf0b5e040f975667e87c32ba4f56aed', class: "tds-table__searchbar-input", type: "text", onKeyUp: (event) => this.handleSearch(event), "aria-label": this.tdsSearchAriaLabel }), index.h("span", { key: 'c9e90eb15de675efe7a4a4552af1089036027c25', class: "tds-table__searchbar-icon" }, index.h("tds-icon", { key: '64fa664f000a0419b6807b1a639da85c426cb4f2', name: "search", size: "20px" })))), index.h("slot", { key: '3f18fa9b8877bcec0e3af488dbbbd77c5e09d53c', name: "end" })))));
+            }, style: this.getStyles(), "aria-labelledby": "table-toolbar-title" }, index.h("div", { key: '9975a508256b56731dd51f7687a16dff7994cf2a', class: "tds-table__upper-bar-flex" }, index.h("caption", { key: '997271d59b13fe9f88086e8bc5334d6412887fe8', id: "table-toolbar-title", class: "tds-table__title" }, this.tableTitle), index.h("div", { key: '6da0901c59e6e053cadfb540ded0e738e492f8ed', class: "tds-table__actionbar" }, this.filter && (index.h("div", { key: 'dfb2a778e959c5b26d42be07378b52c09c9f95d3', class: "tds-table__searchbar" }, index.h("input", { key: '13918cd96afb703cf71a0aeeb1dd3014a4cba665', class: "tds-table__searchbar-input", type: "text", onKeyUp: (event) => this.handleSearch(event), "aria-label": this.tdsSearchAriaLabel }), index.h("span", { key: 'a95553216a9a0c94fbd08c43ef44c95389a82f7e', class: "tds-table__searchbar-icon" }, index.h("tds-icon", { key: '6a9396e3f6f8508acb802e92b320b5c8f2cda517', name: "search", size: "20px" })))), index.h("slot", { key: '7cf66ff8283724f421e6bdc018cee62f4cd480b1', name: "end" })))));
     }
     get host() { return index.getElement(this); }
 };