vintage-frames 0.14.0 → 0.15.0

package/dist/shell/finder.js

@@ -0,0 +1,598 @@
+import { snapSys as e, systemPxQuantum as t } from "../scale.js";
+import { prefersReducedMotion as n } from "../motion.js";
+import { windowChrome as r } from "../window-chrome.js";
+import "../index.js";
+import { FOLDER as i, TRASH as a, childrenOf as o, enclosingFolders as s, isContainerKind as c, isInside as l, isTrashed as u, isVolume as d, itemCount as f } from "./catalog.js";
+import { cleanUp as ee, collisions as te, desktopLattice as ne, fieldExtent as re, fillOrder as ie, folderLattice as ae, frameOf as oe, nextFreeCell as se, pinOf as ce, pinTo as le, trashCell as ue } from "./geometry.js";
+import { appIdOf as de, defineApp as p } from "./shell.js";
+import { fileByDrag as fe } from "./filing.js";
+import { composeAlert as pe } from "./alert.js";
+//#region src/shell/finder.ts
+var m = "finder", me = 306, he = 300, ge = {
+	"new-folder": "New Folder",
+	"empty-trash": "Empty Trash",
+	paste: "Paste",
+	"add-file": "Adding the file"
+}, _e = 20, ve = 18, h = {
+	left: 8,
+	top: 2
+}, g = {
+	width: 12,
+	height: 12
+}, _ = {
+	left: h.left - 1,
+	top: h.top
+}, ye = {
+	left: _.left + g.width + 3,
+	top: h.top
+}, v = [
+	{
+		menu: "file",
+		label: "File",
+		items: [
+			[
+				"open",
+				"Open",
+				"⌘O"
+			],
+			["new-folder", "New Folder"],
+			[
+				"close",
+				"Close",
+				"⌃W"
+			]
+		]
+	},
+	{
+		menu: "edit",
+		label: "Edit",
+		items: [
+			[
+				"copy",
+				"Copy",
+				"⌘C"
+			],
+			[
+				"paste",
+				"Paste",
+				"⌘V"
+			],
+			[
+				"select-all",
+				"Select All",
+				"⌘A"
+			]
+		]
+	},
+	{
+		menu: "view",
+		label: "View",
+		items: [[
+			"arrange",
+			"Arrange Windows",
+			"⌘J"
+		]]
+	},
+	{
+		menu: "special",
+		label: "Special",
+		items: [["clean-up", "Clean Up Desktop"], ["empty-trash", "Empty Trash…"]]
+	}
+];
+function y(e) {
+	return v.map(({ menu: t, label: n, items: r }) => {
+		let i = r.filter(([t]) => e(t)).map(([e, t, n], r) => `${e === "close" && r > 0 ? "<vf-separator></vf-separator>" : ""}<vf-menu-item value="${e}"${n ? ` shortcut="${n}"` : ""}>${t}</vf-menu-item>`);
+		return i.length ? `<vf-menu data-menu="${t}" label="${n}">${i.join("")}</vf-menu>` : "";
+	}).join("");
+}
+var be = (e) => e.localName === "vf-icon" && e.dataset.app != null || e instanceof HTMLTemplateElement && e.dataset.folder != null;
+function xe(e) {
+	let t = (e, t) => e != null && t != null && Number.isFinite(+e) && Number.isFinite(+t) ? {
+		left: +e,
+		top: +t
+	} : void 0, n = [];
+	for (let r of [...e.children].filter(be)) r instanceof HTMLTemplateElement ? n.push({
+		kind: i,
+		name: r.dataset.folder ?? null,
+		at: t(r.dataset.left, r.dataset.top),
+		children: xe(r.content)
+	}) : n.push({
+		kind: "app",
+		name: r.getAttribute("label"),
+		app: r.dataset.app,
+		at: t(r.getAttribute("left"), r.getAttribute("top")),
+		children: []
+	});
+	return n;
+}
+function b(i) {
+	let b = i.volumes?.trash !== !1, x = (e) => i.commands?.[e] !== !1 && (e !== "empty-trash" || b), Se = [], Ce = (e) => e, S = i.seed === "markup" ? async (e) => {
+		let t = Date.now(), n = async (r, i) => {
+			for (let a of r) {
+				let r = await e.create({
+					kind: a.kind,
+					name: a.name ?? (a.app == null ? void 0 : Ce(a.app)),
+					parent: i,
+					...a.at,
+					...a.app == null ? {} : { data: { app: a.app } },
+					at: t++
+				});
+				r && a.children.length && await n(a.children, r.id);
+			}
+		};
+		await n(Se, null);
+	} : i.seed;
+	return p({
+		id: m,
+		name: "Finder",
+		menus: y(x),
+		dialogs: i.dialogs,
+		catalog: {
+			storage: i.storage,
+			volumes: i.volumes,
+			seed: S
+		},
+		init(p) {
+			let { desktop: y, windows: S } = p, C = p.catalog, w = i.art;
+			Ce = (e) => p.app(e)?.name ?? e;
+			let T = i.lattice?.desktop?.cell ?? 64, we = i.lattice?.folder?.cell ?? 64, Te = i.window ?? {
+				width: 320,
+				height: 223
+			}, E = r({
+				scrollbars: "both",
+				headerHeight: _e
+			}), Ee = /* @__PURE__ */ new Map();
+			async function D(e, t, n, r = {}) {
+				let i = Ee.get(e);
+				if (i) return i(t);
+				let a = pe(n, {
+					art: w.caution ?? null,
+					...r
+				});
+				p.hold(a.dialog);
+				try {
+					await a.rendered();
+					let e = p.ask(a.dialog);
+					return a.fit(), await e;
+				} finally {
+					p.release(a.dialog);
+				}
+			}
+			let O = (e) => (t) => {
+				let n = t;
+				D("failed", {
+					action: e,
+					error: n
+				}, `${ge[e]} failed: ${n.message}.`);
+			}, k = y.querySelector(":scope > vf-icon-field"), De = !k;
+			if (!k) {
+				k = document.createElement("vf-icon-field"), k.label = "Desktop", k.toggleAttribute("fill-width", !0), k.toggleAttribute("fill-height", !0);
+				let e = y.querySelector(":scope > vf-menu-bar");
+				e ? e.after(k) : y.prepend(k);
+			}
+			let A = k, Oe = [...A.children].filter(be);
+			Se = xe(A);
+			for (let e of Oe) e.remove();
+			let j = () => S.windowsOf(m).map((e) => [S.itemOf(e), e]).filter((e) => e[0] != null), M = (e) => e.querySelector(":scope > vf-icon-field"), N = () => [[null, A], ...j().flatMap(([e, t]) => {
+				let n = M(t);
+				return n ? [[e, n]] : [];
+			})], ke = (e) => N().find(([t]) => t === e)?.[1] ?? null, P = (e) => [...e.querySelectorAll(":scope > vf-icon[data-id]")], F = () => N().flatMap(([, e]) => P(e)), I = (e) => e.dataset.id, L = (e) => F().find((t) => I(t) === e) ?? null, R = (e) => ({
+				left: e.left ?? 0,
+				top: e.top ?? 0
+			}), Ae = (e) => S.itemOf(e.closest("vf-window")), je = (e) => ({
+				width: Math.max(0, (e.width ?? 0) - E.left - E.right),
+				height: Math.max(0, (e.height ?? 0) - E.top - E.bottom)
+			}), Me = (e) => {
+				if (e == null) return ne(y.workArea, i.lattice?.desktop);
+				let t = S.windowFor(e);
+				return ae(t ? je(t).width : 0, i.lattice?.folder);
+			}, Ne = (e) => {
+				let t = S.windowFor(e), n = t && M(t);
+				if (!t || !n) return;
+				let r = re(P(n).map(R), je(t), { cell: we });
+				n.width !== r.width && (n.width = r.width), n.height !== r.height && (n.height = r.height);
+			}, Pe = (n, r, i) => {
+				if (r == null) {
+					let r = y.workArea, a = t(n), o = (e) => Math.floor(e / a) * a, s = Math.ceil(r.top / a) * a, c = Math.max(r.left, o(r.left + r.width - T)), l = Math.max(s, o(r.top + r.height - T));
+					n.left = Math.min(Math.max(e(i.left, n), r.left), c), n.top = Math.min(Math.max(e(i.top, n), s), l);
+				} else n.left = e(Math.max(0, i.left), n), n.top = e(Math.max(0, i.top), n);
+			}, Fe = (e) => {
+				if (e.kind === "folder") return w.folder;
+				if (e.kind === "trash") return f(C.get(), "trash") ? w.trashFull : w.trash;
+				if (e.kind === "disk") return w.disk ?? w.folder;
+				let t = p.kind(e.kind);
+				return (typeof t?.art == "function" ? t.art(e) : t?.art) || w.document;
+			};
+			function Ie(e, t) {
+				let n = e.querySelector(":scope > vf-img > img");
+				if (!n) {
+					let t = document.createElement("vf-img");
+					t.slot = "large", t.width = 32, t.height = 32, n = document.createElement("img"), n.alt = "", t.append(n), e.append(t);
+				}
+				n.getAttribute("src") !== t && (n.src = t);
+			}
+			function Le(e) {
+				let t = document.createElement("vf-icon");
+				return t.dataset.id = e.id, t.label = e.name, t.width = T, t.selectable = !0, t.movable = !0, c(e.kind) && (t.dataset.folder = e.id), t;
+			}
+			let z = /* @__PURE__ */ new Set(), B = /* @__PURE__ */ new WeakMap();
+			function Re(e, t, n, r) {
+				if (t.left != null && t.top != null) {
+					let r = `${t.left},${t.top}`;
+					if (B.get(e) === r) return;
+					B.set(e, r), (e.left !== t.left || e.top !== t.top) && Pe(e, n, {
+						left: t.left,
+						top: t.top
+					});
+					return;
+				}
+				let a = P(r).filter((t) => t !== e && t.left != null && t.top != null).map(R), o = n == null && t.id === "trash" ? ue(y.workArea, i.lattice?.desktop) : se(Me(n), a, n == null ? T : we);
+				Pe(e, n, o), z.add(e);
+			}
+			let V = !1;
+			function H() {
+				if (!V) {
+					V = !0;
+					try {
+						let e = C.get(), t = new Map(F().map((e) => [I(e), e])), n = /* @__PURE__ */ new Set(), r = [], i = [];
+						for (let [a, s] of N()) for (let c of o(e, a)) {
+							let e = t.get(c.id) ?? Le(c);
+							e.parentElement !== s && (s.append(e), e.left = void 0, e.top = void 0, B.delete(e)), n.add(e), e.label !== c.name && (e.label = c.name), e.editable = !d(c.id) && p.kind(c.kind)?.editable !== !1, Ie(e, Fe(c));
+							let o = c.kind === "app" ? S.hasWindows(de(c) ?? "") : S.isOpen(c.id);
+							e.open !== o && (e.open = o);
+							let l = () => Re(e, c, a, s);
+							c.left != null && c.top != null ? r.push(l) : i.push(l);
+						}
+						for (let e of t.values()) n.has(e) || e.remove();
+						for (let e of [...r, ...i]) e();
+						for (let [e, t] of j()) {
+							let n = M(t), r = C.item(e)?.name;
+							n && r != null && n.label !== r && (n.label = r), Ve(e), Ne(e);
+						}
+					} finally {
+						V = !1;
+					}
+					ze();
+				}
+			}
+			let U = !1;
+			function ze() {
+				if (U = !1, !z.size) return;
+				let e = /* @__PURE__ */ new Map();
+				for (let t of z) t.isConnected && t.left != null && t.top != null && e.set(I(t), R(t));
+				z.clear(), C.place(e);
+			}
+			p.on(y, "vf-placement-change", (e) => {
+				let t = e.target;
+				t.localName === "vf-icon" && t.dataset.id != null && (z.add(t), !U && (U = !0, queueMicrotask(ze)));
+			}), p.onDispose(C.subscribe(H)), p.onDispose(S.onWindows(H));
+			function Be() {
+				let e = document.createElement("vf-img");
+				e.dataset.trashMark = "", e.width = g.width, e.height = g.height, e.left = _.left, e.top = _.top;
+				let t = document.createElement("img");
+				return t.alt = "in the Trash", t.src = w.trashMark, e.append(t), e;
+			}
+			function Ve(e) {
+				let t = S.windowFor(e)?.querySelector(":scope > [slot=\"header\"]"), n = t?.querySelector(":scope > vf-label[data-count]");
+				if (!t || !n) return;
+				let r = C.get(), i = f(r, e), a = `${i} item${i === 1 ? "" : "s"}`;
+				n.textContent !== a && (n.textContent = a);
+				let o = !!w.trashMark && u(r, e), s = t.querySelector(":scope > vf-img[data-trash-mark]");
+				o && !s ? t.prepend(Be()) : !o && s && s.remove();
+				let c = o ? ye : h;
+				n.left !== c.left && (n.left = c.left);
+			}
+			function He(e) {
+				let t = C.item(e)?.name ?? "", n = document.createElement("vf-window");
+				n.heading = t, n.movable = !0, n.outlineDrag = !0, n.resizable = !0, n.scrollbars = "both", n.headerHeight = _e, n.width = Te.width, n.height = Te.height;
+				let r = document.createElement("vf-container");
+				r.slot = "header", r.toggleAttribute("fill-width", !0), r.height = ve, r.rule = "bottom";
+				let i = document.createElement("vf-label");
+				i.face = "body", i.dataset.count = "", i.left = h.left, i.top = h.top, r.append(i);
+				let a = document.createElement("vf-icon-field");
+				return a.label = t, a.left = 0, a.top = 0, n.append(r, a), n;
+			}
+			p.on(y, "vf-resize", (e) => {
+				if (!e.detail?.commit || S.appOf(e.target) !== "finder") return;
+				let t = S.itemOf(e.target);
+				t != null && Ne(t);
+			});
+			function W(e, t) {
+				let n = C.item(e);
+				n && (c(n.kind) ? S.open({
+					app: m,
+					item: e,
+					from: t,
+					create: () => He(e)
+				}) : p.kind(n.kind)?.open(n, t));
+			}
+			p.on(y, "vf-open", (e) => {
+				let t = e.target;
+				t.localName === "vf-icon" && t.dataset.id != null && (t.selected && J().length > 1 ? Ke() : W(I(t), t.cellRect()));
+			});
+			let Ue = (e) => {
+				let t = C.get().items.filter((t) => t.kind === "app" && de(t) === e);
+				return t.find((e) => L(e.id)) ?? t[0] ?? null;
+			}, We = (e, t) => C.item(e) ?? (t == null ? null : Ue(t));
+			p.onDispose(S.setHome((e, t) => {
+				let n = We(e, t);
+				if (!n) return null;
+				let r = L(n.id)?.cellRect();
+				if (r) return r;
+				for (let e of s(C.get(), n.parent)) {
+					let t = L(e)?.cellRect();
+					if (t) return t;
+				}
+				return null;
+			}, (e, t) => {
+				let n = e == null && t == null ? null : We(e, t), r = P(A), i = n ? L(n.id) : r.find((e) => e.selected) ?? r[0] ?? null;
+				return i?.checkVisibility() ? (i.focus({ preventScroll: !0 }), !0) : !1;
+			})), p.on(A, "pointerdown", () => y.clearActive());
+			let G = (e) => {
+				let t = e.target;
+				return t.localName === "vf-icon" && t.dataset.id != null;
+			};
+			p.on(y, "vf-change", (e) => {
+				if (!G(e)) return;
+				let t = e.target, { label: n, previous: r } = e.detail;
+				C.rename(I(t), n).catch(() => {
+					t.label = r;
+				});
+			});
+			let K = !1;
+			p.on(y, "vf-name-too-long", (e) => {
+				if (!G(e) || K) return;
+				K = !0;
+				let { limit: t } = e.detail;
+				D("name-too-long", { limit: t }, `That name is too long. A name can have up to ${t} characters.`).finally(() => {
+					K = !1;
+				});
+			}), p.on(y, "vf-name-rejected", (e) => {
+				G(e) && D("name-rejected", {}, "An item needs a name.");
+			}), p.onDispose(fe(y, {
+				folderOfWindow: (e) => S.appOf(e) === "finder" ? S.itemOf(e) ?? void 0 : void 0,
+				folderOfIcon: (e) => e.dataset.folder,
+				containerOf: (e) => e.dataset.id == null ? void 0 : Ae(e),
+				canFile: (e, t) => {
+					let n = C.get();
+					return e.every((e) => {
+						let r = e.dataset.id;
+						return r == null || d(r) ? !1 : t == null || e.dataset.folder == null || r !== t && !l(n, t, r);
+					});
+				},
+				file: (e, t, n) => {
+					let r = new Map([...n].map(([e, t]) => [I(e), t]));
+					C.move(e.map(I), t, r).catch((e) => {
+						D("move-failed", { error: e }, `The items couldn’t be moved: ${e.message}.`);
+					});
+				}
+			}));
+			let Ge = /* @__PURE__ */ new WeakMap(), q = 0;
+			p.onDispose(S.onRaster((t, n) => {
+				A.dragIcons([]);
+				let r = {
+					width: T,
+					height: T
+				}, a = oe(y.workArea.top);
+				for (let i of P(A)) {
+					let o = {
+						...R(i),
+						...r
+					}, s = Ge.get(i), c = !s || s.left !== o.left || s.top !== o.top ? ce(o, t, a) : s.pin, l = le(c, n, a, { size: r });
+					i.left = e(l.left, i), i.top = e(l.top, i), Ge.set(i, {
+						pin: c,
+						left: i.left,
+						top: i.top
+					});
+				}
+				i.cleanUpAfterResize && (window.clearTimeout(q), q = window.setTimeout(() => {
+					q = 0, te(P(A).map((e) => ({
+						...R(e),
+						...r
+					}))).size && Z(null);
+				}, he));
+			})), p.onDispose(() => window.clearTimeout(q));
+			let J = () => {
+				let e = new Set(F().filter((e) => e.selected).map(I));
+				return C.get().items.filter((t) => e.has(t.id));
+			}, Y = (e) => {
+				let t = new Set(e);
+				for (let e of F()) e.setSelected(t.has(I(e)));
+			}, X = () => {
+				let e = y.activeWindow;
+				return e && S.appOf(e) === "finder" ? S.itemOf(e) : null;
+			};
+			async function Z(e) {
+				let t = ke(e);
+				if (!t) return;
+				let n = Me(e), r = P(t), i = ee(n, r.map(R)), a = r.map((e, t) => ({
+					icon: e,
+					...i[t]
+				})).sort((e, t) => ie(n, e, t));
+				await t.dragIcons(a);
+			}
+			async function Ke() {
+				let e = n() ? 0 : me;
+				for (let [t, n] of J().entries()) t && e && await new Promise((t) => setTimeout(t, e)), W(n.id, L(n.id)?.cellRect() ?? null);
+			}
+			async function qe(e) {
+				let t = L(e);
+				t && (Y([e]), await t.updateComplete, t.startEditing());
+			}
+			let Je = () => C.get().available ? !0 : (D("storage-unavailable", {}, "Files can’t be saved in this browser session. A private window, perhaps.", { label: "Storage Unavailable" }), !1);
+			async function Ye() {
+				if (!Je()) return;
+				let e = await C.create({ parent: X() }).catch(O("new-folder"));
+				e && await qe(e.id);
+			}
+			async function Xe() {
+				let e = f(C.get(), a);
+				if (!b || !e) return;
+				let t = C.trashSize(), n = Math.ceil(t / 1024), r = e === 1 ? `The Trash contains 1 item, which uses ${n}K of disk space. Are you sure you want to permanently remove it?` : `The Trash contains ${e} items, which use ${n}K of disk space. Are you sure you want to permanently remove these items?`;
+				await D("empty-trash", {
+					count: e,
+					bytes: t
+				}, r, {
+					label: "Empty Trash",
+					buttons: [{
+						label: "Cancel",
+						value: "cancel"
+					}, {
+						label: "OK",
+						value: "ok",
+						default: !0
+					}]
+				}) === "ok" && await C.emptyTrash().catch(O("empty-trash"));
+			}
+			let Q = {
+				ids: [],
+				text: ""
+			}, Ze = (e) => e.replace(/\r\n?/g, "\n").trimEnd();
+			async function Qe() {
+				let e = J().filter((e) => !d(e.id));
+				if (!e.length) return;
+				let t = e.map((e) => e.name).join("\n");
+				Q = {
+					ids: e.map((e) => e.id),
+					text: t
+				};
+				let n = e.find((e) => p.kind(e.kind)?.export);
+				try {
+					let e = n ? await p.kind(n.kind).export(n) : null;
+					if (e?.type && e.type !== "text/plain" && typeof ClipboardItem < "u") {
+						await navigator.clipboard.write([new ClipboardItem({
+							"text/plain": new Blob([t], { type: "text/plain" }),
+							[e.type]: e
+						})]);
+						return;
+					}
+				} catch {}
+				try {
+					await navigator.clipboard?.writeText(t);
+				} catch {}
+			}
+			async function $e(e, t) {
+				for (let n of p.kinds.values()) if (n.claim && await n.claim(e, t)) return !0;
+				return !1;
+			}
+			let et = () => [...p.kinds.values()].some((e) => e.claim);
+			async function tt() {
+				try {
+					if (navigator.clipboard?.read) {
+						let e = null, t = [];
+						for (let n of await navigator.clipboard.read()) for (let r of n.types) {
+							let i = await n.getType(r);
+							r === "text/plain" ? e ??= await i.text() : t.push(i);
+						}
+						return {
+							text: e,
+							files: t
+						};
+					}
+					if (navigator.clipboard?.readText) return {
+						text: await navigator.clipboard.readText(),
+						files: []
+					};
+				} catch {}
+				return null;
+			}
+			async function nt(e) {
+				if (!Je()) return;
+				let t = X();
+				if (u(C.get(), t)) return;
+				let n = e === void 0 ? await tt() : e, r = Q.ids.length > 0 && (n == null || n.text != null && Ze(n.text) === Ze(Q.text));
+				try {
+					if (r) {
+						let e = await C.copy(Q.ids, t);
+						e.length && Y(e.map((e) => e.id));
+					} else for (let e of n?.files ?? []) await $e(e, t);
+				} catch (e) {
+					O("paste")(e);
+				}
+			}
+			p.on(document, "paste", (e) => {
+				if (!x("paste") || S.front !== "finder" || p.modalOpen() || p.typing()) return;
+				let t = e.clipboardData;
+				t && (e.preventDefault(), nt({
+					text: t.getData("text/plain") || null,
+					files: [...t.files]
+				}));
+			});
+			let rt = (e) => [...e.dataTransfer?.types ?? []].includes("Files");
+			p.on(y, "dragover", (e) => {
+				rt(e) && et() && e.preventDefault();
+			}), p.on(y, "drop", (e) => {
+				if (!rt(e) || !et()) return;
+				e.preventDefault();
+				let t = e, n = [...t.dataTransfer?.files ?? []], r = document.elementsFromPoint(t.clientX, t.clientY).find((e) => e.localName === "vf-window");
+				if (r && S.appOf(r) !== "finder" || (r ? y.bringToFront(r) : y.clearActive(), !Je())) return;
+				let i = r ? S.itemOf(r) : null;
+				u(C.get(), i) || (async () => {
+					for (let e of n) await $e(e, i);
+				})().catch(O("add-file"));
+			});
+			let it = {
+				open: () => void Ke(),
+				"new-folder": () => void Ye(),
+				close: () => {
+					let e = X(), t = e == null ? null : S.windowFor(e);
+					t && S.requestClose(t);
+				},
+				copy: () => void Qe(),
+				paste: () => void nt(),
+				"select-all": () => {
+					let e = ke(X());
+					e && Y(P(e).map(I));
+				},
+				arrange: () => S.arrange(),
+				"clean-up": () => void Z(X()),
+				"empty-trash": () => void Xe()
+			}, $ = (e, t) => {
+				x(e) && p.gate(p.item(e), t);
+			};
+			if ($("open", () => !p.typing() && J().length > 0), $("new-folder", () => !u(C.get(), X())), $("close", () => X() != null), $("copy", () => !p.typing() && J().some((e) => !d(e.id))), $("paste", () => !p.typing() && !u(C.get(), X())), $("select-all", () => !p.typing()), $("arrange", () => !S.arranged()), $("empty-trash", () => f(C.get(), a) > 0), x("clean-up")) {
+				let e = p.item("clean-up");
+				p.gate(e, () => {
+					let t = X() == null ? "Clean Up Desktop" : "Clean Up Window";
+					return e.textContent !== t && (e.textContent = t), !0;
+				});
+			}
+			let at = !0, ot = (e) => {
+				let t = p.menus.find((t) => t.dataset.menu === e);
+				if (t) return t;
+				if (!at) throw Error(`vintage-frames/shell (finder): no ${e} menu; add to it from extend`);
+				let n = document.createElement("vf-menu");
+				n.dataset.menu = e, n.label = v.find((t) => t.menu === e).label;
+				let r = v.map((e) => e.menu), i = p.menus.findIndex((t) => r.indexOf(t.dataset.menu) > r.indexOf(e));
+				return p.menus.splice(i < 0 ? p.menus.length : i, 0, n), n;
+			}, st = {
+				catalog: C,
+				selection: J,
+				select: Y,
+				activeFolder: X,
+				open: ({ item: e, from: t = null } = {}) => {
+					e != null && W(e, t);
+				},
+				rename: qe,
+				cleanUp: Z,
+				iconFor: L,
+				addCommand(e) {
+					let t = ot(e.menu);
+					e.separator && t.append(document.createElement("vf-separator"));
+					let n = document.createElement("vf-menu-item");
+					return n.setAttribute("value", e.value), e.shortcut && n.setAttribute("shortcut", e.shortcut), n.textContent = e.label, t.append(n), it[e.value] = e.run, e.enabled && p.gate(n, e.enabled), n;
+				},
+				alertWith(e, t) {
+					Ee.set(e, t);
+				}
+			};
+			return i.extend?.(st, p), at = !1, p.onMenu((e) => it[e]?.()), p.onDispose(() => {
+				for (let [, e] of j()) e.remove();
+				for (let e of P(A)) e.remove();
+				De ? A.remove() : A.append(...Oe);
+			}), H(), st;
+		}
+	});
+}
+//#endregion
+export { m as FINDER, b as finder };