@templatical/editor 0.6.3 → 0.6.5

package/dist/{RichTextEditorContent-DYkIauIk.js → RichTextEditorContent-CK3Om7ES.js}

@@ -1,8 +1,8 @@
-import { D as e, E as t, H as n, L as r, M as i, Mt as a, Ot as o, R as s, S as c, _ as l, b as u, f as d, g as f, h as p, it as m, m as h, s as g, u as _, y as v } from "./vue.runtime.esm-bundler-DpvJL-nX.js";
-import { D as y, T as b } from "./keys-ciNfSSGj.js";
-import { t as x } from "./useI18n-lb2DHDiu.js";
-import { t as S } from "./createLucideIcon-C3pa2siy.js";
-import { t as C } from "./x-u2oVmjN_.js";
+import { A as e, B as t, F as n, I as r, T as i, _ as a, a as o, b as s, c, f as l, h as u, m as d, ot as f, p, rt as m, st as h, u as g, v as _, w as v } from "./vue.runtime.esm-bundler-Bxqkjqhc.js";
+import { D as y, T as b } from "./keys-Bqs_0du9.js";
+import { t as x } from "./useI18n-CgmQftNf.js";
+import { t as S } from "./createLucideIcon-Di4mqmGn.js";
+import { t as C } from "./x-Dlaenqta.js";
 var w = S("bold", [["path", {
 	d: "M6 12h9a4 4 0 0 1 0 8H7a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1h7a4 4 0 0 1 0 8",
 	key: "mg9rjx"
@@ -40,9 +40,9 @@ var w = S("bold", [["path", {
 }, A = ["aria-label"], j = { class: "tpl:p-5" }, M = { class: "tpl:mb-4 tpl:last:mb-0" }, N = {
 	for: "tpl-link-dialog-url",
 	class: "tpl:mb-1.5 tpl:block tpl:text-xs tpl:font-medium tpl:tracking-wide tpl:text-[var(--tpl-text-muted)] tpl:uppercase"
-}, P = ["placeholder"], F = { class: "tpl:flex tpl:items-center tpl:justify-between tpl:border-t tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg-elevated)] tpl:px-5 tpl:py-4" }, I = { class: "tpl:ml-auto tpl:flex tpl:gap-2" }, L = /* @__PURE__ */ c({
+}, P = ["placeholder"], F = { class: "tpl:flex tpl:items-center tpl:justify-between tpl:border-t tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg-elevated)] tpl:px-5 tpl:py-4" }, I = { class: "tpl:ml-auto tpl:flex tpl:gap-2" }, L = /* @__PURE__ */ s({
 	__name: "RichTextLinkDialog",
-	props: /* @__PURE__ */ e({
+	props: /* @__PURE__ */ i({
 		visible: { type: Boolean },
 		isEditingLink: { type: Boolean }
 	}, {
@@ -51,60 +51,60 @@ var w = S("bold", [["path", {
 		dialogRef: { required: !0 },
 		dialogRefModifiers: {}
 	}),
-	emits: /* @__PURE__ */ e([
+	emits: /* @__PURE__ */ i([
 		"close",
 		"insert",
 		"remove",
 		"keydown"
 	], ["update:linkUrl", "update:dialogRef"]),
-	setup(e, { emit: r }) {
-		let c = s(e, "linkUrl"), v = s(e, "dialogRef"), S = r, w = t(b, null), T = t(y, null), { t: E } = x();
-		return (t, r) => (i(), p(d, { to: "body" }, [e.visible ? (i(), l("div", {
+	setup(n, { emit: i }) {
+		let a = r(n, "linkUrl"), s = r(n, "dialogRef"), S = i, w = v(b, null), T = v(y, null), { t: E } = x();
+		return (r, i) => (e(), p(g, { to: "body" }, [n.visible ? (e(), u("div", {
 			key: 0,
 			"data-tpl-theme": m(T),
 			class: "tpl tpl-link-dialog tpl:fixed tpl:inset-0 tpl:z-modal tpl:flex tpl:items-center tpl:justify-center",
-			style: o(m(w)),
-			onClick: r[6] ||= _((e) => S("close"), ["self"])
-		}, [h("div", {
-			ref: (e) => v.value = e,
+			style: f(m(w)),
+			onClick: i[6] ||= c((e) => S("close"), ["self"])
+		}, [l("div", {
+			ref: (e) => s.value = e,
 			role: "dialog",
 			"aria-modal": "true",
 			"aria-labelledby": "tpl-link-dialog-title",
 			class: "tpl:w-[400px] tpl:overflow-hidden tpl:rounded-lg tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:shadow-lg"
 		}, [
-			h("div", O, [h("h4", k, a(e.isEditingLink ? m(E).linkDialog.editLink : m(E).linkDialog.insertLink), 1), h("button", {
+			l("div", O, [l("h4", k, h(n.isEditingLink ? m(E).linkDialog.editLink : m(E).linkDialog.insertLink), 1), l("button", {
 				type: "button",
 				"aria-label": m(E).linkDialog.cancel,
 				class: "tpl:flex tpl:size-7 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded tpl:border-none tpl:bg-transparent tpl:p-0 tpl:text-[var(--tpl-text-muted)] tpl:hover:bg-[var(--tpl-bg-hover)] tpl:hover:text-[var(--tpl-text)]",
-				onClick: r[0] ||= (e) => S("close")
-			}, [u(m(C), {
+				onClick: i[0] ||= (e) => S("close")
+			}, [_(m(C), {
 				size: 16,
 				"stroke-width": 2
 			})], 8, A)]),
-			h("div", j, [h("div", M, [h("label", N, a(m(E).linkDialog.urlLabel), 1), n(h("input", {
+			l("div", j, [l("div", M, [l("label", N, h(m(E).linkDialog.urlLabel), 1), t(l("input", {
 				id: "tpl-link-dialog-url",
-				"onUpdate:modelValue": r[1] ||= (e) => c.value = e,
+				"onUpdate:modelValue": i[1] ||= (e) => a.value = e,
 				type: "url",
 				class: "tpl:w-full tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:px-3 tpl:py-2.5 tpl:text-sm tpl:text-[var(--tpl-text)] tpl:transition-all tpl:duration-150 tpl:outline-none tpl:placeholder:text-[var(--tpl-text-dim)] tpl:focus:border-[var(--tpl-primary)] tpl:focus:shadow-[0_0_0_3px_var(--tpl-primary-light)]",
 				placeholder: m(E).linkDialog.urlPlaceholder,
 				autofocus: "",
-				onKeydown: r[2] ||= (e) => S("keydown", e)
-			}, null, 40, P), [[g, c.value]])])]),
-			h("div", F, [e.isEditingLink ? (i(), l("button", {
+				onKeydown: i[2] ||= (e) => S("keydown", e)
+			}, null, 40, P), [[o, a.value]])])]),
+			l("div", F, [n.isEditingLink ? (e(), u("button", {
 				key: 0,
 				type: "button",
 				class: "tpl:inline-flex tpl:cursor-pointer tpl:items-center tpl:rounded-md tpl:border tpl:border-[var(--tpl-danger)] tpl:bg-transparent tpl:px-4 tpl:py-2 tpl:text-[13px] tpl:font-medium tpl:text-[var(--tpl-danger)] tpl:transition-all tpl:duration-150 tpl:hover:bg-[var(--tpl-danger-light)]",
-				onClick: r[3] ||= (e) => S("remove")
-			}, a(m(E).linkDialog.removeLink), 1)) : f("", !0), h("div", I, [h("button", {
+				onClick: i[3] ||= (e) => S("remove")
+			}, h(m(E).linkDialog.removeLink), 1)) : d("", !0), l("div", I, [l("button", {
 				type: "button",
 				class: "tpl:inline-flex tpl:cursor-pointer tpl:items-center tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-transparent tpl:px-4 tpl:py-2 tpl:text-[13px] tpl:font-medium tpl:text-[var(--tpl-text-muted)] tpl:transition-all tpl:duration-150 tpl:hover:bg-[var(--tpl-bg-hover)] tpl:hover:text-[var(--tpl-text)]",
-				onClick: r[4] ||= (e) => S("close")
-			}, a(m(E).linkDialog.cancel), 1), h("button", {
+				onClick: i[4] ||= (e) => S("close")
+			}, h(m(E).linkDialog.cancel), 1), l("button", {
 				type: "button",
 				class: "tpl:inline-flex tpl:cursor-pointer tpl:items-center tpl:rounded-md tpl:border-none tpl:bg-[var(--tpl-primary)] tpl:px-4 tpl:py-2 tpl:text-[13px] tpl:font-medium tpl:transition-all tpl:duration-150 tpl:hover:bg-[var(--tpl-primary-hover)] tpl:text-[var(--tpl-bg)]",
-				onClick: r[5] ||= (e) => S("insert")
-			}, a(e.isEditingLink ? m(E).linkDialog.updateLink : m(E).linkDialog.insertLink), 1)])])
-		], 512)], 12, D)) : f("", !0)]));
+				onClick: i[5] ||= (e) => S("insert")
+			}, h(n.isEditingLink ? m(E).linkDialog.updateLink : m(E).linkDialog.insertLink), 1)])])
+		], 512)], 12, D)) : d("", !0)]));
 	}
 }), R = {
 	key: 0,
@@ -112,7 +112,7 @@ var w = S("bold", [["path", {
 }, z = { class: "tpl:animate-pulse tpl:text-[var(--tpl-text-dim)]" }, B = {
 	key: 1,
 	class: "tpl-text-editable tpl:min-h-[1.5em] tpl:rounded tpl:border tpl:border-dashed tpl:p-2 tpl:text-center tpl:text-xs tpl:border-[var(--tpl-danger)] tpl:text-[var(--tpl-text-muted)]"
-}, V = /* @__PURE__ */ c({
+}, V = /* @__PURE__ */ s({
 	__name: "RichTextEditorContent",
 	props: {
 		editor: {},
@@ -121,16 +121,16 @@ var w = S("bold", [["path", {
 		initError: {}
 	},
 	emits: ["retry"],
-	setup(e, { emit: t }) {
-		let n = t, { t: o } = x();
-		return (t, s) => e.isLoading ? (i(), l("div", R, [h("div", z, a(m(o).errors.editorLoading), 1)])) : e.initError ? (i(), l("div", B, [v(a(m(o).errors.editorLoadFailed) + " ", 1), h("button", {
+	setup(t, { emit: r }) {
+		let i = r, { t: o } = x();
+		return (r, s) => t.isLoading ? (e(), u("div", R, [l("div", z, h(m(o).errors.editorLoading), 1)])) : t.initError ? (e(), u("div", B, [a(h(m(o).errors.editorLoadFailed) + " ", 1), l("button", {
 			class: "tpl:ml-1 tpl:cursor-pointer tpl:border-none tpl:bg-transparent tpl:p-0 tpl:underline tpl:text-[var(--tpl-primary)]",
-			onClick: s[0] ||= (e) => n("retry")
-		}, a(m(o).errors.retry), 1)])) : e.editorContent && e.editor ? (i(), p(r(e.editorContent), {
+			onClick: s[0] ||= (e) => i("retry")
+		}, h(m(o).errors.retry), 1)])) : t.editorContent && t.editor ? (e(), p(n(t.editorContent), {
 			key: 2,
-			editor: e.editor,
+			editor: t.editor,
 			class: "tpl-text-editable tpl:min-h-[1.5em] tpl:rounded tpl:border tpl:border-dashed tpl:border-[var(--tpl-primary)] tpl:p-2"
-		}, null, 8, ["editor"])) : f("", !0);
+		}, null, 8, ["editor"])) : d("", !0);
 	}
 });
 //#endregion

package/dist/{SaveModuleDialog-FZ9lxY7_.js → SaveModuleDialog-Bgu0FVr6.js}

@@ -1,10 +1,10 @@
-import { Dt as e, H as t, M as n, Mt as r, Ot as i, P as a, Q as o, S as s, V as c, _ as l, b as u, d, g as f, h as p, it as m, m as h, p as g, s as _, y as v, z as y } from "./vue.runtime.esm-bundler-DpvJL-nX.js";
-import "./useEditorCore-C6ost42Q.js";
-import { C as b, O as x, m as S } from "./keys-ciNfSSGj.js";
-import { t as ee } from "./useI18n-lb2DHDiu.js";
-import { t as te } from "./loader-circle-DsY5Yg33.js";
-import { n as ne } from "./useCloudI18n-BuIwR6OE.js";
-import { t as C } from "./TplModal-BwSfxIHf.js";
+import { A as e, B as t, L as n, M as r, X as i, _ as a, a as o, at as s, b as c, d as l, f as u, h as d, l as ee, m as f, ot as p, p as m, rt as h, st as g, v as _, z as v } from "./vue.runtime.esm-bundler-Bxqkjqhc.js";
+import "./useEditorCore-DLd-5qMg.js";
+import { C as y, O as b, m as x } from "./keys-Bqs_0du9.js";
+import { t as S } from "./useI18n-CgmQftNf.js";
+import { t as te } from "./loader-circle-_9bP23op.js";
+import { n as ne } from "./useCloudI18n-CL_AwWwi.js";
+import { t as C } from "./TplModal-CINtyB6Y.js";
 //#region src/cloud/components/SaveModuleDialog.vue?vue&type=script&setup=true&lang.ts
 var w = ["aria-busy"], T = {
 	id: "tpl-save-module-title",
@@ -20,27 +20,27 @@ var w = ["aria-busy"], T = {
 }, P = { class: "tpl:flex tpl:justify-end tpl:gap-2" }, F = ["disabled"], I = ["disabled"], L = {
 	key: 0,
 	class: "tpl:flex tpl:items-center tpl:gap-1.5"
-}, re = { key: 1 }, R = /* @__PURE__ */ s({
+}, re = { key: 1 }, R = /* @__PURE__ */ c({
 	__name: "SaveModuleDialog",
 	props: {
 		visible: { type: Boolean },
 		preSelectedBlockId: {}
 	},
 	emits: ["close", "saved"],
-	setup(s, { emit: R }) {
-		let z = s, B = R, { t: V } = ee(), { t: H } = ne(), U = x(S, "SaveModuleDialog"), W = x(b, "SaveModuleDialog"), G = o(""), K = o(/* @__PURE__ */ new Set()), q = o(!1), J = o(null), Y = g(() => U.content.value.blocks);
+	setup(c, { emit: R }) {
+		let z = c, B = R, { t: V } = S(), { t: H } = ne(), U = b(x, "SaveModuleDialog"), W = b(y, "SaveModuleDialog"), G = i(""), K = i(/* @__PURE__ */ new Set()), q = i(!1), J = i(null), Y = l(() => U.content.value.blocks);
 		function X(e, t) {
 			let n = e.type;
 			return `${V.blocks[n] ?? e.type} ${t + 1}`;
 		}
-		y(() => z.visible, (e) => {
+		n(() => z.visible, (e) => {
 			e && (G.value = "", J.value = null, K.value = new Set(z.preSelectedBlockId ? [z.preSelectedBlockId] : []));
 		});
 		function ie(e) {
 			let t = new Set(K.value);
 			t.has(e) ? t.delete(e) : t.add(e), K.value = t;
 		}
-		let Z = g(() => G.value.trim().length > 0 && K.value.size > 0 && !q.value);
+		let Z = l(() => G.value.trim().length > 0 && K.value.size > 0 && !q.value);
 		async function Q() {
 			if (Z.value) {
 				q.value = !0, J.value = null;
@@ -60,12 +60,12 @@ var w = ["aria-busy"], T = {
 		function ae(e) {
 			e.key === "Enter" && !e.shiftKey && (e.preventDefault(), Q()), e.key === "Escape" && $();
 		}
-		return (o, g) => (n(), p(C, {
-			visible: s.visible,
+		return (n, i) => (e(), m(C, {
+			visible: c.visible,
 			onClose: $,
 			onKeydown: ae
 		}, {
-			default: c(() => [h("div", {
+			default: v(() => [u("div", {
 				role: "dialog",
 				"aria-modal": "true",
 				"aria-busy": q.value,
@@ -76,44 +76,44 @@ var w = ["aria-busy"], T = {
 					"box-shadow": "var(--tpl-shadow-xl)"
 				}
 			}, [
-				h("h3", T, r(m(H).modules.saveAsModule), 1),
-				h("div", E, [h("label", D, r(m(H).modules.moduleName), 1), t(h("input", {
-					"onUpdate:modelValue": g[0] ||= (e) => G.value = e,
+				u("h3", T, g(h(H).modules.saveAsModule), 1),
+				u("div", E, [u("label", D, g(h(H).modules.moduleName), 1), t(u("input", {
+					"onUpdate:modelValue": i[0] ||= (e) => G.value = e,
 					type: "text",
-					placeholder: m(H).modules.moduleNamePlaceholder,
+					placeholder: h(H).modules.moduleNamePlaceholder,
 					class: "tpl:h-9 tpl:w-full tpl:rounded-md tpl:border tpl:px-3 tpl:py-1 tpl:text-sm tpl:shadow-xs tpl:outline-none tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:text-[var(--tpl-text)]",
 					disabled: q.value
-				}, null, 8, O), [[_, G.value]])]),
-				h("div", k, [h("label", A, r(m(H).modules.selectBlocks), 1), h("div", j, [(n(!0), l(d, null, a(Y.value, (e, t) => (n(), l("label", {
-					key: e.id,
+				}, null, 8, O), [[o, G.value]])]),
+				u("div", k, [u("label", A, g(h(H).modules.selectBlocks), 1), u("div", j, [(e(!0), d(ee, null, r(Y.value, (t, n) => (e(), d("label", {
+					key: t.id,
 					class: "tpl:flex tpl:cursor-pointer tpl:items-center tpl:gap-2 tpl:rounded-sm tpl:px-2 tpl:py-1.5 tpl:text-sm tpl:transition-colors tpl:duration-100",
-					style: i({
+					style: p({
 						color: "var(--tpl-text)",
-						backgroundColor: K.value.has(e.id) ? "var(--tpl-primary-light)" : "transparent"
+						backgroundColor: K.value.has(t.id) ? "var(--tpl-primary-light)" : "transparent"
 					})
-				}, [h("input", {
+				}, [u("input", {
 					type: "checkbox",
-					checked: K.value.has(e.id),
+					checked: K.value.has(t.id),
 					class: "tpl:accent-[var(--tpl-primary)]",
 					disabled: q.value,
-					onChange: (t) => ie(e.id)
-				}, null, 40, M), v(" " + r(X(e, t)), 1)], 4))), 128))])]),
-				J.value ? (n(), l("p", N, r(J.value), 1)) : f("", !0),
-				h("div", P, [h("button", {
+					onChange: (e) => ie(t.id)
+				}, null, 40, M), a(" " + g(X(t, n)), 1)], 4))), 128))])]),
+				J.value ? (e(), d("p", N, g(J.value), 1)) : f("", !0),
+				u("div", P, [u("button", {
 					type: "button",
-					class: e(["tpl:cursor-pointer tpl:rounded-md tpl:border tpl:px-3 tpl:py-1.5 tpl:text-sm tpl:font-medium tpl:shadow-xs tpl:transition-all tpl:duration-150 tpl:border-[var(--tpl-border)] tpl:text-[var(--tpl-text)] tpl:bg-[var(--tpl-bg)]", { "tpl:cursor-not-allowed tpl:opacity-50": q.value }]),
+					class: s(["tpl:cursor-pointer tpl:rounded-md tpl:border tpl:px-3 tpl:py-1.5 tpl:text-sm tpl:font-medium tpl:shadow-xs tpl:transition-all tpl:duration-150 tpl:border-[var(--tpl-border)] tpl:text-[var(--tpl-text)] tpl:bg-[var(--tpl-bg)]", { "tpl:cursor-not-allowed tpl:opacity-50": q.value }]),
 					disabled: q.value,
 					onClick: $
-				}, r(m(H).modules.cancel), 11, F), h("button", {
+				}, g(h(H).modules.cancel), 11, F), u("button", {
 					type: "button",
 					class: "tpl:cursor-pointer tpl:rounded-md tpl:px-3 tpl:py-1.5 tpl:text-sm tpl:font-medium tpl:shadow-xs tpl:transition-all tpl:duration-150 tpl:hover:opacity-90 tpl:disabled:cursor-not-allowed tpl:disabled:opacity-50 tpl:bg-[var(--tpl-primary)] tpl:text-[var(--tpl-bg)]",
 					disabled: !Z.value,
 					onClick: Q
-				}, [q.value ? (n(), l("span", L, [u(m(te), {
+				}, [q.value ? (e(), d("span", L, [_(h(te), {
 					class: "tpl:animate-spin",
 					size: 12,
 					"stroke-width": 2
-				}), v(" " + r(m(H).modules.saving), 1)])) : (n(), l("span", re, r(m(H).modules.save), 1))], 8, I)])
+				}), a(" " + g(h(H).modules.saving), 1)])) : (e(), d("span", re, g(h(H).modules.save), 1))], 8, I)])
 			], 8, w)]),
 			_: 1
 		}, 8, ["visible"]));

package/dist/{SnapshotHistory-BR3eV120.js → SnapshotHistory-aSULEKUJ.js}

@@ -1,12 +1,12 @@
-import { Dt as e, M as t, Mt as n, P as r, Q as i, S as a, V as o, _ as s, b as c, d as l, g as u, it as d, m as f, p, t as m, u as h, z as g } from "./vue.runtime.esm-bundler-DpvJL-nX.js";
-import "./useEditorCore-C6ost42Q.js";
-import { t as _ } from "./dist-B1IR0bpH.js";
-import { t as v } from "./useI18n-lb2DHDiu.js";
-import { t as y } from "./createLucideIcon-C3pa2siy.js";
-import { t as b } from "./chevron-down-R2uY34iD.js";
-import { t as x } from "./clock-CRp2sIub.js";
-import { t as S } from "./loader-circle-DsY5Yg33.js";
-import { n as C } from "./useCloudI18n-BuIwR6OE.js";
+import { A as e, L as t, M as n, X as r, at as i, b as a, c as o, d as s, f as c, h as l, l as u, m as d, rt as f, st as p, t as m, v as h, z as g } from "./vue.runtime.esm-bundler-Bxqkjqhc.js";
+import "./useEditorCore-DLd-5qMg.js";
+import { t as _ } from "./dist-BzRLLpfq.js";
+import { t as v } from "./useI18n-CgmQftNf.js";
+import { t as y } from "./createLucideIcon-Di4mqmGn.js";
+import { t as b } from "./chevron-down-tee-ghFi.js";
+import { t as x } from "./clock-CDlEdqiP.js";
+import { t as S } from "./loader-circle-_9bP23op.js";
+import { n as C } from "./useCloudI18n-CL_AwWwi.js";
 import { t as w } from "./formatRelativeTime-BOEf47hq.js";
 var T = y("chevron-left", [["path", {
 	d: "m15 18-6-6 6-6",
@@ -42,11 +42,11 @@ var T = y("chevron-left", [["path", {
 	},
 	emits: ["load", "navigate"],
 	setup(a, { emit: y }) {
-		let z = a, B = y, { format: V } = v(), { t: H } = C(), U = i(!1), W = i(null), G = i(-1);
-		g(() => z.snapshots.length, () => {
+		let z = a, B = y, { format: V } = v(), { t: H } = C(), U = r(!1), W = r(null), G = r(-1);
+		t(() => z.snapshots.length, () => {
 			G.value = -1;
 		});
-		let K = p(() => G.value > 0 && z.snapshots.length > 0 && !z.isRestoring), q = p(() => G.value < z.snapshots.length - 1 && z.snapshots.length > 0 && !z.isRestoring);
+		let K = s(() => G.value > 0 && z.snapshots.length > 0 && !z.isRestoring), q = s(() => G.value < z.snapshots.length - 1 && z.snapshots.length > 0 && !z.isRestoring);
 		function J() {
 			K.value && (G.value--, B("navigate", z.snapshots[G.value]));
 		}
@@ -71,52 +71,52 @@ var T = y("chevron-left", [["path", {
 		}
 		return _(W, () => {
 			U.value = !1;
-		}), (i, p) => (t(), s("div", {
+		}), (t, r) => (e(), l("div", {
 			ref_key: "dropdownRef",
 			ref: W,
 			class: "tpl:relative tpl:flex tpl:items-center tpl:gap-0.5"
 		}, [
-			f("button", {
+			c("button", {
 				class: "tpl:flex tpl:size-7 tpl:shrink-0 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-[var(--tpl-radius-sm)] tpl:border-none tpl:bg-transparent tpl:transition-colors tpl:duration-150 hover:tpl:bg-[var(--tpl-bg-hover)] disabled:tpl:cursor-not-allowed disabled:tpl:opacity-30 disabled:hover:tpl:bg-transparent tpl:text-[var(--tpl-text-muted)]",
 				disabled: !q.value,
-				title: d(H).snapshotHistory.olderSnapshot,
-				onClick: h(Y, ["stop"])
-			}, [c(d(T), {
+				title: f(H).snapshotHistory.olderSnapshot,
+				onClick: o(Y, ["stop"])
+			}, [h(f(T), {
 				size: 14,
 				"stroke-width": 2
 			})], 8, D),
-			f("button", {
+			c("button", {
 				class: "tpl:flex tpl:h-7 tpl:shrink-0 tpl:cursor-pointer tpl:items-center tpl:gap-0.5 tpl:rounded-[var(--tpl-radius-sm)] tpl:border-none tpl:bg-transparent tpl:px-1.5 tpl:transition-colors tpl:duration-150 hover:tpl:bg-[var(--tpl-bg-hover)] tpl:text-[var(--tpl-text-muted)]",
-				title: d(H).snapshotHistory.tooltip,
-				onClick: h(X, ["stop"])
-			}, [c(d(x), {
+				title: f(H).snapshotHistory.tooltip,
+				onClick: o(X, ["stop"])
+			}, [h(f(x), {
 				size: 16,
 				"stroke-width": 1.5
-			}), c(d(b), {
-				class: e(["tpl:transition-transform tpl:duration-150", { "tpl:rotate-180": U.value }]),
+			}), h(f(b), {
+				class: i(["tpl:transition-transform tpl:duration-150", { "tpl:rotate-180": U.value }]),
 				size: 10,
 				"stroke-width": 2
 			}, null, 8, ["class"])], 8, O),
-			c(m, { name: "tpl-dropdown" }, {
-				default: o(() => [U.value ? (t(), s("div", k, [f("div", A, n(d(H).snapshotHistory.dropdownTitle), 1), a.isLoading ? (t(), s("div", j, [c(d(S), {
+			h(m, { name: "tpl-dropdown" }, {
+				default: g(() => [U.value ? (e(), l("div", k, [c("div", A, p(f(H).snapshotHistory.dropdownTitle), 1), a.isLoading ? (e(), l("div", j, [h(f(S), {
 					class: "tpl:animate-spin tpl:text-[var(--tpl-primary)]",
 					size: 20,
 					"stroke-width": 2
-				})])) : a.snapshots.length === 0 ? (t(), s("div", M, n(d(H).snapshotHistory.noSnapshots), 1)) : (t(), s("div", N, [(t(!0), s(l, null, r(a.snapshots, (e) => (t(), s("button", {
-					key: e.id,
+				})])) : a.snapshots.length === 0 ? (e(), l("div", M, p(f(H).snapshotHistory.noSnapshots), 1)) : (e(), l("div", N, [(e(!0), l(u, null, n(a.snapshots, (t) => (e(), l("button", {
+					key: t.id,
 					class: "tpl:flex tpl:w-full tpl:cursor-pointer tpl:items-center tpl:border-b tpl:border-b-[var(--tpl-border-light)] tpl:border-l-2 tpl:border-l-transparent tpl:px-3 tpl:py-2.5 tpl:text-left tpl:transition-all tpl:duration-150 last:tpl:border-b-0 hover:tpl:border-l-[var(--tpl-primary)] hover:tpl:bg-[var(--tpl-bg-hover)]",
 					style: { "background-color": "transparent" },
 					disabled: a.isRestoring,
-					onClick: (t) => Z(e.id)
-				}, [f("div", F, [f("div", I, [f("span", null, n(Q(e.created_at)), 1), e.is_autosave ? (t(), s("span", L, n(d(H).snapshotHistory.auto), 1)) : u("", !0)])])], 8, P))), 128))]))])) : u("", !0)]),
+					onClick: (e) => Z(t.id)
+				}, [c("div", F, [c("div", I, [c("span", null, p(Q(t.created_at)), 1), t.is_autosave ? (e(), l("span", L, p(f(H).snapshotHistory.auto), 1)) : d("", !0)])])], 8, P))), 128))]))])) : d("", !0)]),
 				_: 1
 			}),
-			f("button", {
+			c("button", {
 				class: "tpl:flex tpl:size-7 tpl:shrink-0 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-[var(--tpl-radius-sm)] tpl:border-none tpl:bg-transparent tpl:transition-colors tpl:duration-150 hover:tpl:bg-[var(--tpl-bg-hover)] disabled:tpl:cursor-not-allowed disabled:tpl:opacity-30 disabled:hover:tpl:bg-transparent tpl:text-[var(--tpl-text-muted)]",
 				disabled: !K.value,
-				title: d(H).snapshotHistory.newerSnapshot,
-				onClick: h(J, ["stop"])
-			}, [c(d(E), {
+				title: f(H).snapshotHistory.newerSnapshot,
+				onClick: o(J, ["stop"])
+			}, [h(f(E), {
 				size: 14,
 				"stroke-width": 2
 			})], 8, R)