@templatical/editor 0.24.1 → 0.25.0

package/dist/cdn/chunks/{CloudEditor-D87qsqbZ.js → CloudEditor-D-t7RyDh.js}

@@ -1,18 +1,18 @@
 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-JcMTNF3U.js";
 import { t as k } from "./timeouts-SsLMC4a3.js";
-import { z as A } from "./src-D5mfLR4V.js";
-import { T as j, b as M, j as ee, t as N } from "./useEditorCore-ZqF7P99K.js";
+import { B as A } from "./src-CZjSXPYq.js";
+import { T as j, b as M, j as ee, t as N } from "./useEditorCore-DfW-thCr.js";
 import { _ as P } from "./dist-lZgXNk4G.js";
 import { t as F } from "./dist-B8AX9np4.js";
-import { I, c as L, j as te, r as R, s as z, t as B, u as ne } from "./keys-CswSK7eb.js";
-import { t as V } from "./useI18n-vD57BfVR.js";
+import { M as I, c as te, d as L, i as R, l as z, t as B, z as ne } from "./keys-BxPCfHBH.js";
+import { t as V } from "./useI18n-DniEFeIl.js";
 import { F as H, I as U, It as W, M as G, Ot as K, T as q, it as J, jt as Y, tt as re, u as ie } from "./icons-Cp4ZIJw-.js";
 import { t as ae } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { n as X } from "./useCloudI18n-sx1pqEbY.js";
