@weasel-js/core 1.9.3 → 1.10.0

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

@@ -1 +1 @@
-{"version":3,"file":"dragGesture.js","names":["useDragGesture","optsRef","useLatest","options","stateRef","useRef","setPhaseTick","useState","phaseRef","bumpPhase","useCallback","next","n","buildCtx","s","start","opts","scratch","initialPhase","point","move","modifiers","ctx","end","endCtx","committed","cancel","useMemo"],"sources":["../../../../src/interactions/gestures/dragGesture/dragGesture.ts"],"sourcesContent":["import { useCallback, useMemo, useRef, useState } from 'react';\nimport { useLatest } from '@weasel-js/react';\nimport type { ModifierState } from '../types';\n\n/** Pointer position in both world (gesture-coord) and client (CSS-px) space. */\nexport interface DragGesturePoint {\n  worldX: number;\n  worldY: number;\n  clientX: number;\n  clientY: number;\n}\n\n/** Phase exposed on the public controller and inside ctx for callbacks. */\nexport type DragGesturePhase = 'idle' | 'pending' | 'active';\n\n/** Live gesture context handed to lifecycle callbacks. Within callbacks, ctx\n *  reflects the moment the callback fires (e.g. ctx.phase is 'active' inside\n *  onActivate, even though the move that triggered it was during 'pending'). */\nexport interface DragGestureCtx<TScratch = unknown> {\n  start: DragGesturePoint;\n  current: DragGesturePoint;\n  modifiers: ModifierState;\n  scratch: TScratch;\n  /** 'pending' or 'active'. Never 'idle' inside a callback. */\n  phase: 'pending' | 'active';\n}\n\n/** The context handed to `onEnd`, adding whether the gesture ever passed its\n *  activation threshold. */\nexport interface DragGestureEndCtx<TScratch = unknown>\n  extends DragGestureCtx<TScratch> {\n  /** True if phase never reached 'active'. Wrappers without thresholdReached\n   *  always see false here (their gesture activates at start()). */\n  wasSubThreshold: boolean;\n}\n\n/** Options for `useDragGesture`: when the gesture becomes active, and what to\n *  do at each point in its lifecycle. */\nexport interface UseDragGestureOptions<TScratch = unknown> {\n  initScratch?: () => TScratch;\n  /** Predicate consulted on each move while phase === 'pending'. Return true\n   *  to transition to 'active'. The transition fires onActivate before the\n   *  triggering move's onMove. When omitted, gesture activates at start(). */\n  thresholdReached?: (ctx: DragGestureCtx<TScratch>) => boolean;\n  onStart?: (ctx: DragGestureCtx<TScratch>) => void;\n  onActivate?: (ctx: DragGestureCtx<TScratch>) => void;\n  onMove?: (ctx: DragGestureCtx<TScratch>) => void;\n  onEnd?: (ctx: DragGestureEndCtx<TScratch>) => boolean | void;\n  onCancel?: (ctx: DragGestureCtx<TScratch>) => void;\n  onGestureStart?: () => void;\n  onGestureEnd?: (committed: boolean) => void;\n}\n\n/** Drives a drag gesture. The owner feeds it pointer positions; it decides\n *  when the drag has really begun and calls back accordingly. */\nexport interface DragGestureController {\n  start(point: DragGesturePoint, modifiers: ModifierState): void;\n  move(point: DragGesturePoint, modifiers: ModifierState): boolean;\n  end(): void;\n  cancel(): void;\n  readonly phase: DragGesturePhase;\n  readonly isActive: boolean;\n}\n\ninterface InternalState<TScratch> {\n  phase: 'pending' | 'active';\n  start: DragGesturePoint;\n  current: DragGesturePoint;\n  modifiers: ModifierState;\n  scratch: TScratch;\n}\n\n/**\n * The base drag primitive: tracks a pointer from press to release, with an\n * optional threshold below which the gesture stays pending and commits\n * nothing.\n *\n * It is a gesture and only a gesture — it says where the pointer went, never\n * what that should do. `useDragRect` and `useDragRadial` build on it, and\n * actions decide what to make of the result.\n */\nexport function useDragGesture<TScratch = unknown>(\n  options: UseDragGestureOptions<TScratch> = {},\n): DragGestureController {\n  const optsRef = useLatest(options);\n  const stateRef = useRef<InternalState<TScratch> | null>(null);\n  const [, setPhaseTick] = useState(0);\n  const phaseRef = useRef<DragGesturePhase>('idle');\n  const bumpPhase = useCallback((next: DragGesturePhase) => {\n    phaseRef.current = next;\n    setPhaseTick((n) => n + 1);\n  }, []);\n\n  const buildCtx = useCallback((): DragGestureCtx<TScratch> => {\n    const s = stateRef.current!;\n    return {\n      get start() { return s.start; },\n      get current() { return s.current; },\n      get modifiers() { return s.modifiers; },\n      get scratch() { return s.scratch; },\n      get phase() { return s.phase; },\n    };\n  }, []);\n\n  const start = useCallback((point: DragGesturePoint, modifiers: ModifierState) => {\n    const opts = optsRef.current;\n    const scratch = opts.initScratch ? opts.initScratch() : ({} as TScratch);\n    const initialPhase: 'pending' | 'active' = opts.thresholdReached ? 'pending' : 'active';\n    stateRef.current = {\n      phase: initialPhase,\n      start: point,\n      current: point,\n      modifiers,\n      scratch,\n    };\n    bumpPhase(initialPhase);\n    opts.onGestureStart?.();\n    opts.onStart?.(buildCtx());\n  }, [buildCtx, bumpPhase, optsRef]);\n\n  const move = useCallback((point: DragGesturePoint, modifiers: ModifierState): boolean => {\n    const s = stateRef.current;\n    if (!s) return false;\n    s.current = point;\n    s.modifiers = modifiers;\n    const opts = optsRef.current;\n    if (s.phase === 'pending' && opts.thresholdReached) {\n      const ctx = buildCtx();\n      if (opts.thresholdReached(ctx)) {\n        s.phase = 'active';\n        bumpPhase('active');\n        opts.onActivate?.(buildCtx());\n      }\n    }\n    opts.onMove?.(buildCtx());\n    return true;\n  }, [buildCtx, bumpPhase, optsRef]);\n\n  const end = useCallback(() => {\n    const s = stateRef.current;\n    const opts = optsRef.current;\n    if (!s) {\n      opts.onGestureEnd?.(false);\n      return;\n    }\n    const wasSubThreshold = s.phase === 'pending';\n    const endCtx: DragGestureEndCtx<TScratch> = {\n      get start() { return s.start; },\n      get current() { return s.current; },\n      get modifiers() { return s.modifiers; },\n      get scratch() { return s.scratch; },\n      get phase() { return s.phase; },\n      wasSubThreshold,\n    };\n    let committed = false;\n    try {\n      const r = opts.onEnd?.(endCtx);\n      committed = r !== false;\n    } finally {\n      stateRef.current = null;\n      bumpPhase('idle');\n      opts.onGestureEnd?.(committed);\n    }\n  }, [bumpPhase, optsRef]);\n\n  const cancel = useCallback(() => {\n    const s = stateRef.current;\n    const opts = optsRef.current;\n    if (s) opts.onCancel?.(buildCtx());\n    stateRef.current = null;\n    bumpPhase('idle');\n    opts.onGestureEnd?.(false);\n  }, [buildCtx, bumpPhase, optsRef]);\n\n  return useMemo<DragGestureController>(() => ({\n    start, move, end, cancel,\n    get phase() { return phaseRef.current; },\n    get isActive() { return phaseRef.current !== 'idle'; },\n  }), [start, move, end, cancel]);\n}\n"],"mappings":"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"}
+{"version":3,"file":"dragGesture.js","names":["useDragGesture","optsRef","useLatest","options","stateRef","useRef","setPhaseTick","useState","phaseRef","bumpPhase","useCallback","next","n","buildCtx","s","start","opts","scratch","initialPhase","restart","point","move","modifiers","ctx","end","endCtx","committed","cancel","useMemo"],"sources":["../../../../src/interactions/gestures/dragGesture/dragGesture.ts"],"sourcesContent":["import { useCallback, useMemo, useRef, useState } from 'react';\nimport { useLatest } from '@weasel-js/react';\nimport type { ModifierState } from '../types';\n\n/** Pointer position in both world (gesture-coord) and client (CSS-px) space. */\nexport interface DragGesturePoint {\n  worldX: number;\n  worldY: number;\n  clientX: number;\n  clientY: number;\n}\n\n/** Phase exposed on the public controller and inside ctx for callbacks. */\nexport type DragGesturePhase = 'idle' | 'pending' | 'active';\n\n/** Live gesture context handed to lifecycle callbacks. Within callbacks, ctx\n *  reflects the moment the callback fires (e.g. ctx.phase is 'active' inside\n *  onActivate, even though the move that triggered it was during 'pending'). */\nexport interface DragGestureCtx<TScratch = unknown> {\n  start: DragGesturePoint;\n  current: DragGesturePoint;\n  modifiers: ModifierState;\n  scratch: TScratch;\n  /** 'pending' or 'active'. Never 'idle' inside a callback. */\n  phase: 'pending' | 'active';\n}\n\n/** The context handed to `onEnd`, adding whether the gesture ever passed its\n *  activation threshold. */\nexport interface DragGestureEndCtx<TScratch = unknown>\n  extends DragGestureCtx<TScratch> {\n  /** True if phase never reached 'active'. Wrappers without thresholdReached\n   *  always see false here (their gesture activates at start()). */\n  wasSubThreshold: boolean;\n}\n\n/** Options for `useDragGesture`: when the gesture becomes active, and what to\n *  do at each point in its lifecycle. */\nexport interface UseDragGestureOptions<TScratch = unknown> {\n  initScratch?: () => TScratch;\n  /** Predicate consulted on each move while phase === 'pending'. Return true\n   *  to transition to 'active'. The transition fires onActivate before the\n   *  triggering move's onMove. When omitted, gesture activates at start(). */\n  thresholdReached?: (ctx: DragGestureCtx<TScratch>) => boolean;\n  onStart?: (ctx: DragGestureCtx<TScratch>) => void;\n  onActivate?: (ctx: DragGestureCtx<TScratch>) => void;\n  onMove?: (ctx: DragGestureCtx<TScratch>) => void;\n  onEnd?: (ctx: DragGestureEndCtx<TScratch>) => boolean | void;\n  onCancel?: (ctx: DragGestureCtx<TScratch>) => void;\n  /** Fired when a gesture opens. A `start()` that replaces a live gesture\n   *  does not fire it again. */\n  onGestureStart?: () => void;\n  /** Fired once per `onGestureStart`, when that gesture ends or cancels. */\n  onGestureEnd?: (committed: boolean) => void;\n}\n\n/** Drives a drag gesture. The owner feeds it pointer positions; it decides\n *  when the drag has really begun and calls back accordingly. */\nexport interface DragGestureController {\n  start(point: DragGesturePoint, modifiers: ModifierState): void;\n  move(point: DragGesturePoint, modifiers: ModifierState): boolean;\n  end(): void;\n  cancel(): void;\n  readonly phase: DragGesturePhase;\n  readonly isActive: boolean;\n}\n\ninterface InternalState<TScratch> {\n  phase: 'pending' | 'active';\n  start: DragGesturePoint;\n  current: DragGesturePoint;\n  modifiers: ModifierState;\n  scratch: TScratch;\n}\n\n/**\n * The base drag primitive: tracks a pointer from press to release, with an\n * optional threshold below which the gesture stays pending and commits\n * nothing.\n *\n * It is a gesture and only a gesture — it says where the pointer went, never\n * what that should do. `useDragRect` and `useDragRadial` build on it, and\n * actions decide what to make of the result.\n */\nexport function useDragGesture<TScratch = unknown>(\n  options: UseDragGestureOptions<TScratch> = {},\n): DragGestureController {\n  const optsRef = useLatest(options);\n  const stateRef = useRef<InternalState<TScratch> | null>(null);\n  const [, setPhaseTick] = useState(0);\n  const phaseRef = useRef<DragGesturePhase>('idle');\n  const bumpPhase = useCallback((next: DragGesturePhase) => {\n    phaseRef.current = next;\n    setPhaseTick((n) => n + 1);\n  }, []);\n\n  const buildCtx = useCallback((): DragGestureCtx<TScratch> => {\n    const s = stateRef.current!;\n    return {\n      get start() { return s.start; },\n      get current() { return s.current; },\n      get modifiers() { return s.modifiers; },\n      get scratch() { return s.scratch; },\n      get phase() { return s.phase; },\n    };\n  }, []);\n\n  const start = useCallback((point: DragGesturePoint, modifiers: ModifierState) => {\n    const opts = optsRef.current;\n    const scratch = opts.initScratch ? opts.initScratch() : ({} as TScratch);\n    const initialPhase: 'pending' | 'active' = opts.thresholdReached ? 'pending' : 'active';\n    const restart = stateRef.current !== null;\n    stateRef.current = {\n      phase: initialPhase,\n      start: point,\n      current: point,\n      modifiers,\n      scratch,\n    };\n    bumpPhase(initialPhase);\n    if (!restart) opts.onGestureStart?.();\n    opts.onStart?.(buildCtx());\n  }, [buildCtx, bumpPhase, optsRef]);\n\n  const move = useCallback((point: DragGesturePoint, modifiers: ModifierState): boolean => {\n    const s = stateRef.current;\n    if (!s) return false;\n    s.current = point;\n    s.modifiers = modifiers;\n    const opts = optsRef.current;\n    if (s.phase === 'pending' && opts.thresholdReached) {\n      const ctx = buildCtx();\n      if (opts.thresholdReached(ctx)) {\n        s.phase = 'active';\n        bumpPhase('active');\n        opts.onActivate?.(buildCtx());\n      }\n    }\n    opts.onMove?.(buildCtx());\n    return true;\n  }, [buildCtx, bumpPhase, optsRef]);\n\n  const end = useCallback(() => {\n    const s = stateRef.current;\n    const opts = optsRef.current;\n    if (!s) return;\n    const wasSubThreshold = s.phase === 'pending';\n    const endCtx: DragGestureEndCtx<TScratch> = {\n      get start() { return s.start; },\n      get current() { return s.current; },\n      get modifiers() { return s.modifiers; },\n      get scratch() { return s.scratch; },\n      get phase() { return s.phase; },\n      wasSubThreshold,\n    };\n    let committed = false;\n    try {\n      const r = opts.onEnd?.(endCtx);\n      committed = r !== false;\n    } finally {\n      stateRef.current = null;\n      bumpPhase('idle');\n      opts.onGestureEnd?.(committed);\n    }\n  }, [bumpPhase, optsRef]);\n\n  const cancel = useCallback(() => {\n    const s = stateRef.current;\n    const opts = optsRef.current;\n    if (!s) return;\n    opts.onCancel?.(buildCtx());\n    stateRef.current = null;\n    bumpPhase('idle');\n    opts.onGestureEnd?.(false);\n  }, [buildCtx, bumpPhase, optsRef]);\n\n  return useMemo<DragGestureController>(() => ({\n    start, move, end, cancel,\n    get phase() { return phaseRef.current; },\n    get isActive() { return phaseRef.current !== 'idle'; },\n  }), [start, move, end, cancel]);\n}\n"],"mappings":"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"}

