@weasel-js/core 1.9.3 → 1.9.4

package/dist/core/adapters/arrayAdapter.js

@@ -1,56 +1,65 @@
 import { RECT_POSE_DESCRIPTOR as e, poseDescriptorForNode as t, translatePoseViaDescriptor as n } from "../geometry/poseDescriptor.js";
-import { applyOpsTo as r } from "../applyOps.js";
-import { polygonRegion as i, poseOutline as a, rectRegion as o, regionBoundsOf as s, regionTakes as c } from "../geometry/regionHit.js";
+import { parentOf as r } from "../ops/slot.js";
+import { applyOpsTo as i } from "../applyOps.js";
+import { polygonRegion as a, poseOutline as o, rectRegion as s, regionBoundsOf as c, regionTakes as l } from "../geometry/regionHit.js";
 //#region src/core/adapters/arrayAdapter.ts
-function l(e, t) {
+function u(e, t) {
 	return {
 		...e,
 		...t
 	};
 }
-var u = 0;
-function d() {
+var d = 0;
+function f() {
 	let e = globalThis.crypto;
-	return e && typeof e.randomUUID == "function" ? e.randomUUID() : `paste-${u++}`;
+	return e && typeof e.randomUUID == "function" ? e.randomUUID() : `paste-${d++}`;
 }
-function f(u) {
-	let { ref: f, setItems: p, toPose: m, fromPose: h = l, getParent: g = () => null, setParent: _ = () => {}, getChildren: v, selectionRef: y, setSelection: b = () => {}, createDefault: x, nextId: S = d, silhouette: C } = u, w = u.poseDescriptor ?? e, T = y ? () => y.current : () => [], E = (e, n) => {
+function p(d) {
+	let { ref: p, setItems: m, toPose: h, fromPose: g = u, getParent: _ = () => null, setParent: v = () => {}, getChildren: y, selectionRef: b, setSelection: x = () => {}, createDefault: S, nextId: C = f, silhouette: w } = d, T = d.poseDescriptor ?? e, E = b ? () => b.current : () => [], D = (e, n) => {
 		let r = [];
-		for (let i of f.current) {
-			let o = m(i), l = s(i, o, t(w, i));
-			c(e, n, o, l, () => C?.(i, o) ?? a(o, l)) && r.push(i.id);
+		for (let i of p.current) {
+			let a = h(i), s = c(i, a, t(T, i));
+			l(e, n, a, s, () => w?.(i, a) ?? o(a, s)) && r.push(i.id);
 		}
 		return r;
-	}, D = {
-		getNode: (e) => f.current.find((t) => t.id === e),
-		getNodes: () => f.current,
+	}, O = (e, t) => t === null ? e.filter((e) => _(e.id) === null).map((e) => e.id) : y?.(t) ?? [], k = (e, t, n) => {
+		if (n === void 0 || n < 0) return;
+		if (!y) return n < e.length ? n : void 0;
+		let i = O(e, r(t)).filter((e) => e !== t.id)[n], a = i === void 0 ? -1 : e.findIndex((e) => e.id === i);
+		return a < 0 ? void 0 : a;
+	}, A = {
+		getNode: (e) => p.current.find((t) => t.id === e),
+		getNodes: () => p.current,
 		getPose: (e) => {
-			let t = f.current.find((t) => t.id === e);
+			let t = p.current.find((t) => t.id === e);
 			if (!t) throw Error(`arrayAdapter.getPose: id "${e}" not found`);
-			return m(t);
+			return h(t);
 		},
 		setPose: (e, t) => {
-			p((n) => n.map((n) => n.id === e ? h(n, t) : n));
+			m((n) => n.map((n) => n.id === e ? g(n, t) : n));
 		},
-		getParent: g,
-		setParent: _,
-		insertNode: (e, t) => p((n) => t === void 0 || t < 0 || t >= n.length ? [...n, e] : [
-			...n.slice(0, t),
-			e,
-			...n.slice(t)
-		]),
-		removeNode: (e) => p((t) => t.filter((t) => t.id !== e)),
-		getSelection: T,
-		setSelection: b,
-		hitTestArea: (e) => E(o(e), "intersect"),
+		getParent: _,
+		setParent: v,
+		insertNode: (e, t) => m((n) => {
+			let r = k(n, e, t);
+			return r === void 0 ? [...n, e] : [
+				...n.slice(0, r),
+				e,
+				...n.slice(r)
+			];
+		}),
+		removeNode: (e) => m((t) => t.filter((t) => t.id !== e)),
+		getSelection: E,
+		setSelection: x,
+		hitTestArea: (e) => D(s(e), "intersect"),
 		hitTestLasso: (e, t) => {
-			let n = i(e);
-			return n ? E(n, t) : [];
+			let n = a(e);
+			return n ? D(n, t) : [];
 		},
 		applyOps(e) {
-			r(this, e);
+			i(this, e);
 		},
-		commitInsert: x ? (e) => x(e) : () => null,
+		commitInsert: S ? (e) => S(e) : () => null,
 		commitPaste: (e, r, i) => {
 			let a = e.items;
 			if (a.length === 0) return [];
@@ -58,7 +67,7 @@ function f(u) {
 			if (i?.dropPoint) {
 				let e = Infinity, n = Infinity, r = -Infinity, c = -Infinity;
 				for (let i of a) {
-					let a = t(w, i).getBounds(m(i));
+					let a = t(T, i).getBounds(h(i));
 					a.x < e && (e = a.x), a.y < n && (n = a.y), a.x + a.width > r && (r = a.x + a.width), a.y + a.height > c && (c = a.y + a.height);
 				}
 				if (Number.isFinite(e) && Number.isFinite(n)) {
@@ -69,17 +78,17 @@ function f(u) {
 			let c = [];
 			for (let e of a) {
 				let r = JSON.parse(JSON.stringify(e));
-				r.id = S();
-				let i = n(m(r), o, s, t(w, r));
-				c.push(h(r, i));
+				r.id = C();
+				let i = n(h(r), o, s, t(T, r));
+				c.push(g(r, i));
 			}
 			return c;
 		},
-		snapshotSelection: (e) => ({ items: e.map((e) => f.current.find((t) => t.id === e)).filter((e) => !!e) })
+		snapshotSelection: (e) => ({ items: e.map((e) => p.current.find((t) => t.id === e)).filter((e) => !!e) })
 	};
-	return v && (D.getChildren = (e) => e === null ? f.current.filter((e) => g(e.id) === null).map((e) => e.id) : v(e) ?? []), D;
+	return y && (A.getChildren = (e) => O(p.current, e)), A;
 }
 //#endregion
-export { f as arrayAdapter };
+export { p as arrayAdapter };
 
 //# sourceMappingURL=arrayAdapter.js.map

package/dist/core/adapters/arrayAdapter.js.map

@@ -1 +1 @@
-{"version":3,"file":"arrayAdapter.js","names":["defaultFromPose","obj","pose","monotonicPasteCounter","defaultNextId","c","arrayAdapter","config","d","RECT_POSE_DESCRIPTOR","getSelection","selectionRef","takenBy","out","o","ref","toPose","b","regionBoundsOf","poseDescriptorForNode","regionTakes","region","mode","silhouette","poseOutline","adapter","id","items","fromPose","setItems","index","rectRegion","rect","polygonRegion","polygon","ops","createDefault","src","clip","dx","offset","dy","ctx","minX","minY","maxX","maxY","n","cx","cy","cloned","nextId","translated","translatePoseViaDescriptor","ids","getChildren","parentId","getParent"],"sources":["../../../src/core/adapters/arrayAdapter.ts"],"sourcesContent":["import type { MutableRefObject } from 'react';\nimport type {\n  AreaSelectAdapter,\n  InsertAdapter,\n  LassoHitMode,\n  LassoSelectAdapter,\n  MoveAdapter,\n  ResizeAdapter,\n} from './types';\nimport type { Op } from '../ops/types';\nimport { applyOpsTo } from '../applyOps';\nimport type { Bounds } from '../viewport/fitViewToBounds';\nimport type { ClipboardSnapshot } from './types';\nimport {\n  poseDescriptorForNode,\n  translatePoseViaDescriptor,\n  RECT_POSE_DESCRIPTOR,\n  type PoseDescriptor,\n} from 'core/geometry/poseDescriptor';\nimport type { Path } from '@weasel-js/geom';\nimport {\n  polygonRegion,\n  poseOutline,\n  rectRegion,\n  regionBoundsOf,\n  regionTakes,\n  type SelectRegion,\n} from 'core/geometry/regionHit';\n\n/** Configuration for `arrayAdapter`. */\nexport interface ArrayAdapterConfig<TNode extends { id: string }, TPose> {\n  /** Live ref to the current array. */\n  ref: MutableRefObject<TNode[]>;\n  /** Functional setter (typically the second value from `useState`). */\n  setItems: (updater: (items: TNode[]) => TNode[]) => void;\n  /** Project an object to its pose. Required. */\n  toPose: (obj: TNode) => TPose;\n  /** Merge a new pose back into an object. Default: shallow spread. */\n  fromPose?: (obj: TNode, pose: TPose) => TNode;\n  /** Optional parent lookup. Default returns `null`. */\n  getParent?: (id: string) => string | null;\n  /** Optional reparent mutator. Default is a noop. */\n  setParent?: (id: string, parentId: string | null) => void;\n  /** Optional children lookup for a node id. The adapter answers the root\n   *  itself, from `ref` and `getParent` in array order, so this is never\n   *  called with `null`. Default omits the method entirely. */\n  getChildren?: (id: string) => string[] | undefined;\n\n  /** Live ref to the current selection. Default: empty array. */\n  selectionRef?: MutableRefObject<string[]>;\n  /** Selection setter. Default: noop. */\n  setSelection?: (ids: string[]) => void;\n\n  /** Factory for `commitInsert` — invoked at the end of an insert drag.\n   *  Consumers own id generation and any palette/payload fields. Returning\n   *  `null` aborts the insert. When omitted, `commitInsert` returns `null`. */\n  createDefault?: (bounds: Bounds) => TNode | null;\n\n  /** How to read and rewrite item poses. Default `RECT_POSE_DESCRIPTOR`,\n   *  which reads the pose as its own AABB — the canonical axis-aligned rect\n   *  pose. `AUTO_POSE_DESCRIPTOR` lives above `core/` and so cannot be the\n   *  default here; pass it for a scene whose poses may be Paths. */\n  poseDescriptor?: PoseDescriptor<TPose>;\n\n  /** The outline a node draws, for marquee and lasso, in world coordinates.\n   *  Return `null` where the pose says it all. Default: none — a polygon pose\n   *  is its own outline, and anything else is its pose rect, rotated by\n   *  `rotation`. The kit's painters live above `core/`, so a scene whose\n   *  nodes they draw passes `findShapeSilhouette` to be tested as drawn. */\n  silhouette?: (node: TNode, pose: TPose) => Path | null;\n\n  /** Factory for fresh node ids in `commitPaste`. Default: `crypto.randomUUID()`\n   *  when available, otherwise a monotonic `paste-<n>` counter. Override\n   *  when consumers want stable id schemes (e.g. `clip-${n++}`). */\n  nextId?: () => string;\n}\n\n/**\n * Combined adapter satisfying every narrow adapter the kit ships. Methods\n * with no default implementation (e.g. `commitInsert` without\n * `createDefault`) return null/[]/noop — sufficient to typecheck against\n * `InsertAdapter`/`AreaSelectAdapter`, and the corresponding gesture hook\n * simply produces no commit.\n */\nexport interface ArrayAdapter<TNode extends { id: string }, TPose>\n  extends MoveAdapter<TNode, TPose>,\n    ResizeAdapter<TNode, TPose>,\n    InsertAdapter<TNode>,\n    AreaSelectAdapter,\n    LassoSelectAdapter {\n  getNodes(): TNode[];\n  removeNode(id: string): void;\n  // ArrayAdapter satisfies the union of all narrow adapters; redeclare the\n  // methods that are optional on AreaSelectAdapter (post-relaxation) but\n  // required on InsertAdapter so TS sees a single non-conflicting signature.\n  getSelection(): string[];\n  setSelection(ids: string[]): void;\n  // Redeclare applyOps with an optional label so it's compatible with both\n  // MoveAdapter (label required) and AreaSelectAdapter (label absent = transient).\n  applyOps?(ops: Op[], label?: string): void;\n}\n\nfunction defaultFromPose<TNode extends { id: string }, TPose>(\n  obj: TNode,\n  pose: TPose,\n): TNode {\n  return { ...obj, ...(pose as object) } as TNode;\n}\n\nlet monotonicPasteCounter = 0;\nfunction defaultNextId(): string {\n  const c = (globalThis as { crypto?: { randomUUID?: () => string } }).crypto;\n  if (c && typeof c.randomUUID === 'function') return c.randomUUID();\n  return `paste-${monotonicPasteCounter++}`;\n}\n\n/**\n * Synthesize a many-faceted adapter from a `useState`-array scene. Always\n * satisfies `MoveAdapter`, `ResizeAdapter`, `InsertAdapter`, and\n * `AreaSelectAdapter` via structural typing. Override individual methods by\n * spreading the result.\n *\n * `applyOps` is intentionally omitted — hooks fall back to the built-in\n * dispatcher (see `dispatchApplyBatch`). Apps with custom history\n * integration supply their own via spread.\n */\nexport function arrayAdapter<TNode extends { id: string }, TPose>(\n  config: ArrayAdapterConfig<TNode, TPose>,\n): ArrayAdapter<TNode, TPose> {\n  const {\n    ref,\n    setItems,\n    toPose,\n    fromPose = defaultFromPose,\n    getParent = () => null,\n    setParent = () => {},\n    getChildren,\n    selectionRef,\n    setSelection = () => {},\n    createDefault,\n    nextId = defaultNextId,\n    silhouette,\n  } = config;\n\n  const d = (config.poseDescriptor ?? RECT_POSE_DESCRIPTOR) as PoseDescriptor<TPose>;\n\n  const getSelection = selectionRef ? () => selectionRef.current : () => [];\n\n  const takenBy = (region: SelectRegion, mode: LassoHitMode): string[] => {\n    const out: string[] = [];\n    for (const o of ref.current) {\n      const pose = toPose(o);\n      const b = regionBoundsOf(o, pose, poseDescriptorForNode(d, o) as PoseDescriptor<unknown>);\n      const outline = (): Path => silhouette?.(o, pose) ?? poseOutline(pose, b);\n      if (regionTakes(region, mode, pose, b, outline)) out.push(o.id);\n    }\n    return out;\n  };\n\n  const adapter: ArrayAdapter<TNode, TPose> = {\n    getNode: (id) => ref.current.find((o) => o.id === id),\n    getNodes: () => ref.current,\n    getPose: (id) => {\n      const obj = ref.current.find((o) => o.id === id);\n      if (!obj) throw new Error(`arrayAdapter.getPose: id \"${id}\" not found`);\n      return toPose(obj);\n    },\n    setPose: (id, pose) => {\n      setItems((items) => items.map((o) => (o.id === id ? fromPose(o, pose) : o)));\n    },\n    getParent,\n    setParent,\n\n    insertNode: (obj, index) => setItems((items) => {\n      if (index === undefined || index < 0 || index >= items.length) return [...items, obj];\n      return [...items.slice(0, index), obj, ...items.slice(index)];\n    }),\n    removeNode: (id) => setItems((items) => items.filter((o) => o.id !== id)),\n\n    getSelection,\n    setSelection,\n\n    hitTestArea: (rect) => takenBy(rectRegion(rect), 'intersect'),\n\n    hitTestLasso: (polygon, mode: LassoHitMode) => {\n      const region = polygonRegion(polygon);\n      return region ? takenBy(region, mode) : [];\n    },\n\n    // Use a method shorthand so `this` is the call-site receiver, not the\n    // adapter we're building here. That way consumers can spread additional\n    // methods on top (e.g. `{ ...arrayAdapter(...), ...selection.adapterMethods }`)\n    // and `applyOps` will dispatch ops against the merged object.\n    applyOps(ops: Op[]) {\n      applyOpsTo(this, ops);\n    },\n\n    commitInsert: createDefault ? (b) => createDefault(b) : () => null,\n    commitPaste: (\n      clip: ClipboardSnapshot,\n      offset: { dx: number; dy: number },\n      ctx?: { dropPoint?: { worldX: number; worldY: number } },\n    ): TNode[] => {\n      const src = clip.items as TNode[];\n      if (src.length === 0) return [];\n\n      // Default translation = `offset`. When `dropPoint` is supplied, center\n      // the cluster's union AABB at the drop point — matches the\n      // `ClipboardDemo` reference wiring.\n      let dx = offset.dx;\n      let dy = offset.dy;\n      if (ctx?.dropPoint) {\n        let minX = Infinity, minY = Infinity, maxX = -Infinity, maxY = -Infinity;\n        for (const n of src) {\n          const b = poseDescriptorForNode(d, n).getBounds(toPose(n));\n          if (b.x < minX) minX = b.x;\n          if (b.y < minY) minY = b.y;\n          if (b.x + b.width > maxX) maxX = b.x + b.width;\n          if (b.y + b.height > maxY) maxY = b.y + b.height;\n        }\n        // Defensive: if the descriptor returned nothing usable, fall back to offset.\n        if (Number.isFinite(minX) && Number.isFinite(minY)) {\n          const cx = (minX + maxX) / 2;\n          const cy = (minY + maxY) / 2;\n          dx = ctx.dropPoint.worldX - cx;\n          dy = ctx.dropPoint.worldY - cy;\n        }\n      }\n\n      // Deep-clone via JSON round-trip so the snapshot isn't mutated by\n      // downstream pose edits.\n      const out: TNode[] = [];\n      for (const n of src) {\n        const cloned = JSON.parse(JSON.stringify(n)) as TNode;\n        (cloned as { id: string }).id = nextId();\n        const translated = translatePoseViaDescriptor(\n          toPose(cloned), dx, dy, poseDescriptorForNode(d, cloned),\n        );\n        out.push(fromPose(cloned, translated));\n      }\n      return out;\n    },\n    snapshotSelection: (ids) => ({\n      items: ids\n        .map((id) => ref.current.find((o) => o.id === id))\n        .filter((o): o is TNode => !!o),\n    }),\n  };\n\n  if (getChildren) {\n    (adapter as ArrayAdapter<TNode, TPose> & {\n      getChildren: (parentId: string | null) => string[];\n    }).getChildren = (parentId) => {\n      // Root order is the item array's order, which this adapter owns — asking\n      // the consumer would get a callback written for node ids, and its `[]`\n      // is indistinguishable from \"the root has no children\".\n      if (parentId === null) {\n        return ref.current.filter((o) => getParent(o.id) === null).map((o) => o.id);\n      }\n      return getChildren(parentId) ?? [];\n    };\n  }\n\n  return adapter;\n}\n"],"mappings":"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"}
+{"version":3,"file":"arrayAdapter.js","names":["defaultFromPose","obj","pose","monotonicPasteCounter","defaultNextId","c","arrayAdapter","config","d","RECT_POSE_DESCRIPTOR","getSelection","selectionRef","takenBy","out","o","ref","toPose","b","regionBoundsOf","poseDescriptorForNode","regionTakes","region","mode","silhouette","poseOutline","childrenIn","parentId","items","getParent","getChildren","arrayIndexFor","index","before","parentOf","id","at","adapter","fromPose","setItems","rectRegion","rect","polygonRegion","polygon","ops","createDefault","src","clip","dx","offset","dy","ctx","minX","minY","maxX","maxY","n","cx","cy","cloned","nextId","translated","translatePoseViaDescriptor","ids"],"sources":["../../../src/core/adapters/arrayAdapter.ts"],"sourcesContent":["import type { MutableRefObject } from 'react';\nimport type {\n  AreaSelectAdapter,\n  InsertAdapter,\n  LassoHitMode,\n  LassoSelectAdapter,\n  MoveAdapter,\n  ResizeAdapter,\n} from './types';\nimport type { Op } from '../ops/types';\nimport { applyOpsTo } from '../applyOps';\nimport { parentOf } from '../ops/slot';\nimport type { Bounds } from '../viewport/fitViewToBounds';\nimport type { ClipboardSnapshot } from './types';\nimport {\n  poseDescriptorForNode,\n  translatePoseViaDescriptor,\n  RECT_POSE_DESCRIPTOR,\n  type PoseDescriptor,\n} from 'core/geometry/poseDescriptor';\nimport type { Path } from '@weasel-js/geom';\nimport {\n  polygonRegion,\n  poseOutline,\n  rectRegion,\n  regionBoundsOf,\n  regionTakes,\n  type SelectRegion,\n} from 'core/geometry/regionHit';\n\n/** Configuration for `arrayAdapter`. */\nexport interface ArrayAdapterConfig<TNode extends { id: string }, TPose> {\n  /** Live ref to the current array. */\n  ref: MutableRefObject<TNode[]>;\n  /** Functional setter (typically the second value from `useState`). */\n  setItems: (updater: (items: TNode[]) => TNode[]) => void;\n  /** Project an object to its pose. Required. */\n  toPose: (obj: TNode) => TPose;\n  /** Merge a new pose back into an object. Default: shallow spread. */\n  fromPose?: (obj: TNode, pose: TPose) => TNode;\n  /** Optional parent lookup. Default returns `null`. */\n  getParent?: (id: string) => string | null;\n  /** Optional reparent mutator. Default is a noop. */\n  setParent?: (id: string, parentId: string | null) => void;\n  /** Optional children lookup for a node id. The adapter answers the root\n   *  itself, from `ref` and `getParent` in array order, so this is never\n   *  called with `null`. Default omits the method entirely. */\n  getChildren?: (id: string) => string[] | undefined;\n\n  /** Live ref to the current selection. Default: empty array. */\n  selectionRef?: MutableRefObject<string[]>;\n  /** Selection setter. Default: noop. */\n  setSelection?: (ids: string[]) => void;\n\n  /** Factory for `commitInsert` — invoked at the end of an insert drag.\n   *  Consumers own id generation and any palette/payload fields. Returning\n   *  `null` aborts the insert. When omitted, `commitInsert` returns `null`. */\n  createDefault?: (bounds: Bounds) => TNode | null;\n\n  /** How to read and rewrite item poses. Default `RECT_POSE_DESCRIPTOR`,\n   *  which reads the pose as its own AABB — the canonical axis-aligned rect\n   *  pose. `AUTO_POSE_DESCRIPTOR` lives above `core/` and so cannot be the\n   *  default here; pass it for a scene whose poses may be Paths. */\n  poseDescriptor?: PoseDescriptor<TPose>;\n\n  /** The outline a node draws, for marquee and lasso, in world coordinates.\n   *  Return `null` where the pose says it all. Default: none — a polygon pose\n   *  is its own outline, and anything else is its pose rect, rotated by\n   *  `rotation`. The kit's painters live above `core/`, so a scene whose\n   *  nodes they draw passes `findShapeSilhouette` to be tested as drawn. */\n  silhouette?: (node: TNode, pose: TPose) => Path | null;\n\n  /** Factory for fresh node ids in `commitPaste`. Default: `crypto.randomUUID()`\n   *  when available, otherwise a monotonic `paste-<n>` counter. Override\n   *  when consumers want stable id schemes (e.g. `clip-${n++}`). */\n  nextId?: () => string;\n}\n\n/**\n * Combined adapter satisfying every narrow adapter the kit ships. Methods\n * with no default implementation (e.g. `commitInsert` without\n * `createDefault`) return null/[]/noop — sufficient to typecheck against\n * `InsertAdapter`/`AreaSelectAdapter`, and the corresponding gesture hook\n * simply produces no commit.\n */\nexport interface ArrayAdapter<TNode extends { id: string }, TPose>\n  extends MoveAdapter<TNode, TPose>,\n    ResizeAdapter<TNode, TPose>,\n    InsertAdapter<TNode>,\n    AreaSelectAdapter,\n    LassoSelectAdapter {\n  getNodes(): TNode[];\n  removeNode(id: string): void;\n  // ArrayAdapter satisfies the union of all narrow adapters; redeclare the\n  // methods that are optional on AreaSelectAdapter (post-relaxation) but\n  // required on InsertAdapter so TS sees a single non-conflicting signature.\n  getSelection(): string[];\n  setSelection(ids: string[]): void;\n  // Redeclare applyOps with an optional label so it's compatible with both\n  // MoveAdapter (label required) and AreaSelectAdapter (label absent = transient).\n  applyOps?(ops: Op[], label?: string): void;\n}\n\nfunction defaultFromPose<TNode extends { id: string }, TPose>(\n  obj: TNode,\n  pose: TPose,\n): TNode {\n  return { ...obj, ...(pose as object) } as TNode;\n}\n\nlet monotonicPasteCounter = 0;\nfunction defaultNextId(): string {\n  const c = (globalThis as { crypto?: { randomUUID?: () => string } }).crypto;\n  if (c && typeof c.randomUUID === 'function') return c.randomUUID();\n  return `paste-${monotonicPasteCounter++}`;\n}\n\n/**\n * Synthesize a many-faceted adapter from a `useState`-array scene. Always\n * satisfies `MoveAdapter`, `ResizeAdapter`, `InsertAdapter`, and\n * `AreaSelectAdapter` via structural typing. Override individual methods by\n * spreading the result.\n *\n * `applyOps` is intentionally omitted — hooks fall back to the built-in\n * dispatcher (see `dispatchApplyBatch`). Apps with custom history\n * integration supply their own via spread.\n */\nexport function arrayAdapter<TNode extends { id: string }, TPose>(\n  config: ArrayAdapterConfig<TNode, TPose>,\n): ArrayAdapter<TNode, TPose> {\n  const {\n    ref,\n    setItems,\n    toPose,\n    fromPose = defaultFromPose,\n    getParent = () => null,\n    setParent = () => {},\n    getChildren,\n    selectionRef,\n    setSelection = () => {},\n    createDefault,\n    nextId = defaultNextId,\n    silhouette,\n  } = config;\n\n  const d = (config.poseDescriptor ?? RECT_POSE_DESCRIPTOR) as PoseDescriptor<TPose>;\n\n  const getSelection = selectionRef ? () => selectionRef.current : () => [];\n\n  const takenBy = (region: SelectRegion, mode: LassoHitMode): string[] => {\n    const out: string[] = [];\n    for (const o of ref.current) {\n      const pose = toPose(o);\n      const b = regionBoundsOf(o, pose, poseDescriptorForNode(d, o) as PoseDescriptor<unknown>);\n      const outline = (): Path => silhouette?.(o, pose) ?? poseOutline(pose, b);\n      if (regionTakes(region, mode, pose, b, outline)) out.push(o.id);\n    }\n    return out;\n  };\n\n  // Root order is the item array's order, which this adapter owns — asking\n  // the consumer would get a callback written for node ids, and its `[]`\n  // is indistinguishable from \"the root has no children\".\n  const childrenIn = (items: readonly TNode[], parentId: string | null): string[] =>\n    parentId === null\n      ? items.filter((o) => getParent(o.id) === null).map((o) => o.id)\n      : getChildren?.(parentId) ?? [];\n\n  /** Where in `items` an insert at `index` lands, `undefined` to append. With\n   *  `getChildren` configured the ops hand over an ordinal among the node's\n   *  siblings, which is an array index only when nothing else sits between. */\n  const arrayIndexFor = (items: readonly TNode[], obj: TNode, index: number | undefined): number | undefined => {\n    if (index === undefined || index < 0) return undefined;\n    if (!getChildren) return index < items.length ? index : undefined;\n    const before = childrenIn(items, parentOf(obj)).filter((id) => id !== obj.id)[index];\n    const at = before === undefined ? -1 : items.findIndex((o) => o.id === before);\n    return at < 0 ? undefined : at;\n  };\n\n  const adapter: ArrayAdapter<TNode, TPose> = {\n    getNode: (id) => ref.current.find((o) => o.id === id),\n    getNodes: () => ref.current,\n    getPose: (id) => {\n      const obj = ref.current.find((o) => o.id === id);\n      if (!obj) throw new Error(`arrayAdapter.getPose: id \"${id}\" not found`);\n      return toPose(obj);\n    },\n    setPose: (id, pose) => {\n      setItems((items) => items.map((o) => (o.id === id ? fromPose(o, pose) : o)));\n    },\n    getParent,\n    setParent,\n\n    insertNode: (obj, index) => setItems((items) => {\n      const at = arrayIndexFor(items, obj, index);\n      if (at === undefined) return [...items, obj];\n      return [...items.slice(0, at), obj, ...items.slice(at)];\n    }),\n    removeNode: (id) => setItems((items) => items.filter((o) => o.id !== id)),\n\n    getSelection,\n    setSelection,\n\n    hitTestArea: (rect) => takenBy(rectRegion(rect), 'intersect'),\n\n    hitTestLasso: (polygon, mode: LassoHitMode) => {\n      const region = polygonRegion(polygon);\n      return region ? takenBy(region, mode) : [];\n    },\n\n    // Use a method shorthand so `this` is the call-site receiver, not the\n    // adapter we're building here. That way consumers can spread additional\n    // methods on top (e.g. `{ ...arrayAdapter(...), ...selection.adapterMethods }`)\n    // and `applyOps` will dispatch ops against the merged object.\n    applyOps(ops: Op[]) {\n      applyOpsTo(this, ops);\n    },\n\n    commitInsert: createDefault ? (b) => createDefault(b) : () => null,\n    commitPaste: (\n      clip: ClipboardSnapshot,\n      offset: { dx: number; dy: number },\n      ctx?: { dropPoint?: { worldX: number; worldY: number } },\n    ): TNode[] => {\n      const src = clip.items as TNode[];\n      if (src.length === 0) return [];\n\n      // Default translation = `offset`. When `dropPoint` is supplied, center\n      // the cluster's union AABB at the drop point — matches the\n      // `ClipboardDemo` reference wiring.\n      let dx = offset.dx;\n      let dy = offset.dy;\n      if (ctx?.dropPoint) {\n        let minX = Infinity, minY = Infinity, maxX = -Infinity, maxY = -Infinity;\n        for (const n of src) {\n          const b = poseDescriptorForNode(d, n).getBounds(toPose(n));\n          if (b.x < minX) minX = b.x;\n          if (b.y < minY) minY = b.y;\n          if (b.x + b.width > maxX) maxX = b.x + b.width;\n          if (b.y + b.height > maxY) maxY = b.y + b.height;\n        }\n        // Defensive: if the descriptor returned nothing usable, fall back to offset.\n        if (Number.isFinite(minX) && Number.isFinite(minY)) {\n          const cx = (minX + maxX) / 2;\n          const cy = (minY + maxY) / 2;\n          dx = ctx.dropPoint.worldX - cx;\n          dy = ctx.dropPoint.worldY - cy;\n        }\n      }\n\n      // Deep-clone via JSON round-trip so the snapshot isn't mutated by\n      // downstream pose edits.\n      const out: TNode[] = [];\n      for (const n of src) {\n        const cloned = JSON.parse(JSON.stringify(n)) as TNode;\n        (cloned as { id: string }).id = nextId();\n        const translated = translatePoseViaDescriptor(\n          toPose(cloned), dx, dy, poseDescriptorForNode(d, cloned),\n        );\n        out.push(fromPose(cloned, translated));\n      }\n      return out;\n    },\n    snapshotSelection: (ids) => ({\n      items: ids\n        .map((id) => ref.current.find((o) => o.id === id))\n        .filter((o): o is TNode => !!o),\n    }),\n  };\n\n  if (getChildren) {\n    (adapter as ArrayAdapter<TNode, TPose> & {\n      getChildren: (parentId: string | null) => string[];\n    }).getChildren = (parentId) => childrenIn(ref.current, parentId);\n  }\n\n  return adapter;\n}\n"],"mappings":"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"}

package/dist/core/device/index.js

@@ -1,4 +1,5 @@
-import { DeviceProfileProvider as e, useDeviceProfile as t } from "./useDeviceProfile.js";
-import { ANCHOR_HIT_BASE_PX as n, HANDLE_BASE_PX as r, ROTATION_HANDLE_BASE_PX as i } from "./targets.js";
-import { COARSE_TARGET_SCALE as a, DEFAULT_DEVICE_PROFILE as o, resolveDeviceProfile as s } from "@weasel-js/routing";
-export { n as ANCHOR_HIT_BASE_PX, a as COARSE_TARGET_SCALE, o as DEFAULT_DEVICE_PROFILE, e as DeviceProfileProvider, r as HANDLE_BASE_PX, i as ROTATION_HANDLE_BASE_PX, s as resolveDeviceProfile, t as useDeviceProfile };
+import { watchDevicePixelRatio as e } from "./watchDevicePixelRatio.js";
+import { DeviceProfileProvider as t, useDeviceProfile as n } from "./useDeviceProfile.js";
+import { ANCHOR_HIT_BASE_PX as r, HANDLE_BASE_PX as i, ROTATION_HANDLE_BASE_PX as a } from "./targets.js";
+import { COARSE_TARGET_SCALE as o, DEFAULT_DEVICE_PROFILE as s, resolveDeviceProfile as c } from "@weasel-js/routing";
+export { r as ANCHOR_HIT_BASE_PX, o as COARSE_TARGET_SCALE, s as DEFAULT_DEVICE_PROFILE, t as DeviceProfileProvider, i as HANDLE_BASE_PX, a as ROTATION_HANDLE_BASE_PX, c as resolveDeviceProfile, n as useDeviceProfile, e as watchDevicePixelRatio };

package/dist/core/device/useDeviceProfile.js

@@ -1,75 +1,69 @@
-import { createContext as e, createElement as t, useContext as n, useEffect as r, useMemo as i, useState as a } from "react";
-import { DEFAULT_DEVICE_PROFILE as o, resolveDeviceProfile as s } from "@weasel-js/routing";
+import { watchDevicePixelRatio as e } from "./watchDevicePixelRatio.js";
+import { createContext as t, createElement as n, useContext as r, useEffect as i, useMemo as a, useState as o } from "react";
+import { DEFAULT_DEVICE_PROFILE as s, resolveDeviceProfile as c } from "@weasel-js/routing";
 //#region src/core/device/useDeviceProfile.ts
-var c = "(pointer: coarse)", l = "(hover: hover)";
-function u() {
+var l = "(pointer: coarse)", u = "(hover: hover)";
+function d() {
 	return typeof window < "u" && typeof window.matchMedia == "function";
 }
-function d() {
+function f() {
 	let e = typeof window < "u" && window.devicePixelRatio || 1;
-	return u() ? {
-		coarsePointer: window.matchMedia(c).matches,
-		canHover: window.matchMedia(l).matches,
+	return d() ? {
+		coarsePointer: window.matchMedia(l).matches,
+		canHover: window.matchMedia(u).matches,
 		dpr: e
 	} : {
-		coarsePointer: o.coarsePointer,
-		canHover: o.canHover,
+		coarsePointer: s.coarsePointer,
+		canHover: s.canHover,
 		dpr: e
 	};
 }
-function f() {
-	let [e, t] = a(d);
-	return r(() => {
-		if (!u()) return;
-		let e = window.matchMedia(c), n = window.matchMedia(l), r = (e) => t((t) => ({
+function p() {
+	let [t, n] = o(f);
+	return i(() => {
+		if (!d()) return;
+		let t = window.matchMedia(l), r = window.matchMedia(u), i = (e) => n((t) => ({
 			...t,
 			coarsePointer: e.matches
-		})), i = (e) => t((t) => ({
+		})), a = (e) => n((t) => ({
 			...t,
 			canHover: e.matches
 		}));
-		e.addEventListener("change", r), n.addEventListener("change", i);
-		let a = !1, o = null, s = () => {
-			if (a) return;
-			let e = window.devicePixelRatio || 1;
-			t((t) => t.dpr === e ? t : {
-				...t,
-				dpr: e
-			}), d();
-		};
-		function d() {
-			a || (o?.removeEventListener("change", s), o = window.matchMedia(`(resolution: ${window.devicePixelRatio || 1}dppx)`), o.addEventListener("change", s));
-		}
-		return d(), t({
-			coarsePointer: e.matches,
-			canHover: n.matches,
+		t.addEventListener("change", i), r.addEventListener("change", a);
+		let o = e((e) => n((t) => t.dpr === e ? t : {
+			...t,
+			dpr: e
+		}));
+		return n({
+			coarsePointer: t.matches,
+			canHover: r.matches,
 			dpr: window.devicePixelRatio || 1
 		}), () => {
-			a = !0, e.removeEventListener("change", r), n.removeEventListener("change", i), o?.removeEventListener("change", s);
+			o(), t.removeEventListener("change", i), r.removeEventListener("change", a);
 		};
-	}, []), e;
+	}, []), t;
 }
-var p = e(null);
-function m(e) {
-	let t = n(p), r = f(), a = t ?? r, { coarsePointer: o, canHover: c, dpr: l, targetScale: u } = e ?? {};
-	return i(() => s(a, {
+var m = t(null);
+function h(e) {
+	let t = r(m), n = p(), i = t ?? n, { coarsePointer: o, canHover: s, dpr: l, targetScale: u } = e ?? {};
+	return a(() => c(i, {
 		...o === void 0 ? {} : { coarsePointer: o },
-		...c === void 0 ? {} : { canHover: c },
+		...s === void 0 ? {} : { canHover: s },
 		...l === void 0 ? {} : { dpr: l },
 		...u === void 0 ? {} : { targetScale: u }
 	}), [
-		a,
+		i,
 		o,
-		c,
+		s,
 		l,
 		u
 	]);
 }
-function h({ value: e, children: n }) {
-	let r = m(e);
-	return t(p.Provider, { value: r }, n);
+function g({ value: e, children: t }) {
+	let r = h(e);
+	return n(m.Provider, { value: r }, t);
 }
 //#endregion
-export { h as DeviceProfileProvider, m as useDeviceProfile };
+export { g as DeviceProfileProvider, h as useDeviceProfile };
 
 //# sourceMappingURL=useDeviceProfile.js.map

package/dist/core/device/useDeviceProfile.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDeviceProfile.js","names":["COARSE_QUERY","HOVER_QUERY","hasMatchMedia","detectOnce","dpr","DEFAULT_DEVICE_PROFILE","useDetectedFacts","facts","setFacts","useState","useEffect","coarseMq","hoverMq","onCoarse","f","onHover","disposed","densityMq","onDensity","next","arm","DeviceProfileContext","createContext","useDeviceProfile","provided","useContext","detected","base","overrides","useMemo","resolveDeviceProfile","coarsePointer","canHover","targetScale","DeviceProfileProvider","profile","value","createElement","children"],"sources":["../../../src/core/device/useDeviceProfile.ts"],"sourcesContent":["import {\n  createContext,\n  createElement,\n  useContext,\n  useEffect,\n  useMemo,\n  useState,\n  type ReactNode,\n} from 'react';\nimport type { DetectedDeviceFacts, DeviceProfile } from './types';\nimport { DEFAULT_DEVICE_PROFILE, resolveDeviceProfile } from '@weasel-js/routing';\n\nconst COARSE_QUERY = '(pointer: coarse)';\nconst HOVER_QUERY = '(hover: hover)';\n\nfunction hasMatchMedia(): boolean {\n  return typeof window !== 'undefined' && typeof window.matchMedia === 'function';\n}\n\nfunction detectOnce(): DetectedDeviceFacts {\n  // Density is read unconditionally: `devicePixelRatio` does not depend on\n  // `matchMedia` existing. Only *watching* density needs a media query.\n  // Gating this read behind `hasMatchMedia()` would report density 1 under\n  // any environment without matchMedia — including jsdom, which would\n  // silently break `useCanvasSize`'s existing DPR assertions.\n  const dpr = (typeof window !== 'undefined' && window.devicePixelRatio) || 1;\n  if (!hasMatchMedia()) {\n    return {\n      coarsePointer: DEFAULT_DEVICE_PROFILE.coarsePointer,\n      canHover: DEFAULT_DEVICE_PROFILE.canHover,\n      dpr,\n    };\n  }\n  return {\n    coarsePointer: window.matchMedia(COARSE_QUERY).matches,\n    canHover: window.matchMedia(HOVER_QUERY).matches,\n    dpr,\n  };\n}\n\n/**\n * Detect device facts and keep them live.\n *\n * Three subscriptions: pointer coarseness, hover capability, and pixel\n * density. The density one is special — `(resolution: Ndppx)` stops matching\n * as soon as density changes, so a single listener fires once and goes dead.\n * We re-arm a fresh query at the new density on every change.\n */\nfunction useDetectedFacts(): DetectedDeviceFacts {\n  const [facts, setFacts] = useState<DetectedDeviceFacts>(detectOnce);\n\n  useEffect(() => {\n    if (!hasMatchMedia()) return;\n\n    const coarseMq = window.matchMedia(COARSE_QUERY);\n    const hoverMq = window.matchMedia(HOVER_QUERY);\n\n    const onCoarse = (e: MediaQueryListEvent | { matches: boolean }) =>\n      setFacts((f) => ({ ...f, coarsePointer: e.matches }));\n    const onHover = (e: MediaQueryListEvent | { matches: boolean }) =>\n      setFacts((f) => ({ ...f, canHover: e.matches }));\n\n    coarseMq.addEventListener('change', onCoarse as EventListener);\n    hoverMq.addEventListener('change', onHover as EventListener);\n\n    // Re-arming density watcher.\n    let disposed = false;\n    let densityMq: MediaQueryList | null = null;\n    const onDensity = () => {\n      if (disposed) return;\n      const next = window.devicePixelRatio || 1;\n      setFacts((f) => (f.dpr === next ? f : { ...f, dpr: next }));\n      arm();\n    };\n    function arm(): void {\n      if (disposed) return;\n      densityMq?.removeEventListener('change', onDensity as EventListener);\n      densityMq = window.matchMedia(\n        `(resolution: ${window.devicePixelRatio || 1}dppx)`,\n      );\n      densityMq.addEventListener('change', onDensity as EventListener);\n    }\n    arm();\n\n    // Re-sync once on mount: a query could have changed between the\n    // useState initializer and the effect running.\n    // eslint-disable-next-line react-hooks/set-state-in-effect -- re-syncs media queries that may have changed before subscribing\n    setFacts({\n      coarsePointer: coarseMq.matches,\n      canHover: hoverMq.matches,\n      dpr: window.devicePixelRatio || 1,\n    });\n\n    return () => {\n      disposed = true;\n      coarseMq.removeEventListener('change', onCoarse as EventListener);\n      hoverMq.removeEventListener('change', onHover as EventListener);\n      densityMq?.removeEventListener('change', onDensity as EventListener);\n    };\n  }, []);\n\n  return facts;\n}\n\nconst DeviceProfileContext = createContext<DeviceProfile | null>(null);\n\n/**\n * Read the ambient device profile.\n *\n * Uses the nearest {@link DeviceProfileProvider} when one exists, and\n * otherwise detects for itself — so a standalone overlay or a labkit panel\n * rendered outside a `<SceneCanvas>` still gets correct facts.\n *\n * `overrides` always wins over both, which is what makes tests and\n * force-touch-chrome demos possible without stubbing `matchMedia`.\n */\nexport function useDeviceProfile(overrides?: Partial<DeviceProfile>): DeviceProfile {\n  const provided = useContext(DeviceProfileContext);\n  const detected = useDetectedFacts();\n  const base: DetectedDeviceFacts = provided ?? detected;\n  const { coarsePointer, canHover, dpr, targetScale } = overrides ?? {};\n  return useMemo(\n    () =>\n      resolveDeviceProfile(base, {\n        ...(coarsePointer !== undefined ? { coarsePointer } : {}),\n        ...(canHover !== undefined ? { canHover } : {}),\n        ...(dpr !== undefined ? { dpr } : {}),\n        ...(targetScale !== undefined ? { targetScale } : {}),\n      }),\n    [base, coarsePointer, canHover, dpr, targetScale],\n  );\n}\n\n/** Props for `<DeviceProfileProvider>`. */\nexport interface DeviceProfileProviderProps {\n  /** Partial override folded over detected facts. */\n  value?: Partial<DeviceProfile>;\n  children: ReactNode;\n}\n\n/**\n * Publish one resolved profile to a subtree. `<SceneCanvas>` renders this so\n * overlays, affordances, and consumer chrome all read the same object.\n */\nexport function DeviceProfileProvider({ value, children }: DeviceProfileProviderProps) {\n  const profile = useDeviceProfile(value);\n  return createElement(DeviceProfileContext.Provider, { value: profile }, children);\n}\n"],"mappings":";;;AAYA,IAAMA,IAAe,qBACfC,IAAc;AAEpB,SAASC,IAAyB;CAChC,OAAO,OAAO,SAAW,OAAe,OAAO,OAAO,cAAe;AACvE;AAEA,SAASC,IAAkC;CAMzC,IAAMC,IAAO,OAAO,SAAW,OAAe,OAAO,oBAAqB;CAQ1E,OAPKF,EAAc,IAOZ;EACL,eAAe,OAAO,WAAWF,CAAY,CAAC,CAAC;EAC/C,UAAU,OAAO,WAAWC,CAAW,CAAC,CAAC;EACzC;CACF,IAVS;EACL,eAAeI,EAAuB;EACtC,UAAUA,EAAuB;EACjC;CACF;AAOJ;AAUA,SAASC,IAAwC;CAC/C,IAAM,CAACC,GAAOC,KAAYC,EAA8BN,CAAU;CAoDlE,OAlDAO,QAAgB;EACd,IAAI,CAACR,EAAc,GAAG;EAEtB,IAAMS,IAAW,OAAO,WAAWX,CAAY,GACzCY,IAAU,OAAO,WAAWX,CAAW,GAEvCY,KAAY,MAChBL,GAAU,OAAO;GAAE,GAAGM;GAAG,eAAe,EAAE;EAAQ,EAAE,GAChDC,KAAW,MACfP,GAAU,OAAO;GAAE,GAAGM;GAAG,UAAU,EAAE;EAAQ,EAAE;EAGjD,AADAH,EAAS,iBAAiB,UAAUE,CAAyB,GAC7DD,EAAQ,iBAAiB,UAAUG,CAAwB;EAG3D,IAAIC,IAAW,IACXC,IAAmC,MACjCC,UAAkB;GACtB,IAAIF,GAAU;GACd,IAAMG,IAAO,OAAO,oBAAoB;GAExC,AADAX,GAAU,MAAOM,EAAE,QAAQK,IAAOL,IAAI;IAAE,GAAGA;IAAG,KAAKK;GAAK,CAAE,GAC1DC,EAAI;EACN;EACA,SAASA,IAAY;GACnB,AAAIJ,MACJC,GAAW,oBAAoB,UAAUC,CAA0B,GACnE,IAAY,OAAO,WACjB,gBAAgB,OAAO,oBAAoB,EAAE,MAC/C,GACAD,EAAU,iBAAiB,UAAUC,CAA0B;EACjE;EAYA,OAXAE,EAAI,GAKJZ,EAAS;GACP,eAAeG,EAAS;GACxB,UAAUC,EAAQ;GAClB,KAAK,OAAO,oBAAoB;EAClC,CAAC,SAEY;GAIX,AAHA,IAAW,IACXD,EAAS,oBAAoB,UAAUE,CAAyB,GAChED,EAAQ,oBAAoB,UAAUG,CAAwB,GAC9DE,GAAW,oBAAoB,UAAUC,CAA0B;EACrE;CACF,GAAG,CAAC,CAAC,GAEEX;AACT;AAEA,IAAMc,IAAuBC,EAAoC,IAAI;AAYrE,SAAgBC,EAAiB,GAAmD;CAClF,IAAMC,IAAWC,EAAWJ,CAAoB,GAC1CK,IAAWpB,EAAiB,GAC5BqB,IAA4BH,KAAYE,GACxC,EAAE,kBAAe,aAAU,QAAK,mBAAgBE,KAAa,CAAC;CACpE,OAAOC,QAEHC,EAAqBH,GAAM;EACzB,GAAII,MAAkB,KAAA,IAAgC,CAAC,IAArB,EAAE,iBAAc;EAClD,GAAIC,MAAa,KAAA,IAA2B,CAAC,IAAhB,EAAE,YAAS;EACxC,GAAI5B,MAAQ,KAAA,IAAsB,CAAC,IAAX,EAAE,OAAI;EAC9B,GAAI6B,MAAgB,KAAA,IAA8B,CAAC,IAAnB,EAAE,eAAY;CAChD,CAAC,GACH;EAACN;EAAMI;EAAeC;EAAU5B;EAAK6B;CAAW,CAClD;AACF;AAaA,SAAgBC,EAAsB,EAAE,UAAO,eAAwC;CACrF,IAAMC,IAAUZ,EAAiBa,CAAK;CACtC,OAAOC,EAAchB,EAAqB,UAAU,EAAE,OAAOc,EAAQ,GAAGG,CAAQ;AAClF"}
+{"version":3,"file":"useDeviceProfile.js","names":["COARSE_QUERY","HOVER_QUERY","hasMatchMedia","detectOnce","dpr","DEFAULT_DEVICE_PROFILE","useDetectedFacts","facts","setFacts","useState","useEffect","coarseMq","hoverMq","onCoarse","f","onHover","unwatchDensity","watchDevicePixelRatio","next","DeviceProfileContext","createContext","useDeviceProfile","provided","useContext","detected","base","overrides","useMemo","resolveDeviceProfile","coarsePointer","canHover","targetScale","DeviceProfileProvider","profile","value","createElement","children"],"sources":["../../../src/core/device/useDeviceProfile.ts"],"sourcesContent":["import {\n  createContext,\n  createElement,\n  useContext,\n  useEffect,\n  useMemo,\n  useState,\n  type ReactNode,\n} from 'react';\nimport type { DetectedDeviceFacts, DeviceProfile } from './types';\nimport { DEFAULT_DEVICE_PROFILE, resolveDeviceProfile } from '@weasel-js/routing';\nimport { watchDevicePixelRatio } from './watchDevicePixelRatio';\n\nconst COARSE_QUERY = '(pointer: coarse)';\nconst HOVER_QUERY = '(hover: hover)';\n\nfunction hasMatchMedia(): boolean {\n  return typeof window !== 'undefined' && typeof window.matchMedia === 'function';\n}\n\nfunction detectOnce(): DetectedDeviceFacts {\n  // Density is read unconditionally: `devicePixelRatio` does not depend on\n  // `matchMedia` existing. Only *watching* density needs a media query.\n  // Gating this read behind `hasMatchMedia()` would report density 1 under\n  // any environment without matchMedia — including jsdom, which would\n  // silently break `useCanvasSize`'s existing DPR assertions.\n  const dpr = (typeof window !== 'undefined' && window.devicePixelRatio) || 1;\n  if (!hasMatchMedia()) {\n    return {\n      coarsePointer: DEFAULT_DEVICE_PROFILE.coarsePointer,\n      canHover: DEFAULT_DEVICE_PROFILE.canHover,\n      dpr,\n    };\n  }\n  return {\n    coarsePointer: window.matchMedia(COARSE_QUERY).matches,\n    canHover: window.matchMedia(HOVER_QUERY).matches,\n    dpr,\n  };\n}\n\n/**\n * Detect device facts and keep them live.\n *\n * Three subscriptions: pointer coarseness, hover capability, and pixel\n * density.\n */\nfunction useDetectedFacts(): DetectedDeviceFacts {\n  const [facts, setFacts] = useState<DetectedDeviceFacts>(detectOnce);\n\n  useEffect(() => {\n    if (!hasMatchMedia()) return;\n\n    const coarseMq = window.matchMedia(COARSE_QUERY);\n    const hoverMq = window.matchMedia(HOVER_QUERY);\n\n    const onCoarse = (e: MediaQueryListEvent | { matches: boolean }) =>\n      setFacts((f) => ({ ...f, coarsePointer: e.matches }));\n    const onHover = (e: MediaQueryListEvent | { matches: boolean }) =>\n      setFacts((f) => ({ ...f, canHover: e.matches }));\n\n    coarseMq.addEventListener('change', onCoarse as EventListener);\n    hoverMq.addEventListener('change', onHover as EventListener);\n\n    const unwatchDensity = watchDevicePixelRatio((next) =>\n      setFacts((f) => (f.dpr === next ? f : { ...f, dpr: next })));\n\n    // Re-sync once on mount: a query could have changed between the\n    // useState initializer and the effect running.\n    // eslint-disable-next-line react-hooks/set-state-in-effect -- re-syncs media queries that may have changed before subscribing\n    setFacts({\n      coarsePointer: coarseMq.matches,\n      canHover: hoverMq.matches,\n      dpr: window.devicePixelRatio || 1,\n    });\n\n    return () => {\n      unwatchDensity();\n      coarseMq.removeEventListener('change', onCoarse as EventListener);\n      hoverMq.removeEventListener('change', onHover as EventListener);\n    };\n  }, []);\n\n  return facts;\n}\n\nconst DeviceProfileContext = createContext<DeviceProfile | null>(null);\n\n/**\n * Read the ambient device profile.\n *\n * Uses the nearest {@link DeviceProfileProvider} when one exists, and\n * otherwise detects for itself — so a standalone overlay or a labkit panel\n * rendered outside a `<SceneCanvas>` still gets correct facts.\n *\n * `overrides` always wins over both, which is what makes tests and\n * force-touch-chrome demos possible without stubbing `matchMedia`.\n */\nexport function useDeviceProfile(overrides?: Partial<DeviceProfile>): DeviceProfile {\n  const provided = useContext(DeviceProfileContext);\n  const detected = useDetectedFacts();\n  const base: DetectedDeviceFacts = provided ?? detected;\n  const { coarsePointer, canHover, dpr, targetScale } = overrides ?? {};\n  return useMemo(\n    () =>\n      resolveDeviceProfile(base, {\n        ...(coarsePointer !== undefined ? { coarsePointer } : {}),\n        ...(canHover !== undefined ? { canHover } : {}),\n        ...(dpr !== undefined ? { dpr } : {}),\n        ...(targetScale !== undefined ? { targetScale } : {}),\n      }),\n    [base, coarsePointer, canHover, dpr, targetScale],\n  );\n}\n\n/** Props for `<DeviceProfileProvider>`. */\nexport interface DeviceProfileProviderProps {\n  /** Partial override folded over detected facts. */\n  value?: Partial<DeviceProfile>;\n  children: ReactNode;\n}\n\n/**\n * Publish one resolved profile to a subtree. `<SceneCanvas>` renders this so\n * overlays, affordances, and consumer chrome all read the same object.\n */\nexport function DeviceProfileProvider({ value, children }: DeviceProfileProviderProps) {\n  const profile = useDeviceProfile(value);\n  return createElement(DeviceProfileContext.Provider, { value: profile }, children);\n}\n"],"mappings":";;;;AAaA,IAAMA,IAAe,qBACfC,IAAc;AAEpB,SAASC,IAAyB;CAChC,OAAO,OAAO,SAAW,OAAe,OAAO,OAAO,cAAe;AACvE;AAEA,SAASC,IAAkC;CAMzC,IAAMC,IAAO,OAAO,SAAW,OAAe,OAAO,oBAAqB;CAQ1E,OAPKF,EAAc,IAOZ;EACL,eAAe,OAAO,WAAWF,CAAY,CAAC,CAAC;EAC/C,UAAU,OAAO,WAAWC,CAAW,CAAC,CAAC;EACzC;CACF,IAVS;EACL,eAAeI,EAAuB;EACtC,UAAUA,EAAuB;EACjC;CACF;AAOJ;AAQA,SAASC,IAAwC;CAC/C,IAAM,CAACC,GAAOC,KAAYC,EAA8BN,CAAU;CAmClE,OAjCAO,QAAgB;EACd,IAAI,CAACR,EAAc,GAAG;EAEtB,IAAMS,IAAW,OAAO,WAAWX,CAAY,GACzCY,IAAU,OAAO,WAAWX,CAAW,GAEvCY,KAAY,MAChBL,GAAU,OAAO;GAAE,GAAGM;GAAG,eAAe,EAAE;EAAQ,EAAE,GAChDC,KAAW,MACfP,GAAU,OAAO;GAAE,GAAGM;GAAG,UAAU,EAAE;EAAQ,EAAE;EAGjD,AADAH,EAAS,iBAAiB,UAAUE,CAAyB,GAC7DD,EAAQ,iBAAiB,UAAUG,CAAwB;EAE3D,IAAMC,IAAiBC,GAAuB,MAC5CT,GAAU,MAAOM,EAAE,QAAQI,IAAOJ,IAAI;GAAE,GAAGA;GAAG,KAAKI;EAAK,CAAE,CAAC;EAW7D,OANAV,EAAS;GACP,eAAeG,EAAS;GACxB,UAAUC,EAAQ;GAClB,KAAK,OAAO,oBAAoB;EAClC,CAAC,SAEY;GAGX,AAFAI,EAAe,GACfL,EAAS,oBAAoB,UAAUE,CAAyB,GAChED,EAAQ,oBAAoB,UAAUG,CAAwB;EAChE;CACF,GAAG,CAAC,CAAC,GAEER;AACT;AAEA,IAAMY,IAAuBC,EAAoC,IAAI;AAYrE,SAAgBC,EAAiB,GAAmD;CAClF,IAAMC,IAAWC,EAAWJ,CAAoB,GAC1CK,IAAWlB,EAAiB,GAC5BmB,IAA4BH,KAAYE,GACxC,EAAE,kBAAe,aAAU,QAAK,mBAAgBE,KAAa,CAAC;CACpE,OAAOC,QAEHC,EAAqBH,GAAM;EACzB,GAAII,MAAkB,KAAA,IAAgC,CAAC,IAArB,EAAE,iBAAc;EAClD,GAAIC,MAAa,KAAA,IAA2B,CAAC,IAAhB,EAAE,YAAS;EACxC,GAAI1B,MAAQ,KAAA,IAAsB,CAAC,IAAX,EAAE,OAAI;EAC9B,GAAI2B,MAAgB,KAAA,IAA8B,CAAC,IAAnB,EAAE,eAAY;CAChD,CAAC,GACH;EAACN;EAAMI;EAAeC;EAAU1B;EAAK2B;CAAW,CAClD;AACF;AAaA,SAAgBC,EAAsB,EAAE,UAAO,eAAwC;CACrF,IAAMC,IAAUZ,EAAiBa,CAAK;CACtC,OAAOC,EAAchB,EAAqB,UAAU,EAAE,OAAOc,EAAQ,GAAGG,CAAQ;AAClF"}

package/dist/core/device/watchDevicePixelRatio.js

@@ -0,0 +1,17 @@
+//#region src/core/device/watchDevicePixelRatio.ts
+function e(e) {
+	if (typeof window > "u" || typeof window.matchMedia != "function") return () => {};
+	let t = !1, n = null, r = () => {
+		t || (i(), e(window.devicePixelRatio || 1));
+	};
+	function i() {
+		n?.removeEventListener("change", r), n = window.matchMedia(`(resolution: ${window.devicePixelRatio || 1}dppx)`), n.addEventListener("change", r);
+	}
+	return i(), () => {
+		t = !0, n?.removeEventListener("change", r);
+	};
+}
+//#endregion
+export { e as watchDevicePixelRatio };
+
+//# sourceMappingURL=watchDevicePixelRatio.js.map

package/dist/core/device/watchDevicePixelRatio.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"watchDevicePixelRatio.js","names":["watchDevicePixelRatio","disposed","query","onDensity","arm","onChange"],"sources":["../../../src/core/device/watchDevicePixelRatio.ts"],"sourcesContent":["/**\n * Call `onChange` each time `window.devicePixelRatio` changes: the window\n * moved to a display of another density, or the page zoomed. Returns the\n * unsubscribe. A no-op where `matchMedia` does not exist.\n *\n * `(resolution: Ndppx)` stops matching as soon as density changes, so one\n * listener fires once and goes dead; this arms a fresh query at the new\n * density on every change.\n */\nexport function watchDevicePixelRatio(onChange: (dpr: number) => void): () => void {\n  if (typeof window === 'undefined' || typeof window.matchMedia !== 'function') return () => {};\n  let disposed = false;\n  let query: MediaQueryList | null = null;\n  const onDensity = (): void => {\n    if (disposed) return;\n    arm();\n    onChange(window.devicePixelRatio || 1);\n  };\n  function arm(): void {\n    query?.removeEventListener('change', onDensity);\n    query = window.matchMedia(`(resolution: ${window.devicePixelRatio || 1}dppx)`);\n    query.addEventListener('change', onDensity);\n  }\n  arm();\n  return () => {\n    disposed = true;\n    query?.removeEventListener('change', onDensity);\n  };\n}\n"],"mappings":";AASA,SAAgBA,EAAsB,GAA6C;CACjF,IAAI,OAAO,SAAW,OAAe,OAAO,OAAO,cAAe,YAAY,aAAa,CAAC;CAC5F,IAAIC,IAAW,IACXC,IAA+B,MAC7BC,UAAwB;EAC5B,AAAIF,MACJG,EAAI,GACJC,EAAS,OAAO,oBAAoB,CAAC;CACvC;CACA,SAASD,IAAY;EAGnB,AAFAF,GAAO,oBAAoB,UAAUC,CAAS,GAC9C,IAAQ,OAAO,WAAW,gBAAgB,OAAO,oBAAoB,EAAE,MAAM,GAC7ED,EAAM,iBAAiB,UAAUC,CAAS;CAC5C;CAEA,OADAC,EAAI,SACS;EAEX,AADA,IAAW,IACXF,GAAO,oBAAoB,UAAUC,CAAS;CAChD;AACF"}

package/dist/core/fillInPoseFrame.js.map

@@ -1 +1 @@
-{"version":3,"file":"fillInPoseFrame.js","names":["fillInPoseFrame","isBuiltinKind","fill","getPaintKind","box","isBoundsPattern","o","isBoundsGradient","toBox","p","scale","fillToBoundsFrame","fromBox","kind"],"sources":["../../src/core/fillInPoseFrame.ts"],"sourcesContent":["/**\n * Resolve a `units: 'bounds'` gradient into the frame its node is painted in.\n *\n * Node painters bake the pose into their geometry (`pathInPoseFrame`) rather\n * than emitting a per-node transform, so by the time the renderer sees a\n * scene node there is no node-local space left for a gradient to refer to.\n * This is the paint-side counterpart: it maps box-relative gradient geometry\n * onto the same box the path was just projected into, so the two arrive in\n * the renderer in one frame.\n */\n\nimport type { FillStyle, GradientFill } from '@weasel-js/paint';\nimport { getPaintKind } from './paintKinds';\n\n/** The box a `'bounds'` gradient's normalized geometry is mapped onto —\n *  usually a node's bounds. */\nexport interface FillPoseBox {\n  x: number;\n  y: number;\n  width: number;\n  height: number;\n}\n\n/**\n * Map a `'bounds'` gradient's `0..1` geometry onto `box`, returning it in the\n * box's own frame (`units: 'local'`). Any other fill — solid, pattern, or a\n * gradient in another space — is returned untouched.\n *\n * Radii scale by the box's normalized diagonal, SVG's rule for a percentage\n * radius against `objectBoundingBox`: `sqrt(w² + h²) / sqrt(2)`, which is\n * exactly `w` for a square box. The renderer's radial gradient is circular,\n * so a non-square box cannot make it the ellipse SVG would — this keeps the\n * radius proportionate instead.\n */\nexport function fillInPoseFrame(fill: FillStyle, box: FillPoseBox): FillStyle {\n  if (!isBuiltinKind(fill)) {\n    return getPaintKind(fill.fill)?.inPoseFrame?.(fill, box) ?? fill;\n  }\n  if (isBoundsPattern(fill)) {\n    const o = fill.origin ?? { x: 0, y: 0 };\n    return { ...fill, origin: { x: box.x + o.x, y: box.y + o.y }, units: 'local' as const };\n  }\n  if (!isBoundsGradient(fill)) return fill;\n\n  const toBox = (p: { x: number; y: number }): { x: number; y: number } => ({\n    x: box.x + p.x * box.width,\n    y: box.y + p.y * box.height,\n  });\n\n  if (fill.fill === 'linear-gradient') {\n    return { ...fill, from: toBox(fill.from), to: toBox(fill.to), units: 'local' as const };\n  }\n  if (fill.fill === 'radial-gradient') {\n    const scale = Math.hypot(box.width, box.height) / Math.SQRT2;\n    return { ...fill, center: toBox(fill.center), radius: fill.radius * scale, units: 'local' as const };\n  }\n  return { ...fill, center: toBox(fill.center), units: 'local' as const };\n}\n\n/**\n * Inverse of {@link fillInPoseFrame}: express a gradient already positioned\n * in `box`'s frame as `0..1` fractions of that box (`units: 'bounds'`), so\n * it follows the node when moved or resized.\n *\n * The importer's counterpart — SVG `userSpaceOnUse` coordinates arrive in\n * page space, and normalizing them here makes an imported gradient behave\n * exactly like one drawn in the app.\n *\n * A zero-width or zero-height box has no frame to normalize against; the\n * fill is returned untouched rather than divided by zero.\n */\nexport function fillToBoundsFrame(fill: FillStyle, box: FillPoseBox): FillStyle {\n  if (!isBuiltinKind(fill)) {\n    return getPaintKind(fill.fill)?.toBoundsFrame?.(fill, box) ?? fill;\n  }\n  if (fill.fill === 'pattern') {\n    const o = fill.origin ?? { x: 0, y: 0 };\n    return { ...fill, origin: { x: o.x - box.x, y: o.y - box.y }, units: 'bounds' as const };\n  }\n  const isGradient = fill.fill === 'linear-gradient'\n    || fill.fill === 'radial-gradient'\n    || fill.fill === 'conic-gradient';\n  if (!isGradient) return fill;\n  if (box.width === 0 || box.height === 0) return fill;\n\n  const fromBox = (p: { x: number; y: number }): { x: number; y: number } => ({\n    x: (p.x - box.x) / box.width,\n    y: (p.y - box.y) / box.height,\n  });\n\n  if (fill.fill === 'linear-gradient') {\n    return { ...fill, from: fromBox(fill.from), to: fromBox(fill.to), units: 'bounds' as const };\n  }\n  if (fill.fill === 'radial-gradient') {\n    const scale = Math.hypot(box.width, box.height) / Math.SQRT2;\n    return { ...fill, center: fromBox(fill.center), radius: fill.radius / scale, units: 'bounds' as const };\n  }\n  return { ...fill, center: fromBox(fill.center), units: 'bounds' as const };\n}\n\n/** True when this fill is a pattern anchored to the painted node's box.\n *  Rebasing it is a translation only — a resize must reveal more tiles, not\n *  stretch them, which is the whole reason patterns get their own branch. */\nfunction isBoundsPattern(\n  fill: FillStyle,\n): fill is Extract<FillStyle, { fill: 'pattern' }> {\n  return fill.fill === 'pattern' && fill.units === 'bounds';\n}\n\n/** True when this fill is a gradient declaring box-relative geometry. */\nfunction isBoundsGradient(fill: FillStyle | undefined): fill is GradientFill {\n  if (fill === undefined) return false;\n  const kind = fill.fill;\n  if (kind !== 'linear-gradient' && kind !== 'radial-gradient' && kind !== 'conic-gradient') {\n    return false;\n  }\n  return fill.units === 'bounds';\n}\n\n/** The five kinds whose frame conversion is written above. Anything else is a\n *  registered kind and converts through its own entry. */\nfunction isBuiltinKind(fill: FillStyle): boolean {\n  const kind = fill.fill ?? 'solid';\n  return kind === 'solid' || kind === 'pattern'\n    || kind === 'linear-gradient' || kind === 'radial-gradient' || kind === 'conic-gradient';\n}\n"],"mappings":"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"}
+{"version":3,"file":"fillInPoseFrame.js","names":["fillInPoseFrame","isBuiltinKind","fill","getPaintKind","box","isBoundsPattern","o","isBoundsGradient","toBox","p","scale","fillToBoundsFrame","fromBox","kind"],"sources":["../../src/core/fillInPoseFrame.ts"],"sourcesContent":["/**\n * Resolve a `units: 'bounds'` gradient into the frame its node is painted in.\n *\n * Node painters bake the pose into their geometry (`pathInPoseFrame`) rather\n * than emitting a per-node transform, so by the time the renderer sees a\n * scene node there is no node-local space left for a gradient to refer to.\n * This is the paint-side counterpart: it maps box-relative gradient geometry\n * onto the same box the path was just projected into, so the two arrive in\n * the renderer in one frame.\n */\n\nimport type { FillStyle, GradientFill, PosedFill } from '@weasel-js/paint';\nimport { getPaintKind } from './paintKinds';\n\n/** The box a `'bounds'` gradient's normalized geometry is mapped onto —\n *  usually a node's bounds. */\nexport interface FillPoseBox {\n  x: number;\n  y: number;\n  width: number;\n  height: number;\n}\n\n/**\n * Map a `'bounds'` gradient's `0..1` geometry onto `box`, returning it in the\n * box's own frame (`units: 'local'`). Any other fill — solid, pattern, or a\n * gradient in another space — is returned untouched.\n *\n * Radii scale by the box's normalized diagonal, SVG's rule for a percentage\n * radius against `objectBoundingBox`: `sqrt(w² + h²) / sqrt(2)`, which is\n * exactly `w` for a square box. The renderer's radial gradient is circular,\n * so a non-square box cannot make it the ellipse SVG would — this keeps the\n * radius proportionate instead.\n */\nexport function fillInPoseFrame(fill: FillStyle, box: FillPoseBox): PosedFill {\n  if (!isBuiltinKind(fill)) {\n    return (getPaintKind(fill.fill)?.inPoseFrame?.(fill, box) ?? fill) as PosedFill;\n  }\n  if (isBoundsPattern(fill)) {\n    const o = fill.origin ?? { x: 0, y: 0 };\n    return { ...fill, origin: { x: box.x + o.x, y: box.y + o.y }, units: 'local' as const };\n  }\n  if (!isBoundsGradient(fill)) return fill as PosedFill;\n\n  const toBox = (p: { x: number; y: number }): { x: number; y: number } => ({\n    x: box.x + p.x * box.width,\n    y: box.y + p.y * box.height,\n  });\n\n  if (fill.fill === 'linear-gradient') {\n    return { ...fill, from: toBox(fill.from), to: toBox(fill.to), units: 'local' as const };\n  }\n  if (fill.fill === 'radial-gradient') {\n    const scale = Math.hypot(box.width, box.height) / Math.SQRT2;\n    return { ...fill, center: toBox(fill.center), radius: fill.radius * scale, units: 'local' as const };\n  }\n  return { ...fill, center: toBox(fill.center), units: 'local' as const };\n}\n\n/**\n * Inverse of {@link fillInPoseFrame}: express a gradient already positioned\n * in `box`'s frame as `0..1` fractions of that box (`units: 'bounds'`), so\n * it follows the node when moved or resized.\n *\n * The importer's counterpart — SVG `userSpaceOnUse` coordinates arrive in\n * page space, and normalizing them here makes an imported gradient behave\n * exactly like one drawn in the app.\n *\n * A zero-width or zero-height box has no frame to normalize against; the\n * fill is returned untouched rather than divided by zero.\n */\nexport function fillToBoundsFrame(fill: FillStyle, box: FillPoseBox): FillStyle {\n  if (!isBuiltinKind(fill)) {\n    return getPaintKind(fill.fill)?.toBoundsFrame?.(fill, box) ?? fill;\n  }\n  if (fill.fill === 'pattern') {\n    const o = fill.origin ?? { x: 0, y: 0 };\n    return { ...fill, origin: { x: o.x - box.x, y: o.y - box.y }, units: 'bounds' as const };\n  }\n  const isGradient = fill.fill === 'linear-gradient'\n    || fill.fill === 'radial-gradient'\n    || fill.fill === 'conic-gradient';\n  if (!isGradient) return fill;\n  if (box.width === 0 || box.height === 0) return fill;\n\n  const fromBox = (p: { x: number; y: number }): { x: number; y: number } => ({\n    x: (p.x - box.x) / box.width,\n    y: (p.y - box.y) / box.height,\n  });\n\n  if (fill.fill === 'linear-gradient') {\n    return { ...fill, from: fromBox(fill.from), to: fromBox(fill.to), units: 'bounds' as const };\n  }\n  if (fill.fill === 'radial-gradient') {\n    const scale = Math.hypot(box.width, box.height) / Math.SQRT2;\n    return { ...fill, center: fromBox(fill.center), radius: fill.radius / scale, units: 'bounds' as const };\n  }\n  return { ...fill, center: fromBox(fill.center), units: 'bounds' as const };\n}\n\n/** True when this fill is a pattern anchored to the painted node's box.\n *  Rebasing it is a translation only — a resize must reveal more tiles, not\n *  stretch them, which is the whole reason patterns get their own branch. */\nfunction isBoundsPattern(\n  fill: FillStyle,\n): fill is Extract<FillStyle, { fill: 'pattern' }> {\n  return fill.fill === 'pattern' && fill.units === 'bounds';\n}\n\n/** True when this fill is a gradient declaring box-relative geometry. */\nfunction isBoundsGradient(fill: FillStyle | undefined): fill is GradientFill {\n  if (fill === undefined) return false;\n  const kind = fill.fill;\n  if (kind !== 'linear-gradient' && kind !== 'radial-gradient' && kind !== 'conic-gradient') {\n    return false;\n  }\n  return fill.units === 'bounds';\n}\n\n/** The five kinds whose frame conversion is written above. Anything else is a\n *  registered kind and converts through its own entry. */\nfunction isBuiltinKind(fill: FillStyle): boolean {\n  const kind = fill.fill ?? 'solid';\n  return kind === 'solid' || kind === 'pattern'\n    || kind === 'linear-gradient' || kind === 'radial-gradient' || kind === 'conic-gradient';\n}\n"],"mappings":"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"}

package/dist/core/geometry/poseDescriptor.js

@@ -1,9 +1,10 @@
-import { axisAlignedBounds as e } from "./unionBounds.js";
+import { poseLinearOf as e } from "./poseFrame.js";
+import { axisAlignedBounds as t } from "./unionBounds.js";
 //#region src/core/geometry/poseDescriptor.ts
-function t(e, t) {
+function n(e, t) {
 	return e.forNode?.(t) ?? e;
 }
-var n = {
+var r = {
 	getBounds: (e) => e,
 	remapBounds: (e, t, n) => {
 		let r = t.width === 0 ? 1 : n.width / t.width, i = t.height === 0 ? 1 : n.height / t.height;
@@ -38,11 +39,11 @@ var n = {
 		...e,
 		rotation: t
 	})
-}, r = {
-	getBounds: n.getBounds,
-	remapBounds: n.remapBounds,
-	translate: n.translate,
-	lerp: n.lerp,
+}, i = {
+	getBounds: r.getBounds,
+	remapBounds: r.remapBounds,
+	translate: r.translate,
+	lerp: r.lerp,
 	fromBounds: (e) => ({
 		x: e.x,
 		y: e.y,
@@ -56,7 +57,7 @@ var n = {
 		rotation: t
 	})
 };
-function i(e, t, n) {
+function a(e, t, n) {
 	let r = t.width === 0 ? 1 : n.width / t.width, i = t.height === 0 ? 1 : n.height / t.height, a = e.rotation ?? 0, o = Math.cos(a), s = Math.sin(a), c = r * o, l = i * s, u = -r * s, d = i * o, f = e.width * Math.hypot(c, l), p = e.height * Math.hypot(u, d), m = Math.atan2(l, c), h = n.x + (e.x + e.width / 2 - t.x) * r, g = n.y + (e.y + e.height / 2 - t.y) * i;
 	return {
 		...e,
@@ -67,17 +68,18 @@ function i(e, t, n) {
 		rotation: m
 	};
 }
-function a(t, n) {
-	let r = n.getBounds(t), i = n.getRotation?.(t) ?? r.rotation ?? 0;
-	return e({
-		x: r.x,
-		y: r.y,
-		width: r.width,
-		height: r.height,
-		rotation: i
+function o(n, r) {
+	let i = r.getBounds(n), a = r.getRotation?.(n) ?? i.rotation ?? 0, o = e(n) ?? void 0;
+	return t({
+		x: i.x,
+		y: i.y,
+		width: i.width,
+		height: i.height,
+		rotation: a,
+		transform: o
 	});
 }
-function o(e, t, n, r) {
+function s(e, t, n, r) {
 	if (r.translate) return r.translate(e, t, n);
 	let i = r.getBounds(e), a = {
 		x: i.x + t,
@@ -88,6 +90,6 @@ function o(e, t, n, r) {
 	return r.remapBounds(e, i, a);
 }
 //#endregion
-export { n as RECT_POSE_DESCRIPTOR, r as ROTATED_POSE_DESCRIPTOR, t as poseDescriptorForNode, i as remapRotatedLeaf, o as translatePoseViaDescriptor, a as visualBoundsViaDescriptor };
+export { r as RECT_POSE_DESCRIPTOR, i as ROTATED_POSE_DESCRIPTOR, n as poseDescriptorForNode, a as remapRotatedLeaf, s as translatePoseViaDescriptor, o as visualBoundsViaDescriptor };
 
 //# sourceMappingURL=poseDescriptor.js.map

package/dist/core/geometry/poseDescriptor.js.map

@@ -1 +1 @@
-{"version":3,"file":"poseDescriptor.js","names":["poseDescriptorForNode","descriptor","node","RECT_POSE_DESCRIPTOR","p","sx","src","dst","sy","b","dx","dy","a","t","ROTATED_POSE_DESCRIPTOR","remapRotatedLeaf","theta","pose","cos","sin","ux","uy","vx","vy","width","height","rotation","cxNew","cyNew","visualBoundsViaDescriptor","geometry","axisAlignedBounds","translatePoseViaDescriptor"],"sources":["../../../src/core/geometry/poseDescriptor.ts"],"sourcesContent":["import type { Bounds } from 'core/viewport/fitViewToBounds';\nimport { axisAlignedBounds } from 'core/geometry/unionBounds';\n\n/** `Bounds` with a required rotation angle (radians). Pivot is the AABB\n *  center of the unrotated `{x, y, width, height}`. */\nexport interface RotatedPose extends Bounds {\n  rotation: number;\n}\n\n/**\n * Bridges arbitrary `TPose` shapes into the resize hook's bounds-driven math.\n * The hook reads bounds via `getBounds`, runs anchor-relative math on those\n * bounds, then asks `remapBounds` to project the result back into TPose.\n *\n * `remapBounds(pose, src, dst)` is a single operation that subsumes both\n * \"set my own AABB to dst\" (single-leaf resize) and \"scale me as a leaf\n * inside parent's src→dst rect\" (group resize) — they're the same affine\n * map. For rect-shaped poses the default geometry interprets the pose as\n * its own bounds; for Path or polygon poses the consumer supplies a\n * projection that knows how to read and rewrite the underlying geometry.\n */\nexport interface PoseDescriptor<TPose, TNode = unknown> {\n  getBounds(pose: TPose): Bounds;\n  remapBounds(pose: TPose, src: Bounds, dst: Bounds): TPose;\n  /** A pose occupying `bounds`, of the same kind as `template`. Unlike\n   *  `remapBounds`, the result carries none of the template's shape. */\n  fromBounds(bounds: Bounds, template: TPose): TPose;\n  /** Translate the pose by (dx, dy). Optional — when omitted, callers fall\n   *  back to a translation derived from `remapBounds` (origin shifted, no\n   *  scale). Path-shaped poses should provide this for performance. */\n  translate?(pose: TPose, dx: number, dy: number): TPose;\n  /** Interpolate between two poses. Optional — animation helpers fall back to\n   *  rect-shape lerp when omitted (which fails for non-rect poses). */\n  lerp?(a: TPose, b: TPose, t: number): TPose;\n  /** Read the pose's rotation in radians. Pivot is the AABB center\n   *  (`getBounds(pose)` center). Default 0 when omitted — descriptor\n   *  declares \"this pose has no rotation.\" When supplied and non-zero,\n   *  `useResize` projects the drag delta into the leaf's local frame,\n   *  runs anchor math there, and translates the resulting pose so the\n   *  diagonally opposite world-space corner is pinned. */\n  getRotation?(pose: TPose): number;\n  /** True iff this pose shape can carry a rotation. Consulted by the\n   *  rotation affordance to decide whether to render the rotate cursor /\n   *  drag-band over a selection. When omitted, the kit assumes `true` for\n   *  back-compat — descriptors whose poses lack `x/y/width/height/rotation`\n   *  fields (e.g. polygon Paths) should return `false` so the affordance\n   *  hides instead of exposing a non-functional rotate cursor. */\n  supportsRotation?(pose: TPose): boolean;\n  /** Write a rotation (radians) into the pose, bounds unchanged. Absent means\n   *  the pose cannot carry one, and the rotate action leaves it alone. */\n  withRotation?(pose: TPose, rotation: number): TPose;\n  /**\n   * A descriptor specialized to one node. Every other method here sees only\n   * the pose, so shapes sharing a pose type — a sphere and a box both posed by\n   * position/rotation/scale — are indistinguishable to them. Implement this to\n   * read `node.data` once and hand back a descriptor that knows which shape it\n   * is describing.\n   *\n   * Callers reach it through {@link poseDescriptorForNode}, at whichever site\n   * holds the node; the specialized descriptor then travels into the bounds and\n   * hit-test helpers in place of this one. Sites with only an id keep using the\n   * unspecialized descriptor, which is why this is optional on both ends.\n   */\n  forNode?(node: TNode): PoseDescriptor<TPose, TNode>;\n}\n\n/** The descriptor `node` should be read through: its own specialization when\n *  it declares one, and otherwise the descriptor unchanged. */\nexport function poseDescriptorForNode<TPose, TNode>(\n  descriptor: PoseDescriptor<TPose, TNode>,\n  node: TNode,\n): PoseDescriptor<TPose, TNode> {\n  return descriptor.forNode?.(node) ?? descriptor;\n}\n\n/** Identity geometry for `TPose extends Bounds`. Treats the pose as its\n *  own bounds and remaps via affine scale against `src`/`dst`. */\nexport const RECT_POSE_DESCRIPTOR: PoseDescriptor<Bounds> = {\n  getBounds: (p) => p,\n  remapBounds: (p, src, dst) => {\n    const sx = src.width === 0 ? 1 : dst.width / src.width;\n    const sy = src.height === 0 ? 1 : dst.height / src.height;\n    return {\n      ...p,\n      x: dst.x + (p.x - src.x) * sx,\n      y: dst.y + (p.y - src.y) * sy,\n      width: p.width * sx,\n      height: p.height * sy,\n    };\n  },\n  fromBounds: (b) => ({ x: b.x, y: b.y, width: b.width, height: b.height }),\n  translate: (p, dx, dy) => ({ ...p, x: p.x + dx, y: p.y + dy }),\n  lerp: (a, b, t) => ({\n    ...a,\n    x: a.x + (b.x - a.x) * t,\n    y: a.y + (b.y - a.y) * t,\n    width: a.width + (b.width - a.width) * t,\n    height: a.height + (b.height - a.height) * t,\n  }),\n  // `Bounds` carries an optional `rotation`, and `withRotation` writes into\n  // it — so reading it back has to be the same channel, or a pose reports\n  // itself unrotated to `useResize` and to port placement while painting\n  // rotated.\n  getRotation: (p) => p.rotation ?? 0,\n  withRotation: (p, rotation) => ({ ...p, rotation }),\n};\n\n/** Identity geometry for `RotatedPose`. Inherits rect-shape projection\n *  from `RECT_POSE_DESCRIPTOR` (the `RotatedPose extends Bounds`\n *  subtype lets the rect descriptor's methods apply directly; `remapBounds`\n *  preserves the `rotation` field via `...p` spread). Adds `getRotation` so\n *  `useResize` knows to take the rotation-aware math path. */\nexport const ROTATED_POSE_DESCRIPTOR: PoseDescriptor<RotatedPose> = {\n  getBounds: RECT_POSE_DESCRIPTOR.getBounds as PoseDescriptor<RotatedPose>['getBounds'],\n  remapBounds: RECT_POSE_DESCRIPTOR.remapBounds as PoseDescriptor<RotatedPose>['remapBounds'],\n  translate: RECT_POSE_DESCRIPTOR.translate as PoseDescriptor<RotatedPose>['translate'],\n  lerp: RECT_POSE_DESCRIPTOR.lerp as PoseDescriptor<RotatedPose>['lerp'],\n  fromBounds: (b) => ({ x: b.x, y: b.y, width: b.width, height: b.height, rotation: 0 }),\n  getRotation: (p) => p.rotation,\n  withRotation: (p, rotation) => ({ ...p, rotation }),\n};\n\n/**\n * Remap a **rotated** leaf inside a group resize.\n *\n * The naive `remapBounds` scales a leaf's axis-aligned `width`/`height` by the\n * group's per-axis factors and carries `rotation` through untouched. That is\n * right when `src`/`dst` are already expressed in the leaf's own frame — the\n * single-leaf resize path, where the drag delta was projected into that frame\n * before the anchor math ran. In a group resize they are world-frame, so the\n * leaf's local axes do not line up with the axes being scaled: at 90° a\n * horizontal stretch should grow the leaf's `height`, and the naive map grows\n * its `width`.\n *\n * What this computes is the group affine applied to the leaf's local frame,\n * with the shear dropped — the pose model is `{x, y, width, height, rotation}`\n * and cannot represent the parallelogram a non-uniform scale of a rotated box\n * actually produces. The center moves exactly; each local axis takes the\n * length of its own image; the rotation follows the image of the local x-axis.\n *\n * Degenerates to the naive map at `rotation === 0`, and to a plain uniform\n * scale when `sx === sy`, both exactly.\n */\nexport function remapRotatedLeaf<TPose extends RotatedPose>(\n  pose: TPose,\n  src: Bounds,\n  dst: Bounds,\n): TPose {\n  const sx = src.width === 0 ? 1 : dst.width / src.width;\n  const sy = src.height === 0 ? 1 : dst.height / src.height;\n  const theta = pose.rotation ?? 0;\n  const cos = Math.cos(theta);\n  const sin = Math.sin(theta);\n\n  // Images of the leaf's local unit axes under the group's diagonal scale.\n  const ux = sx * cos, uy = sy * sin;\n  const vx = -sx * sin, vy = sy * cos;\n\n  const width = pose.width * Math.hypot(ux, uy);\n  const height = pose.height * Math.hypot(vx, vy);\n  const rotation = Math.atan2(uy, ux);\n\n  // The center is a point, so it takes the group affine directly.\n  const cxNew = dst.x + (pose.x + pose.width / 2 - src.x) * sx;\n  const cyNew = dst.y + (pose.y + pose.height / 2 - src.y) * sy;\n\n  return {\n    ...pose,\n    x: cxNew - width / 2,\n    y: cyNew - height / 2,\n    width,\n    height,\n    rotation,\n  };\n}\n\n/** The pose's visual bounds: its frame expanded to cover the rotated\n *  rectangle, so a turned shape reports the extent of its ink. */\nexport function visualBoundsViaDescriptor<TPose>(\n  pose: TPose,\n  geometry: PoseDescriptor<TPose>,\n): Bounds {\n  const b = geometry.getBounds(pose);\n  const rotation =\n    geometry.getRotation?.(pose) ?? (b as { rotation?: number }).rotation ?? 0;\n  return axisAlignedBounds({ x: b.x, y: b.y, width: b.width, height: b.height, rotation });\n}\n\n/** Translate through `geometry.translate`, or via `remapBounds` onto a shifted\n *  copy of the pose's own bounds when the descriptor has none. */\nexport function translatePoseViaDescriptor<TPose>(\n  pose: TPose,\n  dx: number,\n  dy: number,\n  geometry: PoseDescriptor<TPose>,\n): TPose {\n  if (geometry.translate) return geometry.translate(pose, dx, dy);\n  const src = geometry.getBounds(pose);\n  const dst = { x: src.x + dx, y: src.y + dy, width: src.width, height: src.height };\n  return geometry.remapBounds(pose, src, dst);\n}\n"],"mappings":"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"}
+{"version":3,"file":"poseDescriptor.js","names":["poseDescriptorForNode","descriptor","node","RECT_POSE_DESCRIPTOR","p","sx","src","dst","sy","b","dx","dy","a","t","ROTATED_POSE_DESCRIPTOR","remapRotatedLeaf","theta","pose","cos","sin","ux","uy","vx","vy","width","height","rotation","cxNew","cyNew","visualBoundsViaDescriptor","geometry","transform","poseLinearOf","axisAlignedBounds","translatePoseViaDescriptor"],"sources":["../../../src/core/geometry/poseDescriptor.ts"],"sourcesContent":["import type { Bounds } from 'core/viewport/fitViewToBounds';\nimport { axisAlignedBounds } from 'core/geometry/unionBounds';\nimport { poseLinearOf } from 'core/geometry/poseFrame';\n\n/** `Bounds` with a required rotation angle (radians). Pivot is the AABB\n *  center of the unrotated `{x, y, width, height}`. */\nexport interface RotatedPose extends Bounds {\n  rotation: number;\n}\n\n/**\n * Bridges arbitrary `TPose` shapes into the resize hook's bounds-driven math.\n * The hook reads bounds via `getBounds`, runs anchor-relative math on those\n * bounds, then asks `remapBounds` to project the result back into TPose.\n *\n * `remapBounds(pose, src, dst)` is a single operation that subsumes both\n * \"set my own AABB to dst\" (single-leaf resize) and \"scale me as a leaf\n * inside parent's src→dst rect\" (group resize) — they're the same affine\n * map. For rect-shaped poses the default geometry interprets the pose as\n * its own bounds; for Path or polygon poses the consumer supplies a\n * projection that knows how to read and rewrite the underlying geometry.\n */\nexport interface PoseDescriptor<TPose, TNode = unknown> {\n  getBounds(pose: TPose): Bounds;\n  remapBounds(pose: TPose, src: Bounds, dst: Bounds): TPose;\n  /** A pose occupying `bounds`, of the same kind as `template`. Unlike\n   *  `remapBounds`, the result carries none of the template's shape. */\n  fromBounds(bounds: Bounds, template: TPose): TPose;\n  /** Translate the pose by (dx, dy). Optional — when omitted, callers fall\n   *  back to a translation derived from `remapBounds` (origin shifted, no\n   *  scale). Path-shaped poses should provide this for performance. */\n  translate?(pose: TPose, dx: number, dy: number): TPose;\n  /** Interpolate between two poses. Optional — animation helpers fall back to\n   *  rect-shape lerp when omitted (which fails for non-rect poses). */\n  lerp?(a: TPose, b: TPose, t: number): TPose;\n  /** Read the pose's rotation in radians. Pivot is the AABB center\n   *  (`getBounds(pose)` center). Default 0 when omitted — descriptor\n   *  declares \"this pose has no rotation.\" When supplied and non-zero,\n   *  `useResize` projects the drag delta into the leaf's local frame,\n   *  runs anchor math there, and translates the resulting pose so the\n   *  diagonally opposite world-space corner is pinned. */\n  getRotation?(pose: TPose): number;\n  /** True iff this pose shape can carry a rotation. Consulted by the\n   *  rotation affordance to decide whether to render the rotate cursor /\n   *  drag-band over a selection. When omitted, the kit assumes `true` for\n   *  back-compat — descriptors whose poses lack `x/y/width/height/rotation`\n   *  fields (e.g. polygon Paths) should return `false` so the affordance\n   *  hides instead of exposing a non-functional rotate cursor. */\n  supportsRotation?(pose: TPose): boolean;\n  /** Write a rotation (radians) into the pose, bounds unchanged. Absent means\n   *  the pose cannot carry one, and the rotate action leaves it alone. */\n  withRotation?(pose: TPose, rotation: number): TPose;\n  /**\n   * A descriptor specialized to one node. Every other method here sees only\n   * the pose, so shapes sharing a pose type — a sphere and a box both posed by\n   * position/rotation/scale — are indistinguishable to them. Implement this to\n   * read `node.data` once and hand back a descriptor that knows which shape it\n   * is describing.\n   *\n   * Callers reach it through {@link poseDescriptorForNode}, at whichever site\n   * holds the node; the specialized descriptor then travels into the bounds and\n   * hit-test helpers in place of this one. Sites with only an id keep using the\n   * unspecialized descriptor, which is why this is optional on both ends.\n   */\n  forNode?(node: TNode): PoseDescriptor<TPose, TNode>;\n}\n\n/** The descriptor `node` should be read through: its own specialization when\n *  it declares one, and otherwise the descriptor unchanged. */\nexport function poseDescriptorForNode<TPose, TNode>(\n  descriptor: PoseDescriptor<TPose, TNode>,\n  node: TNode,\n): PoseDescriptor<TPose, TNode> {\n  return descriptor.forNode?.(node) ?? descriptor;\n}\n\n/** Identity geometry for `TPose extends Bounds`. Treats the pose as its\n *  own bounds and remaps via affine scale against `src`/`dst`. */\nexport const RECT_POSE_DESCRIPTOR: PoseDescriptor<Bounds> = {\n  getBounds: (p) => p,\n  remapBounds: (p, src, dst) => {\n    const sx = src.width === 0 ? 1 : dst.width / src.width;\n    const sy = src.height === 0 ? 1 : dst.height / src.height;\n    return {\n      ...p,\n      x: dst.x + (p.x - src.x) * sx,\n      y: dst.y + (p.y - src.y) * sy,\n      width: p.width * sx,\n      height: p.height * sy,\n    };\n  },\n  fromBounds: (b) => ({ x: b.x, y: b.y, width: b.width, height: b.height }),\n  translate: (p, dx, dy) => ({ ...p, x: p.x + dx, y: p.y + dy }),\n  lerp: (a, b, t) => ({\n    ...a,\n    x: a.x + (b.x - a.x) * t,\n    y: a.y + (b.y - a.y) * t,\n    width: a.width + (b.width - a.width) * t,\n    height: a.height + (b.height - a.height) * t,\n  }),\n  // `Bounds` carries an optional `rotation`, and `withRotation` writes into\n  // it — so reading it back has to be the same channel, or a pose reports\n  // itself unrotated to `useResize` and to port placement while painting\n  // rotated.\n  getRotation: (p) => p.rotation ?? 0,\n  withRotation: (p, rotation) => ({ ...p, rotation }),\n};\n\n/** Identity geometry for `RotatedPose`. Inherits rect-shape projection\n *  from `RECT_POSE_DESCRIPTOR` (the `RotatedPose extends Bounds`\n *  subtype lets the rect descriptor's methods apply directly; `remapBounds`\n *  preserves the `rotation` field via `...p` spread). Adds `getRotation` so\n *  `useResize` knows to take the rotation-aware math path. */\nexport const ROTATED_POSE_DESCRIPTOR: PoseDescriptor<RotatedPose> = {\n  getBounds: RECT_POSE_DESCRIPTOR.getBounds as PoseDescriptor<RotatedPose>['getBounds'],\n  remapBounds: RECT_POSE_DESCRIPTOR.remapBounds as PoseDescriptor<RotatedPose>['remapBounds'],\n  translate: RECT_POSE_DESCRIPTOR.translate as PoseDescriptor<RotatedPose>['translate'],\n  lerp: RECT_POSE_DESCRIPTOR.lerp as PoseDescriptor<RotatedPose>['lerp'],\n  fromBounds: (b) => ({ x: b.x, y: b.y, width: b.width, height: b.height, rotation: 0 }),\n  getRotation: (p) => p.rotation,\n  withRotation: (p, rotation) => ({ ...p, rotation }),\n};\n\n/**\n * Remap a **rotated** leaf inside a group resize.\n *\n * The naive `remapBounds` scales a leaf's axis-aligned `width`/`height` by the\n * group's per-axis factors and carries `rotation` through untouched. That is\n * right when `src`/`dst` are already expressed in the leaf's own frame — the\n * single-leaf resize path, where the drag delta was projected into that frame\n * before the anchor math ran. In a group resize they are world-frame, so the\n * leaf's local axes do not line up with the axes being scaled: at 90° a\n * horizontal stretch should grow the leaf's `height`, and the naive map grows\n * its `width`.\n *\n * What this computes is the group affine applied to the leaf's local frame,\n * with the shear dropped — the pose model is `{x, y, width, height, rotation}`\n * and cannot represent the parallelogram a non-uniform scale of a rotated box\n * actually produces. The center moves exactly; each local axis takes the\n * length of its own image; the rotation follows the image of the local x-axis.\n *\n * Degenerates to the naive map at `rotation === 0`, and to a plain uniform\n * scale when `sx === sy`, both exactly.\n */\nexport function remapRotatedLeaf<TPose extends RotatedPose>(\n  pose: TPose,\n  src: Bounds,\n  dst: Bounds,\n): TPose {\n  const sx = src.width === 0 ? 1 : dst.width / src.width;\n  const sy = src.height === 0 ? 1 : dst.height / src.height;\n  const theta = pose.rotation ?? 0;\n  const cos = Math.cos(theta);\n  const sin = Math.sin(theta);\n\n  // Images of the leaf's local unit axes under the group's diagonal scale.\n  const ux = sx * cos, uy = sy * sin;\n  const vx = -sx * sin, vy = sy * cos;\n\n  const width = pose.width * Math.hypot(ux, uy);\n  const height = pose.height * Math.hypot(vx, vy);\n  const rotation = Math.atan2(uy, ux);\n\n  // The center is a point, so it takes the group affine directly.\n  const cxNew = dst.x + (pose.x + pose.width / 2 - src.x) * sx;\n  const cyNew = dst.y + (pose.y + pose.height / 2 - src.y) * sy;\n\n  return {\n    ...pose,\n    x: cxNew - width / 2,\n    y: cyNew - height / 2,\n    width,\n    height,\n    rotation,\n  };\n}\n\n/** The pose's visual bounds: its box expanded to cover the box as drawn\n *  under its rotation and `transform`, so a turned or skewed shape reports\n *  the extent of its ink. */\nexport function visualBoundsViaDescriptor<TPose>(\n  pose: TPose,\n  geometry: PoseDescriptor<TPose>,\n): Bounds {\n  const b = geometry.getBounds(pose);\n  const rotation =\n    geometry.getRotation?.(pose) ?? (b as { rotation?: number }).rotation ?? 0;\n  const transform = poseLinearOf(pose) ?? undefined;\n  return axisAlignedBounds({ x: b.x, y: b.y, width: b.width, height: b.height, rotation, transform });\n}\n\n/** Translate through `geometry.translate`, or via `remapBounds` onto a shifted\n *  copy of the pose's own bounds when the descriptor has none. */\nexport function translatePoseViaDescriptor<TPose>(\n  pose: TPose,\n  dx: number,\n  dy: number,\n  geometry: PoseDescriptor<TPose>,\n): TPose {\n  if (geometry.translate) return geometry.translate(pose, dx, dy);\n  const src = geometry.getBounds(pose);\n  const dst = { x: src.x + dx, y: src.y + dy, width: src.width, height: src.height };\n  return geometry.remapBounds(pose, src, dst);\n}\n"],"mappings":"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"}