@scania/tegel 1.41.0-stencil-core-beta.0 → 1.42.0-input-decimal-fix-beta.0

package/dist/components/tds-icon.js

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

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

@@ -1,15 +1,13 @@
-import { p as proxyCustomElement, H, h, a as Host } from './index.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-inline-tabs-tab-color);text-decoration:none;display:block;position:relative;transition:color 0.15s ease-in-out 0s;white-space:nowrap;background-color:transparent;border:0;width:100%;padding:20px 0}:host ::slotted(*:focus-visible)::before{content:\"\";position:absolute;left:0;right:0;top:3px;bottom:3px;outline:2px solid var(--tds-blue-400);outline:2px solid var(--tds-focus-outline-color);box-shadow:0 0 0 1px var(--tds-white);outline-offset:1px;z-index:1}:host .inline-tab-item:not(.selected)::after{width:0%;transition:width 0.15s ease-in-out 0s}:host .inline-tab-item{position:relative}:host .inline-tab-item:hover{cursor:pointer}:host .inline-tab-item:hover ::slotted(*){color:var(--tds-inline-tabs-tab-color-hover)}:host .inline-tab-item:hover::after{width:100%}:host .inline-tab-item::after{content:\" \";position:absolute;bottom:0;right:0;left:0;margin-left:auto;width:0%;margin-right:auto;height:2px;background-color:var(--tds-inline-tabs-tab-indicator-background-hover);z-index:1}:host .selected ::slotted(*){color:var(--tds-inline-tabs-tab-color-selected)}:host .selected::after{width:100%;background-color:var(--tds-inline-tabs-tab-indicator-background-active)}:host .disabled ::slotted(*){color:var(--tds-inline-tabs-tab-color-disabled)}:host .disabled::after{content:none}:host .disabled ::slotted(*:hover){cursor:not-allowed;color:var(--tds-inline-tabs-tab-color-disabled)}:host .disabled ::slotted(*:focus-visible){outline:none}:host(.last){margin-right:32px}";
+const TdsInlineTabStyle0 = inlineTabCss;
 
 const TdsInlineTab$1 = /*@__PURE__*/ proxyCustomElement(class TdsInlineTab extends H {
-    constructor(registerHost) {
+    constructor() {
         super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
+        this.__registerHost();
         this.__attachShadow();
-        /** Disables the Tab. */
         this.disabled = false;
         this.selected = false;
     }
@@ -43,8 +41,8 @@ const TdsInlineTab$1 = /*@__PURE__*/ proxyCustomElement(class TdsInlineTab exten
             } }, h("slot", { key: 'f2b45d7f0dd38cae953f61e933189eef8d7a9452' }))));
     }
     get host() { return this; }
