@weasel-js/core 1.9.2 → 1.9.4

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","beginPointerDrag","ghost","ghostFn","startX","startY","teardown","e","dropped","err","useDragHandle","optsRef","useLatest","options","live","useRef","useEffect","useCallback","target","start","past","dropClickGuard","openPointerSession","ev","pastDragThreshold","getPayload","swallowClick","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    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: () => { live.current = null; ghost?.cancel(); dropClickGuard?.(); },\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/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/{math-Drrw4ewZ.d.ts → math-J-ACHyEg.d.ts}

@@ -1,7 +1,6 @@
 import '@weasel-js/geom';
 import { Bounds } from '@weasel-js/routing';
-import { b as RotatedPose } from './poseDescriptor-D-OH-tu5.js';
-import './autoPoseDescriptor-vCdt55xm.js';
+import { c as RotatedPose } from './autoPoseDescriptor-Ct7yqivU.js';
 
 /**
  * Minimal node interface for the simulation primitive. Matches d3-force's

package/dist/math.d.ts

@@ -1,5 +1,4 @@
 export { DEFAULT_FLATTEN_TOLERANCE, PATH_C, PATH_CMD_LENGTHS, PATH_L, PATH_M, PATH_Q, PATH_Z, Path, PathBuilder, PathFillRule, PolygonPath, RectPath, flattenCubic, flattenCubicWithArcLen, flattenQuadratic, flattenQuadraticWithArcLen, pathCommandCoordCount, pointAlongPath, polygonFromPoints, polylineFromPoints, rectPath } from '@weasel-js/geom';
 export { Point2 as Vec2 } from '@weasel-js/routing';
-export { P as PoseDescriptor, t as translatePoseViaDescriptor } from './poseDescriptor-D-OH-tu5.js';
-export { a as Simulation, d as SimulationCore, e as SimulationForce, S as SimulationNode, f as SimulationOptions, h as createSimulation, i as rotatePoint } from './math-Drrw4ewZ.js';
-export { A as AUTO_POSE_DESCRIPTOR } from './autoPoseDescriptor-vCdt55xm.js';
+export { A as AUTO_POSE_DESCRIPTOR, P as PoseDescriptor, t as translatePoseViaDescriptor } from './autoPoseDescriptor-Ct7yqivU.js';
+export { a as Simulation, d as SimulationCore, e as SimulationForce, S as SimulationNode, f as SimulationOptions, h as createSimulation, i as rotatePoint } from './math-J-ACHyEg.js';

package/dist/move.d.ts

@@ -1,15 +1,16 @@
-import { O as OriginProjection } from './originProjection-DEklpDc_.js';
-export { U as UseMoveOptions } from './originProjection-DEklpDc_.js';
-import { S as SnapTarget } from './types-A37hYkeR.js';
-import { M as MoveBehavior } from './types-B_9g6hMM.js';
+import { O as OriginProjection } from './originProjection-gHnOup4e.js';
+export { U as UseMoveOptions } from './originProjection-gHnOup4e.js';
+import { S as SnapTarget } from './types-k-5Oqh-U.js';
+import { M as MoveBehavior } from './types-B4iJRHC3.js';
 import '@weasel-js/history';
 import '@weasel-js/geom';
 import '@weasel-js/routing';
 
 /**
- * Move behavior that drops the dragged node into a container it hovers over
- * for `dwellMs`, reparenting it and taking the pose the container's layout
- * assigns.
+ * Move behavior that drops the dragged nodes into a container the pointer
+ * hovers over for `dwellMs`, reparenting each and giving it the slot
+ * `findTarget` answers for its id. A node `findTarget` has no slot for in
+ * that container rides along with the first, at its offset from it.
  *
  * The dwell is what keeps a drag that merely passes over a container from
  * being captured by it.
@@ -24,10 +25,10 @@ declare function snapToContainer<TPose>(args: {
 
 /**
  * Move behavior for a drag that is only meaningful near where it started:
- * release inside `radius` and the node returns to its original pose; release
- * outside it and the node either springs back anyway or is deleted, per
- * `onFreeRelease`. A deletion is recorded as an undoable op with paint order
- * preserved.
+ * release inside `radius` and every dragged node returns to its original
+ * pose; release outside it and they all either spring back anyway or are
+ * deleted, per `onFreeRelease`. The distance is the first dragged node's. A
+ * deletion is recorded as undoable ops with paint order preserved.
  */
 declare function snapBackOrDelete<TPose extends {
     x: number;

package/dist/{originProjection-DEklpDc_.d.ts → originProjection-gHnOup4e.d.ts}

@@ -1,4 +1,4 @@
-import { M as MoveBehavior } from './types-B_9g6hMM.js';
+import { M as MoveBehavior } from './types-B4iJRHC3.js';
 
 /** Option surface for the `move` action. */
 

package/dist/{registerProgram-BMZRDgrh.d.ts → registerProgram-T9S_PfAX.d.ts}

@@ -3,9 +3,9 @@ import { Reflection } from '@weasel-js/registry';
 import { TextureHandle } from '@weasel-js/paint';
 
 /**
- * 2D affine matrix utilities. Column-major 9-element Float32Array, matching
- * `WebGL2RenderingContext.uniformMatrix3fv` byte order so we can pass the
- * array directly without a transpose flag.
+ * 2D affine matrix utilities. Column-major 9 elements, matching
+ * `WebGL2RenderingContext.uniformMatrix3fv` element order so an upload needs
+ * no transpose flag.
  *
  * Layout (column-major):
  *   [m00, m10, 0,
@@ -16,8 +16,15 @@ import { TextureHandle } from '@weasel-js/paint';
  *                                              m10*x + m11*y + ty]`.
  */
 
-/** A 2D affine transform as a column-major 9-element `Float32Array`, laid out as above. */
-type GlMat3 = Float32Array;
+/**
+ * A 2D affine transform as a column-major 9-element array, laid out as above.
+ *
+ * Every matrix the kit builds is a `Float64Array`: a view translation far
+ * from the origin at high zoom needs more than a float32's 24 bits to hold a
+ * fraction of a pixel. A `Float32Array` is accepted wherever one is read.
+ * `mat3.toUniform` makes the float32 copy a GL uniform upload wants.
+ */
+type GlMat3 = Float32Array | Float64Array;
 declare function identity(): GlMat3;
 declare function multiply(out: GlMat3, m: GlMat3): GlMat3;
 /** `m · T(tx, ty)`: composes onto `m`, where `@weasel-js/geom`'s `translate`
@@ -36,6 +43,8 @@ declare function fromAffine(a: Mat3): GlMat3;
 /** Inverse of an affine matrix, or `null` when `@weasel-js/geom`'s `invert`
  *  finds it singular — the same rule, read through this layout. */
 declare function invert(m: GlMat3): GlMat3 | null;
+/** A float32 copy of `m`, for `uniformMatrix3fv` or a shader uniform value. */
+declare function toUniform(m: GlMat3): Float32Array;
 declare function apply(m: GlMat3, x: number, y: number): [number, number];
 /**
  * Map screen pixel coords (0..width on X, 0..height on Y, top-left origin)
@@ -54,7 +63,7 @@ declare function meanScaleOf(m: GlMat3): number;
  *  value. What a screen length is worth in world units, at most. */
 declare function minScaleOf(m: GlMat3): number;
 /** The renderer's 3x3 matrix operations, as one namespace. These work on the
- *  9-element `Float32Array` form the GL uniform upload wants — distinct from
+ *  9-element form the GL uniform upload wants — distinct from
  *  `@weasel-js/geom`'s 6-element affine `GlMat3`, though the logical element
  *  order is the same. */
 declare const mat3: {
@@ -65,6 +74,7 @@ declare const mat3: {
     translated: typeof translated;
     scaled: typeof scaled;
     invert: typeof invert;
+    toUniform: typeof toUniform;
     apply: typeof apply;
     screenToClip: typeof screenToClip;
     meanScaleOf: typeof meanScaleOf;
@@ -144,6 +154,7 @@ interface ShaderProgramHandle {
  * | [n, n, n]               | uniform3fv                           |
  * | [n, n, n, n]            | uniform4fv                           |
  * | Float32Array length 9   | uniformMatrix3fv (column-major)      |
+ * | Float64Array            | as the Float32Array of its values    |
  * | Float32Array length 16  | uniformMatrix4fv (column-major)      |
  * | TextureHandle           | bind to next tex unit + uniform1i    |
  *
@@ -156,7 +167,7 @@ interface ShaderProgramHandle {
  * size; a shorter value leaves the remaining slots as they were. Per-slot
  * keys (`u_ripples[2]`) keep working and take the table above.
  */
-type ShaderUniform = number | [number, number] | [number, number, number] | [number, number, number, number] | readonly number[] | Float32Array | Int32Array | Uint32Array | TextureHandle;
+type ShaderUniform = number | [number, number] | [number, number, number] | [number, number, number, number] | readonly number[] | Float32Array | Float64Array | Int32Array | Uint32Array | TextureHandle;
 /** A registered program's GLSL source. An empty `vert` means the kit's default vertex shader. */
 interface ProgramSource {
     vert: string;

package/dist/renderer/DrawCommand.js.map

@@ -1 +1 @@
-{"version":3,"file":"DrawCommand.js","names":["SPRITE_STRIDE"],"sources":["../../src/renderer/DrawCommand.ts"],"sourcesContent":["// Import the source types directly, NOT through the `@weasel-js/core` self-barrel.\n// `src/index.ts` reexports `renderer/index.ts`, which reexports this module — so a\n// barrel import here forms a DrawCommand.ts → index.ts → renderer/index.ts → DrawCommand.ts\n// cycle that makes the dts bundler split them into mutually-dependent chunks and warn.\nimport type { Path } from '@weasel-js/geom';\nimport type { FillStyle, Stroke } from '@weasel-js/paint';\nimport type { TextStyle } from '@weasel-js/text';\nimport type { ResolvedRun } from '@weasel-js/text';\nimport type { TextVerticalAlign } from '@weasel-js/text';\nimport type { GlMat3 } from './math/mat3';\nimport type { ShaderProgramHandle, ShaderUniform } from './shaders/registerProgram';\nimport type { Effect } from './effects/types';\n\n/**\n * Solid-fill paint variant (subset of the full `FillStyle` union from\n * `@weasel-js/core`). Kept for back-compat with step-1/2 consumers and\n * because some code reads `fill.color` directly. Through step 4, fills can\n * be any `FillStyle` variant — solid, pattern, or gradient.\n */\nexport interface SolidPaint {\n  fill?: 'solid';\n  /** Any CSS color string accepted by `parseColor`: hex, `rgb()`/`rgba()`, `hsl()`/`hsla()`, named, or `transparent`. */\n  color: string;\n  opacity?: number;\n}\n\n/** DrawCommand variants implemented through step 6. */\nexport type DrawCommand =\n  | PathDrawCommand\n  | GroupDrawCommand\n  | TextDrawCommand\n  | ImageDrawCommand\n  | SpritesDrawCommand\n  | ShaderDrawCommand;\n\n/** Draw a path, filled and/or stroked. The workhorse command: every shape the\n *  kit draws that is not text, an image, or a custom shader is one of these. */\nexport interface PathDrawCommand {\n  kind: 'path';\n  path: Path;\n  /** Any `FillStyle` variant: solid, pattern, or gradient (linear/radial/conic). */\n  fill?: FillStyle;\n  /** Stroke spec. Only solid `paint` supported through step 4. */\n  stroke?: Stroke;\n  /**\n   * Optional flat RGBA-per-path-anchor color array (length =\n   * `4 × countPathAnchors(path)`, floats in 0..1). The renderer\n   * arc-length-interpolates these per-anchor colors across the\n   * flattened/triangulated mesh between consecutive anchors using the\n   * mesh's `anchorA` / `anchorB` / `anchorT` parameterization.\n   *\n   * **`fill` must also be set when using `vertexColors`.** The renderer\n   * only enters the per-vertex shader path when the command has a fill\n   * (the fill provides the opacity uniform; the vertex colors override\n   * the fill's color). Pass any solid `fill` (e.g. `{ color: '#fff' }`)\n   * as the placeholder; the per-vertex colors win in the shader.\n   */\n  vertexColors?: number[];\n}\n\n/** Draw a list of commands under a shared transform, opacity, color matrix\n *  and clip. Groups nest, and their effects accumulate down the stack — this\n *  is how a container node's transform reaches its descendants. */\nexport interface GroupDrawCommand {\n  kind: 'group';\n  transform?: GlMat3;\n  alpha?: number;\n  /**\n   * Optional 4×5 color matrix (row-major, 20 numbers) — `out = M₄ₓ₄ * in + bias`.\n   * Accumulated multiplicatively down the group stack. Defaults to identity.\n   */\n  colorMatrix?: number[];\n  /** Optional clip path. When set, the renderer rasterizes this path into\n   *  the stencil buffer before drawing `children`; the children paint only\n   *  where the clip covers. Nested groups with clips intersect — a child\n   *  cannot escape an ancestor's clip. Max 7 nesting levels; the renderer\n   *  throws if exceeded. */\n  clip?: Path;\n  /**\n   * Full-screen passes run over this group's own pixels, in order, before it\n   * is composited into its parent.\n   *\n   * Unlike every other field here, this does not accumulate down the group\n   * stack — it is a render-target boundary. The children draw into a buffer of\n   * their own, each effect reads the previous one's output, and the result is\n   * composited back under this group's `transform`, `alpha`, `colorMatrix` and\n   * whatever clip encloses it. So a blur here blurs this group and nothing\n   * around it, which is what a CSS `filter` on the canvas cannot do.\n   *\n   * An empty or absent list costs nothing: no buffer is allocated until a\n   * group asks for one.\n   */\n  effects?: readonly Effect[];\n  children: DrawCommand[];\n}\n\n/**\n * Text draw command. Renders one or more runs at (`x`, `y`) in screen\n * space, optionally word-wrapping at `maxWidth`. The renderer resolves\n * each run's `(fontFamily, fontWeight, fontStyle)` to an MSDF atlas via\n * `resolveFontVariant` and bucket-draws by atlas + color group.\n *\n * `style` carries node-level defaults (`lineHeight`, anti-alias width)\n * that don't belong on individual runs.\n */\nexport interface TextDrawCommand {\n  kind: 'text';\n  x: number;\n  y: number;\n  runs: ResolvedRun[];\n  /** Wrap width. Absent never wraps. */\n  maxWidth?: number;\n  align?: 'left' | 'center' | 'right';\n  /** Spread each wrapped line across `width` — see `LayoutRunsOpts.justify`.\n   *  `align` then sets only the lines it does not spread. Default `false`. */\n  justify?: boolean;\n  /** Box width `align` resolves within, from `x`. Default `maxWidth`; with\n   *  neither, `x` is the line's left edge, midpoint or right edge. */\n  width?: number;\n  style: TextStyle;\n  /** Box height for vertical alignment. When set with `verticalAlign`,\n   *  the laid-out block shifts within `[y, y+height]`. */\n  height?: number;\n  /** Default 'top' — the legacy top-anchored behavior. */\n  verticalAlign?: TextVerticalAlign;\n}\n\n/**\n * Image draw command — renders `image` at screen-space rect (x, y, w, h).\n * The image is stretched to fit; no tiling. Use a pattern FillStyle on a path\n * for tiling.\n */\nexport interface ImageDrawCommand {\n  kind: 'image';\n  image: ImageBitmap;\n  x: number;\n  y: number;\n  w: number;\n  h: number;\n  opacity?: number;\n  /** Magnification filter. `'linear'` (default) smooths; `'nearest'` shows\n   *  device pixels as hard squares — required by anything magnifying a\n   *  framebuffer readback, where blur destroys the point of the readback. */\n  sampling?: 'linear' | 'nearest';\n  /** Sub-rectangle of `image` to draw, in bitmap pixels from the top-left.\n   *  Omitted draws the whole bitmap. Not range-checked: a rect past the edge\n   *  samples outside [0..1], which CLAMP_TO_EDGE smears. With\n   *  `sampling: 'linear'` the filter reaches half a texel beyond `source`, so\n   *  atlas frames need a gutter (see `SpriteSheet.spacing`) or `'nearest'`. */\n  source?: { x: number; y: number; w: number; h: number };\n  /** Mirror the sampled region within the destination rect. The quad does not\n   *  move — a flipped draw covers exactly the pixels an unflipped one does. */\n  flipX?: boolean;\n  flipY?: boolean;\n}\n\n/** Floats per sprite in `SpritesDrawCommand.sprites`. */\nexport const SPRITE_STRIDE = 9;\n\n/**\n * Draw many quads sampling one bitmap — an atlas, a sprite sheet, a wall of\n * thumbnails. The same picture as a run of `ImageDrawCommand`s the renderer\n * would coalesce anyway, handed over already packed so it never walks a\n * command object per quad.\n *\n * Reach for it past a few thousand sprites. Below that a plain run of image\n * commands merges into the same single draw and reads better; the packed form\n * exists because at 20,000 the object walk is about half the frame.\n *\n * The sprites are one run: they share a texture, a filter, and whatever group\n * transform, alpha, color matrix and clip are live, exactly as a merged run of\n * image commands would. Anything varying per sprite is in the array.\n */\nexport interface SpritesDrawCommand {\n  kind: 'sprites';\n  image: ImageBitmap;\n  /** Magnification filter for the whole run, as `ImageDrawCommand.sampling`. */\n  sampling?: 'linear' | 'nearest';\n  /**\n   * `SPRITE_STRIDE` floats per sprite:\n   * `dx, dy, dw, dh, sx, sy, sw, sh, opacity`.\n   *\n   * Destination is in the group's coordinates; source is in bitmap pixels,\n   * like `ImageDrawCommand.source`. A negative `sw` or `sh` mirrors that axis\n   * within the source rect, which is what `flipX` / `flipY` do. A trailing\n   * partial sprite is ignored.\n   */\n  sprites: Float32Array;\n}\n\n/**\n * Custom shader draw command. The renderer generates a quad over `bounds`\n * and dispatches the consumer's fragment shader with the kit's vertex prelude.\n *\n * `uniforms` keys must match names declared in the consumer's fragment shader.\n * The kit automatically sets `u_bounds`, `u_view`, and `u_proj` — do not\n * declare those in `uniforms`.\n *\n * @experimental API may change before v2.\n */\nexport interface ShaderDrawCommand {\n  kind: 'shader';\n  program: ShaderProgramHandle;\n  uniforms: Record<string, ShaderUniform>;\n  /** Screen-space bounding rect in CSS pixels. */\n  bounds: { x: number; y: number; w: number; h: number };\n}\n"],"mappings":";AA6JA,IAAaA,IAAgB"}
+{"version":3,"file":"DrawCommand.js","names":["SPRITE_STRIDE"],"sources":["../../src/renderer/DrawCommand.ts"],"sourcesContent":["// Import the source types directly, NOT through the `@weasel-js/core` self-barrel.\n// `src/index.ts` reexports `renderer/index.ts`, which reexports this module — so a\n// barrel import here forms a DrawCommand.ts → index.ts → renderer/index.ts → DrawCommand.ts\n// cycle that makes the dts bundler split them into mutually-dependent chunks and warn.\nimport type { Path } from '@weasel-js/geom';\nimport type { CommandFill, CommandStroke } from '@weasel-js/paint';\nimport type { TextAlign, TextDirection, TextStyle } from '@weasel-js/text';\nimport type { ResolvedRun } from '@weasel-js/text';\nimport type { TextVerticalAlign } from '@weasel-js/text';\nimport type { GlMat3 } from './math/mat3';\nimport type { ShaderProgramHandle, ShaderUniform } from './shaders/registerProgram';\nimport type { Effect } from './effects/types';\n\n/**\n * Solid-fill paint variant (subset of the full `FillStyle` union from\n * `@weasel-js/core`). Kept for back-compat with step-1/2 consumers and\n * because some code reads `fill.color` directly. Through step 4, fills can\n * be any `FillStyle` variant — solid, pattern, or gradient.\n */\nexport interface SolidPaint {\n  fill?: 'solid';\n  /** Any CSS color string accepted by `parseColor`: hex, `rgb()`/`rgba()`, `hsl()`/`hsla()`, named, or `transparent`. */\n  color: string;\n  opacity?: number;\n}\n\n/** DrawCommand variants implemented through step 6. */\nexport type DrawCommand =\n  | PathDrawCommand\n  | GroupDrawCommand\n  | TextDrawCommand\n  | ImageDrawCommand\n  | SpritesDrawCommand\n  | ShaderDrawCommand;\n\n/** Draw a path, filled and/or stroked. The workhorse command: every shape the\n *  kit draws that is not text, an image, or a custom shader is one of these. */\nexport interface PathDrawCommand {\n  kind: 'path';\n  path: Path;\n  /** Solid, pattern, or gradient (linear/radial/conic), resolved for the\n   *  renderer: `commandFill` makes one from a node's `FillStyle`. */\n  fill?: CommandFill;\n  /** Stroke spec. Its `paint` takes what `fill` does. */\n  stroke?: CommandStroke;\n  /**\n   * Optional flat RGBA-per-path-anchor color array (length =\n   * `4 × countPathAnchors(path)`, floats in 0..1). The renderer\n   * arc-length-interpolates these per-anchor colors across the\n   * flattened/triangulated mesh between consecutive anchors using the\n   * mesh's `anchorA` / `anchorB` / `anchorT` parameterization.\n   *\n   * **`fill` must also be set when using `vertexColors`.** The renderer\n   * only enters the per-vertex shader path when the command has a fill\n   * (the fill provides the opacity uniform; the vertex colors override\n   * the fill's color). Pass any solid `fill` (e.g. `{ color: '#fff' }`)\n   * as the placeholder; the per-vertex colors win in the shader.\n   */\n  vertexColors?: number[];\n}\n\n/** Draw a list of commands under a shared transform, opacity, color matrix\n *  and clip. Groups nest, and their effects accumulate down the stack — this\n *  is how a container node's transform reaches its descendants. */\nexport interface GroupDrawCommand {\n  kind: 'group';\n  transform?: GlMat3;\n  alpha?: number;\n  /**\n   * Optional 4×5 color matrix (row-major, 20 numbers) — `out = M₄ₓ₄ * in + bias`.\n   * Accumulated multiplicatively down the group stack. Defaults to identity.\n   */\n  colorMatrix?: number[];\n  /** Optional clip path. When set, the renderer rasterizes this path into\n   *  the stencil buffer before drawing `children`; the children paint only\n   *  where the clip covers. Nested groups with clips intersect — a child\n   *  cannot escape an ancestor's clip. Max 7 nesting levels; the renderer\n   *  throws if exceeded. */\n  clip?: Path;\n  /**\n   * Full-screen passes run over this group's own pixels, in order, before it\n   * is composited into its parent.\n   *\n   * Unlike every other field here, this does not accumulate down the group\n   * stack — it is a render-target boundary. The children draw into a buffer of\n   * their own, each effect reads the previous one's output, and the result is\n   * composited back under this group's `transform`, `alpha`, `colorMatrix` and\n   * whatever clip encloses it. So a blur here blurs this group and nothing\n   * around it, which is what a CSS `filter` on the canvas cannot do.\n   *\n   * An empty or absent list costs nothing: no buffer is allocated until a\n   * group asks for one.\n   */\n  effects?: readonly Effect[];\n  children: DrawCommand[];\n}\n\n/**\n * Text draw command. Renders one or more runs at (`x`, `y`) in screen\n * space, optionally word-wrapping at `maxWidth`. The renderer resolves\n * each run's `(fontFamily, fontWeight, fontStyle)` to an MSDF atlas via\n * `resolveFontVariant` and bucket-draws by atlas + color group.\n *\n * `style` carries node-level defaults (`lineHeight`, anti-alias width)\n * that don't belong on individual runs.\n */\nexport interface TextDrawCommand {\n  kind: 'text';\n  x: number;\n  y: number;\n  runs: ResolvedRun[];\n  /** Wrap width. Absent never wraps. */\n  maxWidth?: number;\n  align?: TextAlign;\n  /** What `start` / `end` resolve against, and the base direction of bidi\n   *  reordering — see `LayoutRunsOpts.direction`. Default `style`'s. */\n  direction?: TextDirection | 'auto';\n  /** Spread each wrapped line across `width` — see `LayoutRunsOpts.justify`.\n   *  `align` then sets only the lines it does not spread. Default `false`. */\n  justify?: boolean;\n  /** Box width `align` resolves within, from `x`. Default `maxWidth`; with\n   *  neither, `x` is the line's left edge, midpoint or right edge. */\n  width?: number;\n  style: TextStyle;\n  /** Box height for vertical alignment. When set with `verticalAlign`,\n   *  the laid-out block shifts within `[y, y+height]`. */\n  height?: number;\n  /** Default 'top' — the legacy top-anchored behavior. */\n  verticalAlign?: TextVerticalAlign;\n}\n\n/**\n * Image draw command — renders `image` at screen-space rect (x, y, w, h).\n * The image is stretched to fit; no tiling. Use a pattern FillStyle on a path\n * for tiling.\n */\nexport interface ImageDrawCommand {\n  kind: 'image';\n  image: ImageBitmap;\n  x: number;\n  y: number;\n  w: number;\n  h: number;\n  opacity?: number;\n  /** Magnification filter. `'linear'` (default) smooths; `'nearest'` shows\n   *  device pixels as hard squares — required by anything magnifying a\n   *  framebuffer readback, where blur destroys the point of the readback. */\n  sampling?: 'linear' | 'nearest';\n  /** Sub-rectangle of `image` to draw, in bitmap pixels from the top-left.\n   *  Omitted draws the whole bitmap. Not range-checked: a rect past the edge\n   *  samples outside [0..1], which CLAMP_TO_EDGE smears. With\n   *  `sampling: 'linear'` the filter reaches half a texel beyond `source`, so\n   *  atlas frames need a gutter (see `SpriteSheet.spacing`) or `'nearest'`. */\n  source?: { x: number; y: number; w: number; h: number };\n  /** Mirror the sampled region within the destination rect. The quad does not\n   *  move — a flipped draw covers exactly the pixels an unflipped one does. */\n  flipX?: boolean;\n  flipY?: boolean;\n}\n\n/** Floats per sprite in `SpritesDrawCommand.sprites`. */\nexport const SPRITE_STRIDE = 9;\n\n/**\n * Draw many quads sampling one bitmap — an atlas, a sprite sheet, a wall of\n * thumbnails. The same picture as a run of `ImageDrawCommand`s the renderer\n * would coalesce anyway, handed over already packed so it never walks a\n * command object per quad.\n *\n * Reach for it past a few thousand sprites. Below that a plain run of image\n * commands merges into the same single draw and reads better; the packed form\n * exists because at 20,000 the object walk is about half the frame.\n *\n * The sprites are one run: they share a texture, a filter, and whatever group\n * transform, alpha, color matrix and clip are live, exactly as a merged run of\n * image commands would. Anything varying per sprite is in the array.\n */\nexport interface SpritesDrawCommand {\n  kind: 'sprites';\n  image: ImageBitmap;\n  /** Magnification filter for the whole run, as `ImageDrawCommand.sampling`. */\n  sampling?: 'linear' | 'nearest';\n  /**\n   * `SPRITE_STRIDE` floats per sprite:\n   * `dx, dy, dw, dh, sx, sy, sw, sh, opacity`.\n   *\n   * Destination is in the group's coordinates; source is in bitmap pixels,\n   * like `ImageDrawCommand.source`. A negative `sw` or `sh` mirrors that axis\n   * within the source rect, which is what `flipX` / `flipY` do. A trailing\n   * partial sprite is ignored.\n   */\n  sprites: Float32Array;\n}\n\n/**\n * Custom shader draw command. The renderer generates a quad over `bounds`\n * and dispatches the consumer's fragment shader with the kit's vertex prelude.\n *\n * `uniforms` keys must match names declared in the consumer's fragment shader.\n * The kit automatically sets `u_bounds`, `u_view`, and `u_proj` — do not\n * declare those in `uniforms`.\n *\n * @experimental API may change before v2.\n */\nexport interface ShaderDrawCommand {\n  kind: 'shader';\n  program: ShaderProgramHandle;\n  uniforms: Record<string, ShaderUniform>;\n  /** Screen-space bounding rect in CSS pixels. */\n  bounds: { x: number; y: number; w: number; h: number };\n}\n"],"mappings":";AAiKA,IAAaA,IAAgB"}

package/dist/renderer/WeaselRenderer.js

@@ -1,44 +1,46 @@
 import { createPaintResources as e } from "./paintResources.js";
 import { ShaderProgram as t } from "./shaders/ShaderProgram.js";
 import { FRAG_SRC as n, PATH_FILL_ATTRIBUTES as r, PATH_FILL_UNIFORMS as i, PATH_FILL_VCOLOR_ATTRIBUTES as a, VCOLOR_FRAG_SRC as o, VCOLOR_VERT_SRC as s, VERT_SRC as c } from "./shaders/pathFill.js";
-import { IMAGE_FILL_ATTRIBUTES as l, IMAGE_FILL_UNIFORMS as u, IMAGE_FRAG_SRC as d, IMAGE_VERT_SRC as f } from "./shaders/imageFill.js";
-import { BATCH_FILL_ATTRIBUTES as p, BATCH_FILL_UNIFORMS as m, BATCH_FRAG_SRC as h, BATCH_VERT_SRC as g } from "./shaders/batchFill.js";
-import { GRAD_FILL_ATTRIBUTES as _, GRAD_FILL_UNIFORMS as v, GRAD_FRAG_SRC as y, GRAD_VERT_SRC as b } from "./shaders/gradFill.js";
-import { PATTERN_FILL_ATTRIBUTES as x, PATTERN_FILL_UNIFORMS as S, PATTERN_FRAG_SRC as C, PATTERN_VERT_SRC as w } from "./shaders/patternFill.js";
-import { GLYPH_GRAD_FRAG_SRC as T, GLYPH_GRAD_UNIFORMS as E, GLYPH_PAINT_ATTRIBUTES as D, GLYPH_PAINT_VERT_SRC as O, GLYPH_PATTERN_FRAG_SRC as k, GLYPH_PATTERN_UNIFORMS as A, GLYPH_TEXTURE_FRAG_SRC as j, GLYPH_TEXTURE_UNIFORMS as ee } from "./shaders/glyphPaint.js";
+import { BATCH_FILL_ATTRIBUTES as l, BATCH_FILL_UNIFORMS as u, BATCH_FRAG_SRC as d, BATCH_VERT_SRC as f } from "./shaders/batchFill.js";
+import { GRAD_FILL_ATTRIBUTES as p, GRAD_FILL_UNIFORMS as m, GRAD_FRAG_SRC as h, GRAD_VERT_SRC as g } from "./shaders/gradFill.js";
+import { PATTERN_FILL_ATTRIBUTES as _, PATTERN_FILL_UNIFORMS as v, PATTERN_FRAG_SRC as y, PATTERN_VERT_SRC as b } from "./shaders/patternFill.js";
+import { GLYPH_GRAD_FRAG_SRC as x, GLYPH_GRAD_UNIFORMS as S, GLYPH_PAINT_ATTRIBUTES as C, GLYPH_PAINT_VERT_SRC as w, GLYPH_PATTERN_FRAG_SRC as T, GLYPH_PATTERN_UNIFORMS as E, GLYPH_TEXTURE_FRAG_SRC as D, GLYPH_TEXTURE_UNIFORMS as ee } from "./shaders/glyphPaint.js";
 import { PaintScratch as te } from "./paintScratch.js";
-import { GLMeshCache as M } from "./cache/GLMeshCache.js";
-import { GLTextureCache as N } from "./cache/GLTextureCache.js";
-import { GLImageCache as P } from "./cache/GLImageCache.js";
-import { GradientRampAtlas as F } from "./cache/GradientRampAtlas.js";
-import { GroupState as I } from "./state/GroupState.js";
-import { getProgramSource as L } from "./shaders/registerProgram.js";
+import { GLMeshCache as O } from "./cache/GLMeshCache.js";
+import { GLTextureCache as k } from "./cache/GLTextureCache.js";
+import { textureRegistry as A } from "./textures/registerTexture.js";
+import { GLImageCache as j } from "./cache/GLImageCache.js";
+import { GradientRampAtlas as M } from "./cache/GradientRampAtlas.js";
+import { GroupState as N } from "./state/GroupState.js";
+import { getProgramSource as P } from "./shaders/registerProgram.js";
+import { flushBatch as F } from "./draw/flushBatch.js";
+import { OUTLINE_MIN_SCREEN_PX as I } from "./draw/text.js";
+import { dispatch as L } from "./draw.js";
 import { DrawBatch as R } from "./drawBatch.js";
-import { OUTLINE_MIN_SCREEN_PX as ne, dispatch as z, flushBatch as B } from "./draw.js";
-import { CUSTOM_ATTRIBUTES as V, CUSTOM_KIT_UNIFORMS as H, CUSTOM_VERT_SRC as U, QUAD_INDICES as W, QUAD_VERTICES as G } from "./shaders/customPrelude.js";
-import { EffectTargets as K } from "./effects/EffectTargets.js";
-import { extractUniformArrays as q, extractUniformNames as J } from "./shaders/extractUniformNames.js";
-import { DEFAULT_BAKE_BUDGET as Y, markAllFontsNotUploaded as X, resetBakeBudget as re } from "@weasel-js/font";
+import { CUSTOM_ATTRIBUTES as z, CUSTOM_KIT_UNIFORMS as B, CUSTOM_VERT_SRC as V, QUAD_INDICES as H, QUAD_VERTICES as U } from "./shaders/customPrelude.js";
+import { EffectTargets as W } from "./effects/EffectTargets.js";
+import { extractUniformArrays as G, extractUniformNames as K } from "./shaders/extractUniformNames.js";
+import { DEFAULT_BAKE_BUDGET as q, markAllFontsNotUploaded as J, resetBakeBudget as Y } from "@weasel-js/font";
 //#region src/renderer/WeaselRenderer.ts
-function ie(e, t) {
+function X(e, t) {
 	return [
-		...H,
-		...J(e),
-		...J(t)
+		...B,
+		...K(e),
+		...K(t)
 	];
 }
 function Z(e, n) {
-	let r = n.vert === "" ? U : n.vert, i = new t(e, r, n.frag);
-	return i.lookupUniforms(ie(r, n.frag)), i.lookupUniformArrays(new Map([...q(r), ...q(n.frag)])), i.lookupAttributes(V), i;
+	let r = n.vert === "" ? V : n.vert, i = new t(e, r, n.frag);
+	return i.lookupUniforms(X(r, n.frag)), i.lookupUniformArrays(new Map([...G(r), ...G(n.frag)])), i.lookupAttributes(z), i;
 }
 function Q() {
 	return typeof performance < "u" ? performance.now() : Date.now();
 }
-var ae = {
-	pattern: [k, A],
-	gradient: [T, E],
-	texture: [j, ee]
-}, oe = class {
+var ne = {
+	pattern: [T, E],
+	gradient: [x, S],
+	texture: [D, ee]
+}, re = class {
 	gl;
 	stats = {
 		drawCalls: 0,
@@ -47,7 +49,6 @@ var ae = {
 	};
 	pathFill;
 	pathFillVColor;
-	imageFill;
 	batchFill;
 	gradFill;
 	patternFill;
@@ -62,11 +63,12 @@ var ae = {
 	quadIbo = null;
 	drawBatch;
 	whiteTexture = null;
-	groupState = new I();
+	groupState = new N();
 	widthCss;
 	heightCss;
 	dpr;
 	canvas = null;
+	lossTarget = null;
 	target = null;
 	effectTargets;
 	paintScratch;
@@ -81,24 +83,23 @@ var ae = {
 	paintResources = e();
 	constructor(e) {
 		if (!e.gl && !e.canvas) throw Error("WeaselRenderer requires either gl or canvas");
-		let T = e.gl ?? e.canvas.getContext("webgl2", { stencil: !0 });
-		if (!T) throw Error("WeaselRenderer: WebGL2 not available");
-		this.gl = T, this.effectTargets = new K(this.gl), this.paintScratch = new te(this.gl);
-		let E = typeof this.gl.getContextAttributes == "function" ? this.gl.getContextAttributes() : null;
-		if (E && E.stencil === !1) throw Error("WeaselRenderer: the supplied WebGL2 context has no stencil buffer. Create it with { stencil: true } — clips and even-odd fills need one.");
-		this.widthCss = e.width, this.heightCss = e.height, this.dpr = e.dpr, this.imageMinification = e.imageMinification ?? "linear", this.flattenTolerance = e.flattenTolerance, this.bakeBudget = e.bakeBudget ?? Y, this.textOutlineMinScreenSize = e.textOutlineMinScreenSize ?? ne, this.canvas = e.canvas ?? null, this.canvas && (this.canvas.width = Math.round(e.width * e.dpr), this.canvas.height = Math.round(e.height * e.dpr), this.canvas.style && (this.canvas.style.width = `${e.width}px`, this.canvas.style.height = `${e.height}px`), this.canvas.addEventListener("webglcontextlost", this.boundOnLost), this.canvas.addEventListener("webglcontextrestored", this.boundOnRestored)), this.applyGlState(), this.applyTarget(), this.pathFill = new t(this.gl, c, n), this.pathFill.lookupUniforms(i), this.pathFill.lookupAttributes(r), this.pathFillVColor = new t(this.gl, s, o), this.pathFillVColor.lookupUniforms(i), this.pathFillVColor.lookupAttributes(a), this.imageFill = new t(this.gl, f, d), this.imageFill.lookupUniforms(u), this.imageFill.lookupAttributes(l), this.batchFill = new t(this.gl, g, h), this.batchFill.lookupUniforms(m), this.batchFill.lookupAttributes(p), this.gradFill = new t(this.gl, b, y), this.gradFill.lookupUniforms(v), this.gradFill.lookupAttributes(_), this.patternFill = new t(this.gl, w, C), this.patternFill.lookupUniforms(S), this.patternFill.lookupAttributes(x);
-		let D = this.pathFill.attribute("a_position");
-		if (D === void 0) throw Error("WeaselRenderer: a_position not found in path-fill shader");
-		this.meshCache = new M(this.gl, D), this.textureCache = new N(this.gl), this.imageCache = new P(this.gl, this.imageMinification), this.gradRamps = new F(this.gl), this.uploadQuadGeometry(), this.drawBatch = new R(this.gl, this.batchFill), this.whiteTexture = $(this.gl);
+		let x = e.gl ?? e.canvas.getContext("webgl2", { stencil: !0 });
+		if (!x) throw Error("WeaselRenderer: WebGL2 not available");
+		this.gl = x, this.effectTargets = new W(this.gl), this.paintScratch = new te(this.gl);
+		let S = typeof this.gl.getContextAttributes == "function" ? this.gl.getContextAttributes() : null;
+		if (S && S.stencil === !1) throw Error("WeaselRenderer: the supplied WebGL2 context has no stencil buffer. Create it with { stencil: true } — clips and even-odd fills need one.");
+		this.widthCss = e.width, this.heightCss = e.height, this.dpr = e.dpr, this.imageMinification = e.imageMinification ?? "linear", this.flattenTolerance = e.flattenTolerance, this.bakeBudget = e.bakeBudget ?? q, this.textOutlineMinScreenSize = e.textOutlineMinScreenSize ?? I, this.canvas = e.canvas ?? null, this.canvas && (this.canvas.width = Math.round(e.width * e.dpr), this.canvas.height = Math.round(e.height * e.dpr), this.canvas.style && (this.canvas.style.width = `${e.width}px`, this.canvas.style.height = `${e.height}px`));
+		let C = this.canvas ?? this.gl.canvas ?? null;
+		C && typeof C.addEventListener == "function" && (this.lossTarget = C, this.lossTarget.addEventListener("webglcontextlost", this.boundOnLost), this.lossTarget.addEventListener("webglcontextrestored", this.boundOnRestored)), this.applyGlState(), this.applyTarget(), this.pathFill = new t(this.gl, c, n), this.pathFill.lookupUniforms(i), this.pathFill.lookupAttributes(r), this.pathFillVColor = new t(this.gl, s, o), this.pathFillVColor.lookupUniforms(i), this.pathFillVColor.lookupAttributes(a), this.batchFill = new t(this.gl, f, d), this.batchFill.lookupUniforms(u), this.batchFill.lookupAttributes(l), this.gradFill = new t(this.gl, g, h), this.gradFill.lookupUniforms(m), this.gradFill.lookupAttributes(p), this.patternFill = new t(this.gl, b, y), this.patternFill.lookupUniforms(v), this.patternFill.lookupAttributes(_), this.meshCache = new O(this.gl), this.textureCache = new k(this.gl), this.imageCache = new j(this.gl, this.imageMinification), this.gradRamps = new M(this.gl), this.uploadQuadGeometry(), this.drawBatch = new R(this.gl, this.batchFill), this.whiteTexture = $(this.gl);
 	}
 	uploadQuadGeometry() {
 		let e = this.gl;
 		if (this.quadVbo = e.createBuffer(), this.quadIbo = e.createBuffer(), !this.quadVbo || !this.quadIbo) throw Error("WeaselRenderer: failed to create quad geometry buffers");
-		e.bindBuffer(e.ARRAY_BUFFER, this.quadVbo), e.bufferData(e.ARRAY_BUFFER, G, e.STATIC_DRAW), e.bindBuffer(e.ARRAY_BUFFER, null), e.bindBuffer(e.ELEMENT_ARRAY_BUFFER, this.quadIbo), e.bufferData(e.ELEMENT_ARRAY_BUFFER, W, e.STATIC_DRAW), e.bindBuffer(e.ELEMENT_ARRAY_BUFFER, null);
+		e.bindBuffer(e.ARRAY_BUFFER, this.quadVbo), e.bufferData(e.ARRAY_BUFFER, U, e.STATIC_DRAW), e.bindBuffer(e.ARRAY_BUFFER, null), e.bindBuffer(e.ELEMENT_ARRAY_BUFFER, this.quadIbo), e.bufferData(e.ELEMENT_ARRAY_BUFFER, H, e.STATIC_DRAW), e.bindBuffer(e.ELEMENT_ARRAY_BUFFER, null);
 	}
 	registerProgram(e) {
 		if (this.disposed) return;
-		let t = L(e.id);
+		let t = P(e.id);
 		if (!t) throw Error(`WeaselRenderer.registerProgram: program "${e.id}" not found in source registry. Call the module-level registerProgram() first.`);
 		this.installProgram(e.id, t, Z(this.gl, t));
 	}
@@ -108,7 +109,7 @@ var ae = {
 	}
 	refreshPrograms() {
 		for (let [e, t] of this.programSources) {
-			let n = L(e);
+			let n = P(e);
 			if (n && n !== t) {
 				if (n.vert === t.vert && n.frag === t.frag) {
 					this.programSources.set(e, n);
@@ -125,7 +126,7 @@ var ae = {
 	ensureProgram(e) {
 		let t = this.programRegistry.get(e);
 		if (t) return t;
-		if (this.disposed || !L(e)) return null;
+		if (this.disposed || !P(e)) return null;
 		try {
 			this.registerProgram({ id: e });
 		} catch (t) {
@@ -136,21 +137,30 @@ var ae = {
 	glyphPaintProgram(e) {
 		let n = this.glyphPaintPrograms.get(e);
 		if (n) return n;
-		let [r, i] = ae[e], a = new t(this.gl, O, r);
-		return a.lookupUniforms(i), a.lookupAttributes(D), this.glyphPaintPrograms.set(e, a), a;
+		let [r, i] = ne[e], a = new t(this.gl, w, r);
+		return a.lookupUniforms(i), a.lookupAttributes(C), this.glyphPaintPrograms.set(e, a), a;
 	}
 	applyGlState() {
 		let e = this.gl;
-		e.enable(e.BLEND), e.blendFunc(e.ONE, e.ONE_MINUS_SRC_ALPHA), e.disable(e.DEPTH_TEST), e.disable(e.CULL_FACE), e.clearColor(0, 0, 0, 0);
+		e.enable(e.BLEND), e.blendFunc(e.ONE, e.ONE_MINUS_SRC_ALPHA), e.disable(e.DEPTH_TEST), e.disable(e.CULL_FACE), e.clearColor(0, 0, 0, 0), e.colorMask(!0, !0, !0, !0), e.bindVertexArray(null), e.pixelStorei(e.UNPACK_FLIP_Y_WEBGL, !1);
+	}
+	deviceRect() {
+		let e = this.target?.origin.x ?? 0, t = this.target?.origin.y ?? 0, n = Math.round(e * this.dpr), r = Math.round(t * this.dpr);
+		return {
+			x: n,
+			y: r,
+			width: Math.round((e + this.widthCss) * this.dpr) - n,
+			height: Math.round((t + this.heightCss) * this.dpr) - r
+		};
 	}
 	applyTarget() {
-		let e = this.gl, t = Math.round(this.widthCss * this.dpr), n = Math.round(this.heightCss * this.dpr);
+		let e = this.gl, { x: t, y: n, width: r, height: i } = this.deviceRect();
 		if (!this.target) {
-			e.disable(e.SCISSOR_TEST), e.viewport(0, 0, t, n);
+			e.disable(e.SCISSOR_TEST), e.viewport(0, 0, r, i);
 			return;
 		}
-		let r = Math.round(this.target.origin.x * this.dpr), i = e.drawingBufferHeight - Math.round(this.target.origin.y * this.dpr) - n;
-		e.viewport(r, i, t, n), e.scissor(r, i, t, n), e.enable(e.SCISSOR_TEST);
+		let a = e.drawingBufferHeight - n - i;
+		e.viewport(t, a, r, i), e.scissor(t, a, r, i), e.enable(e.SCISSOR_TEST);
 	}
 	setTarget(e) {
 		this.target = e, this.applyTarget();
@@ -165,12 +175,9 @@ var ae = {
 		e.preventDefault(), this.contextLost = !0;
 	}
 	onContextRestored() {
-		this.contextLost = !1, this.applyGlState(), this.applyTarget(), this.effectTargets.releaseAll(), this.paintScratch.release(), this.paintResources.release(), this.paintResources = e(), this.pathFill = new t(this.gl, c, n), this.pathFill.lookupUniforms(i), this.pathFill.lookupAttributes(r), this.pathFillVColor = new t(this.gl, s, o), this.pathFillVColor.lookupUniforms(i), this.pathFillVColor.lookupAttributes(a), this.imageFill = new t(this.gl, f, d), this.imageFill.lookupUniforms(u), this.imageFill.lookupAttributes(l), this.batchFill = new t(this.gl, g, h), this.batchFill.lookupUniforms(m), this.batchFill.lookupAttributes(p), this.gradFill = new t(this.gl, b, y), this.gradFill.lookupUniforms(v), this.gradFill.lookupAttributes(_), this.patternFill = new t(this.gl, w, C), this.patternFill.lookupUniforms(S), this.patternFill.lookupAttributes(x), this.glyphPaintPrograms.clear();
-		let T = this.pathFill.attribute("a_position");
-		if (T === void 0) throw Error("a_position missing after restore");
-		this.meshCache = new M(this.gl, T), this.textureCache = new N(this.gl), this.imageCache.abandon(), this.imageCache = new P(this.gl, this.imageMinification), this.gradRamps = new F(this.gl), X(), this.uploadQuadGeometry(), this.drawBatch = new R(this.gl, this.batchFill), this.whiteTexture = $(this.gl);
+		this.contextLost = !1, this.applyGlState(), this.applyTarget(), this.effectTargets.releaseAll(), this.paintScratch.release(), this.paintResources.release(), this.paintResources = e(), this.pathFill = new t(this.gl, c, n), this.pathFill.lookupUniforms(i), this.pathFill.lookupAttributes(r), this.pathFillVColor = new t(this.gl, s, o), this.pathFillVColor.lookupUniforms(i), this.pathFillVColor.lookupAttributes(a), this.batchFill = new t(this.gl, f, d), this.batchFill.lookupUniforms(u), this.batchFill.lookupAttributes(l), this.gradFill = new t(this.gl, g, h), this.gradFill.lookupUniforms(m), this.gradFill.lookupAttributes(p), this.patternFill = new t(this.gl, b, y), this.patternFill.lookupUniforms(v), this.patternFill.lookupAttributes(_), this.glyphPaintPrograms.clear(), this.meshCache = new O(this.gl), this.textureCache = new k(this.gl), this.imageCache.abandon(), this.imageCache = new j(this.gl, this.imageMinification), this.gradRamps = new M(this.gl), J(), this.uploadQuadGeometry(), this.drawBatch = new R(this.gl, this.batchFill), this.whiteTexture = $(this.gl);
 		for (let e of this.programRegistry.keys()) {
-			let t = L(e);
+			let t = P(e);
 			if (t) try {
 				this.programRegistry.set(e, Z(this.gl, t)), this.programSources.set(e, t);
 			} catch (t) {
@@ -182,11 +189,10 @@ var ae = {
 		if (this.disposed) return;
 		this.disposed = !0;
 		let e = this.gl;
-		this.canvas && (this.canvas.removeEventListener("webglcontextlost", this.boundOnLost), this.canvas.removeEventListener("webglcontextrestored", this.boundOnRestored)), this.meshCache.dispose(), this.paintResources.release();
+		this.lossTarget && (this.lossTarget.removeEventListener("webglcontextlost", this.boundOnLost), this.lossTarget.removeEventListener("webglcontextrestored", this.boundOnRestored)), this.meshCache.dispose(), this.paintResources.release();
 		for (let t of [
 			this.pathFill,
 			this.pathFillVColor,
-			this.imageFill,
 			this.batchFill,
 			this.gradFill,
 			this.patternFill,
@@ -205,12 +211,11 @@ var ae = {
 			spans: a
 		};
 		let o = this.gl;
-		this.meshCache.drainPendingDeletes(), this.refreshPrograms(), re(this.bakeBudget), this.groupState.reset(), this.applyGlState(), this.applyTarget(), this.target?.clear !== !1 && (o.stencilMask(255), o.clear(o.COLOR_BUFFER_BIT | o.STENCIL_BUFFER_BIT));
-		let s = {
+		this.meshCache.drainPendingDeletes(), this.imageCache.drainPendingDeletes(), this.textureCache.sweep(A), this.refreshPrograms(), Y(this.bakeBudget), this.groupState.reset(), this.drawBatch.reset(), this.effectTargets.reclaim(), o.bindFramebuffer(o.FRAMEBUFFER, null), this.applyGlState(), this.applyTarget(), this.target?.clear !== !1 && (o.stencilMask(255), o.clear(o.COLOR_BUFFER_BIT | o.STENCIL_BUFFER_BIT));
+		let s = this.deviceRect(), c = {
 			gl: o,
 			pathFill: this.pathFill,
 			pathFillVColor: this.pathFillVColor,
-			imageFill: this.imageFill,
 			batchFill: this.batchFill,
 			gradFill: this.gradFill,
 			patternFill: this.patternFill,
@@ -236,27 +241,27 @@ var ae = {
 			effectTargets: this.effectTargets,
 			paintScratch: this.paintScratch,
 			renderTarget: null,
-			deviceWidth: Math.round(this.widthCss * this.dpr),
-			deviceHeight: Math.round(this.heightCss * this.dpr),
+			deviceWidth: s.width,
+			deviceHeight: s.height,
 			restoreTargetRect: () => this.applyTarget(),
 			paintResources: this.paintResources,
 			stats: i
 		};
 		this.drawBatch.clip = null;
-		let c = n?.spans ?? [], l = 0;
-		for (let t = 0; t < c.length; t++) {
-			let n = c[t];
-			for (; l < n.start; l++) z(s, e[l]);
+		let l = n?.spans ?? [], u = 0;
+		for (let t = 0; t < l.length; t++) {
+			let n = l[t];
+			for (; u < n.start; u++) L(c, e[u]);
 			let r = i.drawCalls, o = Q();
-			for (; l < n.end; l++) z(s, e[l]);
-			t === c.length - 1 && l >= e.length && B(s), a.push({
+			for (; u < n.end; u++) L(c, e[u]);
+			t === l.length - 1 && u >= e.length && F(c), a.push({
 				id: n.id,
 				drawCalls: i.drawCalls - r,
 				ms: Q() - o
 			});
 		}
-		for (; l < e.length; l++) z(s, e[l]);
-		B(s), this.meshCache.freeTransient(), this.stats.drawCalls = i.drawCalls, this.stats.ms = Q() - r;
+		for (; u < e.length; u++) L(c, e[u]);
+		F(c), this.meshCache.freeTransient(), this.stats.drawCalls = i.drawCalls, this.stats.ms = Q() - r;
 	}
 	lastFrameStats() {
 		return this.stats;
@@ -279,9 +284,6 @@ var ae = {
 	_drawBatch() {
 		return this.drawBatch;
 	}
-	_imageFill() {
-		return this.imageFill;
-	}
 	_batchFill() {
 		return this.batchFill;
 	}
@@ -326,6 +328,6 @@ function $(e) {
 	])), e.texParameteri(e.TEXTURE_2D, e.TEXTURE_MIN_FILTER, e.NEAREST), e.texParameteri(e.TEXTURE_2D, e.TEXTURE_MAG_FILTER, e.NEAREST), e.texParameteri(e.TEXTURE_2D, e.TEXTURE_WRAP_S, e.CLAMP_TO_EDGE), e.texParameteri(e.TEXTURE_2D, e.TEXTURE_WRAP_T, e.CLAMP_TO_EDGE), e.bindTexture(e.TEXTURE_2D, null), t) : null;
 }
 //#endregion
-export { oe as WeaselRenderer };
+export { re as WeaselRenderer };
 
 //# sourceMappingURL=WeaselRenderer.js.map