@templatical/editor 0.40.0 → 0.42.0

package/README.md

@@ -12,7 +12,7 @@ The visual editor for [Templatical](https://github.com/templatical/sdk) — an o
 - 🎨 **27 design tokens** — full theming via `--tpl-user-*` CSS variables, dark mode, custom fonts
 - 🔌 **Framework-agnostic** — works in React, Vue, Svelte, Angular, vanilla
 - 📦 **JSON in, MJML out** — portable templates, render with any email provider
-- 🌍 **Multilingual** — English, German, Portuguese, Spanish, Catalan, French & Dutch built in
+- 🌍 **Multilingual** — English, German, Portuguese, Spanish, Catalan, French, Dutch & Japanese built in
 - 🔒 **TypeScript strict** — full type safety end to end
 
 ## Install

package/dist/{AiChatSidebar-a8TPBAl2.js → AiChatSidebar-DqSoJAXx.js}

@@ -12,7 +12,7 @@ import { t as he } from "./x-3BHV3Q6K.js";
 import { t as b } from "./LoadingTrack-C1Epulqq.js";
 import { t as x } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { t as S } from "./useAliveFlag-BkKyhkwZ.js";
-import { p as C } from "./cloud-DsqqUfzh.js";
+import { p as C } from "./cloud-AO_X8T9g.js";
 var w = v({
 	name: "redo-2",
 	size: 24,

package/dist/{AiFeatureMenu-CbgDjLqk.js → AiFeatureMenu-CoBvE72q.js}

@@ -1,5 +1,5 @@
 import { A as e, At as t, F as n, M as r, c as i, d as a, jt as o, l as s, r as c, s as l, v as u } from "./vue.runtime.esm-bundler-CyqhBwpY.js";
-import "./useEditorCore-Dt_VWNqX.js";
+import "./useEditorCore-LyNoGs0m.js";
 import { $ as d, t as f } from "./keys-CDqfZIRt.js";
 import { t as p } from "./image-up-Qi2BXD7T.js";
 import { t as m } from "./shield-check-COgBYFDF.js";

package/dist/{BlockPreviewCanvas-XNV83YGg.js → BlockPreviewCanvas-W6-MRpWz.js}

@@ -1,9 +1,9 @@
 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 { q as h } from "./dist-DbUZvK04.js";
-import { A as g, _, a as v, c as y, d as b, g as x, h as S, i as C, m as w, n as T, p as E, r as D, u as O, v as k, y as A } from "./useEditorCore-Dt_VWNqX.js";
+import { Y as h } from "./dist-iLUVPysa.js";
+import { A as g, D as _, E as v, O as y, a as b, c as x, d as S, f as C, h as w, i as T, m as E, n as D, p as O, r as k, u as A } from "./useEditorCore-LyNoGs0m.js";
 import { M as j, Q as M, f as N, g as P, s as F } from "./keys-CDqfZIRt.js";
-import { n as I, r as L, t as R } from "./WrapperBlock-yGmKw0T-.js";
+import { n as I, r as L, t as R } from "./WrapperBlock-B0cUORGz.js";
 //#region src/components/blocks/PreviewSectionBlock.vue?vue&type=script&setup=true&lang.ts
 var z = { class: "tpl:w-full" }, B = { class: "tpl:flex tpl:gap-0" }, V = /* @__PURE__ */ m({
 	name: "PreviewSectionBlock",
@@ -14,19 +14,19 @@ var z = { class: "tpl:w-full" }, B = { class: "tpl:flex tpl:gap-0" }, V = /* @__
 	},
 	setup(e) {
 		let u = {
-			title: y,
-			paragraph: w,
-			image: x,
-			video: T,
-			button: g,
-			divider: k,
-			social: v,
+			title: x,
+			paragraph: A,
+			image: C,
+			video: D,
+			button: v,
+			divider: E,
+			social: b,
 			menu: S,
-			table: D,
-			spacer: C,
-			html: _,
-			custom: A
-		}, m = e, h = o(F, null), b = p(() => {
+			table: k,
+			spacer: T,
+			html: O,
+			custom: w
+		}, m = e, h = o(F, null), y = p(() => {
 			switch (m.block.columns) {
 				case "2": return ["50%", "50%"];
 				case "3": return [
@@ -39,7 +39,7 @@ var z = { class: "tpl:w-full" }, B = { class: "tpl:flex tpl:gap-0" }, V = /* @__
 				default: return ["100%"];
 			}
 		}), j = p(() => {
-			let e = b.value.length, t = [...m.block.children];
+			let e = y.value.length, t = [...m.block.children];
 			for (; t.length < e;) t.push([]);
 			return t.slice(0, e);
 		});
@@ -47,16 +47,16 @@ var z = { class: "tpl:w-full" }, B = { class: "tpl:flex tpl:gap-0" }, V = /* @__
 			return j.value[e] || [];
 		}
 		function N(e) {
-			return E(e, h, u);
+			return g(e, h, u);
 		}
 		return (e, o) => {
 			let u = a("PreviewSectionBlock", !0);
 			return t(), l("div", z, [c("div", B, [(t(!0), l(f, null, i(j.value, (e, a) => (t(), l("div", {
 				key: a,
-				style: n({ width: b.value[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(O)(e))
+				style: n(s(_)(e))
 			}, [e.type === "section" ? (t(), d(u, {
 				key: 0,
 				block: e,
@@ -82,24 +82,24 @@ var z = { class: "tpl:w-full" }, B = { class: "tpl:flex tpl:gap-0" }, V = /* @__
 	setup(e) {
 		let a = e, m = o(F), z = o(P, null), B = o(N, null), U = o(j, null);
 		u(M, p(() => U?.value ?? !1));
-		let W = p(() => a.applyConditionFilter ? a.blocks.filter((e) => !B?.isHidden(e.id)) : a.blocks), G = p(() => a.settings ?? z?.content.value.settings), K = p(() => L(G.value, a.viewport)), q = p(() => G.value ? b(G.value) : {}), J = p(() => G.value?.locale?.trim() || void 0), Y = p(() => h(G.value ?? { locale: "en" })), X = p(() => G.value?.backgroundColor || "var(--tpl-canvas-bg)"), Z = p(() => K.value + 192), Q = {
+		let W = p(() => a.applyConditionFilter ? a.blocks.filter((e) => !B?.isHidden(e.id)) : a.blocks), G = p(() => a.settings ?? z?.content.value.settings), K = p(() => L(G.value, a.viewport)), q = p(() => G.value ? y(G.value) : {}), J = p(() => G.value?.locale?.trim() || void 0), Y = p(() => h(G.value ?? { locale: "en" })), X = p(() => G.value?.backgroundColor || "var(--tpl-canvas-bg)"), Z = p(() => K.value + 192), Q = {
 			section: V,
-			title: y,
-			paragraph: w,
-			image: x,
-			video: T,
-			button: g,
-			divider: k,
-			social: v,
+			title: x,
+			paragraph: A,
+			image: C,
+			video: D,
+			button: v,
+			divider: E,
+			social: b,
 			menu: S,
-			table: D,
-			spacer: C,
-			html: _,
-			custom: A,
+			table: k,
+			spacer: T,
+			html: O,
+			custom: w,
 			wrapper: R
 		};
 		function $(e) {
-			return E(e, m, Q);
+			return g(e, m, Q);
 		}
 		return (a, o) => (t(), l("div", {
 			"data-testid": "block-preview-stage",
@@ -122,7 +122,7 @@ var z = { class: "tpl:w-full" }, B = { class: "tpl:flex tpl:gap-0" }, V = /* @__
 			})
 		}, [(t(!0), l(f, null, i(W.value, (i) => (t(), l("div", {
 			key: i.id,
-			style: n(s(O)(i))
+			style: n(s(_)(i))
 		}, [(t(), d(r($(i)), {
 			block: i,
 			viewport: e.viewport

package/dist/{CloudHeaderExtras-C-tbLyfE.js → CloudHeaderExtras-AbsNuL9T.js}

@@ -17,7 +17,7 @@ var v = {
 		cloud: {}
 	},
 	setup(p) {
-		let x = n(() => import("./CollaboratorBar-DUmeCkyD.js")), S = n(() => import("./AiFeatureMenu-CbgDjLqk.js")), { t: C, format: w } = _();
+		let x = n(() => import("./CollaboratorBar-DlZ-wOL_.js")), S = n(() => import("./AiFeatureMenu-CoBvE72q.js")), { t: C, format: w } = _();
 		return (n, _) => p.part === "left" ? (e(), a(d, { key: 0 }, [p.cloud.featureFlags.templateLimit.value === null ? f("", !0) : (e(), a("span", v, c(r(w)(r(C).header.templatesUsed, {
 			used: p.cloud.featureFlags.templateCount.value,
 			max: p.cloud.featureFlags.templateLimit.value

package/dist/{CloudPanels-DnWDrgnQ.js → CloudPanels-BNL6rSeB.js}

@@ -5,7 +5,7 @@ import { t as _ } from "./circle-alert-CYgTHKWr.js";
 import { t as v } from "./triangle-alert-DGLAyXnh.js";
 import { n as y } from "./useCloudI18n-DpEsiLeR.js";
 import { d as b, v as x, x as S } from "./styleConstants-C_YAPdQS.js";
-import { t as C } from "./TplModal-B8uLyoXE.js";
+import { t as C } from "./TplModal-DRQln7xH.js";
 //#region src/cloud/components/CloudErrorOverlay.vue?vue&type=script&setup=true&lang.ts
 var w = {
 	key: 0,
@@ -137,7 +137,7 @@ var w = {
 		ready: {}
 	},
 	setup(n) {
-		let a = r(() => import("./AiChatSidebar-a8TPBAl2.js")), c = r(() => import("./DesignReferenceSidebar-OoiYJAKS.js")), l = r(() => import("./TemplateScoringPanel-Cs0TGtRF.js")), u = n;
+		let a = r(() => import("./AiChatSidebar-DqSoJAXx.js")), c = r(() => import("./DesignReferenceSidebar-Cl5eE8Kn.js")), l = r(() => import("./TemplateScoringPanel-Cs0TGtRF.js")), u = n;
 		function d(e) {
 			u.core.history.record(), u.editor.setContent(e), u.core.conditionPreview.reset();
 		}

package/dist/{CollaboratorBar-DUmeCkyD.js → CollaboratorBar-DlZ-wOL_.js}

@@ -1,5 +1,5 @@
 import { A as e, At as t, M as n, at as r, c as i, d as a, jt as o, l as s, r as c, s as l, u, v as d } from "./vue.runtime.esm-bundler-CyqhBwpY.js";
-import "./useEditorCore-Dt_VWNqX.js";
+import "./useEditorCore-LyNoGs0m.js";
 import { t as f } from "./createLucideIcon-BxY5yz5u.js";
 import { n as p } from "./useCloudI18n-DpEsiLeR.js";
 import { t as m } from "./readableTextColor-f8Kykfnh.js";

package/dist/{CountdownToolbar-DkC-qSgq.js → CountdownToolbar-Bnq25sR-.js}

@@ -1,9 +1,9 @@
 import { A as e, B as t, M as n, at as r, c as i, d as a, g as o, jt as s, kt as c, l, r as u, s as d, v as f } from "./vue.runtime.esm-bundler-CyqhBwpY.js";
 import { t as p } from "./useI18n-B_CdcBwG.js";
-import { c as m } from "./LogicTagInsertButton-BimKobaG.js";
+import { c as m } from "./LogicTagInsertButton-SI6irEtn.js";
 import { p as h } from "./styleConstants-C_YAPdQS.js";
-import { t as g } from "./ToggleSwitch-CJfQ8u57.js";
-import { i as _, n as v, r as y } from "./Toolbar-C7SjilzH.js";
+import { t as g } from "./ToggleSwitch-BqttX9lY.js";
+import { i as _, n as v, r as y } from "./Toolbar-DVsKYQaC.js";
 //#region src/components/toolbar/CountdownToolbar.vue?vue&type=script&setup=true&lang.ts
 var b = ["value"], x = ["value"], S = ["value"], C = { class: "tpl:grid tpl:grid-cols-2 tpl:gap-2" }, w = ["value"], T = { value: "" }, E = ["value"], D = { class: "tpl:grid tpl:grid-cols-2 tpl:gap-3" }, O = { class: "tpl:grid tpl:grid-cols-2 tpl:gap-3" }, k = { class: "tpl:grid tpl:grid-cols-2 tpl:gap-2" }, A = [
 	"value",

package/dist/{DesignReferenceSidebar-OoiYJAKS.js → DesignReferenceSidebar-Cl5eE8Kn.js}

@@ -11,7 +11,7 @@ import { t as le } from "./LoadingTrack-C1Epulqq.js";
 import { t as y } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { n as ue } from "./useCloudI18n-DpEsiLeR.js";
 import { v as b } from "./styleConstants-C_YAPdQS.js";
-import { _ as de } from "./cloud-DsqqUfzh.js";
+import { _ as de } from "./cloud-AO_X8T9g.js";
 var fe = h({
 	name: "file-image",
 	size: 24,