468 lines
24 KiB
JavaScript
468 lines
24 KiB
JavaScript
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
||
|
||
/*
|
||
* iziToast | v1.4.0
|
||
* http://izitoast.marcelodolce.com
|
||
* by Marcelo Dolce.
|
||
*/
|
||
!function (t, e) {
|
||
"function" == typeof define && define.amd ? define([], e(t)) : "object" == (typeof exports === "undefined" ? "undefined" : _typeof(exports)) ? module.exports = e(t) : t.iziToast = e(t);
|
||
}("undefined" != typeof global ? global : window || this.window || this.global, function (t) {
|
||
"use strict";
|
||
|
||
var e = {},
|
||
n = "iziToast",
|
||
o = (document.querySelector("body"), !!/Mobi/.test(navigator.userAgent)),
|
||
i = /Chrome/.test(navigator.userAgent) && /Google Inc/.test(navigator.vendor),
|
||
s = "undefined" != typeof InstallTrigger,
|
||
a = ("ontouchstart" in document.documentElement),
|
||
r = ["bottomRight", "bottomLeft", "bottomCenter", "topRight", "topLeft", "topCenter", "center"],
|
||
l = {
|
||
info: {
|
||
color: "blue",
|
||
icon: "ico-info"
|
||
},
|
||
success: {
|
||
color: "green",
|
||
icon: "ico-success"
|
||
},
|
||
warning: {
|
||
color: "orange",
|
||
icon: "ico-warning"
|
||
},
|
||
error: {
|
||
color: "red",
|
||
icon: "ico-error"
|
||
},
|
||
question: {
|
||
color: "yellow",
|
||
icon: "ico-question"
|
||
}
|
||
},
|
||
d = 568,
|
||
c = {};
|
||
e.children = {};
|
||
var u = {
|
||
id: null,
|
||
"class": "",
|
||
title: "",
|
||
titleColor: "",
|
||
titleSize: "",
|
||
titleLineHeight: "",
|
||
message: "",
|
||
messageColor: "",
|
||
messageSize: "",
|
||
messageLineHeight: "",
|
||
backgroundColor: "",
|
||
theme: "light",
|
||
color: "",
|
||
icon: "",
|
||
iconText: "",
|
||
iconColor: "",
|
||
iconUrl: null,
|
||
image: "",
|
||
imageWidth: 50,
|
||
maxWidth: null,
|
||
zindex: null,
|
||
layout: 1,
|
||
balloon: !1,
|
||
close: !0,
|
||
closeOnEscape: !1,
|
||
closeOnClick: !1,
|
||
displayMode: 0,
|
||
position: "bottomRight",
|
||
target: "",
|
||
targetFirst: !0,
|
||
timeout: 5e3,
|
||
rtl: !1,
|
||
animateInside: !0,
|
||
drag: !0,
|
||
pauseOnHover: !0,
|
||
resetOnHover: !1,
|
||
progressBar: !0,
|
||
progressBarColor: "",
|
||
progressBarEasing: "linear",
|
||
overlay: !1,
|
||
overlayClose: !1,
|
||
overlayColor: "rgba(0, 0, 0, 0.6)",
|
||
transitionIn: "fadeInUp",
|
||
transitionOut: "fadeOut",
|
||
transitionInMobile: "fadeInUp",
|
||
transitionOutMobile: "fadeOutDown",
|
||
buttons: {},
|
||
inputs: {},
|
||
onOpening: function onOpening() {},
|
||
onOpened: function onOpened() {},
|
||
onClosing: function onClosing() {},
|
||
onClosed: function onClosed() {}
|
||
};
|
||
|
||
if ("remove" in Element.prototype || (Element.prototype.remove = function () {
|
||
this.parentNode && this.parentNode.removeChild(this);
|
||
}), "function" != typeof window.CustomEvent) {
|
||
var p = function p(t, e) {
|
||
e = e || {
|
||
bubbles: !1,
|
||
cancelable: !1,
|
||
detail: void 0
|
||
};
|
||
var n = document.createEvent("CustomEvent");
|
||
return n.initCustomEvent(t, e.bubbles, e.cancelable, e.detail), n;
|
||
};
|
||
|
||
p.prototype = window.Event.prototype, window.CustomEvent = p;
|
||
}
|
||
|
||
var m = function m(t, e, n) {
|
||
if ("[object Object]" === Object.prototype.toString.call(t)) for (var o in t) {
|
||
Object.prototype.hasOwnProperty.call(t, o) && e.call(n, t[o], o, t);
|
||
} else if (t) for (var i = 0, s = t.length; s > i; i++) {
|
||
e.call(n, t[i], i, t);
|
||
}
|
||
},
|
||
g = function g(t, e) {
|
||
var n = {};
|
||
return m(t, function (e, o) {
|
||
n[o] = t[o];
|
||
}), m(e, function (t, o) {
|
||
n[o] = e[o];
|
||
}), n;
|
||
},
|
||
f = function f(t) {
|
||
var e = document.createDocumentFragment(),
|
||
n = document.createElement("div");
|
||
|
||
for (n.innerHTML = t; n.firstChild;) {
|
||
e.appendChild(n.firstChild);
|
||
}
|
||
|
||
return e;
|
||
},
|
||
v = function v(t) {
|
||
var e = btoa(encodeURIComponent(t));
|
||
return e.replace(/=/g, "");
|
||
},
|
||
y = function y(t) {
|
||
return "#" == t.substring(0, 1) || "rgb" == t.substring(0, 3) || "hsl" == t.substring(0, 3);
|
||
},
|
||
h = function h(t) {
|
||
try {
|
||
return btoa(atob(t)) == t;
|
||
} catch (e) {
|
||
return !1;
|
||
}
|
||
},
|
||
b = function () {
|
||
return {
|
||
move: function move(t, e, o, a) {
|
||
var r,
|
||
l = .3,
|
||
d = 180;
|
||
0 !== a && (t.classList.add(n + "-dragged"), t.style.transform = "translateX(" + a + "px)", a > 0 ? (r = (d - a) / d, l > r && e.hide(g(o, {
|
||
transitionOut: "fadeOutRight",
|
||
transitionOutMobile: "fadeOutRight"
|
||
}), t, "drag")) : (r = (d + a) / d, l > r && e.hide(g(o, {
|
||
transitionOut: "fadeOutLeft",
|
||
transitionOutMobile: "fadeOutLeft"
|
||
}), t, "drag")), t.style.opacity = r, l > r && ((i || s) && (t.style.left = a + "px"), t.parentNode.style.opacity = l, this.stopMoving(t, null)));
|
||
},
|
||
startMoving: function startMoving(t, e, n, o) {
|
||
o = o || window.event;
|
||
var i = a ? o.touches[0].clientX : o.clientX,
|
||
s = t.style.transform.replace("px)", "");
|
||
s = s.replace("translateX(", "");
|
||
var r = i - s;
|
||
n.transitionIn && t.classList.remove(n.transitionIn), n.transitionInMobile && t.classList.remove(n.transitionInMobile), t.style.transition = "", a ? document.ontouchmove = function (o) {
|
||
o.preventDefault(), o = o || window.event;
|
||
var i = o.touches[0].clientX,
|
||
s = i - r;
|
||
b.move(t, e, n, s);
|
||
} : document.onmousemove = function (o) {
|
||
o.preventDefault(), o = o || window.event;
|
||
var i = o.clientX,
|
||
s = i - r;
|
||
b.move(t, e, n, s);
|
||
};
|
||
},
|
||
stopMoving: function stopMoving(t, e) {
|
||
a ? document.ontouchmove = function () {} : document.onmousemove = function () {}, t.style.opacity = "", t.style.transform = "", t.classList.contains(n + "-dragged") && (t.classList.remove(n + "-dragged"), t.style.transition = "transform 0.4s ease, opacity 0.4s ease", setTimeout(function () {
|
||
t.style.transition = "";
|
||
}, 400));
|
||
}
|
||
};
|
||
}();
|
||
|
||
return e.setSetting = function (t, n, o) {
|
||
e.children[t][n] = o;
|
||
}, e.getSetting = function (t, n) {
|
||
return e.children[t][n];
|
||
}, e.destroy = function () {
|
||
m(document.querySelectorAll("." + n + "-overlay"), function (t, e) {
|
||
t.remove();
|
||
}), m(document.querySelectorAll("." + n + "-wrapper"), function (t, e) {
|
||
t.remove();
|
||
}), m(document.querySelectorAll("." + n), function (t, e) {
|
||
t.remove();
|
||
}), this.children = {}, document.removeEventListener(n + "-opened", {}, !1), document.removeEventListener(n + "-opening", {}, !1), document.removeEventListener(n + "-closing", {}, !1), document.removeEventListener(n + "-closed", {}, !1), document.removeEventListener("keyup", {}, !1), c = {};
|
||
}, e.settings = function (t) {
|
||
e.destroy(), c = t, u = g(u, t || {});
|
||
}, m(l, function (t, n) {
|
||
e[n] = function (e) {
|
||
var n = g(c, e || {});
|
||
n = g(t, n || {}), this.show(n);
|
||
};
|
||
}), e.progress = function (t, e, o) {
|
||
var i = this,
|
||
s = e.getAttribute("data-iziToast-ref"),
|
||
a = g(this.children[s], t || {}),
|
||
r = e.querySelector("." + n + "-progressbar div");
|
||
return {
|
||
start: function start() {
|
||
"undefined" == typeof a.time.REMAINING && (e.classList.remove(n + "-reseted"), null !== r && (r.style.transition = "width " + a.timeout + "ms " + a.progressBarEasing, r.style.width = "0%"), a.time.START = new Date().getTime(), a.time.END = a.time.START + a.timeout, a.time.TIMER = setTimeout(function () {
|
||
clearTimeout(a.time.TIMER), e.classList.contains(n + "-closing") || (i.hide(a, e, "timeout"), "function" == typeof o && o.apply(i));
|
||
}, a.timeout), i.setSetting(s, "time", a.time));
|
||
},
|
||
pause: function pause() {
|
||
if ("undefined" != typeof a.time.START && !e.classList.contains(n + "-paused") && !e.classList.contains(n + "-reseted")) {
|
||
if (e.classList.add(n + "-paused"), a.time.REMAINING = a.time.END - new Date().getTime(), clearTimeout(a.time.TIMER), i.setSetting(s, "time", a.time), null !== r) {
|
||
var t = window.getComputedStyle(r),
|
||
l = t.getPropertyValue("width");
|
||
r.style.transition = "none", r.style.width = l;
|
||
}
|
||
|
||
"function" == typeof o && setTimeout(function () {
|
||
o.apply(i);
|
||
}, 10);
|
||
}
|
||
},
|
||
resume: function resume() {
|
||
"undefined" != typeof a.time.REMAINING ? (e.classList.remove(n + "-paused"), null !== r && (r.style.transition = "width " + a.time.REMAINING + "ms " + a.progressBarEasing, r.style.width = "0%"), a.time.END = new Date().getTime() + a.time.REMAINING, a.time.TIMER = setTimeout(function () {
|
||
clearTimeout(a.time.TIMER), e.classList.contains(n + "-closing") || (i.hide(a, e, "timeout"), "function" == typeof o && o.apply(i));
|
||
}, a.time.REMAINING), i.setSetting(s, "time", a.time)) : this.start();
|
||
},
|
||
reset: function reset() {
|
||
clearTimeout(a.time.TIMER), delete a.time.REMAINING, i.setSetting(s, "time", a.time), e.classList.add(n + "-reseted"), e.classList.remove(n + "-paused"), null !== r && (r.style.transition = "none", r.style.width = "100%"), "function" == typeof o && setTimeout(function () {
|
||
o.apply(i);
|
||
}, 10);
|
||
}
|
||
};
|
||
}, e.hide = function (t, e, i) {
|
||
"object" != _typeof(e) && (e = document.querySelector(e));
|
||
var s = this,
|
||
a = g(this.children[e.getAttribute("data-iziToast-ref")], t || {});
|
||
a.closedBy = i || null, delete a.time.REMAINING, e.classList.add(n + "-closing"), function () {
|
||
var t = document.querySelector("." + n + "-overlay");
|
||
|
||
if (null !== t) {
|
||
var e = t.getAttribute("data-iziToast-ref");
|
||
e = e.split(",");
|
||
var o = e.indexOf(String(a.ref));
|
||
-1 !== o && e.splice(o, 1), t.setAttribute("data-iziToast-ref", e.join()), 0 === e.length && (t.classList.remove("fadeIn"), t.classList.add("fadeOut"), setTimeout(function () {
|
||
t.remove();
|
||
}, 700));
|
||
}
|
||
}(), a.transitionIn && e.classList.remove(a.transitionIn), a.transitionInMobile && e.classList.remove(a.transitionInMobile), o || window.innerWidth <= d ? a.transitionOutMobile && e.classList.add(a.transitionOutMobile) : a.transitionOut && e.classList.add(a.transitionOut);
|
||
var r = e.parentNode.offsetHeight;
|
||
e.parentNode.style.height = r + "px", e.style.pointerEvents = "none", (!o || window.innerWidth > d) && (e.parentNode.style.transitionDelay = "0.2s");
|
||
|
||
try {
|
||
var l = new CustomEvent(n + "-closing", {
|
||
detail: a,
|
||
bubbles: !0,
|
||
cancelable: !0
|
||
});
|
||
document.dispatchEvent(l);
|
||
} catch (c) {
|
||
console.warn(c);
|
||
}
|
||
|
||
setTimeout(function () {
|
||
e.parentNode.style.height = "0px", e.parentNode.style.overflow = "", setTimeout(function () {
|
||
delete s.children[a.ref], e.parentNode.remove();
|
||
|
||
try {
|
||
var t = new CustomEvent(n + "-closed", {
|
||
detail: a,
|
||
bubbles: !0,
|
||
cancelable: !0
|
||
});
|
||
document.dispatchEvent(t);
|
||
} catch (o) {
|
||
console.warn(o);
|
||
}
|
||
|
||
"undefined" != typeof a.onClosed && a.onClosed.apply(null, [a, e, i]);
|
||
}, 1e3);
|
||
}, 200), "undefined" != typeof a.onClosing && a.onClosing.apply(null, [a, e, i]);
|
||
}, e.show = function (t) {
|
||
var i = this,
|
||
s = g(c, t || {});
|
||
if (s = g(u, s), s.time = {}, null === s.id && (s.id = v(s.title + s.message + s.color)), 1 === s.displayMode || "once" == s.displayMode) try {
|
||
if (document.querySelectorAll("." + n + "#" + s.id).length > 0) return !1;
|
||
} catch (l) {
|
||
console.warn("[" + n + "] Could not find an element with this selector: #" + s.id + ". Try to set an valid id.");
|
||
}
|
||
if (2 === s.displayMode || "replace" == s.displayMode) try {
|
||
m(document.querySelectorAll("." + n + "#" + s.id), function (t, e) {
|
||
i.hide(s, t, "replaced");
|
||
});
|
||
} catch (l) {
|
||
console.warn("[" + n + "] Could not find an element with this selector: #" + s.id + ". Try to set an valid id.");
|
||
}
|
||
s.ref = new Date().getTime() + Math.floor(1e7 * Math.random() + 1), e.children[s.ref] = s;
|
||
var p = {
|
||
body: document.querySelector("body"),
|
||
overlay: document.createElement("div"),
|
||
toast: document.createElement("div"),
|
||
toastBody: document.createElement("div"),
|
||
toastTexts: document.createElement("div"),
|
||
toastCapsule: document.createElement("div"),
|
||
cover: document.createElement("div"),
|
||
buttons: document.createElement("div"),
|
||
inputs: document.createElement("div"),
|
||
icon: s.iconUrl ? document.createElement("img") : document.createElement("i"),
|
||
wrapper: null
|
||
};
|
||
p.toast.setAttribute("data-iziToast-ref", s.ref), p.toast.appendChild(p.toastBody), p.toastCapsule.appendChild(p.toast), function () {
|
||
if (p.toast.classList.add(n), p.toast.classList.add(n + "-opening"), p.toastCapsule.classList.add(n + "-capsule"), p.toastBody.classList.add(n + "-body"), p.toastTexts.classList.add(n + "-texts"), o || window.innerWidth <= d ? s.transitionInMobile && p.toast.classList.add(s.transitionInMobile) : s.transitionIn && p.toast.classList.add(s.transitionIn), s["class"]) {
|
||
var t = s["class"].split(" ");
|
||
m(t, function (t, e) {
|
||
p.toast.classList.add(t);
|
||
});
|
||
}
|
||
|
||
s.id && (p.toast.id = s.id), s.rtl && (p.toast.classList.add(n + "-rtl"), p.toast.setAttribute("dir", "rtl")), s.layout > 1 && p.toast.classList.add(n + "-layout" + s.layout), s.balloon && p.toast.classList.add(n + "-balloon"), s.maxWidth && (isNaN(s.maxWidth) ? p.toast.style.maxWidth = s.maxWidth : p.toast.style.maxWidth = s.maxWidth + "px"), "" === s.theme && "light" === s.theme || p.toast.classList.add(n + "-theme-" + s.theme), s.color && (y(s.color) ? p.toast.style.background = s.color : p.toast.classList.add(n + "-color-" + s.color)), s.backgroundColor && (p.toast.style.background = s.backgroundColor, s.balloon && (p.toast.style.borderColor = s.backgroundColor));
|
||
}(), function () {
|
||
s.image && (p.cover.classList.add(n + "-cover"), p.cover.style.width = s.imageWidth + "px", h(s.image.replace(/ /g, "")) ? p.cover.style.backgroundImage = "url(data:image/png;base64," + s.image.replace(/ /g, "") + ")" : p.cover.style.backgroundImage = "url(" + s.image + ")", s.rtl ? p.toastBody.style.marginRight = s.imageWidth + 10 + "px" : p.toastBody.style.marginLeft = s.imageWidth + 10 + "px", p.toast.appendChild(p.cover));
|
||
}(), function () {
|
||
s.close ? (p.buttonClose = document.createElement("button"), p.buttonClose.type = "button", p.buttonClose.classList.add(n + "-close"), p.buttonClose.addEventListener("click", function (t) {
|
||
t.target;
|
||
i.hide(s, p.toast, "button");
|
||
}), p.toast.appendChild(p.buttonClose)) : s.rtl ? p.toast.style.paddingLeft = "18px" : p.toast.style.paddingRight = "18px";
|
||
}(), function () {
|
||
s.progressBar && (p.progressBar = document.createElement("div"), p.progressBarDiv = document.createElement("div"), p.progressBar.classList.add(n + "-progressbar"), p.progressBarDiv.style.background = s.progressBarColor, p.progressBar.appendChild(p.progressBarDiv), p.toast.appendChild(p.progressBar)), s.timeout && (s.pauseOnHover && !s.resetOnHover && (p.toast.addEventListener("mouseenter", function (t) {
|
||
i.progress(s, p.toast).pause();
|
||
}), p.toast.addEventListener("mouseleave", function (t) {
|
||
i.progress(s, p.toast).resume();
|
||
})), s.resetOnHover && (p.toast.addEventListener("mouseenter", function (t) {
|
||
i.progress(s, p.toast).reset();
|
||
}), p.toast.addEventListener("mouseleave", function (t) {
|
||
i.progress(s, p.toast).start();
|
||
})));
|
||
}(), function () {
|
||
s.iconUrl ? (p.icon.setAttribute("class", n + "-icon"), p.icon.setAttribute("src", s.iconUrl)) : s.icon && (p.icon.setAttribute("class", n + "-icon " + s.icon), s.iconText && p.icon.appendChild(document.createTextNode(s.iconText)), s.iconColor && (p.icon.style.color = s.iconColor)), (s.icon || s.iconUrl) && (s.rtl ? p.toastBody.style.paddingRight = "33px" : p.toastBody.style.paddingLeft = "33px", p.toastBody.appendChild(p.icon));
|
||
}(), function () {
|
||
s.title.length > 0 && (p.strong = document.createElement("strong"), p.strong.classList.add(n + "-title"), p.strong.appendChild(f(s.title)), p.toastTexts.appendChild(p.strong), s.titleColor && (p.strong.style.color = s.titleColor), s.titleSize && (isNaN(s.titleSize) ? p.strong.style.fontSize = s.titleSize : p.strong.style.fontSize = s.titleSize + "px"), s.titleLineHeight && (isNaN(s.titleSize) ? p.strong.style.lineHeight = s.titleLineHeight : p.strong.style.lineHeight = s.titleLineHeight + "px")), s.message.length > 0 && (p.p = document.createElement("p"), p.p.classList.add(n + "-message"), p.p.appendChild(f(s.message)), p.toastTexts.appendChild(p.p), s.messageColor && (p.p.style.color = s.messageColor), s.messageSize && (isNaN(s.titleSize) ? p.p.style.fontSize = s.messageSize : p.p.style.fontSize = s.messageSize + "px"), s.messageLineHeight && (isNaN(s.titleSize) ? p.p.style.lineHeight = s.messageLineHeight : p.p.style.lineHeight = s.messageLineHeight + "px")), s.title.length > 0 && s.message.length > 0 && (s.rtl ? p.strong.style.marginLeft = "10px" : 2 === s.layout || s.rtl || (p.strong.style.marginRight = "10px"));
|
||
}(), p.toastBody.appendChild(p.toastTexts);
|
||
var L;
|
||
!function () {
|
||
s.inputs.length > 0 && (p.inputs.classList.add(n + "-inputs"), m(s.inputs, function (t, e) {
|
||
p.inputs.appendChild(f(t[0])), L = p.inputs.childNodes, L[e].classList.add(n + "-inputs-child"), t[3] && setTimeout(function () {
|
||
L[e].focus();
|
||
}, 300), L[e].addEventListener(t[1], function (e) {
|
||
var n = t[2];
|
||
return n(i, p.toast, this, e);
|
||
});
|
||
}), p.toastBody.appendChild(p.inputs));
|
||
}(), function () {
|
||
s.buttons.length > 0 && (p.buttons.classList.add(n + "-buttons"), m(s.buttons, function (t, e) {
|
||
p.buttons.appendChild(f(t[0]));
|
||
var o = p.buttons.childNodes;
|
||
o[e].classList.add(n + "-buttons-child"), t[2] && setTimeout(function () {
|
||
o[e].focus();
|
||
}, 300), o[e].addEventListener("click", function (e) {
|
||
e.preventDefault();
|
||
var n = t[1];
|
||
return n(i, p.toast, this, e, L);
|
||
});
|
||
})), p.toastBody.appendChild(p.buttons);
|
||
}(), s.message.length > 0 && (s.inputs.length > 0 || s.buttons.length > 0) && (p.p.style.marginBottom = "0"), (s.inputs.length > 0 || s.buttons.length > 0) && (s.rtl ? p.toastTexts.style.marginLeft = "10px" : p.toastTexts.style.marginRight = "10px", s.inputs.length > 0 && s.buttons.length > 0 && (s.rtl ? p.inputs.style.marginLeft = "8px" : p.inputs.style.marginRight = "8px")), function () {
|
||
p.toastCapsule.style.visibility = "hidden", setTimeout(function () {
|
||
var t = p.toast.offsetHeight,
|
||
e = p.toast.currentStyle || window.getComputedStyle(p.toast),
|
||
n = e.marginTop;
|
||
n = n.split("px"), n = parseInt(n[0]);
|
||
var o = e.marginBottom;
|
||
o = o.split("px"), o = parseInt(o[0]), p.toastCapsule.style.visibility = "", p.toastCapsule.style.height = t + o + n + "px", setTimeout(function () {
|
||
p.toastCapsule.style.height = "auto", s.target && (p.toastCapsule.style.overflow = "visible");
|
||
}, 500), s.timeout && i.progress(s, p.toast).start();
|
||
}, 100);
|
||
}(), function () {
|
||
var t = s.position;
|
||
if (s.target) p.wrapper = document.querySelector(s.target), p.wrapper.classList.add(n + "-target"), s.targetFirst ? p.wrapper.insertBefore(p.toastCapsule, p.wrapper.firstChild) : p.wrapper.appendChild(p.toastCapsule);else {
|
||
if (-1 == r.indexOf(s.position)) return void console.warn("[" + n + "] Incorrect position.\nIt can be › " + r);
|
||
t = o || window.innerWidth <= d ? "bottomLeft" == s.position || "bottomRight" == s.position || "bottomCenter" == s.position ? n + "-wrapper-bottomCenter" : "topLeft" == s.position || "topRight" == s.position || "topCenter" == s.position ? n + "-wrapper-topCenter" : n + "-wrapper-center" : n + "-wrapper-" + t, p.wrapper = document.querySelector("." + n + "-wrapper." + t), p.wrapper || (p.wrapper = document.createElement("div"), p.wrapper.classList.add(n + "-wrapper"), p.wrapper.classList.add(t), document.body.appendChild(p.wrapper)), "topLeft" == s.position || "topCenter" == s.position || "topRight" == s.position ? p.wrapper.insertBefore(p.toastCapsule, p.wrapper.firstChild) : p.wrapper.appendChild(p.toastCapsule);
|
||
}
|
||
isNaN(s.zindex) ? console.warn("[" + n + "] Invalid zIndex.") : p.wrapper.style.zIndex = s.zindex;
|
||
}(), function () {
|
||
s.overlay && (null !== document.querySelector("." + n + "-overlay.fadeIn") ? (p.overlay = document.querySelector("." + n + "-overlay"), p.overlay.setAttribute("data-iziToast-ref", p.overlay.getAttribute("data-iziToast-ref") + "," + s.ref), isNaN(s.zindex) || null === s.zindex || (p.overlay.style.zIndex = s.zindex - 1)) : (p.overlay.classList.add(n + "-overlay"), p.overlay.classList.add("fadeIn"), p.overlay.style.background = s.overlayColor, p.overlay.setAttribute("data-iziToast-ref", s.ref), isNaN(s.zindex) || null === s.zindex || (p.overlay.style.zIndex = s.zindex - 1), document.querySelector("body").appendChild(p.overlay)), s.overlayClose ? (p.overlay.removeEventListener("click", {}), p.overlay.addEventListener("click", function (t) {
|
||
i.hide(s, p.toast, "overlay");
|
||
})) : p.overlay.removeEventListener("click", {}));
|
||
}(), function () {
|
||
if (s.animateInside) {
|
||
p.toast.classList.add(n + "-animateInside");
|
||
var t = [200, 100, 300];
|
||
"bounceInLeft" != s.transitionIn && "bounceInRight" != s.transitionIn || (t = [400, 200, 400]), s.title.length > 0 && setTimeout(function () {
|
||
p.strong.classList.add("slideIn");
|
||
}, t[0]), s.message.length > 0 && setTimeout(function () {
|
||
p.p.classList.add("slideIn");
|
||
}, t[1]), (s.icon || s.iconUrl) && setTimeout(function () {
|
||
p.icon.classList.add("revealIn");
|
||
}, t[2]);
|
||
var e = 150;
|
||
s.buttons.length > 0 && p.buttons && setTimeout(function () {
|
||
m(p.buttons.childNodes, function (t, n) {
|
||
setTimeout(function () {
|
||
t.classList.add("revealIn");
|
||
}, e), e += 150;
|
||
});
|
||
}, s.inputs.length > 0 ? 150 : 0), s.inputs.length > 0 && p.inputs && (e = 150, m(p.inputs.childNodes, function (t, n) {
|
||
setTimeout(function () {
|
||
t.classList.add("revealIn");
|
||
}, e), e += 150;
|
||
}));
|
||
}
|
||
}(), s.onOpening.apply(null, [s, p.toast]);
|
||
|
||
try {
|
||
var C = new CustomEvent(n + "-opening", {
|
||
detail: s,
|
||
bubbles: !0,
|
||
cancelable: !0
|
||
});
|
||
document.dispatchEvent(C);
|
||
} catch (w) {
|
||
console.warn(w);
|
||
}
|
||
|
||
setTimeout(function () {
|
||
p.toast.classList.remove(n + "-opening"), p.toast.classList.add(n + "-opened");
|
||
|
||
try {
|
||
var t = new CustomEvent(n + "-opened", {
|
||
detail: s,
|
||
bubbles: !0,
|
||
cancelable: !0
|
||
});
|
||
document.dispatchEvent(t);
|
||
} catch (e) {
|
||
console.warn(e);
|
||
}
|
||
|
||
s.onOpened.apply(null, [s, p.toast]);
|
||
}, 1e3), s.drag && (a ? (p.toast.addEventListener("touchstart", function (t) {
|
||
b.startMoving(this, i, s, t);
|
||
}, !1), p.toast.addEventListener("touchend", function (t) {
|
||
b.stopMoving(this, t);
|
||
}, !1)) : (p.toast.addEventListener("mousedown", function (t) {
|
||
t.preventDefault(), b.startMoving(this, i, s, t);
|
||
}, !1), p.toast.addEventListener("mouseup", function (t) {
|
||
t.preventDefault(), b.stopMoving(this, t);
|
||
}, !1))), s.closeOnEscape && document.addEventListener("keyup", function (t) {
|
||
t = t || window.event, 27 == t.keyCode && i.hide(s, p.toast, "esc");
|
||
}), s.closeOnClick && p.toast.addEventListener("click", function (t) {
|
||
i.hide(s, p.toast, "toast");
|
||
}), i.toast = p.toast;
|
||
}, e;
|
||
});
|