@scania/tegel 1.29.0-tabs-initialization-issue-beta.1 → 1.30.0

package/dist/cjs/tds-inline-tabs.cjs.entry.js

@@ -70,7 +70,6 @@ const TdsInlineTabs = class {
         this.tdsScrollLeftAriaLabel = 'Scroll left';
         this.tdsScrollRightAriaLabel = 'Scroll right';
         this.leftPadding = 32;
-        this.autoInit = true;
         this.showLeftScroll = false;
         this.showRightScroll = false;
     }
@@ -129,10 +128,6 @@ const TdsInlineTabs = class {
         this.children[this.children.length - 1].classList.add('last');
     }
     initializeSelectedTab() {
-        if (!this.children || !this.children.length) {
-            console.warn('TdsInlineTabs: No children to select.');
-            return;
-        }
         if (this.selectedIndex === undefined) {
             this.addEventListenerToTabs();
             this.children[this.defaultSelectedIndex].setSelected(true);
@@ -160,23 +155,15 @@ const TdsInlineTabs = class {
         }
     }
     handleSlotChange() {
-        this.tryInitializeTabs();
+        this.initializeTabs();
+        this.addEventListenerToTabs();
+        this.initializeSelectedTab();
         this.updateScrollButtons();
         this.addResizeObserver();
         this.applyCustomLeftPadding(); // Apply custom left padding to the wrapper
     }
-    tryInitializeTabs() {
-        this.children = Array.from(this.host.children);
-        if (!this.children.length) {
-            console.warn('TdsInlineTabs: No children found during initialization. Initialization delayed.');
-            return;
-        }
-        this.initializeTabs();
-    }
     connectedCallback() {
-        if (this.autoInit) {
-            this.tryInitializeTabs();
-        }
+        this.initializeTabs();
     }
     componentDidLoad() {
         this.initializeSelectedTab();
@@ -189,9 +176,9 @@ const TdsInlineTabs = class {
         this.removeEventListenerFromTabs();
     }
     render() {
-        return (index.h(index.Host, { key: '85d0b2fe9f256acf600049d462acaf407c710779', role: "tablist", class: `${this.modeVariant ? `tds-mode-variant-${this.modeVariant}` : ''}` }, index.h("div", { key: 'b671df3daf71585279cf1eb188a4c15414f6793c', class: "wrapper", ref: (el) => {
+        return (index.h(index.Host, { key: 'ccd58f7b7b6bb4423fa45a6d6177386f5561e32a', role: "tablist", class: `${this.modeVariant ? `tds-mode-variant-${this.modeVariant}` : ''}` }, index.h("div", { key: '0369ce03c5cb29f24762b6b5bb3ba932f82a0869', class: "wrapper", ref: (el) => {
                 this.navWrapperElement = el;
-            }, style: { paddingLeft: `${this.leftPadding}px` } }, index.h("button", { key: '03a3a2f7dafa8f1f7dcfaf0be6bc531e4170af66', "aria-label": this.tdsScrollLeftAriaLabel, class: `scroll-left-button ${this.showLeftScroll ? 'show' : ''}`, onClick: () => this.scrollLeft(), disabled: !this.showLeftScroll }, index.h("tds-icon", { key: 'e577c22fe653af82452c40bf332ef0388c66be39', name: "chevron_left", size: "20px" })), index.h("slot", { key: 'eba8a2ce2304451430f041772ece744ae4b49917', onSlotchange: () => this.handleSlotChange() }), index.h("button", { key: 'b6a0c6d0f5187c250a5c49132c16011a518ff087', "aria-label": this.tdsScrollRightAriaLabel, class: `scroll-right-button ${this.showRightScroll ? 'show' : ''}`, onClick: () => this.scrollRight(), disabled: !this.showRightScroll }, index.h("tds-icon", { key: '55f138208f40b8c1645e665555e36fc933c4839d', name: "chevron_right", size: "20px" })))));
+            }, style: { paddingLeft: `${this.leftPadding}px` } }, index.h("button", { key: 'f8cf277e9bb870d3b7d53bc3eff73806b61f0828', "aria-label": this.tdsScrollLeftAriaLabel, class: `scroll-left-button ${this.showLeftScroll ? 'show' : ''}`, onClick: () => this.scrollLeft(), disabled: !this.showLeftScroll }, index.h("tds-icon", { key: 'f72664b9b0f19b9a0c4ded16bd1be4b66594406a', name: "chevron_left", size: "20px" })), index.h("slot", { key: '1e2bc784f1148361bf04b34cbbdb62f3d3aad8af', onSlotchange: () => this.handleSlotChange() }), index.h("button", { key: 'b9d0e45c7d46a399081d561e496c5d1cc81132b0', "aria-label": this.tdsScrollRightAriaLabel, class: `scroll-right-button ${this.showRightScroll ? 'show' : ''}`, onClick: () => this.scrollRight(), disabled: !this.showRightScroll }, index.h("tds-icon", { key: '55bbe28b1524a0ac6a808b1fb41225263977005f', name: "chevron_right", size: "20px" })))));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -32,11 +32,11 @@ const TdsLink = class {
         }
     }
     render() {
-        return (index.h("span", { key: '46854dd9cf4b0577098702567ede43ccfae897d6', class: {
+        return (index.h("span", { key: '7f0f25738cc23b6f1cb77be9dd80ea14b9b399bc', class: {
                 'disabled': this.disabled,
                 'no-underline': !this.underline,
                 'standalone': this.standalone,
-            } }, index.h("slot", { key: 'f574609666ae7484752ec8cfaf7f0bffa1645c83' })));
+            } }, index.h("slot", { key: '73203886b4064a43a2b3ede33ce650f280ebe9c5' })));
     }
     get host() { return index.getElement(this); }
 };

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

@@ -35,7 +35,7 @@ const TdsMessage = class {
     }
     getAriaLabel() {
         if (this.header) {
-            return undefined;
+            return this.header;
         }
         const variantLabel = `${this.variant} message`;
         return this.tdsAriaLabel || variantLabel;
@@ -43,12 +43,12 @@ const TdsMessage = class {
     render() {
         const headerId = this.header ? `tds-message-header-${generateUniqueId.generateUniqueId()}` : undefined;
         const contentId = !this.minimal ? `tds-message-content-${generateUniqueId.generateUniqueId()}` : undefined;
-        return (index.h(index.Host, { key: 'cee26e90adb4722ea1fb0c6c43e67060668801b1', role: this.tdsAlertDialog, "aria-labelledby": headerId, "aria-describedby": contentId, "aria-label": this.getAriaLabel() }, index.h("div", { key: 'dced756d86c4ff2131636bb455033ee3cc48dd65', class: {
+        return (index.h(index.Host, { key: 'f279cd2861d40276ea82a2e38d7a55eeda4c550a', role: this.tdsAlertDialog, "aria-describedby": contentId, "aria-label": this.getAriaLabel() }, index.h("div", { key: '96afc352fe7b1571f62ba6c60729bd2411c56138', class: {
                 wrapper: true,
                 [this.variant]: true,
                 minimal: this.minimal,
                 [`tds-mode-variant-${this.modeVariant}`]: this.modeVariant !== null,
-            } }, !this.noIcon && (index.h("tds-icon", { key: '91f5365bf98c9f924b6d35b99f1391b72b528918', "aria-label": `${this.variant}`, svgTitle: `${this.variant}`, name: this.getIconName(), size: "20px" })), index.h("div", { key: '981007551dab4cd691149952bad88cf0adabee0b', class: `content` }, this.header && (index.h("div", { key: '80d822b1b864cbd09efcb62b69c410dca387c4a5', class: "header", id: headerId }, this.header)), !this.minimal && (index.h("div", { key: 'ac6a67d3d247db58d61a0c9503c42d435f9134f4', class: "extended-message", id: contentId }, index.h("slot", { key: 'a8a6a0d4b9f4cadd75557cad63c4d95c8aa13d1d' })))))));
+            } }, !this.noIcon && (index.h("tds-icon", { key: '7c95385da3ab0e887b6e955a302bc39b3aeaafe0', "aria-hidden": "true", "aria-label": `${this.variant}`, svgTitle: `${this.variant}`, name: this.getIconName(), size: "20px" })), index.h("div", { key: 'eed507b43c57eaafdeba40c25e9556bacbe0f166', class: `content` }, this.header && (index.h("div", { key: 'd6faa3f523f64f158a31e35a416f957c38bbcceb', class: "header", id: headerId }, this.header)), !this.minimal && (index.h("div", { key: '03c724a2bdbee954b9c48aa27a18444abfacafbb', class: "extended-message", id: contentId }, index.h("slot", { key: '017b634e145a514a2315880db6cfb712ddb254b0' })))))));
     }
 };
 TdsMessage.style = TdsMessageStyle0;

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

@@ -96,6 +96,9 @@ const TdsModal = class {
         if (this.header && hasSlot.hasSlot('header', this.host)) {
             console.warn("Tegel Modal component: Using both header prop and header slot might break modal's design. Please use just one of them. ");
         }
+        if (!this.selector && !this.referenceEl) {
+            console.warn('Tegel Modal: Missing focus origin. Please provide either a "referenceEl" or a "selector" to ensure focus returns to the element that opened the modal. If the modal is opened programmatically, this message can be ignored.');
+        }
     }
     componentWillLoad() {
         this.initializeModal();
@@ -123,13 +126,22 @@ const TdsModal = class {
     }
     returnFocusOnClose() {
         var _a;
-        let referenceEl = (_a = this.referenceEl) !== null && _a !== void 0 ? _a : document.querySelector(this.selector);
+        let referenceElement = (_a = this.referenceEl) !== null && _a !== void 0 ? _a : document.querySelector(this.selector);
+        if (!referenceElement) {
+            return; // no element to return focus to
+        }
         const potentialReferenceElements = ['BUTTON', 'A', 'INPUT'];
-        // If referenced element is a custom element eg: tds-button we find the interactive element inside
-        if (potentialReferenceElements.indexOf(referenceEl.tagName) < 0) {
-            referenceEl = referenceEl.querySelectorAll(potentialReferenceElements.join(','))[0];
+        const isNativeFocusable = potentialReferenceElements.includes(referenceElement.tagName);
+        if (isNativeFocusable) {
+            referenceElement.focus();
+        }
+        else {
+            // If referenced element is a custom element eg: tds-button we find the interactive element inside:
+            const interactiveElement = referenceElement.querySelector(potentialReferenceElements.join(','));
+            if (interactiveElement) {
+                interactiveElement.focus();
+            }
         }
-        referenceEl.focus();
     }
     getFocusableElements() {
         const focusableSelectors = [
@@ -189,10 +201,10 @@ const TdsModal = class {
         const usesActionsSlot = hasSlot.hasSlot('actions', this.host);
         const headerId = this.header ? `tds-modal-header-${generateUniqueId.generateUniqueId()}` : undefined;
         const bodyId = `tds-modal-body-${generateUniqueId.generateUniqueId()}`;
-        return (index.h(index.Host, { key: 'a0b859a35be3d6244927de43b10cd5c8f6802e54', role: this.tdsAlertDialog, "aria-modal": "true", "aria-describedby": bodyId, "aria-labelledby": headerId, class: {
+        return (index.h(index.Host, { key: 'b6fb1dda221f31cf3491d6f00c94c0afc71f202d', role: this.tdsAlertDialog, "aria-modal": "true", "aria-describedby": bodyId, "aria-labelledby": headerId, class: {
                 show: this.isShown,
                 hide: !this.isShown,
-            }, onClick: (event) => this.handleOverlayClick(event) }, index.h("div", { key: '4fdeda818f049901be20139924bebe0470e739f8', class: "tds-modal-backdrop" }), index.h("div", { key: '4acce55e5fa00b4bcbec7325a5b5e81380cf2c56', class: `tds-modal tds-modal__actions-${this.actionsPosition} tds-modal-${this.size}` }, index.h("div", { key: '3f067bd1c2109e807653c962c7d142f950837177', id: headerId, class: "header" }, this.header && index.h("div", { key: '7d022892734810f2bfd5abdc5836b3643b5c0c65', class: "header-text" }, this.header), usesHeaderSlot && index.h("slot", { key: 'f36ed16ec052ff433f59eae0e37389dab110f649', name: "header" }), this.closable && (index.h("button", { key: '6c4de1df2a0ac5ef44c67572abf786a6d087c723', class: "tds-modal-close", "aria-label": "close", onClick: (event) => this.handleClose(event) }, index.h("tds-icon", { key: 'af006634cd73c7f14d10773c6aa45f76cd34ff4f', name: "cross", size: "20px" })))), index.h("div", { key: '0ffc14058e7c578c98471253e19b6209635a957c', id: bodyId, class: "body" }, index.h("slot", { key: 'a7c5806264d394f5310170017e21b2df52fdcdd3', name: "body" })), usesActionsSlot && index.h("slot", { key: 'be3de1c8a2ed7e4aff264f47ff8c81e791bd3426', name: "actions" }))));
+            }, onClick: (event) => this.handleOverlayClick(event) }, index.h("div", { key: 'c684d1abcbf62e14ab2ea677c99d5da262aa7796', class: "tds-modal-backdrop" }), index.h("div", { key: '4f6c74bba05c15ff7c5e63759b71e8414b122d01', class: `tds-modal tds-modal__actions-${this.actionsPosition} tds-modal-${this.size}` }, index.h("div", { key: '2c8d39f0ff25d0e2496039c90793fd76897d8c8f', id: headerId, class: "header" }, this.header && index.h("div", { key: '35947f6bd06b54a2ea6f8cdbfde9d8374b17f250', class: "header-text" }, this.header), usesHeaderSlot && index.h("slot", { key: '3149db0af6218f90723e95345da1fd705c3d121e', name: "header" }), this.closable && (index.h("button", { key: 'e0f1c8afdbb2e4e7bd08933f7becf6b7b042267b', class: "tds-modal-close", "aria-label": "close", onClick: (event) => this.handleClose(event) }, index.h("tds-icon", { key: 'b650bf57c65e3314ce5e73963393f9b53fe7e191', name: "cross", size: "20px" })))), index.h("div", { key: '94992a62e1d75d0decf7583e5d97d498a8f0ce16', id: bodyId, class: "body" }, index.h("slot", { key: '3d7efacca7e0124c8344050e9d34523971e77448', name: "body" })), usesActionsSlot && index.h("slot", { key: '735a622c7218961ec631585595485e7722907c6b', name: "actions" }))));
     }
     get host() { return index.getElement(this); }
 };

package/dist/cjs/tds-navigation-tab.cjs.entry.js

@@ -36,8 +36,8 @@ const TdsNavigationTab = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '01d6c9a6d072a25603fb275f4217358d26c7ef3a' }, index.h("div", { key: 'a345c96e11757005920cff65cdeb950df5bf2e0d', class: `navigation-tab-item  ${this.selected ? 'selected' : ''}
-           ${this.disabled ? 'disabled' : ''}` }, index.h("slot", { key: 'bbeef04e703360625c7b7158bffd1f17a5742be5' }))));
+        return (index.h(index.Host, { key: '089ff23cbaa8ec219eb3771964a6843015b47378' }, index.h("div", { key: 'c75620addf322521de678bf4012c5c1dfdeb9464', class: `navigation-tab-item  ${this.selected ? 'selected' : ''}
+           ${this.disabled ? 'disabled' : ''}` }, index.h("slot", { key: 'f3bb65a7f8aad7adfc0ccb5d4bbc1c98c368978b' }))));
     }
     get host() { return index.getElement(this); }
 };

