@scania/tegel 1.49.2-warning-beta.0 → 1.50.0-dev-test-beta.0

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DGsdvbvx.js');
+var index = require('./index-BVB4NySF.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(--tds-focus-outline-color);box-shadow:0 0 0 1px var(--tds-white);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)}`;
 
@@ -27,6 +27,8 @@ const TdsInlineTabs = class {
         this.tabElements = [];
         this.clickHandlers = new WeakMap();
         this.addResizeObserver = () => {
+            if (typeof ResizeObserver === 'undefined')
+                return;
             const resizeObserver = new ResizeObserver((entries) => {
                 entries.forEach((entry) => {
                     const componentWidth = entry.contentRect.width;
@@ -181,9 +183,9 @@ const TdsInlineTabs = class {
         this.removeEventListenerFromTabs();
     }
     render() {
-        return (index.h(index.Host, { key: 'c560fe618bd56e56b83d98959a787d1d253b294a', role: "tablist", class: `${this.modeVariant ? `tds-mode-variant-${this.modeVariant}` : ''}`, style: { '--padding-left': `${this.leftPadding}px` } }, index.h("div", { key: '4a2070625881a955ddc8b7d58869ac2908f1aeef', class: "wrapper", ref: (el) => {
+        return (index.h(index.Host, { key: 'b4d7b5c75a8e81e49fdb392580852077a44ebe0c', role: "tablist", class: `${this.modeVariant ? `tds-mode-variant-${this.modeVariant}` : ''}`, style: { '--padding-left': `${this.leftPadding}px` } }, index.h("div", { key: '3be2477f0c9f24987aa9b0ca5c43c05fb19a32e3', class: "wrapper", ref: (el) => {
                 this.navWrapperElement = el;
-            } }, index.h("button", { key: '1df4f76b71faf9ea2e2f57c3da07c41315bcb59f', "aria-label": this.tdsScrollLeftAriaLabel, class: `scroll-left-button ${this.showLeftScroll ? 'show' : ''}`, onClick: () => this.scrollLeft(), disabled: !this.showLeftScroll }, index.h("tds-icon", { key: '9e0e80a1791ccf9fb28b1c597ce498808365f9c1', name: "chevron_left", size: "20px" })), index.h("slot", { key: 'f702f8f7761d797cb121ce77f96276a615c211f9', onSlotchange: () => this.handleSlotChange() }), index.h("button", { key: '735e8a5e76d32903ecf666e59a646d4bbf0b8c4d', "aria-label": this.tdsScrollRightAriaLabel, class: `scroll-right-button ${this.showRightScroll ? 'show' : ''}`, onClick: () => this.scrollRight(), disabled: !this.showRightScroll }, index.h("tds-icon", { key: 'f0a59a1305c1ae93908ca307c03d57b9a171c4ec', name: "chevron_right", size: "20px" })))));
+            } }, index.h("button", { key: 'e6252b0e4bd02809a09db1183fe7dbea91103cbf', "aria-label": this.tdsScrollLeftAriaLabel, class: `scroll-left-button ${this.showLeftScroll ? 'show' : ''}`, onClick: () => this.scrollLeft(), disabled: !this.showLeftScroll }, index.h("tds-icon", { key: 'd4ce2393b25f728ac2de1702d144f612902dc330', name: "chevron_left", size: "20px" })), index.h("slot", { key: 'd079e254442795f81737b5552ce5ce177683c9fb', onSlotchange: () => this.handleSlotChange() }), index.h("button", { key: '5e3db06d48f3109550974ba0675aef8367373df7', "aria-label": this.tdsScrollRightAriaLabel, class: `scroll-right-button ${this.showRightScroll ? 'show' : ''}`, onClick: () => this.scrollRight(), disabled: !this.showRightScroll }, index.h("tds-icon", { key: 'cd00e5c5ad1b757104d5c3f7338a45c9243eb25d', name: "chevron_right", size: "20px" })))));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DGsdvbvx.js');
+var index = require('./index-BVB4NySF.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){color:var(--tds-link-disabled);text-decoration-color:var(--tds-link-disabled);pointer-events:none}.standalone ::slotted(*){font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls)}`;
 
@@ -32,11 +32,11 @@ const TdsLink = class {
         }
     }
     render() {
-        return (index.h("span", { key: '4b56921da22a5b976ebf4985d04e8af3b5917329', class: {
+        return (index.h("span", { key: 'b01482ab25146498fcabba8266dc3ce7b6a94b79', class: {
                 'disabled': this.disabled,
                 'no-underline': !this.underline,
                 'standalone': this.standalone,
-            } }, index.h("slot", { key: 'bad6ba1260f82de37b1939d2cca208053e52126b' })));
+            } }, index.h("slot", { key: 'af1c5a41a618246478cdc2e505699921d8fc12ae' })));
     }
     get host() { return index.getElement(this); }
 };

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DGsdvbvx.js');
+var index = require('./index-BVB4NySF.js');
 var generateUniqueId = require('./generateUniqueId-ComXTAM_.js');
 
 const messageCss = () => `:host .wrapper{display:flex;padding:16px;background-color:var(--tds-message-background);border-radius:4px}:host .wrapper.information{border-left:4px solid var(--tds-message-border-info)}:host .wrapper.information tds-icon{color:var(--tds-message-icon-info)}:host .wrapper.success{background-color:var(--tds-message-background-success);border-left:4px solid var(--tds-message-border-success)}:host .wrapper.success tds-icon{color:var(--tds-message-icon-success)}:host .wrapper.error{background-color:var(--tds-message-background-error);border-left:4px solid var(--tds-message-border-error)}:host .wrapper.error tds-icon{color:var(--tds-message-icon-error)}:host .wrapper.warning{background-color:var(--tds-message-background-warning);border-left:4px solid var(--tds-message-border-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;color:var(--foreground-text-strong);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{color:var(--foreground-text-strong);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)}`;
@@ -43,11 +43,11 @@ 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: 'f135a2d8708f2d9529aa862aadc2a9446dfea613', role: this.tdsAlertDialog, "aria-describedby": contentId, "aria-label": this.getAriaLabel(), class: { [`tds-mode-variant-${this.modeVariant}`]: this.modeVariant !== null } }, index.h("div", { key: 'e190d40483c364c38f57fe6191ce1ec01fe37b01', class: {
+        return (index.h(index.Host, { key: '970813596af95b36b480b7845f99bf772c46ad85', role: this.tdsAlertDialog, "aria-describedby": contentId, "aria-label": this.getAriaLabel(), class: { [`tds-mode-variant-${this.modeVariant}`]: this.modeVariant !== null } }, index.h("div", { key: '9be4eb667886d765cc632cc01ca99436bc5b9c7f', class: {
                 wrapper: true,
                 [this.variant]: true,
                 minimal: this.minimal,
-            } }, !this.noIcon && (index.h("tds-icon", { key: '74d8a70c3e93f6e3f39087c9eb3f956ac08381d9', "aria-hidden": "true", "aria-label": `${this.variant}`, svgTitle: `${this.variant}`, name: this.getIconName(), size: "20px" })), index.h("div", { key: '3f0a1ea45cb53ae45373abd5543a59b81d23d7ce', class: `content` }, this.header && (index.h("div", { key: 'c2a448d5b589091a14ef655c45610ec13c4aa0bc', class: "header", id: headerId }, this.header)), !this.minimal && (index.h("div", { key: 'ea6960909da3406ca6dc1cf1ddb1459747a329e1', class: "extended-message", id: contentId }, index.h("slot", { key: '44889b6121d8052fad6d935f4b8473bcdb0520fb' })))))));
+            } }, !this.noIcon && (index.h("tds-icon", { key: '6fc65633c9d6c0c177388e08f123860a1127dbe5', "aria-hidden": "true", "aria-label": `${this.variant}`, svgTitle: `${this.variant}`, name: this.getIconName(), size: "20px" })), index.h("div", { key: '54b6b7de2b12c7d2317d29ae823993813843a106', class: `content` }, this.header && (index.h("div", { key: '9848cbe69b8a70190ad5d1900cd7d66b30e3f3c2', class: "header", id: headerId }, this.header)), !this.minimal && (index.h("div", { key: 'a278772324213ae58cac4521b2bd303081168fff', class: "extended-message", id: contentId }, index.h("slot", { key: '572befa769c3d329a48272246915b70c7546c61d' })))))));
     }
 };
 TdsMessage.style = messageCss();

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DGsdvbvx.js');
+var index = require('./index-BVB4NySF.js');
 var hasSlot = require('./hasSlot-D-DVNhGg.js');
 var generateUniqueId = require('./generateUniqueId-ComXTAM_.js');
 
@@ -253,10 +253,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: '627470cc4fd39a05084149c125b34e8c41fca76b', role: this.tdsAlertDialog, "aria-modal": "true", "aria-describedby": bodyId, "aria-labelledby": headerId, class: {
+        return (index.h(index.Host, { key: '47c0d4fe04b057ad1f1295336bad71e541b052ac', 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: '64cbcfcc22244a706d448dab7834a83173943d85', class: "tds-modal-backdrop" }), index.h("div", { key: 'ab7af811011361c8b5fb311dff6fd12143ad9fa4', class: `tds-modal tds-modal__actions-${this.actionsPosition} tds-modal-${this.size}`, tabindex: "-1" }, index.h("div", { key: '4aa8706b05c2b2dfd286368b0f1dd7e4eaaec10f', id: headerId, class: "header" }, this.header && index.h("div", { key: 'a24a3998f441a80a5ba39082e1b8c6a4568424a1', class: "header-text" }, this.header), usesHeaderSlot && index.h("slot", { key: '5aba912426f4743d5c136230cfbccbc3730b2adf', name: "header" }), this.closable && (index.h("button", { key: '14da162e80c29bdaad47990af70b533a1a2e0fc2', class: "tds-modal-close", "aria-label": "close", onClick: (event) => this.handleClose(event) }, index.h("tds-icon", { key: 'f28f4aedb9e432849803a5961db568db4c157003', name: "cross", size: "20px" })))), index.h("div", { key: '928a57c57f5bbbcd6411da9378d2001c9befb855', id: bodyId, class: "body" }, index.h("slot", { key: '800c2deda52545ce5ca457c3274734df18a1bd57', name: "body" })), usesActionsSlot && index.h("slot", { key: 'd453d7e1fe3062aa238ca19883345aa09c0b87c5', name: "actions" }))));
+            }, onClick: (event) => this.handleOverlayClick(event) }, index.h("div", { key: 'f6500967c2aa83e740030050b5324de267ee7070', class: "tds-modal-backdrop" }), index.h("div", { key: '14bdaa5cef839b616355e7d5342519389a095b2d', class: `tds-modal tds-modal__actions-${this.actionsPosition} tds-modal-${this.size}`, tabindex: "-1" }, index.h("div", { key: 'fe10c46a52f58f1717b4e8bcb51b14cbef64cc4e', id: headerId, class: "header" }, this.header && index.h("div", { key: '95cf626802fe45eb54091414176e35af9eebc26e', class: "header-text" }, this.header), usesHeaderSlot && index.h("slot", { key: '840e065228905dff0b0aee19306c2767a44c5961', name: "header" }), this.closable && (index.h("button", { key: '515240253c8cf06452e6cf1e7c7cd90836ee6526', class: "tds-modal-close", "aria-label": "close", onClick: (event) => this.handleClose(event) }, index.h("tds-icon", { key: '5b93c45967f34e994a57fd36fe50f19e34681cec', name: "cross", size: "20px" })))), index.h("div", { key: 'e35ee14846aa28f1496e1a8dc5b0514b59a7c4f6', id: bodyId, class: "body" }, index.h("slot", { key: '828423ca3134f0f38520b4b70451b97cce84f19c', name: "body" })), usesActionsSlot && index.h("slot", { key: '9455e931e29bed29f10c01f7adc9555556b7f298', name: "actions" }))));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DGsdvbvx.js');
+var index = require('./index-BVB4NySF.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(--tds-focus-outline-color);box-shadow:0 0 0 1px var(--tds-white);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}`;
 
@@ -34,8 +34,8 @@ const TdsNavigationTab = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '362f628f25730c6e878172a64d94f34bdc3e5ddb' }, index.h("div", { key: '58767c9578afb7dcb6c30c22fb61bf366c267e4d', class: `navigation-tab-item  ${this.selected ? 'selected' : ''}
-           ${this.disabled ? 'disabled' : ''}` }, index.h("slot", { key: 'c3bfcb9677f7cb318b1e70a53135f31b79345d78' }))));
+        return (index.h(index.Host, { key: '3fb20c6c5e5839eafbd7acc8e63d9b9ffeb531bd' }, index.h("div", { key: 'c04745d7b4bb9dc4efb3aa17a27f57a3219ac0d0', class: `navigation-tab-item  ${this.selected ? 'selected' : ''}
+           ${this.disabled ? 'disabled' : ''}` }, index.h("slot", { key: '2bdb886f7e601878878f77a1ee6e68f3b34a25e9' }))));
     }
     get host() { return index.getElement(this); }
 };

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DGsdvbvx.js');
+var index = require('./index-BVB4NySF.js');
 
 const navigationTabsCss = () => `:host{box-sizing:border-box;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}:host .wrapper::-webkit-scrollbar{display:none}:host .scroll-right-button{right:0;z-index:1}:host .scroll-left-button{left:0;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;left:3px;right:3px;top:3px;bottom:3px;outline:2px solid var(--tds-focus-outline-color);box-shadow:0 0 0 1px var(--tds-white);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)}`;
 