package/dist/interactions/gestures/dragGesture/dragPointOf.js

@@ -0,0 +1,23 @@
+import { clientToWorld as e } from "../../../core/viewport/clientToWorld.js";
+//#region src/interactions/gestures/dragGesture/dragPointOf.ts
+var t = {
+	x: 0,
+	y: 0,
+	scale: {
+		x: 1,
+		y: 1
+	}
+};
+function n(n, r, i = t) {
+	let [a, o] = e(n.clientX, n.clientY, r.getBoundingClientRect(), i);
+	return {
+		clientX: n.clientX,
+		clientY: n.clientY,
+		worldX: a,
+		worldY: o
+	};
+}
+//#endregion
+export { n as dragPointOf };
+
+//# sourceMappingURL=dragPointOf.js.map

package/dist/interactions/gestures/dragGesture/dragPointOf.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dragPointOf.js","names":["IDENTITY","dragPointOf","worldX","worldY","clientToWorld","event","element","view"],"sources":["../../../../src/interactions/gestures/dragGesture/dragPointOf.ts"],"sourcesContent":["import { clientToWorld, type ViewLike } from 'core/viewport/clientToWorld';\nimport type { DragGesturePoint } from './dragGesture';\n\nconst IDENTITY: ViewLike = { x: 0, y: 0, scale: { x: 1, y: 1 } };\n\n/**\n * The {@link DragGesturePoint} a pointer event stands for, for feeding\n * `useDragGesture`, `useDragRect`, or `useDragRadial` from raw pointer\n * handlers. `element` is the surface the gesture is measured on. With no\n * `view`, world coordinates are the position inside the element in CSS pixels.\n */\nexport function dragPointOf(\n  event: { clientX: number; clientY: number },\n  element: { getBoundingClientRect(): { left: number; top: number } },\n  view: ViewLike = IDENTITY,\n): DragGesturePoint {\n  const [worldX, worldY] = clientToWorld(event.clientX, event.clientY, element.getBoundingClientRect(), view);\n  return { clientX: event.clientX, clientY: event.clientY, worldX, worldY };\n}\n"],"mappings":";;AAGA,IAAMA,IAAqB;CAAE,GAAG;CAAG,GAAG;CAAG,OAAO;EAAE,GAAG;EAAG,GAAG;CAAE;AAAE;AAQ/D,SAAgBC,EACd,GACA,GACA,IAAiBD,GACC;CAClB,IAAM,CAACE,GAAQC,KAAUC,EAAcC,EAAM,SAASA,EAAM,SAASC,EAAQ,sBAAsB,GAAGC,CAAI;CAC1G,OAAO;EAAE,SAASF,EAAM;EAAS,SAASA,EAAM;EAAS;EAAQ;CAAO;AAC1E"}

package/dist/interactions/gestures/handleDrag/handleDrag.js

@@ -1,46 +1,41 @@
 import { useCallback as e, useEffect as t, useRef as n } from "react";
-import { clientToCanvasRect as r, openPointerSession as i } from "@weasel-js/routing";
+import { useLatest as r } from "@weasel-js/react";
+import { clientToCanvasRect as i, openPointerSession as a } from "@weasel-js/routing";
 //#region src/interactions/gestures/handleDrag/handleDrag.ts
