@scania/tegel 1.58.0-side-menu-beta.0 → 1.59.0

package/dist/esm/tds-inline-tab.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host, a as getElement } from './index-W873flBb.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-BaLlBOle.js';
 
 const inlineTabCss = () => `:host{box-sizing:border-box;display:block;position:relative}:host *{box-sizing:border-box}:host ::slotted(*){all:unset;font:var(--tds-headline-07) !important;letter-spacing:var(--tds-headline-07-ls) !important;color:var(--tds-inline-tabs-tab-color);text-decoration:none;display:block;position:relative;transition:color 0.15s ease-in-out 0s;white-space:nowrap;background-color:transparent;border:0;width:100%;padding:20px 0}:host ::slotted(*:focus-visible)::before{content:"";position:absolute;left:0;right:0;top:3px;bottom:3px;outline:2px solid var(--tds-blue-400);outline:2px solid var(--component--focus-ring-color-strong);box-shadow:0 0 0 1px var(--component--focus-ring-color-discrete);outline-offset:1px;z-index:1}:host .inline-tab-item:not(.selected)::after{width:0%;transition:width 0.15s ease-in-out 0s}:host .inline-tab-item{position:relative}:host .inline-tab-item:hover{cursor:pointer}:host .inline-tab-item:hover ::slotted(*){color:var(--tds-inline-tabs-tab-color-hover)}:host .inline-tab-item:hover::after{width:100%}:host .inline-tab-item::after{content:" ";position:absolute;bottom:0;right:0;left:0;margin-left:auto;width:0%;margin-right:auto;height:2px;background-color:var(--tds-inline-tabs-tab-indicator-background-hover);z-index:1}:host .selected ::slotted(*){color:var(--tds-inline-tabs-tab-color-selected)}:host .selected::after{width:100%;background-color:var(--tds-inline-tabs-tab-indicator-background-active)}:host .disabled ::slotted(*){color:var(--tds-inline-tabs-tab-color-disabled)}:host .disabled::after{content:none}:host .disabled ::slotted(*:hover){cursor:not-allowed;color:var(--tds-inline-tabs-tab-color-disabled)}:host .disabled ::slotted(*:focus-visible){outline:none}:host(.last){margin-right:32px}`;
 

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-W873flBb.js';
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-BaLlBOle.js';
 
 const inlineTabsCss = () => `:host{box-sizing:border-box;--padding-left:0;display:flex;background-color:var(--tds-inline-tabs-background);position:relative}:host *{box-sizing:border-box}:host::after{content:" ";display:block;border-bottom:1px solid var(--tds-inline-tabs-horizontal-divider-background);left:0;right:0;bottom:0;position:absolute}:host .wrapper{display:flex;flex-wrap:nowrap;white-space:nowrap;width:100%;overflow-x:scroll;scrollbar-width:none;gap:16px;padding-left:var(--padding-left)}:host .wrapper::-webkit-scrollbar{display:none}:host .scroll-right-button{right:0;z-index:1}:host .scroll-left-button{left:calc(0px - var(--padding-left));z-index:1}:host .scroll-right-button,:host .scroll-left-button{color:var(--tds-folder-tabs-scroll-btn-color);cursor:pointer;border:0;width:0;background-color:var(--tds-inline-tabs-scroll-btn-background);display:none;justify-content:center;align-items:center;opacity:0;pointer-events:none;position:sticky}:host .scroll-right-button.show,:host .scroll-left-button.show{min-width:48px;display:block;opacity:1;pointer-events:all}:host .scroll-right-button:hover,:host .scroll-left-button:hover{background-color:var(--tds-folder-tabs-scroll-btn-background-hover)}:host .scroll-right-button:active,:host .scroll-left-button:active{background-color:var(--tds-folder-tabs-scroll-btn-background-active)}:host .scroll-right-button:focus-visible::before,:host .scroll-left-button:focus-visible::before{content:"";position:absolute;inset:3px;outline:2px solid var(--component--focus-ring-color-strong);box-shadow:0 0 0 1px var(--component--focus-ring-color-discrete);outline-offset:1px;z-index:1}:host .scroll-right-button:focus-visible,:host .scroll-left-button:focus-visible{outline:0}:host .scroll-right-button svg,:host .scroll-left-button svg{fill:var(--tds-folder-tabs-scroll-btn-color)}`;
 

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, a as getElement } from './index-W873flBb.js';
+import { r as registerInstance, h, a as getElement } from './index-BaLlBOle.js';
 
 const linkCss = () => `:host{display:inline}:host ::slotted(*){all:unset;cursor:pointer;outline:none;color:var(--tds-link);text-decoration:underline}:host ::slotted(*:hover){color:var(--tds-link-hover);text-decoration:none}:host .no-underline ::slotted(*){text-decoration:none}:host .no-underline ::slotted(*:hover){color:var(--tds-link-hover);text-decoration:underline;text-decoration-color:var(--tds-link-hover)}:host ::slotted(*:focus-visible){color:var(--tds-link-focus);text-decoration:none;box-shadow:0 0 0 1px var(--tds-white), 0 0 0 3px var(--tds-link-focus)}:host ::slotted(*:active){color:var(--tds-link);text-decoration:underline;text-decoration-color:var(--tds-link)}:host ::slotted(*:visited){color:var(--tds-link-visited);text-decoration-color:var(--tds-link-visited)}.disabled ::slotted(*),.disabled ::slotted(*:visited){opacity:var(--tds-link-opacity-disabled);pointer-events:none}.standalone ::slotted(*){font-family:var(--detail-02-font-family);font-size:var(--detail-02-font-size);line-height:var(--detail-02-line-height);font-weight:var(--detail-02-font-weight);letter-spacing:var(--detail-02-letter-spacing);text-transform:var(--detail-02-text-transform)}`;
 
@@ -30,11 +30,11 @@ const TdsLink = class {
         }
     }
     render() {
-        return (h("span", { key: '7fc71860358da34d0bcf7db534263ceb95a0a34c', class: {
+        return (h("span", { key: '68a661283c68f38a55ce271fce253b31228e5eea', class: {
                 'disabled': this.disabled,
                 'no-underline': !this.underline,
                 'standalone': this.standalone,
-            } }, h("slot", { key: '481148d319d7dc0447b0568f1bc97ea0f17560b0' })));
+            } }, h("slot", { key: '0510da5634ce6f574226a37c91c997ec0cc6e539' })));
     }
     get host() { return getElement(this); }
 };

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-W873flBb.js';
+import { r as registerInstance, h, H as Host } from './index-BaLlBOle.js';
 import { g as generateUniqueId } from './generateUniqueId-Cn4f8w1e.js';
 
 const messageCss = () => `:host .wrapper{display:flex;padding:16px;background-color:var(--tds-message-background);border-radius:var(--tds-message-border-radius)}:host .wrapper.information{border-left:var(--tds-message-border-width) solid var(--tds-message-border-info);color:var(--tds-message-text-info)}:host .wrapper.information tds-icon{color:var(--tds-message-icon-info)}:host .wrapper.success{background-color:var(--tds-message-background-success);border-left:var(--tds-message-border-width) solid var(--tds-message-border-success);color:var(--tds-message-text-success)}:host .wrapper.success tds-icon{color:var(--tds-message-icon-success)}:host .wrapper.error{background-color:var(--tds-message-background-error);border-left:var(--tds-message-border-width) solid var(--tds-message-border-error);color:var(--tds-message-text-error)}:host .wrapper.error tds-icon{color:var(--tds-message-icon-error)}:host .wrapper.warning{background-color:var(--tds-message-background-warning);border-left:var(--tds-message-border-width) solid var(--tds-message-border-warning);color:var(--tds-message-text-warning)}:host .wrapper.warning tds-icon{color:var(--tds-message-icon-warning)}:host .wrapper.minimal{border:none;padding:0;background-color:transparent}:host .wrapper.minimal tds-icon{padding-right:8px}:host .wrapper.minimal .header{font-family:var(--detail-02-font-family);font-size:var(--detail-02-font-size);line-height:var(--detail-02-line-height);font-weight:var(--detail-02-font-weight);letter-spacing:var(--detail-02-letter-spacing);text-transform:var(--detail-02-text-transform)}:host .wrapper.minimal.error .header{color:var(--tds-message-minimal-header-error)}:host tds-icon{padding-right:16px}:host .content{display:flex;flex-direction:column;gap:4px;padding:2px 24px 2px 0;overflow-wrap:anywhere}:host .content .header{font-family:var(--headline-07-font-family);font-size:var(--headline-07-font-size);line-height:var(--headline-07-line-height);font-weight:var(--headline-07-font-weight);letter-spacing:var(--headline-07-letter-spacing);text-transform:var(--headline-07-text-transform)}:host .content .extended-message{font-family:var(--detail-03-font-family);font-size:var(--detail-03-font-size);line-height:var(--detail-03-line-height);font-weight:var(--detail-03-font-weight);letter-spacing:var(--detail-03-letter-spacing);text-transform:var(--detail-03-text-transform)}`;
@@ -41,11 +41,11 @@ const TdsMessage = class {
     render() {
         const headerId = this.header ? `tds-message-header-${generateUniqueId()}` : undefined;
         const contentId = !this.minimal ? `tds-message-content-${generateUniqueId()}` : undefined;
-        return (h(Host, { key: 'c79d924d806e8a2b19f706795d4a08074a9fce95', role: this.tdsAlertDialog, "aria-describedby": contentId, "aria-label": this.getAriaLabel(), class: { [`tds-mode-variant-${this.modeVariant}`]: this.modeVariant !== null } }, h("div", { key: '17a525e4fb1991d668733b28a4e2916b77151908', class: {
+        return (h(Host, { key: 'e8589077316e6606bf84d0e5771b74d67d1132e1', role: this.tdsAlertDialog, "aria-describedby": contentId, "aria-label": this.getAriaLabel(), class: { [`tds-mode-variant-${this.modeVariant}`]: this.modeVariant !== null } }, h("div", { key: '014492d9c6a87c0fa09302bea461752a339176f5', class: {
                 wrapper: true,
                 [this.variant]: true,
                 minimal: this.minimal,
-            } }, !this.noIcon && (h("tds-icon", { key: 'bc440727660747269df18977ead69b2aa25cc40b', "aria-hidden": "true", "aria-label": `${this.variant}`, svgTitle: `${this.variant}`, name: this.getIconName(), size: "20px" })), h("div", { key: '26c5ab6232b2c438c4dd04b718b4ede804495029', class: `content` }, this.header && (h("div", { key: '10cb36b42f743e7d8b0f97e66e19455f573a1159', class: "header", id: headerId }, this.header)), !this.minimal && (h("div", { key: '0d9ff535f8afad68604eb3e20f360a5f321aebc7', class: "extended-message", id: contentId }, h("slot", { key: '35a5db41848cdfff0adbd4637ea29a0360c8e5d7' })))))));
+            } }, !this.noIcon && (h("tds-icon", { key: '6add6739ff920a4e56a3162b58e7323d85dc5a91', "aria-hidden": "true", "aria-label": `${this.variant}`, svgTitle: `${this.variant}`, name: this.getIconName(), size: "20px" })), h("div", { key: '187eec91ce88fff4b5b0b4e5e7c5ab988da1fb78', class: `content` }, this.header && (h("div", { key: '9b30a6b669dc4880cb1e92a4907a0c2b4742c35c', class: "header", id: headerId }, this.header)), !this.minimal && (h("div", { key: '718329dbaf3297cc480178b646f3a25bd245ad11', class: "extended-message", id: contentId }, h("slot", { key: 'cfe343b2332c2f51f48bdabc708f83ffed23a0e4' })))))));
     }
 };
 TdsMessage.style = messageCss();

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-W873flBb.js';
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-BaLlBOle.js';
 import { h as hasSlot } from './hasSlot-DDX6uFcm.js';
 import { g as generateUniqueId } from './generateUniqueId-Cn4f8w1e.js';
 
