@pantograph/vue 0.29.2 → 0.29.4

package/dist/Comment/index.js

@@ -1,11 +1,11 @@
 import { defineComponent as $, ref as v, createElementBlock as j, createCommentVNode as A, unref as n, openBlock as B, normalizeClass as E, createBlock as x, withModifiers as I, createVNode as g, Fragment as fe, renderList as Y, withCtx as O, createTextVNode as le, toDisplayString as J, h as _, useSlots as Q, createElementVNode as K, mergeProps as L, isRef as re, createSlots as ae, renderSlot as W, normalizeProps as Z, guardReactiveProps as ee, computed as G, normalizeStyle as Ce, onMounted as ye, onBeforeUnmount as he } from "vue";
 import { useVModel as oe, isEmptyElement as T, useFormInput as ge, useInputDataStates as ve, installComponent as N } from "@pantograph/utils-vue";
-import { _ as pe } from "../Avatar.vue_vue_type_style_index_0_lang-kRBRb-c7.js";
+import { _ as pe } from "../Avatar.vue_vue_type_style_index_0_lang-BSPQHKch.js";
 import { _ as _e } from "../Badge.vue_vue_type_script_setup_true_lang-BvaT1pMA.js";
 import { cva as Be } from "class-variance-authority";
 import "../GraphicalObject/index.js";
 import "../Icon/index.js";
-import { getComponentOptions as M, normCls as h, getBemElement as C, getBemBlock as be, generateVariantClassList as Pe, getPxSize as Re, getComponentName as U } from "@pantograph/utils";
+import { getComponentOptions as M, normCls as h, getBemElement as C, getBemBlock as be, generateVariantClassList as Re, getPxSize as Pe, getComponentName as U } from "@pantograph/utils";
 import { _ as z } from "../IconButton.vue_vue_type_script_setup_true_lang-DBDmWePu.js";
 import { _ as Se } from "../ActionButton.vue_vue_type_script_setup_true_lang-BKA6jQN0.js";
 import { UploadList as ke, UploadTrigger as xe } from "../Upload/index.js";
