@templatical/editor 0.21.1 → 0.22.0

package/dist/cdn/chunks/{CloudEditor-B3hqbwfP.js → CloudEditor-FCS53UcZ.js}

@@ -1,15 +1,15 @@
 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-D840DIZB.js";
 import { t as k } from "./timeouts-Bmi_yePw.js";
 import { F as A } from "./src-BKI1x1k7.js";
-import { T as j, b as M, j as N, t as P } from "./useEditorCore-BA6mspzD.js";
+import { T as j, b as M, j as N, t as P } from "./useEditorCore-CzMhD6Gd.js";
 import { _ as F } from "./dist-CiBEt0VR.js";
 import { t as I } from "./dist-CxTt8FRE.js";
-import { A as L, F as R, c as z, r as B, s as V, t as H, u as U } from "./keys-D7kUmfpE.js";
-import { t as W } from "./useI18n-8Wd7G-cq.js";
-import { At as G, Dt as K, F as ee, Ft as q, P as J, et as te, j as ne, rt as Y, u as re, w as ie } from "./icons-CYWw8Xfp.js";
+import { A as L, F as R, c as z, r as B, s as V, t as H, u as ee } from "./keys-D7kUmfpE.js";
+import { t as U } from "./useI18n-8Wd7G-cq.js";
+import { At as W, Dt as G, F as te, Ft as K, P as q, et as J, j as ne, rt as Y, u as re, w as ie } from "./icons-CYWw8Xfp.js";
 import { t as ae } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { n as X } from "./useCloudI18n-BjNENqkM.js";
-import { a as Z, c as oe, d as se, f as Q, i as ce, l as le, n as ue, o as de, p as fe, r as pe, s as me, t as he, u as ge } from "./styles-DMOEiSX9.js";
+import { a as Z, c as oe, d as se, f as Q, i as ce, l as le, n as ue, o as de, p as fe, r as pe, s as me, t as he, u as ge } from "./styles-BkXzQ4-n.js";
 import { d as $ } from "./ColorPicker-DZSzZ5ZP.js";
 import { S as _e, _ as ve, a as ye, c as be, d as xe, f as Se, h as Ce, i as we, l as Te, m as Ee, n as De, o as Oe, r as ke, s as Ae, t as je, u as Me, v as Ne } from "./cloud-BJlbXGTJ.js";
 //#region src/cloud/composables/useSnapshotPreview.ts
