sweetalert2 11.3.3 → 11.3.7

package/src/instanceMethods/enable-disable-elements.js

@@ -1,13 +1,13 @@
 import privateProps from '../privateProps.js'
 
-function setButtonsDisabled (instance, buttons, disabled) {
+function setButtonsDisabled(instance, buttons, disabled) {
   const domCache = privateProps.domCache.get(instance)
-  buttons.forEach(button => {
+  buttons.forEach((button) => {
     domCache[button].disabled = disabled
   })
 }
 
-function setInputDisabled (input, disabled) {
+function setInputDisabled(input, disabled) {
   if (!input) {
     return false
   }
@@ -22,18 +22,18 @@ function setInputDisabled (input, disabled) {
   }
 }
 
-export function enableButtons () {
+export function enableButtons() {
   setButtonsDisabled(this, ['confirmButton', 'denyButton', 'cancelButton'], false)
 }
 
-export function disableButtons () {
+export function disableButtons() {
   setButtonsDisabled(this, ['confirmButton', 'denyButton', 'cancelButton'], true)
 }
 
-export function enableInput () {
+export function enableInput() {
   return setInputDisabled(this.getInput(), false)
 }
 
-export function disableInput () {
+export function disableInput() {
   return setInputDisabled(this.getInput(), true)
 }

package/src/instanceMethods/getInput.js

@@ -5,7 +5,7 @@ import privateProps from '../privateProps.js'
  * Gets the input DOM node, this method works with input parameter.
  * @returns {HTMLElement | null}
  */
-export function getInput (instance) {
+export function getInput(instance) {
   const innerParams = privateProps.innerParams.get(instance || this)
   const domCache = privateProps.domCache.get(instance || this)
   if (!domCache) {

package/src/instanceMethods/hideLoading.js

@@ -5,7 +5,7 @@ import privateProps from '../privateProps.js'
 /**
  * Hides loader and shows back the button which was hidden by .showLoading()
  */
-function hideLoading () {
+function hideLoading() {
   // do nothing if popup is closed
   const innerParams = privateProps.innerParams.get(this)
   if (!innerParams) {
@@ -37,7 +37,4 @@ const showRelatedButton = (domCache) => {
   }
 }
 
-export {
-  hideLoading,
-  hideLoading as disableLoading
-}
+export { hideLoading, hideLoading as disableLoading }

package/src/instanceMethods/progress-steps.js

@@ -1,6 +1,6 @@
 import privateProps from '../privateProps.js'
 
-export function getProgressSteps () {
+export function getProgressSteps() {
   const domCache = privateProps.domCache.get(this)
   return domCache.progressSteps
 }

package/src/instanceMethods/update.js

@@ -6,24 +6,17 @@ import { isUpdatableParameter } from '../../src/utils/params.js'
 /**
  * Updates popup parameters.
  */
-export function update (params) {
+export function update(params) {
   const popup = dom.getPopup()
   const innerParams = privateProps.innerParams.get(this)
 
   if (!popup || dom.hasClass(popup, innerParams.hideClass.popup)) {
-    return warn(`You're trying to update the closed or closing popup, that won't work. Use the update() method in preConfirm parameter or show a new popup.`)
+    return warn(
+      `You're trying to update the closed or closing popup, that won't work. Use the update() method in preConfirm parameter or show a new popup.`
+    )
   }
 
-  const validUpdatableParams = {}
-
-  // assign valid params from `params` to `defaults`
-  Object.keys(params).forEach(param => {
-    if (isUpdatableParameter(param)) {
-      validUpdatableParams[param] = params[param]
-    } else {
-      warn(`Invalid parameter to update: "${param}". Updatable params are listed here: https://github.com/sweetalert2/sweetalert2/blob/master/src/utils/params.js\n\nIf you think this parameter should be updatable, request it here: https://github.com/sweetalert2/sweetalert2/issues/new?template=02_feature_request.md`)
-    }
-  })
+  const validUpdatableParams = filterValidParams(params)
 
   const updatedParams = Object.assign({}, innerParams, validUpdatableParams)
 
@@ -34,7 +27,21 @@ export function update (params) {
     params: {
       value: Object.assign({}, this.params, params),
       writable: false,
-      enumerable: true
+      enumerable: true,
+    },
+  })
+}
+
+const filterValidParams = (params) => {
+  const validUpdatableParams = {}
+  Object.keys(params).forEach((param) => {
+    if (isUpdatableParameter(param)) {
+      validUpdatableParams[param] = params[param]
+    } else {
+      warn(
+        `Invalid parameter to update: "${param}". Updatable params are listed here: https://github.com/sweetalert2/sweetalert2/blob/master/src/utils/params.js\n\nIf you think this parameter should be updatable, request it here: https://github.com/sweetalert2/sweetalert2/issues/new?template=02_feature_request.md`
+      )
     }
   })
+  return validUpdatableParams
 }

package/src/instanceMethods/validation-message.js

@@ -3,7 +3,7 @@ import { swalClasses } from '../utils/classes.js'
 import privateProps from '../privateProps.js'
 
 // Show block with validation message
-export function showValidationMessage (error) {
+export function showValidationMessage(error) {
   const domCache = privateProps.domCache.get(this)
   const params = privateProps.innerParams.get(this)
   dom.setInnerHtml(domCache.validationMessage, error)
@@ -23,7 +23,7 @@ export function showValidationMessage (error) {
 }
 
 // Hide block with validation message
-export function resetValidationMessage () {
+export function resetValidationMessage() {
   const domCache = privateProps.domCache.get(this)
   if (domCache.validationMessage) {
     dom.hide(domCache.validationMessage)

package/src/keydown-handler.js

@@ -6,7 +6,9 @@ import privateProps from './privateProps.js'
 
 export const addKeydownHandler = (instance, globalState, innerParams, dismissWith) => {
   if (globalState.keydownTarget && globalState.keydownHandlerAdded) {
-    globalState.keydownTarget.removeEventListener('keydown', globalState.keydownHandler, { capture: globalState.keydownListenerCapture })
+    globalState.keydownTarget.removeEventListener('keydown', globalState.keydownHandler, {
+      capture: globalState.keydownListenerCapture,
+    })
     globalState.keydownHandlerAdded = false
   }
 
@@ -14,7 +16,9 @@ export const addKeydownHandler = (instance, globalState, innerParams, dismissWit
     globalState.keydownHandler = (e) => keydownHandler(instance, e, dismissWith)
     globalState.keydownTarget = innerParams.keydownListenerCapture ? window : dom.getPopup()
     globalState.keydownListenerCapture = innerParams.keydownListenerCapture
-    globalState.keydownTarget.addEventListener('keydown', globalState.keydownHandler, { capture: globalState.keydownListenerCapture })
+    globalState.keydownTarget.addEventListener('keydown', globalState.keydownHandler, {
+      capture: globalState.keydownListenerCapture,
+    })
     globalState.keydownHandlerAdded = true
   }
 }
@@ -41,13 +45,9 @@ export const setFocus = (innerParams, index, increment) => {
   dom.getPopup().focus()
 }
 
-const arrowKeysNextButton = [
-  'ArrowRight', 'ArrowDown',
-]
+const arrowKeysNextButton = ['ArrowRight', 'ArrowDown']
 
-const arrowKeysPreviousButton = [
-  'ArrowLeft', 'ArrowUp',
-]
+const arrowKeysPreviousButton = ['ArrowLeft', 'ArrowUp']
 
 const keydownHandler = (instance, e, dismissWith) => {
   const innerParams = privateProps.innerParams.get(instance)
@@ -63,24 +63,27 @@ const keydownHandler = (instance, e, dismissWith) => {
   // ENTER
   if (e.key === 'Enter') {
     handleEnter(instance, e, innerParams)
+  }
 
   // TAB
-  } else if (e.key === 'Tab') {
+  else if (e.key === 'Tab') {
     handleTab(e, innerParams)
+  }
 
   // ARROWS - switch focus between buttons
-  } else if ([...arrowKeysNextButton, ...arrowKeysPreviousButton].includes(e.key)) {
+  else if ([...arrowKeysNextButton, ...arrowKeysPreviousButton].includes(e.key)) {
     handleArrows(e.key)
+  }
 
   // ESC
-  } else if (e.key === 'Escape') {
+  else if (e.key === 'Escape') {
     handleEsc(e, innerParams, dismissWith)
   }
 }
 
 const handleEnter = (instance, e, innerParams) => {
-  // #720 #721
-  if (e.isComposing) {
+  // #2386 #720 #721
+  if (!callIfFunction(innerParams.allowEnterKey) || e.isComposing) {
     return
   }
 
@@ -106,13 +109,16 @@ const handleTab = (e, innerParams) => {
     }
   }
 
+  // Cycle to the next button
   if (!e.shiftKey) {
-    // Cycle to the next button
     setFocus(innerParams, btnIndex, 1)
-  } else {
-    // Cycle to the prev button
+  }
+
+  // Cycle to the prev button
+  else {
     setFocus(innerParams, btnIndex, -1)
   }
+
   e.stopPropagation()
   e.preventDefault()
 }

package/src/popup-click-handler.js

@@ -34,10 +34,12 @@ const handleToastClick = (instance, domCache, dismissWith) => {
  * @returns {boolean}
  */
 const isAnyButtonShown = (innerParams) => {
-  return innerParams.showConfirmButton ||
+  return (
+    innerParams.showConfirmButton ||
     innerParams.showDenyButton ||
     innerParams.showCancelButton ||
     innerParams.showCloseButton
+  )
 }
 
 let ignoreOutsideClick = false

package/src/privateMethods.js

@@ -10,5 +10,5 @@
 
 export default {
   swalPromiseResolve: new WeakMap(),
-  swalPromiseReject: new WeakMap()
+  swalPromiseReject: new WeakMap(),
 }

package/src/privateProps.js

@@ -12,5 +12,5 @@ export default {
   awaitingPromise: new WeakMap(),
   promise: new WeakMap(),
   innerParams: new WeakMap(),
-  domCache: new WeakMap()
+  domCache: new WeakMap(),
 }

package/src/staticMethods/argsToParams.js

@@ -8,7 +8,7 @@ export const argsToParams = (args) => {
   if (typeof args[0] === 'object' && !isElement(args[0])) {
     Object.assign(params, args[0])
   } else {
-    ['title', 'html', 'icon'].forEach((name, index) => {
+    ;['title', 'html', 'icon'].forEach((name, index) => {
       const arg = args[index]
       if (typeof arg === 'string' || isElement(arg)) {
         params[name] = arg

package/src/staticMethods/bindClickHandler.js

@@ -1,7 +1,7 @@
 let bodyClickListenerAdded = false
 const clickHandlers = {}
 
-export function bindClickHandler (attr = 'data-swal-template') {
+export function bindClickHandler(attr = 'data-swal-template') {
   clickHandlers[attr] = this
 
   if (!bodyClickListenerAdded) {

package/src/staticMethods/dom.js

@@ -19,7 +19,7 @@ export {
   getTimerProgressBar,
   getFocusableElements,
   getValidationMessage,
-  isLoading
+  isLoading,
 } from '../utils/dom/index.js'
 
 /*

package/src/staticMethods/fire.js

@@ -1,4 +1,4 @@
-export function fire (...args) {
-  const Swal = this
+export function fire(...args) {
+  const Swal = this // eslint-disable-line @typescript-eslint/no-this-alias
   return new Swal(...args)
 }

package/src/staticMethods/mixin.js

@@ -16,9 +16,9 @@
  *
  * @param mixinParams
  */
-export function mixin (mixinParams) {
+export function mixin(mixinParams) {
   class MixinSwal extends this {
-    _main (params, priorityMixinParams) {
+    _main(params, priorityMixinParams) {
       return super._main(params, Object.assign({}, mixinParams, priorityMixinParams))
     }
   }

package/src/staticMethods/showLoading.js

@@ -43,7 +43,4 @@ const replaceButton = (popup, buttonToReplace) => {
   dom.addClass([popup, actions], swalClasses.loading)
 }
 
-export {
-  showLoading,
-  showLoading as enableLoading
-}
+export { showLoading, showLoading as enableLoading }

package/src/staticMethods.js

@@ -5,8 +5,4 @@ export * from './staticMethods/mixin.js'
 export * from './staticMethods/showLoading.js'
 export * from './staticMethods/timer.js'
 export * from './staticMethods/bindClickHandler.js'
-export {
-  isValidParameter,
-  isUpdatableParameter,
-  isDeprecatedParameter
-} from './utils/params.js'
+export { isValidParameter, isUpdatableParameter, isDeprecatedParameter } from './utils/params.js'

package/src/utils/DismissReason.js

@@ -3,5 +3,5 @@ export const DismissReason = Object.freeze({
   backdrop: 'backdrop',
   close: 'close',
   esc: 'esc',
-  timer: 'timer'
+  timer: 'timer',
 })

package/src/utils/Timer.js

@@ -1,5 +1,5 @@
 export default class Timer {
-  constructor (callback, delay) {
+  constructor(callback, delay) {
     this.callback = callback
     this.remaining = delay
     this.running = false
@@ -7,7 +7,7 @@ export default class Timer {
     this.start()
   }
 
-  start () {
+  start() {
     if (!this.running) {
       this.running = true
       this.started = new Date()
@@ -16,7 +16,7 @@ export default class Timer {
     return this.remaining
   }
 
-  stop () {
+  stop() {
     if (this.running) {
       this.running = false
       clearTimeout(this.id)
@@ -25,7 +25,7 @@ export default class Timer {
     return this.remaining
   }
 
-  increase (n) {
+  increase(n) {
     const running = this.running
     if (running) {
       this.stop()
@@ -37,7 +37,7 @@ export default class Timer {
     return this.remaining
   }
 
-  getTimerLeft () {
+  getTimerLeft() {
     if (this.running) {
       this.stop()
       this.start()
@@ -45,7 +45,7 @@ export default class Timer {
     return this.remaining
   }
 
-  isRunning () {
+  isRunning() {
     return this.running
   }
 }

package/src/utils/aria.js

@@ -8,7 +8,7 @@ import { toArray } from './utils.js'
 
 export const setAriaHidden = () => {
   const bodyChildren = toArray(document.body.children)
-  bodyChildren.forEach(el => {
+  bodyChildren.forEach((el) => {
     if (el === getContainer() || el.contains(getContainer())) {
       return
     }
@@ -22,7 +22,7 @@ export const setAriaHidden = () => {
 
 export const unsetAriaHidden = () => {
   const bodyChildren = toArray(document.body.children)
-  bodyChildren.forEach(el => {
+  bodyChildren.forEach((el) => {
     if (el.hasAttribute('data-previous-aria-hidden')) {
       el.setAttribute('aria-hidden', el.getAttribute('data-previous-aria-hidden'))
       el.removeAttribute('data-previous-aria-hidden')

package/src/utils/classes.js

@@ -80,10 +80,4 @@ export const swalClasses = prefix([
   'icon-error',
 ])
 
-export const iconTypes = prefix([
-  'success',
-  'warning',
-  'info',
-  'question',
-  'error'
-])
+export const iconTypes = prefix(['success', 'warning', 'info', 'question', 'error'])

package/src/utils/defaultInputValidators.js

@@ -9,5 +9,5 @@ export default {
     return /^https?:\/\/(www\.)?[-a-zA-Z0-9@:%._+~#=]{1,256}\.[a-z]{2,63}\b([-a-zA-Z0-9@:%_+.~#?&/=]*)$/.test(string)
       ? Promise.resolve()
       : Promise.resolve(validationMessage || 'Invalid URL')
-  }
+  },
 }

package/src/utils/dom/animationEndEvent.js

@@ -9,9 +9,8 @@ export const animationEndEvent = (() => {
 
   const testEl = document.createElement('div')
   const transEndEventNames = {
-    WebkitAnimation: 'webkitAnimationEnd',
-    OAnimation: 'oAnimationEnd oanimationend',
-    animation: 'animationend'
+    WebkitAnimation: 'webkitAnimationEnd', // Chrome, Safari and Opera
+    animation: 'animationend', // Standard syntax
   }
   for (const i in transEndEventNames) {
     if (Object.prototype.hasOwnProperty.call(transEndEventNames, i) && typeof testEl.style[i] !== 'undefined') {

package/src/utils/dom/domUtils.js

@@ -1,10 +1,10 @@
-import { getTimerProgressBar, getConfirmButton, getDenyButton, getCancelButton } from './getters.js'
-import { swalClasses, iconTypes } from '../classes.js'
+import { getCancelButton, getConfirmButton, getDenyButton, getTimerProgressBar } from './getters.js'
+import { iconTypes, swalClasses } from '../classes.js'
 import { toArray, warn } from '../utils.js'
 
 // Remember state in cases where opening and handling a modal will fiddle with it.
 export const states = {
-  previousBodyPadding: null
+  previousBodyPadding: null,
 }
 
 /**
@@ -47,7 +47,7 @@ export const hasClass = (elem, className) => {
 }
 
 const removeCustomClasses = (elem, params) => {
-  toArray(elem.classList).forEach(className => {
+  toArray(elem.classList).forEach((className) => {
     if (
       !Object.values(swalClasses).includes(className) &&
       !Object.values(iconTypes).includes(className) &&
@@ -63,7 +63,11 @@ export const applyCustomClass = (elem, params, className) => {
 
   if (params.customClass && params.customClass[className]) {
     if (typeof params.customClass[className] !== 'string' && !params.customClass[className].forEach) {
-      return warn(`Invalid type of customClass.${className}! Expected string or iterable object, got "${typeof params.customClass[className]}"`)
+      return warn(
+        `Invalid type of customClass.${className}! Expected string or iterable object, got "${typeof params.customClass[
+          className
+        ]}"`
+      )
     }
 
     addClass(elem, params.customClass[className])
@@ -87,8 +91,10 @@ export const getInput = (popup, inputType) => {
     case 'checkbox':
       return popup.querySelector(`.${swalClasses.popup} > .${swalClasses.checkbox} input`)
     case 'radio':
-      return popup.querySelector(`.${swalClasses.popup} > .${swalClasses.radio} input:checked`) ||
+      return (
+        popup.querySelector(`.${swalClasses.popup} > .${swalClasses.radio} input:checked`) ||
         popup.querySelector(`.${swalClasses.popup} > .${swalClasses.radio} input:first-child`)
+      )
     case 'range':
       return popup.querySelector(`.${swalClasses.popup} > .${swalClasses.range} input`)
     default:
@@ -176,7 +182,7 @@ export const applyNumericalStyle = (elem, property, value) => {
     value = parseInt(value)
   }
   if (value || parseInt(value) === 0) {
-    elem.style[property] = (typeof value === 'number') ? `${value}px` : value
+    elem.style[property] = typeof value === 'number' ? `${value}px` : value
   } else {
     elem.style.removeProperty(property)
   }
@@ -211,7 +217,8 @@ export const toggle = (elem, condition, display) => {
 // borrowed from jquery $(elem).is(':visible') implementation
 export const isVisible = (elem) => !!(elem && (elem.offsetWidth || elem.offsetHeight || elem.getClientRects().length))
 
-export const allButtonsAreHidden = () => !isVisible(getConfirmButton()) && !isVisible(getDenyButton()) && !isVisible(getCancelButton())
+export const allButtonsAreHidden = () =>
+  !isVisible(getConfirmButton()) && !isVisible(getDenyButton()) && !isVisible(getCancelButton())
 
 export const isScrollable = (elem) => !!(elem.scrollHeight > elem.clientHeight)
 
@@ -245,7 +252,7 @@ export const stopTimerProgressBar = () => {
   timerProgressBar.style.removeProperty('transition')
   timerProgressBar.style.width = '100%'
   const timerProgressBarFullWidth = parseInt(window.getComputedStyle(timerProgressBar).width)
-  const timerProgressBarPercent = timerProgressBarWidth / timerProgressBarFullWidth * 100
+  const timerProgressBarPercent = (timerProgressBarWidth / timerProgressBarFullWidth) * 100
   timerProgressBar.style.removeProperty('transition')
   timerProgressBar.style.width = `${timerProgressBarPercent}%`
 }

package/src/utils/dom/getters.js

@@ -1,6 +1,6 @@
 import { swalClasses } from '../classes.js'
-import { uniqueArray, toArray } from '../utils.js'
-import { isVisible, hasClass } from './domUtils.js'
+import { toArray, uniqueArray } from '../utils.js'
+import { hasClass, isVisible } from './domUtils.js'
 
 /**
  * Gets the popup container which contains the backdrop and the popup itself.
@@ -72,23 +72,23 @@ export const getFocusableElements = () => {
   const focusableElementsWithTabindex = toArray(
     getPopup().querySelectorAll('[tabindex]:not([tabindex="-1"]):not([tabindex="0"])')
   )
-  // sort according to tabindex
+    // sort according to tabindex
     .sort((a, b) => {
-      a = parseInt(a.getAttribute('tabindex'))
-      b = parseInt(b.getAttribute('tabindex'))
-      if (a > b) {
+      const tabindexA = parseInt(a.getAttribute('tabindex'))
+      const tabindexB = parseInt(b.getAttribute('tabindex'))
+      if (tabindexA > tabindexB) {
         return 1
-      } else if (a < b) {
+      } else if (tabindexA < tabindexB) {
         return -1
       }
       return 0
     })
 
-  const otherFocusableElements = toArray(
-    getPopup().querySelectorAll(focusable)
-  ).filter(el => el.getAttribute('tabindex') !== '-1')
+  const otherFocusableElements = toArray(getPopup().querySelectorAll(focusable)).filter(
+    (el) => el.getAttribute('tabindex') !== '-1'
+  )
 
-  return uniqueArray(focusableElementsWithTabindex.concat(otherFocusableElements)).filter(el => isVisible(el))
+  return uniqueArray(focusableElementsWithTabindex.concat(otherFocusableElements)).filter((el) => isVisible(el))
 }
 
 export const isModal = () => {

package/src/utils/dom/init.js

@@ -1,6 +1,6 @@
 import { swalClasses } from '../classes.js'
 import { getContainer, getPopup } from './getters.js'
-import { addClass, removeClass, getDirectChildByClass, setInnerHtml } from './domUtils.js'
+import { addClass, getDirectChildByClass, removeClass, setInnerHtml } from './domUtils.js'
 import { isNodeEnv } from '../isNodeEnv.js'
 import { error } from '../utils.js'
 import globalState from '../../globalState.js'
@@ -49,11 +49,7 @@ const resetOldContainer = () => {
   oldContainer.remove()
   removeClass(
     [document.documentElement, document.body],
-    [
-      swalClasses['no-backdrop'],
-      swalClasses['toast-shown'],
-      swalClasses['has-column']
-    ]
+    [swalClasses['no-backdrop'], swalClasses['toast-shown'], swalClasses['has-column']]
   )
 
   return true
@@ -91,7 +87,7 @@ const addInputChangeListeners = () => {
   }
 }
 
-const getTarget = (target) => typeof target === 'string' ? document.querySelector(target) : target
+const getTarget = (target) => (typeof target === 'string' ? document.querySelector(target) : target)
 
 const setupAccessibility = (params) => {
   const popup = getPopup()