vue-toastflow 0.0.1

package/dist/toastflow.es.js

@@ -0,0 +1,636 @@
+import { createToastStore as at } from "toastflow-core";
+export * from "toastflow-core";
+import { defineComponent as G, createElementBlock as l, openBlock as r, createElementVNode as u, normalizeClass as k, inject as st, ref as y, computed as d, watch as E, createCommentVNode as Z, renderSlot as K, createBlock as X, resolveDynamicComponent as it, toDisplayString as U, normalizeStyle as W, withModifiers as rt, createVNode as Y, onMounted as lt, onUnmounted as ct, Fragment as Q, renderList as J, TransitionGroup as ut, withCtx as dt } from "vue";
+const _ = Symbol("toast-store");
+let q = null;
+function ft(t) {
+  q = t;
+}
+function c() {
+  if (!q)
+    throw new Error(
+      "[vue-toastflow] Toast store not initialized. Did you install the plugin?"
+    );
+  return q;
+}
+const le = {
+  getState() {
+    return c().getState();
+  },
+  subscribeEvents(t) {
+    return c().subscribeEvents(t);
+  },
+  show(t) {
+    return c().show(t);
+  },
+  loading(t, o) {
+    return c().loading(t, o);
+  },
+  update(t, o) {
+    return c().update(t, o);
+  },
+  dismiss(t) {
+    return c().dismiss(t);
+  },
+  dismissAll() {
+    return c().dismissAll();
+  },
+  pause(t) {
+    return c().pause(t);
+  },
+  resume(t) {
+    return c().resume(t);
+  },
+  getConfig() {
+    return c().getConfig();
+  },
+  toast(t) {
+    return c().show({ ...t, type: "default" });
+  },
+  success(t) {
+    return c().show({ ...t, type: "success" });
+  },
+  error(t) {
+    return c().show({ ...t, type: "error" });
+  },
+  info(t) {
+    return c().show({ ...t, type: "info" });
+  },
+  warning(t) {
+    return c().show({ ...t, type: "warning" });
+  }
+};
+function ce(t = {}) {
+  const o = at(t);
+  return ft(o), {
+    install(f) {
+      f.provide(_, o);
+    }
+  };
+}
+const mt = { class: "tf-toast-progress" }, vt = /* @__PURE__ */ G({
+  __name: "ToastProgress",
+  props: {
+    type: {}
+  },
+  setup(t) {
+    return (o, f) => (r(), l("div", mt, [
+      u("div", {
+        class: k(["tf-toast-progress-bar", `tf-toast-progress-bar--${t.type}`])
+      }, null, 2)
+    ]));
+  }
+}), h = (t, o) => {
+  const f = t.__vccOpts || t;
+  for (const [v, g] of o)
+    f[v] = g;
+  return f;
+}, ht = /* @__PURE__ */ h(vt, [["__scopeId", "data-v-ca0da064"]]), gt = {}, yt = {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 24 24",
+  fill: "currentColor"
+};
+function pt(t, o) {
+  return r(), l("svg", yt, [...o[0] || (o[0] = [
+    u("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",
+      "clip-rule": "evenodd"
+    }, null, -1)
+  ])]);
+}
+const wt = /* @__PURE__ */ h(gt, [["render", pt]]), bt = {}, Ct = {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 24 24",
+  fill: "currentColor"
+};
+function At(t, o) {
+  return r(), l("svg", Ct, [...o[0] || (o[0] = [
+    u("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",
+      "clip-rule": "evenodd"
+    }, null, -1)
+  ])]);
+}
+const kt = /* @__PURE__ */ h(bt, [["render", At]]), xt = {}, $t = {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 24 24",
+  fill: "currentColor"
+};
+function Mt(t, o) {
+  return r(), l("svg", $t, [...o[0] || (o[0] = [
+    u("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",
+      "clip-rule": "evenodd"
+    }, null, -1)
+  ])]);
+}
+const Lt = /* @__PURE__ */ h(xt, [["render", Mt]]), Tt = {}, Kt = {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 24 24",
+  fill: "currentColor"
+};
+function St(t, o) {
+  return r(), l("svg", Kt, [...o[0] || (o[0] = [
+    u("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",
+      "clip-rule": "evenodd"
+    }, null, -1)
+  ])]);
+}
+const Ht = /* @__PURE__ */ h(Tt, [["render", St]]), Bt = {}, Zt = {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 24 24",
+  fill: "currentColor"
+};
+function Wt(t, o) {
+  return r(), l("svg", Zt, [...o[0] || (o[0] = [
+    u("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",
+      "clip-rule": "evenodd"
+    }, null, -1)
+  ])]);
+}
+const Et = /* @__PURE__ */ h(Bt, [["render", Wt]]), It = {}, Ft = {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 24 24",
+  fill: "currentColor"
+};
+function Ot(t, o) {
+  return r(), l("svg", Ft, [...o[0] || (o[0] = [
+    u("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",
+      "clip-rule": "evenodd"
+    }, null, -1)
+  ])]);
+}
+const Rt = /* @__PURE__ */ h(It, [["render", Ot]]), jt = {}, zt = {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 24 24",
+  fill: "currentColor"
+};
+function Dt(t, o) {
+  return r(), l("svg", zt, [...o[0] || (o[0] = [
+    u("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",
+      "clip-rule": "evenodd"
+    }, null, -1)
+  ])]);
+}
+const Pt = /* @__PURE__ */ h(jt, [["render", Dt]]), Vt = ["role", "aria-live"], Nt = ["aria-label"], Ut = { class: "tf-toast-surface" }, Xt = { class: "tf-toast-main" }, qt = { class: "tf-toast-body" }, Gt = { class: "tf-toast-text" }, Qt = ["aria-label"], Jt = ["aria-label", "innerHTML"], Yt = ["aria-label"], _t = ["aria-label", "innerHTML"], te = {
+  key: 0,
+  class: "tf-toast-created-at"
+}, ee = ["aria-label"], ne = /* @__PURE__ */ G({
+  __name: "Toast",
+  props: {
+    toast: {},
+    progressResetKey: {},
+    duplicateKey: {},
+    updateKey: {},
+    bumpAnimationClass: {},
+    clearAllAnimationClass: {},
+    updateAnimationClass: {}
+  },
+  emits: ["dismiss"],
+  setup(t, { emit: o }) {
+    const f = o, v = st(_, null);
+    if (!v)
+      throw new Error("[vue-toastflow] Plugin not installed");
+    const g = v, p = y(!1), w = y(!1), A = y(!1), b = {
+      success: {
+        accent: "tf-toast-accent--success",
+        icon: "tf-toast-icon--success",
+        close: "tf-toast-close--success",
+        component: wt
+      },
+      error: {
+        accent: "tf-toast-accent--error",
+        icon: "tf-toast-icon--error",
+        close: "tf-toast-close--error",
+        component: kt
+      },
+      warning: {
+        accent: "tf-toast-accent--warning",
+        icon: "tf-toast-icon--warning",
+        close: "tf-toast-close--warning",
+        component: Lt
+      },
+      info: {
+        accent: "tf-toast-accent--info",
+        icon: "tf-toast-icon--info",
+        close: "tf-toast-close--info",
+        component: Ht
+      },
+      default: {
+        accent: "tf-toast-accent--default",
+        icon: "tf-toast-icon--default",
+        close: "tf-toast-close--default",
+        component: Et
+      },
+      loading: {
+        accent: "tf-toast-accent--loading",
+        icon: "tf-toast-icon--loading",
+        close: "tf-toast-close--loading",
+        component: Rt
+      }
+    }, I = d(function() {
+      return j.has(t.toast.type) ? "alert" : "status";
+    }), F = d(function() {
+      return j.has(t.toast.type) ? "assertive" : "polite";
+    }), O = d(function() {
+      return b[t.toast.type].accent;
+    }), R = d(function() {
+      return b[t.toast.type].icon;
+    }), m = d(function() {
+      return b[t.toast.type].close;
+    }), S = d(function() {
+      return b[t.toast.type].component;
+    }), j = /* @__PURE__ */ new Set(["error", "warning"]), H = d(function() {
+      return {
+        "--tf-toast-progress-duration": `${t.toast.duration}ms`
+      };
+    }), z = function(i) {
+      return new Date(i).toLocaleTimeString([], {
+        hour: "2-digit",
+        minute: "2-digit"
+      });
+    }, B = d(function() {
+      return !!(t.toast.showCreatedAt && Number.isFinite(t.toast.createdAt));
+    }), x = d(function() {
+      if (!B.value)
+        return "";
+      const i = typeof t.toast.createdAtFormatter == "function" ? t.toast.createdAtFormatter : z;
+      try {
+        return i(t.toast.createdAt);
+      } catch {
+        return z(t.toast.createdAt);
+      }
+    }), $ = d(function() {
+      return x.value ? `Sent at ${x.value}` : "";
+    }), M = d(function() {
+      return e(t.toast.title);
+    }), L = d(function() {
+      return e(t.toast.description);
+    }), C = d(function() {
+      const i = [];
+      return M.value && i.push(M.value), L.value && i.push(L.value), B.value && $.value && i.push($.value), i.length || i.push(`${t.toast.type} notification`), i.join(". ");
+    });
+    function e(i) {
+      return i ? s(i) : "";
+    }
+    function s(i) {
+      const T = n(i.replace(/<[^>]*>/g, " "));
+      if (typeof window > "u" || !window.document)
+        return T;
+      try {
+        const N = window.document.createElement("div");
+        return N.innerHTML = i, n(N.textContent ?? "");
+      } catch {
+        return T;
+      }
+    }
+    function n(i) {
+      return i.replace(/\s+/g, " ").trim();
+    }
+    function a() {
+      return {
+        id: t.toast.id,
+        position: t.toast.position,
+        type: t.toast.type,
+        title: t.toast.title,
+        description: t.toast.description,
+        createdAt: t.toast.createdAt
+      };
+    }
+    function D(i) {
+      const T = a();
+      t.toast.onClick && t.toast.onClick(T, i), t.toast.closeOnClick && f("dismiss", t.toast.id);
+    }
+    function P() {
+      f("dismiss", t.toast.id);
+    }
+    function tt() {
+      t.toast.pauseOnHover && (p.value = !0, g.pause(t.toast.id));
+    }
+    function et() {
+      t.toast.pauseOnHover && (p.value = !1, g.resume(t.toast.id));
+    }
+    const V = y(0);
+    E(
+      () => t.progressResetKey,
+      function() {
+        t.progressResetKey != null && (V.value += 1);
+      }
+    ), E(
+      () => t.duplicateKey,
+      function() {
+        t.duplicateKey != null && (V.value += 1, nt());
+      }
+    ), E(
+      () => t.updateKey,
+      function() {
+        t.updateKey != null && ot();
+      }
+    );
+    function nt() {
+      w.value = !1, requestAnimationFrame(function() {
+        w.value = !0;
+      });
+    }
+    function ot() {
+      A.value = !1, requestAnimationFrame(function() {
+        A.value = !0;
+      });
+    }
+    return (i, T) => (r(), l("div", {
+      role: I.value,
+      "aria-live": F.value,
+      class: "tf-toast-wrapper"
+    }, [
+      u("div", {
+        class: k(["tf-toast", [
+          O.value,
+          w.value && t.toast.phase !== "leaving" && t.toast.phase !== "clear-all" && t.bumpAnimationClass,
+          A.value && t.toast.phase !== "leaving" && t.toast.phase !== "clear-all" && t.updateAnimationClass,
+          t.toast.phase === "clear-all" && t.clearAllAnimationClass,
+          p.value && "tf-toast--paused"
+        ]]),
+        "aria-label": C.value || void 0,
+        onClick: D,
+        onMouseenter: tt,
+        onMouseleave: et
+      }, [
+        u("div", Ut, [
+          u("div", Xt, [
+            u("div", {
+              class: k(["tf-toast-icon", R.value]),
+              "aria-hidden": "true"
+            }, [
+              K(i.$slots, "icon", { toast: t.toast }, () => [
+                (r(), X(it(S.value), {
+                  class: k(["tf-toast-icon-svg", [t.toast.type === "loading" && "tf-toast-icon-spin"]]),
+                  "aria-hidden": "true"
+                }, null, 8, ["class"]))
+              ], !0)
+            ], 2),
+            u("div", qt, [
+              u("div", Gt, [
+                t.toast.title && !t.toast.supportHtml ? (r(), l("p", {
+                  key: 0,
+                  "aria-label": M.value || void 0,
+                  class: "tf-toast-title"
+                }, U(t.toast.title), 9, Qt)) : t.toast.title && t.toast.supportHtml ? (r(), l("p", {
+                  key: 1,
+                  class: "tf-toast-title",
+                  "aria-label": M.value || void 0,
+                  innerHTML: t.toast.title
+                }, null, 8, Jt)) : Z("", !0),
+                t.toast.description && !t.toast.supportHtml ? (r(), l("p", {
+                  key: 2,
+                  "aria-label": L.value || void 0,
+                  class: "tf-toast-description"
+                }, U(t.toast.description), 9, Yt)) : t.toast.description && t.toast.supportHtml ? (r(), l("p", {
+                  key: 3,
+                  class: "tf-toast-description",
+                  "aria-label": L.value || void 0,
+                  innerHTML: t.toast.description
+                }, null, 8, _t)) : Z("", !0)
+              ]),
+              K(i.$slots, "default", { toast: t.toast }, void 0, !0),
+              B.value ? (r(), l("div", te, [
+                K(i.$slots, "created-at", {
+                  toast: t.toast,
+                  formatted: x.value
+                }, () => [
+                  u("span", {
+                    "aria-label": $.value || void 0
+                  }, U(x.value), 9, ee)
+                ], !0)
+              ])) : Z("", !0)
+            ])
+          ]),
+          t.toast.progressBar ? (r(), l("div", {
+            key: 0,
+            class: "tf-toast-progress-wrapper",
+            style: W(H.value)
+          }, [
+            K(i.$slots, "progress", { toast: t.toast }, () => [
+              (r(), X(ht, {
+                key: V.value,
+                type: t.toast.type
+              }, null, 8, ["type"]))
+            ], !0)
+          ], 4)) : Z("", !0)
+        ]),
+        t.toast.closeButton ? (r(), l("button", {
+          key: 0,
+          type: "button",
+          class: k(["tf-toast-close", m.value]),
+          "aria-label": "Close notification",
+          onClick: rt(P, ["stop"])
+        }, [
+          K(i.$slots, "close-icon", { toast: t.toast }, () => [
+            Y(Pt, {
+              class: "tf-toast-close-icon",
+              "aria-hidden": "true"
+            })
+          ], !0)
+        ], 2)) : Z("", !0)
+      ], 42, Nt)
+    ], 8, Vt));
+  }
+}), oe = /* @__PURE__ */ h(ne, [["__scopeId", "data-v-edee5727"]]), ae = ["data-position"], se = /* @__PURE__ */ G({
+  __name: "ToastContainer",
+  setup(t) {
+    const o = [
+      "top-left",
+      "top-center",
+      "top-right",
+      "bottom-left",
+      "bottom-center",
+      "bottom-right"
+    ], f = c(), v = y([]), g = y({}), p = y({}), w = y({});
+    let A = null, b = null;
+    lt(function() {
+      A = f.subscribe(function(e) {
+        v.value = e.toasts;
+      }), b = f.subscribeEvents(function(e) {
+        e.kind === "timer-reset" && (g.value[e.id] = Math.random()), e.kind === "duplicate" && (p.value[e.id] = Math.random()), e.kind === "update" && (w.value[e.id] = Math.random());
+      });
+    }), ct(function() {
+      A && A(), b && b();
+    });
+    function I(e) {
+      return g.value[e] ?? 0;
+    }
+    function F(e) {
+      return p.value[e] ?? 0;
+    }
+    function O(e) {
+      return w.value[e] ?? 0;
+    }
+    const R = d(function() {
+      const e = {
+        "top-left": [],
+        "top-center": [],
+        "top-right": [],
+        "bottom-left": [],
+        "bottom-center": [],
+        "bottom-right": []
+      };
+      for (const s of v.value)
+        e[s.position].push(s);
+      return e;
+    }), m = f.getConfig(), S = y({
+      "top-left": { ...m, position: "top-left" },
+      "top-center": { ...m, position: "top-center" },
+      "top-right": { ...m, position: "top-right" },
+      "bottom-left": { ...m, position: "bottom-left" },
+      "bottom-center": { ...m, position: "bottom-center" },
+      "bottom-right": { ...m, position: "bottom-right" }
+    }), j = d(function() {
+      return v.value.length ? Math.max(...v.value.map((e) => e.zIndex)) : m.zIndex;
+    });
+    function H(e) {
+      return S.value[e] ?? { ...m, position: e };
+    }
+    function z(e) {
+      const { offset: s, width: n } = H(e), a = { width: n, maxWidth: "100%" };
+      return e.startsWith("top-") && (a.top = s), e.startsWith("bottom-") && (a.bottom = s), e.endsWith("left") ? a.left = s : e.endsWith("right") ? a.right = s : e.endsWith("center") && (a.left = "50%", a.transform = "translateX(-50%)"), a;
+    }
+    function B(e) {
+      return e.endsWith("left") ? "tf-toast-stack--left" : e.endsWith("center") ? "tf-toast-stack--center" : "tf-toast-stack--right";
+    }
+    function x(e) {
+      return e.startsWith("bottom-") ? "tf-toast-stack-inner--bottom" : null;
+    }
+    function $(e) {
+      f.dismiss(e);
+    }
+    function M(e) {
+      const s = e, n = s.parentElement;
+      if (!n || n.children.length <= 1)
+        return;
+      const a = s.offsetTop, D = n.clientHeight, P = n.clientWidth;
+      n.style.minHeight = `${D}px`, s.style.position = "absolute", s.style.width = `${P}px`, s.style.left = "0", s.style.right = "0", s.style.top = `${a}px`;
+    }
+    function L(e) {
+      const s = e, n = s.parentElement;
+      n && (n.style.minHeight = ""), s.style.position = "", s.style.width = "", s.style.left = "", s.style.right = "", s.style.top = "";
+    }
+    E(
+      v,
+      function(e) {
+        const s = new Set(
+          e.map(function(n) {
+            return n.id;
+          })
+        );
+        for (const n of Object.keys(g.value))
+          s.has(n) || delete g.value[n];
+        for (const n of Object.keys(p.value))
+          s.has(n) || delete p.value[n];
+        for (const n of Object.keys(w.value))
+          s.has(n) || delete w.value[n];
+      },
+      { deep: !1 }
+    );
+    function C(e) {
+      return {
+        ...m.animation,
+        ...e.animation
+      };
+    }
+    return E(
+      R,
+      function(e) {
+        const s = { ...S.value };
+        Object.keys(e).forEach(function(n) {
+          const a = e[n][0];
+          a && (s[n] = {
+            ...m,
+            ...a,
+            position: n,
+            animation: {
+              ...m.animation,
+              ...a.animation
+            }
+          });
+        }), S.value = s;
+      },
+      { deep: !1 }
+    ), (e, s) => (r(), l("div", {
+      class: "tf-toast-root",
+      style: W({ zIndex: j.value })
+    }, [
+      (r(), l(Q, null, J(o, (n) => u("div", {
+        key: n,
+        class: k(["tf-toast-stack", B(n)]),
+        style: W(z(n))
+      }, [
+        Y(ut, {
+          name: H(n).animation.name,
+          onBeforeLeave: M,
+          onAfterLeave: L,
+          tag: "div",
+          class: k(["tf-toast-stack-inner", x(n)]),
+          style: W({ gap: H(n).gap })
+        }, {
+          default: dt(() => [
+            (r(!0), l(Q, null, J(R.value[n], (a) => (r(), l("div", {
+              key: a.id,
+              class: "tf-toast-item",
+              style: W({ width: a.width, maxWidth: "100%" }),
+              "data-position": a.position
+            }, [
+              e.$slots.default ? K(e.$slots, "default", {
+                key: 0,
+                toast: a,
+                progressResetKey: I(a.id),
+                duplicateKey: F(a.id),
+                updateKey: O(a.id),
+                bumpAnimationClass: C(a).bump,
+                clearAllAnimationClass: C(a).clearAll,
+                updateAnimationClass: C(a).update,
+                dismiss: $
+              }, void 0, !0) : (r(), X(oe, {
+                key: 1,
+                toast: a,
+                progressResetKey: I(a.id),
+                duplicateKey: F(a.id),
+                updateKey: O(a.id),
+                bumpAnimationClass: C(a).bump,
+                clearAllAnimationClass: C(a).clearAll,
+                updateAnimationClass: C(a).update,
+                onDismiss: $
+              }, null, 8, ["toast", "progressResetKey", "duplicateKey", "updateKey", "bumpAnimationClass", "clearAllAnimationClass", "updateAnimationClass"]))
+            ], 12, ae))), 128))
+          ]),
+          _: 2
+        }, 1032, ["name", "class", "style"])
+      ], 6)), 64))
+    ], 4));
+  }
+}), ue = /* @__PURE__ */ h(se, [["__scopeId", "data-v-b00384d2"]]);
+export {
+  Rt as ArrowPath,
+  Lt as Bell,
+  wt as CheckCircle,
+  Ht as InfoCircle,
+  Et as QuestionMarkCircle,
+  oe as Toast,
+  ue as ToastContainer,
+  ht as ToastProgress,
+  kt as XCircle,
+  Pt as XMark,
+  ce as createToastflow,
+  c as getToastStore,
+  ft as setToastStore,
+  le as toast
+};

