@aswin.dev/editor 0.7.1 → 0.7.3

package/dist/templatical-editor.js

@@ -1,19 +1,25 @@
-import { At as e, C as t, Ft as n, M as r, N as i, P as a, T as o, U as s, W as c, _ as l, b as u, et as d, f, g as p, h as m, j as ee, jt as h, l as g, m as _, n as v, st as y, t as te, v as b, x } from "./vue.runtime.esm-bundler-CjauPXjj.js";
-import { r as S } from "./timeouts-BSGxjuUF.js";
-import { f as ne, r as re } from "./dist-C04s_fLA.js";
-import { L as C, S as w, t as ie, z as ae } from "./useEditorCore-wslttMH-.js";
-import { w as oe } from "./keys-CvX8D-8C.js";
-import { a as se, c as ce, d as le, f as ue, h as de, i as fe, l as pe, m as me, n as he, o as T, p as E, r as D, s as O, t as k, u as A } from "./styles-B4tjX5SP.js";
-import { t as j } from "./_plugin-vue_export-helper-BVAJ4lgT.js";
+import { At as e, C as t, Ft as n, M as r, N as i, P as a, T as o, U as s, W as c, _ as l, b as ee, et as u, f as te, g as d, h as f, j as ne, jt as p, l as m, m as h, n as g, st as _, t as re, v, x as y, y as ie } from "./vue.runtime.esm-bundler-CjauPXjj.js";
+import { r as b } from "./timeouts-BSGxjuUF.js";
+import { f as ae, r as x } from "./dist-C2grMquk.js";
+import { B as oe, C as S, R as C, t as se } from "./useEditorCore-CtNAo0uy.js";
+import { w } from "./keys-CvX8D-8C.js";
+import { _ as T, a as ce, c as le, d as ue, f as de, g as fe, h as E, i as pe, l as me, m as D, n as he, o as O, p as k, r as A, s as j, t as M, u as N } from "./styles-BMFMtR9R.js";
+import { t as P } from "./_plugin-vue_export-helper-BVAJ4lgT.js";
 //#region src/Editor.vue?vue&type=script&setup=true&lang.ts
