@templatical/editor 0.14.0 → 0.15.0

package/dist/{ModuleBrowserModal-DOsdaS6s.js → ModuleBrowserModal-D45rBj5C.js}

@@ -1,14 +1,15 @@
-import { A as e, B as t, F as n, L as r, M as i, X as a, a as o, b as s, c, d as l, f as u, h as d, i as ee, l as f, m as te, ot as ne, p, rt as m, st as h, v as g, y as re, z as ie } from "./vue.runtime.esm-bundler-BPa483TZ.js";
-import "./useEditorCore-8JxXDOA4.js";
-import { L as _, j as ae, m as oe } from "./keys-DgYXDafq.js";
-import { t as se } from "./useI18n-BWqM8i78.js";
-import { n as ce, r as v, t as y } from "./blockTypeIcons-DdB3uTKD.js";
-import { t as le } from "./trash-2-CjERg4x9.js";
-import { t as ue } from "./x-DiPIbccg.js";
-import { n as de } from "./useCloudI18n-CYJKqXtI.js";
-import { t as fe } from "./TplModal-tjQ7OB0g.js";
+import { A as e, Dt as t, I as n, N as r, O as i, Ot as a, R as o, Y as s, _ as c, c as l, d as u, g as ee, h as d, l as f, nt as p, r as m, s as h, u as te, z as g } from "./vue.runtime.esm-bundler-l0XAqiyv.js";
+import { a as ne, c as _, i as re } from "./runtime-dom.esm-bundler-BzuoCyNp.js";
+import "./useEditorCore-vcWLdnjN.js";
+import { L as v, j as ie, m as ae } from "./keys-Cv8-8GsD.js";
+import { t as oe } from "./useI18n-C-TDeJBt.js";
+import { n as se, r as y, t as b } from "./blockTypeIcons-CXhCS5WV.js";
+import { t as ce } from "./trash-2-C-81rkLS.js";
+import { t as le } from "./x-CQSvXnGR.js";
+import { n as ue } from "./useCloudI18n-AKCy98qD.js";
+import { t as de } from "./TplModal-Br2VG6cn.js";
 //#region src/cloud/components/ModuleBrowserModal.vue?vue&type=script&setup=true&lang.ts
