@templatical/editor 0.22.0 → 0.24.0

package/dist/{AiChatSidebar-K_AehWc-.js → AiChatSidebar-Nq-jrGaf.js}

@@ -1,7 +1,7 @@
 import { A as e, Et as t, I as n, O as r, Ot as i, R as ee, Y as a, _ as o, c as s, d as c, h as l, l as u, m as d, nt as f, r as p, u as m, w as te, x as ne, z as re } from "./vue.runtime.esm-bundler-B0xoGkDv.js";
 import { a as h, t as g } from "./runtime-dom.esm-bundler-GdMI8WqG.js";
 import { m as ie, p as ae } from "./dist-DYv_Pttj.js";
-import { B as _, T as oe, c as se, h as ce, r as le } from "./keys-CHPcp-Nz.js";
+import { H as _, T as oe, c as se, h as ce, r as le } from "./keys-BVlG5Ozc.js";
 import { t as v } from "./createLucideIcon-JWHwTI6N.js";
 import { t as ue } from "./circle-alert-CgtE46ND.js";
 import { t as de } from "./loader-circle-C-Z6kgI6.js";
@@ -12,7 +12,7 @@ import { t as me } from "./x-CkD6A1iB.js";
 import { t as b } from "./LoadingTrack-KIcREPlS.js";
 import { t as x } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { t as S } from "./useAliveFlag-C43EhZFY.js";
-import { a as C } from "./cloud-Du7mnkz2.js";
+import { o as C } from "./cloud-DsUct4Zq.js";
 var w = v("redo-2", [["path", {
 	d: "m15 14 5-5-5-5",
 	key: "12vg1m"

package/dist/{AiFeatureMenu-CcqjRMFW.js → AiFeatureMenu-tg_zMKMK.js}

@@ -1,11 +1,11 @@
 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-B0xoGkDv.js";
-import "./useEditorCore-CuMMIfiS.js";
-import { B as d, t as f } from "./keys-CHPcp-Nz.js";
+import "./useEditorCore-DOrGex_t.js";
+import { H as d, t as f } from "./keys-BVlG5Ozc.js";
 import { t as p } from "./image-up-CQdtq8ge.js";
 import { t as m } from "./shield-check-B7x5OKt5.js";
 import { t as h } from "./sparkles-DVlm1Ipp.js";
 import { t as g } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { n as _ } from "./useCloudI18n-BmiygEM4.js";
+import { n as _ } from "./useCloudI18n-DGr3b2SX.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)]",

package/dist/{BlockIssueBadge-Dmj9rVra.js → BlockIssueBadge-Bd94kIiw.js}

@@ -1,6 +1,6 @@
 import { Et as e, O as t, _ as n, d as r, l as i, nt as a, s as o, u as s, x as c } from "./vue.runtime.esm-bundler-B0xoGkDv.js";
-import { I as l } from "./keys-CHPcp-Nz.js";
-import { t as u } from "./useI18n-D2L9Mkik.js";
+import { L as l } from "./keys-BVlG5Ozc.js";
+import { t as u } from "./useI18n-BhAejA-x.js";
 import { t as d } from "./circle-alert-CgtE46ND.js";
 import { t as f } from "./triangle-alert-Djg6IG8N.js";
 //#region src/components/canvas/BlockIssueBadge.vue?vue&type=script&setup=true&lang.ts

package/dist/BlockPreviewCanvas-B34aMhHe.js

@@ -0,0 +1,117 @@
+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-B0xoGkDv.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-DOrGex_t.js";
+import { O as A, V as j, d as M, h as N, o as P } from "./keys-BVlG5Ozc.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" }
+	},
+	setup(e) {
+		let r = e, o = m(P), s = m(N, null), L = m(M, null), R = m(A, null);
+		l(j, p(() => R?.value ?? !1));
+		let B = p(() => r.blocks.filter((e) => !L?.isHidden(e.id))), 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 };