@templatical/editor 0.10.0 → 0.10.2

package/dist/cdn/chunks/{BlockIssueBadge-DpiSTwM7.js.map → BlockIssueBadge-Lc3NWFV8.js.map}

@@ -1 +1 @@
-{"version":3,"file":"BlockIssueBadge-DpiSTwM7.js","names":[],"sources":["../../../src/components/canvas/BlockIssueBadge.vue","../../../src/components/canvas/BlockIssueBadge.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, inject } from \"vue\";\nimport { CircleAlert, TriangleAlert } from \"@lucide/vue\";\nimport { useI18n } from \"../../composables/useI18n\";\nimport { TEMPLATE_LINT_KEY } from \"../../keys\";\n\nconst props = defineProps<{ blockId: string }>();\nconst { t } = useI18n();\nconst lint = inject(TEMPLATE_LINT_KEY, null);\n\nconst blockIssues = computed(() =>\n  (lint?.issues.value ?? []).filter((i) => i.blockId === props.blockId),\n);\n\nconst severity = computed<\"error\" | \"warning\" | null>(() => {\n  if (blockIssues.value.some((i) => i.severity === \"error\")) return \"error\";\n  if (blockIssues.value.some((i) => i.severity === \"warning\")) return \"warning\";\n  return null;\n});\n\nconst tooltip = computed(() =>\n  severity.value === \"error\" ? t.issues.badgeError : t.issues.badgeWarning,\n);\n</script>\n\n<template>\n  <span\n    v-if=\"severity\"\n    class=\"tpl:absolute tpl:top-1 tpl:right-1 tpl:z-10 tpl:flex tpl:size-5 tpl:items-center tpl:justify-center tpl:rounded-full tpl:bg-[var(--tpl-bg)] tpl:shadow-[var(--tpl-shadow-sm)] tpl:ring-1 tpl:ring-[var(--tpl-border)]\"\n    :class=\"\n      severity === 'error'\n        ? 'tpl:text-[var(--tpl-danger)]'\n        : 'tpl:text-[var(--tpl-warning)]'\n    \"\n    :title=\"tooltip\"\n    :aria-label=\"tooltip\"\n    role=\"img\"\n  >\n    <CircleAlert\n      v-if=\"severity === 'error'\"\n      :size=\"14\"\n      :stroke-width=\"2.25\"\n      fill=\"currentColor\"\n      stroke=\"var(--tpl-bg)\"\n    />\n    <TriangleAlert\n      v-else\n      :size=\"14\"\n      :stroke-width=\"2.25\"\n      fill=\"currentColor\"\n      stroke=\"var(--tpl-bg)\"\n    />\n  </span>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, inject } from \"vue\";\nimport { CircleAlert, TriangleAlert } from \"@lucide/vue\";\nimport { useI18n } from \"../../composables/useI18n\";\nimport { TEMPLATE_LINT_KEY } from \"../../keys\";\n\nconst props = defineProps<{ blockId: string }>();\nconst { t } = useI18n();\nconst lint = inject(TEMPLATE_LINT_KEY, null);\n\nconst blockIssues = computed(() =>\n  (lint?.issues.value ?? []).filter((i) => i.blockId === props.blockId),\n);\n\nconst severity = computed<\"error\" | \"warning\" | null>(() => {\n  if (blockIssues.value.some((i) => i.severity === \"error\")) return \"error\";\n  if (blockIssues.value.some((i) => i.severity === \"warning\")) return \"warning\";\n  return null;\n});\n\nconst tooltip = computed(() =>\n  severity.value === \"error\" ? t.issues.badgeError : t.issues.badgeWarning,\n);\n</script>\n\n<template>\n  <span\n    v-if=\"severity\"\n    class=\"tpl:absolute tpl:top-1 tpl:right-1 tpl:z-10 tpl:flex tpl:size-5 tpl:items-center tpl:justify-center tpl:rounded-full tpl:bg-[var(--tpl-bg)] tpl:shadow-[var(--tpl-shadow-sm)] tpl:ring-1 tpl:ring-[var(--tpl-border)]\"\n    :class=\"\n      severity === 'error'\n        ? 'tpl:text-[var(--tpl-danger)]'\n        : 'tpl:text-[var(--tpl-warning)]'\n    \"\n    :title=\"tooltip\"\n    :aria-label=\"tooltip\"\n    role=\"img\"\n  >\n    <CircleAlert\n      v-if=\"severity === 'error'\"\n      :size=\"14\"\n      :stroke-width=\"2.25\"\n      fill=\"currentColor\"\n      stroke=\"var(--tpl-bg)\"\n    />\n    <TriangleAlert\n      v-else\n      :size=\"14\"\n      :stroke-width=\"2.25\"\n      fill=\"currentColor\"\n      stroke=\"var(--tpl-bg)\"\n    />\n  </span>\n</template>\n"],"mappings":";;;;;;;EAMA,IAAM,IAAQ,GACR,EAAE,SAAM,EAAQ,GAChB,IAAO,EAAO,GAAmB,IAAI,GAErC,IAAc,SACjB,GAAM,OAAO,SAAS,CAAC,GAAG,QAAQ,MAAM,EAAE,YAAY,EAAM,OAAO,CACtE,GAEM,IAAW,QACX,EAAY,MAAM,MAAM,MAAM,EAAE,aAAa,OAAO,IAAU,UAC9D,EAAY,MAAM,MAAM,MAAM,EAAE,aAAa,SAAS,IAAU,YAC7D,IACR,GAEK,IAAU,QACd,EAAS,UAAU,UAAU,EAAE,OAAO,aAAa,EAAE,OAAO,YAC9D;mBAKU,EAAA,SAAA,EAAA,GADR,EA0BO,QAAA;;GAxBL,OAAK,EAAA,CAAC,yNACS,EAAA,UAAQ,UAAA,iCAAA,+BAAA,CAAA;GAKtB,OAAO,EAAA;GACP,cAAY,EAAA;GACb,MAAK;MAGG,EAAA,UAAQ,WAAA,EAAA,GADhB,EAME,EAAA,CAAA,GAAA;;GAJC,MAAM;GACN,gBAAc;GACf,MAAK;GACL,QAAO;cAET,EAME,EAAA,CAAA,GAAA;;GAJC,MAAM;GACN,gBAAc;GACf,MAAK;GACL,QAAO"}
+{"version":3,"file":"BlockIssueBadge-Lc3NWFV8.js","names":[],"sources":["../../../src/components/canvas/BlockIssueBadge.vue","../../../src/components/canvas/BlockIssueBadge.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, inject } from \"vue\";\nimport { CircleAlert, TriangleAlert } from \"@lucide/vue\";\nimport { useI18n } from \"../../composables/useI18n\";\nimport { TEMPLATE_LINT_KEY } from \"../../keys\";\n\nconst props = defineProps<{ blockId: string }>();\nconst { t } = useI18n();\nconst lint = inject(TEMPLATE_LINT_KEY, null);\n\nconst blockIssues = computed(() =>\n  (lint?.issues.value ?? []).filter((i) => i.blockId === props.blockId),\n);\n\nconst severity = computed<\"error\" | \"warning\" | null>(() => {\n  if (blockIssues.value.some((i) => i.severity === \"error\")) return \"error\";\n  if (blockIssues.value.some((i) => i.severity === \"warning\")) return \"warning\";\n  return null;\n});\n\nconst tooltip = computed(() =>\n  severity.value === \"error\" ? t.issues.badgeError : t.issues.badgeWarning,\n);\n</script>\n\n<template>\n  <span\n    v-if=\"severity\"\n    class=\"tpl:absolute tpl:top-1 tpl:right-1 tpl:z-10 tpl:flex tpl:size-5 tpl:items-center tpl:justify-center tpl:rounded-full tpl:bg-[var(--tpl-bg)] tpl:shadow-[var(--tpl-shadow-sm)] tpl:ring-1 tpl:ring-[var(--tpl-border)]\"\n    :class=\"\n      severity === 'error'\n        ? 'tpl:text-[var(--tpl-danger)]'\n        : 'tpl:text-[var(--tpl-warning)]'\n    \"\n    :title=\"tooltip\"\n    :aria-label=\"tooltip\"\n    role=\"img\"\n  >\n    <CircleAlert\n      v-if=\"severity === 'error'\"\n      :size=\"14\"\n      :stroke-width=\"2.25\"\n      fill=\"currentColor\"\n      stroke=\"var(--tpl-bg)\"\n    />\n    <TriangleAlert\n      v-else\n      :size=\"14\"\n      :stroke-width=\"2.25\"\n      fill=\"currentColor\"\n      stroke=\"var(--tpl-bg)\"\n    />\n  </span>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, inject } from \"vue\";\nimport { CircleAlert, TriangleAlert } from \"@lucide/vue\";\nimport { useI18n } from \"../../composables/useI18n\";\nimport { TEMPLATE_LINT_KEY } from \"../../keys\";\n\nconst props = defineProps<{ blockId: string }>();\nconst { t } = useI18n();\nconst lint = inject(TEMPLATE_LINT_KEY, null);\n\nconst blockIssues = computed(() =>\n  (lint?.issues.value ?? []).filter((i) => i.blockId === props.blockId),\n);\n\nconst severity = computed<\"error\" | \"warning\" | null>(() => {\n  if (blockIssues.value.some((i) => i.severity === \"error\")) return \"error\";\n  if (blockIssues.value.some((i) => i.severity === \"warning\")) return \"warning\";\n  return null;\n});\n\nconst tooltip = computed(() =>\n  severity.value === \"error\" ? t.issues.badgeError : t.issues.badgeWarning,\n);\n</script>\n\n<template>\n  <span\n    v-if=\"severity\"\n    class=\"tpl:absolute tpl:top-1 tpl:right-1 tpl:z-10 tpl:flex tpl:size-5 tpl:items-center tpl:justify-center tpl:rounded-full tpl:bg-[var(--tpl-bg)] tpl:shadow-[var(--tpl-shadow-sm)] tpl:ring-1 tpl:ring-[var(--tpl-border)]\"\n    :class=\"\n      severity === 'error'\n        ? 'tpl:text-[var(--tpl-danger)]'\n        : 'tpl:text-[var(--tpl-warning)]'\n    \"\n    :title=\"tooltip\"\n    :aria-label=\"tooltip\"\n    role=\"img\"\n  >\n    <CircleAlert\n      v-if=\"severity === 'error'\"\n      :size=\"14\"\n      :stroke-width=\"2.25\"\n      fill=\"currentColor\"\n      stroke=\"var(--tpl-bg)\"\n    />\n    <TriangleAlert\n      v-else\n      :size=\"14\"\n      :stroke-width=\"2.25\"\n      fill=\"currentColor\"\n      stroke=\"var(--tpl-bg)\"\n    />\n  </span>\n</template>\n"],"mappings":";;;;;;;EAMA,IAAM,IAAQ,GACR,EAAE,SAAM,EAAQ,GAChB,IAAO,EAAO,GAAmB,IAAI,GAErC,IAAc,SACjB,GAAM,OAAO,SAAS,CAAC,GAAG,QAAQ,MAAM,EAAE,YAAY,EAAM,OAAO,CACtE,GAEM,IAAW,QACX,EAAY,MAAM,MAAM,MAAM,EAAE,aAAa,OAAO,IAAU,UAC9D,EAAY,MAAM,MAAM,MAAM,EAAE,aAAa,SAAS,IAAU,YAC7D,IACR,GAEK,IAAU,QACd,EAAS,UAAU,UAAU,EAAE,OAAO,aAAa,EAAE,OAAO,YAC9D;mBAKU,EAAA,SAAA,EAAA,GADR,EA0BO,QAAA;;GAxBL,OAAK,EAAA,CAAC,yNACS,EAAA,UAAQ,UAAA,iCAAA,+BAAA,CAAA;GAKtB,OAAO,EAAA;GACP,cAAY,EAAA;GACb,MAAK;MAGG,EAAA,UAAQ,WAAA,EAAA,GADhB,EAME,EAAA,CAAA,GAAA;;GAJC,MAAM;GACN,gBAAc;GACf,MAAK;GACL,QAAO;cAET,EAME,EAAA,CAAA,GAAA;;GAJC,MAAM;GACN,gBAAc;GACf,MAAK;GACL,QAAO"}

