@scania/tegel 1.47.2 → 1.48.0-beta.0-tabbing-test

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 d,i as n}from"./p-CuIyaNyT.js";const i=t(class extends s{constructor(e){super(),!1!==e&&this.__registerHost()}componentWillLoad(){const e=d(this.host,(e=>n(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:"af47d49260513c962001e45d8aacf108e40f073c"},r("div",Object.assign({key:"8679b9f047e09dea015797c1806a96289218245a"},t),r("slot",{key:"697321e6e50e81f680cc8d3e2afa6833bffe6530"})))}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 l=i,c=o;export{l as TdsHeaderLauncherGrid,c 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-CwklLnIa.js";const c=t(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return d(r,{key:"26e0abc8a58c0172ce418740674c9c2549023c2b"},d("tds-header-dropdown-list-item",{key:"879647cff5e9c60551fb45a4a84397e94ded716c",size:"lg"},d("slot",{key:"4c3c2e8b7091e3922a5d283f8c2b86963bf183aa"})))}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 a(){"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),c);break;case"tds-header-dropdown-list-item":customElements.get(e(t))||o()}}))}a();const i=c,n=a;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 r,a}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 r(a,{key:"1db41bbb932fc09f6370b89ce40c6f6b296d69fd"},r("h3",{key:"b5175995d25a9031323d4694224fbeb30969ffec",class:"tds-header-launcher-list-title",id:"tds-header-launcher-"+this.uuid},r("slot",{key:"672a7c395f3d7e8e6eb51b05b088af825394f421"})))}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 a,a as d}from"./index.js";import{g as r}from"./p-Cn4f8w1e.js";import{d as o}from"./p-CzyhBRHW.js";const c=s(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.uuid=r()}render(){return a(d,{key:"00ca1cea2fa5a3239e7f24de93e0890fbb1eab07"},a("tds-header-dropdown-list",{key:"614f2eacdad946baa6fb16ef8f545993022e0cec",size:"lg"},a("slot",{key:"c99913a72f4e8a7d8be6e41aca9769d9236d49d5"})))}},[260,"tds-header-launcher-list"]);function n(){"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),c);break;case"tds-header-dropdown-list":customElements.get(e(s))||o()}}))}n();const i=c,l=n;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}from"./p-Q3W78DlP.js";import{d}from"./p-Bp11uQum.js";import{d as c}from"./p-CKbZVUR2.js";import{d as h}from"./p-DlkBTA_R.js";import{d as l}from"./p-hVetZOGH.js";import{d as n}from"./p-CuBmZ6sl.js";import{d as b}from"./p-BMeMtNu0.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),i(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:"088d5c4213d9b95b275821f1395361f317cd5ccb"},s("div",{key:"b8895540f29ca8eb9e3e9aec78d7fa5f8acc4494",class:{wrapper:!0,"state-open":this.open,"state-list-type-menu":this.hasListTypeMenu}},s("tds-header-launcher-button",Object.assign({key:"5f4598b7079c9a31167287f32e1a411e76e20afb"},t,{"tds-aria-label":this.tdsAriaLabel})),this.buttonEl&&s("tds-popover-canvas",{key:"acce35a0208653a1a53a75076e8f3a7dbf19b73c",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))||d();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}

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

