@pijushgupta/toastbite 1.0.7 → 1.0.8

package/dist/toastbite.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),p=(o,e)=>{const n=o.__vccOpts||o;for(const[c,s]of e)n[c]=s;return n},v={};function _(o,e){return t.openBlock(),t.createElementBlock("div",null,e[0]||(e[0]=[t.createStaticVNode('<div><div class="toast-top-left top-left"></div></div><div><div class="toast-top-center top-center"></div></div><div><div class="toast-top-right top-right"></div></div><div><div class="toast-bottom-left bottom-left"></div></div><div><div class="toast-bottom-center bottom-center"></div></div><div><div class="toast-bottom-right bottom-right"></div></div>',6)]))}const f=p(v,[["render",_]]),r=t.reactive([]);function h({location:o,title:e,content:n,icon:c,iconColor:s,timeout:i=2e3}){var l;r.push({id:Date.now(),iconColor:s||"toast-blue dark:toast-blue",location:["top-left","top-right","top-center","bottom-left","bottom-right","bottom-center"].includes(o)?`.${o}`:".bottom-right",title:e,content:n,icon:c,timeout:i}),((l=r[0])==null?void 0:l.timeout)!==!1&&setTimeout(()=>{var a;d((a=r[0])==null?void 0:a.id)},r[0].timeout)}function d(o){const e=r.findIndex(n=>n.id===o);e!==-1&&r.splice(e,1)}function u(){return{toasts:r,addToast:h,removeToast:d}}const b={id:"toast-default",class:"toast-card",role:"alert"},g=["innerHTML"],k={class:"toast-title"},E={class:"toast-content"},N=["onClick"],T={__name:"Toastify",setup(o){const{removeToast:e,toasts:n}=u();return(c,s)=>(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(t.unref(n),i=>(t.openBlock(),t.createBlock(t.Teleport,{key:i.id,to:i.location},[t.createElementVNode("div",b,[t.createElementVNode("div",{class:t.normalizeClass([i.iconColor,"toast-icon-wrap"]),innerHTML:i.icon},null,10,g),t.createElementVNode("div",null,[t.createElementVNode("div",k,t.toDisplayString(i.title),1),t.createElementVNode("div",E,t.toDisplayString(i.content),1)]),t.createElementVNode("button",{type:"button",class:"toast-close",onClick:l=>t.unref(e)(i.id),"aria-label":"Close"},s[0]||(s[0]=[t.createElementVNode("span",{class:"sr-only"},"Close",-1),t.createElementVNode("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",class:"icon icon-tabler icons-tabler-outline icon-tabler-x"},[t.createElementVNode("path",{stroke:"none",d:"M0 0h24v24H0z",fill:"none"}),t.createElementVNode("path",{d:"M18 6l-12 12"}),t.createElementVNode("path",{d:"M6 6l12 12"})],-1)]),8,N)])],8,["to"]))),128))}},V={__name:"ToastTemplate",setup(o){return(e,n)=>(t.openBlock(),t.createElementBlock(t.Fragment,null,[t.createVNode(f),t.createVNode(T)],64))}},m=document.createElement("div");document.body.appendChild(m);app=t.createApp(V);app.mount(m);exports.useToast=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),u=(n,o)=>{const s=n.__vccOpts||n;for(const[c,r]of o)s[c]=r;return s},m={};function _(n,o){return t.openBlock(),t.createElementBlock("div",null,o[0]||(o[0]=[t.createStaticVNode('<div><div class="toast-top-left top-left"></div></div><div><div class="toast-top-center top-center"></div></div><div><div class="toast-top-right top-right"></div></div><div><div class="toast-bottom-left bottom-left"></div></div><div><div class="toast-bottom-center bottom-center"></div></div><div><div class="toast-bottom-right bottom-right"></div></div>',6)]))}const f=u(m,[["render",_]]),i=t.reactive([]);function b({location:n,title:o,content:s,icon:c,iconColor:r,timeout:e=2e3}){var l;e=e===!0?2e3:typeof e=="number"&&!isNaN(e)?e:2e3,i.push({id:Date.now(),iconColor:r||"toast-blue dark:toast-blue",location:["top-left","top-right","top-center","bottom-left","bottom-right","bottom-center"].includes(n)?`.${n}`:".bottom-right",title:o,content:s,icon:c,timeout:e}),((l=i[0])==null?void 0:l.timeout)!==!1&&setTimeout(()=>{var a;d((a=i[0])==null?void 0:a.id)},i[0].timeout)}function d(n){const o=i.findIndex(s=>s.id===n);o!==-1&&i.splice(o,1)}function p(){return{toasts:i,addToast:b,removeToast:d}}const h={id:"toast-default",class:"toast-card",role:"alert"},g=["innerHTML"],k={class:"toast-title"},N={class:"toast-content"},E=["onClick"],T={__name:"Toastify",setup(n){const{removeToast:o,toasts:s}=p();return(c,r)=>(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(t.unref(s),e=>(t.openBlock(),t.createBlock(t.Teleport,{key:e.id,to:e.location},[t.createElementVNode("div",h,[t.createElementVNode("div",{class:t.normalizeClass([e.iconColor,"toast-icon-wrap"]),innerHTML:e.icon},null,10,g),t.createElementVNode("div",null,[t.createElementVNode("div",k,t.toDisplayString(e.title),1),t.createElementVNode("div",N,t.toDisplayString(e.content),1)]),t.createElementVNode("button",{type:"button",class:"toast-close",onClick:l=>t.unref(o)(e.id),"aria-label":"Close"},r[0]||(r[0]=[t.createElementVNode("span",{class:"sr-only"},"Close",-1),t.createElementVNode("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",class:"icon icon-tabler icons-tabler-outline icon-tabler-x"},[t.createElementVNode("path",{stroke:"none",d:"M0 0h24v24H0z",fill:"none"}),t.createElementVNode("path",{d:"M18 6l-12 12"}),t.createElementVNode("path",{d:"M6 6l12 12"})],-1)]),8,E)])],8,["to"]))),128))}},V={__name:"ToastTemplate",setup(n){return(o,s)=>(t.openBlock(),t.createElementBlock(t.Fragment,null,[t.createVNode(f),t.createVNode(T)],64))}},v=document.createElement("div");document.body.appendChild(v);app=t.createApp(V);app.mount(v);exports.useToast=p;

