@utrecht/web-component-library-stencil
Version:
Stencil component library bundle for the Municipality of Utrecht based on the NL Design System architecture
37 lines (32 loc) • 1.73 kB
JavaScript
import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
const tableCaptionCss = ":host{break-inside:avoid;color:var(--utrecht-table-caption-color);font-family:var(--utrecht-table-caption-font-family);font-size:var(--utrecht-table-caption-font-size);font-weight:var(--utrecht-table-caption-font-weight);line-height:var(--utrecht-table-caption-line-height);margin-block-end:var(--utrecht-table-caption-margin-block-end);page-break-after:avoid;text-align:var(--utrecht-table-caption-text-align, center);display:table-caption;page-break-after:avoid;page-break-inside:avoid}";
const UtrechtTableCaptionStyle0 = tableCaptionCss;
const TableCaption = /*@__PURE__*/ proxyCustomElement(class TableCaption extends HTMLElement {
constructor() {
super();
this.__registerHost();
this.__attachShadow();
}
render() {
// TODO: Associate with parent <utrecht-table> aria-labelledby attribute
return h("slot", { key: '88705126388d55ce43b0e881fd04ea86635b3a19' });
}
static get style() { return UtrechtTableCaptionStyle0; }
}, [1, "utrecht-table-caption"]);
function defineCustomElement$1() {
if (typeof customElements === "undefined") {
return;
}
const components = ["utrecht-table-caption"];
components.forEach(tagName => { switch (tagName) {
case "utrecht-table-caption":
if (!customElements.get(tagName)) {
customElements.define(tagName, TableCaption);
}
break;
} });
}
const UtrechtTableCaption = TableCaption;
const defineCustomElement = defineCustomElement$1;
export { UtrechtTableCaption, defineCustomElement };
//# sourceMappingURL=utrecht-table-caption.js.map