@pantograph/vue 0.27.3 → 0.27.5

package/dist/Comment/index.js

@@ -1,29 +1,28 @@
-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 de, renderList as q, withCtx as T, createTextVNode as ie, toDisplayString as Y, useSlots as J, createElementVNode as G, h as b, mergeProps as V, isRef as ae, createSlots as ee, renderSlot as U, normalizeProps as W, guardReactiveProps as Q, computed as L, normalizeStyle as ue, onMounted as me, onBeforeUnmount as fe } from "vue";
-import { getComponentOptions as z, useComponentStyle as K, useVModel as oe, isEmptyElement as O, useFormInput as he, useInputDataStates as Ce } from "@pantograph/utils-vue";
-import { _ as le } from "../Avatar.vue_vue_type_script_setup_true_lang-CAk_50Zi.js";
-import { _ as ye } from "../Badge.vue_vue_type_script_setup_true_lang-DIHxOGxU.js";
-import { cva as ge } from "class-variance-authority";
-import { _ as ve } from "../GraphicalObject.vue_vue_type_script_setup_true_lang-CKG8pyZ-.js";
-import { _ as Z } from "../Icon.vue_vue_type_script_setup_true_lang-DBiBHDqC.js";
-import { normCls as C, getBemElement as m, getBemBlock as _e, generateVariantClassList as Be } from "@pantograph/utils";
-import { _ as D } from "../IconButton.vue_vue_type_script_setup_true_lang-lZz3QWio.js";
-import { _ as be } from "../ActionButton.vue_vue_type_script_setup_true_lang-CMYqH6Se.js";
-import N from "@pantograph/style/comment.css?raw";
-import { createContext as Re } from "reka-ui";
-import { _ as Pe } from "../Popover.vue_vue_type_script_setup_true_lang-DhDzrGk6.js";
-import { _ as Se, a as se } from "../MenuItem.vue_vue_type_script_setup_true_lang-CC0ZX8mk.js";
-import { _ as ke } from "../GOPicker.vue_vue_type_script_setup_true_lang-jpmUl2AJ.js";
-import { _ as xe } from "../Combobox.vue_vue_type_script_setup_true_lang-BBkIM9dG.js";
-import { _ as Te } from "../Divider.vue_vue_type_script_setup_true_lang-BZRu0h3n.js";
-import { _ as Oe } from "../ScrollContainer.vue_vue_type_script_setup_true_lang-FKw-Hnvi.js";
-import { _ as $e, a as Ee } from "../Upload.vue_vue_type_script_setup_true_lang-ZRmDqqX8.js";
-import { omit as Me } from "es-toolkit";
-import { _ as we } from "../Shortcut.vue_vue_type_script_setup_true_lang-B16kPcKe.js";
-const De = /* @__PURE__ */ A({
+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-No-wnVXp.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-kOA-XIMt.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-ahPqU4HJ.js";
+import { _ as _e } from "../ActionButton.vue_vue_type_script_setup_true_lang-D6GO-k30.js";
+import { createContext as Be } from "reka-ui";
+import { _ as be } from "../Popover.vue_vue_type_style_index_0_lang-J68ZockB.js";
+import { _ as Re, a as te } from "../MenuItem.vue_vue_type_style_index_0_lang-CzNgZ7CJ.js";
+import { _ as Pe } from "../GOPicker.vue_vue_type_style_index_0_lang-BdQkCY3A.js";
+import { _ as Se } from "../Combobox.vue_vue_type_style_index_0_lang-BhI9R538.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-Bs66TQtw.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({
   ...z("CommentActions"),
   __name: "CommentActions",
   setup(u) {
-    const s = re(), t = R(), e = R(), d = () => {
+    const s = ae(), t = R(), e = R(), d = () => {
       s.emit("openActions", e.value);
     }, a = () => {
       s.emit("openReaction", t.value);
@@ -68,11 +67,11 @@ const De = /* @__PURE__ */ A({
       }, null, 512)) : I("", !0)
     ], 2)) : I("", !0);
   }
