vlite3 1.1.4 → 1.1.6

package/components/Comment/CommentEditor.vue.js

@@ -0,0 +1,221 @@
+import { defineComponent as K, computed as h, ref as T, onMounted as M, nextTick as H, openBlock as d, createElementBlock as m, normalizeClass as L, createBlock as F, createCommentVNode as p, createElementVNode as r, createVNode as c, toDisplayString as y, Fragment as P, renderList as j, unref as f, withCtx as A, withDirectives as q, vModelText as G, createTextVNode as J } from "vue";
+import { $t as k } from "../../utils/i18n.js";
+import C from "../Button.vue.js";
+import w from "../Icon.vue.js";
+import O from "../Avatar.vue.js";
+import Q from "../FilePicker/FilePicker.vue.js";
+import { useFileUpload as W } from "../Form/composables/useFileUpload.js";
+const X = { class: "flex-1 min-w-0 flex flex-col gap-2" }, Y = {
+  key: 0,
+  class: "flex items-center justify-between px-3 py-1.5 bg-muted/40 rounded-lg text-xs text-muted-foreground border border-border animate-in fade-in slide-in-from-bottom-2"
+}, Z = { class: "flex items-center gap-2" }, ee = { class: "flex items-center gap-2 shrink-0" }, te = { class: "text-[10px] hidden sm:inline-block opacity-60 mr-1" }, le = { class: "relative flex flex-col bg-background border border-border rounded-xl shadow-sm focus-within:border-primary transition-colors overflow-hidden" }, ae = {
+  key: 0,
+  class: "flex flex-wrap gap-2 p-3 bg-muted/10 border-b border-border"
+}, ie = ["title"], ne = ["onClick", "disabled"], re = { class: "flex items-end gap-0 p-1" }, oe = {
+  key: 0,
+  class: "shrink-0 mb-0.5 ml-1"
+}, se = ["placeholder", "disabled"], de = { class: "shrink-0 mb-0.5 mr-1 flex gap-1 items-center" }, pe = /* @__PURE__ */ K({
+  __name: "CommentEditor",
+  props: {
+    initialText: { default: "" },
+    variant: { default: "root" },
+    placeholder: {},
+    editingText: {},
+    cancelEditText: {},
+    cancelText: {},
+    currentUser: { default: null },
+    allowFileUpload: { type: Boolean, default: !0 },
+    folderId: {},
+    maxFileSize: {},
+    autofocus: { type: Boolean }
+  },
+  emits: ["submit", "cancel"],
+  setup(t, { emit: S }) {
+    const i = t, b = S, $ = h(() => {
+      if (i.placeholder) return i.placeholder;
+      const e = k("vlite.comment.placeholder");
+      return e !== "vlite.comment.placeholder" ? e : "Leave a comment...";
+    }), N = h(() => {
+      if (i.editingText) return i.editingText;
+      const e = k("vlite.comment.editing");
+      return e !== "vlite.comment.editing" ? e : "Editing Comment";
+    }), V = h(() => {
+      if (i.cancelEditText) return i.cancelEditText;
+      const e = k("vlite.comment.cancelEdit");
+      return e !== "vlite.comment.cancelEdit" ? e : "Press Esc to cancel";
+    }), _ = h(() => {
+      if (i.cancelText) return i.cancelText;
+      const e = k("vlite.comment.cancel");
+      return e !== "vlite.comment.cancel" ? e : "Cancel";
+    }), v = T(i.initialText), o = T(null), l = T([]), { handleUploadFiles: B, loading: s } = W(), U = () => {
+      if (!o.value) return;
+      o.value.style.height = "auto";
+      const e = o.value.scrollHeight;
+      o.value.style.height = `${Math.min(e, 120)}px`;
+    };
+    M(() => {
+      i.autofocus && o.value && o.value.focus(), H(() => {
+        U();
+      });
+    });
+    const R = (e) => {
+      e.key === "Enter" && !e.shiftKey ? (e.preventDefault(), s.value || z()) : e.key === "Escape" && i.variant !== "root" && (e.preventDefault(), b("cancel"));
+    }, E = h(() => {
+      const e = !!v.value.trim(), n = Array.isArray(l.value) && l.value.length > 0;
+      return (e || n) && !s.value;
+    }), D = (e) => {
+      s.value || Array.isArray(l.value) && l.value.splice(e, 1);
+    }, z = async () => {
+      if (!E.value) return;
+      const e = v.value.trim(), n = Array.isArray(l.value) && l.value.length > 0;
+      let a = [];
+      if (n) {
+        const x = l.value.map((g) => g.file).filter(Boolean);
+        if (x.length > 0) {
+          const g = await B(x, i.folderId);
+          a = l.value.map((u, I) => ({
+            fileUrl: g[I] || "",
+            fileName: u.fileName,
+            fileType: u.fileType,
+            fileSize: u.fileSize
+          })).filter((u) => u.fileUrl !== null && u.fileUrl !== "");
+        }
+      }
+      b("submit", e, a.length > 0 ? a : void 0), l.value = [], i.variant !== "edit" && (v.value = "", o.value && (o.value.style.height = "auto", o.value.focus()));
+    };
+    return (e, n) => (d(), m("div", {
+      class: L(["vl-comment-editor flex gap-3 w-full", [
+        t.variant === "root" ? "bg-muted/10 p-3 sm:p-4 rounded-xl border border-border/60 items-start" : "",
+        t.variant === "reply" ? "items-start pl-2" : "",
+        t.variant === "edit" ? "items-center mt-1" : ""
+      ]])
+    }, [
+      t.variant !== "edit" && t.currentUser ? (d(), F(O, {
+        key: 0,
+        src: t.currentUser.avatar,
+        fallback: t.currentUser.name?.charAt(0) || "U",
+        size: t.variant === "root" ? "md" : "sm",
+        class: "shrink-0 mt-0.5"
+      }, null, 8, ["src", "fallback", "size"])) : p("", !0),
+      r("div", X, [
+        t.variant === "edit" ? (d(), m("div", Y, [
+          r("div", Z, [
+            c(w, {
+              icon: "lucide:pencil",
+              class: "w-3.5 h-3.5 text-primary shrink-0"
+            }),
+            r("span", null, y(N.value), 1)
+          ]),
+          r("div", ee, [
+            r("span", te, y(V.value), 1),
+            r("button", {
+              onClick: n[0] || (n[0] = (a) => b("cancel")),
+              class: "hover:text-foreground p-0.5 rounded-full hover:bg-background transition-colors",
+              "aria-label": "Cancel editing"
+            }, [
+              c(w, {
+                icon: "lucide:x",
+                class: "w-3.5 h-3.5"
+              })
+            ])
+          ])
+        ])) : p("", !0),
+        r("div", le, [
+          Array.isArray(l.value) && l.value.length > 0 ? (d(), m("div", ae, [
+            (d(!0), m(P, null, j(l.value, (a, x) => (d(), m("div", {
+              key: x,
+              class: "relative flex items-center gap-2 bg-background border border-border rounded-md p-1.5 pr-8 max-w-[200px] shadow-sm"
+            }, [
+              c(w, {
+                icon: "lucide:file-text",
+                class: "w-4 h-4 text-primary shrink-0"
+              }),
+              r("span", {
+                class: "text-xs truncate font-medium",
+                title: a.fileName
+              }, y(a.fileName), 9, ie),
+              r("button", {
+                onClick: (g) => D(x),
+                disabled: f(s),
+                class: "absolute right-1 top-1/2 -translate-y-1/2 p-1 text-muted-foreground hover:text-destructive rounded-full hover:bg-muted/50 transition-colors disabled:opacity-50 disabled:cursor-not-allowed"
+              }, [
+                c(w, {
+                  icon: "lucide:x",
+                  class: "w-3 h-3"
+                })
+              ], 8, ne)
+            ]))), 128))
+          ])) : p("", !0),
+          r("div", re, [
+            t.allowFileUpload ? (d(), m("div", oe, [
+              c(Q, {
+                modelValue: l.value,
+                "onUpdate:modelValue": n[1] || (n[1] = (a) => l.value = a),
+                "multi-select": !0,
+                "max-size": t.maxFileSize,
+                "return-format": "file"
+              }, {
+                trigger: A(({ trigger: a }) => [
+                  c(C, {
+                    variant: "ghost",
+                    size: "sm",
+                    icon: "lucide:paperclip",
+                    rounded: "full",
+                    class: "px-0 text-muted-foreground hover:text-foreground transition-colors",
+                    onClick: a,
+                    disabled: f(s),
+                    "aria-label": "Attach files"
+                  }, null, 8, ["onClick", "disabled"])
+                ]),
+                _: 1
+              }, 8, ["modelValue", "max-size"])
+            ])) : p("", !0),
+            q(r("textarea", {
+              ref_key: "textareaRef",
+              ref: o,
+              "onUpdate:modelValue": n[2] || (n[2] = (a) => v.value = a),
+              placeholder: $.value,
+              disabled: f(s),
+              class: "flex-1 max-h-[120px] min-h-[20px] w-full resize-none bg-transparent px-2 py-2 text-sm text-foreground outline-none placeholder:text-muted-foreground scrollbar-thin disabled:opacity-50",
+              rows: "1",
+              "aria-label": "Comment input",
+              onInput: U,
+              onKeydown: R
+            }, null, 40, se), [
+              [G, v.value]
+            ]),
+            r("div", de, [
+              t.variant !== "root" ? (d(), F(C, {
+                key: 0,
+                variant: "ghost",
+                size: "sm",
+                class: "h-8 text-muted-foreground hover:text-foreground",
+                onClick: n[3] || (n[3] = (a) => b("cancel")),
+                disabled: f(s)
+              }, {
+                default: A(() => [
+                  J(y(_.value), 1)
+                ]),
+                _: 1
+              }, 8, ["disabled"])) : p("", !0),
+              c(C, {
+                variant: "primary",
+                size: "sm",
+                icon: f(s) ? "lucide:loader-2" : t.variant === "edit" ? "lucide:check" : "lucide:send",
+                loading: f(s),
+                rounded: "full",
+                class: "h-8 w-8 px-0 transition-transform active:scale-95",
+                disabled: !E.value,
+                onClick: z,
+                "aria-label": t.variant === "edit" ? "Save changes" : "Send comment"
+              }, null, 8, ["icon", "loading", "disabled", "aria-label"])
+            ])
+          ])
+        ])
+      ])
+    ], 2));
+  }
+});
+export {
+  pe as default
+};

