@aswin.dev/editor 0.6.3 → 0.7.0

package/dist/templatical-editor.js

@@ -0,0 +1,249 @@
+import { A as e, Dt as t, H as n, M as r, Mt as i, Ot as a, Q as o, S as s, V as c, _ as l, b as u, c as d, g as f, h as p, it as m, j as h, m as g, n as _, t as ee, w as v, y } from "./vue.runtime.esm-bundler-DpvJL-nX.js";
+import { r as b } from "./timeouts-BSGxjuUF.js";
+import { L as x, t as S, x as C } from "./useEditorCore-C6ost42Q.js";
+import { a as w, c as T, i as E, l as te, n as ne, o as re, r as D, s as O, t as k } from "./styles-DEXEkBvg.js";
+import { t as A } from "./_plugin-vue_export-helper-B0hnzhyu.js";
+//#region src/Editor.vue?vue&type=script&setup=true&lang.ts
+var j = ["data-tpl-theme"], M = {
+	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)"
+	}
+}, N = { class: "tpl:flex tpl:items-center tpl:justify-center tpl:gap-10" }, P = { class: "tpl:sticky tpl:top-0 tpl:z-40 tpl:h-0" }, F = { class: "tpl:flex tpl:justify-center tpl:p-8" }, I = ["aria-label"], L = /* @__PURE__ */ A(/* @__PURE__ */ s({
+	__name: "Editor",
+	props: {
+		config: {},
+		translations: {},
+		fontsManager: {}
+	},
+	setup(o, { expose: s }) {
+		let _ = o, v = x({
+			content: _.config.content,
+			templateDefaults: _.config.templateDefaults
+		}), b = S({
+			editor: v,
+			config: {
+				uiTheme: _.config.uiTheme,
+				theme: _.config.theme,
+				blockDefaults: _.config.blockDefaults,
+				customBlocks: _.config.customBlocks,
+				mergeTags: _.config.mergeTags,
+				displayConditions: _.config.displayConditions,
+				onRequestMedia: _.config.onRequestMedia,
+				accessibility: T(_.config),
+				onSave: _.config.onSave ? () => _.config.onSave(JSON.parse(JSON.stringify(v.state.content))) : void 0
+			},
+			translations: _.translations,
+			fontsManager: _.fontsManager,
+			autoSaveOptions: _.config.onChange ? { onChange: () => _.config.onChange(JSON.parse(JSON.stringify(v.state.content))) } : null
+		});
+		return e(async () => {
+			await _.fontsManager.loadCustomFonts();
+		}), h(() => {
+			_.fontsManager.cleanupFontLinks(), b.destroy();
+		}), s({
+			getContent: () => v.content.value,
+			setContent: (e) => v.setContent(e),
+			setTheme: (e) => v.setUiTheme(e),
+			renderCustomBlock: b.registry.renderCustomBlock
+		}), (e, s) => (r(), l("div", {
+			class: t(["tpl tpl:relative tpl:h-full tpl:overflow-hidden", { "tpl:dark": m(v).state.darkMode }]),
+			"data-tpl-theme": m(b).resolvedTheme.value,
+			style: a(m(b).themeStyles.value)
+		}, [
+			g("header", M, [
+				s[5] ||= g("div", { class: "tpl:flex tpl:items-center tpl:gap-2.5" }, null, -1),
+				g("div", N, [
+					u(E, {
+						viewport: m(v).state.viewport,
+						onChange: m(v).setViewport
+					}, null, 8, ["viewport", "onChange"]),
+					u(ne, {
+						"dark-mode": m(v).state.darkMode,
+						onChange: m(v).setDarkMode
+					}, null, 8, ["dark-mode", "onChange"]),
+					u(D, {
+						"preview-mode": m(v).state.previewMode,
+						onChange: m(v).setPreviewMode
+					}, null, 8, ["preview-mode", "onChange"])
+				]),
+				s[6] ||= g("div", { class: "tpl:flex tpl:min-w-[200px] tpl:items-center tpl:justify-end tpl:gap-3" }, null, -1)
+			]),
+			n(u(re, null, null, 512), [[d, !m(v).state.previewMode]]),
+			g("div", {
+				class: t(["tpl-body tpl:absolute tpl:bottom-0 tpl:overflow-auto tpl:bg-[var(--tpl-canvas-bg)]", [m(v).state.previewMode ? "tpl:left-0 tpl:right-0" : "tpl:left-12 tpl:right-[320px]", "tpl:top-14"]]),
+				style: { transition: "all 300ms cubic-bezier(0.34, 1.56, 0.64, 1)" }
+			}, [g("div", P, [u(ee, { name: "tpl-restore-btn" }, {
+				default: c(() => [m(b).conditionPreview.hasHiddenBlocks.value ? (r(), l("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: s[0] ||= (e) => m(b).conditionPreview.reset()
+				}, [u(m(te), {
+					size: 13,
+					"stroke-width": 2
+				}), y(" " + i(m(b).t.blockSettings.restoreHiddenBlocks), 1)])) : f("", !0)]),
+				_: 1
+			})]), g("div", F, [u(O, {
+				viewport: m(v).state.viewport,
+				content: m(v).content.value,
+				"selected-block-id": m(v).state.selectedBlockId,
+				"dark-mode": m(v).state.darkMode,
+				"preview-mode": m(v).state.previewMode,
+				onSelectBlock: m(v).selectBlock
+			}, null, 8, [
+				"viewport",
+				"content",
+				"selected-block-id",
+				"dark-mode",
+				"preview-mode",
+				"onSelectBlock"
+			])])], 2),
+			o.config.branding === !1 ? f("", !0) : (r(), p(k, {
+				key: 0,
+				"position-class": [m(v).state.previewMode ? "tpl:left-0 tpl:right-0" : "tpl:left-12 tpl:right-[320px]"]
+			}, null, 8, ["position-class"])),
+			g("div", {
+				class: "tpl-sr-only",
+				role: "status",
+				"aria-live": "polite",
+				"aria-atomic": "true",
+				"aria-label": m(b).t.landmarks.reorderAnnouncements
+			}, i(m(b).keyboardReorder.announcement.value), 9, I),
+			n(u(w, {
+				"selected-block": m(v).selectedBlock.value,
+				settings: m(v).content.value.settings,
+				onUpdateBlock: s[1] ||= (e) => m(v).updateBlock(m(v).state.selectedBlockId, e),
+				onDeleteBlock: s[2] ||= () => {
+					m(v).state.selectedBlockId && m(b).blockActions.deleteBlock(m(v).state.selectedBlockId);
+				},
+				onDuplicateBlock: s[3] ||= () => {
+					m(v).selectedBlock.value && m(b).blockActions.duplicateBlock(m(v).selectedBlock.value);
+				},
+				onUpdateSettings: s[4] ||= (e) => m(v).updateSettings(e)
+			}, null, 8, ["selected-block", "settings"]), [[d, !m(v).state.previewMode]])
+		], 14, j));
+	}
+}), [["__scopeId", "data-v-9ffdcb5e"]]), R = /* @__PURE__ */ Object.assign({
+	"./locales/de.ts": () => import("./de-Brqvgr43.js"),
+	"./locales/en.ts": () => import("./en-WDVp87TE.js")
+}), z = /* @__PURE__ */ Object.assign({
+	"./locales/cloud/de.ts": () => import("./de-DCaaCE5s.js"),
+	"./locales/cloud/en.ts": () => import("./en-DXCyK4-X.js")
+});
+function B(e) {
+	return Object.keys(e).map((e) => e.match(/\/([^/]+)\.ts$/)?.[1]).filter((e) => !!e);
+}
+var V = B(R), H = B(z);
+function U(e) {
+	return e.split("-")[0].toLowerCase();
+}
+function W(e, t) {
+	let n = U(e);
+	return t.includes(n) ? n : "en";
+}
+async function G(e) {
+	let t = R[`./locales/${W(e, V)}.ts`];
+	return (await t()).default;
+}
+async function K(e) {
+	let t = z[`./locales/cloud/${W(e, H)}.ts`];
+	return (await t()).default;
+}
+//#endregion
+//#region src/utils/toMjml.ts
+async function q(e) {
+	let t;
+	try {
+		t = await import("@templatical/renderer");
+	} catch {
+		throw Error("[Templatical] toMjml() requires the @templatical/renderer package. Please install it.");
+	}
+	return t.renderToMjml(e.getContent(), { renderCustomBlock: e.renderCustomBlock });
+}
+//#endregion
+//#region src/index.ts
+var J = null, Y = o(null);
+async function ie(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 G(e.locale ?? "en"), r = C(e.fonts);
+	J && Q(), J = _({ setup() {
+		return () => v(L, {
+			config: e,
+			translations: n,
+			fontsManager: r,
+			ref: Y
+		});
+	} }), J.mount(t);
+	let i = {
+		getContent() {
+			return Y.value ? JSON.parse(JSON.stringify(Y.value.getContent())) : JSON.parse(JSON.stringify(e.content));
+		},
+		setContent(t) {
+			Y.value && Y.value.setContent(t), e.content = t;
+		},
+		setTheme(e) {
+			Y.value && Y.value.setTheme(e);
+		},
+		unmount: Q,
+		renderCustomBlock(e) {
+			return Y.value ? Y.value.renderCustomBlock(e) : Promise.reject(/* @__PURE__ */ Error("[Templatical] Editor not ready"));
+		},
+		toMjml: () => q(i)
+	};
+	return i;
+}
+var X = null, Z = o(null);
+async function ae(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-BCz1ZTYC.js"), [r, i] = await Promise.all([G(e.locale ?? "en"), K(e.locale ?? "en")]), a = C(e.fonts);
+	return X && $(), await new Promise((o, s) => {
+		let c = setTimeout(() => {
+			s(/* @__PURE__ */ Error("[Templatical] Cloud editor initialization timed out"));
+		}, b);
+		X = _({ setup() {
+			return () => v(n, {
+				config: e,
+				translations: r,
+				cloudTranslations: i,
+				fontsManager: a,
+				ref: Z,
+				onReady: () => {
+					clearTimeout(c), o();
+				}
+			});
+		} }), X.mount(t);
+	}), {
+		getContent() {
+			return Z.value ? JSON.parse(JSON.stringify(Z.value.getContent())) : JSON.parse(JSON.stringify(e.content));
+		},
+		setContent(e) {
+			Z.value && Z.value.setContent(e);
+		},
+		setTheme(e) {
+			Z.value && Z.value.setTheme(e);
+		},
+		unmount: $,
+		create(e) {
+			return Z.value ? Z.value.create(e) : Promise.reject(/* @__PURE__ */ Error("[Templatical] Cloud editor not ready"));
+		},
+		load(e) {
+			return Z.value ? Z.value.load(e) : Promise.reject(/* @__PURE__ */ Error("[Templatical] Cloud editor not ready"));
+		},
+		save() {
+			return Z.value ? Z.value.save() : Promise.reject(/* @__PURE__ */ Error("[Templatical] Cloud editor not ready"));
+		}
+	};
+}
+function Q() {
+	J && (J.unmount(), J = null, Y.value = null);
+}
+function $() {
+	X && (X.unmount(), X = null, Z.value = null);
+}
+//#endregion
+export { ie as init, ae as initCloud, Q as unmount, C as useFonts };