package/dist/cdn/chunks/{CloudEditor-xc_uOEgn.js → CloudEditor-KkwvBhyt.js}

@@ -1,7 +1,7 @@
-import { $ as e, A as t, H as n, J as r, M as i, N as a, P as o, V as s, Z as c, _ as l, b as u, ct as d, f, g as p, h as m, it as h, j as g, l as _, m as v, n as y, ot as b, p as x, s as S, st as C, u as w, v as T, x as E, y as D, z as ee } from "./draggable-BwWMFq33.js";
-import { $t as O, A as k, At as A, Bn as j, Dn as M, Dt as N, E as P, Et as F, Ft as I, Ht as L, It as te, Nt as R, Qt as z, Rt as B, S as V, Sn as H, Ut as U, Vt as ne, Z as W, _ as G, _t as K, an as q, b as re, c as ie, d as ae, en as J, f as Y, g as X, h as oe, l as se, m as ce, mn as Z, p as le, pt as ue, rt as de, s as fe, st as pe, tt as Q, u as me, ut as he, v as ge, vt as _e, x as ve, y as ye } from "./features-CwZTdcbt.js";
-import { S as be, x as xe } from "./icons-CbNEr1kc.js";
-import { a as Se, c as Ce, i as we, l as Te, n as Ee, o as De, r as Oe, s as ke, t as Ae, u as je } from "./styles-2P5yvfsS.js";
+import { $ as e, A as t, H as n, J as r, M as i, N as a, P as o, V as s, Z as c, _ as l, b as u, ct as d, f, g as p, h as m, it as h, j as g, l as _, m as v, n as y, ot as b, p as x, s as S, st as C, u as w, v as T, x as E, y as D, z as O } from "./draggable-BTGr7_-X.js";
+import { $t as k, A, At as j, Cn as M, Dt as N, E as P, Et as F, Ft as I, Hn as L, Ht as R, It as z, Nt as ee, Qt as B, Rt as te, S as V, Ut as H, Vt as U, Z as ne, _ as W, _t as G, an as K, b as re, c as ie, d as ae, en as oe, f as q, g as J, h as Y, kn as X, l as se, m as ce, mn as Z, p as le, pt as ue, rt as de, s as fe, st as pe, tt as Q, u as me, ut as he, v as ge, vt as _e, x as ve, y as ye } from "./features-A28DQtjE.js";
+import { S as be, x as xe } from "./icons-C9D3N0-J.js";
+import { a as Se, c as Ce, i as we, l as Te, n as Ee, o as De, r as Oe, s as ke, t as Ae, u as je } from "./styles-BDVaiw3K.js";
 import { d as $ } from "./styleConstants-lGobwiLH.js";
 //#region src/cloud/composables/useSnapshotPreview.ts
 function Me(t) {
@@ -11,7 +11,7 @@ function Me(t) {
 	});
 	let h = f(() => d.value !== null), g = f(() => u.value?.snapshots.value ?? []), _ = f(() => u.value?.isLoading.value ?? !1), v = f(() => u.value?.isRestoring.value ?? !1);
 	function y() {
-		i.state.template?.id && !u.value && (u.value = Y({
+		i.state.template?.id && !u.value && (u.value = q({
 			authManager: n,
 			templateId: i.state.template.id,
 			onRestore: b,
@@ -33,6 +33,8 @@ function Me(t) {
 	async function S() {
 		if (!(!d.value || !u.value)) try {
 			if (await u.value.restoreSnapshot(d.value.id), m || (await u.value.loadSnapshots(), m)) return;
+		} catch (e) {
+			throw !m && p.value && i.setContent(p.value, !1), e;
 		} finally {
 			m || (d.value = null, p.value = null, s?.resume());
 		}
@@ -84,7 +86,7 @@ function Ne() {
 	function g(t) {
 		l.value = !1, e.value = e.value === t ? null : t;
 	}
-	return q(u, () => {
+	return K(u, () => {
 		l.value = !1;
 	}), {
 		activePanel: e,
@@ -109,7 +111,7 @@ function Ne() {
 function Pe(e) {
 	let { isCollaborationEnabled: t, getCollaboratorCount: n, canUndo: r } = e, i = c(!1), a = c(!1), { start: o } = Z(() => {
 		a.value = !1;
-	}, j, { immediate: !1 });
+	}, L, { immediate: !1 });
 	function s() {
 		i.value || !t.value || n() === 0 || !r.value || (i.value = !0, a.value = !0, o());
 	}
@@ -197,7 +199,7 @@ function Le(e) {
 		onOperation: t.mcp.onOperation
 	});
 	let x = null;
-	t.collaboration?.enabled && (x = X({
+	t.collaboration?.enabled && (x = J({
 		authManager: g,
 		editor: y,
 		channel: b.channel,
@@ -206,10 +208,10 @@ function Le(e) {
 		onCollaboratorLeft: t.collaboration.onCollaboratorLeft,
 		onBlockLocked: t.collaboration.onBlockLocked,
 		onBlockUnlocked: t.collaboration.onBlockUnlocked
-	}), ee(() => x.lockedBlocks.value, (e) => {
+	}), O(() => x.lockedBlocks.value, (e) => {
 		v.value = e;
-	}, { immediate: !0 }), oe(y, x));
-	let S = f(() => !!t.collaboration?.enabled && _.hasFeature("collaboration")), C = k({
+	}, { immediate: !0 }), Y(y, x));
+	let S = f(() => !!t.collaboration?.enabled && _.hasFeature("collaboration")), C = A({
 		editor: y,
 		config: {
 			uiTheme: t.uiTheme,
@@ -255,32 +257,32 @@ function Le(e) {
 		onError: t.onError
 	});
 	m = T;
-	let E = Ne(), D = re(t.ai), A = Fe({
+	let E = Ne(), D = re(t.ai), j = Fe({
 		planConfigInstance: _,
 		aiConfig: D,
 		editor: y
-	}), j = Ie({
+	}), M = Ie({
 		onRequestMedia: t.onRequestMedia,
 		mediaLibraryOpen: E.mediaLibraryOpen,
 		mediaLibraryAccept: E.mediaLibraryAccept
 	});
-	W({
+	ne({
 		onBlockMove: y.moveBlock,
 		onBlockAdd: y.addBlock
 	});
-	let M = me({
+	let N = me({
 		authManager: g,
 		getFontsConfig: () => t.fonts,
 		canUseCustomFonts: () => _.hasFeature("custom_fonts")
-	}), N = ae({
+	}), F = ae({
 		authManager: g,
 		getTemplateId: () => y.state.template?.id ?? null,
 		save: () => y.save(),
-		exportHtml: (e) => M.exportHtml(e),
+		exportHtml: (e) => N.exportHtml(e),
 		onError: t.onError,
 		isAuthReady: l,
 		onBeforeTestEmail: t.onBeforeTestEmail
-	}), F = ge({
+	}), I = ge({
 		authManager: g,
 		getTemplateId: () => y.state.template?.id ?? null,
 		getSocketId: () => b.getSocketId(),
@@ -289,14 +291,14 @@ function Le(e) {
 		isAuthReady: l,
 		hasCommentingFeature: () => t.commenting !== !1 && _.hasFeature("commenting")
 	});
-	G({
-		comments: F,
+	W({
+		comments: I,
 		channel: b.channel
 	});
-	let I = le({
+	let L = le({
 		authManager: g,
 		onError: t.onError
-	}), L = c(!1), V = c(null), H = c(!1), K = ye({
+	}), R = c(!1), V = c(null), G = c(!1), K = ye({
 		authManager: g,
 		getTemplateId: () => y.state.template?.id ?? null
 	});
@@ -305,24 +307,24 @@ function Le(e) {
 			o()?.filterByBlock(e);
 		});
 	}
-	a(z, j.handleRequestMedia), a(B, g), a(te, D), a(U, F), a(O, I), a(J, K), a(ne, {
+	a(B, M.handleRequestMedia), a(te, g), a(z, D), a(H, I), a(k, L), a(oe, K), a(U, {
 		plan: _,
 		ai: D,
 		comments: {
-			getBlockCount: (e) => F.commentCountByBlock.value.get(e) ?? 0,
+			getBlockCount: (e) => I.commentCountByBlock.value.get(e) ?? 0,
 			openForBlock: q
 		},
 		savedModules: {
 			openSaveDialog: (e) => {
-				V.value = e ?? null, L.value = !0;
+				V.value = e ?? null, R.value = !0;
 			},
 			openBrowser: () => {
-				H.value = !0;
+				G.value = !0;
 			},
-			moduleCount: f(() => I.modules.value.length)
+			moduleCount: f(() => L.modules.value.length)
 		}
 	});
-	function Y(e) {
+	function X(e) {
 		_.hasFeature("theme_customization") && (C.themeOverrides.value = e);
 	}
 	function Z(e) {
@@ -337,8 +339,8 @@ function Le(e) {
 			if (d) return;
 			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 || R.warn("WebSocket health check failed:", e.websocket.error ?? "unknown error", "-- real-time features will be disabled."), await _.fetchConfig(), d) return;
-			r.setCustomFontsEnabled(_.hasFeature("custom_fonts")), t.customBlocks?.length && _.hasFeature("custom_blocks") && C.registerCustomBlocks(t.customBlocks), t.theme && _.hasFeature("theme_customization") && (C.themeOverrides.value = t.theme), t.modules !== !1 && _.hasFeature("saved_modules") && I.loadModules(), i("ready");
+			if (e.websocket.ok || ee.warn("WebSocket health check failed:", e.websocket.error ?? "unknown error", "-- real-time features will be disabled."), await _.fetchConfig(), d) return;
+			r.setCustomFontsEnabled(_.hasFeature("custom_fonts")), t.customBlocks?.length && _.hasFeature("custom_blocks") && C.registerCustomBlocks(t.customBlocks), t.theme && _.hasFeature("theme_customization") && (C.themeOverrides.value = t.theme), t.modules !== !1 && _.hasFeature("saved_modules") && L.loadModules(), i("ready");
 		} catch (e) {
 			if (d) return;
 			let n = e instanceof Error ? e : Error("Initialization failed", { cause: e });
@@ -363,23 +365,23 @@ function Le(e) {
 		editor: y,
 		core: C,
 		aiConfig: D,
-		featureFlags: A,
-		mediaLib: j,
-		exporter: M,
-		testEmail: N,
-		commentsInstance: F,
-		savedModulesHeadless: I,
+		featureFlags: j,
+		mediaLib: M,
+		exporter: N,
+		testEmail: F,
+		commentsInstance: I,
+		savedModulesHeadless: L,
 		scoringInstance: K,
 		panelState: E,
 		snapshotPreview: T,
 		collabWarning: w,
-		showSaveModuleDialog: L,
-		showModuleBrowserModal: H,
+		showSaveModuleDialog: R,
+		showModuleBrowserModal: G,
 		saveModulePreSelectedBlockId: V,
 		onSaveHook: p,
 		initialize: ue,
 		destroy: de,
-		setThemeOverrides: Y,
+		setThemeOverrides: X,
 		setUiTheme: Z,
 		openCommentsForBlock: q
 	};
@@ -388,7 +390,7 @@ function Le(e) {
 //#region src/utils/preRenderCustomBlocks.ts
 async function Re(e, t) {
 	let n = async (e) => {
-		if (M(e)) {
+		if (X(e)) {
 			let n = e;
 			try {
 				n.renderedHtml = await t.renderCustomBlock(n);
@@ -561,7 +563,7 @@ var Ve = ["aria-label"], He = { class: "tpl:flex tpl:max-h-[80vh] tpl:w-full tpl
 	},
 	emits: ["save"],
 	setup(e) {
-		let t = u(() => import("./CollaboratorBar-VWfPri_h.js")), n = u(() => import("./features-CwZTdcbt.js").then((e) => e.r)), r = u(() => import("./AiFeatureMenu-DKOv8VnB.js")), { t: a, format: o } = Q();
+		let t = u(() => import("./CollaboratorBar-BGIGiFSm.js")), n = u(() => import("./features-A28DQtjE.js").then((e) => e.r)), r = u(() => import("./AiFeatureMenu-CCsgxyN9.js")), { t: a, format: o } = Q();
 		return (c, l) => (i(), p("header", Ze, [
 			x("div", Qe, [e.featureFlags.templateLimit.value === null ? m("", !0) : (i(), p("span", $e, d(h(o)(h(a).header.templatesUsed, {
 				used: e.featureFlags.templateCount.value,
@@ -609,7 +611,7 @@ var Ve = ["aria-label"], He = { class: "tpl:flex tpl:max-h-[80vh] tpl:w-full tpl
 				}, [D(h(N), {
 					size: 12,
 					"stroke-width": 2.5
-				}), T(" " + d(h(a).header.saveFailed), 1)], 8, nt)) : e.featureFlags.saveStatus.value === "saved" ? (i(), p("div", rt, [D(h(A), {
+				}), T(" " + d(h(a).header.saveFailed), 1)], 8, nt)) : e.featureFlags.saveStatus.value === "saved" ? (i(), p("div", rt, [D(h(j), {
 					size: 12,
 					"stroke-width": 2.5
 				}), T(" " + d(h(a).header.saved), 1)])) : e.editor.state.isDirty ? (i(), p("div", it, [l[4] ||= x("span", { class: "tpl-pulse tpl:size-1.5 tpl:rounded-full tpl:bg-[var(--tpl-primary)]" }, null, -1), T(" " + d(h(a).header.unsaved), 1)])) : m("", !0),
@@ -625,7 +627,7 @@ var Ve = ["aria-label"], He = { class: "tpl:flex tpl:max-h-[80vh] tpl:w-full tpl
 					}),
 					onClick: l[0] ||= (t) => e.panelState.commentsOpen.value = !e.panelState.commentsOpen.value
 				}, [
-					D(h(K), {
+					D(h(G), {
 						size: 16,
 						"stroke-width": 2
 					}),
@@ -723,9 +725,9 @@ var Ve = ["aria-label"], He = { class: "tpl:flex tpl:max-h-[80vh] tpl:w-full tpl
 		"module-insert"
 	],
 	setup(e, { expose: t, emit: n }) {
-		let r = u(() => import("./features-CwZTdcbt.js").then((e) => e.o)), a = u(() => import("./features-CwZTdcbt.js").then((e) => e.a)), o = u(() => import("./features-CwZTdcbt.js").then((e) => e.i)), s = u(() => import("./features-CwZTdcbt.js").then((e) => e.n)), l = u(() => import("./features-CwZTdcbt.js").then((e) => e.t)), d = u(() => import("./SaveModuleDialog-BRAdVcYM.js")), f = u(() => import("./ModuleBrowserModal-TLlKpvjX.js")), g = u(async () => {
+		let r = u(() => import("./features-A28DQtjE.js").then((e) => e.o)), a = u(() => import("./features-A28DQtjE.js").then((e) => e.a)), o = u(() => import("./features-A28DQtjE.js").then((e) => e.i)), s = u(() => import("./features-A28DQtjE.js").then((e) => e.n)), l = u(() => import("./features-A28DQtjE.js").then((e) => e.t)), d = u(() => import("./SaveModuleDialog-DEi8PSP6.js")), f = u(() => import("./ModuleBrowserModal-DDTjrKph.js")), g = u(async () => {
 			try {
-				return (await import("./src-CvzfrFlT.js")).MediaLibraryModal;
+				return (await import("./src-BkKEyLw1.js")).MediaLibraryModal;
 			} catch {
 				throw Error("[Templatical] Cloud media library requires the optional peer dependency '@templatical/media-library'. Please install it.");
 			}
@@ -889,7 +891,7 @@ var Ve = ["aria-label"], He = { class: "tpl:flex tpl:max-h-[80vh] tpl:w-full tpl
 		let { t } = I();
 		return (n, r) => e.visible ? (i(), p("div", Dt, d(h(t).history.collabWarning), 1)) : m("", !0);
 	}
-}), kt = ["data-tpl-theme"], At = { class: "tpl:sticky tpl:top-0 tpl:z-40 tpl:h-0" }, jt = { class: "tpl-main tpl:flex tpl:justify-center tpl:p-8" }, Mt = ["aria-label"], Nt = /* @__PURE__ */ de(/* @__PURE__ */ E({
+}), kt = ["data-tpl-theme"], At = { class: "tpl:sticky tpl:top-0 tpl:z-40 tpl:h-0" }, jt = { class: "tpl-main tpl:flex tpl:justify-center tpl:p-8" }, Mt = ["aria-label"], Nt = /*#__PURE__*/ de(/* @__PURE__ */ E({
 	__name: "CloudEditor",
 	props: {
 		config: {},
@@ -901,7 +903,7 @@ var Ve = ["aria-label"], He = { class: "tpl:flex tpl:max-h-[80vh] tpl:w-full tpl
 	emits: ["ready"],
 	setup(e, { expose: r, emit: o }) {
 		let l = e;
-		a(L, l.cloudTranslations);
+		a(R, l.cloudTranslations);
 		let u = o, f = c(null), _ = c(null), w = Le({
 			config: l.config,
 			translations: l.translations,
@@ -910,32 +912,37 @@ var Ve = ["aria-label"], He = { class: "tpl:flex tpl:max-h-[80vh] tpl:w-full tpl
 			getCommentsSidebar: () => f.value ? { filterByBlock: f.value.filterCommentsByBlock } : null,
 			editorRoot: l.shadowRoot,
 			containerEl: _
-		}), { isInitializing: E, isAuthReady: ee, initError: O, planConfigInstance: k, websocket: A, collaboration: j, isCollaborationEnabled: M, editor: N, core: P, featureFlags: F, mediaLib: I, exporter: te, testEmail: R, commentsInstance: z, savedModulesHeadless: B, panelState: V, snapshotPreview: U, collabWarning: ne, showSaveModuleDialog: W, showModuleBrowserModal: G, saveModulePreSelectedBlockId: K, setThemeOverrides: q, setUiTheme: re } = w;
-		async function ie(e) {
+		}), { isInitializing: E, isAuthReady: O, initError: k, planConfigInstance: A, websocket: j, collaboration: N, isCollaborationEnabled: P, editor: F, core: I, featureFlags: L, mediaLib: z, exporter: ee, testEmail: B, commentsInstance: te, savedModulesHeadless: V, panelState: H, snapshotPreview: U, collabWarning: ne, showSaveModuleDialog: W, showModuleBrowserModal: G, saveModulePreSelectedBlockId: K, setThemeOverrides: re, setUiTheme: ie } = w;
+		async function ae(e) {
+			try {
+				await B.sendTestEmail(e), H.testEmailModalOpen.value = !1;
+			} catch {}
+		}
+		async function oe() {
 			try {
-				await R.sendTestEmail(e), V.testEmailModalOpen.value = !1;
+				await U.confirmRestoreSnapshot();
 			} catch {}
 		}
-		function ae(e, t) {
+		function q(e, t) {
 			for (let n = 0; n < e.content.length; n++) {
-				let r = H(e.content[n]), i = t === void 0 ? void 0 : t + n;
-				N.addBlock(r, void 0, void 0, i);
+				let r = M(e.content[n]), i = t === void 0 ? void 0 : t + n;
+				F.addBlock(r, void 0, void 0, i);
 			}
 			G.value = !1;
 		}
 		let J = ze({
 			config: l.config,
-			editor: N,
-			websocket: A,
-			planConfigInstance: k,
+			editor: F,
+			websocket: j,
+			planConfigInstance: A,
 			snapshotPreview: U,
-			core: P,
-			exporter: te,
-			featureFlags: F,
+			core: I,
+			exporter: ee,
+			featureFlags: L,
 			isDestroyed: w.isDestroyed
 		}), Y = Be({
-			issues: P.templateLint ? P.templateLint.issues : c([]),
-			planConfig: k.config
+			issues: I.templateLint ? I.templateLint.issues : c([]),
+			planConfig: A.config
 		});
 		async function X() {
 			await Y.tryRunSave(() => J.saveTemplate().catch((e) => l.config.onError?.(e)));
@@ -945,20 +952,20 @@ var Ve = ["aria-label"], He = { class: "tpl:flex tpl:max-h-[80vh] tpl:w-full tpl
 		}), g(() => {
 			w.destroy();
 		}), r({
-			getContent: () => N.content.value,
-			setContent: (e) => N.setContent(e),
-			setTheme: re,
-			setThemeOverrides: q,
+			getContent: () => F.content.value,
+			setContent: (e) => F.setContent(e),
+			setTheme: ie,
+			setThemeOverrides: re,
 			create: J.createTemplate,
 			load: J.loadTemplate,
 			save: J.saveTemplate,
-			sendTestEmail: R.sendTestEmail
+			sendTestEmail: B.sendTestEmail
 		}), (t, r) => (i(), p("div", {
 			ref_key: "rootEl",
 			ref: _,
-			class: b(["tpl tpl:relative tpl:h-full tpl:overflow-hidden", { "tpl:dark": h(N).state.darkMode }]),
-			"data-tpl-theme": h(P).resolvedTheme.value,
-			style: C(h(P).themeStyles.value)
+			class: b(["tpl tpl:relative tpl:h-full tpl:overflow-hidden", { "tpl:dark": h(F).state.darkMode }]),
+			"data-tpl-theme": h(I).resolvedTheme.value,
+			style: C(h(I).themeStyles.value)
 		}, [
 			D(Ce),
 			D(y, {
@@ -969,7 +976,7 @@ var Ve = ["aria-label"], He = { class: "tpl:flex tpl:max-h-[80vh] tpl:w-full tpl
 				"leave-from-class": "tpl:opacity-100",
 				"leave-to-class": "tpl:opacity-0"
 			}, {
-				default: s(() => [D(gt, { visible: h(E) || h(N).state.isLoading }, null, 8, ["visible"])]),
+				default: s(() => [D(gt, { visible: h(E) || h(F).state.isLoading }, null, 8, ["visible"])]),
 				_: 1
 			}),
 			D(y, {
@@ -981,8 +988,8 @@ var Ve = ["aria-label"], He = { class: "tpl:flex tpl:max-h-[80vh] tpl:w-full tpl
 				"leave-to-class": "tpl:opacity-0"
 			}, {
 				default: s(() => [D(St, {
-					error: h(O),
-					visible: !!h(O) && !h(E),
+					error: h(k),
+					visible: !!h(k) && !h(E),
 					onRetry: h(w).initialize
 				}, null, 8, [
 					"error",
@@ -992,18 +999,18 @@ var Ve = ["aria-label"], He = { class: "tpl:flex tpl:max-h-[80vh] tpl:w-full tpl
 				_: 1
 			}),
 			D(dt, {
-				editor: h(N),
-				core: h(P),
-				"feature-flags": h(F),
-				"panel-state": h(V),
+				editor: h(F),
+				core: h(I),
+				"feature-flags": h(L),
+				"panel-state": h(H),
 				"snapshot-preview": h(U),
-				"comments-instance": h(z),
-				"test-email": h(R),
-				websocket: h(A),
-				collaboration: h(j),
-				"is-collaboration-enabled": h(M),
-				"is-saving": h(N).state.isSaving || h(F).isSaveExporting.value,
-				"is-save-disabled": h(N).state.isSaving || h(F).isSaveExporting.value || !h(N).state.isDirty,
+				"comments-instance": h(te),
+				"test-email": h(B),
+				websocket: h(j),
+				collaboration: h(N),
+				"is-collaboration-enabled": h(P),
+				"is-saving": h(F).state.isSaving || h(L).isSaveExporting.value,
+				"is-save-disabled": h(F).state.isSaving || h(L).isSaveExporting.value || !h(F).state.isDirty,
 				onSave: X
 			}, null, 8, [
 				"editor",
@@ -1033,12 +1040,8 @@ var Ve = ["aria-label"], He = { class: "tpl:flex tpl:max-h-[80vh] tpl:w-full tpl
 			D(Et, {
 				visible: h(U).isPreviewingSnapshot.value,
 				onCancel: h(U).cancelPreview,
-				onConfirm: h(U).confirmRestoreSnapshot
-			}, null, 8, [
-				"visible",
-				"onCancel",
-				"onConfirm"
-			]),
+				onConfirm: oe
+			}, null, 8, ["visible", "onCancel"]),
 			D(y, {
 				"enter-active-class": "tpl:transition-all tpl:duration-200 tpl:ease-out",
 				"enter-from-class": "tpl:translate-y-[-8px] tpl:opacity-0",
@@ -1050,15 +1053,15 @@ var Ve = ["aria-label"], He = { class: "tpl:flex tpl:max-h-[80vh] tpl:w-full tpl
 				default: s(() => [D(Ot, { visible: h(ne).collabUndoWarningVisible.value }, null, 8, ["visible"])]),
 				_: 1
 			}),
-			n(D(ke, null, null, 512), [[S, !h(N).state.previewMode]]),
+			n(D(ke, null, null, 512), [[S, !h(F).state.previewMode]]),
 			x("div", {
-				class: b(["tpl-body tpl:absolute tpl:bottom-0 tpl:overflow-auto", [h(N).state.previewMode ? "tpl:left-0 tpl:right-0" : h(V).rightPanelOpen.value ? "tpl:left-12 tpl:right-[680px]" : "tpl:left-12 tpl:right-[320px]", h(U).isPreviewingSnapshot.value ? "tpl:top-[104px]" : "tpl:top-14"]]),
+				class: b(["tpl-body tpl:absolute tpl:bottom-0 tpl:overflow-auto", [h(F).state.previewMode ? "tpl:left-0 tpl:right-0" : h(H).rightPanelOpen.value ? "tpl:left-12 tpl:right-[680px]" : "tpl:left-12 tpl:right-[320px]", h(U).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)"
 				}
 			}, [x("div", At, [D(y, { name: "tpl-restore-btn" }, {
-				default: s(() => [h(P).conditionPreview.hasHiddenBlocks.value ? (i(), p("button", {
+				default: s(() => [h(I).conditionPreview.hasHiddenBlocks.value ? (i(), p("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: {
@@ -1067,22 +1070,22 @@ var Ve = ["aria-label"], He = { class: "tpl:flex tpl:max-h-[80vh] tpl:w-full tpl
 						"border-color": "var(--tpl-warning)",
 						"backdrop-filter": "blur(8px)"
 					},
-					onClick: r[0] ||= (e) => h(P).conditionPreview.reset()
+					onClick: r[0] ||= (e) => h(I).conditionPreview.reset()
 				}, [D(h(be), {
 					size: 13,
 					"stroke-width": 2
-				}), T(" " + d(h(P).t.blockSettings.restoreHiddenBlocks), 1)])) : m("", !0)]),
+				}), T(" " + d(h(I).t.blockSettings.restoreHiddenBlocks), 1)])) : m("", !0)]),
 				_: 1
 			})]), x("main", jt, [D(Te, {
-				viewport: h(N).state.viewport,
-				content: h(N).content.value,
-				"selected-block-id": h(N).state.selectedBlockId,
-				"dark-mode": h(N).state.darkMode,
-				"preview-mode": h(N).state.previewMode,
-				"locked-blocks": h(j)?.lockedBlocks.value ?? void 0,
-				onSelectBlock: h(N).selectBlock,
-				onOpenAiChat: r[1] ||= (e) => h(V).aiChatOpen.value = !0,
-				onOpenDesignReference: r[2] ||= (e) => h(V).designReferenceOpen.value = !0
+				viewport: h(F).state.viewport,
+				content: h(F).content.value,
+				"selected-block-id": h(F).state.selectedBlockId,
+				"dark-mode": h(F).state.darkMode,
+				"preview-mode": h(F).state.previewMode,
+				"locked-blocks": h(N)?.lockedBlocks.value ?? void 0,
+				onSelectBlock: h(F).selectBlock,
+				onOpenAiChat: r[1] ||= (e) => h(H).aiChatOpen.value = !0,
+				onOpenDesignReference: r[2] ||= (e) => h(H).designReferenceOpen.value = !0
 			}, null, 8, [
 				"viewport",
 				"content",
@@ -1092,51 +1095,51 @@ var Ve = ["aria-label"], He = { class: "tpl:flex tpl:max-h-[80vh] tpl:w-full tpl
 				"locked-blocks",
 				"onSelectBlock"
 			])])], 2),
-			e.config.branding !== !1 && !h(F).isWhiteLabeled.value ? (i(), v(Ee, {
+			e.config.branding !== !1 && !h(L).isWhiteLabeled.value ? (i(), v(Ee, {
 				key: 0,
-				"position-class": [h(N).state.previewMode ? "tpl:left-0 tpl:right-0" : h(V).rightPanelOpen.value ? "tpl:left-12 tpl:right-[680px]" : "tpl:left-12 tpl:right-[320px]"]
+				"position-class": [h(F).state.previewMode ? "tpl:left-0 tpl:right-0" : h(H).rightPanelOpen.value ? "tpl:left-12 tpl:right-[680px]" : "tpl:left-12 tpl:right-[320px]"]
 			}, null, 8, ["position-class"])) : m("", !0),
 			x("div", {
 				class: "tpl-sr-only",
 				role: "status",
 				"aria-live": "polite",
 				"aria-atomic": "true",
-				"aria-label": h(P).t.landmarks.reorderAnnouncements
-			}, d(h(P).keyboardReorder.announcement.value), 9, Mt),
+				"aria-label": h(I).t.landmarks.reorderAnnouncements
+			}, d(h(I).keyboardReorder.announcement.value), 9, Mt),
 			n(D(De, {
-				"selected-block": h(N).selectedBlock.value,
-				settings: h(N).content.value.settings,
-				"shifted-left": h(V).rightPanelOpen.value,
-				onUpdateBlock: r[3] ||= (e) => h(N).updateBlock(h(N).selectedBlock.value.id, e),
-				onDeleteBlock: r[4] ||= (e) => h(P).blockActions.deleteBlock(h(N).selectedBlock.value.id),
-				onDuplicateBlock: r[5] ||= (e) => h(P).blockActions.duplicateBlock(h(N).selectedBlock.value),
-				onUpdateSettings: h(N).updateSettings
+				"selected-block": h(F).selectedBlock.value,
+				settings: h(F).content.value.settings,
+				"shifted-left": h(H).rightPanelOpen.value,
+				onUpdateBlock: r[3] ||= (e) => h(F).updateBlock(h(F).selectedBlock.value.id, e),
+				onDeleteBlock: r[4] ||= (e) => h(I).blockActions.deleteBlock(h(F).selectedBlock.value.id),
+				onDuplicateBlock: r[5] ||= (e) => h(I).blockActions.duplicateBlock(h(F).selectedBlock.value),
+				onUpdateSettings: h(F).updateSettings
 			}, null, 8, [
 				"selected-block",
 				"settings",
 				"shifted-left",
 				"onUpdateSettings"
-			]), [[S, !h(N).state.previewMode]]),
-			!h(E) && h(ee) ? (i(), v(ft, {
+			]), [[S, !h(F).state.previewMode]]),
+			!h(E) && h(O) ? (i(), v(ft, {
 				key: 1,
 				ref_key: "cloudPanelsRef",
 				ref: f,
 				config: l.config,
-				editor: h(N),
-				core: h(P),
-				"panel-state": h(V),
-				"plan-config-instance": h(k),
-				"test-email": h(R),
-				"media-lib": h(I),
-				"saved-modules-headless": h(B),
+				editor: h(F),
+				core: h(I),
+				"panel-state": h(H),
+				"plan-config-instance": h(A),
+				"test-email": h(B),
+				"media-lib": h(z),
+				"saved-modules-headless": h(V),
 				"show-save-module-dialog": h(W),
 				"save-module-pre-selected-block-id": h(K),
 				"show-module-browser-modal": h(G),
 				"onUpdate:showSaveModuleDialog": r[6] ||= (e) => W.value = e,
 				"onUpdate:saveModulePreSelectedBlockId": r[7] ||= (e) => K.value = e,
 				"onUpdate:showModuleBrowserModal": r[8] ||= (e) => G.value = e,
-				onSendTestEmail: ie,
-				onModuleInsert: ae
+				onSendTestEmail: ae,
+				onModuleInsert: q
 			}, null, 8, [
 				"config",
 				"editor",
@@ -1151,14 +1154,14 @@ var Ve = ["aria-label"], He = { class: "tpl:flex tpl:max-h-[80vh] tpl:w-full tpl
 				"show-module-browser-modal"
 			])) : m("", !0),
 			x("div", {
-				ref: (e) => h(P).popoverRoot.value = e,
+				ref: (e) => h(I).popoverRoot.value = e,
 				class: "tpl-popover-root"
 			}, null, 512),
 			D(Ae)
 		], 14, kt));
 	}
-}), [["__scopeId", "data-v-ae54dc42"]]);
+}), [["__scopeId", "data-v-3a8bb0e8"]]);
 //#endregion
 export { Nt as default };
 
-//# sourceMappingURL=CloudEditor-xc_uOEgn.js.map
+//# sourceMappingURL=CloudEditor-KkwvBhyt.js.map