@templatical/editor 0.0.4 → 0.0.6

package/dist/{CollaboratorBar-BuCEcdbB.js → CollaboratorBar-D2Gu5Xj2.js}

@@ -1,7 +1,7 @@
-import "./useEditorCore-CjwRMl7K.js";
 import { t as e } from "./useI18n-D6m7ZUgY.js";
-import { n as t } from "./_plugin-vue_export-helper-B1-bu7yR.js";
-import { t as n } from "./readableTextColor-LDlmVEUv.js";
+import "./useEditorCore-ColJh1ST.js";
+import { n as t } from "./_plugin-vue_export-helper-5TQrnOhO.js";
+import { t as n } from "./readableTextColor-B809bF5J.js";
 import { Fragment as r, computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, defineComponent as l, normalizeStyle as u, openBlock as d, renderList as f, toDisplayString as p, unref as m } from "vue";
 var h = t("wifi-off", [
 	["path", {

package/dist/{CommentsSidebar-2lcqMfIP.js → CommentsSidebar-CTeEAZTj.js}

@@ -1,15 +1,15 @@
-import { c as e, f as t, r as n } from "./keys-C0MQRs8d.js";
-import { t as r } from "./useI18n-D6m7ZUgY.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";
+import { T as e, c as t, f as n, r } from "./keys-C0MQRs8d.js";
+import { t as ee } from "./useI18n-D6m7ZUgY.js";
+import { n as i, t as te } from "./_plugin-vue_export-helper-5TQrnOhO.js";
+import { t as ne } from "./check-B5S-C0bz.js";
+import { t as re } from "./chevron-down-CjsV1T0W.js";
+import { t as a } from "./loader-circle-DilFjHSk.js";
+import { t as o } from "./message-circle-Dpcnc2oa.js";
+import { t as s } from "./send-ChDw64yL.js";
+import { t as c } from "./trash-2-CZkMtjeC.js";
+import { t as l } from "./x-CU2XZOkQ.js";
+import { t as ie } from "./formatRelativeTime-D8f6NR7i.js";
+import { Fragment as u, Transition as d, computed as f, createBlock as p, createCommentVNode as m, createElementBlock as h, createElementVNode as g, createTextVNode as ae, createVNode as _, defineComponent as v, nextTick as oe, normalizeClass as y, normalizeStyle as se, openBlock as b, ref as x, renderList as S, toDisplayString as C, unref as w, vModelText as T, watch as ce, withCtx as E, withDirectives as D } from "vue";
 var le = i("chevron-up", [["path", {
 	d: "m18 15-6-6-6 6",
 	key: "153udz"
@@ -93,12 +93,12 @@ var le = i("chevron-up", [["path", {
 }, 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({
+}, _t = ["placeholder", "disabled"], vt = ["disabled"], k = /* @__PURE__ */ te(/* @__PURE__ */ v({
 	__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(() => {
+	setup(i, { expose: te, emit: v }) {
+		let k = i, A = v, { t: j, format: M } = ee(), N = e(n, "CommentsSidebar"), yt = e(r, "CommentsSidebar"), P = e(t, "CommentsSidebar"), F = x("unresolved"), I = x(null), L = x(""), R = x(null), z = x(""), B = x(null), V = x(""), H = x(/* @__PURE__ */ new Set()), U = x(null), W = x(null), bt = f(() => yt.userConfig?.id ?? null), xt = f(() => {
 			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;
@@ -106,13 +106,13 @@ var le = i("chevron-up", [["path", {
 		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 Ct = f(() => F.value !== "block" || !I.value ? !1 : !(N.savedBlockIds?.value.has(I.value) ?? !0)), G = f(() => {
 			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) => {
+		ce(() => k.visible, (e) => {
 			e && P.loadComments();
-		}), T(() => N.state.selectedBlockId, (e) => {
+		}), ce(() => N.state.selectedBlockId, (e) => {
 			F.value === "block" && e && (I.value = e);
 		});
 		function K(e, t) {
@@ -168,7 +168,7 @@ var le = i("chevron-up", [["path", {
 			return e.author_identifier === bt.value;
 		}
 		function jt(e) {
-			return ae(e, j.snapshotHistory) ?? e;
+			return ie(e, j.snapshotHistory) ?? e;
 		}
 		function Mt(e) {
 			e.key === "Enter" && !e.shiftKey && (e.preventDefault(), Z());
@@ -180,14 +180,14 @@ var le = i("chevron-up", [["path", {
 			e.key === "Enter" && !e.shiftKey && (e.preventDefault(), Q(t)), e.key === "Escape" && J();
 		}
 		function Ft() {
-			se(() => {
+			oe(() => {
 				W.value?.focus();
 			});
 		}
-		return ee({
+		return te({
 			filterByBlock: wt,
 			focusNewComment: Ft
-		}), (e, t) => (y(), d(l, {
+		}), (e, t) => (b(), p(d, {
 			"enter-active-class": "tpl-comments-slide-enter-active",
 			"enter-from-class": "tpl:translate-x-full",
 			"enter-to-class": "tpl:translate-x-0",
@@ -195,245 +195,245 @@ var le = i("chevron-up", [["path", {
 			"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), {
+			default: E(() => [i.visible ? (b(), h("div", fe, [
+				g("div", pe, [g("div", me, [
+					_(w(o), {
 						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", {
+					g("span", null, C(w(j).comments.title), 1),
+					w(P).unresolvedCount.value > 0 ? (b(), h("span", he, C(w(P).unresolvedCount.value), 1)) : m("", !0)
+				]), g("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), {
+				}, [_(w(l), {
 					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" : ""]),
+				g("div", ge, [
+					g("button", {
+						class: y(["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" : ""]),
+					}, C(w(j).comments.filterUnresolved), 3),
+					g("button", {
+						class: y(["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", {
+					}, C(w(j).comments.filterAll), 3),
+					w(N).state.selectedBlockId ? (b(), h("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)
+						class: y(["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", w(N).state.selectedBlockId ?? void 0)
+					}, C(w(j).comments.filterBlock), 3)) : m("", !0)
 				]),
-				m("div", _e, [C(P).isLoading.value ? (y(), p("div", ve, [h(C(re), {
+				g("div", _e, [w(P).isLoading.value ? (b(), h("div", ve, [_(w(a), {
 					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), {
+				})])) : G.value.length === 0 ? (b(), h("div", ye, [_(w(o), {
 					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", {
+				}), g("p", be, C(F.value === "all" ? w(j).comments.noCommentsHint : w(j).comments.noComments), 1)])) : (b(), h("div", xe, [(b(!0), h(u, null, S(G.value, (e) => (b(), h("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", {
+					g("div", Se, [
+						g("div", Ce, [g("div", we, [
+							g("span", Te, C($(e) ? w(j).comments.ownedByYou : e.author_name), 1),
+							g("span", Ee, C(jt(e.created_at)), 1),
+							e.updated_at === e.created_at ? m("", !0) : (b(), h("span", De, " (" + C(w(j).comments.edited) + ") ", 1))
+						]), g("div", Oe, [
+							g("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,
+								title: e.resolved_at ? w(j).comments.unresolve : w(j).comments.resolve,
 								onClick: (t) => At(e.id)
-							}, [h(C(ue), {
+							}, [_(w(ue), {
 								size: 13,
 								"stroke-width": 2,
 								class: "tpl-resolve-icon",
-								style: ce({ color: e.resolved_at ? "var(--tpl-primary)" : void 0 })
+								style: se({ color: e.resolved_at ? "var(--tpl-primary)" : void 0 })
 							}, null, 8, ["style"])], 8, ke),
-							$(e) ? (y(), p("button", {
+							$(e) ? (b(), h("button", {
 								key: 0,
 								class: "tpl-comment-action tpl:rounded tpl:p-1 tpl:transition-colors tpl:duration-150",
-								title: C(j).comments.edit,
+								title: w(j).comments.edit,
 								onClick: (t) => q(e)
-							}, [h(C(O), {
+							}, [_(w(O), {
 								size: 12,
 								"stroke-width": 2
-							})], 8, Ae)) : f("", !0),
-							$(e) ? (y(), p("button", {
+							})], 8, Ae)) : m("", !0),
+							$(e) ? (b(), h("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,
+								title: w(j).comments.delete,
 								onClick: (t) => Y(e.id)
-							}, [h(C(o), {
+							}, [_(w(c), {
 								size: 12,
 								"stroke-width": 2
-							})], 8, je)) : f("", !0)
+							})], 8, je)) : m("", !0)
 						])]),
-						h(l, { name: "tpl-resolve" }, {
-							default: E(() => [e.resolved_at ? (y(), p("div", Me, [h(C(te), {
+						_(d, { name: "tpl-resolve" }, {
+							default: E(() => [e.resolved_at ? (b(), h("div", Me, [_(w(ne), {
 								size: 10,
 								"stroke-width": 2.5
-							}), m("span", null, S(C(M)(C(j).comments.resolvedBy, { name: e.resolved_by_name ?? "" })), 1)])) : f("", !0)]),
+							}), g("span", null, C(w(M)(w(j).comments.resolvedBy, { name: e.resolved_by_name ?? "" })), 1)])) : m("", !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", {
+						e.block_id && St(e.block_id) ? (b(), h("span", Ne, C(w(j).comments.missingBlock), 1)) : e.block_id ? (b(), h("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", {
+							onClick: (t) => w(N).selectBlock(e.block_id ?? "")
+						}, " Block ", 8, Pe)) : m("", !0),
+						B.value === e.id ? (b(), h("div", Fe, [D(g("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", {
+						}, null, 40, Ie), [[T, V.value]]), g("div", Le, [g("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,
+							disabled: !V.value.trim() || w(P).isSubmitting.value,
 							onClick: (t) => Q(e.id)
-						}, S(C(j).comments.save), 9, Re), m("button", {
+						}, C(w(j).comments.save), 9, Re), g("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", {
+						}, C(w(j).comments.cancel), 1)])])) : (b(), h("p", ze, C(e.body), 1)),
+						U.value === e.id ? (b(), h("div", Be, [
+							g("span", Ve, C(w(j).comments.deleteConfirm), 1),
+							g("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", {
+							}, C(w(j).comments.delete), 9, He),
+							g("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", {
+							}, C(w(j).comments.cancel), 1)
+						])) : m("", !0),
+						B.value !== e.id && U.value !== e.id ? (b(), h("div", Ue, [g("button", {
 							class: "tpl-comment-action tpl:rounded tpl:p-1 tpl:transition-colors tpl:duration-150",
-							title: C(j).comments.reply,
+							title: w(j).comments.reply,
 							onClick: (t) => Et(e.id)
-						}, [h(C(de), {
+						}, [_(w(de), {
 							size: 13,
 							"stroke-width": 2,
 							class: "tpl:text-[var(--tpl-primary)]"
-						})], 8, We), (e.replies?.length ?? 0) > 0 ? (y(), p("button", {
+						})], 8, We), (e.replies?.length ?? 0) > 0 ? (b(), h("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), {
+						}, [H.value.has(e.id) ? (b(), p(w(le), {
 							key: 0,
 							size: 11,
 							"stroke-width": 2
-						})) : (y(), d(C(ne), {
+						})) : (b(), p(w(re), {
 							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)
+						})), ae(" " + C((e.replies?.length ?? 0) === 1 ? w(M)(w(j).comments.replyOne, { count: String(e.replies?.length ?? 0) }) : w(M)(w(j).comments.replyMany, { count: String(e.replies?.length ?? 0) })), 1)], 8, Ge)) : m("", !0)])) : m("", !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", {
+					_(d, { name: "tpl-replies" }, {
+						default: E(() => [H.value.has(e.id) && (e.replies?.length ?? 0) > 0 ? (b(), h("div", Ke, [(b(!0), h(u, null, S(e.replies, (n, r) => (b(), h("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" : ""])
+							class: y(["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", {
+							g("div", qe, [g("div", Je, [
+								g("span", Ye, C($(n) ? w(j).comments.ownedByYou : n.author_name), 1),
+								g("span", Xe, C(jt(n.created_at)), 1),
+								n.updated_at === n.created_at ? m("", !0) : (b(), h("span", Ze, " (" + C(w(j).comments.edited) + ") ", 1))
+							]), g("div", Qe, [$(n) ? (b(), h("button", {
 								key: 0,
 								class: "tpl-comment-action tpl:rounded tpl:p-1 tpl:transition-colors tpl:duration-150",
-								title: C(j).comments.edit,
+								title: w(j).comments.edit,
 								onClick: (e) => q(n)
-							}, [h(C(O), {
+							}, [_(w(O), {
 								size: 11,
 								"stroke-width": 2
-							})], 8, $e)) : f("", !0), $(n) ? (y(), p("button", {
+							})], 8, $e)) : m("", !0), $(n) ? (b(), h("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,
+								title: w(j).comments.delete,
 								onClick: (e) => Y(n.id)
-							}, [h(C(o), {
+							}, [_(w(c), {
 								size: 11,
 								"stroke-width": 2
-							})], 8, et)) : f("", !0)])]),
-							B.value === n.id ? (y(), p("div", tt, [D(m("textarea", {
+							})], 8, et)) : m("", !0)])]),
+							B.value === n.id ? (b(), h("div", tt, [D(g("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", {
+							}, null, 40, nt), [[T, V.value]]), g("div", rt, [g("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,
+								disabled: !V.value.trim() || w(P).isSubmitting.value,
 								onClick: (e) => Q(n.id)
-							}, S(C(j).comments.save), 9, it), m("button", {
+							}, C(w(j).comments.save), 9, it), g("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", {
+							}, C(w(j).comments.cancel), 1)])])) : (b(), h("p", at, C(n.body), 1)),
+							U.value === n.id ? (b(), h("div", ot, [
+								g("span", st, C(w(j).comments.deleteConfirm), 1),
+								g("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", {
+								}, C(w(j).comments.delete), 9, ct),
+								g("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)]),
+								}, C(w(j).comments.cancel), 1)
+							])) : m("", !0)
+						], 2))), 128))])) : m("", !0)]),
 						_: 2
 					}, 1024),
-					h(l, { name: "tpl-replies" }, {
-						default: E(() => [R.value === e.id ? (y(), p("div", lt, [m("div", ut, [D(m("textarea", {
+					_(d, { name: "tpl-replies" }, {
+						default: E(() => [R.value === e.id ? (b(), h("div", lt, [g("div", ut, [D(g("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,
+							placeholder: w(j).comments.replyPlaceholder,
 							rows: "2",
 							onKeydown: (t) => Nt(t, e.id)
-						}, null, 40, dt), [[w, z.value]]), m("div", ft, [m("button", {
+						}, null, 40, dt), [[T, z.value]]), g("div", ft, [g("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,
+							disabled: !z.value.trim() || w(P).isSubmitting.value,
 							onClick: (t) => Ot(e.id)
-						}, [h(C(a), {
+						}, [_(w(s), {
 							size: 14,
 							"stroke-width": 2
-						})], 8, pt), m("button", {
+						})], 8, pt), g("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), {
+						}, [_(w(l), {
 							size: 14,
 							"stroke-width": 2
-						})])])])])) : f("", !0)]),
+						})])])])])) : m("", !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", {
+				g("div", mt, [Ct.value ? (b(), h("div", ht, C(w(j).comments.saveTemplateFirst), 1)) : (b(), h("div", gt, [D(g("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,
+					placeholder: w(j).comments.placeholder,
+					disabled: w(P).isSubmitting.value,
 					rows: "2",
 					onKeydown: Mt
-				}, null, 40, _t), [[w, L.value]]), m("button", {
+				}, null, 40, _t), [[T, L.value]]), g("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,
+					disabled: !L.value.trim() || w(P).isSubmitting.value,
 					onClick: Z
-				}, [C(P).isSubmitting.value ? (y(), d(C(re), {
+				}, [w(P).isSubmitting.value ? (b(), p(w(a), {
 					key: 0,
 					class: "tpl-spinner",
 					size: 16,
 					"stroke-width": 2
-				})) : (y(), d(C(a), {
+				})) : (b(), p(w(s), {
 					key: 1,
 					size: 16,
 					"stroke-width": 2
 				}))], 8, vt)]))])
-			])) : f("", !0)]),
+			])) : m("", !0)]),
 			_: 1
 		}));
 	}
-}), [["__scopeId", "data-v-36508fac"]]);
+}), [["__scopeId", "data-v-5e7fbab3"]]);
 //#endregion
 export { k as default };