@@ -1,35 +1 @@
-import { p as proxyCustomElement, H, h } from './p-28ef5186.js';
-
-const headerTitleCss = "h4{box-sizing:border-box;color:var(--tds-header-nav-item-color);font-weight:normal;font-family:var(--tds-font-family-headline);letter-spacing:normal;position:relative;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}h4 slot{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding:0 32px 0 24px}";
-const TdsHeaderTitleStyle0 = headerTitleCss;
-
-const TdsHeaderTitle$1 = /*@__PURE__*/ proxyCustomElement(class TdsHeaderTitle extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-    }
-    render() {
-        return (h("h4", { key: '4af2f894bf508d0ea8f5c934f4b6e3be61f1ce1a' }, h("slot", { key: 'e5eaaf9c68f77041f6056af1bb7e1101b48c1ffc' })));
-    }
-    static get style() { return TdsHeaderTitleStyle0; }
-}, [1, "tds-header-title"]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["tds-header-title"];
-    components.forEach(tagName => { switch (tagName) {
-        case "tds-header-title":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, TdsHeaderTitle$1);
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
-
-const TdsHeaderTitle = TdsHeaderTitle$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { TdsHeaderTitle, defineCustomElement };
+import{t as e,p as t,H as o,h as s}from"./index.js";const i=t(class extends o{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return s("h4",{key:"c7648f8e3c0057fd0c57806beb574eab7b950ccc"},s("slot",{key:"3201b3d0fcdd663dafe25a87997691151dc50db8"}))}static get style(){return"h4{box-sizing:border-box;color:var(--tds-header-nav-item-color);font-size:14px;font-weight:normal;font-family:var(--tds-font-family-headline);letter-spacing:normal;position:relative;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}h4 slot{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding:0 32px 0 24px}"}},[257,"tds-header-title"]);function r(){"undefined"!=typeof customElements&&["tds-header-title"].forEach((t=>{"tds-header-title"===t&&(customElements.get(e(t))||customElements.define(e(t),i))}))}r();const n=i,d=r;export{n as TdsHeaderTitle,d as defineCustomElement}

package/dist/components/tds-header.js

@@ -1,74 +1 @@
-import { p as proxyCustomElement, H, h, c as Host } from './p-28ef5186.js';
-import { i as inheritAriaAttributes } from './p-0bd4c19c.js';
-
-/**
- * Loop through the children and add the 'listitem' role if needed.
- * @param {Node} targetNode The node being updated.
- * */
-const updateListChildrenRoles = (targetNode) => {
-    targetNode.childNodes.forEach((node) => {
-        if (node.nodeType === Node.ELEMENT_NODE) {
-            const element = node;
-            if (element.tagName.toLowerCase() !== 'li' && element.getAttribute('role') !== 'listitem') {
-                element.setAttribute('role', 'listitem');
-            }
-        }
-    });
-};
-
-const headerCss = ":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}html,:root{--tds-nav-dropdown-menu-box:0 3px 3px rgb(0 0 0 / 15%), 0 -1px 1px rgb(0 0 0 / 1%);--tds-nav-dropdown-item-border-radius:0 0 4px 4px;--tds-font-family-headline:\"Scania Sans Headline\", arial, helvetica, sans-serif}tds-header{display:block;height:var(--tds-header-height);background-color:var(--tds-header-background);width:100%;z-index:300}tds-header tds-header-dropdown-list-item a *,tds-header tds-header-dropdown-list-item button *{pointer-events:none}nav{box-sizing:border-box;background-color:var(--tds-header-background);width:100%;display:block}nav *{box-sizing:border-box}nav .tds-header-component-list{height:var(--tds-header-height);all:unset;display:flex;justify-content:center;align-items:center}nav tds-header-dropdown,nav tds-header-item{display:none}nav .tds-header-middle-spacer{all:unset;display:block;flex-grow:1;height:var(--tds-header-height);border-right:1px solid var(--tds-header--basic-element-border)}@media screen and (min-width: 992px){nav tds-header-dropdown,nav tds-header-item{display:block}}nav tds-header-item:nth-child(3),nav tds-header-dropdown:nth-child(3){border-left:1px solid var(--tds-header--basic-element-border)}";
-const TdsHeaderStyle0 = headerCss;
-
-const TdsHeader$1 = /*@__PURE__*/ proxyCustomElement(class TdsHeader extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        const callback = (mutationsList) => {
-            mutationsList.forEach((mutation) => {
-                if (mutation.type === 'childList') {
-                    updateListChildrenRoles(mutation.target);
-                }
-            });
-        };
-        this.observer = new MutationObserver(callback);
-    }
-    componentDidLoad() {
-        const hostElement = this.host;
-        const navElement = hostElement.querySelector('.tds-header-component-list');
-        if (navElement) {
-            this.observer.observe(navElement, {
-                childList: true,
-                subtree: false,
-            });
-            updateListChildrenRoles(navElement);
-        }
-    }
-    disconnectedCallback() {
-        this.observer.disconnect();
-    }
-    render() {
-        const navAttributes = Object.assign({}, inheritAriaAttributes(this.host));
-        return (h(Host, { key: '4c9dc2fe9e156de13e4cf00242a05796b65f281f' }, h("slot", { key: 'f3bd41541a930adb28bdee4d0985d2058d68efaa', name: "hamburger" }), h("slot", { key: '76ffa0bd65c153b198ed0d6ce680dc4e92f004a5', name: "title" }), h("nav", Object.assign({ key: '518360a59c5ce247274c772a4222c0dc830fd4f9' }, navAttributes), h("ul", { key: '04184cece0a4f5d107b629cd44c062769b7dcae9', class: "tds-header-component-list" }, h("slot", { key: 'fb108eca6c62956bb6b1c5c3f163a08bc371ee5c' }), h("li", { key: '2c9c878a5e0fe24c0696cc6f1a1357d813d25c17', class: "tds-header-middle-spacer" }), h("slot", { key: '53683a4433192d3578c3d78d24937e52954a34de', name: "end" })))));
-    }
-    get host() { return this; }
-    static get style() { return TdsHeaderStyle0; }
-}, [4, "tds-header"]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["tds-header"];
-    components.forEach(tagName => { switch (tagName) {
-        case "tds-header":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, TdsHeader$1);
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
-
-const TdsHeader = TdsHeader$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { TdsHeader, defineCustomElement };
+import{t as e,p as d,H as t,h as a,a as s}from"./index.js";import{i as r}from"./p-Q3W78DlP.js";const o=e=>{e.childNodes.forEach((e=>{if(e.nodeType===Node.ELEMENT_NODE){const d=e;"li"!==d.tagName.toLowerCase()&&"listitem"!==d.getAttribute("role")&&d.setAttribute("role","listitem")}}))},n=d(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.observer=new MutationObserver((e=>{e.forEach((e=>{"childList"===e.type&&o(e.target)}))}))}componentDidLoad(){const e=this.host.querySelector(".tds-header-component-list");e&&(this.observer.observe(e,{childList:!0,subtree:!1}),o(e))}disconnectedCallback(){this.observer.disconnect()}render(){const e=Object.assign({},r(this.host));return a(s,{key:"3a8a653ebc630ea3600a5bf473df259b3fdaf50b"},a("slot",{key:"9d53a788d50e32c0a573eaeca90f86c9ef36c882",name:"hamburger"}),a("slot",{key:"eb3347ffc72d439506ff19ee845e06fc1d495dff",name:"title"}),a("nav",Object.assign({key:"3eb3a0ae52f91ca72f6825bd9cff51ede7026e58"},e),a("ul",{key:"5f09378ce5da788d91fce4d77163c38a0b1bd72f",class:"tds-header-component-list"},a("slot",{key:"f89f3f4b8d3346ecc3ddaaef678193ef32769434"}),a("li",{key:"0c456322cf2fb7c707962281e7d027b4e8814c0c",class:"tds-header-middle-spacer"}),a("slot",{key:"c38b21d5d3776cb140e40439bcc3c0b76dea5e85",name:"end"}))))}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}html,:root{--tds-nav-dropdown-menu-box:0 3px 3px rgb(0 0 0 / 15%), 0 -1px 1px rgb(0 0 0 / 1%);--tds-nav-dropdown-item-border-radius:0 0 4px 4px;--tds-font-family-headline:"Scania Sans Headline", arial, helvetica, sans-serif}tds-header{display:block;height:var(--tds-header-height);background-color:var(--tds-header-background);width:100%;z-index:300}tds-header tds-header-dropdown-list-item a *,tds-header tds-header-dropdown-list-item button *{pointer-events:none}nav{box-sizing:border-box;background-color:var(--tds-header-background);width:100%;display:block}nav *{box-sizing:border-box}nav .tds-header-component-list{height:var(--tds-header-height);all:unset;display:flex;justify-content:center;align-items:center}nav tds-header-dropdown,nav tds-header-item{display:none}nav .tds-header-middle-spacer{all:unset;display:block;flex-grow:1;height:var(--tds-header-height);border-right:1px solid var(--tds-header--basic-element-border)}@media screen and (min-width: 992px){nav tds-header-dropdown,nav tds-header-item{display:block}}nav tds-header-item:nth-child(3),nav tds-header-dropdown:nth-child(3){border-left:1px solid var(--tds-header--basic-element-border)}'}},[260,"tds-header"]);function i(){"undefined"!=typeof customElements&&["tds-header"].forEach((d=>{"tds-header"===d&&(customElements.get(e(d))||customElements.define(e(d),n))}))}i();const c=n,l=i;export{c as TdsHeader,l as defineCustomElement}

package/dist/components/tds-icon.js

@@ -1,6 +1 @@
-import { I as Icon, d as defineCustomElement$1 } from './p-f086ba26.js';
-
-const TdsIcon = Icon;
-const defineCustomElement = defineCustomElement$1;
-
-export { TdsIcon, defineCustomElement };
+import{I as o,d as s}from"./p-hVetZOGH.js";const t=o,p=s;export{t as TdsIcon,p as defineCustomElement}

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

@@ -1,68 +1 @@
-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() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.disabled = false;
-        this.selected = false;
-    }
-    /** @internal Method to set the Tab as selected. Used by the <tds-inline-tabs> */
-    async setSelected(selected) {
-        this.selected = selected;
-    }
-    connectedCallback() {
-        const elements = this.host.querySelectorAll('button, a');
-        for (let index = 0; index < elements.length; index++) {
-            const element = elements[index];
-            if (!element.getAttribute('aria-controls')) {
-                console.warn('Tegel inline-tab component: Interactive elements should have aria-controls attribute to link the tab to its corresponding panel');
-            }
-            if (element.getAttribute('role') !== 'tab') {
-                console.warn('Tegel inline-tab component: Interactive elements should have attribute role="tab"');
-            }
-            if (this.disabled) {
-                element.setAttribute('aria-disabled', 'true');
-            }
-            else {
-                element.removeAttribute('aria-disabled');
-            }
-        }
-    }
-    render() {
-        return (h(Host, { key: '9e15778f89e70701ea058a8aa8377b18bc693d2b', "aria-selected": this.selected }, h("div", { key: '963dfa3c27aa7395919ac976851d173f4bc483fe', class: {
-                'inline-tab-item': true,
-                'selected': this.selected,
-                'disabled': this.disabled,
-            } }, h("slot", { key: 'dcadb0ee891fa9a3a7ad94a2af33d82a674d2ecf' }))));
-    }
-    get host() { return this; }
-    static get style() { return TdsInlineTabStyle0; }
-}, [1, "tds-inline-tab", {
-        "disabled": [4],
-        "selected": [32],
-        "setSelected": [64]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["tds-inline-tab"];
-    components.forEach(tagName => { switch (tagName) {
-        case "tds-inline-tab":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, TdsInlineTab$1);
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
-
-const TdsInlineTab = TdsInlineTab$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { TdsInlineTab, defineCustomElement };
+import{t,p as e,H as o,h as i,a as s}from"./index.js";const a=e(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.disabled=!1,this.selected=!1}async setSelected(t){this.selected=t}connectedCallback(){const t=this.host.querySelectorAll("button, a");for(let e=0;e<t.length;e++){const o=t[e];o.getAttribute("aria-controls")||console.warn("Tegel inline-tab component: Interactive elements should have aria-controls attribute to link the tab to its corresponding panel"),"tab"!==o.getAttribute("role")&&console.warn('Tegel inline-tab component: Interactive elements should have attribute role="tab"'),this.disabled?o.setAttribute("aria-disabled","true"):o.removeAttribute("aria-disabled")}}render(){return i(s,{key:"7d62fa3a70a8834c4eb623a7cca8922a230ec171","aria-selected":this.selected},i("div",{key:"b911f1ca34a763f5a80dc5a9ea2b24e3c905dc13",class:{"inline-tab-item":!0,selected:this.selected,disabled:this.disabled}},i("slot",{key:"6048d4febed88ec7630bedd7e5215339a716047b"})))}get host(){return this}static get style(){return':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}'}},[257,"tds-inline-tab",{disabled:[4],selected:[32],setSelected:[64]}]);function n(){"undefined"!=typeof customElements&&["tds-inline-tab"].forEach((e=>{"tds-inline-tab"===e&&(customElements.get(t(e))||customElements.define(t(e),a))}))}n();const l=a,r=n;export{l as TdsInlineTab,r as defineCustomElement}