vintage-frames 0.16.0 → 0.16.2

package/dist/shell/windows.js

@@ -24,38 +24,38 @@ function h() {
 var g = (e) => {
 	let t = document.activeElement;
 	return !!t && (t === e || e.contains(t));
-};
-async function ee(e, { when: t } = {}) {
-	let n = [...e.querySelectorAll("*")];
-	if (await Promise.all([e, ...n].map((e) => e.updateComplete)), !e.isConnected || t && !t()) return !1;
-	let r = (e) => !e.closest("[hidden]") && e.checkVisibility(), i = n.find((e) => e.hasAttribute("autofocus") && r(e));
-	if (i && (i.focus({ preventScroll: !0 }), g(e))) return !0;
-	for (let t of n) if (!(!r(t) || Number(t.getAttribute("tabindex")) < 0) && !(t.tabIndex < 0 && !t.localName.startsWith("vf-")) && (t.focus({ preventScroll: !0 }), g(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 te(h, te) {
-	let { defaultApp: ne, savedPin: re = () => null } = te, _ = [], v = (e, t, n) => {
-		e.addEventListener(t, n), _.push(() => e.removeEventListener(t, n));
-	}, y = () => ({
+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
-	}), b = () => h.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 = /* @__PURE__ */ new WeakMap(), ie = {}, O = () => a(b().top, ie), 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 = [], ae = (e) => {
-		for (let t = e; t; t = t.parentElement) if (R.has(t)) return t;
+	}), 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;
-	}, oe = (e) => e.isConnected && (e.matches("vf-dialog[open]") || !!e.querySelector("vf-dialog[open]")), B = () => {
-		let e = z.filter((e) => R.has(e) && oe(e));
-		for (let t of R.keys()) !e.includes(t) && oe(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();
 		}
-	}, V = () => null, H = () => !1;
-	function U(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;
+	}, H = () => null, U = () => !1;
+	function W(n, 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 {
@@ -65,13 +65,13 @@ function te(h, te) {
 			height: d
 		};
 	}
-	let W = (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);
-	}, G = (e) => {
-		let t = x.get(e)?.place;
-		return t ? U(e, t(b())) : null;
-	}, K = (e, t = b()) => {
-		let n = x.get(e)?.zoom;
+	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), O.delete(t);
+	}, K = (e) => {
+		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 {
@@ -80,8 +80,8 @@ function te(h, te) {
 			width: i.width ?? r.width,
 			height: i.height ?? r.height
 		};
-	}, q = (e, t) => {
-		let n = x.get(e)?.policy;
+	}, J = (e, t) => {
+		let n = C.get(e)?.policy;
 		if (n) return n(t);
 		if (!e.resizable) return { size: {
 			width: t.width,
@@ -92,7 +92,7 @@ function te(h, te) {
 			width: r,
 			height: i
 		} };
-	}, J = (e, t, n = q(e, p(e))) => U(e, c(t, y(), O(), n)), se = (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",
@@ -104,89 +104,92 @@ function te(h, te) {
 			return r == null || !Number.isFinite(r) || n[e] === r;
 		});
 	}, ce = (e) => {
-		let t = [...x].filter(([t, n]) => t !== e && !t.hidden && !n.palette).map(([e]) => p(e));
-		return r(l(b()), t).slot;
-	}, Y = ne, le = (e) => e instanceof n && x.get(e)?.app || ne;
+		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 && h.bringToFront(t), e = !0);
 		}
-		e && j();
+		e && M();
 	}
 	let de = (e) => {
 		let t = document.activeElement?.closest("vf-window");
-		!(t instanceof n) || t === e || !x.has(t) || x.get(t).palette || (e ? X(e) : H(null, null));
-	}, X = (e) => void ee(e, { when: () => h.activeWindow === e }), fe = (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 [...F]) t(e);
+		for (let t of [...I]) t(e);
 		let t = le(e);
 		if (t !== Y) {
 			Y = t, ue();
-			for (let e of [...I]) e(Y);
+			for (let e of [...L]) e(Y);
 		}
 	};
-	v(h, "vf-activate", (e) => fe(e.detail.window)), v(h, "vf-close", (e) => {
-		let t = e.target, r = t instanceof n ? x.get(t) : void 0;
+	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 Z = 0, pe = (e) => {
-		!(e.target instanceof n) || !x.has(e.target) || Z || (Z = window.setTimeout(() => {
-			Z = 0, j();
+		!(e.target instanceof n) || !C.has(e.target) || Z || (Z = window.setTimeout(() => {
+			Z = 0, M();
 		}, 0));
 	};
-	h.addEventListener("vf-placement-change", pe), _.push(() => h.removeEventListener("vf-placement-change", pe)), v(h, "vf-zoom", (e) => {
+	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 && x.get(t)?.zoom && $.zoom(t);
-	}), v(h, "vf-resize", (e) => {
-		e.detail?.commit && j();
+		t instanceof n && C.get(t)?.zoom && $.zoom(t);
+	}), b(h, "vf-resize", (e) => {
+		e.detail?.commit && M();
 	});
 	let me = (e) => {
-		let t = x.get(e);
-		t && (x.delete(e), E.delete(e), t.palette || N(), j());
+		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 = x.get(n);
+		let l = p(n), u = C.get(n);
 		if (u?.keep && o(l, u.keep(a))) {
-			W(n, U(n, u.keep(b())));
+			G(n, W(n, u.keep(S())));
 			return;
 		}
-		let d = K(n, a);
+		let d = q(n, a);
 		if (d && o(l, d)) {
-			W(n, U(n, K(n)));
+			G(n, W(n, q(n)));
 			return;
 		}
-		let f = E.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, O()) : f.pin, g = c(h, i, O(), q(n, l));
+		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 = 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;
+			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, {
+		O.set(n, {
 			pin: h,
 			...p(n)
 		});
 	}, ge = (e, t) => {
-		let n = t ? J(e, t) : G(e);
-		n && W(e, n);
+		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) x.has(e) && ge(e, t);
-		Q.size && j(), Q.clear();
+		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,
@@ -196,10 +199,10 @@ function te(h, te) {
 				palette: n ? n === !0 ? () => !0 : n : null,
 				close: t.close ?? null
 			}), ge(e, t.pin ?? null), _e || Q.set(e, t.pin ?? null), n) {
-				let t = x.get(e);
+				let t = C.get(e);
 				e.hidden = !(t.app === Y && t.palette());
 			}
-			h.activeWindow === e && fe(e), n || N(), j();
+			h.activeWindow === e && fe(e), n || P(), M();
 		},
 		open(e) {
 			let t = e.item == null ? null : $.windowFor(e.item);
@@ -214,180 +217,180 @@ function te(h, te) {
 				app: e.app,
 				item: o,
 				place: e.place ?? ((e) => i(e, r, l(e), a)),
-				pin: o == null ? null : C.get(o)?.pin ?? re(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), h.bringToFront(n), e.from && n.show({ from: e.from }), X(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 : V(r, i) : t, o = h.activeWindow === e || g(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), me(e), e.remove(), o && queueMicrotask(() => {
 				let e = h.activeWindow;
-				e ? X(e) : H(r, i) || H(null, null);
+				e ? X(e) : U(r, i) || U(null, null);
 			}), c;
 		},
 		async requestClose(e, t = {}) {
-			let n = x.get(e)?.close;
-			return n ? await n(e, t) : $.close(e), !x.has(e);
+			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) => !x.get(e)?.palette).reverse();
-			for (let e of n) if (x.has(e) && !await $.requestClose(e, t)) return !1;
+			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 h.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 = ae(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(B);
+				let n = new MutationObserver(V);
 				n.observe(e, {
 					attributes: !0,
 					attributeFilter: ["open"],
 					subtree: !0
-				}), R.set(e, {
+				}), z.set(e, {
 					app: t,
 					observer: n
 				});
 			}
-			h.contains(e) || h.append(e), B();
+			h.contains(e) || h.append(e), V();
 		},
 		releaseDialog(e) {
-			let t = R.get(e);
-			t && (t.observer.disconnect(), R.delete(e), B());
+			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() {
 			ue();
 		},
 		write(e, t) {
-			W(e, t), j();
+			G(e, t), M();
 		},
 		zoom(e) {
-			let t = K(e);
+			let t = q(e);
 			if (!t) return;
-			let n = p(e), r = U(e, t);
+			let n = p(e), r = W(e, t);
 			if (o(n, {
 				...n,
 				...r
 			})) {
-				let t = D.get(e);
-				D.delete(e);
-				let n = t ? J(e, t.pin, q(e, t.box)) : G(e);
-				n && W(e, n);
-			} else D.set(e, {
-				pin: s(n, y(), O()),
+				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
-			}), W(e, r);
-			j();
+			}), G(e, r);
+			M();
 		},
 		clamped(e, t) {
-			return U(e, t);
+			return W(e, t);
 		},
 		placed(e) {
-			return G(e);
+			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) {
-			ie = { ...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()) {
-					let t = G(e);
-					t && W(e, t);
+				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()) {
-				let t = G(e);
+			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 && !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()) he(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 };
+			for (let [t, n] of T) e[t] = { ...n };
 			let t = h.stackingOrder;
-			for (let [n, r] of x) {
+			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
@@ -400,45 +403,45 @@ function te(h, te) {
 			return e;
 		},
 		rememberedPin(e) {
-			return C.get(e)?.pin ?? null;
+			return T.get(e)?.pin ?? null;
 		},
 		layoutChanged() {
-			j();
+			M();
 		},
 		setHome(e, t) {
-			return V = e, H = t, () => {
-				V = () => null, H = () => !1;
+			return H = e, U = t, () => {
+				H = () => null, U = () => !1;
 			};
 		},
 		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(Z);
-			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();
-			for (let e of x.keys()) e.remove();
-			x.clear();
+			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 = le(h.activeWindow), $;
 }
 //#endregion
-export { te as createWindowManager, h as deepActiveElement, m as desktopRendered, ee 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;
     /**
@@ -97,7 +106,18 @@ export declare class VfTextControlBase extends VfShadowRoleControl {
     constructor();
     /** The inner native control every field renders, tagged `vf-field`. */
     protected get control(): HTMLInputElement | HTMLTextAreaElement | null;
-    /** Select all of the field's text, as a native field's `select()` does. */
+    /**
+     * 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;
     /**

package/dist/text-control.js

@@ -40,7 +40,7 @@ var l = class extends a {
 		return `vf-field-well vf-snap${this.focusRule.marked ? " vf-focus-rule" : ""}`;
 	}
 	constructor() {
-		super(), this.value = "", this.placeholder = "", this.readonly = !1, this.name = "", this.label = "", this.scale = new n(this), this.gridSnap = new i(this), this.focusRule = new o(this), this.committed = null, this.addEventListener("focusin", () => {
+		super(), this.value = "", this.placeholder = "", this.readonly = !1, this.autoselect = !1, this.name = "", this.label = "", this.scale = new n(this), this.gridSnap = new i(this), this.focusRule = new o(this), this.committed = null, this.addEventListener("focusin", () => {
 			this.committed = this.value;
 		}), this.addEventListener("focusout", () => {
 			let e = this.control;
@@ -50,8 +50,12 @@ var l = class extends a {
 	get control() {
 		return this.renderRoot.querySelector(".vf-field");
 	}
+	focus(e) {
+		this.control?.focus(e);
+	}
 	select() {
-		this.control?.select();
+		let e = this.control;
+		e && e.value === this.value ? e.select() : this.updateComplete.then(() => this.control?.select());
 	}
 	connectedCallback() {
 		super.connectedCallback(), this.latchFormDefault(this.value);
@@ -94,6 +98,9 @@ var l = class extends a {
 r([c()], l.prototype, "value", void 0), r([c()], l.prototype, "placeholder", void 0), r([c({
 	type: Boolean,
 	reflect: !0
-})], l.prototype, "readonly", void 0), r([c({ reflect: !0 })], l.prototype, "name", void 0), r([c()], l.prototype, "label", void 0);
+})], l.prototype, "readonly", void 0), r([c({
+	type: Boolean,
+	reflect: !0
+})], l.prototype, "autoselect", void 0), r([c({ reflect: !0 })], l.prototype, "name", void 0), r([c()], l.prototype, "label", void 0);
 //#endregion
 export { l as VfTextControlBase };