sweetalert2 11.3.3 → 11.3.7

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'
@@ -48,14 +48,14 @@ const applyStyles = (icon, params) => {
   setColor(icon, params)
 
   // Success icon background color
-  adjustSuccessIconBackgoundColor()
+  adjustSuccessIconBackgroundColor()
 
   // Custom class
   dom.applyCustomClass(icon, params, 'icon')
 }
 
 // Adjust success icon background color to match the popup background color
-const adjustSuccessIconBackgoundColor = () => {
+const adjustSuccessIconBackgroundColor = () => {
   const popup = dom.getPopup()
   const popupBackgroundColor = window.getComputedStyle(popup).getPropertyValue('background-color')
   const successIconParts = popup.querySelectorAll('[class^=swal2-success-circular-line], .swal2-success-fix')
@@ -64,30 +64,34 @@ const adjustSuccessIconBackgoundColor = () => {
   }
 }
 
+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)

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,28 +19,33 @@ 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) => {
     showWarningsForAttributes(param, ['name', 'value'])
     const paramName = param.getAttribute('name')
-    let value = param.getAttribute('value')
+    const value = param.getAttribute('value')
     if (typeof defaultParams[paramName] === 'boolean' && value === 'false') {
-      value = false
+      result[paramName] = false
     }
     if (typeof defaultParams[paramName] === 'object') {
-      value = JSON.parse(value)
+      result[paramName] = JSON.parse(value)
     }
-    result[paramName] = value
   })
   return result
 }
 
+/**
+ * @param {DocumentFragment} templateContent
+ */
 const getSwalButtons = (templateContent) => {
   const result = {}
   toArray(templateContent.querySelectorAll('swal-button')).forEach((button) => {
@@ -57,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'])
@@ -78,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'])
@@ -94,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'])
@@ -123,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, [])
@@ -136,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',
@@ -145,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}>`)
@@ -153,12 +179,20 @@ const showWarningsForElements = (template) => {
   })
 }
 
+/**
+ * @param {HTMLElement} el
+ * @param {string[]} allowedAttributes
+ */
 const showWarningsForAttributes = (el, allowedAttributes) => {
   toArray(el.attributes).forEach((attribute) => {
     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,20 +5,28 @@ 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`
     dom.addClass(document.body, swalClasses.iosfix)
     lockBodyScroll()
-    addBottomPaddingForTallPopups() // #1948
+    addBottomPaddingForTallPopups()
   }
 }
 
+/**
+ * https://github.com/sweetalert2/sweetalert2/issues/1948
+ */
 const addBottomPaddingForTallPopups = () => {
-  const safari = !navigator.userAgent.match(/(CriOS|FxiOS|EdgiOS|YaBrowser|UCBrowser)/i)
-  if (safari) {
+  const ua = navigator.userAgent
+  const iOS = !!ua.match(/iPad/i) || !!ua.match(/iPhone/i)
+  const webkit = !!ua.match(/WebKit/i)
+  const iOSSafari = iOS && webkit && !ua.match(/CriOS/i)
+  if (iOSSafari) {
     const bottomPanelHeight = 44
     if (dom.getPopup().scrollHeight > window.innerHeight - bottomPanelHeight) {
       dom.getContainer().style.paddingBottom = `${bottomPanelHeight}px`
@@ -26,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) => {
@@ -43,7 +54,7 @@ const lockBodyScroll = () => { // #1246
 const shouldPreventTouchMove = (event) => {
   const target = event.target
   const container = dom.getContainer()
-  if (isStylys(event) || isZoom(event)) {
+  if (isStylus(event) || isZoom(event)) {
     return false
   }
   if (target === container) {
@@ -63,11 +74,23 @@ const shouldPreventTouchMove = (event) => {
   return false
 }
 
-const isStylys = (event) => { // #1786
+/**
+ * https://github.com/sweetalert2/sweetalert2/issues/1786
+ *
+ * @param {*} event
+ * @returns {boolean}
+ */
+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
 }
 
@@ -76,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/openPopup.js

@@ -79,7 +79,7 @@ const fixScrollContainer = (container, scrollbarPadding, initialBodyOverflow) =>
 
 const addClasses = (container, popup, params) => {
   dom.addClass(container, params.showClass.backdrop)
-  // the workaround with setting/unsetting opacity is needed for #2019 and 2059
+  // this workaround with opacity is needed for https://github.com/sweetalert2/sweetalert2/issues/2059
   popup.style.setProperty('opacity', '0', 'important')
   dom.show(popup, 'grid')
   setTimeout(() => {