@templatical/editor 0.34.3 → 0.36.0

package/dist/SavedBlocksBrowserModal-AYEXTMtQ.js

@@ -0,0 +1,323 @@
+import { A as e, At as t, B as n, E as r, F as i, M as a, R as o, S as ee, V as s, Z as c, _ as te, at as l, c as u, d, g as f, jt as p, kt as m, l as h, r as g, s as _, u as v, v as y } from "./vue.runtime.esm-bundler-DShF3P6k.js";
+import { a as b, c as x, i as S, s as C } from "./runtime-dom.esm-bundler-PnoZU512.js";
+import "./useEditorCore-DhlKOYwe.js";
+import { B as ne, K as re, Y as w, g as ie } from "./keys-DQA2i1k1.js";
+import { t as ae } from "./useI18n-BbdxxpOE.js";
+import { n as T, t as E } from "./blockTypeIcons-5qD4bB76.js";
+import { t as oe } from "./pencil-9ZiwqS4r.js";
+import { t as se } from "./search-DqQ8Li5E.js";
+import { t as ce } from "./trash-Cf_SqsER.js";
+import { t as le } from "./x-D_-42Ukq.js";
+import { v as ue } from "./styleConstants-C_YAPdQS.js";
+import { t as de } from "./formatAbsoluteDateTime-DMmop3C-.js";
+import { t as fe } from "./formatRelativeTime-CtUU-QZ8.js";
+import { t as pe } from "./TplModal-Q9fDgS1M.js";
+//#region src/components/SavedBlocksBrowserModal.vue?vue&type=script&setup=true&lang.ts
+var me = {
+	role: "dialog",
+	"aria-modal": "true",
+	"data-testid": "saved-blocks-browser",
+	"aria-labelledby": "tpl-saved-blocks-browser-title",
+	class: "tpl-scale-in tpl:flex tpl:max-h-[90%] tpl:w-[1000px] tpl:max-w-full tpl:flex-col tpl:rounded-[var(--tpl-radius-lg)]",
+	style: {
+		"background-color": "var(--tpl-bg-elevated)",
+		"box-shadow": "var(--tpl-shadow-xl)"
+	}
+}, he = { class: "tpl:flex tpl:items-center tpl:justify-between tpl:border-b tpl:px-5 tpl:py-4 tpl:border-[var(--tpl-border)]" }, ge = {
+	id: "tpl-saved-blocks-browser-title",
+	class: "tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]"
+}, _e = ["aria-label"], ve = { class: "tpl:flex tpl:min-h-0 tpl:flex-1 tpl:overflow-hidden" }, ye = { class: "tpl:flex tpl:w-[300px] tpl:shrink-0 tpl:flex-col tpl:overflow-hidden" }, be = { class: "tpl:flex tpl:flex-col tpl:gap-2 tpl:px-4 tpl:pt-4 tpl:pb-3" }, xe = { class: "tpl:relative" }, Se = ["placeholder", "disabled"], Ce = ["aria-label"], we = { value: "" }, Te = ["value"], D = { id: "tpl-saved-block-browser-categories" }, O = ["value"], Ee = { class: "tpl:flex-1 tpl:overflow-y-auto tpl:px-4 tpl:pb-4" }, De = ["aria-label"], Oe = {
+	key: 1,
+	class: "tpl:flex tpl:flex-col tpl:gap-1"
+}, ke = ["onFocusout"], Ae = ["aria-label", "onKeydown"], je = [
+	"aria-label",
+	"placeholder",
+	"onKeydown"
+], Me = ["aria-pressed", "onClick"], Ne = { class: "tpl:flex tpl:items-center tpl:gap-2" }, Pe = { class: "tpl:flex-1 tpl:truncate tpl:text-xs tpl:font-semibold tpl:text-[var(--tpl-text)]" }, Fe = { 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)]" }, Ie = {
+	key: 0,
+	class: "tpl:mt-1 tpl:flex tpl:items-center"
+}, Le = {
+	"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)]"
+}, Re = { class: "tpl:mt-1 tpl:flex tpl:items-center tpl:gap-1" }, ze = {
+	key: 0,
+	class: "tpl:text-[10px] tpl:text-[var(--tpl-text-dim)]"
+}, Be = ["title"], Ve = ["aria-label", "onClick"], He = [
+	"aria-label",
+	"title",
+	"onClick"
+], Ue = [
+	"aria-label",
+	"title",
+	"onClick"
+], We = {
+	key: 2,
+	class: "tpl:flex tpl:flex-col tpl:items-center tpl:justify-center tpl:py-12"
+}, Ge = {
+	key: 0,
+	class: "tpl:mt-2 tpl:text-xs tpl:text-[var(--tpl-text-dim)]"
+}, Ke = { class: "tpl:mt-2 tpl:text-xs tpl:text-[var(--tpl-text-dim)]" }, qe = { class: "tpl:mt-1 tpl:max-w-[220px] tpl:text-center tpl:text-xs tpl:text-[var(--tpl-text-dim)]" }, Je = { class: "tpl:flex tpl:flex-1 tpl:flex-col tpl:overflow-hidden tpl:border-l tpl:border-[var(--tpl-border)]" }, Ye = {
+	key: 0,
+	class: "tpl:flex tpl:flex-1 tpl:flex-col tpl:overflow-hidden"
+}, Xe = { class: "tpl:flex-1 tpl:overflow-y-auto tpl:p-4" }, Ze = {
+	key: 1,
+	class: "tpl:flex tpl:flex-1 tpl:flex-col tpl:items-center tpl:justify-center tpl:px-4"
+}, Qe = { class: "tpl:mt-2 tpl:text-center tpl:text-xs tpl:text-[var(--tpl-text-dim)]" }, $e = { class: "tpl:flex tpl:items-center tpl:justify-between tpl:border-t tpl:px-5 tpl:py-3 tpl:border-[var(--tpl-border)]" }, et = { class: "tpl:flex tpl:items-center tpl:gap-2" }, tt = { class: "tpl:shrink-0 tpl:text-xs tpl:text-[var(--tpl-text-dim)]" }, nt = ["value"], rt = { class: "tpl:flex tpl:gap-2" }, it = ["disabled"], k = /* @__PURE__ */ y({
+	__name: "SavedBlocksBrowserModal",
+	props: { visible: { type: Boolean } },
+	emits: ["close", "insert"],
+	setup(y, { emit: k }) {
+		let at = y, A = k, ot = te(() => import("./BlockPreviewCanvas-DDCmMram.js").then((e) => e.n)), { t: j, format: M } = ae(), N = w(ne, "SavedBlocksBrowserModal"), P = w(ie, "SavedBlocksBrowserModal"), st = ee(re, void 0), F = c(""), I = c(""), L = c(null), R = c(null), z = c(null), B = c(""), V = c(""), H = c(null), U = c("end"), W = _(() => {
+			let e = F.value.trim().toLowerCase(), t = I.value;
+			return N.savedBlocks.value.filter((n) => !(e && !n.name.toLowerCase().includes(e) || t && n.category !== t));
+		}), G = _(() => N.isLoading.value && N.savedBlocks.value.length === 0), ct = _(() => F.value.trim().length > 0 || I.value !== ""), K = _(() => L.value ? N.savedBlocks.value.find((e) => e.id === L.value) ?? null : null), lt = _(() => {
+			let e = [{
+				value: "beginning",
+				label: j.savedBlocks.insertAtBeginning
+			}], t = P.content.value.blocks;
+			for (let n = 0; n < t.length; n++) {
+				let r = t[n], i = r.type, a = j.blocks[i] ?? r.type;
+				e.push({
+					value: r.id,
+					label: M(j.savedBlocks.insertAfterBlock, { block: `${a} ${n + 1}` })
+				});
+			}
+			return e.push({
+				value: "end",
+				label: j.savedBlocks.insertAtEnd
+			}), e;
+		}), ut = _(() => {
+			if (U.value === "end") return;
+			if (U.value === "beginning") return 0;
+			let e = P.content.value.blocks.findIndex((e) => e.id === U.value);
+			if (e !== -1) return e + 1;
+		});
+		o(() => at.visible, (e) => {
+			if (e) {
+				F.value = "", I.value = "", L.value = null, R.value = null, z.value = null;
+				let e = P.state.selectedBlockId;
+				if (e) {
+					let t = P.content.value.blocks.findIndex((t) => t.id === e);
+					U.value = t === -1 ? "end" : e;
+				} else U.value = "end";
+			}
+		}, { immediate: !0 });
+		function dt(e) {
+			let t = [], n = /* @__PURE__ */ new Set();
+			for (let r of e.content) if (!n.has(r.type) && E[r.type] && (n.add(r.type), t.push({
+				type: r.type,
+				icon: E[r.type]
+			})), t.length >= 5) break;
+			return t;
+		}
+		function q(e) {
+			let t = new Set(e.content.map((e) => e.type));
+			return Math.max(0, t.size - 5);
+		}
+		function J(e) {
+			let t = e.updatedAt ?? e.createdAt;
+			return t ? fe(t, j.time, M) ?? "" : "";
+		}
+		function ft(e) {
+			let t = e.updatedAt ?? e.createdAt;
+			return t ? de(t, st) : "";
+		}
+		async function pt(e) {
+			try {
+				await N.remove(e), L.value === e && (L.value = null);
+			} finally {
+				R.value = null;
+			}
+		}
+		async function Y(e) {
+			N.canUpdateBlock(e) && (z.value = e.id, B.value = e.name, V.value = e.category ?? "", R.value = null, await r(), H.value?.focus(), H.value?.select());
+		}
+		function X() {
+			z.value = null, B.value = "", V.value = "";
+		}
+		async function Z(e) {
+			if (z.value !== e) return;
+			let t = B.value.trim(), n = V.value.trim(), r = N.savedBlocks.value.find((t) => t.id === e), i = {};
+			if (t && t !== r?.name && (i.name = t), n !== (r?.category ?? "") && (i.category = n), Object.keys(i).length === 0) {
+				X();
+				return;
+			}
+			try {
+				await N.update(e, i);
+			} finally {
+				X();
+			}
+		}
+		function mt(e, t) {
+			let n = e.currentTarget, r = e.relatedTarget;
+			r && n.contains(r) || Z(t);
+		}
+		function Q() {
+			K.value && A("insert", K.value, ut.value);
+		}
+		function $() {
+			A("close");
+		}
+		function ht(e) {
+			z.value || (e.key === "Escape" && $(), e.key === "Enter" && K.value && (e.preventDefault(), Q()));
+		}
+		return (r, o) => (e(), h(pe, {
+			visible: y.visible,
+			onClose: $,
+			onKeydown: ht
+		}, {
+			default: n(() => [u("div", me, [
+				u("div", he, [u("h3", ge, p(l(j).savedBlocks.browse), 1), u("button", {
+					"aria-label": l(j).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: $
+				}, [f(l(le), {
+					size: 16,
+					"stroke-width": 2
+				})], 8, _e)]),
+				u("div", ve, [u("div", ye, [
+					u("div", be, [u("div", xe, [f(l(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)]"
+					}), s(u("input", {
+						"onUpdate:modelValue": o[0] ||= (e) => F.value = e,
+						type: "text",
+						placeholder: l(j).savedBlocks.search,
+						disabled: G.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, Se), [[b, F.value]])]), l(N).categories.value.length > 0 ? s((e(), d("select", {
+						key: 0,
+						"onUpdate:modelValue": o[1] ||= (e) => I.value = e,
+						"data-testid": "saved-blocks-category-filter",
+						"aria-label": l(j).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)]"
+					}, [u("option", we, p(l(j).savedBlocks.allCategories), 1), (e(!0), d(g, null, a(l(N).categories.value, (t) => (e(), d("option", {
+						key: t,
+						value: t
+					}, p(t), 9, Te))), 128))], 8, Ce)), [[S, I.value]]) : v("", !0)]),
+					u("datalist", D, [(e(!0), d(g, null, a(l(N).categories.value, (t) => (e(), d("option", {
+						key: t,
+						value: t
+					}, null, 8, O))), 128))]),
+					u("div", Ee, [G.value ? (e(), d("div", {
+						key: 0,
+						"data-testid": "saved-blocks-loading",
+						class: "tpl:flex tpl:flex-col tpl:gap-1",
+						role: "status",
+						"aria-busy": "true",
+						"aria-label": l(j).savedBlocks.loading
+					}, [(e(), d(g, null, a(3, (e) => u("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)]"
+					}, [...o[7] ||= [u("div", { class: "tpl:h-3 tpl:w-1/2 tpl:rounded tpl:bg-[var(--tpl-bg-hover)]" }, null, -1), u("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, De)) : W.value.length > 0 ? (e(), d("div", Oe, [(e(!0), d(g, null, a(W.value, (n) => (e(), d(g, { key: n.id }, [z.value === n.id ? (e(), d("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) => mt(e, n.id)
+					}, [s(u("input", {
+						ref_for: !0,
+						ref: (e) => H.value = e,
+						"onUpdate:modelValue": o[2] ||= (e) => B.value = e,
+						type: "text",
+						"aria-label": l(j).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: [C(x((e) => Z(n.id), ["prevent", "stop"]), ["enter"]), o[3] ||= C(x((e) => X(), ["prevent", "stop"]), ["esc"])]
+					}, null, 40, Ae), [[b, B.value]]), s(u("input", {
+						"onUpdate:modelValue": o[4] ||= (e) => V.value = e,
+						type: "text",
+						"data-testid": "saved-blocks-edit-category",
+						"aria-label": l(j).savedBlocks.category,
+						placeholder: l(j).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: [C(x((e) => Z(n.id), ["prevent", "stop"]), ["enter"]), o[5] ||= C(x((e) => X(), ["prevent", "stop"]), ["esc"])]
+					}, null, 40, je), [[b, V.value]])], 40, ke)) : (e(), d("button", {
+						key: 1,
+						type: "button",
+						"data-testid": "saved-block-card",
+						"aria-pressed": L.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: L.value === n.id ? "var(--tpl-primary)" : "var(--tpl-border)",
+							backgroundColor: L.value === n.id ? "var(--tpl-primary-light)" : "transparent"
+						}),
+						onClick: (e) => L.value = n.id
+					}, [
+						u("div", Ne, [u("span", Pe, p(n.name), 1), u("span", Fe, p(l(M)(l(j).savedBlocks.blockCount, { count: n.content.length })), 1)]),
+						n.category ? (e(), d("div", Ie, [u("span", Le, p(n.category), 1)])) : v("", !0),
+						u("div", Re, [
+							(e(!0), d(g, null, a(dt(n), (t) => (e(), h(i(t.icon), {
+								key: t.type,
+								size: 14,
+								"stroke-width": 1.5,
+								class: "tpl:text-[var(--tpl-text-dim)]"
+							}))), 128)),
+							q(n) > 0 ? (e(), d("span", ze, " +" + p(q(n)), 1)) : v("", !0),
+							J(n) ? (e(), d("span", {
+								key: 1,
+								"data-testid": "saved-block-updated",
+								class: "tpl:ml-1 tpl:truncate tpl:text-[10px] tpl:text-[var(--tpl-text-dim)]",
+								title: ft(n)
+							}, p(J(n)), 9, Be)) : v("", !0),
+							R.value === n.id ? (e(), d("button", {
+								key: 2,
+								"aria-label": l(j).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: x((e) => pt(n.id), ["stop"])
+							}, p(l(j).savedBlocks.deleteConfirm), 9, Ve)) : (e(), d(g, { key: 3 }, [l(N).canUpdateBlock(n) ? (e(), d("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:text-[var(--tpl-text-dim)]",
+								"aria-label": l(j).savedBlocks.rename,
+								title: l(j).savedBlocks.rename,
+								onClick: x((e) => Y(n), ["stop"])
+							}, [f(l(oe), {
+								size: 12,
+								"stroke-width": 1.5
+							})], 8, He)) : v("", !0), l(N).canDeleteBlock(n) ? (e(), d("button", {
+								key: 1,
+								class: m(["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": !l(N).canUpdateBlock(n) }]),
+								"aria-label": l(j).savedBlocks.delete,
+								title: l(j).savedBlocks.delete,
+								onClick: x((e) => R.value = n.id, ["stop"])
+							}, [f(l(ce), {
+								size: 12,
+								"stroke-width": 1.5
+							})], 10, Ue)) : v("", !0)], 64))
+						])
+					], 12, Me))], 64))), 128))])) : (e(), d("div", We, [f(l(T), {
+						size: 32,
+						"stroke-width": 1,
+						class: "tpl:text-[var(--tpl-text-dim)]"
+					}), ct.value ? (e(), d("p", Ge, p(l(j).savedBlocks.noResults), 1)) : (e(), d(g, { key: 1 }, [u("p", Ke, p(l(j).savedBlocks.empty), 1), u("p", qe, p(l(j).savedBlocks.emptyHint), 1)], 64))]))])
+				]), u("div", Je, [K.value ? (e(), d("div", Ye, [u("div", Xe, [f(l(ot), { blocks: K.value.content }, null, 8, ["blocks"])])])) : (e(), d("div", Ze, [f(l(T), {
+					size: 32,
+					"stroke-width": 1,
+					class: "tpl:text-[var(--tpl-text-dim)]"
+				}), u("p", Qe, p(l(j).savedBlocks.selectToPreview), 1)]))])]),
+				u("div", $e, [u("div", et, [u("label", tt, p(l(j).savedBlocks.insertPosition), 1), s(u("select", {
+					"onUpdate:modelValue": o[6] ||= (e) => U.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(g, null, a(lt.value, (t) => (e(), d("option", {
+					key: t.value,
+					value: t.value
+				}, p(t.label), 9, nt))), 128))], 512), [[S, U.value]])]), u("div", rt, [u("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-[var(--tpl-shadow-sm)] tpl:transition-all tpl:border-[var(--tpl-border)] tpl:text-[var(--tpl-text)] tpl:bg-[var(--tpl-bg)]",
+					onClick: $
+				}, p(l(j).savedBlocks.close), 1), u("button", {
+					type: "button",
+					class: m(l(ue)),
+					disabled: !K.value,
+					onClick: Q
+				}, p(l(j).savedBlocks.insert), 11, it)])])
+			])]),
+			_: 1
+		}, 8, ["visible"]));
+	}
+});
+//#endregion
+export { k as default };

