vue-toastflow 1.0.5 → 1.0.7

package/dist/toastflow.es.js

@@ -1,103 +1,103 @@
-import { createToastStore as ht } from "toastflow-core";
+import { createToastStore as xe } from "toastflow-core";
 export * from "toastflow-core";
-import { defineComponent as nt, createElementBlock as d, openBlock as u, createElementVNode as m, normalizeClass as S, inject as lt, computed as p, ref as A, watch as _, unref as i, createCommentVNode as I, renderSlot as H, createBlock as et, resolveDynamicComponent as gt, toDisplayString as tt, normalizeStyle as j, withModifiers as yt, createVNode as ct, onMounted as bt, onUnmounted as wt, Fragment as rt, renderList as it, TransitionGroup as Ct, withCtx as At } from "vue";
-const ot = Symbol.for(
+import { defineComponent as se, createElementBlock as f, openBlock as d, createElementVNode as m, normalizeClass as S, toRefs as $e, inject as me, computed as v, ref as k, watch as W, unref as e, createCommentVNode as j, renderSlot as K, createBlock as oe, resolveDynamicComponent as Me, toDisplayString as ne, normalizeStyle as D, withModifiers as Te, createVNode as he, onMounted as Se, onUnmounted as He, Fragment as pe, renderList as ve, TransitionGroup as Be, withCtx as Ke } from "vue";
+const re = Symbol.for(
   "vue-toastflow.toast-store"
-), ut = "__vue_toastflow_store__";
-let O = null;
-function kt(t) {
-  O = t;
+), ge = "__vue_toastflow_store__";
+let R = null;
+function We(o) {
+  R = o;
   try {
-    globalThis[ut] = t;
+    globalThis[ge] = o;
   } catch {
   }
 }
-function f() {
-  if (O || (O = globalThis[ut] ?? null), !O)
+function p() {
+  if (R || (R = globalThis[ge] ?? null), !R)
     throw new Error(
       "[vue-toastflow] Toast store not initialized. Did you install the plugin?"
     );
-  return O;
+  return R;
 }
-const be = {
+const St = {
   getState() {
-    return f().getState();
+    return p().getState();
   },
-  subscribeEvents(t) {
-    return f().subscribeEvents(t);
+  subscribeEvents(o) {
+    return p().subscribeEvents(o);
   },
-  show(t) {
-    return f().show(t);
+  show(o) {
+    return p().show(o);
   },
-  loading(t, s) {
-    return f().loading(t, s);
+  loading(o, i) {
+    return p().loading(o, i);
   },
-  update(t, s) {
-    return f().update(t, s);
+  update(o, i) {
+    return p().update(o, i);
   },
-  dismiss(t) {
-    return f().dismiss(t);
+  dismiss(o) {
+    return p().dismiss(o);
   },
   dismissAll() {
-    return f().dismissAll();
+    return p().dismissAll();
   },
-  pause(t) {
-    return f().pause(t);
+  pause(o) {
+    return p().pause(o);
   },
-  resume(t) {
-    return f().resume(t);
+  resume(o) {
+    return p().resume(o);
   },
   getConfig() {
-    return f().getConfig();
+    return p().getConfig();
   },
-  toast(t) {
-    return f().show({ ...t, type: "default" });
+  toast(o) {
+    return p().show({ ...o, type: "default" });
   },
-  success(t) {
-    return f().show({ ...t, type: "success" });
+  success(o) {
+    return p().show({ ...o, type: "success" });
   },
-  error(t) {
-    return f().show({ ...t, type: "error" });
+  error(o) {
+    return p().show({ ...o, type: "error" });
   },
-  info(t) {
-    return f().show({ ...t, type: "info" });
+  info(o) {
+    return p().show({ ...o, type: "info" });
   },
-  warning(t) {
-    return f().show({ ...t, type: "warning" });
+  warning(o) {
+    return p().show({ ...o, type: "warning" });
   }
 };
-function we(t = {}) {
-  const s = ht(t);
-  return kt(s), {
-    install(k) {
-      k.provide(ot, s);
+function Ht(o = {}) {
+  const i = xe(o);
+  return We(i), {
+    install(L) {
+      L.provide(re, i);
     }
   };
 }
-const Lt = { class: "tf-toast-progress" }, xt = /* @__PURE__ */ nt({
+const Pe = { class: "tf-toast-progress" }, Ee = /* @__PURE__ */ se({
   __name: "ToastProgress",
   props: {
     type: {}
   },
-  setup(t) {
-    return (s, k) => (u(), d("div", Lt, [
+  setup(o) {
+    return (i, L) => (d(), f("div", Pe, [
       m("div", {
-        class: S(["tf-toast-progress-bar", `tf-toast-progress-bar--${t.type}`])
+        class: S(["tf-toast-progress-bar", `tf-toast-progress-bar--${o.type}`])
       }, null, 2)
     ]));
   }
-}), b = (t, s) => {
-  const k = t.__vccOpts || t;
-  for (const [$, w] of s)
-    k[$] = w;
-  return k;
-}, $t = /* @__PURE__ */ b(xt, [["__scopeId", "data-v-ca0da064"]]), Mt = {}, St = {
+}), b = (o, i) => {
+  const L = o.__vccOpts || o;
+  for (const [s, C] of i)
+    L[s] = C;
+  return L;
+}, Ze = /* @__PURE__ */ b(Ee, [["__scopeId", "data-v-ca0da064"]]), Oe = {}, Ie = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "currentColor"
 };
-function Tt(t, s) {
-  return u(), d("svg", St, [...s[0] || (s[0] = [
+function je(o, i) {
+  return d(), f("svg", Ie, [...i[0] || (i[0] = [
     m("path", {
       "fill-rule": "evenodd",
       d: "M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12Zm13.36-1.814a.75.75 0 1 0-1.22-.872l-3.236 4.53L9.53 12.22a.75.75 0 0 0-1.06 1.06l2.25 2.25a.75.75 0 0 0 1.14-.094l3.75-5.25Z",
@@ -105,13 +105,13 @@ function Tt(t, s) {
     }, null, -1)
   ])]);
 }
-const Bt = /* @__PURE__ */ b(Mt, [["render", Tt]]), Ht = {}, _t = {
+const De = /* @__PURE__ */ b(Oe, [["render", je]]), Re = {}, Ue = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "currentColor"
 };
-function Kt(t, s) {
-  return u(), d("svg", _t, [...s[0] || (s[0] = [
+function Fe(o, i) {
+  return d(), f("svg", Ue, [...i[0] || (i[0] = [
     m("path", {
       "fill-rule": "evenodd",
       d: "M12 2.25c-5.385 0-9.75 4.365-9.75 9.75s4.365 9.75 9.75 9.75 9.75-4.365 9.75-9.75S17.385 2.25 12 2.25Zm-1.72 6.97a.75.75 0 1 0-1.06 1.06L10.94 12l-1.72 1.72a.75.75 0 1 0 1.06 1.06L12 13.06l1.72 1.72a.75.75 0 1 0 1.06-1.06L13.06 12l1.72-1.72a.75.75 0 1 0-1.06-1.06L12 10.94l-1.72-1.72Z",
@@ -119,13 +119,13 @@ function Kt(t, s) {
     }, null, -1)
   ])]);
 }
-const Wt = /* @__PURE__ */ b(Ht, [["render", Kt]]), Et = {}, Zt = {
+const ze = /* @__PURE__ */ b(Re, [["render", Fe]]), Ne = {}, Ve = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "currentColor"
 };
-function It(t, s) {
-  return u(), d("svg", Zt, [...s[0] || (s[0] = [
+function Xe(o, i) {
+  return d(), f("svg", Ve, [...i[0] || (i[0] = [
     m("path", {
       "fill-rule": "evenodd",
       d: "M5.25 9a6.75 6.75 0 0 1 13.5 0v.75c0 2.123.8 4.057 2.118 5.52a.75.75 0 0 1-.297 1.206c-1.544.57-3.16.99-4.831 1.243a3.75 3.75 0 1 1-7.48 0 24.585 24.585 0 0 1-4.831-1.244.75.75 0 0 1-.298-1.205A8.217 8.217 0 0 0 5.25 9.75V9Zm4.502 8.9a2.25 2.25 0 1 0 4.496 0 25.057 25.057 0 0 1-4.496 0Z",
@@ -133,13 +133,13 @@ function It(t, s) {
     }, null, -1)
   ])]);
 }
-const jt = /* @__PURE__ */ b(Et, [["render", It]]), Ot = {}, Pt = {
+const qe = /* @__PURE__ */ b(Ne, [["render", Xe]]), Ge = {}, Qe = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "currentColor"
 };
-function Ft(t, s) {
-  return u(), d("svg", Pt, [...s[0] || (s[0] = [
+function Ye(o, i) {
+  return d(), f("svg", Qe, [...i[0] || (i[0] = [
     m("path", {
       "fill-rule": "evenodd",
       d: "M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12Zm8.706-1.442c1.146-.573 2.437.463 2.126 1.706l-.709 2.836.042-.02a.75.75 0 0 1 .67 1.34l-.04.022c-1.147.573-2.438-.463-2.127-1.706l.71-2.836-.042.02a.75.75 0 1 1-.671-1.34l.041-.022ZM12 9a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Z",
@@ -147,13 +147,13 @@ function Ft(t, s) {
     }, null, -1)
   ])]);
 }
-const zt = /* @__PURE__ */ b(Ot, [["render", Ft]]), Rt = {}, Dt = {
+const Je = /* @__PURE__ */ b(Ge, [["render", Ye]]), et = {}, tt = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "currentColor"
 };
-function Ut(t, s) {
-  return u(), d("svg", Dt, [...s[0] || (s[0] = [
+function nt(o, i) {
+  return d(), f("svg", tt, [...i[0] || (i[0] = [
     m("path", {
       "fill-rule": "evenodd",
       d: "M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12Zm11.378-3.917c-.89-.777-2.366-.777-3.255 0a.75.75 0 0 1-.988-1.129c1.454-1.272 3.776-1.272 5.23 0 1.513 1.324 1.513 3.518 0 4.842a3.75 3.75 0 0 1-.837.552c-.676.328-1.028.774-1.028 1.152v.75a.75.75 0 0 1-1.5 0v-.75c0-1.279 1.06-2.107 1.875-2.502.182-.088.351-.199.503-.331.83-.727.83-1.857 0-2.584ZM12 18a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Z",
@@ -161,13 +161,13 @@ function Ut(t, s) {
     }, null, -1)
   ])]);
 }
-const Nt = /* @__PURE__ */ b(Rt, [["render", Ut]]), Vt = {}, Xt = {
+const ot = /* @__PURE__ */ b(et, [["render", nt]]), st = {}, rt = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "currentColor"
 };
-function qt(t, s) {
-  return u(), d("svg", Xt, [...s[0] || (s[0] = [
+function at(o, i) {
+  return d(), f("svg", rt, [...i[0] || (i[0] = [
     m("path", {
       "fill-rule": "evenodd",
       d: "M4.755 10.059a7.5 7.5 0 0 1 12.548-3.364l1.903 1.903h-3.183a.75.75 0 1 0 0 1.5h4.992a.75.75 0 0 0 .75-.75V4.356a.75.75 0 0 0-1.5 0v3.18l-1.9-1.9A9 9 0 0 0 3.306 9.67a.75.75 0 1 0 1.45.388Zm15.408 3.352a.75.75 0 0 0-.919.53 7.5 7.5 0 0 1-12.548 3.364l-1.902-1.903h3.183a.75.75 0 0 0 0-1.5H2.984a.75.75 0 0 0-.75.75v4.992a.75.75 0 0 0 1.5 0v-3.18l1.9 1.9a9 9 0 0 0 15.059-4.035.75.75 0 0 0-.53-.918Z",
@@ -175,13 +175,13 @@ function qt(t, s) {
     }, null, -1)
   ])]);
 }
-const Gt = /* @__PURE__ */ b(Vt, [["render", qt]]), Qt = {}, Yt = {
+const it = /* @__PURE__ */ b(st, [["render", at]]), lt = {}, ct = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "currentColor"
 };
-function Jt(t, s) {
-  return u(), d("svg", Yt, [...s[0] || (s[0] = [
+function ut(o, i) {
+  return d(), f("svg", ct, [...i[0] || (i[0] = [
     m("path", {
       "fill-rule": "evenodd",
       d: "M5.47 5.47a.75.75 0 0 1 1.06 0L12 10.94l5.47-5.47a.75.75 0 1 1 1.06 1.06L13.06 12l5.47 5.47a.75.75 0 1 1-1.06 1.06L12 13.06l-5.47 5.47a.75.75 0 0 1-1.06-1.06L10.94 12 5.47 6.53a.75.75 0 0 1 0-1.06Z",
@@ -189,10 +189,10 @@ function Jt(t, s) {
     }, null, -1)
   ])]);
 }
-const te = /* @__PURE__ */ b(Qt, [["render", Jt]]), ee = ["role", "aria-live"], ne = ["aria-label"], oe = { class: "tf-toast-surface" }, se = { class: "tf-toast-main" }, ae = { class: "tf-toast-body" }, re = { class: "tf-toast-text" }, ie = ["aria-label"], le = ["aria-label", "innerHTML"], ce = ["aria-label"], ue = ["aria-label", "innerHTML"], de = {
+const dt = /* @__PURE__ */ b(lt, [["render", ut]]), ft = ["role", "aria-live"], pt = ["aria-label"], vt = { class: "tf-toast-surface" }, mt = { class: "tf-toast-main" }, ht = { class: "tf-toast-body" }, gt = { class: "tf-toast-text" }, yt = ["aria-label"], _t = ["aria-label", "innerHTML"], wt = ["aria-label"], bt = ["aria-label", "innerHTML"], Ct = {
   key: 0,
   class: "tf-toast-created-at"
-}, fe = ["aria-label"], pe = /* @__PURE__ */ nt({
+}, At = ["aria-label"], kt = /* @__PURE__ */ se({
   __name: "Toast",
   props: {
     toast: {},
@@ -204,362 +204,390 @@ const te = /* @__PURE__ */ b(Qt, [["render", Jt]]), ee = ["role", "aria-live"],
     updateAnimationClass: {}
   },
   emits: ["dismiss"],
-  setup(t, { emit: s }) {
-    const k = s, w = lt(ot, null) ?? f(), C = {
+  setup(o, { emit: i }) {
+    const L = o, {
+      toast: s,
+      progressResetKey: C,
+      duplicateKey: M,
+      updateKey: H,
+      bumpAnimationClass: B,
+      clearAllAnimationClass: P,
+      updateAnimationClass: E
+    } = $e(L), U = i, F = me(re, null) ?? p(), T = {
       success: {
         accent: "tf-toast-accent--success",
         icon: "tf-toast-icon--success",
         close: "tf-toast-close--success",
-        component: Bt
+        component: De
       },
       error: {
         accent: "tf-toast-accent--error",
         icon: "tf-toast-icon--error",
         close: "tf-toast-close--error",
-        component: Wt
+        component: ze
       },
       warning: {
         accent: "tf-toast-accent--warning",
         icon: "tf-toast-icon--warning",
         close: "tf-toast-close--warning",
-        component: jt
+        component: qe
       },
       info: {
         accent: "tf-toast-accent--info",
         icon: "tf-toast-icon--info",
         close: "tf-toast-close--info",
-        component: zt
+        component: Je
       },
       default: {
         accent: "tf-toast-accent--default",
         icon: "tf-toast-icon--default",
         close: "tf-toast-close--default",
-        component: Nt
+        component: ot
       },
       loading: {
         accent: "tf-toast-accent--loading",
         icon: "tf-toast-icon--loading",
         close: "tf-toast-close--loading",
-        component: Gt
+        component: it
       }
-    }, M = /* @__PURE__ */ new Set(["error", "warning"]), {
-      accentClass: T,
-      iconWrapperClass: K,
-      closeWrapperClass: W,
-      defaultIconComponent: P
-    } = Q(t.toast), {
-      role: F,
-      ariaLive: z,
-      hasCreatedAt: R,
-      createdAtText: h,
-      createdAtAriaLabel: E,
-      titleAriaLabel: D,
-      descriptionAriaLabel: B,
-      toastAriaLabel: N
-    } = Y(t.toast), { progressStyle: V, showProgressBar: X, progressKeyLocal: U } = dt(
-      t.toast,
-      t.progressResetKey,
-      t.duplicateKey
-    ), { isBumped: q, isUpdated: G } = ft(t.duplicateKey, t.updateKey), { isHovered: L, handleMouseEnter: e, handleMouseLeave: r } = pt(
-      t.toast,
-      w
-    ), { handleClick: o, handleCloseClick: a } = mt(t.toast, k);
-    function Q(n) {
-      const c = p(function() {
-        return C[n.type].accent;
-      }), l = p(function() {
-        return C[n.type].icon;
-      }), v = p(function() {
-        return C[n.type].close;
-      }), g = p(function() {
-        return C[n.type].component;
+    }, y = /* @__PURE__ */ new Set(["error", "warning"]), {
+      accentClass: Z,
+      iconWrapperClass: q,
+      closeWrapperClass: O,
+      defaultIconComponent: G
+    } = we(s), {
+      role: Q,
+      ariaLive: Y,
+      hasCreatedAt: z,
+      createdAtText: N,
+      createdAtAriaLabel: J,
+      titleAriaLabel: A,
+      descriptionAriaLabel: n,
+      toastAriaLabel: u
+    } = be(s), { progressStyle: r, showProgressBar: l, progressKeyLocal: ee } = Ce(
+      s,
+      C,
+      M
+    ), { isBumped: te, isUpdated: ye } = Ae(M, H), {
+      isHovered: _e,
+      handleMouseEnter: ae,
+      handleMouseLeave: ie,
+      handlePointerDown: le,
+      handlePointerUp: V
+    } = ke(s, F), { handleClick: ce, handleCloseClick: ue } = Le(s, U);
+    function we(t) {
+      const c = v(function() {
+        return T[t.value.type].accent;
+      }), a = v(function() {
+        return T[t.value.type].icon;
+      }), h = v(function() {
+        return T[t.value.type].close;
+      }), w = v(function() {
+        return T[t.value.type].component;
       });
       return {
         accentClass: c,
-        iconWrapperClass: l,
-        closeWrapperClass: v,
-        defaultIconComponent: g
+        iconWrapperClass: a,
+        closeWrapperClass: h,
+        defaultIconComponent: w
       };
     }
-    function Y(n) {
-      const c = p(function() {
-        return M.has(n.type) ? "alert" : "status";
-      }), l = p(function() {
-        return M.has(n.type) ? "assertive" : "polite";
-      }), v = p(function() {
-        return !!(n.showCreatedAt && Number.isFinite(n.createdAt));
-      }), g = p(function() {
-        if (!v.value)
+    function be(t) {
+      const c = v(function() {
+        return y.has(t.value.type) ? "alert" : "status";
+      }), a = v(function() {
+        return y.has(t.value.type) ? "assertive" : "polite";
+      }), h = v(function() {
+        return !!(t.value.showCreatedAt && Number.isFinite(t.value.createdAt));
+      }), w = v(function() {
+        if (!h.value)
           return "";
         try {
-          return n.createdAtFormatter(n.createdAt);
-        } catch (x) {
+          return t.value.createdAtFormatter(t.value.createdAt);
+        } catch ($) {
           console.error(
             "[vue-toastflow] Something failed in createdAtFormatter",
-            x
+            $
           );
         }
-      }), y = p(function() {
-        return g.value ? `Sent at ${g.value}` : "";
-      }), Z = p(function() {
-        return at(n.title);
-      }), J = p(function() {
-        return at(n.description);
-      }), vt = p(function() {
-        const x = [];
-        return Z.value && x.push(Z.value), J.value && x.push(J.value), v.value && y.value && x.push(y.value), x.length || x.push(`${n.type} notification`), x.join(". ");
+      }), _ = v(function() {
+        return w.value ? `Sent at ${w.value}` : "";
+      }), g = v(function() {
+        return fe(t.value.title);
+      }), I = v(function() {
+        return fe(t.value.description);
+      }), x = v(function() {
+        const $ = [];
+        return g.value && $.push(g.value), I.value && $.push(I.value), h.value && _.value && $.push(_.value), $.length || $.push(`${t.value.type} notification`), $.join(". ");
       });
       return {
         role: c,
-        ariaLive: l,
-        hasCreatedAt: v,
-        createdAtText: g,
-        createdAtAriaLabel: y,
-        titleAriaLabel: Z,
-        descriptionAriaLabel: J,
-        toastAriaLabel: vt
+        ariaLive: a,
+        hasCreatedAt: h,
+        createdAtText: w,
+        createdAtAriaLabel: _,
+        titleAriaLabel: g,
+        descriptionAriaLabel: I,
+        toastAriaLabel: x
       };
     }
-    function dt(n, c, l) {
-      const v = p(function() {
+    function Ce(t, c, a) {
+      const h = v(function() {
         return {
-          "--tf-toast-progress-duration": `${n.duration}ms`
+          "--tf-toast-progress-duration": `${t.value.duration}ms`
         };
-      }), g = p(function() {
-        return n.progressBar && Number.isFinite(n.duration) && n.duration > 0;
-      }), y = A(0);
-      return _(
-        () => c,
-        function() {
-          c != null && (y.value += 1);
+      }), w = v(function() {
+        return t.value.progressBar && Number.isFinite(t.value.duration) && t.value.duration > 0;
+      }), _ = k(0);
+      return W(
+        () => c?.value,
+        function(g) {
+          g != null && (_.value += 1);
         }
-      ), _(
-        () => l,
-        function() {
-          l != null && (y.value += 1);
+      ), W(
+        () => a?.value,
+        function(g) {
+          g != null && (_.value += 1);
         }
       ), {
-        progressStyle: v,
-        showProgressBar: g,
-        progressKeyLocal: y
+        progressStyle: h,
+        showProgressBar: w,
+        progressKeyLocal: _
       };
     }
-    function ft(n, c) {
-      const l = A(!1), v = A(!1);
-      function g() {
-        l.value = !1, requestAnimationFrame(function() {
-          l.value = !0;
+    function Ae(t, c) {
+      const a = k(!1), h = k(!1);
+      function w() {
+        a.value = !1, requestAnimationFrame(function() {
+          a.value = !0;
         });
       }
-      function y() {
-        v.value = !1, requestAnimationFrame(function() {
-          v.value = !0;
+      function _() {
+        h.value = !1, requestAnimationFrame(function() {
+          h.value = !0;
         });
       }
-      return _(
-        () => n,
-        function() {
-          n != null && g();
+      return W(
+        () => t?.value,
+        function(g) {
+          g != null && w();
         }
-      ), _(
-        () => c,
-        function() {
-          c != null && y();
+      ), W(
+        () => c?.value,
+        function(g) {
+          g != null && _();
         }
       ), {
-        isBumped: l,
-        isUpdated: v
+        isBumped: a,
+        isUpdated: h
       };
     }
-    function pt(n, c) {
-      const l = A(!1);
-      function v() {
-        n.pauseOnHover && (l.value = !0, c.pause(n.id));
+    function ke(t, c) {
+      const a = k(!1);
+      function h() {
+        t.value.pauseOnHover && (a.value = !0, c.pause(t.value.id));
+      }
+      function w() {
+        t.value.pauseOnHover && (a.value = !1, c.resume(t.value.id));
+      }
+      function _(x) {
+        return x.pointerType === "touch" || x.pointerType === "pen";
       }
-      function g() {
-        n.pauseOnHover && (l.value = !1, c.resume(n.id));
+      function g(x) {
+        t.value.pauseOnHover && _(x) && (a.value = !0, c.pause(t.value.id));
+      }
+      function I(x) {
+        t.value.pauseOnHover && _(x) && (a.value = !1, c.resume(t.value.id));
       }
       return {
-        isHovered: l,
-        handleMouseEnter: v,
-        handleMouseLeave: g
+        isHovered: a,
+        handleMouseEnter: h,
+        handleMouseLeave: w,
+        handlePointerDown: g,
+        handlePointerUp: I
       };
     }
-    function mt(n, c) {
-      function l() {
+    function Le(t, c) {
+      function a() {
         return {
-          id: n.id,
-          position: n.position,
-          type: n.type,
-          title: n.title,
-          description: n.description,
-          createdAt: n.createdAt
+          id: t.value.id,
+          position: t.value.position,
+          type: t.value.type,
+          title: t.value.title,
+          description: t.value.description,
+          createdAt: t.value.createdAt
         };
       }
-      function v(y) {
-        const Z = l();
-        n.onClick && n.onClick(Z, y), n.closeOnClick && c("dismiss", n.id);
+      function h(_) {
+        const g = a();
+        t.value.onClick && t.value.onClick(g, _), t.value.closeOnClick && c("dismiss", t.value.id);
       }
-      function g() {
-        c("dismiss", n.id);
+      function w() {
+        c("dismiss", t.value.id);
       }
       return {
-        handleClick: v,
-        handleCloseClick: g
+        handleClick: h,
+        handleCloseClick: w
       };
     }
-    function st(n) {
-      return n.replace(/\s+/g, " ").trim();
+    function de(t) {
+      return t.replace(/\s+/g, " ").trim();
     }
-    function at(n) {
-      if (!n)
+    function fe(t) {
+      if (!t)
         return "";
-      const c = st(n.replace(/<[^>]*>/g, " "));
+      const c = de(t.replace(/<[^>]*>/g, " "));
       if (typeof window > "u" || !window.document)
         return c;
       try {
-        const l = window.document.createElement("div");
-        return l.innerHTML = n, st(l.textContent ?? "");
+        const a = window.document.createElement("div");
+        return a.innerHTML = t, de(a.textContent ?? "");
       } catch {
         return c;
       }
     }
-    return (n, c) => (u(), d("div", {
-      role: i(F),
-      "aria-live": i(z),
+    return (t, c) => (d(), f("div", {
+      role: e(Q),
+      "aria-live": e(Y),
       class: "tf-toast-wrapper"
     }, [
       m("div", {
         class: S(["tf-toast", [
-          i(T),
-          i(q) && t.toast.phase !== "leaving" && t.toast.phase !== "clear-all" && t.bumpAnimationClass,
-          i(G) && t.toast.phase !== "leaving" && t.toast.phase !== "clear-all" && t.updateAnimationClass,
-          t.toast.phase === "clear-all" && t.clearAllAnimationClass,
-          i(L) && "tf-toast--paused"
+          e(Z),
+          e(te) && e(s).phase !== "leaving" && e(s).phase !== "clear-all" && e(B),
+          e(ye) && e(s).phase !== "leaving" && e(s).phase !== "clear-all" && e(E),
+          e(s).phase === "clear-all" && e(P),
+          e(_e) && "tf-toast--paused"
         ]]),
-        "aria-label": i(N) || void 0,
+        "aria-label": e(u) || void 0,
         onClick: c[1] || (c[1] = //@ts-ignore
-        (...l) => i(o) && i(o)(...l)),
+        (...a) => e(ce) && e(ce)(...a)),
         onMouseenter: c[2] || (c[2] = //@ts-ignore
-        (...l) => i(e) && i(e)(...l)),
+        (...a) => e(ae) && e(ae)(...a)),
         onMouseleave: c[3] || (c[3] = //@ts-ignore
-        (...l) => i(r) && i(r)(...l))
+        (...a) => e(ie) && e(ie)(...a)),
+        onPointerdown: c[4] || (c[4] = //@ts-ignore
+        (...a) => e(le) && e(le)(...a)),
+        onPointerup: c[5] || (c[5] = //@ts-ignore
+        (...a) => e(V) && e(V)(...a)),
+        onPointercancel: c[6] || (c[6] = //@ts-ignore
+        (...a) => e(V) && e(V)(...a))
       }, [
-        m("div", oe, [
-          m("div", se, [
+        m("div", vt, [
+          m("div", mt, [
             m("div", {
-              class: S(["tf-toast-icon", i(K)]),
+              class: S(["tf-toast-icon", e(q)]),
               "aria-hidden": "true"
             }, [
-              H(n.$slots, "icon", { toast: t.toast }, () => [
-                (u(), et(gt(i(P)), {
-                  class: S(["tf-toast-icon-svg", [t.toast.type === "loading" && "tf-toast-icon-spin"]]),
+              K(t.$slots, "icon", { toast: e(s) }, () => [
+                (d(), oe(Me(e(G)), {
+                  class: S(["tf-toast-icon-svg", [e(s).type === "loading" && "tf-toast-icon-spin"]]),
                   "aria-hidden": "true"
                 }, null, 8, ["class"]))
               ], !0)
             ], 2),
-            m("div", ae, [
-              m("div", re, [
-                t.toast.title && !t.toast.supportHtml ? (u(), d("p", {
+            m("div", ht, [
+              m("div", gt, [
+                e(s).title && !e(s).supportHtml ? (d(), f("p", {
                   key: 0,
-                  "aria-label": i(D) || void 0,
+                  "aria-label": e(A) || void 0,
                   class: "tf-toast-title"
-                }, tt(t.toast.title), 9, ie)) : t.toast.title && t.toast.supportHtml ? (u(), d("p", {
+                }, ne(e(s).title), 9, yt)) : e(s).title && e(s).supportHtml ? (d(), f("p", {
                   key: 1,
                   class: "tf-toast-title",
-                  "aria-label": i(D) || void 0,
-                  innerHTML: t.toast.title
-                }, null, 8, le)) : I("", !0),
-                t.toast.description && !t.toast.supportHtml ? (u(), d("p", {
+                  "aria-label": e(A) || void 0,
+                  innerHTML: e(s).title
+                }, null, 8, _t)) : j("", !0),
+                e(s).description && !e(s).supportHtml ? (d(), f("p", {
                   key: 2,
-                  "aria-label": i(B) || void 0,
+                  "aria-label": e(n) || void 0,
                   class: "tf-toast-description"
-                }, tt(t.toast.description), 9, ce)) : t.toast.description && t.toast.supportHtml ? (u(), d("p", {
+                }, ne(e(s).description), 9, wt)) : e(s).description && e(s).supportHtml ? (d(), f("p", {
                   key: 3,
                   class: "tf-toast-description",
-                  "aria-label": i(B) || void 0,
-                  innerHTML: t.toast.description
-                }, null, 8, ue)) : I("", !0)
+                  "aria-label": e(n) || void 0,
+                  innerHTML: e(s).description
+                }, null, 8, bt)) : j("", !0)
               ]),
-              H(n.$slots, "default", { toast: t.toast }, void 0, !0),
-              i(R) ? (u(), d("div", de, [
-                H(n.$slots, "created-at", {
-                  toast: t.toast,
-                  formatted: i(h)
+              K(t.$slots, "default", { toast: e(s) }, void 0, !0),
+              e(z) ? (d(), f("div", Ct, [
+                K(t.$slots, "created-at", {
+                  toast: e(s),
+                  formatted: e(N)
                 }, () => [
                   m("span", {
-                    "aria-label": i(E) || void 0
-                  }, tt(i(h)), 9, fe)
+                    "aria-label": e(J) || void 0
+                  }, ne(e(N)), 9, At)
                 ], !0)
-              ])) : I("", !0)
+              ])) : j("", !0)
             ])
           ]),
-          i(X) ? (u(), d("div", {
+          e(l) ? (d(), f("div", {
             key: 0,
             class: "tf-toast-progress-wrapper",
-            style: j(i(V))
+            style: D(e(r))
           }, [
-            H(n.$slots, "progress", { toast: t.toast }, () => [
-              (u(), et($t, {
-                key: i(U),
-                type: t.toast.type
+            K(t.$slots, "progress", { toast: e(s) }, () => [
+              (d(), oe(Ze, {
+                key: e(ee),
+                type: e(s).type
               }, null, 8, ["type"]))
             ], !0)
-          ], 4)) : I("", !0)
+          ], 4)) : j("", !0)
         ]),
-        t.toast.closeButton ? (u(), d("button", {
+        e(s).closeButton ? (d(), f("button", {
           key: 0,
           type: "button",
-          class: S(["tf-toast-close", i(W)]),
+          class: S(["tf-toast-close", e(O)]),
           "aria-label": "Close notification",
-          onClick: c[0] || (c[0] = yt(
+          onClick: c[0] || (c[0] = Te(
             //@ts-ignore
-            (...l) => i(a) && i(a)(...l),
+            (...a) => e(ue) && e(ue)(...a),
             ["stop"]
           ))
         }, [
-          H(n.$slots, "close-icon", { toast: t.toast }, () => [
-            ct(te, {
+          K(t.$slots, "close-icon", { toast: e(s) }, () => [
+            he(dt, {
               class: "tf-toast-close-icon",
               "aria-hidden": "true"
             })
           ], !0)
-        ], 2)) : I("", !0)
-      ], 42, ne)
-    ], 8, ee));
+        ], 2)) : j("", !0)
+      ], 42, pt)
+    ], 8, ft));
   }
-}), me = /* @__PURE__ */ b(pe, [["__scopeId", "data-v-56346e83"]]), ve = ["data-position"], he = /* @__PURE__ */ nt({
+}), Lt = /* @__PURE__ */ b(kt, [["__scopeId", "data-v-763aeb72"]]), xt = ["data-position"], $t = /* @__PURE__ */ se({
   __name: "ToastContainer",
-  setup(t) {
-    const s = [
+  setup(o) {
+    const i = [
       "top-left",
       "top-center",
       "top-right",
       "bottom-left",
       "bottom-center",
       "bottom-right"
-    ], $ = lt(ot, null) ?? f(), w = A([]), C = A({}), M = A({}), T = A({});
-    let K = null, W = null;
-    bt(function() {
-      K = $.subscribe(function(e) {
-        w.value = e.toasts;
-      }), W = $.subscribeEvents(function(e) {
-        e.kind === "timer-reset" && (C.value[e.id] = Math.random()), e.kind === "duplicate" && (M.value[e.id] = Math.random()), e.kind === "update" && (T.value[e.id] = Math.random());
+    ], s = me(re, null) ?? p(), C = k([]), M = k({}), H = k({}), B = k({});
+    let P = null, E = null;
+    Se(function() {
+      P = s.subscribe(function(n) {
+        C.value = n.toasts;
+      }), E = s.subscribeEvents(function(n) {
+        n.kind === "timer-reset" && (M.value[n.id] = Math.random()), n.kind === "duplicate" && (H.value[n.id] = Math.random()), n.kind === "update" && (B.value[n.id] = Math.random());
       });
-    }), wt(function() {
-      K && K(), W && W();
+    }), He(function() {
+      P && P(), E && E();
     });
-    function P(e) {
-      return C.value[e] ?? 0;
+    function U(n) {
+      return M.value[n] ?? 0;
     }
-    function F(e) {
-      return M.value[e] ?? 0;
+    function X(n) {
+      return H.value[n] ?? 0;
     }
-    function z(e) {
-      return T.value[e] ?? 0;
+    function F(n) {
+      return B.value[n] ?? 0;
     }
-    const R = p(function() {
-      const e = {
+    const T = v(function() {
+      const n = {
         "top-left": [],
         "top-center": [],
         "top-right": [],
@@ -567,153 +595,153 @@ const te = /* @__PURE__ */ b(Qt, [["render", Jt]]), ee = ["role", "aria-live"],
         "bottom-center": [],
         "bottom-right": []
       };
-      for (const r of w.value)
-        e[r.position].push(r);
-      return e;
-    }), h = $.getConfig(), E = A({
-      "top-left": { ...h, position: "top-left" },
-      "top-center": { ...h, position: "top-center" },
-      "top-right": { ...h, position: "top-right" },
-      "bottom-left": { ...h, position: "bottom-left" },
-      "bottom-center": { ...h, position: "bottom-center" },
-      "bottom-right": { ...h, position: "bottom-right" }
-    }), D = p(function() {
-      return w.value.length ? Math.max(...w.value.map((e) => e.zIndex)) : h.zIndex;
+      for (const u of C.value)
+        n[u.position].push(u);
+      return n;
+    }), y = s.getConfig(), Z = k({
+      "top-left": { ...y, position: "top-left" },
+      "top-center": { ...y, position: "top-center" },
+      "top-right": { ...y, position: "top-right" },
+      "bottom-left": { ...y, position: "bottom-left" },
+      "bottom-center": { ...y, position: "bottom-center" },
+      "bottom-right": { ...y, position: "bottom-right" }
+    }), q = v(function() {
+      return C.value.length ? Math.max(...C.value.map((n) => n.zIndex)) : y.zIndex;
     });
-    function B(e) {
-      return E.value[e] ?? { ...h, position: e };
+    function O(n) {
+      return Z.value[n] ?? { ...y, position: n };
     }
-    function N(e) {
-      const { offset: r, width: o } = B(e), a = { width: o, maxWidth: "100%" };
-      return e.startsWith("top-") && (a.top = r), e.startsWith("bottom-") && (a.bottom = r), e.endsWith("left") ? a.left = r : e.endsWith("right") ? a.right = r : e.endsWith("center") && (a.left = "50%", a.transform = "translateX(-50%)"), a;
+    function G(n) {
+      const { offset: u, width: r } = O(n), l = { width: r, maxWidth: "100%" };
+      return n.startsWith("top-") && (l.top = u), n.startsWith("bottom-") && (l.bottom = u), n.endsWith("left") ? l.left = u : n.endsWith("right") ? l.right = u : n.endsWith("center") && (l.left = "50%", l.transform = "translateX(-50%)"), l;
     }
-    function V(e) {
-      return e.endsWith("left") ? "tf-toast-stack--left" : e.endsWith("center") ? "tf-toast-stack--center" : "tf-toast-stack--right";
+    function Q(n) {
+      return n.endsWith("left") ? "tf-toast-stack--left" : n.endsWith("center") ? "tf-toast-stack--center" : "tf-toast-stack--right";
     }
-    function X(e) {
-      return e.startsWith("bottom-") ? "tf-toast-stack-inner--bottom" : null;
+    function Y(n) {
+      return n.startsWith("bottom-") ? "tf-toast-stack-inner--bottom" : null;
     }
-    function U(e) {
-      $.dismiss(e);
+    function z(n) {
+      s.dismiss(n);
     }
-    function q(e) {
-      const r = e, o = r.parentElement;
-      if (!o || o.children.length <= 1)
+    function N(n) {
+      const u = n, r = u.parentElement;
+      if (!r || r.children.length <= 1)
         return;
-      const a = r.offsetTop, Q = o.clientHeight, Y = o.clientWidth;
-      o.style.minHeight = `${Q}px`, r.style.position = "absolute", r.style.width = `${Y}px`, r.style.left = "0", r.style.right = "0", r.style.top = `${a}px`;
+      const l = u.offsetTop, ee = r.clientHeight, te = r.clientWidth;
+      r.style.minHeight = `${ee}px`, u.style.position = "absolute", u.style.width = `${te}px`, u.style.left = "0", u.style.right = "0", u.style.top = `${l}px`;
     }
-    function G(e) {
-      const r = e, o = r.parentElement;
-      o && (o.style.minHeight = ""), r.style.position = "", r.style.width = "", r.style.left = "", r.style.right = "", r.style.top = "";
+    function J(n) {
+      const u = n, r = u.parentElement;
+      r && (r.style.minHeight = ""), u.style.position = "", u.style.width = "", u.style.left = "", u.style.right = "", u.style.top = "";
     }
-    _(
-      w,
-      function(e) {
-        const r = new Set(
-          e.map(function(o) {
-            return o.id;
+    W(
+      C,
+      function(n) {
+        const u = new Set(
+          n.map(function(r) {
+            return r.id;
           })
         );
-        for (const o of Object.keys(C.value))
-          r.has(o) || delete C.value[o];
-        for (const o of Object.keys(M.value))
-          r.has(o) || delete M.value[o];
-        for (const o of Object.keys(T.value))
-          r.has(o) || delete T.value[o];
+        for (const r of Object.keys(M.value))
+          u.has(r) || delete M.value[r];
+        for (const r of Object.keys(H.value))
+          u.has(r) || delete H.value[r];
+        for (const r of Object.keys(B.value))
+          u.has(r) || delete B.value[r];
       },
       { deep: !1 }
     );
-    function L(e) {
+    function A(n) {
       return {
-        ...h.animation,
-        ...e.animation
+        ...y.animation,
+        ...n.animation
       };
     }
-    return _(
-      R,
-      function(e) {
-        const r = { ...E.value };
-        Object.keys(e).forEach(function(o) {
-          const a = e[o][0];
-          a && (r[o] = {
-            ...h,
-            ...a,
-            position: o,
+    return W(
+      T,
+      function(n) {
+        const u = { ...Z.value };
+        Object.keys(n).forEach(function(r) {
+          const l = n[r][0];
+          l && (u[r] = {
+            ...y,
+            ...l,
+            position: r,
             animation: {
-              ...h.animation,
-              ...a.animation
+              ...y.animation,
+              ...l.animation
             }
           });
-        }), E.value = r;
+        }), Z.value = u;
       },
       { deep: !1 }
-    ), (e, r) => (u(), d("div", {
+    ), (n, u) => (d(), f("div", {
       class: "tf-toast-root",
-      style: j({ zIndex: D.value })
+      style: D({ zIndex: q.value })
     }, [
-      (u(), d(rt, null, it(s, (o) => m("div", {
-        key: o,
-        class: S(["tf-toast-stack", V(o)]),
-        style: j(N(o))
+      (d(), f(pe, null, ve(i, (r) => m("div", {
+        key: r,
+        class: S(["tf-toast-stack", Q(r)]),
+        style: D(G(r))
       }, [
-        ct(Ct, {
-          name: B(o).animation.name,
-          onBeforeLeave: q,
-          onAfterLeave: G,
+        he(Be, {
+          name: O(r).animation.name,
+          onBeforeLeave: N,
+          onAfterLeave: J,
           tag: "div",
-          class: S(["tf-toast-stack-inner", X(o)]),
-          style: j({ gap: B(o).gap })
+          class: S(["tf-toast-stack-inner", Y(r)]),
+          style: D({ gap: O(r).gap })
         }, {
-          default: At(() => [
-            (u(!0), d(rt, null, it(R.value[o], (a) => (u(), d("div", {
-              key: a.id,
+          default: Ke(() => [
+            (d(!0), f(pe, null, ve(T.value[r], (l) => (d(), f("div", {
+              key: l.id,
               class: "tf-toast-item",
-              style: j({ width: a.width, maxWidth: "100%" }),
-              "data-position": a.position
+              style: D({ width: l.width, maxWidth: "100%" }),
+              "data-position": l.position
             }, [
-              e.$slots.default ? H(e.$slots, "default", {
+              n.$slots.default ? K(n.$slots, "default", {
                 key: 0,
-                toast: a,
-                progressResetKey: P(a.id),
-                duplicateKey: F(a.id),
-                updateKey: z(a.id),
-                bumpAnimationClass: L(a).bump,
-                clearAllAnimationClass: L(a).clearAll,
-                updateAnimationClass: L(a).update,
-                dismiss: U
-              }, void 0, !0) : (u(), et(me, {
+                toast: l,
+                progressResetKey: U(l.id),
+                duplicateKey: X(l.id),
+                updateKey: F(l.id),
+                bumpAnimationClass: A(l).bump,
+                clearAllAnimationClass: A(l).clearAll,
+                updateAnimationClass: A(l).update,
+                dismiss: z
+              }, void 0, !0) : (d(), oe(Lt, {
                 key: 1,
-                toast: a,
-                progressResetKey: P(a.id),
-                duplicateKey: F(a.id),
-                updateKey: z(a.id),
-                bumpAnimationClass: L(a).bump,
-                clearAllAnimationClass: L(a).clearAll,
-                updateAnimationClass: L(a).update,
-                onDismiss: U
+                toast: l,
+                progressResetKey: U(l.id),
+                duplicateKey: X(l.id),
+                updateKey: F(l.id),
+                bumpAnimationClass: A(l).bump,
+                clearAllAnimationClass: A(l).clearAll,
+                updateAnimationClass: A(l).update,
+                onDismiss: z
               }, null, 8, ["toast", "progressResetKey", "duplicateKey", "updateKey", "bumpAnimationClass", "clearAllAnimationClass", "updateAnimationClass"]))
-            ], 12, ve))), 128))
+            ], 12, xt))), 128))
           ]),
           _: 2
         }, 1032, ["name", "class", "style"])
       ], 6)), 64))
     ], 4));
   }
-}), Ce = /* @__PURE__ */ b(he, [["__scopeId", "data-v-909eb002"]]);
+}), Bt = /* @__PURE__ */ b($t, [["__scopeId", "data-v-65f94eb4"]]);
 export {
-  Gt as ArrowPath,
-  jt as Bell,
-  Bt as CheckCircle,
-  zt as InfoCircle,
-  Nt as QuestionMarkCircle,
-  me as Toast,
-  Ce as ToastContainer,
-  $t as ToastProgress,
-  Wt as XCircle,
-  te as XMark,
-  we as createToastflow,
-  f as getToastStore,
-  kt as setToastStore,
-  be as toast
+  it as ArrowPath,
+  qe as Bell,
+  De as CheckCircle,
+  Je as InfoCircle,
+  ot as QuestionMarkCircle,
+  Lt as Toast,
+  Bt as ToastContainer,
+  Ze as ToastProgress,
+  ze as XCircle,
+  dt as XMark,
+  Ht as createToastflow,
+  p as getToastStore,
+  We as setToastStore,
+  St as toast
 };