@templatical/editor 0.22.0 → 0.23.0

package/dist/{DesignReferenceSidebar-DNmK3dxp.js → DesignReferenceSidebar-BxPo0zyx.js}

@@ -9,7 +9,7 @@ import { t as v } from "./x-CkD6A1iB.js";
 import { t as le } from "./LoadingTrack-KIcREPlS.js";
 import { t as y } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { n as ue } from "./useCloudI18n-BmiygEM4.js";
-import { d as de } from "./cloud-Du7mnkz2.js";
+import { f as de } from "./cloud-CeZPgo1V.js";
 var fe = g("file-image", [
 	["path", {
 		d: "M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z",

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

@@ -2,20 +2,21 @@ 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
 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 { t as ee } from "./useI18n-D2L9Mkik.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-CykwWFhF.js";
+import { t as L } from "./BlockPreviewCanvas-MD9BGuXV.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 = k(M, "SaveBlockDialog"), D = k(A, "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-C_-Xcm0Q.js}

@@ -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-MD9BGuXV.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-CRf7zzFn.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-C1FTJP-I.js")), u = r(() => import("./SaveBlockDialog-CFAJHP3v.js")), d = r(() => import("./SavedBlocksBrowserModal-C_-Xcm0Q.js"));
 		function f(e, t) {
 			c.feature.insert(e, t);
 		}

package/dist/TestEmailModal-D90-3Yex.js

@@ -0,0 +1,162 @@
+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 d, m as f, nt as p, r as m, s as h, u as g, x as ee, z as _ } from "./vue.runtime.esm-bundler-B0xoGkDv.js";
+import { a as te, i as v } from "./runtime-dom.esm-bundler-GdMI8WqG.js";
+import { h as y } from "./keys-CHPcp-Nz.js";
+import { t as ne } from "./useI18n-D2L9Mkik.js";
+import { t as b } from "./check-BpQDKiPz.js";
+import { t as re } from "./loader-circle-C-Z6kgI6.js";
+import { t as ie } from "./ViewportToggle-BjmbNoao.js";
+import { t as ae } from "./TplModal-CykwWFhF.js";
+import { t as oe } from "./BlockPreviewCanvas-MD9BGuXV.js";
+//#region src/utils/validateEmailShape.ts
+var x = /[,;<>()[\]\\"'`|/?#@!$%^&*+=~{}]/;
+function se(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 || x.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 S = ["aria-busy"], C = {
+	id: "tpl-test-email-title",
+	class: "tpl:mb-4 tpl:shrink-0 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]"
+}, w = { class: "tpl:mb-3 tpl:shrink-0" }, T = {
+	for: "tpl-test-email-recipient",
+	class: "tpl:mb-1.5 tpl:block tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-text-muted)]"
+}, E = ["value"], D = ["disabled"], O = ["value"], k = ["placeholder", "disabled"], A = {
+	key: 3,
+	class: "tpl:mt-1.5 tpl:text-xs tpl:text-[var(--tpl-text-dim)]"
+}, j = { class: "tpl:mb-2 tpl:shrink-0" }, M = { class: "tpl:flex tpl:items-center tpl:justify-between tpl:gap-2" }, N = { class: "tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-text-muted)]" }, P = { class: "tpl:mt-1 tpl:text-xs tpl:text-[var(--tpl-text-dim)]" }, F = {
+	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)]"
+}, I = {
+	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))]"
+}, ce = {
+	key: 1,
+	role: "alert",
+	"data-testid": "test-email-error",
+	class: "tpl:mb-3 tpl:shrink-0 tpl:text-xs tpl:text-[var(--tpl-danger)]"
+}, L = { class: "tpl:flex tpl:shrink-0 tpl:justify-end tpl:gap-2" }, R = ["disabled"], z = ["disabled"], B = {
+	key: 0,
+	class: "tpl:flex tpl:items-center tpl:gap-1.5"
+}, V = { key: 1 }, H = /* @__PURE__ */ s({
+	__name: "TestEmailModal",
+	props: {
+		visible: { type: Boolean },
+		allowedRecipients: {},
+		defaultRecipient: {},
+		isSending: { type: Boolean },
+		justSent: { type: Boolean },
+		error: {}
+	},
+	emits: ["send", "close"],
+	setup(s, { emit: x }) {
+		let H = s, U = x, { t: W } = ne(), G = ee(y, null), K = o(""), q = o("desktop"), le = h(() => G?.content.value.blocks ?? []), J = h(() => H.allowedRecipients !== void 0 && H.allowedRecipients.length > 0), ue = h(() => H.allowedRecipients?.length === 1);
+		n(() => H.visible, (e) => {
+			e && (K.value = H.defaultRecipient ?? H.allowedRecipients?.[0] ?? "");
+		}, { immediate: !0 });
+		let Y = h(() => J.value ? K.value.length > 0 : se(K.value)), X = h(() => Y.value && !H.isSending && !H.justSent), de = h(() => !J.value && K.value.trim().length > 0 && !Y.value), Z = h(() => H.error ? H.error.kind === "provider" ? H.error.message : W.testEmail.recipientNotAllowed : null);
+		function Q() {
+			X.value && U("send", K.value.trim());
+		}
+		function $() {
+			H.isSending || U("close");
+		}
+		function fe(e) {
+			e.key === "Enter" && !e.shiftKey && (e.preventDefault(), Q()), e.key === "Escape" && $();
+		}
+		return (n, o) => (r(), d(ae, {
+			visible: s.visible,
+			onClose: $,
+			onKeydown: fe
+		}, {
+			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", C, i(p(W).testEmail.title), 1),
+				c("div", w, [
+					c("label", T, i(p(W).testEmail.recipientLabel), 1),
+					ue.value ? (r(), l("input", {
+						key: 0,
+						id: "tpl-test-email-recipient",
+						type: "text",
+						value: K.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, E)) : J.value ? _((r(), l("select", {
+						key: 1,
+						id: "tpl-test-email-recipient",
+						"onUpdate:modelValue": o[0] ||= (e) => K.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(m, null, e(s.allowedRecipients, (e) => (r(), l("option", {
+						key: e,
+						value: e
+					}, i(e), 9, O))), 128))], 8, D)), [[v, K.value]]) : _((r(), l("input", {
+						key: 2,
+						id: "tpl-test-email-recipient",
+						"onUpdate:modelValue": o[1] ||= (e) => K.value = e,
+						type: "email",
+						autocomplete: "email",
+						spellcheck: "false",
+						placeholder: p(W).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, k)), [[te, K.value]]),
+					de.value ? (r(), l("p", A, i(p(W).testEmail.invalidAddress), 1)) : g("", !0)
+				]),
+				c("div", j, [c("div", M, [c("span", N, i(p(W).testEmail.preview), 1), u(ie, {
+					viewport: q.value,
+					onChange: o[2] ||= (e) => q.value = e
+				}, null, 8, ["viewport"])]), c("p", P, i(p(W).testEmail.previewHint), 1)]),
+				c("div", F, [u(oe, {
+					blocks: le.value,
+					viewport: q.value
+				}, null, 8, ["blocks", "viewport"])]),
+				s.justSent ? (r(), l("p", I, [u(p(b), {
+					size: 13,
+					"stroke-width": 2.5
+				}), f(" " + i(p(W).testEmail.success), 1)])) : Z.value ? (r(), l("p", ce, i(Z.value), 1)) : g("", !0),
+				c("div", L, [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(p(W).testEmail.cancel), 11, R), 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: !X.value,
+					onClick: Q
+				}, [s.isSending ? (r(), l("span", B, [u(p(re), {
+					class: "tpl:animate-spin",
+					size: 12,
+					"stroke-width": 2
+				}), f(" " + i(p(W).testEmail.sending), 1)])) : (r(), l("span", V, i(p(W).testEmail.send), 1))], 8, z)])
+			], 8, S)]),
+			_: 1
+		}, 8, ["visible"]));
+	}
+});
+//#endregion
+export { H as default };

