modal.min.js

/*==============================================
*  modal.js Version 0.1
*  The MIT Licence
*  (C) 2021 Kenta Asahi
*  https://github.com/18t2003g/modal.js
*=============================================*/
const shadowDiv=document.createElement("div");shadowDiv.setAttribute("id","modal-js-shadow"),shadowDiv.style.zIndex="254",shadowDiv.style.position="fixed",shadowDiv.style.visibility="hidden",shadowDiv.style.position="fixed",shadowDiv.style.top="0",shadowDiv.style.left="0",shadowDiv.style.width="100vw",shadowDiv.style.height="100vh",shadowDiv.style.backgroundColor="#000",shadowDiv.style.opacity="0.5";class Modal{constructor(i){this.DOMobj=i,this.DOMobj.style.visibility="hidden",this.DOMobj.style.position="fixed",this.DOMobj.style.zIndex="255",this.DOMobj.style.left="calc((100vw - "+this.DOMobj.offsetWidth+"px) / 2)",this.DOMobj.style.top="calc((100vh - "+this.DOMobj.offsetHeight+"px) / 2)",this.shadow=!1}show(){null==document.getElementById("modal-js-shadow")&&document.body.appendChild(shadowDiv),1==this.shadow&&(document.getElementById("modal-js-shadow").style.visibility="visible"),this.DOMobj.style.visibility="visible"}hide(){1==this.shadow&&(document.getElementById("modal-js-shadow").style.visibility="hidden"),this.DOMobj.style.visibility="hidden"}}