@templatical/editor 0.26.2 → 0.27.0

package/dist/{SavedBlocksBrowserModal-KWlaiLlr.js → SavedBlocksBrowserModal-CefWWcdT.js}

@@ -1,14 +1,15 @@
-import { A as e, Dt as t, Et as n, I as r, N as i, O as a, Ot as o, R as ee, Y as s, _ as c, c as l, d as u, g as te, h as d, l as f, nt as p, r as m, s as h, u as g, w as ne, z as _ } from "./vue.runtime.esm-bundler-D1diBMsm.js";
-import { a as v, c as y, i as b, s as x } from "./runtime-dom.esm-bundler-CepEmvwF.js";
-import "./useEditorCore-idmPLUeb.js";
-import { G as S, R as re, g as ie } from "./keys-fwF3qZax.js";
-import { t as ae } from "./useI18n-DoVKdCTH.js";
-import { n as oe, r as C, t as w } from "./blockTypeIcons-2_85L_CL.js";
-import { t as se } from "./pencil-t6m0EtKL.js";
-import { t as ce } from "./trash-2-CklAFCmO.js";
-import { t as le } from "./x-Mby7KlhS.js";
-import { t as ue } from "./TplModal-DoneXIj_.js";
-import { t as de } from "./formatRelativeTime-CtUU-QZ8.js";
+import { B as e, Dt as t, L as n, Ot as r, P as i, T as a, X as o, _ as ee, c as s, d as c, g as l, j as u, k as d, kt as f, l as p, r as m, rt as h, s as g, u as _, v, z as te } from "./vue.runtime.esm-bundler-DzEsDRtY.js";
+import { a as y, c as b, i as x, s as S } from "./runtime-dom.esm-bundler-BgKXIPLV.js";
+import "./useEditorCore-B-kONNRw.js";
+import { L as ne, W as C, h as re } from "./keys-BxixS0TN.js";
+import { t as ie } from "./useI18n-BfXff_Sy.js";
+import { n as ae, r as w, t as T } from "./blockTypeIcons-B8r4jMBn.js";
+import { t as oe } from "./pencil-DmbRhTJu.js";
+import { t as se } from "./trash-2-C0shEPry.js";
+import { t as ce } from "./x-BjTlFqRv.js";
+import { v as le } from "./styleConstants-ByDqaYj_.js";
+import { t as ue } from "./formatRelativeTime-CtUU-QZ8.js";
+import { t as de } from "./TplModal-chvLhXmC.js";
 //#region src/components/SavedBlocksBrowserModal.vue?vue&type=script&setup=true&lang.ts
 var fe = {
 	role: "dialog",
@@ -24,51 +25,51 @@ var fe = {
 }, 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-saved-blocks-browser-title",
 	class: "tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]"
-}, he = ["aria-label"], ge = { class: "tpl:flex tpl:min-h-0 tpl:flex-1 tpl:overflow-hidden" }, _e = { class: "tpl:flex tpl:w-[300px] tpl:shrink-0 tpl:flex-col tpl:overflow-hidden" }, ve = { class: "tpl:flex tpl:flex-col tpl:gap-2 tpl:px-4 tpl:pt-4 tpl:pb-3" }, ye = { class: "tpl:relative" }, be = ["placeholder", "disabled"], xe = ["aria-label"], Se = { value: "" }, Ce = ["value"], we = { id: "tpl-saved-block-browser-categories" }, Te = ["value"], T = { class: "tpl:flex-1 tpl:overflow-y-auto tpl:px-4 tpl:pb-4" }, E = ["aria-label"], D = {
+}, he = ["aria-label"], ge = { class: "tpl:flex tpl:min-h-0 tpl:flex-1 tpl:overflow-hidden" }, _e = { class: "tpl:flex tpl:w-[300px] tpl:shrink-0 tpl:flex-col tpl:overflow-hidden" }, ve = { class: "tpl:flex tpl:flex-col tpl:gap-2 tpl:px-4 tpl:pt-4 tpl:pb-3" }, ye = { class: "tpl:relative" }, be = ["placeholder", "disabled"], xe = ["aria-label"], Se = { value: "" }, Ce = ["value"], we = { id: "tpl-saved-block-browser-categories" }, Te = ["value"], E = { class: "tpl:flex-1 tpl:overflow-y-auto tpl:px-4 tpl:pb-4" }, D = ["aria-label"], O = {
 	key: 1,
 	class: "tpl:flex tpl:flex-col tpl:gap-1"
-}, O = ["onFocusout"], Ee = ["aria-label", "onKeydown"], De = [
+}, Ee = ["onFocusout"], De = ["aria-label", "onKeydown"], Oe = [
 	"aria-label",
 	"placeholder",
 	"onKeydown"
-], Oe = ["aria-pressed", "onClick"], ke = { class: "tpl:flex tpl:items-center tpl:gap-2" }, Ae = { class: "tpl:flex-1 tpl:truncate tpl:text-xs tpl:font-semibold tpl:text-[var(--tpl-text)]" }, je = { 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)]" }, Me = {
+], ke = ["aria-pressed", "onClick"], Ae = { class: "tpl:flex tpl:items-center tpl:gap-2" }, je = { class: "tpl:flex-1 tpl:truncate tpl:text-xs tpl:font-semibold tpl:text-[var(--tpl-text)]" }, Me = { 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)]" }, Ne = {
 	key: 0,
 	class: "tpl:mt-1 tpl:flex tpl:items-center"