package/dist/toastbite.es.js

@@ -1,67 +1,67 @@
-import { createElementBlock as d, openBlock as l, createStaticVNode as b, reactive as g, Fragment as _, renderList as k, unref as p, createBlock as T, Teleport as x, createElementVNode as o, normalizeClass as w, toDisplayString as u, createVNode as m, createApp as C } from "vue";
-const y = (e, t) => {
-  const n = e.__vccOpts || e;
-  for (const [c, s] of t)
-    n[c] = s;
-  return n;
+import { createElementBlock as d, openBlock as l, createStaticVNode as b, reactive as g, Fragment as m, renderList as k, unref as v, createBlock as T, Teleport as x, createElementVNode as e, normalizeClass as w, toDisplayString as u, createVNode as _, createApp as y } from "vue";
+const C = (n, o) => {
+  const s = n.__vccOpts || n;
+  for (const [c, i] of o)
+    s[c] = i;
+  return s;
 }, M = {};
-function B(e, t) {
-  return l(), d("div", null, t[0] || (t[0] = [
+function N(n, o) {
+  return l(), d("div", null, o[0] || (o[0] = [
     b('<div><div class="toast-top-left top-left"></div></div><div><div class="toast-top-center top-center"></div></div><div><div class="toast-top-right top-right"></div></div><div><div class="toast-bottom-left bottom-left"></div></div><div><div class="toast-bottom-center bottom-center"></div></div><div><div class="toast-bottom-right bottom-right"></div></div>', 6)
   ]));
 }
-const $ = /* @__PURE__ */ y(M, [["render", B]]), r = g([]);
-function E({ location: e, title: t, content: n, icon: c, iconColor: s, timeout: i = 2e3 }) {
+const B = /* @__PURE__ */ C(M, [["render", N]]), r = g([]);
+function $({ location: n, title: o, content: s, icon: c, iconColor: i, timeout: t = 2e3 }) {
   var a;
-  r.push({
+  t = t === !0 ? 2e3 : typeof t == "number" && !isNaN(t) ? t : 2e3, r.push({
     id: Date.now(),
-    iconColor: s || "toast-blue dark:toast-blue",
-    location: ["top-left", "top-right", "top-center", "bottom-left", "bottom-right", "bottom-center"].includes(e) ? `.${e}` : ".bottom-right",
-    title: t,
-    content: n,
+    iconColor: i || "toast-blue dark:toast-blue",
+    location: ["top-left", "top-right", "top-center", "bottom-left", "bottom-right", "bottom-center"].includes(n) ? `.${n}` : ".bottom-right",
+    title: o,
+    content: s,
     icon: c,
-    timeout: i
+    timeout: t
   }), ((a = r[0]) == null ? void 0 : a.timeout) !== !1 && setTimeout(() => {
-    var v;
-    f((v = r[0]) == null ? void 0 : v.id);
+    var p;
+    f((p = r[0]) == null ? void 0 : p.id);
   }, r[0].timeout);
 }
-function f(e) {
-  const t = r.findIndex((n) => n.id === e);
-  t !== -1 && r.splice(t, 1);
+function f(n) {
+  const o = r.findIndex((s) => s.id === n);
+  o !== -1 && r.splice(o, 1);
 }
-function H() {
-  return { toasts: r, addToast: E, removeToast: f };
+function E() {
+  return { toasts: r, addToast: $, removeToast: f };
 }
-const L = {
+const H = {
   id: "toast-default",
   class: "toast-card",
   role: "alert"
-}, N = ["innerHTML"], V = { class: "toast-title" }, z = { class: "toast-content" }, D = ["onClick"], S = {
+}, L = ["innerHTML"], V = { class: "toast-title" }, z = { class: "toast-content" }, D = ["onClick"], S = {
   __name: "Toastify",
-  setup(e) {
-    const { removeToast: t, toasts: n } = H();
-    return (c, s) => (l(!0), d(_, null, k(p(n), (i) => (l(), T(x, {
-      key: i.id,
-      to: i.location
+  setup(n) {
+    const { removeToast: o, toasts: s } = E();
+    return (c, i) => (l(!0), d(m, null, k(v(s), (t) => (l(), T(x, {
+      key: t.id,
+      to: t.location
     }, [
-      o("div", L, [
-        o("div", {
-          class: w([i.iconColor, "toast-icon-wrap"]),
-          innerHTML: i.icon
-        }, null, 10, N),
-        o("div", null, [
-          o("div", V, u(i.title), 1),
-          o("div", z, u(i.content), 1)
+      e("div", H, [
+        e("div", {
+          class: w([t.iconColor, "toast-icon-wrap"]),
+          innerHTML: t.icon
+        }, null, 10, L),
+        e("div", null, [
+          e("div", V, u(t.title), 1),
+          e("div", z, u(t.content), 1)
         ]),
-        o("button", {
+        e("button", {
           type: "button",
           class: "toast-close",
-          onClick: (a) => p(t)(i.id),
+          onClick: (a) => v(o)(t.id),
           "aria-label": "Close"
-        }, s[0] || (s[0] = [
-          o("span", { class: "sr-only" }, "Close", -1),
-          o("svg", {
+        }, i[0] || (i[0] = [
+          e("span", { class: "sr-only" }, "Close", -1),
+          e("svg", {
             xmlns: "http://www.w3.org/2000/svg",
             width: "24",
             height: "24",
@@ -73,13 +73,13 @@ const L = {
             "stroke-linejoin": "round",
             class: "icon icon-tabler icons-tabler-outline icon-tabler-x"
           }, [
-            o("path", {
+            e("path", {
               stroke: "none",
               d: "M0 0h24v24H0z",
               fill: "none"
             }),
-            o("path", { d: "M18 6l-12 12" }),
-            o("path", { d: "M6 6l12 12" })
+            e("path", { d: "M18 6l-12 12" }),
+            e("path", { d: "M6 6l12 12" })
           ], -1)
         ]), 8, D)
       ])
@@ -87,16 +87,16 @@ const L = {
   }
 }, j = {
   __name: "ToastTemplate",
-  setup(e) {
-    return (t, n) => (l(), d(_, null, [
-      m($),
-      m(S)
+  setup(n) {
+    return (o, s) => (l(), d(m, null, [
+      _(B),
+      _(S)
     ], 64));
   }
 }, h = document.createElement("div");
 document.body.appendChild(h);
-app = C(j);
+app = y(j);
 app.mount(h);
 export {
-  H as useToast
+  E as useToast
 };

package/dist/toastbite.umd.js

@@ -1 +1 @@
-(function(s,t){typeof exports=="object"&&typeof module<"u"?t(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],t):(s=typeof globalThis<"u"?globalThis:s||self,t(s.Toastbite={},s.Vue))})(this,function(s,t){"use strict";const _=(o,e)=>{const n=o.__vccOpts||o;for(const[l,c]of e)n[l]=c;return n},h={};function b(o,e){return t.openBlock(),t.createElementBlock("div",null,e[0]||(e[0]=[t.createStaticVNode('<div><div class="toast-top-left top-left"></div></div><div><div class="toast-top-center top-center"></div></div><div><div class="toast-top-right top-right"></div></div><div><div class="toast-bottom-left bottom-left"></div></div><div><div class="toast-bottom-center bottom-center"></div></div><div><div class="toast-bottom-right bottom-right"></div></div>',6)]))}const u=_(h,[["render",b]]),r=t.reactive([]);function k({location:o,title:e,content:n,icon:l,iconColor:c,timeout:i=2e3}){var d;r.push({id:Date.now(),iconColor:c||"toast-blue dark:toast-blue",location:["top-left","top-right","top-center","bottom-left","bottom-right","bottom-center"].includes(o)?`.${o}`:".bottom-right",title:e,content:n,icon:l,timeout:i}),((d=r[0])==null?void 0:d.timeout)!==!1&&setTimeout(()=>{var f;a((f=r[0])==null?void 0:f.id)},r[0].timeout)}function a(o){const e=r.findIndex(n=>n.id===o);e!==-1&&r.splice(e,1)}function p(){return{toasts:r,addToast:k,removeToast:a}}const g={id:"toast-default",class:"toast-card",role:"alert"},T=["innerHTML"],E={class:"toast-title"},V={class:"toast-content"},N=["onClick"],v={__name:"Toastify",setup(o){const{removeToast:e,toasts:n}=p();return(l,c)=>(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(t.unref(n),i=>(t.openBlock(),t.createBlock(t.Teleport,{key:i.id,to:i.location},[t.createElementVNode("div",g,[t.createElementVNode("div",{class:t.normalizeClass([i.iconColor,"toast-icon-wrap"]),innerHTML:i.icon},null,10,T),t.createElementVNode("div",null,[t.createElementVNode("div",E,t.toDisplayString(i.title),1),t.createElementVNode("div",V,t.toDisplayString(i.content),1)]),t.createElementVNode("button",{type:"button",class:"toast-close",onClick:d=>t.unref(e)(i.id),"aria-label":"Close"},c[0]||(c[0]=[t.createElementVNode("span",{class:"sr-only"},"Close",-1),t.createElementVNode("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",class:"icon icon-tabler icons-tabler-outline icon-tabler-x"},[t.createElementVNode("path",{stroke:"none",d:"M0 0h24v24H0z",fill:"none"}),t.createElementVNode("path",{d:"M18 6l-12 12"}),t.createElementVNode("path",{d:"M6 6l12 12"})],-1)]),8,N)])],8,["to"]))),128))}},y={__name:"ToastTemplate",setup(o){return(e,n)=>(t.openBlock(),t.createElementBlock(t.Fragment,null,[t.createVNode(u),t.createVNode(v)],64))}},m=document.createElement("div");document.body.appendChild(m),app=t.createApp(y),app.mount(m),s.useToast=p,Object.defineProperty(s,Symbol.toStringTag,{value:"Module"})});
+(function(s,t){typeof exports=="object"&&typeof module<"u"?t(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],t):(s=typeof globalThis<"u"?globalThis:s||self,t(s.Toastbite={},s.Vue))})(this,function(s,t){"use strict";const _=(n,o)=>{const i=n.__vccOpts||n;for(const[l,c]of o)i[l]=c;return i},h={};function b(n,o){return t.openBlock(),t.createElementBlock("div",null,o[0]||(o[0]=[t.createStaticVNode('<div><div class="toast-top-left top-left"></div></div><div><div class="toast-top-center top-center"></div></div><div><div class="toast-top-right top-right"></div></div><div><div class="toast-bottom-left bottom-left"></div></div><div><div class="toast-bottom-center bottom-center"></div></div><div><div class="toast-bottom-right bottom-right"></div></div>',6)]))}const u=_(h,[["render",b]]),r=t.reactive([]);function k({location:n,title:o,content:i,icon:l,iconColor:c,timeout:e=2e3}){var d;e=e===!0?2e3:typeof e=="number"&&!isNaN(e)?e:2e3,r.push({id:Date.now(),iconColor:c||"toast-blue dark:toast-blue",location:["top-left","top-right","top-center","bottom-left","bottom-right","bottom-center"].includes(n)?`.${n}`:".bottom-right",title:o,content:i,icon:l,timeout:e}),((d=r[0])==null?void 0:d.timeout)!==!1&&setTimeout(()=>{var f;a((f=r[0])==null?void 0:f.id)},r[0].timeout)}function a(n){const o=r.findIndex(i=>i.id===n);o!==-1&&r.splice(o,1)}function p(){return{toasts:r,addToast:k,removeToast:a}}const g={id:"toast-default",class:"toast-card",role:"alert"},T=["innerHTML"],N={class:"toast-title"},E={class:"toast-content"},V=["onClick"],v={__name:"Toastify",setup(n){const{removeToast:o,toasts:i}=p();return(l,c)=>(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(t.unref(i),e=>(t.openBlock(),t.createBlock(t.Teleport,{key:e.id,to:e.location},[t.createElementVNode("div",g,[t.createElementVNode("div",{class:t.normalizeClass([e.iconColor,"toast-icon-wrap"]),innerHTML:e.icon},null,10,T),t.createElementVNode("div",null,[t.createElementVNode("div",N,t.toDisplayString(e.title),1),t.createElementVNode("div",E,t.toDisplayString(e.content),1)]),t.createElementVNode("button",{type:"button",class:"toast-close",onClick:d=>t.unref(o)(e.id),"aria-label":"Close"},c[0]||(c[0]=[t.createElementVNode("span",{class:"sr-only"},"Close",-1),t.createElementVNode("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",class:"icon icon-tabler icons-tabler-outline icon-tabler-x"},[t.createElementVNode("path",{stroke:"none",d:"M0 0h24v24H0z",fill:"none"}),t.createElementVNode("path",{d:"M18 6l-12 12"}),t.createElementVNode("path",{d:"M6 6l12 12"})],-1)]),8,V)])],8,["to"]))),128))}},y={__name:"ToastTemplate",setup(n){return(o,i)=>(t.openBlock(),t.createElementBlock(t.Fragment,null,[t.createVNode(u),t.createVNode(v)],64))}},m=document.createElement("div");document.body.appendChild(m),app=t.createApp(y),app.mount(m),s.useToast=p,Object.defineProperty(s,Symbol.toStringTag,{value:"Module"})});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pijushgupta/toastbite",
-  "version": "1.0.7",
+  "version": "1.0.8",
   "description": "A simple Vue toast notification library",
   "main": "dist/toastbite.cjs.js",
   "module": "dist/toastbite.es.js",

package/src/components/useToast.js

@@ -5,6 +5,7 @@ import { reactive } from "vue";
 const toasts = reactive([]);
 
 function addToast({ location, title, content, icon,iconColor,timeout = 2000}) {
+    timeout = timeout === true ? 2000 : (typeof timeout === "number" && !isNaN(timeout) ? timeout : 2000)
     toasts.push({
         id: Date.now(),
         iconColor:iconColor?iconColor:'toast-blue dark:toast-blue',
@@ -16,7 +17,7 @@ function addToast({ location, title, content, icon,iconColor,timeout = 2000}) {
     });
 
     // Auto-remove after 5s
-    if(toasts[0]?.timeout !== false ){
+    if(toasts[0]?.timeout !== false){
         setTimeout(() => {
             removeToast(toasts[0]?.id);
         },toasts[0].timeout);