@utrecht/web-component-library-stencil/dist/components/utrecht-emphasis.js

Stencil component library bundle for the Municipality of Utrecht based on the NL Design System architecture

import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';

const emphasisCss = ".utrecht-emphasis--stressed{font-style:var(--utrecht-emphasis-stressed-font-style, italic)}.utrecht-emphasis--strong{font-weight:var(--utrecht-emphasis-strong-font-weight, bold)}:host{display:inline}:host([hidden]){display:none !important}";
const UtrechtEmphasisStyle0 = emphasisCss;

const Emphasis = /*@__PURE__*/ proxyCustomElement(class Emphasis extends HTMLElement {
    constructor() {
        super();
        this.__registerHost();
        this.__attachShadow();
    }
    render() {
        return (h("em", { key: 'c22073e4a9412dad95a173fcad56872622c47b7c', class: "utrecht-emphasis" }, h("slot", { key: '74887e5669e145bb51ad89f4b0b137ca03c96695' })));
    }
    static get style() { return UtrechtEmphasisStyle0; }
}, [1, "utrecht-emphasis"]);
function defineCustomElement$1() {
    if (typeof customElements === "undefined") {
        return;
    }
    const components = ["utrecht-emphasis"];
    components.forEach(tagName => { switch (tagName) {
        case "utrecht-emphasis":
            if (!customElements.get(tagName)) {
                customElements.define(tagName, Emphasis);
            }
            break;
    } });
}

const UtrechtEmphasis = Emphasis;
const defineCustomElement = defineCustomElement$1;

export { UtrechtEmphasis, defineCustomElement };

//# sourceMappingURL=utrecht-emphasis.js.map