@scania/tegel 1.59.0-header-beta.2 → 1.59.1

package/dist/components/p-Bej31lsj.js

@@ -0,0 +1 @@
+import{t as e,p as t,H as s,h as r,a}from"./index.js";const o=t(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return r(a,{key:"7d276a5315a38c87d28b5e5ba1f16bcd7c74c0db"},r("div",{key:"44c9ee22549fa323794f0607e7746f395d5f8348",class:"item"},r("slot",{key:"0ec7c2d329877968187fa63153eee2668fa2d057"})))}static get style(){return":host{font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);color:var(--tds-header-nav-item-color)}:host .item{all:unset;box-sizing:border-box;display:flex;justify-content:center;align-items:center;min-width:var(--tds-header-height);height:var(--tds-header-height);margin:0}:host .item *{box-sizing:border-box}:host slot{white-space:nowrap}:host ::slotted(svg){font-size:20px}"}},[257,"tds-core-header-item"]);function d(){"undefined"!=typeof customElements&&["tds-core-header-item"].forEach((t=>{"tds-core-header-item"===t&&(customElements.get(e(t))||customElements.define(e(t),o))}))}d();export{o as T,d}

package/dist/components/p-Bu0KDS61.js

@@ -0,0 +1 @@
+import{t,p as e,H as o,h as s,a as d}from"./index.js";import{d as r}from"./p-CLF3diNe.js";import{d as i}from"./p-Bej31lsj.js";const n=e(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.active=!1,this.selected=!1}updateSlotted(t,e){var o;const s=null===(o=this.slotEl)||void 0===o?void 0:o.assignedElements({flatten:!0});if(!(null==s?void 0:s.length))return;const d=s[0];if(d){const o=r(d,t);o&&e(o)}}updateSlottedElements(){this.slotEl&&(this.updateSlotted((t=>"tds-icon"===t.tagName.toLowerCase()||"svg"===t.tagName.toLowerCase()),(t=>t.classList.add("__tds-header-item-icon"))),this.updateSlotted((t=>"img"===t.tagName.toLowerCase()),(t=>t.classList.add("__tds-header-item-image"))))}updateOrder(){this.host.style.order="end"===this.host.getAttribute("order")?"1":"0"}componentDidLoad(){var t,e;this.slotEl=null===(t=this.host.shadowRoot)||void 0===t?void 0:t.querySelector("slot"),this.updateSlottedElements(),null===(e=this.slotEl)||void 0===e||e.addEventListener("slotchange",this.updateSlottedElements),this.updateOrder(),this.mutationObserver=new MutationObserver((t=>{t.forEach((t=>{"attributes"===t.type&&"order"===t.attributeName&&this.updateOrder()}))})),this.mutationObserver.observe(this.host,{attributes:!0,attributeFilter:["order"]})}disconnectedCallback(){this.mutationObserver&&this.mutationObserver.disconnect()}render(){return s(d,{key:"72263f1d62c9fcbbd243259ff2e74271886d27f3"},s("tds-core-header-item",{key:"d80b949b58f5d876b64b8bb2338cf4ebcf733a94",class:{"component-active":this.active,"component-selected":this.selected}},s("slot",{key:"bd98965490e993ea08fa0fc2ceebe5539889ef34"})))}get host(){return this}static get style(){return":host ::slotted(button),:host ::slotted(a){all:unset;box-sizing:border-box;background-color:var(--tds-header-background);border-right:1px solid var(--tds-header--basic-element-border);width:100%;height:100%;cursor:pointer;padding:0 24px;display:flex;align-items:center;gap:8px}:host ::slotted(button) *,:host ::slotted(a) *{box-sizing:border-box}:host ::slotted(button:hover),:host ::slotted(a:hover){background-color:var(--tds-header-item-hover);box-shadow:inset 0 -2px 0 0 var(--tds-header-item-border-hover)}:host ::slotted(button:active),:host ::slotted(a:active){background-color:var(--tds-header-item-active);box-shadow:inset 0 -2px 0 0 var(--tds-header-item-border-active)}:host ::slotted(button:focus-visible),:host ::slotted(a:focus-visible){border:none;margin-right:1px;outline:2px solid var(--component--focus-ring-color-strong);box-shadow:inset 0 0 0 3px var(--component--focus-ring-color-discrete);outline-offset:-2px}:host .component-active ::slotted(button),:host .component-active ::slotted(a){background-color:var(--tds-header--basic-element-background-open);color:var(--tds-header-nav-item-dropdown-opened-color);border-color:var(--tds-header--basic-element-border-open)}:host .component-selected:not(.component-active) ::slotted(button),:host .component-selected:not(.component-active) ::slotted(a){box-shadow:inset 0 -4px 0 0 var(--tds-header-item-border-hover)}:host .component-selected:not(.component-active) ::slotted(button:focus-visible),:host .component-selected:not(.component-active) ::slotted(a:focus-visible){box-shadow:inset 0 0 0 3px var(--tds-white)}"}},[257,"tds-header-item",{active:[516],selected:[516]}]);function a(){"undefined"!=typeof customElements&&["tds-header-item","tds-core-header-item"].forEach((e=>{switch(e){case"tds-header-item":customElements.get(t(e))||customElements.define(t(e),n);break;case"tds-core-header-item":customElements.get(t(e))||i()}}))}a();export{n as T,a as d}

package/dist/components/{p-CvBZ4LPm.js → p-CZG3gym6.js}

@@ -1 +1 @@
-import{t as e,p as t,H as s,h as a,a as c}from"./index.js";import{i}from"./p-Q3W78DlP.js";import{d as r}from"./p-xKmK9r-_.js";import{d as o}from"./p-CnF9ccDW.js";import{d}from"./p-sM3NNe8A.js";const n=t(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.active=!1}render(){this.ariaAttributes=Object.assign(Object.assign({},this.ariaAttributes),i(this.host));const e=Object.assign({},this.ariaAttributes);return a(c,{key:"c5ccce94f4e20551f6a9e81c7bef89435252216e"},a("tds-header-item",{key:"f8e47ffaff504eb8544ffe3b995006fcdc66b4c5",active:this.active},a("button",Object.assign({key:"74dff07caf204bffd577f13641ca01c1d52a3d7a"},e,{"aria-label":this.tdsAriaLabel}),a("tds-icon",{key:"27461f8d04863c17c1cc78d450b5f2edd01446ca",class:"icon",name:"bento",size:"20px","svg-title":this.tdsAriaLabel}))))}get host(){return this}static get style(){return":host{display:block}:host tds-header-item{display:block}:host .icon{position:relative;margin-left:-6px;left:3px;transition:all 0.2s ease-in-out}"}},[1,"tds-header-launcher-button",{active:[516],tdsAriaLabel:[513,"tds-aria-label"]}]);function m(){"undefined"!=typeof customElements&&["tds-header-launcher-button","tds-core-header-item","tds-header-item","tds-icon"].forEach((t=>{switch(t){case"tds-header-launcher-button":customElements.get(e(t))||customElements.define(e(t),n);break;case"tds-core-header-item":customElements.get(e(t))||r();break;case"tds-header-item":customElements.get(e(t))||o();break;case"tds-icon":customElements.get(e(t))||d()}}))}m();export{n as T,m as d}
+import{t as e,p as t,H as s,h as a,a as c}from"./index.js";import{i}from"./p-Q3W78DlP.js";import{d as o}from"./p-Bej31lsj.js";import{d as r}from"./p-Bu0KDS61.js";import{d}from"./p-sM3NNe8A.js";const n=t(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.active=!1}render(){this.ariaAttributes=Object.assign(Object.assign({},this.ariaAttributes),i(this.host));const e=Object.assign({},this.ariaAttributes);return a(c,{key:"c5ccce94f4e20551f6a9e81c7bef89435252216e"},a("tds-header-item",{key:"f8e47ffaff504eb8544ffe3b995006fcdc66b4c5",active:this.active},a("button",Object.assign({key:"74dff07caf204bffd577f13641ca01c1d52a3d7a"},e,{"aria-label":this.tdsAriaLabel}),a("tds-icon",{key:"27461f8d04863c17c1cc78d450b5f2edd01446ca",class:"icon",name:"bento",size:"20px","svg-title":this.tdsAriaLabel}))))}get host(){return this}static get style(){return":host{display:block}:host tds-header-item{display:block}:host .icon{position:relative;margin-left:-6px;left:3px;transition:all 0.2s ease-in-out}"}},[1,"tds-header-launcher-button",{active:[516],tdsAriaLabel:[513,"tds-aria-label"]}]);function m(){"undefined"!=typeof customElements&&["tds-header-launcher-button","tds-core-header-item","tds-header-item","tds-icon"].forEach((t=>{switch(t){case"tds-header-launcher-button":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();break;case"tds-icon":customElements.get(e(t))||d()}}))}m();export{n as T,m as d}

package/dist/components/{p-CRDj62sp.js → p-CoSD7yUV.js}