package/components/Comment/CommentEditor.vue2.js

@@ -0,0 +1,4 @@
+import f from "./CommentEditor.vue.js";
+export {
+  f as default
+};

package/components/Comment/CommentItem.vue.d.ts

@@ -0,0 +1,70 @@
+import { CommentNode, CommentActionPayload, CommentAuthor } from './types';
+export interface CommentItemProps {
+    comment: CommentNode;
+    /** The ID of the currently logged-in user. Used to decide edit/delete visibility. */
+    currentUser?: CommentAuthor | null;
+    /** Allow threaded visual line between nested replies */
+    threaded?: boolean;
+    /** Globally allow delete. Only shows for author unless allowDeleteAll=true */
+    allowDelete?: boolean;
+    /** Globally allow edit. Only shows for author unless allowEditAll=true */
+    allowEdit?: boolean;
+    /** Globally allow reply (visible to all users) */
+    allowReply?: boolean;
+    /** Admin override: show delete button on ALL comments regardless of author */
+    allowDeleteAll?: boolean;
+    /** Admin override: show edit button on ALL comments regardless of author */
+    allowEditAll?: boolean;
+    /** Requires two clicks to delete (confirmation safety) */
+    confirmDelete?: boolean;
+    /** Controlled by parent CommentThread to reveal the reply slot */
+    activeReplyId?: string | number | null;
+    /** Controlled by parent CommentThread to reveal the edit slot */
+    activeEditId?: string | number | null;
+    /** Folder ID for uploads */
+    folderId?: string;
+    /** Max file size */
+    maxFileSize?: number;
+    /** Allow file uploads */
+    allowFileUpload?: boolean;
+    replyPlaceholder?: string;
+    editPlaceholder?: string;
+    replyText?: string;
+    editedText?: string;
+    editingText?: string;
+    cancelText?: string;
+    cancelEditText?: string;
+    loadMoreRepliesText?: string;
+}
+declare const _default: import('vue').DefineComponent<CommentItemProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    delete: (id: string | number) => any;
+    edit: (payload: CommentActionPayload) => any;
+    reply: (payload: CommentActionPayload) => any;
+    "submit-reply": (text: string, attachments: any[], parentId: string | number) => any;
+    "submit-edit": (text: string, attachments: any[], comment: CommentNode) => any;
+    "cancel-reply": () => any;
+    "cancel-edit": () => any;
+    "load-more-replies": (commentId: string | number) => any;
+}, string, import('vue').PublicProps, Readonly<CommentItemProps> & Readonly<{
+    onDelete?: (id: string | number) => any;
+    onEdit?: (payload: CommentActionPayload) => any;
+    onReply?: (payload: CommentActionPayload) => any;
+    "onSubmit-reply"?: (text: string, attachments: any[], parentId: string | number) => any;
+    "onSubmit-edit"?: (text: string, attachments: any[], comment: CommentNode) => any;
+    "onCancel-reply"?: () => any;
+    "onCancel-edit"?: () => any;
+    "onLoad-more-replies"?: (commentId: string | number) => any;
+}>, {
+    confirmDelete: boolean;
+    allowDeleteAll: boolean;
+    allowEditAll: boolean;
+    allowFileUpload: boolean;
+    currentUser: CommentAuthor | null;
+    threaded: boolean;
+    allowDelete: boolean;
+    allowEdit: boolean;
+    allowReply: boolean;
+    activeReplyId: string | number | null;
+    activeEditId: string | number | null;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/components/Comment/CommentItem.vue.js

@@ -0,0 +1,7 @@
+import o from "./CommentItem.vue2.js";
+/* empty css                 */
+import t from "../../_virtual/_plugin-vue_export-helper.js";
+const e = /* @__PURE__ */ t(o, [["__scopeId", "data-v-446c60ad"]]);
+export {
+  e as default
+};

package/components/Comment/CommentItem.vue2.js

@@ -0,0 +1,322 @@
+import { defineComponent as F, computed as u, ref as P, resolveComponent as V, openBlock as i, createElementBlock as r, createElementVNode as a, createVNode as v, createCommentVNode as d, toDisplayString as f, createBlock as y, withCtx as g, createTextVNode as b, normalizeClass as L, withModifiers as N, withDirectives as j, vShow as G, unref as H, TransitionGroup as q, Fragment as J, renderList as K } from "vue";
+import { $t as k } from "../../utils/i18n.js";
+import O from "../Avatar.vue.js";
+import T from "../Button.vue.js";
+import Q from "../Badge.vue.js";
+import W from "../AttachmentsList/AttachmentsList.vue.js";
+import E from "./CommentEditor.vue.js";
+const X = { class: "vl-comment flex w-full relative" }, Y = { class: "flex flex-col items-center mr-4 shrink-0" }, Z = {
+  key: 0,
+  class: "w-px h-full bg-border/60 my-1 rounded-full"
+}, _ = { class: "flex flex-col flex-1 min-w-0 mb-4" }, ee = { class: "vl-comment-header flex items-center gap-2 mb-1" }, te = { class: "text-sm font-semibold text-foreground tracking-tight" }, le = {
+  key: 1,
+  class: "text-xs text-muted-foreground ml-1"
+}, ie = {
+  key: 2,
+  class: "text-xs text-muted-foreground/60 italic"
+}, oe = { class: "vl-comment-actions flex items-center gap-0.5 ml-auto pl-4" }, ne = {
+  key: 2,
+  class: "relative flex items-center"
+}, re = {
+  key: 0,
+  class: "mt-2 pb-2 mr-4"
+}, ae = {
+  key: 1,
+  class: "mt-3.5"
+}, de = {
+  key: 2,
+  class: "mt-4 pb-2"
+}, me = {
+  key: 3,
+  class: "mt-5 flex flex-col w-full relative"
+}, ce = {
+  key: 0,
+  class: "mt-3 mb-2 w-full flex items-center"
+}, se = ["disabled"], ue = { key: 0 }, fe = {
+  key: 1,
+  class: "flex items-center gap-2"
+}, ke = /* @__PURE__ */ F({
+  __name: "CommentItem",
+  props: {
+    comment: {},
+    currentUser: { default: null },
+    threaded: { type: Boolean, default: !0 },
+    allowDelete: { type: Boolean, default: !0 },
+    allowEdit: { type: Boolean, default: !0 },
+    allowReply: { type: Boolean, default: !0 },
+    allowDeleteAll: { type: Boolean, default: !1 },
+    allowEditAll: { type: Boolean, default: !1 },
+    confirmDelete: { type: Boolean, default: !0 },
+    activeReplyId: { default: null },
+    activeEditId: { default: null },
+    folderId: {},
+    maxFileSize: {},
+    allowFileUpload: { type: Boolean, default: !0 },
+    replyPlaceholder: {},
+    editPlaceholder: {},
+    replyText: {},
+    editedText: {},
+    editingText: {},
+    cancelText: {},
+    cancelEditText: {},
+    loadMoreRepliesText: {}
+  },
+  emits: ["reply", "edit", "delete", "submit-reply", "submit-edit", "cancel-reply", "cancel-edit", "load-more-replies"],
+  setup(e, { emit: p }) {
+    const l = e, o = p, C = u(() => l.currentUser === null || l.currentUser === void 0 || l.currentUser.id === void 0 ? !0 : String(l.currentUser.id) === String(l.comment.author.id)), z = u(() => l.allowEdit && (C.value || l.allowEditAll)), D = u(() => l.allowDelete && (C.value || l.allowDeleteAll)), I = u(() => l.allowReply), R = u(() => {
+      if (!l.comment.timestamp) return "";
+      const m = new Date(l.comment.timestamp);
+      return new Intl.DateTimeFormat(void 0, {
+        month: "short",
+        day: "numeric",
+        hour: "numeric",
+        minute: "numeric"
+      }).format(m);
+    }), $ = u(() => {
+      if (l.editedText) return l.editedText;
+      const m = k("vlite.comment.edited");
+      return m !== "vlite.comment.edited" ? m : "edited";
+    }), B = u(() => {
+      if (l.replyText) return l.replyText;
+      const m = k("vlite.comment.replyAction");
+      return m !== "vlite.comment.replyAction" ? m : "Reply";
+    }), M = u(() => {
+      if (l.loadMoreRepliesText) return l.loadMoreRepliesText;
+      if (l.comment.replyCount && l.comment.replyCount > 0)
+        return `View ${l.comment.replyCount} more replies`;
+      const m = k("vlite.comment.loadMoreReplies");
+      return m !== "vlite.comment.loadMoreReplies" ? m : "View more replies";
+    }), s = P(!1);
+    let x = null;
+    const S = () => {
+      if (!l.confirmDelete) {
+        o("delete", l.comment.id);
+        return;
+      }
+      s.value ? (s.value = !1, x && clearTimeout(x), o("delete", l.comment.id)) : (s.value = !0, x = setTimeout(() => {
+        s.value = !1;
+      }, 4e3));
+    }, U = () => {
+      s.value = !1, x && (clearTimeout(x), x = null);
+    };
+    return (m, t) => {
+      const A = V("CommentItem", !0);
+      return i(), r("div", X, [
+        a("div", Y, [
+          v(O, {
+            src: e.comment.author.avatar,
+            alt: e.comment.author.name,
+            fallback: e.comment.author.name?.charAt(0),
+            size: "md",
+            class: "border-2 border-background/50 shadow-sm"
+          }, null, 8, ["src", "alt", "fallback"]),
+          e.threaded && e.comment.replies?.length ? (i(), r("div", Z)) : d("", !0)
+        ]),
+        a("div", _, [
+          a("div", ee, [
+            a("span", te, f(e.comment.author.name), 1),
+            e.comment.author.role ? (i(), y(Q, {
+              key: 0,
+              variant: "secondary",
+              size: "sm"
+            }, {
+              default: g(() => [
+                b(f(e.comment.author.role), 1)
+              ]),
+              _: 1
+            })) : d("", !0),
+            R.value ? (i(), r("span", le, f(R.value), 1)) : d("", !0),
+            e.comment.isEdited ? (i(), r("span", ie, " (" + f($.value) + ") ", 1)) : d("", !0),
+            a("div", oe, [
+              I.value ? (i(), y(T, {
+                key: 0,
+                variant: "ghost",
+                size: "xs",
+                icon: "lucide:reply",
+                class: "text-muted-foreground hover:text-foreground h-7 px-2",
+                onClick: t[0] || (t[0] = (c) => o("reply", { commentId: e.comment.id, comment: e.comment }))
+              }, {
+                default: g(() => [
+                  b(f(B.value), 1)
+                ]),
+                _: 1
+              })) : d("", !0),
+              z.value ? (i(), y(T, {
+                key: 1,
+                variant: "ghost",
+                size: "xs",
+                icon: "lucide:pencil",
+                class: "text-muted-foreground hover:text-foreground h-7 w-7 px-0",
+                onClick: t[1] || (t[1] = (c) => o("edit", { commentId: e.comment.id, comment: e.comment }))
+              })) : d("", !0),
+              D.value ? (i(), r("div", ne, [
+                v(T, {
+                  variant: "ghost",
+                  size: "xs",
+                  icon: s.value ? "lucide:check" : "lucide:trash-2",
+                  class: L([
+                    "h-7 w-7 px-0 transition-colors",
+                    s.value ? "text-destructive bg-destructive/10 hover:bg-destructive/20 hover:text-destructive" : "text-muted-foreground hover:text-foreground hover:bg-muted"
+                  ]),
+                  onClick: S
+                }, null, 8, ["icon", "class"]),
+                s.value ? (i(), r("button", {
+                  key: 0,
+                  class: "absolute -top-1.5 -right-1.5 w-3.5 h-3.5 rounded-full bg-muted border border-border flex items-center justify-center text-muted-foreground hover:text-foreground transition-colors",
+                  onClick: N(U, ["stop"])
+                }, [...t[15] || (t[15] = [
+                  a("svg", {
+                    xmlns: "http://www.w3.org/2000/svg",
+                    viewBox: "0 0 24 24",
+                    fill: "none",
+                    stroke: "currentColor",
+                    "stroke-width": "3",
+                    "stroke-linecap": "round",
+                    "stroke-linejoin": "round",
+                    class: "w-2 h-2"
+                  }, [
+                    a("line", {
+                      x1: "18",
+                      y1: "6",
+                      x2: "6",
+                      y2: "18"
+                    }),
+                    a("line", {
+                      x1: "6",
+                      y1: "6",
+                      x2: "18",
+                      y2: "18"
+                    })
+                  ], -1)
+                ])])) : d("", !0)
+              ])) : d("", !0)
+            ])
+          ]),
+          j(a("div", { class: "text-sm text-foreground/90 whitespace-pre-wrap leading-relaxed py-0.5 wrap-break-word max-w-[95%]" }, f(e.comment.text), 513), [
+            [G, e.activeEditId !== e.comment.id]
+          ]),
+          e.activeEditId === e.comment.id ? (i(), r("div", re, [
+            v(E, {
+              variant: "edit",
+              "initial-text": e.comment.text,
+              "current-user": e.currentUser,
+              "folder-id": e.folderId,
+              "max-file-size": e.maxFileSize,
+              "allow-file-upload": e.allowFileUpload,
+              placeholder: e.editPlaceholder,
+              "editing-text": e.editingText,
+              "cancel-edit-text": e.cancelEditText,
+              "cancel-text": e.cancelText,
+              autofocus: "",
+              onSubmit: t[2] || (t[2] = (c, n) => o("submit-edit", c, n, e.comment)),
+              onCancel: t[3] || (t[3] = (c) => o("cancel-edit"))
+            }, null, 8, ["initial-text", "current-user", "folder-id", "max-file-size", "allow-file-upload", "placeholder", "editing-text", "cancel-edit-text", "cancel-text"])
+          ])) : d("", !0),
+          e.comment.attachments?.length ? (i(), r("div", ae, [
+            v(H(W), {
+              attachments: e.comment.attachments,
+              variant: "inline",
+              size: "sm",
+              clickToPreview: !0
+            }, null, 8, ["attachments"])
+          ])) : d("", !0),
+          e.activeReplyId === e.comment.id ? (i(), r("div", de, [
+            v(E, {
+              variant: "reply",
+              "show-cancel": "",
+              "current-user": e.currentUser,
+              "folder-id": e.folderId,
+              "max-file-size": e.maxFileSize,
+              "allow-file-upload": e.allowFileUpload,
+              placeholder: e.replyPlaceholder || "Replying to discussion...",
+              "cancel-text": e.cancelText,
+              autofocus: "",
+              onSubmit: t[4] || (t[4] = (c, n) => o("submit-reply", c, n, e.comment.id)),
+              onCancel: t[5] || (t[5] = (c) => o("cancel-reply"))
+            }, null, 8, ["current-user", "folder-id", "max-file-size", "allow-file-upload", "placeholder", "cancel-text"])
+          ])) : d("", !0),
+          e.comment.replies?.length || e.comment.hasMoreReplies ? (i(), r("div", me, [
+            v(q, {
+              "enter-active-class": "transition-all duration-300 ease-out",
+              "enter-from-class": "opacity-0 translate-y-2 translate-x-2",
+              "enter-to-class": "opacity-100 translate-y-0 translate-x-0",
+              "leave-active-class": "transition-none"
+            }, {
+              default: g(() => [
+                (i(!0), r(J, null, K(e.comment.replies || [], (c) => (i(), y(A, {
+                  key: c.id,
+                  comment: c,
+                  "current-user": e.currentUser,
+                  threaded: e.threaded,
+                  "allow-delete": e.allowDelete,
+                  "allow-edit": e.allowEdit,
+                  "allow-reply": e.allowReply,
+                  "allow-delete-all": e.allowDeleteAll,
+                  "allow-edit-all": e.allowEditAll,
+                  "confirm-delete": e.confirmDelete,
+                  "active-reply-id": e.activeReplyId,
+                  "active-edit-id": e.activeEditId,
+                  "folder-id": e.folderId,
+                  "max-file-size": e.maxFileSize,
+                  "allow-file-upload": e.allowFileUpload,
+                  "reply-placeholder": e.replyPlaceholder,
+                  "edit-placeholder": e.editPlaceholder,
+                  "reply-text": e.replyText,
+                  "edited-text": e.editedText,
+                  "editing-text": e.editingText,
+                  "cancel-text": e.cancelText,
+                  "cancel-edit-text": e.cancelEditText,
+                  onReply: t[6] || (t[6] = (n) => o("reply", n)),
+                  onEdit: t[7] || (t[7] = (n) => o("edit", n)),
+                  onDelete: t[8] || (t[8] = (n) => o("delete", n)),
+                  onSubmitReply: t[9] || (t[9] = (n, w, h) => o("submit-reply", n, w, h)),
+                  onSubmitEdit: t[10] || (t[10] = (n, w, h) => o("submit-edit", n, w, h)),
+                  onCancelReply: t[11] || (t[11] = (n) => o("cancel-reply")),
+                  onCancelEdit: t[12] || (t[12] = (n) => o("cancel-edit")),
+                  onLoadMoreReplies: t[13] || (t[13] = (n) => o("load-more-replies", n))
+                }, null, 8, ["comment", "current-user", "threaded", "allow-delete", "allow-edit", "allow-reply", "allow-delete-all", "allow-edit-all", "confirm-delete", "active-reply-id", "active-edit-id", "folder-id", "max-file-size", "allow-file-upload", "reply-placeholder", "edit-placeholder", "reply-text", "edited-text", "editing-text", "cancel-text", "cancel-edit-text"]))), 128))
+              ]),
+              _: 1
+            }),
+            e.comment.hasMoreReplies ? (i(), r("div", ce, [
+              a("button", {
+                class: "flex items-center gap-3 text-sm text-muted-foreground hover:text-foreground font-medium transition-colors p-1 rounded-md hover:bg-muted/30 group",
+                onClick: t[14] || (t[14] = (c) => o("load-more-replies", e.comment.id)),
+                disabled: e.comment.loadingMoreReplies,
+                "aria-label": "Load more replies"
+              }, [
+                t[17] || (t[17] = a("div", { class: "w-8 h-px bg-border group-hover:bg-muted-foreground/40 transition-colors" }, null, -1)),
+                e.comment.loadingMoreReplies ? (i(), r("span", fe, [...t[16] || (t[16] = [
+                  a("svg", {
+                    class: "animate-spin h-3.5 w-3.5",
+                    xmlns: "http://www.w3.org/2000/svg",
+                    fill: "none",
+                    viewBox: "0 0 24 24"
+                  }, [
+                    a("circle", {
+                      class: "opacity-25",
+                      cx: "12",
+                      cy: "12",
+                      r: "10",
+                      stroke: "currentColor",
+                      "stroke-width": "4"
+                    }),
+                    a("path", {
+                      class: "opacity-75",
+                      fill: "currentColor",
+                      d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
+                    })
+                  ], -1),
+                  b(" Loading... ", -1)
+                ])])) : (i(), r("span", ue, f(M.value), 1))
+              ], 8, se)
+            ])) : d("", !0)
+          ])) : d("", !0)
+        ])
+      ]);
+    };
+  }
+});
+export {
+  ke as default
+};