-}, Ne = {
+}, Pe = {
 	"data-testid": "saved-block-category",
 	class: "tpl:max-w-full tpl:truncate tpl:rounded tpl:px-1.5 tpl:py-0.5 tpl:text-[10px] tpl:font-medium tpl:bg-[var(--tpl-primary-light)] tpl:text-[var(--tpl-primary)]"
-}, Pe = { class: "tpl:mt-1 tpl:flex tpl:items-center tpl:gap-1" }, Fe = {
+}, Fe = { class: "tpl:mt-1 tpl:flex tpl:items-center tpl:gap-1" }, Ie = {
 	key: 0,
 	class: "tpl:text-[10px] tpl:text-[var(--tpl-text-dim)]"
-}, Ie = ["title"], Le = ["aria-label", "onClick"], Re = [
+}, Le = ["title"], Re = ["aria-label", "onClick"], ze = [
 	"aria-label",
 	"title",
 	"onClick"
-], ze = [
+], Be = [
 	"aria-label",
 	"title",
 	"onClick"
-], Be = {
+], Ve = {
 	key: 2,
 	class: "tpl:flex tpl:flex-col tpl:items-center tpl:justify-center tpl:py-12"
-}, Ve = {
+}, He = {
 	key: 0,
 	class: "tpl:mt-2 tpl:text-xs tpl:text-[var(--tpl-text-dim)]"
-}, He = { class: "tpl:mt-2 tpl:text-xs tpl:text-[var(--tpl-text-dim)]" }, Ue = { class: "tpl:mt-1 tpl:max-w-[220px] tpl:text-center tpl:text-xs tpl:text-[var(--tpl-text-dim)]" }, We = { class: "tpl:flex tpl:flex-1 tpl:flex-col tpl:overflow-hidden tpl:border-l tpl:border-[var(--tpl-border)]" }, Ge = {
+}, Ue = { class: "tpl:mt-2 tpl:text-xs tpl:text-[var(--tpl-text-dim)]" }, We = { class: "tpl:mt-1 tpl:max-w-[220px] tpl:text-center 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)]" }, Ke = {
 	key: 0,
 	class: "tpl:flex tpl:flex-1 tpl:flex-col tpl:overflow-hidden"
-}, Ke = { class: "tpl:flex-1 tpl:overflow-y-auto tpl:p-4" }, qe = {
+}, qe = { class: "tpl:flex-1 tpl:overflow-y-auto tpl:p-4" }, Je = {
 	key: 1,
 	class: "tpl:flex tpl:flex-1 tpl:flex-col tpl:items-center tpl:justify-center tpl:px-4"
-}, Je = { 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)]" }, Xe = { class: "tpl:flex tpl:items-center tpl:gap-2" }, Ze = { class: "tpl:shrink-0 tpl:text-xs tpl:text-[var(--tpl-text-dim)]" }, Qe = ["value"], k = { class: "tpl:flex tpl:gap-2" }, $e = ["disabled"], A = /* @__PURE__ */ c({
+}, Ye = { 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)]" }, Ze = { class: "tpl:flex tpl:items-center tpl:gap-2" }, Qe = { class: "tpl:shrink-0 tpl:text-xs tpl:text-[var(--tpl-text-dim)]" }, $e = ["value"], k = { class: "tpl:flex tpl:gap-2" }, et = ["disabled"], A = /* @__PURE__ */ v({
 	__name: "SavedBlocksBrowserModal",
 	props: { visible: { type: Boolean } },
 	emits: ["close", "insert"],
