@templatical/editor 0.6.4 → 0.6.6

package/dist/templatical-editor.js

@@ -1,7 +1,7 @@
-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 { A as e, B as t, O as n, S as r, X as i, _ as a, at as o, b as s, f as c, h as l, k as ee, m as u, n as d, o as f, ot as p, p as m, rt as h, st as g, t as te, v as _, z as ne } from "./vue.runtime.esm-bundler-Bxqkjqhc.js";
+import { r as v } from "./timeouts-BSGxjuUF.js";
+import { L as y, t as b, x } from "./useEditorCore-CnXrv71D.js";
+import { a as S, c as C, i as w, l as T, n as E, o as re, r as D, s as O, t as k } from "./styles-BgmKdc2x.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 = {
@@ -18,81 +18,81 @@ var j = ["data-tpl-theme"], M = {
 		translations: {},
 		fontsManager: {}
 	},
-	setup(o, { expose: s }) {
-		let _ = o, v = x({
-			content: _.config.content,
-			templateDefaults: _.config.templateDefaults
-		}), b = S({
-			editor: v,
+	setup(r, { expose: i }) {
+		let s = r, d = y({
+			content: s.config.content,
+			templateDefaults: s.config.templateDefaults
+		}), v = b({
+			editor: d,
 			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
+				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,
+				accessibility: C(s.config),
+				onSave: s.config.onSave ? () => s.config.onSave(JSON.parse(JSON.stringify(d.state.content))) : void 0
 			},
-			translations: _.translations,
-			fontsManager: _.fontsManager,
-			autoSaveOptions: _.config.onChange ? { onChange: () => _.config.onChange(JSON.parse(JSON.stringify(v.state.content))) } : null
+			translations: s.translations,
+			fontsManager: s.fontsManager,
+			autoSaveOptions: s.config.onChange ? { onChange: () => s.config.onChange(JSON.parse(JSON.stringify(d.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)
+		return n(async () => {
+			await s.fontsManager.loadCustomFonts();
+		}), ee(() => {
+			s.fontsManager.cleanupFontLinks(), v.destroy();
+		}), i({
+			getContent: () => d.content.value,
+			setContent: (e) => d.setContent(e),
+			setTheme: (e) => d.setUiTheme(e),
+			renderCustomBlock: v.registry.renderCustomBlock
+		}), (n, i) => (e(), l("div", {
+			class: o(["tpl tpl:relative tpl:h-full tpl:overflow-hidden", { "tpl:dark": h(d).state.darkMode }]),
+			"data-tpl-theme": h(v).resolvedTheme.value,
+			style: p(h(v).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
+			c("header", M, [
+				i[5] ||= c("div", { class: "tpl:flex tpl:items-center tpl:gap-2.5" }, null, -1),
+				c("div", N, [
+					_(w, {
+						viewport: h(d).state.viewport,
+						onChange: h(d).setViewport
 					}, null, 8, ["viewport", "onChange"]),
-					u(ne, {
-						"dark-mode": m(v).state.darkMode,
-						onChange: m(v).setDarkMode
+					_(E, {
+						"dark-mode": h(d).state.darkMode,
+						onChange: h(d).setDarkMode
 					}, null, 8, ["dark-mode", "onChange"]),
-					u(D, {
-						"preview-mode": m(v).state.previewMode,
-						onChange: m(v).setPreviewMode
+					_(D, {
+						"preview-mode": h(d).state.previewMode,
+						onChange: h(d).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)
+				i[6] ||= c("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"]]),
+			t(_(re, null, null, 512), [[f, !h(d).state.previewMode]]),
+			c("div", {
+				class: o(["tpl-body tpl:absolute tpl:bottom-0 tpl:overflow-auto tpl:bg-[var(--tpl-canvas-bg)]", [h(d).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", {
+			}, [c("div", P, [_(te, { name: "tpl-restore-btn" }, {
+				default: ne(() => [h(v).conditionPreview.hasHiddenBlocks.value ? (e(), 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), {
+					onClick: i[0] ||= (e) => h(v).conditionPreview.reset()
+				}, [_(h(T), {
 					size: 13,
 					"stroke-width": 2
-				}), y(" " + i(m(b).t.blockSettings.restoreHiddenBlocks), 1)])) : f("", !0)]),
+				}), a(" " + g(h(v).t.blockSettings.restoreHiddenBlocks), 1)])) : u("", !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
+			})]), c("div", F, [_(O, {
+				viewport: h(d).state.viewport,
+				content: h(d).content.value,
+				"selected-block-id": h(d).state.selectedBlockId,
+				"dark-mode": h(d).state.darkMode,
+				"preview-mode": h(d).state.previewMode,
+				onSelectBlock: h(d).selectBlock
 			}, null, 8, [
 				"viewport",
 				"content",
@@ -101,29 +101,29 @@ var j = ["data-tpl-theme"], M = {
 				"preview-mode",
 				"onSelectBlock"
 			])])], 2),
-			o.config.branding === !1 ? f("", !0) : (r(), p(k, {
+			r.config.branding === !1 ? u("", !0) : (e(), m(k, {
 				key: 0,
-				"position-class": [m(v).state.previewMode ? "tpl:left-0 tpl:right-0" : "tpl:left-12 tpl:right-[320px]"]
+				"position-class": [h(d).state.previewMode ? "tpl:left-0 tpl:right-0" : "tpl:left-12 tpl:right-[320px]"]
 			}, null, 8, ["position-class"])),
-			g("div", {
+			c("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);
+				"aria-label": h(v).t.landmarks.reorderAnnouncements
+			}, g(h(v).keyboardReorder.announcement.value), 9, I),
+			t(_(S, {
+				"selected-block": h(d).selectedBlock.value,
+				settings: h(d).content.value.settings,
+				onUpdateBlock: i[1] ||= (e) => h(d).updateBlock(h(d).state.selectedBlockId, e),
+				onDeleteBlock: i[2] ||= () => {
+					h(d).state.selectedBlockId && h(v).blockActions.deleteBlock(h(d).state.selectedBlockId);
 				},
-				onDuplicateBlock: s[3] ||= () => {
-					m(v).selectedBlock.value && m(b).blockActions.duplicateBlock(m(v).selectedBlock.value);
+				onDuplicateBlock: i[3] ||= () => {
+					h(d).selectedBlock.value && h(v).blockActions.duplicateBlock(h(d).selectedBlock.value);
 				},
-				onUpdateSettings: s[4] ||= (e) => m(v).updateSettings(e)
-			}, null, 8, ["selected-block", "settings"]), [[d, !m(v).state.previewMode]])
+				onUpdateSettings: i[4] ||= (e) => h(d).updateSettings(e)
+			}, null, 8, ["selected-block", "settings"]), [[f, !h(d).state.previewMode]])
 		], 14, j));
 	}
 }), [["__scopeId", "data-v-9ffdcb5e"]]), R = /* @__PURE__ */ Object.assign({
@@ -165,20 +165,20 @@ async function q(e) {
 }
 //#endregion
 //#region src/index.ts
-var J = null, Y = o(null);
+var J = null, Y = i(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, {
+	let n = await G(e.locale ?? "en"), i = x(e.fonts);
+	J && Q(), J = d({ setup() {
+		return () => r(L, {
 			config: e,
 			translations: n,
-			fontsManager: r,
+			fontsManager: i,
 			ref: Y
 		});
 	} }), J.mount(t);
-	let i = {
+	let a = {
 		getContent() {
 			return Y.value ? JSON.parse(JSON.stringify(Y.value.getContent())) : JSON.parse(JSON.stringify(e.content));
 		},
@@ -192,28 +192,28 @@ async function ie(e) {
 		renderCustomBlock(e) {
 			return Y.value ? Y.value.renderCustomBlock(e) : Promise.reject(/* @__PURE__ */ Error("[Templatical] Editor not ready"));
 		},
-		toMjml: () => q(i)
+		toMjml: () => q(a)
 	};
-	return i;
+	return a;
 }
-var X = null, Z = o(null);
+var X = null, Z = i(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-nzrRhHIi.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, {
+	let { default: n } = await import("./CloudEditor-DYYaScFe.js"), [i, a] = await Promise.all([G(e.locale ?? "en"), K(e.locale ?? "en")]), o = x(e.fonts);
+	return X && $(), await new Promise((s, c) => {
+		let l = setTimeout(() => {
+			c(/* @__PURE__ */ Error("[Templatical] Cloud editor initialization timed out"));
+		}, v);
+		X = d({ setup() {
+			return () => r(n, {
 				config: e,
-				translations: r,
-				cloudTranslations: i,
-				fontsManager: a,
+				translations: i,
+				cloudTranslations: a,
+				fontsManager: o,
 				ref: Z,
 				onReady: () => {
-					clearTimeout(c), o();
+					clearTimeout(l), s();
 				}
 			});
 		} }), X.mount(t);
@@ -246,4 +246,4 @@ function $() {
 	X && (X.unmount(), X = null, Z.value = null);
 }
 //#endregion
-export { ie as init, ae as initCloud, Q as unmount, C as useFonts };
+export { ie as init, ae as initCloud, Q as unmount, x as useFonts };

package/dist/{text-align-start-BT9VUDxK.js → text-align-start-DG3aAH7Y.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./createLucideIcon-C3pa2siy.js";
+import { t as e } from "./createLucideIcon-Di4mqmGn.js";
 var t = e("text-align-center", [
 	["path", {
 		d: "M21 5H3",

package/dist/{trash-2-DbP2Y6t2.js → trash-2-424iqbpN.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./createLucideIcon-C3pa2siy.js";
+import { t as e } from "./createLucideIcon-Di4mqmGn.js";
 var t = e("trash-2", [
 	["path", {
 		d: "M10 11v6",

package/dist/{triangle-alert-aOXceTSe.js → triangle-alert-DWQySIE2.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./createLucideIcon-C3pa2siy.js";
+import { t as e } from "./createLucideIcon-Di4mqmGn.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",

package/dist/{useCloudI18n-BuIwR6OE.js → useCloudI18n-CL_AwWwi.js}

@@ -1,13 +1,13 @@
-import { E as e, q as t } from "./vue.runtime.esm-bundler-DpvJL-nX.js";
-import { l as n } from "./keys-ciNfSSGj.js";
+import { G as e, w as t } from "./vue.runtime.esm-bundler-Bxqkjqhc.js";
+import { l as n } from "./keys-Bqs_0du9.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);
+	let a = i ?? t(n, null);
 	return {
-		t: a ? t(a) ? a.value : a : null,
+		t: a ? e(a) ? a.value : a : null,
 		format: r
 	};
 }