@scania/tegel 1.58.0 → 1.59.0

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

@@ -1 +1 @@
-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-1OlFnMHE.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=()=>{if("undefined"==typeof ResizeObserver)return;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.forEach(((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)};t.addEventListener("click",e),this.clickHandlers.set(t,e)}))},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))),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:"5a514ad6fbd392b08496a09a20598ef5475094c8",role:"tablist",class:this.modeVariant?"tds-mode-variant-"+this.modeVariant:""},o("div",{key:"fa544277ee2adb5b4cda82972e4027cf411fa9d1",class:"wrapper",ref:t=>{this.navWrapperElement=t}},o("button",{key:"cb2b3bb4d4bc420c4a916e6731c226bc3ebd8c6b","aria-label":this.tdsScrollLeftAriaLabel,class:"scroll-left-button "+(this.showLeftScroll?"show":""),disabled:!this.showLeftScroll,onClick:()=>this.scrollLeft()},o("tds-icon",{key:"2cfece96b48343b5caa87952457439932e178eda",name:"chevron_left",size:"20px"})),o("slot",{key:"2813c0254fd9a8fbce52e4c1d27b8eb344314137",onSlotchange:()=>this.handleSlotChange()}),o("button",{key:"08e2612873a7311ff35a0fecc1e72bb020a30cf3","aria-label":this.tdsScrollRightAriaLabel,class:"scroll-right-button "+(this.showRightScroll?"show":""),disabled:!this.showRightScroll,onClick:()=>this.scrollRight()},o("tds-icon",{key:"d90995179f38202e249a889ce9e909d9218184e0",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(--component--focus-ring-color-strong);box-shadow:0 0 0 1px var(--component--focus-ring-color-discrete);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:[513,"mode-variant"],defaultSelectedIndex:[514,"default-selected-index"],selectedIndex:[514,"selected-index"],tdsScrollLeftAriaLabel:[513,"tds-scroll-left-aria-label"],tdsScrollRightAriaLabel:[513,"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}
+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-sM3NNe8A.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=()=>{if("undefined"==typeof ResizeObserver)return;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.forEach(((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)};t.addEventListener("click",e),this.clickHandlers.set(t,e)}))},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))),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:"5a514ad6fbd392b08496a09a20598ef5475094c8",role:"tablist",class:this.modeVariant?"tds-mode-variant-"+this.modeVariant:""},o("div",{key:"fa544277ee2adb5b4cda82972e4027cf411fa9d1",class:"wrapper",ref:t=>{this.navWrapperElement=t}},o("button",{key:"cb2b3bb4d4bc420c4a916e6731c226bc3ebd8c6b","aria-label":this.tdsScrollLeftAriaLabel,class:"scroll-left-button "+(this.showLeftScroll?"show":""),disabled:!this.showLeftScroll,onClick:()=>this.scrollLeft()},o("tds-icon",{key:"2cfece96b48343b5caa87952457439932e178eda",name:"chevron_left",size:"20px"})),o("slot",{key:"2813c0254fd9a8fbce52e4c1d27b8eb344314137",onSlotchange:()=>this.handleSlotChange()}),o("button",{key:"08e2612873a7311ff35a0fecc1e72bb020a30cf3","aria-label":this.tdsScrollRightAriaLabel,class:"scroll-right-button "+(this.showRightScroll?"show":""),disabled:!this.showRightScroll,onClick:()=>this.scrollRight()},o("tds-icon",{key:"d90995179f38202e249a889ce9e909d9218184e0",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(--component--focus-ring-color-strong);box-shadow:0 0 0 1px var(--component--focus-ring-color-discrete);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:[513,"mode-variant"],defaultSelectedIndex:[514,"default-selected-index"],selectedIndex:[514,"selected-index"],tdsScrollLeftAriaLabel:[513,"tds-scroll-left-aria-label"],tdsScrollRightAriaLabel:[513,"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 +1 @@
-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-1OlFnMHE.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:"2605313d24ee6eb94a1cfa84854827fd1292d379","aria-expanded":this.open?"true":"false"},s("div",{key:"5bf77ad82b1ed690e17fb9b4ab5b3110224b1392",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:"9191647967d238ce7d67bd1a6437ab282be60e7a","aria-label":this.tdsListAriaLabel},s("div",{key:"105c4960663852dc4a6e637e4b10fde5936d616e",role:"list",class:`${this.slotPosition?this.slotPosition:""}\n            ${this.topPartGroup?"top-part-child":""}\n            ${this.open?"expanded":"closed"}`},s("slot",{key:"00546ee8a4e85a33e6f7696f50a59a3ecd53d80e"})))))}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(--component--focus-ring-color-strong);box-shadow:0 0 0 1px var(--component--focus-ring-color-discrete);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:[513,"title-text"],tdsListAriaLabel:[513,"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}
+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-sM3NNe8A.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:"f2ec2c2a6f178ee08f3e593f8e90df44d7c05571","aria-expanded":this.open?"true":"false"},s("div",{key:"8f6173f576e1e62a2eb31196d97338b178374c22",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:"f81c86cb30921c35b2beef35a5c8b393baa16cd0","aria-label":this.tdsListAriaLabel},s("div",{key:"54de57b5f1dbe34ed5f2b44270d243d6c256250d",role:"list",class:`${this.slotPosition?this.slotPosition:""}\n            ${this.topPartGroup?"top-part-child":""}\n            ${this.open?"expanded":"closed"}`},s("slot",{key:"cc5bddcab18b4bb6ea197f8998d2d517a152eb24"})))))}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(--component--focus-ring-color-strong);box-shadow:0 0 0 1px var(--component--focus-ring-color-discrete);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:[513,"title-text"],tdsListAriaLabel:[513,"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 +1 @@
-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:"e422cb3d81d974bdefd2a5221aa5f9df693feccd",role:"listitem"},i("div",{key:"bcd21f30335d92da6dd577fdc2b6e7ae273a6390",class:this.parentIsTopPart?"top-part-child":""},i("slot",{key:"861ffb44a8f9f2e4e75ad24b2bb640be9a712129"})))}get host(){return this}static get style(){return":host([role=listitem]) div ::slotted(a),:host([role=listitem]) div ::slotted(button){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);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(--component--focus-ring-color-strong);box-shadow:0 0 0 1px var(--component--focus-ring-color-discrete);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-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);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(--component--focus-ring-color-strong);box-shadow:0 0 0 1px var(--component--focus-ring-color-discrete);outline-offset:1px;z-index:1}@media all and (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}: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(--component--focus-ring-color-strong);box-shadow:0 0 0 1px var(--component--focus-ring-color-discrete);outline-offset:1px;z-index:1}}"}},[257,"tds-footer-item"]);function r(){"undefined"!=typeof customElements&&["tds-footer-item"].forEach((o=>{"tds-footer-item"===o&&(customElements.get(t(o))||customElements.define(t(o),l))}))}r();const d=l,a=r;export{d as TdsFooterItem,a as 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:"b64803b59361b3b32c5522440644aa5e2b218e82",role:"listitem"},i("div",{key:"23bb2862dc13193a481b3e9b47dc4ca3da3f30ca",class:this.parentIsTopPart?"top-part-child":""},i("slot",{key:"02b9c60093467b66513eaf9229284eb6d801772b"})))}get host(){return this}static get style(){return":host([role=listitem]) div ::slotted(a),:host([role=listitem]) div ::slotted(button){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);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(--component--focus-ring-color-strong);box-shadow:0 0 0 1px var(--component--focus-ring-color-discrete);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-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);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(--component--focus-ring-color-strong);box-shadow:0 0 0 1px var(--component--focus-ring-color-discrete);outline-offset:1px;z-index:1}@media all and (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}: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(--component--focus-ring-color-strong);box-shadow:0 0 0 1px var(--component--focus-ring-color-discrete);outline-offset:1px;z-index:1}}"}},[257,"tds-footer-item"]);function r(){"undefined"!=typeof customElements&&["tds-footer-item"].forEach((o=>{"tds-footer-item"===o&&(customElements.get(t(o))||customElements.define(t(o),l))}))}r();const d=l,a=r;export{d as TdsFooterItem,a as defineCustomElement}

package/dist/components/tds-footer.js

