@scania/tegel/dist/tegel/p-7d427dff.entry.js

Tegel Design System

import{r as e,h as d,H as t,g as a}from"./p-2049fab2.js";const s=class{constructor(d){e(this,d),this.imgUrl=void 0,this.imgAlt=void 0,this.header=void 0,this.subheader=void 0}render(){return d(t,{key:"ce178361998f3e7e64972a5a2971b3c39d9cd1eb",role:"listitem"},d("div",{key:"cd52038858fe6fb243f013d741343abd0bc529f1",class:"user-box"},this.imgUrl&&d("img",{key:"2f269c20c2e54695630b559002464f92a4f332bc",src:this.imgUrl,alt:this.imgAlt}),d("slot",{key:"567bcc9d198d5e9e1a9ffd4c213dd2cf80ffbbb6",name:"thumbanil"}),d("div",{key:"06a2def2886269e2399a1b95850b077e8235fdfb",class:"user-content"},d("div",{key:"bb189ed4a6a22a884837d876255dcff7495c5200",class:"header"},this.header,d("slot",{key:"b88637de2dbff8fdc5f2280f123abd8b44d8f20e",name:"header"})),d("div",{key:"34b503dd4ec0ac5c450947e4019783af7074b777",class:"subheader"},this.subheader,d("slot",{key:"8ffcd878217abd7036b304ed70ae12a4bd992350",name:"subheader"})))))}get host(){return a(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}