@templatical/editor 0.22.0 → 0.24.0

package/dist/{useI18n-D2L9Mkik.js → useI18n-BhAejA-x.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 { z as n } from "./keys-BVlG5Ozc.js";
 //#region src/composables/useI18n.ts
 function r(r) {
 	let i = r ?? t(n, null);

package/dist/{useMergeTag-BTdDq5DC.js → useMergeTag-Ce95YIOO.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 { D as n, P as r, a as i } from "./dist-DPHqs0Yh.js";
+import { D as a, E as o, M as s, T as c, k as l } from "./keys-BVlG5Ozc.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-vjKJaqJf.js}

@@ -1,6 +1,6 @@
 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";
+import { P as S } from "./keys-BVlG5Ozc.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
 var C = g ? window : void 0;
 g && window.document, g && window.navigator, g && window.location;

package/package.json

@@ -1,23 +1,23 @@
 {
   "name": "@templatical/editor",
   "description": "Vue 3 visual drag-and-drop email editor powered by Templatical",
-  "version": "0.22.0",
+  "version": "0.24.0",
   "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",
+    "@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",
@@ -32,9 +32,9 @@
     "vue": "^3.5.40",
     "vue-draggable-plus": "^0.6.1",
     "vue-tsc": "^3.3.8",
-    "@templatical/core": "0.22.0",
-    "@templatical/quality": "0.22.0",
-    "@templatical/types": "0.22.0"
+    "@templatical/core": "0.24.0",
+    "@templatical/quality": "0.24.0",
+    "@templatical/types": "0.24.0"
   },
   "exports": {
     ".": {
@@ -62,9 +62,9 @@
   "license": "SEE LICENSE IN LICENSE",
   "module": "./dist/templatical-editor.js",
   "peerDependencies": {
-    "@templatical/media-library": "0.22.0",
-    "@templatical/quality": "0.22.0",
-    "@templatical/renderer": "0.22.0"
+    "@templatical/media-library": "0.24.0",
+    "@templatical/quality": "0.24.0",
+    "@templatical/renderer": "0.24.0"
   },
   "peerDependenciesMeta": {
     "@templatical/renderer": {

package/dist/SavedBlockPreviewCanvas-DXkGDYph.js

@@ -1,109 +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 { h as k, o as A } from "./keys-CHPcp-Nz.js";
-//#region src/components/blocks/PreviewSectionBlock.vue?vue&type=script&setup=true&lang.ts
-var j = { class: "tpl:w-full" }, M = { class: "tpl:flex tpl:gap-0" }, N = /* @__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(A, null), N = 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%"];
-			}
-		}), P = f(() => {
-			let e = N.value.length, t = [..._.block.children];
-			for (; t.length < e;) t.push([]);
-			return t.slice(0, e);
-		});
-		function F(e) {
-			return P.value[e] || [];
-		}
-		function I(e) {
-			return w(e, k, o);
-		}
-		return (e, o) => {
-			let f = r("PreviewSectionBlock", !0);
-			return a(), c("div", j, [s("div", M, [(a(!0), c(d, null, t(P.value, (e, r) => (a(), c("div", {
-				key: r,
-				style: n({ width: N.value[r] })
-			}, [(a(!0), c(d, null, t(F(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))])]);
-		};
-	}
-}), P = /*@__PURE__*/ o({
-	__name: "SavedBlockPreviewCanvas",
-	props: { blocks: {} },
-	setup(e) {
-		let r = p(A), o = p(k, null), s = f(() => o ? _(o.content.value.settings) : {}), j = {
-			section: N,
-			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 M(e) {
-			return w(e, r, j);
-		}
-		return (r, o) => (a(), c("div", {
-			"data-testid": "saved-blocks-preview-canvas",
-			class: "tpl:pointer-events-none tpl:mx-auto tpl:w-[600px] tpl:select-none tpl:rounded-lg",
-			style: n({
-				backgroundColor: "var(--tpl-canvas-bg)",
-				boxShadow: "var(--tpl-shadow-sm)",
-				...s.value
-			})
-		}, [(a(!0), c(d, null, t(e.blocks, (e) => (a(), c("div", {
-			key: e.id,
-			style: n(u(g)(e))
-		}, [(a(), l(i(M(e)), {
-			block: e,
-			viewport: "desktop"
-		}, null, 8, ["block"]))], 4))), 128))], 4));
-	}
-}), F = /* @__PURE__ */ e({ default: () => I }), I = P;
-//#endregion
-export { F as n, I as t };

package/dist/TestEmailModal-DComAFpR.js

@@ -1,95 +0,0 @@
-import { A as e, Et as t, I as n, O as r, Ot as i, R as a, Y as o, _ as s, c, d as l, h as u, l as d, m as f, nt as p, r as m, u as h, z as g } from "./vue.runtime.esm-bundler-B0xoGkDv.js";
-import { i as _ } from "./runtime-dom.esm-bundler-GdMI8WqG.js";
-import "./useEditorCore-CuMMIfiS.js";
-import { t as v } from "./loader-circle-C-Z6kgI6.js";
-import { n as y } from "./useCloudI18n-BmiygEM4.js";
-import { t as b } from "./TplModal-CykwWFhF.js";
-//#region src/cloud/components/TestEmailModal.vue?vue&type=script&setup=true&lang.ts
-var x = ["aria-busy"], S = {
-	id: "tpl-test-email-title",
-	class: "tpl:mb-4 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]"
-}, C = { class: "tpl:mb-3" }, w = { class: "tpl:mb-1.5 tpl:block tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-text-muted)]" }, T = ["value"], E = ["disabled"], D = ["value"], O = {
-	key: 0,
-	role: "alert",
-	class: "tpl:mb-3 tpl:text-xs tpl:text-[var(--tpl-danger)]"
-}, k = { class: "tpl:flex tpl:justify-end tpl:gap-2" }, A = ["disabled"], j = ["disabled"], M = {
-	key: 0,
-	class: "tpl:flex tpl:items-center tpl:gap-1.5"
-}, N = { key: 1 }, P = /* @__PURE__ */ s({
-	__name: "TestEmailModal",
-	props: {
-		visible: { type: Boolean },
-		allowedEmails: {},
-		isSending: { type: Boolean },
-		error: {}
-	},
-	emits: ["send", "close"],
-	setup(s, { emit: P }) {
-		let F = s, I = P, { t: L } = y(), R = o("");
-		n(() => F.visible, (e) => {
-			e && (R.value = F.allowedEmails[0] ?? "");
-		});
-		function z() {
-			!R.value || F.isSending || I("send", R.value);
-		}
-		function B() {
-			F.isSending || I("close");
-		}
-		function V(e) {
-			e.key === "Enter" && !e.shiftKey && (e.preventDefault(), z()), e.key === "Escape" && B();
-		}
-		return (n, o) => (r(), d(b, {
-			visible: s.visible,
-			onClose: B,
-			onKeydown: V
-		}, {
-			default: a(() => [c("div", {
-				role: "dialog",
-				"aria-modal": "true",
-				"aria-busy": s.isSending,
-				"aria-labelledby": "tpl-test-email-title",
-				class: "tpl-scale-in tpl:mx-4 tpl:w-full tpl:max-w-sm tpl:rounded-[var(--tpl-radius-lg)] tpl:p-5",
-				style: {
-					"background-color": "var(--tpl-bg-elevated)",
-					"box-shadow": "var(--tpl-shadow-xl)"
-				}
-			}, [
-				c("h3", S, i(p(L).testEmail.title), 1),
-				c("div", C, [c("label", w, i(p(L).testEmail.recipientLabel), 1), s.allowedEmails.length === 1 ? (r(), l("input", {
-					key: 0,
-					type: "text",
-					value: R.value,
-					disabled: "",
-					class: "tpl:h-9 tpl:w-full tpl:rounded-md tpl:border tpl:px-3 tpl:py-1 tpl:text-sm tpl:opacity-70 tpl:shadow-xs tpl:outline-none tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:text-[var(--tpl-text)]"
-				}, null, 8, T)) : g((r(), l("select", {
-					key: 1,
-					"onUpdate:modelValue": o[0] ||= (e) => R.value = e,
-					class: "tpl:h-9 tpl:w-full tpl:rounded-md tpl:border tpl:px-3 tpl:py-1 tpl:text-sm tpl:shadow-xs tpl:outline-none tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:text-[var(--tpl-text)]",
-					disabled: s.isSending
-				}, [(r(!0), l(m, null, e(s.allowedEmails, (e) => (r(), l("option", {
-					key: e,
-					value: e
-				}, i(e), 9, D))), 128))], 8, E)), [[_, R.value]])]),
-				s.error ? (r(), l("p", O, i(s.error), 1)) : h("", !0),
-				c("div", k, [c("button", {
-					type: "button",
-					class: t(["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)]", { "tpl:cursor-not-allowed tpl:opacity-50": s.isSending }]),
-					disabled: s.isSending,
-					onClick: B
-				}, i(p(L).testEmail.cancel), 11, A), c("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: !R.value || s.isSending,
-					onClick: z
-				}, [s.isSending ? (r(), l("span", M, [u(p(v), {
-					class: "tpl:animate-spin",
-					size: 12,
-					"stroke-width": 2
-				}), f(" " + i(p(L).testEmail.sending), 1)])) : (r(), l("span", N, i(p(L).testEmail.send), 1))], 8, j)])
-			], 8, x)]),
-			_: 1
-		}, 8, ["visible"]));
-	}
-});
-//#endregion
-export { P as default };