@@ -255,10 +255,10 @@ const TdsModal = class {
         const usesHeaderSlot = hasSlot('header', this.host);
         const usesActionsSlot = hasSlot('actions', this.host);
         const hasLabel = this.header || usesHeaderSlot;
-        return (h(Host, { key: '20741ea474c8b88e25a59068cd10100261d63451', class: {
+        return (h(Host, { key: 'df877eba4d1e541c39d46c9024845ea718868342', class: {
                 show: this.isShown,
                 hide: !this.isShown,
-            }, onClick: (event) => this.handleOverlayClick(event) }, h("div", { key: '2c6c1c5320497a3ed90bbc46a9d9ca3ed914d4e6', class: "tds-modal-backdrop" }), h("div", { key: '659497b7a21b93ba848057156b1a3067f5d78794', role: this.tdsAlertDialog, "aria-modal": "true", "aria-describedby": this.bodyId, "aria-labelledby": hasLabel ? this.headerId : undefined, class: `tds-modal tds-modal__actions-${this.actionsPosition} tds-modal-${this.size}`, tabindex: "-1" }, h("div", { key: 'd037cdebcd50b2f7c3f55b5df8e0ed68a7be012d', class: "header" }, this.header && (h("h1", { key: '8afef0fc7e08b2539ad52d6ca5ca642c453a62d9', id: this.headerId, class: "header-text" }, this.header)), usesHeaderSlot && h("slot", { key: '61452661a701b7bf009ffc742a06e67153c49b5d', name: "header" }), this.closable && (h("button", { key: 'e463fc6163130169a07e4a6862c54f77b71c708e', class: "tds-modal-close", "aria-label": "close", onClick: (event) => this.handleClose(event) }, h("tds-icon", { key: '7d2a6bbba2250ff93a22e3df4fcffc85d4393d9d', name: "cross", size: "20px" })))), h("div", { key: 'a20383b91b69484dbe33b7359fd0ac54b4f6e542', id: this.bodyId, class: "body" }, h("slot", { key: '0372c76d89764c5dac0facca7c70599b982447de', name: "body" })), usesActionsSlot && h("slot", { key: 'e1aff202176a07dff1d70e9cca4ba93d4de9ed73', name: "actions" }))));
+            }, onClick: (event) => this.handleOverlayClick(event) }, h("div", { key: '332e7a5bb7d4d9722e8cf30138f32530c7a9f47b', class: "tds-modal-backdrop" }), h("div", { key: '365c2aad4c91a8e1d7ca8296b1471baaa01fa57b', role: this.tdsAlertDialog, "aria-modal": "true", "aria-describedby": this.bodyId, "aria-labelledby": hasLabel ? this.headerId : undefined, class: `tds-modal tds-modal__actions-${this.actionsPosition} tds-modal-${this.size}`, tabindex: "-1" }, h("div", { key: 'b4f0c48ffe1892216764b74d49f6b92e4708c602', class: "header" }, this.header && (h("h1", { key: '65c303322e90bcff28e0e073c9a68db992a57d44', id: this.headerId, class: "header-text" }, this.header)), usesHeaderSlot && h("slot", { key: '1124086125abbf9fa6aec099077cced6be7429de', name: "header" }), this.closable && (h("button", { key: '7747db80e0fe2448ff73af60d46da6bb8f7439ce', class: "tds-modal-close", "aria-label": "close", onClick: (event) => this.handleClose(event) }, h("tds-icon", { key: 'bc780ffdf997fd08176b1b8836e59d901049ce9a', name: "cross", size: "20px" })))), h("div", { key: 'f83853888b04f28cfcb27ace6313385f9902a32d', id: this.bodyId, class: "body" }, h("slot", { key: 'c1ee6c1e44e27818f4bded22ad642b855966e97e', name: "body" })), usesActionsSlot && h("slot", { key: '6561dfc52281bdb4e19e4d601e1d5954cb644067', name: "actions" }))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host, a as getElement } from './index-W873flBb.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-BaLlBOle.js';
 
 const navigationTabCss = () => `:host{box-sizing:border-box;display:block}:host *{box-sizing:border-box}:host ::slotted(*){all:unset;font:var(--tds-headline-07) !important;letter-spacing:var(--tds-headline-07-ls) !important;color:var(--tds-navigation-tabs-tab-color);text-decoration:none;display:block;position:relative;transition:color 0.15s ease-in-out 0s;white-space:nowrap;background-color:transparent;border:0;width:100%;padding:26px 0}:host ::slotted(*:focus-visible)::before{content:"";position:absolute;left:0;right:0;top:3px;bottom:3px;outline:2px solid var(--component--focus-ring-color-strong);box-shadow:0 0 0 1px var(--component--focus-ring-color-discrete);outline-offset:1px;z-index:1}:host .navigation-tab-item:not(.selected)::after{width:0%;transition:width 0.15s ease-in-out 0s}:host .navigation-tab-item{position:relative}:host .navigation-tab-item:hover{cursor:pointer}:host .navigation-tab-item:hover ::slotted(*){color:var(--tds-navigation-tabs-tab-color-hover)}:host .navigation-tab-item:hover::after{width:100%}:host .navigation-tab-item::after{content:" ";position:absolute;bottom:0;right:0;left:0;margin-left:auto;width:0%;margin-right:auto;height:2px;background-color:var(--tds-navigation-tabs-tab-indicator-background-hover);z-index:1}:host .navigation-tab-item:hover:focus-within::after{bottom:3px}:host .selected ::slotted(*){color:var(--tds-navigation-tabs-tab-color-selected)}:host .selected::after{width:100%;background-color:var(--tds-navigation-tabs-tab-indicator-background-active)}:host .disabled ::slotted(*){color:var(--tds-navigation-tabs-tab-color-disabled)}:host .disabled::after{content:none}:host .disabled ::slotted(*:hover){cursor:not-allowed;color:var(--tds-navigation-tabs-tab-color-disabled)}:host .disabled ::slotted(*:focus-visible){outline:none}:host(.last){margin-right:32px}`;
 

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-W873flBb.js';
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-BaLlBOle.js';
 
 const navigationTabsCss = () => `:host{box-sizing:border-box;--padding-left:0;display:flex;background-color:var(--tds-navigation-tabs-background);position:relative}:host *{box-sizing:border-box}:host::after{content:" ";display:block;border-bottom:1px solid var(--tds-navigation-tabs-horizontal-divider-background);left:0;right:0;bottom:0;position:absolute}:host .wrapper{display:flex;flex-wrap:nowrap;white-space:nowrap;width:100%;overflow-x:scroll;scrollbar-width:none;gap:16px;padding-left:var(--padding-left)}:host .wrapper::-webkit-scrollbar{display:none}:host .scroll-right-button{right:0;z-index:1}:host .scroll-left-button{left:calc(0px - var(--padding-left));z-index:1}:host .scroll-right-button,:host .scroll-left-button{color:var(--tds-folder-tabs-scroll-btn-color);cursor:pointer;border:0;width:0;background-color:var(--tds-inline-tabs-scroll-btn-background);display:none;justify-content:center;align-items:center;opacity:0;pointer-events:none;position:sticky}:host .scroll-right-button.show,:host .scroll-left-button.show{min-width:48px;display:block;opacity:1;pointer-events:all}:host .scroll-right-button:hover,:host .scroll-left-button:hover{background-color:var(--tds-folder-tabs-scroll-btn-background-hover)}:host .scroll-right-button:active,:host .scroll-left-button:active{background-color:var(--tds-folder-tabs-scroll-btn-background-active)}:host .scroll-right-button:focus::before,:host .scroll-left-button:focus::before{content:"";position:absolute;inset:3px;outline:2px solid var(--component--focus-ring-color-strong);box-shadow:0 0 0 1px var(--component--focus-ring-color-discrete);outline-offset:1px;z-index:1}:host .scroll-right-button:focus,:host .scroll-left-button:focus{outline:0}:host .scroll-right-button svg,:host .scroll-left-button svg{fill:var(--tds-folder-tabs-scroll-btn-color)}`;
 

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host, a as getElement } from './index-W873flBb.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-BaLlBOle.js';
 import { i as inheritAttributes } from './inheritAttributes-CF8bH08v.js';
 
 const popoverCanvasCss = () => `.tds-popover-canvas.sc-tds-popover-canvas{box-sizing:border-box;display:inline-block;color:var(--tds-popover-canvas-color);background-color:var(--tds-popover-canvas-background);box-shadow:var(--tds-popover-canvas-box-shadow);border-radius:4px;z-index:900}.tds-popover-canvas.sc-tds-popover-canvas *.sc-tds-popover-canvas{box-sizing:border-box}`;
@@ -39,14 +39,14 @@ const TdsPopoverCanvas = class {
     }
     render() {
         var _a;
-        return (h(Host, { key: '56d63ac8d00f859fce3f2eb8d5a3845701ff7f07', class: {
+        return (h(Host, { key: '6556ae297613d34a4be0a5975e346895dc666e17', class: {
                 [`tds-mode-variant-${this.modeVariant}`]: Boolean(this.modeVariant),
-            } }, h("tds-popover-core", Object.assign({ key: '228c7c29df9f6a4058518d9d2a12b199acf2c89e', role: this.tdsAlertDialog }, this.inheritedAttributes, { class: {
+            } }, h("tds-popover-core", Object.assign({ key: '6f562b8411dabc1ccf44fcb3cafcdd59dbd83b05', 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 }), h("div", { key: 'd38e0821b9c629af860ae1523d6babaa3401747b' }, h("slot", { key: 'a5c8a84c29c1293dea5b99bea34c6a72122c15f0' })))));
+            }, defaultShow: this.defaultShow, animation: this.animation }), h("div", { key: 'f257f0c7d9a0ccf5ff7ccf14767cf7db54f20e42' }, h("slot", { key: 'b55d3edcfe47f41bbe9c4883d0ddd2aaf2ad72b4' })))));
     }
     get host() { return getElement(this); }
 };

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-W873flBb.js';
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-BaLlBOle.js';
 import { g as generateUniqueId } from './generateUniqueId-Cn4f8w1e.js';
 
 var top = 'top';