@@ -1 +1 @@
-import{t,p as s,H as e,h as o,a as i}from"./index.js";import{g as d,i as n}from"./p-CuIyaNyT.js";const l=s(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.slotListeners=new Map,this.size="md"}componentWillLoad(){var t,s;const{children:e}=this.host;for(let t=0;t<e.length;t++){const s=e[t];"size"in s&&(s.size=this.size)}let o=this.host;"tds-header-launcher-list"===(null===(s=null===(t=this.host)||void 0===t?void 0:t.parentElement)||void 0===s?void 0:s.tagName.toLowerCase())&&(o=this.host.parentElement);const i=d(o,n);i?this.headingElement=i:console.warn("Heading element for list not found")}componentDidLoad(){var t;null===(t=this.host.shadowRoot)||void 0===t||t.querySelectorAll("slot").forEach((t=>{const s=t=>{this.processAssignedElements(t.target)};t.addEventListener("slotchange",s),s({target:t}),this.slotListeners.set(t,s)}))}processAssignedElements(t){t.assignedElements().forEach((t=>{"li"!==t.tagName.toLowerCase()&&"slot"!==t.tagName.toLowerCase()&&"listitem"!==t.getAttribute("role")&&t.setAttribute("role","listitem"),"slot"===t.tagName.toLowerCase()&&this.processAssignedElements(t)}))}disconnectedCallback(){this.slotListeners.forEach(((t,s)=>{s.removeEventListener("slotchange",t),this.slotListeners.delete(s)}))}render(){var t;const s={role:"list","aria-labelledby":null===(t=this.headingElement)||void 0===t?void 0:t.id};return o(i,Object.assign({key:"e21067b3bfad5ad96a7b582e0c0fd04c412674f8"},s),o("slot",{key:"7524f7fac3435331c3a8b828958370395e5079de"}))}get host(){return this}static get style(){return":host{display:block;width:190px;padding:0;margin:0;list-style:none;border-radius:unset;background-color:var(--tds-header-dropdown-background)}@media all and (max-width: 384px){:host{width:100vw}}:host([size=lg]){width:320px}"}},[257,"tds-header-dropdown-list",{size:[513],headingElement:[32]}]);function a(){"undefined"!=typeof customElements&&["tds-header-dropdown-list"].forEach((s=>{"tds-header-dropdown-list"===s&&(customElements.get(t(s))||customElements.define(t(s),l))}))}a();export{l as T,a as d}
+import{t,p as s,H as e,h as i,a as o}from"./index.js";import{g as d,i as n}from"./p-CuIyaNyT.js";const l=s(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.slotListeners=new Map,this.size="md"}componentWillLoad(){var t,s;const{children:e}=this.host;for(let t=0;t<e.length;t++){const s=e[t];"size"in s&&(s.size=this.size)}let i=this.host;"tds-header-launcher-list"===(null===(s=null===(t=this.host)||void 0===t?void 0:t.parentElement)||void 0===s?void 0:s.tagName.toLowerCase())&&(i=this.host.parentElement);const o=d(i,n);o?this.headingElement=o:console.warn("Heading element for list not found")}componentDidLoad(){var t;null===(t=this.host.shadowRoot)||void 0===t||t.querySelectorAll("slot").forEach((t=>{const s=t=>{this.processAssignedElements(t.target)};t.addEventListener("slotchange",s),s({target:t}),this.slotListeners.set(t,s)}))}processAssignedElements(t){t.assignedElements().forEach((t=>{"li"!==t.tagName.toLowerCase()&&"slot"!==t.tagName.toLowerCase()&&"listitem"!==t.getAttribute("role")&&t.setAttribute("role","listitem"),"slot"===t.tagName.toLowerCase()&&this.processAssignedElements(t)}))}disconnectedCallback(){this.slotListeners.forEach(((t,s)=>{s.removeEventListener("slotchange",t),this.slotListeners.delete(s)}))}render(){var t;const s={role:"list","aria-labelledby":null===(t=this.headingElement)||void 0===t?void 0:t.id};return i(o,Object.assign({key:"e21067b3bfad5ad96a7b582e0c0fd04c412674f8"},s),i("slot",{key:"7524f7fac3435331c3a8b828958370395e5079de"}))}get host(){return this}static get style(){return":host{display:block;width:190px;padding:0;margin:0;list-style:none;border-radius:unset;background-color:var(--tds-header-app-launcher-menu-bg)}@media all and (max-width: 384px){:host{width:100vw}}:host([size=lg]){width:320px}"}},[257,"tds-header-dropdown-list",{size:[513],headingElement:[32]}]);function a(){"undefined"!=typeof customElements&&["tds-header-dropdown-list"].forEach((s=>{"tds-header-dropdown-list"===s&&(customElements.get(t(s))||customElements.define(t(s),l))}))}a();export{l as T,a as d}

package/dist/components/p-DbqIEzt-.js

@@ -0,0 +1 @@
+import{t,p as e,H as o,h as s,a as d}from"./index.js";const r=e(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.selected=!1,this.size="md"}render(){return s(d,{key:"19790b4fe30796b09334fd1c6e81412b56e87e10"},s("div",{key:"0d7c4728b5e80244fc8cd4047f8f27cea6317348",class:{component:!0,"component-selected":this.selected}},s("slot",{key:"d62bc8b39511d3315267b8b624ac22329a4cb10b"})))}get host(){return this}static get style(){return":host{display:block;box-sizing:border-box;height:var(--tds-header-list-item-md-height);width:100%}:host .component{height:100%}:host .component ::slotted(a),:host .component ::slotted(button){all:unset;box-sizing:border-box;border:none;display:flex;align-items:center;height:100%;padding:0 24px;width:100%;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);background-color:var(--tds-nav-dropdown-item-background);color:var(--tds-header-nav-item-dropdown-opened-color)}:host .component ::slotted(a:hover){background-color:var(--tds-nav-item-background-hover);cursor:pointer}:host .component ::slotted(a:focus-visible){outline:2px solid var(--component--focus-ring-color-strong);box-shadow:inset 0 0 0 3px var(--component--focus-ring-color-discrete);outline-offset:-2px}:host .component-selected{background-color:var(--tds-nav-item-background-selected);padding-right:4px;border-left-width:4px;border-left-style:solid;border-left-color:var(--tds-nav-item-border-color-active)}:host .component-selected ::slotted(a),:host .component-selected ::slotted(button){background-color:var(--tds-nav-item-background-selected)}:host .component-selected:focus-within{border-left:none}:host(:not(:last-child)){border-bottom:1px solid var(--tds-nav-dropdown-item-border-color)}:host([size=lg]){height:var(--tds-header-height)}:host([size=lg]) ::slotted(a),:host([size=lg]) ::slotted(button){padding:0 16px;color:var(--tds-header-app-launcher-item-color)}"}},[257,"tds-header-dropdown-list-item",{selected:[516],size:[513]}]);function n(){"undefined"!=typeof customElements&&["tds-header-dropdown-list-item"].forEach((e=>{"tds-header-dropdown-list-item"===e&&(customElements.get(t(e))||customElements.define(t(e),r))}))}n();export{r as T,n as d}

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

@@ -1 +1 @@
-import{T as o,d as r}from"./p-xKmK9r-_.js";const s=o,m=r;export{s as TdsCoreHeaderItem,m as defineCustomElement}
+import{T as s,d as o}from"./p-Bej31lsj.js";const j=s,p=o;export{j as TdsCoreHeaderItem,p as defineCustomElement}

package/dist/components/tds-datetime.js