package/dist/toastflow.umd.js

@@ -0,0 +1 @@
+(function(i,w){typeof exports=="object"&&typeof module<"u"?w(exports,require("toastflow-core"),require("vue")):typeof define=="function"&&define.amd?define(["exports","toastflow-core","vue"],w):(i=typeof globalThis<"u"?globalThis:i||self,w(i.Toastflow={},i.toastflowCore,i.Vue))})(this,(function(i,w,t){"use strict";const j=Symbol("toast-store");let H=null;function I(e){H=e}function c(){if(!H)throw new Error("[vue-toastflow] Toast store not initialized. Did you install the plugin?");return H}const J={getState(){return c().getState()},subscribeEvents(e){return c().subscribeEvents(e)},show(e){return c().show(e)},loading(e,a){return c().loading(e,a)},update(e,a){return c().update(e,a)},dismiss(e){return c().dismiss(e)},dismissAll(){return c().dismissAll()},pause(e){return c().pause(e)},resume(e){return c().resume(e)},getConfig(){return c().getConfig()},toast(e){return c().show({...e,type:"default"})},success(e){return c().show({...e,type:"success"})},error(e){return c().show({...e,type:"error"})},info(e){return c().show({...e,type:"info"})},warning(e){return c().show({...e,type:"warning"})}};function Y(e={}){const a=w.createToastStore(e);return I(a),{install(d){d.provide(j,a)}}}const _={class:"tf-toast-progress"},tt=t.defineComponent({__name:"ToastProgress",props:{type:{}},setup(e){return(a,d)=>(t.openBlock(),t.createElementBlock("div",_,[t.createElementVNode("div",{class:t.normalizeClass(["tf-toast-progress-bar",`tf-toast-progress-bar--${e.type}`])},null,2)]))}}),u=(e,a)=>{const d=e.__vccOpts||e;for(const[m,h]of a)d[m]=h;return d},P=u(tt,[["__scopeId","data-v-ca0da064"]]),et={},nt={xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor"};function ot(e,a){return t.openBlock(),t.createElementBlock("svg",nt,[...a[0]||(a[0]=[t.createElementVNode("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","clip-rule":"evenodd"},null,-1)])])}const D=u(et,[["render",ot]]),at={},st={xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor"};function lt(e,a){return t.openBlock(),t.createElementBlock("svg",st,[...a[0]||(a[0]=[t.createElementVNode("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","clip-rule":"evenodd"},null,-1)])])}const F=u(at,[["render",lt]]),rt={},it={xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor"};function ct(e,a){return t.openBlock(),t.createElementBlock("svg",it,[...a[0]||(a[0]=[t.createElementVNode("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","clip-rule":"evenodd"},null,-1)])])}const R=u(rt,[["render",ct]]),dt={},ft={xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor"};function ut(e,a){return t.openBlock(),t.createElementBlock("svg",ft,[...a[0]||(a[0]=[t.createElementVNode("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","clip-rule":"evenodd"},null,-1)])])}const X=u(dt,[["render",ut]]),mt={},ht={xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor"};function pt(e,a){return t.openBlock(),t.createElementBlock("svg",ht,[...a[0]||(a[0]=[t.createElementVNode("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","clip-rule":"evenodd"},null,-1)])])}const q=u(mt,[["render",pt]]),gt={},yt={xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor"};function kt(e,a){return t.openBlock(),t.createElementBlock("svg",yt,[...a[0]||(a[0]=[t.createElementVNode("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","clip-rule":"evenodd"},null,-1)])])}const U=u(gt,[["render",kt]]),wt={},Ct={xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor"};function bt(e,a){return t.openBlock(),t.createElementBlock("svg",Ct,[...a[0]||(a[0]=[t.createElementVNode("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","clip-rule":"evenodd"},null,-1)])])}const Q=u(wt,[["render",bt]]),Bt=["role","aria-live"],At=["aria-label"],Et={class:"tf-toast-surface"},$t={class:"tf-toast-main"},St={class:"tf-toast-body"},Tt={class:"tf-toast-text"},Mt=["aria-label"],Lt=["aria-label","innerHTML"],Vt=["aria-label"],xt=["aria-label","innerHTML"],Nt={key:0,class:"tf-toast-created-at"},Kt=["aria-label"],G=u(t.defineComponent({__name:"Toast",props:{toast:{},progressResetKey:{},duplicateKey:{},updateKey:{},bumpAnimationClass:{},clearAllAnimationClass:{},updateAnimationClass:{}},emits:["dismiss"],setup(e,{emit:a}){const d=a,m=t.inject(j,null);if(!m)throw new Error("[vue-toastflow] Plugin not installed");const h=m,p=t.ref(!1),g=t.ref(!1),C=t.ref(!1),y={success:{accent:"tf-toast-accent--success",icon:"tf-toast-icon--success",close:"tf-toast-close--success",component:D},error:{accent:"tf-toast-accent--error",icon:"tf-toast-icon--error",close:"tf-toast-close--error",component:F},warning:{accent:"tf-toast-accent--warning",icon:"tf-toast-icon--warning",close:"tf-toast-close--warning",component:R},info:{accent:"tf-toast-accent--info",icon:"tf-toast-icon--info",close:"tf-toast-close--info",component:X},default:{accent:"tf-toast-accent--default",icon:"tf-toast-icon--default",close:"tf-toast-close--default",component:q},loading:{accent:"tf-toast-accent--loading",icon:"tf-toast-icon--loading",close:"tf-toast-close--loading",component:U}},L=t.computed(function(){return K.has(e.toast.type)?"alert":"status"}),V=t.computed(function(){return K.has(e.toast.type)?"assertive":"polite"}),x=t.computed(function(){return y[e.toast.type].accent}),N=t.computed(function(){return y[e.toast.type].icon}),f=t.computed(function(){return y[e.toast.type].close}),S=t.computed(function(){return y[e.toast.type].component}),K=new Set(["error","warning"]),T=t.computed(function(){return{"--tf-toast-progress-duration":`${e.toast.duration}ms`}}),v=function(r){return new Date(r).toLocaleTimeString([],{hour:"2-digit",minute:"2-digit"})},M=t.computed(function(){return!!(e.toast.showCreatedAt&&Number.isFinite(e.toast.createdAt))}),b=t.computed(function(){if(!M.value)return"";const r=typeof e.toast.createdAtFormatter=="function"?e.toast.createdAtFormatter:v;try{return r(e.toast.createdAt)}catch{return v(e.toast.createdAt)}}),B=t.computed(function(){return b.value?`Sent at ${b.value}`:""}),A=t.computed(function(){return n(e.toast.title)}),E=t.computed(function(){return n(e.toast.description)}),k=t.computed(function(){const r=[];return A.value&&r.push(A.value),E.value&&r.push(E.value),M.value&&B.value&&r.push(B.value),r.length||r.push(`${e.toast.type} notification`),r.join(". ")});function n(r){return r?l(r):""}function l(r){const $=o(r.replace(/<[^>]*>/g," "));if(typeof window>"u"||!window.document)return $;try{const O=window.document.createElement("div");return O.innerHTML=r,o(O.textContent??"")}catch{return $}}function o(r){return r.replace(/\s+/g," ").trim()}function s(){return{id:e.toast.id,position:e.toast.position,type:e.toast.type,title:e.toast.title,description:e.toast.description,createdAt:e.toast.createdAt}}function z(r){const $=s();e.toast.onClick&&e.toast.onClick($,r),e.toast.closeOnClick&&d("dismiss",e.toast.id)}function Z(){d("dismiss",e.toast.id)}function zt(){e.toast.pauseOnHover&&(p.value=!0,h.pause(e.toast.id))}function Zt(){e.toast.pauseOnHover&&(p.value=!1,h.resume(e.toast.id))}const W=t.ref(0);t.watch(()=>e.progressResetKey,function(){e.progressResetKey!=null&&(W.value+=1)}),t.watch(()=>e.duplicateKey,function(){e.duplicateKey!=null&&(W.value+=1,Wt())}),t.watch(()=>e.updateKey,function(){e.updateKey!=null&&Ot()});function Wt(){g.value=!1,requestAnimationFrame(function(){g.value=!0})}function Ot(){C.value=!1,requestAnimationFrame(function(){C.value=!0})}return(r,$)=>(t.openBlock(),t.createElementBlock("div",{role:L.value,"aria-live":V.value,class:"tf-toast-wrapper"},[t.createElementVNode("div",{class:t.normalizeClass(["tf-toast",[x.value,g.value&&e.toast.phase!=="leaving"&&e.toast.phase!=="clear-all"&&e.bumpAnimationClass,C.value&&e.toast.phase!=="leaving"&&e.toast.phase!=="clear-all"&&e.updateAnimationClass,e.toast.phase==="clear-all"&&e.clearAllAnimationClass,p.value&&"tf-toast--paused"]]),"aria-label":k.value||void 0,onClick:z,onMouseenter:zt,onMouseleave:Zt},[t.createElementVNode("div",Et,[t.createElementVNode("div",$t,[t.createElementVNode("div",{class:t.normalizeClass(["tf-toast-icon",N.value]),"aria-hidden":"true"},[t.renderSlot(r.$slots,"icon",{toast:e.toast},()=>[(t.openBlock(),t.createBlock(t.resolveDynamicComponent(S.value),{class:t.normalizeClass(["tf-toast-icon-svg",[e.toast.type==="loading"&&"tf-toast-icon-spin"]]),"aria-hidden":"true"},null,8,["class"]))],!0)],2),t.createElementVNode("div",St,[t.createElementVNode("div",Tt,[e.toast.title&&!e.toast.supportHtml?(t.openBlock(),t.createElementBlock("p",{key:0,"aria-label":A.value||void 0,class:"tf-toast-title"},t.toDisplayString(e.toast.title),9,Mt)):e.toast.title&&e.toast.supportHtml?(t.openBlock(),t.createElementBlock("p",{key:1,class:"tf-toast-title","aria-label":A.value||void 0,innerHTML:e.toast.title},null,8,Lt)):t.createCommentVNode("",!0),e.toast.description&&!e.toast.supportHtml?(t.openBlock(),t.createElementBlock("p",{key:2,"aria-label":E.value||void 0,class:"tf-toast-description"},t.toDisplayString(e.toast.description),9,Vt)):e.toast.description&&e.toast.supportHtml?(t.openBlock(),t.createElementBlock("p",{key:3,class:"tf-toast-description","aria-label":E.value||void 0,innerHTML:e.toast.description},null,8,xt)):t.createCommentVNode("",!0)]),t.renderSlot(r.$slots,"default",{toast:e.toast},void 0,!0),M.value?(t.openBlock(),t.createElementBlock("div",Nt,[t.renderSlot(r.$slots,"created-at",{toast:e.toast,formatted:b.value},()=>[t.createElementVNode("span",{"aria-label":B.value||void 0},t.toDisplayString(b.value),9,Kt)],!0)])):t.createCommentVNode("",!0)])]),e.toast.progressBar?(t.openBlock(),t.createElementBlock("div",{key:0,class:"tf-toast-progress-wrapper",style:t.normalizeStyle(T.value)},[t.renderSlot(r.$slots,"progress",{toast:e.toast},()=>[(t.openBlock(),t.createBlock(P,{key:W.value,type:e.toast.type},null,8,["type"]))],!0)],4)):t.createCommentVNode("",!0)]),e.toast.closeButton?(t.openBlock(),t.createElementBlock("button",{key:0,type:"button",class:t.normalizeClass(["tf-toast-close",f.value]),"aria-label":"Close notification",onClick:t.withModifiers(Z,["stop"])},[t.renderSlot(r.$slots,"close-icon",{toast:e.toast},()=>[t.createVNode(Q,{class:"tf-toast-close-icon","aria-hidden":"true"})],!0)],2)):t.createCommentVNode("",!0)],42,At)],8,Bt))}}),[["__scopeId","data-v-edee5727"]]),vt=["data-position"],Ht=u(t.defineComponent({__name:"ToastContainer",setup(e){const a=["top-left","top-center","top-right","bottom-left","bottom-center","bottom-right"],d=c(),m=t.ref([]),h=t.ref({}),p=t.ref({}),g=t.ref({});let C=null,y=null;t.onMounted(function(){C=d.subscribe(function(n){m.value=n.toasts}),y=d.subscribeEvents(function(n){n.kind==="timer-reset"&&(h.value[n.id]=Math.random()),n.kind==="duplicate"&&(p.value[n.id]=Math.random()),n.kind==="update"&&(g.value[n.id]=Math.random())})}),t.onUnmounted(function(){C&&C(),y&&y()});function L(n){return h.value[n]??0}function V(n){return p.value[n]??0}function x(n){return g.value[n]??0}const N=t.computed(function(){const n={"top-left":[],"top-center":[],"top-right":[],"bottom-left":[],"bottom-center":[],"bottom-right":[]};for(const l of m.value)n[l.position].push(l);return n}),f=d.getConfig(),S=t.ref({"top-left":{...f,position:"top-left"},"top-center":{...f,position:"top-center"},"top-right":{...f,position:"top-right"},"bottom-left":{...f,position:"bottom-left"},"bottom-center":{...f,position:"bottom-center"},"bottom-right":{...f,position:"bottom-right"}}),K=t.computed(function(){return m.value.length?Math.max(...m.value.map(n=>n.zIndex)):f.zIndex});function T(n){return S.value[n]??{...f,position:n}}function v(n){const{offset:l,width:o}=T(n),s={width:o,maxWidth:"100%"};return n.startsWith("top-")&&(s.top=l),n.startsWith("bottom-")&&(s.bottom=l),n.endsWith("left")?s.left=l:n.endsWith("right")?s.right=l:n.endsWith("center")&&(s.left="50%",s.transform="translateX(-50%)"),s}function M(n){return n.endsWith("left")?"tf-toast-stack--left":n.endsWith("center")?"tf-toast-stack--center":"tf-toast-stack--right"}function b(n){return n.startsWith("bottom-")?"tf-toast-stack-inner--bottom":null}function B(n){d.dismiss(n)}function A(n){const l=n,o=l.parentElement;if(!o||o.children.length<=1)return;const s=l.offsetTop,z=o.clientHeight,Z=o.clientWidth;o.style.minHeight=`${z}px`,l.style.position="absolute",l.style.width=`${Z}px`,l.style.left="0",l.style.right="0",l.style.top=`${s}px`}function E(n){const l=n,o=l.parentElement;o&&(o.style.minHeight=""),l.style.position="",l.style.width="",l.style.left="",l.style.right="",l.style.top=""}t.watch(m,function(n){const l=new Set(n.map(function(o){return o.id}));for(const o of Object.keys(h.value))l.has(o)||delete h.value[o];for(const o of Object.keys(p.value))l.has(o)||delete p.value[o];for(const o of Object.keys(g.value))l.has(o)||delete g.value[o]},{deep:!1});function k(n){return{...f.animation,...n.animation}}return t.watch(N,function(n){const l={...S.value};Object.keys(n).forEach(function(o){const s=n[o][0];s&&(l[o]={...f,...s,position:o,animation:{...f.animation,...s.animation}})}),S.value=l},{deep:!1}),(n,l)=>(t.openBlock(),t.createElementBlock("div",{class:"tf-toast-root",style:t.normalizeStyle({zIndex:K.value})},[(t.openBlock(),t.createElementBlock(t.Fragment,null,t.renderList(a,o=>t.createElementVNode("div",{key:o,class:t.normalizeClass(["tf-toast-stack",M(o)]),style:t.normalizeStyle(v(o))},[t.createVNode(t.TransitionGroup,{name:T(o).animation.name,onBeforeLeave:A,onAfterLeave:E,tag:"div",class:t.normalizeClass(["tf-toast-stack-inner",b(o)]),style:t.normalizeStyle({gap:T(o).gap})},{default:t.withCtx(()=>[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(N.value[o],s=>(t.openBlock(),t.createElementBlock("div",{key:s.id,class:"tf-toast-item",style:t.normalizeStyle({width:s.width,maxWidth:"100%"}),"data-position":s.position},[n.$slots.default?t.renderSlot(n.$slots,"default",{key:0,toast:s,progressResetKey:L(s.id),duplicateKey:V(s.id),updateKey:x(s.id),bumpAnimationClass:k(s).bump,clearAllAnimationClass:k(s).clearAll,updateAnimationClass:k(s).update,dismiss:B},void 0,!0):(t.openBlock(),t.createBlock(G,{key:1,toast:s,progressResetKey:L(s.id),duplicateKey:V(s.id),updateKey:x(s.id),bumpAnimationClass:k(s).bump,clearAllAnimationClass:k(s).clearAll,updateAnimationClass:k(s).update,onDismiss:B},null,8,["toast","progressResetKey","duplicateKey","updateKey","bumpAnimationClass","clearAllAnimationClass","updateAnimationClass"]))],12,vt))),128))]),_:2},1032,["name","class","style"])],6)),64))],4))}}),[["__scopeId","data-v-b00384d2"]]);i.ArrowPath=U,i.Bell=R,i.CheckCircle=D,i.InfoCircle=X,i.QuestionMarkCircle=q,i.Toast=G,i.ToastContainer=Ht,i.ToastProgress=P,i.XCircle=F,i.XMark=Q,i.createToastflow=Y,i.getToastStore=c,i.setToastStore=I,i.toast=J,Object.keys(w).forEach(e=>{e!=="default"&&!Object.prototype.hasOwnProperty.call(i,e)&&Object.defineProperty(i,e,{enumerable:!0,get:()=>w[e]})}),Object.defineProperty(i,Symbol.toStringTag,{value:"Module"})}));