@templatical/editor 0.39.4 → 0.40.0

package/dist/{useEditorRoot-BOxn5EfP.js → useEditorRoot-CkB_5d0h.js}

@@ -1,5 +1,5 @@
 import { S as e } from "./vue.runtime.esm-bundler-CyqhBwpY.js";
-import { _ as t } from "./keys-BdoSgsz9.js";
+import { _ as t } from "./keys-CDqfZIRt.js";
 //#region src/composables/useEditorRoot.ts
 function n() {
 	return e(t, document) ?? document;

package/dist/{useI18n-Ds_-druD.js → useI18n-B_CdcBwG.js}

@@ -1,5 +1,5 @@
 import { K as e, S as t } from "./vue.runtime.esm-bundler-CyqhBwpY.js";
-import { q as n } from "./keys-BdoSgsz9.js";
+import { Y as n } from "./keys-CDqfZIRt.js";
 //#region src/composables/useI18n.ts
 function r(r) {
 	let i = r ?? t(n, null);

package/dist/{useLogicTag-DoHfc08B.js → useLogicTag-D9pvgxQR.js}

@@ -1,9 +1,9 @@
 import { S as e, Z as t } from "./vue.runtime.esm-bundler-CyqhBwpY.js";
-import { o as n } from "./dist-tGkjkX-v.js";
-import { C as r, E as i, F as a, N as o, T as s, w as c } from "./keys-BdoSgsz9.js";
+import { o as n } from "./dist-DbUZvK04.js";
+import { D as r, E as i, I as a, P as o, T as s, w as c } from "./keys-CDqfZIRt.js";
 //#region src/composables/useLogicTag.ts
 function l() {
-	let l = e(c, []), u = e(r, []), d = e(o, n.liquid), f = e(a, null), p = e(s, null), m = e(i, null) ?? t(!1), h = !!f || l.length > 0 || u.length > 0, g = l.length > 0 || u.length > 0;
+	let l = e(s, []), u = e(c, []), d = e(o, n.liquid), f = e(a, null), p = e(i, null), m = e(r, null) ?? t(!1), h = !!f || l.length > 0 || u.length > 0, g = l.length > 0 || u.length > 0;
 	async function _() {
 		if (f) {
 			m.value = !0;

package/dist/{useMergeTag-DXyum3kG.js → useMergeTag-BaVFPdlq.js}

@@ -1,14 +1,14 @@
 import { S as e, Z as t, s as n } from "./vue.runtime.esm-bundler-CyqhBwpY.js";
-import { I as r, k as i, o as a } from "./dist-tGkjkX-v.js";
-import { A as o, D as s, L as c, M as l, N as u, O as d, P as f, k as p, q as m } from "./keys-BdoSgsz9.js";
+import { P as r, V as i, o as a } from "./dist-DbUZvK04.js";
+import { A as o, F as s, N as c, O as l, P as u, R as d, Y as f, j as p, k as m } from "./keys-CDqfZIRt.js";
 //#region src/composables/useMergeTag.ts
 function h() {
-	let h = e(s, f), g = e(u, a.liquid), _ = e(c, null), v = e(d, !0), y = e(p, null), b = e(l, !0), x = e(m, null)?.mergeTag.unknownLabel ?? "Merge tag", S = e(o, null) ?? t(!1);
+	let h = e(l, s), g = e(u, a.liquid), _ = e(d, null), v = e(m, !0), y = e(o, null), b = e(c, !0), x = e(f, null)?.mergeTag.unknownLabel ?? "Merge tag", S = e(p, null) ?? t(!1);
 	function C(e) {
-		return r(e, g);
+		return i(e, g);
 	}
 	function w(e) {
-		return i(e, h.value);
+		return r(e, h.value);
 	}
 	function T(e) {
 		return h.value.find((t) => t.value === e);

package/dist/{usePopoverPosition-Du-Ah8E9.js → usePopoverPosition-DH7z3Ghm.js}

@@ -1,5 +1,5 @@
 import { S as e, Z as t } from "./vue.runtime.esm-bundler-CyqhBwpY.js";
-import { z as n } from "./keys-BdoSgsz9.js";
+import { B as n } from "./keys-CDqfZIRt.js";
 //#region src/utils/resolveColorsConfig.ts
 var r = {
 	presets: [],

package/dist/{useScrollToBlock-DXQYPCnJ.js → useScrollToBlock-Dj4v3rxr.js}

@@ -1,6 +1,6 @@
 import { E as e } from "./vue.runtime.esm-bundler-CyqhBwpY.js";
 import { t } from "./createLucideIcon-BxY5yz5u.js";
-import { t as n } from "./useEditorRoot-BOxn5EfP.js";
+import { t as n } from "./useEditorRoot-CkB_5d0h.js";
 var r = t({
 	name: "list-checks",
 	size: 24,

package/package.json

@@ -1,14 +1,14 @@
 {
   "name": "@templatical/editor",
   "description": "Vue 3 visual drag-and-drop email editor powered by Templatical",
-  "version": "0.39.4",
+  "version": "0.40.0",
   "bugs": "https://github.com/templatical/sdk/issues",
   "devDependencies": {
     "@lucide/vue": "^1.47.0",
-    "@templatical/core": "0.39.4",
-    "@templatical/media-library": "0.39.4",
-    "@templatical/quality": "0.39.4",
-    "@templatical/types": "0.39.4",
+    "@templatical/core": "0.40.0",
+    "@templatical/media-library": "0.40.0",
+    "@templatical/quality": "0.40.0",
+    "@templatical/types": "0.40.0",
     "@tiptap/core": "^3.31.3",
     "@tiptap/extension-color": "^3.31.3",
     "@tiptap/extension-font-family": "^3.31.3",
@@ -64,8 +64,8 @@
   "license": "FSL-1.1-MIT",
   "module": "./dist/templatical-editor.js",
   "peerDependencies": {
-    "@templatical/quality": "0.39.4",
-    "@templatical/renderer": "0.39.4"
+    "@templatical/quality": "0.40.0",
+    "@templatical/renderer": "0.40.0"
   },
   "peerDependenciesMeta": {
     "@templatical/renderer": {

package/dist/BlockPreviewCanvas-BMC16_QU.js

@@ -1,131 +0,0 @@
-import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { A as t, At as n, F as r, M as i, P as a, S as o, at as s, c, d as l, j as u, l as d, r as f, s as p, v as m } from "./vue.runtime.esm-bundler-CyqhBwpY.js";
-import { R as h } from "./dist-tGkjkX-v.js";
-import { _ as g, a as _, c as v, d as y, f as b, g as x, h as S, i as C, k as w, m as T, n as E, p as D, r as O, u as k, v as A } from "./useEditorCore-BUVbQgwb.js";
-import { X as j, f as M, g as N, j as P, s as F } from "./keys-BdoSgsz9.js";
-import { n as I, t as L } from "./emailFrameWidth-BmFCN2dp.js";
-//#region src/components/blocks/PreviewSectionBlock.vue?vue&type=script&setup=true&lang.ts
-var R = { class: "tpl:w-full" }, z = { class: "tpl:flex tpl:gap-0" }, B = /* @__PURE__ */ m({
-	name: "PreviewSectionBlock",
-	__name: "PreviewSectionBlock",
-	props: {
-		block: {},
-		viewport: {}
-	},
-	setup(e) {
-		let u = {
-			title: v,
-			paragraph: D,
-			image: S,
-			video: E,
-			button: w,
-			divider: g,
-			social: _,
-			menu: T,
-			table: O,
-			spacer: C,
-			html: x,
-			custom: A
-		}, m = e, h = o(F, null), y = p(() => {
-			switch (m.block.columns) {
-				case "2": return ["50%", "50%"];
-				case "3": return [
-					"33.33%",
-					"33.33%",
-					"33.33%"
-				];
-				case "1-2": return ["33.33%", "66.67%"];
-				case "2-1": return ["66.67%", "33.33%"];
-				default: return ["100%"];
-			}
-		}), j = p(() => {
-			let e = y.value.length, t = [...m.block.children];
-			for (; t.length < e;) t.push([]);
-			return t.slice(0, e);
-		});
-		function M(e) {
-			return j.value[e] || [];
-		}
-		function N(e) {
-			return b(e, h, u);
-		}
-		return (e, o) => {
-			let u = a("PreviewSectionBlock", !0);
-			return t(), l("div", R, [c("div", z, [(t(!0), l(f, null, i(j.value, (e, a) => (t(), l("div", {
-				key: a,
-				style: n({ width: y.value[a] })
-			}, [(t(!0), l(f, null, i(M(a), (e) => (t(), l("div", {
-				key: e.id,
-				style: n(s(k)(e))
-			}, [e.type === "section" ? (t(), d(u, {
-				key: 0,
-				block: e,
-				viewport: "desktop"
-			}, null, 8, ["block"])) : (t(), d(r(N(e)), {
-				key: 1,
-				block: e,
-				viewport: "desktop"
-			}, null, 8, ["block"]))], 4))), 128))], 4))), 128))])]);
-		};
-	}
-}), V = ["lang", "dir"], H = /*@__PURE__*/ m({
-	__name: "BlockPreviewCanvas",
-	props: {
-		blocks: {},
-		viewport: { default: "desktop" },
-		applyConditionFilter: {
-			type: Boolean,
-			default: !0
-		}
-	},
-	setup(e) {
-		let a = e, m = o(F), R = o(N, null), z = o(M, null), H = o(P, null);
-		u(j, p(() => H?.value ?? !1));
-		let U = p(() => a.applyConditionFilter ? a.blocks.filter((e) => !z?.isHidden(e.id)) : a.blocks), W = p(() => I(R?.content.value.settings, a.viewport)), G = p(() => R ? y(R.content.value.settings) : {}), K = p(() => R?.content.value.settings?.locale?.trim() || void 0), q = p(() => h(R?.content.value.settings ?? { locale: "en" })), J = p(() => R?.content.value.settings.backgroundColor || "var(--tpl-canvas-bg)"), Y = p(() => W.value + 192), X = {
-			section: B,
-			title: v,
-			paragraph: D,
-			image: S,
-			video: E,
-			button: w,
-			divider: g,
-			social: _,
-			menu: T,
-			table: O,
-			spacer: C,
-			html: x,
-			custom: A
-		};
-		function Z(e) {
-			return b(e, m, X);
-		}
-		return (a, o) => (t(), l("div", {
-			"data-testid": "block-preview-stage",
-			class: "tpl:pointer-events-none tpl:mx-auto tpl:flex tpl:select-none tpl:justify-center tpl:rounded-lg",
-			style: n({
-				width: `${Y.value}px`,
-				minWidth: `${W.value}px`,
-				maxWidth: "100%",
-				backgroundColor: J.value,
-				boxShadow: "var(--tpl-shadow-sm)"
-			})
-		}, [c("div", {
-			"data-testid": "block-preview-canvas",
-			lang: K.value,
-			dir: q.value,
-			style: n({
-				width: `${W.value}px`,
-				transition: s(L),
-				...G.value
-			})
-		}, [(t(!0), l(f, null, i(U.value, (i) => (t(), l("div", {
-			key: i.id,
-			style: n(s(k)(i))
-		}, [(t(), d(r(Z(i)), {
-			block: i,
-			viewport: e.viewport
-		}, null, 8, ["block", "viewport"]))], 4))), 128))], 12, V)], 4));
-	}
-}), U = /* @__PURE__ */ e({ default: () => W }), W = H;
-//#endregion
-export { U as n, W as t };

package/dist/cdn/chunks/BlockPreviewCanvas-DeS7Sa--.js

@@ -1,133 +0,0 @@
-import { n as e } from "./rolldown-runtime-B0aSnxlc.js";
-import { E as t, F as n, L as r, N as i, P as a, R as o, S as s, at as c, f as l, g as u, lt as d, m as f, p, u as m } from "./draggable-IB4x6w2O.js";
-import { R as h } from "./src-Dwgq7hf4.js";
-import { T as g, _, a as v, d as y, f as b, g as x, h as S, i as C, l as w, m as T, n as E, p as D, r as O, s as k, u as A } from "./useEditorCore-CXYI14ux.js";
-import { X as j, f as M, g as N, j as P, s as F } from "./keys-dJbD1QPs.js";
-import { n as I, t as L } from "./emailFrameWidth-BmFCN2dp.js";
-//#region src/components/blocks/PreviewSectionBlock.vue?vue&type=script&setup=true&lang.ts
-var R = { class: "tpl:w-full" }, z = { class: "tpl:flex tpl:gap-0" }, B = /* @__PURE__ */ s({
-	name: "PreviewSectionBlock",
-	__name: "PreviewSectionBlock",
-	props: {
-		block: {},
-		viewport: {}
-	},
-	setup(e) {
-		let a = {
-			title: k,
-			paragraph: b,
-			image: T,
-			video: E,
-			button: g,
-			divider: x,
-			social: v,
-			menu: D,
-			table: O,
-			spacer: C,
-			html: S,
-			custom: _
-		}, s = e, h = t(F, null), A = l(() => {
-			switch (s.block.columns) {
-				case "2": return ["50%", "50%"];
-				case "3": return [
-					"33.33%",
-					"33.33%",
-					"33.33%"
-				];
-				case "1-2": return ["33.33%", "66.67%"];
-				case "2-1": return ["66.67%", "33.33%"];
-				default: return ["100%"];
-			}
-		}), j = l(() => {
-			let e = A.value.length, t = [...s.block.children];
-			for (; t.length < e;) t.push([]);
-			return t.slice(0, e);
-		});
-		function M(e) {
-			return j.value[e] || [];
-		}
-		function N(e) {
-			return y(e, h, a);
-		}
-		return (e, t) => {
-			let a = r("PreviewSectionBlock", !0);
-			return i(), u("div", R, [p("div", z, [(i(!0), u(m, null, n(j.value, (e, t) => (i(), u("div", {
-				key: t,
-				style: d({ width: A.value[t] })
-			}, [(i(!0), u(m, null, n(M(t), (e) => (i(), u("div", {
-				key: e.id,
-				style: d(c(w)(e))
-			}, [e.type === "section" ? (i(), f(a, {
-				key: 0,
-				block: e,
-				viewport: "desktop"
-			}, null, 8, ["block"])) : (i(), f(o(N(e)), {
-				key: 1,
-				block: e,
-				viewport: "desktop"
-			}, null, 8, ["block"]))], 4))), 128))], 4))), 128))])]);
-		};
-	}
-}), V = ["lang", "dir"], H = /*@__PURE__*/ s({
-	__name: "BlockPreviewCanvas",
-	props: {
-		blocks: {},
-		viewport: { default: "desktop" },
-		applyConditionFilter: {
-			type: Boolean,
-			default: !0
-		}
-	},
-	setup(e) {
-		let r = e, s = t(F), R = t(N, null), z = t(M, null), H = t(P, null);
-		a(j, l(() => H?.value ?? !1));
-		let U = l(() => r.applyConditionFilter ? r.blocks.filter((e) => !z?.isHidden(e.id)) : r.blocks), W = l(() => I(R?.content.value.settings, r.viewport)), G = l(() => R ? A(R.content.value.settings) : {}), K = l(() => R?.content.value.settings?.locale?.trim() || void 0), q = l(() => h(R?.content.value.settings ?? { locale: "en" })), J = l(() => R?.content.value.settings.backgroundColor || "var(--tpl-canvas-bg)"), Y = l(() => W.value + 192), X = {
-			section: B,
-			title: k,
-			paragraph: b,
-			image: T,
-			video: E,
-			button: g,
-			divider: x,
-			social: v,
-			menu: D,
-			table: O,
-			spacer: C,
-			html: S,
-			custom: _
-		};
-		function Z(e) {
-			return y(e, s, X);
-		}
-		return (t, r) => (i(), u("div", {
-			"data-testid": "block-preview-stage",
-			class: "tpl:pointer-events-none tpl:mx-auto tpl:flex tpl:select-none tpl:justify-center tpl:rounded-lg",
-			style: d({
-				width: `${Y.value}px`,
-				minWidth: `${W.value}px`,
-				maxWidth: "100%",
-				backgroundColor: J.value,
-				boxShadow: "var(--tpl-shadow-sm)"
-			})
-		}, [p("div", {
-			"data-testid": "block-preview-canvas",
-			lang: K.value,
-			dir: q.value,
-			style: d({
-				width: `${W.value}px`,
-				transition: c(L),
-				...G.value
-			})
-		}, [(i(!0), u(m, null, n(U.value, (t) => (i(), u("div", {
-			key: t.id,
-			style: d(c(w)(t))
-		}, [(i(), f(o(Z(t)), {
-			block: t,
-			viewport: e.viewport
-		}, null, 8, ["block", "viewport"]))], 4))), 128))], 12, V)], 4));
-	}
-}), U = /* @__PURE__ */ e({ default: () => W }), W = H;
-//#endregion
-export { U as n, W as t };
-
-//# sourceMappingURL=BlockPreviewCanvas-DeS7Sa--.js.map

package/dist/cdn/chunks/BlockPreviewCanvas-DeS7Sa--.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BlockPreviewCanvas-DeS7Sa--.js","names":[],"sources":["../../../src/components/blocks/PreviewSectionBlock.vue","../../../src/components/blocks/PreviewSectionBlock.vue","../../../src/components/BlockPreviewCanvas.vue","../../../src/components/BlockPreviewCanvas.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport ButtonBlock from \"./ButtonBlock.vue\";\nimport CustomBlock from \"./CustomBlock.vue\";\nimport DividerBlock from \"./DividerBlock.vue\";\nimport HtmlBlock from \"./HtmlBlock.vue\";\nimport ImageBlock from \"./ImageBlock.vue\";\nimport MenuBlock from \"./MenuBlock.vue\";\nimport SocialIconsBlock from \"./SocialIconsBlock.vue\";\nimport SpacerBlock from \"./SpacerBlock.vue\";\nimport TableBlock from \"./TableBlock.vue\";\nimport TitleBlock from \"./TitleBlock.vue\";\nimport ParagraphBlock from \"./ParagraphBlock.vue\";\nimport VideoBlock from \"./VideoBlock.vue\";\nimport {\n  resolveBlockComponent,\n  getBlockWrapperStyle,\n} from \"../../utils/blockComponentResolver\";\nimport type {\n  Block,\n  SectionBlock as SectionBlockType,\n} from \"@templatical/types\";\nimport { computed, inject, type Component } from \"vue\";\nimport { BLOCK_REGISTRY_KEY } from \"../../keys\";\n\nconst previewBlockComponentMap: Record<string, Component> = {\n  title: TitleBlock,\n  paragraph: ParagraphBlock,\n  image: ImageBlock,\n  video: VideoBlock,\n  button: ButtonBlock,\n  divider: DividerBlock,\n  social: SocialIconsBlock,\n  menu: MenuBlock,\n  table: TableBlock,\n  spacer: SpacerBlock,\n  html: HtmlBlock,\n  custom: CustomBlock,\n};\n\nconst props = defineProps<{\n  block: SectionBlockType;\n  viewport: \"desktop\";\n}>();\n\ndefineOptions({ name: \"PreviewSectionBlock\" });\n\nconst blockRegistry = inject(BLOCK_REGISTRY_KEY, null);\n\nconst columnWidths = computed(() => {\n  switch (props.block.columns) {\n    case \"2\":\n      return [\"50%\", \"50%\"];\n    case \"3\":\n      return [\"33.33%\", \"33.33%\", \"33.33%\"];\n    case \"1-2\":\n      return [\"33.33%\", \"66.67%\"];\n    case \"2-1\":\n      return [\"66.67%\", \"33.33%\"];\n    default:\n      return [\"100%\"];\n  }\n});\n\nconst columns = computed(() => {\n  const count = columnWidths.value.length;\n  const children = [...props.block.children];\n  while (children.length < count) {\n    children.push([]);\n  }\n  return children.slice(0, count);\n});\n\nfunction getColumnBlocks(colIndex: number): Block[] {\n  return columns.value[colIndex] || [];\n}\n\nfunction getBlockComponent(block: Block): Component | null {\n  return resolveBlockComponent(block, blockRegistry, previewBlockComponentMap);\n}\n</script>\n\n<template>\n  <div class=\"tpl:w-full\">\n    <div class=\"tpl:flex tpl:gap-0\">\n      <div\n        v-for=\"(_, colIndex) in columns\"\n        :key=\"colIndex\"\n        :style=\"{ width: columnWidths[colIndex] }\"\n      >\n        <div\n          v-for=\"childBlock in getColumnBlocks(colIndex)\"\n          :key=\"childBlock.id\"\n          :style=\"getBlockWrapperStyle(childBlock)\"\n        >\n          <!-- Recursive self-reference for nested sections -->\n          <PreviewSectionBlock\n            v-if=\"childBlock.type === 'section'\"\n            :block=\"childBlock\"\n            viewport=\"desktop\"\n          />\n          <component\n            :is=\"getBlockComponent(childBlock)\"\n            v-else\n            :block=\"childBlock\"\n            viewport=\"desktop\"\n          />\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport ButtonBlock from \"./ButtonBlock.vue\";\nimport CustomBlock from \"./CustomBlock.vue\";\nimport DividerBlock from \"./DividerBlock.vue\";\nimport HtmlBlock from \"./HtmlBlock.vue\";\nimport ImageBlock from \"./ImageBlock.vue\";\nimport MenuBlock from \"./MenuBlock.vue\";\nimport SocialIconsBlock from \"./SocialIconsBlock.vue\";\nimport SpacerBlock from \"./SpacerBlock.vue\";\nimport TableBlock from \"./TableBlock.vue\";\nimport TitleBlock from \"./TitleBlock.vue\";\nimport ParagraphBlock from \"./ParagraphBlock.vue\";\nimport VideoBlock from \"./VideoBlock.vue\";\nimport {\n  resolveBlockComponent,\n  getBlockWrapperStyle,\n} from \"../../utils/blockComponentResolver\";\nimport type {\n  Block,\n  SectionBlock as SectionBlockType,\n} from \"@templatical/types\";\nimport { computed, inject, type Component } from \"vue\";\nimport { BLOCK_REGISTRY_KEY } from \"../../keys\";\n\nconst previewBlockComponentMap: Record<string, Component> = {\n  title: TitleBlock,\n  paragraph: ParagraphBlock,\n  image: ImageBlock,\n  video: VideoBlock,\n  button: ButtonBlock,\n  divider: DividerBlock,\n  social: SocialIconsBlock,\n  menu: MenuBlock,\n  table: TableBlock,\n  spacer: SpacerBlock,\n  html: HtmlBlock,\n  custom: CustomBlock,\n};\n\nconst props = defineProps<{\n  block: SectionBlockType;\n  viewport: \"desktop\";\n}>();\n\ndefineOptions({ name: \"PreviewSectionBlock\" });\n\nconst blockRegistry = inject(BLOCK_REGISTRY_KEY, null);\n\nconst columnWidths = computed(() => {\n  switch (props.block.columns) {\n    case \"2\":\n      return [\"50%\", \"50%\"];\n    case \"3\":\n      return [\"33.33%\", \"33.33%\", \"33.33%\"];\n    case \"1-2\":\n      return [\"33.33%\", \"66.67%\"];\n    case \"2-1\":\n      return [\"66.67%\", \"33.33%\"];\n    default:\n      return [\"100%\"];\n  }\n});\n\nconst columns = computed(() => {\n  const count = columnWidths.value.length;\n  const children = [...props.block.children];\n  while (children.length < count) {\n    children.push([]);\n  }\n  return children.slice(0, count);\n});\n\nfunction getColumnBlocks(colIndex: number): Block[] {\n  return columns.value[colIndex] || [];\n}\n\nfunction getBlockComponent(block: Block): Component | null {\n  return resolveBlockComponent(block, blockRegistry, previewBlockComponentMap);\n}\n</script>\n\n<template>\n  <div class=\"tpl:w-full\">\n    <div class=\"tpl:flex tpl:gap-0\">\n      <div\n        v-for=\"(_, colIndex) in columns\"\n        :key=\"colIndex\"\n        :style=\"{ width: columnWidths[colIndex] }\"\n      >\n        <div\n          v-for=\"childBlock in getColumnBlocks(colIndex)\"\n          :key=\"childBlock.id\"\n          :style=\"getBlockWrapperStyle(childBlock)\"\n        >\n          <!-- Recursive self-reference for nested sections -->\n          <PreviewSectionBlock\n            v-if=\"childBlock.type === 'section'\"\n            :block=\"childBlock\"\n            viewport=\"desktop\"\n          />\n          <component\n            :is=\"getBlockComponent(childBlock)\"\n            v-else\n            :block=\"childBlock\"\n            viewport=\"desktop\"\n          />\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport ButtonBlock from \"./blocks/ButtonBlock.vue\";\nimport CustomBlock from \"./blocks/CustomBlock.vue\";\nimport DividerBlock from \"./blocks/DividerBlock.vue\";\nimport HtmlBlock from \"./blocks/HtmlBlock.vue\";\nimport ImageBlock from \"./blocks/ImageBlock.vue\";\nimport MenuBlock from \"./blocks/MenuBlock.vue\";\nimport PreviewSectionBlock from \"./blocks/PreviewSectionBlock.vue\";\nimport SocialIconsBlock from \"./blocks/SocialIconsBlock.vue\";\nimport SpacerBlock from \"./blocks/SpacerBlock.vue\";\nimport TableBlock from \"./blocks/TableBlock.vue\";\nimport TitleBlock from \"./blocks/TitleBlock.vue\";\nimport ParagraphBlock from \"./blocks/ParagraphBlock.vue\";\nimport VideoBlock from \"./blocks/VideoBlock.vue\";\nimport {\n  BLOCK_REGISTRY_KEY,\n  CONDITION_PREVIEW_KEY,\n  EDITOR_KEY,\n  MERGE_TAG_SAMPLE_MODE_KEY,\n  USE_MERGE_TAG_SAMPLES_KEY,\n} from \"../keys\";\nimport {\n  resolveBlockComponent,\n  getBlockWrapperStyle,\n  getDocumentStyle,\n} from \"../utils/blockComponentResolver\";\nimport {\n  EMAIL_FRAME_WIDTH_TRANSITION,\n  EMAIL_GUTTER,\n  getEmailFrameWidth,\n} from \"../utils/emailFrameWidth\";\nimport {\n  resolveContentDirection,\n  type Block,\n  type ViewportSize,\n} from \"@templatical/types\";\nimport { computed, inject, provide, type Component } from \"vue\";\n\nconst props = withDefaults(\n  defineProps<{\n    blocks: Block[];\n    /**\n     * Which viewport to render. Defaults to `desktop`, so the saved-blocks\n     * surfaces — which have no viewport control — behave exactly as before.\n     * The test-email dialog passes the user's choice so responsive blocks show\n     * the variant a recipient on that device would receive.\n     */\n    viewport?: ViewportSize;\n    /**\n     * Whether the hand-toggled display-condition filter still applies here.\n     * `false` where a resolver owns the preview: it has already evaluated every\n     * condition against real data, so layering a manual hide on top would veto\n     * the answer that was asked for.\n     *\n     * A prop rather than an injected `PREVIEW_RESOLUTION_KEY` read, because the\n     * test-email dialog builds its *own* resolution instance (keyed to the\n     * selected recipient) — injecting would consult the shared canvas instance\n     * and get the wrong answer.\n     */\n    applyConditionFilter?: boolean;\n  }>(),\n  { viewport: \"desktop\", applyConditionFilter: true },\n);\n\nconst blockRegistry = inject(BLOCK_REGISTRY_KEY);\nconst editor = inject(EDITOR_KEY, null);\nconst conditionPreview = inject(CONDITION_PREVIEW_KEY, null);\n\n/**\n * This canvas is only ever a preview — nothing here is editable — so it honours\n * the user's mode directly, with no `previewMode` gate of the kind `Canvas.vue`\n * needs. Re-provided rather than left to inherit, because a `BlockPreviewCanvas`\n * inside a dialog may sit under an editing `Canvas` that provides `false`.\n */\nconst mergeTagSampleMode = inject(MERGE_TAG_SAMPLE_MODE_KEY, null);\nprovide(\n  USE_MERGE_TAG_SAMPLES_KEY,\n  computed(() => mergeTagSampleMode?.value ?? false),\n);\n\n/**\n * Blocks a display condition currently excludes, so a preview never shows\n * content the recipient won't get. The canvas does the same via\n * `v-show=\"!conditionPreview?.isHidden(block.id)\"`.\n *\n * A no-op for the saved-blocks browser: entries there carry their *stored* ids,\n * which aren't in the current template, so nothing is tracked as hidden. It\n * bites where it should — the save dialog and the test-email preview, both of\n * which show blocks that are live on the canvas.\n *\n * Skipped entirely when `applyConditionFilter` is false — see the prop.\n */\nconst visibleBlocks = computed(() =>\n  props.applyConditionFilter\n    ? props.blocks.filter((block) => !conditionPreview?.isHidden(block.id))\n    : props.blocks,\n);\n\n/**\n * Frame width, from the one helper the canvas and the scaled preview rows also\n * use — so all three agree by construction rather than by three constants that\n * happen to match. A template with a custom body width now previews at that\n * width instead of a flat 600.\n */\nconst frameWidth = computed(() =>\n  getEmailFrameWidth(editor?.content.value.settings, props.viewport),\n);\n\n/**\n * The same document-level style the canvas applies, so a previewed block\n * renders identically to the canvas one: without it the font falls back to the\n * editor UI's and the link rules hit their unset defaults, dropping the\n * underline and the link colour.\n *\n * Read from the *current* template even in the saved-blocks browser, where the\n * previewed content came from elsewhere — a saved block stores only `Block[]`,\n * and the current settings are what it will actually look like once inserted.\n */\nconst documentStyle = computed(() =>\n  editor ? getDocumentStyle(editor.content.value.settings) : {},\n);\n\n/**\n * The email's own language, for the browser's spellchecker and hyphenation —\n * the same binding the editing canvas carries, so a preview is checked by the\n * same rules as the block it mirrors.\n *\n * From `settings.locale`, never `config.locale`: the chrome's language says\n * nothing about the content's. Read from the *current* template for the same\n * reason `documentStyle` is — a saved block stores only `Block[]`. Undefined\n * rather than `\"\"`, which would declare \"unknown language\" and suppress\n * spellcheck instead of falling back.\n */\nconst contentLang = computed(\n  () => editor?.content.value.settings?.locale?.trim() || undefined,\n);\nconst contentDir = computed(() =>\n  resolveContentDirection(editor?.content.value.settings ?? { locale: \"en\" }),\n);\n\n/**\n * The email's body background — `mj-body background-color` when sent, and the\n * `.tpl-canvas-bg` layer on the editing canvas.\n *\n * Deliberately NOT part of `getDocumentStyle`: the canvas applies that helper\n * to `.tpl-canvas`, which must stay transparent so the invertible background\n * layer beneath it shows through. A background there would double-paint and\n * defeat the dark-mode preview.\n *\n * Truthiness, not `??`: the colour pickers clear to an empty string to mean\n * \"unset\", which as an inline style renders the frame transparent rather than\n * falling back to the neutral preview surface.\n */\nconst emailBackground = computed(\n  () =>\n    editor?.content.value.settings.backgroundColor || \"var(--tpl-canvas-bg)\",\n);\n\n/**\n * Width the stage asks for: the content column plus a full gutter on each side,\n * the same stage the canvas builds. It is an ask rather than a fixed size —\n * paired with `max-width: 100%` below, so a container with less room hands over\n * what it has and shows a narrower band instead of overflowing.\n *\n * It has to be a specified width, not `100%`: `TplModal`'s wrapper is\n * shrink-to-fit, so a percentage there resolves against a container whose size\n * the stage is itself supposed to influence, and the stage collapses to its\n * `min-width` — no gutters, on the one surface this exists for.\n */\nconst stageWidth = computed(() => frameWidth.value + EMAIL_GUTTER * 2);\n\nconst previewComponentMap: Record<string, Component> = {\n  section: PreviewSectionBlock,\n  title: TitleBlock,\n  paragraph: ParagraphBlock,\n  image: ImageBlock,\n  video: VideoBlock,\n  button: ButtonBlock,\n  divider: DividerBlock,\n  social: SocialIconsBlock,\n  menu: MenuBlock,\n  table: TableBlock,\n  spacer: SpacerBlock,\n  html: HtmlBlock,\n  custom: CustomBlock,\n};\n\nfunction getBlockComponent(block: Block): Component | null {\n  return resolveBlockComponent(block, blockRegistry, previewComponentMap);\n}\n</script>\n\n<template>\n  <!-- STAGE — the email body, holding the background and a gutter of it on\n       each side of the content column, the same shape `Canvas.vue` builds.\n       `max-width: 100%` is what makes it fit anywhere: a roomy surface shows\n       the full band, a dialog shows as much as it has, and a container sized to\n       the content column shows none. `min-width` keeps it from squeezing the\n       column, so a cramped surface clips exactly as it did when the frame\n       carried the width itself. -->\n  <div\n    data-testid=\"block-preview-stage\"\n    class=\"tpl:pointer-events-none tpl:mx-auto tpl:flex tpl:select-none tpl:justify-center tpl:rounded-lg\"\n    :style=\"{\n      width: `${stageWidth}px`,\n      minWidth: `${frameWidth}px`,\n      maxWidth: '100%',\n      backgroundColor: emailBackground,\n      boxShadow: 'var(--tpl-shadow-sm)',\n    }\"\n  >\n    <!-- CONTENT COLUMN — the blocks at their true email width. Keeps the\n         testid: this is the element whose width *is* the email width, which is\n         what every viewport assertion measures. -->\n    <div\n      data-testid=\"block-preview-canvas\"\n      :lang=\"contentLang\"\n      :dir=\"contentDir\"\n      :style=\"{\n        width: `${frameWidth}px`,\n        transition: EMAIL_FRAME_WIDTH_TRANSITION,\n        ...documentStyle,\n      }\"\n    >\n      <div\n        v-for=\"block in visibleBlocks\"\n        :key=\"block.id\"\n        :style=\"getBlockWrapperStyle(block)\"\n      >\n        <component\n          :is=\"getBlockComponent(block)\"\n          :block=\"block\"\n          :viewport=\"viewport\"\n        />\n      </div>\n    </div>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport ButtonBlock from \"./blocks/ButtonBlock.vue\";\nimport CustomBlock from \"./blocks/CustomBlock.vue\";\nimport DividerBlock from \"./blocks/DividerBlock.vue\";\nimport HtmlBlock from \"./blocks/HtmlBlock.vue\";\nimport ImageBlock from \"./blocks/ImageBlock.vue\";\nimport MenuBlock from \"./blocks/MenuBlock.vue\";\nimport PreviewSectionBlock from \"./blocks/PreviewSectionBlock.vue\";\nimport SocialIconsBlock from \"./blocks/SocialIconsBlock.vue\";\nimport SpacerBlock from \"./blocks/SpacerBlock.vue\";\nimport TableBlock from \"./blocks/TableBlock.vue\";\nimport TitleBlock from \"./blocks/TitleBlock.vue\";\nimport ParagraphBlock from \"./blocks/ParagraphBlock.vue\";\nimport VideoBlock from \"./blocks/VideoBlock.vue\";\nimport {\n  BLOCK_REGISTRY_KEY,\n  CONDITION_PREVIEW_KEY,\n  EDITOR_KEY,\n  MERGE_TAG_SAMPLE_MODE_KEY,\n  USE_MERGE_TAG_SAMPLES_KEY,\n} from \"../keys\";\nimport {\n  resolveBlockComponent,\n  getBlockWrapperStyle,\n  getDocumentStyle,\n} from \"../utils/blockComponentResolver\";\nimport {\n  EMAIL_FRAME_WIDTH_TRANSITION,\n  EMAIL_GUTTER,\n  getEmailFrameWidth,\n} from \"../utils/emailFrameWidth\";\nimport {\n  resolveContentDirection,\n  type Block,\n  type ViewportSize,\n} from \"@templatical/types\";\nimport { computed, inject, provide, type Component } from \"vue\";\n\nconst props = withDefaults(\n  defineProps<{\n    blocks: Block[];\n    /**\n     * Which viewport to render. Defaults to `desktop`, so the saved-blocks\n     * surfaces — which have no viewport control — behave exactly as before.\n     * The test-email dialog passes the user's choice so responsive blocks show\n     * the variant a recipient on that device would receive.\n     */\n    viewport?: ViewportSize;\n    /**\n     * Whether the hand-toggled display-condition filter still applies here.\n     * `false` where a resolver owns the preview: it has already evaluated every\n     * condition against real data, so layering a manual hide on top would veto\n     * the answer that was asked for.\n     *\n     * A prop rather than an injected `PREVIEW_RESOLUTION_KEY` read, because the\n     * test-email dialog builds its *own* resolution instance (keyed to the\n     * selected recipient) — injecting would consult the shared canvas instance\n     * and get the wrong answer.\n     */\n    applyConditionFilter?: boolean;\n  }>(),\n  { viewport: \"desktop\", applyConditionFilter: true },\n);\n\nconst blockRegistry = inject(BLOCK_REGISTRY_KEY);\nconst editor = inject(EDITOR_KEY, null);\nconst conditionPreview = inject(CONDITION_PREVIEW_KEY, null);\n\n/**\n * This canvas is only ever a preview — nothing here is editable — so it honours\n * the user's mode directly, with no `previewMode` gate of the kind `Canvas.vue`\n * needs. Re-provided rather than left to inherit, because a `BlockPreviewCanvas`\n * inside a dialog may sit under an editing `Canvas` that provides `false`.\n */\nconst mergeTagSampleMode = inject(MERGE_TAG_SAMPLE_MODE_KEY, null);\nprovide(\n  USE_MERGE_TAG_SAMPLES_KEY,\n  computed(() => mergeTagSampleMode?.value ?? false),\n);\n\n/**\n * Blocks a display condition currently excludes, so a preview never shows\n * content the recipient won't get. The canvas does the same via\n * `v-show=\"!conditionPreview?.isHidden(block.id)\"`.\n *\n * A no-op for the saved-blocks browser: entries there carry their *stored* ids,\n * which aren't in the current template, so nothing is tracked as hidden. It\n * bites where it should — the save dialog and the test-email preview, both of\n * which show blocks that are live on the canvas.\n *\n * Skipped entirely when `applyConditionFilter` is false — see the prop.\n */\nconst visibleBlocks = computed(() =>\n  props.applyConditionFilter\n    ? props.blocks.filter((block) => !conditionPreview?.isHidden(block.id))\n    : props.blocks,\n);\n\n/**\n * Frame width, from the one helper the canvas and the scaled preview rows also\n * use — so all three agree by construction rather than by three constants that\n * happen to match. A template with a custom body width now previews at that\n * width instead of a flat 600.\n */\nconst frameWidth = computed(() =>\n  getEmailFrameWidth(editor?.content.value.settings, props.viewport),\n);\n\n/**\n * The same document-level style the canvas applies, so a previewed block\n * renders identically to the canvas one: without it the font falls back to the\n * editor UI's and the link rules hit their unset defaults, dropping the\n * underline and the link colour.\n *\n * Read from the *current* template even in the saved-blocks browser, where the\n * previewed content came from elsewhere — a saved block stores only `Block[]`,\n * and the current settings are what it will actually look like once inserted.\n */\nconst documentStyle = computed(() =>\n  editor ? getDocumentStyle(editor.content.value.settings) : {},\n);\n\n/**\n * The email's own language, for the browser's spellchecker and hyphenation —\n * the same binding the editing canvas carries, so a preview is checked by the\n * same rules as the block it mirrors.\n *\n * From `settings.locale`, never `config.locale`: the chrome's language says\n * nothing about the content's. Read from the *current* template for the same\n * reason `documentStyle` is — a saved block stores only `Block[]`. Undefined\n * rather than `\"\"`, which would declare \"unknown language\" and suppress\n * spellcheck instead of falling back.\n */\nconst contentLang = computed(\n  () => editor?.content.value.settings?.locale?.trim() || undefined,\n);\nconst contentDir = computed(() =>\n  resolveContentDirection(editor?.content.value.settings ?? { locale: \"en\" }),\n);\n\n/**\n * The email's body background — `mj-body background-color` when sent, and the\n * `.tpl-canvas-bg` layer on the editing canvas.\n *\n * Deliberately NOT part of `getDocumentStyle`: the canvas applies that helper\n * to `.tpl-canvas`, which must stay transparent so the invertible background\n * layer beneath it shows through. A background there would double-paint and\n * defeat the dark-mode preview.\n *\n * Truthiness, not `??`: the colour pickers clear to an empty string to mean\n * \"unset\", which as an inline style renders the frame transparent rather than\n * falling back to the neutral preview surface.\n */\nconst emailBackground = computed(\n  () =>\n    editor?.content.value.settings.backgroundColor || \"var(--tpl-canvas-bg)\",\n);\n\n/**\n * Width the stage asks for: the content column plus a full gutter on each side,\n * the same stage the canvas builds. It is an ask rather than a fixed size —\n * paired with `max-width: 100%` below, so a container with less room hands over\n * what it has and shows a narrower band instead of overflowing.\n *\n * It has to be a specified width, not `100%`: `TplModal`'s wrapper is\n * shrink-to-fit, so a percentage there resolves against a container whose size\n * the stage is itself supposed to influence, and the stage collapses to its\n * `min-width` — no gutters, on the one surface this exists for.\n */\nconst stageWidth = computed(() => frameWidth.value + EMAIL_GUTTER * 2);\n\nconst previewComponentMap: Record<string, Component> = {\n  section: PreviewSectionBlock,\n  title: TitleBlock,\n  paragraph: ParagraphBlock,\n  image: ImageBlock,\n  video: VideoBlock,\n  button: ButtonBlock,\n  divider: DividerBlock,\n  social: SocialIconsBlock,\n  menu: MenuBlock,\n  table: TableBlock,\n  spacer: SpacerBlock,\n  html: HtmlBlock,\n  custom: CustomBlock,\n};\n\nfunction getBlockComponent(block: Block): Component | null {\n  return resolveBlockComponent(block, blockRegistry, previewComponentMap);\n}\n</script>\n\n<template>\n  <!-- STAGE — the email body, holding the background and a gutter of it on\n       each side of the content column, the same shape `Canvas.vue` builds.\n       `max-width: 100%` is what makes it fit anywhere: a roomy surface shows\n       the full band, a dialog shows as much as it has, and a container sized to\n       the content column shows none. `min-width` keeps it from squeezing the\n       column, so a cramped surface clips exactly as it did when the frame\n       carried the width itself. -->\n  <div\n    data-testid=\"block-preview-stage\"\n    class=\"tpl:pointer-events-none tpl:mx-auto tpl:flex tpl:select-none tpl:justify-center tpl:rounded-lg\"\n    :style=\"{\n      width: `${stageWidth}px`,\n      minWidth: `${frameWidth}px`,\n      maxWidth: '100%',\n      backgroundColor: emailBackground,\n      boxShadow: 'var(--tpl-shadow-sm)',\n    }\"\n  >\n    <!-- CONTENT COLUMN — the blocks at their true email width. Keeps the\n         testid: this is the element whose width *is* the email width, which is\n         what every viewport assertion measures. -->\n    <div\n      data-testid=\"block-preview-canvas\"\n      :lang=\"contentLang\"\n      :dir=\"contentDir\"\n      :style=\"{\n        width: `${frameWidth}px`,\n        transition: EMAIL_FRAME_WIDTH_TRANSITION,\n        ...documentStyle,\n      }\"\n    >\n      <div\n        v-for=\"block in visibleBlocks\"\n        :key=\"block.id\"\n        :style=\"getBlockWrapperStyle(block)\"\n      >\n        <component\n          :is=\"getBlockComponent(block)\"\n          :block=\"block\"\n          :viewport=\"viewport\"\n        />\n      </div>\n    </div>\n  </div>\n</template>\n"],"mappings":"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"}

package/dist/cdn/chunks/TestEmailModal-DId9Og-N.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TestEmailModal-DId9Og-N.js","names":[],"sources":["../../../src/utils/validateEmailShape.ts","../../../src/components/TestEmailModal.vue","../../../src/components/TestEmailModal.vue"],"sourcesContent":["/**\n * Characters that cannot appear in a domain but routinely arrive attached to one.\n *\n * A **denylist**, not an allowlist, so unicode domains keep working — an\n * allowlist of `[a-z0-9.-]` would be the stricter, more obviously \"correct\"\n * choice and would reject them. What this actually targets is the punctuation\n * that comes from pasting out of a list or a mail client: `user@example.com,`\n * and `<user@example.com>`.\n */\nconst IMPOSSIBLE_DOMAIN_CHARS = /[,;<>()[\\]\\\\\"'`|/?#@!$%^&*+=~{}]/;\n\n/**\n * Does this string look like an email address?\n *\n * Deliberately loose: non-empty, no whitespace, exactly one `@`, a non-empty\n * local part, and a domain containing a dot with something either side and no\n * impossible characters. That is enough to catch the mistakes a typo actually\n * produces — a missing `@`, a trailing comma, a half-typed domain — before the\n * user pays for a round-trip.\n *\n * **Do not \"improve\" this into an RFC-ish regex.** Those reliably reject valid\n * addresses (plus-addressing, long new gTLDs, unicode domains) and the resulting\n * bug reports cost far more than the malformed addresses they catch. Only the\n * receiving mail server can really tell, and the sending backend has to validate\n * anyway — this is a fast-feedback affordance, not a gate. `validateEmailShape`\n * has its own test file pinning the addresses that must keep passing.\n */\nexport function looksLikeEmail(value: string): boolean {\n  const trimmed = value.trim();\n  if (trimmed.length === 0) return false;\n  if (/\\s/.test(trimmed)) return false;\n\n  const parts = trimmed.split(\"@\");\n  if (parts.length !== 2) return false;\n\n  const [local, domain] = parts;\n  if (local.length === 0) return false;\n  if (IMPOSSIBLE_DOMAIN_CHARS.test(domain)) return false;\n\n  // A dot with at least one character either side, so `a@b` and `a@b.` fail but\n  // `a@b.c` and `a@sub.example.museum` pass.\n  const dot = domain.indexOf(\".\");\n  return dot > 0 && dot < domain.length - 1;\n}\n","<script setup lang=\"ts\">\nimport { primaryBtnClass } from \"../constants/styleConstants\";\n/**\n * Send-a-test dialog, shared by the OSS and Cloud editors.\n *\n * The recipient control has three shapes, driven entirely by whether the\n * provider configured an allowlist:\n *\n * - **no allowlist** — free text, validated for shape only. This branch exists\n *   for BYO senders; Cloud never takes it, because its list comes from a signed\n *   JWT.\n * - **exactly one** — a read-only field. Preserved verbatim from the Cloud-only\n *   version; there is nothing to choose, so offering an editable field would\n *   imply otherwise.\n * - **several** — a picker of exactly those addresses.\n *\n * An empty allowlist never reaches here: the feature reports itself unavailable,\n * so no trigger renders. (The Cloud-only version fell through to `v-else` and\n * rendered a select with no options and a permanently disabled Send.)\n */\nimport TplModal from \"./TplModal.vue\";\n// Statically imported: this modal is already lazy-loaded as a whole, so the\n// preview rides its chunk rather than costing a second round-trip and flashing\n// an empty frame. Still shared with the saved-blocks surfaces, which lazy-load\n// it themselves.\nimport BlockPreviewCanvas from \"./BlockPreviewCanvas.vue\";\n// The editor header's own control, reused verbatim so the two viewport switches\n// are the same component rather than two things that resemble each other.\nimport ViewportToggle from \"./ViewportToggle.vue\";\nimport MergeTagModeToggle from \"./MergeTagModeToggle.vue\";\nimport { useI18n } from \"../composables/useI18n\";\nimport { looksLikeEmail } from \"../utils/validateEmailShape\";\nimport { Check, LoaderCircle } from \"@lucide/vue\";\nimport { computed, inject, ref, watch } from \"vue\";\nimport { hasMergeTagSamples, type ViewportSize } from \"@templatical/types\";\nimport {\n  EDITOR_KEY,\n  MERGE_TAGS_KEY,\n  NO_MERGE_TAGS,\n  MERGE_TAG_SAMPLE_MODE_KEY,\n  RESOLVE_PREVIEW_KEY,\n} from \"../keys\";\nimport { usePreviewResolution } from \"../composables/usePreviewResolution\";\nimport type { TestEmailError } from \"../composables/useTestEmailFeature\";\n\nconst props = defineProps<{\n  visible: boolean;\n  /** Omitted / undefined means unrestricted, so the field accepts free text. */\n  allowedRecipients?: string[];\n  defaultRecipient?: string;\n  isSending: boolean;\n  justSent: boolean;\n  error: TestEmailError | null;\n}>();\n\nconst emit = defineEmits<{\n  (e: \"send\", recipient: string): void;\n  (e: \"close\"): void;\n}>();\n\nconst { t } = useI18n();\nconst editor = inject(EDITOR_KEY, null);\n\nconst recipient = ref(\"\");\n\nconst previewViewport = ref<ViewportSize>(\"desktop\");\n\n/**\n * Its own resolution instance rather than the editor's, because this dialog has\n * a recipient and the editor's preview does not — resolving for \"whoever is\n * selected here\" is a different question from resolving for the canvas.\n * `isActive` is the dialog's own visibility.\n */\nconst resolvePreviewHook = inject(RESOLVE_PREVIEW_KEY, undefined);\nconst previewResolution = usePreviewResolution({\n  resolvePreview: resolvePreviewHook ?? undefined,\n  getContent: () =>\n    editor?.content.value ?? { blocks: [], settings: {} as never },\n  isActive: () => props.visible,\n  getRecipient: () => recipient.value || undefined,\n});\n\n/**\n * Shared with the editor's own preview, so switching here and switching there\n * are the same choice — it is a property of how the user wants to read a\n * preview, not of one dialog. Falls back to a local ref for headless mounts.\n */\nconst sharedSampleMode = inject(MERGE_TAG_SAMPLE_MODE_KEY, null);\n// Seeded from availability, matching how `useEditorCore` seeds the shared ref.\n// A blanket `true` would make the dialog claim tags \"show example values\" for a\n// consumer who configured none — false, and with no toggle rendered to correct\n// it, since the toggle hides itself when nothing has a sample.\nconst localSampleMode = ref(\n  hasMergeTagSamples(inject(MERGE_TAGS_KEY, NO_MERGE_TAGS).value),\n);\nconst sampleMode = computed({\n  get: () =>\n    // Off entirely while a resolver is configured — same rule as the canvas.\n    previewResolution.isConfigured\n      ? false\n      : (sharedSampleMode?.value ?? localSampleMode.value),\n  set: (on: boolean) => {\n    if (sharedSampleMode) sharedSampleMode.value = on;\n    else localSampleMode.value = on;\n  },\n});\n\nconst previewBlocks = computed(\n  () => previewResolution.content.value.blocks ?? [],\n);\n\nconst hasAllowlist = computed(\n  () =>\n    props.allowedRecipients !== undefined && props.allowedRecipients.length > 0,\n);\nconst isSingleRecipient = computed(() => props.allowedRecipients?.length === 1);\n\n// Mounted behind a `v-if` on the same state that drives `visible`, so it can\n// mount with `visible` already true — without `immediate` the field would never\n// be seeded.\nwatch(\n  () => props.visible,\n  (visible) => {\n    if (!visible) return;\n    recipient.value =\n      props.defaultRecipient ?? props.allowedRecipients?.[0] ?? \"\";\n  },\n  { immediate: true },\n);\n\n/** Shape-check free text only; a picker can't produce a malformed value. */\nconst isRecipientValid = computed(() =>\n  hasAllowlist.value\n    ? recipient.value.length > 0\n    : looksLikeEmail(recipient.value),\n);\n\nconst canSend = computed(\n  () => isRecipientValid.value && !props.isSending && !props.justSent,\n);\n\n/** Free text that's been typed into but isn't yet a plausible address. */\nconst showShapeHint = computed(\n  () =>\n    !hasAllowlist.value &&\n    recipient.value.trim().length > 0 &&\n    !isRecipientValid.value,\n);\n\nconst errorText = computed(() => {\n  if (!props.error) return null;\n  return props.error.kind === \"provider\"\n    ? props.error.message\n    : t.testEmail.recipientNotAllowed;\n});\n\nfunction handleSend(): void {\n  if (!canSend.value) return;\n  emit(\"send\", recipient.value.trim());\n}\n\nfunction handleClose(): void {\n  // Sending is the one state that blocks dismissal; the success state closes\n  // immediately rather than making the user wait out the timer.\n  if (props.isSending) return;\n  emit(\"close\");\n}\n\nfunction handleKeydown(event: KeyboardEvent): void {\n  if (event.key === \"Enter\" && !event.shiftKey) {\n    event.preventDefault();\n    handleSend();\n  }\n  if (event.key === \"Escape\") {\n    handleClose();\n  }\n}\n</script>\n\n<template>\n  <TplModal :visible=\"visible\" @close=\"handleClose\" @keydown=\"handleKeydown\">\n    <!-- Grows to `max-w-3xl` only while the preview is open. A 600px email has\n         to render at true size AND leave slack on both sides for the band of\n         body background the preview draws beside it: at `max-w-2xl` the\n         preview region's content box is exactly 600px, so the band would have\n         nowhere to go and `settings.backgroundColor` would look unset for any\n         template whose sections span the full width. Collapsed, it stays the\n         compact form it was. `w-full` keeps it shrinking on narrow screens.\n         `max-h-[90%]`\n         with a `min-h-0 overflow-y-auto` preview region is the pattern the\n         saved-blocks dialogs use: the cap bounds the panel to TplModal's\n         backdrop (never to `vh` — see the note there), and `min-h-0` is what\n         lets a flex child shrink below its content and actually scroll. -->\n    <div\n      role=\"dialog\"\n      aria-modal=\"true\"\n      :aria-busy=\"isSending\"\n      aria-labelledby=\"tpl-test-email-title\"\n      class=\"tpl-scale-in tpl:flex tpl:max-h-[90%] tpl:w-full tpl:max-w-3xl tpl:flex-col tpl:rounded-[var(--tpl-radius-lg)] tpl:p-5\"\n      style=\"\n        background-color: var(--tpl-bg-elevated);\n        box-shadow: var(--tpl-shadow-xl);\n      \"\n    >\n      <h3\n        id=\"tpl-test-email-title\"\n        class=\"tpl:mb-4 tpl:shrink-0 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]\"\n      >\n        {{ t.testEmail.title }}\n      </h3>\n\n      <!-- Recipient -->\n      <div class=\"tpl:mb-3 tpl:shrink-0\">\n        <label\n          for=\"tpl-test-email-recipient\"\n          class=\"tpl:mb-1.5 tpl:block tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-text-muted)]\"\n        >\n          {{ t.testEmail.recipientLabel }}\n        </label>\n\n        <!-- Exactly one allowed address: nothing to choose. -->\n        <input\n          v-if=\"isSingleRecipient\"\n          id=\"tpl-test-email-recipient\"\n          type=\"text\"\n          :value=\"recipient\"\n          disabled\n          data-testid=\"test-email-recipient\"\n          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-[var(--tpl-shadow-sm)] tpl:outline-none tpl:focus:border-[var(--tpl-primary)] tpl:focus:shadow-[var(--tpl-ring)] tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:text-[var(--tpl-text)]\"\n        />\n\n        <!-- Several allowed addresses: pick one. -->\n        <select\n          v-else-if=\"hasAllowlist\"\n          id=\"tpl-test-email-recipient\"\n          v-model=\"recipient\"\n          :disabled=\"isSending || justSent\"\n          data-testid=\"test-email-recipient\"\n          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:focus:border-[var(--tpl-primary)] tpl:focus:shadow-[var(--tpl-ring)] tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:text-[var(--tpl-text)]\"\n        >\n          <option\n            v-for=\"email in allowedRecipients\"\n            :key=\"email\"\n            :value=\"email\"\n          >\n            {{ email }}\n          </option>\n        </select>\n\n        <!-- No allowlist: free text. -->\n        <input\n          v-else\n          id=\"tpl-test-email-recipient\"\n          v-model=\"recipient\"\n          type=\"email\"\n          autocomplete=\"email\"\n          spellcheck=\"false\"\n          :placeholder=\"t.testEmail.recipientPlaceholder\"\n          :disabled=\"isSending || justSent\"\n          data-testid=\"test-email-recipient\"\n          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:focus:border-[var(--tpl-primary)] tpl:focus:shadow-[var(--tpl-ring)] tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:text-[var(--tpl-text)]\"\n        />\n\n        <p\n          v-if=\"showShapeHint\"\n          class=\"tpl:mt-1.5 tpl:text-xs tpl:text-[var(--tpl-text-dim)]\"\n        >\n          {{ t.testEmail.invalidAddress }}\n        </p>\n      </div>\n\n      <!-- Preview header: a label plus the viewport switch. Always shown — the\n           preview is part of the dialog rather than something to opt into. -->\n      <div class=\"tpl:mb-2 tpl:shrink-0\">\n        <!-- Two segmented controls: `flex-wrap` so they drop to their own row\n             rather than crushing the label on a narrow viewport. -->\n        <div\n          class=\"tpl:flex tpl:flex-wrap tpl:items-center tpl:justify-between tpl:gap-2\"\n        >\n          <span\n            class=\"tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-text-muted)]\"\n          >\n            {{ t.testEmail.preview }}\n          </span>\n\n          <div class=\"tpl:flex tpl:items-center tpl:gap-2\">\n            <MergeTagModeToggle\n              v-if=\"!previewResolution.supersedesSamples.value\"\n              :sample-mode=\"sampleMode\"\n              @change=\"sampleMode = $event\"\n            />\n\n            <!-- Without this the preview would silently show only the desktop\n                 variant of any responsive block. -->\n            <ViewportToggle\n              :viewport=\"previewViewport\"\n              @change=\"previewViewport = $event\"\n            />\n          </div>\n        </div>\n\n        <!-- The hint has to follow the mode: \"shown unresolved\" is simply false\n             once every tag renders a realistic value. -->\n        <p\n          data-testid=\"test-email-preview-hint\"\n          class=\"tpl:mt-1 tpl:text-xs tpl:text-[var(--tpl-text-dim)]\"\n        >\n          {{\n            previewResolution.supersedesSamples.value\n              ? t.previewResolution.hint\n              : sampleMode\n                ? t.testEmail.previewHintSample\n                : t.testEmail.previewHint\n          }}\n        </p>\n      </div>\n\n      <!-- The one region allowed to grow: `flex-1 min-h-0` so it absorbs the\n           remaining height and scrolls, leaving the form and actions fixed. -->\n      <div\n        id=\"tpl-test-email-preview\"\n        data-testid=\"test-email-preview\"\n        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)]\"\n      >\n        <!-- Skeleton while a *first* resolve is outstanding, so the dialog never\n             flashes the unresolved template before the resolved one. Sized like\n             the frame it replaces to avoid a layout jump. A re-resolve (recipient\n             change) keeps the previous result instead — `isInitialResolve`. -->\n        <div\n          v-if=\"previewResolution.isInitialResolve.value\"\n          role=\"status\"\n          aria-busy=\"true\"\n          data-testid=\"preview-resolution-loading\"\n          class=\"tpl:flex tpl:flex-col tpl:gap-3\"\n        >\n          <span class=\"tpl:sr-only\">{{ t.previewResolution.resolving }}</span>\n          <div\n            v-for=\"n in 3\"\n            :key=\"n\"\n            aria-hidden=\"true\"\n            class=\"tpl-pulse tpl:h-16 tpl:rounded-md tpl:bg-[var(--tpl-bg-hover)]\"\n          ></div>\n        </div>\n\n        <!-- Resolution failed: the unresolved template renders below, so the\n             dialog degrades rather than showing an empty frame. -->\n        <p\n          v-else-if=\"previewResolution.hasFailed.value\"\n          role=\"status\"\n          data-testid=\"preview-resolution-failed\"\n          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)]\"\n        >\n          {{ t.previewResolution.failed }}\n        </p>\n\n        <BlockPreviewCanvas\n          v-if=\"!previewResolution.isInitialResolve.value\"\n          :blocks=\"previewBlocks\"\n          :viewport=\"previewViewport\"\n          :apply-condition-filter=\"!previewResolution.isConfigured\"\n        />\n      </div>\n\n      <!-- Success. Announced politely; the dialog closes itself shortly after. -->\n      <p\n        v-if=\"justSent\"\n        role=\"status\"\n        data-testid=\"test-email-success\"\n        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))]\"\n      >\n        <Check :size=\"13\" :stroke-width=\"2.5\" />\n        {{ t.testEmail.success }}\n      </p>\n\n      <!-- Failure. Stays open so the user can retry. -->\n      <p\n        v-else-if=\"errorText\"\n        role=\"alert\"\n        data-testid=\"test-email-error\"\n        class=\"tpl:mb-3 tpl:shrink-0 tpl:text-xs tpl:text-[var(--tpl-danger)]\"\n      >\n        {{ errorText }}\n      </p>\n\n      <!-- Actions -->\n      <div class=\"tpl:flex tpl:shrink-0 tpl:justify-end tpl:gap-2\">\n        <button\n          type=\"button\"\n          data-testid=\"test-email-cancel\"\n          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)]\"\n          :disabled=\"isSending\"\n          :class=\"{ 'tpl:cursor-not-allowed tpl:opacity-50': isSending }\"\n          @click=\"handleClose\"\n        >\n          {{ t.testEmail.cancel }}\n        </button>\n        <button\n          type=\"button\"\n          data-testid=\"test-email-send\"\n          :class=\"primaryBtnClass\"\n          :disabled=\"!canSend\"\n          @click=\"handleSend\"\n        >\n          <span v-if=\"isSending\" class=\"tpl:flex tpl:items-center tpl:gap-1.5\">\n            <LoaderCircle\n              class=\"tpl:animate-spin\"\n              :size=\"12\"\n              :stroke-width=\"2\"\n            />\n            {{ t.testEmail.sending }}\n          </span>\n          <span v-else>\n            {{ t.testEmail.send }}\n          </span>\n        </button>\n      </div>\n    </div>\n  </TplModal>\n</template>\n","<script setup lang=\"ts\">\nimport { primaryBtnClass } from \"../constants/styleConstants\";\n/**\n * Send-a-test dialog, shared by the OSS and Cloud editors.\n *\n * The recipient control has three shapes, driven entirely by whether the\n * provider configured an allowlist:\n *\n * - **no allowlist** — free text, validated for shape only. This branch exists\n *   for BYO senders; Cloud never takes it, because its list comes from a signed\n *   JWT.\n * - **exactly one** — a read-only field. Preserved verbatim from the Cloud-only\n *   version; there is nothing to choose, so offering an editable field would\n *   imply otherwise.\n * - **several** — a picker of exactly those addresses.\n *\n * An empty allowlist never reaches here: the feature reports itself unavailable,\n * so no trigger renders. (The Cloud-only version fell through to `v-else` and\n * rendered a select with no options and a permanently disabled Send.)\n */\nimport TplModal from \"./TplModal.vue\";\n// Statically imported: this modal is already lazy-loaded as a whole, so the\n// preview rides its chunk rather than costing a second round-trip and flashing\n// an empty frame. Still shared with the saved-blocks surfaces, which lazy-load\n// it themselves.\nimport BlockPreviewCanvas from \"./BlockPreviewCanvas.vue\";\n// The editor header's own control, reused verbatim so the two viewport switches\n// are the same component rather than two things that resemble each other.\nimport ViewportToggle from \"./ViewportToggle.vue\";\nimport MergeTagModeToggle from \"./MergeTagModeToggle.vue\";\nimport { useI18n } from \"../composables/useI18n\";\nimport { looksLikeEmail } from \"../utils/validateEmailShape\";\nimport { Check, LoaderCircle } from \"@lucide/vue\";\nimport { computed, inject, ref, watch } from \"vue\";\nimport { hasMergeTagSamples, type ViewportSize } from \"@templatical/types\";\nimport {\n  EDITOR_KEY,\n  MERGE_TAGS_KEY,\n  NO_MERGE_TAGS,\n  MERGE_TAG_SAMPLE_MODE_KEY,\n  RESOLVE_PREVIEW_KEY,\n} from \"../keys\";\nimport { usePreviewResolution } from \"../composables/usePreviewResolution\";\nimport type { TestEmailError } from \"../composables/useTestEmailFeature\";\n\nconst props = defineProps<{\n  visible: boolean;\n  /** Omitted / undefined means unrestricted, so the field accepts free text. */\n  allowedRecipients?: string[];\n  defaultRecipient?: string;\n  isSending: boolean;\n  justSent: boolean;\n  error: TestEmailError | null;\n}>();\n\nconst emit = defineEmits<{\n  (e: \"send\", recipient: string): void;\n  (e: \"close\"): void;\n}>();\n\nconst { t } = useI18n();\nconst editor = inject(EDITOR_KEY, null);\n\nconst recipient = ref(\"\");\n\nconst previewViewport = ref<ViewportSize>(\"desktop\");\n\n/**\n * Its own resolution instance rather than the editor's, because this dialog has\n * a recipient and the editor's preview does not — resolving for \"whoever is\n * selected here\" is a different question from resolving for the canvas.\n * `isActive` is the dialog's own visibility.\n */\nconst resolvePreviewHook = inject(RESOLVE_PREVIEW_KEY, undefined);\nconst previewResolution = usePreviewResolution({\n  resolvePreview: resolvePreviewHook ?? undefined,\n  getContent: () =>\n    editor?.content.value ?? { blocks: [], settings: {} as never },\n  isActive: () => props.visible,\n  getRecipient: () => recipient.value || undefined,\n});\n\n/**\n * Shared with the editor's own preview, so switching here and switching there\n * are the same choice — it is a property of how the user wants to read a\n * preview, not of one dialog. Falls back to a local ref for headless mounts.\n */\nconst sharedSampleMode = inject(MERGE_TAG_SAMPLE_MODE_KEY, null);\n// Seeded from availability, matching how `useEditorCore` seeds the shared ref.\n// A blanket `true` would make the dialog claim tags \"show example values\" for a\n// consumer who configured none — false, and with no toggle rendered to correct\n// it, since the toggle hides itself when nothing has a sample.\nconst localSampleMode = ref(\n  hasMergeTagSamples(inject(MERGE_TAGS_KEY, NO_MERGE_TAGS).value),\n);\nconst sampleMode = computed({\n  get: () =>\n    // Off entirely while a resolver is configured — same rule as the canvas.\n    previewResolution.isConfigured\n      ? false\n      : (sharedSampleMode?.value ?? localSampleMode.value),\n  set: (on: boolean) => {\n    if (sharedSampleMode) sharedSampleMode.value = on;\n    else localSampleMode.value = on;\n  },\n});\n\nconst previewBlocks = computed(\n  () => previewResolution.content.value.blocks ?? [],\n);\n\nconst hasAllowlist = computed(\n  () =>\n    props.allowedRecipients !== undefined && props.allowedRecipients.length > 0,\n);\nconst isSingleRecipient = computed(() => props.allowedRecipients?.length === 1);\n\n// Mounted behind a `v-if` on the same state that drives `visible`, so it can\n// mount with `visible` already true — without `immediate` the field would never\n// be seeded.\nwatch(\n  () => props.visible,\n  (visible) => {\n    if (!visible) return;\n    recipient.value =\n      props.defaultRecipient ?? props.allowedRecipients?.[0] ?? \"\";\n  },\n  { immediate: true },\n);\n\n/** Shape-check free text only; a picker can't produce a malformed value. */\nconst isRecipientValid = computed(() =>\n  hasAllowlist.value\n    ? recipient.value.length > 0\n    : looksLikeEmail(recipient.value),\n);\n\nconst canSend = computed(\n  () => isRecipientValid.value && !props.isSending && !props.justSent,\n);\n\n/** Free text that's been typed into but isn't yet a plausible address. */\nconst showShapeHint = computed(\n  () =>\n    !hasAllowlist.value &&\n    recipient.value.trim().length > 0 &&\n    !isRecipientValid.value,\n);\n\nconst errorText = computed(() => {\n  if (!props.error) return null;\n  return props.error.kind === \"provider\"\n    ? props.error.message\n    : t.testEmail.recipientNotAllowed;\n});\n\nfunction handleSend(): void {\n  if (!canSend.value) return;\n  emit(\"send\", recipient.value.trim());\n}\n\nfunction handleClose(): void {\n  // Sending is the one state that blocks dismissal; the success state closes\n  // immediately rather than making the user wait out the timer.\n  if (props.isSending) return;\n  emit(\"close\");\n}\n\nfunction handleKeydown(event: KeyboardEvent): void {\n  if (event.key === \"Enter\" && !event.shiftKey) {\n    event.preventDefault();\n    handleSend();\n  }\n  if (event.key === \"Escape\") {\n    handleClose();\n  }\n}\n</script>\n\n<template>\n  <TplModal :visible=\"visible\" @close=\"handleClose\" @keydown=\"handleKeydown\">\n    <!-- Grows to `max-w-3xl` only while the preview is open. A 600px email has\n         to render at true size AND leave slack on both sides for the band of\n         body background the preview draws beside it: at `max-w-2xl` the\n         preview region's content box is exactly 600px, so the band would have\n         nowhere to go and `settings.backgroundColor` would look unset for any\n         template whose sections span the full width. Collapsed, it stays the\n         compact form it was. `w-full` keeps it shrinking on narrow screens.\n         `max-h-[90%]`\n         with a `min-h-0 overflow-y-auto` preview region is the pattern the\n         saved-blocks dialogs use: the cap bounds the panel to TplModal's\n         backdrop (never to `vh` — see the note there), and `min-h-0` is what\n         lets a flex child shrink below its content and actually scroll. -->\n    <div\n      role=\"dialog\"\n      aria-modal=\"true\"\n      :aria-busy=\"isSending\"\n      aria-labelledby=\"tpl-test-email-title\"\n      class=\"tpl-scale-in tpl:flex tpl:max-h-[90%] tpl:w-full tpl:max-w-3xl tpl:flex-col tpl:rounded-[var(--tpl-radius-lg)] tpl:p-5\"\n      style=\"\n        background-color: var(--tpl-bg-elevated);\n        box-shadow: var(--tpl-shadow-xl);\n      \"\n    >\n      <h3\n        id=\"tpl-test-email-title\"\n        class=\"tpl:mb-4 tpl:shrink-0 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]\"\n      >\n        {{ t.testEmail.title }}\n      </h3>\n\n      <!-- Recipient -->\n      <div class=\"tpl:mb-3 tpl:shrink-0\">\n        <label\n          for=\"tpl-test-email-recipient\"\n          class=\"tpl:mb-1.5 tpl:block tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-text-muted)]\"\n        >\n          {{ t.testEmail.recipientLabel }}\n        </label>\n\n        <!-- Exactly one allowed address: nothing to choose. -->\n        <input\n          v-if=\"isSingleRecipient\"\n          id=\"tpl-test-email-recipient\"\n          type=\"text\"\n          :value=\"recipient\"\n          disabled\n          data-testid=\"test-email-recipient\"\n          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-[var(--tpl-shadow-sm)] tpl:outline-none tpl:focus:border-[var(--tpl-primary)] tpl:focus:shadow-[var(--tpl-ring)] tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:text-[var(--tpl-text)]\"\n        />\n\n        <!-- Several allowed addresses: pick one. -->\n        <select\n          v-else-if=\"hasAllowlist\"\n          id=\"tpl-test-email-recipient\"\n          v-model=\"recipient\"\n          :disabled=\"isSending || justSent\"\n          data-testid=\"test-email-recipient\"\n          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:focus:border-[var(--tpl-primary)] tpl:focus:shadow-[var(--tpl-ring)] tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:text-[var(--tpl-text)]\"\n        >\n          <option\n            v-for=\"email in allowedRecipients\"\n            :key=\"email\"\n            :value=\"email\"\n          >\n            {{ email }}\n          </option>\n        </select>\n\n        <!-- No allowlist: free text. -->\n        <input\n          v-else\n          id=\"tpl-test-email-recipient\"\n          v-model=\"recipient\"\n          type=\"email\"\n          autocomplete=\"email\"\n          spellcheck=\"false\"\n          :placeholder=\"t.testEmail.recipientPlaceholder\"\n          :disabled=\"isSending || justSent\"\n          data-testid=\"test-email-recipient\"\n          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:focus:border-[var(--tpl-primary)] tpl:focus:shadow-[var(--tpl-ring)] tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:text-[var(--tpl-text)]\"\n        />\n\n        <p\n          v-if=\"showShapeHint\"\n          class=\"tpl:mt-1.5 tpl:text-xs tpl:text-[var(--tpl-text-dim)]\"\n        >\n          {{ t.testEmail.invalidAddress }}\n        </p>\n      </div>\n\n      <!-- Preview header: a label plus the viewport switch. Always shown — the\n           preview is part of the dialog rather than something to opt into. -->\n      <div class=\"tpl:mb-2 tpl:shrink-0\">\n        <!-- Two segmented controls: `flex-wrap` so they drop to their own row\n             rather than crushing the label on a narrow viewport. -->\n        <div\n          class=\"tpl:flex tpl:flex-wrap tpl:items-center tpl:justify-between tpl:gap-2\"\n        >\n          <span\n            class=\"tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-text-muted)]\"\n          >\n            {{ t.testEmail.preview }}\n          </span>\n\n          <div class=\"tpl:flex tpl:items-center tpl:gap-2\">\n            <MergeTagModeToggle\n              v-if=\"!previewResolution.supersedesSamples.value\"\n              :sample-mode=\"sampleMode\"\n              @change=\"sampleMode = $event\"\n            />\n\n            <!-- Without this the preview would silently show only the desktop\n                 variant of any responsive block. -->\n            <ViewportToggle\n              :viewport=\"previewViewport\"\n              @change=\"previewViewport = $event\"\n            />\n          </div>\n        </div>\n\n        <!-- The hint has to follow the mode: \"shown unresolved\" is simply false\n             once every tag renders a realistic value. -->\n        <p\n          data-testid=\"test-email-preview-hint\"\n          class=\"tpl:mt-1 tpl:text-xs tpl:text-[var(--tpl-text-dim)]\"\n        >\n          {{\n            previewResolution.supersedesSamples.value\n              ? t.previewResolution.hint\n              : sampleMode\n                ? t.testEmail.previewHintSample\n                : t.testEmail.previewHint\n          }}\n        </p>\n      </div>\n\n      <!-- The one region allowed to grow: `flex-1 min-h-0` so it absorbs the\n           remaining height and scrolls, leaving the form and actions fixed. -->\n      <div\n        id=\"tpl-test-email-preview\"\n        data-testid=\"test-email-preview\"\n        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)]\"\n      >\n        <!-- Skeleton while a *first* resolve is outstanding, so the dialog never\n             flashes the unresolved template before the resolved one. Sized like\n             the frame it replaces to avoid a layout jump. A re-resolve (recipient\n             change) keeps the previous result instead — `isInitialResolve`. -->\n        <div\n          v-if=\"previewResolution.isInitialResolve.value\"\n          role=\"status\"\n          aria-busy=\"true\"\n          data-testid=\"preview-resolution-loading\"\n          class=\"tpl:flex tpl:flex-col tpl:gap-3\"\n        >\n          <span class=\"tpl:sr-only\">{{ t.previewResolution.resolving }}</span>\n          <div\n            v-for=\"n in 3\"\n            :key=\"n\"\n            aria-hidden=\"true\"\n            class=\"tpl-pulse tpl:h-16 tpl:rounded-md tpl:bg-[var(--tpl-bg-hover)]\"\n          ></div>\n        </div>\n\n        <!-- Resolution failed: the unresolved template renders below, so the\n             dialog degrades rather than showing an empty frame. -->\n        <p\n          v-else-if=\"previewResolution.hasFailed.value\"\n          role=\"status\"\n          data-testid=\"preview-resolution-failed\"\n          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)]\"\n        >\n          {{ t.previewResolution.failed }}\n        </p>\n\n        <BlockPreviewCanvas\n          v-if=\"!previewResolution.isInitialResolve.value\"\n          :blocks=\"previewBlocks\"\n          :viewport=\"previewViewport\"\n          :apply-condition-filter=\"!previewResolution.isConfigured\"\n        />\n      </div>\n\n      <!-- Success. Announced politely; the dialog closes itself shortly after. -->\n      <p\n        v-if=\"justSent\"\n        role=\"status\"\n        data-testid=\"test-email-success\"\n        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))]\"\n      >\n        <Check :size=\"13\" :stroke-width=\"2.5\" />\n        {{ t.testEmail.success }}\n      </p>\n\n      <!-- Failure. Stays open so the user can retry. -->\n      <p\n        v-else-if=\"errorText\"\n        role=\"alert\"\n        data-testid=\"test-email-error\"\n        class=\"tpl:mb-3 tpl:shrink-0 tpl:text-xs tpl:text-[var(--tpl-danger)]\"\n      >\n        {{ errorText }}\n      </p>\n\n      <!-- Actions -->\n      <div class=\"tpl:flex tpl:shrink-0 tpl:justify-end tpl:gap-2\">\n        <button\n          type=\"button\"\n          data-testid=\"test-email-cancel\"\n          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)]\"\n          :disabled=\"isSending\"\n          :class=\"{ 'tpl:cursor-not-allowed tpl:opacity-50': isSending }\"\n          @click=\"handleClose\"\n        >\n          {{ t.testEmail.cancel }}\n        </button>\n        <button\n          type=\"button\"\n          data-testid=\"test-email-send\"\n          :class=\"primaryBtnClass\"\n          :disabled=\"!canSend\"\n          @click=\"handleSend\"\n        >\n          <span v-if=\"isSending\" class=\"tpl:flex tpl:items-center tpl:gap-1.5\">\n            <LoaderCircle\n              class=\"tpl:animate-spin\"\n              :size=\"12\"\n              :stroke-width=\"2\"\n            />\n            {{ t.testEmail.sending }}\n          </span>\n          <span v-else>\n            {{ t.testEmail.send }}\n          </span>\n        </button>\n      </div>\n    </div>\n  </TplModal>\n</template>\n"],"mappings":"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"}

package/dist/cdn/chunks/ca-Bqeygp1_.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ca-Bqeygp1_.js","names":[],"sources":["../../../src/i18n/locales/ca.ts"],"sourcesContent":["import type en from \"./en\";\n\nconst ca: typeof en = {\n  // Footer (OSS only)\n  footer: {\n    poweredBy: \"Amb la tecnologia de\",\n    openSource: \"Codi obert\",\n  },\n\n  // Header — nom de la plantilla + estat de desat. Només es mostra quan hi ha un\n  // proveïdor de plantilles configurat.\n  header: {\n    save: \"Desa\",\n    saving: \"S'està desant...\",\n    saved: \"Desat\",\n    unsaved: \"Sense desar\",\n    saveFailed: \"No s'ha pogut desar\",\n    saveNoTemplate: \"Primer carrega o crea una plantilla\",\n    templateName: \"Nom de la plantilla\",\n    rename: \"Canvia el nom de la plantilla\",\n    untitled: \"Sense títol\",\n    updatedAt: \"Actualitzat {time}\",\n    createdAt: \"Creat {time}\",\n    updatedJustNow: \"Actualitzat ara mateix\",\n    createdJustNow: \"Creat ara mateix\",\n  },\n\n  // Relative timestamps, shared by every surface that shows one: the header's\n  // updated line, saved blocks, comments and version history.\n  time: {\n    justNow: \"Ara mateix\",\n    minutesAgo: \"fa {minutes} min\",\n    hoursAgo: \"fa {hours} h\",\n    daysAgo: \"fa {days} d\",\n  },\n\n  // History (undo/redo)\n  history: {\n    collabWarning: \"Desfer pot afectar els canvis recents dels col·laboradors\",\n    undo: \"Desfer\",\n    redo: \"Refer\",\n  },\n\n  // Viewport toggle\n  viewport: {\n    label: \"Àrea de visualització\",\n    desktop: \"Escriptori\",\n    mobile: \"Mòbil\",\n  },\n\n  // Dark mode preview\n  darkMode: {\n    enable: \"Vista prèvia del mode fosc\",\n    disable: \"Vista prèvia del mode clar\",\n  },\n\n  // Preview mode\n  previewMode: {\n    enable: \"Mode de vista prèvia\",\n    disable: \"Surt de la vista prèvia\",\n  },\n\n  // Sidebar - Block types\n  blocks: {\n    section: \"Secció\",\n    image: \"Imatge\",\n    title: \"Títol\",\n    paragraph: \"Paràgraf\",\n    button: \"Botó\",\n    divider: \"Divisor\",\n    video: \"Vídeo\",\n    social: \"Xarxes socials\",\n    spacer: \"Espaiador\",\n    html: \"HTML\",\n    menu: \"Menú\",\n    table: \"Taula\",\n    countdown: \"Compta enrere\",\n  },\n\n  // Placeholder text a newly inserted block starts with. Author-facing\n  // prompts, meant to be overwritten — so they follow the editor UI locale.\n  // Recipient-facing defaults live in `i18n/contentDefaults.ts` and follow\n  // the template's own `settings.locale` instead.\n  blockDefaults: {\n    title: \"Escriviu el vostre títol\",\n    paragraph: \"Escriviu aquí el vostre text\",\n    button: \"Feu clic aquí\",\n  },\n\n  // Right sidebar\n  sidebar: {\n    content: \"Contingut\",\n    settings: \"Configuració\",\n    noSelection: \"Cap element seleccionat\",\n    noSelectionHint: \"Selecciona un bloc al llenç per editar-lo\",\n  },\n\n  // Toolbar - Common\n  toolbar: {\n    duplicate: \"Duplica\",\n    delete: \"Elimina\",\n  },\n\n  // Title editor toolbar\n  titleEditor: {\n    toolbar: \"Format del títol\",\n    bold: \"Negreta (Ctrl+B)\",\n    italic: \"Cursiva (Ctrl+I)\",\n    addLink: \"Afegeix un enllaç\",\n  },\n\n  // Paragraph editor toolbar\n  paragraphEditor: {\n    toolbar: \"Format del text\",\n    bold: \"Negreta (Ctrl+B)\",\n    italic: \"Cursiva (Ctrl+I)\",\n    underline: \"Subratllat (Ctrl+U)\",\n    strikethrough: \"Text ratllat\",\n    subscript: \"Subíndex\",\n    superscript: \"Superíndex\",\n    addLink: \"Afegeix un enllaç\",\n    bulletList: \"Llista de vinyetes\",\n    numberedList: \"Llista numerada\",\n    alignLeft: \"Alinea a l'esquerra\",\n    alignCenter: \"Alinea al centre\",\n    alignRight: \"Alinea a la dreta\",\n    alignJustify: \"Justifica\",\n    clearFormatting: \"Neteja el format\",\n    insertEmoji: \"Insereix un emoji\",\n    fontFamily: \"Tipus de lletra\",\n    defaultFont: \"Per defecte\",\n    fontSize: \"Mida de la font\",\n    defaultSize: \"Per defecte\",\n    textColor: \"Color del text\",\n    highlightColor: \"Color de ressaltat\",\n    lineHeight: \"Interlínia\",\n    letterSpacing: \"Espaiat de lletres\",\n    emojiItemLabel: \"Insereix l'emoji {emoji}\",\n  },\n\n  // Block actions (BlockWrapper)\n  blockActions: {\n    drag: \"Arrossega per reordenar, o prem Espai per moure amb el teclat\",\n    dragLifted:\n      \"Movent {block}. Utilitza les fletxes amunt i avall per reposicionar, Espai o Retorn per deixar anar, Esc per cancel·lar.\",\n    duplicate: \"Duplica el bloc\",\n    delete: \"Elimina el bloc\",\n    hiddenOnViewport: \"Ocult a {viewport}\",\n    saveAsBlock: \"Desa com a bloc\",\n    conditionToggle: \"Alterna la condició de visualització\",\n    comments: \"Comentaris ({count})\",\n    lifted: \"{block} aixecat. Posició {position} de {total}.\",\n    moved: \"{block} mogut a la posició {position} de {total}.\",\n    dropped: \"{block} deixat anar a la posició {position} de {total}.\",\n    cancelled:\n      \"Moviment cancel·lat. {block} ha tornat a la posició {position}.\",\n  },\n\n  // Toolbar - Section\n  section: {\n    dropHere: \"Deixa anar els blocs aquí\",\n    columns: \"Columnes\",\n    column1: \"1 columna\",\n    column2: \"2 columnes\",\n    column3: \"3 columnes\",\n    ratio12: \"Proporció 1:2\",\n    ratio21: \"Proporció 2:1\",\n    borderRadius: \"Radi de la vora\",\n    wrapperEnable: \"Afegeix un contenidor\",\n    stackOnMobile: \"Apila en mòbil\",\n  },\n\n  // Text editor link dialog\n  linkDialog: {\n    editLink: \"Edita l'enllaç\",\n    insertLink: \"Insereix l'enllaç\",\n    updateLink: \"Actualitza l'enllaç\",\n    removeLink: \"Elimina l'enllaç\",\n    cancel: \"Cancel·la\",\n    urlPlaceholder: \"https://example.com\",\n    urlLabel: \"URL\",\n    colorLabel: \"Color de l'enllaç\",\n  },\n\n  // Toolbar - Title\n  title: {\n    level: \"Nivell d'encapçalament\",\n    heading1: \"Encapçalament 1 (36px)\",\n    heading2: \"Encapçalament 2 (28px)\",\n    heading3: \"Encapçalament 3 (22px)\",\n    heading4: \"Encapçalament 4 (18px)\",\n    fontFamily: \"Tipus de lletra\",\n    inheritFont: \"Utilitza la font de la plantilla\",\n    color: \"Color\",\n    align: \"Alineació\",\n    alignLeft: \"Esquerra\",\n    alignCenter: \"Centre\",\n    alignRight: \"Dreta\",\n  },\n\n  // Emoji picker\n  emoji: {\n    smileys: \"Emoticones\",\n    gestures: \"Gestos\",\n    objects: \"Objectes\",\n  },\n\n  // Toolbar - Image\n  image: {\n    imageUrl: \"URL de la imatge\",\n    imageUrlPlaceholder: \"https://...\",\n    altText: \"Text alternatiu\",\n    altTextPlaceholder: \"Descripció de la imatge\",\n    width: \"Amplada\",\n    fullWidth: \"Amplada completa\",\n    widthCustom: \"Personalitzada\",\n    height: \"Alçada\",\n    heightAuto: \"Automàtica\",\n    heightCustom: \"Personalitzada\",\n    borderRadius: \"Radi de la vora\",\n    linkUrl: \"URL de l'enllaç\",\n    openInNewTab: \"Obre en una pestanya nova\",\n    placeholderUrl: \"Imatge de mostra\",\n    optional: \"(opcional)\",\n    placeholderUrlPlaceholder: \"https://... (només per al disseny)\",\n    placeholderUrlTooltip:\n      \"Com que la URL de la imatge utilitza una etiqueta de fusió, podeu proporcionar una imatge real aquí per previsualitzar el disseny mentre dissenyeu. Això no s'inclou a la sortida final.\",\n    clickToAdd: \"Feu clic per afegir la URL de la imatge\",\n    browseMedia: \"Explora multimèdia\",\n    dropToUpload: \"Deixeu anar la imatge per pujar-la\",\n    uploading: \"Pujant…\",\n    decorative: \"Imatge decorativa\",\n    decorativeHint:\n      \"Ocult per als lectors de pantalla. Utilitzeu-lo només per a espaiadors i detalls visuals.\",\n  },\n\n  // Toolbar - Video\n  video: {\n    videoUrl: \"URL del vídeo\",\n    videoUrlPlaceholder: \"https://youtube.com/...\",\n    openInNewTab: \"Obre en una pestanya nova\",\n    customThumbnail: \"Miniatura personalitzada\",\n    optional: \"(opcional)\",\n    thumbnailPlaceholder: \"Generat automàticament des de la URL del vídeo\",\n    altText: \"Text alternatiu\",\n    altTextPlaceholder: \"Descripció del vídeo\",\n    width: \"Amplada\",\n    fullWidth: \"Amplada completa\",\n    height: \"Alçada\",\n    heightAuto: \"Automàtica\",\n    heightCustom: \"Personalitzada\",\n    placeholderUrl: \"Miniatura de mostra\",\n    placeholderUrlPlaceholder: \"https://... (només per al disseny)\",\n    placeholderUrlTooltip:\n      \"Com que la URL del vídeo utilitza una etiqueta de fusió, podeu proporcionar una miniatura real aquí per previsualitzar el disseny mentre dissenyeu. Això no s'inclou a la sortida final.\",\n    addVideo: \"Afegeix una URL de vídeo\",\n  },\n\n  // Toolbar - Button\n  button: {\n    fontFamily: \"Tipus de lletra\",\n    inheritFont: \"Utilitza la font de la plantilla\",\n    text: \"Text\",\n    url: \"URL\",\n    urlPlaceholder: \"https://...\",\n    openInNewTab: \"Obre en una pestanya nova\",\n    background: \"Fons\",\n    textColor: \"Color del text\",\n    borderRadius: \"Radi de la vora\",\n    fontSize: \"Mida de la font\",\n    width: \"Amplada\",\n    widthAuto: \"Ajusta al contingut\",\n    fullWidth: \"Amplada completa\",\n    widthCustom: \"Personalitzada\",\n  },\n\n  // Toolbar - Divider\n  divider: {\n    style: \"Estil\",\n    solid: \"Sòlid\",\n    dashed: \"Amb guions\",\n    dotted: \"Amb punts\",\n    color: \"Color\",\n    thickness: \"Gruix\",\n  },\n\n  // Toolbar - Social Icons\n  social: {\n    icons: \"Icones\",\n    addIcon: \"Afegeix una icona\",\n    addIcons: \"Afegeix icones de xarxes socials\",\n    removeIcon: \"Elimina\",\n    urlPlaceholder: \"https://...\",\n    style: \"Estil\",\n    styleSolid: \"Sòlid\",\n    styleOutlined: \"Contornejat\",\n    styleRounded: \"Arrodonit\",\n    styleSquare: \"Quadrat\",\n    styleCircle: \"Cercle\",\n    size: \"Mida\",\n    sizeSmall: \"S\",\n    sizeMedium: \"M\",\n    sizeLarge: \"L\",\n    spacing: \"Espaiat\",\n    align: \"Alineació\",\n    platforms: {\n      facebook: \"Facebook\",\n      twitter: \"X (Twitter)\",\n      instagram: \"Instagram\",\n      linkedin: \"LinkedIn\",\n      youtube: \"YouTube\",\n      tiktok: \"TikTok\",\n      pinterest: \"Pinterest\",\n      email: \"Correu electrònic\",\n      website: \"Lloc web\",\n      whatsapp: \"WhatsApp\",\n      telegram: \"Telegram\",\n      discord: \"Discord\",\n      snapchat: \"Snapchat\",\n      reddit: \"Reddit\",\n      github: \"GitHub\",\n      dribbble: \"Dribbble\",\n      behance: \"Behance\",\n    },\n  },\n\n  // Toolbar - Menu\n  menu: {\n    items: \"Elements del menú\",\n    addItem: \"Afegeix un element\",\n    removeItem: \"Elimina\",\n    text: \"Text\",\n    urlPlaceholder: \"https://example.com\",\n    openInNewTab: \"Obre en una pestanya nova\",\n    bold: \"Negreta\",\n    underline: \"Subratllat\",\n    color: \"Color\",\n    linkColor: \"Color de l'enllaç\",\n    fontSize: \"Mida de la font\",\n    fontFamily: \"Tipus de lletra\",\n    separator: \"Separador\",\n    separatorColor: \"Color del separador\",\n    spacing: \"Espaiat\",\n    textAlign: \"Alineació\",\n    addLinks: \"Afegeix enllaços al menú\",\n  },\n\n  // Toolbar - Table\n  table: {\n    dimensions: \"Dimensions\",\n    rows: \"Files\",\n    columns: \"Columnes\",\n    hasHeaderRow: \"Fila de capçalera\",\n    headerBackgroundColor: \"Fons de la capçalera\",\n    noHeaderBg: \"Sense fons\",\n    borderColor: \"Color de la vora\",\n    borderWidth: \"Gruix de la vora\",\n    cellPadding: \"Farciment de la cel·la\",\n    fontFamily: \"Tipus de lletra\",\n    fontSize: \"Mida de la font\",\n    color: \"Color del text\",\n    textAlign: \"Alineació\",\n    cellPlaceholder: \"Introdueix el text...\",\n    empty: \"Afegeix una taula\",\n  },\n\n  // Toolbar - Paragraph\n  paragraph: {\n    paragraphSpacing: \"Espaiat entre paràgrafs\",\n  },\n\n  // Toolbar - Spacer\n  spacer: {\n    height: \"Alçada\",\n  },\n\n  // Toolbar - Countdown\n  countdown: {\n    targetDate: \"Data límit\",\n    timezone: \"Zona horària\",\n    display: \"Visualització\",\n    days: \"Dies\",\n    hours: \"Hores\",\n    minutes: \"Minuts\",\n    seconds: \"Segons\",\n    separator: \"Separador\",\n    fontFamily: \"Tipus de lletra\",\n    inheritFont: \"Per defecte\",\n    digitFontSize: \"Mida dels dígits\",\n    digitColor: \"Color dels dígits\",\n    labelColor: \"Color de l'etiqueta\",\n    labelFontSize: \"Mida de l'etiqueta\",\n    background: \"Fons\",\n    labels: \"Etiquetes\",\n    expiry: \"Missatge de caducitat\",\n    expiredMessagePlaceholder: \"Aquesta oferta ha caducat\",\n    expiredImageUrl: \"URL de la imatge caducada\",\n    hideOnExpiry: \"Oculta quan hagi caducat\",\n    setDate: \"Defineix una data límit al panell de configuració\",\n    hidden: \"Ocult (caducat)\",\n  },\n\n  // Custom Blocks\n  customBlocks: {\n    definitionNotFound:\n      \"Tipus de bloc desconegut: aquest bloc no està registrat\",\n    renderError:\n      \"No s'ha pogut renderitzar aquest bloc. Comproveu si hi ha errors a la plantilla del bloc.\",\n    fields: {\n      required: \"Obligatori\",\n      addItem: \"Afegeix un element\",\n      removeItem: \"Elimina\",\n      maxItemsReached: \"S'ha arribat al límit màxim d'elements\",\n      minItemsRequired: \"Es requereix un mínim de {count} elements\",\n    },\n    toolbar: {\n      noDefinition:\n        \"Enregistreu aquest tipus de bloc a la configuració de l'SDK per editar-ne les propietats\",\n    },\n    dataSource: {\n      fetchButton: \"Carrega el contingut\",\n      changeButton: \"Canvia\",\n      fetching: \"Carregant...\",\n      readOnlyTooltip: \"Aquest valor es carrega des de la vostra font de dades\",\n      fetchError: \"No s'ha pogut carregar el contingut\",\n    },\n  },\n\n  // Toolbar - HTML\n  html: {\n    content: \"Contingut HTML\",\n    preview: \"Bloc HTML personalitzat\",\n    empty: \"Afegeix contingut HTML al panell\",\n    sanitizationHint:\n      \"L'HTML s'exporta tal qual i no es depura — assegura't que el contingut sigui segur.\",\n  },\n\n  // Toolbar - Common block settings\n  blockSettings: {\n    spacing: \"Espaiat\",\n    padding: \"Farciment\",\n    background: \"Fons\",\n    color: \"Color\",\n    display: \"Visualització\",\n    showOnDesktop: \"Mostra a l'escriptori\",\n    showOnMobile: \"Mostra al mòbil\",\n    hiddenOnDevice: \"Ocult a {device}\",\n    displayCondition: \"Condició de visualització\",\n    selectCondition: \"Selecciona una condició\",\n    removeCondition: \"Elimina la condició\",\n    noCondition: \"Sempre visible\",\n    conditionApplied: \"Condició aplicada\",\n    customCondition: \"Condició personalitzada\",\n    customConditionLabel: \"Nom de la condició\",\n    customConditionBefore: \"Abans (lògica d'obertura)\",\n    customConditionAfter: \"Després (lògica de tancament)\",\n    applyCondition: \"Aplica\",\n    cancelCondition: \"Cancel·la\",\n    customBadge: \"Personalitzat\",\n    restoreHiddenBlocks: \"Mostra tots els blocs ocults\",\n  },\n\n  // Template settings\n  templateSettings: {\n    layout: \"Disposició\",\n    widthPreset: \"Amplada predefinida\",\n    customWidth: \"Amplada personalitzada\",\n    appearance: \"Aparença\",\n    backgroundColor: \"Color de fons\",\n    textColor: \"Color del text\",\n    linkColor: \"Color de l'enllaç\",\n    linkUnderline: \"Subratllar enllaços\",\n    fontFamily: \"Tipus de lletra\",\n    preheaderText: \"Text de la precapçalera\",\n    preheaderTextPlaceholder:\n      \"Text de vista prèvia que es mostra després de la línia de l'assumpte a la bústia...\",\n    preheaderTextHint:\n      \"Aquest text apareix després de la línia de l'assumpte a les vistes prèvies dels clients de correu. Admet etiquetes de fusió.\",\n    language: \"Idioma\",\n    contentLocale: \"Idioma del contingut\",\n    contentLocaleHint:\n      \"Codi BCP 47 (p. ex. ca, en, de). Estableix l'atribut lang del correu renderitzat perquè els lectors de pantalla pronunciïn el contingut correctament.\",\n    contentDirection: \"De dreta a esquerra\",\n    contentDirectionHint:\n      \"Direcció d'escriptura del correu, independent de l'idioma de l'editor. Si no s'indica, segueix l'idioma del contingut (àrab, hebreu, …).\",\n    tips: \"Consells\",\n    tip1: \"600px és l'amplada estàndard per a les plantilles de correu electrònic\",\n    tip2: \"Utilitzeu fonts segures per a la web per obtenir la millor compatibilitat\",\n    tip3: \"Els fons clars funcionen millor per a la llegibilitat\",\n  },\n\n  // Spacing control\n  spacingControl: {\n    lockAll: \"Bloqueja tots els costats\",\n    unlock: \"Desbloqueja els costats\",\n    top: \"Superior\",\n    right: \"Dret\",\n    bottom: \"Inferior\",\n    left: \"Esquerre\",\n    decreaseTop: \"Disminueix superior\",\n    increaseTop: \"Augmenta superior\",\n    decreaseLeft: \"Disminueix esquerre\",\n    increaseLeft: \"Augmenta esquerre\",\n    decreaseRight: \"Disminueix dret\",\n    increaseRight: \"Augmenta dret\",\n    decreaseBottom: \"Disminueix inferior\",\n    increaseBottom: \"Augmenta inferior\",\n  },\n\n  // Color Picker\n  colorPicker: {\n    pickColor: \"Tria un color\",\n    hexValue: \"Valor del color en Hex\",\n    notSet: \"No definit\",\n    clear: \"Neteja el color\",\n    presetColors: \"Colors predefinits\",\n  },\n\n  // Merge Tag\n  mergeTag: {\n    editAsText: \"Edita com a text\",\n    fieldGroup: \"Valor amb etiquetes de fusió\",\n    remove: \"Elimina l'etiqueta de fusió\",\n    insert: \"Insereix l'etiqueta de fusió\",\n    insertShort: \"Etiqueta de fusió\",\n    editValue: \"Edita el valor de l'etiqueta de fusió\",\n    changeTag: \"Canvia l'etiqueta de fusió: {label}\",\n    unknownLabel: \"Etiqueta de fusió\",\n    deleteMergeTag: \"Elimina l'etiqueta de fusió\",\n    suggestionEmpty: \"No hi ha etiquetes de fusió coincidents\",\n    picker: {\n      title: \"Insereix l'etiqueta de fusió\",\n      changeTitle: \"Canvia l'etiqueta de fusió\",\n      searchPlaceholder: \"Cerca etiquetes de fusió\",\n      searchAriaLabel: \"Cerca etiquetes de fusió\",\n      noResults: \"No hi ha etiquetes de fusió coincidents\",\n      empty: \"No hi ha etiquetes de fusió configurades\",\n      otherGroup: \"Altres\",\n      close: \"Tanca\",\n      groupCount: \"{count}\",\n      sample: \"Vista prèvia: {sample}\",\n    },\n  },\n\n  // Logic tags (standalone, separate from merge tags)\n  logicTag: {\n    insert: \"Insereix lògica\",\n    insertShort: \"Lògica\",\n    picker: {\n      title: \"Insereix lògica\",\n      searchPlaceholder: \"Cerca etiquetes de lògica\",\n      searchAriaLabel: \"Cerca etiquetes de lògica\",\n      noResults: \"No hi ha etiquetes de lògica coincidents\",\n      empty: \"No hi ha etiquetes de lògica configurades\",\n      otherGroup: \"Altres\",\n      close: \"Tanca\",\n    },\n  },\n\n  // Canvas\n  canvas: {\n    noBlocks: \"Encara no hi ha blocs\",\n    dragHint: \"Comenceu des de zero arrossegant blocs des de la barra lateral\",\n    dropHere: \"Deixeu anar aquí\",\n    aiHintChat: \"o deixeu que\",\n    aiHintChatSuffix:\n      \"generi una plantilla completa per a vosaltres en pocs segons\",\n    aiHintDesign:\n      \"Teniu un disseny existent? Pugeu una captura de pantalla, una imatge o un PDF i\",\n    aiHintDesignSuffix: \"el recrearà a l'instant\",\n  },\n\n  // Sidebar\n  savedBlocks: {\n    title: \"Blocs desats\",\n    saveAsBlock: \"Desa com a bloc\",\n    name: \"Nom\",\n    namePlaceholder: \"p. ex. Encapçalament, Peu de pàgina, CTA...\",\n    save: \"Desa el bloc\",\n    saving: \"S'està desant...\",\n    cancel: \"Cancel·la\",\n    empty: \"Encara no hi ha blocs desats\",\n    emptyHint:\n      \"Desa blocs de les teves plantilles per reutilitzar-los més tard.\",\n    noResults: \"Cap bloc desat coincideix amb la teva cerca\",\n    search: \"Cerca blocs desats...\",\n    loading: \"S'estan carregant els blocs desats…\",\n    category: \"Categoria\",\n    categoryPlaceholder: \"p. ex. Capçaleres, Promocions... (opcional)\",\n    allCategories: \"Totes les categories\",\n    filterByCategory: \"Filtra per categoria\",\n    insert: \"Insereix\",\n    rename: \"Canvia el nom\",\n    delete: \"Elimina\",\n    deleteConfirm: \"Vols eliminar aquest bloc desat?\",\n    blockCount: \"{count} bloc(s)\",\n    browse: \"Explora els blocs desats\",\n    selectToPreview: \"Selecciona un bloc desat per previsualitzar-lo\",\n    insertAtBeginning: \"Al principi\",\n    insertAfterBlock: \"Després de {block}\",\n    insertAtEnd: \"Al final\",\n    insertPosition: \"Posició d'inserció\",\n    close: \"Tanca\",\n    pickToolbar: \"Selecció de bloc desat\",\n    pickCount: \"{count} bloc(s) seleccionat(s)\",\n    pickHint: \"Fes clic als blocs per afegir-los o treure'ls\",\n    savingCount: \"S'estan desant {count} bloc(s):\",\n    reorderHint: \"Arrossega per reordenar: els blocs es desen en aquest ordre\",\n    reorderHandle: \"Reordena {block}, posició {position} de {total}\",\n    reorderAnnouncement: \"{block} mogut a la posició {position} de {total}\",\n    expand: \"Amplia\",\n    collapse: \"Redueix\",\n    expandPreview: \"Amplia la vista prèvia de {block}\",\n    collapsePreview: \"Redueix la vista prèvia de {block}\",\n  },\n  comments: {\n    button: \"Comentaris\",\n    title: \"Comentaris\",\n    close: \"Tancar\",\n    placeholder: \"Escriu un comentari...\",\n    replyPlaceholder: \"Escriu una resposta...\",\n    reply: \"Respondre\",\n    resolve: \"Resoldre\",\n    unresolve: \"Reobrir\",\n    delete: \"Eliminar\",\n    edit: \"Editar\",\n    cancel: \"Cancel·lar\",\n    save: \"Desar\",\n    noComments: \"Encara no hi ha comentaris\",\n    noCommentsHint:\n      \"Comença una conversa afegint un comentari a la plantilla o a un bloc concret.\",\n    deleteConfirm: \"Vols eliminar aquest comentari?\",\n    filterAll: \"Tots\",\n    filterUnresolved: \"Sense resoldre\",\n    filterBlock: \"Aquest bloc\",\n    jumpToBlock: \"Bloc\",\n    ownedByYou: \"Tu\",\n    edited: \"editat\",\n    resolvedBy: \"Resolt per {name}\",\n    replyOne: \"{count} resposta\",\n    replyMany: \"{count} respostes\",\n    missingBlock: \"Bloc no trobat\",\n    saveTemplateFirst: \"Desa la plantilla abans de comentar en aquest bloc.\",\n  },\n  versionHistory: {\n    tooltip: \"Historial de versions\",\n    dropdownTitle: \"Historial de versions\",\n    empty: \"Encara no hi ha versions\",\n    auto: \"auto\",\n    olderVersion: \"Versió anterior\",\n    newerVersion: \"Versió més recent\",\n  },\n  versionPreview: {\n    message: \"Estàs veient una versió anterior d’aquesta plantilla.\",\n    cancel: \"Cancel·la\",\n    restore: \"Restaura aquesta versió\",\n    restoreConfirm: {\n      title: \"Vols restaurar aquesta versió?\",\n      unsavedWithSave:\n        \"Tens canvis sense desar. Desa’ls primer i es mantindran a l’historial; si restaures sense desar, es perdran.\",\n      unsavedNoSave:\n        \"Tens canvis sense desar i cap lloc on desar-los. Si restaures aquesta versió, es perdran.\",\n      saveAndRestore: \"Desa i restaura\",\n      restoreAnyway: \"Restaura igualment\",\n      cancel: \"Cancel·la\",\n    },\n  },\n  previewResolution: {\n    resolving: \"S’està resolent la vista prèvia…\",\n    failed:\n      \"No s’ha pogut resoldre la vista prèvia; es mostra la plantilla sense resoldre.\",\n    hint: \"La vista prèvia utilitza dades resoltes pel teu backend.\",\n  },\n  mergeTagPreview: {\n    label: \"Vista d’etiquetes de combinació\",\n    sample: \"Exemple\",\n    labelView: \"Etiqueta\",\n  },\n  testEmail: {\n    title: \"Envia un correu de prova\",\n    recipientLabel: \"Destinatari\",\n    recipientPlaceholder: \"tu@exemple.cat\",\n    invalidAddress: \"Introduïu una adreça de correu vàlida.\",\n    preview: \"Previsualització\",\n    previewHint:\n      \"Les etiquetes de combinació es mostren sense resoldre — el vostre backend les omple.\",\n    previewHintSample:\n      \"Les etiquetes de combinació mostren valors d’exemple; el teu backend insereix les dades reals.\",\n    recipientNotAllowed:\n      \"Aquesta adreça no és a la llista de destinataris permesos.\",\n    send: \"Envia\",\n    sending: \"S'està enviant...\",\n    cancel: \"Cancel·la\",\n    success: \"Correu de prova enviat correctament\",\n    button: \"Prova\",\n  },\n  sidebarNav: {\n    browseSavedBlocks: \"Explora els blocs desats\",\n    palette: \"Paleta de blocs\",\n    insertBlock: \"Insereix un bloc de tipus {block}\",\n  },\n\n  // Landmark region labels for assistive technology\n  landmarks: {\n    canvas: \"Llenç del correu\",\n    blockToolbar: \"Propietats del bloc\",\n    rightSidebar: \"Propietats del bloc i configuració de la plantilla\",\n    reorderAnnouncements: \"Avisos de reordenació de blocs\",\n  },\n\n  // Design Reference (cloud)\n  errors: {\n    editorLoading: \"Carregant l'editor...\",\n    editorLoadFailed: \"No s'ha pogut carregar l'editor.\",\n    retry: \"Torna-ho a provar\",\n  },\n\n  issues: {\n    panelTitle: \"Problemes\",\n    panelTabLabel: \"Problemes\",\n    groupErrors: \"Errors\",\n    groupWarnings: \"Avisos\",\n    groupInfo: \"Informació\",\n    jump: \"Vés al bloc\",\n    fix: \"Corregeix\",\n    emptyState: \"Sense problemes, tot correcte.\",\n    badgeError: \"Té errors\",\n    badgeWarning: \"Té avisos\",\n    issueCountTooltip: \"{count} problema/es\",\n  },\n\n  smallScreen: {\n    title: \"Cal una pantalla més gran\",\n    message:\n      \"L'editor necessita més espai del que ofereix aquesta pantalla. Obriu-lo en una tauleta o ordinador d'escriptori per començar a editar.\",\n  },\n};\n\nexport default ca;\n"],"mappings":"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"}