-import { a as Z, c as oe, d as Q, f as se, i as ce, l as le, m as ue, n as de, o as fe, p as pe, r as me, s as he, t as ge, u as _e } from "./styles--m9OCb_Z.js";
-import { d as $ } from "./ColorPicker-B-ymPPtU.js";
-import { n as ve, t as ye } from "./MergeTagModeToggle-DrdxQA0K.js";
-import { C as be, a as xe, c as Se, d as Ce, f as we, g as Te, h as Ee, i as De, l as Oe, n as ke, o as Ae, p as je, r as Me, s as Ne, t as Pe, u as Fe, v as Ie, y as Le } from "./cloud-CRlDc0Ev.js";
+import { n as X } from "./useCloudI18n-CjVzv11v.js";
+import { a as Z, c as oe, d as Q, f as se, i as ce, l as le, m as ue, n as de, o as fe, p as pe, r as me, s as he, t as ge, u as _e } from "./styles-DANwMzW2.js";
+import { d as $ } from "./ColorPicker-_1O7YU2z.js";
+import { n as ve, t as ye } from "./MergeTagModeToggle-CWuVC3MU.js";
+import { C as be, a as xe, c as Se, d as Ce, f as we, g as Te, h as Ee, i as De, l as Oe, n as ke, o as Ae, p as je, r as Me, s as Ne, t as Pe, u as Fe, v as Ie, y as Le } from "./cloud-DOaGUdR0.js";
 //#region src/cloud/composables/useSnapshotPreview.ts
 function Re(t) {
 	let { authManager: n, editor: i, history: a, conditionPreview: o, autoSave: s, onError: l } = t, u = e(null), d = c(null), p = c(null), m = !1;
@@ -184,7 +184,7 @@ function He(e) {
 		let t = f(e);
 		if (t) return s?.(t), null;
 		try {
-			let { MediaApiClient: t } = await import("./src-CumZZNXZ.js");
+			let { MediaApiClient: t } = await import("./src-Dpj0x27M.js");
 			return l(await new t(a).uploadMedia(e));
 		} catch (e) {
 			return s?.(e), null;
@@ -262,6 +262,7 @@ function Ue(e) {
 			logicTags: t.logicTags,
 			displayConditions: t.displayConditions,
 			onRequestMedia: null,
+			resolvePreview: t.resolvePreview,
 			lint: Q(t),
 			onSave: () => {
 				p.value?.().catch((e) => {
@@ -321,7 +322,7 @@ function Ue(e) {
 	}), P = Ae({
 		authManager: g,
 		isAuthReady: l
-	}), F = t.testEmail ?? null, L = se({
+	}), F = t.testEmail ?? null, z = se({
 		provider: F ?? xe({
 			authManager: g,
 			getTemplateId: () => y.state.template?.id ?? null,
@@ -366,7 +367,7 @@ function Ue(e) {
 			o()?.filterByBlock(e);
 		});
 	}
-	a(te, A.handleRequestMedia), a(R, g), a(B, D), a(ne, V), a(I, W), a(z, {
+	a(I, A.handleRequestMedia), a(R, g), a(B, D), a(L, V), a(ne, W), a(te, {
 		plan: _,
 		ai: D,
 		comments: {
@@ -374,7 +375,7 @@ function Ue(e) {
 			openForBlock: G
 		},
 		savedBlocks: U.capability,
-		testEmail: L.capability
+		testEmail: z.capability
 	});
 	function K(e) {
 		_.hasFeature("theme_customization") && (C.themeOverrides.value = e);
@@ -420,7 +421,7 @@ function Ue(e) {
 		featureFlags: k,
 		mediaLib: A,
 		exporter: M,
-		testEmail: L,
+		testEmail: z,
 		commentsInstance: V,
 		savedBlocks: U,
 		scoringInstance: W,
@@ -612,7 +613,7 @@ var qe = ["aria-label"], Je = { class: "tpl:flex tpl:max-h-[80vh] tpl:w-full tpl
 	},
 	emits: ["save"],
 	setup(e) {
-		let t = u(() => import("./CollaboratorBar-Br4RvNrA.js")), n = u(() => import("./SnapshotHistory-m5Z8bTej.js")), r = u(() => import("./AiFeatureMenu-OIwoJzHG.js")), { t: a } = V(), { t: o, format: c } = X();
+		let t = u(() => import("./CollaboratorBar-DcXYo47v.js")), n = u(() => import("./SnapshotHistory-QQt0DKey.js")), r = u(() => import("./AiFeatureMenu-CI4SYTq2.js")), { t: a } = V(), { t: o, format: c } = X();
 		return (l, u) => (i(), p("header", rt, [
 			x("div", it, [e.featureFlags.templateLimit.value === null ? m("", !0) : (i(), p("span", at, d(h(c)(h(o).header.templatesUsed, {
 				used: e.featureFlags.templateCount.value,
@@ -631,7 +632,7 @@ var qe = ["aria-label"], Je = { class: "tpl:flex tpl:max-h-[80vh] tpl:w-full tpl
 					"preview-mode": e.editor.state.previewMode,
 					onChange: e.editor.setPreviewMode
 				}, null, 8, ["preview-mode", "onChange"]),
-				e.editor.state.previewMode ? (i(), v(ye, {
+				e.editor.state.previewMode && !e.core.previewResolution.supersedesSamples.value ? (i(), v(ye, {
 					key: 0,
 					"sample-mode": e.core.mergeTagSampleMode.value,
 					onChange: u[0] ||= (t) => e.core.mergeTagSampleMode.value = t
@@ -768,9 +769,9 @@ var qe = ["aria-label"], Je = { class: "tpl:flex tpl:max-h-[80vh] tpl:w-full tpl
 		mediaLib: {}
 	},
 	setup(e, { expose: t }) {
-		let n = u(() => import("./AiChatSidebar-UbF3ePzR.js")), r = u(() => import("./CommentsSidebar-Tv_WTcJv.js")), a = u(() => import("./DesignReferenceSidebar-YeqxSsxO.js")), o = u(() => import("./TemplateScoringPanel-DgRU5fty.js")), s = u(async () => {
+		let n = u(() => import("./AiChatSidebar-bkBKpNgE.js")), r = u(() => import("./CommentsSidebar-BEgLBYX-.js")), a = u(() => import("./DesignReferenceSidebar-DPqBr-ut.js")), o = u(() => import("./TemplateScoringPanel-BwyCMcit.js")), s = u(async () => {
 			try {
-				return (await import("./src-CumZZNXZ.js")).MediaLibraryModal;
+				return (await import("./src-Dpj0x27M.js")).MediaLibraryModal;
 			} catch {
 				throw Error("[Templatical] Cloud media library requires the optional peer dependency '@templatical/media-library'. Please install it.");
 			}
@@ -914,8 +915,8 @@ var qe = ["aria-label"], Je = { class: "tpl:flex tpl:max-h-[80vh] tpl:w-full tpl
 	},
 	emits: ["ready"],
 	setup(e, { expose: r, emit: o }) {
-		let l = u(() => import("./SavedBlocksPanels-CUffuDAC.js")), f = u(() => import("./TestEmailPanel-BlmIKKSL.js")), w = e;
-		a(L, w.cloudTranslations);
+		let l = u(() => import("./SavedBlocksPanels-B62U5DYW.js")), f = u(() => import("./TestEmailPanel-CvuBq4RA.js")), w = e;
+		a(z, w.cloudTranslations);
 		let E = o, O = c(null), k = c(null), A = Ue({
 			config: w.config,
 			translations: w.translations,
@@ -924,7 +925,7 @@ var qe = ["aria-label"], Je = { class: "tpl:flex tpl:max-h-[80vh] tpl:w-full tpl
 			getCommentsSidebar: () => O.value ? { filterByBlock: O.value.filterCommentsByBlock } : null,
 			editorRoot: w.shadowRoot,
 			containerEl: k
-		}), { isInitializing: j, isAuthReady: ee, initError: N, planConfigInstance: P, websocket: F, collaboration: I, isCollaborationEnabled: te, editor: R, core: z, featureFlags: B, mediaLib: ne, exporter: V, testEmail: H, commentsInstance: W, savedBlocks: G, panelState: K, snapshotPreview: q, collabWarning: J, setThemeOverrides: Y, setUiTheme: re } = A, { showNotice: ie } = M(() => w.config.smallScreenNotice);
+		}), { isInitializing: j, isAuthReady: ee, initError: N, planConfigInstance: P, websocket: F, collaboration: I, isCollaborationEnabled: te, editor: L, core: R, featureFlags: B, mediaLib: ne, exporter: V, testEmail: H, commentsInstance: W, savedBlocks: G, panelState: K, snapshotPreview: q, collabWarning: J, setThemeOverrides: Y, setUiTheme: re } = A, { showNotice: ie } = M(() => w.config.smallScreenNotice);
 		async function ae() {
 			try {
 				await q.confirmRestoreSnapshot();
@@ -932,16 +933,16 @@ var qe = ["aria-label"], Je = { class: "tpl:flex tpl:max-h-[80vh] tpl:w-full tpl
 		}
 		let X = Ge({
 			config: w.config,
-			editor: R,
+			editor: L,
 			websocket: F,
 			planConfigInstance: P,
 			snapshotPreview: q,
-			core: z,
+			core: R,
 			exporter: V,
 			featureFlags: B,
 			isDestroyed: A.isDestroyed
 		}), Z = Ke({
-			issues: z.templateLint ? z.templateLint.issues : c([]),
+			issues: R.templateLint ? R.templateLint.issues : c([]),
 			planConfig: P.config
 		});
 		async function Q() {
@@ -952,8 +953,8 @@ var qe = ["aria-label"], Je = { class: "tpl:flex tpl:max-h-[80vh] tpl:w-full tpl
 		}), g(() => {
 			A.destroy();
 		}), r({
-			getContent: () => R.content.value,
-			setContent: (e) => R.setContent(e),
+			getContent: () => L.content.value,
+			setContent: (e) => L.setContent(e),
 			setTheme: re,
 			setThemeOverrides: Y,
 			create: X.createTemplate,
@@ -963,9 +964,9 @@ var qe = ["aria-label"], Je = { class: "tpl:flex tpl:max-h-[80vh] tpl:w-full tpl
 		}), (t, r) => (i(), p("div", {
 			ref_key: "rootEl",
 			ref: k,
-			class: b(["tpl tpl:relative tpl:h-full tpl:overflow-hidden", { "tpl:dark": h(R).state.darkMode }]),
-			"data-tpl-theme": h(z).resolvedTheme.value,
-			style: C(h(z).themeStyles.value),
+			class: b(["tpl tpl:relative tpl:h-full tpl:overflow-hidden", { "tpl:dark": h(L).state.darkMode }]),
+			"data-tpl-theme": h(R).resolvedTheme.value,
+			style: C(h(R).themeStyles.value),
 			onDragover: r[6] ||= _(() => {}, ["prevent"]),
 			onDrop: r[7] ||= _(() => {}, ["prevent"])
 		}, [
@@ -978,7 +979,7 @@ var qe = ["aria-label"], Je = { 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(St, { visible: h(j) || h(R).state.isLoading }, null, 8, ["visible"])]),
+				default: s(() => [D(St, { visible: h(j) || h(L).state.isLoading }, null, 8, ["visible"])]),
 				_: 1
 			}),
 			D(y, {
@@ -1001,8 +1002,8 @@ var qe = ["aria-label"], Je = { class: "tpl:flex tpl:max-h-[80vh] tpl:w-full tpl
 				_: 1
 			}),
 			D(_t, {
-				editor: h(R),
-				core: h(z),
+				editor: h(L),
+				core: h(R),
 				"feature-flags": h(B),
 				"panel-state": h(K),
 				"snapshot-preview": h(q),
@@ -1011,8 +1012,8 @@ var qe = ["aria-label"], Je = { class: "tpl:flex tpl:max-h-[80vh] tpl:w-full tpl
 				websocket: h(F),
 				collaboration: h(I),
 				"is-collaboration-enabled": h(te),
-				"is-saving": h(R).state.isSaving || h(B).isSaveExporting.value,
-				"is-save-disabled": h(R).state.isSaving || h(B).isSaveExporting.value || !h(R).state.isDirty,
+				"is-saving": h(L).state.isSaving || h(B).isSaveExporting.value,
+				"is-save-disabled": h(L).state.isSaving || h(B).isSaveExporting.value || !h(L).state.isDirty,
 				onSave: Q
 			}, null, 8, [
 				"editor",
@@ -1055,15 +1056,15 @@ var qe = ["aria-label"], Je = { class: "tpl:flex tpl:max-h-[80vh] tpl:w-full tpl
 				default: s(() => [D(Pt, { visible: h(J).collabUndoWarningVisible.value }, null, 8, ["visible"])]),
 				_: 1
 			}),
-			n(D(oe, null, null, 512), [[S, !h(R).state.previewMode]]),
+			n(D(oe, null, null, 512), [[S, !h(L).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(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"]]),
+				class: b(["tpl-body tpl:absolute tpl:bottom-0 tpl:overflow-auto", [h(L).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)"
 				}
 			}, [x("div", It, [D(y, { name: "tpl-restore-btn" }, {
-				default: s(() => [h(z).conditionPreview.hasHiddenBlocks.value ? (i(), p("button", {
+				default: s(() => [h(R).conditionPreview.hasHiddenBlocks.value && h(R).appliesConditionFilter.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: {
@@ -1072,20 +1073,21 @@ var qe = ["aria-label"], Je = { 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(z).conditionPreview.reset()
+					"data-testid": "restore-hidden-blocks",
+					onClick: r[0] ||= (e) => h(R).conditionPreview.reset()
 				}, [D(h(U), {
 					size: 13,
 					"stroke-width": 2
-				}), T(" " + d(h(z).t.blockSettings.restoreHiddenBlocks), 1)])) : m("", !0)]),
+				}), T(" " + d(h(R).t.blockSettings.restoreHiddenBlocks), 1)])) : m("", !0)]),
 				_: 1
 			})]), x("main", Lt, [D(_e, {
-				viewport: h(R).state.viewport,
-				content: h(R).content.value,
-				"selected-block-id": h(R).state.selectedBlockId,
-				"dark-mode": h(R).state.darkMode,
-				"preview-mode": h(R).state.previewMode,
+				viewport: h(L).state.viewport,
+				content: h(R).previewResolution.content.value,
+				"selected-block-id": h(L).state.selectedBlockId,
+				"dark-mode": h(L).state.darkMode,
+				"preview-mode": h(L).state.previewMode,
 				"locked-blocks": h(I)?.lockedBlocks.value ?? void 0,
-				onSelectBlock: h(R).selectBlock,
+				onSelectBlock: h(L).selectBlock,
 				onOpenAiChat: r[1] ||= (e) => h(K).aiChatOpen.value = !0,
 				onOpenDesignReference: r[2] ||= (e) => h(K).designReferenceOpen.value = !0
 			}, null, 8, [
@@ -1099,36 +1101,36 @@ var qe = ["aria-label"], Je = { class: "tpl:flex tpl:max-h-[80vh] tpl:w-full tpl
 			])])], 2),
 			e.config.branding !== !1 && !h(B).isWhiteLabeled.value ? (i(), v(me, {
 				key: 0,
-				"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]"]
+				"position-class": [h(L).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",
 				role: "status",
 				"aria-live": "polite",
 				"aria-atomic": "true",
-				"aria-label": h(z).t.landmarks.reorderAnnouncements
-			}, d(h(z).keyboardReorder.announcement.value), 9, Rt),
+				"aria-label": h(R).t.landmarks.reorderAnnouncements
+			}, d(h(R).keyboardReorder.announcement.value), 9, Rt),
 			n(D(he, {
-				"selected-block": h(R).selectedBlock.value,
-				settings: h(R).content.value.settings,
+				"selected-block": h(L).selectedBlock.value,
+				settings: h(L).content.value.settings,
 				"shifted-left": h(K).rightPanelOpen.value,
-				onUpdateBlock: r[3] ||= (e) => h(R).updateBlock(h(R).selectedBlock.value.id, e),
-				onDeleteBlock: r[4] ||= (e) => h(z).blockActions.deleteBlock(h(R).selectedBlock.value.id),
-				onDuplicateBlock: r[5] ||= (e) => h(z).blockActions.duplicateBlock(h(R).selectedBlock.value),
-				onUpdateSettings: h(R).updateSettings
+				onUpdateBlock: r[3] ||= (e) => h(L).updateBlock(h(L).selectedBlock.value.id, e),
+				onDeleteBlock: r[4] ||= (e) => h(R).blockActions.deleteBlock(h(L).selectedBlock.value.id),
+				onDuplicateBlock: r[5] ||= (e) => h(R).blockActions.duplicateBlock(h(L).selectedBlock.value),
+				onUpdateSettings: h(L).updateSettings
 			}, null, 8, [
 				"selected-block",
 				"settings",
 				"shifted-left",
 				"onUpdateSettings"
-			]), [[S, !h(R).state.previewMode]]),
+			]), [[S, !h(L).state.previewMode]]),
 			!h(j) && h(ee) ? (i(), v(vt, {
 				key: 1,
 				ref_key: "cloudPanelsRef",
 				ref: O,
 				config: w.config,
-				editor: h(R),
-				core: h(z),
+				editor: h(L),
+				core: h(R),
 				"panel-state": h(K),
 				"plan-config-instance": h(P),
 				"media-lib": h(ne)
@@ -1149,7 +1151,7 @@ var qe = ["aria-label"], Je = { class: "tpl:flex tpl:max-h-[80vh] tpl:w-full tpl
 				feature: h(H)
 			}, null, 8, ["feature"])) : m("", !0),
 			x("div", {
-				ref: (e) => h(z).popoverRoot.value = e,
+				ref: (e) => h(R).popoverRoot.value = e,
 				class: "tpl-popover-root"
 			}, null, 512),
 			D(de),
@@ -1157,8 +1159,8 @@ var qe = ["aria-label"], Je = { class: "tpl:flex tpl:max-h-[80vh] tpl:w-full tpl
 			h(ie) ? (i(), v(fe, { key: 4 })) : m("", !0)
 		], 46, Ft));
 	}
-}), [["__scopeId", "data-v-d606cf3a"]]);
+}), [["__scopeId", "data-v-16786f1a"]]);
 //#endregion
 export { zt as default };
 
-//# sourceMappingURL=CloudEditor-D87qsqbZ.js.map
+//# sourceMappingURL=CloudEditor-D-t7RyDh.js.map