@@ -27,6 +27,8 @@ const TdsNavigationTabs = class {
         this.tabElements = [];
         this.clickHandlers = new WeakMap();
         this.addResizeObserver = () => {
+            if (typeof ResizeObserver === 'undefined')
+                return;
             const resizeObserver = new ResizeObserver((entries) => {
                 entries.forEach((entry) => {
                     const componentWidth = entry.contentRect.width;
@@ -187,15 +189,15 @@ const TdsNavigationTabs = class {
         this.removeEventListenerFromTabs();
     }
     render() {
-        return (index.h(index.Host, { key: '30d0734a2ac6fe0a585ca7e15fe08f9feceb2303', role: "tablist", class: { [`tds-mode-variant-${this.modeVariant}`]: this.modeVariant !== null } }, index.h("div", { key: 'b27101ea4c520eb434ba26c425e6179c1b0bdd8b', class: "wrapper", ref: (el) => {
+        return (index.h(index.Host, { key: '0817601e2f5ca452bef28d7ffdeabf00ba49518b', role: "tablist", class: { [`tds-mode-variant-${this.modeVariant}`]: this.modeVariant !== null } }, index.h("div", { key: '9a0c29efcbd7120760a0eb0946343d4aceb963ec', class: "wrapper", ref: (el) => {
                 this.navWrapperElement = el;
-            }, style: { paddingLeft: `${this.leftPadding}px` } }, index.h("button", { key: 'a2214da9d20638ee1896cb04c759f598caee3425', "aria-label": this.tdsScrollLeftAriaLabel, class: {
+            }, style: { paddingLeft: `${this.leftPadding}px` } }, index.h("button", { key: '2283540cb7864e70445dd3303a9e617cabd5c1a3', "aria-label": this.tdsScrollLeftAriaLabel, class: {
                 'scroll-left-button': true,
                 'show': this.showLeftScroll,
-            }, onClick: () => this.scrollLeft(), disabled: !this.showLeftScroll }, index.h("tds-icon", { key: '54fc194d33c682ecf03c51af39ce5290de199c29', name: "chevron_left", size: "20px" })), index.h("slot", { key: '8c673f8d743352b4f5228c434ea6ba73b35d5916', onSlotchange: () => this.handleSlotChange() }), index.h("button", { key: 'f89e20284ad64bb864e84c28015f162fdf744b62', "aria-label": this.tdsScrollRightAriaLabel, class: {
+            }, onClick: () => this.scrollLeft(), disabled: !this.showLeftScroll }, index.h("tds-icon", { key: '4de2e1da1fd959ae3ffe5f93298574b3a161f75d', name: "chevron_left", size: "20px" })), index.h("slot", { key: 'cb72d39a1d8f8e0289244cd023311e211ec148e5', onSlotchange: () => this.handleSlotChange() }), index.h("button", { key: '52e0ea24de069a6020e7902ea7222b6f52dc9895', "aria-label": this.tdsScrollRightAriaLabel, class: {
                 'scroll-right-button': true,
                 'show': this.showRightScroll,
-            }, onClick: () => this.scrollRight(), disabled: !this.showRightScroll }, index.h("tds-icon", { key: '6099eec68724b31d6ec71e5f6491313cae51db1f', name: "chevron_right", size: "20px" })))));
+            }, onClick: () => this.scrollRight(), disabled: !this.showRightScroll }, index.h("tds-icon", { key: '4a4a3a5234d74decb2106f902365b39c20977066', name: "chevron_right", size: "20px" })))));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DGsdvbvx.js');
+var index = require('./index-BVB4NySF.js');
 var inheritAttributes = require('./inheritAttributes-CGw91JfB.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}`;
@@ -41,14 +41,14 @@ const TdsPopoverCanvas = class {
     }
     render() {
         var _a;
-        return (index.h(index.Host, { key: 'f839a18c87e3bfda390b498902c839e9c02498dd', class: {
+        return (index.h(index.Host, { key: 'bfab646964c673386c09f964c5119348bf7fd868', class: {
                 [`tds-mode-variant-${this.modeVariant}`]: Boolean(this.modeVariant),
-            } }, index.h("tds-popover-core", Object.assign({ key: '406b98aa40a5a227956018a6892b0963530bc0a0', role: this.tdsAlertDialog }, this.inheritedAttributes, { class: {
+            } }, index.h("tds-popover-core", Object.assign({ key: '503a2debd5aa19107b2e958490263fdd699d4bf0', 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: '4c733fb2a810d47668f4625d947f5e82884cfdf8' }, index.h("slot", { key: 'cff933b094ae64e5ecad95ab1752206f16f3f919' })))));
+            }, defaultShow: this.defaultShow, animation: this.animation }), index.h("div", { key: '15ded176e4c3d6dc4c78a6ac4a34c2988444cace' }, index.h("slot", { key: '8221b5be15db24110562977cf7280302ac406de3' })))));
     }
     get host() { return index.getElement(this); }
 };

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DGsdvbvx.js');
+var index = require('./index-BVB4NySF.js');
 var generateUniqueId = require('./generateUniqueId-ComXTAM_.js');
 
 var top = 'top';
@@ -2054,7 +2054,7 @@ const TdsPopoverCore = class {
             'tds-animation-exit-fade': !this.isShown && this.animation === 'fade',
         };
         const classList = generateClassList(classes);
-        return (index.h(index.Host, { key: '24f0a1d31e1dd556cf3552f3c7a6ede8ce35dfc2', role: this.host.getAttribute('role'), class: classList, id: `tds-popover-core-${this.uuid}` }, index.h("slot", { key: '3e8df41cea7f8ed636974571bd1d5e8cbd802732' })));
+        return (index.h(index.Host, { key: 'fdf71a3d32da460b0361bac28483955805e448db', role: this.host.getAttribute('role'), class: classList, id: `tds-popover-core-${this.uuid}` }, index.h("slot", { key: 'd2b28bcc7f618edcf5c6acac39806b24e31538b0' })));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DGsdvbvx.js');
+var index = require('./index-BVB4NySF.js');
 
 const popoverMenuItemCss = () => `:host{box-sizing:border-box;display:block}:host *{box-sizing:border-box}:host .wrapper{font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);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)}:host .wrapper.disabled{cursor:not-allowed;color:var(--tds-popover-menu-divider-disabled-color)}:host .wrapper.disabled:hover{background-color:inherit}:host .wrapper.disabled ::slotted(tds-icon){color:var(--tds-popover-menu-divider-disabled-icon-color)}:host .wrapper.disabled ::slotted(*){pointer-events: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{z-index:-1;content:"";display:block;position:absolute;width:calc(100% - 4px);height:100%;top:0;left:2px;outline:1px solid var(--tds-blue-400);outline-offset:1px}`;
 
@@ -11,10 +11,10 @@ const TdsPopoverMenuItem = class {
         this.disabled = false;
     }
     render() {
-        return (index.h(index.Host, { key: '0b67b639198463251e4db6c86822be9d0bd648f9', role: "menuitem", "aria-disabled": this.disabled ? 'true' : 'false' }, index.h("div", { key: 'fd2145d0fbe009d302df767914031c135adbadb3', class: {
+        return (index.h(index.Host, { key: 'd9c07d0eddc8991d88566d050a6642dfd712b1e2', role: "menuitem", "aria-disabled": this.disabled ? 'true' : 'false' }, index.h("div", { key: 'd2d32632e70b207dff4bc0d6616e17abaff6f3a8', class: {
                 wrapper: true,
                 disabled: this.disabled,
-            } }, index.h("slot", { key: '450e914fa54653021bde8f388fa2ffd68df3b3a6' }))));
+            } }, index.h("slot", { key: '725c727348687e663e6225837a2a135d177b6d4a' }))));
     }
 };
 TdsPopoverMenuItem.style = popoverMenuItemCss();

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DGsdvbvx.js');
+var index = require('./index-BVB4NySF.js');
 var inheritAttributes = require('./inheritAttributes-CGw91JfB.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:0 3px 3px rgba(0, 0, 0, 0.15), 0 -1px 1px rgba(0, 0, 0, 0.1);border-radius:4px;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}`;
@@ -39,15 +39,15 @@ const TdsPopoverMenu = class {
     }
     render() {
         var _a;
-        return (index.h(index.Host, { key: '532fd12854743e5200896f6c2397a36308dfbb6b', class: {
+        return (index.h(index.Host, { key: '64ec6f8414b86992f27ff31ec121691a95473803', class: {
                 [`tds-mode-variant-${this.modeVariant}`]: Boolean(this.modeVariant),
-            } }, index.h("tds-popover-core", { key: '3544cb2cafd1f4b536ffeff249f77665063419fc', class: {
+            } }, index.h("tds-popover-core", { key: '258d5feba20e366b690fb0b168686cd7525cfd7c', 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: '0f4fa6bc7a230fbe86fec7c02b3324d81a379594', role: "menu" }, index.h("slot", { key: '41f2693c7dfa904bec41ad1eeb665c019282fa9f' })))));
+            }, defaultShow: this.defaultShow, animation: this.animation }, index.h("div", { key: 'fad95fd95dcfff966690a5617421b06de8c5ebc6', role: "menu" }, index.h("slot", { key: 'ae26c985ac08249cfca316afdce6e870be3650e4' })))));
     }
     get host() { return index.getElement(this); }
 };

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DGsdvbvx.js');
+var index = require('./index-BVB4NySF.js');
 var generateUniqueId = require('./generateUniqueId-ComXTAM_.js');
 
 const radioButtonCss = () => `.tds-radio-button.sc-tds-radio-button{box-sizing:border-box;display:flex;align-items:center;margin-left:-4px;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);color:var(--tds-radio-button-color)}.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;border-radius:50%;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;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;border-radius:50%;box-sizing:border-box}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button::before{width:20px;height:20px;top:2px}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button::after{border:1px solid var(--tds-radio-button-interaction-01);background-color:var(--tds-radio-button-interaction-02);width:16px;height:16px;left:50%;top:50%;transform:translate(-50%, -50%)}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:hover::before{background-color:var(--tds-radio-button-background-hover)}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:focus-visible::before{background-color:var(--tds-radio-button-background-focus);box-shadow:0 0 0 1px var(--tds-radio-button-background-focus);animation:rb-focus var(--tds-motion-duration-moderate-02) var(--tds-motion-easing-enter) forwards}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:focus-visible::after{outline:1px solid var(--tds-radio-button-interaction-outline)}.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}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:disabled::after,.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].disabled.sc-tds-radio-button::after{border-color:var(--tds-radio-button-border-color-disabled-after);background-color:var(--tds-radio-button-interaction-02)}.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-disabled);cursor:not-allowed}.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{display:none;opacity:1}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:checked::after{border:4px solid var(--tds-radio-button-interaction-01)}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:checked:disabled:hover::before,.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:checked:disabled::before,.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:checked.disabled:hover::before,.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:checked.disabled::before{display:block;background-color:transparent;width:16px;height:16px;left:2px;top:4px;box-shadow:inset 0 0 0 1px var(--tds-radio-button-border-color-disabled-after)}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:checked:disabled::after,.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:checked.disabled::after{border:4px solid var(--tds-radio-button-interaction-02);background-color:var(--tds-radio-button-color-disabled-after);clip-path:inset(1px 1px round 50%)}@keyframes rb-focus{0%{transform:scale(0);opacity:0}100%{transform:scale(1)}}`;
@@ -31,10 +31,10 @@ const TdsRadioButton = class {
         }
     }
     render() {
-        return (index.h("div", { key: 'f0a5a86e2ba270ab7c9f6bd4028765fcbd6b178f', class: "tds-radio-button" }, index.h("input", { key: '70a293a321ad72ba290a1274bfad25954895ec69', ref: (inputEl) => {
+        return (index.h("div", { key: 'a3229a9edf154a3e32b78e0733ad5a62becef457', class: "tds-radio-button" }, index.h("input", { key: 'a71bb9cc727bf29e9926fe5c862bda5e5bfeeccd', 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 }), index.h("label", { key: 'aa5928d97053deb16341661ba8bb218e2f12eb73', htmlFor: this.radioId }, index.h("slot", { key: '631da0a3930529351185f3b287ba9269caa0159b', 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 }), index.h("label", { key: '485aa7388b35ad21ef70e1c7b57f68fcd01d3f75', htmlFor: this.radioId }, index.h("slot", { key: '429a9107b3a39af5aa731116e1961821a90852f4', name: "label" }))));
     }
     get host() { return index.getElement(this); }
 };

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DGsdvbvx.js');
+var index = require('./index-BVB4NySF.js');
 var inheritAriaAttributes = require('./inheritAriaAttributes-D_xFGssc.js');
 require('./inheritAttributes-CGw91JfB.js');
 

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DGsdvbvx.js');
+var index = require('./index-BVB4NySF.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}}`;
 

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DGsdvbvx.js');
+var index = require('./index-BVB4NySF.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(--tds-focus-outline-color);box-shadow:inset 0 0 0 3px var(--tds-white);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}`;
 
@@ -41,13 +41,13 @@ const TdsSideMenuDropdownListItem = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '10ccf22f0df6b2087d787cfc9afb95058da1f6a5', role: "listitem" }, index.h("div", { key: 'c99acea35abc14f96fc9bf8b084f6667a466bdcc', class: {
+        return (index.h(index.Host, { key: '4eae7681164a0f704d68968ad5de8891a85ed00f', role: "listitem" }, index.h("div", { key: 'c379c94a80baf76e17ced30f79b261f601f6947b', class: {
                 'component': true,
                 'component-selected': this.selected,
                 'component-dropdown-has-icon': this.dropdownHasIcon,
                 'component-dropdown-has-user': this.dropdownHasUser,
                 'component-collapsed': this.collapsed,
-            } }, index.h("slot", { key: 'e3dda9165b5fa9d7583032bd9b71d2cf6cbd74f1' }))));
+            } }, index.h("slot", { key: 'a0d00e60086cc058eebbb0a48bb69cc77159f689' }))));
     }
     get host() { return index.getElement(this); }
 };

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DGsdvbvx.js');
+var index = require('./index-BVB4NySF.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)}`;
 

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DGsdvbvx.js');
+var index = require('./index-BVB4NySF.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}`;
 
@@ -63,13 +63,13 @@ const TdsSideMenuDropdown = class {
         this.open = this.defaultOpen;
     }
     render() {
-        return (index.h(index.Host, { key: '61c0e4c1df178d14422de845086864c8de3cf231' }, index.h("div", { key: '775032857d13a5d9f01f5bbe22de87480bceddfe', class: {
+        return (index.h(index.Host, { key: '50c612a2b879888b42b82ec240278387ffda56df' }, index.h("div", { key: '23d34aac941bee3c0f7e7453b8648dfaceb5fafd', class: {
                 'wrapper': true,
                 'state-open': this.getIsOpenState(),
                 'state-collapsed': this.collapsed,
-            } }, index.h("tds-side-menu-item", { key: 'dd599c6234d4f9d6c11aa680371e69ab64ea7a2e', class: "button", active: this.getIsOpenState(), selected: this.selected, onClick: () => {
+            } }, index.h("tds-side-menu-item", { key: '6cb6ef033a8a01bb2baf0b1350499130774a848d', class: "button", active: this.getIsOpenState(), selected: this.selected, onClick: () => {
                 this.open = !this.open;
-            }, "aria-expanded": this.getIsOpenState() ? 'true' : 'false' }, index.h("button", { key: 'da26f06483ad9348e9442c5aec70ee2f3af184e5' }, index.h("slot", { key: 'ce95165a9e75cf9f150364f40c5dd49bbc795ca5', name: "icon" }), !this.collapsed && (index.h(index.Fragment, { key: '524ef1b9a67c9a4c950691da6e16ba7100fae6b6' }, this.buttonLabel, index.h("slot", { key: '812088f502894d42dc5c658a8035f6212c7f1876', name: "label" }), index.h("tds-icon", { key: 'c68ec5d4c5ea3541bff95e4d7baf07098b953f07', class: "dropdown-icon", name: "chevron_down", size: "16px", svgTitle: "Chevron Down" }))))), index.h("div", { key: 'bc99efa3ca9b83b0d6e599db85e193a91258bad1', class: "menu", tabindex: this.collapsed ? '0' : undefined }, this.collapsed && (index.h("h3", { key: 'c9a5f0aba4df7d2e22b9e84f75db46be8892c07c', class: "heading-collapsed" }, this.buttonLabel, index.h("slot", { key: 'd45b96b5941b1ad4f19e96ea023d6b513d54f9e0', name: "label" }))), index.h("slot", { key: '67f16383ec5ce1c10d3a1be8488932972891ef4c' })))));
+            }, "aria-expanded": this.getIsOpenState() ? 'true' : 'false' }, index.h("button", { key: '1fa2e1851fdf25882eec6e4cb6e6900b5fdbfa6b' }, index.h("slot", { key: '06288061e3bb3ccd7124352d66bbcca3614e86bc', name: "icon" }), !this.collapsed && (index.h(index.Fragment, { key: 'bcd4934b4760634a04694f46d22bb09c4f7cb71e' }, this.buttonLabel, index.h("slot", { key: 'e2891dc859881c40b9577e07535f0c84c2d0f5a7', name: "label" }), index.h("tds-icon", { key: 'fa3257d02ad80e08485fe731915b76ba0241e976', class: "dropdown-icon", name: "chevron_down", size: "16px", svgTitle: "Chevron Down" }))))), index.h("div", { key: 'a708a6796fec8851df925da395e011a90e3da118', class: "menu", tabindex: this.collapsed ? '0' : undefined }, this.collapsed && (index.h("h3", { key: '5efc24406b5933e512bafd39e5aee55c1e342403', class: "heading-collapsed" }, this.buttonLabel, index.h("slot", { key: 'bfa6381aeb8b9d5ce937d6687d9f8eb08166aa37', name: "label" }))), index.h("slot", { key: '3d8266b0e0b37a00f389a0cd126920bac15f9532' })))));
     }
     get host() { return index.getElement(this); }
 };

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DGsdvbvx.js');
+var index = require('./index-BVB4NySF.js');
 var dfs = require('./dfs-Clg9RCmq.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(--tds-focus-outline-color);box-shadow:inset 0 0 0 3px var(--tds-white);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}}`;
@@ -81,13 +81,13 @@ const TdsSideMenuItem = class {
         this.updateHasUserComponent();
     }
     render() {
-        return (index.h(index.Host, { key: '540c5825a2cf8913891c0b6c06ad7e338c9546bc' }, index.h("div", { key: '2482c645b0d4650f1a389eed12e097a8fc35c03f', class: {
+        return (index.h(index.Host, { key: '8c8308b82ed3a2f9161c155310d30746a873b797' }, index.h("div", { key: '1ee193c4e152bd02a7fd38c3bc173cfcab074e60', class: {
                 'component': true,
                 'component-selected': this.selected,
                 'component-active': this.active,
                 'component-collapsed': this.collapsed,
                 'component-has-user': this.hasUserComponent,
-            } }, index.h("slot", { key: 'b476beffec5acc60afd8c7e60754c16995f43c32' }))));
+            } }, index.h("slot", { key: '4abf87af30fb22e159a2874b499b756097ff821f' }))));
     }
     get host() { return index.getElement(this); }
 };

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DGsdvbvx.js');
+var index = require('./index-BVB4NySF.js');
 
 const sideMenuOverlayCss = () => `:host{position:fixed;width:100%;height:100%;background-color:black}div{position:fixed;width:100%;height:100%;pointer-events:none}`;
 

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DGsdvbvx.js');
+var index = require('./index-BVB4NySF.js');
 
 const sideMenuUserImageCss = () => `:host img,:host ::slotted(*){width:34px;height:34px;border-radius:50%}`;
 
@@ -9,7 +9,7 @@ const TdsSideMenuUserImage = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: 'ac72381d5a600698ac717ef744c229193363e242' }, index.h("slot", { key: 'ad3f2d65cba1a212fb25c2fbb7b78deb211334c7' }), this.src && index.h("img", { key: '87149306298861cd4c2ba6fa26e51a53d632fac9', src: this.src, alt: this.alt })));
+        return (index.h(index.Host, { key: 'f78e0b98c33d88edc6bb504885337549b8cebe60' }, index.h("slot", { key: 'ece4fa7ee4c13ff527e1eb2651572588a314e44a' }), this.src && index.h("img", { key: 'ab7e321744f5a62ab536ba5e1c3777d2da7d697d', src: this.src, alt: this.alt })));
     }
 };
 TdsSideMenuUserImage.style = sideMenuUserImageCss();
@@ -21,7 +21,7 @@ const TdsSideMenuUserLabel = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '6bf3db10e42a755d16ee5476fade2b566098f51e' }, this.heading, this.subheading && index.h("div", { key: '67d4a5cedc6ad790f7de79ebc1b2c9e42a842977', class: "subheading" }, this.subheading)));
+        return (index.h(index.Host, { key: 'ac320a04f923e14ed85b18f685221ba7fbcb0256' }, this.heading, this.subheading && index.h("div", { key: '23446674db52cb9543c4840adba225303a061e27', class: "subheading" }, this.subheading)));
     }
 };
 TdsSideMenuUserLabel.style = sideMenuUserLabelCss();

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DGsdvbvx.js');
+var index = require('./index-BVB4NySF.js');
 
 const sideMenuUserCss = () => `:host{display:flex;align-items:center;gap:16px;height:68px}`;
 