-var M = ["data-tpl-theme"], N = {
+var F = ["data-tpl-theme"], I = {
 	class: "tpl-header tpl:absolute tpl:top-0 tpl:right-0 tpl:left-0 tpl:z-50 tpl:grid tpl:h-14 tpl:grid-cols-[1fr_auto_1fr] tpl:items-center tpl:px-4 tpl:shadow-[var(--tpl-shadow-md)] tpl:border-b tpl:border-[var(--tpl-border)]",
 	style: {
 		"background-color": "color-mix(in srgb, var(--tpl-bg) 80%, transparent)",
 		"backdrop-filter": "blur(12px)",
 		"-webkit-backdrop-filter": "blur(12px)"
 	}
-}, P = { class: "tpl:flex tpl:items-center tpl:justify-center tpl:gap-10" }, F = { class: "tpl:sticky tpl:top-0 tpl:z-40 tpl:h-0" }, I = { class: "tpl:flex tpl:justify-center tpl:p-8" }, L = ["aria-label"], R = /* @__PURE__ */ j(/* @__PURE__ */ t({
+}, L = { class: "tpl:flex tpl:items-center tpl:justify-center tpl:gap-10" }, R = { class: "tpl:sticky tpl:top-0 tpl:z-40 tpl:h-0" }, ge = {
+	key: 0,
+	class: "tpl:flex tpl:w-full tpl:flex-col tpl:gap-3 tpl:px-4 tpl:pt-4 tpl:pb-6"
+}, _e = { class: "tpl-popup-browser-frame tpl:flex tpl:min-h-[calc(100vh-11rem)] tpl:w-full tpl:flex-col tpl:overflow-hidden tpl:rounded-xl tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:shadow-[var(--tpl-shadow-xl)]" }, ve = {
+	key: 1,
+	class: "tpl:flex tpl:w-full tpl:flex-col tpl:items-center tpl:gap-3 tpl:p-8"
+}, ye = ["aria-label"], z = /* @__PURE__ */ P(/* @__PURE__ */ t({
 	__name: "Editor",
 	props: {
 		config: {},
@@ -21,109 +27,118 @@ var M = ["data-tpl-theme"], N = {
 		fontsManager: {}
 	},
 	setup(t, { expose: o }) {
-		let v = d(null), S = t, w = ae({
-			content: S.config.content,
-			templateDefaults: S.config.templateDefaults
-		}), T = ie({
-			editor: w,
+		let g = u(null), b = t, S = oe({
+			content: b.config.content,
+			templateDefaults: b.config.templateDefaults
+		}), O = se({
+			editor: S,
 			config: {
-				uiTheme: S.config.uiTheme,
-				theme: S.config.theme,
-				blockDefaults: S.config.blockDefaults,
-				customBlocks: S.config.customBlocks,
-				mergeTags: S.config.mergeTags,
-				displayConditions: S.config.displayConditions,
-				onRequestMedia: S.config.onRequestMedia,
-				editorType: S.config.editorType,
-				accessibility: me(S.config),
-				onSave: S.config.onSave ? () => S.config.onSave(JSON.parse(JSON.stringify(w.state.content))) : void 0
+				uiTheme: b.config.uiTheme,
+				theme: b.config.theme,
+				blockDefaults: b.config.blockDefaults,
+				customBlocks: b.config.customBlocks,
+				mergeTags: b.config.mergeTags,
+				displayConditions: b.config.displayConditions,
+				onRequestMedia: b.config.onRequestMedia,
+				editorType: b.config.editorType,
+				accessibility: fe(b.config),
+				onSave: b.config.onSave ? () => b.config.onSave(JSON.parse(JSON.stringify(S.state.content))) : void 0
 			},
-			translations: S.translations,
-			fontsManager: S.fontsManager,
-			autoSaveOptions: S.config.onChange ? { onChange: () => S.config.onChange(JSON.parse(JSON.stringify(w.state.content))) } : null
+			translations: b.translations,
+			fontsManager: b.fontsManager,
+			autoSaveOptions: b.config.onChange ? { onChange: () => b.config.onChange(JSON.parse(JSON.stringify(S.state.content))) } : null
 		});
-		ee(async () => {
-			if (await S.fontsManager.loadCustomFonts(), C(S.config.editorType) === "popup" && !w.content.value.settings.popup) {
-				let e = ne();
-				w.updateSettings({
+		ne(async () => {
+			if (await b.fontsManager.loadCustomFonts(), C(b.config.editorType) === "popup" && !S.content.value.settings.popup) {
+				let e = ae();
+				S.updateSettings({
 					popup: e,
-					width: re[e.design.sizePreset]
+					width: x[e.design.sizePreset]
 				});
 			}
 		}), r(() => {
-			S.fontsManager.cleanupFontLinks(), T.destroy();
+			b.fontsManager.cleanupFontLinks(), O.destroy();
 		});
-		let j = d("blocks");
-		a(oe, j);
-		let R = _(() => C(S.config.editorType) === "popup"), z = _(() => R.value && j.value === "displayRules"), B = _(() => R.value && j.value === "schedule"), V = _(() => j.value === "design"), H = _(() => R.value && (z.value || B.value || V.value)), U = _(() => {
-			if (w.state.previewMode) return ["tpl:left-0", "tpl:right-0"];
-			if (!R.value) return ["tpl:left-12", "tpl:right-[320px]"];
+		let P = u("blocks");
+		a(w, P);
+		let z = h(() => C(b.config.editorType) === "popup"), B = h(() => z.value && P.value === "displayRules"), V = h(() => z.value && P.value === "schedule"), H = h(() => P.value === "design"), U = h(() => z.value && (B.value || V.value || H.value)), W = h(() => {
+			if (S.state.previewMode) return ["tpl:left-0", "tpl:right-0"];
+			if (!z.value) return ["tpl:left-12", "tpl:right-[320px]"];
 			let e;
-			e = j.value === "blocks" ? "tpl:left-[272px]" : V.value ? "tpl:left-[392px]" : "tpl:left-[72px]";
-			let t = H.value ? "tpl:right-0" : "tpl:right-[320px]";
+			e = P.value === "blocks" ? "tpl:left-[272px]" : H.value ? "tpl:left-[392px]" : "tpl:left-[72px]";
+			let t = U.value ? "tpl:right-0" : "tpl:right-[320px]";
 			return [e, t];
-		}), W = _(() => z.value || B.value);
+		}), G = h(() => B.value || V.value);
 		return o({
-			getContent: () => w.content.value,
-			setContent: (e) => w.setContent(e),
-			setTheme: (e) => w.setUiTheme(e),
-			renderCustomBlock: T.registry.renderCustomBlock,
-			startTour: (e) => v.value?.start(e),
-			dismissTour: () => v.value?.dismiss(),
-			resetTourDismissed: () => fe(S.config.tour),
-			isTourDismissed: () => S.config.tour ? se(S.config.tour) : !0
-		}), (r, a) => (i(), b("div", {
-			class: e(["tpl tpl:relative tpl:h-full tpl:overflow-hidden", { "tpl:dark": y(w).state.darkMode }]),
-			"data-tpl-theme": y(T).resolvedTheme.value,
-			style: h(y(T).themeStyles.value)
+			getContent: () => S.content.value,
+			setContent: (e) => S.setContent(e),
+			setTheme: (e) => S.setUiTheme(e),
+			undo: () => O.history.undo(),
+			redo: () => O.history.redo(),
+			canUndo: () => O.history.canUndo.value,
+			canRedo: () => O.history.canRedo.value,
+			renderCustomBlock: O.registry.renderCustomBlock,
+			startTour: (e) => g.value?.start(e),
+			dismissTour: () => g.value?.dismiss(),
+			resetTourDismissed: () => pe(b.config.tour),
+			isTourDismissed: () => b.config.tour ? ce(b.config.tour) : !0
+		}), (r, a) => (i(), v("div", {
+			class: e(["tpl tpl:relative tpl:h-full tpl:overflow-hidden", { "tpl:dark": _(S).state.darkMode }]),
+			"data-tpl-theme": _(O).resolvedTheme.value,
+			style: p(_(O).themeStyles.value)
 		}, [
-			m("header", N, [
-				a[5] ||= m("div", { class: "tpl:flex tpl:items-center tpl:gap-2.5" }, null, -1),
-				m("div", P, [
-					x(A, {
-						viewport: y(w).state.viewport,
-						onChange: y(w).setViewport
+			f("header", I, [
+				a[5] ||= f("div", { class: "tpl:flex tpl:items-center tpl:gap-2.5" }, null, -1),
+				f("div", L, [
+					y(ue),
+					y(N, {
+						viewport: _(S).state.viewport,
+						onChange: _(S).setViewport
 					}, null, 8, ["viewport", "onChange"]),
-					x(ce, {
-						"dark-mode": y(w).state.darkMode,
-						onChange: y(w).setDarkMode
+					y(le, {
+						"dark-mode": _(S).state.darkMode,
+						onChange: _(S).setDarkMode
 					}, null, 8, ["dark-mode", "onChange"]),
-					x(pe, {
-						"preview-mode": y(w).state.previewMode,
-						onChange: y(w).setPreviewMode
+					y(me, {
+						"preview-mode": _(S).state.previewMode,
+						onChange: _(S).setPreviewMode
 					}, null, 8, ["preview-mode", "onChange"])
 				]),
-				a[6] ||= m("div", { class: "tpl:flex tpl:min-w-[200px] tpl:items-center tpl:justify-end tpl:gap-3" }, null, -1)
+				a[6] ||= f("div", { class: "tpl:flex tpl:min-w-[200px] tpl:items-center tpl:justify-end tpl:gap-3" }, null, -1)
 			]),
-			c(x(ue, null, null, 512), [[g, !y(w).state.previewMode]]),
-			m("div", {
-				class: e(["tpl-body tpl:absolute tpl:bottom-0 tpl:overflow-auto", [...U.value, "tpl:top-14"]]),
-				style: h({
+			c(y(k, null, null, 512), [[m, !_(S).state.previewMode]]),
+			f("div", {
+				class: e(["tpl-body tpl:absolute tpl:bottom-0 tpl:overflow-auto", [...W.value, "tpl:top-14"]]),
+				style: p({
 					transition: "all 300ms cubic-bezier(0.34, 1.56, 0.64, 1)",
-					backgroundColor: W.value ? "var(--tpl-bg)" : "var(--tpl-canvas-bg)"
+					backgroundColor: G.value ? "var(--tpl-bg)" : "var(--tpl-canvas-bg)"
 				})
-			}, [R.value && j.value === "displayRules" ? (i(), p(he, { key: 0 })) : R.value && j.value === "schedule" ? (i(), p(k, {
+			}, [z.value && P.value === "displayRules" ? (i(), d(he, { key: 0 })) : z.value && P.value === "schedule" ? (i(), d(M, {
 				key: 1,
 				layout: "standalone"
-			})) : (i(), b(f, { key: 2 }, [m("div", F, [x(te, { name: "tpl-restore-btn" }, {
-				default: s(() => [y(T).conditionPreview.hasHiddenBlocks.value ? (i(), b("button", {
+			})) : (i(), v(te, { key: 2 }, [f("div", R, [y(re, { name: "tpl-restore-btn" }, {
+				default: s(() => [_(O).conditionPreview.hasHiddenBlocks.value ? (i(), v("button", {
 					key: 0,
 					class: "tpl:absolute tpl:left-1/2 tpl:top-2 tpl:-translate-x-1/2 tpl:inline-flex tpl:items-center tpl:gap-1.5 tpl:rounded-full tpl:border tpl:px-3.5 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:whitespace-nowrap tpl:shadow-md tpl:hover:opacity-80 tpl:bg-[var(--tpl-warning-light)] tpl:text-[var(--tpl-warning)] tpl:border-[var(--tpl-warning)]",
 					style: { "backdrop-filter": "blur(8px)" },
-					onClick: a[0] ||= (e) => y(T).conditionPreview.reset()
-				}, [x(y(de), {
+					onClick: a[0] ||= (e) => _(O).conditionPreview.reset()
+				}, [y(_(T), {
 					size: 13,
 					"stroke-width": 2
-				}), u(" " + n(y(T).t.blockSettings.restoreHiddenBlocks), 1)])) : l("", !0)]),
+				}), ee(" " + n(_(O).t.blockSettings.restoreHiddenBlocks), 1)])) : l("", !0)]),
 				_: 1
-			})]), m("div", I, [x(E, {
-				viewport: y(w).state.viewport,
-				content: y(w).content.value,
-				"selected-block-id": y(w).state.selectedBlockId,
-				"dark-mode": y(w).state.darkMode,
-				"preview-mode": y(w).state.previewMode,
+			})]), z.value ? (i(), v("div", ge, [y(D, {
+				"preview-mode": _(S).state.previewMode,
+				"multi-page-canvas": t.config.multiPageCanvas ?? !1
+			}, null, 8, ["preview-mode", "multi-page-canvas"]), f("div", _e, [a[7] ||= ie("<div class=\"tpl-popup-browser-bar tpl:relative tpl:flex tpl:h-9 tpl:items-center tpl:gap-1.5 tpl:border-b tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg-elevated)] tpl:px-3\" aria-hidden=\"true\" data-v-186f5453><span class=\"tpl:block tpl:size-3 tpl:rounded-full\" style=\"background-color:#ff5f57;\" data-v-186f5453></span><span class=\"tpl:block tpl:size-3 tpl:rounded-full\" style=\"background-color:#febc2e;\" data-v-186f5453></span><span class=\"tpl:block tpl:size-3 tpl:rounded-full\" style=\"background-color:#28c840;\" data-v-186f5453></span><div class=\"tpl:pointer-events-none tpl:absolute tpl:left-1/2 tpl:top-1/2 tpl:-translate-x-1/2 tpl:-translate-y-1/2 tpl:rounded-md tpl:bg-[var(--tpl-bg)] tpl:px-3 tpl:py-0.5 tpl:text-[11px] tpl:font-medium tpl:text-[var(--tpl-text-muted)] tpl:tracking-tight\" data-v-186f5453> yourstore.com </div></div>", 1), y(E, {
+				class: "tpl:flex tpl:min-h-0 tpl:flex-1 tpl:flex-col",
+				viewport: _(S).state.viewport,
+				content: _(S).content.value,
+				"selected-block-id": _(S).state.selectedBlockId,
+				"dark-mode": _(S).state.darkMode,
+				"preview-mode": _(S).state.previewMode,
 				"multi-page-canvas": t.config.multiPageCanvas ?? !1,
-				onSelectBlock: y(w).selectBlock
+				onSelectBlock: _(S).selectBlock
 			}, null, 8, [
 				"viewport",
 				"content",
@@ -132,68 +147,87 @@ var M = ["data-tpl-theme"], N = {
 				"preview-mode",
 				"multi-page-canvas",
 				"onSelectBlock"
-			])])], 64))], 6),
-			t.config.branding === !1 ? l("", !0) : (i(), p(O, {
+			])])])) : (i(), v("div", ve, [y(D, {
+				"preview-mode": _(S).state.previewMode,
+				"multi-page-canvas": t.config.multiPageCanvas ?? !1
+			}, null, 8, ["preview-mode", "multi-page-canvas"]), y(E, {
+				viewport: _(S).state.viewport,
+				content: _(S).content.value,
+				"selected-block-id": _(S).state.selectedBlockId,
+				"dark-mode": _(S).state.darkMode,
+				"preview-mode": _(S).state.previewMode,
+				"multi-page-canvas": t.config.multiPageCanvas ?? !1,
+				onSelectBlock: _(S).selectBlock
+			}, null, 8, [
+				"viewport",
+				"content",
+				"selected-block-id",
+				"dark-mode",
+				"preview-mode",
+				"multi-page-canvas",
+				"onSelectBlock"
+			])]))], 64))], 6),
+			t.config.branding === !1 ? l("", !0) : (i(), d(j, {
 				key: 0,
-				"position-class": U.value
+				"position-class": W.value
 			}, null, 8, ["position-class"])),
-			m("div", {
+			f("div", {
 				class: "tpl-sr-only",
 				role: "status",
 				"aria-live": "polite",
 				"aria-atomic": "true",
-				"aria-label": y(T).t.landmarks.reorderAnnouncements
-			}, n(y(T).keyboardReorder.announcement.value), 9, L),
-			c(x(le, {
-				"selected-block": y(w).selectedBlock.value,
-				settings: y(w).content.value.settings,
-				onUpdateBlock: a[1] ||= (e) => y(w).updateBlock(y(w).state.selectedBlockId, e),
+				"aria-label": _(O).t.landmarks.reorderAnnouncements
+			}, n(_(O).keyboardReorder.announcement.value), 9, ye),
+			c(y(de, {
+				"selected-block": _(S).selectedBlock.value,
+				settings: _(S).content.value.settings,
+				onUpdateBlock: a[1] ||= (e) => _(S).updateBlock(_(S).state.selectedBlockId, e),
 				onDeleteBlock: a[2] ||= () => {
-					y(w).state.selectedBlockId && y(T).blockActions.deleteBlock(y(w).state.selectedBlockId);
+					_(S).state.selectedBlockId && _(O).blockActions.deleteBlock(_(S).state.selectedBlockId);
 				},
 				onDuplicateBlock: a[3] ||= () => {
-					y(w).selectedBlock.value && y(T).blockActions.duplicateBlock(y(w).selectedBlock.value);
+					_(S).selectedBlock.value && _(O).blockActions.duplicateBlock(_(S).selectedBlock.value);
 				},
-				onUpdateSettings: a[4] ||= (e) => y(w).updateSettings(e)
-			}, null, 8, ["selected-block", "settings"]), [[g, !y(w).state.previewMode && !H.value]]),
-			t.config.tour ? (i(), p(D, {
+				onUpdateSettings: a[4] ||= (e) => _(S).updateSettings(e)
+			}, null, 8, ["selected-block", "settings"]), [[m, !_(S).state.previewMode && !U.value]]),
+			t.config.tour ? (i(), d(A, {
 				key: 1,
 				ref_key: "editorTourRef",
-				ref: v,
+				ref: g,
 				"tour-config": t.config.tour,
-				"dark-mode": y(w).state.darkMode
+				"dark-mode": _(S).state.darkMode
 			}, null, 8, ["tour-config", "dark-mode"])) : l("", !0)
-		], 14, M));
+		], 14, F));
 	}
-}), [["__scopeId", "data-v-8467ac4c"]]), z = /* @__PURE__ */ Object.assign({
-	"./locales/de.ts": () => import("./de-DWcgp-7T.js"),
-	"./locales/en.ts": () => import("./en-Cxd4fhNm.js")
-}), B = /* @__PURE__ */ Object.assign({
+}), [["__scopeId", "data-v-186f5453"]]), B = /* @__PURE__ */ Object.assign({
+	"./locales/de.ts": () => import("./de-C74F9xK3.js"),
+	"./locales/en.ts": () => import("./en-B24jVTeO.js")
+}), V = /* @__PURE__ */ Object.assign({
 	"./locales/cloud/de.ts": () => import("./de-GOtR9DwW.js"),
 	"./locales/cloud/en.ts": () => import("./en-dFFQVzNn.js")
 });
-function V(e) {
+function H(e) {
 	return Object.keys(e).map((e) => e.match(/\/([^/]+)\.ts$/)?.[1]).filter((e) => !!e);
 }
-var H = V(z), U = V(B);
-function W(e) {
+var U = H(B), W = H(V);
+function G(e) {
 	return e.split("-")[0].toLowerCase();
 }
-function G(e, t) {
-	let n = W(e);
+function K(e, t) {
+	let n = G(e);
 	return t.includes(n) ? n : "en";
 }
-async function K(e) {
-	let t = z[`./locales/${G(e, H)}.ts`];
+async function q(e) {
+	let t = B[`./locales/${K(e, U)}.ts`];
 	return (await t()).default;
 }
-async function ge(e) {
-	let t = B[`./locales/cloud/${G(e, U)}.ts`];
+async function be(e) {
+	let t = V[`./locales/cloud/${K(e, W)}.ts`];
 	return (await t()).default;
 }
 //#endregion
 //#region src/utils/toMjml.ts
-async function _e(e) {
+async function xe(e) {
 	let t;
 	try {
 		t = await import("@aswin.dev/renderer");
@@ -204,59 +238,71 @@ async function _e(e) {
 }
 //#endregion
 //#region src/index.ts
-var q = null, J = d(null);
-async function Y(e) {
+var J = null, Y = u(null);
+async function Se(e) {
 	let t = typeof e.container == "string" ? document.querySelector(e.container) : e.container;
 	if (!t) throw Error(`[Templatical] Container element not found: ${e.container}`);
-	let n = await K(e.locale ?? "en"), r = w(e.fonts);
-	q && Q(), q = v({ setup() {
-		return () => o(R, {
+	let n = await q(e.locale ?? "en"), r = S(e.fonts);
+	J && Q(), J = g({ setup() {
+		return () => o(z, {
 			config: e,
 			translations: n,
 			fontsManager: r,
-			ref: J
+			ref: Y
 		});
-	} }), q.mount(t);
+	} }), J.mount(t);
 	let i = {
 		getContent() {
-			return J.value ? JSON.parse(JSON.stringify(J.value.getContent())) : JSON.parse(JSON.stringify(e.content));
+			return Y.value ? JSON.parse(JSON.stringify(Y.value.getContent())) : JSON.parse(JSON.stringify(e.content));
 		},
 		setContent(t) {
-			J.value && J.value.setContent(t), e.content = t;
+			Y.value && Y.value.setContent(t), e.content = t;
 		},
 		setTheme(e) {
-			J.value && J.value.setTheme(e);
+			Y.value && Y.value.setTheme(e);
 		},
 		unmount: Q,
 		startTour(e) {
-			J.value?.startTour?.(e);
+			Y.value?.startTour?.(e);
 		},
 		dismissTour() {
-			J.value?.dismissTour?.();
+			Y.value?.dismissTour?.();
 		},
 		resetTourDismissed() {
-			J.value?.resetTourDismissed?.();
+			Y.value?.resetTourDismissed?.();
 		},
 		isTourDismissed() {
-			return J.value?.isTourDismissed?.() ?? !0;
+			return Y.value?.isTourDismissed?.() ?? !0;
+		},
+		undo() {
+			Y.value?.undo?.();
+		},
+		redo() {
+			Y.value?.redo?.();
+		},
+		canUndo() {
+			return Y.value?.canUndo?.() ?? !1;
+		},
+		canRedo() {
+			return Y.value?.canRedo?.() ?? !1;
 		},
 		renderCustomBlock(e) {
-			return J.value ? J.value.renderCustomBlock(e) : Promise.reject(/* @__PURE__ */ Error("[Templatical] Editor not ready"));
+			return Y.value ? Y.value.renderCustomBlock(e) : Promise.reject(/* @__PURE__ */ Error("[Templatical] Editor not ready"));
 		},
-		toMjml: () => _e(i)
+		toMjml: () => xe(i)
 	};
 	return i;
 }
-var X = null, Z = d(null);
-async function ve(e) {
+var X = null, Z = u(null);
+async function Ce(e) {
 	let t = typeof e.container == "string" ? document.querySelector(e.container) : e.container;
 	if (!t) throw Error(`[Templatical] Container element not found: ${e.container}`);
-	let { default: n } = await import("./CloudEditor-CFldoCOb.js"), [r, i] = await Promise.all([K(e.locale ?? "en"), ge(e.locale ?? "en")]), a = w(e.fonts);
+	let { default: n } = await import("./CloudEditor-CnUX0IOW.js"), [r, i] = await Promise.all([q(e.locale ?? "en"), be(e.locale ?? "en")]), a = S(e.fonts);
 	return X && $(), await new Promise((s, c) => {
 		let l = setTimeout(() => {
 			c(/* @__PURE__ */ Error("[Templatical] Cloud editor initialization timed out"));
-		}, S);
-		X = v({ setup() {
+		}, b);
+		X = g({ setup() {
 			return () => o(n, {
 				config: e,
 				translations: r,
@@ -291,6 +337,18 @@ async function ve(e) {
 		isTourDismissed() {
 			return Z.value?.isTourDismissed?.() ?? !0;
 		},
+		undo() {
+			Z.value?.undo?.();
+		},
+		redo() {
+			Z.value?.redo?.();
+		},
+		canUndo() {
+			return Z.value?.canUndo?.() ?? !1;
+		},
+		canRedo() {
+			return Z.value?.canRedo?.() ?? !1;
+		},
 		create(e) {
 			return Z.value ? Z.value.create(e) : Promise.reject(/* @__PURE__ */ Error("[Templatical] Cloud editor not ready"));
 		},
@@ -303,10 +361,10 @@ async function ve(e) {
 	};
 }
 function Q() {
-	q && (q.unmount(), q = null, J.value = null);
+	J && (J.unmount(), J = null, Y.value = null);
 }
 function $() {
 	X && (X.unmount(), X = null, Z.value = null);
 }
 //#endregion
-export { T as DEFAULT_EDITOR_TOUR_STORAGE_KEY, Y as init, ve as initCloud, Q as unmount, w as useFonts };
+export { O as DEFAULT_EDITOR_TOUR_STORAGE_KEY, Se as init, Ce as initCloud, Q as unmount, S as useFonts };

package/dist/undo-2-m1EUDbUg.js

@@ -0,0 +1,16 @@
+import { t as e } from "./createLucideIcon-ClREiSx3.js";
+var t = e("redo-2", [["path", {
+	d: "m15 14 5-5-5-5",
+	key: "12vg1m"
+}], ["path", {
+	d: "M20 9H9.5A5.5 5.5 0 0 0 4 14.5A5.5 5.5 0 0 0 9.5 20H13",
+	key: "6uklza"
+}]]), n = e("undo-2", [["path", {
+	d: "M9 14 4 9l5-5",
+	key: "102s5s"
+}], ["path", {
+	d: "M4 9h10.5a5.5 5.5 0 0 1 5.5 5.5a5.5 5.5 0 0 1-5.5 5.5H11",
+	key: "f3b9sd"
+}]]);
+//#endregion
+export { t as n, n as t };