import{r as t,h as o}from"./p-dfbe004d.js";const s=class{constructor(o){t(this,o),this.zIndex=1}render(){return o("div",{part:"base",class:{overlay:!0,transparent:this.transparent},style:{"z-index":this.zIndex.toString()}},o("div",{class:"overlay__content",part:"content"},o("slot",{name:"spinner"},!this.transparent&&this.spinner&&o("sc-spinner",null)),o("slot",null)))}};s.style=':host{display:block;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:absolute;top:0;left:0;right:0;bottom:0;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}';export{s as sc_block_ui}