@templatical/editor 0.26.2 → 0.27.0

package/dist/CommentsSidebar-CdRCCSDD.js

@@ -1,435 +0,0 @@
-import { A as e, Dt as t, Et as n, I as r, O as i, Ot as a, R as o, Y as s, _ as c, c as l, d as u, h as d, l as f, m as ee, nt as p, r as m, s as h, u as g, w as te, z as _ } from "./vue.runtime.esm-bundler-D1diBMsm.js";
-import { a as v, t as y } from "./runtime-dom.esm-bundler-CepEmvwF.js";
-import { G as b, d as ne, g as re, i as ie } from "./keys-fwF3qZax.js";
-import { t as ae } from "./useI18n-DoVKdCTH.js";
-import { t as x } from "./createLucideIcon-C8WzBYCv.js";
-import { t as oe } from "./check-On4TSac-.js";
-import { t as se } from "./chevron-down-69EiBGoB.js";
-import { t as ce } from "./chevron-up-Dh3MG1Dw.js";
-import { t as S } from "./loader-circle-bO7o7_HD.js";
-import { t as C } from "./message-circle-BEkAk65X.js";
-import { t as w } from "./pencil-t6m0EtKL.js";
-import { t as T } from "./send-CWsWN8PQ.js";
-import { t as E } from "./trash-2-CklAFCmO.js";
-import { t as D } from "./x-Mby7KlhS.js";
-import { t as le } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { n as ue } from "./useCloudI18n-DKVm6PCa.js";
-import { t as de } from "./formatRelativeTime-CtUU-QZ8.js";
-var fe = x("circle-check", [["circle", {
-	cx: "12",
-	cy: "12",
-	r: "10",
-	key: "1mglay"
-}], ["path", {
-	d: "m9 12 2 2 4-4",
-	key: "dzmm74"
-}]]), pe = x("reply", [["path", {
-	d: "M20 18v-2a4 4 0 0 0-4-4H4",
-	key: "5vmcpk"
-}], ["path", {
-	d: "m9 17-5-5 5-5",
-	key: "nvlc11"
-}]]), me = {
-	key: 0,
-	class: "tpl-comments-sidebar tpl:absolute tpl:top-14 tpl:right-0 tpl:bottom-0 tpl:z-panel tpl:flex tpl:w-[360px] tpl:flex-col tpl:border-l tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg-elevated)]"
-}, he = { class: "tpl:flex tpl:items-center tpl:justify-between tpl:border-b tpl:border-[var(--tpl-border)] tpl:px-4 tpl:py-3" }, ge = { class: "tpl:flex tpl:items-center tpl:gap-1.5 tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-text)]" }, _e = {
-	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 tpl:bg-[var(--tpl-primary)] tpl:text-[var(--tpl-bg)]"
-}, ve = { class: "tpl:flex tpl:gap-1 tpl:border-b tpl:border-[var(--tpl-border)] tpl:px-4 tpl:py-2" }, ye = { class: "tpl:flex-1 tpl:overflow-y-auto" }, be = {
-	key: 0,
-	class: "tpl:flex tpl:h-full tpl:items-center tpl:justify-center"
-}, xe = {
-	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"
-}, Se = { class: "tpl:max-w-[240px] tpl:text-sm tpl:text-[var(--tpl-text-muted)]" }, Ce = {
-	key: 2,
-	class: "tpl:flex tpl:flex-col tpl:gap-3 tpl:p-3"
-}, we = { class: "tpl-comment-card tpl:rounded-lg tpl:border tpl:px-3.5 tpl:py-3" }, Te = { class: "tpl:flex tpl:items-start tpl:justify-between tpl:gap-2" }, Ee = { class: "tpl:flex tpl:items-center tpl:gap-1.5" }, De = { class: "tpl:text-xs tpl:font-semibold tpl:text-[var(--tpl-text)]" }, Oe = { class: "tpl:text-[10px] tpl:text-[var(--tpl-text-dim)]" }, ke = {
-	key: 0,
-	class: "tpl:text-[10px] tpl:italic tpl:text-[var(--tpl-text-dim)]"
-}, Ae = { class: "tpl:flex tpl:items-center tpl:gap-0.5" }, je = ["title", "onClick"], Me = ["title", "onClick"], Ne = ["title", "onClick"], Pe = {
-	key: 0,
-	class: "tpl:mt-1 tpl:flex tpl:items-center tpl:gap-1 tpl:text-[10px] tpl:text-[var(--tpl-primary)]"
-}, Fe = {
-	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 tpl:bg-[var(--tpl-warning-light)] tpl:text-[var(--tpl-warning)]"
-}, Ie = ["onClick"], Le = {
-	key: 2,
-	class: "tpl:mt-2"
-}, Re = ["onKeydown"], ze = { class: "tpl:mt-1.5 tpl:flex tpl:gap-1.5" }, Be = ["disabled", "onClick"], Ve = {
-	key: 3,
-	class: "tpl:mt-1.5 tpl:text-xs tpl:leading-relaxed tpl:whitespace-pre-wrap tpl:text-[var(--tpl-text)]"
-}, He = {
-	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 tpl:bg-[var(--tpl-danger-light)] tpl:text-[var(--tpl-danger)]"
-}, Ue = { class: "tpl:flex-1" }, We = ["onClick"], Ge = {
-	key: 5,
-	class: "tpl:mt-2 tpl:flex tpl:items-center tpl:gap-2"
-}, Ke = ["title", "onClick"], qe = ["onClick"], Je = {
-	key: 0,
-	class: "tpl-comment-replies tpl:ml-5 tpl:pl-3 tpl:pt-2"
-}, Ye = { class: "tpl:flex tpl:items-start tpl:justify-between tpl:gap-2" }, Xe = { class: "tpl:flex tpl:items-center tpl:gap-1.5" }, Ze = { class: "tpl:text-xs tpl:font-semibold tpl:text-[var(--tpl-text)]" }, Qe = { class: "tpl:text-[10px] tpl:text-[var(--tpl-text-dim)]" }, $e = {
-	key: 0,
-	class: "tpl:text-[10px] tpl:italic tpl:text-[var(--tpl-text-dim)]"
-}, et = { class: "tpl:flex tpl:items-center tpl:gap-0.5" }, tt = ["title", "onClick"], nt = ["title", "onClick"], rt = {
-	key: 0,
-	class: "tpl:mt-1.5"
-}, it = ["onKeydown"], at = { class: "tpl:mt-1.5 tpl:flex tpl:gap-1.5" }, ot = ["disabled", "onClick"], st = {
-	key: 1,
-	class: "tpl:mt-1 tpl:text-xs tpl:leading-relaxed tpl:whitespace-pre-wrap tpl:text-[var(--tpl-text)]"
-}, ct = {
-	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 tpl:bg-[var(--tpl-danger-light)] tpl:text-[var(--tpl-danger)]"
-}, lt = { class: "tpl:flex-1" }, ut = ["onClick"], dt = {
-	key: 0,
-	class: "tpl-comment-replies tpl:ml-5 tpl:pl-3 tpl:pt-2"
-}, ft = { class: "tpl:flex tpl:items-end tpl:gap-2" }, pt = ["placeholder", "onKeydown"], mt = { class: "tpl:flex tpl:shrink-0 tpl:flex-col tpl:gap-1" }, ht = ["disabled", "onClick"], gt = { class: "tpl:border-t tpl:p-3 tpl:border-[var(--tpl-border)]" }, _t = {
-	key: 0,
-	class: "tpl:flex tpl:min-h-[68px] tpl:items-center tpl:rounded-md tpl:px-3 tpl:py-2 tpl:text-xs tpl:bg-[var(--tpl-warning-light)] tpl:text-[var(--tpl-warning)]"
-}, vt = {
-	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 tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)]"
-}, yt = ["placeholder", "disabled"], bt = ["disabled"], O = /*#__PURE__*/ le(/* @__PURE__ */ c({
-	__name: "CommentsSidebar",
-	props: { visible: { type: Boolean } },
-	emits: ["close", "filterBlock"],
-	setup(c, { expose: x, emit: le }) {
-		let O = c, k = le, { format: A } = ae(), { t: j } = ue(), M = b(re, "CommentsSidebar"), xt = b(ie, "CommentsSidebar"), N = b(ne, "CommentsSidebar"), P = s("unresolved"), F = s(null), I = s(""), L = s(null), R = s(""), z = s(null), B = s(""), V = s(/* @__PURE__ */ new Set()), H = s(null), U = s(null), St = h(() => xt.userConfig?.id ?? null), Ct = h(() => {
-			let e = /* @__PURE__ */ new Set();
-			for (let t of M.content.value.blocks) if (e.add(t.id), t.type === "section") for (let n of t.children) for (let t of n) e.add(t.id);
-			return e;
-		});
-		function wt(e) {
-			return e ? !Ct.value.has(e) : !1;
-		}
-		let Tt = h(() => P.value !== "block" || !F.value ? !1 : !(M.savedBlockIds?.value.has(F.value) ?? !0)), W = h(() => {
-			let e = N.comments.value;
-			return P.value === "unresolved" ? e = e.filter((e) => !e.resolved_at) : P.value === "block" && F.value && (e = e.filter((e) => e.block_id === F.value)), e;
-		});
-		r(() => O.visible, (e) => {
-			e && N.loadComments();
-		}), r(() => M.state.selectedBlockId, (e) => {
-			P.value === "block" && e && (F.value = e);
-		});
-		function G(e, t) {
-			P.value = e, F.value = e === "block" ? t ?? null : null;
-		}
-		function Et(e) {
-			G("block", e), k("filterBlock", e);
-		}
-		function Dt(e) {
-			V.value.has(e) ? V.value.delete(e) : V.value.add(e);
-		}
-		function Ot(e) {
-			L.value = e, R.value = "", z.value = null, V.value.has(e) || V.value.add(e);
-		}
-		function kt() {
-			L.value = null, R.value = "";
-		}
-		function K(e) {
-			z.value = e.id, B.value = e.body, L.value = null;
-		}
-		function q() {
-			z.value = null, B.value = "";
-		}
-		function J(e) {
-			H.value = e;
-		}
-		function Y() {
-			H.value = null;
-		}
-		async function X() {
-			let e = I.value.trim();
-			if (!e) return;
-			let t = P.value === "block" ? F.value : void 0;
-			await N.addComment(e, t ?? void 0), I.value = "";
-		}
-		async function At(e) {
-			let t = R.value.trim();
-			if (!t) return;
-			let n = N.comments.value.find((t) => t.id === e);
-			await N.addComment(t, n?.block_id ?? void 0, e), L.value = null, R.value = "";
-		}
-		async function Z(e) {
-			let t = B.value.trim();
-			t && (await N.editComment(e, t), z.value = null, B.value = "");
-		}
-		async function jt(e) {
-			await N.removeComment(e), H.value = null;
-		}
-		async function Mt(e) {
-			await N.toggleResolve(e);
-		}
-		function Q(e) {
-			return e.author_identifier === St.value;
-		}
-		function Nt(e) {
-			return de(e, j.snapshotHistory) ?? e;
-		}
-		function Pt(e) {
-			e.key === "Enter" && !e.shiftKey && (e.preventDefault(), X());
-		}
-		function Ft(e, t) {
-			e.key === "Enter" && !e.shiftKey && (e.preventDefault(), At(t));
-		}
-		function $(e, t) {
-			e.key === "Enter" && !e.shiftKey && (e.preventDefault(), Z(t)), e.key === "Escape" && q();
-		}
-		function It() {
-			te(() => {
-				U.value?.focus();
-			});
-		}
-		return x({
-			filterByBlock: Et,
-			focusNewComment: It
-		}), (r, s) => (i(), f(y, {
-			"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: o(() => [c.visible ? (i(), u("div", me, [
-				l("div", he, [l("div", ge, [
-					d(p(C), {
-						size: 13,
-						"stroke-width": 2
-					}),
-					l("span", null, a(p(j).comments.title), 1),
-					p(N).unresolvedCount.value > 0 ? (i(), u("span", _e, a(p(N).unresolvedCount.value), 1)) : g("", !0)
-				]), l("button", {
-					class: "tpl:rounded-md tpl:p-0.5 tpl:transition-colors tpl:duration-150 tpl:text-[var(--tpl-text-muted)]",
-					onClick: s[0] ||= (e) => k("close")
-				}, [d(p(D), {
-					size: 14,
-					"stroke-width": 2
-				})])]),
-				l("div", ve, [
-					l("button", {
-						class: n(["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", P.value === "unresolved" ? "tpl-comment-filter--active" : ""]),
-						onClick: s[1] ||= (e) => G("unresolved")
-					}, a(p(j).comments.filterUnresolved), 3),
-					l("button", {
-						class: n(["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", P.value === "all" ? "tpl-comment-filter--active" : ""]),
-						onClick: s[2] ||= (e) => G("all")
-					}, a(p(j).comments.filterAll), 3),
-					p(M).state.selectedBlockId ? (i(), u("button", {
-						key: 0,
-						class: n(["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", P.value === "block" ? "tpl-comment-filter--active" : ""]),
-						onClick: s[3] ||= (e) => G("block", p(M).state.selectedBlockId ?? void 0)
-					}, a(p(j).comments.filterBlock), 3)) : g("", !0)
-				]),
-				l("div", ye, [p(N).isLoading.value ? (i(), u("div", be, [d(p(S), {
-					class: "tpl-spinner tpl:text-[var(--tpl-text-muted)]",
-					size: 24,
-					"stroke-width": 2
-				})])) : W.value.length === 0 ? (i(), u("div", xe, [d(p(C), {
-					size: 32,
-					"stroke-width": 1.5,
-					class: "tpl:text-[var(--tpl-text-dim)]"
-				}), l("p", Se, a(P.value === "all" ? p(j).comments.noCommentsHint : p(j).comments.noComments), 1)])) : (i(), u("div", Ce, [(i(!0), u(m, null, e(W.value, (r) => (i(), u("div", {
-					key: r.id,
-					class: "tpl-comment-thread"
-				}, [
-					l("div", we, [
-						l("div", Te, [l("div", Ee, [
-							l("span", De, a(Q(r) ? p(j).comments.ownedByYou : r.author_name), 1),
-							l("span", Oe, a(Nt(r.created_at)), 1),
-							r.updated_at === r.created_at ? g("", !0) : (i(), u("span", ke, " (" + a(p(j).comments.edited) + ") ", 1))
-						]), l("div", Ae, [
-							l("button", {
-								class: "tpl-comment-action tpl:rounded tpl:p-1 tpl:transition-colors tpl:duration-150",
-								title: r.resolved_at ? p(j).comments.unresolve : p(j).comments.resolve,
-								onClick: (e) => Mt(r.id)
-							}, [d(p(fe), {
-								size: 13,
-								"stroke-width": 2,
-								class: "tpl-resolve-icon",
-								style: t({ color: r.resolved_at ? "var(--tpl-primary)" : void 0 })
-							}, null, 8, ["style"])], 8, je),
-							Q(r) ? (i(), u("button", {
-								key: 0,
-								class: "tpl-comment-action tpl:rounded tpl:p-1 tpl:transition-colors tpl:duration-150",
-								title: p(j).comments.edit,
-								onClick: (e) => K(r)
-							}, [d(p(w), {
-								size: 12,
-								"stroke-width": 2
-							})], 8, Me)) : g("", !0),
-							Q(r) ? (i(), u("button", {
-								key: 1,
-								class: "tpl-comment-action tpl-comment-delete tpl:rounded tpl:p-1 tpl:transition-colors tpl:duration-150",
-								title: p(j).comments.delete,
-								onClick: (e) => J(r.id)
-							}, [d(p(E), {
-								size: 12,
-								"stroke-width": 2
-							})], 8, Ne)) : g("", !0)
-						])]),
-						d(y, { name: "tpl-resolve" }, {
-							default: o(() => [r.resolved_at ? (i(), u("div", Pe, [d(p(oe), {
-								size: 10,
-								"stroke-width": 2.5
-							}), l("span", null, a(p(A)(p(j).comments.resolvedBy, { name: r.resolved_by_name ?? "" })), 1)])) : g("", !0)]),
-							_: 2
-						}, 1024),
-						r.block_id && wt(r.block_id) ? (i(), u("span", Fe, a(p(j).comments.missingBlock), 1)) : r.block_id ? (i(), u("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 tpl:bg-[var(--tpl-bg-hover)] tpl:text-[var(--tpl-text-muted)]",
-							onClick: (e) => p(M).selectBlock(r.block_id ?? "")
-						}, " Block ", 8, Ie)) : g("", !0),
-						z.value === r.id ? (i(), u("div", Le, [_(l("textarea", {
-							"onUpdate:modelValue": s[4] ||= (e) => B.value = e,
-							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 tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:text-[var(--tpl-text)]",
-							rows: "3",
-							onKeydown: (e) => $(e, r.id)
-						}, null, 40, Re), [[v, B.value]]), l("div", ze, [l("button", {
-							class: "tpl:rounded-md tpl:px-2.5 tpl:py-1 tpl:text-xs tpl:font-medium tpl:transition-colors tpl:duration-150 tpl:bg-[var(--tpl-primary)] tpl:text-[var(--tpl-bg)]",
-							disabled: !B.value.trim() || p(N).isSubmitting.value,
-							onClick: (e) => Z(r.id)
-						}, a(p(j).comments.save), 9, Be), l("button", {
-							class: "tpl:rounded-md tpl:px-2.5 tpl:py-1 tpl:text-xs tpl:font-medium tpl:transition-colors tpl:duration-150 tpl:text-[var(--tpl-text-muted)]",
-							onClick: s[5] ||= (e) => q()
-						}, a(p(j).comments.cancel), 1)])])) : (i(), u("p", Ve, a(r.body), 1)),
-						H.value === r.id ? (i(), u("div", He, [
-							l("span", Ue, a(p(j).comments.deleteConfirm), 1),
-							l("button", {
-								class: "tpl:rounded tpl:px-2 tpl:py-0.5 tpl:text-xs tpl:font-medium tpl:bg-[var(--tpl-danger)] tpl:text-[var(--tpl-bg)]",
-								onClick: (e) => jt(r.id)
-							}, a(p(j).comments.delete), 9, We),
-							l("button", {
-								class: "tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text-muted)]",
-								onClick: s[6] ||= (e) => Y()
-							}, a(p(j).comments.cancel), 1)
-						])) : g("", !0),
-						z.value !== r.id && H.value !== r.id ? (i(), u("div", Ge, [l("button", {
-							class: "tpl-comment-action tpl:rounded tpl:p-1 tpl:transition-colors tpl:duration-150",
-							title: p(j).comments.reply,
-							onClick: (e) => Ot(r.id)
-						}, [d(p(pe), {
-							size: 13,
-							"stroke-width": 2,
-							class: "tpl:text-[var(--tpl-primary)]"
-						})], 8, Ke), (r.replies?.length ?? 0) > 0 ? (i(), u("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 tpl:text-[var(--tpl-text-muted)]",
-							onClick: (e) => Dt(r.id)
-						}, [V.value.has(r.id) ? (i(), f(p(ce), {
-							key: 0,
-							size: 11,
-							"stroke-width": 2
-						})) : (i(), f(p(se), {
-							key: 1,
-							size: 11,
-							"stroke-width": 2
-						})), ee(" " + a((r.replies?.length ?? 0) === 1 ? p(A)(p(j).comments.replyOne, { count: String(r.replies?.length ?? 0) }) : p(A)(p(j).comments.replyMany, { count: String(r.replies?.length ?? 0) })), 1)], 8, qe)) : g("", !0)])) : g("", !0)
-					]),
-					d(y, { name: "tpl-replies" }, {
-						default: o(() => [V.value.has(r.id) && (r.replies?.length ?? 0) > 0 ? (i(), u("div", Je, [(i(!0), u(m, null, e(r.replies, (e, t) => (i(), u("div", {
-							key: e.id,
-							class: n(["tpl-comment-reply-card tpl:relative tpl:rounded-lg tpl:border tpl:px-3.5 tpl:py-2.5", t < (r.replies?.length ?? 0) - 1 ? "tpl:mb-2" : ""])
-						}, [
-							l("div", Ye, [l("div", Xe, [
-								l("span", Ze, a(Q(e) ? p(j).comments.ownedByYou : e.author_name), 1),
-								l("span", Qe, a(Nt(e.created_at)), 1),
-								e.updated_at === e.created_at ? g("", !0) : (i(), u("span", $e, " (" + a(p(j).comments.edited) + ") ", 1))
-							]), l("div", et, [Q(e) ? (i(), u("button", {
-								key: 0,
-								class: "tpl-comment-action tpl:rounded tpl:p-1 tpl:transition-colors tpl:duration-150",
-								title: p(j).comments.edit,
-								onClick: (t) => K(e)
-							}, [d(p(w), {
-								size: 11,
-								"stroke-width": 2
-							})], 8, tt)) : g("", !0), Q(e) ? (i(), u("button", {
-								key: 1,
-								class: "tpl-comment-action tpl-comment-delete tpl:rounded tpl:p-1 tpl:transition-colors tpl:duration-150",
-								title: p(j).comments.delete,
-								onClick: (t) => J(e.id)
-							}, [d(p(E), {
-								size: 11,
-								"stroke-width": 2
-							})], 8, nt)) : g("", !0)])]),
-							z.value === e.id ? (i(), u("div", rt, [_(l("textarea", {
-								"onUpdate:modelValue": s[7] ||= (e) => B.value = e,
-								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 tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:text-[var(--tpl-text)]",
-								rows: "2",
-								onKeydown: (t) => $(t, e.id)
-							}, null, 40, it), [[v, B.value]]), l("div", at, [l("button", {
-								class: "tpl:rounded-md tpl:px-2.5 tpl:py-1 tpl:text-xs tpl:font-medium tpl:bg-[var(--tpl-primary)] tpl:text-[var(--tpl-bg)]",
-								disabled: !B.value.trim() || p(N).isSubmitting.value,
-								onClick: (t) => Z(e.id)
-							}, a(p(j).comments.save), 9, ot), l("button", {
-								class: "tpl:rounded-md tpl:px-2.5 tpl:py-1 tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text-muted)]",
-								onClick: s[8] ||= (e) => q()
-							}, a(p(j).comments.cancel), 1)])])) : (i(), u("p", st, a(e.body), 1)),
-							H.value === e.id ? (i(), u("div", ct, [
-								l("span", lt, a(p(j).comments.deleteConfirm), 1),
-								l("button", {
-									class: "tpl:rounded tpl:px-2 tpl:py-0.5 tpl:text-xs tpl:font-medium tpl:bg-[var(--tpl-danger)] tpl:text-[var(--tpl-bg)]",
-									onClick: (t) => jt(e.id)
-								}, a(p(j).comments.delete), 9, ut),
-								l("button", {
-									class: "tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text-muted)]",
-									onClick: s[9] ||= (e) => Y()
-								}, a(p(j).comments.cancel), 1)
-							])) : g("", !0)
-						], 2))), 128))])) : g("", !0)]),
-						_: 2
-					}, 1024),
-					d(y, { name: "tpl-replies" }, {
-						default: o(() => [L.value === r.id ? (i(), u("div", dt, [l("div", ft, [_(l("textarea", {
-							"onUpdate:modelValue": s[10] ||= (e) => R.value = e,
-							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 tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:text-[var(--tpl-text)]",
-							placeholder: p(j).comments.replyPlaceholder,
-							rows: "2",
-							onKeydown: (e) => Ft(e, r.id)
-						}, null, 40, pt), [[v, R.value]]), l("div", mt, [l("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 tpl:text-[var(--tpl-primary)]",
-							disabled: !R.value.trim() || p(N).isSubmitting.value,
-							onClick: (e) => At(r.id)
-						}, [d(p(T), {
-							size: 14,
-							"stroke-width": 2
-						})], 8, ht), l("button", {
-							class: "tpl:flex tpl:items-center tpl:justify-center tpl:rounded-md tpl:p-1.5 tpl:transition-colors tpl:duration-150 tpl:text-[var(--tpl-text-muted)]",
-							onClick: s[11] ||= (e) => kt()
-						}, [d(p(D), {
-							size: 14,
-							"stroke-width": 2
-						})])])])])) : g("", !0)]),
-						_: 2
-					}, 1024)
-				]))), 128))]))]),
-				l("div", gt, [Tt.value ? (i(), u("div", _t, a(p(j).comments.saveTemplateFirst), 1)) : (i(), u("div", vt, [_(l("textarea", {
-					ref_key: "newCommentInput",
-					ref: U,
-					"onUpdate:modelValue": s[12] ||= (e) => I.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 tpl:text-[var(--tpl-text)]",
-					placeholder: p(j).comments.placeholder,
-					disabled: p(N).isSubmitting.value,
-					rows: "2",
-					onKeydown: Pt
-				}, null, 40, yt), [[v, I.value]]), l("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 tpl:text-[var(--tpl-primary)]",
-					disabled: !I.value.trim() || p(N).isSubmitting.value,
-					onClick: X
-				}, [p(N).isSubmitting.value ? (i(), f(p(S), {
-					key: 0,
-					class: "tpl-spinner",
-					size: 16,
-					"stroke-width": 2
-				})) : (i(), f(p(T), {
-					key: 1,
-					size: 16,
-					"stroke-width": 2
-				}))], 8, bt)]))])
-			])) : g("", !0)]),
-			_: 1
-		}));
-	}
-}), [["__scopeId", "data-v-d204f573"]]);
-//#endregion
-export { O as default };