@scania/tegel 1.47.2 → 1.48.0

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

@@ -1,113 +1 @@
-import { p as proxyCustomElement, H, h, F as Fragment, c as Host } from './p-28ef5186.js';
-import { d as defineCustomElement$3 } from './p-f086ba26.js';
-import { d as defineCustomElement$2 } from './p-5725d7a2.js';
-
-const sideMenuDropdownCss = ":host{display:block}:host .wrapper{display:flex;flex-direction:column}:host .dropdown-icon{margin-left:auto;transition:all 0.2s ease-in-out}:host .state-open .dropdown-icon{transform:rotateZ(180deg)}:host .state-open .menu{display:block}:host .state-collapsed .menu{--side-menu-width:69px;position:absolute;left:var(--side-menu-width);box-shadow:var(--tds-nav-dropdown-menu-box);background-color:var(--tds-sidebar-side-menu-subnav-background)}:host .state-collapsed .menu .heading-collapsed{all:unset;box-sizing:border-box;padding:16px 24px 15px;min-height:48px;display:flex;align-items:center;border-bottom:1px solid var(--tds-sidebar-side-menu-bottom-menu-border-top);font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls)}:host :not(.state-collapsed) .menu ::slotted(tds-side-menu-dropdown-list){width:100%}:host .menu{display:none;flex-direction:column}";
-const TdsSideMenuDropdownStyle0 = sideMenuDropdownCss;
-
-const TdsSideMenuDropdown$1 = /*@__PURE__*/ proxyCustomElement(class TdsSideMenuDropdown extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.defaultOpen = false;
-        this.buttonLabel = undefined;
-        this.selected = false;
-        this.open = false;
-        this.hoverState = {
-            isHovered: false,
-            updatedAt: 0,
-        };
-        this.collapsed = false;
-    }
-    collapsedSideMenuEventHandler(event) {
-        this.collapsed = event.detail.collapsed;
-    }
-    onEventPointerEnter() {
-        this.setHoverStateOpen();
-    }
-    onEventFocus() {
-        this.setHoverStateOpen();
-    }
-    onEventPointerLeave() {
-        this.setHoverStateClosed();
-    }
-    onEventBlur() {
-        this.setHoverStateClosed();
-    }
-    handleKeyDown(event) {
-        if (event.key === 'Enter' || event.key === ' ') {
-            event.preventDefault();
-            this.open = !this.open;
-        }
-    }
-    setHoverStateOpen() {
-        this.hoverState = { isHovered: true, updatedAt: Date.now() };
-    }
-    setHoverStateClosed() {
-        const leftAt = Date.now();
-        const toleranceInMilliseconds = 150;
-        setTimeout(() => {
-            if (this.hoverState.isHovered && this.hoverState.updatedAt < leftAt) {
-                this.hoverState = { isHovered: false, updatedAt: Date.now() };
-            }
-        }, toleranceInMilliseconds);
-    }
-    getIsOpenState() {
-        var _a;
-        return this.collapsed ? (_a = this.hoverState) === null || _a === void 0 ? void 0 : _a.isHovered : this.open;
-    }
-    connectedCallback() {
-        var _a;
-        this.sideMenuEl = this.host.closest('tds-side-menu');
-        this.collapsed = !!((_a = this.sideMenuEl) === null || _a === void 0 ? void 0 : _a.collapsed);
-        this.open = this.defaultOpen;
-    }
-    render() {
-        return (h(Host, { key: 'c445ee17a53144079495acb4d1153dc5f612646b' }, h("div", { key: 'b065cb14ea953a4bc00f9f46c6a2f6e1c1034fc4', class: {
-                'wrapper': true,
-                'state-open': this.getIsOpenState(),
-                'state-collapsed': this.collapsed,
-            } }, h("tds-side-menu-item", { key: '7943b4e12bdf59a9777789b93c77dd92ad2dfb0e', class: "button", active: this.getIsOpenState(), selected: this.selected, onClick: () => {
-                this.open = !this.open;
-            }, "aria-expanded": this.getIsOpenState() ? 'true' : 'false' }, h("button", { key: '957d046e71a2318d634dba3d3872e6a49ae16b02' }, h("slot", { key: 'df8984720383a834f689e61a8e8bddb1e0cd92ed', name: "icon" }), !this.collapsed && (h(Fragment, { key: '22085c004966a41285404d5e4871023104d0bb0b' }, this.buttonLabel, h("slot", { key: 'cd82933ecce64fede3b898a77ce949cdb568ebde', name: "label" }), h("tds-icon", { key: 'b475975ed4c714a2e3526a334ae19f308f54715c', class: "dropdown-icon", name: "chevron_down", size: "16px", svgTitle: "Chevron Down" }))))), h("div", { key: '4bd22d9c1b67f9783d8b596991ff62a8d158ba41', class: "menu", tabindex: this.collapsed ? '0' : undefined }, this.collapsed && (h("h3", { key: '11082571734352f3b8913017d46104b28b57ba47', class: "heading-collapsed" }, this.buttonLabel, h("slot", { key: '227ceed36a5db531ff2bd45320bcac88943565bc', name: "label" }))), h("slot", { key: 'b8ca5992ac9bbb0539ceb3d98536691f70926ea5' })))));
-    }
-    get host() { return this; }
-    static get style() { return TdsSideMenuDropdownStyle0; }
-}, [1, "tds-side-menu-dropdown", {
-        "defaultOpen": [4, "default-open"],
-        "buttonLabel": [1, "button-label"],
-        "selected": [4],
-        "open": [4],
-        "hoverState": [32],
-        "collapsed": [32]
-    }, [[16, "internalTdsSideMenuPropChange", "collapsedSideMenuEventHandler"], [1, "pointerenter", "onEventPointerEnter"], [0, "focusin", "onEventFocus"], [1, "pointerleave", "onEventPointerLeave"], [0, "focusout", "onEventBlur"], [0, "keydown", "handleKeyDown"]]]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["tds-side-menu-dropdown", "tds-icon", "tds-side-menu-item"];
-    components.forEach(tagName => { switch (tagName) {
-        case "tds-side-menu-dropdown":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, TdsSideMenuDropdown$1);
-            }
-            break;
-        case "tds-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "tds-side-menu-item":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
-
-const TdsSideMenuDropdown = TdsSideMenuDropdown$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { TdsSideMenuDropdown, defineCustomElement };
+import{t as e,p as t,H as s,h as d,F as n,a as o}from"./index.js";import{d as a}from"./p-C0fx1H4h.js";import{d as i}from"./p-BWqvStj8.js";const l=t(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.defaultOpen=!1,this.selected=!1,this.open=!1,this.hoverState={isHovered:!1,updatedAt:0},this.collapsed=!1}collapsedSideMenuEventHandler(e){this.collapsed=e.detail.collapsed}onEventPointerEnter(){this.setHoverStateOpen()}onEventFocus(){this.setHoverStateOpen()}onEventPointerLeave(){this.setHoverStateClosed()}onEventBlur(){this.setHoverStateClosed()}handleKeyDown(e){"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),this.open=!this.open)}setHoverStateOpen(){this.hoverState={isHovered:!0,updatedAt:Date.now()}}setHoverStateClosed(){const e=Date.now();setTimeout((()=>{this.hoverState.isHovered&&this.hoverState.updatedAt<e&&(this.hoverState={isHovered:!1,updatedAt:Date.now()})}),150)}getIsOpenState(){var e;return this.collapsed?null===(e=this.hoverState)||void 0===e?void 0:e.isHovered:this.open}connectedCallback(){var e;this.sideMenuEl=this.host.closest("tds-side-menu"),this.collapsed=!!(null===(e=this.sideMenuEl)||void 0===e?void 0:e.collapsed),this.open=this.defaultOpen}render(){return d(o,{key:"c445ee17a53144079495acb4d1153dc5f612646b"},d("div",{key:"b065cb14ea953a4bc00f9f46c6a2f6e1c1034fc4",class:{wrapper:!0,"state-open":this.getIsOpenState(),"state-collapsed":this.collapsed}},d("tds-side-menu-item",{key:"7943b4e12bdf59a9777789b93c77dd92ad2dfb0e",class:"button",active:this.getIsOpenState(),selected:this.selected,onClick:()=>{this.open=!this.open},"aria-expanded":this.getIsOpenState()?"true":"false"},d("button",{key:"957d046e71a2318d634dba3d3872e6a49ae16b02"},d("slot",{key:"df8984720383a834f689e61a8e8bddb1e0cd92ed",name:"icon"}),!this.collapsed&&d(n,{key:"22085c004966a41285404d5e4871023104d0bb0b"},this.buttonLabel,d("slot",{key:"cd82933ecce64fede3b898a77ce949cdb568ebde",name:"label"}),d("tds-icon",{key:"b475975ed4c714a2e3526a334ae19f308f54715c",class:"dropdown-icon",name:"chevron_down",size:"16px",svgTitle:"Chevron Down"})))),d("div",{key:"4bd22d9c1b67f9783d8b596991ff62a8d158ba41",class:"menu",tabindex:this.collapsed?"0":void 0},this.collapsed&&d("h3",{key:"11082571734352f3b8913017d46104b28b57ba47",class:"heading-collapsed"},this.buttonLabel,d("slot",{key:"227ceed36a5db531ff2bd45320bcac88943565bc",name:"label"})),d("slot",{key:"b8ca5992ac9bbb0539ceb3d98536691f70926ea5"}))))}get host(){return this}static get style(){return":host{display:block}:host .wrapper{display:flex;flex-direction:column}:host .dropdown-icon{margin-left:auto;transition:all 0.2s ease-in-out}:host .state-open .dropdown-icon{transform:rotateZ(180deg)}:host .state-open .menu{display:block}:host .state-collapsed .menu{--side-menu-width:69px;position:absolute;left:var(--side-menu-width);box-shadow:var(--tds-nav-dropdown-menu-box);background-color:var(--tds-sidebar-side-menu-subnav-background)}:host .state-collapsed .menu .heading-collapsed{all:unset;box-sizing:border-box;padding:16px 24px 15px;min-height:48px;display:flex;align-items:center;border-bottom:1px solid var(--tds-sidebar-side-menu-bottom-menu-border-top);font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls)}:host :not(.state-collapsed) .menu ::slotted(tds-side-menu-dropdown-list){width:100%}:host .menu{display:none;flex-direction:column}"}},[257,"tds-side-menu-dropdown",{defaultOpen:[4,"default-open"],buttonLabel:[1,"button-label"],selected:[4],open:[4],hoverState:[32],collapsed:[32]},[[16,"internalTdsSideMenuPropChange","collapsedSideMenuEventHandler"],[1,"pointerenter","onEventPointerEnter"],[0,"focusin","onEventFocus"],[1,"pointerleave","onEventPointerLeave"],[0,"focusout","onEventBlur"],[0,"keydown","handleKeyDown"]]]);function r(){"undefined"!=typeof customElements&&["tds-side-menu-dropdown","tds-icon","tds-side-menu-item"].forEach((t=>{switch(t){case"tds-side-menu-dropdown":customElements.get(e(t))||customElements.define(e(t),l);break;case"tds-icon":customElements.get(e(t))||a();break;case"tds-side-menu-item":customElements.get(e(t))||i()}}))}r();const c=l,h=r;export{c as TdsSideMenuDropdown,h as defineCustomElement}

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

@@ -1,6 +1 @@
-import { T as TdsSideMenuItem$1, d as defineCustomElement$1 } from './p-5725d7a2.js';
-
-const TdsSideMenuItem = TdsSideMenuItem$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { TdsSideMenuItem, defineCustomElement };
+import{T as o,d as s}from"./p-BWqvStj8.js";const t=o,p=s;export{t as TdsSideMenuItem,p as defineCustomElement}

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

@@ -1,35 +1 @@
-import { p as proxyCustomElement, H, h, c as Host } from './p-28ef5186.js';
-
-const sideMenuOverlayCss = ":host{position:fixed;width:100%;height:100%;background-color:black}div{position:fixed;width:100%;height:100%;pointer-events:none}";
-const TdsSideMenuOverlayStyle0 = sideMenuOverlayCss;
-
-const TdsSideMenuOverlay$1 = /*@__PURE__*/ proxyCustomElement(class TdsSideMenuOverlay extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-    }
-    render() {
-        return (h(Host, { key: '15e4b102af83962079d9bc9104c3e4d243cea947' }, h("div", { key: '52ed88b0ccf8ae02c3d83849f610475b0ad55065' })));
-    }
-    static get style() { return TdsSideMenuOverlayStyle0; }
-}, [1, "tds-side-menu-overlay"]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["tds-side-menu-overlay"];
-    components.forEach(tagName => { switch (tagName) {
-        case "tds-side-menu-overlay":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, TdsSideMenuOverlay$1);
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
-
-const TdsSideMenuOverlay = TdsSideMenuOverlay$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { TdsSideMenuOverlay, defineCustomElement };
+import{t as e,p as t,H as s,h as n,a as o}from"./index.js";const d=t(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return n(o,{key:"15e4b102af83962079d9bc9104c3e4d243cea947"},n("div",{key:"52ed88b0ccf8ae02c3d83849f610475b0ad55065"}))}static get style(){return":host{position:fixed;width:100%;height:100%;background-color:black}div{position:fixed;width:100%;height:100%;pointer-events:none}"}},[1,"tds-side-menu-overlay"]);function i(){"undefined"!=typeof customElements&&["tds-side-menu-overlay"].forEach((t=>{"tds-side-menu-overlay"===t&&(customElements.get(e(t))||customElements.define(e(t),d))}))}i();const c=d,r=i;export{c as TdsSideMenuOverlay,r as defineCustomElement}

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

