/*!
* sweetalert2 v8.2.4
* Released under the MIT License.
*/
(function (global, factory) {
typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
typeof define === 'function' && define.amd ? define(factory) :
(global.Sweetalert2 = factory());
}(this, (function () { 'use strict';
function _typeof(obj) {
if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
_typeof = function (obj) {
return typeof obj;
};
} else {
_typeof = function (obj) {
return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
};
}
return _typeof(obj);
}
function _classCallCheck(instance, Constructor) {
if (!(instance instanceof Constructor)) {
throw new TypeError("Cannot call a class as a function");
}
}
function _defineProperties(target, props) {
for (var i = 0; i < props.length; i++) {
var descriptor = props[i];
descriptor.enumerable = descriptor.enumerable || false;
descriptor.configurable = true;
if ("value" in descriptor) descriptor.writable = true;
Object.defineProperty(target, descriptor.key, descriptor);
}
}
function _createClass(Constructor, protoProps, staticProps) {
if (protoProps) _defineProperties(Constructor.prototype, protoProps);
if (staticProps) _defineProperties(Constructor, staticProps);
return Constructor;
}
function _extends() {
_extends = Object.assign || function (target) {
for (var i = 1; i < arguments.length; i++) {
var source = arguments[i];
for (var key in source) {
if (Object.prototype.hasOwnProperty.call(source, key)) {
target[key] = source[key];
}
}
}
return target;
};
return _extends.apply(this, arguments);
}
function _inherits(subClass, superClass) {
if (typeof superClass !== "function" && superClass !== null) {
throw new TypeError("Super expression must either be null or a function");
}
subClass.prototype = Object.create(superClass && superClass.prototype, {
constructor: {
value: subClass,
writable: true,
configurable: true
}
});
if (superClass) _setPrototypeOf(subClass, superClass);
}
function _getPrototypeOf(o) {
_getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {
return o.__proto__ || Object.getPrototypeOf(o);
};
return _getPrototypeOf(o);
}
function _setPrototypeOf(o, p) {
_setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
o.__proto__ = p;
return o;
};
return _setPrototypeOf(o, p);
}
function isNativeReflectConstruct() {
if (typeof Reflect === "undefined" || !Reflect.construct) return false;
if (Reflect.construct.sham) return false;
if (typeof Proxy === "function") return true;
try {
Date.prototype.toString.call(Reflect.construct(Date, [], function () {}));
return true;
} catch (e) {
return false;
}
}
function _construct(Parent, args, Class) {
if (isNativeReflectConstruct()) {
_construct = Reflect.construct;
} else {
_construct = function _construct(Parent, args, Class) {
var a = [null];
a.push.apply(a, args);
var Constructor = Function.bind.apply(Parent, a);
var instance = new Constructor();
if (Class) _setPrototypeOf(instance, Class.prototype);
return instance;
};
}
return _construct.apply(null, arguments);
}
function _assertThisInitialized(self) {
if (self === void 0) {
throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
}
return self;
}
function _possibleConstructorReturn(self, call) {
if (call && (typeof call === "object" || typeof call === "function")) {
return call;
}
return _assertThisInitialized(self);
}
function _superPropBase(object, property) {
while (!Object.prototype.hasOwnProperty.call(object, property)) {
object = _getPrototypeOf(object);
if (object === null) break;
}
return object;
}
function _get(target, property, receiver) {
if (typeof Reflect !== "undefined" && Reflect.get) {
_get = Reflect.get;
} else {
_get = function _get(target, property, receiver) {
var base = _superPropBase(target, property);
if (!base) return;
var desc = Object.getOwnPropertyDescriptor(base, property);
if (desc.get) {
return desc.get.call(receiver);
}
return desc.value;
};
}
return _get(target, property, receiver || target);
}
var consolePrefix = 'SweetAlert2:';
/**
* Filter the unique values into a new array
* @param arr
*/
var uniqueArray = function uniqueArray(arr) {
var result = [];
for (var i = 0; i < arr.length; i++) {
if (result.indexOf(arr[i]) === -1) {
result.push(arr[i]);
}
}
return result;
};
/**
* Convert NodeList to Array
* @param nodeList
*/
var toArray = function toArray(nodeList) {
return Array.prototype.slice.call(nodeList);
};
/**
* Converts `inputOptions` into an array of `[value, label]`s
* @param inputOptions
*/
var formatInputOptions = function formatInputOptions(inputOptions) {
var result = [];
if (typeof Map !== 'undefined' && inputOptions instanceof Map) {
inputOptions.forEach(function (value, key) {
result.push([key, value]);
});
} else {
Object.keys(inputOptions).forEach(function (key) {
result.push([key, inputOptions[key]]);
});
}
return result;
};
/**
* Standardise console warnings
* @param message
*/
var warn = function warn(message) {
console.warn("".concat(consolePrefix, " ").concat(message));
};
/**
* Standardise console errors
* @param message
*/
var error = function error(message) {
console.error("".concat(consolePrefix, " ").concat(message));
};
/**
* Private global state for `warnOnce`
* @type {Array}
* @private
*/
var previousWarnOnceMessages = [];
/**
* Show a console warning, but only if it hasn't already been shown
* @param message
*/
var warnOnce = function warnOnce(message) {
if (!(previousWarnOnceMessages.indexOf(message) !== -1)) {
previousWarnOnceMessages.push(message);
warn(message);
}
};
/**
* If `arg` is a function, call it (with no arguments or context) and return the result.
* Otherwise, just pass the value through
* @param arg
*/
var callIfFunction = function callIfFunction(arg) {
return typeof arg === 'function' ? arg() : arg;
};
var isPromise = function isPromise(arg) {
return arg && Promise.resolve(arg) === arg;
};
var DismissReason = Object.freeze({
cancel: 'cancel',
backdrop: 'backdrop',
close: 'close',
esc: 'esc',
timer: 'timer'
});
var argsToParams = function argsToParams(args) {
var params = {};
switch (_typeof(args[0])) {
case 'object':
_extends(params, args[0]);
break;
default:
['title', 'html', 'type'].forEach(function (name, index) {
switch (_typeof(args[index])) {
case 'string':
params[name] = args[index];
break;
case 'undefined':
break;
default:
error("Unexpected type of ".concat(name, "! Expected \"string\", got ").concat(_typeof(args[index])));
}
});
}
return params;
};
var swalPrefix = 'swal2-';
var prefix = function prefix(items) {
var result = {};
for (var i in items) {
result[items[i]] = swalPrefix + items[i];
}
return result;
};
var swalClasses = prefix(['container', 'shown', 'height-auto', 'iosfix', 'popup', 'modal', 'no-backdrop', 'toast', 'toast-shown', 'toast-column', 'fade', 'show', 'hide', 'noanimation', 'close', 'title', 'header', 'content', 'actions', 'confirm', 'cancel', 'footer', 'icon', 'icon-text', 'image', 'input', 'file', 'range', 'select', 'radio', 'checkbox', 'label', 'textarea', 'inputerror', 'validation-message', 'progress-steps', 'active-progress-step', 'progress-step', 'progress-step-line', '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']);
var iconTypes = prefix(['success', 'warning', 'info', 'question', 'error']);
var states = {
previousBodyPadding: null
};
var hasClass = function hasClass(elem, className) {
return elem.classList.contains(className);
};
var focusInput = function focusInput(input) {
input.focus(); // place cursor at end of text in text input
if (input.type !== 'file') {
// http://stackoverflow.com/a/2345915
var val = input.value;
input.value = '';
input.value = val;
}
};
var addOrRemoveClass = function addOrRemoveClass(target, classList, add) {
if (!target || !classList) {
return;
}
if (typeof classList === 'string') {
classList = classList.split(/\s+/).filter(Boolean);
}
classList.forEach(function (className) {
if (target.forEach) {
target.forEach(function (elem) {
add ? elem.classList.add(className) : elem.classList.remove(className);
});
} else {
add ? target.classList.add(className) : target.classList.remove(className);
}
});
};
var addClass = function addClass(target, classList) {
addOrRemoveClass(target, classList, true);
};
var removeClass = function removeClass(target, classList) {
addOrRemoveClass(target, classList, false);
};
var getChildByClass = function getChildByClass(elem, className) {
for (var i = 0; i < elem.childNodes.length; i++) {
if (hasClass(elem.childNodes[i], className)) {
return elem.childNodes[i];
}
}
};
var show = function show(elem) {
elem.style.opacity = '';
elem.style.display = elem.id === swalClasses.content ? 'block' : 'flex';
};
var hide = function hide(elem) {
elem.style.opacity = '';
elem.style.display = 'none';
}; // borrowed from jquery $(elem).is(':visible') implementation
var isVisible = function isVisible(elem) {
return !!(elem && (elem.offsetWidth || elem.offsetHeight || elem.getClientRects().length));
};
var contains = function contains(haystack, needle) {
if (typeof haystack.contains === 'function') {
return haystack.contains(needle);
}
};
var getContainer = function getContainer() {
return document.body.querySelector('.' + swalClasses.container);
};
var elementBySelector = function elementBySelector(selectorString) {
var container = getContainer();
return container ? container.querySelector(selectorString) : null;
};
var elementByClass = function elementByClass(className) {
return elementBySelector('.' + className);
};
var getPopup = function getPopup() {
return elementByClass(swalClasses.popup);
};
var getIcons = function getIcons() {
var popup = getPopup();
return toArray(popup.querySelectorAll('.' + swalClasses.icon));
};
var getTitle = function getTitle() {
return elementByClass(swalClasses.title);
};
var getContent = function getContent() {
return elementByClass(swalClasses.content);
};
var getImage = function getImage() {
return elementByClass(swalClasses.image);
};
var getProgressSteps = function getProgressSteps() {
return elementByClass(swalClasses['progress-steps']);
};
var getValidationMessage = function getValidationMessage() {
return elementByClass(swalClasses['validation-message']);
};
var getConfirmButton = function getConfirmButton() {
return elementBySelector('.' + swalClasses.actions + ' .' + swalClasses.confirm);
};
var getCancelButton = function getCancelButton() {
return elementBySelector('.' + swalClasses.actions + ' .' + swalClasses.cancel);
};
var getActions = function getActions() {
return elementByClass(swalClasses.actions);
};
var getFooter = function getFooter() {
return elementByClass(swalClasses.footer);
};
var getCloseButton = function getCloseButton() {
return elementByClass(swalClasses.close);
};
var getFocusableElements = function getFocusableElements() {
var focusableElementsWithTabindex = toArray(getPopup().querySelectorAll('[tabindex]:not([tabindex="-1"]):not([tabindex="0"])')) // sort according to tabindex
.sort(function (a, b) {
a = parseInt(a.getAttribute('tabindex'));
b = parseInt(b.getAttribute('tabindex'));
if (a > b) {
return 1;
} else if (a < b) {
return -1;
}
return 0;
}); // https://github.com/jkup/focusable/blob/master/index.js
var otherFocusableElements = toArray(getPopup().querySelectorAll('a[href], area[href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), button:not([disabled]), iframe, object, embed, [tabindex="0"], [contenteditable], audio[controls], video[controls]')).filter(function (el) {
return el.getAttribute('tabindex') !== '-1';
});
return uniqueArray(focusableElementsWithTabindex.concat(otherFocusableElements)).filter(function (el) {
return isVisible(el);
});
};
var isModal = function isModal() {
return !isToast() && !document.body.classList.contains(swalClasses['no-backdrop']);
};
var isToast = function isToast() {
return document.body.classList.contains(swalClasses['toast-shown']);
};
var isLoading = function isLoading() {
return getPopup().hasAttribute('data-loading');
};
// Detect Node env
var isNodeEnv = function isNodeEnv() {
return typeof window === 'undefined' || typeof document === 'undefined';
};
var sweetHTML = "\n
\n").replace(/(^|\n)\s*/g, '');
/*
* Add modal + backdrop to DOM
*/
var init = function init(params) {
// Clean up the old popup if it exists
var c = getContainer();
if (c) {
c.parentNode.removeChild(c);
removeClass([document.documentElement, document.body], [swalClasses['no-backdrop'], swalClasses['toast-shown'], swalClasses['has-column']]);
}
/* istanbul ignore if */
if (isNodeEnv()) {
error('SweetAlert2 requires document to initialize');
return;
}
var container = document.createElement('div');
container.className = swalClasses.container;
container.innerHTML = sweetHTML;
var targetElement = typeof params.target === 'string' ? document.querySelector(params.target) : params.target;
targetElement.appendChild(container);
var popup = getPopup();
var content = getContent();
var input = getChildByClass(content, swalClasses.input);
var file = getChildByClass(content, swalClasses.file);
var range = content.querySelector(".".concat(swalClasses.range, " input"));
var rangeOutput = content.querySelector(".".concat(swalClasses.range, " output"));
var select = getChildByClass(content, swalClasses.select);
var checkbox = content.querySelector(".".concat(swalClasses.checkbox, " input"));
var textarea = getChildByClass(content, swalClasses.textarea); // a11y
popup.setAttribute('role', params.toast ? 'alert' : 'dialog');
popup.setAttribute('aria-live', params.toast ? 'polite' : 'assertive');
if (!params.toast) {
popup.setAttribute('aria-modal', 'true');
} // RTL
if (window.getComputedStyle(targetElement).direction === 'rtl') {
addClass(getContainer(), swalClasses.rtl);
}
var oldInputVal; // IE11 workaround, see #1109 for details
var resetValidationMessage = function resetValidationMessage(e) {
if (Swal.isVisible() && oldInputVal !== e.target.value) {
Swal.resetValidationMessage();
}
oldInputVal = e.target.value;
};
input.oninput = resetValidationMessage;
file.onchange = resetValidationMessage;
select.onchange = resetValidationMessage;
checkbox.onchange = resetValidationMessage;
textarea.oninput = resetValidationMessage;
range.oninput = function (e) {
resetValidationMessage(e);
rangeOutput.value = range.value;
};
range.onchange = function (e) {
resetValidationMessage(e);
range.nextSibling.value = range.value;
};
return popup;
};
var parseHtmlToContainer = function parseHtmlToContainer(param, target) {
if (!param) {
return hide(target);
} // DOM element
if (param instanceof HTMLElement) {
target.appendChild(param); // JQuery element(s)
} else if (_typeof(param) === 'object') {
target.innerHTML = '';
if (0 in param) {
for (var i = 0; i in param; i++) {
target.appendChild(param[i].cloneNode(true));
}
} else {
target.appendChild(param.cloneNode(true));
}
} else if (param) {
target.innerHTML = param;
}
show(target);
};
var animationEndEvent = function () {
// Prevent run in Node env
/* istanbul ignore if */
if (isNodeEnv()) {
return false;
}
var testEl = document.createElement('div');
var transEndEventNames = {
'WebkitAnimation': 'webkitAnimationEnd',
'OAnimation': 'oAnimationEnd oanimationend',
'animation': 'animationend'
};
for (var i in transEndEventNames) {
if (transEndEventNames.hasOwnProperty(i) && typeof testEl.style[i] !== 'undefined') {
return transEndEventNames[i];
}
}
return false;
}();
// Measure width of scrollbar
// https://github.com/twbs/bootstrap/blob/master/js/modal.js#L279-L286
var measureScrollbar = function measureScrollbar() {
var supportsTouch = 'ontouchstart' in window || navigator.msMaxTouchPoints;
if (supportsTouch) {
return 0;
}
var scrollDiv = document.createElement('div');
scrollDiv.style.width = '50px';
scrollDiv.style.height = '50px';
scrollDiv.style.overflow = 'scroll';
document.body.appendChild(scrollDiv);
var scrollbarWidth = scrollDiv.offsetWidth - scrollDiv.clientWidth;
document.body.removeChild(scrollDiv);
return scrollbarWidth;
};
var renderActions = function renderActions(params) {
var actions = getActions();
var confirmButton = getConfirmButton();
var cancelButton = getCancelButton(); // Actions (buttons) wrapper
if (!params.showConfirmButton && !params.showCancelButton) {
hide(actions);
} else {
show(actions);
} // Cancel button
if (params.showCancelButton) {
cancelButton.style.display = 'inline-block';
} else {
hide(cancelButton);
} // Confirm button
if (params.showConfirmButton) {
confirmButton.style.removeProperty('display');
} else {
hide(confirmButton);
} // Edit text on confirm and cancel buttons
confirmButton.innerHTML = params.confirmButtonText;
cancelButton.innerHTML = params.cancelButtonText; // ARIA labels for confirm and cancel buttons
confirmButton.setAttribute('aria-label', params.confirmButtonAriaLabel);
cancelButton.setAttribute('aria-label', params.cancelButtonAriaLabel); // Add buttons custom classes
confirmButton.className = swalClasses.confirm;
addClass(confirmButton, params.confirmButtonClass);
cancelButton.className = swalClasses.cancel;
addClass(cancelButton, params.cancelButtonClass); // Buttons styling
if (params.buttonsStyling) {
addClass([confirmButton, cancelButton], swalClasses.styled); // Buttons background colors
if (params.confirmButtonColor) {
confirmButton.style.backgroundColor = params.confirmButtonColor;
}
if (params.cancelButtonColor) {
cancelButton.style.backgroundColor = params.cancelButtonColor;
} // Loading state
var confirmButtonBackgroundColor = window.getComputedStyle(confirmButton).getPropertyValue('background-color');
confirmButton.style.borderLeftColor = confirmButtonBackgroundColor;
confirmButton.style.borderRightColor = confirmButtonBackgroundColor;
} else {
removeClass([confirmButton, cancelButton], swalClasses.styled);
confirmButton.style.backgroundColor = confirmButton.style.borderLeftColor = confirmButton.style.borderRightColor = '';
cancelButton.style.backgroundColor = cancelButton.style.borderLeftColor = cancelButton.style.borderRightColor = '';
}
};
var renderContent = function renderContent(params) {
var content = getContent().querySelector('#' + swalClasses.content); // Content as HTML
if (params.html) {
parseHtmlToContainer(params.html, content); // Content as plain text
} else if (params.text) {
content.textContent = params.text;
show(content);
} else {
hide(content);
}
};
var renderIcon = function renderIcon(params) {
var icons = getIcons();
for (var i = 0; i < icons.length; i++) {
hide(icons[i]);
}
if (params.type) {
if (Object.keys(iconTypes).indexOf(params.type) !== -1) {
var icon = Swal.getPopup().querySelector(".".concat(swalClasses.icon, ".").concat(iconTypes[params.type]));
show(icon); // Animate icon
if (params.animation) {
addClass(icon, "swal2-animate-".concat(params.type, "-icon"));
}
} else {
error("Unknown type! Expected \"success\", \"error\", \"warning\", \"info\" or \"question\", got \"".concat(params.type, "\""));
}
}
};
var renderImage = function renderImage(params) {
var image = getImage();
if (params.imageUrl) {
image.setAttribute('src', params.imageUrl);
image.setAttribute('alt', params.imageAlt);
show(image);
if (params.imageWidth) {
image.setAttribute('width', params.imageWidth);
} else {
image.removeAttribute('width');
}
if (params.imageHeight) {
image.setAttribute('height', params.imageHeight);
} else {
image.removeAttribute('height');
}
image.className = swalClasses.image;
if (params.imageClass) {
addClass(image, params.imageClass);
}
} else {
hide(image);
}
};
var renderProgressSteps = function renderProgressSteps(params) {
var progressStepsContainer = getProgressSteps();
var currentProgressStep = parseInt(params.currentProgressStep === null ? Swal.getQueueStep() : params.currentProgressStep, 10);
if (params.progressSteps && params.progressSteps.length) {
show(progressStepsContainer);
progressStepsContainer.innerHTML = '';
if (currentProgressStep >= params.progressSteps.length) {
warn('Invalid currentProgressStep parameter, it should be less than progressSteps.length ' + '(currentProgressStep like JS arrays starts from 0)');
}
params.progressSteps.forEach(function (step, index) {
var stepEl = document.createElement('li');
addClass(stepEl, swalClasses['progress-step']);
stepEl.innerHTML = step;
if (index === currentProgressStep) {
addClass(stepEl, swalClasses['active-progress-step']);
}
progressStepsContainer.appendChild(stepEl);
if (index !== params.progressSteps.length - 1) {
var line = document.createElement('li');
addClass(line, swalClasses['progress-step-line']);
if (params.progressStepsDistance) {
line.style.width = params.progressStepsDistance;
}
progressStepsContainer.appendChild(line);
}
});
} else {
hide(progressStepsContainer);
}
};
var renderTitle = function renderTitle(params) {
var title = getTitle();
if (params.titleText) {
title.innerText = params.titleText;
} else if (params.title) {
if (typeof params.title === 'string') {
params.title = params.title.split('\n').join('
');
}
parseHtmlToContainer(params.title, title);
}
};
/*
* Global function to determine if SweetAlert2 popup is shown
*/
var isVisible$1 = function isVisible$$1() {
return isVisible(getPopup());
};
/*
* Global function to click 'Confirm' button
*/
var clickConfirm = function clickConfirm() {
return getConfirmButton().click();
};
/*
* Global function to click 'Cancel' button
*/
var clickCancel = function clickCancel() {
return getCancelButton().click();
};
function fire() {
var Swal = this;
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
args[_key] = arguments[_key];
}
return _construct(Swal, args);
}
/**
* Returns an extended version of `Swal` containing `params` as defaults.
* Useful for reusing Swal configuration.
*
* For example:
*
* Before:
* const textPromptOptions = { input: 'text', showCancelButton: true }
* const {value: firstName} = await Swal.fire({ ...textPromptOptions, title: 'What is your first name?' })
* const {value: lastName} = await Swal.fire({ ...textPromptOptions, title: 'What is your last name?' })
*
* After:
* const TextPrompt = Swal.mixin({ input: 'text', showCancelButton: true })
* const {value: firstName} = await TextPrompt('What is your first name?')
* const {value: lastName} = await TextPrompt('What is your last name?')
*
* @param mixinParams
*/
function mixin(mixinParams) {
var MixinSwal =
/*#__PURE__*/
function (_this) {
_inherits(MixinSwal, _this);
function MixinSwal() {
_classCallCheck(this, MixinSwal);
return _possibleConstructorReturn(this, _getPrototypeOf(MixinSwal).apply(this, arguments));
}
_createClass(MixinSwal, [{
key: "_main",
value: function _main(params) {
return _get(_getPrototypeOf(MixinSwal.prototype), "_main", this).call(this, _extends({}, mixinParams, params));
}
}]);
return MixinSwal;
}(this);
return MixinSwal;
}
// private global state for the queue feature
var currentSteps = [];
/*
* Global function for chaining sweetAlert popups
*/
var queue = function queue(steps) {
var Swal = this;
currentSteps = steps;
var resetQueue = function resetQueue() {
currentSteps = [];
document.body.removeAttribute('data-swal2-queue-step');
};
var queueResult = [];
return new Promise(function (resolve) {
(function step(i, callback) {
if (i < currentSteps.length) {
document.body.setAttribute('data-swal2-queue-step', i);
Swal.fire(currentSteps[i]).then(function (result) {
if (typeof result.value !== 'undefined') {
queueResult.push(result.value);
step(i + 1, callback);
} else {
resetQueue();
resolve({
dismiss: result.dismiss
});
}
});
} else {
resetQueue();
resolve({
value: queueResult
});
}
})(0);
});
};
/*
* Global function for getting the index of current popup in queue
*/
var getQueueStep = function getQueueStep() {
return document.body.getAttribute('data-swal2-queue-step');
};
/*
* Global function for inserting a popup to the queue
*/
var insertQueueStep = function insertQueueStep(step, index) {
if (index && index < currentSteps.length) {
return currentSteps.splice(index, 0, step);
}
return currentSteps.push(step);
};
/*
* Global function for deleting a popup from the queue
*/
var deleteQueueStep = function deleteQueueStep(index) {
if (typeof currentSteps[index] !== 'undefined') {
currentSteps.splice(index, 1);
}
};
/**
* Show spinner instead of Confirm button and disable Cancel button
*/
var showLoading = function showLoading() {
var popup = getPopup();
if (!popup) {
Swal.fire('');
}
popup = getPopup();
var actions = getActions();
var confirmButton = getConfirmButton();
var cancelButton = getCancelButton();
show(actions);
show(confirmButton);
addClass([popup, actions], swalClasses.loading);
confirmButton.disabled = true;
cancelButton.disabled = true;
popup.setAttribute('data-loading', true);
popup.setAttribute('aria-busy', true);
popup.focus();
};
var RESTORE_FOCUS_TIMEOUT = 100;
var globalState = {};
var restoreActiveElement = function restoreActiveElement() {
return new Promise(function (resolve) {
var x = window.scrollX;
var y = window.scrollY;
globalState.restoreFocusTimeout = setTimeout(function () {
if (globalState.previousActiveElement && globalState.previousActiveElement.focus) {
globalState.previousActiveElement.focus();
globalState.previousActiveElement = null;
} else if (document.body) {
document.body.focus();
}
resolve();
}, RESTORE_FOCUS_TIMEOUT); // issues/900
if (typeof x !== 'undefined' && typeof y !== 'undefined') {
// IE doesn't have scrollX/scrollY support
window.scrollTo(x, y);
}
});
};
/**
* If `timer` parameter is set, returns number of milliseconds of timer remained.
* Otherwise, returns undefined.
*/
var getTimerLeft = function getTimerLeft() {
return globalState.timeout && globalState.timeout.getTimerLeft();
};
/**
* Stop timer. Returns number of milliseconds of timer remained.
* If `timer` parameter isn't set, returns undefined.
*/
var stopTimer = function stopTimer() {
return globalState.timeout && globalState.timeout.stop();
};
/**
* Resume timer. Returns number of milliseconds of timer remained.
* If `timer` parameter isn't set, returns undefined.
*/
var resumeTimer = function resumeTimer() {
return globalState.timeout && globalState.timeout.start();
};
/**
* Resume timer. Returns number of milliseconds of timer remained.
* If `timer` parameter isn't set, returns undefined.
*/
var toggleTimer = function toggleTimer() {
var timer = globalState.timeout;
return timer && (timer.running ? timer.stop() : timer.start());
};
/**
* Increase timer. Returns number of milliseconds of an updated timer.
* If `timer` parameter isn't set, returns undefined.
*/
var increaseTimer = function increaseTimer(n) {
return globalState.timeout && globalState.timeout.increase(n);
};
/**
* Check if timer is running. Returns true if timer is running
* or false if timer is paused or stopped.
* If `timer` parameter isn't set, returns undefined
*/
var isTimerRunning = function isTimerRunning() {
return globalState.timeout && globalState.timeout.isRunning();
};
var defaultParams = {
title: '',
titleText: '',
text: '',
html: '',
footer: '',
type: null,
toast: false,
customClass: '',
customContainerClass: '',
target: 'body',
backdrop: true,
animation: true,
heightAuto: true,
allowOutsideClick: true,
allowEscapeKey: true,
allowEnterKey: true,
stopKeydownPropagation: true,
keydownListenerCapture: false,
showConfirmButton: true,
showCancelButton: false,
preConfirm: null,
confirmButtonText: 'OK',
confirmButtonAriaLabel: '',
confirmButtonColor: null,
confirmButtonClass: '',
cancelButtonText: 'Cancel',
cancelButtonAriaLabel: '',
cancelButtonColor: null,
cancelButtonClass: '',
buttonsStyling: true,
reverseButtons: false,
focusConfirm: true,
focusCancel: false,
showCloseButton: false,
closeButtonAriaLabel: 'Close this dialog',
showLoaderOnConfirm: false,
imageUrl: null,
imageWidth: null,
imageHeight: null,
imageAlt: '',
imageClass: '',
timer: null,
width: null,
padding: null,
background: null,
input: null,
inputPlaceholder: '',
inputValue: '',
inputOptions: {},
inputAutoTrim: true,
inputClass: '',
inputAttributes: {},
inputValidator: null,
validationMessage: null,
grow: false,
position: 'center',
progressSteps: [],
currentProgressStep: null,
progressStepsDistance: null,
onBeforeOpen: null,
onAfterClose: null,
onOpen: null,
onClose: null,
scrollbarPadding: true
};
var deprecatedParams = [];
var toastIncompatibleParams = ['allowOutsideClick', 'allowEnterKey', 'backdrop', 'focusConfirm', 'focusCancel', 'heightAuto', 'keydownListenerCapture'];
/**
* Is valid parameter
* @param {String} paramName
*/
var isValidParameter = function isValidParameter(paramName) {
return defaultParams.hasOwnProperty(paramName);
};
/**
* Is valid parameter for Swal.update() method
* @param {String} paramName
*/
var isUpdatableParameter = function isUpdatableParameter(paramName) {
return ['title', 'titleText', 'text', 'html', 'type', 'showConfirmButton', 'showCancelButton', 'confirmButtonText', 'confirmButtonAriaLabel', 'confirmButtonColor', 'confirmButtonClass', 'cancelButtonText', 'cancelButtonAriaLabel', 'cancelButtonColor', 'cancelButtonClass', 'buttonsStyling', 'reverseButtons', 'imageUrl', 'imageWidth', 'imageHeigth', 'imageAlt', 'imageClass', 'progressSteps', 'currentProgressStep'].indexOf(paramName) !== -1;
};
/**
* Is deprecated parameter
* @param {String} paramName
*/
var isDeprecatedParameter = function isDeprecatedParameter(paramName) {
return deprecatedParams.indexOf(paramName) !== -1;
};
/**
* Show relevant warnings for given params
*
* @param params
*/
var showWarningsForParams = function showWarningsForParams(params) {
for (var param in params) {
if (!isValidParameter(param)) {
warn("Unknown parameter \"".concat(param, "\""));
}
if (params.toast && toastIncompatibleParams.indexOf(param) !== -1) {
warn("The parameter \"".concat(param, "\" is incompatible with toasts"));
}
if (isDeprecatedParameter(param)) {
warnOnce("The parameter \"".concat(param, "\" is deprecated and will be removed in the next major release."));
}
}
};
var staticMethods = Object.freeze({
isValidParameter: isValidParameter,
isUpdatableParameter: isUpdatableParameter,
isDeprecatedParameter: isDeprecatedParameter,
argsToParams: argsToParams,
isVisible: isVisible$1,
clickConfirm: clickConfirm,
clickCancel: clickCancel,
getContainer: getContainer,
getPopup: getPopup,
getTitle: getTitle,
getContent: getContent,
getImage: getImage,
getIcons: getIcons,
getCloseButton: getCloseButton,
getActions: getActions,
getConfirmButton: getConfirmButton,
getCancelButton: getCancelButton,
getFooter: getFooter,
getFocusableElements: getFocusableElements,
getValidationMessage: getValidationMessage,
isLoading: isLoading,
fire: fire,
mixin: mixin,
queue: queue,
getQueueStep: getQueueStep,
insertQueueStep: insertQueueStep,
deleteQueueStep: deleteQueueStep,
showLoading: showLoading,
enableLoading: showLoading,
getTimerLeft: getTimerLeft,
stopTimer: stopTimer,
resumeTimer: resumeTimer,
toggleTimer: toggleTimer,
increaseTimer: increaseTimer,
isTimerRunning: isTimerRunning
});
/**
* This module containts `WeakMap`s for each effectively-"private property" that a `Swal` has.
* For example, to set the private property "foo" of `this` to "bar", you can `privateProps.foo.set(this, 'bar')`
* This is the approach that Babel will probably take to implement private methods/fields
* https://github.com/tc39/proposal-private-methods
* https://github.com/babel/babel/pull/7555
* Once we have the changes from that PR in Babel, and our core class fits reasonable in *one module*
* then we can use that language feature.
*/
var privateProps = {
promise: new WeakMap(),
innerParams: new WeakMap(),
domCache: new WeakMap()
};
/**
* Enables buttons and hide loader.
*/
function hideLoading() {
var innerParams = privateProps.innerParams.get(this);
var domCache = privateProps.domCache.get(this);
if (!innerParams.showConfirmButton) {
hide(domCache.confirmButton);
if (!innerParams.showCancelButton) {
hide(domCache.actions);
}
}
removeClass([domCache.popup, domCache.actions], swalClasses.loading);
domCache.popup.removeAttribute('aria-busy');
domCache.popup.removeAttribute('data-loading');
domCache.confirmButton.disabled = false;
domCache.cancelButton.disabled = false;
}
function getInput(inputType) {
var innerParams = privateProps.innerParams.get(this);
var domCache = privateProps.domCache.get(this);
inputType = inputType || innerParams.input;
if (!inputType) {
return null;
}
switch (inputType) {
case 'select':
case 'textarea':
case 'file':
return getChildByClass(domCache.content, swalClasses[inputType]);
case 'checkbox':
return domCache.popup.querySelector(".".concat(swalClasses.checkbox, " input"));
case 'radio':
return domCache.popup.querySelector(".".concat(swalClasses.radio, " input:checked")) || domCache.popup.querySelector(".".concat(swalClasses.radio, " input:first-child"));
case 'range':
return domCache.popup.querySelector(".".concat(swalClasses.range, " input"));
default:
return getChildByClass(domCache.content, swalClasses.input);
}
}
var fixScrollbar = function fixScrollbar() {
// for queues, do not do this more than once
if (states.previousBodyPadding !== null) {
return;
} // if the body has overflow
if (document.body.scrollHeight > window.innerHeight) {
// add padding so the content doesn't shift after removal of scrollbar
states.previousBodyPadding = parseInt(window.getComputedStyle(document.body).getPropertyValue('padding-right'));
document.body.style.paddingRight = states.previousBodyPadding + measureScrollbar() + 'px';
}
};
var undoScrollbar = function undoScrollbar() {
if (states.previousBodyPadding !== null) {
document.body.style.paddingRight = states.previousBodyPadding + 'px';
states.previousBodyPadding = null;
}
};
/* istanbul ignore next */
var iOSfix = function iOSfix() {
var iOS = /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream;
if (iOS && !hasClass(document.body, swalClasses.iosfix)) {
var offset = document.body.scrollTop;
document.body.style.top = offset * -1 + 'px';
addClass(document.body, swalClasses.iosfix);
}
};
/* istanbul ignore next */
var undoIOSfix = function undoIOSfix() {
if (hasClass(document.body, swalClasses.iosfix)) {
var offset = parseInt(document.body.style.top, 10);
removeClass(document.body, swalClasses.iosfix);
document.body.style.top = '';
document.body.scrollTop = offset * -1;
}
};
var isIE11 = function isIE11() {
return !!window.MSInputMethodContext && !!document.documentMode;
}; // Fix IE11 centering sweetalert2/issues/933
/* istanbul ignore next */
var fixVerticalPositionIE = function fixVerticalPositionIE() {
var container = getContainer();
var popup = getPopup();
container.style.removeProperty('align-items');
if (popup.offsetTop < 0) {
container.style.alignItems = 'flex-start';
}
};
/* istanbul ignore next */
var IEfix = function IEfix() {
if (typeof window !== 'undefined' && isIE11()) {
fixVerticalPositionIE();
window.addEventListener('resize', fixVerticalPositionIE);
}
};
/* istanbul ignore next */
var undoIEfix = function undoIEfix() {
if (typeof window !== 'undefined' && isIE11()) {
window.removeEventListener('resize', fixVerticalPositionIE);
}
};
// Adding aria-hidden="true" to elements outside of the active modal dialog ensures that
// elements not within the active modal dialog will not be surfaced if a user opens a screen
// reader’s list of elements (headings, form controls, landmarks, etc.) in the document.
var setAriaHidden = function setAriaHidden() {
var bodyChildren = toArray(document.body.children);
bodyChildren.forEach(function (el) {
if (el === getContainer() || contains(el, getContainer())) {
return;
}
if (el.hasAttribute('aria-hidden')) {
el.setAttribute('data-previous-aria-hidden', el.getAttribute('aria-hidden'));
}
el.setAttribute('aria-hidden', 'true');
});
};
var unsetAriaHidden = function unsetAriaHidden() {
var bodyChildren = toArray(document.body.children);
bodyChildren.forEach(function (el) {
if (el.hasAttribute('data-previous-aria-hidden')) {
el.setAttribute('aria-hidden', el.getAttribute('data-previous-aria-hidden'));
el.removeAttribute('data-previous-aria-hidden');
} else {
el.removeAttribute('aria-hidden');
}
});
};
/**
* This module containts `WeakMap`s for each effectively-"private property" that a `Swal` has.
* For example, to set the private property "foo" of `this` to "bar", you can `privateProps.foo.set(this, 'bar')`
* This is the approach that Babel will probably take to implement private methods/fields
* https://github.com/tc39/proposal-private-methods
* https://github.com/babel/babel/pull/7555
* Once we have the changes from that PR in Babel, and our core class fits reasonable in *one module*
* then we can use that language feature.
*/
var privateMethods = {
swalPromiseResolve: new WeakMap()
};
/*
* Instance method to close sweetAlert
*/
function close(resolveValue) {
var container = getContainer();
var popup = getPopup();
var innerParams = privateProps.innerParams.get(this);
var swalPromiseResolve = privateMethods.swalPromiseResolve.get(this);
var onClose = innerParams.onClose;
var onAfterClose = innerParams.onAfterClose;
if (!popup) {
return;
}
if (onClose !== null && typeof onClose === 'function') {
onClose(popup);
}
removeClass(popup, swalClasses.show);
addClass(popup, swalClasses.hide);
var removePopupAndResetState = function removePopupAndResetState() {
if (!isToast()) {
restoreActiveElement().then(function () {
return triggerOnAfterClose(onAfterClose);
});
globalState.keydownTarget.removeEventListener('keydown', globalState.keydownHandler, {
capture: globalState.keydownListenerCapture
});
globalState.keydownHandlerAdded = false;
} else {
triggerOnAfterClose(onAfterClose);
}
if (container.parentNode) {
container.parentNode.removeChild(container);
}
removeClass([document.documentElement, document.body], [swalClasses.shown, swalClasses['height-auto'], swalClasses['no-backdrop'], swalClasses['toast-shown'], swalClasses['toast-column']]);
if (isModal()) {
undoScrollbar();
undoIOSfix();
undoIEfix();
unsetAriaHidden();
}
}; // If animation is supported, animate
if (animationEndEvent && !hasClass(popup, swalClasses.noanimation)) {
popup.addEventListener(animationEndEvent, function swalCloseEventFinished() {
popup.removeEventListener(animationEndEvent, swalCloseEventFinished);
if (hasClass(popup, swalClasses.hide)) {
removePopupAndResetState();
}
});
} else {
// Otherwise, remove immediately
removePopupAndResetState();
} // Resolve Swal promise
swalPromiseResolve(resolveValue || {});
}
var triggerOnAfterClose = function triggerOnAfterClose(onAfterClose) {
if (onAfterClose !== null && typeof onAfterClose === 'function') {
setTimeout(function () {
onAfterClose();
});
}
};
function enableButtons() {
var domCache = privateProps.domCache.get(this);
domCache.confirmButton.disabled = false;
domCache.cancelButton.disabled = false;
}
function disableButtons() {
var domCache = privateProps.domCache.get(this);
domCache.confirmButton.disabled = true;
domCache.cancelButton.disabled = true;
}
function enableConfirmButton() {
var domCache = privateProps.domCache.get(this);
domCache.confirmButton.disabled = false;
}
function disableConfirmButton() {
var domCache = privateProps.domCache.get(this);
domCache.confirmButton.disabled = true;
}
function enableInput() {
var input = this.getInput();
if (!input) {
return false;
}
if (input.type === 'radio') {
var radiosContainer = input.parentNode.parentNode;
var radios = radiosContainer.querySelectorAll('input');
for (var i = 0; i < radios.length; i++) {
radios[i].disabled = false;
}
} else {
input.disabled = false;
}
}
function disableInput() {
var input = this.getInput();
if (!input) {
return false;
}
if (input && input.type === 'radio') {
var radiosContainer = input.parentNode.parentNode;
var radios = radiosContainer.querySelectorAll('input');
for (var i = 0; i < radios.length; i++) {
radios[i].disabled = true;
}
} else {
input.disabled = true;
}
}
function showValidationMessage(error) {
var domCache = privateProps.domCache.get(this);
domCache.validationMessage.innerHTML = error;
var popupComputedStyle = window.getComputedStyle(domCache.popup);
domCache.validationMessage.style.marginLeft = "-".concat(popupComputedStyle.getPropertyValue('padding-left'));
domCache.validationMessage.style.marginRight = "-".concat(popupComputedStyle.getPropertyValue('padding-right'));
show(domCache.validationMessage);
var input = this.getInput();
if (input) {
input.setAttribute('aria-invalid', true);
input.setAttribute('aria-describedBy', swalClasses['validation-message']);
focusInput(input);
addClass(input, swalClasses.inputerror);
}
} // Hide block with validation message
function resetValidationMessage() {
var domCache = privateProps.domCache.get(this);
if (domCache.validationMessage) {
hide(domCache.validationMessage);
}
var input = this.getInput();
if (input) {
input.removeAttribute('aria-invalid');
input.removeAttribute('aria-describedBy');
removeClass(input, swalClasses.inputerror);
}
}
function getProgressSteps$1() {
var innerParams = privateProps.innerParams.get(this);
return innerParams.progressSteps;
}
function setProgressSteps(progressSteps) {
var innerParams = privateProps.innerParams.get(this);
var updatedParams = _extends({}, innerParams, {
progressSteps: progressSteps
});
privateProps.innerParams.set(this, updatedParams);
renderProgressSteps(updatedParams);
}
function showProgressSteps() {
var domCache = privateProps.domCache.get(this);
show(domCache.progressSteps);
}
function hideProgressSteps() {
var domCache = privateProps.domCache.get(this);
hide(domCache.progressSteps);
}
var Timer = function Timer(callback, delay) {
_classCallCheck(this, Timer);
var id,
started,
remaining = delay;
this.running = false;
this.start = function () {
if (!this.running) {
this.running = true;
started = new Date();
id = setTimeout(callback, remaining);
}
return remaining;
};
this.stop = function () {
if (this.running) {
this.running = false;
clearTimeout(id);
remaining -= new Date() - started;
}
return remaining;
};
this.increase = function (n) {
var running = this.running;
if (running) {
this.stop();
}
remaining += n;
if (running) {
this.start();
}
return remaining;
};
this.getTimerLeft = function () {
if (this.running) {
this.stop();
this.start();
}
return remaining;
};
this.isRunning = function () {
return this.running;
};
this.start();
};
var defaultInputValidators = {
email: function email(string, validationMessage) {
return /^[a-zA-Z0-9.+_-]+@[a-zA-Z0-9.-]+\.[a-zA-Z0-9-]{2,24}$/.test(string) ? Promise.resolve() : Promise.resolve(validationMessage ? validationMessage : 'Invalid email address');
},
url: function url(string, validationMessage) {
// taken from https://stackoverflow.com/a/3809435 with a small change from #1306
return /^https?:\/\/(www\.)?[-a-zA-Z0-9@:%._+~#=]{2,256}\.[a-z]{2,63}\b([-a-zA-Z0-9@:%_+.~#?&//=]*)$/.test(string) ? Promise.resolve() : Promise.resolve(validationMessage ? validationMessage : 'Invalid URL');
}
};
/**
* Set type, text and actions on popup
*
* @param params
* @returns {boolean}
*/
function setParameters(params) {
// Use default `inputValidator` for supported input types if not provided
if (!params.inputValidator) {
Object.keys(defaultInputValidators).forEach(function (key) {
if (params.input === key) {
params.inputValidator = defaultInputValidators[key];
}
});
} // Determine if the custom target element is valid
if (!params.target || typeof params.target === 'string' && !document.querySelector(params.target) || typeof params.target !== 'string' && !params.target.appendChild) {
warn('Target parameter is not valid, defaulting to "body"');
params.target = 'body';
} // Animation
if (typeof params.animation === 'function') {
params.animation = params.animation.call();
}
var popup;
var oldPopup = getPopup();
var targetElement = typeof params.target === 'string' ? document.querySelector(params.target) : params.target; // If the model target has changed, refresh the popup
if (oldPopup && targetElement && oldPopup.parentNode !== targetElement.parentNode) {
popup = init(params);
} else {
popup = oldPopup || init(params);
} // Set popup width
if (params.width) {
popup.style.width = typeof params.width === 'number' ? params.width + 'px' : params.width;
} // Set popup padding
if (params.padding !== null) {
popup.style.padding = typeof params.padding === 'number' ? params.padding + 'px' : params.padding;
} // Set popup background
if (params.background) {
popup.style.background = params.background;
}
var popupBackgroundColor = window.getComputedStyle(popup).getPropertyValue('background-color');
var successIconParts = popup.querySelectorAll('[class^=swal2-success-circular-line], .swal2-success-fix');
for (var i = 0; i < successIconParts.length; i++) {
successIconParts[i].style.backgroundColor = popupBackgroundColor;
}
var container = getContainer();
var closeButton = getCloseButton();
var footer = getFooter(); // Title
renderTitle(params); // Content
renderContent(params); // Backdrop
if (typeof params.backdrop === 'string') {
getContainer().style.background = params.backdrop;
} else if (!params.backdrop) {
addClass([document.documentElement, document.body], swalClasses['no-backdrop']);
}
if (!params.backdrop && params.allowOutsideClick) {
warn('"allowOutsideClick" parameter requires `backdrop` parameter to be set to `true`');
} // Position
if (params.position in swalClasses) {
addClass(container, swalClasses[params.position]);
} else {
warn('The "position" parameter is not valid, defaulting to "center"');
addClass(container, swalClasses.center);
} // Grow
if (params.grow && typeof params.grow === 'string') {
var growClass = 'grow-' + params.grow;
if (growClass in swalClasses) {
addClass(container, swalClasses[growClass]);
}
} // Close button
if (params.showCloseButton) {
closeButton.setAttribute('aria-label', params.closeButtonAriaLabel);
show(closeButton);
} else {
hide(closeButton);
} // Default Class
popup.className = swalClasses.popup;
if (params.toast) {
addClass([document.documentElement, document.body], swalClasses['toast-shown']);
addClass(popup, swalClasses.toast);
} else {
addClass(popup, swalClasses.modal);
} // Custom Class
if (params.customClass) {
addClass(popup, params.customClass);
}
if (params.customContainerClass) {
addClass(container, params.customContainerClass);
} // Progress steps
renderProgressSteps(params); // Icon
renderIcon(params); // Image
renderImage(params); // Actions (buttons)
renderActions(params); // Footer
parseHtmlToContainer(params.footer, footer); // CSS animation
if (params.animation === true) {
removeClass(popup, swalClasses.noanimation);
} else {
addClass(popup, swalClasses.noanimation);
} // 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');
}
}
/**
* Open popup, add necessary classes and styles, fix scrollbar
*
* @param {Array} params
*/
var openPopup = function openPopup(params) {
var container = getContainer();
var popup = getPopup();
if (params.onBeforeOpen !== null && typeof params.onBeforeOpen === 'function') {
params.onBeforeOpen(popup);
}
if (params.animation) {
addClass(popup, swalClasses.show);
addClass(container, swalClasses.fade);
removeClass(popup, swalClasses.hide);
} else {
removeClass(popup, swalClasses.fade);
}
show(popup); // scrolling is 'hidden' until animation is done, after that 'auto'
container.style.overflowY = 'hidden';
if (animationEndEvent && !hasClass(popup, swalClasses.noanimation)) {
popup.addEventListener(animationEndEvent, function swalCloseEventFinished() {
popup.removeEventListener(animationEndEvent, swalCloseEventFinished);
container.style.overflowY = 'auto';
});
} else {
container.style.overflowY = 'auto';
}
addClass([document.documentElement, document.body, container], swalClasses.shown);
if (params.heightAuto && params.backdrop && !params.toast) {
addClass([document.documentElement, document.body], swalClasses['height-auto']);
}
if (isModal()) {
if (params.scrollbarPadding) {
fixScrollbar();
}
iOSfix();
IEfix();
setAriaHidden(); // sweetalert2/issues/1247
setTimeout(function () {
container.scrollTop = 0;
});
}
if (!isToast() && !globalState.previousActiveElement) {
globalState.previousActiveElement = document.activeElement;
}
if (params.onOpen !== null && typeof params.onOpen === 'function') {
setTimeout(function () {
params.onOpen(popup);
});
}
};
function _main(userParams) {
var _this = this;
showWarningsForParams(userParams);
var innerParams = _extends({}, defaultParams, userParams);
setParameters(innerParams);
Object.freeze(innerParams);
privateProps.innerParams.set(this, innerParams); // clear the previous timer
if (globalState.timeout) {
globalState.timeout.stop();
delete globalState.timeout;
} // clear the restore focus timeout
clearTimeout(globalState.restoreFocusTimeout);
var domCache = {
popup: getPopup(),
container: getContainer(),
content: getContent(),
actions: getActions(),
confirmButton: getConfirmButton(),
cancelButton: getCancelButton(),
closeButton: getCloseButton(),
validationMessage: getValidationMessage(),
progressSteps: getProgressSteps()
};
privateProps.domCache.set(this, domCache);
var constructor = this.constructor;
return new Promise(function (resolve) {
// functions to handle all closings/dismissals
var succeedWith = function succeedWith(value) {
_this.closePopup({
value: value
});
};
var dismissWith = function dismissWith(dismiss) {
_this.closePopup({
dismiss: dismiss
});
};
privateMethods.swalPromiseResolve.set(_this, resolve); // Close on timer
if (innerParams.timer) {
globalState.timeout = new Timer(function () {
dismissWith('timer');
delete globalState.timeout;
}, innerParams.timer);
} // Get the value of the popup input
var getInputValue = function getInputValue() {
var input = _this.getInput();
if (!input) {
return null;
}
switch (innerParams.input) {
case 'checkbox':
return input.checked ? 1 : 0;
case 'radio':
return input.checked ? input.value : null;
case 'file':
return input.files.length ? input.files[0] : null;
default:
return innerParams.inputAutoTrim ? input.value.trim() : input.value;
}
}; // input autofocus
if (innerParams.input) {
setTimeout(function () {
var input = _this.getInput();
if (input) {
focusInput(input);
}
}, 0);
}
var confirm = function confirm(value) {
if (innerParams.showLoaderOnConfirm) {
constructor.showLoading(); // TODO: make showLoading an *instance* method
}
if (innerParams.preConfirm) {
_this.resetValidationMessage();
var preConfirmPromise = Promise.resolve().then(function () {
return innerParams.preConfirm(value, innerParams.validationMessage);
});
preConfirmPromise.then(function (preConfirmValue) {
if (isVisible(domCache.validationMessage) || preConfirmValue === false) {
_this.hideLoading();
} else {
succeedWith(typeof preConfirmValue === 'undefined' ? value : preConfirmValue);
}
});
} else {
succeedWith(value);
}
}; // Mouse interactions
var onButtonEvent = function onButtonEvent(e) {
var target = e.target;
var confirmButton = domCache.confirmButton,
cancelButton = domCache.cancelButton;
var targetedConfirm = confirmButton && (confirmButton === target || confirmButton.contains(target));
var targetedCancel = cancelButton && (cancelButton === target || cancelButton.contains(target));
switch (e.type) {
case 'click':
// Clicked 'confirm'
if (targetedConfirm && constructor.isVisible()) {
_this.disableButtons();
if (innerParams.input) {
var inputValue = getInputValue();
if (innerParams.inputValidator) {
_this.disableInput();
var validationPromise = Promise.resolve().then(function () {
return innerParams.inputValidator(inputValue, innerParams.validationMessage);
});
validationPromise.then(function (validationMessage) {
_this.enableButtons();
_this.enableInput();
if (validationMessage) {
_this.showValidationMessage(validationMessage);
} else {
confirm(inputValue);
}
});
} else if (!_this.getInput().checkValidity()) {
_this.enableButtons();
_this.showValidationMessage(innerParams.validationMessage);
} else {
confirm(inputValue);
}
} else {
confirm(true);
} // Clicked 'cancel'
} else if (targetedCancel && constructor.isVisible()) {
_this.disableButtons();
dismissWith(constructor.DismissReason.cancel);
}
break;
default:
}
};
var buttons = domCache.popup.querySelectorAll('button');
for (var i = 0; i < buttons.length; i++) {
buttons[i].onclick = onButtonEvent;
buttons[i].onmouseover = onButtonEvent;
buttons[i].onmouseout = onButtonEvent;
buttons[i].onmousedown = onButtonEvent;
} // Closing popup by close button
domCache.closeButton.onclick = function () {
dismissWith(constructor.DismissReason.close);
};
if (innerParams.toast) {
// Closing popup by internal click
domCache.popup.onclick = function () {
if (innerParams.showConfirmButton || innerParams.showCancelButton || innerParams.showCloseButton || innerParams.input) {
return;
}
dismissWith(constructor.DismissReason.close);
};
} else {
var ignoreOutsideClick = false; // Ignore click events that had mousedown on the popup but mouseup on the container
// This can happen when the user drags a slider
domCache.popup.onmousedown = function () {
domCache.container.onmouseup = function (e) {
domCache.container.onmouseup = undefined; // We only check if the mouseup target is the container because usually it doesn't
// have any other direct children aside of the popup
if (e.target === domCache.container) {
ignoreOutsideClick = true;
}
};
}; // Ignore click events that had mousedown on the container but mouseup on the popup
domCache.container.onmousedown = function () {
domCache.popup.onmouseup = function (e) {
domCache.popup.onmouseup = undefined; // We also need to check if the mouseup target is a child of the popup
if (e.target === domCache.popup || domCache.popup.contains(e.target)) {
ignoreOutsideClick = true;
}
};
};
domCache.container.onclick = function (e) {
if (ignoreOutsideClick) {
ignoreOutsideClick = false;
return;
}
if (e.target !== domCache.container) {
return;
}
if (callIfFunction(innerParams.allowOutsideClick)) {
dismissWith(constructor.DismissReason.backdrop);
}
};
} // Reverse buttons (Confirm on the right side)
if (innerParams.reverseButtons) {
domCache.confirmButton.parentNode.insertBefore(domCache.cancelButton, domCache.confirmButton);
} else {
domCache.confirmButton.parentNode.insertBefore(domCache.confirmButton, domCache.cancelButton);
} // Focus handling
var setFocus = function setFocus(index, increment) {
var focusableElements = getFocusableElements(innerParams.focusCancel); // search for visible elements and select the next possible match
for (var _i = 0; _i < focusableElements.length; _i++) {
index = index + increment; // rollover to first item
if (index === focusableElements.length) {
index = 0; // go to last item
} else if (index === -1) {
index = focusableElements.length - 1;
}
return focusableElements[index].focus();
} // no visible focusable elements, focus the popup
domCache.popup.focus();
};
var keydownHandler = function keydownHandler(e, innerParams) {
if (innerParams.stopKeydownPropagation) {
e.stopPropagation();
}
var arrowKeys = ['ArrowLeft', 'ArrowRight', 'ArrowUp', 'ArrowDown', 'Left', 'Right', 'Up', 'Down' // IE11
];
if (e.key === 'Enter' && !e.isComposing) {
if (e.target && _this.getInput() && e.target.outerHTML === _this.getInput().outerHTML) {
if (['textarea', 'file'].indexOf(innerParams.input) !== -1) {
return; // do not submit
}
constructor.clickConfirm();
e.preventDefault();
} // TAB
} else if (e.key === 'Tab') {
var targetElement = e.target;
var focusableElements = getFocusableElements(innerParams.focusCancel);
var btnIndex = -1;
for (var _i2 = 0; _i2 < focusableElements.length; _i2++) {
if (targetElement === focusableElements[_i2]) {
btnIndex = _i2;
break;
}
}
if (!e.shiftKey) {
// Cycle to the next button
setFocus(btnIndex, 1);
} else {
// Cycle to the prev button
setFocus(btnIndex, -1);
}
e.stopPropagation();
e.preventDefault(); // ARROWS - switch focus between buttons
} else if (arrowKeys.indexOf(e.key) !== -1) {
// focus Cancel button if Confirm button is currently focused
if (document.activeElement === domCache.confirmButton && isVisible(domCache.cancelButton)) {
domCache.cancelButton.focus(); // and vice versa
} else if (document.activeElement === domCache.cancelButton && isVisible(domCache.confirmButton)) {
domCache.confirmButton.focus();
} // ESC
} else if ((e.key === 'Escape' || e.key === 'Esc') && callIfFunction(innerParams.allowEscapeKey) === true) {
e.preventDefault();
dismissWith(constructor.DismissReason.esc);
}
};
if (globalState.keydownHandlerAdded) {
globalState.keydownTarget.removeEventListener('keydown', globalState.keydownHandler, {
capture: globalState.keydownListenerCapture
});
globalState.keydownHandlerAdded = false;
}
if (!innerParams.toast) {
globalState.keydownHandler = function (e) {
return keydownHandler(e, innerParams);
};
globalState.keydownTarget = innerParams.keydownListenerCapture ? window : domCache.popup;
globalState.keydownListenerCapture = innerParams.keydownListenerCapture;
globalState.keydownTarget.addEventListener('keydown', globalState.keydownHandler, {
capture: globalState.keydownListenerCapture
});
globalState.keydownHandlerAdded = true;
}
_this.enableButtons();
_this.hideLoading();
_this.resetValidationMessage();
if (innerParams.toast && (innerParams.input || innerParams.footer || innerParams.showCloseButton)) {
addClass(document.body, swalClasses['toast-column']);
} else {
removeClass(document.body, swalClasses['toast-column']);
} // inputs
var inputTypes = ['input', 'file', 'range', 'select', 'radio', 'checkbox', 'textarea'];
var setInputPlaceholder = function setInputPlaceholder(input) {
if (!input.placeholder || innerParams.inputPlaceholder) {
input.placeholder = innerParams.inputPlaceholder;
}
};
var input;
for (var _i3 = 0; _i3 < inputTypes.length; _i3++) {
var inputClass = swalClasses[inputTypes[_i3]];
var inputContainer = getChildByClass(domCache.content, inputClass);
input = _this.getInput(inputTypes[_i3]); // set attributes
if (input) {
for (var j in input.attributes) {
if (input.attributes.hasOwnProperty(j)) {
var attrName = input.attributes[j].name;
if (attrName !== 'type' && attrName !== 'value') {
input.removeAttribute(attrName);
}
}
}
for (var attr in innerParams.inputAttributes) {
// Do not set a placeholder for
// it'll crash Edge, #1298
if (inputTypes[_i3] === 'range' && attr === 'placeholder') {
continue;
}
input.setAttribute(attr, innerParams.inputAttributes[attr]);
}
} // set class
inputContainer.className = inputClass;
if (innerParams.inputClass) {
addClass(inputContainer, innerParams.inputClass);
}
hide(inputContainer);
}
var populateInputOptions;
switch (innerParams.input) {
case 'text':
case 'email':
case 'password':
case 'number':
case 'tel':
case 'url':
{
input = getChildByClass(domCache.content, swalClasses.input);
if (typeof innerParams.inputValue === 'string' || typeof innerParams.inputValue === 'number') {
input.value = innerParams.inputValue;
} else if (!isPromise(innerParams.inputValue)) {
warn("Unexpected type of inputValue! Expected \"string\", \"number\" or \"Promise\", got \"".concat(_typeof(innerParams.inputValue), "\""));
}
setInputPlaceholder(input);
input.type = innerParams.input;
show(input);
break;
}
case 'file':
{
input = getChildByClass(domCache.content, swalClasses.file);
setInputPlaceholder(input);
input.type = innerParams.input;
show(input);
break;
}
case 'range':
{
var range = getChildByClass(domCache.content, swalClasses.range);
var rangeInput = range.querySelector('input');
var rangeOutput = range.querySelector('output');
rangeInput.value = innerParams.inputValue;
rangeInput.type = innerParams.input;
rangeOutput.value = innerParams.inputValue;
show(range);
break;
}
case 'select':
{
var select = getChildByClass(domCache.content, swalClasses.select);
select.innerHTML = '';
if (innerParams.inputPlaceholder) {
var placeholder = document.createElement('option');
placeholder.innerHTML = innerParams.inputPlaceholder;
placeholder.value = '';
placeholder.disabled = true;
placeholder.selected = true;
select.appendChild(placeholder);
}
populateInputOptions = function populateInputOptions(inputOptions) {
inputOptions.forEach(function (inputOption) {
var optionValue = inputOption[0];
var optionLabel = inputOption[1];
var option = document.createElement('option');
option.value = optionValue;
option.innerHTML = optionLabel;
if (innerParams.inputValue.toString() === optionValue.toString()) {
option.selected = true;
}
select.appendChild(option);
});
show(select);
select.focus();
};
break;
}
case 'radio':
{
var radio = getChildByClass(domCache.content, swalClasses.radio);
radio.innerHTML = '';
populateInputOptions = function populateInputOptions(inputOptions) {
inputOptions.forEach(function (inputOption) {
var radioValue = inputOption[0];
var radioLabel = inputOption[1];
var radioInput = document.createElement('input');
var radioLabelElement = document.createElement('label');
radioInput.type = 'radio';
radioInput.name = swalClasses.radio;
radioInput.value = radioValue;
if (innerParams.inputValue.toString() === radioValue.toString()) {
radioInput.checked = true;
}
var label = document.createElement('span');
label.innerHTML = radioLabel;
label.className = swalClasses.label;
radioLabelElement.appendChild(radioInput);
radioLabelElement.appendChild(label);
radio.appendChild(radioLabelElement);
});
show(radio);
var radios = radio.querySelectorAll('input');
if (radios.length) {
radios[0].focus();
}
};
break;
}
case 'checkbox':
{
var checkbox = getChildByClass(domCache.content, swalClasses.checkbox);
var checkboxInput = _this.getInput('checkbox');
checkboxInput.type = 'checkbox';
checkboxInput.value = 1;
checkboxInput.id = swalClasses.checkbox;
checkboxInput.checked = Boolean(innerParams.inputValue);
var label = checkbox.querySelector('span');
label.innerHTML = innerParams.inputPlaceholder;
show(checkbox);
break;
}
case 'textarea':
{
var textarea = getChildByClass(domCache.content, swalClasses.textarea);
textarea.value = innerParams.inputValue;
setInputPlaceholder(textarea);
show(textarea);
break;
}
case null:
{
break;
}
default:
error("Unexpected type of input! Expected \"text\", \"email\", \"password\", \"number\", \"tel\", \"select\", \"radio\", \"checkbox\", \"textarea\", \"file\" or \"url\", got \"".concat(innerParams.input, "\""));
break;
}
if (innerParams.input === 'select' || innerParams.input === 'radio') {
var processInputOptions = function processInputOptions(inputOptions) {
return populateInputOptions(formatInputOptions(inputOptions));
};
if (isPromise(innerParams.inputOptions)) {
constructor.showLoading();
innerParams.inputOptions.then(function (inputOptions) {
_this.hideLoading();
processInputOptions(inputOptions);
});
} else if (_typeof(innerParams.inputOptions) === 'object') {
processInputOptions(innerParams.inputOptions);
} else {
error("Unexpected type of inputOptions! Expected object, Map or Promise, got ".concat(_typeof(innerParams.inputOptions)));
}
} else if (['text', 'email', 'number', 'tel', 'textarea'].indexOf(innerParams.input) !== -1 && isPromise(innerParams.inputValue)) {
constructor.showLoading();
hide(input);
innerParams.inputValue.then(function (inputValue) {
input.value = innerParams.input === 'number' ? parseFloat(inputValue) || 0 : inputValue + '';
show(input);
input.focus();
_this.hideLoading();
}).catch(function (err) {
error('Error in inputValue promise: ' + err);
input.value = '';
show(input);
input.focus();
_this.hideLoading();
});
}
openPopup(innerParams);
if (!innerParams.toast) {
if (!callIfFunction(innerParams.allowEnterKey)) {
if (document.activeElement && typeof document.activeElement.blur === 'function') {
document.activeElement.blur();
}
} else if (innerParams.focusCancel && isVisible(domCache.cancelButton)) {
domCache.cancelButton.focus();
} else if (innerParams.focusConfirm && isVisible(domCache.confirmButton)) {
domCache.confirmButton.focus();
} else {
setFocus(-1, 1);
}
} // fix scroll
domCache.container.scrollTop = 0;
});
}
/**
* Updates popup options.
*/
function update(params) {
var validUpdatableParams = {}; // assign valid params from `params` to `defaults`
Object.keys(params).forEach(function (param) {
if (Swal.isUpdatableParameter(param)) {
validUpdatableParams[param] = params[param];
} else {
warn("Invalid parameter to update: \"".concat(param, "\". Updatable params are listed here: TODO (@limonte) add link"));
}
});
var innerParams = privateProps.innerParams.get(this);
var updatedParams = _extends({}, innerParams, validUpdatableParams); // Actions
renderActions(updatedParams); // Content
renderContent(updatedParams); // Icon
renderIcon(updatedParams); // Image
renderImage(updatedParams); // Progress steps
renderProgressSteps(updatedParams); // Title
renderTitle(updatedParams);
privateProps.innerParams.set(this, updatedParams);
}
var instanceMethods = Object.freeze({
hideLoading: hideLoading,
disableLoading: hideLoading,
getInput: getInput,
close: close,
closePopup: close,
closeModal: close,
closeToast: close,
enableButtons: enableButtons,
disableButtons: disableButtons,
enableConfirmButton: enableConfirmButton,
disableConfirmButton: disableConfirmButton,
enableInput: enableInput,
disableInput: disableInput,
showValidationMessage: showValidationMessage,
resetValidationMessage: resetValidationMessage,
getProgressSteps: getProgressSteps$1,
setProgressSteps: setProgressSteps,
showProgressSteps: showProgressSteps,
hideProgressSteps: hideProgressSteps,
_main: _main,
update: update
});
var currentInstance; // SweetAlert constructor
function SweetAlert() {
// Prevent run in Node env
/* istanbul ignore if */
if (typeof window === 'undefined') {
return;
} // Check for the existence of Promise
/* istanbul ignore if */
if (typeof Promise === 'undefined') {
error('This package requires a Promise library, please include a shim to enable it in this browser (See: https://github.com/sweetalert2/sweetalert2/wiki/Migration-from-SweetAlert-to-SweetAlert2#1-ie-support)');
}
currentInstance = this;
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
args[_key] = arguments[_key];
}
var outerParams = Object.freeze(this.constructor.argsToParams(args));
Object.defineProperties(this, {
params: {
value: outerParams,
writable: false,
enumerable: true
}
});
var promise = this._main(this.params);
privateProps.promise.set(this, promise);
} // `catch` cannot be the name of a module export, so we define our thenable methods here instead
SweetAlert.prototype.then = function (onFulfilled) {
var promise = privateProps.promise.get(this);
return promise.then(onFulfilled);
};
SweetAlert.prototype.finally = function (onFinally) {
var promise = privateProps.promise.get(this);
return promise.finally(onFinally);
}; // Assign instance methods from src/instanceMethods/*.js to prototype
_extends(SweetAlert.prototype, instanceMethods); // Assign static methods from src/staticMethods/*.js to constructor
_extends(SweetAlert, staticMethods); // Proxy to instance methods to constructor, for now, for backwards compatibility
Object.keys(instanceMethods).forEach(function (key) {
SweetAlert[key] = function () {
if (currentInstance) {
var _currentInstance;
return (_currentInstance = currentInstance)[key].apply(_currentInstance, arguments);
}
};
});
SweetAlert.DismissReason = DismissReason;
SweetAlert.version = '8.2.4';
var Swal = SweetAlert;
Swal.default = Swal;
return Swal;
})));
if (typeof window !== 'undefined' && window.Sweetalert2){ window.swal = window.sweetAlert = window.Swal = window.SweetAlert = window.Sweetalert2}