-    static get style() { return inlineTabCss; }
-}, [257, "tds-inline-tab", {
+    static get style() { return TdsInlineTabStyle0; }
+}, [1, "tds-inline-tab", {
         "disabled": [4],
         "selected": [32],
         "setSelected": [64]

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

@@ -1,28 +1,15 @@
-import { p as proxyCustomElement, H, c as createEvent, h, a as Host } from './index.js';
-import { d as defineCustomElement$2 } from './p-CPDv0bBc.js';
+import { p as proxyCustomElement, H, d as createEvent, h, c as Host } from './p-28ef5186.js';
+import { d as defineCustomElement$2 } from './p-f7d94947.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-visible::before,:host .scroll-left-button:focus-visible::before{content:\"\";position:absolute;inset:3px;outline:2px solid var(--tds-focus-outline-color);box-shadow:0 0 0 1px var(--tds-white);outline-offset:1px;z-index:1}:host .scroll-right-button:focus-visible,:host .scroll-left-button:focus-visible{outline:0}:host .scroll-right-button svg,:host .scroll-left-button svg{fill:var(--tds-folder-tabs-scroll-btn-color)}";
+const TdsInlineTabsStyle0 = inlineTabsCss;
 
 const TdsInlineTabs$1 = /*@__PURE__*/ proxyCustomElement(class TdsInlineTabs extends H {
-    constructor(registerHost) {
+    constructor() {
         super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
+        this.__registerHost();
         this.__attachShadow();
         this.tdsChange = createEvent(this, "tdsChange", 7);
-        /** Variant of the Tabs, primary= on white, secondary= on grey50 */
-        this.modeVariant = 'primary';
-        /** Sets the default selected Tab. */
-        this.defaultSelectedIndex = 0;
-        /** Defines aria-label on left scroll button */
-        this.tdsScrollLeftAriaLabel = 'Scroll left';
-        /** Defines aria-label on right scroll button */
-        this.tdsScrollRightAriaLabel = 'Scroll right';
-        /** Custom left padding value for the wrapper element. */
-        this.leftPadding = 32;
-        this.showLeftScroll = false;
-        this.showRightScroll = false;
         this.navWrapperElement = null; // reference to container with nav buttons
         this.componentWidth = 0; // visible width of this component
         this.buttonsWidth = 0; // total width of all nav items combined
@@ -76,6 +63,14 @@ const TdsInlineTabs$1 = /*@__PURE__*/ proxyCustomElement(class TdsInlineTabs ext
                 }
             });
         };
+        this.modeVariant = 'primary';
+        this.defaultSelectedIndex = 0;
+        this.selectedIndex = undefined;
+        this.tdsScrollLeftAriaLabel = 'Scroll left';
+        this.tdsScrollRightAriaLabel = 'Scroll right';
+        this.leftPadding = 32;
+        this.showLeftScroll = false;
+        this.showRightScroll = false;
     }
     /** Selects a Tab based on tabindex, will not select a disabled Tab. */
     async selectTab(tabIndex) {
@@ -188,8 +183,8 @@ const TdsInlineTabs$1 = /*@__PURE__*/ proxyCustomElement(class TdsInlineTabs ext
     static get watchers() { return {
         "selectedIndex": ["handleSelectedIndexUpdate"]
     }; }
-    static get style() { return inlineTabsCss; }
-}, [257, "tds-inline-tabs", {
+    static get style() { return TdsInlineTabsStyle0; }
+}, [1, "tds-inline-tabs", {
         "modeVariant": [1, "mode-variant"],
         "defaultSelectedIndex": [2, "default-selected-index"],
         "selectedIndex": [514, "selected-index"],

package/dist/components/tds-link.js

@@ -1,19 +1,15 @@
-import { p as proxyCustomElement, H, h } from './index.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(*:hover){color:var(--tds-link-hover);text-decoration:none}:host .no-underline ::slotted(*){text-decoration:none}:host .no-underline ::slotted(*:hover){color:var(--tds-link-hover);text-decoration:underline;text-decoration-color:var(--tds-link-hover)}:host ::slotted(*:focus-visible){color:var(--tds-link-focus);text-decoration:none;box-shadow:0 0 0 1px var(--tds-white), 0 0 0 3px var(--tds-link-focus)}:host ::slotted(*:active){color:var(--tds-link);text-decoration:underline;text-decoration-color:var(--tds-link)}:host ::slotted(*:visited){color:var(--tds-link-visited);text-decoration-color:var(--tds-link-visited)}.disabled ::slotted(*),.disabled ::slotted(*:visited){color:var(--tds-link-disabled);text-decoration-color:var(--tds-link-disabled);pointer-events:none}.standalone ::slotted(*){font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls)}";
+const TdsLinkStyle0 = linkCss;
 
 const TdsLink$1 = /*@__PURE__*/ proxyCustomElement(class TdsLink extends H {
-    constructor(registerHost) {
+    constructor() {
         super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
+        this.__registerHost();
         this.__attachShadow();
-        /** Disables the Link */
         this.disabled = false;
-        /** Displays the Link with an underline. */
         this.underline = true;
-        /** Displays the Link as a standalone component. Not part of a paragraph. */
         this.standalone = false;
     }
     connectedCallback() {
@@ -41,8 +37,8 @@ const TdsLink$1 = /*@__PURE__*/ proxyCustomElement(class TdsLink extends H {
             } }, h("slot", { key: 'f574609666ae7484752ec8cfaf7f0bffa1645c83' })));
     }
     get host() { return this; }
-    static get style() { return linkCss; }
-}, [257, "tds-link", {
+    static get style() { return TdsLinkStyle0; }
+}, [1, "tds-link", {
         "disabled": [4],
         "underline": [4],
         "standalone": [4]

package/dist/components/tds-message.js

@@ -1,26 +1,15 @@
-import { p as proxyCustomElement, H, h, a as Host } from './index.js';
-import { g as generateUniqueId } from './p-Cn4f8w1e.js';
-import { d as defineCustomElement$2 } from './p-CPDv0bBc.js';
+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-f7d94947.js';
 
 const messageCss = ":host .wrapper{display:flex;padding:16px;background-color:var(--tds-message-background);border-radius:4px}:host .wrapper.information{border-left:4px solid var(--tds-message-border-info)}:host .wrapper.information tds-icon{color:var(--tds-message-icon-info)}:host .wrapper.success{background-color:var(--tds-message-background-success);border-left:4px solid var(--tds-message-border-success)}:host .wrapper.success tds-icon{color:var(--tds-message-icon-success)}:host .wrapper.error{background-color:var(--tds-message-background-error);border-left:4px solid var(--tds-message-border-error)}:host .wrapper.error tds-icon{color:var(--tds-message-icon-error)}:host .wrapper.warning{background-color:var(--tds-message-background-warning);border-left:4px solid var(--tds-message-border-warning)}:host .wrapper.warning tds-icon{color:var(--tds-message-icon-warning)}:host .wrapper.minimal{border:none;padding:0;background-color:transparent}:host .wrapper.minimal .header{font-family:var(--detail-02-font-family);font-size:var(--detail-02-font-size);line-height:var(--detail-02-line-height);font-weight:var(--detail-02-font-weight);letter-spacing:var(--detail-02-letter-spacing);text-transform:var(--detail-02-text-transform)}:host .wrapper.minimal.error .header{color:var(--tds-message-minimal-header-error)}:host tds-icon{padding-right:16px}:host .content{display:flex;flex-direction:column;gap:4px;color:var(--foreground-text-strong);padding:2px 24px 2px 0;overflow-wrap:anywhere}:host .content .header{font-family:var(--headline-07-font-family);font-size:var(--headline-07-font-size);line-height:var(--headline-07-line-height);font-weight:var(--headline-07-font-weight);letter-spacing:var(--headline-07-letter-spacing);text-transform:var(--headline-07-text-transform)}:host .content .extended-message{color:var(--foreground-text-strong);font-family:var(--detail-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;
 
 const TdsMessage$1 = /*@__PURE__*/ proxyCustomElement(class TdsMessage extends H {
-    constructor(registerHost) {
+    constructor() {
         super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
+        this.__registerHost();
         this.__attachShadow();
-        /** Variant of the component, based on current mode. */
-        this.modeVariant = null;
-        /** Variant of Message. */
-        this.variant = 'information';
-        /** Removes the icon in the Message. */
-        this.noIcon = false;
-        /** Minimal Message styling. */
-        this.minimal = false;
-        /** Role of the message component. Can be either 'alertdialog' for important messages that require immediate attention, or 'dialog' for regular messages. */
-        this.tdsAlertDialog = 'dialog';
         this.getIconName = () => {
             switch (this.variant) {
                 case 'information':
@@ -35,6 +24,13 @@ const TdsMessage$1 = /*@__PURE__*/ proxyCustomElement(class TdsMessage extends H
                     return 'info';
             }
         };
+        this.header = undefined;
+        this.modeVariant = null;
+        this.variant = 'information';
+        this.noIcon = false;
+        this.minimal = false;
+        this.tdsAlertDialog = 'dialog';
+        this.tdsAriaLabel = undefined;
     }
     getAriaLabel() {
         if (this.header) {
@@ -52,8 +48,8 @@ const TdsMessage$1 = /*@__PURE__*/ proxyCustomElement(class TdsMessage extends H
                 minimal: this.minimal,
             } }, !this.noIcon && (h("tds-icon", { key: 'ea830e6051ef9e0f751a1e8d5e24fbd17ad6ec58', "aria-hidden": "true", "aria-label": `${this.variant}`, svgTitle: `${this.variant}`, name: this.getIconName(), size: "20px" })), h("div", { key: 'c71e70d57147d9ac050e7a223ed097e58cb6a49e', class: `content` }, this.header && (h("div", { key: '1acded0a8f8522792f41a4331a2009a42cbf4894', class: "header", id: headerId }, this.header)), !this.minimal && (h("div", { key: '0aed7c6daf7892e6ac1d5b3f8715e7c9032b11a3', class: "extended-message", id: contentId }, h("slot", { key: '75898f0a957581dc2720667c3eaae6e17201d81c' })))))));
     }
-    static get style() { return messageCss; }
-}, [257, "tds-message", {
+    static get style() { return TdsMessageStyle0; }
+}, [1, "tds-message", {
         "header": [1],
         "modeVariant": [1, "mode-variant"],
         "variant": [1],

package/dist/components/tds-modal.js

@@ -1,33 +1,18 @@
-import { p as proxyCustomElement, H, c as createEvent, h, a as Host } from './index.js';
-import { h as hasSlot } from './p-DDX6uFcm.js';
-import { g as generateUniqueId } from './p-Cn4f8w1e.js';
-import { d as defineCustomElement$2 } from './p-CPDv0bBc.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 { g as generateUniqueId } from './p-11648030.js';
+import { d as defineCustomElement$2 } from './p-f7d94947.js';
 
 const modalCss = ":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}.tds-modal{box-sizing:border-box;box-shadow:var(--tds-modal-box-shadow);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:hover::-webkit-scrollbar-thumb{border:var(--tds-scrollbar-thumb-border-hover-width) solid transparent;background:var(--tds-scrollbar-hover-thumb-color);background-clip:padding-box}.tds-modal::-webkit-scrollbar{width:var(--tds-scrollbar-width)}.tds-modal::-webkit-scrollbar-track{background:var(--tds-scrollbar-track-color)}.tds-modal::-webkit-scrollbar-thumb{border-radius:40px;background:var(--tds-scrollbar-thumb-color);border:var(--tds-scrollbar-thumb-border-width) solid transparent;background-clip:padding-box}.tds-modal::-webkit-scrollbar-button{height:0;width:0}@supports not selector(::-webkit-scrollbar){.tds-modal{scrollbar-color:var(--tds-scrollbar-thumb-color) var(--tds-scrollbar-track-color);scrollbar-width:var(--tds-scrollbar-width-standard)}}.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:hover::-webkit-scrollbar-thumb{border:var(--tds-scrollbar-thumb-border-hover-width) solid transparent;background:var(--tds-scrollbar-hover-thumb-color);background-clip:padding-box}.body::-webkit-scrollbar{width:var(--tds-scrollbar-width)}.body::-webkit-scrollbar-track{background:var(--tds-scrollbar-track-color)}.body::-webkit-scrollbar-thumb{border-radius:40px;background:var(--tds-scrollbar-thumb-color);border:var(--tds-scrollbar-thumb-border-width) solid transparent;background-clip:padding-box}.body::-webkit-scrollbar-button{height:0;width:0}@supports not selector(::-webkit-scrollbar){.body{scrollbar-color:var(--tds-scrollbar-thumb-color) var(--tds-scrollbar-track-color);scrollbar-width:var(--tds-scrollbar-width-standard)}}.tds-modal-backdrop{box-sizing:border-box;position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--tds-modal-backdrop-background);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-focus-outline-color);box-shadow:0 0 0 1px var(--tds-white);outline-offset:1px;z-index:1}@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;
 
 const TdsModal$1 = /*@__PURE__*/ proxyCustomElement(class TdsModal extends H {
-    constructor(registerHost) {
+    constructor() {
         super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
+        this.__registerHost();
         this.__attachShadow();
         this.tdsClose = createEvent(this, "tdsClose", 7);
         this.tdsOpen = createEvent(this, "tdsOpen", 7);
-        /** Disables closing Modal on clicking on overlay area. */
-        this.prevent = false;
-        /** Size of Modal  */
-        this.size = 'md';
-        /** Changes the position behaviour of the actions slot.  */
-        this.actionsPosition = 'static';
-        /** Shows or hides the close [X] button. */
-        this.closable = true;
-        /** Role of the modal component. Can be either 'alertdialog' for important messages that require immediate attention, or 'dialog' for regular messages. */
-        this.tdsAlertDialog = 'dialog';
-        // State that keeps track of show/closed state for the Modal.
-        this.isShown = false;
-        // Focus state index in focusable Elements
-        this.activeElementIndex = 0;
         this.handleClose = (event) => {
             const closeEvent = this.tdsClose.emit(event);
             this.returnFocusOnClose();
@@ -76,6 +61,17 @@ const TdsModal$1 = /*@__PURE__*/ proxyCustomElement(class TdsModal extends H {
                 referenceEl.addEventListener('click', this.handleReferenceElementClick);
             }
         };
+        this.header = undefined;
+        this.prevent = false;
+        this.size = 'md';
+        this.actionsPosition = 'static';
+        this.selector = undefined;
+        this.referenceEl = undefined;
+        this.show = undefined;
+        this.closable = true;
+        this.tdsAlertDialog = 'dialog';
+        this.isShown = false;
+        this.activeElementIndex = 0;
     }
     /** Shows the Modal.  */
     async showModal() {
@@ -220,8 +216,8 @@ const TdsModal$1 = /*@__PURE__*/ proxyCustomElement(class TdsModal extends H {
             }, onClick: (event) => this.handleOverlayClick(event) }, h("div", { key: '2129611789e7d9c1e32731f59100f75ff4e58800', class: "tds-modal-backdrop" }), h("div", { key: 'cce280887ce68ab5471cd939847c8f23703e6a11', class: `tds-modal tds-modal__actions-${this.actionsPosition} tds-modal-${this.size}` }, h("div", { key: '2629204523dff0d2afefab238514db74b9d1a93b', id: headerId, class: "header" }, this.header && h("div", { key: '040ddd22c7b782d77e07cc1ff4cd1fdf0d508cbe', class: "header-text" }, this.header), usesHeaderSlot && h("slot", { key: '7b15247fea7c3ab2986e453b98e7a7f9ccff943f', name: "header" }), this.closable && (h("button", { key: '67e09f9f95ad58e02c1f9adb9883af4a1c16f837', class: "tds-modal-close", "aria-label": "close", onClick: (event) => this.handleClose(event) }, h("tds-icon", { key: '52694db7eb7dc40ca2ea8aeb3e13611f899177a8', name: "cross", size: "20px" })))), h("div", { key: 'b7fedc44fae5a964399f6b63fad96acaba9263a1', id: bodyId, class: "body" }, h("slot", { key: 'd60cbee2a55a487f738aa9a741d8b1e0cb74484e', name: "body" })), usesActionsSlot && h("slot", { key: 'c969e1f820a4f4ecfab84fe3349eee0233710f05', name: "actions" }))));
     }
     get host() { return this; }
-    static get style() { return modalCss; }
-}, [257, "tds-modal", {
+    static get style() { return TdsModalStyle0; }
+}, [1, "tds-modal", {
         "header": [1],
         "prevent": [4],
         "size": [1],

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

@@ -1,15 +1,13 @@
-import { p as proxyCustomElement, H, h, a as Host } from './index.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);text-decoration:none;display:block;position:relative;transition:color 0.15s ease-in-out 0s;white-space:nowrap;background-color:transparent;border:0;width:100%;padding:26px 0}:host ::slotted(*:focus-visible)::before{content:\"\";position:absolute;left:0;right:0;top:3px;bottom:3px;outline:2px solid var(--tds-focus-outline-color);box-shadow:0 0 0 1px var(--tds-white);outline-offset:1px;z-index:1}:host .navigation-tab-item:not(.selected)::after{width:0%;transition:width 0.15s ease-in-out 0s}:host .navigation-tab-item{position:relative}:host .navigation-tab-item:hover{cursor:pointer}:host .navigation-tab-item:hover ::slotted(*){color:var(--tds-navigation-tabs-tab-color-hover)}:host .navigation-tab-item:hover::after{width:100%}:host .navigation-tab-item::after{content:\" \";position:absolute;bottom:0;right:0;left:0;margin-left:auto;width:0%;margin-right:auto;height:2px;background-color:var(--tds-navigation-tabs-tab-indicator-background-hover);z-index:1}:host .navigation-tab-item:hover:focus-within::after{bottom:3px}:host .selected ::slotted(*){color:var(--tds-navigation-tabs-tab-color-selected)}:host .selected::after{width:100%;background-color:var(--tds-navigation-tabs-tab-indicator-background-active)}:host .disabled ::slotted(*){color:var(--tds-navigation-tabs-tab-color-disabled)}:host .disabled::after{content:none}:host .disabled ::slotted(*:hover){cursor:not-allowed;color:var(--tds-navigation-tabs-tab-color-disabled)}:host .disabled ::slotted(*:focus-visible){outline:none}:host(.last){margin-right:32px}";
+const TdsNavigationTabStyle0 = navigationTabCss;
 
 const TdsNavigationTab$1 = /*@__PURE__*/ proxyCustomElement(class TdsNavigationTab extends H {
-    constructor(registerHost) {
+    constructor() {
         super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
+        this.__registerHost();
         this.__attachShadow();
-        /** Disables the Tab. */
         this.disabled = false;
         this.selected = false;
     }
@@ -40,8 +38,8 @@ const TdsNavigationTab$1 = /*@__PURE__*/ proxyCustomElement(class TdsNavigationT
            ${this.disabled ? 'disabled' : ''}` }, h("slot", { key: '9824df7626af1bedbc17f98c0cfe305b9546f235' }))));
     }
     get host() { return this; }
-    static get style() { return navigationTabCss; }
-}, [257, "tds-navigation-tab", {
+    static get style() { return TdsNavigationTabStyle0; }
+}, [1, "tds-navigation-tab", {
         "disabled": [4],
         "selected": [32],
         "setSelected": [64]

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

@@ -1,28 +1,15 @@
-import { p as proxyCustomElement, H, c as createEvent, h, a as Host } from './index.js';
-import { d as defineCustomElement$2 } from './p-CPDv0bBc.js';
+import { p as proxyCustomElement, H, d as createEvent, h, c as Host } from './p-28ef5186.js';
+import { d as defineCustomElement$2 } from './p-f7d94947.js';
 
 const navigationTabsCss = ":host{box-sizing:border-box;display:flex;background-color:var(--tds-navigation-tabs-background);position:relative}:host *{box-sizing:border-box}:host::after{content:\" \";display:block;border-bottom:1px solid var(--tds-navigation-tabs-horizontal-divider-background);left:0;right:0;bottom:0;position:absolute}:host .wrapper{display:flex;flex-wrap:nowrap;white-space:nowrap;width:100%;overflow-x:scroll;scrollbar-width:none;gap:16px}:host .wrapper::-webkit-scrollbar{display:none}:host .scroll-right-button{right:0;z-index:1}:host .scroll-left-button{left:0;z-index:1}:host .scroll-right-button,:host .scroll-left-button{color:var(--tds-folder-tabs-scroll-btn-color);cursor:pointer;border:0;width:0;background-color:var(--tds-inline-tabs-scroll-btn-background);display:none;justify-content:center;align-items:center;opacity:0;pointer-events:none;position:sticky}:host .scroll-right-button.show,:host .scroll-left-button.show{min-width:48px;display:block;opacity:1;pointer-events:all}:host .scroll-right-button:hover,:host .scroll-left-button:hover{background-color:var(--tds-folder-tabs-scroll-btn-background-hover)}:host .scroll-right-button:active,:host .scroll-left-button:active{background-color:var(--tds-folder-tabs-scroll-btn-background-active)}:host .scroll-right-button:focus::before,:host .scroll-left-button:focus::before{content:\"\";position:absolute;left:3px;right:3px;top:3px;bottom:3px;outline:2px solid var(--tds-focus-outline-color);box-shadow:0 0 0 1px var(--tds-white);outline-offset:1px;z-index:1}:host .scroll-right-button:focus,:host .scroll-left-button:focus{outline:0}:host .scroll-right-button svg,:host .scroll-left-button svg{fill:var(--tds-folder-tabs-scroll-btn-color)}";
+const TdsNavigationTabsStyle0 = navigationTabsCss;
 
 const TdsNavigationTabs$1 = /*@__PURE__*/ proxyCustomElement(class TdsNavigationTabs extends H {
-    constructor(registerHost) {
+    constructor() {
         super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
+        this.__registerHost();
         this.__attachShadow();
         this.tdsChange = createEvent(this, "tdsChange", 7);
-        /** Variant of the Tabs, primary= on white, secondary= on grey50 */
-        this.modeVariant = 'primary';
-        /** Sets the default selected Tab. */
-        this.defaultSelectedIndex = 0;
-        /** Custom left padding value for the wrapper element. */
-        this.leftPadding = 32;
-        /** Defines aria-label on left scroll button */
-        this.tdsScrollLeftAriaLabel = 'Scroll left';
-        /** Defines aria-label on right scroll button */
-        this.tdsScrollRightAriaLabel = 'Scroll right';
-        this.showLeftScroll = false;
-        this.showRightScroll = false;
         this.navWrapperElement = null; // reference to container with nav buttons
         this.componentWidth = 0; // visible width of this component
         this.buttonsWidth = 0; // total width of all nav items combined
@@ -76,6 +63,14 @@ const TdsNavigationTabs$1 = /*@__PURE__*/ proxyCustomElement(class TdsNavigation
                 }
             });
         };
+        this.modeVariant = 'primary';
+        this.defaultSelectedIndex = 0;
+        this.selectedIndex = undefined;
+        this.leftPadding = 32;
+        this.tdsScrollLeftAriaLabel = 'Scroll left';
+        this.tdsScrollRightAriaLabel = 'Scroll right';
+        this.showLeftScroll = false;
+        this.showRightScroll = false;
     }
     /** Sets the passed tabindex as the selected Tab. */
     async selectTab(tabIndex) {
@@ -194,8 +189,8 @@ const TdsNavigationTabs$1 = /*@__PURE__*/ proxyCustomElement(class TdsNavigation
     static get watchers() { return {
         "selectedIndex": ["handleSelectedIndexUpdate"]
     }; }
-    static get style() { return navigationTabsCss; }
-}, [257, "tds-navigation-tabs", {
+    static get style() { return TdsNavigationTabsStyle0; }
+}, [1, "tds-navigation-tabs", {
         "modeVariant": [1, "mode-variant"],
         "defaultSelectedIndex": [2, "default-selected-index"],
         "selectedIndex": [514, "selected-index"],

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

@@ -1,4 +1,4 @@
-import { T as TdsPopoverCanvas$1, d as defineCustomElement$1 } from './p-B569z5eW.js';
+import { T as TdsPopoverCanvas$1, d as defineCustomElement$1 } from './p-63552d0e.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-X1sPx4t5.js';
+import { T as TdsPopoverCore$1, d as defineCustomElement$1 } from './p-3308d5fa.js';
 
 const TdsPopoverCore = TdsPopoverCore$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,15 +1,13 @@
-import { p as proxyCustomElement, H, h, a as Host } from './index.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;transition:background-color var(--tds-motion-duration-fast-02) var(--tds-motion-easing-easy)}:host .wrapper:hover{cursor:pointer;background-color:var(--tds-popover-menu-background-hover)}:host .wrapper.disabled{cursor:not-allowed;color:var(--tds-popover-menu-divider-disabled-color)}:host .wrapper.disabled:hover{background-color:inherit}:host .wrapper.disabled ::slotted(tds-icon){color:var(--tds-popover-menu-divider-disabled-icon-color)}:host .wrapper.disabled ::slotted(*){pointer-events:none}:host ::slotted(*:not(tds-icon)){all:unset;width:100%;display:inline-flex;display:flex;align-items:center;gap:10px;padding:10px 16px}:host ::slotted(*:focus-visible)::before{z-index:-1;content:\"\";display:block;position:absolute;width:calc(100% - 4px);height:100%;top:0;left:2px;outline:1px solid var(--tds-blue-400);outline-offset:1px}";
+const TdsPopoverMenuItemStyle0 = popoverMenuItemCss;
 
 const TdsPopoverMenuItem$1 = /*@__PURE__*/ proxyCustomElement(class TdsPopoverMenuItem extends H {
-    constructor(registerHost) {
+    constructor() {
         super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
+        this.__registerHost();
         this.__attachShadow();
-        /** Disables the Popover Menu Item */
         this.disabled = false;
     }
     render() {
@@ -18,8 +16,8 @@ const TdsPopoverMenuItem$1 = /*@__PURE__*/ proxyCustomElement(class TdsPopoverMe
                 disabled: this.disabled,
             } }, h("slot", { key: 'ddacc7938ca455a8151b2e46449414146073b045' }))));
     }
-    static get style() { return popoverMenuItemCss; }
-}, [257, "tds-popover-menu-item", {
+    static get style() { return TdsPopoverMenuItemStyle0; }
+}, [1, "tds-popover-menu-item", {
         "disabled": [4]
     }]);
 function defineCustomElement$1() {

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

@@ -1,35 +1,26 @@
-import { p as proxyCustomElement, H, h, a as Host } from './index.js';
-import { i as inheritAttributes } from './p-CF8bH08v.js';
-import { d as defineCustomElement$2 } from './p-X1sPx4t5.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-3308d5fa.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;
 
 const TdsPopoverMenu$1 = /*@__PURE__*/ proxyCustomElement(class TdsPopoverMenu extends H {
-    constructor(registerHost) {
+    constructor() {
         super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        /** Controls whether the Popover is shown or not. If this is set hiding and showing
-         * will be decided by this prop and will need to be controlled from the outside. This
-         * also means that clicking outside of the popover won't close it. Takes precedence over `defaultShow` prop.
-         */
+        this.__registerHost();
+        this.inheritedAttributes = [];
+        this.selector = undefined;
+        this.referenceEl = undefined;
         this.show = null;
-        /** Decides if the component should be visible from the start. */
         this.defaultShow = false;
-        /** Decides the placement of the Popover Menu */
         this.placement = 'auto';
-        /** Whether the popover should animate when being opened/closed or not */
         this.animation = 'none';
-        /** Sets the offset skidding */
         this.offsetSkidding = 0;
-        /** Sets the offset distance */
         this.offsetDistance = 8;
-        /** If true this unsets the width (160px) of the Popover Menu */
         this.fluidWidth = false;
-        /** Mode variant of the component, based on current mode. */
         this.modeVariant = null;
-        this.inheritedAttributes = [];
+        this.childRef = undefined;
     }
     /** Property for closing popover programmatically */
     async close() {
@@ -52,8 +43,8 @@ const TdsPopoverMenu$1 = /*@__PURE__*/ proxyCustomElement(class TdsPopoverMenu e
             }, defaultShow: this.defaultShow, animation: this.animation }, h("div", { key: 'f1549f6d338ed8e9a511577a85735b834a89df27', role: "menu" }, h("slot", { key: 'def698636f21c11133ad0289b21b76db0f208116' })))));
     }
     get host() { return this; }
-    static get style() { return popoverMenuCss; }
-}, [262, "tds-popover-menu", {
+    static get style() { return TdsPopoverMenuStyle0; }
+}, [6, "tds-popover-menu", {
         "selector": [1],
         "referenceEl": [16],
         "show": [4],

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

@@ -1,29 +1,28 @@
-import { p as proxyCustomElement, H, c as createEvent, h } from './index.js';
-import { g as generateUniqueId } from './p-Cn4f8w1e.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:22px;height:22px;left:1px;top:1px}.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)}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:focus-visible::before{background-color:var(--tds-radio-button-background-focus);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:focus-visible::after{outline:1px solid var(--tds-radio-button-interaction-outline)}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:disabled,.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].disabled.sc-tds-radio-button{cursor:not-allowed}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:disabled::after,.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].disabled.sc-tds-radio-button::after{border-color:var(--tds-radio-button-border-color-disabled-after);background-color:var(--tds-radio-button-interaction-02)}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:disabled+label.sc-tds-radio-button,.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].disabled.sc-tds-radio-button+label.sc-tds-radio-button{color:var(--tds-radio-button-disabled);cursor:not-allowed}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:disabled:hover::before,.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].disabled.sc-tds-radio-button:hover::before{display:none;opacity:1}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:checked::after{border:4px solid var(--tds-radio-button-interaction-01)}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:checked:disabled:hover::before,.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:checked:disabled::before,.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:checked.disabled:hover::before,.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:checked.disabled::before{display:block;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)}}";
+const TdsRadioButtonStyle0 = radioButtonCss;
 
 const TdsRadioButton$1 = /*@__PURE__*/ proxyCustomElement(class TdsRadioButton extends H {
-    constructor(registerHost) {
+    constructor() {
         super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
+        this.__registerHost();
         this.tdsChange = createEvent(this, "tdsChange", 6);
-        /** Unique Radio Button identifier. */
-        this.radioId = generateUniqueId();
-        /** Decides if the Radio Button is checked or not. */
-        this.checked = false;
-        /** Decides if the Radio Button is required or not. */
-        this.required = false;
-        /** Decides if the Radio Button is disabled or not. */
-        this.disabled = false;
         this.handleChange = () => {
             this.tdsChange.emit({
                 radioId: this.radioId,
                 value: this.value,
             });
         };
+        this.name = undefined;
+        this.value = undefined;
+        this.radioId = generateUniqueId();
+        this.checked = false;
+        this.required = false;
+        this.disabled = false;
+        this.tdsAriaLabel = undefined;
+        this.tdsTabIndex = undefined;
     }
     /** Method to programmatically focus the radio button element */
     async focusElement() {
@@ -35,8 +34,8 @@ const TdsRadioButton$1 = /*@__PURE__*/ proxyCustomElement(class TdsRadioButton e
         return (h("div", { key: '48a31826daeef320097430deec2f57188ad3cd80', class: "tds-radio-button" }, h("input", { key: '6bc9711fae2e1ea4b8bc18cd441a364eb0bc4d9c', ref: (inputEl) => (this.inputElement = inputEl), "aria-label": this.tdsAriaLabel, class: "tds-form-input", type: "radio", role: "radio", name: this.name, id: this.radioId, value: this.value, checked: this.checked, "aria-checked": this.checked, required: this.required, disabled: this.disabled, onChange: () => this.handleChange(), tabIndex: this.tdsTabIndex }), h("label", { key: 'b2dbeea2ca194adea717086ba0d69d023860324d', htmlFor: this.radioId }, h("slot", { key: '422fab6ae9d579cf46d4110a61782a501dfb6a2a', name: "label" }))));
     }
     get host() { return this; }
-    static get style() { return radioButtonCss; }
-}, [262, "tds-radio-button", {
+    static get style() { return TdsRadioButtonStyle0; }
+}, [6, "tds-radio-button", {
         "name": [1],
         "value": [1],
         "radioId": [1, "radio-id"],

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

@@ -1,15 +1,14 @@
-import { p as proxyCustomElement, H, h, a as Host } from './index.js';
-import { i as inheritAriaAttributes } from './p-Q3W78DlP.js';
-import { d as defineCustomElement$2 } from './p-CPDv0bBc.js';
+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-f7d94947.js';
 
 const sideMenuCloseButtonCss = ":host button{height:64px;width:100%;text-align:left;padding:0 22px;border:none;background-color:var(--tds-sidebar-side-menu-background-cover);font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);color:var(--tds-sidebar-side-menu-single-item-color);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;
 
 const TdsSideMenuCloseButton$1 = /*@__PURE__*/ proxyCustomElement(class TdsSideMenuCloseButton extends H {
-    constructor(registerHost) {
+    constructor() {
         super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
+        this.__registerHost();
         this.__attachShadow();
     }
     static handleClick() {
@@ -26,8 +25,8 @@ const TdsSideMenuCloseButton$1 = /*@__PURE__*/ proxyCustomElement(class TdsSideM
         return (h(Host, { key: 'de98375064e94f8bfc19a60db7464c6b1c20a46f' }, h("button", Object.assign({ key: '4b9284c8b220d5b9fb0d1e3b346a5dfc209e59e2' }, buttonProps), h("tds-icon", { key: '78a639c37f7a307f42ce68ec239b28c6da8a3221', name: "cross", size: "20px", svgTitle: "Cross" }))));
     }
     get host() { return this; }
-    static get style() { return sideMenuCloseButtonCss; }
-}, [257, "tds-side-menu-close-button"]);
+    static get style() { return TdsSideMenuCloseButtonStyle0; }
+}, [1, "tds-side-menu-close-button"]);
 function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;

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

@@ -1,18 +1,16 @@
-import { p as proxyCustomElement, H, c as createEvent, h, a as Host } from './index.js';
-import { d as defineCustomElement$2 } from './p-BxmFjTxG.js';
+import { p as proxyCustomElement, H, d as createEvent, h, c as Host } from './p-28ef5186.js';
+import { d as defineCustomElement$2 } from './p-1dafdc8c.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;
 
 const TdsSideMenuCollapseButton$1 = /*@__PURE__*/ proxyCustomElement(class TdsSideMenuCollapseButton extends H {
-    constructor(registerHost) {
+    constructor() {
         super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
+        this.__registerHost();
         this.__attachShadow();
         this.tdsCollapse = createEvent(this, "tdsCollapse", 3);
         this.internalTdsCollapse = createEvent(this, "internalTdsCollapse", 6);
-        this.collapsed = false;
         this.handleClick = () => {
             /** Emit a public event that the user can prevent. */
             const tdsCollapseEvent = this.tdsCollapse.emit({
@@ -27,6 +25,7 @@ const TdsSideMenuCollapseButton$1 = /*@__PURE__*/ proxyCustomElement(class TdsSi
                 });
             }
         };
+        this.collapsed = false;
     }
     collapseSideMenuEventHandler(event) {
         this.collapsed = event.detail.collapsed;
@@ -44,8 +43,8 @@ const TdsSideMenuCollapseButton$1 = /*@__PURE__*/ proxyCustomElement(class TdsSi
             } }, h("svg", { key: '23a6362a7d6ab754d08ac439314fc94e37ec3a88', class: "icon", slot: "icon", fill: "none", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32" }, h("path", { key: '17a188de96b29b501b76294d8dac4f852edc22a3', "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: 'a1a2408ee34830a190408c808935e33eed8bce5b' }))))));
     }
     get host() { return this; }
-    static get style() { return sideMenuCollapseButtonCss; }
-}, [257, "tds-side-menu-collapse-button", {
+    static get style() { return TdsSideMenuCollapseButtonStyle0; }
+}, [1, "tds-side-menu-collapse-button", {
         "collapsed": [32]
     }, [[16, "internalTdsSideMenuPropChange", "collapseSideMenuEventHandler"]]]);
 function defineCustomElement$1() {