@templatical/editor 0.7.1 → 0.7.3

package/dist/{CloudEditor-S7AzuNwC.js → CloudEditor-BBs3p-mW.js}

@@ -1,25 +1,25 @@
 import { A as e, B as t, L as n, M as r, O as i, Q as a, X as o, _ as s, at as c, b as l, c as u, d, f, g as p, h as m, j as h, k as g, l as _, m as v, o as y, ot as b, p as x, q as S, rt as C, st as w, t as T, v as E, y as D, z as O } from "./vue.runtime.esm-bundler-Bxqkjqhc.js";
 import { t as k } from "./timeouts-BSGxjuUF.js";
 import { E as A, i as j } from "./dist-DJmnUmW9.js";
-import { P as M, S as ee, t as N } from "./useEditorCore-uCU9Ny0M.js";
+import { P as M, S as N, t as ee } from "./useEditorCore-_rbu6iMu.js";
 import { s as P, t as F } from "./dist-BzRLLpfq.js";
-import { E as te, S as ne, T as I, c as L, i as R, l as z, n as B, u as V } from "./keys-B5SJtPWf.js";
-import { t as H } from "./useI18n-PEB8ioi_.js";
-import { t as U } from "./createLucideIcon-Di4mqmGn.js";
-import { t as W } from "./check-Bg5yrRmX.js";
-import { t as G } from "./circle-alert-C0L9pUQ4.js";
-import { a as K, c as re, i as q, l as ie, n as J, o as ae, r as oe, s as se, t as ce } from "./styles-DeNciUTX.js";
-import { t as Y } from "./clock-CDlEdqiP.js";
-import { t as X } from "./loader-circle-_9bP23op.js";
-import { t as Z } from "./message-circle-gzy2ZGJ3.js";
-import { t as le } from "./send-BatIZC9a.js";
+import { E as I, S as te, T as ne, c as L, i as re, l as R, n as z, u as B } from "./keys-B5SJtPWf.js";
+import { t as V } from "./useI18n-PEB8ioi_.js";
+import { t as H } from "./createLucideIcon-Di4mqmGn.js";
+import { t as U } from "./check-Bg5yrRmX.js";
+import { t as W } from "./circle-alert-C0L9pUQ4.js";
+import { a as G, c as K, i as q, l as ie, n as J, o as ae, r as oe, s as se, t as ce } from "./styles-BP15QmP3.js";
+import { t as le } from "./clock-CDlEdqiP.js";
+import { t as Y } from "./loader-circle-_9bP23op.js";
+import { t as X } from "./message-circle-gzy2ZGJ3.js";
+import { t as Z } from "./send-BatIZC9a.js";
 import { t as ue } from "./sparkles-D1IGi_cC.js";
 import { t as de } from "./triangle-alert-DWQySIE2.js";
 import { t as fe } from "./_plugin-vue_export-helper-B0hnzhyu.js";
 import { n as Q } from "./useCloudI18n-ByEMykjO.js";
