sweetalert2 11.26.0 → 11.26.2

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

@@ -12,7 +12,7 @@ export const renderTitle = (instance, params) => {
 
   dom.showWhenInnerHtmlPresent(title)
 
-  dom.toggle(title, params.title || params.titleText, 'block')
+  dom.toggle(title, Boolean(params.title || params.titleText), 'block')
 
   if (params.title) {
     dom.parseHtmlToContainer(params.title, title)

package/src/utils/getTemplateParams.js

@@ -34,10 +34,10 @@ export const getTemplateParams = (params) => {
 
 /**
  * @param {DocumentFragment} templateContent
- * @returns {Record<string, any>}
+ * @returns {Record<string, string | boolean | number>}
  */
 const getSwalParams = (templateContent) => {
-  /** @type {Record<string, any>} */
+  /** @type {Record<string, string | boolean | number>} */
   const result = {}
   /** @type {HTMLElement[]} */
   const swalParams = Array.from(templateContent.querySelectorAll('swal-param'))
@@ -61,10 +61,10 @@ const getSwalParams = (templateContent) => {
 
 /**
  * @param {DocumentFragment} templateContent
- * @returns {Record<string, any>}
+ * @returns {Record<string, () => void>}
  */
 const getSwalFunctionParams = (templateContent) => {
-  /** @type {Record<string, any>} */
+  /** @type {Record<string, () => void>} */
   const result = {}
   /** @type {HTMLElement[]} */
   const swalFunctions = Array.from(templateContent.querySelectorAll('swal-function-param'))
@@ -81,10 +81,10 @@ const getSwalFunctionParams = (templateContent) => {
 
 /**
  * @param {DocumentFragment} templateContent
- * @returns {Record<string, any>}
+ * @returns {Record<string, string | boolean>}
  */
 const getSwalButtons = (templateContent) => {
-  /** @type {Record<string, any>} */
+  /** @type {Record<string, string | boolean>} */
   const result = {}
   /** @type {HTMLElement[]} */
   const swalButtons = Array.from(templateContent.querySelectorAll('swal-button'))
@@ -134,7 +134,7 @@ const getSwalImage = (templateContent) => {
 
 /**
  * @param {DocumentFragment} templateContent
- * @returns {Record<string, any>}
+ * @returns {object}
  */
 const getSwalIcon = (templateContent) => {
   const result = {}
@@ -155,10 +155,10 @@ const getSwalIcon = (templateContent) => {
 
 /**
  * @param {DocumentFragment} templateContent
- * @returns {Record<string, any>}
+ * @returns {object}
  */
 const getSwalInput = (templateContent) => {
-  /** @type {Record<string, any>} */
+  /** @type {object} */
   const result = {}
   /** @type {HTMLElement | null} */
   const input = templateContent.querySelector('swal-input')
@@ -195,10 +195,10 @@ const getSwalInput = (templateContent) => {
 /**
  * @param {DocumentFragment} templateContent
  * @param {string[]} paramNames
- * @returns {Record<string, any>}
+ * @returns {Record<string, string>}
  */
 const getSwalStringParams = (templateContent, paramNames) => {
-  /** @type {Record<string, any>} */
+  /** @type {Record<string, string>} */
   const result = {}
   for (const i in paramNames) {
     const paramName = paramNames[i]

package/src/utils/iosFix.js

@@ -80,7 +80,7 @@ const shouldPreventTouchMove = (event) => {
 /**
  * https://github.com/sweetalert2/sweetalert2/issues/1786
  *
- * @param {*} event
+ * @param {object} event
  * @returns {boolean}
  */
 const isStylus = (event) => {

package/src/utils/openPopup.js

@@ -43,8 +43,6 @@ export const openPopup = (params) => {
     setTimeout(() => params.didOpen(popup))
   }
   globalState.eventEmitter.emit('didOpen', popup)
-
-  dom.removeClass(container, swalClasses['no-transition'])
 }
 
 /**
@@ -59,6 +57,9 @@ const swalOpenAnimationFinished = (event) => {
   popup.removeEventListener('animationend', swalOpenAnimationFinished)
   popup.removeEventListener('transitionend', swalOpenAnimationFinished)
   container.style.overflowY = 'auto'
+
+  // no-transition is added in init() in case one swal is opened right after another
+  dom.removeClass(container, swalClasses['no-transition'])
 }
 
 /**

package/src/utils/utils.js

@@ -64,25 +64,25 @@ export const warnAboutDeprecation = (deprecatedParam, useInstead = null) => {
  * If `arg` is a function, call it (with no arguments or context) and return the result.
  * Otherwise, just pass the value through
  *
- * @param {Function | any} arg
- * @returns {any}
+ * @param {(() => *) | *} arg
+ * @returns {*}
  */
 export const callIfFunction = (arg) => (typeof arg === 'function' ? arg() : arg)
 
 /**
- * @param {any} arg
+ * @param {*} arg
  * @returns {boolean}
  */
 export const hasToPromiseFn = (arg) => arg && typeof arg.toPromise === 'function'
 
 /**
- * @param {any} arg
- * @returns {Promise<any>}
+ * @param {*} arg
+ * @returns {Promise<*>}
  */
 export const asPromise = (arg) => (hasToPromiseFn(arg) ? arg.toPromise() : Promise.resolve(arg))
 
 /**
- * @param {any} arg
+ * @param {*} arg
  * @returns {boolean}
  */
 export const isPromise = (arg) => arg && Promise.resolve(arg) === arg

package/sweetalert2.d.ts

@@ -500,6 +500,8 @@ declare module 'sweetalert2' {
     | 'theme'
     | 'willClose'
 
+  export type DismissReason = 'cancel' | 'backdrop' | 'close' | 'esc' | 'timer'
+
   export interface SweetAlertCustomClass {
     container?: string | readonly string[]
     popup?: string | readonly string[]
@@ -525,7 +527,7 @@ declare module 'sweetalert2' {
     readonly isDenied: boolean
     readonly isDismissed: boolean
     readonly value?: T
-    readonly dismiss?: Swal.DismissReason
+    readonly dismiss?: DismissReason
   }
 
   export type SweetAlertOptions = SweetAlertInputValidator & {