@@ -2052,7 +2052,7 @@ const TdsPopoverCore = class {
             'tds-animation-exit-fade': !this.isShown && this.animation === 'fade',
         };
         const classList = generateClassList(classes);
-        return (h(Host, { key: '66b8fca6df92885f68b18ce426235de71a283bdf', role: this.host.getAttribute('role'), class: classList, id: `tds-popover-core-${this.uuid}` }, h("slot", { key: '57ff15f7fe4f5404cdac9c58cf5e4f074054b690' })));
+        return (h(Host, { key: '88bf90595ba752c1cf65c6019e4bb00c623d81d4', role: this.host.getAttribute('role'), class: classList, id: `tds-popover-core-${this.uuid}` }, h("slot", { key: 'b410dd127ce4f6e509147f7f0f28ac33954cb8ce' })));
     }
     get host() { return getElement(this); }
     static get watchers() { return {

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-W873flBb.js';
+import { r as registerInstance, h, H as Host } from './index-BaLlBOle.js';
 
 const popoverMenuItemCss = () => `:host{box-sizing:border-box;display:block}:host *{box-sizing:border-box}:host .wrapper{font-family:var(--body-01-font-family);font-size:var(--body-01-font-size);line-height:var(--body-01-line-height);font-weight:var(--body-01-font-weight);letter-spacing:var(--body-01-letter-spacing);text-transform:var(--body-01-text-transform);color:var(--tds-popover-menu-color);position:relative;width:100%;display:flex;align-items:center;transition:background-color var(--tds-motion-duration-fast-02) var(--tds-motion-easing-easy)}:host .wrapper:hover{cursor:pointer;background-color:var(--tds-popover-menu-background-hover);color:var(--tds-popover-menu-color-hover)}:host .wrapper.disabled{cursor:not-allowed;opacity:var(--tds-popover-menu-opacity-disabled)}:host .wrapper.disabled:hover{background-color:inherit}:host .wrapper.disabled ::slotted(*){pointer-events:none}:host .wrapper.disabled ::slotted(*:focus-visible)::before{outline:none;border:none;box-shadow:none}:host ::slotted(*:not(tds-icon)){all:unset;width:100%;display:inline-flex;display:flex;align-items:center;gap:10px;padding:10px 16px}:host ::slotted(*:focus-visible)::before{border:2px solid var(--component--focus-ring-color-strong);outline:1px solid var(--component--focus-ring-color-discrete);box-shadow:inset 0 0 0 1px var(--component--focus-ring-color-discrete);z-index:1;content:"";display:block;position:absolute;width:calc(100% - 5px);height:100%;left:1px}`;
 
@@ -9,10 +9,10 @@ const TdsPopoverMenuItem = class {
         this.disabled = false;
     }
     render() {
-        return (h(Host, { key: '4430006568263a71e6e1d1430bae39e41632a9a1', role: "menuitem", "aria-disabled": this.disabled ? 'true' : 'false' }, h("div", { key: '0e93bdfe29a0b9cf40450f0509004529c029d8ed', class: {
+        return (h(Host, { key: 'ae5d672d79df48d1b9e6322fbf7f175b4b0f970b', role: "menuitem", "aria-disabled": this.disabled ? 'true' : 'false' }, h("div", { key: 'ddcfd98c40cb90968737b636bec4c09e0a34c383', class: {
                 wrapper: true,
                 disabled: this.disabled,
-            } }, h("slot", { key: 'b7e7f60a411dcb6e1dfc9869ab71963981b509c8' }))));
+            } }, h("slot", { key: '8c0e90aa52c9da389851134d73c75bff9ebbb588' }))));
     }
 };
 TdsPopoverMenuItem.style = popoverMenuItemCss();

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host, a as getElement } from './index-W873flBb.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-BaLlBOle.js';
 import { i as inheritAttributes } from './inheritAttributes-CF8bH08v.js';
 
 const popoverMenuCss = () => `.tds-popover-menu.sc-tds-popover-menu{box-sizing:border-box;overflow:hidden;width:160px;background-color:var(--tds-popover-menu-background);padding:16px 6px;box-shadow:var(--tds-popover-menu-box-shadow);border-radius:var(--tds-popover-menu-border-radius);z-index:900}.tds-popover-menu.sc-tds-popover-menu *.sc-tds-popover-menu{box-sizing:border-box}.tds-popover-menu.fluid-width.sc-tds-popover-menu{width:unset}tds-popover-core.sc-tds-popover-menu{padding:6px 0 !important}.sc-tds-popover-menu-s>tds-divider{display:block;padding:6px !important}`;
@@ -37,15 +37,15 @@ const TdsPopoverMenu = class {
     }
     render() {
         var _a;
-        return (h(Host, { key: 'e71360b2b92f4e3169d6cfb44ed38d2fe58bc0b0', class: {
+        return (h(Host, { key: '99d60c6e703deff50e186100e51197f37a0084bb', class: {
                 [`tds-mode-variant-${this.modeVariant}`]: Boolean(this.modeVariant),
-            } }, h("tds-popover-core", { key: '654e0e5a910573029f358e1b8b32e439b775d089', class: {
+            } }, h("tds-popover-core", { key: '8df0a0ddcff83887fffaf5eb257db901f607175e', 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 }, h("div", { key: '4c51db7d403f1797f6d101a5a0af11b54ab20c23', role: "menu" }, h("slot", { key: '953b09a826b6fb5a5b8537b07eb383737f5232f1' })))));
+            }, defaultShow: this.defaultShow, animation: this.animation }, h("div", { key: '59e7de9b9d70bf40bc0e1e27bb7de1f80173ab6f', role: "menu" }, h("slot", { key: '9609a68c644e552980f960716d100b044cd11cdf' })))));
     }
     get host() { return getElement(this); }
 };

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, a as getElement } from './index-W873flBb.js';
+import { r as registerInstance, c as createEvent, h, a as getElement } from './index-BaLlBOle.js';
 import { g as generateUniqueId } from './generateUniqueId-Cn4f8w1e.js';
 
 const radioButtonCss = () => `.tds-radio-button.sc-tds-radio-button{box-sizing:border-box;font-family:var(--detail-02-font-family);font-size:var(--detail-02-font-size);line-height:var(--detail-02-line-height);font-weight:var(--detail-02-font-weight);letter-spacing:var(--detail-02-letter-spacing);text-transform:var(--detail-02-text-transform);display:flex;align-items:center;margin-left:-4px;letter-spacing:var(--tds-detail-02-ls);color:var(--tds-radio-button-text)}.tds-radio-button.sc-tds-radio-button *.sc-tds-radio-button{box-sizing:border-box}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button{appearance:none;outline:none;margin:0;border:0;width:20px;height:24px;position:relative;cursor:pointer;flex-shrink:0;align-self:flex-start}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button+label.sc-tds-radio-button{padding:var(--tds-spacing-element-4) 0 var(--tds-spacing-element-4) 6px;color:var(--tds-radio-button-text);cursor:pointer}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button::before,.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button::after{content:"";position:absolute;box-sizing:border-box;border-radius:var(--tds-radio-button-border-radius);left:50%;top:50%;transform:translate(-50%, -50%)}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button::before{width:16px;height:16px;border:1px solid var(--tds-radio-button-border);background-color:var(--tds-radio-button-background);box-shadow:0 0 0 2px var(--tds-radio-button-indicator);transition:box-shadow 0.2s ease-in-out}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button::after{width:6px;height:6px;background-color:var(--tds-radio-button-icon-selected);opacity:0;z-index:1}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:hover::before{border-color:var(--tds-radio-button-border-hover);background-color:var(--tds-radio-button-background-hover);box-shadow:0 0 0 2px var(--tds-radio-button-indicator-hover)}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:focus-visible::before{outline:2px solid var(--component--focus-ring-color-strong);box-shadow:0 0 0 1px var(--component--focus-ring-color-discrete);outline-offset:1px;z-index:1;border-radius:var(--tds-radio-button-focus-ring-radius)}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:hover+label.sc-tds-radio-button{color:var(--tds-radio-button-text-hover)}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:checked::before{border-color:var(--tds-radio-button-border-selected);background-color:var(--tds-radio-button-background-selected)}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:checked::after{background-color:var(--tds-radio-button-icon-selected);opacity:1}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:checked:hover::before{border-color:var(--tds-radio-button-border-selected-hover);background-color:var(--tds-radio-button-background-selected-hover)}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:checked:hover::after{background-color:var(--tds-radio-button-icon-selected-hover)}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:disabled,.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].disabled.sc-tds-radio-button{cursor:not-allowed;opacity:var(--tds-radio-button-opacity-disabled)}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:disabled:hover::before,.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].disabled.sc-tds-radio-button:hover::before{border-color:var(--tds-radio-button-border);background-color:var(--tds-radio-button-background);box-shadow:none}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:disabled:checked:hover::before,.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].disabled.sc-tds-radio-button:checked:hover::before{border-color:var(--tds-radio-button-border-selected);background-color:var(--tds-radio-button-background-selected)}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:disabled+label.sc-tds-radio-button,.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].disabled.sc-tds-radio-button+label.sc-tds-radio-button{color:var(--tds-radio-button-text);opacity:var(--tds-radio-button-opacity-disabled);cursor:not-allowed}`;