@@ -1 +1 @@
-import{t,p as o,H as e,h as a,a as d}from"./index.js";import{h as s}from"./p-DDX6uFcm.js";const n=o(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.modeVariant=null}getBrandName(){return this.host.closest(".traton")?"Traton":"Scania"}render(){const t=s("top",this.host),o=s("start",this.host),e=s("end",this.host),n=s("copyright",this.host),i=this.getBrandName(),r=`Copyright © ${(new Date).getFullYear()} ${i}`;return a(d,{key:"ac9e0121981c38b240ff4f96fbfc96fb59f51005",class:{["tds-mode-variant-"+this.modeVariant]:null!==this.modeVariant}},a("footer",{key:"d17bd41f9de0efd4449fba8fa48894a86f5a682b"},t&&a("slot",{key:"7f557c36ba1da44009f5be05ed353ec1d92ab88f",name:"top"}),a("div",{key:"5a10ae17a39a6eb707e036076a471f1dec135d32",class:"footer-main"},(o||e)&&a("div",{key:"c3142b6c2e5251a0ce9c49c66524c7d982e4a70c",class:"footer-main-top"},o&&a("slot",{key:"29923cff3f6a1bf0be4ae67fe190eadfb74e59b2",name:"start"}),e&&a("slot",{key:"6c9216a5c9ad01c94dbc00448a3b7e778dabc705",name:"end"})),a("div",{key:"5c827108dc49ecd4c1d86aaad9de4b7b390009ad",class:"footer-main-bottom"},a("small",{key:"e9ed752b108bc7d9dd52154baa9f8cd9ed2c0039",class:"copyright"},n?a("slot",{name:"copyright"}):r),a("div",{key:"7183d25ff8387a0a8691a02734d7748867960020",class:"brand"},a("p",{key:"4d0848e1c716dd68c51e2499d16707b9c48b53ce"},i))))))}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;color:var(--tds-footer-main-social-icon)}: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-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);color:var(--tds-footer-main-copyright)}:host .footer-main-bottom .brand{background-image:var(--tds-footer-logotype-local), var(--tds-footer-logotype-cdn);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:[513,"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}
+import{t,p as o,H as e,h as a,a as d}from"./index.js";import{h as s}from"./p-DDX6uFcm.js";const n=o(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.modeVariant=null}getBrandName(){return this.host.closest(".traton")?"Traton":"Scania"}render(){const t=s("top",this.host),o=s("start",this.host),e=s("end",this.host),n=s("copyright",this.host),i=this.getBrandName(),r=`Copyright © ${(new Date).getFullYear()} ${i}`;return a(d,{key:"bb3cf6954333d1e4d72835a3a695cd4cdc1979ef",class:{["tds-mode-variant-"+this.modeVariant]:null!==this.modeVariant}},a("footer",{key:"fe35f844b8d6d3ea054484a166a773bd4385de9b"},t&&a("slot",{key:"252d9b9b78c66d0413bf7d28783945433eff0f90",name:"top"}),a("div",{key:"b85968eb5d5f39deaec9f1f33b5895721c7e7e69",class:"footer-main"},(o||e)&&a("div",{key:"85eacbe4aff483fe8f335fb70f6babad5d6f4bc3",class:"footer-main-top"},o&&a("slot",{key:"5d27988e508196e9e100e8c07c277fa11ecfb3bd",name:"start"}),e&&a("slot",{key:"7301c1d8c2764e95d18a449b4d9ba7623b79d1b1",name:"end"})),a("div",{key:"e6b85a517f22f96c2616aa7f287d08d8476e981d",class:"footer-main-bottom"},a("small",{key:"4fdca9bb9d4f87132c87215dbf87920119ff6ca6",class:"copyright"},n?a("slot",{name:"copyright"}):r),a("div",{key:"366bb82f1a297281aa98e18061a579067750190e",class:"brand"},a("p",{key:"3ce3e391e021895e978f7f6d03decedba638e868"},i))))))}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;color:var(--tds-footer-main-social-icon)}: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-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);color:var(--tds-footer-main-copyright)}:host .footer-main-bottom .brand{background-image:var(--tds-footer-logotype-local), var(--tds-footer-logotype-cdn);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:[513,"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,l=i;export{r as TdsFooter,l as defineCustomElement}

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

@@ -1 +1 @@
-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-CbSJY3jI.js";import{d as r}from"./p-Duga9LJ2.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:"fc99860c883e83bbf74918c166aef86ad4940b44"},a("tds-header-item",{key:"064742d9efd8b8c313d70fee663be8455602def4"},a("slot",{key:"a7aabeccfd3a93e3dc29d2d0ee6bbefa2c94d236"})))}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}
+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-Bej31lsj.js";import{d as r}from"./p-Bu0KDS61.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:"ed6b8bfba56152cbb7051fb60acbca4cca27f6e7"},a("tds-header-item",{key:"a14750e9df11226763426bdf5dc9d1315de54ff8"},a("slot",{key:"f2a18a2f50c2e30e14596041aec9f21462f6bcef"})))}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 c(){"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()}}))}c();const i=n,m=c;export{i as TdsHeaderBrandSymbol,m as defineCustomElement}

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

@@ -1 +1 @@
-import{t,p as e,H as s,c as a,h as o,a as i}from"./index.js";import{d}from"./p-1OlFnMHE.js";const l=["multiselect","expandableRows","compactDesign","noMinWidth","verticalDividers","sortColumnKey"],r=e(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.tdsSort=a(this,"tdsSort",7),this.internalSortButtonClicked=a(this,"internalSortButtonClicked",6),this.internalTdsTextAlign=a(this,"internalTdsTextAlign",6),this.internalTdsHover=a(this,"internalTdsHover",6),this.sortable=!1,this.textAlign="left",this.disablePadding=!1,this.tdsAriaLabelSortButton="",this.textAlignState="left",this.sortedByMyKey=!1,this.verticalDividers=!1,this.compactDesign=!1,this.noMinWidth=!1,this.multiselect=!1,this.enableToolbarDesign=!1,this.tableId="",this.expandableRows=!1,this.sortButtonClick=()=>{this.sortingDirection="asc"!==this.sortingDirection&&"desc"!==this.sortingDirection?"asc":"asc"===this.sortingDirection?"desc":"asc",this.sortedByMyKey=!0,this.tdsSort.emit({tableId:this.tableId,columnKey:this.cellKey,sortingDirection:this.sortingDirection}),this.internalSortButtonClicked.emit({tableId:this.tableId,key:this.cellKey})},this.headerCellContent=()=>this.sortable?o("button",{class:"tds-table__header-button",onClick:()=>this.sortButtonClick(),style:{justifyContent:this.textAlignState},"aria-label":this.tdsAriaLabelSortButton},o("span",{class:"tds-table__header-button-text"},this.cellValue,o("slot",null)),void 0===this.sortingDirection&&o("tds-icon",{svgTitle:"sorting",class:"tds-table__header-button-icon",name:"sorting",size:"16px"}),this.sortingDirection&&["asc","desc"].includes(this.sortingDirection)&&o("tds-icon",{svgTitle:"arrow down",class:"tds-table__header-button-icon "+("asc"===this.sortingDirection?"tds-table__header-button-icon--rotate":""),name:"arrow_down",size:"16px"})):o("p",{class:{"tds-table__header-text":!0,"tds-table__header-text-no-padding":this.disablePadding},style:{textAlign:this.textAlignState}},this.cellValue,o("slot",null)),this.onHeadCellHover=t=>{this.internalTdsHover.emit({tableId:this.tableId,key:null!=t?t:""})}}internalTdsPropChangeListener(t){this.tableId===t.detail.tableId&&(t.detail.changed.filter((t=>l.includes(t))).forEach((e=>{if(!(e in this))throw Error("Table prop is not supported: "+e);this[e]=t.detail[e]})),t.detail.changed.some((t=>"sortColumnKey"===t||"sortDirection"===t))&&this.syncSortingStateFromTable())}updateOptionsContent(t){const{tableId:e,key:s}=t.detail;this.tableId===e&&this.cellKey!==s&&(this.sortedByMyKey=!1,setTimeout((()=>{this.sortingDirection=void 0}),200))}connectedCallback(){var t;this.tableEl=this.host.closest("tds-table"),this.tableId=null===(t=this.tableEl)||void 0===t?void 0:t.tableId}componentWillLoad(){l.forEach((t=>{var e;this[t]=null===(e=this.tableEl)||void 0===e?void 0:e[t]})),this.syncSortingStateFromTable()}isSortDirection(t){return"asc"===t||"desc"===t}syncSortingStateFromTable(){var t;const e=null===(t=this.tableEl)||void 0===t?void 0:t.sortDirection;if(!this.sortColumnKey||!this.isSortDirection(e))return this.sortedByMyKey=!1,void(this.sortingDirection=void 0);this.sortedByMyKey=this.sortable&&this.cellKey===this.sortColumnKey,this.sortingDirection=this.sortedByMyKey?e:void 0}componentWillRender(){this.textAlignState=["left","start","right","end","center"].includes(this.textAlign)?this.textAlign:"left",this.internalTdsTextAlign.emit([this.tableId,this.cellKey,this.textAlignState]);const t=this.host.closest("tds-table");t&&(this.enableToolbarDesign=t.getElementsByTagName("tds-table-toolbar").length>=1)}getAriaSort(){return"asc"===this.sortingDirection?"ascending":"desc"===this.sortingDirection?"descending":"none"}render(){return o(i,{key:"fa26adb6bbc2221337613d4e0cdbd9d356c97a36",class:{"tds-table__header-cell":!0,"tds-table__header-cell--sortable":this.sortable,"tds-table__header-cell--is-sorted":this.sortedByMyKey,"tds-table__header-cell--custom-width":""!==this.customWidth,"tds-table--compact":this.compactDesign,"tds-table--divider":this.verticalDividers,"tds-table--no-min-width":this.noMinWidth,"tds-table--extra-column":this.multiselect||this.expandableRows,"tds-table--toolbar-available":this.enableToolbarDesign,"tds-table--no-padding":this.disablePadding}},o("th",{key:"93d822a9b0c7fb7ef5a45a2440057afc8a8bd962",style:{minWidth:this.customWidth},onMouseOver:()=>this.onHeadCellHover(this.cellKey),onFocus:()=>this.onHeadCellHover(this.cellKey),onMouseLeave:()=>this.onHeadCellHover(""),onBlur:()=>this.onHeadCellHover(""),"aria-sort":this.getAriaSort(),colSpan:this.colSpan,rowSpan:this.rowSpan},this.headerCellContent()))}get host(){return this}static get style(){return":host{display:contents}:host(.tds-table__header-cell) th{box-sizing:border-box;font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);text-align:left;color:var(--tds-table-color);background-color:var(--tds-table-header-background);border-bottom:1px solid var(--tds-table-header-background-hover);padding:0;height:48px;min-width:192px;box-sizing:border-box;vertical-align:middle;overflow:hidden;transition:background-color 200ms ease}:host(.tds-table__header-cell) th *{box-sizing:border-box}:host(.tds-table__header-cell) th .tds-table__header-text{padding:8px 16px;margin:0}:host(.tds-table__header-cell) th .tds-table__header-text-no-padding{padding:0}:host(.tds-table__header-cell) th:hover{background-color:var(--tds-table-header-background-hover)}:host(.tds-table__header-cell--sortable) th .tds-table__header-button{display:flex;align-items:center;gap:8px;justify-content:start;flex-direction:row;width:100%;height:100%;padding:0 16px;background-color:transparent;border:none;cursor:pointer;transition:background-color 200ms ease}:host(.tds-table__header-cell--sortable) th .tds-table__header-button:focus{outline:2px solid var(--tds-table-header-btn-focus);outline-offset:-2px}:host(.tds-table__header-cell--sortable) th .tds-table__header-button:focus .tds-table__header-button-icon{opacity:1}:host(.tds-table__header-cell--sortable) th .tds-table__header-button .tds-table__header-button-text{font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);text-align:left;color:var(--tds-table-header-btn-color)}:host(.tds-table__header-cell--sortable) th .tds-table__header-button .tds-table__header-button-icon{flex:0 0 16px;height:16px;width:16px;opacity:0;transform-origin:center;transition:opacity 200ms ease-in, transform 200ms ease;color:var(--tds-table-color)}:host(.tds-table__header-cell--sortable) th .tds-table__header-button:hover .tds-table__header-button-icon{opacity:1}:host(.tds-table__header-cell--is-sorted) th .tds-table__header-button{background-color:var(--tds-table-header-btn-background)}:host(.tds-table__header-cell--is-sorted) th .tds-table__header-button:hover{background-color:var(--tds-table-header-btn-background-hover)}:host(.tds-table__header-cell--is-sorted) th .tds-table__header-button .tds-table__header-button-icon{opacity:1}:host(.tds-table__header-cell--is-sorted) th .tds-table__header-button .tds-table__header-button-icon--rotate{transform:rotate(180deg)}:host(.tds-table--compact) th{height:33px}:host(.tds-table--divider) th{border-right:1px solid var(--tds-table-divider)}:host(.tds-table--divider:last-of-type) th{border-right:none}:host(.tds-table--no-min-width) th{min-width:unset}:host(.tds-table--no-padding) th{height:unset}:host(.tds-table__header-cell:first-of-type) th{border-top-left-radius:4px}:host(.tds-table__header-cell:last-of-type) th{border-top-right-radius:4px}:host(.tds-table--extra-column:first-of-type) th{border-top-left-radius:0}:host(.tds-table--toolbar-available) th{border-radius:0}:host(.tds-table--extra-column.tds-table--toolbar-available) th{border-radius:0}:host(.tds-table__header-cell.tds-table--toolbar-available:first-of-type) th{border-top-left-radius:0}:host(.tds-table__header-cell.tds-table--toolbar-available:last-of-type) th{border-top-right-radius:0}"}},[257,"tds-header-cell",{cellKey:[513,"cell-key"],cellValue:[513,"cell-value"],customWidth:[513,"custom-width"],sortable:[516],textAlign:[513,"text-align"],disablePadding:[516,"disable-padding"],tdsAriaLabelSortButton:[513,"tds-aria-label-sort-button"],colSpan:[514,"col-span"],rowSpan:[514,"row-span"],textAlignState:[32],sortingDirection:[32],sortedByMyKey:[32],verticalDividers:[32],compactDesign:[32],noMinWidth:[32],multiselect:[32],enableToolbarDesign:[32],tableId:[32],expandableRows:[32],sortColumnKey:[32]},[[16,"internalTdsTablePropChange","internalTdsPropChangeListener"],[16,"internalSortButtonClicked","updateOptionsContent"]]]);function h(){"undefined"!=typeof customElements&&["tds-header-cell","tds-icon"].forEach((e=>{switch(e){case"tds-header-cell":customElements.get(t(e))||customElements.define(t(e),r);break;case"tds-icon":customElements.get(t(e))||d()}}))}h();const n=r,b=h;export{n as TdsHeaderCell,b as defineCustomElement}
+import{t,p as e,H as s,c as a,h as o,a as i}from"./index.js";import{d}from"./p-sM3NNe8A.js";const l=["multiselect","expandableRows","compactDesign","noMinWidth","verticalDividers","sortColumnKey"],r=e(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.tdsSort=a(this,"tdsSort",7),this.internalSortButtonClicked=a(this,"internalSortButtonClicked",6),this.internalTdsTextAlign=a(this,"internalTdsTextAlign",6),this.internalTdsHover=a(this,"internalTdsHover",6),this.sortable=!1,this.textAlign="left",this.disablePadding=!1,this.tdsAriaLabelSortButton="",this.textAlignState="left",this.sortedByMyKey=!1,this.verticalDividers=!1,this.compactDesign=!1,this.noMinWidth=!1,this.multiselect=!1,this.enableToolbarDesign=!1,this.tableId="",this.expandableRows=!1,this.sortButtonClick=()=>{this.sortingDirection="asc"!==this.sortingDirection&&"desc"!==this.sortingDirection?"asc":"asc"===this.sortingDirection?"desc":"asc",this.sortedByMyKey=!0,this.tdsSort.emit({tableId:this.tableId,columnKey:this.cellKey,sortingDirection:this.sortingDirection}),this.internalSortButtonClicked.emit({tableId:this.tableId,key:this.cellKey})},this.headerCellContent=()=>this.sortable?o("button",{class:"tds-table__header-button",onClick:()=>this.sortButtonClick(),style:{justifyContent:this.textAlignState},"aria-label":this.tdsAriaLabelSortButton},o("span",{class:"tds-table__header-button-text"},this.cellValue,o("slot",null)),void 0===this.sortingDirection&&o("tds-icon",{svgTitle:"sorting",class:"tds-table__header-button-icon",name:"sorting",size:"16px"}),this.sortingDirection&&["asc","desc"].includes(this.sortingDirection)&&o("tds-icon",{svgTitle:"arrow down",class:"tds-table__header-button-icon "+("asc"===this.sortingDirection?"tds-table__header-button-icon--rotate":""),name:"arrow_down",size:"16px"})):o("p",{class:{"tds-table__header-text":!0,"tds-table__header-text-no-padding":this.disablePadding},style:{textAlign:this.textAlignState}},this.cellValue,o("slot",null)),this.onHeadCellHover=t=>{this.internalTdsHover.emit({tableId:this.tableId,key:null!=t?t:""})}}internalTdsPropChangeListener(t){this.tableId===t.detail.tableId&&(t.detail.changed.filter((t=>l.includes(t))).forEach((e=>{if(!(e in this))throw Error("Table prop is not supported: "+e);this[e]=t.detail[e]})),t.detail.changed.some((t=>"sortColumnKey"===t||"sortDirection"===t))&&this.syncSortingStateFromTable())}updateOptionsContent(t){const{tableId:e,key:s}=t.detail;this.tableId===e&&this.cellKey!==s&&(this.sortedByMyKey=!1,setTimeout((()=>{this.sortingDirection=void 0}),200))}connectedCallback(){var t;this.tableEl=this.host.closest("tds-table"),this.tableId=null===(t=this.tableEl)||void 0===t?void 0:t.tableId}componentWillLoad(){l.forEach((t=>{var e;this[t]=null===(e=this.tableEl)||void 0===e?void 0:e[t]})),this.syncSortingStateFromTable()}isSortDirection(t){return"asc"===t||"desc"===t}syncSortingStateFromTable(){var t;const e=null===(t=this.tableEl)||void 0===t?void 0:t.sortDirection;if(!this.sortColumnKey||!this.isSortDirection(e))return this.sortedByMyKey=!1,void(this.sortingDirection=void 0);this.sortedByMyKey=this.sortable&&this.cellKey===this.sortColumnKey,this.sortingDirection=this.sortedByMyKey?e:void 0}componentWillRender(){this.textAlignState=["left","start","right","end","center"].includes(this.textAlign)?this.textAlign:"left",this.internalTdsTextAlign.emit([this.tableId,this.cellKey,this.textAlignState]);const t=this.host.closest("tds-table");t&&(this.enableToolbarDesign=t.getElementsByTagName("tds-table-toolbar").length>=1)}getAriaSort(){return"asc"===this.sortingDirection?"ascending":"desc"===this.sortingDirection?"descending":"none"}render(){return o(i,{key:"fa26adb6bbc2221337613d4e0cdbd9d356c97a36",class:{"tds-table__header-cell":!0,"tds-table__header-cell--sortable":this.sortable,"tds-table__header-cell--is-sorted":this.sortedByMyKey,"tds-table__header-cell--custom-width":""!==this.customWidth,"tds-table--compact":this.compactDesign,"tds-table--divider":this.verticalDividers,"tds-table--no-min-width":this.noMinWidth,"tds-table--extra-column":this.multiselect||this.expandableRows,"tds-table--toolbar-available":this.enableToolbarDesign,"tds-table--no-padding":this.disablePadding}},o("th",{key:"93d822a9b0c7fb7ef5a45a2440057afc8a8bd962",style:{minWidth:this.customWidth},onMouseOver:()=>this.onHeadCellHover(this.cellKey),onFocus:()=>this.onHeadCellHover(this.cellKey),onMouseLeave:()=>this.onHeadCellHover(""),onBlur:()=>this.onHeadCellHover(""),"aria-sort":this.getAriaSort(),colSpan:this.colSpan,rowSpan:this.rowSpan},this.headerCellContent()))}get host(){return this}static get style(){return":host{display:contents}:host(.tds-table__header-cell) th{box-sizing:border-box;font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);text-align:left;color:var(--tds-table-color);background-color:var(--tds-table-header-background);border-bottom:1px solid var(--tds-table-header-background-hover);padding:0;height:48px;min-width:192px;box-sizing:border-box;vertical-align:middle;overflow:hidden;transition:background-color 200ms ease}:host(.tds-table__header-cell) th *{box-sizing:border-box}:host(.tds-table__header-cell) th .tds-table__header-text{padding:8px 16px;margin:0}:host(.tds-table__header-cell) th .tds-table__header-text-no-padding{padding:0}:host(.tds-table__header-cell) th:hover{background-color:var(--tds-table-header-background-hover)}:host(.tds-table__header-cell--sortable) th .tds-table__header-button{display:flex;align-items:center;gap:8px;justify-content:start;flex-direction:row;width:100%;height:100%;padding:0 16px;background-color:transparent;border:none;cursor:pointer;transition:background-color 200ms ease}:host(.tds-table__header-cell--sortable) th .tds-table__header-button:focus{outline:2px solid var(--tds-table-header-btn-focus);outline-offset:-2px}:host(.tds-table__header-cell--sortable) th .tds-table__header-button:focus .tds-table__header-button-icon{opacity:1}:host(.tds-table__header-cell--sortable) th .tds-table__header-button .tds-table__header-button-text{font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);text-align:left;color:var(--tds-table-header-btn-color)}:host(.tds-table__header-cell--sortable) th .tds-table__header-button .tds-table__header-button-icon{flex:0 0 16px;height:16px;width:16px;opacity:0;transform-origin:center;transition:opacity 200ms ease-in, transform 200ms ease;color:var(--tds-table-color)}:host(.tds-table__header-cell--sortable) th .tds-table__header-button:hover .tds-table__header-button-icon{opacity:1}:host(.tds-table__header-cell--is-sorted) th .tds-table__header-button{background-color:var(--tds-table-header-btn-background)}:host(.tds-table__header-cell--is-sorted) th .tds-table__header-button:hover{background-color:var(--tds-table-header-btn-background-hover)}:host(.tds-table__header-cell--is-sorted) th .tds-table__header-button .tds-table__header-button-icon{opacity:1}:host(.tds-table__header-cell--is-sorted) th .tds-table__header-button .tds-table__header-button-icon--rotate{transform:rotate(180deg)}:host(.tds-table--compact) th{height:33px}:host(.tds-table--divider) th{border-right:1px solid var(--tds-table-divider)}:host(.tds-table--divider:last-of-type) th{border-right:none}:host(.tds-table--no-min-width) th{min-width:unset}:host(.tds-table--no-padding) th{height:unset}:host(.tds-table__header-cell:first-of-type) th{border-top-left-radius:4px}:host(.tds-table__header-cell:last-of-type) th{border-top-right-radius:4px}:host(.tds-table--extra-column:first-of-type) th{border-top-left-radius:0}:host(.tds-table--toolbar-available) th{border-radius:0}:host(.tds-table--extra-column.tds-table--toolbar-available) th{border-radius:0}:host(.tds-table__header-cell.tds-table--toolbar-available:first-of-type) th{border-top-left-radius:0}:host(.tds-table__header-cell.tds-table--toolbar-available:last-of-type) th{border-top-right-radius:0}"}},[257,"tds-header-cell",{cellKey:[513,"cell-key"],cellValue:[513,"cell-value"],customWidth:[513,"custom-width"],sortable:[516],textAlign:[513,"text-align"],disablePadding:[516,"disable-padding"],tdsAriaLabelSortButton:[513,"tds-aria-label-sort-button"],colSpan:[514,"col-span"],rowSpan:[514,"row-span"],textAlignState:[32],sortingDirection:[32],sortedByMyKey:[32],verticalDividers:[32],compactDesign:[32],noMinWidth:[32],multiselect:[32],enableToolbarDesign:[32],tableId:[32],expandableRows:[32],sortColumnKey:[32]},[[16,"internalTdsTablePropChange","internalTdsPropChangeListener"],[16,"internalSortButtonClicked","updateOptionsContent"]]]);function h(){"undefined"!=typeof customElements&&["tds-header-cell","tds-icon"].forEach((e=>{switch(e){case"tds-header-cell":customElements.get(t(e))||customElements.define(t(e),r);break;case"tds-icon":customElements.get(t(e))||d()}}))}h();const n=r,b=h;export{n as TdsHeaderCell,b as defineCustomElement}

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