@@ -1 +1 @@
-import{t,p as e,H as d,c as i,h as s}from"./index.js";import{g as a}from"./p-Cn4f8w1e.js";import{d as m}from"./p-sM3NNe8A.js";const o=e(class extends d{constructor(t){super(),!1!==t&&this.__registerHost(),this.tdsChange=i(this,"tdsChange",6),this.tdsBlur=i(this,"tdsBlur",6),this.tdsFocus=i(this,"tdsFocus",6),this.tdsInput=i(this,"tdsInput",6),this.shouldValidate=!1,this.type="datetime-local",this.value="",this.defaultValue="none",this.disabled=!1,this.size="lg",this.noMinWidth=!1,this.modeVariant=null,this.name="datetime-"+a(),this.autofocus=!1,this.label="",this.labelPosition="no-label",this.helper="",this.helperErrorInvalid="Invalid input",this.focusInput=!1,this.nativeValidation=()=>!(this.min&&this.textInput.validity.rangeUnderflow||this.max&&this.textInput.validity.rangeOverflow||this.textInput.validity.badInput),this.getDefaultValue=()=>{const t=this.defaultValue.slice(0,4),e=this.defaultValue.slice(5,7),d=this.defaultValue.slice(6,8),i=this.defaultValue.slice(8,10),s=this.defaultValue.slice(11,13),a=this.defaultValue.slice(14,16);switch(this.type){case"datetime-local":return`${t}-${e}-${i}T${s}:${a}`;case"date":return`${t}-${e}-${i}`;case"month":return`${t}-${e}`;case"week":return`${t}-W${d}`;case"time":return`${this.defaultValue.slice(0,2)}:${this.defaultValue.slice(3,5)}`;default:throw Error("Invalid type.")}}}async reset(){this.internalReset(),this.tdsChange.emit({name:this.name,value:this.value})}async setValue(t){this.value=t}async focusElement(){this.textInput&&(this.textInput.focus(),this.focusInput=!0)}componentWillLoad(){"none"!==this.defaultValue&&(this.value=this.getDefaultValue())}componentDidRender(){this.shouldValidate&&(this.shouldValidate=!1,this.validateDate())}handleFocusIn(){this.focusInput=!0}handleFocusOut(){this.validateDate(),this.focusInput=!1}onValueChanged(){this.shouldValidate=!0}validateDate(){this.state="none",!this.nativeValidation()||this.customValidator&&!this.customValidator(this.textInput.value)?this.state="error":this.textInput.value&&(this.state="success")}handleInput(t){this.value=t.target.value,this.tdsInput.emit(t)}handleChange(t){this.tdsChange.emit(t)}handleFocusClick(t){this.textInput.focus(),this.tdsFocus.emit(t)}handleBlur(t){this.textInput.blur(),this.tdsBlur.emit(t)}internalReset(){"none"!==this.defaultValue&&(this.value=this.getDefaultValue()),this.value=""}render(){var t,e;const d=navigator.userAgent.toLowerCase().includes("iphone");let i=" tds-datetime-input";return"md"===this.size&&(i+=i+"-md"),"sm"===this.size&&(i+=i+"-sm"),d&&(i+=" iphone"),s("div",{key:"1fe92a5dbbfe9b3fda2e46bb32aba4cf3da09289",class:{"tds-form-datetime-nomin":this.noMinWidth,"tds-form-datetime":!0,"tds-datetime-focus":this.focusInput,"tds-datetime-data":this.value.length>0,"tds-form-datetime-disabled":this.disabled,["tds-form-datetime-"+this.size]:["md","sm"].includes(this.size),["tds-form-datetime-"+this.state]:["error","success"].includes(""+this.state),["tds-mode-variant-"+this.modeVariant]:null!==this.modeVariant,"tds-datetime-container-label-inside":!(!this.label||"inside"!==this.labelPosition||"sm"===this.size)},onKeyDown:t=>{"Enter"===t.key&&navigator.userAgent.toLowerCase().includes("chrome")&&this.textInput.showPicker()}},"outside"===this.labelPosition&&this.label&&s("label",{key:"f4568c4ff6e65ade6f1c13f4c2fad5a1f8b221ce",htmlFor:this.name,class:"tds-datetime-label"},this.label),s("div",{key:"cef53128e5d9f410d6ad8056dab6eb1d3c55b3e6",onClick:t=>this.handleFocusClick(t),class:"tds-datetime-container"},s("div",{key:"dbec36690999a9a6f48dacc9874fc261fd73186a",class:"tds-datetime-input-container type-"+this.type},s("input",{key:"a13f35f30d58e28b261ff6d4a900ce2861bb4b54",ref:t=>{t&&(this.textInput=t)},class:i,type:this.type,disabled:this.disabled,value:this.value,min:this.min,max:this.max,autofocus:this.autofocus,name:this.name,id:this.name,onInput:t=>this.handleInput(t),onBlur:t=>this.handleBlur(t),onChange:t=>this.handleChange(t),"aria-label":this.tdsAriaLabel?this.tdsAriaLabel:this.label}),"inside"===this.labelPosition&&"sm"!==this.size&&this.label&&s("label",{key:"dd82b87e1109d860e4871f63b4960af6f7cfc8fd",class:"tds-datetime-label-inside",htmlFor:this.name},this.label),s("div",{key:"e34840f87a37fdd965012fb07a55c02118e14824",class:"datetime-icon icon-datetime-local"},s("tds-icon",{key:"d0c61e858c7f34649b89f03b9b1101f6ea70d64d",size:"20px",name:"calendar",svgTitle:"Calendar"})),s("div",{key:"4f2d2a4894d983b901d2c85010349216161d0973",class:"datetime-icon icon-time"},s("tds-icon",{key:"1366b61923123a3b8d5a0f84659a5f916e098c09",size:"20px",name:"clock",svgTitle:"Clock"})))),"error"===this.state&&s("div",{key:"2eb75040a8f51f21af473bbf744b009ae7ea2ec1",class:"tds-datetime-helper"},!(null===(e=null===(t=this.textInput)||void 0===t?void 0:t.validity)||void 0===e?void 0:e.badInput)&&s("div",{key:"686a496cdd605653da83691a5707b1a99ae08da2",class:"tds-helper"},s("tds-icon",{key:"be2b7c68454320e4431847fc2b66cfb1759c53aa",name:"error",size:"16px",svgTitle:"error"})," ",this.helperError),this.textInput&&this.textInput.validity.badInput&&s("div",{key:"d365380116182623148ed62e928a82d5555d10ad",class:"tds-helper"},s("tds-icon",{key:"3eb73cb9b53d4351826c18fec554f2c60079e2c8",name:"error",size:"16px",svgTitle:"error"})," ",this.helperErrorInvalid)),this.helper&&"error"!==this.state&&s("div",{key:"f6e98f87f5abe8e1865fa1804fd887660889cb74",class:"tds-datetime-helper"},s("div",{key:"a8b0a189f0c4a8fb6f409d38963d4930be0e5565",class:"tds-helper"},this.helper)))}static get watchers(){return{value:[{onValueChanged:0}]}}static get style(){return"@supports selector(input::-webkit-datetime-edit){.tds-datetime-input.sc-tds-datetime:not(:focus)::-webkit-datetime-edit,.tds-datetime-input-md.sc-tds-datetime:not(:focus)::-webkit-datetime-edit,.tds-datetime-input-sm.sc-tds-datetime:not(:focus)::-webkit-datetime-edit{color:var(--tds-datetime-placeholder-color)}}.tds-datetime-input[type=datetime-local].sc-tds-datetime~.icon-time.sc-tds-datetime,.tds-datetime-input-md[type=datetime-local].sc-tds-datetime~.icon-time.sc-tds-datetime,.tds-datetime-input-sm[type=datetime-local].sc-tds-datetime~.icon-time.sc-tds-datetime{display:none}.tds-datetime-input[type=date].sc-tds-datetime~.icon-time.sc-tds-datetime,.tds-datetime-input-md[type=date].sc-tds-datetime~.icon-time.sc-tds-datetime,.tds-datetime-input-sm[type=date].sc-tds-datetime~.icon-time.sc-tds-datetime{display:none}.tds-datetime-input[type=month].sc-tds-datetime~.icon-time.sc-tds-datetime,.tds-datetime-input-md[type=month].sc-tds-datetime~.icon-time.sc-tds-datetime,.tds-datetime-input-sm[type=month].sc-tds-datetime~.icon-time.sc-tds-datetime{display:none}.tds-datetime-input[type=week].sc-tds-datetime~.icon-time.sc-tds-datetime,.tds-datetime-input-md[type=week].sc-tds-datetime~.icon-time.sc-tds-datetime,.tds-datetime-input-sm[type=week].sc-tds-datetime~.icon-time.sc-tds-datetime{display:none}.tds-datetime-input[type=time].sc-tds-datetime~.icon-datetime-local.sc-tds-datetime,.tds-datetime-input-md[type=time].sc-tds-datetime~.icon-datetime-local.sc-tds-datetime,.tds-datetime-input-sm[type=time].sc-tds-datetime~.icon-datetime-local.sc-tds-datetime{display:none}.tds-datetime-input.sc-tds-datetime{box-sizing:border-box;border-radius:4px 4px 0 0;width:100%;box-sizing:border-box;margin:0;border:none;outline:none;height:100%;color:var(--tds-datetime-color);background-color:var(--tds-datetime-background);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);padding:var(--tds-spacing-element-20) var(--tds-spacing-element-16)}.tds-datetime-input.sc-tds-datetime *.sc-tds-datetime{box-sizing:border-box}.tds-datetime-input.sc-tds-datetime:disabled{background-color:var(--tds-datetime-background-disabled);color:var(--tds-datetime-color-disabled);cursor:not-allowed}.tds-datetime-input.sc-tds-datetime:disabled~.tds-datetime-label-inside.sc-tds-datetime{color:var(--tds-datetime-label-disabled)}.tds-datetime-input.iphone.sc-tds-datetime{padding:0}.tds-datetime-input-md.sc-tds-datetime,.tds-datetime-input-sm.sc-tds-datetime{box-sizing:border-box;border-radius:4px 4px 0 0;width:100%;box-sizing:border-box;margin:0;border:none;outline:none;height:100%;color:var(--tds-datetime-color);background-color:var(--tds-datetime-background);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);padding:var(--tds-spacing-element-16)}.tds-datetime-input-md.sc-tds-datetime *.sc-tds-datetime,.tds-datetime-input-sm.sc-tds-datetime *.sc-tds-datetime{box-sizing:border-box}.tds-datetime-input-md.sc-tds-datetime:disabled,.tds-datetime-input-sm.sc-tds-datetime:disabled{background-color:var(--tds-datetime-background-disabled);color:var(--tds-datetime-color-disabled);cursor:not-allowed}.tds-datetime-input-md.sc-tds-datetime:disabled~.tds-datetime-label-inside.sc-tds-datetime,.tds-datetime-input-sm.sc-tds-datetime:disabled~.tds-datetime-label-inside.sc-tds-datetime{color:var(--tds-datetime-label-disabled)}.tds-datetime-input-md.iphone.sc-tds-datetime,.tds-datetime-input-sm.iphone.sc-tds-datetime{padding:0}.tds-datetime-container.sc-tds-datetime{border-radius:4px 4px 0 0;display:flex;position:relative;height:56px;box-sizing:border-box;background-color:var(--tds-datetime-background);border-bottom:1px solid var(--tds-datetime-border-bottom);transition:border-bottom-color 200ms ease}.tds-datetime-container.sc-tds-datetime:hover{border-bottom-color:var(--tds-datetime-border-bottom-hover)}.tds-form-datetime-md.sc-tds-datetime .tds-datetime-container.sc-tds-datetime{height:48px}.tds-form-datetime-sm.sc-tds-datetime .tds-datetime-container.sc-tds-datetime{height:40px}.tds-datetime-input-container.sc-tds-datetime{position:relative;width:100%}.tds-datetime-input-container.sc-tds-datetime .datetime-icon.sc-tds-datetime{height:20px;width:20px;position:absolute;top:50%;transform:translateY(-50%);right:18px;pointer-events:none;color:var(--tds-datetime-icon)}.tds-datetime-label.sc-tds-datetime{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);display:block;margin-bottom:var(--tds-spacing-element-8);color:var(--tds-datetime-label-color)}.tds-datetime-label-inside.sc-tds-datetime{font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);position:absolute;pointer-events:none;color:var(--tds-datetime-label-inside-color);left:16px}.tds-form-datetime.sc-tds-datetime{display:block;min-width:208px;background:unset}.tds-form-datetime-nomin.sc-tds-datetime{min-width:auto}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input.sc-tds-datetime{padding-top:var(--tds-spacing-element-24);padding-bottom:15px}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input.sc-tds-datetime~.tds-datetime-label-inside.sc-tds-datetime{top:20px}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input.iphone.sc-tds-datetime{padding:0}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input-md.sc-tds-datetime,.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input-sm.sc-tds-datetime{padding-top:var(--tds-spacing-element-20);padding-bottom:11px}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input-md.sc-tds-datetime~.tds-datetime-label-inside.sc-tds-datetime,.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input-sm.sc-tds-datetime~.tds-datetime-label-inside.sc-tds-datetime{top:16px}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input-md.iphone.sc-tds-datetime,.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input-sm.iphone.sc-tds-datetime{padding:0}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input-sm.sc-tds-datetime~.tds-datetime-label-inside.sc-tds-datetime,.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input-md.sc-tds-datetime~.tds-datetime-label-inside.sc-tds-datetime{font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);transition:0.1s ease all;top:8px}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input.sc-tds-datetime~.tds-datetime-label-inside.sc-tds-datetime{font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);transition:0.1s ease all;top:12px}.tds-datetime-focus.sc-tds-datetime .tds-datetime-input.sc-tds-datetime,.tds-datetime-focus.sc-tds-datetime .tds-datetime-input-md.sc-tds-datetime,.tds-datetime-focus.sc-tds-datetime .tds-datetime-input-sm.sc-tds-datetime{border-radius:0;outline:2px solid var(--component--focus-ring-color-strong);box-shadow:inset 0 0 0 3px var(--component--focus-ring-color-discrete);outline-offset:-2px;z-index:1}.tds-datetime-focus.sc-tds-datetime .tds-datetime-container.sc-tds-datetime{border-bottom:none}.tds-datetime-helper.sc-tds-datetime{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);display:block;flex-basis:100%;padding:var(--tds-spacing-element-4) 0;color:var(--tds-datetime-helper)}.tds-datetime-helper.sc-tds-datetime .tds-helper.sc-tds-datetime{display:inline-flex;gap:8px}.tds-form-datetime-disabled.sc-tds-datetime .tds-datetime-container.sc-tds-datetime{border-bottom-color:transparent}.tds-form-datetime-disabled.sc-tds-datetime .datetime-icon.sc-tds-datetime tds-icon.sc-tds-datetime{color:var(--tds-datetime-icon-disabled)}.tds-form-datetime-disabled.sc-tds-datetime .tds-datetime-label.sc-tds-datetime{color:var(--tds-datetime-label-disabled);cursor:not-allowed}.tds-form-datetime-disabled.sc-tds-datetime .tds-datetime-helper.sc-tds-datetime{color:var(--tds-datetime-helper-disabled)}.tds-form-datetime-success.sc-tds-datetime .tds-datetime-container.sc-tds-datetime{border-bottom-color:var(--tds-datetime-border-bottom-success);color:var(--tds-datetime-color-success)}.tds-form-datetime-error.sc-tds-datetime .tds-datetime-helper.sc-tds-datetime{color:var(--tds-datetime-helper-error)}.tds-form-datetime-error.sc-tds-datetime .tds-datetime-helper.sc-tds-datetime .tds-helper.sc-tds-datetime{display:flex;gap:var(--tds-spacing-element-8);flex-wrap:nowrap}.tds-form-datetime-error.sc-tds-datetime .tds-datetime-container.sc-tds-datetime{border-bottom-color:var(--tds-datetime-border-bottom-error)}.tds-datetime-textcounter.sc-tds-datetime{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);color:var(--tds-datetime-textcounter);float:right}.tds-datetime-textcounter.sc-tds-datetime .tds-datetime-textcounter-divider.sc-tds-datetime{letter-spacing:var(--tds-detail-05-ls);color:var(--tds-datetime-textcounter-divider)}input[type=datetime-local].sc-tds-datetime::-webkit-inner-spin-button,input[type=datetime-local].sc-tds-datetime::-webkit-calendar-picker-indicator{opacity:0}input[type=date].sc-tds-datetime::-webkit-inner-spin-button,input[type=date].sc-tds-datetime::-webkit-calendar-picker-indicator{opacity:0}input[type=month].sc-tds-datetime::-webkit-inner-spin-button,input[type=month].sc-tds-datetime::-webkit-calendar-picker-indicator{opacity:0}input[type=week].sc-tds-datetime::-webkit-inner-spin-button,input[type=week].sc-tds-datetime::-webkit-calendar-picker-indicator{opacity:0}input[type=time].sc-tds-datetime::-webkit-inner-spin-button,input[type=time].sc-tds-datetime::-webkit-calendar-picker-indicator{opacity:0}@supports (-moz-appearance: none){.type-datetime-local.sc-tds-datetime .icon-datetime-local.sc-tds-datetime,.type-date.sc-tds-datetime .icon-datetime-local.sc-tds-datetime{display:none}}"}},[2,"tds-datetime",{type:[513],value:[1537],min:[513],max:[513],defaultValue:[513,"default-value"],disabled:[516],size:[513],noMinWidth:[516,"no-min-width"],modeVariant:[513,"mode-variant"],name:[513],state:[1537],autofocus:[516],label:[513],labelPosition:[513,"label-position"],helper:[513],helperError:[513,"helper-error"],helperErrorInvalid:[513,"helper-error-invalid"],tdsAriaLabel:[513,"tds-aria-label"],customValidator:[16],focusInput:[32],reset:[64],setValue:[64],focusElement:[64]},[[0,"focusin","handleFocusIn"],[0,"focusout","handleFocusOut"]],{value:[{onValueChanged:0}]}]);function n(){"undefined"!=typeof customElements&&["tds-datetime","tds-icon"].forEach((e=>{switch(e){case"tds-datetime":customElements.get(t(e))||customElements.define(t(e),o);break;case"tds-icon":customElements.get(t(e))||m()}}))}n();const c=o,r=n;export{c as TdsDatetime,r as defineCustomElement}
+import{t,p as e,H as d,c as i,h as s}from"./index.js";import{g as a}from"./p-Cn4f8w1e.js";import{d as m}from"./p-sM3NNe8A.js";const o=e(class extends d{constructor(t){super(),!1!==t&&this.__registerHost(),this.tdsChange=i(this,"tdsChange",6),this.tdsBlur=i(this,"tdsBlur",6),this.tdsFocus=i(this,"tdsFocus",6),this.tdsInput=i(this,"tdsInput",6),this.shouldValidate=!1,this.type="datetime-local",this.value="",this.defaultValue="none",this.disabled=!1,this.size="lg",this.noMinWidth=!1,this.modeVariant=null,this.name="datetime-"+a(),this.autofocus=!1,this.label="",this.labelPosition="no-label",this.helper="",this.helperErrorInvalid="Invalid input",this.focusInput=!1,this.nativeValidation=()=>!(this.min&&this.textInput.validity.rangeUnderflow||this.max&&this.textInput.validity.rangeOverflow||this.textInput.validity.badInput),this.getDefaultValue=()=>{const t=this.defaultValue.slice(0,4),e=this.defaultValue.slice(5,7),d=this.defaultValue.slice(6,8),i=this.defaultValue.slice(8,10),s=this.defaultValue.slice(11,13),a=this.defaultValue.slice(14,16);switch(this.type){case"datetime-local":return`${t}-${e}-${i}T${s}:${a}`;case"date":return`${t}-${e}-${i}`;case"month":return`${t}-${e}`;case"week":return`${t}-W${d}`;case"time":return`${this.defaultValue.slice(0,2)}:${this.defaultValue.slice(3,5)}`;default:throw Error("Invalid type.")}}}async reset(){this.internalReset(),this.tdsChange.emit({name:this.name,value:this.value})}async setValue(t){this.value=t}async focusElement(){this.textInput&&(this.textInput.focus(),this.focusInput=!0)}componentWillLoad(){"none"!==this.defaultValue&&(this.value=this.getDefaultValue())}componentDidRender(){this.shouldValidate&&(this.shouldValidate=!1,this.validateDate())}handleFocusIn(){this.focusInput=!0}handleFocusOut(){this.validateDate(),this.focusInput=!1}onValueChanged(){this.shouldValidate=!0}validateDate(){this.state="none",!this.nativeValidation()||this.customValidator&&!this.customValidator(this.textInput.value)?this.state="error":this.textInput.value&&(this.state="success")}handleInput(t){this.value=t.target.value,this.tdsInput.emit(t)}handleChange(t){this.tdsChange.emit(t)}handleFocusClick(t){this.textInput.focus(),this.tdsFocus.emit(t)}handleBlur(t){this.textInput.blur(),this.tdsBlur.emit(t)}internalReset(){"none"!==this.defaultValue&&(this.value=this.getDefaultValue()),this.value=""}render(){var t,e;const d=navigator.userAgent.toLowerCase().includes("iphone");let i=" tds-datetime-input";return"md"===this.size&&(i+=i+"-md"),"sm"===this.size&&(i+=i+"-sm"),d&&(i+=" iphone"),s("div",{key:"1fe92a5dbbfe9b3fda2e46bb32aba4cf3da09289",class:{"tds-form-datetime-nomin":this.noMinWidth,"tds-form-datetime":!0,"tds-datetime-focus":this.focusInput,"tds-datetime-data":this.value.length>0,"tds-form-datetime-disabled":this.disabled,["tds-form-datetime-"+this.size]:["md","sm"].includes(this.size),["tds-form-datetime-"+this.state]:["error","success"].includes(""+this.state),["tds-mode-variant-"+this.modeVariant]:null!==this.modeVariant,"tds-datetime-container-label-inside":!(!this.label||"inside"!==this.labelPosition||"sm"===this.size)},onKeyDown:t=>{"Enter"===t.key&&navigator.userAgent.toLowerCase().includes("chrome")&&this.textInput.showPicker()}},"outside"===this.labelPosition&&this.label&&s("label",{key:"f4568c4ff6e65ade6f1c13f4c2fad5a1f8b221ce",htmlFor:this.name,class:"tds-datetime-label"},this.label),s("div",{key:"cef53128e5d9f410d6ad8056dab6eb1d3c55b3e6",onClick:t=>this.handleFocusClick(t),class:"tds-datetime-container"},s("div",{key:"dbec36690999a9a6f48dacc9874fc261fd73186a",class:"tds-datetime-input-container type-"+this.type},s("input",{key:"a13f35f30d58e28b261ff6d4a900ce2861bb4b54",ref:t=>{t&&(this.textInput=t)},class:i,type:this.type,disabled:this.disabled,value:this.value,min:this.min,max:this.max,autofocus:this.autofocus,name:this.name,id:this.name,onInput:t=>this.handleInput(t),onBlur:t=>this.handleBlur(t),onChange:t=>this.handleChange(t),"aria-label":this.tdsAriaLabel?this.tdsAriaLabel:this.label}),"inside"===this.labelPosition&&"sm"!==this.size&&this.label&&s("label",{key:"dd82b87e1109d860e4871f63b4960af6f7cfc8fd",class:"tds-datetime-label-inside",htmlFor:this.name},this.label),s("div",{key:"e34840f87a37fdd965012fb07a55c02118e14824",class:"datetime-icon icon-datetime-local"},s("tds-icon",{key:"d0c61e858c7f34649b89f03b9b1101f6ea70d64d",size:"20px",name:"calendar",svgTitle:"Calendar"})),s("div",{key:"4f2d2a4894d983b901d2c85010349216161d0973",class:"datetime-icon icon-time"},s("tds-icon",{key:"1366b61923123a3b8d5a0f84659a5f916e098c09",size:"20px",name:"clock",svgTitle:"Clock"})))),"error"===this.state&&s("div",{key:"2eb75040a8f51f21af473bbf744b009ae7ea2ec1",class:"tds-datetime-helper"},!(null===(e=null===(t=this.textInput)||void 0===t?void 0:t.validity)||void 0===e?void 0:e.badInput)&&s("div",{key:"686a496cdd605653da83691a5707b1a99ae08da2",class:"tds-helper"},s("tds-icon",{key:"be2b7c68454320e4431847fc2b66cfb1759c53aa",name:"error",size:"16px",svgTitle:"error"})," ",this.helperError),this.textInput&&this.textInput.validity.badInput&&s("div",{key:"d365380116182623148ed62e928a82d5555d10ad",class:"tds-helper"},s("tds-icon",{key:"3eb73cb9b53d4351826c18fec554f2c60079e2c8",name:"error",size:"16px",svgTitle:"error"})," ",this.helperErrorInvalid)),this.helper&&"error"!==this.state&&s("div",{key:"f6e98f87f5abe8e1865fa1804fd887660889cb74",class:"tds-datetime-helper"},s("div",{key:"a8b0a189f0c4a8fb6f409d38963d4930be0e5565",class:"tds-helper"},this.helper)))}static get watchers(){return{value:[{onValueChanged:0}]}}static get style(){return"@supports selector(input::-webkit-datetime-edit){.tds-datetime-input.sc-tds-datetime:not(:focus)::-webkit-datetime-edit,.tds-datetime-input-md.sc-tds-datetime:not(:focus)::-webkit-datetime-edit,.tds-datetime-input-sm.sc-tds-datetime:not(:focus)::-webkit-datetime-edit{color:var(--tds-datetime-placeholder-color)}}.tds-datetime-input[type=datetime-local].sc-tds-datetime~.icon-time.sc-tds-datetime,.tds-datetime-input-md[type=datetime-local].sc-tds-datetime~.icon-time.sc-tds-datetime,.tds-datetime-input-sm[type=datetime-local].sc-tds-datetime~.icon-time.sc-tds-datetime{display:none}.tds-datetime-input[type=date].sc-tds-datetime~.icon-time.sc-tds-datetime,.tds-datetime-input-md[type=date].sc-tds-datetime~.icon-time.sc-tds-datetime,.tds-datetime-input-sm[type=date].sc-tds-datetime~.icon-time.sc-tds-datetime{display:none}.tds-datetime-input[type=month].sc-tds-datetime~.icon-time.sc-tds-datetime,.tds-datetime-input-md[type=month].sc-tds-datetime~.icon-time.sc-tds-datetime,.tds-datetime-input-sm[type=month].sc-tds-datetime~.icon-time.sc-tds-datetime{display:none}.tds-datetime-input[type=week].sc-tds-datetime~.icon-time.sc-tds-datetime,.tds-datetime-input-md[type=week].sc-tds-datetime~.icon-time.sc-tds-datetime,.tds-datetime-input-sm[type=week].sc-tds-datetime~.icon-time.sc-tds-datetime{display:none}.tds-datetime-input[type=time].sc-tds-datetime~.icon-datetime-local.sc-tds-datetime,.tds-datetime-input-md[type=time].sc-tds-datetime~.icon-datetime-local.sc-tds-datetime,.tds-datetime-input-sm[type=time].sc-tds-datetime~.icon-datetime-local.sc-tds-datetime{display:none}.tds-datetime-input.sc-tds-datetime{box-sizing:border-box;border-radius:4px 4px 0 0;width:100%;box-sizing:border-box;margin:0;border:none;outline:none;height:100%;color:var(--tds-datetime-color);background-color:var(--tds-datetime-background);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);padding:var(--tds-spacing-element-20) var(--tds-spacing-element-16)}.tds-datetime-input.sc-tds-datetime *.sc-tds-datetime{box-sizing:border-box}.tds-datetime-input.sc-tds-datetime:disabled{background-color:var(--tds-datetime-background-disabled);color:var(--tds-datetime-color-disabled);cursor:not-allowed}.tds-datetime-input.sc-tds-datetime:disabled~.tds-datetime-label-inside.sc-tds-datetime{color:var(--tds-datetime-label-disabled)}.tds-datetime-input.iphone.sc-tds-datetime{padding:0}.tds-datetime-input-md.sc-tds-datetime,.tds-datetime-input-sm.sc-tds-datetime{box-sizing:border-box;border-radius:4px 4px 0 0;width:100%;box-sizing:border-box;margin:0;border:none;outline:none;height:100%;color:var(--tds-datetime-color);background-color:var(--tds-datetime-background);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);padding:var(--tds-spacing-element-16)}.tds-datetime-input-md.sc-tds-datetime *.sc-tds-datetime,.tds-datetime-input-sm.sc-tds-datetime *.sc-tds-datetime{box-sizing:border-box}.tds-datetime-input-md.sc-tds-datetime:disabled,.tds-datetime-input-sm.sc-tds-datetime:disabled{background-color:var(--tds-datetime-background-disabled);color:var(--tds-datetime-color-disabled);cursor:not-allowed}.tds-datetime-input-md.sc-tds-datetime:disabled~.tds-datetime-label-inside.sc-tds-datetime,.tds-datetime-input-sm.sc-tds-datetime:disabled~.tds-datetime-label-inside.sc-tds-datetime{color:var(--tds-datetime-label-disabled)}.tds-datetime-input-md.iphone.sc-tds-datetime,.tds-datetime-input-sm.iphone.sc-tds-datetime{padding:0}.tds-datetime-container.sc-tds-datetime{border-radius:4px 4px 0 0;display:flex;position:relative;height:56px;box-sizing:border-box;background-color:var(--tds-datetime-background);border-bottom:1px solid var(--tds-datetime-border-bottom);transition:border-bottom-color 200ms ease}.tds-datetime-container.sc-tds-datetime:hover{border-bottom-color:var(--tds-datetime-border-bottom-hover)}.tds-form-datetime-md.sc-tds-datetime .tds-datetime-container.sc-tds-datetime{height:48px}.tds-form-datetime-sm.sc-tds-datetime .tds-datetime-container.sc-tds-datetime{height:40px}.tds-datetime-input-container.sc-tds-datetime{position:relative;width:100%}.tds-datetime-input-container.sc-tds-datetime .datetime-icon.sc-tds-datetime{height:20px;width:20px;position:absolute;top:50%;transform:translateY(-50%);right:18px;pointer-events:none;color:var(--tds-datetime-icon)}.tds-datetime-label.sc-tds-datetime{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);display:block;margin-bottom:var(--tds-spacing-element-8);color:var(--tds-datetime-label-color)}.tds-datetime-label-inside.sc-tds-datetime{font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);position:absolute;pointer-events:none;color:var(--tds-datetime-label-inside-color);left:16px}.tds-form-datetime.sc-tds-datetime{display:block;min-width:208px;background:unset}.tds-form-datetime-nomin.sc-tds-datetime{min-width:auto}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input.sc-tds-datetime{padding-top:var(--tds-spacing-element-24);padding-bottom:15px}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input.sc-tds-datetime~.tds-datetime-label-inside.sc-tds-datetime{top:20px}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input.iphone.sc-tds-datetime{padding:0}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input-md.sc-tds-datetime,.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input-sm.sc-tds-datetime{padding-top:var(--tds-spacing-element-20);padding-bottom:11px}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input-md.sc-tds-datetime~.tds-datetime-label-inside.sc-tds-datetime,.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input-sm.sc-tds-datetime~.tds-datetime-label-inside.sc-tds-datetime{top:16px}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input-md.iphone.sc-tds-datetime,.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input-sm.iphone.sc-tds-datetime{padding:0}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input-sm.sc-tds-datetime~.tds-datetime-label-inside.sc-tds-datetime,.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input-md.sc-tds-datetime~.tds-datetime-label-inside.sc-tds-datetime{font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);transition:0.1s ease all;top:8px}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input.sc-tds-datetime~.tds-datetime-label-inside.sc-tds-datetime{font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);transition:0.1s ease all;top:12px}.tds-datetime-focus.sc-tds-datetime .tds-datetime-input.sc-tds-datetime,.tds-datetime-focus.sc-tds-datetime .tds-datetime-input-md.sc-tds-datetime,.tds-datetime-focus.sc-tds-datetime .tds-datetime-input-sm.sc-tds-datetime{border-radius:0;outline:2px solid var(--component--focus-ring-color-strong);box-shadow:inset 0 0 0 3px var(--component--focus-ring-color-discrete);outline-offset:-2px;z-index:1}.tds-datetime-focus.sc-tds-datetime .tds-datetime-container.sc-tds-datetime{border-bottom:none}.tds-datetime-helper.sc-tds-datetime{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);display:block;flex-basis:100%;padding:var(--tds-spacing-element-4) 0;color:var(--tds-datetime-helper)}.tds-datetime-helper.sc-tds-datetime .tds-helper.sc-tds-datetime{display:inline-flex;gap:8px}.tds-form-datetime-disabled.sc-tds-datetime .tds-datetime-container.sc-tds-datetime{border-bottom-color:transparent}.tds-form-datetime-disabled.sc-tds-datetime .datetime-icon.sc-tds-datetime tds-icon.sc-tds-datetime{color:var(--tds-datetime-icon-disabled)}.tds-form-datetime-disabled.sc-tds-datetime .tds-datetime-label.sc-tds-datetime{color:var(--tds-datetime-label-disabled);cursor:not-allowed}.tds-form-datetime-disabled.sc-tds-datetime .tds-datetime-helper.sc-tds-datetime{color:var(--tds-datetime-helper-disabled)}.tds-form-datetime-success.sc-tds-datetime .tds-datetime-input.sc-tds-datetime::-webkit-datetime-edit{color:var(--tds-datetime-color-success)}.tds-form-datetime-success.sc-tds-datetime .tds-datetime-container.sc-tds-datetime{border-bottom-color:var(--tds-datetime-border-bottom-success)}.tds-form-datetime-error.sc-tds-datetime .tds-datetime-input.sc-tds-datetime::-webkit-datetime-edit{color:var(--tds-datetime-helper-error)}.tds-form-datetime-error.sc-tds-datetime .tds-datetime-helper.sc-tds-datetime{color:var(--tds-datetime-helper-error)}.tds-form-datetime-error.sc-tds-datetime .tds-datetime-helper.sc-tds-datetime .tds-helper.sc-tds-datetime{display:flex;gap:var(--tds-spacing-element-8);flex-wrap:nowrap}.tds-form-datetime-error.sc-tds-datetime .tds-datetime-container.sc-tds-datetime{border-bottom-color:var(--tds-datetime-border-bottom-error)}.tds-datetime-textcounter.sc-tds-datetime{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);color:var(--tds-datetime-textcounter);float:right}.tds-datetime-textcounter.sc-tds-datetime .tds-datetime-textcounter-divider.sc-tds-datetime{letter-spacing:var(--tds-detail-05-ls);color:var(--tds-datetime-textcounter-divider)}input[type=datetime-local].sc-tds-datetime::-webkit-inner-spin-button,input[type=datetime-local].sc-tds-datetime::-webkit-calendar-picker-indicator{opacity:0}input[type=date].sc-tds-datetime::-webkit-inner-spin-button,input[type=date].sc-tds-datetime::-webkit-calendar-picker-indicator{opacity:0}input[type=month].sc-tds-datetime::-webkit-inner-spin-button,input[type=month].sc-tds-datetime::-webkit-calendar-picker-indicator{opacity:0}input[type=week].sc-tds-datetime::-webkit-inner-spin-button,input[type=week].sc-tds-datetime::-webkit-calendar-picker-indicator{opacity:0}input[type=time].sc-tds-datetime::-webkit-inner-spin-button,input[type=time].sc-tds-datetime::-webkit-calendar-picker-indicator{opacity:0}@supports (-moz-appearance: none){.type-datetime-local.sc-tds-datetime .icon-datetime-local.sc-tds-datetime,.type-date.sc-tds-datetime .icon-datetime-local.sc-tds-datetime{display:none}}"}},[2,"tds-datetime",{type:[513],value:[1537],min:[513],max:[513],defaultValue:[513,"default-value"],disabled:[516],size:[513],noMinWidth:[516,"no-min-width"],modeVariant:[513,"mode-variant"],name:[513],state:[1537],autofocus:[516],label:[513],labelPosition:[513,"label-position"],helper:[513],helperError:[513,"helper-error"],helperErrorInvalid:[513,"helper-error-invalid"],tdsAriaLabel:[513,"tds-aria-label"],customValidator:[16],focusInput:[32],reset:[64],setValue:[64],focusElement:[64]},[[0,"focusin","handleFocusIn"],[0,"focusout","handleFocusOut"]],{value:[{onValueChanged:0}]}]);function n(){"undefined"!=typeof customElements&&["tds-datetime","tds-icon"].forEach((e=>{switch(e){case"tds-datetime":customElements.get(t(e))||customElements.define(t(e),o);break;case"tds-icon":customElements.get(t(e))||m()}}))}n();const c=o,r=n;export{c as TdsDatetime,r 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 r}from"./p-xKmK9r-_.js";import{d as o}from"./p-CnF9ccDW.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{width:var(--tds-header-brand-item-width)}:host tds-header-item ::slotted(*){background-image:var(--tds-header-logotype-local), var(--tds-header-logotype-cdn);background-size:var(--tds-header-brand-logo-size) auto;background-position:center;background-repeat:no-repeat}@media (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))||r();break;case"tds-header-item":customElements.get(e(t))||o()}}))}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-dropdown-list-item.js