package/dist/{SavedBlocksPanels-DFzV0CRD.js → SavedBlocksPanels-D_CpacTl.js}

@@ -1,29 +1,29 @@
-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-D9JUcKrV.js";
+import { A as e, _ as t, at as n, d as r, l as i, r as a, u as o, v as s } from "./vue.runtime.esm-bundler-DShF3P6k.js";
 //#endregion
 //#region src/components/SavedBlocksPanels.vue
 var c = /* @__PURE__ */ s({
 	__name: "SavedBlocksPanels",
 	props: { feature: {} },
 	setup(s) {
-		let c = s, l = e(() => import("./SavedBlocksPickBar-XyXmnSnO.js")), u = e(() => import("./SaveBlockDialog-CDCzx6Bo.js")), d = e(() => import("./SavedBlocksBrowserModal-DQR6kJB1.js"));
+		let c = s, l = t(() => import("./SavedBlocksPickBar-BHMwg-1G.js")), u = t(() => import("./SaveBlockDialog-WKASpCCT.js")), d = t(() => import("./SavedBlocksBrowserModal-AYEXTMtQ.js"));
 		function f(e, t) {
 			c.feature.insert(e, t);
 		}
-		return (e, c) => (n(), t(i, null, [
-			s.feature.isPicking.value ? (n(), r(a(l), {
+		return (t, c) => (e(), r(a, null, [
+			s.feature.isPicking.value ? (e(), i(n(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"])) : o("", !0),
-			s.feature.isSaveDialogOpen.value ? (n(), r(a(u), {
+			s.feature.isSaveDialogOpen.value ? (e(), i(n(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"])) : o("", !0),
-			s.feature.isBrowserOpen.value ? (n(), r(a(d), {
+			s.feature.isBrowserOpen.value ? (e(), i(n(d), {
 				key: 2,
 				visible: s.feature.isBrowserOpen.value,
 				onClose: c[4] ||= (e) => s.feature.closeBrowser(),

package/dist/{SavedBlocksPickBar-XyXmnSnO.js → SavedBlocksPickBar-BHMwg-1G.js}

@@ -1,7 +1,7 @@
-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-D9JUcKrV.js";
-import { L as c } from "./useEditorCore-DdkQuTHl.js";
-import { t as l } from "./useI18n-CL6RfPzK.js";
-import { t as u } from "./x-DJOd1hS4.js";
+import { A as e, at as t, c as n, d as r, g as i, h as a, jt as o, v as s } from "./vue.runtime.esm-bundler-DShF3P6k.js";
+import { I as c } from "./useEditorCore-DhlKOYwe.js";
+import { t as l } from "./useI18n-BbdxxpOE.js";
+import { t as u } from "./x-D_-42Ukq.js";
 //#region src/components/SavedBlocksPickBar.vue?vue&type=script&setup=true&lang.ts
 var d = {
 	"data-testid": "saved-blocks-pick-bar",
@@ -19,33 +19,33 @@ var d = {
 		function C() {
 			y.count > 0 && b("confirm");
 		}
-		return (l, v) => (i(), t("div", d, [e("div", {
+		return (l, v) => (e(), r("div", d, [n("div", {
 			role: "toolbar",
-			"aria-label": o(x).savedBlocks.pickToolbar,
+			"aria-label": t(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)"
 			}
-		}, [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", {
+		}, [n("div", p, [n("span", m, o(t(S)(t(x).savedBlocks.pickCount, { count: s.count })), 1), n("span", h, o(t(x).savedBlocks.pickHint), 1)]), n("div", g, [n("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:border-[var(--tpl-border)] tpl:text-[var(--tpl-text)] tpl:bg-[var(--tpl-bg)]",
 			onClick: v[0] ||= (e) => b("cancel")
-		}, [n(o(u), {
+		}, [i(t(u), {
 			size: 13,
 			"stroke-width": 2
-		}), r(" " + a(o(x).savedBlocks.cancel), 1)]), e("button", {
+		}), a(" " + o(t(x).savedBlocks.cancel), 1)]), n("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: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
-		}, [n(o(c), {
+		}, [i(t(c), {
 			size: 13,
 			"stroke-width": 2
-		}), r(" " + a(o(x).savedBlocks.save), 1)], 8, _)])], 8, f)]));
+		}), a(" " + o(t(x).savedBlocks.save), 1)], 8, _)])], 8, f)]));
 	}
 });
 //#endregion