@templatical/editor 0.34.3 → 0.36.0

package/dist/{RestoreVersionDialog-Db5rZRMA.js → RestoreVersionDialog-BMGUkcd8.js}

@@ -1,9 +1,9 @@
-import { Dt as e, c as t, d as n, g as r, h as i, k as a, kt as o, l as s, rt as c, u as l, v as u, z as d } from "./vue.runtime.esm-bundler-D9JUcKrV.js";
-import { t as f } from "./useI18n-CL6RfPzK.js";
-import { t as p } from "./loader-circle-t-SVgmJ3.js";
-import { t as m } from "./triangle-alert-DxnFj4-B.js";
+import { A as e, B as t, at as n, c as r, d as i, g as a, h as o, jt as s, kt as c, l, u, v as d } from "./vue.runtime.esm-bundler-DShF3P6k.js";
+import { t as f } from "./useI18n-BbdxxpOE.js";
+import { t as p } from "./loader-circle-B_tAD4k6.js";
+import { t as m } from "./triangle-alert-C6tGa6jw.js";
 import { d as h, v as g, x as _ } from "./styleConstants-C_YAPdQS.js";
-import { t as v } from "./TplModal-CowM3o_F.js";
+import { t as v } from "./TplModal-Q9fDgS1M.js";
 //#region src/components/RestoreVersionDialog.vue?vue&type=script&setup=true&lang.ts
 var y = ["aria-busy"], b = { class: "tpl:flex tpl:items-center tpl:gap-2" }, x = {
 	id: "tpl-restore-version-title",
@@ -11,7 +11,7 @@ var y = ["aria-busy"], b = { class: "tpl:flex tpl:items-center tpl:gap-2" }, x =
 }, S = {
 	id: "tpl-restore-version-body",
 	class: "tpl:m-0 tpl:text-sm tpl:text-[var(--tpl-text-muted)]"
-}, C = { class: "tpl:flex tpl:justify-end tpl:gap-2" }, w = ["disabled"], T = ["disabled"], E = ["disabled"], D = /* @__PURE__ */ u({
+}, C = { class: "tpl:flex tpl:justify-end tpl:gap-2" }, w = ["disabled"], T = ["disabled"], E = ["disabled"], D = /* @__PURE__ */ d({
 	__name: "RestoreVersionDialog",
 	props: {
 		visible: { type: Boolean },
@@ -23,16 +23,16 @@ var y = ["aria-busy"], b = { class: "tpl:flex tpl:items-center tpl:gap-2" }, x =
 		"save-and-restore",
 		"discard-and-restore"
 	],
-	setup(u, { emit: D }) {
+	setup(d, { emit: D }) {
 		let O = D, { t: k } = f();
-		return (f, D) => (a(), s(v, {
-			visible: u.visible,
+		return (f, D) => (e(), l(v, {
+			visible: d.visible,
 			onClose: D[3] ||= (e) => O("cancel")
 		}, {
-			default: d(() => [t("div", {
+			default: t(() => [r("div", {
 				role: "alertdialog",
 				"aria-modal": "true",
-				"aria-busy": u.isBusy,
+				"aria-busy": d.isBusy,
 				"aria-labelledby": "tpl-restore-version-title",
 				"aria-describedby": "tpl-restore-version-body",
 				"data-testid": "restore-version-dialog",
@@ -42,40 +42,40 @@ var y = ["aria-busy"], b = { class: "tpl:flex tpl:items-center tpl:gap-2" }, x =
 					"box-shadow": "var(--tpl-shadow-xl)"
 				}
 			}, [
-				t("div", b, [r(c(m), {
+				r("div", b, [a(n(m), {
 					size: 18,
 					"stroke-width": 2,
 					class: "tpl:text-[var(--tpl-warning)]"
-				}), t("h3", x, o(c(k).versionPreview.restoreConfirm.title), 1)]),
-				t("p", S, o(u.canSave ? c(k).versionPreview.restoreConfirm.unsavedWithSave : c(k).versionPreview.restoreConfirm.unsavedNoSave), 1),
-				t("div", C, [
-					t("button", {
+				}), r("h3", x, s(n(k).versionPreview.restoreConfirm.title), 1)]),
+				r("p", S, s(d.canSave ? n(k).versionPreview.restoreConfirm.unsavedWithSave : n(k).versionPreview.restoreConfirm.unsavedNoSave), 1),
+				r("div", C, [
+					r("button", {
 						type: "button",
 						"data-testid": "restore-version-cancel",
-						class: e(c(_)),
-						disabled: u.isBusy,
+						class: c(n(_)),
+						disabled: d.isBusy,
 						onClick: D[0] ||= (e) => O("cancel")
-					}, o(c(k).versionPreview.restoreConfirm.cancel), 11, w),
-					t("button", {
+					}, s(n(k).versionPreview.restoreConfirm.cancel), 11, w),
+					r("button", {
 						type: "button",
 						"data-testid": "restore-version-discard",
-						class: e(c(h)),
-						disabled: u.isBusy,
+						class: c(n(h)),
+						disabled: d.isBusy,
 						onClick: D[1] ||= (e) => O("discard-and-restore")
-					}, o(c(k).versionPreview.restoreConfirm.restoreAnyway), 11, T),
-					u.canSave ? (a(), n("button", {
+					}, s(n(k).versionPreview.restoreConfirm.restoreAnyway), 11, T),
+					d.canSave ? (e(), i("button", {
 						key: 0,
 						type: "button",
 						"data-testid": "restore-version-save-first",
-						class: e(c(g)),
-						disabled: u.isBusy,
+						class: c(n(g)),
+						disabled: d.isBusy,
 						onClick: D[2] ||= (e) => O("save-and-restore")
-					}, [u.isBusy ? (a(), s(c(p), {
+					}, [d.isBusy ? (e(), l(n(p), {
 						key: 0,
 						class: "tpl:animate-spin",
 						size: 12,
 						"stroke-width": 2
-					})) : l("", !0), i(" " + o(c(k).versionPreview.restoreConfirm.saveAndRestore), 1)], 10, E)) : l("", !0)
+					})) : u("", !0), o(" " + s(n(k).versionPreview.restoreConfirm.saveAndRestore), 1)], 10, E)) : u("", !0)
 				])
 			], 8, y)]),
 			_: 1

package/dist/RichTextEditorContent-BnxbQUV9.js

@@ -0,0 +1,154 @@
+import { A as e, At as t, F as n, I as r, S as i, at as a, c as o, d as s, g as c, h as l, i as u, jt as d, l as f, s as p, u as m, v as h, w as g } from "./vue.runtime.esm-bundler-DShF3P6k.js";
+import { c as _ } from "./runtime-dom.esm-bundler-PnoZU512.js";
+import { W as v, g as y, q as b } from "./keys-DQA2i1k1.js";
+import { t as x } from "./useI18n-BbdxxpOE.js";
+import { n as S } from "./usePopoverPosition-CprM5p-c.js";
+import { t as C } from "./createLucideIcon-Cwf_nTzE.js";
+import { t as w } from "./MergeTagInput-BEjzj4Iu.js";
+import { t as T } from "./x-D_-42Ukq.js";
+import { t as E } from "./ColorPicker-BqlZ_TqG.js";
+var D = C({
+	name: "bold",
+	size: 24,
+	node: [["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"
+	}]]
+}), O = C({
+	name: "italic",
+	size: 24,
+	node: [
+		["line", {
+			x1: "19",
+			x2: "10",
+			y1: "4",
+			y2: "4",
+			key: "15jd3p"
+		}],
+		["line", {
+			x1: "14",
+			x2: "5",
+			y1: "20",
+			y2: "20",
+			key: "bu0au3"
+		}],
+		["line", {
+			x1: "15",
+			x2: "9",
+			y1: "4",
+			y2: "20",
+			key: "uljnxc"
+		}]
+	]
+}), k = ["data-tpl-theme"], A = { class: "tpl:flex tpl:items-center tpl:justify-between tpl:border-b tpl:border-[var(--tpl-border)] tpl:px-5 tpl:py-4" }, j = {
+	id: "tpl-link-dialog-title",
+	class: "tpl:m-0 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]"
+}, M = ["aria-label"], N = { class: "tpl:p-5" }, P = { class: "tpl:mb-4 tpl:last:mb-0" }, F = { class: "tpl:mb-1.5 tpl:block tpl:text-xs tpl:font-medium tpl:tracking-wide tpl:text-[var(--tpl-text-muted)] tpl:uppercase" }, I = { class: "tpl:mb-4 tpl:last:mb-0" }, L = { class: "tpl:mb-1.5 tpl:block tpl:text-xs tpl:font-medium tpl:tracking-wide tpl:text-[var(--tpl-text-muted)] tpl:uppercase" }, R = { 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" }, z = { class: "tpl:ml-auto tpl:flex tpl:gap-2" }, B = /* @__PURE__ */ h({
+	__name: "RichTextLinkDialog",
+	props: /*@__PURE__*/ g({
+		visible: { type: Boolean },
+		isEditingLink: { type: Boolean }
+	}, {
+		linkUrl: { required: !0 },
+		linkUrlModifiers: {},
+		linkColor: { default: "" },
+		linkColorModifiers: {},
+		dialogRef: { required: !0 },
+		dialogRefModifiers: {}
+	}),
+	emits: /*@__PURE__*/ g([
+		"close",
+		"insert",
+		"remove",
+		"keydown"
+	], [
+		"update:linkUrl",
+		"update:linkColor",
+		"update:dialogRef"
+	]),
+	setup(n, { emit: l }) {
+		let h = r(n, "linkUrl"), g = r(n, "linkColor"), C = r(n, "dialogRef"), D = l, O = i(v, null), B = i(b, null), V = S(), H = i(y, null), U = p(() => H?.content.value.settings.linkColor || "#2c85de"), { t: W } = x();
+		return (r, i) => a(V) ? (e(), f(u, {
+			key: 0,
+			to: a(V)
+		}, [n.visible ? (e(), s("div", {
+			key: 0,
+			"data-tpl-theme": a(B),
+			class: "tpl tpl-link-dialog tpl:fixed tpl:inset-0 tpl:flex tpl:items-center tpl:justify-center",
+			style: t(a(O)),
+			onClick: i[7] ||= _((e) => D("close"), ["self"])
+		}, [o("div", {
+			ref: (e) => C.value = e,
+			role: "dialog",
+			"aria-modal": "true",
+			"aria-labelledby": "tpl-link-dialog-title",
+			"data-testid": "link-dialog",
+			class: "tpl:w-[400px] tpl:overflow-hidden tpl:rounded-lg tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:shadow-[var(--tpl-shadow-lg)]"
+		}, [
+			o("div", A, [o("h4", j, d(n.isEditingLink ? a(W).linkDialog.editLink : a(W).linkDialog.insertLink), 1), o("button", {
+				type: "button",
+				"aria-label": a(W).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: i[0] ||= (e) => D("close")
+			}, [c(a(T), {
+				size: 16,
+				"stroke-width": 2
+			})], 8, M)]),
+			o("div", N, [o("div", P, [o("label", F, d(a(W).linkDialog.urlLabel), 1), c(w, {
+				"model-value": h.value,
+				type: "url",
+				"data-testid": "link-dialog-url",
+				placeholder: a(W).linkDialog.urlPlaceholder,
+				"onUpdate:modelValue": i[1] ||= (e) => h.value = e,
+				onKeydown: i[2] ||= (e) => D("keydown", e)
+			}, null, 8, ["model-value", "placeholder"])]), o("div", I, [o("label", L, d(a(W).linkDialog.colorLabel), 1), c(E, {
+				"model-value": g.value,
+				"seed-color": U.value,
+				"onUpdate:modelValue": i[3] ||= (e) => g.value = e
+			}, null, 8, ["model-value", "seed-color"])])]),
+			o("div", R, [n.isEditingLink ? (e(), s("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:hover:bg-[var(--tpl-danger-light)]",
+				onClick: i[4] ||= (e) => D("remove")
+			}, d(a(W).linkDialog.removeLink), 1)) : m("", !0), o("div", z, [o("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:hover:bg-[var(--tpl-bg-hover)] tpl:hover:text-[var(--tpl-text)]",
+				onClick: i[5] ||= (e) => D("close")
+			}, d(a(W).linkDialog.cancel), 1), o("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:hover:bg-[var(--tpl-primary-hover)] tpl:text-[var(--tpl-on-primary)]",
+				"data-testid": "link-dialog-submit",
+				onClick: i[6] ||= (e) => D("insert")
+			}, d(n.isEditingLink ? a(W).linkDialog.updateLink : a(W).linkDialog.insertLink), 1)])])
+		], 512)], 12, k)) : m("", !0)], 8, ["to"])) : m("", !0);
+	}
+}), V = {
+	key: 0,
+	class: "tpl-text-editable tpl:min-h-[1.5em] tpl:rounded tpl:border tpl:border-dashed tpl:border-[var(--tpl-primary)] tpl:p-2"
+}, H = { class: "tpl:animate-pulse tpl:text-[var(--tpl-text-dim)]" }, U = {
+	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)]"
+}, W = /* @__PURE__ */ h({
+	__name: "RichTextEditorContent",
+	props: {
+		editor: {},
+		editorContent: {},
+		isLoading: { type: Boolean },
+		initError: {}
+	},
+	emits: ["retry"],
+	setup(t, { emit: r }) {
+		let i = r, { t: c } = x();
+		return (r, u) => t.isLoading ? (e(), s("div", V, [o("div", H, d(a(c).errors.editorLoading), 1)])) : t.initError ? (e(), s("div", U, [l(d(a(c).errors.editorLoadFailed) + " ", 1), o("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: u[0] ||= (e) => i("retry")
+		}, d(a(c).errors.retry), 1)])) : t.editorContent && t.editor ? (e(), f(n(t.editorContent), {
+			key: 2,
+			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"])) : m("", !0);
+	}
+});
+//#endregion
+export { D as i, B as n, O as r, W as t };

package/dist/{SaveBlockDialog-CDCzx6Bo.js → SaveBlockDialog-WKASpCCT.js}

@@ -1,15 +1,15 @@
-import { B as e, D as t, Dt as n, E as r, L as i, Ot as a, P as o, S as s, X as c, c as l, d as u, g as d, h as f, j as p, k as m, kt as h, l as g, r as _, rt as v, s as y, u as b, v as x, z as S } from "./vue.runtime.esm-bundler-D9JUcKrV.js";
-import { a as C, c as w, s as T } from "./runtime-dom.esm-bundler-BuG03jBM.js";
-import { N as E, Y as D, c as O } from "./useEditorCore-DdkQuTHl.js";
-import { J as k, f as ee, h as A, z as j } from "./keys-C3P1yxnr.js";
-import { t as M } from "./useI18n-CL6RfPzK.js";
-import { t as te } from "./chevron-down-a-fb_Ijn.js";
-import { t as N } from "./chevron-up-x4l0et_Y.js";
-import { t as P } from "./loader-circle-t-SVgmJ3.js";
+import { A as e, At as t, B as n, D as r, F as i, M as a, O as o, R as s, S as c, V as l, Z as u, at as d, c as f, d as p, g as m, h, jt as g, kt as _, l as v, r as y, s as b, u as x, v as S } from "./vue.runtime.esm-bundler-DShF3P6k.js";
+import { a as C, c as w, s as T } from "./runtime-dom.esm-bundler-PnoZU512.js";
+import { J as ee, N as E, c as D } from "./useEditorCore-DhlKOYwe.js";
+import { B as O, Y as k, g as A, p as te } from "./keys-DQA2i1k1.js";
+import { t as j } from "./useI18n-BbdxxpOE.js";
+import { t as M } from "./chevron-down-C-Fjxcqj.js";
+import { t as N } from "./chevron-up-lntU1ypp.js";
+import { t as P } from "./loader-circle-B_tAD4k6.js";
 import { v as F } from "./styleConstants-C_YAPdQS.js";
 import { n as I } from "./emailFrameWidth-BmFCN2dp.js";
-import { t as L } from "./TplModal-CowM3o_F.js";
-import { t as R } from "./BlockPreviewCanvas-B621ANn9.js";
+import { t as L } from "./TplModal-Q9fDgS1M.js";
+import { t as R } from "./BlockPreviewCanvas-DDCmMram.js";
 //#region src/components/SavedBlockPreviewRow.vue?vue&type=script&setup=true&lang.ts
 var z = ["data-block-id"], B = ["aria-label", "title"], V = { class: "tpl:relative tpl:min-w-0 tpl:flex-1" }, H = {
 	key: 0,
@@ -17,7 +17,7 @@ var z = ["data-block-id"], B = ["aria-label", "title"], V = { class: "tpl:relati
 	"aria-hidden": "true",
 	class: "tpl:pointer-events-none tpl:absolute tpl:inset-x-0 tpl:bottom-0 tpl:h-10",
 	style: { background: "linear-gradient(\n            to bottom,\n            transparent,\n            var(--tpl-bg) 90%\n          )" }
-}, U = ["aria-label", "aria-expanded"], W = 240, G = /* @__PURE__ */ x({
+}, U = ["aria-label", "aria-expanded"], W = 240, G = /* @__PURE__ */ S({
 	__name: "SavedBlockPreviewRow",
 	props: {
 		block: {},
@@ -25,69 +25,69 @@ var z = ["data-block-id"], B = ["aria-label", "title"], V = { class: "tpl:relati
 		total: {}
 	},
 	emits: ["move"],
-	setup(e, { emit: n }) {
-		let i = e, p = n, { t: _, format: x } = M(), S = s(ee, []), C = s(A, null), O = y(() => I(C?.content.value.settings)), k = c(null), j = c(null), P = c(1), F = c(null), L = c(!1), G = null, K = y(() => F.value !== null && F.value > W), q = y(() => F.value === null ? null : L.value || !K.value ? F.value : W);
+	setup(n, { emit: a }) {
+		let s = n, l = a, { t: _, format: y } = j(), S = c(te, []), C = c(A, null), D = b(() => I(C?.content.value.settings)), O = u(null), k = u(null), P = u(1), F = u(null), L = u(!1), G = null, K = b(() => F.value !== null && F.value > W), q = b(() => F.value === null ? null : L.value || !K.value ? F.value : W);
 		function J() {
-			let e = k.value, t = j.value;
+			let e = O.value, t = k.value;
 			if (!e || !t) return;
 			let n = e.clientWidth;
 			if (n <= 0) return;
-			let r = Math.min(1, n / O.value);
+			let r = Math.min(1, n / D.value);
 			P.value = r, F.value = t.offsetHeight * r;
 		}
-		t(() => {
-			J(), !(typeof ResizeObserver > "u") && (G = new ResizeObserver(() => J()), k.value && G.observe(k.value), j.value && G.observe(j.value));
+		o(() => {
+			J(), !(typeof ResizeObserver > "u") && (G = new ResizeObserver(() => J()), O.value && G.observe(O.value), k.value && G.observe(k.value));
 		}), r(() => {
 			G?.disconnect(), G = null;
 		});
-		let Y = y(() => D(i.block, _, S)), X = y(() => x(_.savedBlocks.reorderHandle, {
+		let Y = b(() => ee(s.block, _, S)), X = b(() => y(_.savedBlocks.reorderHandle, {
 			block: Y.value,
-			position: i.position,
-			total: i.total
-		})), Z = y(() => x(L.value ? _.savedBlocks.collapsePreview : _.savedBlocks.expandPreview, { block: Y.value }));
-		return (t, n) => (m(), u("div", {
+			position: s.position,
+			total: s.total
+		})), Z = b(() => y(L.value ? _.savedBlocks.collapsePreview : _.savedBlocks.expandPreview, { block: Y.value }));
+		return (r, a) => (e(), p("div", {
 			"data-testid": "saved-blocks-reorder-row",
-			"data-block-id": e.block.id,
+			"data-block-id": n.block.id,
 			class: "tpl:flex tpl:items-start tpl:gap-1.5 tpl:rounded-[var(--tpl-radius-md)] tpl:border tpl:p-1.5 tpl:border-[var(--tpl-border)]",
 			style: { "background-color": "var(--tpl-bg)" }
-		}, [l("button", {
+		}, [f("button", {
 			type: "button",
 			"data-testid": "saved-blocks-reorder-handle",
 			class: "tpl-saved-block-reorder-handle tpl:mt-0.5 tpl:shrink-0 tpl:cursor-grab tpl:rounded tpl:border-none tpl:bg-transparent tpl:p-0.5 tpl:text-[var(--tpl-text-dim)]",
 			"aria-label": X.value,
-			title: v(_).savedBlocks.reorderHint,
-			onKeydown: [n[0] ||= T(w((e) => p("move", -1), ["prevent"]), ["up"]), n[1] ||= T(w((e) => p("move", 1), ["prevent"]), ["down"])]
-		}, [d(v(E), {
+			title: d(_).savedBlocks.reorderHint,
+			onKeydown: [a[0] ||= T(w((e) => l("move", -1), ["prevent"]), ["up"]), a[1] ||= T(w((e) => l("move", 1), ["prevent"]), ["down"])]
+		}, [m(d(E), {
 			size: 14,
 			"stroke-width": 1.5
-		})], 40, B), l("div", V, [
-			l("div", {
+		})], 40, B), f("div", V, [
+			f("div", {
 				ref_key: "frameEl",
-				ref: k,
+				ref: O,
 				class: "tpl:overflow-hidden",
-				style: a({ height: q.value === null ? void 0 : `${q.value}px` })
-			}, [l("div", {
+				style: t({ height: q.value === null ? void 0 : `${q.value}px` })
+			}, [f("div", {
 				ref_key: "contentEl",
-				ref: j,
-				style: a({
-					width: `${O.value}px`,
+				ref: k,
+				style: t({
+					width: `${D.value}px`,
 					transform: `scale(${P.value})`,
 					transformOrigin: "top left"
 				})
-			}, [d(R, { blocks: [e.block] }, null, 8, ["blocks"])], 4)], 4),
-			K.value && !L.value ? (m(), u("div", H)) : b("", !0),
-			K.value ? (m(), u("button", {
+			}, [m(R, { blocks: [n.block] }, null, 8, ["blocks"])], 4)], 4),
+			K.value && !L.value ? (e(), p("div", H)) : x("", !0),
+			K.value ? (e(), p("button", {
 				key: 1,
 				type: "button",
 				"data-testid": "saved-blocks-preview-toggle",
 				class: "tpl:absolute tpl:bottom-1 tpl:right-1 tpl:flex tpl:cursor-pointer tpl:items-center tpl:gap-0.5 tpl:rounded tpl:border tpl:px-1.5 tpl:py-0.5 tpl:text-[10px] tpl:font-medium tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg-elevated)] tpl:text-[var(--tpl-text-muted)]",
 				"aria-label": Z.value,
 				"aria-expanded": L.value,
-				onClick: n[2] ||= (e) => L.value = !L.value
-			}, [(m(), g(o(L.value ? v(N) : v(te)), {
+				onClick: a[2] ||= (e) => L.value = !L.value
+			}, [(e(), v(i(L.value ? d(N) : d(M)), {
 				size: 11,
 				"stroke-width": 2
-			})), f(" " + h(L.value ? v(_).savedBlocks.collapse : v(_).savedBlocks.expand), 1)], 8, U)) : b("", !0)
+			})), h(" " + g(L.value ? d(_).savedBlocks.collapse : d(_).savedBlocks.expand), 1)], 8, U)) : x("", !0)
 		])], 8, z));
 	}
 }), K = ["aria-busy"], q = {
@@ -114,7 +114,7 @@ var z = ["data-block-id"], B = ["aria-label", "title"], V = { class: "tpl:relati
 }, de = { class: "tpl:flex tpl:shrink-0 tpl:justify-end tpl:gap-2" }, fe = ["disabled"], pe = ["disabled"], me = {
 	key: 0,
 	class: "tpl:flex tpl:items-center tpl:gap-1.5"
-}, he = { key: 1 }, Q = /* @__PURE__ */ x({
+}, he = { key: 1 }, Q = /* @__PURE__ */ S({
 	__name: "SaveBlockDialog",
 	props: {
 		visible: { type: Boolean },
@@ -122,10 +122,10 @@ var z = ["data-block-id"], B = ["aria-label", "title"], V = { class: "tpl:relati
 	},
 	emits: ["close", "saved"],
 	setup(t, { emit: r }) {
-		let a = t, o = r, { t: x, format: w } = M(), T = k(A, "SaveBlockDialog"), E = k(j, "SaveBlockDialog"), te = s(ee, []), N = c(""), I = c(""), R = c(!1), z = c(null), B = c(""), V = c([]), H = y(() => {
+		let i = t, o = r, { t: S, format: w } = j(), T = k(A, "SaveBlockDialog"), E = k(O, "SaveBlockDialog"), M = c(te, []), N = u(""), I = u(""), R = u(!1), z = u(null), B = u(""), V = u([]), H = b(() => {
 			let e = new Map(T.content.value.blocks.map((e) => [e.id, e]));
 			return V.value.map((t) => e.get(t)).filter((e) => e !== void 0);
-		}), U = y({
+		}), U = b({
 			get: () => H.value,
 			set: (e) => {
 				V.value = e.map((e) => e.id);
@@ -136,20 +136,20 @@ var z = ["data-block-id"], B = ["aria-label", "title"], V = { class: "tpl:relati
 			if (r === -1 || i < 0 || i >= n.length) return;
 			[n[r], n[i]] = [n[i], n[r]], V.value = n;
 			let a = H.value[i];
-			B.value = a ? w(x.savedBlocks.reorderAnnouncement, {
+			B.value = a ? w(S.savedBlocks.reorderAnnouncement, {
 				block: Q(a),
 				position: i + 1,
 				total: n.length
 			}) : "";
 		}
 		function Q(e) {
-			return D(e, x, te);
+			return ee(e, S, M);
 		}
-		let ge = y(() => H.value.map(Q).join(", "));
-		i(() => a.visible, (e) => {
-			e && (N.value = "", I.value = "", z.value = null, B.value = "", V.value = [...a.pickedIds]);
+		let ge = b(() => H.value.map(Q).join(", "));
+		s(() => i.visible, (e) => {
+			e && (N.value = "", I.value = "", z.value = null, B.value = "", V.value = [...i.pickedIds]);
 		}, { immediate: !0 });
-		let _e = y(() => N.value.trim().length > 0 && H.value.length > 0 && !R.value);
+		let _e = b(() => N.value.trim().length > 0 && H.value.length > 0 && !R.value);
 		async function ve() {
 			if (!_e.value) return;
 			let e = H.value;
@@ -170,12 +170,12 @@ var z = ["data-block-id"], B = ["aria-label", "title"], V = { class: "tpl:relati
 		function ye(e) {
 			e.key === "Enter" && !e.shiftKey && (e.preventDefault(), ve()), e.key === "Escape" && $();
 		}
-		return (r, i) => (m(), g(L, {
+		return (r, i) => (e(), v(L, {
 			visible: t.visible,
 			onClose: $,
 			onKeydown: ye
 		}, {
-			default: S(() => [l("div", {
+			default: n(() => [f("div", {
 				role: "dialog",
 				"aria-modal": "true",
 				"aria-busy": R.value,
@@ -186,35 +186,35 @@ var z = ["data-block-id"], B = ["aria-label", "title"], V = { class: "tpl:relati
 					"box-shadow": "var(--tpl-shadow-xl)"
 				}
 			}, [
-				l("h3", q, h(v(x).savedBlocks.saveAsBlock), 1),
-				l("div", J, [l("label", Y, h(v(x).savedBlocks.name), 1), e(l("input", {
+				f("h3", q, g(d(S).savedBlocks.saveAsBlock), 1),
+				f("div", J, [f("label", Y, g(d(S).savedBlocks.name), 1), l(f("input", {
 					"onUpdate:modelValue": i[0] ||= (e) => N.value = e,
 					type: "text",
 					"data-testid": "saved-blocks-name-input",
-					placeholder: v(x).savedBlocks.namePlaceholder,
+					placeholder: d(S).savedBlocks.namePlaceholder,
 					class: "tpl:h-9 tpl:w-full tpl:rounded-md tpl:border tpl:px-3 tpl:py-1 tpl:text-sm tpl:shadow-[var(--tpl-shadow-sm)] tpl:outline-none tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:text-[var(--tpl-text)]",
 					disabled: R.value
 				}, null, 8, X), [[C, N.value]])]),
-				l("div", Z, [
-					l("label", ne, h(v(x).savedBlocks.category), 1),
-					e(l("input", {
+				f("div", Z, [
+					f("label", ne, g(d(S).savedBlocks.category), 1),
+					l(f("input", {
 						id: "tpl-save-block-category",
 						"onUpdate:modelValue": i[1] ||= (e) => I.value = e,
 						type: "text",
 						"data-testid": "saved-blocks-category-input",
 						list: "tpl-saved-block-categories",
-						placeholder: v(x).savedBlocks.categoryPlaceholder,
+						placeholder: d(S).savedBlocks.categoryPlaceholder,
 						class: "tpl:h-9 tpl:w-full tpl:rounded-md tpl:border tpl:px-3 tpl:py-1 tpl:text-sm tpl:shadow-[var(--tpl-shadow-sm)] tpl:outline-none tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:text-[var(--tpl-text)]",
 						disabled: R.value
 					}, null, 8, re), [[C, I.value]]),
-					l("datalist", ie, [(m(!0), u(_, null, p(v(E).categories.value, (e) => (m(), u("option", {
-						key: e,
-						value: e
+					f("datalist", ie, [(e(!0), p(y, null, a(d(E).categories.value, (t) => (e(), p("option", {
+						key: t,
+						value: t
 					}, null, 8, ae))), 128))])
 				]),
-				l("p", oe, [f(h(v(w)(v(x).savedBlocks.savingCount, { count: H.value.length })) + " ", 1), l("span", se, h(ge.value), 1)]),
-				H.value.length > 1 ? (m(), u("p", ce, h(v(x).savedBlocks.reorderHint), 1)) : b("", !0),
-				d(v(O), {
+				f("p", oe, [h(g(d(w)(d(S).savedBlocks.savingCount, { count: H.value.length })) + " ", 1), f("span", se, g(ge.value), 1)]),
+				H.value.length > 1 ? (e(), p("p", ce, g(d(S).savedBlocks.reorderHint), 1)) : x("", !0),
+				m(d(D), {
 					modelValue: U.value,
 					"onUpdate:modelValue": i[2] ||= (e) => U.value = e,
 					"data-testid": "saved-blocks-reorder-list",
@@ -225,12 +225,12 @@ var z = ["data-block-id"], B = ["aria-label", "title"], V = { class: "tpl:relati
 					"force-fallback": !0,
 					class: "tpl:mb-4 tpl:flex tpl:min-h-0 tpl:flex-1 tpl:flex-col tpl:gap-1.5 tpl:overflow-y-auto"
 				}, {
-					default: S(() => [(m(!0), u(_, null, p(U.value, (e, t) => (m(), g(G, {
-						key: e.id,
-						block: e,
-						position: t + 1,
+					default: n(() => [(e(!0), p(y, null, a(U.value, (t, n) => (e(), v(G, {
+						key: t.id,
+						block: t,
+						position: n + 1,
 						total: U.value.length,
-						onMove: (t) => W(e.id, t)
+						onMove: (e) => W(t.id, e)
 					}, null, 8, [
 						"block",
 						"position",
@@ -239,23 +239,23 @@ var z = ["data-block-id"], B = ["aria-label", "title"], V = { class: "tpl:relati
 					]))), 128))]),
 					_: 1
 				}, 8, ["modelValue"]),
-				l("div", le, h(B.value), 1),
-				z.value ? (m(), u("p", ue, h(z.value), 1)) : b("", !0),
-				l("div", de, [l("button", {
+				f("div", le, g(B.value), 1),
+				z.value ? (e(), p("p", ue, g(z.value), 1)) : x("", !0),
+				f("div", de, [f("button", {
 					type: "button",
-					class: n(["tpl:cursor-pointer tpl:rounded-md tpl:border tpl:px-3 tpl:py-1.5 tpl:text-sm tpl:font-medium tpl:shadow-[var(--tpl-shadow-sm)] tpl:transition-all tpl:border-[var(--tpl-border)] tpl:text-[var(--tpl-text)] tpl:bg-[var(--tpl-bg)]", { "tpl:cursor-not-allowed tpl:opacity-50": R.value }]),
+					class: _(["tpl:cursor-pointer tpl:rounded-md tpl:border tpl:px-3 tpl:py-1.5 tpl:text-sm tpl:font-medium tpl:shadow-[var(--tpl-shadow-sm)] tpl:transition-all tpl:border-[var(--tpl-border)] tpl:text-[var(--tpl-text)] tpl:bg-[var(--tpl-bg)]", { "tpl:cursor-not-allowed tpl:opacity-50": R.value }]),
 					disabled: R.value,
 					onClick: $
-				}, h(v(x).savedBlocks.cancel), 11, fe), l("button", {
+				}, g(d(S).savedBlocks.cancel), 11, fe), f("button", {
 					type: "button",
-					class: n(v(F)),
+					class: _(d(F)),
 					disabled: !_e.value,
 					onClick: ve
-				}, [R.value ? (m(), u("span", me, [d(v(P), {
+				}, [R.value ? (e(), p("span", me, [m(d(P), {
 					class: "tpl:animate-spin",
 					size: 12,
 					"stroke-width": 2
-				}), f(" " + h(v(x).savedBlocks.saving), 1)])) : (m(), u("span", he, h(v(x).savedBlocks.save), 1))], 10, pe)])
+				}), h(" " + g(d(S).savedBlocks.saving), 1)])) : (e(), p("span", he, g(d(S).savedBlocks.save), 1))], 10, pe)])
 			], 8, K)]),
 			_: 1
 		}, 8, ["visible"]));