FileMaster

Edit File: sc-block-ui.entry.js

import { r as registerInstance, h } from './index-745b6bec.js';

const scBlockUiCss = ":host{display:block;position:var(--sc-block-ui-position, absolute);top:-5px;left:-5px;right:-5px;bottom:-5px;overflow:hidden;display:flex;align-items:center;justify-content:center}:host>*{z-index:1}:host:after{content:\"\";position:var(--sc-block-ui-position, absolute);top:0;left:0;right:0;bottom:0;cursor:var(--sc-block-ui-cursor, wait);background:var(--sc-block-ui-background-color, var(--sc-color-white));opacity:var(--sc-block-ui-opacity, 0.15)}:host.transparent:after{background:transparent}.overlay__content{font-size:var(--sc-font-size-large);font-weight:var(--sc-font-weight-semibold);display:grid;gap:0.5em;text-align:center}";
const ScBlockUiStyle0 = scBlockUiCss;

const ScBlockUi = class {
    constructor(hostRef) {
        registerInstance(this, hostRef);
        this.zIndex = 1;
        this.transparent = undefined;
        this.spinner = undefined;
    }
    render() {
        return (h("div", { key: '54a9ee90eba3d65c2d2d12d854d918cf7ac04969', part: "base", class: { overlay: true, transparent: this.transparent }, style: { 'z-index': this.zIndex.toString() } }, h("div", { key: '3cd0ff07b3d6c7053b12c9f1b52cf172620f4373', class: "overlay__content", part: "content" }, h("slot", { key: '073f834808d3be2f615b3c6c4e03bad15564141b', name: "spinner" }, !this.transparent && this.spinner && h("sc-spinner", { key: '12c49adfbe44f9ed92a95df469b7e95e525a7c13' })), h("slot", { key: '2edd5da92d47b1cd5508407b737985f9d53b942a' }))));
    }
};
ScBlockUi.style = ScBlockUiStyle0;

export { ScBlockUi as sc_block_ui };

//# sourceMappingURL=sc-block-ui.entry.js.map

Back