@templatical/editor 0.26.3 → 0.27.1

package/dist/SaveBlockDialog-21vDlEBS.js

@@ -1,265 +0,0 @@
-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-D1diBMsm.js";
-import { a as C, c as w, s as T } from "./runtime-dom.esm-bundler-CepEmvwF.js";
-import { H as E, P as D, c as O } from "./useEditorCore-P4UkhcyS.js";
-import { G as k, R as A, g as j, p as M } from "./keys-fwF3qZax.js";
-import { t as ee } from "./useI18n-DoVKdCTH.js";
-import { t as te } from "./chevron-down-69EiBGoB.js";
-import { t as N } from "./chevron-up-Dh3MG1Dw.js";
-import { t as P } from "./loader-circle-bO7o7_HD.js";
-import { n as F } from "./emailFrameWidth-BmFCN2dp.js";
-import { t as I } from "./TplModal-Dv9zgSWI.js";
-import { t as L } from "./BlockPreviewCanvas-BZKslwGI.js";
-//#region src/components/SavedBlockPreviewRow.vue?vue&type=script&setup=true&lang.ts
-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          )" }
-}, H = ["aria-label", "aria-expanded"], U = 240, W = /* @__PURE__ */ d({
-	__name: "SavedBlockPreviewRow",
-	props: {
-		block: {},
-		position: {},
-		total: {}
-	},
-	emits: ["move"],
-	setup(e, { emit: r }) {
-		let i = e, c = r, { t: d, format: v } = ee(), S = x(M, []), C = x(j, 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 / O.value);
-			P.value = r, I.value = t.offsetHeight * r;
-		}
-		n(() => {
-			J(), !(typeof ResizeObserver > "u") && (G = new ResizeObserver(() => J()), k.value && G.observe(k.value), A.value && G.observe(A.value));
-		}), l(() => {
-			G?.disconnect(), G = null;
-		});
-		let Y = y(() => E(i.block, d, S)), X = y(() => v(d.savedBlocks.reorderHandle, {
-			block: Y.value,
-			position: i.position,
-			total: i.total
-		})), 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,
-			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)" }
-		}, [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: _(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, z), f("div", B, [
-			f("div", {
-				ref_key: "frameEl",
-				ref: k,
-				class: "tpl:overflow-hidden",
-				style: t({ height: q.value === null ? void 0 : `${q.value}px` })
-			}, [f("div", {
-				ref_key: "contentEl",
-				ref: A,
-				style: t({
-					width: `${O.value}px`,
-					transform: `scale(${P.value})`,
-					transformOrigin: "top left"
-				})
-			}, [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": 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(W.value ? _(d).savedBlocks.collapse : _(d).savedBlocks.expand), 1)], 8, H)) : b("", !0)
-		])], 8, R));
-	}
-}), 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)]"
-}, 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)]"
-}, 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)]"
-}, 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)]"
-}, ce = {
-	class: "tpl-sr-only",
-	role: "status",
-	"aria-live": "polite",
-	"aria-atomic": "true"
-}, le = {
-	key: 1,
-	role: "alert",
-	class: "tpl:mb-3 tpl:shrink-0 tpl:text-xs tpl:text-[var(--tpl-danger)]"
-}, 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"
-}, me = { key: 1 }, Q = /* @__PURE__ */ d({
-	__name: "SaveBlockDialog",
-	props: {
-		visible: { type: Boolean },
-		pickedIds: {}
-	},
-	emits: ["close", "saved"],
-	setup(t, { emit: n }) {
-		let a = t, l = n, { t: d, format: w } = ee(), T = k(j, "SaveBlockDialog"), D = k(A, "SaveBlockDialog"), te = x(M, []), 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 B.value.map((t) => e.get(t)).filter((e) => e !== void 0);
-		}), H = y({
-			get: () => V.value,
-			set: (e) => {
-				B.value = e.map((e) => e.id);
-			}
-		});
-		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]], 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 Q(e) {
-			return E(e, d, te);
-		}
-		let he = y(() => V.value.map(Q).join(", "));
-		i(() => a.visible, (e) => {
-			e && (N.value = "", F.value = "", R.value = null, z.value = "", B.value = [...a.pickedIds]);
-		}, { immediate: !0 });
-		let ge = y(() => N.value.trim().length > 0 && V.value.length > 0 && !L.value);
-		async function _e() {
-			if (!ge.value) return;
-			let e = V.value;
-			if (e.length !== 0) {
-				L.value = !0, R.value = null;
-				try {
-					await D.create(N.value.trim(), e, F.value.trim() || void 0), l("saved"), l("close");
-				} catch (e) {
-					R.value = e.message;
-				} finally {
-					L.value = !1;
-				}
-			}
-		}
-		function $() {
-			L.value || l("close");
-		}
-		function ve(e) {
-			e.key === "Enter" && !e.shiftKey && (e.preventDefault(), _e()), e.key === "Escape" && $();
-		}
-		return (n, i) => (o(), h(I, {
-			visible: t.visible,
-			onClose: $,
-			onKeydown: ve
-		}, {
-			default: c(() => [f("div", {
-				role: "dialog",
-				"aria-modal": "true",
-				"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: {
-					"background-color": "var(--tpl-bg-elevated)",
-					"box-shadow": "var(--tpl-shadow-xl)",
-					"max-height": "90vh"
-				}
-			}, [
-				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: 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) => 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: 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, ie))), 128))])
-				]),
-				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: H.value,
-					"onUpdate:modelValue": i[2] ||= (e) => H.value = e,
-					"data-testid": "saved-blocks-reorder-list",
-					animation: 150,
-					"ghost-class": "tpl-ghost",
-					"drag-class": "tpl-dragging",
-					handle: ".tpl-saved-block-reorder-handle",
-					"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(H.value, (e, t) => (o(), h(W, {
-						key: e.id,
-						block: e,
-						position: t + 1,
-						total: H.value.length,
-						onMove: (t) => U(e.id, t)
-					}, null, 8, [
-						"block",
-						"position",
-						"total",
-						"onMove"
-					]))), 128))]),
-					_: 1
-				}, 8, ["modelValue"]),
-				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": L.value }]),
-					disabled: L.value,
-					onClick: $
-				}, 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: !ge.value,
-					onClick: _e
-				}, [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", me, s(_(d).savedBlocks.save), 1))], 8, fe)])
-			], 8, G)]),
-			_: 1
-		}, 8, ["visible"]));
-	}
-});
-//#endregion
-export { Q as default };

