hys-ui 0.4.0 → 0.6.0

package/dist/components/HysToast/HysToast2.vue.js

@@ -1,140 +1,412 @@
-import { defineComponent as X, useAttrs as j, useSlots as q, ref as d, computed as h, watch as N, onDeactivated as G, onActivated as J, nextTick as K, onBeforeUnmount as Q, openBlock as i, createBlock as H, Teleport as Y, createVNode as O, Transition as Z, withCtx as _, createElementBlock as m, mergeProps as ee, unref as x, renderSlot as A, resolveDynamicComponent as te, normalizeClass as ae, createCommentVNode as v, createElementVNode as oe, createTextVNode as se, toDisplayString as V } from "vue";
-import { LoaderCircle as le, TriangleAlert as ne, Info as ie, CircleAlert as ue, CircleCheck as re, X as fe } from "lucide-vue-next";
-import { useHysRootAttrs as ce } from "../../config.js";
-import { registerToastEscape as de } from "../../composables/toastEscape.js";
-const me = ["role", "aria-live"], ve = {
+import { defineComponent as me, useSlots as he, getCurrentInstance as ge, useAttrs as be, ref as T, shallowRef as ke, computed as g, watch as Y, onDeactivated as we, onActivated as Ce, onBeforeUnmount as xe, openBlock as u, createBlock as j, Teleport as Be, createVNode as G, Transition as Te, withCtx as Se, createElementBlock as r, mergeProps as Me, unref as l, renderSlot as L, normalizeProps as z, guardReactiveProps as D, resolveDynamicComponent as Pe, normalizeClass as I, createCommentVNode as d, createElementVNode as N, createTextVNode as J, toDisplayString as S, Fragment as $e, renderList as Oe, normalizeStyle as Ae, nextTick as oe } from "vue";
+import { LoaderCircle as le, TriangleAlert as Le, Info as ze, CircleAlert as De, CircleCheck as Ee, Copy as He, X as Ie } from "lucide-vue-next";
+import { useHysRootAttrs as Ne } from "../../config.js";
+import { registerToastEscape as Ve } from "../../composables/toastEscape.js";
+import { toastLocale as Fe, normalizeToastPosition as Re, toastDuration as Ue, toastMotion as Xe, toastPlacement as qe } from "./toastPresentation.js";
+import { useToastTimer as Ke } from "./useToastTimer.js";
+import { useToastSwipe as Ye } from "./useToastSwipe.js";
+import { useToastActions as je } from "./useToastActions.js";
+const Ge = ["data-hys-theme", "tabindex"], Je = {
   key: 0,
   class: "hys-ui-toast-icon",
   "aria-hidden": "true"
-}, ye = { class: "hys-ui-toast-message" }, pe = ["aria-label"], he = {
-  key: 2,
-  class: "hys-ui-toast-action"
-}, ke = /* @__PURE__ */ X({
+}, Qe = { class: "hys-ui-toast-content" }, We = ["role", "aria-live"], Ze = {
+  key: 0,
+  class: "hys-ui-toast-title"
+}, _e = ["aria-expanded"], et = {
+  key: 1,
+  class: "hys-ui-toast-footer"
+}, tt = ["aria-label"], at = ["disabled", "aria-busy", "onClick"], ot = ["aria-label", "title"], lt = {
+  key: 1,
+  role: "status",
+  class: "hys-ui-toast-copy-status"
+}, st = ["title"], it = ["aria-label", "disabled"], ut = ["role", "aria-label", "aria-valuenow"], mt = /* @__PURE__ */ me({
   inheritAttrs: !1,
   __name: "HysToast",
   props: {
+    open: { type: Boolean, default: void 0 },
+    teleport: { type: Boolean, default: !0 },
+    appendTo: { default: "body" },
+    repeat: { default: 1 },
+    paused: { type: Boolean },
     message: { default: "" },
+    title: {},
     type: { default: "success" },
-    duration: {},
+    duration: { default: void 0 },
+    persistent: { type: Boolean },
     closable: { type: Boolean, default: !0 },
+    closeOnClick: { type: Boolean },
+    closeOnEscape: { type: Boolean },
+    keyboardDismiss: { type: Boolean },
+    pauseOnHover: { type: Boolean, default: !0 },
+    pauseOnBlur: { type: Boolean, default: !0 },
+    swipe: { type: Boolean },
+    interactive: { type: Boolean, default: !0 },
     position: { default: "top-center" },
     offset: { default: 24 },
+    offsetX: {},
+    offsetY: {},
+    coordinates: {},
     zIndex: { default: 2e3 },
+    width: {},
     showIcon: { type: Boolean, default: !0 },
-    pauseOnHover: { type: Boolean, default: !0 },
-    closeOnEscape: { type: Boolean },
-    repeat: { default: 1 },
     plain: { type: Boolean },
-    teleport: { type: Boolean, default: !0 },
-    appendTo: { default: "body" }
+    glass: { type: Boolean },
+    theme: {},
+    toastStyle: {},
+    progressStyle: {},
+    progress: {},
+    showProgress: { type: Boolean },
+    countdown: { type: Boolean },
+    maxLines: {},
+    copyable: { type: Boolean },
+    copyText: {},
+    actionLayout: { default: "inline" },
+    actions: {},
+    animation: {},
+    direction: {},
+    animationDuration: {},
+    easing: {},
+    live: {},
+    locale: {},
+    beforeClose: {}
   },
-  emits: ["close", "afterClose"],
-  setup(e, { expose: F, emit: S }) {
-    const a = e, w = S, E = j(), $ = q(), L = ce(), b = d(), u = d(!0), o = d(!1), C = d(!1), T = d(!1), R = h(() => a.position === "top" ? "top-center" : a.position === "bottom" ? "bottom-center" : a.position), g = h(() => Math.max(0, Number.isFinite(a.duration ?? 3e3) ? a.duration ?? (a.type === "loading" ? 0 : 3e3) : 0)), P = h(() => !!a.message || !!$.default), U = h(() => ({ success: re, error: ue, info: ie, warning: ne, loading: le })[a.type]);
-    let y, l, f = 0, z = 0, k = !1, I = !0;
-    function D() {
-      clearTimeout(y), y = void 0;
+  emits: ["update:open", "update", "show", "afterShow", "close", "afterClose", "click", "action", "stateChange"],
+  setup(k, { expose: se, emit: ie }) {
+    const M = k, c = ie, Q = he(), V = ge(), F = be(), W = Ne(), y = T(), p = T(!0), n = T(!1), A = T(!1), w = T(!1), m = T(!1), P = T(!1), R = ke({}), e = g(() => ({ ...M, ...R.value })), f = g(() => ({ ...Fe, ...e.value.locale })), ue = g(
+      () => Re(e.value.position)
+    ), E = g(() => Ue(e.value)), Z = g(
+      () => ({
+        success: Ee,
+        error: De,
+        info: ze,
+        warning: Le,
+        loading: le,
+        default: void 0,
+        custom: void 0
+      })[e.value.type]
+    ), U = g(
+      () => e.value.live ?? (e.value.type === "error" ? "assertive" : "polite")
+    );
+    let H, X, q, C, x, $ = 0;
+    function B() {
+      return {
+        id: typeof F["data-toast-id"] == "string" ? F["data-toast-id"] : void 0,
+        message: e.value.message,
+        title: e.value.title,
+        type: e.value.type
+      };
+    }
+    function ne(t) {
+      var a;
+      n.value && ((a = V == null ? void 0 : V.vnode.props) != null && a.onUpdate || (R.value = {
+        ...R.value,
+        ...typeof t == "string" ? { message: t } : t
+      }), c("update", t));
     }
-    function r() {
-      y && (f = Math.max(0, f - (Date.now() - z))), D();
+    const s = je({
+      available: () => p.value && n.value && e.value.interactive,
+      locale: () => f.value,
+      context: B,
+      close: () => b("action"),
+      update: ne,
+      copyText: () => {
+        var t, a;
+        return e.value.copyText ?? (e.value.message || ((a = (t = y.value) == null ? void 0 : t.querySelector(".hys-ui-toast-message")) == null ? void 0 : a.textContent) || "");
+      },
+      emit: (t) => c("action", t)
+    }), i = Ye(
+      y,
+      () => e.value.swipe && e.value.interactive && n.value && !m.value,
+      (t) => b("swipe", t)
+    ), v = Ke({
+      running: () => p.value && n.value && !e.value.paused && !m.value && !(e.value.pauseOnHover && A.value) && !w.value && !i.dragging.value && s.busy.value === void 0,
+      duration: () => E.value,
+      indicators: () => e.value.countdown || e.value.showProgress && e.value.progress === void 0,
+      pauseOnBlur: () => e.value.pauseOnBlur,
+      expire: () => {
+        b("timeout");
+      }
+    }), O = g(() => {
+      const t = e.value.progress;
+      if (t === "indeterminate") return t;
+      if (typeof t == "number")
+        return Number.isFinite(t) ? Math.max(0, Math.min(100, t)) : 0;
+      if (e.value.showProgress && E.value > 0 && v.total.value > 0)
+        return v.remaining.value / v.total.value * 100;
+    }), re = g(() => Xe(e.value)), ve = g(() => ({
+      ...M.teleport ? qe(e.value) : {},
+      ...re.value,
+      "--hys-toast-drag-x": i.shift.value + "px",
+      "--hys-toast-drag-opacity": Math.max(
+        0.38,
+        1 - Math.abs(i.shift.value) / 280
+      ),
+      "--hys-toast-lines": Math.max(1, Math.floor(e.value.maxLines ?? 1)),
+      width: typeof e.value.width == "number" ? Math.max(0, e.value.width) + "px" : e.value.width,
+      ...e.value.toastStyle
+    }));
+    function _() {
+      const t = H;
+      !t || n.value || !p.value || (H = void 0, i.reset(), C != null && C.isConnected && document.activeElement === document.body && C.focus({ preventScroll: !0 }), C = void 0, c("afterClose", t), c("stateChange", "closed", t));
     }
-    function c() {
-      if (D(), !(!u.value || !o.value || C.value || T.value || g.value <= 0)) {
-        if (f <= 0) {
-          n();
-          return;
+    function ee(t) {
+      if (!n.value) return;
+      $++, H = t;
+      const a = !!y.value;
+      C = w.value ? q : void 0, n.value = !1, m.value = !1, A.value = w.value = !1, s.reset(), c("stateChange", "closing", t), c("close", t), a || oe(_);
+    }
+    async function b(t = "api", a, h = !1) {
+      if (!n.value || !p.value || m.value && !h)
+        return !1;
+      const o = { ...B(), reason: t, event: a }, ae = $;
+      if (!h && e.value.beforeClose) {
+        m.value = !0;
+        let K = !1;
+        try {
+          K = await e.value.beforeClose(o) !== !1;
+        } catch {
+          K = !1;
         }
-        z = Date.now(), y = setTimeout(n, f);
+        if (ae !== $) return !1;
+        if (!K)
+          return m.value = !1, !1;
       }
+      return M.open !== void 0 && !h ? (X = o, c("update:open", !1), await oe(), X = void 0, m.value = !1, !n.value) : (ee(o), !0);
     }
-    function B() {
-      f = g.value, c();
+    function de() {
+      $++, H = void 0, C = void 0, P.value = !1, n.value = !0, v.restart(), c("show", B()), c("stateChange", "visible", B());
     }
-    function n() {
-      o.value && (r(), o.value = !1, k || (k = !0, w("close")));
+    function te() {
+      p.value && n.value && c("afterShow", B());
     }
-    function W() {
-      !o.value && u.value && w("afterClose");
+    function ce(t) {
+      !e.value.interactive || !e.value.keyboardDismiss || t.target !== y.value || (t.key === "Delete" || (t.key === "Enter" || t.key === " ") && e.value.closeOnClick) && (t.preventDefault(), b("keyboard", t));
     }
-    return N(() => [a.message, g.value, a.repeat], (s, t) => {
-      s[0] || !t && $.default ? (o.value = !0, k = !1, B()) : !P.value || t != null && t[0] ? n() : o.value && B();
-    }, { immediate: !0 }), N(() => o.value && u.value && a.closeOnEscape, (s) => {
-      l == null || l(), l = s ? de(n) : void 0;
-    }, { immediate: !0 }), G(() => {
-      u.value = !1, r();
-    }), J(() => {
-      u.value = !0, K(() => I && c());
-    }), Q(() => {
-      I = !1, r(), l == null || l();
-    }), F({ close: n, pause: r, resume: c, restart: B, element: b }), (s, t) => (i(), H(Y, {
-      to: e.appendTo,
-      disabled: !e.teleport
+    function pe(t) {
+      var a;
+      !w.value && t.relatedTarget instanceof HTMLElement && !((a = y.value) != null && a.contains(t.relatedTarget)) && (q = t.relatedTarget), w.value = !0;
+    }
+    function fe(t) {
+      var a;
+      (a = y.value) != null && a.contains(t.relatedTarget) || (w.value = !1, q = void 0);
+    }
+    function ye(t) {
+      var a;
+      !e.value.interactive || i.suppressClick.value || (a = t.target) != null && a.closest(
+        "button,a,input,textarea,select,[role=button],[contenteditable=true]"
+      ) || (c("click", t, B()), e.value.closeOnClick && b("click", t));
+    }
+    return Y(
+      () => [
+        M.open ?? !!(e.value.message || e.value.title || Q.default || Q.header),
+        e.value.message,
+        e.value.title
+      ],
+      ([t, a, h], o) => {
+        t ? !n.value && (!(o != null && o[0]) || M.open === void 0 && (a && a !== o[1] || h && h !== o[2])) && de() : ee(X ?? { ...B(), reason: "model" });
+      },
+      { immediate: !0 }
+    ), Y(
+      () => [E.value, e.value.message, M.repeat],
+      () => {
+        n.value && v.restart();
+      }
+    ), Y(
+      () => n.value && p.value && e.value.interactive && e.value.closeOnEscape,
+      (t) => {
+        x == null || x(), x = t ? Ve(
+          (a) => void b("escape", a),
+          () => y.value
+        ) : void 0;
+      },
+      { immediate: !0, flush: "sync" }
+    ), we(() => {
+      p.value = !1, $++, m.value = !1, A.value = w.value = !1, s.reset(), i.reset();
+    }), Ce(() => {
+      p.value = !0;
+    }), xe(() => {
+      $++, p.value = !1, s.reset(), x == null || x();
+    }), se({
+      close: b,
+      pause: v.pause,
+      resume: v.resume,
+      restart: v.restart,
+      extend: v.extend,
+      element: y,
+      snapshotClock: v.snapshot,
+      restoreClock: v.restore
+    }), (t, a) => (u(), j(Be, {
+      to: k.appendTo,
+      disabled: !k.teleport
     }, [
-      O(Z, {
-        name: "hys-ui-toast-motion",
+      G(Te, {
+        name: "hys-toast-enter",
         appear: "",
-        onAfterLeave: W
+        onAfterEnter: te,
+        onAfterAppear: te,
+        onAfterLeave: _
       }, {
-        default: _(() => [
-          o.value && u.value ? (i(), m("div", ee({
-            key: 0,
-            ref_key: "element",
-            ref: b
-          }, { ...x(L), ...x(E) }, {
-            class: ["hys-ui-toast", ["hys-ui-toast-" + e.type, "hys-ui-toast-position-" + R.value, { "hys-ui-toast-inline": !e.teleport, "hys-ui-toast-plain": e.plain }]],
-            style: { "--hys-ui-toast-offset": Math.max(0, e.offset) + "px", zIndex: e.zIndex },
-            role: e.type === "error" ? "alert" : "status",
-            "aria-live": e.type === "error" ? "assertive" : "polite",
-            "aria-atomic": "true",
-            onMouseenter: t[0] || (t[0] = (p) => e.pauseOnHover && (C.value = !0, r())),
-            onMouseleave: t[1] || (t[1] = (p) => {
-              C.value = !1, c();
-            }),
-            onFocusin: t[2] || (t[2] = (p) => {
-              T.value = !0, r();
-            }),
-            onFocusout: t[3] || (t[3] = (p) => {
-              var M;
-              return !((M = b.value) != null && M.contains(p.relatedTarget)) && (T.value = !1, c());
-            })
-          }), [
-            e.showIcon ? (i(), m("span", ve, [
-              A(s.$slots, "icon", {}, () => [
-                (i(), H(te(U.value), {
-                  size: 18,
-                  class: ae({ "hys-ui-toast-spinner": e.type === "loading" })
-                }, null, 8, ["class"]))
-              ], !0)
-            ])) : v("", !0),
-            oe("div", ye, [
-              A(s.$slots, "default", {}, () => [
-                se(V(e.message), 1)
-              ], !0)
-            ]),
-            e.repeat > 1 ? (i(), m("span", {
-              key: 1,
-              class: "hys-ui-toast-repeat",
-              "aria-label": "重复 " + e.repeat + " 次"
-            }, "×" + V(e.repeat), 9, pe)) : v("", !0),
-            s.$slots.action ? (i(), m("span", he, [
-              A(s.$slots, "action", { close: n }, void 0, !0)
-            ])) : v("", !0),
-            e.closable ? (i(), m("button", {
-              key: 3,
-              class: "hys-ui-toast-close",
-              type: "button",
-              "aria-label": "关闭提示",
-              onClick: n
-            }, [
-              O(x(fe), { size: 14 })
-            ])) : v("", !0)
-          ], 16, me)) : v("", !0)
-        ]),
+        default: Se(() => {
+          var h;
+          return [
+            n.value && p.value ? (u(), r("div", Me({
+              key: 0,
+              ref_key: "element",
+              ref: y
+            }, { ...l(W), ...l(F) }, {
+              "data-hys-theme": e.value.theme ?? l(W)["data-hys-theme"],
+              class: ["hys-ui-toast", [
+                "hys-ui-toast-" + e.value.type,
+                "hys-ui-toast-position-" + ue.value,
+                {
+                  "hys-ui-toast-inline": !k.teleport,
+                  "hys-ui-toast-plain": e.value.plain,
+                  "hys-ui-toast-glass": e.value.glass,
+                  "hys-ui-toast-swipe": e.value.swipe && e.value.interactive,
+                  "hys-ui-toast-dragging": l(i).dragging.value,
+                  "hys-ui-toast-clickable": e.value.closeOnClick && e.value.interactive,
+                  "hys-ui-toast-bounce": e.value.animation === "bounce"
+                }
+              ]],
+              style: ve.value,
+              tabindex: e.value.keyboardDismiss && e.value.interactive ? 0 : void 0,
+              onMouseenter: a[3] || (a[3] = (o) => A.value = !0),
+              onMouseleave: a[4] || (a[4] = (o) => A.value = !1),
+              onFocusin: pe,
+              onFocusout: fe,
+              onClick: ye,
+              onKeydown: ce,
+              onPointerdown: a[5] || (a[5] = //@ts-ignore
+              (...o) => l(i).start && l(i).start(...o)),
+              onPointermove: a[6] || (a[6] = //@ts-ignore
+              (...o) => l(i).move && l(i).move(...o)),
+              onPointerup: a[7] || (a[7] = //@ts-ignore
+              (...o) => l(i).end && l(i).end(...o)),
+              onPointerleave: a[8] || (a[8] = //@ts-ignore
+              (...o) => l(i).leave && l(i).leave(...o)),
+              onPointercancel: a[9] || (a[9] = //@ts-ignore
+              (...o) => l(i).reset && l(i).reset(...o))
+            }), [
+              e.value.showIcon && (Z.value || t.$slots.icon) ? (u(), r("span", Je, [
+                L(t.$slots, "icon", z(D(l(s).context())), () => [
+                  (u(), j(Pe(Z.value), {
+                    size: 18,
+                    class: I({ "hys-ui-toast-spinner": e.value.type === "loading" })
+                  }, null, 8, ["class"]))
+                ], !0)
+              ])) : d("", !0),
+              N("div", Qe, [
+                N("div", {
+                  role: U.value === "off" ? void 0 : U.value === "assertive" ? "alert" : "status",
+                  "aria-live": U.value,
+                  "aria-atomic": "true"
+                }, [
+                  e.value.title || t.$slots.header ? (u(), r("div", Ze, [
+                    L(t.$slots, "header", z(D(l(s).context())), () => [
+                      J(S(e.value.title), 1)
+                    ], !0)
+                  ])) : d("", !0),
+                  N("div", {
+                    class: I(["hys-ui-toast-message", { "hys-ui-toast-clamped": e.value.maxLines && !P.value }])
+                  }, [
+                    L(t.$slots, "default", z(D(l(s).context())), () => [
+                      J(S(e.value.message), 1)
+                    ], !0)
+                  ], 2)
+                ], 8, We),
+                e.value.maxLines && e.value.interactive ? (u(), r("button", {
+                  key: 0,
+                  class: "hys-ui-toast-text-action",
+                  type: "button",
+                  "aria-expanded": P.value,
+                  onClick: a[0] || (a[0] = (o) => P.value = !P.value)
+                }, S(P.value ? f.value.collapse : f.value.expand), 9, _e)) : d("", !0),
+                t.$slots.footer ? (u(), r("div", et, [
+                  L(t.$slots, "footer", z(D(l(s).context())), void 0, !0)
+                ])) : d("", !0)
+              ]),
+              k.repeat > 1 ? (u(), r("span", {
+                key: 1,
+                class: "hys-ui-toast-repeat",
+                "aria-label": f.value.repeat(k.repeat)
+              }, "×" + S(k.repeat), 9, tt)) : d("", !0),
+              e.value.interactive && (t.$slots.action || (h = e.value.actions) != null && h.length || e.value.copyable) ? (u(), r("div", {
+                key: 2,
+                class: I(["hys-ui-toast-action", {
+                  "hys-ui-toast-action-footer": e.value.actionLayout === "footer"
+                }])
+              }, [
+                L(t.$slots, "action", z(D(l(s).context())), () => [
+                  (u(!0), r($e, null, Oe(e.value.actions, (o) => (u(), r("button", {
+                    key: o.id,
+                    class: "hys-ui-toast-text-action",
+                    type: "button",
+                    disabled: o.disabled || l(s).busy.value !== void 0 && l(s).busy.value !== o.id,
+                    "aria-busy": l(s).busy.value === o.id || void 0,
+                    onClick: (ae) => l(s).run(o)
+                  }, [
+                    l(s).busy.value === o.id ? (u(), j(l(le), {
+                      key: 0,
+                      class: "hys-ui-toast-spinner",
+                      size: 14,
+                      "aria-hidden": "true"
+                    })) : d("", !0),
+                    J(S(o.label), 1)
+                  ], 8, at))), 128))
+                ], !0),
+                e.value.copyable ? (u(), r("button", {
+                  key: 0,
+                  class: "hys-ui-toast-close",
+                  type: "button",
+                  "aria-label": f.value.copy,
+                  title: f.value.copy,
+                  onClick: a[1] || (a[1] = //@ts-ignore
+                  (...o) => l(s).copy && l(s).copy(...o))
+                }, [
+                  G(l(He), { size: 15 })
+                ], 8, ot)) : d("", !0),
+                l(s).copyStatus.value ? (u(), r("span", lt, S(l(s).copyStatus.value), 1)) : d("", !0)
+              ], 2)) : d("", !0),
+              e.value.countdown && E.value > 0 ? (u(), r("span", {
+                key: 3,
+                class: "hys-ui-toast-countdown",
+                title: f.value.remaining(Math.ceil(l(v).remaining.value / 1e3))
+              }, S(f.value.remaining(Math.ceil(l(v).remaining.value / 1e3))), 9, st)) : d("", !0),
+              e.value.closable && e.value.interactive ? (u(), r("button", {
+                key: 4,
+                class: "hys-ui-toast-close hys-ui-toast-dismiss",
+                type: "button",
+                "aria-label": f.value.close,
+                disabled: m.value,
+                onClick: a[2] || (a[2] = (o) => b("button", o))
+              }, [
+                G(l(Ie), { size: 14 })
+              ], 8, it)) : d("", !0),
+              O.value !== void 0 ? (u(), r("div", {
+                key: 5,
+                class: I(["hys-ui-toast-progress", {
+                  "hys-ui-toast-progress-indeterminate": O.value === "indeterminate"
+                }]),
+                role: e.value.progress !== void 0 ? "progressbar" : void 0,
+                "aria-label": f.value.progress,
+                "aria-valuenow": typeof O.value == "number" ? Math.round(O.value) : void 0
+              }, [
+                N("span", {
+                  style: Ae({
+                    inlineSize: O.value === "indeterminate" ? void 0 : O.value + "%",
+                    ...e.value.progressStyle
+                  })
+                }, null, 4)
+              ], 10, ut)) : d("", !0)
+            ], 16, Ge)) : d("", !0)
+          ];
+        }),
         _: 3
       })
     ], 8, ["to", "disabled"]));
   }
 });
 export {
-  ke as default
+  mt as default
 };

package/dist/components/HysToast/ToastViewport/ToastViewport.vue.js

@@ -0,0 +1,7 @@
+import o from "./ToastViewport2.vue.js";
+/* empty css                   */
+import t from "../../../_virtual/_plugin-vue_export-helper.js";
+const e = /* @__PURE__ */ t(o, [["__scopeId", "data-v-e6680215"]]);
+export {
+  e as default
+};