snap-alert-js - npm Package Compare versions

Comparing version 1.0.6 to 1.0.7

dist/snap-alert.min.js

@@ -1,22 +0,22 @@
-!function(e){var t={rtl:!1,type:"info",title:"Default Title",message:"This is a default message",icon:null,customIcon:null,confirmText:"OK",enableConfirm:!1,onConfirm:function(){},cancelText:"Cancel",enableCancel:!1,onCancel:function(){},enableCloseHandler:!1,onClose:function(){},clickToClose:!1,autoClose:!0,duration:3e3,preogressBar:!0,isDark:!1,position:"top left",animation:"slide",html:""},l={success:"bx-check",warning:"bx-bell",error:"bx-error",info:"bx-info-circle"},a={"top center":"alert-top-center","bottom center":"alert-bottom-center","top left":"alert-top-left","top right":"alert-top-right","bottom left":"alert-bottom-left","bottom right":"alert-bottom-right"},n={};e.SnapAlert=function e(){let r=e=>{n=Object.assign({},t,e)},i=(e=null,t=null,r=null,i={})=>{settings=Object.assign({},n,i),e&&"html"!=e?settings.type=e:"html"==e&&(settings.type=e,settings.code=t),settings.title=t,settings.message=r;var o=!0,s=document.querySelector(".alert-container."+a[settings.position]+".alert-animation-"+settings.animation);if(null==s){let c=document.createElement("div");c.classList.add("alert-container",a[settings.position],"alert-animation-"+settings.animation),document.body.appendChild(c),s=c}let d=document.createElement("div");"html"!=settings.type&&(d.innerHTML=`
-                <div class="${settings.rtl&&"alert-rtl"} alert-item alert-${settings.type} ${settings.clickToClose&&"alert-clickable"} ${settings.isDark&&"alert-dark"} ${settings.preogressBar?"":"progress-hide"}">
-                    <div class="alert-main">
-                        <div class="alert-icon">${settings.customIcon?settings.customIcon:'<i class="bx '+(settings.icon??l[settings.type])+'"></i>'}</div>
+!function(e){var t={rtl:!1,type:"info",title:"Default Title",message:"This is a default message",icon:null,customIcon:null,confirmText:"OK",enableConfirm:!1,onConfirm:function(){},cancelText:"Cancel",enableCancel:!1,onCancel:function(){},enableCloseHandler:!1,onClose:function(){},clickToClose:!1,autoClose:!0,duration:3e3,preogressBar:!0,isDark:!1,position:"top left",animation:"slide",html:""},n={success:"bx-check",warning:"bx-bell",error:"bx-error",info:"bx-info-circle"},l={"top center":"snapAlert-top-center","bottom center":"snapAlert-bottom-center","top left":"snapAlert-top-left","top right":"snapAlert-top-right","bottom left":"snapAlert-bottom-left","bottom right":"snapAlert-bottom-right"},a={};e.SnapAlert=function e(){let s=e=>{a=Object.assign({},t,e)},r=(e=null,t=null,s=null,r={})=>{settings=Object.assign({},a,r),e&&"html"!=e?settings.type=e:"html"==e&&(settings.type=e,settings.code=t),settings.title=t,settings.message=s;var i=!0,o=document.querySelector(".snapAlert-container."+l[settings.position]+".snapAlert-animation-"+settings.animation);if(null==o){let c=document.createElement("div");c.classList.add("snapAlert-container",l[settings.position],"snapAlert-animation-"+settings.animation),document.body.appendChild(c),o=c}let p=document.createElement("div");"html"!=settings.type&&(p.innerHTML=`
+                <div class="${settings.rtl&&"snapAlert-rtl"} snapAlert-item snapAlert-${settings.type} ${settings.clickToClose&&"snapAlert-clickable"} ${settings.isDark&&"snapAlert-dark"} ${settings.preogressBar?"":"progress-hide"}">
+                    <div class="snapAlert-main">
+                        <div class="snapAlert-icon">${settings.customIcon?settings.customIcon:'<i class="bx '+(settings.icon??n[settings.type])+'"></i>'}</div>
                         <div>
-                            <div class="alert-title">${settings.title}</div>
-                            <div class="alert-message">${settings.message}</div>
-                            <div class="alert-actions">
-                            ${settings.enableConfirm?'<button class="alert-action alert-action-confirm" snap-alert-confirm >'+settings.confirmText+"</button>":""}
-                            ${settings.enableCancel?'<button class="alert-action alert-action-cancel" snap-alert-cancel >'+settings.cancelText+"</button>":""}
+                            <div class="snapAlert-title">${settings.title}</div>
+                            <div class="snapAlert-message">${settings.message}</div>
+                            <div class="snapAlert-actions">
+                            ${settings.enableConfirm?'<button class="snapAlert-action snapAlert-action-confirm" snap-alert-confirm >'+settings.confirmText+"</button>":""}
+                            ${settings.enableCancel?'<button class="snapAlert-action snapAlert-action-cancel" snap-alert-cancel >'+settings.cancelText+"</button>":""}
                             </div>
                         </div>
-                        ${settings.preogressBar?"<div style='--alert-progress-duration:"+settings.duration/1e3+"s' class='alert-progress-bar'></div>":""}
-                        <button class="alert-close" snap-alert-close><i class='bx bx-x'></i></button>
+                        ${settings.preogressBar?"<div style='--snapAlert-progress-duration:"+settings.duration/1e3+"s' class='snapAlert-progress-bar'></div>":""}
+                        <button class="snapAlert-close" snap-alert-close><i class='bx bx-x'></i></button>
                     </div>
                     
                 </div>
-            `),"html"==settings.type&&(d.innerHTML=`
-                <div class="${settings.rtl&&"alert-rtl"} alert-html alert-item alert-${settings.type} ${settings.clickToClose&&"alert-clickable"}">
+            `),"html"==settings.type&&(p.innerHTML=`
+                <div class="${settings.rtl&&"snapAlert-rtl"} snapAlert-html snapAlert-item snapAlert-${settings.type} ${settings.clickToClose&&"snapAlert-clickable"}">
                     ${settings.code}
                 </div>
-            `);let m=d.querySelector(".alert-item");function u(){m.classList.remove("alert-"+settings.animation+"-in"),m.classList.add("alert-"+settings.animation+"-out"),setTimeout(()=>{d.remove();let e=document.querySelectorAll(".alert-container."+a[settings.position]+".alert-animation-"+settings.animation+" > div").length;0==e&&s.remove()},"slide"==settings.animation?55:100),settings.enableCloseHandler&&o&&setTimeout(()=>{o=!1,settings.onClose()},50)}s.appendChild(d),setTimeout(()=>{m.classList.add("alert-"+settings.animation+"-in")},10),!0==settings.autoClose&&setTimeout(()=>{u()},settings.duration),d.querySelector("[snap-alert-confirm]")?.addEventListener("click",()=>{settings.onConfirm(),u()}),d.querySelector("[snap-alert-cancel]")?.addEventListener("click",()=>{settings.onCancel(),u()}),d.querySelector("[snap-alert-close] , .alert-clickable")?.addEventListener("click",()=>{u()})};return{success:(e,t,l)=>i("success",e,t,l),error:(e,t,l)=>i("error",e,t,l),warning:(e,t,l)=>i("warning",e,t,l),info:(e,t,l)=>i("info",e,t,l),alert:(e,t,l)=>i(null,e,t,l),html:(e,t)=>i("html",e,null,t),clearAll:()=>(function e(){let t=document.querySelectorAll(".alert-container > div");t.forEach((e,t)=>{console.log("Key : "+2*t),setTimeout(()=>{e.classList.remove("alert-"+settings.animation+"-in"),e.classList.add("alert-"+settings.animation+"-out")},20*t),setTimeout(()=>{e.remove()},300+20*t)});let l=document.querySelectorAll(".alert-container");l.forEach((e,t)=>{setTimeout(()=>{e.hasChildNodes()||e.remove()},2e3)})})(),SnapOptions:e=>r(e)}}}(window);
+            `);let d=p.querySelector(".snapAlert-item");function m(){d.classList.remove("snapAlert-"+settings.animation+"-in"),d.classList.add("snapAlert-"+settings.animation+"-out"),setTimeout(()=>{p.remove();let e=document.querySelectorAll(".snapAlert-container."+l[settings.position]+".snapAlert-animation-"+settings.animation+" > div").length;0==e&&o.remove()},"slide"==settings.animation?55:100),settings.enableCloseHandler&&i&&setTimeout(()=>{i=!1,settings.onClose()},50)}o.appendChild(p),setTimeout(()=>{d.classList.add("snapAlert-"+settings.animation+"-in")},10),!0==settings.autoClose&&setTimeout(()=>{m()},settings.duration),p.querySelector("[snap-alert-confirm]")?.addEventListener("click",()=>{settings.onConfirm(),m()}),p.querySelector("[snap-alert-cancel]")?.addEventListener("click",()=>{settings.onCancel(),m()}),p.querySelector("[snap-alert-close] , .snapAlert-clickable")?.addEventListener("click",()=>{m()})};return{success:(e,t,n)=>r("success",e,t,n),error:(e,t,n)=>r("error",e,t,n),warning:(e,t,n)=>r("warning",e,t,n),info:(e,t,n)=>r("info",e,t,n),alert:(e,t,n)=>r(null,e,t,n),html:(e,t)=>r("html",e,null,t),clearAll:()=>(function e(){let t=document.querySelectorAll(".snapAlert-container > div");t.forEach((e,t)=>{console.log("Key : "+2*t),setTimeout(()=>{e.classList.remove("snapAlert-"+settings.animation+"-in"),e.classList.add("snapAlert-"+settings.animation+"-out")},20*t),setTimeout(()=>{e.remove()},300+20*t)});let n=document.querySelectorAll(".snapAlert-container");n.forEach((e,t)=>{setTimeout(()=>{e.hasChildNodes()||e.remove()},2e3)})})(),SnapOptions:e=>s(e)}}}(window);

package.json

 {
   "name": "snap-alert-js",
-  "version": "1.0.6",
+  "version": "1.0.7",
   "description": "SnapAlert is a lightweight Javascript plugin that provides customizable and user-friendly alert notifications , Easily display alerts, confirmations, and prompts in your applications with simple methods and flexible options.",
@@ -5,0 +5,0 @@ "homepage": "https://zain.picker.sd",

No alert changes

Improved metrics

Total package byte prevSize

36952

increased by0.47%

Lines of code

484

increased by0.21%

No dependency changes