@@ -1 +1 @@
-import{T as o,d as s}from"./p-DRO9e7F4.js";const p=o,r=s;export{p as TdsHeaderDropdownListItem,r as defineCustomElement}
+import{T as o,d as s}from"./p-DbqIEzt-.js";const t=o,p=s;export{t as TdsHeaderDropdownListItem,p as defineCustomElement}

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

@@ -1 +1 @@
-import{t as e,p as t,H as s,h as a,a as d}from"./index.js";const r=t(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return a(d,{key:"4a9b8a5924f026c20408e7cc32dc98ee9fd64ad1",role:"listitem"},a("div",{key:"3774339f0ca00bc041c51ad966da271dbe38fbb4",class:"user-box"},this.imgUrl&&a("img",{key:"f37f319f602d7418229f56f112d57e0e1346d043",src:this.imgUrl,alt:this.imgAlt}),a("slot",{key:"a45bc8a008a0be4596cbcf0937c56380ea99bb80",name:"thumbanil"}),a("div",{key:"a1f5e157d1ac7cee13abf1a85422950988f3b8ac",class:"user-content"},a("div",{key:"6e2106c0868094ac54c0e2a54de07ff43dc9f979",class:"header"},this.header,a("slot",{key:"440311184e59aff2fc3425a1779d6b04de98fdd8",name:"header"})),a("div",{key:"85c3966e778010328e6d137573a83245c1077ea8",class:"subheader"},this.subheader,a("slot",{key:"bbd9b87dfa675761e0bc6005431e1cb1e8867013",name:"subheader"})))))}get host(){return this}static get style(){return":host{background-color:var(--tds-header-avatar-item-background);display:flex;height:84px}:host .user-box{gap:16px;width:100%;padding:0 16px;display:flex;align-items:center;border-bottom:1px solid var(--tds-nav-dropdown-item-border-color)}:host img,:host slot[name=thumbnail]::slotted(*){width:34px;border-radius:100%}:host .user-content{display:flex;flex-direction:column;gap:4px}:host .user-content .header{font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls)}:host .user-content .subheader{font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);color:var(--tds-header-avatar-item-color)}"}},[257,"tds-header-dropdown-list-user",{imgUrl:[513,"img-url"],imgAlt:[513,"img-alt"],header:[513],subheader:[513]}]);function o(){"undefined"!=typeof customElements&&["tds-header-dropdown-list-user"].forEach((t=>{"tds-header-dropdown-list-user"===t&&(customElements.get(e(t))||customElements.define(e(t),r))}))}o();const c=r,i=o;export{c as TdsHeaderDropdownListUser,i as defineCustomElement}
+import{t as e,p as t,H as d,h as a,a as s}from"./index.js";const r=t(class extends d{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return a(s,{key:"e2c427428c2da9d8af6818a94e01a56f9836308a",role:"listitem"},a("div",{key:"590e7b4d1ee33b96d9d73d1b9444cbdb34d5f6a2",class:"user-box"},this.imgUrl&&a("img",{key:"d537fb083c80e5ef8331f6d1d09daf717f52adab",src:this.imgUrl,alt:this.imgAlt}),a("slot",{key:"4f130bbebe72b5b9b051ca47a19c443f7db94b9c",name:"thumbanil"}),a("div",{key:"cc4307735c599a57d99d5bd7eb81f11e0e53b875",class:"user-content"},a("div",{key:"105a4112b66410d15254ea873d44bd1ea54a7ed1",class:"header"},this.header,a("slot",{key:"1d54caa5d0fc812742a92aee87d47ab2d74f357e",name:"header"})),a("div",{key:"13b0df9618b2e294f6ca785542a85f2035dfa4ed",class:"subheader"},this.subheader,a("slot",{key:"98632491ca20b075a2fdad77ffa58f3b8dedb469",name:"subheader"})))))}get host(){return this}static get style(){return":host{background-color:var(--tds-header-avatar-item-background);display:flex;height:84px}:host .user-box{gap:16px;width:100%;padding:0 16px;display:flex;align-items:center;border-bottom:1px solid var(--tds-nav-dropdown-item-border-color)}:host img,:host slot[name=thumbnail]::slotted(*){width:34px;border-radius:100%}:host .user-content{display:flex;flex-direction:column;gap:4px}:host .user-content .header{font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls)}:host .user-content .subheader{font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);color:var(--tds-header-avatar-item-color)}"}},[257,"tds-header-dropdown-list-user",{imgUrl:[513,"img-url"],imgAlt:[513,"img-alt"],header:[513],subheader:[513]}]);function o(){"undefined"!=typeof customElements&&["tds-header-dropdown-list-user"].forEach((t=>{"tds-header-dropdown-list-user"===t&&(customElements.get(e(t))||customElements.define(e(t),r))}))}o();const i=r,n=o;export{i as TdsHeaderDropdownListUser,n as defineCustomElement}

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

@@ -1 +1 @@
-import{T as o,d as s}from"./p-C9OMhzbc.js";const p=o,r=s;export{p as TdsHeaderDropdownList,r as defineCustomElement}
+import{T as o,d as s}from"./p-CoSD7yUV.js";const p=o,r=s;export{p as TdsHeaderDropdownList,r as defineCustomElement}

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

@@ -1 +1 @@
-import{t,p as e,H as o,h as s,a as r}from"./index.js";import{g as a}from"./p-Cn4f8w1e.js";import{d}from"./p-CbSJY3jI.js";import{d as n}from"./p-Duga9LJ2.js";import{d as i}from"./p-1OlFnMHE.js";import{d as c}from"./p-B1QdNOPI.js";import{d as l}from"./p-CJtN1EIg.js";const h=e(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.noDropdownIcon=!1,this.selected=!1,this.open=!1,this.uuid=a(),this.handleSlottedItemClick=t=>{const e=t.target.tagName.toLowerCase();["a","button"].includes(e)&&(this.open=!1)}}onAnyClick(t){!t.composedPath().includes(this.host)&&(this.open=!1)}handleKeyDown(t){var e;"Escape"===t.key&&this.open&&(this.open=!1,null===(e=this.buttonEl)||void 0===e||e.focus())}toggleDropdown(){this.open=!this.open,this.open&&requestAnimationFrame((()=>{var t;const e="a, [tabindex='0']",s=(null===(t=this.host.shadowRoot)||void 0===t?void 0:t.querySelector(e))||this.host.querySelector(e);s instanceof o&&s.focus()}))}render(){return s(r,{key:"1176c57c972add57be5c2529dfb6cb83d3bed22b"},s("div",{key:"6ad3f10940083968fff1a4b9b01f66b1165329ba",class:{"state-open":this.open}},s("tds-header-item",{key:"5c8024b943d585a85fc6a1c2f42f9e574729d79e",class:"button",active:this.open,selected:this.selected},s("button",{key:"ed48b89c6eb04cf7f2685e2f69f7eea37822e8f9",ref:t=>{this.buttonEl=t},"aria-expanded":""+this.open,"aria-controls":"launcher-"+this.uuid,"aria-current":this.selected?"location":"false",onClick:()=>{this.toggleDropdown()},"aria-label":this.tdsAriaLabel},s("slot",{key:"3a79e52d868cd2a12ee5a6c46c574b596e5c257f",name:"icon"}),this.label,s("slot",{key:"6490c20d77794e6bda911a28eb01bba6539a6946",name:"label"}),!this.noDropdownIcon&&s("tds-icon",{key:"4ccd9df2499f81a3790fd207686c9d763950ca18",class:"dropdown-icon",name:"chevron_down",size:"16px",svgTitle:"Dropdown icon"}))),this.buttonEl&&s("tds-popover-canvas",{key:"67a72bb46b5d87424dcd883e770a5f0a06d09edd",id:"tds-dropdown-"+this.uuid,class:"menu",referenceEl:this.buttonEl,placement:"bottom-start",show:this.open,offsetDistance:0,modifiers:[{name:"flip",options:{fallbackPlacements:[]}}]},this.open?s("span",{onClick:t=>this.handleSlottedItemClick(t),onKeyDown:t=>"Enter"===t.key&&this.handleSlottedItemClick(t)},s("slot",null)):null)))}get host(){return this}static get style(){return":host,:root{--tds-scrollbar-width-standard:thin;--tds-scrollbar-width:10px;--tds-scrollbar-height:10px;--tds-scrollbar-thumb-border-width:3px;--tds-scrollbar-thumb-border-hover-width:2px}body{scrollbar-width:thin}:host{height:var(--tds-header-height);position:relative}:host .menu{flex-direction:column;overflow-y:auto;max-height:calc(100vh - var(--tds-header-height));box-shadow:var(--tds-nav-dropdown-menu-box);background-color:var(--tds-header-app-launcher-menu-background);border-top-right-radius:0;border-top-left-radius:0}:host .menu:hover::-webkit-scrollbar-thumb{border:var(--tds-scrollbar-thumb-border-hover-width) solid transparent;border-radius:var(--tds-scrollbar-hover-thumb-border-radius);background-clip:padding-box}:host .menu::-webkit-scrollbar{width:var(--tds-scrollbar-width)}:host .menu::-webkit-scrollbar-track{background:var(--tds-scrollbar-track-color)}:host .menu::-webkit-scrollbar-thumb{border-radius:var(--tds-scrollbar-thumb-border-radius);background:var(--tds-scrollbar-thumb-color);border:var(--tds-scrollbar-thumb-border-width) solid transparent;background-clip:padding-box}:host .menu::-webkit-scrollbar-button{height:0;width:0}@supports not selector(::-webkit-scrollbar){:host .menu{scrollbar-color:var(--tds-scrollbar-thumb-color) var(--tds-scrollbar-track-color);scrollbar-width:var(--tds-scrollbar-width-standard)}}:host .state-open .dropdown-icon{transform:rotate(180deg)}:host .state-open .button{position:relative;z-index:901}:host .state-open tds-header-item button:hover,:host .state-open tds-header-item a:hover{background-color:var(--tds-nav-item-background-hover);box-shadow:none}"}},[257,"tds-header-dropdown",{label:[513],noDropdownIcon:[516,"no-dropdown-icon"],selected:[516],tdsAriaLabel:[513,"tds-aria-label"],open:[32],buttonEl:[32]},[[4,"click","onAnyClick"],[8,"keydown","handleKeyDown"]]]);function b(){"undefined"!=typeof customElements&&["tds-header-dropdown","tds-core-header-item","tds-header-item","tds-icon","tds-popover-canvas","tds-popover-core"].forEach((e=>{switch(e){case"tds-header-dropdown":customElements.get(t(e))||customElements.define(t(e),h);break;case"tds-core-header-item":customElements.get(t(e))||d();break;case"tds-header-item":customElements.get(t(e))||n();break;case"tds-icon":customElements.get(t(e))||i();break;case"tds-popover-canvas":customElements.get(t(e))||c();break;case"tds-popover-core":customElements.get(t(e))||l()}}))}b();const m=h,p=b;export{m as TdsHeaderDropdown,p as defineCustomElement}
+import{t,p as o,H as e,h as s,a as r}from"./index.js";import{g as a}from"./p-Cn4f8w1e.js";import{d}from"./p-Bej31lsj.js";import{d as i}from"./p-Bu0KDS61.js";import{d as n}from"./p-sM3NNe8A.js";import{d as c}from"./p-Dh37wWqw.js";import{d as l}from"./p-BMv0SLL4.js";const h=o(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.noDropdownIcon=!1,this.selected=!1,this.open=!1,this.uuid=a(),this.handleSlottedItemClick=t=>{const o=t.target.tagName.toLowerCase();["a","button"].includes(o)&&(this.open=!1)}}onAnyClick(t){!t.composedPath().includes(this.host)&&(this.open=!1)}handleKeyDown(t){var o;"Escape"===t.key&&this.open&&(this.open=!1,null===(o=this.buttonEl)||void 0===o||o.focus())}toggleDropdown(){this.open=!this.open,this.open&&requestAnimationFrame((()=>{var t;const o="a, [tabindex='0']",s=(null===(t=this.host.shadowRoot)||void 0===t?void 0:t.querySelector(o))||this.host.querySelector(o);s instanceof e&&s.focus()}))}render(){return s(r,{key:"07a5f33cc48e8de33104d040e4b11d20fc21d833"},s("div",{key:"bf34bc17d9303efc3dcacfff22593395302a544f",class:{"state-open":this.open}},s("tds-header-item",{key:"ce9e05d3da8d04e38b6a595a789f8de1218fc35c",class:"button",active:this.open,selected:this.selected},s("button",{key:"09805ba1a0d1e77384fc99d1fe9f5d557c8183a8",ref:t=>{this.buttonEl=t},"aria-expanded":""+this.open,"aria-controls":"launcher-"+this.uuid,"aria-current":this.selected?"location":"false",onClick:()=>{this.toggleDropdown()},"aria-label":this.tdsAriaLabel},s("slot",{key:"889cdfa5614f97ad80721f0f8559400751c7a784",name:"icon"}),this.label,s("slot",{key:"5b0a7df7f0031279c4faf3ab9bd6062ef4b32099",name:"label"}),!this.noDropdownIcon&&s("tds-icon",{key:"19ccecc579b846372fbd7572c9595ab573ac4d27",class:"dropdown-icon",name:"chevron_down",size:"16px",svgTitle:"Dropdown icon"}))),this.buttonEl&&s("tds-popover-canvas",{key:"c49cae294b06fdcfb57b4d2702a7abac53a45f39",id:"tds-dropdown-"+this.uuid,class:"menu",referenceEl:this.buttonEl,placement:"bottom-start",show:this.open,offsetDistance:0,modifiers:[{name:"flip",options:{fallbackPlacements:[]}}]},this.open?s("span",{onClick:t=>this.handleSlottedItemClick(t),onKeyDown:t=>"Enter"===t.key&&this.handleSlottedItemClick(t)},s("slot",null)):null)))}get host(){return this}static get style(){return":host,:root{--tds-scrollbar-width-standard:thin;--tds-scrollbar-width:10px;--tds-scrollbar-height:10px;--tds-scrollbar-thumb-border-width:3px;--tds-scrollbar-thumb-border-hover-width:2px}body{scrollbar-width:thin}:host{height:var(--tds-header-height);position:relative}:host .menu{flex-direction:column;overflow-y:auto;max-height:calc(100vh - var(--tds-header-height));box-shadow:var(--tds-nav-dropdown-menu-box);background-color:var(--tds-header-app-launcher-menu-background);border-top-right-radius:0;border-top-left-radius:0}:host .menu:hover::-webkit-scrollbar-thumb{border:var(--tds-scrollbar-thumb-border-hover-width) solid transparent;border-radius:var(--tds-scrollbar-hover-thumb-border-radius);background-clip:padding-box}:host .menu::-webkit-scrollbar{width:var(--tds-scrollbar-width)}:host .menu::-webkit-scrollbar-track{background:var(--tds-scrollbar-track-color)}:host .menu::-webkit-scrollbar-thumb{border-radius:var(--tds-scrollbar-thumb-border-radius);background:var(--tds-scrollbar-thumb-color);border:var(--tds-scrollbar-thumb-border-width) solid transparent;background-clip:padding-box}:host .menu::-webkit-scrollbar-button{height:0;width:0}@supports not selector(::-webkit-scrollbar){:host .menu{scrollbar-color:var(--tds-scrollbar-thumb-color) var(--tds-scrollbar-track-color);scrollbar-width:var(--tds-scrollbar-width-standard)}}:host .state-open .dropdown-icon{transform:rotate(180deg)}:host .state-open .button{position:relative;z-index:901}:host .state-open tds-header-item button:hover,:host .state-open tds-header-item a:hover{background-color:var(--tds-nav-item-background-hover);box-shadow:none}"}},[257,"tds-header-dropdown",{label:[513],noDropdownIcon:[516,"no-dropdown-icon"],selected:[516],tdsAriaLabel:[513,"tds-aria-label"],open:[32],buttonEl:[32]},[[4,"click","onAnyClick"],[8,"keydown","handleKeyDown"]]]);function b(){"undefined"!=typeof customElements&&["tds-header-dropdown","tds-core-header-item","tds-header-item","tds-icon","tds-popover-canvas","tds-popover-core"].forEach((o=>{switch(o){case"tds-header-dropdown":customElements.get(t(o))||customElements.define(t(o),h);break;case"tds-core-header-item":customElements.get(t(o))||d();break;case"tds-header-item":customElements.get(t(o))||i();break;case"tds-icon":customElements.get(t(o))||n();break;case"tds-popover-canvas":customElements.get(t(o))||c();break;case"tds-popover-core":customElements.get(t(o))||l()}}))}b();const m=h,p=b;export{m as TdsHeaderDropdown,p as defineCustomElement}

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