-var pe = {
+var fe = {
 	role: "dialog",
 	"aria-modal": "true",
 	"aria-labelledby": "tpl-module-browser-title",
@@ -18,7 +19,7 @@ var pe = {
 		"box-shadow": "var(--tpl-shadow-xl)",
 		"max-height": "90vh"
 	}
-}, me = { class: "tpl:flex tpl:items-center tpl:justify-between tpl:border-b tpl:px-5 tpl:py-4 tpl:border-[var(--tpl-border)]" }, b = {
+}, pe = { class: "tpl:flex tpl:items-center tpl:justify-between tpl:border-b tpl:px-5 tpl:py-4 tpl:border-[var(--tpl-border)]" }, me = {
 	id: "tpl-module-browser-title",
 	class: "tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]"
 }, x = ["aria-label"], S = { class: "tpl:flex tpl:min-h-0 tpl:flex-1 tpl:overflow-hidden" }, C = { class: "tpl:flex tpl:w-[300px] tpl:shrink-0 tpl:flex-col tpl:overflow-hidden" }, w = { class: "tpl:px-4 tpl:pt-4 tpl:pb-3" }, T = { class: "tpl:relative" }, E = ["placeholder"], D = { class: "tpl:flex-1 tpl:overflow-y-auto tpl:px-4 tpl:pb-4" }, O = {
@@ -40,17 +41,17 @@ var pe = {
 }, ge = { class: "tpl:flex-1 tpl:overflow-y-auto tpl:p-4" }, _e = {
 	key: 1,
 	class: "tpl:flex tpl:flex-1 tpl:flex-col tpl:items-center tpl:justify-center tpl:px-4"
-}, ve = { class: "tpl:mt-2 tpl:text-center tpl:text-xs tpl:text-[var(--tpl-text-dim)]" }, ye = { class: "tpl:flex tpl:items-center tpl:justify-between tpl:border-t tpl:px-5 tpl:py-3 tpl:border-[var(--tpl-border)]" }, be = { class: "tpl:flex tpl:items-center tpl:gap-2" }, xe = { class: "tpl:shrink-0 tpl:text-xs tpl:text-[var(--tpl-text-dim)]" }, Se = ["value"], Ce = { class: "tpl:flex tpl:gap-2" }, we = ["disabled"], B = /* @__PURE__ */ s({
+}, ve = { class: "tpl:mt-2 tpl:text-center tpl:text-xs tpl:text-[var(--tpl-text-dim)]" }, ye = { class: "tpl:flex tpl:items-center tpl:justify-between tpl:border-t tpl:px-5 tpl:py-3 tpl:border-[var(--tpl-border)]" }, be = { class: "tpl:flex tpl:items-center tpl:gap-2" }, xe = { class: "tpl:shrink-0 tpl:text-xs tpl:text-[var(--tpl-text-dim)]" }, Se = ["value"], Ce = { class: "tpl:flex tpl:gap-2" }, we = ["disabled"], B = /* @__PURE__ */ c({
 	__name: "ModuleBrowserModal",
 	props: { visible: { type: Boolean } },
 	emits: ["close", "insert"],
-	setup(s, { emit: B }) {
-		let Te = s, V = B, Ee = re(() => import("./ModulePreviewCanvas-Cx4MOJ0X.js")), { t: De } = se(), { t: H } = de(), U = _(ae, "ModuleBrowserModal"), W = _(oe, "ModuleBrowserModal"), G = a(""), K = a(null), q = a(null), J = a("end"), Y = l(() => {
+	setup(c, { emit: B }) {
+		let Te = c, V = B, Ee = ee(() => import("./ModulePreviewCanvas-BiQ6B2-l.js")), { t: De } = oe(), { t: H } = ue(), U = v(ie, "ModuleBrowserModal"), W = v(ae, "ModuleBrowserModal"), G = s(""), K = s(null), q = s(null), J = s("end"), Y = h(() => {
 			let e = U.modules.value;
 			if (!G.value) return e;
 			let t = G.value.toLowerCase();
 			return e.filter((e) => e.name.toLowerCase().includes(t));
-		}), X = l(() => K.value ? U.modules.value.find((e) => e.id === K.value) ?? null : null), Oe = l(() => {
+		}), X = h(() => K.value ? U.modules.value.find((e) => e.id === K.value) ?? null : null), Oe = h(() => {
 			let e = [{
 				value: "beginning",
 				label: H.modules.insertAtBeginning
@@ -66,13 +67,13 @@ var pe = {
 				value: "end",
 				label: H.modules.insertAtEnd
 			}), e;
-		}), ke = l(() => {
+		}), ke = h(() => {
 			if (J.value === "end") return;
 			if (J.value === "beginning") return 0;
 			let e = W.content.value.blocks.findIndex((e) => e.id === J.value);
 			if (e !== -1) return e + 1;
 		});
-		r(() => Te.visible, (e) => {
+		n(() => Te.visible, (e) => {
 			if (e) {
 				G.value = "", K.value = null, q.value = null;
 				let e = W.state.selectedBlockId;
@@ -84,9 +85,9 @@ var pe = {
 		});
 		function Ae(e) {
 			let t = [], n = /* @__PURE__ */ new Set();
-			for (let r of e.content) if (!n.has(r.type) && y[r.type] && (n.add(r.type), t.push({
+			for (let r of e.content) if (!n.has(r.type) && b[r.type] && (n.add(r.type), t.push({
 				type: r.type,
-				icon: y[r.type]
+				icon: b[r.type]
 			})), t.length >= 5) break;
 			return t;
 		}
@@ -110,88 +111,88 @@ var pe = {
 		function Me(e) {
 			e.key === "Escape" && $(), e.key === "Enter" && X.value && (e.preventDefault(), Q());
 		}
-		return (r, a) => (e(), p(fe, {
-			visible: s.visible,
+		return (n, s) => (i(), f(de, {
+			visible: c.visible,
 			onClose: $,
 			onKeydown: Me
 		}, {
-			default: ie(() => [u("div", pe, [
-				u("div", me, [u("h3", b, h(m(H).modules.browse), 1), u("button", {
-					"aria-label": m(H).modules.close,
+			default: o(() => [l("div", fe, [
+				l("div", pe, [l("h3", me, a(p(H).modules.browse), 1), l("button", {
+					"aria-label": p(H).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: $
-				}, [g(m(ue), {
+				}, [d(p(le), {
 					size: 16,
 					"stroke-width": 2
 				})], 8, x)]),
-				u("div", S, [u("div", C, [u("div", w, [u("div", T, [g(m(ce), {
+				l("div", S, [l("div", C, [l("div", w, [l("div", T, [d(p(se), {
 					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)]"
-				}), t(u("input", {
-					"onUpdate:modelValue": a[0] ||= (e) => G.value = e,
+				}), g(l("input", {
+					"onUpdate:modelValue": s[0] ||= (e) => G.value = e,
 					type: "text",
-					placeholder: m(H).modules.search,
+					placeholder: p(H).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), [[o, G.value]])])]), u("div", D, [Y.value.length > 0 ? (e(), d("div", O, [(e(!0), d(f, null, i(Y.value, (t) => (e(), d("button", {
-					key: t.id,
+				}, null, 8, E), [[ne, G.value]])])]), l("div", D, [Y.value.length > 0 ? (i(), u("div", O, [(i(!0), u(m, null, e(Y.value, (n) => (i(), u("button", {
+					key: n.id,
 					type: "button",
-					"aria-pressed": K.value === t.id,
+					"aria-pressed": K.value === n.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: ne({
-						borderColor: K.value === t.id ? "var(--tpl-primary)" : "var(--tpl-border)",
-						backgroundColor: K.value === t.id ? "var(--tpl-primary-light)" : "transparent"
+					style: t({
+						borderColor: K.value === n.id ? "var(--tpl-primary)" : "var(--tpl-border)",
+						backgroundColor: K.value === n.id ? "var(--tpl-primary-light)" : "transparent"
 					}),
-					onClick: (e) => K.value = t.id
-				}, [u("div", A, [u("span", j, h(t.name), 1), u("span", M, h(m(H).modules.blockCount.replace("{count}", String(t.content.length))), 1)]), u("div", N, [
-					(e(!0), d(f, null, i(Ae(t), (t) => (e(), p(n(t.icon), {
-						key: t.type,
+					onClick: (e) => K.value = n.id
+				}, [l("div", A, [l("span", j, a(n.name), 1), l("span", M, a(p(H).modules.blockCount.replace("{count}", String(n.content.length))), 1)]), l("div", N, [
+					(i(!0), u(m, null, e(Ae(n), (e) => (i(), f(r(e.icon), {
+						key: e.type,
 						size: 14,
 						"stroke-width": 1.5,
 						class: "tpl:text-[var(--tpl-text-dim)]"
 					}))), 128)),
-					Z(t) > 0 ? (e(), d("span", P, " +" + h(Z(t)), 1)) : te("", !0),
-					q.value === t.id ? (e(), d("button", {
+					Z(n) > 0 ? (i(), u("span", P, " +" + a(Z(n)), 1)) : te("", !0),
+					q.value === n.id ? (i(), u("button", {
 						key: 1,
-						"aria-label": m(H).modules.deleteConfirm,
+						"aria-label": p(H).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: c((e) => je(t.id), ["stop"])
-					}, h(m(H).modules.deleteConfirm), 9, F)) : (e(), d("button", {
+						onClick: _((e) => je(n.id), ["stop"])
+					}, a(p(H).modules.deleteConfirm), 9, F)) : (i(), 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": m(H).modules.delete,
-						title: m(H).modules.delete,
-						onClick: c((e) => q.value = t.id, ["stop"])
-					}, [g(m(le), {
+						"aria-label": p(H).modules.delete,
+						title: p(H).modules.delete,
+						onClick: _((e) => q.value = n.id, ["stop"])
+					}, [d(p(ce), {
 						size: 12,
 						"stroke-width": 1.5
 					})], 8, I))
-				])], 12, k))), 128))])) : (e(), d("div", L, [g(m(v), {
+				])], 12, k))), 128))])) : (i(), u("div", L, [d(p(y), {
 					size: 32,
 					"stroke-width": 1,
 					class: "tpl:text-[var(--tpl-text-dim)]"
-				}), u("p", R, h(G.value ? m(H).modules.noModules : m(H).modules.noModulesHint), 1)]))])]), u("div", z, [X.value ? (e(), d("div", he, [u("div", ge, [g(m(Ee), { blocks: X.value.content }, null, 8, ["blocks"])])])) : (e(), d("div", _e, [g(m(v), {
+				}), l("p", R, a(G.value ? p(H).modules.noModules : p(H).modules.noModulesHint), 1)]))])]), l("div", z, [X.value ? (i(), u("div", he, [l("div", ge, [d(p(Ee), { blocks: X.value.content }, null, 8, ["blocks"])])])) : (i(), u("div", _e, [d(p(y), {
 					size: 32,
 					"stroke-width": 1,
 					class: "tpl:text-[var(--tpl-text-dim)]"
-				}), u("p", ve, h(m(H).modules.selectToPreview), 1)]))])]),
-				u("div", ye, [u("div", be, [u("label", xe, h(m(H).modules.insertPosition), 1), t(u("select", {
-					"onUpdate:modelValue": a[1] ||= (e) => J.value = e,
+				}), l("p", ve, a(p(H).modules.selectToPreview), 1)]))])]),
+				l("div", ye, [l("div", be, [l("label", xe, a(p(H).modules.insertPosition), 1), g(l("select", {
+					"onUpdate:modelValue": s[1] ||= (e) => J.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)]"
-				}, [(e(!0), d(f, null, i(Oe.value, (t) => (e(), d("option", {
-					key: t.value,
-					value: t.value
-				}, h(t.label), 9, Se))), 128))], 512), [[ee, J.value]])]), u("div", Ce, [u("button", {
+				}, [(i(!0), u(m, null, e(Oe.value, (e) => (i(), u("option", {
+					key: e.value,
+					value: e.value
+				}, a(e.label), 9, Se))), 128))], 512), [[re, J.value]])]), l("div", Ce, [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: $
-				}, h(m(H).modules.close), 1), u("button", {
+				}, a(p(H).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,
 					onClick: Q
-				}, h(m(H).modules.insert), 9, we)])])
+				}, a(p(H).modules.insert), 9, we)])])
 			])]),
 			_: 1
 		}, 8, ["visible"]));

package/dist/{ModulePreviewCanvas-Cx4MOJ0X.js → ModulePreviewCanvas-BiQ6B2-l.js}

@@ -1,15 +1,15 @@
-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-BPa483TZ.js";
-import { F as p, _ as m, a as h, d as g, f as _, h as v, i as y, l as b, m as x, n as S, p as C, r as w, v as T, y as E } from "./useEditorCore-8JxXDOA4.js";
-import { o as D } from "./keys-DgYXDafq.js";
+import { A as e, Dt as t, M as n, N as r, O as i, _ as a, c as o, d as s, l as c, nt as l, r as u, s as d, x as f } from "./vue.runtime.esm-bundler-l0XAqiyv.js";
+import { F as p, _ as m, a as h, d as g, f as _, h as v, i as y, l as b, m as x, n as S, p as C, r as w, v as T, y as E } from "./useEditorCore-vcWLdnjN.js";
+import { o as D } from "./keys-Cv8-8GsD.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__ */ i({
+var O = { class: "tpl:w-full" }, k = { class: "tpl:flex tpl:gap-0" }, A = /* @__PURE__ */ a({
 	name: "PreviewSectionBlock",
 	__name: "PreviewSectionBlock",
 	props: {
 		block: {},
 		viewport: {}
 	},
-	setup(i) {
+	setup(a) {
 		let A = {
 			title: b,
 			paragraph: C,
@@ -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 = i, M = f(D, null), N = a(() => {
+		}, j = a, M = f(D, null), N = d(() => {
 			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 = a(() => {
+		}), P = d(() => {
 			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 _(e, M, A);
 		}
-		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, {
+		return (a, d) => {
+			let f = n("PreviewSectionBlock", !0);
+			return i(), s("div", O, [o("div", k, [(i(!0), s(u, null, e(P.value, (n, a) => (i(), s("div", {
+				key: a,
+				style: t({ width: N.value[a] })
+			}, [(i(!0), s(u, null, e(F(a), (e) => (i(), s("div", {
+				key: e.id,
+				style: t(l(g)(e))
+			}, [e.type === "section" ? (i(), c(f, {
 				key: 0,
-				block: n,
+				block: e,
 				viewport: "desktop"
-			}, null, 8, ["block"])) : (e(), u(t(I(n)), {
+			}, null, 8, ["block"])) : (i(), c(r(I(e)), {
 				key: 1,
-				block: n,
+				block: e,
 				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__ */ i({
+}, M = /* @__PURE__ */ a({
 	__name: "ModulePreviewCanvas",
 	props: { blocks: {} },
-	setup(r) {
-		let i = f(D), a = {
+	setup(n) {
+		let a = f(D), o = {
 			section: A,
 			title: b,
 			paragraph: C,
@@ -90,14 +90,14 @@ var O = { class: "tpl:w-full" }, k = { class: "tpl:flex tpl:gap-0" }, A = /* @__
 			html: m,
 			custom: E
 		};
-		function o(e) {
-			return _(e, i, a);
+		function d(e) {
+			return _(e, a, o);
 		}
-		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,
+		return (a, o) => (i(), s("div", j, [(i(!0), s(u, null, e(n.blocks, (e) => (i(), s("div", {
+			key: e.id,
+			style: t(l(g)(e))
+		}, [(i(), c(r(d(e)), {
+			block: e,
 			viewport: "desktop"
 		}, null, 8, ["block"]))], 4))), 128))]));
 	}