@templatical/editor 0.0.1 → 0.0.3

package/dist/CollaboratorBar-Dv3l52vC.js

@@ -0,0 +1,91 @@
+import "./useEditorCore-Cc4RCwWq.js";
+import { t as e } from "./useI18n-DUirdXEX.js";
+import { n as t } from "./_plugin-vue_export-helper-B1-bu7yR.js";
+import { Fragment as n, computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, defineComponent as c, normalizeStyle as l, openBlock as u, renderList as d, toDisplayString as f, unref as p } from "vue";
+var m = t("wifi-off", [
+	["path", {
+		d: "M12 20h.01",
+		key: "zekei9"
+	}],
+	["path", {
+		d: "M8.5 16.429a5 5 0 0 1 7 0",
+		key: "1bycff"
+	}],
+	["path", {
+		d: "M5 12.859a10 10 0 0 1 5.17-2.69",
+		key: "1dl1wf"
+	}],
+	["path", {
+		d: "M19 12.859a10 10 0 0 0-2.007-1.523",
+		key: "4k23kn"
+	}],
+	["path", {
+		d: "M2 8.82a15 15 0 0 1 4.177-2.643",
+		key: "1grhjp"
+	}],
+	["path", {
+		d: "M22 8.82a15 15 0 0 0-11.288-3.764",
+		key: "z3jwby"
+	}],
+	["path", {
+		d: "m2 2 20 20",
+		key: "1ooewy"
+	}]
+]), h = t("wifi", [
+	["path", {
+		d: "M12 20h.01",
+		key: "zekei9"
+	}],
+	["path", {
+		d: "M2 8.82a15 15 0 0 1 20 0",
+		key: "dnpr2z"
+	}],
+	["path", {
+		d: "M5 12.859a10 10 0 0 1 14 0",
+		key: "1x1e6c"
+	}],
+	["path", {
+		d: "M8.5 16.429a5 5 0 0 1 7 0",
+		key: "1bycff"
+	}]
+]), g = { class: "tpl-collaborator-bar tpl:flex tpl:items-center tpl:gap-2" }, _ = ["title"], v = {
+	key: 0,
+	class: "tpl:flex tpl:items-center tpl:-space-x-1.5"
+}, y = ["title"], b = ["title"], x = 3, S = /* @__PURE__ */ c({
+	__name: "CollaboratorBar",
+	props: {
+		collaborators: {},
+		isConnected: { type: Boolean }
+	},
+	setup(t) {
+		let c = t, { t: S } = e(), C = r(() => c.collaborators.slice(0, x)), w = r(() => c.collaborators.slice(x)), T = r(() => w.value.length), E = r(() => w.value.map((e) => e.name).join("\n"));
+		function D(e) {
+			let t = e.trim().split(/\s+/);
+			return t.length >= 2 ? (t[0].charAt(0) + t[t.length - 1].charAt(0)).toUpperCase() : e.charAt(0).toUpperCase();
+		}
+		return (e, r) => (u(), o("div", g, [s("div", {
+			class: "tpl:flex tpl:items-center tpl:gap-1 tpl:text-[11px]",
+			style: l({ color: t.isConnected ? "var(--tpl-success)" : "var(--tpl-text-muted)" }),
+			title: t.isConnected ? p(S).collaboration.connected : p(S).collaboration.disconnected
+		}, [t.isConnected ? (u(), i(p(h), {
+			key: 0,
+			size: 12,
+			"stroke-width": 2
+		})) : (u(), i(p(m), {
+			key: 1,
+			size: 12,
+			"stroke-width": 2
+		}))], 12, _), t.collaborators.length > 0 ? (u(), o("div", v, [(u(!0), o(n, null, d(C.value, (e) => (u(), o("div", {
+			key: e.id,
+			class: "tpl-collaborator-avatar tpl:relative tpl:flex tpl:size-6 tpl:items-center tpl:justify-center tpl:rounded-full tpl:border-2 tpl:text-[10px] tpl:font-bold tpl:text-white tpl:transition-transform tpl:duration-150 tpl:hover:z-10 tpl:hover:scale-110 tpl:border-[var(--tpl-bg)]",
+			style: l({ backgroundColor: e.color }),
+			title: e.name
+		}, f(D(e.name)), 13, y))), 128)), T.value > 0 ? (u(), o("div", {
+			key: 0,
+			class: "tpl:relative tpl:flex tpl:size-6 tpl:items-center tpl:justify-center tpl:rounded-full tpl:border-2 tpl:text-[9px] tpl:font-bold tpl:border-[var(--tpl-bg)] tpl:bg-[var(--tpl-bg-hover)] tpl:text-[var(--tpl-text-muted)]",
+			title: E.value
+		}, " +" + f(T.value), 9, b)) : a("", !0)])) : a("", !0)]));
+	}
+});
+//#endregion
+export { S as default };

package/dist/CommentsSidebar-4tjp0VU5.js

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