@weasel-js/core 1.10.1 → 1.11.0

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

@@ -1 +1 @@
-{"version":3,"file":"dragRect.js","names":["boundsFrom","start","current","useDragRect","optsRef","useLatest","options","overlay","setOverlay","useState","scratchRef","useRef","writeOverlay","useCallback","s","buildConsumerCtx","p","gesture","useDragGesture","opts","raw","ctx","dlog","min","b","isSubThreshold","endCtx","r","committed","worldX","worldY","modifiers","move","useMemo"],"sources":["../../../../src/interactions/gestures/dragRect/dragRect.ts"],"sourcesContent":["import { useCallback, useMemo, useRef, useState } from 'react';\nimport { useLatest } from '@weasel-js/react';\nimport { useDragGesture } from '../dragGesture';\nimport type { ModifierState } from '../types';\nimport { dlog } from '../../../debug/flag';\n\n/** A point in world coordinates. */\nexport interface DragRectPoint { x: number; y: number }\n/** The axis-aligned box between the drag's two corners, always with\n *  non-negative extents regardless of drag direction. */\nexport interface DragRectBounds { x: number; y: number; width: number; height: number }\n\n/** Live state of a rectangle drag, handed to each lifecycle callback. Either\n *  corner can be moved mid-gesture, which is how a tool re-anchors a drag\n *  without restarting it. */\nexport interface DragRectCtx<TScratch = unknown> {\n  start: DragRectPoint;\n  current: DragRectPoint;\n  bounds: DragRectBounds;\n  modifiers: ModifierState;\n  scratch: TScratch;\n  /** Override the start point mid-gesture. Recomputes bounds and updates the\n   *  live overlay so the next move (and the end ctx) reflect the new value. */\n  setStart(p: DragRectPoint): void;\n  /** Override the current point mid-gesture (between start and end). */\n  setCurrent(p: DragRectPoint): void;\n}\n\n/** The context handed to `onEnd`, adding whether the final box is too small\n *  to be meaningful. */\nexport interface DragRectEndCtx<TScratch = unknown> extends DragRectCtx<TScratch> {\n  /** True if the end-time bounds are at or below `minBounds` on either axis.\n   *  Present-tense state check — distinct from the base's retrospective\n   *  `wasSubThreshold`. Computed by this wrapper, not by `useDragGesture`. */\n  isSubThreshold: boolean;\n}\n\n/** Options for `useDragRect`. */\nexport interface UseDragRectOptions<TScratch = unknown> {\n  minBounds?: { width: number; height: number };\n  initScratch?: () => TScratch;\n  onStart?: (ctx: DragRectCtx<TScratch>) => void;\n  onMove?: (ctx: DragRectCtx<TScratch>) => void;\n  onEnd?: (ctx: DragRectEndCtx<TScratch>) => boolean | void;\n  onCancel?: (ctx: DragRectCtx<TScratch>) => void;\n  onGestureStart?: () => void;\n  onGestureEnd?: (committed: boolean) => void;\n  /** Optional: snap world-space points to the active grid (or any other\n   *  snap target). Applied to every coord the gesture ingests (start point\n   *  on `onStart`, current point on `onMove`), so both the live overlay\n   *  and the committed bounds track the snapped values. When omitted,\n   *  behavior is identical to today (identity passthrough). */\n  snapPoint?: (p: DragRectPoint) => DragRectPoint;\n}\n\n/** Drives a rectangle drag and publishes the live box for overlay drawing. */\nexport interface DragRectController {\n  start(worldX: number, worldY: number, modifiers: ModifierState): void;\n  move(worldX: number, worldY: number, modifiers: ModifierState): boolean;\n  end(): void;\n  cancel(): void;\n  overlay: { start: DragRectPoint; current: DragRectPoint; bounds: DragRectBounds } | null;\n  readonly isActive: boolean;\n}\n\nfunction boundsFrom(start: DragRectPoint, current: DragRectPoint): DragRectBounds {\n  return {\n    x: Math.min(start.x, current.x),\n    y: Math.min(start.y, current.y),\n    width: Math.abs(current.x - start.x),\n    height: Math.abs(current.y - start.y),\n  };\n}\n\ninterface DragRectScratch<TConsumer> {\n  start: DragRectPoint;\n  current: DragRectPoint;\n  modifiers: ModifierState;\n  consumer: TConsumer;\n}\n\n/**\n * The gesture \"the user drew a rectangle\": press, drag, release, with the\n * resulting box reported live and at commit.\n *\n * It is a spatial input primitive, not an insert mechanism — what the box\n * means is entirely up to whoever consumes it. Marquee selection, cropping and\n * shape insertion all sit on top of the same gesture.\n */\nexport function useDragRect<TScratch = unknown>(\n  options: UseDragRectOptions<TScratch> = {},\n): DragRectController {\n  const optsRef = useLatest(options);\n\n  const [overlay, setOverlay] = useState<DragRectController['overlay']>(null);\n\n  const scratchRef = useRef<DragRectScratch<TScratch> | null>(null);\n\n  const writeOverlay = useCallback(() => {\n    const s = scratchRef.current;\n    if (!s) return;\n    setOverlay({\n      start: s.start,\n      current: s.current,\n      bounds: boundsFrom(s.start, s.current),\n    });\n  }, []);\n\n  const buildConsumerCtx = useCallback((): DragRectCtx<TScratch> => {\n    const s = scratchRef.current!;\n    return {\n      get start() { return s.start; },\n      get current() { return s.current; },\n      get bounds() { return boundsFrom(s.start, s.current); },\n      get modifiers() { return s.modifiers; },\n      get scratch() { return s.consumer; },\n      setStart(p) { s.start = p; writeOverlay(); },\n      setCurrent(p) { s.current = p; writeOverlay(); },\n    };\n  }, [writeOverlay]);\n\n  const gesture = useDragGesture<DragRectScratch<TScratch>>({\n    initScratch: () => {\n      const init = optsRef.current.initScratch\n        ? optsRef.current.initScratch()\n        : ({} as TScratch);\n      return {\n        start: { x: 0, y: 0 },\n        current: { x: 0, y: 0 },\n        modifiers: { shift: false, alt: false, meta: false, ctrl: false },\n        consumer: init,\n      };\n    },\n    onStart: (ctx) => {\n      const opts = optsRef.current;\n      const raw: DragRectPoint = { x: ctx.start.worldX, y: ctx.start.worldY };\n      const p: DragRectPoint = opts.snapPoint ? opts.snapPoint(raw) : raw;\n      dlog('drag-rect', 'start', p);\n      ctx.scratch.start = p;\n      ctx.scratch.current = p;\n      scratchRef.current = ctx.scratch;\n      ctx.scratch.modifiers = ctx.modifiers;\n      setOverlay({ start: p, current: p, bounds: { x: p.x, y: p.y, width: 0, height: 0 } });\n      opts.onStart?.(buildConsumerCtx());\n    },\n    onMove: (ctx) => {\n      const opts = optsRef.current;\n      const raw: DragRectPoint = { x: ctx.current.worldX, y: ctx.current.worldY };\n      ctx.scratch.current = opts.snapPoint ? opts.snapPoint(raw) : raw;\n      ctx.scratch.modifiers = ctx.modifiers;\n      writeOverlay();\n      opts.onMove?.(buildConsumerCtx());\n    },\n    onEnd: (ctx) => {\n      const opts = optsRef.current;\n      const min = opts.minBounds ?? { width: 0, height: 0 };\n      const b = boundsFrom(ctx.scratch.start, ctx.scratch.current);\n      const isSubThreshold = b.width <= min.width || b.height <= min.height;\n      const s = ctx.scratch;\n      const endCtx: DragRectEndCtx<TScratch> = {\n        get start() { return s.start; },\n        get current() { return s.current; },\n        get bounds() { return boundsFrom(s.start, s.current); },\n        get modifiers() { return s.modifiers; },\n        get scratch() { return s.consumer; },\n        setStart(p) { s.start = p; writeOverlay(); },\n        setCurrent(p) { s.current = p; writeOverlay(); },\n        isSubThreshold,\n      };\n      dlog('drag-rect', 'end', { bounds: b, isSubThreshold });\n      let r: boolean | void;\n      try {\n        r = opts.onEnd?.(endCtx);\n      } finally {\n        scratchRef.current = null;\n        setOverlay(null);\n      }\n      return r;\n    },\n    onCancel: () => {\n      dlog('drag-rect', 'cancel');\n      optsRef.current.onCancel?.(buildConsumerCtx());\n      scratchRef.current = null;\n      setOverlay(null);\n    },\n    onGestureStart: () => optsRef.current.onGestureStart?.(),\n    onGestureEnd: (committed) => optsRef.current.onGestureEnd?.(committed),\n  });\n\n  const start = useCallback((worldX: number, worldY: number, modifiers: ModifierState) => {\n    gesture.start({ worldX, worldY, clientX: worldX, clientY: worldY }, modifiers);\n  }, [gesture]);\n\n  const move = useCallback((worldX: number, worldY: number, modifiers: ModifierState): boolean => {\n    return gesture.move({ worldX, worldY, clientX: worldX, clientY: worldY }, modifiers);\n  }, [gesture]);\n\n  return useMemo<DragRectController>(() => ({\n    start,\n    move,\n    end: gesture.end,\n    cancel: gesture.cancel,\n    overlay,\n    isActive: overlay !== null,\n  }), [start, move, gesture.end, gesture.cancel, overlay]);\n}\n"],"mappings":"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"}
+{"version":3,"file":"dragRect.js","names":[],"sources":["../../../../src/interactions/gestures/dragRect/dragRect.ts"],"sourcesContent":["import { useCallback, useMemo, useRef, useState } from 'react';\nimport { useLatest } from '@weasel-js/react';\nimport { useDragGesture } from '../dragGesture';\nimport type { ModifierState } from '../types';\nimport { dlog } from '../../../debug/flag';\n\n/** A point in world coordinates. */\nexport interface DragRectPoint { x: number; y: number }\n/** The axis-aligned box between the drag's two corners, always with\n *  non-negative extents regardless of drag direction. */\nexport interface DragRectBounds { x: number; y: number; width: number; height: number }\n\n/** Live state of a rectangle drag, handed to each lifecycle callback. Either\n *  corner can be moved mid-gesture, which is how a tool re-anchors a drag\n *  without restarting it. */\nexport interface DragRectCtx<TScratch = unknown> {\n  start: DragRectPoint;\n  current: DragRectPoint;\n  bounds: DragRectBounds;\n  modifiers: ModifierState;\n  scratch: TScratch;\n  /** Override the start point mid-gesture. Recomputes bounds and updates the\n   *  live overlay so the next move (and the end ctx) reflect the new value. */\n  setStart(p: DragRectPoint): void;\n  /** Override the current point mid-gesture (between start and end). */\n  setCurrent(p: DragRectPoint): void;\n}\n\n/** The context handed to `onEnd`, adding whether the final box is too small\n *  to be meaningful. */\nexport interface DragRectEndCtx<TScratch = unknown> extends DragRectCtx<TScratch> {\n  /** True if the end-time bounds are at or below `minBounds` on either axis.\n   *  Present-tense state check — distinct from the base's retrospective\n   *  `wasSubThreshold`. Computed by this wrapper, not by `useDragGesture`. */\n  isSubThreshold: boolean;\n}\n\n/** Options for `useDragRect`. */\nexport interface UseDragRectOptions<TScratch = unknown> {\n  minBounds?: { width: number; height: number };\n  initScratch?: () => TScratch;\n  onStart?: (ctx: DragRectCtx<TScratch>) => void;\n  onMove?: (ctx: DragRectCtx<TScratch>) => void;\n  onEnd?: (ctx: DragRectEndCtx<TScratch>) => boolean | void;\n  onCancel?: (ctx: DragRectCtx<TScratch>) => void;\n  onGestureStart?: () => void;\n  onGestureEnd?: (committed: boolean) => void;\n}\n\n/** Drives a rectangle drag and publishes the live box for overlay drawing. */\nexport interface DragRectController {\n  start(worldX: number, worldY: number, modifiers: ModifierState): void;\n  move(worldX: number, worldY: number, modifiers: ModifierState): boolean;\n  end(): void;\n  cancel(): void;\n  overlay: { start: DragRectPoint; current: DragRectPoint; bounds: DragRectBounds } | null;\n  readonly isActive: boolean;\n}\n\nfunction boundsFrom(start: DragRectPoint, current: DragRectPoint): DragRectBounds {\n  return {\n    x: Math.min(start.x, current.x),\n    y: Math.min(start.y, current.y),\n    width: Math.abs(current.x - start.x),\n    height: Math.abs(current.y - start.y),\n  };\n}\n\ninterface DragRectScratch<TConsumer> {\n  start: DragRectPoint;\n  current: DragRectPoint;\n  modifiers: ModifierState;\n  consumer: TConsumer;\n}\n\n/**\n * The gesture \"the user drew a rectangle\": press, drag, release, with the\n * resulting box reported live and at commit.\n *\n * It is a spatial input primitive, not an insert mechanism — what the box\n * means is entirely up to whoever consumes it. Marquee selection, cropping and\n * shape insertion all sit on top of the same gesture.\n */\nexport function useDragRect<TScratch = unknown>(\n  options: UseDragRectOptions<TScratch> = {},\n): DragRectController {\n  const optsRef = useLatest(options);\n\n  const [overlay, setOverlay] = useState<DragRectController['overlay']>(null);\n\n  const scratchRef = useRef<DragRectScratch<TScratch> | null>(null);\n\n  const writeOverlay = useCallback(() => {\n    const s = scratchRef.current;\n    if (!s) return;\n    setOverlay({\n      start: s.start,\n      current: s.current,\n      bounds: boundsFrom(s.start, s.current),\n    });\n  }, []);\n\n  const buildConsumerCtx = useCallback((): DragRectCtx<TScratch> => {\n    const s = scratchRef.current!;\n    return {\n      get start() { return s.start; },\n      get current() { return s.current; },\n      get bounds() { return boundsFrom(s.start, s.current); },\n      get modifiers() { return s.modifiers; },\n      get scratch() { return s.consumer; },\n      setStart(p) { s.start = p; writeOverlay(); },\n      setCurrent(p) { s.current = p; writeOverlay(); },\n    };\n  }, [writeOverlay]);\n\n  const gesture = useDragGesture<DragRectScratch<TScratch>>({\n    initScratch: () => {\n      const init = optsRef.current.initScratch\n        ? optsRef.current.initScratch()\n        : ({} as TScratch);\n      return {\n        start: { x: 0, y: 0 },\n        current: { x: 0, y: 0 },\n        modifiers: { shift: false, alt: false, meta: false, ctrl: false },\n        consumer: init,\n      };\n    },\n    onStart: (ctx) => {\n      const opts = optsRef.current;\n      const p: DragRectPoint = { x: ctx.start.worldX, y: ctx.start.worldY };\n      dlog('drag-rect', 'start', p);\n      ctx.scratch.start = p;\n      ctx.scratch.current = p;\n      scratchRef.current = ctx.scratch;\n      ctx.scratch.modifiers = ctx.modifiers;\n      setOverlay({ start: p, current: p, bounds: { x: p.x, y: p.y, width: 0, height: 0 } });\n      opts.onStart?.(buildConsumerCtx());\n    },\n    onMove: (ctx) => {\n      const opts = optsRef.current;\n      ctx.scratch.current = { x: ctx.current.worldX, y: ctx.current.worldY };\n      ctx.scratch.modifiers = ctx.modifiers;\n      writeOverlay();\n      opts.onMove?.(buildConsumerCtx());\n    },\n    onEnd: (ctx) => {\n      const opts = optsRef.current;\n      const min = opts.minBounds ?? { width: 0, height: 0 };\n      const b = boundsFrom(ctx.scratch.start, ctx.scratch.current);\n      const isSubThreshold = b.width <= min.width || b.height <= min.height;\n      const s = ctx.scratch;\n      const endCtx: DragRectEndCtx<TScratch> = {\n        get start() { return s.start; },\n        get current() { return s.current; },\n        get bounds() { return boundsFrom(s.start, s.current); },\n        get modifiers() { return s.modifiers; },\n        get scratch() { return s.consumer; },\n        setStart(p) { s.start = p; writeOverlay(); },\n        setCurrent(p) { s.current = p; writeOverlay(); },\n        isSubThreshold,\n      };\n      dlog('drag-rect', 'end', { bounds: b, isSubThreshold });\n      let r: boolean | void;\n      try {\n        r = opts.onEnd?.(endCtx);\n      } finally {\n        scratchRef.current = null;\n        setOverlay(null);\n      }\n      return r;\n    },\n    onCancel: () => {\n      dlog('drag-rect', 'cancel');\n      optsRef.current.onCancel?.(buildConsumerCtx());\n      scratchRef.current = null;\n      setOverlay(null);\n    },\n    onGestureStart: () => optsRef.current.onGestureStart?.(),\n    onGestureEnd: (committed) => optsRef.current.onGestureEnd?.(committed),\n  });\n\n  const start = useCallback((worldX: number, worldY: number, modifiers: ModifierState) => {\n    gesture.start({ worldX, worldY, clientX: worldX, clientY: worldY }, modifiers);\n  }, [gesture]);\n\n  const move = useCallback((worldX: number, worldY: number, modifiers: ModifierState): boolean => {\n    return gesture.move({ worldX, worldY, clientX: worldX, clientY: worldY }, modifiers);\n  }, [gesture]);\n\n  return useMemo<DragRectController>(() => ({\n    start,\n    move,\n    end: gesture.end,\n    cancel: gesture.cancel,\n    overlay,\n    isActive: overlay !== null,\n  }), [start, move, gesture.end, gesture.cancel, overlay]);\n}\n"],"mappings":"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"}

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

