@templatical/editor 0.22.0 → 0.24.0

package/dist/{SaveBlockDialog-B_5KBaXW.js → SaveBlockDialog-BDDFbAWF.js}

@@ -1,21 +1,22 @@
 import { A as e, Dt as t, E as n, Et as r, I as i, N as a, O as o, Ot as s, R as c, T as l, Y as u, _ as d, c as f, d as p, h as m, l as h, m as g, nt as _, r as v, s as y, u as b, x, z as S } from "./vue.runtime.esm-bundler-B0xoGkDv.js";
 import { a as C, c as w, s as T } from "./runtime-dom.esm-bundler-GdMI8WqG.js";
-import { H as E, P as D, c as O } from "./useEditorCore-CuMMIfiS.js";
-import { B as k, P as A, f as j, h as M } from "./keys-CHPcp-Nz.js";
-import { t as N } from "./useI18n-D2L9Mkik.js";
-import { t as P } from "./chevron-down-j8GrdTyz.js";
-import { t as F } from "./chevron-up-BACyVhyC.js";
-import { t as I } from "./loader-circle-C-Z6kgI6.js";
-import { t as L } from "./TplModal-CykwWFhF.js";
-import { t as R } from "./SavedBlockPreviewCanvas-DXkGDYph.js";
+import { H as E, P as D, c as O } from "./useEditorCore-DOrGex_t.js";
+import { F as k, H as A, f as j, h as M } from "./keys-BVlG5Ozc.js";
+import { t as ee } from "./useI18n-BhAejA-x.js";
+import { t as te } from "./chevron-down-j8GrdTyz.js";
+import { t as N } from "./chevron-up-BACyVhyC.js";
+import { t as P } from "./loader-circle-C-Z6kgI6.js";
+import { n as F } from "./emailFrameWidth-BmFCN2dp.js";
+import { t as I } from "./TplModal-DPH4vV8M.js";
+import { t as L } from "./BlockPreviewCanvas-B34aMhHe.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 = {
+var R = ["data-block-id"], z = ["aria-label", "title"], B = { class: "tpl:relative tpl:min-w-0 tpl:flex-1" }, V = {
 	key: 0,
 	"data-testid": "saved-blocks-preview-fade",
 	"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 = 600, G = 240, K = /* @__PURE__ */ d({
+}, H = ["aria-label", "aria-expanded"], U = 240, W = /* @__PURE__ */ d({
 	__name: "SavedBlockPreviewRow",
 	props: {
 		block: {},
@@ -24,25 +25,25 @@ var z = ["data-block-id"], B = ["aria-label", "title"], V = { class: "tpl:relati
 	},
 	emits: ["move"],
 	setup(e, { emit: r }) {
-		let i = e, c = r, { t: d, format: v } = N(), S = x(j, []), C = u(null), O = u(null), k = u(1), A = u(null), M = u(!1), I = null, L = y(() => A.value !== null && A.value > G), K = y(() => A.value === null ? null : M.value || !L.value ? A.value : G);
-		function q() {
-			let e = C.value, t = O.value;
+		let i = e, c = r, { t: d, format: v } = ee(), S = x(j, []), C = x(M, null), O = y(() => F(C?.content.value.settings)), k = u(null), A = u(null), P = u(1), I = u(null), W = u(!1), G = null, K = y(() => I.value !== null && I.value > U), q = y(() => I.value === null ? null : W.value || !K.value ? I.value : U);
+		function J() {
+			let e = k.value, t = A.value;
 			if (!e || !t) return;
 			let n = e.clientWidth;
 			if (n <= 0) return;
-			let r = Math.min(1, n / W);
-			k.value = r, A.value = t.offsetHeight * r;
+			let r = Math.min(1, n / O.value);
+			P.value = r, I.value = t.offsetHeight * r;
 		}
 		n(() => {
-			q(), !(typeof ResizeObserver > "u") && (I = new ResizeObserver(() => q()), C.value && I.observe(C.value), O.value && I.observe(O.value));
+			J(), !(typeof ResizeObserver > "u") && (G = new ResizeObserver(() => J()), k.value && G.observe(k.value), A.value && G.observe(A.value));
 		}), l(() => {
-			I?.disconnect(), I = null;
+			G?.disconnect(), G = null;
 		});
-		let J = y(() => E(i.block, d, S)), Y = y(() => v(d.savedBlocks.reorderHandle, {
-			block: J.value,
+		let Y = y(() => E(i.block, d, S)), X = y(() => v(d.savedBlocks.reorderHandle, {
+			block: Y.value,
 			position: i.position,
 			total: i.total
-		})), X = y(() => v(M.value ? d.savedBlocks.collapsePreview : d.savedBlocks.expandPreview, { block: J.value }));
+		})), Z = y(() => v(W.value ? d.savedBlocks.collapsePreview : d.savedBlocks.expandPreview, { block: Y.value }));
 		return (n, r) => (o(), p("div", {
 			"data-testid": "saved-blocks-reorder-row",
 			"data-block-id": e.block.id,
@@ -52,67 +53,67 @@ var z = ["data-block-id"], B = ["aria-label", "title"], V = { class: "tpl:relati
 			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": Y.value,
+			"aria-label": X.value,
 			title: _(d).savedBlocks.reorderHint,
 			onKeydown: [r[0] ||= T(w((e) => c("move", -1), ["prevent"]), ["up"]), r[1] ||= T(w((e) => c("move", 1), ["prevent"]), ["down"])]
 		}, [m(_(D), {
 			size: 14,
 			"stroke-width": 1.5
-		})], 40, B), f("div", V, [
+		})], 40, z), f("div", B, [
 			f("div", {
 				ref_key: "frameEl",
-				ref: C,
+				ref: k,
 				class: "tpl:overflow-hidden",
-				style: t({ height: K.value === null ? void 0 : `${K.value}px` })
+				style: t({ height: q.value === null ? void 0 : `${q.value}px` })
 			}, [f("div", {
 				ref_key: "contentEl",
-				ref: O,
+				ref: A,
 				style: t({
-					width: `${W}px`,
-					transform: `scale(${k.value})`,
+					width: `${O.value}px`,
+					transform: `scale(${P.value})`,
 					transformOrigin: "top left"
 				})
-			}, [m(R, { blocks: [e.block] }, null, 8, ["blocks"])], 4)], 4),
-			L.value && !M.value ? (o(), p("div", H)) : b("", !0),
-			L.value ? (o(), p("button", {
+			}, [m(L, { blocks: [e.block] }, null, 8, ["blocks"])], 4)], 4),
+			K.value && !W.value ? (o(), p("div", V)) : b("", !0),
+			K.value ? (o(), 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": X.value,
-				"aria-expanded": M.value,
-				onClick: r[2] ||= (e) => M.value = !M.value
-			}, [(o(), h(a(M.value ? _(F) : _(P)), {
+				"aria-label": Z.value,
+				"aria-expanded": W.value,
+				onClick: r[2] ||= (e) => W.value = !W.value
+			}, [(o(), h(a(W.value ? _(N) : _(te)), {
 				size: 11,
 				"stroke-width": 2
-			})), g(" " + s(M.value ? _(d).savedBlocks.collapse : _(d).savedBlocks.expand), 1)], 8, U)) : b("", !0)
-		])], 8, z));
+			})), g(" " + s(W.value ? _(d).savedBlocks.collapse : _(d).savedBlocks.expand), 1)], 8, H)) : b("", !0)
+		])], 8, R));
 	}