@@ -1 +1 @@
-import{t as e,p as t,H as s,h as a,a as r}from"./index.js";import{i as o}from"./p-Q3W78DlP.js";import{d}from"./p-CbSJY3jI.js";import{d as i}from"./p-Duga9LJ2.js";import{d as c}from"./p-1OlFnMHE.js";const n=t(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){const e=Object.assign({},o(this.host));return a(r,{key:"ae06ee98e53076108ce5d994fea278cfcf7c866f"},a("tds-header-item",{key:"cfcc247e196267d28be0754334f9ad0970aad461"},a("button",Object.assign({key:"5daf590949aaa29674b59438452286c88f1bd9e5"},e,{"aria-label":this.tdsAriaLabel}),a("tds-icon",{key:"4f9f010a9a1b79278887822e2d3c025844f6a8c3",class:"icon",name:"burger",size:"20px"}))))}get host(){return this}static get style(){return":host{color:var(--tds-white)}:host tds-header-item{display:block}:host .icon{position:relative;margin-left:-6px;left:3px;transition:background 0.2s ease-in-out, color 0.2s ease-in-out}@media screen and (min-width: 992px){:host tds-header-item{display:none}:host([persistent]) tds-header-item{display:block}}"}},[1,"tds-header-hamburger",{tdsAriaLabel:[513,"tds-aria-label"]}]);function m(){"undefined"!=typeof customElements&&["tds-header-hamburger","tds-core-header-item","tds-header-item","tds-icon"].forEach((t=>{switch(t){case"tds-header-hamburger":customElements.get(e(t))||customElements.define(e(t),n);break;case"tds-core-header-item":customElements.get(e(t))||d();break;case"tds-header-item":customElements.get(e(t))||i();break;case"tds-icon":customElements.get(e(t))||c()}}))}m();const h=n,l=m;export{h as TdsHeaderHamburger,l as defineCustomElement}
+import{t as e,p as t,H as s,h as a,a as r}from"./index.js";import{i as d}from"./p-Q3W78DlP.js";import{d as o}from"./p-Bej31lsj.js";import{d as i}from"./p-Bu0KDS61.js";import{d as c}from"./p-sM3NNe8A.js";const n=t(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){const e=Object.assign({},d(this.host));return a(r,{key:"178a53546dd18ffa3956c8a160d2eae139ed5009"},a("tds-header-item",{key:"1de91285a9a004c2c0330a926132875b333d7fd4"},a("button",Object.assign({key:"6d487e1dd84c41342a416805048f14c9dc98ec02"},e,{"aria-label":this.tdsAriaLabel}),a("tds-icon",{key:"9636dd72caea7424b9067eaf616f1c7fbe0ef4cb",class:"icon",name:"burger",size:"20px"}))))}get host(){return this}static get style(){return":host{color:var(--tds-white)}:host tds-header-item{display:block}:host .icon{position:relative;margin-left:-6px;left:3px;transition:background 0.2s ease-in-out, color 0.2s ease-in-out}@media screen and (min-width: 992px){:host tds-header-item{display:none}:host([persistent]) tds-header-item{display:block}}"}},[1,"tds-header-hamburger",{tdsAriaLabel:[513,"tds-aria-label"]}]);function m(){"undefined"!=typeof customElements&&["tds-header-hamburger","tds-core-header-item","tds-header-item","tds-icon"].forEach((t=>{switch(t){case"tds-header-hamburger":customElements.get(e(t))||customElements.define(e(t),n);break;case"tds-core-header-item":customElements.get(e(t))||o();break;case"tds-header-item":customElements.get(e(t))||i();break;case"tds-icon":customElements.get(e(t))||c()}}))}m();const h=n,l=m;export{h as TdsHeaderHamburger,l as defineCustomElement}

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

@@ -1 +1 @@
-import{T as o,d as s}from"./p-Duga9LJ2.js";const a=o,p=s;export{a as TdsHeaderItem,p as defineCustomElement}
+import{T as o,d as s}from"./p-Bu0KDS61.js";const p=o,r=s;export{p as TdsHeaderItem,r as defineCustomElement}

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

@@ -1 +1 @@
-import{T as o,d as s}from"./p-DnMNK2Ez.js";const p=o,r=s;export{p as TdsHeaderLauncherButton,r as defineCustomElement}
+import{T as o,d as s}from"./p-CZG3gym6.js";const m=o,p=s;export{m as TdsHeaderLauncherButton,p as defineCustomElement}

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

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

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

@@ -1 +1 @@
-import{t as e,p as t,H as r,h as a,a as d}from"./index.js";import{g as s}from"./p-Cn4f8w1e.js";const i=t(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.uuid=s()}render(){return a(d,{key:"080260b232b8c42511a4f78c5c38db166d4febe3"},a("h3",{key:"b147d026dfb9ac70f4abc7935b469cba32dbcbaa",class:"tds-header-launcher-grid-title",id:"tds-header-launcher-grid-title-"+this.uuid},a("slot",{key:"0df3a062aa38fa73e875ae8c178c9b52b4b6d063"})))}static get style(){return".tds-header-launcher-grid-title{all:unset;box-sizing:border-box;font:var(--tds-detail-04);letter-spacing:var(--tds-detail-04-ls);color:var(--tds-header-app-launcher-grid-category-title-color);text-transform:uppercase;height:48px;padding:0 16px;display:flex;align-items:center;border-bottom:1px solid var(--tds-nav-dropdown-item-border-color);margin:0}"}},[260,"tds-header-launcher-grid-title"]);function c(){"undefined"!=typeof customElements&&["tds-header-launcher-grid-title"].forEach((t=>{"tds-header-launcher-grid-title"===t&&(customElements.get(e(t))||customElements.define(e(t),i))}))}c();const l=i,n=c;export{l as TdsHeaderLauncherGridTitle,n as defineCustomElement}
+import{t as e,p as t,H as r,h as d,a}from"./index.js";import{g as s}from"./p-Cn4f8w1e.js";const i=t(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.uuid=s()}render(){return d(a,{key:"9c4d34bdb39f897148aa592b08068d01339fa470"},d("h3",{key:"632cf006f9bba4fbd297baddaf2cd22bd8cd01d7",class:"tds-header-launcher-grid-title",id:"tds-header-launcher-grid-title-"+this.uuid},d("slot",{key:"4eccacaeda37002d80535ba9702e86f5b15343b1"})))}static get style(){return".tds-header-launcher-grid-title{all:unset;box-sizing:border-box;font:var(--tds-detail-04);letter-spacing:var(--tds-detail-04-ls);color:var(--tds-header-app-launcher-grid-category-title-color);text-transform:uppercase;height:48px;padding:0 16px;display:flex;align-items:center;border-bottom:1px solid var(--tds-nav-dropdown-item-border-color);margin:0}"}},[260,"tds-header-launcher-grid-title"]);function l(){"undefined"!=typeof customElements&&["tds-header-launcher-grid-title"].forEach((t=>{"tds-header-launcher-grid-title"===t&&(customElements.get(e(t))||customElements.define(e(t),i))}))}l();const n=i,o=l;export{n as TdsHeaderLauncherGridTitle,o as defineCustomElement}

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

@@ -1 +1 @@
-import{t as e,p as t,H as s,h as r,a as d}from"./index.js";import{g as a,i as n}from"./p-CuIyaNyT.js";const i=t(class extends s{constructor(e){super(),!1!==e&&this.__registerHost()}componentWillLoad(){const e=a(this.host,(e=>n(e)));e?this.headingElement=e:console.warn("Heading element for list not found")}render(){var e;const t={class:"tds-header-launcher-grid",role:"list","aria-labelledby":null===(e=this.headingElement)||void 0===e?void 0:e.id};return r(d,{key:"63be73b3bef81a93dc689754e6f1ecb28d36a29b"},r("div",Object.assign({key:"a5695a2b67adbc9c12165a7440091bd4cc429205"},t),r("slot",{key:"626a95ca4adcde69296221782d35f5401d41b7aa"})))}get host(){return this}static get style(){return".tds-header-launcher-grid{box-sizing:border-box;padding:12px;margin:0;list-style:none;width:100%;display:grid;grid-template-columns:1fr 1fr 1fr;gap:4px;border-radius:none}"}},[260,"tds-header-launcher-grid",{headingElement:[32]}]);function o(){"undefined"!=typeof customElements&&["tds-header-launcher-grid"].forEach((t=>{"tds-header-launcher-grid"===t&&(customElements.get(e(t))||customElements.define(e(t),i))}))}o();const c=i,l=o;export{c as TdsHeaderLauncherGrid,l as defineCustomElement}
+import{t as e,p as t,H as d,h as s,a as r}from"./index.js";import{g as n,i as a}from"./p-CuIyaNyT.js";const i=t(class extends d{constructor(e){super(),!1!==e&&this.__registerHost()}componentWillLoad(){const e=n(this.host,(e=>a(e)));e?this.headingElement=e:console.warn("Heading element for list not found")}render(){var e;const t={class:"tds-header-launcher-grid",role:"list","aria-labelledby":null===(e=this.headingElement)||void 0===e?void 0:e.id};return s(r,{key:"1e0acaabe6332c250d83f225f4e789bddfd9460e"},s("div",Object.assign({key:"f28d54a429125d7729ff1dd7c05d4485699bdfbf"},t),s("slot",{key:"f4d62131c56ce61935af17d698919cfea268b728"})))}get host(){return this}static get style(){return".tds-header-launcher-grid{box-sizing:border-box;padding:12px;margin:0;list-style:none;width:100%;display:grid;grid-template-columns:1fr 1fr 1fr;gap:4px;border-radius:none}"}},[260,"tds-header-launcher-grid",{headingElement:[32]}]);function o(){"undefined"!=typeof customElements&&["tds-header-launcher-grid"].forEach((t=>{"tds-header-launcher-grid"===t&&(customElements.get(e(t))||customElements.define(e(t),i))}))}o();const l=i,c=o;export{l as TdsHeaderLauncherGrid,c as defineCustomElement}

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

@@ -1 +1 @@
-import{t as e,p as t,H as s,h as d,a as r}from"./index.js";import{d as o}from"./p-DRO9e7F4.js";const a=t(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return d(r,{key:"497d9c1aaf805a5bba06d860f02002eeead6032c"},d("tds-header-dropdown-list-item",{key:"74b6b75f5c7759bc226ba7150f9fb5ea23bcfc66",size:"lg"},d("slot",{key:"00d8917ab3c70f6d0ca27231572c4cdfa47cf07e"})))}static get style(){return":host{display:block;border-bottom:1px solid var(--tds-nav-dropdown-item-border-color)}"}},[257,"tds-header-launcher-list-item"]);function c(){"undefined"!=typeof customElements&&["tds-header-launcher-list-item","tds-header-dropdown-list-item"].forEach((t=>{switch(t){case"tds-header-launcher-list-item":customElements.get(e(t))||customElements.define(e(t),a);break;case"tds-header-dropdown-list-item":customElements.get(e(t))||o()}}))}c();const i=a,n=c;export{i as TdsHeaderLauncherListItem,n as defineCustomElement}
+import{t as e,p as t,H as s,h as d,a as r}from"./index.js";import{d as o}from"./p-DbqIEzt-.js";const a=t(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return d(r,{key:"2e240e8593d50efd91aac58fb247165b0777cde9"},d("tds-header-dropdown-list-item",{key:"67d7542329f469f10ebf4fe53686892b6e79d203",size:"lg"},d("slot",{key:"bab33af901a8a557fd6598a0f155c5d1b4da74f0"})))}static get style(){return":host{display:block;border-bottom:1px solid var(--tds-nav-dropdown-item-border-color)}"}},[257,"tds-header-launcher-list-item"]);function i(){"undefined"!=typeof customElements&&["tds-header-launcher-list-item","tds-header-dropdown-list-item"].forEach((t=>{switch(t){case"tds-header-launcher-list-item":customElements.get(e(t))||customElements.define(e(t),a);break;case"tds-header-dropdown-list-item":customElements.get(e(t))||o()}}))}i();const n=a,c=i;export{n as TdsHeaderLauncherListItem,c as defineCustomElement}

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

@@ -1 +1 @@
-import{t as e,p as t,H as s,h as r,a}from"./index.js";import{g as d}from"./p-Cn4f8w1e.js";const l=t(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.uuid=d()}render(){return r(a,{key:"d2480baadcaceab27fb6598d2c781bc74e75df75"},r("h3",{key:"e73adadc71723ad00b5f1f138a2fd5d73fdcf8af",class:"tds-header-launcher-list-title",id:"tds-header-launcher-"+this.uuid},r("slot",{key:"338bd4e60f844e7c399bd4a8d4b3325fbf6f8d3e"})))}get host(){return this}static get style(){return".tds-header-launcher-list-title{all:unset;box-sizing:border-box;font:var(--tds-detail-06);letter-spacing:var(--tds-detail-06-ls);color:var(--tds-header-app-launcher-category-title-color);text-transform:uppercase;height:48px;padding:0 16px;display:flex;align-items:center;border-bottom:1px solid var(--tds-nav-dropdown-item-border-color);margin:0}"}},[260,"tds-header-launcher-list-title"]);function i(){"undefined"!=typeof customElements&&["tds-header-launcher-list-title"].forEach((t=>{"tds-header-launcher-list-title"===t&&(customElements.get(e(t))||customElements.define(e(t),l))}))}i();const n=l,o=i;export{n as TdsHeaderLauncherListTitle,o as defineCustomElement}
+import{t as e,p as t,H as s,h as r,a}from"./index.js";import{g as d}from"./p-Cn4f8w1e.js";const l=t(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.uuid=d()}render(){return r(a,{key:"7ee07c3a5f983e22d6e9df4b8553fc78155d3da6"},r("h3",{key:"19c621911c3b46a7db33a33b0a5ed9efe79df36c",class:"tds-header-launcher-list-title",id:"tds-header-launcher-"+this.uuid},r("slot",{key:"99450d6b7c93755b433736e0b4414fc8c4995df1"})))}get host(){return this}static get style(){return".tds-header-launcher-list-title{all:unset;box-sizing:border-box;font:var(--tds-detail-06);letter-spacing:var(--tds-detail-06-ls);color:var(--tds-header-app-launcher-category-title-color);text-transform:uppercase;height:48px;padding:0 16px;display:flex;align-items:center;border-bottom:1px solid var(--tds-nav-dropdown-item-border-color);margin:0}"}},[260,"tds-header-launcher-list-title"]);function i(){"undefined"!=typeof customElements&&["tds-header-launcher-list-title"].forEach((t=>{"tds-header-launcher-list-title"===t&&(customElements.get(e(t))||customElements.define(e(t),l))}))}i();const n=l,o=i;export{n as TdsHeaderLauncherListTitle,o as defineCustomElement}

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

@@ -1 +1 @@
-import{t as e,p as s,H as d,h as t,a}from"./index.js";import{g as r}from"./p-Cn4f8w1e.js";import{d as o}from"./p-C9OMhzbc.js";const c=s(class extends d{constructor(e){super(),!1!==e&&this.__registerHost(),this.uuid=r()}render(){return t(a,{key:"eca4ad0a5442d8f9a4fa6f2f2d8edeb582b036e1"},t("tds-header-dropdown-list",{key:"99b5360adb94d53bcfada6dae88daa3b5570ac5d",size:"lg"},t("slot",{key:"d2ddc4f12789ceff5b74ab8dbca354603358d03b"})))}},[260,"tds-header-launcher-list"]);function n(){"undefined"!=typeof customElements&&["tds-header-launcher-list","tds-header-dropdown-list"].forEach((s=>{switch(s){case"tds-header-launcher-list":customElements.get(e(s))||customElements.define(e(s),c);break;case"tds-header-dropdown-list":customElements.get(e(s))||o()}}))}n();const i=c,l=n;export{i as TdsHeaderLauncherList,l as defineCustomElement}
+import{t as e,p as s,H as t,h as d,a}from"./index.js";import{g as r}from"./p-Cn4f8w1e.js";import{d as o}from"./p-CoSD7yUV.js";const n=s(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.uuid=r()}render(){return d(a,{key:"8579cab399825ea35430ea1712380e945175be2b"},d("tds-header-dropdown-list",{key:"e9f49767344431b298f4937eae6793a5a1b4adbc",size:"lg"},d("slot",{key:"b147f482c4d6d868880f8fd349f7ad49acf60d70"})))}},[260,"tds-header-launcher-list"]);function c(){"undefined"!=typeof customElements&&["tds-header-launcher-list","tds-header-dropdown-list"].forEach((s=>{switch(s){case"tds-header-launcher-list":customElements.get(e(s))||customElements.define(e(s),n);break;case"tds-header-dropdown-list":customElements.get(e(s))||o()}}))}c();const i=n,l=c;export{i as TdsHeaderLauncherList,l as defineCustomElement}

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

