@templatical/editor 0.39.2 → 0.39.3

package/dist/{CommentsSidebar-VmwjU9va.js → CommentsSidebar-DDO0Qx8U.js}

@@ -37,71 +37,67 @@ var ce = x({
 		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)]"
-}, de = { class: "tpl:flex tpl:items-center tpl:justify-between tpl:border-b tpl:border-[var(--tpl-border)] tpl:px-4 tpl:py-3" }, fe = { class: "tpl:flex tpl:items-center tpl:gap-1.5 tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-text)]" }, pe = {
+}), ue = ["aria-label"], de = { class: "tpl:flex tpl:items-center tpl:justify-between tpl:border-b tpl:border-[var(--tpl-border)] tpl:px-4 tpl:py-3" }, fe = { class: "tpl:flex tpl:items-center tpl:gap-1.5 tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-text)]" }, pe = {
 	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-on-primary)]"
-}, me = { class: "tpl:flex tpl:gap-1 tpl:border-b tpl:border-[var(--tpl-border)] tpl:px-4 tpl:py-2" }, he = { class: "tpl:flex-1 tpl:overflow-y-auto" }, ge = {
+}, me = ["aria-label"], he = { class: "tpl:flex tpl:gap-1 tpl:border-b tpl:border-[var(--tpl-border)] tpl:px-4 tpl:py-2" }, ge = ["aria-pressed"], _e = ["aria-pressed"], ve = ["aria-pressed"], ye = { class: "tpl:flex-1 tpl:overflow-y-auto" }, be = {
 	key: 0,
 	class: "tpl:flex tpl:h-full tpl:items-center tpl:justify-center"
-}, _e = {
+}, xe = {
 	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"
-}, ve = { class: "tpl:max-w-[240px] tpl:text-sm tpl:text-[var(--tpl-text-muted)]" }, ye = {
+}, Se = { class: "tpl:max-w-[240px] tpl:text-sm tpl:text-[var(--tpl-text-muted)]" }, Ce = {
 	key: 2,
 	class: "tpl:flex tpl:flex-col tpl:gap-3 tpl:p-3"
-}, be = { class: "tpl-comment-card tpl:rounded-lg tpl:border tpl:px-3.5 tpl:py-3" }, xe = { class: "tpl:flex tpl:items-start tpl:justify-between tpl:gap-2" }, Se = { class: "tpl:flex tpl:items-center tpl:gap-1.5" }, Ce = { class: "tpl:text-xs tpl:font-semibold tpl:text-[var(--tpl-text)]" }, we = { class: "tpl:text-[10px] tpl:text-[var(--tpl-text-dim)]" }, Te = {
+}, we = { class: "tpl-comment-card tpl:rounded-lg tpl:border tpl:px-3.5 tpl:py-3" }, Te = { class: "tpl:flex tpl:items-start tpl:justify-between tpl:gap-2" }, Ee = { class: "tpl:flex tpl:items-center tpl:gap-1.5" }, De = { class: "tpl:text-xs tpl:font-semibold tpl:text-[var(--tpl-text)]" }, Oe = { class: "tpl:text-[10px] tpl:text-[var(--tpl-text-dim)]" }, ke = {
 	key: 0,
 	class: "tpl:text-[10px] tpl:italic tpl:text-[var(--tpl-text-dim)]"
-}, Ee = { class: "tpl:flex tpl:items-center tpl:gap-0.5" }, De = ["title", "onClick"], Oe = ["title", "onClick"], ke = ["title", "onClick"], Ae = {
+}, Ae = { class: "tpl:flex tpl:items-center tpl:gap-0.5" }, je = ["title", "onClick"], Me = ["title", "onClick"], Ne = ["title", "onClick"], Pe = {
 	key: 0,
 	class: "tpl:mt-1 tpl:flex tpl:items-center tpl:gap-1 tpl:text-[10px] tpl:text-[var(--tpl-primary)]"
-}, je = {
+}, Fe = {
 	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)]"
-}, Me = ["onClick"], Ne = {
+}, Ie = ["onClick"], Le = {
 	key: 2,
 	class: "tpl:mt-2"
-}, Pe = ["onKeydown"], Fe = { class: "tpl:mt-1.5 tpl:flex tpl:gap-1.5" }, Ie = ["disabled", "onClick"], Le = {
+}, Re = ["onKeydown"], ze = { class: "tpl:mt-1.5 tpl:flex tpl:gap-1.5" }, Be = ["disabled", "onClick"], Ve = {
 	key: 3,
 	class: "tpl:mt-1.5 tpl:text-xs tpl:leading-relaxed tpl:whitespace-pre-wrap tpl:text-[var(--tpl-text)]"
-}, Re = {
+}, He = {
 	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)]"
