@aswin.dev/editor 0.7.0 → 0.7.2

package/dist/{CollaboratorBar-DuPYW5iF.js → CollaboratorBar-BsXMY-8e.js}

@@ -1,8 +1,8 @@
-import { M as e, Mt as t, Ot as n, P as r, S as i, _ as a, d as o, g as s, h as c, it as l, m as u, p as d } from "./vue.runtime.esm-bundler-DpvJL-nX.js";
-import "./useEditorCore-C6ost42Q.js";
-import { t as f } from "./createLucideIcon-C3pa2siy.js";
-import { n as p } from "./useCloudI18n-BuIwR6OE.js";
-import { t as m } from "./readableTextColor-CY3SiRnt.js";
+import { C as e, F as t, Ft as n, N as r, _ as i, f as a, g as o, h as s, jt as c, m as l, st as u, v as d } from "./vue.runtime.esm-bundler-CjauPXjj.js";
+import "./useEditorCore-BGnzcT7p.js";
+import { t as f } from "./createLucideIcon-ClREiSx3.js";
+import { n as p } from "./useCloudI18n-BTTNBk5i.js";
+import { t as m } from "./readableTextColor-C_9OpzBw.js";
 var h = f("wifi-off", [
 	["path", {
 		d: "M12 20h.01",
@@ -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__ */ i({
+}, b = ["title"], x = ["title"], S = 3, C = /* @__PURE__ */ e({
 	__name: "CollaboratorBar",
 	props: {
 		collaborators: {},
 		isConnected: { type: Boolean }
 	},
-	setup(i) {
-		let f = i, { t: C } = p(), w = d(() => f.collaborators.slice(0, S)), T = d(() => f.collaborators.slice(S)), E = d(() => T.value.length), D = d(() => T.value.map((e) => e.name).join("\n"));
+	setup(e) {
+		let f = e, { t: C } = p(), w = l(() => f.collaborators.slice(0, S)), T = l(() => f.collaborators.slice(S)), E = l(() => T.value.length), D = l(() => 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 (d, f) => (e(), a("div", _, [u("div", {
+		return (l, f) => (r(), d("div", _, [s("div", {
 			class: "tpl:flex tpl:items-center tpl:gap-1 tpl:text-[11px]",
-			style: n({ color: i.isConnected ? "var(--tpl-success)" : "var(--tpl-text-muted)" }),
-			title: i.isConnected ? l(C).collaboration.connected : l(C).collaboration.disconnected
-		}, [i.isConnected ? (e(), c(l(g), {
+			style: c({ color: e.isConnected ? "var(--tpl-success)" : "var(--tpl-text-muted)" }),
+			title: e.isConnected ? u(C).collaboration.connected : u(C).collaboration.disconnected
+		}, [e.isConnected ? (r(), o(u(g), {
 			key: 0,
 			size: 12,
 			"stroke-width": 2
-		})) : (e(), c(l(h), {
+		})) : (r(), o(u(h), {
 			key: 1,
 			size: 12,
 			"stroke-width": 2
-		}))], 12, v), i.collaborators.length > 0 ? (e(), a("div", y, [(e(!0), a(o, null, r(w.value, (r) => (e(), a("div", {
-			key: r.id,
+		}))], 12, v), e.collaborators.length > 0 ? (r(), d("div", y, [(r(!0), d(a, null, t(w.value, (e) => (r(), d("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: n({
-				backgroundColor: r.color,
-				color: l(m)(r.color)
+			style: c({
+				backgroundColor: e.color,
+				color: u(m)(e.color)
 			}),
-			title: r.name
-		}, t(O(r.name)), 13, b))), 128)), E.value > 0 ? (e(), a("div", {
+			title: e.name
+		}, n(O(e.name)), 13, b))), 128)), E.value > 0 ? (r(), d("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
-		}, " +" + t(E.value), 9, x)) : s("", !0)])) : s("", !0)]));
+		}, " +" + n(E.value), 9, x)) : i("", !0)])) : i("", !0)]));
 	}
 });
 //#endregion

package/dist/CommentsSidebar-DIWIa4rS.js

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

package/dist/CountdownBlock-BCi7-DAM.js

@@ -0,0 +1,92 @@
+import { r as e } from "./rolldown-runtime-BZGGJVDF.js";
+import { C as t, F as n, Ft as r, N as i, _ as a, et as o, f as s, h as c, jt as l, m as u, st as d, v as f } from "./vue.runtime.esm-bundler-CjauPXjj.js";
+import { c as p } from "./dist-CivF9P8b.js";
+import { t as m } from "./useI18n-C2xQZ6K9.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__ */ t({
+	__name: "CountdownBlock",
+	props: {
+		block: {},
+		viewport: {}
+	},
+	setup(e) {
+		let t = e, { t: v } = m(), y = o(Date.now());
+		p(() => {
+			y.value = Date.now();
+		}, 1e3);
+		let b = u(() => {
+			if (!t.block.targetDate) return null;
+			let e = new Date(t.block.targetDate);
+			return isNaN(e.getTime()) ? null : e.getTime();
+		}), x = u(() => b.value ? y.value >= b.value : !1), S = u(() => {
+			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 = u(() => {
+			let e = [];
+			return t.block.showDays && e.push({
+				value: String(S.value.days).padStart(2, "0"),
+				label: t.block.labelDays
+			}), t.block.showHours && e.push({
+				value: String(S.value.hours).padStart(2, "0"),
+				label: t.block.labelHours
+			}), t.block.showMinutes && e.push({
+				value: String(S.value.minutes).padStart(2, "0"),
+				label: t.block.labelMinutes
+			}), t.block.showSeconds && e.push({
+				value: String(S.value.seconds).padStart(2, "0"),
+				label: t.block.labelSeconds
+			}), e;
+		}), w = u(() => ({
+			backgroundColor: t.block.backgroundColor,
+			fontFamily: t.block.fontFamily || "inherit"
+		})), T = u(() => ({
+			fontSize: `${t.block.digitFontSize}px`,
+			fontWeight: "bold",
+			color: t.block.digitColor,
+			lineHeight: "1.2"
+		})), E = u(() => ({
+			fontSize: `${t.block.labelFontSize}px`,
+			color: t.block.labelColor,
+			marginTop: "4px"
+		})), D = u(() => ({
+			fontSize: `${t.block.digitFontSize}px`,
+			color: t.block.digitColor,
+			fontFamily: t.block.fontFamily || "inherit"
+		}));
+		return (t, o) => e.block.targetDate ? x.value && e.block.hideOnExpiry ? (i(), f("div", g, r(d(v).countdown.hidden), 1)) : x.value ? (i(), f("div", {
+			key: 2,
+			style: l(w.value),
+			class: "tpl:py-4 tpl:text-center"
+		}, [c("span", { style: l({
+			fontSize: `${e.block.digitFontSize}px`,
+			color: e.block.digitColor
+		}) }, r(e.block.expiredMessage), 5)], 4)) : (i(), f("div", {
+			key: 3,
+			style: l(w.value),
+			class: "tpl:flex tpl:items-center tpl:justify-center tpl:gap-2 tpl:py-4"
+		}, [(i(!0), f(s, null, n(C.value, (t, n) => (i(), f(s, { key: t.label }, [n > 0 ? (i(), f("span", {
+			key: 0,
+			style: l(D.value),
+			class: "tpl:self-start"
+		}, r(e.block.separator), 5)) : a("", !0), c("div", _, [c("div", { style: l(T.value) }, r(t.value), 5), c("div", { style: l(E.value) }, r(t.label), 5)])], 64))), 128))], 4)) : (i(), f("div", h, r(d(v).countdown.setDate), 1));
+	}
+}), y = /* @__PURE__ */ e({ default: () => b }), b = v;
+//#endregion
+export { y as n, b as t };