@pantograph/vue 0.23.32 → 0.23.35

package/dist/Comment/index.js

@@ -1,91 +1,111 @@
-import { defineComponent as w, ref as B, createElementBlock as I, createCommentVNode as V, unref as n, openBlock as b, normalizeClass as E, createBlock as M, createVNode as g, Fragment as re, renderList as N, withCtx as $, createTextVNode as te, toDisplayString as q, useSlots as K, createElementVNode as L, h as _, mergeProps as H, isRef as ne, createSlots as J, renderSlot as U, normalizeProps as F, guardReactiveProps as G, computed as j, normalizeStyle as pe, onMounted as ce, onBeforeUnmount as de, withModifiers as ee } from "vue";
-import { u as X, j as T, k as Q, o as ue } from "../Icon.vue_vue_type_style_index_0_lang-B5G5kKKT.js";
-import { _ as se } from "../Avatar.vue_vue_type_style_index_0_lang-Cu0myQ2q.js";
-import { _ as me } from "../Badge.vue_vue_type_script_setup_true_lang-xUkbs4Ce.js";
-import { cva as fe } from "class-variance-authority";
-import { _ as he } from "../GraphicalObject.vue_vue_type_script_setup_true_lang-wa2gzF3h.js";
+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 { 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 "@iconify/vue";
-import { normCls as C, getBemElement as h, getBemBlock as ye, generateVariantClassList as Ce } from "@pantograph/utils";
-import { _ as z } from "../IconButton.vue_vue_type_script_setup_true_lang-C2rb5OIv.js";
-import { _ as ge } from "../ActionButton.vue_vue_type_script_setup_true_lang-CDY-S7kB.js";
-import { createContext as ve } from "reka-ui";
-import { _ as _e } from "../Popover.vue_vue_type_style_index_0_lang-Dk4VAxwA.js";
-import { _ as Be, a as oe } from "../MenuItem.vue_vue_type_style_index_0_lang-CbDniwiC.js";
-import { _ as be } from "../GOPicker.vue_vue_type_style_index_0_lang-BVoqsUSP.js";
-import { _ as Se } from "../Combobox.vue_vue_type_style_index_0_lang-acRV8Hk_.js";
-import { _ as Re } from "../Divider.vue_vue_type_style_index_0_lang-B6fQsp1Y.js";
-import { U as Pe } from "../useInputDataStates-BqxUx2nG.js";
-import { _ as ke } from "../ScrollContainer.vue_vue_type_style_index_0_lang-BAxwM8rQ.js";
-import { _ as xe, a as $e } from "../Upload.vue_vue_type_style_index_0_lang-C8T8U6MX.js";
-import { _ as Te } from "../Shortcut.vue_vue_type_style_index_0_lang-DaEXMuLd.js";
-const Ee = /* @__PURE__ */ w({
+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({
+  ...z("CommentActions"),
   __name: "CommentActions",
-  setup(m) {
-    const i = ae(), t = B(), e = B(), c = () => {
-      i.emit("openActions", e.value);
-    }, s = () => {
-      i.emit("openReaction", t.value);
+  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");
     };
-    return (l, p) => n(i).props.hasReaction || n(i).props.hasEdit || n(i).props.hasDelete ? (b(), I("div", {
+    return (d, l) => s(e).props.hasReaction || s(e).props.hasEdit || s(e).props.hasDelete ? (g(), U("div", {
       key: 0,
-      class: E(n(C)([n(h)(n(S), "actions"), n(i).props.actionsCls]))
+      class: T(s(A)(s(y)(s(Z), "actions"), s(e).props.actionsCls))
     }, [
-      n(i).props.hasReaction ? (b(), M(z, {
+      s(e).props.hasReply ? (g(), B(J, {
         key: 0,
-        icon: "tabler:mood-plus",
+        icon: "tabler:corner-up-left",
         color: "neutral",
         type: "ghost",
         ref_key: "reactionRef",
         ref: t,
-        onClick: s
-      }, null, 512)) : V("", !0),
-      n(i).props.hasEdit || n(i).props.hasDelete ? (b(), M(z, {
+        flipOnDir: "rtl",
+        onClick: c
+      }, null, 512)) : G("", !0),
+      s(e).props.hasReaction ? (g(), B(J, {
         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, {
+        key: 2,
         icon: "tabler:dots-vertical",
         color: "neutral",
         type: "ghost",
         ref_key: "actionRef",
-        ref: e,
-        onClick: c
-      }, null, 512)) : V("", !0)
-    ], 2)) : V("", !0);
+        ref: o,
+        onClick: n
+      }, null, 512)) : G("", !0)
+    ], 2)) : G("", !0);
   }
-}), Oe = /* @__PURE__ */ w({
+}), jt = /* @__PURE__ */ L({
+  ...z("CommentReactions"),
   __name: "CommentReactions",
-  setup(m) {
-    const i = ae(), t = B(), e = () => {
-      i.emit("openReaction", t.value);
-    }, c = (s) => {
-      s && !s.active && i.emit("reaction", s.emoji);
+  setup(i) {
+    const e = Ye(), t = D(), o = () => {
+      e.emit("openReaction", t.value);
+    }, n = (r) => {
+      r && !r.active && e.emit("reaction", r.emoji);
     };
-    return (s, l) => {
-      var p;
-      return n(i).props.hasReaction && ((p = n(i).props.reactions) != null && p.some((o) => o.count && o.emoji)) ? (b(), I("div", {
+    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", {
         key: 0,
-        class: E(n(C)([n(h)(n(S), "reactions"), n(i).props.reactionsCls]))
+        class: T(s(A)(s(y)(s(Z), "reactions"), s(e).props.reactionsCls))
       }, [
-        (b(!0), I(re, null, N(n(i).props.reactions, (o) => (b(), M(ge, {
-          key: o == null ? void 0 : o.emoji,
-          active: o == null ? void 0 : o.active,
-          onClick: (v) => c(o)
+        (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)
         }, {
-          default: $(() => [
-            te(q(o == null ? void 0 : o.emoji) + " " + q(o == null ? void 0 : o.count), 1)
+          default: q(() => [
+            qe(Ue(l == null ? void 0 : l.emoji) + " " + Ue(l == null ? void 0 : l.count), 1)
           ]),
           _: 2
         }, 1032, ["active", "onClick"]))), 128)),
-        g(z, {
+        w(J, {
           icon: "tabler:mood-plus",
           color: "neutral",
           type: "outline",
           ref_key: "reactionRef",
           ref: t,
-          onClick: e
+          onClick: o
         }, null, 512)
-      ], 2)) : V("", !0);
+      ], 2)) : G("", !0);
     };
   }
-}), S = ye("comment"), [ae, De] = ve("Comment"), eo = /* @__PURE__ */ w({
+}), Z = Ae("comment"), [Ye, Ht] = Le("Comment"), qo = /* @__PURE__ */ L({
+  ...z("Comment"),
   __name: "Comment",
   props: {
     class: {},
@@ -112,183 +132,182 @@ const Ee = /* @__PURE__ */ w({
     hasReaction: { type: Boolean, default: !0 },
     hasEdit: { type: Boolean, default: !0 },
     hasDelete: { type: Boolean, default: !0 },
+    hasReply: { type: Boolean, default: !0 },
     reactions: {}
   },
-  emits: ["update:open", "openActions", "reaction", "openReaction"],
-  setup(m, { emit: i }) {
-    const t = m, e = K(), c = i, s = X(t, "open", c, {
+  emits: ["update:open", "openActions", "reaction", "reply", "openReaction"],
+  setup(i, { emit: e }) {
+    const t = i, o = ve(), n = e, r = Oe(t, "open", n, {
       passive: t.open === void 0
-    }), l = () => {
-      var d;
-      let r;
-      const f = (d = e.author) == null ? void 0 : d.call(e, {});
-      return !T(f) ? r = f : r = t.author, r ? _(
+    }), c = () => {
+      var P;
+      let v;
+      const _ = (P = o.author) == null ? void 0 : P.call(o, {});
+      return !F(_) ? v = _ : v = t.author, v ? k(
         "div",
         {
-          class: C([h(S, "author"), t.authorCls])
+          class: A(y(Z, "author"), t.authorCls)
         },
-        r
+        v
       ) : null;
-    }, p = () => {
-      var d;
-      let r;
-      const f = (d = e.datetime) == null ? void 0 : d.call(e, {});
-      return !T(f) ? r = f : r = t.datetime, r ? _(
+    }, d = () => {
+      var P;
+      let v;
+      const _ = (P = o.datetime) == null ? void 0 : P.call(o, {});
+      return !F(_) ? v = _ : v = t.datetime, v ? k(
         "div",
         {
-          class: C([h(S, "datetime"), t.datetimeCls])
+          class: A(y(Z, "datetime"), t.datetimeCls)
         },
-        r
+        v
       ) : null;
-    }, o = () => {
-      var d, R;
-      const r = (d = e.header) == null ? void 0 : d.call(e, {}), f = !T(r);
-      let u;
-      if (f) u = r;
+    }, l = () => {
+      var P, M;
+      const v = (P = o.header) == null ? void 0 : P.call(o, {}), _ = !F(v);
+      let R;
+      if (_) R = v;
       else {
-        u = [];
-        const k = (R = e.avatar) == null ? void 0 : R.call(e, {});
-        !T(k) ? u.push(k) : t.avatar && u.push(_(se, { ...t.avatarProps ?? {}, src: t.avatar }));
-        const x = l(), D = p();
-        (x || D) && u.push(
-          _(
+        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(
             "div",
             {
-              class: C([
-                h(S, "header__content"),
-                t.headerContentCls
-              ])
+              class: A(y(Z, "header__content"), t.headerContentCls)
             },
-            [x, D]
+            [N, I]
           )
-        ), u.length || (u = void 0);
+        ), R.length || (R = void 0);
       }
-      return u ? (u.push(_(Ee)), _(
+      return R ? (R.push(k(Dt)), k(
         "div",
-        { class: C([h(S, "header"), t.headerCls]) },
-        u
+        { class: A(y(Z, "header"), t.headerCls) },
+        R
       )) : null;
-    }, v = () => {
-      var u;
-      const r = (u = e.content) == null ? void 0 : u.call(e, {}), f = !T(r);
-      if (f || t.content)
-        return _(
+    }, a = () => {
+      var R;
+      const v = (R = o.content) == null ? void 0 : R.call(o, {}), _ = !F(v);
+      if (_ || t.content)
+        return k(
           "div",
           {
-            class: C([h(S, "content"), t.contentCls, "paragraph"]),
-            innerHTML: f ? void 0 : t.content
+            class: A(y(Z, "content"), t.contentCls, "paragraph"),
+            innerHTML: _ ? void 0 : t.content
           },
-          f ? r : void 0
+          _ ? v : void 0
         );
-    }, y = h(S, "replies"), P = fe(y, {
+    }, p = y(Z, "replies"), u = me(p, {
       variants: {
-        open: Ce("open", y)
+        open: K("open", p)
       }
-    }), O = () => {
-      var R;
-      const r = (R = e.replies) == null ? void 0 : R.call(e, {}), f = !T(r), u = () => {
-        var x, D, A;
-        const k = (x = e.repliesHeader) == null ? void 0 : x.call(e, { open: !!s.value }), a = [];
-        if (!T(k))
-          a.push(k);
+    }), 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);
         else {
-          a.push(
-            _(
-              he,
+          C.push(
+            k(
+              Qe,
               {
                 size: "xsm",
                 bg: "transparent",
                 br: "transparent"
               },
               {
-                default: () => _(Q, {
+                default: () => k(Re, {
                   icon: "tabler:chevron-down",
-                  class: h(y, "icon"),
+                  class: y(p, "icon"),
                   size: "2xsm"
                 })
               }
             )
           );
-          const Y = (D = e.repliesCount) == null ? void 0 : D.call(e, {}), ie = !T(Y), Z = (A = e.repliesTitle) == null ? void 0 : A.call(e, {}), le = !T(Z);
-          let W;
-          le ? W = Z : W = t.repliesTitle, a.push(
-            _(
+          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(
               "div",
               {
-                class: C([h(y, "title"), t.repliesTitleCls])
+                class: A(y(p, "title"), t.repliesTitleCls)
               },
-              W
+              b
             )
-          ), (ie || t.repliesCount) && a.push(
-            _(
-              me,
+          ), (re || t.repliesCount) && C.push(
+            k(
+              xt,
               {
                 color: "primary-subtle",
                 text: t.repliesCount,
                 size: "xsm"
               },
               {
-                text: () => Y
+                text: () => te
               }
             )
           );
         }
-        return _(
+        return k(
           "div",
           {
-            class: C([h(y, "header"), t.repliesHeaderCls]),
+            class: A(y(p, "header"), t.repliesHeaderCls),
             onClick: () => {
-              s.value = !s.value;
+              r.value = !r.value;
             }
           },
-          a
+          C
         );
-      }, d = () => {
-        if (s.value)
+      }, P = () => {
+        if (r.value)
           return [
-            _(
+            k(
               "div",
               {
-                class: C([h(y, "content"), t.repliesContentCls])
+                class: A(y(p, "content"), t.repliesContentCls)
               },
-              r
+              v
             ),
-            _("div", {
-              class: h(y, "line")
+            k("div", {
+              class: y(p, "line")
             })
           ];
       };
-      return f ? _(
+      return _ ? k(
         "div",
         {
-          class: C([
-            P({
-              open: !!s.value
+          class: A(
+            u({
+              open: !!r.value
             }),
             t.repliesCls
-          ])
+          )
         },
-        [u(), d()]
+        [R(), P()]
       ) : null;
     };
-    return De({
-      emit: c,
+    return Ht({
+      emit: n,
       props: t,
-      slots: e
-    }), (r, f) => (b(), I("div", {
-      class: E(n(C)([n(S), t.class]))
+      slots: o
+    }), (v, _) => (g(), U("div", {
+      class: T(s(A)(s(Z), t.class))
     }, [
-      g(o),
-      L("div", {
-        class: E(n(C)([n(h)(n(S), "body"), t.bodyCls]))
+      w(l),
+      ne("div", {
+        class: T(s(A)(s(y)(s(Z), "body"), t.bodyCls))
       }, [
-        g(v),
-        g(Oe),
-        g(O)
+        w(a),
+        w(jt),
+        w(h)
       ], 2)
     ], 2));
   }
-}), oo = /* @__PURE__ */ w({
+}), Wo = /* @__PURE__ */ L({
+  ...z("CommentAction"),
   __name: "CommentAction",
   props: {
     hasEdit: { type: Boolean, default: !0 },
@@ -298,6 +317,7 @@ const Ee = /* @__PURE__ */ w({
     dir: {},
     class: {},
     containerCls: {},
+    containerClass: {},
     containerProps: {},
     trigger: {},
     size: {},
@@ -330,52 +350,52 @@ const Ee = /* @__PURE__ */ w({
     disableOutsidePointerEvents: { type: Boolean }
   },
   emits: ["edit", "delete", "update:open"],
-  setup(m, { emit: i }) {
-    const t = m, e = i, c = () => {
-      e("edit"), l.value = !1;
-    }, s = () => {
-      e("delete"), l.value = !1;
-    }, l = X(t, "open", e, {
+  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, {
       passive: t.open === void 0
     });
-    return (p, o) => (b(), M(n(_e), H(t, {
-      open: n(l),
-      "onUpdate:open": o[0] || (o[0] = (v) => ne(l) ? l.value = v : null),
+    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),
       placement: "bottom-end",
       sideOffset: 3,
       trigger: "click",
       openDelay: 0
     }), {
-      content: $(() => [
-        g(Be, { style: { width: "116px" } }, {
-          default: $(() => [
-            p.hasEdit ? (b(), M(oe, {
+      content: q(() => [
+        w(St, { style: { width: "116px" } }, {
+          default: q(() => [
+            d.hasEdit ? (g(), B(Ne, {
               key: "edit",
-              title: p.editText,
-              onClick: c
+              title: d.editText,
+              onClick: n
             }, {
-              leading: $(({ iconSize: v }) => [
-                g(Q, {
+              leading: q(({ iconSize: a }) => [
+                w(Re, {
                   icon: "tabler:edit",
-                  size: v
+                  size: a
                 }, null, 8, ["size"])
               ]),
               _: 1
-            }, 8, ["title"])) : V("", !0),
-            p.hasDelete ? (b(), M(oe, {
+            }, 8, ["title"])) : G("", !0),
+            d.hasDelete ? (g(), B(Ne, {
               key: "delete",
-              title: p.deleteText,
+              title: d.deleteText,
               danger: "",
-              onClick: s
+              onClick: r
             }, {
-              leading: $(({ iconSize: v }) => [
-                g(Q, {
+              leading: q(({ iconSize: a }) => [
+                w(Re, {
                   icon: "tabler:trash",
-                  size: v
+                  size: a
                 }, null, 8, ["size"])
               ]),
               _: 1
-            }, 8, ["title"])) : V("", !0)
+            }, 8, ["title"])) : G("", !0)
           ]),
           _: 1
         })
@@ -383,7 +403,8 @@ const Ee = /* @__PURE__ */ w({
       _: 1
     }, 16, ["open"]));
   }
-}), to = /* @__PURE__ */ w({
+}), Ko = /* @__PURE__ */ L({
+  ...z("CommentReaction"),
   __name: "CommentReaction",
   props: {
     reference: {},
@@ -424,13 +445,13 @@ const Ee = /* @__PURE__ */ w({
     resetColorsOnChangeType: {}
   },
   emits: ["reaction", "update:open"],
-  setup(m, { emit: i }) {
-    const t = m, e = i, c = (l) => {
-      e("reaction", l.value), s.value = !1;
-    }, s = X(t, "open", e, {
+  setup(i, { emit: e }) {
+    const t = i, o = e, n = (c) => {
+      o("reaction", c.value), r.value = !1;
+    }, r = Oe(t, "open", o, {
       passive: t.open === void 0
     });
-    return (l, p) => (b(), M(be, H(t, {
+    return (c, d) => (g(), B(Rt, le(t, {
       noTrigger: "",
       hideClear: "",
       hideGroup: "",
@@ -438,18 +459,19 @@ const Ee = /* @__PURE__ */ w({
       hideRandom: "",
       group: "emoji",
       popoverProps: {
-        ...l.popoverProps ?? {},
-        reference: l.reference
+        ...c.popoverProps ?? {},
+        reference: c.reference
       },
       placement: "bottom-end",
       visibleColorPickers: [],
       noModel: "",
-      onSelect: c,
-      open: n(s),
-      "onUpdate:open": p[0] || (p[0] = (o) => ne(s) ? s.value = o : null)
+      onSelect: n,
+      open: s(r),
+      "onUpdate:open": d[0] || (d[0] = (l) => We(r) ? r.value = l : null)
     }), null, 16, ["popoverProps", "open"]));
   }
-}), no = /* @__PURE__ */ w({
+}), Jo = /* @__PURE__ */ L({
+  ...z("CommentMention"),
   __name: "CommentMention",
   props: {
     size: {},
@@ -553,24 +575,1432 @@ const Ee = /* @__PURE__ */ w({
     defer: { type: Boolean }
   },
   emits: ["mention"],
-  setup(m, { emit: i }) {
-    const t = m, e = i, c = K(), s = (l, p, o) => {
-      e("mention", l, o);
+  setup(i, { emit: e }) {
+    const t = i, o = e, n = ve(), r = (c, d, l) => {
+      o("mention", c, l);
     };
-    return (l, p) => (b(), M(Se, H(t, {
+    return (c, d) => (g(), B(It, le(t, {
       modelValue: "",
-      onSelect: s,
+      onSelect: r,
       noTrigger: ""
-    }), J({ _: 2 }, [
-      N(Object.keys(c), (o) => ({
-        name: o,
-        fn: $((v) => [
-          U(l.$slots, o, F(G(v)))
+    }), Te({ _: 2 }, [
+      he(Object.keys(n), (l) => ({
+        name: l,
+        fn: q((a) => [
+          ce(c.$slots, l, ue(de(a)))
         ])
       }))
     ]), 1040));
   }
-}), so = /* @__PURE__ */ w({
+}), 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({
+  ...z("CommentEditor"),
   __name: "CommentEditor",
   props: {
     class: {},
@@ -584,71 +2014,71 @@ const Ee = /* @__PURE__ */ w({
     maxHeight: { default: 100 }
   },
   emits: ["openReaction", "openMention", "blur", "focus", "mention", "submit"],
-  setup(m, { emit: i }) {
-    const t = K(), e = m, c = i, s = h(S, "editor"), l = B(), p = () => {
-      c("openReaction", l.value);
-    }, o = B(), v = () => {
-      c("openMention", o.value);
-    }, { rootBindings: y, inputBindings: P } = Pe({
-      getDisabled: () => e.disabled,
-      emit: c
-    }), O = () => c("submit"), r = j(() => {
-      if (Number(e.maxHeight) > 0)
-        return `${e.maxHeight}px`;
-      if (typeof e.maxHeight == "string")
-        return e.maxHeight;
-    }), f = B(), u = (d) => {
-      var R;
-      (R = f.value) != null && R.addFiles && d.length && f.value.addFiles(d);
+  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);
     };
-    return (d, R) => (b(), I("div", H({
-      class: n(C)([n(s), e.class])
-    }, n(y)), [
-      g(ke, {
+    return (P, M) => (g(), U("div", le({
+      class: s(A)(s(r), o.class)
+    }, s(p)), [
+      w(Tt, {
         overlay: !1,
         hasMask: !1,
-        class: E(n(C)([n(h)(n(s), "editor"), "paragraph", e.editorCls])),
-        style: pe({ maxHeight: r.value })
+        class: T(s(A)(s(y)(s(r), "editor"), "paragraph", o.editorCls)),
+        style: Se({ maxHeight: v.value })
       }, {
-        default: $(() => [
-          U(d.$slots, "default", F(G(n(P))))
+        default: q(() => [
+          ce(P.$slots, "default", ue(de(s(u))))
         ]),
         _: 3
       }, 8, ["class", "style"]),
-      g(xe, H({ noTrigger: "" }, d.uploadProps, {
+      w(_o, le({ noTrigger: "" }, P.uploadProps, {
         ref_key: "uploadRef",
-        ref: f
-      }), J({ _: 2 }, [
-        N(Object.keys(n(ue)(t, "default")), (k) => ({
-          name: k,
-          fn: $((a) => [
-            U(d.$slots, k, F(G(a)))
+        ref: _
+      }), Te({ _: 2 }, [
+        he(Object.keys(s(bt)(t, "default")), (E) => ({
+          name: E,
+          fn: q((C) => [
+            ce(P.$slots, E, ue(de(C)))
           ])
         }))
       ]), 1040),
-      L("div", {
-        class: E(n(C)([n(h)(n(s), "footer"), e.footerCls]))
+      ne("div", {
+        class: T(s(A)(s(y)(s(r), "footer"), o.footerCls))
       }, [
-        g(Re),
-        L("div", {
-          class: E(n(C)([n(h)(n(s), "actions"), e.actionsCls]))
+        w(Xe),
+        ne("div", {
+          class: T(s(A)(s(y)(s(r), "actions"), o.actionsCls))
         }, [
-          L("div", null, [
-            g(z, {
+          ne("div", null, [
+            w(J, {
               icon: "tabler:at",
               color: "neutral",
               type: "ghost",
               ref_key: "mentionRef",
-              ref: o,
-              onClick: v
+              ref: l,
+              onClick: a
             }, null, 512),
-            g($e, {
+            w(pt, {
               accept: "image/*",
               multiple: "",
-              onAddFiles: u
+              onAddFiles: R
             }, {
-              default: $(() => [
-                g(z, {
+              default: q(() => [
+                w(J, {
                   icon: "tabler:photo",
                   color: "neutral",
                   type: "ghost"
@@ -656,25 +2086,26 @@ const Ee = /* @__PURE__ */ w({
               ]),
               _: 1
             }),
-            g(z, {
+            w(J, {
               icon: "tabler:mood-plus",
               color: "neutral",
               type: "ghost",
               ref_key: "reactionRef",
-              ref: l,
-              onClick: p
+              ref: c,
+              onClick: d
             }, null, 512)
           ]),
-          g(z, {
-            disabled: d.isEmpty,
+          w(J, {
+            disabled: P.isEmpty,
             icon: "tabler:arrow-up",
-            onClick: O
+            onClick: h
           }, null, 8, ["disabled"])
         ], 2)
       ], 2)
     ], 16));
   }
-}), Me = ["tabindex", "disabled"], ao = /* @__PURE__ */ w({
+}), Co = ["tabindex", "disabled"], Xo = /* @__PURE__ */ L({
+  ...z("CommentTrigger"),
   __name: "CommentTrigger",
   props: {
     class: {},
@@ -687,42 +2118,42 @@ const Ee = /* @__PURE__ */ w({
     shortcutProps: {}
   },
   emits: ["add"],
-  setup(m, { emit: i }) {
-    const t = K(), e = m, c = i, s = h(S, "trigger"), l = (o) => {
-      !e.ignoeShortcut && o.code === "KeyC" && o.altKey && p(o);
+  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);
     };
-    ce(() => {
-      e.withShortcut && addEventListener("keyup", l);
-    }), de(() => {
-      e.withShortcut && removeEventListener("keyup", l);
-    }), e.withShortcut;
-    const p = (o) => c("add", o);
-    return (o, v) => (b(), I("div", {
-      class: E(n(C)([n(s), e.class])),
-      tabindex: o.disabled ? -1 : 0,
-      disabled: o.disabled ? "" : void 0,
-      onPointerdown: ee(p, ["stop"]),
-      onKeyup: ee(p, ["stop"])
+    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"])
     }, [
-      g(se, H(o.avatarProps ?? {}, {
+      w(Je, le(l.avatarProps ?? {}, {
         size: "sm",
-        src: o.src
-      }), J({ _: 2 }, [
-        N(Object.keys(t), (y) => ({
-          name: y,
-          fn: $((P) => [
-            U(o.$slots, y, F(G(P)))
+        src: l.src
+      }), Te({ _: 2 }, [
+        he(Object.keys(t), (p) => ({
+          name: p,
+          fn: q((u) => [
+            ce(l.$slots, p, ue(de(u)))
           ])
         }))
       ]), 1040, ["src"]),
-      L("div", {
-        class: E(n(h)(n(s), "text"))
+      ne("div", {
+        class: T(s(y)(s(r), "text"))
       }, [
-        U(o.$slots, "text", {}, () => [
-          te(q(o.text), 1)
+        ce(l.$slots, "text", {}, () => [
+          qe(Ue(l.text), 1)
         ])
       ], 2),
-      g(Te, H(o.shortcutProps ?? {}, { items: [
+      w(At, le(l.shortcutProps ?? {}, { items: [
         {
           text: "Alt"
         },
@@ -730,77 +2161,77 @@ const Ee = /* @__PURE__ */ w({
           text: "C"
         }
       ] }), null, 16)
-    ], 42, Me));
+    ], 42, Co));
   }
-}), io = (m) => {
-  const i = B(!1), t = B(), e = B(!1), c = (a, x = !1) => {
-    i.value = !0, e.value = x, t.value = a;
-  }, s = B(!1), l = B(), p = (a) => {
-    s.value = !0, l.value = a;
-  }, o = j(() => ({
-    open: i.value,
+}), 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,
     reference: t.value,
-    "onUpdate:open": (a) => i.value = a,
-    onReaction: (a) => {
-      var x, D;
-      if (e.value)
+    "onUpdate:open": (C) => e.value = C,
+    onReaction: (C) => {
+      var N, I;
+      if (o.value)
         try {
-          (x = m.addEmoji) == null || x.call(m, a);
-        } catch (A) {
-          console.log("error on reaction ===>", A);
+          (N = i.addEmoji) == null || N.call(i, C);
+        } catch (V) {
+          console.log("error on reaction ===>", V);
         }
       try {
-        (D = m.onReaction) == null || D.call(m, a);
-      } catch (A) {
-        console.log("error on reaction ===>", A);
+        (I = i.onReaction) == null || I.call(i, C);
+      } catch (V) {
+        console.log("error on reaction ===>", V);
       }
     }
-  })), v = j(() => ({
-    open: s.value,
-    reference: l.value,
-    "onUpdate:open": (a) => s.value = a
-  })), y = B(!1), P = B(), O = B(), r = B(!1), f = j(() => ({
-    open: y.value,
-    "onUpdate:open": (a) => y.value = a,
-    search: P.value,
-    "onUpdate:search": (a) => P.value = a,
-    reference: O.value,
-    headerSearch: r.value,
-    onPointerDownOutside: d,
-    onEscapeKeyDown: d
-  })), u = (a) => {
-    a && (O.value = { getBoundingClientRect: a }, y.value = !0, r.value = !1);
-  }, d = () => {
-    O.value = void 0, y.value = !1, P.value = void 0;
-  }, R = (a) => {
-    P.value = a;
-  }, k = j(() => ({
-    onOpenReaction: (a) => c(a, !0),
-    onOpenMention: (a) => {
-      a && (O.value = a, y.value = !0, r.value = !0);
+  })), 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);
     }
   }));
   return {
-    reactionBinding: o,
-    actionBinding: v,
-    editorBinding: k,
-    mentionBinding: f,
-    openActions: p,
-    openReaction: c,
-    openMentionInEditor: u,
-    closeMentionInEditor: d,
-    updateMentionQuery: R
+    reactionBinding: l,
+    actionBinding: a,
+    editorBinding: E,
+    mentionBinding: _,
+    openActions: d,
+    openReaction: n,
+    openMentionInEditor: R,
+    closeMentionInEditor: P,
+    updateMentionQuery: M
   };
 };
 export {
-  eo as Comment,
-  oo as CommentAction,
-  so as CommentEditor,
-  no as CommentMention,
-  to as CommentReaction,
-  ao as CommentTrigger,
-  S as commentPrefix,
-  ae as injectCommentContext,
-  De as provideCommentContext,
-  io as useComment
+  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
 };