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

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

@@ -1,228 +1 @@
-import { p as proxyCustomElement, H, d as createEvent, h, c as Host } from './p-28ef5186.js';
-import { d as defineCustomElement$2 } from './p-f086ba26.js';
-
-const folderTabsCss = ":host{box-sizing:border-box;overflow:hidden;outline:0}:host *{box-sizing:border-box}:host .wrapper{display:flex;overflow-x:scroll;scrollbar-width:none;position:relative}:host .wrapper::-webkit-scrollbar{display:none}:host .scroll-right-button{z-index:1;right:0}:host .scroll-left-button{z-index:1;left:0}:host .scroll-right-button,:host .scroll-left-button{height:50px;color:var(--tds-folder-tabs-scroll-btn-color);cursor:pointer;border:0;width:0;background-color:var(--tds-folder-tabs-scroll-btn-background);display:none;justify-content:center;align-items:center;opacity:0;pointer-events:none;position:sticky}:host .scroll-right-button.show,:host .scroll-left-button.show{min-width:48px;display:block;opacity:1;pointer-events:all}:host .scroll-right-button:hover,:host .scroll-left-button:hover{background-color:var(--tds-folder-tabs-scroll-btn-background-hover)}:host .scroll-right-button:active,:host .scroll-left-button:active{background-color:var(--tds-folder-tabs-scroll-btn-background-active)}:host .scroll-right-button:focus-within::before,:host .scroll-left-button:focus-within::before{outline:2px solid var(--tds-focus-outline-color);box-shadow:0 0 0 1px var(--tds-white);outline-offset:1px;z-index:1;content:\"\";position:absolute;top:3px;bottom:3px;left:3px;right:3px}:host .scroll-right-button:focus,:host .scroll-left-button:focus{outline:0}:host .scroll-right-button svg,:host .scroll-left-button svg{fill:var(--tds-folder-tabs-scroll-btn-color)}";
-const TdsFolderTabsStyle0 = folderTabsCss;
-
-const TdsFolderTabs$1 = /*@__PURE__*/ proxyCustomElement(class TdsFolderTabs extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.tdsChange = createEvent(this, "tdsChange", 7);
-        this.navWrapperElement = null; // reference to container with nav buttons
-        this.componentWidth = 0; // visible width of this component
-        this.buttonsWidth = 0; // total width of all nav items combined
-        this.scrollWidth = 0; // total amount that is possible to scroll in the nav wrapper
-        this.children = [];
-        this.clickHandlers = new WeakMap();
-        this.addResizeObserver = () => {
-            const resizeObserver = new ResizeObserver((entries) => {
-                entries.forEach((entry) => {
-                    const componentWidth = entry.contentRect.width;
-                    let buttonsWidth = 0;
-                    const navButtons = Array.from(this.host.children);
-                    navButtons.forEach((navButton) => {
-                        const style = window.getComputedStyle(navButton);
-                        buttonsWidth +=
-                            navButton.clientWidth + parseFloat(style.marginLeft) + parseFloat(style.marginRight);
-                    });
-                    this.componentWidth = componentWidth;
-                    this.buttonsWidth = buttonsWidth;
-                    this.scrollWidth = buttonsWidth - componentWidth;
-                    this.updateScrollButtons();
-                });
-            });
-            if (this.navWrapperElement)
-                resizeObserver.observe(this.navWrapperElement);
-        };
-        this.addEventListenerToTabs = () => {
-            this.children = Array.from(this.host.children);
-            this.children.map((item, index) => {
-                const clickHandler = () => {
-                    if (!item.disabled) {
-                        const tdsChangeEvent = this.tdsChange.emit({
-                            selectedTabIndex: this.children.indexOf(item),
-                        });
-                        if (!tdsChangeEvent.defaultPrevented) {
-                            this.children.forEach((element) => element.setSelected(false));
-                            item.setSelected(true);
-                            this.selectedIndex = index;
-                        }
-                    }
-                };
-                item.addEventListener('click', clickHandler);
-                this.clickHandlers.set(item, clickHandler); // Store the handler in WeakMap
-                return item;
-            });
-        };
-        this.removeEventListenerFromTabs = () => {
-            this.children.forEach((item) => {
-                const clickHandler = this.clickHandlers.get(item);
-                if (clickHandler) {
-                    item.removeEventListener('click', clickHandler);
-                    this.clickHandlers.delete(item);
-                }
-            });
-        };
-        this.modeVariant = null;
-        this.defaultSelectedIndex = 0;
-        this.selectedIndex = undefined;
-        this.tdsScrollLeftAriaLabel = 'Scroll left';
-        this.tdsScrollRightAriaLabel = 'Scroll right';
-        this.buttonWidth = 0;
-        this.showLeftScroll = false;
-        this.showRightScroll = false;
-    }
-    /** Sets the passed tabindex as the selected Tab. */
-    async selectTab(tabIndex) {
-        if (tabIndex < 0 || tabIndex >= this.children.length) {
-            throw new Error('Tab index out of bounds');
-        }
-        if (!this.children[tabIndex].disabled) {
-            this.children.forEach((element) => element.setSelected(false));
-            this.children = this.children.map((element, index) => {
-                if (index === tabIndex) {
-                    element.setSelected(true);
-                    this.selectedIndex = tabIndex;
-                }
-                return element;
-            });
-        }
-        return { selectedTabIndex: this.selectedIndex };
-    }
-    /** Reinitializes the component. */
-    async reinitialize() {
-        this.handleSlotChange();
-    }
-    handleSelectedIndexUpdate() {
-        const tabs = Array.from(this.host.children);
-        this.children = tabs.map((tabElement) => {
-            tabElement.setSelected(false);
-            return tabElement;
-        });
-        if (this.selectedIndex) {
-            this.children[this.selectedIndex].setSelected(true);
-        }
-    }
-    scrollRight() {
-        if (!this.navWrapperElement)
-            return;
-        const scroll = this.navWrapperElement.scrollLeft;
-        this.navWrapperElement.scrollLeft = scroll + this.buttonsWidth;
-        this.evaluateScrollButtons();
-    }
-    scrollLeft() {
-        if (!this.navWrapperElement)
-            return;
-        const scroll = this.navWrapperElement.scrollLeft;
-        this.navWrapperElement.scrollLeft = scroll - this.buttonsWidth;
-        this.evaluateScrollButtons();
-    }
-    evaluateScrollButtons() {
-        if (!this.navWrapperElement)
-            return;
-        const scroll = this.navWrapperElement.scrollLeft;
-        this.showRightScroll = scroll <= this.scrollWidth;
-        this.showLeftScroll = scroll > 0;
-    }
-    initializeTabs() {
-        this.children = Array.from(this.host.children);
-        // remove first and last class from other tabs in case of initialization
-        this.children.forEach((child) => {
-            child.classList.remove('last');
-            child.classList.remove('first');
-        });
-        this.children[0].classList.add('first');
-        this.children[this.children.length - 1].classList.add('last');
-    }
-    initializeSelectedTab() {
-        if (this.selectedIndex === undefined) {
-            this.addEventListenerToTabs();
-            this.children[this.defaultSelectedIndex].setSelected(true);
-            this.selectedIndex = this.defaultSelectedIndex;
-        }
-        else {
-            this.children[this.selectedIndex].setSelected(true);
-        }
-        this.tdsChange.emit({
-            selectedTabIndex: this.selectedIndex,
-        });
-    }
-    updateScrollButtons() {
-        if (this.buttonsWidth > this.componentWidth) {
-            this.evaluateScrollButtons();
-        }
-        else {
-            this.showLeftScroll = false;
-            this.showRightScroll = false;
-        }
-    }
-    handleSlotChange() {
-        this.initializeTabs();
-        this.addEventListenerToTabs();
-        this.initializeSelectedTab();
-        this.updateScrollButtons();
-        this.addResizeObserver();
-    }
-    connectedCallback() {
-        this.initializeTabs();
-    }
-    componentDidLoad() {
-        this.initializeSelectedTab();
-    }
-    componentDidRender() {
-        this.updateScrollButtons();
-        this.addResizeObserver();
-    }
-    disconnectedCallback() {
-        this.removeEventListenerFromTabs();
-    }
-    render() {
-        return (h(Host, { key: '093e2804b56cb6c336744551ad4d27d962a34d02', role: "tablist", class: `${this.modeVariant ? `tds-mode-variant-${this.modeVariant}` : ''}` }, h("div", { key: 'eaaa9db902ead14bd581416c661b7c105263e335', class: "wrapper", ref: (el) => {
-                this.navWrapperElement = el;
-            } }, h("button", { key: '50a7f0455048807c8642ecb66de0d01b7a27ce58', "aria-label": this.tdsScrollLeftAriaLabel, class: `scroll-left-button ${this.showLeftScroll ? 'show' : ''}`, disabled: !this.showLeftScroll, onClick: () => this.scrollLeft() }, h("tds-icon", { key: '411a393ac446ae8224ec8c407b5e1b0adda87098', name: "chevron_left", size: "20px" })), h("slot", { key: 'a534cd27f044a0ac8a03ffb28e20f04cb8eba7a6', onSlotchange: () => this.handleSlotChange() }), h("button", { key: '6284e9746b9dfdc2010ff65b201e39db0e51feda', "aria-label": this.tdsScrollRightAriaLabel, class: `scroll-right-button ${this.showRightScroll ? 'show' : ''}`, disabled: !this.showRightScroll, onClick: () => this.scrollRight() }, h("tds-icon", { key: '6a2e53089c50e1aa03a87af001a685ff9ba059dc', name: "chevron_right", size: "20px" })))));
-    }
-    get host() { return this; }
-    static get watchers() { return {
-        "selectedIndex": ["handleSelectedIndexUpdate"]
-    }; }
-    static get style() { return TdsFolderTabsStyle0; }
-}, [1, "tds-folder-tabs", {
-        "modeVariant": [1, "mode-variant"],
-        "defaultSelectedIndex": [2, "default-selected-index"],
-        "selectedIndex": [514, "selected-index"],
-        "tdsScrollLeftAriaLabel": [1, "tds-scroll-left-aria-label"],
-        "tdsScrollRightAriaLabel": [1, "tds-scroll-right-aria-label"],
-        "buttonWidth": [32],
-        "showLeftScroll": [32],
-        "showRightScroll": [32],
-        "selectTab": [64],
-        "reinitialize": [64]
-    }, undefined, {
-        "selectedIndex": ["handleSelectedIndexUpdate"]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["tds-folder-tabs", "tds-icon"];
-    components.forEach(tagName => { switch (tagName) {
-        case "tds-folder-tabs":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, TdsFolderTabs$1);
-            }
-            break;
-        case "tds-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
-
-const TdsFolderTabs = TdsFolderTabs$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { TdsFolderTabs, defineCustomElement };
+import{t,p as s,H as e,c as i,h as o,a as l}from"./index.js";import{d as h}from"./p-hVetZOGH.js";const r=s(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.tdsChange=i(this,"tdsChange",7),this.modeVariant=null,this.defaultSelectedIndex=0,this.tdsScrollLeftAriaLabel="Scroll left",this.tdsScrollRightAriaLabel="Scroll right",this.buttonWidth=0,this.showLeftScroll=!1,this.showRightScroll=!1,this.navWrapperElement=null,this.componentWidth=0,this.buttonsWidth=0,this.scrollableWidth=0,this.tabElements=[],this.clickHandlers=new WeakMap,this.addResizeObserver=()=>{const t=new ResizeObserver((t=>{t.forEach((t=>{const s=t.contentRect.width;let e=0;Array.from(this.host.children).forEach((t=>{const s=window.getComputedStyle(t);e+=t.clientWidth+parseFloat(s.marginLeft)+parseFloat(s.marginRight)})),this.componentWidth=s,this.buttonsWidth=e,this.scrollableWidth=e-s,this.updateScrollButtons()}))}));this.navWrapperElement&&t.observe(this.navWrapperElement)},this.addEventListenerToTabs=()=>{this.tabElements=Array.from(this.host.children),this.tabElements.map(((t,s)=>{const e=()=>{t.disabled||this.tdsChange.emit({selectedTabIndex:this.tabElements.indexOf(t)}).defaultPrevented||(this.tabElements.forEach((t=>t.setSelected(!1))),t.setSelected(!0),this.selectedIndex=s)};return t.addEventListener("click",e),this.clickHandlers.set(t,e),t}))},this.removeEventListenerFromTabs=()=>{this.tabElements.forEach((t=>{const s=this.clickHandlers.get(t);s&&(t.removeEventListener("click",s),this.clickHandlers.delete(t))}))}}async selectTab(t){if(t<0||t>=this.tabElements.length)throw Error("Tab index out of bounds");return this.tabElements[t].disabled||(this.tabElements.forEach((t=>t.setSelected(!1))),this.tabElements=this.tabElements.map(((s,e)=>(e===t&&(s.setSelected(!0),this.selectedIndex=t),s)))),{selectedTabIndex:this.selectedIndex}}async reinitialize(){this.handleSlotChange()}handleSelectedIndexUpdate(){const t=Array.from(this.host.children);this.tabElements=t.map((t=>(t.setSelected(!1),t))),this.selectedIndex&&this.tabElements[this.selectedIndex].setSelected(!0)}scrollRight(){this.navWrapperElement&&(this.navWrapperElement.scrollLeft=this.navWrapperElement.scrollLeft+this.buttonsWidth,this.evaluateScrollButtons())}scrollLeft(){this.navWrapperElement&&(this.navWrapperElement.scrollLeft=this.navWrapperElement.scrollLeft-this.buttonsWidth,this.evaluateScrollButtons())}evaluateScrollButtons(){if(!this.navWrapperElement)return;const t=this.navWrapperElement.scrollLeft;this.showRightScroll=t<=this.scrollableWidth,this.showLeftScroll=t>0}initializeTabs(){this.tabElements=Array.from(this.host.children),this.tabElements.forEach((t=>{t.classList.remove("last"),t.classList.remove("first")})),this.tabElements[0].classList.add("first"),this.tabElements[this.tabElements.length-1].classList.add("last")}initializeSelectedTab(){void 0===this.selectedIndex?(this.addEventListenerToTabs(),this.tabElements[this.defaultSelectedIndex].setSelected(!0),this.selectedIndex=this.defaultSelectedIndex):this.tabElements[this.selectedIndex].setSelected(!0),this.tdsChange.emit({selectedTabIndex:this.selectedIndex})}updateScrollButtons(){this.buttonsWidth>this.componentWidth?this.evaluateScrollButtons():(this.showLeftScroll=!1,this.showRightScroll=!1)}handleSlotChange(){this.initializeTabs(),this.addEventListenerToTabs(),this.initializeSelectedTab(),this.updateScrollButtons(),this.addResizeObserver()}connectedCallback(){this.initializeTabs()}componentDidLoad(){this.initializeSelectedTab()}componentDidRender(){this.updateScrollButtons(),this.addResizeObserver()}disconnectedCallback(){this.removeEventListenerFromTabs()}render(){return o(l,{key:"41717283c59a48b103f09d57f98eeeb0e59b9b90",role:"tablist",class:this.modeVariant?"tds-mode-variant-"+this.modeVariant:""},o("div",{key:"110565630876d0562c0da97c17fb3f0322aebdf3",class:"wrapper",ref:t=>{this.navWrapperElement=t}},o("button",{key:"3dae6d2ec51d16943dde21c1177cd9e4258c6e7d","aria-label":this.tdsScrollLeftAriaLabel,class:"scroll-left-button "+(this.showLeftScroll?"show":""),disabled:!this.showLeftScroll,onClick:()=>this.scrollLeft()},o("tds-icon",{key:"80f25b8b7b3b684e2ce99772864f5953e7984d41",name:"chevron_left",size:"20px"})),o("slot",{key:"2725126f14468a685eed1ad75401e5490312d696",onSlotchange:()=>this.handleSlotChange()}),o("button",{key:"bebfa92afee71e4403c11d4d82653b264c7c3506","aria-label":this.tdsScrollRightAriaLabel,class:"scroll-right-button "+(this.showRightScroll?"show":""),disabled:!this.showRightScroll,onClick:()=>this.scrollRight()},o("tds-icon",{key:"81ac9deabdbe4ed4127c2504fb9cbe0ba3b114b9",name:"chevron_right",size:"20px"}))))}get host(){return this}static get watchers(){return{selectedIndex:[{handleSelectedIndexUpdate:0}]}}static get style(){return':host{box-sizing:border-box;overflow:hidden;outline:0}:host *{box-sizing:border-box}:host .wrapper{display:flex;overflow-x:scroll;scrollbar-width:none;position:relative}:host .wrapper::-webkit-scrollbar{display:none}:host .scroll-right-button{z-index:1;right:0}:host .scroll-left-button{z-index:1;left:0}:host .scroll-right-button,:host .scroll-left-button{height:50px;color:var(--tds-folder-tabs-scroll-btn-color);cursor:pointer;border:0;width:0;background-color:var(--tds-folder-tabs-scroll-btn-background);display:none;justify-content:center;align-items:center;opacity:0;pointer-events:none;position:sticky}:host .scroll-right-button.show,:host .scroll-left-button.show{min-width:48px;display:block;opacity:1;pointer-events:all}:host .scroll-right-button:hover,:host .scroll-left-button:hover{background-color:var(--tds-folder-tabs-scroll-btn-background-hover)}:host .scroll-right-button:active,:host .scroll-left-button:active{background-color:var(--tds-folder-tabs-scroll-btn-background-active)}:host .scroll-right-button:focus-within::before,:host .scroll-left-button:focus-within::before{outline:2px solid var(--tds-focus-outline-color);box-shadow:0 0 0 1px var(--tds-white);outline-offset:1px;z-index:1;content:"";position:absolute;top:3px;bottom:3px;left:3px;right:3px}:host .scroll-right-button:focus,:host .scroll-left-button:focus{outline:0}:host .scroll-right-button svg,:host .scroll-left-button svg{fill:var(--tds-folder-tabs-scroll-btn-color)}'}},[257,"tds-folder-tabs",{modeVariant:[1,"mode-variant"],defaultSelectedIndex:[2,"default-selected-index"],selectedIndex:[514,"selected-index"],tdsScrollLeftAriaLabel:[1,"tds-scroll-left-aria-label"],tdsScrollRightAriaLabel:[1,"tds-scroll-right-aria-label"],buttonWidth:[32],showLeftScroll:[32],showRightScroll:[32],selectTab:[64],reinitialize:[64]},void 0,{selectedIndex:[{handleSelectedIndexUpdate:0}]}]);function n(){"undefined"!=typeof customElements&&["tds-folder-tabs","tds-icon"].forEach((s=>{switch(s){case"tds-folder-tabs":customElements.get(t(s))||customElements.define(t(s),r);break;case"tds-icon":customElements.get(t(s))||h()}}))}n();const c=r,a=n;export{c as TdsFolderTabs,a as defineCustomElement}

package/dist/components/tds-footer-group.js

@@ -1,87 +1 @@
-import { p as proxyCustomElement, H, h, c as Host } from './p-28ef5186.js';
-import { h as hasSlot } from './p-ae110fc2.js';
-import { d as defineCustomElement$2 } from './p-f086ba26.js';
-
-const footerGroupCss = ":host{display:block}:host .footer-top-title{font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);color:var(--tds-footer-top-links-header);padding-bottom:8px}:host .footer-top-title *,:host .footer-top-title ::slotted(*){margin:0}:host button.footer-top-title-button{border:none;width:100%;font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);color:var(--tds-footer-top-links);background-color:transparent;text-align:left;padding:19px 24px;justify-content:space-between;border-bottom:1px solid var(--tds-footer-top-divider)}:host button.footer-top-title-button *,:host button.footer-top-title-button ::slotted(*){margin:0}:host button.footer-top-title-button.expanded tds-icon{transform:rotateZ(180deg)}:host button.footer-top-title-button:hover{cursor:pointer}:host button.footer-top-title-button:active{background-color:var(--tds-footer-top-button-active)}:host button.footer-top-title-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}:host button.footer-top-title-button tds-icon{transition:transform 0.2s ease-in-out}:host [role=list]{list-style:none;padding:0;margin:0;display:flex;gap:12px}:host [role=list].start,:host [role=list].end{gap:24px}:host [role=list].top-part-child{flex-direction:column}:host .mobile-view [role=list].start:not(.top-part-child){flex-direction:column}:host .mobile-view [role=list].start:not(.top-part-child).start,:host .mobile-view [role=list].start:not(.top-part-child).end{gap:8px}:host .mobile-view [role=list].top-part-child.closed{display:none}:host .mobile-view [role=list].top-part-child{gap:0}:host .mobile-view button.footer-top-title-button{display:flex;align-items:center}";
-const TdsFooterGroupStyle0 = footerGroupCss;
-
-const TdsFooterGroup$1 = /*@__PURE__*/ proxyCustomElement(class TdsFooterGroup extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        /** If the group is placed in the main part of the Footer,
-         * it can have either start or end as a slot position otherwise undefined. */
-        this.slotPosition = null;
-        /** Indicates if a group is part of the top part of the Footer. */
-        this.topPartGroup = false;
-        this.titleText = undefined;
-        this.tdsListAriaLabel = undefined;
-        this.open = false;
-        this.isMobile = false;
-    }
-    updateIsMobile() {
-        this.isMobile = window.innerWidth <= 992;
-    }
-    connectedCallback() {
-        var _a, _b;
-        this.updateIsMobile();
-        this.topPartGroup = ((_a = this.host.parentElement) === null || _a === void 0 ? void 0 : _a.slot) === 'top';
-        if (!this.topPartGroup) {
-            this.slotPosition = ((_b = this.host.parentElement) === null || _b === void 0 ? void 0 : _b.slot) === 'end' ? 'end' : 'start';
-        }
-        if (!this.tdsListAriaLabel) {
-            console.warn('Tegel Footer Group component: missing tdsListAriaLabel prop');
-        }
-        if (this.titleText) {
-            console.warn('Tegel Footer Group component: to ensure accessibility, please use the title slot instead of the titleText prop. titleText will be deprecated in the future.');
-        }
-        const hasTitleSlot = hasSlot('title', this.host);
-        if (hasTitleSlot && this.titleText) {
-            console.warn('Tegel Footer Group component: titleText prop is set but title slot is used. The titleText prop will be ignored.');
-        }
-    }
-    handleResize() {
-        this.updateIsMobile();
-    }
-    render() {
-        const hasTitleSlot = hasSlot('title', this.host);
-        return (h(Host, { key: '96594800603cf0e9cebf94cb567da570df3dfa34', "aria-expanded": this.open ? 'true' : 'false' }, h("div", { key: 'f131ba95fba5cbd3113dfae4ab0c40bfe322f370', class: this.isMobile ? 'mobile-view' : '' }, this.topPartGroup &&
-            (this.isMobile ? (h("button", { onClick: () => {
-                    this.open = !this.open;
-                }, class: `footer-top-title-button ${this.open ? 'expanded' : 'closed'}` }, hasTitleSlot ? h("slot", { name: "title" }) : this.titleText, h("tds-icon", { name: "chevron_down", size: "20px", "aria-hidden": "true" }))) : (h("div", { class: "footer-top-title" }, hasTitleSlot ? h("slot", { name: "title" }) : this.titleText))), h("nav", { key: 'a7ba1cb22025afa4f11680108e9382cf388d692e', "aria-label": this.tdsListAriaLabel }, h("div", { key: 'af304cf0fe2282b44b86cef3647177d9f89bd928', role: "list", class: `${this.slotPosition ? this.slotPosition : ''}
-            ${this.topPartGroup ? 'top-part-child' : ''}
-            ${this.open ? 'expanded' : 'closed'}` }, h("slot", { key: '7117d7f69790dac3baab851edd7bb4420c2f7c3d' }))))));
-    }
-    get host() { return this; }
-    static get style() { return TdsFooterGroupStyle0; }
-}, [1, "tds-footer-group", {
-        "titleText": [1, "title-text"],
-        "tdsListAriaLabel": [1, "tds-list-aria-label"],
-        "open": [32],
-        "isMobile": [32]
-    }, [[9, "resize", "handleResize"]]]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["tds-footer-group", "tds-icon"];
-    components.forEach(tagName => { switch (tagName) {
-        case "tds-footer-group":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, TdsFooterGroup$1);
-            }
-            break;
-        case "tds-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
-
-const TdsFooterGroup = TdsFooterGroup$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { TdsFooterGroup, defineCustomElement };
+import{t,p as o,H as e,h as s,a as i}from"./index.js";import{h as l}from"./p-DDX6uFcm.js";import{d as n}from"./p-hVetZOGH.js";const r=o(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.open=!1,this.isMobile=!1,this.slotPosition=null,this.topPartGroup=!1}updateIsMobile(){this.isMobile=window.innerWidth<=992}connectedCallback(){var t,o;this.updateIsMobile(),this.topPartGroup="top"===(null===(t=this.host.parentElement)||void 0===t?void 0:t.slot),this.topPartGroup||(this.slotPosition="end"===(null===(o=this.host.parentElement)||void 0===o?void 0:o.slot)?"end":"start"),this.tdsListAriaLabel||console.warn("Tegel Footer Group component: missing tdsListAriaLabel prop"),this.titleText&&console.warn("Tegel Footer Group component: to ensure accessibility, please use the title slot instead of the titleText prop. titleText will be deprecated in the future."),l("title",this.host)&&this.titleText&&console.warn("Tegel Footer Group component: titleText prop is set but title slot is used. The titleText prop will be ignored.")}handleResize(){this.updateIsMobile()}render(){const t=l("title",this.host);return s(i,{key:"67a8de92cb3f9e958f43818c87c5b6d51ba94f15","aria-expanded":this.open?"true":"false"},s("div",{key:"9373f8486cc78e684cc9d84b26d36a8a44f9f2bf",class:this.isMobile?"mobile-view":""},this.topPartGroup&&(this.isMobile?s("button",{onClick:()=>{this.open=!this.open},class:"footer-top-title-button "+(this.open?"expanded":"closed")},t?s("slot",{name:"title"}):this.titleText,s("tds-icon",{name:"chevron_down",size:"20px","aria-hidden":"true"})):s("div",{class:"footer-top-title"},t?s("slot",{name:"title"}):this.titleText)),s("nav",{key:"397a8a2c393331de0816ebf73d21647666cad858","aria-label":this.tdsListAriaLabel},s("div",{key:"4bbe0af02551f494a8513dca354958ff3e796a08",role:"list",class:`${this.slotPosition?this.slotPosition:""}\n            ${this.topPartGroup?"top-part-child":""}\n            ${this.open?"expanded":"closed"}`},s("slot",{key:"da11d1279d22a8093bb8367ae8056dbecf5ac0c0"})))))}get host(){return this}static get style(){return":host{display:block}:host .footer-top-title{font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);color:var(--tds-footer-top-links-header);padding-bottom:8px}:host .footer-top-title *,:host .footer-top-title ::slotted(*){margin:0}:host button.footer-top-title-button{border:none;width:100%;font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);color:var(--tds-footer-top-links);background-color:transparent;text-align:left;padding:19px 24px;justify-content:space-between;border-bottom:1px solid var(--tds-footer-top-divider)}:host button.footer-top-title-button *,:host button.footer-top-title-button ::slotted(*){margin:0}:host button.footer-top-title-button.expanded tds-icon{transform:rotateZ(180deg)}:host button.footer-top-title-button:hover{cursor:pointer}:host button.footer-top-title-button:active{background-color:var(--tds-footer-top-button-active)}:host button.footer-top-title-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}:host button.footer-top-title-button tds-icon{transition:transform 0.2s ease-in-out}:host [role=list]{list-style:none;padding:0;margin:0;display:flex;gap:12px}:host [role=list].start,:host [role=list].end{gap:24px}:host [role=list].top-part-child{flex-direction:column}:host .mobile-view [role=list].start:not(.top-part-child){flex-direction:column}:host .mobile-view [role=list].start:not(.top-part-child).start,:host .mobile-view [role=list].start:not(.top-part-child).end{gap:8px}:host .mobile-view [role=list].top-part-child.closed{display:none}:host .mobile-view [role=list].top-part-child{gap:0}:host .mobile-view button.footer-top-title-button{display:flex;align-items:center}"}},[257,"tds-footer-group",{titleText:[1,"title-text"],tdsListAriaLabel:[1,"tds-list-aria-label"],open:[32],isMobile:[32]},[[9,"resize","handleResize"]]]);function a(){"undefined"!=typeof customElements&&["tds-footer-group","tds-icon"].forEach((o=>{switch(o){case"tds-footer-group":customElements.get(t(o))||customElements.define(t(o),r);break;case"tds-icon":customElements.get(t(o))||n()}}))}a();const d=r,p=a;export{d as TdsFooterGroup,p as defineCustomElement}

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