package/dist/TestEmailPanel-B0u_Yd3X.js

@@ -0,0 +1,33 @@
+import { O as e, _ as t, g as n, l as r, nt as i, u as a } from "./vue.runtime.esm-bundler-B0xoGkDv.js";
+//#endregion
+//#region src/components/TestEmailPanel.vue
+var o = /* @__PURE__ */ t({
+	__name: "TestEmailPanel",
+	props: { feature: {} },
+	setup(t) {
+		let o = t, s = n(() => import("./TestEmailModal-D90-3Yex.js"));
+		function c(e) {
+			o.feature.send(e);
+		}
+		return (n, o) => t.feature.isModalOpen.value ? (e(), r(i(s), {
+			key: 0,
+			visible: t.feature.isModalOpen.value,
+			"allowed-recipients": t.feature.allowedRecipients.value,
+			"default-recipient": t.feature.defaultRecipient.value,
+			"is-sending": t.feature.isSending.value,
+			"just-sent": t.feature.justSent.value,
+			error: t.feature.error.value,
+			onSend: c,
+			onClose: o[0] ||= (e) => t.feature.close()
+		}, null, 8, [
+			"visible",
+			"allowed-recipients",
+			"default-recipient",
+			"is-sending",
+			"just-sent",
+			"error"
+		])) : a("", !0);
+	}
+});
+//#endregion
+export { o as default };