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

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 r}from"./p-hVetZOGH.js";const h=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))),void 0!==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:"1870a40347336fbfd97c47f0866cd78c813ffbdc",role:"tablist",class:this.modeVariant?"tds-mode-variant-"+this.modeVariant:"",style:{"--padding-left":this.leftPadding+"px"}},o("div",{key:"54527cb0bf23b8e631c0b6be516a2bb60714efb6",class:"wrapper",ref:t=>{this.navWrapperElement=t}},o("button",{key:"984160ddc5a713a4884fc3806ea10e0497c33470","aria-label":this.tdsScrollLeftAriaLabel,class:"scroll-left-button "+(this.showLeftScroll?"show":""),onClick:()=>this.scrollLeft(),disabled:!this.showLeftScroll},o("tds-icon",{key:"5220fce6d90abe341463684f77745581d71d0da8",name:"chevron_left",size:"20px"})),o("slot",{key:"b7d84ba3ab548115e0cabd36133a661ac71572af",onSlotchange:()=>this.handleSlotChange()}),o("button",{key:"c3fb6575db477722653a4a947c230db695c25dfb","aria-label":this.tdsScrollRightAriaLabel,class:"scroll-right-button "+(this.showRightScroll?"show":""),onClick:()=>this.scrollRight(),disabled:!this.showRightScroll},o("tds-icon",{key:"23c7c0a8149aff4921cad04cb012d33915f5181e",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;--padding-left:0;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;padding-left:var(--padding-left)}:host .wrapper::-webkit-scrollbar{display:none}:host .scroll-right-button{right:0;z-index:1}:host .scroll-left-button{left:calc(0px - var(--padding-left));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),h);break;case"tds-icon":customElements.get(t(s))||r()}}))}a();const n=h,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:"5fc21ffc7b7729795b156a9fd6cd9f2cf60be758",class:{disabled:this.disabled,"no-underline":!this.underline,standalone:this.standalone}},s("slot",{key:"40a42ad82cf71553feabec642dae10d8966124fa"}))}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-hVetZOGH.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:"7ce9210aec2766b7ada461f9220cb9c5dce8876c",role:this.tdsAlertDialog,"aria-describedby":t,"aria-label":this.getAriaLabel(),class:{["tds-mode-variant-"+this.modeVariant]:null!==this.modeVariant}},a("div",{key:"a3d71e1d28f49315b0e5bcb9df649fa1d9928086",class:{wrapper:!0,[this.variant]:!0,minimal:this.minimal}},!this.noIcon&&a("tds-icon",{key:"74cc594b7cb0290466166ca093edc9973ccef35b","aria-hidden":"true","aria-label":""+this.variant,svgTitle:""+this.variant,name:this.getIconName(),size:"20px"}),a("div",{key:"0972b6a32b95399dacd05562a8a9667316e65e4e",class:"content"},this.header&&a("div",{key:"8e82bc1bb254a7ae839c97c052f084cf31fb1dee",class:"header",id:e},this.header),!this.minimal&&a("div",{key:"d29f1ce9bf48e10c6c8a00a8abf7b7df5e2ac3b6",class:"extended-message",id:t},a("slot",{key:"6e35f778392867fd78696e8b1292f08206e083ab"})))))}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}