@scania/tegel 1.12.1-ng-form-beta.0 → 1.13.0

package/dist/components/tds-header.js

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, h, c as Host } from './p-35fa6479.js';
+import { p as proxyCustomElement, H, h, c as Host } from './p-28ef5186.js';
 import { i as inheritAriaAttributes } from './p-0bd4c19c.js';
 
 /**
@@ -16,7 +16,7 @@ const updateListChildrenRoles = (targetNode) => {
     });
 };
 
-const headerCss = ":host{--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}html,:root{--tds-nav-dropdown-menu-box:0 3px 3px rgb(0 0 0 / 15%), 0 -1px 1px rgb(0 0 0 / 1%);--tds-nav-dropdown-item-border-radius:0 0 4px 4px;--tds-font-family-headline:\"Scania Sans Headline\", arial, helvetica, sans-serif}tds-header{display:block;height:var(--tds-header-height);background-color:var(--tds-header-background);width:100%;z-index:300}nav{box-sizing:border-box;background-color:var(--tds-header-background);width:100%;display:block}nav *{box-sizing:border-box}nav .tds-header-component-list{height:var(--tds-header-height);all:unset;display:flex;justify-content:start;align-items:center}nav tds-header-dropdown,nav tds-header-item{display:none}nav .tds-header-middle-spacer{all:unset;display:block;flex-grow:1;height:var(--tds-header-height);border-right:1px solid var(--tds-header--basic-element-border)}@media screen and (min-width: 992px){nav tds-header-dropdown,nav tds-header-item{display:block}}nav tds-header-item:nth-child(3),nav tds-header-dropdown:nth-child(3){border-left:1px solid var(--tds-header--basic-element-border)}";
+const headerCss = ":host{--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}html,:root{--tds-nav-dropdown-menu-box:0 3px 3px rgb(0 0 0 / 15%), 0 -1px 1px rgb(0 0 0 / 1%);--tds-nav-dropdown-item-border-radius:0 0 4px 4px;--tds-font-family-headline:\"Scania Sans Headline\", arial, helvetica, sans-serif}tds-header{display:block;height:var(--tds-header-height);background-color:var(--tds-header-background);width:100%;z-index:300}nav{box-sizing:border-box;background-color:var(--tds-header-background);width:100%;display:block}nav *{box-sizing:border-box}nav .tds-header-component-list{height:var(--tds-header-height);all:unset;display:flex;justify-content:center;align-items:center}nav tds-header-dropdown,nav tds-header-item{display:none}nav .tds-header-middle-spacer{all:unset;display:block;flex-grow:1;height:var(--tds-header-height);border-right:1px solid var(--tds-header--basic-element-border)}@media screen and (min-width: 992px){nav tds-header-dropdown,nav tds-header-item{display:block}}nav tds-header-item:nth-child(3),nav tds-header-dropdown:nth-child(3){border-left:1px solid var(--tds-header--basic-element-border)}";
 const TdsHeaderStyle0 = headerCss;
 
 const TdsHeader$1 = /*@__PURE__*/ proxyCustomElement(class TdsHeader extends H {

package/dist/components/tds-icon.js

@@ -1,4 +1,4 @@
-import { I as Icon, d as defineCustomElement$1 } from './p-31ae0be9.js';
+import { I as Icon, d as defineCustomElement$1 } from './p-3e74be57.js';
 
 const TdsIcon = Icon;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, h, c as Host } from './p-35fa6479.js';
+import { p as proxyCustomElement, H, h, c as Host } from './p-28ef5186.js';
 
 const inlineTabCss = ":host{box-sizing:border-box;display:block;position:relative}:host *{box-sizing:border-box}:host ::slotted(*){all:unset;font:var(--tds-headline-07) !important;letter-spacing:var(--tds-headline-07-ls) !important;color:var(--tds-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:20px 4px}:host ::slotted(*:focus-visible)::before{content:\"\";position:absolute;left:0;right:0;top:20px;bottom:20px;outline:2px solid var(--tds-blue-400)}:host .inline-tab-item:not(.selected)::after{width:0%;transition:width 0.15s ease-in-out 0s}:host .inline-tab-item{position:relative;margin-right:32px}:host .inline-tab-item:hover{cursor:pointer}:host .inline-tab-item:hover::after{width:100%}:host .inline-tab-item::after{content:\" \";position:absolute;bottom:0;right:0;left:0;margin-left:auto;width:0%;margin-right:auto;height:2px;background-color:var(--tds-inline-tabs-tab-indicator-background-hover);z-index:1}:host .selected ::slotted(*){color:var(--tds-inline-tabs-tab-color-selected)}:host .selected::after{width:100%;background-color:var(--tds-inline-tabs-tab-indicator-background-active)}:host .disabled{color:var(--tds-inline-tabs-tab-color-disabled)}:host .disabled ::slotted(*){opacity:var(--tds-inline-tabs-tab-color-opacity-disabled)}:host .disabled::after{content:none}:host .disabled ::slotted(*:hover){cursor:not-allowed}:host .disabled ::slotted(*:focus-visible){outline:none}:host(.first){margin-left:32px}:host(.last){margin-right:32px}";
 const TdsInlineTabStyle0 = inlineTabCss;
@@ -16,8 +16,8 @@ const TdsInlineTab$1 = /*@__PURE__*/ proxyCustomElement(class TdsInlineTab exten
         this.selected = selected;
     }
     render() {
-        return (h(Host, { key: 'b0aa20dbd4919bd61672b8c9fa4e9630d2af9049', role: "listitem" }, h("div", { key: '0d8dbccc6c51f0aa85b0a2e0b61240325b4bbfe8', class: `inline-tab-item  ${this.selected ? 'selected' : ''}
-           ${this.disabled ? 'disabled' : ''}` }, h("slot", { key: '7ea9d7dd82b1387410286293fc36a780b1258265' }))));
+        return (h(Host, { key: 'd3603943b36ee39920c10699008d81fa3752918d', role: "listitem" }, h("div", { key: 'a36bc8b02787dc0aac7bc048520c9721762b7acf', class: `inline-tab-item  ${this.selected ? 'selected' : ''}
+           ${this.disabled ? 'disabled' : ''}` }, h("slot", { key: '7c46252d0119b406cce0395a4a3112c781f40330' }))));
     }
     static get style() { return TdsInlineTabStyle0; }
 }, [1, "tds-inline-tab", {

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-35fa6479.js';
-import { d as defineCustomElement$2 } from './p-31ae0be9.js';
+import { p as proxyCustomElement, H, d as createEvent, h, c as Host } from './p-28ef5186.js';
+import { d as defineCustomElement$2 } from './p-3e74be57.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);opacity:var(--tds-inline-tabs-horizontal-divider-opacity);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}: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;
@@ -14,6 +14,7 @@ const TdsInlineTabs$1 = /*@__PURE__*/ proxyCustomElement(class TdsInlineTabs ext
         this.componentWidth = 0; // visible width of this component
         this.buttonsWidth = 0; // total width of all nav items combined
         this.scrollWidth = 0; // total amount that is possible to scroll in the nav wrapper
+        this.clickHandlers = new WeakMap();
         this.addResizeObserver = () => {
             const resizeObserver = new ResizeObserver((entries) => {
                 entries.forEach((entry) => {
@@ -28,20 +29,15 @@ const TdsInlineTabs$1 = /*@__PURE__*/ proxyCustomElement(class TdsInlineTabs ext
                     this.componentWidth = componentWidth;
                     this.buttonsWidth = buttonsWidth;
                     this.scrollWidth = buttonsWidth - componentWidth;
-                    if (this.buttonsWidth > this.componentWidth) {
-                        this.evaluateScrollButtons();
-                    }
-                    else {
-                        this.showLeftScroll = false;
-                        this.showRightScroll = false;
-                    }
+                    this.updateScrollButtons();
                 });
             });
             resizeObserver.observe(this.navWrapperElement);
         };
         this.addEventListenerToTabs = () => {
-            this.children = this.children.map((item, index) => {
-                item.addEventListener('click', () => {
+            this.children = Array.from(this.host.children);
+            this.children.map((item, index) => {
+                const clickHandler = () => {
                     if (!item.disabled) {
                         const tdsChangeEvent = this.tdsChange.emit({
                             selectedTabIndex: this.children.indexOf(item),
@@ -52,19 +48,33 @@ const TdsInlineTabs$1 = /*@__PURE__*/ proxyCustomElement(class TdsInlineTabs ext
                             this.selectedIndex = index;
                         }
                     }
-                });
+                };
+                item.addEventListener('click', clickHandler);
+                this.clickHandlers.set(item, clickHandler); // Store the handler in WeakMap
                 return item;
             });
         };
+        this.removeEventListenerFromTabs = () => {
+            this.children.forEach((item) => {
+                const clickHandler = this.clickHandlers.get(item);
+                if (clickHandler) {
+                    item.removeEventListener('click', clickHandler);
+                    this.clickHandlers.delete(item);
+                }
+            });
+        };
         this.modeVariant = 'primary';
         this.defaultSelectedIndex = 0;
         this.selectedIndex = undefined;
         this.showLeftScroll = false;
         this.showRightScroll = false;
-        this.buttonWidth = 0;
     }
     /** Selects a Tab based on tabindex, will not select a disabled Tab. */
     async selectTab(tabIndex) {
+        if (tabIndex < 0 || tabIndex >= this.children.length) {
+            throw new Error('Tab index out of bounds');
+        }
+        this.children = Array.from(this.host.children);
         if (!this.children[tabIndex].disabled) {
             this.children.forEach((element) => element.setSelected(false));
             this.children = this.children.map((element, index) => {
@@ -75,9 +85,11 @@ const TdsInlineTabs$1 = /*@__PURE__*/ proxyCustomElement(class TdsInlineTabs ext
                 return element;
             });
         }
-        return {
-            selectedTabIndex: this.selectedIndex,
-        };
+        return { selectedTabIndex: this.selectedIndex };
+    }
+    /** Reinitializes the component. */
+    async reinitialize() {
+        this.handleSlotChange();
     }
     handleSelectedIndexUpdate() {
         this.children = Array.from(this.host.children).map((tabElement) => {
@@ -98,41 +110,33 @@ const TdsInlineTabs$1 = /*@__PURE__*/ proxyCustomElement(class TdsInlineTabs ext
     }
     evaluateScrollButtons() {
         const scroll = this.navWrapperElement.scrollLeft;
-        if (scroll >= this.scrollWidth) {
-            this.showRightScroll = false;
-        }
-        else {
-            this.showRightScroll = true;
-        }
-        if (scroll <= 0) {
-            this.showLeftScroll = false;
-        }
-        else {
-            this.showLeftScroll = true;
-        }
+        this.showRightScroll = scroll <= this.scrollWidth;
+        this.showLeftScroll = scroll > 0;
     }
-    connectedCallback() {
+    initializeTabs() {
         this.children = Array.from(this.host.children);
+        // remove first and last class from other tabs in case of initialization
+        this.children.forEach((child) => {
+            child.classList.remove('last');
+            child.classList.remove('first');
+        });
         this.children[0].classList.add('first');
         this.children[this.children.length - 1].classList.add('last');
     }
-    componentDidLoad() {
+    initializeSelectedTab() {
         if (this.selectedIndex === undefined) {
             this.addEventListenerToTabs();
             this.children[this.defaultSelectedIndex].setSelected(true);
             this.selectedIndex = this.defaultSelectedIndex;
-            this.tdsChange.emit({
-                selectedTabIndex: this.selectedIndex,
-            });
         }
         else {
             this.children[this.selectedIndex].setSelected(true);
-            this.tdsChange.emit({
-                selectedTabIndex: this.selectedIndex,
-            });
         }
+        this.tdsChange.emit({
+            selectedTabIndex: this.selectedIndex,
+        });
     }
-    componentDidRender() {
+    updateScrollButtons() {
         if (this.buttonsWidth > this.componentWidth) {
             this.evaluateScrollButtons();
         }
@@ -140,12 +144,31 @@ const TdsInlineTabs$1 = /*@__PURE__*/ proxyCustomElement(class TdsInlineTabs ext
             this.showLeftScroll = false;
             this.showRightScroll = false;
         }
+    }
+    handleSlotChange() {
+        this.initializeTabs();
+        this.addEventListenerToTabs();
+        this.initializeSelectedTab();
+        this.updateScrollButtons();
         this.addResizeObserver();
     }
+    connectedCallback() {
+        this.initializeTabs();
+    }
+    componentDidLoad() {
+        this.initializeSelectedTab();
+    }
+    componentDidRender() {
+        this.updateScrollButtons();
+        this.addResizeObserver();
+    }
+    disconnectedCallback() {
+        this.removeEventListenerFromTabs();
+    }
     render() {
-        return (h(Host, { key: '13f5f4fb4d32501c1a8f9cec78e92e941373eb13', role: "list", class: `${this.modeVariant ? `tds-mode-variant-${this.modeVariant}` : ''}` }, h("div", { key: '67bddb0d4884a0940ed464c9fac72f696d4cb8dd', class: "wrapper", ref: (el) => {
+        return (h(Host, { key: '555e316c060f61dc63109016fac6905b228e6bee', role: "list", class: `${this.modeVariant ? `tds-mode-variant-${this.modeVariant}` : ''}` }, h("div", { key: '1c44ccc797541d755c9ce0ead94b9a032afa5c09', class: "wrapper", ref: (el) => {
                 this.navWrapperElement = el;
-            } }, h("button", { key: 'c9fe10cd497f28588aafec197ce09469ed4a4d6f', class: `scroll-left-button ${this.showLeftScroll ? 'show' : ''}`, onClick: () => this.scrollLeft(), disabled: !this.showLeftScroll }, h("tds-icon", { key: 'e4693c5008ea111f4c7469ee19cd7747ef6a03ba', name: "chevron_left", size: "20px" })), h("slot", { key: '5e781cb1c9e0f4fb05471391779d05641d753fae' }), h("button", { key: 'b37bd9651c1f64eafcfacbac47ab774d10f2378f', class: `scroll-right-button ${this.showRightScroll ? 'show' : ''}`, onClick: () => this.scrollRight(), disabled: !this.showRightScroll }, h("tds-icon", { key: '8ecf69c6e068803bed69710328763ec91ccdaa3b', name: "chevron_right", size: "20px" })))));
+            } }, h("button", { key: 'd09970fd677477d6bd28b97243ed867b5aa72b71', class: `scroll-left-button ${this.showLeftScroll ? 'show' : ''}`, onClick: () => this.scrollLeft(), disabled: !this.showLeftScroll }, h("tds-icon", { key: '035eebcadfeba3ce8ee90034f709e92cfbd87152', name: "chevron_left", size: "20px" })), h("slot", { key: 'effa5144b2fd95de8fffa50146cd1c87dd010776', onSlotchange: () => this.handleSlotChange() }), h("button", { key: '3c889a25b419fc4b5eb0eafef16800bc5ae72f78', class: `scroll-right-button ${this.showRightScroll ? 'show' : ''}`, onClick: () => this.scrollRight(), disabled: !this.showRightScroll }, h("tds-icon", { key: '57bb719894cfc20931c599c810bb0abec0273520', name: "chevron_right", size: "20px" })))));
     }
     get host() { return this; }
     static get watchers() { return {
@@ -158,8 +181,8 @@ const TdsInlineTabs$1 = /*@__PURE__*/ proxyCustomElement(class TdsInlineTabs ext
         "selectedIndex": [514, "selected-index"],
         "showLeftScroll": [32],
         "showRightScroll": [32],
-        "buttonWidth": [32],
-        "selectTab": [64]
+        "selectTab": [64],
+        "reinitialize": [64]
     }, undefined, {
         "selectedIndex": ["handleSelectedIndexUpdate"]
     }]);

package/dist/components/tds-link.js

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, h } from './p-35fa6479.js';
+import { p as proxyCustomElement, H, h } from './p-28ef5186.js';
 
 const linkCss = ":host{display:inline}:host ::slotted(*){all:unset;cursor:pointer;outline:none;color:var(--tds-link);text-decoration:underline}:host ::slotted(*:focus-visible){color:var(--tds-link-focus);text-decoration:none;outline:2px solid var(--tds-link-focus);outline-offset:-2px}:host ::slotted(*:active){color:var(--tds-link);text-decoration:underline;text-decoration-color:var(--tds-link)}:host ::slotted(*:hover){color:var(--tds-link-hover);text-decoration:underline;text-decoration-color:var(--tds-link-hover)}:host ::slotted(*:visited){color:var(--tds-link-visited);text-decoration-color:var(--tds-link-visited)}.disabled ::slotted(*){color:var(--tds-link-disabled);text-decoration-color:var(--tds-link-disabled);pointer-events:none}.no-underline ::slotted(*){text-decoration:none}.no-underline:hover ::slotted(*){text-decoration:none}";
 const TdsLinkStyle0 = linkCss;
@@ -15,10 +15,10 @@ const TdsLink$1 = /*@__PURE__*/ proxyCustomElement(class TdsLink extends H {
         this.host.children[0].classList.add('tds-link-component');
     }
     render() {
-        return (h("span", { key: '69f0a6aa3ab58737d3c5caf7c7f81f38dfd0e745', class: `        
+        return (h("span", { key: 'd812a60488213cdd31c3ace934ae93c3b3781cf9', class: `        
           ${this.disabled ? 'disabled' : ''}
           ${!this.underline ? 'no-underline' : ''}
-          ` }, h("slot", { key: '7bb9394c6f7b8c03b501c5a7de5c6528ad19e762' })));
+          ` }, h("slot", { key: '2b9675a2abd7b7c16200cda28fa5ded499c03fcd' })));
     }
     get host() { return this; }
     static get style() { return TdsLinkStyle0; }

package/dist/components/tds-message.js

@@ -1,5 +1,5 @@
-import { p as proxyCustomElement, H, h, c as Host } from './p-35fa6479.js';
-import { d as defineCustomElement$2 } from './p-31ae0be9.js';
+import { p as proxyCustomElement, H, h, c as Host } from './p-28ef5186.js';
+import { d as defineCustomElement$2 } from './p-3e74be57.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-information)}:host .wrapper.information tds-icon{color:var(--tds-information)}:host .wrapper.success{border-left:4px solid var(--tds-positive)}:host .wrapper.success tds-icon{color:var(--tds-positive)}:host .wrapper.error{background-color:var(--tds-message-type-error-background);border-left:4px solid var(--tds-negative)}:host .wrapper.error tds-icon{color:var(--tds-negative)}:host .wrapper.warning{border-left:4px solid var(--tds-warning)}:host .wrapper.warning tds-icon{color:var(--tds-warning)}:host .wrapper.minimal{border:none;display:flex;align-items:center;padding:0;background-color:transparent}:host .wrapper.minimal .header{font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls)}:host .wrapper.minimal.error .header{color:var(--tds-negative)}:host tds-icon{padding-right:16px}:host .content{display:flex;flex-direction:column;gap:4px;color:var(--tds-message-color);padding:2px 0}:host .content .header{font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls)}:host .content .extended-message{color:var(--tds-message-color);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls)}:host .tds-mode-variant-primary{--tds-message-background:var(--tds-message-background-primary)}:host .tds-mode-variant-secondary{--tds-message-background:var(--tds-message-background-secondary)}";
 const TdsMessageStyle0 = messageCss;
@@ -30,10 +30,10 @@ const TdsMessage$1 = /*@__PURE__*/ proxyCustomElement(class TdsMessage extends H
         this.minimal = false;
     }
     render() {
-        return (h(Host, { key: 'a43f653b99bda30a39eaf4c99273fb5ad5a5a256' }, h("div", { key: '9a42161887559a2263838d8e3ccd0a23cf8c23e6', class: `
+        return (h(Host, { key: 'b270c0935bf7eb09d16df32854c5a9411a78fba9' }, h("div", { key: '668d8a6a940ce0f972c2398d063640b38e307219', class: `
         wrapper ${this.variant}
         ${this.minimal ? 'minimal' : ''}
-        ${this.modeVariant !== null ? `tds-mode-variant-${this.modeVariant}` : ''}` }, !this.noIcon && h("tds-icon", { key: 'fbfb21949065d4fa20186af57c34374d4621e2aa', name: this.getIconName(), size: "20px" }), h("div", { key: '4be2d340f463e574fcceab434c55af6c6622486e', class: `content` }, this.header && h("div", { key: '051f5d95e9a31d30e8186bba22a51865c823fa97', class: "header" }, this.header), !this.minimal && (h("div", { key: 'b93fb8fec7bf9d9bbb493e3aaba971b85361fd07', class: "extended-message" }, h("slot", { key: '540c7079e48e4c4216f51fe60fbacf6413130c1a' })))))));
+        ${this.modeVariant !== null ? `tds-mode-variant-${this.modeVariant}` : ''}` }, !this.noIcon && h("tds-icon", { key: 'bfa6b4c85c649cd3cff00eb121ba9df08b02d65f', name: this.getIconName(), size: "20px" }), h("div", { key: '4239603ea7d58ed79ea6bb4cf212d4405204b2a6', class: `content` }, this.header && h("div", { key: '5c8ad00a65d6310a86a353580e98e45b056c9a96', class: "header" }, this.header), !this.minimal && (h("div", { key: 'd0087a45aa622374dfcc1b6d791a82b0c14b64cf', class: "extended-message" }, h("slot", { key: '8fdfd7079bc6473ea8d8eff72874827f3f9bcae1' })))))));
     }
     static get style() { return TdsMessageStyle0; }
 }, [1, "tds-message", {

package/dist/components/tds-modal.js

@@ -1,6 +1,6 @@
-import { p as proxyCustomElement, H, d as createEvent, h, c as Host } from './p-35fa6479.js';
+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 { d as defineCustomElement$2 } from './p-31ae0be9.js';
+import { d as defineCustomElement$2 } from './p-3e74be57.js';
 
 const modalCss = ".tds-modal{box-sizing:border-box;background-color:var(--tds-modal-background);margin:auto;position:relative;border-radius:4px;max-height:85vh;overflow-y:auto;pointer-events:auto;}.tds-modal *{box-sizing:border-box}.tds-modal::-webkit-scrollbar{width:5px;background-color:var(--tds-grey-300);border-radius:0 1em 1em 0}.tds-modal::-webkit-scrollbar-track{background-color:var(--tds-grey-300);border-radius:0 1em 1em 0}.tds-modal::-webkit-scrollbar-thumb{background-color:var(--tds-grey-500);border-radius:0 1em 1em 0}.tds-modal__actions-sticky{overflow:hidden;display:flex;flex-direction:column}.tds-modal__actions-sticky .body{font:var(--tds-body-01);letter-spacing:var(--tds-body-01-ls);max-height:calc(85vh - 36px);overflow-y:auto}.tds-modal__actions-sticky slot[name=actions]{bottom:-1px;left:0;right:0;background-color:var(--tds-modal-background);padding:var(--tds-spacing-element-24) var(--tds-spacing-element-16) var(--tds-spacing-element-16);display:flex;gap:16px}.tds-modal__actions-static slot[name=actions]{background-color:var(--tds-modal-background);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:var(--tds-spacing-element-16);position:sticky;top:0;background-color:var(--tds-modal-background);z-index:1}.header,slot[name=header]::slotted(*){color:var(--tds-modal-text);font:var(--tds-headline-05) !important;letter-spacing:var(--tds-headline-05-ls) !important;margin:0;flex:1}.body{color:var(--tds-modal-text);font:var(--tds-body-01);letter-spacing:var(--tds-body-01-ls);overflow-y:visible;padding:0 var(--tds-spacing-element-16) var(--tds-spacing-element-16);}.body::-webkit-scrollbar{width:5px;background-color:var(--tds-grey-300)}.body::-webkit-scrollbar-track{background-color:var(--tds-grey-300)}.body::-webkit-scrollbar-thumb{background-color:var(--tds-grey-500)}.tds-modal-backdrop{box-sizing:border-box;position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--tds-modal-backdrop);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(--tds-modal-icon);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:var(--tds-spacing-element-16)}}@media (min-width: 1056px){.tds-modal-close{margin-left:var(--tds-spacing-element-48)}}.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:var(--tds-spacing-element-16)}}@media (min-width: 1056px){.tds-modal-close-btn{margin-left:var(--tds-spacing-element-48)}}.tds-modal-close-btn svg{fill:var(--tds-modal-icon)}.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;
@@ -116,7 +116,7 @@ const TdsModal$1 = /*@__PURE__*/ proxyCustomElement(class TdsModal extends H {
     render() {
         const usesHeaderSlot = hasSlot('header', this.host);
         const usesActionsSlot = hasSlot('actions', this.host);
-        return (h(Host, { key: 'ffb3d3a40691131008e307c03f1015df08473f75', class: `${this.isShown ? 'show' : 'hide'}`, onClick: (event) => this.handleOverlayClick(event) }, h("div", { key: 'ccd4d22e7e885911c0854390f95292311a182911', class: "tds-modal-backdrop" }), h("div", { key: '4eb07ba1e3bc92566841debd8b5fed90a67b8331', class: `tds-modal tds-modal__actions-${this.actionsPosition} tds-modal-${this.size}` }, h("div", { key: 'e846c2726cae0e5a8ca530b3db80228cdbf5cc13', class: "header" }, this.header && h("div", { key: 'd0f6626acc1c52888eb32f0f6930e5d7d4b0f2d4', class: "header-text" }, this.header), usesHeaderSlot && h("slot", { key: 'dbcefa4d3843e50dfe0c0935cde2f974e5b652dd', name: "header" }), this.closable && (h("button", { key: '0f42360f81f600b2a1c653b8cd5322b58e7615c4', class: "tds-modal-close", "aria-label": "close", onClick: (event) => this.handleClose(event) }, h("tds-icon", { key: '0e9b66c3b960fa7961138a7049414354d15059e8', name: "cross", size: "20px" })))), h("div", { key: '31f4369f9cc81847ba22c8a4bfa1a67c18284d80', class: "body" }, h("slot", { key: '1d18b3b50a3fa74b2be68fd2b5ef47a88c91f2d0', name: "body" })), usesActionsSlot && h("slot", { key: '7f443fe676cd13eae8036a53f6d0acaac03628a2', name: "actions" }))));
+        return (h(Host, { key: 'c39328a5796996173d2a484b7b509d03524cb2d6', class: `${this.isShown ? 'show' : 'hide'}`, onClick: (event) => this.handleOverlayClick(event) }, h("div", { key: 'f270ed2ab8f671418d5196cda7d4085d6fa69d02', class: "tds-modal-backdrop" }), h("div", { key: '8d4670500365548f786a3c6200f9395998198ac0', class: `tds-modal tds-modal__actions-${this.actionsPosition} tds-modal-${this.size}` }, h("div", { key: '27a05c42f14827b74b560e1f0b23286c851ff676', class: "header" }, this.header && h("div", { key: 'dadbb997eec4b06e6a64a7cdc800603653053862', class: "header-text" }, this.header), usesHeaderSlot && h("slot", { key: '07beeba1aea6030fd1c9f2c0aac132828e28a481', name: "header" }), this.closable && (h("button", { key: 'e2c25399c520409e8d98345d715a9ea9a4ddfb14', class: "tds-modal-close", "aria-label": "close", onClick: (event) => this.handleClose(event) }, h("tds-icon", { key: 'd74d288daea98783e8f4649e0320ce1f9e3b68d0', name: "cross", size: "20px" })))), h("div", { key: '594f17d9eba2cb2ec6ffc7382669caba1f5f525a', class: "body" }, h("slot", { key: 'dcdaede2986c40a927a74608bed7145696871962', name: "body" })), usesActionsSlot && h("slot", { key: 'e0403d1f1201833742925ae8cbb599c2d9ba7b94', name: "actions" }))));
     }
     get host() { return this; }
     static get style() { return TdsModalStyle0; }

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

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, h, c as Host } from './p-35fa6479.js';
+import { p as proxyCustomElement, H, h, c as Host } from './p-28ef5186.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) !important;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 4px}:host ::slotted(*:focus-visible)::before{content:\"\";position:absolute;left:0;right:0;top:26px;bottom:26px;outline:2px solid var(--tds-blue-400)}:host .navigation-tab-item:not(.selected)::after{width:0%;transition:width 0.15s ease-in-out 0s}:host .navigation-tab-item{position:relative;margin-right:32px}:host .navigation-tab-item:hover{cursor:pointer}: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 .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{color:var(--tds-navigation-tabs-tab-color-disabled)}:host .disabled ::slotted(*){opacity:var(--tds-navigation-tabs-tab-color-opacity-disabled)}:host .disabled::after{content:none}:host .disabled ::slotted(*:hover){cursor:not-allowed}:host .disabled ::slotted(*:focus-visible){outline:none}:host(.first){margin-left:32px}:host(.last){margin-right:32px}";
 const TdsNavigationTabStyle0 = navigationTabCss;
@@ -16,8 +16,8 @@ const TdsNavigationTab$1 = /*@__PURE__*/ proxyCustomElement(class TdsNavigationT
         this.selected = selected;
     }
     render() {
-        return (h(Host, { key: 'fc0173c2c7600a3c97991e297167289a7d6ce1be', role: "listitem" }, h("div", { key: 'bfcfbb30f0087cf2e3c3df16653f60b69ea641d4', class: `navigation-tab-item  ${this.selected ? 'selected' : ''}
-           ${this.disabled ? 'disabled' : ''}` }, h("slot", { key: '3c8eeb97e1ea4f9afe04eb55b7b6c099c26169f0' }))));
+        return (h(Host, { key: '43185969215e564763f8f0a7b729fd9fad61f711', role: "listitem" }, h("div", { key: '4c7e0bf7cbee825fb685c6cb2f91c416f16b1db3', class: `navigation-tab-item  ${this.selected ? 'selected' : ''}
+           ${this.disabled ? 'disabled' : ''}` }, h("slot", { key: '3ca45a310141c7eb3c9c2f725058a5ab14136d63' }))));
     }
     static get style() { return TdsNavigationTabStyle0; }
 }, [1, "tds-navigation-tab", {

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-35fa6479.js';
-import { d as defineCustomElement$2 } from './p-31ae0be9.js';
+import { p as proxyCustomElement, H, d as createEvent, h, c as Host } from './p-28ef5186.js';
+import { d as defineCustomElement$2 } from './p-3e74be57.js';
 
 const navigationTabsCss = ":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);opacity:var(--tds-inline-tabs-horizontal-divider-opacity);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}: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;
@@ -14,6 +14,7 @@ const TdsNavigationTabs$1 = /*@__PURE__*/ proxyCustomElement(class TdsNavigation
         this.componentWidth = 0; // visible width of this component
         this.buttonsWidth = 0; // total width of all nav items combined
         this.scrollWidth = 0; // total amount that is possible to scroll in the nav wrapper
+        this.clickHandlers = new WeakMap();
         this.addResizeObserver = () => {
             const resizeObserver = new ResizeObserver((entries) => {
                 entries.forEach((entry) => {
@@ -24,26 +25,19 @@ const TdsNavigationTabs$1 = /*@__PURE__*/ proxyCustomElement(class TdsNavigation
                         const style = window.getComputedStyle(navButton);
                         buttonsWidth +=
                             navButton.clientWidth + parseFloat(style.marginLeft) + parseFloat(style.marginRight);
-                        navButton.classList.add('tds-navigation-tabs-tab');
                     });
                     this.componentWidth = componentWidth;
                     this.buttonsWidth = buttonsWidth;
                     this.scrollWidth = buttonsWidth - componentWidth;
-                    if (this.buttonsWidth > this.componentWidth) {
-                        this.evaluateScrollButtons();
-                    }
-                    else {
-                        this.showLeftScroll = false;
-                        this.showRightScroll = false;
-                    }
+                    this.updateScrollButtons();
                 });
             });
             resizeObserver.observe(this.navWrapperElement);
         };
         this.addEventListenerToTabs = () => {
             this.children = Array.from(this.host.children);
-            this.children = this.children.map((item, index) => {
-                item.addEventListener('click', () => {
+            this.children.map((item, index) => {
+                const clickHandler = () => {
                     if (!item.disabled) {
                         const tdsChangeEvent = this.tdsChange.emit({
                             selectedTabIndex: this.children.indexOf(item),
@@ -54,25 +48,20 @@ const TdsNavigationTabs$1 = /*@__PURE__*/ proxyCustomElement(class TdsNavigation
                             this.selectedIndex = index;
                         }
                     }
-                });
+                };
+                item.addEventListener('click', clickHandler);
+                this.clickHandlers.set(item, clickHandler); // Store the handler in WeakMap
                 return item;
             });
         };
-        this.componentDidLoad = () => {
-            if (this.selectedIndex === undefined) {
-                this.addEventListenerToTabs();
-                this.children[this.defaultSelectedIndex].setSelected(true);
-                this.selectedIndex = this.defaultSelectedIndex;
-                this.tdsChange.emit({
-                    selectedTabIndex: this.selectedIndex,
-                });
-            }
-            else {
-                this.children[this.selectedIndex].setSelected(true);
-                this.tdsChange.emit({
-                    selectedTabIndex: this.selectedIndex,
-                });
-            }
+        this.removeEventListenerFromTabs = () => {
+            this.children.forEach((item) => {
+                const clickHandler = this.clickHandlers.get(item);
+                if (clickHandler) {
+                    item.removeEventListener('click', clickHandler);
+                    this.clickHandlers.delete(item);
+                }
+            });
         };
         this.modeVariant = 'primary';
         this.defaultSelectedIndex = 0;
@@ -96,6 +85,10 @@ const TdsNavigationTabs$1 = /*@__PURE__*/ proxyCustomElement(class TdsNavigation
             selectedTabIndex: this.selectedIndex,
         };
     }
+    /** Reinitializes the component. */
+    async reinitialize() {
+        this.handleSlotChange();
+    }
     handleSelectedIndexUpdate() {
         this.children = Array.from(this.host.children).map((tabElement) => {
             tabElement.setSelected(false);
@@ -115,31 +108,65 @@ const TdsNavigationTabs$1 = /*@__PURE__*/ proxyCustomElement(class TdsNavigation
     }
     evaluateScrollButtons() {
         const scroll = this.navWrapperElement.scrollLeft;
-        if (scroll >= this.scrollWidth) {
-            this.showRightScroll = false;
+        this.showRightScroll = scroll <= this.scrollWidth;
+        this.showLeftScroll = scroll > 0;
+    }
+    initializeTabs() {
+        this.children = Array.from(this.host.children);
+        // remove first and last class from other tabs in case of initialization
+        this.children.forEach((child) => {
+            child.classList.remove('last');
+            child.classList.remove('first');
+        });
+        this.children[0].classList.add('first');
+        this.children[this.children.length - 1].classList.add('last');
+    }
+    initializeSelectedTab() {
+        if (this.selectedIndex === undefined) {
+            this.addEventListenerToTabs();
+            this.children[this.defaultSelectedIndex].setSelected(true);
+            this.selectedIndex = this.defaultSelectedIndex;
         }
         else {
-            this.showRightScroll = true;
+            this.children[this.selectedIndex].setSelected(true);
         }
-        if (scroll <= 0) {
-            this.showLeftScroll = false;
+        this.tdsChange.emit({
+            selectedTabIndex: this.selectedIndex,
+        });
+    }
+    updateScrollButtons() {
+        if (this.buttonsWidth > this.componentWidth) {
+            this.evaluateScrollButtons();
         }
         else {
-            this.showLeftScroll = true;
+            this.showLeftScroll = false;
+            this.showRightScroll = false;
         }
     }
+    handleSlotChange() {
+        this.initializeTabs();
+        this.addEventListenerToTabs();
+        this.initializeSelectedTab();
+        this.updateScrollButtons();
+        this.addResizeObserver();
+    }
     connectedCallback() {
-        this.children = Array.from(this.host.children);
-        this.children[0].classList.add('first');
-        this.children[this.children.length - 1].classList.add('last');
+        this.initializeTabs();
+    }
+    componentDidLoad() {
+        this.initializeSelectedTab();
     }
     componentDidRender() {
+        this.updateScrollButtons();
         this.addResizeObserver();
     }
+    disconnectedCallback() {
+        this.removeEventListenerFromTabs();
+    }
     render() {
-        return (h(Host, { key: '86a8c02e34256be7677e0dffe354a2d96f28dee9', role: "list", class: `${this.modeVariant ? `tds-mode-variant-${this.modeVariant}` : ''}` }, h("div", { key: '4f2ac824013bc4a946de48df262dedf25c0fb861', class: "wrapper", ref: (el) => {
+        return (h(Host, { key: 'fea2449aaf66f65617b3752cbfc7f26aaa4804a1', role: "list", class: `${this.modeVariant ? `tds-mode-variant-${this.modeVariant}` : ''}` }, h("div", { key: '9281904c74032d5b80b27c0b7d8fc1296403dae9', class: "wrapper", ref: (el) => {
                 this.navWrapperElement = el;
-            } }, h("button", { key: 'ab9bcd36a950c8155e1d52400c80a355d6a35692', class: `scroll-left-button ${this.showLeftScroll ? 'show' : ''}`, onClick: () => this.scrollLeft(), disabled: !this.showLeftScroll }, h("tds-icon", { key: '1720b09524520516fa4364fcd51ac8d9821544f0', name: "chevron_left", size: "20px" })), h("slot", { key: '97a4d6d8593f550366aa665dddcb64c5c4118fa2' }), h("button", { key: 'd94a7b0f8c5b0d612105bfb9b834431bced085ad', class: `scroll-right-button ${this.showRightScroll ? 'show' : ''}`, onClick: () => this.scrollRight(), disabled: !this.showRightScroll }, h("tds-icon", { key: '9d9e229f0983ea16814264df1fa30ff19a3e4aed', name: "chevron_right", size: "20px" })))));
+            } }, h("button", { key: '5a6ba7233ed7de5cda5dc346c28a4e492be7641c', class: `scroll-left-button ${this.showLeftScroll ? 'show' : ''}`, onClick: () => this.scrollLeft(), disabled: !this.showLeftScroll }, h("tds-icon", { key: '49963f53d5a4eb603750128f3e9d172654c59ef2', name: "chevron_left", size: "20px" })), h("slot", { key: 'a1eac2f21563c0b4995c87693da1cf6bd6fe7a83', onSlotchange: () => this.handleSlotChange() }), h("button", { key: '6c141970ae26167f2f6ce7f0f4205fbab5f61faa', class: `scroll-right-button ${this.showRightScroll ? 'show' : ''}`, onClick: () => this.scrollRight(), disabled: !this.showRightScroll }, h("tds-icon", { key: 'c3dece9ef9a120ddce0a16fea959e285b8e308fe', name: "chevron_right", size: "20px" })))));
     }
     get host() { return this; }
     static get watchers() { return {
@@ -152,7 +179,8 @@ const TdsNavigationTabs$1 = /*@__PURE__*/ proxyCustomElement(class TdsNavigation
         "selectedIndex": [514, "selected-index"],
         "showLeftScroll": [32],
         "showRightScroll": [32],
-        "selectTab": [64]
+        "selectTab": [64],
+        "reinitialize": [64]
     }, undefined, {
         "selectedIndex": ["handleSelectedIndexUpdate"]
     }]);

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

@@ -1,4 +1,4 @@
-import { T as TdsPopoverCanvas$1, d as defineCustomElement$1 } from './p-b205ce2c.js';
+import { T as TdsPopoverCanvas$1, d as defineCustomElement$1 } from './p-82e02472.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-b84363b3.js';
+import { T as TdsPopoverCore$1, d as defineCustomElement$1 } from './p-f0240c00.js';
 
 const TdsPopoverCore = TdsPopoverCore$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, h, c as Host } from './p-35fa6479.js';
+import { p as proxyCustomElement, H, h, c as Host } from './p-28ef5186.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}:host .wrapper:hover{cursor:pointer;background-color:var(--tds-popover-menu-background-hover)}:host .wrapper.disabled{pointer-events:none;color:var(--tds-popover-menu-divider-disabled-color)}:host .wrapper.disabled ::slotted(tds-icon){color:var(--tds-popover-menu-divider-disabled-icon-color)}: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}";
 const TdsPopoverMenuItemStyle0 = popoverMenuItemCss;
@@ -11,10 +11,10 @@ const TdsPopoverMenuItem$1 = /*@__PURE__*/ proxyCustomElement(class TdsPopoverMe
         this.disabled = false;
     }
     render() {
-        return (h(Host, { key: 'd528e4a383a508af8a89abd7c1ccc9c555be0985', role: "listitem" }, h("div", { key: 'eca4a85e3abb8ae49d449d943b27ba018e83f017', class: {
+        return (h(Host, { key: 'efdc72f869be19ff2d96dbb2e88610d69011a6ee', role: "listitem" }, h("div", { key: '9313583023cc2cf6d21454e979f37de83030476a', class: {
                 wrapper: true,
                 disabled: this.disabled,
-            } }, h("slot", { key: 'c385fb8c56598539ada96593d9c357da62cd910d' }))));
+            } }, h("slot", { key: 'a12d405a1bc0f1e5ddc75d52c25a8ca0b53d6427' }))));
     }
     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-35fa6479.js';
+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-b84363b3.js';
+import { d as defineCustomElement$2 } from './p-f0240c00.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;
@@ -23,11 +23,11 @@ const TdsPopoverMenu$1 = /*@__PURE__*/ proxyCustomElement(class TdsPopoverMenu e
     }
     render() {
         var _a;
-        return (h(Host, { key: 'd438073ea0cb960456d1455a7a4ce89557f451c5' }, h("tds-popover-core", { key: 'd7db34fc034e588d1dc9cc982e13ff48d558fbf4', class: {
+        return (h(Host, { key: '47943a2179fab944d4cc73f169aec2dc8f2a8c53' }, h("tds-popover-core", { key: 'a85fd5e4088454a894bc0ad61be796f07352189f', 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 }, h("div", { key: '5ef9521e94dbae3644a7830a0a2d83e0eaeb5960', role: "list" }, h("slot", { key: 'c5ec814cfb2f50a44c676d2a638d45b31c290983' })))));
+            }, selector: this.selector, referenceEl: this.referenceEl, show: this.show, placement: this.placement, offsetSkidding: this.offsetSkidding, offsetDistance: this.offsetDistance }, h("div", { key: 'bd29b75fded2138f37aa48f2c4cb4008817c6fe5', role: "list" }, h("slot", { key: '807d404d14fcac1236995a53df36840170643208' })))));
     }
     get host() { return this; }
     static get style() { return TdsPopoverMenuStyle0; }

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

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, d as createEvent, h } from './p-35fa6479.js';
+import { p as proxyCustomElement, H, d as createEvent, h } from './p-28ef5186.js';
 import { g as generateUniqueId } from './p-11648030.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:24px;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) var(--tds-spacing-element-4);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:24px;height:24px;left:0;top:0}.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:4px;top:4px}.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);opacity:0.12}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:focus::before{background-color:var(--tds-radio-button-background-focus);opacity:0.24;animation:rb-focus 0.4s cubic-bezier(0.65, 0.05, 0.38, 0.95) forwards}.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;width:16px;height:16px;left:4px;top:4px;border:1px solid var(--tds-radio-button-color-disabled-before);box-sizing:content-box}.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);left:5px;top:5px}@keyframes rb-focus{0%{transform:scale(0);opacity:0}100%{transform:scale(1);opacity:0.24}}";
@@ -23,7 +23,7 @@ const TdsRadioButton$1 = /*@__PURE__*/ proxyCustomElement(class TdsRadioButton e
         this.disabled = false;
     }
     render() {
-        return (h("div", { key: '9aafb24fd863181b35e79bc9cb9c7f96bb50b40d', class: "tds-radio-button" }, h("input", { key: '751443f3801eae8f7e89ee0202ef1e5104c49562', class: "tds-form-input", type: "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() }), h("label", { key: 'cb94b936fdf721c7519a2a49c5ef438ca99d9d82', htmlFor: this.radioId }, h("slot", { key: '503df03f3b26a378bd7754966853b1b7035580b0', name: "label" }))));
+        return (h("div", { key: 'b6c39a5831fdebb5dc6dad6ddf819544a9ae2844', class: "tds-radio-button" }, h("input", { key: 'bf4455eb7169141c79ff24bff8259572864daf27', class: "tds-form-input", type: "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() }), h("label", { key: '3fd2d122f6fe481bcebfda7f0bc90aa4530f1e82', htmlFor: this.radioId }, h("slot", { key: 'cb45cf63c06a52dac0704757462a2528464f6e23', name: "label" }))));
     }
     get host() { return this; }
     static get style() { return TdsRadioButtonStyle0; }