-}, ze = { class: "tpl:flex-1" }, Be = ["onClick"], Ve = {
+}, Ue = { class: "tpl:flex-1" }, We = ["onClick"], Ge = {
 	key: 5,
 	class: "tpl:mt-2 tpl:flex tpl:items-center tpl:gap-2"
-}, He = ["title", "onClick"], Ue = ["onClick"], We = {
+}, Ke = ["title", "onClick"], qe = ["onClick"], Je = {
 	key: 0,
 	class: "tpl-comment-replies tpl:ml-5 tpl:pl-3 tpl:pt-2"
-}, Ge = { class: "tpl:flex tpl:items-start tpl:justify-between tpl:gap-2" }, Ke = { class: "tpl:flex tpl:items-center tpl:gap-1.5" }, qe = { class: "tpl:text-xs tpl:font-semibold tpl:text-[var(--tpl-text)]" }, Je = { class: "tpl:text-[10px] tpl:text-[var(--tpl-text-dim)]" }, Ye = {
+}, Ye = { class: "tpl:flex tpl:items-start tpl:justify-between tpl:gap-2" }, Xe = { class: "tpl:flex tpl:items-center tpl:gap-1.5" }, Ze = { class: "tpl:text-xs tpl:font-semibold tpl:text-[var(--tpl-text)]" }, Qe = { class: "tpl:text-[10px] tpl:text-[var(--tpl-text-dim)]" }, $e = {
 	key: 0,
 	class: "tpl:text-[10px] tpl:italic tpl:text-[var(--tpl-text-dim)]"
-}, Xe = { class: "tpl:flex tpl:items-center tpl:gap-0.5" }, Ze = ["title", "onClick"], Qe = ["title", "onClick"], $e = {
+}, et = { class: "tpl:flex tpl:items-center tpl:gap-0.5" }, tt = ["title", "onClick"], nt = ["title", "onClick"], rt = {
 	key: 0,
 	class: "tpl:mt-1.5"
-}, et = ["onKeydown"], tt = { class: "tpl:mt-1.5 tpl:flex tpl:gap-1.5" }, nt = ["disabled", "onClick"], rt = {
+}, it = ["onKeydown"], at = { class: "tpl:mt-1.5 tpl:flex tpl:gap-1.5" }, ot = ["disabled", "onClick"], st = {
 	key: 1,
 	class: "tpl:mt-1 tpl:text-xs tpl:leading-relaxed tpl:whitespace-pre-wrap tpl:text-[var(--tpl-text)]"
-}, it = {
+}, ct = {
 	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)]"
-}, at = { class: "tpl:flex-1" }, ot = ["onClick"], st = {
+}, lt = { class: "tpl:flex-1" }, ut = ["onClick"], dt = {
 	key: 0,
 	class: "tpl-comment-replies tpl:ml-5 tpl:pl-3 tpl:pt-2"
-}, ct = { class: "tpl-comments-input-wrapper tpl-focus-ring-host tpl:flex 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)]" }, lt = ["placeholder", "onKeydown"], ut = ["disabled", "onClick"], dt = {
+}, ft = { class: "tpl-comments-input-wrapper tpl-focus-ring-host tpl:flex 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)]" }, pt = ["placeholder", "onKeydown"], mt = ["disabled", "onClick"], ht = {
 	key: 0,
 	class: "tpl:border-t tpl:p-3 tpl:border-[var(--tpl-border)]"
-}, ft = {
+}, gt = {
 	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)]"
