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

package/dist/components/tds-inline-tabs.js

@@ -1,5 +1,5 @@
 import { p as proxyCustomElement, H, d as createEvent, h, c as Host } from './p-28ef5186.js';
-import { d as defineCustomElement$2 } from './p-9b40a24d.js';
+import { d as defineCustomElement$2 } from './p-c715ab56.js';
 
 const inlineTabsCss = ":host{box-sizing:border-box;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}: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,:host .scroll-left-button:focus{outline:2px solid var(--tds-blue-400);outline-offset:-2px}:host .scroll-right-button svg,:host .scroll-left-button svg{fill:var(--tds-folder-tabs-scroll-btn-color)}";
 const TdsInlineTabsStyle0 = inlineTabsCss;
@@ -69,7 +69,6 @@ const TdsInlineTabs$1 = /*@__PURE__*/ proxyCustomElement(class TdsInlineTabs ext
         this.tdsScrollLeftAriaLabel = 'Scroll left';
         this.tdsScrollRightAriaLabel = 'Scroll right';
         this.leftPadding = 32;
-        this.autoInit = true;
         this.showLeftScroll = false;
         this.showRightScroll = false;
     }
@@ -128,10 +127,6 @@ const TdsInlineTabs$1 = /*@__PURE__*/ proxyCustomElement(class TdsInlineTabs ext
         this.children[this.children.length - 1].classList.add('last');
     }
     initializeSelectedTab() {
-        if (!this.children || !this.children.length) {
-            console.warn('TdsInlineTabs: No children to select.');
-            return;
-        }
         if (this.selectedIndex === undefined) {
             this.addEventListenerToTabs();
             this.children[this.defaultSelectedIndex].setSelected(true);
@@ -159,23 +154,15 @@ const TdsInlineTabs$1 = /*@__PURE__*/ proxyCustomElement(class TdsInlineTabs ext
         }
     }
     handleSlotChange() {
-        this.tryInitializeTabs();
+        this.initializeTabs();
+        this.addEventListenerToTabs();
+        this.initializeSelectedTab();
         this.updateScrollButtons();
         this.addResizeObserver();
         this.applyCustomLeftPadding(); // Apply custom left padding to the wrapper
     }
-    tryInitializeTabs() {
-        this.children = Array.from(this.host.children);
-        if (!this.children.length) {
-            console.warn('TdsInlineTabs: No children found during initialization. Initialization delayed.');
-            return;
-        }
-        this.initializeTabs();
-    }
     connectedCallback() {
-        if (this.autoInit) {
-            this.tryInitializeTabs();
-        }
+        this.initializeTabs();
     }
     componentDidLoad() {
         this.initializeSelectedTab();
@@ -188,9 +175,9 @@ const TdsInlineTabs$1 = /*@__PURE__*/ proxyCustomElement(class TdsInlineTabs ext
         this.removeEventListenerFromTabs();
     }
     render() {
-        return (h(Host, { key: '85d0b2fe9f256acf600049d462acaf407c710779', role: "tablist", class: `${this.modeVariant ? `tds-mode-variant-${this.modeVariant}` : ''}` }, h("div", { key: 'b671df3daf71585279cf1eb188a4c15414f6793c', class: "wrapper", ref: (el) => {
+        return (h(Host, { key: 'ccd58f7b7b6bb4423fa45a6d6177386f5561e32a', role: "tablist", class: `${this.modeVariant ? `tds-mode-variant-${this.modeVariant}` : ''}` }, h("div", { key: '0369ce03c5cb29f24762b6b5bb3ba932f82a0869', class: "wrapper", ref: (el) => {
                 this.navWrapperElement = el;
-            }, style: { paddingLeft: `${this.leftPadding}px` } }, h("button", { key: '03a3a2f7dafa8f1f7dcfaf0be6bc531e4170af66', "aria-label": this.tdsScrollLeftAriaLabel, class: `scroll-left-button ${this.showLeftScroll ? 'show' : ''}`, onClick: () => this.scrollLeft(), disabled: !this.showLeftScroll }, h("tds-icon", { key: 'e577c22fe653af82452c40bf332ef0388c66be39', name: "chevron_left", size: "20px" })), h("slot", { key: 'eba8a2ce2304451430f041772ece744ae4b49917', onSlotchange: () => this.handleSlotChange() }), h("button", { key: 'b6a0c6d0f5187c250a5c49132c16011a518ff087', "aria-label": this.tdsScrollRightAriaLabel, class: `scroll-right-button ${this.showRightScroll ? 'show' : ''}`, onClick: () => this.scrollRight(), disabled: !this.showRightScroll }, h("tds-icon", { key: '55f138208f40b8c1645e665555e36fc933c4839d', name: "chevron_right", size: "20px" })))));
+            }, style: { paddingLeft: `${this.leftPadding}px` } }, h("button", { key: 'f8cf277e9bb870d3b7d53bc3eff73806b61f0828', "aria-label": this.tdsScrollLeftAriaLabel, class: `scroll-left-button ${this.showLeftScroll ? 'show' : ''}`, onClick: () => this.scrollLeft(), disabled: !this.showLeftScroll }, h("tds-icon", { key: 'f72664b9b0f19b9a0c4ded16bd1be4b66594406a', name: "chevron_left", size: "20px" })), h("slot", { key: '1e2bc784f1148361bf04b34cbbdb62f3d3aad8af', onSlotchange: () => this.handleSlotChange() }), h("button", { key: 'b9d0e45c7d46a399081d561e496c5d1cc81132b0', "aria-label": this.tdsScrollRightAriaLabel, class: `scroll-right-button ${this.showRightScroll ? 'show' : ''}`, onClick: () => this.scrollRight(), disabled: !this.showRightScroll }, h("tds-icon", { key: '55bbe28b1524a0ac6a808b1fb41225263977005f', name: "chevron_right", size: "20px" })))));
     }
     get host() { return this; }
     static get watchers() { return {
@@ -204,7 +191,6 @@ const TdsInlineTabs$1 = /*@__PURE__*/ proxyCustomElement(class TdsInlineTabs ext
         "tdsScrollLeftAriaLabel": [1, "tds-scroll-left-aria-label"],
         "tdsScrollRightAriaLabel": [1, "tds-scroll-right-aria-label"],
         "leftPadding": [514, "left-padding"],
-        "autoInit": [4, "auto-init"],
         "showLeftScroll": [32],
         "showRightScroll": [32],
         "selectTab": [64],

package/dist/components/tds-link.js

@@ -30,11 +30,11 @@ const TdsLink$1 = /*@__PURE__*/ proxyCustomElement(class TdsLink extends H {
         }
     }
     render() {
-        return (h("span", { key: '46854dd9cf4b0577098702567ede43ccfae897d6', class: {
+        return (h("span", { key: '7f0f25738cc23b6f1cb77be9dd80ea14b9b399bc', class: {
                 'disabled': this.disabled,
                 'no-underline': !this.underline,
                 'standalone': this.standalone,
-            } }, h("slot", { key: 'f574609666ae7484752ec8cfaf7f0bffa1645c83' })));
+            } }, h("slot", { key: '73203886b4064a43a2b3ede33ce650f280ebe9c5' })));
     }
     get host() { return this; }
     static get style() { return TdsLinkStyle0; }

package/dist/components/tds-message.js

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, h, c as Host } from './p-28ef5186.js';
 import { g as generateUniqueId } from './p-11648030.js';
-import { d as defineCustomElement$2 } from './p-9b40a24d.js';
+import { d as defineCustomElement$2 } from './p-c715ab56.js';
 
 const messageCss = ":host{--tds-message-background:var(--background-elevation-layer-03);}:host .tds-mode-variant-primary{--tds-message-background:var(--background-elevation-layer-03)}:host .tds-mode-variant-secondary{--tds-message-background:var(--background-elevation-layer-02)}:host .wrapper{display:flex;padding:16px;background-color:var(--tds-message-background);border-radius:4px}:host .wrapper.information{border-left:4px solid var(--system-info-default)}:host .wrapper.information tds-icon{color:var(--system-info-default)}:host .wrapper.success{border-left:4px solid var(--system-success-default)}:host .wrapper.success tds-icon{color:var(--system-success-default)}:host .wrapper.error{background-color:var(--system-danger-subtle);border-left:4px solid var(--system-danger-default)}:host .wrapper.error tds-icon{color:var(--system-danger-default)}:host .wrapper.warning{border-left:4px solid var(--system-warning-default)}:host .wrapper.warning tds-icon{color:var(--system-warning-default)}:host .wrapper.minimal{border:none;padding:0;background-color:transparent}: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(--system-danger-default)}:host tds-icon{padding-right:16px}:host .content{display:flex;flex-direction:column;gap:4px;color:var(--foreground-text-strong);padding:2px 0}: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-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)}";
 const TdsMessageStyle0 = messageCss;
@@ -34,7 +34,7 @@ const TdsMessage$1 = /*@__PURE__*/ proxyCustomElement(class TdsMessage extends H
     }
     getAriaLabel() {
         if (this.header) {
-            return undefined;
+            return this.header;
         }
         const variantLabel = `${this.variant} message`;
         return this.tdsAriaLabel || variantLabel;
@@ -42,12 +42,12 @@ const TdsMessage$1 = /*@__PURE__*/ proxyCustomElement(class TdsMessage extends H
     render() {
         const headerId = this.header ? `tds-message-header-${generateUniqueId()}` : undefined;
         const contentId = !this.minimal ? `tds-message-content-${generateUniqueId()}` : undefined;
-        return (h(Host, { key: 'cee26e90adb4722ea1fb0c6c43e67060668801b1', role: this.tdsAlertDialog, "aria-labelledby": headerId, "aria-describedby": contentId, "aria-label": this.getAriaLabel() }, h("div", { key: 'dced756d86c4ff2131636bb455033ee3cc48dd65', class: {
+        return (h(Host, { key: 'f279cd2861d40276ea82a2e38d7a55eeda4c550a', role: this.tdsAlertDialog, "aria-describedby": contentId, "aria-label": this.getAriaLabel() }, h("div", { key: '96afc352fe7b1571f62ba6c60729bd2411c56138', class: {
                 wrapper: true,
                 [this.variant]: true,
                 minimal: this.minimal,
                 [`tds-mode-variant-${this.modeVariant}`]: this.modeVariant !== null,
-            } }, !this.noIcon && (h("tds-icon", { key: '91f5365bf98c9f924b6d35b99f1391b72b528918', "aria-label": `${this.variant}`, svgTitle: `${this.variant}`, name: this.getIconName(), size: "20px" })), h("div", { key: '981007551dab4cd691149952bad88cf0adabee0b', class: `content` }, this.header && (h("div", { key: '80d822b1b864cbd09efcb62b69c410dca387c4a5', class: "header", id: headerId }, this.header)), !this.minimal && (h("div", { key: 'ac6a67d3d247db58d61a0c9503c42d435f9134f4', class: "extended-message", id: contentId }, h("slot", { key: 'a8a6a0d4b9f4cadd75557cad63c4d95c8aa13d1d' })))))));
+            } }, !this.noIcon && (h("tds-icon", { key: '7c95385da3ab0e887b6e955a302bc39b3aeaafe0', "aria-hidden": "true", "aria-label": `${this.variant}`, svgTitle: `${this.variant}`, name: this.getIconName(), size: "20px" })), h("div", { key: 'eed507b43c57eaafdeba40c25e9556bacbe0f166', class: `content` }, this.header && (h("div", { key: 'd6faa3f523f64f158a31e35a416f957c38bbcceb', class: "header", id: headerId }, this.header)), !this.minimal && (h("div", { key: '03c724a2bdbee954b9c48aa27a18444abfacafbb', class: "extended-message", id: contentId }, h("slot", { key: '017b634e145a514a2315880db6cfb712ddb254b0' })))))));
     }
     static get style() { return TdsMessageStyle0; }
 }, [1, "tds-message", {

package/dist/components/tds-modal.js

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, d as createEvent, h, c as Host } from './p-28ef5186.js';
 import { h as hasSlot } from './p-ae110fc2.js';
 import { g as generateUniqueId } from './p-11648030.js';
-import { d as defineCustomElement$2 } from './p-9b40a24d.js';
+import { d as defineCustomElement$2 } from './p-c715ab56.js';
 
 const modalCss = ".tds-modal{box-sizing:border-box;background-color:var(--background-elevation-layer-02);margin:auto;position:relative;border-radius:var(--radius-narrow);max-height:85vh;overflow-y:auto;pointer-events:auto}.tds-modal *{box-sizing:border-box}.tds-modal::-webkit-scrollbar{width:6px;background-color:transparent}.tds-modal::-webkit-scrollbar-track{background-color:transparent}.tds-modal::-webkit-scrollbar-thumb{background-color:var(--foreground-elements-transparparent-discrete);border-radius:3px}.tds-modal__actions-sticky{overflow:hidden;display:flex;flex-direction:column}.tds-modal__actions-sticky .body{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);max-height:calc(85vh - 36px);overflow-y:auto}.tds-modal__actions-sticky slot[name=actions]{bottom:-1px;left:0;right:0;background-color:var(--background-elevation-layer-02);padding:24px 16px 16px;display:flex;gap:16px}.tds-modal__actions-static slot[name=actions]{background-color:var(--background-elevation-layer-02);display:flex;gap:16px;padding:24px 16px 16px}@media (min-width: 320px){.tds-modal-xs{width:100%}.tds-modal-sm{width:100%}.tds-modal-md{width:100%}.tds-modal-lg{width:100%}}@media (min-width: 672px){.tds-modal-xs{width:50%}.tds-modal-sm{width:62.5%}.tds-modal-md{width:75%}.tds-modal-lg{width:100%}}@media (min-width: 1056px){.tds-modal-xs{width:31.25%}.tds-modal-sm{width:43.75%}.tds-modal-md{width:62.5%}.tds-modal-lg{width:75%}}@media (min-width: 1312px){.tds-modal-xs{width:31.25%}.tds-modal-sm{width:37.5%}.tds-modal-md{width:62.5%}.tds-modal-lg{width:75%}}@media (min-width: 1584px){.tds-modal-xs{width:25%}.tds-modal-sm{width:37.5%}.tds-modal-md{width:50%}.tds-modal-lg{width:75%}}@media (max-width: 320px){.tds-modal-md,.tds-modal-lg,.tds-modal-sm{height:100%}.tds-modal-md slot[name=actions]::slotted(*),.tds-modal-lg slot[name=actions]::slotted(*),.tds-modal-sm slot[name=actions]::slotted(*){display:flex}}.header{display:flex;padding:16px;position:sticky;top:0;background-color:var(--background-elevation-layer-02);z-index:1}.header,slot[name=header]::slotted(*){font-family:var(--headline-05-font-family);font-size:var(--headline-05-font-size);line-height:var(--headline-05-line-height);font-weight:var(--headline-05-font-weight);letter-spacing:var(--headline-05-letter-spacing);text-transform:var(--headline-05-text-transform);color:var(--foreground-text-strong);margin:0;flex:1}.body{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(--foreground-text-strong);overflow-y:visible;padding:0 16px 16px}.body::-webkit-scrollbar{width:6px;background-color:transparent}.body::-webkit-scrollbar-track{background-color:transparent}.body::-webkit-scrollbar-thumb{background-color:var(--foreground-elements-transparparent-discrete);border-radius:3px}.tds-modal-backdrop{box-sizing:border-box;position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--background-elevation-scrim);pointer-events:auto}.tds-modal-backdrop *{box-sizing:border-box}button.tds-modal-close{margin:0 0 auto auto;background-color:transparent;border:0;padding:0;appearance:unset}.tds-modal-close{display:inline-block;height:auto;color:var(--foreground-text-strong);cursor:pointer}.tds-modal-close:focus{outline:2px solid var(--tds-blue-400);outline-offset:-2px}@media (min-width: 320px){.tds-modal-close{margin-left:16px}}@media (min-width: 1056px){.tds-modal-close{margin-left:48px}}.tds-modal-close-btn{display:inline-block;height:auto;background-repeat:no-repeat;cursor:pointer}@media (min-width: 320px){.tds-modal-close-btn{margin-left:16px}}@media (min-width: 1056px){.tds-modal-close-btn{margin-left:48px}}.tds-modal-close-btn svg{fill:var(--foreground-text-strong)}.tds-modal-overflow{overflow:hidden}:host{box-sizing:border-box;position:fixed;top:0;right:0;bottom:0;left:0;padding:0 16px;z-index:700;pointer-events:none}:host *{box-sizing:border-box}:host .tds-modal-close{border:none;background-color:transparent}:host .tds-modal-close-btn{border:none;background-color:transparent}@media (max-width: 320px){:host{padding:0}}:host.show{display:flex}:host.hide{display:none}:host(.show){display:flex}:host(.hide){display:none}";
 const TdsModalStyle0 = modalCss;
@@ -95,6 +95,9 @@ const TdsModal$1 = /*@__PURE__*/ proxyCustomElement(class TdsModal extends H {
         if (this.header && hasSlot('header', this.host)) {
             console.warn("Tegel Modal component: Using both header prop and header slot might break modal's design. Please use just one of them. ");
         }
+        if (!this.selector && !this.referenceEl) {
+            console.warn('Tegel Modal: Missing focus origin. Please provide either a "referenceEl" or a "selector" to ensure focus returns to the element that opened the modal. If the modal is opened programmatically, this message can be ignored.');
+        }
     }
     componentWillLoad() {
         this.initializeModal();
@@ -122,13 +125,22 @@ const TdsModal$1 = /*@__PURE__*/ proxyCustomElement(class TdsModal extends H {
     }
     returnFocusOnClose() {
         var _a;
-        let referenceEl = (_a = this.referenceEl) !== null && _a !== void 0 ? _a : document.querySelector(this.selector);
+        let referenceElement = (_a = this.referenceEl) !== null && _a !== void 0 ? _a : document.querySelector(this.selector);
+        if (!referenceElement) {
+            return; // no element to return focus to
+        }
         const potentialReferenceElements = ['BUTTON', 'A', 'INPUT'];
-        // If referenced element is a custom element eg: tds-button we find the interactive element inside
-        if (potentialReferenceElements.indexOf(referenceEl.tagName) < 0) {
-            referenceEl = referenceEl.querySelectorAll(potentialReferenceElements.join(','))[0];
+        const isNativeFocusable = potentialReferenceElements.includes(referenceElement.tagName);
+        if (isNativeFocusable) {
+            referenceElement.focus();
+        }
+        else {
+            // If referenced element is a custom element eg: tds-button we find the interactive element inside:
+            const interactiveElement = referenceElement.querySelector(potentialReferenceElements.join(','));
+            if (interactiveElement) {
+                interactiveElement.focus();
+            }
         }
-        referenceEl.focus();
     }
     getFocusableElements() {
         const focusableSelectors = [
@@ -188,10 +200,10 @@ const TdsModal$1 = /*@__PURE__*/ proxyCustomElement(class TdsModal extends H {
         const usesActionsSlot = hasSlot('actions', this.host);
         const headerId = this.header ? `tds-modal-header-${generateUniqueId()}` : undefined;
         const bodyId = `tds-modal-body-${generateUniqueId()}`;
-        return (h(Host, { key: 'a0b859a35be3d6244927de43b10cd5c8f6802e54', role: this.tdsAlertDialog, "aria-modal": "true", "aria-describedby": bodyId, "aria-labelledby": headerId, class: {
+        return (h(Host, { key: 'b6fb1dda221f31cf3491d6f00c94c0afc71f202d', role: this.tdsAlertDialog, "aria-modal": "true", "aria-describedby": bodyId, "aria-labelledby": headerId, class: {
                 show: this.isShown,
                 hide: !this.isShown,
-            }, onClick: (event) => this.handleOverlayClick(event) }, h("div", { key: '4fdeda818f049901be20139924bebe0470e739f8', class: "tds-modal-backdrop" }), h("div", { key: '4acce55e5fa00b4bcbec7325a5b5e81380cf2c56', class: `tds-modal tds-modal__actions-${this.actionsPosition} tds-modal-${this.size}` }, h("div", { key: '3f067bd1c2109e807653c962c7d142f950837177', id: headerId, class: "header" }, this.header && h("div", { key: '7d022892734810f2bfd5abdc5836b3643b5c0c65', class: "header-text" }, this.header), usesHeaderSlot && h("slot", { key: 'f36ed16ec052ff433f59eae0e37389dab110f649', name: "header" }), this.closable && (h("button", { key: '6c4de1df2a0ac5ef44c67572abf786a6d087c723', class: "tds-modal-close", "aria-label": "close", onClick: (event) => this.handleClose(event) }, h("tds-icon", { key: 'af006634cd73c7f14d10773c6aa45f76cd34ff4f', name: "cross", size: "20px" })))), h("div", { key: '0ffc14058e7c578c98471253e19b6209635a957c', id: bodyId, class: "body" }, h("slot", { key: 'a7c5806264d394f5310170017e21b2df52fdcdd3', name: "body" })), usesActionsSlot && h("slot", { key: 'be3de1c8a2ed7e4aff264f47ff8c81e791bd3426', name: "actions" }))));
+            }, onClick: (event) => this.handleOverlayClick(event) }, h("div", { key: 'c684d1abcbf62e14ab2ea677c99d5da262aa7796', class: "tds-modal-backdrop" }), h("div", { key: '4f6c74bba05c15ff7c5e63759b71e8414b122d01', class: `tds-modal tds-modal__actions-${this.actionsPosition} tds-modal-${this.size}` }, h("div", { key: '2c8d39f0ff25d0e2496039c90793fd76897d8c8f', id: headerId, class: "header" }, this.header && h("div", { key: '35947f6bd06b54a2ea6f8cdbfde9d8374b17f250', class: "header-text" }, this.header), usesHeaderSlot && h("slot", { key: '3149db0af6218f90723e95345da1fd705c3d121e', name: "header" }), this.closable && (h("button", { key: 'e0f1c8afdbb2e4e7bd08933f7becf6b7b042267b', class: "tds-modal-close", "aria-label": "close", onClick: (event) => this.handleClose(event) }, h("tds-icon", { key: 'b650bf57c65e3314ce5e73963393f9b53fe7e191', name: "cross", size: "20px" })))), h("div", { key: '94992a62e1d75d0decf7583e5d97d498a8f0ce16', id: bodyId, class: "body" }, h("slot", { key: '3d7efacca7e0124c8344050e9d34523971e77448', name: "body" })), usesActionsSlot && h("slot", { key: '735a622c7218961ec631585595485e7722907c6b', name: "actions" }))));
     }
     get host() { return this; }
     static get style() { return TdsModalStyle0; }

package/dist/components/tds-navigation-tab.js

@@ -34,8 +34,8 @@ const TdsNavigationTab$1 = /*@__PURE__*/ proxyCustomElement(class TdsNavigationT
         }
     }
     render() {
-        return (h(Host, { key: '01d6c9a6d072a25603fb275f4217358d26c7ef3a' }, h("div", { key: 'a345c96e11757005920cff65cdeb950df5bf2e0d', class: `navigation-tab-item  ${this.selected ? 'selected' : ''}
-           ${this.disabled ? 'disabled' : ''}` }, h("slot", { key: 'bbeef04e703360625c7b7158bffd1f17a5742be5' }))));
+        return (h(Host, { key: '089ff23cbaa8ec219eb3771964a6843015b47378' }, h("div", { key: 'c75620addf322521de678bf4012c5c1dfdeb9464', class: `navigation-tab-item  ${this.selected ? 'selected' : ''}
+           ${this.disabled ? 'disabled' : ''}` }, h("slot", { key: 'f3bb65a7f8aad7adfc0ccb5d4bbc1c98c368978b' }))));
     }
     get host() { return this; }
     static get style() { return TdsNavigationTabStyle0; }

package/dist/components/tds-navigation-tabs.js

@@ -1,5 +1,5 @@
 import { p as proxyCustomElement, H, d as createEvent, h, c as Host } from './p-28ef5186.js';
-import { d as defineCustomElement$2 } from './p-9b40a24d.js';
+import { d as defineCustomElement$2 } from './p-c715ab56.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,:host .scroll-left-button:focus{outline:2px solid var(--tds-blue-400);outline-offset:-2px}:host .scroll-right-button svg,:host .scroll-left-button svg{fill:var(--tds-folder-tabs-scroll-btn-color)}";
 const TdsNavigationTabsStyle0 = navigationTabsCss;
@@ -175,15 +175,15 @@ const TdsNavigationTabs$1 = /*@__PURE__*/ proxyCustomElement(class TdsNavigation
         this.removeEventListenerFromTabs();
     }
     render() {
-        return (h(Host, { key: '16fdf2aff26da72316d2c5b82f1b16c41c63e259', role: "tablist", class: { [`tds-mode-variant-${this.modeVariant}`]: this.modeVariant !== null } }, h("div", { key: '4b0bd3931f0fbfc5a9d90291aadf903a43261f98', class: "wrapper", ref: (el) => {
+        return (h(Host, { key: '26d9458d689f9304aa6fb6a5b07f05079c715152', role: "tablist", class: { [`tds-mode-variant-${this.modeVariant}`]: this.modeVariant !== null } }, h("div", { key: '8b8568c45abe2952607764df75682a10864bf35e', class: "wrapper", ref: (el) => {
                 this.navWrapperElement = el;
-            }, style: { paddingLeft: `${this.leftPadding}px` } }, h("button", { key: '3fcc90ed48c8b7ef0805f93e143214056c03122e', "aria-label": this.tdsScrollLeftAriaLabel, class: {
+            }, style: { paddingLeft: `${this.leftPadding}px` } }, h("button", { key: '369338833a13937105bf4ebaf50a22b9cb5d618f', "aria-label": this.tdsScrollLeftAriaLabel, class: {
                 'scroll-left-button': true,
                 'show': this.showLeftScroll,
-            }, onClick: () => this.scrollLeft(), disabled: !this.showLeftScroll }, h("tds-icon", { key: 'ba7ae61254e781e0877530652b33ca0e87e482d3', name: "chevron_left", size: "20px" })), h("slot", { key: 'dc76c269ea68615020bbc1c55f1085b6a927fc6c', onSlotchange: () => this.handleSlotChange() }), h("button", { key: 'd52c3c76b5e597eaae55503c1a88d27efec99b66', "aria-label": this.tdsScrollRightAriaLabel, class: {
+            }, onClick: () => this.scrollLeft(), disabled: !this.showLeftScroll }, h("tds-icon", { key: 'bea7b39e109ad4453065176b0e16e0d0595ba37a', name: "chevron_left", size: "20px" })), h("slot", { key: '5b82ca06921a3566ab7c1614d6e551e4332d8112', onSlotchange: () => this.handleSlotChange() }), h("button", { key: '50c111d8298d3715503b251d890c2a59f984c9fc', "aria-label": this.tdsScrollRightAriaLabel, class: {
                 'scroll-right-button': true,
                 'show': this.showRightScroll,
-            }, onClick: () => this.scrollRight(), disabled: !this.showRightScroll }, h("tds-icon", { key: 'ab533d4d7a4655772ad023f32f653fd4c762085b', name: "chevron_right", size: "20px" })))));
+            }, onClick: () => this.scrollRight(), disabled: !this.showRightScroll }, h("tds-icon", { key: '9e7ba00a1c6e155dcb8f76a175411ee9d20fb669', name: "chevron_right", size: "20px" })))));
     }
     get host() { return this; }
     static get watchers() { return {

package/dist/components/tds-popover-canvas.js

@@ -1,4 +1,4 @@
-import { T as TdsPopoverCanvas$1, d as defineCustomElement$1 } from './p-cb52e59b.js';
+import { T as TdsPopoverCanvas$1, d as defineCustomElement$1 } from './p-d4fa1832.js';
 
 const TdsPopoverCanvas = TdsPopoverCanvas$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/tds-popover-core.js

@@ -1,4 +1,4 @@
-import { T as TdsPopoverCore$1, d as defineCustomElement$1 } from './p-b0ca50a3.js';
+import { T as TdsPopoverCore$1, d as defineCustomElement$1 } from './p-2e25c35b.js';
 
 const TdsPopoverCore = TdsPopoverCore$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/tds-popover-menu-item.js

@@ -11,10 +11,10 @@ const TdsPopoverMenuItem$1 = /*@__PURE__*/ proxyCustomElement(class TdsPopoverMe
         this.disabled = false;
     }
     render() {
-        return (h(Host, { key: '189497fe898065e585b2bf342611716b7b44778b', role: "menuitem", "aria-disabled": this.disabled ? 'true' : 'false' }, h("div", { key: '5904e5da7c9f4cfe1a35df1b5b1549a8a4c501a9', class: {
+        return (h(Host, { key: '64faf6cb0d6b7cf61baa086984db76a18c786920', role: "menuitem", "aria-disabled": this.disabled ? 'true' : 'false' }, h("div", { key: 'af8cf012fd1f2e02862b5830608aadf6bc183c4b', class: {
                 wrapper: true,
                 disabled: this.disabled,
-            } }, h("slot", { key: 'ddacc7938ca455a8151b2e46449414146073b045' }))));
+            } }, h("slot", { key: 'e1057d681689dc614415e980894b85a6b6289a88' }))));
     }
     static get style() { return TdsPopoverMenuItemStyle0; }
 }, [1, "tds-popover-menu-item", {

package/dist/components/tds-popover-menu.js

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, h, c as Host } from './p-28ef5186.js';
 import { i as inheritAttributes } from './p-3fe9cbbf.js';
-import { d as defineCustomElement$2 } from './p-b0ca50a3.js';
+import { d as defineCustomElement$2 } from './p-2e25c35b.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}";
 const TdsPopoverMenuStyle0 = popoverMenuCss;
@@ -31,13 +31,13 @@ const TdsPopoverMenu$1 = /*@__PURE__*/ proxyCustomElement(class TdsPopoverMenu e
     }
     render() {
         var _a;
-        return (h(Host, { key: '060c32c47620cd2c157ef32011c4f3b00287fb1e' }, h("tds-popover-core", { key: 'a497fe186fdf591c1ceeb72baabf34e59acccff4', class: {
+        return (h(Host, { key: '4f285ba1fb6b12ad66c09bbf3d109aa4cdff82cf' }, h("tds-popover-core", { key: 'bd1fb62cbeb25ec8a0a5bfa580cef36c950e0fa3', class: {
                 'tds-popover-menu': true,
                 [(_a = this.inheritedAttributes.class) !== null && _a !== void 0 ? _a : '']: true,
                 'fluid-width': this.fluidWidth,
             }, selector: this.selector, referenceEl: this.referenceEl, show: this.show, placement: this.placement, offsetSkidding: this.offsetSkidding, offsetDistance: this.offsetDistance, ref: (el) => {
                 this.childRef = el;
-            }, defaultShow: this.defaultShow, animation: this.animation }, h("div", { key: 'bf01a37fa77f72d7fab85644892552a84c3170f8', role: "menu" }, h("slot", { key: 'a1c065153ecaf6b9828785bfac4366852142117d' })))));
+            }, defaultShow: this.defaultShow, animation: this.animation }, h("div", { key: 'c79034c0d9f06bc429d30c51e6c5b70edd404052', role: "menu" }, h("slot", { key: '7e10d182c7529d716734317a5cca5087f30c1a9b' })))));
     }
     get host() { return this; }
     static get style() { return TdsPopoverMenuStyle0; }

package/dist/components/tds-radio-button.js

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

package/dist/components/tds-side-menu-close-button.js

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, h, c as Host } from './p-28ef5186.js';
 import { i as inheritAriaAttributes } from './p-0bd4c19c.js';
-import { d as defineCustomElement$2 } from './p-9b40a24d.js';
+import { d as defineCustomElement$2 } from './p-c715ab56.js';
 
 const sideMenuCloseButtonCss = ":host button{height:64px;width:100%;text-align:left;padding:0 24px;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);display:flex;align-items:center;border-bottom:1px solid var(--tds-sidebar-side-menu-bottom-menu-border-top)}:host button:hover{cursor:pointer;background-color:var(--tds-sidebar-item-state-hover)}:host button:focus-visible{cursor:pointer;border:1px solid var(--tds-sidebar-side-menu-single-subitem-selected-border-color)}";
 const TdsSideMenuCloseButtonStyle0 = sideMenuCloseButtonCss;
@@ -22,7 +22,7 @@ const TdsSideMenuCloseButton$1 = /*@__PURE__*/ proxyCustomElement(class TdsSideM
         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: 'de98375064e94f8bfc19a60db7464c6b1c20a46f' }, h("button", Object.assign({ key: '4b9284c8b220d5b9fb0d1e3b346a5dfc209e59e2' }, buttonProps), h("tds-icon", { key: '78a639c37f7a307f42ce68ec239b28c6da8a3221', name: "cross", size: "20px", svgTitle: "Cross" }))));
+        return (h(Host, { key: 'b0e953d2148179c2a4fd1ed352b9024f6939c77c' }, h("button", Object.assign({ key: 'cd5f48b31d9eb62f4327a2918351920d961c446f' }, buttonProps), h("tds-icon", { key: 'f007bf92a2ba7186006aa4dd5126820108badecf', name: "cross", size: "20px", svgTitle: "Cross" }))));
     }
     get host() { return this; }
     static get style() { return TdsSideMenuCloseButtonStyle0; }

package/dist/components/tds-side-menu-collapse-button.js

@@ -1,5 +1,5 @@
 import { p as proxyCustomElement, H, d as createEvent, h, c as Host } from './p-28ef5186.js';
-import { d as defineCustomElement$2 } from './p-8a483a61.js';
+import { d as defineCustomElement$2 } from './p-6732b15a.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}}";
 const TdsSideMenuCollapseButtonStyle0 = sideMenuCollapseButtonCss;
@@ -35,14 +35,14 @@ const TdsSideMenuCollapseButton$1 = /*@__PURE__*/ proxyCustomElement(class TdsSi
         this.collapsed = this.sideMenuEl.collapsed;
     }
     render() {
-        return (h(Host, { key: 'a4ee76e648caf4eb8fb893b66424c89b814184bd', role: "button", tabindex: "0", "aria-expanded": !this.collapsed ? 'true' : 'false', onClick: () => {
+        return (h(Host, { key: 'fecd00dc0ef2ce899b82ce304034b5b6f75704ed', role: "button", tabindex: "0", "aria-expanded": !this.collapsed ? 'true' : 'false', onClick: () => {
                 this.handleClick();
-            } }, h("div", { key: '8e828ca95162a91b3831a1b70513ebc553ff8f82', class: {
+            } }, h("div", { key: '6d7ae7bd95d8c4c37895d06ce8d4eaebe08e91dd', class: {
                 'wrapper': true,
                 'state-collapsed': this.collapsed,
-            } }, h("tds-side-menu-item", { key: '39097fc5e89662d5eeff1c090488aa899e085ee1', class: {
+            } }, h("tds-side-menu-item", { key: '2cc8087248c6f9eee7943039092c5a45f9c2376d', class: {
                 button: true,
-            } }, h("a", { key: '8e50dee96f2b4b48abfd9059c30d5f98b48c2c9f' }, h("svg", { key: '3328aeb12c095e5fe79abb9b64e6d0e1a218ad73', class: "icon", slot: "icon", fill: "none", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32" }, h("path", { key: '44188ee11d944974022612677a88d357c0c2392d', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M16 1.975a1 1 0 0 1 1 1v20.3l9.311-9.312a1 1 0 0 1 1.415 1.414l-9.887 9.887a2.6 2.6 0 0 1-3.677 0l-9.887-9.887a1 1 0 1 1 1.414-1.414L15 23.274V2.975a1 1 0 0 1 1-1ZM5.188 28.001a1 1 0 0 0 0 2h21.62a1 1 0 1 0 0-2H5.188Z", fill: "currentColor" })), !this.collapsed && h("slot", { key: '7666cefb4f60a813398bbd5acb797981f0f856de' }))))));
+            } }, h("a", { key: 'e2510c1f475b5f6ff3d1de367360fc2e34e0c0c0' }, h("svg", { key: '7ea54a6bcfb144cab3045fb34316eac400c59e43', class: "icon", slot: "icon", fill: "none", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32" }, h("path", { key: '3db930370416d9906ccdf821e6d43d0e6633534a', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M16 1.975a1 1 0 0 1 1 1v20.3l9.311-9.312a1 1 0 0 1 1.415 1.414l-9.887 9.887a2.6 2.6 0 0 1-3.677 0l-9.887-9.887a1 1 0 1 1 1.414-1.414L15 23.274V2.975a1 1 0 0 1 1-1ZM5.188 28.001a1 1 0 0 0 0 2h21.62a1 1 0 1 0 0-2H5.188Z", fill: "currentColor" })), !this.collapsed && h("slot", { key: '7fba28f202ca8089ffce93c051c8d6afc23afef7' }))))));
     }
     get host() { return this; }
     static get style() { return TdsSideMenuCollapseButtonStyle0; }

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

@@ -32,12 +32,12 @@ const TdsSideMenuDropdownListItem$1 = /*@__PURE__*/ proxyCustomElement(class Tds
         }
     }
     render() {
-        return (h(Host, { key: '3cef6b5d19a0fbfe5df1d10addb1f3f53921040e', role: "listitem" }, h("div", { key: '34de00792e93179c489110027288043bf3262c6e', class: {
+        return (h(Host, { key: 'c9b0be9e374bddb8ef0ed9599ed578fc9c32f262', role: "listitem" }, h("div", { key: 'ae043823f7aec1bb444be5400d9ad781078ac04d', class: {
                 'component': true,
                 'component-selected': this.selected,
                 'component-dropdown-has-icon': this.dropdownHasIcon,
                 'component-collapsed': this.collapsed,
-            } }, h("slot", { key: '70d607d2dcbe976273e58cbab79772b186d07a35' }))));
+            } }, h("slot", { key: '5c7bc7730d7a1bde8caa2a54db2ec6ccadb92726' }))));
     }
     get host() { return this; }
     static get style() { return TdsSideMenuDropdownListItemStyle0; }

package/dist/components/tds-side-menu-dropdown-list.js

@@ -19,9 +19,9 @@ const TdsSideMenuDropdownList$1 = /*@__PURE__*/ proxyCustomElement(class TdsSide
         this.collapsed = (_a = this.sideMenuEl) === null || _a === void 0 ? void 0 : _a.collapsed;
     }
     render() {
-        return (h(Host, { key: '38e9f561720b3a68528ae69878138ea8e9085e3c', role: "list", "aria-expanded": !this.collapsed ? 'true' : 'false' }, h("div", { key: '9f2e5ea13fe7f4483ae07d5a58208b27a64bbd1b', class: {
+        return (h(Host, { key: '3b6baf50c44b45c9b31d90512fcf06e0f7bfec25', role: "list", "aria-expanded": !this.collapsed ? 'true' : 'false' }, h("div", { key: '56e8ee677d733e9a0198856cb97a270fab78d69a', class: {
                 'state-collapsed': this.collapsed,
-            } }, h("slot", { key: '10543e9547fc64683e4f96e0ecb72ff82e3ed3ad' }))));
+            } }, h("slot", { key: 'f9fe71e7c9b14c9791d51b758b495c56fa95f8e6' }))));
     }
     get host() { return this; }
     static get style() { return TdsSideMenuDropdownListStyle0; }

package/dist/components/tds-side-menu-dropdown.js

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, h, F as Fragment, c as Host } from './p-28ef5186.js';
-import { d as defineCustomElement$3 } from './p-9b40a24d.js';
-import { d as defineCustomElement$2 } from './p-8a483a61.js';
+import { d as defineCustomElement$3 } from './p-c715ab56.js';
+import { d as defineCustomElement$2 } from './p-6732b15a.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}";
 const TdsSideMenuDropdownStyle0 = sideMenuDropdownCss;
@@ -60,13 +60,13 @@ const TdsSideMenuDropdown$1 = /*@__PURE__*/ proxyCustomElement(class TdsSideMenu
         this.open = this.defaultOpen;
     }
     render() {
-        return (h(Host, { key: '2c3887fe8ec9334f7f3b3f46b3bce64712957ae3' }, h("div", { key: 'bedb9fc6f22d0c608b77c2d0d2fe7c8c17eadd59', class: {
+        return (h(Host, { key: '78a5c58e58b38e84cae96a9afd8166bfe3125a02' }, h("div", { key: '70e8e68e6db938cb2177169ca1836e84eb48cce6', class: {
                 'wrapper': true,
                 'state-open': this.getIsOpenState(),
                 'state-collapsed': this.collapsed,
-            } }, h("tds-side-menu-item", { key: '83cb1486e99c0f699b02be91bf53df1249076902', class: "button", active: this.getIsOpenState(), selected: this.selected, onClick: () => {
+            } }, h("tds-side-menu-item", { key: '5834d5e804ad422937f2971637b3a70fb1fb676e', class: "button", active: this.getIsOpenState(), selected: this.selected, onClick: () => {
                 this.open = !this.open;
-            }, "aria-expanded": this.getIsOpenState() ? 'true' : 'false' }, h("button", { key: 'e21c03415c48022813b3289f8dd80f21486414f0' }, h("slot", { key: '4462d95bf8e7945741cb54d9f363b8d9cac158e0', name: "icon" }), !this.collapsed && (h(Fragment, { key: '1a65252df105ef6ad9bca35f873fe19e71289b80' }, this.buttonLabel, h("slot", { key: 'e35a184bae5c65fde366ed287062becbc6633cac', name: "label" }), h("tds-icon", { key: '7a4328715c67aaf91a3675574f5aadca9ce8ae3d', class: "dropdown-icon", name: "chevron_down", size: "16px", svgTitle: "Chevron Down" }))))), h("div", { key: '1e4e674c5e9b8901b5306bee36bf121aa37112e3', class: "menu", tabindex: this.collapsed ? '0' : null }, this.collapsed && (h("h3", { key: '54a5f5f89d595aeae6ac6e41ac553e96466fe4a1', class: "heading-collapsed" }, this.buttonLabel, h("slot", { key: '20477b6be2c477c48412d0f4bc34f1181bcb00d3', name: "label" }))), h("slot", { key: '9740e5c9cb493e52c104223ec62b47bffc8adc5d' })))));
+            }, "aria-expanded": this.getIsOpenState() ? 'true' : 'false' }, h("button", { key: 'd454e6148a12c0bd1864b6c148f169ac342e9da2' }, h("slot", { key: '8a2579b751421d9df8e3dd5a84b04a5f844d383c', name: "icon" }), !this.collapsed && (h(Fragment, { key: 'f3419cc2993191186dccc9a208ff8150bf592eeb' }, this.buttonLabel, h("slot", { key: 'ff616384d76d6f3df82ac6abb12d65e4f6a5906d', name: "label" }), h("tds-icon", { key: 'a4acd9c0de3f437766673c57b4d73ac13cc8917b', class: "dropdown-icon", name: "chevron_down", size: "16px", svgTitle: "Chevron Down" }))))), h("div", { key: 'db1ec059f4f1910d1fef432baff29810883ec2ef', class: "menu", tabindex: this.collapsed ? '0' : null }, this.collapsed && (h("h3", { key: 'a9f35f976da7ceaf38eb1c1641b43617e4e583c6', class: "heading-collapsed" }, this.buttonLabel, h("slot", { key: 'ef8b02b77b93b54f0a9aa4c5fb367356c12e9b82', name: "label" }))), h("slot", { key: '15c7c9e5a6a0615f478c5f93de8753211d17b3c3' })))));
     }
     get host() { return this; }
     static get style() { return TdsSideMenuDropdownStyle0; }

package/dist/components/tds-side-menu-item.js

@@ -1,4 +1,4 @@
-import { T as TdsSideMenuItem$1, d as defineCustomElement$1 } from './p-8a483a61.js';
+import { T as TdsSideMenuItem$1, d as defineCustomElement$1 } from './p-6732b15a.js';
 
 const TdsSideMenuItem = TdsSideMenuItem$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/tds-side-menu-overlay.js

@@ -10,7 +10,7 @@ const TdsSideMenuOverlay$1 = /*@__PURE__*/ proxyCustomElement(class TdsSideMenuO
         this.__attachShadow();
     }
     render() {
-        return (h(Host, { key: '15e4b102af83962079d9bc9104c3e4d243cea947' }, h("div", { key: '52ed88b0ccf8ae02c3d83849f610475b0ad55065' })));
+        return (h(Host, { key: '3ead27185a3cba465ce4789a58d9f5081a3ba476' }, h("div", { key: '5da2afb06899169815745785b3c9dc766a7b51bd' })));
     }
     static get style() { return TdsSideMenuOverlayStyle0; }
 }, [1, "tds-side-menu-overlay"]);

package/dist/components/tds-side-menu-user-image.js

@@ -1,4 +1,4 @@
-import { T as TdsSideMenuUserImage$1, d as defineCustomElement$1 } from './p-bff614d5.js';
+import { T as TdsSideMenuUserImage$1, d as defineCustomElement$1 } from './p-b609e7a7.js';
 
 const TdsSideMenuUserImage = TdsSideMenuUserImage$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/tds-side-menu-user-label.js

@@ -1,4 +1,4 @@
-import { T as TdsSideMenuUserLabel$1, d as defineCustomElement$1 } from './p-3f2187a4.js';
+import { T as TdsSideMenuUserLabel$1, d as defineCustomElement$1 } from './p-927cf777.js';
 
 const TdsSideMenuUserLabel = TdsSideMenuUserLabel$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/tds-side-menu-user.js

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, h, c as Host } from './p-28ef5186.js';
-import { d as defineCustomElement$3 } from './p-bff614d5.js';
-import { d as defineCustomElement$2 } from './p-3f2187a4.js';
+import { d as defineCustomElement$3 } from './p-b609e7a7.js';
+import { d as defineCustomElement$2 } from './p-927cf777.js';
 
 const sideMenuUserCss = ":host{display:flex;align-items:center;gap:12px;height:68px}:host tds-side-menu-user-image{margin-left:-4px}";
 const TdsSideMenuUserStyle0 = sideMenuUserCss;
@@ -16,7 +16,7 @@ const TdsSideMenuUser$1 = /*@__PURE__*/ proxyCustomElement(class TdsSideMenuUser
         this.imgAlt = undefined;
     }
     render() {
-        return (h(Host, { key: 'fe3a852379cfa0e6822cac54e84937b5c8365115' }, h("tds-side-menu-user-image", { key: 'd5c702b1f3dcc8d2d46d411c72e13becaab1062d', src: this.imgSrc, alt: this.imgAlt }, h("slot", { key: '4ded196cd1d6ab0e13488787bbb1d4aa5feb3ebd', name: "image" })), h("tds-side-menu-user-label", { key: 'efee803dbe911144f11660ff1529a2de8c3cca62', heading: this.heading, subheading: this.subheading })));
+        return (h(Host, { key: '768662a142cf0f40f24566fedff52e1e25df8bee' }, h("tds-side-menu-user-image", { key: 'fb02fcf45d21aa198bcba356f0502a3aa8cf3d0b', src: this.imgSrc, alt: this.imgAlt }, h("slot", { key: '658ba6d53ded1f760c2ec2327de765374ba5b6b9', name: "image" })), h("tds-side-menu-user-label", { key: '1ab756a2538fd7bdde5a1714e25dc0d0fae9f7ea', heading: this.heading, subheading: this.subheading })));
     }
     static get style() { return TdsSideMenuUserStyle0; }
 }, [1, "tds-side-menu-user", {

package/dist/components/tds-side-menu.js

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