@templatical/editor 0.8.2 → 0.8.3

package/dist/cdn/editor.js

@@ -1,7 +1,7 @@
 import { A as e, C as t, H as n, M as r, V as i, Z as a, ct as o, g as s, h as c, it as l, j as u, m as d, n as f, ot as p, p as m, r as h, s as g, st as ee, v as _, x as v, y } from "./chunks/draggable-CLpL3kf8.js";
-import { A as b, X as x, pn as te, rt as S, zn as C } from "./chunks/features-svfaXiyQ.js";
-import { C as ne } from "./chunks/icons-BWmUvlwk.js";
-import { a as re, c as ie, i as w, n as T, o as E, r as D, s as O, t as k } from "./chunks/styles--HrprHTR.js";
+import { A as b, X as x, pn as te, rt as S, zn as C } from "./chunks/features-BOcQhi9B.js";
+import { C as ne } from "./chunks/icons-BVyDCkxF.js";
+import { a as re, c as ie, i as w, n as T, o as E, r as D, s as O, t as k } from "./chunks/styles-MrOGXwzJ.js";
 //#region src/Editor.vue?vue&type=script&setup=true&lang.ts
 var A = ["data-tpl-theme"], j = {
 	class: "tpl-header tpl:absolute tpl:top-0 tpl:right-0 tpl:left-0 tpl:z-50 tpl:grid tpl:h-14 tpl:grid-cols-[1fr_auto_1fr] tpl:items-center tpl:px-4 tpl:shadow-[var(--tpl-shadow-md)] tpl:border-b tpl:border-[var(--tpl-border)]",
@@ -188,7 +188,7 @@ function de() {
 async function fe(e) {
 	let t;
 	try {
-		t = await import("./chunks/renderer-BDRxApzE.js").then((e) => e.t);
+		t = await import("./chunks/renderer-Bsqzjvsr.js").then((e) => e.t);
 	} catch {
 		throw Error("[Templatical] toMjml() requires the @templatical/renderer package. Please install it.");
 	}
@@ -272,7 +272,7 @@ function $(e) {
 async function _e(e) {
 	let n = typeof e.container == "string" ? document.querySelector(e.container) : e.container;
 	if (!n) throw Error(`[Templatical] Container element not found: ${e.container}`);
-	let { default: r } = await import("./chunks/CloudEditor-Do4-w8x5.js"), [i, o] = await Promise.all([W(e.locale ?? "en"), G(e.locale ?? "en")]), s = x(e.fonts);
+	let { default: r } = await import("./chunks/CloudEditor-DGAV0qxk.js"), [i, o] = await Promise.all([W(e.locale ?? "en"), G(e.locale ?? "en")]), s = x(e.fonts);
 	$(n);
 	let c = q(n, e.shadowDom ?? !0), l = a(null);
 	return await new Promise((a, u) => {

package/dist/{styles-BUp0dVGV.js → styles-DfdDKEGV.js}

@@ -1,13 +1,13 @@
 import { A as e, B as t, E as n, F as r, J as i, L as a, M as o, N as s, U as c, X as l, _ as u, a as d, at as f, b as p, c as m, d as h, f as g, h as _, l as v, m as y, o as b, ot as x, p as S, q as C, rt as w, s as T, st as E, t as D, v as O, w as k, y as A, z as j } from "./vue.runtime.esm-bundler-xiAB6UTz.js";
 import { C as ee, D as M, E as te, S as N, a as P, l as F, n as ne, o as I } from "./dist-DJmnUmW9.js";
-import { A as L, F as re, I as ie, M as ae, N as oe, T as R, _ as se, a as ce, c as le, d as ue, g as de, h as fe, i as pe, j as me, k as he, l as ge, m as _e, n as ve, o as ye, p as be, r as xe, s as Se, u as Ce, v as we, y as Te } from "./useEditorCore-CJB2x6Ts.js";
+import { A as L, F as re, I as ie, M as ae, N as oe, T as R, _ as se, a as ce, c as le, d as ue, g as de, h as fe, i as pe, j as me, k as he, l as ge, m as _e, n as ve, o as ye, p as be, r as xe, s as Se, u as Ce, v as we, y as Te } from "./useEditorCore-YaOoz7QB.js";
 import { s as Ee } from "./dist-CkhqaMca.js";
 import { A as De, E as Oe, a as ke, b as Ae, d as je, f as Me, h as Ne, n as Pe, o as Fe, p as Ie, s as Le, u as Re, x as ze } from "./keys-XS_XrjqL.js";
 import { t as z } from "./useI18n-tMHqPsE4.js";
 import { t as B } from "./createLucideIcon-DTECxBv6.js";
 import { t as Be } from "./chevron-down-CytfFjil.js";
 import { t as Ve } from "./circle-alert-9J8Q4fwU.js";
-import { n as He, r as V, t as Ue } from "./blockTypeIcons-8MdDzKgP.js";
+import { n as He, r as V, t as Ue } from "./blockTypeIcons-jZR-IBPY.js";
 import { n as We, t as Ge } from "./refresh-cw-DFozdLYp.js";
 import { t as Ke } from "./image-up-YgXg9o1y.js";
 import { t as qe } from "./info-W-213KLD.js";

package/dist/templatical-editor.js

@@ -1,7 +1,7 @@
 import { A as e, B as t, O as n, S as r, X as i, _ as a, at as o, b as s, f as c, h as l, k as u, m as d, n as f, o as p, ot as m, p as h, rt as g, st as _, t as v, v as y, z as b } from "./vue.runtime.esm-bundler-xiAB6UTz.js";
 import { r as x } from "./timeouts-BSGxjuUF.js";
-import { L as ee, t as te, x as S } from "./useEditorCore-CJB2x6Ts.js";
-import { a as ne, c as re, i as ie, l as ae, n as C, o as oe, r as w, s as T, t as E } from "./styles-BUp0dVGV.js";
+import { L as ee, t as te, x as S } from "./useEditorCore-YaOoz7QB.js";
+import { a as ne, c as re, i as ie, l as ae, n as C, o as oe, r as w, s as T, t as E } from "./styles-DfdDKEGV.js";
 import { t as D } from "./_plugin-vue_export-helper-B0hnzhyu.js";
 //#region src/Editor.vue?vue&type=script&setup=true&lang.ts
 var O = ["data-tpl-theme"], k = {
@@ -273,7 +273,7 @@ function $(e) {
 async function _e(e) {
 	let t = typeof e.container == "string" ? document.querySelector(e.container) : e.container;
 	if (!t) throw Error(`[Templatical] Container element not found: ${e.container}`);
-	let { default: n } = await import("./CloudEditor-C5iH4_HX.js"), [a, o] = await Promise.all([H(e.locale ?? "en"), U(e.locale ?? "en")]), s = S(e.fonts);
+	let { default: n } = await import("./CloudEditor-Ccoru8Up.js"), [a, o] = await Promise.all([H(e.locale ?? "en"), U(e.locale ?? "en")]), s = S(e.fonts);
 	$(t);
 	let c = q(t, e.shadowDom ?? !0), l = i(null);
 	return await new Promise((i, u) => {

package/dist/{useEditorCore-CJB2x6Ts.js → useEditorCore-YaOoz7QB.js}

@@ -1542,13 +1542,16 @@ var Tn = { class: "tpl:w-full" }, En = {
 				e.alt && (t.alt = e.alt), i("update", t);
 			}
 		}
-		let d = x(() => ({ textAlign: r.block.align })), f = x(() => ({
-			maxWidth: "100%",
-			width: r.block.width === "full" ? "100%" : `${r.block.width}px`,
-			display: "block",
-			margin: r.block.align === "center" ? "0 auto" : void 0,
-			marginLeft: r.block.align === "right" ? "auto" : void 0
-		})), p = x(() => pe(r.block.src, o));
+		let d = x(() => ({ textAlign: r.block.align })), f = x(() => {
+			let e = r.block.align;
+			return {
+				maxWidth: "100%",
+				width: r.block.width === "full" ? "100%" : `${r.block.width}px`,
+				display: "block",
+				marginLeft: e === "center" || e === "right" ? "auto" : void 0,
+				marginRight: e === "center" ? "auto" : void 0
+			};
+		}), p = x(() => pe(r.block.src, o));
 		return (n, r) => (e(), w("div", {
 			class: "tpl:w-full",
 			style: A(d.value)
@@ -1749,7 +1752,7 @@ var lr = ["innerHTML"], ur = /* @__PURE__ */ y({
 		viewport: {}
 	},
 	setup(t) {
-		let n = t, r = se(() => import("./ParagraphEditor-DcVQcYUK.js")), { isEditing: i, blockRef: a, toolbarPosition: o, resolvedContent: s, handleDoubleClick: c, handleEditorDone: l } = cr(() => n.block.content);
+		let n = t, r = se(() => import("./ParagraphEditor-PQZp1plL.js")), { isEditing: i, blockRef: a, toolbarPosition: o, resolvedContent: s, handleDoubleClick: c, handleEditorDone: l } = cr(() => n.block.content);
 		return (n, u) => (e(), w("div", {
 			ref_key: "blockRef",
 			ref: a,
@@ -1965,7 +1968,7 @@ var Dr = /* @__PURE__ */ y({
 		viewport: {}
 	},
 	setup(t) {
-		let n = t, r = se(() => import("./TitleEditor-CT4asLZe.js")), { isEditing: a, blockRef: o, toolbarPosition: s, resolvedContent: c, handleDoubleClick: l, handleEditorDone: u } = cr(() => n.block.content), d = x(() => {
+		let n = t, r = se(() => import("./TitleEditor-C6z6Jzeg.js")), { isEditing: a, blockRef: o, toolbarPosition: s, resolvedContent: c, handleDoubleClick: l, handleEditorDone: u } = cr(() => n.block.content), d = x(() => {
 			let e = {
 				fontSize: `${De[n.block.level]}px`,
 				color: n.block.color,
@@ -3845,13 +3848,16 @@ var Bo = ["src", "alt"], Vo = {
 		viewport: {}
 	},
 	setup(t) {
-		let n = t, { t: r } = lt(), { syntax: i } = ht(), a = x(() => pe(n.block.url, i) || pe(n.block.thumbnailUrl, i)), o = x(() => a.value ? null : zo(n.block.url, n.block.thumbnailUrl)), s = x(() => ({ textAlign: n.block.align })), c = x(() => ({
-			maxWidth: "100%",
-			width: n.block.width === "full" ? "100%" : `${n.block.width}px`,
-			display: "block",
-			margin: n.block.align === "center" ? "0 auto" : void 0,
-			marginLeft: n.block.align === "right" ? "auto" : void 0
-		})), l = x(() => pe(n.block.url, i) ? n.block.url : n.block.thumbnailUrl);
+		let n = t, { t: r } = lt(), { syntax: i } = ht(), a = x(() => pe(n.block.url, i) || pe(n.block.thumbnailUrl, i)), o = x(() => a.value ? null : zo(n.block.url, n.block.thumbnailUrl)), s = x(() => ({ textAlign: n.block.align })), c = x(() => {
+			let e = n.block.align;
+			return {
+				maxWidth: "100%",
+				width: n.block.width === "full" ? "100%" : `${n.block.width}px`,
+				display: "block",
+				marginLeft: e === "center" || e === "right" ? "auto" : void 0,
+				marginRight: e === "center" ? "auto" : void 0
+			};
+		}), l = x(() => pe(n.block.url, i) ? n.block.url : n.block.thumbnailUrl);
 		return (n, i) => (e(), w("div", {
 			class: "tpl:w-full",
 			style: A(s.value)

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@templatical/editor",
   "description": "Vue 3 visual drag-and-drop email editor powered by Templatical",
-  "version": "0.8.2",
+  "version": "0.8.3",
   "bugs": "https://github.com/templatical/sdk/issues",
   "devDependencies": {
     "@lucide/vue": "^1.16.0",
@@ -32,9 +32,9 @@
     "vue": "^3.5.34",
     "vue-draggable-plus": "^0.6.1",
     "vue-tsc": "^3.2.9",
-    "@templatical/core": "0.8.2",
-    "@templatical/quality": "0.8.2",
-    "@templatical/types": "0.8.2"
+    "@templatical/core": "0.8.3",
+    "@templatical/quality": "0.8.3",
+    "@templatical/types": "0.8.3"
   },
   "exports": {
     ".": {
@@ -62,9 +62,9 @@
   "license": "SEE LICENSE IN LICENSE",
   "module": "./dist/templatical-editor.js",
   "peerDependencies": {
-    "@templatical/media-library": "0.8.2",
-    "@templatical/quality": "0.8.2",
-    "@templatical/renderer": "0.8.2"
+    "@templatical/media-library": "0.8.3",
+    "@templatical/quality": "0.8.3",
+    "@templatical/renderer": "0.8.3"
   },
   "peerDependenciesMeta": {
     "@templatical/renderer": {