@@ -23,16 +23,18 @@ const Fe = /* @__PURE__ */ $({
   ...M("CommentActions"),
   __name: "CommentActions",
   setup(u) {
-    const s = te(), t = v(), e = v(), p = () => {
+    const s = te(), t = v(), e = v(), c = () => {
       s.emit("openActions", e.value);
     }, i = () => {
       s.emit("openReaction", t.value);
     }, l = () => {
-      s.emit("reply");
+      s.emit("reply", (a) => {
+        s.openReplies && (a !== void 0 ? s.openReplies.value = a : s.openReplies.value = !s.openReplies.value);
+      });
     };
-    return (c, o) => n(s).props.hasReaction || n(s).props.hasEdit || n(s).props.hasDelete ? (B(), j("div", {
+    return (a, o) => n(s).props.hasReaction || n(s).props.hasEdit || n(s).props.hasDelete ? (B(), j("div", {
       key: 0,
-      class: E(n(h)(n(C)(n(R), "actions"), n(s).props.actionsCls))
+      class: E(n(h)(n(C)(n(P), "actions"), n(s).props.actionsCls))
     }, [
       n(s).props.hasReply ? (B(), x(z, {
         key: 0,
@@ -64,7 +66,7 @@ const Fe = /* @__PURE__ */ $({
         ref: e,
         onPointerdown: o[1] || (o[1] = I(() => {
         }, ["stop"])),
-        onClick: p
+        onClick: c
       }, null, 512)) : A("", !0)
     ], 2)) : A("", !0);
   }
@@ -74,19 +76,19 @@ const Fe = /* @__PURE__ */ $({
   setup(u) {
     const s = te(), t = v(), e = () => {
       s.emit("openReaction", t.value);
-    }, p = (i) => {
+    }, c = (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(), j("div", {
+      var a;
+      return n(s).props.hasReaction && ((a = n(s).props.reactions) != null && a.some((o) => o.count && o.emoji)) ? (B(), j("div", {
         key: 0,
-        class: E(n(h)(n(C)(n(R), "reactions"), n(s).props.reactionsCls))
+        class: E(n(h)(n(C)(n(P), "reactions"), n(s).props.reactionsCls))
       }, [
         (B(!0), j(fe, null, Y(n(s).props.reactions, (o) => (B(), x(Se, {
           key: o == null ? void 0 : o.emoji,
           active: o == null ? void 0 : o.active,
-          onClick: (b) => p(o)
+          onClick: (b) => c(o)
         }, {
           default: O(() => [
             le(J(o == null ? void 0 : o.emoji) + " " + J(o == null ? void 0 : o.count), 1)
@@ -119,19 +121,19 @@ const Fe = /* @__PURE__ */ $({
           ref: s.fileListRef,
           listType: "card",
           fileListCls: h(
-            C(R, "file_list"),
+            C(P, "file_list"),
             (e = s.props.uploadProps) == null ? void 0 : e.fileListCls
           )
         },
         s.slots
       );
     };
-    return (e, p) => {
+    return (e, c) => {
       var i, l;
       return (l = (i = n(s).props.uploadProps) == null ? void 0 : i.fileList) != null && l.length ? (B(), x(t, { key: 0 })) : A("", !0);
     };
   }
-}), R = be("comment"), [te, de] = Te("Comment"), Le = /* @__PURE__ */ $({
+}), P = be("comment"), [te, de] = Te("Comment"), Le = /* @__PURE__ */ $({
   ...M("Comment"),
   __name: "Comment",
   props: {
@@ -165,45 +167,45 @@ const Fe = /* @__PURE__ */ $({
   },
   emits: ["update:open", "openActions", "reaction", "reply", "openReaction"],
   setup(u, { emit: s }) {
-    const t = u, e = Q(), p = s, i = oe(t, "open", p, {
+    const t = u, e = Q(), c = s, i = oe(t, "open", c, {
       passive: t.open === void 0
     }), l = () => {
       var f;
-      let a;
+      let p;
       const y = (f = e.author) == null ? void 0 : f.call(e, {});
-      return !T(y) ? a = y : a = t.author, a ? _(
+      return !T(y) ? p = y : p = t.author, p ? _(
         "div",
         {
-          class: h(C(R, "author"), t.authorCls)
+          class: h(C(P, "author"), t.authorCls)
         },
-        a
+        p
       ) : null;
-    }, c = () => {
+    }, a = () => {
       var f;
-      let a;
+      let p;
       const y = (f = e.datetime) == null ? void 0 : f.call(e, {});
-      return !T(y) ? a = y : a = t.datetime, a ? _(
+      return !T(y) ? p = y : p = t.datetime, p ? _(
         "div",
         {
-          class: h(C(R, "datetime"), t.datetimeCls)
+          class: h(C(P, "datetime"), t.datetimeCls)
         },
-        a
+        p
       ) : null;
     }, o = () => {
-      var f, P;
-      const a = (f = e.header) == null ? void 0 : f.call(e, {}), y = !T(a);
+      var f, R;
+      const p = (f = e.header) == null ? void 0 : f.call(e, {}), y = !T(p);
       let m;
-      if (y) m = a;
+      if (y) m = p;
       else {
         m = [];
-        const F = (P = e.avatar) == null ? void 0 : P.call(e, {});
+        const F = (R = e.avatar) == null ? void 0 : R.call(e, {});
         !T(F) ? m.push(F) : t.avatar && m.push(_(pe, { ...t.avatarProps ?? {}, src: t.avatar }));
-        const k = l(), D = c();
+        const k = l(), D = a();
         (k || D) && m.push(
           _(
             "div",
             {
-              class: h(C(R, "header__content"), t.headerContentCls)
+              class: h(C(P, "header__content"), t.headerContentCls)
             },
             [k, D]
           )
@@ -211,28 +213,28 @@ const Fe = /* @__PURE__ */ $({
       }
       return m ? (m.push(_(Fe)), _(
         "div",
-        { class: h(C(R, "header"), t.headerCls) },
+        { class: h(C(P, "header"), t.headerCls) },
         m
       )) : null;
     }, b = () => {
       var m;
-      const a = (m = e.content) == null ? void 0 : m.call(e, {}), y = !T(a);
+      const p = (m = e.content) == null ? void 0 : m.call(e, {}), y = !T(p);
       if (y || t.content)
         return _(
           "div",
           {
-            class: h(C(R, "content"), t.contentCls, "paragraph"),
+            class: h(C(P, "content"), t.contentCls, "paragraph"),
             innerHTML: y ? void 0 : t.content
           },
-          y ? a : void 0
+          y ? p : void 0
         );
-    }, d = C(R, "replies"), S = Be(d, {
+    }, d = C(P, "replies"), S = Be(d, {
       variants: {
-        open: Pe("open", d)
+        open: Re("open", d)
       }
     }), V = () => {
-      var P;
-      const a = (P = e.replies) == null ? void 0 : P.call(e, {}), y = !T(a), m = () => {
+      var R;
+      const p = (R = e.replies) == null ? void 0 : R.call(e, {}), y = !T(p), m = () => {
         var k, D, H;
         const F = (k = e.repliesHeader) == null ? void 0 : k.call(e, { open: !!i.value }), r = [];
         if (!T(F))
@@ -297,7 +299,7 @@ const Fe = /* @__PURE__ */ $({
               {
                 class: h(C(d, "content"), t.repliesContentCls)
               },
-              a
+              p
             ),
             _("div", {
               class: C(d, "line")
@@ -318,16 +320,17 @@ const Fe = /* @__PURE__ */ $({
       ) : null;
     }, w = v();
     return de({
-      emit: p,
+      openReplies: i,
+      emit: c,
       props: t,
       slots: e,
       fileListRef: w
-    }), (a, y) => (B(), j("div", {
-      class: E(n(h)(n(R), t.class))
+    }), (p, y) => (B(), j("div", {
+      class: E(n(h)(n(P), t.class))
     }, [
       g(o),
       K("div", {
-        class: E(n(h)(n(C)(n(R), "body"), t.bodyCls))
+        class: E(n(h)(n(C)(n(P), "body"), t.bodyCls))
       }, [
         g(b),
         g(ce),
@@ -383,14 +386,14 @@ const Fe = /* @__PURE__ */ $({
   },
   emits: ["edit", "delete", "update:open"],
   setup(u, { emit: s }) {
-    const t = u, e = s, p = () => {
+    const t = u, e = s, c = () => {
       e("edit"), l.value = !1;
     }, i = () => {
       e("delete"), l.value = !1;
     }, l = oe(t, "open", e, {
       passive: t.open === void 0
     });
-    return (c, o) => (B(), x(n(Ee), L(t, {
+    return (a, o) => (B(), x(n(Ee), L(t, {
       open: n(l),
       "onUpdate:open": o[0] || (o[0] = (b) => re(l) ? l.value = b : null),
       placement: "bottom-end",
@@ -400,10 +403,10 @@ const Fe = /* @__PURE__ */ $({
       content: O(() => [
         g($e, { style: { width: "114px" } }, {
           default: O(() => [
-            c.hasEdit ? (B(), x(ie, {
+            a.hasEdit ? (B(), x(ie, {
               key: "edit",
-              title: c.editText,
-              onClick: p
+              title: a.editText,
+              onClick: c
             }, {
               leading: O(({ iconSize: b }) => [
                 g(X, {
@@ -413,9 +416,9 @@ const Fe = /* @__PURE__ */ $({
               ]),
               _: 1
             }, 8, ["title"])) : A("", !0),
-            c.hasDelete ? (B(), x(ie, {
+            a.hasDelete ? (B(), x(ie, {
               key: "delete",
-              title: c.deleteText,
+              title: a.deleteText,
               danger: "",
               onClick: i
             }, {
@@ -477,12 +480,12 @@ const Fe = /* @__PURE__ */ $({
   },
   emits: ["reaction", "update:open"],
   setup(u, { emit: s }) {
-    const t = u, e = s, p = (l) => {
+    const t = u, e = s, c = (l) => {
       e("reaction", l.value), i.value = !1;
     }, i = oe(t, "open", e, {
       passive: t.open === void 0
     });
-    return (l, c) => (B(), x(n(Me), L(t, {
+    return (l, a) => (B(), x(n(Me), L(t, {
       noTrigger: "",
       hideClear: "",
       hideGroup: "",
@@ -496,9 +499,9 @@ const Fe = /* @__PURE__ */ $({
       placement: "bottom-end",
       visibleColorPickers: [],
       noModel: "",
-      onSelect: p,
+      onSelect: c,
       open: n(i),
-      "onUpdate:open": c[0] || (c[0] = (o) => re(i) ? i.value = o : null)
+      "onUpdate:open": a[0] || (a[0] = (o) => re(i) ? i.value = o : null)
     }), null, 16, ["popoverProps", "open"]));
   }
 }), je = /* @__PURE__ */ $({
@@ -594,14 +597,14 @@ const Fe = /* @__PURE__ */ $({
   },
   emits: ["mention"],
   setup(u, { expose: s, emit: t }) {
-    const e = u, p = t, i = Q(), l = (o, b, d) => {
-      p("mention", o, d);
-    }, c = v();
+    const e = u, c = t, i = Q(), l = (o, b, d) => {
+      c("mention", o, d);
+    }, a = v();
     return s({
-      comboboxRef: c
+      comboboxRef: a
     }), (o, b) => (B(), x(n(we), L({
       ref_key: "comboboxRef",
-      ref: c
+      ref: a
     }, e, {
       modelValue: "",
       onSelect: l,
@@ -632,30 +635,30 @@ const Fe = /* @__PURE__ */ $({
   },
   emits: ["openReaction", "openMention", "blur", "focus", "mention", "submit"],
   setup(u, { emit: s }) {
-    const t = Q(), e = u, p = s, i = C(R, "editor"), l = v(), c = () => {
-      p("openReaction", l.value);
+    const t = Q(), e = u, c = s, i = C(P, "editor"), l = v(), a = () => {
+      c("openReaction", l.value);
     }, o = v(), b = () => {
-      p("openMention", o.value);
+      c("openMention", o.value);
     }, { getDisabled: d } = ge(), { rootBindings: S, inputBindings: V } = ve({
       getDisabled: () => d.value,
-      emit: p
-    }), w = () => p("submit"), a = G(() => Re(e.maxHeight, !0)), y = v(), m = (f) => {
-      var P;
-      (P = y.value) != null && P.addFiles && f.length && y.value.addFiles(f);
+      emit: c
+    }), w = () => c("submit"), p = G(() => Pe(e.maxHeight, !0)), y = v(), m = (f) => {
+      var R;
+      (R = y.value) != null && R.addFiles && f.length && y.value.addFiles(f);
     };
     return de({
-      emit: p,
+      emit: c,
       props: e,
       slots: t,
       fileListRef: y
-    }), (f, P) => (B(), j("div", L({
+    }), (f, R) => (B(), j("div", L({
       class: n(h)(n(i), e.class)
     }, n(S)), [
       g(Ae, {
         overlay: !1,
         hasMask: !1,
         class: E(n(h)(n(C)(n(i), "editor"), "paragraph", e.editorCls)),
-        style: Ce({ maxHeight: a.value })
+        style: Ce({ maxHeight: p.value })
       }, {
         default: O(() => [
           W(f.$slots, "default", Z(ee(n(V))))
@@ -676,7 +679,7 @@ const Fe = /* @__PURE__ */ $({
             type: "ghost",
             ref_key: "mentionRef",
             ref: o,
-            onPointerdown: P[0] || (P[0] = I(() => {
+            onPointerdown: R[0] || (R[0] = I(() => {
             }, ["stop"])),
             onClick: b
           }, null, 512),
@@ -700,9 +703,9 @@ const Fe = /* @__PURE__ */ $({
             type: "ghost",
             ref_key: "reactionRef",
             ref: l,
-            onPointerdown: P[1] || (P[1] = I(() => {
+            onPointerdown: R[1] || (R[1] = I(() => {
             }, ["stop"])),
-            onClick: c
+            onClick: a
           }, null, 512)
         ], 2),
         g(z, {
@@ -728,21 +731,21 @@ const Fe = /* @__PURE__ */ $({
   },
   emits: ["add"],
   setup(u, { emit: s }) {
-    const t = Q(), e = u, p = s, i = C(R, "trigger"), l = (o) => {
-      !e.ignoeShortcut && o.code === "KeyC" && o.altKey && c(o);
+    const t = Q(), e = u, c = s, i = C(P, "trigger"), l = (o) => {
+      !e.ignoeShortcut && o.code === "KeyC" && o.altKey && a(o);
     };
     ye(() => {
       e.withShortcut && addEventListener("keyup", l);
     }), he(() => {
       e.withShortcut && removeEventListener("keyup", l);
     }), e.withShortcut;
-    const c = (o) => p("add", o);
+    const a = (o) => c("add", o);
     return (o, b) => (B(), j("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(a, ["stop"]),
+      onKeyup: I(a, ["stop"])
     }, [
       g(pe, L(o.avatarProps ?? {}, {
         size: "sm",
@@ -773,9 +776,9 @@ const Fe = /* @__PURE__ */ $({
     ], 42, Ue));
   }
 }), fo = N(Le, U("Comment")), Co = N(Ve, U("CommentAction")), yo = N(He, U("CommentReaction")), ho = N(je, U("CommentMention")), go = N(Ne, U("CommentEditor")), vo = N(Ge, U("CommentTrigger")), _o = (u) => {
-  const s = v(!1), t = v(), e = v(!1), p = (r, k = !1) => {
+  const s = v(!1), t = v(), e = v(!1), c = (r, k = !1) => {
     s.value = !0, e.value = k, t.value = r;
-  }, i = v(!1), l = v(), c = (r) => {
+  }, i = v(!1), l = v(), a = (r) => {
     i.value = !0, l.value = r;
   }, o = G(() => ({
     open: s.value,
@@ -799,7 +802,7 @@ const Fe = /* @__PURE__ */ $({
     open: i.value,
     reference: l.value,
     "onUpdate:open": (r) => i.value = r
-  })), d = v(!1), S = v(), V = v(), w = v(), a = v(!1), y = G(() => ({
+  })), d = v(!1), S = v(), V = v(), w = v(), p = v(!1), y = G(() => ({
     ref: V,
     open: d.value,
     "onUpdate:open": (r) => d.value = r,
@@ -808,19 +811,19 @@ const Fe = /* @__PURE__ */ $({
     reference: w.value,
     disableOutsidePointerEvents: !1,
     resetSearchTermOnBlur: !0,
-    headerSearch: a.value,
+    headerSearch: p.value,
     onPointerDownOutside: f,
     onEscapeKeyDown: f
   })), m = (r) => {
-    r && (w.value = { getBoundingClientRect: r }, d.value = !0, a.value = !1);
+    r && (w.value = { getBoundingClientRect: r }, d.value = !0, p.value = !1);
   }, f = () => {
     w.value = void 0, d.value = !1, S.value = void 0;
-  }, P = (r) => {
+  }, R = (r) => {
     S.value = r;
   }, F = G(() => ({
-    onOpenReaction: (r) => p(r, !0),
+    onOpenReaction: (r) => c(r, !0),
     onOpenMention: (r) => {
-      r && (w.value = r, d.value = !0, a.value = !0);
+      r && (w.value = r, d.value = !0, p.value = !0);
     }
   }));
   return {
@@ -829,11 +832,11 @@ const Fe = /* @__PURE__ */ $({
     actionBinding: b,
     editorBinding: F,
     mentionBinding: y,
-    openActions: c,
-    openReaction: p,
+    openActions: a,
+    openReaction: c,
     openMentionInEditor: m,
     closeMentionInEditor: f,
-    updateMentionQuery: P
+    updateMentionQuery: R
   };
 };
 export {
@@ -849,7 +852,7 @@ export {
   yo as CommentReactionPlugin,
   Ge as CommentTrigger,
   vo as CommentTriggerPlugin,
-  R as commentPrefix,
+  P as commentPrefix,
   te as injectCommentContext,
   de as provideCommentContext,
   _o as useComment

package/dist/Comment/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),h=require("@pantograph/utils-vue"),A=require("../Avatar.vue_vue_type_style_index_0_lang-D2zI9dKd.js"),K=require("../Badge.vue_vue_type_script_setup_true_lang-BFQCx53R.js"),W=require("class-variance-authority");require("../GraphicalObject/index.umd.cjs");require("../Icon/index.umd.cjs");const o=require("@pantograph/utils"),E=require("../IconButton.vue_vue_type_script_setup_true_lang-CeH-nxZ6.js"),Q=require("../ActionButton.vue_vue_type_script_setup_true_lang-BhI55sWu.js"),D=require("../Upload/index.umd.cjs"),J=require("reka-ui"),X=require("../GraphicalObject.vue_vue_type_script_setup_true_lang-DuCrET7F.js"),T=require("../Icon.vue_vue_type_style_index_0_lang-D35DGfhm.js"),Y=require("../index-CXAXCAp4.js"),O=require("../MenuItem.vue_vue_type_style_index_0_lang-DT3IAkAQ.js"),Z=require("../GOPicker/index.umd.cjs"),ee=require("../Combobox/index.umd.cjs"),te=require("../Divider.vue_vue_type_style_index_0_lang-D3wrVsBd.js"),oe=require("../ScrollContainer.vue_vue_type_style_index_0_lang-Br7-ZHr3.js"),ne=require("../Shortcut.vue_vue_type_style_index_0_lang-BfPJ-C7d.js"),re=e.defineComponent({...o.getComponentOptions("CommentActions"),__name:"CommentActions",setup(d){const s=V(),r=e.ref(),t=e.ref(),p=()=>{s.emit("openActions",t.value)},l=()=>{s.emit("openReaction",r.value)},i=()=>{s.emit("reply")};return(u,n)=>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(o.normCls)(e.unref(o.getBemElement)(e.unref(v),"actions"),e.unref(s).props.actionsCls))},[e.unref(s).props.hasReply?(e.openBlock(),e.createBlock(E._sfc_main,{key:0,icon:"tabler:corner-up-left",color:"neutral",type:"ghost",ref_key:"reactionRef",ref:r,flipOnDir:"rtl",onClick:i},null,512)):e.createCommentVNode("",!0),e.unref(s).props.hasReaction?(e.openBlock(),e.createBlock(E._sfc_main,{key:1,icon:"tabler:mood-plus",color:"neutral",type:"ghost",ref_key:"reactionRef",ref:r,onPointerdown:n[0]||(n[0]=e.withModifiers(()=>{},["stop"])),onClick:l},null,512)):e.createCommentVNode("",!0),e.unref(s).props.hasEdit||e.unref(s).props.hasDelete?(e.openBlock(),e.createBlock(E._sfc_main,{key:2,icon:"tabler:dots-vertical",color:"neutral",type:"ghost",ref_key:"actionRef",ref:t,onPointerdown:n[1]||(n[1]=e.withModifiers(()=>{},["stop"])),onClick:p},null,512)):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0)}}),se=e.defineComponent({...o.getComponentOptions("CommentReactions"),__name:"CommentReactions",setup(d){const s=V(),r=e.ref(),t=()=>{s.emit("openReaction",r.value)},p=l=>{l&&s.emit("reaction",l)};return(l,i)=>{var u;return e.unref(s).props.hasReaction&&((u=e.unref(s).props.reactions)!=null&&u.some(n=>n.count&&n.emoji))?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(o.normCls)(e.unref(o.getBemElement)(e.unref(v),"reactions"),e.unref(s).props.reactionsCls))},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(s).props.reactions,n=>(e.openBlock(),e.createBlock(Q._sfc_main,{key:n==null?void 0:n.emoji,active:n==null?void 0:n.active,onClick:y=>p(n)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(n==null?void 0:n.emoji)+" "+e.toDisplayString(n==null?void 0:n.count),1)]),_:2},1032,["active","onClick"]))),128)),e.createVNode(E._sfc_main,{icon:"tabler:mood-plus",color:"neutral",type:"outline",ref_key:"reactionRef",ref:r,onPointerdown:i[0]||(i[0]=e.withModifiers(()=>{},["stop"])),onClick:t},null,512)],2)):e.createCommentVNode("",!0)}}}),I=e.defineComponent({...o.getComponentOptions("CommentFileList"),__name:"CommentFileList",setup(d){const s=V(),r=()=>{var t;return e.h(D.UploadList,{...s.props.uploadProps??{},ref:s.fileListRef,listType:"card",fileListCls:o.normCls(o.getBemElement(v,"file_list"),(t=s.props.uploadProps)==null?void 0:t.fileListCls)},s.slots)};return(t,p)=>{var l,i;return(i=(l=e.unref(s).props.uploadProps)==null?void 0:l.fileList)!=null&&i.length?(e.openBlock(),e.createBlock(r,{key:0})):e.createCommentVNode("",!0)}}}),v=o.getBemBlock("comment"),[V,w]=J.createContext("Comment"),q=e.defineComponent({...o.getComponentOptions("Comment"),__name:"Comment",props:{class:{},headerCls:{},actionsCls:{},bodyCls:{},datetimeCls:{},uploadProps:{},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(d,{emit:s}){const r=d,t=e.useSlots(),p=s,l=h.useVModel(r,"open",p,{passive:r.open===void 0}),i=()=>{var C;let c;const g=(C=t.author)==null?void 0:C.call(t,{});return!h.isEmptyElement(g)?c=g:c=r.author,c?e.h("div",{class:o.normCls(o.getBemElement(v,"author"),r.authorCls)},c):null},u=()=>{var C;let c;const g=(C=t.datetime)==null?void 0:C.call(t,{});return!h.isEmptyElement(g)?c=g:c=r.datetime,c?e.h("div",{class:o.normCls(o.getBemElement(v,"datetime"),r.datetimeCls)},c):null},n=()=>{var C,_;const c=(C=t.header)==null?void 0:C.call(t,{}),g=!h.isEmptyElement(c);let f;if(g)f=c;else{f=[];const S=(_=t.avatar)==null?void 0:_.call(t,{});!h.isEmptyElement(S)?f.push(S):r.avatar&&f.push(e.h(A._sfc_main,{...r.avatarProps??{},src:r.avatar}));const P=i(),k=u();(P||k)&&f.push(e.h("div",{class:o.normCls(o.getBemElement(v,"header__content"),r.headerContentCls)},[P,k])),f.length||(f=void 0)}return f?(f.push(e.h(re)),e.h("div",{class:o.normCls(o.getBemElement(v,"header"),r.headerCls)},f)):null},y=()=>{var f;const c=(f=t.content)==null?void 0:f.call(t,{}),g=!h.isEmptyElement(c);if(g||r.content)return e.h("div",{class:o.normCls(o.getBemElement(v,"content"),r.contentCls,"paragraph"),innerHTML:g?void 0:r.content},g?c:void 0)},m=o.getBemElement(v,"replies"),B=W.cva(m,{variants:{open:o.generateVariantClassList("open",m)}}),R=()=>{var _;const c=(_=t.replies)==null?void 0:_.call(t,{}),g=!h.isEmptyElement(c),f=()=>{var P,k,x;const S=(P=t.repliesHeader)==null?void 0:P.call(t,{open:!!l.value}),a=[];if(!h.isEmptyElement(S))a.push(S);else{a.push(e.h(X._sfc_main,{size:"xsm",bg:"transparent",br:"transparent"},{default:()=>e.h(T._sfc_main,{icon:"tabler:chevron-down",class:o.getBemElement(m,"icon"),size:"2xsm"})}));const M=(k=t.repliesCount)==null?void 0:k.call(t,{}),U=!h.isEmptyElement(M),z=(x=t.repliesTitle)==null?void 0:x.call(t,{}),G=!h.isEmptyElement(z);let N;G?N=z:N=r.repliesTitle,a.push(e.h("div",{class:o.normCls(o.getBemElement(m,"title"),r.repliesTitleCls)},N)),(U||r.repliesCount)&&a.push(e.h(K._sfc_main,{color:"primary-subtle",text:r.repliesCount,size:"xsm"},{text:()=>M}))}return e.h("div",{class:o.normCls(o.getBemElement(m,"header"),r.repliesHeaderCls),onClick:()=>{l.value=!l.value}},a)},C=()=>{if(l.value)return[e.h("div",{class:o.normCls(o.getBemElement(m,"content"),r.repliesContentCls)},c),e.h("div",{class:o.getBemElement(m,"line")})]};return g?e.h("div",{class:o.normCls(B({open:!!l.value}),r.repliesCls)},[f(),C()]):null},b=e.ref();return w({emit:p,props:r,slots:t,fileListRef:b}),(c,g)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(o.normCls)(e.unref(v),r.class))},[e.createVNode(n),e.createElementVNode("div",{class:e.normalizeClass(e.unref(o.normCls)(e.unref(o.getBemElement)(e.unref(v),"body"),r.bodyCls))},[e.createVNode(y),e.createVNode(I),e.createVNode(se),e.createVNode(R)],2)],2))}}),L=e.defineComponent({...o.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},noTrigger:{type:Boolean}},emits:["edit","delete","update:open"],setup(d,{emit:s}){const r=d,t=s,p=()=>{t("edit"),i.value=!1},l=()=>{t("delete"),i.value=!1},i=h.useVModel(r,"open",t,{passive:r.open===void 0});return(u,n)=>(e.openBlock(),e.createBlock(e.unref(Y._sfc_main),e.mergeProps(r,{open:e.unref(i),"onUpdate:open":n[0]||(n[0]=y=>e.isRef(i)?i.value=y: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:p},{leading:e.withCtx(({iconSize:y})=>[e.createVNode(T._sfc_main,{icon:"tabler:edit",size:y},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:l},{leading:e.withCtx(({iconSize:y})=>[e.createVNode(T._sfc_main,{icon:"tabler:trash",size:y},null,8,["size"])]),_:1},8,["title"])):e.createCommentVNode("",!0)]),_:1})]),_:1},16,["open"]))}}),F=e.defineComponent({...o.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(d,{emit:s}){const r=d,t=s,p=i=>{t("reaction",i.value),l.value=!1},l=h.useVModel(r,"open",t,{passive:r.open===void 0});return(i,u)=>(e.openBlock(),e.createBlock(e.unref(Z.default),e.mergeProps(r,{noTrigger:"",hideClear:"",hideGroup:"",hideIcons:"",hideRandom:"",group:"emoji",popoverProps:{...i.popoverProps??{},reference:i.reference},placement:"bottom-end",visibleColorPickers:[],noModel:"",onSelect:p,open:e.unref(l),"onUpdate:open":u[0]||(u[0]=n=>e.isRef(l)?l.value=n:null)}),null,16,["popoverProps","open"]))}}),j=e.defineComponent({...o.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:{type:[String,Boolean]},selectedItemIconAsTrailingIcon:{type:Boolean},maxCount:{},to:{type:[String,Function]},placeholder:{},indicatorIcon:{},options:{},getDisabled:{type:[String,Number,Function]},getLabel:{},getDescription:{},getValue:{},getNoCheckbox:{type:[String,Number,Function]},getSingle:{type:[String,Number,Function]},getClear:{type:[String,Number,Function]},getOptions:{type:[String,Number,Function]},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:{},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:{},noTrigger:{type:Boolean}},emits:["mention"],setup(d,{expose:s,emit:r}){const t=d,p=r,l=e.useSlots(),i=(n,y,m)=>{p("mention",n,m)},u=e.ref();return s({comboboxRef:u}),(n,y)=>(e.openBlock(),e.createBlock(e.unref(ee.Combobox),e.mergeProps({ref_key:"comboboxRef",ref:u},t,{modelValue:"",onSelect:i,noTrigger:"",popupWidth:200}),e.createSlots({_:2},[e.renderList(Object.keys(l),m=>({name:m,fn:e.withCtx(B=>[e.renderSlot(n.$slots,m,e.normalizeProps(e.guardReactiveProps(B)))])}))]),1040))}}),H=e.defineComponent({...o.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(d,{emit:s}){const r=e.useSlots(),t=d,p=s,l=o.getBemElement(v,"editor"),i=e.ref(),u=()=>{p("openReaction",i.value)},n=e.ref(),y=()=>{p("openMention",n.value)},{getDisabled:m}=h.useFormInput(),{rootBindings:B,inputBindings:R}=h.useInputDataStates({getDisabled:()=>m.value,emit:p}),b=()=>p("submit"),c=e.computed(()=>o.getPxSize(t.maxHeight,!0)),g=e.ref(),f=C=>{var _;(_=g.value)!=null&&_.addFiles&&C.length&&g.value.addFiles(C)};return w({emit:p,props:t,slots:r,fileListRef:g}),(C,_)=>(e.openBlock(),e.createElementBlock("div",e.mergeProps({class:e.unref(o.normCls)(e.unref(l),t.class)},e.unref(B)),[e.createVNode(oe._sfc_main,{overlay:!1,hasMask:!1,class:e.normalizeClass(e.unref(o.normCls)(e.unref(o.getBemElement)(e.unref(l),"editor"),"paragraph",t.editorCls)),style:e.normalizeStyle({maxHeight:c.value})},{default:e.withCtx(()=>[e.renderSlot(C.$slots,"default",e.normalizeProps(e.guardReactiveProps(e.unref(R))))]),_:3},8,["class","style"]),e.createVNode(I,e.mergeProps(C.uploadProps,{ref:"uploadRef"}),null,16),e.createElementVNode("div",{class:e.normalizeClass(e.unref(o.normCls)(e.unref(o.getBemElement)(e.unref(l),"footer"),t.footerCls))},[e.createVNode(te._sfc_main),e.createElementVNode("div",{class:e.normalizeClass(e.unref(o.normCls)(e.unref(o.getBemElement)(e.unref(l),"actions"),t.actionsCls))},[e.createVNode(E._sfc_main,{icon:"tabler:at",color:"neutral",type:"ghost",ref_key:"mentionRef",ref:n,onPointerdown:_[0]||(_[0]=e.withModifiers(()=>{},["stop"])),onClick:y},null,512),e.createVNode(D.UploadTrigger,{accept:"image/*",multiple:"",onAddFiles:f},{default:e.withCtx(()=>[e.createVNode(E._sfc_main,{icon:"tabler:paperclip",color:"neutral",type:"ghost"})]),_:1}),e.createVNode(E._sfc_main,{icon:"tabler:mood-plus",color:"neutral",type:"ghost",ref_key:"reactionRef",ref:i,onPointerdown:_[1]||(_[1]=e.withModifiers(()=>{},["stop"])),onClick:u},null,512)],2),e.createVNode(E._sfc_main,{disabled:C.isEmpty,icon:"tabler:arrow-up",onClick:b},null,8,["disabled"])],2)],16))}}),le=["tabindex","disabled"],$=e.defineComponent({...o.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(d,{emit:s}){const r=e.useSlots(),t=d,p=s,l=o.getBemElement(v,"trigger"),i=n=>{!t.ignoeShortcut&&n.code==="KeyC"&&n.altKey&&u(n)};e.onMounted(()=>{t.withShortcut&&addEventListener("keyup",i)}),e.onBeforeUnmount(()=>{t.withShortcut&&removeEventListener("keyup",i)}),t.withShortcut;const u=n=>p("add",n);return(n,y)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(o.normCls)(e.unref(l),t.class)),tabindex:n.disabled?-1:0,disabled:n.disabled?"":void 0,onPointerdown:e.withModifiers(u,["stop"]),onKeyup:e.withModifiers(u,["stop"])},[e.createVNode(A._sfc_main,e.mergeProps(n.avatarProps??{},{size:"sm",src:n.src}),e.createSlots({_:2},[e.renderList(Object.keys(r),m=>({name:m,fn:e.withCtx(B=>[e.renderSlot(n.$slots,m,e.normalizeProps(e.guardReactiveProps(B)))])}))]),1040,["src"]),e.createElementVNode("div",{class:e.normalizeClass(e.unref(o.getBemElement)(e.unref(l),"text"))},[e.renderSlot(n.$slots,"text",{},()=>[e.createTextVNode(e.toDisplayString(n.text),1)])],2),e.createVNode(ne._sfc_main,e.mergeProps(n.shortcutProps??{},{items:[{text:"Alt"},{text:"C"}]}),null,16)],42,le))}}),ie=h.installComponent(q,o.getComponentName("Comment")),ae=h.installComponent(L,o.getComponentName("CommentAction")),ce=h.installComponent(F,o.getComponentName("CommentReaction")),pe=h.installComponent(j,o.getComponentName("CommentMention")),ue=h.installComponent(H,o.getComponentName("CommentEditor")),me=h.installComponent($,o.getComponentName("CommentTrigger")),de=d=>{const s=e.ref(!1),r=e.ref(),t=e.ref(!1),p=(a,P=!1)=>{s.value=!0,t.value=P,r.value=a},l=e.ref(!1),i=e.ref(),u=a=>{l.value=!0,i.value=a},n=e.computed(()=>({open:s.value,reference:r.value,"onUpdate:open":a=>s.value=a,onReaction:a=>{var P,k;if(t.value)try{(P=d.addEmoji)==null||P.call(d,a)}catch(x){console.error("error on reaction ===>",x)}try{(k=d.onReaction)==null||k.call(d,a)}catch(x){console.error("error on reaction ===>",x)}}})),y=e.computed(()=>({open:l.value,reference:i.value,"onUpdate:open":a=>l.value=a})),m=e.ref(!1),B=e.ref(),R=e.ref(),b=e.ref(),c=e.ref(!1),g=e.computed(()=>({ref:R,open:m.value,"onUpdate:open":a=>m.value=a,search:B.value,"onUpdate:search":a=>B.value=a,reference:b.value,disableOutsidePointerEvents:!1,resetSearchTermOnBlur:!0,headerSearch:c.value,onPointerDownOutside:C,onEscapeKeyDown:C})),f=a=>{a&&(b.value={getBoundingClientRect:a},m.value=!0,c.value=!1)},C=()=>{b.value=void 0,m.value=!1,B.value=void 0},_=a=>{B.value=a},S=e.computed(()=>({onOpenReaction:a=>p(a,!0),onOpenMention:a=>{a&&(b.value=a,m.value=!0,c.value=!0)}}));return{forwardRefMention:R,reactionBinding:n,actionBinding:y,editorBinding:S,mentionBinding:g,openActions:u,openReaction:p,openMentionInEditor:f,closeMentionInEditor:C,updateMentionQuery:_}};exports.Comment=q;exports.CommentAction=L;exports.CommentActionPlugin=ae;exports.CommentEditor=H;exports.CommentEditorPlugin=ue;exports.CommentMention=j;exports.CommentMentionPlugin=pe;exports.CommentPlugin=ie;exports.CommentReaction=F;exports.CommentReactionPlugin=ce;exports.CommentTrigger=$;exports.CommentTriggerPlugin=me;exports.commentPrefix=v;exports.injectCommentContext=V;exports.provideCommentContext=w;exports.useComment=de;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),h=require("@pantograph/utils-vue"),A=require("../Avatar.vue_vue_type_style_index_0_lang-D2o9rP-R.js"),K=require("../Badge.vue_vue_type_script_setup_true_lang-BFQCx53R.js"),W=require("class-variance-authority");require("../GraphicalObject/index.umd.cjs");require("../Icon/index.umd.cjs");const o=require("@pantograph/utils"),E=require("../IconButton.vue_vue_type_script_setup_true_lang-CeH-nxZ6.js"),Q=require("../ActionButton.vue_vue_type_script_setup_true_lang-BhI55sWu.js"),D=require("../Upload/index.umd.cjs"),J=require("reka-ui"),X=require("../GraphicalObject.vue_vue_type_script_setup_true_lang-DuCrET7F.js"),T=require("../Icon.vue_vue_type_style_index_0_lang-D35DGfhm.js"),Y=require("../index-CXAXCAp4.js"),O=require("../MenuItem.vue_vue_type_style_index_0_lang-DT3IAkAQ.js"),Z=require("../GOPicker/index.umd.cjs"),ee=require("../Combobox/index.umd.cjs"),te=require("../Divider.vue_vue_type_style_index_0_lang-D3wrVsBd.js"),oe=require("../ScrollContainer.vue_vue_type_style_index_0_lang-Br7-ZHr3.js"),ne=require("../Shortcut.vue_vue_type_style_index_0_lang-BfPJ-C7d.js"),re=e.defineComponent({...o.getComponentOptions("CommentActions"),__name:"CommentActions",setup(d){const s=V(),r=e.ref(),t=e.ref(),u=()=>{s.emit("openActions",t.value)},l=()=>{s.emit("openReaction",r.value)},i=()=>{s.emit("reply",c=>{s.openReplies&&(c!==void 0?s.openReplies.value=c:s.openReplies.value=!s.openReplies.value)})};return(c,n)=>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(o.normCls)(e.unref(o.getBemElement)(e.unref(v),"actions"),e.unref(s).props.actionsCls))},[e.unref(s).props.hasReply?(e.openBlock(),e.createBlock(E._sfc_main,{key:0,icon:"tabler:corner-up-left",color:"neutral",type:"ghost",ref_key:"reactionRef",ref:r,flipOnDir:"rtl",onClick:i},null,512)):e.createCommentVNode("",!0),e.unref(s).props.hasReaction?(e.openBlock(),e.createBlock(E._sfc_main,{key:1,icon:"tabler:mood-plus",color:"neutral",type:"ghost",ref_key:"reactionRef",ref:r,onPointerdown:n[0]||(n[0]=e.withModifiers(()=>{},["stop"])),onClick:l},null,512)):e.createCommentVNode("",!0),e.unref(s).props.hasEdit||e.unref(s).props.hasDelete?(e.openBlock(),e.createBlock(E._sfc_main,{key:2,icon:"tabler:dots-vertical",color:"neutral",type:"ghost",ref_key:"actionRef",ref:t,onPointerdown:n[1]||(n[1]=e.withModifiers(()=>{},["stop"])),onClick:u},null,512)):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0)}}),se=e.defineComponent({...o.getComponentOptions("CommentReactions"),__name:"CommentReactions",setup(d){const s=V(),r=e.ref(),t=()=>{s.emit("openReaction",r.value)},u=l=>{l&&s.emit("reaction",l)};return(l,i)=>{var c;return e.unref(s).props.hasReaction&&((c=e.unref(s).props.reactions)!=null&&c.some(n=>n.count&&n.emoji))?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(o.normCls)(e.unref(o.getBemElement)(e.unref(v),"reactions"),e.unref(s).props.reactionsCls))},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(s).props.reactions,n=>(e.openBlock(),e.createBlock(Q._sfc_main,{key:n==null?void 0:n.emoji,active:n==null?void 0:n.active,onClick:y=>u(n)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(n==null?void 0:n.emoji)+" "+e.toDisplayString(n==null?void 0:n.count),1)]),_:2},1032,["active","onClick"]))),128)),e.createVNode(E._sfc_main,{icon:"tabler:mood-plus",color:"neutral",type:"outline",ref_key:"reactionRef",ref:r,onPointerdown:i[0]||(i[0]=e.withModifiers(()=>{},["stop"])),onClick:t},null,512)],2)):e.createCommentVNode("",!0)}}}),I=e.defineComponent({...o.getComponentOptions("CommentFileList"),__name:"CommentFileList",setup(d){const s=V(),r=()=>{var t;return e.h(D.UploadList,{...s.props.uploadProps??{},ref:s.fileListRef,listType:"card",fileListCls:o.normCls(o.getBemElement(v,"file_list"),(t=s.props.uploadProps)==null?void 0:t.fileListCls)},s.slots)};return(t,u)=>{var l,i;return(i=(l=e.unref(s).props.uploadProps)==null?void 0:l.fileList)!=null&&i.length?(e.openBlock(),e.createBlock(r,{key:0})):e.createCommentVNode("",!0)}}}),v=o.getBemBlock("comment"),[V,w]=J.createContext("Comment"),q=e.defineComponent({...o.getComponentOptions("Comment"),__name:"Comment",props:{class:{},headerCls:{},actionsCls:{},bodyCls:{},datetimeCls:{},uploadProps:{},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(d,{emit:s}){const r=d,t=e.useSlots(),u=s,l=h.useVModel(r,"open",u,{passive:r.open===void 0}),i=()=>{var C;let p;const g=(C=t.author)==null?void 0:C.call(t,{});return!h.isEmptyElement(g)?p=g:p=r.author,p?e.h("div",{class:o.normCls(o.getBemElement(v,"author"),r.authorCls)},p):null},c=()=>{var C;let p;const g=(C=t.datetime)==null?void 0:C.call(t,{});return!h.isEmptyElement(g)?p=g:p=r.datetime,p?e.h("div",{class:o.normCls(o.getBemElement(v,"datetime"),r.datetimeCls)},p):null},n=()=>{var C,_;const p=(C=t.header)==null?void 0:C.call(t,{}),g=!h.isEmptyElement(p);let f;if(g)f=p;else{f=[];const S=(_=t.avatar)==null?void 0:_.call(t,{});!h.isEmptyElement(S)?f.push(S):r.avatar&&f.push(e.h(A._sfc_main,{...r.avatarProps??{},src:r.avatar}));const P=i(),k=c();(P||k)&&f.push(e.h("div",{class:o.normCls(o.getBemElement(v,"header__content"),r.headerContentCls)},[P,k])),f.length||(f=void 0)}return f?(f.push(e.h(re)),e.h("div",{class:o.normCls(o.getBemElement(v,"header"),r.headerCls)},f)):null},y=()=>{var f;const p=(f=t.content)==null?void 0:f.call(t,{}),g=!h.isEmptyElement(p);if(g||r.content)return e.h("div",{class:o.normCls(o.getBemElement(v,"content"),r.contentCls,"paragraph"),innerHTML:g?void 0:r.content},g?p:void 0)},m=o.getBemElement(v,"replies"),B=W.cva(m,{variants:{open:o.generateVariantClassList("open",m)}}),R=()=>{var _;const p=(_=t.replies)==null?void 0:_.call(t,{}),g=!h.isEmptyElement(p),f=()=>{var P,k,x;const S=(P=t.repliesHeader)==null?void 0:P.call(t,{open:!!l.value}),a=[];if(!h.isEmptyElement(S))a.push(S);else{a.push(e.h(X._sfc_main,{size:"xsm",bg:"transparent",br:"transparent"},{default:()=>e.h(T._sfc_main,{icon:"tabler:chevron-down",class:o.getBemElement(m,"icon"),size:"2xsm"})}));const M=(k=t.repliesCount)==null?void 0:k.call(t,{}),U=!h.isEmptyElement(M),z=(x=t.repliesTitle)==null?void 0:x.call(t,{}),G=!h.isEmptyElement(z);let N;G?N=z:N=r.repliesTitle,a.push(e.h("div",{class:o.normCls(o.getBemElement(m,"title"),r.repliesTitleCls)},N)),(U||r.repliesCount)&&a.push(e.h(K._sfc_main,{color:"primary-subtle",text:r.repliesCount,size:"xsm"},{text:()=>M}))}return e.h("div",{class:o.normCls(o.getBemElement(m,"header"),r.repliesHeaderCls),onClick:()=>{l.value=!l.value}},a)},C=()=>{if(l.value)return[e.h("div",{class:o.normCls(o.getBemElement(m,"content"),r.repliesContentCls)},p),e.h("div",{class:o.getBemElement(m,"line")})]};return g?e.h("div",{class:o.normCls(B({open:!!l.value}),r.repliesCls)},[f(),C()]):null},b=e.ref();return w({openReplies:l,emit:u,props:r,slots:t,fileListRef:b}),(p,g)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(o.normCls)(e.unref(v),r.class))},[e.createVNode(n),e.createElementVNode("div",{class:e.normalizeClass(e.unref(o.normCls)(e.unref(o.getBemElement)(e.unref(v),"body"),r.bodyCls))},[e.createVNode(y),e.createVNode(I),e.createVNode(se),e.createVNode(R)],2)],2))}}),L=e.defineComponent({...o.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},noTrigger:{type:Boolean}},emits:["edit","delete","update:open"],setup(d,{emit:s}){const r=d,t=s,u=()=>{t("edit"),i.value=!1},l=()=>{t("delete"),i.value=!1},i=h.useVModel(r,"open",t,{passive:r.open===void 0});return(c,n)=>(e.openBlock(),e.createBlock(e.unref(Y._sfc_main),e.mergeProps(r,{open:e.unref(i),"onUpdate:open":n[0]||(n[0]=y=>e.isRef(i)?i.value=y:null),placement:"bottom-end",sideOffset:3,openDelay:0}),{content:e.withCtx(()=>[e.createVNode(O._sfc_main,{style:{width:"114px"}},{default:e.withCtx(()=>[c.hasEdit?(e.openBlock(),e.createBlock(O._sfc_main$1,{key:"edit",title:c.editText,onClick:u},{leading:e.withCtx(({iconSize:y})=>[e.createVNode(T._sfc_main,{icon:"tabler:edit",size:y},null,8,["size"])]),_:1},8,["title"])):e.createCommentVNode("",!0),c.hasDelete?(e.openBlock(),e.createBlock(O._sfc_main$1,{key:"delete",title:c.deleteText,danger:"",onClick:l},{leading:e.withCtx(({iconSize:y})=>[e.createVNode(T._sfc_main,{icon:"tabler:trash",size:y},null,8,["size"])]),_:1},8,["title"])):e.createCommentVNode("",!0)]),_:1})]),_:1},16,["open"]))}}),F=e.defineComponent({...o.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(d,{emit:s}){const r=d,t=s,u=i=>{t("reaction",i.value),l.value=!1},l=h.useVModel(r,"open",t,{passive:r.open===void 0});return(i,c)=>(e.openBlock(),e.createBlock(e.unref(Z.default),e.mergeProps(r,{noTrigger:"",hideClear:"",hideGroup:"",hideIcons:"",hideRandom:"",group:"emoji",popoverProps:{...i.popoverProps??{},reference:i.reference},placement:"bottom-end",visibleColorPickers:[],noModel:"",onSelect:u,open:e.unref(l),"onUpdate:open":c[0]||(c[0]=n=>e.isRef(l)?l.value=n:null)}),null,16,["popoverProps","open"]))}}),j=e.defineComponent({...o.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:{type:[String,Boolean]},selectedItemIconAsTrailingIcon:{type:Boolean},maxCount:{},to:{type:[String,Function]},placeholder:{},indicatorIcon:{},options:{},getDisabled:{type:[String,Number,Function]},getLabel:{},getDescription:{},getValue:{},getNoCheckbox:{type:[String,Number,Function]},getSingle:{type:[String,Number,Function]},getClear:{type:[String,Number,Function]},getOptions:{type:[String,Number,Function]},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:{},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:{},noTrigger:{type:Boolean}},emits:["mention"],setup(d,{expose:s,emit:r}){const t=d,u=r,l=e.useSlots(),i=(n,y,m)=>{u("mention",n,m)},c=e.ref();return s({comboboxRef:c}),(n,y)=>(e.openBlock(),e.createBlock(e.unref(ee.Combobox),e.mergeProps({ref_key:"comboboxRef",ref:c},t,{modelValue:"",onSelect:i,noTrigger:"",popupWidth:200}),e.createSlots({_:2},[e.renderList(Object.keys(l),m=>({name:m,fn:e.withCtx(B=>[e.renderSlot(n.$slots,m,e.normalizeProps(e.guardReactiveProps(B)))])}))]),1040))}}),H=e.defineComponent({...o.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(d,{emit:s}){const r=e.useSlots(),t=d,u=s,l=o.getBemElement(v,"editor"),i=e.ref(),c=()=>{u("openReaction",i.value)},n=e.ref(),y=()=>{u("openMention",n.value)},{getDisabled:m}=h.useFormInput(),{rootBindings:B,inputBindings:R}=h.useInputDataStates({getDisabled:()=>m.value,emit:u}),b=()=>u("submit"),p=e.computed(()=>o.getPxSize(t.maxHeight,!0)),g=e.ref(),f=C=>{var _;(_=g.value)!=null&&_.addFiles&&C.length&&g.value.addFiles(C)};return w({emit:u,props:t,slots:r,fileListRef:g}),(C,_)=>(e.openBlock(),e.createElementBlock("div",e.mergeProps({class:e.unref(o.normCls)(e.unref(l),t.class)},e.unref(B)),[e.createVNode(oe._sfc_main,{overlay:!1,hasMask:!1,class:e.normalizeClass(e.unref(o.normCls)(e.unref(o.getBemElement)(e.unref(l),"editor"),"paragraph",t.editorCls)),style:e.normalizeStyle({maxHeight:p.value})},{default:e.withCtx(()=>[e.renderSlot(C.$slots,"default",e.normalizeProps(e.guardReactiveProps(e.unref(R))))]),_:3},8,["class","style"]),e.createVNode(I,e.mergeProps(C.uploadProps,{ref:"uploadRef"}),null,16),e.createElementVNode("div",{class:e.normalizeClass(e.unref(o.normCls)(e.unref(o.getBemElement)(e.unref(l),"footer"),t.footerCls))},[e.createVNode(te._sfc_main),e.createElementVNode("div",{class:e.normalizeClass(e.unref(o.normCls)(e.unref(o.getBemElement)(e.unref(l),"actions"),t.actionsCls))},[e.createVNode(E._sfc_main,{icon:"tabler:at",color:"neutral",type:"ghost",ref_key:"mentionRef",ref:n,onPointerdown:_[0]||(_[0]=e.withModifiers(()=>{},["stop"])),onClick:y},null,512),e.createVNode(D.UploadTrigger,{accept:"image/*",multiple:"",onAddFiles:f},{default:e.withCtx(()=>[e.createVNode(E._sfc_main,{icon:"tabler:paperclip",color:"neutral",type:"ghost"})]),_:1}),e.createVNode(E._sfc_main,{icon:"tabler:mood-plus",color:"neutral",type:"ghost",ref_key:"reactionRef",ref:i,onPointerdown:_[1]||(_[1]=e.withModifiers(()=>{},["stop"])),onClick:c},null,512)],2),e.createVNode(E._sfc_main,{disabled:C.isEmpty,icon:"tabler:arrow-up",onClick:b},null,8,["disabled"])],2)],16))}}),le=["tabindex","disabled"],$=e.defineComponent({...o.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(d,{emit:s}){const r=e.useSlots(),t=d,u=s,l=o.getBemElement(v,"trigger"),i=n=>{!t.ignoeShortcut&&n.code==="KeyC"&&n.altKey&&c(n)};e.onMounted(()=>{t.withShortcut&&addEventListener("keyup",i)}),e.onBeforeUnmount(()=>{t.withShortcut&&removeEventListener("keyup",i)}),t.withShortcut;const c=n=>u("add",n);return(n,y)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(o.normCls)(e.unref(l),t.class)),tabindex:n.disabled?-1:0,disabled:n.disabled?"":void 0,onPointerdown:e.withModifiers(c,["stop"]),onKeyup:e.withModifiers(c,["stop"])},[e.createVNode(A._sfc_main,e.mergeProps(n.avatarProps??{},{size:"sm",src:n.src}),e.createSlots({_:2},[e.renderList(Object.keys(r),m=>({name:m,fn:e.withCtx(B=>[e.renderSlot(n.$slots,m,e.normalizeProps(e.guardReactiveProps(B)))])}))]),1040,["src"]),e.createElementVNode("div",{class:e.normalizeClass(e.unref(o.getBemElement)(e.unref(l),"text"))},[e.renderSlot(n.$slots,"text",{},()=>[e.createTextVNode(e.toDisplayString(n.text),1)])],2),e.createVNode(ne._sfc_main,e.mergeProps(n.shortcutProps??{},{items:[{text:"Alt"},{text:"C"}]}),null,16)],42,le))}}),ie=h.installComponent(q,o.getComponentName("Comment")),ae=h.installComponent(L,o.getComponentName("CommentAction")),ce=h.installComponent(F,o.getComponentName("CommentReaction")),pe=h.installComponent(j,o.getComponentName("CommentMention")),ue=h.installComponent(H,o.getComponentName("CommentEditor")),me=h.installComponent($,o.getComponentName("CommentTrigger")),de=d=>{const s=e.ref(!1),r=e.ref(),t=e.ref(!1),u=(a,P=!1)=>{s.value=!0,t.value=P,r.value=a},l=e.ref(!1),i=e.ref(),c=a=>{l.value=!0,i.value=a},n=e.computed(()=>({open:s.value,reference:r.value,"onUpdate:open":a=>s.value=a,onReaction:a=>{var P,k;if(t.value)try{(P=d.addEmoji)==null||P.call(d,a)}catch(x){console.error("error on reaction ===>",x)}try{(k=d.onReaction)==null||k.call(d,a)}catch(x){console.error("error on reaction ===>",x)}}})),y=e.computed(()=>({open:l.value,reference:i.value,"onUpdate:open":a=>l.value=a})),m=e.ref(!1),B=e.ref(),R=e.ref(),b=e.ref(),p=e.ref(!1),g=e.computed(()=>({ref:R,open:m.value,"onUpdate:open":a=>m.value=a,search:B.value,"onUpdate:search":a=>B.value=a,reference:b.value,disableOutsidePointerEvents:!1,resetSearchTermOnBlur:!0,headerSearch:p.value,onPointerDownOutside:C,onEscapeKeyDown:C})),f=a=>{a&&(b.value={getBoundingClientRect:a},m.value=!0,p.value=!1)},C=()=>{b.value=void 0,m.value=!1,B.value=void 0},_=a=>{B.value=a},S=e.computed(()=>({onOpenReaction:a=>u(a,!0),onOpenMention:a=>{a&&(b.value=a,m.value=!0,p.value=!0)}}));return{forwardRefMention:R,reactionBinding:n,actionBinding:y,editorBinding:S,mentionBinding:g,openActions:c,openReaction:u,openMentionInEditor:f,closeMentionInEditor:C,updateMentionQuery:_}};exports.Comment=q;exports.CommentAction=L;exports.CommentActionPlugin=ae;exports.CommentEditor=H;exports.CommentEditorPlugin=ue;exports.CommentMention=j;exports.CommentMentionPlugin=pe;exports.CommentPlugin=ie;exports.CommentReaction=F;exports.CommentReactionPlugin=ce;exports.CommentTrigger=$;exports.CommentTriggerPlugin=me;exports.commentPrefix=v;exports.injectCommentContext=V;exports.provideCommentContext=w;exports.useComment=de;