@swf2es/player 0.0.0-stage → 0.1.0

package/dist/input/pointer.js

@@ -0,0 +1,864 @@
+import { hidden3D, hitsOwnLocal, hitsOwnPoint, hitsPoint, ownBounds, toStage, } from "../display/bounds.js";
+import { BitmapObject, ButtonObject, CONTENT, Container, pickWork, ShapeObject, StaticTextObject, TextObject, } from "../display/display.js";
+import { apply, concat, invert, isProjective, } from "../display/geometry.js";
+import { dispatchEvent, heard } from "../scripting/events.js";
+import { maxScrollV } from "../text/layout.js";
+/**
+ * What a pick finds: an interactive object hit, a hit that goes up to the
+ * first ancestor with mouseEnabled, or nothing.
+ */
+const PROPAGATE = "propagate";
+/**
+ * An InteractiveObject's kind: what picks for itself, rather than through
+ * its parent. An AVM1 movie's root is an AVM1Movie, no InteractiveObject:
+ * a hit on it goes to its Loader, as Flash has it (the corpus's
+ * `mouse_pick_loader_avm1`).
+ */
+const isInteractive = (d) => !(d instanceof ShapeObject ||
+    d instanceof BitmapObject ||
+    d instanceof StaticTextObject ||
+    d.avm1Root);
+const mouseEnabled = (d) => !!d.object && !d.avm1Root && d.object.$mouseEnabled !== false;
+/**
+ * Whether `d` is the main SWF's root, the stage's child that is a SWF's
+ * root: Flash Player 32 never makes it the target. What would, its own
+ * artwork, a hit passed up from a child whose mouseEnabled is false, all
+ * of it with its mouseChildren false, goes to the stage, as the stage's
+ * own empty space does, and it is only ever over as an ancestor. A sprite
+ * a script puts on the stage beside it takes its hits as any other.
+ */
+const isMainRoot = (d) => !!d.loaderInfo && !!d.parent && !d.parent.parent;
+/** `d` itself where it takes the pointer, else the hit goes on to its parent. */
+const own = (d) => (mouseEnabled(d) && !isMainRoot(d) ? d : PROPAGATE);
+/** Each sprite's hitArea. */
+const hitAreas = new WeakMap();
+/** Sprite.hitArea: `area` picks for `sprite` in place of its own drawing. */
+export function setHitArea(sprite, area) {
+    pickWork.changes++;
+    if (area) {
+        hitAreas.set(sprite, area);
+    }
+    else {
+        hitAreas.delete(sprite);
+    }
+}
+export function hitAreaOf(sprite) {
+    return hitAreas.get(sprite) ?? null;
+}
+/**
+ * The object under a point, in stage coordinates, as Flash picks it
+ * (Ruffle's `mouse_pick_avm2`): within a container, its interactive
+ * children first, topmost first, then the rest. A hit on artwork, or on
+ * a child whose mouseEnabled is false, goes to the nearest ancestor that
+ * takes the pointer, short of the main root (isMainRoot): the stage takes
+ * it there. One that goes up is kept while the search goes on, so a
+ * disabled field over a button leaves the button its clicks.
+ *
+ * A sprite with a hitArea is hit where the area draws, wherever the area
+ * is on the display list and whether or not it is visible, and its own
+ * drawing counts for nothing; its interactive children still pick, unless
+ * its mouseChildren is false. An area off the display list hits nothing.
+ * The area itself is left as it was, mouseEnabled and all, as adl leaves
+ * it: shown and enabled, it takes the pointer itself where it is on top,
+ * as Flash's documentation warns. Ruffle reads AVM2's hitArea for nothing.
+ * With `avm1`, a loaded movie may stand in for an AVM1 button: the host
+ * routes that hit to its VM rather than dispatching an AS3 mouse event.
+ */
+export function pointerTarget(stage, x, y, width, height, avm1, left = 0, top = 0) {
+    if (x < left || y < top || x >= left + width || y >= top + height) {
+        return null;
+    }
+    // Flash samples half a pixel to the left of the point (bounds.ts,
+    // hitsOwnPoint); the masks over an object are asked of it in the stage's
+    // space, the object's own drawing of it in its own, which the pick
+    // carries down the list from parent to child, making no matrix per object.
+    const probe = { x: x - 0.5, y, root: stage };
+    const picks = pickWork.picks++;
+    // Whether `d`'s artwork is under (lx, ly), in its parent's space, its children's included.
+    const drawn = (d, px, py) => {
+        if (!d.visible || d.clipDepth > 0 || d.maskOf || !toLocal(d, px, py)) {
+            return false;
+        }
+        if (d.space && hidden3D(d)) {
+            return false;
+        }
+        const lx = at.x;
+        const ly = at.y;
+        if (missesShape(d, lx, ly)) {
+            return false;
+        }
+        if (d instanceof Container) {
+            for (const child of d.children) {
+                if (drawn(child, lx, ly)) {
+                    return true;
+                }
+            }
+        }
+        return hitsOwnLocal(d, lx, ly, probe, true);
+    };
+    // What `d` picks for the point (px, py) in its parent's space; the stage's is its own.
+    const pick = (d, px, py) => {
+        if (!d.visible || d.clipDepth > 0 || d.maskOf) {
+            return null;
+        }
+        if (d !== stage && (!toLocal(d, px, py) || (d.space && hidden3D(d)))) {
+            return null;
+        }
+        const lx = d === stage ? px : at.x;
+        const ly = d === stage ? py : at.y;
+        if (d.avm1Root && avm1) {
+            return avm1(d, x, y) ? d : drawn(d, px, py) ? PROPAGATE : null;
+        }
+        // A button is hit where its hit test state is, whatever state it shows,
+        // and is the target itself, its states' objects never. The hit test
+        // state is in no container: it is tested as the button's child.
+        if (d instanceof ButtonObject) {
+            const area = d.hitTestState;
+            if (!area) {
+                return null;
+            }
+            const parent = area.parent;
+            area.parent = d;
+            // A disabled button is missed, not passed up: what is under it gets the hit (Ruffle).
+            try {
+                return mouseEnabled(d) && drawn(area, lx, ly) ? d : null;
+            }
+            finally {
+                area.parent = parent;
+            }
+        }
+        if (!(d instanceof Container)) {
+            return !missesShape(d, lx, ly) && hitsOwnLocal(d, lx, ly, probe, true) ? own(d) : null;
+        }
+        // Nothing under it reaches the point: most of a crowded list is passed
+        // over so. Bounds are worked out only for what stood still over the
+        // last two picks: what changes on most frames costs less gone through.
+        if ((!d.pickStale || d.pickChangedAt < picks - 1) && !nearRect(pickBounds(d), lx, ly)) {
+            return null;
+        }
+        const area = hitAreas.get(d);
+        const areaHit = area && area !== d ? () => hitsPoint(area, x, y, true, stage) : null;
+        if (areaHit && d.object?.$mouseChildren === false) {
+            return areaHit() ? own(d) : null;
+        }
+        // Two passes rather than a sorted copy: this runs on every pointer move.
+        const children = d.children;
+        let propagated = false;
+        for (let i = children.length - 1; i >= 0; i--) {
+            if (!isInteractive(children[i]) && !(avm1 && children[i].avm1Root)) {
+                continue;
+            }
+            const found = pick(children[i], lx, ly);
+            if (found === PROPAGATE) {
+                propagated = true;
+            }
+            else if (found) {
+                // A container whose mouseChildren is false takes its children's hits itself.
+                return d.object?.$mouseChildren === false ? own(d) : found;
+            }
+        }
+        if (areaHit) {
+            return areaHit() ? own(d) : null;
+        }
+        if (propagated) {
+            return own(d);
+        }
+        for (let i = children.length - 1; i >= 0; i--) {
+            if (!isInteractive(children[i]) && drawn(children[i], lx, ly)) {
+                return own(d);
+            }
+        }
+        return hitsOwnLocal(d, lx, ly, probe, true) ? own(d) : null;
+    };
+    const found = pick(stage, probe.x, probe.y);
+    if (found && found !== PROPAGATE) {
+        return found;
+    }
+    return stage.object ? stage : null;
+}
+/** Where toLocal puts a point. */
+const at = { x: 0, y: 0 };
+/** (x, y) of `d`'s parent's space in `d`'s own, put in `at`: false where its matrix flattens the plane. */
+function toLocal(d, x, y) {
+    const m = d.placed;
+    if (isProjective(m)) {
+        return toPlane(m, x, y);
+    }
+    const det = m.a * m.d - m.b * m.c;
+    if (det === 0) {
+        return false;
+    }
+    const dx = x - m.tx;
+    const dy = y - m.ty;
+    at.x = (m.d * dx - m.c * dy) / det;
+    at.y = (m.a * dy - m.b * dx) / det;
+    return true;
+}
+/** toLocal through a 3D object's plane in perspective: false where the point is behind the eye. */
+function toPlane(m, x, y) {
+    const inverse = invert(m);
+    if (!inverse) {
+        return false;
+    }
+    // The plane's w at the point found is 1 / q: behind the eye where it is not positive.
+    const q = inverse.u * x + inverse.v * y + inverse.w;
+    if (!(q > 0)) {
+        return false;
+    }
+    at.x = (inverse.a * x + inverse.c * y + inverse.tx) / q;
+    at.y = (inverse.b * x + inverse.d * y + inverse.ty) / q;
+    return true;
+}
+/** Whether (x, y), in its own space, is more than a pixel off a timeline shape's recorded bounds. */
+function missesShape(d, x, y) {
+    const r = d instanceof ShapeObject && !d.drawing ? d.shape?.shape.bounds : null;
+    return (!!r &&
+        (x * 20 < r.xMin - 20 || x * 20 > r.xMax + 20 || y * 20 < r.yMin - 20 || y * 20 > r.yMax + 20));
+}
+/**
+ * Whether (x, y) is within a pixel of `r`: a hairline's half pixel, and
+ * rounding, are in. Asked as what rules the point out, so that a NaN, in
+ * the bounds or the point (a NaN or infinite matrix, a zero scale turned in
+ * 3D, an infinite rectangle drawn), rules out nothing: a pick goes through
+ * as it would without bounds, rather than missing all above it.
+ */
+function nearRect(r, x, y) {
+    return !(r === null || x < r.xMin - 1 || x > r.xMax + 1 || y < r.yMin - 1 || y > r.yMax + 1);
+}
+/**
+ * Where anything under `d` may take the pointer, in its own space: what it
+ * and its children draw, a scroll's rectangle in their place, and a
+ * button's hit test state; masks are left out, which only take hits away.
+ * Kept on `d` until a change in it or below it marks it stale
+ * (invalidate), or its scroll changes. A
+ * button's hit test state is in no container, so no change reaches its
+ * button from it: a button, and all above it, are worked out each time.
+ */
+function pickBounds(d) {
+    if (!d.pickStale && d.pickScroll === d.scroll) {
+        return d.pickBounds;
+    }
+    // The extent so far, one per depth of this recursion: no closure or array a call.
+    const depth = boundsDepth++;
+    if (depth === boxes.length) {
+        boxes.push(new Float64Array(4));
+    }
+    const box = boxes[depth];
+    box.set(EMPTY);
+    let stale = false;
+    try {
+        const scroll = d.scroll;
+        // In its own space, which its placed matrix shifts by the scroll.
+        extend(box, scroll ?? ownBounds(d, true), null);
+        if (d instanceof ButtonObject) {
+            const area = d.hitTestState;
+            stale = true;
+            if (area && !scroll) {
+                extend(box, pickBounds(area), area.placed);
+            }
+        }
+        // A hitArea, wherever it is on the list, through the stage to here; as
+        // for a button's, no change to it reaches this sprite, measured each time.
+        const area = hitAreas.get(d);
+        if (area && area !== d) {
+            stale = true;
+            const up = invert(toStage(d, null));
+            extend(box, up ? pickBounds(area) : UNKNOWN, up && concat(toStage(area, null), up));
+        }
+        if (d instanceof Container) {
+            for (const child of d.children) {
+                if (child.clipDepth > 0 || child.maskOf) {
+                    continue;
+                }
+                // A timeline shape's recorded bounds, read where they are: the
+                // commonest leaf, and kept nowhere.
+                const shape = child instanceof ShapeObject && !child.drawing ? child.shape : null;
+                if (shape) {
+                    if (!scroll) {
+                        extend(box, shape.shape.bounds, child.placed, 1 / 20);
+                    }
+                    continue;
+                }
+                // Inside a scroll, only for whether it is to be worked out again.
+                const r = pickBounds(child);
+                if (!scroll) {
+                    extend(box, r, child.placed);
+                }
+                // A 3D child's plane moves with what is above this, which marks nothing here stale.
+                stale ||= child.pickStale || child.space !== null;
+            }
+        }
+        let r = d.pickBounds;
+        if (box[0] > box[2]) {
+            r = null;
+        }
+        else if (r) {
+            r.xMin = box[0];
+            r.yMin = box[1];
+            r.xMax = box[2];
+            r.yMax = box[3];
+        }
+        else {
+            r = { xMin: box[0], yMin: box[1], xMax: box[2], yMax: box[3] };
+        }
+        d.pickBounds = r;
+        d.pickStale = stale;
+        d.pickScroll = scroll;
+        return r;
+    }
+    finally {
+        boundsDepth--;
+    }
+}
+const EMPTY = [
+    Number.POSITIVE_INFINITY,
+    Number.POSITIVE_INFINITY,
+    Number.NEGATIVE_INFINITY,
+    Number.NEGATIVE_INFINITY,
+];
+const boxes = [];
+/** Bounds no point is ruled out of (nearRect). */
+const UNKNOWN = { xMin: Number.NaN, yMin: Number.NaN, xMax: Number.NaN, yMax: Number.NaN };
+let boundsDepth = 0;
+/** `box` (xMin, yMin, xMax, yMax) grown to take in `r`'s corners, times `scale`, through `m`. */
+function extend(box, r, m, scale = 1) {
+    if (!r) {
+        return;
+    }
+    for (let i = 0; i < 4; i++) {
+        const px = (i & 1 ? r.xMax : r.xMin) * scale;
+        const py = (i & 2 ? r.yMax : r.yMin) * scale;
+        // Through a 3D object's plane; a corner behind the eye makes the box NaN, which rules nothing out.
+        const q = m && isProjective(m) ? m.u * px + m.v * py + m.w : 1;
+        const x = (m ? m.a * px + m.c * py + m.tx : px) / (q > 0 ? q : Number.NaN);
+        const y = (m ? m.b * px + m.d * py + m.ty : py) / (q > 0 ? q : Number.NaN);
+        box[0] = Math.min(box[0], x);
+        box[1] = Math.min(box[1], y);
+        box[2] = Math.max(box[2], x);
+        box[3] = Math.max(box[3], y);
+    }
+}
+/** What each sprite dragged was last over, which Sprite.dropTarget reads. */
+const dropTargets = new WeakMap();
+/**
+ * The drag's target moved with the pointer to (x, y) on the stage, in its
+ * parent's space: its registration point there where it locks its centre,
+ * else on by as much as the pointer moved, kept within its bounds and at
+ * whole twips, as Flash keeps a translation. Whether it moved.
+ */
+export function dragTo(stage, drag, x, y) {
+    const d = drag.target;
+    const parent = d.parent;
+    const inverse = parent ? invert(toStage(parent, stage)) : null;
+    const [atX, atY] = inverse ? apply(inverse, x, y) : [x, y];
+    const [lastX, lastY] = inverse
+        ? apply(inverse, drag.lastX, drag.lastY)
+        : [drag.lastX, drag.lastY];
+    let nextX = drag.lockCenter ? atX : d.matrix.tx + atX - lastX;
+    let nextY = drag.lockCenter ? atY : d.matrix.ty + atY - lastY;
+    if (drag.bounds) {
+        nextX = Math.max(drag.bounds.xMin, Math.min(nextX, drag.bounds.xMax));
+        nextY = Math.max(drag.bounds.yMin, Math.min(nextY, drag.bounds.yMax));
+    }
+    nextX = Math.round(nextX * 20) / 20;
+    nextY = Math.round(nextY * 20) / 20;
+    drag.lastX = x;
+    drag.lastY = y;
+    if (nextX === d.matrix.tx && nextY === d.matrix.ty) {
+        return false;
+    }
+    d.setMatrix({ ...d.matrix, tx: nextX, ty: nextY });
+    d.touch();
+    return true;
+}
+export function dropTargetOf(d) {
+    return dropTargets.get(d) ?? null;
+}
+/**
+ * The topmost object drawing under a point, outside `dragged`, as Flash's
+ * dropTarget names it: the shape itself, not the sprite that would take
+ * the pointer, whatever its mouseEnabled (Flash's trace of the corpus's
+ * `sprite_dropTarget` names the unnamed shapes in its sprites, where
+ * Ruffle's names the sprites), and null over nothing, not the stage.
+ */
+function objectUnder(stage, x, y, dragged) {
+    const visit = (d) => {
+        if (d === dragged || !d.visible || d.clipDepth > 0 || d.maskOf) {
+            return null;
+        }
+        if (d instanceof Container) {
+            for (let i = d.children.length - 1; i >= 0; i--) {
+                const found = visit(d.children[i]);
+                if (found) {
+                    return found;
+                }
+            }
+        }
+        return d !== stage && hitsOwnPoint(d, x, y, stage, true) ? d : null;
+    };
+    return visit(stage);
+}
+/** Mouse events on the player's display list, independent of a renderer. */
+export class PointerInput {
+    stage;
+    scripting;
+    keyboard;
+    /** How many pointer events it has handled. */
+    handled = 0;
+    /**
+     * How many of them may show before the next frame: a button's state,
+     * focus or a selection changed. What a mouse listener changes otherwise
+     * shows at the next frame, as in Flash, unless it asks updateAfterEvent.
+     */
+    redraws = 0;
+    hover = null;
+    /** The hover and its ancestors as they were when it came over them, nearest first: those its roll outs go to. */
+    hoverChain = [];
+    /** The pointer's last state over the player; null before it came, or once it left. */
+    last = null;
+    /** pickWork's count when the hover was last picked. */
+    picked = -1;
+    /** Whether the left button is down after a press here. */
+    held = false;
+    /** Whether the pointer has left the player, and not come back to it since. */
+    gone = false;
+    pressed = null;
+    /** The last press, which the next continues as a double or triple click if on its target, near it in place and time. */
+    lastPress = null;
+    moved = null;
+    shown = "default";
+    drag = null;
+    /** Told the cursor to show whenever it changes. */
+    onCursor = null;
+    constructor(stage, scripting, 
+    /** What a press tells the keyboard: which field it focuses, and where its caret goes. */
+    keyboard = null) {
+        this.stage = stage;
+        this.scripting = scripting;
+        this.keyboard = keyboard;
+    }
+    pick(p) {
+        const s = this.scripting;
+        return pointerTarget(this.stage, p.x, p.y, s.stageViewportWidth || s.stageWidth, s.stageViewportHeight || s.stageHeight, s.avm1Input?.hit, s.stageViewportX, s.stageViewportY);
+    }
+    /** Flash has one active drag for the whole stage, independent of mouse button state. */
+    startDrag(target, lockCenter, bounds) {
+        this.drag = {
+            target,
+            lockCenter,
+            bounds,
+            lastX: this.scripting.mouseStageX,
+            lastY: this.scripting.mouseStageY,
+        };
+        this.updateDrag();
+    }
+    stopDrag() {
+        this.updateDrag();
+        this.drag = null;
+    }
+    updateDrag() {
+        const drag = this.drag;
+        if (!drag) {
+            return;
+        }
+        const d = drag.target;
+        const x = this.scripting.mouseStageX;
+        const y = this.scripting.mouseStageY;
+        if (dragTo(this.stage, drag, x, y)) {
+            this.redraws++;
+        }
+        let under = objectUnder(this.stage, x, y, d);
+        while (under && !under.object) {
+            under = under.parent;
+        }
+        dropTargets.set(d, under === this.stage ? null : under);
+    }
+    send(type, target, p, buttonDown, bubbles = true, related = null, delta = 0) {
+        if (!target.object) {
+            return;
+        }
+        const m = invert(toStage(target, this.stage));
+        const [x, y] = m ? apply(m, p.x, p.y) : [Number.NaN, Number.NaN];
+        const s = this.scripting;
+        const event = s.rt.construct(s.rt.classNamed("flash.events::MouseEvent"), type, bubbles, false, x, y, related?.object ?? null, !!p.ctrlKey, !!p.altKey, !!p.shiftKey, buttonDown, delta);
+        dispatchEvent(s, target.object, event);
+    }
+    /**
+     * A move to handle at the next flush: at the start of the player's next
+     * frame, or before the next other input, whichever comes first. A host
+     * gets several a frame, of which only the last one shows.
+     */
+    post(p) {
+        this.moved = p;
+    }
+    /** Handle the move posted, if any. */
+    flush() {
+        const p = this.moved;
+        if (p) {
+            this.handle("move", p);
+        }
+    }
+    /**
+     * Flash Player 32's order, measured: a pointer at a new point first sends
+     * `mouseMove` to what is under it, then moves the hover there (`mouseOut`
+     * and roll outs from what it was over, roll overs and `mouseOver` on what
+     * it is over), and only then a press or a release; a press or a release
+     * where the pointer already was sends its own events first, then any
+     * hover that changed. A move to where the pointer already is sends
+     * nothing.
+     */
+    handle(type, p) {
+        // A move posted before this input comes first; a move given now replaces it.
+        if (type === "move") {
+            this.moved = null;
+        }
+        else {
+            this.flush();
+        }
+        if (type === "leave") {
+            // While its button is down, Flash keeps the mouse when it leaves: the
+            // moves outside go on, to the stage, until the release.
+            if (!this.held) {
+                this.handled++;
+                this.redraws++;
+                this.redraws += this.scripting.avm1Input?.leave(p) ?? 0;
+                this.leave(p);
+                this.updateCursor();
+            }
+            return;
+        }
+        const s = this.scripting;
+        // A release the host never sent, as one outside the browser, or the left
+        // button's let go while another stays down, which Chrome tells as a move:
+        // the release it was, there, and the leave after it where that is outside.
+        if (type === "move" && this.held && p.buttons !== undefined && !(p.buttons & 1)) {
+            this.handle("up", { ...p, button: 0 });
+            if (!this.pick(p)) {
+                this.handle("leave", p);
+            }
+            return;
+        }
+        const moved = p.x !== s.mouseStageX || p.y !== s.mouseStageY;
+        if (type === "move" && !moved) {
+            return;
+        }
+        this.handled++;
+        s.mouseStageX = p.x;
+        s.mouseStageY = p.y;
+        this.last = p;
+        this.updateDrag();
+        s.avm1Input?.broadcast(type, p);
+        this.picked = pickWork.changes;
+        const found = this.pick(p);
+        this.redraws += s.avm1Input?.prepare(type, p, found) ?? 0;
+        // AVM1 buttons send no AS3 events. Outside, a held mouse stays the stage's.
+        const target = found?.avm1Root
+            ? null
+            : (found ?? (this.held && this.stage.object ? this.stage : null));
+        if (found) {
+            this.gone = false;
+        }
+        // The empty stage takes the mouse's events, but no one is over it.
+        const over = target === this.stage ? null : target;
+        const down = (p.buttons ?? 0) & 1 ? true : type === "down" && (p.button ?? 0) === 0;
+        // What may show at once, rather than at the next frame: a hover that
+        // moves on or off a button or a sprite in buttonMode, as Ruffle redraws
+        // for, and more than Ruffle, any press or release, which may move focus
+        // and a caret, and a drag selecting text.
+        if (type !== "move" || (over !== this.hover && (buttonLike(over) || buttonLike(this.hover)))) {
+            this.redraws++;
+        }
+        // The move a press or a release at a new point makes is the button's state before it.
+        const moveDown = type === "move" ? down : this.held;
+        if (moved) {
+            if (target) {
+                this.send("mouseMove", target, p, moveDown);
+            }
+            this.hoverTo(over, p, moveDown);
+            // A drag from a field selects in it, wherever the pointer goes.
+            const pressed = this.pressed;
+            if (moveDown && pressed instanceof TextObject && this.keyboard) {
+                const m = invert(toStage(pressed, this.stage));
+                if (m) {
+                    this.keyboard.dragged(pressed, ...apply(m, p.x, p.y));
+                    this.redraws++;
+                }
+            }
+        }
+        if (type !== "move" && (p.button ?? 0) === 0) {
+            // A press or a release is a user's gesture, in whose handlers alone a
+            // script may write to the clipboard: not the hover's events around it.
+            this.scripting.clipboard.gesture(() => this.button(type, target, p));
+        }
+        if (type !== "move") {
+            this.redraws += s.avm1Input?.finish(type, p) ?? 0;
+        }
+        if (!moved) {
+            this.hoverTo(over, p, down);
+        }
+        this.updateCursor();
+    }
+    /**
+     * The wheel turned by `delta` lines over the player, up positive, as
+     * MouseEvent.delta has it: a move to `p` first, if the pointer was not
+     * there, then `mouseWheel` to what is under it, bubbling, and a text
+     * field under it whose mouseWheelEnabled is true scrolls by as many
+     * lines, after the event, as the corpus's `mouse_wheel_events` has
+     * Flash do. A delta of 0, part of a line a touchpad gave, sends nothing.
+     * Returns whether the SWF takes the wheel there, a listener for
+     * mouseWheel on the way or a field that can scroll, which a host lets
+     * the page scroll without.
+     */
+    wheel(p, delta) {
+        this.handle("move", p);
+        const s = this.scripting;
+        const found = pointerTarget(this.stage, p.x, p.y, s.stageViewportWidth || s.stageWidth, s.stageViewportHeight || s.stageHeight, undefined, s.stageViewportX, s.stageViewportY);
+        const target = found ?? (this.held && this.stage.object ? this.stage : null);
+        if (!target?.object) {
+            return false;
+        }
+        const field = target instanceof TextObject && target.mouseWheelEnabled ? target : null;
+        const taken = heard(target.object, "mouseWheel") || (!!field && maxScrollV(field) > 1);
+        if (delta !== 0) {
+            this.handled++;
+            this.send("mouseWheel", target, p, this.held, true, null, delta);
+            if (field) {
+                const scrollV = Math.max(1, Math.min(field.scrollV - delta, maxScrollV(field)));
+                if (scrollV !== field.scrollV) {
+                    field.scrollV = scrollV;
+                    field.invalidate(CONTENT);
+                    this.redraws++;
+                }
+            }
+        }
+        return taken;
+    }
+    /** Whether the left button is down after a press the player took, which keeps the mouse its own wherever it goes. */
+    get captured() {
+        return this.held;
+    }
+    /**
+     * At a frame's end, after its EXIT_FRAME and before its RENDER, as Flash
+     * Player 32 does: what is under a pointer that has not moved, picked
+     * again if the display list or a pick's field changed since the last
+     * pick, and the hover moved to it with no mouseMove. An object that
+     * moves out from under the mouse or is hidden so gets its outs, one
+     * that comes under it its overs, and the cursor follows. Flash notices
+     * one moved in under the mouse a frame later than one moved out, which
+     * the player does not copy.
+     */
+    frameEnded() {
+        const p = this.last;
+        if (p && !this.gone && this.picked !== pickWork.changes) {
+            const s = this.scripting;
+            this.picked = pickWork.changes;
+            const found = this.pick(p);
+            this.redraws += s.avm1Input?.sync(p, found) ?? 0;
+            const target = found?.avm1Root
+                ? null
+                : (found ?? (this.held && this.stage.object ? this.stage : null));
+            const over = target === this.stage ? null : target;
+            if (over !== this.hover) {
+                this.handled++;
+                if (buttonLike(over) || buttonLike(this.hover)) {
+                    this.redraws++;
+                }
+                this.hoverTo(over, p, this.held);
+            }
+        }
+        this.updateCursor();
+    }
+    /** Move the hover to `target`: out and roll outs from what it was over, roll overs and over on what it is. */
+    hoverTo(target, p, down) {
+        const previous = this.hover;
+        if (target === previous) {
+            return;
+        }
+        const entered = new Set();
+        for (let d = target; d; d = d.parent) {
+            entered.add(d);
+        }
+        // Left as they were when the hover came: one a script took off the
+        // list rolls out of the ancestors it had, as in Flash.
+        const left = this.hoverChain;
+        let common = this.stage;
+        let leaving = left.length;
+        if (target) {
+            for (let i = 0; i < left.length; i++) {
+                if (entered.has(left[i])) {
+                    common = left[i];
+                    leaving = i;
+                    break;
+                }
+            }
+        }
+        // A pressed button the pointer drags off shows over until the release,
+        // and down again when it comes back; one it is dragged onto stays up,
+        // as Flash Player 32 shows them.
+        const held = down && this.pressed;
+        if (previous) {
+            buttonState(previous, previous === held ? "over" : "up", previous !== held);
+            // Off the stage, it hears no mouseOut, only its roll outs.
+            if (this.stage.encloses(previous)) {
+                this.send("mouseOut", previous, p, down, true, target);
+            }
+            for (let i = 0; i < leaving; i++) {
+                if (left[i] !== this.stage) {
+                    this.send("rollOut", left[i], p, down, false, target);
+                }
+            }
+        }
+        if (target) {
+            if (!held) {
+                buttonState(target, "over");
+            }
+            else if (target === held) {
+                buttonState(target, "down", false);
+            }
+            for (let d = target; d && d !== common; d = d.parent) {
+                this.send("rollOver", d, p, down, false, previous);
+            }
+            this.send("mouseOver", target, p, down, true, previous);
+        }
+        this.hover = target;
+        const chain = [];
+        for (let d = target; d; d = d.parent) {
+            chain.push(d);
+        }
+        this.hoverChain = chain;
+    }
+    /**
+     * The pointer gone from the player: out of what it was over, then the
+     * stage's `mouseLeave`. Flash leaves the mouse's position where it was
+     * but gives the out and roll outs the stage point (-1, -1).
+     */
+    leave(p) {
+        // Once, until the pointer is back: a host may tell of a leave twice.
+        if (this.gone) {
+            return;
+        }
+        this.gone = true;
+        this.last = null;
+        this.hoverTo(null, { ...p, x: -1, y: -1 }, false);
+        const stage = this.stage.object;
+        if (stage && heard(stage, "mouseLeave")) {
+            dispatchEvent(this.scripting, stage, this.scripting.event("mouseLeave"));
+        }
+    }
+    /** The left button pressed or let go over `target`: focus, a button's state, and the mouse events. */
+    button(type, target, p) {
+        if (type === "down") {
+            this.held = true;
+            this.pressed = target;
+            // Ruffle's rule: within half a second and two pixels of the last
+            // press; and on its target, as Flash Player 32 counts a double click.
+            const last = this.lastPress;
+            const time = p.time ?? Number.NaN;
+            const again = last !== null &&
+                last.target === target &&
+                Math.abs(time - last.time) < 500 &&
+                (p.x - last.x) ** 2 + (p.y - last.y) ** 2 < 4;
+            const clicks = again ? last.clicks + 1 : 1;
+            this.lastPress = { x: p.x, y: p.y, time, clicks, target };
+            if (this.keyboard) {
+                const m = target && invert(toStage(target, this.stage));
+                const [x, y] = m ? apply(m, p.x, p.y) : [0, 0];
+                this.keyboard.pressed(target, x, y, clicks);
+            }
+            if (target) {
+                buttonState(target, "down");
+                this.send("mouseDown", target, p, true);
+            }
+        }
+        else {
+            const pressed = this.pressed;
+            if (pressed instanceof ButtonObject && pressed !== target && pressed.enabled) {
+                pressed.releasedOutside();
+            }
+            if (target) {
+                buttonState(target, "over");
+                this.send("mouseUp", target, p, false);
+            }
+            // The second click of a double, on an object whose doubleClickEnabled
+            // is true, is a doubleClick in its place, as Flash Player 32 sends it;
+            // a third is a click again.
+            if (target && target === this.pressed && !p.canceled) {
+                const double = this.lastPress?.clicks === 2 &&
+                    target.object?.$doubleClickEnabled;
+                this.send(double ? "doubleClick" : "click", target, p, false);
+            }
+            this.pressed = null;
+            this.held = false;
+        }
+    }
+    /** Show a changed cursor immediately, including when a script hides or shows it. */
+    updateCursor() {
+        const cursor = this.cursor();
+        if (cursor !== this.shown) {
+            this.shown = cursor;
+            this.onCursor?.(cursor);
+        }
+    }
+    /**
+     * The cursor to show: none while Mouse.hide holds, the one Mouse.cursor
+     * names unless it is "auto", a registered one before Flash's own of the
+     * same name, and otherwise the one over what the pointer is on, as Ruffle
+     * chooses it: a hand over a button that uses one, or under the nearest
+     * sprite in buttonMode whose useHandCursor and enabled are true; an
+     * I-beam over selectable text, whose links do not show a hand yet.
+     */
+    cursor() {
+        const s = this.scripting;
+        if (s.mouseVisible === false) {
+            return "none";
+        }
+        const named = s.mouseCursor;
+        if (named !== "auto") {
+            const forced = s.cursors?.get(named) ?? FORCED.get(named);
+            if (forced) {
+                return forced;
+            }
+        }
+        const legacy = s.avm1Input?.cursor();
+        if (legacy) {
+            return legacy;
+        }
+        const d = this.hover;
+        // A disabled button keeps its hand, as Ruffle's AVM2 button does.
+        if (d instanceof ButtonObject) {
+            return d.useHandCursor ? "pointer" : "default";
+        }
+        if (d instanceof TextObject) {
+            return d.selectable ? "text" : "default";
+        }
+        for (let o = d; o; o = o.parent) {
+            const fields = o.object;
+            if (fields?.$buttonMode) {
+                return fields.$useHandCursor !== false && fields.$enabled !== false ? "pointer" : "default";
+            }
+        }
+        return "default";
+    }
+}
+/** flash.ui.MouseCursor's names as CSS: "hand" is Flash's dragging hand, as Ruffle shows it. */
+const FORCED = new Map([
+    ["arrow", "default"],
+    ["button", "pointer"],
+    ["hand", "grab"],
+    ["ibeam", "text"],
+]);
+/** Whether `d` is a button, or a sprite in buttonMode, whose hover Ruffle redraws for. */
+function buttonLike(d) {
+    return (d instanceof ButtonObject || !!d?.object?.$buttonMode);
+}
+/**
+ * Show state `state` of `d`, if it is an enabled button, with the sound for
+ * the change unless `sound` is false: the pointer moves a disabled one
+ * through none.
+ */
+function buttonState(d, state, sound = true) {
+    if (d instanceof ButtonObject && d.enabled) {
+        d.setState(state, sound);
+    }
+}
+//# sourceMappingURL=pointer.js.map