@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.55 kB
JavaScript
import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
const pageFooterCss = ":host{--utrecht-document-color:currentColor;--utrecht-heading-color:currentColor;--utrecht-link-color:currentColor;--utrecht-link-focus-color:currentColor;--utrecht-link-hover-color:currentColor;--utrecht-link-active-color:currentColor;--utrecht-link-visited-color:currentColor;background-color:var(--utrecht-page-footer-background-color);background-image:var(--utrecht-page-footer-background-image);box-sizing:border-box;color:var(--utrecht-page-footer-color);display:grid;font-family:var(--utrecht-document-font-family);font-size:var(--utrecht-document-font-size);inline-size:100%;padding-block-end:var(--utrecht-page-footer-padding-block-end);padding-block-start:var(--utrecht-page-footer-padding-block-start);padding-inline-end:var(--utrecht-page-footer-padding-inline-end);padding-inline-start:var(--utrecht-page-footer-padding-inline-start)}footer{background-color:var(--utrecht-page-footer-content-background-color);box-sizing:border-box;color:var(--utrecht-page-footer-content-color);inline-size:100%;justify-self:center;max-inline-size:var(--utrecht-page-footer-content-max-inline-size);padding-block-end:var(--utrecht-page-footer-content-padding-block-end);padding-block-start:var(--utrecht-page-footer-content-padding-block-start);padding-inline:var(--utrecht-page-footer-content-padding-inline)}:host([hidden]){display:none !important}";
const UtrechtPageFooterStyle0 = pageFooterCss;
const PageFooter = /*@__PURE__*/ proxyCustomElement(class PageFooter extends HTMLElement {
constructor() {
super();
this.__registerHost();
this.__attachShadow();
}
render() {
return (h("footer", { key: '76cb980ad425e241f6675fcbff7879c3d86ff26b' }, h("slot", { key: 'a0236f05d24e88d38410641deccfed07b5de3817' })));
}
static get style() { return UtrechtPageFooterStyle0; }
}, [1, "utrecht-page-footer"]);
function defineCustomElement$1() {
if (typeof customElements === "undefined") {
return;
}
const components = ["utrecht-page-footer"];
components.forEach(tagName => { switch (tagName) {
case "utrecht-page-footer":
if (!customElements.get(tagName)) {
customElements.define(tagName, PageFooter);
}
break;
} });
}
const UtrechtPageFooter = PageFooter;
const defineCustomElement = defineCustomElement$1;
export { UtrechtPageFooter, defineCustomElement };
//# sourceMappingURL=utrecht-page-footer.js.map