@@ -1 +1 @@
-import{T as o,d as s}from"./p-Co7uhLyF.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 a,H as d,h as t,a as s}from"./index.js";const r=a(class extends d{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return t(s,{key:"e2c427428c2da9d8af6818a94e01a56f9836308a",role:"listitem"},t("div",{key:"590e7b4d1ee33b96d9d73d1b9444cbdb34d5f6a2",class:"user-box"},this.imgUrl&&t("img",{key:"d537fb083c80e5ef8331f6d1d09daf717f52adab",src:this.imgUrl,alt:this.imgAlt}),t("slot",{key:"4f130bbebe72b5b9b051ca47a19c443f7db94b9c",name:"thumbanil"}),t("div",{key:"cc4307735c599a57d99d5bd7eb81f11e0e53b875",class:"user-content"},t("div",{key:"105a4112b66410d15254ea873d44bd1ea54a7ed1",class:"header"},this.header,t("slot",{key:"1d54caa5d0fc812742a92aee87d47ab2d74f357e",name:"header"})),t("div",{key:"13b0df9618b2e294f6ca785542a85f2035dfa4ed",class:"subheader"},this.subheader,t("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:var(--tds-header-avatar-item-padding);width:100%;padding:0 var(--tds-header-avatar-item-padding);display:flex;align-items:center;border-bottom:1px solid var(--tds-header-dropdown-item-border-color)}:host img,:host slot[name=thumbnail]::slotted(*){width:var(--tds-header-avatar-item-size);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((a=>{"tds-header-dropdown-list-user"===a&&(customElements.get(e(a))||customElements.define(e(a),r))}))}o();const i=r,n=o;export{i as TdsHeaderDropdownListUser,n 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 s,d as o}from"./p-CRDj62sp.js";const p=s,r=o;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 r,a as s}from"./index.js";import{g as a}from"./p-Cn4f8w1e.js";import{d}from"./p-xKmK9r-_.js";import{d as c}from"./p-CnF9ccDW.js";import{d as i}from"./p-sM3NNe8A.js";import{d as n}from"./p-Dh37wWqw.js";import{d as l}from"./p-BMv0SLL4.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']",r=(null===(t=this.host.shadowRoot)||void 0===t?void 0:t.querySelector(e))||this.host.querySelector(e);r instanceof o&&r.focus()}))}render(){return r(s,{key:"07a5f33cc48e8de33104d040e4b11d20fc21d833"},r("div",{key:"bf34bc17d9303efc3dcacfff22593395302a544f",class:{"state-open":this.open}},r("tds-header-item",{key:"ce9e05d3da8d04e38b6a595a789f8de1218fc35c",class:"button",active:this.open,selected:this.selected},r("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},r("slot",{key:"889cdfa5614f97ad80721f0f8559400751c7a784",name:"icon"}),this.label,r("slot",{key:"5b0a7df7f0031279c4faf3ab9bd6062ef4b32099",name:"label"}),!this.noDropdownIcon&&r("tds-icon",{key:"19ccecc579b846372fbd7572c9595ab573ac4d27",class:"dropdown-icon",name:"chevron_down",size:"16px",svgTitle:"Dropdown icon"}))),this.buttonEl&&r("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?r("span",{onClick:t=>this.handleSlottedItemClick(t),onKeyDown:t=>"Enter"===t.key&&this.handleSlottedItemClick(t)},r("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-header-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-header-item-background-hover)}"}},[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))||c();break;case"tds-icon":customElements.get(t(e))||i();break;case"tds-popover-canvas":customElements.get(t(e))||n();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 d}from"./p-Q3W78DlP.js";import{d as o}from"./p-xKmK9r-_.js";import{d as i}from"./p-CnF9ccDW.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}
+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-CnF9ccDW.js";const c=o,p=s;export{c 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-CvBZ4LPm.js";const m=o,p=s;export{m as TdsHeaderLauncherButton,p 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:"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-header-dropdown-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-background);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 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-06);letter-spacing:var(--tds-detail-06-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-header-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 o=i,n=l;export{o 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-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-Co7uhLyF.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-header-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}
+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:"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-header-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 o=l,n=i;export{o as TdsHeaderLauncherListTitle,n 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 t,h as d,a}from"./index.js";import{g as r}from"./p-Cn4f8w1e.js";import{d as o}from"./p-CRDj62sp.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}
+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 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-xKmK9r-_.js";import{d as c}from"./p-CnF9ccDW.js";import{d as h}from"./p-CvBZ4LPm.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-header-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}
+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 i,h as o}from"./index.js";const n=t(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return o("h4",{key:"8c7a1b22f32bec884f8b99cdff99f93d48b51f9b"},o("slot",{key:"e6b5f9f5cb5f0573cb02e06c68cbe5b9ec0d17d6"}))}static get style(){return"h4{font-family:var(--headline-06-font-family);font-size:var(--headline-06-font-size);line-height:var(--headline-06-line-height);font-weight:var(--headline-06-font-weight);letter-spacing:var(--headline-06-letter-spacing);text-transform:var(--headline-06-text-transform);box-sizing:border-box;color:var(--tds-header-item-color);font-family:var(--tds-header-title-font-family);font-weight:var(--tds-header-title-font-weight);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),n))}))}r();const s=n,a=r;export{s as TdsHeaderTitle,a 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 d,H as t,h as s,a}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")}}))},i=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 s(a,{key:"0f211ade1fcbb2f194e759d78a2eae1564e55d95"},s("slot",{key:"32863f0a0d020cd6f62fe31d0ff55750ccfca3e8",name:"hamburger"}),s("slot",{key:"18950498290f6653daa089f44352cd84cb470b77",name:"title"}),s("nav",Object.assign({key:"bafeecb5eeaddb06ea5f30c132fbad6b6a5b500b"},e),s("ul",{key:"85610c3c2867375515c14213648263ca222ff249",class:"tds-header-component-list"},s("slot",{key:"573dd12bf968ffb36973016bb7d05cc6c5ce27a9"}),s("li",{key:"d1bc2954060e5a39fa423e2457ddb3a1ef857cde",class:"tds-header-middle-spacer"}),s("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}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-item-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-item-border)}"}},[260,"tds-header"]);function n(){"undefined"!=typeof customElements&&["tds-header"].forEach((d=>{"tds-header"===d&&(customElements.get(e(d))||customElements.define(e(d),i))}))}n();const c=i,h=n;export{c 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-side-menu-dropdown-list-item.js

@@ -1 +1 @@
-import{t as o,p as t,H as e,h as n,a as s}from"./index.js";const d=t(class extends e{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.selected=!1,this.dropdownHasIcon=!1,this.dropdownHasUser=!1,this.collapsed=!1}collapseSideMenuEventHandler(o){this.collapsed=o.detail.collapsed}componentWillLoad(){var o;this.sideMenuEl=this.host.closest("tds-side-menu"),this.collapsed=!!(null===(o=this.sideMenuEl)||void 0===o?void 0:o.collapsed)}componentDidLoad(){var o,t;const e=this.host.closest("tds-side-menu-dropdown");let n=null,s=null;e&&(n=e.querySelector("tds-side-menu-user"),s=null===(o=e.shadowRoot)||void 0===o?void 0:o.querySelector('slot[name="icon"]'));const d=null==s?void 0:s.assignedElements(),i=!!d&&(null==d?void 0:d.length)>0,c="tds-side-menu-user-image"===(null===(t=null==d?void 0:d[0])||void 0===t?void 0:t.tagName.toLowerCase());i&&!c&&(this.dropdownHasIcon=!0),n&&(this.dropdownHasUser=!0)}render(){return n(s,{key:"c0c87f764d1e0da5190eb01c495bcf75db9fafe0",role:"listitem"},n("div",{key:"b37486799e08a95589bbb05de3e75ad36ab968ef",class:{component:!0,"component-selected":this.selected,"component-dropdown-has-icon":this.dropdownHasIcon,"component-dropdown-has-user":this.dropdownHasUser,"component-collapsed":this.collapsed}},n("slot",{key:"a8d4e627e6dc3da6651e119a20d70960f78e60f5"})))}get host(){return this}static get style(){return':host{display:block;box-sizing:border-box;height:48px;width:100%}:host .component{height:100%;width:100%}:host .component ::slotted(a),:host .component ::slotted(button){all:unset;box-sizing:border-box;border-right:1px solid var(--tds-header-dropdown-item-border-color);display:flex;align-items:center;height:100%;padding:0 24px;width:100%;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);background-color:var(--tds-header-dropdown-item-background);color:var(--tds-header-item-open-color);border:none}:host .component ::slotted(a:hover),:host .component ::slotted(button:hover){background-color:var(--tds-sidebar-item-state-hover);cursor:pointer;position:relative}:host .component ::slotted(a:hover)::before,:host .component ::slotted(button:hover)::before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background-color:var(--tds-side-menu-item-hover-indicator)}:host .component ::slotted(a:hover:focus-visible),:host .component ::slotted(button:hover:focus-visible){background-color:var(--tds-sidebar-item-state-hover);cursor:pointer;position:relative}:host .component ::slotted(a:hover:focus-visible)::before,:host .component ::slotted(button:hover:focus-visible)::before{content:"";position:absolute;top:3px;left:3px;width:4px;height:calc(100% - 6px);background-color:var(--tds-side-menu-item-hover-indicator)}:host .component ::slotted(a:active),:host .component ::slotted(button:active){background-color:var(--tds-sidemenu-item-state-active) !important;cursor:pointer;position:relative}:host .component ::slotted(a:active)::before,:host .component ::slotted(button:active)::before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background-color:var(--tds-side-menu-item-pressed-indicator)}:host .component ::slotted(a:active:focus-visible),:host .component ::slotted(button:active:focus-visible){background-color:var(--tds-sidemenu-item-state-active) !important;cursor:pointer;position:relative}:host .component ::slotted(a:active:focus-visible)::before,:host .component ::slotted(button:active:focus-visible)::before{content:"";position:absolute;top:3px;left:3px;width:4px;height:calc(100% - 6px);background-color:var(--tds-side-menu-item-pressed-indicator)}:host .component ::slotted(a:focus-visible){outline:2px solid var(--component--focus-ring-color-strong);box-shadow:inset 0 0 0 3px var(--component--focus-ring-color-discrete);outline-offset:-2px;z-index:1}:host .component.component-selected ::slotted(a),:host .component.component-selected ::slotted(button){background-color:var(--tds-header-dropdown-item-background-selected);position:relative}:host .component.component-selected ::slotted(a)::before,:host .component.component-selected ::slotted(button)::before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background-color:var(--tds-sidebar-side-menu-single-subitem-selected-border-color)}:host .component.component-selected ::slotted(a:focus-visible),:host .component.component-selected ::slotted(button:focus-visible){background-color:var(--tds-header-dropdown-item-background-selected);position:relative}:host .component.component-selected ::slotted(a:focus-visible)::before,:host .component.component-selected ::slotted(button:focus-visible)::before{content:"";position:absolute;top:3px;left:3px;width:4px;height:calc(100% - 6px);background-color:var(--tds-sidebar-side-menu-single-subitem-selected-border-color)}:host .component.component-dropdown-has-icon:not(.component-collapsed) ::slotted(a),:host .component.component-dropdown-has-icon:not(.component-collapsed) ::slotted(button){padding:16px 48px 16px 58px}:host .component.component-dropdown-has-user:not(.component-collapsed) ::slotted(a),:host .component.component-dropdown-has-user:not(.component-collapsed) ::slotted(button){padding:16px 48px 16px 64px}'}},[257,"tds-side-menu-dropdown-list-item",{selected:[516],dropdownHasIcon:[32],dropdownHasUser:[32],collapsed:[32]},[[16,"internalTdsSideMenuPropChange","collapseSideMenuEventHandler"]]]);function i(){"undefined"!=typeof customElements&&["tds-side-menu-dropdown-list-item"].forEach((t=>{"tds-side-menu-dropdown-list-item"===t&&(customElements.get(o(t))||customElements.define(o(t),d))}))}i();const c=d,r=i;export{c as TdsSideMenuDropdownListItem,r as defineCustomElement}
+import{t as o,p as t,H as e,h as n,a as s}from"./index.js";const d=t(class extends e{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.selected=!1,this.dropdownHasIcon=!1,this.dropdownHasUser=!1,this.collapsed=!1}collapseSideMenuEventHandler(o){this.collapsed=o.detail.collapsed}componentWillLoad(){var o;this.sideMenuEl=this.host.closest("tds-side-menu"),this.collapsed=!!(null===(o=this.sideMenuEl)||void 0===o?void 0:o.collapsed)}componentDidLoad(){var o,t;const e=this.host.closest("tds-side-menu-dropdown");let n=null,s=null;e&&(n=e.querySelector("tds-side-menu-user"),s=null===(o=e.shadowRoot)||void 0===o?void 0:o.querySelector('slot[name="icon"]'));const d=null==s?void 0:s.assignedElements(),i=!!d&&(null==d?void 0:d.length)>0,c="tds-side-menu-user-image"===(null===(t=null==d?void 0:d[0])||void 0===t?void 0:t.tagName.toLowerCase());i&&!c&&(this.dropdownHasIcon=!0),n&&(this.dropdownHasUser=!0)}render(){return n(s,{key:"c0c87f764d1e0da5190eb01c495bcf75db9fafe0",role:"listitem"},n("div",{key:"b37486799e08a95589bbb05de3e75ad36ab968ef",class:{component:!0,"component-selected":this.selected,"component-dropdown-has-icon":this.dropdownHasIcon,"component-dropdown-has-user":this.dropdownHasUser,"component-collapsed":this.collapsed}},n("slot",{key:"a8d4e627e6dc3da6651e119a20d70960f78e60f5"})))}get host(){return this}static get style(){return':host{display:block;box-sizing:border-box;height:48px;width:100%}:host .component{height:100%;width:100%}:host .component ::slotted(a),:host .component ::slotted(button){all:unset;box-sizing:border-box;border-right:1px solid var(--tds-nav-item-border-color);display:flex;align-items:center;height:100%;padding:0 24px;width:100%;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);background-color:var(--tds-header-nav-item-dropdown-opened-background);color:var(--tds-header-nav-item-dropdown-opened-color);border:none}:host .component ::slotted(a:hover),:host .component ::slotted(button:hover){background-color:var(--tds-sidebar-item-state-hover);cursor:pointer;position:relative}:host .component ::slotted(a:hover)::before,:host .component ::slotted(button:hover)::before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background-color:var(--tds-side-menu-item-hover-indicator)}:host .component ::slotted(a:hover:focus-visible),:host .component ::slotted(button:hover:focus-visible){background-color:var(--tds-sidebar-item-state-hover);cursor:pointer;position:relative}:host .component ::slotted(a:hover:focus-visible)::before,:host .component ::slotted(button:hover:focus-visible)::before{content:"";position:absolute;top:3px;left:3px;width:4px;height:calc(100% - 6px);background-color:var(--tds-side-menu-item-hover-indicator)}:host .component ::slotted(a:active),:host .component ::slotted(button:active){background-color:var(--tds-sidemenu-item-state-active) !important;cursor:pointer;position:relative}:host .component ::slotted(a:active)::before,:host .component ::slotted(button:active)::before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background-color:var(--tds-side-menu-item-pressed-indicator)}:host .component ::slotted(a:active:focus-visible),:host .component ::slotted(button:active:focus-visible){background-color:var(--tds-sidemenu-item-state-active) !important;cursor:pointer;position:relative}:host .component ::slotted(a:active:focus-visible)::before,:host .component ::slotted(button:active:focus-visible)::before{content:"";position:absolute;top:3px;left:3px;width:4px;height:calc(100% - 6px);background-color:var(--tds-side-menu-item-pressed-indicator)}:host .component ::slotted(a:focus-visible){outline:2px solid var(--component--focus-ring-color-strong);box-shadow:inset 0 0 0 3px var(--component--focus-ring-color-discrete);outline-offset:-2px;z-index:1}:host .component.component-selected ::slotted(a),:host .component.component-selected ::slotted(button){background-color:var(--tds-header-nav-item-dropdown-opened-background-selected);position:relative}:host .component.component-selected ::slotted(a)::before,:host .component.component-selected ::slotted(button)::before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background-color:var(--tds-sidebar-side-menu-single-subitem-selected-border-color)}:host .component.component-selected ::slotted(a:focus-visible),:host .component.component-selected ::slotted(button:focus-visible){background-color:var(--tds-header-nav-item-dropdown-opened-background-selected);position:relative}:host .component.component-selected ::slotted(a:focus-visible)::before,:host .component.component-selected ::slotted(button:focus-visible)::before{content:"";position:absolute;top:3px;left:3px;width:4px;height:calc(100% - 6px);background-color:var(--tds-sidebar-side-menu-single-subitem-selected-border-color)}:host .component.component-dropdown-has-icon:not(.component-collapsed) ::slotted(a),:host .component.component-dropdown-has-icon:not(.component-collapsed) ::slotted(button){padding:16px 48px 16px 58px}:host .component.component-dropdown-has-user:not(.component-collapsed) ::slotted(a),:host .component.component-dropdown-has-user:not(.component-collapsed) ::slotted(button){padding:16px 48px 16px 64px}'}},[257,"tds-side-menu-dropdown-list-item",{selected:[516],dropdownHasIcon:[32],dropdownHasUser:[32],collapsed:[32]},[[16,"internalTdsSideMenuPropChange","collapseSideMenuEventHandler"]]]);function i(){"undefined"!=typeof customElements&&["tds-side-menu-dropdown-list-item"].forEach((t=>{"tds-side-menu-dropdown-list-item"===t&&(customElements.get(o(t))||customElements.define(o(t),d))}))}i();const c=d,r=i;export{c as TdsSideMenuDropdownListItem,r as defineCustomElement}