package/dist/text-align-start-BT9VUDxK.js

@@ -0,0 +1,43 @@
+import { t as e } from "./createLucideIcon-C3pa2siy.js";
+var t = e("text-align-center", [
+	["path", {
+		d: "M21 5H3",
+		key: "1fi0y6"
+	}],
+	["path", {
+		d: "M17 12H7",
+		key: "16if0g"
+	}],
+	["path", {
+		d: "M19 19H5",
+		key: "vjpgq2"
+	}]
+]), n = e("text-align-end", [
+	["path", {
+		d: "M21 5H3",
+		key: "1fi0y6"
+	}],
+	["path", {
+		d: "M21 12H9",
+		key: "dn1m92"
+	}],
+	["path", {
+		d: "M21 19H7",
+		key: "4cu937"
+	}]
+]), r = e("text-align-start", [
+	["path", {
+		d: "M21 5H3",
+		key: "1fi0y6"
+	}],
+	["path", {
+		d: "M15 12H3",
+		key: "6jk70r"
+	}],
+	["path", {
+		d: "M17 19H3",
+		key: "z6ezky"
+	}]
+]);
+//#endregion
+export { n, t as r, r as t };

package/dist/timeouts-BSGxjuUF.js

@@ -0,0 +1,4 @@
+//#region src/constants/timeouts.ts
+var e = 3e4, t = 4e3, n = 5e3, r = 10 * 1024 * 1024;
+//#endregion
+export { r as i, n, e as r, t };

