@weasel-js/core 1.10.1 → 1.11.0

package/dist/interactions/gestures/shared/originProjection.js

@@ -1,42 +1,49 @@
-import { isPathLike as e } from "../../../core/geometry/autoPoseDescriptor.js";
-import { boundsOfPath as t, translatePath as n } from "@weasel-js/geom";
+import { isPathLike } from "../../../core/geometry/autoPoseDescriptor.js";
+import { boundsOfPath, translatePath } from "@weasel-js/geom";
+
 //#region src/interactions/gestures/shared/originProjection.ts
-var r = {
-	getOrigin: (e) => ({
-		x: e.x,
-		y: e.y
+/** Identity projection for `TPose extends { x; y }`. */
+var RECT_ORIGIN_PROJECTION = {
+	getOrigin: (p) => ({
+		x: p.x,
+		y: p.y
 	}),
-	translate: (e, t, n) => ({
-		...e,
-		x: e.x + t,
-		y: e.y + n
+	translate: (p, dx, dy) => ({
+		...p,
+		x: p.x + dx,
+		y: p.y + dy
 	})
-}, i = {
-	getOrigin: (n) => {
-		if (e(n)) {
-			let e = t(n);
+};
+/** Per-call dispatch: routes Path-shaped poses to the path origin/translate
+*  helpers and everything else to `RECT_ORIGIN_PROJECTION`. The default for
+*  `snap` and the snap strategies, so consumers with Path TPose don't have to
+*  thread `pathOriginProjection` explicitly. */
+var AUTO_ORIGIN_PROJECTION = {
+	getOrigin: (p) => {
+		if (isPathLike(p)) {
+			const b = boundsOfPath(p);
 			return {
-				x: e.x,
-				y: e.y
+				x: b.x,
+				y: b.y
 			};
 		}
-		let r = n;
+		const r = p;
 		return {
 			x: r.x,
 			y: r.y
 		};
 	},
-	translate: (t, r, i) => {
-		if (e(t)) return n(t, r, i);
-		let a = t;
+	translate: (p, dx, dy) => {
+		if (isPathLike(p)) return translatePath(p, dx, dy);
+		const r = p;
 		return {
-			...a,
-			x: a.x + r,
-			y: a.y + i
+			...r,
+			x: r.x + dx,
+			y: r.y + dy
 		};
 	}
 };
-//#endregion
-export { i as AUTO_ORIGIN_PROJECTION, r as RECT_ORIGIN_PROJECTION };
 
+//#endregion
+export { AUTO_ORIGIN_PROJECTION, RECT_ORIGIN_PROJECTION };
 //# sourceMappingURL=originProjection.js.map

package/dist/interactions/gestures/shared/originProjection.js.map

@@ -1 +1 @@
-{"version":3,"file":"originProjection.js","names":["RECT_ORIGIN_PROJECTION","p","dx","dy","AUTO_ORIGIN_PROJECTION","isPathLike","b","boundsOfPath","translatePath","r"],"sources":["../../../../src/interactions/gestures/shared/originProjection.ts"],"sourcesContent":["import { isPathLike } from 'core/geometry/autoPoseDescriptor';\nimport { boundsOfPath, translatePath, type Path } from '@weasel-js/geom';\n\n/**\n * How a snap reads and moves a pose that doesn't expose `{x,y}` directly\n * (Path, polygon, etc.): `getOrigin` gives the point a snap strategy rounds,\n * and `translate` moves the pose by the resulting delta.\n */\nexport interface OriginProjection<TPose> {\n  getOrigin(pose: TPose): { x: number; y: number };\n  translate(pose: TPose, dx: number, dy: number): TPose;\n}\n\n/** Identity projection for `TPose extends { x; y }`. */\nexport const RECT_ORIGIN_PROJECTION: OriginProjection<{ x: number; y: number }> = {\n  getOrigin: (p) => ({ x: p.x, y: p.y }),\n  translate: (p, dx, dy) => ({ ...p, x: p.x + dx, y: p.y + dy }),\n};\n\n/** Per-call dispatch: routes Path-shaped poses to the path origin/translate\n *  helpers and everything else to `RECT_ORIGIN_PROJECTION`. The default for\n *  `snap` and the snap strategies, so consumers with Path TPose don't have to\n *  thread `pathOriginProjection` explicitly. */\nexport const AUTO_ORIGIN_PROJECTION: OriginProjection<unknown> = {\n  getOrigin: (p) => {\n    if (isPathLike(p)) {\n      const b = boundsOfPath(p as Path);\n      return { x: b.x, y: b.y };\n    }\n    const r = p as { x: number; y: number };\n    return { x: r.x, y: r.y };\n  },\n  translate: (p, dx, dy) => {\n    if (isPathLike(p)) return translatePath(p as Path, dx, dy);\n    const r = p as { x: number; y: number };\n    return { ...r, x: r.x + dx, y: r.y + dy };\n  },\n};\n"],"mappings":";;;AAcA,IAAaA,IAAqE;CAChF,YAAY,OAAO;EAAE,GAAGC,EAAE;EAAG,GAAGA,EAAE;CAAE;CACpC,YAAY,GAAG,GAAI,OAAQ;EAAE,GAAGA;EAAG,GAAGA,EAAE,IAAIC;EAAI,GAAGD,EAAE,IAAIE;CAAG;AAC9D,GAMaC,IAAoD;CAC/D,YAAY,MAAM;EAChB,IAAIC,EAAWJ,CAAC,GAAG;GACjB,IAAMK,IAAIC,EAAaN,CAAS;GAChC,OAAO;IAAE,GAAGK,EAAE;IAAG,GAAGA,EAAE;GAAE;EAC1B;EACA,IAAM,IAAIL;EACV,OAAO;GAAE,GAAG,EAAE;GAAG,GAAG,EAAE;EAAE;CAC1B;CACA,YAAY,GAAG,GAAI,MAAO;EACxB,IAAII,EAAWJ,CAAC,GAAG,OAAOO,EAAcP,GAAWC,GAAIC,CAAE;EACzD,IAAMM,IAAIR;EACV,OAAO;GAAE,GAAGQ;GAAG,GAAGA,EAAE,IAAIP;GAAI,GAAGO,EAAE,IAAIN;EAAG;CAC1C;AACF"}
+{"version":3,"file":"originProjection.js","names":[],"sources":["../../../../src/interactions/gestures/shared/originProjection.ts"],"sourcesContent":["import { isPathLike } from 'core/geometry/autoPoseDescriptor';\nimport { boundsOfPath, translatePath, type Path } from '@weasel-js/geom';\n\n/**\n * How a snap reads and moves a pose that doesn't expose `{x,y}` directly\n * (Path, polygon, etc.): `getOrigin` gives the point a snap strategy rounds,\n * and `translate` moves the pose by the resulting delta.\n */\nexport interface OriginProjection<TPose> {\n  getOrigin(pose: TPose): { x: number; y: number };\n  translate(pose: TPose, dx: number, dy: number): TPose;\n}\n\n/** Identity projection for `TPose extends { x; y }`. */\nexport const RECT_ORIGIN_PROJECTION: OriginProjection<{ x: number; y: number }> = {\n  getOrigin: (p) => ({ x: p.x, y: p.y }),\n  translate: (p, dx, dy) => ({ ...p, x: p.x + dx, y: p.y + dy }),\n};\n\n/** Per-call dispatch: routes Path-shaped poses to the path origin/translate\n *  helpers and everything else to `RECT_ORIGIN_PROJECTION`. The default for\n *  `snap` and the snap strategies, so consumers with Path TPose don't have to\n *  thread `pathOriginProjection` explicitly. */\nexport const AUTO_ORIGIN_PROJECTION: OriginProjection<unknown> = {\n  getOrigin: (p) => {\n    if (isPathLike(p)) {\n      const b = boundsOfPath(p as Path);\n      return { x: b.x, y: b.y };\n    }\n    const r = p as { x: number; y: number };\n    return { x: r.x, y: r.y };\n  },\n  translate: (p, dx, dy) => {\n    if (isPathLike(p)) return translatePath(p as Path, dx, dy);\n    const r = p as { x: number; y: number };\n    return { ...r, x: r.x + dx, y: r.y + dy };\n  },\n};\n"],"mappings":";;;;;AAcA,IAAa,yBAAqE;CAChF,YAAY,OAAO;EAAE,GAAG,EAAE;EAAG,GAAG,EAAE;CAAE;CACpC,YAAY,GAAG,IAAI,QAAQ;EAAE,GAAG;EAAG,GAAG,EAAE,IAAI;EAAI,GAAG,EAAE,IAAI;CAAG;AAC9D;;;;;AAMA,IAAa,yBAAoD;CAC/D,YAAY,MAAM;EAChB,IAAI,WAAW,CAAC,GAAG;GACjB,MAAM,IAAI,aAAa,CAAS;GAChC,OAAO;IAAE,GAAG,EAAE;IAAG,GAAG,EAAE;GAAE;EAC1B;EACA,MAAM,IAAI;EACV,OAAO;GAAE,GAAG,EAAE;GAAG,GAAG,EAAE;EAAE;CAC1B;CACA,YAAY,GAAG,IAAI,OAAO;EACxB,IAAI,WAAW,CAAC,GAAG,OAAO,cAAc,GAAW,IAAI,EAAE;EACzD,MAAM,IAAI;EACV,OAAO;GAAE,GAAG;GAAG,GAAG,EAAE,IAAI;GAAI,GAAG,EAAE,IAAI;EAAG;CAC1C;AACF"}

package/dist/interactions/gestures/shared/screenTolerance.js

@@ -1,27 +1,36 @@
-import { pxExtent as e } from "@weasel-js/geom";
+import { pxExtent } from "@weasel-js/geom";
+
 //#region src/interactions/gestures/shared/screenTolerance.ts
-function t(t, n) {
-	let r = n.view;
-	return r ? e(t, r.scale) : {
-		x: t,
-		y: t
+/** A screen-pixel tolerance in world units, per axis, through the camera of
+*  the view the gesture landed in. With no view, one pixel is one unit. */
+function screenTolerance(px, ctx) {
+	const view = ctx.view;
+	return view ? pxExtent(px, view.scale) : {
+		x: px,
+		y: px
 	};
 }
-function n(e) {
-	let t = e.view;
-	return () => t?.get() ?? null;
+/** Reads the camera the gesture's `deps.view` answers for — the routed
+*  view's, when the surface hosts several. Capture it at `start`: the
+*  dispatcher hands `onMove` no deps. */
+function gestureViewReader(deps) {
+	const api = deps.view;
+	return () => api?.get() ?? null;
 }
-function r(e) {
-	let t = e.view;
-	return () => t?.plane?.() ?? null;
+/** Reads the plane the gesture edits in, off the same `deps.view` — see
+*  `ViewApi.plane`. Null in the camera's own world. */
+function gesturePlaneReader(deps) {
+	const api = deps.view;
+	return () => api?.plane?.() ?? null;
 }
-function i(e) {
+function gestureReaders(deps) {
 	return {
-		view: n(e),
-		plane: r(e)
+		view: gestureViewReader(deps),
+		plane: gesturePlaneReader(deps),
+		kitSettings: deps.kitSettings ?? null
 	};
 }
-//#endregion
-export { r as gesturePlaneReader, i as gestureReaders, n as gestureViewReader, t as screenTolerance };
 
+//#endregion
+export { gesturePlaneReader, gestureReaders, gestureViewReader, screenTolerance };
 //# sourceMappingURL=screenTolerance.js.map

package/dist/interactions/gestures/shared/screenTolerance.js.map

@@ -1 +1 @@
-{"version":3,"file":"screenTolerance.js","names":["screenTolerance","view","ctx","pxExtent","px","gestureViewReader","api","deps","gesturePlaneReader","gestureReaders"],"sources":["../../../../src/interactions/gestures/shared/screenTolerance.ts"],"sourcesContent":["import type { View } from 'core/viewport/view';\nimport type { PlaneMap } from 'core/viewport/parallax';\nimport { pxExtent } from '@weasel-js/geom';\nimport type { GestureContext } from '../types';\nimport type { ActionDeps } from '@weasel-js/routing';\n\n/** A screen-pixel tolerance in world units, per axis, through the camera of\n *  the view the gesture landed in. With no view, one pixel is one unit. */\nexport function screenTolerance(\n  px: number,\n  ctx: Pick<GestureContext<unknown>, 'view'>,\n): { x: number; y: number } {\n  const view: View | null = ctx.view;\n  return view ? pxExtent(px, view.scale) : { x: px, y: px };\n}\n\n/** Reads the camera the gesture's `deps.view` answers for — the routed\n *  view's, when the surface hosts several. Capture it at `start`: the\n *  dispatcher hands `onMove` no deps. */\nexport function gestureViewReader(deps: Pick<ActionDeps, 'view'>): () => View | null {\n  const api = deps.view;\n  return () => api?.get() ?? null;\n}\n\n/** Reads the plane the gesture edits in, off the same `deps.view` — see\n *  `ViewApi.plane`. Null in the camera's own world. */\nexport function gesturePlaneReader(deps: Pick<ActionDeps, 'view'>): () => PlaneMap | null {\n  const api = deps.view;\n  return () => api?.plane?.() ?? null;\n}\n\n/** The two reads a gesture refreshes its context from on every move. */\nexport interface GestureReaders {\n  view: () => View | null;\n  plane: () => PlaneMap | null;\n}\n\nexport function gestureReaders(deps: Pick<ActionDeps, 'view'>): GestureReaders {\n  return { view: gestureViewReader(deps), plane: gesturePlaneReader(deps) };\n}\n"],"mappings":";;AAQA,SAAgBA,EACd,GACA,GAC0B;CAC1B,IAAMC,IAAoBC,EAAI;CAC9B,OAAOD,IAAOE,EAASC,GAAIH,EAAK,KAAK,IAAI;EAAE,GAAGG;EAAI,GAAGA;CAAG;AAC1D;AAKA,SAAgBC,EAAkB,GAAmD;CACnF,IAAMC,IAAMC,EAAK;CACjB,aAAaD,GAAK,IAAI,KAAK;AAC7B;AAIA,SAAgBE,EAAmB,GAAuD;CACxF,IAAMF,IAAMC,EAAK;CACjB,aAAaD,GAAK,QAAQ,KAAK;AACjC;AAQA,SAAgBG,EAAe,GAAgD;CAC7E,OAAO;EAAE,MAAMJ,EAAkBE,CAAI;EAAG,OAAOC,EAAmBD,CAAI;CAAE;AAC1E"}
+{"version":3,"file":"screenTolerance.js","names":[],"sources":["../../../../src/interactions/gestures/shared/screenTolerance.ts"],"sourcesContent":["import type { View } from 'core/viewport/view';\nimport type { PlaneMap } from 'core/viewport/parallax';\nimport { pxExtent } from '@weasel-js/geom';\nimport type { GestureContext } from '../types';\nimport type { ActionDeps } from '@weasel-js/routing';\nimport type { KitSettingsStore } from '@weasel-js/react';\n\n/** A screen-pixel tolerance in world units, per axis, through the camera of\n *  the view the gesture landed in. With no view, one pixel is one unit. */\nexport function screenTolerance(\n  px: number,\n  ctx: Pick<GestureContext<unknown>, 'view'>,\n): { x: number; y: number } {\n  const view: View | null = ctx.view;\n  return view ? pxExtent(px, view.scale) : { x: px, y: px };\n}\n\n/** Reads the camera the gesture's `deps.view` answers for — the routed\n *  view's, when the surface hosts several. Capture it at `start`: the\n *  dispatcher hands `onMove` no deps. */\nexport function gestureViewReader(deps: Pick<ActionDeps, 'view'>): () => View | null {\n  const api = deps.view;\n  return () => api?.get() ?? null;\n}\n\n/** Reads the plane the gesture edits in, off the same `deps.view` — see\n *  `ViewApi.plane`. Null in the camera's own world. */\nexport function gesturePlaneReader(deps: Pick<ActionDeps, 'view'>): () => PlaneMap | null {\n  const api = deps.view;\n  return () => api?.plane?.() ?? null;\n}\n\n/** What a gesture builds its context from: the view and plane, read again on\n *  every move, and the kit settings, whose store reads each leaf when asked. */\nexport interface GestureReaders {\n  view: () => View | null;\n  plane: () => PlaneMap | null;\n  kitSettings: KitSettingsStore | null;\n}\n\nexport function gestureReaders(deps: Pick<ActionDeps, 'view' | 'kitSettings'>): GestureReaders {\n  return { view: gestureViewReader(deps), plane: gesturePlaneReader(deps), kitSettings: deps.kitSettings ?? null };\n}\n"],"mappings":";;;;;AASA,SAAgB,gBACd,IACA,KAC0B;CAC1B,MAAM,OAAoB,IAAI;CAC9B,OAAO,OAAO,SAAS,IAAI,KAAK,KAAK,IAAI;EAAE,GAAG;EAAI,GAAG;CAAG;AAC1D;;;;AAKA,SAAgB,kBAAkB,MAAmD;CACnF,MAAM,MAAM,KAAK;CACjB,aAAa,KAAK,IAAI,KAAK;AAC7B;;;AAIA,SAAgB,mBAAmB,MAAuD;CACxF,MAAM,MAAM,KAAK;CACjB,aAAa,KAAK,QAAQ,KAAK;AACjC;AAUA,SAAgB,eAAe,MAAgE;CAC7F,OAAO;EAAE,MAAM,kBAAkB,IAAI;EAAG,OAAO,mBAAmB,IAAI;EAAG,aAAa,KAAK,eAAe;CAAK;AACjH"}

package/dist/interactions/gestures/thresholdDrag/thresholdDrag.js

@@ -1,34 +1,52 @@
-import { openPointerSession as e, pastDragThreshold as t } from "@weasel-js/routing";
+import { openPointerSession, pastDragThreshold } from "@weasel-js/routing";
+
 //#region src/interactions/gestures/thresholdDrag/thresholdDrag.ts
-function n(n, r) {
-	let i = {
-		clientX: n.clientX,
-		clientY: n.clientY
-	}, a = !1, o = (e) => {
-		a || t(i, e, r.threshold) && (a = !0, r.onActivate?.(e));
-	}, s = r.origin ?? n.currentTarget, c = s.ownerDocument.defaultView ?? s.ownerDocument, l = (e) => {
-		a && e.key === "Escape" && (e.preventDefault(), e.stopPropagation(), d.cancel());
-	}, u = () => c.removeEventListener("keydown", l, !0);
-	c.addEventListener("keydown", l, !0);
-	let d = e(s, n, {
-		onMove: (e) => {
-			o(e), a && r.onMove(e);
+/** Begin a threshold-gated drag from a React PointerDown event; returns a handle exposing live state. */
+function startThresholdDrag(e, opts) {
+	const start = {
+		clientX: e.clientX,
+		clientY: e.clientY
+	};
+	let activated = false;
+	const maybeActivate = (ev) => {
+		if (activated) return;
+		if (!pastDragThreshold(start, ev, opts.threshold)) return;
+		activated = true;
+		opts.onActivate?.(ev);
+	};
+	const origin = opts.origin ?? e.currentTarget;
+	const keys = origin.ownerDocument.defaultView ?? origin.ownerDocument;
+	const onKey = (ev) => {
+		if (!activated || ev.key !== "Escape") return;
+		ev.preventDefault();
+		ev.stopPropagation();
+		session.cancel();
+	};
+	const unlisten = () => keys.removeEventListener("keydown", onKey, true);
+	keys.addEventListener("keydown", onKey, true);
+	const session = openPointerSession(origin, e, {
+		onMove: (ev) => {
+			maybeActivate(ev);
+			if (activated) opts.onMove(ev);
 		},
-		onEnd: (e) => {
-			u(), a ? r.onCommit(e) : r.onClick?.(e);
+		onEnd: (ev) => {
+			unlisten();
+			if (activated) opts.onCommit(ev);
+			else opts.onClick?.(ev);
 		},
 		onCancel: () => {
-			u(), r.onCancel?.();
+			unlisten();
+			opts.onCancel?.();
 		}
 	});
 	return {
-		isDragging: () => a,
+		isDragging: () => activated,
 		cancel: () => {
-			d.cancel();
+			session.cancel();
 		}
 	};
 }
-//#endregion
-export { n as startThresholdDrag };
 
+//#endregion
+export { startThresholdDrag };
 //# sourceMappingURL=thresholdDrag.js.map

package/dist/interactions/gestures/thresholdDrag/thresholdDrag.js.map

@@ -1 +1 @@
-{"version":3,"file":"thresholdDrag.js","names":["startThresholdDrag","start","e","activated","maybeActivate","pastDragThreshold","ev","opts","origin","keys","onKey","session","unlisten","openPointerSession"],"sources":["../../../../src/interactions/gestures/thresholdDrag/thresholdDrag.ts"],"sourcesContent":["import { openPointerSession, pastDragThreshold } from '@weasel-js/routing';\n\n/**\n * A drag that does not start until the pointer has moved far enough to mean\n * it. Below the threshold the gesture is still a click; above it, `onActivate`\n * fires once and every later move is a drag.\n *\n * The pointer lifecycle underneath — capture, pointer identity, lost-capture\n * and missed-release recovery, teardown — belongs to `openPointerSession`.\n */\nexport interface ThresholdDragOptions {\n  /** Travel, in CSS pixels, that makes the press a drag. Default `DRAG_THRESHOLD_PX`. */\n  threshold?: number;\n  /** Element the session opens on. Defaults to `e.currentTarget`; a list must\n   *  pass its container, since a grabbed row unmounting drops capture. */\n  origin?: Element;\n  onActivate?: (e: PointerEvent) => void;\n  onMove: (e: PointerEvent) => void;\n  onCommit: (e: PointerEvent) => void;\n  /** Released below the threshold — the click the press turned out to be. */\n  onClick?: (e: PointerEvent) => void;\n  /** Ended without a release: pointercancel, lost capture, Escape during the drag, or `cancel()`. */\n  onCancel?: () => void;\n}\n\n/** Handle returned by `startThresholdDrag` exposing live gesture state. */\nexport interface ThresholdDragHandle {\n  /** True after the pointer has moved past `threshold` and the drag is live. */\n  isDragging: () => boolean;\n  /** End the gesture now, as a cancel. For an unmount, or any other rule the caller owns. */\n  cancel: () => void;\n}\n\n/** Begin a threshold-gated drag from a React PointerDown event; returns a handle exposing live state. */\nexport function startThresholdDrag(\n  e: React.PointerEvent,\n  opts: ThresholdDragOptions,\n): ThresholdDragHandle {\n  const start = { clientX: e.clientX, clientY: e.clientY };\n  let activated = false;\n\n  const maybeActivate = (ev: PointerEvent) => {\n    if (activated) return;\n    if (!pastDragThreshold(start, ev, opts.threshold)) return;\n    activated = true;\n    opts.onActivate?.(ev);\n  };\n\n  const origin = opts.origin ?? (e.currentTarget as Element);\n  const keys: EventTarget = origin.ownerDocument.defaultView ?? origin.ownerDocument;\n  // Window capture, and stopped there: the Escape that ends a drag must not also close the dialog the drag is in.\n  const onKey = (ev: Event) => {\n    if (!activated || (ev as KeyboardEvent).key !== 'Escape') return;\n    ev.preventDefault();\n    ev.stopPropagation();\n    session.cancel();\n  };\n  const unlisten = () => keys.removeEventListener('keydown', onKey, true);\n  keys.addEventListener('keydown', onKey, true);\n\n  const session = openPointerSession(origin, e, {\n    onMove: (ev) => {\n      maybeActivate(ev);\n      if (activated) opts.onMove(ev);\n    },\n    onEnd: (ev) => {\n      unlisten();\n      if (activated) opts.onCommit(ev);\n      else opts.onClick?.(ev);\n    },\n    onCancel: () => {\n      unlisten();\n      opts.onCancel?.();\n    },\n  });\n\n  return {\n    isDragging: () => activated,\n    cancel: () => { session.cancel(); },\n  };\n}\n"],"mappings":";;AAkCA,SAAgBA,EACd,GACA,GACqB;CACrB,IAAMC,IAAQ;EAAE,SAASC,EAAE;EAAS,SAASA,EAAE;CAAQ,GACnDC,IAAY,IAEVC,KAAiB,MAAqB;EAC1C,AAAID,KACCE,EAAkBJ,GAAOK,GAAIC,EAAK,SAAS,MAChD,IAAY,IACZA,EAAK,aAAaD,CAAE;CACtB,GAEME,IAASD,EAAK,UAAWL,EAAE,eAC3BO,IAAoBD,EAAO,cAAc,eAAeA,EAAO,eAE/DE,KAAS,MAAc;EAC3B,AAAKP,KAAcG,EAAqB,QAAQ,aAChDA,EAAG,eAAe,GAClBA,EAAG,gBAAgB,GACnBK,EAAQ,OAAO;CACjB,GACMC,UAAiBH,EAAK,oBAAoB,WAAWC,GAAO,EAAI;CACtE,EAAK,iBAAiB,WAAWA,GAAO,EAAI;CAE5C,IAAMC,IAAUE,EAAmBL,GAAQN,GAAG;EAC5C,SAAS,MAAO;GAEd,AADAE,EAAcE,CAAE,GACZH,KAAWI,EAAK,OAAOD,CAAE;EAC/B;EACA,QAAQ,MAAO;GAEb,AADAM,EAAS,GACLT,IAAWI,EAAK,SAASD,CAAE,IAC1BC,EAAK,UAAUD,CAAE;EACxB;EACA,gBAAgB;GAEd,AADAM,EAAS,GACTL,EAAK,WAAW;EAClB;CACF,CAAC;CAED,OAAO;EACL,kBAAkBJ;EAClB,cAAc;GAAE,EAAQ,OAAO;EAAG;CACpC;AACF"}
+{"version":3,"file":"thresholdDrag.js","names":[],"sources":["../../../../src/interactions/gestures/thresholdDrag/thresholdDrag.ts"],"sourcesContent":["import { openPointerSession, pastDragThreshold } from '@weasel-js/routing';\n\n/**\n * A drag that does not start until the pointer has moved far enough to mean\n * it. Below the threshold the gesture is still a click; above it, `onActivate`\n * fires once and every later move is a drag.\n *\n * The pointer lifecycle underneath — capture, pointer identity, lost-capture\n * and missed-release recovery, teardown — belongs to `openPointerSession`.\n */\nexport interface ThresholdDragOptions {\n  /** Travel, in CSS pixels, that makes the press a drag. Default `DRAG_THRESHOLD_PX`. A component\n   *  passes `useKitSetting('gestures.dragPx')` here, which falls through to that default when unset. */\n  threshold?: number;\n  /** Element the session opens on. Defaults to `e.currentTarget`; a list must\n   *  pass its container, since a grabbed row unmounting drops capture. */\n  origin?: Element;\n  onActivate?: (e: PointerEvent) => void;\n  onMove: (e: PointerEvent) => void;\n  onCommit: (e: PointerEvent) => void;\n  /** Released below the threshold — the click the press turned out to be. */\n  onClick?: (e: PointerEvent) => void;\n  /** Ended without a release: pointercancel, lost capture, Escape during the drag, or `cancel()`. */\n  onCancel?: () => void;\n}\n\n/** Handle returned by `startThresholdDrag` exposing live gesture state. */\nexport interface ThresholdDragHandle {\n  /** True after the pointer has moved past `threshold` and the drag is live. */\n  isDragging: () => boolean;\n  /** End the gesture now, as a cancel. For an unmount, or any other rule the caller owns. */\n  cancel: () => void;\n}\n\n/** Begin a threshold-gated drag from a React PointerDown event; returns a handle exposing live state. */\nexport function startThresholdDrag(\n  e: React.PointerEvent,\n  opts: ThresholdDragOptions,\n): ThresholdDragHandle {\n  const start = { clientX: e.clientX, clientY: e.clientY };\n  let activated = false;\n\n  const maybeActivate = (ev: PointerEvent) => {\n    if (activated) return;\n    if (!pastDragThreshold(start, ev, opts.threshold)) return;\n    activated = true;\n    opts.onActivate?.(ev);\n  };\n\n  const origin = opts.origin ?? (e.currentTarget as Element);\n  const keys: EventTarget = origin.ownerDocument.defaultView ?? origin.ownerDocument;\n  // Window capture, and stopped there: the Escape that ends a drag must not also close the dialog the drag is in.\n  const onKey = (ev: Event) => {\n    if (!activated || (ev as KeyboardEvent).key !== 'Escape') return;\n    ev.preventDefault();\n    ev.stopPropagation();\n    session.cancel();\n  };\n  const unlisten = () => keys.removeEventListener('keydown', onKey, true);\n  keys.addEventListener('keydown', onKey, true);\n\n  const session = openPointerSession(origin, e, {\n    onMove: (ev) => {\n      maybeActivate(ev);\n      if (activated) opts.onMove(ev);\n    },\n    onEnd: (ev) => {\n      unlisten();\n      if (activated) opts.onCommit(ev);\n      else opts.onClick?.(ev);\n    },\n    onCancel: () => {\n      unlisten();\n      opts.onCancel?.();\n    },\n  });\n\n  return {\n    isDragging: () => activated,\n    cancel: () => { session.cancel(); },\n  };\n}\n"],"mappings":";;;;AAmCA,SAAgB,mBACd,GACA,MACqB;CACrB,MAAM,QAAQ;EAAE,SAAS,EAAE;EAAS,SAAS,EAAE;CAAQ;CACvD,IAAI,YAAY;CAEhB,MAAM,iBAAiB,OAAqB;EAC1C,IAAI,WAAW;EACf,IAAI,CAAC,kBAAkB,OAAO,IAAI,KAAK,SAAS,GAAG;EACnD,YAAY;EACZ,KAAK,aAAa,EAAE;CACtB;CAEA,MAAM,SAAS,KAAK,UAAW,EAAE;CACjC,MAAM,OAAoB,OAAO,cAAc,eAAe,OAAO;CAErE,MAAM,SAAS,OAAc;EAC3B,IAAI,CAAC,aAAc,GAAqB,QAAQ,UAAU;EAC1D,GAAG,eAAe;EAClB,GAAG,gBAAgB;EACnB,QAAQ,OAAO;CACjB;CACA,MAAM,iBAAiB,KAAK,oBAAoB,WAAW,OAAO,IAAI;CACtE,KAAK,iBAAiB,WAAW,OAAO,IAAI;CAE5C,MAAM,UAAU,mBAAmB,QAAQ,GAAG;EAC5C,SAAS,OAAO;GACd,cAAc,EAAE;GAChB,IAAI,WAAW,KAAK,OAAO,EAAE;EAC/B;EACA,QAAQ,OAAO;GACb,SAAS;GACT,IAAI,WAAW,KAAK,SAAS,EAAE;QAC1B,KAAK,UAAU,EAAE;EACxB;EACA,gBAAgB;GACd,SAAS;GACT,KAAK,WAAW;EAClB;CACF,CAAC;CAED,OAAO;EACL,kBAAkB;EAClB,cAAc;GAAE,QAAQ,OAAO;EAAG;CACpC;AACF"}

package/dist/kitSettingsSchema.js

@@ -0,0 +1,80 @@
+import { ANCHOR_HIT_BASE_PX, HANDLE_BASE_PX, ROTATION_HANDLE_BASE_PX } from "./core/device/targets.js";
+import { DEFAULT_VIEW_ANIMATION_MS } from "./core/viewport/useViewAnimation.js";
+import { DEFAULT_SNAP_PX } from "./features/snap/session2d.js";
+import { ANCHOR_CLICK_PX } from "./interactions/actions/defaults/anchorEditing.js";
+import { SEGMENT_HIT_PX } from "./interactions/actions/defaults/segmentUnder.js";
+import { JOINT_RADIUS_PX } from "./tools/builtin/bone/boneOverlay.js";
+import { POINT_RADIUS_PX } from "./tools/builtin/weight/weightOverlay.js";
+import { ANCHOR_RADIUS_PX, CLOSE_HINT_RADIUS_PX, HANDLE_DOT_RADIUS_PX, PEN_CLOSE_HIT_PX } from "./features/paths/penPreviewLayer.js";
+import { SLICE_CLOSE_HIT_PX, VERTEX_RADIUS_PX } from "./tools/builtin/slice/useSliceTool.js";
+import { DEFAULT_PICK_TOLERANCE_PX } from "./canvas/SceneCanvas/useSceneSelectTool.js";
+import { DOUBLE_CLICK_MAX_MS, DOUBLE_CLICK_MAX_PX, DRAG_THRESHOLD_PX, LONG_PRESS_MS, TAP_THRESHOLD_PX } from "@weasel-js/gestures";
+import { pref } from "@weasel-js/prefs";
+
+//#region src/kitSettingsSchema.ts
+var ms = {
+	scale: 1,
+	suffix: "ms"
+};
+var px = {
+	scale: 1,
+	suffix: "px"
+};
+var pxLeaf = (name, def, max = 48) => pref.number(name, def, {
+	unit: px,
+	min: 1,
+	max,
+	step: .5
+});
+var msLeaf = (name, def, min = 50, max = 2e3) => pref.number(name, def, {
+	unit: ms,
+	min,
+	max,
+	step: 10
+});
+/**
+* Core's kit settings — gestures, core's `targets` leaves, and view — as a
+* prefs group whose paths are the `KitSettings` paths. Compose it beside the
+* other packages' groups to build a settings page.
+*/
+var coreKitSettingsSchema = pref.group("Canvas", {
+	gestures: pref.group("Gestures", {
+		doubleClickMs: msLeaf("Double-click interval", DOUBLE_CLICK_MAX_MS),
+		doubleClickPx: pxLeaf("Double-click distance", DOUBLE_CLICK_MAX_PX),
+		longPressMs: msLeaf("Long-press hold", LONG_PRESS_MS),
+		tapPx: pxLeaf("Tap travel", TAP_THRESHOLD_PX),
+		dragPx: pxLeaf("Drag threshold", DRAG_THRESHOLD_PX)
+	}),
+	targets: pref.group("Targets", {
+		handlePx: pxLeaf("Selection handle", HANDLE_BASE_PX),
+		anchorHitPx: pxLeaf("Anchor reach", ANCHOR_HIT_BASE_PX),
+		rotationDistancePx: pxLeaf("Rotation handle distance", ROTATION_HANDLE_BASE_PX, 96),
+		segmentHitPx: pxLeaf("Segment reach", SEGMENT_HIT_PX),
+		anchorClickPx: pxLeaf("Anchor click reach", ANCHOR_CLICK_PX),
+		pickTolerancePx: pref.number("Shape pick slop", DEFAULT_PICK_TOLERANCE_PX, {
+			unit: px,
+			min: 0,
+			max: 24,
+			step: .5
+		}),
+		snapPx: pref.number("Snap reach", DEFAULT_SNAP_PX, {
+			unit: px,
+			min: 0,
+			max: 48,
+			step: .5
+		}),
+		penAnchorRadiusPx: pxLeaf("Pen anchor dot", ANCHOR_RADIUS_PX, 16),
+		penHandleDotRadiusPx: pxLeaf("Pen handle dot", HANDLE_DOT_RADIUS_PX, 16),
+		penCloseHintRadiusPx: pxLeaf("Pen close hint", CLOSE_HINT_RADIUS_PX, 24),
+		penCloseHitPx: pxLeaf("Pen close reach", PEN_CLOSE_HIT_PX),
+		boneJointRadiusPx: pxLeaf("Bone joint dot", JOINT_RADIUS_PX, 16),
+		weightPointRadiusPx: pxLeaf("Weight point dot", POINT_RADIUS_PX, 16),
+		sliceVertexRadiusPx: pxLeaf("Slice vertex dot", VERTEX_RADIUS_PX, 16),
+		sliceCloseHitPx: pxLeaf("Slice close reach", SLICE_CLOSE_HIT_PX)
+	}),
+	view: pref.group("View", { animationMs: msLeaf("Camera animation", DEFAULT_VIEW_ANIMATION_MS, 0) })
+});
+
+//#endregion
+export { coreKitSettingsSchema };
+//# sourceMappingURL=kitSettingsSchema.js.map

package/dist/kitSettingsSchema.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"kitSettingsSchema.js","names":[],"sources":["../src/kitSettingsSchema.ts"],"sourcesContent":["import { pref } from '@weasel-js/prefs';\nimport {\n  DOUBLE_CLICK_MAX_MS, DOUBLE_CLICK_MAX_PX, DRAG_THRESHOLD_PX, LONG_PRESS_MS, TAP_THRESHOLD_PX,\n} from '@weasel-js/gestures';\nimport { ANCHOR_HIT_BASE_PX, HANDLE_BASE_PX, ROTATION_HANDLE_BASE_PX } from 'core/device/targets';\nimport { DEFAULT_VIEW_ANIMATION_MS } from 'core/viewport/useViewAnimation';\nimport { DEFAULT_PICK_TOLERANCE_PX } from 'canvas/SceneCanvas/useSceneSelectTool';\nimport { SEGMENT_HIT_PX } from 'interactions/actions/defaults/segmentUnder';\nimport { ANCHOR_CLICK_PX } from 'interactions/actions/defaults/anchorEditing';\nimport {\n  ANCHOR_RADIUS_PX, CLOSE_HINT_RADIUS_PX, HANDLE_DOT_RADIUS_PX, PEN_CLOSE_HIT_PX,\n} from 'features/paths/penPreviewLayer';\nimport { JOINT_RADIUS_PX } from 'tools/builtin/bone/boneOverlay';\nimport { POINT_RADIUS_PX } from 'tools/builtin/weight/weightOverlay';\nimport { DEFAULT_SNAP_PX } from 'features/snap/session2d';\nimport { SLICE_CLOSE_HIT_PX, VERTEX_RADIUS_PX } from 'tools/builtin/slice/useSliceTool';\n\nconst ms = { scale: 1, suffix: 'ms' };\nconst px = { scale: 1, suffix: 'px' };\nconst pxLeaf = (name: string, def: number, max = 48) => pref.number(name, def, { unit: px, min: 1, max, step: 0.5 });\nconst msLeaf = (name: string, def: number, min = 50, max = 2000) => pref.number(name, def, { unit: ms, min, max, step: 10 });\n\n/**\n * Core's kit settings — gestures, core's `targets` leaves, and view — as a\n * prefs group whose paths are the `KitSettings` paths. Compose it beside the\n * other packages' groups to build a settings page.\n */\nexport const coreKitSettingsSchema = pref.group('Canvas', {\n  gestures: pref.group('Gestures', {\n    doubleClickMs: msLeaf('Double-click interval', DOUBLE_CLICK_MAX_MS),\n    doubleClickPx: pxLeaf('Double-click distance', DOUBLE_CLICK_MAX_PX),\n    longPressMs: msLeaf('Long-press hold', LONG_PRESS_MS),\n    tapPx: pxLeaf('Tap travel', TAP_THRESHOLD_PX),\n    dragPx: pxLeaf('Drag threshold', DRAG_THRESHOLD_PX),\n  }),\n  targets: pref.group('Targets', {\n    handlePx: pxLeaf('Selection handle', HANDLE_BASE_PX),\n    anchorHitPx: pxLeaf('Anchor reach', ANCHOR_HIT_BASE_PX),\n    rotationDistancePx: pxLeaf('Rotation handle distance', ROTATION_HANDLE_BASE_PX, 96),\n    segmentHitPx: pxLeaf('Segment reach', SEGMENT_HIT_PX),\n    anchorClickPx: pxLeaf('Anchor click reach', ANCHOR_CLICK_PX),\n    pickTolerancePx: pref.number('Shape pick slop', DEFAULT_PICK_TOLERANCE_PX, { unit: px, min: 0, max: 24, step: 0.5 }),\n    snapPx: pref.number('Snap reach', DEFAULT_SNAP_PX, { unit: px, min: 0, max: 48, step: 0.5 }),\n    penAnchorRadiusPx: pxLeaf('Pen anchor dot', ANCHOR_RADIUS_PX, 16),\n    penHandleDotRadiusPx: pxLeaf('Pen handle dot', HANDLE_DOT_RADIUS_PX, 16),\n    penCloseHintRadiusPx: pxLeaf('Pen close hint', CLOSE_HINT_RADIUS_PX, 24),\n    penCloseHitPx: pxLeaf('Pen close reach', PEN_CLOSE_HIT_PX),\n    boneJointRadiusPx: pxLeaf('Bone joint dot', JOINT_RADIUS_PX, 16),\n    weightPointRadiusPx: pxLeaf('Weight point dot', POINT_RADIUS_PX, 16),\n    sliceVertexRadiusPx: pxLeaf('Slice vertex dot', VERTEX_RADIUS_PX, 16),\n    sliceCloseHitPx: pxLeaf('Slice close reach', SLICE_CLOSE_HIT_PX),\n  }),\n  view: pref.group('View', {\n    animationMs: msLeaf('Camera animation', DEFAULT_VIEW_ANIMATION_MS, 0),\n  }),\n});\n"],"mappings":";;;;;;;;;;;;;;AAiBA,IAAM,KAAK;CAAE,OAAO;CAAG,QAAQ;AAAK;AACpC,IAAM,KAAK;CAAE,OAAO;CAAG,QAAQ;AAAK;AACpC,IAAM,UAAU,MAAc,KAAa,MAAM,OAAO,KAAK,OAAO,MAAM,KAAK;CAAE,MAAM;CAAI,KAAK;CAAG;CAAK,MAAM;AAAI,CAAC;AACnH,IAAM,UAAU,MAAc,KAAa,MAAM,IAAI,MAAM,QAAS,KAAK,OAAO,MAAM,KAAK;CAAE,MAAM;CAAI;CAAK;CAAK,MAAM;AAAG,CAAC;;;;;;AAO3H,IAAa,wBAAwB,KAAK,MAAM,UAAU;CACxD,UAAU,KAAK,MAAM,YAAY;EAC/B,eAAe,OAAO,yBAAyB,mBAAmB;EAClE,eAAe,OAAO,yBAAyB,mBAAmB;EAClE,aAAa,OAAO,mBAAmB,aAAa;EACpD,OAAO,OAAO,cAAc,gBAAgB;EAC5C,QAAQ,OAAO,kBAAkB,iBAAiB;CACpD,CAAC;CACD,SAAS,KAAK,MAAM,WAAW;EAC7B,UAAU,OAAO,oBAAoB,cAAc;EACnD,aAAa,OAAO,gBAAgB,kBAAkB;EACtD,oBAAoB,OAAO,4BAA4B,yBAAyB,EAAE;EAClF,cAAc,OAAO,iBAAiB,cAAc;EACpD,eAAe,OAAO,sBAAsB,eAAe;EAC3D,iBAAiB,KAAK,OAAO,mBAAmB,2BAA2B;GAAE,MAAM;GAAI,KAAK;GAAG,KAAK;GAAI,MAAM;EAAI,CAAC;EACnH,QAAQ,KAAK,OAAO,cAAc,iBAAiB;GAAE,MAAM;GAAI,KAAK;GAAG,KAAK;GAAI,MAAM;EAAI,CAAC;EAC3F,mBAAmB,OAAO,kBAAkB,kBAAkB,EAAE;EAChE,sBAAsB,OAAO,kBAAkB,sBAAsB,EAAE;EACvE,sBAAsB,OAAO,kBAAkB,sBAAsB,EAAE;EACvE,eAAe,OAAO,mBAAmB,gBAAgB;EACzD,mBAAmB,OAAO,kBAAkB,iBAAiB,EAAE;EAC/D,qBAAqB,OAAO,oBAAoB,iBAAiB,EAAE;EACnE,qBAAqB,OAAO,oBAAoB,kBAAkB,EAAE;EACpE,iBAAiB,OAAO,qBAAqB,kBAAkB;CACjE,CAAC;CACD,MAAM,KAAK,MAAM,QAAQ,EACvB,aAAa,OAAO,oBAAoB,2BAA2B,CAAC,EACtE,CAAC;AACH,CAAC"}

package/dist/{math-CYUjoyyU.d.ts → math-CrJULaZI.d.ts}

@@ -1,11 +1,10 @@
-import '@weasel-js/geom';
-import { Bounds } from '@weasel-js/routing';
-import { b as RotatedPose } from './poseDescriptor-Bqk-11Rl.js';
+import { FramedBox } from '@weasel-js/geom';
+import { b as RotatedPose } from './poseDescriptor-DN2yfnq_.js';
 import '@weasel-js/simulation';
-import './autoPoseDescriptor-DHg5KqaJ.js';
+import './autoPoseDescriptor-CZ1eXbzY.js';
 
 /** AABB center of an unrotated rect — the canonical rotation pivot. */
-declare function aabbCenter(bounds: Bounds): {
+declare function aabbCenter(bounds: FramedBox): {
     x: number;
     y: number;
 };
@@ -15,7 +14,7 @@ declare function rotatePoint(px: number, py: number, cx: number, cy: number, ang
     y: number;
 };
 /** Four corners of an unrotated rect, in TL/TR/BR/BL order. */
-declare function rectCorners(bounds: Bounds): {
+declare function rectCorners(bounds: FramedBox): {
     x: number;
     y: number;
 }[];

package/dist/math.d.ts

@@ -1,7 +1,6 @@
-export { DEFAULT_FLATTEN_TOLERANCE, PATH_C, PATH_CMD_LENGTHS, PATH_L, PATH_M, PATH_Q, PATH_Z, Path, PathBuilder, PathFillRule, PolygonPath, RectPath, flattenCubic, flattenCubicWithArcLen, flattenQuadratic, flattenQuadraticWithArcLen, pathCommandCoordCount, pointAlongPath, polygonFromPoints, polylineFromPoints, rectPath } from '@weasel-js/geom';
-export { Point2 as Vec2 } from '@weasel-js/routing';
-export { P as PoseDescriptor, t as translatePoseViaDescriptor } from './poseDescriptor-Bqk-11Rl.js';
+export { DEFAULT_FLATTEN_TOLERANCE, PATH_C, PATH_CMD_LENGTHS, PATH_L, PATH_M, PATH_Q, PATH_Z, Path, PathBuilder, PathFillRule, PolygonPath, RectPath, Point as Vec2, flattenCubic, flattenCubicWithArcLen, flattenQuadratic, flattenQuadraticWithArcLen, pathCommandCoordCount, pointAlongPath, polygonFromPoints, polylineFromPoints, rectPath } from '@weasel-js/geom';
+export { P as PoseDescriptor, t as translatePoseViaDescriptor } from './poseDescriptor-DN2yfnq_.js';
 export { Simulation, SimulationCore, SimulationForce, SimulationNode, SimulationOptions, createSimulation } from '@weasel-js/simulation';
-export { A as AUTO_POSE_DESCRIPTOR } from './autoPoseDescriptor-DHg5KqaJ.js';
-export { b as rotatePoint } from './math-CYUjoyyU.js';
+export { A as AUTO_POSE_DESCRIPTOR } from './autoPoseDescriptor-CZ1eXbzY.js';
+export { b as rotatePoint } from './math-CrJULaZI.js';
 import '@weasel-js/animator';

package/dist/math.js

@@ -1,6 +1,7 @@
-import { translatePoseViaDescriptor as e } from "./core/geometry/poseDescriptor.js";
-import { AUTO_POSE_DESCRIPTOR as t } from "./core/geometry/autoPoseDescriptor.js";
-import { rotatePoint as n } from "./interactions/actions/rotate/geometry.js";
-import { DEFAULT_FLATTEN_TOLERANCE as r, PATH_C as i, PATH_CMD_LENGTHS as a, PATH_L as o, PATH_M as s, PATH_Q as c, PATH_Z as l, PathBuilder as u, flattenCubic as d, flattenCubicWithArcLen as f, flattenQuadratic as p, flattenQuadraticWithArcLen as m, pathCommandCoordCount as h, pointAlongPath as g, polygonFromPoints as _, polylineFromPoints as v, rectPath as y } from "@weasel-js/geom";
-import { createSimulation as b } from "@weasel-js/simulation";
-export { t as AUTO_POSE_DESCRIPTOR, r as DEFAULT_FLATTEN_TOLERANCE, i as PATH_C, a as PATH_CMD_LENGTHS, o as PATH_L, s as PATH_M, c as PATH_Q, l as PATH_Z, u as PathBuilder, b as createSimulation, d as flattenCubic, f as flattenCubicWithArcLen, p as flattenQuadratic, m as flattenQuadraticWithArcLen, h as pathCommandCoordCount, g as pointAlongPath, _ as polygonFromPoints, v as polylineFromPoints, y as rectPath, n as rotatePoint, e as translatePoseViaDescriptor };
+import { translatePoseViaDescriptor } from "./core/geometry/poseDescriptor.js";
+import { AUTO_POSE_DESCRIPTOR } from "./core/geometry/autoPoseDescriptor.js";
+import { rotatePoint } from "./interactions/actions/rotate/geometry.js";
+import { DEFAULT_FLATTEN_TOLERANCE, PATH_C, PATH_CMD_LENGTHS, PATH_L, PATH_M, PATH_Q, PATH_Z, PathBuilder, flattenCubic, flattenCubicWithArcLen, flattenQuadratic, flattenQuadraticWithArcLen, pathCommandCoordCount, pointAlongPath, polygonFromPoints, polylineFromPoints, rectPath } from "@weasel-js/geom";
+import { createSimulation } from "@weasel-js/simulation";
+
+export { AUTO_POSE_DESCRIPTOR, DEFAULT_FLATTEN_TOLERANCE, PATH_C, PATH_CMD_LENGTHS, PATH_L, PATH_M, PATH_Q, PATH_Z, PathBuilder, createSimulation, flattenCubic, flattenCubicWithArcLen, flattenQuadratic, flattenQuadraticWithArcLen, pathCommandCoordCount, pointAlongPath, polygonFromPoints, polylineFromPoints, rectPath, rotatePoint, translatePoseViaDescriptor };

package/dist/mesh.js

@@ -1,3 +1,4 @@
 import "./core/paint/registerMesh.js";
-import { MESH_BAKE_MAX as e, MESH_BAKE_MIN as t, MESH_BAKE_SIZE as n, MESH_GRADIENT_KIND as r, bakeMesh as i, cornerWeights as a, evalPatch as o, isMeshGradientPaint as s, isTensorPatch as c, isValidPatch as l, meshBakeSize as u, meshBounds as d, meshFromStops as f, meshGradientXml as p, meshGuides as m, meshHandles as h, meshStops as g, moveMeshHandle as _, patchBounds as v, patchCorner as y, seedMeshPatch as b } from "@weasel-js/renderer/mesh";
-export { e as MESH_BAKE_MAX, t as MESH_BAKE_MIN, n as MESH_BAKE_SIZE, r as MESH_GRADIENT_KIND, i as bakeMesh, a as cornerWeights, o as evalPatch, s as isMeshGradientPaint, c as isTensorPatch, l as isValidPatch, u as meshBakeSize, d as meshBounds, f as meshFromStops, p as meshGradientXml, m as meshGuides, h as meshHandles, g as meshStops, _ as moveMeshHandle, v as patchBounds, y as patchCorner, b as seedMeshPatch };
+import { MESH_BAKE_MAX, MESH_BAKE_MIN, MESH_BAKE_SIZE, MESH_GRADIENT_KIND, bakeMesh, cornerWeights, evalPatch, isMeshGradientPaint, isTensorPatch, isValidPatch, meshBakeSize, meshBounds, meshFromStops, meshGradientXml, meshGuides, meshHandles, meshStops, moveMeshHandle, patchBounds, patchCorner, seedMeshPatch } from "@weasel-js/renderer/mesh";
+
+export { MESH_BAKE_MAX, MESH_BAKE_MIN, MESH_BAKE_SIZE, MESH_GRADIENT_KIND, bakeMesh, cornerWeights, evalPatch, isMeshGradientPaint, isTensorPatch, isValidPatch, meshBakeSize, meshBounds, meshFromStops, meshGradientXml, meshGuides, meshHandles, meshStops, moveMeshHandle, patchBounds, patchCorner, seedMeshPatch };

package/dist/move.d.ts

@@ -1,12 +1,13 @@
-import { O as OriginProjection } from './originProjection-CoNVpITV.js';
-export { U as UseMoveOptions } from './originProjection-CoNVpITV.js';
-import { S as SnapTarget } from './types-DBbbCy0i.js';
-import { M as MoveBehavior } from './clone-C0eADtS0.js';
+export { U as UseMoveOptions } from './options-p9GZMXbY.js';
+import { S as SnapTarget } from './types-CHVXGfYm.js';
+import { M as MoveBehavior } from './clone-DZDrfIlU.js';
+import { O as OriginProjection } from './originProjection-gY0jb4Wb.js';
 import '@weasel-js/history';
 import '@weasel-js/geom';
-import '@weasel-js/routing';
-import './poseDescriptor-Bqk-11Rl.js';
+import './poseDescriptor-DN2yfnq_.js';
 import '@weasel-js/animator';
+import '@weasel-js/react';
+import '@weasel-js/routing';
 
 /**
  * Move behavior that drops the dragged nodes into a container the pointer

package/dist/move.js

@@ -1,3 +1,4 @@
-import { snapToContainer as e } from "./interactions/actions/move/behaviors/snapToContainer.js";
-import { snapBackOrDelete as t } from "./interactions/actions/move/behaviors/snapBackOrDelete.js";
-export { t as snapBackOrDelete, e as snapToContainer };
+import { snapToContainer } from "./interactions/actions/move/behaviors/snapToContainer.js";
+import { snapBackOrDelete } from "./interactions/actions/move/behaviors/snapBackOrDelete.js";
+
+export { snapBackOrDelete, snapToContainer };

package/dist/{originProjection-CoNVpITV.d.ts → options-p9GZMXbY.d.ts}

@@ -1,4 +1,4 @@
-import { M as MoveBehavior } from './clone-C0eADtS0.js';
+import { M as MoveBehavior } from './clone-DZDrfIlU.js';
 
 /** Option surface for the `move` action. */
 
@@ -7,8 +7,8 @@ import { M as MoveBehavior } from './clone-C0eADtS0.js';
  *  `selectionMoveBindings` threads them into the move bindings. */
 interface UseMoveOptions<TPose> {
     behaviors?: MoveBehavior<TPose>[];
-    /** Screen travel, in CSS pixels, before the drag moves anything. Default
-     *  `DRAG_THRESHOLD_PX`. The dispatcher opens no drag before that, so a
+    /** Screen travel, in CSS pixels, before the drag moves anything. Default the
+     *  `gestures.dragPx` kit setting, else `DRAG_THRESHOLD_PX`. The dispatcher opens no drag before that, so a
      *  smaller value has no effect; a larger one holds the selection in place
      *  until the pointer has gone that far. */
     dragThresholdPx?: number;
@@ -31,27 +31,4 @@ interface UseMoveOptions<TPose> {
     expandIds?: (ids: string[]) => string[];
 }
 
-/**
- * How a snap reads and moves a pose that doesn't expose `{x,y}` directly
- * (Path, polygon, etc.): `getOrigin` gives the point a snap strategy rounds,
- * and `translate` moves the pose by the resulting delta.
- */
-interface OriginProjection<TPose> {
-    getOrigin(pose: TPose): {
-        x: number;
-        y: number;
-    };
-    translate(pose: TPose, dx: number, dy: number): TPose;
-}
-/** Identity projection for `TPose extends { x; y }`. */
-declare const RECT_ORIGIN_PROJECTION: OriginProjection<{
-    x: number;
-    y: number;
-}>;
-/** Per-call dispatch: routes Path-shaped poses to the path origin/translate
- *  helpers and everything else to `RECT_ORIGIN_PROJECTION`. The default for
- *  `snap` and the snap strategies, so consumers with Path TPose don't have to
- *  thread `pathOriginProjection` explicitly. */
-declare const AUTO_ORIGIN_PROJECTION: OriginProjection<unknown>;
-
-export { AUTO_ORIGIN_PROJECTION as A, type OriginProjection as O, RECT_ORIGIN_PROJECTION as R, type UseMoveOptions as U };
+export type { UseMoveOptions as U };

package/dist/originProjection-gY0jb4Wb.d.ts

@@ -0,0 +1,24 @@
+/**
+ * How a snap reads and moves a pose that doesn't expose `{x,y}` directly
+ * (Path, polygon, etc.): `getOrigin` gives the point a snap strategy rounds,
+ * and `translate` moves the pose by the resulting delta.
+ */
+interface OriginProjection<TPose> {
+    getOrigin(pose: TPose): {
+        x: number;
+        y: number;
+    };
+    translate(pose: TPose, dx: number, dy: number): TPose;
+}
+/** Identity projection for `TPose extends { x; y }`. */
+declare const RECT_ORIGIN_PROJECTION: OriginProjection<{
+    x: number;
+    y: number;
+}>;
+/** Per-call dispatch: routes Path-shaped poses to the path origin/translate
+ *  helpers and everything else to `RECT_ORIGIN_PROJECTION`. The default for
+ *  `snap` and the snap strategies, so consumers with Path TPose don't have to
+ *  thread `pathOriginProjection` explicitly. */
+declare const AUTO_ORIGIN_PROJECTION: OriginProjection<unknown>;
+
+export { AUTO_ORIGIN_PROJECTION as A, type OriginProjection as O, RECT_ORIGIN_PROJECTION as R };

package/dist/patterns-builtin.js

@@ -1,2 +1,3 @@
-import { chunks as e, crosshatch as t, dots as n, drawTileShapes as r, hatch as i, tileGeometry as a, tileSize as o } from "@weasel-js/renderer/patterns-builtin";
-export { e as chunks, t as crosshatch, n as dots, r as drawTileShapes, i as hatch, a as tileGeometry, o as tileSize };
+import { chunks, crosshatch, dots, drawTileShapes, hatch, tileGeometry, tileSize } from "@weasel-js/renderer/patterns-builtin";
+
+export { chunks, crosshatch, dots, drawTileShapes, hatch, tileGeometry, tileSize };

package/dist/{poseDescriptor-Bqk-11Rl.d.ts → poseDescriptor-DN2yfnq_.d.ts}

@@ -1,9 +1,9 @@
-import { Bounds } from '@weasel-js/routing';
+import { FramedBox } from '@weasel-js/geom';
 import { TargetAxes } from '@weasel-js/animator';
 
 /** `Bounds` with a required rotation angle (radians). Pivot is the AABB
  *  center of the unrotated `{x, y, width, height}`. */
-interface RotatedPose extends Bounds {
+interface RotatedPose extends FramedBox {
     rotation: number;
 }
 /**
@@ -16,11 +16,11 @@ interface RotatedPose extends Bounds {
  * (group resize) — they're the same affine map.
  */
 interface PoseDescriptor<TPose, TNode = unknown> {
-    getBounds(pose: TPose): Bounds;
-    remapBounds(pose: TPose, src: Bounds, dst: Bounds): TPose;
+    getBounds(pose: TPose): FramedBox;
+    remapBounds(pose: TPose, src: FramedBox, dst: FramedBox): TPose;
     /** A pose occupying `bounds`, of the same kind as `template`. Unlike
      *  `remapBounds`, the result carries none of the template's shape. */
-    fromBounds(bounds: Bounds, template: TPose): TPose;
+    fromBounds(bounds: FramedBox, template: TPose): TPose;
     /** Translate the pose by (dx, dy). Optional — when omitted, callers fall
      *  back to a translation derived from `remapBounds` (origin shifted, no
      *  scale). Path-shaped poses should provide this for performance. */
@@ -58,14 +58,14 @@ interface PoseDescriptor<TPose, TNode = unknown> {
 declare function poseDescriptorForNode<TPose, TNode>(descriptor: PoseDescriptor<TPose, TNode>, node: TNode): PoseDescriptor<TPose, TNode>;
 /** Identity geometry for `TPose extends Bounds`. Treats the pose as its
  *  own bounds and remaps via affine scale against `src`/`dst`. */
-declare const RECT_POSE_DESCRIPTOR: PoseDescriptor<Bounds>;
+declare const RECT_POSE_DESCRIPTOR: PoseDescriptor<FramedBox>;
 /** Identity geometry for `RotatedPose`: `RECT_POSE_DESCRIPTOR`'s projection,
  *  with a required `rotation`. */
 declare const ROTATED_POSE_DESCRIPTOR: PoseDescriptor<RotatedPose>;
 /** The pose's visual bounds: its box expanded to cover the box as drawn
  *  under its rotation and `transform`, so a turned or skewed shape reports
  *  the extent of its ink. */
-declare function visualBoundsViaDescriptor<TPose>(pose: TPose, geometry: PoseDescriptor<TPose>): Bounds;
+declare function visualBoundsViaDescriptor<TPose>(pose: TPose, geometry: PoseDescriptor<TPose>): FramedBox;
 /** Translate through `geometry.translate`, or via `remapBounds` onto a shifted
  *  copy of the pose's own bounds when the descriptor has none. */
 declare function translatePoseViaDescriptor<TPose>(pose: TPose, dx: number, dy: number, geometry: PoseDescriptor<TPose>): TPose;

package/dist/renderer.d.ts

@@ -1 +1 @@
-export { CommandPaint, CommandPaintUnits, CommandStroke, CullRect, DrawCommand, EFFECT_KIT_UNIFORMS, EFFECT_VERT_SRC, Effect, GlMat3, GroupDrawCommand, IDENTITY_COLOR_MATRIX, ImageDrawCommand, ImageMinification, Mesh, OUTLINE_MIN_SCREEN_PX, PathDrawCommand, PosedPaint, ProgramSource, RegisterFontOptions, RenderOptions, RenderSpan, RenderSpanStats, RenderStats, RenderTarget, SPRITE_STRIDE, ShaderCompileError, ShaderDrawCommand, ShaderProgramHandle, ShaderUniform, SolidPaint, SpriteSheet, SpritesDrawCommand, StrokeOptions, TessellateOptions, TextDrawCommand, TextureEntry, TextureHandle, ViewLike, WeaselRenderer, WeaselRendererOptions, blur, buildGradientRamp, canQueryLocalFonts, cssFontFamily, cssFontFamilyLoading, cullDrawCommands, enableLocalFontOutlines, fontOutlineRegistry, fontRegistry, frameRect, hasFontOutlines, isCanvasFont, listFontOutlines, loadFontOutlines, mat3, outlineStatus, programSourceRegistry, registerCanvasFont, registerEffect, registerFont, registerFontOutlines, registerProgram, registerTexture, releaseImageSource, subscribeGlyphReady, tessellate, tessellateStroke, textureRegistry, unregisterCanvasFont, unregisterFontOutlines, unregisterTexture, viewToMat3, vignette } from '@weasel-js/renderer';
+export { CommandPaint, CommandPaintUnits, CommandStroke, CullRect, DEFAULT_RETAIN_BUDGET, DrawCommand, EFFECT_KIT_UNIFORMS, EFFECT_VERT_SRC, Effect, GlMat3, GroupDrawCommand, IDENTITY_COLOR_MATRIX, ImageDrawCommand, ImageMinification, Mesh, OUTLINE_MIN_SCREEN_PX, PathDrawCommand, PosedPaint, ProgramSource, RegisterFontOptions, RenderOptions, RenderSpan, RenderSpanStats, RenderStats, RenderTarget, RetainedStats, SPRITE_STRIDE, ShaderCompileError, ShaderDrawCommand, ShaderProgramHandle, ShaderUniform, SolidPaint, SpriteSheet, SpritesDrawCommand, StrokeOptions, TessellateOptions, TextDrawCommand, TextureEntry, TextureHandle, ViewLike, WeaselRenderer, WeaselRendererOptions, blur, buildGradientRamp, canQueryLocalFonts, cssFontFamily, cssFontFamilyLoading, cullDrawCommands, enableLocalFontOutlines, fontOutlineRegistry, fontRegistry, frameRect, hasFontOutlines, isCanvasFont, listFontOutlines, loadFontOutlines, mat3, outlineStatus, programSourceRegistry, registerCanvasFont, registerEffect, registerFont, registerFontOutlines, registerProgram, registerTexture, releaseImageSource, subscribeGlyphReady, tessellate, tessellateStroke, textureRegistry, unregisterCanvasFont, unregisterFontOutlines, unregisterTexture, viewToMat3, vignette } from '@weasel-js/renderer';

package/dist/renderer.js

@@ -1,2 +1,3 @@
-import { EFFECT_KIT_UNIFORMS as e, EFFECT_VERT_SRC as t, IDENTITY_COLOR_MATRIX as n, OUTLINE_MIN_SCREEN_PX as r, SPRITE_STRIDE as i, ShaderCompileError as a, WeaselRenderer as o, blur as s, buildGradientRamp as c, canQueryLocalFonts as l, cssFontFamily as u, cssFontFamilyLoading as d, cullDrawCommands as f, enableLocalFontOutlines as p, fontOutlineRegistry as m, fontRegistry as h, frameRect as g, hasFontOutlines as _, isCanvasFont as v, listFontOutlines as y, loadFontOutlines as b, mat3 as x, outlineStatus as S, programSourceRegistry as C, registerCanvasFont as w, registerEffect as T, registerFont as E, registerFontOutlines as D, registerProgram as O, registerTexture as k, releaseImageSource as A, subscribeGlyphReady as j, tessellate as M, tessellateStroke as N, textureRegistry as P, unregisterCanvasFont as F, unregisterFontOutlines as I, unregisterTexture as L, viewToMat3 as R, vignette as z } from "@weasel-js/renderer";
-export { e as EFFECT_KIT_UNIFORMS, t as EFFECT_VERT_SRC, n as IDENTITY_COLOR_MATRIX, r as OUTLINE_MIN_SCREEN_PX, i as SPRITE_STRIDE, a as ShaderCompileError, o as WeaselRenderer, s as blur, c as buildGradientRamp, l as canQueryLocalFonts, u as cssFontFamily, d as cssFontFamilyLoading, f as cullDrawCommands, p as enableLocalFontOutlines, m as fontOutlineRegistry, h as fontRegistry, g as frameRect, _ as hasFontOutlines, v as isCanvasFont, y as listFontOutlines, b as loadFontOutlines, x as mat3, S as outlineStatus, C as programSourceRegistry, w as registerCanvasFont, T as registerEffect, E as registerFont, D as registerFontOutlines, O as registerProgram, k as registerTexture, A as releaseImageSource, j as subscribeGlyphReady, M as tessellate, N as tessellateStroke, P as textureRegistry, F as unregisterCanvasFont, I as unregisterFontOutlines, L as unregisterTexture, R as viewToMat3, z as vignette };
+import { DEFAULT_RETAIN_BUDGET, EFFECT_KIT_UNIFORMS, EFFECT_VERT_SRC, IDENTITY_COLOR_MATRIX, OUTLINE_MIN_SCREEN_PX, SPRITE_STRIDE, ShaderCompileError, WeaselRenderer, blur, buildGradientRamp, canQueryLocalFonts, cssFontFamily, cssFontFamilyLoading, cullDrawCommands, enableLocalFontOutlines, fontOutlineRegistry, fontRegistry, frameRect, hasFontOutlines, isCanvasFont, listFontOutlines, loadFontOutlines, mat3, outlineStatus, programSourceRegistry, registerCanvasFont, registerEffect, registerFont, registerFontOutlines, registerProgram, registerTexture, releaseImageSource, subscribeGlyphReady, tessellate, tessellateStroke, textureRegistry, unregisterCanvasFont, unregisterFontOutlines, unregisterTexture, viewToMat3, vignette } from "@weasel-js/renderer";
+
+export { DEFAULT_RETAIN_BUDGET, EFFECT_KIT_UNIFORMS, EFFECT_VERT_SRC, IDENTITY_COLOR_MATRIX, OUTLINE_MIN_SCREEN_PX, SPRITE_STRIDE, ShaderCompileError, WeaselRenderer, blur, buildGradientRamp, canQueryLocalFonts, cssFontFamily, cssFontFamilyLoading, cullDrawCommands, enableLocalFontOutlines, fontOutlineRegistry, fontRegistry, frameRect, hasFontOutlines, isCanvasFont, listFontOutlines, loadFontOutlines, mat3, outlineStatus, programSourceRegistry, registerCanvasFont, registerEffect, registerFont, registerFontOutlines, registerProgram, registerTexture, releaseImageSource, subscribeGlyphReady, tessellate, tessellateStroke, textureRegistry, unregisterCanvasFont, unregisterFontOutlines, unregisterTexture, viewToMat3, vignette };