@@ -29,10 +29,10 @@ const TdsRadioButton = class {
         }
     }
     render() {
-        return (h("div", { key: 'bfa799e8b8659e2a7262b239bdcc2535776fc9b3', class: "tds-radio-button" }, h("input", { key: '5f0b88e6e2d1af55fb8c47edfd378e422bf9a38c', ref: (inputEl) => {
+        return (h("div", { key: 'c0b70960fff98ab1b47c2e3aff56f961650dee5a', class: "tds-radio-button" }, h("input", { key: 'b9af05823186970bae1050590a330490a258515f', ref: (inputEl) => {
                 if (inputEl)
                     this.inputElement = inputEl;
-            }, "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 }), h("label", { key: '345dc77a437f9e4bd9936fadf8c774c5aa56fd5b', htmlFor: this.radioId }, h("slot", { key: 'a5828506e8b5f408a0873cdcb9a57a68f27b0351', name: "label" }))));
+            }, "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 }), h("label", { key: '30a3e766adb4e71b175e5c9710b99fd65870c210', htmlFor: this.radioId }, h("slot", { key: '1b963b7d567196b65779a2eba32878c751f878c3', name: "label" }))));
     }
     get host() { return getElement(this); }
 };

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host, a as getElement } from './index-W873flBb.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-BaLlBOle.js';
 import { i as inheritAriaAttributes } from './inheritAriaAttributes-DyLhgCIg.js';
 import './inheritAttributes-CF8bH08v.js';
 
@@ -19,7 +19,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(this.host)), { 'onClick': TdsSideMenuCloseButton.handleClick });
-        return (h(Host, { key: 'a80081722122221e86fa54f3813cc0c07d786cac' }, h("button", Object.assign({ key: 'a992413c973d0288aafda2ac7f4ea803597ec58d' }, buttonProps), h("tds-icon", { key: 'f94e646b7106e5c85766fa9d6ecec523f97e75ee', name: "cross", size: "20px", svgTitle: "Cross" }))));
+        return (h(Host, { key: '3917587eda426f9883cd6530cc28f81b4649ee12' }, h("button", Object.assign({ key: '1a639b992d7e18d139bcf34fda23f89dbf5c48d9' }, buttonProps), h("tds-icon", { key: '53529b03c0f9eacfb3ab186ecc42928aa0025e08', name: "cross", size: "20px", svgTitle: "Cross" }))));
     }
     get host() { return getElement(this); }
 };

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-W873flBb.js';
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-BaLlBOle.js';
 
 const sideMenuCollapseButtonCss = () => `:host{position:sticky;bottom:0;display:none;height:68px;border-top:1px solid var(--tds-sidebar-side-menu-bottom-menu-border-top)}:host .icon{transform:rotateZ(90deg);transition:all 0.2s ease-in-out;width:20px;height:20px}:host .state-collapsed .icon{transform:translateX(-50%) rotateZ(90deg) rotateX(180deg);color:var(--tds-sidebar-side-menu-single-item-color);margin-left:0;position:absolute;left:50%}@media (min-width: 992px){:host{display:block}}`;
 
@@ -32,12 +32,12 @@ const TdsSideMenuCollapseButton = class {
         this.collapsed = !!((_a = this.sideMenuEl) === null || _a === void 0 ? void 0 : _a.collapsed);
     }
     render() {
-        return (h(Host, { key: '59f91f966f40d58d3681e3c5b33dbfc967395855' }, h("div", { key: 'affa1128cba719622182b54cea5bac8a38533078', class: {
+        return (h(Host, { key: '202d11bf9173174d486ef1abe727012d0d895f66' }, h("div", { key: 'b984c8a0fdefc291ec05772a896298a1e4b97a14', class: {
                 'wrapper': true,
                 'state-collapsed': this.collapsed,
-            } }, h("tds-side-menu-item", { key: '8db28ce899b50691ee207e646cf3aeaa110776d3', class: { button: true } }, h("button", { key: 'e115958e959fcf5eee38432cf6ea273c336b9385', type: "button", "aria-expanded": !this.collapsed ? 'true' : 'false', onClick: () => {
+            } }, h("tds-side-menu-item", { key: '06e84bb1d35a0ab1a3fa7956753d260a61dcc674', class: { button: true } }, h("button", { key: '9883d11884bd7125666bcbfe97eff71b0fc17732', type: "button", "aria-expanded": !this.collapsed ? 'true' : 'false', onClick: () => {
                 this.handleClick();
-            } }, h("svg", { key: '87abc0c869f4724a23c1f7773f552040a0b55d9c', class: "icon", slot: "icon", fill: "none", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32" }, h("path", { key: '24b1125910d89627e206b9cd66eab1729a378970', "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 && h("slot", { key: 'c8f86c70c764bba8c3275838c9da69ef37e20719' }))))));
+            } }, h("svg", { key: '46f8615dd2d8b59dbf0142e8c0ecfcf7eda0733e', class: "icon", slot: "icon", fill: "none", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32" }, h("path", { key: '39ecd0ada33775cdf33f103e730e4969cc7f52d1', "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 && h("slot", { key: 'f27c9e2626e1228d70cf5e2861e7819d152d8335' }))))));
     }
     get host() { return getElement(this); }
 };

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host, a as getElement } from './index-W873flBb.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-BaLlBOle.js';
 
 const sideMenuDropdownListItemCss = () => `:host{display:block;box-sizing:border-box;height:48px;width:100%}:host .component{height:100%;width:100%}:host .component ::slotted(a),:host .component ::slotted(button){all:unset;box-sizing:border-box;border-right:1px solid var(--tds-nav-item-border-color);display:flex;align-items:center;height:100%;padding:0 24px;width:100%;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);background-color:var(--tds-header-nav-item-dropdown-opened-background);color:var(--tds-header-nav-item-dropdown-opened-color);border:none}:host .component ::slotted(a:hover),:host .component ::slotted(button:hover){background-color:var(--tds-sidebar-item-state-hover);cursor:pointer;position:relative}:host .component ::slotted(a:hover)::before,:host .component ::slotted(button:hover)::before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background-color:var(--tds-side-menu-item-hover-indicator)}:host .component ::slotted(a:hover:focus-visible),:host .component ::slotted(button:hover:focus-visible){background-color:var(--tds-sidebar-item-state-hover);cursor:pointer;position:relative}:host .component ::slotted(a:hover:focus-visible)::before,:host .component ::slotted(button:hover:focus-visible)::before{content:"";position:absolute;top:3px;left:3px;width:4px;height:calc(100% - 6px);background-color:var(--tds-side-menu-item-hover-indicator)}:host .component ::slotted(a:active),:host .component ::slotted(button:active){background-color:var(--tds-sidemenu-item-state-active) !important;cursor:pointer;position:relative}:host .component ::slotted(a:active)::before,:host .component ::slotted(button:active)::before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background-color:var(--tds-side-menu-item-pressed-indicator)}:host .component ::slotted(a:active:focus-visible),:host .component ::slotted(button:active:focus-visible){background-color:var(--tds-sidemenu-item-state-active) !important;cursor:pointer;position:relative}:host .component ::slotted(a:active:focus-visible)::before,:host .component ::slotted(button:active:focus-visible)::before{content:"";position:absolute;top:3px;left:3px;width:4px;height:calc(100% - 6px);background-color:var(--tds-side-menu-item-pressed-indicator)}:host .component ::slotted(a:focus-visible){outline:2px solid var(--component--focus-ring-color-strong);box-shadow:inset 0 0 0 3px var(--component--focus-ring-color-discrete);outline-offset:-2px;z-index:1}:host .component.component-selected ::slotted(a),:host .component.component-selected ::slotted(button){background-color:var(--tds-header-nav-item-dropdown-opened-background-selected);position:relative}:host .component.component-selected ::slotted(a)::before,:host .component.component-selected ::slotted(button)::before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background-color:var(--tds-sidebar-side-menu-single-subitem-selected-border-color)}:host .component.component-selected ::slotted(a:focus-visible),:host .component.component-selected ::slotted(button:focus-visible){background-color:var(--tds-header-nav-item-dropdown-opened-background-selected);position:relative}:host .component.component-selected ::slotted(a:focus-visible)::before,:host .component.component-selected ::slotted(button:focus-visible)::before{content:"";position:absolute;top:3px;left:3px;width:4px;height:calc(100% - 6px);background-color:var(--tds-sidebar-side-menu-single-subitem-selected-border-color)}:host .component.component-dropdown-has-icon:not(.component-collapsed) ::slotted(a),:host .component.component-dropdown-has-icon:not(.component-collapsed) ::slotted(button){padding:16px 48px 16px 58px}:host .component.component-dropdown-has-user:not(.component-collapsed) ::slotted(a),:host .component.component-dropdown-has-user:not(.component-collapsed) ::slotted(button){padding:16px 48px 16px 64px}`;
 
@@ -39,13 +39,13 @@ const TdsSideMenuDropdownListItem = class {
         }
     }
     render() {
-        return (h(Host, { key: '389c5c54a7ea7c93b693a0b26999c61eea342c29', role: "listitem" }, h("div", { key: '8602175fba3ef6e2b63105f6eb98228e616e279f', class: {
+        return (h(Host, { key: 'c0c87f764d1e0da5190eb01c495bcf75db9fafe0', role: "listitem" }, h("div", { key: 'b37486799e08a95589bbb05de3e75ad36ab968ef', class: {
                 'component': true,
                 'component-selected': this.selected,
                 'component-dropdown-has-icon': this.dropdownHasIcon,
                 'component-dropdown-has-user': this.dropdownHasUser,
                 'component-collapsed': this.collapsed,
-            } }, h("slot", { key: '015bbc6eed42e13af47829d5b794412140de3f7d' }))));
+            } }, h("slot", { key: 'a8d4e627e6dc3da6651e119a20d70960f78e60f5' }))));
     }
     get host() { return getElement(this); }
 };

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host, a as getElement } from './index-W873flBb.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-BaLlBOle.js';
 
 const sideMenuDropdownListCss = () => `:host{display:block;width:190px}:host [role=list]{padding:0;margin:0;list-style:none;border-radius:none;background-color:var(--tds-header-app-launcher-menu-bg)}:host .state-collapsed ::slotted(*){border-bottom:1px solid var(--tds-sidebar-side-menu-bottom-menu-border-top)}`;
 
@@ -16,9 +16,9 @@ const TdsSideMenuDropdownList = class {
         this.collapsed = !!((_a = this.sideMenuEl) === null || _a === void 0 ? void 0 : _a.collapsed);
     }
     render() {
-        return (h(Host, { key: 'd985f058553315e92f7954d3f78938a2f0f409fb', role: "list", "aria-expanded": !this.collapsed ? 'true' : 'false' }, h("div", { key: '9509f0eb97e2c69e6ea8c5aac4369557967de871', class: {
+        return (h(Host, { key: '085abea8cd1fffd7cbd47a9459d1eff54bde0421', role: "list", "aria-expanded": !this.collapsed ? 'true' : 'false' }, h("div", { key: '3c0f3c95b2d11c5b76dbdb6e204a0b532066690c', class: {
                 'state-collapsed': this.collapsed,
-            } }, h("slot", { key: 'c893832f1bdb8556dd856ce3ef02e53174b216a3' }))));
+            } }, h("slot", { key: 'a4fd40b183edd664be566c136016b4ea7e183613' }))));
     }
     get host() { return getElement(this); }
 };

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, F as Fragment, H as Host, a as getElement } from './index-W873flBb.js';
+import { r as registerInstance, h, F as Fragment, H as Host, a as getElement } from './index-BaLlBOle.js';
 
 const sideMenuDropdownCss = () => `:host{display:block}:host .wrapper{display:flex;flex-direction:column}:host .dropdown-icon{margin-left:auto;transition:all 0.2s ease-in-out}:host .state-open .dropdown-icon{transform:rotateZ(180deg)}:host .state-open .menu{display:block}:host .state-collapsed .menu{--side-menu-width:69px;position:absolute;left:var(--side-menu-width);box-shadow:var(--tds-nav-dropdown-menu-box);background-color:var(--tds-sidebar-side-menu-subnav-background)}:host .state-collapsed .menu .heading-collapsed{all:unset;box-sizing:border-box;padding:16px 24px 15px;min-height:48px;display:flex;align-items:center;border-bottom:1px solid var(--tds-sidebar-side-menu-bottom-menu-border-top);font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls)}:host :not(.state-collapsed) .menu ::slotted(tds-side-menu-dropdown-list){width:100%}:host .menu{display:none;flex-direction:column}`;
 
