@templatical/editor 0.12.1 → 0.14.0

package/dist/{CollaboratorBar-ACUA7lBJ.js → CollaboratorBar-B_EnJLtW.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-B2k01iQh.js";
-import "./useEditorCore-D7dQFRkw.js";
-import { t as f } from "./createLucideIcon-CmPAC-gt.js";
-import { n as p } from "./useCloudI18n-L3H2XvdW.js";
+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-BPa483TZ.js";
+import "./useEditorCore-8JxXDOA4.js";
+import { t as f } from "./createLucideIcon-Bad2kKE0.js";
+import { n as p } from "./useCloudI18n-CYJKqXtI.js";
 import { t as m } from "./readableTextColor-f8Kykfnh.js";
 var h = f("wifi-off", [
 	["path", {

package/dist/{CommentsSidebar-CpRLN40c.js → CommentsSidebar-DaP9BA_r.js}

@@ -1,18 +1,21 @@
-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-B2k01iQh.js";
-import { N as b, l as ne, m as re, r as ie } from "./keys-mFiJ5N0_.js";
-import { t as ae } from "./useI18n-CTs_bP9d.js";
-import { t as x } from "./createLucideIcon-CmPAC-gt.js";
-import { t as S } from "./loader-circle-CDF8eR_Q.js";
-import { t as oe } from "./check-BRzXxFHr.js";
-import { t as se } from "./chevron-down-DmEgzmYT.js";
-import { t as C } from "./message-circle-C3cHsCJl.js";
-import { t as w } from "./send-k7npFJNO.js";
-import { t as T } from "./trash-2-DpGb7fIt.js";
-import { t as E } from "./x-CGjkjdKK.js";
+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-BPa483TZ.js";
+import { L as b, l as ne, m as re, r as ie } from "./keys-DgYXDafq.js";
+import { t as ae } from "./useI18n-BWqM8i78.js";
+import { t as x } from "./createLucideIcon-Bad2kKE0.js";
+import { t as oe } from "./check-CYJwFmjy.js";
+import { t as se } from "./chevron-down-C5l-DzAA.js";
+import { t as S } from "./loader-circle-CLZ0_FvW.js";
+import { t as C } from "./message-circle-B-1bN9ab.js";
+import { t as w } from "./send-Cn1IUdzh.js";
+import { t as T } from "./trash-2-CjERg4x9.js";
+import { t as E } from "./x-DiPIbccg.js";
 import { t as D } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { n as ce } from "./useCloudI18n-L3H2XvdW.js";
+import { n as ce } from "./useCloudI18n-CYJKqXtI.js";
 import { t as le } from "./formatRelativeTime-CtUU-QZ8.js";
-var ue = x("circle-check", [["circle", {
+var ue = x("chevron-up", [["path", {
+	d: "m18 15-6-6-6 6",
+	key: "153udz"
+}]]), de = x("circle-check", [["circle", {
 	cx: "12",
 	cy: "12",
 	r: "10",
@@ -20,9 +23,6 @@ var ue = x("circle-check", [["circle", {
 }], ["path", {
 	d: "m9 12 2 2 4-4",
 	key: "dzmm74"
-}]]), de = x("chevron-up", [["path", {
-	d: "m18 15-6-6-6 6",
-	key: "153udz"
 }]]), O = x("pencil", [["path", {
 	d: "M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z",
 	key: "1a8usu"
@@ -249,7 +249,7 @@ var ue = x("circle-check", [["circle", {
 								class: "tpl-comment-action tpl:rounded tpl:p-1 tpl:transition-colors tpl:duration-150",
 								title: n.resolved_at ? h(M).comments.unresolve : h(M).comments.resolve,
 								onClick: (e) => jt(n.id)
-							}, [v(h(ue), {
+							}, [v(h(de), {
 								size: 13,
 								"stroke-width": 2,
 								class: "tpl-resolve-icon",
@@ -322,7 +322,7 @@ var ue = x("circle-check", [["circle", {
 							key: 0,
 							class: "tpl:flex tpl:items-center tpl:gap-0.5 tpl:text-[11px] tpl:font-medium tpl:transition-colors tpl:duration-150 tpl:text-[var(--tpl-text-muted)]",
 							onClick: (e) => Et(n.id)
-						}, [H.value.has(n.id) ? (e(), m(h(de), {
+						}, [H.value.has(n.id) ? (e(), m(h(ue), {
 							key: 0,
 							size: 11,
 							"stroke-width": 2

package/dist/{CountdownBlock-C-6o19qS.js → CountdownBlock-DtAokAVw.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-B2k01iQh.js";
-import { s as p } from "./dist-DJ9aD8yA.js";
-import { t as m } from "./useI18n-CTs_bP9d.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-BPa483TZ.js";
+import { c as p } from "./dist-DuCzdgDA.js";
+import { t as m } from "./useI18n-BWqM8i78.js";
 //#region src/components/blocks/CountdownBlock.vue?vue&type=script&setup=true&lang.ts
 var h = {
 	key: 0,

package/dist/{CountdownToolbar-Dol7Q0Pv.js → CountdownToolbar-Dtqgwy0g.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-B2k01iQh.js";
-import { t as m } from "./useI18n-CTs_bP9d.js";
+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-BPa483TZ.js";
+import { t as m } from "./useI18n-BWqM8i78.js";
 import { f as h } from "./styleConstants-lGobwiLH.js";
-import { i as g, n as _, r as v, t as y } from "./NumberWithSuffix-Bp40ik4l.js";
+import { i as g, n as _, r as v, t as y } from "./NumberWithSuffix-D2mW_DhT.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-0dTsBW08.js → DesignReferenceSidebar-BHRlTqlT.js}

@@ -1,15 +1,16 @@
-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-B2k01iQh.js";
+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-BPa483TZ.js";
 import "./timeouts-Bmi_yePw.js";
-import { N as m, m as oe, r as h } from "./keys-mFiJ5N0_.js";
-import { t as g } from "./createLucideIcon-CmPAC-gt.js";
-import { t as se } from "./circle-alert-BStvZr3O.js";
-import { t as _ } from "./image-up-BFPbw_Zq.js";
-import { t as v } from "./x-CGjkjdKK.js";
-import { t as ce } from "./LoadingTrack-C7mGWPHS.js";
+import { L as m, m as oe, r as se } from "./keys-DgYXDafq.js";
+import { t as h } from "./createLucideIcon-Bad2kKE0.js";
+import { t as ce } from "./circle-alert-wf5HUFZY.js";
+import { t as g } from "./image-up-x8-WXfsx.js";
+import { t as _ } from "./upload-e5kDRkPb.js";
+import { t as v } from "./x-DiPIbccg.js";
+import { t as le } from "./LoadingTrack-CV3ID80N.js";
 import { t as y } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { n as le } from "./useCloudI18n-L3H2XvdW.js";
-import { u as ue } from "./cloud-_olro76D.js";
-var de = g("file-image", [
+import { n as ue } from "./useCloudI18n-CYJKqXtI.js";
+import { u as de } from "./cloud-CoFDm9YA.js";
+var fe = h("file-image", [
 	["path", {
 		d: "M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z",
 		key: "1oefj6"
@@ -28,7 +29,7 @@ var de = g("file-image", [
 		d: "m20 17-1.296-1.296a2.41 2.41 0 0 0-3.408 0L9 22",
 		key: "wt3hpn"
 	}]
-]), b = g("file-text", [
+]), b = h("file-text", [
 	["path", {
 		d: "M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z",
 		key: "1oefj6"
@@ -49,19 +50,6 @@ var de = g("file-image", [
 		d: "M16 17H8",
 		key: "z1uh3a"
 	}]
-]), fe = g("upload", [
-	["path", {
-		d: "M12 3v12",
-		key: "1x0j5s"
-	}],
-	["path", {
-		d: "m17 8-5-5-5 5",
-		key: "7q97r8"
-	}],
-	["path", {
-		d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4",
-		key: "ih7n3h"
-	}]
 ]), pe = {
 	key: 0,
 	class: "tpl-design-sidebar tpl:absolute tpl:top-14 tpl:right-0 tpl:bottom-0 tpl:z-panel tpl:flex tpl:w-[360px] tpl:flex-col tpl:border-l tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg-elevated)]"
@@ -90,9 +78,9 @@ var de = g("file-image", [
 		hasExistingBlocks: { type: Boolean }
 	},
 	emits: ["close", "apply"],
-	setup(o, { emit: g }) {
-		let y = o, z = g, { t: B } = le(), xe = m(oe, "DesignReferenceSidebar"), V = ue({
-			authManager: m(h, "DesignReferenceSidebar"),
+	setup(o, { emit: h }) {
+		let y = o, z = h, { t: B } = ue(), xe = m(oe, "DesignReferenceSidebar"), V = de({
+			authManager: m(se, "DesignReferenceSidebar"),
 			getTemplateId: () => xe.state.template?.id ?? null,
 			onApply: (e) => z("apply", e)
 		}), H = i(null), U = i("image"), W = i(null), G = i(""), K = i(null), q = i(!1), J = i(!1), Y = ne(() => V.isGenerating.value ? !1 : W.value !== null);
@@ -163,7 +151,7 @@ var de = g("file-image", [
 			"leave-from-class": "tpl:translate-x-0",
 			"leave-to-class": "tpl:translate-x-full"
 		}, {
-			default: ae(() => [o.visible ? (e(), c("div", pe, [s("div", me, [s("div", he, [p(d(_), {
+			default: ae(() => [o.visible ? (e(), c("div", pe, [s("div", me, [s("div", he, [p(d(g), {
 				size: 13,
 				"stroke-width": 2
 			}), s("span", null, f(d(B).designReference.title), 1)]), s("button", {
@@ -172,7 +160,7 @@ var de = g("file-image", [
 			}, [p(d(v), {
 				size: 14,
 				"stroke-width": 2
-			})])]), s("div", x, [d(V).isGenerating.value ? (e(), c("div", S, [s("div", C, [p(ce), s("p", w, f(d(B).designReference.generating), 1)])])) : (e(), c("div", T, [
+			})])]), s("div", x, [d(V).isGenerating.value ? (e(), c("div", S, [s("div", C, [p(le), s("p", w, f(d(B).designReference.generating), 1)])])) : (e(), c("div", T, [
 				s("div", E, [s("button", {
 					class: "tpl:flex tpl:flex-1 tpl:items-center tpl:justify-center tpl:gap-1.5 tpl:rounded-[var(--tpl-radius-sm)] tpl:px-2 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:transition-all tpl:duration-150",
 					style: u({
@@ -181,7 +169,7 @@ var de = g("file-image", [
 						boxShadow: U.value === "image" ? "var(--tpl-shadow)" : "none"
 					}),
 					onClick: r[1] ||= (e) => X("image")
-				}, [p(d(de), {
+				}, [p(d(fe), {
 					size: 12,
 					"stroke-width": 2
 				}), a(" " + f(d(B).designReference.uploadImage), 1)], 4), s("button", {
@@ -223,7 +211,7 @@ var de = g("file-image", [
 					onDragleave: we,
 					onDrop: Te
 				}, [
-					p(d(fe), {
+					p(d(_), {
 						size: 24,
 						"stroke-width": 1.5,
 						class: "tpl:text-[var(--tpl-text-dim)]"
@@ -252,7 +240,7 @@ var de = g("file-image", [
 					class: "tpl:flex-1 tpl:rounded-[var(--tpl-radius-sm)] tpl:px-3 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:transition-all tpl:duration-150 tpl:hover:opacity-90 tpl:bg-[var(--tpl-primary)] tpl:text-[var(--tpl-bg)]",
 					onClick: $
 				}, f(d(B).designReference.replaceConfirm), 1)])])) : l("", !0),
-				d(V).error.value ? (e(), c("div", ve, [p(d(se), {
+				d(V).error.value ? (e(), c("div", ve, [p(d(ce), {
 					size: 14,
 					"stroke-width": 2,
 					class: "tpl:mt-0.5 tpl:shrink-0"
@@ -262,7 +250,7 @@ var de = g("file-image", [
 					class: "tpl:flex tpl:w-full tpl:items-center tpl:justify-center tpl:gap-2 tpl:rounded-[var(--tpl-radius-sm)] tpl:px-4 tpl:py-2.5 tpl:text-sm tpl:font-medium 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: !Y.value,
 					onClick: $
-				}, [p(d(_), {
+				}, [p(d(g), {
 					size: 16,
 					"stroke-width": 2
 				}), a(" " + f(d(B).designReference.generate), 1)], 8, ye)),

package/dist/{IssuesPanel-I0z6k6-H.js → IssuesPanel-u7ee3Wrl.js}

@@ -1,11 +1,11 @@
-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-B2k01iQh.js";
-import { k as g, m as _ } from "./keys-mFiJ5N0_.js";
-import { t as v } from "./useI18n-CTs_bP9d.js";
-import { t as y } from "./createLucideIcon-CmPAC-gt.js";
-import { t as b } from "./circle-alert-BStvZr3O.js";
-import { t as x } from "./triangle-alert-BKYElAwz.js";
-import { t as S } from "./info-B_qLEBN2.js";
-import { t as C } from "./list-checks-CGg7JxPm.js";
+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-BPa483TZ.js";
+import { N as g, m as _ } from "./keys-DgYXDafq.js";
+import { t as v } from "./useI18n-BWqM8i78.js";
+import { t as y } from "./createLucideIcon-Bad2kKE0.js";
+import { t as b } from "./circle-alert-wf5HUFZY.js";
+import { t as x } from "./info-RS_fGcGi.js";
+import { t as S } from "./list-checks-Bf7XdDyv.js";
+import { t as C } from "./triangle-alert-Chkny574.js";
 var w = y("arrow-right", [["path", {
 	d: "M5 12h14",
 	key: "1ays0h"
@@ -35,7 +35,7 @@ var w = y("arrow-right", [["path", {
 			B?.applyFix(e);
 		}
 		return (a, o) => (e(), c("div", E, [s("header", D, [
-			m(f(C), {
+			m(f(S), {
 				size: 16,
 				"stroke-width": 1.5
 			}),
@@ -56,14 +56,14 @@ var w = y("arrow-right", [["path", {
 			{
 				key: "warnings",
 				title: f(y).issues.groupWarnings,
-				icon: f(x),
+				icon: f(C),
 				items: U.value,
 				tone: "tpl:text-[var(--tpl-warning)]"
 			},
 			{
 				key: "info",
 				title: f(y).issues.groupInfo,
-				icon: f(S),
+				icon: f(x),
 				items: W.value,
 				tone: "tpl:text-[var(--tpl-text-muted)]"
 			}

package/dist/{LoadingTrack-C7mGWPHS.js → LoadingTrack-CV3ID80N.js}

@@ -1,4 +1,4 @@
-import { A as e, h as t } from "./vue.runtime.esm-bundler-B2k01iQh.js";
+import { A as e, h as t } from "./vue.runtime.esm-bundler-BPa483TZ.js";
 import { t as n } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 //#region src/components/LoadingTrack.vue
 var r = {}, i = { class: "tpl-loading-track" };

package/dist/ModuleBrowserModal-DOsdaS6s.js

@@ -0,0 +1,201 @@
+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";
+//#region src/cloud/components/ModuleBrowserModal.vue?vue&type=script&setup=true&lang.ts
+var pe = {
+	role: "dialog",
+	"aria-modal": "true",
+	"aria-labelledby": "tpl-module-browser-title",
+	class: "tpl-scale-in tpl:mx-4 tpl:flex tpl:w-full tpl:max-w-[1000px] tpl:flex-col tpl:rounded-[var(--tpl-radius-lg)]",
+	style: {
+		"background-color": "var(--tpl-bg-elevated)",
+		"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 = {
+	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 = {
+	key: 0,
+	class: "tpl:flex tpl:flex-col tpl:gap-1"
+}, k = ["aria-pressed", "onClick"], A = { class: "tpl:flex tpl:items-center tpl:gap-2" }, j = { class: "tpl:flex-1 tpl:truncate tpl:text-xs tpl:font-semibold tpl:text-[var(--tpl-text)]" }, M = { 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)]" }, N = { class: "tpl:mt-1 tpl:flex tpl:items-center tpl:gap-1" }, P = {
+	key: 0,
+	class: "tpl:text-[10px] tpl:text-[var(--tpl-text-dim)]"
+}, F = ["aria-label", "onClick"], I = [
+	"aria-label",
+	"title",
+	"onClick"
+], 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)]" }, z = { class: "tpl:flex tpl:flex-1 tpl:flex-col tpl:overflow-hidden tpl:border-l tpl:border-[var(--tpl-border)]" }, he = {
+	key: 0,
+	class: "tpl:flex tpl:flex-1 tpl:flex-col tpl:overflow-hidden"
+}, 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({
+	__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(() => {
+			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(() => {
+			let e = [{
+				value: "beginning",
+				label: H.modules.insertAtBeginning
+			}], t = W.content.value.blocks;
+			for (let n = 0; n < t.length; n++) {
+				let r = t[n], i = r.type, a = De.blocks[i] ?? r.type;
+				e.push({
+					value: r.id,
+					label: H.modules.insertAfterBlock.replace("{block}", `${a} ${n + 1}`)
+				});
+			}
+			return e.push({
+				value: "end",
+				label: H.modules.insertAtEnd
+			}), e;
+		}), ke = l(() => {
+			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) => {
+			if (e) {
+				G.value = "", K.value = null, q.value = null;
+				let e = W.state.selectedBlockId;
+				if (e) {
+					let t = W.content.value.blocks.findIndex((t) => t.id === e);
+					J.value = t === -1 ? "end" : e;
+				} else J.value = "end";
+			}
+		});
+		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({
+				type: r.type,
+				icon: y[r.type]
+			})), t.length >= 5) break;
+			return t;
+		}
+		function Z(e) {
+			let t = new Set(e.content.map((e) => e.type));
+			return Math.max(0, t.size - 5);
+		}
+		async function je(e) {
+			try {
+				await U.deleteModule(e), K.value === e && (K.value = null);
+			} finally {
+				q.value = null;
+			}
+		}
+		function Q() {
+			X.value && V("insert", X.value, ke.value);
+		}
+		function $() {
+			V("close");
+		}
+		function Me(e) {
+			e.key === "Escape" && $(), e.key === "Enter" && X.value && (e.preventDefault(), Q());
+		}
+		return (r, a) => (e(), p(fe, {
+			visible: s.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,
+					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), {
+					size: 16,
+					"stroke-width": 2
+				})], 8, x)]),
+				u("div", S, [u("div", C, [u("div", w, [u("div", T, [g(m(ce), {
+					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,
+					type: "text",
+					placeholder: m(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,
+					type: "button",
+					"aria-pressed": K.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: ne({
+						borderColor: K.value === t.id ? "var(--tpl-primary)" : "var(--tpl-border)",
+						backgroundColor: K.value === t.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,
+						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", {
+						key: 1,
+						"aria-label": m(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", {
+						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), {
+						size: 12,
+						"stroke-width": 1.5
+					})], 8, I))
+				])], 12, k))), 128))])) : (e(), d("div", L, [g(m(v), {
+					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), {
+					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,
+					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", {
+					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", {
+					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)])])
+			])]),
+			_: 1
+		}, 8, ["visible"]));
+	}
+});
+//#endregion
+export { B as default };

package/dist/{ModulePreviewCanvas-CpaumPMS.js → ModulePreviewCanvas-Cx4MOJ0X.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-B2k01iQh.js";
-import { N as p, _ as m, a as h, d as g, f as _, g as v, h as y, i as b, l as x, m as S, n as C, p as w, r as T, v as E } from "./useEditorCore-D7dQFRkw.js";
-import { o as D } from "./keys-mFiJ5N0_.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-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";
 //#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",
@@ -11,17 +11,17 @@ var O = { class: "tpl:w-full" }, k = { class: "tpl:flex tpl:gap-0" }, A = /* @__
 	},
 	setup(i) {
 		let A = {
-			title: x,
-			paragraph: w,
-			image: y,
-			video: C,
+			title: b,
+			paragraph: C,
+			image: v,
+			video: S,
 			button: p,
-			divider: m,
+			divider: T,
 			social: h,
-			menu: S,
-			table: T,
-			spacer: b,
-			html: v,
+			menu: x,
+			table: w,
+			spacer: y,
+			html: m,
 			custom: E
 		}, j = i, M = f(D, null), N = a(() => {
 			switch (j.block.columns) {
@@ -77,17 +77,17 @@ var O = { class: "tpl:w-full" }, k = { class: "tpl:flex tpl:gap-0" }, A = /* @__
 	setup(r) {
 		let i = f(D), a = {
 			section: A,
-			title: x,
-			paragraph: w,
-			image: y,
-			video: C,
+			title: b,
+			paragraph: C,
+			image: v,
+			video: S,
 			button: p,
-			divider: m,
+			divider: T,
 			social: h,
-			menu: S,
-			table: T,
-			spacer: b,
-			html: v,
+			menu: x,
+			table: w,
+			spacer: y,
+			html: m,
 			custom: E
 		};
 		function o(e) {

package/dist/{NumberWithSuffix-Bp40ik4l.js → NumberWithSuffix-D2mW_DhT.js}

@@ -1,7 +1,7 @@
-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 ee, st as h, t as te, v as g, z as ne } from "./vue.runtime.esm-bundler-B2k01iQh.js";
-import { t as _ } from "./dist-DJ9aD8yA.js";
-import { t as re } from "./useI18n-CTs_bP9d.js";
-import { t as ie } from "./x-CGjkjdKK.js";
+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 ee, st as h, t as te, v as g, z as ne } from "./vue.runtime.esm-bundler-BPa483TZ.js";
+import { t as _ } from "./dist-DuCzdgDA.js";
+import { t as re } from "./useI18n-BWqM8i78.js";
+import { t as ie } from "./x-DiPIbccg.js";
 import { h as v, m as y, p as b, u as ae } from "./styleConstants-lGobwiLH.js";
 //#region ../../node_modules/.pnpm/vanilla-colorful@0.7.2/node_modules/vanilla-colorful/lib/utils/math.js
 var x = (e, t = 0, n = 1) => e > n ? n : e < t ? t : e, S = (e, t = 0, n = 10 ** t) => Math.round(n * e) / n;