JezK

Edit File: sc-block-ui2.js.map

{"file":"sc-block-ui2.js","mappings":";;;AAAA,MAAM,YAAY,GAAG,6nBAA6nB,CAAC;AACnpB,wBAAe,YAAY;;MCUd,SAAS;;;;;sBACK,CAAC;;;;IAG1B,MAAM;QACJ,QACE,4DAAK,IAAI,EAAC,MAAM,EAAC,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,CAAC,WAAW,EAAE,EAAE,KAAK,EAAE,EAAE,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,QAAQ,EAAE,EAAE,IACpH,4DAAK,KAAK,EAAC,kBAAkB,EAAC,IAAI,EAAC,SAAS,IAC1C,6DAAM,IAAI,EAAC,SAAS,IAAE,CAAC,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,OAAO,IAAI,oEAAyB,CAAQ,EAC5F,8DAAa,CACT,CACF,EACN;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/ui/block-ui/sc-block-ui.scss?tag=sc-block-ui&encapsulation=shadow","src/components/ui/block-ui/sc-block-ui.tsx"],"sourcesContent":[":host {\n display: block;\n position: var(--sc-block-ui-position, absolute);\n top: -5px;\n left: -5px;\n right: -5px;\n bottom: -5px;\n overflow: hidden;\n display: flex;\n align-items: center;\n justify-content: center;\n\n > * {\n z-index: 1;\n }\n\n &:after {\n content: '';\n position: var(--sc-block-ui-position, absolute);\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n cursor: var(--sc-block-ui-cursor, wait);\n background: var(--sc-block-ui-background-color, var(--sc-color-white));\n opacity: var(--sc-block-ui-opacity, 0.15);\n }\n\n &.transparent:after {\n background: transparent;\n }\n}\n\n.overlay__content {\n font-size: var(--sc-font-size-large);\n font-weight: var(--sc-font-weight-semibold);\n display: grid;\n gap: 0.5em;\n text-align: center;\n}\n","import { Component, h, Prop } from '@stencil/core';\n\n/**\n * @part base - The elements base wrapper.\n * @part content - The content (spinner)\n */\n@Component({\n tag: 'sc-block-ui',\n styleUrl: 'sc-block-ui.scss',\n shadow: true,\n})\nexport class ScBlockUi {\n @Prop() zIndex: number = 1;\n @Prop() transparent: boolean;\n @Prop() spinner: boolean;\n render() {\n return (\n <div part=\"base\" class={{ overlay: true, transparent: this.transparent }} style={{ 'z-index': this.zIndex.toString() }}>\n <div class=\"overlay__content\" part=\"content\">\n <slot name=\"spinner\">{!this.transparent && this.spinner && <sc-spinner></sc-spinner>}</slot>\n <slot></slot>\n </div>\n </div>\n );\n }\n}\n"],"version":3}