-}), Ae = /* @__PURE__ */ A({
+}), we = /* @__PURE__ */ A({
   ...z("CommentReactions"),
   __name: "CommentReactions",
   setup(u) {
-    const s = re(), t = R(), e = () => {
+    const s = ae(), t = R(), e = () => {
       s.emit("openReaction", t.value);
     }, d = (a) => {
       a && !a.active && s.emit("reaction", a.emoji);
@@ -83,13 +82,13 @@ const De = /* @__PURE__ */ A({
         key: 0,
         class: $(n(C)(n(m)(n(k), "reactions"), n(s).props.reactionsCls))
       }, [
-        (P(!0), F(de, null, q(n(s).props.reactions, (o) => (P(), E(be, {
+        (P(!0), F(pe, null, W(n(s).props.reactions, (o) => (P(), E(_e, {
           key: o == null ? void 0 : o.emoji,
           active: o == null ? void 0 : o.active,
           onClick: (v) => d(o)
         }, {
           default: T(() => [
-            ie(Y(o == null ? void 0 : o.emoji) + " " + Y(o == null ? void 0 : o.count), 1)
+            ne(J(o == null ? void 0 : o.emoji) + " " + J(o == null ? void 0 : o.count), 1)
           ]),
           _: 2
         }, 1032, ["active", "onClick"]))), 128)),
@@ -106,7 +105,7 @@ const De = /* @__PURE__ */ A({
       ], 2)) : I("", !0);
     };
   }
-}), k = _e("comment"), [re, ze] = Re("Comment"), io = /* @__PURE__ */ A({
+}), k = ge("comment"), [ae, De] = Be("Comment"), to = /* @__PURE__ */ A({
   ...z("Comment"),
   __name: "Comment",
   props: {
@@ -139,8 +138,7 @@ const De = /* @__PURE__ */ A({
   },
   emits: ["update:open", "openActions", "reaction", "reply", "openReaction"],
   setup(u, { emit: s }) {
-    K("comment", N);
-    const t = u, e = J(), d = s, a = oe(t, "open", d, {
+    const t = u, e = Q(), d = s, a = Z(t, "open", d, {
       passive: t.open === void 0
     }), l = () => {
       var g;
@@ -172,7 +170,7 @@ const De = /* @__PURE__ */ A({
       else {
         c = [];
         const B = (_ = e.avatar) == null ? void 0 : _.call(e, {});
-        !O(B) ? c.push(B) : t.avatar && c.push(b(le, { ...t.avatarProps ?? {}, src: t.avatar }));
+        !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(
           b(
@@ -184,7 +182,7 @@ const De = /* @__PURE__ */ A({
           )
         ), c.length || (c = void 0);
       }
-      return c ? (c.push(b(De)), b(
+      return c ? (c.push(b(Me)), b(
         "div",
         { class: C(m(k, "header"), t.headerCls) },
         c
@@ -201,9 +199,9 @@ const De = /* @__PURE__ */ A({
           },
           h ? r : void 0
         );
-    }, f = m(k, "replies"), x = ge(f, {
+    }, f = m(k, "replies"), x = Ce(f, {
       variants: {
-        open: Be("open", f)
+        open: ve("open", f)
       }
     }), M = () => {
       var _;
@@ -215,14 +213,14 @@ const De = /* @__PURE__ */ A({
         else {
           i.push(
             b(
-              ve,
+              ye,
               {
                 size: "xsm",
                 bg: "transparent",
                 br: "transparent"
               },
               {
-                default: () => b(Z, {
+                default: () => b(X, {
                   icon: "tabler:chevron-down",
                   class: m(f, "icon"),
                   size: "2xsm"
@@ -230,26 +228,26 @@ const De = /* @__PURE__ */ A({
               }
             )
           );
-          const te = (w = e.repliesCount) == null ? void 0 : w.call(e, {}), pe = !O(te), ne = (j = e.repliesTitle) == null ? void 0 : j.call(e, {}), ce = !O(ne);
-          let X;
-          ce ? X = ne : X = t.repliesTitle, i.push(
+          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(
             b(
               "div",
               {
                 class: C(m(f, "title"), t.repliesTitleCls)
               },
-              X
+              q
             )
-          ), (pe || t.repliesCount) && i.push(
+          ), (le || t.repliesCount) && i.push(
             b(
-              ye,
+              he,
               {
                 color: "primary-subtle",
                 text: t.repliesCount,
                 size: "xsm"
               },
               {
-                text: () => te
+                text: () => ee
               }
             )
           );
@@ -292,7 +290,7 @@ const De = /* @__PURE__ */ A({
         [c(), g()]
       ) : null;
     };
-    return ze({
+    return De({
       emit: d,
       props: t,
       slots: e
@@ -300,16 +298,16 @@ const De = /* @__PURE__ */ A({
       class: $(n(C)(n(k), t.class))
     }, [
       y(o),
-      G("div", {
+      K("div", {
         class: $(n(C)(n(m)(n(k), "body"), t.bodyCls))
       }, [
         y(v),
-        y(Ae),
+        y(we),
         y(M)
       ], 2)
     ], 2));
   }
-}), ao = /* @__PURE__ */ A({
+}), no = /* @__PURE__ */ A({
   ...z("CommentAction"),
   __name: "CommentAction",
   props: {
@@ -355,45 +353,44 @@ const De = /* @__PURE__ */ A({
   },
   emits: ["edit", "delete", "update:open"],
   setup(u, { emit: s }) {
-    K("comment", N);
     const t = u, e = s, d = () => {
       e("edit"), l.value = !1;
     }, a = () => {
       e("delete"), l.value = !1;
-    }, l = oe(t, "open", e, {
+    }, l = Z(t, "open", e, {
       passive: t.open === void 0
     });
-    return (p, o) => (P(), E(n(Pe), V(t, {
+    return (p, o) => (P(), E(n(be), V(t, {
       open: n(l),
-      "onUpdate:open": o[0] || (o[0] = (v) => ae(l) ? l.value = v : null),
+      "onUpdate:open": o[0] || (o[0] = (v) => se(l) ? l.value = v : null),
       placement: "bottom-end",
       sideOffset: 3,
       openDelay: 0
     }), {
       content: T(() => [
-        y(Se, { style: { width: "114px" } }, {
+        y(Re, { style: { width: "114px" } }, {
           default: T(() => [
-            p.hasEdit ? (P(), E(se, {
+            p.hasEdit ? (P(), E(te, {
               key: "edit",
               title: p.editText,
               onClick: d
             }, {
               leading: T(({ iconSize: v }) => [
-                y(Z, {
+                y(X, {
                   icon: "tabler:edit",
                   size: v
                 }, null, 8, ["size"])
               ]),
               _: 1
             }, 8, ["title"])) : I("", !0),
-            p.hasDelete ? (P(), E(se, {
+            p.hasDelete ? (P(), E(te, {
               key: "delete",
               title: p.deleteText,
               danger: "",
               onClick: a
             }, {
               leading: T(({ iconSize: v }) => [
-                y(Z, {
+                y(X, {
                   icon: "tabler:trash",
                   size: v
                 }, null, 8, ["size"])
@@ -407,7 +404,7 @@ const De = /* @__PURE__ */ A({
       _: 1
     }, 16, ["open"]));
   }
-}), lo = /* @__PURE__ */ A({
+}), so = /* @__PURE__ */ A({
   ...z("CommentReaction"),
   __name: "CommentReaction",
   props: {
@@ -450,13 +447,12 @@ const De = /* @__PURE__ */ A({
   },
   emits: ["reaction", "update:open"],
   setup(u, { emit: s }) {
-    K("comment", N);
     const t = u, e = s, d = (l) => {
       e("reaction", l.value), a.value = !1;
-    }, a = oe(t, "open", e, {
+    }, a = Z(t, "open", e, {
       passive: t.open === void 0
     });
-    return (l, p) => (P(), E(n(ke), V(t, {
+    return (l, p) => (P(), E(n(Pe), V(t, {
       noTrigger: "",
       hideClear: "",
       hideGroup: "",
@@ -472,10 +468,10 @@ const De = /* @__PURE__ */ A({
       noModel: "",
       onSelect: d,
       open: n(a),
-      "onUpdate:open": p[0] || (p[0] = (o) => ae(a) ? a.value = o : null)
+      "onUpdate:open": p[0] || (p[0] = (o) => se(a) ? a.value = o : null)
     }), null, 16, ["popoverProps", "open"]));
   }
-}), ro = /* @__PURE__ */ A({
+}), io = /* @__PURE__ */ A({
   ...z("CommentMention"),
   __name: "CommentMention",
   props: {
@@ -568,24 +564,24 @@ const De = /* @__PURE__ */ A({
   },
   emits: ["mention"],
   setup(u, { emit: s }) {
-    const t = u, e = s, d = J(), a = (l, p, o) => {
+    const t = u, e = s, d = Q(), a = (l, p, o) => {
       e("mention", l, o);
     };
-    return (l, p) => (P(), E(n(xe), V(t, {
+    return (l, p) => (P(), E(n(Se), V(t, {
       modelValue: "",
       onSelect: a,
       noTrigger: "",
       popupWidth: 200
-    }), ee({ _: 2 }, [
-      q(Object.keys(d), (o) => ({
+    }), Y({ _: 2 }, [
+      W(Object.keys(d), (o) => ({
         name: o,
         fn: T((v) => [
-          U(l.$slots, o, W(Q(v)))
+          U(l.$slots, o, N(G(v)))
         ])
       }))
     ]), 1040));
   }
-}), po = /* @__PURE__ */ A({
+}), ao = /* @__PURE__ */ A({
   ...z("CommentEditor"),
   __name: "CommentEditor",
   props: {
@@ -601,12 +597,11 @@ const De = /* @__PURE__ */ A({
   },
   emits: ["openReaction", "openMention", "blur", "focus", "mention", "submit"],
   setup(u, { emit: s }) {
-    K("comment", N);
-    const t = J(), e = u, d = s, a = m(k, "editor"), l = R(), p = () => {
+    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 } = he(), { rootBindings: x, inputBindings: M } = Ce({
+    }, { getDisabled: f } = me(), { rootBindings: x, inputBindings: M } = fe({
       getDisabled: () => f.value,
       emit: d
     }), r = () => d("submit"), h = L(() => {
@@ -621,33 +616,33 @@ const De = /* @__PURE__ */ A({
     return (_, B) => (P(), F("div", V({
       class: n(C)(n(a), e.class)
     }, n(x)), [
-      y(Oe, {
+      y(xe, {
         overlay: !1,
         hasMask: !1,
         class: $(n(C)(n(m)(n(a), "editor"), "paragraph", e.editorCls)),
-        style: ue({ maxHeight: h.value })
+        style: ce({ maxHeight: h.value })
       }, {
         default: T(() => [
-          U(_.$slots, "default", W(Q(n(M))))
+          U(_.$slots, "default", N(G(n(M))))
         ]),
         _: 3
       }, 8, ["class", "style"]),
-      y($e, V({ noTrigger: "" }, _.uploadProps, {
+      y(Te, V({ noTrigger: "" }, _.uploadProps, {
         ref_key: "uploadRef",
         ref: c
-      }), ee({ _: 2 }, [
-        q(Object.keys(n(Me)(t, ["default"])), (i) => ({
+      }), Y({ _: 2 }, [
+        W(Object.keys(n($e)(t, ["default"])), (i) => ({
           name: i,
           fn: T((S) => [
-            U(_.$slots, i, W(Q(S)))
+            U(_.$slots, i, N(G(S)))
           ])
         }))
       ]), 1040),
-      G("div", {
+      K("div", {
         class: $(n(C)(n(m)(n(a), "footer"), e.footerCls))
       }, [
-        y(Te),
-        G("div", {
+        y(ke),
+        K("div", {
           class: $(n(C)(n(m)(n(a), "actions"), e.actionsCls))
         }, [
           y(D, {
@@ -660,7 +655,7 @@ const De = /* @__PURE__ */ A({
             }, ["stop"])),
             onClick: v
           }, null, 512),
-          y(Ee, {
+          y(Oe, {
             accept: "image/*",
             multiple: "",
             onAddFiles: g
@@ -693,7 +688,7 @@ const De = /* @__PURE__ */ A({
       ], 2)
     ], 16));
   }
-}), Ie = ["tabindex", "disabled"], co = /* @__PURE__ */ A({
+}), Ae = ["tabindex", "disabled"], lo = /* @__PURE__ */ A({
   ...z("CommentTrigger"),
   __name: "CommentTrigger",
   props: {
@@ -708,13 +703,12 @@ const De = /* @__PURE__ */ A({
   },
   emits: ["add"],
   setup(u, { emit: s }) {
-    K("comment", N);
-    const t = J(), e = u, d = s, a = m(k, "trigger"), l = (o) => {
+    const t = Q(), e = u, d = s, a = m(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 p = (o) => d("add", o);
@@ -725,25 +719,25 @@ const De = /* @__PURE__ */ A({
       onPointerdown: H(p, ["stop"]),
       onKeyup: H(p, ["stop"])
     }, [
-      y(le, V(o.avatarProps ?? {}, {
+      y(ie, V(o.avatarProps ?? {}, {
         size: "sm",
         src: o.src
-      }), ee({ _: 2 }, [
-        q(Object.keys(t), (f) => ({
+      }), Y({ _: 2 }, [
+        W(Object.keys(t), (f) => ({
           name: f,
           fn: T((x) => [
-            U(o.$slots, f, W(Q(x)))
+            U(o.$slots, f, N(G(x)))
           ])
         }))
       ]), 1040, ["src"]),
-      G("div", {
+      K("div", {
         class: $(n(m)(n(a), "text"))
       }, [
         U(o.$slots, "text", {}, () => [
-          ie(Y(o.text), 1)
+          ne(J(o.text), 1)
         ])
       ], 2),
-      y(we, V(o.shortcutProps ?? {}, { items: [
+      y(Ee, V(o.shortcutProps ?? {}, { items: [
         {
           text: "Alt"
         },
@@ -751,9 +745,9 @@ const De = /* @__PURE__ */ A({
           text: "C"
         }
       ] }), null, 16)
-    ], 42, Ie));
+    ], 42, Ae));
   }
-}), uo = (u) => {
+}), 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) => {
@@ -814,14 +808,14 @@ const De = /* @__PURE__ */ A({
   };
 };
 export {
-  io as Comment,
-  ao as CommentAction,
-  po as CommentEditor,
-  ro as CommentMention,
-  lo as CommentReaction,
-  co as CommentTrigger,
+  to as Comment,
+  no as CommentAction,
+  ao as CommentEditor,
+  io as CommentMention,
+  so as CommentReaction,
+  lo as CommentTrigger,
   k as commentPrefix,
-  re as injectCommentContext,
-  ze as provideCommentContext,
-  uo as useComment
+  ae as injectCommentContext,
+  De as provideCommentContext,
+  ro as useComment
 };

package/dist/Comment/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),c=require("@pantograph/utils-vue"),D=require("../Avatar.vue_vue_type_script_setup_true_lang-Nn10rcGu.js"),H=require("../Badge.vue_vue_type_script_setup_true_lang-DJej9nkJ.js"),j=require("class-variance-authority"),$=require("../GraphicalObject.vue_vue_type_script_setup_true_lang-CudIoHnp.js"),w=require("../Icon.vue_vue_type_script_setup_true_lang-Be6ayltH.js"),r=require("@pantograph/utils"),b=require("../IconButton.vue_vue_type_script_setup_true_lang-mcs7CjOV.js"),F=require("../ActionButton.vue_vue_type_script_setup_true_lang-B95JGdI_.js"),x=require("@pantograph/style/comment.css?raw"),L=require("reka-ui"),U=require("../Popover.vue_vue_type_script_setup_true_lang-DlS1RQhN.js"),O=require("../MenuItem.vue_vue_type_script_setup_true_lang-FR-W6X_P.js"),G=require("../GOPicker.vue_vue_type_script_setup_true_lang-DsZCv1Eu.js"),K=require("../Combobox.vue_vue_type_script_setup_true_lang-Cmor3uQM.js"),W=require("../Divider.vue_vue_type_script_setup_true_lang-D6Tc-M5M.js"),Q=require("../ScrollContainer.vue_vue_type_script_setup_true_lang-CIXeFarD.js"),z=require("../Upload.vue_vue_type_script_setup_true_lang-Di3zmtNn.js"),J=require("es-toolkit"),X=require("../Shortcut.vue_vue_type_script_setup_true_lang-EJF2NtL_.js"),Y=e.defineComponent({...c.getComponentOptions("CommentActions"),__name:"CommentActions",setup(f){const s=T(),n=e.ref(),t=e.ref(),d=()=>{s.emit("openActions",t.value)},i=()=>{s.emit("openReaction",n.value)},a=()=>{s.emit("reply")};return(u,o)=>e.unref(s).props.hasReaction||e.unref(s).props.hasEdit||e.unref(s).props.hasDelete?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(r.normCls)(e.unref(r.getBemElement)(e.unref(B),"actions"),e.unref(s).props.actionsCls))},[e.unref(s).props.hasReply?(e.openBlock(),e.createBlock(b._sfc_main,{key:0,icon:"tabler:corner-up-left",color:"neutral",type:"ghost",ref_key:"reactionRef",ref:n,flipOnDir:"rtl",onClick:a},null,512)):e.createCommentVNode("",!0),e.unref(s).props.hasReaction?(e.openBlock(),e.createBlock(b._sfc_main,{key:1,icon:"tabler:mood-plus",color:"neutral",type:"ghost",ref_key:"reactionRef",ref:n,onPointerdown:o[0]||(o[0]=e.withModifiers(()=>{},["stop"])),onClick:i},null,512)):e.createCommentVNode("",!0),e.unref(s).props.hasEdit||e.unref(s).props.hasDelete?(e.openBlock(),e.createBlock(b._sfc_main,{key:2,icon:"tabler:dots-vertical",color:"neutral",type:"ghost",ref_key:"actionRef",ref:t,onPointerdown:o[1]||(o[1]=e.withModifiers(()=>{},["stop"])),onClick:d},null,512)):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0)}}),Z=e.defineComponent({...c.getComponentOptions("CommentReactions"),__name:"CommentReactions",setup(f){const s=T(),n=e.ref(),t=()=>{s.emit("openReaction",n.value)},d=i=>{i&&!i.active&&s.emit("reaction",i.emoji)};return(i,a)=>{var u;return e.unref(s).props.hasReaction&&((u=e.unref(s).props.reactions)!=null&&u.some(o=>o.count&&o.emoji))?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(r.normCls)(e.unref(r.getBemElement)(e.unref(B),"reactions"),e.unref(s).props.reactionsCls))},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(s).props.reactions,o=>(e.openBlock(),e.createBlock(F._sfc_main,{key:o==null?void 0:o.emoji,active:o==null?void 0:o.active,onClick:h=>d(o)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o==null?void 0:o.emoji)+" "+e.toDisplayString(o==null?void 0:o.count),1)]),_:2},1032,["active","onClick"]))),128)),e.createVNode(b._sfc_main,{icon:"tabler:mood-plus",color:"neutral",type:"outline",ref_key:"reactionRef",ref:n,onPointerdown:a[0]||(a[0]=e.withModifiers(()=>{},["stop"])),onClick:t},null,512)],2)):e.createCommentVNode("",!0)}}}),B=r.getBemBlock("comment"),[T,A]=L.createContext("Comment"),ee=e.defineComponent({...c.getComponentOptions("Comment"),__name:"Comment",props:{class:{},headerCls:{},actionsCls:{},bodyCls:{},datetimeCls:{},contentCls:{},authorCls:{},repliesCls:{},headerContentCls:{},reactionsCls:{},repliesHeaderCls:{},repliesTitleCls:{},repliesContentCls:{},author:{},avatar:{},content:{},datetime:{},repliesCount:{},repliesTitle:{default:"Replies"},avatarProps:{},open:{type:Boolean,default:void 0},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","reply","openReaction"],setup(f,{emit:s}){c.useComponentStyle("comment",x);const n=f,t=e.useSlots(),d=s,i=c.useVModel(n,"open",d,{passive:n.open===void 0}),a=()=>{var g;let p;const _=(g=t.author)==null?void 0:g.call(t,{});return!c.isEmptyElement(_)?p=_:p=n.author,p?e.h("div",{class:r.normCls(r.getBemElement(B,"author"),n.authorCls)},p):null},u=()=>{var g;let p;const _=(g=t.datetime)==null?void 0:g.call(t,{});return!c.isEmptyElement(_)?p=_:p=n.datetime,p?e.h("div",{class:r.normCls(r.getBemElement(B,"datetime"),n.datetimeCls)},p):null},o=()=>{var g,y;const p=(g=t.header)==null?void 0:g.call(t,{}),_=!c.isEmptyElement(p);let m;if(_)m=p;else{m=[];const v=(y=t.avatar)==null?void 0:y.call(t,{});!c.isEmptyElement(v)?m.push(v):n.avatar&&m.push(e.h(D._sfc_main,{...n.avatarProps??{},src:n.avatar}));const k=a(),P=u();(k||P)&&m.push(e.h("div",{class:r.normCls(r.getBemElement(B,"header__content"),n.headerContentCls)},[k,P])),m.length||(m=void 0)}return m?(m.push(e.h(Y)),e.h("div",{class:r.normCls(r.getBemElement(B,"header"),n.headerCls)},m)):null},h=()=>{var m;const p=(m=t.content)==null?void 0:m.call(t,{}),_=!c.isEmptyElement(p);if(_||n.content)return e.h("div",{class:r.normCls(r.getBemElement(B,"content"),n.contentCls,"paragraph"),innerHTML:_?void 0:n.content},_?p:void 0)},C=r.getBemElement(B,"replies"),S=j.cva(C,{variants:{open:r.generateVariantClassList("open",C)}}),E=()=>{var y;const p=(y=t.replies)==null?void 0:y.call(t,{}),_=!c.isEmptyElement(p),m=()=>{var k,P,R;const v=(k=t.repliesHeader)==null?void 0:k.call(t,{open:!!i.value}),l=[];if(!c.isEmptyElement(v))l.push(v);else{l.push(e.h($._sfc_main,{size:"xsm",bg:"transparent",br:"transparent"},{default:()=>e.h(w._sfc_main,{icon:"tabler:chevron-down",class:r.getBemElement(C,"icon"),size:"2xsm"})}));const M=(P=t.repliesCount)==null?void 0:P.call(t,{}),I=!c.isEmptyElement(M),N=(R=t.repliesTitle)==null?void 0:R.call(t,{}),q=!c.isEmptyElement(N);let V;q?V=N:V=n.repliesTitle,l.push(e.h("div",{class:r.normCls(r.getBemElement(C,"title"),n.repliesTitleCls)},V)),(I||n.repliesCount)&&l.push(e.h(H._sfc_main,{color:"primary-subtle",text:n.repliesCount,size:"xsm"},{text:()=>M}))}return e.h("div",{class:r.normCls(r.getBemElement(C,"header"),n.repliesHeaderCls),onClick:()=>{i.value=!i.value}},l)},g=()=>{if(i.value)return[e.h("div",{class:r.normCls(r.getBemElement(C,"content"),n.repliesContentCls)},p),e.h("div",{class:r.getBemElement(C,"line")})]};return _?e.h("div",{class:r.normCls(S({open:!!i.value}),n.repliesCls)},[m(),g()]):null};return A({emit:d,props:n,slots:t}),(p,_)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(r.normCls)(e.unref(B),n.class))},[e.createVNode(o),e.createElementVNode("div",{class:e.normalizeClass(e.unref(r.normCls)(e.unref(r.getBemElement)(e.unref(B),"body"),n.bodyCls))},[e.createVNode(h),e.createVNode(Z),e.createVNode(E)],2)],2))}}),te=e.defineComponent({...c.getComponentOptions("CommentAction"),__name:"CommentAction",props:{hasEdit:{type:Boolean,default:!0},hasDelete:{type:Boolean,default:!0},editText:{default:"Edit"},deleteText:{default:"Delete"},defaultOpen:{type:Boolean},open:{type:Boolean,default:void 0},modal:{type:Boolean},disabled:{type:Boolean},defer:{type:Boolean},forceMount:{type:Boolean},sideOffset:{},sideFlip:{type:Boolean},alignOffset:{},alignFlip:{type:Boolean},avoidCollisions:{type:Boolean},collisionBoundary:{},collisionPadding:{},arrowPadding:{},sticky:{},hideWhenDetached:{type:Boolean},positionStrategy:{},updatePositionStrategy:{},disableUpdateOnLayoutShift:{type:Boolean},prioritizePosition:{type:Boolean},reference:{},dir:{},class:{},containerCls:{},containerClass:{},size:{},to:{},placement:{},reversePlacementOnDir:{},autoFocusInside:{type:Boolean},noPadding:{type:Boolean},zIndex:{},containerStyle:{},containerProps:{},useReferenceAttribute:{type:Boolean}},emits:["edit","delete","update:open"],setup(f,{emit:s}){c.useComponentStyle("comment",x);const n=f,t=s,d=()=>{t("edit"),a.value=!1},i=()=>{t("delete"),a.value=!1},a=c.useVModel(n,"open",t,{passive:n.open===void 0});return(u,o)=>(e.openBlock(),e.createBlock(e.unref(U._sfc_main),e.mergeProps(n,{open:e.unref(a),"onUpdate:open":o[0]||(o[0]=h=>e.isRef(a)?a.value=h:null),placement:"bottom-end",sideOffset:3,openDelay:0}),{content:e.withCtx(()=>[e.createVNode(O._sfc_main,{style:{width:"114px"}},{default:e.withCtx(()=>[u.hasEdit?(e.openBlock(),e.createBlock(O._sfc_main$1,{key:"edit",title:u.editText,onClick:d},{leading:e.withCtx(({iconSize:h})=>[e.createVNode(w._sfc_main,{icon:"tabler:edit",size:h},null,8,["size"])]),_:1},8,["title"])):e.createCommentVNode("",!0),u.hasDelete?(e.openBlock(),e.createBlock(O._sfc_main$1,{key:"delete",title:u.deleteText,danger:"",onClick:i},{leading:e.withCtx(({iconSize:h})=>[e.createVNode(w._sfc_main,{icon:"tabler:trash",size:h},null,8,["size"])]),_:1},8,["title"])):e.createCommentVNode("",!0)]),_:1})]),_:1},16,["open"]))}}),oe=e.defineComponent({...c.getComponentOptions("CommentReaction"),__name:"CommentReaction",props:{reference:{},open:{type:Boolean,default:void 0},icons:{},emojis:{},group:{},modelValue:{},defaultValue:{},visibleTabs:{},noTrigger:{type:Boolean},noModel:{type:Boolean},hideClear:{type:Boolean},hideColor:{type:Boolean},hideGroup:{type:Boolean},hideIcons:{type:Boolean},hideEmojis:{type:Boolean},hideSearch:{type:Boolean},hideRandom:{type:Boolean},disabled:{type:Boolean},borderless:{type:Boolean},popoverProps:{},colorPopoverProps:{},fgColorSwatchGroupProps:{},bgColorSwatchGroupProps:{},brColorSwatchGroupProps:{},visibleColorPickers:{},contentCls:{},headerCls:{},groupCls:{},searchCls:{},colorsCls:{},emptyCls:{},gridCls:{},scrollContainerProps:{},size:{},id:{},resetColorsOnChangeType:{}},emits:["reaction","update:open"],setup(f,{emit:s}){c.useComponentStyle("comment",x);const n=f,t=s,d=a=>{t("reaction",a.value),i.value=!1},i=c.useVModel(n,"open",t,{passive:n.open===void 0});return(a,u)=>(e.openBlock(),e.createBlock(e.unref(G._sfc_main),e.mergeProps(n,{noTrigger:"",hideClear:"",hideGroup:"",hideIcons:"",hideRandom:"",group:"emoji",popoverProps:{...a.popoverProps??{},reference:a.reference},placement:"bottom-end",visibleColorPickers:[],noModel:"",onSelect:d,open:e.unref(i),"onUpdate:open":u[0]||(u[0]=o=>e.isRef(i)?i.value=o:null)}),null,16,["popoverProps","open"]))}}),ne=e.defineComponent({...c.getComponentOptions("CommentMention"),__name:"CommentMention",props:{modelValue:{},defaultValue:{},multiple:{type:Boolean},disabled:{type:Boolean},highlightOnHover:{type:Boolean},resetSearchTermOnBlur:{type:Boolean},resetSearchTermOnSelect:{type:Boolean},size:{},status:{},noValueOnPlaceholder:{type:Boolean},zIndex:{},checkbox:{type:Boolean},tagRenderMode:{},getTagProps:{type:Function},tree:{type:Boolean},treeProps:{},contentFit:{type:Boolean},wrapped:{type:Boolean},sortSelectedItems:{type:Boolean},noTrailing:{type:Boolean},leadingIcon:{},trailingIcon:{},selectedItemIconAsTrailingIcon:{type:Boolean},maxCount:{},to:{type:[String,Function]},placeholder:{},indicatorIcon:{},options:{},getDisabled:{},getLabel:{},getDescription:{},getValue:{},getNoCheckbox:{},getSingle:{},getClear:{},getOptions:{},getIcon:{},loading:{type:Boolean},skeletonProps:{},loadingRowCount:{},lazyLoading:{type:Boolean},bordered:{type:Boolean},clearOnChangeMultiple:{type:Boolean},triggerCls:{},triggerLeadingCls:{},triggerContentCls:{},triggerContentPlaceholderCls:{},triggerContentValueCls:{},triggerTrailingCls:{},itemLeadingCls:{},optionCls:{},tagCls:{},popupCls:{},labelCls:{},optionsCls:{},optionTextCls:{},optionContentCls:{},emptyCls:{},skeletonCls:{},scrollContainerProps:{},emptyProps:{},samePopupWidth:{type:Boolean},popupHeight:{},popupWidth:{},minWidth:{},search:{},filterOptions:{},expandedKeys:{},noTrigger:{type:Boolean},headerSearch:{type:Boolean},headerSearchInputProps:{},virtual:{type:Boolean},showTriggerTagOnOption:{type:Boolean},disableOutsidePointerEvents:{type:Boolean},getMenuItemProps:{type:[Function,Object]},placement:{},containerProps:{},reversePlacementOnDir:{},open:{type:Boolean},defaultOpen:{type:Boolean},sideOffset:{},alignOffset:{},reference:{},prioritizePosition:{type:Boolean},avoidCollisions:{type:Boolean},dir:{}},emits:["mention"],setup(f,{emit:s}){const n=f,t=s,d=e.useSlots(),i=(a,u,o)=>{t("mention",a,o)};return(a,u)=>(e.openBlock(),e.createBlock(e.unref(K._sfc_main),e.mergeProps(n,{modelValue:"",onSelect:i,noTrigger:"",popupWidth:200}),e.createSlots({_:2},[e.renderList(Object.keys(d),o=>({name:o,fn:e.withCtx(h=>[e.renderSlot(a.$slots,o,e.normalizeProps(e.guardReactiveProps(h)))])}))]),1040))}}),re=e.defineComponent({...c.getComponentOptions("CommentEditor"),__name:"CommentEditor",props:{class:{},actionsCls:{},editorCls:{},footerCls:{},disabled:{type:Boolean,default:void 0},isEmpty:{type:Boolean},mentionsReference:{},uploadProps:{},maxHeight:{default:100}},emits:["openReaction","openMention","blur","focus","mention","submit"],setup(f,{emit:s}){c.useComponentStyle("comment",x);const n=e.useSlots(),t=f,d=s,i=r.getBemElement(B,"editor"),a=e.ref(),u=()=>{d("openReaction",a.value)},o=e.ref(),h=()=>{d("openMention",o.value)},{getDisabled:C}=c.useFormInput(),{rootBindings:S,inputBindings:E}=c.useInputDataStates({getDisabled:()=>C.value,emit:d}),p=()=>d("submit"),_=e.computed(()=>{if(Number(t.maxHeight)>0)return`${t.maxHeight}px`;if(typeof t.maxHeight=="string")return t.maxHeight}),m=e.ref(),g=y=>{var v;(v=m.value)!=null&&v.addFiles&&y.length&&m.value.addFiles(y)};return(y,v)=>(e.openBlock(),e.createElementBlock("div",e.mergeProps({class:e.unref(r.normCls)(e.unref(i),t.class)},e.unref(S)),[e.createVNode(Q._sfc_main,{overlay:!1,hasMask:!1,class:e.normalizeClass(e.unref(r.normCls)(e.unref(r.getBemElement)(e.unref(i),"editor"),"paragraph",t.editorCls)),style:e.normalizeStyle({maxHeight:_.value})},{default:e.withCtx(()=>[e.renderSlot(y.$slots,"default",e.normalizeProps(e.guardReactiveProps(e.unref(E))))]),_:3},8,["class","style"]),e.createVNode(z._sfc_main,e.mergeProps({noTrigger:""},y.uploadProps,{ref_key:"uploadRef",ref:m}),e.createSlots({_:2},[e.renderList(Object.keys(e.unref(J.omit)(n,["default"])),l=>({name:l,fn:e.withCtx(k=>[e.renderSlot(y.$slots,l,e.normalizeProps(e.guardReactiveProps(k)))])}))]),1040),e.createElementVNode("div",{class:e.normalizeClass(e.unref(r.normCls)(e.unref(r.getBemElement)(e.unref(i),"footer"),t.footerCls))},[e.createVNode(W._sfc_main),e.createElementVNode("div",{class:e.normalizeClass(e.unref(r.normCls)(e.unref(r.getBemElement)(e.unref(i),"actions"),t.actionsCls))},[e.createVNode(b._sfc_main,{icon:"tabler:at",color:"neutral",type:"ghost",ref_key:"mentionRef",ref:o,onPointerdown:v[0]||(v[0]=e.withModifiers(()=>{},["stop"])),onClick:h},null,512),e.createVNode(z._sfc_main$1,{accept:"image/*",multiple:"",onAddFiles:g},{default:e.withCtx(()=>[e.createVNode(b._sfc_main,{icon:"tabler:photo",color:"neutral",type:"ghost"})]),_:1}),e.createVNode(b._sfc_main,{icon:"tabler:mood-plus",color:"neutral",type:"ghost",ref_key:"reactionRef",ref:a,onPointerdown:v[1]||(v[1]=e.withModifiers(()=>{},["stop"])),onClick:u},null,512)],2),e.createVNode(b._sfc_main,{disabled:y.isEmpty,icon:"tabler:arrow-up",onClick:p},null,8,["disabled"])],2)],16))}}),se=["tabindex","disabled"],le=e.defineComponent({...c.getComponentOptions("CommentTrigger"),__name:"CommentTrigger",props:{class:{},text:{default:"Add a Comment or type @ to Mention..."},src:{},withShortcut:{type:Boolean},ignoeShortcut:{type:Boolean},disabled:{type:Boolean},avatarProps:{},shortcutProps:{}},emits:["add"],setup(f,{emit:s}){c.useComponentStyle("comment",x);const n=e.useSlots(),t=f,d=s,i=r.getBemElement(B,"trigger"),a=o=>{!t.ignoeShortcut&&o.code==="KeyC"&&o.altKey&&u(o)};e.onMounted(()=>{t.withShortcut&&addEventListener("keyup",a)}),e.onBeforeUnmount(()=>{t.withShortcut&&removeEventListener("keyup",a)}),t.withShortcut;const u=o=>d("add",o);return(o,h)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(r.normCls)(e.unref(i),t.class)),tabindex:o.disabled?-1:0,disabled:o.disabled?"":void 0,onPointerdown:e.withModifiers(u,["stop"]),onKeyup:e.withModifiers(u,["stop"])},[e.createVNode(D._sfc_main,e.mergeProps(o.avatarProps??{},{size:"sm",src:o.src}),e.createSlots({_:2},[e.renderList(Object.keys(n),C=>({name:C,fn:e.withCtx(S=>[e.renderSlot(o.$slots,C,e.normalizeProps(e.guardReactiveProps(S)))])}))]),1040,["src"]),e.createElementVNode("div",{class:e.normalizeClass(e.unref(r.getBemElement)(e.unref(i),"text"))},[e.renderSlot(o.$slots,"text",{},()=>[e.createTextVNode(e.toDisplayString(o.text),1)])],2),e.createVNode(X._sfc_main,e.mergeProps(o.shortcutProps??{},{items:[{text:"Alt"},{text:"C"}]}),null,16)],42,se))}}),ie=f=>{const s=e.ref(!1),n=e.ref(),t=e.ref(!1),d=(l,k=!1)=>{s.value=!0,t.value=k,n.value=l},i=e.ref(!1),a=e.ref(),u=l=>{i.value=!0,a.value=l},o=e.computed(()=>({open:s.value,reference:n.value,"onUpdate:open":l=>s.value=l,onReaction:l=>{var k,P;if(t.value)try{(k=f.addEmoji)==null||k.call(f,l)}catch(R){console.log("error on reaction ===>",R)}try{(P=f.onReaction)==null||P.call(f,l)}catch(R){console.log("error on reaction ===>",R)}}})),h=e.computed(()=>({open:i.value,reference:a.value,"onUpdate:open":l=>i.value=l})),C=e.ref(!1),S=e.ref(),E=e.ref(),p=e.ref(!1),_=e.computed(()=>({open:C.value,"onUpdate:open":l=>C.value=l,search:S.value,"onUpdate:search":l=>S.value=l,reference:E.value,headerSearch:p.value,onPointerDownOutside:g,onEscapeKeyDown:g})),m=l=>{l&&(E.value={getBoundingClientRect:l},C.value=!0,p.value=!1)},g=()=>{E.value=void 0,C.value=!1,S.value=void 0},y=l=>{S.value=l},v=e.computed(()=>({onOpenReaction:l=>d(l,!0),onOpenMention:l=>{l&&(E.value=l,C.value=!0,p.value=!0)}}));return{reactionBinding:o,actionBinding:h,editorBinding:v,mentionBinding:_,openActions:u,openReaction:d,openMentionInEditor:m,closeMentionInEditor:g,updateMentionQuery:y}};exports.Comment=ee;exports.CommentAction=te;exports.CommentEditor=re;exports.CommentMention=ne;exports.CommentReaction=oe;exports.CommentTrigger=le;exports.commentPrefix=B;exports.injectCommentContext=T;exports.provideCommentContext=A;exports.useComment=ie;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),m=require("@pantograph/utils-vue"),z=require("../Avatar.vue_vue_type_style_index_0_lang-DOGITXBz.js"),q=require("../Badge.vue_vue_type_script_setup_true_lang-BP3OmkDG.js"),H=require("class-variance-authority"),j=require("../GraphicalObject.vue_vue_type_script_setup_true_lang-8m8KVfwQ.js"),O=require("../Icon.vue_vue_type_style_index_0_lang-CMFYMG-2.js"),r=require("@pantograph/utils"),b=require("../IconButton.vue_vue_type_script_setup_true_lang-Dk1TQJVA.js"),$=require("../ActionButton.vue_vue_type_script_setup_true_lang-D3TR9Ar1.js"),F=require("reka-ui"),L=require("../Popover.vue_vue_type_style_index_0_lang-C6ZZEJzh.js"),V=require("../MenuItem.vue_vue_type_style_index_0_lang-DRaDzSf5.js"),U=require("../GOPicker.vue_vue_type_style_index_0_lang-CtmZNPfp.js"),G=require("../Combobox.vue_vue_type_style_index_0_lang-DBXy4T6d.js"),K=require("../Divider.vue_vue_type_style_index_0_lang-jjCOfwfM.js"),W=require("../ScrollContainer.vue_vue_type_style_index_0_lang-Dti6qFXk.js"),N=require("../Upload.vue_vue_type_style_index_0_lang-DreAGPIr.js"),Q=require("es-toolkit"),J=require("../Shortcut.vue_vue_type_style_index_0_lang-TFcjdHpb.js"),X=e.defineComponent({...m.getComponentOptions("CommentActions"),__name:"CommentActions",setup(f){const s=w(),n=e.ref(),t=e.ref(),d=()=>{s.emit("openActions",t.value)},i=()=>{s.emit("openReaction",n.value)},a=()=>{s.emit("reply")};return(p,o)=>e.unref(s).props.hasReaction||e.unref(s).props.hasEdit||e.unref(s).props.hasDelete?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(r.normCls)(e.unref(r.getBemElement)(e.unref(B),"actions"),e.unref(s).props.actionsCls))},[e.unref(s).props.hasReply?(e.openBlock(),e.createBlock(b._sfc_main,{key:0,icon:"tabler:corner-up-left",color:"neutral",type:"ghost",ref_key:"reactionRef",ref:n,flipOnDir:"rtl",onClick:a},null,512)):e.createCommentVNode("",!0),e.unref(s).props.hasReaction?(e.openBlock(),e.createBlock(b._sfc_main,{key:1,icon:"tabler:mood-plus",color:"neutral",type:"ghost",ref_key:"reactionRef",ref:n,onPointerdown:o[0]||(o[0]=e.withModifiers(()=>{},["stop"])),onClick:i},null,512)):e.createCommentVNode("",!0),e.unref(s).props.hasEdit||e.unref(s).props.hasDelete?(e.openBlock(),e.createBlock(b._sfc_main,{key:2,icon:"tabler:dots-vertical",color:"neutral",type:"ghost",ref_key:"actionRef",ref:t,onPointerdown:o[1]||(o[1]=e.withModifiers(()=>{},["stop"])),onClick:d},null,512)):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0)}}),Y=e.defineComponent({...m.getComponentOptions("CommentReactions"),__name:"CommentReactions",setup(f){const s=w(),n=e.ref(),t=()=>{s.emit("openReaction",n.value)},d=i=>{i&&!i.active&&s.emit("reaction",i.emoji)};return(i,a)=>{var p;return e.unref(s).props.hasReaction&&((p=e.unref(s).props.reactions)!=null&&p.some(o=>o.count&&o.emoji))?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(r.normCls)(e.unref(r.getBemElement)(e.unref(B),"reactions"),e.unref(s).props.reactionsCls))},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(s).props.reactions,o=>(e.openBlock(),e.createBlock($._sfc_main,{key:o==null?void 0:o.emoji,active:o==null?void 0:o.active,onClick:y=>d(o)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o==null?void 0:o.emoji)+" "+e.toDisplayString(o==null?void 0:o.count),1)]),_:2},1032,["active","onClick"]))),128)),e.createVNode(b._sfc_main,{icon:"tabler:mood-plus",color:"neutral",type:"outline",ref_key:"reactionRef",ref:n,onPointerdown:a[0]||(a[0]=e.withModifiers(()=>{},["stop"])),onClick:t},null,512)],2)):e.createCommentVNode("",!0)}}}),B=r.getBemBlock("comment"),[w,D]=F.createContext("Comment"),Z=e.defineComponent({...m.getComponentOptions("Comment"),__name:"Comment",props:{class:{},headerCls:{},actionsCls:{},bodyCls:{},datetimeCls:{},contentCls:{},authorCls:{},repliesCls:{},headerContentCls:{},reactionsCls:{},repliesHeaderCls:{},repliesTitleCls:{},repliesContentCls:{},author:{},avatar:{},content:{},datetime:{},repliesCount:{},repliesTitle:{default:"Replies"},avatarProps:{},open:{type:Boolean,default:void 0},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","reply","openReaction"],setup(f,{emit:s}){const n=f,t=e.useSlots(),d=s,i=m.useVModel(n,"open",d,{passive:n.open===void 0}),a=()=>{var g;let c;const _=(g=t.author)==null?void 0:g.call(t,{});return!m.isEmptyElement(_)?c=_:c=n.author,c?e.h("div",{class:r.normCls(r.getBemElement(B,"author"),n.authorCls)},c):null},p=()=>{var g;let c;const _=(g=t.datetime)==null?void 0:g.call(t,{});return!m.isEmptyElement(_)?c=_:c=n.datetime,c?e.h("div",{class:r.normCls(r.getBemElement(B,"datetime"),n.datetimeCls)},c):null},o=()=>{var g,h;const c=(g=t.header)==null?void 0:g.call(t,{}),_=!m.isEmptyElement(c);let u;if(_)u=c;else{u=[];const v=(h=t.avatar)==null?void 0:h.call(t,{});!m.isEmptyElement(v)?u.push(v):n.avatar&&u.push(e.h(z._sfc_main,{...n.avatarProps??{},src:n.avatar}));const k=a(),S=p();(k||S)&&u.push(e.h("div",{class:r.normCls(r.getBemElement(B,"header__content"),n.headerContentCls)},[k,S])),u.length||(u=void 0)}return u?(u.push(e.h(X)),e.h("div",{class:r.normCls(r.getBemElement(B,"header"),n.headerCls)},u)):null},y=()=>{var u;const c=(u=t.content)==null?void 0:u.call(t,{}),_=!m.isEmptyElement(c);if(_||n.content)return e.h("div",{class:r.normCls(r.getBemElement(B,"content"),n.contentCls,"paragraph"),innerHTML:_?void 0:n.content},_?c:void 0)},C=r.getBemElement(B,"replies"),E=H.cva(C,{variants:{open:r.generateVariantClassList("open",C)}}),P=()=>{var h;const c=(h=t.replies)==null?void 0:h.call(t,{}),_=!m.isEmptyElement(c),u=()=>{var k,S,R;const v=(k=t.repliesHeader)==null?void 0:k.call(t,{open:!!i.value}),l=[];if(!m.isEmptyElement(v))l.push(v);else{l.push(e.h(j._sfc_main,{size:"xsm",bg:"transparent",br:"transparent"},{default:()=>e.h(O._sfc_main,{icon:"tabler:chevron-down",class:r.getBemElement(C,"icon"),size:"2xsm"})}));const M=(S=t.repliesCount)==null?void 0:S.call(t,{}),A=!m.isEmptyElement(M),T=(R=t.repliesTitle)==null?void 0:R.call(t,{}),I=!m.isEmptyElement(T);let x;I?x=T:x=n.repliesTitle,l.push(e.h("div",{class:r.normCls(r.getBemElement(C,"title"),n.repliesTitleCls)},x)),(A||n.repliesCount)&&l.push(e.h(q._sfc_main,{color:"primary-subtle",text:n.repliesCount,size:"xsm"},{text:()=>M}))}return e.h("div",{class:r.normCls(r.getBemElement(C,"header"),n.repliesHeaderCls),onClick:()=>{i.value=!i.value}},l)},g=()=>{if(i.value)return[e.h("div",{class:r.normCls(r.getBemElement(C,"content"),n.repliesContentCls)},c),e.h("div",{class:r.getBemElement(C,"line")})]};return _?e.h("div",{class:r.normCls(E({open:!!i.value}),n.repliesCls)},[u(),g()]):null};return D({emit:d,props:n,slots:t}),(c,_)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(r.normCls)(e.unref(B),n.class))},[e.createVNode(o),e.createElementVNode("div",{class:e.normalizeClass(e.unref(r.normCls)(e.unref(r.getBemElement)(e.unref(B),"body"),n.bodyCls))},[e.createVNode(y),e.createVNode(Y),e.createVNode(P)],2)],2))}}),ee=e.defineComponent({...m.getComponentOptions("CommentAction"),__name:"CommentAction",props:{hasEdit:{type:Boolean,default:!0},hasDelete:{type:Boolean,default:!0},editText:{default:"Edit"},deleteText:{default:"Delete"},defaultOpen:{type:Boolean},open:{type:Boolean,default:void 0},modal:{type:Boolean},disabled:{type:Boolean},defer:{type:Boolean},forceMount:{type:Boolean},sideOffset:{},sideFlip:{type:Boolean},alignOffset:{},alignFlip:{type:Boolean},avoidCollisions:{type:Boolean},collisionBoundary:{},collisionPadding:{},arrowPadding:{},sticky:{},hideWhenDetached:{type:Boolean},positionStrategy:{},updatePositionStrategy:{},disableUpdateOnLayoutShift:{type:Boolean},prioritizePosition:{type:Boolean},reference:{},dir:{},class:{},containerCls:{},containerClass:{},size:{},to:{},placement:{},reversePlacementOnDir:{},autoFocusInside:{type:Boolean},noPadding:{type:Boolean},zIndex:{},containerStyle:{},containerProps:{},useReferenceAttribute:{type:Boolean}},emits:["edit","delete","update:open"],setup(f,{emit:s}){const n=f,t=s,d=()=>{t("edit"),a.value=!1},i=()=>{t("delete"),a.value=!1},a=m.useVModel(n,"open",t,{passive:n.open===void 0});return(p,o)=>(e.openBlock(),e.createBlock(e.unref(L._sfc_main),e.mergeProps(n,{open:e.unref(a),"onUpdate:open":o[0]||(o[0]=y=>e.isRef(a)?a.value=y:null),placement:"bottom-end",sideOffset:3,openDelay:0}),{content:e.withCtx(()=>[e.createVNode(V._sfc_main,{style:{width:"114px"}},{default:e.withCtx(()=>[p.hasEdit?(e.openBlock(),e.createBlock(V._sfc_main$1,{key:"edit",title:p.editText,onClick:d},{leading:e.withCtx(({iconSize:y})=>[e.createVNode(O._sfc_main,{icon:"tabler:edit",size:y},null,8,["size"])]),_:1},8,["title"])):e.createCommentVNode("",!0),p.hasDelete?(e.openBlock(),e.createBlock(V._sfc_main$1,{key:"delete",title:p.deleteText,danger:"",onClick:i},{leading:e.withCtx(({iconSize:y})=>[e.createVNode(O._sfc_main,{icon:"tabler:trash",size:y},null,8,["size"])]),_:1},8,["title"])):e.createCommentVNode("",!0)]),_:1})]),_:1},16,["open"]))}}),te=e.defineComponent({...m.getComponentOptions("CommentReaction"),__name:"CommentReaction",props:{reference:{},open:{type:Boolean,default:void 0},icons:{},emojis:{},group:{},modelValue:{},defaultValue:{},visibleTabs:{},noTrigger:{type:Boolean},noModel:{type:Boolean},hideClear:{type:Boolean},hideColor:{type:Boolean},hideGroup:{type:Boolean},hideIcons:{type:Boolean},hideEmojis:{type:Boolean},hideSearch:{type:Boolean},hideRandom:{type:Boolean},disabled:{type:Boolean},borderless:{type:Boolean},popoverProps:{},colorPopoverProps:{},fgColorSwatchGroupProps:{},bgColorSwatchGroupProps:{},brColorSwatchGroupProps:{},visibleColorPickers:{},contentCls:{},headerCls:{},groupCls:{},searchCls:{},colorsCls:{},emptyCls:{},gridCls:{},scrollContainerProps:{},size:{},id:{},resetColorsOnChangeType:{}},emits:["reaction","update:open"],setup(f,{emit:s}){const n=f,t=s,d=a=>{t("reaction",a.value),i.value=!1},i=m.useVModel(n,"open",t,{passive:n.open===void 0});return(a,p)=>(e.openBlock(),e.createBlock(e.unref(U._sfc_main),e.mergeProps(n,{noTrigger:"",hideClear:"",hideGroup:"",hideIcons:"",hideRandom:"",group:"emoji",popoverProps:{...a.popoverProps??{},reference:a.reference},placement:"bottom-end",visibleColorPickers:[],noModel:"",onSelect:d,open:e.unref(i),"onUpdate:open":p[0]||(p[0]=o=>e.isRef(i)?i.value=o:null)}),null,16,["popoverProps","open"]))}}),oe=e.defineComponent({...m.getComponentOptions("CommentMention"),__name:"CommentMention",props:{modelValue:{},defaultValue:{},multiple:{type:Boolean},disabled:{type:Boolean},highlightOnHover:{type:Boolean},resetSearchTermOnBlur:{type:Boolean},resetSearchTermOnSelect:{type:Boolean},size:{},status:{},noValueOnPlaceholder:{type:Boolean},zIndex:{},checkbox:{type:Boolean},tagRenderMode:{},getTagProps:{type:Function},tree:{type:Boolean},treeProps:{},contentFit:{type:Boolean},wrapped:{type:Boolean},sortSelectedItems:{type:Boolean},noTrailing:{type:Boolean},leadingIcon:{},trailingIcon:{},selectedItemIconAsTrailingIcon:{type:Boolean},maxCount:{},to:{type:[String,Function]},placeholder:{},indicatorIcon:{},options:{},getDisabled:{},getLabel:{},getDescription:{},getValue:{},getNoCheckbox:{},getSingle:{},getClear:{},getOptions:{},getIcon:{},loading:{type:Boolean},skeletonProps:{},loadingRowCount:{},lazyLoading:{type:Boolean},bordered:{type:Boolean},clearOnChangeMultiple:{type:Boolean},triggerCls:{},triggerLeadingCls:{},triggerContentCls:{},triggerContentPlaceholderCls:{},triggerContentValueCls:{},triggerTrailingCls:{},itemLeadingCls:{},optionCls:{},tagCls:{},popupCls:{},labelCls:{},optionsCls:{},optionTextCls:{},optionContentCls:{},emptyCls:{},skeletonCls:{},scrollContainerProps:{},emptyProps:{},samePopupWidth:{type:Boolean},popupHeight:{},popupWidth:{},minWidth:{},search:{},filterOptions:{},expandedKeys:{},noTrigger:{type:Boolean},headerSearch:{type:Boolean},headerSearchInputProps:{},virtual:{type:Boolean},showTriggerTagOnOption:{type:Boolean},disableOutsidePointerEvents:{type:Boolean},getMenuItemProps:{type:[Function,Object]},placement:{},containerProps:{},reversePlacementOnDir:{},open:{type:Boolean},defaultOpen:{type:Boolean},sideOffset:{},alignOffset:{},reference:{},prioritizePosition:{type:Boolean},avoidCollisions:{type:Boolean},dir:{}},emits:["mention"],setup(f,{emit:s}){const n=f,t=s,d=e.useSlots(),i=(a,p,o)=>{t("mention",a,o)};return(a,p)=>(e.openBlock(),e.createBlock(e.unref(G._sfc_main),e.mergeProps(n,{modelValue:"",onSelect:i,noTrigger:"",popupWidth:200}),e.createSlots({_:2},[e.renderList(Object.keys(d),o=>({name:o,fn:e.withCtx(y=>[e.renderSlot(a.$slots,o,e.normalizeProps(e.guardReactiveProps(y)))])}))]),1040))}}),ne=e.defineComponent({...m.getComponentOptions("CommentEditor"),__name:"CommentEditor",props:{class:{},actionsCls:{},editorCls:{},footerCls:{},disabled:{type:Boolean,default:void 0},isEmpty:{type:Boolean},mentionsReference:{},uploadProps:{},maxHeight:{default:100}},emits:["openReaction","openMention","blur","focus","mention","submit"],setup(f,{emit:s}){const n=e.useSlots(),t=f,d=s,i=r.getBemElement(B,"editor"),a=e.ref(),p=()=>{d("openReaction",a.value)},o=e.ref(),y=()=>{d("openMention",o.value)},{getDisabled:C}=m.useFormInput(),{rootBindings:E,inputBindings:P}=m.useInputDataStates({getDisabled:()=>C.value,emit:d}),c=()=>d("submit"),_=e.computed(()=>{if(Number(t.maxHeight)>0)return`${t.maxHeight}px`;if(typeof t.maxHeight=="string")return t.maxHeight}),u=e.ref(),g=h=>{var v;(v=u.value)!=null&&v.addFiles&&h.length&&u.value.addFiles(h)};return(h,v)=>(e.openBlock(),e.createElementBlock("div",e.mergeProps({class:e.unref(r.normCls)(e.unref(i),t.class)},e.unref(E)),[e.createVNode(W._sfc_main,{overlay:!1,hasMask:!1,class:e.normalizeClass(e.unref(r.normCls)(e.unref(r.getBemElement)(e.unref(i),"editor"),"paragraph",t.editorCls)),style:e.normalizeStyle({maxHeight:_.value})},{default:e.withCtx(()=>[e.renderSlot(h.$slots,"default",e.normalizeProps(e.guardReactiveProps(e.unref(P))))]),_:3},8,["class","style"]),e.createVNode(N._sfc_main,e.mergeProps({noTrigger:""},h.uploadProps,{ref_key:"uploadRef",ref:u}),e.createSlots({_:2},[e.renderList(Object.keys(e.unref(Q.omit)(n,["default"])),l=>({name:l,fn:e.withCtx(k=>[e.renderSlot(h.$slots,l,e.normalizeProps(e.guardReactiveProps(k)))])}))]),1040),e.createElementVNode("div",{class:e.normalizeClass(e.unref(r.normCls)(e.unref(r.getBemElement)(e.unref(i),"footer"),t.footerCls))},[e.createVNode(K._sfc_main),e.createElementVNode("div",{class:e.normalizeClass(e.unref(r.normCls)(e.unref(r.getBemElement)(e.unref(i),"actions"),t.actionsCls))},[e.createVNode(b._sfc_main,{icon:"tabler:at",color:"neutral",type:"ghost",ref_key:"mentionRef",ref:o,onPointerdown:v[0]||(v[0]=e.withModifiers(()=>{},["stop"])),onClick:y},null,512),e.createVNode(N._sfc_main$1,{accept:"image/*",multiple:"",onAddFiles:g},{default:e.withCtx(()=>[e.createVNode(b._sfc_main,{icon:"tabler:photo",color:"neutral",type:"ghost"})]),_:1}),e.createVNode(b._sfc_main,{icon:"tabler:mood-plus",color:"neutral",type:"ghost",ref_key:"reactionRef",ref:a,onPointerdown:v[1]||(v[1]=e.withModifiers(()=>{},["stop"])),onClick:p},null,512)],2),e.createVNode(b._sfc_main,{disabled:h.isEmpty,icon:"tabler:arrow-up",onClick:c},null,8,["disabled"])],2)],16))}}),re=["tabindex","disabled"],se=e.defineComponent({...m.getComponentOptions("CommentTrigger"),__name:"CommentTrigger",props:{class:{},text:{default:"Add a Comment or type @ to Mention..."},src:{},withShortcut:{type:Boolean},ignoeShortcut:{type:Boolean},disabled:{type:Boolean},avatarProps:{},shortcutProps:{}},emits:["add"],setup(f,{emit:s}){const n=e.useSlots(),t=f,d=s,i=r.getBemElement(B,"trigger"),a=o=>{!t.ignoeShortcut&&o.code==="KeyC"&&o.altKey&&p(o)};e.onMounted(()=>{t.withShortcut&&addEventListener("keyup",a)}),e.onBeforeUnmount(()=>{t.withShortcut&&removeEventListener("keyup",a)}),t.withShortcut;const p=o=>d("add",o);return(o,y)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(r.normCls)(e.unref(i),t.class)),tabindex:o.disabled?-1:0,disabled:o.disabled?"":void 0,onPointerdown:e.withModifiers(p,["stop"]),onKeyup:e.withModifiers(p,["stop"])},[e.createVNode(z._sfc_main,e.mergeProps(o.avatarProps??{},{size:"sm",src:o.src}),e.createSlots({_:2},[e.renderList(Object.keys(n),C=>({name:C,fn:e.withCtx(E=>[e.renderSlot(o.$slots,C,e.normalizeProps(e.guardReactiveProps(E)))])}))]),1040,["src"]),e.createElementVNode("div",{class:e.normalizeClass(e.unref(r.getBemElement)(e.unref(i),"text"))},[e.renderSlot(o.$slots,"text",{},()=>[e.createTextVNode(e.toDisplayString(o.text),1)])],2),e.createVNode(J._sfc_main,e.mergeProps(o.shortcutProps??{},{items:[{text:"Alt"},{text:"C"}]}),null,16)],42,re))}}),le=f=>{const s=e.ref(!1),n=e.ref(),t=e.ref(!1),d=(l,k=!1)=>{s.value=!0,t.value=k,n.value=l},i=e.ref(!1),a=e.ref(),p=l=>{i.value=!0,a.value=l},o=e.computed(()=>({open:s.value,reference:n.value,"onUpdate:open":l=>s.value=l,onReaction:l=>{var k,S;if(t.value)try{(k=f.addEmoji)==null||k.call(f,l)}catch(R){console.log("error on reaction ===>",R)}try{(S=f.onReaction)==null||S.call(f,l)}catch(R){console.log("error on reaction ===>",R)}}})),y=e.computed(()=>({open:i.value,reference:a.value,"onUpdate:open":l=>i.value=l})),C=e.ref(!1),E=e.ref(),P=e.ref(),c=e.ref(!1),_=e.computed(()=>({open:C.value,"onUpdate:open":l=>C.value=l,search:E.value,"onUpdate:search":l=>E.value=l,reference:P.value,headerSearch:c.value,onPointerDownOutside:g,onEscapeKeyDown:g})),u=l=>{l&&(P.value={getBoundingClientRect:l},C.value=!0,c.value=!1)},g=()=>{P.value=void 0,C.value=!1,E.value=void 0},h=l=>{E.value=l},v=e.computed(()=>({onOpenReaction:l=>d(l,!0),onOpenMention:l=>{l&&(P.value=l,C.value=!0,c.value=!0)}}));return{reactionBinding:o,actionBinding:y,editorBinding:v,mentionBinding:_,openActions:p,openReaction:d,openMentionInEditor:u,closeMentionInEditor:g,updateMentionQuery:h}};exports.Comment=Z;exports.CommentAction=ee;exports.CommentEditor=ne;exports.CommentMention=oe;exports.CommentReaction=te;exports.CommentTrigger=se;exports.commentPrefix=B;exports.injectCommentContext=w;exports.provideCommentContext=D;exports.useComment=le;