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

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

import { p as proxyCustomElement, H, h, d as Host } from './p-2f0ff193.js';

const colorSampleCss = ":host{background-color:var(--utrecht-color-sample-background-color, currentColor);block-size:var(--utrecht-color-sample-block-size, 2em);border-color:var(--utrecht-color-sample-border-color, var(--utrecht-color-sample-default-border-color));border-radius:var(--utrecht-color-sample-border-radius, 0);border-style:solid;border-width:var(--utrecht-color-sample-border-width, 0);box-sizing:border-box;display:inline-block;inline-size:var(--utrecht-color-sample-inline-size, 2em);-webkit-print-color-adjust:exact;print-color-adjust:exact}@media (forced-colors: active){:host{forced-color-adjust:none}}@media (forced-colors: active) and (prefers-color-scheme: dark){:host{--utrecht-color-sample-default-border-color:var(--utrecht-color-sample-dark-border-color, #000)}}@media (forced-colors: active) and (prefers-color-scheme: light){:host{--utrecht-color-sample-default-border-color:var(--utrecht-color-sample-light-border-color, #fff)}}:host([hidden]){display:none !important}";
const UtrechtColorSampleStyle0 = colorSampleCss;

const ColorSample = /*@__PURE__*/ proxyCustomElement(class ColorSample extends H {
    constructor() {
        super();
        this.__registerHost();
        this.__attachShadow();
        this.color = undefined;
    }
    render() {
        return (h(Host, { key: '996c17e787a1a1213dc988f2243a799f69b2a27e', style: { color: this.color } }, h("data", { key: '9d6f867cbca4ff2e20f885d1eb7afbae11be0a84', value: this.color }, h("slot", { key: 'b1bd84878c217a6a072aa4a804d04a6c25ae0c92' }))));
    }
    static get style() { return UtrechtColorSampleStyle0; }
}, [1, "utrecht-color-sample", {
        "color": [1]
    }]);
function defineCustomElement$1() {
    if (typeof customElements === "undefined") {
        return;
    }
    const components = ["utrecht-color-sample"];
    components.forEach(tagName => { switch (tagName) {
        case "utrecht-color-sample":
            if (!customElements.get(tagName)) {
                customElements.define(tagName, ColorSample);
            }
            break;
    } });
}

const UtrechtColorSample = ColorSample;
const defineCustomElement = defineCustomElement$1;

export { UtrechtColorSample, defineCustomElement };

//# sourceMappingURL=utrecht-color-sample.js.map