| | |
| | | (()=>{class e{constructor(t,s){this.modal=t,this.a11y=window.jvbA11y,this.options={openMessage:"Opened modal",closeMessage:"Closed modal",open:null,close:"button.cancel",save:'button[type="submit"]',...s},this.subscribers=new Set,e.modalStack||(e.modalStack=[]),this.boundEscapeListener=this.handleEscapeListener.bind(this),this.boundBackdropListener=this.handleBackdropListener.bind(this),this.init()}init(){this.isOpen=!1,this.hasChanges=!1,this.initElements(),this.initEvents()}initElements(){this.elements={open:this.options.open,close:this.options.close,save:this.options.save}}handleClose(){if(e.modalStack[e.modalStack.length-1]!==this)return;this.notify("modal-close",this.modal),this.a11y.announce(this.options.closeMessage),this.modal.close(),this.isOpen=!1;const t=e.modalStack.indexOf(this);-1!==t&&e.modalStack.splice(t,1),this.showBody(),this.removeCloseListeners()}handleOpen(t){this.addCloseListeners(),this.hideBody(),this.isOpen=!0,this.modal.showModal(),this.a11y||(this.a11y=window.jvbA11y),this.a11y.trapFocus(this.modal),this.a11y.announce(this.options.openMessage),e.modalStack.push(this),this.notify("modal-open",{modal:this.modal,event:t})}addCloseListeners(){document.addEventListener("keydown",this.boundEscapeListener),document.addEventListener("click",this.boundBackdropListener)}removeCloseListeners(){document.removeEventListener("keydown",this.boundEscapeListener),document.removeEventListener("click",this.boundBackdropListener)}handleEscapeListener(t){"Escape"===t.key&&e.modalStack[e.modalStack.length-1]===this&&(t.preventDefault(),this.handleClose())}handleBackdropListener(t){t.target===this.modal&&e.modalStack[e.modalStack.length-1]===this&&this.handleClose()}hideBody(){0===e.modalStack.length&&(document.body.style.overflow="hidden")}showBody(){0===e.modalStack.length&&(document.body.style.overflow="")}initEvents(){document.addEventListener("click",this.handleClick.bind(this))}handleClick(t){this.elements.open&&window.targetCheck(t,this.elements.open)?this.handleOpen(t):this.modal.contains(t.target)&&(this.elements.save&&window.targetCheck(t,this.elements.save)||this.elements.close&&window.targetCheck(t,this.elements.close)&&e.modalStack[e.modalStack.length-1]===this)&&this.handleClose()}static getTopModal(){return e.modalStack[e.modalStack.length-1]||null}static getAllModals(){return[...e.modalStack]}static closeTopModal(){const t=e.getTopModal();t&&t.handleClose()}static closeAllModals(){for(;e.modalStack.length>0;)e.closeTopModal()}subscribe(e){return this.subscribers.add(e),()=>this.subscribers.delete(e)}notify(e,t){this.subscribers.forEach((s=>s(e,t)))}destroy(){this.subscribers.clear(),e.closeAllModals(),this.showBody(),this.removeCloseListeners()}}document.addEventListener("DOMContentLoaded",(()=>{window.jvbModal=e}))})(); |
| | | (()=>{class e{constructor(t,s){this.modal=t,this.a11y=window.jvbA11y,this.options={openMessage:"Opened modal",closeMessage:"Closed modal",open:null,close:"button.cancel",save:'button[type="submit"]',...s},this.subscribers=new Set,e.modalStack||(e.modalStack=[]),this.boundEscapeListener=this.handleEscapeListener.bind(this),this.boundBackdropListener=this.handleBackdropListener.bind(this),this.init()}init(){this.isOpen=!1,this.hasChanges=!1,this.initElements(),this.initEvents()}initElements(){this.elements={open:this.options.open,close:this.options.close,save:this.options.save}}handleClose(){if(e.modalStack[e.modalStack.length-1]!==this)return;this.notify("modal-close",this.modal),this.a11y.announce(this.options.closeMessage),this.modal.close(),this.isOpen=!1;const t=e.modalStack.indexOf(this);-1!==t&&e.modalStack.splice(t,1),this.showBody(),this.removeCloseListeners()}handleOpen(t){this.addCloseListeners(),this.hideBody(),this.isOpen=!0,this.modal.showModal(),this.a11y||(this.a11y=window.jvbA11y),this.a11y.trapFocus(this.modal),this.a11y.announce(this.options.openMessage),e.modalStack.push(this),this.notify("modal-open",{modal:this.modal,event:t})}addCloseListeners(){document.addEventListener("keydown",this.boundEscapeListener),document.addEventListener("click",this.boundBackdropListener)}removeCloseListeners(){document.removeEventListener("keydown",this.boundEscapeListener),document.removeEventListener("click",this.boundBackdropListener)}handleEscapeListener(t){"Escape"===t.key&&e.modalStack[e.modalStack.length-1]===this&&(t.preventDefault(),this.handleClose())}handleBackdropListener(t){t.target===this.modal&&e.modalStack[e.modalStack.length-1]===this&&this.handleClose()}hideBody(){0===e.modalStack.length&&(document.body.style.overflow="hidden")}showBody(){0===e.modalStack.length&&(document.body.style.overflow="")}initEvents(){document.addEventListener("click",this.handleClick.bind(this))}handleClick(t){this.elements.open&&window.targetCheck(t,this.elements.open)?this.handleOpen(t):this.modal.contains(t.target)&&this.elements.close&&window.targetCheck(t,this.elements.close)&&e.modalStack[e.modalStack.length-1]===this&&this.handleClose()}static getTopModal(){return e.modalStack[e.modalStack.length-1]||null}static getAllModals(){return[...e.modalStack]}static closeTopModal(){const t=e.getTopModal();t&&t.handleClose()}static closeAllModals(){for(;e.modalStack.length>0;)e.closeTopModal()}subscribe(e){return this.subscribers.add(e),()=>this.subscribers.delete(e)}notify(e,t){this.subscribers.forEach(s=>s(e,t))}destroy(){this.subscribers.clear(),e.closeAllModals(),this.showBody(),this.removeCloseListeners()}}document.addEventListener("DOMContentLoaded",()=>{window.jvbModal=e})})(); |