@utrecht/web-component-library-stencil
Version:
Stencil component library bundle for the Municipality of Utrecht based on the NL Design System architecture
36 lines (31 loc) • 2.3 kB
JavaScript
import { p as proxyCustomElement, H, h } from './p-2f0ff193.js';
const pageHeaderCss = ":host{background-color:var(--utrecht-page-header-background-color);border-block-end-color:var(--utrecht-page-header-border-block-end-color, currentColor);border-block-end-style:solid;border-block-end-width:var(--utrecht-page-header-border-block-end-width, 0);box-sizing:border-box;color:var(--utrecht-page-header-color);display:grid;grid-area:\"utrecht-header\";inline-size:100%;padding-block-end:var(--utrecht-page-header-padding-block-end);padding-block-start:var(--utrecht-page-header-padding-block-start);padding-inline-end:var(--utrecht-page-padding-inline-end);padding-inline-start:var(--utrecht-page-padding-inline-start)}header{background-color:var(--utrecht-page-header-content-background-color);box-sizing:border-box;color:var(--utrecht-page-header-content-color);inline-size:100%;justify-self:center;max-inline-size:var(--utrecht-page-header-content-max-inline-size);padding-block-end:var(--utrecht-page-header-content-padding-block-end);padding-block-start:var(--utrecht-page-header-content-padding-block-start);padding-inline:var(--utrecht-page-header-content-padding-inline)}:host([hidden]){display:none !important}";
const UtrechtPageHeaderStyle0 = pageHeaderCss;
const PageHeader = /*@__PURE__*/ proxyCustomElement(class PageHeader extends H {
constructor() {
super();
this.__registerHost();
this.__attachShadow();
}
render() {
return (h("header", { key: '317ecebda809474355097de086ce7994b5340c48' }, h("slot", { key: 'd10c1a8283c47878924414ff390b6dbfb75ef381' })));
}
static get style() { return UtrechtPageHeaderStyle0; }
}, [1, "utrecht-page-header"]);
function defineCustomElement$1() {
if (typeof customElements === "undefined") {
return;
}
const components = ["utrecht-page-header"];
components.forEach(tagName => { switch (tagName) {
case "utrecht-page-header":
if (!customElements.get(tagName)) {
customElements.define(tagName, PageHeader);
}
break;
} });
}
const UtrechtPageHeader = PageHeader;
const defineCustomElement = defineCustomElement$1;
export { UtrechtPageHeader, defineCustomElement };
//# sourceMappingURL=utrecht-page-header.js.map