@templatical/editor 0.14.0 → 0.15.1

package/dist/{CollaboratorBar-B_EnJLtW.js → CollaboratorBar-DMSjd3HZ.js}

@@ -1,7 +1,7 @@
-import { A as e, M as t, b as n, d as r, f as i, h as a, l as o, m as s, ot as c, p as l, rt as u, st as d } from "./vue.runtime.esm-bundler-BPa483TZ.js";
-import "./useEditorCore-8JxXDOA4.js";
-import { t as f } from "./createLucideIcon-Bad2kKE0.js";
-import { n as p } from "./useCloudI18n-CYJKqXtI.js";
+import { A as e, Dt as t, O as n, Ot as r, _ as i, c as a, d as o, l as s, nt as c, r as l, s as u, u as d } from "./vue.runtime.esm-bundler-l0XAqiyv.js";
+import "./useEditorCore-DJeOXVxQ.js";
+import { t as f } from "./createLucideIcon-Dx-EjR9r.js";
+import { n as p } from "./useCloudI18n-AKCy98qD.js";
 import { t as m } from "./readableTextColor-f8Kykfnh.js";
 var h = f("wifi-off", [
 	["path", {
@@ -52,43 +52,43 @@ var h = f("wifi-off", [
 ]), _ = { class: "tpl-collaborator-bar tpl:flex tpl:items-center tpl:gap-2" }, v = ["title"], y = {
 	key: 0,
 	class: "tpl:flex tpl:items-center tpl:-space-x-1.5"
-}, b = ["title"], x = ["title"], S = 3, C = /* @__PURE__ */ n({
+}, b = ["title"], x = ["title"], S = 3, C = /* @__PURE__ */ i({
 	__name: "CollaboratorBar",
 	props: {
 		collaborators: {},
 		isConnected: { type: Boolean }
 	},
-	setup(n) {
-		let f = n, { t: C } = p(), w = r(() => f.collaborators.slice(0, S)), T = r(() => f.collaborators.slice(S)), E = r(() => T.value.length), D = r(() => T.value.map((e) => e.name).join("\n"));
+	setup(i) {
+		let f = i, { t: C } = p(), w = u(() => f.collaborators.slice(0, S)), T = u(() => f.collaborators.slice(S)), E = u(() => T.value.length), D = u(() => T.value.map((e) => e.name).join("\n"));
 		function O(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 (r, f) => (e(), a("div", _, [i("div", {
+		return (u, f) => (n(), o("div", _, [a("div", {
 			class: "tpl:flex tpl:items-center tpl:gap-1 tpl:text-[11px]",
-			style: c({ color: n.isConnected ? "var(--tpl-success)" : "var(--tpl-text-muted)" }),
-			title: n.isConnected ? u(C).collaboration.connected : u(C).collaboration.disconnected
-		}, [n.isConnected ? (e(), l(u(g), {
+			style: t({ color: i.isConnected ? "var(--tpl-success)" : "var(--tpl-text-muted)" }),
+			title: i.isConnected ? c(C).collaboration.connected : c(C).collaboration.disconnected
+		}, [i.isConnected ? (n(), s(c(g), {
 			key: 0,
 			size: 12,
 			"stroke-width": 2
-		})) : (e(), l(u(h), {
+		})) : (n(), s(c(h), {
 			key: 1,
 			size: 12,
 			"stroke-width": 2
-		}))], 12, v), n.collaborators.length > 0 ? (e(), a("div", y, [(e(!0), a(o, null, t(w.value, (t) => (e(), a("div", {
-			key: t.id,
+		}))], 12, v), i.collaborators.length > 0 ? (n(), o("div", y, [(n(!0), o(l, null, e(w.value, (e) => (n(), 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:transition-transform tpl:duration-150 tpl:hover:z-10 tpl:hover:scale-110 tpl:border-[var(--tpl-bg)]",
-			style: c({
-				backgroundColor: t.color,
-				color: u(m)(t.color)
+			style: t({
+				backgroundColor: e.color,
+				color: c(m)(e.color)
 			}),
-			title: t.name
-		}, d(O(t.name)), 13, b))), 128)), E.value > 0 ? (e(), a("div", {
+			title: e.name
+		}, r(O(e.name)), 13, b))), 128)), E.value > 0 ? (n(), 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: D.value
-		}, " +" + d(E.value), 9, x)) : s("", !0)])) : s("", !0)]));
+		}, " +" + r(E.value), 9, x)) : d("", !0)])) : d("", !0)]));
 	}
 });
 //#endregion

package/dist/{CommentsSidebar-DaP9BA_r.js → CommentsSidebar-D_tSGvTX.js}

@@ -1,16 +1,17 @@
-import { A as e, B as t, E as n, L as r, M as i, X as a, _ as ee, a as o, at as s, b as c, d as l, f as u, h as d, l as f, m as p, ot as te, p as m, rt as h, st as g, t as _, v, z as y } from "./vue.runtime.esm-bundler-BPa483TZ.js";
-import { L as b, l as ne, m as re, r as ie } from "./keys-DgYXDafq.js";
-import { t as ae } from "./useI18n-BWqM8i78.js";
-import { t as x } from "./createLucideIcon-Bad2kKE0.js";
-import { t as oe } from "./check-CYJwFmjy.js";
-import { t as se } from "./chevron-down-C5l-DzAA.js";
-import { t as S } from "./loader-circle-CLZ0_FvW.js";
-import { t as C } from "./message-circle-B-1bN9ab.js";
-import { t as w } from "./send-Cn1IUdzh.js";
-import { t as T } from "./trash-2-CjERg4x9.js";
-import { t as E } from "./x-DiPIbccg.js";
+import { A as e, Dt as t, Et as n, I as r, O as i, Ot as a, R as o, Y as s, _ as c, c as l, d as u, h as d, l as f, m as ee, nt as p, r as m, s as h, u as g, w as te, z as _ } from "./vue.runtime.esm-bundler-l0XAqiyv.js";
+import { a as v, t as y } from "./runtime-dom.esm-bundler-BzuoCyNp.js";
+import { L as b, l as ne, m as re, r as ie } from "./keys-Cv8-8GsD.js";
+import { t as ae } from "./useI18n-C-TDeJBt.js";
+import { t as x } from "./createLucideIcon-Dx-EjR9r.js";
+import { t as oe } from "./check-rl7ok6uJ.js";
+import { t as se } from "./chevron-down-BKe__NOD.js";
+import { t as S } from "./loader-circle-BLmicnPG.js";
+import { t as C } from "./message-circle-C9hHMQCI.js";
+import { t as w } from "./send-DjPdq69F.js";
+import { t as T } from "./trash-2-C-81rkLS.js";
+import { t as E } from "./x-CQSvXnGR.js";
 import { t as D } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { n as ce } from "./useCloudI18n-CYJKqXtI.js";
+import { n as ce } from "./useCloudI18n-AKCy98qD.js";
 import { t as le } from "./formatRelativeTime-CtUU-QZ8.js";
 var ue = x("chevron-up", [["path", {
 	d: "m18 15-6-6-6 6",
@@ -100,7 +101,7 @@ var ue = x("chevron-up", [["path", {
 	props: { visible: { type: Boolean } },
 	emits: ["close", "filterBlock"],
 	setup(c, { expose: x, emit: D }) {
-		let k = c, A = D, { format: j } = ae(), { t: M } = ce(), N = b(re, "CommentsSidebar"), bt = b(ie, "CommentsSidebar"), P = b(ne, "CommentsSidebar"), F = a("unresolved"), I = a(null), L = a(""), R = a(null), z = a(""), B = a(null), V = a(""), H = a(/* @__PURE__ */ new Set()), U = a(null), W = a(null), xt = l(() => bt.userConfig?.id ?? null), St = l(() => {
+		let k = c, A = D, { format: j } = ae(), { t: M } = ce(), N = b(re, "CommentsSidebar"), bt = b(ie, "CommentsSidebar"), P = b(ne, "CommentsSidebar"), F = s("unresolved"), I = s(null), L = s(""), R = s(null), z = s(""), B = s(null), V = s(""), H = s(/* @__PURE__ */ new Set()), U = s(null), W = s(null), xt = h(() => bt.userConfig?.id ?? null), St = h(() => {
 			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;
@@ -108,7 +109,7 @@ var ue = x("chevron-up", [["path", {
 		function Ct(e) {
 			return e ? !St.value.has(e) : !1;
 		}
-		let wt = l(() => F.value !== "block" || !I.value ? !1 : !(N.savedBlockIds?.value.has(I.value) ?? !0)), G = l(() => {
+		let wt = h(() => F.value !== "block" || !I.value ? !1 : !(N.savedBlockIds?.value.has(I.value) ?? !0)), G = h(() => {
 			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;
 		});
@@ -182,14 +183,14 @@ var ue = x("chevron-up", [["path", {
 			e.key === "Enter" && !e.shiftKey && (e.preventDefault(), Q(t)), e.key === "Escape" && J();
 		}
 		function It() {
-			n(() => {
+			te(() => {
 				W.value?.focus();
 			});
 		}
 		return x({
 			filterByBlock: Tt,
 			focusNewComment: It
-		}), (n, r) => (e(), m(_, {
+		}), (r, s) => (i(), f(y, {
 			"enter-active-class": "tpl-comments-slide-enter-active",
 			"enter-from-class": "tpl:translate-x-full",
 			"enter-to-class": "tpl:translate-x-0",
@@ -197,242 +198,242 @@ var ue = x("chevron-up", [["path", {
 			"leave-from-class": "tpl:translate-x-0",
 			"leave-to-class": "tpl:translate-x-full"
 		}, {
-			default: y(() => [c.visible ? (e(), d("div", pe, [
-				u("div", me, [u("div", he, [
-					v(h(C), {
+			default: o(() => [c.visible ? (i(), u("div", pe, [
+				l("div", me, [l("div", he, [
+					d(p(C), {
 						size: 13,
 						"stroke-width": 2
 					}),
-					u("span", null, g(h(M).comments.title), 1),
-					h(P).unresolvedCount.value > 0 ? (e(), d("span", ge, g(h(P).unresolvedCount.value), 1)) : p("", !0)
-				]), u("button", {
+					l("span", null, a(p(M).comments.title), 1),
+					p(P).unresolvedCount.value > 0 ? (i(), u("span", ge, a(p(P).unresolvedCount.value), 1)) : g("", !0)
+				]), l("button", {
 					class: "tpl:rounded-md tpl:p-0.5 tpl:transition-colors tpl:duration-150 tpl:text-[var(--tpl-text-muted)]",
-					onClick: r[0] ||= (e) => A("close")
-				}, [v(h(E), {
+					onClick: s[0] ||= (e) => A("close")
+				}, [d(p(E), {
 					size: 14,
 					"stroke-width": 2
 				})])]),
-				u("div", _e, [
-					u("button", {
-						class: s(["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: r[1] ||= (e) => K("unresolved")
-					}, g(h(M).comments.filterUnresolved), 3),
-					u("button", {
-						class: s(["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: r[2] ||= (e) => K("all")
-					}, g(h(M).comments.filterAll), 3),
-					h(N).state.selectedBlockId ? (e(), d("button", {
+				l("div", _e, [
+					l("button", {
+						class: n(["tpl-comment-filter tpl:rounded-md tpl:px-2.5 tpl:py-1 tpl:text-xs tpl:font-medium tpl:transition-colors tpl:duration-150", F.value === "unresolved" ? "tpl-comment-filter--active" : ""]),
+						onClick: s[1] ||= (e) => K("unresolved")
+					}, a(p(M).comments.filterUnresolved), 3),
+					l("button", {
+						class: n(["tpl-comment-filter tpl:rounded-md tpl:px-2.5 tpl:py-1 tpl:text-xs tpl:font-medium tpl:transition-colors tpl:duration-150", F.value === "all" ? "tpl-comment-filter--active" : ""]),
+						onClick: s[2] ||= (e) => K("all")
+					}, a(p(M).comments.filterAll), 3),
+					p(N).state.selectedBlockId ? (i(), u("button", {
 						key: 0,
-						class: s(["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: r[3] ||= (e) => K("block", h(N).state.selectedBlockId ?? void 0)
-					}, g(h(M).comments.filterBlock), 3)) : p("", !0)
+						class: n(["tpl-comment-filter tpl:rounded-md tpl:px-2.5 tpl:py-1 tpl:text-xs tpl:font-medium tpl:transition-colors tpl:duration-150", F.value === "block" ? "tpl-comment-filter--active" : ""]),
+						onClick: s[3] ||= (e) => K("block", p(N).state.selectedBlockId ?? void 0)
+					}, a(p(M).comments.filterBlock), 3)) : g("", !0)
 				]),
-				u("div", ve, [h(P).isLoading.value ? (e(), d("div", ye, [v(h(S), {
+				l("div", ve, [p(P).isLoading.value ? (i(), u("div", ye, [d(p(S), {
 					class: "tpl-spinner tpl:text-[var(--tpl-text-muted)]",
 					size: 24,
 					"stroke-width": 2
-				})])) : G.value.length === 0 ? (e(), d("div", be, [v(h(C), {
+				})])) : G.value.length === 0 ? (i(), u("div", be, [d(p(C), {
 					size: 32,
 					"stroke-width": 1.5,
 					class: "tpl:text-[var(--tpl-text-dim)]"
-				}), u("p", xe, g(F.value === "all" ? h(M).comments.noCommentsHint : h(M).comments.noComments), 1)])) : (e(), d("div", Se, [(e(!0), d(f, null, i(G.value, (n) => (e(), d("div", {
-					key: n.id,
+				}), l("p", xe, a(F.value === "all" ? p(M).comments.noCommentsHint : p(M).comments.noComments), 1)])) : (i(), u("div", Se, [(i(!0), u(m, null, e(G.value, (r) => (i(), u("div", {
+					key: r.id,
 					class: "tpl-comment-thread"
 				}, [
-					u("div", Ce, [
-						u("div", we, [u("div", Te, [
-							u("span", Ee, g($(n) ? h(M).comments.ownedByYou : n.author_name), 1),
-							u("span", De, g(Mt(n.created_at)), 1),
-							n.updated_at === n.created_at ? p("", !0) : (e(), d("span", Oe, " (" + g(h(M).comments.edited) + ") ", 1))
-						]), u("div", ke, [
-							u("button", {
+					l("div", Ce, [
+						l("div", we, [l("div", Te, [
+							l("span", Ee, a($(r) ? p(M).comments.ownedByYou : r.author_name), 1),
+							l("span", De, a(Mt(r.created_at)), 1),
+							r.updated_at === r.created_at ? g("", !0) : (i(), u("span", Oe, " (" + a(p(M).comments.edited) + ") ", 1))
+						]), l("div", ke, [
+							l("button", {
 								class: "tpl-comment-action tpl:rounded tpl:p-1 tpl:transition-colors tpl:duration-150",
-								title: n.resolved_at ? h(M).comments.unresolve : h(M).comments.resolve,
-								onClick: (e) => jt(n.id)
-							}, [v(h(de), {
+								title: r.resolved_at ? p(M).comments.unresolve : p(M).comments.resolve,
+								onClick: (e) => jt(r.id)
+							}, [d(p(de), {
 								size: 13,
 								"stroke-width": 2,
 								class: "tpl-resolve-icon",
-								style: te({ color: n.resolved_at ? "var(--tpl-primary)" : void 0 })
+								style: t({ color: r.resolved_at ? "var(--tpl-primary)" : void 0 })
 							}, null, 8, ["style"])], 8, Ae),
-							$(n) ? (e(), d("button", {
+							$(r) ? (i(), u("button", {
 								key: 0,
 								class: "tpl-comment-action tpl:rounded tpl:p-1 tpl:transition-colors tpl:duration-150",
-								title: h(M).comments.edit,
-								onClick: (e) => q(n)
-							}, [v(h(O), {
+								title: p(M).comments.edit,
+								onClick: (e) => q(r)
+							}, [d(p(O), {
 								size: 12,
 								"stroke-width": 2
-							})], 8, je)) : p("", !0),
-							$(n) ? (e(), d("button", {
+							})], 8, je)) : g("", !0),
+							$(r) ? (i(), u("button", {
 								key: 1,
 								class: "tpl-comment-action tpl-comment-delete tpl:rounded tpl:p-1 tpl:transition-colors tpl:duration-150",
-								title: h(M).comments.delete,
-								onClick: (e) => Y(n.id)
-							}, [v(h(T), {
+								title: p(M).comments.delete,
+								onClick: (e) => Y(r.id)
+							}, [d(p(T), {
 								size: 12,
 								"stroke-width": 2
-							})], 8, Me)) : p("", !0)
+							})], 8, Me)) : g("", !0)
 						])]),
-						v(_, { name: "tpl-resolve" }, {
-							default: y(() => [n.resolved_at ? (e(), d("div", Ne, [v(h(oe), {
+						d(y, { name: "tpl-resolve" }, {
+							default: o(() => [r.resolved_at ? (i(), u("div", Ne, [d(p(oe), {
 								size: 10,
 								"stroke-width": 2.5
-							}), u("span", null, g(h(j)(h(M).comments.resolvedBy, { name: n.resolved_by_name ?? "" })), 1)])) : p("", !0)]),
+							}), l("span", null, a(p(j)(p(M).comments.resolvedBy, { name: r.resolved_by_name ?? "" })), 1)])) : g("", !0)]),
 							_: 2
 						}, 1024),
-						n.block_id && Ct(n.block_id) ? (e(), d("span", Pe, g(h(M).comments.missingBlock), 1)) : n.block_id ? (e(), d("button", {
+						r.block_id && Ct(r.block_id) ? (i(), u("span", Pe, a(p(M).comments.missingBlock), 1)) : r.block_id ? (i(), u("button", {
 							key: 1,
 							class: "tpl:mt-1 tpl:inline-flex tpl:items-center tpl:gap-1 tpl:rounded tpl:px-1.5 tpl:py-0.5 tpl:text-[10px] tpl:font-medium tpl:transition-colors tpl:duration-150 tpl:bg-[var(--tpl-bg-hover)] tpl:text-[var(--tpl-text-muted)]",
-							onClick: (e) => h(N).selectBlock(n.block_id ?? "")
-						}, " Block ", 8, Fe)) : p("", !0),
-						B.value === n.id ? (e(), d("div", Ie, [t(u("textarea", {
-							"onUpdate:modelValue": r[4] ||= (e) => V.value = e,
+							onClick: (e) => p(N).selectBlock(r.block_id ?? "")
+						}, " Block ", 8, Fe)) : g("", !0),
+						B.value === r.id ? (i(), u("div", Ie, [_(l("textarea", {
+							"onUpdate:modelValue": s[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: (e) => Ft(e, n.id)
-						}, null, 40, Le), [[o, V.value]]), u("div", Re, [u("button", {
+							onKeydown: (e) => Ft(e, r.id)
+						}, null, 40, Le), [[v, V.value]]), l("div", Re, [l("button", {
 							class: "tpl:rounded-md tpl:px-2.5 tpl:py-1 tpl:text-xs tpl:font-medium tpl:transition-colors tpl:duration-150 tpl:bg-[var(--tpl-primary)] tpl:text-[var(--tpl-bg)]",
-							disabled: !V.value.trim() || h(P).isSubmitting.value,
-							onClick: (e) => Q(n.id)
-						}, g(h(M).comments.save), 9, ze), u("button", {
+							disabled: !V.value.trim() || p(P).isSubmitting.value,
+							onClick: (e) => Q(r.id)
+						}, a(p(M).comments.save), 9, ze), l("button", {
 							class: "tpl:rounded-md tpl:px-2.5 tpl:py-1 tpl:text-xs tpl:font-medium tpl:transition-colors tpl:duration-150 tpl:text-[var(--tpl-text-muted)]",
-							onClick: r[5] ||= (e) => J()
-						}, g(h(M).comments.cancel), 1)])])) : (e(), d("p", Be, g(n.body), 1)),
-						U.value === n.id ? (e(), d("div", Ve, [
-							u("span", He, g(h(M).comments.deleteConfirm), 1),
-							u("button", {
+							onClick: s[5] ||= (e) => J()
+						}, a(p(M).comments.cancel), 1)])])) : (i(), u("p", Be, a(r.body), 1)),
+						U.value === r.id ? (i(), u("div", Ve, [
+							l("span", He, a(p(M).comments.deleteConfirm), 1),
+							l("button", {
 								class: "tpl:rounded tpl:px-2 tpl:py-0.5 tpl:text-xs tpl:font-medium tpl:bg-[var(--tpl-danger)] tpl:text-[var(--tpl-bg)]",
-								onClick: (e) => At(n.id)
-							}, g(h(M).comments.delete), 9, Ue),
-							u("button", {
+								onClick: (e) => At(r.id)
+							}, a(p(M).comments.delete), 9, Ue),
+							l("button", {
 								class: "tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text-muted)]",
-								onClick: r[6] ||= (e) => X()
-							}, g(h(M).comments.cancel), 1)
-						])) : p("", !0),
-						B.value !== n.id && U.value !== n.id ? (e(), d("div", We, [u("button", {
+								onClick: s[6] ||= (e) => X()
+							}, a(p(M).comments.cancel), 1)
+						])) : g("", !0),
+						B.value !== r.id && U.value !== r.id ? (i(), u("div", We, [l("button", {
 							class: "tpl-comment-action tpl:rounded tpl:p-1 tpl:transition-colors tpl:duration-150",
-							title: h(M).comments.reply,
-							onClick: (e) => Dt(n.id)
-						}, [v(h(fe), {
+							title: p(M).comments.reply,
+							onClick: (e) => Dt(r.id)
+						}, [d(p(fe), {
 							size: 13,
 							"stroke-width": 2,
 							class: "tpl:text-[var(--tpl-primary)]"
-						})], 8, Ge), (n.replies?.length ?? 0) > 0 ? (e(), d("button", {
+						})], 8, Ge), (r.replies?.length ?? 0) > 0 ? (i(), u("button", {
 							key: 0,
 							class: "tpl:flex tpl:items-center tpl:gap-0.5 tpl:text-[11px] tpl:font-medium tpl:transition-colors tpl:duration-150 tpl:text-[var(--tpl-text-muted)]",
-							onClick: (e) => Et(n.id)
-						}, [H.value.has(n.id) ? (e(), m(h(ue), {
+							onClick: (e) => Et(r.id)
+						}, [H.value.has(r.id) ? (i(), f(p(ue), {
 							key: 0,
 							size: 11,
 							"stroke-width": 2
-						})) : (e(), m(h(se), {
+						})) : (i(), f(p(se), {
 							key: 1,
 							size: 11,
 							"stroke-width": 2
-						})), ee(" " + g((n.replies?.length ?? 0) === 1 ? h(j)(h(M).comments.replyOne, { count: String(n.replies?.length ?? 0) }) : h(j)(h(M).comments.replyMany, { count: String(n.replies?.length ?? 0) })), 1)], 8, Ke)) : p("", !0)])) : p("", !0)
+						})), ee(" " + a((r.replies?.length ?? 0) === 1 ? p(j)(p(M).comments.replyOne, { count: String(r.replies?.length ?? 0) }) : p(j)(p(M).comments.replyMany, { count: String(r.replies?.length ?? 0) })), 1)], 8, Ke)) : g("", !0)])) : g("", !0)
 					]),
-					v(_, { name: "tpl-replies" }, {
-						default: y(() => [H.value.has(n.id) && (n.replies?.length ?? 0) > 0 ? (e(), d("div", qe, [(e(!0), d(f, null, i(n.replies, (i, a) => (e(), d("div", {
-							key: i.id,
-							class: s(["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(y, { name: "tpl-replies" }, {
+						default: o(() => [H.value.has(r.id) && (r.replies?.length ?? 0) > 0 ? (i(), u("div", qe, [(i(!0), u(m, null, e(r.replies, (e, t) => (i(), u("div", {
+							key: e.id,
+							class: n(["tpl-comment-reply-card tpl:relative tpl:rounded-lg tpl:border tpl:px-3.5 tpl:py-2.5", t < (r.replies?.length ?? 0) - 1 ? "tpl:mb-2" : ""])
 						}, [
-							u("div", Je, [u("div", Ye, [
-								u("span", Xe, g($(i) ? h(M).comments.ownedByYou : i.author_name), 1),
-								u("span", Ze, g(Mt(i.created_at)), 1),
-								i.updated_at === i.created_at ? p("", !0) : (e(), d("span", Qe, " (" + g(h(M).comments.edited) + ") ", 1))
-							]), u("div", $e, [$(i) ? (e(), d("button", {
+							l("div", Je, [l("div", Ye, [
+								l("span", Xe, a($(e) ? p(M).comments.ownedByYou : e.author_name), 1),
+								l("span", Ze, a(Mt(e.created_at)), 1),
+								e.updated_at === e.created_at ? g("", !0) : (i(), u("span", Qe, " (" + a(p(M).comments.edited) + ") ", 1))
+							]), l("div", $e, [$(e) ? (i(), u("button", {
 								key: 0,
 								class: "tpl-comment-action tpl:rounded tpl:p-1 tpl:transition-colors tpl:duration-150",
-								title: h(M).comments.edit,
-								onClick: (e) => q(i)
-							}, [v(h(O), {
+								title: p(M).comments.edit,
+								onClick: (t) => q(e)
+							}, [d(p(O), {
 								size: 11,
 								"stroke-width": 2
-							})], 8, et)) : p("", !0), $(i) ? (e(), d("button", {
+							})], 8, et)) : g("", !0), $(e) ? (i(), u("button", {
 								key: 1,
 								class: "tpl-comment-action tpl-comment-delete tpl:rounded tpl:p-1 tpl:transition-colors tpl:duration-150",
-								title: h(M).comments.delete,
-								onClick: (e) => Y(i.id)
-							}, [v(h(T), {
+								title: p(M).comments.delete,
+								onClick: (t) => Y(e.id)
+							}, [d(p(T), {
 								size: 11,
 								"stroke-width": 2
-							})], 8, tt)) : p("", !0)])]),
-							B.value === i.id ? (e(), d("div", nt, [t(u("textarea", {
-								"onUpdate:modelValue": r[7] ||= (e) => V.value = e,
+							})], 8, tt)) : g("", !0)])]),
+							B.value === e.id ? (i(), u("div", nt, [_(l("textarea", {
+								"onUpdate:modelValue": s[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) => Ft(e, i.id)
-							}, null, 40, rt), [[o, V.value]]), u("div", it, [u("button", {
+								onKeydown: (t) => Ft(t, e.id)
+							}, null, 40, rt), [[v, V.value]]), l("div", it, [l("button", {
 								class: "tpl:rounded-md tpl:px-2.5 tpl:py-1 tpl:text-xs tpl:font-medium tpl:bg-[var(--tpl-primary)] tpl:text-[var(--tpl-bg)]",
-								disabled: !V.value.trim() || h(P).isSubmitting.value,
-								onClick: (e) => Q(i.id)
-							}, g(h(M).comments.save), 9, at), u("button", {
+								disabled: !V.value.trim() || p(P).isSubmitting.value,
+								onClick: (t) => Q(e.id)
+							}, a(p(M).comments.save), 9, at), 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: r[8] ||= (e) => J()
-							}, g(h(M).comments.cancel), 1)])])) : (e(), d("p", ot, g(i.body), 1)),
-							U.value === i.id ? (e(), d("div", st, [
-								u("span", ct, g(h(M).comments.deleteConfirm), 1),
-								u("button", {
+								onClick: s[8] ||= (e) => J()
+							}, a(p(M).comments.cancel), 1)])])) : (i(), u("p", ot, a(e.body), 1)),
+							U.value === e.id ? (i(), u("div", st, [
+								l("span", ct, a(p(M).comments.deleteConfirm), 1),
+								l("button", {
 									class: "tpl:rounded tpl:px-2 tpl:py-0.5 tpl:text-xs tpl:font-medium tpl:bg-[var(--tpl-danger)] tpl:text-[var(--tpl-bg)]",
-									onClick: (e) => At(i.id)
-								}, g(h(M).comments.delete), 9, lt),
-								u("button", {
+									onClick: (t) => At(e.id)
+								}, a(p(M).comments.delete), 9, lt),
+								l("button", {
 									class: "tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text-muted)]",
-									onClick: r[9] ||= (e) => X()
-								}, g(h(M).comments.cancel), 1)
-							])) : p("", !0)
-						], 2))), 128))])) : p("", !0)]),
+									onClick: s[9] ||= (e) => X()
+								}, a(p(M).comments.cancel), 1)
+							])) : g("", !0)
+						], 2))), 128))])) : g("", !0)]),
 						_: 2
 					}, 1024),
-					v(_, { name: "tpl-replies" }, {
-						default: y(() => [R.value === n.id ? (e(), d("div", ut, [u("div", dt, [t(u("textarea", {
-							"onUpdate:modelValue": r[10] ||= (e) => z.value = e,
+					d(y, { name: "tpl-replies" }, {
+						default: o(() => [R.value === r.id ? (i(), u("div", ut, [l("div", dt, [_(l("textarea", {
+							"onUpdate:modelValue": s[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: h(M).comments.replyPlaceholder,
+							placeholder: p(M).comments.replyPlaceholder,
 							rows: "2",
-							onKeydown: (e) => Pt(e, n.id)
-						}, null, 40, ft), [[o, z.value]]), u("div", pt, [u("button", {
+							onKeydown: (e) => Pt(e, r.id)
+						}, null, 40, ft), [[v, z.value]]), l("div", pt, [l("button", {
 							class: "tpl:flex tpl:items-center tpl:justify-center tpl:rounded-md tpl:p-1.5 tpl:transition-colors tpl:duration-150 tpl:disabled:opacity-40 tpl:text-[var(--tpl-primary)]",
-							disabled: !z.value.trim() || h(P).isSubmitting.value,
-							onClick: (e) => kt(n.id)
-						}, [v(h(w), {
+							disabled: !z.value.trim() || p(P).isSubmitting.value,
+							onClick: (e) => kt(r.id)
+						}, [d(p(w), {
 							size: 14,
 							"stroke-width": 2
-						})], 8, mt), u("button", {
+						})], 8, mt), l("button", {
 							class: "tpl:flex tpl:items-center tpl:justify-center tpl:rounded-md tpl:p-1.5 tpl:transition-colors tpl:duration-150 tpl:text-[var(--tpl-text-muted)]",
-							onClick: r[11] ||= (e) => Ot()
-						}, [v(h(E), {
+							onClick: s[11] ||= (e) => Ot()
+						}, [d(p(E), {
 							size: 14,
 							"stroke-width": 2
-						})])])])])) : p("", !0)]),
+						})])])])])) : g("", !0)]),
 						_: 2
 					}, 1024)
 				]))), 128))]))]),
-				u("div", ht, [wt.value ? (e(), d("div", gt, g(h(M).comments.saveTemplateFirst), 1)) : (e(), d("div", _t, [t(u("textarea", {
+				l("div", ht, [wt.value ? (i(), u("div", gt, a(p(M).comments.saveTemplateFirst), 1)) : (i(), u("div", _t, [_(l("textarea", {
 					ref_key: "newCommentInput",
 					ref: W,
-					"onUpdate:modelValue": r[12] ||= (e) => L.value = e,
+					"onUpdate:modelValue": s[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: h(M).comments.placeholder,
-					disabled: h(P).isSubmitting.value,
+					placeholder: p(M).comments.placeholder,
+					disabled: p(P).isSubmitting.value,
 					rows: "2",
 					onKeydown: Nt
-				}, null, 40, vt), [[o, L.value]]), u("button", {
+				}, null, 40, vt), [[v, L.value]]), l("button", {
 					class: "tpl-comments-send-btn tpl:flex tpl:shrink-0 tpl:items-center tpl:justify-center tpl:rounded-md tpl:p-1.5 tpl:transition-all tpl:duration-150 tpl:disabled:opacity-40 tpl:text-[var(--tpl-primary)]",
-					disabled: !L.value.trim() || h(P).isSubmitting.value,
+					disabled: !L.value.trim() || p(P).isSubmitting.value,
 					onClick: Z
-				}, [h(P).isSubmitting.value ? (e(), m(h(S), {
+				}, [p(P).isSubmitting.value ? (i(), f(p(S), {
 					key: 0,
 					class: "tpl-spinner",
 					size: 16,
 					"stroke-width": 2
-				})) : (e(), m(h(w), {
+				})) : (i(), f(p(w), {
 					key: 1,
 					size: 16,
 					"stroke-width": 2
 				}))], 8, yt)]))])
-			])) : p("", !0)]),
+			])) : g("", !0)]),
 			_: 1
 		}));
 	}

package/dist/CountdownBlock-apiYUhkQ.js

@@ -0,0 +1,92 @@
+import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
+import { A as t, Dt as n, O as r, Ot as i, Y as a, _ as o, c as s, d as c, nt as l, r as u, s as d, u as f } from "./vue.runtime.esm-bundler-l0XAqiyv.js";
+import { p } from "./dist-CTT6WYJ6.js";
+import { t as m } from "./useI18n-C-TDeJBt.js";
+//#region src/components/blocks/CountdownBlock.vue?vue&type=script&setup=true&lang.ts
+var h = {
+	key: 0,
+	class: "tpl:flex tpl:items-center tpl:justify-center tpl:py-8 tpl:text-sm tpl:text-[var(--tpl-text-dim)]"
+}, g = {
+	key: 1,
+	class: "tpl:flex tpl:items-center tpl:justify-center tpl:py-4 tpl:text-xs tpl:text-[var(--tpl-text-dim)] tpl:opacity-50"
+}, _ = { class: "tpl:text-center" }, v = /*@__PURE__*/ o({
+	__name: "CountdownBlock",
+	props: {
+		block: {},
+		viewport: {}
+	},
+	setup(e) {
+		let o = e, { t: v } = m(), y = a(Date.now());
+		p(() => {
+			y.value = Date.now();
+		}, 1e3);
+		let b = d(() => {
+			if (!o.block.targetDate) return null;
+			let e = new Date(o.block.targetDate);
+			return isNaN(e.getTime()) ? null : e.getTime();
+		}), x = d(() => b.value ? y.value >= b.value : !1), S = d(() => {
+			if (!b.value || x.value) return {
+				days: 0,
+				hours: 0,
+				minutes: 0,
+				seconds: 0
+			};
+			let e = b.value - y.value, t = Math.floor(e / 1e3);
+			return {
+				days: Math.floor(t / 86400),
+				hours: Math.floor(t % 86400 / 3600),
+				minutes: Math.floor(t % 3600 / 60),
+				seconds: t % 60
+			};
+		}), C = d(() => {
+			let e = [];
+			return o.block.showDays && e.push({
+				value: String(S.value.days).padStart(2, "0"),
+				label: o.block.labelDays
+			}), o.block.showHours && e.push({
+				value: String(S.value.hours).padStart(2, "0"),
+				label: o.block.labelHours
+			}), o.block.showMinutes && e.push({
+				value: String(S.value.minutes).padStart(2, "0"),
+				label: o.block.labelMinutes
+			}), o.block.showSeconds && e.push({
+				value: String(S.value.seconds).padStart(2, "0"),
+				label: o.block.labelSeconds
+			}), e;
+		}), w = d(() => ({
+			backgroundColor: o.block.backgroundColor,
+			fontFamily: o.block.fontFamily || "inherit"
+		})), T = d(() => ({
+			fontSize: `${o.block.digitFontSize}px`,
+			fontWeight: "bold",
+			color: o.block.digitColor,
+			lineHeight: "1.2"
+		})), E = d(() => ({
+			fontSize: `${o.block.labelFontSize}px`,
+			color: o.block.labelColor,
+			marginTop: "4px"
+		})), D = d(() => ({
+			fontSize: `${o.block.digitFontSize}px`,
+			color: o.block.digitColor,
+			fontFamily: o.block.fontFamily || "inherit"
+		}));
+		return (a, o) => e.block.targetDate ? x.value && e.block.hideOnExpiry ? (r(), c("div", g, i(l(v).countdown.hidden), 1)) : x.value ? (r(), c("div", {
+			key: 2,
+			style: n(w.value),
+			class: "tpl:py-4 tpl:text-center"
+		}, [s("span", { style: n({
+			fontSize: `${e.block.digitFontSize}px`,
+			color: e.block.digitColor
+		}) }, i(e.block.expiredMessage), 5)], 4)) : (r(), c("div", {
+			key: 3,
+			style: n(w.value),
+			class: "tpl:flex tpl:items-center tpl:justify-center tpl:gap-2 tpl:py-4"
+		}, [(r(!0), c(u, null, t(C.value, (t, a) => (r(), c(u, { key: t.label }, [a > 0 ? (r(), c("span", {
+			key: 0,
+			style: n(D.value),
+			class: "tpl:self-start"
+		}, i(e.block.separator), 5)) : f("", !0), s("div", _, [s("div", { style: n(T.value) }, i(t.value), 5), s("div", { style: n(E.value) }, i(t.label), 5)])], 64))), 128))], 4)) : (r(), c("div", h, i(l(v).countdown.setDate), 1));
+	}
+}), y = /* @__PURE__ */ e({ default: () => b }), b = v;
+//#endregion
+export { y as n, b as t };