@templatical/editor 0.0.1 → 0.0.3

package/dist/CommentsSidebar-PVUlloyB.js

@@ -1,655 +0,0 @@
-import { defineComponent as St, inject as E, ref as y, computed as I, watch as et, openBlock as p, createBlock as K, Transition as U, withCtx as R, createElementBlock as i, createElementVNode as s, createVNode as m, unref as l, toDisplayString as r, createCommentVNode as d, normalizeClass as V, Fragment as ot, renderList as st, normalizeStyle as Mt, withDirectives as H, vModelText as N, createTextVNode as Kt, nextTick as Dt } from "vue";
-import { c as D, M as nt, X as pt, E as it, F as Tt, t as jt } from "./index-D-iD-7lO.js";
-import { L as rt } from "./loader-circle-tM9j2mRh.js";
-import { S as at } from "./CloudEditor-Wdfv_9xn.js";
-/**
- * @license lucide-vue-next v0.475.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const Et = D("CheckIcon", [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]]);
-/**
- * @license lucide-vue-next v0.475.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const It = D("ChevronUpIcon", [
-  ["path", { d: "m18 15-6-6-6 6", key: "153udz" }]
-]);
-/**
- * @license lucide-vue-next v0.475.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const Ut = D("CircleCheckIcon", [
-  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
-  ["path", { d: "m9 12 2 2 4-4", key: "dzmm74" }]
-]);
-/**
- * @license lucide-vue-next v0.475.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const ct = D("PencilIcon", [
-  [
-    "path",
-    {
-      d: "M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z",
-      key: "1a8usu"
-    }
-  ],
-  ["path", { d: "m15 5 4 4", key: "1mk7zo" }]
-]);
-/**
- * @license lucide-vue-next v0.475.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const Rt = D("ReplyIcon", [
-  ["polyline", { points: "9 17 4 12 9 7", key: "hvgpf2" }],
-  ["path", { d: "M20 18v-2a4 4 0 0 0-4-4H4", key: "5vmcpk" }]
-]), Vt = {
-  key: 0,
-  class: "tpl-comments-sidebar tpl:absolute tpl:top-14 tpl:right-0 tpl:bottom-0 tpl:z-[45] tpl:flex tpl:w-[360px] tpl:flex-col tpl:border-l tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg-elevated)]"
-}, Ht = { class: "tpl:flex tpl:items-center tpl:justify-between tpl:border-b tpl:border-[var(--tpl-border)] tpl:px-4 tpl:py-3" }, Nt = {
-  class: "tpl:flex tpl:items-center tpl:gap-1.5 tpl:text-sm tpl:font-medium",
-  style: { color: "var(--tpl-text)" }
-}, Lt = {
-  key: 0,
-  class: "tpl:ml-1 tpl:inline-flex tpl:size-5 tpl:items-center tpl:justify-center tpl:rounded-full tpl:text-[10px] tpl:font-semibold",
-  style: { "background-color": "var(--tpl-primary)", color: "var(--tpl-bg)" }
-}, At = { class: "tpl:flex tpl:gap-1 tpl:border-b tpl:border-[var(--tpl-border)] tpl:px-4 tpl:py-2" }, Ft = { class: "tpl:flex-1 tpl:overflow-y-auto" }, Pt = {
-  key: 0,
-  class: "tpl:flex tpl:h-full tpl:items-center tpl:justify-center"
-}, Ot = {
-  key: 1,
-  class: "tpl:flex tpl:h-full tpl:flex-col tpl:items-center tpl:justify-center tpl:gap-3 tpl:px-6 tpl:text-center"
-}, Yt = {
-  class: "tpl:max-w-[240px] tpl:text-sm",
-  style: { color: "var(--tpl-text-muted)" }
-}, Xt = {
-  key: 2,
-  class: "tpl:flex tpl:flex-col tpl:gap-3 tpl:p-3"
-}, qt = { class: "tpl-comment-card tpl:rounded-lg tpl:border tpl:px-3.5 tpl:py-3" }, Gt = { class: "tpl:flex tpl:items-start tpl:justify-between tpl:gap-2" }, Jt = { class: "tpl:flex tpl:items-center tpl:gap-1.5" }, Qt = {
-  class: "tpl:text-xs tpl:font-semibold",
-  style: { color: "var(--tpl-text)" }
-}, Wt = {
-  class: "tpl:text-[10px]",
-  style: { color: "var(--tpl-text-dim)" }
-}, Zt = {
-  key: 0,
-  class: "tpl:text-[10px] tpl:italic",
-  style: { color: "var(--tpl-text-dim)" }
-}, tl = { class: "tpl:flex tpl:items-center tpl:gap-0.5" }, ll = ["title", "onClick"], el = ["title", "onClick"], ol = ["title", "onClick"], sl = {
-  key: 0,
-  class: "tpl:mt-1 tpl:flex tpl:items-center tpl:gap-1 tpl:text-[10px]",
-  style: { color: "var(--tpl-primary)" }
-}, nl = {
-  key: 0,
-  class: "tpl:mt-1 tpl:inline-flex tpl:items-center tpl:gap-1 tpl:rounded tpl:px-1.5 tpl:py-0.5 tpl:text-[10px] tpl:font-medium",
-  style: { "background-color": "var(--tpl-warning-light)", color: "var(--tpl-warning)" }
-}, pl = ["onClick"], il = {
-  key: 2,
-  class: "tpl:mt-2"
-}, rl = ["onKeydown"], al = { class: "tpl:mt-1.5 tpl:flex tpl:gap-1.5" }, cl = ["disabled", "onClick"], dl = {
-  key: 3,
-  class: "tpl:mt-1.5 tpl:text-xs tpl:leading-relaxed tpl:whitespace-pre-wrap",
-  style: { color: "var(--tpl-text)" }
-}, ul = {
-  key: 4,
-  class: "tpl:mt-2 tpl:flex tpl:items-center tpl:gap-2 tpl:rounded-md tpl:px-2.5 tpl:py-2 tpl:text-xs",
-  style: { "background-color": "var(--tpl-danger-light)", color: "var(--tpl-danger)" }
-}, ml = { class: "tpl:flex-1" }, vl = ["onClick"], fl = {
-  key: 5,
-  class: "tpl:mt-2 tpl:flex tpl:items-center tpl:gap-2"
-}, xl = ["title", "onClick"], yl = ["onClick"], kl = {
-  key: 0,
-  class: "tpl-comment-replies tpl:ml-5 tpl:pl-3 tpl:pt-2"
-}, bl = { class: "tpl:flex tpl:items-start tpl:justify-between tpl:gap-2" }, _l = { class: "tpl:flex tpl:items-center tpl:gap-1.5" }, gl = {
-  class: "tpl:text-xs tpl:font-semibold",
-  style: { color: "var(--tpl-text)" }
-}, hl = {
-  class: "tpl:text-[10px]",
-  style: { color: "var(--tpl-text-dim)" }
-}, wl = {
-  key: 0,
-  class: "tpl:text-[10px] tpl:italic",
-  style: { color: "var(--tpl-text-dim)" }
-}, Cl = { class: "tpl:flex tpl:items-center tpl:gap-0.5" }, zl = ["title", "onClick"], Bl = ["title", "onClick"], $l = {
-  key: 0,
-  class: "tpl:mt-1.5"
-}, Sl = ["onKeydown"], Ml = { class: "tpl:mt-1.5 tpl:flex tpl:gap-1.5" }, Kl = ["disabled", "onClick"], Dl = {
-  key: 1,
-  class: "tpl:mt-1 tpl:text-xs tpl:leading-relaxed tpl:whitespace-pre-wrap",
-  style: { color: "var(--tpl-text)" }
-}, Tl = {
-  key: 2,
-  class: "tpl:mt-2 tpl:flex tpl:items-center tpl:gap-2 tpl:rounded-md tpl:px-2.5 tpl:py-2 tpl:text-xs",
-  style: { "background-color": "var(--tpl-danger-light)", color: "var(--tpl-danger)" }
-}, jl = { class: "tpl:flex-1" }, El = ["onClick"], Il = {
-  key: 0,
-  class: "tpl-comment-replies tpl:ml-5 tpl:pl-3 tpl:pt-2"
-}, Ul = { class: "tpl:flex tpl:items-end tpl:gap-2" }, Rl = ["placeholder", "onKeydown"], Vl = { class: "tpl:flex tpl:shrink-0 tpl:flex-col tpl:gap-1" }, Hl = ["disabled", "onClick"], Nl = {
-  class: "tpl:border-t tpl:p-3",
-  style: { "border-color": "var(--tpl-border)" }
-}, Ll = {
-  key: 0,
-  class: "tpl:flex tpl:min-h-[68px] tpl:items-center tpl:rounded-md tpl:px-3 tpl:py-2 tpl:text-xs",
-  style: { "background-color": "var(--tpl-warning-light)", color: "var(--tpl-warning)" }
-}, Al = {
-  key: 1,
-  class: "tpl-comments-input-wrapper tpl:flex tpl:min-h-[68px] tpl:items-end tpl:gap-2 tpl:rounded-[var(--tpl-radius)] tpl:border tpl:px-3 tpl:py-2",
-  style: { "border-color": "var(--tpl-border)", "background-color": "var(--tpl-bg)" }
-}, Fl = ["placeholder", "disabled"], Pl = ["disabled"], Ol = /* @__PURE__ */ St({
-  __name: "CommentsSidebar",
-  props: {
-    visible: { type: Boolean }
-  },
-  emits: ["close", "filterBlock"],
-  setup(F, { expose: dt, emit: ut }) {
-    const mt = F, P = ut, n = E("translations"), w = E("editor"), vt = E("authManager"), c = E("comments"), v = y("unresolved"), b = y(null), $ = y(""), S = y(null), _ = y(""), g = y(null), f = y(""), h = y(/* @__PURE__ */ new Set()), C = y(null), O = y(null), ft = I(() => {
-      var t;
-      return ((t = vt.userConfig) == null ? void 0 : t.id) ?? null;
-    }), xt = I(() => {
-      const t = /* @__PURE__ */ new Set();
-      for (const o of w.content.value.blocks)
-        if (t.add(o.id), o.type === "section")
-          for (const e of o.children)
-            for (const x of e)
-              t.add(x.id);
-      return t;
-    });
-    function yt(t) {
-      return t ? !xt.value.has(t) : !1;
-    }
-    const kt = I(() => v.value !== "block" || !b.value ? !1 : !w.savedBlockIds.value.has(b.value)), Y = I(() => {
-      let t = c.comments.value;
-      return v.value === "unresolved" ? t = t.filter((o) => !o.resolved_at) : v.value === "block" && b.value && (t = t.filter((o) => o.block_id === b.value)), t;
-    });
-    et(
-      () => mt.visible,
-      (t) => {
-        t && c.loadComments();
-      }
-    ), et(
-      () => w.state.selectedBlockId,
-      (t) => {
-        v.value === "block" && t && (b.value = t);
-      }
-    );
-    function T(t, o) {
-      v.value = t, b.value = t === "block" ? o ?? null : null;
-    }
-    function bt(t) {
-      T("block", t), P("filterBlock", t);
-    }
-    function _t(t) {
-      h.value.has(t) ? h.value.delete(t) : h.value.add(t);
-    }
-    function gt(t) {
-      S.value = t, _.value = "", g.value = null, h.value.has(t) || h.value.add(t);
-    }
-    function ht() {
-      S.value = null, _.value = "";
-    }
-    function X(t) {
-      g.value = t.id, f.value = t.body, S.value = null;
-    }
-    function L() {
-      g.value = null, f.value = "";
-    }
-    function q(t) {
-      C.value = t;
-    }
-    function G() {
-      C.value = null;
-    }
-    async function J() {
-      const t = $.value.trim();
-      if (!t)
-        return;
-      const o = v.value === "block" ? b.value : void 0;
-      await c.addComment(t, o ?? void 0), $.value = "";
-    }
-    async function Q(t) {
-      const o = _.value.trim();
-      if (!o)
-        return;
-      const e = c.comments.value.find((x) => x.id === t);
-      await c.addComment(o, (e == null ? void 0 : e.block_id) ?? void 0, t), S.value = null, _.value = "";
-    }
-    async function A(t) {
-      const o = f.value.trim();
-      o && (await c.editComment(t, o), g.value = null, f.value = "");
-    }
-    async function W(t) {
-      await c.removeComment(t), C.value = null;
-    }
-    async function wt(t) {
-      await c.toggleResolve(t);
-    }
-    function z(t) {
-      return t.author_identifier === ft.value;
-    }
-    function Z(t) {
-      const o = new Date(t), x = (/* @__PURE__ */ new Date()).getTime() - o.getTime(), B = Math.floor(x / 6e4), M = Math.floor(x / 36e5), j = Math.floor(x / 864e5);
-      return B < 1 ? n.snapshotHistory.justNow : B < 60 ? n.snapshotHistory.minutesAgo.replace(
-        "{minutes}",
-        String(B)
-      ) : M < 24 ? n.snapshotHistory.hoursAgo.replace(
-        "{hours}",
-        String(M)
-      ) : n.snapshotHistory.daysAgo.replace(
-        "{days}",
-        String(j)
-      );
-    }
-    function Ct(t) {
-      t.key === "Enter" && !t.shiftKey && (t.preventDefault(), J());
-    }
-    function zt(t, o) {
-      t.key === "Enter" && !t.shiftKey && (t.preventDefault(), Q(o));
-    }
-    function tt(t, o) {
-      t.key === "Enter" && !t.shiftKey && (t.preventDefault(), A(o)), t.key === "Escape" && L();
-    }
-    function Bt() {
-      Dt(() => {
-        var t;
-        (t = O.value) == null || t.focus();
-      });
-    }
-    return dt({ filterByBlock: bt, focusNewComment: Bt }), (t, o) => (p(), K(U, {
-      "enter-active-class": "tpl-comments-slide-enter-active",
-      "enter-from-class": "tpl:translate-x-full",
-      "enter-to-class": "tpl:translate-x-0",
-      "leave-active-class": "tpl-comments-slide-leave-active",
-      "leave-from-class": "tpl:translate-x-0",
-      "leave-to-class": "tpl:translate-x-full"
-    }, {
-      default: R(() => [
-        F.visible ? (p(), i("div", Vt, [
-          s("div", Ht, [
-            s("div", Nt, [
-              m(l(nt), {
-                size: 13,
-                "stroke-width": 2
-              }),
-              s("span", null, r(l(n).comments.title), 1),
-              l(c).unresolvedCount.value > 0 ? (p(), i("span", Lt, r(l(c).unresolvedCount.value), 1)) : d("", !0)
-            ]),
-            s("button", {
-              class: "tpl:rounded-md tpl:p-0.5 tpl:transition-colors tpl:duration-150",
-              style: { color: "var(--tpl-text-muted)" },
-              onClick: o[0] || (o[0] = (e) => P("close"))
-            }, [
-              m(l(pt), {
-                size: 14,
-                "stroke-width": 2
-              })
-            ])
-          ]),
-          s("div", At, [
-            s("button", {
-              class: V([
-                "tpl-comment-filter tpl:rounded-md tpl:px-2.5 tpl:py-1 tpl:text-xs tpl:font-medium tpl:transition-colors tpl:duration-150",
-                v.value === "unresolved" ? "tpl-comment-filter--active" : ""
-              ]),
-              onClick: o[1] || (o[1] = (e) => T("unresolved"))
-            }, r(l(n).comments.filterUnresolved), 3),
-            s("button", {
-              class: V(["tpl-comment-filter tpl:rounded-md tpl:px-2.5 tpl:py-1 tpl:text-xs tpl:font-medium tpl:transition-colors tpl:duration-150", v.value === "all" ? "tpl-comment-filter--active" : ""]),
-              onClick: o[2] || (o[2] = (e) => T("all"))
-            }, r(l(n).comments.filterAll), 3),
-            l(w).state.selectedBlockId ? (p(), i("button", {
-              key: 0,
-              class: V(["tpl-comment-filter tpl:rounded-md tpl:px-2.5 tpl:py-1 tpl:text-xs tpl:font-medium tpl:transition-colors tpl:duration-150", v.value === "block" ? "tpl-comment-filter--active" : ""]),
-              onClick: o[3] || (o[3] = (e) => T("block", l(w).state.selectedBlockId ?? void 0))
-            }, r(l(n).comments.filterBlock), 3)) : d("", !0)
-          ]),
-          s("div", Ft, [
-            l(c).isLoading.value ? (p(), i("div", Pt, [
-              m(l(rt), {
-                class: "tpl-spinner",
-                size: 24,
-                "stroke-width": 2,
-                style: { color: "var(--tpl-text-muted)" }
-              })
-            ])) : Y.value.length === 0 ? (p(), i("div", Ot, [
-              m(l(nt), {
-                size: 32,
-                "stroke-width": 1.5,
-                style: { color: "var(--tpl-text-dim)" }
-              }),
-              s("p", Yt, r(v.value === "all" ? l(n).comments.noCommentsHint : l(n).comments.noComments), 1)
-            ])) : (p(), i("div", Xt, [
-              (p(!0), i(ot, null, st(Y.value, (e) => {
-                var x, B, M, j;
-                return p(), i("div", {
-                  key: e.id,
-                  class: "tpl-comment-thread"
-                }, [
-                  s("div", qt, [
-                    s("div", Gt, [
-                      s("div", Jt, [
-                        s("span", Qt, r(z(e) ? l(n).comments.ownedByYou : e.author_name), 1),
-                        s("span", Wt, r(Z(e.created_at)), 1),
-                        e.updated_at !== e.created_at ? (p(), i("span", Zt, " (" + r(l(n).comments.edited) + ") ", 1)) : d("", !0)
-                      ]),
-                      s("div", tl, [
-                        s("button", {
-                          class: "tpl-comment-action tpl:rounded tpl:p-1 tpl:transition-colors tpl:duration-150",
-                          title: e.resolved_at ? l(n).comments.unresolve : l(n).comments.resolve,
-                          onClick: (a) => wt(e.id)
-                        }, [
-                          m(l(Ut), {
-                            size: 13,
-                            "stroke-width": 2,
-                            class: "tpl-resolve-icon",
-                            style: Mt({
-                              color: e.resolved_at ? "var(--tpl-primary)" : void 0
-                            })
-                          }, null, 8, ["style"])
-                        ], 8, ll),
-                        z(e) ? (p(), i("button", {
-                          key: 0,
-                          class: "tpl-comment-action tpl:rounded tpl:p-1 tpl:transition-colors tpl:duration-150",
-                          title: l(n).comments.edit,
-                          onClick: (a) => X(e)
-                        }, [
-                          m(l(ct), {
-                            size: 12,
-                            "stroke-width": 2
-                          })
-                        ], 8, el)) : d("", !0),
-                        z(e) ? (p(), i("button", {
-                          key: 1,
-                          class: "tpl-comment-action tpl-comment-delete tpl:rounded tpl:p-1 tpl:transition-colors tpl:duration-150",
-                          title: l(n).comments.delete,
-                          onClick: (a) => q(e.id)
-                        }, [
-                          m(l(it), {
-                            size: 12,
-                            "stroke-width": 2
-                          })
-                        ], 8, ol)) : d("", !0)
-                      ])
-                    ]),
-                    m(U, { name: "tpl-resolve" }, {
-                      default: R(() => [
-                        e.resolved_at ? (p(), i("div", sl, [
-                          m(l(Et), {
-                            size: 10,
-                            "stroke-width": 2.5
-                          }),
-                          s("span", null, r(l(n).comments.resolvedBy.replace(
-                            "{name}",
-                            e.resolved_by_name ?? ""
-                          )), 1)
-                        ])) : d("", !0)
-                      ]),
-                      _: 2
-                    }, 1024),
-                    e.block_id && yt(e.block_id) ? (p(), i("span", nl, r(l(n).comments.missingBlock), 1)) : e.block_id ? (p(), i("button", {
-                      key: 1,
-                      class: "tpl:mt-1 tpl:inline-flex tpl:items-center tpl:gap-1 tpl:rounded tpl:px-1.5 tpl:py-0.5 tpl:text-[10px] tpl:font-medium tpl:transition-colors tpl:duration-150",
-                      style: { "background-color": "var(--tpl-bg-hover)", color: "var(--tpl-text-muted)" },
-                      onClick: (a) => l(w).selectBlock(e.block_id ?? "")
-                    }, " Block ", 8, pl)) : d("", !0),
-                    g.value === e.id ? (p(), i("div", il, [
-                      H(s("textarea", {
-                        "onUpdate:modelValue": o[4] || (o[4] = (a) => f.value = a),
-                        class: "tpl:w-full tpl:resize-none tpl:rounded-md tpl:border tpl:px-2.5 tpl:py-2 tpl:font-sans tpl:text-xs tpl:outline-none",
-                        style: { "border-color": "var(--tpl-border)", "background-color": "var(--tpl-bg)", color: "var(--tpl-text)" },
-                        rows: "3",
-                        onKeydown: (a) => tt(a, e.id)
-                      }, null, 40, rl), [
-                        [N, f.value]
-                      ]),
-                      s("div", al, [
-                        s("button", {
-                          class: "tpl:rounded-md tpl:px-2.5 tpl:py-1 tpl:text-xs tpl:font-medium tpl:transition-colors tpl:duration-150",
-                          style: { "background-color": "var(--tpl-primary)", color: "var(--tpl-bg)" },
-                          disabled: !f.value.trim() || l(c).isSubmitting.value,
-                          onClick: (a) => A(e.id)
-                        }, r(l(n).comments.save), 9, cl),
-                        s("button", {
-                          class: "tpl:rounded-md tpl:px-2.5 tpl:py-1 tpl:text-xs tpl:font-medium tpl:transition-colors tpl:duration-150",
-                          style: { color: "var(--tpl-text-muted)" },
-                          onClick: o[5] || (o[5] = (a) => L())
-                        }, r(l(n).comments.cancel), 1)
-                      ])
-                    ])) : (p(), i("p", dl, r(e.body), 1)),
-                    C.value === e.id ? (p(), i("div", ul, [
-                      s("span", ml, r(l(n).comments.deleteConfirm), 1),
-                      s("button", {
-                        class: "tpl:rounded tpl:px-2 tpl:py-0.5 tpl:text-xs tpl:font-medium",
-                        style: { "background-color": "var(--tpl-danger)", color: "white" },
-                        onClick: (a) => W(e.id)
-                      }, r(l(n).comments.delete), 9, vl),
-                      s("button", {
-                        class: "tpl:text-xs tpl:font-medium",
-                        style: { color: "var(--tpl-text-muted)" },
-                        onClick: o[6] || (o[6] = (a) => G())
-                      }, r(l(n).comments.cancel), 1)
-                    ])) : d("", !0),
-                    g.value !== e.id && C.value !== e.id ? (p(), i("div", fl, [
-                      s("button", {
-                        class: "tpl-comment-action tpl:rounded tpl:p-1 tpl:transition-colors tpl:duration-150",
-                        title: l(n).comments.reply,
-                        onClick: (a) => gt(e.id)
-                      }, [
-                        m(l(Rt), {
-                          size: 13,
-                          "stroke-width": 2,
-                          style: { color: "var(--tpl-primary)" }
-                        })
-                      ], 8, xl),
-                      (((x = e.replies) == null ? void 0 : x.length) ?? 0) > 0 ? (p(), i("button", {
-                        key: 0,
-                        class: "tpl:flex tpl:items-center tpl:gap-0.5 tpl:text-[11px] tpl:font-medium tpl:transition-colors tpl:duration-150",
-                        style: { color: "var(--tpl-text-muted)" },
-                        onClick: (a) => _t(e.id)
-                      }, [
-                        h.value.has(e.id) ? (p(), K(l(It), {
-                          key: 0,
-                          size: 11,
-                          "stroke-width": 2
-                        })) : (p(), K(l(Tt), {
-                          key: 1,
-                          size: 11,
-                          "stroke-width": 2
-                        })),
-                        Kt(" " + r((((B = e.replies) == null ? void 0 : B.length) ?? 0) === 1 ? l(n).comments.replyOne.replace(
-                          "{count}",
-                          String(((M = e.replies) == null ? void 0 : M.length) ?? 0)
-                        ) : l(n).comments.replyMany.replace(
-                          "{count}",
-                          String(((j = e.replies) == null ? void 0 : j.length) ?? 0)
-                        )), 1)
-                      ], 8, yl)) : d("", !0)
-                    ])) : d("", !0)
-                  ]),
-                  m(U, { name: "tpl-replies" }, {
-                    default: R(() => {
-                      var a;
-                      return [
-                        h.value.has(e.id) && (((a = e.replies) == null ? void 0 : a.length) ?? 0) > 0 ? (p(), i("div", kl, [
-                          (p(!0), i(ot, null, st(e.replies, (u, $t) => {
-                            var lt;
-                            return p(), i("div", {
-                              key: u.id,
-                              class: V([
-                                "tpl-comment-reply-card tpl:relative tpl:rounded-lg tpl:border tpl:px-3.5 tpl:py-2.5",
-                                $t < (((lt = e.replies) == null ? void 0 : lt.length) ?? 0) - 1 ? "tpl:mb-2" : ""
-                              ])
-                            }, [
-                              s("div", bl, [
-                                s("div", _l, [
-                                  s("span", gl, r(z(u) ? l(n).comments.ownedByYou : u.author_name), 1),
-                                  s("span", hl, r(Z(u.created_at)), 1),
-                                  u.updated_at !== u.created_at ? (p(), i("span", wl, " (" + r(l(n).comments.edited) + ") ", 1)) : d("", !0)
-                                ]),
-                                s("div", Cl, [
-                                  z(u) ? (p(), i("button", {
-                                    key: 0,
-                                    class: "tpl-comment-action tpl:rounded tpl:p-1 tpl:transition-colors tpl:duration-150",
-                                    title: l(n).comments.edit,
-                                    onClick: (k) => X(u)
-                                  }, [
-                                    m(l(ct), {
-                                      size: 11,
-                                      "stroke-width": 2
-                                    })
-                                  ], 8, zl)) : d("", !0),
-                                  z(u) ? (p(), i("button", {
-                                    key: 1,
-                                    class: "tpl-comment-action tpl-comment-delete tpl:rounded tpl:p-1 tpl:transition-colors tpl:duration-150",
-                                    title: l(n).comments.delete,
-                                    onClick: (k) => q(u.id)
-                                  }, [
-                                    m(l(it), {
-                                      size: 11,
-                                      "stroke-width": 2
-                                    })
-                                  ], 8, Bl)) : d("", !0)
-                                ])
-                              ]),
-                              g.value === u.id ? (p(), i("div", $l, [
-                                H(s("textarea", {
-                                  "onUpdate:modelValue": o[7] || (o[7] = (k) => f.value = k),
-                                  class: "tpl:w-full tpl:resize-none tpl:rounded-md tpl:border tpl:px-2.5 tpl:py-2 tpl:font-sans tpl:text-xs tpl:outline-none",
-                                  style: { "border-color": "var(--tpl-border)", "background-color": "var(--tpl-bg)", color: "var(--tpl-text)" },
-                                  rows: "2",
-                                  onKeydown: (k) => tt(k, u.id)
-                                }, null, 40, Sl), [
-                                  [N, f.value]
-                                ]),
-                                s("div", Ml, [
-                                  s("button", {
-                                    class: "tpl:rounded-md tpl:px-2.5 tpl:py-1 tpl:text-xs tpl:font-medium",
-                                    style: { "background-color": "var(--tpl-primary)", color: "var(--tpl-bg)" },
-                                    disabled: !f.value.trim() || l(c).isSubmitting.value,
-                                    onClick: (k) => A(u.id)
-                                  }, r(l(n).comments.save), 9, Kl),
-                                  s("button", {
-                                    class: "tpl:rounded-md tpl:px-2.5 tpl:py-1 tpl:text-xs tpl:font-medium",
-                                    style: { color: "var(--tpl-text-muted)" },
-                                    onClick: o[8] || (o[8] = (k) => L())
-                                  }, r(l(n).comments.cancel), 1)
-                                ])
-                              ])) : (p(), i("p", Dl, r(u.body), 1)),
-                              C.value === u.id ? (p(), i("div", Tl, [
-                                s("span", jl, r(l(n).comments.deleteConfirm), 1),
-                                s("button", {
-                                  class: "tpl:rounded tpl:px-2 tpl:py-0.5 tpl:text-xs tpl:font-medium",
-                                  style: { "background-color": "var(--tpl-danger)", color: "white" },
-                                  onClick: (k) => W(u.id)
-                                }, r(l(n).comments.delete), 9, El),
-                                s("button", {
-                                  class: "tpl:text-xs tpl:font-medium",
-                                  style: { color: "var(--tpl-text-muted)" },
-                                  onClick: o[9] || (o[9] = (k) => G())
-                                }, r(l(n).comments.cancel), 1)
-                              ])) : d("", !0)
-                            ], 2);
-                          }), 128))
-                        ])) : d("", !0)
-                      ];
-                    }),
-                    _: 2
-                  }, 1024),
-                  m(U, { name: "tpl-replies" }, {
-                    default: R(() => [
-                      S.value === e.id ? (p(), i("div", Il, [
-                        s("div", Ul, [
-                          H(s("textarea", {
-                            "onUpdate:modelValue": o[10] || (o[10] = (a) => _.value = a),
-                            class: "tpl:flex-1 tpl:resize-none tpl:rounded-md tpl:border tpl:px-2.5 tpl:py-2 tpl:font-sans tpl:text-xs tpl:outline-none",
-                            style: { "border-color": "var(--tpl-border)", "background-color": "var(--tpl-bg)", color: "var(--tpl-text)" },
-                            placeholder: l(n).comments.replyPlaceholder,
-                            rows: "2",
-                            onKeydown: (a) => zt(a, e.id)
-                          }, null, 40, Rl), [
-                            [N, _.value]
-                          ]),
-                          s("div", Vl, [
-                            s("button", {
-                              class: "tpl:flex tpl:items-center tpl:justify-center tpl:rounded-md tpl:p-1.5 tpl:transition-colors tpl:duration-150 tpl:disabled:opacity-40",
-                              style: { color: "var(--tpl-primary)" },
-                              disabled: !_.value.trim() || l(c).isSubmitting.value,
-                              onClick: (a) => Q(e.id)
-                            }, [
-                              m(l(at), {
-                                size: 14,
-                                "stroke-width": 2
-                              })
-                            ], 8, Hl),
-                            s("button", {
-                              class: "tpl:flex tpl:items-center tpl:justify-center tpl:rounded-md tpl:p-1.5 tpl:transition-colors tpl:duration-150",
-                              style: { color: "var(--tpl-text-muted)" },
-                              onClick: o[11] || (o[11] = (a) => ht())
-                            }, [
-                              m(l(pt), {
-                                size: 14,
-                                "stroke-width": 2
-                              })
-                            ])
-                          ])
-                        ])
-                      ])) : d("", !0)
-                    ]),
-                    _: 2
-                  }, 1024)
-                ]);
-              }), 128))
-            ]))
-          ]),
-          s("div", Nl, [
-            kt.value ? (p(), i("div", Ll, r(l(n).comments.saveTemplateFirst), 1)) : (p(), i("div", Al, [
-              H(s("textarea", {
-                ref_key: "newCommentInput",
-                ref: O,
-                "onUpdate:modelValue": o[12] || (o[12] = (e) => $.value = e),
-                class: "tpl:max-h-24 tpl:min-h-[48px] tpl:flex-1 tpl:resize-none tpl:border-none tpl:bg-transparent tpl:font-sans tpl:text-xs tpl:outline-none",
-                style: { color: "var(--tpl-text)" },
-                placeholder: l(n).comments.placeholder,
-                disabled: l(c).isSubmitting.value,
-                rows: "2",
-                onKeydown: Ct
-              }, null, 40, Fl), [
-                [N, $.value]
-              ]),
-              s("button", {
-                class: "tpl-comments-send-btn tpl:flex tpl:shrink-0 tpl:items-center tpl:justify-center tpl:rounded-md tpl:p-1.5 tpl:transition-all tpl:duration-150 tpl:disabled:opacity-40",
-                style: { color: "var(--tpl-primary)" },
-                disabled: !$.value.trim() || l(c).isSubmitting.value,
-                onClick: J
-              }, [
-                l(c).isSubmitting.value ? (p(), K(l(rt), {
-                  key: 0,
-                  class: "tpl-spinner",
-                  size: 16,
-                  "stroke-width": 2
-                })) : (p(), K(l(at), {
-                  key: 1,
-                  size: 16,
-                  "stroke-width": 2
-                }))
-              ], 8, Pl)
-            ]))
-          ])
-        ])) : d("", !0)
-      ]),
-      _: 1
-    }));
-  }
-}), Jl = /* @__PURE__ */ jt(Ol, [["__scopeId", "data-v-7cf62c4b"]]);
-export {
-  Jl as default
-};