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