@@ -61,13 +61,13 @@ const TdsSideMenuDropdown = class {
         this.open = this.defaultOpen;
     }
     render() {
-        return (h(Host, { key: '3b981429fcffc3beeaf27fc02749c1f91e2ad0a7' }, h("div", { key: 'fa903821594e9455976a95a106567ce201fff460', class: {
+        return (h(Host, { key: 'ce1c0afc32d974a1caf196f20d44d48624d5b234' }, h("div", { key: 'a854076c5dd113fa974d5b07ec7467eb933b124d', class: {
                 'wrapper': true,
                 'state-open': this.getIsOpenState(),
                 'state-collapsed': this.collapsed,
-            } }, h("tds-side-menu-item", { key: '7311dba31c07faf5e3ab6e8fbe43098e3cd4729e', class: "button", active: this.getIsOpenState(), selected: this.selected, onClick: () => {
+            } }, h("tds-side-menu-item", { key: '3464835b094c4fd98cad6761770ce041fe886353', class: "button", active: this.getIsOpenState(), selected: this.selected, onClick: () => {
                 this.open = !this.open;
-            }, "aria-expanded": this.getIsOpenState() ? 'true' : 'false' }, h("button", { key: 'cdce10537cd846ef7bee33f13ed582d7a39d6784' }, h("slot", { key: '9bb1ea14f3420971368e20e2483d75d23510cecf', name: "icon" }), !this.collapsed && (h(Fragment, { key: '0b3af3ca2a2634c2d03d454a03d293e49d77dd2f' }, this.buttonLabel, h("slot", { key: '7d73d0a257727105e1277655490857f6fddf8ad3', name: "label" }), h("tds-icon", { key: 'f6e4df62b16bf9311c440c20bd23511747994b16', class: "dropdown-icon", name: "chevron_down", size: "16px", svgTitle: "Chevron Down" }))))), h("div", { key: 'fb2c087d9cd78f65e3bfa5855c6225b37678c8aa', class: "menu", tabindex: this.collapsed ? '0' : undefined }, this.collapsed && (h("h3", { key: '54839ed4efcbe4f8d47427f2060fd28c1ed44024', class: "heading-collapsed" }, this.buttonLabel, h("slot", { key: 'd46bcd0a83719e0726c7a154344fccaa7f7a930c', name: "label" }))), h("slot", { key: '17e538b327856f34df06abff4038b702a28c8407' })))));
+            }, "aria-expanded": this.getIsOpenState() ? 'true' : 'false' }, h("button", { key: '291217235f306f9549a0f5b9425231802052db91' }, h("slot", { key: 'ba7131ce5bca7d007aa20965040e255fa6c25c13', name: "icon" }), !this.collapsed && (h(Fragment, { key: '46b8cb9f217c8f13b1dc9ec7d2154f6f83e68b4b' }, this.buttonLabel, h("slot", { key: '308f13824604ece519ac8c5360cbb786d9394e9e', name: "label" }), h("tds-icon", { key: 'de2e2d6b3a98b8e1305be53355514499fd77c223', class: "dropdown-icon", name: "chevron_down", size: "16px", svgTitle: "Chevron Down" }))))), h("div", { key: '183194b6ddb0f41765f7be477f318905507c64c1', class: "menu", tabindex: this.collapsed ? '0' : undefined }, this.collapsed && (h("h3", { key: 'afa41e6a713ef36d0667abda7953db6e36d473ef', class: "heading-collapsed" }, this.buttonLabel, h("slot", { key: '3f477b131787e9dec8cd634eff03b055f15021e1', name: "label" }))), h("slot", { key: 'e3fa597b180eaf321984ebda01894b47de151f1c' })))));
     }
     get host() { return getElement(this); }
 };

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host, a as getElement } from './index-W873flBb.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-BaLlBOle.js';
 import { d as dfs } from './dfs-CLF3diNe.js';
 
 const sideMenuItemCss = () => `:host{display:block}:host .component ::slotted(a),:host .component ::slotted(button){all:unset;box-sizing:border-box;height:68px;width:100%;display:flex;align-items:center;gap:10px;padding:0 22px;border:none;background-color:var(--tds-sidebar-side-menu-background-cover);font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);color:var(--tds-sidebar-side-menu-single-item-color);cursor:pointer}:host .component ::slotted(tds-side-menu-user),:host .component-has-user ::slotted(button){all:unset;box-sizing:border-box;height:68px;width:100%;display:flex;align-items:center;gap:16px;padding:0 22px 0 16px;border:none;background-color:var(--tds-sidebar-side-menu-background-cover);font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);color:var(--tds-sidebar-side-menu-single-item-color);cursor:pointer}:host .component tds-icon{color:red !important}:host .component ::slotted(a:focus-visible),:host .component ::slotted(button:focus-visible){outline:2px solid var(--component--focus-ring-color-strong);box-shadow:inset 0 0 0 3px var(--component--focus-ring-color-discrete);outline-offset:-2px;z-index:1}:host .component:hover ::slotted(a),:host .component:hover ::slotted(button),:host .component:hover ::slotted(tds-side-menu-user){background-color:var(--tds-sidebar-item-state-hover);position:relative}:host .component:hover ::slotted(a)::before,:host .component:hover ::slotted(button)::before,:host .component:hover ::slotted(tds-side-menu-user)::before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background-color:var(--tds-side-menu-item-hover-indicator)}:host .component:hover ::slotted(a:focus-visible),:host .component:hover ::slotted(button:focus-visible),:host .component:hover ::slotted(tds-side-menu-user:focus-visible){background-color:var(--tds-sidebar-item-state-hover);position:relative}:host .component:hover ::slotted(a:focus-visible)::before,:host .component:hover ::slotted(button:focus-visible)::before,:host .component:hover ::slotted(tds-side-menu-user:focus-visible)::before{content:"";position:absolute;top:3px;left:3px;width:4px;height:calc(100% - 6px);background-color:var(--tds-side-menu-item-hover-indicator)}:host .component:active ::slotted(a),:host .component:active ::slotted(button),:host .component:active ::slotted(tds-side-menu-user){background-color:var(--tds-sidemenu-item-state-active);position:relative}:host .component:active ::slotted(a)::before,:host .component:active ::slotted(button)::before,:host .component:active ::slotted(tds-side-menu-user)::before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background-color:var(--tds-side-menu-item-pressed-indicator)}:host .component:active ::slotted(a:focus-visible),:host .component:active ::slotted(button:focus-visible),:host .component:active ::slotted(tds-side-menu-user:focus-visible){background-color:var(--tds-sidemenu-item-state-active);position:relative}:host .component:active ::slotted(a:focus-visible)::before,:host .component:active ::slotted(button:focus-visible)::before,:host .component:active ::slotted(tds-side-menu-user:focus-visible)::before{content:"";position:absolute;top:3px;left:3px;width:4px;height:calc(100% - 6px);background-color:var(--tds-side-menu-item-pressed-indicator)}:host .component-collapsed ::slotted(a),:host .component-collapsed ::slotted(button){padding:0;display:flex;justify-content:center;align-items:center;position:relative}:host .component-selected:not(:host .component-active) ::slotted(a),:host .component-selected:not(:host .component-active) ::slotted(button),:host .component-selected:not(:host .component-active) ::slotted(tds-side-menu-user){background-color:var(--tds-sidebar-item-state-selected);position:relative}:host .component-selected:not(:host .component-active) ::slotted(a)::before,:host .component-selected:not(:host .component-active) ::slotted(button)::before,:host .component-selected:not(:host .component-active) ::slotted(tds-side-menu-user)::before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background-color:var(--tds-sidebar-side-menu-single-subitem-selected-border-color)}:host .component-selected:not(:host .component-active) ::slotted(a:focus-visible),:host .component-selected:not(:host .component-active) ::slotted(button:focus-visible),:host .component-selected:not(:host .component-active) ::slotted(tds-side-menu-user:focus-visible){background-color:var(--tds-sidebar-item-state-selected);position:relative}:host .component-selected:not(:host .component-active) ::slotted(a:focus-visible)::before,:host .component-selected:not(:host .component-active) ::slotted(button:focus-visible)::before,:host .component-selected:not(:host .component-active) ::slotted(tds-side-menu-user:focus-visible)::before{content:"";position:absolute;top:3px;left:3px;width:4px;height:calc(100% - 6px);background-color:var(--tds-sidebar-side-menu-single-subitem-selected-border-color)}@media (min-width: 992px){:host .component.component-collapsed ::slotted(a),:host .component.component-collapsed ::slotted(button){color:rgba(90, 90, 90, 0);overflow:hidden}}`;
@@ -79,13 +79,13 @@ const TdsSideMenuItem = class {
         this.updateHasUserComponent();
     }
     render() {
-        return (h(Host, { key: 'a3d78ce2c19b640d7040f30bc40d8c3ddeb48713' }, h("div", { key: '4f468a980cba48b02e5acae58905afbafc5d9304', class: {
+        return (h(Host, { key: '1fcfe1981864846efadb19f86e27c65be57e87ed' }, h("div", { key: '48ab66bd93c5864704a236f7673247d91a9514ce', class: {
                 'component': true,
                 'component-selected': this.selected,
                 'component-active': this.active,
                 'component-collapsed': this.collapsed,
                 'component-has-user': this.hasUserComponent,
-            } }, h("slot", { key: 'f260f260f7914d3a4cb983d66da4729e40cb458e' }))));
+            } }, h("slot", { key: 'cf85b9e0d37d4e5609185472f8cdcc262bb678a2' }))));
     }
     get host() { return getElement(this); }
 };

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-W873flBb.js';
+import { r as registerInstance, h, H as Host } from './index-BaLlBOle.js';
 
 const sideMenuOverlayCss = () => `:host{position:fixed;width:100%;height:100%;background-color:black}div{position:fixed;width:100%;height:100%;pointer-events:none}`;
 
