@templatical/editor 0.23.0 → 0.24.1

package/dist/{useI18n-D2L9Mkik.js → useI18n-DzOcl2wl.js}

@@ -1,5 +1,5 @@
-import { W as e, x as t } from "./vue.runtime.esm-bundler-B0xoGkDv.js";
-import { R as n } from "./keys-CHPcp-Nz.js";
+import { W as e, x as t } from "./vue.runtime.esm-bundler-Xpz-L9Fn.js";
+import { z as n } from "./keys-uWpGv4Pq.js";
 //#region src/composables/useI18n.ts
 function r(r) {
 	let i = r ?? t(n, null);

package/dist/{useMergeTag-BTdDq5DC.js → useMergeTag-BFxXCv3p.js}

@@ -1,9 +1,9 @@
-import { Y as e, x as t } from "./vue.runtime.esm-bundler-B0xoGkDv.js";
-import { D as n, M as r, a as i } from "./dist-BJbqgyPn.js";
-import { D as a, E as o, O as s, T as c, j as l } from "./keys-CHPcp-Nz.js";
+import { Y as e, x as t } from "./vue.runtime.esm-bundler-Xpz-L9Fn.js";
+import { D as n, P as r, a as i } from "./dist-Ba5Q-UX1.js";
+import { D as a, E as o, M as s, T as c, k as l } from "./keys-uWpGv4Pq.js";
 //#region src/composables/useMergeTag.ts
 function u() {
-	let u = t(c, []), d = t(s, i.liquid), f = t(l, null), p = t(o, !0), m = t(a, null), h = e(!1);
+	let u = t(c, []), d = t(l, i.liquid), f = t(s, null), p = t(o, !0), m = t(a, null), h = e(!1);
 	function g(e) {
 		return r(e, d);
 	}

package/dist/{usePopoverPosition-BO2LNy5n.js → usePopoverPosition-Dtr1Mp1x.js}

@@ -1,7 +1,7 @@
-import { E as e, I as t, L as n, Y as r, Z as i, b as a, et as o, nt as s, s as c, v as l, x as u } from "./vue.runtime.esm-bundler-B0xoGkDv.js";
-import { _ as d, a as f, d as p, i as m, l as h, n as g, o as _, r as v, s as y, t as b, u as x } from "./dist-DYv_Pttj.js";
-import { N as S } from "./keys-CHPcp-Nz.js";
-//#region ../../node_modules/.pnpm/@vueuse+core@14.3.0_vue@3.5.40_typescript@6.0.3_/node_modules/@vueuse/core/dist/index.js
+import { E as e, I as t, L as n, Y as r, Z as i, b as a, et as o, nt as s, s as c, v as l, x as u } from "./vue.runtime.esm-bundler-Xpz-L9Fn.js";
+import { _ as d, a as f, d as p, i as m, l as h, n as g, o as _, r as v, s as y, t as b, u as x } from "./dist-DT1XnEnj.js";
+import { P as S } from "./keys-uWpGv4Pq.js";
+//#region ../../node_modules/.pnpm/@vueuse+core@14.4.0_vue@3.5.40_typescript@6.0.3_/node_modules/@vueuse/core/dist/index.js
 var C = g ? window : void 0;
 g && window.document, g && window.navigator, g && window.location;
 function w(e) {
@@ -135,7 +135,9 @@ function N(e, t = {}) {
 	let { window: r = C, ssrWidth: a = /* @__PURE__ */ M() } = t, s = /* @__PURE__ */ k(() => r && "matchMedia" in r && typeof r.matchMedia == "function"), l = i(typeof a == "number"), u = i(), d = i(!1);
 	return n(() => {
 		if (l.value) {
-			l.value = !s.value, d.value = o(e).split(",").some((e) => {
+			l.value = !s.value;
+			let t = o(e).split(",");
+			d.value = t.some((e) => {
 				let t = e.includes("not all"), n = e.match(/\(\s*min-width:\s*(-?\d+(?:\.\d*)?[a-z]+\s*)\)/), r = e.match(/\(\s*max-width:\s*(-?\d+(?:\.\d*)?[a-z]+\s*)\)/), i = !!(n || r);
 				return n && i && (i = a >= y(n[1])), r && i && (i = a <= y(r[1])), t ? !i : i;
 			});
@@ -157,8 +159,8 @@ function P(e, t = {}) {
 			return typeof t == "function" ? t(e) : !t?.length || e.length !== 0 && e.every((e) => t.some((t) => e.includes(t)));
 		}, f = (e) => {
 			if (i.checkValidity) return i.checkValidity(e);
-			let t = d(Array.from(e ?? []).map((e) => e.type)), n = c || e.length <= 1;
-			return t && n;
+			let t = Array.from(e ?? []).map((e) => e.type), n = d(t), r = c || e.length <= 1;
+			return n && r;
 		}, p = () => /^(?:(?!chrome|android).)*safari/i.test(navigator.userAgent) && !("chrome" in window), m = (e, t) => {
 			let s = e.dataTransfer?.items;
 			if (o = (s && f(s)) ?? !1, l && e.preventDefault(), !p() && !o) {
@@ -180,12 +182,10 @@ function P(e, t = {}) {
 					var h;
 					--a, a === 0 && (n.value = !1), (h = i.onLeave) == null || h.call(i, null, e);
 					break;
-				case "drop":
-					if (a = 0, n.value = !1, o) {
-						var g;
-						r.value = c, (g = i.onDrop) == null || g.call(i, c, e);
-					}
-					break;
+				case "drop": if (a = 0, n.value = !1, o) {
+					var g;
+					r.value = c, (g = i.onDrop) == null || g.call(i, c, e);
+				}
 			}
 		};
 		T(e, "dragenter", (e) => m(e, "enter")), T(e, "dragover", (e) => m(e, "over")), T(e, "dragleave", (e) => m(e, "leave")), T(e, "drop", (e) => m(e, "drop"));

package/dist/{vue.runtime.esm-bundler-B0xoGkDv.js → vue.runtime.esm-bundler-Xpz-L9Fn.js}

@@ -35,7 +35,8 @@ function ue(e) {
 			if (i) for (let e in i) t[e] = i[e];
 		}
 		return t;
-	} else if (g(e) || v(e)) return e;
+	}
+	if (g(e) || v(e)) return e;
 }
 var de = /;(?![^(]*\))/g, fe = /:([^]+)/, pe = /\/\*[^]*?\*\//g;
 function me(e) {
@@ -94,7 +95,7 @@ function M(e, ...t) {
 }
 var N, je = class {
 	constructor(e = !1) {
-		this.detached = e, this._active = !0, this._on = 0, this.effects = [], this.cleanups = [], this._isPaused = !1, this._warnOnRun = !0, this.__v_skip = !0, !e && N && (N.active ? (this.parent = N, this.index = (N.scopes ||= []).push(this) - 1) : (this._active = !1, this._warnOnRun = !1));
+		this.detached = e, this._active = !0, this._on = 0, this.effects = [], this.cleanups = [], this._isPaused = !1, this._warnOnRun = !0, this.__v_skip = !0, !e && N && (N.active ? (this.parent = N, this.index = (N.scopes || (N.scopes = [])).push(this) - 1) : (this._active = !1, this._warnOnRun = !1));
 	}
 	get active() {
 		return this._active;
@@ -130,7 +131,8 @@ var N, je = class {
 			} finally {
 				N = t;
 			}
-		} else process.env.NODE_ENV !== "production" && this._warnOnRun && M("cannot run an inactive effect scope.");
+		}
+		process.env.NODE_ENV !== "production" && this._warnOnRun && M("cannot run an inactive effect scope.");
 	}
 	on() {
 		++this._on === 1 && (this.prevScope = N, N = this);
@@ -398,9 +400,7 @@ function at(e, t, n, r, i, a) {
 			case "delete":
 				i || (s(o.get(nt)), f(e) && s(o.get(rt)));
 				break;
-			case "set":
-				f(e) && s(o.get(nt));
-				break;
+			case "set": f(e) && s(o.get(nt));
 		}
 	}
 	Ve();
@@ -1122,7 +1122,8 @@ function Fn(e, t, n, r) {
 		let i = [];
 		for (let a = 0; a < e.length; a++) i.push(Fn(e[a], t, n, r));
 		return i;
-	} else process.env.NODE_ENV !== "production" && V(`Invalid value type passed to callWithAsyncErrorHandling(): ${typeof e}`);
+	}
+	process.env.NODE_ENV !== "production" && V(`Invalid value type passed to callWithAsyncErrorHandling(): ${typeof e}`);
 }
 function In(e, n, r, i = !0) {
 	let a = n ? n.vnode : null, { errorHandler: o, throwUnhandledErrorInProduction: s } = n && n.appContext.config || t;
@@ -1251,7 +1252,7 @@ function ar(e) {
 	rr.get(e.type.__hmrId).instances.delete(e);
 }
 function or(e, t) {
-	return rr.has(e) ? !1 : (rr.set(e, {
+	return !rr.has(e) && (rr.set(e, {
 		initialDef: sr(t),
 		instances: /* @__PURE__ */ new Set()
 	}), !0);
@@ -1473,7 +1474,7 @@ var Gr = /* @__PURE__ */ new WeakMap(), Kr = /* @__PURE__ */ Symbol("_vte"), qr
 		let r = t(n);
 		return process.env.NODE_ENV !== "production" && !r && !Jr(e) && V(`Failed to locate Teleport target with selector "${n}". Note the target element must exist before the component is mounted - i.e. the target cannot be rendered by the component itself, and ideally should be outside of the entire Vue component tree.`), r;
 	} else return process.env.NODE_ENV !== "production" && V("Current renderer does not support string target for Teleports. (missing querySelector renderer option)"), null;
-	else return process.env.NODE_ENV !== "production" && !n && !Jr(e) && V(`Invalid Teleport target: ${n}`), n;
+	return process.env.NODE_ENV !== "production" && !n && !Jr(e) && V(`Invalid Teleport target: ${n}`), n;
 }, $r = {
 	name: "Teleport",
 	__isTeleport: !0,
@@ -1923,7 +1924,8 @@ function Fi(e, t, n = $, r = !1) {
 			return i(), Ye(), a;
 		};
 		return r ? i.unshift(a) : i.push(a), a;
-	} else process.env.NODE_ENV !== "production" && V(`${ie(Nn[e].replace(/ hook$/, ""))} is called when there is no active component instance to be associated with. Lifecycle injection APIs can only be used during execution of setup(). If you are using async setup(), make sure to register lifecycle hooks before the first await statement.`);
+	}
+	process.env.NODE_ENV !== "production" && V(`${ie(Nn[e].replace(/ hook$/, ""))} is called when there is no active component instance to be associated with. Lifecycle injection APIs can only be used during execution of setup(). If you are using async setup(), make sure to register lifecycle hooks before the first await statement.`);
 }
 var Ii = (e) => (t, n = $) => {
 	(!Os || e === "sp") && Fi(e, (...e) => t(...e), n);
@@ -1954,7 +1956,8 @@ function Zi(e, t, n = !0, r = !1) {
 			V(`Failed to resolve ${e.slice(0, -1)}: ${t}${n}`);
 		}
 		return o;
-	} else process.env.NODE_ENV !== "production" && V(`resolve${O(e.slice(0, -1))} can only be used in render() or setup().`);
+	}
+	process.env.NODE_ENV !== "production" && V(`resolve${O(e.slice(0, -1))} can only be used in render() or setup().`);
 }
 function Qi(e, t) {
 	return e && (e[t] || e[E(t)] || e[O(E(t))]);
@@ -2570,7 +2573,7 @@ function Qa(e, t, n, r = !1) {
 	let i = {}, a = Xa();
 	e.propsDefaults = /* @__PURE__ */ Object.create(null), to(e, t, i, a);
 	for (let t in e.propsOptions[0]) t in i || (i[t] = void 0);
-	process.env.NODE_ENV !== "production" && so(t || {}, i, e), n ? e.props = r ? i : /* @__PURE__ */ Wt(i) : e.type.props ? e.props = i : e.props = a, e.attrs = a;
+	process.env.NODE_ENV !== "production" && so(t || {}, i, e), e.props = n ? r ? i : /* @__PURE__ */ Wt(i) : e.type.props ? i : a, e.attrs = a;
 }
 function $a(e) {
 	for (; e;) {
@@ -2669,7 +2672,8 @@ function io(e, r, i = !1) {
 					if (n === "Boolean") {
 						a = !0;
 						break;
-					} else n === "String" && (o = !1);
+					}
+					n === "String" && (o = !1);
 				}
 				else a = h(i) && i.name === "Boolean";
 				r[0] = a, r[1] = o, (a || u(r, "default")) && f.push(t);
@@ -2680,7 +2684,7 @@ function io(e, r, i = !1) {
 	return v(e) && a.set(e, m), m;
 }
 function ao(e) {
-	return e[0] !== "$" && !T(e) ? !0 : (process.env.NODE_ENV !== "production" && V(`Invalid prop name: "${e}" is a reserved property.`), !1);
+	return e[0] !== "$" && !T(e) || (process.env.NODE_ENV !== "production" && V(`Invalid prop name: "${e}" is a reserved property.`), !1);
 }
 function oo(e) {
 	return e === null ? "null" : typeof e == "function" ? e.name || "" : typeof e == "object" && e.constructor && e.constructor.name || "";
@@ -3011,7 +3015,8 @@ function jo(e, i) {
 			if (f & 128) {
 				pe(l, d, n, r, i, a, o, s, c);
 				return;
-			} else if (f & 256) {
+			}
+			if (f & 256) {
 				fe(l, d, n, r, i, a, o, s, c);
 				return;
 			}
@@ -3480,7 +3485,7 @@ function ys(e, n, r) {
 		ec: null,
 		sp: null
 	};
-	return process.env.NODE_ENV === "production" ? o.ctx = { _: o } : o.ctx = sa(o), o.root = n ? n.root : o, o.emit = Na.bind(null, o), e.ce && e.ce(o), o;
+	return o.ctx = process.env.NODE_ENV === "production" ? { _: o } : sa(o), o.root = n ? n.root : o, o.emit = Na.bind(null, o), e.ce && e.ce(o), o;
 }
 var $ = null, bs = () => $ || W, xs, Ss;
 {
@@ -3613,7 +3618,8 @@ function Rs(e) {
 			},
 			expose: t
 		});
-	} else return {
+	}
+	return {
 		attrs: new Proxy(e.attrs, Is),
 		slots: e.slots,
 		emit: e.emit,
@@ -3695,7 +3701,8 @@ function qs() {
 					l(n),
 					">"
 				];
-			} else if (/* @__PURE__ */ Jt(t)) return [
+			}
+			return /* @__PURE__ */ Jt(t) ? [
 				"div",
 				{},
 				[
@@ -3706,8 +3713,7 @@ function qs() {
 				"<",
 				l(t),
 				`>${/* @__PURE__ */ Yt(t) ? " (readonly)" : ""}`
-			];
-			else if (/* @__PURE__ */ Yt(t)) return [
+			] : /* @__PURE__ */ Yt(t) ? [
 				"div",
 				{},
 				[
@@ -3718,8 +3724,7 @@ function qs() {
 				"<",
 				l(t),
 				">"
-			];
-			return null;
+			] : null;
 		},
 		hasBody(e) {
 			return e && e.__isVue;

package/dist/{x-CkD6A1iB.js → x-C4lETLDx.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./createLucideIcon-JWHwTI6N.js";
+import { t as e } from "./createLucideIcon-AEltGIse.js";
 var t = e("x", [["path", {
 	d: "M18 6 6 18",
 	key: "1bl5f8"

package/package.json

@@ -1,40 +1,40 @@
 {
   "name": "@templatical/editor",
   "description": "Vue 3 visual drag-and-drop email editor powered by Templatical",
-  "version": "0.23.0",
+  "version": "0.24.1",
   "bugs": "https://github.com/templatical/sdk/issues",
   "devDependencies": {
-    "@lucide/vue": "^1.27.0",
-    "@tiptap/core": "^3.29.1",
-    "@tiptap/extension-color": "^3.29.1",
-    "@tiptap/extension-font-family": "^3.29.1",
-    "@tiptap/extension-highlight": "^3.29.1",
-    "@tiptap/extension-link": "^3.29.1",
-    "@tiptap/extension-subscript": "^3.29.1",
-    "@tiptap/extension-superscript": "^3.29.1",
-    "@tiptap/extension-text-align": "^3.29.1",
-    "@tiptap/extension-text-style": "^3.29.1",
-    "@tiptap/extension-underline": "^3.29.1",
-    "@tiptap/starter-kit": "^3.29.1",
-    "@tiptap/suggestion": "^3.29.1",
-    "@tiptap/vue-3": "^3.29.1",
+    "@lucide/vue": "^1.28.0",
+    "@tiptap/core": "^3.29.2",
+    "@tiptap/extension-color": "^3.29.2",
+    "@tiptap/extension-font-family": "^3.29.2",
+    "@tiptap/extension-highlight": "^3.29.2",
+    "@tiptap/extension-link": "^3.29.2",
+    "@tiptap/extension-subscript": "^3.29.2",
+    "@tiptap/extension-superscript": "^3.29.2",
+    "@tiptap/extension-text-align": "^3.29.2",
+    "@tiptap/extension-text-style": "^3.29.2",
+    "@tiptap/extension-underline": "^3.29.2",
+    "@tiptap/starter-kit": "^3.29.2",
+    "@tiptap/suggestion": "^3.29.2",
+    "@tiptap/vue-3": "^3.29.2",
     "@vitejs/plugin-vue": "^6.0.8",
     "@vue/test-utils": "^2.4.11",
-    "@vueuse/core": "^14.3.0",
+    "@vueuse/core": "^14.4.0",
     "es-module-lexer": "^2.3.1",
     "happy-dom": "^20.11.1",
-    "liquidjs": "^10.27.2",
+    "liquidjs": "^10.28.0",
     "tailwindcss": "^4.3.3",
     "typescript": "^6.0.3",
     "vanilla-colorful": "^0.7.2",
-    "vite": "^8.1.5",
+    "vite": "^8.2.0",
     "vitest": "^4.1.10",
     "vue": "^3.5.40",
     "vue-draggable-plus": "^0.6.1",
-    "vue-tsc": "^3.3.8",
-    "@templatical/core": "0.23.0",
-    "@templatical/quality": "0.23.0",
-    "@templatical/types": "0.23.0"
+    "vue-tsc": "^3.3.9",
+    "@templatical/core": "0.24.1",
+    "@templatical/quality": "0.24.1",
+    "@templatical/types": "0.24.1"
   },
   "exports": {
     ".": {
@@ -62,9 +62,9 @@
   "license": "SEE LICENSE IN LICENSE",
   "module": "./dist/templatical-editor.js",
   "peerDependencies": {
-    "@templatical/media-library": "0.23.0",
-    "@templatical/quality": "0.23.0",
-    "@templatical/renderer": "0.23.0"
+    "@templatical/media-library": "0.24.1",
+    "@templatical/quality": "0.24.1",
+    "@templatical/renderer": "0.24.1"
   },
   "peerDependenciesMeta": {
     "@templatical/renderer": {

package/dist/BlockPreviewCanvas-MD9BGuXV.js

@@ -1,115 +0,0 @@
-import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { A as t, Dt as n, M as r, N as i, O as a, _ as o, c as s, d as c, l, nt as u, r as d, s as f, x as p } from "./vue.runtime.esm-bundler-B0xoGkDv.js";
-import { a as m, b as h, d as g, f as _, g as v, h as y, i as b, l as x, m as S, n as C, p as w, r as T, v as E, y as D, z as O } from "./useEditorCore-CuMMIfiS.js";
-import { d as k, h as A, o as j } from "./keys-CHPcp-Nz.js";
-import { n as M, t as N } from "./emailFrameWidth-BmFCN2dp.js";
-//#region src/components/blocks/PreviewSectionBlock.vue?vue&type=script&setup=true&lang.ts
-var P = { class: "tpl:w-full" }, F = { class: "tpl:flex tpl:gap-0" }, I = /* @__PURE__ */ o({
-	name: "PreviewSectionBlock",
-	__name: "PreviewSectionBlock",
-	props: {
-		block: {},
-		viewport: {}
-	},
-	setup(e) {
-		let o = {
-			title: x,
-			paragraph: S,
-			image: v,
-			video: C,
-			button: O,
-			divider: D,
-			social: m,
-			menu: y,
-			table: T,
-			spacer: b,
-			html: E,
-			custom: h
-		}, _ = e, k = p(j, null), A = f(() => {
-			switch (_.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%"];
-			}
-		}), M = f(() => {
-			let e = A.value.length, t = [..._.block.children];
-			for (; t.length < e;) t.push([]);
-			return t.slice(0, e);
-		});
-		function N(e) {
-			return M.value[e] || [];
-		}
-		function I(e) {
-			return w(e, k, o);
-		}
-		return (e, o) => {
-			let f = r("PreviewSectionBlock", !0);
-			return a(), c("div", P, [s("div", F, [(a(!0), c(d, null, t(M.value, (e, r) => (a(), c("div", {
-				key: r,
-				style: n({ width: A.value[r] })
-			}, [(a(!0), c(d, null, t(N(r), (e) => (a(), c("div", {
-				key: e.id,
-				style: n(u(g)(e))
-			}, [e.type === "section" ? (a(), l(f, {
-				key: 0,
-				block: e,
-				viewport: "desktop"
-			}, null, 8, ["block"])) : (a(), l(i(I(e)), {
-				key: 1,
-				block: e,
-				viewport: "desktop"
-			}, null, 8, ["block"]))], 4))), 128))], 4))), 128))])]);
-		};
-	}
-}), L = /*@__PURE__*/ o({
-	__name: "BlockPreviewCanvas",
-	props: {
-		blocks: {},
-		viewport: { default: "desktop" }
-	},
-	setup(e) {
-		let r = e, o = p(j), s = p(A, null), P = p(k, null), F = f(() => r.blocks.filter((e) => !P?.isHidden(e.id))), L = f(() => M(s?.content.value.settings, r.viewport)), R = f(() => s ? _(s.content.value.settings) : {}), z = {
-			section: I,
-			title: x,
-			paragraph: S,
-			image: v,
-			video: C,
-			button: O,
-			divider: D,
-			social: m,
-			menu: y,
-			table: T,
-			spacer: b,
-			html: E,
-			custom: h
-		};
-		function B(e) {
-			return w(e, o, z);
-		}
-		return (r, o) => (a(), c("div", {
-			"data-testid": "block-preview-canvas",
-			class: "tpl:pointer-events-none tpl:mx-auto tpl:select-none tpl:rounded-lg",
-			style: n({
-				width: `${L.value}px`,
-				transition: u(N),
-				backgroundColor: "var(--tpl-canvas-bg)",
-				boxShadow: "var(--tpl-shadow-sm)",
-				...R.value
-			})
-		}, [(a(!0), c(d, null, t(F.value, (t) => (a(), c("div", {
-			key: t.id,
-			style: n(u(g)(t))
-		}, [(a(), l(i(B(t)), {
-			block: t,
-			viewport: e.viewport
-		}, null, 8, ["block", "viewport"]))], 4))), 128))], 4));
-	}
-}), R = /* @__PURE__ */ e({ default: () => z }), z = L;
-//#endregion
-export { R as n, z as t };