package/dist/SnapshotHistory-Cb4WW2gf.js

@@ -1,128 +0,0 @@
-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-D1diBMsm.js";
-import { c as h, t as g } from "./runtime-dom.esm-bundler-CepEmvwF.js";
-import "./useEditorCore-P4UkhcyS.js";
-import { s as _ } from "./usePopoverPosition-C0dPEF4X.js";
-import { t as v } from "./useI18n-DoVKdCTH.js";
-import { t as y } from "./createLucideIcon-C8WzBYCv.js";
-import { t as b } from "./chevron-down-69EiBGoB.js";
-import { t as x } from "./clock-Dt0APH92.js";
-import { t as S } from "./loader-circle-bO7o7_HD.js";
-import { n as C } from "./useCloudI18n-DKVm6PCa.js";
-import { t as w } from "./formatRelativeTime-CtUU-QZ8.js";
-var T = y("chevron-left", [["path", {
-	d: "m15 18-6-6 6-6",
-	key: "1wnfg3"
-}]]), E = y("chevron-right", [["path", {
-	d: "m9 18 6-6-6-6",
-	key: "mthhwq"
-}]]), D = ["disabled", "title"], O = ["title"], k = {
-	key: 0,
-	class: "tpl-scale-in tpl:absolute tpl:top-full tpl:left-1/2 tpl:z-50 tpl:mt-2 tpl:w-72 tpl:-translate-x-1/2 tpl:overflow-hidden tpl:rounded-[var(--tpl-radius)] tpl:bg-[var(--tpl-bg-elevated)] tpl:border tpl:border-[var(--tpl-border)] tpl:shadow-[var(--tpl-shadow-lg)]",
-	style: {
-		"backdrop-filter": "blur(8px)",
-		"-webkit-backdrop-filter": "blur(8px)"
-	}
-}, A = { class: "tpl:border-b tpl:px-3 tpl:py-2 tpl:text-xs tpl:font-semibold tpl:text-[var(--tpl-text)] tpl:border-[var(--tpl-border)]" }, j = {
-	key: 0,
-	class: "tpl:flex tpl:items-center tpl:justify-center tpl:py-8"
-}, M = {
-	key: 1,
-	class: "tpl:px-3 tpl:py-6 tpl:text-center tpl:text-xs tpl:text-[var(--tpl-text-muted)]"
-}, N = {
-	key: 2,
-	class: "tpl:max-h-64 tpl:overflow-y-auto"
-}, P = ["disabled", "onClick"], F = { class: "tpl:flex tpl:flex-col tpl:gap-0.5" }, I = { class: "tpl:flex tpl:items-center tpl:gap-1.5 tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text)]" }, L = {
-	key: 0,
-	class: "tpl:rounded tpl:px-1 tpl:py-0.5 tpl:text-[10px] tpl:font-normal tpl:bg-[var(--tpl-bg-active)] tpl:text-[var(--tpl-text-muted)]"
-}, R = ["disabled", "title"], z = /* @__PURE__ */ s({
-	__name: "SnapshotHistory",
-	props: {
-		snapshots: {},
-		isLoading: { type: Boolean },
-		isRestoring: { type: Boolean }
-	},
-	emits: ["load", "navigate"],
-	setup(s, { emit: y }) {
-		let z = s, B = y, { format: V } = v(), { t: H } = C(), U = o(!1), W = o(null), G = o(-1);
-		n(() => 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);
-		function J() {
-			K.value && (G.value--, B("navigate", z.snapshots[G.value]));
-		}
-		function Y() {
-			q.value && (G.value++, B("navigate", z.snapshots[G.value]));
-		}
-		function X() {
-			U.value = !U.value, U.value && z.snapshots.length === 0 && B("load");
-		}
-		function Z(e) {
-			let t = z.snapshots.findIndex((t) => t.id === e);
-			t !== -1 && (G.value = t, B("navigate", z.snapshots[t])), U.value = !1;
-		}
-		function Q(e) {
-			let t = w(e, H.snapshotHistory, V, 7);
-			return t === null ? new Date(e).toLocaleDateString(void 0, {
-				month: "short",
-				day: "numeric",
-				hour: "2-digit",
-				minute: "2-digit"
-			}) : t;
-		}
-		return _(W, () => {
-			U.value = !1;
-		}), (n, o) => (r(), l("div", {
-			ref_key: "dropdownRef",
-			ref: W,
-			class: "tpl:relative tpl:flex tpl:items-center tpl:gap-0.5"
-		}, [
-			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"])
-			}, [u(d(T), {
-				size: 14,
-				"stroke-width": 2
-			})], 8, D),
-			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"])
-			}, [u(d(x), {
-				size: 16,
-				"stroke-width": 1.5
-			}), u(d(b), {
-				class: t(["tpl:transition-transform tpl:duration-150", { "tpl:rotate-180": U.value }]),
-				size: 10,
-				"stroke-width": 2
-			}, null, 8, ["class"])], 8, O),
-			u(g, { name: "tpl-dropdown" }, {
-				default: a(() => [U.value ? (r(), l("div", k, [c("div", A, i(d(H).snapshotHistory.dropdownTitle), 1), s.isLoading ? (r(), l("div", j, [u(d(S), {
-					class: "tpl:animate-spin tpl:text-[var(--tpl-primary)]",
-					size: 20,
-					"stroke-width": 2
-				})])) : s.snapshots.length === 0 ? (r(), l("div", M, i(d(H).snapshotHistory.noSnapshots), 1)) : (r(), l("div", N, [(r(!0), l(f, null, e(s.snapshots, (e) => (r(), l("button", {
-					key: e.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: s.isRestoring,
-					onClick: (t) => Z(e.id)
-				}, [c("div", F, [c("div", I, [c("span", null, i(Q(e.created_at)), 1), e.is_autosave ? (r(), l("span", L, i(d(H).snapshotHistory.auto), 1)) : m("", !0)])])], 8, P))), 128))]))])) : m("", !0)]),
-				_: 1
-			}),
-			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"])
-			}, [u(d(E), {
-				size: 14,
-				"stroke-width": 2
-			})], 8, R)
-		], 512));
-	}
-});
-//#endregion
-export { z as default };