@@ -1,44 +1 @@
-import { p as proxyCustomElement, H, h, c as Host } from './p-28ef5186.js';
-
-const footerItemCss = ":host([role=listitem]) div ::slotted(a),:host([role=listitem]) div ::slotted(button){font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);color:var(--tds-footer-main-links);text-decoration:none}:host([role=listitem]) div ::slotted(a:focus-visible),:host([role=listitem]) div ::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}:host([role=listitem]) div ::slotted(a:hover),:host([role=listitem]) div ::slotted(button:hover){text-decoration:underline}:host([role=listitem]) div.top-part-child ::slotted(a),:host([role=listitem]) div.top-part-child ::slotted(button){font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);color:var(--tds-footer-top-links)}:host([role=listitem]) div.top-part-child ::slotted(a:focus-visible),:host([role=listitem]) div.top-part-child ::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}@media all and (max-width: 992px){:host([role=listitem]) div.top-part-child{border-bottom:1px solid var(--tds-footer-top-divider)}:host([role=listitem]) div.top-part-child ::slotted(a),:host([role=listitem]) div.top-part-child ::slotted(button){display:block;height:100%;padding:19px 40px;font-weight:normal}:host([role=listitem]) div.top-part-child ::slotted(a:active),:host([role=listitem]) div.top-part-child ::slotted(button:active){text-decoration:underline;background-color:var(--tds-footer-top-links-background-active)}:host([role=listitem]) div.top-part-child ::slotted(a:focus-visible),:host([role=listitem]) div.top-part-child ::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 TdsFooterItemStyle0 = footerItemCss;
-
-const TdsFooterItem$1 = /*@__PURE__*/ proxyCustomElement(class TdsFooterItem extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.parentIsTopPart = false;
-    }
-    connectedCallback() {
-        var _a;
-        const closestGroup = this.host.closest('tds-footer-group');
-        if (closestGroup) {
-            this.parentIsTopPart = ((_a = closestGroup.parentElement) === null || _a === void 0 ? void 0 : _a.slot) === 'top';
-        }
-    }
-    render() {
-        return (h(Host, { key: 'ed7e825469fcae5d17af59f0a5f845fcadf8bf89', role: "listitem" }, h("div", { key: '74b64120093b651b91eba2b2dd98c5300a590fae', class: `${this.parentIsTopPart ? 'top-part-child' : ''}` }, h("slot", { key: '84a215c3bc66039e4973337bb2bc7de3dbe5ed77' }))));
-    }
-    get host() { return this; }
-    static get style() { return TdsFooterItemStyle0; }
-}, [1, "tds-footer-item"]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["tds-footer-item"];
-    components.forEach(tagName => { switch (tagName) {
-        case "tds-footer-item":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, TdsFooterItem$1);
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
-
-const TdsFooterItem = TdsFooterItem$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { TdsFooterItem, defineCustomElement };
+import{t,p as o,H as e,h as i,a as s}from"./index.js";const l=o(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.parentIsTopPart=!1}connectedCallback(){var t;const o=this.host.closest("tds-footer-group");o&&(this.parentIsTopPart="top"===(null===(t=o.parentElement)||void 0===t?void 0:t.slot))}render(){return i(s,{key:"8ddec62c76a87e0ecd03e77ac8abeb924f1a0665",role:"listitem"},i("div",{key:"07e7552a21644ccde5c34cb1943eb39fa7c947bb",class:this.parentIsTopPart?"top-part-child":""},i("slot",{key:"0a2986024eef08b2251851a320d35d72a665e952"})))}get host(){return this}static get style(){return":host([role=listitem]) div ::slotted(a),:host([role=listitem]) div ::slotted(button){font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);color:var(--tds-footer-main-links);text-decoration:none}:host([role=listitem]) div ::slotted(a:focus-visible),:host([role=listitem]) div ::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}:host([role=listitem]) div ::slotted(a:hover),:host([role=listitem]) div ::slotted(button:hover){text-decoration:underline}:host([role=listitem]) div.top-part-child ::slotted(a),:host([role=listitem]) div.top-part-child ::slotted(button){font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);color:var(--tds-footer-top-links)}:host([role=listitem]) div.top-part-child ::slotted(a:focus-visible),:host([role=listitem]) div.top-part-child ::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}@media all and (max-width: 992px){:host([role=listitem]) div.top-part-child{border-bottom:1px solid var(--tds-footer-top-divider)}:host([role=listitem]) div.top-part-child ::slotted(a),:host([role=listitem]) div.top-part-child ::slotted(button){display:block;height:100%;padding:19px 40px;font-weight:normal}:host([role=listitem]) div.top-part-child ::slotted(a:active),:host([role=listitem]) div.top-part-child ::slotted(button:active){text-decoration:underline;background-color:var(--tds-footer-top-links-background-active)}:host([role=listitem]) div.top-part-child ::slotted(a:focus-visible),:host([role=listitem]) div.top-part-child ::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-footer-item"]);function d(){"undefined"!=typeof customElements&&["tds-footer-item"].forEach((o=>{"tds-footer-item"===o&&(customElements.get(t(o))||customElements.define(t(o),l))}))}d();const r=l,a=d;export{r as TdsFooterItem,a as defineCustomElement}

package/dist/components/tds-footer.js

@@ -1,47 +1 @@
-import { p as proxyCustomElement, H, h, c as Host } from './p-28ef5186.js';
-import { h as hasSlot } from './p-ae110fc2.js';
-
-const footerCss = ":host{display:block}:host slot[name=top]::slotted(*){box-sizing:border-box;background-color:var(--tds-footer-top-background);padding:40px;display:grid;grid-template-columns:repeat(4, 1fr);row-gap:40px;width:100%}:host .footer-main{background-color:var(--tds-footer-main-background);padding:0 40px}:host .footer-main-top{padding:40px 0;display:flex;justify-content:space-between}:host slot[name=start],:host slot[name=end]{display:flex}:host slot[name=start]::slotted(*),:host slot[name=end]::slotted(*){display:flex;column-gap:24px}:host slot[name=end]{margin-left:auto}:host .footer-main-bottom{padding:40px 0;display:flex;justify-content:space-between;border-top:1px solid var(--tds-footer-main-divider)}:host .footer-main-bottom small.copyright{margin:0;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);color:var(--tds-footer-main-copyright)}:host .footer-main-bottom .brand{background-image:var(--tds-background-image-scania-wordmark-white-svg-local), var(--tds-background-image-scania-wordmark-white-svg);background-repeat:no-repeat;background-size:117px;background-position:right;width:117px;height:20px}:host .footer-main-bottom .brand p{color:transparent;padding:0;margin:0;height:100%;visibility:hidden}@media all and (max-width: 992px){:host slot[name=top]::slotted(*){display:block;width:100%;padding:0}:host .footer-main{padding:0 24px}:host .footer-main-top{flex-direction:column;row-gap:48px;padding:24px 0}:host slot[name=end]::slotted(*){flex-direction:row;gap:8px}:host slot[name=end]{margin-left:unset}:host .footer-main-bottom{flex-direction:column;padding-bottom:32px}:host .footer-main-bottom p.copyright{padding-bottom:96px}:host .footer-main-bottom .brand{width:100%}}";
-const TdsFooterStyle0 = footerCss;
-
-const TdsFooter$1 = /*@__PURE__*/ proxyCustomElement(class TdsFooter extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.copyrightText = `Copyright © ${new Date().getFullYear()} Scania`;
-        this.modeVariant = null;
-    }
-    render() {
-        const usesTopSlot = hasSlot('top', this.host);
-        const usesStartSlot = hasSlot('start', this.host);
-        const usesEndSlot = hasSlot('end', this.host);
-        const usesCopyrightSlot = hasSlot('copyright', this.host);
-        return (h(Host, { key: 'cc332e8bb49a94ee80c1cbd73552abb0ce4681df', class: {
-                [`tds-mode-variant-${this.modeVariant}`]: this.modeVariant !== null,
-            } }, h("footer", { key: '3bd37308da24350daae97ecac9d5cade3d8b6e24' }, usesTopSlot && h("slot", { key: '17bb2a9db6b27aad3405102fa2a2c1c380a5043f', name: "top" }), h("div", { key: '78bd64db7bac22157a18ebb8792075e6e435d3ba', class: "footer-main" }, (usesStartSlot || usesEndSlot) && (h("div", { key: '25112b84db722b6f4c1674957506f645f70f1fce', class: "footer-main-top" }, usesStartSlot && h("slot", { key: '4cd0f265f684cf7773e6d799f66e87930d223447', name: "start" }), usesEndSlot && h("slot", { key: '172f7326be9a216271e4815c121777c9d929b532', name: "end" }))), h("div", { key: '441c18a7502f94f8c804e0b9bd594f96c8a1b22a', class: "footer-main-bottom" }, h("small", { key: 'cb62fd7f2e38da47f0adb104d44ff6e83e03ce4b', class: "copyright" }, usesCopyrightSlot ? h("slot", { name: "copyright" }) : this.copyrightText), h("div", { key: 'ba85b724529e318a7120c15dfbb885831a41b4f8', class: "brand" }, h("p", { key: '5e4ee4c61f4fbdb8371b92e544c29e600b77ffe9' }, "Scania")))))));
-    }
-    get host() { return this; }
-    static get style() { return TdsFooterStyle0; }
-}, [1, "tds-footer", {
-        "modeVariant": [1, "mode-variant"]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["tds-footer"];
-    components.forEach(tagName => { switch (tagName) {
-        case "tds-footer":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, TdsFooter$1);
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
-
-const TdsFooter = TdsFooter$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { TdsFooter, defineCustomElement };
+import{t,p as o,H as a,h as e,a as d}from"./index.js";import{h as s}from"./p-DDX6uFcm.js";const n=o(class extends a{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.modeVariant=null,this.copyrightText=`Copyright © ${(new Date).getFullYear()} Scania`}render(){const t=s("top",this.host),o=s("start",this.host),a=s("end",this.host),n=s("copyright",this.host);return e(d,{key:"ce224ca7ee246c1d54435c27ef0c7d855f360725",class:{["tds-mode-variant-"+this.modeVariant]:null!==this.modeVariant}},e("footer",{key:"666810f7bc99938b7b72dab2c00795126e88c445"},t&&e("slot",{key:"68d02b7441d8bfa17ec57c1ad313278cd0aa5718",name:"top"}),e("div",{key:"2f158dfd72b6890edc9e443c2bc6d6bb3b550065",class:"footer-main"},(o||a)&&e("div",{key:"9c4f84e651fda177edfcc7ba10d1607c4e1a7474",class:"footer-main-top"},o&&e("slot",{key:"a4e8820b818092c511884ccf3f30113d1b48a01f",name:"start"}),a&&e("slot",{key:"dd3981c085fdca380ad0a047884bab93cda813a6",name:"end"})),e("div",{key:"12d7eaac68e142c4e7a9ecb8badbbd058381f7f9",class:"footer-main-bottom"},e("small",{key:"e708f6d879dcda639e355a4dfe3eec04b86d5dd2",class:"copyright"},n?e("slot",{name:"copyright"}):this.copyrightText),e("div",{key:"d368706b9a68ce2c19e1bc590c46cb800cabaaa9",class:"brand"},e("p",{key:"cfdae8ab29c950588dfd3cdb80e174793709e801"},"Scania"))))))}get host(){return this}static get style(){return":host{display:block}:host slot[name=top]::slotted(*){box-sizing:border-box;background-color:var(--tds-footer-top-background);padding:40px;display:grid;grid-template-columns:repeat(4, 1fr);row-gap:40px;width:100%}:host .footer-main{background-color:var(--tds-footer-main-background);padding:0 40px}:host .footer-main-top{padding:40px 0;display:flex;justify-content:space-between}:host slot[name=start],:host slot[name=end]{display:flex}:host slot[name=start]::slotted(*),:host slot[name=end]::slotted(*){display:flex;column-gap:24px}:host slot[name=end]{margin-left:auto}:host .footer-main-bottom{padding:40px 0;display:flex;justify-content:space-between;border-top:1px solid var(--tds-footer-main-divider)}:host .footer-main-bottom small.copyright{margin:0;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);color:var(--tds-footer-main-copyright)}:host .footer-main-bottom .brand{background-image:var(--tds-background-image-scania-wordmark-white-svg-local), var(--tds-background-image-scania-wordmark-white-svg);background-repeat:no-repeat;background-size:117px;background-position:right;width:117px;height:20px}:host .footer-main-bottom .brand p{color:transparent;padding:0;margin:0;height:100%;visibility:hidden}@media all and (max-width: 992px){:host slot[name=top]::slotted(*){display:block;width:100%;padding:0}:host .footer-main{padding:0 24px}:host .footer-main-top{flex-direction:column;row-gap:48px;padding:24px 0}:host slot[name=end]::slotted(*){flex-direction:row;gap:8px}:host slot[name=end]{margin-left:unset}:host .footer-main-bottom{flex-direction:column;padding-bottom:32px}:host .footer-main-bottom p.copyright{padding-bottom:96px}:host .footer-main-bottom .brand{width:100%}}"}},[257,"tds-footer",{modeVariant:[1,"mode-variant"]}]);function i(){"undefined"!=typeof customElements&&["tds-footer"].forEach((o=>{"tds-footer"===o&&(customElements.get(t(o))||customElements.define(t(o),n))}))}i();const r=n,c=i;export{r as TdsFooter,c as defineCustomElement}

package/dist/components/tds-header-brand-symbol.js

@@ -1,52 +1 @@
-import { p as proxyCustomElement, H, h, c as Host } from './p-28ef5186.js';
-import { d as defineCustomElement$3 } from './p-e1622f4a.js';
-import { d as defineCustomElement$2 } from './p-4c0aa33f.js';
-
-const headerBrandSymbolCss = ":host tds-header-item{display:none}:host tds-header-item ::slotted(*){background-image:var(--tds-background-image-scania-symbol-svg-local), var(--tds-background-image-scania-symbol-svg);background-size:30px auto;background-position:center;background-repeat:no-repeat}@media (min-width: 992px){:host tds-header-item{display:block}}";
-const TdsHeaderBrandSymbolStyle0 = headerBrandSymbolCss;
-
-const TdsHeaderBrandSymbol$1 = /*@__PURE__*/ proxyCustomElement(class TdsHeaderBrandSymbol extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-    }
-    render() {
-        const aTag = this.host.querySelector('a');
-        if (!(aTag === null || aTag === void 0 ? void 0 : aTag.hasAttribute('aria-label'))) {
-            console.warn('Tegel Header Brand Symbol component: missing aria-label attribute for <a> tag inside slot');
-        }
-        return (h(Host, { key: '2692fca9f014e54adafca2cca8e089456d943240' }, h("tds-header-item", { key: '0e31d7f161e6fd60ce217aacc169040628b3748e' }, h("slot", { key: '7bcfa8a38d0725b5127dc6e13dee2d371749c49f' }))));
-    }
-    get host() { return this; }
-    static get style() { return TdsHeaderBrandSymbolStyle0; }
-}, [1, "tds-header-brand-symbol"]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["tds-header-brand-symbol", "tds-core-header-item", "tds-header-item"];
-    components.forEach(tagName => { switch (tagName) {
-        case "tds-header-brand-symbol":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, TdsHeaderBrandSymbol$1);
-            }
-            break;
-        case "tds-core-header-item":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "tds-header-item":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
-
-const TdsHeaderBrandSymbol = TdsHeaderBrandSymbol$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { TdsHeaderBrandSymbol, defineCustomElement };
+import{t as e,p as t,H as s,h as a,a as d}from"./index.js";import{d as o}from"./p-Bp11uQum.js";import{d as r}from"./p-CKbZVUR2.js";const n=t(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){const e=this.host.querySelector("a");return(null==e?void 0:e.hasAttribute("aria-label"))||console.warn("Tegel Header Brand Symbol component: missing aria-label attribute for <a> tag inside slot"),a(d,{key:"259c57ce20798a4f75b4c9a2b8cc191140fdb5f7"},a("tds-header-item",{key:"60478bb16304348e09ed6bc8364476ef320a1889"},a("slot",{key:"46143b6985f2b5b4e4f3f1430c7025df22d852dd"})))}get host(){return this}static get style(){return":host tds-header-item{display:none}:host tds-header-item ::slotted(*){background-image:var(--tds-background-image-scania-symbol-svg-local), var(--tds-background-image-scania-symbol-svg);background-size:30px auto;background-position:center;background-repeat:no-repeat}@media (min-width: 992px){:host tds-header-item{display:block}}"}},[257,"tds-header-brand-symbol"]);function i(){"undefined"!=typeof customElements&&["tds-header-brand-symbol","tds-core-header-item","tds-header-item"].forEach((t=>{switch(t){case"tds-header-brand-symbol":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))||r()}}))}i();const c=n,m=i;export{c as TdsHeaderBrandSymbol,m as defineCustomElement}