@templatical/editor 0.34.3 → 0.36.0

package/dist/{CommentsPanel-DmWh8f08.js → CommentsPanel-CDvgmWP1.js}

@@ -1,12 +1,12 @@
-import { _ as e, k as t, l as n, rt as r, u as i, v as a } from "./vue.runtime.esm-bundler-D9JUcKrV.js";
+import { A as e, _ as t, at as n, l as r, u as i, v as a } from "./vue.runtime.esm-bundler-DShF3P6k.js";
 //#endregion
 //#region src/components/CommentsPanel.vue
 var o = /* @__PURE__ */ a({
 	__name: "CommentsPanel",
 	props: { feature: {} },
 	setup(a) {
-		let o = e(() => import("./CommentsSidebar-CL_tffzT.js"));
-		return (e, s) => a.feature.isOpen.value ? (t(), n(r(o), {
+		let o = t(() => import("./CommentsSidebar-X_xqM3dR.js"));
+		return (t, s) => a.feature.isOpen.value ? (e(), r(n(o), {
 			key: 0,
 			visible: a.feature.isOpen.value,
 			feature: a.feature,

package/dist/{CommentsSidebar-CL_tffzT.js → CommentsSidebar-X_xqM3dR.js}

@@ -1,34 +1,43 @@
-import { B as e, Dt as t, L as n, Ot as r, T as i, X as a, c as o, d as s, g as c, h as ee, j as l, k as u, kt as d, l as f, r as p, rt as m, s as h, u as g, v as _, z as v } from "./vue.runtime.esm-bundler-D9JUcKrV.js";
-import { a as y, t as b } from "./runtime-dom.esm-bundler-BuG03jBM.js";
-import { J as te, h as ne } from "./keys-C3P1yxnr.js";
-import { t as re } from "./useI18n-CL6RfPzK.js";
-import { t as x } from "./createLucideIcon-Bvw1Zx56.js";
-import { t as ie } from "./check-JK8Uacq0.js";
-import { t as ae } from "./chevron-down-a-fb_Ijn.js";
-import { t as oe } from "./chevron-up-x4l0et_Y.js";
-import { t as S } from "./loader-circle-t-SVgmJ3.js";
-import { t as C } from "./message-circle-DtwKrlhN.js";
-import { t as w } from "./pencil-2qhC-Y4q.js";
-import { t as T } from "./send-BoqJliF6.js";
-import { t as E } from "./trash-rYMzzHZd.js";
-import { t as D } from "./x-DJOd1hS4.js";
+import { A as e, At as t, B as n, E as r, M as i, R as a, V as o, Z as s, at as c, c as l, d as u, g as d, h as ee, jt as f, kt as p, l as m, r as h, s as g, u as _, v } from "./vue.runtime.esm-bundler-DShF3P6k.js";
+import { a as y, t as b } from "./runtime-dom.esm-bundler-PnoZU512.js";
+import { Y as te, g as ne } from "./keys-DQA2i1k1.js";
+import { t as re } from "./useI18n-BbdxxpOE.js";
+import { t as x } from "./createLucideIcon-Cwf_nTzE.js";
+import { t as ie } from "./check-DWtkBzBU.js";
+import { t as ae } from "./chevron-down-C-Fjxcqj.js";
+import { t as oe } from "./chevron-up-lntU1ypp.js";
+import { t as S } from "./loader-circle-B_tAD4k6.js";
+import { t as C } from "./message-circle-P-KSc6V0.js";
+import { t as w } from "./pencil-9ZiwqS4r.js";
+import { t as T } from "./send-CE6uvqop.js";
+import { t as E } from "./trash-Cf_SqsER.js";
+import { t as D } from "./x-D_-42Ukq.js";
 import { t as O } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { t as se } from "./formatRelativeTime-CtUU-QZ8.js";
-var ce = x("circle-check", [["circle", {
-	cx: "12",
-	cy: "12",
-	r: "10",
-	key: "1mglay"
-}], ["path", {
-	d: "m16 9-5.5 5.5L8 12",
-	key: "xofnsj"
-}]]), le = 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"
-}]]), ue = {
+var ce = x({
+	name: "circle-check",
+	size: 24,
+	node: [["circle", {
+		cx: "12",
+		cy: "12",
+		r: "10",
+		key: "1mglay"
+	}], ["path", {
+		d: "m16 9-5.5 5.5L8 12",
+		key: "xofnsj"
+	}]],
+	aliases: ["check-circle-2"]
+}), le = x({
+	name: "reply",
+	size: 24,
+	node: [["path", {
+		d: "M20 18v-2a4 4 0 0 0-4-4H4",
+		key: "5vmcpk"
+	}], ["path", {
+		d: "m9 17-5-5 5-5",
+		key: "nvlc11"
+	}]]
+}), ue = {
 	key: 0,
 	"data-testid": "comments-sidebar",
 	class: "tpl-comments-sidebar tpl:absolute tpl:top-14 tpl:right-0 tpl:bottom-0 tpl:flex tpl:w-[360px] tpl:flex-col tpl:border-l tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg-elevated)]"
@@ -92,19 +101,19 @@ var ce = x("circle-check", [["circle", {
 }, pt = {
 	key: 1,
 	class: "tpl-comments-input-wrapper tpl-focus-ring-host 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)]"
-}, mt = ["placeholder", "disabled"], ht = ["disabled"], k = /*#__PURE__*/ O(/* @__PURE__ */ _({
+}, mt = ["placeholder", "disabled"], ht = ["disabled"], k = /*#__PURE__*/ O(/* @__PURE__ */ v({
 	__name: "CommentsSidebar",
 	props: {
 		visible: { type: Boolean },
 		feature: {}
 	},
 	emits: ["close"],
-	setup(_, { expose: x, emit: O }) {
-		let k = _, gt = O, { t: A, format: j } = re(), M = te(ne, "CommentsSidebar"), N = h(() => k.feature.headless), P = a("unresolved"), F = a(""), I = a(null), L = a(""), R = a(null), z = a(""), B = a(/* @__PURE__ */ new Set()), V = a(null), H = a(null), U = h(() => k.feature.filterBlockId.value);
-		n(U, (e) => {
+	setup(v, { expose: x, emit: O }) {
+		let k = v, gt = O, { t: A, format: j } = re(), M = te(ne, "CommentsSidebar"), N = g(() => k.feature.headless), P = s("unresolved"), F = s(""), I = s(null), L = s(""), R = s(null), z = s(""), B = s(/* @__PURE__ */ new Set()), V = s(null), H = s(null), U = g(() => k.feature.filterBlockId.value);
+		a(U, (e) => {
 			e && (P.value = "block");
 		}, { immediate: !0 });
-		let _t = h(() => N.value.isLoading.value && N.value.comments.value.length === 0), vt = h(() => {
+		let _t = g(() => N.value.isLoading.value && N.value.comments.value.length === 0), vt = g(() => {
 			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;
@@ -112,11 +121,11 @@ var ce = x("circle-check", [["circle", {
 		function yt(e) {
 			return e ? !vt.value.has(e) : !1;
 		}
-		let bt = h(() => P.value !== "block" || !U.value ? !1 : k.feature.capability.isBlockSaved(U.value) === !1), W = h(() => {
+		let bt = g(() => P.value !== "block" || !U.value ? !1 : k.feature.capability.isBlockSaved(U.value) === !1), W = g(() => {
 			let e = N.value.comments.value;
 			return P.value === "unresolved" ? e = e.filter((e) => !e.resolvedAt) : P.value === "block" && U.value && (e = e.filter((e) => e.blockId === U.value)), e;
 		});
-		n(() => M.state.selectedBlockId, (e) => {
+		a(() => M.state.selectedBlockId, (e) => {
 			P.value === "block" && e && (k.feature.filterBlockId.value = e);
 		});
 		function G(e, t) {
@@ -205,14 +214,14 @@ var ce = x("circle-check", [["circle", {
 			e.key === "Enter" && !e.shiftKey && (e.preventDefault(), Q(t)), e.key === "Escape" && q();
 		}
 		function Mt() {
-			i(() => {
+			r(() => {
 				H.value?.focus();
 			});
 		}
 		return x({
 			filterByBlock: xt,
 			focusNewComment: Mt
-		}), (n, i) => (u(), f(b, {
+		}), (r, a) => (e(), m(b, {
 			"enter-active-class": "tpl-comments-slide-enter-active",
 			"enter-from-class": "tpl:translate-x-full",
 			"enter-to-class": "tpl:translate-x-0",
@@ -220,259 +229,259 @@ var ce = x("circle-check", [["circle", {
 			"leave-from-class": "tpl:translate-x-0",
 			"leave-to-class": "tpl:translate-x-full"
 		}, {
-			default: v(() => [_.visible ? (u(), s("div", ue, [
-				o("div", de, [o("div", fe, [
-					c(m(C), {
+			default: n(() => [v.visible ? (e(), u("div", ue, [
+				l("div", de, [l("div", fe, [
+					d(c(C), {
 						size: 13,
 						"stroke-width": 2
 					}),
-					o("span", null, d(m(A).comments.title), 1),
-					_.feature.unresolvedCount.value > 0 ? (u(), s("span", pe, d(_.feature.unresolvedCount.value), 1)) : g("", !0)
-				]), o("button", {
+					l("span", null, f(c(A).comments.title), 1),
+					v.feature.unresolvedCount.value > 0 ? (e(), u("span", pe, f(v.feature.unresolvedCount.value), 1)) : _("", !0)
+				]), l("button", {
 					class: "tpl:rounded-md tpl:p-0.5 tpl:transition-colors tpl:text-[var(--tpl-text-muted)]",
-					onClick: i[0] ||= (e) => gt("close")
-				}, [c(m(D), {
+					onClick: a[0] ||= (e) => gt("close")
+				}, [d(c(D), {
 					size: 14,
 					"stroke-width": 2
 				})])]),
-				o("div", me, [
-					o("button", {
-						class: t(["tpl-comment-filter tpl:rounded-md tpl:px-2.5 tpl:py-1 tpl:text-xs tpl:font-medium tpl:transition-colors", P.value === "unresolved" ? "tpl-comment-filter--active" : ""]),
+				l("div", me, [
+					l("button", {
+						class: p(["tpl-comment-filter tpl:rounded-md tpl:px-2.5 tpl:py-1 tpl:text-xs tpl:font-medium tpl:transition-colors", P.value === "unresolved" ? "tpl-comment-filter--active" : ""]),
 						"data-testid": "comments-filter-unresolved",
-						onClick: i[1] ||= (e) => G("unresolved")
-					}, d(m(A).comments.filterUnresolved), 3),
-					o("button", {
-						class: t(["tpl-comment-filter tpl:rounded-md tpl:px-2.5 tpl:py-1 tpl:text-xs tpl:font-medium tpl:transition-colors", P.value === "all" ? "tpl-comment-filter--active" : ""]),
+						onClick: a[1] ||= (e) => G("unresolved")
+					}, f(c(A).comments.filterUnresolved), 3),
+					l("button", {
+						class: p(["tpl-comment-filter tpl:rounded-md tpl:px-2.5 tpl:py-1 tpl:text-xs tpl:font-medium tpl:transition-colors", P.value === "all" ? "tpl-comment-filter--active" : ""]),
 						"data-testid": "comments-filter-all",
-						onClick: i[2] ||= (e) => G("all")
-					}, d(m(A).comments.filterAll), 3),
-					m(M).state.selectedBlockId ? (u(), s("button", {
+						onClick: a[2] ||= (e) => G("all")
+					}, f(c(A).comments.filterAll), 3),
+					c(M).state.selectedBlockId ? (e(), u("button", {
 						key: 0,
-						class: t(["tpl-comment-filter tpl:rounded-md tpl:px-2.5 tpl:py-1 tpl:text-xs tpl:font-medium tpl:transition-colors", P.value === "block" ? "tpl-comment-filter--active" : ""]),
-						onClick: i[3] ||= (e) => G("block", m(M).state.selectedBlockId ?? void 0)
-					}, d(m(A).comments.filterBlock), 3)) : g("", !0)
+						class: p(["tpl-comment-filter tpl:rounded-md tpl:px-2.5 tpl:py-1 tpl:text-xs tpl:font-medium tpl:transition-colors", P.value === "block" ? "tpl-comment-filter--active" : ""]),
+						onClick: a[3] ||= (e) => G("block", c(M).state.selectedBlockId ?? void 0)
+					}, f(c(A).comments.filterBlock), 3)) : _("", !0)
 				]),
-				o("div", he, [_t.value ? (u(), s("div", ge, [c(m(S), {
+				l("div", he, [_t.value ? (e(), u("div", ge, [d(c(S), {
 					class: "tpl-spinner tpl:text-[var(--tpl-text-muted)]",
 					size: 24,
 					"stroke-width": 2
-				})])) : W.value.length === 0 ? (u(), s("div", _e, [c(m(C), {
+				})])) : W.value.length === 0 ? (e(), u("div", _e, [d(c(C), {
 					size: 32,
 					"stroke-width": 1.5,
 					class: "tpl:text-[var(--tpl-text-dim)]"
-				}), o("p", ve, d(P.value === "all" ? m(A).comments.noCommentsHint : m(A).comments.noComments), 1)])) : (u(), s("div", ye, [(u(!0), s(p, null, l(W.value, (n) => (u(), s("div", {
-					key: n.id,
+				}), l("p", ve, f(P.value === "all" ? c(A).comments.noCommentsHint : c(A).comments.noComments), 1)])) : (e(), u("div", ye, [(e(!0), u(h, null, i(W.value, (r) => (e(), u("div", {
+					key: r.id,
 					class: "tpl-comment-thread",
 					"data-testid": "comment-thread"
 				}, [
-					o("div", be, [
-						o("div", xe, [o("div", Se, [
-							o("span", Ce, d(N.value.isOwn(n) ? m(A).comments.ownedByYou : n.author.name), 1),
-							o("span", we, d(kt(n.createdAt)), 1),
-							n.updatedAt ? (u(), s("span", Te, " (" + d(m(A).comments.edited) + ") ", 1)) : g("", !0)
-						]), o("div", Ee, [
-							N.value.canResolve.value ? (u(), s("button", {
+					l("div", be, [
+						l("div", xe, [l("div", Se, [
+							l("span", Ce, f(N.value.isOwn(r) ? c(A).comments.ownedByYou : r.author.name), 1),
+							l("span", we, f(kt(r.createdAt)), 1),
+							r.updatedAt ? (e(), u("span", Te, " (" + f(c(A).comments.edited) + ") ", 1)) : _("", !0)
+						]), l("div", Ee, [
+							N.value.canResolve.value ? (e(), u("button", {
 								key: 0,
 								"data-testid": "comment-resolve",
 								class: "tpl-comment-action tpl:rounded tpl:p-1 tpl:transition-colors",
-								title: n.resolvedAt ? m(A).comments.unresolve : m(A).comments.resolve,
-								onClick: (e) => Et(n)
-							}, [c(m(ce), {
+								title: r.resolvedAt ? c(A).comments.unresolve : c(A).comments.resolve,
+								onClick: (e) => Et(r)
+							}, [d(c(ce), {
 								size: 13,
 								"stroke-width": 2,
 								class: "tpl-resolve-icon",
-								style: r({ color: n.resolvedAt ? "var(--tpl-primary)" : void 0 })
-							}, null, 8, ["style"])], 8, De)) : g("", !0),
-							Dt(n) ? (u(), s("button", {
+								style: t({ color: r.resolvedAt ? "var(--tpl-primary)" : void 0 })
+							}, null, 8, ["style"])], 8, De)) : _("", !0),
+							Dt(r) ? (e(), u("button", {
 								key: 1,
 								"data-testid": "comment-edit",
 								class: "tpl-comment-action tpl:rounded tpl:p-1 tpl:transition-colors",
-								title: m(A).comments.edit,
-								onClick: (e) => K(n)
-							}, [c(m(w), {
+								title: c(A).comments.edit,
+								onClick: (e) => K(r)
+							}, [d(c(w), {
 								size: 12,
 								"stroke-width": 2
-							})], 8, Oe)) : g("", !0),
-							Ot(n) ? (u(), s("button", {
+							})], 8, Oe)) : _("", !0),
+							Ot(r) ? (e(), u("button", {
 								key: 2,
 								"data-testid": "comment-delete",
 								class: "tpl-comment-action tpl-comment-delete tpl:rounded tpl:p-1 tpl:transition-colors",
-								title: m(A).comments.delete,
-								onClick: (e) => J(n.id)
-							}, [c(m(E), {
+								title: c(A).comments.delete,
+								onClick: (e) => J(r.id)
+							}, [d(c(E), {
 								size: 12,
 								"stroke-width": 2
-							})], 8, ke)) : g("", !0)
+							})], 8, ke)) : _("", !0)
 						])]),
-						c(b, { name: "tpl-resolve" }, {
-							default: v(() => [n.resolvedAt ? (u(), s("div", Ae, [c(m(ie), {
+						d(b, { name: "tpl-resolve" }, {
+							default: n(() => [r.resolvedAt ? (e(), u("div", Ae, [d(c(ie), {
 								size: 10,
 								"stroke-width": 2.5
-							}), o("span", null, d(m(j)(m(A).comments.resolvedBy, { name: n.resolvedBy?.name ?? "" })), 1)])) : g("", !0)]),
+							}), l("span", null, f(c(j)(c(A).comments.resolvedBy, { name: r.resolvedBy?.name ?? "" })), 1)])) : _("", !0)]),
 							_: 2
 						}, 1024),
-						n.blockId && yt(n.blockId) ? (u(), s("span", je, d(m(A).comments.missingBlock), 1)) : n.blockId ? (u(), s("button", {
+						r.blockId && yt(r.blockId) ? (e(), u("span", je, f(c(A).comments.missingBlock), 1)) : r.blockId ? (e(), 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:bg-[var(--tpl-bg-hover)] tpl:text-[var(--tpl-text-muted)]",
-							onClick: (e) => m(M).selectBlock(n.blockId ?? "")
-						}, d(m(A).comments.jumpToBlock), 9, Me)) : g("", !0),
-						R.value === n.id ? (u(), s("div", Ne, [e(o("textarea", {
-							"onUpdate:modelValue": i[4] ||= (e) => z.value = e,
+							onClick: (e) => c(M).selectBlock(r.blockId ?? "")
+						}, f(c(A).comments.jumpToBlock), 9, Me)) : _("", !0),
+						R.value === r.id ? (e(), u("div", Ne, [o(l("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) => $(e, n.id)
-						}, null, 40, Pe), [[y, z.value]]), o("div", Fe, [o("button", {
+							onKeydown: (e) => $(e, r.id)
+						}, null, 40, Pe), [[y, z.value]]), l("div", Fe, [l("button", {
 							class: "tpl:rounded-md tpl:px-2.5 tpl:py-1 tpl:text-xs tpl:font-medium tpl:transition-colors tpl:bg-[var(--tpl-primary)] tpl:text-[var(--tpl-on-primary)]",
 							disabled: !z.value.trim() || N.value.isSubmitting.value,
-							onClick: (e) => Q(n.id)
-						}, d(m(A).comments.save), 9, Ie), o("button", {
+							onClick: (e) => Q(r.id)
+						}, f(c(A).comments.save), 9, Ie), l("button", {
 							class: "tpl:rounded-md tpl:px-2.5 tpl:py-1 tpl:text-xs tpl:font-medium tpl:transition-colors tpl:text-[var(--tpl-text-muted)]",
-							onClick: i[5] ||= (e) => q()
-						}, d(m(A).comments.cancel), 1)])])) : (u(), s("p", Le, d(n.body), 1)),
-						V.value === n.id ? (u(), s("div", Re, [
-							o("span", ze, d(m(A).comments.deleteConfirm), 1),
-							o("button", {
+							onClick: a[5] ||= (e) => q()
+						}, f(c(A).comments.cancel), 1)])])) : (e(), u("p", Le, f(r.body), 1)),
+						V.value === r.id ? (e(), u("div", Re, [
+							l("span", ze, f(c(A).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)]",
 								"data-testid": "comment-delete-confirm",
-								onClick: (e) => Tt(n.id)
-							}, d(m(A).comments.delete), 9, Be),
-							o("button", {
+								onClick: (e) => Tt(r.id)
+							}, f(c(A).comments.delete), 9, Be),
+							l("button", {
 								class: "tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text-muted)]",
-								onClick: i[6] ||= (e) => Y()
-							}, d(m(A).comments.cancel), 1)
-						])) : g("", !0),
-						R.value !== n.id && V.value !== n.id ? (u(), s("div", Ve, [N.value.canCreate.value ? (u(), s("button", {
+								onClick: a[6] ||= (e) => Y()
+							}, f(c(A).comments.cancel), 1)
+						])) : _("", !0),
+						R.value !== r.id && V.value !== r.id ? (e(), u("div", Ve, [N.value.canCreate.value ? (e(), u("button", {
 							key: 0,
 							"data-testid": "comment-reply",
 							class: "tpl-comment-action tpl:rounded tpl:p-1 tpl:transition-colors",
-							title: m(A).comments.reply,
-							onClick: (e) => Ct(n.id)
-						}, [c(m(le), {
+							title: c(A).comments.reply,
+							onClick: (e) => Ct(r.id)
+						}, [d(c(le), {
 							size: 13,
 							"stroke-width": 2,
 							class: "tpl:text-[var(--tpl-primary)]"
-						})], 8, He)) : g("", !0), (n.replies?.length ?? 0) > 0 ? (u(), s("button", {
+						})], 8, He)) : _("", !0), (r.replies?.length ?? 0) > 0 ? (e(), u("button", {
 							key: 1,
 							class: "tpl:flex tpl:items-center tpl:gap-0.5 tpl:text-[11px] tpl:font-medium tpl:transition-colors tpl:text-[var(--tpl-text-muted)]",
-							onClick: (e) => St(n.id)
-						}, [B.value.has(n.id) ? (u(), f(m(oe), {
+							onClick: (e) => St(r.id)
+						}, [B.value.has(r.id) ? (e(), m(c(oe), {
 							key: 0,
 							size: 11,
 							"stroke-width": 2
-						})) : (u(), f(m(ae), {
+						})) : (e(), m(c(ae), {
 							key: 1,
 							size: 11,
 							"stroke-width": 2
-						})), ee(" " + d((n.replies?.length ?? 0) === 1 ? m(j)(m(A).comments.replyOne, { count: String(n.replies?.length ?? 0) }) : m(j)(m(A).comments.replyMany, { count: String(n.replies?.length ?? 0) })), 1)], 8, Ue)) : g("", !0)])) : g("", !0)
+						})), ee(" " + f((r.replies?.length ?? 0) === 1 ? c(j)(c(A).comments.replyOne, { count: String(r.replies?.length ?? 0) }) : c(j)(c(A).comments.replyMany, { count: String(r.replies?.length ?? 0) })), 1)], 8, Ue)) : _("", !0)])) : _("", !0)
 					]),
-					c(b, { name: "tpl-replies" }, {
-						default: v(() => [B.value.has(n.id) && (n.replies?.length ?? 0) > 0 ? (u(), s("div", We, [(u(!0), s(p, null, l(n.replies, (r, a) => (u(), s("div", {
-							key: r.id,
-							class: t(["tpl-comment-reply-card tpl:relative tpl:rounded-lg tpl:border tpl:px-3.5 tpl:py-2.5", a < (n.replies?.length ?? 0) - 1 ? "tpl:mb-2" : ""])
+					d(b, { name: "tpl-replies" }, {
+						default: n(() => [B.value.has(r.id) && (r.replies?.length ?? 0) > 0 ? (e(), u("div", We, [(e(!0), u(h, null, i(r.replies, (t, n) => (e(), u("div", {
+							key: t.id,
+							class: p(["tpl-comment-reply-card tpl:relative tpl:rounded-lg tpl:border tpl:px-3.5 tpl:py-2.5", n < (r.replies?.length ?? 0) - 1 ? "tpl:mb-2" : ""])
 						}, [
-							o("div", Ge, [o("div", Ke, [
-								o("span", qe, d(N.value.isOwn(r) ? m(A).comments.ownedByYou : r.author.name), 1),
-								o("span", Je, d(kt(r.createdAt)), 1),
-								r.updatedAt ? (u(), s("span", Ye, " (" + d(m(A).comments.edited) + ") ", 1)) : g("", !0)
-							]), o("div", Xe, [Dt(r) ? (u(), s("button", {
+							l("div", Ge, [l("div", Ke, [
+								l("span", qe, f(N.value.isOwn(t) ? c(A).comments.ownedByYou : t.author.name), 1),
+								l("span", Je, f(kt(t.createdAt)), 1),
+								t.updatedAt ? (e(), u("span", Ye, " (" + f(c(A).comments.edited) + ") ", 1)) : _("", !0)
+							]), l("div", Xe, [Dt(t) ? (e(), u("button", {
 								key: 0,
 								class: "tpl-comment-action tpl:rounded tpl:p-1 tpl:transition-colors",
-								title: m(A).comments.edit,
-								onClick: (e) => K(r)
-							}, [c(m(w), {
+								title: c(A).comments.edit,
+								onClick: (e) => K(t)
+							}, [d(c(w), {
 								size: 11,
 								"stroke-width": 2
-							})], 8, Ze)) : g("", !0), Ot(r) ? (u(), s("button", {
+							})], 8, Ze)) : _("", !0), Ot(t) ? (e(), u("button", {
 								key: 1,
 								class: "tpl-comment-action tpl-comment-delete tpl:rounded tpl:p-1 tpl:transition-colors",
-								title: m(A).comments.delete,
-								onClick: (e) => J(r.id)
-							}, [c(m(E), {
+								title: c(A).comments.delete,
+								onClick: (e) => J(t.id)
+							}, [d(c(E), {
 								size: 11,
 								"stroke-width": 2
-							})], 8, Qe)) : g("", !0)])]),
-							R.value === r.id ? (u(), s("div", $e, [e(o("textarea", {
-								"onUpdate:modelValue": i[7] ||= (e) => z.value = e,
+							})], 8, Qe)) : _("", !0)])]),
+							R.value === t.id ? (e(), u("div", $e, [o(l("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) => $(e, r.id)
-							}, null, 40, et), [[y, z.value]]), o("div", tt, [o("button", {
+								onKeydown: (e) => $(e, t.id)
+							}, null, 40, et), [[y, z.value]]), l("div", tt, [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-on-primary)]",
 								disabled: !z.value.trim() || N.value.isSubmitting.value,
-								onClick: (e) => Q(r.id)
-							}, d(m(A).comments.save), 9, nt), o("button", {
+								onClick: (e) => Q(t.id)
+							}, f(c(A).comments.save), 9, nt), 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: i[8] ||= (e) => q()
-							}, d(m(A).comments.cancel), 1)])])) : (u(), s("p", rt, d(r.body), 1)),
-							V.value === r.id ? (u(), s("div", it, [
-								o("span", at, d(m(A).comments.deleteConfirm), 1),
-								o("button", {
+								onClick: a[8] ||= (e) => q()
+							}, f(c(A).comments.cancel), 1)])])) : (e(), u("p", rt, f(t.body), 1)),
+							V.value === t.id ? (e(), u("div", it, [
+								l("span", at, f(c(A).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)]",
 									"data-testid": "comment-delete-confirm",
-									onClick: (e) => Tt(r.id)
-								}, d(m(A).comments.delete), 9, ot),
-								o("button", {
+									onClick: (e) => Tt(t.id)
+								}, f(c(A).comments.delete), 9, ot),
+								l("button", {
 									class: "tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text-muted)]",
-									onClick: i[9] ||= (e) => Y()
-								}, d(m(A).comments.cancel), 1)
-							])) : g("", !0)
-						], 2))), 128))])) : g("", !0)]),
+									onClick: a[9] ||= (e) => Y()
+								}, f(c(A).comments.cancel), 1)
+							])) : _("", !0)
+						], 2))), 128))])) : _("", !0)]),
 						_: 2
 					}, 1024),
-					c(b, { name: "tpl-replies" }, {
-						default: v(() => [I.value === n.id ? (u(), s("div", st, [o("div", ct, [
-							e(o("textarea", {
-								"onUpdate:modelValue": i[10] ||= (e) => L.value = e,
+					d(b, { name: "tpl-replies" }, {
+						default: n(() => [I.value === r.id ? (e(), u("div", st, [l("div", ct, [
+							o(l("textarea", {
+								"onUpdate:modelValue": a[10] ||= (e) => L.value = e,
 								class: "tpl:max-h-24 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: m(A).comments.replyPlaceholder,
+								placeholder: c(A).comments.replyPlaceholder,
 								rows: "2",
-								onKeydown: (e) => jt(e, n.id)
+								onKeydown: (e) => jt(e, r.id)
 							}, null, 40, lt), [[y, L.value]]),
-							o("button", {
+							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:disabled:opacity-40 tpl:text-[var(--tpl-primary)]",
 								disabled: !L.value.trim() || N.value.isSubmitting.value,
-								onClick: (e) => Z(n.id)
-							}, [c(m(T), {
+								onClick: (e) => Z(r.id)
+							}, [d(c(T), {
 								size: 14,
 								"stroke-width": 2
 							})], 8, ut),
-							o("button", {
+							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:text-[var(--tpl-text-muted)]",
-								onClick: i[11] ||= (e) => wt()
-							}, [c(m(D), {
+								onClick: a[11] ||= (e) => wt()
+							}, [d(c(D), {
 								size: 14,
 								"stroke-width": 2
 							})])
-						])])) : g("", !0)]),
+						])])) : _("", !0)]),
 						_: 2
 					}, 1024)
 				]))), 128))]))]),
-				N.value.canCreate.value ? (u(), s("div", dt, [bt.value ? (u(), s("div", ft, d(m(A).comments.saveTemplateFirst), 1)) : (u(), s("div", pt, [e(o("textarea", {
+				N.value.canCreate.value ? (e(), u("div", dt, [bt.value ? (e(), u("div", ft, f(c(A).comments.saveTemplateFirst), 1)) : (e(), u("div", pt, [o(l("textarea", {
 					ref_key: "newCommentInput",
 					ref: H,
-					"onUpdate:modelValue": i[12] ||= (e) => F.value = e,
+					"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)]",
 					"data-testid": "comments-input",
-					placeholder: m(A).comments.placeholder,
+					placeholder: c(A).comments.placeholder,
 					disabled: N.value.isSubmitting.value,
 					rows: "2",
 					onKeydown: At
-				}, null, 40, mt), [[y, F.value]]), o("button", {
+				}, null, 40, mt), [[y, F.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:disabled:opacity-40 tpl:text-[var(--tpl-primary)]",
 					"data-testid": "comments-send",
 					disabled: !F.value.trim() || N.value.isSubmitting.value,
 					onClick: X
-				}, [N.value.isSubmitting.value ? (u(), f(m(S), {
+				}, [N.value.isSubmitting.value ? (e(), m(c(S), {
 					key: 0,
 					class: "tpl-spinner",
 					size: 16,
 					"stroke-width": 2
-				})) : (u(), f(m(T), {
+				})) : (e(), m(c(T), {
 					key: 1,
 					size: 16,
 					"stroke-width": 2
-				}))], 8, ht)]))])) : g("", !0)
-			])) : g("", !0)]),
+				}))], 8, ht)]))])) : _("", !0)
+			])) : _("", !0)]),
 			_: 1
 		}));
 	}

package/dist/{CountdownBlock-D1fsNsyS.js → CountdownBlock-ZFJIdbP6.js}

@@ -1,6 +1,6 @@
-import { Ot as e, X as t, c as n, d as r, j as i, k as a, kt as o, r as s, rt as c, s as l, u, v as d } from "./vue.runtime.esm-bundler-D9JUcKrV.js";
-import { p as f } from "./dist-heatwAdo.js";
-import { t as p } from "./useI18n-CL6RfPzK.js";
+import { A as e, At as t, M as n, Z as r, at as i, c as a, d as o, jt as s, r as c, s as l, u, v as d } from "./vue.runtime.esm-bundler-DShF3P6k.js";
+import { g as f } from "./dist-D8i1ixHK.js";
+import { t as p } from "./useI18n-BbdxxpOE.js";
 //#region src/components/blocks/CountdownBlock.vue?vue&type=script&setup=true&lang.ts
 var m = {
 	key: 0,
@@ -15,7 +15,7 @@ var m = {
 		viewport: {}
 	},
 	setup(d) {
-		let _ = d, { t: v } = p(), y = t(Date.now());
+		let _ = d, { t: v } = p(), y = r(Date.now());
 		f(() => {
 			y.value = Date.now();
 		}, 1e3);
@@ -69,22 +69,22 @@ var m = {
 			color: _.block.digitColor,
 			fontFamily: _.block.fontFamily || "inherit"
 		}));
-		return (t, l) => d.block.targetDate ? x.value && d.block.hideOnExpiry ? (a(), r("div", h, o(c(v).countdown.hidden), 1)) : x.value ? (a(), r("div", {
+		return (r, l) => d.block.targetDate ? x.value && d.block.hideOnExpiry ? (e(), o("div", h, s(i(v).countdown.hidden), 1)) : x.value ? (e(), o("div", {
 			key: 2,
-			style: e(w.value),
+			style: t(w.value),
 			class: "tpl:py-4 tpl:text-center"
-		}, [n("span", { style: e({
+		}, [a("span", { style: t({
 			fontSize: `${d.block.digitFontSize}px`,
 			color: d.block.digitColor
-		}) }, o(d.block.expiredMessage), 5)], 4)) : (a(), r("div", {
+		}) }, s(d.block.expiredMessage), 5)], 4)) : (e(), o("div", {
 			key: 3,
-			style: e(w.value),
+			style: t(w.value),
 			class: "tpl:flex tpl:items-center tpl:justify-center tpl:gap-2 tpl:py-4"
-		}, [(a(!0), r(s, null, i(C.value, (t, i) => (a(), r(s, { key: t.label }, [i > 0 ? (a(), r("span", {
+		}, [(e(!0), o(c, null, n(C.value, (n, r) => (e(), o(c, { key: n.label }, [r > 0 ? (e(), o("span", {
 			key: 0,
-			style: e(D.value),
+			style: t(D.value),
 			class: "tpl:self-start"
-		}, o(d.block.separator), 5)) : u("", !0), n("div", g, [n("div", { style: e(T.value) }, o(t.value), 5), n("div", { style: e(E.value) }, o(t.label), 5)])], 64))), 128))], 4)) : (a(), r("div", m, o(c(v).countdown.setDate), 1));
+		}, s(d.block.separator), 5)) : u("", !0), a("div", g, [a("div", { style: t(T.value) }, s(n.value), 5), a("div", { style: t(E.value) }, s(n.label), 5)])], 64))), 128))], 4)) : (e(), o("div", m, s(i(v).countdown.setDate), 1));
 	}
 });
 //#endregion