@weasel-js/core 1.10.1 → 1.11.0

package/dist/animation/poseTarget.js.map

@@ -1 +1 @@
-{"version":3,"file":"poseTarget.js","names":["poseAxes","descriptor","like","axesOf","publishers","publisherOf","publish","overrides","liveAxes","get","axes","current","now","next","count","p","a","d","n","i","out","at","riders","riding","seen","id","beside","pose","cascade","entry","build","opts","installed","target","createTarget","overwritten","ride","onRest","createPoseTarget","sceneTargets","samePose","b","ka","k","scenePoseTarget","made","scene","nid","node","by","RECT_POSE_DESCRIPTOR","held","fits","documentPose","last","mine","cache"],"sources":["../../src/animation/poseTarget.ts"],"sourcesContent":["import { RECT_POSE_DESCRIPTOR, type PoseDescriptor } from '../core/geometry/poseDescriptor';\nimport { documentPose, type PoseSource } from '../core/scene/effectivePose';\nimport type { NodeId, PoseOverride, PoseOverrides } from '../core/scene/types';\nimport { axesOf } from '@weasel-js/animator';\nimport { createTarget, type Target, type TargetAxes } from '@weasel-js/animator';\n\n/** What {@link createPoseTarget} takes. */\nexport interface PoseTargetOptions<TPose> {\n  /** The node whose pose it is. */\n  id: string;\n  /** The node's committed pose: where the document says it is. */\n  get(): TPose;\n  /** Commits a pose: an animation's destination as it starts, and where a canceled one stopped. */\n  set(pose: TPose): void;\n  /** Where the pose on screen is published while the node moves. */\n  overrides: PoseOverrides<TPose>;\n  /** Supplies the pose's axes through `PoseDescriptor.axes`. Without one, or where it answers\n   *  null, the pose has to be a number, an array of numbers, or an object of numeric fields. */\n  descriptor?: PoseDescriptor<TPose>;\n}\n\n/** The part of a scene {@link scenePoseTarget} reads and writes. A `Scene` satisfies it. */\nexport interface PoseTargetScene<TPose> extends PoseSource<TPose> {\n  readonly overrides: PoseOverrides<TPose>;\n  setPose(id: NodeId, pose: TPose): void;\n  untracked<T>(fn: () => T): T;\n}\n\n/** How `like`'s kind of pose maps to axes: the descriptor's own mapping, else its flat numeric\n *  fields. Null for a pose with neither. */\nexport function poseAxes<TPose>(\n  descriptor: PoseDescriptor<TPose> | undefined,\n  like: TPose,\n): TargetAxes<TPose> | null {\n  return descriptor?.axes?.(like) ?? (axesOf(like) as TargetAxes<TPose> | null);\n}\n\nconst publishers = new WeakMap<object, () => void>();\n\n/** One function per overrides table, so every target publishing into it shares one commit a frame. */\nfunction publisherOf<TPose>(overrides: PoseOverrides<TPose>): () => void {\n  let publish = publishers.get(overrides);\n  if (!publish) {\n    publish = () => overrides.commit();\n    publishers.set(overrides, publish);\n  }\n  return publish;\n}\n\n/**\n * `poseAxes` for the pose `get` answers, with `from` keeping the fields that are not axes as\n * that pose has them now. Reading them once would leave them stale in every pose a canceled\n * animation commits. Null where the pose has no axes.\n */\nexport function liveAxes<TPose>(\n  descriptor: PoseDescriptor<TPose> | undefined,\n  get: () => TPose,\n): TargetAxes<TPose> | null {\n  let like = get();\n  let axes = poseAxes(descriptor, like);\n  if (!axes) return null;\n  const { count, angles } = axes;\n  const current = (): TargetAxes<TPose> => {\n    const now = get();\n    if (now !== like) {\n      const next = poseAxes(descriptor, now);\n      if (next && next.count === count) axes = next;\n      like = now;\n    }\n    return axes!;\n  };\n  return {\n    count,\n    angles,\n    to: (p) => current().to(p),\n    from: (a) => current().from(a),\n    add: axes.add && ((p, d) => {\n      const now = current();\n      if (now.add) return now.add(p, d);\n      return now.from(now.to(p).map((n, i) => n + d[i]!));\n    }),\n    write: axes.write && ((p, out, at) => {\n      const now = current();\n      if (now.write) now.write(p, out, at);\n      else now.to(p).forEach((n, i) => { out[at + i] = n; });\n    }),\n  };\n}\n\n/** How a container's pose target carries its descendants, for {@link scenePoseTarget}. */\nexport interface PoseCascade<TPose> {\n  /** Commits `pose` to the container, moving its descendants' poses with it. */\n  write(pose: TPose): void;\n  /** The descendants, each at the pose to show it at while the container shows at `pose`. */\n  beside(pose: TPose): Iterable<readonly [NodeId, TPose]>;\n}\n\n/** Shows a moving container's descendants through overrides of their own, and takes them back\n *  as it rests. A descendant something else already overrides is left to it. */\nfunction riders<TPose>(overrides: PoseOverrides<TPose>, cascade: PoseCascade<TPose>): (pose: TPose | null) => void {\n  const riding = new Map<NodeId, PoseOverride<TPose>>();\n  return (pose) => {\n    const seen = new Set<NodeId>();\n    for (const [id, beside] of pose === null ? [] : cascade.beside(pose)) {\n      let entry = riding.get(id);\n      if (!entry) {\n        if (overrides.has(id)) continue;\n        riding.set(id, entry = {});\n        overrides.set(id, entry);\n      }\n      entry.pose = beside;\n      seen.add(id);\n    }\n    for (const [id, entry] of riding) {\n      if (seen.has(id)) continue;\n      if (overrides.get(id) === entry) overrides.clear(id);\n      riding.delete(id);\n    }\n  };\n}\n\nfunction build<TPose>(\n  opts: PoseTargetOptions<TPose>,\n  onRest?: () => void,\n  /** Whether something else has written the committed pose since an animation last did. */\n  overwritten?: () => boolean,\n  /** Told the pose on screen each time it is shown, and null as the node comes to rest. */\n  ride?: (pose: TPose | null) => void,\n): Target<TPose> | null {\n  const { overrides } = opts;\n  const id = opts.id as NodeId;\n  const axes = liveAxes(opts.descriptor, opts.get);\n  if (!axes) return null;\n  const entry: PoseOverride<TPose> = {};\n  let installed = false;\n  const target = createTarget<TPose>({\n    get: opts.get,\n    set: opts.set,\n    axes,\n    show(pose) {\n      // The writer wins: what was left to travel belonged to a pose that is no longer committed.\n      if (target.active && overwritten?.()) target.stop({ commit: false });\n      if (target.active) {\n        entry.pose = pose;\n        // Installed once per run: an override laid over it since, a drag's, is not taken back.\n        if (!installed) overrides.set(id, entry);\n        installed = true;\n        ride?.(pose);\n        return;\n      }\n      installed = false;\n      if (overrides.get(id) === entry) overrides.clear(id);\n      ride?.(null);\n      onRest?.();\n    },\n    publish: publisherOf(overrides),\n  });\n  return target;\n}\n\n/**\n * A {@link Target} over one node's pose. Animations on it commit their destination through\n * `set` as they start, and the pose on screen reaches the paint and pick walks as a pose\n * override: installed while the node moves and cleared when it comes to rest.\n *\n * Throws for a pose with no axes. Make one per node: two targets over one node do not add.\n * {@link scenePoseTarget} keeps that one for a scene's nodes.\n */\nexport function createPoseTarget<TPose>(opts: PoseTargetOptions<TPose>): Target<TPose> {\n  const target = build(opts);\n  if (!target) {\n    throw new Error('createPoseTarget: this pose has no axes; give a descriptor whose `axes` maps it');\n  }\n  return target;\n}\n\nconst sceneTargets = new WeakMap<object, Map<string, Target<unknown>>>();\n\nfunction samePose(a: unknown, b: unknown): boolean {\n  if (a === b) return true;\n  if (typeof a !== 'object' || typeof b !== 'object' || a === null || b === null) return false;\n  const ka = Object.keys(a);\n  return ka.length === Object.keys(b).length\n    && ka.every((k) => (a as Record<string, unknown>)[k] === (b as Record<string, unknown>)[k]);\n}\n\n/**\n * The pose target of node `id` in `scene`: the same one on every call, so everything animating\n * the node adds. Its committed value is the node's document pose, written without recording;\n * a caller that wants the move in history records its own op first.\n *\n * Undefined for a node that is not in the scene, or whose pose has no axes. `descriptor`\n * defaults to `RECT_POSE_DESCRIPTOR`. With `cascade`, for a container whose descendants hold\n * poses of their own, a commit goes through `cascade.write` and the descendants are shown\n * traveling beside the container. Both are read the first time a node's target is made.\n */\nexport function scenePoseTarget<TPose>(\n  scene: PoseTargetScene<TPose>,\n  id: string,\n  descriptor?: PoseDescriptor<TPose>,\n  cascade?: PoseCascade<TPose>,\n): Target<TPose> | undefined {\n  let made = sceneTargets.get(scene.overrides);\n  if (!made) {\n    made = new Map();\n    sceneTargets.set(scene.overrides, made);\n  }\n  const nid = id as NodeId;\n  const node = scene.get(nid);\n  const by = descriptor ?? (RECT_POSE_DESCRIPTOR as unknown as PoseDescriptor<TPose>);\n  const held = made.get(id) as Target<TPose> | undefined;\n  // A pose that has changed shape at rest, a polygon given more points, needs axes made for it.\n  const fits = !held || held.active || !node\n    || poseAxes(by, documentPose(scene, node))?.count === held.axisCount;\n  if (held && fits) return held;\n  if (!node) return undefined;\n  // A node removed mid-flight keeps answering with the last pose it had.\n  let last = documentPose(scene, node);\n  /** The node's pose as an animation last left it, or as it was when the first one started. */\n  let mine: TPose | undefined;\n  const cache = made;\n  let target: Target<TPose> | null = null;\n  target = build<TPose>({\n    id,\n    descriptor: by,\n    overrides: scene.overrides,\n    get() {\n      const n = scene.get(nid);\n      if (n) last = documentPose(scene, n);\n      if (n && !target?.active) mine = n.pose;\n      return last;\n    },\n    set(pose) {\n      const n = scene.get(nid);\n      if (!n) return;\n      if (!samePose(n.pose, pose)) scene.untracked(() => (cascade ? cascade.write(pose) : scene.setPose(nid, pose)));\n      mine = scene.get(nid)?.pose;\n    },\n  }, () => {\n    if (!scene.get(nid)) cache.delete(id);\n  }, () => {\n    const n = scene.get(nid);\n    return !!n && mine !== undefined && !samePose(n.pose, mine);\n  }, cascade && riders(scene.overrides, cascade));\n  if (!target) return undefined;\n  made.set(id, target as Target<unknown>);\n  return target;\n}\n"],"mappings":"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"}
+{"version":3,"file":"poseTarget.js","names":[],"sources":["../../src/animation/poseTarget.ts"],"sourcesContent":["import { RECT_POSE_DESCRIPTOR, type PoseDescriptor } from '../core/geometry/poseDescriptor';\nimport { documentPose, type PoseSource } from '../core/scene/effectivePose';\nimport type { NodeId, PoseOverride, PoseOverrides } from '../core/scene/types';\nimport { axesOf } from '@weasel-js/animator';\nimport { createTarget, type Target, type TargetAxes } from '@weasel-js/animator';\n\n/** What {@link createPoseTarget} takes. */\nexport interface PoseTargetOptions<TPose> {\n  /** The node whose pose it is. */\n  id: string;\n  /** The node's committed pose: where the document says it is. */\n  get(): TPose;\n  /** Commits a pose: an animation's destination as it starts, and where a canceled one stopped. */\n  set(pose: TPose): void;\n  /** Where the pose on screen is published while the node moves. */\n  overrides: PoseOverrides<TPose>;\n  /** Supplies the pose's axes through `PoseDescriptor.axes`. Without one, or where it answers\n   *  null, the pose has to be a number, an array of numbers, or an object of numeric fields. */\n  descriptor?: PoseDescriptor<TPose>;\n}\n\n/** The part of a scene {@link scenePoseTarget} reads and writes. A `Scene` satisfies it. */\nexport interface PoseTargetScene<TPose> extends PoseSource<TPose> {\n  readonly overrides: PoseOverrides<TPose>;\n  setPose(id: NodeId, pose: TPose): void;\n  untracked<T>(fn: () => T): T;\n}\n\n/** How `like`'s kind of pose maps to axes: the descriptor's own mapping, else its flat numeric\n *  fields. Null for a pose with neither. */\nexport function poseAxes<TPose>(\n  descriptor: PoseDescriptor<TPose> | undefined,\n  like: TPose,\n): TargetAxes<TPose> | null {\n  return descriptor?.axes?.(like) ?? (axesOf(like) as TargetAxes<TPose> | null);\n}\n\nconst publishers = new WeakMap<object, () => void>();\n\n/** One function per overrides table, so every target publishing into it shares one commit a frame. */\nfunction publisherOf<TPose>(overrides: PoseOverrides<TPose>): () => void {\n  let publish = publishers.get(overrides);\n  if (!publish) {\n    publish = () => overrides.commit();\n    publishers.set(overrides, publish);\n  }\n  return publish;\n}\n\n/**\n * `poseAxes` for the pose `get` answers, with `from` keeping the fields that are not axes as\n * that pose has them now. Reading them once would leave them stale in every pose a canceled\n * animation commits. Null where the pose has no axes.\n */\nexport function liveAxes<TPose>(\n  descriptor: PoseDescriptor<TPose> | undefined,\n  get: () => TPose,\n): TargetAxes<TPose> | null {\n  let like = get();\n  let axes = poseAxes(descriptor, like);\n  if (!axes) return null;\n  const { count, angles } = axes;\n  const current = (): TargetAxes<TPose> => {\n    const now = get();\n    if (now !== like) {\n      const next = poseAxes(descriptor, now);\n      if (next && next.count === count) axes = next;\n      like = now;\n    }\n    return axes!;\n  };\n  return {\n    count,\n    angles,\n    to: (p) => current().to(p),\n    from: (a) => current().from(a),\n    add: axes.add && ((p, d) => {\n      const now = current();\n      if (now.add) return now.add(p, d);\n      return now.from(now.to(p).map((n, i) => n + d[i]!));\n    }),\n    write: axes.write && ((p, out, at) => {\n      const now = current();\n      if (now.write) now.write(p, out, at);\n      else now.to(p).forEach((n, i) => { out[at + i] = n; });\n    }),\n  };\n}\n\n/** How a container's pose target carries its descendants, for {@link scenePoseTarget}. */\nexport interface PoseCascade<TPose> {\n  /** Commits `pose` to the container, moving its descendants' poses with it. */\n  write(pose: TPose): void;\n  /** The descendants, each at the pose to show it at while the container shows at `pose`. */\n  beside(pose: TPose): Iterable<readonly [NodeId, TPose]>;\n}\n\n/** Shows a moving container's descendants through overrides of their own, and takes them back\n *  as it rests. A descendant something else already overrides is left to it. */\nfunction riders<TPose>(overrides: PoseOverrides<TPose>, cascade: PoseCascade<TPose>): (pose: TPose | null) => void {\n  const riding = new Map<NodeId, PoseOverride<TPose>>();\n  return (pose) => {\n    const seen = new Set<NodeId>();\n    for (const [id, beside] of pose === null ? [] : cascade.beside(pose)) {\n      let entry = riding.get(id);\n      if (!entry) {\n        if (overrides.has(id)) continue;\n        riding.set(id, entry = {});\n        overrides.set(id, entry);\n      }\n      entry.pose = beside;\n      seen.add(id);\n    }\n    for (const [id, entry] of riding) {\n      if (seen.has(id)) continue;\n      if (overrides.get(id) === entry) overrides.clear(id);\n      riding.delete(id);\n    }\n  };\n}\n\nfunction build<TPose>(\n  opts: PoseTargetOptions<TPose>,\n  onRest?: () => void,\n  /** Whether something else has written the committed pose since an animation last did. */\n  overwritten?: () => boolean,\n  /** Told the pose on screen each time it is shown, and null as the node comes to rest. */\n  ride?: (pose: TPose | null) => void,\n): Target<TPose> | null {\n  const { overrides } = opts;\n  const id = opts.id as NodeId;\n  const axes = liveAxes(opts.descriptor, opts.get);\n  if (!axes) return null;\n  const entry: PoseOverride<TPose> = {};\n  let installed = false;\n  const target = createTarget<TPose>({\n    get: opts.get,\n    set: opts.set,\n    axes,\n    show(pose) {\n      // The writer wins: what was left to travel belonged to a pose that is no longer committed.\n      if (target.active && overwritten?.()) target.stop({ commit: false });\n      if (target.active) {\n        entry.pose = pose;\n        // Installed once per run: an override laid over it since, a drag's, is not taken back.\n        if (!installed) overrides.set(id, entry);\n        installed = true;\n        ride?.(pose);\n        return;\n      }\n      installed = false;\n      if (overrides.get(id) === entry) overrides.clear(id);\n      ride?.(null);\n      onRest?.();\n    },\n    publish: publisherOf(overrides),\n  });\n  return target;\n}\n\n/**\n * A {@link Target} over one node's pose. Animations on it commit their destination through\n * `set` as they start, and the pose on screen reaches the paint and pick walks as a pose\n * override: installed while the node moves and cleared when it comes to rest.\n *\n * Throws for a pose with no axes. Make one per node: two targets over one node do not add.\n * {@link scenePoseTarget} keeps that one for a scene's nodes.\n */\nexport function createPoseTarget<TPose>(opts: PoseTargetOptions<TPose>): Target<TPose> {\n  const target = build(opts);\n  if (!target) {\n    throw new Error('createPoseTarget: this pose has no axes; give a descriptor whose `axes` maps it');\n  }\n  return target;\n}\n\nconst sceneTargets = new WeakMap<object, Map<string, Target<unknown>>>();\n\nfunction samePose(a: unknown, b: unknown): boolean {\n  if (a === b) return true;\n  if (typeof a !== 'object' || typeof b !== 'object' || a === null || b === null) return false;\n  const ka = Object.keys(a);\n  return ka.length === Object.keys(b).length\n    && ka.every((k) => (a as Record<string, unknown>)[k] === (b as Record<string, unknown>)[k]);\n}\n\n/**\n * The pose target of node `id` in `scene`: the same one on every call, so everything animating\n * the node adds. Its committed value is the node's document pose, written without recording;\n * a caller that wants the move in history records its own op first.\n *\n * Undefined for a node that is not in the scene, or whose pose has no axes. `descriptor`\n * defaults to `RECT_POSE_DESCRIPTOR`. With `cascade`, for a container whose descendants hold\n * poses of their own, a commit goes through `cascade.write` and the descendants are shown\n * traveling beside the container. Both are read the first time a node's target is made.\n */\nexport function scenePoseTarget<TPose>(\n  scene: PoseTargetScene<TPose>,\n  id: string,\n  descriptor?: PoseDescriptor<TPose>,\n  cascade?: PoseCascade<TPose>,\n): Target<TPose> | undefined {\n  let made = sceneTargets.get(scene.overrides);\n  if (!made) {\n    made = new Map();\n    sceneTargets.set(scene.overrides, made);\n  }\n  const nid = id as NodeId;\n  const node = scene.get(nid);\n  const by = descriptor ?? (RECT_POSE_DESCRIPTOR as unknown as PoseDescriptor<TPose>);\n  const held = made.get(id) as Target<TPose> | undefined;\n  // A pose that has changed shape at rest, a polygon given more points, needs axes made for it.\n  const fits = !held || held.active || !node\n    || poseAxes(by, documentPose(scene, node))?.count === held.axisCount;\n  if (held && fits) return held;\n  if (!node) return undefined;\n  // A node removed mid-flight keeps answering with the last pose it had.\n  let last = documentPose(scene, node);\n  /** The node's pose as an animation last left it, or as it was when the first one started. */\n  let mine: TPose | undefined;\n  const cache = made;\n  let target: Target<TPose> | null = null;\n  target = build<TPose>({\n    id,\n    descriptor: by,\n    overrides: scene.overrides,\n    get() {\n      const n = scene.get(nid);\n      if (n) last = documentPose(scene, n);\n      if (n && !target?.active) mine = n.pose;\n      return last;\n    },\n    set(pose) {\n      const n = scene.get(nid);\n      if (!n) return;\n      if (!samePose(n.pose, pose)) scene.untracked(() => (cascade ? cascade.write(pose) : scene.setPose(nid, pose)));\n      mine = scene.get(nid)?.pose;\n    },\n  }, () => {\n    if (!scene.get(nid)) cache.delete(id);\n  }, () => {\n    const n = scene.get(nid);\n    return !!n && mine !== undefined && !samePose(n.pose, mine);\n  }, cascade && riders(scene.overrides, cascade));\n  if (!target) return undefined;\n  made.set(id, target as Target<unknown>);\n  return target;\n}\n"],"mappings":";;;;;;;AA8BA,SAAgB,SACd,YACA,MAC0B;CAC1B,OAAO,YAAY,OAAO,IAAI,KAAM,OAAO,IAAI;AACjD;AAEA,IAAM,6BAAa,IAAI,QAA4B;;AAGnD,SAAS,YAAmB,WAA6C;CACvE,IAAI,UAAU,WAAW,IAAI,SAAS;CACtC,IAAI,CAAC,SAAS;EACZ,gBAAgB,UAAU,OAAO;EACjC,WAAW,IAAI,WAAW,OAAO;CACnC;CACA,OAAO;AACT;;;;;;AAOA,SAAgB,SACd,YACA,KAC0B;CAC1B,IAAI,OAAO,IAAI;CACf,IAAI,OAAO,SAAS,YAAY,IAAI;CACpC,IAAI,CAAC,MAAM,OAAO;CAClB,MAAM,EAAE,OAAO,WAAW;CAC1B,MAAM,gBAAmC;EACvC,MAAM,MAAM,IAAI;EAChB,IAAI,QAAQ,MAAM;GAChB,MAAM,OAAO,SAAS,YAAY,GAAG;GACrC,IAAI,QAAQ,KAAK,UAAU,OAAO,OAAO;GACzC,OAAO;EACT;EACA,OAAO;CACT;CACA,OAAO;EACL;EACA;EACA,KAAK,MAAM,QAAQ,CAAC,CAAC,GAAG,CAAC;EACzB,OAAO,MAAM,QAAQ,CAAC,CAAC,KAAK,CAAC;EAC7B,KAAK,KAAK,SAAS,GAAG,MAAM;GAC1B,MAAM,MAAM,QAAQ;GACpB,IAAI,IAAI,KAAK,OAAO,IAAI,IAAI,GAAG,CAAC;GAChC,OAAO,IAAI,KAAK,IAAI,GAAG,CAAC,CAAC,CAAC,KAAK,GAAG,MAAM,IAAI,EAAE,EAAG,CAAC;EACpD;EACA,OAAO,KAAK,WAAW,GAAG,KAAK,OAAO;GACpC,MAAM,MAAM,QAAQ;GACpB,IAAI,IAAI,OAAO,IAAI,MAAM,GAAG,KAAK,EAAE;QAC9B,IAAI,GAAG,CAAC,CAAC,CAAC,SAAS,GAAG,MAAM;IAAE,IAAI,KAAK,KAAK;GAAG,CAAC;EACvD;CACF;AACF;;;AAYA,SAAS,OAAc,WAAiC,SAA2D;CACjH,MAAM,yBAAS,IAAI,IAAiC;CACpD,QAAQ,SAAS;EACf,MAAM,uBAAO,IAAI,IAAY;EAC7B,KAAK,MAAM,CAAC,IAAI,WAAW,SAAS,OAAO,CAAC,IAAI,QAAQ,OAAO,IAAI,GAAG;GACpE,IAAI,QAAQ,OAAO,IAAI,EAAE;GACzB,IAAI,CAAC,OAAO;IACV,IAAI,UAAU,IAAI,EAAE,GAAG;IACvB,OAAO,IAAI,IAAI,QAAQ,CAAC,CAAC;IACzB,UAAU,IAAI,IAAI,KAAK;GACzB;GACA,MAAM,OAAO;GACb,KAAK,IAAI,EAAE;EACb;EACA,KAAK,MAAM,CAAC,IAAI,UAAU,QAAQ;GAChC,IAAI,KAAK,IAAI,EAAE,GAAG;GAClB,IAAI,UAAU,IAAI,EAAE,MAAM,OAAO,UAAU,MAAM,EAAE;GACnD,OAAO,OAAO,EAAE;EAClB;CACF;AACF;AAEA,SAAS,MACP,MACA,QAEA,aAEA,MACsB;CACtB,MAAM,EAAE,cAAc;CACtB,MAAM,KAAK,KAAK;CAChB,MAAM,OAAO,SAAS,KAAK,YAAY,KAAK,GAAG;CAC/C,IAAI,CAAC,MAAM,OAAO;CAClB,MAAM,QAA6B,CAAC;CACpC,IAAI,YAAY;CAChB,MAAM,SAAS,aAAoB;EACjC,KAAK,KAAK;EACV,KAAK,KAAK;EACV;EACA,KAAK,MAAM;GAET,IAAI,OAAO,UAAU,cAAc,GAAG,OAAO,KAAK,EAAE,QAAQ,MAAM,CAAC;GACnE,IAAI,OAAO,QAAQ;IACjB,MAAM,OAAO;IAEb,IAAI,CAAC,WAAW,UAAU,IAAI,IAAI,KAAK;IACvC,YAAY;IACZ,OAAO,IAAI;IACX;GACF;GACA,YAAY;GACZ,IAAI,UAAU,IAAI,EAAE,MAAM,OAAO,UAAU,MAAM,EAAE;GACnD,OAAO,IAAI;GACX,SAAS;EACX;EACA,SAAS,YAAY,SAAS;CAChC,CAAC;CACD,OAAO;AACT;;;;;;;;;AAUA,SAAgB,iBAAwB,MAA+C;CACrF,MAAM,SAAS,MAAM,IAAI;CACzB,IAAI,CAAC,QACH,MAAM,IAAI,MAAM,iFAAiF;CAEnG,OAAO;AACT;AAEA,IAAM,+BAAe,IAAI,QAA8C;AAEvE,SAAS,SAAS,GAAY,GAAqB;CACjD,IAAI,MAAM,GAAG,OAAO;CACpB,IAAI,OAAO,MAAM,YAAY,OAAO,MAAM,YAAY,MAAM,QAAQ,MAAM,MAAM,OAAO;CACvF,MAAM,KAAK,OAAO,KAAK,CAAC;CACxB,OAAO,GAAG,WAAW,OAAO,KAAK,CAAC,CAAC,CAAC,UAC/B,GAAG,OAAO,MAAO,EAA8B,OAAQ,EAA8B,EAAE;AAC9F;;;;;;;;;;;AAYA,SAAgB,gBACd,OACA,IACA,YACA,SAC2B;CAC3B,IAAI,OAAO,aAAa,IAAI,MAAM,SAAS;CAC3C,IAAI,CAAC,MAAM;EACT,uBAAO,IAAI,IAAI;EACf,aAAa,IAAI,MAAM,WAAW,IAAI;CACxC;CACA,MAAM,MAAM;CACZ,MAAM,OAAO,MAAM,IAAI,GAAG;CAC1B,MAAM,KAAK,cAAe;CAC1B,MAAM,OAAO,KAAK,IAAI,EAAE;CAExB,MAAM,OAAO,CAAC,QAAQ,KAAK,UAAU,CAAC,QACjC,SAAS,IAAI,aAAa,OAAO,IAAI,CAAC,CAAC,EAAE,UAAU,KAAK;CAC7D,IAAI,QAAQ,MAAM,OAAO;CACzB,IAAI,CAAC,MAAM,OAAO;CAElB,IAAI,OAAO,aAAa,OAAO,IAAI;;CAEnC,IAAI;CACJ,MAAM,QAAQ;CACd,IAAI,SAA+B;CACnC,SAAS,MAAa;EACpB;EACA,YAAY;EACZ,WAAW,MAAM;EACjB,MAAM;GACJ,MAAM,IAAI,MAAM,IAAI,GAAG;GACvB,IAAI,GAAG,OAAO,aAAa,OAAO,CAAC;GACnC,IAAI,KAAK,CAAC,QAAQ,QAAQ,OAAO,EAAE;GACnC,OAAO;EACT;EACA,IAAI,MAAM;GACR,MAAM,IAAI,MAAM,IAAI,GAAG;GACvB,IAAI,CAAC,GAAG;GACR,IAAI,CAAC,SAAS,EAAE,MAAM,IAAI,GAAG,MAAM,gBAAiB,UAAU,QAAQ,MAAM,IAAI,IAAI,MAAM,QAAQ,KAAK,IAAI,CAAE;GAC7G,OAAO,MAAM,IAAI,GAAG,CAAC,EAAE;EACzB;CACF,SAAS;EACP,IAAI,CAAC,MAAM,IAAI,GAAG,GAAG,MAAM,OAAO,EAAE;CACtC,SAAS;EACP,MAAM,IAAI,MAAM,IAAI,GAAG;EACvB,OAAO,CAAC,CAAC,KAAK,SAAS,UAAa,CAAC,SAAS,EAAE,MAAM,IAAI;CAC5D,GAAG,WAAW,OAAO,MAAM,WAAW,OAAO,CAAC;CAC9C,IAAI,CAAC,QAAQ,OAAO;CACpB,KAAK,IAAI,IAAI,MAAyB;CACtC,OAAO;AACT"}

