EVOLUTION-MANAGER
Edit File: close.js
import globalState, { restoreActiveElement } from '../globalState.js' import { removeKeydownHandler } from '../keydown-handler.js' import privateMethods from '../privateMethods.js' import privateProps from '../privateProps.js' import { unsetAriaHidden } from '../utils/aria.js' import { swalClasses } from '../utils/classes.js' import * as dom from '../utils/dom/index.js' import { undoIOSfix } from '../utils/iosFix.js' import { undoReplaceScrollbarWithPadding } from '../utils/scrollbar.js' import { isSafariOrIOS } from '../utils/iosFix.js' /** * @param {SweetAlert} instance * @param {HTMLElement} container * @param {boolean} returnFocus * @param {Function} didClose */ function removePopupAndResetState(instance, container, returnFocus, didClose) { if (dom.isToast()) { triggerDidCloseAndDispose(instance, didClose) } else { restoreActiveElement(returnFocus).then(() => triggerDidCloseAndDispose(instance, didClose)) removeKeydownHandler(globalState) } // workaround for https://github.com/sweetalert2/sweetalert2/issues/2088 // for some reason removing the container in Safari will scroll the document to bottom if (isSafariOrIOS) { container.setAttribute('style', 'display:none !important') container.removeAttribute('class') container.innerHTML = '' } else { container.remove() } if (dom.isModal()) { undoReplaceScrollbarWithPadding() undoIOSfix() unsetAriaHidden() } removeBodyClasses() } /** * Remove SweetAlert2 classes from body */ function removeBodyClasses() { dom.removeClass( [document.documentElement, document.body], [swalClasses.shown, swalClasses['height-auto'], swalClasses['no-backdrop'], swalClasses['toast-shown']] ) } /** * Instance method to close sweetAlert * * @param {any} resolveValue */ export function close(resolveValue) { resolveValue = prepareResolveValue(resolveValue) const swalPromiseResolve = privateMethods.swalPromiseResolve.get(this) const didClose = triggerClosePopup(this) if (this.isAwaitingPromise) { // A swal awaiting for a promise (after a click on Confirm or Deny) cannot be dismissed anymore #2335 if (!resolveValue.isDismissed) { handleAwaitingPromise(this) swalPromiseResolve(resolveValue) } } else if (didClose) { // Resolve Swal promise swalPromiseResolve(resolveValue) } } const triggerClosePopup = (instance) => { const popup = dom.getPopup() if (!popup) { return false } const innerParams = privateProps.innerParams.get(instance) if (!innerParams || dom.hasClass(popup, innerParams.hideClass.popup)) { return false } dom.removeClass(popup, innerParams.showClass.popup) dom.addClass(popup, innerParams.hideClass.popup) const backdrop = dom.getContainer() dom.removeClass(backdrop, innerParams.showClass.backdrop) dom.addClass(backdrop, innerParams.hideClass.backdrop) handlePopupAnimation(instance, popup, innerParams) return true } /** * @param {any} error */ export function rejectPromise(error) { const rejectPromise = privateMethods.swalPromiseReject.get(this) handleAwaitingPromise(this) if (rejectPromise) { // Reject Swal promise rejectPromise(error) } } /** * @param {SweetAlert} instance */ export const handleAwaitingPromise = (instance) => { if (instance.isAwaitingPromise) { delete instance.isAwaitingPromise // The instance might have been previously partly destroyed, we must resume the destroy process in this case #2335 if (!privateProps.innerParams.get(instance)) { instance._destroy() } } } /** * @param {any} resolveValue * @returns {SweetAlertResult} */ const prepareResolveValue = (resolveValue) => { // When user calls Swal.close() if (typeof resolveValue === 'undefined') { return { isConfirmed: false, isDenied: false, isDismissed: true, } } return Object.assign( { isConfirmed: false, isDenied: false, isDismissed: false, }, resolveValue ) } /** * @param {SweetAlert} instance * @param {HTMLElement} popup * @param {SweetAlertOptions} innerParams */ const handlePopupAnimation = (instance, popup, innerParams) => { const container = dom.getContainer() // If animation is supported, animate const animationIsSupported = dom.animationEndEvent && dom.hasCssAnimation(popup) if (typeof innerParams.willClose === 'function') { innerParams.willClose(popup) } if (animationIsSupported) { animatePopup(instance, popup, container, innerParams.returnFocus, innerParams.didClose) } else { // Otherwise, remove immediately removePopupAndResetState(instance, container, innerParams.returnFocus, innerParams.didClose) } } /** * @param {SweetAlert} instance * @param {HTMLElement} popup * @param {HTMLElement} container * @param {boolean} returnFocus * @param {Function} didClose */ const animatePopup = (instance, popup, container, returnFocus, didClose) => { if (!dom.animationEndEvent) { return } globalState.swalCloseEventFinishedCallback = removePopupAndResetState.bind( null, instance, container, returnFocus, didClose ) popup.addEventListener(dom.animationEndEvent, function (e) { if (e.target === popup) { globalState.swalCloseEventFinishedCallback() delete globalState.swalCloseEventFinishedCallback } }) } /** * @param {SweetAlert} instance * @param {Function} didClose */ const triggerDidCloseAndDispose = (instance, didClose) => { setTimeout(() => { if (typeof didClose === 'function') { didClose.bind(instance.params)() } // instance might have been destroyed already if (instance._destroy) { instance._destroy() } }) } export { close as closePopup, close as closeModal, close as closeToast }