@pantograph/vue 0.27.10 → 0.28.0

package/dist/Comment/index.js

@@ -1,38 +1,39 @@
-import { defineComponent as M, ref as g, createElementBlock as L, createCommentVNode as A, unref as n, openBlock as B, normalizeClass as E, createBlock as T, withModifiers as I, createVNode as y, Fragment as de, renderList as J, withCtx as $, createTextVNode as ne, toDisplayString as Q, h as _, useSlots as N, createElementVNode as G, mergeProps as H, isRef as se, createSlots as ie, renderSlot as K, normalizeProps as X, guardReactiveProps as Y, computed as U, normalizeStyle as ue, onMounted as me, onBeforeUnmount as fe } from "vue";
-import { _ as Ce } from "../Combobox.vue_vue_type_style_index_0_lang-B7tM9UBJ.js";
-import { getComponentOptions as w, useVModel as Z, isEmptyElement as O, useFormInput as he, useInputDataStates as ye } from "@pantograph/utils-vue";
-import { _ as le } from "../Avatar.vue_vue_type_style_index_0_lang-sRuIAJc9.js";
-import { _ as ge } from "../Badge.vue_vue_type_script_setup_true_lang-CjM2eHxl.js";
-import { cva as ve } from "class-variance-authority";
-import { _ as _e } from "../GraphicalObject.vue_vue_type_script_setup_true_lang-B0QyiUKw.js";
-import { _ as q } from "../Icon.vue_vue_type_style_index_0_lang-LLvjBJx0.js";
-import { normCls as h, getBemElement as f, getBemBlock as Be, generateVariantClassList as be } from "@pantograph/utils";
-import { _ as z } from "../IconButton.vue_vue_type_script_setup_true_lang-1WWZ64Us.js";
-import { _ as Re } from "../ActionButton.vue_vue_type_script_setup_true_lang-v9gNXyn5.js";
-import { b as Pe, a as Se } from "../Upload.vue_vue_type_style_index_0_lang-ZhQlg7HP.js";
-import { createContext as ke } from "reka-ui";
-import { _ as xe } from "../Popover.vue_vue_type_style_index_0_lang-CBbRhcN9.js";
-import { _ as Te, a as te } from "../MenuItem.vue_vue_type_style_index_0_lang-DiVJUHjS.js";
-import { _ as Oe } from "../GOPicker.vue_vue_type_style_index_0_lang-CqtdWghp.js";
-import { _ as $e } from "../Divider.vue_vue_type_style_index_0_lang-Clrzj4R0.js";
-import { _ as Ee } from "../ScrollContainer.vue_vue_type_style_index_0_lang-CCEG6AjN.js";
-import { _ as Me } from "../Shortcut.vue_vue_type_style_index_0_lang-C-wsusvY.js";
-const we = /* @__PURE__ */ M({
-  ...w("CommentActions"),
+import { defineComponent as D, ref as v, createElementBlock as F, createCommentVNode as A, unref as n, openBlock as R, normalizeClass as E, createBlock as M, withModifiers as I, createVNode as y, Fragment as pe, renderList as Q, withCtx as O, createTextVNode as ne, toDisplayString as X, useSlots as q, createElementVNode as G, h as b, mergeProps as V, isRef as se, createSlots as Z, renderSlot as K, normalizeProps as N, guardReactiveProps as W, computed as U, normalizeStyle as ce, onMounted as de, onBeforeUnmount as ue } from "vue";
+import { getComponentOptions as z, useVModel as ee, isEmptyElement as $, useFormInput as me, useInputDataStates as fe } from "@pantograph/utils-vue";
+import { _ as ie } from "../Avatar.vue_vue_type_style_index_0_lang-D_SXlwkT.js";
+import { _ as Ce } from "../Badge.vue_vue_type_script_setup_true_lang-C1_SBsMO.js";
+import { cva as he } from "class-variance-authority";
+import { _ as ye } from "../GraphicalObject.vue_vue_type_script_setup_true_lang-CeT1O_S8.js";
+import { _ as Y } from "../Icon.vue_vue_type_style_index_0_lang-DPe3mUfh.js";
+import { normCls as h, getBemElement as C, getBemBlock as ge, generateVariantClassList as ve, getPxSize as _e } from "@pantograph/utils";
+import { _ as w } from "../IconButton.vue_vue_type_script_setup_true_lang-BUIJKHGa.js";
+import { _ as Be } from "../ActionButton.vue_vue_type_script_setup_true_lang-C0xZ6m49.js";
+import { createContext as be } from "reka-ui";
+import { _ as Re } from "../Popover.vue_vue_type_style_index_0_lang-CpPisJIC.js";
+import { _ as Pe, a as te } from "../MenuItem.vue_vue_type_style_index_0_lang-DD8kfks-.js";
+import { _ as Se } from "../GOPicker.vue_vue_type_style_index_0_lang-BYuk9Ta8.js";
+import { _ as ke } from "../Combobox.vue_vue_type_style_index_0_lang-R4jyjKx0.js";
+import { _ as xe } from "../Divider.vue_vue_type_style_index_0_lang-Clrzj4R0.js";
+import { _ as Te } from "../ScrollContainer.vue_vue_type_style_index_0_lang-uN8OhXm4.js";
+import { _ as Oe, a as $e } from "../Upload.vue_vue_type_style_index_0_lang-zNnaGyQW.js";
+import { omit as Ee } from "es-toolkit";
+import { _ as Me } from "../Shortcut.vue_vue_type_style_index_0_lang-zXjU0WmT.js";
+const we = /* @__PURE__ */ D({
+  ...z("CommentActions"),
   __name: "CommentActions",
   setup(m) {
-    const s = ee(), t = g(), e = g(), p = () => {
+    const s = ae(), t = v(), e = v(), u = () => {
       s.emit("openActions", e.value);
     }, i = () => {
       s.emit("openReaction", t.value);
     }, l = () => {
       s.emit("reply");
     };
-    return (c, o) => n(s).props.hasReaction || n(s).props.hasEdit || n(s).props.hasDelete ? (B(), L("div", {
+    return (p, o) => n(s).props.hasReaction || n(s).props.hasEdit || n(s).props.hasDelete ? (R(), F("div", {
       key: 0,
-      class: E(n(h)(n(f)(n(S), "actions"), n(s).props.actionsCls))
+      class: E(n(h)(n(C)(n(k), "actions"), n(s).props.actionsCls))
     }, [
-      n(s).props.hasReply ? (B(), T(z, {
+      n(s).props.hasReply ? (R(), M(w, {
         key: 0,
         icon: "tabler:corner-up-left",
         color: "neutral",
@@ -42,7 +43,7 @@ const we = /* @__PURE__ */ M({
         flipOnDir: "rtl",
         onClick: l
       }, null, 512)) : A("", !0),
-      n(s).props.hasReaction ? (B(), T(z, {
+      n(s).props.hasReaction ? (R(), M(w, {
         key: 1,
         icon: "tabler:mood-plus",
         color: "neutral",
@@ -53,7 +54,7 @@ const we = /* @__PURE__ */ M({
         }, ["stop"])),
         onClick: i
       }, null, 512)) : A("", !0),
-      n(s).props.hasEdit || n(s).props.hasDelete ? (B(), T(z, {
+      n(s).props.hasEdit || n(s).props.hasDelete ? (R(), M(w, {
         key: 2,
         icon: "tabler:dots-vertical",
         color: "neutral",
@@ -62,36 +63,36 @@ const we = /* @__PURE__ */ M({
         ref: e,
         onPointerdown: o[1] || (o[1] = I(() => {
         }, ["stop"])),
-        onClick: p
+        onClick: u
       }, null, 512)) : A("", !0)
     ], 2)) : A("", !0);
   }
-}), De = /* @__PURE__ */ M({
-  ...w("CommentReactions"),
+}), De = /* @__PURE__ */ D({
+  ...z("CommentReactions"),
   __name: "CommentReactions",
   setup(m) {
-    const s = ee(), t = g(), e = () => {
+    const s = ae(), t = v(), e = () => {
       s.emit("openReaction", t.value);
-    }, p = (i) => {
+    }, u = (i) => {
       i && s.emit("reaction", i);
     };
     return (i, l) => {
-      var c;
-      return n(s).props.hasReaction && ((c = n(s).props.reactions) != null && c.some((o) => o.count && o.emoji)) ? (B(), L("div", {
+      var p;
+      return n(s).props.hasReaction && ((p = n(s).props.reactions) != null && p.some((o) => o.count && o.emoji)) ? (R(), F("div", {
         key: 0,
-        class: E(n(h)(n(f)(n(S), "reactions"), n(s).props.reactionsCls))
+        class: E(n(h)(n(C)(n(k), "reactions"), n(s).props.reactionsCls))
       }, [
-        (B(!0), L(de, null, J(n(s).props.reactions, (o) => (B(), T(Re, {
+        (R(!0), F(pe, null, Q(n(s).props.reactions, (o) => (R(), M(Be, {
           key: o == null ? void 0 : o.emoji,
           active: o == null ? void 0 : o.active,
-          onClick: (b) => p(o)
+          onClick: (_) => u(o)
         }, {
-          default: $(() => [
-            ne(Q(o == null ? void 0 : o.emoji) + " " + Q(o == null ? void 0 : o.count), 1)
+          default: O(() => [
+            ne(X(o == null ? void 0 : o.emoji) + " " + X(o == null ? void 0 : o.count), 1)
           ]),
           _: 2
         }, 1032, ["active", "onClick"]))), 128)),
-        y(z, {
+        y(w, {
           icon: "tabler:mood-plus",
           color: "neutral",
           type: "outline",
@@ -104,32 +105,8 @@ const we = /* @__PURE__ */ M({
       ], 2)) : A("", !0);
     };
   }
-}), ae = /* @__PURE__ */ M({
-  ...w("CommentFileList"),
-  __name: "CommentFileList",
-  setup(m) {
-    const s = ee(), t = () => {
-      var e;
-      return _(
-        Pe,
-        {
-          ...s.props.uploadProps ?? {},
-          listType: "card",
-          fileListCls: h(
-            f(S, "file_list"),
-            (e = s.props.uploadProps) == null ? void 0 : e.fileListCls
-          )
-        },
-        s.slots
-      );
-    };
-    return (e, p) => {
-      var i, l;
-      return (l = (i = n(s).props.uploadProps) == null ? void 0 : i.fileList) != null && l.length ? (B(), T(t, { key: 0 })) : A("", !0);
-    };
-  }
-}), S = Be("comment"), [ee, re] = ke("Comment"), oo = /* @__PURE__ */ M({
-  ...w("Comment"),
+}), k = ge("comment"), [ae, ze] = be("Comment"), no = /* @__PURE__ */ D({
+  ...z("Comment"),
   __name: "Comment",
   props: {
     class: {},
@@ -137,7 +114,6 @@ const we = /* @__PURE__ */ M({
     actionsCls: {},
     bodyCls: {},
     datetimeCls: {},
-    uploadProps: {},
     contentCls: {},
     authorCls: {},
     repliesCls: {},
@@ -162,178 +138,177 @@ const we = /* @__PURE__ */ M({
   },
   emits: ["update:open", "openActions", "reaction", "reply", "openReaction"],
   setup(m, { emit: s }) {
-    const t = m, e = N(), p = s, i = Z(t, "open", p, {
+    const t = m, e = q(), u = s, i = ee(t, "open", u, {
       passive: t.open === void 0
     }), l = () => {
       var P;
       let r;
-      const C = (P = e.author) == null ? void 0 : P.call(e, {});
-      return !O(C) ? r = C : r = t.author, r ? _(
+      const f = (P = e.author) == null ? void 0 : P.call(e, {});
+      return !$(f) ? r = f : r = t.author, r ? b(
         "div",
         {
-          class: h(f(S, "author"), t.authorCls)
+          class: h(C(k, "author"), t.authorCls)
         },
         r
       ) : null;
-    }, c = () => {
+    }, p = () => {
       var P;
       let r;
-      const C = (P = e.datetime) == null ? void 0 : P.call(e, {});
-      return !O(C) ? r = C : r = t.datetime, r ? _(
+      const f = (P = e.datetime) == null ? void 0 : P.call(e, {});
+      return !$(f) ? r = f : r = t.datetime, r ? b(
         "div",
         {
-          class: h(f(S, "datetime"), t.datetimeCls)
+          class: h(C(k, "datetime"), t.datetimeCls)
         },
         r
       ) : null;
     }, o = () => {
-      var P, v;
-      const r = (P = e.header) == null ? void 0 : P.call(e, {}), C = !O(r);
-      let u;
-      if (C) u = r;
+      var P, g;
+      const r = (P = e.header) == null ? void 0 : P.call(e, {}), f = !$(r);
+      let d;
+      if (f) d = r;
       else {
-        u = [];
-        const R = (v = e.avatar) == null ? void 0 : v.call(e, {});
-        !O(R) ? u.push(R) : t.avatar && u.push(_(le, { ...t.avatarProps ?? {}, src: t.avatar }));
-        const a = l(), x = c();
-        (a || x) && u.push(
-          _(
+        d = [];
+        const B = (g = e.avatar) == null ? void 0 : g.call(e, {});
+        !$(B) ? d.push(B) : t.avatar && d.push(b(ie, { ...t.avatarProps ?? {}, src: t.avatar }));
+        const a = l(), T = p();
+        (a || T) && d.push(
+          b(
             "div",
             {
-              class: h(f(S, "header__content"), t.headerContentCls)
+              class: h(C(k, "header__content"), t.headerContentCls)
             },
-            [a, x]
+            [a, T]
           )
-        ), u.length || (u = void 0);
+        ), d.length || (d = void 0);
       }
-      return u ? (u.push(_(we)), _(
+      return d ? (d.push(b(we)), b(
         "div",
-        { class: h(f(S, "header"), t.headerCls) },
-        u
+        { class: h(C(k, "header"), t.headerCls) },
+        d
       )) : null;
-    }, b = () => {
-      var u;
-      const r = (u = e.content) == null ? void 0 : u.call(e, {}), C = !O(r);
-      if (C || t.content)
-        return _(
+    }, _ = () => {
+      var d;
+      const r = (d = e.content) == null ? void 0 : d.call(e, {}), f = !$(r);
+      if (f || t.content)
+        return b(
           "div",
           {
-            class: h(f(S, "content"), t.contentCls, "paragraph"),
-            innerHTML: C ? void 0 : t.content
+            class: h(C(k, "content"), t.contentCls, "paragraph"),
+            innerHTML: f ? void 0 : t.content
           },
-          C ? r : void 0
+          f ? r : void 0
         );
-    }, d = f(S, "replies"), k = ve(d, {
+    }, c = C(k, "replies"), S = he(c, {
       variants: {
-        open: be("open", d)
+        open: ve("open", c)
       }
-    }), V = () => {
-      var v;
-      const r = (v = e.replies) == null ? void 0 : v.call(e, {}), C = !O(r), u = () => {
-        var a, x, j;
-        const R = (a = e.repliesHeader) == null ? void 0 : a.call(e, { open: !!i.value }), D = [];
-        if (!O(R))
-          D.push(R);
+    }), H = () => {
+      var g;
+      const r = (g = e.replies) == null ? void 0 : g.call(e, {}), f = !$(r), d = () => {
+        var a, T, L;
+        const B = (a = e.repliesHeader) == null ? void 0 : a.call(e, { open: !!i.value }), x = [];
+        if (!$(B))
+          x.push(B);
         else {
-          D.push(
-            _(
-              _e,
+          x.push(
+            b(
+              ye,
               {
                 size: "xsm",
                 bg: "transparent",
                 br: "transparent"
               },
               {
-                default: () => _(q, {
+                default: () => b(Y, {
                   icon: "tabler:chevron-down",
-                  class: f(d, "icon"),
+                  class: C(c, "icon"),
                   size: "2xsm"
                 })
               }
             )
           );
-          const F = (x = e.repliesCount) == null ? void 0 : x.call(e, {}), pe = !O(F), oe = (j = e.repliesTitle) == null ? void 0 : j.call(e, {}), ce = !O(oe);
-          let W;
-          ce ? W = oe : W = t.repliesTitle, D.push(
-            _(
+          const j = (T = e.repliesCount) == null ? void 0 : T.call(e, {}), le = !$(j), oe = (L = e.repliesTitle) == null ? void 0 : L.call(e, {}), re = !$(oe);
+          let J;
+          re ? J = oe : J = t.repliesTitle, x.push(
+            b(
               "div",
               {
-                class: h(f(d, "title"), t.repliesTitleCls)
+                class: h(C(c, "title"), t.repliesTitleCls)
               },
-              W
+              J
             )
-          ), (pe || t.repliesCount) && D.push(
-            _(
-              ge,
+          ), (le || t.repliesCount) && x.push(
+            b(
+              Ce,
               {
                 color: "primary-subtle",
                 text: t.repliesCount,
                 size: "xsm"
               },
               {
-                text: () => F
+                text: () => j
               }
             )
           );
         }
-        return _(
+        return b(
           "div",
           {
-            class: h(f(d, "header"), t.repliesHeaderCls),
+            class: h(C(c, "header"), t.repliesHeaderCls),
             onClick: () => {
               i.value = !i.value;
             }
           },
-          D
+          x
         );
       }, P = () => {
         if (i.value)
           return [
-            _(
+            b(
               "div",
               {
-                class: h(f(d, "content"), t.repliesContentCls)
+                class: h(C(c, "content"), t.repliesContentCls)
               },
               r
             ),
-            _("div", {
-              class: f(d, "line")
+            b("div", {
+              class: C(c, "line")
             })
           ];
       };
-      return C ? _(
+      return f ? b(
         "div",
         {
           class: h(
-            k({
+            S({
               open: !!i.value
             }),
             t.repliesCls
           )
         },
-        [u(), P()]
+        [d(), P()]
       ) : null;
     };
-    return re({
-      emit: p,
+    return ze({
+      emit: u,
       props: t,
       slots: e
-    }), (r, C) => (B(), L("div", {
-      class: E(n(h)(n(S), t.class))
+    }), (r, f) => (R(), F("div", {
+      class: E(n(h)(n(k), t.class))
     }, [
       y(o),
       G("div", {
-        class: E(n(h)(n(f)(n(S), "body"), t.bodyCls))
+        class: E(n(h)(n(C)(n(k), "body"), t.bodyCls))
       }, [
-        y(b),
-        y(ae),
+        y(_),
         y(De),
-        y(V)
+        y(H)
       ], 2)
     ], 2));
   }
-}), to = /* @__PURE__ */ M({
-  ...w("CommentAction"),
+}), so = /* @__PURE__ */ D({
+  ...z("CommentAction"),
   __name: "CommentAction",
   props: {
     hasEdit: { type: Boolean, default: !0 },
@@ -374,50 +349,51 @@ const we = /* @__PURE__ */ M({
     zIndex: {},
     containerStyle: {},
     containerProps: {},
-    useReferenceAttribute: { type: Boolean }
+    useReferenceAttribute: { type: Boolean },
+    noTrigger: { type: Boolean }
   },
   emits: ["edit", "delete", "update:open"],
   setup(m, { emit: s }) {
-    const t = m, e = s, p = () => {
+    const t = m, e = s, u = () => {
       e("edit"), l.value = !1;
     }, i = () => {
       e("delete"), l.value = !1;
-    }, l = Z(t, "open", e, {
+    }, l = ee(t, "open", e, {
       passive: t.open === void 0
     });
-    return (c, o) => (B(), T(n(xe), H(t, {
+    return (p, o) => (R(), M(n(Re), V(t, {
       open: n(l),
-      "onUpdate:open": o[0] || (o[0] = (b) => se(l) ? l.value = b : null),
+      "onUpdate:open": o[0] || (o[0] = (_) => se(l) ? l.value = _ : null),
       placement: "bottom-end",
       sideOffset: 3,
       openDelay: 0
     }), {
-      content: $(() => [
-        y(Te, { style: { width: "114px" } }, {
-          default: $(() => [
-            c.hasEdit ? (B(), T(te, {
+      content: O(() => [
+        y(Pe, { style: { width: "114px" } }, {
+          default: O(() => [
+            p.hasEdit ? (R(), M(te, {
               key: "edit",
-              title: c.editText,
-              onClick: p
+              title: p.editText,
+              onClick: u
             }, {
-              leading: $(({ iconSize: b }) => [
-                y(q, {
+              leading: O(({ iconSize: _ }) => [
+                y(Y, {
                   icon: "tabler:edit",
-                  size: b
+                  size: _
                 }, null, 8, ["size"])
               ]),
               _: 1
             }, 8, ["title"])) : A("", !0),
-            c.hasDelete ? (B(), T(te, {
+            p.hasDelete ? (R(), M(te, {
               key: "delete",
-              title: c.deleteText,
+              title: p.deleteText,
               danger: "",
               onClick: i
             }, {
-              leading: $(({ iconSize: b }) => [
-                y(q, {
+              leading: O(({ iconSize: _ }) => [
+                y(Y, {
                   icon: "tabler:trash",
-                  size: b
+                  size: _
                 }, null, 8, ["size"])
               ]),
               _: 1
@@ -429,8 +405,8 @@ const we = /* @__PURE__ */ M({
       _: 1
     }, 16, ["open"]));
   }
-}), no = /* @__PURE__ */ M({
-  ...w("CommentReaction"),
+}), io = /* @__PURE__ */ D({
+  ...z("CommentReaction"),
   __name: "CommentReaction",
   props: {
     reference: {},
@@ -472,12 +448,12 @@ const we = /* @__PURE__ */ M({
   },
   emits: ["reaction", "update:open"],
   setup(m, { emit: s }) {
-    const t = m, e = s, p = (l) => {
+    const t = m, e = s, u = (l) => {
       e("reaction", l.value), i.value = !1;
-    }, i = Z(t, "open", e, {
+    }, i = ee(t, "open", e, {
       passive: t.open === void 0
     });
-    return (l, c) => (B(), T(n(Oe), H(t, {
+    return (l, p) => (R(), M(n(Se), V(t, {
       noTrigger: "",
       hideClear: "",
       hideGroup: "",
@@ -491,13 +467,13 @@ const we = /* @__PURE__ */ M({
       placement: "bottom-end",
       visibleColorPickers: [],
       noModel: "",
-      onSelect: p,
+      onSelect: u,
       open: n(i),
-      "onUpdate:open": c[0] || (c[0] = (o) => se(i) ? i.value = o : null)
+      "onUpdate:open": p[0] || (p[0] = (o) => se(i) ? i.value = o : null)
     }), null, 16, ["popoverProps", "open"]));
   }
-}), so = /* @__PURE__ */ M({
-  ...w("CommentMention"),
+}), ao = /* @__PURE__ */ D({
+  ...z("CommentMention"),
   __name: "CommentMention",
   props: {
     modelValue: {},
@@ -568,7 +544,6 @@ const we = /* @__PURE__ */ M({
     search: {},
     filterOptions: {},
     expandedKeys: {},
-    noTrigger: { type: Boolean },
     headerSearch: { type: Boolean },
     headerSearchInputProps: {},
     virtual: { type: Boolean },
@@ -585,34 +560,35 @@ const we = /* @__PURE__ */ M({
     reference: {},
     prioritizePosition: { type: Boolean },
     avoidCollisions: { type: Boolean },
-    dir: {}
+    dir: {},
+    noTrigger: { type: Boolean }
   },
   emits: ["mention"],
   setup(m, { expose: s, emit: t }) {
-    const e = m, p = t, i = N(), l = (o, b, d) => {
-      p("mention", o, d);
-    }, c = g();
+    const e = m, u = t, i = q(), l = (o, _, c) => {
+      u("mention", o, c);
+    }, p = v();
     return s({
-      comboboxRef: c
-    }), (o, b) => (B(), T(n(Ce), H({
+      comboboxRef: p
+    }), (o, _) => (R(), M(n(ke), V({
       ref_key: "comboboxRef",
-      ref: c
+      ref: p
     }, e, {
       modelValue: "",
       onSelect: l,
       noTrigger: "",
       popupWidth: 200
-    }), ie({ _: 2 }, [
-      J(Object.keys(i), (d) => ({
-        name: d,
-        fn: $((k) => [
-          K(o.$slots, d, X(Y(k)))
+    }), Z({ _: 2 }, [
+      Q(Object.keys(i), (c) => ({
+        name: c,
+        fn: O((S) => [
+          K(o.$slots, c, N(W(S)))
         ])
       }))
     ]), 1040));
   }
-}), io = /* @__PURE__ */ M({
-  ...w("CommentEditor"),
+}), lo = /* @__PURE__ */ D({
+  ...z("CommentEditor"),
   __name: "CommentEditor",
   props: {
     class: {},
@@ -627,96 +603,94 @@ const we = /* @__PURE__ */ M({
   },
   emits: ["openReaction", "openMention", "blur", "focus", "mention", "submit"],
   setup(m, { emit: s }) {
-    const t = N(), e = m, p = s, i = f(S, "editor"), l = g(), c = () => {
-      p("openReaction", l.value);
-    }, o = g(), b = () => {
-      p("openMention", o.value);
-    }, { getDisabled: d } = he(), { rootBindings: k, inputBindings: V } = ye({
-      getDisabled: () => d.value,
-      emit: p
-    }), r = () => p("submit"), C = U(() => {
-      if (Number(e.maxHeight) > 0)
-        return `${e.maxHeight}px`;
-      if (typeof e.maxHeight == "string")
-        return e.maxHeight;
-    }), u = g(), P = (v) => {
-      var R;
-      (R = u.value) != null && R.addFiles && v.length && u.value.addFiles(v);
+    const t = q(), e = m, u = s, i = C(k, "editor"), l = v(), p = () => {
+      u("openReaction", l.value);
+    }, o = v(), _ = () => {
+      u("openMention", o.value);
+    }, { getDisabled: c } = me(), { rootBindings: S, inputBindings: H } = fe({
+      getDisabled: () => c.value,
+      emit: u
+    }), r = () => u("submit"), f = U(() => _e(e.maxHeight, !0)), d = v(), P = (g) => {
+      var B;
+      (B = d.value) != null && B.addFiles && g.length && d.value.addFiles(g);
     };
-    return re({
-      emit: p,
-      props: e,
-      slots: t
-    }), (v, R) => (B(), L("div", H({
+    return (g, B) => (R(), F("div", V({
       class: n(h)(n(i), e.class)
-    }, n(k)), [
-      y(Ee, {
+    }, n(S)), [
+      y(Te, {
         overlay: !1,
         hasMask: !1,
-        class: E(n(h)(n(f)(n(i), "editor"), "paragraph", e.editorCls)),
-        style: ue({ maxHeight: C.value })
+        class: E(n(h)(n(C)(n(i), "editor"), "paragraph", e.editorCls)),
+        style: ce({ maxHeight: f.value })
       }, {
-        default: $(() => [
-          K(v.$slots, "default", X(Y(n(V))))
+        default: O(() => [
+          K(g.$slots, "default", N(W(n(H))))
         ]),
         _: 3
       }, 8, ["class", "style"]),
-      y(ae, H(v.uploadProps, {
+      y(Oe, V({ noTrigger: "" }, g.uploadProps, {
         ref_key: "uploadRef",
-        ref: u
-      }), null, 16),
+        ref: d
+      }), Z({ _: 2 }, [
+        Q(Object.keys(n(Ee)(t, ["default"])), (x) => ({
+          name: x,
+          fn: O((a) => [
+            K(g.$slots, x, N(W(a)))
+          ])
+        }))
+      ]), 1040),
       G("div", {
-        class: E(n(h)(n(f)(n(i), "footer"), e.footerCls))
+        class: E(n(h)(n(C)(n(i), "footer"), e.footerCls))
       }, [
-        y($e),
+        y(xe),
         G("div", {
-          class: E(n(h)(n(f)(n(i), "actions"), e.actionsCls))
+          class: E(n(h)(n(C)(n(i), "actions"), e.actionsCls))
         }, [
-          y(z, {
+          y(w, {
             icon: "tabler:at",
             color: "neutral",
             type: "ghost",
             ref_key: "mentionRef",
             ref: o,
-            onPointerdown: R[0] || (R[0] = I(() => {
+            onPointerdown: B[0] || (B[0] = I(() => {
             }, ["stop"])),
-            onClick: b
+            onClick: _
           }, null, 512),
-          y(Se, {
+          y($e, {
             accept: "image/*",
             multiple: "",
             onAddFiles: P
           }, {
-            default: $(() => [
-              y(z, {
-                icon: "tabler:paperclip",
+            default: O(() => [
+              y(w, {
+                icon: "tabler:photo",
                 color: "neutral",
                 type: "ghost"
               })
             ]),
             _: 1
           }),
-          y(z, {
+          y(w, {
             icon: "tabler:mood-plus",
             color: "neutral",
             type: "ghost",
             ref_key: "reactionRef",
             ref: l,
-            onPointerdown: R[1] || (R[1] = I(() => {
+            onPointerdown: B[1] || (B[1] = I(() => {
             }, ["stop"])),
-            onClick: c
+            onClick: p
           }, null, 512)
         ], 2),
-        y(z, {
-          disabled: v.isEmpty,
+        y(w, {
+          disabled: g.isEmpty,
           icon: "tabler:arrow-up",
           onClick: r
         }, null, 8, ["disabled"])
       ], 2)
     ], 16));
   }
-}), Ae = ["tabindex", "disabled"], lo = /* @__PURE__ */ M({
-  ...w("CommentTrigger"),
+}), Ae = ["tabindex", "disabled"], ro = /* @__PURE__ */ D({
+  ...z("CommentTrigger"),
   __name: "CommentTrigger",
   props: {
     class: {},
@@ -730,41 +704,41 @@ const we = /* @__PURE__ */ M({
   },
   emits: ["add"],
   setup(m, { emit: s }) {
-    const t = N(), e = m, p = s, i = f(S, "trigger"), l = (o) => {
-      !e.ignoeShortcut && o.code === "KeyC" && o.altKey && c(o);
+    const t = q(), e = m, u = s, i = C(k, "trigger"), l = (o) => {
+      !e.ignoeShortcut && o.code === "KeyC" && o.altKey && p(o);
     };
-    me(() => {
+    de(() => {
       e.withShortcut && addEventListener("keyup", l);
-    }), fe(() => {
+    }), ue(() => {
       e.withShortcut && removeEventListener("keyup", l);
     }), e.withShortcut;
-    const c = (o) => p("add", o);
-    return (o, b) => (B(), L("div", {
+    const p = (o) => u("add", o);
+    return (o, _) => (R(), F("div", {
       class: E(n(h)(n(i), e.class)),
       tabindex: o.disabled ? -1 : 0,
       disabled: o.disabled ? "" : void 0,
-      onPointerdown: I(c, ["stop"]),
-      onKeyup: I(c, ["stop"])
+      onPointerdown: I(p, ["stop"]),
+      onKeyup: I(p, ["stop"])
     }, [
-      y(le, H(o.avatarProps ?? {}, {
+      y(ie, V(o.avatarProps ?? {}, {
         size: "sm",
         src: o.src
-      }), ie({ _: 2 }, [
-        J(Object.keys(t), (d) => ({
-          name: d,
-          fn: $((k) => [
-            K(o.$slots, d, X(Y(k)))
+      }), Z({ _: 2 }, [
+        Q(Object.keys(t), (c) => ({
+          name: c,
+          fn: O((S) => [
+            K(o.$slots, c, N(W(S)))
           ])
         }))
       ]), 1040, ["src"]),
       G("div", {
-        class: E(n(f)(n(i), "text"))
+        class: E(n(C)(n(i), "text"))
       }, [
         K(o.$slots, "text", {}, () => [
-          ne(Q(o.text), 1)
+          ne(X(o.text), 1)
         ])
       ], 2),
-      y(Me, H(o.shortcutProps ?? {}, { items: [
+      y(Me, V(o.shortcutProps ?? {}, { items: [
         {
           text: "Alt"
         },
@@ -774,79 +748,79 @@ const we = /* @__PURE__ */ M({
       ] }), null, 16)
     ], 42, Ae));
   }
-}), ao = (m) => {
-  const s = g(!1), t = g(), e = g(!1), p = (a, x = !1) => {
-    s.value = !0, e.value = x, t.value = a;
-  }, i = g(!1), l = g(), c = (a) => {
+}), po = (m) => {
+  const s = v(!1), t = v(), e = v(!1), u = (a, T = !1) => {
+    s.value = !0, e.value = T, t.value = a;
+  }, i = v(!1), l = v(), p = (a) => {
     i.value = !0, l.value = a;
   }, o = U(() => ({
     open: s.value,
     reference: t.value,
     "onUpdate:open": (a) => s.value = a,
     onReaction: (a) => {
-      var x, j;
+      var T, L;
       if (e.value)
         try {
-          (x = m.addEmoji) == null || x.call(m, a);
-        } catch (F) {
-          console.log("error on reaction ===>", F);
+          (T = m.addEmoji) == null || T.call(m, a);
+        } catch (j) {
+          console.log("error on reaction ===>", j);
         }
       try {
-        (j = m.onReaction) == null || j.call(m, a);
-      } catch (F) {
-        console.log("error on reaction ===>", F);
+        (L = m.onReaction) == null || L.call(m, a);
+      } catch (j) {
+        console.log("error on reaction ===>", j);
       }
     }
-  })), b = U(() => ({
+  })), _ = U(() => ({
     open: i.value,
     reference: l.value,
     "onUpdate:open": (a) => i.value = a
-  })), d = g(!1), k = g(), V = g(), r = g(), C = g(!1), u = U(() => ({
-    ref: V,
-    open: d.value,
-    "onUpdate:open": (a) => d.value = a,
-    search: k.value,
-    "onUpdate:search": (a) => k.value = a,
+  })), c = v(!1), S = v(), H = v(), r = v(), f = v(!1), d = U(() => ({
+    ref: H,
+    open: c.value,
+    "onUpdate:open": (a) => c.value = a,
+    search: S.value,
+    "onUpdate:search": (a) => S.value = a,
     reference: r.value,
     disableOutsidePointerEvents: !1,
     resetSearchTermOnBlur: !0,
-    headerSearch: C.value,
-    onPointerDownOutside: v,
-    onEscapeKeyDown: v
+    headerSearch: f.value,
+    onPointerDownOutside: g,
+    onEscapeKeyDown: g
   })), P = (a) => {
-    a && (r.value = { getBoundingClientRect: a }, d.value = !0, C.value = !1);
-  }, v = () => {
-    r.value = void 0, d.value = !1, k.value = void 0;
-  }, R = (a) => {
-    k.value = a;
-  }, D = U(() => ({
-    onOpenReaction: (a) => p(a, !0),
+    a && (r.value = { getBoundingClientRect: a }, c.value = !0, f.value = !1);
+  }, g = () => {
+    r.value = void 0, c.value = !1, S.value = void 0;
+  }, B = (a) => {
+    S.value = a;
+  }, x = U(() => ({
+    onOpenReaction: (a) => u(a, !0),
     onOpenMention: (a) => {
-      a && (r.value = a, d.value = !0, C.value = !0);
+      a && (r.value = a, c.value = !0, f.value = !0);
     }
   }));
   return {
-    forwardRefMention: V,
+    forwardRefMention: H,
     reactionBinding: o,
-    actionBinding: b,
-    editorBinding: D,
-    mentionBinding: u,
-    openActions: c,
-    openReaction: p,
+    actionBinding: _,
+    editorBinding: x,
+    mentionBinding: d,
+    openActions: p,
+    openReaction: u,
     openMentionInEditor: P,
-    closeMentionInEditor: v,
-    updateMentionQuery: R
+    closeMentionInEditor: g,
+    updateMentionQuery: B
   };
 };
 export {
-  oo as Comment,
-  to as CommentAction,
-  io as CommentEditor,
-  so as CommentMention,
-  no as CommentReaction,
-  lo as CommentTrigger,
-  S as commentPrefix,
-  ee as injectCommentContext,
-  re as provideCommentContext,
-  ao as useComment
+  no as Comment,
+  so as CommentAction,
+  lo as CommentEditor,
+  ao as CommentMention,
+  io as CommentReaction,
+  ro as CommentTrigger,
+  k as commentPrefix,
+  ae as injectCommentContext,
+  ze as provideCommentContext,
+  po as useComment
 };