vicowa-web-components/dist/vicowa-modal/vicowa-modal.js

Various web components

import{WebComponentBaseClass as t}from"/third_party/web-component-base-class/dist/web-component-base-class.js";window.customElements.define("vicowa-modal",class VicowaModal extends t{#t;constructor(){super(),this.#t=null}static get properties(){return{open:{type:Boolean,reflectToAttribute:!0,value:!1},outsideCloses:{type:Boolean,reflectToAttribute:!0,value:!1}}}attached(){this.addAutoEventListener(this,"click",(()=>{this.outsideCloses&&(this.open=!1)})),this.addAutoEventListener(this.$.modalBox,"click",(t=>{t.cancelBubble=!0}))}static get template(){return'\n\t\t\t<style>\n\t\t\t\t:host {\n\t\t\t\t\tposition: fixed;\n\t\t\t\t\tleft: 0;\n\t\t\t\t\ttop: 0;\n\t\t\t\t\tright: 0;\n\t\t\t\t\tbottom: 0;\n\t\t\t\t\tdisplay: none;\n\t\t\t\t\talign-items: center;\n\t\t\t\t\tjustify-content: center;\n\t\t\t\t\tz-index: 10000;\n\t\t\t\t}\n\t\t\n\t\t\t\t.background {\n\t\t\t\t\tposition: absolute;\n\t\t\t\t\tleft: 0;\n\t\t\t\t\ttop: 0;\n\t\t\t\t\tright: 0;\n\t\t\t\t\tbottom: 0;\n\t\t\t\t\tbackground: black;\n\t\t\t\t\topacity: 0.7;\n\t\t\t\t}\n\n\t\t\t\t:host([open]) {\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t}\n\t\t\n\t\t\t\t#modal-box {\n\t\t\t\t\tbackground: white;\n\t\t\t\t\tborder: 1px solid grey;\n\t\t\t\t\tbox-shadow: 5px 5px 15px black;\n\t\t\t\t\tmin-width: 1em;\n\t\t\t\t\tmin-height: 1em;\n\t\t\t\t\tz-index: 1;\n\t\t\t\t}\n\t\t\t</style>\n\t\t\t<div class="background"></div>\n\t\t\t<div id="modal-box">\n\t\t\t\t<slot name="content"></slot>\n\t\t\t</div>\n\t\t'}});
//# sourceMappingURL=vicowa-modal.js.map