@scania/tegel 1.47.2 → 1.48.0

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 r=t(class extends o{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return s("h4",{key:"4af2f894bf508d0ea8f5c934f4b6e3be61f1ce1a"},s("slot",{key:"e5eaaf9c68f77041f6056af1bb7e1101b48c1ffc"}))}static get style(){return"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}"}},[257,"tds-header-title"]);function i(){"undefined"!=typeof customElements&&["tds-header-title"].forEach((t=>{"tds-header-title"===t&&(customElements.get(e(t))||customElements.define(e(t),r))}))}i();const a=r,n=i;export{a as TdsHeaderTitle,n 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:"4c9dc2fe9e156de13e4cf00242a05796b65f281f"},a("slot",{key:"f3bd41541a930adb28bdee4d0985d2058d68efaa",name:"hamburger"}),a("slot",{key:"76ffa0bd65c153b198ed0d6ce680dc4e92f004a5",name:"title"}),a("nav",Object.assign({key:"518360a59c5ce247274c772a4222c0dc830fd4f9"},e),a("ul",{key:"04184cece0a4f5d107b629cd44c062769b7dcae9",class:"tds-header-component-list"},a("slot",{key:"fb108eca6c62956bb6b1c5c3f163a08bc371ee5c"}),a("li",{key:"2c9c878a5e0fe24c0696cc6f1a1357d813d25c17",class:"tds-header-middle-spacer"}),a("slot",{key:"53683a4433192d3578c3d78d24937e52954a34de",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-C0fx1H4h.js";const p=o,r=s;export{p as TdsIcon,r 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:"9e15778f89e70701ea058a8aa8377b18bc693d2b","aria-selected":this.selected},i("div",{key:"963dfa3c27aa7395919ac976851d173f4bc483fe",class:{"inline-tab-item":!0,selected:this.selected,disabled:this.disabled}},i("slot",{key:"dcadb0ee891fa9a3a7ad94a2af33d82a674d2ecf"})))}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}

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

@@ -1,234 +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 inlineTabsCss = ":host{box-sizing:border-box;display:flex;background-color:var(--tds-inline-tabs-background);position:relative}:host *{box-sizing:border-box}:host::after{content:\" \";display:block;border-bottom:1px solid var(--tds-inline-tabs-horizontal-divider-background);left:0;right:0;bottom:0;position:absolute}:host .wrapper{display:flex;flex-wrap:nowrap;white-space:nowrap;width:100%;overflow-x:scroll;scrollbar-width:none;gap:16px}:host .wrapper::-webkit-scrollbar{display:none}:host .scroll-right-button{right:0;z-index:1}:host .scroll-left-button{left:0;z-index:1}:host .scroll-right-button,:host .scroll-left-button{color:var(--tds-folder-tabs-scroll-btn-color);cursor:pointer;border:0;width:0;background-color:var(--tds-inline-tabs-scroll-btn-background);display:none;justify-content:center;align-items:center;opacity:0;pointer-events:none;position:sticky}:host .scroll-right-button.show,:host .scroll-left-button.show{min-width:48px;display:block;opacity:1;pointer-events:all}:host .scroll-right-button:hover,:host .scroll-left-button:hover{background-color:var(--tds-folder-tabs-scroll-btn-background-hover)}:host .scroll-right-button:active,:host .scroll-left-button:active{background-color:var(--tds-folder-tabs-scroll-btn-background-active)}:host .scroll-right-button:focus-visible::before,:host .scroll-left-button:focus-visible::before{content:\"\";position:absolute;inset:3px;outline:2px solid var(--tds-focus-outline-color);box-shadow:0 0 0 1px var(--tds-white);outline-offset:1px;z-index:1}:host .scroll-right-button:focus-visible,:host .scroll-left-button:focus-visible{outline:0}:host .scroll-right-button svg,:host .scroll-left-button svg{fill:var(--tds-folder-tabs-scroll-btn-color)}";
-const TdsInlineTabsStyle0 = inlineTabsCss;
-
-const TdsInlineTabs$1 = /*@__PURE__*/ proxyCustomElement(class TdsInlineTabs extends H {
-    constructor() {
-        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 = 'primary';
-        this.defaultSelectedIndex = 0;
-        this.selectedIndex = undefined;
-        this.tdsScrollLeftAriaLabel = 'Scroll left';
-        this.tdsScrollRightAriaLabel = 'Scroll right';
-        this.leftPadding = 32;
-        this.showLeftScroll = false;
-        this.showRightScroll = false;
-    }
-    /** Selects a Tab based on tabindex, will not select a disabled Tab. */
-    async selectTab(tabIndex) {
-        if (tabIndex < 0 || tabIndex >= this.children.length) {
-            throw new Error('Tab index out of bounds');
-        }
-        this.children = Array.from(this.host.children);
-        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() {
-        this.children = Array.from(this.host.children).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;
-        }
-    }
-    applyCustomLeftPadding() {
-        if (this.navWrapperElement) {
-            this.navWrapperElement.style.paddingLeft = `${this.leftPadding}px`;
-        }
-    }
-    handleSlotChange() {
-        this.initializeTabs();
-        this.addEventListenerToTabs();
-        this.initializeSelectedTab();
-        this.updateScrollButtons();
-        this.addResizeObserver();
-        this.applyCustomLeftPadding(); // Apply custom left padding to the wrapper
-    }
-    connectedCallback() {
-        this.initializeTabs();
-    }
-    componentDidLoad() {
-        this.initializeSelectedTab();
-    }
-    componentDidRender() {
-        this.updateScrollButtons();
-        this.addResizeObserver();
-    }
-    disconnectedCallback() {
-        this.removeEventListenerFromTabs();
-    }
-    render() {
-        return (h(Host, { key: 'e5c91714cc292fc3b5ba4aea446507b07e3d7928', role: "tablist", class: `${this.modeVariant ? `tds-mode-variant-${this.modeVariant}` : ''}` }, h("div", { key: '494199f5f33abb5b5da122caf0124329630ce0e3', class: "wrapper", ref: (el) => {
-                this.navWrapperElement = el;
-            }, style: { paddingLeft: `${this.leftPadding}px` } }, h("button", { key: '60f7ec503a86d2a2aabb6153a67a804ac297931c', "aria-label": this.tdsScrollLeftAriaLabel, class: `scroll-left-button ${this.showLeftScroll ? 'show' : ''}`, onClick: () => this.scrollLeft(), disabled: !this.showLeftScroll }, h("tds-icon", { key: 'ed092e0d1077b9865ce7b62a889c7687c8fe7758', name: "chevron_left", size: "20px" })), h("slot", { key: '99f32f72a5f3b8ccb47a59cd910953fdbc898fb1', onSlotchange: () => this.handleSlotChange() }), h("button", { key: 'c24a97379767c6e4a1107e957fd7304218231b37', "aria-label": this.tdsScrollRightAriaLabel, class: `scroll-right-button ${this.showRightScroll ? 'show' : ''}`, onClick: () => this.scrollRight(), disabled: !this.showRightScroll }, h("tds-icon", { key: 'cd0f808c268006cb6074e0cf1250e4667b6f1c89', name: "chevron_right", size: "20px" })))));
-    }
-    get host() { return this; }
-    static get watchers() { return {
-        "selectedIndex": ["handleSelectedIndexUpdate"]
-    }; }
-    static get style() { return TdsInlineTabsStyle0; }
-}, [1, "tds-inline-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"],
-        "leftPadding": [514, "left-padding"],
-        "showLeftScroll": [32],
-        "showRightScroll": [32],
-        "selectTab": [64],
-        "reinitialize": [64]
-    }, undefined, {
-        "selectedIndex": ["handleSelectedIndexUpdate"]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["tds-inline-tabs", "tds-icon"];
-    components.forEach(tagName => { switch (tagName) {
-        case "tds-inline-tabs":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, TdsInlineTabs$1);
-            }
-            break;
-        case "tds-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
-
-const TdsInlineTabs = TdsInlineTabs$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { TdsInlineTabs, defineCustomElement };
+import{t,p as s,H as i,c as e,h as o,a as l}from"./index.js";import{d as h}from"./p-C0fx1H4h.js";const r=s(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.tdsChange=e(this,"tdsChange",7),this.modeVariant="primary",this.defaultSelectedIndex=0,this.tdsScrollLeftAriaLabel="Scroll left",this.tdsScrollRightAriaLabel="Scroll right",this.leftPadding=32,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 i=0;Array.from(this.host.children).forEach((t=>{const s=window.getComputedStyle(t);i+=t.clientWidth+parseFloat(s.marginLeft)+parseFloat(s.marginRight)})),this.componentWidth=s,this.buttonsWidth=i,this.scrollableWidth=i-s,this.updateScrollButtons()}))}));this.navWrapperElement&&t.observe(this.navWrapperElement)},this.addEventListenerToTabs=()=>{this.tabElements=Array.from(this.host.children),this.tabElements.map(((t,s)=>{const i=()=>{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",i),this.clickHandlers.set(t,i),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=Array.from(this.host.children),this.tabElements[t].disabled||(this.tabElements.forEach((t=>t.setSelected(!1))),this.tabElements=this.tabElements.map(((s,i)=>(i===t&&(s.setSelected(!0),this.selectedIndex=t),s)))),{selectedTabIndex:this.selectedIndex}}async reinitialize(){this.handleSlotChange()}handleSelectedIndexUpdate(){this.tabElements=Array.from(this.host.children).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)}applyCustomLeftPadding(){this.navWrapperElement&&(this.navWrapperElement.style.paddingLeft=this.leftPadding+"px")}handleSlotChange(){this.initializeTabs(),this.addEventListenerToTabs(),this.initializeSelectedTab(),this.updateScrollButtons(),this.addResizeObserver(),this.applyCustomLeftPadding()}connectedCallback(){this.initializeTabs()}componentDidLoad(){this.initializeSelectedTab()}componentDidRender(){this.updateScrollButtons(),this.addResizeObserver()}disconnectedCallback(){this.removeEventListenerFromTabs()}render(){return o(l,{key:"b129d796866053ae345a16a84c71bfae11b5b22d",role:"tablist",class:this.modeVariant?"tds-mode-variant-"+this.modeVariant:""},o("div",{key:"d01ad71aefcb3ab75b434fc329d0aff2e2e4fa5e",class:"wrapper",ref:t=>{this.navWrapperElement=t},style:{paddingLeft:this.leftPadding+"px"}},o("button",{key:"eaffe52b68a4e72dde674d3ddeaaa5b744dc694b","aria-label":this.tdsScrollLeftAriaLabel,class:"scroll-left-button "+(this.showLeftScroll?"show":""),onClick:()=>this.scrollLeft(),disabled:!this.showLeftScroll},o("tds-icon",{key:"a134e040e2c474aaab21e7b5a27d4d71b9bec455",name:"chevron_left",size:"20px"})),o("slot",{key:"1b3a792581868dd02114c2ab3bf44bec75203782",onSlotchange:()=>this.handleSlotChange()}),o("button",{key:"113c97bca3def818011ae091cd6d9b740f43ec67","aria-label":this.tdsScrollRightAriaLabel,class:"scroll-right-button "+(this.showRightScroll?"show":""),onClick:()=>this.scrollRight(),disabled:!this.showRightScroll},o("tds-icon",{key:"9e899fc5c5d3a658f27e7e374878e4814c3f708b",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;display:flex;background-color:var(--tds-inline-tabs-background);position:relative}:host *{box-sizing:border-box}:host::after{content:" ";display:block;border-bottom:1px solid var(--tds-inline-tabs-horizontal-divider-background);left:0;right:0;bottom:0;position:absolute}:host .wrapper{display:flex;flex-wrap:nowrap;white-space:nowrap;width:100%;overflow-x:scroll;scrollbar-width:none;gap:16px}:host .wrapper::-webkit-scrollbar{display:none}:host .scroll-right-button{right:0;z-index:1}:host .scroll-left-button{left:0;z-index:1}:host .scroll-right-button,:host .scroll-left-button{color:var(--tds-folder-tabs-scroll-btn-color);cursor:pointer;border:0;width:0;background-color:var(--tds-inline-tabs-scroll-btn-background);display:none;justify-content:center;align-items:center;opacity:0;pointer-events:none;position:sticky}:host .scroll-right-button.show,:host .scroll-left-button.show{min-width:48px;display:block;opacity:1;pointer-events:all}:host .scroll-right-button:hover,:host .scroll-left-button:hover{background-color:var(--tds-folder-tabs-scroll-btn-background-hover)}:host .scroll-right-button:active,:host .scroll-left-button:active{background-color:var(--tds-folder-tabs-scroll-btn-background-active)}:host .scroll-right-button:focus-visible::before,:host .scroll-left-button:focus-visible::before{content:"";position:absolute;inset:3px;outline:2px solid var(--tds-focus-outline-color);box-shadow:0 0 0 1px var(--tds-white);outline-offset:1px;z-index:1}:host .scroll-right-button:focus-visible,:host .scroll-left-button:focus-visible{outline:0}:host .scroll-right-button svg,:host .scroll-left-button svg{fill:var(--tds-folder-tabs-scroll-btn-color)}'}},[257,"tds-inline-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"],leftPadding:[514,"left-padding"],showLeftScroll:[32],showRightScroll:[32],selectTab:[64],reinitialize:[64]},void 0,{selectedIndex:[{handleSelectedIndexUpdate:0}]}]);function a(){"undefined"!=typeof customElements&&["tds-inline-tabs","tds-icon"].forEach((s=>{switch(s){case"tds-inline-tabs":customElements.get(t(s))||customElements.define(t(s),r);break;case"tds-icon":customElements.get(t(s))||h()}}))}a();const n=r,c=a;export{n as TdsInlineTabs,c as defineCustomElement}

package/dist/components/tds-link.js

@@ -1,64 +1 @@
-import { p as proxyCustomElement, H, h } from './p-28ef5186.js';
-
-const linkCss = ":host{display:inline}:host ::slotted(*){all:unset;cursor:pointer;outline:none;color:var(--tds-link);text-decoration:underline}:host ::slotted(*:hover){color:var(--tds-link-hover);text-decoration:none}:host .no-underline ::slotted(*){text-decoration:none}:host .no-underline ::slotted(*:hover){color:var(--tds-link-hover);text-decoration:underline;text-decoration-color:var(--tds-link-hover)}:host ::slotted(*:focus-visible){color:var(--tds-link-focus);text-decoration:none;box-shadow:0 0 0 1px var(--tds-white), 0 0 0 3px var(--tds-link-focus)}:host ::slotted(*:active){color:var(--tds-link);text-decoration:underline;text-decoration-color:var(--tds-link)}:host ::slotted(*:visited){color:var(--tds-link-visited);text-decoration-color:var(--tds-link-visited)}.disabled ::slotted(*),.disabled ::slotted(*:visited){color:var(--tds-link-disabled);text-decoration-color:var(--tds-link-disabled);pointer-events:none}.standalone ::slotted(*){font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls)}";
-const TdsLinkStyle0 = linkCss;
-
-const TdsLink$1 = /*@__PURE__*/ proxyCustomElement(class TdsLink extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.disabled = false;
-        this.underline = true;
-        this.standalone = false;
-    }
-    connectedCallback() {
-        const links = this.host.querySelectorAll('a');
-        if (links.length > 1) {
-            console.warn('tds-link is only intended to wrap one <a> tag');
-        }
-        const link = links[0];
-        if (link) {
-            if (this.disabled) {
-                link.setAttribute('tabindex', '-1');
-                link.setAttribute('aria-disabled', 'true');
-            }
-            else {
-                link.removeAttribute('tabindex');
-                link.removeAttribute('aria-disabled');
-            }
-        }
-    }
-    render() {
-        return (h("span", { key: '37f0a1d6f793f3b333dd1d36cb4d71c6c0ca68c9', class: {
-                'disabled': this.disabled,
-                'no-underline': !this.underline,
-                'standalone': this.standalone,
-            } }, h("slot", { key: 'a2943a35f2ca2daceab8036b5f4a858dbed487c9' })));
-    }
-    get host() { return this; }
-    static get style() { return TdsLinkStyle0; }
-}, [1, "tds-link", {
-        "disabled": [4],
-        "underline": [4],
-        "standalone": [4]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["tds-link"];
-    components.forEach(tagName => { switch (tagName) {
-        case "tds-link":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, TdsLink$1);
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
-
-const TdsLink = TdsLink$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { TdsLink, defineCustomElement };
+import{t,p as e,H as o,h as s}from"./index.js";const n=e(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.disabled=!1,this.underline=!0,this.standalone=!1}connectedCallback(){const t=this.host.querySelectorAll("a");t.length>1&&console.warn("tds-link is only intended to wrap one <a> tag");const e=t[0];e&&(this.disabled?(e.setAttribute("tabindex","-1"),e.setAttribute("aria-disabled","true")):(e.removeAttribute("tabindex"),e.removeAttribute("aria-disabled")))}render(){return s("span",{key:"37f0a1d6f793f3b333dd1d36cb4d71c6c0ca68c9",class:{disabled:this.disabled,"no-underline":!this.underline,standalone:this.standalone}},s("slot",{key:"a2943a35f2ca2daceab8036b5f4a858dbed487c9"}))}get host(){return this}static get style(){return":host{display:inline}:host ::slotted(*){all:unset;cursor:pointer;outline:none;color:var(--tds-link);text-decoration:underline}:host ::slotted(*:hover){color:var(--tds-link-hover);text-decoration:none}:host .no-underline ::slotted(*){text-decoration:none}:host .no-underline ::slotted(*:hover){color:var(--tds-link-hover);text-decoration:underline;text-decoration-color:var(--tds-link-hover)}:host ::slotted(*:focus-visible){color:var(--tds-link-focus);text-decoration:none;box-shadow:0 0 0 1px var(--tds-white), 0 0 0 3px var(--tds-link-focus)}:host ::slotted(*:active){color:var(--tds-link);text-decoration:underline;text-decoration-color:var(--tds-link)}:host ::slotted(*:visited){color:var(--tds-link-visited);text-decoration-color:var(--tds-link-visited)}.disabled ::slotted(*),.disabled ::slotted(*:visited){color:var(--tds-link-disabled);text-decoration-color:var(--tds-link-disabled);pointer-events:none}.standalone ::slotted(*){font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls)}"}},[257,"tds-link",{disabled:[4],underline:[4],standalone:[4]}]);function d(){"undefined"!=typeof customElements&&["tds-link"].forEach((e=>{"tds-link"===e&&(customElements.get(t(e))||customElements.define(t(e),n))}))}d();const i=n,l=d;export{i as TdsLink,l as defineCustomElement}

package/dist/components/tds-message.js

@@ -1,84 +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-f086ba26.js';
-
-const messageCss = ":host .wrapper{display:flex;padding:16px;background-color:var(--tds-message-background);border-radius:4px}:host .wrapper.information{border-left:4px solid var(--tds-message-border-info)}:host .wrapper.information tds-icon{color:var(--tds-message-icon-info)}:host .wrapper.success{background-color:var(--tds-message-background-success);border-left:4px solid var(--tds-message-border-success)}:host .wrapper.success tds-icon{color:var(--tds-message-icon-success)}:host .wrapper.error{background-color:var(--tds-message-background-error);border-left:4px solid var(--tds-message-border-error)}:host .wrapper.error tds-icon{color:var(--tds-message-icon-error)}:host .wrapper.warning{background-color:var(--tds-message-background-warning);border-left:4px solid var(--tds-message-border-warning)}:host .wrapper.warning tds-icon{color:var(--tds-message-icon-warning)}:host .wrapper.minimal{border:none;padding:0;background-color:transparent}:host .wrapper.minimal tds-icon{padding-right:8px}:host .wrapper.minimal .header{font-family:var(--detail-02-font-family);font-size:var(--detail-02-font-size);line-height:var(--detail-02-line-height);font-weight:var(--detail-02-font-weight);letter-spacing:var(--detail-02-letter-spacing);text-transform:var(--detail-02-text-transform)}:host .wrapper.minimal.error .header{color:var(--tds-message-minimal-header-error)}:host tds-icon{padding-right:16px}:host .content{display:flex;flex-direction:column;gap:4px;color:var(--foreground-text-strong);padding:2px 24px 2px 0;overflow-wrap:anywhere}:host .content .header{font-family:var(--headline-07-font-family);font-size:var(--headline-07-font-size);line-height:var(--headline-07-line-height);font-weight:var(--headline-07-font-weight);letter-spacing:var(--headline-07-letter-spacing);text-transform:var(--headline-07-text-transform)}:host .content .extended-message{color:var(--foreground-text-strong);font-family:var(--detail-02-font-family);font-size:var(--detail-02-font-size);line-height:var(--detail-02-line-height);font-weight:var(--detail-02-font-weight);letter-spacing:var(--detail-02-letter-spacing);text-transform:var(--detail-02-text-transform)}";
-const TdsMessageStyle0 = messageCss;
-
-const TdsMessage$1 = /*@__PURE__*/ proxyCustomElement(class TdsMessage extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.getIconName = () => {
-            switch (this.variant) {
-                case 'information':
-                    return 'info';
-                case 'error':
-                    return 'error';
-                case 'warning':
-                    return 'warning';
-                case 'success':
-                    return 'tick';
-                default:
-                    return 'info';
-            }
-        };
-        this.header = undefined;
-        this.modeVariant = null;
-        this.variant = 'information';
-        this.noIcon = false;
-        this.minimal = false;
-        this.tdsAlertDialog = 'dialog';
-        this.tdsAriaLabel = undefined;
-    }
-    getAriaLabel() {
-        if (this.header) {
-            return this.header;
-        }
-        const variantLabel = `${this.variant} message`;
-        return this.tdsAriaLabel || variantLabel;
-    }
-    render() {
-        const headerId = this.header ? `tds-message-header-${generateUniqueId()}` : undefined;
-        const contentId = !this.minimal ? `tds-message-content-${generateUniqueId()}` : undefined;
-        return (h(Host, { key: 'b093c8aa74d5c52a7cbb6656a854f2b0bda88f9e', role: this.tdsAlertDialog, "aria-describedby": contentId, "aria-label": this.getAriaLabel(), class: { [`tds-mode-variant-${this.modeVariant}`]: this.modeVariant !== null } }, h("div", { key: '9d9bc245bdeb9f8b8868d943f3e39f6fc7ccd170', class: {
-                wrapper: true,
-                [this.variant]: true,
-                minimal: this.minimal,
-            } }, !this.noIcon && (h("tds-icon", { key: '99bd0439c3b09319b02fad1bd730bc4224394c1e', "aria-hidden": "true", "aria-label": `${this.variant}`, svgTitle: `${this.variant}`, name: this.getIconName(), size: "20px" })), h("div", { key: 'b225e23bb6230c7ed3ecb322c91ded787f1bb8b8', class: `content` }, this.header && (h("div", { key: '2bb19ac506aeb0ec88be8b20f4bf858d17fdb6ee', class: "header", id: headerId }, this.header)), !this.minimal && (h("div", { key: '560661fc2b22196461a8409d09b147591de3f02d', class: "extended-message", id: contentId }, h("slot", { key: '4647d9dd6eab33a41323e82edc2e12d434e5b84f' })))))));
-    }
-    static get style() { return TdsMessageStyle0; }
-}, [1, "tds-message", {
-        "header": [1],
-        "modeVariant": [1, "mode-variant"],
-        "variant": [1],
-        "noIcon": [4, "no-icon"],
-        "minimal": [4],
-        "tdsAlertDialog": [1, "tds-alert-dialog"],
-        "tdsAriaLabel": [1, "tds-aria-label"]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["tds-message", "tds-icon"];
-    components.forEach(tagName => { switch (tagName) {
-        case "tds-message":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, TdsMessage$1);
-            }
-            break;
-        case "tds-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
-
-const TdsMessage = TdsMessage$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { TdsMessage, defineCustomElement };
+import{t as e,p as t,H as r,h as a,a as s}from"./index.js";import{g as i}from"./p-Cn4f8w1e.js";import{d as o}from"./p-C0fx1H4h.js";const n=t(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.modeVariant=null,this.variant="information",this.noIcon=!1,this.minimal=!1,this.tdsAlertDialog="dialog",this.getIconName=()=>{switch(this.variant){case"information":default:return"info";case"error":return"error";case"warning":return"warning";case"success":return"tick"}}}getAriaLabel(){return this.header?this.header:this.tdsAriaLabel||this.variant+" message"}render(){const e=this.header?"tds-message-header-"+i():void 0,t=this.minimal?void 0:"tds-message-content-"+i();return a(s,{key:"b093c8aa74d5c52a7cbb6656a854f2b0bda88f9e",role:this.tdsAlertDialog,"aria-describedby":t,"aria-label":this.getAriaLabel(),class:{["tds-mode-variant-"+this.modeVariant]:null!==this.modeVariant}},a("div",{key:"9d9bc245bdeb9f8b8868d943f3e39f6fc7ccd170",class:{wrapper:!0,[this.variant]:!0,minimal:this.minimal}},!this.noIcon&&a("tds-icon",{key:"99bd0439c3b09319b02fad1bd730bc4224394c1e","aria-hidden":"true","aria-label":""+this.variant,svgTitle:""+this.variant,name:this.getIconName(),size:"20px"}),a("div",{key:"b225e23bb6230c7ed3ecb322c91ded787f1bb8b8",class:"content"},this.header&&a("div",{key:"2bb19ac506aeb0ec88be8b20f4bf858d17fdb6ee",class:"header",id:e},this.header),!this.minimal&&a("div",{key:"560661fc2b22196461a8409d09b147591de3f02d",class:"extended-message",id:t},a("slot",{key:"4647d9dd6eab33a41323e82edc2e12d434e5b84f"})))))}static get style(){return":host .wrapper{display:flex;padding:16px;background-color:var(--tds-message-background);border-radius:4px}:host .wrapper.information{border-left:4px solid var(--tds-message-border-info)}:host .wrapper.information tds-icon{color:var(--tds-message-icon-info)}:host .wrapper.success{background-color:var(--tds-message-background-success);border-left:4px solid var(--tds-message-border-success)}:host .wrapper.success tds-icon{color:var(--tds-message-icon-success)}:host .wrapper.error{background-color:var(--tds-message-background-error);border-left:4px solid var(--tds-message-border-error)}:host .wrapper.error tds-icon{color:var(--tds-message-icon-error)}:host .wrapper.warning{background-color:var(--tds-message-background-warning);border-left:4px solid var(--tds-message-border-warning)}:host .wrapper.warning tds-icon{color:var(--tds-message-icon-warning)}:host .wrapper.minimal{border:none;padding:0;background-color:transparent}:host .wrapper.minimal tds-icon{padding-right:8px}:host .wrapper.minimal .header{font-family:var(--detail-02-font-family);font-size:var(--detail-02-font-size);line-height:var(--detail-02-line-height);font-weight:var(--detail-02-font-weight);letter-spacing:var(--detail-02-letter-spacing);text-transform:var(--detail-02-text-transform)}:host .wrapper.minimal.error .header{color:var(--tds-message-minimal-header-error)}:host tds-icon{padding-right:16px}:host .content{display:flex;flex-direction:column;gap:4px;color:var(--foreground-text-strong);padding:2px 24px 2px 0;overflow-wrap:anywhere}:host .content .header{font-family:var(--headline-07-font-family);font-size:var(--headline-07-font-size);line-height:var(--headline-07-line-height);font-weight:var(--headline-07-font-weight);letter-spacing:var(--headline-07-letter-spacing);text-transform:var(--headline-07-text-transform)}:host .content .extended-message{color:var(--foreground-text-strong);font-family:var(--detail-03-font-family);font-size:var(--detail-03-font-size);line-height:var(--detail-03-line-height);font-weight:var(--detail-03-font-weight);letter-spacing:var(--detail-03-letter-spacing);text-transform:var(--detail-03-text-transform)}"}},[257,"tds-message",{header:[1],modeVariant:[1,"mode-variant"],variant:[1],noIcon:[4,"no-icon"],minimal:[4],tdsAlertDialog:[1,"tds-alert-dialog"],tdsAriaLabel:[1,"tds-aria-label"]}]);function d(){"undefined"!=typeof customElements&&["tds-message","tds-icon"].forEach((t=>{switch(t){case"tds-message":customElements.get(e(t))||customElements.define(e(t),n);break;case"tds-icon":customElements.get(e(t))||o()}}))}d();const c=n,l=d;export{c as TdsMessage,l as defineCustomElement}