@aswin.dev/editor 0.8.5 → 0.8.7

package/dist/cdn/editor.js

@@ -1,22 +1,22 @@
-import { C as e, F as t, G as n, M as r, N as i, P as a, T as o, W as s, _ as c, b as l, ct as u, dt as d, f as ee, ft as f, g as p, h as m, l as h, m as g, n as te, r as _, tt as v, ut as y, v as b, x, y as S } from "./chunks/draggable-C-1_gch3.js";
-import { $ as C, Bn as ne, Dn as re, fn as w, k as ie, on as ae, ot as T, ur as E, zn as oe } from "./chunks/features-BZeMkHMs.js";
-import { D as se } from "./chunks/icons-nP0Wj6Eq.js";
-import { a as ce, c as le, d as ue, f as de, g as fe, h as D, i as pe, l as me, m as O, n as he, o as k, p as A, r as j, s as M, t as N, u as P } from "./chunks/styles-C9P3yzMF.js";
+import { C as e, F as t, G as n, M as r, N as i, P as a, T as o, W as s, _ as c, b as l, ct as u, dt as d, f as ee, ft as f, g as p, h as m, l as h, m as g, n as _, r as v, tt as y, ut as b, v as x, x as S, y as te } from "./chunks/draggable-C-1_gch3.js";
+import { $ as C, Bn as ne, On as re, Vn as w, dr as T, en as ie, k as ae, ot as E, pn as D, sn as oe } from "./chunks/features-BHTP4oRU.js";
+import { D as se } from "./chunks/icons-DS4IYWzG.js";
+import { a as ce, c as le, d as ue, f as de, g as fe, h as O, i as pe, l as me, m as k, n as he, o as A, p as j, r as M, s as N, t as P, u as F } from "./chunks/styles-CPUuKOlD.js";
 //#region src/Editor.vue?vue&type=script&setup=true&lang.ts
-var F = ["data-tpl-theme"], I = {
+var I = ["data-tpl-theme"], L = {
 	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)"
 	}