-function a(e) {
+function o(e) {
 	return e instanceof SVGElement && e.ownerSVGElement ? e.ownerSVGElement : e;
 }
-function o(o) {
-	let { onMove: s, onStart: c, onEnd: l, onCancel: u, getRect: d } = o, f = n(null);
+function s(s) {
+	let c = r(s), l = n(null);
 	return t(() => () => {
-		f.current?.cancel();
+		l.current?.cancel();
 	}, []), { onPointerDown: e((e) => {
-		e.preventDefault(), f.current?.cancel();
-		let t = e.currentTarget, n = (d ? d(t) : a(t)).getBoundingClientRect(), o = (e, t) => {
-			let [i, a] = r(n, e, t);
+		e.preventDefault(), l.current?.cancel();
+		let t = e.currentTarget, { getRect: n, onStart: r } = c.current, s = (n ? n(t) : o(t)).getBoundingClientRect(), u = (e, t) => {
+			let [n, r] = i(s, e, t);
 			return {
-				x: i,
-				y: a
+				x: n,
+				y: r
 			};
-		}, p = !1;
-		f.current = i(t, e, {
+		}, d = !1;
+		l.current = a(t, e, {
 			onMove: (e) => {
-				p = !0, s(o(e.clientX, e.clientY), e);
+				d = !0, c.current.onMove(u(e.clientX, e.clientY), e);
 			},
 			onEnd: (e) => {
-				f.current = null, l?.({
-					point: o(e.clientX, e.clientY),
-					moved: p,
+				l.current = null, c.current.onEnd?.({
+					point: u(e.clientX, e.clientY),
+					moved: d,
 					event: e
 				});
 			},
 			onCancel: (e) => {
-				f.current = null, u?.(e);
+				l.current = null, c.current.onCancel?.(e);
 			}
-		}), c?.(o(e.clientX, e.clientY), e);
-	}, [
-		s,
-		c,
-		l,
-		u,
-		d
-	]) };
+		}), r?.(u(e.clientX, e.clientY), e);
+	}, [c]) };
 }
 //#endregion
-export { o as useHandleDrag };
+export { s as useHandleDrag };
 
 //# sourceMappingURL=handleDrag.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"handleDrag.js","names":["defaultRectEl","target","useHandleDrag","opts","live","useRef","useEffect","useCallback","rect","getRect","localOf","x","y","clientToCanvasRect","clientX","clientY","moved","openPointerSession","onMove","ev","onEnd","onCancel","reason","onStart"],"sources":["../../../../src/interactions/gestures/handleDrag/handleDrag.ts"],"sourcesContent":["import { useCallback, useEffect, useRef } from 'react';\nimport { clientToCanvasRect } from '@weasel-js/routing';\nimport { openPointerSession, type PointerSession, type PointerSessionCancelReason } from '@weasel-js/routing';\n\n/** A 2D point in the rect element's local coordinate space. */\nexport interface HandleDragPoint {\n  x: number;\n  y: number;\n}\n\n/** What a released drag reports. */\nexport interface HandleDragEnd {\n  /** Where the pointer was let go, in the rect element's local space. */\n  point: HandleDragPoint;\n  /** False when the pointer never moved — a press, not a drag. Commit-on-end\n   *  consumers use this to tell an edit from a stray click. */\n  moved: boolean;\n  event: PointerEvent;\n}\n\n/** Options for {@link useHandleDrag}. */\nexport interface UseHandleDragOptions<T extends HTMLElement | SVGElement> {\n  /** Called on every `pointermove` with coords local to the rect element (see `getRect`). */\n  onMove: (p: HandleDragPoint, e: PointerEvent) => void;\n  /** Called on `pointerdown` with the same local coords passed to `onMove`. */\n  onStart?: (p: HandleDragPoint, e: React.PointerEvent<T>) => void;\n  /** The pointer was released. Not called when the drag is cancelled — a\n   *  cancelled gesture is not an edit, and conflating the two made every\n   *  commit-on-end consumer sniff the event type to tell them apart. */\n  onEnd?: (end: HandleDragEnd) => void;\n  /** The drag ended without a release: the pointer was cancelled, capture was\n   *  lost, or the component unmounted mid-gesture. */\n  onCancel?: (reason: PointerSessionCancelReason) => void;\n  /**\n   * Element whose `getBoundingClientRect()` defines the local coordinate\n   * space. Defaults to the handle target's owning `<svg>` if it has one,\n   * otherwise the target itself.\n   */\n  getRect?: (target: T) => Element;\n}\n\n/** Return shape of {@link useHandleDrag}. */\nexport interface UseHandleDragReturn<T extends HTMLElement | SVGElement> {\n  onPointerDown: (e: React.PointerEvent<T>) => void;\n}\n\nfunction defaultRectEl(target: HTMLElement | SVGElement): Element {\n  if (target instanceof SVGElement && target.ownerSVGElement) {\n    return target.ownerSVGElement;\n  }\n  return target;\n}\n\n/**\n * Pointer drag for SVG/HTML handles. On `pointerdown` opens a\n * {@link openPointerSession | pointer session} on the handle, then forwards\n * every move to `onMove` with coordinates local to the rect-providing element\n * (defaulting to the handle's owning `<svg>`).\n *\n * The rect is measured once, at the press: a handle that moves under its own\n * drag must not shift the space its coordinates are reported in.\n */\nexport function useHandleDrag<T extends HTMLElement | SVGElement>(\n  opts: UseHandleDragOptions<T>,\n): UseHandleDragReturn<T> {\n  const { onMove, onStart, onEnd, onCancel, getRect } = opts;\n  const live = useRef<PointerSession | null>(null);\n\n  useEffect(() => () => { live.current?.cancel(); }, []);\n\n  const onPointerDown = useCallback(\n    (e: React.PointerEvent<T>) => {\n      e.preventDefault();\n      live.current?.cancel();\n\n      const target = e.currentTarget;\n      const rectEl = getRect ? getRect(target) : defaultRectEl(target);\n      const rect = rectEl.getBoundingClientRect();\n      const localOf = (clientX: number, clientY: number): HandleDragPoint => {\n        const [x, y] = clientToCanvasRect(rect, clientX, clientY);\n        return { x, y };\n      };\n\n      let moved = false;\n      live.current = openPointerSession(target, e, {\n        onMove: (ev) => {\n          moved = true;\n          onMove(localOf(ev.clientX, ev.clientY), ev);\n        },\n        onEnd: (ev) => {\n          live.current = null;\n          onEnd?.({ point: localOf(ev.clientX, ev.clientY), moved, event: ev });\n        },\n        onCancel: (reason) => {\n          live.current = null;\n          onCancel?.(reason);\n        },\n      });\n\n      onStart?.(localOf(e.clientX, e.clientY), e);\n    },\n    [onMove, onStart, onEnd, onCancel, getRect],\n  );\n\n  return { onPointerDown };\n}\n"],"mappings":";;;AA8CA,SAASA,EAAc,GAA2C;CAIhE,OAHIC,aAAkB,cAAcA,EAAO,kBAClCA,EAAO,kBAETA;AACT;AAWA,SAAgBC,EACd,GACwB;CACxB,IAAM,EAAE,WAAQ,YAAS,UAAO,aAAU,eAAYC,GAChDC,IAAOC,EAA8B,IAAI;CAsC/C,OApCAC,cAAsB;EAAE,EAAK,SAAS,OAAO;CAAG,GAAG,CAAC,CAAC,GAoC9C,EAAE,eAlCaC,GACnB,MAA6B;EAE5B,AADA,EAAE,eAAe,GACjBH,EAAK,SAAS,OAAO;EAErB,IAAMH,IAAS,EAAE,eAEXO,KADSC,IAAUA,EAAQR,CAAM,IAAID,EAAcC,CAAM,EAAA,CAC3C,sBAAsB,GACpCS,KAAW,GAAiB,MAAqC;GACrE,IAAM,CAACC,GAAGC,KAAKC,EAAmBL,GAAMM,GAASC,CAAO;GACxD,OAAO;IAAE;IAAG;GAAE;EAChB,GAEIC,IAAQ;EAgBZ,AAfA,EAAK,UAAUC,EAAmBhB,GAAQ,GAAG;GAC3C,SAAS,MAAO;IAEd,AADA,IAAQ,IACRiB,EAAOR,EAAQS,EAAG,SAASA,EAAG,OAAO,GAAGA,CAAE;GAC5C;GACA,QAAQ,MAAO;IAEb,AADA,EAAK,UAAU,MACfC,IAAQ;KAAE,OAAOV,EAAQS,EAAG,SAASA,EAAG,OAAO;KAAG;KAAO,OAAOA;IAAG,CAAC;GACtE;GACA,WAAW,MAAW;IAEpB,AADA,EAAK,UAAU,MACfE,IAAWC,CAAM;GACnB;EACF,CAAC,GAEDC,IAAUb,EAAQ,EAAE,SAAS,EAAE,OAAO,GAAG,CAAC;CAC5C,GACA;EAACQ;EAAQK;EAASH;EAAOC;EAAUZ;CAAO,CAGnC,EAAc;AACzB"}
+{"version":3,"file":"handleDrag.js","names":["defaultRectEl","target","useHandleDrag","optsRef","useLatest","opts","live","useRef","useEffect","useCallback","rect","getRect","localOf","x","y","clientToCanvasRect","clientX","clientY","moved","openPointerSession","ev","reason","onStart"],"sources":["../../../../src/interactions/gestures/handleDrag/handleDrag.ts"],"sourcesContent":["import { useCallback, useEffect, useRef } from 'react';\nimport { useLatest } from '@weasel-js/react';\nimport { clientToCanvasRect } from '@weasel-js/routing';\nimport { openPointerSession, type PointerSession, type PointerSessionCancelReason } from '@weasel-js/routing';\n\n/** A 2D point in the rect element's local coordinate space. */\nexport interface HandleDragPoint {\n  x: number;\n  y: number;\n}\n\n/** What a released drag reports. */\nexport interface HandleDragEnd {\n  /** Where the pointer was let go, in the rect element's local space. */\n  point: HandleDragPoint;\n  /** False when the pointer never moved — a press, not a drag. Commit-on-end\n   *  consumers use this to tell an edit from a stray click. */\n  moved: boolean;\n  event: PointerEvent;\n}\n\n/** Options for {@link useHandleDrag}. */\nexport interface UseHandleDragOptions<T extends HTMLElement | SVGElement> {\n  /** Called on every `pointermove` with coords local to the rect element (see `getRect`). */\n  onMove: (p: HandleDragPoint, e: PointerEvent) => void;\n  /** Called on `pointerdown` with the same local coords passed to `onMove`. */\n  onStart?: (p: HandleDragPoint, e: React.PointerEvent<T>) => void;\n  /** The pointer was released. Not called when the drag is cancelled — a\n   *  cancelled gesture is not an edit, and conflating the two made every\n   *  commit-on-end consumer sniff the event type to tell them apart. */\n  onEnd?: (end: HandleDragEnd) => void;\n  /** The drag ended without a release: the pointer was cancelled, capture was\n   *  lost, or the component unmounted mid-gesture. */\n  onCancel?: (reason: PointerSessionCancelReason) => void;\n  /**\n   * Element whose `getBoundingClientRect()` defines the local coordinate\n   * space. Defaults to the handle target's owning `<svg>` if it has one,\n   * otherwise the target itself.\n   */\n  getRect?: (target: T) => Element;\n}\n\n/** Return shape of {@link useHandleDrag}. */\nexport interface UseHandleDragReturn<T extends HTMLElement | SVGElement> {\n  onPointerDown: (e: React.PointerEvent<T>) => void;\n}\n\nfunction defaultRectEl(target: HTMLElement | SVGElement): Element {\n  if (target instanceof SVGElement && target.ownerSVGElement) {\n    return target.ownerSVGElement;\n  }\n  return target;\n}\n\n/**\n * Pointer drag for SVG/HTML handles. On `pointerdown` opens a\n * {@link openPointerSession | pointer session} on the handle, then forwards\n * every move to `onMove` with coordinates local to the rect-providing element\n * (defaulting to the handle's owning `<svg>`).\n *\n * The rect is measured once, at the press: a handle that moves under its own\n * drag must not shift the space its coordinates are reported in.\n */\nexport function useHandleDrag<T extends HTMLElement | SVGElement>(\n  opts: UseHandleDragOptions<T>,\n): UseHandleDragReturn<T> {\n  // A drag outlives the render that saw its press, and its callbacks have to\n  // be the current ones: `onEnd` commonly closes over state `onMove` set.\n  const optsRef = useLatest(opts);\n  const live = useRef<PointerSession | null>(null);\n\n  useEffect(() => () => { live.current?.cancel(); }, []);\n\n  const onPointerDown = useCallback(\n    (e: React.PointerEvent<T>) => {\n      e.preventDefault();\n      live.current?.cancel();\n\n      const target = e.currentTarget;\n      const { getRect, onStart } = optsRef.current;\n      const rectEl = getRect ? getRect(target) : defaultRectEl(target);\n      const rect = rectEl.getBoundingClientRect();\n      const localOf = (clientX: number, clientY: number): HandleDragPoint => {\n        const [x, y] = clientToCanvasRect(rect, clientX, clientY);\n        return { x, y };\n      };\n\n      let moved = false;\n      live.current = openPointerSession(target, e, {\n        onMove: (ev) => {\n          moved = true;\n          optsRef.current.onMove(localOf(ev.clientX, ev.clientY), ev);\n        },\n        onEnd: (ev) => {\n          live.current = null;\n          optsRef.current.onEnd?.({ point: localOf(ev.clientX, ev.clientY), moved, event: ev });\n        },\n        onCancel: (reason) => {\n          live.current = null;\n          optsRef.current.onCancel?.(reason);\n        },\n      });\n\n      onStart?.(localOf(e.clientX, e.clientY), e);\n    },\n    [optsRef],\n  );\n\n  return { onPointerDown };\n}\n"],"mappings":";;;;AA+CA,SAASA,EAAc,GAA2C;CAIhE,OAHIC,aAAkB,cAAcA,EAAO,kBAClCA,EAAO,kBAETA;AACT;AAWA,SAAgBC,EACd,GACwB;CAGxB,IAAMC,IAAUC,EAAUC,CAAI,GACxBC,IAAOC,EAA8B,IAAI;CAuC/C,OArCAC,cAAsB;EAAE,EAAK,SAAS,OAAO;CAAG,GAAG,CAAC,CAAC,GAqC9C,EAAE,eAnCaC,GACnB,MAA6B;EAE5B,AADA,EAAE,eAAe,GACjBH,EAAK,SAAS,OAAO;EAErB,IAAML,IAAS,EAAE,eACX,EAAE,YAAS,eAAYE,EAAQ,SAE/BO,KADSC,IAAUA,EAAQV,CAAM,IAAID,EAAcC,CAAM,EAAA,CAC3C,sBAAsB,GACpCW,KAAW,GAAiB,MAAqC;GACrE,IAAM,CAACC,GAAGC,KAAKC,EAAmBL,GAAMM,GAASC,CAAO;GACxD,OAAO;IAAE;IAAG;GAAE;EAChB,GAEIC,IAAQ;EAgBZ,AAfA,EAAK,UAAUC,EAAmBlB,GAAQ,GAAG;GAC3C,SAAS,MAAO;IAEd,AADA,IAAQ,IACRE,EAAQ,QAAQ,OAAOS,EAAQQ,EAAG,SAASA,EAAG,OAAO,GAAGA,CAAE;GAC5D;GACA,QAAQ,MAAO;IAEb,AADA,EAAK,UAAU,MACfjB,EAAQ,QAAQ,QAAQ;KAAE,OAAOS,EAAQQ,EAAG,SAASA,EAAG,OAAO;KAAG;KAAO,OAAOA;IAAG,CAAC;GACtF;GACA,WAAW,MAAW;IAEpB,AADA,EAAK,UAAU,MACfjB,EAAQ,QAAQ,WAAWkB,CAAM;GACnC;EACF,CAAC,GAEDC,IAAUV,EAAQ,EAAE,SAAS,EAAE,OAAO,GAAG,CAAC;CAC5C,GACA,CAACT,CAAO,CAGD,EAAc;AACzB"}

package/dist/interactions/gestures/pointerDrag/pointerDrag.js

@@ -1,66 +1,85 @@
 import { useCallback as e, useEffect as t, useRef as n } from "react";
 import { useLatest as r } from "@weasel-js/react";
 import { openPointerSession as i, pastDragThreshold as a } from "@weasel-js/routing";
+import { fixedSeat as o } from "@weasel-js/gestures";
 //#region src/interactions/gestures/pointerDrag/pointerDrag.ts
-var o = /* @__PURE__ */ new Set(), s = null;
-function c(e) {
-	return o.add(e), () => {
-		s?.lastZone === e && (s.lastZone = null), o.delete(e);
+var s = /* @__PURE__ */ new Set(), c = null;
+function l(e) {
+	return s.add(e), () => {
+		c?.lastZone === e && (c.lastZone = null), s.delete(e);
 	};
 }
-function l(e, t, n) {
+function u(e, t, n) {
 	let r = document.elementFromPoint(e, t);
 	if (!r) return null;
-	for (let e of o) if (e.el.contains(r) && e.accepts(n)) return e;
+	for (let e of s) if (e.el.contains(r) && e.accepts(n)) return e;
 	return null;
 }
-function u(e, t) {
+function d(e, t) {
 	let n = e.getBoundingClientRect(), r = e.cloneNode(!0);
-	if (r.style.position = "fixed", r.style.left = "0", r.style.top = "0", r.style.width = `${n.width}px`, r.style.height = `${n.height}px`, r.style.margin = "0", r.style.pointerEvents = "none", r.style.opacity = "0.85", r.style.zIndex = "10000", r.style.transition = "none", r.style.transformOrigin = "center center", t.ids.length > 1) {
+	if (r.style.position = "fixed", r.style.left = "0", r.style.top = "0", r.style.width = `${n.width}px`, r.style.height = `${n.height}px`, r.style.margin = "0", r.style.pointerEvents = "none", r.style.opacity = "0.85", r.style.zIndex = "var(--wzl-z-drag, 10000)", r.style.transition = "none", r.style.transformOrigin = "center center", r.style.fontFamily = getComputedStyle(e).fontFamily, t.ids.length > 1) {
 		let e = document.createElement("div");
 		e.textContent = String(t.ids.length), e.style.position = "absolute", e.style.top = "-6px", e.style.right = "-6px", e.style.background = "#FFC857", e.style.color = "#000", e.style.borderRadius = "999px", e.style.padding = "2px 8px", e.style.fontWeight = "bold", e.style.fontSize = "12px", e.style.boxShadow = "0 2px 6px rgba(0,0,0,0.4)", r.appendChild(e);
 	}
 	return r;
 }
-function d(e, t, n) {
-	e.style.transform = `translate(${t - e.offsetWidth / 2}px, ${n - e.offsetHeight / 2}px) scale(0.92)`;
+function f(e, t, n, r) {
+	e.style.transform = `translate(${n - t.left - e.offsetWidth / 2}px, ${r - t.top - e.offsetHeight / 2}px) scale(0.92)`;
 }
-function f(e, t, n, r, i) {
-	if (s) return null;
-	let a = i(t, e);
-	document.body.appendChild(a), d(a, n, r), s = {
+function p(e, t, n, r, i) {
+	if (c) return null;
+	let a = i(t, e), s = o(t);
+	s.host.appendChild(a), f(a, s, n, r), c = {
 		payload: e,
 		ghost: a,
+		seat: s,
 		lastZone: null
 	};
-	let o = () => {
-		s?.ghost.remove(), s = null;
+	let l = () => {
+		c?.ghost.remove(), c = null;
 	};
 	return {
 		move(t) {
-			if (!s) return;
-			d(s.ghost, t.clientX, t.clientY);
-			let n = l(t.clientX, t.clientY, e.kind);
-			n !== s.lastZone && (s.lastZone?.onOver?.(!1), n?.onOver?.(!0), s.lastZone = n), n?.onMove?.(e, t.clientX, t.clientY);
+			if (!c) return;
+			f(c.ghost, c.seat, t.clientX, t.clientY);
+			let n = u(t.clientX, t.clientY, e.kind);
+			n !== c.lastZone && (c.lastZone?.onOver?.(!1), n?.onOver?.(!0), c.lastZone = n), n?.onMove?.(e, t.clientX, t.clientY);
 		},
 		drop(t) {
-			if (!s) return;
-			let n = l(t.clientX, t.clientY, e.kind), r = s.payload;
-			s.lastZone?.onOver?.(!1);
+			if (!c) return;
+			let n = u(t.clientX, t.clientY, e.kind), r = c.payload;
+			c.lastZone?.onOver?.(!1);
 			try {
 				n && n.onDrop(r, t.clientX, t.clientY);
 			} catch (e) {
 				console.error("weasel pointerDrag: drop zone onDrop threw", e);
 			} finally {
-				o();
+				l();
 			}
 		},
 		cancel() {
-			s?.lastZone?.onOver?.(!1), o();
+			c?.lastZone?.onOver?.(!1), l();
 		}
 	};
 }
-function p(o, s) {
+function m(e, t, n) {
+	let r = (i) => {
+		if (i.pointerId === t) {
+			for (let t of [
+				"pointerup",
+				"pointercancel",
+				"pointerdown"
+			]) e.removeEventListener(t, r, !0);
+			i.type === "pointerup" ? setTimeout(n, 0) : n();
+		}
+	};
+	for (let t of [
+		"pointerup",
+		"pointercancel",
+		"pointerdown"
+	]) e.addEventListener(t, r, !0);
+}
+function h(o, s) {
 	let c = r(s), l = n(null);
 	return t(() => () => {
 		l.current?.cancel();
@@ -72,38 +91,40 @@ function p(o, s) {
 			let n = {
 				clientX: e.clientX,
 				clientY: e.clientY
-			}, r = null, s = !1;
+			}, r = e.pointerId, s = null, u = !1, f = null;
 			l.current = i(t, e, {
 				onMove: (e) => {
-					if (r) {
-						r.move(e);
+					if (s) {
+						s.move(e);
 						return;
 					}
-					if (s || !a(n, e)) return;
-					s = !0;
-					let i = o();
-					i && (t.addEventListener("click", (e) => {
+					if (u || !a(n, e)) return;
+					u = !0;
+					let r = o();
+					if (!r) return;
+					let i = (e) => {
 						e.stopPropagation(), e.preventDefault();
-					}, {
+					};
+					t.addEventListener("click", i, {
 						capture: !0,
 						once: !0
-					}), r = f(i, t, e.clientX, e.clientY, c.current?.createGhost ?? u));
+					}), f = () => t.removeEventListener("click", i, { capture: !0 }), s = p(r, t, e.clientX, e.clientY, c.current?.createGhost ?? d);
 				},
 				onEnd: (e) => {
-					l.current = null, r?.drop(e);
+					l.current = null, s?.drop(e), f && setTimeout(f, 0);
 				},
-				onCancel: () => {
-					l.current = null, r?.cancel();
+				onCancel: (e) => {
+					l.current = null, s?.cancel(), f && (e === "aborted" ? m(t.ownerDocument, r, f) : f());
 				}
 			}, { capture: !1 });
 		}, [o, c]),
 		style: { touchAction: "none" }
 	};
 }
-function m(t) {
+function g(t) {
 	let i = r(t), a = n(null);
 	return e((e) => {
-		a.current?.(), a.current = null, e && (a.current = c({
+		a.current?.(), a.current = null, e && (a.current = l({
 			el: e,
 			accepts: (e) => i.current.accepts(e),
 			onDrop: (e, t, n) => i.current.onDrop(e, t, n),
@@ -113,6 +134,6 @@ function m(t) {
 	}, [i]);
 }
 //#endregion
-export { p as useDragHandle, m as useDropZone };
+export { h as useDragHandle, g as useDropZone };
 
 //# sourceMappingURL=pointerDrag.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"pointerDrag.js","names":["dropZones","activeDrag","registerDropZone","zone","findZone","el","x","y","z","kind","defaultGhost","rect","source","clone","payload","badge","positionGhost","beginPointerDrag","ghost","ghostFn","startX","startY","teardown","e","dropped","err","useDragHandle","optsRef","useLatest","options","live","useRef","useEffect","useCallback","target","start","past","openPointerSession","ev","pastDragThreshold","getPayload","ce","useDropZone","opts","cleanupRef","k","p","a"],"sources":["../../../../src/interactions/gestures/pointerDrag/pointerDrag.ts"],"sourcesContent":["import { useCallback, useEffect, useRef } from 'react';\nimport { useLatest } from '@weasel-js/react';\nimport { openPointerSession, pastDragThreshold, type PointerSession } from '@weasel-js/routing';\n\n/** Payload carried by an in-flight pointer drag — `kind` routes to drop zones, `ids` lists the dragged items. */\nexport interface DragPayload {\n  kind: string;\n  ids: string[];\n  data?: unknown;\n}\n\ninterface DropZone {\n  el: HTMLElement;\n  accepts: (kind: string) => boolean;\n  onDrop: (payload: DragPayload, clientX: number, clientY: number) => void;\n  onOver?: (active: boolean) => void;\n  onMove?: (payload: DragPayload, clientX: number, clientY: number) => void;\n}\n\nconst dropZones = new Set<DropZone>();\nlet activeDrag: { payload: DragPayload; ghost: HTMLElement; lastZone: DropZone | null } | null = null;\n\nfunction registerDropZone(zone: DropZone): () => void {\n  dropZones.add(zone);\n  return () => {\n    if (activeDrag?.lastZone === zone) activeDrag.lastZone = null;\n    dropZones.delete(zone);\n  };\n}\n\nfunction findZone(x: number, y: number, kind: string): DropZone | null {\n  const el = document.elementFromPoint(x, y);\n  if (!el) return null;\n  for (const z of dropZones) {\n    if (z.el.contains(el) && z.accepts(kind)) return z;\n  }\n  return null;\n}\n\nfunction defaultGhost(source: HTMLElement, payload: DragPayload): HTMLElement {\n  const rect = source.getBoundingClientRect();\n  const clone = source.cloneNode(true) as HTMLElement;\n  clone.style.position = 'fixed';\n  clone.style.left = '0';\n  clone.style.top = '0';\n  clone.style.width = `${rect.width}px`;\n  clone.style.height = `${rect.height}px`;\n  clone.style.margin = '0';\n  clone.style.pointerEvents = 'none';\n  clone.style.opacity = '0.85';\n  clone.style.zIndex = '10000';\n  clone.style.transition = 'none';\n  clone.style.transformOrigin = 'center center';\n  if (payload.ids.length > 1) {\n    const badge = document.createElement('div');\n    badge.textContent = String(payload.ids.length);\n    badge.style.position = 'absolute';\n    badge.style.top = '-6px';\n    badge.style.right = '-6px';\n    badge.style.background = '#FFC857';\n    badge.style.color = '#000';\n    badge.style.borderRadius = '999px';\n    badge.style.padding = '2px 8px';\n    badge.style.fontWeight = 'bold';\n    badge.style.fontSize = '12px';\n    badge.style.boxShadow = '0 2px 6px rgba(0,0,0,0.4)';\n    clone.appendChild(badge);\n  }\n  return clone;\n}\n\nfunction positionGhost(el: HTMLElement, x: number, y: number) {\n  el.style.transform = `translate(${x - el.offsetWidth / 2}px, ${y - el.offsetHeight / 2}px) scale(0.92)`;\n}\n\n/** The ghost-and-zones half of a drag, driven by whoever owns the pointer. */\ninterface GhostDrag {\n  move: (e: PointerEvent) => void;\n  drop: (e: PointerEvent) => void;\n  cancel: () => void;\n}\n\nfunction beginPointerDrag(\n  payload: DragPayload,\n  source: HTMLElement,\n  startX: number,\n  startY: number,\n  ghostFn: (source: HTMLElement, payload: DragPayload) => HTMLElement,\n): GhostDrag | null {\n  if (activeDrag) return null;\n  const ghost = ghostFn(source, payload);\n  document.body.appendChild(ghost);\n  positionGhost(ghost, startX, startY);\n  activeDrag = { payload, ghost, lastZone: null };\n\n  const teardown = () => {\n    activeDrag?.ghost.remove();\n    activeDrag = null;\n  };\n\n  return {\n    move(e) {\n      if (!activeDrag) return;\n      positionGhost(activeDrag.ghost, e.clientX, e.clientY);\n      const zone = findZone(e.clientX, e.clientY, payload.kind);\n      if (zone !== activeDrag.lastZone) {\n        activeDrag.lastZone?.onOver?.(false);\n        zone?.onOver?.(true);\n        activeDrag.lastZone = zone;\n      }\n      zone?.onMove?.(payload, e.clientX, e.clientY);\n    },\n    drop(e) {\n      if (!activeDrag) return;\n      const zone = findZone(e.clientX, e.clientY, payload.kind);\n      const dropped = activeDrag.payload;\n      activeDrag.lastZone?.onOver?.(false);\n      // `activeDrag` is module state and gates every future drag, so a throwing\n      // consumer `onDrop` must not be able to strand it.\n      try {\n        if (zone) zone.onDrop(dropped, e.clientX, e.clientY);\n      } catch (err) {\n        console.error('weasel pointerDrag: drop zone onDrop threw', err);\n      } finally {\n        teardown();\n      }\n    },\n    cancel() {\n      activeDrag?.lastZone?.onOver?.(false);\n      teardown();\n    },\n  };\n}\n\n/** Options for `useDragHandle`; supply `createGhost` to override the default DOM-clone ghost. */\nexport interface DragHandleOptions {\n  createGhost?: (source: HTMLElement, payload: DragPayload) => HTMLElement;\n}\n\n/** Attach a pointer-driven drag handle: `getPayload` is read at threshold-cross time and a ghost follows the pointer. */\nexport function useDragHandle(\n  getPayload: () => DragPayload | null,\n  options?: DragHandleOptions,\n) {\n  const optsRef = useLatest(options);\n  // One session spans the whole press, threshold and all, so a release that\n  // never arrives — the row unmounts under the pointer — cannot strand the\n  // ghost or its listeners. Before, the two phases owned separate listener\n  // triples and only the pre-threshold one was torn down on unmount.\n  const live = useRef<PointerSession | null>(null);\n  useEffect(() => () => { live.current?.cancel(); }, []);\n\n  const onPointerDown = useCallback((e: React.PointerEvent<HTMLElement>) => {\n    if (e.pointerType === 'mouse' && e.button !== 0) return;\n    const target = e.currentTarget as HTMLElement;\n    if (e.target instanceof HTMLElement && e.target.closest('input, button, select, textarea')) return;\n    const start = { clientX: e.clientX, clientY: e.clientY };\n    let ghost: GhostDrag | null = null;\n    let past = false;\n\n    // No pointer capture: zones are resolved with `document.elementFromPoint`,\n    // which capture would not help, and the source row is free to be removed\n    // and re-rendered under the drag.\n    live.current = openPointerSession(target, e, {\n      onMove: (ev) => {\n        if (ghost) { ghost.move(ev); return; }\n        if (past) return;\n        if (!pastDragThreshold(start, ev)) return;\n        past = true;\n        const payload = getPayload();\n        if (!payload) return;\n        target.addEventListener(\n          'click',\n          (ce) => { ce.stopPropagation(); ce.preventDefault(); },\n          { capture: true, once: true },\n        );\n        ghost = beginPointerDrag(\n          payload, target, ev.clientX, ev.clientY,\n          optsRef.current?.createGhost ?? defaultGhost,\n        );\n      },\n      onEnd: (ev) => { live.current = null; ghost?.drop(ev); },\n      onCancel: () => { live.current = null; ghost?.cancel(); },\n    }, { capture: false });\n  }, [getPayload, optsRef]);\n\n  return { onPointerDown, style: { touchAction: 'none' as const } };\n}\n\n/** Options for `useDropZone`; `accepts` filters by `payload.kind`. */\nexport interface DropZoneOptions {\n  accepts: (kind: string) => boolean;\n  onDrop: (payload: DragPayload, clientX: number, clientY: number) => void;\n  onOver?: (active: boolean) => void;\n  onMove?: (payload: DragPayload, clientX: number, clientY: number) => void;\n}\n\n/** Register an element as a drop zone for `useDragHandle` payloads. Returns a ref-callback. */\nexport function useDropZone<T extends HTMLElement>(opts: DropZoneOptions): (el: T | null) => void {\n  const optsRef = useLatest(opts);\n  const cleanupRef = useRef<(() => void) | null>(null);\n  return useCallback((el: T | null) => {\n    cleanupRef.current?.();\n    cleanupRef.current = null;\n    if (!el) return;\n    cleanupRef.current = registerDropZone({\n      el,\n      accepts: (k) => optsRef.current.accepts(k),\n      onDrop: (p, x, y) => optsRef.current.onDrop(p, x, y),\n      onOver: (a) => optsRef.current.onOver?.(a),\n      onMove: (p, x, y) => optsRef.current.onMove?.(p, x, y),\n    });\n  }, [optsRef]);\n}\n"],"mappings":"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"}
+{"version":3,"file":"pointerDrag.js","names":["dropZones","activeDrag","registerDropZone","zone","findZone","el","x","y","z","kind","defaultGhost","rect","source","clone","payload","badge","positionGhost","seat","beginPointerDrag","ghost","ghostFn","fixedSeat","startX","startY","teardown","e","dropped","err","afterRelease","on","pointerId","type","fn","useDragHandle","optsRef","useLatest","options","live","useRef","useEffect","useCallback","target","start","past","dropClickGuard","openPointerSession","ev","pastDragThreshold","getPayload","swallowClick","ce","reason","useDropZone","opts","cleanupRef","k","p","a"],"sources":["../../../../src/interactions/gestures/pointerDrag/pointerDrag.ts"],"sourcesContent":["import { useCallback, useEffect, useRef } from 'react';\nimport { useLatest } from '@weasel-js/react';\nimport { fixedSeat, type FixedSeat } from '@weasel-js/gestures';\nimport { openPointerSession, pastDragThreshold, type PointerSession } from '@weasel-js/routing';\n\n/** Payload carried by an in-flight pointer drag — `kind` routes to drop zones, `ids` lists the dragged items. */\nexport interface DragPayload {\n  kind: string;\n  ids: string[];\n  data?: unknown;\n}\n\ninterface DropZone {\n  el: HTMLElement;\n  accepts: (kind: string) => boolean;\n  onDrop: (payload: DragPayload, clientX: number, clientY: number) => void;\n  onOver?: (active: boolean) => void;\n  onMove?: (payload: DragPayload, clientX: number, clientY: number) => void;\n}\n\nconst dropZones = new Set<DropZone>();\nlet activeDrag: { payload: DragPayload; ghost: HTMLElement; seat: FixedSeat; lastZone: DropZone | null } | null = null;\n\nfunction registerDropZone(zone: DropZone): () => void {\n  dropZones.add(zone);\n  return () => {\n    if (activeDrag?.lastZone === zone) activeDrag.lastZone = null;\n    dropZones.delete(zone);\n  };\n}\n\nfunction findZone(x: number, y: number, kind: string): DropZone | null {\n  const el = document.elementFromPoint(x, y);\n  if (!el) return null;\n  for (const z of dropZones) {\n    if (z.el.contains(el) && z.accepts(kind)) return z;\n  }\n  return null;\n}\n\nfunction defaultGhost(source: HTMLElement, payload: DragPayload): HTMLElement {\n  const rect = source.getBoundingClientRect();\n  const clone = source.cloneNode(true) as HTMLElement;\n  clone.style.position = 'fixed';\n  clone.style.left = '0';\n  clone.style.top = '0';\n  clone.style.width = `${rect.width}px`;\n  clone.style.height = `${rect.height}px`;\n  clone.style.margin = '0';\n  clone.style.pointerEvents = 'none';\n  clone.style.opacity = '0.85';\n  clone.style.zIndex = 'var(--wzl-z-drag, 10000)';\n  clone.style.transition = 'none';\n  clone.style.transformOrigin = 'center center';\n  clone.style.fontFamily = getComputedStyle(source).fontFamily;\n  if (payload.ids.length > 1) {\n    const badge = document.createElement('div');\n    badge.textContent = String(payload.ids.length);\n    badge.style.position = 'absolute';\n    badge.style.top = '-6px';\n    badge.style.right = '-6px';\n    badge.style.background = '#FFC857';\n    badge.style.color = '#000';\n    badge.style.borderRadius = '999px';\n    badge.style.padding = '2px 8px';\n    badge.style.fontWeight = 'bold';\n    badge.style.fontSize = '12px';\n    badge.style.boxShadow = '0 2px 6px rgba(0,0,0,0.4)';\n    clone.appendChild(badge);\n  }\n  return clone;\n}\n\nfunction positionGhost(el: HTMLElement, seat: FixedSeat, x: number, y: number) {\n  el.style.transform = `translate(${x - seat.left - el.offsetWidth / 2}px, ${y - seat.top - el.offsetHeight / 2}px) scale(0.92)`;\n}\n\n/** The ghost-and-zones half of a drag, driven by whoever owns the pointer. */\ninterface GhostDrag {\n  move: (e: PointerEvent) => void;\n  drop: (e: PointerEvent) => void;\n  cancel: () => void;\n}\n\nfunction beginPointerDrag(\n  payload: DragPayload,\n  source: HTMLElement,\n  startX: number,\n  startY: number,\n  ghostFn: (source: HTMLElement, payload: DragPayload) => HTMLElement,\n): GhostDrag | null {\n  if (activeDrag) return null;\n  const ghost = ghostFn(source, payload);\n  const seat = fixedSeat(source);\n  seat.host.appendChild(ghost);\n  positionGhost(ghost, seat, startX, startY);\n  activeDrag = { payload, ghost, seat, lastZone: null };\n\n  const teardown = () => {\n    activeDrag?.ghost.remove();\n    activeDrag = null;\n  };\n\n  return {\n    move(e) {\n      if (!activeDrag) return;\n      positionGhost(activeDrag.ghost, activeDrag.seat, e.clientX, e.clientY);\n      const zone = findZone(e.clientX, e.clientY, payload.kind);\n      if (zone !== activeDrag.lastZone) {\n        activeDrag.lastZone?.onOver?.(false);\n        zone?.onOver?.(true);\n        activeDrag.lastZone = zone;\n      }\n      zone?.onMove?.(payload, e.clientX, e.clientY);\n    },\n    drop(e) {\n      if (!activeDrag) return;\n      const zone = findZone(e.clientX, e.clientY, payload.kind);\n      const dropped = activeDrag.payload;\n      activeDrag.lastZone?.onOver?.(false);\n      // `activeDrag` is module state and gates every future drag, so a throwing\n      // consumer `onDrop` must not be able to strand it.\n      try {\n        if (zone) zone.onDrop(dropped, e.clientX, e.clientY);\n      } catch (err) {\n        console.error('weasel pointerDrag: drop zone onDrop threw', err);\n      } finally {\n        teardown();\n      }\n    },\n    cancel() {\n      activeDrag?.lastZone?.onOver?.(false);\n      teardown();\n    },\n  };\n}\n\n/**\n * Run `fn` once pointer `pointerId` is no longer held: a beat after its\n * release, so a click that release brings is dispatched first, or at once when\n * the pointer is canceled or pressed again.\n */\nfunction afterRelease(doc: Document, pointerId: number, fn: () => void): void {\n  const on = (e: PointerEvent) => {\n    if (e.pointerId !== pointerId) return;\n    for (const type of ['pointerup', 'pointercancel', 'pointerdown'] as const) doc.removeEventListener(type, on, true);\n    if (e.type === 'pointerup') setTimeout(fn, 0);\n    else fn();\n  };\n  for (const type of ['pointerup', 'pointercancel', 'pointerdown'] as const) doc.addEventListener(type, on, true);\n}\n\n/** Options for `useDragHandle`; supply `createGhost` to override the default DOM-clone ghost. */\nexport interface DragHandleOptions {\n  createGhost?: (source: HTMLElement, payload: DragPayload) => HTMLElement;\n}\n\n/** Attach a pointer-driven drag handle: `getPayload` is read at threshold-cross time and a ghost follows the pointer. */\nexport function useDragHandle(\n  getPayload: () => DragPayload | null,\n  options?: DragHandleOptions,\n) {\n  const optsRef = useLatest(options);\n  // One session spans the whole press, threshold and all, so a release that\n  // never arrives — the row unmounts under the pointer — cannot strand the\n  // ghost or its listeners. Before, the two phases owned separate listener\n  // triples and only the pre-threshold one was torn down on unmount.\n  const live = useRef<PointerSession | null>(null);\n  useEffect(() => () => { live.current?.cancel(); }, []);\n\n  const onPointerDown = useCallback((e: React.PointerEvent<HTMLElement>) => {\n    if (e.pointerType === 'mouse' && e.button !== 0) return;\n    const target = e.currentTarget as HTMLElement;\n    if (e.target instanceof HTMLElement && e.target.closest('input, button, select, textarea')) return;\n    const start = { clientX: e.clientX, clientY: e.clientY };\n    const pointerId = e.pointerId;\n    let ghost: GhostDrag | null = null;\n    let past = false;\n    let dropClickGuard: (() => void) | null = null;\n\n    // No pointer capture: zones are resolved with `document.elementFromPoint`,\n    // which capture would not help, and the source row is free to be removed\n    // and re-rendered under the drag.\n    live.current = openPointerSession(target, e, {\n      onMove: (ev) => {\n        if (ghost) { ghost.move(ev); return; }\n        if (past) return;\n        if (!pastDragThreshold(start, ev)) return;\n        past = true;\n        const payload = getPayload();\n        if (!payload) return;\n        const swallowClick = (ce: MouseEvent) => { ce.stopPropagation(); ce.preventDefault(); };\n        target.addEventListener('click', swallowClick, { capture: true, once: true });\n        dropClickGuard = () => target.removeEventListener('click', swallowClick, { capture: true });\n        ghost = beginPointerDrag(\n          payload, target, ev.clientX, ev.clientY,\n          optsRef.current?.createGhost ?? defaultGhost,\n        );\n      },\n      onEnd: (ev) => {\n        live.current = null;\n        ghost?.drop(ev);\n        // A release away from the source sends it no click, and the guard\n        // would eat the next real one. Any click this release does bring is\n        // dispatched before a timer runs.\n        if (dropClickGuard) setTimeout(dropClickGuard, 0);\n      },\n      onCancel: (reason) => {\n        live.current = null;\n        ghost?.cancel();\n        if (!dropClickGuard) return;\n        // Only an abort leaves the button down, with a release still to come.\n        if (reason === 'aborted') afterRelease(target.ownerDocument, pointerId, dropClickGuard);\n        else dropClickGuard();\n      },\n    }, { capture: false });\n  }, [getPayload, optsRef]);\n\n  return { onPointerDown, style: { touchAction: 'none' as const } };\n}\n\n/** Options for `useDropZone`; `accepts` filters by `payload.kind`. */\nexport interface DropZoneOptions {\n  accepts: (kind: string) => boolean;\n  onDrop: (payload: DragPayload, clientX: number, clientY: number) => void;\n  onOver?: (active: boolean) => void;\n  onMove?: (payload: DragPayload, clientX: number, clientY: number) => void;\n}\n\n/** Register an element as a drop zone for `useDragHandle` payloads. Returns a ref-callback. */\nexport function useDropZone<T extends HTMLElement>(opts: DropZoneOptions): (el: T | null) => void {\n  const optsRef = useLatest(opts);\n  const cleanupRef = useRef<(() => void) | null>(null);\n  return useCallback((el: T | null) => {\n    cleanupRef.current?.();\n    cleanupRef.current = null;\n    if (!el) return;\n    cleanupRef.current = registerDropZone({\n      el,\n      accepts: (k) => optsRef.current.accepts(k),\n      onDrop: (p, x, y) => optsRef.current.onDrop(p, x, y),\n      onOver: (a) => optsRef.current.onOver?.(a),\n      onMove: (p, x, y) => optsRef.current.onMove?.(p, x, y),\n    });\n  }, [optsRef]);\n}\n"],"mappings":"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"}

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

@@ -1,4 +1,4 @@
-import { isPathLike as e } from "../../actions/resize/autoPoseDescriptor.js";
+import { isPathLike as e } from "../../../core/geometry/autoPoseDescriptor.js";
 import { boundsOfPath as t, translatePath as n } from "@weasel-js/geom";
 //#region src/interactions/gestures/shared/originProjection.ts
 var r = {

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 'interactions/actions/resize/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":["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"}

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

@@ -1,4 +1,4 @@
-import { pxExtent as e } from "../../../core/viewport/pxExtent.js";
+import { pxExtent as e } from "@weasel-js/geom";
 //#region src/interactions/gestures/shared/screenTolerance.ts
 function t(t, n) {
 	let r = n.view;
@@ -15,7 +15,13 @@ function r(e) {
 	let t = e.view;
 	return () => t?.plane?.() ?? null;
 }
+function i(e) {
+	return {
+		view: n(e),
+		plane: r(e)
+	};
+}
 //#endregion
-export { r as gesturePlaneReader, n as gestureViewReader, t as screenTolerance };
+export { r as gesturePlaneReader, i as gestureReaders, n as gestureViewReader, t as 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"],"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 'core/viewport/pxExtent';\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"],"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"}
+{"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"snap.js","names":["snap","opts","proj","AUTO_ORIGIN_PROJECTION","bypassKey","ctx","transform","primaryId","originPose","proposed","snapped","strategy","o0","o1"],"sources":["../../../../src/interactions/gestures/shared/snap.ts"],"sourcesContent":["import type { MoveBehavior, ModifierState, SnapStrategy } from '../types';\nimport {\n  AUTO_ORIGIN_PROJECTION,\n  type OriginProjection,\n} from './originProjection';\n\ntype ModKey = keyof ModifierState;\n\n/**\n * Generic snap behavior factory: wraps a `SnapStrategy` and returns a\n * `MoveBehavior` whose `onMove` returns a uniform `GroupTransform`.\n *\n * Implementation:\n *   1. Compute the primary's proposed pose by applying the gesture's\n *      `transform` (translate) to `origin.get(primaryId)`.\n *   2. Call `strategy.snap(proposed)`. If null, no-op.\n *   3. Derive the snapped delta via the `OriginProjection`:\n *        dx = origin(snapped).x - origin(originPose).x\n *      ...so the gesture applies the same delta to every dragged id.\n *\n * The pose-shape-aware delta extraction lives here — gestures stay pose-shape\n * agnostic. Default projection reads a rect's `{x, y}` or a Path's bounds\n * origin, the same default the snap strategies use.\n * Pass `origin` for exotic poses.\n */\nexport function snap<TPose>(\n  strategy: SnapStrategy<TPose>,\n  opts: { bypassKey?: ModKey; origin?: OriginProjection<TPose> } = {},\n): MoveBehavior<TPose> {\n  const { bypassKey } = opts;\n  const proj: OriginProjection<TPose> = opts.origin\n    ?? (AUTO_ORIGIN_PROJECTION as unknown as OriginProjection<TPose>);\n  return {\n    onMove(ctx, transform) {\n      if (bypassKey && ctx.modifiers[bypassKey]) return;\n      // The new contract: behaviors see a GroupTransform, not a pose. But\n      // strategies still operate on poses. Reconstruct the proposed pose\n      // by applying the (translate) transform to the primary's origin.\n      if (transform.kind !== 'translate') return;\n      const primaryId = ctx.draggedIds[0];\n      if (primaryId === undefined) return;\n      const originPose = ctx.origin.get(primaryId);\n      if (originPose === undefined) return;\n      const proposed = proj.translate(originPose, transform.dx, transform.dy);\n      const snapped = strategy.snap(proposed, ctx);\n      if (snapped === null) return;\n      const o0 = proj.getOrigin(originPose);\n      const o1 = proj.getOrigin(snapped);\n      return {\n        transform: { kind: 'translate', dx: o1.x - o0.x, dy: o1.y - o0.y },\n      };\n    },\n  };\n}\n"],"mappings":";;AAyBA,SAAgBA,EACd,GACA,IAAiE,CAAC,GAC7C;CACrB,IAAM,EAAE,iBAAcC,GAChBC,IAAgCD,EAAK,UACrCE;CACN,OAAO,EACL,OAAO,GAAK,GAAW;EAKrB,IAJIC,KAAaC,EAAI,UAAUD,MAI3BE,EAAU,SAAS,aAAa;EACpC,IAAMC,IAAYF,EAAI,WAAW;EACjC,IAAIE,MAAc,KAAA,GAAW;EAC7B,IAAMC,IAAaH,EAAI,OAAO,IAAIE,CAAS;EAC3C,IAAIC,MAAe,KAAA,GAAW;EAC9B,IAAMC,IAAWP,EAAK,UAAUM,GAAYF,EAAU,IAAIA,EAAU,EAAE,GAChEI,IAAUC,EAAS,KAAKF,GAAUJ,CAAG;EAC3C,IAAIK,MAAY,MAAM;EACtB,IAAME,IAAKV,EAAK,UAAUM,CAAU,GAC9BK,IAAKX,EAAK,UAAUQ,CAAO;EACjC,OAAO,EACL,WAAW;GAAE,MAAM;GAAa,IAAIG,EAAG,IAAID,EAAG;GAAG,IAAIC,EAAG,IAAID,EAAG;EAAE,EACnE;CACF,EACF;AACF"}
+{"version":3,"file":"snap.js","names":["snap","opts","proj","AUTO_ORIGIN_PROJECTION","bypassKey","ctx","transform","primaryId","originPose","proposed","snapped","strategy","o0","o1"],"sources":["../../../../src/interactions/gestures/shared/snap.ts"],"sourcesContent":["import type { MoveBehavior, ModifierState, SnapStrategy } from '../types';\nimport {\n  AUTO_ORIGIN_PROJECTION,\n  type OriginProjection,\n} from './originProjection';\n\ntype ModKey = keyof ModifierState;\n\n/**\n * Wraps a `SnapStrategy` as a `MoveBehavior`. The strategy snaps the first\n * dragged node's proposed pose, and the delta that produces is applied to\n * every dragged id.\n *\n * The default projection reads a rect's `{x, y}` or a Path's bounds origin.\n * Pass `origin` for exotic poses.\n */\nexport function snap<TPose>(\n  strategy: SnapStrategy<TPose>,\n  opts: { bypassKey?: ModKey; origin?: OriginProjection<TPose> } = {},\n): MoveBehavior<TPose> {\n  const { bypassKey } = opts;\n  const proj: OriginProjection<TPose> = opts.origin\n    ?? (AUTO_ORIGIN_PROJECTION as unknown as OriginProjection<TPose>);\n  return {\n    onMove(ctx, transform) {\n      if (bypassKey && ctx.modifiers[bypassKey]) return;\n      // Behaviors see a GroupTransform, but strategies operate on poses.\n      if (transform.kind !== 'translate') return;\n      const primaryId = ctx.draggedIds[0];\n      if (primaryId === undefined) return;\n      const originPose = ctx.origin.get(primaryId);\n      if (originPose === undefined) return;\n      const proposed = proj.translate(originPose, transform.dx, transform.dy);\n      const snapped = strategy.snap(proposed, ctx);\n      if (snapped === null) return;\n      const o0 = proj.getOrigin(originPose);\n      const o1 = proj.getOrigin(snapped);\n      return {\n        transform: { kind: 'translate', dx: o1.x - o0.x, dy: o1.y - o0.y },\n      };\n    },\n  };\n}\n"],"mappings":";;AAgBA,SAAgBA,EACd,GACA,IAAiE,CAAC,GAC7C;CACrB,IAAM,EAAE,iBAAcC,GAChBC,IAAgCD,EAAK,UACrCE;CACN,OAAO,EACL,OAAO,GAAK,GAAW;EAGrB,IAFIC,KAAaC,EAAI,UAAUD,MAE3BE,EAAU,SAAS,aAAa;EACpC,IAAMC,IAAYF,EAAI,WAAW;EACjC,IAAIE,MAAc,KAAA,GAAW;EAC7B,IAAMC,IAAaH,EAAI,OAAO,IAAIE,CAAS;EAC3C,IAAIC,MAAe,KAAA,GAAW;EAC9B,IAAMC,IAAWP,EAAK,UAAUM,GAAYF,EAAU,IAAIA,EAAU,EAAE,GAChEI,IAAUC,EAAS,KAAKF,GAAUJ,CAAG;EAC3C,IAAIK,MAAY,MAAM;EACtB,IAAME,IAAKV,EAAK,UAAUM,CAAU,GAC9BK,IAAKX,EAAK,UAAUQ,CAAO;EACjC,OAAO,EACL,WAAW;GAAE,MAAM;GAAa,IAAIG,EAAG,IAAID,EAAG;GAAG,IAAIC,EAAG,IAAID,EAAG;EAAE,EACnE;CACF,EACF;AACF"}

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

@@ -6,21 +6,25 @@ function n(n, r) {
 		clientY: n.clientY
 	}, a = !1, o = (e) => {
 		a || t(i, e, r.threshold) && (a = !0, r.onActivate?.(e));
-	}, s = e(r.origin ?? n.currentTarget, n, {
+	}, 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);
 		},
 		onEnd: (e) => {
-			a ? r.onCommit(e) : r.onClick?.(e);
+			u(), a ? r.onCommit(e) : r.onClick?.(e);
 		},
 		onCancel: () => {
-			r.onCancel?.();
+			u(), r.onCancel?.();
 		}
 	});
 	return {
 		isDragging: () => a,
 		cancel: () => {
-			s.cancel();
+			d.cancel();
 		}
 	};
 }

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

@@ -1 +1 @@
-{"version":3,"file":"thresholdDrag.js","names":["startThresholdDrag","start","e","activated","maybeActivate","pastDragThreshold","ev","opts","session","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, 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, an Escape, or any other\n   *  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 session = openPointerSession(opts.origin ?? (e.currentTarget as Element), e, {\n    onMove: (ev) => {\n      maybeActivate(ev);\n      if (activated) opts.onMove(ev);\n    },\n    onEnd: (ev) => {\n      if (activated) opts.onCommit(ev);\n      else opts.onClick?.(ev);\n    },\n    onCancel: () => { opts.onCancel?.(); },\n  });\n\n  return {\n    isDragging: () => activated,\n    cancel: () => { session.cancel(); },\n  };\n}\n"],"mappings":";;AAmCA,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,IAAUC,EAAmBF,EAAK,UAAWL,EAAE,eAA2BA,GAAG;EACjF,SAAS,MAAO;GAEd,AADAE,EAAcE,CAAE,GACZH,KAAWI,EAAK,OAAOD,CAAE;EAC/B;EACA,QAAQ,MAAO;GACb,AAAIH,IAAWI,EAAK,SAASD,CAAE,IAC1BC,EAAK,UAAUD,CAAE;EACxB;EACA,gBAAgB;GAAE,EAAK,WAAW;EAAG;CACvC,CAAC;CAED,OAAO;EACL,kBAAkBH;EAClB,cAAc;GAAE,EAAQ,OAAO;EAAG;CACpC;AACF"}
+{"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"}

package/dist/layout/arrivals.js

@@ -1,36 +1,33 @@
-import { IDENTITY_POSE_COMPOSITION as e } from "../core/scene/composeFrame.js";
-import { poseDescriptorForNode as t } from "../core/geometry/poseDescriptor.js";
-import { AUTO_POSE_DESCRIPTOR as n } from "../interactions/actions/resize/autoPoseDescriptor.js";
-import { runLayoutPass as r } from "../core/scene/layoutPass.js";
-import { useEffect as i } from "react";
-import { useLatest as a } from "@weasel-js/react";
+import { poseDescriptorForNode as e } from "../core/geometry/poseDescriptor.js";
+import { AUTO_POSE_DESCRIPTOR as t } from "../core/geometry/autoPoseDescriptor.js";
+import { runLayoutPass as n } from "../core/scene/layoutPass.js";
+import { useEffect as r } from "react";
+import { useLatest as i } from "@weasel-js/react";
 //#region src/layout/arrivals.ts
-function o(i, a) {
-	let { layouts: o } = a, s = typeof o == "function" ? o : (e) => o[e] ?? null, c = (e) => i.layoutOf(e) ?? s(e), l = a.poseDescriptor ?? n, u = (e) => t(l, i.get(e)), d = {
-		bounds: (e, t) => u(t).getBounds(e),
-		remap: (e, t, n, r) => u(r).remapBounds(e, t, n),
-		composition: a.poseComposition ?? e
+function a(r, i) {
+	let { layouts: a } = i, o = typeof a == "function" ? a : (e) => a[e] ?? null, s = (e) => r.layoutOf(e) ?? o(e), c = i.poseDescriptor ?? t, l = (t) => e(c, r.get(t)), u = {
+		bounds: (e, t) => l(t).getBounds(e),
+		remap: (e, t, n, r) => l(r).remapBounds(e, t, n)
 	};
-	return (e, t, n) => r(i, c, e, t, d, n);
+	return (e, t, i) => n(r, s, e, t, u, i);
 }
-function s(e, t) {
-	let n = a(t), r = t.layouts !== void 0;
-	i(() => {
-		if (r) return e.setArrivalHandler((t, r, i) => {
-			let { layouts: a, poseDescriptor: s, poseComposition: c } = n.current;
-			return a ? o(e, {
-				layouts: a,
-				poseDescriptor: s,
-				poseComposition: c
+function o(e, t) {
+	let n = i(t), o = t.layouts !== void 0;
+	r(() => {
+		if (o) return e.setArrivalHandler((t, r, i) => {
+			let { layouts: o, poseDescriptor: s } = n.current;
+			return o ? a(e, {
+				layouts: o,
+				poseDescriptor: s
 			})(t, r, i) : /* @__PURE__ */ new Map();
 		});
 	}, [
 		e,
-		r,
+		o,
 		n
 	]);
 }
 //#endregion
-export { o as layoutArrivalHandler, s as useLayoutArrivals };
+export { a as layoutArrivalHandler, o as useLayoutArrivals };
 
 //# sourceMappingURL=arrivals.js.map