package/dist/animation/poseTransition.js

@@ -0,0 +1,64 @@
+import { createDepartures } from "./departures.js";
+import { useEffect, useMemo } from "react";
+import { useLatest } from "@weasel-js/react";
+
+//#region src/animation/poseTransition.ts
+/**
+* The writes a {@link PoseTransitionSeat} glides unless told otherwise: a
+* direct scene call, an undo, and a redo. An action's commit (`'ops'`) is
+* left out because most show their own result — a drag's release is already
+* where it is written — and `tweenPose` records its op before it animates.
+* Layout writes belong to `reflowTransition`.
+*/
+function glidesByDefault(write) {
+	return write.origin === "call" || write.origin === "undo" || write.origin === "redo";
+}
+var exitsByDefault = (removal) => removal.origin !== "untracked";
+/** Hand `scene`'s pose writes to the seat's transition, each gliding from the
+*  pose it was shown at. A node something else is showing through an override
+*  — a drag's preview, another animation — is left to it. With `departures`,
+*  removals leave as ghosts there, and a node that comes back while its ghost
+*  is leaving returns from where the ghost was. */
+function bindPoseTransition(scene, seat, departures) {
+	return scene.onPoseWrite((writes, removed) => {
+		const s = seat();
+		if (!s) return;
+		const glides = s.glides ?? glidesByDefault;
+		const t = s.transition;
+		for (const r of removed) {
+			t.stop(r.id);
+			if (s.exit && departures && (s.exits ?? exitsByDefault)(r)) departures.leave(r, s.exit, t);
+		}
+		for (const w of writes) {
+			const id = w.id;
+			const back = w.from === void 0 ? departures?.recall(id) : void 0;
+			if (!glides(w)) continue;
+			if (t.poseOf(id) !== void 0) {
+				t.settle(id);
+				continue;
+			}
+			if (scene.overrides.has(w.id)) continue;
+			const from = w.from ?? back ?? s.enter?.(w.to);
+			if (from !== void 0) t.settle(id, { from });
+		}
+	});
+}
+/** {@link bindPoseTransition} for a component's life, following the latest
+*  seat. Subscribes only while there is one. Answers the ghosts it shows. */
+function usePoseTransition(scene, seat) {
+	const latest = useLatest(seat);
+	const on = !!seat;
+	const departures = useMemo(() => createDepartures(), []);
+	useEffect(() => () => departures.dispose(), [departures]);
+	useEffect(() => on ? bindPoseTransition(scene, () => latest.current, departures) : void 0, [
+		on,
+		scene,
+		latest,
+		departures
+	]);
+	return departures;
+}
+
+//#endregion
+export { bindPoseTransition, glidesByDefault, usePoseTransition };
+//# sourceMappingURL=poseTransition.js.map

package/dist/animation/poseTransition.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"poseTransition.js","names":[],"sources":["../../src/animation/poseTransition.ts"],"sourcesContent":["import { useEffect, useMemo } from 'react';\nimport { useLatest } from '@weasel-js/react';\nimport type { PoseRemoval, PoseWrite, ScenePoseReports } from '../core/scene/poseWrites';\nimport type { NodeId, PoseOverrides } from '../core/scene/types';\nimport type { ReflowTransition } from '../layout/types';\nimport { createDepartures, type Departures } from './departures';\n\n/**\n * Which pose writes a canvas glides, and through what: `<SceneCanvas\n * poseTransition>`. The transition is the kind `reflowTransition` takes, and\n * one object can serve both.\n */\nexport interface PoseTransitionSeat<TPose> {\n  /** Shows each glide through a pose override; writes nothing. */\n  transition: ReflowTransition<TPose>;\n  /** Whether `write` glides. Default {@link glidesByDefault}. */\n  glides?: (write: PoseWrite<TPose>) => boolean;\n  /** Where a node the scene adds is first shown, given the pose it was added\n   *  at. Absent, an added node appears in place. */\n  enter?: (pose: TPose) => TPose;\n  /** Where a node the scene removes is seen off to, given the pose it was\n   *  shown at: a ghost of it glides there fading out, drawn but never picked,\n   *  selected or recorded. Absent, a removed node vanishes. Needs a\n   *  transition from `useAnimatedReflow` or `createReflowTransition`. */\n  exit?: (pose: TPose) => TPose;\n  /** Whether a removal is seen off through `exit`. Default: every one but\n   *  an untracked removal. */\n  exits?: (removal: PoseRemoval<TPose>) => boolean;\n}\n\n/**\n * The writes a {@link PoseTransitionSeat} glides unless told otherwise: a\n * direct scene call, an undo, and a redo. An action's commit (`'ops'`) is\n * left out because most show their own result — a drag's release is already\n * where it is written — and `tweenPose` records its op before it animates.\n * Layout writes belong to `reflowTransition`.\n */\nexport function glidesByDefault(write: PoseWrite<unknown>): boolean {\n  return write.origin === 'call' || write.origin === 'undo' || write.origin === 'redo';\n}\n\nconst exitsByDefault = (removal: PoseRemoval<unknown>): boolean => removal.origin !== 'untracked';\n\n/** The part of a scene a pose transition hears and reads. */\nexport interface PoseTransitionScene<TPose, TNode = unknown> extends Pick<ScenePoseReports<TPose, TNode>, 'onPoseWrite'> {\n  readonly overrides: Pick<PoseOverrides<TPose>, 'has'>;\n}\n\n/** Hand `scene`'s pose writes to the seat's transition, each gliding from the\n *  pose it was shown at. A node something else is showing through an override\n *  — a drag's preview, another animation — is left to it. With `departures`,\n *  removals leave as ghosts there, and a node that comes back while its ghost\n *  is leaving returns from where the ghost was. */\nexport function bindPoseTransition<TPose, TNode = unknown>(\n  scene: PoseTransitionScene<TPose, TNode>,\n  seat: () => PoseTransitionSeat<TPose> | null | undefined,\n  departures?: Departures<TPose, TNode>,\n): () => void {\n  return scene.onPoseWrite((writes, removed) => {\n    const s = seat();\n    if (!s) return;\n    const glides = s.glides ?? glidesByDefault;\n    const t = s.transition;\n    for (const r of removed) {\n      t.stop(r.id as string);\n      if (s.exit && departures && (s.exits ?? exitsByDefault)(r)) departures.leave(r, s.exit, t);\n    }\n    for (const w of writes) {\n      const id = w.id as string;\n      const back = w.from === undefined ? departures?.recall(id) : undefined;\n      if (!glides(w)) continue;\n      // One already gliding turns toward the new pose from where it is shown.\n      if (t.poseOf(id) !== undefined) {\n        t.settle(id);\n        continue;\n      }\n      if (scene.overrides.has(w.id as NodeId)) continue;\n      const from = w.from ?? back ?? s.enter?.(w.to);\n      if (from !== undefined) t.settle(id, { from });\n    }\n  });\n}\n\n/** {@link bindPoseTransition} for a component's life, following the latest\n *  seat. Subscribes only while there is one. Answers the ghosts it shows. */\nexport function usePoseTransition<TPose, TNode = unknown>(\n  scene: PoseTransitionScene<TPose, TNode>,\n  seat: PoseTransitionSeat<TPose> | null | undefined,\n): Departures<TPose, TNode> {\n  const latest = useLatest(seat);\n  const on = !!seat;\n  const departures = useMemo(() => createDepartures<TPose, TNode>(), []);\n  useEffect(() => () => departures.dispose(), [departures]);\n  useEffect(\n    () => (on ? bindPoseTransition(scene, () => latest.current, departures) : undefined),\n    [on, scene, latest, departures],\n  );\n  return departures;\n}\n"],"mappings":";;;;;;;;;;;;AAqCA,SAAgB,gBAAgB,OAAoC;CAClE,OAAO,MAAM,WAAW,UAAU,MAAM,WAAW,UAAU,MAAM,WAAW;AAChF;AAEA,IAAM,kBAAkB,YAA2C,QAAQ,WAAW;;;;;;AAYtF,SAAgB,mBACd,OACA,MACA,YACY;CACZ,OAAO,MAAM,aAAa,QAAQ,YAAY;EAC5C,MAAM,IAAI,KAAK;EACf,IAAI,CAAC,GAAG;EACR,MAAM,SAAS,EAAE,UAAU;EAC3B,MAAM,IAAI,EAAE;EACZ,KAAK,MAAM,KAAK,SAAS;GACvB,EAAE,KAAK,EAAE,EAAY;GACrB,IAAI,EAAE,QAAQ,eAAe,EAAE,SAAS,eAAA,CAAgB,CAAC,GAAG,WAAW,MAAM,GAAG,EAAE,MAAM,CAAC;EAC3F;EACA,KAAK,MAAM,KAAK,QAAQ;GACtB,MAAM,KAAK,EAAE;GACb,MAAM,OAAO,EAAE,SAAS,SAAY,YAAY,OAAO,EAAE,IAAI;GAC7D,IAAI,CAAC,OAAO,CAAC,GAAG;GAEhB,IAAI,EAAE,OAAO,EAAE,MAAM,QAAW;IAC9B,EAAE,OAAO,EAAE;IACX;GACF;GACA,IAAI,MAAM,UAAU,IAAI,EAAE,EAAY,GAAG;GACzC,MAAM,OAAO,EAAE,QAAQ,QAAQ,EAAE,QAAQ,EAAE,EAAE;GAC7C,IAAI,SAAS,QAAW,EAAE,OAAO,IAAI,EAAE,KAAK,CAAC;EAC/C;CACF,CAAC;AACH;;;AAIA,SAAgB,kBACd,OACA,MAC0B;CAC1B,MAAM,SAAS,UAAU,IAAI;CAC7B,MAAM,KAAK,CAAC,CAAC;CACb,MAAM,aAAa,cAAc,iBAA+B,GAAG,CAAC,CAAC;CACrE,sBAAsB,WAAW,QAAQ,GAAG,CAAC,UAAU,CAAC;CACxD,gBACS,KAAK,mBAAmB,aAAa,OAAO,SAAS,UAAU,IAAI,QAC1E;EAAC;EAAI;EAAO;EAAQ;CAAU,CAChC;CACA,OAAO;AACT"}

package/dist/animation/reflow.js

@@ -1,151 +1,239 @@
-import { documentPose as e, effectivePose as t } from "../core/scene/effectivePose.js";
-import { RECT_POSE_DESCRIPTOR as n } from "../core/geometry/poseDescriptor.js";
-import { liveAxes as r } from "./poseTarget.js";
-import { useEffect as i, useMemo as a } from "react";
-import { useLatest as o } from "@weasel-js/react";
-import { createTarget as s } from "@weasel-js/animator";
+import { documentPose, effectivePose } from "../core/scene/effectivePose.js";
+import { RECT_POSE_DESCRIPTOR } from "../core/geometry/poseDescriptor.js";
+import { liveAxes } from "./poseTarget.js";
+import { useEffect, useMemo } from "react";
+import { useLatest } from "@weasel-js/react";
+import { createTarget } from "@weasel-js/animator";
+
 //#region src/animation/reflow.ts
-var c = (e) => `reflow:${e}`;
-function l(e, t) {
-	if (Object.is(e, t)) return !0;
-	if (typeof e != "object" || typeof t != "object" || e === null || t === null || Array.isArray(e) !== Array.isArray(t)) return !1;
-	let n = Object.keys(e);
-	if (n.length !== Object.keys(t).length) return !1;
-	for (let r of n) if (!l(e[r], t[r])) return !1;
-	return !0;
+/** The animator's cancel-key for one node's glide. */
+var keyFor = (id) => `reflow:${id}`;
+function samePose(a, b) {
+	if (Object.is(a, b)) return true;
+	if (typeof a !== "object" || typeof b !== "object" || a === null || b === null) return false;
+	if (Array.isArray(a) !== Array.isArray(b)) return false;
+	const ka = Object.keys(a);
+	if (ka.length !== Object.keys(b).length) return false;
+	for (const k of ka) if (!samePose(a[k], b[k])) return false;
+	return true;
+}
+function makeReflow(scene, animator, read) {
+	return {
+		...makeGlides(scene, animator, read),
+		over: (other, geometry) => makeReflow(other, animator, () => {
+			const { geometry: own, ...timing } = read();
+			return {
+				...timing,
+				geometry: geometry(own ?? RECT_POSE_DESCRIPTOR)
+			};
+		})
+	};
 }
-function u(i, a, o) {
-	let u = /* @__PURE__ */ new Map(), d = !1, f = null, p = () => {
-		f ||= a.onTick(() => {
-			d && (d = !1, i.overrides.commit());
+function makeGlides(scene, animator, read) {
+	const glides = /* @__PURE__ */ new Map();
+	let dirty = false;
+	let unsubscribe = null;
+	const subscribe = () => {
+		if (unsubscribe) return;
+		unsubscribe = animator.onTick(() => {
+			if (!dirty) return;
+			dirty = false;
+			scene.overrides.commit();
 		});
-	}, m = () => {
-		u.size > 0 || !f || (f(), f = null);
-	}, h = (e, t) => {
-		u.get(e) === t && u.delete(e);
-		let n = e;
-		i.overrides.get(n) === t.entry && i.overrides.clear(n), d = !0;
-	}, g = (e, t, n, r) => {
-		let s = t.entry.pose;
-		if (t.settling = r, l(s, n)) {
-			a.cancelKey(c(e)), t.slot = n, t.entry.pose = n, r && h(e, t), i.overrides.commit(), m();
+	};
+	const unsubscribeIfIdle = () => {
+		if (glides.size > 0 || !unsubscribe) return;
+		unsubscribe();
+		unsubscribe = null;
+	};
+	const release = (id, g) => {
+		if (glides.get(id) === g) glides.delete(id);
+		const nid = id;
+		if (scene.overrides.get(nid) === g.entry) scene.overrides.clear(nid);
+		dirty = true;
+	};
+	const run = (id, g, to, settling) => {
+		const from = g.entry.pose;
+		g.settling = settling;
+		if (samePose(from, to)) {
+			animator.cancelKey(keyFor(id));
+			g.slot = to;
+			g.entry.pose = to;
+			if (settling) release(id, g);
+			scene.overrides.commit();
+			unsubscribeIfIdle();
 			return;
 		}
-		if (t.target?.active && l(t.slot, n)) return;
-		let u = o(), f = u.geometry?.lerp, g = () => {
-			!t.target?.active && t.settling && (h(e, t), m());
-		}, _ = c(e), v = u.label ?? "reflow";
-		if (p(), t.target) u.spring ? a.spring({
-			target: t.target,
-			to: n,
-			...u.spring,
-			cancelKey: _,
-			label: v,
-			onDone: g
-		}) : a.tween({
-			target: t.target,
-			to: n,
-			ms: u.ms ?? 200,
-			easing: u.easing,
-			cancelKey: _,
-			interrupt: !1,
-			label: v,
-			onDone: g,
-			interpolate: f && ((e, t, n) => f(e, t, n))
-		});
-		else {
-			if (!f) throw Error("useAnimatedReflow: this pose has no axes; supply geometry: { ..., lerp }");
-			t.slot = n;
-			let e = (e) => {
-				t.entry.pose = f(s, n, e), d = !0;
+		if (g.target?.active && samePose(g.slot, to)) return;
+		const o = read();
+		const lerp = o.geometry?.lerp;
+		const onDone = () => {
+			if (g.target?.active || !g.settling) return;
+			release(id, g);
+			unsubscribeIfIdle();
+		};
+		const cancelKey = keyFor(id);
+		const label = o.label ?? "reflow";
+		subscribe();
+		if (g.target) {
+			if (o.spring) animator.spring({
+				target: g.target,
+				to,
+				...o.spring,
+				cancelKey,
+				label,
+				onDone
+			});
+			else animator.tween({
+				target: g.target,
+				to,
+				ms: o.ms ?? 200,
+				easing: o.easing,
+				cancelKey,
+				interrupt: false,
+				label,
+				onDone,
+				interpolate: lerp && ((a, b, t) => lerp(a, b, t))
+			});
+		} else {
+			if (!lerp) throw new Error("useAnimatedReflow: this pose has no axes; supply geometry: { ..., lerp }");
+			g.slot = to;
+			const onTick = (p) => {
+				g.entry.pose = lerp(from, to, p);
+				dirty = true;
 			};
-			u.spring ? a.spring({
+			if (o.spring) animator.spring({
 				from: 0,
 				to: 1,
-				...u.spring,
-				cancelKey: _,
-				label: v,
-				onTick: e,
-				onDone: g
-			}) : a.tween({
+				...o.spring,
+				cancelKey,
+				label,
+				onTick,
+				onDone
+			});
+			else animator.tween({
 				from: 0,
 				to: 1,
-				ms: u.ms ?? 200,
-				easing: u.easing,
-				cancelKey: _,
-				label: v,
-				onTick: e,
-				onDone: g
+				ms: o.ms ?? 200,
+				easing: o.easing,
+				cancelKey,
+				label,
+				onTick,
+				onDone
 			});
 		}
-		i.overrides.commit();
-	}, _ = (e, t) => a.isActive(c(e)) || l(t.entry.pose, t.slot), v = (e) => {
-		let t = u.get(e);
-		if (!t) return;
-		u.delete(e), a.cancelKey(c(e));
-		let n = e;
-		i.overrides.get(n) === t.entry && (i.overrides.clear(n), i.overrides.commit()), m();
-	}, y = (e, t) => {
-		let i = {
-			entry: { pose: t },
-			slot: t,
-			settling: !1,
+		scene.overrides.commit();
+	};
+	const onCourse = (id, g) => animator.isActive(keyFor(id)) || samePose(g.entry.pose, g.slot);
+	const stop = (id) => {
+		const g = glides.get(id);
+		if (!g) return;
+		glides.delete(id);
+		animator.cancelKey(keyFor(id));
+		const nid = id;
+		if (scene.overrides.get(nid) === g.entry) {
+			scene.overrides.clear(nid);
+			scene.overrides.commit();
+		}
+		unsubscribeIfIdle();
+	};
+	const start = (id, pose) => {
+		const g = {
+			entry: { pose },
+			slot: pose,
+			settling: false,
 			target: null
-		}, a = o().geometry ?? n, c = r(a, () => i.slot);
-		return c && (i.target = s({
-			axes: c,
-			get: () => i.slot,
-			set: (e) => {
-				i.slot = e;
+		};
+		const descriptor = read().geometry ?? RECT_POSE_DESCRIPTOR;
+		const axes = liveAxes(descriptor, () => g.slot);
+		if (axes) g.target = createTarget({
+			axes,
+			get: () => g.slot,
+			set: (slot) => {
+				g.slot = slot;
 			},
-			show: (e) => {
-				i.entry.pose = e, d = !0;
+			show: (shown) => {
+				g.entry.pose = shown;
+				dirty = true;
 			}
-		})), u.set(e, i), i;
-	}, b = (e, n, r, o) => (r ? o !== void 0 && (a.cancelKey(c(e)), r.slot = o, r.entry.pose = o) : r = y(e, o ?? t(i, n)), i.overrides.get(e) !== r.entry && i.overrides.set(e, r.entry), r);
+		});
+		glides.set(id, g);
+		return g;
+	};
+	const claim = (id, node, g, from) => {
+		if (!g) g = start(id, from ?? effectivePose(scene, node));
+		else if (from !== void 0) {
+			animator.cancelKey(keyFor(id));
+			g.slot = from;
+			g.entry.pose = from;
+		}
+		if (scene.overrides.get(id) !== g.entry) scene.overrides.set(id, g.entry);
+		return g;
+	};
 	return {
-		glide(e, t, n) {
-			let r = i.get(e);
-			if (!r) return;
-			let a = n?.from, o = u.get(e);
-			o && a === void 0 && !o.settling && l(o.slot, t) && _(e, o) || g(e, b(e, r, o, a), t, !1);
+		glide(id, pose, opts) {
+			const node = scene.get(id);
+			if (!node) return;
+			const from = opts?.from;
+			const g = glides.get(id);
+			if (g && from === void 0 && !g.settling && samePose(g.slot, pose) && onCourse(id, g)) return;
+			run(id, claim(id, node, g, from), pose, false);
 		},
-		settle(t, n) {
-			let r = n?.from, a = u.get(t);
-			if (!a && r === void 0) return;
-			let o = i.get(t);
-			if (!o) {
-				v(t);
+		settle(id, opts) {
+			const from = opts?.from;
+			const g = glides.get(id);
+			if (!g && from === void 0) return;
+			const node = scene.get(id);
+			if (!node) {
+				stop(id);
 				return;
 			}
-			let s = e(i, o);
-			if (a && r === void 0) {
-				if (a.settling && l(a.slot, s) && _(t, a)) return;
-				g(t, a, s, !0);
+			const home = documentPose(scene, node);
+			if (g && from === void 0) {
+				if (g.settling && samePose(g.slot, home) && onCourse(id, g)) return;
+				run(id, g, home, true);
 				return;
 			}
-			g(t, b(t, o, a, r), s, !0);
+			run(id, claim(id, node, g, from), home, true);
 		},
-		stop: v,
-		poseOf: (e) => u.get(e)?.entry.pose,
+		stop,
+		poseOf: (id) => glides.get(id)?.entry.pose,
 		dispose() {
-			for (let e of [...u.keys()]) v(e);
+			for (const id of [...glides.keys()]) stop(id);
 		}
 	};
 }
-function d(e, t, n = {}) {
-	return u(e, t, () => n);
+/**
+* A reflow transition over `animator`. Each node it moves has an animation
+* target whose committed value is the slot the layout wants it shown at, and
+* a new slot is a new animation on that target under the key `reflow:<id>`:
+* a timed glide adds to the ones still running, a spring interrupts them at
+* their velocity, and `animator.cancelKey` reaches one node's. See
+* {@link useAnimatedReflow} for the hook form.
+*/
+function createReflowTransition(scene, animator, opts = {}) {
+	return makeReflow(scene, animator, () => opts);
 }
-function f(e, t, n) {
-	let r = o(n || {}), s = !!n, c = a(() => s ? u(e, t, () => r.current) : null, [
-		s,
-		e,
-		t,
-		r
+/**
+* Opt a canvas's layout reflow into animation: pass the result to
+* `<SceneCanvas reflowTransition>` and siblings a drag displaces glide to
+* their slots instead of snapping. `null` (or `false`) turns it off, and
+* whatever it was holding snaps home. Option changes apply from the next
+* glide on, without rebuilding.
+*/
+function useAnimatedReflow(scene, animator, opts) {
+	const latest = useLatest(opts || {});
+	const enabled = !!opts;
+	const reflow = useMemo(() => enabled ? makeReflow(scene, animator, () => latest.current) : null, [
+		enabled,
+		scene,
+		animator,
+		latest
 	]);
-	return i(() => () => c?.dispose(), [c]), c;
+	useEffect(() => () => reflow?.dispose(), [reflow]);
+	return reflow;
 }
-//#endregion
-export { d as createReflowTransition, f as useAnimatedReflow };
 
+//#endregion
+export { createReflowTransition, useAnimatedReflow };
 //# sourceMappingURL=reflow.js.map

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","settling","to","o","read","lerp","onDone","cancelKey","label","t","onTick","p","onCourse","stop","start","pose","descriptor","RECT_POSE_DESCRIPTOR","axes","liveAxes","createTarget","slot","shown","claim","effectivePose","node","opts","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 { liveAxes } from './poseTarget';\nimport { createTarget, type Target } from '@weasel-js/animator';\nimport type { Animator, EasingSpec, SpringPresetName } from '@weasel-js/animator';\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 starts a new spring\n   *  from the pose on screen at the speed the node was moving. */\n  spring?: {\n    preset?: SpringPresetName;\n    stiffness?: number;\n    damping?: number;\n    mass?: number;\n  };\n  /** Supplies the pose's axes, and its `lerp` is the path a timed glide\n   *  follows. Default `RECT_POSE_DESCRIPTOR`, each axis in a straight line.\n   *  A pose with no axes glides by `lerp` alone, and a retarget restarts it. */\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  /** Where the layout wants the node shown: what its target commits. */\n  slot: TPose;\n  settling: boolean;\n  /** Null for a pose with no axes, which glides by `lerp`. */\n  target: Target<TPose> | 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.settling = settling;\n    if (samePose(from, to)) {\n      animator.cancelKey(keyFor(id));\n      g.slot = to;\n      g.entry.pose = to;\n      if (settling) release(id, g);\n      scene.overrides.commit();\n      unsubscribeIfIdle();\n      return;\n    }\n    // Already on its way there: whatever is moving it finishes the job.\n    if (g.target?.active && samePose(g.slot, to)) return;\n    const o = read();\n    const lerp = o.geometry?.lerp;\n    const onDone = (): void => {\n      if (g.target?.active || !g.settling) return;\n      release(id, g);\n      unsubscribeIfIdle();\n    };\n    const cancelKey = keyFor(id);\n    const label = o.label ?? 'reflow';\n    subscribe();\n    if (g.target) {\n      // A spring interrupts what is moving the node and takes its velocity; a timed glide adds to it.\n      if (o.spring) animator.spring<TPose>({ target: g.target, to, ...o.spring, cancelKey, label, onDone });\n      else {\n        animator.tween<TPose>({\n          target: g.target, to, ms: o.ms ?? 200, easing: o.easing, cancelKey, interrupt: false, label, onDone,\n          interpolate: lerp && ((a, b, t) => lerp(a, b, t)),\n        });\n      }\n    } else {\n      if (!lerp) throw new Error('useAnimatedReflow: this pose has no axes; supply geometry: { ..., lerp }');\n      g.slot = to;\n      const onTick = (p: number): void => {\n        g.entry.pose = lerp(from, to, p);\n        dirty = true;\n      };\n      // The shared key is what retargets: the new animation interrupts the old.\n      if (o.spring) animator.spring<number>({ from: 0, to: 1, ...o.spring, cancelKey, label, onTick, onDone });\n      else animator.tween<number>({ from: 0, to: 1, ms: o.ms ?? 200, easing: o.easing, cancelKey, label, onTick, onDone });\n    }\n    scene.overrides.commit();\n  };\n\n  // False for a glide canceled through the animator: it stopped short of its\n  // slot 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.slot);\n\n  const stop = (id: string): void => {\n    const g = glides.get(id);\n    if (!g) return;\n    glides.delete(id);\n    animator.cancelKey(keyFor(id));\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  const start = (id: string, pose: TPose): Glide<TPose> => {\n    const g: Glide<TPose> = { entry: { pose }, slot: pose, settling: false, target: null };\n    const descriptor = read().geometry ?? (RECT_POSE_DESCRIPTOR as unknown as PoseDescriptor<TPose>);\n    const axes = liveAxes(descriptor, () => g.slot);\n    if (axes) {\n      g.target = createTarget<TPose>({\n        axes,\n        get: () => g.slot,\n        set: (slot) => { g.slot = slot; },\n        show: (shown) => {\n          g.entry.pose = shown;\n          dirty = true;\n        },\n      });\n    }\n    glides.set(id, g);\n    return g;\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      g = start(id, from ?? effectivePose(scene, node));\n    } else if (from !== undefined) {\n      animator.cancelKey(keyFor(id));\n      g.slot = from;\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.slot, 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.slot, 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 node it moves has an animation\n * target whose committed value is the slot the layout wants it shown at, and\n * a new slot is a new animation on that target under the key `reflow:<id>`:\n * a timed glide adds to the ones still running, a spring interrupts them at\n * their velocity, 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":[],"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 { liveAxes } from './poseTarget';\nimport { createTarget, type Target } from '@weasel-js/animator';\nimport type { Animator, EasingSpec, SpringPresetName } from '@weasel-js/animator';\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 starts a new spring\n   *  from the pose on screen at the speed the node was moving. */\n  spring?: {\n    preset?: SpringPresetName;\n    stiffness?: number;\n    damping?: number;\n    mass?: number;\n  };\n  /** Supplies the pose's axes, and its `lerp` is the path a timed glide\n   *  follows. Default `RECT_POSE_DESCRIPTOR`, each axis in a straight line.\n   *  A pose with no axes glides by `lerp` alone, and a retarget restarts it. */\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  /** The same transition over another scene: its animator, timing and label,\n   *  for poses `geometry` describes given this one's descriptor. Option\n   *  changes reach it as they reach this one. */\n  over<TOther>(\n    scene: ReflowScene<TOther>,\n    geometry: (mine: PoseDescriptor<TPose>) => PoseDescriptor<TOther>,\n  ): AnimatedReflow<TOther>;\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  /** Where the layout wants the node shown: what its target commits. */\n  slot: TPose;\n  settling: boolean;\n  /** Null for a pose with no axes, which glides by `lerp`. */\n  target: Target<TPose> | 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  return {\n    ...makeGlides(scene, animator, read),\n    over: (other, geometry) => makeReflow(other, animator, () => {\n      const { geometry: own, ...timing } = read();\n      return { ...timing, geometry: geometry(own ?? (RECT_POSE_DESCRIPTOR as unknown as PoseDescriptor<TPose>)) };\n    }),\n  };\n}\n\nfunction makeGlides<TPose>(\n  scene: ReflowScene<TPose>,\n  animator: Animator,\n  read: () => ReflowTransitionOptions<TPose>,\n): Omit<AnimatedReflow<TPose>, 'over'> {\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.settling = settling;\n    if (samePose(from, to)) {\n      animator.cancelKey(keyFor(id));\n      g.slot = to;\n      g.entry.pose = to;\n      if (settling) release(id, g);\n      scene.overrides.commit();\n      unsubscribeIfIdle();\n      return;\n    }\n    // Already on its way there: whatever is moving it finishes the job.\n    if (g.target?.active && samePose(g.slot, to)) return;\n    const o = read();\n    const lerp = o.geometry?.lerp;\n    const onDone = (): void => {\n      if (g.target?.active || !g.settling) return;\n      release(id, g);\n      unsubscribeIfIdle();\n    };\n    const cancelKey = keyFor(id);\n    const label = o.label ?? 'reflow';\n    subscribe();\n    if (g.target) {\n      // A spring interrupts what is moving the node and takes its velocity; a timed glide adds to it.\n      if (o.spring) animator.spring<TPose>({ target: g.target, to, ...o.spring, cancelKey, label, onDone });\n      else {\n        animator.tween<TPose>({\n          target: g.target, to, ms: o.ms ?? 200, easing: o.easing, cancelKey, interrupt: false, label, onDone,\n          interpolate: lerp && ((a, b, t) => lerp(a, b, t)),\n        });\n      }\n    } else {\n      if (!lerp) throw new Error('useAnimatedReflow: this pose has no axes; supply geometry: { ..., lerp }');\n      g.slot = to;\n      const onTick = (p: number): void => {\n        g.entry.pose = lerp(from, to, p);\n        dirty = true;\n      };\n      // The shared key is what retargets: the new animation interrupts the old.\n      if (o.spring) animator.spring<number>({ from: 0, to: 1, ...o.spring, cancelKey, label, onTick, onDone });\n      else animator.tween<number>({ from: 0, to: 1, ms: o.ms ?? 200, easing: o.easing, cancelKey, label, onTick, onDone });\n    }\n    scene.overrides.commit();\n  };\n\n  // False for a glide canceled through the animator: it stopped short of its\n  // slot 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.slot);\n\n  const stop = (id: string): void => {\n    const g = glides.get(id);\n    if (!g) return;\n    glides.delete(id);\n    animator.cancelKey(keyFor(id));\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  const start = (id: string, pose: TPose): Glide<TPose> => {\n    const g: Glide<TPose> = { entry: { pose }, slot: pose, settling: false, target: null };\n    const descriptor = read().geometry ?? (RECT_POSE_DESCRIPTOR as unknown as PoseDescriptor<TPose>);\n    const axes = liveAxes(descriptor, () => g.slot);\n    if (axes) {\n      g.target = createTarget<TPose>({\n        axes,\n        get: () => g.slot,\n        set: (slot) => { g.slot = slot; },\n        show: (shown) => {\n          g.entry.pose = shown;\n          dirty = true;\n        },\n      });\n    }\n    glides.set(id, g);\n    return g;\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      g = start(id, from ?? effectivePose(scene, node));\n    } else if (from !== undefined) {\n      animator.cancelKey(keyFor(id));\n      g.slot = from;\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.slot, 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.slot, 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 node it moves has an animation\n * target whose committed value is the slot the layout wants it shown at, and\n * a new slot is a new animation on that target under the key `reflow:<id>`:\n * a timed glide adds to the ones still running, a spring interrupts them at\n * their velocity, 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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"}