@@ -1 +1 @@
-import{t,p as r,H as e,h as s,a}from"./index.js";import{g as o}from"./p-Cn4f8w1e.js";import{i as d}from"./p-Q3W78DlP.js";import{d as i}from"./p-CbSJY3jI.js";import{d as c}from"./p-Duga9LJ2.js";import{d as l}from"./p-DnMNK2Ez.js";import{d as h}from"./p-1OlFnMHE.js";import{d as n}from"./p-B1QdNOPI.js";import{d as b}from"./p-CJtN1EIg.js";const p=r(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.open=!1,this.hasListTypeMenu=!1,this.uuid=o()}onAnyClick(t){!t.composedPath().includes(this.host)&&(this.open=!1)}handleKeyDown(t){var r,e;if("Escape"===t.key&&this.open){this.open=!1;const t=null===(e=null===(r=this.buttonEl)||void 0===r?void 0:r.shadowRoot)||void 0===e?void 0:e.querySelector("button");t&&t.focus()}}componentDidLoad(){const t=!!this.host.querySelector("tds-header-launcher-list");this.hasListTypeMenu=t}toggleLauncher(){this.open=!this.open,this.open&&requestAnimationFrame((()=>{var t;const r="a, [tabindex='0']",s=(null===(t=this.host.shadowRoot)||void 0===t?void 0:t.querySelector(r))||this.host.querySelector(r);s instanceof e&&s.focus()}))}render(){this.ariaAttributes=Object.assign(Object.assign({},this.ariaAttributes),d(this.host,["role"]));const t=Object.assign(Object.assign({},this.ariaAttributes),{"aria-expanded":""+this.open,"aria-controls":"launcher-"+this.uuid,class:"button",active:this.open,onClick:()=>{this.toggleLauncher()},ref:t=>{this.buttonEl=t}});return s(a,{key:"687811b90323d71d1b2fcdb95a0c5a1cc798ab63"},s("div",{key:"ff389690f36fa41b4f09911720a5b842463880ea",class:{wrapper:!0,"state-open":this.open,"state-list-type-menu":this.hasListTypeMenu}},s("tds-header-launcher-button",Object.assign({key:"5ad9190ea862179eb74088a9597cbac0f2cd76ee"},t,{"tds-aria-label":this.tdsAriaLabel})),this.buttonEl&&s("tds-popover-canvas",{key:"c22a1514bcc73d508100cabff07422009f775ffa",id:"tds-launcher-"+this.uuid,class:"menu",referenceEl:this.buttonEl,placement:"bottom-start",show:this.open,offsetDistance:0,modifiers:[{name:"flip",options:{fallbackPlacements:[]}}]},this.open?s("slot",null):null)))}get host(){return this}static get style(){return":host,:root{--tds-scrollbar-width-standard:thin;--tds-scrollbar-width:10px;--tds-scrollbar-height:10px;--tds-scrollbar-thumb-border-width:3px;--tds-scrollbar-thumb-border-hover-width:2px}body{scrollbar-width:thin}:host .wrapper{height:var(--tds-header-height);position:relative}:host .wrapper .menu{flex-direction:column;overflow-y:auto;max-height:calc(100vh - var(--tds-header-height));box-shadow:var(--tds-nav-dropdown-menu-box);background-color:var(--tds-header-app-launcher-menu-background);border-radius:0}:host .wrapper .menu:hover::-webkit-scrollbar-thumb{border:var(--tds-scrollbar-thumb-border-hover-width) solid transparent;border-radius:var(--tds-scrollbar-hover-thumb-border-radius);background-clip:padding-box}:host .wrapper .menu::-webkit-scrollbar{width:var(--tds-scrollbar-width)}:host .wrapper .menu::-webkit-scrollbar-track{background:var(--tds-scrollbar-track-color)}:host .wrapper .menu::-webkit-scrollbar-thumb{border-radius:var(--tds-scrollbar-thumb-border-radius);background:var(--tds-scrollbar-thumb-color);border:var(--tds-scrollbar-thumb-border-width) solid transparent;background-clip:padding-box}:host .wrapper .menu::-webkit-scrollbar-button{height:0;width:0}@supports not selector(::-webkit-scrollbar){:host .wrapper .menu{scrollbar-color:var(--tds-scrollbar-thumb-color) var(--tds-scrollbar-track-color);scrollbar-width:var(--tds-scrollbar-width-standard)}}@media all and (max-width: 384px){:host .wrapper .menu{width:100vw}}:host .wrapper.state-list-type-menu .menu{height:calc(100vh - var(--tds-header-height))}:host .wrapper.state-open .button{position:relative;z-index:901}"}},[257,"tds-header-launcher",{tdsAriaLabel:[513,"tds-aria-label"],open:[32],buttonEl:[32],hasListTypeMenu:[32]},[[8,"click","onAnyClick"],[8,"keydown","handleKeyDown"]]]);function u(){"undefined"!=typeof customElements&&["tds-header-launcher","tds-core-header-item","tds-header-item","tds-header-launcher-button","tds-icon","tds-popover-canvas","tds-popover-core"].forEach((r=>{switch(r){case"tds-header-launcher":customElements.get(t(r))||customElements.define(t(r),p);break;case"tds-core-header-item":customElements.get(t(r))||i();break;case"tds-header-item":customElements.get(t(r))||c();break;case"tds-header-launcher-button":customElements.get(t(r))||l();break;case"tds-icon":customElements.get(t(r))||h();break;case"tds-popover-canvas":customElements.get(t(r))||n();break;case"tds-popover-core":customElements.get(t(r))||b()}}))}u();const m=p,v=u;export{m as TdsHeaderLauncher,v as defineCustomElement}
+import{t,p as e,H as r,h as s,a}from"./index.js";import{g as o}from"./p-Cn4f8w1e.js";import{i as d}from"./p-Q3W78DlP.js";import{d as i}from"./p-Bej31lsj.js";import{d as c}from"./p-Bu0KDS61.js";import{d as h}from"./p-CZG3gym6.js";import{d as l}from"./p-sM3NNe8A.js";import{d as n}from"./p-Dh37wWqw.js";import{d as b}from"./p-BMv0SLL4.js";const p=e(class extends r{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.open=!1,this.hasListTypeMenu=!1,this.uuid=o()}onAnyClick(t){!t.composedPath().includes(this.host)&&(this.open=!1)}handleKeyDown(t){var e,r;if("Escape"===t.key&&this.open){this.open=!1;const t=null===(r=null===(e=this.buttonEl)||void 0===e?void 0:e.shadowRoot)||void 0===r?void 0:r.querySelector("button");t&&t.focus()}}componentDidLoad(){const t=!!this.host.querySelector("tds-header-launcher-list");this.hasListTypeMenu=t}toggleLauncher(){this.open=!this.open,this.open&&requestAnimationFrame((()=>{var t;const e="a, [tabindex='0']",s=(null===(t=this.host.shadowRoot)||void 0===t?void 0:t.querySelector(e))||this.host.querySelector(e);s instanceof r&&s.focus()}))}render(){this.ariaAttributes=Object.assign(Object.assign({},this.ariaAttributes),d(this.host,["role"]));const t=Object.assign(Object.assign({},this.ariaAttributes),{"aria-expanded":""+this.open,"aria-controls":"launcher-"+this.uuid,class:"button",active:this.open,onClick:()=>{this.toggleLauncher()},ref:t=>{this.buttonEl=t}});return s(a,{key:"a2ad819f2acda892b6e45c62d43128ac8c2e707c"},s("div",{key:"d9831f4e21f8a75069f6719e6f282ec8728368d3",class:{wrapper:!0,"state-open":this.open,"state-list-type-menu":this.hasListTypeMenu}},s("tds-header-launcher-button",Object.assign({key:"19abe36290e7a2fd8fc15b4aea5afeac9c957f36"},t,{"tds-aria-label":this.tdsAriaLabel})),this.buttonEl&&s("tds-popover-canvas",{key:"f39cf5999c47ea1c6fc9371763ba08fd01c2b296",id:"tds-launcher-"+this.uuid,class:"menu",referenceEl:this.buttonEl,placement:"bottom-start",show:this.open,offsetDistance:0,modifiers:[{name:"flip",options:{fallbackPlacements:[]}}]},this.open?s("slot",null):null)))}get host(){return this}static get style(){return":host,:root{--tds-scrollbar-width-standard:thin;--tds-scrollbar-width:10px;--tds-scrollbar-height:10px;--tds-scrollbar-thumb-border-width:3px;--tds-scrollbar-thumb-border-hover-width:2px}body{scrollbar-width:thin}:host .wrapper{height:var(--tds-header-height);position:relative}:host .wrapper .menu{flex-direction:column;overflow-y:auto;max-height:calc(100vh - var(--tds-header-height));box-shadow:var(--tds-nav-dropdown-menu-box);background-color:var(--tds-header-app-launcher-menu-background);border-radius:0}:host .wrapper .menu:hover::-webkit-scrollbar-thumb{border:var(--tds-scrollbar-thumb-border-hover-width) solid transparent;border-radius:var(--tds-scrollbar-hover-thumb-border-radius);background-clip:padding-box}:host .wrapper .menu::-webkit-scrollbar{width:var(--tds-scrollbar-width)}:host .wrapper .menu::-webkit-scrollbar-track{background:var(--tds-scrollbar-track-color)}:host .wrapper .menu::-webkit-scrollbar-thumb{border-radius:var(--tds-scrollbar-thumb-border-radius);background:var(--tds-scrollbar-thumb-color);border:var(--tds-scrollbar-thumb-border-width) solid transparent;background-clip:padding-box}:host .wrapper .menu::-webkit-scrollbar-button{height:0;width:0}@supports not selector(::-webkit-scrollbar){:host .wrapper .menu{scrollbar-color:var(--tds-scrollbar-thumb-color) var(--tds-scrollbar-track-color);scrollbar-width:var(--tds-scrollbar-width-standard)}}@media all and (max-width: 384px){:host .wrapper .menu{width:100vw}}:host .wrapper.state-list-type-menu .menu{height:calc(100vh - var(--tds-header-height))}:host .wrapper.state-open .button{position:relative;z-index:901}"}},[257,"tds-header-launcher",{tdsAriaLabel:[513,"tds-aria-label"],open:[32],buttonEl:[32],hasListTypeMenu:[32]},[[8,"click","onAnyClick"],[8,"keydown","handleKeyDown"]]]);function u(){"undefined"!=typeof customElements&&["tds-header-launcher","tds-core-header-item","tds-header-item","tds-header-launcher-button","tds-icon","tds-popover-canvas","tds-popover-core"].forEach((e=>{switch(e){case"tds-header-launcher":customElements.get(t(e))||customElements.define(t(e),p);break;case"tds-core-header-item":customElements.get(t(e))||i();break;case"tds-header-item":customElements.get(t(e))||c();break;case"tds-header-launcher-button":customElements.get(t(e))||h();break;case"tds-icon":customElements.get(t(e))||l();break;case"tds-popover-canvas":customElements.get(t(e))||n();break;case"tds-popover-core":customElements.get(t(e))||b()}}))}u();const m=p,v=u;export{m as TdsHeaderLauncher,v as defineCustomElement}

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

@@ -1 +1 @@
-import{t as e,p as t,H as o,h as s}from"./index.js";const i=t(class extends o{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return s("h4",{key:"0a7c5d1ce63bdb1454c76edbd4bfc4bc1cf10b55"},s("slot",{key:"ac27c2a4ce21972a17fba690d79bcd3d731e196b"}))}static get style(){return"h4{box-sizing:border-box;color:var(--tds-header-nav-item-color);font-size:14px;font-weight:normal;font-family:var(--tds-font-family-headline);letter-spacing:normal;position:relative;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}h4 slot{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding:0 32px 0 24px}"}},[257,"tds-header-title"]);function r(){"undefined"!=typeof customElements&&["tds-header-title"].forEach((t=>{"tds-header-title"===t&&(customElements.get(e(t))||customElements.define(e(t),i))}))}r();const n=i,d=r;export{n as TdsHeaderTitle,d as defineCustomElement}
+import{t as e,p as t,H as o,h as s}from"./index.js";const i=t(class extends o{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return s("h4",{key:"8c7a1b22f32bec884f8b99cdff99f93d48b51f9b"},s("slot",{key:"e6b5f9f5cb5f0573cb02e06c68cbe5b9ec0d17d6"}))}static get style(){return"h4{box-sizing:border-box;color:var(--tds-header-nav-item-color);font-size:14px;font-weight:normal;font-family:var(--tds-font-family-headline);letter-spacing:normal;position:relative;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}h4 slot{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding:0 32px 0 24px}"}},[257,"tds-header-title"]);function r(){"undefined"!=typeof customElements&&["tds-header-title"].forEach((t=>{"tds-header-title"===t&&(customElements.get(e(t))||customElements.define(e(t),i))}))}r();const n=i,l=r;export{n as TdsHeaderTitle,l as defineCustomElement}

package/dist/components/tds-header.js