@@ -1,41 +1,63 @@
-import { useCallback as e, useEffect as t, useRef as n } from "react";
-import { useLatest as r } from "@weasel-js/react";
-import { clientToCanvasRect as i, openPointerSession as a } from "@weasel-js/routing";
+import { useCallback, useEffect, useRef } from "react";
+import { useLatest } from "@weasel-js/react";
+import { clientToCanvasRect, openPointerSession } from "@weasel-js/routing";
+
 //#region src/interactions/gestures/handleDrag/handleDrag.ts
-function o(e) {
-	return e instanceof SVGElement && e.ownerSVGElement ? e.ownerSVGElement : e;
+function defaultRectEl(target) {
+	if (target instanceof SVGElement && target.ownerSVGElement) return target.ownerSVGElement;
+	return target;
 }
-function s(s) {
-	let c = r(s), l = n(null);
-	return t(() => () => {
-		l.current?.cancel();
-	}, []), { onPointerDown: e((e) => {
-		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);
+/**
+* Pointer drag for SVG/HTML handles. On `pointerdown` opens a
+* {@link openPointerSession | pointer session} on the handle, then forwards
+* every move to `onMove` with coordinates local to the rect-providing element
+* (defaulting to the handle's owning `<svg>`).
+*
+* The rect is measured once, at the press: a handle that moves under its own
+* drag must not shift the space its coordinates are reported in.
+*/
+function useHandleDrag(opts) {
+	const optsRef = useLatest(opts);
+	const live = useRef(null);
+	useEffect(() => () => {
+		live.current?.cancel();
+	}, []);
+	return { onPointerDown: useCallback((e) => {
+		e.preventDefault();
+		live.current?.cancel();
+		const target = e.currentTarget;
+		const { getRect, onStart } = optsRef.current;
+		const rect = (getRect ? getRect(target) : defaultRectEl(target)).getBoundingClientRect();
+		const localOf = (clientX, clientY) => {
+			const [x, y] = clientToCanvasRect(rect, clientX, clientY);
 			return {
-				x: n,
-				y: r
+				x,
+				y
 			};
-		}, d = !1;
-		l.current = a(t, e, {
-			onMove: (e) => {
-				d = !0, c.current.onMove(u(e.clientX, e.clientY), e);
+		};
+		let moved = false;
+		live.current = openPointerSession(target, e, {
+			onMove: (ev) => {
+				moved = true;
+				optsRef.current.onMove(localOf(ev.clientX, ev.clientY), ev);
 			},
-			onEnd: (e) => {
-				l.current = null, c.current.onEnd?.({
-					point: u(e.clientX, e.clientY),
-					moved: d,
-					event: e
+			onEnd: (ev) => {
+				live.current = null;
+				optsRef.current.onEnd?.({
+					point: localOf(ev.clientX, ev.clientY),
+					moved,
+					event: ev
 				});
 			},
-			onCancel: (e) => {
-				l.current = null, c.current.onCancel?.(e);
+			onCancel: (reason) => {
+				live.current = null;
+				optsRef.current.onCancel?.(reason);
 			}
-		}), r?.(u(e.clientX, e.clientY), e);
-	}, [c]) };
+		});
+		onStart?.(localOf(e.clientX, e.clientY), e);
+	}, [optsRef]) };
 }
-//#endregion
-export { s as useHandleDrag };
 
+//#endregion
+export { useHandleDrag };
 //# sourceMappingURL=handleDrag.js.map

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

@@ -1 +1 @@
-{"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"}
+{"version":3,"file":"handleDrag.js","names":[],"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,SAAS,cAAc,QAA2C;CAChE,IAAI,kBAAkB,cAAc,OAAO,iBACzC,OAAO,OAAO;CAEhB,OAAO;AACT;;;;;;;;;;AAWA,SAAgB,cACd,MACwB;CAGxB,MAAM,UAAU,UAAU,IAAI;CAC9B,MAAM,OAAO,OAA8B,IAAI;CAE/C,sBAAsB;EAAE,KAAK,SAAS,OAAO;CAAG,GAAG,CAAC,CAAC;CAqCrD,OAAO,EAAE,eAnCa,aACnB,MAA6B;EAC5B,EAAE,eAAe;EACjB,KAAK,SAAS,OAAO;EAErB,MAAM,SAAS,EAAE;EACjB,MAAM,EAAE,SAAS,YAAY,QAAQ;EAErC,MAAM,QADS,UAAU,QAAQ,MAAM,IAAI,cAAc,MAAM,EAClD,CAAO,sBAAsB;EAC1C,MAAM,WAAW,SAAiB,YAAqC;GACrE,MAAM,CAAC,GAAG,KAAK,mBAAmB,MAAM,SAAS,OAAO;GACxD,OAAO;IAAE;IAAG;GAAE;EAChB;EAEA,IAAI,QAAQ;EACZ,KAAK,UAAU,mBAAmB,QAAQ,GAAG;GAC3C,SAAS,OAAO;IACd,QAAQ;IACR,QAAQ,QAAQ,OAAO,QAAQ,GAAG,SAAS,GAAG,OAAO,GAAG,EAAE;GAC5D;GACA,QAAQ,OAAO;IACb,KAAK,UAAU;IACf,QAAQ,QAAQ,QAAQ;KAAE,OAAO,QAAQ,GAAG,SAAS,GAAG,OAAO;KAAG;KAAO,OAAO;IAAG,CAAC;GACtF;GACA,WAAW,WAAW;IACpB,KAAK,UAAU;IACf,QAAQ,QAAQ,WAAW,MAAM;GACnC;EACF,CAAC;EAED,UAAU,QAAQ,EAAE,SAAS,EAAE,OAAO,GAAG,CAAC;CAC5C,GACA,CAAC,OAAO,CAGD,EAAc;AACzB"}

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

@@ -1,139 +1,210 @@
-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";
+import { useCallback, useEffect, useRef } from "react";
+import { useKitSettings, useLatest } from "@weasel-js/react";
+import { openPointerSession, pastDragThreshold } from "@weasel-js/routing";
+import { fixedSeat } from "@weasel-js/gestures";
+
 //#region src/interactions/gestures/pointerDrag/pointerDrag.ts
-var s = /* @__PURE__ */ new Set(), c = null;
-function l(e) {
-	return s.add(e), () => {
-		c?.lastZone === e && (c.lastZone = null), s.delete(e);
+var dropZones = /* @__PURE__ */ new Set();
+var activeDrag = null;
+function registerDropZone(zone) {
+	dropZones.add(zone);
+	return () => {
+		if (activeDrag?.lastZone === zone) activeDrag.lastZone = null;
+		dropZones.delete(zone);
 	};
 }
-function u(e, t, n) {
-	let r = document.elementFromPoint(e, t);
-	if (!r) return null;
-	for (let e of s) if (e.el.contains(r) && e.accepts(n)) return e;
+function findZone(x, y, kind) {
+	const el = document.elementFromPoint(x, y);
+	if (!el) return null;
+	for (const z of dropZones) if (z.el.contains(el) && z.accepts(kind)) return z;
 	return null;
 }
-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 = "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);
+function defaultGhost(source, payload) {
+	const rect = source.getBoundingClientRect();
+	const clone = source.cloneNode(true);
+	clone.style.position = "fixed";
+	clone.style.left = "0";
+	clone.style.top = "0";
+	clone.style.width = `${rect.width}px`;
+	clone.style.height = `${rect.height}px`;
+	clone.style.margin = "0";
+	clone.style.pointerEvents = "none";
+	clone.style.opacity = "0.85";
+	clone.style.zIndex = "var(--wzl-z-drag, 10000)";
+	clone.style.transition = "none";
+	clone.style.transformOrigin = "center center";
+	clone.style.fontFamily = getComputedStyle(source).fontFamily;
+	if (payload.ids.length > 1) {
+		const badge = document.createElement("div");
+		badge.textContent = String(payload.ids.length);
+		badge.style.position = "absolute";
+		badge.style.top = "-6px";
+		badge.style.right = "-6px";
+		badge.style.background = "#FFC857";
+		badge.style.color = "#000";
+		badge.style.borderRadius = "999px";
+		badge.style.padding = "2px 8px";
+		badge.style.fontWeight = "bold";
+		badge.style.fontSize = "12px";
+		badge.style.boxShadow = "0 2px 6px rgba(0,0,0,0.4)";
+		clone.appendChild(badge);
 	}
-	return r;
+	return clone;
 }
-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 positionGhost(el, seat, x, y) {
+	el.style.transform = `translate(${x - seat.left - el.offsetWidth / 2}px, ${y - seat.top - el.offsetHeight / 2}px) scale(0.92)`;
 }
-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,
+function beginPointerDrag(payload, source, startX, startY, ghostFn) {
+	if (activeDrag) return null;
+	const ghost = ghostFn(source, payload);
+	const seat = fixedSeat(source);
+	seat.host.appendChild(ghost);
+	positionGhost(ghost, seat, startX, startY);
+	activeDrag = {
+		payload,
+		ghost,
+		seat,
 		lastZone: null
 	};
-	let l = () => {
-		c?.ghost.remove(), c = null;
+	const teardown = () => {
+		activeDrag?.ghost.remove();
+		activeDrag = null;
 	};
 	return {
-		move(t) {
-			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);
+		move(e) {
+			if (!activeDrag) return;
+			positionGhost(activeDrag.ghost, activeDrag.seat, e.clientX, e.clientY);
+			const zone = findZone(e.clientX, e.clientY, payload.kind);
+			if (zone !== activeDrag.lastZone) {
+				activeDrag.lastZone?.onOver?.(false);
+				zone?.onOver?.(true);
+				activeDrag.lastZone = zone;
+			}
+			zone?.onMove?.(payload, e.clientX, e.clientY);
 		},
-		drop(t) {
-			if (!c) return;
-			let n = u(t.clientX, t.clientY, e.kind), r = c.payload;
-			c.lastZone?.onOver?.(!1);
+		drop(e) {
+			if (!activeDrag) return;
+			const zone = findZone(e.clientX, e.clientY, payload.kind);
+			const dropped = activeDrag.payload;
+			activeDrag.lastZone?.onOver?.(false);
 			try {
-				n && n.onDrop(r, t.clientX, t.clientY);
-			} catch (e) {
-				console.error("weasel pointerDrag: drop zone onDrop threw", e);
+				if (zone) zone.onDrop(dropped, e.clientX, e.clientY);
+			} catch (err) {
+				console.error("weasel pointerDrag: drop zone onDrop threw", err);
 			} finally {
-				l();
+				teardown();
 			}
 		},
 		cancel() {
-			c?.lastZone?.onOver?.(!1), l();
+			activeDrag?.lastZone?.onOver?.(false);
+			teardown();
 		}
 	};
 }
-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();
-		}
+/**
+* Run `fn` once pointer `pointerId` is no longer held: a beat after its
+* release, so a click that release brings is dispatched first, or at once when
+* the pointer is canceled or pressed again.
+*/
+function afterRelease(doc, pointerId, fn) {
+	const on = (e) => {
+		if (e.pointerId !== pointerId) return;
+		for (const type of [
+			"pointerup",
+			"pointercancel",
+			"pointerdown"
+		]) doc.removeEventListener(type, on, true);
+		if (e.type === "pointerup") setTimeout(fn, 0);
+		else fn();
 	};
-	for (let t of [
+	for (const type of [
 		"pointerup",
 		"pointercancel",
 		"pointerdown"
-	]) e.addEventListener(t, r, !0);
+	]) doc.addEventListener(type, on, true);
 }
-function h(o, s) {
-	let c = r(s), l = n(null);
-	return t(() => () => {
-		l.current?.cancel();
-	}, []), {
-		onPointerDown: e((e) => {
+/** Attach a pointer-driven drag handle: `getPayload` is read at threshold-cross time and a ghost follows the pointer. */
+function useDragHandle(getPayload, options) {
+	const optsRef = useLatest(options);
+	const kitSettingsRef = useLatest(useKitSettings());
+	const live = useRef(null);
+	useEffect(() => () => {
+		live.current?.cancel();
+	}, []);
+	return {
+		onPointerDown: useCallback((e) => {
 			if (e.pointerType === "mouse" && e.button !== 0) return;
-			let t = e.currentTarget;
+			const target = e.currentTarget;
 			if (e.target instanceof HTMLElement && e.target.closest("input, button, select, textarea")) return;
-			let n = {
+			const start = {
 				clientX: e.clientX,
 				clientY: e.clientY
-			}, r = e.pointerId, s = null, u = !1, f = null;
-			l.current = i(t, e, {
-				onMove: (e) => {
-					if (s) {
-						s.move(e);
+			};
+			const pointerId = e.pointerId;
+			let ghost = null;
+			let past = false;
+			let dropClickGuard = null;
+			live.current = openPointerSession(target, e, {
+				onMove: (ev) => {
+					if (ghost) {
+						ghost.move(ev);
 						return;
 					}
-					if (u || !a(n, e)) return;
-					u = !0;
-					let r = o();
-					if (!r) return;
-					let i = (e) => {
-						e.stopPropagation(), e.preventDefault();
+					if (past) return;
+					if (!pastDragThreshold(start, ev, kitSettingsRef.current.get("gestures.dragPx"))) return;
+					past = true;
+					const payload = getPayload();
+					if (!payload) return;
+					const swallowClick = (ce) => {
+						ce.stopPropagation();
+						ce.preventDefault();
 					};
-					t.addEventListener("click", i, {
-						capture: !0,
-						once: !0
-					}), f = () => t.removeEventListener("click", i, { capture: !0 }), s = p(r, t, e.clientX, e.clientY, c.current?.createGhost ?? d);
+					target.addEventListener("click", swallowClick, {
+						capture: true,
+						once: true
+					});
+					dropClickGuard = () => target.removeEventListener("click", swallowClick, { capture: true });
+					ghost = beginPointerDrag(payload, target, ev.clientX, ev.clientY, optsRef.current?.createGhost ?? defaultGhost);
 				},
-				onEnd: (e) => {
-					l.current = null, s?.drop(e), f && setTimeout(f, 0);
+				onEnd: (ev) => {
+					live.current = null;
+					ghost?.drop(ev);
+					if (dropClickGuard) setTimeout(dropClickGuard, 0);
 				},
-				onCancel: (e) => {
-					l.current = null, s?.cancel(), f && (e === "aborted" ? m(t.ownerDocument, r, f) : f());
+				onCancel: (reason) => {
+					live.current = null;
+					ghost?.cancel();
+					if (!dropClickGuard) return;
+					if (reason === "aborted") afterRelease(target.ownerDocument, pointerId, dropClickGuard);
+					else dropClickGuard();
 				}
-			}, { capture: !1 });
-		}, [o, c]),
+			}, { capture: false });
+		}, [
+			getPayload,
+			optsRef,
+			kitSettingsRef
+		]),
 		style: { touchAction: "none" }
 	};
 }
-function g(t) {
-	let i = r(t), a = n(null);
-	return e((e) => {
-		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),
-			onOver: (e) => i.current.onOver?.(e),
-			onMove: (e, t, n) => i.current.onMove?.(e, t, n)
-		}));
-	}, [i]);
+/** Register an element as a drop zone for `useDragHandle` payloads. Returns a ref-callback. */
+function useDropZone(opts) {
+	const optsRef = useLatest(opts);
+	const cleanupRef = useRef(null);
+	return useCallback((el) => {
+		cleanupRef.current?.();
+		cleanupRef.current = null;
+		if (!el) return;
+		cleanupRef.current = registerDropZone({
+			el,
+			accepts: (k) => optsRef.current.accepts(k),
+			onDrop: (p, x, y) => optsRef.current.onDrop(p, x, y),
+			onOver: (a) => optsRef.current.onOver?.(a),
+			onMove: (p, x, y) => optsRef.current.onMove?.(p, x, y)
+		});
+	}, [optsRef]);
 }
-//#endregion
-export { h as useDragHandle, g as useDropZone };
 
+//#endregion
+export { useDragHandle, 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","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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"}
+{"version":3,"file":"pointerDrag.js","names":[],"sources":["../../../../src/interactions/gestures/pointerDrag/pointerDrag.ts"],"sourcesContent":["import { useCallback, useEffect, useRef } from 'react';\nimport { useKitSettings, 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  const kitSettingsRef = useLatest(useKitSettings());\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, kitSettingsRef.current.get('gestures.dragPx'))) 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, kitSettingsRef]);\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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"}