vue-toast-kit 1.0.0

package/dist/vue-toast-kit.js

@@ -0,0 +1,1000 @@
+var nt = Object.defineProperty;
+var at = (i, t, e) => t in i ? nt(i, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[t] = e;
+var u = (i, t, e) => at(i, typeof t != "symbol" ? t + "" : t, e);
+import { shallowReactive as _, reactive as rt, ref as C, inject as lt, computed as g, defineComponent as D, openBlock as d, createElementBlock as f, normalizeClass as Q, createBlock as S, resolveDynamicComponent as V, toDisplayString as O, Fragment as P, createElementVNode as w, createCommentVNode as L, normalizeStyle as W, onMounted as U, onUnmounted as ut, mergeProps as E, renderSlot as b, withCtx as A, createTextVNode as dt, watch as ct, Teleport as ht, renderList as tt, createVNode as ft, TransitionGroup as mt, createSlots as gt } from "vue";
+const x = {
+  critical: 3,
+  high: 2,
+  normal: 1,
+  low: 0
+}, pt = {
+  type: "info",
+  priority: "normal",
+  duration: 4e3,
+  closable: !0,
+  pauseOnHover: !0,
+  pauseOnFocusLoss: !0,
+  swipeToDismiss: !0,
+  persist: !1
+}, st = Symbol("vue-toast-kit-context");
+class vt {
+  constructor(t, e, s) {
+    u(this, "groups", /* @__PURE__ */ new Map());
+    u(this, "expandedGroups", /* @__PURE__ */ new Set());
+    u(this, "getItems");
+    u(this, "hideItem");
+    u(this, "showItem");
+    this.getItems = t, this.hideItem = e, this.showItem = s;
+  }
+  add(t, e) {
+    if (!this.groups.has(e)) {
+      this.groups.set(e, [t]);
+      return;
+    }
+    const s = this.groups.get(e);
+    s.push(t);
+    const [o] = s, n = this.getItems([o])[0];
+    n && (n.groupCount.value = s.length), this.expandedGroups.has(e) || this.hideItem(t);
+  }
+  remove(t, e) {
+    const s = this.groups.get(e);
+    if (!s) return;
+    const o = s.indexOf(t);
+    if (o === -1) return;
+    if (s.splice(o, 1), s.length === 0) {
+      this.groups.delete(e), this.expandedGroups.delete(e);
+      return;
+    }
+    const [n] = s, a = this.getItems([n])[0];
+    if (a && (a.groupCount.value = s.length), o === 0 && s.length > 0 && (this.showItem(s[0]), !this.expandedGroups.has(e)))
+      for (let r = 1; r < s.length; r++)
+        this.hideItem(s[r]);
+  }
+  toggleExpand(t) {
+    const e = this.groups.get(t);
+    if (e)
+      if (this.expandedGroups.has(t)) {
+        this.expandedGroups.delete(t);
+        for (let s = 1; s < e.length; s++)
+          this.hideItem(e[s]);
+      } else {
+        this.expandedGroups.add(t);
+        for (const s of e)
+          this.showItem(s);
+      }
+  }
+  isExpanded(t) {
+    return this.expandedGroups.has(t);
+  }
+  getGroupIds(t) {
+    return this.groups.get(t) ?? [];
+  }
+  hasGroup(t) {
+    return this.groups.has(t);
+  }
+  clear() {
+    this.groups.clear(), this.expandedGroups.clear();
+  }
+}
+const H = class H {
+  constructor(t, e, s) {
+    u(this, "timerId", null);
+    u(this, "tickId", null);
+    u(this, "elapsed", 0);
+    u(this, "startTime", 0);
+    u(this, "_remaining", 1);
+    u(this, "_isPaused", !1);
+    u(this, "duration");
+    u(this, "onExpire");
+    u(this, "onTick");
+    this.duration = t, this.onExpire = e, this.onTick = s;
+  }
+  get remaining() {
+    return this._remaining;
+  }
+  get isPaused() {
+    return this._isPaused;
+  }
+  start() {
+    this.elapsed = 0, this._remaining = 1, this.startTime = Date.now(), this.scheduleExpiry(this.duration), this.onTick && this.startTick();
+  }
+  pause() {
+    this._isPaused || (this._isPaused = !0, this.elapsed += Date.now() - this.startTime, this.clearExpiry(), this.clearTick());
+  }
+  resume() {
+    if (!this._isPaused) return;
+    this._isPaused = !1;
+    const t = this.duration - this.elapsed;
+    this.startTime = Date.now(), this.scheduleExpiry(t), this.onTick && this.startTick();
+  }
+  destroy() {
+    this.clearExpiry(), this.clearTick();
+  }
+  scheduleExpiry(t) {
+    this.timerId = setTimeout(() => {
+      var e;
+      this.clearTick(), this._remaining = 0, (e = this.onTick) == null || e.call(this, 0), this.timerId = null, this.onExpire();
+    }, t);
+  }
+  clearExpiry() {
+    this.timerId !== null && (clearTimeout(this.timerId), this.timerId = null);
+  }
+  startTick() {
+    this.tickId = setInterval(() => {
+      var e;
+      const t = this.elapsed + (Date.now() - this.startTime);
+      this._remaining = Math.max(0, 1 - t / this.duration), (e = this.onTick) == null || e.call(this, this._remaining);
+    }, H.TICK_INTERVAL);
+  }
+  clearTick() {
+    this.tickId !== null && (clearInterval(this.tickId), this.tickId = null);
+  }
+};
+u(H, "TICK_INTERVAL", 50);
+let N = H, yt = 0;
+function kt() {
+  return `vtk-${Date.now()}-${++yt}`;
+}
+const $ = "vtk-persist";
+class it {
+  constructor(t = 5, e = {}) {
+    u(this, "active", _([]));
+    u(this, "pending", _([]));
+    u(this, "maxVisible");
+    u(this, "hiddenItems", rt(/* @__PURE__ */ new Set()));
+    u(this, "timers", /* @__PURE__ */ new Map());
+    u(this, "groupManager");
+    u(this, "rateLimit");
+    u(this, "rateLimitWindowMs");
+    u(this, "recentAddTimes", []);
+    u(this, "persistStorage");
+    u(this, "addListeners", /* @__PURE__ */ new Set());
+    u(this, "dismissListeners", /* @__PURE__ */ new Set());
+    u(this, "updateListeners", /* @__PURE__ */ new Set());
+    this.maxVisible = t, this.rateLimit = e.rateLimit ?? 0, this.rateLimitWindowMs = e.rateLimitWindowMs ?? 1e3, this.persistStorage = e.persistStorage ?? !1, this.groupManager = new vt(
+      (s) => [...this.active, ...this.pending].filter((o) => s.includes(o.id)),
+      (s) => this.hiddenItems.add(s),
+      (s) => this.hiddenItems.delete(s)
+    ), this.persistStorage && this.restoreFromStorage();
+  }
+  /** Subscribe to toast add events. Returns an unsubscribe function. */
+  onAdd(t) {
+    return this.addListeners.add(t), () => this.addListeners.delete(t);
+  }
+  /** Subscribe to toast dismiss events. Returns an unsubscribe function. */
+  onDismiss(t) {
+    return this.dismissListeners.add(t), () => this.dismissListeners.delete(t);
+  }
+  /** Subscribe to toast update events. Returns an unsubscribe function. */
+  onUpdate(t) {
+    return this.updateListeners.add(t), () => this.updateListeners.delete(t);
+  }
+  emit(t, ...e) {
+    t.forEach((s) => s(...e));
+  }
+  isRateLimited() {
+    if (!this.rateLimit) return !1;
+    const t = Date.now();
+    return this.recentAddTimes = this.recentAddTimes.filter((e) => t - e < this.rateLimitWindowMs), this.recentAddTimes.length >= this.rateLimit ? !0 : (this.recentAddTimes.push(t), !1);
+  }
+  restoreFromStorage() {
+    if (!(typeof localStorage > "u"))
+      try {
+        const t = localStorage.getItem($);
+        if (!t) return;
+        const e = JSON.parse(t);
+        for (const s of e)
+          this.add(s.message, { ...s.options, id: s.id });
+      } catch {
+        localStorage.removeItem($);
+      }
+  }
+  saveToStorage(t) {
+    if (!(typeof localStorage > "u"))
+      try {
+        const e = localStorage.getItem($), s = e ? JSON.parse(e) : [];
+        s.find((o) => o.id === t.id) || (s.push({ id: t.id, message: t.message, options: t.options }), localStorage.setItem($, JSON.stringify(s)));
+      } catch {
+      }
+  }
+  removeFromStorage(t) {
+    if (!(typeof localStorage > "u"))
+      try {
+        const e = localStorage.getItem($);
+        if (!e) return;
+        const o = JSON.parse(e).filter((n) => n.id !== t);
+        o.length ? localStorage.setItem($, JSON.stringify(o)) : localStorage.removeItem($);
+      } catch {
+      }
+  }
+  get visibleActive() {
+    return this.active.filter((t) => !this.hiddenItems.has(t.id));
+  }
+  isHidden(t) {
+    return this.hiddenItems.has(t);
+  }
+  add(t, e = {}) {
+    if (this.isRateLimited()) return "";
+    const s = e.id ?? kt(), o = this.active.find((r) => r.id === s);
+    if (o)
+      return this.mergeOptions(o, e), s;
+    const n = this.createItem(s, t, e);
+    if (this.visibleActive.length < this.maxVisible)
+      return this.active.push(n), this.startTimer(n), e.groupKey && this.groupManager.add(s, e.groupKey), this.persistStorage && n.options.persist && this.saveToStorage(n), this.emit(this.addListeners, n), s;
+    const a = e.priority ?? "normal";
+    if (x[a] > x.normal) {
+      const r = this.findLowestPriorityIndex();
+      if (r !== -1) {
+        const p = this.active[r];
+        if (x[a] > x[p.options.priority])
+          return this.stopTimer(p.id), this.active.splice(r, 1), this.pending.unshift(p), this.active.push(n), this.startTimer(n), e.groupKey && this.groupManager.add(s, e.groupKey), this.persistStorage && n.options.persist && this.saveToStorage(n), this.emit(this.addListeners, n), s;
+      }
+    }
+    return this.pending.push(n), this.sortPending(), e.groupKey && this.groupManager.add(s, e.groupKey), this.persistStorage && n.options.persist && this.saveToStorage(n), this.emit(this.addListeners, n), s;
+  }
+  remove(t) {
+    this.stopTimer(t);
+    const e = this.active.findIndex((o) => o.id === t);
+    if (e !== -1) {
+      const o = this.active[e];
+      if (this.active.splice(e, 1), this.hiddenItems.delete(t), o.options.groupKey && this.groupManager.remove(t, o.options.groupKey), this.persistStorage && this.removeFromStorage(t), this.pending.length > 0) {
+        const n = this.pending.shift();
+        this.active.push(n), this.startTimer(n);
+      }
+      return;
+    }
+    const s = this.pending.findIndex((o) => o.id === t);
+    if (s !== -1) {
+      const o = this.pending[s];
+      this.pending.splice(s, 1), this.hiddenItems.delete(t), o.options.groupKey && this.groupManager.remove(t, o.options.groupKey), this.persistStorage && this.removeFromStorage(t);
+    }
+  }
+  update(t, e) {
+    const s = [...this.active, ...this.pending].find((o) => o.id === t);
+    s && (this.mergeOptions(s, e), this.emit(this.updateListeners, t, e));
+  }
+  dismiss(t) {
+    var s, o;
+    if (t === void 0) {
+      [...this.active, ...this.pending].map((a) => a.id).forEach((a) => this.remove(a));
+      return;
+    }
+    const e = [...this.active, ...this.pending].find((n) => n.id === t);
+    e && ((o = (s = e.options).onClose) == null || o.call(s), this.remove(t), this.emit(this.dismissListeners, t));
+  }
+  dismissAll(t) {
+    [...this.active, ...this.pending].filter(
+      (s) => !t || s.options.position === t
+    ).forEach((s) => {
+      var o, n;
+      (n = (o = s.options).onClose) == null || n.call(o), this.remove(s.id), this.emit(this.dismissListeners, s.id);
+    });
+  }
+  isActive(t) {
+    return this.active.some((e) => e.id === t);
+  }
+  pauseAll() {
+    this.active.forEach((t) => t.pause());
+  }
+  resumeAll() {
+    this.active.forEach((t) => t.resume());
+  }
+  setMaxVisible(t) {
+    for (this.maxVisible = t; this.visibleActive.length < t && this.pending.length > 0; ) {
+      const e = this.pending.shift();
+      this.active.push(e), this.startTimer(e);
+    }
+  }
+  toggleGroupExpand(t) {
+    this.groupManager.toggleExpand(t);
+  }
+  isGroupExpanded(t) {
+    return this.groupManager.isExpanded(t);
+  }
+  destroy() {
+    this.timers.forEach((t) => t.destroy()), this.timers.clear(), this.groupManager.clear(), this.active.splice(0), this.pending.splice(0), this.hiddenItems.clear(), this.addListeners.clear(), this.dismissListeners.clear(), this.updateListeners.clear();
+  }
+  createItem(t, e, s) {
+    const o = C(1), n = C(!1), a = C(1), r = C(!1), p = {
+      ...pt,
+      ...s,
+      type: s.type ?? "info",
+      priority: s.priority ?? "normal",
+      duration: s.duration ?? 4e3,
+      closable: s.closable ?? !0,
+      pauseOnHover: s.pauseOnHover ?? !0,
+      pauseOnFocusLoss: s.pauseOnFocusLoss ?? !0,
+      swipeToDismiss: s.swipeToDismiss ?? !0,
+      persist: s.persist ?? !1
+    };
+    return {
+      id: t,
+      message: e,
+      options: p,
+      createdAt: Date.now(),
+      remaining: o,
+      isPaused: n,
+      groupCount: a,
+      isGrouped: r,
+      pause: () => {
+        var k;
+        n.value = !0, (k = this.timers.get(t)) == null || k.pause();
+      },
+      resume: () => {
+        var k;
+        n.value = !1, (k = this.timers.get(t)) == null || k.resume();
+      },
+      dismiss: () => this.dismiss(t),
+      update: (k) => this.update(t, k)
+    };
+  }
+  startTimer(t) {
+    var o;
+    const e = ((o = t.options.undo) == null ? void 0 : o.duration) ?? t.options.duration;
+    if (!e) return;
+    const s = new N(
+      e,
+      () => {
+        var n, a;
+        (a = (n = t.options).onAutoClose) == null || a.call(n), this.remove(t.id);
+      },
+      (n) => {
+        t.remaining.value = n;
+      }
+    );
+    this.timers.set(t.id, s), s.start();
+  }
+  stopTimer(t) {
+    var e;
+    (e = this.timers.get(t)) == null || e.destroy(), this.timers.delete(t);
+  }
+  mergeOptions(t, e) {
+    Object.assign(t.options, e), "message" in e && (t.message = e.message);
+  }
+  findLowestPriorityIndex() {
+    let t = -1, e = 999;
+    return this.active.forEach((s, o) => {
+      const n = x[s.options.priority];
+      n < e && (e = n, t = o);
+    }), t;
+  }
+  sortPending() {
+    this.pending.sort((t, e) => {
+      const s = x[t.options.priority], o = x[e.options.priority];
+      return o !== s ? o - s : t.createdAt - e.createdAt;
+    });
+  }
+}
+const Tt = typeof window > "u";
+class bt {
+  constructor() {
+    u(this, "buffer", []);
+    u(this, "flushed", !1);
+    u(this, "flushCallbacks", []);
+  }
+  push(t, e) {
+    this.flushed || this.buffer.push({ message: t, options: e });
+  }
+  onFlush(t) {
+    this.flushCallbacks.push(t);
+  }
+  flush() {
+    if (this.flushed) return;
+    this.flushed = !0;
+    const t = [...this.buffer];
+    this.buffer = [];
+    for (const e of this.flushCallbacks)
+      e(t);
+    this.flushCallbacks = [];
+  }
+  isFlushed() {
+    return this.flushed;
+  }
+  get size() {
+    return this.buffer.length;
+  }
+}
+const q = new bt();
+function ot(i) {
+  return {
+    queue: i,
+    addToast(t, e = {}) {
+      if (Tt) {
+        const s = e.id ?? `vtk-ssr-${Date.now()}`;
+        return q.push(t, { ...e, id: s }), s;
+      }
+      return i.add(t, e);
+    },
+    dismiss(t) {
+      i.dismiss(t);
+    },
+    update(t, e) {
+      i.update(t, e);
+    },
+    isActive(t) {
+      return i.isActive(t);
+    }
+  };
+}
+let J = null;
+function R(i) {
+  if (!J) {
+    const t = new it((i == null ? void 0 : i.maxVisible) ?? 5, {
+      rateLimit: i == null ? void 0 : i.rateLimit,
+      rateLimitWindowMs: i == null ? void 0 : i.rateLimitWindowMs,
+      persistStorage: i == null ? void 0 : i.persistStorage
+    });
+    J = ot(t);
+  }
+  return J;
+}
+function Yt(i) {
+  const t = new it((i == null ? void 0 : i.maxVisible) ?? 5, {
+    rateLimit: i == null ? void 0 : i.rateLimit,
+    rateLimitWindowMs: i == null ? void 0 : i.rateLimitWindowMs,
+    persistStorage: i == null ? void 0 : i.persistStorage
+  });
+  return ot(t);
+}
+function Z() {
+  const i = lt(st, null);
+  return i || R();
+}
+function wt(i, t) {
+  const e = R(t);
+  return i.provide(st, e), e;
+}
+function et(i, t, e) {
+  var a;
+  const s = i;
+  (a = s.timers.get(t)) == null || a.destroy(), s.timers.delete(t);
+  const o = i.active.find((r) => r.id === t);
+  if (!o || !e) return;
+  const n = new N(
+    e,
+    () => {
+      var r, p;
+      (p = (r = o.options).onAutoClose) == null || p.call(r), i.remove(t);
+    },
+    (r) => {
+      o.remaining.value = r;
+    }
+  );
+  s.timers.set(t, n), n.start();
+}
+function B(i) {
+  const t = i.queue;
+  function e(s, o) {
+    return i.addToast(s, { type: "info", ...o });
+  }
+  return e.success = (s, o) => i.addToast(s, { type: "success", ...o }), e.error = (s, o) => i.addToast(s, { type: "error", priority: "high", ...o }), e.warning = (s, o) => i.addToast(s, { type: "warning", ...o }), e.info = (s, o) => i.addToast(s, { type: "info", ...o }), e.loading = (s, o) => i.addToast(s, { type: "loading", duration: 0, closable: !1, ...o }), e.custom = (s, o) => i.addToast("", { type: "custom", component: s, duration: 0, ...o }), e.dismiss = (s) => i.dismiss(s), e.update = (s, o) => {
+    const n = t.active.find((a) => a.id === s);
+    n && o.message !== void 0 && (n.message = o.message), i.update(s, o);
+  }, e.updateMessage = (s, o) => {
+    const n = t.active.find((a) => a.id === s);
+    n && (n.message = o);
+  }, e.isActive = (s) => i.isActive(s), e.promise = async (s, o, n) => {
+    const a = e.loading(o.loading, n);
+    try {
+      const r = await s, p = typeof o.success == "function" ? o.success(r) : o.success, v = t.active.find((k) => k.id === a);
+      return v && (v.message = p, v.options.type = "success", v.options.closable = !0, v.options.duration = 3e3, et(t, a, 3e3)), r;
+    } catch (r) {
+      const p = typeof o.error == "function" ? o.error(r) : o.error, v = t.active.find((k) => k.id === a);
+      throw v && (v.message = p, v.options.type = "error", v.options.closable = !0, v.options.duration = 5e3, et(t, a, 5e3)), r;
+    }
+  }, e.undo = (s, o) => i.addToast(s, {
+    type: "info",
+    duration: o.undo.duration ?? 5e3,
+    closable: !1,
+    ...o
+  }), e.dismissAll = (s) => t.dismissAll(s), e.pauseAll = () => t.pauseAll(), e.resumeAll = () => t.resumeAll(), e;
+}
+function jt(i) {
+  if (i) return B(i);
+  try {
+    const t = Z();
+    return B(t);
+  } catch {
+    return B(R());
+  }
+}
+const Jt = B(R());
+function Ut(i) {
+  const t = i ?? Z(), e = t.queue, s = g(() => e.active.filter((r) => !e.isHidden(r.id))), o = g(() => [...e.pending]), n = g(() => s.value.length);
+  function a(r) {
+    return t.isActive(r);
+  }
+  return { active: s, pending: o, count: n, has: a };
+}
+const It = { key: 1 }, xt = {
+  key: 2,
+  class: "vtk-spinner"
+}, St = {
+  key: 0,
+  viewBox: "0 0 20 20",
+  fill: "currentColor"
+}, Lt = {
+  key: 1,
+  viewBox: "0 0 20 20",
+  fill: "currentColor"
+}, Ct = {
+  key: 2,
+  viewBox: "0 0 20 20",
+  fill: "currentColor"
+}, Mt = {
+  key: 3,
+  viewBox: "0 0 20 20",
+  fill: "currentColor"
+}, $t = /* @__PURE__ */ D({
+  __name: "ToastIcon",
+  props: {
+    type: {},
+    icon: { type: [String, Boolean] }
+  },
+  setup(i) {
+    const t = i, e = g(
+      () => t.icon && typeof t.icon == "object"
+    ), s = g(
+      () => t.icon && typeof t.icon == "string"
+    ), o = g(() => t.icon !== !1 && !t.icon);
+    return (n, a) => (d(), f("span", {
+      class: Q(["vtk-icon", `vtk-icon--${i.type}`]),
+      "aria-hidden": "true"
+    }, [
+      e.value ? (d(), S(V(i.icon), { key: 0 })) : s.value ? (d(), f("span", It, O(i.icon), 1)) : i.type === "loading" ? (d(), f("span", xt)) : o.value ? (d(), f(P, { key: 3 }, [
+        i.type === "success" ? (d(), f("svg", St, [...a[0] || (a[0] = [
+          w("path", {
+            "fill-rule": "evenodd",
+            d: "M10 18a8 8 0 100-16 8 8 0 000 16zm3.857-9.809a.75.75 0 00-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.137-.089l4-5.5z",
+            "clip-rule": "evenodd"
+          }, null, -1)
+        ])])) : i.type === "error" ? (d(), f("svg", Lt, [...a[1] || (a[1] = [
+          w("path", {
+            "fill-rule": "evenodd",
+            d: "M10 18a8 8 0 100-16 8 8 0 000 16zM8.28 7.22a.75.75 0 00-1.06 1.06L8.94 10l-1.72 1.72a.75.75 0 101.06 1.06L10 11.06l1.72 1.72a.75.75 0 101.06-1.06L11.06 10l1.72-1.72a.75.75 0 00-1.06-1.06L10 8.94 8.28 7.22z",
+            "clip-rule": "evenodd"
+          }, null, -1)
+        ])])) : i.type === "warning" ? (d(), f("svg", Ct, [...a[2] || (a[2] = [
+          w("path", {
+            "fill-rule": "evenodd",
+            d: "M8.485 2.495c.673-1.167 2.357-1.167 3.03 0l6.28 10.875c.673 1.167-.17 2.625-1.516 2.625H3.72c-1.347 0-2.189-1.458-1.515-2.625L8.485 2.495zM10 5a.75.75 0 01.75.75v3.5a.75.75 0 01-1.5 0v-3.5A.75.75 0 0110 5zm0 9a1 1 0 100-2 1 1 0 000 2z",
+            "clip-rule": "evenodd"
+          }, null, -1)
+        ])])) : i.type === "info" ? (d(), f("svg", Mt, [...a[3] || (a[3] = [
+          w("path", {
+            "fill-rule": "evenodd",
+            d: "M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a.75.75 0 000 1.5h.253a.25.25 0 01.244.304l-.459 2.066A1.75 1.75 0 0010.747 15H11a.75.75 0 000-1.5h-.253a.25.25 0 01-.244-.304l.459-2.066A1.75 1.75 0 009.253 9H9z",
+            "clip-rule": "evenodd"
+          }, null, -1)
+        ])])) : L("", !0)
+      ], 64)) : L("", !0)
+    ], 2));
+  }
+}), At = {
+  class: "vtk-progress",
+  "aria-hidden": "true"
+}, Et = /* @__PURE__ */ D({
+  __name: "ToastProgressBar",
+  props: {
+    remaining: {}
+  },
+  setup(i) {
+    const t = i, e = g(() => t.remaining);
+    return (s, o) => (d(), f("div", At, [
+      w("div", {
+        class: "vtk-progress__bar",
+        style: W({ transform: `scaleX(${e.value})` })
+      }, null, 4)
+    ]));
+  }
+}), Ot = { class: "vtk-actions" }, Pt = /* @__PURE__ */ D({
+  __name: "ToastActions",
+  props: {
+    toast: {},
+    onDismiss: { type: Function }
+  },
+  setup(i) {
+    const t = i;
+    function e() {
+      var s;
+      (s = t.toast.options.undo) == null || s.onUndo(), t.onDismiss(t.toast.id);
+    }
+    return (s, o) => (d(), f("div", Ot, [
+      i.toast.options.action ? (d(), f("button", {
+        key: 0,
+        class: "vtk-btn vtk-btn--action",
+        type: "button",
+        onClick: o[0] || (o[0] = (n) => i.toast.options.action.onClick())
+      }, O(i.toast.options.action.label), 1)) : L("", !0),
+      i.toast.options.undo ? (d(), f("button", {
+        key: 1,
+        class: "vtk-btn vtk-btn--undo",
+        type: "button",
+        onClick: e
+      }, O(i.toast.options.undo.label ?? "Undo"), 1)) : L("", !0)
+    ]));
+  }
+}), Dt = ["role", "aria-live", "tabindex"], zt = { class: "vtk-content" }, Gt = { class: "vtk-message" }, Ft = ["aria-label"], Vt = /* @__PURE__ */ D({
+  __name: "Toast",
+  props: {
+    toast: {},
+    onDismiss: { type: Function },
+    onGroupToggle: { type: Function }
+  },
+  setup(i) {
+    const t = i, e = C(null);
+    let s = null;
+    U(() => {
+      s = document.activeElement;
+    });
+    function o(c) {
+      t.onDismiss(c), s && typeof s.focus == "function" && s.focus();
+    }
+    const n = C(0), a = C(!1);
+    let r = 0;
+    function p(c) {
+      t.toast.options.swipeToDismiss && (r = c.touches[0].clientX, a.value = !0);
+    }
+    function v(c) {
+      a.value && (n.value = c.touches[0].clientX - r);
+    }
+    function k() {
+      var M;
+      if (!a.value) return;
+      a.value = !1;
+      const c = (((M = e.value) == null ? void 0 : M.offsetWidth) ?? 280) * 0.4;
+      Math.abs(n.value) > c ? t.onDismiss(t.toast.id) : n.value = 0;
+    }
+    function X() {
+      t.toast.options.pauseOnHover && t.toast.pause();
+    }
+    function z() {
+      t.toast.options.pauseOnHover && t.toast.resume();
+    }
+    function G() {
+      t.toast.options.pauseOnFocusLoss && (document.hidden ? t.toast.pause() : t.toast.resume());
+    }
+    U(() => {
+      document.addEventListener("visibilitychange", G);
+    }), ut(() => {
+      document.removeEventListener("visibilitychange", G);
+    });
+    const K = g(() => {
+      const c = t.toast.options.type;
+      return c === "error" || c === "warning" || t.toast.options.priority === "critical" ? "alert" : "status";
+    }), Y = g(() => t.toast.options.ariaLive ? t.toast.options.ariaLive : t.toast.options.priority === "critical" ? "assertive" : "polite"), l = g(() => {
+      if (!n.value) return {};
+      const c = Math.max(0, 1 - Math.abs(n.value) / 200);
+      return {
+        transform: `translateX(${n.value}px)`,
+        opacity: c,
+        transition: a.value ? "none" : void 0
+      };
+    }), m = g(() => !!t.toast.options.undo), h = g(() => !!t.toast.options.action), y = g(() => t.toast.options.closable), I = g(
+      () => t.toast.options.duration > 0 && !t.toast.isPaused.value
+    ), T = g(() => t.toast.groupCount.value > 1);
+    function F() {
+      var c;
+      t.toast.options.groupKey && ((c = t.onGroupToggle) == null || c.call(t, t.toast.options.groupKey));
+    }
+    function j(c) {
+      c.key === "Escape" && y.value && (c.stopPropagation(), o(t.toast.id));
+    }
+    return (c, M) => (d(), f("div", {
+      ref_key: "el",
+      ref: e,
+      class: Q([
+        "vtk-toast",
+        `vtk-toast--${i.toast.options.type}`,
+        i.toast.options.theme && typeof i.toast.options.theme == "string" ? `vtk-theme-${i.toast.options.theme}` : ""
+      ]),
+      role: K.value,
+      "aria-live": Y.value,
+      "aria-atomic": !0,
+      tabindex: y.value || h.value || m.value ? 0 : void 0,
+      style: W(l.value),
+      onMouseenter: X,
+      onMouseleave: z,
+      onTouchstartPassive: p,
+      onTouchmovePassive: v,
+      onTouchend: k,
+      onKeydown: j
+    }, [
+      i.toast.options.component ? (d(), S(V(i.toast.options.component), E({ key: 0 }, i.toast.options.componentProps, {
+        toast: i.toast,
+        dismiss: () => i.onDismiss(i.toast.id)
+      }), null, 16, ["toast", "dismiss"])) : (d(), f(P, { key: 1 }, [
+        b(c.$slots, "toast-icon", { toast: i.toast }, () => [
+          i.toast.options.icon !== !1 ? (d(), S($t, {
+            key: 0,
+            type: i.toast.options.type,
+            icon: i.toast.options.icon
+          }, null, 8, ["type", "icon"])) : L("", !0)
+        ]),
+        b(c.$slots, "toast-content", { toast: i.toast }, () => [
+          w("div", zt, [
+            w("div", Gt, [
+              typeof i.toast.message != "string" ? (d(), S(V("span"), { key: 0 }, {
+                default: A(() => [
+                  (d(), S(V(i.toast.message)))
+                ]),
+                _: 1
+              })) : (d(), f(P, { key: 1 }, [
+                dt(O(i.toast.message), 1)
+              ], 64))
+            ]),
+            b(c.$slots, "toast-action", { toast: i.toast }, () => [
+              h.value || m.value ? (d(), S(Pt, {
+                key: 0,
+                toast: i.toast,
+                "on-dismiss": i.onDismiss
+              }, null, 8, ["toast", "on-dismiss"])) : L("", !0)
+            ])
+          ])
+        ]),
+        T.value ? (d(), f("span", {
+          key: 0,
+          class: "vtk-group-count",
+          role: "button",
+          "aria-label": `Show all (${i.toast.groupCount.value})`,
+          onClick: F
+        }, " +" + O(i.toast.groupCount.value - 1), 9, Ft)) : L("", !0),
+        b(c.$slots, "toast-close", {
+          toast: i.toast,
+          dismiss: o
+        }, () => [
+          y.value ? (d(), f("button", {
+            key: 0,
+            class: "vtk-btn vtk-btn--close",
+            type: "button",
+            "aria-label": "Close",
+            onClick: M[0] || (M[0] = (Rt) => o(i.toast.id))
+          }, [...M[1] || (M[1] = [
+            w("svg", {
+              width: "14",
+              height: "14",
+              viewBox: "0 0 14 14",
+              fill: "currentColor"
+            }, [
+              w("path", { d: "M1.4 1.4a1 1 0 011.42 0L7 5.59l4.18-4.19a1 1 0 111.42 1.42L8.41 7l4.19 4.18a1 1 0 01-1.42 1.42L7 8.41l-4.18 4.19A1 1 0 011.4 12.6L5.59 7 1.4 2.82a1 1 0 010-1.42z" })
+            ], -1)
+          ])])) : L("", !0)
+        ])
+      ], 64)),
+      b(c.$slots, "toast-undo", {
+        toast: i.toast,
+        remaining: i.toast.remaining.value
+      }, () => [
+        I.value || m.value ? (d(), S(Et, {
+          key: 0,
+          remaining: i.toast.remaining.value
+        }, null, 8, ["remaining"])) : L("", !0)
+      ])
+    ], 46, Dt));
+  }
+}), Bt = ["role", "aria-label"], Wt = /* @__PURE__ */ D({
+  __name: "ToastContainer",
+  props: {
+    position: { default: "bottom-right" },
+    maxVisible: { default: 5 },
+    gap: { default: 8 },
+    offsetX: { default: 16 },
+    offsetY: { default: 16 },
+    zIndex: { default: 9999 },
+    expand: { type: Boolean, default: !1 },
+    teleportTo: { default: "body" },
+    context: {},
+    theme: {},
+    stackMode: { type: Boolean, default: !1 }
+  },
+  setup(i) {
+    const t = [
+      "top-left",
+      "top-center",
+      "top-right",
+      "bottom-left",
+      "bottom-center",
+      "bottom-right"
+    ], e = i, s = e.context ?? Z(), o = s.queue;
+    ct(() => e.maxVisible, (l) => o.setMaxVisible(l), { immediate: !0 });
+    const n = C(!1), a = g(() => o.active.filter((l) => !o.isHidden(l.id)));
+    function r(l) {
+      return a.value.filter((m) => (m.options.position ?? e.position) === l).sort((m, h) => x[h.options.priority] - x[m.options.priority]);
+    }
+    function p(l, m, h) {
+      return h.startsWith("bottom") ? m - 1 - l : l;
+    }
+    function v(l, m, h) {
+      if (!e.stackMode || n.value) return {};
+      const y = p(l, m, h);
+      if (y === 0) return { "z-index": "10" };
+      if (y > 2) return { display: "none" };
+      const I = h.startsWith("bottom"), T = Math.max(0.88, 1 - y * 0.06), F = y * 8, j = Math.max(0.5, 1 - y * 0.2);
+      return {
+        position: "absolute",
+        width: "100%",
+        [I ? "bottom" : "top"]: "0",
+        transform: `translateY(${I ? F : -F}px) scale(${T})`,
+        opacity: String(j),
+        "pointer-events": "none",
+        "z-index": String(10 - y),
+        transition: "transform 300ms ease, opacity 300ms ease"
+      };
+    }
+    function k(l) {
+      const m = r(l);
+      return [
+        "vtk-container",
+        `vtk-container--${l}`,
+        e.theme && typeof e.theme == "string" ? `vtk-theme-${e.theme}` : "",
+        e.stackMode && m.length > 1 ? "vtk-container--stack" : "",
+        e.stackMode && n.value ? "vtk-container--stack-expanded" : ""
+      ];
+    }
+    const X = g(() => {
+      const l = {
+        "--vtk-z-index": String(e.zIndex),
+        "--vtk-gap": `${e.gap}px`,
+        "--vtk-container-offset-x": `${e.offsetX}px`,
+        "--vtk-container-offset-y": `${e.offsetY}px`
+      };
+      if (e.theme && typeof e.theme == "object") {
+        const m = {
+          colorBg: "--vtk-color-bg",
+          colorText: "--vtk-color-text",
+          colorBorder: "--vtk-color-border",
+          colorSuccess: "--vtk-color-success",
+          colorError: "--vtk-color-error",
+          colorWarning: "--vtk-color-warning",
+          colorInfo: "--vtk-color-info",
+          colorLoading: "--vtk-color-loading",
+          fontFamily: "--vtk-font-family",
+          fontSize: "--vtk-font-size",
+          fontWeight: "--vtk-font-weight",
+          lineHeight: "--vtk-line-height",
+          borderRadius: "--vtk-border-radius",
+          borderWidth: "--vtk-border-width",
+          shadow: "--vtk-shadow",
+          paddingX: "--vtk-padding-x",
+          paddingY: "--vtk-padding-y",
+          iconSize: "--vtk-icon-size",
+          progressHeight: "--vtk-progress-height",
+          maxWidth: "--vtk-max-width",
+          minWidth: "--vtk-min-width",
+          transitionDuration: "--vtk-transition-duration",
+          transitionEasing: "--vtk-transition-easing",
+          zIndex: "--vtk-z-index"
+        };
+        for (const [h, y] of Object.entries(m)) {
+          const I = e.theme[h];
+          I && (l[y] = I);
+        }
+      }
+      return l;
+    });
+    function z(l) {
+      s.dismiss(l);
+    }
+    function G(l) {
+      o.toggleGroupExpand(l);
+    }
+    function K() {
+      n.value = !0, o.pauseAll();
+    }
+    function Y() {
+      n.value = !1, o.resumeAll();
+    }
+    return U(() => {
+      setTimeout(() => {
+        q.onFlush((l) => {
+          for (const m of l)
+            s.addToast(m.message, m.options);
+        }), q.flush();
+      }, 100);
+    }), (l, m) => (d(), S(ht, { to: i.teleportTo }, [
+      (d(), f(P, null, tt(t, (h) => w("div", {
+        key: h,
+        class: Q(k(h)),
+        style: W(X.value),
+        role: r(h).length ? "region" : void 0,
+        "aria-label": r(h).length ? "Notifications" : void 0,
+        onMouseenter: K,
+        onMouseleave: Y
+      }, [
+        ft(mt, {
+          name: `vtk-slide-${h}`,
+          tag: "div",
+          class: "vtk-container__list"
+        }, {
+          default: A(() => [
+            (d(!0), f(P, null, tt(r(h), (y, I) => (d(), f("div", {
+              key: y.id,
+              class: "vtk-toast-wrap",
+              style: W(v(I, r(h).length, h))
+            }, [
+              l.$slots.toast ? b(l.$slots, "toast", {
+                key: 0,
+                toast: y,
+                dismiss: z
+              }, void 0, !0) : (d(), S(Vt, {
+                key: 1,
+                toast: y,
+                "on-dismiss": z,
+                "on-group-toggle": G
+              }, gt({ _: 2 }, [
+                l.$slots["toast-icon"] ? {
+                  name: "toast-icon",
+                  fn: A((T) => [
+                    b(l.$slots, "toast-icon", E({ ref_for: !0 }, T), void 0, !0)
+                  ]),
+                  key: "0"
+                } : void 0,
+                l.$slots["toast-content"] ? {
+                  name: "toast-content",
+                  fn: A((T) => [
+                    b(l.$slots, "toast-content", E({ ref_for: !0 }, T), void 0, !0)
+                  ]),
+                  key: "1"
+                } : void 0,
+                l.$slots["toast-action"] ? {
+                  name: "toast-action",
+                  fn: A((T) => [
+                    b(l.$slots, "toast-action", E({ ref_for: !0 }, T), void 0, !0)
+                  ]),
+                  key: "2"
+                } : void 0,
+                l.$slots["toast-close"] ? {
+                  name: "toast-close",
+                  fn: A((T) => [
+                    b(l.$slots, "toast-close", E({ ref_for: !0 }, T), void 0, !0)
+                  ]),
+                  key: "3"
+                } : void 0,
+                l.$slots["toast-undo"] ? {
+                  name: "toast-undo",
+                  fn: A((T) => [
+                    b(l.$slots, "toast-undo", E({ ref_for: !0 }, T), void 0, !0)
+                  ]),
+                  key: "4"
+                } : void 0
+              ]), 1032, ["toast"]))
+            ], 4))), 128))
+          ]),
+          _: 2
+        }, 1032, ["name"])
+      ], 46, Bt)), 64))
+    ], 8, ["to"]));
+  }
+}), Nt = (i, t) => {
+  const e = i.__vccOpts || i;
+  for (const [s, o] of t)
+    e[s] = o;
+  return e;
+}, Ht = /* @__PURE__ */ Nt(Wt, [["__scopeId", "data-v-4affbb62"]]), qt = {
+  install(i, t) {
+    wt(i, t ?? {}), (t == null ? void 0 : t.registerComponent) !== !1 && i.component("ToastContainer", Ht);
+  }
+};
+export {
+  pt as DEFAULT_OPTIONS,
+  vt as GroupManager,
+  x as PRIORITY_ORDER,
+  st as TOAST_CONTEXT_KEY,
+  Vt as Toast,
+  Pt as ToastActions,
+  Ht as ToastContainer,
+  $t as ToastIcon,
+  Et as ToastProgressBar,
+  it as ToastQueue,
+  N as UndoTimer,
+  qt as VueToastPlugin,
+  Yt as createToastContext,
+  R as getOrCreateGlobalContext,
+  q as globalBuffer,
+  Tt as isServer,
+  Jt as toast,
+  jt as useToast,
+  Z as useToastContext,
+  Ut as useToastState
+};
+//# sourceMappingURL=vue-toast-kit.js.map