@astryxdesign/core 0.7.4 → 0.7.5-canary.0418c47

package/dist/gestures/GestureArena.js

@@ -0,0 +1,816 @@
+// Copyright (c) Meta Platforms, Inc. and affiliates.
+
+/**
+ * @file GestureArena.ts
+ * @input Touch input (began / moved / ended / cancelled / taken by the
+ *   browser), each new touch with the recognizers on its hit path and the
+ *   view-level consumer under it
+ * @output Exports GestureArena (UIKit's gesture environment), its clock
+ *   abstraction and the click disposition type
+ * @position Pure coordinator of packages/core/src/gestures: no DOM. The DOM
+ *   host (GestureHost.ts) feeds it real events and carries out what it
+ *   decides; tests feed it synthetic streams with explicit timestamps.
+ *
+ * WHAT IT DECIDES, the way UIKit decides it:
+ *
+ * - Participation. A new touch is offered to every recognizer on its hit
+ *   path, innermost first; each one that accepts it tracks it until it ends.
+ * - Exclusivity. Two recognizers that share a touch are not active at once
+ *   unless both allow it (`shouldRecognizeSimultaneously`, FR15). The first
+ *   to recognize fails the other possible ones; a recognizer that tries to
+ *   begin while a conflicting one is active fails instead.
+ * - Failure requirements. A recognizer that requires another to fail waits
+ *   (still `possible`) until that one fails, then recognizes; if that one
+ *   recognizes, it fails. An idle recognizer holds nothing up.
+ * - Delivery to the view. The touch's consumer (a pressable control) gets
+ *   began / moved / ended unless a recognizer delays them
+ *   (`delaysTouchesBegan`, `delaysTouchesEnded`) or recognizing cancels them
+ *   (`cancelsTouchesInView`).
+ * - The browser. A touch owned by a recognized gesture is CLAIMED: the host
+ *   cancels the browser's pan and zoom for it. A touch whose gesture
+ *   cancelled the view's touches has its click swallowed; a click held for a
+ *   recognizer that may still recognize is DEFERRED, then replayed or dropped.
+ *
+ * TIME. Every input carries its timestamp, and timers are deadlines on that
+ * same clock. Before an input is processed, every timer due at or before its
+ * timestamp runs first, at its own deadline. A long press therefore begins at
+ * exactly touch-down + 500 ms even when the main thread was blocked and the
+ * timer callback came late, and a test drives the whole machine with explicit
+ * timestamps and no real time at all.
+ *
+ * SYNC: When modified, update GestureRecognizer.ts and
+ * __tests__/arena.test.ts.
+ */
+
+import { isActive, isTerminal } from "./GestureRecognizer.js";
+import { DEFAULT_ENVIRONMENT } from "./types.js";
+/** The browser's clock: `performance.now()`, the base of `event.timeStamp`. */
+export const browserClock = {
+  now: () => typeof performance === 'undefined' ? Date.now() : performance.now(),
+  setTimeout: (callback, ms) => setTimeout(callback, ms),
+  clearTimeout: handle => clearTimeout(handle)
+};
+
+/**
+ * What the browser's click after a touch should do: pass, be swallowed, or
+ * be swallowed now and replayed if the recognizers holding it all fail.
+ */
+
+export class GestureArena {
+  records = new Map();
+  /** Recognizers involved in the current interaction, in resolution order. */
+  active = [];
+  timers = new Map();
+  realTimer = null;
+  realTimerDeadline = Number.POSITIVE_INFINITY;
+  /** The time of the event or timer being processed; null between them. */
+  currentTime = null;
+  /** The latest time processed: input never moves the clock backwards. */
+  latestTime = Number.NEGATIVE_INFINITY;
+  depth = 0;
+  constructor(options = {}) {
+    this.options = options;
+    this.clock = options.clock ?? browserClock;
+    this.environment = options.environment ?? DEFAULT_ENVIRONMENT;
+  }
+
+  // --- Queries ---------------------------------------------------------------
+
+  /** The current time on the event clock. */
+  now() {
+    return this.currentTime ?? Math.max(this.latestTime, this.clock.now());
+  }
+
+  /** Whether a recognizer owns this touch, so the browser must not pan or zoom it. */
+  isClaimed(id) {
+    return this.records.get(id)?.isClaimed === true;
+  }
+
+  /** The live touch with this id. */
+  getTouch(id) {
+    return this.records.get(id)?.touch;
+  }
+
+  /** Every touch the arena tracks, lifted ones awaiting a decision included. */
+  get touches() {
+    return [...this.records.values()].map(record => record.touch);
+  }
+
+  /** Recognizers taking part in the current interaction, in resolution order. */
+  get involvedRecognizers() {
+    return this.active;
+  }
+
+  // --- Input -----------------------------------------------------------------
+
+  /** New contacts, each with the recognizers on its hit path. */
+  began(inputs) {
+    if (inputs.length === 0) {
+      return;
+    }
+    this.run(inputs[0].time, () => {
+      const newTouches = new Map();
+      const created = [];
+      for (const input of inputs) {
+        if (this.records.has(input.id)) {
+          continue;
+        }
+        const time = this.clampTime(input.time);
+        const sample = {
+          x: input.x,
+          y: input.y,
+          time
+        };
+        const touch = {
+          id: input.id,
+          pointerType: input.pointerType,
+          phase: 'began',
+          x: input.x,
+          y: input.y,
+          time,
+          startX: input.x,
+          startY: input.y,
+          startTime: time,
+          samples: [...(input.history ?? []), sample],
+          target: input.target,
+          scroll: input.scroll ?? null,
+          takenByBrowser: false
+        };
+        const participants = [];
+        for (const [depth, recognizer] of input.recognizers.entries()) {
+          if (!recognizer.wantsTouch(touch)) {
+            continue;
+          }
+          participants.push(recognizer);
+          recognizer.arena = this;
+          if (!this.active.includes(recognizer)) {
+            // Resolution follows `active`, so a recognizer joins ahead of any
+            // that sits further out on this touch's path: when two recognize
+            // on the same event the innermost wins (FR15), whichever finger
+            // brought the outer one in first.
+            const outer = this.active.findIndex(other => input.recognizers.indexOf(other) > depth);
+            if (outer === -1) {
+              this.active.push(recognizer);
+            } else {
+              this.active.splice(outer, 0, recognizer);
+            }
+          }
+          const list = newTouches.get(recognizer) ?? [];
+          list.push(touch);
+          newTouches.set(recognizer, list);
+        }
+        const record = {
+          touch,
+          participants,
+          consumer: input.consumer ?? null,
+          view: 'none',
+          isLifted: false,
+          isClaimed: false,
+          suppressClick: false,
+          deferredClick: false
+        };
+        this.records.set(input.id, record);
+        created.push(record);
+      }
+      const context = this.context();
+      for (const recognizer of [...this.active]) {
+        const touches = newTouches.get(recognizer);
+        if (touches != null) {
+          recognizer.deliverBegan(touches, context);
+        }
+      }
+      // A recognizer already tracking a gesture hears of a touch that began
+      // off its hit path (a second finger elsewhere on the page), which it
+      // would otherwise never see.
+      for (const recognizer of [...this.active]) {
+        const own = newTouches.get(recognizer);
+        const elsewhere = created.map(record => record.touch).filter(touch => own == null || !own.includes(touch));
+        if (elsewhere.length > 0 && recognizer.numberOfTouches > 0) {
+          recognizer.deliverBeganElsewhere(elsewhere, context);
+        }
+      }
+      for (const record of created) {
+        this.deliverViewBegan(record);
+      }
+    });
+  }
+
+  /** Contacts moved. */
+  moved(inputs) {
+    if (inputs.length === 0) {
+      return;
+    }
+    this.run(inputs[0].time, () => {
+      const changed = this.update(inputs, 'moved');
+      if (changed.length === 0) {
+        return;
+      }
+      const context = this.context();
+      for (const recognizer of [...this.active]) {
+        recognizer.deliverMoved(changed, context);
+      }
+      for (const touch of changed) {
+        const record = this.records.get(touch.id);
+        if (record?.view === 'delivered') {
+          record.consumer?.touchMoved(touch);
+        }
+      }
+    });
+  }
+
+  /**
+   * Contacts lifted. Returns, per touch, what the browser's click for it
+   * should do.
+   */
+  ended(inputs) {
+    const dispositions = new Map();
+    if (inputs.length === 0) {
+      return dispositions;
+    }
+    this.run(inputs[0].time, () => {
+      const changed = this.update(inputs, 'ended');
+      const context = this.context();
+      for (const recognizer of [...this.active]) {
+        recognizer.deliverEnded(changed, context);
+      }
+      // A lift can decide a waiting recognition (its requirement lifted
+      // undecided and failed): settle those first, so each click's answer is
+      // the final one, never a `defer` for a click already replayed (FR21).
+      this.reviewPending();
+      for (const touch of changed) {
+        const record = this.records.get(touch.id);
+        if (record == null) {
+          continue;
+        }
+        record.isLifted = true;
+        dispositions.set(touch.id, this.resolveEnd(record));
+      }
+    });
+    return dispositions;
+  }
+
+  /** The system took these contacts (`touchcancel`, a mouse `pointercancel`). */
+  cancelled(ids, time) {
+    this.run(time, () => {
+      const touches = this.liveTouches(ids);
+      for (const touch of touches) {
+        touch.phase = 'cancelled';
+      }
+      const context = this.context();
+      for (const recognizer of [...this.active]) {
+        recognizer.deliverCancelled(touches, context);
+      }
+      for (const touch of touches) {
+        const record = this.records.get(touch.id);
+        if (record == null) {
+          continue;
+        }
+        record.isLifted = true;
+        record.suppressClick = true;
+        this.cancelView(record);
+      }
+    });
+  }
+
+  /**
+   * The browser took these contacts for its own pan or zoom: their pointer
+   * stream is gone (`pointercancel`) and no click will follow. Possible
+   * recognizers sharing them fail and active ones are cancelled, as UIKit
+   * fails everything a scroll view's pan beats, except a recognizer that
+   * keeps observing the touch. Such a watcher never claims it: a drag the
+   * browser took stays the browser's (FR14).
+   */
+  browserTookOver(ids, time) {
+    this.run(time, () => {
+      const touches = this.liveTouches(ids).filter(touch => !touch.takenByBrowser);
+      if (touches.length === 0) {
+        return;
+      }
+      for (const touch of touches) {
+        touch.takenByBrowser = true;
+      }
+      const context = this.context();
+      for (const recognizer of [...this.active]) {
+        recognizer.deliverTakenByBrowser(touches, context);
+      }
+      for (const touch of touches) {
+        const record = this.records.get(touch.id);
+        if (record == null) {
+          continue;
+        }
+        record.suppressClick = true;
+        this.cancelView(record);
+      }
+    });
+  }
+
+  /** Run every timer due at or before `time` (the host's timer and tests). */
+  advanceTime(time) {
+    this.run(time, () => {});
+  }
+
+  // --- Recognizer requests (internal) ----------------------------------------
+
+  /** @internal A recognizer asked for a state change. */
+  requestTransition(recognizer, next) {
+    const from = recognizer.state;
+    if (next === 'failed') {
+      this.fail(recognizer);
+      return;
+    }
+    if (recognizer.pending != null && (next === 'began' || next === 'ended')) {
+      // Already waiting on a requirement; the recognition stands as asked.
+      return;
+    }
+    if (from === 'possible' && (next === 'began' || next === 'ended')) {
+      this.attemptRecognition(recognizer, next);
+      return;
+    }
+    if (isActive(from) && (next === 'changed' || next === 'ended')) {
+      this.apply(recognizer, next);
+      return;
+    }
+    if (isActive(from) && next === 'cancelled') {
+      this.apply(recognizer, 'cancelled');
+    }
+  }
+
+  /** @internal Arm a recognizer's one timer at an absolute deadline. */
+  setTimer(recognizer, deadline, callback) {
+    this.timers.set(recognizer, {
+      deadline,
+      callback
+    });
+    this.scheduleRealTimer();
+  }
+
+  /** @internal */
+  clearTimer(recognizer) {
+    if (this.timers.delete(recognizer)) {
+      this.scheduleRealTimer();
+    }
+  }
+
+  /** Cancel an active recognizer, or fail a possible one. */
+  stop(recognizer) {
+    // A cancel from code between events happens at the last event's time:
+    // wall time would run deadlines ahead of input still queued (FR16).
+    const time = this.currentTime ?? (Number.isFinite(this.latestTime) ? this.latestTime : this.clock.now());
+    this.run(time, () => {
+      if (isActive(recognizer.state)) {
+        this.apply(recognizer, 'cancelled');
+      } else if (recognizer.state === 'possible' && recognizer.isInvolved()) {
+        // An idle recognizer stays `possible`: nothing would ever reset it.
+        this.fail(recognizer);
+      }
+    });
+  }
+
+  // --- Resolution ------------------------------------------------------------
+
+  attemptRecognition(recognizer, next) {
+    if (!recognizer.shouldBegin() || this.isVetoedByConsumer(recognizer)) {
+      this.fail(recognizer);
+      return;
+    }
+    let isWaiting = false;
+    for (const other of this.active) {
+      if (other === recognizer || !recognizer.requiresFailureOf(other)) {
+        continue;
+      }
+      if (other.state === 'failed') {
+        continue;
+      }
+      if (other.state !== 'possible') {
+        // The requirement recognized (or is mid-gesture): this one cannot.
+        this.fail(recognizer);
+        return;
+      }
+      if (other.isInvolved()) {
+        isWaiting = true;
+      }
+    }
+    if (isWaiting) {
+      recognizer.pending = next;
+      this.claim(recognizer);
+      return;
+    }
+    for (const other of this.active) {
+      if (other !== recognizer && (
+      // A discrete winner (`ended`) still holding its touches blocks too.
+      isActive(other.state) || other.state === 'ended' && other.trackedTouches.length > 0) && this.conflicts(other, recognizer)) {
+        this.fail(recognizer);
+        return;
+      }
+    }
+    this.apply(recognizer, next);
+    // Recognizing beats every possible recognizer it conflicts with, and
+    // everything that required it to fail.
+    for (const other of [...this.active]) {
+      if (other === recognizer || other.state !== 'possible') {
+        continue;
+      }
+      if (other.requiresFailureOf(recognizer) || this.conflicts(recognizer, other)) {
+        this.fail(other);
+      }
+    }
+    this.claim(recognizer);
+    if (recognizer.cancelsTouchesInView) {
+      this.cancelViewTouchesOf(recognizer);
+    }
+  }
+
+  /** Whether `winner` being recognized prevents `other`. */
+  conflicts(winner, other) {
+    if (!sharesTouches(winner, other) || winner.allowsSimultaneous(other)) {
+      return false;
+    }
+    return winner.canPrevent(other) && other.canBePrevented(winner);
+  }
+
+  /** UIControl's rule: a control may veto an overlapping ancestor recognizer. */
+  isVetoedByConsumer(recognizer) {
+    for (const id of recognizer.seenTouchIds) {
+      const consumer = this.records.get(id)?.consumer;
+      if (consumer?.allowsAncestorRecognizer?.(recognizer) === false) {
+        return true;
+      }
+    }
+    return false;
+  }
+  fail(recognizer) {
+    if (isTerminal(recognizer.state)) {
+      return;
+    }
+    if (isActive(recognizer.state)) {
+      this.apply(recognizer, 'cancelled');
+      return;
+    }
+    recognizer.pending = null;
+    this.apply(recognizer, 'failed');
+    this.reviewPending();
+  }
+
+  /**
+   * A recognition that claimed its touches and then fails or is cancelled (a
+   * waiting recognition that fails, a gesture a second finger or the app
+   * cancels) gives them back to the browser unless another recognition owns
+   * them, so a finger still resting there can pinch-zoom the page.
+   */
+  releaseClaim(recognizer) {
+    for (const touch of recognizer.trackedTouches) {
+      const record = this.records.get(touch.id);
+      if (record == null || !record.isClaimed) {
+        continue;
+      }
+      // A recognized discrete gesture (`ended`, a swipe) still owns its
+      // touches until they lift.
+      const isOwned = this.active.some(other => other !== recognizer && other.claimsTouches && (isActive(other.state) || other.state === 'ended' || other.pending != null) && other.trackedTouches.some(tracked => tracked.id === touch.id));
+      if (!isOwned) {
+        record.isClaimed = false;
+      }
+    }
+  }
+  apply(recognizer, next) {
+    const from = recognizer.state;
+    recognizer.applyState(next);
+    if (recognizer.state === next && from !== next) {
+      this.options.onTransition?.(recognizer, from, next);
+    } else if (next === 'changed' && from === 'changed') {
+      this.options.onTransition?.(recognizer, from, next);
+    }
+    if (isTerminal(next)) {
+      this.clearTimer(recognizer);
+    }
+    if (next === 'cancelled' || next === 'failed') {
+      this.releaseClaim(recognizer);
+    }
+  }
+
+  /**
+   * Re-run every waiting recognition whose requirements may have resolved.
+   * Repeats until nothing changes, so chains (A waits on B waits on C)
+   * settle in one pass.
+   */
+  reviewPending() {
+    let changed = true;
+    while (changed) {
+      changed = false;
+      for (const recognizer of [...this.active]) {
+        const next = recognizer.pending;
+        if (next == null || recognizer.state !== 'possible') {
+          continue;
+        }
+        const blocked = this.active.some(other => other !== recognizer && recognizer.requiresFailureOf(other) && other.state === 'possible' && other.isInvolved());
+        if (blocked) {
+          continue;
+        }
+        recognizer.pending = null;
+        this.attemptRecognition(recognizer, next);
+        changed = true;
+      }
+    }
+  }
+  claim(recognizer) {
+    if (!recognizer.claimsTouches) {
+      return;
+    }
+    const claimed = [];
+    for (const touch of recognizer.trackedTouches) {
+      const record = this.records.get(touch.id);
+      if (record != null && !record.isLifted && !record.isClaimed && !record.touch.takenByBrowser) {
+        // A touch the browser took stays the browser's (FR14).
+        record.isClaimed = true;
+        claimed.push(touch.id);
+      }
+    }
+    if (claimed.length > 0) {
+      this.options.onClaim?.(claimed);
+    }
+  }
+
+  // --- View delivery ---------------------------------------------------------
+
+  deliverViewBegan(record) {
+    if (record.consumer == null || record.view !== 'none') {
+      return;
+    }
+    if (record.suppressClick) {
+      record.view = 'done';
+      return;
+    }
+    if (this.beginDelayers(record)) {
+      record.view = 'held';
+      return;
+    }
+    record.view = 'delivered';
+    record.consumer.touchBegan(record.touch);
+  }
+
+  /** What a lifted touch's view and click get, decided at the lift. */
+  resolveEnd(record) {
+    if (record.suppressClick) {
+      return 'suppress';
+    }
+    const isHeld = this.endDelayers(record);
+    switch (record.view) {
+      case 'delivered':
+        if (isHeld) {
+          record.view = 'endHeld';
+          record.deferredClick = true;
+          return 'defer';
+        }
+        record.view = 'done';
+        record.consumer?.touchEnded(record.touch);
+        return 'allow';
+      case 'held':
+        if (!this.beginDelayers(record)) {
+          // The recognizer that held the view finished on this lift: the
+          // view gets the whole touch now and the click goes with it, not a
+          // `defer` for a click already released.
+          record.view = 'delivered';
+          record.consumer?.touchBegan(record.touch);
+          return this.resolveEnd(record);
+        }
+        record.deferredClick = true;
+        return 'defer';
+      case 'none':
+      case 'endHeld':
+      case 'done':
+        if (isHeld) {
+          record.deferredClick = true;
+          return 'defer';
+        }
+        return 'allow';
+    }
+  }
+
+  /** Release whatever no recognizer is holding any more. */
+  reviewHeld() {
+    for (const record of this.records.values()) {
+      if (record.view === 'held' && !this.beginDelayers(record)) {
+        if (record.suppressClick) {
+          record.view = 'done';
+        } else {
+          record.view = 'delivered';
+          record.consumer?.touchBegan(record.touch);
+          if (record.isLifted && !this.endDelayers(record)) {
+            record.view = 'done';
+            record.consumer?.touchEnded(record.touch);
+          } else if (record.isLifted) {
+            record.view = 'endHeld';
+          }
+        }
+      }
+      if (record.view === 'endHeld' && !this.endDelayers(record)) {
+        record.view = 'done';
+        if (record.suppressClick) {
+          record.consumer?.touchCancelled(record.touch);
+        } else {
+          record.consumer?.touchEnded(record.touch);
+        }
+      }
+      if (record.deferredClick && record.view !== 'held' && record.view !== 'endHeld' && !this.endDelayers(record)) {
+        record.deferredClick = false;
+        this.options.onDeferredClick?.(record.touch, !record.suppressClick);
+      }
+    }
+  }
+  beginDelayers(record) {
+    return record.participants.some(recognizer => recognizer.delaysTouchesBegan && recognizer.state === 'possible' && recognizer.isInvolved() && recognizer.seenTouchIds.has(record.touch.id));
+  }
+  endDelayers(record) {
+    return record.participants.some(recognizer => recognizer.delaysTouchesEnded && recognizer.state === 'possible' && recognizer.isInvolved() && recognizer.seenTouchIds.has(record.touch.id));
+  }
+  cancelViewTouchesOf(recognizer) {
+    for (const id of recognizer.seenTouchIds) {
+      const record = this.records.get(id);
+      if (record == null) {
+        continue;
+      }
+      record.suppressClick = true;
+      this.cancelView(record);
+    }
+  }
+  cancelView(record) {
+    if (record.view === 'delivered' || record.view === 'endHeld') {
+      record.consumer?.touchCancelled(record.touch);
+    }
+    if (record.view !== 'none' || record.consumer != null) {
+      record.view = 'done';
+    }
+  }
+
+  // --- Plumbing --------------------------------------------------------------
+
+  context() {
+    return {
+      time: this.now(),
+      allTouches: [...this.records.values()].filter(record => !record.isLifted).map(record => record.touch)
+    };
+  }
+  liveTouches(ids) {
+    const touches = [];
+    for (const id of ids) {
+      const record = this.records.get(id);
+      if (record != null && !record.isLifted) {
+        touches.push(record.touch);
+      }
+    }
+    return touches;
+  }
+  update(inputs, phase) {
+    const changed = [];
+    for (const input of inputs) {
+      const record = this.records.get(input.id);
+      if (record == null || record.isLifted) {
+        continue;
+      }
+      const time = this.clampTime(input.time);
+      const touch = record.touch;
+      const history = (input.history ?? []).filter(sample => sample.time > touch.time && sample.time < time);
+      touch.samples = [...history, {
+        x: input.x,
+        y: input.y,
+        time
+      }];
+      touch.x = input.x;
+      touch.y = input.y;
+      touch.time = time;
+      touch.phase = phase;
+      changed.push(touch);
+    }
+    return changed;
+  }
+  clampTime(time) {
+    const clamped = Math.max(time, this.latestTime);
+    this.latestTime = clamped;
+    return clamped;
+  }
+
+  /**
+   * One external entry: run the timers due by `time`, then `body`, then
+   * settle (release held deliveries, reset finished recognizers, forget
+   * finished touches). Re-entrant calls (a listener feeding input) run
+   * inline and settle with the outermost one.
+   */
+  run(time, body) {
+    this.depth += 1;
+    try {
+      this.flushTimers(time);
+      this.currentTime = this.clampTime(time);
+      body();
+      // Re-entrant calls settle with the outermost one: settling mid-delivery
+      // would reset recognizers that have not heard the event yet.
+      if (this.depth === 1) {
+        this.settle();
+      }
+    } finally {
+      this.depth -= 1;
+      if (this.depth === 0) {
+        this.currentTime = null;
+      }
+    }
+  }
+  flushTimers(upTo) {
+    for (;;) {
+      let due = null;
+      for (const entry of this.timers) {
+        if (entry[1].deadline <= upTo && (due == null || entry[1].deadline < due[1].deadline ||
+        // Same instant: the innermost (earlier in `active`) goes first,
+        // as FR15's innermost rule decides a tie on one event.
+        entry[1].deadline === due[1].deadline && this.rank(entry[0]) < this.rank(due[0]))) {
+          due = entry;
+        }
+      }
+      if (due == null) {
+        break;
+      }
+      const [recognizer, timer] = due;
+      this.timers.delete(recognizer);
+      this.currentTime = this.clampTime(timer.deadline);
+      timer.callback();
+      // Inside a re-entrant entry the outermost call settles (see run()).
+      if (this.depth <= 1) {
+        this.settle();
+      }
+    }
+    this.scheduleRealTimer();
+  }
+
+  /** A recognizer's place in resolution order: innermost first, idle last. */
+  rank(recognizer) {
+    const index = this.active.indexOf(recognizer);
+    return index === -1 ? Number.POSITIVE_INFINITY : index;
+  }
+  settle() {
+    this.reviewPending();
+    this.reviewHeld();
+    let didReset = false;
+    for (const recognizer of [...this.active]) {
+      const isFinished = isTerminal(recognizer.state) && recognizer.numberOfTouches === 0 || recognizer.state === 'possible' && !recognizer.isInvolved();
+      if (!isFinished) {
+        continue;
+      }
+      this.active = this.active.filter(other => other !== recognizer);
+      const from = recognizer.state;
+      recognizer.resetToPossible();
+      didReset = true;
+      if (from !== 'possible') {
+        this.options.onTransition?.(recognizer, from, 'possible');
+      }
+    }
+    if (didReset) {
+      // A recognizer that finished above may have been the one holding a
+      // touch from its view; release it now, not at the next input.
+      this.reviewHeld();
+    }
+    for (const [id, record] of this.records) {
+      if (record.isLifted && record.view !== 'held' && record.view !== 'endHeld' && !record.deferredClick) {
+        this.records.delete(id);
+      }
+    }
+  }
+  scheduleRealTimer() {
+    let earliest = Number.POSITIVE_INFINITY;
+    for (const timer of this.timers.values()) {
+      earliest = Math.min(earliest, timer.deadline);
+    }
+    if (earliest === this.realTimerDeadline) {
+      return;
+    }
+    if (this.realTimer != null) {
+      this.clock.clearTimeout(this.realTimer);
+      this.realTimer = null;
+    }
+    this.realTimerDeadline = earliest;
+    if (earliest === Number.POSITIVE_INFINITY) {
+      return;
+    }
+    const delay = Math.max(0, earliest - this.clock.now());
+    const fire = mayYield => {
+      this.realTimer = null;
+      this.realTimerDeadline = Number.POSITIVE_INFINITY;
+      if (mayYield && this.clock.now() > earliest) {
+        // Late: a long task held the main thread past the deadline, and
+        // input queued behind it may come before the deadline (a lift that
+        // fails a long press). Let that input dispatch first, once.
+        this.realTimerDeadline = earliest;
+        this.realTimer = this.clock.setTimeout(() => fire(false), 0);
+        return;
+      }
+      // The event clock moves to the deadline only, so input still queued
+      // keeps its own timestamps.
+      this.advanceTime(earliest);
+    };
+    this.realTimer = this.clock.setTimeout(() => fire(true), delay);
+  }
+}
+function sharesTouches(a, b) {
+  for (const id of a.seenTouchIds) {
+    if (b.seenTouchIds.has(id)) {
+      return true;
+    }
+  }
+  return false;
+}