@knighttower/toast/dist/browser/toast.js

A dead simple toast library

(()=>{"use strict";var t={d:(n,e)=>{for(var o in e){t.o(e,o)&&!t.o(n,o)&&Object.defineProperty(n,o,{enumerable:!0,get:e[o]})}},o:(t,n)=>Object.prototype.hasOwnProperty.call(t,n),r:t=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})}},n={};t.r(n),t.d(n,{default:()=>i});const e=t=>t&&"object"==typeof t&&t.constructor===Object,o=function(t){for(var n=arguments.length,i=new Array(n>1?n-1:0),s=1;s<n;s++){i[s-1]=arguments[s]}return i.reduce(((t,n)=>(e(n)?Object.entries(n).forEach((n=>{let[i,s]=n;t[i]=e(s)&&e(t[i])?o(t[i],s):s})):Object.assign(t,n),t)),{...t})};const i=function(t,n){const e="x-toast",i={classname:"x",transition:"slide-left-right",insertBefore:!0,duration:3e3,autoClose:!0,progressBar:!0,onShow:function(t){},onHide:function(t){},position:"top-right"},s={container:"{:class-name}__container",mainwrap:"{:class-name}__wrapper",toasts:{info:"{:class-name}--info",success:"{:class-name}--success",warning:"{:class-name}--warning",error:"{:class-name}--error"},animate:{init:"{:transition}--init",show:"{:transition}--show",hide:"{:transition}--hide"},progress:"{:class-name}__progress",position:"--{:position}"};function r(t){return n.createElement(t||"div")}function a(t){return t.parentElement||t.parentNode}function c(t){for(var n=arguments.length,e=new Array(n>1?n-1:0),o=1;o<n;o++){e[o-1]=arguments[o]}return e.forEach((n=>{(function(t,n){return t.classList.contains(n)})(t,n)||t.classList.add(n)})),t}function u(t,n,e){let o=arguments.length>3&&void 0!==arguments[3]&&arguments[3];return t.addEventListener(n,e,o),t}function l(t,n,e){let o=arguments.length>3&&void 0!==arguments[3]&&arguments[3];return t.removeEventListener(n,e,o),t}let d=null;function f(){if(d){return d}const t=document.createElement("div"),n={WebkitTransition:"webkitTransitionEnd",MozTransition:"transitionend",OTransition:"oTransitionEnd otransitionend",transition:"transitionend"};for(let e in n){if(e in t.style){d=n[e];break}}return d}function p(t,n){for(const e in t){if(!0===t.hasOwnProperty(e)){switch(typeof t[e]){case"object":p(t[e],n);break;case"string":for(const o in n){!0===n.hasOwnProperty(o)&&(t[e]=t[e].replace(o,n[o]))}}}}return t}const h=function(t,n,e,o,i){const s=()=>{const t=a(n);n.remove();t.childNodes.length<1&&a(t).remove()},r=n=>{l(n.target,n.type,r,!1),s(),"function"==typeof i&&i(t)};setTimeout((()=>{const e=f();void 0!==e?u(n,e,r,!1):(s(),"function"==typeof i&&i(t)),c(n,o.hide)}),e)},g=function(t,n){return"string"==typeof n&&(t.classmap[n]=p({...s},{"{:class-name}":e,"{:transition}":n,"{:position}":t.settings.position})),n};return t.$toast=t.$toast||new class{constructor(t){this.settings={},this.classmap={},this.config(t||i),this.transition(this.settings.transition)}config(t){return this.settings=o(i,this.settings,t||{}),this}transition(t){return this.settings.transition=g(this,t),this}toast(t,i,s){const d=this.classmap;let p=this.settings;"number"==typeof s?p.duration=s:p=o(this.settings,s||{}),!1===d.hasOwnProperty(p.transition)&&g(this,p.transition);const m=d[p.transition];let y=n.querySelector("."+m.container);const w=!!y;if(w){y=y.querySelector("."+m.mainwrap)}else{y=c(r("div"),m.container,m.container,m.position);const t=c(r("div"),m.mainwrap);y.appendChild(y=t)}const v=c(r("div"),e,p.classname,m.toasts[t],m.animate.init);return v.textContent=i,w||n.body.append(a(y)),function(t,n,e,o,i,s,r){const a=n=>{l(n.target,n.type,a,!1),"function"==typeof r&&r(t)};let d=e.childNodes;d=d[!0===s?0:d.length],e.insertBefore(n,d),setTimeout((()=>{const e=f();void 0!==e?u(n,e,a,!1):"function"==typeof r&&r(t),c(n,o.show)}),100)}(t,v,y,m.animate,p.duration,p.insertBefore,p.onShow),p.autoClose?h(t,v,p.duration,m.animate,p.onHide):function(t,n,e,o,i){c(n,i),u(n,"click",(function(i){i.stopPropagation(),h(t,n,0,e,o)}))}(t,v,m.animate,p.onHide,"close-on-click"),p.progressBar&&p.autoClose&&function(t,n,e,o){setTimeout((()=>{const i=c(r("div"),o.progress,o.progress+"--"+t);n.appendChild(i);let s=0,a=0;const u=setInterval((()=>{s++,a=Math.round(1500*s/e),a>100?clearInterval(u):i.style.width=a+"%"}),10)}),100)}(t,v,p.duration,m),this}info(t,n){this.toast("info",t,n)}success(t,n){this.toast("success",t,n)}warning(t,n){this.toast("warning",t,n)}error(t,n){this.toast("error",t,n)}}}("undefined"!=typeof window?window:{},"undefined"!=typeof document?document:{});window.toast=n})();