package/dist/trash-2-DbP2Y6t2.js

@@ -0,0 +1,25 @@
+import { t as e } from "./createLucideIcon-C3pa2siy.js";
+var t = e("trash-2", [
+	["path", {
+		d: "M10 11v6",
+		key: "nco0om"
+	}],
+	["path", {
+		d: "M14 11v6",
+		key: "outv1u"
+	}],
+	["path", {
+		d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6",
+		key: "miytrc"
+	}],
+	["path", {
+		d: "M3 6h18",
+		key: "d0wm0j"
+	}],
+	["path", {
+		d: "M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2",
+		key: "e791ji"
+	}]
+]);
+//#endregion
+export { t };

package/dist/triangle-alert-aOXceTSe.js

@@ -0,0 +1,17 @@
+import { t as e } from "./createLucideIcon-C3pa2siy.js";
+var t = e("triangle-alert", [
+	["path", {
+		d: "m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3",
+		key: "wmoenq"
+	}],
+	["path", {
+		d: "M12 9v4",
+		key: "juzpu7"
+	}],
+	["path", {
+		d: "M12 17h.01",
+		key: "p32p05"
+	}]
+]);
+//#endregion
+export { t };

package/dist/useCloudI18n-BuIwR6OE.js

@@ -0,0 +1,23 @@
+import { E as e, q as t } from "./vue.runtime.esm-bundler-DpvJL-nX.js";
+import { l as n } from "./keys-ciNfSSGj.js";
+//#region src/composables/useCloudI18n.ts
+function r(e, t) {
+	return e.replace(/\{(\w+)\}/g, (e, n) => n in t ? String(t[n]) : `{${n}}`);
+}
+function i(i) {
+	let a = i ?? e(n, null);
+	return {
+		t: a ? t(a) ? a.value : a : null,
+		format: r
+	};
+}
+function a(e) {
+	let { t, format: n } = i(e);
+	if (!t) throw Error("useCloudI18nStrict() requires a cloud translations provider. Ensure the component is a descendant of CloudEditor.");
+	return {
+		t,
+		format: n
+	};
+}
+//#endregion
+export { a as n, i as t };