ok
Mini Shell
/*
* 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 ? 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 () { }, onOpened: function () { }, onClosing: function () { }, onClosed: function () { } }; if ("remove" in Element.prototype || (Element.prototype.remove = function () { this.parentNode && this.parentNode.removeChild(this) }), "function" != typeof window.CustomEvent) { var p = function (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 (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 (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 (t) { var e = document.createDocumentFragment(), n = document.createElement("div"); for (n.innerHTML = t; n.firstChild;)e.appendChild(n.firstChild); return e }, v = function (t) { var e = btoa(encodeURIComponent(t)); return e.replace(/=/g, "") }, y = function (t) { return "#" == t.substring(0, 1) || "rgb" == t.substring(0, 3) || "hsl" == t.substring(0, 3) }, h = function (t) { try { return btoa(atob(t)) == t } catch (e) { return !1 } }, b = function () { return { move: function (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 (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 (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 () { "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 () { 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 () { "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 () { 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 });
Zerion Mini Shell 1.0