@templatical/editor 0.25.1 → 0.26.0

package/dist/cdn/chunks/{CommentsSidebar-FPbg-FuU.js → CommentsSidebar-BLRZRSSC.js}

@@ -1,9 +1,9 @@
-import { H as e, M as t, O as n, P as r, V as i, Z as a, ct as o, f as s, g as c, h as l, it as u, m as d, n as f, o as p, ot as m, p as h, st as ee, u as g, v as te, x as _, y as v, z as y } from "./draggable-BRF_Q_jB.js";
-import { G as b, d as ne, g as re, i as ie } from "./keys-CZOBuCQd.js";
-import { t as ae } from "./useI18n-aRMtgYRj.js";
-import { It as oe, Lt as se, N as x, Nt as ce, R as le, at as S, d as C, jt as ue, n as w, nt as de, q as T } from "./icons-DN008liP.js";
+import { H as e, M as t, O as n, P as r, V as i, Z as a, ct as ee, f as o, g as s, h as c, it as l, lt as u, m as d, n as f, o as p, p as m, st as h, u as g, v as te, x as _, y as v, z as y } from "./draggable-DCs9qL-b.js";
+import { G as b, d as ne, g as re, i as ie } from "./keys-Cmc2Yl3D.js";
+import { t as ae } from "./useI18n-UMs0F71x.js";
+import { It as oe, K as x, L as se, Lt as ce, M as S, Nt as le, d as C, it as w, jt as ue, n as de, tt as T } from "./icons-CvYN6zrM.js";
 import { t as E } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { n as fe } from "./useCloudI18n-CML0BxqX.js";