@@ -7,7 +7,7 @@ const TdsSideMenuOverlay = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(Host, { key: '9411dd666b13dd136817d7e68479288f2e02cbc0' }, h("div", { key: '2275c980cfa9c5de70bfacd5447e718ecfeb301c' })));
+        return (h(Host, { key: '8fcf86fe8c12b313dd06d55c76120f8d1acd5ecf' }, h("div", { key: '4a1db5461a6dfe901ffdee58a7540230cea2f292' })));
     }
 };
 TdsSideMenuOverlay.style = sideMenuOverlayCss();

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-W873flBb.js';
+import { r as registerInstance, h, H as Host } from './index-BaLlBOle.js';
 
 const sideMenuUserImageCss = () => `:host img,:host ::slotted(*){width:34px;height:34px;border-radius:50%}`;
 
@@ -7,7 +7,7 @@ const TdsSideMenuUserImage = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(Host, { key: '1d8f78a011fcd03634ba078d81e92a5e46e30af5' }, h("slot", { key: '351a67a342ccf1b8d4cb3d742b31a82b898292ab' }), this.src && h("img", { key: 'a760e7d8fec23ee93f00774f06d89f1ee76caf27', src: this.src, alt: this.alt })));
+        return (h(Host, { key: 'ed8d6e97e8fcde8ac18a6c09fbc10f98f65948cd' }, h("slot", { key: 'b64a228a8c1ab2f3fbb2bc3e61d09aa36f629c38' }), this.src && h("img", { key: 'c62bae52ccc2ba6f3d115a424fddcbd7f078bf6a', src: this.src, alt: this.alt })));
     }
 };
 TdsSideMenuUserImage.style = sideMenuUserImageCss();
@@ -19,7 +19,7 @@ const TdsSideMenuUserLabel = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(Host, { key: 'b1d35aa06395d95164b290bb01650f3e8d89309c' }, this.heading, this.subheading && h("div", { key: '61bc8288b0f2e91c2ab3431f64ce43cc673d7d02', class: "subheading" }, this.subheading)));
+        return (h(Host, { key: 'cf2d9004a9c6dffcd4b9565ec43b9ff5918d0810' }, this.heading, this.subheading && h("div", { key: '876e4afd901483154f50cd5505895058cffa3751', class: "subheading" }, this.subheading)));
     }
 };
 TdsSideMenuUserLabel.style = sideMenuUserLabelCss();

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-W873flBb.js';
+import { r as registerInstance, h, H as Host } from './index-BaLlBOle.js';
 
 const sideMenuUserCss = () => `:host{display:flex;align-items:center;gap:16px;height:68px}`;
 
@@ -7,7 +7,7 @@ const TdsSideMenuUser = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(Host, { key: 'ac72381d5a600698ac717ef744c229193363e242' }, h("tds-side-menu-user-image", { key: '030471a55c8b9025db44465a25909e41cb3afee7', src: this.imgSrc, alt: this.imgAlt }, h("slot", { key: '06f493b819882f1dbdcf75955ddee998f4899572', name: "image" })), h("tds-side-menu-user-label", { key: '9a4a6cafebdca7d879a02522d84825f2454b3cf6', heading: this.heading, subheading: this.subheading })));
+        return (h(Host, { key: '6bf045fef0f01798a2959bb6f636935f6be51881' }, h("tds-side-menu-user-image", { key: 'f98eda6c760ac5be940efc33010979f849cb8553', src: this.imgSrc, alt: this.imgAlt }, h("slot", { key: 'a68b73ac692bbb7e5111a4d042fa256b28c0e457', name: "image" })), h("tds-side-menu-user-label", { key: '0640700db9231b96909a907edf664f0493742b7a', heading: this.heading, subheading: this.subheading })));
     }
 };
 TdsSideMenuUser.style = sideMenuUserCss();

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-W873flBb.js';
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-BaLlBOle.js';
 
 const sideMenuCss = () => `:host,:root{--tds-scrollbar-width-standard:thin;--tds-scrollbar-width:10px;--tds-scrollbar-height:10px;--tds-scrollbar-thumb-border-width:3px;--tds-scrollbar-thumb-border-hover-width:2px}body{scrollbar-width:thin}:host{pointer-events:none;display:block;position:fixed;top:0;width:100%;height:100%;z-index:500}:host .wrapper{height:inherit;}:host .wrapper slot:not([name])::slotted(*){border-bottom:1px solid var(--tds-sidebar-side-menu-bottom-menu-border-top)}:host .wrapper ::slotted([slot=end]){border-top:1px solid var(--tds-sidebar-side-menu-bottom-menu-border-top)}:host .wrapper .tds-side-menu-list-end{margin-top:68px}:host .state-closed{display:none}:host .state-open slot[name=overlay]::slotted(tds-side-menu-overlay){opacity:0.4}:host .state-open slot[name=close-button]::slotted(tds-side-menu-close-button){opacity:1}:host .state-upper-slot-empty .tds-side-menu-list-upper{display:none}:host .state-upper-slot-empty .tds-side-menu-list-end{margin-top:0}:host .state-upper-slot-empty ::slotted([slot=end]){border-top:none;border-bottom:1px solid var(--tds-sidebar-side-menu-bottom-menu-border-top)}@media (max-width: 992px){:host(.menu-opened){pointer-events:auto;z-index:500}}@media (min-width: 992px){:host(.menu-persistent){pointer-events:auto;position:static;width:272px;height:auto;border-right:1px solid var(--tds-sidebar-side-menu-bottom-menu-border-top)}:host(.menu-persistent) .wrapper slot[name=overlay]::slotted(tds-side-menu-overlay){display:none}:host(.menu-persistent) .wrapper slot[name=close-button]::slotted(tds-side-menu-close-button){display:none}:host(.menu-persistent) .menu{width:272px}:host(.menu-persistent) .state-closed{display:block}:host(.menu-persistent):host(.menu-collapsed){width:69px;box-sizing:border-box}:host(.menu-persistent):host(.menu-collapsed) .menu{width:68px}:host(.menu-persistent) slot[name=end]::slotted(*){display:none}}.menu{width:80%;height:inherit;position:relative;left:0;display:flex;flex-direction:column;justify-content:space-between}.menu *{padding:0;margin:0;box-sizing:border-box}@media (max-width: 384px){.menu{width:100%}}aside .tds-side-menu-wrapper{display:flex;justify-content:space-between;flex-direction:column;flex-grow:1;background-color:var(--tds-sidebar-side-menu-background-cover);overflow-y:auto}aside .tds-side-menu-wrapper:hover::-webkit-scrollbar-thumb{border:var(--tds-scrollbar-thumb-border-hover-width) solid transparent;border-radius:var(--tds-scrollbar-hover-thumb-border-radius);background-clip:padding-box}aside .tds-side-menu-wrapper::-webkit-scrollbar{width:var(--tds-scrollbar-width)}aside .tds-side-menu-wrapper::-webkit-scrollbar-track{background:var(--tds-scrollbar-track-color)}aside .tds-side-menu-wrapper::-webkit-scrollbar-thumb{border-radius:var(--tds-scrollbar-thumb-border-radius);background:var(--tds-scrollbar-thumb-color);border:var(--tds-scrollbar-thumb-border-width) solid transparent;background-clip:padding-box}aside .tds-side-menu-wrapper::-webkit-scrollbar-button{height:0;width:0}@supports not selector(::-webkit-scrollbar){aside .tds-side-menu-wrapper{scrollbar-color:var(--tds-scrollbar-thumb-color) var(--tds-scrollbar-track-color);scrollbar-width:var(--tds-scrollbar-width-standard)}}aside nav{height:100%;display:flex;flex-direction:column}aside li{list-style:none;padding:0;margin:0}`;
 
