@weasel-js/core 1.9.3 → 1.10.0

package/README.md

@@ -24,8 +24,10 @@ npm install @weasel-js/core react
 
 `react` is a peer dependency (>=18).
 
-The canvas's debug overlays (`cursorCoordsHud`, `pickHud`, `modalityHud`) are
-styled by core's stylesheet. Import it once if you turn any of them on:
+Import core's stylesheet once. It gives every canvas the kit renders its size
+on the page, and styles the canvas's debug overlays (`cursorCoordsHud`,
+`pickHud`, `modalityHud`). Without it a canvas is as large as its drawing
+buffer, which on a high-density screen is twice the size you asked for:
 
 ```ts
 import '@weasel-js/core/style.css';
@@ -47,10 +49,10 @@ A bare `<SceneCanvas>` only renders. It keeps a selection that nothing sets from
 | `resize` | resize handles |
 | `rotate` | the rotation handle |
 | `transform` | `resize` and `rotate` |
-| `edit` | undo/redo, delete, duplicate, group/ungroup, nudge, select-all, Escape, cut/copy/paste, fill and stroke, and their keys |
+| `edit` | undo/redo, delete, duplicate, group/ungroup, nudge, select-all, Escape, cut/copy/paste, fill and stroke, and their keys; Cmd/Ctrl+V pastes nodes a kit canvas copied, and nothing else |
 | `arrange` | align, distribute, reorder, flip |
 | `paths` | pathfinder operations, path editing and anchor editing |
-| `ingest` | dropped and pasted content |
+| `ingest` | dropped and pasted content: images, SVG, files, and consumer content handlers, on Cmd/Ctrl+V or an OS drop |
 | `draw` | every preset above |
 
 `defaultTools` adds built-in tools on top, and each brings the actions it binds: `defaultTools={['rect']}` brings `insert`.
@@ -139,7 +141,7 @@ await registerFont('Inter', { weight: 400 }, '/fonts/Inter-400.json', '/fonts/In
 
 Core doesn't ship a prebuilt atlas — bake one from a weasel checkout with `npm run gen:font -- <font.ttf> --name Inter-400 --out public/fonts` (see [`packages/font/scripts/gen-font.ts`](https://github.com/orochi235/weasel/blob/main/packages/font/scripts/gen-font.ts)) and serve the resulting `.json`/`.png` pair. `@weasel-js/hud` bundles its own Inter atlas for its widgets.
 
-The glyph tier lives in `@weasel-js/font`; `registerFont` is re-exported from core, so the import above keeps working. An unregistered family renders in the default family with a one-time warning — see that package's README for `setFontFallbackPolicy`.
+`registerFont` lives in `@weasel-js/font` and is re-exported from core. An unregistered family renders in the default family with a one-time warning — see that package's README for `setFontFallbackPolicy`.
 
 ## Custom shaders (`@experimental`)
 

package/dist/WeaselProvider.js

@@ -1,13 +1,11 @@
-import { PointerContextProvider as e } from "./features/pointer/PointerContext.js";
-import { SelectionContextProvider as t, SelectionContextProviderIfRoot as n } from "./features/selection/SelectionContext.js";
-import { PointerProviderIfRoot as r } from "./canvas/SceneCanvas/PointerProviderIfRoot.js";
-import { ActionsProviderIfRoot as i } from "./canvas/SceneCanvas/ActionsProviderIfRoot.js";
-import { DepRegistryProviderIfRoot as a } from "./canvas/SceneCanvas/DepRegistryProviderIfRoot.js";
-import { ActionsProvider as o, ActiveToolContextProvider as s, ActiveToolContextProviderIfRoot as c, DepRegistryProvider as l } from "@weasel-js/routing/react";
+import { PointerProviderIfRoot as e } from "./canvas/SceneCanvas/PointerProviderIfRoot.js";
+import { ActionsProviderIfRoot as t } from "./canvas/SceneCanvas/ActionsProviderIfRoot.js";
+import { DepRegistryProviderIfRoot as n } from "./canvas/SceneCanvas/DepRegistryProviderIfRoot.js";
+import { ActionsProvider as r, ActiveToolContextProvider as i, ActiveToolContextProviderIfRoot as a, DepRegistryProvider as o, PointerContextProvider as s, SelectionContextProvider as c, SelectionContextProviderIfRoot as l } from "@weasel-js/routing/react";
 import { jsx as u } from "react/jsx-runtime";
 //#region src/WeaselProvider.tsx
 function d({ children: d, isolate: f = !1 }) {
-	return /* @__PURE__ */ u(f ? l : a, { children: /* @__PURE__ */ u(f ? o : i, { children: /* @__PURE__ */ u(f ? s : c, { children: /* @__PURE__ */ u(f ? t : n, { children: /* @__PURE__ */ u(f ? e : r, { children: d }) }) }) }) });
+	return /* @__PURE__ */ u(f ? o : n, { children: /* @__PURE__ */ u(f ? r : t, { children: /* @__PURE__ */ u(f ? i : a, { children: /* @__PURE__ */ u(f ? c : l, { children: /* @__PURE__ */ u(f ? s : e, { children: d }) }) }) }) });
 }
 //#endregion
 export { d as WeaselProvider };

package/dist/WeaselProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"WeaselProvider.js","names":["WeaselProvider","isolate","DepRegistryProvider","DepRegistryProviderIfRoot","ActionsProvider","ActionsProviderIfRoot","ActiveToolContextProvider","ActiveToolContextProviderIfRoot","SelectionContextProvider","SelectionContextProviderIfRoot","PointerContextProvider","PointerProviderIfRoot"],"sources":["../src/WeaselProvider.tsx"],"sourcesContent":["/**\n * `<WeaselProvider>` — top-level convenience that mounts all five kit-root\n * contexts in a single wrap. By default each underlying provider uses its\n * `IfRoot` variant, so `<WeaselProvider>` is safely nestable: when a parent\n * `<WeaselProvider>` (or any of the individual providers) is already in\n * scope, the inner one renders its children unwrapped and defers to the\n * parent registry. `isolate` opts out of that.\n *\n * Use this at the harness / app root above any `useTools(...)` call so the\n * resulting `ToolsApi` is bound to the same `ActiveToolContext` the\n * surrounding `<SceneCanvas>` reads — otherwise keybinding-driven tool\n * switches update local state in the outer `useTools` but the dispatcher\n * (which reads the context) sees a stale active tool.\n *\n * Provider nesting order matches the order `<SceneCanvas>` mounts them\n * internally so swapping a manual SceneCanvas-wrapping setup for\n * `<WeaselProvider>` doesn't change effect ordering.\n */\nimport type { ComponentType, ReactNode } from 'react';\nimport { DepRegistryProviderIfRoot } from './canvas/SceneCanvas/DepRegistryProviderIfRoot';\nimport { ActionsProviderIfRoot } from './canvas/SceneCanvas/ActionsProviderIfRoot';\nimport { PointerProviderIfRoot } from './canvas/SceneCanvas/PointerProviderIfRoot';\nimport { ActiveToolContextProvider, ActiveToolContextProviderIfRoot } from '@weasel-js/routing/react';\nimport {\n  SelectionContextProvider,\n  SelectionContextProviderIfRoot,\n} from './features/selection/SelectionContext';\nimport { DepRegistryProvider } from '@weasel-js/routing/react';\nimport { ActionsProvider } from '@weasel-js/routing/react';\nimport { PointerContextProvider } from './features/pointer/PointerContext';\n\ntype Wrapper = ComponentType<{ children: ReactNode }>;\n\n/** Props for {@link WeaselProvider}. */\nexport interface WeaselProviderProps {\n  children: ReactNode;\n  /**\n   * Mount every provider unconditionally rather than deferring to one already\n   * in scope.\n   *\n   * An actions registry holds one dispatcher, so a second `<SceneCanvas>`\n   * joining a scope displaces the first and takes its input away. Two canvases\n   * on one page each want their own scope; wrap each in an isolated provider.\n   * The cost is that they share nothing — a toolbar outside both can drive\n   * neither.\n   */\n  isolate?: boolean;\n}\n\n/**\n * Mounts every kit-wide provider at once — deps, actions, active tool,\n * selection and pointer — each only if one is not already in scope, or\n * unconditionally under `isolate`.\n *\n * `<SceneCanvas>` does this for itself, so this is for the case where kit\n * state has to be shared by things outside a canvas: a toolbar, a property\n * panel, or two canvases that should agree on the selection.\n */\nexport function WeaselProvider({ children, isolate = false }: WeaselProviderProps) {\n  const Deps: Wrapper = isolate ? DepRegistryProvider : DepRegistryProviderIfRoot;\n  const Actions: Wrapper = isolate ? ActionsProvider : ActionsProviderIfRoot;\n  const ActiveTool: Wrapper = isolate\n    ? ActiveToolContextProvider\n    : ActiveToolContextProviderIfRoot;\n  const Selection: Wrapper = isolate\n    ? SelectionContextProvider\n    : SelectionContextProviderIfRoot;\n  const Pointer: Wrapper = isolate ? PointerContextProvider : PointerProviderIfRoot;\n  return (\n    <Deps>\n      <Actions>\n        <ActiveTool>\n          <Selection>\n            <Pointer>\n              {children}\n            </Pointer>\n          </Selection>\n        </ActiveTool>\n      </Actions>\n    </Deps>\n  );\n}\n"],"mappings":";;;;;;;;AA0DA,SAAgBA,EAAe,EAAE,aAAU,aAAU,MAA8B;CAUjF,OACE,kBAVoBC,IAAUC,IAAsBC,GAUpD,EAAA,UACE,kBAVqBF,IAAUG,IAAkBC,GAUjD,EAAA,UACE,kBAVsBJ,IACxBK,IACAC,GAQE,EAAA,UACE,kBARmBN,IACvBO,IACAC,GAMI,EAAA,UACE,kBANeR,IAAUS,IAAyBC,GAMlD,EACG,YACM,CAAA,EACA,CAAA,EACD,CAAA,EACL,CAAA,EACL,CAAA;AAEV"}
+{"version":3,"file":"WeaselProvider.js","names":["WeaselProvider","isolate","DepRegistryProvider","DepRegistryProviderIfRoot","ActionsProvider","ActionsProviderIfRoot","ActiveToolContextProvider","ActiveToolContextProviderIfRoot","SelectionContextProvider","SelectionContextProviderIfRoot","PointerContextProvider","PointerProviderIfRoot"],"sources":["../src/WeaselProvider.tsx"],"sourcesContent":["import type { ComponentType, ReactNode } from 'react';\nimport { DepRegistryProviderIfRoot } from './canvas/SceneCanvas/DepRegistryProviderIfRoot';\nimport { ActionsProviderIfRoot } from './canvas/SceneCanvas/ActionsProviderIfRoot';\nimport { PointerProviderIfRoot } from './canvas/SceneCanvas/PointerProviderIfRoot';\nimport { ActiveToolContextProvider, ActiveToolContextProviderIfRoot } from '@weasel-js/routing/react';\nimport {\n  SelectionContextProvider,\n  SelectionContextProviderIfRoot,\n} from '@weasel-js/routing/react';\nimport { DepRegistryProvider } from '@weasel-js/routing/react';\nimport { ActionsProvider } from '@weasel-js/routing/react';\nimport { PointerContextProvider } from '@weasel-js/routing/react';\n\ntype Wrapper = ComponentType<{ children: ReactNode }>;\n\n/** Props for {@link WeaselProvider}. */\nexport interface WeaselProviderProps {\n  children: ReactNode;\n  /**\n   * Mount every provider unconditionally rather than deferring to one already\n   * in scope.\n   *\n   * An actions registry holds one dispatcher, so a second `<SceneCanvas>`\n   * joining a scope displaces the first and takes its input away. Wrap each of\n   * two canvases on one page in an isolated provider. They then share\n   * nothing — a toolbar outside both can drive neither.\n   */\n  isolate?: boolean;\n}\n\n/**\n * Mounts every kit-wide provider at once — deps, actions, active tool,\n * selection, and pointer — each only if one is not already in scope, or\n * unconditionally under `isolate`.\n *\n * `<SceneCanvas>` does this for itself, so this is for the case where kit\n * state has to be shared by things outside a canvas: a toolbar, a property\n * panel, or two canvases that should agree on the selection. Mount it above\n * any `useTools(...)` call, or the dispatcher sees a stale active tool.\n */\nexport function WeaselProvider({ children, isolate = false }: WeaselProviderProps) {\n  const Deps: Wrapper = isolate ? DepRegistryProvider : DepRegistryProviderIfRoot;\n  const Actions: Wrapper = isolate ? ActionsProvider : ActionsProviderIfRoot;\n  const ActiveTool: Wrapper = isolate\n    ? ActiveToolContextProvider\n    : ActiveToolContextProviderIfRoot;\n  const Selection: Wrapper = isolate\n    ? SelectionContextProvider\n    : SelectionContextProviderIfRoot;\n  const Pointer: Wrapper = isolate ? PointerContextProvider : PointerProviderIfRoot;\n  return (\n    <Deps>\n      <Actions>\n        <ActiveTool>\n          <Selection>\n            <Pointer>\n              {children}\n            </Pointer>\n          </Selection>\n        </ActiveTool>\n      </Actions>\n    </Deps>\n  );\n}\n"],"mappings":";;;;;;AAwCA,SAAgBA,EAAe,EAAE,aAAU,aAAU,MAA8B;CAUjF,OACE,kBAVoBC,IAAUC,IAAsBC,GAUpD,EAAA,UACE,kBAVqBF,IAAUG,IAAkBC,GAUjD,EAAA,UACE,kBAVsBJ,IACxBK,IACAC,GAQE,EAAA,UACE,kBARmBN,IACvBO,IACAC,GAMI,EAAA,UACE,kBANeR,IAAUS,IAAyBC,GAMlD,EACG,YACM,CAAA,EACA,CAAA,EACD,CAAA,EACL,CAAA,EACL,CAAA;AAEV"}

package/dist/affordances/composeAffordanceLayer.js

@@ -1,29 +1,29 @@
 import { viewToTransform as e } from "../core/viewport/view.js";
 import { worldToScreen as t } from "../core/viewport/viewTransform.js";
-import { pxExtent as n } from "../core/viewport/pxExtent.js";
-import { angleOf as r, annulusSemiAxes as i, hitAffordanceRegions as a, localToWorld as o, pointRegionAnchor as s, pointRegionFrame as c, pointRegionScreenQuad as l, transformOf as u } from "./hitAffordanceRegions.js";
-import { PATH_L as d, PATH_M as f, PATH_Z as p } from "@weasel-js/geom";
+import { angleOf as n, isRigid as r, localToWorld as i, pxExtentIn as a, targetCorners as o } from "../core/geometry/targetFrame.js";
+import { annulusSemiAxes as s, hitAffordanceRegions as c, pointRegionAnchor as l, pointRegionFrame as u, pointRegionScreenQuad as d, transformOf as f } from "./hitAffordanceRegions.js";
+import { PATH_L as p, PATH_M as m, PATH_Z as h } from "@weasel-js/geom";
 //#region src/affordances/composeAffordanceLayer.ts
-function m(t, n, r) {
+function g(t, n, r) {
 	return {
 		id: t,
 		label: n,
 		space: "screen",
 		draw: (t, n, i) => {
-			let a = h(t), o = g(t), s = _(t), c = [], l = e(n);
+			let a = _(t), o = v(t), s = y(t), c = [], l = e(n);
 			for (let e of r) if (!s || s(e.id)) {
 				for (let t of e.regions(a)) {
-					let r = u(a, t.targetId);
-					t.paint && y(t, r, n, a, l, c), o && v(o, e.id, t, r, n);
+					let r = f(a, t.targetId);
+					t.paint && S(t, r, n, a, l, c), o && b(o, e.id, t, r, n);
 				}
 				if (e.decorate) for (let t of e.decorate(a, n)) c.push(t);
 			}
 			return c;
 		},
-		hitTest: (e, t, n, i, o, s) => {
-			let c = h(n);
-			if (!c) return null;
-			let l = a(r, e, t, c, i, s ?? _(n) ?? void 0);
+		hitTest: (e, t, n, i, a, o) => {
+			let s = _(n);
+			if (!s) return null;
+			let l = c(r, e, t, s, i, o ?? y(n) ?? void 0);
 			if (!l) return null;
 			let { cursor: u, strength: d, claimedKinds: f } = l.region;
 			return {
@@ -35,145 +35,148 @@ function m(t, n, r) {
 		}
 	};
 }
-function h(e) {
+function _(e) {
 	let t = e;
 	return typeof t?.getChromeState == "function" ? t.getChromeState() : e;
 }
-function g(e) {
+function v(e) {
 	let t = e;
 	return typeof t?.getDebug == "function" ? t.getDebug() : null;
 }
-function _(e) {
+function y(e) {
 	let t = e;
 	return typeof t?.getIsVisible == "function" ? t.getIsVisible() : null;
 }
-function v(e, t, n, a, s) {
+function b(e, t, n, r, i) {
 	if (n.shape.kind === "point") {
-		let r = c(n.shape, a, s), i = l(n.shape, a, s, (e, t) => [e, t]);
+		let a = u(n.shape, r, i), o = d(n.shape, r, i, (e, t) => [e, t]);
 		e.recordHitbox(t, "handle", {
 			kind: "polygon",
-			points: i.map((e) => ({
-				x: r.x + (e.x - r.x) / s.scale.x,
-				y: r.y + (e.y - r.y) / s.scale.y
+			points: o.map((e) => ({
+				x: a.x + (e.x - a.x) / i.scale.x,
+				y: a.y + (e.y - a.y) / i.scale.y
 			}))
 		});
 		return;
 	}
 	if (n.shape.kind === "annulus") {
-		let c = n.shape, { rx: l, ry: u } = i(c, s, r(a)), d = [
-			o(a, c.cx + l, c.cy),
-			o(a, c.cx - l, c.cy),
-			o(a, c.cx, c.cy + u),
-			o(a, c.cx, c.cy - u)
-		], f = Math.min(...d.map((e) => e.x)), p = Math.min(...d.map((e) => e.y)), m = Math.max(...d.map((e) => e.x)), h = Math.max(...d.map((e) => e.y));
+		let a = n.shape, { rx: o, ry: c } = s(a, i, r);
+		x(e, t, r, {
+			x: a.cx - o,
+			y: a.cy - c,
+			width: 2 * o,
+			height: 2 * c
+		});
+		return;
+	}
+	x(e, t, r, n.shape);
+}
+function x(e, t, a, s) {
+	if (!r(a)) {
 		e.recordHitbox(t, "handle", {
-			kind: "rect",
-			x: f,
-			y: p,
-			width: m - f,
-			height: h - p,
-			...a.identity ? {} : { rotation: Math.atan2(a.sin, a.cos) }
+			kind: "polygon",
+			points: o(s, a)
 		});
 		return;
 	}
-	let u = n.shape, d = o(a, u.x + u.width / 2, u.y + u.height / 2);
+	let c = i(a, s.x + s.width / 2, s.y + s.height / 2);
 	e.recordHitbox(t, "handle", {
 		kind: "rect",
-		x: d.x - u.width / 2,
-		y: d.y - u.height / 2,
-		width: u.width,
-		height: u.height,
-		...a.identity ? {} : { rotation: Math.atan2(a.sin, a.cos) }
+		x: c.x - s.width / 2,
+		y: c.y - s.height / 2,
+		width: s.width,
+		height: s.height,
+		...a.identity ? {} : { rotation: n(a) }
 	});
 }
-function y(e, a, o, s, l, u) {
-	let m = e.paint;
-	if (m.kind === "square") {
+function S(e, n, r, i, o, c) {
+	let l = e.paint;
+	if (l.kind === "square") {
 		if (e.shape.kind !== "point") return;
-		let n = c(e.shape, a, o), [r, i] = t(n.x, n.y, l), s = m.sizePx / 2, h = m.fill ? { fill: m.fill } : {}, g = m.stroke ? { stroke: m.stroke } : {};
-		if (n.angle === 0) {
-			u.push({
+		let i = u(e.shape, n, r), [a, s] = t(i.x, i.y, o), d = l.sizePx / 2, f = l.fill ? { fill: l.fill } : {}, g = l.stroke ? { stroke: l.stroke } : {};
+		if (i.angle === 0) {
+			c.push({
 				kind: "path",
 				path: {
 					kind: "rect",
-					x: r - s,
-					y: i - s,
-					width: m.sizePx,
-					height: m.sizePx
+					x: a - d,
+					y: s - d,
+					width: l.sizePx,
+					height: l.sizePx
 				},
-				...h,
+				...f,
 				...g
 			});
 			return;
 		}
-		let _ = Math.cos(n.angle) * s, v = Math.sin(n.angle) * s, y = /* @__PURE__ */ new Float32Array(8);
+		let _ = Math.cos(i.angle) * d, v = Math.sin(i.angle) * d, y = /* @__PURE__ */ new Float32Array(8);
 		[
 			[-1, -1],
 			[1, -1],
 			[1, 1],
 			[-1, 1]
 		].forEach(([e, t], n) => {
-			y[n * 2] = r + _ * e - v * t, y[n * 2 + 1] = i + v * e + _ * t;
-		}), u.push({
+			y[n * 2] = a + _ * e - v * t, y[n * 2 + 1] = s + v * e + _ * t;
+		}), c.push({
 			kind: "path",
 			path: {
 				kind: "polygon",
 				commands: new Uint8Array([
-					f,
-					d,
-					d,
-					d,
-					p
+					m,
+					p,
+					p,
+					p,
+					h
 				]),
 				coords: y,
 				fillRule: "nonzero"
 			},
-			...h,
+			...f,
 			...g
 		});
 		return;
 	}
-	if (m.kind === "annulus") {
+	if (l.kind === "annulus") {
 		if (e.shape.kind !== "annulus") return;
-		let t = e.shape, s = n(m.insetPx ?? 0, o.scale, r(a)), c = b(t, i(t, o, r(a)), s, a, l, m.fill, m.stroke);
-		c && u.push(c);
+		let t = e.shape, i = a(l.insetPx ?? 0, r.scale, n), u = C(t, s(t, r, n), i, n, o, l.fill, l.stroke);
+		u && c.push(u);
 		return;
 	}
-	if (m.kind === "custom") {
+	if (l.kind === "custom") {
 		let t = {
-			world: x(e, a, o),
+			world: w(e, n, r),
 			local: e.shape,
-			view: o,
-			state: s
+			view: r,
+			state: i
 		};
-		for (let e of m.draw(t)) u.push(e);
+		for (let e of l.draw(t)) c.push(e);
 		return;
 	}
 }
-function b(e, n, r, i, a, s, c) {
+function C(e, n, r, a, o, s, c) {
 	let l = n.rx - r.x, u = n.ry - r.y;
 	if (l <= 0 || u <= 0) return null;
-	let m = e.cx, h = e.cy, g = e.innerWidth / 2 + r.x, _ = e.innerHeight / 2 + r.y, v = _ < u, y = g < l;
+	let d = e.cx, f = e.cy, g = e.innerWidth / 2 + r.x, _ = e.innerHeight / 2 + r.y, v = _ < u, y = g < l;
 	if (!v && !y) return null;
 	let b = v ? l * Math.sqrt(1 - (_ / u) ** 2) : 0, x = y ? u * Math.sqrt(1 - (g / l) ** 2) : 0, S = [], C = [];
 	function w(e, t) {
-		S.push(f), C.push({
-			x: m + l * Math.cos(e),
-			y: h + u * Math.sin(e)
+		S.push(m), C.push({
+			x: d + l * Math.cos(e),
+			y: f + u * Math.sin(e)
 		});
 		for (let n = 1; n <= 24; n++) {
 			let r = e + (t - e) * (n / 24);
-			S.push(d), C.push({
-				x: m + l * Math.cos(r),
-				y: h + u * Math.sin(r)
+			S.push(p), C.push({
+				x: d + l * Math.cos(r),
+				y: f + u * Math.sin(r)
 			});
 		}
-		S.push(p);
+		S.push(h);
 	}
 	v && (w(Math.atan2(-_ / u, b / l), Math.atan2(-_ / u, -b / l)), w(Math.atan2(_ / u, b / l), Math.atan2(_ / u, -b / l))), y && (w(Math.atan2(-x / u, g / l), Math.atan2(x / u, g / l)), w(Math.atan2(-x / u, -g / l), Math.atan2(x / u, -g / l) - 2 * Math.PI));
 	let T = new Float32Array(C.length * 2);
 	for (let e = 0; e < C.length; e++) {
-		let n = o(i, C[e].x, C[e].y), [r, s] = t(n.x, n.y, a);
+		let n = i(a, C[e].x, C[e].y), [r, s] = t(n.x, n.y, o);
 		T[e * 2] = r, T[e * 2 + 1] = s;
 	}
 	return {
@@ -188,37 +191,32 @@ function b(e, n, r, i, a, s, c) {
 		...c ? { stroke: c } : {}
 	};
 }
-function x(e, t, n) {
+function w(e, t, n) {
 	if (e.shape.kind === "point") {
-		let r = s(e.shape, t, n);
+		let r = l(e.shape, t, n);
 		return {
 			x: r.x,
 			y: r.y
 		};
 	}
 	if (e.shape.kind === "annulus") {
-		let a = e.shape, { rx: s, ry: c } = i(a, n, r(t)), l = [
-			o(t, a.cx + s, a.cy),
-			o(t, a.cx - s, a.cy),
-			o(t, a.cx, a.cy + c),
-			o(t, a.cx, a.cy - c)
-		], u = Math.min(...l.map((e) => e.x)), d = Math.min(...l.map((e) => e.y)), f = Math.max(...l.map((e) => e.x)), p = Math.max(...l.map((e) => e.y));
+		let r = e.shape, { rx: a, ry: o } = s(r, n, t), c = i(t, r.cx, r.cy), [l, u, d, f] = t.toWorld, p = Math.hypot(a * l, o * d), m = Math.hypot(a * u, o * f);
 		return {
-			x: u,
-			y: d,
-			width: f - u,
-			height: p - d
+			x: c.x - p,
+			y: c.y - m,
+			width: 2 * p,
+			height: 2 * m
 		};
 	}
-	let a = e.shape, c = o(t, a.x, a.y), l = o(t, a.x + a.width, a.y), u = o(t, a.x, a.y + a.height), d = o(t, a.x + a.width, a.y + a.height), f = Math.min(c.x, l.x, u.x, d.x), p = Math.min(c.y, l.y, u.y, d.y), m = Math.max(c.x, l.x, u.x, d.x), h = Math.max(c.y, l.y, u.y, d.y);
+	let r = e.shape, a = i(t, r.x, r.y), o = i(t, r.x + r.width, r.y), c = i(t, r.x, r.y + r.height), u = i(t, r.x + r.width, r.y + r.height), d = Math.min(a.x, o.x, c.x, u.x), f = Math.min(a.y, o.y, c.y, u.y), p = Math.max(a.x, o.x, c.x, u.x), m = Math.max(a.y, o.y, c.y, u.y);
 	return {
-		x: f,
-		y: p,
-		width: m - f,
-		height: h - p
+		x: d,
+		y: f,
+		width: p - d,
+		height: m - f
 	};
 }
 //#endregion
-export { m as composeAffordanceLayer };
+export { g as composeAffordanceLayer };
 
 //# sourceMappingURL=composeAffordanceLayer.js.map

package/dist/affordances/composeAffordanceLayer.js.map

@@ -1 +1 @@
-{"version":3,"file":"composeAffordanceLayer.js","names":["composeAffordanceLayer","state","asChromeState","data","debug","asDebugSink","isVisible","asIsVisible","out","t","viewToTransform","view","a","affordances","region","xf","transformOf","paintRegion","recordRegionHitbox","cmd","hit","hitAffordanceRegions","wx","wy","cursor","strength","claimedKinds","maybe","f","pointRegionFrame","quad","pointRegionScreenQuad","x","y","affordanceId","q","s","annulusSemiAxes","angleOf","pts","localToWorld","rx","ry","minX","p","minY","maxX","maxY","r","w","paint","sx","sy","worldToScreen","viewT","half","fill","stroke","c","sn","coords","u","v","i","PATH_M","PATH_L","PATH_Z","insetLocal","pxExtent","annulusCommand","ctx","worldOf","semiAxes","cx","shape","cy","rectHW","rectHH","haveTopBottom","haveLeftRight","xT","yR","cmds","localPts","appendPetal","t0","t1","pointRegionAnchor","b"],"sources":["../../src/affordances/composeAffordanceLayer.ts"],"sourcesContent":["import type { RenderLayer } from 'core/layers/render';\nimport type { DrawCommand } from '../renderer';\nimport type { ChromeState } from 'core/selection/chromeState';\nimport type { View } from 'core/viewport/view';\nimport { viewToTransform } from 'core/viewport/view';\nimport { worldToScreen } from 'core/viewport/viewTransform';\nimport { pxExtent } from 'core/viewport/pxExtent';\nimport type { DebugSink } from '../debug/types';\nimport type { FillStyle, Stroke } from '@weasel-js/paint';\nimport { PATH_M, PATH_L, PATH_Z } from '@weasel-js/geom';\nimport {\n  angleOf,\n  annulusSemiAxes,\n  hitAffordanceRegions,\n  localToWorld,\n  pointRegionAnchor,\n  pointRegionFrame,\n  pointRegionScreenQuad,\n  transformOf,\n  type TargetTransform,\n} from './hitAffordanceRegions';\nimport type {\n  Affordance,\n  AffordanceRegion,\n  CustomPaintContext,\n  LayerHit,\n} from './types';\n\n/**\n * @experimental\n * Bundle a list of Affordances into a single RenderLayer.\n *\n * Each affordance declares interactive regions in target-local coordinates;\n * this layer composes each target's bounds transform (rotation around the\n * AABB center, when present) once per region for both paint and hit-test.\n *\n * FillStyle order matches array order (first → last = bottom → top). Hit-test\n * walks regions in reverse (top → bottom) and returns the first non-null\n * binding.\n *\n * `decorate(state, view)` runs *after* a given affordance's regions for\n * paint only — useful for leader lines and other purely-visual chrome that\n * don't fit the region model.\n */\nexport function composeAffordanceLayer(\n  id: string,\n  label: string,\n  affordances: readonly Affordance[],\n): RenderLayer<ChromeState> & {\n  hitTest(\n    wx: number,\n    wy: number,\n    state: unknown,\n    view: View,\n    dims: { width: number; height: number },\n    isVisible?: (id: string) => boolean,\n  ): LayerHit | null;\n} {\n  return {\n    id,\n    label,\n    space: 'screen',\n    draw: (data, view, _dims): DrawCommand[] => {\n      const state = asChromeState(data);\n      const debug = asDebugSink(data);\n      const isVisible = asIsVisible(data);\n      const out: DrawCommand[] = [];\n      const t = viewToTransform(view);\n      for (const a of affordances) {\n        if (isVisible && !isVisible(a.id)) continue;\n        for (const region of a.regions(state)) {\n          const xf = transformOf(state, region.targetId);\n          if (region.paint) paintRegion(region, xf, view, state, t, out);\n          if (debug) recordRegionHitbox(debug, a.id, region, xf, view);\n        }\n        if (a.decorate) {\n          for (const cmd of a.decorate(state, view)) out.push(cmd);\n        }\n      }\n      return out;\n    },\n    // The walk itself lives in `hitAffordanceRegions` so this layer and\n    // `buildAffordanceAt` share one implementation rather than two that can\n    // drift. This wrapper lifts the region's declared cursor and claim onto\n    // the binding, the way `buildAffordanceAt` lifts them onto `AffordanceHit`.\n    hitTest: (wx, wy, data, view, _dims, isVisible): LayerHit | null => {\n      const state = asChromeState(data);\n      if (!state) return null;\n      const hit = hitAffordanceRegions(\n        affordances, wx, wy, state, view, isVisible ?? asIsVisible(data) ?? undefined,\n      );\n      if (!hit) return null;\n      const { cursor, strength, claimedKinds } = hit.region;\n      return {\n        ...hit.binding,\n        ...(cursor !== undefined ? { cursor } : {}),\n        ...(strength !== undefined ? { strength } : {}),\n        ...(claimedKinds !== undefined ? { claimedKinds } : {}),\n      };\n    },\n  };\n}\n\n// ─── Data unwrappers ────────────────────────────────────────────────────────\n\n// `draw` is called by Canvas with `CanvasHelpers` and by tests with a bare\n// `ChromeState`. Tests stay terse this way, and production gets the live\n// debug sink via the same channel.\nfunction asChromeState(data: unknown): ChromeState {\n  const maybe = data as { getChromeState?: () => ChromeState };\n  if (typeof maybe?.getChromeState === 'function') return maybe.getChromeState();\n  return data as ChromeState;\n}\n\nfunction asDebugSink(data: unknown): DebugSink | null {\n  const maybe = data as { getDebug?: () => DebugSink | null };\n  if (typeof maybe?.getDebug === 'function') return maybe.getDebug();\n  return null;\n}\n\n/** Pull a chrome-caps visibility predicate off the data envelope when\n *  present. When absent (legacy callers / tests passing bare state),\n *  every affordance renders — preserves pre-chrome-caps behavior. */\nfunction asIsVisible(data: unknown): ((id: string) => boolean) | null {\n  const maybe = data as { getIsVisible?: () => (id: string) => boolean };\n  if (typeof maybe?.getIsVisible === 'function') return maybe.getIsVisible();\n  return null;\n}\n\nfunction recordRegionHitbox(\n  debug: DebugSink,\n  affordanceId: string,\n  region: AffordanceRegion,\n  xf: TargetTransform,\n  view: View,\n): void {\n  if (region.shape.kind === 'point') {\n    // The hit square is a square on *screen* — turned with the target when the\n    // region asks — so in world it is a parallelogram, recorded as one.\n    const f = pointRegionFrame(region.shape, xf, view);\n    const quad = pointRegionScreenQuad(region.shape, xf, view, (x, y) => [x, y]);\n    debug.recordHitbox(affordanceId, 'handle', {\n      kind: 'polygon',\n      points: quad.map((q) => ({\n        x: f.x + (q.x - f.x) / view.scale.x,\n        y: f.y + (q.y - f.y) / view.scale.y,\n      })),\n    });\n    return;\n  }\n  if (region.shape.kind === 'annulus') {\n    // Approximate the annulus visualization as the outer ellipse's AABB.\n    // The DebugSink's hitbox primitives don't model ring shapes; the\n    // always-visible dev paint (`paint.kind === 'annulus'`) draws the\n    // actual ring. Consumers that want a precise debug overlay can match\n    // against the affordance id and render the annulus themselves.\n    const s = region.shape;\n    const { rx, ry } = annulusSemiAxes(s, view, angleOf(xf));\n    const pts = [\n      localToWorld(xf, s.cx + rx, s.cy),\n      localToWorld(xf, s.cx - rx, s.cy),\n      localToWorld(xf, s.cx, s.cy + ry),\n      localToWorld(xf, s.cx, s.cy - ry),\n    ];\n    const minX = Math.min(...pts.map((p) => p.x));\n    const minY = Math.min(...pts.map((p) => p.y));\n    const maxX = Math.max(...pts.map((p) => p.x));\n    const maxY = Math.max(...pts.map((p) => p.y));\n    debug.recordHitbox(affordanceId, 'handle', {\n      kind: 'rect',\n      x: minX,\n      y: minY,\n      width: maxX - minX,\n      height: maxY - minY,\n      ...(xf.identity ? {} : { rotation: Math.atan2(xf.sin, xf.cos) }),\n    });\n    return;\n  }\n  // rect: axis-aligned in local frame; apply target rotation around the\n  // AABB pivot when present.\n  const r = region.shape;\n  const w = localToWorld(xf, r.x + r.width / 2, r.y + r.height / 2);\n  debug.recordHitbox(affordanceId, 'handle', {\n    kind: 'rect',\n    x: w.x - r.width / 2,\n    y: w.y - r.height / 2,\n    width: r.width,\n    height: r.height,\n    ...(xf.identity ? {} : { rotation: Math.atan2(xf.sin, xf.cos) }),\n  });\n}\n\n// ─── FillStyle ──────────────────────────────────────────────────────────────────\n\nfunction paintRegion(\n  region: AffordanceRegion,\n  xf: TargetTransform,\n  view: View,\n  state: ChromeState,\n  viewT: ReturnType<typeof viewToTransform>,\n  out: DrawCommand[],\n): void {\n  const paint = region.paint!;\n  if (paint.kind === 'square') {\n    if (region.shape.kind !== 'point') {\n      // 'square' only makes sense over a point shape. Silently skip — a\n      // future paint variant can cover rect outlines.\n      return;\n    }\n    // Same frame the hit-test reads, at the paint's own size.\n    const f = pointRegionFrame(region.shape, xf, view);\n    const [sx, sy] = worldToScreen(f.x, f.y, viewT);\n    const half = paint.sizePx / 2;\n    const fill = paint.fill ? { fill: paint.fill } : {};\n    const stroke = paint.stroke ? { stroke: paint.stroke } : {};\n    if (f.angle === 0) {\n      out.push({\n        kind: 'path',\n        path: { kind: 'rect', x: sx - half, y: sy - half, width: paint.sizePx, height: paint.sizePx },\n        ...fill, ...stroke,\n      });\n      return;\n    }\n    const c = Math.cos(f.angle) * half, sn = Math.sin(f.angle) * half;\n    const coords = new Float32Array(8);\n    [[-1, -1], [1, -1], [1, 1], [-1, 1]].forEach(([u, v], i) => {\n      coords[i * 2] = sx + c * u - sn * v;\n      coords[i * 2 + 1] = sy + sn * u + c * v;\n    });\n    out.push({\n      kind: 'path',\n      path: { kind: 'polygon', commands: new Uint8Array([PATH_M, PATH_L, PATH_L, PATH_L, PATH_Z]), coords, fillRule: 'nonzero' },\n      ...fill, ...stroke,\n    });\n    return;\n  }\n  if (paint.kind === 'annulus') {\n    if (region.shape.kind !== 'annulus') return; // type mismatch — silent skip\n    const s = region.shape;\n    // Convert the screen-px inset to target-local units so it visually\n    // matches at any zoom. `localToWorld` is rotation+translation (no\n    // scale), so target-local units equal world units for ring math.\n    const insetLocal = pxExtent(paint.insetPx ?? 0, view.scale, angleOf(xf));\n    // Same `minBandPx` clamp the hit-test applies, so the ring you can see is\n    // the ring you can grab.\n    const cmd = annulusCommand(s, annulusSemiAxes(s, view, angleOf(xf)), insetLocal, xf, viewT, paint.fill, paint.stroke);\n    if (cmd) out.push(cmd);\n    return;\n  }\n  if (paint.kind === 'custom') {\n    const ctx: CustomPaintContext = {\n      world: worldOf(region, xf, view),\n      local: region.shape,\n      view,\n      state,\n    };\n    for (const cmd of paint.draw(ctx)) out.push(cmd);\n    return;\n  }\n}\n\n/** Build a screen-space DrawCommand for an annulus region: the area\n *  inside the (contracted) outer ellipse but outside the (expanded)\n *  inner rect. Renders as four disjoint petal subpaths — one per rect\n *  edge — so the visible fill is true `ellipse \\ rect`. A naive\n *  ellipse + rect even-odd path would also fill the rect's corner\n *  triangles where they poke past the contracted ellipse. Returns null\n *  when the band collapses on both axes. */\nfunction annulusCommand(\n  shape: Extract<AffordanceRegion['shape'], { kind: 'annulus' }>,\n  semiAxes: { rx: number; ry: number },\n  insetLocal: { x: number; y: number },\n  xf: TargetTransform,\n  viewT: ReturnType<typeof viewToTransform>,\n  fill: FillStyle | undefined,\n  stroke: Stroke | undefined,\n): DrawCommand | null {\n  const rx = semiAxes.rx - insetLocal.x;\n  const ry = semiAxes.ry - insetLocal.y;\n  if (rx <= 0 || ry <= 0) return null;\n  const cx = shape.cx;\n  const cy = shape.cy;\n  // Expanded inner rect (still in target-local coords).\n  const rectHW = shape.innerWidth / 2 + insetLocal.x;\n  const rectHH = shape.innerHeight / 2 + insetLocal.y;\n  // Each petal exists only when the corresponding rect edge actually\n  // intersects the ellipse interior — otherwise the rect already\n  // extends past the ellipse on that axis and there's no band to show.\n  const haveTopBottom = rectHH < ry;\n  const haveLeftRight = rectHW < rx;\n  if (!haveTopBottom && !haveLeftRight) return null;\n  const xT = haveTopBottom ? rx * Math.sqrt(1 - (rectHH / ry) ** 2) : 0;\n  const yR = haveLeftRight ? ry * Math.sqrt(1 - (rectHW / rx) ** 2) : 0;\n\n  // Sampling density per petal arc — line segments are visually clean\n  // for the rotate-band band thickness and avoid the cubic-Bézier\n  // sub-arc bookkeeping. 24 is smooth at typical zooms.\n  const SAMPLES = 24;\n  const cmds: number[] = [];\n  const localPts: { x: number; y: number }[] = [];\n\n  function appendPetal(t0: number, t1: number): void {\n    cmds.push(PATH_M);\n    localPts.push({ x: cx + rx * Math.cos(t0), y: cy + ry * Math.sin(t0) });\n    for (let i = 1; i <= SAMPLES; i++) {\n      const t = t0 + (t1 - t0) * (i / SAMPLES);\n      cmds.push(PATH_L);\n      localPts.push({ x: cx + rx * Math.cos(t), y: cy + ry * Math.sin(t) });\n    }\n    // PATH_Z closes back to the move-to point along the rect edge — both\n    // endpoints share the rect-edge coord by construction, so the\n    // closing segment IS the chord.\n    cmds.push(PATH_Z);\n  }\n\n  if (haveTopBottom) {\n    // Top petal: y < cy. Arc from right endpoint over t = -π/2 to left.\n    appendPetal(\n      Math.atan2(-rectHH / ry, xT / rx),   // in (-π/2, 0)\n      Math.atan2(-rectHH / ry, -xT / rx),  // in (-π, -π/2), decreasing through -π/2\n    );\n    // Bottom petal: y > cy. Arc through t = +π/2.\n    appendPetal(\n      Math.atan2(rectHH / ry, xT / rx),    // in (0, π/2)\n      Math.atan2(rectHH / ry, -xT / rx),   // in (π/2, π), increasing through π/2\n    );\n  }\n  if (haveLeftRight) {\n    // Right petal: x > cx. Arc through t = 0.\n    appendPetal(\n      Math.atan2(-yR / ry, rectHW / rx),   // in (-π/2, 0)\n      Math.atan2(yR / ry, rectHW / rx),    // in (0, π/2)\n    );\n    // Left petal: x < cx. Arc through t = ±π. Shift the end angle by\n    // -2π so the parametric trace passes through the leftmost point\n    // monotonically instead of crossing the right side.\n    appendPetal(\n      Math.atan2(-yR / ry, -rectHW / rx),                  // in (-π, -π/2)\n      Math.atan2(yR / ry, -rectHW / rx) - 2 * Math.PI,     // in (-3π/2, -π), decreasing through -π\n    );\n  }\n\n  const coords = new Float32Array(localPts.length * 2);\n  for (let i = 0; i < localPts.length; i++) {\n    const w = localToWorld(xf, localPts[i].x, localPts[i].y);\n    const [sx, sy] = worldToScreen(w.x, w.y, viewT);\n    coords[i * 2] = sx;\n    coords[i * 2 + 1] = sy;\n  }\n  return {\n    kind: 'path',\n    path: { kind: 'polygon', commands: new Uint8Array(cmds), coords, fillRule: 'nonzero' },\n    ...(fill ? { fill } : {}),\n    ...(stroke ? { stroke } : {}),\n  };\n}\n\nfunction worldOf(region: AffordanceRegion, xf: TargetTransform, view: View): CustomPaintContext['world'] {\n  if (region.shape.kind === 'point') {\n    const w = pointRegionAnchor(region.shape, xf, view);\n    return { x: w.x, y: w.y };\n  }\n  if (region.shape.kind === 'annulus') {\n    // Outer ellipse bounding box, in world coords. Map the four cardinal\n    // extrema through the target transform and AABB the result. (Rotated\n    // ellipses are still ellipses; their AABB needs all four points.)\n    const s = region.shape;\n    const { rx, ry } = annulusSemiAxes(s, view, angleOf(xf));\n    const pts = [\n      localToWorld(xf, s.cx + rx, s.cy),\n      localToWorld(xf, s.cx - rx, s.cy),\n      localToWorld(xf, s.cx, s.cy + ry),\n      localToWorld(xf, s.cx, s.cy - ry),\n    ];\n    const minX = Math.min(...pts.map((p) => p.x));\n    const minY = Math.min(...pts.map((p) => p.y));\n    const maxX = Math.max(...pts.map((p) => p.x));\n    const maxY = Math.max(...pts.map((p) => p.y));\n    return { x: minX, y: minY, width: maxX - minX, height: maxY - minY };\n  }\n  // Rect: map the rect's origin and far corner; width/height under rotation\n  // describe the AABB of the rotated rect, which is what custom-paint\n  // consumers most often want. Affordances needing exact rotated geometry\n  // can read `local` + reapply rotation themselves via `view`/`state`.\n  const r = region.shape;\n  const a = localToWorld(xf, r.x, r.y);\n  const b = localToWorld(xf, r.x + r.width, r.y);\n  const c = localToWorld(xf, r.x, r.y + r.height);\n  const d = localToWorld(xf, r.x + r.width, r.y + r.height);\n  const minX = Math.min(a.x, b.x, c.x, d.x);\n  const minY = Math.min(a.y, b.y, c.y, d.y);\n  const maxX = Math.max(a.x, b.x, c.x, d.x);\n  const maxY = Math.max(a.y, b.y, c.y, d.y);\n  return { x: minX, y: minY, width: maxX - minX, height: maxY - minY };\n}\n\n// Hit-testing lives in `hitAffordanceRegions.ts` — see `hitRegion` there.\n"],"mappings":";;;;;;AA4CA,SAAgBA,EACd,GACA,GACA,GAUA;CACA,OAAO;EACL;EACA;EACA,OAAO;EACP,OAAO,GAAM,GAAM,MAAyB;GAC1C,IAAMC,IAAQC,EAAcC,CAAI,GAC1BC,IAAQC,EAAYF,CAAI,GACxBG,IAAYC,EAAYJ,CAAI,GAC5BK,IAAqB,CAAC,GACtBC,IAAIC,EAAgBC,CAAI;GAC9B,KAAK,IAAMC,KAAKC,GACd,IAAI,MAAcP,EAAUM,EAAE,EAAE,GAChC;SAAK,IAAME,KAAUF,EAAE,QAAQX,CAAK,GAAG;KACrC,IAAMc,IAAKC,EAAYf,GAAOa,EAAO,QAAQ;KAE7C,AADIA,EAAO,SAAOG,EAAYH,GAAQC,GAAIJ,GAAMV,GAAOQ,GAAGD,CAAG,GACzDJ,KAAOc,EAAmBd,GAAOQ,EAAE,IAAIE,GAAQC,GAAIJ,CAAI;IAC7D;IACA,IAAIC,EAAE,UACJ,KAAK,IAAMO,KAAOP,EAAE,SAASX,GAAOU,CAAI,GAAG,EAAI,KAAKQ,CAAG;GAFzD;GAKF,OAAOX;EACT;EAKA,UAAU,GAAI,GAAI,GAAM,GAAM,GAAO,MAA+B;GAClE,IAAMP,IAAQC,EAAcC,CAAI;GAChC,IAAI,CAACF,GAAO,OAAO;GACnB,IAAMmB,IAAMC,EACVR,GAAaS,GAAIC,GAAItB,GAAOU,GAAML,KAAaC,EAAYJ,CAAI,KAAK,KAAA,CACtE;GACA,IAAI,CAACiB,GAAK,OAAO;GACjB,IAAM,EAAE,WAAQ,aAAU,oBAAiBA,EAAI;GAC/C,OAAO;IACL,GAAGA,EAAI;IACP,GAAII,MAAW,KAAA,IAAyB,CAAC,IAAd,EAAE,UAAO;IACpC,GAAIC,MAAa,KAAA,IAA2B,CAAC,IAAhB,EAAE,YAAS;IACxC,GAAIC,MAAiB,KAAA,IAA+B,CAAC,IAApB,EAAE,gBAAa;GAClD;EACF;CACF;AACF;AAOA,SAASxB,EAAc,GAA4B;CACjD,IAAMyB,IAAQxB;CAEd,OADI,OAAOwB,GAAO,kBAAmB,aAAmBA,EAAM,eAAe,IACtExB;AACT;AAEA,SAASE,EAAY,GAAiC;CACpD,IAAMsB,IAAQxB;CAEd,OADI,OAAOwB,GAAO,YAAa,aAAmBA,EAAM,SAAS,IAC1D;AACT;AAKA,SAASpB,EAAY,GAAiD;CACpE,IAAMoB,IAAQxB;CAEd,OADI,OAAOwB,GAAO,gBAAiB,aAAmBA,EAAM,aAAa,IAClE;AACT;AAEA,SAAST,EACP,GACA,GACA,GACA,GACA,GACM;CACN,IAAIJ,EAAO,MAAM,SAAS,SAAS;EAGjC,IAAMc,IAAIC,EAAiBf,EAAO,OAAOC,GAAIJ,CAAI,GAC3CmB,IAAOC,EAAsBjB,EAAO,OAAOC,GAAIJ,IAAO,GAAG,MAAM,CAACqB,GAAGC,CAAC,CAAC;EAC3E,EAAM,aAAaC,GAAc,UAAU;GACzC,MAAM;GACN,QAAQJ,EAAK,KAAK,OAAO;IACvB,GAAGF,EAAE,KAAKO,EAAE,IAAIP,EAAE,KAAKjB,EAAK,MAAM;IAClC,GAAGiB,EAAE,KAAKO,EAAE,IAAIP,EAAE,KAAKjB,EAAK,MAAM;GACpC,EAAE;EACJ,CAAC;EACD;CACF;CACA,IAAIG,EAAO,MAAM,SAAS,WAAW;EAMnC,IAAMsB,IAAItB,EAAO,OACX,EAAE,OAAI,UAAOuB,EAAgBD,GAAGzB,GAAM2B,EAAQvB,CAAE,CAAC,GACjDwB,IAAM;GACVC,EAAazB,GAAIqB,EAAE,KAAKK,GAAIL,EAAE,EAAE;GAChCI,EAAazB,GAAIqB,EAAE,KAAKK,GAAIL,EAAE,EAAE;GAChCI,EAAazB,GAAIqB,EAAE,IAAIA,EAAE,KAAKM,CAAE;GAChCF,EAAazB,GAAIqB,EAAE,IAAIA,EAAE,KAAKM,CAAE;EAClC,GACMC,IAAO,KAAK,IAAI,GAAGJ,EAAI,KAAK,MAAMK,EAAE,CAAC,CAAC,GACtCC,IAAO,KAAK,IAAI,GAAGN,EAAI,KAAK,MAAMK,EAAE,CAAC,CAAC,GACtCE,IAAO,KAAK,IAAI,GAAGP,EAAI,KAAK,MAAMK,EAAE,CAAC,CAAC,GACtCG,IAAO,KAAK,IAAI,GAAGR,EAAI,KAAK,MAAMK,EAAE,CAAC,CAAC;EAC5C,EAAM,aAAaV,GAAc,UAAU;GACzC,MAAM;GACN,GAAGS;GACH,GAAGE;GACH,OAAOC,IAAOH;GACd,QAAQI,IAAOF;GACf,GAAI9B,EAAG,WAAW,CAAC,IAAI,EAAE,UAAU,KAAK,MAAMA,EAAG,KAAKA,EAAG,GAAG,EAAE;EAChE,CAAC;EACD;CACF;CAGA,IAAMiC,IAAIlC,EAAO,OACXmC,IAAIT,EAAazB,GAAIiC,EAAE,IAAIA,EAAE,QAAQ,GAAGA,EAAE,IAAIA,EAAE,SAAS,CAAC;CAChE,EAAM,aAAad,GAAc,UAAU;EACzC,MAAM;EACN,GAAGe,EAAE,IAAID,EAAE,QAAQ;EACnB,GAAGC,EAAE,IAAID,EAAE,SAAS;EACpB,OAAOA,EAAE;EACT,QAAQA,EAAE;EACV,GAAIjC,EAAG,WAAW,CAAC,IAAI,EAAE,UAAU,KAAK,MAAMA,EAAG,KAAKA,EAAG,GAAG,EAAE;CAChE,CAAC;AACH;AAIA,SAASE,EACP,GACA,GACA,GACA,GACA,GACA,GACM;CACN,IAAMiC,IAAQpC,EAAO;CACrB,IAAIoC,EAAM,SAAS,UAAU;EAC3B,IAAIpC,EAAO,MAAM,SAAS,SAGxB;EAGF,IAAMc,IAAIC,EAAiBf,EAAO,OAAOC,GAAIJ,CAAI,GAC3C,CAACwC,GAAIC,KAAMC,EAAczB,EAAE,GAAGA,EAAE,GAAG0B,CAAK,GACxCC,IAAOL,EAAM,SAAS,GACtBM,IAAON,EAAM,OAAO,EAAE,MAAMA,EAAM,KAAK,IAAI,CAAC,GAC5CO,IAASP,EAAM,SAAS,EAAE,QAAQA,EAAM,OAAO,IAAI,CAAC;EAC1D,IAAItB,EAAE,UAAU,GAAG;GACjB,EAAI,KAAK;IACP,MAAM;IACN,MAAM;KAAE,MAAM;KAAQ,GAAGuB,IAAKI;KAAM,GAAGH,IAAKG;KAAM,OAAOL,EAAM;KAAQ,QAAQA,EAAM;IAAO;IAC5F,GAAGM;IAAM,GAAGC;GACd,CAAC;GACD;EACF;EACA,IAAMC,IAAI,KAAK,IAAI9B,EAAE,KAAK,IAAI2B,GAAMI,IAAK,KAAK,IAAI/B,EAAE,KAAK,IAAI2B,GACvDK,oBAAS,IAAI,aAAa,CAAC;EAKjC,AAJA;GAAC,CAAC,IAAI,EAAE;GAAG,CAAC,GAAG,EAAE;GAAG,CAAC,GAAG,CAAC;GAAG,CAAC,IAAI,CAAC;EAAC,CAAC,CAAC,SAAS,CAACC,GAAGC,IAAI,MAAM;GAE1D,AADA,EAAOC,IAAI,KAAKZ,IAAKO,IAAIG,IAAIF,IAAKG,GAClC,EAAOC,IAAI,IAAI,KAAKX,IAAKO,IAAKE,IAAIH,IAAII;EACxC,CAAC,GACDtD,EAAI,KAAK;GACP,MAAM;GACN,MAAM;IAAE,MAAM;IAAW,UAAU,IAAI,WAAW;KAACwD;KAAQC;KAAQA;KAAQA;KAAQC;IAAM,CAAC;IAAG;IAAQ,UAAU;GAAU;GACzH,GAAGV;GAAM,GAAGC;EACd,CAAC;EACD;CACF;CACA,IAAIP,EAAM,SAAS,WAAW;EAC5B,IAAIpC,EAAO,MAAM,SAAS,WAAW;EACrC,IAAMsB,IAAItB,EAAO,OAIXqD,IAAaC,EAASlB,EAAM,WAAW,GAAGvC,EAAK,OAAO2B,EAAQvB,CAAE,CAAC,GAGjEI,IAAMkD,EAAejC,GAAGC,EAAgBD,GAAGzB,GAAM2B,EAAQvB,CAAE,CAAC,GAAGoD,GAAYpD,GAAIuC,GAAOJ,EAAM,MAAMA,EAAM,MAAM;EACpH,AAAI/B,KAAKX,EAAI,KAAKW,CAAG;EACrB;CACF;CACA,IAAI+B,EAAM,SAAS,UAAU;EAC3B,IAAMoB,IAA0B;GAC9B,OAAOC,EAAQzD,GAAQC,GAAIJ,CAAI;GAC/B,OAAOG,EAAO;GACd;GACA;EACF;EACA,KAAK,IAAMK,KAAO+B,EAAM,KAAKoB,CAAG,GAAG,EAAI,KAAKnD,CAAG;EAC/C;CACF;AACF;AASA,SAASkD,EACP,GACA,GACA,GACA,GACA,GACA,GACA,GACoB;CACpB,IAAM5B,IAAK+B,EAAS,KAAKL,EAAW,GAC9BzB,IAAK8B,EAAS,KAAKL,EAAW;CACpC,IAAI1B,KAAM,KAAKC,KAAM,GAAG,OAAO;CAC/B,IAAM+B,IAAKC,EAAM,IACXC,IAAKD,EAAM,IAEXE,IAASF,EAAM,aAAa,IAAIP,EAAW,GAC3CU,IAASH,EAAM,cAAc,IAAIP,EAAW,GAI5CW,IAAgBD,IAASnC,GACzBqC,IAAgBH,IAASnC;CAC/B,IAAI,CAACqC,KAAiB,CAACC,GAAe,OAAO;CAC7C,IAAMC,IAAKF,IAAgBrC,IAAK,KAAK,KAAK,KAAKoC,IAASnC,MAAO,CAAC,IAAI,GAC9DuC,IAAKF,IAAgBrC,IAAK,KAAK,KAAK,KAAKkC,IAASnC,MAAO,CAAC,IAAI,GAM9DyC,IAAiB,CAAC,GAClBC,IAAuC,CAAC;CAE9C,SAASC,EAAY,GAAY,GAAkB;EAEjD,AADAF,EAAK,KAAKlB,CAAM,GAChBmB,EAAS,KAAK;GAAE,GAAGV,IAAKhC,IAAK,KAAK,IAAI4C,CAAE;GAAG,GAAGV,IAAKjC,IAAK,KAAK,IAAI2C,CAAE;EAAE,CAAC;EACtE,KAAK,IAAItB,IAAI,GAAGA,KAAK,IAAS,KAAK;GACjC,IAAMtD,IAAI4E,KAAMC,IAAKD,MAAOtB,IAAI;GAEhC,AADAmB,EAAK,KAAKjB,CAAM,GAChBkB,EAAS,KAAK;IAAE,GAAGV,IAAKhC,IAAK,KAAK,IAAIhC,CAAC;IAAG,GAAGkE,IAAKjC,IAAK,KAAK,IAAIjC,CAAC;GAAE,CAAC;EACtE;EAIA,EAAK,KAAKyD,CAAM;CAClB;CAcA,AAZIY,MAEFM,EACE,KAAK,MAAM,CAACP,IAASnC,GAAIsC,IAAKvC,CAAE,GAChC,KAAK,MAAM,CAACoC,IAASnC,GAAI,CAACsC,IAAKvC,CAAE,CACnC,GAEA2C,EACE,KAAK,MAAMP,IAASnC,GAAIsC,IAAKvC,CAAE,GAC/B,KAAK,MAAMoC,IAASnC,GAAI,CAACsC,IAAKvC,CAAE,CAClC,IAEEsC,MAEFK,EACE,KAAK,MAAM,CAACH,IAAKvC,GAAIkC,IAASnC,CAAE,GAChC,KAAK,MAAMwC,IAAKvC,GAAIkC,IAASnC,CAAE,CACjC,GAIA2C,EACE,KAAK,MAAM,CAACH,IAAKvC,GAAI,CAACkC,IAASnC,CAAE,GACjC,KAAK,MAAMwC,IAAKvC,GAAI,CAACkC,IAASnC,CAAE,IAAI,IAAI,KAAK,EAC/C;CAGF,IAAMmB,IAAS,IAAI,aAAauB,EAAS,SAAS,CAAC;CACnD,KAAK,IAAIpB,IAAI,GAAGA,IAAIoB,EAAS,QAAQ,KAAK;EACxC,IAAMlC,IAAIT,EAAazB,GAAIoE,EAASpB,EAAE,CAAC,GAAGoB,EAASpB,EAAE,CAAC,CAAC,GACjD,CAACZ,GAAIC,KAAMC,EAAcJ,EAAE,GAAGA,EAAE,GAAGK,CAAK;EAE9C,AADA,EAAOS,IAAI,KAAKZ,GAChB,EAAOY,IAAI,IAAI,KAAKX;CACtB;CACA,OAAO;EACL,MAAM;EACN,MAAM;GAAE,MAAM;GAAW,UAAU,IAAI,WAAW8B,CAAI;GAAG;GAAQ,UAAU;EAAU;EACrF,GAAI1B,IAAO,EAAE,QAAK,IAAI,CAAC;EACvB,GAAIC,IAAS,EAAE,UAAO,IAAI,CAAC;CAC7B;AACF;AAEA,SAASc,EAAQ,GAA0B,GAAqB,GAAyC;CACvG,IAAIzD,EAAO,MAAM,SAAS,SAAS;EACjC,IAAMmC,IAAIsC,EAAkBzE,EAAO,OAAOC,GAAIJ,CAAI;EAClD,OAAO;GAAE,GAAGsC,EAAE;GAAG,GAAGA,EAAE;EAAE;CAC1B;CACA,IAAInC,EAAO,MAAM,SAAS,WAAW;EAInC,IAAMsB,IAAItB,EAAO,OACX,EAAE,OAAI,UAAOuB,EAAgBD,GAAGzB,GAAM2B,EAAQvB,CAAE,CAAC,GACjDwB,IAAM;GACVC,EAAazB,GAAIqB,EAAE,KAAKK,GAAIL,EAAE,EAAE;GAChCI,EAAazB,GAAIqB,EAAE,KAAKK,GAAIL,EAAE,EAAE;GAChCI,EAAazB,GAAIqB,EAAE,IAAIA,EAAE,KAAKM,CAAE;GAChCF,EAAazB,GAAIqB,EAAE,IAAIA,EAAE,KAAKM,CAAE;EAClC,GACMC,IAAO,KAAK,IAAI,GAAGJ,EAAI,KAAK,MAAMK,EAAE,CAAC,CAAC,GACtCC,IAAO,KAAK,IAAI,GAAGN,EAAI,KAAK,MAAMK,EAAE,CAAC,CAAC,GACtCE,IAAO,KAAK,IAAI,GAAGP,EAAI,KAAK,MAAMK,EAAE,CAAC,CAAC,GACtCG,IAAO,KAAK,IAAI,GAAGR,EAAI,KAAK,MAAMK,EAAE,CAAC,CAAC;EAC5C,OAAO;GAAE,GAAGD;GAAM,GAAGE;GAAM,OAAOC,IAAOH;GAAM,QAAQI,IAAOF;EAAK;CACrE;CAKA,IAAMG,IAAIlC,EAAO,OACXF,IAAI4B,EAAazB,GAAIiC,EAAE,GAAGA,EAAE,CAAC,GAC7BwC,IAAIhD,EAAazB,GAAIiC,EAAE,IAAIA,EAAE,OAAOA,EAAE,CAAC,GACvCU,IAAIlB,EAAazB,GAAIiC,EAAE,GAAGA,EAAE,IAAIA,EAAE,MAAM,GACxC,IAAIR,EAAazB,GAAIiC,EAAE,IAAIA,EAAE,OAAOA,EAAE,IAAIA,EAAE,MAAM,GAClDL,IAAO,KAAK,IAAI/B,EAAE,GAAG4E,EAAE,GAAG9B,EAAE,GAAG,EAAE,CAAC,GAClCb,IAAO,KAAK,IAAIjC,EAAE,GAAG4E,EAAE,GAAG9B,EAAE,GAAG,EAAE,CAAC,GAClCZ,IAAO,KAAK,IAAIlC,EAAE,GAAG4E,EAAE,GAAG9B,EAAE,GAAG,EAAE,CAAC,GAClCX,IAAO,KAAK,IAAInC,EAAE,GAAG4E,EAAE,GAAG9B,EAAE,GAAG,EAAE,CAAC;CACxC,OAAO;EAAE,GAAGf;EAAM,GAAGE;EAAM,OAAOC,IAAOH;EAAM,QAAQI,IAAOF;CAAK;AACrE"}
+{"version":3,"file":"composeAffordanceLayer.js","names":["composeAffordanceLayer","state","asChromeState","data","debug","asDebugSink","isVisible","asIsVisible","out","t","viewToTransform","view","a","affordances","region","xf","transformOf","paintRegion","recordRegionHitbox","cmd","hit","hitAffordanceRegions","wx","wy","cursor","strength","claimedKinds","maybe","f","pointRegionFrame","quad","pointRegionScreenQuad","x","y","affordanceId","q","s","annulusSemiAxes","rx","ry","recordLocalRect","isRigid","targetCorners","r","w","localToWorld","angleOf","paint","sx","sy","worldToScreen","viewT","half","fill","stroke","c","sn","coords","u","v","i","PATH_M","PATH_L","PATH_Z","insetLocal","pxExtentIn","annulusCommand","ctx","worldOf","semiAxes","cx","shape","cy","rectHW","rectHH","haveTopBottom","haveLeftRight","xT","yR","cmds","localPts","appendPetal","t0","t1","pointRegionAnchor","ma","mb","mc","md","hw","hh","b","d","minX","minY","maxX","maxY"],"sources":["../../src/affordances/composeAffordanceLayer.ts"],"sourcesContent":["import type { RenderLayer } from 'core/layers/render';\nimport type { DrawCommand } from '@weasel-js/renderer';\nimport type { ChromeState } from 'core/selection/chromeState';\nimport type { View } from 'core/viewport/view';\nimport { viewToTransform } from 'core/viewport/view';\nimport { worldToScreen } from 'core/viewport/viewTransform';\nimport { isRigid, pxExtentIn, targetCorners } from 'core/geometry/targetFrame';\nimport type { DebugSink } from '../debug/types';\nimport type { CommandFill, CommandStroke } from '@weasel-js/paint';\nimport { PATH_M, PATH_L, PATH_Z } from '@weasel-js/geom';\nimport {\n  angleOf,\n  annulusSemiAxes,\n  hitAffordanceRegions,\n  localToWorld,\n  pointRegionAnchor,\n  pointRegionFrame,\n  pointRegionScreenQuad,\n  transformOf,\n  type TargetTransform,\n} from './hitAffordanceRegions';\nimport type {\n  Affordance,\n  AffordanceRegion,\n  CustomPaintContext,\n  LayerHit,\n} from './types';\n\n/**\n * @experimental\n * Bundle a list of Affordances into a single RenderLayer.\n *\n * Paint order matches array order (first → last = bottom → top). Hit-test walks affordances in\n * reverse and stops at the first that claims the point; within it the nearest region wins.\n *\n * `decorate(state, view)` runs *after* a given affordance's regions, for paint only.\n */\nexport function composeAffordanceLayer(\n  id: string,\n  label: string,\n  affordances: readonly Affordance[],\n): RenderLayer<ChromeState> & {\n  hitTest(\n    wx: number,\n    wy: number,\n    state: unknown,\n    view: View,\n    dims: { width: number; height: number },\n    isVisible?: (id: string) => boolean,\n  ): LayerHit | null;\n} {\n  return {\n    id,\n    label,\n    space: 'screen',\n    draw: (data, view, _dims): DrawCommand[] => {\n      const state = asChromeState(data);\n      const debug = asDebugSink(data);\n      const isVisible = asIsVisible(data);\n      const out: DrawCommand[] = [];\n      const t = viewToTransform(view);\n      for (const a of affordances) {\n        if (isVisible && !isVisible(a.id)) continue;\n        for (const region of a.regions(state)) {\n          const xf = transformOf(state, region.targetId);\n          if (region.paint) paintRegion(region, xf, view, state, t, out);\n          if (debug) recordRegionHitbox(debug, a.id, region, xf, view);\n        }\n        if (a.decorate) {\n          for (const cmd of a.decorate(state, view)) out.push(cmd);\n        }\n      }\n      return out;\n    },\n    // The walk lives in `hitAffordanceRegions` so this layer and `buildAffordanceAt` share one\n    // implementation. This wrapper lifts the region's declared cursor and claim onto the binding.\n    hitTest: (wx, wy, data, view, _dims, isVisible): LayerHit | null => {\n      const state = asChromeState(data);\n      if (!state) return null;\n      const hit = hitAffordanceRegions(\n        affordances, wx, wy, state, view, isVisible ?? asIsVisible(data) ?? undefined,\n      );\n      if (!hit) return null;\n      const { cursor, strength, claimedKinds } = hit.region;\n      return {\n        ...hit.binding,\n        ...(cursor !== undefined ? { cursor } : {}),\n        ...(strength !== undefined ? { strength } : {}),\n        ...(claimedKinds !== undefined ? { claimedKinds } : {}),\n      };\n    },\n  };\n}\n\n// `draw` is called by Canvas with `CanvasHelpers` and by tests with a bare `ChromeState`.\nfunction asChromeState(data: unknown): ChromeState {\n  const maybe = data as { getChromeState?: () => ChromeState };\n  if (typeof maybe?.getChromeState === 'function') return maybe.getChromeState();\n  return data as ChromeState;\n}\n\nfunction asDebugSink(data: unknown): DebugSink | null {\n  const maybe = data as { getDebug?: () => DebugSink | null };\n  if (typeof maybe?.getDebug === 'function') return maybe.getDebug();\n  return null;\n}\n\n/** The chrome-caps visibility predicate off the data envelope. When absent (tests passing\n *  bare state), every affordance renders. */\nfunction asIsVisible(data: unknown): ((id: string) => boolean) | null {\n  const maybe = data as { getIsVisible?: () => (id: string) => boolean };\n  if (typeof maybe?.getIsVisible === 'function') return maybe.getIsVisible();\n  return null;\n}\n\nfunction recordRegionHitbox(\n  debug: DebugSink,\n  affordanceId: string,\n  region: AffordanceRegion,\n  xf: TargetTransform,\n  view: View,\n): void {\n  if (region.shape.kind === 'point') {\n    // The hit square is a square on *screen* — turned with the target when the\n    // region asks — so in world it is a parallelogram, recorded as one.\n    const f = pointRegionFrame(region.shape, xf, view);\n    const quad = pointRegionScreenQuad(region.shape, xf, view, (x, y) => [x, y]);\n    debug.recordHitbox(affordanceId, 'handle', {\n      kind: 'polygon',\n      points: quad.map((q) => ({\n        x: f.x + (q.x - f.x) / view.scale.x,\n        y: f.y + (q.y - f.y) / view.scale.y,\n      })),\n    });\n    return;\n  }\n  if (region.shape.kind === 'annulus') {\n    // Approximated as the outer ellipse's AABB: the DebugSink's hitbox primitives don't\n    // model ring shapes.\n    const s = region.shape;\n    const { rx, ry } = annulusSemiAxes(s, view, xf);\n    recordLocalRect(debug, affordanceId, xf, { x: s.cx - rx, y: s.cy - ry, width: 2 * rx, height: 2 * ry });\n    return;\n  }\n  recordLocalRect(debug, affordanceId, xf, region.shape);\n}\n\n/** A rect of the target's own frame as a debug hitbox: the unturned box plus\n *  the rotation while the frame only turns it, and the quad it lands on once\n *  the frame skews or stretches it. */\nfunction recordLocalRect(\n  debug: DebugSink,\n  affordanceId: string,\n  xf: TargetTransform,\n  r: { x: number; y: number; width: number; height: number },\n): void {\n  if (!isRigid(xf)) {\n    debug.recordHitbox(affordanceId, 'handle', { kind: 'polygon', points: targetCorners(r, xf) });\n    return;\n  }\n  const w = localToWorld(xf, r.x + r.width / 2, r.y + r.height / 2);\n  debug.recordHitbox(affordanceId, 'handle', {\n    kind: 'rect',\n    x: w.x - r.width / 2,\n    y: w.y - r.height / 2,\n    width: r.width,\n    height: r.height,\n    ...(xf.identity ? {} : { rotation: angleOf(xf) }),\n  });\n}\n\nfunction paintRegion(\n  region: AffordanceRegion,\n  xf: TargetTransform,\n  view: View,\n  state: ChromeState,\n  viewT: ReturnType<typeof viewToTransform>,\n  out: DrawCommand[],\n): void {\n  const paint = region.paint!;\n  if (paint.kind === 'square') {\n    if (region.shape.kind !== 'point') {\n      // 'square' only makes sense over a point shape.\n      return;\n    }\n    // Same frame the hit-test reads, at the paint's own size.\n    const f = pointRegionFrame(region.shape, xf, view);\n    const [sx, sy] = worldToScreen(f.x, f.y, viewT);\n    const half = paint.sizePx / 2;\n    const fill = paint.fill ? { fill: paint.fill } : {};\n    const stroke = paint.stroke ? { stroke: paint.stroke } : {};\n    if (f.angle === 0) {\n      out.push({\n        kind: 'path',\n        path: { kind: 'rect', x: sx - half, y: sy - half, width: paint.sizePx, height: paint.sizePx },\n        ...fill, ...stroke,\n      });\n      return;\n    }\n    const c = Math.cos(f.angle) * half, sn = Math.sin(f.angle) * half;\n    const coords = new Float32Array(8);\n    [[-1, -1], [1, -1], [1, 1], [-1, 1]].forEach(([u, v], i) => {\n      coords[i * 2] = sx + c * u - sn * v;\n      coords[i * 2 + 1] = sy + sn * u + c * v;\n    });\n    out.push({\n      kind: 'path',\n      path: { kind: 'polygon', commands: new Uint8Array([PATH_M, PATH_L, PATH_L, PATH_L, PATH_Z]), coords, fillRule: 'nonzero' },\n      ...fill, ...stroke,\n    });\n    return;\n  }\n  if (paint.kind === 'annulus') {\n    if (region.shape.kind !== 'annulus') return; // type mismatch — silent skip\n    const s = region.shape;\n    // The screen-px inset in target-local units, so it visually matches at any zoom.\n    const insetLocal = pxExtentIn(paint.insetPx ?? 0, view.scale, xf);\n    // Same `minBandPx` clamp the hit-test applies, so the ring you can see is\n    // the ring you can grab.\n    const cmd = annulusCommand(s, annulusSemiAxes(s, view, xf), insetLocal, xf, viewT, paint.fill, paint.stroke);\n    if (cmd) out.push(cmd);\n    return;\n  }\n  if (paint.kind === 'custom') {\n    const ctx: CustomPaintContext = {\n      world: worldOf(region, xf, view),\n      local: region.shape,\n      view,\n      state,\n    };\n    for (const cmd of paint.draw(ctx)) out.push(cmd);\n    return;\n  }\n}\n\n/** Build a screen-space DrawCommand for an annulus region: the area\n *  inside the (contracted) outer ellipse but outside the (expanded)\n *  inner rect. Renders as four disjoint petal subpaths — one per rect\n *  edge — so the visible fill is true `ellipse \\ rect`. A naive\n *  ellipse + rect even-odd path would also fill the rect's corner\n *  triangles where they poke past the contracted ellipse. Returns null\n *  when the band collapses on both axes. */\nfunction annulusCommand(\n  shape: Extract<AffordanceRegion['shape'], { kind: 'annulus' }>,\n  semiAxes: { rx: number; ry: number },\n  insetLocal: { x: number; y: number },\n  xf: TargetTransform,\n  viewT: ReturnType<typeof viewToTransform>,\n  fill: CommandFill | undefined,\n  stroke: CommandStroke | undefined,\n): DrawCommand | null {\n  const rx = semiAxes.rx - insetLocal.x;\n  const ry = semiAxes.ry - insetLocal.y;\n  if (rx <= 0 || ry <= 0) return null;\n  const cx = shape.cx;\n  const cy = shape.cy;\n  // Expanded inner rect (still in target-local coords).\n  const rectHW = shape.innerWidth / 2 + insetLocal.x;\n  const rectHH = shape.innerHeight / 2 + insetLocal.y;\n  // A petal exists only when its rect edge intersects the ellipse interior — otherwise the\n  // rect already extends past the ellipse on that axis.\n  const haveTopBottom = rectHH < ry;\n  const haveLeftRight = rectHW < rx;\n  if (!haveTopBottom && !haveLeftRight) return null;\n  const xT = haveTopBottom ? rx * Math.sqrt(1 - (rectHH / ry) ** 2) : 0;\n  const yR = haveLeftRight ? ry * Math.sqrt(1 - (rectHW / rx) ** 2) : 0;\n\n  // Line segments per petal arc; 24 is smooth at typical zooms.\n  const SAMPLES = 24;\n  const cmds: number[] = [];\n  const localPts: { x: number; y: number }[] = [];\n\n  function appendPetal(t0: number, t1: number): void {\n    cmds.push(PATH_M);\n    localPts.push({ x: cx + rx * Math.cos(t0), y: cy + ry * Math.sin(t0) });\n    for (let i = 1; i <= SAMPLES; i++) {\n      const t = t0 + (t1 - t0) * (i / SAMPLES);\n      cmds.push(PATH_L);\n      localPts.push({ x: cx + rx * Math.cos(t), y: cy + ry * Math.sin(t) });\n    }\n    // PATH_Z closes along the rect edge: both endpoints share the rect-edge coord by\n    // construction, so the closing segment IS the chord.\n    cmds.push(PATH_Z);\n  }\n\n  if (haveTopBottom) {\n    // Top petal: y < cy. Arc from right endpoint over t = -π/2 to left.\n    appendPetal(\n      Math.atan2(-rectHH / ry, xT / rx),   // in (-π/2, 0)\n      Math.atan2(-rectHH / ry, -xT / rx),  // in (-π, -π/2), decreasing through -π/2\n    );\n    // Bottom petal: y > cy. Arc through t = +π/2.\n    appendPetal(\n      Math.atan2(rectHH / ry, xT / rx),    // in (0, π/2)\n      Math.atan2(rectHH / ry, -xT / rx),   // in (π/2, π), increasing through π/2\n    );\n  }\n  if (haveLeftRight) {\n    // Right petal: x > cx. Arc through t = 0.\n    appendPetal(\n      Math.atan2(-yR / ry, rectHW / rx),   // in (-π/2, 0)\n      Math.atan2(yR / ry, rectHW / rx),    // in (0, π/2)\n    );\n    // Left petal: x < cx. Arc through t = ±π. Shift the end angle by\n    // -2π so the parametric trace passes through the leftmost point\n    // monotonically instead of crossing the right side.\n    appendPetal(\n      Math.atan2(-yR / ry, -rectHW / rx),                  // in (-π, -π/2)\n      Math.atan2(yR / ry, -rectHW / rx) - 2 * Math.PI,     // in (-3π/2, -π), decreasing through -π\n    );\n  }\n\n  const coords = new Float32Array(localPts.length * 2);\n  for (let i = 0; i < localPts.length; i++) {\n    const w = localToWorld(xf, localPts[i].x, localPts[i].y);\n    const [sx, sy] = worldToScreen(w.x, w.y, viewT);\n    coords[i * 2] = sx;\n    coords[i * 2 + 1] = sy;\n  }\n  return {\n    kind: 'path',\n    path: { kind: 'polygon', commands: new Uint8Array(cmds), coords, fillRule: 'nonzero' },\n    ...(fill ? { fill } : {}),\n    ...(stroke ? { stroke } : {}),\n  };\n}\n\nfunction worldOf(region: AffordanceRegion, xf: TargetTransform, view: View): CustomPaintContext['world'] {\n  if (region.shape.kind === 'point') {\n    const w = pointRegionAnchor(region.shape, xf, view);\n    return { x: w.x, y: w.y };\n  }\n  if (region.shape.kind === 'annulus') {\n    // The outer ellipse's bounding box in world coords: each half-extent is\n    // the length of that row of the frame applied to the semi-axes.\n    const s = region.shape;\n    const { rx, ry } = annulusSemiAxes(s, view, xf);\n    const c = localToWorld(xf, s.cx, s.cy);\n    const [ma, mb, mc, md] = xf.toWorld;\n    const hw = Math.hypot(rx * ma, ry * mc);\n    const hh = Math.hypot(rx * mb, ry * md);\n    return { x: c.x - hw, y: c.y - hh, width: 2 * hw, height: 2 * hh };\n  }\n  // Rect: under rotation, width/height describe the AABB of the rotated rect. Affordances\n  // needing exact rotated geometry can read `local` and reapply the rotation themselves.\n  const r = region.shape;\n  const a = localToWorld(xf, r.x, r.y);\n  const b = localToWorld(xf, r.x + r.width, r.y);\n  const c = localToWorld(xf, r.x, r.y + r.height);\n  const d = localToWorld(xf, r.x + r.width, r.y + r.height);\n  const minX = Math.min(a.x, b.x, c.x, d.x);\n  const minY = Math.min(a.y, b.y, c.y, d.y);\n  const maxX = Math.max(a.x, b.x, c.x, d.x);\n  const maxY = Math.max(a.y, b.y, c.y, d.y);\n  return { x: minX, y: minY, width: maxX - minX, height: maxY - minY };\n}\n\n// Hit-testing lives in `hitAffordanceRegions.ts` — see `hitRegion` there.\n"],"mappings":"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"}

package/dist/affordances/cornerResize.js

@@ -1,14 +1,15 @@
 import { HANDLE_BASE_PX as e } from "../core/device/targets.js";
-import { CORNER_ANCHORS as t, cornerPoint as n, fixedCornerOf as r } from "../interactions/actions/resize/cornerHandles.js";
-import { MULTI_RESIZE_TARGET_ID as i } from "../core/selection/selectionTarget.js";
-import { angleOf as a, localToWorld as o, transformOf as s } from "./hitAffordanceRegions.js";
+import { angleOf as t, localToWorld as n } from "../core/geometry/targetFrame.js";
+import { transformOf as r } from "./hitAffordanceRegions.js";
+import { CORNER_ANCHORS as i, cornerPoint as a, fixedCornerOf as o } from "../interactions/actions/resize/cornerHandles.js";
+import { MULTI_RESIZE_TARGET_ID as s } from "../core/selection/selectionTarget.js";
 //#region src/affordances/cornerResize.ts
 var c = "#d4c4a8", l = "#1a130d";
-function u(i = {}) {
-	let { handleHitRadius: u = e, handleSize: f = e, fill: p = c, stroke: m = l } = i, h = {
+function u(s = {}) {
+	let { handleHitRadius: u = e, handleSize: f = e, fill: p = c, stroke: m = l } = s, h = {
 		kind: "square",
 		sizePx: f,
-		fill: { color: p },
+		fill: { paint: { color: p } },
 		stroke: {
 			paint: { color: m },
 			width: 1
@@ -17,31 +18,39 @@ function u(i = {}) {
 	return {
 		id: "selection.resize-handles",
 		regions(e) {
-			let i = d(e);
-			if (!i) return [];
-			let c = i.bounds, l = s(e, i.id);
-			return t.map((e) => {
-				let t = n(c, e), s = r(c, e.anchor), d = o(l, s.x, s.y);
+			let s = d(e);
+			if (!s) return [];
+			let c = s.bounds, l = r(e, s.id);
+			return i.map((e) => {
+				let r = a(c, e), i = o(c, e.anchor), d = n(l, i.x, i.y);
 				return {
 					id: `corner-${e.tag}`,
-					targetId: i.id,
+					targetId: s.id,
 					shape: {
 						kind: "point",
-						x: t.x,
-						y: t.y,
+						x: r.x,
+						y: r.y,
 						hitRadiusPx: u,
-						turned: !0
+						turned: !0,
+						cornerOf: {
+							width: c.width,
+							height: c.height,
+							outward: {
+								x: e.xEdge === "min" ? -1 : 1,
+								y: e.yEdge === "min" ? -1 : 1
+							}
+						}
 					},
 					paint: h,
 					hitKind: e.kind,
 					cursor: {
 						glyph: "resize",
-						angle: (e.anchor.x === e.anchor.y ? Math.PI / 4 : -Math.PI / 4) + a(l),
+						angle: (e.anchor.x === e.anchor.y ? Math.PI / 4 : -Math.PI / 4) + t(l),
 						fallback: e.anchor.x === e.anchor.y ? "nwse-resize" : "nesw-resize"
 					},
 					bind: () => ({ initialScratch: {
 						anchor: e.anchor,
-						targetId: i.id,
+						targetId: s.id,
 						fixedPoint: d
 					} })
 				};
@@ -51,7 +60,7 @@ function u(i = {}) {
 }
 function d(e) {
 	if (e.multiActive && e.unionBounds) return {
-		id: i,
+		id: s,
 		bounds: e.unionBounds
 	};
 	if (e.selection.length === 1) {

package/dist/affordances/cornerResize.js.map

@@ -1 +1 @@
-{"version":3,"file":"cornerResize.js","names":["DEFAULT_FILL","DEFAULT_STROKE","createCornerResizeAffordance","HANDLE_BASE_PX","opts","paint","handleSize","fill","stroke","target","pickRenderTarget","state","b","xf","transformOf","CORNER_ANCHORS","corner","cornerPoint","c","fixedLocal","fixedCornerOf","fixedPoint","localToWorld","handleHitRadius","angleOf","MULTI_RESIZE_TARGET_ID","id"],"sources":["../../src/affordances/cornerResize.ts"],"sourcesContent":["import type { Affordance, AffordanceBinding, AffordanceRegion, CommonAffordanceScratch } from './types';\nimport type { ChromeState, Bounds } from 'core/selection/chromeState';\nimport type { ResizeAnchor } from 'interactions/gestures/types';\nimport { CORNER_ANCHORS, cornerPoint, fixedCornerOf } from 'interactions/actions/resize/cornerHandles';\nimport { MULTI_RESIZE_TARGET_ID } from 'core/selection/selectionTarget';\nimport { angleOf, localToWorld, transformOf } from './hitAffordanceRegions';\nimport { HANDLE_BASE_PX } from 'core/device/targets';\n\n/** Options for `createCornerResizeAffordance` — the size and appearance of\n *  the corner handles. */\nexport interface CornerResizeAffordanceOptions {\n  /** Hit radius (screen-px) for the corner handles. Default 8. */\n  handleHitRadius?: number;\n  /** Visual handle size (screen-px). Default 8. */\n  handleSize?: number;\n  fill?: string;\n  stroke?: string;\n}\n\n/** What a corner-resize hit hands to the resize action: which corner stays\n *  put, what is being resized, and the world-space pivot to scale from. */\nexport interface CornerResizeScratch extends CommonAffordanceScratch {\n  /** Resize anchor identifying the OPPOSITE corner (the one that stays\n   *  fixed). Matches the kit's existing ResizeAnchor convention. */\n  anchor: ResizeAnchor;\n  /** Id of the resize target. In multi-mode this is `MULTI_RESIZE_TARGET_ID`. */\n  targetId: string;\n  /** The fixed corner in **world** coords, with the target's rotation already\n   *  applied. `resizeAction` scales from this point, and it has no access to\n   *  the target transform, so the affordance resolves it here. */\n  fixedPoint: { x: number; y: number };\n}\n\nconst DEFAULT_FILL = '#d4c4a8';\nconst DEFAULT_STROKE = '#1a130d';\n\n/**\n * @experimental\n * Corner-handle affordance for resizing the active selection (single\n * member in single-mode; the union AABB in multi-mode).\n *\n * Declares four point regions in the target's local frame; the framework\n * applies the target's bounds rotation for both paint and hit-test. The\n * drag channel returned here is a no-op stub that claims — consuming\n * tools (`useResizeTool`) wrap each region's `bind()` to substitute a\n * drag channel that drives `useResize`.\n */\nexport function createCornerResizeAffordance(\n  opts: CornerResizeAffordanceOptions = {},\n): Affordance {\n  const {\n    handleHitRadius = HANDLE_BASE_PX,\n    handleSize = HANDLE_BASE_PX,\n    fill = DEFAULT_FILL,\n    stroke = DEFAULT_STROKE,\n  } = opts;\n\n  const paint = {\n    kind: 'square' as const,\n    sizePx: handleSize,\n    fill: { color: fill },\n    stroke: { paint: { color: stroke }, width: 1 },\n  };\n\n  return {\n    id: 'selection.resize-handles',\n    regions(state: ChromeState): readonly AffordanceRegion[] {\n      const target = pickRenderTarget(state);\n      if (!target) return [];\n      const b = target.bounds;\n      // The transform the framework applies to these regions. Needed here too,\n      // because `fixedPoint` leaves the local frame — it travels to\n      // `resizeAction`, which works in world coords.\n      const xf = transformOf(state, target.id);\n      return CORNER_ANCHORS.map((c) => {\n        const corner = cornerPoint(b, c);\n        const fixedLocal = fixedCornerOf(b, c.anchor);\n        const fixedPoint = localToWorld(xf, fixedLocal.x, fixedLocal.y);\n        return {\n          id: `corner-${c.tag}`,\n          targetId: target.id,\n          shape: { kind: 'point' as const, x: corner.x, y: corner.y, hitRadiusPx: handleHitRadius, turned: true },\n          paint,\n          hitKind: c.kind,\n          // Diagonal by fixed-corner parity: a matched-axis anchor (min-min /\n          // max-max fixed) means the dragged corner sits on the ↘ diagonal;\n          // mixed axes sit on the ↗ diagonal. The glyph is horizontal at angle\n          // 0, so the diagonal is a half-quarter-turn either way, plus the\n          // target's own rotation. The keyword is the fallback rather than the\n          // answer: CSS has four of them, which cannot express a target\n          // rotated to anything but a multiple of 45°.\n          cursor: {\n            glyph: 'resize',\n            angle: (c.anchor.x === c.anchor.y ? Math.PI / 4 : -Math.PI / 4) + angleOf(xf),\n            fallback: c.anchor.x === c.anchor.y ? 'nwse-resize' : 'nesw-resize',\n          },\n          bind: (): AffordanceBinding => ({\n            initialScratch: {\n              anchor: c.anchor,\n              targetId: target.id,\n              fixedPoint,\n            } satisfies CornerResizeScratch,\n          }),\n        } satisfies AffordanceRegion;\n      });\n    },\n  };\n}\n\nfunction pickRenderTarget(state: ChromeState): { id: string; bounds: Bounds } | null {\n  if (state.multiActive && state.unionBounds) {\n    return { id: MULTI_RESIZE_TARGET_ID, bounds: state.unionBounds };\n  }\n  if (state.selection.length === 1) {\n    const id = state.selection[0];\n    const b = state.boundsOf(id);\n    return b ? { id, bounds: b } : null;\n  }\n  return null;\n}\n"],"mappings":";;;;;AAiCA,IAAMA,IAAe,WACfC,IAAiB;AAavB,SAAgBC,EACd,IAAsC,CAAC,GAC3B;CACZ,IAAM,EACJ,qBAAkBC,GAClB,gBAAaA,GACb,UAAOH,GACP,YAASC,MACPG,GAEEC,IAAQ;EACZ,MAAM;EACN,QAAQC;EACR,MAAM,EAAE,OAAOC,EAAK;EACpB,QAAQ;GAAE,OAAO,EAAE,OAAOC,EAAO;GAAG,OAAO;EAAE;CAC/C;CAEA,OAAO;EACL,IAAI;EACJ,QAAQ,GAAiD;GACvD,IAAMC,IAASC,EAAiBC,CAAK;GACrC,IAAI,CAACF,GAAQ,OAAO,CAAC;GACrB,IAAMG,IAAIH,EAAO,QAIXI,IAAKC,EAAYH,GAAOF,EAAO,EAAE;GACvC,OAAOM,EAAe,KAAK,MAAM;IAC/B,IAAMC,IAASC,EAAYL,GAAGM,CAAC,GACzBC,IAAaC,EAAcR,GAAGM,EAAE,MAAM,GACtCG,IAAaC,EAAaT,GAAIM,EAAW,GAAGA,EAAW,CAAC;IAC9D,OAAO;KACL,IAAI,UAAUD,EAAE;KAChB,UAAUT,EAAO;KACjB,OAAO;MAAE,MAAM;MAAkB,GAAGO,EAAO;MAAG,GAAGA,EAAO;MAAG,aAAaO;MAAiB,QAAQ;KAAK;KACtG;KACA,SAASL,EAAE;KAQX,QAAQ;MACN,OAAO;MACP,QAAQA,EAAE,OAAO,MAAMA,EAAE,OAAO,IAAI,KAAK,KAAK,IAAI,CAAC,KAAK,KAAK,KAAKM,EAAQX,CAAE;MAC5E,UAAUK,EAAE,OAAO,MAAMA,EAAE,OAAO,IAAI,gBAAgB;KACxD;KACA,aAAgC,EAC9B,gBAAgB;MACd,QAAQA,EAAE;MACV,UAAUT,EAAO;MACjB;KACF,EACF;IACF;GACF,CAAC;EACH;CACF;AACF;AAEA,SAASC,EAAiB,GAA2D;CACnF,IAAIC,EAAM,eAAeA,EAAM,aAC7B,OAAO;EAAE,IAAIc;EAAwB,QAAQd,EAAM;CAAY;CAEjE,IAAIA,EAAM,UAAU,WAAW,GAAG;EAChC,IAAMe,IAAKf,EAAM,UAAU,IACrBC,IAAID,EAAM,SAASe,CAAE;EAC3B,OAAOd,IAAI;GAAE;GAAI,QAAQA;EAAE,IAAI;CACjC;CACA,OAAO;AACT"}
+{"version":3,"file":"cornerResize.js","names":["DEFAULT_FILL","DEFAULT_STROKE","createCornerResizeAffordance","HANDLE_BASE_PX","opts","paint","handleSize","fill","stroke","target","pickRenderTarget","state","b","xf","transformOf","CORNER_ANCHORS","corner","cornerPoint","c","fixedLocal","fixedCornerOf","fixedPoint","localToWorld","handleHitRadius","angleOf","MULTI_RESIZE_TARGET_ID","id"],"sources":["../../src/affordances/cornerResize.ts"],"sourcesContent":["import type { Affordance, AffordanceBinding, AffordanceRegion, CommonAffordanceScratch } from './types';\nimport type { ChromeState, Bounds } from 'core/selection/chromeState';\nimport type { ResizeAnchor } from 'interactions/gestures/types';\nimport { CORNER_ANCHORS, cornerPoint, fixedCornerOf } from 'interactions/actions/resize/cornerHandles';\nimport { MULTI_RESIZE_TARGET_ID } from 'core/selection/selectionTarget';\nimport { angleOf, localToWorld, transformOf } from './hitAffordanceRegions';\nimport { HANDLE_BASE_PX } from 'core/device/targets';\n\n/** Options for `createCornerResizeAffordance` — the size and appearance of\n *  the corner handles. */\nexport interface CornerResizeAffordanceOptions {\n  /** Hit radius (screen-px) for the corner handles. Default 8. */\n  handleHitRadius?: number;\n  /** Visual handle size (screen-px). Default 8. */\n  handleSize?: number;\n  fill?: string;\n  stroke?: string;\n}\n\n/** What a corner-resize hit hands to the resize action: which corner stays\n *  put, what is being resized, and the world-space pivot to scale from. */\nexport interface CornerResizeScratch extends CommonAffordanceScratch {\n  /** Resize anchor identifying the OPPOSITE corner (the one that stays\n   *  fixed). Matches the kit's existing ResizeAnchor convention. */\n  anchor: ResizeAnchor;\n  /** Id of the resize target. In multi-mode this is `MULTI_RESIZE_TARGET_ID`. */\n  targetId: string;\n  /** The fixed corner in **world** coords, with the target's rotation already\n   *  applied. `resizeAction` scales from this point, and it has no access to\n   *  the target transform, so the affordance resolves it here. */\n  fixedPoint: { x: number; y: number };\n}\n\nconst DEFAULT_FILL = '#d4c4a8';\nconst DEFAULT_STROKE = '#1a130d';\n\n/**\n * @experimental\n * Corner-handle affordance for resizing the active selection (single\n * member in single-mode; the union AABB in multi-mode).\n *\n * Declares four point regions in the target's local frame; the framework\n * applies the target's bounds rotation for both paint and hit-test. A\n * region's `bind()` carries only the scratch a hit hands to the resize\n * action: the anchor, the target, and the world-space fixed point.\n */\nexport function createCornerResizeAffordance(\n  opts: CornerResizeAffordanceOptions = {},\n): Affordance {\n  const {\n    handleHitRadius = HANDLE_BASE_PX,\n    handleSize = HANDLE_BASE_PX,\n    fill = DEFAULT_FILL,\n    stroke = DEFAULT_STROKE,\n  } = opts;\n\n  const paint = {\n    kind: 'square' as const,\n    sizePx: handleSize,\n    fill: { paint: { color: fill } },\n    stroke: { paint: { color: stroke }, width: 1 },\n  };\n\n  return {\n    id: 'selection.resize-handles',\n    regions(state: ChromeState): readonly AffordanceRegion[] {\n      const target = pickRenderTarget(state);\n      if (!target) return [];\n      const b = target.bounds;\n      // The transform the framework applies to these regions. Needed here too,\n      // because `fixedPoint` leaves the local frame — it travels to\n      // `resizeAction`, which works in world coords.\n      const xf = transformOf(state, target.id);\n      return CORNER_ANCHORS.map((c) => {\n        const corner = cornerPoint(b, c);\n        const fixedLocal = fixedCornerOf(b, c.anchor);\n        const fixedPoint = localToWorld(xf, fixedLocal.x, fixedLocal.y);\n        return {\n          id: `corner-${c.tag}`,\n          targetId: target.id,\n          shape: {\n            kind: 'point' as const,\n            x: corner.x,\n            y: corner.y,\n            hitRadiusPx: handleHitRadius,\n            turned: true,\n            cornerOf: {\n              width: b.width,\n              height: b.height,\n              outward: { x: c.xEdge === 'min' ? -1 : 1, y: c.yEdge === 'min' ? -1 : 1 },\n            },\n          },\n          paint,\n          hitKind: c.kind,\n          // Diagonal by fixed-corner parity: a matched-axis anchor (min-min /\n          // max-max fixed) means the dragged corner sits on the ↘ diagonal;\n          // mixed axes sit on the ↗ diagonal. The glyph is horizontal at angle\n          // 0, so the diagonal is a half-quarter-turn either way, plus the\n          // target's own rotation. The keyword is the fallback rather than the\n          // answer: CSS has four of them, which cannot express a target\n          // rotated to anything but a multiple of 45°.\n          cursor: {\n            glyph: 'resize',\n            angle: (c.anchor.x === c.anchor.y ? Math.PI / 4 : -Math.PI / 4) + angleOf(xf),\n            fallback: c.anchor.x === c.anchor.y ? 'nwse-resize' : 'nesw-resize',\n          },\n          bind: (): AffordanceBinding => ({\n            initialScratch: {\n              anchor: c.anchor,\n              targetId: target.id,\n              fixedPoint,\n            } satisfies CornerResizeScratch,\n          }),\n        } satisfies AffordanceRegion;\n      });\n    },\n  };\n}\n\nfunction pickRenderTarget(state: ChromeState): { id: string; bounds: Bounds } | null {\n  if (state.multiActive && state.unionBounds) {\n    return { id: MULTI_RESIZE_TARGET_ID, bounds: state.unionBounds };\n  }\n  if (state.selection.length === 1) {\n    const id = state.selection[0];\n    const b = state.boundsOf(id);\n    return b ? { id, bounds: b } : null;\n  }\n  return null;\n}\n"],"mappings":";;;;;;AAiCA,IAAMA,IAAe,WACfC,IAAiB;AAYvB,SAAgBC,EACd,IAAsC,CAAC,GAC3B;CACZ,IAAM,EACJ,qBAAkBC,GAClB,gBAAaA,GACb,UAAOH,GACP,YAASC,MACPG,GAEEC,IAAQ;EACZ,MAAM;EACN,QAAQC;EACR,MAAM,EAAE,OAAO,EAAE,OAAOC,EAAK,EAAE;EAC/B,QAAQ;GAAE,OAAO,EAAE,OAAOC,EAAO;GAAG,OAAO;EAAE;CAC/C;CAEA,OAAO;EACL,IAAI;EACJ,QAAQ,GAAiD;GACvD,IAAMC,IAASC,EAAiBC,CAAK;GACrC,IAAI,CAACF,GAAQ,OAAO,CAAC;GACrB,IAAMG,IAAIH,EAAO,QAIXI,IAAKC,EAAYH,GAAOF,EAAO,EAAE;GACvC,OAAOM,EAAe,KAAK,MAAM;IAC/B,IAAMC,IAASC,EAAYL,GAAGM,CAAC,GACzBC,IAAaC,EAAcR,GAAGM,EAAE,MAAM,GACtCG,IAAaC,EAAaT,GAAIM,EAAW,GAAGA,EAAW,CAAC;IAC9D,OAAO;KACL,IAAI,UAAUD,EAAE;KAChB,UAAUT,EAAO;KACjB,OAAO;MACL,MAAM;MACN,GAAGO,EAAO;MACV,GAAGA,EAAO;MACV,aAAaO;MACb,QAAQ;MACR,UAAU;OACR,OAAOX,EAAE;OACT,QAAQA,EAAE;OACV,SAAS;QAAE,GAAGM,EAAE,UAAU,QAAQ,KAAK;QAAG,GAAGA,EAAE,UAAU,QAAQ,KAAK;OAAE;MAC1E;KACF;KACA;KACA,SAASA,EAAE;KAQX,QAAQ;MACN,OAAO;MACP,QAAQA,EAAE,OAAO,MAAMA,EAAE,OAAO,IAAI,KAAK,KAAK,IAAI,CAAC,KAAK,KAAK,KAAKM,EAAQX,CAAE;MAC5E,UAAUK,EAAE,OAAO,MAAMA,EAAE,OAAO,IAAI,gBAAgB;KACxD;KACA,aAAgC,EAC9B,gBAAgB;MACd,QAAQA,EAAE;MACV,UAAUT,EAAO;MACjB;KACF,EACF;IACF;GACF,CAAC;EACH;CACF;AACF;AAEA,SAASC,EAAiB,GAA2D;CACnF,IAAIC,EAAM,eAAeA,EAAM,aAC7B,OAAO;EAAE,IAAIc;EAAwB,QAAQd,EAAM;CAAY;CAEjE,IAAIA,EAAM,UAAU,WAAW,GAAG;EAChC,IAAMe,IAAKf,EAAM,UAAU,IACrBC,IAAID,EAAM,SAASe,CAAE;EAC3B,OAAOd,IAAI;GAAE;GAAI,QAAQA;EAAE,IAAI;CACjC;CACA,OAAO;AACT"}