@scania/tegel 1.47.2 → 1.48.0

package/dist/components/tds-header-dropdown.js

@@ -1,127 +1 @@
-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$6 } from './p-e1622f4a.js';
-import { d as defineCustomElement$5 } from './p-4c0aa33f.js';
-import { d as defineCustomElement$4 } from './p-f086ba26.js';
-import { d as defineCustomElement$3 } from './p-49b20476.js';
-import { d as defineCustomElement$2 } from './p-e62ed985.js';
-
-const headerDropdownCss = ":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{height:var(--tds-header-height);position:relative}:host .menu{flex-direction:column;overflow-y:auto;max-height:calc(100vh - var(--tds-header-height));box-shadow:var(--tds-nav-dropdown-menu-box);background-color:var(--tds-header-app-launcher-menu-background);border-top-right-radius:0;border-top-left-radius:0}:host .menu:hover::-webkit-scrollbar-thumb{border:var(--tds-scrollbar-thumb-border-hover-width) solid transparent;background-clip:padding-box}:host .menu::-webkit-scrollbar{width:var(--tds-scrollbar-width)}:host .menu::-webkit-scrollbar-track{background:var(--tds-scrollbar-track-color)}:host .menu::-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}:host .menu::-webkit-scrollbar-button{height:0;width:0}@supports not selector(::-webkit-scrollbar){:host .menu{scrollbar-color:var(--tds-scrollbar-thumb-color) var(--tds-scrollbar-track-color);scrollbar-width:var(--tds-scrollbar-width-standard)}}:host .state-open .dropdown-icon{transform:rotate(180deg)}:host .state-open .button{position:relative;z-index:901}:host .state-open tds-header-item button:hover,:host .state-open tds-header-item a:hover{background-color:var(--tds-nav-item-background-hover);box-shadow:none}";
-const TdsHeaderDropdownStyle0 = headerDropdownCss;
-
-const TdsHeaderDropdown$1 = /*@__PURE__*/ proxyCustomElement(class TdsHeaderDropdown extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.uuid = generateUniqueId();
-        this.handleSlottedItemClick = (event) => {
-            const eventSource = event.target.tagName.toLowerCase();
-            if (['a', 'button'].includes(eventSource)) {
-                this.open = false;
-            }
-        };
-        this.label = undefined;
-        this.noDropdownIcon = false;
-        this.selected = false;
-        this.tdsAriaLabel = undefined;
-        this.open = false;
-        this.buttonEl = undefined;
-    }
-    onAnyClick(event) {
-        // Source: https://lamplightdev.com/blog/2021/04/10/how-to-detect-clicks-outside-of-a-web-component/
-        const isClickOutside = !event.composedPath().includes(this.host);
-        if (isClickOutside) {
-            this.open = false;
-        }
-    }
-    handleKeyDown(event) {
-        var _a;
-        if (event.key === 'Escape' && this.open) {
-            this.open = false;
-            (_a = this.buttonEl) === null || _a === void 0 ? void 0 : _a.focus();
-        }
-    }
-    toggleDropdown() {
-        this.open = !this.open;
-        if (this.open) {
-            requestAnimationFrame(() => {
-                var _a;
-                const selectors = "a, [tabindex='0']";
-                const firstFocusableElement = ((_a = this.host.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(selectors)) || this.host.querySelector(selectors);
-                if (firstFocusableElement instanceof H) {
-                    firstFocusableElement.focus();
-                }
-            });
-        }
-    }
-    render() {
-        return (h(Host, { key: '5ea7f4d3d53fd8d4148bcf1bc0f7444a6b7469f8' }, h("div", { key: 'e972495e46f96576fb28bba38f9bca68fd6d901e', class: {
-                'state-open': this.open,
-            } }, h("tds-header-item", { key: 'f45bd2e8c6f2b1258e415cc111691dd282cdb3f9', class: "button", active: this.open, selected: this.selected }, h("button", { key: 'f1bce15e1258647503e4a24f6cf7d7f5eb641cdd', ref: (el) => {
-                this.buttonEl = el;
-            }, "aria-expanded": `${this.open}`, "aria-controls": `launcher-${this.uuid}`, "aria-current": this.selected ? 'location' : 'false', onClick: () => {
-                this.toggleDropdown();
-            }, "aria-label": this.tdsAriaLabel }, h("slot", { key: '2b392ba923ee98e3c2bd5c86ae8cbb3eb78bf182', name: "icon" }), this.label, h("slot", { key: '0fc721ebf454e77770b7aeca79296f5a65d6031e', name: "label" }), !this.noDropdownIcon && (h("tds-icon", { key: 'd8fa1bda5368e8694f429f5724d06fb5de010a50', class: "dropdown-icon", name: "chevron_down", size: "16px", svgTitle: "Dropdown icon" })))), this.buttonEl && (h("tds-popover-canvas", { key: '894eb3d523ddb8f8a9b6e0dc248730bb13173c88', id: `tds-dropdown-${this.uuid}`, class: "menu", referenceEl: this.buttonEl, placement: "bottom-start", show: this.open, offsetDistance: 0, modifiers: [
-                {
-                    name: 'flip',
-                    options: {
-                        fallbackPlacements: [],
-                    },
-                },
-            ] }, this.open ? (h("span", { onClick: (e) => this.handleSlottedItemClick(e), onKeyDown: (e) => e.key === 'Enter' && this.handleSlottedItemClick(e) }, h("slot", null))) : null)))));
-    }
-    get host() { return this; }
-    static get style() { return TdsHeaderDropdownStyle0; }
-}, [1, "tds-header-dropdown", {
-        "label": [1],
-        "noDropdownIcon": [4, "no-dropdown-icon"],
-        "selected": [4],
-        "tdsAriaLabel": [1, "tds-aria-label"],
-        "open": [32],
-        "buttonEl": [32]
-    }, [[4, "click", "onAnyClick"], [8, "keydown", "handleKeyDown"]]]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["tds-header-dropdown", "tds-core-header-item", "tds-header-item", "tds-icon", "tds-popover-canvas", "tds-popover-core"];
-    components.forEach(tagName => { switch (tagName) {
-        case "tds-header-dropdown":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, TdsHeaderDropdown$1);
-            }
-            break;
-        case "tds-core-header-item":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$6();
-            }
-            break;
-        case "tds-header-item":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$5();
-            }
-            break;
-        case "tds-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "tds-popover-canvas":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "tds-popover-core":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
-
-const TdsHeaderDropdown = TdsHeaderDropdown$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { TdsHeaderDropdown, defineCustomElement };
+import{t,p as e,H as o,h as s,a as r}from"./index.js";import{g as a}from"./p-Cn4f8w1e.js";import{d}from"./p-BFcLEwMn.js";import{d as n}from"./p-BuqEW3pN.js";import{d as i}from"./p-C0fx1H4h.js";import{d as c}from"./p-CWEJdWOg.js";import{d as l}from"./p-BrDlXJ4P.js";const h=e(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.noDropdownIcon=!1,this.selected=!1,this.open=!1,this.uuid=a(),this.handleSlottedItemClick=t=>{const e=t.target.tagName.toLowerCase();["a","button"].includes(e)&&(this.open=!1)}}onAnyClick(t){!t.composedPath().includes(this.host)&&(this.open=!1)}handleKeyDown(t){var e;"Escape"===t.key&&this.open&&(this.open=!1,null===(e=this.buttonEl)||void 0===e||e.focus())}toggleDropdown(){this.open=!this.open,this.open&&requestAnimationFrame((()=>{var t;const e="a, [tabindex='0']",s=(null===(t=this.host.shadowRoot)||void 0===t?void 0:t.querySelector(e))||this.host.querySelector(e);s instanceof o&&s.focus()}))}render(){return s(r,{key:"5ea7f4d3d53fd8d4148bcf1bc0f7444a6b7469f8"},s("div",{key:"e972495e46f96576fb28bba38f9bca68fd6d901e",class:{"state-open":this.open}},s("tds-header-item",{key:"f45bd2e8c6f2b1258e415cc111691dd282cdb3f9",class:"button",active:this.open,selected:this.selected},s("button",{key:"f1bce15e1258647503e4a24f6cf7d7f5eb641cdd",ref:t=>{this.buttonEl=t},"aria-expanded":""+this.open,"aria-controls":"launcher-"+this.uuid,"aria-current":this.selected?"location":"false",onClick:()=>{this.toggleDropdown()},"aria-label":this.tdsAriaLabel},s("slot",{key:"2b392ba923ee98e3c2bd5c86ae8cbb3eb78bf182",name:"icon"}),this.label,s("slot",{key:"0fc721ebf454e77770b7aeca79296f5a65d6031e",name:"label"}),!this.noDropdownIcon&&s("tds-icon",{key:"d8fa1bda5368e8694f429f5724d06fb5de010a50",class:"dropdown-icon",name:"chevron_down",size:"16px",svgTitle:"Dropdown icon"}))),this.buttonEl&&s("tds-popover-canvas",{key:"894eb3d523ddb8f8a9b6e0dc248730bb13173c88",id:"tds-dropdown-"+this.uuid,class:"menu",referenceEl:this.buttonEl,placement:"bottom-start",show:this.open,offsetDistance:0,modifiers:[{name:"flip",options:{fallbackPlacements:[]}}]},this.open?s("span",{onClick:t=>this.handleSlottedItemClick(t),onKeyDown:t=>"Enter"===t.key&&this.handleSlottedItemClick(t)},s("slot",null)):null)))}get host(){return this}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{height:var(--tds-header-height);position:relative}:host .menu{flex-direction:column;overflow-y:auto;max-height:calc(100vh - var(--tds-header-height));box-shadow:var(--tds-nav-dropdown-menu-box);background-color:var(--tds-header-app-launcher-menu-background);border-top-right-radius:0;border-top-left-radius:0}:host .menu:hover::-webkit-scrollbar-thumb{border:var(--tds-scrollbar-thumb-border-hover-width) solid transparent;background-clip:padding-box}:host .menu::-webkit-scrollbar{width:var(--tds-scrollbar-width)}:host .menu::-webkit-scrollbar-track{background:var(--tds-scrollbar-track-color)}:host .menu::-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}:host .menu::-webkit-scrollbar-button{height:0;width:0}@supports not selector(::-webkit-scrollbar){:host .menu{scrollbar-color:var(--tds-scrollbar-thumb-color) var(--tds-scrollbar-track-color);scrollbar-width:var(--tds-scrollbar-width-standard)}}:host .state-open .dropdown-icon{transform:rotate(180deg)}:host .state-open .button{position:relative;z-index:901}:host .state-open tds-header-item button:hover,:host .state-open tds-header-item a:hover{background-color:var(--tds-nav-item-background-hover);box-shadow:none}"}},[257,"tds-header-dropdown",{label:[1],noDropdownIcon:[4,"no-dropdown-icon"],selected:[4],tdsAriaLabel:[1,"tds-aria-label"],open:[32],buttonEl:[32]},[[4,"click","onAnyClick"],[8,"keydown","handleKeyDown"]]]);function b(){"undefined"!=typeof customElements&&["tds-header-dropdown","tds-core-header-item","tds-header-item","tds-icon","tds-popover-canvas","tds-popover-core"].forEach((e=>{switch(e){case"tds-header-dropdown":customElements.get(t(e))||customElements.define(t(e),h);break;case"tds-core-header-item":customElements.get(t(e))||d();break;case"tds-header-item":customElements.get(t(e))||n();break;case"tds-icon":customElements.get(t(e))||i();break;case"tds-popover-canvas":customElements.get(t(e))||c();break;case"tds-popover-core":customElements.get(t(e))||l()}}))}b();const p=h,m=b;export{p as TdsHeaderDropdown,m as defineCustomElement}

