@pantograph/vue 0.27.9 → 0.28.0

package/dist/Comment/index.js

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