@templatical/editor 0.8.5 → 0.9.0

package/dist/{CollaboratorBar-CP76Sh6c.js → CollaboratorBar-Bc6q0gB9.js}

@@ -1,7 +1,7 @@
 import { A as e, M as t, b as n, d as r, f as i, h as a, l as o, m as s, ot as c, p as l, rt as u, st as d } from "./vue.runtime.esm-bundler-BDSGA5hA.js";
-import "./useEditorCore-CaOVDL_m.js";
+import "./useEditorCore-CEkf_VWX.js";
 import { t as f } from "./createLucideIcon-XgXOJ05E.js";
-import { n as p } from "./useCloudI18n-DFzVgYhJ.js";
+import { n as p } from "./useCloudI18n-DKWJg6rJ.js";
 import { t as m } from "./readableTextColor-f8Kykfnh.js";
 var h = f("wifi-off", [
 	["path", {

package/dist/{CommentsSidebar-_llWQ4VT.js → CommentsSidebar-DiH4R4F0.js}

@@ -1,6 +1,6 @@
 import { A as e, B as t, E as n, L as r, M as i, X as a, _ as ee, a as o, at as s, b as c, d as l, f as u, h as d, l as f, m as p, ot as te, p as m, rt as h, st as g, t as _, v, z as y } from "./vue.runtime.esm-bundler-BDSGA5hA.js";
-import { A as b, l as ne, p as re, r as ie } from "./keys-B8K7Z7Ef.js";
-import { t as ae } from "./useI18n-CBbStVlD.js";
+import { j as b, l as ne, p as re, r as ie } from "./keys-BiQlvx51.js";
+import { t as ae } from "./useI18n-Besvmtxy.js";
 import { t as x } from "./createLucideIcon-XgXOJ05E.js";
 import { t as oe } from "./check-ChQyfxJ3.js";
 import { t as se } from "./chevron-down-DJjo0jSV.js";
@@ -10,7 +10,7 @@ import { t as w } from "./send-BhbhbIFT.js";
 import { t as T } from "./trash-2-BpY5BCLT.js";
 import { t as E } from "./x-rcnxRG8Y.js";
 import { t as D } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { n as ce } from "./useCloudI18n-DFzVgYhJ.js";
+import { n as ce } from "./useCloudI18n-DKWJg6rJ.js";
 import { t as le } from "./formatRelativeTime-CyDg5cDD.js";
 var ue = x("chevron-up", [["path", {
 	d: "m18 15-6-6-6 6",

package/dist/{CountdownBlock-I99sC0C5.js → CountdownBlock-BTPefclD.js}

@@ -1,7 +1,7 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
 import { A as t, M as n, X as r, b as i, d as a, f as o, h as s, l as c, m as l, ot as u, rt as d, st as f } from "./vue.runtime.esm-bundler-BDSGA5hA.js";
-import { o as p } from "./dist-HO0vjY5Z.js";
-import { t as m } from "./useI18n-CBbStVlD.js";
+import { s as p } from "./dist-CNLAS2v2.js";
+import { t as m } from "./useI18n-Besvmtxy.js";
 //#region src/components/blocks/CountdownBlock.vue?vue&type=script&setup=true&lang.ts
 var h = {
 	key: 0,

package/dist/{CountdownToolbar-BUhOUiQ9.js → CountdownToolbar-Dvr2icg-.js}

@@ -1,7 +1,7 @@
 import { A as e, M as t, _ as n, at as r, b as i, d as a, f as o, h as s, l as c, p as l, rt as u, st as d, v as f, z as p } from "./vue.runtime.esm-bundler-BDSGA5hA.js";
-import { t as m } from "./useI18n-CBbStVlD.js";
+import { t as m } from "./useI18n-Besvmtxy.js";
 import { f as h } from "./styleConstants-lGobwiLH.js";
-import { i as g, n as _, r as v, t as y } from "./NumberWithSuffix-CxMFy_j3.js";
+import { i as g, n as _, r as v, t as y } from "./NumberWithSuffix-CxUBW_V2.js";
 //#region src/components/toolbar/CheckboxItem.vue?vue&type=script&setup=true&lang.ts
 var b = { class: "tpl:flex tpl:cursor-pointer tpl:items-center tpl:gap-2 tpl:text-[12px] tpl:text-[var(--tpl-text)]" }, x = ["checked"], S = /* @__PURE__ */ i({
 	__name: "CheckboxItem",

package/dist/{DesignReferenceSidebar-CfJqJ7l6.js → DesignReferenceSidebar-BP32MgpS.js}

@@ -1,13 +1,13 @@
 import { A as e, B as t, D as n, L as r, X as i, _ as a, a as ee, at as te, b as o, d as ne, f as s, h as c, m as l, ot as u, p as re, rt as d, st as f, t as ie, v as p, z as ae } from "./vue.runtime.esm-bundler-BDSGA5hA.js";
 import "./timeouts-Bmi_yePw.js";
-import { A as m, p as oe, r as h } from "./keys-B8K7Z7Ef.js";
+import { j as m, p as oe, r as h } from "./keys-BiQlvx51.js";
 import { t as g } from "./createLucideIcon-XgXOJ05E.js";
 import { t as se } from "./circle-alert-CPH6l3Lc.js";
 import { t as _ } from "./image-up-CPBCOMit.js";
 import { t as v } from "./x-rcnxRG8Y.js";
 import { t as ce } from "./LoadingTrack-xCOLUR3o.js";
 import { t as y } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { n as le } from "./useCloudI18n-DFzVgYhJ.js";
+import { n as le } from "./useCloudI18n-DKWJg6rJ.js";
 import { u as ue } from "./cloud-VxYMtfXC.js";
 var de = g("file-image", [
 	["path", {

package/dist/{IssuesPanel-4MKZe8yP.js → IssuesPanel-B1LT91IX.js}

@@ -1,6 +1,6 @@
 import { A as e, F as t, M as n, _ as r, at as i, b as a, d as o, f as s, h as c, l, m as u, p as d, rt as f, st as p, v as m, w as h } from "./vue.runtime.esm-bundler-BDSGA5hA.js";
-import { E as g, p as _ } from "./keys-B8K7Z7Ef.js";
-import { t as v } from "./useI18n-CBbStVlD.js";
+import { D as g, p as _ } from "./keys-BiQlvx51.js";
+import { t as v } from "./useI18n-Besvmtxy.js";
 import { t as y } from "./createLucideIcon-XgXOJ05E.js";
 import { t as b } from "./circle-alert-CPH6l3Lc.js";
 import { t as x } from "./info-DIY9mguM.js";

package/dist/{ModuleBrowserModal-BFQTm6uY.js → ModuleBrowserModal-CWegFoOA.js}

@@ -1,22 +1,14 @@
 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-BDSGA5hA.js";
-import "./useEditorCore-CaOVDL_m.js";
-import { A as g, p as _, w as oe } from "./keys-B8K7Z7Ef.js";
-import { t as se } from "./useI18n-CBbStVlD.js";
-import { t as v } from "./createLucideIcon-XgXOJ05E.js";
-import { n as y, t as b } from "./blockTypeIcons-CccKujXP.js";
-import { t as ce } from "./trash-2-BpY5BCLT.js";
-import { t as le } from "./x-rcnxRG8Y.js";
-import { n as ue } from "./useCloudI18n-DFzVgYhJ.js";
-import { t as de } from "./TplModal-CbwRwmR3.js";
-var fe = v("search", [["path", {
-	d: "m21 21-4.34-4.34",
-	key: "14j7rj"
-}], ["circle", {
-	cx: "11",
-	cy: "11",
-	r: "8",
-	key: "4ej97u"
-}]]), pe = {
+import "./useEditorCore-CEkf_VWX.js";
+import { T as oe, j as g, p as se } from "./keys-BiQlvx51.js";
+import { t as ce } from "./useI18n-Besvmtxy.js";
+import { n as le, r as _, t as v } from "./blockTypeIcons-DCkHXPhx.js";
+import { t as ue } from "./trash-2-BpY5BCLT.js";
+import { t as de } from "./x-rcnxRG8Y.js";
+import { n as fe } from "./useCloudI18n-DKWJg6rJ.js";
+import { t as pe } from "./TplModal-YFpBaiLj.js";
+//#region src/cloud/components/ModuleBrowserModal.vue?vue&type=script&setup=true&lang.ts
+var me = {
 	role: "dialog",
 	"aria-modal": "true",
 	"aria-labelledby": "tpl-module-browser-title",
@@ -26,72 +18,72 @@ var fe = v("search", [["path", {
 		"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)]" }, x = {
+}, he = { class: "tpl:flex tpl:items-center tpl:justify-between tpl:border-b tpl:px-5 tpl:py-4 tpl:border-[var(--tpl-border)]" }, y = {
 	id: "tpl-module-browser-title",
 	class: "tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]"
-}, S = ["aria-label"], C = { class: "tpl:flex tpl:min-h-0 tpl:flex-1 tpl:overflow-hidden" }, w = { class: "tpl:flex tpl:w-[300px] tpl:shrink-0 tpl:flex-col tpl:overflow-hidden" }, T = { class: "tpl:px-4 tpl:pt-4 tpl:pb-3" }, E = { class: "tpl:relative" }, D = ["placeholder"], O = { class: "tpl:flex-1 tpl:overflow-y-auto tpl:px-4 tpl:pb-4" }, k = {
+}, b = ["aria-label"], x = { class: "tpl:flex tpl:min-h-0 tpl:flex-1 tpl:overflow-hidden" }, S = { class: "tpl:flex tpl:w-[300px] tpl:shrink-0 tpl:flex-col tpl:overflow-hidden" }, C = { class: "tpl:px-4 tpl:pt-4 tpl:pb-3" }, w = { class: "tpl:relative" }, T = ["placeholder"], E = { class: "tpl:flex-1 tpl:overflow-y-auto tpl:px-4 tpl:pb-4" }, D = {
 	key: 0,
 	class: "tpl:flex tpl:flex-col tpl:gap-1"
-}, A = ["aria-pressed", "onClick"], j = { class: "tpl:flex tpl:items-center tpl:gap-2" }, M = { class: "tpl:flex-1 tpl:truncate tpl:text-xs tpl:font-semibold tpl:text-[var(--tpl-text)]" }, N = { class: "tpl:shrink-0 tpl:rounded-full tpl:px-1.5 tpl:py-0.5 tpl:text-[10px] tpl:font-medium tpl:bg-[var(--tpl-bg-hover)] tpl:text-[var(--tpl-text-muted)]" }, P = { class: "tpl:mt-1 tpl:flex tpl:items-center tpl:gap-1" }, F = {
+}, O = ["aria-pressed", "onClick"], k = { class: "tpl:flex tpl:items-center tpl:gap-2" }, A = { class: "tpl:flex-1 tpl:truncate tpl:text-xs tpl:font-semibold tpl:text-[var(--tpl-text)]" }, j = { class: "tpl:shrink-0 tpl:rounded-full tpl:px-1.5 tpl:py-0.5 tpl:text-[10px] tpl:font-medium tpl:bg-[var(--tpl-bg-hover)] tpl:text-[var(--tpl-text-muted)]" }, M = { class: "tpl:mt-1 tpl:flex tpl:items-center tpl:gap-1" }, N = {
 	key: 0,
 	class: "tpl:text-[10px] tpl:text-[var(--tpl-text-dim)]"
-}, I = ["aria-label", "onClick"], L = [
+}, P = ["aria-label", "onClick"], F = [
 	"aria-label",
 	"title",
 	"onClick"
-], R = {
+], I = {
 	key: 1,
 	class: "tpl:flex tpl:flex-col tpl:items-center tpl:justify-center tpl:py-12"
-}, z = { class: "tpl:mt-2 tpl:text-xs tpl:text-[var(--tpl-text-dim)]" }, he = { class: "tpl:flex tpl:flex-1 tpl:flex-col tpl:overflow-hidden tpl:border-l tpl:border-[var(--tpl-border)]" }, ge = {
+}, L = { class: "tpl:mt-2 tpl:text-xs tpl:text-[var(--tpl-text-dim)]" }, R = { class: "tpl:flex tpl:flex-1 tpl:flex-col tpl:overflow-hidden tpl:border-l tpl:border-[var(--tpl-border)]" }, ge = {
 	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 = {
 	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__ */ o({
+}, 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"], z = /* @__PURE__ */ o({
 	__name: "ModuleBrowserModal",
 	props: { visible: { type: Boolean } },
 	emits: ["close", "insert"],
-	setup(o, { emit: v }) {
-		let B = o, V = v, Ee = ie(() => import("./ModulePreviewCanvas-DeqMpo73.js")), { t: De } = se(), { t: H } = ue(), U = g(oe, "ModuleBrowserModal"), W = g(_, "ModuleBrowserModal"), G = a(""), K = a(null), q = a(null), J = a("end"), Y = c(() => {
-			let e = U.modules.value;
-			if (!G.value) return e;
-			let t = G.value.toLowerCase();
+	setup(o, { emit: z }) {
+		let Ee = o, B = z, De = ie(() => import("./ModulePreviewCanvas-D9WUSSRT.js")), { t: Oe } = ce(), { t: V } = fe(), 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 = c(() => K.value ? U.modules.value.find((e) => e.id === K.value) ?? null : null), Oe = c(() => {
+		}), 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 = c(() => {
-			if (J.value === "end") return;
-			if (J.value === "beginning") return 0;
-			let e = W.content.value.blocks.findIndex((e) => e.id === J.value);
+			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;
 		});
-		r(() => B.visible, (e) => {
+		r(() => Ee.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) {
 			let t = [], n = /* @__PURE__ */ new Set();
-			for (let r of e.content) if (!n.has(r.type) && b[r.type] && (n.add(r.type), t.push({
+			for (let r of e.content) if (!n.has(r.type) && v[r.type] && (n.add(r.type), t.push({
 				type: r.type,
-				icon: b[r.type]
+				icon: v[r.type]
 			})), t.length >= 5) break;
 			return t;
 		}
@@ -101,106 +93,106 @@ var fe = v("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 (r, a) => (e(), f(de, {
+		return (r, a) => (e(), f(pe, {
 			visible: o.visible,
 			onClose: $,
 			onKeydown: Me
 		}, {
-			default: ae(() => [l("div", pe, [
-				l("div", me, [l("h3", x, m(p(H).modules.browse), 1), l("button", {
-					"aria-label": p(H).modules.close,
+			default: ae(() => [l("div", me, [
+				l("div", he, [l("h3", y, 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: $
-				}, [h(p(le), {
+				}, [h(p(de), {
 					size: 16,
 					"stroke-width": 2
-				})], 8, S)]),
-				l("div", C, [l("div", w, [l("div", T, [l("div", E, [h(p(fe), {
+				})], 8, b)]),
+				l("div", x, [l("div", S, [l("div", C, [l("div", w, [h(p(le), {
 					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(l("input", {
-					"onUpdate:modelValue": a[0] ||= (e) => G.value = e,
+					"onUpdate:modelValue": a[0] ||= (e) => W.value = e,
 					type: "text",
-					placeholder: p(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, D), [[ee, G.value]])])]), l("div", O, [Y.value.length > 0 ? (e(), u("div", k, [(e(!0), u(d, null, i(Y.value, (t) => (e(), u("button", {
+				}, null, 8, T), [[ee, W.value]])])]), l("div", E, [J.value.length > 0 ? (e(), u("div", D, [(e(!0), u(d, null, i(J.value, (t) => (e(), u("button", {
 					key: t.id,
 					type: "button",
-					"aria-pressed": K.value === t.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: re({
-						borderColor: K.value === t.id ? "var(--tpl-primary)" : "var(--tpl-border)",
-						backgroundColor: K.value === t.id ? "var(--tpl-primary-light)" : "transparent"
+						borderColor: G.value === t.id ? "var(--tpl-primary)" : "var(--tpl-border)",
+						backgroundColor: G.value === t.id ? "var(--tpl-primary-light)" : "transparent"
 					}),
-					onClick: (e) => K.value = t.id
-				}, [l("div", j, [l("span", M, m(t.name), 1), l("span", N, m(p(H).modules.blockCount.replace("{count}", String(t.content.length))), 1)]), l("div", P, [
+					onClick: (e) => G.value = t.id
+				}, [l("div", k, [l("span", A, m(t.name), 1), l("span", j, m(p(V).modules.blockCount.replace("{count}", String(t.content.length))), 1)]), l("div", M, [
 					(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(t) > 0 ? (e(), u("span", F, " +" + m(Z(t)), 1)) : ne("", !0),
-					q.value === t.id ? (e(), u("button", {
+					Z(t) > 0 ? (e(), u("span", N, " +" + m(Z(t)), 1)) : ne("", !0),
+					K.value === t.id ? (e(), u("button", {
 						key: 1,
-						"aria-label": p(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: s((e) => je(t.id), ["stop"])
-					}, m(p(H).modules.deleteConfirm), 9, I)) : (e(), u("button", {
+					}, m(p(V).modules.deleteConfirm), 9, P)) : (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": p(H).modules.delete,
-						title: p(H).modules.delete,
-						onClick: s((e) => q.value = t.id, ["stop"])
-					}, [h(p(ce), {
+						"aria-label": p(V).modules.delete,
+						title: p(V).modules.delete,
+						onClick: s((e) => K.value = t.id, ["stop"])
+					}, [h(p(ue), {
 						size: 12,
 						"stroke-width": 1.5
-					})], 8, L))
-				])], 12, A))), 128))])) : (e(), u("div", R, [h(p(y), {
+					})], 8, F))
+				])], 12, O))), 128))])) : (e(), u("div", I, [h(p(_), {
 					size: 32,
 					"stroke-width": 1,
 					class: "tpl:text-[var(--tpl-text-dim)]"
-				}), l("p", z, m(G.value ? p(H).modules.noModules : p(H).modules.noModulesHint), 1)]))])]), l("div", he, [X.value ? (e(), u("div", ge, [l("div", _e, [h(p(Ee), { blocks: X.value.content }, null, 8, ["blocks"])])])) : (e(), u("div", ve, [h(p(y), {
+				}), l("p", L, m(W.value ? p(V).modules.noModules : p(V).modules.noModulesHint), 1)]))])]), l("div", R, [Y.value ? (e(), u("div", ge, [l("div", _e, [h(p(De), { blocks: Y.value.content }, null, 8, ["blocks"])])])) : (e(), u("div", ve, [h(p(_), {
 					size: 32,
 					"stroke-width": 1,
 					class: "tpl:text-[var(--tpl-text-dim)]"
-				}), l("p", ye, m(p(H).modules.selectToPreview), 1)]))])]),
-				l("div", be, [l("div", xe, [l("label", Se, m(p(H).modules.insertPosition), 1), t(l("select", {
-					"onUpdate:modelValue": a[1] ||= (e) => J.value = e,
+				}), l("p", ye, m(p(V).modules.selectToPreview), 1)]))])]),
+				l("div", be, [l("div", xe, [l("label", Se, 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)]"
-				}, [(e(!0), u(d, null, i(Oe.value, (t) => (e(), u("option", {
+				}, [(e(!0), u(d, null, i(X.value, (t) => (e(), u("option", {
 					key: t.value,
 					value: t.value
-				}, m(t.label), 9, Ce))), 128))], 512), [[te, J.value]])]), l("div", we, [l("button", {
+				}, m(t.label), 9, Ce))), 128))], 512), [[te, q.value]])]), l("div", we, [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: $
-				}, m(p(H).modules.close), 1), l("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
-				}, m(p(H).modules.insert), 9, Te)])])
+				}, m(p(V).modules.insert), 9, Te)])])
 			])]),
 			_: 1
 		}, 8, ["visible"]));
 	}
 });
 //#endregion
-export { B as default };
+export { z as default };

package/dist/{ModulePreviewCanvas-DeqMpo73.js → ModulePreviewCanvas-D9WUSSRT.js}

@@ -1,6 +1,6 @@
 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-BDSGA5hA.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-CaOVDL_m.js";
-import { o as D } from "./keys-B8K7Z7Ef.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-CEkf_VWX.js";
+import { o as D } from "./keys-BiQlvx51.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({
 	name: "PreviewSectionBlock",

package/dist/{NumberWithSuffix-CxMFy_j3.js → NumberWithSuffix-CxUBW_V2.js}

@@ -1,6 +1,6 @@
 import { A as e, F as t, M as n, N as r, X as i, at as a, b as o, d as s, f as c, h as l, l as u, m as d, ot as f, p, rt as m, s as h, st as g, t as ee, v as _, z as te } from "./vue.runtime.esm-bundler-BDSGA5hA.js";
-import { t as v } from "./dist-HO0vjY5Z.js";
-import { t as ne } from "./useI18n-CBbStVlD.js";
+import { t as v } from "./dist-CNLAS2v2.js";
+import { t as ne } from "./useI18n-Besvmtxy.js";
 import { h as y, i as b, m as x, p as S, u as C } from "./styleConstants-lGobwiLH.js";
 //#region ../../node_modules/.pnpm/vanilla-colorful@0.7.2/node_modules/vanilla-colorful/lib/utils/math.js
 var w = (e, t = 0, n = 1) => e > n ? n : e < t ? t : e, T = (e, t = 0, n = 10 ** t) => Math.round(n * e) / n;