package/dist/components/tds-header-hamburger.js

@@ -1,59 +1 @@
-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$4 } from './p-e1622f4a.js';
-import { d as defineCustomElement$3 } from './p-4c0aa33f.js';
-import { d as defineCustomElement$2 } from './p-f086ba26.js';
-
-const headerHamburgerCss = ":host{color:var(--tds-white)}:host tds-header-item{display:block}:host .icon{position:relative;margin-left:-6px;left:3px;transition:background 0.2s ease-in-out, color 0.2s ease-in-out}@media screen and (min-width: 992px){:host tds-header-item{display:none}:host([persistent]) tds-header-item{display:block}}";
-const TdsHeaderHamburgerStyle0 = headerHamburgerCss;
-
-const TdsHeaderHamburger$1 = /*@__PURE__*/ proxyCustomElement(class TdsHeaderHamburger extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.tdsAriaLabel = undefined;
-    }
-    render() {
-        const inheritedButtonProps = Object.assign({}, inheritAriaAttributes(this.host));
-        return (h(Host, { key: 'e5d7142a6d589d1b936ae4dc8376be0e03190271' }, h("tds-header-item", { key: '0945e350bb89ba977327c92917af457003c48fb9' }, h("button", Object.assign({ key: 'ade6457641c2e789dc631dad8df7491c5da53a93' }, inheritedButtonProps, { "aria-label": this.tdsAriaLabel }), h("tds-icon", { key: 'b900d3c953cff83c99be40b3785a650aa984ee6a', class: "icon", name: "burger", size: "20px" })))));
-    }
-    get host() { return this; }
-    static get style() { return TdsHeaderHamburgerStyle0; }
-}, [1, "tds-header-hamburger", {
-        "tdsAriaLabel": [1, "tds-aria-label"]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["tds-header-hamburger", "tds-core-header-item", "tds-header-item", "tds-icon"];
-    components.forEach(tagName => { switch (tagName) {
-        case "tds-header-hamburger":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, TdsHeaderHamburger$1);
-            }
-            break;
-        case "tds-core-header-item":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "tds-header-item":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "tds-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
-
-const TdsHeaderHamburger = TdsHeaderHamburger$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { TdsHeaderHamburger, defineCustomElement };
+import{t as e,p as t,H as s,h as a,a as r}from"./index.js";import{i as d}from"./p-Q3W78DlP.js";import{d as o}from"./p-BFcLEwMn.js";import{d as i}from"./p-BuqEW3pN.js";import{d as c}from"./p-C0fx1H4h.js";const n=t(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){const e=Object.assign({},d(this.host));return a(r,{key:"e5d7142a6d589d1b936ae4dc8376be0e03190271"},a("tds-header-item",{key:"0945e350bb89ba977327c92917af457003c48fb9"},a("button",Object.assign({key:"ade6457641c2e789dc631dad8df7491c5da53a93"},e,{"aria-label":this.tdsAriaLabel}),a("tds-icon",{key:"b900d3c953cff83c99be40b3785a650aa984ee6a",class:"icon",name:"burger",size:"20px"}))))}get host(){return this}static get style(){return":host{color:var(--tds-white)}:host tds-header-item{display:block}:host .icon{position:relative;margin-left:-6px;left:3px;transition:background 0.2s ease-in-out, color 0.2s ease-in-out}@media screen and (min-width: 992px){:host tds-header-item{display:none}:host([persistent]) tds-header-item{display:block}}"}},[1,"tds-header-hamburger",{tdsAriaLabel:[1,"tds-aria-label"]}]);function m(){"undefined"!=typeof customElements&&["tds-header-hamburger","tds-core-header-item","tds-header-item","tds-icon"].forEach((t=>{switch(t){case"tds-header-hamburger":customElements.get(e(t))||customElements.define(e(t),n);break;case"tds-core-header-item":customElements.get(e(t))||o();break;case"tds-header-item":customElements.get(e(t))||i();break;case"tds-icon":customElements.get(e(t))||c()}}))}m();const h=n,b=m;export{h as TdsHeaderHamburger,b as defineCustomElement}

package/dist/components/tds-header-item.js

@@ -1,6 +1 @@
-import { T as TdsHeaderItem$1, d as defineCustomElement$1 } from './p-4c0aa33f.js';
-
-const TdsHeaderItem = TdsHeaderItem$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { TdsHeaderItem, defineCustomElement };
+import{T as o,d as p}from"./p-BuqEW3pN.js";const s=o,r=p;export{s as TdsHeaderItem,r as defineCustomElement}

package/dist/components/tds-header-launcher-button.js

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

package/dist/components/tds-header-launcher-grid-item.js

@@ -1,35 +1 @@
-import { p as proxyCustomElement, H, h, c as Host } from './p-28ef5186.js';
-
-const headerLauncherGridItemCss = ":host{display:block;width:96px;height:96px}:host ::slotted(a),:host ::slotted(button){all:unset;box-sizing:border-box;border-right:1px solid var(--tds-nav-item-border-color);width:100%;height:100%;border:none;padding:0 12px;display:flex;text-align:center;justify-content:center;align-items:center;flex-direction:column;gap:8px;font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);background-color:var(--tds-header-app-launcher-menu-bg);color:var(--tds-header-app-launcher-grid-color);border-radius:4px;transition:background-color 150ms ease}:host ::slotted(a:hover),:host ::slotted(button:hover){background-color:var(--tds-header-app-launcher-grid-hover-background);cursor:pointer}:host ::slotted(a:focus-visible),:host ::slotted(button:focus-visible){outline:2px solid var(--tds-focus-outline-color);box-shadow:0 0 0 1px var(--tds-white);outline-offset:1px;z-index:1}";
-const TdsHeaderLauncherGridItemStyle0 = headerLauncherGridItemCss;
-
-const TdsHeaderLauncherGridItem$1 = /*@__PURE__*/ proxyCustomElement(class TdsHeaderLauncherGridItem extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-    }
-    render() {
-        return (h(Host, { key: '1506d0cda6ddcdd025ea7febf24e34c8e0d5b479', role: "listitem" }, h("slot", { key: 'f6ae96ad0c953297fddf43cfcee6d688a93846f5' })));
-    }
-    static get style() { return TdsHeaderLauncherGridItemStyle0; }
-}, [1, "tds-header-launcher-grid-item"]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["tds-header-launcher-grid-item"];
-    components.forEach(tagName => { switch (tagName) {
-        case "tds-header-launcher-grid-item":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, TdsHeaderLauncherGridItem$1);
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
-
-const TdsHeaderLauncherGridItem = TdsHeaderLauncherGridItem$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { TdsHeaderLauncherGridItem, defineCustomElement };
+import{t as e,p as t,H as o,h as r,a as s}from"./index.js";const d=t(class extends o{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return r(s,{key:"1506d0cda6ddcdd025ea7febf24e34c8e0d5b479",role:"listitem"},r("slot",{key:"f6ae96ad0c953297fddf43cfcee6d688a93846f5"}))}static get style(){return":host{display:block;width:96px;height:96px}:host ::slotted(a),:host ::slotted(button){all:unset;box-sizing:border-box;border-right:1px solid var(--tds-nav-item-border-color);width:100%;height:100%;border:none;padding:0 12px;display:flex;text-align:center;justify-content:center;align-items:center;flex-direction:column;gap:8px;font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);background-color:var(--tds-header-app-launcher-menu-bg);color:var(--tds-header-app-launcher-grid-color);border-radius:4px;transition:background-color 150ms ease}:host ::slotted(a:hover),:host ::slotted(button:hover){background-color:var(--tds-header-app-launcher-grid-hover-background);cursor:pointer}:host ::slotted(a:focus-visible),:host ::slotted(button:focus-visible){outline:2px solid var(--tds-focus-outline-color);box-shadow:0 0 0 1px var(--tds-white);outline-offset:1px;z-index:1}"}},[257,"tds-header-launcher-grid-item"]);function a(){"undefined"!=typeof customElements&&["tds-header-launcher-grid-item"].forEach((t=>{"tds-header-launcher-grid-item"===t&&(customElements.get(e(t))||customElements.define(e(t),d))}))}a();const n=d,i=a;export{n as TdsHeaderLauncherGridItem,i as defineCustomElement}

package/dist/components/tds-header-launcher-grid-title.js

@@ -1,36 +1 @@
-import { p as proxyCustomElement, H, h, c as Host } from './p-28ef5186.js';
-import { g as generateUniqueId } from './p-11648030.js';
-
-const headerLauncherGridTitleCss = ".tds-header-launcher-grid-title{all:unset;box-sizing:border-box;font:var(--tds-detail-04);letter-spacing:var(--tds-detail-04-ls);color:var(--tds-header-app-launcher-grid-category-title-color);text-transform:uppercase;height:48px;padding:0 16px;display:flex;align-items:center;border-bottom:1px solid var(--tds-nav-dropdown-item-border-color);margin:0}";
-const TdsHeaderLauncherGridTitleStyle0 = headerLauncherGridTitleCss;
-
-const TdsHeaderLauncherGridTitle$1 = /*@__PURE__*/ proxyCustomElement(class TdsHeaderLauncherGridTitle extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.uuid = generateUniqueId();
-    }
-    render() {
-        return (h(Host, { key: '25db2b1431472f1883bce6605c060e48129dacc5' }, h("h3", { key: '0caaece113240546638d8d0366bcecba6f945986', class: "tds-header-launcher-grid-title", id: `tds-header-launcher-grid-title-${this.uuid}` }, h("slot", { key: '16962f436f38d529357dbaade615badd87862323' }))));
-    }
-    static get style() { return TdsHeaderLauncherGridTitleStyle0; }
-}, [4, "tds-header-launcher-grid-title"]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["tds-header-launcher-grid-title"];
-    components.forEach(tagName => { switch (tagName) {
-        case "tds-header-launcher-grid-title":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, TdsHeaderLauncherGridTitle$1);
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
-
-const TdsHeaderLauncherGridTitle = TdsHeaderLauncherGridTitle$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { TdsHeaderLauncherGridTitle, defineCustomElement };
+import{t as e,p as t,H as r,h as d,a}from"./index.js";import{g as s}from"./p-Cn4f8w1e.js";const i=t(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.uuid=s()}render(){return d(a,{key:"25db2b1431472f1883bce6605c060e48129dacc5"},d("h3",{key:"0caaece113240546638d8d0366bcecba6f945986",class:"tds-header-launcher-grid-title",id:"tds-header-launcher-grid-title-"+this.uuid},d("slot",{key:"16962f436f38d529357dbaade615badd87862323"})))}static get style(){return".tds-header-launcher-grid-title{all:unset;box-sizing:border-box;font:var(--tds-detail-04);letter-spacing:var(--tds-detail-04-ls);color:var(--tds-header-app-launcher-grid-category-title-color);text-transform:uppercase;height:48px;padding:0 16px;display:flex;align-items:center;border-bottom:1px solid var(--tds-nav-dropdown-item-border-color);margin:0}"}},[260,"tds-header-launcher-grid-title"]);function l(){"undefined"!=typeof customElements&&["tds-header-launcher-grid-title"].forEach((t=>{"tds-header-launcher-grid-title"===t&&(customElements.get(e(t))||customElements.define(e(t),i))}))}l();const n=i,o=l;export{n as TdsHeaderLauncherGridTitle,o as defineCustomElement}

