@templatical/editor 0.12.1 → 0.14.0

package/dist/{useI18n-CTs_bP9d.js → useI18n-BWqM8i78.js}

@@ -1,5 +1,5 @@
-import { G as e, w as t } from "./vue.runtime.esm-bundler-B2k01iQh.js";
-import { j as n } from "./keys-mFiJ5N0_.js";
+import { G as e, w as t } from "./vue.runtime.esm-bundler-BPa483TZ.js";
+import { F as n } from "./keys-DgYXDafq.js";
 //#region src/composables/useI18n.ts
 function r(r) {
 	let i = r ?? t(n, null);

package/dist/{useMergeTag-e3RSY-s3.js → useMergeTag-NHC4ylza.js}

@@ -1,9 +1,9 @@
-import { X as e, w as t } from "./vue.runtime.esm-bundler-B2k01iQh.js";
+import { X as e, w as t } from "./vue.runtime.esm-bundler-BPa483TZ.js";
 import { T as n, k as r, r as i } from "./dist-BctFrpeA.js";
-import { S as a, b as o, w as s, x as c, y as l } from "./keys-mFiJ5N0_.js";
+import { C as a, O as o, S as s, T as c, w as l } from "./keys-DgYXDafq.js";
 //#region src/composables/useMergeTag.ts
 function u() {
-	let u = t(l, []), d = t(a, i.liquid), f = t(s, null), p = t(o, !0), m = t(c, null), h = e(!1);
+	let u = t(s, []), d = t(c, i.liquid), f = t(o, null), p = t(a, !0), m = t(l, null), h = e(!1);
 	function g(e) {
 		return r(e, d);
 	}

package/dist/usePopoverRoot-B1sdY4es.js

@@ -0,0 +1,8 @@
+import { X as e, w as t } from "./vue.runtime.esm-bundler-BPa483TZ.js";
+import { A as n } from "./keys-DgYXDafq.js";
+//#region src/composables/usePopoverRoot.ts
+function r() {
+	return t(n, e(null));
+}
+//#endregion
+export { r as t };

package/dist/{vue.runtime.esm-bundler-B2k01iQh.js → vue.runtime.esm-bundler-BPa483TZ.js}

@@ -1478,7 +1478,13 @@ var Gr = /* @__PURE__ */ new WeakMap(), Kr = /* @__PURE__ */ Symbol("_vte"), qr
 			r ? (o !== "svg" && Xr(r) ? o = "svg" : o !== "mathml" && Zr(r) && (o = "mathml"), i && i.isCE && (i.ce._teleportTargets || (i.ce._teleportTargets = /* @__PURE__ */ new Set())).add(r), n || (b(e, r, a), ri(e, !1))) : process.env.NODE_ENV !== "production" && !n && B("Invalid Teleport target on mount:", r, `(${typeof r})`);
 		}, S = (e) => {
 			let t = () => {
-				Gr.get(e) === t && (Gr.delete(e), Jr(e.props) && (b(e, _(e.el) || n, e.anchor), ri(e, !0)), x(e));
+				if (Gr.get(e) === t) {
+					if (Gr.delete(e), Jr(e.props)) {
+						let t = _(e.el) || n;
+						b(e, t, e.anchor), ri(e, !0);
+					}
+					x(e);
+				}
 			};
 			Gr.set(e, t), J(t, a);
 		};
@@ -2876,7 +2882,10 @@ function jo(e, i) {
 			}
 		}
 	}, E = (e, t, n, r, i, a, o, s, c = 0) => {
-		for (let l = c; l < e.length; l++) v(null, e[l] = s ? ps(e[l]) : fs(e[l]), t, n, r, i, a, o, s);
+		for (let l = c; l < e.length; l++) {
+			let c = e[l] = s ? ps(e[l]) : fs(e[l]);
+			v(null, c, t, n, r, i, a, o, s);
+		}
 	}, re = (e, n, r, i, a, o, s) => {
 		let l = n.el = e.el;
 		process.env.NODE_ENV !== "production" && (l.__vnode = n);
@@ -2899,8 +2908,8 @@ function jo(e, i) {
 		}, i);
 	}, D = (e, t, n, r, i, a, o) => {
 		for (let s = 0; s < t.length; s++) {
-			let c = e[s], l = t[s];
-			v(c, l, c.el && (c.type === Y || !$o(c, l) || c.shapeFlag & 198) ? m(c.el) : n, null, r, i, a, o, !0);
+			let c = e[s], l = t[s], u = c.el && (c.type === Y || !$o(c, l) || c.shapeFlag & 198) ? m(c.el) : n;
+			v(c, l, u, null, r, i, a, o, !0);
 		}
 	}, ie = (e, n, r, i, a) => {
 		if (n !== r) {

package/dist/{x-CGjkjdKK.js → x-DiPIbccg.js}

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

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@templatical/editor",
   "description": "Vue 3 visual drag-and-drop email editor powered by Templatical",
-  "version": "0.12.1",
+  "version": "0.14.0",
   "bugs": "https://github.com/templatical/sdk/issues",
   "devDependencies": {
-    "@lucide/vue": "^1.21.0",
+    "@lucide/vue": "^1.23.0",
     "@tiptap/core": "^3.27.1",
     "@tiptap/extension-color": "^3.27.1",
     "@tiptap/extension-font-family": "^3.27.1",
@@ -21,20 +21,20 @@
     "@vitejs/plugin-vue": "^6.0.7",
     "@vue/test-utils": "^2.4.11",
     "@vueuse/core": "^14.3.0",
-    "es-module-lexer": "^2.1.0",
+    "es-module-lexer": "^2.3.0",
     "happy-dom": "^20.10.6",
     "liquidjs": "^10.27.1",
-    "tailwindcss": "^4.3.1",
+    "tailwindcss": "^4.3.2",
     "typescript": "^6.0.3",
     "vanilla-colorful": "^0.7.2",
-    "vite": "^8.1.0",
+    "vite": "^8.1.3",
     "vitest": "^4.1.9",
     "vue": "^3.5.39",
     "vue-draggable-plus": "^0.6.1",
-    "vue-tsc": "^3.3.5",
-    "@templatical/core": "0.12.1",
-    "@templatical/quality": "0.12.1",
-    "@templatical/types": "0.12.1"
+    "vue-tsc": "^3.3.6",
+    "@templatical/core": "0.14.0",
+    "@templatical/quality": "0.14.0",
+    "@templatical/types": "0.14.0"
   },
   "exports": {
     ".": {
@@ -62,9 +62,9 @@
   "license": "SEE LICENSE IN LICENSE",
   "module": "./dist/templatical-editor.js",
   "peerDependencies": {
-    "@templatical/quality": "0.12.1",
-    "@templatical/media-library": "0.12.1",
-    "@templatical/renderer": "0.12.1"
+    "@templatical/media-library": "0.14.0",
+    "@templatical/quality": "0.14.0",
+    "@templatical/renderer": "0.14.0"
   },
   "peerDependenciesMeta": {
     "@templatical/renderer": {

package/dist/ModuleBrowserModal-Bz9hSjMS.js

@@ -1,198 +0,0 @@
-import { A as e, B as t, F as n, L as r, M as i, X as a, a as ee, b as o, c as s, d as c, f as l, h as u, i as te, l as d, m as ne, ot as re, p as f, rt as p, st as m, v as h, y as ie, z as ae } from "./vue.runtime.esm-bundler-B2k01iQh.js";
-import "./useEditorCore-D7dQFRkw.js";
-import { D as oe, N as g, m as se } from "./keys-mFiJ5N0_.js";
-import { t as ce } from "./useI18n-CTs_bP9d.js";
-import { n as le, r as _, t as v } from "./blockTypeIcons-C6UGDmrC.js";
-import { t as ue } from "./trash-2-DpGb7fIt.js";
-import { t as de } from "./x-CGjkjdKK.js";
-import { n as fe } from "./useCloudI18n-L3H2XvdW.js";
-import { t as pe } from "./TplModal-utMtXzSO.js";
-//#region src/cloud/components/ModuleBrowserModal.vue?vue&type=script&setup=true&lang.ts
-var me = {
-	role: "dialog",
-	"aria-modal": "true",
-	"aria-labelledby": "tpl-module-browser-title",
-	class: "tpl-scale-in tpl:mx-4 tpl:flex tpl:w-full tpl:max-w-[1000px] tpl:flex-col tpl:rounded-[var(--tpl-radius-lg)]",
-	style: {
-		"background-color": "var(--tpl-bg-elevated)",
-		"box-shadow": "var(--tpl-shadow-xl)",
-		"max-height": "90vh"
-	}
-}, he = { class: "tpl:flex tpl:items-center tpl:justify-between tpl:border-b tpl:px-5 tpl:py-4 tpl:border-[var(--tpl-border)]" }, y = {
-	id: "tpl-module-browser-title",
-	class: "tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]"
-}, b = ["aria-label"], x = { class: "tpl:flex tpl:min-h-0 tpl:flex-1 tpl:overflow-hidden" }, S = { class: "tpl:flex tpl:w-[300px] tpl:shrink-0 tpl:flex-col tpl:overflow-hidden" }, C = { class: "tpl:px-4 tpl:pt-4 tpl:pb-3" }, w = { class: "tpl:relative" }, T = ["placeholder"], E = { class: "tpl:flex-1 tpl:overflow-y-auto tpl:px-4 tpl:pb-4" }, D = {
-	key: 0,
-	class: "tpl:flex tpl:flex-col tpl:gap-1"
-}, O = ["aria-pressed", "onClick"], k = { class: "tpl:flex tpl:items-center tpl:gap-2" }, A = { class: "tpl:flex-1 tpl:truncate tpl:text-xs tpl:font-semibold tpl:text-[var(--tpl-text)]" }, j = { class: "tpl:shrink-0 tpl:rounded-full tpl:px-1.5 tpl:py-0.5 tpl:text-[10px] tpl:font-medium tpl:bg-[var(--tpl-bg-hover)] tpl:text-[var(--tpl-text-muted)]" }, M = { class: "tpl:mt-1 tpl:flex tpl:items-center tpl:gap-1" }, N = {
-	key: 0,
-	class: "tpl:text-[10px] tpl:text-[var(--tpl-text-dim)]"
-}, P = ["aria-label", "onClick"], F = [
-	"aria-label",
-	"title",
-	"onClick"
-], I = {
-	key: 1,
-	class: "tpl:flex tpl:flex-col tpl:items-center tpl:justify-center tpl:py-12"
-}, L = { class: "tpl:mt-2 tpl:text-xs tpl:text-[var(--tpl-text-dim)]" }, R = { class: "tpl:flex tpl:flex-1 tpl:flex-col tpl:overflow-hidden tpl:border-l tpl:border-[var(--tpl-border)]" }, ge = {
-	key: 0,
-	class: "tpl:flex tpl:flex-1 tpl:flex-col tpl:overflow-hidden"
-}, _e = { class: "tpl:flex-1 tpl:overflow-y-auto tpl:p-4" }, ve = {
-	key: 1,
-	class: "tpl:flex tpl:flex-1 tpl:flex-col tpl:items-center tpl:justify-center tpl:px-4"
-}, ye = { class: "tpl:mt-2 tpl:text-center tpl:text-xs tpl:text-[var(--tpl-text-dim)]" }, be = { class: "tpl:flex tpl:items-center tpl:justify-between tpl:border-t tpl:px-5 tpl:py-3 tpl:border-[var(--tpl-border)]" }, xe = { class: "tpl:flex tpl:items-center tpl:gap-2" }, Se = { class: "tpl:shrink-0 tpl:text-xs tpl:text-[var(--tpl-text-dim)]" }, Ce = ["value"], we = { class: "tpl:flex tpl:gap-2" }, Te = ["disabled"], z = /* @__PURE__ */ o({
-	__name: "ModuleBrowserModal",
-	props: { visible: { type: Boolean } },
-	emits: ["close", "insert"],
-	setup(o, { emit: z }) {
-		let Ee = o, B = z, De = ie(() => import("./ModulePreviewCanvas-CpaumPMS.js")), { t: Oe } = ce(), { t: V } = fe(), H = g(oe, "ModuleBrowserModal"), U = g(se, "ModuleBrowserModal"), W = a(""), G = a(null), K = a(null), q = a("end"), J = c(() => {
-			let e = H.modules.value;
-			if (!W.value) return e;
-			let t = W.value.toLowerCase();
-			return e.filter((e) => e.name.toLowerCase().includes(t));
-		}), Y = c(() => G.value ? H.modules.value.find((e) => e.id === G.value) ?? null : null), X = c(() => {
-			let e = [{
-				value: "beginning",
-				label: V.modules.insertAtBeginning
-			}], t = U.content.value.blocks;
-			for (let n = 0; n < t.length; n++) {
-				let r = t[n], i = r.type, a = Oe.blocks[i] ?? r.type;
-				e.push({
-					value: r.id,
-					label: V.modules.insertAfterBlock.replace("{block}", `${a} ${n + 1}`)
-				});
-			}
-			return e.push({
-				value: "end",
-				label: V.modules.insertAtEnd
-			}), e;
-		}), ke = c(() => {
-			if (q.value === "end") return;
-			if (q.value === "beginning") return 0;
-			let e = U.content.value.blocks.findIndex((e) => e.id === q.value);
-			if (e !== -1) return e + 1;
-		});
-		r(() => Ee.visible, (e) => {
-			if (e) {
-				W.value = "", G.value = null, K.value = null;
-				let e = U.state.selectedBlockId;
-				e ? q.value = U.content.value.blocks.findIndex((t) => t.id === e) === -1 ? "end" : e : q.value = "end";
-			}
-		});
-		function Ae(e) {
-			let t = [], n = /* @__PURE__ */ new Set();
-			for (let r of e.content) if (!n.has(r.type) && v[r.type] && (n.add(r.type), t.push({
-				type: r.type,
-				icon: v[r.type]
-			})), t.length >= 5) break;
-			return t;
-		}
-		function Z(e) {
-			let t = new Set(e.content.map((e) => e.type));
-			return Math.max(0, t.size - 5);
-		}
-		async function je(e) {
-			try {
-				await H.deleteModule(e), G.value === e && (G.value = null);
-			} finally {
-				K.value = null;
-			}
-		}
-		function Q() {
-			Y.value && B("insert", Y.value, ke.value);
-		}
-		function $() {
-			B("close");
-		}
-		function Me(e) {
-			e.key === "Escape" && $(), e.key === "Enter" && Y.value && (e.preventDefault(), Q());
-		}
-		return (r, a) => (e(), f(pe, {
-			visible: o.visible,
-			onClose: $,
-			onKeydown: Me
-		}, {
-			default: ae(() => [l("div", me, [
-				l("div", he, [l("h3", y, m(p(V).modules.browse), 1), l("button", {
-					"aria-label": p(V).modules.close,
-					class: "tpl:cursor-pointer tpl:rounded-md tpl:border-none tpl:bg-transparent tpl:p-1 tpl:transition-colors tpl:duration-100 tpl:text-[var(--tpl-text-dim)]",
-					onClick: $
-				}, [h(p(de), {
-					size: 16,
-					"stroke-width": 2
-				})], 8, b)]),
-				l("div", x, [l("div", S, [l("div", C, [l("div", w, [h(p(le), {
-					size: 14,
-					"stroke-width": 2,
-					class: "tpl:pointer-events-none tpl:absolute tpl:left-3 tpl:top-1/2 tpl:-translate-y-1/2 tpl:text-[var(--tpl-text-dim)]"
-				}), t(l("input", {
-					"onUpdate:modelValue": a[0] ||= (e) => W.value = e,
-					type: "text",
-					placeholder: p(V).modules.search,
-					class: "tpl:h-9 tpl:w-full tpl:rounded-md tpl:border tpl:pl-9 tpl:pr-3 tpl:text-sm tpl:outline-none tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:text-[var(--tpl-text)]"
-				}, null, 8, T), [[ee, W.value]])])]), l("div", E, [J.value.length > 0 ? (e(), u("div", D, [(e(!0), u(d, null, i(J.value, (t) => (e(), u("button", {
-					key: t.id,
-					type: "button",
-					"aria-pressed": G.value === t.id,
-					class: "tpl:group/card tpl:w-full tpl:cursor-pointer tpl:rounded-[var(--tpl-radius-md)] tpl:border tpl:bg-transparent tpl:px-3 tpl:py-2 tpl:text-left tpl:transition-all tpl:duration-[120ms]",
-					style: re({
-						borderColor: G.value === t.id ? "var(--tpl-primary)" : "var(--tpl-border)",
-						backgroundColor: G.value === t.id ? "var(--tpl-primary-light)" : "transparent"
-					}),
-					onClick: (e) => G.value = t.id
-				}, [l("div", k, [l("span", A, m(t.name), 1), l("span", j, m(p(V).modules.blockCount.replace("{count}", String(t.content.length))), 1)]), l("div", M, [
-					(e(!0), u(d, null, i(Ae(t), (t) => (e(), f(n(t.icon), {
-						key: t.type,
-						size: 14,
-						"stroke-width": 1.5,
-						class: "tpl:text-[var(--tpl-text-dim)]"
-					}))), 128)),
-					Z(t) > 0 ? (e(), u("span", N, " +" + m(Z(t)), 1)) : ne("", !0),
-					K.value === t.id ? (e(), u("button", {
-						key: 1,
-						"aria-label": p(V).modules.deleteConfirm,
-						class: "tpl:ml-auto tpl:cursor-pointer tpl:rounded-md tpl:border tpl:px-2 tpl:py-0.5 tpl:text-[10px] tpl:font-medium tpl:transition-colors tpl:duration-100 tpl:border-[var(--tpl-danger)] tpl:text-[var(--tpl-danger)]",
-						style: { "background-color": "transparent" },
-						onClick: s((e) => je(t.id), ["stop"])
-					}, m(p(V).modules.deleteConfirm), 9, P)) : (e(), u("button", {
-						key: 2,
-						class: "tpl-module-delete-btn tpl:ml-auto tpl:cursor-pointer tpl:rounded-md tpl:border-none tpl:bg-transparent tpl:p-0.5 tpl:transition-colors tpl:duration-100 tpl:text-[var(--tpl-text-dim)]",
-						"aria-label": p(V).modules.delete,
-						title: p(V).modules.delete,
-						onClick: s((e) => K.value = t.id, ["stop"])
-					}, [h(p(ue), {
-						size: 12,
-						"stroke-width": 1.5
-					})], 8, F))
-				])], 12, O))), 128))])) : (e(), u("div", I, [h(p(_), {
-					size: 32,
-					"stroke-width": 1,
-					class: "tpl:text-[var(--tpl-text-dim)]"
-				}), l("p", L, m(W.value ? p(V).modules.noModules : p(V).modules.noModulesHint), 1)]))])]), l("div", R, [Y.value ? (e(), u("div", ge, [l("div", _e, [h(p(De), { blocks: Y.value.content }, null, 8, ["blocks"])])])) : (e(), u("div", ve, [h(p(_), {
-					size: 32,
-					"stroke-width": 1,
-					class: "tpl:text-[var(--tpl-text-dim)]"
-				}), l("p", ye, m(p(V).modules.selectToPreview), 1)]))])]),
-				l("div", be, [l("div", xe, [l("label", Se, m(p(V).modules.insertPosition), 1), t(l("select", {
-					"onUpdate:modelValue": a[1] ||= (e) => q.value = e,
-					class: "tpl:h-7 tpl:max-w-[220px] tpl:rounded-md tpl:border tpl:px-2 tpl:text-xs tpl:outline-none tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:text-[var(--tpl-text)]"
-				}, [(e(!0), u(d, null, i(X.value, (t) => (e(), u("option", {
-					key: t.value,
-					value: t.value
-				}, m(t.label), 9, Ce))), 128))], 512), [[te, q.value]])]), l("div", we, [l("button", {
-					type: "button",
-					class: "tpl:cursor-pointer tpl:rounded-md tpl:border tpl:px-3 tpl:py-1.5 tpl:text-sm tpl:font-medium tpl:shadow-xs tpl:transition-all tpl:duration-150 tpl:border-[var(--tpl-border)] tpl:text-[var(--tpl-text)] tpl:bg-[var(--tpl-bg)]",
-					onClick: $
-				}, m(p(V).modules.close), 1), l("button", {
-					type: "button",
-					class: "tpl:cursor-pointer tpl:rounded-md tpl:px-3 tpl:py-1.5 tpl:text-sm tpl:font-medium tpl:shadow-xs tpl:transition-all tpl:duration-150 tpl:hover:opacity-90 tpl:disabled:cursor-not-allowed tpl:disabled:opacity-50 tpl:bg-[var(--tpl-primary)] tpl:text-[var(--tpl-bg)]",
-					disabled: !Y.value,
-					onClick: Q
-				}, m(p(V).modules.insert), 9, Te)])])
-			])]),
-			_: 1
-		}, 8, ["visible"]));
-	}
-});
-//#endregion
-export { z as default };