-}, pt = {
+}, _t = {
 	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__ */ v({
+}, vt = ["placeholder", "disabled"], yt = ["disabled"], k = /*#__PURE__*/ O(/* @__PURE__ */ v({
 	__name: "CommentsSidebar",
 	props: {
 		visible: { type: Boolean },
@@ -109,19 +105,19 @@ var ce = x({
 	},
 	emits: ["close"],
 	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);
+		let k = v, bt = 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 = g(() => N.value.isLoading.value && N.value.comments.value.length === 0), vt = g(() => {
+		let xt = g(() => N.value.isLoading.value && N.value.comments.value.length === 0), St = 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;
 		});
-		function yt(e) {
-			return e ? !vt.value.has(e) : !1;
+		function Ct(e) {
+			return e ? !St.value.has(e) : !1;
 		}
-		let bt = g(() => P.value !== "block" || !U.value ? !1 : k.feature.capability.isBlockSaved(U.value) === !1), W = g(() => {
+		let wt = 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;
 		});
@@ -131,16 +127,16 @@ var ce = x({
 		function G(e, t) {
 			P.value = e, k.feature.filterBlockId.value = e === "block" ? t ?? null : null;
 		}
-		function xt(e) {
+		function Tt(e) {
 			G("block", e);
 		}
-		function St(e) {
+		function Et(e) {
 			B.value.has(e) ? B.value.delete(e) : B.value.add(e);
 		}
-		function Ct(e) {
+		function Dt(e) {
 			I.value = e, L.value = "", R.value = null, B.value.has(e) || B.value.add(e);
 		}
-		function wt() {
+		function Ot() {
 			I.value = null, L.value = "";
 		}
 		function K(e) {
@@ -184,43 +180,43 @@ var ce = x({
 				await N.value.update(e, { body: t }), R.value = null, z.value = "";
 			} catch {}
 		}
-		async function Tt(e) {
+		async function kt(e) {
 			try {
 				await N.value.remove(e);
 			} catch {}
 			V.value = null;
 		}
-		async function Et(e) {
+		async function At(e) {
 			try {
 				await N.value.setResolved(e.id, !e.resolvedAt);
 			} catch {}
 		}
-		function Dt(e) {
+		function jt(e) {
 			return N.value.canUpdate.value && N.value.isOwn(e);
 		}
-		function Ot(e) {
+		function Mt(e) {
 			return N.value.canDelete.value && N.value.isOwn(e);
 		}
-		function kt(e) {
+		function Nt(e) {
 			return se(e, A.time) ?? e;
 		}
-		function At(e) {
+		function Pt(e) {
 			e.key === "Enter" && !e.shiftKey && (e.preventDefault(), X());
 		}
-		function jt(e, t) {
+		function Ft(e, t) {
 			e.key === "Enter" && !e.shiftKey && (e.preventDefault(), Z(t));
 		}
 		function $(e, t) {
 			e.key === "Enter" && !e.shiftKey && (e.preventDefault(), Q(t)), e.key === "Escape" && q();
 		}
-		function Mt() {
+		function It() {
 			r(() => {
 				H.value?.focus();
 			});
 		}
 		return x({
-			filterByBlock: xt,
-			focusNewComment: Mt
+			filterByBlock: Tt,
+			focusNewComment: It
 		}), (r, a) => (e(), m(b, {
 			"enter-active-class": "tpl-comments-slide-enter-active",
 			"enter-from-class": "tpl:translate-x-full",
@@ -229,7 +225,13 @@ var ce = x({
 			"leave-from-class": "tpl:translate-x-0",
 			"leave-to-class": "tpl:translate-x-full"
 		}, {
-			default: n(() => [v.visible ? (e(), u("div", ue, [
+			default: n(() => [v.visible ? (e(), u("div", {
+				key: 0,
+				role: "complementary",
+				"aria-label": c(A).comments.title,
+				"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)]"
+			}, [
 				l("div", de, [l("div", fe, [
 					d(c(C), {
 						size: 13,
@@ -238,61 +240,69 @@ var ce = x({
 					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", {
+					type: "button",
 					class: "tpl:rounded-md tpl:p-0.5 tpl:transition-colors tpl:text-[var(--tpl-text-muted)]",
-					onClick: a[0] ||= (e) => gt("close")
+					"aria-label": c(A).comments.close,
+					onClick: a[0] ||= (e) => bt("close")
 				}, [d(c(D), {
 					size: 14,
 					"stroke-width": 2
-				})])]),
-				l("div", me, [
+				})], 8, me)]),
+				l("div", he, [
 					l("button", {
+						type: "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" : ""]),
+						"aria-pressed": P.value === "unresolved",
 						"data-testid": "comments-filter-unresolved",
 						onClick: a[1] ||= (e) => G("unresolved")
-					}, f(c(A).comments.filterUnresolved), 3),
+					}, f(c(A).comments.filterUnresolved), 11, ge),
 					l("button", {
+						type: "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" : ""]),
+						"aria-pressed": P.value === "all",
 						"data-testid": "comments-filter-all",
 						onClick: a[2] ||= (e) => G("all")
-					}, f(c(A).comments.filterAll), 3),
+					}, f(c(A).comments.filterAll), 11, _e),
 					c(M).state.selectedBlockId ? (e(), u("button", {
 						key: 0,
+						type: "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 === "block" ? "tpl-comment-filter--active" : ""]),
+						"aria-pressed": P.value === "block",
 						onClick: a[3] ||= (e) => G("block", c(M).state.selectedBlockId ?? void 0)
-					}, f(c(A).comments.filterBlock), 3)) : _("", !0)
+					}, f(c(A).comments.filterBlock), 11, ve)) : _("", !0)
 				]),
-				l("div", he, [_t.value ? (e(), u("div", ge, [d(c(S), {
+				l("div", ye, [xt.value ? (e(), u("div", be, [d(c(S), {
 					class: "tpl-spinner tpl:text-[var(--tpl-text-muted)]",
 					size: 24,
 					"stroke-width": 2
-				})])) : W.value.length === 0 ? (e(), u("div", _e, [d(c(C), {
+				})])) : W.value.length === 0 ? (e(), u("div", xe, [d(c(C), {
 					size: 32,
 					"stroke-width": 1.5,
 					class: "tpl:text-[var(--tpl-text-dim)]"
-				}), 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", {
+				}), l("p", Se, f(P.value === "all" ? c(A).comments.noCommentsHint : c(A).comments.noComments), 1)])) : (e(), u("div", Ce, [(e(!0), u(h, null, i(W.value, (r) => (e(), u("div", {
 					key: r.id,
 					class: "tpl-comment-thread",
 					"data-testid": "comment-thread"
 				}, [
-					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, [
+					l("div", we, [
+						l("div", Te, [l("div", Ee, [
+							l("span", De, f(N.value.isOwn(r) ? c(A).comments.ownedByYou : r.author.name), 1),
+							l("span", Oe, f(Nt(r.createdAt)), 1),
+							r.updatedAt ? (e(), u("span", ke, " (" + f(c(A).comments.edited) + ") ", 1)) : _("", !0)
+						]), l("div", Ae, [
 							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: r.resolvedAt ? c(A).comments.unresolve : c(A).comments.resolve,
-								onClick: (e) => Et(r)
+								onClick: (e) => At(r)
 							}, [d(c(ce), {
 								size: 13,
 								"stroke-width": 2,
 								class: "tpl-resolve-icon",
 								style: t({ color: r.resolvedAt ? "var(--tpl-primary)" : void 0 })
-							}, null, 8, ["style"])], 8, De)) : _("", !0),
-							Dt(r) ? (e(), u("button", {
+							}, null, 8, ["style"])], 8, je)) : _("", !0),
+							jt(r) ? (e(), u("button", {
 								key: 1,
 								"data-testid": "comment-edit",
 								class: "tpl-comment-action tpl:rounded tpl:p-1 tpl:transition-colors",
@@ -301,8 +311,8 @@ var ce = x({
 							}, [d(c(w), {
 								size: 12,
 								"stroke-width": 2
-							})], 8, Oe)) : _("", !0),
-							Ot(r) ? (e(), u("button", {
+							})], 8, Me)) : _("", !0),
+							Mt(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",
@@ -311,59 +321,59 @@ var ce = x({
 							}, [d(c(E), {
 								size: 12,
 								"stroke-width": 2
-							})], 8, ke)) : _("", !0)
+							})], 8, Ne)) : _("", !0)
 						])]),
 						d(b, { name: "tpl-resolve" }, {
-							default: n(() => [r.resolvedAt ? (e(), u("div", Ae, [d(c(ie), {
+							default: n(() => [r.resolvedAt ? (e(), u("div", Pe, [d(c(ie), {
 								size: 10,
 								"stroke-width": 2.5
 							}), l("span", null, f(c(j)(c(A).comments.resolvedBy, { name: r.resolvedBy?.name ?? "" })), 1)])) : _("", !0)]),
 							_: 2
 						}, 1024),
-						r.blockId && yt(r.blockId) ? (e(), u("span", je, f(c(A).comments.missingBlock), 1)) : r.blockId ? (e(), u("button", {
+						r.blockId && Ct(r.blockId) ? (e(), u("span", Fe, 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) => c(M).selectBlock(r.blockId ?? "")
-						}, f(c(A).comments.jumpToBlock), 9, Me)) : _("", !0),
-						R.value === r.id ? (e(), u("div", Ne, [o(l("textarea", {
+						}, f(c(A).comments.jumpToBlock), 9, Ie)) : _("", !0),
+						R.value === r.id ? (e(), u("div", Le, [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)]",
+							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)] tpl:focus:border-[var(--tpl-primary)] tpl:focus:shadow-[var(--tpl-ring)]",
 							rows: "3",
 							onKeydown: (e) => $(e, r.id)
-						}, null, 40, Pe), [[y, z.value]]), l("div", Fe, [l("button", {
+						}, null, 40, Re), [[y, z.value]]), l("div", ze, [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(r.id)
-						}, f(c(A).comments.save), 9, Ie), l("button", {
+						}, f(c(A).comments.save), 9, Be), 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: 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),
+						}, f(c(A).comments.cancel), 1)])])) : (e(), u("p", Ve, f(r.body), 1)),
+						V.value === r.id ? (e(), u("div", He, [
+							l("span", Ue, 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)
-							}, f(c(A).comments.delete), 9, Be),
+								onClick: (e) => kt(r.id)
+							}, f(c(A).comments.delete), 9, We),
 							l("button", {
 								class: "tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text-muted)]",
 								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", {
+						R.value !== r.id && V.value !== r.id ? (e(), u("div", Ge, [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: c(A).comments.reply,
-							onClick: (e) => Ct(r.id)
+							onClick: (e) => Dt(r.id)
 						}, [d(c(le), {
 							size: 13,
 							"stroke-width": 2,
 							class: "tpl:text-[var(--tpl-primary)]"
-						})], 8, He)) : _("", !0), (r.replies?.length ?? 0) > 0 ? (e(), u("button", {
+						})], 8, Ke)) : _("", !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(r.id)
+							class: "tpl:flex tpl:items-center tpl:gap-0.5 tpl:text-xs tpl:font-medium tpl:transition-colors tpl:text-[var(--tpl-text-muted)]",
+							onClick: (e) => Et(r.id)
 						}, [B.value.has(r.id) ? (e(), m(c(oe), {
 							key: 0,
 							size: 11,
@@ -372,18 +382,18 @@ var ce = x({
 							key: 1,
 							size: 11,
 							"stroke-width": 2
-						})), 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)
+						})), 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, qe)) : _("", !0)])) : _("", !0)
 					]),
 					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", {
+						default: n(() => [B.value.has(r.id) && (r.replies?.length ?? 0) > 0 ? (e(), u("div", Je, [(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" : ""])
 						}, [
-							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", {
+							l("div", Ye, [l("div", Xe, [
+								l("span", Ze, f(N.value.isOwn(t) ? c(A).comments.ownedByYou : t.author.name), 1),
+								l("span", Qe, f(Nt(t.createdAt)), 1),
+								t.updatedAt ? (e(), u("span", $e, " (" + f(c(A).comments.edited) + ") ", 1)) : _("", !0)
+							]), l("div", et, [jt(t) ? (e(), u("button", {
 								key: 0,
 								class: "tpl-comment-action tpl:rounded tpl:p-1 tpl:transition-colors",
 								title: c(A).comments.edit,
@@ -391,7 +401,7 @@ var ce = x({
 							}, [d(c(w), {
 								size: 11,
 								"stroke-width": 2
-							})], 8, Ze)) : _("", !0), Ot(t) ? (e(), u("button", {
+							})], 8, tt)) : _("", !0), Mt(t) ? (e(), u("button", {
 								key: 1,
 								class: "tpl-comment-action tpl-comment-delete tpl:rounded tpl:p-1 tpl:transition-colors",
 								title: c(A).comments.delete,
@@ -399,27 +409,27 @@ var ce = x({
 							}, [d(c(E), {
 								size: 11,
 								"stroke-width": 2
-							})], 8, Qe)) : _("", !0)])]),
-							R.value === t.id ? (e(), u("div", $e, [o(l("textarea", {
+							})], 8, nt)) : _("", !0)])]),
+							R.value === t.id ? (e(), u("div", rt, [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)]",
+								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)] tpl:focus:border-[var(--tpl-primary)] tpl:focus:shadow-[var(--tpl-ring)]",
 								rows: "2",
 								onKeydown: (e) => $(e, t.id)
-							}, null, 40, et), [[y, z.value]]), l("div", tt, [l("button", {
+							}, null, 40, it), [[y, z.value]]), l("div", at, [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(t.id)
-							}, f(c(A).comments.save), 9, nt), l("button", {
+							}, f(c(A).comments.save), 9, ot), 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: 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),
+							}, f(c(A).comments.cancel), 1)])])) : (e(), u("p", st, f(t.body), 1)),
+							V.value === t.id ? (e(), u("div", ct, [
+								l("span", lt, 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(t.id)
-								}, f(c(A).comments.delete), 9, ot),
+									onClick: (e) => kt(t.id)
+								}, f(c(A).comments.delete), 9, ut),
 								l("button", {
 									class: "tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text-muted)]",
 									onClick: a[9] ||= (e) => Y()
@@ -429,14 +439,14 @@ var ce = x({
 						_: 2
 					}, 1024),
 					d(b, { name: "tpl-replies" }, {
-						default: n(() => [I.value === r.id ? (e(), u("div", st, [l("div", ct, [
+						default: n(() => [I.value === r.id ? (e(), u("div", dt, [l("div", ft, [
 							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: c(A).comments.replyPlaceholder,
 								rows: "2",
-								onKeydown: (e) => jt(e, r.id)
-							}, null, 40, lt), [[y, L.value]]),
+								onKeydown: (e) => Ft(e, r.id)
+							}, null, 40, pt), [[y, 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:disabled:opacity-40 tpl:text-[var(--tpl-primary)]",
 								disabled: !L.value.trim() || N.value.isSubmitting.value,
@@ -444,10 +454,10 @@ var ce = x({
 							}, [d(c(T), {
 								size: 14,
 								"stroke-width": 2
-							})], 8, ut),
+							})], 8, mt),
 							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: a[11] ||= (e) => wt()
+								onClick: a[11] ||= (e) => Ot()
 							}, [d(c(D), {
 								size: 14,
 								"stroke-width": 2
@@ -456,7 +466,7 @@ var ce = x({
 						_: 2
 					}, 1024)
 				]))), 128))]))]),
-				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", {
+				N.value.canCreate.value ? (e(), u("div", ht, [wt.value ? (e(), u("div", gt, f(c(A).comments.saveTemplateFirst), 1)) : (e(), u("div", _t, [o(l("textarea", {
 					ref_key: "newCommentInput",
 					ref: H,
 					"onUpdate:modelValue": a[12] ||= (e) => F.value = e,
@@ -465,8 +475,8 @@ var ce = x({
 					placeholder: c(A).comments.placeholder,
 					disabled: N.value.isSubmitting.value,
 					rows: "2",
-					onKeydown: At
-				}, null, 40, mt), [[y, F.value]]), l("button", {
+					onKeydown: Pt
+				}, null, 40, vt), [[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,
@@ -480,11 +490,11 @@ var ce = x({
 					key: 1,
 					size: 16,
 					"stroke-width": 2
-				}))], 8, ht)]))])) : _("", !0)
-			])) : _("", !0)]),
+				}))], 8, yt)]))])) : _("", !0)
+			], 8, ue)) : _("", !0)]),
 			_: 1
 		}));
 	}