-import { d as $ } from "./styleConstants-fWzlIIwN.js";
-import { _ as pe, a as me, c as he, d as ge, f as _e, g as ve, h as ye, l as be, m as xe, n as Se, o as Ce, p as we, r as Te, s as Ee, t as De, v as Oe, y as ke } from "./cloud-a3VovHva.js";
-var Ae = U("save", [
+import { d as $ } from "./styleConstants-DkfOPzGu.js";
+import { _ as pe, a as me, c as he, d as ge, f as _e, g as ve, h as ye, l as be, m as xe, n as Se, o as Ce, p as we, r as Te, s as Ee, t as De, v as Oe, y as ke } from "./cloud-k0DgeCo2.js";
+var Ae = H("save", [
 	["path", {
 		d: "M15.2 3a2 2 0 0 1 1.4.6l3.8 3.8a2 2 0 0 1 .6 1.4V19a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2z",
 		key: "1c8476"
@@ -240,7 +240,7 @@ function Ie(e) {
 	}), n(() => S.lockedBlocks.value, (e) => {
 		y.value = e;
 	}, { immediate: !0 }), Ee(b, S));
-	let C = d(() => !!t.collaboration?.enabled && v.hasFeature("collaboration")), w = N({
+	let C = d(() => !!t.collaboration?.enabled && v.hasFeature("collaboration")), w = ee({
 		editor: b,
 		config: {
 			uiTheme: t.uiTheme,
@@ -250,7 +250,7 @@ function Ie(e) {
 			mergeTags: t.mergeTags,
 			displayConditions: t.displayConditions,
 			onRequestMedia: null,
-			accessibility: re(t),
+			accessibility: K(t),
 			onSave: () => {
 				p.value?.().catch((e) => {
 					t.onError?.(e);
@@ -269,7 +269,8 @@ function Ie(e) {
 		},
 		themeExtraStyles: () => ({ "--tpl-drop-text": `"${r.canvas.dropHere}"` }),
 		keyboardOptions: { onBeforeUndo: () => g?.showCollabUndoWarning() },
-		editorRoot: e.editorRoot
+		editorRoot: e.editorRoot,
+		containerEl: e.containerEl
 	}), T = Ne({
 		isCollaborationEnabled: C,
 		getCollaboratorCount: () => S?.collaborators.value.length ?? 0,
@@ -294,7 +295,7 @@ function Ie(e) {
 		mediaLibraryOpen: D.mediaLibraryOpen,
 		mediaLibraryAccept: D.mediaLibraryAccept
 	});
-	ee({
+	N({
 		onBlockMove: b.moveBlock,
 		onBlockAdd: b.addBlock
 	});
@@ -323,33 +324,33 @@ function Ie(e) {
 		comments: F,
 		channel: x.channel
 	});
-	let z = ye({
+	let R = ye({
 		authManager: _,
 		onError: t.onError
-	}), H = o(!1), U = o(null), W = o(!1), G = pe({
+	}), V = o(!1), H = o(null), U = o(!1), W = pe({
 		authManager: _,
 		getTemplateId: () => b.state.template?.id ?? null
 	});
-	function K(e) {
+	function G(e) {
 		D.commentsOpen.value = !0, queueMicrotask(() => {
 			s()?.filterByBlock(e);
 		});
 	}
-	h(ne, A.handleRequestMedia), h(R, _), h(B, O), h(V, F), h(I, z), h(te, G), h(L, {
+	h(te, A.handleRequestMedia), h(re, _), h(z, O), h(B, F), h(ne, R), h(I, W), h(L, {
 		plan: v,
 		ai: O,
 		comments: {
 			getBlockCount: (e) => F.commentCountByBlock.value.get(e) ?? 0,
-			openForBlock: K
+			openForBlock: G
 		},
 		savedModules: {
 			openSaveDialog: (e) => {
-				U.value = e ?? null, H.value = !0;
+				H.value = e ?? null, V.value = !0;
 			},
 			openBrowser: () => {
-				W.value = !0;
+				U.value = !0;
 			},
-			moduleCount: d(() => z.modules.value.length)
+			moduleCount: d(() => R.modules.value.length)
 		}
 	});
 	function q(e) {
@@ -368,7 +369,7 @@ function Ie(e) {
 			if (!e.api.ok) throw Error("Health check failed: API is not reachable");
 			if (!e.auth.ok) throw Error(`Health check failed: authentication error${e.auth.error ? ` - ${e.auth.error}` : ""}`);
 			if (e.websocket.ok || M.warn("WebSocket health check failed:", e.websocket.error ?? "unknown error", "-- real-time features will be disabled."), await v.fetchConfig(), f) return;
-			i.setCustomFontsEnabled(v.hasFeature("custom_fonts")), t.customBlocks?.length && v.hasFeature("custom_blocks") && w.registerCustomBlocks(t.customBlocks), t.theme && v.hasFeature("theme_customization") && (w.themeOverrides.value = t.theme), t.modules !== !1 && v.hasFeature("saved_modules") && z.loadModules(), a("ready");
+			i.setCustomFontsEnabled(v.hasFeature("custom_fonts")), t.customBlocks?.length && v.hasFeature("custom_blocks") && w.registerCustomBlocks(t.customBlocks), t.theme && v.hasFeature("theme_customization") && (w.themeOverrides.value = t.theme), t.modules !== !1 && v.hasFeature("saved_modules") && R.loadModules(), a("ready");
 		} catch (e) {
 			if (f) return;
 			let n = e instanceof Error ? e : Error("Initialization failed", { cause: e });
@@ -398,20 +399,20 @@ function Ie(e) {
 		exporter: j,
 		testEmail: P,
 		commentsInstance: F,
-		savedModulesHeadless: z,
-		scoringInstance: G,
+		savedModulesHeadless: R,
+		scoringInstance: W,
 		panelState: D,
 		snapshotPreview: E,
 		collabWarning: T,
-		showSaveModuleDialog: H,
-		showModuleBrowserModal: W,
-		saveModulePreSelectedBlockId: U,
+		showSaveModuleDialog: V,
+		showModuleBrowserModal: U,
+		saveModulePreSelectedBlockId: H,
 		onSaveHook: p,
 		initialize: J,
 		destroy: ae,
 		setThemeOverrides: q,
 		setUiTheme: ie,
-		openCommentsForBlock: K
+		openCommentsForBlock: G
 	};
 }
 //#endregion
@@ -591,7 +592,7 @@ var Be = ["aria-label"], Ve = { class: "tpl:flex tpl:max-h-[80vh] tpl:w-full tpl
 	},
 	emits: ["save"],
 	setup(t) {
-		let n = D(() => import("./CollaboratorBar-VZKOv_Zn.js")), r = D(() => import("./SnapshotHistory-C97Iw6xw.js")), i = D(() => import("./AiFeatureMenu-CVHKharv.js")), { t: a, format: o } = Q();
+		let n = D(() => import("./CollaboratorBar-CiEo25lb.js")), r = D(() => import("./SnapshotHistory-XNqYxPBj.js")), i = D(() => import("./AiFeatureMenu-CJGX-fP5.js")), { t: a, format: o } = Q();
 		return (l, d) => (e(), m("header", Xe, [
 			f("div", Ze, [t.featureFlags.templateLimit.value === null ? v("", !0) : (e(), m("span", Qe, w(C(o)(C(a).header.templatesUsed, {
 				used: t.featureFlags.templateCount.value,
@@ -636,10 +637,10 @@ var Be = ["aria-label"], Ve = { class: "tpl:flex tpl:max-h-[80vh] tpl:w-full tpl
 					"aria-live": "assertive",
 					class: "tpl-tooltip tpl-status tpl:flex tpl:items-center tpl:gap-1.5 tpl:text-xs tpl:text-[var(--tpl-danger)]",
 					"data-tooltip": t.featureFlags.saveErrorMessage.value
-				}, [E(C(G), {
+				}, [E(C(W), {
 					size: 12,
 					"stroke-width": 2.5
-				}), s(" " + w(C(a).header.saveFailed), 1)], 8, tt)) : t.featureFlags.saveStatus.value === "saved" ? (e(), m("div", nt, [E(C(W), {
+				}), s(" " + w(C(a).header.saveFailed), 1)], 8, tt)) : t.featureFlags.saveStatus.value === "saved" ? (e(), m("div", nt, [E(C(U), {
 					size: 12,
 					"stroke-width": 2.5
 				}), s(" " + w(C(a).header.saved), 1)])) : t.editor.state.isDirty ? (e(), m("div", rt, [d[4] ||= f("span", { class: "tpl-pulse tpl:size-1.5 tpl:rounded-full tpl:bg-[var(--tpl-primary)]" }, null, -1), s(" " + w(C(a).header.unsaved), 1)])) : v("", !0),
@@ -655,7 +656,7 @@ var Be = ["aria-label"], Ve = { class: "tpl:flex tpl:max-h-[80vh] tpl:w-full tpl
 					}),
 					onClick: d[0] ||= (e) => t.panelState.commentsOpen.value = !t.panelState.commentsOpen.value
 				}, [
-					E(C(Z), {
+					E(C(X), {
 						size: 16,
 						"stroke-width": 2
 					}),
@@ -698,12 +699,12 @@ var Be = ["aria-label"], Ve = { class: "tpl:flex tpl:max-h-[80vh] tpl:w-full tpl
 					},
 					disabled: t.testEmail.isSending.value || !t.featureFlags.hasTemplateSaved.value,
 					onClick: d[2] ||= (e) => t.panelState.testEmailModalOpen.value = !0
-				}, [t.testEmail.isSending.value ? (e(), x(C(X), {
+				}, [t.testEmail.isSending.value ? (e(), x(C(Y), {
 					key: 1,
 					class: "tpl-spinner",
 					size: 16,
 					"stroke-width": 2
-				})) : (e(), x(C(le), {
+				})) : (e(), x(C(Z), {
 					key: 0,
 					size: 16,
 					"stroke-width": 2
@@ -717,7 +718,7 @@ var Be = ["aria-label"], Ve = { class: "tpl:flex tpl:max-h-[80vh] tpl:w-full tpl
 					},
 					disabled: t.isSaveDisabled,
 					onClick: d[3] ||= (e) => l.$emit("save")
-				}, [t.isSaving ? (e(), x(C(X), {
+				}, [t.isSaving ? (e(), x(C(Y), {
 					key: 1,
 					class: "tpl-spinner",
 					size: 16,
@@ -753,7 +754,7 @@ var Be = ["aria-label"], Ve = { class: "tpl:flex tpl:max-h-[80vh] tpl:w-full tpl
 		"module-insert"
 	],
 	setup(t, { expose: n, emit: r }) {
-		let i = D(() => import("./AiChatSidebar-BwLECwsO.js")), a = D(() => import("./CommentsSidebar-BiRtaXYD.js")), s = D(() => import("./DesignReferenceSidebar-Ci9HIGbf.js")), c = D(() => import("./TemplateScoringPanel-V79yrEPC.js")), l = D(() => import("./TestEmailModal-B7S8H-VG.js")), u = D(() => import("./SaveModuleDialog-DGGGNZfm.js")), d = D(() => import("./ModuleBrowserModal-D7IYx1Nh.js")), f = D(async () => {
+		let i = D(() => import("./AiChatSidebar-H7SIsxeC.js")), a = D(() => import("./CommentsSidebar-DikjSLtH.js")), s = D(() => import("./DesignReferenceSidebar-D08CLZPA.js")), c = D(() => import("./TemplateScoringPanel-kYOGtac3.js")), l = D(() => import("./TestEmailModal-B_-Qo5Us.js")), u = D(() => import("./SaveModuleDialog-NKT7bWWs.js")), d = D(() => import("./ModuleBrowserModal-D6637s8j.js")), f = D(async () => {
 			try {
 				return (await import("@templatical/media-library")).MediaLibraryModal;
 			} catch {
@@ -867,7 +868,7 @@ var Be = ["aria-label"], Ve = { class: "tpl:flex tpl:max-h-[80vh] tpl:w-full tpl
 			return "isNotFound" in e && !!e.isNotFound;
 		}
 		return (n, s) => t.visible && t.error ? (e(), m("div", gt, [
-			f("div", _t, [E(C(G), {
+			f("div", _t, [E(C(W), {
 				size: 32,
 				"stroke-width": 1.5,
 				class: "tpl:text-[var(--tpl-danger)]"
@@ -889,7 +890,7 @@ var Be = ["aria-label"], Ve = { class: "tpl:flex tpl:max-h-[80vh] tpl:w-full tpl
 	emits: ["cancel", "confirm"],
 	setup(t, { emit: n }) {
 		let r = n, { t: i } = Q();
-		return (n, a) => t.visible ? (e(), m("div", St, [f("div", Ct, [E(C(Y), {
+		return (n, a) => t.visible ? (e(), m("div", St, [f("div", Ct, [E(C(le), {
 			size: 18,
 			"stroke-width": 2,
 			class: "tpl:text-[var(--tpl-primary)]"
@@ -916,7 +917,7 @@ var Be = ["aria-label"], Ve = { class: "tpl:flex tpl:max-h-[80vh] tpl:w-full tpl
 	__name: "CollabUndoToast",
 	props: { visible: { type: Boolean } },
 	setup(t) {
-		let { t: n } = H();
+		let { t: n } = V();
 		return (r, i) => t.visible ? (e(), m("div", Et, w(C(n).history.collabWarning), 1)) : v("", !0);
 	}
 }), Ot = ["data-tpl-theme"], kt = { class: "tpl:sticky tpl:top-0 tpl:z-40 tpl:h-0" }, At = { class: "tpl-main tpl:flex tpl:justify-center tpl:p-8" }, jt = ["aria-label"], Mt = /* @__PURE__ */ fe(/* @__PURE__ */ l({
@@ -931,61 +932,64 @@ var Be = ["aria-label"], Ve = { class: "tpl:flex tpl:max-h-[80vh] tpl:w-full tpl
 	emits: ["ready"],
 	setup(n, { expose: r, emit: a }) {
 		let l = n;
-		h(z, l.cloudTranslations);
-		let u = a, d = o(null), p = Ie({
+		h(R, l.cloudTranslations);
+		let u = a, d = o(null), p = o(null), _ = Ie({
 			config: l.config,
 			translations: l.translations,
 			fontsManager: l.fontsManager,
 			emit: u,
 			getCommentsSidebar: () => d.value ? { filterByBlock: d.value.filterCommentsByBlock } : null,
-			editorRoot: l.shadowRoot
-		}), { isInitializing: _, isAuthReady: S, initError: D, planConfigInstance: k, websocket: A, collaboration: M, isCollaborationEnabled: ee, editor: N, core: P, featureFlags: F, mediaLib: te, exporter: ne, testEmail: I, commentsInstance: L, savedModulesHeadless: R, panelState: B, snapshotPreview: V, collabWarning: H, showSaveModuleDialog: U, showModuleBrowserModal: W, saveModulePreSelectedBlockId: G, setThemeOverrides: re, setUiTheme: q } = p;
-		async function J(e) {
+			editorRoot: l.shadowRoot,
+			containerEl: p
+		}), { isInitializing: S, isAuthReady: D, initError: k, planConfigInstance: A, websocket: M, collaboration: N, isCollaborationEnabled: ee, editor: P, core: F, featureFlags: I, mediaLib: te, exporter: ne, testEmail: L, commentsInstance: re, savedModulesHeadless: z, panelState: B, snapshotPreview: V, collabWarning: H, showSaveModuleDialog: U, showModuleBrowserModal: W, saveModulePreSelectedBlockId: K, setThemeOverrides: q, setUiTheme: J } = _;
+		async function oe(e) {
 			try {
-				await I.sendTestEmail(e), B.testEmailModalOpen.value = !1;
+				await L.sendTestEmail(e), B.testEmailModalOpen.value = !1;
 			} catch {}
 		}
-		function oe(e, t) {
+		function le(e, t) {
 			for (let n = 0; n < e.content.length; n++) {
 				let r = j(e.content[n]), i = t === void 0 ? void 0 : t + n;
-				N.addBlock(r, void 0, void 0, i);
+				P.addBlock(r, void 0, void 0, i);
 			}
 			W.value = !1;
 		}
 		let Y = Re({
 			config: l.config,
-			editor: N,
-			websocket: A,
-			planConfigInstance: k,
+			editor: P,
+			websocket: M,
+			planConfigInstance: A,
 			snapshotPreview: V,
-			core: P,
+			core: F,
 			exporter: ne,
-			featureFlags: F,
-			isDestroyed: p.isDestroyed
+			featureFlags: I,
+			isDestroyed: _.isDestroyed
 		}), X = ze({
-			issues: P.accessibilityLint ? P.accessibilityLint.issues : o([]),
-			planConfig: k.config
+			issues: F.accessibilityLint ? F.accessibilityLint.issues : o([]),
+			planConfig: A.config
 		});
 		async function Z() {
 			await X.tryRunSave(() => Y.saveTemplate().catch((e) => l.config.onError?.(e)));
 		}
-		return p.onSaveHook.value = Z, i(() => {
-			p.initialize();
+		return _.onSaveHook.value = Z, i(() => {
+			_.initialize();
 		}), g(() => {
-			p.destroy();
+			_.destroy();
 		}), r({
-			getContent: () => N.content.value,
-			setContent: (e) => N.setContent(e),
-			setTheme: q,
-			setThemeOverrides: re,
+			getContent: () => P.content.value,
+			setContent: (e) => P.setContent(e),
+			setTheme: J,
+			setThemeOverrides: q,
 			create: Y.createTemplate,
 			load: Y.loadTemplate,
 			save: Y.saveTemplate,
-			sendTestEmail: I.sendTestEmail
+			sendTestEmail: L.sendTestEmail
 		}), (r, i) => (e(), m("div", {
-			class: c(["tpl tpl:relative tpl:h-full tpl:overflow-hidden", { "tpl:dark": C(N).state.darkMode }]),
-			"data-tpl-theme": C(P).resolvedTheme.value,
-			style: b(C(P).themeStyles.value)
+			ref_key: "rootEl",
+			ref: p,
+			class: c(["tpl tpl:relative tpl:h-full tpl:overflow-hidden", { "tpl:dark": C(P).state.darkMode }]),
+			"data-tpl-theme": C(F).resolvedTheme.value,
+			style: b(C(F).themeStyles.value)
 		}, [
 			E(T, {
 				"enter-active-class": "tpl:transition-opacity tpl:duration-200",
@@ -995,7 +999,7 @@ var Be = ["aria-label"], Ve = { class: "tpl:flex tpl:max-h-[80vh] tpl:w-full tpl
 				"leave-from-class": "tpl:opacity-100",
 				"leave-to-class": "tpl:opacity-0"
 			}, {
-				default: O(() => [E(ht, { visible: C(_) || C(N).state.isLoading }, null, 8, ["visible"])]),
+				default: O(() => [E(ht, { visible: C(S) || C(P).state.isLoading }, null, 8, ["visible"])]),
 				_: 1
 			}),
 			E(T, {
@@ -1007,9 +1011,9 @@ var Be = ["aria-label"], Ve = { class: "tpl:flex tpl:max-h-[80vh] tpl:w-full tpl
 				"leave-to-class": "tpl:opacity-0"
 			}, {
 				default: O(() => [E(xt, {
-					error: C(D),
-					visible: !!C(D) && !C(_),
-					onRetry: C(p).initialize
+					error: C(k),
+					visible: !!C(k) && !C(S),
+					onRetry: C(_).initialize
 				}, null, 8, [
 					"error",
 					"visible",
@@ -1018,18 +1022,18 @@ var Be = ["aria-label"], Ve = { class: "tpl:flex tpl:max-h-[80vh] tpl:w-full tpl
 				_: 1
 			}),
 			E(ut, {
-				editor: C(N),
-				core: C(P),
-				"feature-flags": C(F),
+				editor: C(P),
+				core: C(F),
+				"feature-flags": C(I),
 				"panel-state": C(B),
 				"snapshot-preview": C(V),
-				"comments-instance": C(L),
-				"test-email": C(I),
-				websocket: C(A),
-				collaboration: C(M),
+				"comments-instance": C(re),
+				"test-email": C(L),
+				websocket: C(M),
+				collaboration: C(N),
 				"is-collaboration-enabled": C(ee),
-				"is-saving": C(N).state.isSaving || C(F).isSaveExporting.value,
-				"is-save-disabled": C(N).state.isSaving || C(F).isSaveExporting.value || !C(N).state.isDirty,
+				"is-saving": C(P).state.isSaving || C(I).isSaveExporting.value,
+				"is-save-disabled": C(P).state.isSaving || C(I).isSaveExporting.value || !C(P).state.isDirty,
 				onSave: Z
 			}, null, 8, [
 				"editor",
@@ -1076,15 +1080,15 @@ var Be = ["aria-label"], Ve = { class: "tpl:flex tpl:max-h-[80vh] tpl:w-full tpl
 				default: O(() => [E(Dt, { visible: C(H).collabUndoWarningVisible.value }, null, 8, ["visible"])]),
 				_: 1
 			}),
-			t(E(ae, null, null, 512), [[y, !C(N).state.previewMode]]),
+			t(E(ae, null, null, 512), [[y, !C(P).state.previewMode]]),
 			f("div", {
-				class: c(["tpl-body tpl:absolute tpl:bottom-0 tpl:overflow-auto", [C(N).state.previewMode ? "tpl:left-0 tpl:right-0" : C(B).rightPanelOpen.value ? "tpl:left-12 tpl:right-[680px]" : "tpl:left-12 tpl:right-[320px]", C(V).isPreviewingSnapshot.value ? "tpl:top-[104px]" : "tpl:top-14"]]),
+				class: c(["tpl-body tpl:absolute tpl:bottom-0 tpl:overflow-auto", [C(P).state.previewMode ? "tpl:left-0 tpl:right-0" : C(B).rightPanelOpen.value ? "tpl:left-12 tpl:right-[680px]" : "tpl:left-12 tpl:right-[320px]", C(V).isPreviewingSnapshot.value ? "tpl:top-[104px]" : "tpl:top-14"]]),
 				style: {
 					transition: "all 300ms cubic-bezier(0.34, 1.56, 0.64, 1)",
 					"background-color": "var(--tpl-canvas-bg)"
 				}
 			}, [f("div", kt, [E(T, { name: "tpl-restore-btn" }, {
-				default: O(() => [C(P).conditionPreview.hasHiddenBlocks.value ? (e(), m("button", {
+				default: O(() => [C(F).conditionPreview.hasHiddenBlocks.value ? (e(), m("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",
 					style: {
@@ -1093,20 +1097,20 @@ var Be = ["aria-label"], Ve = { class: "tpl:flex tpl:max-h-[80vh] tpl:w-full tpl
 						"border-color": "var(--tpl-warning)",
 						"backdrop-filter": "blur(8px)"
 					},
-					onClick: i[0] ||= (e) => C(P).conditionPreview.reset()
+					onClick: i[0] ||= (e) => C(F).conditionPreview.reset()
 				}, [E(C(ie), {
 					size: 13,
 					"stroke-width": 2
-				}), s(" " + w(C(P).t.blockSettings.restoreHiddenBlocks), 1)])) : v("", !0)]),
+				}), s(" " + w(C(F).t.blockSettings.restoreHiddenBlocks), 1)])) : v("", !0)]),
 				_: 1
 			})]), f("main", At, [E(se, {
-				viewport: C(N).state.viewport,
-				content: C(N).content.value,
-				"selected-block-id": C(N).state.selectedBlockId,
-				"dark-mode": C(N).state.darkMode,
-				"preview-mode": C(N).state.previewMode,
-				"locked-blocks": C(M)?.lockedBlocks.value ?? void 0,
-				onSelectBlock: C(N).selectBlock,
+				viewport: C(P).state.viewport,
+				content: C(P).content.value,
+				"selected-block-id": C(P).state.selectedBlockId,
+				"dark-mode": C(P).state.darkMode,
+				"preview-mode": C(P).state.previewMode,
+				"locked-blocks": C(N)?.lockedBlocks.value ?? void 0,
+				onSelectBlock: C(P).selectBlock,
 				onOpenAiChat: i[1] ||= (e) => C(B).aiChatOpen.value = !0,
 				onOpenDesignReference: i[2] ||= (e) => C(B).designReferenceOpen.value = !0
 			}, null, 8, [
@@ -1118,51 +1122,51 @@ var Be = ["aria-label"], Ve = { class: "tpl:flex tpl:max-h-[80vh] tpl:w-full tpl
 				"locked-blocks",
 				"onSelectBlock"
 			])])], 2),
-			n.config.branding !== !1 && !C(F).isWhiteLabeled.value ? (e(), x(ce, {
+			n.config.branding !== !1 && !C(I).isWhiteLabeled.value ? (e(), x(ce, {
 				key: 0,
-				"position-class": [C(N).state.previewMode ? "tpl:left-0 tpl:right-0" : C(B).rightPanelOpen.value ? "tpl:left-12 tpl:right-[680px]" : "tpl:left-12 tpl:right-[320px]"]
+				"position-class": [C(P).state.previewMode ? "tpl:left-0 tpl:right-0" : C(B).rightPanelOpen.value ? "tpl:left-12 tpl:right-[680px]" : "tpl:left-12 tpl:right-[320px]"]
 			}, null, 8, ["position-class"])) : v("", !0),
 			f("div", {
 				class: "tpl-sr-only",
 				role: "status",
 				"aria-live": "polite",
 				"aria-atomic": "true",
-				"aria-label": C(P).t.landmarks.reorderAnnouncements
-			}, w(C(P).keyboardReorder.announcement.value), 9, jt),
-			t(E(K, {
-				"selected-block": C(N).selectedBlock.value,
-				settings: C(N).content.value.settings,
+				"aria-label": C(F).t.landmarks.reorderAnnouncements
+			}, w(C(F).keyboardReorder.announcement.value), 9, jt),
+			t(E(G, {
+				"selected-block": C(P).selectedBlock.value,
+				settings: C(P).content.value.settings,
 				"shifted-left": C(B).rightPanelOpen.value,
-				onUpdateBlock: i[3] ||= (e) => C(N).updateBlock(C(N).selectedBlock.value.id, e),
-				onDeleteBlock: i[4] ||= (e) => C(P).blockActions.deleteBlock(C(N).selectedBlock.value.id),
-				onDuplicateBlock: i[5] ||= (e) => C(P).blockActions.duplicateBlock(C(N).selectedBlock.value),
-				onUpdateSettings: C(N).updateSettings
+				onUpdateBlock: i[3] ||= (e) => C(P).updateBlock(C(P).selectedBlock.value.id, e),
+				onDeleteBlock: i[4] ||= (e) => C(F).blockActions.deleteBlock(C(P).selectedBlock.value.id),
+				onDuplicateBlock: i[5] ||= (e) => C(F).blockActions.duplicateBlock(C(P).selectedBlock.value),
+				onUpdateSettings: C(P).updateSettings
 			}, null, 8, [
 				"selected-block",
 				"settings",
 				"shifted-left",
 				"onUpdateSettings"
-			]), [[y, !C(N).state.previewMode]]),
-			!C(_) && C(S) ? (e(), x(dt, {
+			]), [[y, !C(P).state.previewMode]]),
+			!C(S) && C(D) ? (e(), x(dt, {
 				key: 1,
 				ref_key: "cloudPanelsRef",
 				ref: d,
 				config: l.config,
-				editor: C(N),
-				core: C(P),
+				editor: C(P),
+				core: C(F),
 				"panel-state": C(B),
-				"plan-config-instance": C(k),
-				"test-email": C(I),
+				"plan-config-instance": C(A),
+				"test-email": C(L),
 				"media-lib": C(te),
-				"saved-modules-headless": C(R),
+				"saved-modules-headless": C(z),
 				"show-save-module-dialog": C(U),
-				"save-module-pre-selected-block-id": C(G),
+				"save-module-pre-selected-block-id": C(K),
 				"show-module-browser-modal": C(W),
 				"onUpdate:showSaveModuleDialog": i[6] ||= (e) => U.value = e,
-				"onUpdate:saveModulePreSelectedBlockId": i[7] ||= (e) => G.value = e,
+				"onUpdate:saveModulePreSelectedBlockId": i[7] ||= (e) => K.value = e,
 				"onUpdate:showModuleBrowserModal": i[8] ||= (e) => W.value = e,
-				onSendTestEmail: J,
-				onModuleInsert: oe
+				onSendTestEmail: oe,
+				onModuleInsert: le
 			}, null, 8, [
 				"config",
 				"editor",
@@ -1177,11 +1181,11 @@ var Be = ["aria-label"], Ve = { class: "tpl:flex tpl:max-h-[80vh] tpl:w-full tpl
 				"show-module-browser-modal"
 			])) : v("", !0),
 			f("div", {
-				ref: (e) => C(P).popoverRoot.value = e,
+				ref: (e) => C(F).popoverRoot.value = e,
 				class: "tpl-popover-root"
 			}, null, 512)
 		], 14, Ot));
 	}
-}), [["__scopeId", "data-v-c00ce9ab"]]);
+}), [["__scopeId", "data-v-1b4da1c7"]]);
 //#endregion
 export { Mt as default };

package/dist/{CollaboratorBar-VZKOv_Zn.js → CollaboratorBar-CiEo25lb.js}

@@ -1,8 +1,8 @@
 import { A as e, M as t, b as n, d as r, f as i, h as a, l as o, m as s, ot as c, p as l, rt as u, st as d } from "./vue.runtime.esm-bundler-Bxqkjqhc.js";
-import "./useEditorCore-uCU9Ny0M.js";
+import "./useEditorCore-_rbu6iMu.js";
 import { t as f } from "./createLucideIcon-Di4mqmGn.js";
 import { n as p } from "./useCloudI18n-ByEMykjO.js";
-import { t as m } from "./readableTextColor-CY3SiRnt.js";
+import { t as m } from "./readableTextColor-CXzrEnNb.js";
 var h = f("wifi-off", [
 	["path", {
 		d: "M12 20h.01",

package/dist/{CommentsSidebar-BiRtaXYD.js → CommentsSidebar-DikjSLtH.js}

@@ -11,7 +11,7 @@ import { t as T } from "./trash-2-424iqbpN.js";
 import { t as E } from "./x-Dlaenqta.js";
 import { t as D } from "./_plugin-vue_export-helper-B0hnzhyu.js";
 import { n as ce } from "./useCloudI18n-ByEMykjO.js";
-import { t as le } from "./formatRelativeTime-BOEf47hq.js";
+import { t as le } from "./formatRelativeTime-bvx5sFh5.js";
 var ue = x("chevron-up", [["path", {
 	d: "m18 15-6-6-6 6",
 	key: "153udz"

package/dist/{CountdownToolbar-CojjlZet.js → CountdownToolbar-Bn4RwJVN.js}

@@ -1,7 +1,7 @@
 import { A as e, M as t, _ as n, at as r, b as i, d as a, f as o, h as s, l as c, p as l, rt as u, st as d, v as f, z as p } from "./vue.runtime.esm-bundler-Bxqkjqhc.js";
 import { t as m } from "./useI18n-PEB8ioi_.js";
-import { f as h } from "./styleConstants-fWzlIIwN.js";
-import { i as g, n as _, r as v, t as y } from "./NumberWithSuffix-CLTBb2Rj.js";
+import { f as h } from "./styleConstants-DkfOPzGu.js";
+import { i as g, n as _, r as v, t as y } from "./NumberWithSuffix-CyFX9w1e.js";
 //#region src/components/toolbar/CheckboxItem.vue?vue&type=script&setup=true&lang.ts
 var b = { class: "tpl:flex tpl:cursor-pointer tpl:items-center tpl:gap-2 tpl:text-[12px] tpl:text-[var(--tpl-text)]" }, x = ["checked"], S = /* @__PURE__ */ i({
 	__name: "CheckboxItem",

package/dist/{DesignReferenceSidebar-Ci9HIGbf.js → DesignReferenceSidebar-D08CLZPA.js}

@@ -8,7 +8,7 @@ import { t as v } from "./x-Dlaenqta.js";
 import { t as ce } from "./LoadingTrack-CFkDkjBb.js";
 import { t as y } from "./_plugin-vue_export-helper-B0hnzhyu.js";
 import { n as le } from "./useCloudI18n-ByEMykjO.js";
-import { u as ue } from "./cloud-a3VovHva.js";
+import { u as ue } from "./cloud-k0DgeCo2.js";
 var de = g("file-image", [
 	["path", {
 		d: "M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z",

package/dist/{ModuleBrowserModal-D7IYx1Nh.js → ModuleBrowserModal-D6637s8j.js}

@@ -1,13 +1,13 @@
 import { A as e, B as t, F as n, L as r, M as i, X as a, a as ee, b as o, c as s, d as c, f as l, h as u, i as te, l as d, m as ne, ot as re, p as f, rt as p, st as m, v as h, y as ie, z as ae } from "./vue.runtime.esm-bundler-Bxqkjqhc.js";
-import "./useEditorCore-uCU9Ny0M.js";
+import "./useEditorCore-_rbu6iMu.js";
 import { A as g, T as _, m as oe } from "./keys-B5SJtPWf.js";
 import { t as se } from "./useI18n-PEB8ioi_.js";
 import { t as v } from "./createLucideIcon-Di4mqmGn.js";
-import { n as y, t as b } from "./blockTypeIcons-BSf-3RJ-.js";
+import { n as y, t as b } from "./blockTypeIcons-CUcYuWAO.js";
 import { t as ce } from "./trash-2-424iqbpN.js";
 import { t as le } from "./x-Dlaenqta.js";
 import { n as ue } from "./useCloudI18n-ByEMykjO.js";
-import { t as de } from "./TplModal-BgABm6ju.js";
+import { t as de } from "./TplModal-BoEZFe3U.js";
 var fe = v("search", [["path", {
 	d: "m21 21-4.34-4.34",
 	key: "14j7rj"
@@ -53,7 +53,7 @@ var fe = v("search", [["path", {
 	props: { visible: { type: Boolean } },
 	emits: ["close", "insert"],
 	setup(o, { emit: v }) {
-		let B = o, V = v, Ee = ie(() => import("./ModulePreviewCanvas-I-uMcK5G.js")), { t: De } = se(), { t: H } = ue(), U = g(_, "ModuleBrowserModal"), W = g(oe, "ModuleBrowserModal"), G = a(""), K = a(null), q = a(null), J = a("end"), Y = c(() => {
+		let B = o, V = v, Ee = ie(() => import("./ModulePreviewCanvas-DBFmwq-y.js")), { t: De } = se(), { t: H } = ue(), U = g(_, "ModuleBrowserModal"), W = g(oe, "ModuleBrowserModal"), G = a(""), K = a(null), q = a(null), J = a("end"), Y = c(() => {
 			let e = U.modules.value;
 			if (!G.value) return e;
 			let t = G.value.toLowerCase();

package/dist/{ModulePreviewCanvas-I-uMcK5G.js → ModulePreviewCanvas-DBFmwq-y.js}

@@ -1,5 +1,5 @@
 import { A as e, F as t, M as n, P as r, b as i, d as a, f as o, h as s, l as c, ot as l, p as u, rt as d, w as f } from "./vue.runtime.esm-bundler-Bxqkjqhc.js";
-import { N as p, _ as m, a as h, f as g, g as _, h as v, i as y, m as b, n as x, p as S, r as C, u as w, v as T, y as E } from "./useEditorCore-uCU9Ny0M.js";
+import { N as p, _ as m, a as h, f as g, g as _, h as v, i as y, m as b, n as x, p as S, r as C, u as w, v as T, y as E } from "./useEditorCore-_rbu6iMu.js";
 import { s as D } from "./keys-B5SJtPWf.js";
 //#region src/components/blocks/PreviewSectionBlock.vue?vue&type=script&setup=true&lang.ts
 var O = { class: "tpl:w-full" }, k = { class: "tpl:flex tpl:gap-0" }, A = /* @__PURE__ */ i({

package/dist/{NumberWithSuffix-CLTBb2Rj.js → NumberWithSuffix-CyFX9w1e.js}

@@ -1,7 +1,7 @@
 import { A as e, F as t, M as n, N as r, X as i, at as a, b as o, d as s, f as c, h as l, l as u, m as d, ot as f, p, rt as m, s as h, st as g, t as ee, v as _, z as te } from "./vue.runtime.esm-bundler-Bxqkjqhc.js";
 import { t as v } from "./dist-BzRLLpfq.js";
 import { t as ne } from "./useI18n-PEB8ioi_.js";
-import { h as y, i as b, m as x, p as S, u as C } from "./styleConstants-fWzlIIwN.js";
+import { h as y, i as b, m as x, p as S, u as C } from "./styleConstants-DkfOPzGu.js";
 //#region ../../node_modules/.pnpm/vanilla-colorful@0.7.2/node_modules/vanilla-colorful/lib/utils/math.js
 var w = (e, t = 0, n = 1) => e > n ? n : e < t ? t : e, T = (e, t = 0, n = 10 ** t) => Math.round(n * e) / n;
 360 / (Math.PI * 2);