package/dist/cjs/tds-navigation-tabs.cjs.entry.js

@@ -176,15 +176,15 @@ const TdsNavigationTabs = class {
         this.removeEventListenerFromTabs();
     }
     render() {
-        return (index.h(index.Host, { key: '16fdf2aff26da72316d2c5b82f1b16c41c63e259', role: "tablist", class: { [`tds-mode-variant-${this.modeVariant}`]: this.modeVariant !== null } }, index.h("div", { key: '4b0bd3931f0fbfc5a9d90291aadf903a43261f98', class: "wrapper", ref: (el) => {
+        return (index.h(index.Host, { key: '26d9458d689f9304aa6fb6a5b07f05079c715152', role: "tablist", class: { [`tds-mode-variant-${this.modeVariant}`]: this.modeVariant !== null } }, index.h("div", { key: '8b8568c45abe2952607764df75682a10864bf35e', class: "wrapper", ref: (el) => {
                 this.navWrapperElement = el;
-            }, style: { paddingLeft: `${this.leftPadding}px` } }, index.h("button", { key: '3fcc90ed48c8b7ef0805f93e143214056c03122e', "aria-label": this.tdsScrollLeftAriaLabel, class: {
+            }, style: { paddingLeft: `${this.leftPadding}px` } }, index.h("button", { key: '369338833a13937105bf4ebaf50a22b9cb5d618f', "aria-label": this.tdsScrollLeftAriaLabel, class: {
                 'scroll-left-button': true,
                 'show': this.showLeftScroll,
-            }, onClick: () => this.scrollLeft(), disabled: !this.showLeftScroll }, index.h("tds-icon", { key: 'ba7ae61254e781e0877530652b33ca0e87e482d3', name: "chevron_left", size: "20px" })), index.h("slot", { key: 'dc76c269ea68615020bbc1c55f1085b6a927fc6c', onSlotchange: () => this.handleSlotChange() }), index.h("button", { key: 'd52c3c76b5e597eaae55503c1a88d27efec99b66', "aria-label": this.tdsScrollRightAriaLabel, class: {
+            }, onClick: () => this.scrollLeft(), disabled: !this.showLeftScroll }, index.h("tds-icon", { key: 'bea7b39e109ad4453065176b0e16e0d0595ba37a', name: "chevron_left", size: "20px" })), index.h("slot", { key: '5b82ca06921a3566ab7c1614d6e551e4332d8112', onSlotchange: () => this.handleSlotChange() }), index.h("button", { key: '50c111d8298d3715503b251d890c2a59f984c9fc', "aria-label": this.tdsScrollRightAriaLabel, class: {
                 'scroll-right-button': true,
                 'show': this.showRightScroll,
-            }, onClick: () => this.scrollRight(), disabled: !this.showRightScroll }, index.h("tds-icon", { key: 'ab533d4d7a4655772ad023f32f653fd4c762085b', name: "chevron_right", size: "20px" })))));
+            }, onClick: () => this.scrollRight(), disabled: !this.showRightScroll }, index.h("tds-icon", { key: '9e7ba00a1c6e155dcb8f76a175411ee9d20fb669', name: "chevron_right", size: "20px" })))));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -34,12 +34,12 @@ const TdsPopoverCanvas = class {
     }
     render() {
         var _a;
-        return (index.h(index.Host, { key: '7fc248134985c3e319165aa5c15aee594ad117b3' }, index.h("tds-popover-core", Object.assign({ key: '5e06303ae6aa45fc00337bb438cc4ff278832de5', role: this.tdsAlertDialog }, this.inheritedAttributes, { class: {
+        return (index.h(index.Host, { key: '58db11b606cb1211fc569e0868a602ed935b46fa' }, index.h("tds-popover-core", Object.assign({ key: 'be884f4ea53cbb76e2c07cd87fba10c66cb18618', role: this.tdsAlertDialog }, this.inheritedAttributes, { class: {
                 'tds-popover-canvas': true,
                 [(_a = this.inheritedAttributes.class) !== null && _a !== void 0 ? _a : '']: true,
             }, selector: this.selector, referenceEl: this.referenceEl, show: this.show, placement: this.placement, offsetSkidding: this.offsetSkidding, offsetDistance: this.offsetDistance, modifiers: this.modifiers, trigger: 'click', ref: (el) => {
                 this.childRef = el;
-            }, defaultShow: this.defaultShow, animation: this.animation }), index.h("div", { key: 'd02025b71eab7fb46f4bc036581f8f253a247170' }, index.h("slot", { key: '83e1ff41b0c4ff6a212d90cd5735b12982a29bf0' })))));
+            }, defaultShow: this.defaultShow, animation: this.animation }), index.h("div", { key: 'b7436bdce7bb19745ac25dfc5a9db16f308db41c' }, index.h("slot", { key: '6436d57046cde0d03359899690be4af1b17fe506' })))));
     }
     get host() { return index.getElement(this); }
 };

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

@@ -2047,7 +2047,7 @@ const TdsPopoverCore = class {
             'tds-animation-exit-fade': !this.isShown && this.animation === 'fade',
         };
         const classList = generateClassList(classes);
-        return (index.h(index.Host, { key: '5c557610103827aedbabbd37a79730580d15ca2d', role: this.host.getAttribute('role'), class: classList, id: `tds-popover-core-${this.uuid}` }, index.h("slot", { key: '487a937b3c9d87b91425f6bd9eb88bc3fa85d7df' })));
+        return (index.h(index.Host, { key: 'e00527f6f668e309529ff607c744eb64bba30c6a', role: this.host.getAttribute('role'), class: classList, id: `tds-popover-core-${this.uuid}` }, index.h("slot", { key: 'e562ffae5ecbca928a541de6b50f88efa1eded8c' })));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {

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 {