@pantograph/vue 0.23.35 → 0.25.0

package/dist/Comment/index.js

@@ -1,44 +1,40 @@
-import { defineComponent as L, ref as D, createElementBlock as U, createCommentVNode as G, unref as s, openBlock as g, normalizeClass as T, createBlock as B, createVNode as w, Fragment as se, renderList as he, withCtx as q, createTextVNode as qe, toDisplayString as Ue, useSlots as ve, createElementVNode as ne, h as k, mergeProps as le, isRef as We, createSlots as Te, renderSlot as ce, normalizeProps as ue, guardReactiveProps as de, watch as Pe, computed as S, normalizeStyle as Se, useAttrs as mt, nextTick as ft, watchEffect as gt, readonly as ht, onMounted as vt, onBeforeUnmount as yt, withModifiers as Ge } from "vue";
-import { u as Oe, j as F, k as Re, U as Ke, s as _t, q as Ct, l as kt, t as H, o as bt } from "../Icon.vue_vue_type_style_index_0_lang-BUvEzzua.js";
+import { defineComponent as A, ref as B, createElementBlock as j, createCommentVNode as H, unref as n, openBlock as b, normalizeClass as O, createBlock as E, createVNode as g, Fragment as pe, renderList as K, withCtx as T, createTextVNode as ne, toDisplayString as Q, useSlots as W, createElementVNode as U, h as _, mergeProps as V, isRef as se, createSlots as X, renderSlot as F, normalizeProps as G, guardReactiveProps as N, computed as L, normalizeStyle as ce, onMounted as de, onBeforeUnmount as ue, withModifiers as oe } from "vue";
+import { u as Y, j as $, k as J, o as me } from "../Icon.vue_vue_type_style_index_0_lang-BxthrfMq.js";
 import { g as z } from "../options-Bh1s18jm.js";
-import { _ as Je } from "../Avatar.vue_vue_type_style_index_0_lang-kaq1iN2X.js";
-import { _ as xt } from "../Badge.vue_vue_type_script_setup_true_lang-C6x4r-P7.js";
-import { cva as me } from "class-variance-authority";
-import { _ as Qe } from "../GraphicalObject.vue_vue_type_script_setup_true_lang-C949W-Ro.js";
+import { _ as ae } from "../Avatar.vue_vue_type_style_index_0_lang--OU5sgDR.js";
+import { _ as fe } from "../Badge.vue_vue_type_script_setup_true_lang-ov_fhvSB.js";
+import { cva as he } from "class-variance-authority";
+import { _ as ye } from "../GraphicalObject.vue_vue_type_script_setup_true_lang-CEul2ZDZ.js";
 import "@iconify/vue";