package/dist/TestEmailModal-BHDKmd6B.js

@@ -1,205 +0,0 @@
-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 _, z as v } from "./vue.runtime.esm-bundler-D1diBMsm.js";
-import { a as ee, i as te } from "./runtime-dom.esm-bundler-CepEmvwF.js";
-import { j as ne } from "./dist-B1kLn1rs.js";
-import { W as re } from "./useEditorCore-P4UkhcyS.js";
-import { E as ie, L as ae, g as oe, k as se } from "./keys-fwF3qZax.js";
-import { t as ce } from "./useI18n-DoVKdCTH.js";
-import { t as le } from "./check-On4TSac-.js";
-import { t as ue } from "./loader-circle-bO7o7_HD.js";
-import { n as de, t as fe } from "./MergeTagModeToggle-P-UguQHc.js";
-import { t as pe } from "./TplModal-Dv9zgSWI.js";
-import { t as me } from "./BlockPreviewCanvas-BZKslwGI.js";
-//#region src/utils/validateEmailShape.ts
-var y = /[,;<>()[\]\\"'`|/?#@!$%^&*+=~{}]/;
-function he(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 || y.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 ge = ["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",
-	"aria-busy": "true",
-	"data-testid": "preview-resolution-loading",
-	class: "tpl:flex tpl:flex-col tpl:gap-3"
-}, F = { class: "tpl:sr-only" }, I = {
-	key: 1,
-	role: "status",
-	"data-testid": "preview-resolution-failed",
-	class: "tpl:mb-2 tpl:rounded-md tpl:px-3 tpl:py-2 tpl:text-xs tpl:text-[var(--tpl-text-muted)] tpl:bg-[var(--tpl-bg-hover)]"
-}, L = {
-	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))]"
-}, _e = {
-	key: 1,
-	role: "alert",
-	"data-testid": "test-email-error",
-	class: "tpl:mb-3 tpl:shrink-0 tpl:text-xs tpl:text-[var(--tpl-danger)]"
-}, ve = { class: "tpl:flex tpl:shrink-0 tpl:justify-end tpl:gap-2" }, ye = ["disabled"], be = ["disabled"], xe = {
-	key: 0,
-	class: "tpl:flex tpl:items-center tpl:gap-1.5"
-}, Se = { key: 1 }, R = /* @__PURE__ */ s({
-	__name: "TestEmailModal",
-	props: {
-		visible: { type: Boolean },
-		allowedRecipients: {},
-		defaultRecipient: {},
-		isSending: { type: Boolean },
-		justSent: { type: Boolean },
-		error: {}
-	},
-	emits: ["send", "close"],
-	setup(s, { emit: y }) {
-		let R = s, z = y, { t: B } = ce(), Ce = _(oe, null), V = o(""), H = o("desktop"), we = _(ae, void 0), U = re({
-			resolvePreview: we ?? void 0,
-			getContent: () => Ce?.content.value ?? {
-				blocks: [],
-				settings: {}
-			},
-			isActive: () => R.visible,
-			getRecipient: () => V.value || void 0
-		}), W = _(se, null), G = o(ne(_(ie, []))), K = h({
-			get: () => U.isConfigured ? !1 : W?.value ?? G.value,
-			set: (e) => {
-				W ? W.value = e : G.value = e;
-			}
-		}), Te = h(() => U.content.value.blocks ?? []), q = h(() => R.allowedRecipients !== void 0 && R.allowedRecipients.length > 0), Ee = h(() => R.allowedRecipients?.length === 1);
-		n(() => R.visible, (e) => {
-			e && (V.value = R.defaultRecipient ?? R.allowedRecipients?.[0] ?? "");
-		}, { immediate: !0 });
-		let J = h(() => q.value ? V.value.length > 0 : he(V.value)), Y = h(() => J.value && !R.isSending && !R.justSent), X = h(() => !q.value && V.value.trim().length > 0 && !J.value), Z = h(() => R.error ? R.error.kind === "provider" ? R.error.message : B.testEmail.recipientNotAllowed : null);
-		function Q() {
-			Y.value && z("send", V.value.trim());
-		}
-		function $() {
-			R.isSending || z("close");
-		}
-		function De(e) {
-			e.key === "Enter" && !e.shiftKey && (e.preventDefault(), Q()), e.key === "Escape" && $();
-		}
-		return (n, o) => (r(), d(pe, {
-			visible: s.visible,
-			onClose: $,
-			onKeydown: De
-		}, {
-			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(p(B).testEmail.title), 1),
-				c("div", x, [
-					c("label", S, i(p(B).testEmail.recipientLabel), 1),
-					Ee.value ? (r(), l("input", {
-						key: 0,
-						id: "tpl-test-email-recipient",
-						type: "text",
-						value: V.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 ? v((r(), l("select", {
-						key: 1,
-						id: "tpl-test-email-recipient",
-						"onUpdate:modelValue": o[0] ||= (e) => V.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, T))), 128))], 8, w)), [[te, V.value]]) : v((r(), l("input", {
-						key: 2,
-						id: "tpl-test-email-recipient",
-						"onUpdate:modelValue": o[1] ||= (e) => V.value = e,
-						type: "email",
-						autocomplete: "email",
-						spellcheck: "false",
-						placeholder: p(B).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)), [[ee, V.value]]),
-					X.value ? (r(), l("p", D, i(p(B).testEmail.invalidAddress), 1)) : g("", !0)
-				]),
-				c("div", O, [c("div", k, [c("span", A, i(p(B).testEmail.preview), 1), c("div", j, [p(U).supersedesSamples.value ? g("", !0) : (r(), d(fe, {
-					key: 0,
-					"sample-mode": K.value,
-					onChange: o[2] ||= (e) => K.value = e
-				}, null, 8, ["sample-mode"])), u(de, {
-					viewport: H.value,
-					onChange: o[3] ||= (e) => H.value = e
-				}, null, 8, ["viewport"])])]), c("p", M, i(p(U).supersedesSamples.value ? p(B).previewResolution.hint : K.value ? p(B).testEmail.previewHintSample : p(B).testEmail.previewHint), 1)]),
-				c("div", N, [p(U).isInitialResolve.value ? (r(), l("div", P, [c("span", F, i(p(B).previewResolution.resolving), 1), (r(), l(m, null, e(3, (e) => c("div", {
-					key: e,
-					"aria-hidden": "true",
-					class: "tpl-pulse tpl:h-16 tpl:rounded-md tpl:bg-[var(--tpl-bg-hover)]"
-				})), 64))])) : p(U).hasFailed.value ? (r(), l("p", I, i(p(B).previewResolution.failed), 1)) : g("", !0), p(U).isInitialResolve.value ? g("", !0) : (r(), d(me, {
-					key: 2,
-					blocks: Te.value,
-					viewport: H.value,
-					"apply-condition-filter": !p(U).isConfigured
-				}, null, 8, [
-					"blocks",
-					"viewport",
-					"apply-condition-filter"
-				]))]),
-				s.justSent ? (r(), l("p", L, [u(p(le), {
-					size: 13,
-					"stroke-width": 2.5
-				}), f(" " + i(p(B).testEmail.success), 1)])) : Z.value ? (r(), l("p", _e, i(Z.value), 1)) : g("", !0),
-				c("div", ve, [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(B).testEmail.cancel), 11, ye), 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", xe, [u(p(ue), {
-					class: "tpl:animate-spin",
-					size: 12,
-					"stroke-width": 2
-				}), f(" " + i(p(B).testEmail.sending), 1)])) : (r(), l("span", Se, i(p(B).testEmail.send), 1))], 8, be)])
-			], 8, ge)]),
-			_: 1
-		}, 8, ["visible"]));
-	}
-});
-//#endregion
-export { R as default };