-	setup(c, { emit: A }) {
-		let et = c, j = A, tt = te(() => import("./BlockPreviewCanvas-DbNOqSI1.js").then((e) => e.n)), { t: M, format: N } = ae(), P = S(re, "SavedBlocksBrowserModal"), F = S(ie, "SavedBlocksBrowserModal"), I = s(""), L = s(""), R = s(null), z = s(null), B = s(null), V = s(""), H = s(""), U = s(null), W = s("end"), G = h(() => {
+	setup(v, { emit: A }) {
+		let tt = v, j = A, nt = ee(() => import("./BlockPreviewCanvas-GZbr0ph5.js").then((e) => e.n)), { t: M, format: N } = ie(), P = C(ne, "SavedBlocksBrowserModal"), F = C(re, "SavedBlocksBrowserModal"), I = o(""), L = o(""), R = o(null), z = o(null), B = o(null), V = o(""), H = o(""), U = o(null), W = o("end"), G = g(() => {
 			let e = I.value.trim().toLowerCase(), t = L.value;
 			return P.savedBlocks.value.filter((n) => !(e && !n.name.toLowerCase().includes(e) || t && n.category !== t));
-		}), K = h(() => P.isLoading.value && P.savedBlocks.value.length === 0), nt = h(() => I.value.trim().length > 0 || L.value !== ""), q = h(() => R.value ? P.savedBlocks.value.find((e) => e.id === R.value) ?? null : null), rt = h(() => {
+		}), K = g(() => P.isLoading.value && P.savedBlocks.value.length === 0), rt = g(() => I.value.trim().length > 0 || L.value !== ""), q = g(() => R.value ? P.savedBlocks.value.find((e) => e.id === R.value) ?? null : null), it = g(() => {
 			let e = [{
 				value: "beginning",
 				label: M.savedBlocks.insertAtBeginning
@@ -84,13 +85,13 @@ var fe = {
 				value: "end",
 				label: M.savedBlocks.insertAtEnd
 			}), e;
-		}), it = h(() => {
+		}), at = g(() => {
 			if (W.value === "end") return;
 			if (W.value === "beginning") return 0;
 			let e = F.content.value.blocks.findIndex((e) => e.id === W.value);
 			if (e !== -1) return e + 1;
 		});
-		r(() => et.visible, (e) => {
+		n(() => tt.visible, (e) => {
 			if (e) {
 				I.value = "", L.value = "", R.value = null, z.value = null, B.value = null;
 				let e = F.state.selectedBlockId;
@@ -100,11 +101,11 @@ var fe = {
 				} else W.value = "end";
 			}
 		}, { immediate: !0 });
-		function at(e) {
+		function ot(e) {
 			let t = [], n = /* @__PURE__ */ new Set();
-			for (let r of e.content) if (!n.has(r.type) && w[r.type] && (n.add(r.type), t.push({
+			for (let r of e.content) if (!n.has(r.type) && T[r.type] && (n.add(r.type), t.push({
 				type: r.type,
-				icon: w[r.type]
+				icon: T[r.type]
 			})), t.length >= 5) break;
 			return t;
 		}
@@ -114,23 +115,23 @@ var fe = {
 		}
 		function Y(e) {
 			let t = e.updatedAt ?? e.createdAt;
-			return t ? de(t, M.savedBlocks.time, N) ?? "" : "";
+			return t ? ue(t, M.time, N) ?? "" : "";
 		}
-		function ot(e) {
+		function st(e) {
 			let t = e.updatedAt ?? e.createdAt;
 			if (!t) return "";
 			let n = new Date(t);
 			return Number.isNaN(n.getTime()) ? "" : n.toLocaleString();
 		}
-		async function st(e) {
+		async function ct(e) {
 			try {
 				await P.remove(e), R.value === e && (R.value = null);
 			} finally {
 				z.value = null;
 			}
 		}
-		async function ct(e) {
-			P.canUpdateBlock(e) && (B.value = e.id, V.value = e.name, H.value = e.category ?? "", z.value = null, await ne(), U.value?.focus(), U.value?.select());
+		async function lt(e) {
+			P.canUpdateBlock(e) && (B.value = e.id, V.value = e.name, H.value = e.category ?? "", z.value = null, await a(), U.value?.focus(), U.value?.select());
 		}
 		function X() {
 			B.value = null, V.value = "", H.value = "";
@@ -148,172 +149,172 @@ var fe = {
 				X();
 			}
 		}
-		function lt(e, t) {
+		function ut(e, t) {
 			let n = e.currentTarget, r = e.relatedTarget;
 			r && n.contains(r) || Z(t);
 		}
 		function Q() {
-			q.value && j("insert", q.value, it.value);
+			q.value && j("insert", q.value, at.value);
 		}
 		function $() {
 			j("close");
 		}
-		function ut(e) {
+		function dt(e) {
 			B.value || (e.key === "Escape" && $(), e.key === "Enter" && q.value && (e.preventDefault(), Q()));
 		}
-		return (r, s) => (a(), f(ue, {
-			visible: c.visible,
+		return (n, a) => (d(), p(de, {
+			visible: v.visible,
 			onClose: $,
-			onKeydown: ut
+			onKeydown: dt
 		}, {
-			default: ee(() => [l("div", fe, [
-				l("div", pe, [l("h3", me, o(p(M).savedBlocks.browse), 1), l("button", {
-					"aria-label": p(M).savedBlocks.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)]",
+			default: te(() => [s("div", fe, [
+				s("div", pe, [s("h3", me, f(h(M).savedBlocks.browse), 1), s("button", {
+					"aria-label": h(M).savedBlocks.close,
+					class: "tpl:cursor-pointer tpl:rounded-md tpl:border-none tpl:bg-transparent tpl:p-1 tpl:transition-colors tpl:text-[var(--tpl-text-dim)]",
 					onClick: $
-				}, [d(p(le), {
+				}, [l(h(ce), {
 					size: 16,
 					"stroke-width": 2
 				})], 8, he)]),
-				l("div", ge, [l("div", _e, [
-					l("div", ve, [l("div", ye, [d(p(oe), {
+				s("div", ge, [s("div", _e, [
+					s("div", ve, [s("div", ye, [l(h(ae), {
 						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)]"
-					}), _(l("input", {
-						"onUpdate:modelValue": s[0] ||= (e) => I.value = e,
+					}), e(s("input", {
+						"onUpdate:modelValue": a[0] ||= (e) => I.value = e,
 						type: "text",
-						placeholder: p(M).savedBlocks.search,
+						placeholder: h(M).savedBlocks.search,
 						disabled: K.value,
 						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:disabled:opacity-50 tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:text-[var(--tpl-text)]"
-					}, null, 8, be), [[v, I.value]])]), p(P).categories.value.length > 0 ? _((a(), u("select", {
+					}, null, 8, be), [[y, I.value]])]), h(P).categories.value.length > 0 ? e((d(), c("select", {
 						key: 0,
-						"onUpdate:modelValue": s[1] ||= (e) => L.value = e,
+						"onUpdate:modelValue": a[1] ||= (e) => L.value = e,
 						"data-testid": "saved-blocks-category-filter",
-						"aria-label": p(M).savedBlocks.filterByCategory,
+						"aria-label": h(M).savedBlocks.filterByCategory,
 						class: "tpl:h-8 tpl:w-full 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)]"
-					}, [l("option", Se, o(p(M).savedBlocks.allCategories), 1), (a(!0), u(m, null, e(p(P).categories.value, (e) => (a(), u("option", {
+					}, [s("option", Se, f(h(M).savedBlocks.allCategories), 1), (d(!0), c(m, null, u(h(P).categories.value, (e) => (d(), c("option", {
 						key: e,
 						value: e
-					}, o(e), 9, Ce))), 128))], 8, xe)), [[b, L.value]]) : g("", !0)]),
-					l("datalist", we, [(a(!0), u(m, null, e(p(P).categories.value, (e) => (a(), u("option", {
+					}, f(e), 9, Ce))), 128))], 8, xe)), [[x, L.value]]) : _("", !0)]),
+					s("datalist", we, [(d(!0), c(m, null, u(h(P).categories.value, (e) => (d(), c("option", {
 						key: e,
 						value: e
 					}, null, 8, Te))), 128))]),
-					l("div", T, [K.value ? (a(), u("div", {
+					s("div", E, [K.value ? (d(), c("div", {
 						key: 0,
 						"data-testid": "saved-blocks-loading",
 						class: "tpl:flex tpl:flex-col tpl:gap-1",
 						role: "status",
 						"aria-busy": "true",
-						"aria-label": p(M).savedBlocks.loading
-					}, [(a(), u(m, null, e(3, (e) => l("div", {
+						"aria-label": h(M).savedBlocks.loading
+					}, [(d(), c(m, null, u(3, (e) => s("div", {
 						key: e,
 						"aria-hidden": "true",
 						class: "tpl-saved-block-skeleton tpl:rounded-[var(--tpl-radius-md)] tpl:border tpl:px-3 tpl:py-2 tpl:border-[var(--tpl-border)]"
-					}, [...s[7] ||= [l("div", { class: "tpl:h-3 tpl:w-1/2 tpl:rounded tpl:bg-[var(--tpl-bg-hover)]" }, null, -1), l("div", { class: "tpl:mt-2 tpl:h-2.5 tpl:w-1/4 tpl:rounded tpl:bg-[var(--tpl-bg-hover)]" }, null, -1)]])), 64))], 8, E)) : G.value.length > 0 ? (a(), u("div", D, [(a(!0), u(m, null, e(G.value, (r) => (a(), u(m, { key: r.id }, [B.value === r.id ? (a(), u("div", {
+					}, [...a[7] ||= [s("div", { class: "tpl:h-3 tpl:w-1/2 tpl:rounded tpl:bg-[var(--tpl-bg-hover)]" }, null, -1), s("div", { class: "tpl:mt-2 tpl:h-2.5 tpl:w-1/4 tpl:rounded tpl:bg-[var(--tpl-bg-hover)]" }, null, -1)]])), 64))], 8, D)) : G.value.length > 0 ? (d(), c("div", O, [(d(!0), c(m, null, u(G.value, (n) => (d(), c(m, { key: n.id }, [B.value === n.id ? (d(), c("div", {
 						key: 0,
 						class: "tpl:flex tpl:w-full tpl:flex-col tpl:gap-1 tpl:rounded-[var(--tpl-radius-md)] tpl:border tpl:px-3 tpl:py-2 tpl:border-[var(--tpl-primary)]",
 						style: { "background-color": "var(--tpl-primary-light)" },
-						onFocusout: (e) => lt(e, r.id)
-					}, [_(l("input", {
+						onFocusout: (e) => ut(e, n.id)
+					}, [e(s("input", {
 						ref_for: !0,
 						ref: (e) => U.value = e,
-						"onUpdate:modelValue": s[2] ||= (e) => V.value = e,
+						"onUpdate:modelValue": a[2] ||= (e) => V.value = e,
 						type: "text",
-						"aria-label": p(M).savedBlocks.rename,
+						"aria-label": h(M).savedBlocks.rename,
 						class: "tpl:h-7 tpl:w-full 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)]",
-						onKeydown: [x(y((e) => Z(r.id), ["prevent", "stop"]), ["enter"]), s[3] ||= x(y((e) => X(), ["prevent", "stop"]), ["esc"])]
-					}, null, 40, Ee), [[v, V.value]]), _(l("input", {
-						"onUpdate:modelValue": s[4] ||= (e) => H.value = e,
+						onKeydown: [S(b((e) => Z(n.id), ["prevent", "stop"]), ["enter"]), a[3] ||= S(b((e) => X(), ["prevent", "stop"]), ["esc"])]
+					}, null, 40, De), [[y, V.value]]), e(s("input", {
+						"onUpdate:modelValue": a[4] ||= (e) => H.value = e,
 						type: "text",
 						"data-testid": "saved-blocks-edit-category",
-						"aria-label": p(M).savedBlocks.category,
-						placeholder: p(M).savedBlocks.categoryPlaceholder,
+						"aria-label": h(M).savedBlocks.category,
+						placeholder: h(M).savedBlocks.categoryPlaceholder,
 						list: "tpl-saved-block-browser-categories",
 						class: "tpl:h-7 tpl:w-full 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)]",
-						onKeydown: [x(y((e) => Z(r.id), ["prevent", "stop"]), ["enter"]), s[5] ||= x(y((e) => X(), ["prevent", "stop"]), ["esc"])]
-					}, null, 40, De), [[v, H.value]])], 40, O)) : (a(), u("button", {
+						onKeydown: [S(b((e) => Z(n.id), ["prevent", "stop"]), ["enter"]), a[5] ||= S(b((e) => X(), ["prevent", "stop"]), ["esc"])]
+					}, null, 40, Oe), [[y, H.value]])], 40, Ee)) : (d(), c("button", {
 						key: 1,
 						type: "button",
 						"data-testid": "saved-block-card",
-						"aria-pressed": R.value === r.id,
+						"aria-pressed": R.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: t({
-							borderColor: R.value === r.id ? "var(--tpl-primary)" : "var(--tpl-border)",
-							backgroundColor: R.value === r.id ? "var(--tpl-primary-light)" : "transparent"
+						style: r({
+							borderColor: R.value === n.id ? "var(--tpl-primary)" : "var(--tpl-border)",
+							backgroundColor: R.value === n.id ? "var(--tpl-primary-light)" : "transparent"
 						}),
-						onClick: (e) => R.value = r.id
+						onClick: (e) => R.value = n.id
 					}, [
-						l("div", ke, [l("span", Ae, o(r.name), 1), l("span", je, o(p(N)(p(M).savedBlocks.blockCount, { count: r.content.length })), 1)]),
-						r.category ? (a(), u("div", Me, [l("span", Ne, o(r.category), 1)])) : g("", !0),
-						l("div", Pe, [
-							(a(!0), u(m, null, e(at(r), (e) => (a(), f(i(e.icon), {
+						s("div", Ae, [s("span", je, f(n.name), 1), s("span", Me, f(h(N)(h(M).savedBlocks.blockCount, { count: n.content.length })), 1)]),
+						n.category ? (d(), c("div", Ne, [s("span", Pe, f(n.category), 1)])) : _("", !0),
+						s("div", Fe, [
+							(d(!0), c(m, null, u(ot(n), (e) => (d(), p(i(e.icon), {
 								key: e.type,
 								size: 14,
 								"stroke-width": 1.5,
 								class: "tpl:text-[var(--tpl-text-dim)]"
 							}))), 128)),
-							J(r) > 0 ? (a(), u("span", Fe, " +" + o(J(r)), 1)) : g("", !0),
-							Y(r) ? (a(), u("span", {
+							J(n) > 0 ? (d(), c("span", Ie, " +" + f(J(n)), 1)) : _("", !0),
+							Y(n) ? (d(), c("span", {
 								key: 1,
 								"data-testid": "saved-block-updated",
 								class: "tpl:ml-1 tpl:truncate tpl:text-[10px] tpl:text-[var(--tpl-text-dim)]",
-								title: ot(r)
-							}, o(Y(r)), 9, Ie)) : g("", !0),
-							z.value === r.id ? (a(), u("button", {
+								title: st(n)
+							}, f(Y(n)), 9, Le)) : _("", !0),
+							z.value === n.id ? (d(), c("button", {
 								key: 2,
-								"aria-label": p(M).savedBlocks.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)]",
+								"aria-label": h(M).savedBlocks.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:border-[var(--tpl-danger)] tpl:text-[var(--tpl-danger)]",
 								style: { "background-color": "transparent" },
-								onClick: y((e) => st(r.id), ["stop"])
-							}, o(p(M).savedBlocks.deleteConfirm), 9, Le)) : (a(), u(m, { key: 3 }, [p(P).canUpdateBlock(r) ? (a(), u("button", {
+								onClick: b((e) => ct(n.id), ["stop"])
+							}, f(h(M).savedBlocks.deleteConfirm), 9, Re)) : (d(), c(m, { key: 3 }, [h(P).canUpdateBlock(n) ? (d(), c("button", {
 								key: 0,
-								class: "tpl-saved-block-rename-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(M).savedBlocks.rename,
-								title: p(M).savedBlocks.rename,
-								onClick: y((e) => ct(r), ["stop"])
-							}, [d(p(se), {
+								class: "tpl-saved-block-rename-btn tpl:ml-auto tpl:cursor-pointer tpl:rounded-md tpl:border-none tpl:bg-transparent tpl:p-0.5 tpl:transition-colors tpl:text-[var(--tpl-text-dim)]",
+								"aria-label": h(M).savedBlocks.rename,
+								title: h(M).savedBlocks.rename,
+								onClick: b((e) => lt(n), ["stop"])
+							}, [l(h(oe), {
 								size: 12,
 								"stroke-width": 1.5
-							})], 8, Re)) : g("", !0), p(P).canDeleteBlock(r) ? (a(), u("button", {
+							})], 8, ze)) : _("", !0), h(P).canDeleteBlock(n) ? (d(), c("button", {
 								key: 1,
-								class: n(["tpl-saved-block-delete-btn 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)]", { "tpl:ml-auto": !p(P).canUpdateBlock(r) }]),
-								"aria-label": p(M).savedBlocks.delete,
-								title: p(M).savedBlocks.delete,
-								onClick: y((e) => z.value = r.id, ["stop"])
-							}, [d(p(ce), {
+								class: t(["tpl-saved-block-delete-btn tpl:cursor-pointer tpl:rounded-md tpl:border-none tpl:bg-transparent tpl:p-0.5 tpl:transition-colors tpl:text-[var(--tpl-text-dim)]", { "tpl:ml-auto": !h(P).canUpdateBlock(n) }]),
+								"aria-label": h(M).savedBlocks.delete,
+								title: h(M).savedBlocks.delete,
+								onClick: b((e) => z.value = n.id, ["stop"])
+							}, [l(h(se), {
 								size: 12,
 								"stroke-width": 1.5
-							})], 10, ze)) : g("", !0)], 64))
+							})], 10, Be)) : _("", !0)], 64))
 						])
-					], 12, Oe))], 64))), 128))])) : (a(), u("div", Be, [d(p(C), {
+					], 12, ke))], 64))), 128))])) : (d(), c("div", Ve, [l(h(w), {
 						size: 32,
 						"stroke-width": 1,
 						class: "tpl:text-[var(--tpl-text-dim)]"
-					}), nt.value ? (a(), u("p", Ve, o(p(M).savedBlocks.noResults), 1)) : (a(), u(m, { key: 1 }, [l("p", He, o(p(M).savedBlocks.empty), 1), l("p", Ue, o(p(M).savedBlocks.emptyHint), 1)], 64))]))])
-				]), l("div", We, [q.value ? (a(), u("div", Ge, [l("div", Ke, [d(p(tt), { blocks: q.value.content }, null, 8, ["blocks"])])])) : (a(), u("div", qe, [d(p(C), {
+					}), rt.value ? (d(), c("p", He, f(h(M).savedBlocks.noResults), 1)) : (d(), c(m, { key: 1 }, [s("p", Ue, f(h(M).savedBlocks.empty), 1), s("p", We, f(h(M).savedBlocks.emptyHint), 1)], 64))]))])
+				]), s("div", Ge, [q.value ? (d(), c("div", Ke, [s("div", qe, [l(h(nt), { blocks: q.value.content }, null, 8, ["blocks"])])])) : (d(), c("div", Je, [l(h(w), {
 					size: 32,
 					"stroke-width": 1,
 					class: "tpl:text-[var(--tpl-text-dim)]"
-				}), l("p", Je, o(p(M).savedBlocks.selectToPreview), 1)]))])]),
-				l("div", Ye, [l("div", Xe, [l("label", Ze, o(p(M).savedBlocks.insertPosition), 1), _(l("select", {
-					"onUpdate:modelValue": s[6] ||= (e) => W.value = e,
+				}), s("p", Ye, f(h(M).savedBlocks.selectToPreview), 1)]))])]),
+				s("div", Xe, [s("div", Ze, [s("label", Qe, f(h(M).savedBlocks.insertPosition), 1), e(s("select", {
+					"onUpdate:modelValue": a[6] ||= (e) => W.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)]"
-				}, [(a(!0), u(m, null, e(rt.value, (e) => (a(), u("option", {
+				}, [(d(!0), c(m, null, u(it.value, (e) => (d(), c("option", {
 					key: e.value,
 					value: e.value
-				}, o(e.label), 9, Qe))), 128))], 512), [[b, W.value]])]), l("div", k, [l("button", {
+				}, f(e.label), 9, $e))), 128))], 512), [[x, W.value]])]), s("div", k, [s("button", {
 					type: "button",
 					"data-testid": "saved-blocks-browser-close",
-					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)]",
+					class: "tpl:cursor-pointer tpl:rounded-md tpl:border tpl:px-3 tpl:py-1.5 tpl:text-sm tpl:font-medium tpl:shadow-[var(--tpl-shadow-sm)] tpl:transition-all tpl:border-[var(--tpl-border)] tpl:text-[var(--tpl-text)] tpl:bg-[var(--tpl-bg)]",
 					onClick: $
-				}, o(p(M).savedBlocks.close), 1), l("button", {
+				}, f(h(M).savedBlocks.close), 1), s("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)]",
+					class: t(h(le)),
 					disabled: !q.value,
 					onClick: Q
-				}, o(p(M).savedBlocks.insert), 9, $e)])])
+				}, f(h(M).savedBlocks.insert), 11, et)])])
 			])]),
 			_: 1
 		}, 8, ["visible"]));

package/dist/{cdn/chunks/SavedBlocksPanels-e4HyTZ8v.js → SavedBlocksPanels-DnQwO-7O.js}

@@ -1,38 +1,36 @@
-import { M as e, b as t, g as n, h as r, it as i, m as a, u as o, x as s } from "./draggable-DCs9qL-b.js";
+import { _ as e, d as t, k as n, l as r, r as i, rt as a, u as o, v as s } from "./vue.runtime.esm-bundler-DzEsDRtY.js";
 //#endregion
 //#region src/components/SavedBlocksPanels.vue
 var c = /* @__PURE__ */ s({
 	__name: "SavedBlocksPanels",
 	props: { feature: {} },
 	setup(s) {
-		let c = s, l = t(() => import("./SavedBlocksPickBar-DMHxPCM4.js")), u = t(() => import("./SaveBlockDialog-BfNVeXXV.js")), d = t(() => import("./SavedBlocksBrowserModal-C59D4G5C.js"));
+		let c = s, l = e(() => import("./SavedBlocksPickBar-BsFubArH.js")), u = e(() => import("./SaveBlockDialog-C_QvYAeL.js")), d = e(() => import("./SavedBlocksBrowserModal-CefWWcdT.js"));
 		function f(e, t) {
 			c.feature.insert(e, t);
 		}
-		return (t, c) => (e(), n(o, null, [
-			s.feature.isPicking.value ? (e(), a(i(l), {
+		return (e, c) => (n(), t(i, null, [
+			s.feature.isPicking.value ? (n(), r(a(l), {
 				key: 0,
 				count: s.feature.pickedCount.value,
 				onConfirm: c[0] ||= (e) => s.feature.confirmPicking(),
 				onCancel: c[1] ||= (e) => s.feature.cancelPicking()
-			}, null, 8, ["count"])) : r("", !0),
-			s.feature.isSaveDialogOpen.value ? (e(), a(i(u), {
+			}, null, 8, ["count"])) : o("", !0),
+			s.feature.isSaveDialogOpen.value ? (n(), r(a(u), {
 				key: 1,
 				visible: s.feature.isSaveDialogOpen.value,
 				"picked-ids": [...s.feature.pickedIds.value],
 				onClose: c[2] ||= (e) => s.feature.closeSaveDialog(),
 				onSaved: c[3] ||= (e) => s.feature.refresh()
-			}, null, 8, ["visible", "picked-ids"])) : r("", !0),
-			s.feature.isBrowserOpen.value ? (e(), a(i(d), {
+			}, null, 8, ["visible", "picked-ids"])) : o("", !0),
+			s.feature.isBrowserOpen.value ? (n(), r(a(d), {
 				key: 2,
 				visible: s.feature.isBrowserOpen.value,
 				onClose: c[4] ||= (e) => s.feature.closeBrowser(),
 				onInsert: f
-			}, null, 8, ["visible"])) : r("", !0)
+			}, null, 8, ["visible"])) : o("", !0)
 		], 64));
 	}
 });
 //#endregion
 export { c as default };
-
-//# sourceMappingURL=SavedBlocksPanels-e4HyTZ8v.js.map

package/dist/{SavedBlocksPickBar-C3h8oL3r.js → SavedBlocksPickBar-BsFubArH.js}

@@ -1,7 +1,7 @@
-import { O as e, Ot as t, _ as n, c as r, d as i, h as a, m as o, nt as s } from "./vue.runtime.esm-bundler-D1diBMsm.js";
-import { R as c } from "./useEditorCore-idmPLUeb.js";
-import { t as l } from "./useI18n-DoVKdCTH.js";
-import { t as u } from "./x-Mby7KlhS.js";
+import { c as e, d as t, g as n, h as r, k as i, kt as a, rt as o, v as s } from "./vue.runtime.esm-bundler-DzEsDRtY.js";
+import { L as c } from "./useEditorCore-B-kONNRw.js";
+import { t as l } from "./useI18n-BfXff_Sy.js";
+import { t as u } from "./x-BjTlFqRv.js";
 //#region src/components/SavedBlocksPickBar.vue?vue&type=script&setup=true&lang.ts
 var d = {
 	"data-testid": "saved-blocks-pick-bar",
@@ -10,42 +10,42 @@ var d = {
 }, f = ["aria-label"], p = { class: "tpl:flex tpl:flex-col" }, m = {
 	"data-testid": "saved-blocks-pick-count",
 	class: "tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-text)]"
-}, h = { class: "tpl:text-[11px] tpl:text-[var(--tpl-text-dim)]" }, g = { class: "tpl:flex tpl:items-center tpl:gap-1.5" }, _ = ["disabled"], v = /* @__PURE__ */ n({
+}, h = { class: "tpl:text-[11px] tpl:text-[var(--tpl-text-dim)]" }, g = { class: "tpl:flex tpl:items-center tpl:gap-1.5" }, _ = ["disabled"], v = /* @__PURE__ */ s({
 	__name: "SavedBlocksPickBar",
 	props: { count: {} },
 	emits: ["confirm", "cancel"],
-	setup(n, { emit: v }) {
-		let y = n, b = v, { t: x, format: S } = l();
+	setup(s, { emit: v }) {
+		let y = s, b = v, { t: x, format: S } = l();
 		function C() {
 			y.count > 0 && b("confirm");
 		}
-		return (l, v) => (e(), i("div", d, [r("div", {
+		return (l, v) => (i(), t("div", d, [e("div", {
 			role: "toolbar",
-			"aria-label": s(x).savedBlocks.pickToolbar,
+			"aria-label": o(x).savedBlocks.pickToolbar,
 			class: "tpl-scale-in tpl:flex tpl:items-center tpl:gap-3 tpl:rounded-[var(--tpl-radius-lg)] tpl:border tpl:py-2 tpl:pl-4 tpl:pr-2 tpl:border-[var(--tpl-border)]",
 			style: {
 				"pointer-events": "auto",
 				"background-color": "var(--tpl-bg-elevated)",
 				"box-shadow": "var(--tpl-shadow-xl)"
 			}
-		}, [r("div", p, [r("span", m, t(s(S)(s(x).savedBlocks.pickCount, { count: n.count })), 1), r("span", h, t(s(x).savedBlocks.pickHint), 1)]), r("div", g, [r("button", {
+		}, [e("div", p, [e("span", m, a(o(S)(o(x).savedBlocks.pickCount, { count: s.count })), 1), e("span", h, a(o(x).savedBlocks.pickHint), 1)]), e("div", g, [e("button", {
 			type: "button",
 			"data-testid": "saved-blocks-pick-cancel",
-			class: "tpl:flex tpl:cursor-pointer tpl:items-center tpl:gap-1 tpl:rounded-md tpl:border tpl:px-2.5 tpl:py-1.5 tpl:text-sm tpl:font-medium tpl:transition-all tpl:duration-150 tpl:border-[var(--tpl-border)] tpl:text-[var(--tpl-text)] tpl:bg-[var(--tpl-bg)]",
+			class: "tpl:flex tpl:cursor-pointer tpl:items-center tpl:gap-1 tpl:rounded-md tpl:border tpl:px-2.5 tpl:py-1.5 tpl:text-sm tpl:font-medium tpl:transition-all tpl:border-[var(--tpl-border)] tpl:text-[var(--tpl-text)] tpl:bg-[var(--tpl-bg)]",
 			onClick: v[0] ||= (e) => b("cancel")
-		}, [a(s(u), {
+		}, [n(o(u), {
 			size: 13,
 			"stroke-width": 2
-		}), o(" " + t(s(x).savedBlocks.cancel), 1)]), r("button", {
+		}), r(" " + a(o(x).savedBlocks.cancel), 1)]), e("button", {
 			type: "button",
 			"data-testid": "saved-blocks-pick-confirm",
-			class: "tpl:flex tpl:cursor-pointer tpl:items-center tpl:gap-1 tpl:rounded-md tpl:px-2.5 tpl:py-1.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: n.count === 0,
+			class: "tpl:flex tpl:cursor-pointer tpl:items-center tpl:gap-1 tpl:rounded-md tpl:px-2.5 tpl:py-1.5 tpl:text-sm tpl:font-medium tpl:transition-all tpl:hover:opacity-90 tpl:disabled:cursor-not-allowed tpl:disabled:opacity-50 tpl:bg-[var(--tpl-primary)] tpl:text-[var(--tpl-on-primary)]",
+			disabled: s.count === 0,
 			onClick: C
-		}, [a(s(c), {
+		}, [n(o(c), {
 			size: 13,
 			"stroke-width": 2
-		}), o(" " + t(s(x).savedBlocks.save), 1)], 8, _)])], 8, f)]));
+		}), r(" " + a(o(x).savedBlocks.save), 1)], 8, _)])], 8, f)]));
 	}
 });
 //#endregion