package/dist/components/tds-side-menu-dropdown.js

@@ -1 +1 @@
-import{t as e,p as t,H as s,h as o,F as n,a as d}from"./index.js";import{d as i}from"./p-sM3NNe8A.js";import{d as a}from"./p-9TU-2F40.js";const l=t(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.defaultOpen=!1,this.selected=!1,this.open=!1,this.hoverState={isHovered:!1,updatedAt:0},this.collapsed=!1}collapsedSideMenuEventHandler(e){this.collapsed=e.detail.collapsed}onEventPointerEnter(){this.setHoverStateOpen()}onEventFocus(){this.setHoverStateOpen()}onEventPointerLeave(){this.setHoverStateClosed()}onEventBlur(){this.setHoverStateClosed()}handleKeyDown(e){"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),this.open=!this.open)}setHoverStateOpen(){this.hoverState={isHovered:!0,updatedAt:Date.now()}}setHoverStateClosed(){const e=Date.now();setTimeout((()=>{this.hoverState.isHovered&&this.hoverState.updatedAt<e&&(this.hoverState={isHovered:!1,updatedAt:Date.now()})}),150)}getIsOpenState(){var e;return this.collapsed?null===(e=this.hoverState)||void 0===e?void 0:e.isHovered:this.open}componentWillLoad(){var e;this.sideMenuEl=this.host.closest("tds-side-menu"),this.collapsed=!!(null===(e=this.sideMenuEl)||void 0===e?void 0:e.collapsed),this.open=this.defaultOpen}render(){return o(d,{key:"ce1c0afc32d974a1caf196f20d44d48624d5b234"},o("div",{key:"a854076c5dd113fa974d5b07ec7467eb933b124d",class:{wrapper:!0,"state-open":this.getIsOpenState(),"state-collapsed":this.collapsed}},o("tds-side-menu-item",{key:"3464835b094c4fd98cad6761770ce041fe886353",class:"button",active:this.getIsOpenState(),selected:this.selected,onClick:()=>{this.open=!this.open},"aria-expanded":this.getIsOpenState()?"true":"false"},o("button",{key:"291217235f306f9549a0f5b9425231802052db91"},o("slot",{key:"ba7131ce5bca7d007aa20965040e255fa6c25c13",name:"icon"}),!this.collapsed&&o(n,{key:"46b8cb9f217c8f13b1dc9ec7d2154f6f83e68b4b"},this.buttonLabel,o("slot",{key:"308f13824604ece519ac8c5360cbb786d9394e9e",name:"label"}),o("tds-icon",{key:"de2e2d6b3a98b8e1305be53355514499fd77c223",class:"dropdown-icon",name:"chevron_down",size:"16px",svgTitle:"Chevron Down"})))),o("div",{key:"183194b6ddb0f41765f7be477f318905507c64c1",class:"menu",tabindex:this.collapsed?"0":void 0},this.collapsed&&o("h3",{key:"afa41e6a713ef36d0667abda7953db6e36d473ef",class:"heading-collapsed"},this.buttonLabel,o("slot",{key:"3f477b131787e9dec8cd634eff03b055f15021e1",name:"label"})),o("slot",{key:"e3fa597b180eaf321984ebda01894b47de151f1c"}))))}get host(){return this}static get style(){return":host{display:block}:host .wrapper{display:flex;flex-direction:column}:host .dropdown-icon{margin-left:auto;transition:all 0.2s ease-in-out}:host .state-open .dropdown-icon{transform:rotateZ(180deg)}:host .state-open .menu{display:block}:host .state-collapsed .menu{--side-menu-width:69px;position:absolute;left:var(--side-menu-width);box-shadow:var(--tds-header-dropdown-menu-box);background-color:var(--tds-sidebar-side-menu-subnav-background)}:host .state-collapsed .menu .heading-collapsed{all:unset;box-sizing:border-box;padding:16px 24px 15px;min-height:48px;display:flex;align-items:center;border-bottom:1px solid var(--tds-sidebar-side-menu-bottom-menu-border-top);font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls)}:host :not(.state-collapsed) .menu ::slotted(tds-side-menu-dropdown-list){width:100%}:host .menu{display:none;flex-direction:column}"}},[257,"tds-side-menu-dropdown",{defaultOpen:[516,"default-open"],buttonLabel:[513,"button-label"],selected:[516],open:[516],hoverState:[32],collapsed:[32]},[[16,"internalTdsSideMenuPropChange","collapsedSideMenuEventHandler"],[1,"pointerenter","onEventPointerEnter"],[0,"focusin","onEventFocus"],[1,"pointerleave","onEventPointerLeave"],[0,"focusout","onEventBlur"],[0,"keydown","handleKeyDown"]]]);function r(){"undefined"!=typeof customElements&&["tds-side-menu-dropdown","tds-icon","tds-side-menu-item"].forEach((t=>{switch(t){case"tds-side-menu-dropdown":customElements.get(e(t))||customElements.define(e(t),l);break;case"tds-icon":customElements.get(e(t))||i();break;case"tds-side-menu-item":customElements.get(e(t))||a()}}))}r();const c=l,h=r;export{c as TdsSideMenuDropdown,h as defineCustomElement}
+import{t as e,p as t,H as s,h as o,F as n,a as d}from"./index.js";import{d as i}from"./p-sM3NNe8A.js";import{d as a}from"./p-9TU-2F40.js";const l=t(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.defaultOpen=!1,this.selected=!1,this.open=!1,this.hoverState={isHovered:!1,updatedAt:0},this.collapsed=!1}collapsedSideMenuEventHandler(e){this.collapsed=e.detail.collapsed}onEventPointerEnter(){this.setHoverStateOpen()}onEventFocus(){this.setHoverStateOpen()}onEventPointerLeave(){this.setHoverStateClosed()}onEventBlur(){this.setHoverStateClosed()}handleKeyDown(e){"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),this.open=!this.open)}setHoverStateOpen(){this.hoverState={isHovered:!0,updatedAt:Date.now()}}setHoverStateClosed(){const e=Date.now();setTimeout((()=>{this.hoverState.isHovered&&this.hoverState.updatedAt<e&&(this.hoverState={isHovered:!1,updatedAt:Date.now()})}),150)}getIsOpenState(){var e;return this.collapsed?null===(e=this.hoverState)||void 0===e?void 0:e.isHovered:this.open}componentWillLoad(){var e;this.sideMenuEl=this.host.closest("tds-side-menu"),this.collapsed=!!(null===(e=this.sideMenuEl)||void 0===e?void 0:e.collapsed),this.open=this.defaultOpen}render(){return o(d,{key:"ce1c0afc32d974a1caf196f20d44d48624d5b234"},o("div",{key:"a854076c5dd113fa974d5b07ec7467eb933b124d",class:{wrapper:!0,"state-open":this.getIsOpenState(),"state-collapsed":this.collapsed}},o("tds-side-menu-item",{key:"3464835b094c4fd98cad6761770ce041fe886353",class:"button",active:this.getIsOpenState(),selected:this.selected,onClick:()=>{this.open=!this.open},"aria-expanded":this.getIsOpenState()?"true":"false"},o("button",{key:"291217235f306f9549a0f5b9425231802052db91"},o("slot",{key:"ba7131ce5bca7d007aa20965040e255fa6c25c13",name:"icon"}),!this.collapsed&&o(n,{key:"46b8cb9f217c8f13b1dc9ec7d2154f6f83e68b4b"},this.buttonLabel,o("slot",{key:"308f13824604ece519ac8c5360cbb786d9394e9e",name:"label"}),o("tds-icon",{key:"de2e2d6b3a98b8e1305be53355514499fd77c223",class:"dropdown-icon",name:"chevron_down",size:"16px",svgTitle:"Chevron Down"})))),o("div",{key:"183194b6ddb0f41765f7be477f318905507c64c1",class:"menu",tabindex:this.collapsed?"0":void 0},this.collapsed&&o("h3",{key:"afa41e6a713ef36d0667abda7953db6e36d473ef",class:"heading-collapsed"},this.buttonLabel,o("slot",{key:"3f477b131787e9dec8cd634eff03b055f15021e1",name:"label"})),o("slot",{key:"e3fa597b180eaf321984ebda01894b47de151f1c"}))))}get host(){return this}static get style(){return":host{display:block}:host .wrapper{display:flex;flex-direction:column}:host .dropdown-icon{margin-left:auto;transition:all 0.2s ease-in-out}:host .state-open .dropdown-icon{transform:rotateZ(180deg)}:host .state-open .menu{display:block}:host .state-collapsed .menu{--side-menu-width:69px;position:absolute;left:var(--side-menu-width);box-shadow:var(--tds-nav-dropdown-menu-box);background-color:var(--tds-sidebar-side-menu-subnav-background)}:host .state-collapsed .menu .heading-collapsed{all:unset;box-sizing:border-box;padding:16px 24px 15px;min-height:48px;display:flex;align-items:center;border-bottom:1px solid var(--tds-sidebar-side-menu-bottom-menu-border-top);font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls)}:host :not(.state-collapsed) .menu ::slotted(tds-side-menu-dropdown-list){width:100%}:host .menu{display:none;flex-direction:column}"}},[257,"tds-side-menu-dropdown",{defaultOpen:[516,"default-open"],buttonLabel:[513,"button-label"],selected:[516],open:[516],hoverState:[32],collapsed:[32]},[[16,"internalTdsSideMenuPropChange","collapsedSideMenuEventHandler"],[1,"pointerenter","onEventPointerEnter"],[0,"focusin","onEventFocus"],[1,"pointerleave","onEventPointerLeave"],[0,"focusout","onEventBlur"],[0,"keydown","handleKeyDown"]]]);function r(){"undefined"!=typeof customElements&&["tds-side-menu-dropdown","tds-icon","tds-side-menu-item"].forEach((t=>{switch(t){case"tds-side-menu-dropdown":customElements.get(e(t))||customElements.define(e(t),l);break;case"tds-icon":customElements.get(e(t))||i();break;case"tds-side-menu-item":customElements.get(e(t))||a()}}))}r();const c=l,h=r;export{c as TdsSideMenuDropdown,h as defineCustomElement}