@@ -158,16 +158,16 @@ const TdsSideMenu = class {
         this.collapsed = event.detail.collapsed;
     }
     render() {
-        return (h(Host, { key: '18539dc92ead9c1c88982b33c9f8d9407a4dc60a', class: {
+        return (h(Host, { key: '0e6d2ae420036a5f8c1307617477ee43fe1eb685', class: {
                 'menu-opened': this.open,
                 'menu-persistent': this.persistent,
                 'menu-collapsed': this.collapsed,
-            }, "aria-expanded": (this.isMobile ? this.open : !this.collapsed) ? 'true' : 'false' }, h("div", { key: '1e3d7545b0b938e48cf5d1d23c21c0cc76b59a19', class: {
+            }, "aria-expanded": (this.isMobile ? this.open : !this.collapsed) ? 'true' : 'false' }, h("div", { key: '35c9086399deac1f44eecbc9b0ca7227fcdae9ac', class: {
                 'wrapper': true,
                 'state-upper-slot-empty': this.isUpperSlotEmpty,
                 'state-open': this.open,
                 'state-closed': !this.open,
-            } }, h("slot", { key: '9705a0418957d5c7409f6ba5da10f1a32dbd0e30', name: "overlay" }), h("aside", { key: 'dd5bd5bbc21be93ce3ed7227c424b8f32d4ed08a', class: `menu` }, h("nav", { key: '22f12a77a07ee1e5d5e7729327c83c232f02f9a4' }, h("slot", { key: 'dd89dcca503ab004fbc0797da23e0a3483f8c56b', name: "close-button" }), h("div", { key: '18752f854d477475b5e448a8c6948f52604b7800', class: "tds-side-menu-wrapper" }, h("ul", { key: '37ddc4e0d7b9c6966bf004e5a3ec5997992d26f8', class: `tds-side-menu-list tds-side-menu-list-upper` }, h("li", { key: '237982e337c2a8a4203e9eb95f93cedf32b4c856' }, h("slot", { key: 'c9b7929730c9ddf42844cd434c3f0a2716f09143' }))), h("ul", { key: '5417281e0d959bf9c9bf42f979c9183715f346b5', class: `tds-side-menu-list tds-side-menu-list-end` }, h("li", { key: 'cb8a4f043fe0e74b352687f1bbbf876637f17f4f' }, h("slot", { key: '535a636584d09d6a920cfe5cb147342c3481d64b', name: "end" })))), h("slot", { key: '0769321f259d4de7235346c691a186a026e7be29', name: "sticky-end" }))))));
+            } }, h("slot", { key: '9207b4d28a26b83f2cdb9d60b256b37f58151c6d', name: "overlay" }), h("aside", { key: '24bc0d0005ceb1f914cea7067b75c0dfc699407c', class: `menu` }, h("nav", { key: 'e7e3ede2ff7fd98c96488a3055b95c6938f25613' }, h("slot", { key: '883bd0281e26da2170c2658c7712c7cef6d798bc', name: "close-button" }), h("div", { key: '97adf44a80d9675b4dba7b54071653f780eacf65', class: "tds-side-menu-wrapper" }, h("ul", { key: '11a25c032d9121994fd2c4bb566d5ef054fbfd3b', class: `tds-side-menu-list tds-side-menu-list-upper` }, h("li", { key: 'b320c1f1a232a067fd32e620d8664c552722538e' }, h("slot", { key: '46a69a7593b92ce37790410dad705aed4d4792e9' }))), h("ul", { key: '46fc5da729120ebae6a38e4783e5358e561617ad', class: `tds-side-menu-list tds-side-menu-list-end` }, h("li", { key: 'e3101bdc934c169692687020619ff50aed3a1d41' }, h("slot", { key: '29ebb94832c7cda019d7f858e3c5b2f1cb42bcae', name: "end" })))), h("slot", { key: 'b14e1d71394b8f7588fd46c02d81fe657f68354d', name: "sticky-end" }))))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, a as getElement } from './index-W873flBb.js';
+import { r as registerInstance, c as createEvent, h, a as getElement } from './index-BaLlBOle.js';
 import { g as generateUniqueId } from './generateUniqueId-Cn4f8w1e.js';
 
 const sliderCss = () => `tds-slider{box-sizing:border-box;width:100%}tds-slider *{box-sizing:border-box}tds-slider input[type=range].tds-slider-native-element{display:none}tds-slider .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.tds-slider-wrapper{width:100%}.tds-slider-wrapper.read-only{pointer-events:none}.tds-slider{width:100%;display:flex;flex-wrap:nowrap;padding-top:65px}.tds-slider .tds-slider-inner{width:100%;height:20px;position:relative}.tds-slider .tds-slider-inner:focus-within .tds-slider__thumb-inner{outline:var(--tds-slider-thumb-focus-outline);box-shadow:var(--tds-slider-thumb-focus-box-shadow);outline-offset:var(--tds-slider-thumb-focus-outline-offset);z-index:1}.tds-slider .tds-slider__controls{position:relative;top:-25px}.tds-slider .tds-slider__controls .tds-slider__control{cursor:pointer}.tds-slider .tds-slider__controls .tds-slider__control.tds-slider__control-minus{padding:18px 18px 18px 0}.tds-slider .tds-slider__controls .tds-slider__control.tds-slider__control-plus{padding:18px 0 18px 18px}.tds-slider .tds-slider__input-values{position:relative;top:-25px;display:flex;flex-wrap:nowrap;align-items:center}.tds-slider .tds-slider__input-values .tds-slider__input-value{user-select:none;padding:18px;color:var(--tds-slider-input-value-color);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls)}.tds-slider .tds-slider__input-values .tds-slider__input-value.min-value{padding-left:0}.tds-slider .tds-slider__input-values .tds-slider__input-field-wrapper{background-color:var(--tds-slider-inputfield-background);display:flex;align-items:center;justify-content:center;border-radius:4px 4px 0 0}.tds-slider .tds-slider__input-values .tds-slider__input-field-wrapper tds-text-field .text-field-input[type=number]{width:auto;padding:12px;text-align:center;appearance:textfield}.tds-slider .tds-slider__input-values .tds-slider__input-field-wrapper tds-text-field .text-field-input[type=number]::-webkit-outer-spin-button,.tds-slider .tds-slider__input-values .tds-slider__input-field-wrapper tds-text-field .text-field-input[type=number]::-webkit-inner-spin-button{appearance:none;margin:0}.tds-slider .tds-slider__input-values .tds-slider__input-field-wrapper tds-text-field .text-field-input:read-only{text-align:left}.tds-slider .tds-slider__input-values .tds-slider__input-field-wrapper tds-text-field .text-field-icon__readonly{right:12px}.tds-slider label{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);user-select:none;position:absolute;color:var(--tds-slider-label-color);padding-bottom:16px;transform:translateY(-100%)}.tds-slider label.offset{padding-bottom:34px}.tds-slider .tds-slider__value{font:var(--tds-detail-01);letter-spacing:var(--tds-detail-01-ls);user-select:none;border-radius:4px;padding:8px 11px;position:absolute;transform:translate(-50%, -100%);top:-24px;background-color:var(--tds-slider-value-tooltip-background);color:var(--tds-slider-value-tooltip-color)}.tds-slider .tds-slider__value svg{color:var(--tds-slider-value-tooltip-background);position:absolute;left:50%;transform:translateX(-50%);top:34px}.tds-slider .tds-slider__thumb{position:absolute}.tds-slider .tds-slider__thumb:hover .tds-slider__value{display:block}.tds-slider .tds-slider__thumb .tds-slider__thumb-inner{width:20px;height:20px;border-radius:100%;background-color:var(--tds-slider-thumb-color);position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);cursor:pointer}.tds-slider .tds-slider__thumb .tds-slider__thumb-inner::before{content:" ";display:none;width:48px;height:48px;background-color:var(--tds-slider-thumb-color);position:absolute;border-radius:100%;top:50%;left:50%;transform:translate(-50%, -50%)}.tds-slider .tds-slider__thumb .tds-slider__thumb-inner:hover::before{display:block;background-color:var(--tds-slider-thumb-hover)}.tds-slider .tds-slider__thumb .tds-slider__thumb-inner.pressed{width:24px;height:24px}.tds-slider .tds-slider__thumb .tds-slider__thumb-inner.pressed::before{display:block;background-color:var(--tds-slider-thumb-pressed)}.tds-slider .tds-slider__value-dividers-wrapper{position:relative;width:100%;pointer-events:none}.tds-slider .tds-slider__value-dividers{pointer-events:none;position:absolute;display:flex;justify-content:space-between;width:100%}.tds-slider .tds-slider__value-dividers .tds-slider__value-divider{transform:translateY(-50%);height:16px;background-color:var(--tds-slider-divider-color);color:var(--tds-slider-divider-values-color);width:1px}.tds-slider .tds-slider__value-dividers .tds-slider__value-divider span{display:block;user-select:none;color:var(-tds-grey-700);font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);position:relative;top:-7px;left:50%;transform:translate(-50%, -100%);width:50px;text-align:center}.tds-slider .tds-slider__track{width:100%;height:2px;border-radius:1px;background-color:var(--tds-slider-track-color);position:relative;cursor:pointer}.tds-slider .tds-slider__track::after{content:"";position:absolute;left:0;right:0;top:-10px;bottom:-10px;cursor:pointer;z-index:0}.tds-slider .tds-slider__track:focus{outline:0}.tds-slider .tds-slider__track:focus .tds-slider__thumb .tds-slider__thumb-inner{width:24px;height:24px}.tds-slider .tds-slider__track:focus .tds-slider__thumb .tds-slider__thumb-inner::before{display:block;opacity:0.08}.tds-slider .tds-slider__track .tds-slider__track-fill{background-color:var(--tds-slider-track-fill-color);border-radius:2px;height:4px;position:absolute;left:0;top:-1px}.tds-slider .tds-slider__track .tds-slider__thumb{z-index:1}.tds-slider.disabled{cursor:not-allowed}.tds-slider.disabled>*{pointer-events:none}.tds-slider.disabled label{color:var(--tds-slider-label-disabled)}.tds-slider.disabled .tds-slider__controls .tds-slider__control{cursor:default}.tds-slider.disabled .tds-slider__input-values .tds-slider__input-value{color:var(--tds-slider-input-value-disabled)}.tds-slider.disabled .tds-slider__input-values .tds-slider__input-field-wrapper{pointer-events:none}.tds-slider.disabled .tds-slider__input-values .tds-slider__input-field-wrapper input.tds-slider__input-field{color:var(--tds-slider-inputfield-number-disabled);box-shadow:none;pointer-events:none;background:var(--tds-slider-inputfield-background-disabled)}.tds-slider.disabled .tds-slider__value{display:none}.tds-slider.disabled .tds-slider__track{cursor:not-allowed;background-color:var(--tds-slider-track-disabled)}.tds-slider.disabled .tds-slider__track .tds-slider__track-fill{background-color:var(--tds-slider-track-disabled)}.tds-slider.disabled .tds-slider__value-dividers .tds-slider__value-divider{background-color:var(--tds-slider-divider-disabled)}.tds-slider.disabled .tds-slider__value-dividers .tds-slider__value-divider span{color:var(--tds-slider-divider-values-disabled)}.tds-slider.disabled .tds-slider__thumb{pointer-events:none}.tds-slider.disabled .tds-slider__thumb .tds-slider__thumb-inner{background-color:var(--tds-slider-thumb-disabled);cursor:default}.tds-slider.tds-slider-small .tds-slider__thumb .tds-slider__thumb-inner{width:16px;height:16px}.tds-slider.tds-slider-small .tds-slider__thumb .tds-slider__thumb-inner::before{width:40px;height:40px}.tds-slider.tds-slider-small .tds-slider__thumb .tds-slider__thumb-inner.pressed{width:20px;height:20px}.tds-slider .tds-slider__controls .tds-slider__control{cursor:pointer}.tds-slider .tds-slider__controls .tds-slider__control.tds-slider__control-minus tds-icon,.tds-slider .tds-slider__controls .tds-slider__control.tds-slider__control-plus tds-icon{color:var(--tds-slider-controls-color)}.tds-slider.disabled .tds-slider__controls .tds-slider__control{cursor:default}.tds-slider.disabled .tds-slider__controls .tds-slider__control.tds-slider__control-minus tds-icon,.tds-slider.disabled .tds-slider__controls .tds-slider__control.tds-slider__control-plus tds-icon{color:var(--tds-slider-controls-disabled)}`;
@@ -463,30 +463,30 @@ const TdsSlider = class {
     }
     render() {
         const ariaLabel = this.readOnly ? this.tdsReadOnlyAriaLabel : this.label || this.tdsAriaLabel;
-        return (h("div", { key: '6e6e00002da855b43067454de0a55af6802bdad0', class: {
+        return (h("div", { key: '7ffbf580fea1c04431a895053e035c33c0834a1e', class: {
                 'tds-slider-wrapper': true,
                 'read-only': this.readOnly,
-            } }, h("input", { key: '4d7f1b28864c9cca7c3183f4531aac19917f0fa9', class: "tds-slider-native-element", type: "range", name: this.name, min: this.min, max: this.max, step: this.step, value: this.value, disabled: this.disabled }), h("div", { key: '6bac81bc86f6d00f5961211ec401689e67f5a720', class: "sr-only", "aria-live": "assertive", ref: (el) => {
+            } }, h("input", { key: 'a87d78358d84b3d1b0f4eb1868c7972d391024f1', class: "tds-slider-native-element", type: "range", name: this.name, min: this.min, max: this.max, step: this.step, value: this.value, disabled: this.disabled }), h("div", { key: 'b96bfe54acc3f1accea13c0710a46e27bb34618a', class: "sr-only", "aria-live": "assertive", ref: (el) => {
                 this.ariaLiveElement = el;
-            } }), h("div", { key: '7d4ac685ad9f519eb6007ba1ef4bc6ab9ff58a9b', class: {
+            } }), h("div", { key: '21e9de5646ba3bb1be26a2ab5a73f6733e5f9314', class: {
                 'tds-slider': true,
                 'disabled': this.disabled,
                 'tds-slider-small': this.useSmall,
             }, ref: (el) => {
                 this.wrapperElement = el;
-            }, "aria-disabled": this.disabled ? 'true' : 'false' }, h("label", { key: '5338721c62889199ee0ecad2632eac2fd37485d0', id: `${this.sliderId}-label`, class: { offset: this.showTickNumbers } }, this.label), this.useInput && (h("div", { key: '5ee4f8ac092f9ea0aa5f687b98e294955fe062c1', class: "tds-slider__input-values" }, h("div", { key: '97e64f78a68451a2186372264e3e1503954bb67c', class: "tds-slider__input-value min-value" }, this.min))), this.useControls && (h("div", { key: '89c03fd539fdcd689f7d76e1ed9beb8188e61f69', class: "tds-slider__controls" }, h("div", { key: '82c8b4780f47925918a16cc11e4bf7a37b9de687', class: "tds-slider__control tds-slider__control-minus", onClick: (event) => this.stepLeft(event), role: "button", "aria-label": "Decrease value", tabindex: this.disabled || this.readOnly ? '-1' : '0' }, h("tds-icon", { key: 'e190b8ec6e617ea516a022d55e8075c4eb796507', name: "minus", size: "16px" })))), h("div", { key: '5b4f71b02daa36e964df0af18124217f217fce78', class: "tds-slider-inner", tabIndex: -1 }, this.tickValues.length > 0 && (h("div", { key: '1d6d917ab5107a47852a16988f621b62e57a5795', class: "tds-slider__value-dividers-wrapper" }, h("div", { key: '133fd1ed3c566377f524b683a15aaa831aa03f40', class: "tds-slider__value-dividers" }, this.tickValues.map((value) => (h("div", { class: "tds-slider__value-divider" }, this.showTickNumbers && h("span", null, value))))))), h("div", { key: '40f727734b17f3933e0f7bc179354e205534af8d', class: "tds-slider__track", ref: (el) => {
+            }, "aria-disabled": this.disabled ? 'true' : 'false' }, h("label", { key: 'a2ff4200538e129f3262d1acf21a0e66fbcb3f9a', id: `${this.sliderId}-label`, class: { offset: this.showTickNumbers } }, this.label), this.useInput && (h("div", { key: '01a6dd063389b459072a9c0e06be2139af798c41', class: "tds-slider__input-values" }, h("div", { key: '3e07cd27fcbd1579f1441db9c2ce8943b79de6f5', class: "tds-slider__input-value min-value" }, this.min))), this.useControls && (h("div", { key: '3f4fea66c4a7de2aa5a634cee715c9a65dca1ada', class: "tds-slider__controls" }, h("div", { key: '20ef717773cca557b49eb905b54759b809478513', class: "tds-slider__control tds-slider__control-minus", onClick: (event) => this.stepLeft(event), role: "button", "aria-label": "Decrease value", tabindex: this.disabled || this.readOnly ? '-1' : '0' }, h("tds-icon", { key: 'a0f756f26801aa5551c7ca3d73eef26696cd25d8', name: "minus", size: "16px" })))), h("div", { key: '58b1a65b9d13c62d116d81384763bbf45897e9a5', class: "tds-slider-inner", tabIndex: -1 }, this.tickValues.length > 0 && (h("div", { key: '00046f72bfd20d59f4db4bcf4a65eda7d43c09d2', class: "tds-slider__value-dividers-wrapper" }, h("div", { key: 'f4b33f351f24311cd7dede905ea647d0c11af08a', class: "tds-slider__value-dividers" }, this.tickValues.map((value) => (h("div", { class: "tds-slider__value-divider" }, this.showTickNumbers && h("span", null, value))))))), h("div", { key: '184fb63403cba630fed7f86d8ff9973c95788b8e', class: "tds-slider__track", ref: (el) => {
                 this.trackElement = el;
             }, tabindex: this.disabled ? '-1' : '0', role: "presentation", onFocus: () => {
                 if (this.thumbElement) {
                     this.thumbElement.focus();
                 }
-            } }, h("div", { key: 'b6b56223be25e8493e0884c5fb2f4ef786fb4a87', class: "tds-slider__track-fill", ref: (el) => {
+            } }, h("div", { key: '07c2b542ec10424a4b0c036f9a6bb88583a3b6d2', class: "tds-slider__track-fill", ref: (el) => {
                 this.trackFillElement = el;
-            } }), h("div", { key: '74890de4d56ca2fa851212adeccb745c48b7b659', class: "tds-slider__thumb", ref: (el) => {
+            } }), h("div", { key: '99ecd3a3f19999e2241e305dd65d3c3e2c4803ba', class: "tds-slider__thumb", ref: (el) => {
                 this.thumbElement = el;
-            }, onMouseDown: () => this.grabThumb(), onTouchStart: () => this.grabThumb(), role: "slider", "aria-valuemin": this.min, "aria-valuemax": this.max, "aria-valuenow": this.value, "aria-valuetext": `${this.value} of ${this.max}`, "aria-labelledby": `${this.sliderId}-label`, "aria-grabbed": this.thumbGrabbed ? 'true' : 'false', "aria-label": ariaLabel, tabindex: this.disabled ? '-1' : '0' }, this.tooltip && (h("div", { key: 'a02dff8e8707d5a0d42882b9eb30c94d65c004fe', class: "tds-slider__value" }, this.value, h("svg", { key: '026cecebd18db87d4fbeb942c223e83ce2c5a21b', width: "18", height: "14", viewBox: "0 0 18 14", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'f31a00952f88e45747cfd0dc7353f4a484846afc', d: "M8.15882 12.6915L0.990487 1.54076C0.562658 0.875246 1.0405 0 1.83167 0H16.1683C16.9595 0 17.4373 0.875246 17.0095 1.54076L9.84118 12.6915C9.44754 13.3038 8.55246 13.3038 8.15882 12.6915Z", fill: "currentColor" })))), h("div", { key: '6fcb3b1bf4dfa6fb081008680f3944736cfce6eb', class: "tds-slider__thumb-inner", ref: (el) => {
+            }, onMouseDown: () => this.grabThumb(), onTouchStart: () => this.grabThumb(), role: "slider", "aria-valuemin": this.min, "aria-valuemax": this.max, "aria-valuenow": this.value, "aria-valuetext": `${this.value} of ${this.max}`, "aria-labelledby": `${this.sliderId}-label`, "aria-grabbed": this.thumbGrabbed ? 'true' : 'false', "aria-label": ariaLabel, tabindex: this.disabled ? '-1' : '0' }, this.tooltip && (h("div", { key: '10c3c1f789d8dba542f9729a800d99e73f465ff6', class: "tds-slider__value" }, this.value, h("svg", { key: '3111e56b641639527bab768279b0c4f13595bd90', width: "18", height: "14", viewBox: "0 0 18 14", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '6ba13ce0dcbf42fbb2e6cd40deee4d0c24257879', d: "M8.15882 12.6915L0.990487 1.54076C0.562658 0.875246 1.0405 0 1.83167 0H16.1683C16.9595 0 17.4373 0.875246 17.0095 1.54076L9.84118 12.6915C9.44754 13.3038 8.55246 13.3038 8.15882 12.6915Z", fill: "currentColor" })))), h("div", { key: '47e2dab4d35d7692a8295325f2b58555c93b7589', class: "tds-slider__thumb-inner", ref: (el) => {
                 this.thumbInnerElement = el;
-            } })))), this.useInput && (h("div", { key: 'c0b0dc771ccf46a5d5d119a0b3c44f5bceef6ad4', class: "tds-slider__input-values" }, h("div", { key: '20a61bcb6e157416c42fe6fd54b32c2e10da09cc', class: "tds-slider__input-value", onClick: (event) => this.stepLeft(event) }, this.max), h("div", { key: '8c983dc792027814e7e27c41c2e507333ea6afba', class: "tds-slider__input-field-wrapper" }, h("tds-text-field", { key: '6309046324fa52c8d4ade33dd3450eef5b2aa04b', noMinWidth: true, size: "sm", type: "number", value: this.value, min: this.min, max: this.max, readOnly: this.readOnly, disabled: this.disabled, onTdsChange: (e) => console.log(e), tdsAriaLabel: this.readOnly ? this.tdsReadOnlyAriaLabel : undefined, onTdsBlur: (event) => this.updateSliderValueFromTextField(event), onKeyDown: (event) => this.handleInputFieldEnterPress(event) })))), this.useControls && (h("div", { key: '4f410440b2e830bfac5f908b563dbfc061e28519', class: "tds-slider__controls" }, h("div", { key: 'a3f1215891059fa3c83b499ba5597aa1758d0906', class: "tds-slider__control tds-slider__control-plus", onClick: (event) => this.stepRight(event), role: "button", "aria-label": "Increase value", tabindex: this.disabled || this.readOnly ? '-1' : '0' }, h("tds-icon", { key: '0e5323b7f52360b34943580113386f408dd6d57e', name: "plus", size: "16px" })))))));
+            } })))), this.useInput && (h("div", { key: '0328b897b32ecad33d7ad0ae8e665ba89916b523', class: "tds-slider__input-values" }, h("div", { key: '07bf42ea13eb0f83495842a4355c2e9ef8db0961', class: "tds-slider__input-value", onClick: (event) => this.stepLeft(event) }, this.max), h("div", { key: '235282e1c1dd6f0a7e0d8580390e82b5f57a8a5d', class: "tds-slider__input-field-wrapper" }, h("tds-text-field", { key: '8da3f25d80324354c76ae5d152841ab2ea024d11', noMinWidth: true, size: "sm", type: "number", value: this.value, min: this.min, max: this.max, readOnly: this.readOnly, disabled: this.disabled, onTdsChange: (e) => console.log(e), tdsAriaLabel: this.readOnly ? this.tdsReadOnlyAriaLabel : undefined, onTdsBlur: (event) => this.updateSliderValueFromTextField(event), onKeyDown: (event) => this.handleInputFieldEnterPress(event) })))), this.useControls && (h("div", { key: 'f4975c655819dcaf1fd45b29894f50a53b346df2', class: "tds-slider__controls" }, h("div", { key: '0889d3ce08effd68c5e0a39a0a0bbdc0613bffb8', class: "tds-slider__control tds-slider__control-plus", onClick: (event) => this.stepRight(event), role: "button", "aria-label": "Increase value", tabindex: this.disabled || this.readOnly ? '-1' : '0' }, h("tds-icon", { key: '4387c6db0a9fc7f979f29ef268b81e59980709f6', name: "plus", size: "16px" })))))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {