@weasel-js/core 1.9.2 → 1.9.4

package/dist/animation/behaviors/momentum.js

@@ -3,65 +3,88 @@ import { translatePoseViaDescriptor as t } from "../../core/geometry/poseDescrip
 import { AUTO_POSE_DESCRIPTOR as n } from "../../interactions/actions/resize/autoPoseDescriptor.js";
 import { getScratch as r, scratchKey as i, setScratch as a } from "@weasel-js/routing";
 //#region src/animation/behaviors/momentum.ts
-var o = i("momentum.samples");
-function s(i) {
-	let s = i.friction ?? .92, c = i.threshold ?? 200, l = i.velocitySampleMs ?? 80, u = i.now ?? (() => Date.now()), d = i.bounds, f = i.boundary ?? "stop", p = i.poseDescriptor ?? n, m = (e, t, n, r) => {
+var o = (e, t) => e.x === t.x && e.y === t.y && e.width === t.width && e.height === t.height, s = 0, c = i("momentum.samples");
+function l(i) {
+	let l = i.friction ?? .92, u = i.threshold ?? 200, d = i.velocitySampleMs ?? 80, f = i.now ?? (() => Date.now()), p = i.bounds, m = i.boundary ?? "stop", h = i.poseDescriptor ?? n, g = (e, t, n, r) => {
 		let i = e + n, a = t + r;
-		if (!d) return {
+		if (!p) return {
 			nx: i,
 			ny: a,
 			hit: !1
 		};
 		let o = !1;
-		return i < d.x ? (i = d.x, o = !0) : i > d.x + d.width && (i = d.x + d.width, o = !0), a < d.y ? (a = d.y, o = !0) : a > d.y + d.height && (a = d.y + d.height, o = !0), {
+		return i < p.x ? (i = p.x, o = !0) : i > p.x + p.width && (i = p.x + p.width, o = !0), a < p.y ? (a = p.y, o = !0) : a > p.y + p.height && (a = p.y + p.height, o = !0), {
 			nx: i,
 			ny: a,
 			hit: o
 		};
-	}, h = (e) => {
-		let t = r(e.scratch, o);
-		t || (t = [], a(e.scratch, o, t)), t.push({
-			t: u(),
+	}, _ = (e) => {
+		let t = r(e.scratch, c);
+		t || (t = [], a(e.scratch, c, t)), t.push({
+			t: f(),
 			x: e.pointer.worldX,
 			y: e.pointer.worldY
 		});
-		let n = u() - l * 4;
+		let n = f() - d * 4;
 		for (; t.length > 1 && t[0].t < n;) t.shift();
-	};
+	}, v = /* @__PURE__ */ new Set();
 	return {
 		onStart(e) {
-			a(e.scratch, o, []), h(e);
+			for (let t of [...v]) t.ids.some((t) => e.draggedIds.includes(t)) && t.stop();
+			a(e.scratch, c, []), _(e);
 		},
 		onMove(e) {
-			h(e);
+			_(e);
 		},
 		onEnd(n, a) {
 			if (a.answered) return;
-			let u = r(n.scratch, o) ?? [];
-			if (u.length < 2) return;
-			let h = u[u.length - 1], g = h.t - l, _ = u[0];
-			for (let e of u) if (e.t >= g) {
-				_ = e;
+			let f = r(n.scratch, c) ?? [];
+			if (f.length < 2) return;
+			let _ = f[f.length - 1], y = _.t - d, b = f[0];
+			for (let e of f) if (e.t >= y) {
+				b = e;
 				break;
 			}
-			let v = (h.t - _.t) / 1e3;
-			if (v <= 0) return;
-			let y = (h.x - _.x) / v, b = (h.y - _.y) / v;
-			if (Math.hypot(y, b) < c) return;
-			let x = new Map(n.current), S = {
+			let x = (_.t - b.t) / 1e3;
+			if (x <= 0) return;
+			let S = (_.x - b.x) / x, C = (_.y - b.y) / x;
+			if (Math.hypot(S, C) < u) return;
+			let w = new Map(n.current), T = {
 				x: 0,
 				y: 0
-			}, C = n.adapter, w = /* @__PURE__ */ new Map(), T = null;
-			T = i.animator.decay({
+			}, E = n.adapter, D = (e) => {
+				if (E.previewPoses) E.previewPoses(e);
+				else for (let [t, n] of e) n !== null && E.setPose(t, n);
+			}, O = new Set(n.draggedIds), k = /* @__PURE__ */ new Map();
+			for (let e of O) E.getNode(e) && k.set(e, h.getBounds(E.getPose(e)));
+			let A = (e) => {
+				let t = k.get(e);
+				return t !== void 0 && E.getNode(e) !== void 0 && o(h.getBounds(E.getPose(e)), t);
+			}, j = /* @__PURE__ */ new Map(), M = `momentum:${s++}`, N = {
+				ids: n.draggedIds.slice(),
+				stop: () => {
+					if (!i.animator.isActive(M)) {
+						v.delete(N);
+						return;
+					}
+					P.cancel(), F();
+				}
+			};
+			v.add(N), D(new Map([...O].flatMap((e) => {
+				let t = w.get(e);
+				return t === void 0 ? [] : [[e, t]];
+			})));
+			let P = i.animator.decay({
 				from: {
 					x: 0,
 					y: 0
 				},
 				velocity: {
-					x: y,
-					y: b
+					x: S,
+					y: C
 				},
-				friction: s,
+				friction: l,
+				cancelKey: M,
 				add: (e, t) => ({
 					x: e.x + t.x,
 					y: e.y + t.y
@@ -72,47 +95,62 @@ function s(i) {
 				}),
 				magnitude: (e) => Math.hypot(e.x, e.y),
 				onTick: (e) => {
-					S = e;
-					let r = d !== void 0;
-					for (let i of n.draggedIds) {
-						let n = x.get(i);
-						if (!n) continue;
-						let a = p.getBounds(n), { nx: o, ny: s, hit: c } = m(a.x, a.y, e.x, e.y);
-						c || (r = !1), w.set(i, {
-							x: o,
-							y: s
-						}), C.setPose(i, t(n, o - a.x, s - a.y, p));
+					T = e;
+					let n = p !== void 0, r = /* @__PURE__ */ new Map();
+					for (let i of [...O]) {
+						if (!A(i)) {
+							O.delete(i), r.set(i, null);
+							continue;
+						}
+						let a = w.get(i);
+						if (!a) continue;
+						let o = h.getBounds(a), { nx: s, ny: c, hit: l } = g(o.x, o.y, e.x, e.y);
+						l || (n = !1), j.set(i, {
+							x: s,
+							y: c
+						}), r.set(i, t(a, s - o.x, c - o.y, h));
 					}
-					f === "stop" && r && T && (T.cancel(), E());
+					D(r);
+					for (let e of O) k.set(e, h.getBounds(E.getPose(e)));
+					if (O.size === 0) {
+						v.delete(N), P.cancel();
+						return;
+					}
+					m === "stop" && n && N.stop();
 				},
 				onDone: () => {
-					E();
+					F();
 				}
 			});
-			function E() {
-				if (!C.applyOps) return;
-				let r = [];
-				for (let i of n.draggedIds) {
-					let n = x.get(i);
-					if (!n) continue;
-					let a = p.getBounds(n), o = w.get(i) ?? {
-						x: a.x + S.x,
-						y: a.y + S.y
-					}, s = t(n, o.x - a.x, o.y - a.y, p);
+			function F() {
+				if (!v.delete(N)) return;
+				let r = [], i = /* @__PURE__ */ new Map();
+				for (let a of O) {
+					if (i.set(a, null), !A(a)) continue;
+					let o = w.get(a);
+					if (!o) continue;
+					let s = h.getBounds(o), c = j.get(a) ?? {
+						x: s.x + T.x,
+						y: s.y + T.y
+					}, l = t(o, c.x - s.x, c.y - s.y, h), u = n.origin.get(a) ?? o;
 					r.push(e({
-						id: i,
-						from: n,
-						to: s,
+						id: a,
+						from: u,
+						to: l,
 						label: "flick"
 					}));
 				}
-				r.length > 0 && C.applyOps(r, "flick");
+				if (r.length > 0) {
+					if (E.applyOps) E.applyOps(r, "flick");
+					else if (E.previewPoses) for (let e of r) e.apply(E);
+				}
+				E.previewPoses?.(i);
 			}
 			return null;
 		}
 	};
 }
 //#endregion
-export { s as momentum };
+export { l as momentum };
 
 //# sourceMappingURL=momentum.js.map

package/dist/animation/behaviors/momentum.js.map

@@ -1 +1 @@
-{"version":3,"file":"momentum.js","names":["SAMPLES","scratchKey","momentum","friction","opts","threshold","sampleMs","now","bounds","boundaryPolicy","d","AUTO_POSE_DESCRIPTOR","clampToBounds","nx","sx","dx","ny","sy","dy","hit","recordSample","samples","getScratch","ctx","setScratch","cutoff","end","last","first","s","dt","vx","vy","startPoses","lastValue","adapter","finalPositions","decayHandle","a","b","v","k","delta","allHit","id","start","o","translatePoseViaDescriptor","commitFlick","ops","fp","finalPose","createTransformOp"],"sources":["../../../src/animation/behaviors/momentum.ts"],"sourcesContent":["import { createTransformOp } from 'core/ops/transform';\nimport type { Op } from 'core/ops/types';\nimport type { MoveBehavior, GestureContext } from 'interactions/gestures/types';\nimport { scratchKey, getScratch, setScratch } from '@weasel-js/routing';\nimport type { PoseDescriptor } from 'core/geometry/poseDescriptor';\nimport { translatePoseViaDescriptor } from 'core/geometry/poseDescriptor';\nimport { AUTO_POSE_DESCRIPTOR } from 'interactions/actions/resize/autoPoseDescriptor';\nimport type { Animator } from '../types';\n\n/** Options for the `momentum` move behavior. */\nexport interface MomentumOptions {\n  /** Required: the per-Canvas animator that will own the decay. */\n  animator: Animator;\n  friction?: number;     // default 0.92 (per second)\n  threshold?: number;    // default 200 px/sec\n  /** Sample window in ms for velocity computation. Default 80ms. */\n  velocitySampleMs?: number;\n  /** Optional clock override for tests. Defaults to `Date.now`. */\n  now?: () => number;\n  /**\n   * Optional bounds for the object's top-left corner (in world units). When\n   * supplied, momentum-driven translation is clamped: each tick's new\n   * position is constrained so the object's `(x, y)` stays inside the rect.\n   * Without bounds, a hard flick carries the object indefinitely until\n   * friction dampens velocity below `threshold`.\n   *\n   * Note: ignores object size for now — the bound is on the top-left, not\n   * the visible edges. A consumer wanting \"object stays fully inside\" should\n   * pass `bounds = { x: canvas.x, y: canvas.y, width: canvas.w - obj.w,\n   * height: canvas.h - obj.h }` (and accept that it doesn't adapt to\n   * variable-sized objects mid-flight).\n   */\n  bounds?: { x: number; y: number; width: number; height: number };\n  /**\n   * Boundary policy when the clamped position hits an edge. 'stop' cancels\n   * the decay (instant settle at the edge). 'continue' keeps decaying but\n   * subsequent ticks stay clamped (object drifts along the edge as friction\n   * decays the velocity). Default 'stop'.\n   */\n  boundary?: 'stop' | 'continue';\n  /** How to translate poses. Default `AUTO_POSE_DESCRIPTOR`. */\n  poseDescriptor?: PoseDescriptor<unknown>;\n}\n\ninterface PointerSample {\n  t: number;       // ms timestamp\n  x: number;\n  y: number;\n}\n\ninterface RectLike { x: number; y: number }\n\nconst SAMPLES = scratchKey<PointerSample[]>('momentum.samples');\n\n/**\n * Move behavior that keeps a dragged node coasting after the pointer is\n * released, at the velocity it was travelling, until friction brings it below\n * `threshold`.\n *\n * Plugs into the move action rather than replacing it, so the drag itself is\n * unchanged — this only decides what happens after the release. The whole\n * flick, coast included, records as one undoable transform.\n */\nexport function momentum<TPose>(opts: MomentumOptions): MoveBehavior<TPose> {\n  const friction = opts.friction ?? 0.92;\n  const threshold = opts.threshold ?? 200;\n  const sampleMs = opts.velocitySampleMs ?? 80;\n  const now = opts.now ?? (() => Date.now());\n  const bounds = opts.bounds;\n  const boundaryPolicy = opts.boundary ?? 'stop';\n  const d = (opts.poseDescriptor ?? AUTO_POSE_DESCRIPTOR) as PoseDescriptor<TPose>;\n\n  /** Apply bounds clamp to (sx + dx, sy + dy). Returns clamped (nx, ny) and\n   *  whether either axis was clamped (signalling boundary hit). */\n  const clampToBounds = (sx: number, sy: number, dx: number, dy: number): { nx: number; ny: number; hit: boolean } => {\n    let nx = sx + dx;\n    let ny = sy + dy;\n    if (!bounds) return { nx, ny, hit: false };\n    let hit = false;\n    if (nx < bounds.x) { nx = bounds.x; hit = true; }\n    else if (nx > bounds.x + bounds.width) { nx = bounds.x + bounds.width; hit = true; }\n    if (ny < bounds.y) { ny = bounds.y; hit = true; }\n    else if (ny > bounds.y + bounds.height) { ny = bounds.y + bounds.height; hit = true; }\n    return { nx, ny, hit };\n  };\n\n  const recordSample = (ctx: GestureContext<TPose>): void => {\n    let samples = getScratch(ctx.scratch, SAMPLES);\n    if (!samples) {\n      samples = [];\n      setScratch(ctx.scratch, SAMPLES, samples);\n    }\n    samples.push({\n      t: now(),\n      x: ctx.pointer.worldX,\n      y: ctx.pointer.worldY,\n    });\n    // Trim anything older than 4× the sample window — bounded memory.\n    const cutoff = now() - sampleMs * 4;\n    while (samples.length > 1 && samples[0].t < cutoff) samples.shift();\n  };\n\n  return {\n    onStart(ctx) {\n      setScratch(ctx.scratch, SAMPLES, []);\n      recordSample(ctx);\n    },\n    onMove(ctx) {\n      recordSample(ctx);\n    },\n    onEnd(ctx, end): Op[] | null | void {\n      if (end.answered) return undefined;\n      const samples = getScratch(ctx.scratch, SAMPLES) ?? [];\n      if (samples.length < 2) return undefined;\n      const last = samples[samples.length - 1];\n      // Find the oldest sample within `sampleMs` of `last`.\n      const cutoff = last.t - sampleMs;\n      let first = samples[0];\n      for (const s of samples) {\n        if (s.t >= cutoff) { first = s; break; }\n      }\n      const dt = (last.t - first.t) / 1000;\n      if (dt <= 0) return undefined;\n      const vx = (last.x - first.x) / dt;\n      const vy = (last.y - first.y) / dt;\n      const speed = Math.hypot(vx, vy);\n      if (speed < threshold) return undefined;\n\n      // Suppress default commit and fire decay. We translate each dragged id\n      // by the per-frame delta and commit one transform op per id when done.\n      const startPoses = new Map<string, TPose>(ctx.current);\n      let lastValue = { x: 0, y: 0 };\n      const adapter = ctx.adapter as { setPose(id: string, p: TPose): void; applyOps?(ops: Op[], label: string): void };\n      // Track per-id final positions when bounds clamping is active — used\n      // by onDone to compute the correct final transform op (not just\n      // start + decay's last delta, which may overshoot the boundary).\n      const finalPositions = new Map<string, { x: number; y: number }>();\n      let decayHandle: { cancel(): void } | null = null;\n      decayHandle = opts.animator.decay<RectLike>({\n        from: { x: 0, y: 0 },\n        velocity: { x: vx, y: vy },\n        friction,\n        add: (a, b) => ({ x: a.x + b.x, y: a.y + b.y }),\n        scale: (v, k) => ({ x: v.x * k, y: v.y * k }),\n        magnitude: (v) => Math.hypot(v.x, v.y),\n        onTick: (delta) => {\n          lastValue = delta;\n          let allHit = bounds !== undefined;\n          for (const id of ctx.draggedIds) {\n            const start = startPoses.get(id);\n            if (!start) continue;\n            const o = d.getBounds(start);\n            const { nx, ny, hit } = clampToBounds(o.x, o.y, delta.x, delta.y);\n            if (!hit) allHit = false;\n            finalPositions.set(id, { x: nx, y: ny });\n            adapter.setPose(id, translatePoseViaDescriptor(start, nx - o.x, ny - o.y, d));\n          }\n          // If 'stop' policy and every dragged id's clamped position hit\n          // the boundary, cancel the decay so the animation settles instantly\n          // instead of drifting along the edge as friction wears off.\n          if (boundaryPolicy === 'stop' && allHit && decayHandle) {\n            decayHandle.cancel();\n            // Manually fire onDone since cancel() bypasses it.\n            commitFlick();\n          }\n        },\n        onDone: () => {\n          commitFlick();\n        },\n      });\n\n      function commitFlick(): void {\n        if (!adapter.applyOps) return;\n        const ops: Op[] = [];\n        for (const id of ctx.draggedIds) {\n          const start = startPoses.get(id);\n          if (!start) continue;\n          const o = d.getBounds(start);\n          const fp = finalPositions.get(id) ?? { x: o.x + lastValue.x, y: o.y + lastValue.y };\n          const finalPose = translatePoseViaDescriptor(start, fp.x - o.x, fp.y - o.y, d);\n          ops.push(createTransformOp<TPose>({ id, from: start, to: finalPose, label: 'flick' }));\n        }\n        if (ops.length > 0) adapter.applyOps(ops, 'flick');\n      }\n\n      return null;\n    },\n  };\n}\n"],"mappings":"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"}
+{"version":3,"file":"momentum.js","names":["sameBounds","a","b","nextCoast","SAMPLES","scratchKey","momentum","friction","opts","threshold","sampleMs","now","bounds","boundaryPolicy","d","AUTO_POSE_DESCRIPTOR","clampToBounds","nx","sx","dx","ny","sy","dy","hit","recordSample","samples","getScratch","ctx","setScratch","cutoff","coasts","coast","id","end","last","first","s","dt","vx","vy","startPoses","lastValue","adapter","show","poses","pose","riding","lastSeen","stillOurs","seen","finalPositions","cancelKey","decayHandle","commitFlick","start","v","k","delta","allHit","frame","translatePoseViaDescriptor","ops","shown","o","fp","finalPose","from","createTransformOp","op"],"sources":["../../../src/animation/behaviors/momentum.ts"],"sourcesContent":["import { createTransformOp } from 'core/ops/transform';\nimport type { Op } from 'core/ops/types';\nimport type { MoveBehavior, GestureContext } from 'interactions/gestures/types';\nimport { scratchKey, getScratch, setScratch } from '@weasel-js/routing';\nimport type { PoseDescriptor } from 'core/geometry/poseDescriptor';\nimport type { Bounds } from 'core/viewport/fitViewToBounds';\nimport { translatePoseViaDescriptor } from 'core/geometry/poseDescriptor';\nimport { AUTO_POSE_DESCRIPTOR } from 'interactions/actions/resize/autoPoseDescriptor';\nimport type { Animator } from '../types';\n\n/** Options for the `momentum` move behavior. */\nexport interface MomentumOptions {\n  /** Required: the per-Canvas animator that will own the decay. */\n  animator: Animator;\n  friction?: number;     // default 0.92 (per second)\n  threshold?: number;    // default 200 world units/sec; the slowest release that coasts\n  /** Sample window in ms for velocity computation. Default 80ms. */\n  velocitySampleMs?: number;\n  /** Optional clock override for tests. Defaults to `Date.now`. */\n  now?: () => number;\n  /**\n   * Optional bounds for the object's top-left corner (in world units). When\n   * supplied, momentum-driven translation is clamped: each tick's new\n   * position is constrained so the object's `(x, y)` stays inside the rect.\n   * Without bounds, a hard flick carries the object indefinitely until\n   * friction dampens velocity below `threshold`.\n   *\n   * Note: ignores object size for now — the bound is on the top-left, not\n   * the visible edges. A consumer wanting \"object stays fully inside\" should\n   * pass `bounds = { x: canvas.x, y: canvas.y, width: canvas.w - obj.w,\n   * height: canvas.h - obj.h }` (and accept that it doesn't adapt to\n   * variable-sized objects mid-flight).\n   */\n  bounds?: { x: number; y: number; width: number; height: number };\n  /**\n   * Boundary policy when the clamped position hits an edge. 'stop' cancels\n   * the decay (instant settle at the edge). 'continue' keeps decaying but\n   * subsequent ticks stay clamped (object drifts along the edge as friction\n   * decays the velocity). Default 'stop'.\n   */\n  boundary?: 'stop' | 'continue';\n  /** How to translate poses. Default `AUTO_POSE_DESCRIPTOR`. */\n  poseDescriptor?: PoseDescriptor<unknown>;\n}\n\ninterface PointerSample {\n  t: number;       // ms timestamp\n  x: number;\n  y: number;\n}\n\ninterface RectLike { x: number; y: number }\n\nconst sameBounds = (a: Bounds, b: Bounds): boolean =>\n  a.x === b.x && a.y === b.y && a.width === b.width && a.height === b.height;\n\nlet nextCoast = 0;\n\nconst SAMPLES = scratchKey<PointerSample[]>('momentum.samples');\n\n/**\n * Move behavior that keeps a dragged node coasting after the pointer is\n * released, at the velocity it was traveling, until friction brings it to\n * rest. A release slower than `threshold` does not coast at all.\n *\n * Plugs into the move action rather than replacing it, so the drag itself is\n * unchanged — this only decides what happens after the release. The whole\n * flick, coast included, records as one undoable transform: under an adapter\n * with `previewPoses` the coast is shown without touching the document, and\n * the transform is written once it comes to rest. Dragging a node\n * again while it coasts stops the coast and records it where it stands. A node\n * something else moves or deletes mid-coast, an undo included, drops out of\n * the coast where that left it, and nothing is recorded for it.\n */\nexport function momentum<TPose>(opts: MomentumOptions): MoveBehavior<TPose> {\n  const friction = opts.friction ?? 0.92;\n  const threshold = opts.threshold ?? 200;\n  const sampleMs = opts.velocitySampleMs ?? 80;\n  const now = opts.now ?? (() => Date.now());\n  const bounds = opts.bounds;\n  const boundaryPolicy = opts.boundary ?? 'stop';\n  const d = (opts.poseDescriptor ?? AUTO_POSE_DESCRIPTOR) as PoseDescriptor<TPose>;\n\n  /** Apply bounds clamp to (sx + dx, sy + dy). Returns clamped (nx, ny) and\n   *  whether either axis was clamped (signalling boundary hit). */\n  const clampToBounds = (sx: number, sy: number, dx: number, dy: number): { nx: number; ny: number; hit: boolean } => {\n    let nx = sx + dx;\n    let ny = sy + dy;\n    if (!bounds) return { nx, ny, hit: false };\n    let hit = false;\n    if (nx < bounds.x) { nx = bounds.x; hit = true; }\n    else if (nx > bounds.x + bounds.width) { nx = bounds.x + bounds.width; hit = true; }\n    if (ny < bounds.y) { ny = bounds.y; hit = true; }\n    else if (ny > bounds.y + bounds.height) { ny = bounds.y + bounds.height; hit = true; }\n    return { nx, ny, hit };\n  };\n\n  const recordSample = (ctx: GestureContext<TPose>): void => {\n    let samples = getScratch(ctx.scratch, SAMPLES);\n    if (!samples) {\n      samples = [];\n      setScratch(ctx.scratch, SAMPLES, samples);\n    }\n    samples.push({\n      t: now(),\n      x: ctx.pointer.worldX,\n      y: ctx.pointer.worldY,\n    });\n    // Trim anything older than 4× the sample window — bounded memory.\n    const cutoff = now() - sampleMs * 4;\n    while (samples.length > 1 && samples[0].t < cutoff) samples.shift();\n  };\n\n  const coasts = new Set<{ ids: readonly string[]; stop(): void }>();\n\n  return {\n    onStart(ctx) {\n      for (const coast of [...coasts]) {\n        if (coast.ids.some((id) => ctx.draggedIds.includes(id))) coast.stop();\n      }\n      setScratch(ctx.scratch, SAMPLES, []);\n      recordSample(ctx);\n    },\n    onMove(ctx) {\n      recordSample(ctx);\n    },\n    onEnd(ctx, end): Op[] | null | void {\n      if (end.answered) return undefined;\n      const samples = getScratch(ctx.scratch, SAMPLES) ?? [];\n      if (samples.length < 2) return undefined;\n      const last = samples[samples.length - 1];\n      // Find the oldest sample within `sampleMs` of `last`.\n      const cutoff = last.t - sampleMs;\n      let first = samples[0];\n      for (const s of samples) {\n        if (s.t >= cutoff) { first = s; break; }\n      }\n      const dt = (last.t - first.t) / 1000;\n      if (dt <= 0) return undefined;\n      const vx = (last.x - first.x) / dt;\n      const vy = (last.y - first.y) / dt;\n      const speed = Math.hypot(vx, vy);\n      if (speed < threshold) return undefined;\n\n      // Suppress default commit and fire decay. We translate each dragged id\n      // by the per-frame delta and commit one transform op per id when done.\n      const startPoses = new Map<string, TPose>(ctx.current);\n      let lastValue = { x: 0, y: 0 };\n      const adapter = ctx.adapter;\n      const show = (poses: Map<string, TPose | null>): void => {\n        if (adapter.previewPoses) adapter.previewPoses(poses);\n        else for (const [id, pose] of poses) if (pose !== null) adapter.setPose(id, pose);\n      };\n      // What the scene held for each node right after the coast last wrote it.\n      // A node that is gone, or reads back as anything else, has another\n      // writer now, an undo or a delete, and leaves the coast unrecorded.\n      const riding = new Set(ctx.draggedIds);\n      const lastSeen = new Map<string, Bounds>();\n      for (const id of riding) {\n        if (adapter.getNode(id)) lastSeen.set(id, d.getBounds(adapter.getPose(id)));\n      }\n      const stillOurs = (id: string): boolean => {\n        const seen = lastSeen.get(id);\n        return seen !== undefined && adapter.getNode(id) !== undefined\n          && sameBounds(d.getBounds(adapter.getPose(id)), seen);\n      };\n      // Track per-id final positions when bounds clamping is active — used\n      // by onDone to compute the correct final transform op (not just\n      // start + decay's last delta, which may overshoot the boundary).\n      const finalPositions = new Map<string, { x: number; y: number }>();\n      const cancelKey = `momentum:${nextCoast++}`;\n      const coast = {\n        ids: ctx.draggedIds.slice(),\n        stop: (): void => {\n          // Canceled from outside (cancelAll, unmount), it stopped long ago and somewhere else.\n          if (!opts.animator.isActive(cancelKey)) {\n            coasts.delete(coast);\n            return;\n          }\n          decayHandle.cancel();\n          commitFlick();\n        },\n      };\n      coasts.add(coast);\n      // Held from the release itself, so no frame paints the pre-drag pose\n      // between the drag's preview going away and the first coast frame.\n      show(new Map([...riding].flatMap((id) => {\n        const start = startPoses.get(id);\n        return start === undefined ? [] : [[id, start] as const];\n      })));\n      const decayHandle = opts.animator.decay<RectLike>({\n        from: { x: 0, y: 0 },\n        velocity: { x: vx, y: vy },\n        friction,\n        cancelKey,\n        add: (a, b) => ({ x: a.x + b.x, y: a.y + b.y }),\n        scale: (v, k) => ({ x: v.x * k, y: v.y * k }),\n        magnitude: (v) => Math.hypot(v.x, v.y),\n        onTick: (delta) => {\n          lastValue = delta;\n          let allHit = bounds !== undefined;\n          const frame = new Map<string, TPose | null>();\n          for (const id of [...riding]) {\n            if (!stillOurs(id)) {\n              riding.delete(id);\n              frame.set(id, null);\n              continue;\n            }\n            const start = startPoses.get(id);\n            if (!start) continue;\n            const o = d.getBounds(start);\n            const { nx, ny, hit } = clampToBounds(o.x, o.y, delta.x, delta.y);\n            if (!hit) allHit = false;\n            finalPositions.set(id, { x: nx, y: ny });\n            frame.set(id, translatePoseViaDescriptor(start, nx - o.x, ny - o.y, d));\n          }\n          show(frame);\n          for (const id of riding) lastSeen.set(id, d.getBounds(adapter.getPose(id)));\n          if (riding.size === 0) {\n            coasts.delete(coast);\n            decayHandle.cancel();\n            return;\n          }\n          // If 'stop' policy and every dragged id's clamped position hit\n          // the boundary, cancel the decay so the animation settles instantly\n          // instead of drifting along the edge as friction wears off.\n          if (boundaryPolicy === 'stop' && allHit) coast.stop();\n        },\n        onDone: () => {\n          commitFlick();\n        },\n      });\n\n      function commitFlick(): void {\n        if (!coasts.delete(coast)) return;\n        const ops: Op[] = [];\n        const shown = new Map<string, TPose | null>();\n        for (const id of riding) {\n          shown.set(id, null);\n          if (!stillOurs(id)) continue;\n          const start = startPoses.get(id);\n          if (!start) continue;\n          const o = d.getBounds(start);\n          const fp = finalPositions.get(id) ?? { x: o.x + lastValue.x, y: o.y + lastValue.y };\n          const finalPose = translatePoseViaDescriptor(start, fp.x - o.x, fp.y - o.y, d);\n          const from = ctx.origin.get(id) ?? start;\n          ops.push(createTransformOp<TPose>({ id, from, to: finalPose, label: 'flick' }));\n        }\n        // The document first, so the preview never gives way to the pre-drag pose.\n        if (ops.length > 0) {\n          if (adapter.applyOps) adapter.applyOps(ops, 'flick');\n          else if (adapter.previewPoses) for (const op of ops) op.apply(adapter);\n        }\n        adapter.previewPoses?.(shown);\n      }\n\n      return null;\n    },\n  };\n}\n"],"mappings":"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"}

package/dist/animation/loop.js

@@ -8,27 +8,25 @@ function e(e, t, n = {}) {
 	s.setOnCancel(() => {
 		a = !0, o?.cancel(), o = null;
 	});
-	let c = () => {
+	let c = (e, t) => {
+		o && (e ? o.pause() : o.resume(), o.setTimeScale(t));
+	};
+	s.setOnRate(c);
+	let l = () => {
 		if (!a) {
 			if (i >= r) {
 				o = null, a = !0, s.finish(), n.onDone?.();
 				return;
 			}
-			o = t(i++, c);
+			o = t(i++, l), (s.isPaused() || s.timeScale() !== 1) && c(s.isPaused(), s.timeScale());
 		}
 	};
-	return c(), {
+	return l(), {
 		id: s.id,
 		cancel: () => s.cancel(),
-		pause: () => {
-			s.pause(), o?.pause();
-		},
-		resume: () => {
-			s.resume(), o?.resume();
-		},
-		setTimeScale: (e) => {
-			s.setTimeScale(e), o?.setTimeScale(e);
-		},
+		pause: () => s.pause(),
+		resume: () => s.resume(),
+		setTimeScale: (e) => s.setTimeScale(e),
 		timeScale: () => s.timeScale(),
 		isPaused: () => s.isPaused()
 	};

package/dist/animation/loop.js.map

@@ -1 +1 @@
-{"version":3,"file":"loop.js","names":["createLoop","max","opts","iteration","cancelled","current","supervisor","createSupervisor","next","factory","s","createTweenLoop","direction","o","flipped","i","from","to","animator"],"sources":["../../src/animation/loop.ts"],"sourcesContent":["import type { SupervisorFactory } from './supervisor';\nimport type {\n  AnimationHandle,\n  Animator,\n  LoopFactory,\n  LoopOptions,\n  TweenLoopOptions,\n} from './types';\n\n/**\n * Loop primitive. Repeatedly invokes `factory(i, next)` to produce a child\n * animation. The factory is responsible for wiring its returned handle's\n * `onDone` to call `next` — that's how the loop advances. Pause/resume/\n * setTimeScale delegate to the current child; cancel stops the in-flight\n * child and prevents future iterations.\n *\n * The loop is registered with the animator under a supervisor entry, so\n * `animator.cancel(handle)`, `animator.cancelKey(key)`, and\n * `animator.isActive(key)` all work for it.\n */\nexport function createLoop(\n  createSupervisor: SupervisorFactory,\n  factory: LoopFactory,\n  opts: LoopOptions = {},\n): AnimationHandle {\n  const max = opts.count ?? Infinity;\n  let iteration = 0;\n  let cancelled = false;\n  let current: AnimationHandle | null = null;\n\n  const supervisor = createSupervisor({ kind: 'loop', cancelKey: opts.cancelKey, label: opts.label });\n  supervisor.setOnCancel(() => {\n    // External cancel path (animator.cancel/cancelKey or handle.cancel).\n    // Mark cancelled so `next` short-circuits; tear down the current child.\n    cancelled = true;\n    current?.cancel();\n    current = null;\n  });\n\n  const next = (): void => {\n    if (cancelled) return;\n    if (iteration >= max) {\n      current = null;\n      // Natural completion: deregister the supervisor so isActive() goes\n      // false. `cancelled` makes a late `next` a no-op.\n      cancelled = true;\n      supervisor.finish();\n      opts.onDone?.();\n      return;\n    }\n    const i = iteration++;\n    current = factory(i, next);\n  };\n\n  next();\n\n  return {\n    id: supervisor.id,\n    cancel: () => supervisor.cancel(),\n    pause: () => {\n      supervisor.pause();\n      current?.pause();\n    },\n    resume: () => {\n      supervisor.resume();\n      current?.resume();\n    },\n    setTimeScale: (s) => {\n      supervisor.setTimeScale(s);\n      current?.setTimeScale(s);\n    },\n    timeScale: () => supervisor.timeScale(),\n    isPaused: () => supervisor.isPaused(),\n  };\n}\n\n/**\n * Sugar over `createLoop` for the common case of looping a tween between two\n * values. `direction` controls per-iteration from/to:\n *   - `restart` (default): from→to every iteration\n *   - `reverse`: to→from every iteration\n *   - `alternate`: even iterations from→to, odd iterations to→from\n */\nexport function createTweenLoop<T>(\n  animator: Animator,\n  createSupervisor: SupervisorFactory,\n  opts: TweenLoopOptions<T>,\n): AnimationHandle {\n  const direction = opts.direction ?? 'restart';\n  return createLoop(\n    (o) => createSupervisor({ ...o, kind: 'tweenLoop' }),\n    (i, next) => {\n      const flipped = direction === 'reverse' || (direction === 'alternate' && i % 2 === 1);\n      const from = flipped ? opts.to : opts.from;\n      const to = flipped ? opts.from : opts.to;\n      return animator.tween({\n        from,\n        to,\n        ms: opts.ms,\n        easing: opts.easing,\n        interpolate: opts.interpolate,\n        onTick: opts.onTick,\n        onDone: next,\n      });\n    },\n    { count: opts.count, onDone: opts.onDone, cancelKey: opts.cancelKey, label: opts.label },\n  );\n}\n"],"mappings":";AAoBA,SAAgBA,EACd,GACA,GACA,IAAoB,CAAC,GACJ;CACjB,IAAMC,IAAMC,EAAK,SAAS,UACtBC,IAAY,GACZC,IAAY,IACZC,IAAkC,MAEhCC,IAAaC,EAAiB;EAAE,MAAM;EAAQ,WAAWL,EAAK;EAAW,OAAOA,EAAK;CAAM,CAAC;CAClG,EAAW,kBAAkB;EAK3B,AAFA,IAAY,IACZG,GAAS,OAAO,GAChB,IAAU;CACZ,CAAC;CAED,IAAMG,UAAmB;EACvB,IAAI,IACJ;OAAIL,KAAaF,GAAK;IAMpB,AALA,IAAU,MAGV,IAAY,IACZK,EAAW,OAAO,GAClBJ,EAAK,SAAS;IACd;GACF;GAEA,IAAUO,EAAQ,KAAGD,CAAI;EAFzB;CAGF;CAIA,OAFAA,EAAK,GAEE;EACL,IAAIF,EAAW;EACf,cAAcA,EAAW,OAAO;EAChC,aAAa;GAEX,AADAA,EAAW,MAAM,GACjBD,GAAS,MAAM;EACjB;EACA,cAAc;GAEZ,AADAC,EAAW,OAAO,GAClBD,GAAS,OAAO;EAClB;EACA,eAAe,MAAM;GAEnB,AADAC,EAAW,aAAaI,CAAC,GACzBL,GAAS,aAAaK,CAAC;EACzB;EACA,iBAAiBJ,EAAW,UAAU;EACtC,gBAAgBA,EAAW,SAAS;CACtC;AACF;AASA,SAAgBK,EACd,GACA,GACA,GACiB;CACjB,IAAMC,IAAYV,EAAK,aAAa;CACpC,OAAOF,GACJ,MAAMO,EAAiB;EAAE,GAAGM;EAAG,MAAM;CAAY,CAAC,IAClD,GAAG,MAAS;EACX,IAAMC,IAAUF,MAAc,aAAcA,MAAc,eAAeG,IAAI,KAAM,GAC7EC,IAAOF,IAAUZ,EAAK,KAAKA,EAAK,MAChCe,IAAKH,IAAUZ,EAAK,OAAOA,EAAK;EACtC,OAAOgB,EAAS,MAAM;GACpB;GACA;GACA,IAAIhB,EAAK;GACT,QAAQA,EAAK;GACb,aAAaA,EAAK;GAClB,QAAQA,EAAK;GACb,QAAQM;EACV,CAAC;CACH,GACA;EAAE,OAAON,EAAK;EAAO,QAAQA,EAAK;EAAQ,WAAWA,EAAK;EAAW,OAAOA,EAAK;CAAM,CACzF;AACF"}
+{"version":3,"file":"loop.js","names":["createLoop","max","opts","iteration","cancelled","current","supervisor","createSupervisor","applyRate","paused","timeScale","next","factory","s","createTweenLoop","direction","o","flipped","i","from","to","animator"],"sources":["../../src/animation/loop.ts"],"sourcesContent":["import type { SupervisorFactory } from './supervisor';\nimport type {\n  AnimationHandle,\n  Animator,\n  LoopFactory,\n  LoopOptions,\n  TweenLoopOptions,\n} from './types';\n\n/**\n * Loop primitive. Repeatedly invokes `factory(i, next)` to produce a child\n * animation. The factory is responsible for wiring its returned handle's\n * `onDone` to call `next` — that's how the loop advances. Pause/resume/\n * setTimeScale reach the current child and each later one; cancel stops the\n * in-flight child and prevents future iterations.\n *\n * The loop is registered with the animator under a supervisor entry, so\n * `animator.cancel(handle)`, `animator.cancelKey(key)`, and\n * `animator.isActive(key)` all work for it.\n */\nexport function createLoop(\n  createSupervisor: SupervisorFactory,\n  factory: LoopFactory,\n  opts: LoopOptions = {},\n): AnimationHandle {\n  const max = opts.count ?? Infinity;\n  let iteration = 0;\n  let cancelled = false;\n  let current: AnimationHandle | null = null;\n\n  const supervisor = createSupervisor({ kind: 'loop', cancelKey: opts.cancelKey, label: opts.label });\n  supervisor.setOnCancel(() => {\n    // External cancel path (animator.cancel/cancelKey or handle.cancel).\n    // Mark cancelled so `next` short-circuits; tear down the current child.\n    cancelled = true;\n    current?.cancel();\n    current = null;\n  });\n\n  const applyRate = (paused: boolean, timeScale: number): void => {\n    if (!current) return;\n    if (paused) current.pause();\n    else current.resume();\n    current.setTimeScale(timeScale);\n  };\n  supervisor.setOnRate(applyRate);\n\n  const next = (): void => {\n    if (cancelled) return;\n    if (iteration >= max) {\n      current = null;\n      // Natural completion: deregister the supervisor so isActive() goes\n      // false. `cancelled` makes a late `next` a no-op.\n      cancelled = true;\n      supervisor.finish();\n      opts.onDone?.();\n      return;\n    }\n    const i = iteration++;\n    current = factory(i, next);\n    if (supervisor.isPaused() || supervisor.timeScale() !== 1) {\n      applyRate(supervisor.isPaused(), supervisor.timeScale());\n    }\n  };\n\n  next();\n\n  return {\n    id: supervisor.id,\n    cancel: () => supervisor.cancel(),\n    pause: () => supervisor.pause(),\n    resume: () => supervisor.resume(),\n    setTimeScale: (s) => supervisor.setTimeScale(s),\n    timeScale: () => supervisor.timeScale(),\n    isPaused: () => supervisor.isPaused(),\n  };\n}\n\n/**\n * Sugar over `createLoop` for the common case of looping a tween between two\n * values. `direction` controls per-iteration from/to:\n *   - `restart` (default): from→to every iteration\n *   - `reverse`: to→from every iteration\n *   - `alternate`: even iterations from→to, odd iterations to→from\n */\nexport function createTweenLoop<T>(\n  animator: Animator,\n  createSupervisor: SupervisorFactory,\n  opts: TweenLoopOptions<T>,\n): AnimationHandle {\n  const direction = opts.direction ?? 'restart';\n  return createLoop(\n    (o) => createSupervisor({ ...o, kind: 'tweenLoop' }),\n    (i, next) => {\n      const flipped = direction === 'reverse' || (direction === 'alternate' && i % 2 === 1);\n      const from = flipped ? opts.to : opts.from;\n      const to = flipped ? opts.from : opts.to;\n      return animator.tween({\n        from,\n        to,\n        ms: opts.ms,\n        easing: opts.easing,\n        interpolate: opts.interpolate,\n        onTick: opts.onTick,\n        onDone: next,\n      });\n    },\n    { count: opts.count, onDone: opts.onDone, cancelKey: opts.cancelKey, label: opts.label },\n  );\n}\n"],"mappings":";AAoBA,SAAgBA,EACd,GACA,GACA,IAAoB,CAAC,GACJ;CACjB,IAAMC,IAAMC,EAAK,SAAS,UACtBC,IAAY,GACZC,IAAY,IACZC,IAAkC,MAEhCC,IAAaC,EAAiB;EAAE,MAAM;EAAQ,WAAWL,EAAK;EAAW,OAAOA,EAAK;CAAM,CAAC;CAClG,EAAW,kBAAkB;EAK3B,AAFA,IAAY,IACZG,GAAS,OAAO,GAChB,IAAU;CACZ,CAAC;CAED,IAAMG,KAAa,GAAiB,MAA4B;EAC9D,AAAKH,MACDI,IAAQJ,EAAQ,MAAM,IACrBA,EAAQ,OAAO,GACpBA,EAAQ,aAAaK,CAAS;CAChC;CACA,EAAW,UAAUF,CAAS;CAE9B,IAAMG,UAAmB;EACvB,IAAI,IACJ;OAAIR,KAAaF,GAAK;IAMpB,AALA,IAAU,MAGV,IAAY,IACZK,EAAW,OAAO,GAClBJ,EAAK,SAAS;IACd;GACF;GAGA,AADA,IAAUU,EAAQ,KAAGD,CAAI,IACrBL,EAAW,SAAS,KAAKA,EAAW,UAAU,MAAM,MACtDE,EAAUF,EAAW,SAAS,GAAGA,EAAW,UAAU,CAAC;EAJzD;CAMF;CAIA,OAFAK,EAAK,GAEE;EACL,IAAIL,EAAW;EACf,cAAcA,EAAW,OAAO;EAChC,aAAaA,EAAW,MAAM;EAC9B,cAAcA,EAAW,OAAO;EAChC,eAAe,MAAMA,EAAW,aAAaO,CAAC;EAC9C,iBAAiBP,EAAW,UAAU;EACtC,gBAAgBA,EAAW,SAAS;CACtC;AACF;AASA,SAAgBQ,EACd,GACA,GACA,GACiB;CACjB,IAAMC,IAAYb,EAAK,aAAa;CACpC,OAAOF,GACJ,MAAMO,EAAiB;EAAE,GAAGS;EAAG,MAAM;CAAY,CAAC,IAClD,GAAG,MAAS;EACX,IAAMC,IAAUF,MAAc,aAAcA,MAAc,eAAeG,IAAI,KAAM,GAC7EC,IAAOF,IAAUf,EAAK,KAAKA,EAAK,MAChCkB,IAAKH,IAAUf,EAAK,OAAOA,EAAK;EACtC,OAAOmB,EAAS,MAAM;GACpB;GACA;GACA,IAAInB,EAAK;GACT,QAAQA,EAAK;GACb,aAAaA,EAAK;GAClB,QAAQA,EAAK;GACb,QAAQS;EACV,CAAC;CACH,GACA;EAAE,OAAOT,EAAK;EAAO,QAAQA,EAAK;EAAQ,WAAWA,EAAK;EAAW,OAAOA,EAAK;CAAM,CACzF;AACF"}

package/dist/animation/reflow.js

@@ -54,13 +54,13 @@ function c(r, i, a) {
 			onTick: _,
 			onDone: v
 		}), r.overrides.commit();
-	}, h = (e) => {
+	}, h = (e, t) => i.isActive(o(e)) || s(t.entry.pose, t.target), g = (e) => {
 		let t = c.get(e);
 		if (!t) return;
 		c.delete(e), t.handle?.cancel();
 		let n = e;
 		r.overrides.get(n) === t.entry && (r.overrides.clear(n), r.overrides.commit()), f();
-	}, g = (e, n, i, a) => {
+	}, _ = (e, n, i, a) => {
 		if (i) a !== void 0 && (i.entry.pose = a);
 		else {
 			let o = a ?? t(r, n);
@@ -78,28 +78,28 @@ function c(r, i, a) {
 			let i = r.get(e);
 			if (!i) return;
 			let a = n?.from, o = c.get(e);
-			o && a === void 0 && !o.settling && s(o.target, t) || m(e, g(e, i, o, a), t, !1);
+			o && a === void 0 && !o.settling && s(o.target, t) && h(e, o) || m(e, _(e, i, o, a), t, !1);
 		},
 		settle(t, n) {
 			let i = n?.from, a = c.get(t);
 			if (!a && i === void 0) return;
 			let o = r.get(t);
 			if (!o) {
-				h(t);
+				g(t);
 				return;
 			}
 			let l = e(r, o);
 			if (a && i === void 0) {
-				if (a.settling && s(a.target, l)) return;
+				if (a.settling && s(a.target, l) && h(t, a)) return;
 				m(t, a, l, !0);
 				return;
 			}
-			m(t, g(t, o, a, i), l, !0);
+			m(t, _(t, o, a, i), l, !0);
 		},
-		stop: h,
+		stop: g,
 		poseOf: (e) => c.get(e)?.entry.pose,
 		dispose() {
-			for (let e of [...c.keys()]) h(e);
+			for (let e of [...c.keys()]) g(e);
 		}
 	};
 }

package/dist/animation/reflow.js.map

@@ -1 +1 @@
-{"version":3,"file":"reflow.js","names":["keyFor","id","samePose","a","b","ka","k","makeReflow","glides","dirty","unsubscribe","subscribe","animator","scene","unsubscribeIfIdle","release","g","nid","run","from","to","settling","o","read","lerp","RECT_POSE_DESCRIPTOR","onTick","p","onDone","cancelKey","label","stop","claim","start","effectivePose","node","opts","pose","home","documentPose","createReflowTransition","useAnimatedReflow","latest","useLatest","enabled","reflow","useMemo","useEffect"],"sources":["../../src/animation/reflow.ts"],"sourcesContent":["import { useEffect, useMemo } from 'react';\nimport { useLatest } from '@weasel-js/react';\nimport { RECT_POSE_DESCRIPTOR, type PoseDescriptor } from '../core/geometry/poseDescriptor';\nimport { documentPose, effectivePose, type PosedNode, type PoseSource } from '../core/scene/effectivePose';\nimport type { NodeId, PoseOverride, PoseOverrides } from '../core/scene/types';\nimport type { ReflowTransition } from '../layout/types';\nimport type { AnimationHandle, Animator, EasingSpec, SpringPresetName } from './types';\n\n/** How a reflowed sibling travels: a duration and easing, or a spring. */\nexport interface ReflowTransitionOptions<TPose> {\n  /** Default 200. Ignored under `spring`. */\n  ms?: number;\n  easing?: EasingSpec;\n  /** Travel on a spring instead of a duration. A retarget restarts it from\n   *  the pose on screen, so position stays continuous and velocity does not\n   *  carry over. */\n  spring?: {\n    preset?: SpringPresetName;\n    stiffness?: number;\n    damping?: number;\n    mass?: number;\n  };\n  /** Supplies the `lerp` between two poses. Default `RECT_POSE_DESCRIPTOR`. */\n  geometry?: PoseDescriptor<TPose>;\n  /** Names each glide in `animator.watch` and `live()`. Default `'reflow'`. */\n  label?: string;\n}\n\n/** A {@link ReflowTransition} the animator drives. `dispose` drops every\n *  override it holds; the transition stays usable afterward. */\nexport interface AnimatedReflow<TPose = unknown> extends ReflowTransition<TPose> {\n  dispose(): void;\n}\n\n/** The part of a scene a reflow transition reads and overrides. */\nexport interface ReflowScene<TPose> extends PoseSource<TPose> {\n  readonly overrides: PoseOverrides<TPose>;\n}\n\ninterface Glide<TPose> {\n  entry: PoseOverride<TPose>;\n  target: TPose;\n  settling: boolean;\n  handle: AnimationHandle | null;\n}\n\n/** The animator's cancel-key for one node's glide. */\nconst keyFor = (id: string): string => `reflow:${id}`;\n\nfunction samePose(a: unknown, b: unknown): boolean {\n  if (Object.is(a, b)) return true;\n  if (typeof a !== 'object' || typeof b !== 'object' || a === null || b === null) return false;\n  if (Array.isArray(a) !== Array.isArray(b)) return false;\n  const ka = Object.keys(a);\n  if (ka.length !== Object.keys(b).length) return false;\n  for (const k of ka) {\n    if (!samePose((a as Record<string, unknown>)[k], (b as Record<string, unknown>)[k])) return false;\n  }\n  return true;\n}\n\nfunction makeReflow<TPose>(\n  scene: ReflowScene<TPose>,\n  animator: Animator,\n  read: () => ReflowTransitionOptions<TPose>,\n): AnimatedReflow<TPose> {\n  const glides = new Map<string, Glide<TPose>>();\n  let dirty = false;\n  let unsubscribe: (() => void) | null = null;\n\n  // Ticks only mark the frame dirty; one commit per animator frame publishes\n  // every glide at once.\n  const subscribe = (): void => {\n    if (unsubscribe) return;\n    unsubscribe = animator.onTick(() => {\n      if (!dirty) return;\n      dirty = false;\n      scene.overrides.commit();\n    });\n  };\n  const unsubscribeIfIdle = (): void => {\n    if (glides.size > 0 || !unsubscribe) return;\n    unsubscribe();\n    unsubscribe = null;\n  };\n\n  const release = (id: string, g: Glide<TPose>): void => {\n    if (glides.get(id) === g) glides.delete(id);\n    const nid = id as NodeId;\n    if (scene.overrides.get(nid) === g.entry) scene.overrides.clear(nid);\n    dirty = true;\n  };\n\n  const run = (id: string, g: Glide<TPose>, to: TPose, settling: boolean): void => {\n    const from = g.entry.pose as TPose;\n    g.target = to;\n    g.settling = settling;\n    if (samePose(from, to)) {\n      g.handle?.cancel();\n      g.handle = null;\n      g.entry.pose = to;\n      if (settling) release(id, g);\n      scene.overrides.commit();\n      unsubscribeIfIdle();\n      return;\n    }\n    const o = read();\n    const lerp = (o.geometry ?? (RECT_POSE_DESCRIPTOR as unknown as PoseDescriptor<TPose>)).lerp;\n    if (!lerp) throw new Error('useAnimatedReflow: geometry has no lerp; supply geometry: { ..., lerp }');\n    const onTick = (p: number): void => {\n      g.entry.pose = lerp(from, to, p);\n      dirty = true;\n    };\n    const onDone = (): void => {\n      g.handle = null;\n      if (!g.settling) return;\n      release(id, g);\n      unsubscribeIfIdle();\n    };\n    const cancelKey = keyFor(id);\n    const label = o.label ?? 'reflow';\n    subscribe();\n    // The shared key is what retargets: the new animation interrupts the old.\n    g.handle = o.spring\n      ? animator.spring<number>({ from: 0, to: 1, ...o.spring, cancelKey, label, onTick, onDone })\n      : animator.tween<number>({ from: 0, to: 1, ms: o.ms ?? 200, easing: o.easing, cancelKey, label, onTick, onDone });\n    scene.overrides.commit();\n  };\n\n  const stop = (id: string): void => {\n    const g = glides.get(id);\n    if (!g) return;\n    glides.delete(id);\n    g.handle?.cancel();\n    const nid = id as NodeId;\n    if (scene.overrides.get(nid) === g.entry) {\n      scene.overrides.clear(nid);\n      scene.overrides.commit();\n    }\n    unsubscribeIfIdle();\n  };\n\n  // The glide for `id`, created if absent, starting from `from` when given,\n  // and published over whatever override is showing the node.\n  const claim = (\n    id: string,\n    node: PosedNode<TPose>,\n    g: Glide<TPose> | undefined,\n    from: TPose | undefined,\n  ): Glide<TPose> => {\n    if (!g) {\n      const start = from ?? effectivePose(scene, node);\n      g = { entry: { pose: start }, target: start, settling: false, handle: null };\n      glides.set(id, g);\n    } else if (from !== undefined) {\n      g.entry.pose = from;\n    }\n    if (scene.overrides.get(id as NodeId) !== g.entry) scene.overrides.set(id as NodeId, g.entry);\n    return g;\n  };\n\n  return {\n    glide(id, pose, opts) {\n      const node = scene.get(id as NodeId);\n      if (!node) return;\n      const from = opts?.from;\n      const g = glides.get(id);\n      if (g && from === undefined && !g.settling && samePose(g.target, pose)) return;\n      run(id, claim(id, node, g, from), pose, false);\n    },\n    settle(id, opts) {\n      const from = opts?.from;\n      const g = glides.get(id);\n      if (!g && from === undefined) return;\n      const node = scene.get(id as NodeId);\n      if (!node) { stop(id); return; }\n      const home = documentPose(scene, node);\n      if (g && from === undefined) {\n        if (g.settling && samePose(g.target, home)) return;\n        run(id, g, home, true);\n        return;\n      }\n      run(id, claim(id, node, g, from), home, true);\n    },\n    stop,\n    poseOf: (id) => glides.get(id)?.entry.pose,\n    dispose() {\n      for (const id of [...glides.keys()]) stop(id);\n    },\n  };\n}\n\n/**\n * A reflow transition over `animator`: each glide is a tween (or spring) of\n * its own, keyed `reflow:<id>`, so a new target for a node interrupts the\n * glide it is on and `animator.cancelKey` reaches one node's. See\n * {@link useAnimatedReflow} for the hook form.\n */\nexport function createReflowTransition<TPose>(\n  scene: ReflowScene<TPose>,\n  animator: Animator,\n  opts: ReflowTransitionOptions<TPose> = {},\n): AnimatedReflow<TPose> {\n  return makeReflow(scene, animator, () => opts);\n}\n\n/**\n * Opt a canvas's layout reflow into animation: pass the result to\n * `<SceneCanvas reflowTransition>` and siblings a drag displaces glide to\n * their slots instead of snapping. `null` (or `false`) turns it off, and\n * whatever it was holding snaps home. Option changes apply from the next\n * glide on, without rebuilding.\n */\nexport function useAnimatedReflow<TPose>(\n  scene: ReflowScene<TPose>,\n  animator: Animator,\n  opts: ReflowTransitionOptions<TPose> | null | false | undefined,\n): AnimatedReflow<TPose> | null {\n  const latest = useLatest(opts || {});\n  const enabled = !!opts;\n  const reflow = useMemo(\n    () => (enabled ? makeReflow(scene, animator, () => latest.current) : null),\n    [enabled, scene, animator, latest],\n  );\n  useEffect(() => () => reflow?.dispose(), [reflow]);\n  return reflow;\n}\n"],"mappings":"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"}
+{"version":3,"file":"reflow.js","names":["keyFor","id","samePose","a","b","ka","k","makeReflow","glides","dirty","unsubscribe","subscribe","animator","scene","unsubscribeIfIdle","release","g","nid","run","from","to","settling","o","read","lerp","RECT_POSE_DESCRIPTOR","onTick","p","onDone","cancelKey","label","onCourse","stop","claim","start","effectivePose","node","opts","pose","home","documentPose","createReflowTransition","useAnimatedReflow","latest","useLatest","enabled","reflow","useMemo","useEffect"],"sources":["../../src/animation/reflow.ts"],"sourcesContent":["import { useEffect, useMemo } from 'react';\nimport { useLatest } from '@weasel-js/react';\nimport { RECT_POSE_DESCRIPTOR, type PoseDescriptor } from '../core/geometry/poseDescriptor';\nimport { documentPose, effectivePose, type PosedNode, type PoseSource } from '../core/scene/effectivePose';\nimport type { NodeId, PoseOverride, PoseOverrides } from '../core/scene/types';\nimport type { ReflowTransition } from '../layout/types';\nimport type { AnimationHandle, Animator, EasingSpec, SpringPresetName } from './types';\n\n/** How a reflowed sibling travels: a duration and easing, or a spring. */\nexport interface ReflowTransitionOptions<TPose> {\n  /** Default 200. Ignored under `spring`. */\n  ms?: number;\n  easing?: EasingSpec;\n  /** Travel on a spring instead of a duration. A retarget restarts it from\n   *  the pose on screen, so position stays continuous and velocity does not\n   *  carry over. */\n  spring?: {\n    preset?: SpringPresetName;\n    stiffness?: number;\n    damping?: number;\n    mass?: number;\n  };\n  /** Supplies the `lerp` between two poses. Default `RECT_POSE_DESCRIPTOR`. */\n  geometry?: PoseDescriptor<TPose>;\n  /** Names each glide in `animator.watch` and `live()`. Default `'reflow'`. */\n  label?: string;\n}\n\n/** A {@link ReflowTransition} the animator drives. `dispose` drops every\n *  override it holds; the transition stays usable afterward. */\nexport interface AnimatedReflow<TPose = unknown> extends ReflowTransition<TPose> {\n  dispose(): void;\n}\n\n/** The part of a scene a reflow transition reads and overrides. */\nexport interface ReflowScene<TPose> extends PoseSource<TPose> {\n  readonly overrides: PoseOverrides<TPose>;\n}\n\ninterface Glide<TPose> {\n  entry: PoseOverride<TPose>;\n  target: TPose;\n  settling: boolean;\n  handle: AnimationHandle | null;\n}\n\n/** The animator's cancel-key for one node's glide. */\nconst keyFor = (id: string): string => `reflow:${id}`;\n\nfunction samePose(a: unknown, b: unknown): boolean {\n  if (Object.is(a, b)) return true;\n  if (typeof a !== 'object' || typeof b !== 'object' || a === null || b === null) return false;\n  if (Array.isArray(a) !== Array.isArray(b)) return false;\n  const ka = Object.keys(a);\n  if (ka.length !== Object.keys(b).length) return false;\n  for (const k of ka) {\n    if (!samePose((a as Record<string, unknown>)[k], (b as Record<string, unknown>)[k])) return false;\n  }\n  return true;\n}\n\nfunction makeReflow<TPose>(\n  scene: ReflowScene<TPose>,\n  animator: Animator,\n  read: () => ReflowTransitionOptions<TPose>,\n): AnimatedReflow<TPose> {\n  const glides = new Map<string, Glide<TPose>>();\n  let dirty = false;\n  let unsubscribe: (() => void) | null = null;\n\n  // Ticks only mark the frame dirty; one commit per animator frame publishes\n  // every glide at once.\n  const subscribe = (): void => {\n    if (unsubscribe) return;\n    unsubscribe = animator.onTick(() => {\n      if (!dirty) return;\n      dirty = false;\n      scene.overrides.commit();\n    });\n  };\n  const unsubscribeIfIdle = (): void => {\n    if (glides.size > 0 || !unsubscribe) return;\n    unsubscribe();\n    unsubscribe = null;\n  };\n\n  const release = (id: string, g: Glide<TPose>): void => {\n    if (glides.get(id) === g) glides.delete(id);\n    const nid = id as NodeId;\n    if (scene.overrides.get(nid) === g.entry) scene.overrides.clear(nid);\n    dirty = true;\n  };\n\n  const run = (id: string, g: Glide<TPose>, to: TPose, settling: boolean): void => {\n    const from = g.entry.pose as TPose;\n    g.target = to;\n    g.settling = settling;\n    if (samePose(from, to)) {\n      g.handle?.cancel();\n      g.handle = null;\n      g.entry.pose = to;\n      if (settling) release(id, g);\n      scene.overrides.commit();\n      unsubscribeIfIdle();\n      return;\n    }\n    const o = read();\n    const lerp = (o.geometry ?? (RECT_POSE_DESCRIPTOR as unknown as PoseDescriptor<TPose>)).lerp;\n    if (!lerp) throw new Error('useAnimatedReflow: geometry has no lerp; supply geometry: { ..., lerp }');\n    const onTick = (p: number): void => {\n      g.entry.pose = lerp(from, to, p);\n      dirty = true;\n    };\n    const onDone = (): void => {\n      g.handle = null;\n      if (!g.settling) return;\n      release(id, g);\n      unsubscribeIfIdle();\n    };\n    const cancelKey = keyFor(id);\n    const label = o.label ?? 'reflow';\n    subscribe();\n    // The shared key is what retargets: the new animation interrupts the old.\n    g.handle = o.spring\n      ? animator.spring<number>({ from: 0, to: 1, ...o.spring, cancelKey, label, onTick, onDone })\n      : animator.tween<number>({ from: 0, to: 1, ms: o.ms ?? 200, easing: o.easing, cancelKey, label, onTick, onDone });\n    scene.overrides.commit();\n  };\n\n  // False for a glide canceled through the animator: it stopped short of its\n  // target and nothing is carrying it there.\n  const onCourse = (id: string, g: Glide<TPose>): boolean =>\n    animator.isActive(keyFor(id)) || samePose(g.entry.pose, g.target);\n\n  const stop = (id: string): void => {\n    const g = glides.get(id);\n    if (!g) return;\n    glides.delete(id);\n    g.handle?.cancel();\n    const nid = id as NodeId;\n    if (scene.overrides.get(nid) === g.entry) {\n      scene.overrides.clear(nid);\n      scene.overrides.commit();\n    }\n    unsubscribeIfIdle();\n  };\n\n  // The glide for `id`, created if absent, starting from `from` when given,\n  // and published over whatever override is showing the node.\n  const claim = (\n    id: string,\n    node: PosedNode<TPose>,\n    g: Glide<TPose> | undefined,\n    from: TPose | undefined,\n  ): Glide<TPose> => {\n    if (!g) {\n      const start = from ?? effectivePose(scene, node);\n      g = { entry: { pose: start }, target: start, settling: false, handle: null };\n      glides.set(id, g);\n    } else if (from !== undefined) {\n      g.entry.pose = from;\n    }\n    if (scene.overrides.get(id as NodeId) !== g.entry) scene.overrides.set(id as NodeId, g.entry);\n    return g;\n  };\n\n  return {\n    glide(id, pose, opts) {\n      const node = scene.get(id as NodeId);\n      if (!node) return;\n      const from = opts?.from;\n      const g = glides.get(id);\n      if (g && from === undefined && !g.settling && samePose(g.target, pose) && onCourse(id, g)) return;\n      run(id, claim(id, node, g, from), pose, false);\n    },\n    settle(id, opts) {\n      const from = opts?.from;\n      const g = glides.get(id);\n      if (!g && from === undefined) return;\n      const node = scene.get(id as NodeId);\n      if (!node) { stop(id); return; }\n      const home = documentPose(scene, node);\n      if (g && from === undefined) {\n        if (g.settling && samePose(g.target, home) && onCourse(id, g)) return;\n        run(id, g, home, true);\n        return;\n      }\n      run(id, claim(id, node, g, from), home, true);\n    },\n    stop,\n    poseOf: (id) => glides.get(id)?.entry.pose,\n    dispose() {\n      for (const id of [...glides.keys()]) stop(id);\n    },\n  };\n}\n\n/**\n * A reflow transition over `animator`: each glide is a tween (or spring) of\n * its own, keyed `reflow:<id>`, so a new target for a node interrupts the\n * glide it is on and `animator.cancelKey` reaches one node's. See\n * {@link useAnimatedReflow} for the hook form.\n */\nexport function createReflowTransition<TPose>(\n  scene: ReflowScene<TPose>,\n  animator: Animator,\n  opts: ReflowTransitionOptions<TPose> = {},\n): AnimatedReflow<TPose> {\n  return makeReflow(scene, animator, () => opts);\n}\n\n/**\n * Opt a canvas's layout reflow into animation: pass the result to\n * `<SceneCanvas reflowTransition>` and siblings a drag displaces glide to\n * their slots instead of snapping. `null` (or `false`) turns it off, and\n * whatever it was holding snaps home. Option changes apply from the next\n * glide on, without rebuilding.\n */\nexport function useAnimatedReflow<TPose>(\n  scene: ReflowScene<TPose>,\n  animator: Animator,\n  opts: ReflowTransitionOptions<TPose> | null | false | undefined,\n): AnimatedReflow<TPose> | null {\n  const latest = useLatest(opts || {});\n  const enabled = !!opts;\n  const reflow = useMemo(\n    () => (enabled ? makeReflow(scene, animator, () => latest.current) : null),\n    [enabled, scene, animator, latest],\n  );\n  useEffect(() => () => reflow?.dispose(), [reflow]);\n  return reflow;\n}\n"],"mappings":";;;;;AA+CA,IAAMA,KAAU,MAAuB,UAAUC;AAEjD,SAASC,EAAS,GAAY,GAAqB;CACjD,IAAI,OAAO,GAAGC,GAAGC,CAAC,GAAG,OAAO;CAE5B,IADI,OAAOD,KAAM,YAAY,OAAOC,KAAM,YAAYD,MAAM,QAAQC,MAAM,QACtE,MAAM,QAAQD,CAAC,MAAM,MAAM,QAAQC,CAAC,GAAG,OAAO;CAClD,IAAMC,IAAK,OAAO,KAAKF,CAAC;CACxB,IAAIE,EAAG,WAAW,OAAO,KAAKD,CAAC,CAAC,CAAC,QAAQ,OAAO;CAChD,KAAK,IAAME,KAAKD,GACd,IAAI,CAACH,EAAUC,EAA8BG,IAAKF,EAA8BE,EAAE,GAAG,OAAO;CAE9F,OAAO;AACT;AAEA,SAASC,EACP,GACA,GACA,GACuB;CACvB,IAAMC,oBAAS,IAAI,IAA0B,GACzCC,IAAQ,IACRC,IAAmC,MAIjCC,UAAwB;EAC5B,AACAD,MAAcE,EAAS,aAAa;GAClC,AAAKH,MACL,IAAQ,IACRI,EAAM,UAAU,OAAO;EACzB,CAAC;CACH,GACMC,UAAgC;EACpC,AAAIN,EAAO,OAAO,KAAK,CAACE,MACxBA,EAAY,GACZ,IAAc;CAChB,GAEMK,KAAW,GAAY,MAA0B;EACrD,AAAIP,EAAO,IAAIP,CAAE,MAAMe,KAAGR,EAAO,OAAOP,CAAE;EAC1C,IAAMgB,IAAMhB;EAEZ,AADIY,EAAM,UAAU,IAAII,CAAG,MAAMD,EAAE,SAAOH,EAAM,UAAU,MAAMI,CAAG,GACnE,IAAQ;CACV,GAEMC,KAAO,GAAY,GAAiB,GAAW,MAA4B;EAC/E,IAAMC,IAAOH,EAAE,MAAM;EAGrB,IAFA,EAAE,SAASI,GACX,EAAE,WAAWC,GACTnB,EAASiB,GAAMC,CAAE,GAAG;GAMtB,AALAJ,EAAE,QAAQ,OAAO,GACjB,EAAE,SAAS,MACX,EAAE,MAAM,OAAOI,GACXC,KAAUN,EAAQd,GAAIe,CAAC,GAC3BH,EAAM,UAAU,OAAO,GACvBC,EAAkB;GAClB;EACF;EACA,IAAMQ,IAAIC,EAAK,GACTC,KAAQF,EAAE,YAAaG,EAAA,CAA2D;EACxF,IAAI,CAACD,GAAM,MAAU,MAAM,yEAAyE;EACpG,IAAME,KAAU,MAAoB;GAElC,AADA,EAAE,MAAM,OAAOF,EAAKL,GAAMC,GAAIO,CAAC,GAC/B,IAAQ;EACV,GACMC,UAAqB;GAEzB,AADA,EAAE,SAAS,MACNZ,EAAE,aACPD,EAAQd,GAAIe,CAAC,GACbF,EAAkB;EACpB,GACMe,IAAY7B,EAAOC,CAAE,GACrB6B,IAAQR,EAAE,SAAS;EAMzB,AALAX,EAAU,GAEV,EAAE,SAASW,EAAE,SACTV,EAAS,OAAe;GAAE,MAAM;GAAG,IAAI;GAAG,GAAGU,EAAE;GAAQ;GAAW;GAAO;GAAQ;EAAO,CAAC,IACzFV,EAAS,MAAc;GAAE,MAAM;GAAG,IAAI;GAAG,IAAIU,EAAE,MAAM;GAAK,QAAQA,EAAE;GAAQ;GAAW;GAAO;GAAQ;EAAO,CAAC,GAClHT,EAAM,UAAU,OAAO;CACzB,GAIMkB,KAAY,GAAY,MAC5BnB,EAAS,SAASZ,EAAOC,CAAE,CAAC,KAAKC,EAASc,EAAE,MAAM,MAAMA,EAAE,MAAM,GAE5DgB,KAAQ,MAAqB;EACjC,IAAMhB,IAAIR,EAAO,IAAIP,CAAE;EACvB,IAAI,CAACe,GAAG;EAER,AADAR,EAAO,OAAOP,CAAE,GAChBe,EAAE,QAAQ,OAAO;EACjB,IAAMC,IAAMhB;EAKZ,AAJIY,EAAM,UAAU,IAAII,CAAG,MAAMD,EAAE,UACjCH,EAAM,UAAU,MAAMI,CAAG,GACzBJ,EAAM,UAAU,OAAO,IAEzBC,EAAkB;CACpB,GAIMmB,KACJ,GACA,GACA,GACA,MACiB;EACjB,IAAKjB,GAIE,AAAIG,MAAS,KAAA,MAClB,EAAE,MAAM,OAAOA;OALT;GACN,IAAMe,IAAQf,KAAQgB,EAActB,GAAOuB,CAAI;GAE/C,AADA,IAAI;IAAE,OAAO,EAAE,MAAMF,EAAM;IAAG,QAAQA;IAAO,UAAU;IAAO,QAAQ;GAAK,GAC3E1B,EAAO,IAAIP,GAAIe,CAAC;EAClB;EAIA,OADIH,EAAM,UAAU,IAAIZ,CAAY,MAAMe,EAAE,SAAOH,EAAM,UAAU,IAAIZ,GAAce,EAAE,KAAK,GACrFA;CACT;CAEA,OAAO;EACL,MAAM,GAAI,GAAM,GAAM;GACpB,IAAMoB,IAAOvB,EAAM,IAAIZ,CAAY;GACnC,IAAI,CAACmC,GAAM;GACX,IAAMjB,IAAOkB,GAAM,MACbrB,IAAIR,EAAO,IAAIP,CAAE;GACvB,AAAIe,KAAKG,MAAS,KAAA,KAAa,CAACH,EAAE,YAAYd,EAASc,EAAE,QAAQsB,CAAI,KAAKP,EAAS9B,GAAIe,CAAC,KACxFE,EAAIjB,GAAIgC,EAAMhC,GAAImC,GAAMpB,GAAGG,CAAI,GAAGmB,GAAM,EAAK;EAC/C;EACA,OAAO,GAAI,GAAM;GACf,IAAMnB,IAAOkB,GAAM,MACbrB,IAAIR,EAAO,IAAIP,CAAE;GACvB,IAAI,CAACe,KAAKG,MAAS,KAAA,GAAW;GAC9B,IAAMiB,IAAOvB,EAAM,IAAIZ,CAAY;GACnC,IAAI,CAACmC,GAAM;IAAE,EAAKnC,CAAE;IAAG;GAAQ;GAC/B,IAAMsC,IAAOC,EAAa3B,GAAOuB,CAAI;GACrC,IAAIpB,KAAKG,MAAS,KAAA,GAAW;IAC3B,IAAIH,EAAE,YAAYd,EAASc,EAAE,QAAQuB,CAAI,KAAKR,EAAS9B,GAAIe,CAAC,GAAG;IAC/D,EAAIf,GAAIe,GAAGuB,GAAM,EAAI;IACrB;GACF;GACA,EAAItC,GAAIgC,EAAMhC,GAAImC,GAAMpB,GAAGG,CAAI,GAAGoB,GAAM,EAAI;EAC9C;EACA;EACA,SAAS,MAAO/B,EAAO,IAAIP,CAAE,CAAC,EAAE,MAAM;EACtC,UAAU;GACR,KAAK,IAAMA,KAAM,CAAC,GAAGO,EAAO,KAAK,CAAC,GAAG,EAAKP,CAAE;EAC9C;CACF;AACF;AAQA,SAAgBwC,EACd,GACA,GACA,IAAuC,CAAC,GACjB;CACvB,OAAOlC,EAAWM,GAAOD,SAAgByB,CAAI;AAC/C;AASA,SAAgBK,EACd,GACA,GACA,GAC8B;CAC9B,IAAMC,IAASC,EAAUP,KAAQ,CAAC,CAAC,GAC7BQ,IAAU,CAAC,CAACR,GACZS,IAASC,QACNF,IAAUtC,EAAWM,GAAOD,SAAgB+B,EAAO,OAAO,IAAI,MACrE;EAACE;EAAShC;EAAOD;EAAU+B;CAAM,CACnC;CAEA,OADAK,cAAsBF,GAAQ,QAAQ,GAAG,CAACA,CAAM,CAAC,GAC1CA;AACT"}

package/dist/animation/stagger.js

@@ -1,7 +1,6 @@
 import { springPose as e } from "./poseHelpers.js";
 //#region src/animation/stagger.ts
 var t = class {
-	timers;
 	supervisor;
 	id;
 	cancelled = !1;
@@ -11,14 +10,14 @@ var t = class {
 	pending = [];
 	outstanding;
 	finished = !1;
-	constructor(e, t, n) {
-		this.timers = e, this.supervisor = t, this.id = t.id, this.outstanding = n, t.setOnCancel(() => this.handleSupervisorCancel());
+	constructor(e, t) {
+		this.supervisor = e, this.id = e.id, this.outstanding = t, e.setOnCancel(() => this.handleSupervisorCancel()), e.setOnRate((e, t) => {
+			e ? this.applyPause() : this.applyResume(), this.applyTimeScale(t);
+		}), e.setOnFrame((e) => this.fireDue(e));
 	}
 	handleSupervisorCancel() {
 		if (this.cancelled) return;
-		this.cancelled = !0;
-		for (let e of this.pending) e.timer != null && this.timers.clearTimer(e.timer);
-		this.pending = [];
+		this.cancelled = !0, this.pending = [];
 		let e = this.children.slice();
 		this.children = [];
 		for (let t of e) t.cancel();
@@ -34,40 +33,49 @@ var t = class {
 		this.children.push(e), this.paused_ && e.pause(), this.timeScale_ !== 1 && e.setTimeScale(this.timeScale_);
 	}
 	schedule(e, t) {
-		if (this.cancelled) return;
-		let n = {
-			timer: null,
-			resolvedAt: this.timers.now() + e,
-			fire: () => {},
-			remainingMs: e,
-			paused: !1
-		};
-		n.fire = () => {
+		this.cancelled || this.pending.push({
+			at: e,
+			fire: t
+		});
+	}
+	fireDue(e) {
+		if (this.cancelled || this.pending.length === 0) return;
+		let t = this.pending.filter((t) => t.at <= e).sort((e, t) => e.at - t.at);
+		this.pending = this.pending.filter((t) => t.at > e);
+		for (let e of t) {
 			if (this.cancelled) return;
-			let e = this.pending.indexOf(n);
-			e >= 0 && this.pending.splice(e, 1), t();
-		}, this.paused_ ? n.paused = !0 : n.timer = this.timers.setTimer(n.fire, e), this.pending.push(n);
+			e.fire();
+		}
 	}
 	cancel() {
 		this.supervisor.cancel();
 	}
 	pause() {
-		if (this.paused_) return;
-		this.paused_ = !0;
-		let e = this.timers.now();
-		for (let t of this.pending) t.timer != null && (t.remainingMs = Math.max(0, t.resolvedAt - e), this.timers.clearTimer(t.timer), t.timer = null, t.paused = !0);
-		for (let e of this.children) e.pause();
+		this.supervisor.pause();
 	}
 	resume() {
-		if (!this.paused_) return;
-		this.paused_ = !1;
-		let e = this.timers.now();
-		for (let t of this.pending) t.paused &&= (t.resolvedAt = e + t.remainingMs, t.timer = this.timers.setTimer(t.fire, t.remainingMs), !1);
-		for (let e of this.children) e.resume();
+		this.supervisor.resume();
 	}
 	setTimeScale(e) {
-		this.timeScale_ = e;
-		for (let t of this.children) t.setTimeScale(e);
+		this.supervisor.setTimeScale(e);
+	}
+	applyPause() {
+		if (!this.paused_) {
+			this.paused_ = !0;
+			for (let e of this.children) e.pause();
+		}
+	}
+	applyResume() {
+		if (this.paused_) {
+			this.paused_ = !1;
+			for (let e of this.children) e.resume();
+		}
+	}
+	applyTimeScale(e) {
+		if (e !== this.timeScale_) {
+			this.timeScale_ = e;
+			for (let t of this.children) t.setTimeScale(e);
+		}
 	}
 	timeScale() {
 		return this.timeScale_;
@@ -79,22 +87,22 @@ var t = class {
 function n(e, t) {
 	return typeof e == "function" ? e(t) : e * t;
 }
-function r(e, t, n, r, a, o, c, l) {
-	return c ? i(t, n, r, a, o, c, l) : s(e, t, n, r, a, o);
+function r(e, t, n, r, a, o, c) {
+	return o ? i(t, n, r, a, o, c) : s(e, t, n, r, a);
 }
-function i(e, r, i, a, o, s, c) {
-	let l = r({
+function i(e, r, i, a, o, s) {
+	let c = e({
 		kind: "stagger",
-		cancelKey: c?.cancelKey,
-		label: c?.label
-	}), u = new t(e, l, a.length);
-	return a.length === 0 ? (l.finish(), u) : (a.forEach((e, t) => {
-		let r = n(o, t), a = () => {
-			let n = s(e, t);
-			i(n.id, () => u.noteChildDone()), u.addChild(n);
+		cancelKey: s?.cancelKey,
+		label: s?.label
+	}), l = new t(c, i.length);
+	return i.length === 0 ? (c.finish(), l) : (i.forEach((e, t) => {
+		let i = n(a, t), s = () => {
+			let n = o(e, t);
+			r(n.id, () => l.noteChildDone()), l.addChild(n);
 		};
-		r <= 0 ? a() : u.schedule(r, a);
-	}), u);
+		i <= 0 ? s() : l.schedule(i, s);
+	}), l);
 }
 function a(e, t, n) {
 	return typeof e == "function" ? e(t, n) : e;
@@ -107,10 +115,10 @@ function o(e) {
 	if (typeof e == "string" || typeof e == "number") return String(e);
 	throw Error("stagger().springPose: each item must either be a primitive (string/number) or have a string `id` field. Otherwise pose ids would collide.");
 }
-function s(t, n, r, s, c, l) {
+function s(t, n, r, s, c) {
 	return {
-		each: (e, t) => i(n, r, s, c, l, e, t),
-		tween: (e) => i(n, r, s, c, l, (n, r) => t.tween({
+		each: (e, t) => i(n, r, s, c, e, t),
+		tween: (e) => i(n, r, s, c, (n, r) => t.tween({
 			from: a(e.from, n, r),
 			to: a(e.to, n, r),
 			ms: a(e.ms, n, r),
@@ -119,17 +127,17 @@ function s(t, n, r, s, c, l) {
 			onTick: (t) => e.onTick(t, n, r),
 			onDone: e.onDone ? () => e.onDone(n, r) : void 0
 		}), e),
-		springPose: (a, u, d = {}) => i(n, r, s, c, l, (n, r) => e(t, a, {
+		springPose: (a, l, u = {}) => i(n, r, s, c, (n, r) => e(t, a, {
 			id: o(n),
-			to: u(n, r),
-			preset: d.preset,
-			stiffness: d.stiffness,
-			damping: d.damping,
-			mass: d.mass,
-			geometry: d.geometry,
-			recordOp: d.recordOp,
-			opLabel: d.opLabel
-		}), d)
+			to: l(n, r),
+			preset: u.preset,
+			stiffness: u.stiffness,
+			damping: u.damping,
+			mass: u.mass,
+			geometry: u.geometry,
+			recordOp: u.recordOp,
+			opLabel: u.opLabel
+		}), u)
 	};
 }
 //#endregion