sweetalert2 11.3.5 → 11.3.9

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

@@ -10,7 +10,7 @@ export const animationEndEvent = (() => {
   const testEl = document.createElement('div')
   const transEndEventNames = {
     WebkitAnimation: 'webkitAnimationEnd', // Chrome, Safari and Opera
-    animation: 'animationend' // Standard syntax
+    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,7 +72,7 @@ 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) => {
       const tabindexA = parseInt(a.getAttribute('tabindex'))
       const tabindexB = parseInt(b.getAttribute('tabindex'))
@@ -84,11 +84,11 @@ export const getFocusableElements = () => {
       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()

package/src/utils/dom/inputUtils.js

@@ -33,15 +33,17 @@ export const getInputValue = (instance, innerParams) => {
   }
 }
 
-const getCheckboxValue = (input) => input.checked ? 1 : 0
+const getCheckboxValue = (input) => (input.checked ? 1 : 0)
 
-const getRadioValue = (input) => input.checked ? input.value : null
+const getRadioValue = (input) => (input.checked ? input.value : null)
 
-const getFileValue = (input) => input.files.length ? (input.getAttribute('multiple') !== null ? input.files : input.files[0]) : null
+const getFileValue = (input) =>
+  input.files.length ? (input.getAttribute('multiple') !== null ? input.files : input.files[0]) : null
 
 const handleInputOptions = (instance, params) => {
   const popup = dom.getPopup()
-  const processInputOptions = (inputOptions) => populateInputOptions[params.input](popup, formatInputOptions(inputOptions), params)
+  const processInputOptions = (inputOptions) =>
+    populateInputOptions[params.input](popup, formatInputOptions(inputOptions), params)
   if (hasToPromiseFn(params.inputOptions) || isPromise(params.inputOptions)) {
     showLoading(dom.getConfirmButton())
     asPromise(params.inputOptions).then((inputOptions) => {
@@ -58,12 +60,13 @@ const handleInputOptions = (instance, params) => {
 const handleInputValue = (instance, params) => {
   const input = instance.getInput()
   dom.hide(input)
-  asPromise(params.inputValue).then((inputValue) => {
-    input.value = params.input === 'number' ? parseFloat(inputValue) || 0 : `${inputValue}`
-    dom.show(input)
-    input.focus()
-    instance.hideLoading()
-  })
+  asPromise(params.inputValue)
+    .then((inputValue) => {
+      input.value = params.input === 'number' ? parseFloat(inputValue) || 0 : `${inputValue}`
+      dom.show(input)
+      input.focus()
+      instance.hideLoading()
+    })
     .catch((err) => {
       error(`Error in inputValue promise: ${err}`)
       input.value = ''
@@ -83,20 +86,22 @@ const populateInputOptions = {
       option.selected = isSelected(optionValue, params.inputValue)
       parent.appendChild(option)
     }
-    inputOptions.forEach(inputOption => {
+    inputOptions.forEach((inputOption) => {
       const optionValue = inputOption[0]
       const optionLabel = inputOption[1]
       // <optgroup> spec:
       // https://www.w3.org/TR/html401/interact/forms.html#h-17.6
       // "...all OPTGROUP elements must be specified directly within a SELECT element (i.e., groups may not be nested)..."
       // check whether this is a <optgroup>
-      if (Array.isArray(optionLabel)) { // if it is an array, then it is an <optgroup>
+      if (Array.isArray(optionLabel)) {
+        // if it is an array, then it is an <optgroup>
         const optgroup = document.createElement('optgroup')
         optgroup.label = optionValue
         optgroup.disabled = false // not configurable for now
         select.appendChild(optgroup)
-        optionLabel.forEach(o => renderOption(optgroup, o[1], o[0]))
-      } else { // case of <option>
+        optionLabel.forEach((o) => renderOption(optgroup, o[1], o[0]))
+      } else {
+        // case of <option>
         renderOption(select, optionLabel, optionValue)
       }
     })
@@ -105,7 +110,7 @@ const populateInputOptions = {
 
   radio: (popup, inputOptions, params) => {
     const radio = getDirectChildByClass(popup, swalClasses.radio)
-    inputOptions.forEach(inputOption => {
+    inputOptions.forEach((inputOption) => {
       const radioValue = inputOption[0]
       const radioLabel = inputOption[1]
       const radioInput = document.createElement('input')
@@ -127,7 +132,7 @@ const populateInputOptions = {
     if (radios.length) {
       radios[0].focus()
     }
-  }
+  },
 }
 
 /**
@@ -139,15 +144,17 @@ const formatInputOptions = (inputOptions) => {
   if (typeof Map !== 'undefined' && inputOptions instanceof Map) {
     inputOptions.forEach((value, key) => {
       let valueFormatted = value
-      if (typeof valueFormatted === 'object') { // case of <optgroup>
+      if (typeof valueFormatted === 'object') {
+        // case of <optgroup>
         valueFormatted = formatInputOptions(valueFormatted)
       }
       result.push([key, valueFormatted])
     })
   } else {
-    Object.keys(inputOptions).forEach(key => {
+    Object.keys(inputOptions).forEach((key) => {
       let valueFormatted = inputOptions[key]
-      if (typeof valueFormatted === 'object') { // case of <optgroup>
+      if (typeof valueFormatted === 'object') {
+        // case of <optgroup>
         valueFormatted = formatInputOptions(valueFormatted)
       }
       result.push([key, valueFormatted])

package/src/utils/dom/parseHtmlToContainer.js

@@ -1,27 +1,38 @@
 import { setInnerHtml } from './domUtils.js'
 
+/**
+ * @param {HTMLElement | object | string} param
+ * @param {HTMLElement} target
+ */
 export const parseHtmlToContainer = (param, target) => {
   // DOM element
   if (param instanceof HTMLElement) {
     target.appendChild(param)
+  }
 
   // Object
-  } else if (typeof param === 'object') {
+  else if (typeof param === 'object') {
     handleObject(param, target)
+  }
 
   // Plain string
-  } else if (param) {
+  else if (param) {
     setInnerHtml(target, param)
   }
 }
 
+/**
+ * @param {object} param
+ * @param {HTMLElement} target
+ */
 const handleObject = (param, target) => {
   // JQuery element(s)
   if (param.jquery) {
     handleJqueryElem(target, param)
+  }
 
   // For other objects use their string representation
-  } else {
+  else {
     setInnerHtml(target, param.toString())
   }
 }

package/src/utils/dom/renderers/renderActions.js

@@ -24,7 +24,7 @@ export const renderActions = (instance, params) => {
   dom.applyCustomClass(loader, params, 'loader')
 }
 
-function renderButtons (actions, loader, params) {
+function renderButtons(actions, loader, params) {
   const confirmButton = dom.getConfirmButton()
   const denyButton = dom.getDenyButton()
   const cancelButton = dom.getCancelButton()
@@ -47,7 +47,7 @@ function renderButtons (actions, loader, params) {
   }
 }
 
-function handleButtonsStyling (confirmButton, denyButton, cancelButton, params) {
+function handleButtonsStyling(confirmButton, denyButton, cancelButton, params) {
   if (!params.buttonsStyling) {
     return dom.removeClass([confirmButton, denyButton, cancelButton], swalClasses.styled)
   }
@@ -69,7 +69,7 @@ function handleButtonsStyling (confirmButton, denyButton, cancelButton, params)
   }
 }
 
-function renderButton (button, buttonType, params) {
+function renderButton(button, buttonType, params) {
   dom.toggle(button, params[`show${capitalizeFirstLetter(buttonType)}Button`], 'inline-block')
   dom.setInnerHtml(button, params[`${buttonType}ButtonText`]) // Set caption text
   button.setAttribute('aria-label', params[`${buttonType}ButtonAriaLabel`]) // ARIA label

package/src/utils/dom/renderers/renderContainer.js

@@ -2,7 +2,7 @@ import { swalClasses } from '../../classes.js'
 import { warn } from '../../utils.js'
 import * as dom from '../../dom/index.js'
 
-function handleBackdropParam (container, backdrop) {
+function handleBackdropParam(container, backdrop) {
   if (typeof backdrop === 'string') {
     container.style.background = backdrop
   } else if (!backdrop) {
@@ -10,7 +10,7 @@ function handleBackdropParam (container, backdrop) {
   }
 }
 
-function handlePositionParam (container, position) {
+function handlePositionParam(container, position) {
   if (position in swalClasses) {
     dom.addClass(container, swalClasses[position])
   } else {
@@ -19,7 +19,7 @@ function handlePositionParam (container, position) {
   }
 }
 
-function handleGrowParam (container, grow) {
+function handleGrowParam(container, grow) {
   if (grow && typeof grow === 'string') {
     const growClass = `grow-${grow}`
     if (growClass in swalClasses) {

package/src/utils/dom/renderers/renderContent.js

@@ -10,14 +10,16 @@ export const renderContent = (instance, params) => {
   if (params.html) {
     dom.parseHtmlToContainer(params.html, htmlContainer)
     dom.show(htmlContainer, 'block')
+  }
 
   // Content as plain text
-  } else if (params.text) {
+  else if (params.text) {
     htmlContainer.textContent = params.text
     dom.show(htmlContainer, 'block')
+  }
 
   // No content
-  } else {
+  else {
     dom.hide(htmlContainer)
   }
 

package/src/utils/dom/renderers/renderIcon.js

@@ -1,4 +1,4 @@
-import { swalClasses, iconTypes } from '../../classes.js'
+import { iconTypes, swalClasses } from '../../classes.js'
 import { error } from '../../utils.js'
 import * as dom from '../../dom/index.js'
 import privateProps from '../../../privateProps.js'
@@ -64,30 +64,34 @@ const adjustSuccessIconBackgroundColor = () => {
   }
 }
 
+const successIconHtml = `
+  <div class="swal2-success-circular-line-left"></div>
+  <span class="swal2-success-line-tip"></span> <span class="swal2-success-line-long"></span>
+  <div class="swal2-success-ring"></div> <div class="swal2-success-fix"></div>
+  <div class="swal2-success-circular-line-right"></div>
+`
+
+const errorIconHtml = `
+  <span class="swal2-x-mark">
+    <span class="swal2-x-mark-line-left"></span>
+    <span class="swal2-x-mark-line-right"></span>
+  </span>
+`
+
 const setContent = (icon, params) => {
   icon.textContent = ''
 
   if (params.iconHtml) {
     dom.setInnerHtml(icon, iconContent(params.iconHtml))
   } else if (params.icon === 'success') {
-    dom.setInnerHtml(icon, `
-      <div class="swal2-success-circular-line-left"></div>
-      <span class="swal2-success-line-tip"></span> <span class="swal2-success-line-long"></span>
-      <div class="swal2-success-ring"></div> <div class="swal2-success-fix"></div>
-      <div class="swal2-success-circular-line-right"></div>
-    `)
+    dom.setInnerHtml(icon, successIconHtml)
   } else if (params.icon === 'error') {
-    dom.setInnerHtml(icon, `
-      <span class="swal2-x-mark">
-        <span class="swal2-x-mark-line-left"></span>
-        <span class="swal2-x-mark-line-right"></span>
-      </span>
-    `)
+    dom.setInnerHtml(icon, errorIconHtml)
   } else {
     const defaultIconHtml = {
       question: '?',
       warning: '!',
-      info: 'i'
+      info: 'i',
     }
     dom.setInnerHtml(icon, iconContent(defaultIconHtml[params.icon]))
   }
@@ -99,7 +103,12 @@ const setColor = (icon, params) => {
   }
   icon.style.color = params.iconColor
   icon.style.borderColor = params.iconColor
-  for (const sel of ['.swal2-success-line-tip', '.swal2-success-line-long', '.swal2-x-mark-line-left', '.swal2-x-mark-line-right']) {
+  for (const sel of [
+    '.swal2-success-line-tip',
+    '.swal2-success-line-long',
+    '.swal2-x-mark-line-left',
+    '.swal2-x-mark-line-right',
+  ]) {
     dom.setStyle(icon, sel, 'backgroundColor', params.iconColor)
   }
   dom.setStyle(icon, '.swal2-success-ring', 'borderColor', params.iconColor)