@@ -1,6 +1 @@
-import { T as TdsSideMenuUserImage$1, d as defineCustomElement$1 } from './p-32351d04.js';
-
-const TdsSideMenuUserImage = TdsSideMenuUserImage$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { TdsSideMenuUserImage, defineCustomElement };
+import{T as o,d as r}from"./p-CLzENrFV.js";const s=o,p=r;export{s as TdsSideMenuUserImage,p as defineCustomElement}

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

@@ -1,6 +1 @@
-import { T as TdsSideMenuUserLabel$1, d as defineCustomElement$1 } from './p-0f9ce30b.js';
-
-const TdsSideMenuUserLabel = TdsSideMenuUserLabel$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { TdsSideMenuUserLabel, defineCustomElement };
+import{T as o,d as s}from"./p-Dh34QRlJ.js";const p=o,r=s;export{p as TdsSideMenuUserLabel,r as defineCustomElement}

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

@@ -1,56 +1 @@
-import { p as proxyCustomElement, H, h, c as Host } from './p-28ef5186.js';
-import { d as defineCustomElement$3 } from './p-32351d04.js';
-import { d as defineCustomElement$2 } from './p-0f9ce30b.js';
-
-const sideMenuUserCss = ":host{display:flex;align-items:center;gap:16px;height:68px}";
-const TdsSideMenuUserStyle0 = sideMenuUserCss;
-
-const TdsSideMenuUser$1 = /*@__PURE__*/ proxyCustomElement(class TdsSideMenuUser extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.heading = undefined;
-        this.subheading = undefined;
-        this.imgSrc = undefined;
-        this.imgAlt = undefined;
-    }
-    render() {
-        return (h(Host, { key: '029f8e80bd9eb56ba1826280e6c64fdddbba918c' }, h("tds-side-menu-user-image", { key: 'ee277efe9180b8013596cae3ccebf801c47d7573', src: this.imgSrc, alt: this.imgAlt }, h("slot", { key: 'bfd0ee76f3c8903f033417ab917796ab9a2bc941', name: "image" })), h("tds-side-menu-user-label", { key: '0a1e257454854db6e670a68a3a085430e4e5187c', heading: this.heading, subheading: this.subheading })));
-    }
-    static get style() { return TdsSideMenuUserStyle0; }
-}, [1, "tds-side-menu-user", {
-        "heading": [1],
-        "subheading": [1],
-        "imgSrc": [1, "img-src"],
-        "imgAlt": [1, "img-alt"]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["tds-side-menu-user", "tds-side-menu-user-image", "tds-side-menu-user-label"];
-    components.forEach(tagName => { switch (tagName) {
-        case "tds-side-menu-user":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, TdsSideMenuUser$1);
-            }
-            break;
-        case "tds-side-menu-user-image":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "tds-side-menu-user-label":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
-
-const TdsSideMenuUser = TdsSideMenuUser$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { TdsSideMenuUser, defineCustomElement };
+import{t as e,p as s,H as t,h as a,a as i}from"./index.js";import{d}from"./p-CLzENrFV.js";import{d as m}from"./p-Dh34QRlJ.js";const n=s(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return a(i,{key:"029f8e80bd9eb56ba1826280e6c64fdddbba918c"},a("tds-side-menu-user-image",{key:"ee277efe9180b8013596cae3ccebf801c47d7573",src:this.imgSrc,alt:this.imgAlt},a("slot",{key:"bfd0ee76f3c8903f033417ab917796ab9a2bc941",name:"image"})),a("tds-side-menu-user-label",{key:"0a1e257454854db6e670a68a3a085430e4e5187c",heading:this.heading,subheading:this.subheading}))}static get style(){return":host{display:flex;align-items:center;gap:16px;height:68px}"}},[257,"tds-side-menu-user",{heading:[1],subheading:[1],imgSrc:[1,"img-src"],imgAlt:[1,"img-alt"]}]);function r(){"undefined"!=typeof customElements&&["tds-side-menu-user","tds-side-menu-user-image","tds-side-menu-user-label"].forEach((s=>{switch(s){case"tds-side-menu-user":customElements.get(e(s))||customElements.define(e(s),n);break;case"tds-side-menu-user-image":customElements.get(e(s))||d();break;case"tds-side-menu-user-label":customElements.get(e(s))||m()}}))}r();const u=n,c=r;export{u as TdsSideMenuUser,c as defineCustomElement}

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

@@ -1,193 +1 @@
-import { p as proxyCustomElement, H, d as createEvent, h, c as Host } from './p-28ef5186.js';
-
-const sideMenuCss = ":host,:root{--tds-scrollbar-width-standard:thin;--tds-scrollbar-width:10px;--tds-scrollbar-height:10px;--tds-scrollbar-thumb-border-width:3px;--tds-scrollbar-thumb-border-hover-width:2px}body{scrollbar-width:thin}:host{pointer-events:none;display:block;position:fixed;top:0;width:100%;height:100%;z-index:500}:host .wrapper{height:inherit;}:host .wrapper slot:not([name])::slotted(*){border-bottom:1px solid var(--tds-sidebar-side-menu-bottom-menu-border-top)}:host .wrapper ::slotted([slot=end]){border-top:1px solid var(--tds-sidebar-side-menu-bottom-menu-border-top)}:host .wrapper .tds-side-menu-list-end{margin-top:68px}:host .state-closed{display:none}:host .state-open slot[name=overlay]::slotted(tds-side-menu-overlay){opacity:0.4}:host .state-open slot[name=close-button]::slotted(tds-side-menu-close-button){opacity:1}:host .state-upper-slot-empty .tds-side-menu-list-upper{display:none}:host .state-upper-slot-empty .tds-side-menu-list-end{margin-top:0}:host .state-upper-slot-empty ::slotted([slot=end]){border-top:none;border-bottom:1px solid var(--tds-sidebar-side-menu-bottom-menu-border-top)}@media (max-width: 992px){:host(.menu-opened){pointer-events:auto;z-index:500}}@media (min-width: 992px){:host(.menu-persistent){pointer-events:auto;position:static;width:272px;height:auto;border-right:1px solid var(--tds-sidebar-side-menu-bottom-menu-border-top)}:host(.menu-persistent) .wrapper slot[name=overlay]::slotted(tds-side-menu-overlay){display:none}:host(.menu-persistent) .wrapper slot[name=close-button]::slotted(tds-side-menu-close-button){display:none}:host(.menu-persistent) .menu{width:272px}:host(.menu-persistent) .state-closed{display:block}:host(.menu-persistent):host(.menu-collapsed){width:69px;box-sizing:border-box}:host(.menu-persistent):host(.menu-collapsed) .menu{width:68px}:host(.menu-persistent) slot[name=end]::slotted(*){display:none}}.menu{width:80%;height:inherit;position:relative;left:0;display:flex;flex-direction:column;justify-content:space-between}.menu *{padding:0;margin:0;box-sizing:border-box}@media (max-width: 384px){.menu{width:100%}}aside .tds-side-menu-wrapper{display:flex;justify-content:space-between;flex-direction:column;flex-grow:1;background-color:var(--tds-sidebar-side-menu-background-cover);overflow-y:auto}aside .tds-side-menu-wrapper:hover::-webkit-scrollbar-thumb{border:var(--tds-scrollbar-thumb-border-hover-width) solid transparent;background-clip:padding-box}aside .tds-side-menu-wrapper::-webkit-scrollbar{width:var(--tds-scrollbar-width)}aside .tds-side-menu-wrapper::-webkit-scrollbar-track{background:var(--tds-scrollbar-track-color)}aside .tds-side-menu-wrapper::-webkit-scrollbar-thumb{border-radius:40px;background:var(--tds-scrollbar-thumb-color);border:var(--tds-scrollbar-thumb-border-width) solid transparent;background-clip:padding-box}aside .tds-side-menu-wrapper::-webkit-scrollbar-button{height:0;width:0}@supports not selector(::-webkit-scrollbar){aside .tds-side-menu-wrapper{scrollbar-color:var(--tds-scrollbar-thumb-color) var(--tds-scrollbar-track-color);scrollbar-width:var(--tds-scrollbar-width-standard)}}aside [role=navigation]{height:100%;display:flex;flex-direction:column}aside li{list-style:none;padding:0;margin:0}";
-const TdsSideMenuStyle0 = sideMenuCss;
-
-const GRID_LG_BREAKPOINT = 992;
-const TdsSideMenu$1 = /*@__PURE__*/ proxyCustomElement(class TdsSideMenu extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.tdsCollapse = createEvent(this, "tdsCollapse", 7);
-        this.internalTdsCollapse = createEvent(this, "internalTdsCollapse", 6);
-        this.internalTdsSideMenuPropChange = createEvent(this, "internalTdsSideMenuPropChange", 6);
-        this.handleMatchesLgBreakpointChange = (e) => {
-            const isBelowLg = !e.matches;
-            if (isBelowLg) {
-                this.collapsed = false;
-            }
-            else {
-                this.collapsed = this.initialCollapsedState;
-                this.open = false;
-            }
-        };
-        this.open = false;
-        this.persistent = false;
-        this.collapsed = false;
-        this.isUpperSlotEmpty = false;
-        this.isCollapsed = false;
-        this.initialCollapsedState = false;
-        this.activeElementIndex = 0;
-    }
-    handleKeyDown(event) {
-        if (event.key === 'Escape' && this.open) {
-            this.open = false;
-        }
-    }
-    connectedCallback() {
-        this.matchesLgBreakpointMq = window.matchMedia(`(min-width: ${GRID_LG_BREAKPOINT}px)`);
-        this.matchesLgBreakpointMq.addEventListener('change', this.handleMatchesLgBreakpointChange);
-        this.isCollapsed = this.collapsed;
-        this.initialCollapsedState = this.collapsed;
-    }
-    componentDidLoad() {
-        var _a;
-        const upperSlot = (_a = this.host.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('slot:not([name])');
-        const upperSlotElements = upperSlot.assignedElements();
-        const hasUpperSlotElements = (upperSlotElements === null || upperSlotElements === void 0 ? void 0 : upperSlotElements.length) > 0;
-        if (!hasUpperSlotElements) {
-            this.isUpperSlotEmpty = true;
-        }
-        if (window.innerWidth < GRID_LG_BREAKPOINT) {
-            this.collapsed = false;
-        }
-    }
-    disconnectedCallback() {
-        this.matchesLgBreakpointMq.removeEventListener('change', this.handleMatchesLgBreakpointChange);
-    }
-    onCollapsedChange(newVal) {
-        /** Emits the internal collapse event when the prop has changed. */
-        this.internalTdsSideMenuPropChange.emit({
-            changed: ['collapsed'],
-            collapsed: newVal,
-        });
-        this.isCollapsed = newVal;
-    }
-    onOpenChange(newVal) {
-        if (newVal) {
-            // When menu opens, focus the first interactive element
-            setTimeout(() => {
-                const focusableElements = this.getFocusableElements();
-                if (focusableElements.length > 0) {
-                    this.activeElementIndex = 0;
-                    focusableElements[0].focus();
-                }
-            }, 100);
-        }
-        else {
-            // When menu closes, focus the hamburger button
-            const hamburgerComponent = document.querySelector('tds-header-hamburger');
-            if (hamburgerComponent && hamburgerComponent.shadowRoot) {
-                const hamburgerButton = hamburgerComponent.shadowRoot.querySelector('button');
-                if (hamburgerButton) {
-                    hamburgerButton.focus();
-                }
-            }
-        }
-    }
-    getFocusableElements() {
-        var _a, _b, _c;
-        const focusableSelectors = [
-            'a[href]',
-            'button:not([disabled])',
-            'textarea:not([disabled])',
-            'input:not([disabled])',
-            'select:not([disabled])',
-            '[tabindex]:not([tabindex="-1"])',
-        ].join(',');
-        const focusableInShadowRoot = Array.from((_b = (_a = this.host.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelectorAll(focusableSelectors)) !== null && _b !== void 0 ? _b : []);
-        const focusableInSlots = Array.from(this.host.querySelectorAll(focusableSelectors));
-        const slottedBtn = this.host.querySelector('[slot="close-button"]');
-        let closeBtn;
-        if (slottedBtn)
-            closeBtn = (_c = slottedBtn.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('button');
-        const focusableElements = [...focusableInShadowRoot, ...focusableInSlots];
-        if (closeBtn)
-            focusableElements.push(closeBtn);
-        /** Focusable elements */
-        return focusableElements;
-    }
-    handleFocusTrap(event) {
-        // Only trap focus if the menu is open
-        if (!this.open)
-            return;
-        // We care only about the Tab key
-        if (event.key !== 'Tab')
-            return;
-        const focusableElements = this.getFocusableElements();
-        // If there are no focusable elements
-        if (focusableElements.length === 0)
-            return;
-        // Prevent default tab behavior
-        event.preventDefault();
-        // Going backwards (Shift + Tab) on the first element => move to last
-        if (event.shiftKey) {
-            this.activeElementIndex -= 1;
-            if (this.activeElementIndex < 0) {
-                this.activeElementIndex = focusableElements.length - 1;
-            }
-        }
-        // Going forwards (Tab) on the last element => move to first
-        else {
-            this.activeElementIndex += 1;
-            if (this.activeElementIndex >= focusableElements.length) {
-                this.activeElementIndex = 0;
-            }
-        }
-        // Focus the next element
-        const nextElement = focusableElements[this.activeElementIndex];
-        nextElement.focus();
-    }
-    collapsedSideMenuEventHandler(event) {
-        this.collapsed = event.detail.collapsed;
-    }
-    render() {
-        return (h(Host, { key: '06848ba9d752f9b10c0ffbb8dcb65e1b353ce5a3', class: {
-                'menu-opened': this.open,
-                'menu-persistent': this.persistent,
-                'menu-collapsed': this.collapsed,
-            }, "aria-expanded": !this.collapsed ? 'true' : 'false' }, h("div", { key: '65afb8d82603417c12ab0140df3a6f705d92f48a', class: {
-                'wrapper': true,
-                'state-upper-slot-empty': this.isUpperSlotEmpty,
-                'state-open': this.open,
-                'state-closed': !this.open,
-            } }, h("slot", { key: '95a5c8e79ccdfcb4547e0884531fcc1be018f650', name: "overlay" }), h("aside", { key: 'af8c91f255a8fd7bcc447b77abab1343fc49a9b2', class: `menu` }, h("div", { key: 'a45b3a9274363862ed17400ccfa5ce5d066426f9', role: "navigation" }, h("slot", { key: 'd196a3f08b28ea220535672483f0682bbbe5744c', name: "close-button" }), h("div", { key: '87d23d9b1454680f1e231ac4b128b182e46931f7', class: "tds-side-menu-wrapper" }, h("ul", { key: '7ffe1f72ec8c19486af835b2b262bc8d492d53f3', class: `tds-side-menu-list tds-side-menu-list-upper` }, h("li", { key: '4dac95ae5a33fc5a5bf8c86e8ffbf677d4d027a8' }, h("slot", { key: '524e93dd76c26ef5e48c960a30653c51146d913b' }))), h("ul", { key: '079a5014d43f9c3637cf09eb92bb4ff82b1d6377', class: `tds-side-menu-list tds-side-menu-list-end` }, h("li", { key: '06d8904d9e4b9ec54b92db6a600f1b79b4fac6f4' }, h("slot", { key: 'bebea535b735681e5896a799d68e44ec80074d42', name: "end" })))), h("slot", { key: '95468fce6d703cd90c491ad5d585549ffcb8da1d', name: "sticky-end" }))))));
-    }
-    get host() { return this; }
-    static get watchers() { return {
-        "collapsed": ["onCollapsedChange"],
-        "open": ["onOpenChange"]
-    }; }
-    static get style() { return TdsSideMenuStyle0; }
-}, [1, "tds-side-menu", {
-        "open": [1028],
-        "persistent": [4],
-        "collapsed": [1028],
-        "isUpperSlotEmpty": [32],
-        "isCollapsed": [32],
-        "initialCollapsedState": [32],
-        "activeElementIndex": [32]
-    }, [[8, "keydown", "handleKeyDown"], [10, "keydown", "handleFocusTrap"], [16, "internalTdsCollapse", "collapsedSideMenuEventHandler"]], {
-        "collapsed": ["onCollapsedChange"],
-        "open": ["onOpenChange"]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["tds-side-menu"];
-    components.forEach(tagName => { switch (tagName) {
-        case "tds-side-menu":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, TdsSideMenu$1);
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
-
-const TdsSideMenu = TdsSideMenu$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { TdsSideMenu, defineCustomElement };
+import{t as e,p as t,H as s,c as o,h as d,a as i}from"./index.js";const n=t(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.tdsCollapse=o(this,"tdsCollapse",7),this.internalTdsCollapse=o(this,"internalTdsCollapse",6),this.internalTdsSideMenuPropChange=o(this,"internalTdsSideMenuPropChange",6),this.open=!1,this.persistent=!1,this.collapsed=!1,this.isUpperSlotEmpty=!1,this.isCollapsed=!1,this.initialCollapsedState=!1,this.activeElementIndex=0,this.handleMatchesLgBreakpointChange=e=>{e.matches?(this.collapsed=this.initialCollapsedState,this.open=!1):this.collapsed=!1}}handleKeyDown(e){"Escape"===e.key&&this.open&&(this.open=!1)}connectedCallback(){this.matchesLgBreakpointMq=window.matchMedia("(min-width: 992px)"),this.matchesLgBreakpointMq.addEventListener("change",this.handleMatchesLgBreakpointChange),this.isCollapsed=this.collapsed,this.initialCollapsedState=this.collapsed}componentDidLoad(){var e;const t=(null===(e=this.host.shadowRoot)||void 0===e?void 0:e.querySelector("slot:not([name])")).assignedElements();(null==t?void 0:t.length)>0||(this.isUpperSlotEmpty=!0),window.innerWidth<992&&(this.collapsed=!1)}disconnectedCallback(){this.matchesLgBreakpointMq.removeEventListener("change",this.handleMatchesLgBreakpointChange)}onCollapsedChange(e){this.internalTdsSideMenuPropChange.emit({changed:["collapsed"],collapsed:e}),this.isCollapsed=e}onOpenChange(e){if(e)setTimeout((()=>{const e=this.getFocusableElements();e.length>0&&(this.activeElementIndex=0,e[0].focus())}),100);else{const e=document.querySelector("tds-header-hamburger");if(e&&e.shadowRoot){const t=e.shadowRoot.querySelector("button");t&&t.focus()}}}getFocusableElements(){var e,t,s;const o='a[href],button:not([disabled]),textarea:not([disabled]),input:not([disabled]),select:not([disabled]),[tabindex]:not([tabindex="-1"])',d=Array.from(null!==(t=null===(e=this.host.shadowRoot)||void 0===e?void 0:e.querySelectorAll(o))&&void 0!==t?t:[]),i=Array.from(this.host.querySelectorAll(o)),n=this.host.querySelector('[slot="close-button"]');let a;n&&(a=null===(s=n.shadowRoot)||void 0===s?void 0:s.querySelector("button"));const r=[...d,...i];return a&&r.push(a),r}handleFocusTrap(e){if(!this.open)return;if("Tab"!==e.key)return;const t=this.getFocusableElements();0!==t.length&&(e.preventDefault(),e.shiftKey?(this.activeElementIndex-=1,this.activeElementIndex<0&&(this.activeElementIndex=t.length-1)):(this.activeElementIndex+=1,this.activeElementIndex>=t.length&&(this.activeElementIndex=0)),t[this.activeElementIndex].focus())}collapsedSideMenuEventHandler(e){this.collapsed=e.detail.collapsed}render(){return d(i,{key:"06848ba9d752f9b10c0ffbb8dcb65e1b353ce5a3",class:{"menu-opened":this.open,"menu-persistent":this.persistent,"menu-collapsed":this.collapsed},"aria-expanded":this.collapsed?"false":"true"},d("div",{key:"65afb8d82603417c12ab0140df3a6f705d92f48a",class:{wrapper:!0,"state-upper-slot-empty":this.isUpperSlotEmpty,"state-open":this.open,"state-closed":!this.open}},d("slot",{key:"95a5c8e79ccdfcb4547e0884531fcc1be018f650",name:"overlay"}),d("aside",{key:"af8c91f255a8fd7bcc447b77abab1343fc49a9b2",class:"menu"},d("div",{key:"a45b3a9274363862ed17400ccfa5ce5d066426f9",role:"navigation"},d("slot",{key:"d196a3f08b28ea220535672483f0682bbbe5744c",name:"close-button"}),d("div",{key:"87d23d9b1454680f1e231ac4b128b182e46931f7",class:"tds-side-menu-wrapper"},d("ul",{key:"7ffe1f72ec8c19486af835b2b262bc8d492d53f3",class:"tds-side-menu-list tds-side-menu-list-upper"},d("li",{key:"4dac95ae5a33fc5a5bf8c86e8ffbf677d4d027a8"},d("slot",{key:"524e93dd76c26ef5e48c960a30653c51146d913b"}))),d("ul",{key:"079a5014d43f9c3637cf09eb92bb4ff82b1d6377",class:"tds-side-menu-list tds-side-menu-list-end"},d("li",{key:"06d8904d9e4b9ec54b92db6a600f1b79b4fac6f4"},d("slot",{key:"bebea535b735681e5896a799d68e44ec80074d42",name:"end"})))),d("slot",{key:"95468fce6d703cd90c491ad5d585549ffcb8da1d",name:"sticky-end"})))))}get host(){return this}static get watchers(){return{collapsed:[{onCollapsedChange:0}],open:[{onOpenChange:0}]}}static get style(){return":host,:root{--tds-scrollbar-width-standard:thin;--tds-scrollbar-width:10px;--tds-scrollbar-height:10px;--tds-scrollbar-thumb-border-width:3px;--tds-scrollbar-thumb-border-hover-width:2px}body{scrollbar-width:thin}:host{pointer-events:none;display:block;position:fixed;top:0;width:100%;height:100%;z-index:500}:host .wrapper{height:inherit;}:host .wrapper slot:not([name])::slotted(*){border-bottom:1px solid var(--tds-sidebar-side-menu-bottom-menu-border-top)}:host .wrapper ::slotted([slot=end]){border-top:1px solid var(--tds-sidebar-side-menu-bottom-menu-border-top)}:host .wrapper .tds-side-menu-list-end{margin-top:68px}:host .state-closed{display:none}:host .state-open slot[name=overlay]::slotted(tds-side-menu-overlay){opacity:0.4}:host .state-open slot[name=close-button]::slotted(tds-side-menu-close-button){opacity:1}:host .state-upper-slot-empty .tds-side-menu-list-upper{display:none}:host .state-upper-slot-empty .tds-side-menu-list-end{margin-top:0}:host .state-upper-slot-empty ::slotted([slot=end]){border-top:none;border-bottom:1px solid var(--tds-sidebar-side-menu-bottom-menu-border-top)}@media (max-width: 992px){:host(.menu-opened){pointer-events:auto;z-index:500}}@media (min-width: 992px){:host(.menu-persistent){pointer-events:auto;position:static;width:272px;height:auto;border-right:1px solid var(--tds-sidebar-side-menu-bottom-menu-border-top)}:host(.menu-persistent) .wrapper slot[name=overlay]::slotted(tds-side-menu-overlay){display:none}:host(.menu-persistent) .wrapper slot[name=close-button]::slotted(tds-side-menu-close-button){display:none}:host(.menu-persistent) .menu{width:272px}:host(.menu-persistent) .state-closed{display:block}:host(.menu-persistent):host(.menu-collapsed){width:69px;box-sizing:border-box}:host(.menu-persistent):host(.menu-collapsed) .menu{width:68px}:host(.menu-persistent) slot[name=end]::slotted(*){display:none}}.menu{width:80%;height:inherit;position:relative;left:0;display:flex;flex-direction:column;justify-content:space-between}.menu *{padding:0;margin:0;box-sizing:border-box}@media (max-width: 384px){.menu{width:100%}}aside .tds-side-menu-wrapper{display:flex;justify-content:space-between;flex-direction:column;flex-grow:1;background-color:var(--tds-sidebar-side-menu-background-cover);overflow-y:auto}aside .tds-side-menu-wrapper:hover::-webkit-scrollbar-thumb{border:var(--tds-scrollbar-thumb-border-hover-width) solid transparent;background-clip:padding-box}aside .tds-side-menu-wrapper::-webkit-scrollbar{width:var(--tds-scrollbar-width)}aside .tds-side-menu-wrapper::-webkit-scrollbar-track{background:var(--tds-scrollbar-track-color)}aside .tds-side-menu-wrapper::-webkit-scrollbar-thumb{border-radius:40px;background:var(--tds-scrollbar-thumb-color);border:var(--tds-scrollbar-thumb-border-width) solid transparent;background-clip:padding-box}aside .tds-side-menu-wrapper::-webkit-scrollbar-button{height:0;width:0}@supports not selector(::-webkit-scrollbar){aside .tds-side-menu-wrapper{scrollbar-color:var(--tds-scrollbar-thumb-color) var(--tds-scrollbar-track-color);scrollbar-width:var(--tds-scrollbar-width-standard)}}aside [role=navigation]{height:100%;display:flex;flex-direction:column}aside li{list-style:none;padding:0;margin:0}"}},[257,"tds-side-menu",{open:[1028],persistent:[4],collapsed:[1028],isUpperSlotEmpty:[32],isCollapsed:[32],initialCollapsedState:[32],activeElementIndex:[32]},[[8,"keydown","handleKeyDown"],[10,"keydown","handleFocusTrap"],[16,"internalTdsCollapse","collapsedSideMenuEventHandler"]],{collapsed:[{onCollapsedChange:0}],open:[{onOpenChange:0}]}]);function a(){"undefined"!=typeof customElements&&["tds-side-menu"].forEach((t=>{"tds-side-menu"===t&&(customElements.get(e(t))||customElements.define(e(t),n))}))}a();const r=n,l=a;export{r as TdsSideMenu,l as defineCustomElement}