-}), [["__scopeId", "data-v-3692da54"]]);
+}), [["__scopeId", "data-v-32af5912"]]);
 //#endregion
 export { k as default };

package/dist/{CountdownToolbar-C2kfS6Oy.js → CountdownToolbar-nvHxu8Gu.js}

@@ -3,7 +3,7 @@ import { t as p } from "./useI18n-Ds_-druD.js";
 import { c as m } from "./LogicTagInsertButton-D8IwH-9Z.js";
 import { p as h } from "./styleConstants-C_YAPdQS.js";
 import { t as g } from "./ToggleSwitch-JvQ_CmI1.js";
-import { i as _, n as v, r as y } from "./Toolbar-COD2TW20.js";
+import { i as _, n as v, r as y } from "./Toolbar-B2kDLFhn.js";
 //#region src/components/toolbar/CountdownToolbar.vue?vue&type=script&setup=true&lang.ts
 var b = ["value"], x = ["value"], S = ["value"], C = { class: "tpl:grid tpl:grid-cols-2 tpl:gap-2" }, w = ["value"], T = { value: "" }, E = ["value"], D = { class: "tpl:grid tpl:grid-cols-2 tpl:gap-3" }, O = { class: "tpl:grid tpl:grid-cols-2 tpl:gap-3" }, k = { class: "tpl:grid tpl:grid-cols-2 tpl:gap-2" }, A = [
 	"value",