@scania/tegel
Version:
Tegel Design System
1 lines • 1.96 kB
JavaScript
import{t as e,p as t,H as a,h as s,a as d}from"./index.js";const r=t(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return s(d,{key:"6c6f1f4e7b328ab7e571ec60ae5912de5c64f8cc",role:"listitem"},s("div",{key:"656ac37d2b82507a4771ca15fa1037075d7ddf7e",class:"user-box"},this.imgUrl&&s("img",{key:"8c818c2b2a929ae4bb4fd727993cb6149b14299f",src:this.imgUrl,alt:this.imgAlt}),s("slot",{key:"2bd1268fd2af70838c3483ce9a620120eae0fd26",name:"thumbanil"}),s("div",{key:"ca8742b1cd62dbb17dfcb36a37a718b06745219d",class:"user-content"},s("div",{key:"381f7d63597faeb7c65ff5c40aae0e7b9cd0d514",class:"header"},this.header,s("slot",{key:"3d19b2d30935fab20c53b84583ab0df2f76e58aa",name:"header"})),s("div",{key:"14f89aeea1314b510c7f34d4e806b1d6db36e78b",class:"subheader"},this.subheader,s("slot",{key:"a7e725df6a29c4ebb1c83dc75c7a2414f0806103",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:[1,"img-url"],imgAlt:[1,"img-alt"],header:[1],subheader:[1]}]);function o(){"undefined"!=typeof customElements&&["tds-header-dropdown-list-user"].forEach((t=>{"tds-header-dropdown-list-user"===t&&(customElements.get(e(t))||customElements.define(e(t),r))}))}o();const c=r,i=o;export{c as TdsHeaderDropdownListUser,i as defineCustomElement}