@utrecht/web-component-library-stencil/dist/esm/utrecht-backdrop.entry.js

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

import { r as registerInstance, h } from './index-6be72d1f.js';
import { c as clsx } from './clsx-eca3fadc.js';

const backdropCss = ".utrecht-backdrop{--_utrecht-backdrop-opacity:var(--utrecht-backdrop-opacity);--_utrecht-backdrop-fade-in-animation-duration:var(--utrecht-backdrop-fade-in-animation-duration, 0);animation-duration:min(var(--utrecht-motion-max-animation-duration, var(--_utrecht-backdrop-fade-in-animation-duration)), var(--_utrecht-backdrop-fade-in-animation-duration, 0));animation-name:utrecht-backdrop-fade-in;animation-timing-function:ease-in-out;background-color:var(--utrecht-backdrop-background-color);color:var(--utrecht-backdrop-color);opacity:var(--_utrecht-backdrop-opacity);-webkit-user-select:none;user-select:none}@keyframes utrecht-backdrop-fade-in{from{opacity:0%}to{opacity:var(--_utrecht-backdrop-opacity)}}@media (prefers-reduced-motion: reduce){.utrecht-backdrop{--_utrecht-backdrop-fade-in-animation-duration:0}}@media (prefers-reduced-transparency: reduce){.utrecht-backdrop{--_utrecht-backdrop-opacity:var(--utrecht-backdrop-reduced-transparency-opacity, 100%)}}.utrecht-backdrop{display:block;inset-block-end:0;inset-block-start:0;inset-inline-end:0;inset-inline-start:0;position:absolute;z-index:var(--utrecht-backdrop-z-index)}.utrecht-backdrop--reduced-motion{--_utrecht-backdrop-fade-in-animation-duration:0}.utrecht-backdrop--reduced-transparency{--_utrecht-backdrop-opacity:var(--utrecht-backdrop-reduced-transparency-opacity, 100%)}.utrecht-backdrop--viewport{position:fixed}:host{display:block}:host([hidden]){display:none !important}";
const UtrechtBackdropStyle0 = backdropCss;

const Backdrop = class {
    constructor(hostRef) {
        registerInstance(this, hostRef);
        this.viewport = undefined;
    }
    render() {
        const { viewport } = this;
        return (h("div", { key: 'a6164e33edca910e3e4723583ade6cfee616cbdc', class: clsx('utrecht-backdrop', viewport && 'utrecht-backdrop--viewport') }, h("slot", { key: 'f46cad65a192d1bd5e319eb69e5fb2347205129f' })));
    }
};
Backdrop.style = UtrechtBackdropStyle0;

export { Backdrop as utrecht_backdrop };

//# sourceMappingURL=utrecht-backdrop.entry.js.map