@templatical/editor 0.6.3 → 0.6.5

package/dist/{ModuleBrowserModal-DrUFMTDx.js → ModuleBrowserModal-EDKHLJtb.js}

@@ -1,13 +1,13 @@
-import { H as e, L as t, M as n, Mt as r, Ot as i, P as a, Q as o, S as s, V as ee, _ as c, b as l, d as u, g as te, h as d, it as f, m as p, o as ne, p as m, s as re, u as h, x as ie, z as ae } from "./vue.runtime.esm-bundler-DpvJL-nX.js";
-import "./useEditorCore-C6ost42Q.js";
-import { C as oe, O as g, m as se } from "./keys-ciNfSSGj.js";
-import { t as ce } from "./useI18n-lb2DHDiu.js";
-import { t as _ } from "./createLucideIcon-C3pa2siy.js";
-import { n as v, t as y } from "./blockTypeIcons-BcTrDjmH.js";
-import { t as le } from "./trash-2-DbP2Y6t2.js";
-import { t as ue } from "./x-u2oVmjN_.js";
-import { n as de } from "./useCloudI18n-BuIwR6OE.js";
-import { t as fe } from "./TplModal-BwSfxIHf.js";
+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-DLd-5qMg.js";
+import { C as oe, O as g, m as se } from "./keys-Bqs_0du9.js";
+import { t as ce } from "./useI18n-CgmQftNf.js";
+import { t as _ } from "./createLucideIcon-Di4mqmGn.js";
+import { n as v, t as y } from "./blockTypeIcons-DKetBdJx.js";
+import { t as le } from "./trash-2-424iqbpN.js";
+import { t as ue } from "./x-Dlaenqta.js";
+import { n as de } from "./useCloudI18n-CL_AwWwi.js";
+import { t as fe } from "./TplModal-CINtyB6Y.js";
 var pe = _("search", [["path", {
 	d: "m21 21-4.34-4.34",
 	key: "14j7rj"
@@ -42,49 +42,49 @@ var pe = _("search", [["path", {
 ], L = {
 	key: 1,
 	class: "tpl:flex tpl:flex-col tpl:items-center tpl:justify-center tpl:py-12"
-}, R = { class: "tpl:mt-2 tpl:text-xs tpl:text-[var(--tpl-text-dim)]" }, ge = { class: "tpl:flex tpl:flex-1 tpl:flex-col tpl:overflow-hidden tpl:border-l tpl:border-[var(--tpl-border)]" }, z = {
+}, R = { class: "tpl:mt-2 tpl:text-xs tpl:text-[var(--tpl-text-dim)]" }, ge = { class: "tpl:flex tpl:flex-1 tpl:flex-col tpl:overflow-hidden tpl:border-l tpl:border-[var(--tpl-border)]" }, _e = {
 	key: 0,
 	class: "tpl:flex tpl:flex-1 tpl:flex-col tpl:overflow-hidden"
-}, _e = { class: "tpl:flex-1 tpl:overflow-y-auto tpl:p-4" }, ve = {
+}, ve = { class: "tpl:flex-1 tpl:overflow-y-auto tpl:p-4" }, ye = {
 	key: 1,
 	class: "tpl:flex tpl:flex-1 tpl:flex-col tpl:items-center tpl:justify-center tpl:px-4"
-}, ye = { class: "tpl:mt-2 tpl:text-center tpl:text-xs tpl:text-[var(--tpl-text-dim)]" }, be = { class: "tpl:flex tpl:items-center tpl:justify-between tpl:border-t tpl:px-5 tpl:py-3 tpl:border-[var(--tpl-border)]" }, xe = { class: "tpl:flex tpl:items-center tpl:gap-2" }, Se = { class: "tpl:shrink-0 tpl:text-xs tpl:text-[var(--tpl-text-dim)]" }, Ce = ["value"], we = { class: "tpl:flex tpl:gap-2" }, Te = ["disabled"], B = /* @__PURE__ */ s({
+}, be = { class: "tpl:mt-2 tpl:text-center tpl:text-xs tpl:text-[var(--tpl-text-dim)]" }, xe = { class: "tpl:flex tpl:items-center tpl:justify-between tpl:border-t tpl:px-5 tpl:py-3 tpl:border-[var(--tpl-border)]" }, Se = { class: "tpl:flex tpl:items-center tpl:gap-2" }, Ce = { class: "tpl:shrink-0 tpl:text-xs tpl:text-[var(--tpl-text-dim)]" }, we = ["value"], Te = { class: "tpl:flex tpl:gap-2" }, Ee = ["disabled"], z = /* @__PURE__ */ o({
 	__name: "ModuleBrowserModal",
 	props: { visible: { type: Boolean } },
 	emits: ["close", "insert"],
-	setup(s, { emit: _ }) {
-		let B = s, V = _, Ee = ie(() => import("./ModulePreviewCanvas-CHdOwV_4.js")), { t: De } = ce(), { t: H } = de(), U = g(oe, "ModuleBrowserModal"), W = g(se, "ModuleBrowserModal"), G = o(""), K = o(null), q = o(null), J = o("end"), Y = m(() => {
-			let e = U.modules.value;
-			if (!G.value) return e;
-			let t = G.value.toLowerCase();
+	setup(o, { emit: _ }) {
+		let z = o, B = _, De = ie(() => import("./ModulePreviewCanvas-MQxat34K.js")), { t: Oe } = ce(), { t: V } = de(), H = g(oe, "ModuleBrowserModal"), U = g(se, "ModuleBrowserModal"), W = a(""), G = a(null), K = a(null), q = a("end"), J = c(() => {
+			let e = H.modules.value;
+			if (!W.value) return e;
+			let t = W.value.toLowerCase();
 			return e.filter((e) => e.name.toLowerCase().includes(t));
-		}), X = m(() => K.value ? U.modules.value.find((e) => e.id === K.value) ?? null : null), Oe = m(() => {
+		}), Y = c(() => G.value ? H.modules.value.find((e) => e.id === G.value) ?? null : null), X = c(() => {
 			let e = [{
 				value: "beginning",
-				label: H.modules.insertAtBeginning
-			}], t = W.content.value.blocks;
+				label: V.modules.insertAtBeginning
+			}], t = U.content.value.blocks;
 			for (let n = 0; n < t.length; n++) {
-				let r = t[n], i = r.type, a = De.blocks[i] ?? r.type;
+				let r = t[n], i = r.type, a = Oe.blocks[i] ?? r.type;
 				e.push({
 					value: r.id,
-					label: H.modules.insertAfterBlock.replace("{block}", `${a} ${n + 1}`)
+					label: V.modules.insertAfterBlock.replace("{block}", `${a} ${n + 1}`)
 				});
 			}
 			return e.push({
 				value: "end",
-				label: H.modules.insertAtEnd
+				label: V.modules.insertAtEnd
 			}), e;
-		}), ke = m(() => {
-			if (J.value === "end") return;
-			if (J.value === "beginning") return 0;
-			let e = W.content.value.blocks.findIndex((e) => e.id === J.value);
+		}), ke = c(() => {
+			if (q.value === "end") return;
+			if (q.value === "beginning") return 0;
+			let e = U.content.value.blocks.findIndex((e) => e.id === q.value);
 			if (e !== -1) return e + 1;
 		});
-		ae(() => B.visible, (e) => {
+		r(() => z.visible, (e) => {
 			if (e) {
-				G.value = "", K.value = null, q.value = null;
-				let e = W.state.selectedBlockId;
-				e ? J.value = W.content.value.blocks.findIndex((t) => t.id === e) === -1 ? "end" : e : J.value = "end";
+				W.value = "", G.value = null, K.value = null;
+				let e = U.state.selectedBlockId;
+				e ? q.value = U.content.value.blocks.findIndex((t) => t.id === e) === -1 ? "end" : e : q.value = "end";
 			}
 		});
 		function Ae(e) {
@@ -101,106 +101,106 @@ var pe = _("search", [["path", {
 		}
 		async function je(e) {
 			try {
-				await U.deleteModule(e), K.value === e && (K.value = null);
+				await H.deleteModule(e), G.value === e && (G.value = null);
 			} finally {
-				q.value = null;
+				K.value = null;
 			}
 		}
 		function Q() {
-			X.value && V("insert", X.value, ke.value);
+			Y.value && B("insert", Y.value, ke.value);
 		}
 		function $() {
-			V("close");
+			B("close");
 		}
 		function Me(e) {
-			e.key === "Escape" && $(), e.key === "Enter" && X.value && (e.preventDefault(), Q());
+			e.key === "Escape" && $(), e.key === "Enter" && Y.value && (e.preventDefault(), Q());
 		}
-		return (o, m) => (n(), d(fe, {
-			visible: s.visible,
+		return (r, a) => (e(), f(fe, {
+			visible: o.visible,
 			onClose: $,
 			onKeydown: Me
 		}, {
-			default: ee(() => [p("div", me, [
-				p("div", he, [p("h3", b, r(f(H).modules.browse), 1), p("button", {
-					"aria-label": f(H).modules.close,
+			default: ae(() => [l("div", me, [
+				l("div", he, [l("h3", b, m(p(V).modules.browse), 1), l("button", {
+					"aria-label": p(V).modules.close,
 					class: "tpl:cursor-pointer tpl:rounded-md tpl:border-none tpl:bg-transparent tpl:p-1 tpl:transition-colors tpl:duration-100 tpl:text-[var(--tpl-text-dim)]",
 					onClick: $
-				}, [l(f(ue), {
+				}, [h(p(ue), {
 					size: 16,
 					"stroke-width": 2
 				})], 8, x)]),
-				p("div", S, [p("div", C, [p("div", w, [p("div", T, [l(f(pe), {
+				l("div", S, [l("div", C, [l("div", w, [l("div", T, [h(p(pe), {
 					size: 14,
 					"stroke-width": 2,
 					class: "tpl:pointer-events-none tpl:absolute tpl:left-3 tpl:top-1/2 tpl:-translate-y-1/2 tpl:text-[var(--tpl-text-dim)]"
-				}), e(p("input", {
-					"onUpdate:modelValue": m[0] ||= (e) => G.value = e,
+				}), t(l("input", {
+					"onUpdate:modelValue": a[0] ||= (e) => W.value = e,
 					type: "text",
-					placeholder: f(H).modules.search,
+					placeholder: p(V).modules.search,
 					class: "tpl:h-9 tpl:w-full tpl:rounded-md tpl:border tpl:pl-9 tpl:pr-3 tpl:text-sm tpl:outline-none tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:text-[var(--tpl-text)]"
-				}, null, 8, E), [[re, G.value]])])]), p("div", D, [Y.value.length > 0 ? (n(), c("div", O, [(n(!0), c(u, null, a(Y.value, (e) => (n(), c("button", {
-					key: e.id,
+				}, null, 8, E), [[ee, W.value]])])]), l("div", D, [J.value.length > 0 ? (e(), u("div", O, [(e(!0), u(d, null, i(J.value, (t) => (e(), u("button", {
+					key: t.id,
 					type: "button",
-					"aria-pressed": K.value === e.id,
+					"aria-pressed": G.value === t.id,
 					class: "tpl:group/card tpl:w-full tpl:cursor-pointer tpl:rounded-[var(--tpl-radius-md)] tpl:border tpl:bg-transparent tpl:px-3 tpl:py-2 tpl:text-left tpl:transition-all tpl:duration-[120ms]",
-					style: i({
-						borderColor: K.value === e.id ? "var(--tpl-primary)" : "var(--tpl-border)",
-						backgroundColor: K.value === e.id ? "var(--tpl-primary-light)" : "transparent"
+					style: re({
+						borderColor: G.value === t.id ? "var(--tpl-primary)" : "var(--tpl-border)",
+						backgroundColor: G.value === t.id ? "var(--tpl-primary-light)" : "transparent"
 					}),
-					onClick: (t) => K.value = e.id
-				}, [p("div", A, [p("span", j, r(e.name), 1), p("span", M, r(f(H).modules.blockCount.replace("{count}", String(e.content.length))), 1)]), p("div", N, [
-					(n(!0), c(u, null, a(Ae(e), (e) => (n(), d(t(e.icon), {
-						key: e.type,
+					onClick: (e) => G.value = t.id
+				}, [l("div", A, [l("span", j, m(t.name), 1), l("span", M, m(p(V).modules.blockCount.replace("{count}", String(t.content.length))), 1)]), l("div", N, [
+					(e(!0), u(d, null, i(Ae(t), (t) => (e(), f(n(t.icon), {
+						key: t.type,
 						size: 14,
 						"stroke-width": 1.5,
 						class: "tpl:text-[var(--tpl-text-dim)]"
 					}))), 128)),
-					Z(e) > 0 ? (n(), c("span", P, " +" + r(Z(e)), 1)) : te("", !0),
-					q.value === e.id ? (n(), c("button", {
+					Z(t) > 0 ? (e(), u("span", P, " +" + m(Z(t)), 1)) : ne("", !0),
+					K.value === t.id ? (e(), u("button", {
 						key: 1,
-						"aria-label": f(H).modules.deleteConfirm,
+						"aria-label": p(V).modules.deleteConfirm,
 						class: "tpl:ml-auto tpl:cursor-pointer tpl:rounded-md tpl:border tpl:px-2 tpl:py-0.5 tpl:text-[10px] tpl:font-medium tpl:transition-colors tpl:duration-100 tpl:border-[var(--tpl-danger)] tpl:text-[var(--tpl-danger)]",
 						style: { "background-color": "transparent" },
-						onClick: h((t) => je(e.id), ["stop"])
-					}, r(f(H).modules.deleteConfirm), 9, F)) : (n(), c("button", {
+						onClick: s((e) => je(t.id), ["stop"])
+					}, m(p(V).modules.deleteConfirm), 9, F)) : (e(), u("button", {
 						key: 2,
 						class: "tpl-module-delete-btn tpl:ml-auto tpl:cursor-pointer tpl:rounded-md tpl:border-none tpl:bg-transparent tpl:p-0.5 tpl:transition-colors tpl:duration-100 tpl:text-[var(--tpl-text-dim)]",
-						"aria-label": f(H).modules.delete,
-						title: f(H).modules.delete,
-						onClick: h((t) => q.value = e.id, ["stop"])
-					}, [l(f(le), {
+						"aria-label": p(V).modules.delete,
+						title: p(V).modules.delete,
+						onClick: s((e) => K.value = t.id, ["stop"])
+					}, [h(p(le), {
 						size: 12,
 						"stroke-width": 1.5
 					})], 8, I))
-				])], 12, k))), 128))])) : (n(), c("div", L, [l(f(v), {
+				])], 12, k))), 128))])) : (e(), u("div", L, [h(p(v), {
 					size: 32,
 					"stroke-width": 1,
 					class: "tpl:text-[var(--tpl-text-dim)]"
-				}), p("p", R, r(G.value ? f(H).modules.noModules : f(H).modules.noModulesHint), 1)]))])]), p("div", ge, [X.value ? (n(), c("div", z, [p("div", _e, [l(f(Ee), { blocks: X.value.content }, null, 8, ["blocks"])])])) : (n(), c("div", ve, [l(f(v), {
+				}), l("p", R, m(W.value ? p(V).modules.noModules : p(V).modules.noModulesHint), 1)]))])]), l("div", ge, [Y.value ? (e(), u("div", _e, [l("div", ve, [h(p(De), { blocks: Y.value.content }, null, 8, ["blocks"])])])) : (e(), u("div", ye, [h(p(v), {
 					size: 32,
 					"stroke-width": 1,
 					class: "tpl:text-[var(--tpl-text-dim)]"
-				}), p("p", ye, r(f(H).modules.selectToPreview), 1)]))])]),
-				p("div", be, [p("div", xe, [p("label", Se, r(f(H).modules.insertPosition), 1), e(p("select", {
-					"onUpdate:modelValue": m[1] ||= (e) => J.value = e,
+				}), l("p", be, m(p(V).modules.selectToPreview), 1)]))])]),
+				l("div", xe, [l("div", Se, [l("label", Ce, m(p(V).modules.insertPosition), 1), t(l("select", {
+					"onUpdate:modelValue": a[1] ||= (e) => q.value = e,
 					class: "tpl:h-7 tpl:max-w-[220px] tpl:rounded-md tpl:border tpl:px-2 tpl:text-xs tpl:outline-none tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:text-[var(--tpl-text)]"
-				}, [(n(!0), c(u, null, a(Oe.value, (e) => (n(), c("option", {
-					key: e.value,
-					value: e.value
-				}, r(e.label), 9, Ce))), 128))], 512), [[ne, J.value]])]), p("div", we, [p("button", {
+				}, [(e(!0), u(d, null, i(X.value, (t) => (e(), u("option", {
+					key: t.value,
+					value: t.value
+				}, m(t.label), 9, we))), 128))], 512), [[te, q.value]])]), l("div", Te, [l("button", {
 					type: "button",
 					class: "tpl:cursor-pointer tpl:rounded-md tpl:border tpl:px-3 tpl:py-1.5 tpl:text-sm tpl:font-medium tpl:shadow-xs tpl:transition-all tpl:duration-150 tpl:border-[var(--tpl-border)] tpl:text-[var(--tpl-text)] tpl:bg-[var(--tpl-bg)]",
 					onClick: $
-				}, r(f(H).modules.close), 1), p("button", {
+				}, m(p(V).modules.close), 1), l("button", {
 					type: "button",
 					class: "tpl:cursor-pointer tpl:rounded-md tpl:px-3 tpl:py-1.5 tpl:text-sm tpl:font-medium tpl:shadow-xs tpl:transition-all tpl:duration-150 tpl:hover:opacity-90 tpl:disabled:cursor-not-allowed tpl:disabled:opacity-50 tpl:bg-[var(--tpl-primary)] tpl:text-[var(--tpl-bg)]",
-					disabled: !X.value,
+					disabled: !Y.value,
 					onClick: Q
-				}, r(f(H).modules.insert), 9, Te)])])
+				}, m(p(V).modules.insert), 9, Ee)])])
 			])]),
 			_: 1
 		}, 8, ["visible"]));
 	}
 });
 //#endregion
-export { B as default };
+export { z as default };

package/dist/{ModulePreviewCanvas-CHdOwV_4.js → ModulePreviewCanvas-MQxat34K.js}

@@ -1,15 +1,15 @@
-import { E as e, I as t, L as n, M as r, Ot as i, P as a, S as o, _ as s, d as c, h as l, it as u, m as d, p as f } from "./vue.runtime.esm-bundler-DpvJL-nX.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-C6ost42Q.js";
-import { s as D } from "./keys-ciNfSSGj.js";
+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-DLd-5qMg.js";
+import { s as D } from "./keys-Bqs_0du9.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__ */ o({
+var O = { class: "tpl:w-full" }, k = { class: "tpl:flex tpl:gap-0" }, A = /* @__PURE__ */ i({
 	name: "PreviewSectionBlock",
 	__name: "PreviewSectionBlock",
 	props: {
 		block: {},
 		viewport: {}
 	},
-	setup(o) {
+	setup(i) {
 		let A = {
 			title: w,
 			paragraph: b,
@@ -23,7 +23,7 @@ var O = { class: "tpl:w-full" }, k = { class: "tpl:flex tpl:gap-0" }, A = /* @__
 			spacer: y,
 			html: m,
 			custom: E
-		}, j = o, M = e(D, null), N = f(() => {
+		}, j = i, M = f(D, null), N = a(() => {
 			switch (j.block.columns) {
 				case "2": return ["50%", "50%"];
 				case "3": return [
@@ -35,7 +35,7 @@ var O = { class: "tpl:w-full" }, k = { class: "tpl:flex tpl:gap-0" }, A = /* @__
 				case "2-1": return ["66.67%", "33.33%"];
 				default: return ["100%"];
 			}
-		}), P = f(() => {
+		}), P = a(() => {
 			let e = N.value.length, t = [...j.block.children];
 			for (; t.length < e;) t.push([]);
 			return t.slice(0, e);
@@ -46,21 +46,21 @@ var O = { class: "tpl:w-full" }, k = { class: "tpl:flex tpl:gap-0" }, A = /* @__
 		function I(e) {
 			return S(e, M, A);
 		}
-		return (e, o) => {
-			let f = t("PreviewSectionBlock", !0);
-			return r(), s("div", O, [d("div", k, [(r(!0), s(c, null, a(P.value, (e, t) => (r(), s("div", {
-				key: t,
-				style: i({ width: N.value[t] })
-			}, [(r(!0), s(c, null, a(F(t), (e) => (r(), s("div", {
-				key: e.id,
-				style: i(u(g)(e))
-			}, [e.type === "section" ? (r(), l(f, {
+		return (i, a) => {
+			let f = r("PreviewSectionBlock", !0);
+			return e(), s("div", O, [o("div", k, [(e(!0), s(c, null, n(P.value, (r, i) => (e(), s("div", {
+				key: i,
+				style: l({ width: N.value[i] })
+			}, [(e(!0), s(c, null, n(F(i), (n) => (e(), s("div", {
+				key: n.id,
+				style: l(d(g)(n))
+			}, [n.type === "section" ? (e(), u(f, {
 				key: 0,
-				block: e,
+				block: n,
 				viewport: "desktop"
-			}, null, 8, ["block"])) : (r(), l(n(I(e)), {
+			}, null, 8, ["block"])) : (e(), u(t(I(n)), {
 				key: 1,
-				block: e,
+				block: n,
 				viewport: "desktop"
 			}, null, 8, ["block"]))], 4))), 128))], 4))), 128))])]);
 		};
@@ -71,11 +71,11 @@ var O = { class: "tpl:w-full" }, k = { class: "tpl:flex tpl:gap-0" }, A = /* @__
 		"background-color": "var(--tpl-canvas-bg)",
 		"box-shadow": "var(--tpl-shadow-sm)"
 	}
-}, M = /* @__PURE__ */ o({
+}, M = /* @__PURE__ */ i({
 	__name: "ModulePreviewCanvas",
 	props: { blocks: {} },
-	setup(t) {
-		let o = e(D), d = {
+	setup(r) {
+		let i = f(D), a = {
 			section: A,
 			title: w,
 			paragraph: b,
@@ -90,14 +90,14 @@ var O = { class: "tpl:w-full" }, k = { class: "tpl:flex tpl:gap-0" }, A = /* @__
 			html: m,
 			custom: E
 		};
-		function f(e) {
-			return S(e, o, d);
+		function o(e) {
+			return S(e, i, a);
 		}
-		return (e, o) => (r(), s("div", j, [(r(!0), s(c, null, a(t.blocks, (e) => (r(), s("div", {
-			key: e.id,
-			style: i(u(g)(e))
-		}, [(r(), l(n(f(e)), {
-			block: e,
+		return (i, a) => (e(), s("div", j, [(e(!0), s(c, null, n(r.blocks, (n) => (e(), s("div", {
+			key: n.id,
+			style: l(d(g)(n))
+		}, [(e(), u(t(o(n)), {
+			block: n,
 			viewport: "desktop"
 		}, null, 8, ["block"]))], 4))), 128))]));
 	}