@vc-shell/framework 2.0.0-alpha.30 → 2.0.0-alpha.32

package/dist/chunks/index-BzpX90RF.js

@@ -1,181 +0,0 @@
-import { _ } from "./vc-toast.vue_vue_type_style_index_0_lang-DsKZR5xz.js";
-import { N as E, d as F } from "./VcAiAgentPanel.vue_vue_type_style_index_0_lang-D3sixNg-.js";
-import { defineComponent as L, inject as G, computed as T, ref as w, reactive as K, h as a, toRaw as V } from "vue";
-const f = 14, H = 3, Q = L({
-  name: "NotificationContainer",
-  inheritAttrs: !1,
-  props: {
-    pauseOnHover: {
-      type: Boolean,
-      required: !1,
-      default: !0
-    },
-    timeout: {
-      type: [Number, Boolean],
-      required: !1,
-      default: 3e3
-    },
-    content: {
-      type: [String, Object],
-      required: !1,
-      default: ""
-    },
-    notificationId: {
-      type: [String, Number],
-      required: !1,
-      default: ""
-    },
-    updateId: {
-      type: [String, Number],
-      required: !1,
-      default: ""
-    },
-    type: {
-      type: String,
-      required: !1,
-      default: "default"
-    },
-    onOpen: {
-      type: Function,
-      required: !1,
-      default: void 0
-    },
-    onClose: {
-      type: Function,
-      required: !1,
-      default: void 0
-    },
-    payload: {
-      type: [String, Object],
-      required: !1,
-      default: () => ({})
-    },
-    position: {
-      type: String,
-      required: !1,
-      default: "top-center"
-    }
-  },
-  setup(p) {
-    const { notificationContainers: N, actions: y } = G(E), A = T(() => N[p.position].value || []), h = w(!1), g = w(!1);
-    let l = null;
-    function M() {
-      l && (clearTimeout(l), l = null), h.value = !0;
-    }
-    function O() {
-      g.value || (l = setTimeout(() => {
-        h.value = !1, l = null;
-      }, 200));
-    }
-    const o = K(/* @__PURE__ */ new Map());
-    function $(t, e) {
-      const i = Math.round(e);
-      o.get(t) !== i && o.set(t, i);
-    }
-    function j(t) {
-      return typeof t == "object" && (!!t?.render || !!t?.setup);
-    }
-    function k(t) {
-      t && (o.delete(t), y.remove(t));
-    }
-    function B() {
-      y.clear(), o.clear();
-    }
-    const x = T(() => (p.position || "top-center").startsWith("top"));
-    return () => {
-      const t = A.value, e = t.length, i = h.value || e <= 1, P = e > 1, S = e > 0 ? t[e - 1].notificationId : void 0, C = S !== void 0 && o.get(S) || 0, R = t.map((n, r) => {
-        const s = e - 1 - r;
-        let d = 0;
-        for (let m = r + 1; m < e; m++) {
-          const q = t[m].notificationId;
-          q !== void 0 && (d += o.get(q) || 0);
-        }
-        const c = s * f + d, u = n.notificationId !== void 0 && o.get(n.notificationId) || 0, z = {
-          "--toasts-before": s,
-          "--z-index": e - s,
-          "--offset": `${c}px`,
-          "--initial-height": u ? `${u}px` : "auto"
-        }, b = {
-          ...n,
-          key: n.notificationId,
-          onClose: k,
-          onReportHeight: $,
-          toastIndex: s,
-          toastsCount: e,
-          expanded: i,
-          visibleToasts: H,
-          style: z
-        };
-        return n.content && j(n.content) ? a(_, {
-          ...b,
-          content: a(V(n.content))
-        }) : a(_, b);
-      });
-      let I = null;
-      P && (I = a(
-        "div",
-        {
-          class: "notification__clear-all",
-          style: {
-            position: "absolute",
-            [x.value ? "top" : "bottom"]: "0",
-            left: "var(--width, 356px)",
-            "margin-left": "8px",
-            opacity: i ? "1" : "0",
-            "pointer-events": i ? "auto" : "none",
-            transition: "opacity 200ms ease"
-          }
-        },
-        [
-          a(
-            "button",
-            {
-              type: "button",
-              onClick: B
-            },
-            [a(F, { icon: "lucide-x", size: "xs", "aria-hidden": "true" }), "Clear all"]
-          )
-        ]
-      ));
-      let v;
-      if (i && e > 1) {
-        const n = e - 1;
-        let r = 0;
-        for (let c = 1; c < e; c++) {
-          const u = t[c].notificationId;
-          r += u !== void 0 && o.get(u) || 0;
-        }
-        const s = n * f + r, d = t[0].notificationId !== void 0 && o.get(t[0].notificationId) || 0;
-        v = s + d;
-      } else
-        v = C + Math.min(e - 1, H - 1) * f;
-      return a(
-        "ol",
-        {
-          class: "notification__toast-group",
-          "data-expanded": String(i),
-          "data-position": p.position || "top-center",
-          "data-y-position": x.value ? "top" : "bottom",
-          style: {
-            "--front-toast-height": `${C}px`,
-            "--gap": `${f}px`,
-            width: "var(--width, 356px)",
-            height: `${v}px`
-          },
-          onMouseenter: M,
-          onMouseleave: O,
-          onPointerdown: () => {
-            g.value = !0;
-          },
-          onPointerup: () => {
-            g.value = !1;
-          }
-        },
-        [...R, I]
-      );
-    };
-  }
-});
-export {
-  Q as default
-};

