sweetalert2 11.3.1 → 11.3.2

package/README.md

@@ -32,9 +32,9 @@ For all questions related to sponsorship please contact me via email limon.monte
 NSFW Sponsors
 -------------
 
-[<img src="https://sweetalert2.github.io/images/sponsors/bestrealdoll.jpeg" width="80">](https://www.bestrealdoll.com/collections/us-warehouse) | [<img src="https://sweetalert2.github.io/images/sponsors/sexdolltech.jpeg" width="80">](https://www.sexdolltech.com/product-category/us-warehouse/) | [<img src="https://sweetalert2.github.io/images/sponsors/rosewives.png" width="80">](https://rosewives.com/)
--|-|-
-[BestRealDoll](https://www.bestrealdoll.com/collections/us-warehouse) | [SexDollTech](https://www.sexdolltech.com/product-category/us-warehouse/) | [Rose Wives](https://rosewives.com/)
+[<img src="https://sweetalert2.github.io/images/sponsors/life-likedoll.png" width="80">](https://life-likedoll.com/) | [<img src="https://sweetalert2.github.io/images/sponsors/bestrealdoll.jpeg" width="80">](https://www.bestrealdoll.com/collections/us-warehouse) | [<img src="https://sweetalert2.github.io/images/sponsors/sexdolltech.jpeg" width="80">](https://www.sexdolltech.com/product-category/us-warehouse/) | [<img src="https://sweetalert2.github.io/images/sponsors/rosewives.png" width="80">](https://rosewives.com/)
+-|-|-|-
+[Life-likeDoll](https://life-likedoll.com/) | [BestRealDoll](https://www.bestrealdoll.com/collections/us-warehouse) | [SexDollTech](https://www.sexdolltech.com/product-category/us-warehouse/) | [Rose Wives](https://rosewives.com/)
 
 [<img src="https://sweetalert2.github.io/images/sponsors/sexdollsoff.png" width="80">](https://www.sexdollsoff.com/) | [<img src="https://sweetalert2.github.io/images/sponsors/realsexdoll.png" width="80">](https://realsexdoll.com/) | [<img src="https://sweetalert2.github.io/images/sponsors/yourdoll.jpg" width="80">](https://www.yourdoll.com/) | [<img src="https://sweetalert2.github.io/images/sponsors/annies-dollhouse.png" width="80">](https://anniesdollhouse.com/) | [<img src="https://sweetalert2.github.io/images/sponsors/sexdollcenter.png" width="80">](https://sexdollcenter.vip/) |
 -|-|-|-|-

package/dist/sweetalert2.all.js

@@ -1,5 +1,5 @@
 /*!
-* sweetalert2 v11.3.1
+* sweetalert2 v11.3.2
 * Released under the MIT License.
 */
 (function (global, factory) {
@@ -183,7 +183,7 @@
   const toastIncompatibleParams = ['allowOutsideClick', 'allowEnterKey', 'backdrop', 'focusConfirm', 'focusDeny', 'focusCancel', 'returnFocus', 'heightAuto', 'keydownListenerCapture'];
   /**
    * Is valid parameter
-   * @param {String} paramName
+   * @param {string} paramName
    */
 
   const isValidParameter = paramName => {
@@ -191,7 +191,7 @@
   };
   /**
    * Is valid parameter for Swal.update() method
-   * @param {String} paramName
+   * @param {string} paramName
    */
 
   const isUpdatableParameter = paramName => {
@@ -199,7 +199,7 @@
   };
   /**
    * Is deprecated parameter
-   * @param {String} paramName
+   * @param {string} paramName
    */
 
   const isDeprecatedParameter = paramName => {
@@ -259,6 +259,12 @@
   const swalClasses = prefix(['container', 'shown', 'height-auto', 'iosfix', 'popup', 'modal', 'no-backdrop', 'no-transition', 'toast', 'toast-shown', 'show', 'hide', 'close', 'title', 'html-container', 'actions', 'confirm', 'deny', 'cancel', 'default-outline', 'footer', 'icon', 'icon-content', 'image', 'input', 'file', 'range', 'select', 'radio', 'checkbox', 'label', 'textarea', 'inputerror', 'input-label', 'validation-message', 'progress-steps', 'active-progress-step', 'progress-step', 'progress-step-line', 'loader', 'loading', 'styled', 'top', 'top-start', 'top-end', 'top-left', 'top-right', 'center', 'center-start', 'center-end', 'center-left', 'center-right', 'bottom', 'bottom-start', 'bottom-end', 'bottom-left', 'bottom-right', 'grow-row', 'grow-column', 'grow-fullscreen', 'rtl', 'timer-progress-bar', 'timer-progress-bar-container', 'scrollbar-measure', 'icon-success', 'icon-warning', 'icon-info', 'icon-question', 'icon-error']);
   const iconTypes = prefix(['success', 'warning', 'info', 'question', 'error']);
 
+  /**
+   * Gets the popup container which contains the backdrop and the popup itself.
+   *
+   * @returns {HTMLElement | null}
+   */
+
   const getContainer = () => document.body.querySelector(".".concat(swalClasses.container));
   const elementBySelector = selectorString => {
     const container = getContainer();
@@ -317,8 +323,15 @@
   const states = {
     previousBodyPadding: null
   };
+  /**
+   * Securely set innerHTML of an element
+   * https://github.com/sweetalert2/sweetalert2/issues/1926
+   *
+   * @param {HTMLElement} elem
+   * @param {string} html
+   */
+
   const setInnerHtml = (elem, html) => {
-    // #1926
     elem.textContent = '';
 
     if (html) {
@@ -332,6 +345,12 @@
       });
     }
   };
+  /**
+   * @param {HTMLElement} elem
+   * @param {string} className
+   * @returns {boolean}
+   */
+
   const hasClass = (elem, className) => {
     if (!className) {
       return false;
@@ -367,6 +386,12 @@
       addClass(elem, params.customClass[className]);
     }
   };
+  /**
+   * @param {HTMLElement} popup
+   * @param {string} inputType
+   * @returns {HTMLInputElement | null}
+   */
+
   const getInput = (popup, inputType) => {
     if (!inputType) {
       return null;
@@ -376,7 +401,7 @@
       case 'select':
       case 'textarea':
       case 'file':
-        return getChildByClass(popup, swalClasses[inputType]);
+        return popup.querySelector(".".concat(swalClasses[inputType]));
 
       case 'checkbox':
         return popup.querySelector(".".concat(swalClasses.checkbox, " input"));
@@ -388,9 +413,13 @@
         return popup.querySelector(".".concat(swalClasses.range, " input"));
 
       default:
-        return getChildByClass(popup, swalClasses.input);
+        return popup.querySelector(".".concat(swalClasses.input));
     }
   };
+  /**
+   * @param {HTMLInputElement} input
+   */
+
   const focusInput = input => {
     input.focus(); // place cursor at end of text in text input
 
@@ -401,6 +430,12 @@
       input.value = val;
     }
   };
+  /**
+   * @param {HTMLElement | HTMLElement[] | null} target
+   * @param {string | string[]} classList
+   * @param {boolean} condition
+   */
+
   const toggleClass = (target, classList, condition) => {
     if (!target || !classList) {
       return;
@@ -411,7 +446,7 @@
     }
 
     classList.forEach(className => {
-      if (target.forEach) {
+      if (Array.isArray(target)) {
         target.forEach(elem => {
           condition ? elem.classList.add(className) : elem.classList.remove(className);
         });
@@ -420,19 +455,43 @@
       }
     });
   };
+  /**
+   * @param {HTMLElement | HTMLElement[] | null} target
+   * @param {string | string[]} classList
+   */
+
   const addClass = (target, classList) => {
     toggleClass(target, classList, true);
   };
+  /**
+   * @param {HTMLElement | HTMLElement[] | null} target
+   * @param {string | string[]} classList
+   */
+
   const removeClass = (target, classList) => {
     toggleClass(target, classList, false);
   };
+  /**
+   * @param {HTMLElement} elem
+   * @param {string} className
+   * @returns {HTMLElement | null}
+   */
+
   const getChildByClass = (elem, className) => {
-    for (let i = 0; i < elem.childNodes.length; i++) {
-      if (hasClass(elem.childNodes[i], className)) {
-        return elem.childNodes[i];
+    const childNodes = toArray(elem.childNodes);
+
+    for (let i = 0; i < childNodes.length; i++) {
+      if (hasClass(childNodes[i], className)) {
+        return childNodes[i];
       }
     }
   };
+  /**
+   * @param {HTMLElement} elem
+   * @param {string} property
+   * @param {*} value
+   */
+
   const applyNumericalStyle = (elem, property, value) => {
     if (value === "".concat(parseInt(value))) {
       value = parseInt(value);
@@ -444,10 +503,19 @@
       elem.style.removeProperty(property);
     }
   };
+  /**
+   * @param {HTMLElement} elem
+   * @param {string} display
+   */
+
   const show = function (elem) {
     let display = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'flex';
     elem.style.display = display;
   };
+  /**
+   * @param {HTMLElement} elem
+   */
+
   const hide = elem => {
     elem.style.display = 'none';
   };
@@ -494,7 +562,7 @@
     timerProgressBar.style.removeProperty('transition');
     timerProgressBar.style.width = '100%';
     const timerProgressBarFullWidth = parseInt(window.getComputedStyle(timerProgressBar).width);
-    const timerProgressBarPercent = parseInt(timerProgressBarWidth / timerProgressBarFullWidth * 100);
+    const timerProgressBarPercent = timerProgressBarWidth / timerProgressBarFullWidth * 100;
     timerProgressBar.style.removeProperty('transition');
     timerProgressBar.style.width = "".concat(timerProgressBarPercent, "%");
   };
@@ -502,6 +570,37 @@
   // Detect Node env
   const isNodeEnv = () => typeof window === 'undefined' || typeof document === 'undefined';
 
+  const RESTORE_FOCUS_TIMEOUT = 100;
+
+  const globalState = {};
+
+  const focusPreviousActiveElement = () => {
+    if (globalState.previousActiveElement && globalState.previousActiveElement.focus) {
+      globalState.previousActiveElement.focus();
+      globalState.previousActiveElement = null;
+    } else if (document.body) {
+      document.body.focus();
+    }
+  }; // Restore previous active (focused) element
+
+
+  const restoreActiveElement = returnFocus => {
+    return new Promise(resolve => {
+      if (!returnFocus) {
+        return resolve();
+      }
+
+      const x = window.scrollX;
+      const y = window.scrollY;
+      globalState.restoreFocusTimeout = setTimeout(() => {
+        focusPreviousActiveElement();
+        resolve();
+      }, RESTORE_FOCUS_TIMEOUT); // issues/900
+
+      window.scrollTo(x, y);
+    });
+  };
+
   const sweetHTML = "\n <div aria-labelledby=\"".concat(swalClasses.title, "\" aria-describedby=\"").concat(swalClasses['html-container'], "\" class=\"").concat(swalClasses.popup, "\" tabindex=\"-1\">\n   <button type=\"button\" class=\"").concat(swalClasses.close, "\"></button>\n   <ul class=\"").concat(swalClasses['progress-steps'], "\"></ul>\n   <div class=\"").concat(swalClasses.icon, "\"></div>\n   <img class=\"").concat(swalClasses.image, "\" />\n   <h2 class=\"").concat(swalClasses.title, "\" id=\"").concat(swalClasses.title, "\"></h2>\n   <div class=\"").concat(swalClasses['html-container'], "\" id=\"").concat(swalClasses['html-container'], "\"></div>\n   <input class=\"").concat(swalClasses.input, "\" />\n   <input type=\"file\" class=\"").concat(swalClasses.file, "\" />\n   <div class=\"").concat(swalClasses.range, "\">\n     <input type=\"range\" />\n     <output></output>\n   </div>\n   <select class=\"").concat(swalClasses.select, "\"></select>\n   <div class=\"").concat(swalClasses.radio, "\"></div>\n   <label for=\"").concat(swalClasses.checkbox, "\" class=\"").concat(swalClasses.checkbox, "\">\n     <input type=\"checkbox\" />\n     <span class=\"").concat(swalClasses.label, "\"></span>\n   </label>\n   <textarea class=\"").concat(swalClasses.textarea, "\"></textarea>\n   <div class=\"").concat(swalClasses['validation-message'], "\" id=\"").concat(swalClasses['validation-message'], "\"></div>\n   <div class=\"").concat(swalClasses.actions, "\">\n     <div class=\"").concat(swalClasses.loader, "\"></div>\n     <button type=\"button\" class=\"").concat(swalClasses.confirm, "\"></button>\n     <button type=\"button\" class=\"").concat(swalClasses.deny, "\"></button>\n     <button type=\"button\" class=\"").concat(swalClasses.cancel, "\"></button>\n   </div>\n   <div class=\"").concat(swalClasses.footer, "\"></div>\n   <div class=\"").concat(swalClasses['timer-progress-bar-container'], "\">\n     <div class=\"").concat(swalClasses['timer-progress-bar'], "\"></div>\n   </div>\n </div>\n").replace(/(^|\n)\s*/g, '');
 
   const resetOldContainer = () => {
@@ -517,9 +616,7 @@
   };
 
   const resetValidationMessage = () => {
-    if (Swal.isVisible()) {
-      Swal.resetValidationMessage();
-    }
+    globalState.currentInstance.resetValidationMessage();
   };
 
   const addInputChangeListeners = () => {
@@ -946,8 +1043,9 @@
   };
 
   renderInputType.checkbox = (checkboxContainer, params) => {
+    /** @type {HTMLInputElement} */
     const checkbox = getInput(getPopup(), 'checkbox');
-    checkbox.value = 1;
+    checkbox.value = '1';
     checkbox.id = swalClasses.checkbox;
     checkbox.checked = Boolean(params.inputValue);
     const label = checkboxContainer.querySelector('span');
@@ -1511,7 +1609,6 @@
    * Set type, text and actions on popup
    *
    * @param params
-   * @returns {boolean}
    */
 
 
@@ -1553,7 +1650,7 @@
       if (this.running) {
         this.running = false;
         clearTimeout(this.id);
-        this.remaining -= new Date() - this.started;
+        this.remaining -= new Date().getTime() - this.started.getTime();
       }
 
       return this.remaining;
@@ -1613,6 +1710,7 @@
   /* istanbul ignore file */
 
   const iOSfix = () => {
+    // @ts-ignore
     const iOS = /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream || navigator.platform === 'MacIntel' && navigator.maxTouchPoints > 1;
 
     if (iOS && !hasClass(document.body, swalClasses.iosfix)) {
@@ -1694,37 +1792,6 @@
     }
   };
 
-  const RESTORE_FOCUS_TIMEOUT = 100;
-
-  const globalState = {};
-
-  const focusPreviousActiveElement = () => {
-    if (globalState.previousActiveElement && globalState.previousActiveElement.focus) {
-      globalState.previousActiveElement.focus();
-      globalState.previousActiveElement = null;
-    } else if (document.body) {
-      document.body.focus();
-    }
-  }; // Restore previous active (focused) element
-
-
-  const restoreActiveElement = returnFocus => {
-    return new Promise(resolve => {
-      if (!returnFocus) {
-        return resolve();
-      }
-
-      const x = window.scrollX;
-      const y = window.scrollY;
-      globalState.restoreFocusTimeout = setTimeout(() => {
-        focusPreviousActiveElement();
-        resolve();
-      }, RESTORE_FOCUS_TIMEOUT); // issues/900
-
-      window.scrollTo(x, y);
-    });
-  };
-
   const SHOW_CLASS_TIMEOUT = 10;
   /**
    * Open popup, add necessary classes and styles, fix scrollbar
@@ -1826,7 +1893,7 @@
     let popup = getPopup();
 
     if (!popup) {
-      Swal.fire();
+      new Swal(); // eslint-disable-line no-new
     }
 
     popup = getPopup();
@@ -2183,13 +2250,22 @@
     domCache.popup.onclick = () => {
       const innerParams = privateProps.innerParams.get(instance);
 
-      if (innerParams.showConfirmButton || innerParams.showDenyButton || innerParams.showCancelButton || innerParams.showCloseButton || innerParams.timer || innerParams.input) {
+      if (innerParams && (isAnyButtonShown(innerParams) || innerParams.timer || innerParams.input)) {
         return;
       }
 
       dismissWith(DismissReason.close);
     };
   };
+  /**
+   * @param {*} innerParams
+   * @returns {boolean}
+   */
+
+
+  const isAnyButtonShown = innerParams => {
+    return innerParams.showConfirmButton || innerParams.showDenyButton || innerParams.showCancelButton || innerParams.showCloseButton;
+  };
 
   let ignoreOutsideClick = false;
 
@@ -2372,7 +2448,7 @@
     const sibling = arrowKeysNextButton.includes(key) ? 'nextElementSibling' : 'previousElementSibling';
     const buttonToFocus = document.activeElement[sibling];
 
-    if (buttonToFocus) {
+    if (buttonToFocus instanceof HTMLElement) {
       buttonToFocus.focus();
     }
   };
@@ -2619,6 +2695,11 @@
     }
   };
 
+  /**
+   * Gets the input DOM node, this method works with input parameter.
+   * @returns {HTMLElement | null}
+   */
+
   function getInput$1(instance) {
     const innerParams = privateProps.innerParams.get(instance || this);
     const domCache = privateProps.domCache.get(instance || this);
@@ -2893,7 +2974,7 @@
     const validUpdatableParams = {}; // assign valid params from `params` to `defaults`
 
     Object.keys(params).forEach(param => {
-      if (Swal.isUpdatableParameter(param)) {
+      if (isUpdatableParameter(param)) {
         validUpdatableParams[param] = params[param];
       } else {
         warn("Invalid parameter to update: \"".concat(param, "\". Updatable params are listed here: https://github.com/sweetalert2/sweetalert2/blob/master/src/utils/params.js\n\nIf you think this parameter should be updatable, request it here: https://github.com/sweetalert2/sweetalert2/issues/new?template=02_feature_request.md"));
@@ -3000,7 +3081,7 @@
         return;
       }
 
-      currentInstance = this;
+      currentInstance = this; // @ts-ignore
 
       for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
         args[_key] = arguments[_key];
@@ -3014,7 +3095,7 @@
           enumerable: true,
           configurable: true
         }
-      });
+      }); // @ts-ignore
 
       const promise = this._main(this.params);
 
@@ -3180,7 +3261,7 @@
   };
 
   const blurActiveElement = () => {
-    if (document.activeElement && typeof document.activeElement.blur === 'function') {
+    if (document.activeElement instanceof HTMLElement && typeof document.activeElement.blur === 'function') {
       document.activeElement.blur();
     }
   }; // Assign instance methods from src/instanceMethods/*.js to prototype
@@ -3198,9 +3279,10 @@
     };
   });
   SweetAlert.DismissReason = DismissReason;
-  SweetAlert.version = '11.3.1';
+  SweetAlert.version = '11.3.2';
+
+  const Swal = SweetAlert; // @ts-ignore
 
-  const Swal = SweetAlert;
   Swal.default = Swal;
 
   return Swal;