@templatical/editor 0.7.0 → 0.7.2

package/dist/cdn/chunks/{features-DzIN-Nua.js → features-BouLRfOO.js}

@@ -452,36 +452,46 @@ function St(e) {
 	function o(t) {
 		return e.lockedBlocks?.value.has(t) ?? !1;
 	}
-	function s(e, n = !0) {
+	function s(e) {
+		let n = a(t.content.blocks, e);
+		if (!n) return null;
+		let r = n.blocks.findIndex((t) => t.id === e);
+		return r === -1 ? null : {
+			targetSectionId: n.sectionId,
+			columnIndex: n.columnIndex,
+			index: r
+		};
+	}
+	function c(e, n = !0) {
 		t.content = e, n && (t.isDirty = !0);
 	}
-	function c(e) {
+	function l(e) {
 		e && o(e) || (t.selectedBlockId = e);
 	}
-	function l(e) {
+	function u(e) {
 		t.viewport = e;
 	}
-	function u(e) {
+	function d(e) {
 		t.darkMode = e;
 	}
-	function d(e) {
+	function f(e) {
 		t.uiTheme = e;
 	}
-	function f(e) {
+	function p(e) {
 		t.previewMode = e, e && (t.selectedBlockId = null);
 	}
-	function p(e, n) {
+	function m(e, n) {
 		if (o(e)) return;
 		let r = i(t.content.blocks, e);
 		r && (Object.assign(r, n), t.isDirty = !0);
 	}
-	function m(e) {
+	function h(e) {
 		t.content.settings = {
 			...t.content.settings,
 			...e
 		}, t.isDirty = !0;
 	}
-	function h(e, n, r = 0, a) {
+	function g(e, n, r = 0, a) {
 		if (n) {
 			if (o(n)) return;
 			let s = i(t.content.blocks, n);
@@ -493,7 +503,7 @@ function St(e) {
 		} else a !== void 0 && a < t.content.blocks.length ? t.content.blocks.splice(a, 0, e) : t.content.blocks.push(e);
 		t.isDirty = !0;
 	}
-	function g(e) {
+	function _(e) {
 		if (o(e)) return;
 		let n = a(t.content.blocks, e);
 		if (n) {
@@ -501,7 +511,7 @@ function St(e) {
 			r !== -1 && (n.blocks.splice(r, 1), t.selectedBlockId === e && (t.selectedBlockId = null), t.isDirty = !0);
 		}
 	}
-	function _(e, n, r, s = 0) {
+	function v(e, n, r, s = 0) {
 		if (o(e) || r && o(r)) return;
 		let c = a(t.content.blocks, e);
 		if (!c) return;
@@ -516,7 +526,7 @@ function St(e) {
 		let [d] = c.blocks.splice(l, 1);
 		u.splice(n, 0, d), t.isDirty = !0;
 	}
-	function v() {
+	function b() {
 		t.isDirty = !0;
 	}
 	return {
@@ -524,18 +534,19 @@ function St(e) {
 		content: n,
 		selectedBlock: r,
 		isBlockLocked: o,
-		setContent: s,
-		selectBlock: c,
-		setViewport: l,
-		setDarkMode: u,
-		setUiTheme: d,
-		setPreviewMode: f,
-		updateBlock: p,
-		updateSettings: m,
-		addBlock: h,
-		removeBlock: g,
-		moveBlock: _,
-		markDirty: v
+		setContent: c,
+		selectBlock: l,
+		setViewport: u,
+		setDarkMode: d,
+		setUiTheme: f,
+		setPreviewMode: p,
+		updateBlock: m,
+		updateSettings: h,
+		addBlock: g,
+		removeBlock: _,
+		moveBlock: v,
+		markDirty: b,
+		findBlockLocation: s
 	};
 }
 //#endregion
@@ -544,7 +555,14 @@ var Ct = 50, wt = 300, Tt = 1500;
 function Et(e) {
 	let { content: t, setContent: n, isRemoteOperation: r, maxSize: i = Ct } = e, a = C([]), o = C([]), s = C(!1), c = null, l = null, u = y(() => a.value.length > 0), d = y(() => o.value.length > 0);
 	function f() {
-		return JSON.parse(JSON.stringify(t.value));
+		let e = /* @__PURE__ */ new WeakSet();
+		return JSON.parse(JSON.stringify(t.value, (t, n) => {
+			if (typeof n == "object" && n) {
+				if (e.has(n)) return;
+				e.add(n);
+			}
+			return n;
+		}));
 	}
 	function p(e) {
 		a.value.push(e), a.value.length > i && a.value.splice(0, a.value.length - i);
@@ -609,29 +627,34 @@ function Et(e) {
 //#endregion
 //#region ../core/src/block-actions.ts
 function Dt(e) {
-	let { addBlock: t, removeBlock: n, updateBlock: r, selectBlock: i } = e;
-	function a(n, r, a) {
+	let { addBlock: t, removeBlock: n, updateBlock: r, selectBlock: i, findBlockLocation: a } = e;
+	function o(n, r, a) {
 		let o = st(n, e.blockDefaults);
 		return t(o, r, a), i(o.id), o;
 	}
-	function o(e, n, r) {
-		let a = JSON.parse(JSON.stringify(e));
-		return a.id = W(), a.type === "section" && (a.children = a.children.map((e) => e.map((e) => {
+	function s(e, n, r) {
+		let o = JSON.parse(JSON.stringify(e));
+		if (o.id = W(), o.type === "section" && (o.children = o.children.map((e) => e.map((e) => {
 			let t = JSON.parse(JSON.stringify(e));
 			return t.id = W(), t;
-		}))), t(a, n, r), i(a.id), a;
+		}))), n !== void 0 || r !== void 0) t(o, n, r);
+		else {
+			let i = a?.(e.id) ?? null;
+			i ? t(o, i.targetSectionId, i.columnIndex, i.index + 1) : t(o, n, r);
+		}
+		return i(o.id), o;
 	}
-	function s(e) {
+	function c(e) {
 		n(e);
 	}
-	function c(e, t, n) {
+	function l(e, t, n) {
 		r(e, { [t]: n });
 	}
 	return {
-		createAndAddBlock: a,
-		duplicateBlock: o,
-		deleteBlock: s,
-		updateBlockProperty: c
+		createAndAddBlock: o,
+		duplicateBlock: s,
+		deleteBlock: c,
+		updateBlockProperty: l
 	};
 }
 //#endregion
@@ -1293,7 +1316,7 @@ function tr(e) {
 	o || l();
 	async function l() {
 		try {
-			let t = await import("./quality-C328caFm.js").then((e) => e.t);
+			let t = await import("./quality-ConWSEB6.js").then((e) => e.t);
 			if (c) return;
 			a.value = t.lintAccessibility, r.value = !0, u(), s = rn(e.content, u, {
 				debounce: e.debounce ?? 500,
@@ -2919,7 +2942,7 @@ var ga = ["innerHTML"], _a = /* @__PURE__ */ B({
 		viewport: {}
 	},
 	setup(e) {
-		let t = e, n = E(() => import("./ParagraphEditor-DlpZX_x4.js")), { isEditing: r, blockRef: i, toolbarPosition: a, resolvedContent: o, handleDoubleClick: s, handleEditorDone: c } = ha(() => t.block.content);
+		let t = e, n = E(() => import("./ParagraphEditor-D6Dw5RtX.js")), { isEditing: r, blockRef: i, toolbarPosition: a, resolvedContent: o, handleDoubleClick: s, handleEditorDone: c } = ha(() => t.block.content);
 		return (t, l) => (f(), k("div", {
 			ref_key: "blockRef",
 			ref: i,
@@ -2983,7 +3006,7 @@ var ba = ["data-block-id", "data-block-type"], xa = ["aria-label"], Sa = [
 	},
 	emits: ["select"],
 	setup(e, { emit: t }) {
-		let n = E(() => import("./BlockA11yBadge-BfuH2Hrg.js")), r = e, i = t, { t: a, format: s } = Y(), c = v(Gn, null), l = C(null), u = O(() => c?.liftedBlockId.value === r.block.id), d = O(() => u.value ? s(a.blockActions.dragLifted, { block: r.block.type }) : a.blockActions.drag);
+		let n = E(() => import("./BlockA11yBadge-BLKyO0lH.js")), r = e, i = t, { t: a, format: s } = Y(), c = v(Gn, null), l = C(null), u = O(() => c?.liftedBlockId.value === r.block.id), d = O(() => u.value ? s(a.blockActions.dragLifted, { block: r.block.type }) : a.blockActions.drag);
 		async function p() {
 			await m(), l.value?.focus();
 		}
@@ -3010,20 +3033,26 @@ var ba = ["data-block-id", "data-block-type"], xa = ["aria-label"], Sa = [
 			desktop: a.viewport.desktop,
 			tablet: a.viewport.tablet,
 			mobile: a.viewport.mobile
-		}[r.viewport] ?? r.viewport : ""), y = O(() => !!r.block.displayCondition), b = v(kn, null), x = v(An, null), S = v(Wn, {}), w = O(() => !!S.savedModules), T = O(() => S.comments?.getBlockCount(r.block.id) ?? 0), ee = O(() => ya(r.block));
-		function te(e) {
+		}[r.viewport] ?? r.viewport : ""), y = O(() => !!r.block.displayCondition), b = v(kn, null), x = v(An, null), S = v(Wn, {}), w = O(() => !!S.savedModules), T = O(() => S.comments?.getBlockCount(r.block.id) ?? 0), ee = O(() => ({ margin: ya(r.block).margin })), te = O(() => {
+			let e = ya(r.block);
+			return {
+				padding: e.padding,
+				backgroundColor: e.backgroundColor
+			};
+		});
+		function ne(e) {
 			r.previewMode || (e.stopPropagation(), i("select"));
 		}
-		function ne() {
+		function re() {
 			b?.deleteBlock(r.block.id);
 		}
-		function re() {
+		function N() {
 			b?.duplicateBlock(r.block);
 		}
-		function N() {
+		function ie() {
 			S.savedModules?.openSaveDialog(r.block.id);
 		}
-		function ie() {
+		function P() {
 			x?.toggleBlock(r.block.id);
 		}
 		return (t, r) => (f(), k("div", {
@@ -3035,8 +3064,7 @@ var ba = ["data-block-id", "data-block-type"], xa = ["aria-label"], Sa = [
 			style: L(ee.value),
 			"data-block-id": e.block.id,
 			"data-block-type": e.block.type,
-			draggable: "false",
-			onClick: te
+			onClick: ne
 		}, [
 			V(j(n), { "block-id": e.block.id }, null, 8, ["block-id"]),
 			e.isSelected ? (f(), k("div", {
@@ -3062,7 +3090,7 @@ var ba = ["data-block-id", "data-block-type"], xa = ["aria-label"], Sa = [
 					class: "tpl-block-action-btn tpl:flex tpl:size-7 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-sm tpl:border-none tpl:transition-colors tpl:duration-150",
 					"aria-label": j(a).blockActions.duplicate,
 					title: j(a).blockActions.duplicate,
-					onClick: M(re, ["stop"])
+					onClick: M(N, ["stop"])
 				}, [V(j(Rr), {
 					size: 14,
 					"stroke-width": 1.5
@@ -3072,7 +3100,7 @@ var ba = ["data-block-id", "data-block-type"], xa = ["aria-label"], Sa = [
 					class: "tpl-block-action-btn tpl:flex tpl:size-7 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-sm tpl:border-none tpl:transition-colors tpl:duration-150",
 					"aria-label": j(a).blockActions.saveAsModule,
 					title: j(a).blockActions.saveAsModule,
-					onClick: M(N, ["stop"])
+					onClick: M(ie, ["stop"])
 				}, [V(j(Dr), {
 					size: 14,
 					"stroke-width": 1.5
@@ -3081,7 +3109,7 @@ var ba = ["data-block-id", "data-block-type"], xa = ["aria-label"], Sa = [
 					class: "tpl-block-action-btn tpl-block-delete-btn tpl:flex tpl:size-7 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-sm tpl:border-none tpl:transition-colors tpl:duration-150",
 					"aria-label": j(a).blockActions.delete,
 					title: j(a).blockActions.delete,
-					onClick: M(ne, ["stop"])
+					onClick: M(re, ["stop"])
 				}, [V(j(ci), {
 					size: 14,
 					"stroke-width": 1.5
@@ -3095,7 +3123,7 @@ var ba = ["data-block-id", "data-block-type"], xa = ["aria-label"], Sa = [
 				class: "tpl-condition-toggle tpl:flex tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-md tpl:p-1 tpl:transition-colors tpl:duration-150 tpl:bg-[var(--tpl-bg-elevated)] tpl:text-[var(--tpl-primary)] tpl:border tpl:border-[var(--tpl-border)]",
 				"aria-label": j(a).blockActions.conditionToggle,
 				title: e.block.displayCondition?.label,
-				onClick: M(ie, ["stop"])
+				onClick: M(P, ["stop"])
 			}, [V(j(Ur), {
 				size: 12,
 				"stroke-width": 2
@@ -3108,10 +3136,13 @@ var ba = ["data-block-id", "data-block-type"], xa = ["aria-label"], Sa = [
 				size: 12,
 				"stroke-width": 2.5
 			}), z(" " + D(T.value), 1)], 8, ja)])) : A("", !0),
-			o(t.$slots, "default", {}, void 0, !0)
+			I("div", {
+				class: "tpl-block-content",
+				style: L(te.value)
+			}, [o(t.$slots, "default", {}, void 0, !0)], 4)
 		], 14, ba));
 	}
-}), [["__scopeId", "data-v-850614e7"]]);
+}), [["__scopeId", "data-v-7333e8d7"]]);
 //#endregion
 //#region src/utils/unwrapParagraph.ts
 function Na(e) {
@@ -3127,7 +3158,7 @@ var Pa = /* @__PURE__ */ B({
 		viewport: {}
 	},
 	setup(e) {
-		let t = e, n = E(() => import("./TitleEditor-Kerz6US8.js")), { isEditing: r, blockRef: i, toolbarPosition: a, resolvedContent: o, handleDoubleClick: s, handleEditorDone: c } = ha(() => t.block.content), l = O(() => {
+		let t = e, n = E(() => import("./TitleEditor-isN_t0MJ.js")), { isEditing: r, blockRef: i, toolbarPosition: a, resolvedContent: o, handleDoubleClick: s, handleEditorDone: c } = ha(() => t.block.content), l = O(() => {
 			let e = {
 				fontSize: `${pe[t.block.level]}px`,
 				color: t.block.color,
@@ -3196,9 +3227,9 @@ var Pa = /* @__PURE__ */ B({
 			return l.value[e] || [];
 		}
 		function p(e, t) {
-			let r = [...n.block.children];
-			for (; r.length <= e;) r.push([]);
-			r[e] = t, i.updateBlock(n.block.id, { children: r });
+			let r = t.map((e) => JSON.parse(JSON.stringify(e))), a = [...n.block.children];
+			for (; a.length <= e;) a.push([]);
+			a[e] = r, i.updateBlock(n.block.id, { children: a });
 		}
 		function m(e) {
 			return va(e, o, t);
@@ -3222,9 +3253,12 @@ var Pa = /* @__PURE__ */ B({
 			},
 			animation: 150,
 			"ghost-class": "tpl-ghost",
+			"drag-class": "tpl-dragging",
+			handle: ".tpl-block-btn",
 			"invert-swap": !0,
 			"inverted-swap-threshold": .65,
 			"empty-insert-threshold": 20,
+			"force-fallback": !0,
 			class: "tpl:min-h-[60px]",
 			"onUpdate:modelValue": (e) => p(n, e)
 		}, {
@@ -3687,7 +3721,7 @@ var so = ["src", "alt"], co = {
 	table: ro,
 	spacer: Za,
 	html: $i,
-	countdown: E(() => import("./CountdownBlock-D1RoaOgF.js").then((e) => e.n))
+	countdown: E(() => import("./CountdownBlock-LAlYJYWL.js").then((e) => e.n))
 };
 function go(e) {
 	let { editor: t, config: n, translations: r, fontsManager: i } = e, { t: a, format: o } = Y(r);
@@ -3707,6 +3741,7 @@ function go(e) {
 		removeBlock: t.removeBlock,
 		updateBlock: t.updateBlock,
 		selectBlock: t.selectBlock,
+		findBlockLocation: t.findBlockLocation,
 		blockDefaults: n.blockDefaults
 	}), f = kt(t), m = e.autoSaveOptions !== null && e.autoSaveOptions !== void 0 ? Ot({
 		content: t.content,
@@ -4387,12 +4422,23 @@ function Oo(e) {
 	function ee() {
 		n.isDirty = !0;
 	}
+	function D(e) {
+		let t = s(n.content.blocks, e);
+		if (!t) return null;
+		let r = t.blocks.findIndex((t) => t.id === e);
+		return r === -1 ? null : {
+			targetSectionId: t.sectionId,
+			columnIndex: t.columnIndex,
+			index: r
+		};
+	}
 	return {
 		state: x(n),
 		content: r,
 		selectedBlock: i,
 		savedBlockIds: a,
 		isBlockLocked: c,
+		findBlockLocation: D,
 		setContent: l,
 		selectBlock: u,
 		setViewport: d,
@@ -6843,4 +6889,4 @@ var zl = {
 //#endregion
 export { Di as $, Mn as $t, go as A, xe as An, X as At, ya as B, Fn as Bt, Oo as C, Ee as Cn, Rr as Ct, Z as D, we as Dn, Mr as Dt, $ as E, _e as En, Pr as Et, za as F, pe as Fn, Kn as Ft, $i as G, In as Gt, _a as H, er as Ht, Va as I, de as In, Xn as It, Li as J, jn as Jt, Ji as K, Hn as Kt, Ra as L, fe as Ln, Un as Lt, ro as M, Te as Mn, lr as Mt, Za as N, he as Nn, nr as Nt, _o as O, ge as On, Ar as Ot, Ja as P, be as Pn, Y as Pt, ki as Q, $n as Qt, Pa as R, ue as Rn, Yn as Rt, Mo as S, ve as Sn, zr as St, wo as T, Ce as Tn, Ir as Tt, ma as U, Zn as Ut, va as V, Wn as Vt, ua as W, An as Wt, ji as X, Vn as Xt, Fi as Y, Rn as Yt, Ai as Z, Qn as Zt, Ho as _, vt as _n, Jr as _t, _l as a, q as an, di as at, Fo as b, ot as bn, Gr as bt, Es as c, Zt as cn, si as ct, Jo as d, At as dn, ri as dt, Nn as en, Oi as et, qo as f, St as fn, ni as ft, Uo as g, ht as gn, Yr as gt, Wo as h, yt as hn, Xr as ht, yl as i, yn as in, pi as it, mo as j, Se as jn, _r as jt, vo as k, me as kn, kr as kt, es as l, en as ln, oi as lt, Go as m, _t as mn, Zr as mt, gu as n, un as nn, vi as nt, hl as o, Tn as on, li as ot, Ko as p, lt as pn, ei as pt, Ki as q, Dn as qt, Nl as r, vn as rn, _i as rt, Bc as s, Sn as sn, ci as st, Mu as t, J as tn, Ti as tt, $o as u, tn as un, ii as ut, Vo as v, ct as vn, qr as vt, To as w, ye as wn, Lr as wt, No as x, W as xn, Br as xt, Io as y, st as yn, Kr as yt, Ma as z, Pn as zt };
 
-//# sourceMappingURL=features-DzIN-Nua.js.map
+//# sourceMappingURL=features-BouLRfOO.js.map