+import { n as fe } from "./useCloudI18n-8wkJtuJD.js";
 import { t as pe } from "./formatRelativeTime-CtUU-QZ8.js";
 //#region src/cloud/components/CommentsSidebar.vue?vue&type=script&setup=true&lang.ts
 var me = {
@@ -71,7 +71,7 @@ var me = {
 	props: { visible: { type: Boolean } },
 	emits: ["close", "filterBlock"],
 	setup(_, { expose: E, emit: D }) {
-		let xt = _, O = D, { format: k } = ae(), { t: A } = fe(), j = b(re, "CommentsSidebar"), St = b(ie, "CommentsSidebar"), M = b(ne, "CommentsSidebar"), N = a("unresolved"), P = a(null), F = a(""), I = a(null), L = a(""), R = a(null), z = a(""), B = a(/* @__PURE__ */ new Set()), V = a(null), H = a(null), Ct = s(() => St.userConfig?.id ?? null), wt = s(() => {
+		let xt = _, O = D, { format: k } = ae(), { t: A } = fe(), j = b(re, "CommentsSidebar"), St = b(ie, "CommentsSidebar"), M = b(ne, "CommentsSidebar"), N = a("unresolved"), P = a(null), F = a(""), I = a(null), L = a(""), R = a(null), z = a(""), B = a(/* @__PURE__ */ new Set()), V = a(null), H = a(null), Ct = o(() => St.userConfig?.id ?? null), wt = o(() => {
 			let e = /* @__PURE__ */ new Set();
 			for (let t of j.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;
@@ -79,7 +79,7 @@ var me = {
 		function Tt(e) {
 			return e ? !wt.value.has(e) : !1;
 		}
-		let Et = s(() => N.value !== "block" || !P.value ? !1 : !(j.savedBlockIds?.value.has(P.value) ?? !0)), U = s(() => {
+		let Et = o(() => N.value !== "block" || !P.value ? !1 : !(j.savedBlockIds?.value.has(P.value) ?? !0)), U = o(() => {
 			let e = M.comments.value;
 			return N.value === "unresolved" ? e = e.filter((e) => !e.resolved_at) : N.value === "block" && P.value && (e = e.filter((e) => e.block_id === P.value)), e;
 		});
@@ -166,242 +166,242 @@ var me = {
 			"leave-from-class": "tpl:translate-x-0",
 			"leave-to-class": "tpl:translate-x-full"
 		}, {
-			default: i(() => [_.visible ? (t(), c("div", me, [
-				h("div", he, [h("div", ge, [
-					v(u(de), {
+			default: i(() => [_.visible ? (t(), s("div", me, [
+				m("div", he, [m("div", ge, [
+					v(l(T), {
 						size: 13,
 						"stroke-width": 2
 					}),
-					h("span", null, o(u(A).comments.title), 1),
-					u(M).unresolvedCount.value > 0 ? (t(), c("span", _e, o(u(M).unresolvedCount.value), 1)) : l("", !0)
-				]), h("button", {
+					m("span", null, u(l(A).comments.title), 1),
+					l(M).unresolvedCount.value > 0 ? (t(), s("span", _e, u(l(M).unresolvedCount.value), 1)) : c("", !0)
+				]), m("button", {
 					class: "tpl:rounded-md tpl:p-0.5 tpl:transition-colors tpl:duration-150 tpl:text-[var(--tpl-text-muted)]",
 					onClick: a[0] ||= (e) => O("close")
-				}, [v(u(w), {
+				}, [v(l(de), {
 					size: 14,
 					"stroke-width": 2
 				})])]),
-				h("div", ve, [
-					h("button", {
-						class: m(["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", N.value === "unresolved" ? "tpl-comment-filter--active" : ""]),
+				m("div", ve, [
+					m("button", {
+						class: h(["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", N.value === "unresolved" ? "tpl-comment-filter--active" : ""]),
 						onClick: a[1] ||= (e) => W("unresolved")
-					}, o(u(A).comments.filterUnresolved), 3),
-					h("button", {
-						class: m(["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", N.value === "all" ? "tpl-comment-filter--active" : ""]),
+					}, u(l(A).comments.filterUnresolved), 3),
+					m("button", {
+						class: h(["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", N.value === "all" ? "tpl-comment-filter--active" : ""]),
 						onClick: a[2] ||= (e) => W("all")
-					}, o(u(A).comments.filterAll), 3),
-					u(j).state.selectedBlockId ? (t(), c("button", {
+					}, u(l(A).comments.filterAll), 3),
+					l(j).state.selectedBlockId ? (t(), s("button", {
 						key: 0,
-						class: m(["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", N.value === "block" ? "tpl-comment-filter--active" : ""]),
-						onClick: a[3] ||= (e) => W("block", u(j).state.selectedBlockId ?? void 0)
-					}, o(u(A).comments.filterBlock), 3)) : l("", !0)
+						class: h(["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", N.value === "block" ? "tpl-comment-filter--active" : ""]),
+						onClick: a[3] ||= (e) => W("block", l(j).state.selectedBlockId ?? void 0)
+					}, u(l(A).comments.filterBlock), 3)) : c("", !0)
 				]),
-				h("div", ye, [u(M).isLoading.value ? (t(), c("div", be, [v(u(S), {
+				m("div", ye, [l(M).isLoading.value ? (t(), s("div", be, [v(l(w), {
 					class: "tpl-spinner tpl:text-[var(--tpl-text-muted)]",
 					size: 24,
 					"stroke-width": 2
-				})])) : U.value.length === 0 ? (t(), c("div", xe, [v(u(de), {
+				})])) : U.value.length === 0 ? (t(), s("div", xe, [v(l(T), {
 					size: 32,
 					"stroke-width": 1.5,
 					class: "tpl:text-[var(--tpl-text-dim)]"
-				}), h("p", Se, o(N.value === "all" ? u(A).comments.noCommentsHint : u(A).comments.noComments), 1)])) : (t(), c("div", Ce, [(t(!0), c(g, null, r(U.value, (n) => (t(), c("div", {
+				}), m("p", Se, u(N.value === "all" ? l(A).comments.noCommentsHint : l(A).comments.noComments), 1)])) : (t(), s("div", Ce, [(t(!0), s(g, null, r(U.value, (n) => (t(), s("div", {
 					key: n.id,
 					class: "tpl-comment-thread"
 				}, [
-					h("div", we, [
-						h("div", Te, [h("div", Ee, [
-							h("span", De, o($(n) ? u(A).comments.ownedByYou : n.author_name), 1),
-							h("span", Oe, o(Mt(n.created_at)), 1),
-							n.updated_at === n.created_at ? l("", !0) : (t(), c("span", ke, " (" + o(u(A).comments.edited) + ") ", 1))
-						]), h("div", Ae, [
-							h("button", {
+					m("div", we, [
+						m("div", Te, [m("div", Ee, [
+							m("span", De, u($(n) ? l(A).comments.ownedByYou : n.author_name), 1),
+							m("span", Oe, u(Mt(n.created_at)), 1),
+							n.updated_at === n.created_at ? c("", !0) : (t(), s("span", ke, " (" + u(l(A).comments.edited) + ") ", 1))
+						]), m("div", Ae, [
+							m("button", {
 								class: "tpl-comment-action tpl:rounded tpl:p-1 tpl:transition-colors tpl:duration-150",
-								title: n.resolved_at ? u(A).comments.unresolve : u(A).comments.resolve,
+								title: n.resolved_at ? l(A).comments.unresolve : l(A).comments.resolve,
 								onClick: (e) => jt(n.id)
-							}, [v(u(ue), {
+							}, [v(l(ue), {
 								size: 13,
 								"stroke-width": 2,
 								class: "tpl-resolve-icon",
 								style: ee({ color: n.resolved_at ? "var(--tpl-primary)" : void 0 })
 							}, null, 8, ["style"])], 8, je),
-							$(n) ? (t(), c("button", {
+							$(n) ? (t(), s("button", {
 								key: 0,
 								class: "tpl-comment-action tpl:rounded tpl:p-1 tpl:transition-colors tpl:duration-150",
-								title: u(A).comments.edit,
+								title: l(A).comments.edit,
 								onClick: (e) => G(n)
-							}, [v(u(T), {
+							}, [v(l(x), {
 								size: 12,
 								"stroke-width": 2
-							})], 8, Me)) : l("", !0),
-							$(n) ? (t(), c("button", {
+							})], 8, Me)) : c("", !0),
+							$(n) ? (t(), s("button", {
 								key: 1,
 								class: "tpl-comment-action tpl-comment-delete tpl:rounded tpl:p-1 tpl:transition-colors tpl:duration-150",
-								title: u(A).comments.delete,
+								title: l(A).comments.delete,
 								onClick: (e) => q(n.id)
-							}, [v(u(C), {
+							}, [v(l(C), {
 								size: 12,
 								"stroke-width": 2
-							})], 8, Ne)) : l("", !0)
+							})], 8, Ne)) : c("", !0)
 						])]),
 						v(f, { name: "tpl-resolve" }, {
-							default: i(() => [n.resolved_at ? (t(), c("div", Pe, [v(u(se), {
+							default: i(() => [n.resolved_at ? (t(), s("div", Pe, [v(l(ce), {
 								size: 10,
 								"stroke-width": 2.5
-							}), h("span", null, o(u(k)(u(A).comments.resolvedBy, { name: n.resolved_by_name ?? "" })), 1)])) : l("", !0)]),
+							}), m("span", null, u(l(k)(l(A).comments.resolvedBy, { name: n.resolved_by_name ?? "" })), 1)])) : c("", !0)]),
 							_: 2
 						}, 1024),
-						n.block_id && Tt(n.block_id) ? (t(), c("span", Fe, o(u(A).comments.missingBlock), 1)) : n.block_id ? (t(), c("button", {
+						n.block_id && Tt(n.block_id) ? (t(), s("span", Fe, u(l(A).comments.missingBlock), 1)) : n.block_id ? (t(), s("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) => u(j).selectBlock(n.block_id ?? "")
-						}, " Block ", 8, Ie)) : l("", !0),
-						R.value === n.id ? (t(), c("div", Le, [e(h("textarea", {
+							onClick: (e) => l(j).selectBlock(n.block_id ?? "")
+						}, " Block ", 8, Ie)) : c("", !0),
+						R.value === n.id ? (t(), s("div", Le, [e(m("textarea", {
 							"onUpdate:modelValue": a[4] ||= (e) => z.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) => Ft(e, n.id)
-						}, null, 40, Re), [[p, z.value]]), h("div", ze, [h("button", {
+						}, null, 40, Re), [[p, z.value]]), m("div", ze, [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: !z.value.trim() || u(M).isSubmitting.value,
+							disabled: !z.value.trim() || l(M).isSubmitting.value,
 							onClick: (e) => Z(n.id)
-						}, o(u(A).comments.save), 9, Be), h("button", {
+						}, u(l(A).comments.save), 9, Be), 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: a[5] ||= (e) => K()
-						}, o(u(A).comments.cancel), 1)])])) : (t(), c("p", Ve, o(n.body), 1)),
-						V.value === n.id ? (t(), c("div", He, [
-							h("span", Ue, o(u(A).comments.deleteConfirm), 1),
-							h("button", {
+						}, u(l(A).comments.cancel), 1)])])) : (t(), s("p", Ve, u(n.body), 1)),
+						V.value === n.id ? (t(), s("div", He, [
+							m("span", Ue, u(l(A).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) => Q(n.id)
-							}, o(u(A).comments.delete), 9, We),
-							h("button", {
+							}, u(l(A).comments.delete), 9, We),
+							m("button", {
 								class: "tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text-muted)]",
 								onClick: a[6] ||= (e) => J()
-							}, o(u(A).comments.cancel), 1)
-						])) : l("", !0),
-						R.value !== n.id && V.value !== n.id ? (t(), c("div", Ge, [h("button", {
+							}, u(l(A).comments.cancel), 1)
+						])) : c("", !0),
+						R.value !== n.id && V.value !== n.id ? (t(), s("div", Ge, [m("button", {
 							class: "tpl-comment-action tpl:rounded tpl:p-1 tpl:transition-colors tpl:duration-150",
-							title: u(A).comments.reply,
+							title: l(A).comments.reply,
 							onClick: (e) => kt(n.id)
-						}, [v(u(le), {
+						}, [v(l(se), {
 							size: 13,
 							"stroke-width": 2,
 							class: "tpl:text-[var(--tpl-primary)]"
-						})], 8, Ke), (n.replies?.length ?? 0) > 0 ? (t(), c("button", {
+						})], 8, Ke), (n.replies?.length ?? 0) > 0 ? (t(), s("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) => Ot(n.id)
-						}, [B.value.has(n.id) ? (t(), d(u(ce), {
+						}, [B.value.has(n.id) ? (t(), d(l(le), {
 							key: 0,
 							size: 11,
 							"stroke-width": 2
-						})) : (t(), d(u(oe), {
+						})) : (t(), d(l(oe), {
 							key: 1,
 							size: 11,
 							"stroke-width": 2
-						})), te(" " + o((n.replies?.length ?? 0) === 1 ? u(k)(u(A).comments.replyOne, { count: String(n.replies?.length ?? 0) }) : u(k)(u(A).comments.replyMany, { count: String(n.replies?.length ?? 0) })), 1)], 8, qe)) : l("", !0)])) : l("", !0)
+						})), te(" " + u((n.replies?.length ?? 0) === 1 ? l(k)(l(A).comments.replyOne, { count: String(n.replies?.length ?? 0) }) : l(k)(l(A).comments.replyMany, { count: String(n.replies?.length ?? 0) })), 1)], 8, qe)) : c("", !0)])) : c("", !0)
 					]),
 					v(f, { name: "tpl-replies" }, {
-						default: i(() => [B.value.has(n.id) && (n.replies?.length ?? 0) > 0 ? (t(), c("div", Je, [(t(!0), c(g, null, r(n.replies, (r, i) => (t(), c("div", {
+						default: i(() => [B.value.has(n.id) && (n.replies?.length ?? 0) > 0 ? (t(), s("div", Je, [(t(!0), s(g, null, r(n.replies, (r, i) => (t(), s("div", {
 							key: r.id,
-							class: m(["tpl-comment-reply-card tpl:relative tpl:rounded-lg tpl:border tpl:px-3.5 tpl:py-2.5", i < (n.replies?.length ?? 0) - 1 ? "tpl:mb-2" : ""])
+							class: h(["tpl-comment-reply-card tpl:relative tpl:rounded-lg tpl:border tpl:px-3.5 tpl:py-2.5", i < (n.replies?.length ?? 0) - 1 ? "tpl:mb-2" : ""])
 						}, [
-							h("div", Ye, [h("div", Xe, [
-								h("span", Ze, o($(r) ? u(A).comments.ownedByYou : r.author_name), 1),
-								h("span", Qe, o(Mt(r.created_at)), 1),
-								r.updated_at === r.created_at ? l("", !0) : (t(), c("span", $e, " (" + o(u(A).comments.edited) + ") ", 1))
-							]), h("div", et, [$(r) ? (t(), c("button", {
+							m("div", Ye, [m("div", Xe, [
+								m("span", Ze, u($(r) ? l(A).comments.ownedByYou : r.author_name), 1),
+								m("span", Qe, u(Mt(r.created_at)), 1),
+								r.updated_at === r.created_at ? c("", !0) : (t(), s("span", $e, " (" + u(l(A).comments.edited) + ") ", 1))
+							]), m("div", et, [$(r) ? (t(), s("button", {
 								key: 0,
 								class: "tpl-comment-action tpl:rounded tpl:p-1 tpl:transition-colors tpl:duration-150",
-								title: u(A).comments.edit,
+								title: l(A).comments.edit,
 								onClick: (e) => G(r)
-							}, [v(u(T), {
+							}, [v(l(x), {
 								size: 11,
 								"stroke-width": 2
-							})], 8, tt)) : l("", !0), $(r) ? (t(), c("button", {
+							})], 8, tt)) : c("", !0), $(r) ? (t(), s("button", {
 								key: 1,
 								class: "tpl-comment-action tpl-comment-delete tpl:rounded tpl:p-1 tpl:transition-colors tpl:duration-150",
-								title: u(A).comments.delete,
+								title: l(A).comments.delete,
 								onClick: (e) => q(r.id)
-							}, [v(u(C), {
+							}, [v(l(C), {
 								size: 11,
 								"stroke-width": 2
-							})], 8, nt)) : l("", !0)])]),
-							R.value === r.id ? (t(), c("div", rt, [e(h("textarea", {
+							})], 8, nt)) : c("", !0)])]),
+							R.value === r.id ? (t(), s("div", rt, [e(m("textarea", {
 								"onUpdate:modelValue": a[7] ||= (e) => z.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) => Ft(e, r.id)
-							}, null, 40, it), [[p, z.value]]), h("div", at, [h("button", {
+							}, null, 40, it), [[p, z.value]]), m("div", at, [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: !z.value.trim() || u(M).isSubmitting.value,
+								disabled: !z.value.trim() || l(M).isSubmitting.value,
 								onClick: (e) => Z(r.id)
-							}, o(u(A).comments.save), 9, ot), h("button", {
+							}, u(l(A).comments.save), 9, ot), 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: a[8] ||= (e) => K()
-							}, o(u(A).comments.cancel), 1)])])) : (t(), c("p", st, o(r.body), 1)),
-							V.value === r.id ? (t(), c("div", ct, [
-								h("span", lt, o(u(A).comments.deleteConfirm), 1),
-								h("button", {
+							}, u(l(A).comments.cancel), 1)])])) : (t(), s("p", st, u(r.body), 1)),
+							V.value === r.id ? (t(), s("div", ct, [
+								m("span", lt, u(l(A).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) => Q(r.id)
-								}, o(u(A).comments.delete), 9, ut),
-								h("button", {
+								}, u(l(A).comments.delete), 9, ut),
+								m("button", {
 									class: "tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text-muted)]",
 									onClick: a[9] ||= (e) => J()
-								}, o(u(A).comments.cancel), 1)
-							])) : l("", !0)
-						], 2))), 128))])) : l("", !0)]),
+								}, u(l(A).comments.cancel), 1)
+							])) : c("", !0)
+						], 2))), 128))])) : c("", !0)]),
 						_: 2
 					}, 1024),
 					v(f, { name: "tpl-replies" }, {
-						default: i(() => [I.value === n.id ? (t(), c("div", dt, [h("div", ft, [e(h("textarea", {
+						default: i(() => [I.value === n.id ? (t(), s("div", dt, [m("div", ft, [e(m("textarea", {
 							"onUpdate:modelValue": a[10] ||= (e) => L.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: u(A).comments.replyPlaceholder,
+							placeholder: l(A).comments.replyPlaceholder,
 							rows: "2",
 							onKeydown: (e) => Pt(e, n.id)
-						}, null, 40, pt), [[p, L.value]]), h("div", mt, [h("button", {
+						}, null, 40, pt), [[p, L.value]]), m("div", mt, [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: !L.value.trim() || u(M).isSubmitting.value,
+							disabled: !L.value.trim() || l(M).isSubmitting.value,
 							onClick: (e) => X(n.id)
-						}, [v(u(x), {
+						}, [v(l(S), {
 							size: 14,
 							"stroke-width": 2
-						})], 8, ht), h("button", {
+						})], 8, ht), 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: a[11] ||= (e) => At()
-						}, [v(u(w), {
+						}, [v(l(de), {
 							size: 14,
 							"stroke-width": 2
-						})])])])])) : l("", !0)]),
+						})])])])])) : c("", !0)]),
 						_: 2
 					}, 1024)
 				]))), 128))]))]),
-				h("div", gt, [Et.value ? (t(), c("div", _t, o(u(A).comments.saveTemplateFirst), 1)) : (t(), c("div", vt, [e(h("textarea", {
+				m("div", gt, [Et.value ? (t(), s("div", _t, u(l(A).comments.saveTemplateFirst), 1)) : (t(), s("div", vt, [e(m("textarea", {
 					ref_key: "newCommentInput",
 					ref: H,
 					"onUpdate:modelValue": a[12] ||= (e) => F.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: u(A).comments.placeholder,
-					disabled: u(M).isSubmitting.value,
+					placeholder: l(A).comments.placeholder,
+					disabled: l(M).isSubmitting.value,
 					rows: "2",
 					onKeydown: Nt
-				}, null, 40, yt), [[p, F.value]]), h("button", {
+				}, null, 40, yt), [[p, F.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: !F.value.trim() || u(M).isSubmitting.value,
+					disabled: !F.value.trim() || l(M).isSubmitting.value,
 					onClick: Y
-				}, [u(M).isSubmitting.value ? (t(), d(u(S), {
+				}, [l(M).isSubmitting.value ? (t(), d(l(w), {
 					key: 0,
 					class: "tpl-spinner",
 					size: 16,
 					"stroke-width": 2
-				})) : (t(), d(u(x), {
+				})) : (t(), d(l(S), {
 					key: 1,
 					size: 16,
 					"stroke-width": 2
 				}))], 8, bt)]))])
-			])) : l("", !0)]),
+			])) : c("", !0)]),
 			_: 1
 		}));
 	}
@@ -409,4 +409,4 @@ var me = {
 //#endregion
 export { D as default };
 
-//# sourceMappingURL=CommentsSidebar-FPbg-FuU.js.map
+//# sourceMappingURL=CommentsSidebar-BLRZRSSC.js.map