-import { normCls as A, getBemElement as y, getBemBlock as Ae, generateVariantClassList as K, usePCId as Ie } from "@pantograph/utils";
-import { _ as J } from "../IconButton.vue_vue_type_script_setup_true_lang-BBnCpnF1.js";
-import { _ as wt } from "../ActionButton.vue_vue_type_script_setup_true_lang-jhaE9j9X.js";
-import { createContext as Le, Primitive as Bt } from "reka-ui";
-import { _ as Pt } from "../Popover.vue_vue_type_style_index_0_lang-Bdu86hho.js";
-import { _ as St, a as Ne } from "../MenuItem.vue_vue_type_style_index_0_lang-DNlGDoyp.js";
-import { _ as Rt } from "../GOPicker.vue_vue_type_style_index_0_lang-DVZ2wSgV.js";
-import { _ as It } from "../Combobox.vue_vue_type_style_index_0_lang-Cj3maBpd.js";
-import { _ as Xe } from "../Divider.vue_vue_type_style_index_0_lang-CfBklijs.js";
-import { U as $t } from "../useInputDataStates-CJoP9BXy.js";
-import { _ as Tt } from "../ScrollContainer.vue_vue_type_style_index_0_lang-DGUSuq_n.js";
-import { a as $e, u as Lt, c as Ce, f as zt } from "../index-BTuMaS--.js";
-import { a as Ft, g as Ut } from "../BaseBadge.model-CahZXsyM.js";
-import { s as Mt } from "../sortBy-BoHPhPoZ.js";
-import { _ as Et } from "../FloatButton.vue_vue_type_script_setup_true_lang-PYw1Yz9o.js";
-import { _ as Ot } from "../Image.vue_vue_type_style_index_0_lang-UVOAmZXt.js";
-import { _ as At } from "../Shortcut.vue_vue_type_style_index_0_lang-BXy0S1__.js";
-const Dt = /* @__PURE__ */ L({
+import { normCls as C, getBemElement as h, getBemBlock as Ce, generateVariantClassList as ge } from "@pantograph/utils";
+import { _ as w } from "../IconButton.vue_vue_type_script_setup_true_lang-BG-vYXAP.js";
+import { _ as ve } from "../ActionButton.vue_vue_type_script_setup_true_lang-CZTRz3hl.js";
+import { createContext as _e } from "reka-ui";
+import { _ as Be } from "../Popover.vue_vue_type_style_index_0_lang-DLboppFN.js";
+import { _ as be, a as te } from "../MenuItem.vue_vue_type_style_index_0_lang-D_lWThP0.js";
+import { _ as Re } from "../GOPicker.vue_vue_type_style_index_0_lang-D9A9w-Pa.js";
+import { _ as Se } from "../Combobox.vue_vue_type_style_index_0_lang-BsO5vzLB.js";
+import { _ as ke } from "../Divider.vue_vue_type_style_index_0_lang-CfBklijs.js";
+import { U as Pe } from "../useInputDataStates-RRZVY4Vg.js";
+import { _ as xe } from "../ScrollContainer.vue_vue_type_style_index_0_lang-DqLbpFbD.js";
+import { _ as Te, a as $e } from "../Upload.vue_vue_type_style_index_0_lang-DXBaIH16.js";
+import { _ as Oe } from "../Shortcut.vue_vue_type_style_index_0_lang-D0pRaguA.js";
+const Ee = /* @__PURE__ */ A({
   ...z("CommentActions"),
   __name: "CommentActions",
-  setup(i) {
-    const e = Ye(), t = D(), o = D(), n = () => {
-      e.emit("openActions", o.value);
-    }, r = () => {
-      e.emit("openReaction", t.value);
-    }, c = () => {
-      e.emit("reply");
+  setup(m) {
+    const s = ie(), t = B(), e = B(), c = () => {
+      s.emit("openActions", e.value);
+    }, a = () => {
+      s.emit("openReaction", t.value);
+    }, l = () => {
+      s.emit("reply");
     };
-    return (d, l) => s(e).props.hasReaction || s(e).props.hasEdit || s(e).props.hasDelete ? (g(), U("div", {
+    return (p, o) => n(s).props.hasReaction || n(s).props.hasEdit || n(s).props.hasDelete ? (b(), j("div", {
       key: 0,
-      class: T(s(A)(s(y)(s(Z), "actions"), s(e).props.actionsCls))
+      class: O(n(C)(n(h)(n(R), "actions"), n(s).props.actionsCls))
     }, [
-      s(e).props.hasReply ? (g(), B(J, {
+      n(s).props.hasReply ? (b(), E(w, {
         key: 0,
         icon: "tabler:corner-up-left",
         color: "neutral",
@@ -46,65 +42,65 @@ const Dt = /* @__PURE__ */ L({
         ref_key: "reactionRef",
         ref: t,
         flipOnDir: "rtl",
-        onClick: c
-      }, null, 512)) : G("", !0),
-      s(e).props.hasReaction ? (g(), B(J, {
+        onClick: l
+      }, null, 512)) : H("", !0),
+      n(s).props.hasReaction ? (b(), E(w, {
         key: 1,
         icon: "tabler:mood-plus",
         color: "neutral",
         type: "ghost",
         ref_key: "reactionRef",
         ref: t,
-        onClick: r
-      }, null, 512)) : G("", !0),
-      s(e).props.hasEdit || s(e).props.hasDelete ? (g(), B(J, {
+        onClick: a
+      }, null, 512)) : H("", !0),
+      n(s).props.hasEdit || n(s).props.hasDelete ? (b(), E(w, {
         key: 2,
         icon: "tabler:dots-vertical",
         color: "neutral",
         type: "ghost",
         ref_key: "actionRef",
-        ref: o,
-        onClick: n
-      }, null, 512)) : G("", !0)
-    ], 2)) : G("", !0);
+        ref: e,
+        onClick: c
+      }, null, 512)) : H("", !0)
+    ], 2)) : H("", !0);
   }
-}), jt = /* @__PURE__ */ L({
+}), De = /* @__PURE__ */ A({
   ...z("CommentReactions"),
   __name: "CommentReactions",
-  setup(i) {
-    const e = Ye(), t = D(), o = () => {
-      e.emit("openReaction", t.value);
-    }, n = (r) => {
-      r && !r.active && e.emit("reaction", r.emoji);
+  setup(m) {
+    const s = ie(), t = B(), e = () => {
+      s.emit("openReaction", t.value);
+    }, c = (a) => {
+      a && !a.active && s.emit("reaction", a.emoji);
     };
-    return (r, c) => {
-      var d;
-      return s(e).props.hasReaction && ((d = s(e).props.reactions) != null && d.some((l) => l.count && l.emoji)) ? (g(), U("div", {
+    return (a, l) => {
+      var p;
+      return n(s).props.hasReaction && ((p = n(s).props.reactions) != null && p.some((o) => o.count && o.emoji)) ? (b(), j("div", {
         key: 0,
-        class: T(s(A)(s(y)(s(Z), "reactions"), s(e).props.reactionsCls))
+        class: O(n(C)(n(h)(n(R), "reactions"), n(s).props.reactionsCls))
       }, [
-        (g(!0), U(se, null, he(s(e).props.reactions, (l) => (g(), B(wt, {
-          key: l == null ? void 0 : l.emoji,
-          active: l == null ? void 0 : l.active,
-          onClick: (a) => n(l)
+        (b(!0), j(pe, null, K(n(s).props.reactions, (o) => (b(), E(ve, {
+          key: o == null ? void 0 : o.emoji,
+          active: o == null ? void 0 : o.active,
+          onClick: (v) => c(o)
         }, {
-          default: q(() => [
-            qe(Ue(l == null ? void 0 : l.emoji) + " " + Ue(l == null ? void 0 : l.count), 1)
+          default: T(() => [
+            ne(Q(o == null ? void 0 : o.emoji) + " " + Q(o == null ? void 0 : o.count), 1)
           ]),
           _: 2
         }, 1032, ["active", "onClick"]))), 128)),
-        w(J, {
+        g(w, {
           icon: "tabler:mood-plus",
           color: "neutral",
           type: "outline",
           ref_key: "reactionRef",
           ref: t,
-          onClick: o
+          onClick: e
         }, null, 512)
-      ], 2)) : G("", !0);
+      ], 2)) : H("", !0);
     };
   }
-}), Z = Ae("comment"), [Ye, Ht] = Le("Comment"), qo = /* @__PURE__ */ L({
+}), R = Ce("comment"), [ie, Me] = _e("Comment"), to = /* @__PURE__ */ A({
   ...z("Comment"),
   __name: "Comment",
   props: {
@@ -136,177 +132,177 @@ const Dt = /* @__PURE__ */ L({
     reactions: {}
   },
   emits: ["update:open", "openActions", "reaction", "reply", "openReaction"],
-  setup(i, { emit: e }) {
-    const t = i, o = ve(), n = e, r = Oe(t, "open", n, {
+  setup(m, { emit: s }) {
+    const t = m, e = W(), c = s, a = Y(t, "open", c, {
       passive: t.open === void 0
-    }), c = () => {
-      var P;
-      let v;
-      const _ = (P = o.author) == null ? void 0 : P.call(o, {});
-      return !F(_) ? v = _ : v = t.author, v ? k(
+    }), l = () => {
+      var d;
+      let r;
+      const f = (d = e.author) == null ? void 0 : d.call(e, {});
+      return !$(f) ? r = f : r = t.author, r ? _(
         "div",
         {
-          class: A(y(Z, "author"), t.authorCls)
+          class: C(h(R, "author"), t.authorCls)
         },
-        v
+        r
       ) : null;
-    }, d = () => {
-      var P;
-      let v;
-      const _ = (P = o.datetime) == null ? void 0 : P.call(o, {});
-      return !F(_) ? v = _ : v = t.datetime, v ? k(
+    }, p = () => {
+      var d;
+      let r;
+      const f = (d = e.datetime) == null ? void 0 : d.call(e, {});
+      return !$(f) ? r = f : r = t.datetime, r ? _(
         "div",
         {
-          class: A(y(Z, "datetime"), t.datetimeCls)
+          class: C(h(R, "datetime"), t.datetimeCls)
         },
-        v
+        r
       ) : null;
-    }, l = () => {
-      var P, M;
-      const v = (P = o.header) == null ? void 0 : P.call(o, {}), _ = !F(v);
-      let R;
-      if (_) R = v;
+    }, o = () => {
+      var d, S;
+      const r = (d = e.header) == null ? void 0 : d.call(e, {}), f = !$(r);
+      let u;
+      if (f) u = r;
       else {
-        R = [];
-        const E = (M = o.avatar) == null ? void 0 : M.call(o, {});
-        !F(E) ? R.push(E) : t.avatar && R.push(k(Je, { ...t.avatarProps ?? {}, src: t.avatar }));
-        const N = c(), I = d();
-        (N || I) && R.push(
-          k(
+        u = [];
+        const P = (S = e.avatar) == null ? void 0 : S.call(e, {});
+        !$(P) ? u.push(P) : t.avatar && u.push(_(ae, { ...t.avatarProps ?? {}, src: t.avatar }));
+        const x = l(), M = p();
+        (x || M) && u.push(
+          _(
             "div",
             {
-              class: A(y(Z, "header__content"), t.headerContentCls)
+              class: C(h(R, "header__content"), t.headerContentCls)
             },
-            [N, I]
+            [x, M]
           )
-        ), R.length || (R = void 0);
+        ), u.length || (u = void 0);
       }
-      return R ? (R.push(k(Dt)), k(
+      return u ? (u.push(_(Ee)), _(
         "div",
-        { class: A(y(Z, "header"), t.headerCls) },
-        R
+        { class: C(h(R, "header"), t.headerCls) },
+        u
       )) : null;
-    }, a = () => {
-      var R;
-      const v = (R = o.content) == null ? void 0 : R.call(o, {}), _ = !F(v);
-      if (_ || t.content)
-        return k(
+    }, v = () => {
+      var u;
+      const r = (u = e.content) == null ? void 0 : u.call(e, {}), f = !$(r);
+      if (f || t.content)
+        return _(
           "div",
           {
-            class: A(y(Z, "content"), t.contentCls, "paragraph"),
-            innerHTML: _ ? void 0 : t.content
+            class: C(h(R, "content"), t.contentCls, "paragraph"),
+            innerHTML: f ? void 0 : t.content
           },
-          _ ? v : void 0
+          f ? r : void 0
         );
-    }, p = y(Z, "replies"), u = me(p, {
+    }, y = h(R, "replies"), k = he(y, {
       variants: {
-        open: K("open", p)
+        open: ge("open", y)
       }
-    }), h = () => {
-      var M;
-      const v = (M = o.replies) == null ? void 0 : M.call(o, {}), _ = !F(v), R = () => {
-        var N, I, V;
-        const E = (N = o.repliesHeader) == null ? void 0 : N.call(o, { open: !!r.value }), C = [];
-        if (!F(E))
-          C.push(E);
+    }), D = () => {
+      var S;
+      const r = (S = e.replies) == null ? void 0 : S.call(e, {}), f = !$(r), u = () => {
+        var x, M, I;
+        const P = (x = e.repliesHeader) == null ? void 0 : x.call(e, { open: !!a.value }), i = [];
+        if (!$(P))
+          i.push(P);
         else {
-          C.push(
-            k(
-              Qe,
+          i.push(
+            _(
+              ye,
               {
                 size: "xsm",
                 bg: "transparent",
                 br: "transparent"
               },
               {
-                default: () => k(Re, {
+                default: () => _(J, {
                   icon: "tabler:chevron-down",
-                  class: y(p, "icon"),
+                  class: h(y, "icon"),
                   size: "2xsm"
                 })
               }
             )
           );
-          const te = (I = o.repliesCount) == null ? void 0 : I.call(o, {}), re = !F(te), W = (V = o.repliesTitle) == null ? void 0 : V.call(o, {}), m = !F(W);
-          let b;
-          m ? b = W : b = t.repliesTitle, C.push(
-            k(
+          const Z = (M = e.repliesCount) == null ? void 0 : M.call(e, {}), le = !$(Z), ee = (I = e.repliesTitle) == null ? void 0 : I.call(e, {}), re = !$(ee);
+          let q;
+          re ? q = ee : q = t.repliesTitle, i.push(
+            _(
               "div",
               {
-                class: A(y(p, "title"), t.repliesTitleCls)
+                class: C(h(y, "title"), t.repliesTitleCls)
               },
-              b
+              q
             )
-          ), (re || t.repliesCount) && C.push(
-            k(
-              xt,
+          ), (le || t.repliesCount) && i.push(
+            _(
+              fe,
               {
                 color: "primary-subtle",
                 text: t.repliesCount,
                 size: "xsm"
               },
               {
-                text: () => te
+                text: () => Z
               }
             )
           );
         }
-        return k(
+        return _(
           "div",
           {
-            class: A(y(p, "header"), t.repliesHeaderCls),
+            class: C(h(y, "header"), t.repliesHeaderCls),
             onClick: () => {
-              r.value = !r.value;
+              a.value = !a.value;
             }
           },
-          C
+          i
         );
-      }, P = () => {
-        if (r.value)
+      }, d = () => {
+        if (a.value)
           return [
-            k(
+            _(
               "div",
               {
-                class: A(y(p, "content"), t.repliesContentCls)
+                class: C(h(y, "content"), t.repliesContentCls)
               },
-              v
+              r
             ),
-            k("div", {
-              class: y(p, "line")
+            _("div", {
+              class: h(y, "line")
             })
           ];
       };
-      return _ ? k(
+      return f ? _(
         "div",
         {
-          class: A(
-            u({
-              open: !!r.value
+          class: C(
+            k({
+              open: !!a.value
             }),
             t.repliesCls
           )
         },
-        [R(), P()]
+        [u(), d()]
       ) : null;
     };
-    return Ht({
-      emit: n,
+    return Me({
+      emit: c,
       props: t,
-      slots: o
-    }), (v, _) => (g(), U("div", {
-      class: T(s(A)(s(Z), t.class))
+      slots: e
+    }), (r, f) => (b(), j("div", {
+      class: O(n(C)(n(R), t.class))
     }, [
-      w(l),
-      ne("div", {
-        class: T(s(A)(s(y)(s(Z), "body"), t.bodyCls))
+      g(o),
+      U("div", {
+        class: O(n(C)(n(h)(n(R), "body"), t.bodyCls))
       }, [
-        w(a),
-        w(jt),
-        w(h)
+        g(v),
+        g(De),
+        g(D)
       ], 2)
     ], 2));
   }
-}), Wo = /* @__PURE__ */ L({
+}), no = /* @__PURE__ */ A({
   ...z("CommentAction"),
   __name: "CommentAction",
   props: {
@@ -350,52 +346,52 @@ const Dt = /* @__PURE__ */ L({
     disableOutsidePointerEvents: { type: Boolean }
   },
   emits: ["edit", "delete", "update:open"],
-  setup(i, { emit: e }) {
-    const t = i, o = e, n = () => {
-      o("edit"), c.value = !1;
-    }, r = () => {
-      o("delete"), c.value = !1;
-    }, c = Oe(t, "open", o, {
+  setup(m, { emit: s }) {
+    const t = m, e = s, c = () => {
+      e("edit"), l.value = !1;
+    }, a = () => {
+      e("delete"), l.value = !1;
+    }, l = Y(t, "open", e, {
       passive: t.open === void 0
     });
-    return (d, l) => (g(), B(s(Pt), le(t, {
-      open: s(c),
-      "onUpdate:open": l[0] || (l[0] = (a) => We(c) ? c.value = a : null),
+    return (p, o) => (b(), E(n(Be), V(t, {
+      open: n(l),
+      "onUpdate:open": o[0] || (o[0] = (v) => se(l) ? l.value = v : null),
       placement: "bottom-end",
       sideOffset: 3,
       trigger: "click",
       openDelay: 0
     }), {
-      content: q(() => [
-        w(St, { style: { width: "116px" } }, {
-          default: q(() => [
-            d.hasEdit ? (g(), B(Ne, {
+      content: T(() => [
+        g(be, { style: { width: "116px" } }, {
+          default: T(() => [
+            p.hasEdit ? (b(), E(te, {
               key: "edit",
-              title: d.editText,
-              onClick: n
+              title: p.editText,
+              onClick: c
             }, {
-              leading: q(({ iconSize: a }) => [
-                w(Re, {
+              leading: T(({ iconSize: v }) => [
+                g(J, {
                   icon: "tabler:edit",
-                  size: a
+                  size: v
                 }, null, 8, ["size"])
               ]),
               _: 1
-            }, 8, ["title"])) : G("", !0),
-            d.hasDelete ? (g(), B(Ne, {
+            }, 8, ["title"])) : H("", !0),
+            p.hasDelete ? (b(), E(te, {
               key: "delete",
-              title: d.deleteText,
+              title: p.deleteText,
               danger: "",
-              onClick: r
+              onClick: a
             }, {
-              leading: q(({ iconSize: a }) => [
-                w(Re, {
+              leading: T(({ iconSize: v }) => [
+                g(J, {
                   icon: "tabler:trash",
-                  size: a
+                  size: v
                 }, null, 8, ["size"])
               ]),
               _: 1
-            }, 8, ["title"])) : G("", !0)
+            }, 8, ["title"])) : H("", !0)
           ]),
           _: 1
         })
@@ -403,7 +399,7 @@ const Dt = /* @__PURE__ */ L({
       _: 1
     }, 16, ["open"]));
   }
-}), Ko = /* @__PURE__ */ L({
+}), so = /* @__PURE__ */ A({
   ...z("CommentReaction"),
   __name: "CommentReaction",
   props: {
@@ -445,13 +441,13 @@ const Dt = /* @__PURE__ */ L({
     resetColorsOnChangeType: {}
   },
   emits: ["reaction", "update:open"],
-  setup(i, { emit: e }) {
-    const t = i, o = e, n = (c) => {
-      o("reaction", c.value), r.value = !1;
-    }, r = Oe(t, "open", o, {
+  setup(m, { emit: s }) {
+    const t = m, e = s, c = (l) => {
+      e("reaction", l.value), a.value = !1;
+    }, a = Y(t, "open", e, {
       passive: t.open === void 0
     });
-    return (c, d) => (g(), B(Rt, le(t, {
+    return (l, p) => (b(), E(Re, V(t, {
       noTrigger: "",
       hideClear: "",
       hideGroup: "",
@@ -459,18 +455,18 @@ const Dt = /* @__PURE__ */ L({
       hideRandom: "",
       group: "emoji",
       popoverProps: {
-        ...c.popoverProps ?? {},
-        reference: c.reference
+        ...l.popoverProps ?? {},
+        reference: l.reference
       },
       placement: "bottom-end",
       visibleColorPickers: [],
       noModel: "",
-      onSelect: n,
-      open: s(r),
-      "onUpdate:open": d[0] || (d[0] = (l) => We(r) ? r.value = l : null)
+      onSelect: c,
+      open: n(a),
+      "onUpdate:open": p[0] || (p[0] = (o) => se(a) ? a.value = o : null)
     }), null, 16, ["popoverProps", "open"]));
   }
-}), Jo = /* @__PURE__ */ L({
+}), ao = /* @__PURE__ */ A({
   ...z("CommentMention"),
   __name: "CommentMention",
   props: {
@@ -575,1431 +571,24 @@ const Dt = /* @__PURE__ */ L({
     defer: { type: Boolean }
   },
   emits: ["mention"],
-  setup(i, { emit: e }) {
-    const t = i, o = e, n = ve(), r = (c, d, l) => {
-      o("mention", c, l);
+  setup(m, { emit: s }) {
+    const t = m, e = s, c = W(), a = (l, p, o) => {
+      e("mention", l, o);
     };
-    return (c, d) => (g(), B(It, le(t, {
+    return (l, p) => (b(), E(Se, V(t, {
       modelValue: "",
-      onSelect: r,
+      onSelect: a,
       noTrigger: ""
-    }), Te({ _: 2 }, [
-      he(Object.keys(n), (l) => ({
-        name: l,
-        fn: q((a) => [
-          ce(c.$slots, l, ue(de(a)))
+    }), X({ _: 2 }, [
+      K(Object.keys(c), (o) => ({
+        name: o,
+        fn: T((v) => [
+          F(l.$slots, o, G(N(v)))
         ])
       }))
     ]), 1040));
   }
-}), Ze = Ae("upload"), we = y(Ze, "list"), X = y(we, "item"), [ke, Vt] = Le("Upload"), et = (i, e) => {
-  if (i && e) {
-    const t = Array.isArray(e) ? e : e.split(","), o = i.name || "", n = i.type || "", r = n.replace(/\/.*$/, "");
-    return t.some((c) => {
-      const d = c.trim();
-      if (/^\*(?<temp1>\/\*)?$/.test(c))
-        return !0;
-      if (d.charAt(0) === ".") {
-        const l = o.toLowerCase(), a = d.toLowerCase();
-        let p = [a];
-        return (a === ".jpg" || a === ".jpeg") && (p = [".jpg", ".jpeg"]), p.some((u) => l.endsWith(u));
-      }
-      return /\/\*$/.test(d) ? r === d.replace(/\/.*$/, "") : !!(n === d || /^\w+$/.test(d));
-    });
-  }
-  return !0;
-}, Gt = (i, e, t = 1 * 1024 * 1024) => {
-  const o = [];
-  let n = 0, r = 0;
-  for (; n < i.size; ) {
-    const c = Math.min(n + t, i.size), d = i.slice(n, c);
-    o.push({
-      chunk: d,
-      chunkSize: c - n,
-      index: r,
-      uid: e(),
-      status: "waiting"
-    }), n = c, r++;
-  }
-  return o;
-}, tt = (i, { getUid: e, chunkFile: t, chunkSize: o }) => {
-  if ($e(i)) {
-    let n;
-    if (i instanceof File)
-      n = i;
-    else
-      try {
-        n = new File(
-          [i],
-          i.name ?? "",
-          {
-            type: i.type ?? ""
-          }
-        );
-      } catch {
-        n = new Blob([i], {
-          type: i.type ?? ""
-        }), n.lastModified = (/* @__PURE__ */ new Date()).getTime(), n.name = i.name ?? "", n.webkitRelativePath = "";
-      }
-    if ($e(n) && n instanceof Blob) {
-      let r = [];
-      return t && (r = Gt(
-        n,
-        () => (e == null ? void 0 : e(!0)) ?? Ie(void 0, !0),
-        o
-      )), {
-        uid: i.uid ?? (e == null ? void 0 : e()) ?? Ie(void 0, !0),
-        originFileObj: n,
-        status: "waiting",
-        chunks: r != null && r.length && (r == null ? void 0 : r.length) > 1 ? r : void 0,
-        chunksCount: r != null && r.length && (r == null ? void 0 : r.length) > 1 ? r.length : void 0,
-        name: n == null ? void 0 : n.name,
-        type: n == null ? void 0 : n.type,
-        size: n == null ? void 0 : n.size,
-        lastModified: n == null ? void 0 : n.lastModified,
-        thumbUrl: void 0
-      };
-    }
-  }
-}, Nt = (i, e) => {
-  if ($e(i))
-    return i instanceof Blob || i instanceof File ? tt(i, e) : (!i.uid && !Object.isFrozen(i) && (i.uid = e.getUid()), i);
-}, qt = ["error", "paused", "done", "uploading", "waiting"], ot = ["md", "lg", "xlg"], nt = ["image", "card"], Wt = ["outline", "transparent"], Fe = {
-  other: {
-    icon: "tabler:file-text",
-    fg: "primary",
-    bg: "primary-subtle"
-  },
-  text: {
-    icon: "tabler:file-typography",
-    fg: "primary",
-    bg: "primary-subtle"
-  },
-  image: {
-    icon: "tabler:photo",
-    fg: "primary",
-    bg: "primary-subtle"
-  },
-  video: {
-    icon: "tabler:video",
-    fg: "primary",
-    bg: "primary-subtle"
-  },
-  zip: {
-    icon: "tabler:file-zip",
-    fg: "primary",
-    bg: "primary-subtle"
-  },
-  pdf: {
-    icon: "tabler:file-type-pdf",
-    fg: "red",
-    bg: "red-subtle"
-  },
-  document: {
-    icon: "tabler:file-type-docx",
-    fg: "primary",
-    bg: "primary-subtle"
-  },
-  excel: {
-    icon: "tabler:file-type-csv",
-    fg: "green",
-    bg: "green-subtle"
-  }
-}, Kt = {
-  image: [
-    "3fr",
-    "arw",
-    "bmp",
-    "dib",
-    "cr2",
-    "crw",
-    "dng",
-    "gif",
-    "heic",
-    "heif",
-    "ico",
-    "jfif",
-    "jpe",
-    "jpeg",
-    "jpg",
-    "jp2",
-    "nef",
-    "png",
-    "raf",
-    "raw",
-    "rw2",
-    "sr2",
-    "svg",
-    "svg",
-    "tga",
-    "tif",
-    "tiff",
-    "wdp",
-    "webp"
-  ],
-  video: [
-    "3g2",
-    "3gp2",
-    "3gp",
-    "3gpp",
-    "asf",
-    "asx",
-    "avi",
-    "flv",
-    "m1v",
-    "m2v",
-    "mod",
-    "mp2v",
-    "mpa",
-    "mpe",
-    "mpv2",
-    "mpeg",
-    "mpegvideo",
-    "m2t",
-    "m2ts",
-    "tts",
-    "ts",
-    "mkv",
-    "mp4v",
-    "mp4",
-    "mov",
-    "m4v",
-    "mjpeg",
-    "mts",
-    "ogv",
-    "webm",
-    "wm",
-    "wmv",
-    "wmx",
-    "wvx"
-  ],
-  text: [
-    "addin",
-    "dtsconfig",
-    "vssettings",
-    "vstemplate",
-    "xml",
-    "xrm-ms",
-    "xsd",
-    "xsl",
-    "cd",
-    "cs",
-    "csproj",
-    "iss",
-    "py",
-    "pyw",
-    "rc",
-    "rc2",
-    "rct",
-    "sln",
-    "srt",
-    "txt",
-    "user",
-    "vb",
-    "vbproj",
-    "vdp",
-    "vdproj",
-    "vspscc",
-    "vsscc",
-    "vssscc",
-    "contact",
-    "css",
-    "group",
-    "html",
-    "htm",
-    "shtml",
-    "htc",
-    "ics",
-    "iqy",
-    "odc",
-    "sct",
-    "wsc",
-    "vcf",
-    "vtt"
-  ],
-  zip: ["zip", "7z", "rar", "tar.gz"],
-  document: ["doc", "docx", "odt", "rtf"],
-  excel: ["xls", "xlsx", "csv", "ods"],
-  pdf: ["pdf"]
-}, st = (i) => {
-  if (i) {
-    for (const [e, t] of Object.entries(Kt))
-      if (t.includes(i.toLowerCase()))
-        return e;
-  }
-  return "other";
-}, rt = (i = "") => {
-  const e = i.split("/"), o = e[e.length - 1].split(/#|\?/)[0];
-  return (/\.[^./\\]*$/.exec(o) || [""])[0];
-}, De = (i) => {
-  var e, t, o;
-  return (o = (t = (e = i == null ? void 0 : i.split) == null ? void 0 : e.call(i, "/")) == null ? void 0 : t.pop) == null ? void 0 : o.call(t);
-}, Jt = (i) => {
-  var t;
-  let e = De((i == null ? void 0 : i.type) || ((t = i == null ? void 0 : i.originFileObj) == null ? void 0 : t.type));
-  if (i != null && i.url && !e)
-    try {
-      e = rt(i == null ? void 0 : i.url);
-    } catch {
-    }
-  return e;
-}, Me = (i) => st(i) === "image", it = (i) => {
-  if (i.type && !i.thumbUrl)
-    return Me(De(i.type));
-  const e = i.thumbUrl || i.url || "", t = rt(e);
-  return /^data:image\//.test(e) || Me(t) ? !0 : !(/^data:/.test(e) || t);
-}, pe = [
-  "red",
-  "orange",
-  "yellow",
-  "lime",
-  "green",
-  "sky",
-  "blue",
-  "pink",
-  "violet",
-  "gray",
-  "amber",
-  "teal",
-  "cyan",
-  "ocean",
-  "amethyst",
-  "fuchsia",
-  "mallard"
-];
-[...pe, ...Ft];
-const ee = Ae("progress"), Be = y(ee, "circle"), be = y(ee, "line"), Qt = ["2xsm", "xsm", "sm", "md", "lg"], Xt = ["progress", "warning", "error", "success"], Yt = ["circle", "line"], [fe, Zt] = Le("progress"), eo = ["d", "stroke-linecap", "stroke"], to = ["from", "to", "dur"], xe = /* @__PURE__ */ L({
-  ...z("ProgressCirclePath"),
-  __name: "ProgressCirclePath",
-  props: {
-    strokeLinecap: { default: "round" },
-    trail: { type: Boolean },
-    indeterminate: { type: Boolean },
-    percent: {},
-    delay: { default: 0 },
-    strokeWidth: { default: 2.4 },
-    circleRadius: { default: 16 },
-    color: {}
-  },
-  setup(i) {
-    const e = i, t = y(Be, "path"), o = me(t, {
-      variants: {
-        trail: K("trail", t),
-        indeterminate: K("indeterminate", t)
-      }
-    }), n = fe(), r = D(0);
-    Pe(
-      () => [e.trail, e.percent],
-      () => {
-        const a = n.getPercent(e.percent);
-        if (!e.trail && a !== void 0) {
-          const p = setTimeout(() => {
-            r.value = a, clearTimeout(p);
-          }, e.delay);
-        }
-      },
-      {
-        immediate: !0
-      }
-    );
-    const c = S(() => e.circleRadius - e.strokeWidth / 2), d = S(() => {
-      const a = e.circleRadius * 2 - e.strokeWidth;
-      return `M ${e.circleRadius},${e.circleRadius} m 0,-${c.value} a ${c.value},${c.value} 0 1 1 0,${a} a ${c.value},${c.value} 0 1 1 0,-${a}`;
-    }), l = S(() => {
-      const a = 2 * Math.PI * c.value;
-      return {
-        "stroke-dasharray": e.trail ? void 0 : a,
-        "stroke-dashoffset": e.trail ? void 0 : a * (1 - r.value / 100),
-        "--ptc-progress-animation-duration": n.duration.value
-      };
-    });
-    return (a, p) => (g(), B(s(Bt), {
-      as: "g",
-      "as-child": !a.indeterminate,
-      key: String(a.indeterminate)
-    }, {
-      default: q(() => [
-        ne("path", {
-          d: d.value,
-          "stroke-width": "2.4",
-          fill: "none",
-          style: Se(l.value),
-          "stroke-linecap": a.strokeLinecap,
-          class: T(s(o)({ trail: a.trail, indeterminate: a.indeterminate })),
-          stroke: a.color ?? "currentColor"
-        }, null, 14, eo),
-        a.indeterminate ? (g(), U("animateTransform", {
-          key: 0,
-          attributeName: "transform",
-          type: "rotate",
-          from: `0 ${e.circleRadius} ${e.circleRadius}`,
-          to: `360 ${e.circleRadius} ${e.circleRadius}`,
-          dur: `${s(n).duration.value || 700}s`,
-          repeatCount: "indefinite"
-        }, null, 8, to)) : G("", !0)
-      ]),
-      _: 1
-    }, 8, ["as-child"]));
-  }
-}), at = /* @__PURE__ */ L({
-  ...z("ProgressLabel"),
-  __name: "ProgressLabel",
-  setup(i) {
-    const e = fe(), t = () => {
-      var r, c;
-      const o = (c = (r = e.slots).label) == null ? void 0 : c.call(r, {}), n = !F(o);
-      return n || e.props.label ? k(
-        "div",
-        { class: y(ee, "label") },
-        n ? o : e.props.label
-      ) : null;
-    };
-    return (o, n) => (g(), B(t));
-  }
-}), Ee = /* @__PURE__ */ L({
-  ...z("ProgressHelperText"),
-  __name: "ProgressHelperText",
-  setup(i) {
-    const e = fe(), t = () => {
-      var r, c;
-      const o = (c = (r = e.slots).helperText) == null ? void 0 : c.call(r, {}), n = !F(o);
-      return n || e.props.helperText ? k(
-        "div",
-        { class: y(ee, "helper_text") },
-        n ? o : e.props.helperText
-      ) : null;
-    };
-    return (o, n) => (g(), B(t));
-  }
-}), lt = /* @__PURE__ */ L({
-  ...z("ProgressLegend"),
-  __name: "ProgressLegend",
-  setup(i) {
-    const e = fe(), t = y(ee, "legend"), o = y(t, "item"), n = (p) => k("div", {
-      class: y(o, "indicator"),
-      style: { background: e.getColor(p.color) }
-    }), r = (p) => k("div", { class: y(o, "title") }, p.title), c = (p) => k("div", { class: A(y(o, "percent"), "en") }, `(${p._percent}%)`), d = (p) => k("div", { class: o }, [
-      n(p),
-      r(p),
-      c(p)
-    ]), l = () => {
-      var p;
-      return (p = e.getSteps.value) == null ? void 0 : p.map((u) => {
-        var v, _;
-        const h = (_ = (v = e.slots).legendItem) == null ? void 0 : _.call(v, u);
-        return F(h) ? d(u) : h;
-      });
-    }, a = () => {
-      var h, v, _;
-      const p = (v = (h = e.slots).legend) == null ? void 0 : v.call(h, {}), u = !F(p);
-      return u || e.props.legend && ((_ = e.getSteps.value) != null && _.length) ? k("div", { class: t }, u ? p : l()) : null;
-    };
-    return (p, u) => (g(), B(a));
-  }
-}), oo = { viewBox: "0 0 32 32" }, no = /* @__PURE__ */ L({
-  ...z("ProgressCircle"),
-  __name: "ProgressCircle",
-  setup(i) {
-    const e = fe(), t = S(() => {
-      switch (e.props.size) {
-        case "2xsm":
-        case "xsm":
-          return "3xsm";
-        case "sm":
-          return "2xsm";
-        case "md":
-          return "xsm";
-        case "lg":
-          return "sm";
-      }
-    }), o = me(Be, {
-      variants: {
-        size: K(Qt, Be)
-      }
-    }), n = () => {
-      var l, a;
-      const c = (a = (l = e.slots).icon) == null ? void 0 : a.call(l, {}), d = !F(c);
-      if (e.statusIcon.value || d) {
-        let p = c;
-        return d || (p = k(Re, {
-          icon: e.statusIcon.value,
-          size: t.value
-        })), k("div", { class: y(Be, "content") }, p);
-      }
-      return null;
-    }, r = S(() => Mt(e.getSteps.value ?? [], "percent").reverse());
-    return (c, d) => {
-      var l;
-      return g(), U(se, null, [
-        ne("div", {
-          class: T(s(o)(s(e).props))
-        }, [
-          (g(), U("svg", oo, [
-            s(e).props.indeterminate ? (g(), B(xe, {
-              key: 1,
-              indeterminate: "",
-              "stroke-linecap": "round",
-              percent: 75
-            })) : (g(), U(se, { key: 0 }, [
-              w(xe, {
-                "stroke-linecap": s(e).props.strokeLinecap,
-                trail: ""
-              }, null, 8, ["stroke-linecap"]),
-              (l = s(e).getSteps.value) != null && l.length ? (g(!0), U(se, { key: 0 }, he(r.value, (a) => (g(), B(xe, {
-                key: a.step_id,
-                "stroke-linecap": s(e).props.strokeLinecap,
-                color: s(e).getColor(a.color),
-                percent: a.percent
-              }, null, 8, ["stroke-linecap", "color", "percent"]))), 128)) : (g(), B(xe, {
-                key: 1,
-                "stroke-linecap": s(e).props.strokeLinecap,
-                color: s(e).props.status ? void 0 : s(e).getColor(s(e).props.color),
-                percent: s(e).percentProp.value
-              }, null, 8, ["stroke-linecap", "color", "percent"]))
-            ], 64))
-          ])),
-          w(n)
-        ], 2),
-        w(at),
-        w(Ee),
-        w(lt)
-      ], 64);
-    };
-  }
-}), so = /* @__PURE__ */ L({
-  ...z("ProgressValidationMessage"),
-  __name: "ProgressValidationMessage",
-  setup(i) {
-    const e = fe(), t = () => {
-      var o, n;
-      if (e.props.status) {
-        const r = (n = (o = e.slots).validationMessage) == null ? void 0 : n.call(o, {});
-        if (!F(r) || e.props.validationMessage)
-          return k(
-            Ke,
-            { status: e.props.status, message: e.props.validationMessage },
-            {
-              message: r
-            }
-          );
-      }
-      return null;
-    };
-    return (o, n) => (g(), B(t));
-  }
-}), ro = /* @__PURE__ */ L({
-  ...z("ProgressLine"),
-  __name: "ProgressLine",
-  setup(i) {
-    const e = fe(), t = y(be, "value"), o = me(be, {
-      variants: {
-        notRounded: K("not-rounded", be),
-        indeterminate: K("indeterminate", be)
-      }
-    }), n = D(0);
-    Pe(
-      () => [e.percentProp.value, e.props.indeterminate],
-      () => {
-        const a = setTimeout(() => {
-          var p;
-          e.props.indeterminate ? n.value = void 0 : !e.percentProp.value && ((p = e.getSteps.value) != null && p.length) ? n.value = 100 : n.value = e.percentProp.value ?? 0, clearTimeout(a);
-        }, e.props.delay ?? 0);
-      },
-      {
-        immediate: !0
-      }
-    );
-    const r = () => {
-      var a;
-      if (!e.props.indeterminate) {
-        if (e.props.status) return "currentColor";
-        if (!((a = e.getSteps.value) != null && a.length))
-          return e.getColor(e.props.color);
-      }
-    }, c = S(() => ({
-      width: n.value ? `${n.value}%` : void 0,
-      background: r(),
-      "--ptc-progress-animation-duration": e.duration.value
-    })), d = () => {
-      if (e.slots.label || e.props.label) {
-        const a = k(at), p = k(Ee, { renderIfHasLabel: !0 });
-        return k(
-          "div",
-          {
-            class: y(ee, "line_content")
-          },
-          [a, p]
-        );
-      }
-      return null;
-    }, l = () => {
-      if (e.props.status || e.props.indeterminate) {
-        const a = k(Ee), p = k(so), u = [], h = _t(e.slots.label || e.props.label) && (e.slots.helperText || e.props.helperText);
-        if (h && u.push(a), (e.slots.validationMessage || e.props.validationMessage) && !e.props.indeterminate && e.statusIcon.value && (h && u.push(
-          k(Xe, { type: "vertical", class: y(ee, "divider") })
-        ), u.push(p)), u.length)
-          return k("div", { class: y(ee, "line_validation_box") }, u);
-      } else
-        return k(lt);
-      return null;
-    };
-    return (a, p) => {
-      var u;
-      return g(), U(se, null, [
-        w(d),
-        ne("div", {
-          class: T(
-            s(o)({
-              notRounded: s(e).props.notRounded,
-              indeterminate: s(e).props.indeterminate
-            })
-          )
-        }, [
-          ne("div", {
-            class: T(s(t)),
-            style: Se(c.value)
-          }, [
-            (u = s(e).getSteps.value) != null && u.length && !s(e).props.indeterminate ? (g(!0), U(se, { key: 0 }, he(s(e).getSteps.value, (h) => (g(), U("div", {
-              class: T(s(y)(s(t), "step")),
-              key: h.step_id,
-              style: Se({ background: s(e).getColor(h.color), width: `${h.percent ?? 0}%` })
-            }, null, 6))), 128)) : G("", !0)
-          ], 6)
-        ], 2),
-        w(l)
-      ], 64);
-    };
-  }
-}), io = ["dir"], ct = /* @__PURE__ */ L({
-  ...z("Progress"),
-  __name: "Progress",
-  props: {
-    steps: {},
-    type: { default: "line" },
-    legend: { type: Boolean },
-    indeterminate: { type: Boolean },
-    noAnimate: { type: Boolean },
-    size: { default: "md" },
-    status: {},
-    label: {},
-    validationMessage: {},
-    helperText: {},
-    notRounded: { type: Boolean },
-    duration: { default: 700 },
-    dir: {},
-    strokeLinecap: { default: "round" },
-    trail: { type: Boolean },
-    percent: {},
-    delay: {},
-    strokeWidth: {},
-    circleRadius: {},
-    color: { default: "primary" }
-  },
-  setup(i) {
-    const e = i, t = ve(), o = Ut, n = (h, v = !0) => {
-      const _ = Number(h);
-      if (!(isNaN(_) || v && (_ > 100 || _ < 0)))
-        return _;
-    }, r = S(() => n(e.percent) ?? 0), c = S(() => {
-      var h;
-      if ((h = e.steps) != null && h.length && !e.status) {
-        const v = e.steps.map((I) => ({
-          ...I,
-          step_id: Ie(ee)
-        }));
-        let _ = 0;
-        const R = v.reduce((I, V) => {
-          const te = n(V.percent);
-          te === void 0 && _++;
-          const re = v.findIndex((W) => W.step_id === V.step_id);
-          return re !== -1 && (v[re].percent = te), I + (te || 0);
-        }, 0);
-        if (r.value > 100 || r.value < 0 || R > 100 || R < 0)
-          throw "Invalid percentage";
-        let P = 0;
-        const M = v.map((I) => pe.findIndex((V) => V === I.color)).sort(), C = Array.from({ length: pe.length }, (I, V) => V).filter(
-          (I) => !M.includes(I)
-        );
-        let N = -1;
-        return v.map((I) => {
-          const V = (100 - R) / _, te = (W = !0) => I.percent === void 0 ? e.type === "circle" && W ? (P += V, P * ((r.value || 100) / 100)) : V : e.type === "circle" && W ? (P += I.percent, P) : I.percent, re = () => {
-            const W = o(I.color);
-            if (!W) {
-              if (pe.length !== M.length) {
-                const m = C.shift();
-                if (Ct(m))
-                  return M.push(m), pe[m];
-              }
-              return N++, pe[N % pe.length];
-            }
-            return W;
-          };
-          return {
-            ...I,
-            percent: te(),
-            _percent: te(!1),
-            color: re()
-          };
-        });
-      }
-    }), d = me(ee, {
-      variants: {
-        status: K(Xt, ee),
-        type: K(Yt, ee)
-      }
-    }), l = S(() => e.noAnimate ? 0 : (n(e.duration, !1) || 0) / 1e3), { getDir: a } = Lt(), p = a(), u = S(() => {
-      switch (e.status) {
-        case "success":
-          return e.type === "circle" ? "tabler:check" : "tabler:circle-check";
-        case "warning":
-          return e.type === "circle" ? "tabler:exclamation-mark" : "tabler:exclamation-circle";
-        case "error":
-          return e.type === "circle" ? "tabler:x" : "tabler:circle-x";
-      }
-    });
-    return Zt({
-      props: e,
-      getColor: o,
-      getSteps: c,
-      percentProp: r,
-      getPercent: n,
-      duration: l,
-      slots: t,
-      statusIcon: u
-    }), (h, v) => (g(), U("div", {
-      class: T(s(d)(e)),
-      dir: s(p)
-    }, [
-      h.type === "circle" ? (g(), B(no, { key: 0 })) : (g(), B(ro, { key: 1 }))
-    ], 10, io));
-  }
-}), ao = /* @__PURE__ */ L({
-  ...z("UploadListItemImage"),
-  __name: "UploadListItemImage",
-  setup(i) {
-    const e = ke(), t = je(), o = () => {
-      var n, r, c;
-      Ce((n = t.props.uploadFile) == null ? void 0 : n.cancel) && ((c = (r = t.props.uploadFile).cancel) == null || c.call(r)), e.remove(t.props.uploadFile);
-    };
-    return (n, r) => {
-      var c;
-      return g(), U(se, null, [
-        s(t).props.uploadFile.status !== "waiting" ? (g(), B(Ot, {
-          key: 0,
-          src: s(it)(s(t).props.uploadFile) ? s(t).props.uploadFile.thumbUrl ?? s(t).props.uploadFile.url : void 0,
-          aspectRatio: "1:1",
-          class: T(s(y)(s(X), "image")),
-          sizeRange: "xsm",
-          alt: s(t).label.value,
-          hovered: s(t).props.uploadFile.status === "uploading",
-          width: "100%"
-        }, Te({ _: 2 }, [
-          ["error", "done"].includes(s(t).props.uploadFile.status) ? {
-            name: "actions",
-            fn: q(() => [
-              s(t).props.uploadFile.status === "done" ? (g(), B(J, {
-                key: 0,
-                color: "neutral",
-                type: "ghost",
-                icon: "tabler:eye",
-                size: "sm",
-                onClick: r[0] || (r[0] = (d) => s(e).emit("preview", s(t).props.uploadFile))
-              })) : s(t).props.uploadFile.status === "error" ? (g(), B(J, {
-                key: 1,
-                color: "neutral",
-                type: "ghost",
-                icon: "tabler:reload",
-                size: "sm",
-                onClick: r[1] || (r[1] = (d) => s(e).resetRequest(s(t).props.uploadFile))
-              })) : G("", !0)
-            ]),
-            key: "0"
-          } : void 0
-        ]), 1032, ["src", "class", "alt", "hovered"])) : G("", !0),
-        ["uploading", "waiting"].includes(s(t).props.uploadFile.status) ? (g(), B(ct, {
-          key: 1,
-          type: "circle",
-          size: s(e).progressSize.value,
-          class: T(s(y)(s(X), "progress")),
-          indeterminate: s(t).props.uploadFile.status === "waiting",
-          percent: ((c = s(t).props.uploadFile) == null ? void 0 : c.percent) ?? 0
-        }, null, 8, ["size", "class", "indeterminate", "percent"])) : G("", !0),
-        w(Et, {
-          class: T(
-            s(A)(s(y)(s(X), "cancel"), "pantograph-tokens pantograph-dark")
-          ),
-          color: "neutral",
-          icon: "tabler:x",
-          size: "sm",
-          onClick: o
-        }, null, 8, ["class"])
-      ], 64);
-    };
-  }
-}), lo = /* @__PURE__ */ L({
-  ...z("UploadFileGO"),
-  __name: "UploadFileGO",
-  setup(i) {
-    const e = je(), t = ke(), o = S(() => st(Jt(e.props.uploadFile))), n = S(() => Ce(t.props.getFileIcon) ? t.props.getFileIcon(e.props.uploadFile) : Fe[o.value].icon), r = S(() => Fe[o.value].fg), c = S(() => Fe[o.value].bg), d = () => {
-      var u, h, v, _;
-      const p = (h = (u = t.slots).go) == null ? void 0 : h.call(u, { uploadFile: e.props.uploadFile });
-      return F(p) ? it(e.props.uploadFile) ? k("img", {
-        class: y(X, "thumb"),
-        alt: e.props.uploadFile.name ?? "",
-        src: ((v = e.props.uploadFile) == null ? void 0 : v.thumbUrl) ?? ((_ = e.props.uploadFile) == null ? void 0 : _.url)
-      }) : null : p;
-    }, l = () => {
-      var u, h;
-      const p = (h = (u = t.slots).goIcon) == null ? void 0 : h.call(u, { uploadFile: e.props.uploadFile });
-      return F(p) ? null : p;
-    }, a = () => k(
-      Qe,
-      {
-        size: t.goSize.value,
-        icon: n.value,
-        fg: r.value,
-        bg: c.value
-      },
-      {
-        default: d,
-        icon: l
-      }
-    );
-    return (p, u) => (g(), B(a));
-  }
-}), co = /* @__PURE__ */ L({
-  ...z("UploadListItemCard"),
-  __name: "UploadListItemCard",
-  setup(i) {
-    const e = ke(), t = je(), o = () => {
-      var p, u;
-      const l = (u = (p = e.slots).description) == null ? void 0 : u.call(p, { uploadFile: t.props.uploadFile });
-      let a;
-      if (F(l) || (a = l), t.props.uploadFile.description && (a = t.props.uploadFile.description), a)
-        return k("div", { class: y(X, "description") }, a);
-    }, n = () => {
-      var a, p;
-      const l = (p = (a = e.slots).title) == null ? void 0 : p.call(a, { uploadFile: t.props.uploadFile });
-      return F(l) ? t.label.value : l;
-    }, r = () => {
-      var l;
-      if (Ce(e.props.onDownload))
-        return e.props.onDownload(t.props.uploadFile);
-      if ((l = t.props.uploadFile) != null && l.url && typeof window < "u")
-        return window.open(t.props.uploadFile.url);
-    }, c = S(() => {
-      var l, a;
-      return (l = t.props.uploadFile) != null && l.percent && ((a = t.props.uploadFile) == null ? void 0 : a.status) !== "waiting" ? `${(t.props.uploadFile.percent ?? 0).toFixed(0)}%` : "waiting...";
-    }), d = (l, a) => {
-      var u, h, v, _;
-      const p = (h = (u = e.slots) == null ? void 0 : u.actions) == null ? void 0 : h.call(u, {
-        ...e,
-        uploadFile: t.props.uploadFile,
-        downloadFile: r
-      });
-      return F(p) ? (_ = (v = a.slots) == null ? void 0 : v.default) == null ? void 0 : _.call(v, {}) : p;
-    };
-    return (l, a) => {
-      var p;
-      return g(), U(se, null, [
-        s(e).props.go ? (g(), B(lo, { key: 0 })) : G("", !0),
-        ["error", "done"].includes(s(t).props.uploadFile.status) ? (g(), U("div", {
-          key: 2,
-          class: T(s(y)(s(X), "content"))
-        }, [
-          ne("div", {
-            class: T(s(y)(s(X), "title"))
-          }, [
-            w(n)
-          ], 2),
-          s(t).props.uploadFile.status === "error" ? (g(), B(Ke, {
-            key: 0,
-            message: "Failed",
-            status: "error"
-          })) : s(e).props.size !== "md" ? (g(), B(o, { key: 1 })) : G("", !0)
-        ], 2)) : (g(), B(ct, {
-          key: 1,
-          class: T(s(y)(s(X), "progress")),
-          percent: ((p = s(t).props.uploadFile) == null ? void 0 : p.percent) ?? 0,
-          label: s(t).label.value,
-          helperText: c.value
-        }, {
-          label: q(() => [
-            w(n)
-          ]),
-          _: 1
-        }, 8, ["class", "percent", "label", "helperText"])),
-        w(d, null, {
-          default: q(() => {
-            var u;
-            return [
-              s(t).props.uploadFile.status === "done" ? (g(), B(J, {
-                key: 0,
-                icon: "tabler:download",
-                size: "sm",
-                type: "ghost",
-                color: "neutral",
-                onClick: r
-              })) : G("", !0),
-              s(e).props.pausableChunked && s(t).props.uploadFile.status === "uploading" && ((u = s(t).props.uploadFile.chunks) != null && u.length) && s(Ce)(s(t).props.uploadFile.cancel) ? (g(), B(J, {
-                key: 1,
-                icon: "tabler:pause",
-                size: "sm",
-                type: "ghost",
-                color: "neutral",
-                onClick: s(t).props.uploadFile.cancel
-              }, null, 8, ["onClick"])) : s(e).canRunUpload(s(t).props.uploadFile) ? (g(), B(J, {
-                key: 2,
-                icon: ["paused", "waiting"].includes(s(t).props.uploadFile.status) ? "tabler:player-play" : "tabler:reload",
-                size: "sm",
-                type: "ghost",
-                color: "neutral",
-                onClick: a[0] || (a[0] = (h) => s(e).resetRequest(s(t).props.uploadFile))
-              }, null, 8, ["icon"])) : G("", !0),
-              w(J, {
-                icon: ["done", "error"].includes(s(t).props.uploadFile.status) ? "tabler:trash" : "tabler:x",
-                size: "sm",
-                type: "ghost",
-                color: "neutral",
-                onClick: a[1] || (a[1] = (h) => s(e).remove(s(t).props.uploadFile))
-              }, null, 8, ["icon"])
-            ];
-          }),
-          _: 1
-        })
-      ], 64);
-    };
-  }
-}), [je, po] = Le("UploadItem"), uo = /* @__PURE__ */ L({
-  ...z("UploadListItem"),
-  __name: "UploadListItem",
-  props: {
-    uploadFile: {}
-  },
-  setup(i) {
-    const e = i, t = me(X, {
-      variants: {
-        size: K(ot, X),
-        listType: K(
-          nt,
-          X
-        ),
-        type: K(Wt, X),
-        status: K(qt, X)
-      }
-    }), o = S(() => {
-      var c, d, l;
-      return ((c = e.uploadFile) == null ? void 0 : c.name) ?? ((l = (d = e.uploadFile) == null ? void 0 : d.originFileObj) == null ? void 0 : l.name);
-    }), n = ke();
-    po({
-      props: e,
-      label: o
-    });
-    const r = () => {
-      var d, l;
-      const c = (l = (d = n.slots).listItem) == null ? void 0 : l.call(d, { ...n, uploadFile: e.uploadFile });
-      return F(c) ? n.props.listType === "card" ? k(co) : k(ao) : c;
-    };
-    return (c, d) => {
-      var l;
-      return g(), U("div", {
-        class: T(
-          s(t)({
-            size: s(n).props.size,
-            listType: s(n).props.listType,
-            type: s(n).props.type,
-            status: (l = c.uploadFile) == null ? void 0 : l.status
-          })
-        )
-      }, [
-        w(r)
-      ], 2);
-    };
-  }
-}), mo = /* @__PURE__ */ L({
-  ...z("UploadList"),
-  __name: "UploadList",
-  setup(i) {
-    const e = ke(), t = me(we, {
-      variants: {
-        size: K(ot, we),
-        listType: K(nt, we)
-      }
-    }), o = () => {
-      var r, c;
-      const n = (c = (r = e.slots).list) == null ? void 0 : c.call(r, e);
-      return F(n) ? e.fileList.value.map(
-        (d) => k(uo, { uploadFile: d, key: d.uid })
-      ) : n;
-    };
-    return (n, r) => {
-      var c;
-      return (c = s(e).fileList.value) != null && c.length ? (g(), U("div", {
-        key: 0,
-        class: T(
-          s(t)({
-            size: s(e).props.size,
-            listType: s(e).props.listType
-          })
-        )
-      }, [
-        w(o)
-      ], 2)) : G("", !0);
-    };
-  }
-}), fo = (i) => new Promise((e) => {
-  i.file((t) => {
-    i.fullPath && !t.webkitRelativePath && Object.defineProperty(t, "webkitRelativePath", {
-      value: i.fullPath.replace(/^\//, ""),
-      writable: !1
-    }), e(t);
-  });
-}), go = (i) => {
-  const e = i.createReader(), t = [];
-  return new Promise((o) => {
-    const n = () => {
-      e.readEntries((r) => {
-        r.length === 0 ? o(t) : (t.push(...r), n());
-      });
-    };
-    n();
-  });
-}, ho = async (i) => {
-  const e = [], t = async (o) => {
-    if (o.isFile) {
-      const n = await fo(o);
-      e.push(n);
-    } else if (o.isDirectory) {
-      const n = await go(o);
-      await Promise.all(n.map(t));
-    }
-  };
-  return await Promise.all(
-    i.map((o) => {
-      var r;
-      const n = (r = o.webkitGetAsEntry) == null ? void 0 : r.call(o);
-      if (n)
-        return t(n);
-    })
-  ), e;
-}, vo = ["accept", "webkitdirectory", "multiple", "value"], pt = /* @__PURE__ */ L({
-  ...z("UploadTrigger"),
-  __name: "UploadTrigger",
-  props: {
-    directory: { type: Boolean },
-    multiple: { type: Boolean },
-    disabled: { type: Boolean },
-    accept: {}
-  },
-  emits: ["addFiles"],
-  setup(i, { emit: e }) {
-    const t = e, o = i, n = D(), r = (u) => {
-      const { files: h } = u.target;
-      t("addFiles", Array.prototype.slice.call(h)), c.value && (c.value.value = "");
-    }, c = D(), d = () => {
-      var u;
-      (u = c.value) == null || u.click();
-    }, l = (u) => {
-      u.key === "Enter" && d();
-    }, a = async (u) => {
-      if (u.preventDefault(), u.type === "dragover")
-        return;
-      let h = [];
-      u.dataTransfer && (o.directory ? h = await ho(Array.prototype.slice.call(u.dataTransfer.items)) : h = Array.prototype.slice.call(u.dataTransfer.files)), o.multiple || (h = h.slice(0, 1)), t(
-        "addFiles",
-        h.filter((v) => et(v, o.accept))
-      );
-    }, p = S(() => o.disabled ? {} : {
-      onClick: d,
-      onKeydown: l,
-      onDrop: a,
-      onDragover: a,
-      tabindex: "0"
-    });
-    return (u, h) => (g(), U("div", le({ class: "uploadTrigger w-fit inline" }, p.value), [
-      ce(u.$slots, "default", ue(de({ ...p.value, disabled: u.disabled }))),
-      ne("input", {
-        type: "file",
-        accept: u.accept,
-        webkitdirectory: u.directory,
-        multiple: u.multiple,
-        value: n.value,
-        onChange: r,
-        ref_key: "inputRef",
-        ref: c,
-        style: { display: "none" }
-      }, null, 40, vo)
-    ], 16));
-  }
-}), ae = 200;
-function yo(i) {
-  return new Promise((e) => {
-    if (!i.type || !Me(De(i.type))) {
-      e("");
-      return;
-    }
-    const t = document.createElement("canvas");
-    t.width = ae, t.height = ae, t.style.cssText = `position: fixed; left: 0; top: 0; width: ${ae}px; height: ${ae}px; z-index: 9999; display: none;`, document.body.appendChild(t);
-    const o = t.getContext("2d"), n = new Image();
-    if (n.onload = () => {
-      const { width: r, height: c } = n;
-      let d = ae, l = ae, a = 0, p = 0;
-      r > c ? (l = c * (ae / r), p = -(l - d) / 2) : (d = r * (ae / c), a = -(d - l) / 2), o.drawImage(n, a, p, d, l);
-      const u = t.toDataURL();
-      document.body.removeChild(t), e(u);
-    }, n.crossOrigin = "anonymous", i.type.startsWith("image/svg+xml")) {
-      const r = new FileReader();
-      r.addEventListener("load", () => {
-        r.result && (n.src = r.result);
-      }), r.readAsDataURL(i);
-    } else
-      n.src = window.URL.createObjectURL(i);
-  });
-}
-const _o = /* @__PURE__ */ L({
-  ...z("Upload", !1),
-  __name: "Upload",
-  props: {
-    onDownload: {},
-    parallelUpload: { type: Boolean },
-    uploadOnSelect: { type: Boolean, default: !0 },
-    pausableChunked: { type: Boolean },
-    noTrigger: { type: Boolean },
-    fileList: {},
-    size: { default: "md" },
-    chunkSize: {},
-    listType: { default: "card" },
-    type: { default: "outline" },
-    go: { type: Boolean, default: !0 },
-    maxCount: {},
-    action: {},
-    getFileIcon: {},
-    directory: { type: Boolean },
-    multiple: { type: Boolean, default: !0 },
-    disabled: { type: Boolean },
-    accept: {}
-  },
-  emits: ["update:fileList", "change", "preview", "createRequest", "resetRequest", "remove"],
-  setup(i, { expose: e, emit: t }) {
-    const o = i, n = t, r = ve(), c = mt(), d = y(Ze, "file"), l = (m) => Ie(m ? y(d, "chunk") : d, !0), a = D([]), p = S(() => o.listType !== "image" && o.pausableChunked);
-    let u = !1;
-    Pe(
-      () => o.fileList,
-      (m) => {
-        var b, O;
-        u = !0, a.value = (O = (b = m ?? []) == null ? void 0 : b.map) == null ? void 0 : O.call(b, (Q) => {
-          if (Q && $e(Q))
-            return Nt(Q, {
-              getUid: l,
-              chunkFile: p.value,
-              chunkSize: o.chunkSize
-            });
-        }).filter(Boolean), ft(() => u = !1);
-      },
-      { immediate: !0, deep: !0 }
-    ), Pe(
-      a,
-      (m) => {
-        u || n("update:fileList", m ?? []);
-      },
-      { immediate: !0, deep: !0 }
-    );
-    const h = S(() => o.maxCount ? Number(o.maxCount) : 0), v = (m) => {
-      if (m) {
-        const b = a.value.findIndex(
-          (O) => O.uid && m.uid && O.uid === m.uid
-        );
-        b === -1 && (!h.value || h.value > a.value.length) ? a.value.push(m) : b > -1 && a.value.splice(b, 0, m), n("change", {
-          file: H(m),
-          fileList: H(a.value),
-          event: "add"
-        });
-      }
-    }, _ = S(
-      () => o.accept ?? o.listType === "image" ? "image/*" : void 0
-    ), R = (m) => {
-      zt(m) && m.filter((b) => !o.directory || et(b, _.value)).forEach((b) => {
-        v(
-          tt(b, {
-            getUid: l,
-            chunkFile: p.value,
-            chunkSize: o.chunkSize
-          })
-        );
-      });
-    }, P = S(
-      () => {
-        var m;
-        return o.uploadOnSelect || o.listType === "image" ? ((m = a.value) == null ? void 0 : m.filter(
-          (b) => b.status === "waiting" && b.originFileObj
-        )) ?? [] : [];
-      }
-    ), M = S(
-      () => {
-        var m;
-        return ((m = a.value) == null ? void 0 : m.filter(
-          (b) => b.status === "uploading" && (b == null ? void 0 : b.cancel)
-        )) ?? [];
-      }
-    ), E = (m, b) => {
-      if (m && b) {
-        const O = a.value.findIndex((Q) => Q.uid === m);
-        O > -1 && (a.value[O] = {
-          ...a.value[O],
-          ...b
-        });
-      }
-    }, C = async (m) => {
-      var b, O, Q, He;
-      if (m.uid && a.value) {
-        const oe = a.value.find((ge) => ge.uid === m.uid);
-        if (oe && Ce(o.action) && (!M.value.length || o.parallelUpload || p.value && ((b = oe.chunks) != null && b.length) && oe.chunks.length > 1 && oe.status === "uploading" && oe.chunks.some((ge) => ge.status === "waiting"))) {
-          const ge = new AbortController(), ut = () => {
-            const $ = () => ge.abort(), f = H(oe);
-            if (p.value && f.chunks && f.chunks.length > 1) {
-              const x = f.chunks.findIndex((Y) => Y.status === "waiting");
-              x > -1 && (f.chunks[x] = {
-                ...f.chunks[x],
-                status: "uploading",
-                cancel: $
-              });
-            }
-            E(f.uid, {
-              ...f,
-              status: "uploading",
-              cancel: $
-            });
-          };
-          let j = {
-            signal: ge.signal,
-            onUploadProgress($) {
-            },
-            uid: m.uid
-          };
-          if (p.value && oe.chunks && oe.chunks.length > 1 && oe.chunks.some(($) => $.status === "waiting")) {
-            const $ = oe.chunks.find((f) => f.status === "waiting");
-            $ != null && $.uid && (j = {
-              ...j,
-              ...kt($, "chunk", "chunkSiz", "index"),
-              chunk_uid: $.uid,
-              onUploadProgress(f) {
-                var Y, ye, ie, Ve;
-                const x = H(
-                  a.value.find((_e) => _e.uid === m.uid)
-                );
-                if (x) {
-                  const _e = (Y = x.chunks) == null ? void 0 : Y.findIndex(
-                    (ze) => ze.uid === $.uid
-                  );
-                  _e !== void 0 && ((ye = x.chunks) != null && ye[_e]) && (x.chunks[_e].percent = Math.round(
-                    f.loaded * 100 / f.total
-                  )), (ie = x.chunks) != null && ie.length && ((Ve = x.chunks) == null ? void 0 : Ve.length) > 1 ? x.percent = Math.min(
-                    Math.max(
-                      x.chunks.reduce((ze, dt) => ze + (dt.percent ?? 0), 0) / (100 * x.chunks.length),
-                      0
-                    ),
-                    100
-                  ) : x.percent = Math.round(f.loaded * 100 / f.total), E(x.uid, x);
-                }
-              }
-            });
-          } else
-            j = {
-              ...j,
-              file: oe.originFileObj,
-              onUploadProgress($) {
-                const f = H(
-                  a.value.find((x) => x.uid === m.uid)
-                );
-                f && E(f.uid, {
-                  percent: Math.round($.loaded * 100 / $.total)
-                });
-              }
-            };
-          if (ut(), j.file || j.chunk) {
-            n("createRequest", m), n("change", {
-              file: H(m),
-              fileList: H(a.value),
-              event: "upload"
-            });
-            try {
-              let $ = await o.action(j);
-              try {
-                typeof $ == "string" && ($ = JSON.parse($));
-              } catch {
-              }
-              let f = H(
-                a.value.find((x) => x.uid === j.uid)
-              );
-              if (f) {
-                let x = !1;
-                if (j.chunk_uid && ((O = f.chunks) != null && O.length) && f.chunks.length > 1) {
-                  const Y = f.chunks.findIndex(
-                    (ie) => ie.uid === j.chunk_uid
-                  );
-                  f.chunks[Y] && (f.chunks[Y] = {
-                    ...f.chunks[Y],
-                    cancel: void 0,
-                    status: "done",
-                    response: $ ?? void 0
-                  });
-                  const ye = f.chunks.every((ie) => ie.status === "done") ? "done" : "uploading";
-                  ye === "done" ? f = {
-                    ...f,
-                    cancel: void 0,
-                    status: ye
-                  } : f.chunks.some((ie) => ie.status === "waiting") && (x = !0);
-                } else
-                  f = {
-                    ...f,
-                    cancel: void 0,
-                    status: "done",
-                    response: $ ?? void 0
-                  };
-                E(j.uid, f), x && await C(f);
-              }
-            } catch ($) {
-              if ($.name === "CanceledError") {
-                let f = H(
-                  a.value.find((x) => x.uid === j.uid)
-                );
-                if (f) {
-                  if (j.chunk_uid && ((Q = f.chunks) != null && Q.length) && f.chunks.length > 1) {
-                    const x = f.chunks.findIndex(
-                      (Y) => Y.uid === j.chunk_uid
-                    );
-                    f.chunks[x] && (f.chunks[x] = {
-                      ...f.chunks[x],
-                      cancel: void 0,
-                      status: "waiting"
-                    }), f = {
-                      ...f,
-                      cancel: void 0,
-                      status: "paused"
-                    }, n("change", {
-                      file: H(f),
-                      fileList: H(a.value),
-                      event: "paused"
-                    });
-                  } else
-                    f = {
-                      ...f,
-                      cancel: void 0,
-                      status: "error"
-                    }, n("change", {
-                      file: H(f),
-                      fileList: H(a.value),
-                      event: "cancel"
-                    });
-                  E(j.uid, f);
-                }
-              } else {
-                let f = H(
-                  a.value.find((x) => x.uid === j.uid)
-                );
-                if (f) {
-                  if (j.chunk_uid && ((He = f.chunks) != null && He.length) && f.chunks.length > 1) {
-                    const x = f.chunks.findIndex(
-                      (Y) => Y.uid === j.chunk_uid
-                    );
-                    f.chunks[x] && (f.chunks[x] = {
-                      ...f.chunks[x],
-                      cancel: void 0,
-                      status: "waiting"
-                    });
-                  }
-                  f = {
-                    ...f,
-                    cancel: void 0,
-                    status: "error",
-                    error: $,
-                    percent: 0
-                  }, n("change", {
-                    file: H(f),
-                    fileList: H(a.value),
-                    event: "failed"
-                  }), E(j.uid, f);
-                }
-              }
-            }
-          }
-        }
-      }
-    }, N = async (m) => {
-      if (m.uid && a.value)
-        return E(m.uid, { status: "waiting" }), n("resetRequest", m), C(m);
-    }, I = async (m) => {
-      if (m.uid && a.value) {
-        const b = H(a.value ?? []), O = b.findIndex((Q) => Q.uid === m.uid);
-        O > -1 && b[O] && (b.splice(O, 1), a.value = b, n("remove", m), n("change", {
-          file: H(m),
-          fileList: H(a.value),
-          event: "remove"
-        }));
-      }
-    }, V = (m) => !!((o.parallelUpload || !M.value.length) && (m.status === "paused" || m.status === "error" || (!o.uploadOnSelect || o.listType === "image") && m.status === "waiting")), te = S(() => {
-      switch (o.size) {
-        case "xlg":
-          return "md";
-        default:
-          return "sm";
-      }
-    });
-    gt(() => {
-      (o.parallelUpload && P.value.length || !M.value.length) && P.value.forEach(C), (a.value || []).forEach((m, b) => {
-        typeof document > "u" || typeof window > "u" || !window.FileReader || !window.File || !(m.originFileObj instanceof File || m.originFileObj instanceof Blob) || m.thumbUrl !== void 0 || (m.thumbUrl = "", yo(m.originFileObj).then((O) => {
-          const Q = O || "";
-          Q !== m.thumbUrl && E(m == null ? void 0 : m.uid, {
-            thumbUrl: Q
-          });
-        }));
-      });
-    });
-    const re = S(() => {
-      switch (o.size) {
-        case "xlg":
-          return "sm";
-        case "lg":
-          return "xsm";
-        default:
-          return "x2sm";
-      }
-    }), W = {
-      props: o,
-      attrs: c,
-      slots: r,
-      emit: n,
-      fileList: ht(a),
-      progressSize: re,
-      uploadableFiles: P,
-      uploadingFiles: M,
-      createRequest: C,
-      resetRequest: N,
-      canRunUpload: V,
-      remove: I,
-      goSize: te,
-      addFiles: R
-    };
-    return Vt(W), e(W), (m, b) => (g(), U(se, null, [
-      m.noTrigger ? G("", !0) : (g(), B(pt, {
-        key: 0,
-        multiple: m.multiple,
-        directory: m.directory,
-        disabled: m.disabled,
-        accept: _.value,
-        onAddFiles: R
-      }, {
-        default: q((O) => [
-          ce(m.$slots, "default", ue(de(O)))
-        ]),
-        _: 3
-      }, 8, ["multiple", "directory", "disabled", "accept"])),
-      ce(m.$slots, "list", ue(de(W)), () => [
-        w(mo)
-      ])
-    ], 64));
-  }
-}), Qo = /* @__PURE__ */ L({
+}), io = /* @__PURE__ */ A({
   ...z("CommentEditor"),
   __name: "CommentEditor",
   props: {
@@ -2014,71 +603,71 @@ const _o = /* @__PURE__ */ L({
     maxHeight: { default: 100 }
   },
   emits: ["openReaction", "openMention", "blur", "focus", "mention", "submit"],
-  setup(i, { emit: e }) {
-    const t = ve(), o = i, n = e, r = y(Z, "editor"), c = D(), d = () => {
-      n("openReaction", c.value);
-    }, l = D(), a = () => {
-      n("openMention", l.value);
-    }, { rootBindings: p, inputBindings: u } = $t({
-      getDisabled: () => o.disabled,
-      emit: n
-    }), h = () => n("submit"), v = S(() => {
-      if (Number(o.maxHeight) > 0)
-        return `${o.maxHeight}px`;
-      if (typeof o.maxHeight == "string")
-        return o.maxHeight;
-    }), _ = D(), R = (P) => {
-      var M;
-      (M = _.value) != null && M.addFiles && P.length && _.value.addFiles(P);
+  setup(m, { emit: s }) {
+    const t = W(), e = m, c = s, a = h(R, "editor"), l = B(), p = () => {
+      c("openReaction", l.value);
+    }, o = B(), v = () => {
+      c("openMention", o.value);
+    }, { rootBindings: y, inputBindings: k } = Pe({
+      getDisabled: () => e.disabled,
+      emit: c
+    }), D = () => c("submit"), r = L(() => {
+      if (Number(e.maxHeight) > 0)
+        return `${e.maxHeight}px`;
+      if (typeof e.maxHeight == "string")
+        return e.maxHeight;
+    }), f = B(), u = (d) => {
+      var S;
+      (S = f.value) != null && S.addFiles && d.length && f.value.addFiles(d);
     };
-    return (P, M) => (g(), U("div", le({
-      class: s(A)(s(r), o.class)
-    }, s(p)), [
-      w(Tt, {
+    return (d, S) => (b(), j("div", V({
+      class: n(C)(n(a), e.class)
+    }, n(y)), [
+      g(xe, {
         overlay: !1,
         hasMask: !1,
-        class: T(s(A)(s(y)(s(r), "editor"), "paragraph", o.editorCls)),
-        style: Se({ maxHeight: v.value })
+        class: O(n(C)(n(h)(n(a), "editor"), "paragraph", e.editorCls)),
+        style: ce({ maxHeight: r.value })
       }, {
-        default: q(() => [
-          ce(P.$slots, "default", ue(de(s(u))))
+        default: T(() => [
+          F(d.$slots, "default", G(N(n(k))))
         ]),
         _: 3
       }, 8, ["class", "style"]),
-      w(_o, le({ noTrigger: "" }, P.uploadProps, {
+      g(Te, V({ noTrigger: "" }, d.uploadProps, {
         ref_key: "uploadRef",
-        ref: _
-      }), Te({ _: 2 }, [
-        he(Object.keys(s(bt)(t, "default")), (E) => ({
-          name: E,
-          fn: q((C) => [
-            ce(P.$slots, E, ue(de(C)))
+        ref: f
+      }), X({ _: 2 }, [
+        K(Object.keys(n(me)(t, "default")), (P) => ({
+          name: P,
+          fn: T((i) => [
+            F(d.$slots, P, G(N(i)))
           ])
         }))
       ]), 1040),
-      ne("div", {
-        class: T(s(A)(s(y)(s(r), "footer"), o.footerCls))
+      U("div", {
+        class: O(n(C)(n(h)(n(a), "footer"), e.footerCls))
       }, [
-        w(Xe),
-        ne("div", {
-          class: T(s(A)(s(y)(s(r), "actions"), o.actionsCls))
+        g(ke),
+        U("div", {
+          class: O(n(C)(n(h)(n(a), "actions"), e.actionsCls))
         }, [
-          ne("div", null, [
-            w(J, {
+          U("div", null, [
+            g(w, {
               icon: "tabler:at",
               color: "neutral",
               type: "ghost",
               ref_key: "mentionRef",
-              ref: l,
-              onClick: a
+              ref: o,
+              onClick: v
             }, null, 512),
-            w(pt, {
+            g($e, {
               accept: "image/*",
               multiple: "",
-              onAddFiles: R
+              onAddFiles: u
             }, {
-              default: q(() => [
-                w(J, {
+              default: T(() => [
+                g(w, {
                   icon: "tabler:photo",
                   color: "neutral",
                   type: "ghost"
@@ -2086,25 +675,25 @@ const _o = /* @__PURE__ */ L({
               ]),
               _: 1
             }),
-            w(J, {
+            g(w, {
               icon: "tabler:mood-plus",
               color: "neutral",
               type: "ghost",
               ref_key: "reactionRef",
-              ref: c,
-              onClick: d
+              ref: l,
+              onClick: p
             }, null, 512)
           ]),
-          w(J, {
-            disabled: P.isEmpty,
+          g(w, {
+            disabled: d.isEmpty,
             icon: "tabler:arrow-up",
-            onClick: h
+            onClick: D
           }, null, 8, ["disabled"])
         ], 2)
       ], 2)
     ], 16));
   }
-}), Co = ["tabindex", "disabled"], Xo = /* @__PURE__ */ L({
+}), we = ["tabindex", "disabled"], lo = /* @__PURE__ */ A({
   ...z("CommentTrigger"),
   __name: "CommentTrigger",
   props: {
@@ -2118,42 +707,42 @@ const _o = /* @__PURE__ */ L({
     shortcutProps: {}
   },
   emits: ["add"],
-  setup(i, { emit: e }) {
-    const t = ve(), o = i, n = e, r = y(Z, "trigger"), c = (l) => {
-      !o.ignoeShortcut && l.code === "KeyC" && l.altKey && d(l);
+  setup(m, { emit: s }) {
+    const t = W(), e = m, c = s, a = h(R, "trigger"), l = (o) => {
+      !e.ignoeShortcut && o.code === "KeyC" && o.altKey && p(o);
     };
-    vt(() => {
-      o.withShortcut && addEventListener("keyup", c);
-    }), yt(() => {
-      o.withShortcut && removeEventListener("keyup", c);
-    }), o.withShortcut;
-    const d = (l) => n("add", l);
-    return (l, a) => (g(), U("div", {
-      class: T(s(A)(s(r), o.class)),
-      tabindex: l.disabled ? -1 : 0,
-      disabled: l.disabled ? "" : void 0,
-      onPointerdown: Ge(d, ["stop"]),
-      onKeyup: Ge(d, ["stop"])
+    de(() => {
+      e.withShortcut && addEventListener("keyup", l);
+    }), ue(() => {
+      e.withShortcut && removeEventListener("keyup", l);
+    }), e.withShortcut;
+    const p = (o) => c("add", o);
+    return (o, v) => (b(), j("div", {
+      class: O(n(C)(n(a), e.class)),
+      tabindex: o.disabled ? -1 : 0,
+      disabled: o.disabled ? "" : void 0,
+      onPointerdown: oe(p, ["stop"]),
+      onKeyup: oe(p, ["stop"])
     }, [
-      w(Je, le(l.avatarProps ?? {}, {
+      g(ae, V(o.avatarProps ?? {}, {
         size: "sm",
-        src: l.src
-      }), Te({ _: 2 }, [
-        he(Object.keys(t), (p) => ({
-          name: p,
-          fn: q((u) => [
-            ce(l.$slots, p, ue(de(u)))
+        src: o.src
+      }), X({ _: 2 }, [
+        K(Object.keys(t), (y) => ({
+          name: y,
+          fn: T((k) => [
+            F(o.$slots, y, G(N(k)))
           ])
         }))
       ]), 1040, ["src"]),
-      ne("div", {
-        class: T(s(y)(s(r), "text"))
+      U("div", {
+        class: O(n(h)(n(a), "text"))
       }, [
-        ce(l.$slots, "text", {}, () => [
-          qe(Ue(l.text), 1)
+        F(o.$slots, "text", {}, () => [
+          ne(Q(o.text), 1)
         ])
       ], 2),
-      w(At, le(l.shortcutProps ?? {}, { items: [
+      g(Oe, V(o.shortcutProps ?? {}, { items: [
         {
           text: "Alt"
         },
@@ -2161,77 +750,77 @@ const _o = /* @__PURE__ */ L({
           text: "C"
         }
       ] }), null, 16)
-    ], 42, Co));
+    ], 42, we));
   }
-}), Yo = (i) => {
-  const e = D(!1), t = D(), o = D(!1), n = (C, N = !1) => {
-    e.value = !0, o.value = N, t.value = C;
-  }, r = D(!1), c = D(), d = (C) => {
-    r.value = !0, c.value = C;
-  }, l = S(() => ({
-    open: e.value,
+}), ro = (m) => {
+  const s = B(!1), t = B(), e = B(!1), c = (i, x = !1) => {
+    s.value = !0, e.value = x, t.value = i;
+  }, a = B(!1), l = B(), p = (i) => {
+    a.value = !0, l.value = i;
+  }, o = L(() => ({
+    open: s.value,
     reference: t.value,
-    "onUpdate:open": (C) => e.value = C,
-    onReaction: (C) => {
-      var N, I;
-      if (o.value)
+    "onUpdate:open": (i) => s.value = i,
+    onReaction: (i) => {
+      var x, M;
+      if (e.value)
         try {
-          (N = i.addEmoji) == null || N.call(i, C);
-        } catch (V) {
-          console.log("error on reaction ===>", V);
+          (x = m.addEmoji) == null || x.call(m, i);
+        } catch (I) {
+          console.log("error on reaction ===>", I);
         }
       try {
-        (I = i.onReaction) == null || I.call(i, C);
-      } catch (V) {
-        console.log("error on reaction ===>", V);
+        (M = m.onReaction) == null || M.call(m, i);
+      } catch (I) {
+        console.log("error on reaction ===>", I);
       }
     }
-  })), a = S(() => ({
-    open: r.value,
-    reference: c.value,
-    "onUpdate:open": (C) => r.value = C
-  })), p = D(!1), u = D(), h = D(), v = D(!1), _ = S(() => ({
-    open: p.value,
-    "onUpdate:open": (C) => p.value = C,
-    search: u.value,
-    "onUpdate:search": (C) => u.value = C,
-    reference: h.value,
-    headerSearch: v.value,
-    onPointerDownOutside: P,
-    onEscapeKeyDown: P
-  })), R = (C) => {
-    C && (h.value = { getBoundingClientRect: C }, p.value = !0, v.value = !1);
-  }, P = () => {
-    h.value = void 0, p.value = !1, u.value = void 0;
-  }, M = (C) => {
-    u.value = C;
-  }, E = S(() => ({
-    onOpenReaction: (C) => n(C, !0),
-    onOpenMention: (C) => {
-      C && (h.value = C, p.value = !0, v.value = !0);
+  })), v = L(() => ({
+    open: a.value,
+    reference: l.value,
+    "onUpdate:open": (i) => a.value = i
+  })), y = B(!1), k = B(), D = B(), r = B(!1), f = L(() => ({
+    open: y.value,
+    "onUpdate:open": (i) => y.value = i,
+    search: k.value,
+    "onUpdate:search": (i) => k.value = i,
+    reference: D.value,
+    headerSearch: r.value,
+    onPointerDownOutside: d,
+    onEscapeKeyDown: d
+  })), u = (i) => {
+    i && (D.value = { getBoundingClientRect: i }, y.value = !0, r.value = !1);
+  }, d = () => {
+    D.value = void 0, y.value = !1, k.value = void 0;
+  }, S = (i) => {
+    k.value = i;
+  }, P = L(() => ({
+    onOpenReaction: (i) => c(i, !0),
+    onOpenMention: (i) => {
+      i && (D.value = i, y.value = !0, r.value = !0);
     }
   }));
   return {
-    reactionBinding: l,
-    actionBinding: a,
-    editorBinding: E,
-    mentionBinding: _,
-    openActions: d,
-    openReaction: n,
-    openMentionInEditor: R,
-    closeMentionInEditor: P,
-    updateMentionQuery: M
+    reactionBinding: o,
+    actionBinding: v,
+    editorBinding: P,
+    mentionBinding: f,
+    openActions: p,
+    openReaction: c,
+    openMentionInEditor: u,
+    closeMentionInEditor: d,
+    updateMentionQuery: S
   };
 };
 export {
-  qo as Comment,
-  Wo as CommentAction,
-  Qo as CommentEditor,
-  Jo as CommentMention,
-  Ko as CommentReaction,
-  Xo as CommentTrigger,
-  Z as commentPrefix,
-  Ye as injectCommentContext,
-  Ht as provideCommentContext,
-  Yo as useComment
+  to as Comment,
+  no as CommentAction,
+  io as CommentEditor,
+  ao as CommentMention,
+  so as CommentReaction,
+  lo as CommentTrigger,
+  R as commentPrefix,
+  ie as injectCommentContext,
+  Me as provideCommentContext,
+  ro as useComment
 };