1var t;t=function(){if(void 0===customElements.get("base-popup")){const t=document.createElement("template");t.innerHTML='\n <style>\n :host {\n --popup-backdrop-color: black;\n --popup-backdrop-opacity: .625;\n --popup-padding: 1rem;\n \n position: fixed;\n inset: 0;\n pointer-events: none;\n z-index: 110;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: var(--popup-padding);\n }\n :host([size="fullscreen"]) {\n --popup-padding: 0rem;\n }\n :host([position*="left"]) {\n justify-content: flex-start;\n }\n :host([position*="right"]) {\n justify-content: flex-end;\n }\n :host([position*="top"]) {\n align-items: flex-start;\n }\n :host([position*="bottom"]) {\n align-items: flex-end;\n }\n :host([position*="stretch-width"]) [part="content"] {\n flex-grow: 1;\n }\n :host([position*="stretch-height"]) {\n align-items: stretch;\n }\n /* needs further implementation support because we cant influence the childs flex-grow property */\n :host([position*="stretch-height"]) [part="content"],\n :host([size="fullscreen"]) [part="content"] {\n display: flex;\n flex-direction: column;\n align-items: stretch;\n }\n [part="backdrop"] {\n display: block;\n position: absolute;\n inset: 0;\n z-index: 0;\n background: var(--popup-backdrop-color);\n opacity: var(--popup-backdrop-opacity);\n pointer-events: all;\n }\n [part="close-button"] {\n appearance: none;\n background: transparent;\n padding: 0;\n height: auto;\n width: auto;\n color: inherit;\n position: absolute;\n border: 0;\n outline: 0;\n right: 0;\n top: 0;\n z-index: 2;\n pointer-events: all;\n }\n [part="close-button"]:is(:focus-visible) {\n outline: 2px solid currentColor;\n outline-offset: -2px;\n }
1\n :host([disable-close-button]:not([disable-close-button="0"],[disable-close-button="false"])) [part="close-button"],\n :host([disable-close]:not([disable-close="0"],[disable-close="false"])) [part="close-button"] {\n display: none!important;\n }\n [part="default-close-button"]::before {\n content: "Ã";\n font-size: 1.5rem;\n display: inline-block;\n padding: .25em .5em;\n font-weight: bold;\n font-family: \'Arial\', sans-serif;\n opacity: .5;\n }\n :host([disable-backdrop]:not([disable-backdrop="0"],[disable-backdrop="false"])) {\n pointer-events: none;\n }\n :host([disable-backdrop]:not([disable-backdrop="0"],[disable-backdrop="false"])) [part="backdrop"] {\n display: none;\n }\n [part="content"] {\n position: relative;\n z-index: 1;\n pointer-events: all;\n max-width: calc(100% - var(--popup-padding));\n max-height: calc(100% - var(--popup-padding));\n overflow: auto;\n }\n [part="content"]::before,\n [part="content"]::after {\n content: "";\n display: block;\n }\n :host([size="tiny"]) [part="content"] {\n width: 240px;\n }\n :host([size="xsmall"]) [part="content"] {\n width: 320px;\n }\n :host([size="small"]) [part="content"] {\n width: 480px;\n }\n :host([size="medium"]) [part="content"] {\n width: 640px;\n }\n :host([size="large"]) [part="content"] {\n width: 800px;\n }\n :host([size="xlarge"]) [part="content"] {\n width: 1024px;\n }\n :host([size="fullscreen"]) [part="content"] {\n min-width: 100dvw;\n min-height: 100dvh;\n }\n </style>\n <div part="backdrop"></div>\n <div part="content">\n <button part="close-button">\n <slot name="close-button">\n <span part="default-close-button"></span> \n </slot>\n </button>\n <slot></slot>\n </div>\n ',customElements.define("base-popup",class extends HTMLElement{static get observedAttributes(){return["open"]}get closeable(){return!1===this.hasAttribute("disable-close")||"0"===this.getAttribute("disable-close")||"false"===this.getAttribute("disable-close")}get closeElement(){return this.closeable?this.shadowRoot.querySelector('[part="close-button"]'):null}constructor(){super(),this.attachShadow({mode:"open"}).appendChild(t.content.cloneNode(!0)),this.render(),this.keyupListener=this.keyupListener.bind(this)}attributeChangedCallback(t,e,n){e!==n&&this.render()}keyupListener(t){"Escape"===t.key&&this.close()}render(){this.hasAttribute("open")?(this.shadowRoot.innerHTML=t.innerHTML,this.closeable&&(this.shadowRoot.querySelector('[part="backdrop"]').addEventListener("click",this.close.bind(this)),this.shadowRoot.querySelector('[part="close-button"]').addEventListener("click",this.close.bind(this)),window.addEventListener("keyup",this.keyupListener,{capture:!0}))):(this.shadowRoot.innerHTML="",this.closeable&&window.removeEventListener("keyup",this.keyupListener,{capture:!0}))}open(){if(this.hasAttribute("disable-body-scroll")){const t=document.createElement("style");t.innerHTML="\n html {overflow: hidden!important}\n ",document.querySelector("head").insertAdjacentElement("beforeend",t),this.addEventListener("close",(()=>{t.parentElement.removeChild(t)}),{passive:!0,once:!0})}this.setAttribute("open","open"),this.render(),this.dispatchEvent(new CustomEvent("open",{bubbles:!1,cancelable:!1})),-1!==this.tabIndex&&this.focus(),this.hasAttribute("disable-backdrop")&&!this.getAttribute(!1)||document.dispatchEvent(new CustomEvent("a11y.toggletabindex",{detail:{disable:document.body,enable:this}}))}close(){this.removeAttribute("open"),this.render(),this.dispatchEvent(new CustomEvent("close",{bubbles:!1,cancelable:!1})),document.dispatchEvent(new CustomEvent("a11y.toggletabindex",{detail:{enable:document.body}}))}})}},"loading"!==document.readyState?t():document.addEventListener("DOMContentLoaded",t,{once:!0,passive:!0}); 2//# sourceMappingURL=base-popup.js.map
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.