vintage-frames 0.15.0 → 0.16.1

package/dist/shell/windows.js

@@ -12,44 +12,50 @@ var u = (e, t) => e.set(t, (e.get(t) ?? 0) + 1), d = (e, t) => {
 	width: e.width ?? 0,
 	height: e.height ?? 0
 });
-function m() {
+async function m(e) {
+	let t = e.querySelector(":scope > vf-menu-bar");
+	await Promise.all([e.updateComplete, t?.updateComplete]);
+}
+function h() {
 	let e = document.activeElement;
 	for (; e?.shadowRoot?.activeElement;) e = e.shadowRoot.activeElement;
 	return e;
 }
-var h = (e) => {
+var g = (e) => {
 	let t = document.activeElement;
 	return !!t && (t === e || e.contains(t));
-};
-async function g(e, { when: t } = {}) {
-	let n = [...e.querySelectorAll("*")];
-	if (await Promise.all([e, ...n].map((e) => e.updateComplete)), !e.isConnected || t && !t()) return !1;
-	for (let t of n) if (!(t.closest("[hidden]") || !t.checkVisibility()) && !(t.tabIndex < 0 && !t.localName.startsWith("vf-")) && (t.focus({ preventScroll: !0 }), h(e))) return !0;
+}, _ = (e) => e.autoselect ?? e.hasAttribute("autoselect");
+async function ee(e, { when: t, select: n = !1 } = {}) {
+	let r = [...e.querySelectorAll("*")];
+	if (await Promise.all([e, ...r].map((e) => e.updateComplete)), !e.isConnected || t && !t()) return !1;
+	let i = (e) => !e.closest("[hidden]") && e.checkVisibility(), a = r.find((e) => (e.hasAttribute("autofocus") || _(e)) && i(e));
+	if (a && (a.focus({ preventScroll: !0 }), n && _(a) && g(a) && a.select?.(), g(e))) return !0;
+	for (let t of r) if (!(!i(t) || Number(t.getAttribute("tabindex")) < 0) && !(t.tabIndex < 0 && !t.localName.startsWith("vf-")) && (t.focus({ preventScroll: !0 }), g(e))) return !0;
 	return !1;
 }
-function ee(m, ee) {
-	let { defaultApp: te, savedPin: ne = () => null } = ee, _ = [], v = (e, t, n) => {
-		e.addEventListener(t, n), _.push(() => e.removeEventListener(t, n));
-	}, y = () => ({
-		width: m.width,
-		height: m.height
-	}), b = () => m.windowArea, x = /* @__PURE__ */ new Map(), S = /* @__PURE__ */ new Map(), C = /* @__PURE__ */ new Map(), w = /* @__PURE__ */ new Map(), T = /* @__PURE__ */ new Map(), E = /* @__PURE__ */ new WeakMap(), D = {}, O = () => a(b().top, D), k = /* @__PURE__ */ new Set(), A = !1, j = () => {
-		if (!A) for (let e of [...k]) e();
-	}, M = /* @__PURE__ */ new Set(), N = () => {
-		for (let e of [...M]) e();
-	}, P = /* @__PURE__ */ new Set(), F = /* @__PURE__ */ new Set(), I = /* @__PURE__ */ new Set(), L = /* @__PURE__ */ new Set(), R = /* @__PURE__ */ new Map(), z = [], re = (e) => {
-		for (let t = e; t; t = t.parentElement) if (R.has(t)) return t;
+function v(h, _) {
+	let { defaultApp: v, savedPin: te = () => null } = _, y = [], b = (e, t, n) => {
+		e.addEventListener(t, n), y.push(() => e.removeEventListener(t, n));
+	}, x = () => ({
+		width: h.width,
+		height: h.height
+	}), S = () => h.windowArea, C = /* @__PURE__ */ new Map(), w = /* @__PURE__ */ new Map(), T = /* @__PURE__ */ new Map(), E = /* @__PURE__ */ new Map(), D = /* @__PURE__ */ new Map(), O = /* @__PURE__ */ new WeakMap(), ne = /* @__PURE__ */ new WeakMap(), re = {}, k = () => a(S().top, re), A = /* @__PURE__ */ new Set(), j = !1, M = () => {
+		if (!j) for (let e of [...A]) e();
+	}, N = /* @__PURE__ */ new Set(), P = () => {
+		for (let e of [...N]) e();
+	}, F = /* @__PURE__ */ new Set(), I = /* @__PURE__ */ new Set(), L = /* @__PURE__ */ new Set(), R = /* @__PURE__ */ new Set(), z = /* @__PURE__ */ new Map(), B = [], ie = (e) => {
+		for (let t = e; t; t = t.parentElement) if (z.has(t)) return t;
 		return null;
-	}, B = (e) => e.isConnected && (e.matches("vf-dialog[open]") || !!e.querySelector("vf-dialog[open]")), V = () => {
-		let e = z.filter((e) => R.has(e) && B(e));
-		for (let t of R.keys()) !e.includes(t) && B(t) && e.push(t);
-		if (!(e.length === z.length && e.every((e, t) => e === z[t]))) {
-			z = e;
-			for (let e of [...L]) e();
+	}, ae = (e) => e.isConnected && (e.matches("vf-dialog[open]") || !!e.querySelector("vf-dialog[open]")), V = () => {
+		let e = B.filter((e) => z.has(e) && ae(e));
+		for (let t of z.keys()) !e.includes(t) && ae(t) && e.push(t);
+		if (!(e.length === B.length && e.every((e, t) => e === B[t]))) {
+			B = e;
+			for (let e of [...R]) e();
 		}
 	}, H = () => null, U = () => !1;
 	function W(n, r) {
-		let i = b(), a = t(n), o = (e) => Math.floor(e / a) * a, s = Math.ceil(i.top / a) * a, c = i.left + i.width, l = i.top + i.height, { width: u, height: d } = r;
+		let i = S(), a = t(n), o = (e) => Math.floor(e / a) * a, s = Math.ceil(i.top / a) * a, c = i.left + i.width, l = i.top + i.height, { width: u, height: d } = r;
 		n.resizable && (u != null && Number.isFinite(u) && (u = Math.min(u, o(i.width))), d != null && Number.isFinite(d) && (d = Math.min(d, o(Math.max(0, l - s)))));
 		let p = u ?? n.width ?? 0, m = d ?? n.height ?? 0;
 		return {
@@ -60,12 +66,22 @@ function ee(m, ee) {
 		};
 	}
 	let G = (t, n) => {
-		t.left = e(n.left, t), t.top = e(n.top, t), n.width != null && Number.isFinite(n.width) && (t.width = n.width), n.height != null && Number.isFinite(n.height) && (t.height = n.height), E.delete(t);
+		t.left = e(n.left, t), t.top = e(n.top, t), n.width != null && Number.isFinite(n.width) && (t.width = n.width), n.height != null && Number.isFinite(n.height) && (t.height = n.height), O.delete(t);
 	}, K = (e) => {
-		let t = x.get(e)?.place;
-		return t ? W(e, t(b())) : null;
-	}, q = (e, t) => {
-		let n = x.get(e)?.policy;
+		let t = C.get(e)?.place;
+		return t ? W(e, t(S())) : null;
+	}, q = (e, t = S()) => {
+		let n = C.get(e)?.zoom;
+		if (!n) return null;
+		let r = p(e), i = n(t, r);
+		return {
+			left: i.left ?? r.left,
+			top: i.top ?? r.top,
+			width: i.width ?? r.width,
+			height: i.height ?? r.height
+		};
+	}, J = (e, t) => {
+		let n = C.get(e)?.policy;
 		if (n) return n(t);
 		if (!e.resizable) return { size: {
 			width: t.width,
@@ -76,7 +92,7 @@ function ee(m, ee) {
 			width: r,
 			height: i
 		} };
-	}, J = (e, t, n = q(e, p(e))) => W(e, c(t, y(), O(), n)), ie = (e, t) => {
+	}, oe = (e, t, n = J(e, p(e))) => W(e, c(t, x(), k(), n)), se = (e, t) => {
 		let n = p(e);
 		return [
 			"left",
@@ -87,145 +103,169 @@ function ee(m, ee) {
 			let r = t[e];
 			return r == null || !Number.isFinite(r) || n[e] === r;
 		});
-	}, ae = (e) => {
-		let t = [...x].filter(([t, n]) => t !== e && !t.hidden && !n.palette).map(([e]) => p(e));
-		return r(l(b()), t).slot;
-	}, Y = te, X = (e) => e instanceof n && x.get(e)?.app || te;
-	function oe() {
+	}, ce = (e) => {
+		let t = [...C].filter(([t, n]) => t !== e && !t.hidden && !n.palette).map(([e]) => p(e));
+		return r(l(S()), t).slot;
+	}, Y = v, le = (e) => e instanceof n && C.get(e)?.app || v;
+	function ue() {
 		let e = !1;
-		for (let [t, n] of x) {
+		for (let [t, n] of C) {
 			if (!n.palette) continue;
 			let r = n.app === Y && n.palette();
-			t.hidden !== !r && (t.hidden = !r, r && m.bringToFront(t), e = !0);
+			t.hidden !== !r && (t.hidden = !r, r && h.bringToFront(t), e = !0);
 		}
-		e && j();
+		e && M();
 	}
-	let se = (e) => {
+	let de = (e) => {
 		let t = document.activeElement?.closest("vf-window");
-		!(t instanceof n) || t === e || !x.has(t) || x.get(t).palette || (e ? Z(e) : U(null, null));
-	}, Z = (e) => void g(e, { when: () => m.activeWindow === e }), ce = (e) => {
-		se(e);
-		for (let t of [...F]) t(e);
-		let t = X(e);
+		!(t instanceof n) || t === e || !C.has(t) || C.get(t).palette || (e ? X(e) : U(null, null));
+	}, X = (e, t = !1) => void ee(e, {
+		when: () => h.activeWindow === e,
+		select: t
+	}), fe = (e) => {
+		de(e);
+		for (let t of [...I]) t(e);
+		let t = le(e);
 		if (t !== Y) {
-			Y = t, oe();
-			for (let e of [...I]) e(Y);
+			Y = t, ue();
+			for (let e of [...L]) e(Y);
 		}
 	};
-	v(m, "vf-activate", (e) => ce(e.detail.window)), v(m, "vf-close", (e) => {
-		let t = e.target;
-		t instanceof n && x.has(t) && $.requestClose(t);
+	b(h, "vf-activate", (e) => fe(e.detail.window)), b(h, "vf-close", (e) => {
+		let t = e.target, r = t instanceof n ? C.get(t) : void 0;
+		if (!r) return;
+		let i = e.detail ?? {};
+		i.altKey && !r.palette ? $.closeAll(r.app, i) : $.requestClose(t, i);
 	});
-	let Q = 0, le = (e) => {
-		!(e.target instanceof n) || !x.has(e.target) || Q || (Q = window.setTimeout(() => {
-			Q = 0, j();
+	let Z = 0, pe = (e) => {
+		!(e.target instanceof n) || !C.has(e.target) || Z || (Z = window.setTimeout(() => {
+			Z = 0, M();
 		}, 0));
 	};
-	m.addEventListener("vf-placement-change", le), _.push(() => m.removeEventListener("vf-placement-change", le)), v(m, "vf-resize", (e) => {
-		e.detail?.commit && j();
+	h.addEventListener("vf-placement-change", pe), y.push(() => h.removeEventListener("vf-placement-change", pe)), b(h, "vf-zoom", (e) => {
+		let t = e.target;
+		t instanceof n && C.get(t)?.zoom && $.zoom(t);
+	}), b(h, "vf-resize", (e) => {
+		e.detail?.commit && M();
 	});
-	let ue = (e) => {
-		let t = x.get(e);
-		t && (x.delete(e), E.delete(e), t.palette || N(), j());
-	}, de = (n, r, i, a) => {
-		let l = p(n), u = x.get(n);
+	let me = (e) => {
+		let t = C.get(e);
+		t && (C.delete(e), O.delete(e), t.palette || P(), M());
+	}, he = (n, r, i, a) => {
+		let l = p(n), u = C.get(n);
 		if (u?.keep && o(l, u.keep(a))) {
-			G(n, W(n, u.keep(b())));
+			G(n, W(n, u.keep(S())));
 			return;
 		}
-		let d = E.get(n), f = !!d && n.resizable && (d.width !== l.width || d.height !== l.height), m = !d || d.left !== l.left || d.top !== l.top || f || !d ? s(l, r, O()) : d.pin, h = c(m, i, O(), q(n, l));
-		if (n.left = e(h.left, n), n.top = e(h.top, n), n.resizable) {
-			let r = t(n), i = b(), a = Math.ceil(i.top / r) * r, o = Math.floor(i.width / r) * r, s = Math.floor(Math.max(0, i.top + i.height - a) / r) * r;
-			n.width = Math.min(e(h.width, n), o), n.height = Math.min(e(h.height, n), s);
+		let d = q(n, a);
+		if (d && o(l, d)) {
+			G(n, W(n, q(n)));
+			return;
+		}
+		let f = O.get(n), m = !!f && n.resizable && (f.width !== l.width || f.height !== l.height), h = !f || f.left !== l.left || f.top !== l.top || m || !f ? s(l, r, k()) : f.pin, g = c(h, i, k(), J(n, l));
+		if (n.left = e(g.left, n), n.top = e(g.top, n), n.resizable) {
+			let r = t(n), i = S(), a = Math.ceil(i.top / r) * r, o = Math.floor(i.width / r) * r, s = Math.floor(Math.max(0, i.top + i.height - a) / r) * r;
+			n.width = Math.min(e(g.width, n), o), n.height = Math.min(e(g.height, n), s);
 		}
-		E.set(n, {
-			pin: m,
+		O.set(n, {
+			pin: h,
 			...p(n)
 		});
-	}, $ = {
+	}, ge = (e, t) => {
+		let n = t ? oe(e, t) : K(e);
+		n && G(e, n);
+	}, _e = !1, Q = /* @__PURE__ */ new Map();
+	m(h).then(() => {
+		_e = !0;
+		for (let [e, t] of Q) C.has(e) && ge(e, t);
+		Q.size && M(), Q.clear();
+	});
+	let $ = {
 		get area() {
-			return b();
+			return S();
 		},
 		get front() {
 			return Y;
 		},
 		adopt(e, t) {
 			let n = t.palette;
-			if (x.set(e, {
+			if (C.set(e, {
 				app: t.app,
 				item: t.item ?? null,
 				place: t.place ?? null,
 				policy: t.policy ?? null,
 				keep: t.keep ?? null,
+				zoom: t.zoom ?? null,
 				palette: n ? n === !0 ? () => !0 : n : null,
 				close: t.close ?? null
-			}), t.pin) G(e, J(e, t.pin));
-			else {
-				let t = K(e);
-				t && G(e, t);
-			}
-			if (n) {
-				let t = x.get(e);
+			}), ge(e, t.pin ?? null), _e || Q.set(e, t.pin ?? null), n) {
+				let t = C.get(e);
 				e.hidden = !(t.app === Y && t.palette());
 			}
-			m.activeWindow === e && ce(e), n || N(), j();
+			h.activeWindow === e && fe(e), n || P(), M();
 		},
 		open(e) {
 			let t = e.item == null ? null : $.windowFor(e.item);
-			if (t) return m.bringToFront(t), Z(t), t;
+			if (t) return h.bringToFront(t), X(t), t;
 			let n = e.create(), r = {
 				width: n.width ?? 0,
 				height: n.height ?? 0
-			}, a = ae();
-			m.append(n);
+			}, a = ce();
+			h.append(n);
 			let o = e.item ?? null;
 			return $.adopt(n, {
 				app: e.app,
 				item: o,
 				place: e.place ?? ((e) => i(e, r, l(e), a)),
-				pin: o == null ? null : C.get(o)?.pin ?? ne(o),
+				pin: o == null ? null : T.get(o)?.pin ?? te(o),
 				policy: e.policy ?? null,
 				keep: e.keep ?? null,
+				zoom: e.zoom ?? null,
 				close: e.close ?? null
-			}), o != null && C.delete(o), m.bringToFront(n), e.from && n.show({ from: e.from }), Z(n), n;
+			}), o != null && T.delete(o), h.bringToFront(n), e.from && n.show({ from: e.from }), X(n, !0), n;
 		},
 		close(e, { to: t } = {}) {
-			let n = x.get(e), r = n?.item ?? null, i = n?.app ?? null, a = t === void 0 ? i == null ? null : H(r, i) : t, o = m.activeWindow === e || h(e);
-			r != null && i != null && C.set(r, {
+			let n = C.get(e), r = n?.item ?? null, i = n?.app ?? null, a = t === void 0 ? i == null ? null : H(r, i) : t, o = h.activeWindow === e || g(e);
+			r != null && i != null && T.set(r, {
 				app: i,
-				pin: s(p(e), y(), O())
+				pin: s(p(e), x(), k())
 			});
 			let c = e.hide({ to: a });
-			r != null && u(w, r), i != null && !n?.palette && u(T, i);
+			r != null && u(E, r), i != null && !n?.palette && u(D, i);
 			let l = () => {
-				r != null && d(w, r), i != null && !n?.palette && d(T, i), N();
+				r != null && d(E, r), i != null && !n?.palette && d(D, i), P();
 			};
-			return c.then(l, l), ue(e), e.remove(), o && queueMicrotask(() => {
-				let e = m.activeWindow;
-				e ? Z(e) : U(r, i) || U(null, null);
+			return c.then(l, l), me(e), e.remove(), o && queueMicrotask(() => {
+				let e = h.activeWindow;
+				e ? X(e) : U(r, i) || U(null, null);
 			}), c;
 		},
-		requestClose(e) {
-			let t = x.get(e)?.close;
-			t ? t(e) : $.close(e);
+		async requestClose(e, t = {}) {
+			let n = C.get(e)?.close;
+			return n ? await n(e, t) : $.close(e), !C.has(e);
+		},
+		async closeAll(e, t = {}) {
+			let n = $.windowsOf(e).filter((e) => !C.get(e)?.palette).reverse();
+			for (let e of n) if (C.has(e) && !await $.requestClose(e, t)) return !1;
+			return !0;
 		},
 		windowFor(e) {
-			for (let [t, n] of x) if (n.item === e) return t;
+			for (let [t, n] of C) if (n.item === e) return t;
 			return null;
 		},
 		windowsOf(e) {
-			return m.stackingOrder.filter((t) => t instanceof n && x.get(t)?.app === e);
+			return h.stackingOrder.filter((t) => t instanceof n && C.get(t)?.app === e);
 		},
 		itemOf(e) {
-			return e instanceof n ? x.get(e)?.item ?? null : null;
+			return e instanceof n ? C.get(e)?.item ?? null : null;
 		},
 		appOf(e) {
-			if (e instanceof n) return x.get(e)?.app ?? null;
-			let t = re(e);
-			return t ? R.get(t).app : null;
+			if (e instanceof n) return C.get(e)?.app ?? null;
+			let t = ie(e);
+			return t ? z.get(t).app : null;
 		},
 		holdDialog(e, { app: t }) {
-			let n = R.get(e);
+			let n = z.get(e);
 			if (n) n.app = t;
 			else {
 				let n = new MutationObserver(V);
@@ -233,44 +273,62 @@ function ee(m, ee) {
 					attributes: !0,
 					attributeFilter: ["open"],
 					subtree: !0
-				}), R.set(e, {
+				}), z.set(e, {
 					app: t,
 					observer: n
 				});
 			}
-			m.contains(e) || m.append(e), V();
+			h.contains(e) || h.append(e), V();
 		},
 		releaseDialog(e) {
-			let t = R.get(e);
-			t && (t.observer.disconnect(), R.delete(e), V());
+			let t = z.get(e);
+			t && (t.observer.disconnect(), z.delete(e), V());
 		},
 		dialogsOf(e) {
-			return [...R].filter(([, t]) => t.app === e).map(([e]) => e);
+			return [...z].filter(([, t]) => t.app === e).map(([e]) => e);
 		},
 		get asking() {
-			let e = z[z.length - 1];
-			return e ? R.get(e).app : null;
+			let e = B[B.length - 1];
+			return e ? z.get(e).app : null;
 		},
 		isPalette(e) {
-			return e instanceof n && !!x.get(e)?.palette;
+			return e instanceof n && !!C.get(e)?.palette;
 		},
 		setItem(e, t) {
-			let n = x.get(e);
-			!n || n.item === t || (n.item = t, N());
+			let n = C.get(e);
+			!n || n.item === t || (n.item = t, P());
 		},
 		isOpen(e) {
-			return w.has(e) || $.windowFor(e) !== null;
+			return E.has(e) || $.windowFor(e) !== null;
 		},
 		hasWindows(e) {
-			if (T.has(e)) return !0;
-			for (let [, t] of x) if (t.app === e && !t.palette) return !0;
+			if (D.has(e)) return !0;
+			for (let [, t] of C) if (t.app === e && !t.palette) return !0;
 			return !1;
 		},
 		palettesChanged() {
-			oe();
+			ue();
 		},
 		write(e, t) {
-			G(e, t), j();
+			G(e, t), M();
+		},
+		zoom(e) {
+			let t = q(e);
+			if (!t) return;
+			let n = p(e), r = W(e, t);
+			if (o(n, {
+				...n,
+				...r
+			})) {
+				let t = ne.get(e);
+				ne.delete(e);
+				let n = t ? oe(e, t.pin, J(e, t.box)) : K(e);
+				n && G(e, n);
+			} else ne.set(e, {
+				pin: s(n, x(), k()),
+				box: n
+			}), G(e, r);
+			M();
 		},
 		clamped(e, t) {
 			return W(e, t);
@@ -279,60 +337,60 @@ function ee(m, ee) {
 			return K(e);
 		},
 		pinOf(e) {
-			return s(p(e), y(), O());
+			return s(p(e), x(), k());
 		},
 		fromPin(e, t, n) {
-			return J(e, t, n);
+			return oe(e, t, n);
 		},
 		setFrameBands(e) {
-			D = { ...e }, E = /* @__PURE__ */ new WeakMap();
+			re = { ...e }, O = /* @__PURE__ */ new WeakMap();
 		},
 		arrangeWith(e, t) {
-			return S.set(e, t), j(), () => {
-				S.get(e) === t && S.delete(e), j();
+			return w.set(e, t), M(), () => {
+				w.get(e) === t && w.delete(e), M();
 			};
 		},
 		arrange() {
-			A = !0;
+			j = !0;
 			try {
-				for (let e of S.values()) e.arrange();
-				for (let e of x.keys()) {
+				for (let e of w.values()) e.arrange();
+				for (let e of C.keys()) {
 					let t = K(e);
 					t && G(e, t);
 				}
 			} finally {
-				A = !1;
+				j = !1;
 			}
-			j();
+			M();
 		},
 		arranged() {
-			for (let e of S.values()) if (!e.arranged()) return !1;
-			for (let e of x.keys()) {
+			for (let e of w.values()) if (!e.arranged()) return !1;
+			for (let e of C.keys()) {
 				let t = K(e);
-				if (t && !e.hidden && !ie(e, t)) return !1;
+				if (t && !e.hidden && !se(e, t)) return !1;
 			}
 			return !0;
 		},
 		resized(e) {
-			let t = y();
+			let t = x();
 			if (e.width === t.width && e.height === t.height) return;
-			let n = b(), r = {
+			let n = S(), r = {
 				left: n.left,
 				top: n.top,
 				width: e.width - n.left,
 				height: Math.max(0, e.height - n.top)
 			};
-			for (let n of x.keys()) de(n, e, t, r);
-			for (let n of [...P]) n(e, t);
-			j();
+			for (let n of C.keys()) he(n, e, t, r);
+			for (let n of [...F]) n(e, t);
+			M();
 		},
 		snapshot() {
 			let e = {};
-			for (let [t, n] of C) e[t] = { ...n };
-			let t = m.stackingOrder;
-			for (let [n, r] of x) {
+			for (let [t, n] of T) e[t] = { ...n };
+			let t = h.stackingOrder;
+			for (let [n, r] of C) {
 				if (r.item == null) continue;
-				let i = s(p(n), y(), O());
+				let i = s(p(n), x(), k());
 				e[r.item] = r.palette ? {
 					app: r.app,
 					pin: i
@@ -345,10 +403,10 @@ function ee(m, ee) {
 			return e;
 		},
 		rememberedPin(e) {
-			return C.get(e)?.pin ?? null;
+			return T.get(e)?.pin ?? null;
 		},
 		layoutChanged() {
-			j();
+			M();
 		},
 		setHome(e, t) {
 			return H = e, U = t, () => {
@@ -356,32 +414,34 @@ function ee(m, ee) {
 			};
 		},
 		onLayout(e) {
-			return k.add(e), () => void k.delete(e);
+			return A.add(e), () => void A.delete(e);
 		},
 		onWindows(e) {
-			return M.add(e), () => void M.delete(e);
+			return N.add(e), () => void N.delete(e);
 		},
 		onRaster(e) {
-			return P.add(e), () => void P.delete(e);
+			return F.add(e), () => void F.delete(e);
 		},
 		beforeFront(e) {
-			return F.add(e), () => void F.delete(e);
+			return I.add(e), () => void I.delete(e);
 		},
 		onFront(e) {
-			return I.add(e), () => void I.delete(e);
+			return L.add(e), () => void L.delete(e);
 		},
 		onDialogs(e) {
-			return L.add(e), () => void L.delete(e);
+			return R.add(e), () => void R.delete(e);
 		},
 		dispose() {
-			clearTimeout(Q);
-			for (let e of _) e();
-			k.clear(), M.clear(), P.clear(), F.clear(), I.clear(), L.clear();
-			for (let { observer: e } of R.values()) e.disconnect();
-			R.clear(), z = [], S.clear(), x.clear();
+			clearTimeout(Z);
+			for (let e of y) e();
+			A.clear(), N.clear(), F.clear(), I.clear(), L.clear(), R.clear();
+			for (let { observer: e } of z.values()) e.disconnect();
+			z.clear(), B = [], w.clear();
+			for (let e of C.keys()) e.remove();
+			C.clear();
 		}
 	};
-	return Y = X(m.activeWindow), $;
+	return Y = le(h.activeWindow), $;
 }
 //#endregion
-export { ee as createWindowManager, m as deepActiveElement, g as focusInto };
+export { v as createWindowManager, h as deepActiveElement, m as desktopRendered, ee as focusInto };

package/dist/text-control.d.ts

@@ -11,8 +11,9 @@ import { FocusRuleController } from './focus-modality.js';
  * the name/description bridge every field needs, its role sitting on the inner
  * native control) and adds the value/label scaffolding
  * every field repeated: the reflected `name`, the `value`/`placeholder`/
- * `readonly`/`label` props, the captured default restored on form reset, the
- * `updated()` → {@link VfShadowRoleControl.syncFormValue} funnel, and the display-
+ * `readonly`/`autoselect`/`label` props, the captured default restored on
+ * form reset, the `updated()` → {@link VfShadowRoleControl.syncFormValue}
+ * funnel, `select()` and `focus()` on the inner control, and the display-
  * scaling controller. Pairs with the `vfField` css fragment (the white-well
  * skin) in styles/base.ts.
  *
@@ -29,6 +30,14 @@ export declare class VfTextControlBase extends VfShadowRoleControl {
     placeholder: string;
     /** Makes the field read-only (focusable, not editable). */
     readonly: boolean;
+    /**
+     * Opens with the whole text selected, so typing replaces it. Implies
+     * `autofocus`: the first control carrying either takes the opening focus of
+     * its `vf-dialog`, or of a window the shell's window manager opens. A dialog
+     * selects the text on every open, a window on its first open only. A click
+     * still places the caret.
+     */
+    autoselect: boolean;
     /** Form field name used when submitting the associated form. */
     name: string;
     /**
@@ -87,6 +96,29 @@ export declare class VfTextControlBase extends VfShadowRoleControl {
      * wrapper once and can't drift on what turns the rule on.
      */
     protected get wellClass(): string;
+    /**
+     * The text as last committed: taken when the field gains focus, then at
+     * each commit. A commit that brings nothing new isn't announced, so the
+     * native `change` that follows a Return commit, or a step, is not a second
+     * one.
+     */
+    protected committed: string | null;
+    constructor();
+    /** The inner native control every field renders, tagged `vf-field`. */
+    protected get control(): HTMLInputElement | HTMLTextAreaElement | null;
+    /**
+     * Focuses the inner control, keeping its caret where it was. Chromium
+     * selects all of an input's text when the host hands the focus on, as a Tab
+     * does; `select()` and {@link autoselect} are how a field opens selected.
+     */
+    focus(options?: FocusOptions): void;
+    /**
+     * Select all of the field's text, as a native field's `select()` does. With
+     * a new value not yet rendered, once it has: writing the value into the
+     * input drops its selection, so `field.value = x; field.select()` selects
+     * `x`, as on a native field.
+     */
+    select(): void;
     connectedCallback(): void;
     /**
      * Re-submit the value only when it (or the disabled state gating it) actually
@@ -139,6 +171,17 @@ export declare class VfTextControlBase extends VfShadowRoleControl {
     protected emitValue(type: 'vf-input' | 'vf-change', detail?: Record<string, unknown>): void;
     /** Mirror the native control's value into `value` and announce a keystroke. */
     protected handleInput(event: Event): void;
-    /** Mirror the native control's value into `value` and announce a commit. */
+    /** The committed form of typed text: as typed here; `vf-number-field` clamps and rounds it. */
+    protected committedText(raw: string): string;
+    /** Commit typed text: its committed form into `value`, announced unless it is what was last committed. */
+    protected commit(raw: string): void;
+    /** The native control's commit. */
     protected handleChange(event: Event): void;
+    /**
+     * A plain Return in a single-line field with a form: commit, then the
+     * form's implicit submission, the order a native input keeps (its `change`
+     * comes before the submission). The keydown is cancelled, so an enclosing
+     * modal does not route the same press to its default button as well.
+     */
+    protected submitOnEnter(event: KeyboardEvent): void;
 }