-}, 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 = {
+}, R = { class: "tpl:flex tpl:items-center tpl:justify-center tpl:gap-10" }, ge = { class: "tpl:sticky tpl:top-0 tpl:z-40 tpl:h-0" }, _e = {
 	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 = {
+}, ve = { 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)]" }, ye = {
 	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__ */ T(/* @__PURE__ */ e({
+}, be = ["aria-label"], z = /* @__PURE__ */ E(/* @__PURE__ */ e({
 	__name: "Editor",
 	props: {
 		config: {},
@@ -24,116 +24,118 @@ var F = ["data-tpl-theme"], I = {
 		fontsManager: {}
 	},
 	setup(e, { expose: o }) {
-		let _ = v(null), C = e, T = re({
-			content: C.config.content,
-			templateDefaults: C.config.templateDefaults
-		}), E = ie({
-			editor: T,
+		let v = y(null), C = y(null);
+		t(ie, C);
+		let T = e, E = re({
+			content: T.config.content,
+			templateDefaults: T.config.templateDefaults
+		}), A = ae({
+			editor: E,
 			config: {
-				uiTheme: C.config.uiTheme,
-				theme: C.config.theme,
-				blockDefaults: C.config.blockDefaults,
-				customBlocks: C.config.customBlocks,
-				mergeTags: C.config.mergeTags,
-				displayConditions: C.config.displayConditions,
-				onRequestMedia: C.config.onRequestMedia,
-				editorType: C.config.editorType,
-				accessibility: fe(C.config),
-				onSave: C.config.onSave ? () => C.config.onSave(JSON.parse(JSON.stringify(T.state.content))) : void 0
+				uiTheme: T.config.uiTheme,
+				theme: T.config.theme,
+				blockDefaults: T.config.blockDefaults,
+				customBlocks: T.config.customBlocks,
+				mergeTags: T.config.mergeTags,
+				displayConditions: T.config.displayConditions,
+				onRequestMedia: T.config.onRequestMedia,
+				editorType: T.config.editorType,
+				accessibility: fe(T.config),
+				onSave: T.config.onSave ? () => T.config.onSave(JSON.parse(JSON.stringify(E.state.content))) : void 0
 			},
-			translations: C.translations,
-			fontsManager: C.fontsManager,
-			autoSaveOptions: C.config.onChange ? { onChange: () => C.config.onChange(JSON.parse(JSON.stringify(T.state.content))) } : null
+			translations: T.translations,
+			fontsManager: T.fontsManager,
+			autoSaveOptions: T.config.onChange ? { onChange: () => T.config.onChange(JSON.parse(JSON.stringify(E.state.content))) } : null
 		});
 		r(async () => {
-			if (await C.fontsManager.loadCustomFonts(), w(C.config.editorType) === "popup" && !T.content.value.settings.popup) {
-				let e = ne();
-				T.updateSettings({
+			if (await T.fontsManager.loadCustomFonts(), D(T.config.editorType) === "popup" && !E.content.value.settings.popup) {
+				let e = w();
+				E.updateSettings({
 					popup: e,
-					width: oe[e.design.sizePreset]
+					width: ne[e.design.sizePreset]
 				});
 			}
 		}), i(() => {
-			C.fontsManager.cleanupFontLinks(), E.destroy();
+			T.fontsManager.cleanupFontLinks(), A.destroy();
 		});
-		let k = v("blocks");
-		t(ae, k);
-		let z = g(() => w(C.config.editorType) === "popup"), B = g(() => z.value && k.value === "displayRules"), V = g(() => z.value && k.value === "schedule"), H = g(() => k.value === "design"), U = g(() => z.value && (B.value || V.value || H.value)), W = g(() => {
-			if (T.state.previewMode) return ["tpl:left-0", "tpl:right-0"];
-			if (!z.value) return ["tpl:left-12", "tpl:right-[320px]"];
+		let z = y("blocks");
+		t(oe, z);
+		let B = g(() => D(T.config.editorType) === "popup"), V = g(() => B.value && z.value === "displayRules"), H = g(() => B.value && z.value === "schedule"), U = g(() => z.value === "design"), W = g(() => B.value && (V.value || H.value || U.value)), G = g(() => {
+			if (E.state.previewMode) return ["tpl:left-0", "tpl:right-0"];
+			if (!B.value) return ["tpl:left-12", "tpl:right-[320px]"];
 			let e;
-			return e = k.value === "blocks" ? "tpl:left-[272px]" : H.value ? "tpl:left-[392px]" : "tpl:left-[72px]", [e, U.value ? "tpl:right-0" : "tpl:right-[320px]"];
-		}), G = g(() => B.value || V.value);
+			return e = z.value === "blocks" ? "tpl:left-[272px]" : U.value ? "tpl:left-[392px]" : "tpl:left-[72px]", [e, W.value ? "tpl:right-0" : "tpl:right-[320px]"];
+		}), K = g(() => V.value || H.value);
 		return o({
-			getContent: () => T.content.value,
-			setContent: (e) => T.setContent(e),
-			setTheme: (e) => T.setUiTheme(e),
-			undo: () => E.history.undo(),
-			redo: () => E.history.redo(),
-			canUndo: () => E.history.canUndo.value,
-			canRedo: () => E.history.canRedo.value,
-			renderCustomBlock: E.registry.renderCustomBlock,
-			startTour: (e) => _.value?.start(e),
-			dismissTour: () => _.value?.dismiss(),
-			resetTourDismissed: () => pe(C.config.tour),
-			isTourDismissed: () => C.config.tour ? ce(C.config.tour) : !0
-		}), (t, r) => (a(), b("div", {
-			class: y(["tpl tpl:relative tpl:h-full tpl:overflow-hidden", { "tpl:dark": u(T).state.darkMode }]),
-			"data-tpl-theme": u(E).resolvedTheme.value,
-			style: d(u(E).themeStyles.value)
+			getContent: () => E.content.value,
+			setContent: (e) => E.setContent(e),
+			setTheme: (e) => E.setUiTheme(e),
+			undo: () => A.history.undo(),
+			redo: () => A.history.redo(),
+			canUndo: () => A.history.canUndo.value,
+			canRedo: () => A.history.canRedo.value,
+			renderCustomBlock: A.registry.renderCustomBlock,
+			startTour: (e) => v.value?.start(e),
+			dismissTour: () => v.value?.dismiss(),
+			resetTourDismissed: () => pe(T.config.tour),
+			isTourDismissed: () => T.config.tour ? ce(T.config.tour) : !0
+		}), (t, r) => (a(), x("div", {
+			class: b(["tpl tpl:relative tpl:h-full tpl:overflow-hidden", { "tpl:dark": u(E).state.darkMode }]),
+			"data-tpl-theme": u(A).resolvedTheme.value,
+			style: d(u(A).themeStyles.value)
 		}, [
-			m("header", I, [
+			m("header", L, [
 				r[5] ||= m("div", { class: "tpl:flex tpl:items-center tpl:gap-2.5" }, null, -1),
-				m("div", L, [
-					x(ue),
-					x(P, {
-						viewport: u(T).state.viewport,
-						onChange: u(T).setViewport
+				m("div", R, [
+					S(ue),
+					S(F, {
+						viewport: u(E).state.viewport,
+						onChange: u(E).setViewport
 					}, null, 8, ["viewport", "onChange"]),
-					x(le, {
-						"dark-mode": u(T).state.darkMode,
-						onChange: u(T).setDarkMode
+					S(le, {
+						"dark-mode": u(E).state.darkMode,
+						onChange: u(E).setDarkMode
 					}, null, 8, ["dark-mode", "onChange"]),
-					x(me, {
-						"preview-mode": u(T).state.previewMode,
-						onChange: u(T).setPreviewMode
+					S(me, {
+						"preview-mode": u(E).state.previewMode,
+						onChange: u(E).setPreviewMode
 					}, null, 8, ["preview-mode", "onChange"])
 				]),
 				r[6] ||= m("div", { class: "tpl:flex tpl:min-w-[200px] tpl:items-center tpl:justify-end tpl:gap-3" }, null, -1)
 			]),
-			n(x(A, null, null, 512), [[h, !u(T).state.previewMode]]),
+			n(S(j, null, null, 512), [[h, !u(E).state.previewMode]]),
 			m("div", {
-				class: y(["tpl-body tpl:absolute tpl:bottom-0 tpl:overflow-auto", [...W.value, "tpl:top-14"]]),
+				class: b(["tpl-body tpl:absolute tpl:bottom-0 tpl:overflow-auto", [...G.value, "tpl:top-14"]]),
 				style: d({
 					transition: "all 300ms cubic-bezier(0.34, 1.56, 0.64, 1)",
-					backgroundColor: G.value ? "var(--tpl-bg)" : "var(--tpl-canvas-bg)"
+					backgroundColor: K.value ? "var(--tpl-bg)" : "var(--tpl-canvas-bg)"
 				})
-			}, [z.value && k.value === "displayRules" ? (a(), p(he, { key: 0 })) : z.value && k.value === "schedule" ? (a(), p(N, {
+			}, [B.value && z.value === "displayRules" ? (a(), p(he, { key: 0 })) : B.value && z.value === "schedule" ? (a(), p(P, {
 				key: 1,
 				layout: "standalone"
-			})) : (a(), b(ee, { key: 2 }, [m("div", R, [x(te, { name: "tpl-restore-btn" }, {
-				default: s(() => [u(E).conditionPreview.hasHiddenBlocks.value ? (a(), b("button", {
+			})) : (a(), x(ee, { key: 2 }, [m("div", ge, [S(_, { name: "tpl-restore-btn" }, {
+				default: s(() => [u(A).conditionPreview.hasHiddenBlocks.value ? (a(), x("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: r[0] ||= (e) => u(E).conditionPreview.reset()
-				}, [x(u(se), {
+					onClick: r[0] ||= (e) => u(A).conditionPreview.reset()
+				}, [S(u(se), {
 					size: 13,
 					"stroke-width": 2
-				}), l(" " + f(u(E).t.blockSettings.restoreHiddenBlocks), 1)])) : c("", !0)]),
+				}), l(" " + f(u(A).t.blockSettings.restoreHiddenBlocks), 1)])) : c("", !0)]),
 				_: 1
-			})]), z.value ? (a(), b("div", ge, [x(O, {
-				"preview-mode": u(T).state.previewMode,
+			})]), B.value ? (a(), x("div", _e, [S(k, {
+				"preview-mode": u(E).state.previewMode,
 				"multi-page-canvas": e.config.multiPageCanvas ?? !1
-			}, null, 8, ["preview-mode", "multi-page-canvas"]), m("div", _e, [r[7] ||= S("<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), x(D, {
+			}, null, 8, ["preview-mode", "multi-page-canvas"]), m("div", ve, [r[7] ||= te("<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-1fdbd0b6><span class=\"tpl:block tpl:size-3 tpl:rounded-full\" style=\"background-color:#ff5f57;\" data-v-1fdbd0b6></span><span class=\"tpl:block tpl:size-3 tpl:rounded-full\" style=\"background-color:#febc2e;\" data-v-1fdbd0b6></span><span class=\"tpl:block tpl:size-3 tpl:rounded-full\" style=\"background-color:#28c840;\" data-v-1fdbd0b6></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-1fdbd0b6> yourstore.com </div></div>", 1), S(O, {
 				class: "tpl:flex tpl:min-h-0 tpl:flex-1 tpl:flex-col",
-				viewport: u(T).state.viewport,
-				content: u(T).content.value,
-				"selected-block-id": u(T).state.selectedBlockId,
-				"dark-mode": u(T).state.darkMode,
-				"preview-mode": u(T).state.previewMode,
+				viewport: u(E).state.viewport,
+				content: u(E).content.value,
+				"selected-block-id": u(E).state.selectedBlockId,
+				"dark-mode": u(E).state.darkMode,
+				"preview-mode": u(E).state.previewMode,
 				"multi-page-canvas": e.config.multiPageCanvas ?? !1,
-				onSelectBlock: u(T).selectBlock
+				onSelectBlock: u(E).selectBlock
 			}, null, 8, [
 				"viewport",
 				"content",
@@ -142,17 +144,17 @@ var F = ["data-tpl-theme"], I = {
 				"preview-mode",
 				"multi-page-canvas",
 				"onSelectBlock"
-			])])])) : (a(), b("div", ve, [x(O, {
-				"preview-mode": u(T).state.previewMode,
+			])])])) : (a(), x("div", ye, [S(k, {
+				"preview-mode": u(E).state.previewMode,
 				"multi-page-canvas": e.config.multiPageCanvas ?? !1
-			}, null, 8, ["preview-mode", "multi-page-canvas"]), x(D, {
-				viewport: u(T).state.viewport,
-				content: u(T).content.value,
-				"selected-block-id": u(T).state.selectedBlockId,
-				"dark-mode": u(T).state.darkMode,
-				"preview-mode": u(T).state.previewMode,
+			}, null, 8, ["preview-mode", "multi-page-canvas"]), S(O, {
+				viewport: u(E).state.viewport,
+				content: u(E).content.value,
+				"selected-block-id": u(E).state.selectedBlockId,
+				"dark-mode": u(E).state.darkMode,
+				"preview-mode": u(E).state.previewMode,
 				"multi-page-canvas": e.config.multiPageCanvas ?? !1,
-				onSelectBlock: u(T).selectBlock
+				onSelectBlock: u(E).selectBlock
 			}, null, 8, [
 				"viewport",
 				"content",
@@ -162,39 +164,44 @@ var F = ["data-tpl-theme"], I = {
 				"multi-page-canvas",
 				"onSelectBlock"
 			])]))], 64))], 6),
-			e.config.branding === !1 ? c("", !0) : (a(), p(M, {
+			e.config.branding === !1 ? c("", !0) : (a(), p(N, {
 				key: 0,
-				"position-class": W.value
+				"position-class": G.value
 			}, null, 8, ["position-class"])),
 			m("div", {
 				class: "tpl-sr-only",
 				role: "status",
 				"aria-live": "polite",
 				"aria-atomic": "true",
-				"aria-label": u(E).t.landmarks.reorderAnnouncements
-			}, f(u(E).keyboardReorder.announcement.value), 9, ye),
-			n(x(de, {
-				"selected-block": u(T).selectedBlock.value,
-				settings: u(T).content.value.settings,
-				onUpdateBlock: r[1] ||= (e) => u(T).updateBlock(u(T).state.selectedBlockId, e),
+				"aria-label": u(A).t.landmarks.reorderAnnouncements
+			}, f(u(A).keyboardReorder.announcement.value), 9, be),
+			n(S(de, {
+				"selected-block": u(E).selectedBlock.value,
+				settings: u(E).content.value.settings,
+				onUpdateBlock: r[1] ||= (e) => u(E).updateBlock(u(E).state.selectedBlockId, e),
 				onDeleteBlock: r[2] ||= () => {
-					u(T).state.selectedBlockId && u(E).blockActions.deleteBlock(u(T).state.selectedBlockId);
+					u(E).state.selectedBlockId && u(A).blockActions.deleteBlock(u(E).state.selectedBlockId);
 				},
 				onDuplicateBlock: r[3] ||= () => {
-					u(T).selectedBlock.value && u(E).blockActions.duplicateBlock(u(T).selectedBlock.value);
+					u(E).selectedBlock.value && u(A).blockActions.duplicateBlock(u(E).selectedBlock.value);
 				},
-				onUpdateSettings: r[4] ||= (e) => u(T).updateSettings(e)
-			}, null, 8, ["selected-block", "settings"]), [[h, !u(T).state.previewMode && !U.value]]),
-			e.config.tour ? (a(), p(j, {
+				onUpdateSettings: r[4] ||= (e) => u(E).updateSettings(e)
+			}, null, 8, ["selected-block", "settings"]), [[h, !u(E).state.previewMode && !W.value]]),
+			m("div", {
+				ref_key: "floatingUiTeleportEl",
+				ref: C,
+				class: "tpl-editor-floating-ui tpl:pointer-events-none tpl:fixed tpl:inset-0 tpl:z-[9999] tpl:overflow-visible"
+			}, null, 512),
+			e.config.tour ? (a(), p(M, {
 				key: 1,
 				ref_key: "editorTourRef",
-				ref: _,
+				ref: v,
 				"tour-config": e.config.tour,
-				"dark-mode": u(T).state.darkMode
+				"dark-mode": u(E).state.darkMode
 			}, null, 8, ["tour-config", "dark-mode"])) : c("", !0)
-		], 14, F));
+		], 14, I));
 	}
-}), [["__scopeId", "data-v-186f5453"]]), B = /* @__PURE__ */ Object.assign({
+}), [["__scopeId", "data-v-1fdbd0b6"]]), B = /* @__PURE__ */ Object.assign({
 	"./locales/de.ts": () => import("./chunks/de-Dum1oCPV.js"),
 	"./locales/en.ts": () => import("./chunks/en-ClDdvkbR.js")
 }), V = /* @__PURE__ */ Object.assign({
@@ -216,16 +223,16 @@ async function q(e) {
 	let t = B[`./locales/${K(e, U)}.ts`];
 	return (await t()).default;
 }
-async function be(e) {
+async function xe(e) {
 	let t = V[`./locales/cloud/${K(e, W)}.ts`];
 	return (await t()).default;
 }
 //#endregion
 //#region src/utils/toMjml.ts
-async function xe(e) {
+async function Se(e) {
 	let t;
 	try {
-		t = await import("./chunks/renderer-C4OuJhDG.js").then((e) => e.t);
+		t = await import("./chunks/renderer-fG9yLafB.js").then((e) => e.t);
 	} catch {
 		throw Error("[Templatical] toMjml() requires the @aswin.dev/renderer package. Please install it.");
 	}
@@ -233,12 +240,12 @@ async function xe(e) {
 }
 //#endregion
 //#region src/index.ts
-var J = null, Y = v(null);
-async function Se(e) {
+var J = null, Y = y(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 n = await q(e.locale ?? "en"), r = C(e.fonts);
-	J && Q(), J = _({ setup() {
+	J && Q(), J = v({ setup() {
 		return () => o(z, {
 			config: e,
 			translations: n,
@@ -284,20 +291,20 @@ async function Se(e) {
 		renderCustomBlock(e) {
 			return Y.value ? Y.value.renderCustomBlock(e) : Promise.reject(/* @__PURE__ */ Error("[Templatical] Editor not ready"));
 		},
-		toMjml: () => xe(i)
+		toMjml: () => Se(i)
 	};
 	return i;
 }
-var X = null, Z = v(null);
-async function Ce(e) {
+var X = null, Z = y(null);
+async function we(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("./chunks/CloudEditor-BBBkTBfW.js"), [r, i] = await Promise.all([q(e.locale ?? "en"), be(e.locale ?? "en")]), a = C(e.fonts);
+	let { default: n } = await import("./chunks/CloudEditor-DUIjZDAS.js"), [r, i] = await Promise.all([q(e.locale ?? "en"), xe(e.locale ?? "en")]), a = C(e.fonts);
 	return X && $(), await new Promise((s, c) => {
 		let l = setTimeout(() => {
 			c(/* @__PURE__ */ Error("[Templatical] Cloud editor initialization timed out"));
-		}, E);
-		X = _({ setup() {
+		}, T);
+		X = v({ setup() {
 			return () => o(n, {
 				config: e,
 				translations: r,
@@ -362,6 +369,6 @@ function $() {
 	X && (X.unmount(), X = null, Z.value = null);
 }
 //#endregion
-export { k as DEFAULT_EDITOR_TOUR_STORAGE_KEY, Se as init, Ce as initCloud, Q as unmount, C as useFonts };
+export { A as DEFAULT_EDITOR_TOUR_STORAGE_KEY, Ce as init, we as initCloud, Q as unmount, C as useFonts };
 
 //# sourceMappingURL=editor.js.map