package/dist/components/tds-header-launcher-grid.js

@@ -1,58 +1 @@
-import { p as proxyCustomElement, H, h, c as Host } from './p-28ef5186.js';
-import { g as getPreviousNestedChildOfSiblingsMatching, i as isHeadingElement } from './p-859e3ebf.js';
-
-const headerLauncherGridCss = ".tds-header-launcher-grid{box-sizing:border-box;padding:12px;margin:0;list-style:none;width:100%;display:grid;grid-template-columns:1fr 1fr 1fr;gap:4px;border-radius:none}";
-const TdsHeaderLauncherGridStyle0 = headerLauncherGridCss;
-
-const TdsHeaderLauncherGrid$1 = /*@__PURE__*/ proxyCustomElement(class TdsHeaderLauncherGrid extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.headingElement = undefined;
-    }
-    componentWillLoad() {
-        const listRoot = this.host;
-        const headingEl = getPreviousNestedChildOfSiblingsMatching(listRoot, (el) => {
-            const e = el;
-            return isHeadingElement(e);
-        });
-        if (headingEl) {
-            this.headingElement = headingEl;
-        }
-        else {
-            console.warn('Heading element for list not found');
-        }
-    }
-    render() {
-        var _a;
-        const listAttributes = {
-            'class': 'tds-header-launcher-grid',
-            'role': 'list',
-            'aria-labelledby': (_a = this.headingElement) === null || _a === void 0 ? void 0 : _a.id,
-        };
-        return (h(Host, { key: 'a3c700222b0cfba847962708fcab2e8876b459f6' }, h("div", Object.assign({ key: '6e4b346fd7bb132a60386a5711381d7936df05a4' }, listAttributes), h("slot", { key: 'c24b1b6e7eecccea3032c2b491ce3cf83a6f821b' }))));
-    }
-    get host() { return this; }
-    static get style() { return TdsHeaderLauncherGridStyle0; }
-}, [4, "tds-header-launcher-grid", {
-        "headingElement": [32]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["tds-header-launcher-grid"];
-    components.forEach(tagName => { switch (tagName) {
-        case "tds-header-launcher-grid":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, TdsHeaderLauncherGrid$1);
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
-
-const TdsHeaderLauncherGrid = TdsHeaderLauncherGrid$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { TdsHeaderLauncherGrid, defineCustomElement };
+import{t as e,p as t,H as s,h as r,a}from"./index.js";import{g as n,i as d}from"./p-CuIyaNyT.js";const i=t(class extends s{constructor(e){super(),!1!==e&&this.__registerHost()}componentWillLoad(){const e=n(this.host,(e=>d(e)));e?this.headingElement=e:console.warn("Heading element for list not found")}render(){var e;const t={class:"tds-header-launcher-grid",role:"list","aria-labelledby":null===(e=this.headingElement)||void 0===e?void 0:e.id};return r(a,{key:"a3c700222b0cfba847962708fcab2e8876b459f6"},r("div",Object.assign({key:"6e4b346fd7bb132a60386a5711381d7936df05a4"},t),r("slot",{key:"c24b1b6e7eecccea3032c2b491ce3cf83a6f821b"})))}get host(){return this}static get style(){return".tds-header-launcher-grid{box-sizing:border-box;padding:12px;margin:0;list-style:none;width:100%;display:grid;grid-template-columns:1fr 1fr 1fr;gap:4px;border-radius:none}"}},[260,"tds-header-launcher-grid",{headingElement:[32]}]);function o(){"undefined"!=typeof customElements&&["tds-header-launcher-grid"].forEach((t=>{"tds-header-launcher-grid"===t&&(customElements.get(e(t))||customElements.define(e(t),i))}))}o();const c=i,l=o;export{c as TdsHeaderLauncherGrid,l as defineCustomElement}

package/dist/components/tds-header-launcher-list-item.js

@@ -1,41 +1 @@
-import { p as proxyCustomElement, H, h, c as Host } from './p-28ef5186.js';
-import { d as defineCustomElement$2 } from './p-e0997ae2.js';
-
-const headerLauncherListItemCss = ":host{display:block;border-bottom:1px solid var(--tds-nav-dropdown-item-border-color)}";
-const TdsHeaderLauncherListItemStyle0 = headerLauncherListItemCss;
-
-const TdsHeaderLauncherListItem$1 = /*@__PURE__*/ proxyCustomElement(class TdsHeaderLauncherListItem extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-    }
-    render() {
-        return (h(Host, { key: 'bcc63c58186216485acf6e6e0f896158e92cd29e' }, h("tds-header-dropdown-list-item", { key: 'e4b963bf20b97aa19f8f6dbd4d4a6face04220db', size: "lg" }, h("slot", { key: '03445a4fe12c6f5a283b6d2635d657bbfd103263' }))));
-    }
-    static get style() { return TdsHeaderLauncherListItemStyle0; }
-}, [1, "tds-header-launcher-list-item"]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["tds-header-launcher-list-item", "tds-header-dropdown-list-item"];
-    components.forEach(tagName => { switch (tagName) {
-        case "tds-header-launcher-list-item":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, TdsHeaderLauncherListItem$1);
-            }
-            break;
-        case "tds-header-dropdown-list-item":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
-
-const TdsHeaderLauncherListItem = TdsHeaderLauncherListItem$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { TdsHeaderLauncherListItem, defineCustomElement };
+import{t as e,p as t,H as s,h as d,a as r}from"./index.js";import{d as o}from"./p-OdH1OynJ.js";const a=t(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return d(r,{key:"bcc63c58186216485acf6e6e0f896158e92cd29e"},d("tds-header-dropdown-list-item",{key:"e4b963bf20b97aa19f8f6dbd4d4a6face04220db",size:"lg"},d("slot",{key:"03445a4fe12c6f5a283b6d2635d657bbfd103263"})))}static get style(){return":host{display:block;border-bottom:1px solid var(--tds-nav-dropdown-item-border-color)}"}},[257,"tds-header-launcher-list-item"]);function c(){"undefined"!=typeof customElements&&["tds-header-launcher-list-item","tds-header-dropdown-list-item"].forEach((t=>{switch(t){case"tds-header-launcher-list-item":customElements.get(e(t))||customElements.define(e(t),a);break;case"tds-header-dropdown-list-item":customElements.get(e(t))||o()}}))}c();const i=a,n=c;export{i as TdsHeaderLauncherListItem,n as defineCustomElement}

package/dist/components/tds-header-launcher-list-title.js

@@ -1,37 +1 @@
-import { p as proxyCustomElement, H, h, c as Host } from './p-28ef5186.js';
-import { g as generateUniqueId } from './p-11648030.js';
-
-const headerLauncherListTitleCss = ".tds-header-launcher-list-title{all:unset;box-sizing:border-box;font:var(--tds-detail-06);letter-spacing:var(--tds-detail-06-ls);color:var(--tds-header-app-launcher-category-title-color);text-transform:uppercase;height:48px;padding:0 16px;display:flex;align-items:center;border-bottom:1px solid var(--tds-nav-dropdown-item-border-color);margin:0}";
-const TdsHeaderLauncherListTitleStyle0 = headerLauncherListTitleCss;
-
-const TdsHeaderLauncherListTitle$1 = /*@__PURE__*/ proxyCustomElement(class TdsHeaderLauncherListTitle extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.uuid = generateUniqueId();
-    }
-    render() {
-        return (h(Host, { key: '323d920d37834907f77c0d00aca6172caa90b6d8' }, h("h3", { key: '49c919cceae79d9d1c0157a603e181d56dd15205', class: "tds-header-launcher-list-title", id: `tds-header-launcher-${this.uuid}` }, h("slot", { key: 'a1aa000de6a642dd68e2212a0e16728d5bb55a1f' }))));
-    }
-    get host() { return this; }
-    static get style() { return TdsHeaderLauncherListTitleStyle0; }
-}, [4, "tds-header-launcher-list-title"]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["tds-header-launcher-list-title"];
-    components.forEach(tagName => { switch (tagName) {
-        case "tds-header-launcher-list-title":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, TdsHeaderLauncherListTitle$1);
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
-
-const TdsHeaderLauncherListTitle = TdsHeaderLauncherListTitle$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { TdsHeaderLauncherListTitle, defineCustomElement };
+import{t as e,p as t,H as s,h as a,a as r}from"./index.js";import{g as d}from"./p-Cn4f8w1e.js";const l=t(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.uuid=d()}render(){return a(r,{key:"323d920d37834907f77c0d00aca6172caa90b6d8"},a("h3",{key:"49c919cceae79d9d1c0157a603e181d56dd15205",class:"tds-header-launcher-list-title",id:"tds-header-launcher-"+this.uuid},a("slot",{key:"a1aa000de6a642dd68e2212a0e16728d5bb55a1f"})))}get host(){return this}static get style(){return".tds-header-launcher-list-title{all:unset;box-sizing:border-box;font:var(--tds-detail-06);letter-spacing:var(--tds-detail-06-ls);color:var(--tds-header-app-launcher-category-title-color);text-transform:uppercase;height:48px;padding:0 16px;display:flex;align-items:center;border-bottom:1px solid var(--tds-nav-dropdown-item-border-color);margin:0}"}},[260,"tds-header-launcher-list-title"]);function i(){"undefined"!=typeof customElements&&["tds-header-launcher-list-title"].forEach((t=>{"tds-header-launcher-list-title"===t&&(customElements.get(e(t))||customElements.define(e(t),l))}))}i();const n=l,o=i;export{n as TdsHeaderLauncherListTitle,o as defineCustomElement}

package/dist/components/tds-header-launcher-list.js

@@ -1,38 +1 @@
-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-f8db4031.js';
-
-const TdsHeaderLauncherList$1 = /*@__PURE__*/ proxyCustomElement(class TdsHeaderLauncherList extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.uuid = generateUniqueId();
-    }
-    render() {
-        return (h(Host, { key: 'ceedbada9d5a96ecdb5306b0e55f939ba69c78d8' }, h("tds-header-dropdown-list", { key: 'a1ffa08021a4ac0d3aad0401330b6d82ad4e20f9', size: "lg" }, h("slot", { key: 'e0808a6e71a6bb26e8b56005c9552fde5af9296b' }))));
-    }
-}, [4, "tds-header-launcher-list"]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["tds-header-launcher-list", "tds-header-dropdown-list"];
-    components.forEach(tagName => { switch (tagName) {
-        case "tds-header-launcher-list":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, TdsHeaderLauncherList$1);
-            }
-            break;
-        case "tds-header-dropdown-list":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
-
-const TdsHeaderLauncherList = TdsHeaderLauncherList$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { TdsHeaderLauncherList, defineCustomElement };
+import{t as e,p as s,H as t,h as d,a}from"./index.js";import{g as r}from"./p-Cn4f8w1e.js";import{d as o}from"./p-dspMBqQE.js";const n=s(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.uuid=r()}render(){return d(a,{key:"ceedbada9d5a96ecdb5306b0e55f939ba69c78d8"},d("tds-header-dropdown-list",{key:"a1ffa08021a4ac0d3aad0401330b6d82ad4e20f9",size:"lg"},d("slot",{key:"e0808a6e71a6bb26e8b56005c9552fde5af9296b"})))}},[260,"tds-header-launcher-list"]);function c(){"undefined"!=typeof customElements&&["tds-header-launcher-list","tds-header-dropdown-list"].forEach((s=>{switch(s){case"tds-header-launcher-list":customElements.get(e(s))||customElements.define(e(s),n);break;case"tds-header-dropdown-list":customElements.get(e(s))||o()}}))}c();const i=n,l=c;export{i as TdsHeaderLauncherList,l as defineCustomElement}

