@scania/tegel
Version:
Tegel Design System
38 lines (34 loc) • 1.53 kB
JavaScript
import { p as proxyCustomElement, H, h, c as Host } from './p-28ef5186.js';
const sideMenuUserLabelCss = ":host{display:block;font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);color:var(--tds-sidebar-side-menu-single-item-color)}:host .subheading{color:var(--tds-grey-500)}";
const TdsSideMenuUserLabelStyle0 = sideMenuUserLabelCss;
const TdsSideMenuUserLabel = /*@__PURE__*/ proxyCustomElement(class TdsSideMenuUserLabel extends H {
constructor() {
super();
this.__registerHost();
this.__attachShadow();
this.heading = undefined;
this.subheading = undefined;
}
render() {
return (h(Host, { key: 'fcd180821724e5e7ad1d8574a3adaf428f124b47' }, this.heading, this.subheading && h("div", { key: 'f1d86f3f1f200de394e771ea71839e5e9a94ba10', class: "subheading" }, this.subheading)));
}
static get style() { return TdsSideMenuUserLabelStyle0; }
}, [1, "tds-side-menu-user-label", {
"heading": [1],
"subheading": [1]
}]);
function defineCustomElement() {
if (typeof customElements === "undefined") {
return;
}
const components = ["tds-side-menu-user-label"];
components.forEach(tagName => { switch (tagName) {
case "tds-side-menu-user-label":
if (!customElements.get(tagName)) {
customElements.define(tagName, TdsSideMenuUserLabel);
}
break;
} });
}
defineCustomElement();
export { TdsSideMenuUserLabel as T, defineCustomElement as d };