@@ -1 +1 @@
-import{t as e,p as t,H as d,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 t=e;"li"!==t.tagName.toLowerCase()&&"listitem"!==t.getAttribute("role")&&t.setAttribute("role","listitem")}}))},n=t(class extends d{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:"181fbfe75463969a86384760288b62a2c67ce83e"},a("slot",{key:"73d7e5f465cdb8d208bb227fdc0db5411eb2c32a",name:"hamburger"}),a("slot",{key:"62844699d097f33eb4286b7a564c42bba820323a",name:"title"}),a("nav",Object.assign({key:"30676babd29ca880b1f21d1fce28ab124e1ae90b"},e),a("ul",{key:"864fca4598d6611c6d895a1550301b21073eeb76",class:"tds-header-component-list"},a("slot",{key:"4acca7b1d28b79557f59395cc955ee74531b6828"}),a("li",{key:"0917aa2f981f5951b3b688e6eaa93c7a129cb366",class:"tds-header-middle-spacer"}),a("slot",{key:"c1b1b52718d6180a1b77f0f04498f7f81528ac0d",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((t=>{"tds-header"===t&&(customElements.get(e(t))||customElements.define(e(t),n))}))}i();const l=n,h=i;export{l as TdsHeader,h as 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:"0f211ade1fcbb2f194e759d78a2eae1564e55d95"},a("slot",{key:"32863f0a0d020cd6f62fe31d0ff55750ccfca3e8",name:"hamburger"}),a("slot",{key:"18950498290f6653daa089f44352cd84cb470b77",name:"title"}),a("nav",Object.assign({key:"bafeecb5eeaddb06ea5f30c132fbad6b6a5b500b"},e),a("ul",{key:"85610c3c2867375515c14213648263ca222ff249",class:"tds-header-component-list"},a("slot",{key:"573dd12bf968ffb36973016bb7d05cc6c5ce27a9"}),a("li",{key:"d1bc2954060e5a39fa423e2457ddb3a1ef857cde",class:"tds-header-middle-spacer"}),a("slot",{key:"aa6f1bae16d32f68edbe99396970687cdab225f7",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 l=n,c=i;export{l as TdsHeader,c as defineCustomElement}

package/dist/components/tds-icon.js

@@ -1 +1 @@
-import{I as o,d as s}from"./p-1OlFnMHE.js";const p=o,r=s;export{p as TdsIcon,r as defineCustomElement}
+import{I as s,d as o}from"./p-sM3NNe8A.js";const p=s,r=o;export{p as TdsIcon,r as defineCustomElement}

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

@@ -1 +1 @@
-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-1OlFnMHE.js";const n=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=()=>{if("undefined"==typeof ResizeObserver)return;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.forEach(((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)};t.addEventListener("click",i),this.clickHandlers.set(t,i)}))},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:"38532db9803b29ef6de96f338c14c35b4205b5d7",role:"tablist",class:this.modeVariant?"tds-mode-variant-"+this.modeVariant:"",style:{"--padding-left":this.leftPadding+"px"}},o("div",{key:"d093194a98d9c92223bd5db6419ad90a984d9238",class:"wrapper",ref:t=>{this.navWrapperElement=t}},o("button",{key:"24a52205d7b5bd708397a26ad9749cfd8b121262","aria-label":this.tdsScrollLeftAriaLabel,class:"scroll-left-button "+(this.showLeftScroll?"show":""),onClick:()=>this.scrollLeft(),disabled:!this.showLeftScroll},o("tds-icon",{key:"28006de41f8488e74711b6dfd82ebb29507d78c8",name:"chevron_left",size:"20px"})),o("slot",{key:"7f8cea1755acf76a987d716fe293585f936c4bfa",onSlotchange:()=>this.handleSlotChange()}),o("button",{key:"bacebe334ce63ff55cdb38ef5ab32b88fef72151","aria-label":this.tdsScrollRightAriaLabel,class:"scroll-right-button "+(this.showRightScroll?"show":""),onClick:()=>this.scrollRight(),disabled:!this.showRightScroll},o("tds-icon",{key:"c0f5a5ed3ad7c2ebcb059d01542a7b6c69ac6529",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(--component--focus-ring-color-strong);box-shadow:0 0 0 1px var(--component--focus-ring-color-discrete);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:[513,"mode-variant"],defaultSelectedIndex:[514,"default-selected-index"],selectedIndex:[514,"selected-index"],tdsScrollLeftAriaLabel:[513,"tds-scroll-left-aria-label"],tdsScrollRightAriaLabel:[513,"tds-scroll-right-aria-label"],leftPadding:[514,"left-padding"],showLeftScroll:[32],showRightScroll:[32],selectTab:[64],reinitialize:[64]},void 0,{selectedIndex:[{handleSelectedIndexUpdate:0}]}]);function h(){"undefined"!=typeof customElements&&["tds-inline-tabs","tds-icon"].forEach((s=>{switch(s){case"tds-inline-tabs":customElements.get(t(s))||customElements.define(t(s),n);break;case"tds-icon":customElements.get(t(s))||r()}}))}h();const a=n,c=h;export{a as TdsInlineTabs,c as 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-sM3NNe8A.js";const n=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=()=>{if("undefined"==typeof ResizeObserver)return;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.forEach(((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)};t.addEventListener("click",i),this.clickHandlers.set(t,i)}))},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:"38532db9803b29ef6de96f338c14c35b4205b5d7",role:"tablist",class:this.modeVariant?"tds-mode-variant-"+this.modeVariant:"",style:{"--padding-left":this.leftPadding+"px"}},o("div",{key:"d093194a98d9c92223bd5db6419ad90a984d9238",class:"wrapper",ref:t=>{this.navWrapperElement=t}},o("button",{key:"24a52205d7b5bd708397a26ad9749cfd8b121262","aria-label":this.tdsScrollLeftAriaLabel,class:"scroll-left-button "+(this.showLeftScroll?"show":""),onClick:()=>this.scrollLeft(),disabled:!this.showLeftScroll},o("tds-icon",{key:"28006de41f8488e74711b6dfd82ebb29507d78c8",name:"chevron_left",size:"20px"})),o("slot",{key:"7f8cea1755acf76a987d716fe293585f936c4bfa",onSlotchange:()=>this.handleSlotChange()}),o("button",{key:"bacebe334ce63ff55cdb38ef5ab32b88fef72151","aria-label":this.tdsScrollRightAriaLabel,class:"scroll-right-button "+(this.showRightScroll?"show":""),onClick:()=>this.scrollRight(),disabled:!this.showRightScroll},o("tds-icon",{key:"c0f5a5ed3ad7c2ebcb059d01542a7b6c69ac6529",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(--component--focus-ring-color-strong);box-shadow:0 0 0 1px var(--component--focus-ring-color-discrete);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:[513,"mode-variant"],defaultSelectedIndex:[514,"default-selected-index"],selectedIndex:[514,"selected-index"],tdsScrollLeftAriaLabel:[513,"tds-scroll-left-aria-label"],tdsScrollRightAriaLabel:[513,"tds-scroll-right-aria-label"],leftPadding:[514,"left-padding"],showLeftScroll:[32],showRightScroll:[32],selectTab:[64],reinitialize:[64]},void 0,{selectedIndex:[{handleSelectedIndexUpdate:0}]}]);function h(){"undefined"!=typeof customElements&&["tds-inline-tabs","tds-icon"].forEach((s=>{switch(s){case"tds-inline-tabs":customElements.get(t(s))||customElements.define(t(s),n);break;case"tds-icon":customElements.get(t(s))||r()}}))}h();const a=n,c=h;export{a as TdsInlineTabs,c as defineCustomElement}

package/dist/components/tds-link.js

@@ -1 +1 @@
-import{t,p as e,H as o,h as n}from"./index.js";const s=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 n("span",{key:"7fc71860358da34d0bcf7db534263ceb95a0a34c",class:{disabled:this.disabled,"no-underline":!this.underline,standalone:this.standalone}},n("slot",{key:"481148d319d7dc0447b0568f1bc97ea0f17560b0"}))}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){opacity:var(--tds-link-opacity-disabled);pointer-events:none}.standalone ::slotted(*){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)}"}},[257,"tds-link",{disabled:[516],underline:[516],standalone:[516]}]);function i(){"undefined"!=typeof customElements&&["tds-link"].forEach((e=>{"tds-link"===e&&(customElements.get(t(e))||customElements.define(t(e),s))}))}i();const d=s,a=i;export{d as TdsLink,a as defineCustomElement}
+import{t,p as e,H as o,h as n}from"./index.js";const s=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 n("span",{key:"68a661283c68f38a55ce271fce253b31228e5eea",class:{disabled:this.disabled,"no-underline":!this.underline,standalone:this.standalone}},n("slot",{key:"0510da5634ce6f574226a37c91c997ec0cc6e539"}))}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){opacity:var(--tds-link-opacity-disabled);pointer-events:none}.standalone ::slotted(*){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)}"}},[257,"tds-link",{disabled:[516],underline:[516],standalone:[516]}]);function i(){"undefined"!=typeof customElements&&["tds-link"].forEach((e=>{"tds-link"===e&&(customElements.get(t(e))||customElements.define(t(e),s))}))}i();const d=s,a=i;export{d as TdsLink,a as defineCustomElement}

package/dist/components/tds-message.js

