sweetalert2 11.4.37 → 11.5.0

package/src/scss/_core.scss

@@ -823,60 +823,3 @@ $icon-zoom: math.div(strip-units($swal2-icon-size), 5);
     left: auto;
   }
 }
-
-.save-yourself-from-war {
-  display: flex;
-  position: fixed;
-  z-index: 1939;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  padding: 25px 0 20px;
-  background: #20232a;
-  color: #fff;
-  text-align: center;
-
-  div {
-    max-width: 560px;
-    margin: 10px;
-    line-height: 146%;
-  }
-
-  iframe {
-    max-width: 100%;
-    max-height: calc(100vmin / 1.8);
-    margin: 16px auto;
-  }
-
-  strong {
-    border-bottom: 2px dashed white;
-  }
-
-  button {
-    display: flex;
-    position: fixed;
-    z-index: 1940;
-    top: 0;
-    right: 0;
-    align-items: center;
-    justify-content: center;
-    width: 48px;
-    height: 48px;
-    margin-right: 10px;
-    margin-bottom: -10px;
-    border: none;
-    background: transparent;
-    color: #aaa;
-    font-size: 48px;
-    font-weight: bold;
-    cursor: pointer;
-
-    &:hover {
-      color: #fff;
-    }
-  }
-}

package/src/utils/getTemplateParams.js

@@ -20,6 +20,7 @@ export const getTemplateParams = (params) => {
 
   const result = Object.assign(
     getSwalParams(templateContent),
+    getSwalFunctionParams(templateContent),
     getSwalButtons(templateContent),
     getSwalImage(templateContent),
     getSwalIcon(templateContent),
@@ -43,14 +44,31 @@ const getSwalParams = (templateContent) => {
     const value = param.getAttribute('value')
     if (typeof defaultParams[paramName] === 'boolean') {
       result[paramName] = value !== 'false'
-    }
-    if (typeof defaultParams[paramName] === 'object') {
+    } else if (typeof defaultParams[paramName] === 'object') {
       result[paramName] = JSON.parse(value)
+    } else {
+      result[paramName] = value
     }
   })
   return result
 }
 
+/**
+ * @param {DocumentFragment} templateContent
+ * @returns {SweetAlertOptions}
+ */
+const getSwalFunctionParams = (templateContent) => {
+  const result = {}
+  /** @type {HTMLElement[]} */
+  const swalFunctions = Array.from(templateContent.querySelectorAll('swal-function-param'))
+  swalFunctions.forEach((param) => {
+    const paramName = param.getAttribute('name')
+    const value = param.getAttribute('value')
+    result[paramName] = new Function(`return ${value}`)()
+  })
+  return result
+}
+
 /**
  * @param {DocumentFragment} templateContent
  * @returns {SweetAlertOptions}
@@ -185,6 +203,7 @@ const getSwalStringParams = (templateContent, paramNames) => {
 const showWarningsForElements = (templateContent) => {
   const allowedElements = swalStringParams.concat([
     'swal-param',
+    'swal-function-param',
     'swal-button',
     'swal-image',
     'swal-icon',

package/src/utils/utils.js

@@ -100,9 +100,3 @@ export const asPromise = (arg) => (hasToPromiseFn(arg) ? arg.toPromise() : Promi
  * @returns {boolean}
  */
 export const isPromise = (arg) => arg && Promise.resolve(arg) === arg
-
-/**
- * @param {Array} arr
- * @returns {any}
- */
-export const getRandomElement = (arr) => arr[Math.floor(Math.random() * arr.length)]