@@ -184,7 +184,7 @@ function Re(e) {
 		let t = f(e);
 		if (t) return s?.(t), null;
 		try {
-			let { MediaApiClient: t } = await import("./src-D6F_3XkE.js");
+			let { MediaApiClient: t } = await import("./src-ByWL5K1f.js");
 			return l(await new t(a).uploadMedia(e));
 		} catch (e) {
 			return s?.(e), null;
@@ -339,11 +339,11 @@ function ze(e) {
 		comments: I,
 		channel: b.channel
 	});
-	let z = fe({
-		provider: Ae(g),
+	let z = typeof t.savedBlocks == "object" && t.savedBlocks !== null ? t.savedBlocks : null, U = fe({
+		provider: z ?? Ae(g),
 		editor: y,
 		onError: t.onError,
-		isAvailable: () => t.savedBlocks !== !1 && _.hasFeature("saved_modules")
+		isAvailable: z ? () => !0 : () => t.savedBlocks !== !1 && _.hasFeature("saved_modules")
 	}), W = Ee({
 		authManager: g,
 		getTemplateId: () => y.state.template?.id ?? null
@@ -353,19 +353,19 @@ function ze(e) {
 			o()?.filterByBlock(e);
 		});
 	}
-	a(L, A.handleRequestMedia), a(B, g), a(H, D), a(U, I), a(R, W), a(V, {
+	a(L, A.handleRequestMedia), a(B, g), a(H, D), a(ee, I), a(R, W), a(V, {
 		plan: _,
 		ai: D,
 		comments: {
 			getBlockCount: (e) => I.commentCountByBlock.value.get(e) ?? 0,
 			openForBlock: G
 		},
-		savedBlocks: z.capability
+		savedBlocks: U.capability
 	});
-	function K(e) {
+	function te(e) {
 		_.hasFeature("theme_customization") && (C.themeOverrides.value = e);
 	}
-	function ee(e) {
+	function K(e) {
 		y.setUiTheme(e);
 	}
 	async function q() {
@@ -408,7 +408,7 @@ function ze(e) {
 		exporter: M,
 		testEmail: F,
 		commentsInstance: I,
-		savedBlocks: z,
+		savedBlocks: U,
 		scoringInstance: W,
 		panelState: E,
 		snapshotPreview: T,
@@ -416,8 +416,8 @@ function ze(e) {
 		onSaveHook: p,
 		initialize: q,
 		destroy: J,
-		setThemeOverrides: K,
-		setUiTheme: ee,
+		setThemeOverrides: te,
+		setUiTheme: K,
 		openCommentsForBlock: G
 	};
 }
@@ -598,7 +598,7 @@ var Ue = ["aria-label"], We = { class: "tpl:flex tpl:max-h-[80vh] tpl:w-full tpl
 	},
 	emits: ["save"],
 	setup(e) {
-		let t = u(() => import("./CollaboratorBar-BS3rJy6-.js")), n = u(() => import("./SnapshotHistory-Bf1uovti.js")), r = u(() => import("./AiFeatureMenu-Duwg413F.js")), { t: a, format: o } = X();
+		let t = u(() => import("./CollaboratorBar-mkJVAkSh.js")), n = u(() => import("./SnapshotHistory-DO-gzr3i.js")), r = u(() => import("./AiFeatureMenu-hWgWQg11.js")), { t: a, format: o } = X();
 		return (c, l) => (i(), p("header", $e, [
 			x("div", et, [e.featureFlags.templateLimit.value === null ? m("", !0) : (i(), p("span", tt, d(h(o)(h(a).header.templatesUsed, {
 				used: e.featureFlags.templateCount.value,
@@ -643,10 +643,10 @@ var Ue = ["aria-label"], We = { 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": e.featureFlags.saveErrorMessage.value
-				}, [D(h(G), {
+				}, [D(h(W), {
 					size: 12,
 					"stroke-width": 2.5
-				}), T(" " + d(h(a).header.saveFailed), 1)], 8, it)) : e.featureFlags.saveStatus.value === "saved" ? (i(), p("div", at, [D(h(q), {
+				}), T(" " + d(h(a).header.saveFailed), 1)], 8, it)) : e.featureFlags.saveStatus.value === "saved" ? (i(), p("div", at, [D(h(K), {
 					size: 12,
 					"stroke-width": 2.5
 				}), T(" " + d(h(a).header.saved), 1)])) : e.editor.state.isDirty ? (i(), p("div", ot, [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),
@@ -662,7 +662,7 @@ var Ue = ["aria-label"], We = { 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(te), {
+					D(h(J), {
 						size: 16,
 						"stroke-width": 2
 					}),
@@ -729,7 +729,7 @@ var Ue = ["aria-label"], We = { class: "tpl:flex tpl:max-h-[80vh] tpl:w-full tpl
 					class: "tpl-spinner",
 					size: 16,
 					"stroke-width": 2
-				})) : (i(), v(h(J), {
+				})) : (i(), v(h(q), {
 					key: 0,
 					size: 16,
 					"stroke-width": 2
@@ -750,9 +750,9 @@ var Ue = ["aria-label"], We = { class: "tpl:flex tpl:max-h-[80vh] tpl:w-full tpl
 	},
 	emits: ["send-test-email"],
 	setup(e, { expose: t, emit: n }) {
-		let r = u(() => import("./AiChatSidebar-A1CuWGY0.js")), a = u(() => import("./CommentsSidebar-DHdRiGPX.js")), o = u(() => import("./DesignReferenceSidebar-Dre99DTH.js")), s = u(() => import("./TemplateScoringPanel-CTk8WwxU.js")), l = u(() => import("./TestEmailModal-BJTDxFHh.js")), d = u(async () => {
+		let r = u(() => import("./AiChatSidebar-A1CuWGY0.js")), a = u(() => import("./CommentsSidebar-DHdRiGPX.js")), o = u(() => import("./DesignReferenceSidebar-Dre99DTH.js")), s = u(() => import("./TemplateScoringPanel-CTk8WwxU.js")), l = u(() => import("./TestEmailModal-DT37w7i_.js")), d = u(async () => {
 			try {
-				return (await import("./src-D6F_3XkE.js")).MediaLibraryModal;
+				return (await import("./src-ByWL5K1f.js")).MediaLibraryModal;
 			} catch {
 				throw Error("[Templatical] Cloud media library requires the optional peer dependency '@templatical/media-library'. Please install it.");
 			}
@@ -846,7 +846,7 @@ var Ue = ["aria-label"], We = { class: "tpl:flex tpl:max-h-[80vh] tpl:w-full tpl
 			return "isNotFound" in e && !!e.isNotFound;
 		}
 		return (t, s) => e.visible && e.error ? (i(), p("div", yt, [
-			x("div", bt, [D(h(G), {
+			x("div", bt, [D(h(W), {
 				size: 32,
 				"stroke-width": 1.5,
 				class: "tpl:text-[var(--tpl-danger)]"
@@ -868,7 +868,7 @@ var Ue = ["aria-label"], We = { class: "tpl:flex tpl:max-h-[80vh] tpl:w-full tpl
 	emits: ["cancel", "confirm"],
 	setup(e, { emit: t }) {
 		let n = t, { t: r } = X();
-		return (t, a) => e.visible ? (i(), p("div", Tt, [x("div", Et, [D(h(K), {
+		return (t, a) => e.visible ? (i(), p("div", Tt, [x("div", Et, [D(h(G), {
 			size: 18,
 			"stroke-width": 2,
 			class: "tpl:text-[var(--tpl-primary)]"
@@ -895,7 +895,7 @@ var Ue = ["aria-label"], We = { class: "tpl:flex tpl:max-h-[80vh] tpl:w-full tpl
 	__name: "CollabUndoToast",
 	props: { visible: { type: Boolean } },
 	setup(e) {
-		let { t } = W();
+		let { t } = U();
 		return (n, r) => e.visible ? (i(), p("div", kt, d(h(t).history.collabWarning), 1)) : m("", !0);
 	}
 }), jt = ["data-tpl-theme"], Mt = { class: "tpl:sticky tpl:top-0 tpl:z-40 tpl:h-0" }, Nt = { class: "tpl-main tpl:flex tpl:justify-center tpl:p-8" }, Pt = ["aria-label"], Ft = /*#__PURE__*/ ae(/* @__PURE__ */ E({
@@ -909,7 +909,7 @@ var Ue = ["aria-label"], We = { class: "tpl:flex tpl:max-h-[80vh] tpl:w-full tpl
 	},
 	emits: ["ready"],
 	setup(e, { expose: r, emit: o }) {
-		let l = u(() => import("./SavedBlocksPanels-D-pA_wfk.js")), f = e;
+		let l = u(() => import("./SavedBlocksPanels-BzMTZxf2.js")), f = e;
 		a(z, f.cloudTranslations);
 		let w = o, E = c(null), O = c(null), k = ze({
 			config: f.config,
@@ -919,15 +919,15 @@ var Ue = ["aria-label"], We = { class: "tpl:flex tpl:max-h-[80vh] tpl:w-full tpl
 			getCommentsSidebar: () => E.value ? { filterByBlock: E.value.filterCommentsByBlock } : null,
 			editorRoot: f.shadowRoot,
 			containerEl: O
-		}), { isInitializing: A, isAuthReady: j, initError: N, planConfigInstance: P, websocket: F, collaboration: I, isCollaborationEnabled: L, editor: R, core: B, featureFlags: V, mediaLib: H, exporter: U, testEmail: W, commentsInstance: G, savedBlocks: K, panelState: q, snapshotPreview: J, collabWarning: te, setThemeOverrides: ne, setUiTheme: Y } = k, { showNotice: re } = M(() => f.config.smallScreenNotice);
+		}), { isInitializing: A, isAuthReady: j, initError: N, planConfigInstance: P, websocket: F, collaboration: I, isCollaborationEnabled: L, editor: R, core: B, featureFlags: V, mediaLib: H, exporter: ee, testEmail: U, commentsInstance: W, savedBlocks: G, panelState: K, snapshotPreview: q, collabWarning: J, setThemeOverrides: ne, setUiTheme: Y } = k, { showNotice: re } = M(() => f.config.smallScreenNotice);
 		async function ie(e) {
 			try {
-				await W.sendTestEmail(e), q.testEmailModalOpen.value = !1;
+				await U.sendTestEmail(e), K.testEmailModalOpen.value = !1;
 			} catch {}
 		}
 		async function ae() {
 			try {
-				await J.confirmRestoreSnapshot();
+				await q.confirmRestoreSnapshot();
 			} catch {}
 		}
 		let X = Ve({
@@ -935,9 +935,9 @@ var Ue = ["aria-label"], We = { class: "tpl:flex tpl:max-h-[80vh] tpl:w-full tpl
 			editor: R,
 			websocket: F,
 			planConfigInstance: P,
-			snapshotPreview: J,
+			snapshotPreview: q,
 			core: B,
-			exporter: U,
+			exporter: ee,
 			featureFlags: V,
 			isDestroyed: k.isDestroyed
 		}), Z = He({
@@ -959,7 +959,7 @@ var Ue = ["aria-label"], We = { class: "tpl:flex tpl:max-h-[80vh] tpl:w-full tpl
 			create: X.createTemplate,
 			load: X.loadTemplate,
 			save: X.saveTemplate,
-			sendTestEmail: W.sendTestEmail
+			sendTestEmail: U.sendTestEmail
 		}), (t, r) => (i(), p("div", {
 			ref_key: "rootEl",
 			ref: O,
@@ -1004,10 +1004,10 @@ var Ue = ["aria-label"], We = { class: "tpl:flex tpl:max-h-[80vh] tpl:w-full tpl
 				editor: h(R),
 				core: h(B),
 				"feature-flags": h(V),
-				"panel-state": h(q),
-				"snapshot-preview": h(J),
-				"comments-instance": h(G),
-				"test-email": h(W),
+				"panel-state": h(K),
+				"snapshot-preview": h(q),
+				"comments-instance": h(W),
+				"test-email": h(U),
 				websocket: h(F),
 				collaboration: h(I),
 				"is-collaboration-enabled": h(L),
@@ -1040,8 +1040,8 @@ var Ue = ["aria-label"], We = { class: "tpl:flex tpl:max-h-[80vh] tpl:w-full tpl
 				"onConfirm"
 			]),
 			D(Ot, {
-				visible: h(J).isPreviewingSnapshot.value,
-				onCancel: h(J).cancelPreview,
+				visible: h(q).isPreviewingSnapshot.value,
+				onCancel: h(q).cancelPreview,
 				onConfirm: ae
 			}, null, 8, ["visible", "onCancel"]),
 			D(y, {
@@ -1052,12 +1052,12 @@ var Ue = ["aria-label"], We = { class: "tpl:flex tpl:max-h-[80vh] tpl:w-full tpl
 				"leave-from-class": "tpl:translate-y-0 tpl:opacity-100",
 				"leave-to-class": "tpl:translate-y-[-8px] tpl:opacity-0"
 			}, {
-				default: s(() => [D(At, { visible: h(te).collabUndoWarningVisible.value }, null, 8, ["visible"])]),
+				default: s(() => [D(At, { visible: h(J).collabUndoWarningVisible.value }, null, 8, ["visible"])]),
 				_: 1
 			}),
 			n(D(le, null, null, 512), [[S, !h(R).state.previewMode]]),
 			x("div", {
-				class: b(["tpl-body tpl:absolute tpl:bottom-0 tpl:overflow-auto", [h(R).state.previewMode ? "tpl:left-0 tpl:right-0" : h(q).rightPanelOpen.value ? "tpl:left-12 tpl:right-[680px]" : "tpl:left-12 tpl:right-[320px]", h(J).isPreviewingSnapshot.value ? "tpl:top-[104px]" : "tpl:top-14"]]),
+				class: b(["tpl-body tpl:absolute tpl:bottom-0 tpl:overflow-auto", [h(R).state.previewMode ? "tpl:left-0 tpl:right-0" : h(K).rightPanelOpen.value ? "tpl:left-12 tpl:right-[680px]" : "tpl:left-12 tpl:right-[320px]", h(q).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)"
@@ -1073,7 +1073,7 @@ var Ue = ["aria-label"], We = { class: "tpl:flex tpl:max-h-[80vh] tpl:w-full tpl
 						"backdrop-filter": "blur(8px)"
 					},
 					onClick: r[0] ||= (e) => h(B).conditionPreview.reset()
-				}, [D(h(ee), {
+				}, [D(h(te), {
 					size: 13,
 					"stroke-width": 2
 				}), T(" " + d(h(B).t.blockSettings.restoreHiddenBlocks), 1)])) : m("", !0)]),
@@ -1086,8 +1086,8 @@ var Ue = ["aria-label"], We = { class: "tpl:flex tpl:max-h-[80vh] tpl:w-full tpl
 				"preview-mode": h(R).state.previewMode,
 				"locked-blocks": h(I)?.lockedBlocks.value ?? void 0,
 				onSelectBlock: h(R).selectBlock,
-				onOpenAiChat: r[1] ||= (e) => h(q).aiChatOpen.value = !0,
-				onOpenDesignReference: r[2] ||= (e) => h(q).designReferenceOpen.value = !0
+				onOpenAiChat: r[1] ||= (e) => h(K).aiChatOpen.value = !0,
+				onOpenDesignReference: r[2] ||= (e) => h(K).designReferenceOpen.value = !0
 			}, null, 8, [
 				"viewport",
 				"content",
@@ -1099,7 +1099,7 @@ var Ue = ["aria-label"], We = { class: "tpl:flex tpl:max-h-[80vh] tpl:w-full tpl
 			])])], 2),
 			e.config.branding !== !1 && !h(V).isWhiteLabeled.value ? (i(), v(pe, {
 				key: 0,
-				"position-class": [h(R).state.previewMode ? "tpl:left-0 tpl:right-0" : h(q).rightPanelOpen.value ? "tpl:left-12 tpl:right-[680px]" : "tpl:left-12 tpl:right-[320px]"]
+				"position-class": [h(R).state.previewMode ? "tpl:left-0 tpl:right-0" : h(K).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",
@@ -1111,7 +1111,7 @@ var Ue = ["aria-label"], We = { class: "tpl:flex tpl:max-h-[80vh] tpl:w-full tpl
 			n(D(oe, {
 				"selected-block": h(R).selectedBlock.value,
 				settings: h(R).content.value.settings,
-				"shifted-left": h(q).rightPanelOpen.value,
+				"shifted-left": h(K).rightPanelOpen.value,
 				onUpdateBlock: r[3] ||= (e) => h(R).updateBlock(h(R).selectedBlock.value.id, e),
 				onDeleteBlock: r[4] ||= (e) => h(B).blockActions.deleteBlock(h(R).selectedBlock.value.id),
 				onDuplicateBlock: r[5] ||= (e) => h(B).blockActions.duplicateBlock(h(R).selectedBlock.value),
@@ -1129,9 +1129,9 @@ var Ue = ["aria-label"], We = { class: "tpl:flex tpl:max-h-[80vh] tpl:w-full tpl
 				config: f.config,
 				editor: h(R),
 				core: h(B),
-				"panel-state": h(q),
+				"panel-state": h(K),
 				"plan-config-instance": h(P),
-				"test-email": h(W),
+				"test-email": h(U),
 				"media-lib": h(H),
 				onSendTestEmail: ie
 			}, null, 8, [
@@ -1143,9 +1143,9 @@ var Ue = ["aria-label"], We = { class: "tpl:flex tpl:max-h-[80vh] tpl:w-full tpl
 				"test-email",
 				"media-lib"
 			])) : m("", !0),
-			h(K).isAvailable.value ? (i(), v(h(l), {
+			h(G).isAvailable.value ? (i(), v(h(l), {
 				key: 2,
-				feature: h(K)
+				feature: h(G)
 			}, null, 8, ["feature"])) : m("", !0),
 			x("div", {
 				ref: (e) => h(B).popoverRoot.value = e,
@@ -1160,4 +1160,4 @@ var Ue = ["aria-label"], We = { class: "tpl:flex tpl:max-h-[80vh] tpl:w-full tpl
 //#endregion
 export { Ft as default };
 
-//# sourceMappingURL=CloudEditor-B3hqbwfP.js.map
+//# sourceMappingURL=CloudEditor-FCS53UcZ.js.map