@scania/tegel
Version:
Tegel Design System
1 lines • 1.54 kB
JavaScript
import{r as e,h as a,H as d,a as t}from"./p-9xxNGlso.js";const s=class{constructor(a){e(this,a)}render(){return a(d,{key:"6c6f1f4e7b328ab7e571ec60ae5912de5c64f8cc",role:"listitem"},a("div",{key:"656ac37d2b82507a4771ca15fa1037075d7ddf7e",class:"user-box"},this.imgUrl&&a("img",{key:"8c818c2b2a929ae4bb4fd727993cb6149b14299f",src:this.imgUrl,alt:this.imgAlt}),a("slot",{key:"2bd1268fd2af70838c3483ce9a620120eae0fd26",name:"thumbanil"}),a("div",{key:"ca8742b1cd62dbb17dfcb36a37a718b06745219d",class:"user-content"},a("div",{key:"381f7d63597faeb7c65ff5c40aae0e7b9cd0d514",class:"header"},this.header,a("slot",{key:"3d19b2d30935fab20c53b84583ab0df2f76e58aa",name:"header"})),a("div",{key:"14f89aeea1314b510c7f34d4e806b1d6db36e78b",class:"subheader"},this.subheader,a("slot",{key:"a7e725df6a29c4ebb1c83dc75c7a2414f0806103",name:"subheader"})))))}get host(){return t(this)}};s.style=":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)}";export{s as tds_header_dropdown_list_user}