sweetalert2 11.3.4 → 11.3.8

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

@@ -1,5 +1,5 @@
 import { swalClasses } from '../../classes.js'
-import { warn, error, isPromise } from '../../utils.js'
+import { error, isPromise, warn } from '../../utils.js'
 import * as dom from '../../dom/index.js'
 import privateProps from '../../../privateProps.js'
 
@@ -36,7 +36,9 @@ export const renderInput = (instance, params) => {
 
 const showInput = (params) => {
   if (!renderInputType[params.input]) {
-    return error(`Unexpected type of input! Expected "text", "email", "password", "number", "tel", "select", "radio", "checkbox", "textarea", "file" or "url", got "${params.input}"`)
+    return error(
+      `Unexpected type of input! Expected "text", "email", "password", "number", "tel", "select", "radio", "checkbox", "textarea", "file" or "url", got "${params.input}"`
+    )
   }
 
   const inputContainer = getInputContainer(params.input)
@@ -105,21 +107,24 @@ const getInputContainer = (inputType) => {
 const renderInputType = {}
 
 renderInputType.text =
-renderInputType.email =
-renderInputType.password =
-renderInputType.number =
-renderInputType.tel =
-renderInputType.url = (input, params) => {
-  if (typeof params.inputValue === 'string' || typeof params.inputValue === 'number') {
-    input.value = params.inputValue
-  } else if (!isPromise(params.inputValue)) {
-    warn(`Unexpected type of inputValue! Expected "string", "number" or "Promise", got "${typeof params.inputValue}"`)
-  }
-  setInputLabel(input, input, params)
-  setInputPlaceholder(input, params)
-  input.type = params.input
-  return input
-}
+  renderInputType.email =
+  renderInputType.password =
+  renderInputType.number =
+  renderInputType.tel =
+  renderInputType.url =
+    (input, params) => {
+      if (typeof params.inputValue === 'string' || typeof params.inputValue === 'number') {
+        input.value = params.inputValue
+      } else if (!isPromise(params.inputValue)) {
+        warn(
+          `Unexpected type of inputValue! Expected "string", "number" or "Promise", got "${typeof params.inputValue}"`
+        )
+      }
+      setInputLabel(input, input, params)
+      setInputPlaceholder(input, params)
+      input.type = params.input
+      return input
+    }
 
 renderInputType.file = (input, params) => {
   setInputLabel(input, input, params)
@@ -172,10 +177,13 @@ renderInputType.textarea = (textarea, params) => {
   setInputPlaceholder(textarea, params)
   setInputLabel(textarea, textarea, params)
 
-  const getMargin = (el) => parseInt(window.getComputedStyle(el).marginLeft) + parseInt(window.getComputedStyle(el).marginRight)
+  const getMargin = (el) =>
+    parseInt(window.getComputedStyle(el).marginLeft) + parseInt(window.getComputedStyle(el).marginRight)
 
-  setTimeout(() => { // #2291
-    if ('MutationObserver' in window) { // #1699
+  // https://github.com/sweetalert2/sweetalert2/issues/2291
+  setTimeout(() => {
+    // https://github.com/sweetalert2/sweetalert2/issues/1699
+    if ('MutationObserver' in window) {
       const initialPopupWidth = parseInt(window.getComputedStyle(dom.getPopup()).width)
       const textareaResizeHandler = () => {
         const textareaWidth = textarea.offsetWidth + getMargin(textarea)
@@ -186,7 +194,8 @@ renderInputType.textarea = (textarea, params) => {
         }
       }
       new MutationObserver(textareaResizeHandler).observe(textarea, {
-        attributes: true, attributeFilter: ['style']
+        attributes: true,
+        attributeFilter: ['style'],
       })
     }
   })

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

@@ -6,7 +6,8 @@ export const renderPopup = (instance, params) => {
   const popup = dom.getPopup()
 
   // Width
-  if (params.toast) { // #2170
+  // https://github.com/sweetalert2/sweetalert2/issues/2170
+  if (params.toast) {
     dom.applyNumericalStyle(container, 'width', params.width)
     popup.style.width = '100%'
     popup.insertBefore(dom.getLoader(), dom.getIcon())

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

@@ -29,7 +29,7 @@ export const renderProgressSteps = (instance, params) => {
   if (params.currentProgressStep >= params.progressSteps.length) {
     warn(
       'Invalid currentProgressStep parameter, it should be less than progressSteps.length ' +
-      '(currentProgressStep like JS arrays starts from 0)'
+        '(currentProgressStep like JS arrays starts from 0)'
     )
   }
 

package/src/utils/getTemplateParams.js

@@ -1,5 +1,5 @@
 import defaultParams from './params.js'
-import { toArray, capitalizeFirstLetter, warn } from './utils.js'
+import { capitalizeFirstLetter, toArray, warn } from './utils.js'
 
 const swalStringParams = ['swal-title', 'swal-html', 'swal-footer']
 
@@ -8,6 +8,7 @@ export const getTemplateParams = (params) => {
   if (!template) {
     return {}
   }
+  /** @type {DocumentFragment} */
   const templateContent = template.content
 
   showWarningsForElements(templateContent)
@@ -18,11 +19,14 @@ export const getTemplateParams = (params) => {
     getSwalImage(templateContent),
     getSwalIcon(templateContent),
     getSwalInput(templateContent),
-    getSwalStringParams(templateContent, swalStringParams),
+    getSwalStringParams(templateContent, swalStringParams)
   )
   return result
 }
 
+/**
+ * @param {DocumentFragment} templateContent
+ */
 const getSwalParams = (templateContent) => {
   const result = {}
   toArray(templateContent.querySelectorAll('swal-param')).forEach((param) => {
@@ -39,6 +43,9 @@ const getSwalParams = (templateContent) => {
   return result
 }
 
+/**
+ * @param {DocumentFragment} templateContent
+ */
 const getSwalButtons = (templateContent) => {
   const result = {}
   toArray(templateContent.querySelectorAll('swal-button')).forEach((button) => {
@@ -56,8 +63,12 @@ const getSwalButtons = (templateContent) => {
   return result
 }
 
+/**
+ * @param {DocumentFragment} templateContent
+ */
 const getSwalImage = (templateContent) => {
   const result = {}
+  /** @type {HTMLElement} */
   const image = templateContent.querySelector('swal-image')
   if (image) {
     showWarningsForAttributes(image, ['src', 'width', 'height', 'alt'])
@@ -77,8 +88,12 @@ const getSwalImage = (templateContent) => {
   return result
 }
 
+/**
+ * @param {DocumentFragment} templateContent
+ */
 const getSwalIcon = (templateContent) => {
   const result = {}
+  /** @type {HTMLElement} */
   const icon = templateContent.querySelector('swal-icon')
   if (icon) {
     showWarningsForAttributes(icon, ['type', 'color'])
@@ -93,8 +108,12 @@ const getSwalIcon = (templateContent) => {
   return result
 }
 
+/**
+ * @param {DocumentFragment} templateContent
+ */
 const getSwalInput = (templateContent) => {
   const result = {}
+  /** @type {HTMLElement} */
   const input = templateContent.querySelector('swal-input')
   if (input) {
     showWarningsForAttributes(input, ['type', 'label', 'placeholder', 'value'])
@@ -122,10 +141,15 @@ const getSwalInput = (templateContent) => {
   return result
 }
 
+/**
+ * @param {DocumentFragment} templateContent
+ * @param {string[]} paramNames
+ */
 const getSwalStringParams = (templateContent, paramNames) => {
   const result = {}
   for (const i in paramNames) {
     const paramName = paramNames[i]
+    /** @type {HTMLElement} */
     const tag = templateContent.querySelector(paramName)
     if (tag) {
       showWarningsForAttributes(tag, [])
@@ -135,7 +159,10 @@ const getSwalStringParams = (templateContent, paramNames) => {
   return result
 }
 
-const showWarningsForElements = (template) => {
+/**
+ * @param {DocumentFragment} templateContent
+ */
+const showWarningsForElements = (templateContent) => {
   const allowedElements = swalStringParams.concat([
     'swal-param',
     'swal-button',
@@ -144,7 +171,7 @@ const showWarningsForElements = (template) => {
     'swal-input',
     'swal-input-option',
   ])
-  toArray(template.children).forEach((el) => {
+  toArray(templateContent.children).forEach((el) => {
     const tagName = el.tagName.toLowerCase()
     if (allowedElements.indexOf(tagName) === -1) {
       warn(`Unrecognized element <${tagName}>`)
@@ -161,7 +188,11 @@ const showWarningsForAttributes = (el, allowedAttributes) => {
     if (allowedAttributes.indexOf(attribute.name) === -1) {
       warn([
         `Unrecognized attribute "${attribute.name}" on <${el.tagName.toLowerCase()}>.`,
-        `${allowedAttributes.length ? `Allowed attributes are: ${allowedAttributes.join(', ')}` : 'To set the value, use HTML within the element.'}`
+        `${
+          allowedAttributes.length
+            ? `Allowed attributes are: ${allowedAttributes.join(', ')}`
+            : 'To set the value, use HTML within the element.'
+        }`,
       ])
     }
   })

package/src/utils/iosFix.js

@@ -5,8 +5,10 @@ import { swalClasses } from '../utils/classes.js'
 // Fix iOS scrolling http://stackoverflow.com/q/39626302
 
 export const iOSfix = () => {
-  // @ts-ignore
-  const iOS = (/iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream) || (navigator.platform === 'MacIntel' && navigator.maxTouchPoints > 1)
+  const iOS =
+    // @ts-ignore
+    (/iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream) ||
+    (navigator.platform === 'MacIntel' && navigator.maxTouchPoints > 1)
   if (iOS && !dom.hasClass(document.body, swalClasses.iosfix)) {
     const offset = document.body.scrollTop
     document.body.style.top = `${offset * -1}px`
@@ -32,7 +34,10 @@ const addBottomPaddingForTallPopups = () => {
   }
 }
 
-const lockBodyScroll = () => { // #1246
+/**
+ * https://github.com/sweetalert2/sweetalert2/issues/1246
+ */
+const lockBodyScroll = () => {
   const container = dom.getContainer()
   let preventTouchMove
   container.ontouchstart = (e) => {
@@ -79,7 +84,13 @@ const isStylus = (event) => {
   return event.touches && event.touches.length && event.touches[0].touchType === 'stylus'
 }
 
-const isZoom = (event) => { // #1891
+/**
+ * https://github.com/sweetalert2/sweetalert2/issues/1891
+ *
+ * @param {TouchEvent} event
+ * @returns {boolean}
+ */
+const isZoom = (event) => {
   return event.touches && event.touches.length > 1
 }
 
@@ -88,6 +99,6 @@ export const undoIOSfix = () => {
     const offset = parseInt(document.body.style.top, 10)
     dom.removeClass(document.body, swalClasses.iosfix)
     document.body.style.top = ''
-    document.body.scrollTop = (offset * -1)
+    document.body.scrollTop = offset * -1
   }
 }

package/src/utils/isNodeEnv.js

@@ -1,2 +1,6 @@
-// Detect Node env
+/**
+ * Detect Node env
+ *
+ * @returns {boolean}
+ */
 export const isNodeEnv = () => typeof window === 'undefined' || typeof document === 'undefined'

package/src/utils/params.js

@@ -87,7 +87,7 @@ export const defaultParams = {
   willClose: undefined,
   didClose: undefined,
   didDestroy: undefined,
-  scrollbarPadding: true
+  scrollbarPadding: true,
 }
 
 export const updatableParams = [
@@ -147,7 +147,7 @@ const toastIncompatibleParams = [
   'focusCancel',
   'returnFocus',
   'heightAuto',
-  'keydownListenerCapture'
+  'keydownListenerCapture',
 ]
 
 /**

package/src/utils/setParameters.js

@@ -2,7 +2,7 @@ import { warn } from './utils.js'
 import * as dom from './dom/index.js'
 import defaultInputValidators from './defaultInputValidators.js'
 
-function setDefaultInputValidators (params) {
+function setDefaultInputValidators(params) {
   // Use default `inputValidator` for supported input types if not provided
   if (!params.inputValidator) {
     Object.keys(defaultInputValidators).forEach((key) => {
@@ -13,7 +13,7 @@ function setDefaultInputValidators (params) {
   }
 }
 
-function validateCustomTargetElement (params) {
+function validateCustomTargetElement(params) {
   // Determine if the custom target element is valid
   if (
     !params.target ||
@@ -30,15 +30,15 @@ function validateCustomTargetElement (params) {
  *
  * @param params
  */
-export default function setParameters (params) {
+export default function setParameters(params) {
   setDefaultInputValidators(params)
 
   // showLoaderOnConfirm && preConfirm
   if (params.showLoaderOnConfirm && !params.preConfirm) {
     warn(
       'showLoaderOnConfirm is set to true, but preConfirm is not defined.\n' +
-      'showLoaderOnConfirm should be used together with preConfirm, see usage example:\n' +
-      'https://sweetalert2.github.io/#ajax-request'
+        'showLoaderOnConfirm should be used together with preConfirm, see usage example:\n' +
+        'https://sweetalert2.github.io/#ajax-request'
     )
   }
 

package/src/utils/utils.js

@@ -65,7 +65,9 @@ export const warnOnce = (message) => {
  * Show a one-time console warning about deprecated params/methods
  */
 export const warnAboutDeprecation = (deprecatedParam, useInstead) => {
-  warnOnce(`"${deprecatedParam}" is deprecated and will be removed in the next major release. Please use "${useInstead}" instead.`)
+  warnOnce(
+    `"${deprecatedParam}" is deprecated and will be removed in the next major release. Please use "${useInstead}" instead.`
+  )
 }
 
 /**
@@ -73,10 +75,10 @@ export const warnAboutDeprecation = (deprecatedParam, useInstead) => {
  * Otherwise, just pass the value through
  * @param arg
  */
-export const callIfFunction = (arg) => typeof arg === 'function' ? arg() : arg
+export const callIfFunction = (arg) => (typeof arg === 'function' ? arg() : arg)
 
 export const hasToPromiseFn = (arg) => arg && typeof arg.toPromise === 'function'
 
-export const asPromise = (arg) => hasToPromiseFn(arg) ? arg.toPromise() : Promise.resolve(arg)
+export const asPromise = (arg) => (hasToPromiseFn(arg) ? arg.toPromise() : Promise.resolve(arg))
 
 export const isPromise = (arg) => arg && Promise.resolve(arg) === arg