@@ -1 +1 @@
-import{t as e,p as s,H as r,h as t,a}from"./index.js";import{g as i}from"./p-Cn4f8w1e.js";import{d as o}from"./p-1OlFnMHE.js";const n=s(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,s=this.minimal?void 0:"tds-message-content-"+i();return t(a,{key:"c79d924d806e8a2b19f706795d4a08074a9fce95",role:this.tdsAlertDialog,"aria-describedby":s,"aria-label":this.getAriaLabel(),class:{["tds-mode-variant-"+this.modeVariant]:null!==this.modeVariant}},t("div",{key:"17a525e4fb1991d668733b28a4e2916b77151908",class:{wrapper:!0,[this.variant]:!0,minimal:this.minimal}},!this.noIcon&&t("tds-icon",{key:"bc440727660747269df18977ead69b2aa25cc40b","aria-hidden":"true","aria-label":""+this.variant,svgTitle:""+this.variant,name:this.getIconName(),size:"20px"}),t("div",{key:"26c5ab6232b2c438c4dd04b718b4ede804495029",class:"content"},this.header&&t("div",{key:"10cb36b42f743e7d8b0f97e66e19455f573a1159",class:"header",id:e},this.header),!this.minimal&&t("div",{key:"0d9ff535f8afad68604eb3e20f360a5f321aebc7",class:"extended-message",id:s},t("slot",{key:"35a5db41848cdfff0adbd4637ea29a0360c8e5d7"})))))}static get style(){return":host .wrapper{display:flex;padding:16px;background-color:var(--tds-message-background);border-radius:var(--tds-message-border-radius)}:host .wrapper.information{border-left:var(--tds-message-border-width) solid var(--tds-message-border-info);color:var(--tds-message-text-info)}:host .wrapper.information tds-icon{color:var(--tds-message-icon-info)}:host .wrapper.success{background-color:var(--tds-message-background-success);border-left:var(--tds-message-border-width) solid var(--tds-message-border-success);color:var(--tds-message-text-success)}:host .wrapper.success tds-icon{color:var(--tds-message-icon-success)}:host .wrapper.error{background-color:var(--tds-message-background-error);border-left:var(--tds-message-border-width) solid var(--tds-message-border-error);color:var(--tds-message-text-error)}:host .wrapper.error tds-icon{color:var(--tds-message-icon-error)}:host .wrapper.warning{background-color:var(--tds-message-background-warning);border-left:var(--tds-message-border-width) solid var(--tds-message-border-warning);color:var(--tds-message-text-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;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{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:[513],modeVariant:[513,"mode-variant"],variant:[513],noIcon:[516,"no-icon"],minimal:[516],tdsAlertDialog:[513,"tds-alert-dialog"],tdsAriaLabel:[513,"tds-aria-label"]}]);function d(){"undefined"!=typeof customElements&&["tds-message","tds-icon"].forEach((s=>{switch(s){case"tds-message":customElements.get(e(s))||customElements.define(e(s),n);break;case"tds-icon":customElements.get(e(s))||o()}}))}d();const l=n,c=d;export{l as TdsMessage,c as defineCustomElement}
+import{t as e,p as s,H as r,h as t,a}from"./index.js";import{g as i}from"./p-Cn4f8w1e.js";import{d as o}from"./p-sM3NNe8A.js";const n=s(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,s=this.minimal?void 0:"tds-message-content-"+i();return t(a,{key:"e8589077316e6606bf84d0e5771b74d67d1132e1",role:this.tdsAlertDialog,"aria-describedby":s,"aria-label":this.getAriaLabel(),class:{["tds-mode-variant-"+this.modeVariant]:null!==this.modeVariant}},t("div",{key:"014492d9c6a87c0fa09302bea461752a339176f5",class:{wrapper:!0,[this.variant]:!0,minimal:this.minimal}},!this.noIcon&&t("tds-icon",{key:"6add6739ff920a4e56a3162b58e7323d85dc5a91","aria-hidden":"true","aria-label":""+this.variant,svgTitle:""+this.variant,name:this.getIconName(),size:"20px"}),t("div",{key:"187eec91ce88fff4b5b0b4e5e7c5ab988da1fb78",class:"content"},this.header&&t("div",{key:"9b30a6b669dc4880cb1e92a4907a0c2b4742c35c",class:"header",id:e},this.header),!this.minimal&&t("div",{key:"718329dbaf3297cc480178b646f3a25bd245ad11",class:"extended-message",id:s},t("slot",{key:"cfe343b2332c2f51f48bdabc708f83ffed23a0e4"})))))}static get style(){return":host .wrapper{display:flex;padding:16px;background-color:var(--tds-message-background);border-radius:var(--tds-message-border-radius)}:host .wrapper.information{border-left:var(--tds-message-border-width) solid var(--tds-message-border-info);color:var(--tds-message-text-info)}:host .wrapper.information tds-icon{color:var(--tds-message-icon-info)}:host .wrapper.success{background-color:var(--tds-message-background-success);border-left:var(--tds-message-border-width) solid var(--tds-message-border-success);color:var(--tds-message-text-success)}:host .wrapper.success tds-icon{color:var(--tds-message-icon-success)}:host .wrapper.error{background-color:var(--tds-message-background-error);border-left:var(--tds-message-border-width) solid var(--tds-message-border-error);color:var(--tds-message-text-error)}:host .wrapper.error tds-icon{color:var(--tds-message-icon-error)}:host .wrapper.warning{background-color:var(--tds-message-background-warning);border-left:var(--tds-message-border-width) solid var(--tds-message-border-warning);color:var(--tds-message-text-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;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{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:[513],modeVariant:[513,"mode-variant"],variant:[513],noIcon:[516,"no-icon"],minimal:[516],tdsAlertDialog:[513,"tds-alert-dialog"],tdsAriaLabel:[513,"tds-aria-label"]}]);function d(){"undefined"!=typeof customElements&&["tds-message","tds-icon"].forEach((s=>{switch(s){case"tds-message":customElements.get(e(s))||customElements.define(e(s),n);break;case"tds-icon":customElements.get(e(s))||o()}}))}d();const c=n,l=d;export{c as TdsMessage,l as defineCustomElement}

package/dist/components/tds-modal.js

@@ -1 +1 @@
-import{t,p as o,H as s,c as d,h as a,a as i}from"./index.js";import{h as e}from"./p-DDX6uFcm.js";import{g as r}from"./p-Cn4f8w1e.js";import{d as l}from"./p-1OlFnMHE.js";const n=o(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.tdsClose=d(this,"tdsClose",7),this.tdsOpen=d(this,"tdsOpen",7),this.prevent=!1,this.size="md",this.actionsPosition="static",this.closable=!0,this.tdsAlertDialog="dialog",this.isShown=!1,this.activeElementIndex=0,this.handleClose=t=>{this.tdsClose.emit(t).defaultPrevented||(this.isShown=!1,this.returnFocusOnClose())},this.handleShow=()=>{this.tdsOpen.emit().defaultPrevented||(this.isShown=!0,this.onOpen())},this.handleOverlayClick=t=>{const o=t.composedPath()[0];("tds-modal-close"===o.classList[0]||"tds-modal-backdrop"===o.classList[0]&&!1===this.prevent)&&this.handleClose(t)},this.handleReferenceElementClick=t=>{this.isShown?this.handleClose(t):this.handleShow()},this.setShowButton=()=>{var t;if(this.selector||this.referenceEl){const o=null!==(t=this.referenceEl)&&void 0!==t?t:this.selector?document.querySelector(this.selector):null;o&&this.initializeReferenceElement(o)}},this.initializeReferenceElement=t=>{t&&t.addEventListener("click",this.handleReferenceElementClick)},this.headerId="tds-modal-header-"+r(),this.bodyId="tds-modal-body-"+r()}async showModal(){this.isShown=!0,this.onOpen()}async closeModal(){this.isShown=!1,this.returnFocusOnClose()}async isOpen(){return this.isShown}handleShowPropChange(t,o){t!==o&&void 0!==t&&(this.isShown=t,t?this.onOpen():this.returnFocusOnClose())}initializeWithProps(){void 0===this.closable&&(this.closable=!0),void 0!==this.show&&(this.isShown=this.show),this.initializeModal(),this.header&&e("header",this.host)&&console.warn("Tegel Modal component: Using both header prop and header slot might break modal's design. Please use just one of them. "),this.selector||this.referenceEl||console.warn('Tegel Modal: Missing focus origin. Please provide either a "referenceEl" or a "selector" to ensure focus returns to the element that opened the modal. If the modal is opened programmatically, this message can be ignored.')}connectedCallback(){this.initializeWithProps()}componentWillLoad(){this.initializeWithProps()}disconnectedCallback(){this.cleanupModal()}async initializeModal(){this.setDismissButtons(),this.setShowButton()}async cleanupModal(){var t;if(this.selector||this.referenceEl){const o=null!==(t=this.referenceEl)&&void 0!==t?t:this.selector?document.querySelector(this.selector):null;o&&o.removeEventListener("click",this.handleReferenceElementClick)}this.host.querySelectorAll("[data-dismiss-modal]").forEach((t=>{t.removeEventListener("click",this.handleClose)}))}returnFocusOnClose(){var t;const o=null!==(t=this.referenceEl)&&void 0!==t?t:this.selector?document.querySelector(this.selector):null;if(!o)return;const s=["BUTTON","A","INPUT"],d=s.includes(o.tagName)?o:o.querySelector(s.join(","));d&&(d.classList.remove("active"),d.focus())}getFocusableElements(){var t,o;const s='a[href],button:not([disabled]),textarea:not([disabled]),input:not([disabled]),select:not([disabled]),[tabindex]:not([tabindex="-1"])';return[...Array.from(null!==(o=null===(t=this.host.shadowRoot)||void 0===t?void 0:t.querySelectorAll(s))&&void 0!==o?o:[]),...Array.from(this.host.querySelectorAll(s))]}resetScrollPosition(){var t;const o=this.host.shadowRoot,s=null!==(t=null==o?void 0:o.querySelector(".tds-modal__actions-sticky .body"))&&void 0!==t?t:null==o?void 0:o.querySelector(".tds-modal");null==s||s.scrollTo(0,0)}focusFirstElement(){var t,o;const s='a[href],button:not([disabled]),textarea:not([disabled]),input:not([disabled]),select:not([disabled]),[tabindex]:not([tabindex="-1"])',d=Array.from(this.host.querySelectorAll(s));if(d.length>0)d[0].focus(),this.activeElementIndex=this.getFocusableElements().indexOf(d[0]);else{const d=Array.from(null!==(o=null===(t=this.host.shadowRoot)||void 0===t?void 0:t.querySelectorAll(s))&&void 0!==o?o:[]);d.length>0&&(d[0].focus(),this.activeElementIndex=0)}}onOpen(){this.focusFirstElement(),requestAnimationFrame((()=>{this.resetScrollPosition()}))}handleFocusTrap(t){if("Escape"===t.key&&this.isShown&&!this.prevent)return void this.handleClose(t);if(!this.isShown)return;if("Tab"!==t.key)return;const o=this.getFocusableElements();0!==o.length&&(t.preventDefault(),t.shiftKey&&(this.activeElementIndex-=1,-1===this.activeElementIndex&&(this.activeElementIndex=o.length-1)),t.shiftKey||(this.activeElementIndex+=1,this.activeElementIndex===o.length&&(this.activeElementIndex=0)),o[this.activeElementIndex].focus())}setDismissButtons(){this.host.querySelectorAll("[data-dismiss-modal]").forEach((t=>{t.addEventListener("click",this.handleClose)}))}render(){const t=e("header",this.host),o=e("actions",this.host),s=this.header||t;return a(i,{key:"20741ea474c8b88e25a59068cd10100261d63451",class:{show:this.isShown,hide:!this.isShown},onClick:t=>this.handleOverlayClick(t)},a("div",{key:"2c6c1c5320497a3ed90bbc46a9d9ca3ed914d4e6",class:"tds-modal-backdrop"}),a("div",{key:"659497b7a21b93ba848057156b1a3067f5d78794",role:this.tdsAlertDialog,"aria-modal":"true","aria-describedby":this.bodyId,"aria-labelledby":s?this.headerId:void 0,class:`tds-modal tds-modal__actions-${this.actionsPosition} tds-modal-${this.size}`,tabindex:"-1"},a("div",{key:"d037cdebcd50b2f7c3f55b5df8e0ed68a7be012d",class:"header"},this.header&&a("h1",{key:"8afef0fc7e08b2539ad52d6ca5ca642c453a62d9",id:this.headerId,class:"header-text"},this.header),t&&a("slot",{key:"61452661a701b7bf009ffc742a06e67153c49b5d",name:"header"}),this.closable&&a("button",{key:"e463fc6163130169a07e4a6862c54f77b71c708e",class:"tds-modal-close","aria-label":"close",onClick:t=>this.handleClose(t)},a("tds-icon",{key:"7d2a6bbba2250ff93a22e3df4fcffc85d4393d9d",name:"cross",size:"20px"}))),a("div",{key:"a20383b91b69484dbe33b7359fd0ac54b4f6e542",id:this.bodyId,class:"body"},a("slot",{key:"0372c76d89764c5dac0facca7c70599b982447de",name:"body"})),o&&a("slot",{key:"e1aff202176a07dff1d70e9cca4ba93d4de9ed73",name:"actions"})))}get host(){return this}static get watchers(){return{show:[{handleShowPropChange:0}]}}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}.tds-modal{box-sizing:border-box;box-shadow:var(--tds-modal-box-shadow);background-color:var(--tds-modal-background);margin:auto;position:relative;border-radius:var(--tds-modal-border-radius);max-height:85vh;overflow-y:auto;pointer-events:auto}.tds-modal *{box-sizing:border-box}.tds-modal:hover::-webkit-scrollbar-thumb{border:var(--tds-scrollbar-thumb-border-hover-width) solid transparent;border-radius:var(--tds-scrollbar-hover-thumb-border-radius);background-clip:padding-box}.tds-modal::-webkit-scrollbar{width:var(--tds-scrollbar-width)}.tds-modal::-webkit-scrollbar-track{background:var(--tds-scrollbar-track-color)}.tds-modal::-webkit-scrollbar-thumb{border-radius:var(--tds-scrollbar-thumb-border-radius);background:var(--tds-scrollbar-thumb-color);border:var(--tds-scrollbar-thumb-border-width) solid transparent;background-clip:padding-box}.tds-modal::-webkit-scrollbar-button{height:0;width:0}@supports not selector(::-webkit-scrollbar){.tds-modal{scrollbar-color:var(--tds-scrollbar-thumb-color) var(--tds-scrollbar-track-color);scrollbar-width:var(--tds-scrollbar-width-standard)}}.tds-modal__actions-sticky{overflow:hidden;display:flex;flex-direction:column}.tds-modal__actions-sticky .body{font-family:var(--body-01-font-family);font-size:var(--body-01-font-size);line-height:var(--body-01-line-height);font-weight:var(--body-01-font-weight);letter-spacing:var(--body-01-letter-spacing);text-transform:var(--body-01-text-transform);max-height:calc(85vh - 36px);overflow-y:auto}.tds-modal__actions-sticky slot[name=actions]{bottom:-1px;left:0;right:0;background-color:var(--tds-modal-background);padding:24px 16px 16px;display:flex;gap:16px}.tds-modal__actions-static slot[name=actions]{background-color:var(--tds-modal-background);display:flex;gap:16px;padding:24px 16px 16px}@media (min-width: 320px){.tds-modal-xs{width:100%}.tds-modal-sm{width:100%}.tds-modal-md{width:100%}.tds-modal-lg{width:100%}}@media (min-width: 672px){.tds-modal-xs{width:50%}.tds-modal-sm{width:62.5%}.tds-modal-md{width:75%}.tds-modal-lg{width:100%}}@media (min-width: 1056px){.tds-modal-xs{width:31.25%}.tds-modal-sm{width:43.75%}.tds-modal-md{width:62.5%}.tds-modal-lg{width:75%}}@media (min-width: 1312px){.tds-modal-xs{width:31.25%}.tds-modal-sm{width:37.5%}.tds-modal-md{width:62.5%}.tds-modal-lg{width:75%}}@media (min-width: 1584px){.tds-modal-xs{width:25%}.tds-modal-sm{width:37.5%}.tds-modal-md{width:50%}.tds-modal-lg{width:75%}}@media (max-width: 320px){.tds-modal-md,.tds-modal-lg,.tds-modal-sm{height:100%}.tds-modal-md slot[name=actions]::slotted(*),.tds-modal-lg slot[name=actions]::slotted(*),.tds-modal-sm slot[name=actions]::slotted(*){display:flex}}.header{display:flex;padding:16px;position:sticky;top:0;background-color:var(--tds-modal-background);z-index:1}.header .header-text{font-family:var(--headline-05-font-family);font-size:var(--headline-05-font-size);line-height:var(--headline-05-line-height);font-weight:var(--headline-05-font-weight);letter-spacing:var(--headline-05-letter-spacing);text-transform:var(--headline-05-text-transform);color:var(--tds-modal-text-color);margin:0;flex:1}.body{font-family:var(--body-01-font-family);font-size:var(--body-01-font-size);line-height:var(--body-01-line-height);font-weight:var(--body-01-font-weight);letter-spacing:var(--body-01-letter-spacing);text-transform:var(--body-01-text-transform);color:var(--tds-modal-body-text-color);overflow-y:visible;padding:0 16px 16px}.body:hover::-webkit-scrollbar-thumb{border:var(--tds-scrollbar-thumb-border-hover-width) solid transparent;border-radius:var(--tds-scrollbar-hover-thumb-border-radius);background-clip:padding-box}.body::-webkit-scrollbar{width:var(--tds-scrollbar-width)}.body::-webkit-scrollbar-track{background:var(--tds-scrollbar-track-color)}.body::-webkit-scrollbar-thumb{border-radius:var(--tds-scrollbar-thumb-border-radius);background:var(--tds-scrollbar-thumb-color);border:var(--tds-scrollbar-thumb-border-width) solid transparent;background-clip:padding-box}.body::-webkit-scrollbar-button{height:0;width:0}@supports not selector(::-webkit-scrollbar){.body{scrollbar-color:var(--tds-scrollbar-thumb-color) var(--tds-scrollbar-track-color);scrollbar-width:var(--tds-scrollbar-width-standard)}}.tds-modal-backdrop{box-sizing:border-box;position:fixed;inset:0;background-color:var(--tds-modal-backdrop-background);pointer-events:auto}.tds-modal-backdrop *{box-sizing:border-box}button.tds-modal-close{margin:0 0 auto auto;background-color:transparent;border:0;padding:0;appearance:unset}.tds-modal-close{display:inline-block;height:auto;color:var(--tds-modal-text-color);cursor:pointer}.tds-modal-close:focus{outline:2px solid var(--component--focus-ring-color-strong);box-shadow:0 0 0 1px var(--component--focus-ring-color-discrete);outline-offset:1px;z-index:1}@media (min-width: 320px){.tds-modal-close{margin-left:16px}}@media (min-width: 1056px){.tds-modal-close{margin-left:48px}}.tds-modal-close-btn{display:inline-block;height:auto;background-repeat:no-repeat;cursor:pointer}@media (min-width: 320px){.tds-modal-close-btn{margin-left:16px}}@media (min-width: 1056px){.tds-modal-close-btn{margin-left:48px}}.tds-modal-close-btn svg{fill:var(--tds-modal-icon-color)}.tds-modal-overflow{overflow:hidden}:host{box-sizing:border-box;position:fixed;inset:0;padding:0 16px;z-index:700;pointer-events:none}:host *{box-sizing:border-box}:host .tds-modal-close{border:none;background-color:transparent}:host .tds-modal-close-btn{border:none;background-color:transparent}@media (max-width: 320px){:host{padding:0}}:host.show{display:flex}:host.hide{display:none}:host(.show){display:flex}:host(.hide){display:none}"}},[257,"tds-modal",{header:[513],prevent:[516],size:[513],actionsPosition:[513,"actions-position"],selector:[513],referenceEl:[16],show:[516],closable:[516],tdsAlertDialog:[513,"tds-alert-dialog"],isShown:[32],activeElementIndex:[32],showModal:[64],closeModal:[64],isOpen:[64],initializeModal:[64],cleanupModal:[64]},[[10,"keydown","handleFocusTrap"]],{show:[{handleShowPropChange:0}]}]);function h(){"undefined"!=typeof customElements&&["tds-modal","tds-icon"].forEach((o=>{switch(o){case"tds-modal":customElements.get(t(o))||customElements.define(t(o),n);break;case"tds-icon":customElements.get(t(o))||l()}}))}h();const c=n,b=h;export{c as TdsModal,b as defineCustomElement}
+import{t,p as o,H as s,c as d,h as a,a as i}from"./index.js";import{h as e}from"./p-DDX6uFcm.js";import{g as r}from"./p-Cn4f8w1e.js";import{d as l}from"./p-sM3NNe8A.js";const n=o(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.tdsClose=d(this,"tdsClose",7),this.tdsOpen=d(this,"tdsOpen",7),this.prevent=!1,this.size="md",this.actionsPosition="static",this.closable=!0,this.tdsAlertDialog="dialog",this.isShown=!1,this.activeElementIndex=0,this.handleClose=t=>{this.tdsClose.emit(t).defaultPrevented||(this.isShown=!1,this.returnFocusOnClose())},this.handleShow=()=>{this.tdsOpen.emit().defaultPrevented||(this.isShown=!0,this.onOpen())},this.handleOverlayClick=t=>{const o=t.composedPath()[0];("tds-modal-close"===o.classList[0]||"tds-modal-backdrop"===o.classList[0]&&!1===this.prevent)&&this.handleClose(t)},this.handleReferenceElementClick=t=>{this.isShown?this.handleClose(t):this.handleShow()},this.setShowButton=()=>{var t;if(this.selector||this.referenceEl){const o=null!==(t=this.referenceEl)&&void 0!==t?t:this.selector?document.querySelector(this.selector):null;o&&this.initializeReferenceElement(o)}},this.initializeReferenceElement=t=>{t&&t.addEventListener("click",this.handleReferenceElementClick)},this.headerId="tds-modal-header-"+r(),this.bodyId="tds-modal-body-"+r()}async showModal(){this.isShown=!0,this.onOpen()}async closeModal(){this.isShown=!1,this.returnFocusOnClose()}async isOpen(){return this.isShown}handleShowPropChange(t,o){t!==o&&void 0!==t&&(this.isShown=t,t?this.onOpen():this.returnFocusOnClose())}initializeWithProps(){void 0===this.closable&&(this.closable=!0),void 0!==this.show&&(this.isShown=this.show),this.initializeModal(),this.header&&e("header",this.host)&&console.warn("Tegel Modal component: Using both header prop and header slot might break modal's design. Please use just one of them. "),this.selector||this.referenceEl||console.warn('Tegel Modal: Missing focus origin. Please provide either a "referenceEl" or a "selector" to ensure focus returns to the element that opened the modal. If the modal is opened programmatically, this message can be ignored.')}connectedCallback(){this.initializeWithProps()}componentWillLoad(){this.initializeWithProps()}disconnectedCallback(){this.cleanupModal()}async initializeModal(){this.setDismissButtons(),this.setShowButton()}async cleanupModal(){var t;if(this.selector||this.referenceEl){const o=null!==(t=this.referenceEl)&&void 0!==t?t:this.selector?document.querySelector(this.selector):null;o&&o.removeEventListener("click",this.handleReferenceElementClick)}this.host.querySelectorAll("[data-dismiss-modal]").forEach((t=>{t.removeEventListener("click",this.handleClose)}))}returnFocusOnClose(){var t;const o=null!==(t=this.referenceEl)&&void 0!==t?t:this.selector?document.querySelector(this.selector):null;if(!o)return;const s=["BUTTON","A","INPUT"],d=s.includes(o.tagName)?o:o.querySelector(s.join(","));d&&(d.classList.remove("active"),d.focus())}getFocusableElements(){var t,o;const s='a[href],button:not([disabled]),textarea:not([disabled]),input:not([disabled]),select:not([disabled]),[tabindex]:not([tabindex="-1"])';return[...Array.from(null!==(o=null===(t=this.host.shadowRoot)||void 0===t?void 0:t.querySelectorAll(s))&&void 0!==o?o:[]),...Array.from(this.host.querySelectorAll(s))]}resetScrollPosition(){var t;const o=this.host.shadowRoot,s=null!==(t=null==o?void 0:o.querySelector(".tds-modal__actions-sticky .body"))&&void 0!==t?t:null==o?void 0:o.querySelector(".tds-modal");null==s||s.scrollTo(0,0)}focusFirstElement(){var t,o;const s='a[href],button:not([disabled]),textarea:not([disabled]),input:not([disabled]),select:not([disabled]),[tabindex]:not([tabindex="-1"])',d=Array.from(this.host.querySelectorAll(s));if(d.length>0)d[0].focus(),this.activeElementIndex=this.getFocusableElements().indexOf(d[0]);else{const d=Array.from(null!==(o=null===(t=this.host.shadowRoot)||void 0===t?void 0:t.querySelectorAll(s))&&void 0!==o?o:[]);d.length>0&&(d[0].focus(),this.activeElementIndex=0)}}onOpen(){this.focusFirstElement(),requestAnimationFrame((()=>{this.resetScrollPosition()}))}handleFocusTrap(t){if("Escape"===t.key&&this.isShown&&!this.prevent)return void this.handleClose(t);if(!this.isShown)return;if("Tab"!==t.key)return;const o=this.getFocusableElements();0!==o.length&&(t.preventDefault(),t.shiftKey&&(this.activeElementIndex-=1,-1===this.activeElementIndex&&(this.activeElementIndex=o.length-1)),t.shiftKey||(this.activeElementIndex+=1,this.activeElementIndex===o.length&&(this.activeElementIndex=0)),o[this.activeElementIndex].focus())}setDismissButtons(){this.host.querySelectorAll("[data-dismiss-modal]").forEach((t=>{t.addEventListener("click",this.handleClose)}))}render(){const t=e("header",this.host),o=e("actions",this.host),s=this.header||t;return a(i,{key:"df877eba4d1e541c39d46c9024845ea718868342",class:{show:this.isShown,hide:!this.isShown},onClick:t=>this.handleOverlayClick(t)},a("div",{key:"332e7a5bb7d4d9722e8cf30138f32530c7a9f47b",class:"tds-modal-backdrop"}),a("div",{key:"365c2aad4c91a8e1d7ca8296b1471baaa01fa57b",role:this.tdsAlertDialog,"aria-modal":"true","aria-describedby":this.bodyId,"aria-labelledby":s?this.headerId:void 0,class:`tds-modal tds-modal__actions-${this.actionsPosition} tds-modal-${this.size}`,tabindex:"-1"},a("div",{key:"b4f0c48ffe1892216764b74d49f6b92e4708c602",class:"header"},this.header&&a("h1",{key:"65c303322e90bcff28e0e073c9a68db992a57d44",id:this.headerId,class:"header-text"},this.header),t&&a("slot",{key:"1124086125abbf9fa6aec099077cced6be7429de",name:"header"}),this.closable&&a("button",{key:"7747db80e0fe2448ff73af60d46da6bb8f7439ce",class:"tds-modal-close","aria-label":"close",onClick:t=>this.handleClose(t)},a("tds-icon",{key:"bc780ffdf997fd08176b1b8836e59d901049ce9a",name:"cross",size:"20px"}))),a("div",{key:"f83853888b04f28cfcb27ace6313385f9902a32d",id:this.bodyId,class:"body"},a("slot",{key:"c1ee6c1e44e27818f4bded22ad642b855966e97e",name:"body"})),o&&a("slot",{key:"6561dfc52281bdb4e19e4d601e1d5954cb644067",name:"actions"})))}get host(){return this}static get watchers(){return{show:[{handleShowPropChange:0}]}}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}.tds-modal{box-sizing:border-box;box-shadow:var(--tds-modal-box-shadow);background-color:var(--tds-modal-background);margin:auto;position:relative;border-radius:var(--tds-modal-border-radius);max-height:85vh;overflow-y:auto;pointer-events:auto}.tds-modal *{box-sizing:border-box}.tds-modal:hover::-webkit-scrollbar-thumb{border:var(--tds-scrollbar-thumb-border-hover-width) solid transparent;border-radius:var(--tds-scrollbar-hover-thumb-border-radius);background-clip:padding-box}.tds-modal::-webkit-scrollbar{width:var(--tds-scrollbar-width)}.tds-modal::-webkit-scrollbar-track{background:var(--tds-scrollbar-track-color)}.tds-modal::-webkit-scrollbar-thumb{border-radius:var(--tds-scrollbar-thumb-border-radius);background:var(--tds-scrollbar-thumb-color);border:var(--tds-scrollbar-thumb-border-width) solid transparent;background-clip:padding-box}.tds-modal::-webkit-scrollbar-button{height:0;width:0}@supports not selector(::-webkit-scrollbar){.tds-modal{scrollbar-color:var(--tds-scrollbar-thumb-color) var(--tds-scrollbar-track-color);scrollbar-width:var(--tds-scrollbar-width-standard)}}.tds-modal__actions-sticky{overflow:hidden;display:flex;flex-direction:column}.tds-modal__actions-sticky .body{font-family:var(--body-01-font-family);font-size:var(--body-01-font-size);line-height:var(--body-01-line-height);font-weight:var(--body-01-font-weight);letter-spacing:var(--body-01-letter-spacing);text-transform:var(--body-01-text-transform);max-height:calc(85vh - 36px);overflow-y:auto}.tds-modal__actions-sticky slot[name=actions]{bottom:-1px;left:0;right:0;background-color:var(--tds-modal-background);padding:24px 16px 16px;display:flex;gap:16px}.tds-modal__actions-static slot[name=actions]{background-color:var(--tds-modal-background);display:flex;gap:16px;padding:24px 16px 16px}@media (min-width: 320px){.tds-modal-xs{width:100%}.tds-modal-sm{width:100%}.tds-modal-md{width:100%}.tds-modal-lg{width:100%}}@media (min-width: 672px){.tds-modal-xs{width:50%}.tds-modal-sm{width:62.5%}.tds-modal-md{width:75%}.tds-modal-lg{width:100%}}@media (min-width: 1056px){.tds-modal-xs{width:31.25%}.tds-modal-sm{width:43.75%}.tds-modal-md{width:62.5%}.tds-modal-lg{width:75%}}@media (min-width: 1312px){.tds-modal-xs{width:31.25%}.tds-modal-sm{width:37.5%}.tds-modal-md{width:62.5%}.tds-modal-lg{width:75%}}@media (min-width: 1584px){.tds-modal-xs{width:25%}.tds-modal-sm{width:37.5%}.tds-modal-md{width:50%}.tds-modal-lg{width:75%}}@media (max-width: 320px){.tds-modal-md,.tds-modal-lg,.tds-modal-sm{height:100%}.tds-modal-md slot[name=actions]::slotted(*),.tds-modal-lg slot[name=actions]::slotted(*),.tds-modal-sm slot[name=actions]::slotted(*){display:flex}}.header{display:flex;padding:16px;position:sticky;top:0;background-color:var(--tds-modal-background);z-index:1}.header .header-text{font-family:var(--headline-05-font-family);font-size:var(--headline-05-font-size);line-height:var(--headline-05-line-height);font-weight:var(--headline-05-font-weight);letter-spacing:var(--headline-05-letter-spacing);text-transform:var(--headline-05-text-transform);color:var(--tds-modal-text-color);margin:0;flex:1}.body{font-family:var(--body-01-font-family);font-size:var(--body-01-font-size);line-height:var(--body-01-line-height);font-weight:var(--body-01-font-weight);letter-spacing:var(--body-01-letter-spacing);text-transform:var(--body-01-text-transform);color:var(--tds-modal-body-text-color);overflow-y:visible;padding:0 16px 16px}.body:hover::-webkit-scrollbar-thumb{border:var(--tds-scrollbar-thumb-border-hover-width) solid transparent;border-radius:var(--tds-scrollbar-hover-thumb-border-radius);background-clip:padding-box}.body::-webkit-scrollbar{width:var(--tds-scrollbar-width)}.body::-webkit-scrollbar-track{background:var(--tds-scrollbar-track-color)}.body::-webkit-scrollbar-thumb{border-radius:var(--tds-scrollbar-thumb-border-radius);background:var(--tds-scrollbar-thumb-color);border:var(--tds-scrollbar-thumb-border-width) solid transparent;background-clip:padding-box}.body::-webkit-scrollbar-button{height:0;width:0}@supports not selector(::-webkit-scrollbar){.body{scrollbar-color:var(--tds-scrollbar-thumb-color) var(--tds-scrollbar-track-color);scrollbar-width:var(--tds-scrollbar-width-standard)}}.tds-modal-backdrop{box-sizing:border-box;position:fixed;inset:0;background-color:var(--tds-modal-backdrop-background);pointer-events:auto}.tds-modal-backdrop *{box-sizing:border-box}button.tds-modal-close{margin:0 0 auto auto;background-color:transparent;border:0;padding:0;appearance:unset}.tds-modal-close{display:inline-block;height:auto;color:var(--tds-modal-text-color);cursor:pointer}.tds-modal-close:focus{outline:2px solid var(--component--focus-ring-color-strong);box-shadow:0 0 0 1px var(--component--focus-ring-color-discrete);outline-offset:1px;z-index:1}@media (min-width: 320px){.tds-modal-close{margin-left:16px}}@media (min-width: 1056px){.tds-modal-close{margin-left:48px}}.tds-modal-close-btn{display:inline-block;height:auto;background-repeat:no-repeat;cursor:pointer}@media (min-width: 320px){.tds-modal-close-btn{margin-left:16px}}@media (min-width: 1056px){.tds-modal-close-btn{margin-left:48px}}.tds-modal-close-btn svg{fill:var(--tds-modal-icon-color)}.tds-modal-overflow{overflow:hidden}:host{box-sizing:border-box;position:fixed;inset:0;padding:0 16px;z-index:700;pointer-events:none}:host *{box-sizing:border-box}:host .tds-modal-close{border:none;background-color:transparent}:host .tds-modal-close-btn{border:none;background-color:transparent}@media (max-width: 320px){:host{padding:0}}:host.show{display:flex}:host.hide{display:none}:host(.show){display:flex}:host(.hide){display:none}"}},[257,"tds-modal",{header:[513],prevent:[516],size:[513],actionsPosition:[513,"actions-position"],selector:[513],referenceEl:[16],show:[516],closable:[516],tdsAlertDialog:[513,"tds-alert-dialog"],isShown:[32],activeElementIndex:[32],showModal:[64],closeModal:[64],isOpen:[64],initializeModal:[64],cleanupModal:[64]},[[10,"keydown","handleFocusTrap"]],{show:[{handleShowPropChange:0}]}]);function h(){"undefined"!=typeof customElements&&["tds-modal","tds-icon"].forEach((o=>{switch(o){case"tds-modal":customElements.get(t(o))||customElements.define(t(o),n);break;case"tds-icon":customElements.get(t(o))||l()}}))}h();const c=n,b=h;export{c as TdsModal,b as defineCustomElement}

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

