Da

✏️ Editing: modal.js

document.addEventListener( 'UAGModalEditor', function ( e ) {
	UAGBModal.init( '.uagb-block-' + e.detail.block_id, true );
} );
document.addEventListener( 'AstraQuickViewForModal', function ( e ) {
	UAGBModal.init( e.detail.class_name, false );
} );
window.UAGBModal = {
	init( mainSelector, isAdmin ) {
		const document_element = UAGBModal._getDocumentElement();
		const modalWrapper = document_element.querySelectorAll( mainSelector );
		const siteEditTheme = document_element.getElementsByClassName( 'edit-site' );
		const pageTemplate = document_element.getElementsByClassName( 'block-editor-iframe__body' );

if ( modalWrapper?.length ) {
			for ( const modalWrapperEl of modalWrapper ) {
				const modalTrigger = modalWrapperEl.querySelector( '.uagb-modal-trigger' );
				const closeOverlayClick = modalWrapperEl.dataset.overlayclick;
				if ( modalTrigger ) {
					modalTrigger.style.pointerEvents = 'auto';

const innerModal = modalWrapperEl?.querySelector( '.uagb-modal-popup' );
					if ( ! innerModal ) {
						continue;
					}

if ( ! isAdmin ) {
						document_element.body?.appendChild( innerModal );
					}

const bodyWrap = document_element.querySelector( 'body' );
					if ( ! bodyWrap ) {
						continue;
					}

modalTrigger.addEventListener( 'click', function ( e ) {
						e.preventDefault();
						if ( ! innerModal.classList.contains( 'active' ) ) {
							innerModal.classList.add( 'active' );
							// Once this modal is active, create a focusable element to add focus onto the modal and then remove it.
							const focusElement = document.createElement( 'button' );
							focusElement.style.position = 'absolute';
							focusElement.style.opacity = '0';
							const modalFocus = innerModal.insertBefore( focusElement, innerModal.firstChild );
							modalFocus.focus();
							modalFocus.remove();
							if (
								! bodyWrap.classList.contains( 'hide-scroll' ) &&
								! siteEditTheme?.length &&
								! pageTemplate?.length &&
								! bodyWrap.classList.contains( 'wp-admin' )
							) {
								bodyWrap.classList.add( 'hide-scroll' );
							}
						}
					} );
					if ( '.uagb-modal-wrapper' === mainSelector ) { // When we get mainSelector as a uagb-modal-wrapper from AstraQuickViewForModal event we get null for closeModal. So avoid this we need to use uagb-modal-popup as mainSelector.
						mainSelector = '.uagb-modal-popup';
					}
					const closeModal = innerModal.querySelector( `${ mainSelector } .uagb-modal-popup-close` );
					if ( closeModal ) {
						closeModal.addEventListener( 'click', function () {
							if ( innerModal.classList.contains( 'active' ) ) {
								innerModal.classList.remove( 'active' );
								modalTrigger?.focus();
							}
							if ( bodyWrap.classList.contains( 'hide-scroll' ) ) {
								UAGBModal.closeModalScrollCheck( bodyWrap, document_element );
							}
						} );
					}

if ( 'disable' !== closeOverlayClick ) {
						innerModal.addEventListener( 'click', function ( e ) {
							// Don't close modal if clicking on buttons or form elements
							if ( e.target.matches( 'button, input[type="submit"], input[type="button"]' ) || e.target.closest( 'button' ) ) {
								return;
							}
							if (
								'enable' === closeOverlayClick &&
								innerModal.classList.contains( 'active' ) &&
								! innerModal.querySelector( '.uagb-modal-popup-wrap' ).contains( e.target )
							) {
								innerModal.classList.remove( 'active' );
							}
							if ( bodyWrap.classList.contains( 'hide-scroll' ) ) {
								UAGBModal.closeModalScrollCheck( bodyWrap, document_element );
							}
						} );
					}

📁 Sid Gifari File Manager