-}), q = ["aria-busy"], J = {
+}), G = ["aria-busy"], K = {
 	id: "tpl-save-block-title",
 	class: "tpl:mb-4 tpl:shrink-0 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]"
-}, Y = { class: "tpl:mb-3 tpl:shrink-0" }, X = { class: "tpl:mb-1.5 tpl:block tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-text-muted)]" }, ee = ["placeholder", "disabled"], te = { class: "tpl:mb-3 tpl:shrink-0" }, ne = {
+}, q = { class: "tpl:mb-3 tpl:shrink-0" }, J = { class: "tpl:mb-1.5 tpl:block tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-text-muted)]" }, Y = ["placeholder", "disabled"], X = { class: "tpl:mb-3 tpl:shrink-0" }, Z = {
 	for: "tpl-save-block-category",
 	class: "tpl:mb-1.5 tpl:block tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-text-muted)]"
-}, re = ["placeholder", "disabled"], ie = { id: "tpl-saved-block-categories" }, ae = ["value"], oe = {
+}, ne = ["placeholder", "disabled"], re = { id: "tpl-saved-block-categories" }, ie = ["value"], ae = {
 	"data-testid": "saved-blocks-save-summary",
 	class: "tpl:mb-1.5 tpl:shrink-0 tpl:text-xs tpl:text-[var(--tpl-text-muted)]"
-}, se = { class: "tpl:text-[var(--tpl-text-dim)]" }, ce = {
+}, oe = { class: "tpl:text-[var(--tpl-text-dim)]" }, se = {
 	key: 0,
 	class: "tpl:mb-1.5 tpl:shrink-0 tpl:text-[11px] tpl:text-[var(--tpl-text-dim)]"
-}, le = {
+}, ce = {
 	class: "tpl-sr-only",
 	role: "status",
 	"aria-live": "polite",
 	"aria-atomic": "true"
-}, ue = {
+}, le = {
 	key: 1,
 	role: "alert",
 	class: "tpl:mb-3 tpl:shrink-0 tpl:text-xs tpl:text-[var(--tpl-danger)]"
-}, de = { class: "tpl:flex tpl:shrink-0 tpl:justify-end tpl:gap-2" }, fe = ["disabled"], pe = ["disabled"], me = {
+}, ue = { class: "tpl:flex tpl:shrink-0 tpl:justify-end tpl:gap-2" }, de = ["disabled"], fe = ["disabled"], pe = {
 	key: 0,
 	class: "tpl:flex tpl:items-center tpl:gap-1.5"
-}, he = { key: 1 }, Z = /* @__PURE__ */ d({
+}, me = { key: 1 }, Q = /* @__PURE__ */ d({
 	__name: "SaveBlockDialog",
 	props: {
 		visible: { type: Boolean },
@@ -120,55 +121,55 @@ var z = ["data-block-id"], B = ["aria-label", "title"], V = { class: "tpl:relati
 	},
 	emits: ["close", "saved"],
 	setup(t, { emit: n }) {
-		let a = t, l = n, { t: d, format: w } = N(), T = k(M, "SaveBlockDialog"), D = k(A, "SaveBlockDialog"), P = x(j, []), F = u(""), R = u(""), z = u(!1), B = u(null), V = u(""), H = u([]), U = y(() => {
+		let a = t, l = n, { t: d, format: w } = ee(), T = A(M, "SaveBlockDialog"), D = A(k, "SaveBlockDialog"), te = x(j, []), N = u(""), F = u(""), L = u(!1), R = u(null), z = u(""), B = u([]), V = y(() => {
 			let e = new Map(T.content.value.blocks.map((e) => [e.id, e]));
-			return H.value.map((t) => e.get(t)).filter((e) => e !== void 0);
-		}), W = y({
-			get: () => U.value,
+			return B.value.map((t) => e.get(t)).filter((e) => e !== void 0);
+		}), H = y({
+			get: () => V.value,
 			set: (e) => {
-				H.value = e.map((e) => e.id);
+				B.value = e.map((e) => e.id);
 			}
 		});
-		function G(e, t) {
-			let n = U.value.map((e) => e.id), r = n.indexOf(e), i = r + t;
+		function U(e, t) {
+			let n = V.value.map((e) => e.id), r = n.indexOf(e), i = r + t;
 			if (r === -1 || i < 0 || i >= n.length) return;
-			[n[r], n[i]] = [n[i], n[r]], H.value = n;
-			let a = U.value[i];
-			V.value = a ? w(d.savedBlocks.reorderAnnouncement, {
-				block: Z(a),
+			[n[r], n[i]] = [n[i], n[r]], B.value = n;
+			let a = V.value[i];
+			z.value = a ? w(d.savedBlocks.reorderAnnouncement, {
+				block: Q(a),
 				position: i + 1,
 				total: n.length
 			}) : "";
 		}
-		function Z(e) {
-			return E(e, d, P);
+		function Q(e) {
+			return E(e, d, te);
 		}
-		let ge = y(() => U.value.map(Z).join(", "));
+		let he = y(() => V.value.map(Q).join(", "));
 		i(() => a.visible, (e) => {
-			e && (F.value = "", R.value = "", B.value = null, V.value = "", H.value = [...a.pickedIds]);
+			e && (N.value = "", F.value = "", R.value = null, z.value = "", B.value = [...a.pickedIds]);
 		}, { immediate: !0 });
-		let Q = y(() => F.value.trim().length > 0 && U.value.length > 0 && !z.value);
+		let ge = y(() => N.value.trim().length > 0 && V.value.length > 0 && !L.value);
 		async function _e() {
-			if (!Q.value) return;
-			let e = U.value;
+			if (!ge.value) return;
+			let e = V.value;
 			if (e.length !== 0) {
-				z.value = !0, B.value = null;
+				L.value = !0, R.value = null;
 				try {
-					await D.create(F.value.trim(), e, R.value.trim() || void 0), l("saved"), l("close");
+					await D.create(N.value.trim(), e, F.value.trim() || void 0), l("saved"), l("close");
 				} catch (e) {
-					B.value = e.message;
+					R.value = e.message;
 				} finally {
-					z.value = !1;
+					L.value = !1;
 				}
 			}
 		}
 		function $() {
-			z.value || l("close");
+			L.value || l("close");
 		}
 		function ve(e) {
 			e.key === "Enter" && !e.shiftKey && (e.preventDefault(), _e()), e.key === "Escape" && $();
 		}
-		return (n, i) => (o(), h(L, {
+		return (n, i) => (o(), h(I, {
 			visible: t.visible,
 			onClose: $,
 			onKeydown: ve
@@ -176,7 +177,7 @@ var z = ["data-block-id"], B = ["aria-label", "title"], V = { class: "tpl:relati
 			default: c(() => [f("div", {
 				role: "dialog",
 				"aria-modal": "true",
-				"aria-busy": z.value,
+				"aria-busy": L.value,
 				"aria-labelledby": "tpl-save-block-title",
 				class: "tpl-scale-in tpl:mx-4 tpl:flex tpl:w-full tpl:max-w-2xl tpl:flex-col tpl:rounded-[var(--tpl-radius-lg)] tpl:p-5",
 				style: {
@@ -185,37 +186,37 @@ var z = ["data-block-id"], B = ["aria-label", "title"], V = { class: "tpl:relati
 					"max-height": "90vh"
 				}
 			}, [
-				f("h3", J, s(_(d).savedBlocks.saveAsBlock), 1),
-				f("div", Y, [f("label", X, s(_(d).savedBlocks.name), 1), S(f("input", {
-					"onUpdate:modelValue": i[0] ||= (e) => F.value = e,
+				f("h3", K, s(_(d).savedBlocks.saveAsBlock), 1),
+				f("div", q, [f("label", J, s(_(d).savedBlocks.name), 1), S(f("input", {
+					"onUpdate:modelValue": i[0] ||= (e) => N.value = e,
 					type: "text",
 					"data-testid": "saved-blocks-name-input",
 					placeholder: _(d).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-xs tpl:outline-none tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:text-[var(--tpl-text)]",
-					disabled: z.value
-				}, null, 8, ee), [[C, F.value]])]),
-				f("div", te, [
-					f("label", ne, s(_(d).savedBlocks.category), 1),
+					disabled: L.value
+				}, null, 8, Y), [[C, N.value]])]),
+				f("div", X, [
+					f("label", Z, s(_(d).savedBlocks.category), 1),
 					S(f("input", {
 						id: "tpl-save-block-category",
-						"onUpdate:modelValue": i[1] ||= (e) => R.value = e,
+						"onUpdate:modelValue": i[1] ||= (e) => F.value = e,
 						type: "text",
 						"data-testid": "saved-blocks-category-input",
 						list: "tpl-saved-block-categories",
 						placeholder: _(d).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-xs tpl:outline-none tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:text-[var(--tpl-text)]",
-						disabled: z.value
-					}, null, 8, re), [[C, R.value]]),
-					f("datalist", ie, [(o(!0), p(v, null, e(_(D).categories.value, (e) => (o(), p("option", {
+						disabled: L.value
+					}, null, 8, ne), [[C, F.value]]),
+					f("datalist", re, [(o(!0), p(v, null, e(_(D).categories.value, (e) => (o(), p("option", {
 						key: e,
 						value: e
-					}, null, 8, ae))), 128))])
+					}, null, 8, ie))), 128))])
 				]),
-				f("p", oe, [g(s(_(w)(_(d).savedBlocks.savingCount, { count: U.value.length })) + " ", 1), f("span", se, s(ge.value), 1)]),
-				U.value.length > 1 ? (o(), p("p", ce, s(_(d).savedBlocks.reorderHint), 1)) : b("", !0),
+				f("p", ae, [g(s(_(w)(_(d).savedBlocks.savingCount, { count: V.value.length })) + " ", 1), f("span", oe, s(he.value), 1)]),
+				V.value.length > 1 ? (o(), p("p", se, s(_(d).savedBlocks.reorderHint), 1)) : b("", !0),
 				m(_(O), {
-					modelValue: W.value,
-					"onUpdate:modelValue": i[2] ||= (e) => W.value = e,
+					modelValue: H.value,
+					"onUpdate:modelValue": i[2] ||= (e) => H.value = e,
 					"data-testid": "saved-blocks-reorder-list",
 					animation: 150,
 					"ghost-class": "tpl-ghost",
@@ -224,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: c(() => [(o(!0), p(v, null, e(W.value, (e, t) => (o(), h(K, {
+					default: c(() => [(o(!0), p(v, null, e(H.value, (e, t) => (o(), h(W, {
 						key: e.id,
 						block: e,
 						position: t + 1,
-						total: W.value.length,
-						onMove: (t) => G(e.id, t)
+						total: H.value.length,
+						onMove: (t) => U(e.id, t)
 					}, null, 8, [
 						"block",
 						"position",
@@ -238,27 +239,27 @@ var z = ["data-block-id"], B = ["aria-label", "title"], V = { class: "tpl:relati
 					]))), 128))]),
 					_: 1
 				}, 8, ["modelValue"]),
-				f("div", le, s(V.value), 1),
-				B.value ? (o(), p("p", ue, s(B.value), 1)) : b("", !0),
-				f("div", de, [f("button", {
+				f("div", ce, s(z.value), 1),
+				R.value ? (o(), p("p", le, s(R.value), 1)) : b("", !0),
+				f("div", ue, [f("button", {
 					type: "button",
-					class: r(["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": z.value }]),
-					disabled: z.value,
+					class: r(["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": L.value }]),
+					disabled: L.value,
 					onClick: $
-				}, s(_(d).savedBlocks.cancel), 11, fe), f("button", {
+				}, s(_(d).savedBlocks.cancel), 11, de), f("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: !Q.value,
+					disabled: !ge.value,
 					onClick: _e
-				}, [z.value ? (o(), p("span", me, [m(_(I), {
+				}, [L.value ? (o(), p("span", pe, [m(_(P), {
 					class: "tpl:animate-spin",
 					size: 12,
 					"stroke-width": 2
-				}), g(" " + s(_(d).savedBlocks.saving), 1)])) : (o(), p("span", he, s(_(d).savedBlocks.save), 1))], 8, pe)])
-			], 8, q)]),
+				}), g(" " + s(_(d).savedBlocks.saving), 1)])) : (o(), p("span", me, s(_(d).savedBlocks.save), 1))], 8, fe)])
+			], 8, G)]),
 			_: 1
 		}, 8, ["visible"]));
 	}
 });
 //#endregion
-export { Z as default };
+export { Q as default };

package/dist/{SavedBlocksBrowserModal-DoJBoYPk.js → SavedBlocksBrowserModal-Djik_fJh.js}

@@ -1,13 +1,13 @@
 import { A as e, Dt as t, Et as n, I as r, N as i, O as a, Ot as o, R as ee, Y as s, _ as c, c as l, d as u, g as te, h as d, l as f, nt as p, r as m, s as h, u as g, w as ne, z as _ } from "./vue.runtime.esm-bundler-B0xoGkDv.js";
 import { a as v, c as y, i as b, s as x } from "./runtime-dom.esm-bundler-GdMI8WqG.js";
-import "./useEditorCore-CuMMIfiS.js";
-import { B as S, P as re, h as ie } from "./keys-CHPcp-Nz.js";
-import { t as ae } from "./useI18n-D2L9Mkik.js";
-import { n as oe, r as C, t as w } from "./blockTypeIcons-CpKkI47V.js";
+import "./useEditorCore-DOrGex_t.js";
+import { F as re, H as S, h as ie } from "./keys-BVlG5Ozc.js";
+import { t as ae } from "./useI18n-BhAejA-x.js";
+import { n as oe, r as C, t as w } from "./blockTypeIcons-Wzd7W_2x.js";
 import { t as se } from "./pencil-DdwmkKLb.js";
 import { t as ce } from "./trash-2-DE8CmxAG.js";
 import { t as le } from "./x-CkD6A1iB.js";
-import { t as ue } from "./TplModal-CykwWFhF.js";
+import { t as ue } from "./TplModal-DPH4vV8M.js";
 import { t as de } from "./formatRelativeTime-CtUU-QZ8.js";
 //#region src/components/SavedBlocksBrowserModal.vue?vue&type=script&setup=true&lang.ts
 var fe = {
@@ -65,7 +65,7 @@ var fe = {
 	props: { visible: { type: Boolean } },
 	emits: ["close", "insert"],
 	setup(c, { emit: A }) {
-		let et = c, j = A, tt = te(() => import("./SavedBlockPreviewCanvas-DXkGDYph.js").then((e) => e.n)), { t: M, format: N } = ae(), P = S(re, "SavedBlocksBrowserModal"), F = S(ie, "SavedBlocksBrowserModal"), I = s(""), L = s(""), R = s(null), z = s(null), B = s(null), V = s(""), H = s(""), U = s(null), W = s("end"), G = h(() => {
+		let et = c, j = A, tt = te(() => import("./BlockPreviewCanvas-B34aMhHe.js").then((e) => e.n)), { t: M, format: N } = ae(), P = S(re, "SavedBlocksBrowserModal"), F = S(ie, "SavedBlocksBrowserModal"), I = s(""), L = s(""), R = s(null), z = s(null), B = s(null), V = s(""), H = s(""), U = s(null), W = s("end"), G = h(() => {
 			let e = I.value.trim().toLowerCase(), t = L.value;
 			return P.savedBlocks.value.filter((n) => !(e && !n.name.toLowerCase().includes(e) || t && n.category !== t));
 		}), K = h(() => P.isLoading.value && P.savedBlocks.value.length === 0), nt = h(() => I.value.trim().length > 0 || L.value !== ""), q = h(() => R.value ? P.savedBlocks.value.find((e) => e.id === R.value) ?? null : null), rt = h(() => {

package/dist/{SavedBlocksPanels-3Af5dMaf.js → SavedBlocksPanels-CxemyPxL.js}

@@ -5,7 +5,7 @@ var c = /* @__PURE__ */ t({
 	__name: "SavedBlocksPanels",
 	props: { feature: {} },
 	setup(t) {
-		let c = t, l = r(() => import("./SavedBlocksPickBar-C1FTJP-I.js")), u = r(() => import("./SaveBlockDialog-B_5KBaXW.js")), d = r(() => import("./SavedBlocksBrowserModal-DoJBoYPk.js"));
+		let c = t, l = r(() => import("./SavedBlocksPickBar-Dlhipmob.js")), u = r(() => import("./SaveBlockDialog-BDDFbAWF.js")), d = r(() => import("./SavedBlocksBrowserModal-Djik_fJh.js"));
 		function f(e, t) {
 			c.feature.insert(e, t);
 		}

package/dist/{SavedBlocksPickBar-C1FTJP-I.js → SavedBlocksPickBar-Dlhipmob.js}

@@ -1,6 +1,6 @@
 import { O as e, Ot as t, _ as n, c as r, d as i, h as a, m as o, nt as s } from "./vue.runtime.esm-bundler-B0xoGkDv.js";
-import { R as c } from "./useEditorCore-CuMMIfiS.js";
-import { t as l } from "./useI18n-D2L9Mkik.js";
+import { R as c } from "./useEditorCore-DOrGex_t.js";
+import { t as l } from "./useI18n-BhAejA-x.js";
 import { t as u } from "./x-CkD6A1iB.js";
 //#region src/components/SavedBlocksPickBar.vue?vue&type=script&setup=true&lang.ts
 var d = {

package/dist/{SnapshotHistory-DWlQ3Eh0.js → SnapshotHistory-DPbM4ons.js}

@@ -1,13 +1,13 @@
 import { A as e, Et as t, I as n, O as r, Ot as i, R as a, Y as o, _ as s, c, d as l, h as u, nt as d, r as f, s as p, u as m } from "./vue.runtime.esm-bundler-B0xoGkDv.js";
 import { c as h, t as g } from "./runtime-dom.esm-bundler-GdMI8WqG.js";
-import "./useEditorCore-CuMMIfiS.js";
-import { s as _ } from "./usePopoverPosition-BO2LNy5n.js";
-import { t as v } from "./useI18n-D2L9Mkik.js";
+import "./useEditorCore-DOrGex_t.js";
+import { s as _ } from "./usePopoverPosition-vjKJaqJf.js";
+import { t as v } from "./useI18n-BhAejA-x.js";
 import { t as y } from "./createLucideIcon-JWHwTI6N.js";
 import { t as b } from "./chevron-down-j8GrdTyz.js";
 import { t as x } from "./clock-BzKLLW5L.js";
 import { t as S } from "./loader-circle-C-Z6kgI6.js";
-import { n as C } from "./useCloudI18n-BmiygEM4.js";
+import { n as C } from "./useCloudI18n-DGr3b2SX.js";
 import { t as w } from "./formatRelativeTime-CtUU-QZ8.js";
 var T = y("chevron-left", [["path", {
 	d: "m15 18-6-6 6-6",

package/dist/{TemplateScoringPanel-ifGGGWs5.js → TemplateScoringPanel-BFYgweDX.js}

@@ -1,6 +1,6 @@
 import { A as e, Dt as t, Et as n, I as r, N as i, O as a, Ot as o, R as ee, Y as s, _ as c, c as l, d as u, h as d, l as f, m as p, nt as m, r as h, u as g, x as te } from "./vue.runtime.esm-bundler-B0xoGkDv.js";
 import { t as ne } from "./runtime-dom.esm-bundler-GdMI8WqG.js";
-import { B as _, F as re, T as ie, h as v } from "./keys-CHPcp-Nz.js";
+import { H as _, I as re, T as ie, h as v } from "./keys-BVlG5Ozc.js";
 import { t as y } from "./createLucideIcon-JWHwTI6N.js";
 import { t as b } from "./chevron-down-j8GrdTyz.js";
 import { t as x } from "./circle-alert-CgtE46ND.js";
@@ -13,7 +13,7 @@ import { t as oe } from "./triangle-alert-Djg6IG8N.js";
 import { t as se } from "./x-CkD6A1iB.js";
 import { t as ce } from "./LoadingTrack-KIcREPlS.js";
 import { t as D } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { n as le } from "./useCloudI18n-BmiygEM4.js";
+import { n as le } from "./useCloudI18n-DGr3b2SX.js";
 var O = y("shield-x", [
 	["path", {
 		d: "M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z",

package/dist/TestEmailModal-IZfwgya-.js

@@ -0,0 +1,174 @@
+import { A as e, Et as t, I as n, O as r, Ot as i, R as a, Y as o, _ as s, c, d as l, h as u, l as ee, m as d, nt as f, r as te, s as p, u as m, x as h, z as g } from "./vue.runtime.esm-bundler-B0xoGkDv.js";
+import { a as ne, i as re } from "./runtime-dom.esm-bundler-GdMI8WqG.js";
+import { j as ie } from "./dist-DPHqs0Yh.js";
+import { O as ae, T as oe, h as se } from "./keys-BVlG5Ozc.js";
+import { t as ce } from "./useI18n-BhAejA-x.js";
+import { t as le } from "./check-BpQDKiPz.js";
+import { t as ue } from "./loader-circle-C-Z6kgI6.js";
+import { n as de, t as fe } from "./MergeTagModeToggle-C3V2xGAg.js";
+import { t as pe } from "./TplModal-DPH4vV8M.js";
+import { t as me } from "./BlockPreviewCanvas-B34aMhHe.js";
+//#region src/utils/validateEmailShape.ts
+var _ = /[,;<>()[\]\\"'`|/?#@!$%^&*+=~{}]/;
+function v(e) {
+	let t = e.trim();
+	if (t.length === 0 || /\s/.test(t)) return !1;
+	let n = t.split("@");
+	if (n.length !== 2) return !1;
+	let [r, i] = n;
+	if (r.length === 0 || _.test(i)) return !1;
+	let a = i.indexOf(".");
+	return a > 0 && a < i.length - 1;
+}
+//#endregion
+//#region src/components/TestEmailModal.vue?vue&type=script&setup=true&lang.ts
+var y = ["aria-busy"], b = {
+	id: "tpl-test-email-title",
+	class: "tpl:mb-4 tpl:shrink-0 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]"
+}, x = { class: "tpl:mb-3 tpl:shrink-0" }, S = {
+	for: "tpl-test-email-recipient",
+	class: "tpl:mb-1.5 tpl:block tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-text-muted)]"
+}, C = ["value"], w = ["disabled"], T = ["value"], E = ["placeholder", "disabled"], D = {
+	key: 3,
+	class: "tpl:mt-1.5 tpl:text-xs tpl:text-[var(--tpl-text-dim)]"
+}, O = { class: "tpl:mb-2 tpl:shrink-0" }, k = { class: "tpl:flex tpl:flex-wrap tpl:items-center tpl:justify-between tpl:gap-2" }, A = { class: "tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-text-muted)]" }, j = { class: "tpl:flex tpl:items-center tpl:gap-2" }, M = {
+	"data-testid": "test-email-preview-hint",
+	class: "tpl:mt-1 tpl:text-xs tpl:text-[var(--tpl-text-dim)]"
+}, N = {
+	id: "tpl-test-email-preview",
+	"data-testid": "test-email-preview",
+	class: "tpl:mb-3 tpl:min-h-0 tpl:flex-1 tpl:overflow-y-auto tpl:rounded-[var(--tpl-radius-sm)] tpl:p-3 tpl:bg-[var(--tpl-canvas-bg)]"
+}, P = {
+	key: 0,
+	role: "status",
+	"data-testid": "test-email-success",
+	class: "tpl:mb-3 tpl:flex tpl:shrink-0 tpl:items-center tpl:gap-1.5 tpl:text-xs tpl:text-[var(--tpl-success,var(--tpl-primary))]"
+}, F = {
+	key: 1,
+	role: "alert",
+	"data-testid": "test-email-error",
+	class: "tpl:mb-3 tpl:shrink-0 tpl:text-xs tpl:text-[var(--tpl-danger)]"
+}, I = { class: "tpl:flex tpl:shrink-0 tpl:justify-end tpl:gap-2" }, L = ["disabled"], he = ["disabled"], R = {
+	key: 0,
+	class: "tpl:flex tpl:items-center tpl:gap-1.5"
+}, ge = { key: 1 }, z = /* @__PURE__ */ s({
+	__name: "TestEmailModal",
+	props: {
+		visible: { type: Boolean },
+		allowedRecipients: {},
+		defaultRecipient: {},
+		isSending: { type: Boolean },
+		justSent: { type: Boolean },
+		error: {}
+	},
+	emits: ["send", "close"],
+	setup(s, { emit: _ }) {
+		let z = s, B = _, { t: V } = ce(), _e = h(se, null), H = o(""), U = o("desktop"), W = h(ae, null), G = o(ie(h(oe, []))), K = p({
+			get: () => W?.value ?? G.value,
+			set: (e) => {
+				W ? W.value = e : G.value = e;
+			}
+		}), ve = p(() => _e?.content.value.blocks ?? []), q = p(() => z.allowedRecipients !== void 0 && z.allowedRecipients.length > 0), ye = p(() => z.allowedRecipients?.length === 1);
+		n(() => z.visible, (e) => {
+			e && (H.value = z.defaultRecipient ?? z.allowedRecipients?.[0] ?? "");
+		}, { immediate: !0 });
+		let J = p(() => q.value ? H.value.length > 0 : v(H.value)), Y = p(() => J.value && !z.isSending && !z.justSent), X = p(() => !q.value && H.value.trim().length > 0 && !J.value), Z = p(() => z.error ? z.error.kind === "provider" ? z.error.message : V.testEmail.recipientNotAllowed : null);
+		function Q() {
+			Y.value && B("send", H.value.trim());
+		}
+		function $() {
+			z.isSending || B("close");
+		}
+		function be(e) {
+			e.key === "Enter" && !e.shiftKey && (e.preventDefault(), Q()), e.key === "Escape" && $();
+		}
+		return (n, o) => (r(), ee(pe, {
+			visible: s.visible,
+			onClose: $,
+			onKeydown: be
+		}, {
+			default: a(() => [c("div", {
+				role: "dialog",
+				"aria-modal": "true",
+				"aria-busy": s.isSending,
+				"aria-labelledby": "tpl-test-email-title",
+				class: "tpl-scale-in tpl:mx-4 tpl:flex tpl:max-h-[90vh] tpl:w-full tpl:max-w-2xl tpl:flex-col tpl:rounded-[var(--tpl-radius-lg)] tpl:p-5",
+				style: {
+					"background-color": "var(--tpl-bg-elevated)",
+					"box-shadow": "var(--tpl-shadow-xl)"
+				}
+			}, [
+				c("h3", b, i(f(V).testEmail.title), 1),
+				c("div", x, [
+					c("label", S, i(f(V).testEmail.recipientLabel), 1),
+					ye.value ? (r(), l("input", {
+						key: 0,
+						id: "tpl-test-email-recipient",
+						type: "text",
+						value: H.value,
+						disabled: "",
+						"data-testid": "test-email-recipient",
+						class: "tpl:h-9 tpl:w-full tpl:rounded-md tpl:border tpl:px-3 tpl:py-1 tpl:text-sm tpl:opacity-70 tpl:shadow-xs tpl:outline-none tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:text-[var(--tpl-text)]"
+					}, null, 8, C)) : q.value ? g((r(), l("select", {
+						key: 1,
+						id: "tpl-test-email-recipient",
+						"onUpdate:modelValue": o[0] ||= (e) => H.value = e,
+						disabled: s.isSending || s.justSent,
+						"data-testid": "test-email-recipient",
+						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)]"
+					}, [(r(!0), l(te, null, e(s.allowedRecipients, (e) => (r(), l("option", {
+						key: e,
+						value: e
+					}, i(e), 9, T))), 128))], 8, w)), [[re, H.value]]) : g((r(), l("input", {
+						key: 2,
+						id: "tpl-test-email-recipient",
+						"onUpdate:modelValue": o[1] ||= (e) => H.value = e,
+						type: "email",
+						autocomplete: "email",
+						spellcheck: "false",
+						placeholder: f(V).testEmail.recipientPlaceholder,
+						disabled: s.isSending || s.justSent,
+						"data-testid": "test-email-recipient",
+						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)]"
+					}, null, 8, E)), [[ne, H.value]]),
+					X.value ? (r(), l("p", D, i(f(V).testEmail.invalidAddress), 1)) : m("", !0)
+				]),
+				c("div", O, [c("div", k, [c("span", A, i(f(V).testEmail.preview), 1), c("div", j, [u(fe, {
+					"sample-mode": K.value,
+					onChange: o[2] ||= (e) => K.value = e
+				}, null, 8, ["sample-mode"]), u(de, {
+					viewport: U.value,
+					onChange: o[3] ||= (e) => U.value = e
+				}, null, 8, ["viewport"])])]), c("p", M, i(K.value ? f(V).testEmail.previewHintSample : f(V).testEmail.previewHint), 1)]),
+				c("div", N, [u(me, {
+					blocks: ve.value,
+					viewport: U.value
+				}, null, 8, ["blocks", "viewport"])]),
+				s.justSent ? (r(), l("p", P, [u(f(le), {
+					size: 13,
+					"stroke-width": 2.5
+				}), d(" " + i(f(V).testEmail.success), 1)])) : Z.value ? (r(), l("p", F, i(Z.value), 1)) : m("", !0),
+				c("div", I, [c("button", {
+					type: "button",
+					"data-testid": "test-email-cancel",
+					class: t(["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": s.isSending }]),
+					disabled: s.isSending,
+					onClick: $
+				}, i(f(V).testEmail.cancel), 11, L), c("button", {
+					type: "button",
+					"data-testid": "test-email-send",
+					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: !Y.value,
+					onClick: Q
+				}, [s.isSending ? (r(), l("span", R, [u(f(ue), {
+					class: "tpl:animate-spin",
+					size: 12,
+					"stroke-width": 2
+				}), d(" " + i(f(V).testEmail.sending), 1)])) : (r(), l("span", ge, i(f(V).testEmail.send), 1))], 8, he)])
+			], 8, y)]),
+			_: 1
+		}, 8, ["visible"]));
+	}
+});
+//#endregion
+export { z as default };