@templatical/editor 0.26.3 → 0.27.1

package/dist/{x-Mby7KlhS.js → x-BjTlFqRv.js}

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

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@templatical/editor",
   "description": "Vue 3 visual drag-and-drop email editor powered by Templatical",
-  "version": "0.26.3",
+  "version": "0.27.1",
   "bugs": "https://github.com/templatical/sdk/issues",
   "devDependencies": {
     "@lucide/vue": "^1.31.0",
@@ -21,7 +21,7 @@
     "@vitejs/plugin-vue": "^6.0.8",
     "@vue/test-utils": "^2.4.11",
     "@vueuse/core": "^14.4.0",
-    "es-module-lexer": "^2.3.1",
+    "es-module-lexer": "^2.3.2",
     "happy-dom": "^20.11.2",
     "liquidjs": "^10.29.0",
     "tailwindcss": "^4.3.3",
@@ -32,9 +32,9 @@
     "vue": "^3.5.41",
     "vue-draggable-plus": "^0.6.1",
     "vue-tsc": "^3.3.10",
-    "@templatical/core": "0.26.3",
-    "@templatical/quality": "0.26.3",
-    "@templatical/types": "0.26.3"
+    "@templatical/core": "0.27.1",
+    "@templatical/types": "0.27.1",
+    "@templatical/quality": "0.27.1"
   },
   "exports": {
     ".": {
@@ -62,9 +62,9 @@
   "license": "SEE LICENSE IN LICENSE",
   "module": "./dist/templatical-editor.js",
   "peerDependencies": {
-    "@templatical/media-library": "0.26.3",
-    "@templatical/quality": "0.26.3",
-    "@templatical/renderer": "0.26.3"
+    "@templatical/media-library": "0.27.1",
+    "@templatical/quality": "0.27.1",
+    "@templatical/renderer": "0.27.1"
   },
   "peerDependenciesMeta": {
     "@templatical/renderer": {

package/dist/AiFeatureMenu-Cy-PVrNT.js

@@ -1,63 +0,0 @@
-import { A as e, Dt as t, N as n, O as r, Ot as i, _ as a, c as o, d as s, l as c, r as l, s as u } from "./vue.runtime.esm-bundler-D1diBMsm.js";
-import "./useEditorCore-P4UkhcyS.js";
-import { G as d, t as f } from "./keys-fwF3qZax.js";
-import { t as p } from "./image-up-Ceggh_R3.js";
-import { t as m } from "./shield-check-qje8Kufw.js";
-import { t as h } from "./sparkles-DumaWRW-.js";
-import { t as g } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { n as _ } from "./useCloudI18n-DKVm6PCa.js";
-//#region src/cloud/components/AiFeatureMenu.vue?vue&type=script&setup=true&lang.ts
-var v = {
-	class: "tpl-ai-feature-menu tpl:w-[280px] tpl:overflow-hidden tpl:rounded-[var(--tpl-radius)] tpl:py-1 tpl:bg-[var(--tpl-bg-elevated)] tpl:border tpl:border-[var(--tpl-border)] tpl:shadow-[var(--tpl-shadow-lg)]",
-	style: {
-		"backdrop-filter": "blur(8px)",
-		"-webkit-backdrop-filter": "blur(8px)"
-	}
-}, y = ["onClick"], b = { class: "tpl:flex tpl:min-w-0 tpl:flex-col tpl:gap-0.5" }, x = { class: "tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-text)]" }, S = { class: "tpl:text-xs tpl:leading-snug tpl:text-[var(--tpl-text-muted)]" }, C = /*#__PURE__*/ g(/* @__PURE__ */ a({
-	__name: "AiFeatureMenu",
-	props: { activeFeature: {} },
-	emits: ["select"],
-	setup(a, { emit: g }) {
-		let C = g, { t: w } = _(), T = d(f, "AiFeatureMenu"), E = {
-			"ai-chat": "chat",
-			"design-reference": "designToTemplate",
-			scoring: "scoring"
-		}, D = [
-			{
-				key: "ai-chat",
-				icon: h
-			},
-			{
-				key: "design-reference",
-				icon: p
-			},
-			{
-				key: "scoring",
-				icon: m
-			}
-		], O = u(() => D.filter((e) => T.isFeatureEnabled(E[e.key])));
-		function k(e) {
-			return e === "ai-chat" ? w.aiMenu.aiAssistant : e === "design-reference" ? w.aiMenu.designToTemplate : w.aiMenu.templateScore;
-		}
-		function A(e) {
-			return e === "ai-chat" ? w.aiMenu.aiAssistantDesc : e === "design-reference" ? w.aiMenu.designToTemplateDesc : w.aiMenu.templateScoreDesc;
-		}
-		return (u, d) => (r(), s("div", v, [(r(!0), s(l, null, e(O.value, (e) => (r(), s("button", {
-			key: e.key,
-			class: "tpl-ai-feature-menu-item tpl:flex tpl:w-full tpl:cursor-pointer tpl:items-start tpl:gap-3 tpl:border-none tpl:px-3 tpl:py-2.5 tpl:text-left tpl:transition-colors tpl:duration-100",
-			style: t({ backgroundColor: a.activeFeature === e.key ? "var(--tpl-primary-light)" : "transparent" }),
-			onClick: (t) => C("select", e.key)
-		}, [o("div", {
-			class: "tpl:mt-0.5 tpl:flex tpl:size-7 tpl:shrink-0 tpl:items-center tpl:justify-center tpl:rounded-[var(--tpl-radius-sm)]",
-			style: t({
-				backgroundColor: a.activeFeature === e.key ? "var(--tpl-primary)" : "var(--tpl-bg-active)",
-				color: a.activeFeature === e.key ? "var(--tpl-bg)" : "var(--tpl-text-muted)"
-			})
-		}, [(r(), c(n(e.icon), {
-			size: 15,
-			"stroke-width": 2
-		}))], 4), o("div", b, [o("span", x, i(k(e.key)), 1), o("span", S, i(A(e.key)), 1)])], 12, y))), 128))]));
-	}
-}), [["__scopeId", "data-v-07839fa3"]]);
-//#endregion
-export { C as default };

package/dist/BlockPreviewCanvas-BZKslwGI.js

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