package/dist/components/tds-header-launcher.js

@@ -1,134 +1 @@
-import { p as proxyCustomElement, H, h, c as Host } from './p-28ef5186.js';
-import { g as generateUniqueId } from './p-11648030.js';
-import { i as inheritAriaAttributes } from './p-0bd4c19c.js';
-import { d as defineCustomElement$7 } from './p-e1622f4a.js';
-import { d as defineCustomElement$6 } from './p-4c0aa33f.js';
-import { d as defineCustomElement$5 } from './p-d5461a3c.js';
-import { d as defineCustomElement$4 } from './p-f086ba26.js';
-import { d as defineCustomElement$3 } from './p-49b20476.js';
-import { d as defineCustomElement$2 } from './p-e62ed985.js';
-
-const headerLauncherCss = ":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 .wrapper{height:var(--tds-header-height);position:relative}:host .wrapper .menu{flex-direction:column;overflow-y:auto;max-height:calc(100vh - var(--tds-header-height));box-shadow:var(--tds-nav-dropdown-menu-box);background-color:var(--tds-header-app-launcher-menu-background);border-radius:0}:host .wrapper .menu:hover::-webkit-scrollbar-thumb{border:var(--tds-scrollbar-thumb-border-hover-width) solid transparent;background-clip:padding-box}:host .wrapper .menu::-webkit-scrollbar{width:var(--tds-scrollbar-width)}:host .wrapper .menu::-webkit-scrollbar-track{background:var(--tds-scrollbar-track-color)}:host .wrapper .menu::-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}:host .wrapper .menu::-webkit-scrollbar-button{height:0;width:0}@supports not selector(::-webkit-scrollbar){:host .wrapper .menu{scrollbar-color:var(--tds-scrollbar-thumb-color) var(--tds-scrollbar-track-color);scrollbar-width:var(--tds-scrollbar-width-standard)}}@media all and (max-width: 384px){:host .wrapper .menu{width:100vw}}:host .wrapper.state-list-type-menu .menu{height:calc(100vh - var(--tds-header-height))}:host .wrapper.state-open .button{position:relative;z-index:901}";
-const TdsHeaderLauncherStyle0 = headerLauncherCss;
-
-const TdsHeaderLauncher$1 = /*@__PURE__*/ proxyCustomElement(class TdsHeaderLauncher extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.uuid = generateUniqueId();
-        this.open = false;
-        this.buttonEl = undefined;
-        this.hasListTypeMenu = false;
-        this.tdsAriaLabel = undefined;
-    }
-    onAnyClick(event) {
-        // Source: https://lamplightdev.com/blog/2021/04/10/how-to-detect-clicks-outside-of-a-web-component/
-        const isClickOutside = !event.composedPath().includes(this.host);
-        if (isClickOutside) {
-            this.open = false;
-        }
-    }
-    handleKeyDown(event) {
-        var _a, _b;
-        if (event.key === 'Escape' && this.open) {
-            this.open = false;
-            const btnShadow = (_b = (_a = this.buttonEl) === null || _a === void 0 ? void 0 : _a.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('button');
-            if (btnShadow)
-                btnShadow.focus();
-        }
-    }
-    componentDidLoad() {
-        const hasListTypeMenu = !!this.host.querySelector('tds-header-launcher-list');
-        this.hasListTypeMenu = hasListTypeMenu;
-    }
-    toggleLauncher() {
-        this.open = !this.open;
-        if (this.open) {
-            requestAnimationFrame(() => {
-                var _a;
-                const selectors = "a, [tabindex='0']";
-                const firstFocusableElement = ((_a = this.host.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(selectors)) || this.host.querySelector(selectors);
-                if (firstFocusableElement instanceof H) {
-                    firstFocusableElement.focus();
-                }
-            });
-        }
-    }
-    render() {
-        this.ariaAttributes = Object.assign(Object.assign({}, this.ariaAttributes), inheritAriaAttributes(this.host, ['role']));
-        const buttonAttributes = Object.assign(Object.assign({}, this.ariaAttributes), { 'aria-expanded': `${this.open}`, 'aria-controls': `launcher-${this.uuid}`, 'class': 'button', 'active': this.open, 'onClick': () => {
-                this.toggleLauncher();
-            }, 'ref': (el) => {
-                this.buttonEl = el;
-            } });
-        return (h(Host, { key: '18e438bd8281ca3d6ca2b410c5b0ed60caf554aa' }, h("div", { key: '6033d6a10546a8b79b0bcab3f59ef14138263e9f', class: {
-                'wrapper': true,
-                'state-open': this.open,
-                'state-list-type-menu': this.hasListTypeMenu,
-            } }, h("tds-header-launcher-button", Object.assign({ key: 'de44af111fdbabc37a8330194f40465ab3301089' }, buttonAttributes, { "tds-aria-label": this.tdsAriaLabel })), this.buttonEl && (h("tds-popover-canvas", { key: 'a39f8dbb2e6cf648bc16e896f01df6c308472fc3', id: `tds-launcher-${this.uuid}`, class: "menu", referenceEl: this.buttonEl, placement: "bottom-start", show: this.open, offsetDistance: 0, modifiers: [
-                {
-                    name: 'flip',
-                    options: {
-                        fallbackPlacements: [],
-                    },
-                },
-            ] }, this.open ? h("slot", null) : null)))));
-    }
-    get host() { return this; }
-    static get style() { return TdsHeaderLauncherStyle0; }
-}, [1, "tds-header-launcher", {
-        "tdsAriaLabel": [1, "tds-aria-label"],
-        "open": [32],
-        "buttonEl": [32],
-        "hasListTypeMenu": [32]
-    }, [[8, "click", "onAnyClick"], [8, "keydown", "handleKeyDown"]]]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["tds-header-launcher", "tds-core-header-item", "tds-header-item", "tds-header-launcher-button", "tds-icon", "tds-popover-canvas", "tds-popover-core"];
-    components.forEach(tagName => { switch (tagName) {
-        case "tds-header-launcher":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, TdsHeaderLauncher$1);
-            }
-            break;
-        case "tds-core-header-item":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$7();
-            }
-            break;
-        case "tds-header-item":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$6();
-            }
-            break;
-        case "tds-header-launcher-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$5();
-            }
-            break;
-        case "tds-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "tds-popover-canvas":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "tds-popover-core":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
-
-const TdsHeaderLauncher = TdsHeaderLauncher$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { TdsHeaderLauncher, defineCustomElement };
+import{t,p as e,H as r,h as s,a}from"./index.js";import{g as o}from"./p-Cn4f8w1e.js";import{i as d}from"./p-Q3W78DlP.js";import{d as i}from"./p-BFcLEwMn.js";import{d as c}from"./p-BuqEW3pN.js";import{d as h}from"./p-Dgt5K9eM.js";import{d as l}from"./p-C0fx1H4h.js";import{d as n}from"./p-CWEJdWOg.js";import{d as b}from"./p-BrDlXJ4P.js";const p=e(class extends r{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.open=!1,this.hasListTypeMenu=!1,this.uuid=o()}onAnyClick(t){!t.composedPath().includes(this.host)&&(this.open=!1)}handleKeyDown(t){var e,r;if("Escape"===t.key&&this.open){this.open=!1;const t=null===(r=null===(e=this.buttonEl)||void 0===e?void 0:e.shadowRoot)||void 0===r?void 0:r.querySelector("button");t&&t.focus()}}componentDidLoad(){const t=!!this.host.querySelector("tds-header-launcher-list");this.hasListTypeMenu=t}toggleLauncher(){this.open=!this.open,this.open&&requestAnimationFrame((()=>{var t;const e="a, [tabindex='0']",s=(null===(t=this.host.shadowRoot)||void 0===t?void 0:t.querySelector(e))||this.host.querySelector(e);s instanceof r&&s.focus()}))}render(){this.ariaAttributes=Object.assign(Object.assign({},this.ariaAttributes),d(this.host,["role"]));const t=Object.assign(Object.assign({},this.ariaAttributes),{"aria-expanded":""+this.open,"aria-controls":"launcher-"+this.uuid,class:"button",active:this.open,onClick:()=>{this.toggleLauncher()},ref:t=>{this.buttonEl=t}});return s(a,{key:"18e438bd8281ca3d6ca2b410c5b0ed60caf554aa"},s("div",{key:"6033d6a10546a8b79b0bcab3f59ef14138263e9f",class:{wrapper:!0,"state-open":this.open,"state-list-type-menu":this.hasListTypeMenu}},s("tds-header-launcher-button",Object.assign({key:"de44af111fdbabc37a8330194f40465ab3301089"},t,{"tds-aria-label":this.tdsAriaLabel})),this.buttonEl&&s("tds-popover-canvas",{key:"a39f8dbb2e6cf648bc16e896f01df6c308472fc3",id:"tds-launcher-"+this.uuid,class:"menu",referenceEl:this.buttonEl,placement:"bottom-start",show:this.open,offsetDistance:0,modifiers:[{name:"flip",options:{fallbackPlacements:[]}}]},this.open?s("slot",null):null)))}get host(){return this}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 .wrapper{height:var(--tds-header-height);position:relative}:host .wrapper .menu{flex-direction:column;overflow-y:auto;max-height:calc(100vh - var(--tds-header-height));box-shadow:var(--tds-nav-dropdown-menu-box);background-color:var(--tds-header-app-launcher-menu-background);border-radius:0}:host .wrapper .menu:hover::-webkit-scrollbar-thumb{border:var(--tds-scrollbar-thumb-border-hover-width) solid transparent;background-clip:padding-box}:host .wrapper .menu::-webkit-scrollbar{width:var(--tds-scrollbar-width)}:host .wrapper .menu::-webkit-scrollbar-track{background:var(--tds-scrollbar-track-color)}:host .wrapper .menu::-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}:host .wrapper .menu::-webkit-scrollbar-button{height:0;width:0}@supports not selector(::-webkit-scrollbar){:host .wrapper .menu{scrollbar-color:var(--tds-scrollbar-thumb-color) var(--tds-scrollbar-track-color);scrollbar-width:var(--tds-scrollbar-width-standard)}}@media all and (max-width: 384px){:host .wrapper .menu{width:100vw}}:host .wrapper.state-list-type-menu .menu{height:calc(100vh - var(--tds-header-height))}:host .wrapper.state-open .button{position:relative;z-index:901}"}},[257,"tds-header-launcher",{tdsAriaLabel:[1,"tds-aria-label"],open:[32],buttonEl:[32],hasListTypeMenu:[32]},[[8,"click","onAnyClick"],[8,"keydown","handleKeyDown"]]]);function u(){"undefined"!=typeof customElements&&["tds-header-launcher","tds-core-header-item","tds-header-item","tds-header-launcher-button","tds-icon","tds-popover-canvas","tds-popover-core"].forEach((e=>{switch(e){case"tds-header-launcher":customElements.get(t(e))||customElements.define(t(e),p);break;case"tds-core-header-item":customElements.get(t(e))||i();break;case"tds-header-item":customElements.get(t(e))||c();break;case"tds-header-launcher-button":customElements.get(t(e))||h();break;case"tds-icon":customElements.get(t(e))||l();break;case"tds-popover-canvas":customElements.get(t(e))||n();break;case"tds-popover-core":customElements.get(t(e))||b()}}))}u();const m=p,w=u;export{m as TdsHeaderLauncher,w as defineCustomElement}