@templatical/editor 0.6.7 → 0.7.0

package/dist/{useI18n-CgmQftNf.js → useI18n-PEB8ioi_.js}

@@ -1,5 +1,5 @@
 import { G as e, w as t } from "./vue.runtime.esm-bundler-Bxqkjqhc.js";
-import { E as n } from "./keys-Bqs_0du9.js";
+import { O as n } from "./keys-B5SJtPWf.js";
 //#region src/composables/useI18n.ts
 function r(r) {
 	let i = r ?? t(n, null);

package/dist/{useMergeTag-vpwrZ9eQ.js → useMergeTag-C47xwU7X.js}

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

package/dist/usePopoverRoot-BxJrqnMD.js

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

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@templatical/editor",
   "description": "Vue 3 visual drag-and-drop email editor powered by Templatical",
-  "version": "0.6.7",
+  "version": "0.7.0",
   "bugs": "https://github.com/templatical/sdk/issues",
   "devDependencies": {
     "@lucide/vue": "^1.11.0",
@@ -33,9 +33,9 @@
     "vue": "^3.5.33",
     "vue-draggable-plus": "^0.6.0",
     "vue-tsc": "^3.2.7",
-    "@templatical/core": "0.6.7",
-    "@templatical/quality": "0.6.7",
-    "@templatical/types": "0.6.7"
+    "@templatical/core": "0.7.0",
+    "@templatical/quality": "0.7.0",
+    "@templatical/types": "0.7.0"
   },
   "exports": {
     ".": {
@@ -63,9 +63,9 @@
   "license": "SEE LICENSE IN LICENSE",
   "module": "./dist/templatical-editor.js",
   "peerDependencies": {
-    "@templatical/media-library": "0.6.7",
-    "@templatical/quality": "0.6.7",
-    "@templatical/renderer": "0.6.7"
+    "@templatical/media-library": "0.7.0",
+    "@templatical/quality": "0.7.0",
+    "@templatical/renderer": "0.7.0"
   },
   "peerDependenciesMeta": {
     "@templatical/renderer": {

package/dist/ModuleBrowserModal-CKhsaPnA.js

@@ -1,206 +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-Bxqkjqhc.js";
-import "./useEditorCore-CnXrv71D.js";
-import { C as oe, O as g, m as se } from "./keys-Bqs_0du9.js";
-import { t as ce } from "./useI18n-CgmQftNf.js";
-import { t as _ } from "./createLucideIcon-Di4mqmGn.js";
-import { n as v, t as y } from "./blockTypeIcons-iUurP50H.js";
-import { t as le } from "./trash-2-424iqbpN.js";
-import { t as ue } from "./x-Dlaenqta.js";
-import { n as de } from "./useCloudI18n-CL_AwWwi.js";
-import { t as fe } from "./TplModal-C3Hq9b58.js";
-var pe = _("search", [["path", {
-	d: "m21 21-4.34-4.34",
-	key: "14j7rj"
-}], ["circle", {
-	cx: "11",
-	cy: "11",
-	r: "8",
-	key: "4ej97u"
-}]]), 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)]" }, b = {
-	id: "tpl-module-browser-title",
-	class: "tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]"
-}, x = ["aria-label"], S = { class: "tpl:flex tpl:min-h-0 tpl:flex-1 tpl:overflow-hidden" }, C = { class: "tpl:flex tpl:w-[300px] tpl:shrink-0 tpl:flex-col tpl:overflow-hidden" }, w = { class: "tpl:px-4 tpl:pt-4 tpl:pb-3" }, T = { class: "tpl:relative" }, E = ["placeholder"], D = { class: "tpl:flex-1 tpl:overflow-y-auto tpl:px-4 tpl:pb-4" }, O = {
-	key: 0,
-	class: "tpl:flex tpl:flex-col tpl:gap-1"
-}, k = ["aria-pressed", "onClick"], A = { class: "tpl:flex tpl:items-center tpl:gap-2" }, j = { class: "tpl:flex-1 tpl:truncate tpl:text-xs tpl:font-semibold tpl:text-[var(--tpl-text)]" }, M = { 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)]" }, N = { class: "tpl:mt-1 tpl:flex tpl:items-center tpl:gap-1" }, P = {
-	key: 0,
-	class: "tpl:text-[10px] tpl:text-[var(--tpl-text-dim)]"
-}, F = ["aria-label", "onClick"], I = [
-	"aria-label",
-	"title",
-	"onClick"
-], L = {
-	key: 1,
-	class: "tpl:flex tpl:flex-col tpl:items-center tpl:justify-center tpl:py-12"
-}, R = { class: "tpl:mt-2 tpl:text-xs tpl:text-[var(--tpl-text-dim)]" }, ge = { class: "tpl:flex tpl:flex-1 tpl:flex-col tpl:overflow-hidden tpl:border-l tpl:border-[var(--tpl-border)]" }, _e = {
-	key: 0,
-	class: "tpl:flex tpl:flex-1 tpl:flex-col tpl:overflow-hidden"
-}, ve = { class: "tpl:flex-1 tpl:overflow-y-auto tpl:p-4" }, ye = {
-	key: 1,
-	class: "tpl:flex tpl:flex-1 tpl:flex-col tpl:items-center tpl:justify-center tpl:px-4"
-}, be = { class: "tpl:mt-2 tpl:text-center tpl:text-xs tpl:text-[var(--tpl-text-dim)]" }, xe = { class: "tpl:flex tpl:items-center tpl:justify-between tpl:border-t tpl:px-5 tpl:py-3 tpl:border-[var(--tpl-border)]" }, Se = { class: "tpl:flex tpl:items-center tpl:gap-2" }, Ce = { class: "tpl:shrink-0 tpl:text-xs tpl:text-[var(--tpl-text-dim)]" }, we = ["value"], Te = { class: "tpl:flex tpl:gap-2" }, Ee = ["disabled"], z = /* @__PURE__ */ o({
-	__name: "ModuleBrowserModal",
-	props: { visible: { type: Boolean } },
-	emits: ["close", "insert"],
-	setup(o, { emit: _ }) {
-		let z = o, B = _, De = ie(() => import("./ModulePreviewCanvas-Cw9GeGus.js")), { t: Oe } = ce(), { t: V } = de(), 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(() => z.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) && y[r.type] && (n.add(r.type), t.push({
-				type: r.type,
-				icon: y[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(fe, {
-			visible: o.visible,
-			onClose: $,
-			onKeydown: Me
-		}, {
-			default: ae(() => [l("div", me, [
-				l("div", he, [l("h3", b, 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(ue), {
-					size: 16,
-					"stroke-width": 2
-				})], 8, x)]),
-				l("div", S, [l("div", C, [l("div", w, [l("div", T, [h(p(pe), {
-					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, E), [[ee, W.value]])])]), l("div", D, [J.value.length > 0 ? (e(), u("div", O, [(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", A, [l("span", j, m(t.name), 1), l("span", M, m(p(V).modules.blockCount.replace("{count}", String(t.content.length))), 1)]), l("div", N, [
-					(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", P, " +" + 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, F)) : (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(le), {
-						size: 12,
-						"stroke-width": 1.5
-					})], 8, I))
-				])], 12, k))), 128))])) : (e(), u("div", L, [h(p(v), {
-					size: 32,
-					"stroke-width": 1,
-					class: "tpl:text-[var(--tpl-text-dim)]"
-				}), l("p", R, m(W.value ? p(V).modules.noModules : p(V).modules.noModulesHint), 1)]))])]), l("div", ge, [Y.value ? (e(), u("div", _e, [l("div", ve, [h(p(De), { blocks: Y.value.content }, null, 8, ["blocks"])])])) : (e(), u("div", ye, [h(p(v), {
-					size: 32,
-					"stroke-width": 1,
-					class: "tpl:text-[var(--tpl-text-dim)]"
-				}), l("p", be, m(p(V).modules.selectToPreview), 1)]))])]),
-				l("div", xe, [l("div", Se, [l("label", Ce, 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, we))), 128))], 512), [[te, q.value]])]), l("div", Te, [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, Ee)])])
-			])]),
-			_: 1
-		}, 8, ["visible"]));
-	}
-});
-//#endregion
-export { z as default };