@scania/tegel
Version:
Tegel Design System
33 lines (29 loc) • 1.57 kB
JavaScript
import { p as proxyCustomElement, H, h, c as Host } from './p-28ef5186.js';
const coreHeaderItemCss = ":host{font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);color:var(--tds-header-nav-item-color)}:host .item{all:unset;box-sizing:border-box;display:flex;justify-content:center;align-items:center;min-width:var(--tds-header-height);height:var(--tds-header-height);margin:0}:host .item *{box-sizing:border-box}:host slot{white-space:nowrap}:host ::slotted(svg){font-size:20px}";
const TdsCoreHeaderItemStyle0 = coreHeaderItemCss;
const TdsCoreHeaderItem = /*@__PURE__*/ proxyCustomElement(class TdsCoreHeaderItem extends H {
constructor() {
super();
this.__registerHost();
this.__attachShadow();
}
render() {
return (h(Host, { key: '61b64a52364893a5b67de5797ae49b3c238086ac' }, h("div", { key: '29a46213b10ea291137b2fa7e2f28594177da0fb', class: "item" }, h("slot", { key: 'a844cb74962112475d6da8d1598f0fa7e1fa0b64' }))));
}
static get style() { return TdsCoreHeaderItemStyle0; }
}, [1, "tds-core-header-item"]);
function defineCustomElement() {
if (typeof customElements === "undefined") {
return;
}
const components = ["tds-core-header-item"];
components.forEach(tagName => { switch (tagName) {
case "tds-core-header-item":
if (!customElements.get(tagName)) {
customElements.define(tagName, TdsCoreHeaderItem);
}
break;
} });
}
defineCustomElement();
export { TdsCoreHeaderItem as T, defineCustomElement as d };