@@ -1 +1 @@
-import{t,p as s,H as e,c as i,h as o,a as l}from"./index.js";import{d as a}from"./p-1OlFnMHE.js";const r=s(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.tdsChange=i(this,"tdsChange",7),this.modeVariant="primary",this.defaultSelectedIndex=0,this.leftPadding=32,this.tdsScrollLeftAriaLabel="Scroll left",this.tdsScrollRightAriaLabel="Scroll right",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=()=>{if("undefined"==typeof ResizeObserver)return;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.forEach(((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)};t.addEventListener("click",e),this.clickHandlers.set(t,e)}))},this.removeEventListenerFromTabs=()=>{this.tabElements.forEach((t=>{const s=this.clickHandlers.get(t);s&&(t.removeEventListener("click",s),this.clickHandlers.delete(t))}))}}async selectTab(t){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(){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.length>0&&(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:"51abe74f3232ae4a5d6c72b812e0aa635add4b14",role:"tablist",class:{["tds-mode-variant-"+this.modeVariant]:null!==this.modeVariant},style:{"--padding-left":this.leftPadding+"px"}},o("div",{key:"451ad11eef8ce9ce0995d28ea26dcb58bf9614c8",class:"wrapper",ref:t=>{this.navWrapperElement=t}},o("button",{key:"7a9e4b4843596a0ca08df81020cbbe1f74378709","aria-label":this.tdsScrollLeftAriaLabel,class:{"scroll-left-button":!0,show:this.showLeftScroll},onClick:()=>this.scrollLeft(),disabled:!this.showLeftScroll},o("tds-icon",{key:"b186b2aeeef040c89a250778b644b7f19b330629",name:"chevron_left",size:"20px"})),o("slot",{key:"fc4dbf7ab2742e9ff6c53ee744236263ba7b4545",onSlotchange:()=>this.handleSlotChange()}),o("button",{key:"8c6861920474f0159f3dee041fd4d6da60675e29","aria-label":this.tdsScrollRightAriaLabel,class:{"scroll-right-button":!0,show:this.showRightScroll},onClick:()=>this.scrollRight(),disabled:!this.showRightScroll},o("tds-icon",{key:"0d7e9b2ec1cf42ed65abf6d9db65a0b6e3be67a1",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-navigation-tabs-background);position:relative}:host *{box-sizing:border-box}:host::after{content:" ";display:block;border-bottom:1px solid var(--tds-navigation-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::before,:host .scroll-left-button:focus::before{content:"";position:absolute;inset:3px;outline:2px solid var(--component--focus-ring-color-strong);box-shadow:0 0 0 1px var(--component--focus-ring-color-discrete);outline-offset:1px;z-index:1}: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-navigation-tabs",{modeVariant:[513,"mode-variant"],defaultSelectedIndex:[514,"default-selected-index"],selectedIndex:[514,"selected-index"],leftPadding:[514,"left-padding"],tdsScrollLeftAriaLabel:[513,"tds-scroll-left-aria-label"],tdsScrollRightAriaLabel:[513,"tds-scroll-right-aria-label"],showLeftScroll:[32],showRightScroll:[32],selectTab:[64],reinitialize:[64]},void 0,{selectedIndex:[{handleSelectedIndexUpdate:0}]}]);function n(){"undefined"!=typeof customElements&&["tds-navigation-tabs","tds-icon"].forEach((s=>{switch(s){case"tds-navigation-tabs":customElements.get(t(s))||customElements.define(t(s),r);break;case"tds-icon":customElements.get(t(s))||a()}}))}n();const h=r,c=n;export{h as TdsNavigationTabs,c as defineCustomElement}
+import{t,p as s,H as e,c as i,h as o,a as l}from"./index.js";import{d as a}from"./p-sM3NNe8A.js";const r=s(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.tdsChange=i(this,"tdsChange",7),this.modeVariant="primary",this.defaultSelectedIndex=0,this.leftPadding=32,this.tdsScrollLeftAriaLabel="Scroll left",this.tdsScrollRightAriaLabel="Scroll right",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=()=>{if("undefined"==typeof ResizeObserver)return;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.forEach(((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)};t.addEventListener("click",e),this.clickHandlers.set(t,e)}))},this.removeEventListenerFromTabs=()=>{this.tabElements.forEach((t=>{const s=this.clickHandlers.get(t);s&&(t.removeEventListener("click",s),this.clickHandlers.delete(t))}))}}async selectTab(t){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(){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.length>0&&(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:"51abe74f3232ae4a5d6c72b812e0aa635add4b14",role:"tablist",class:{["tds-mode-variant-"+this.modeVariant]:null!==this.modeVariant},style:{"--padding-left":this.leftPadding+"px"}},o("div",{key:"451ad11eef8ce9ce0995d28ea26dcb58bf9614c8",class:"wrapper",ref:t=>{this.navWrapperElement=t}},o("button",{key:"7a9e4b4843596a0ca08df81020cbbe1f74378709","aria-label":this.tdsScrollLeftAriaLabel,class:{"scroll-left-button":!0,show:this.showLeftScroll},onClick:()=>this.scrollLeft(),disabled:!this.showLeftScroll},o("tds-icon",{key:"b186b2aeeef040c89a250778b644b7f19b330629",name:"chevron_left",size:"20px"})),o("slot",{key:"fc4dbf7ab2742e9ff6c53ee744236263ba7b4545",onSlotchange:()=>this.handleSlotChange()}),o("button",{key:"8c6861920474f0159f3dee041fd4d6da60675e29","aria-label":this.tdsScrollRightAriaLabel,class:{"scroll-right-button":!0,show:this.showRightScroll},onClick:()=>this.scrollRight(),disabled:!this.showRightScroll},o("tds-icon",{key:"0d7e9b2ec1cf42ed65abf6d9db65a0b6e3be67a1",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-navigation-tabs-background);position:relative}:host *{box-sizing:border-box}:host::after{content:" ";display:block;border-bottom:1px solid var(--tds-navigation-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::before,:host .scroll-left-button:focus::before{content:"";position:absolute;inset:3px;outline:2px solid var(--component--focus-ring-color-strong);box-shadow:0 0 0 1px var(--component--focus-ring-color-discrete);outline-offset:1px;z-index:1}: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-navigation-tabs",{modeVariant:[513,"mode-variant"],defaultSelectedIndex:[514,"default-selected-index"],selectedIndex:[514,"selected-index"],leftPadding:[514,"left-padding"],tdsScrollLeftAriaLabel:[513,"tds-scroll-left-aria-label"],tdsScrollRightAriaLabel:[513,"tds-scroll-right-aria-label"],showLeftScroll:[32],showRightScroll:[32],selectTab:[64],reinitialize:[64]},void 0,{selectedIndex:[{handleSelectedIndexUpdate:0}]}]);function n(){"undefined"!=typeof customElements&&["tds-navigation-tabs","tds-icon"].forEach((s=>{switch(s){case"tds-navigation-tabs":customElements.get(t(s))||customElements.define(t(s),r);break;case"tds-icon":customElements.get(t(s))||a()}}))}n();const h=r,c=n;export{h as TdsNavigationTabs,c as defineCustomElement}

package/dist/components/tds-popover-canvas.js

@@ -1 +1 @@
-import{T as o,d as s}from"./p-B1QdNOPI.js";const p=o,r=s;export{p as TdsPopoverCanvas,r as defineCustomElement}
+import{T as o,d as s}from"./p-Dh37wWqw.js";const p=o,r=s;export{p as TdsPopoverCanvas,r as defineCustomElement}

package/dist/components/tds-popover-core.js

@@ -1 +1 @@
-import{T as o,d as s}from"./p-CJtN1EIg.js";const t=o,p=s;export{t as TdsPopoverCore,p as defineCustomElement}
+import{T as o,d as s}from"./p-BMv0SLL4.js";const p=o,r=s;export{p as TdsPopoverCore,r as defineCustomElement}