@@ -9,7 +9,7 @@ const TdsSideMenuUser = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '183302fb2df62894434ec518c313bd71e311fc01' }, index.h("tds-side-menu-user-image", { key: '5ca603b2761729096a3f35f5424d17b346bae9cd', src: this.imgSrc, alt: this.imgAlt }, index.h("slot", { key: '6a7885bcb55993990cdd7ed2f65bfa5700fc6dc0', name: "image" })), index.h("tds-side-menu-user-label", { key: '212e392adf25bd033128ccb64518a04645e0cc2f', heading: this.heading, subheading: this.subheading })));
+        return (index.h(index.Host, { key: '85fe09b4f6ac3b7d99da2d6256c758900329653a' }, index.h("tds-side-menu-user-image", { key: '236bce6eb1c8c09b7eb8473cdf9d62e882cf4e12', src: this.imgSrc, alt: this.imgAlt }, index.h("slot", { key: '1cf9eca61491dd7f8a4d7a63e3eaeb6e6f64e625', name: "image" })), index.h("tds-side-menu-user-label", { key: '0f202ad7a287f3c3eae6c87bc7880fd03a183969', heading: this.heading, subheading: this.subheading })));
     }
 };
 TdsSideMenuUser.style = sideMenuUserCss();

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DGsdvbvx.js');
+var index = require('./index-BVB4NySF.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;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:40px;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 [role=navigation]{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 (index.h(index.Host, { key: '3e7770cc6891a71d1757b0a7622f2912066643d8', class: {
+        return (index.h(index.Host, { key: '4c7ef20dafaa84ba2939889e40dd245ffd683356', class: {
                 'menu-opened': this.open,
                 'menu-persistent': this.persistent,
                 'menu-collapsed': this.collapsed,
-            }, "aria-expanded": (this.isMobile ? this.open : !this.collapsed) ? 'true' : 'false' }, index.h("div", { key: '5c556407075da5eae0b3343b3e0ee74c340575ac', class: {
+            }, "aria-expanded": (this.isMobile ? this.open : !this.collapsed) ? 'true' : 'false' }, index.h("div", { key: '515a38e098d2ede1ff846cc60176c451037a0356', class: {
                 'wrapper': true,
                 'state-upper-slot-empty': this.isUpperSlotEmpty,
                 'state-open': this.open,
                 'state-closed': !this.open,
-            } }, index.h("slot", { key: '6b87fbf18cbfa65ab8552eb64456b87304022404', name: "overlay" }), index.h("aside", { key: '7d63212f845d1bba59a1b3a6e0b99998fd6a2202', class: `menu` }, index.h("div", { key: 'd8ce4ff50101691aeb9b88d17cc7ee2490272ad4', role: "navigation" }, index.h("slot", { key: 'f8a7ee24fbced61ff4931168902c397b082521eb', name: "close-button" }), index.h("div", { key: '072baef69437e6a444b32f0b62cef196cefe1575', class: "tds-side-menu-wrapper" }, index.h("ul", { key: 'bf1e19f6ba886f2c89b480b4f58b45c018daac4d', class: `tds-side-menu-list tds-side-menu-list-upper` }, index.h("li", { key: 'e319ea5fa177d10d2251b8ab26a06bef18bbd623' }, index.h("slot", { key: '5fec36575727498f764896d4c585a77f4c83f8b4' }))), index.h("ul", { key: 'b3a8d1af131f3ac8531d1f63bf7aa728ae87927b', class: `tds-side-menu-list tds-side-menu-list-end` }, index.h("li", { key: '2d82fba190cdb96f6e7bb77a1f44d94b1a4f461b' }, index.h("slot", { key: 'c5d3f65e00c57911b5aae71d4a75b1ec894b3fcb', name: "end" })))), index.h("slot", { key: 'eb8c2a7a4130e9e71851735219414a9d87e95853', name: "sticky-end" }))))));
+            } }, index.h("slot", { key: '0e6ab143ebc6f67ee8b8ab1573c02d070ce8d64f', name: "overlay" }), index.h("aside", { key: 'e5bc037a75037723300bac0df3c424a7ca3597b6', class: `menu` }, index.h("div", { key: 'd65d5c36e1151b27d1d859cb4e7a53bb390133c0', role: "navigation" }, index.h("slot", { key: '70277663e55908f048e807d3d07241c530f5c60f', name: "close-button" }), index.h("div", { key: 'af81aa4f22189716330f1b9563148fd7adfd4ab1', class: "tds-side-menu-wrapper" }, index.h("ul", { key: '38f9cb307b71cbded62856926266829d531bbcec', class: `tds-side-menu-list tds-side-menu-list-upper` }, index.h("li", { key: '7333761276459f88d8a52e1e824f9e2c7e62a3e4' }, index.h("slot", { key: '4109ca83e6a124c6f251468ec28905efee2a0ef7' }))), index.h("ul", { key: 'e5617092ca8c634f1d03815ca47291d5238d2162', class: `tds-side-menu-list tds-side-menu-list-end` }, index.h("li", { key: 'cc0fd0bc724cb5f0157d15e7617fb1630408d73a' }, index.h("slot", { key: 'aa8b19131f05427331b02dfb8137b63d8d1b771f', name: "end" })))), index.h("slot", { key: 'bb232a44cc190df59e1f9b104669a15b976d8ba0', name: "sticky-end" }))))));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {