@weasel-js/hud 1.11.0 → 1.12.0

package/dist/index.js

@@ -1,4 +1,4 @@
-import { a as e, c as t, d as n, f as r, i, l as a, n as o, o as s, r as c, s as l, t as u, u as d } from "./tool-B5AjewKP.js";
+import { a as e, c as t, d as n, f as r, i, l as a, n as o, o as s, r as c, s as l, t as u, u as d } from "./tool-DfJuN7jP.js";
 import { createViewportLayer as f, pathFromD as p, screenToWorld as m, textCommandFromRuns as h, viewToTransform as g } from "@weasel-js/core";
 import { clamp as _, identity as v, mat3 as y, multiply as b, pathFromD as x, rotateAboutPoint as S, roundRectPath as C, scale as w, translate as T } from "@weasel-js/geom";
 import { expandVars as E, parseBoxShadow as D, resolveCurrentColor as O, tokenPx as k } from "@weasel-js/theme";
@@ -10,7 +10,7 @@ import { releaseImageSource as se } from "@weasel-js/core/renderer";
 import { createLoupeModel as ce, loupeInnerView as le, loupeInnerView as F } from "@weasel-js/loupe";
 //#region src/menu/accessibleMenu.ts
 function ue(e, t) {
-	return t.kind === "number" ? `${t.label}: ${ee(e.numberValue(t), t)}` : t.kind === "color" ? `${t.label}: ${t.value ?? "—"}` : t.label;
+	return t.kind === "number" ? `${t.label}: ${ee(e.numberValue(t), t)}` : t.kind === "color" ? `${t.label}: ${t.value ?? "—"}` : t.kind === "text" ? `${t.label}: ${e.textValue(t) ?? "—"}` : t.label;
 }
 function I(e, t) {
 	let n = e.stack(), r = t === n.length - 1;
@@ -26,7 +26,7 @@ function I(e, t) {
 			label: ue(e, i),
 			...r && n[t] === a ? { active: !0 } : {},
 			...i.kind === "item" && i.checked !== void 0 ? { checked: i.checked } : {},
-			...i.disabled || i.kind === "color" ? { disabled: !0 } : {},
+			...i.disabled || i.kind === "color" || i.kind === "text" ? { disabled: !0 } : {},
 			...i.kind === "submenu" ? { expanded: s } : {},
 			...s ? { children: [{
 				role: "menu",
@@ -314,6 +314,7 @@ function Ce(e, t, n) {
 function we(e, t, n) {
 	if (e.kind === "number") return t.padX + K(0, t).width;
 	if (e.kind === "color") return Math.max(t.rowHeight, t.padX + n(e.value ?? "—", t.fontSize));
+	if (e.kind === "text") return t.padX + n(e.value ?? "—", t.fontSize);
 }
 var q = (e) => ({ paint: {
 	kind: "solid",
@@ -345,6 +346,15 @@ function Te(e, t, n, r, i, a) {
 	];
 }
 function Ee(e, t, n, r, i) {
+	return [h(e.x + r.padX, e.y + t.y, [{
+		text: n ?? "—",
+		fill: q(i.muted)
+	}], {
+		...i.font,
+		align: "right"
+	}, void 0, t.h, "center", void 0, e.w - r.padX * 2)];
+}
+function De(e, t, n, r, i) {
 	let a = [];
 	if (n.value !== void 0) {
 		let o = e.x + r.padX + (r.rowHeight - 12) / 2, s = e.y + t.y + (t.h - 12) / 2;
@@ -395,13 +405,13 @@ function X(e, t) {
 		return n += r, i;
 	});
 }
-var De = (e) => e.kind === "item" ? ae(e.shortcut) : void 0;
-function Oe(e, t, n) {
+var Oe = (e) => e.kind === "item" ? ae(e.shortcut) : void 0;
+function ke(e, t, n) {
 	let r = X(e, t).at(-1), i = Math.max(0, ...e.map((e) => {
 		if (e.kind === "separator") return 0;
 		let r = we(e, t, n);
 		if (r !== void 0) return n(e.label, t.fontSize) + r;
-		let i = De(e);
+		let i = Oe(e);
 		return n(e.label, t.fontSize) + Math.max(t.rowHeight, i ? t.padX + n(i, t.fontSize) : 0);
 	}));
 	return {
@@ -412,7 +422,7 @@ function Oe(e, t, n) {
 var Z = (e) => ({ paint: {
 	kind: "solid",
 	color: e
-} }), ke = (e, t, n, r, i) => ({
+} }), Ae = (e, t, n, r, i) => ({
 	kind: "path",
 	path: {
 		kind: "rect",
@@ -423,7 +433,7 @@ var Z = (e) => ({ paint: {
 	},
 	fill: Z(i)
 });
-function Ae(e, t, n) {
+function je(e, t, n) {
 	return {
 		kind: "path",
 		path: p(`M ${e - 3 / 2} ${t - 3} L ${e + 3 / 2} ${t} L ${e - 3 / 2} ${t + 3}`),
@@ -437,7 +447,7 @@ function Ae(e, t, n) {
 		}
 	};
 }
-function je(e, t, n) {
+function Me(e, t, n) {
 	return {
 		kind: "path",
 		path: p(`M ${e - 4} ${t} L ${e - 1.5} ${t + 2.5} L ${e + 4} ${t - 3}`),
@@ -452,12 +462,12 @@ function je(e, t, n) {
 		}
 	};
 }
-var Q = 16, Me = "var(--wzl-bevel-raised, 0 8px 24px var(--wzl-shadow))";
-function Ne(e, t, n, r, i, a, o = (e) => e.value) {
+var Q = 16, Ne = "var(--wzl-bevel-raised, 0 8px 24px var(--wzl-shadow))";
+function Pe(e, t, n, r, i, a, o = (e) => e.value) {
 	let s = e.tokens, c = s["--wzl-fg"], l = O(s["--wzl-fg-muted"], c), u = k("--wzl-radius-md", s), d = {
 		fontFamily: e.defaultFont,
 		fontSize: i.fontSize
-	}, f = z(t, u, D(E(Me, s)), c, {
+	}, f = z(t, u, D(E(Ne, s)), c, {
 		x: t.x + 1,
 		y: t.y + 1,
 		w: t.w - 2,
@@ -481,23 +491,23 @@ function Ne(e, t, n, r, i, a, o = (e) => e.value) {
 	return n.forEach((e, n) => {
 		let u = m[n];
 		if (e.kind === "separator") {
-			p.push(ke(t.x + i.padX, t.y + u.y + Math.floor(u.h / 2), t.w - i.padX * 2, 1, s["--wzl-border"]));
+			p.push(Ae(t.x + i.padX, t.y + u.y + Math.floor(u.h / 2), t.w - i.padX * 2, 1, s["--wzl-border"]));
 			return;
 		}
-		n === r && p.push(ke(t.x + 2, t.y + u.y, t.w - 4, u.h, s["--wzl-surface-hover"]));
-		let f = e.disabled || e.kind === "color" ? l : c;
+		n === r && p.push(Ae(t.x + 2, t.y + u.y, t.w - 4, u.h, s["--wzl-surface-hover"]));
+		let f = e.disabled || e.kind === "color" || e.kind === "text" ? l : c;
 		p.push(h(t.x + i.padX + i.rowHeight, t.y + u.y, [{
 			text: e.label,
 			fill: Z(f)
 		}], d, void 0, u.h, "center"));
 		let g = t.x + i.padX + i.rowHeight / 2, _ = t.y + u.y + u.h / 2, v = e.kind !== "color" && typeof e.icon == "string" ? oe(e.icon) : void 0, y = v ? a?.get(v) : void 0;
-		e.kind === "item" && e.checked ? p.push(je(g, _, f)) : y && p.push(...G(y, {
+		e.kind === "item" && e.checked ? p.push(Me(g, _, f)) : y && p.push(...G(y, {
 			x: g - Q / 2,
 			y: _ - Q / 2,
 			size: Q,
 			color: f
 		}));
-		let b = De(e);
+		let b = Oe(e);
 		b && p.push(h(t.x + i.padX, t.y + u.y, [{
 			text: b,
 			fill: Z(l)
@@ -511,21 +521,21 @@ function Ne(e, t, n, r, i, a, o = (e) => e.value) {
 			border: s["--wzl-border"],
 			font: d
 		};
-		e.kind === "number" && p.push(...Te(t, u, e, o(e), i, x)), e.kind === "color" && p.push(...Ee(t, u, e, i, x)), e.kind === "submenu" && p.push(Ae(t.x + t.w - i.padX - i.rowHeight / 2, t.y + u.y + u.h / 2, f));
+		e.kind === "number" && p.push(...Te(t, u, e, o(e), i, x)), e.kind === "color" && p.push(...De(t, u, e, i, x)), e.kind === "text" && p.push(...Ee(t, u, e.value, i, x)), e.kind === "submenu" && p.push(je(t.x + t.w - i.padX - i.rowHeight / 2, t.y + u.y + u.h / 2, f));
 	}), p;
 }
-function Pe(e, t, n) {
+function Fe(e, t, n) {
 	let r = X(e, t).findIndex((e) => n >= e.y && n < e.y + e.h);
 	return r < 0 ? null : r;
 }
 //#endregion
 //#region src/menu/measureLabel.ts
-function Fe(e, t) {
+function Ie(e, t) {
 	return e.length * t * .55;
 }
-function Ie(e, t, n) {
+function Le(e, t, n) {
 	let r = j(M(n, 400, "normal"));
-	if (!r) return Fe(e, t);
+	if (!r) return Ie(e, t);
 	let i = 0, a = null;
 	for (let t of e) {
 		let e = t.codePointAt(0);
@@ -535,7 +545,7 @@ function Ie(e, t, n) {
 }
 //#endregion
 //#region src/menu/placePanels.ts
-function Le(e) {
+function Re(e) {
 	let t = [], n = null;
 	return (r, i) => {
 		let a = A();
@@ -556,7 +566,7 @@ function Le(e) {
 				continue;
 			}
 			f = !1;
-			let p = Oe(a, l, (t, n) => i === null ? Fe(t, n) : e.measure(t, n, i)), m;
+			let p = ke(a, l, (t, n) => i === null ? Ie(t, n) : e.measure(t, n, i)), m;
 			if (n === 0) m = e.under ? ne(p, e.under, c) : te(p, e.anchor, c);
 			else {
 				let e = d[n - 1].rect, t = X(r.entriesAt(n - 1), l)[o];
@@ -584,14 +594,14 @@ function Le(e) {
 }
 //#endregion
 //#region src/menu/menuWidget.ts
-var Re = [
+var ze = [
 	"pointer",
 	"doubleClick",
 	"contextMenu",
 	"longPress",
 	"wheel"
 ];
-function ze(e, t) {
+function Be(e, t) {
 	let n = t({
 		x: e.x,
 		y: e.y
@@ -606,16 +616,16 @@ function ze(e, t) {
 		h: r.y - n.y
 	};
 }
-function Be(e) {
+function Ve(e) {
 	let t = e.metrics ?? Y, r = n(e.onChange), i = N({
 		entries: ie(e.open.entries, (e) => window.location.assign(e)),
 		highlightFirst: e.open.source === "keyboard",
 		onClose: e.close
-	}), a = Le({
+	}), a = Re({
 		anchor: e.toCanvas(e.open.client),
-		...e.open.under ? { under: ze(e.open.under, e.toCanvas) } : {},
+		...e.open.under ? { under: Be(e.open.under, e.toCanvas) } : {},
 		canvasSize: e.canvasSize,
-		measure: e.measure ?? Ie,
+		measure: e.measure ?? Le,
 		metrics: t
 	}), o = null, s = a(i, o), c = !1, l = !1, u = null;
 	i.subscribe(() => {
@@ -653,7 +663,7 @@ function Be(e) {
 		if (e.type !== "hovermove" && e.type !== "move" && e.type !== "up") return;
 		let n = d(e.x, e.y), r = e.type === "up" && l;
 		if (e.type === "up" && (l = !1), r || p(n < 0 ? null : n), n < 0) return;
-		let a = i.entriesAt(n), o = Pe(a, t, e.y - s[n].y);
+		let a = i.entriesAt(n), o = Fe(a, t, e.y - s[n].y);
 		if (!r) i.hover(n, o, {
 			x: e.x,
 			y: e.y
@@ -676,7 +686,7 @@ function Be(e) {
 		get disposed() {
 			return c;
 		},
-		claims: Re,
+		claims: ze,
 		focusable: !0,
 		focusRing: !1,
 		accessibleName: "Context menu",
@@ -687,7 +697,7 @@ function Be(e) {
 			A(),
 			e.icons?.getVersion()
 		],
-		draw: (n) => (o = n.defaultFont, s = a(i, o), s.flatMap((r, a) => Ne(n, r, i.entriesAt(a), i.stack()[a] ?? null, t, e.icons, i.numberValue))),
+		draw: (n) => (o = n.defaultFont, s = a(i, o), s.flatMap((r, a) => Pe(n, r, i.entriesAt(a), i.stack()[a] ?? null, t, e.icons, i.numberValue))),
 		hitTest: (e, t) => d(e, t) >= 0,
 		cursorAt: () => "default",
 		onPointer: m,
@@ -699,7 +709,7 @@ function Be(e) {
 }
 //#endregion
 //#region src/menu/attachMenuHost.ts
-function Ve(e, t, n) {
+function He(e, t, n) {
 	let r = null, i = {
 		widget: null,
 		visible: !1
@@ -723,7 +733,7 @@ function Ve(e, t, n) {
 			c && o();
 			return;
 		}
-		let l = Be({
+		let l = Ve({
 			...n,
 			open: s,
 			close: () => {
@@ -753,7 +763,7 @@ function Ve(e, t, n) {
 }
 //#endregion
 //#region src/loupe/contentWatch.ts
-function He(e) {
+function Ue(e) {
 	let t = "", n = null;
 	return {
 		drew(e) {
@@ -770,12 +780,12 @@ function He(e) {
 }
 //#endregion
 //#region src/loupe/pointerAim.ts
-var Ue = [
+var We = [
 	"pointerup",
 	"pointercancel",
 	"lostpointercapture"
 ];
-function We(e, t) {
+function Ge(e, t) {
 	let n = !1, r = (t) => {
 		let n = e.getBoundingClientRect();
 		return {
@@ -790,15 +800,15 @@ function We(e, t) {
 		n = !1;
 	};
 	e.addEventListener("pointermove", i), e.addEventListener("pointerdown", a);
-	for (let t of Ue) e.addEventListener(t, o);
+	for (let t of We) e.addEventListener(t, o);
 	return () => {
 		e.removeEventListener("pointermove", i), e.removeEventListener("pointerdown", a);
-		for (let t of Ue) e.removeEventListener(t, o);
+		for (let t of We) e.removeEventListener(t, o);
 	};
 }
 //#endregion
 //#region src/loupe/readback.ts
-function Ge(e, t, n, r, i, a, o) {
+function Ke(e, t, n, r, i, a, o) {
 	let s = n.x + Math.round(r.x * i), c = n.y + Math.round(r.y * i), l = _(s - Math.floor(a / 2), n.x, n.x + Math.max(0, n.width - a)), u = t - _(c - Math.floor(o / 2), n.y, n.y + Math.max(0, n.height - o)) - o, d = new Uint8Array(a * o * 4);
 	e.readPixels(l, u, a, o, e.RGBA, e.UNSIGNED_BYTE, d);
 	let f = new Uint8ClampedArray(a * o * 4), p = a * 4;
@@ -810,7 +820,7 @@ function Ge(e, t, n, r, i, a, o) {
 }
 //#endregion
 //#region src/loupe/createLoupe.ts
-var Ke = (e, t) => ({
+var qe = (e, t) => ({
 	kind: "path",
 	path: {
 		kind: "rect",
@@ -823,13 +833,13 @@ var Ke = (e, t) => ({
 		kind: "solid",
 		color: t
 	} }
-}), $ = "weasel-loupe:lens", qe = {
+}), $ = "weasel-loupe:lens", Je = {
 	x: 0,
 	y: 0,
 	w: 0,
 	h: 0
 };
-function Je(e, t, n, r, i) {
+function Ye(e, t, n, r, i) {
 	if (t && t.id !== null) {
 		let n = {
 			x: (e.x - t.rect.x) / t.view.scale.x + t.view.x,
@@ -843,7 +853,7 @@ function Je(e, t, n, r, i) {
 		y: a[1]
 	}, n, r, i);
 }
-function Ye(e) {
+function Xe(e) {
 	let { hud: t, canvas: n, requestRedraw: r } = e, i = e.views, a = i !== void 0 && e.interactive === !0, o = e.input ?? n, s = null, c = null, l = () => {
 		c &&= (se(c), c.close(), null);
 	}, u = !1, d = !1, p = !1, m = !1, h = e.bounds ?? {
@@ -851,7 +861,7 @@ function Ye(e) {
 		y: 24,
 		w: 220,
 		h: 200
-	}, g = He(e.contentVersion ?? i?.getPaintedVersion), _ = !1, v = (e) => (g.drew(e.view), j.mode === "vector" ? S(e) : C(e)), y = (t) => e.background ?? t.tokens["--wzl-surface"], b = (e) => Ke(e, y(e)), x = (e, t) => Je(j.aim, i?.viewAt?.(j.aim, { except: $ }) ?? null, e, t, j.factor), S = (t) => i ? s ? [b(t), ...s.draw(t.data, t.view, t.dims)] : [b(t)] : f({
+	}, g = Ue(e.contentVersion ?? i?.getPaintedVersion), _ = !1, v = (e) => (g.drew(e.view), j.mode === "vector" ? S(e) : C(e)), y = (t) => e.background ?? t.tokens["--wzl-surface"], b = (e) => qe(e, y(e)), x = (e, t) => Ye(j.aim, i?.viewAt?.(j.aim, { except: $ }) ?? null, e, t, j.factor), S = (t) => i ? s ? [b(t), ...s.draw(t.data, t.view, t.dims)] : [b(t)] : f({
 		id: `${O.id}:lens`,
 		label: "Loupe content",
 		source: e.source ?? [],
@@ -888,7 +898,7 @@ function Ye(e) {
 			width: n.width,
 			height: n.height
 		};
-		return Ge(o, n.height, u, t, c, r(c), a(c));
+		return Ke(o, n.height, u, t, c, r(c), a(c));
 	}, E = () => {
 		if (p || j.mode !== "pixel") return;
 		let e = O.contentRect, t = T(j.aim, (t) => Math.max(1, Math.round(e.w * t / j.factor)), (t) => Math.max(1, Math.round(e.h * t / j.factor)));
@@ -948,13 +958,13 @@ function Ye(e) {
 	i && (s = i.addView({
 		id: $,
 		label: "Loupe",
-		bounds: () => O.hidden ? qe : O.contentRect,
+		bounds: () => O.hidden ? Je : O.contentRect,
 		view: (e) => x(e, O.contentRect),
 		paint: !1,
 		interactive: a,
 		...e.source ? { layers: () => e.source } : {}
 	}));
-	let M = We(o, {
+	let M = Ge(o, {
 		aimAt: (e) => j.aimAt(e),
 		holds: (e) => a && k.covers(e)
 	}), N = () => {
@@ -987,6 +997,6 @@ function Ye(e) {
 	};
 }
 //#endregion
-export { i as DEFAULT_FONT_FAMILY, Y as DEFAULT_MENU_METRICS, a as DEFAULT_WIDGET_CLAIMS, l as DEFAULT_WINDOW_METRICS, u as HUD_AFFORDANCE_KIND, c as attachHud, Ve as attachMenuHost, z as boxShadowCommands, d as claimsOf, s as createHud, o as createHudContribution, Ye as createLoupe, Be as createMenuWidget, t as cursorForZone, G as glyphCommands, r as isFocusable, le as loupeInnerView, Ie as measureLabel, e as registerDefaultFont };
+export { i as DEFAULT_FONT_FAMILY, Y as DEFAULT_MENU_METRICS, a as DEFAULT_WIDGET_CLAIMS, l as DEFAULT_WINDOW_METRICS, u as HUD_AFFORDANCE_KIND, c as attachHud, He as attachMenuHost, z as boxShadowCommands, d as claimsOf, s as createHud, o as createHudContribution, Xe as createLoupe, Ve as createMenuWidget, t as cursorForZone, G as glyphCommands, r as isFocusable, le as loupeInnerView, Le as measureLabel, e as registerDefaultFont };
 
 //# sourceMappingURL=index.js.map