package/dist/chunks/vc-toast.vue_vue_type_style_index_0_lang-DsKZR5xz.js

@@ -1,175 +0,0 @@
-import { defineComponent as q, toRefs as K, ref as s, computed as g, watch as B, onMounted as L, onBeforeUnmount as j, openBlock as y, createElementBlock as b, normalizeClass as G, createElementVNode as C, createVNode as O, unref as S, normalizeStyle as J, toDisplayString as Q, createBlock as Z, resolveDynamicComponent as ee, withKeys as te, withModifiers as oe } from "vue";
-import { d as k } from "./VcAiAgentPanel.vue_vue_type_style_index_0_lang-D3sixNg-.js";
-const ne = ["id", "data-mounted", "data-removed", "data-y-position", "data-front", "data-expanded", "data-visible", "data-swiping", "data-swiped-out", "role"], ie = { class: "vc-notification__content-wrapper" }, ae = {
-  key: 0,
-  class: "vc-notification__content"
-}, se = { key: 1 }, D = 200, le = 45, ce = /* @__PURE__ */ q({
-  __name: "vc-toast",
-  props: {
-    content: { type: [String, Object, Function] },
-    notificationId: {},
-    updateId: {},
-    type: {},
-    timeout: { type: [Number, Boolean] },
-    pauseOnHover: { type: Boolean },
-    limit: {},
-    position: {},
-    dismissing: { type: Boolean },
-    toastIndex: {},
-    toastsCount: {},
-    expanded: { type: Boolean },
-    visibleToasts: {},
-    onReportHeight: { type: Function }
-  },
-  emits: ["close"],
-  setup(a, { emit: H }) {
-    const x = H, t = a, I = {
-      default: { icon: "lucide-info", color: "var(--notification-info)" },
-      success: { icon: "lucide-check-circle", color: "var(--notification-success)" },
-      error: { icon: "lucide-alert-circle", color: "var(--notification-error)" },
-      warning: { icon: "lucide-alert-triangle", color: "var(--notification-warning)" }
-    }, { timeout: R } = K(t), i = s(null), P = s(!1), u = s(!1), E = g(() => (t.position || "top-center").startsWith("top") ? "top" : "bottom"), F = g(() => (t.toastIndex ?? 0) === 0), z = g(() => (t.toastIndex ?? 0) < (t.visibleToasts ?? 3)), l = s(null);
-    function f() {
-      u.value || (u.value = !0, l.value?.clear(), setTimeout(() => {
-        x("close", t.notificationId);
-      }, D));
-    }
-    B(
-      () => t.dismissing,
-      (e) => {
-        e && f();
-      }
-    ), B(
-      R,
-      (e) => {
-        e && (l.value = N(() => f(), t.timeout), l.value.start());
-      },
-      { immediate: !0 }
-    );
-    const w = s(null);
-    function M() {
-      if (i.value && t.notificationId !== void 0 && !u.value) {
-        const e = i.value, o = e.style.height;
-        e.style.height = "auto";
-        const n = e.getBoundingClientRect().height;
-        e.style.height = o, t.onReportHeight?.(t.notificationId, n);
-      }
-    }
-    L(() => {
-      requestAnimationFrame(() => {
-        requestAnimationFrame(() => {
-          P.value = !0, M();
-        });
-      }), i.value && (w.value = new ResizeObserver(() => M()), w.value.observe(i.value));
-    });
-    function N(e, o) {
-      let n, m, v = o;
-      function h() {
-        window.clearTimeout(n), v -= Date.now() - m;
-      }
-      function _() {
-        m = Date.now(), window.clearTimeout(n), n = window.setTimeout(e, v);
-      }
-      function A() {
-        v = o, _();
-      }
-      function W() {
-        window.clearTimeout(n);
-      }
-      return { pause: h, resume: _, start: A, clear: W };
-    }
-    j(() => {
-      l.value?.clear(), w.value?.disconnect();
-    });
-    function X() {
-      t.timeout && t.pauseOnHover !== !1 && l.value?.pause();
-    }
-    function U() {
-      t.timeout && t.pauseOnHover !== !1 && l.value?.resume();
-    }
-    const r = s(0), c = s(0), d = s(!1), p = s(!1), T = s(0);
-    function V(e) {
-      if (u.value || p.value || e.target?.closest(".vc-notification__dismiss-button")) return;
-      r.value = e.clientX, c.value = e.clientY, T.value = Date.now(), d.value = !1;
-      const o = i.value;
-      o && o.setPointerCapture(e.pointerId);
-    }
-    function Y(e) {
-      if (u.value || p.value || r.value === 0 && c.value === 0) return;
-      const o = e.clientX - r.value, n = e.clientY - c.value;
-      if (!d.value)
-        if (Math.abs(o) > 1 && Math.abs(o) > Math.abs(n))
-          d.value = !0, l.value?.pause();
-        else if (Math.abs(n) > 1) {
-          r.value = 0, c.value = 0;
-          return;
-        } else
-          return;
-      i.value?.style.setProperty("--swipe-amount-x", `${o}px`);
-    }
-    function $(e) {
-      const o = i.value;
-      if (o && o.hasPointerCapture(e.pointerId) && o.releasePointerCapture(e.pointerId), !d.value) {
-        i.value?.style.setProperty("--swipe-amount-x", "0px"), r.value = 0, c.value = 0;
-        return;
-      }
-      const n = parseFloat(i.value?.style.getPropertyValue("--swipe-amount-x")?.replace("px", "") || "0"), m = Date.now() - T.value, v = Math.abs(n) / m;
-      if (Math.abs(n) >= le || v > 0.11) {
-        u.value = !0, l.value?.clear(), p.value = !0;
-        const h = n > 0 ? 1 : -1;
-        i.value?.style.setProperty("--swipe-amount-x", `${h * window.innerWidth}px`), setTimeout(() => x("close", t.notificationId), D);
-      } else
-        i.value?.style.setProperty("--swipe-amount-x", "0px"), l.value?.resume();
-      d.value = !1, r.value = 0, c.value = 0;
-    }
-    return (e, o) => (y(), b("div", {
-      id: String(a.notificationId),
-      ref_key: "toastRef",
-      ref: i,
-      class: G(["vc-notification", [`vc-notification--${a.type || "default"}`]]),
-      "data-mounted": P.value,
-      "data-removed": u.value,
-      "data-y-position": E.value,
-      "data-front": F.value,
-      "data-expanded": a.expanded ?? !0,
-      "data-visible": z.value,
-      "data-swiping": d.value,
-      "data-swiped-out": p.value,
-      role: a.type === "error" ? "alert" : "status",
-      onMouseenter: X,
-      onMouseleave: U,
-      onPointerdown: V,
-      onPointermove: Y,
-      onPointerup: $
-    }, [
-      C("div", ie, [
-        O(S(k), {
-          icon: I[a.type ?? "default"]?.icon,
-          style: J({ color: I[a.type ?? "default"]?.color }),
-          size: "l",
-          class: "vc-notification__icon",
-          "aria-hidden": "true"
-        }, null, 8, ["icon", "style"]),
-        typeof a.content == "string" ? (y(), b("div", ae, Q(a.content), 1)) : (y(), b("div", se, [
-          (y(), Z(ee(a.content)))
-        ]))
-      ]),
-      C("button", {
-        type: "button",
-        class: "vc-notification__dismiss-button",
-        "aria-label": "Dismiss notification",
-        onClick: oe(f, ["stop"]),
-        onKeydown: te(f, ["escape"])
-      }, [
-        O(S(k), {
-          icon: "lucide-x",
-          size: "s",
-          "aria-hidden": "true"
-        })
-      ], 32)
-    ], 42, ne));
-  }
-});
-export {
-  ce as _
-};