react-native-gesture-handler 2.27.0 → 2.27.1

package/lib/typescript/web/handlers/IGestureHandler.d.ts

@@ -0,0 +1,37 @@
+import type { PointerType } from '../../PointerType';
+import type { MouseButton } from '../../handlers/gestureHandlerCommon';
+import type { State } from '../../State';
+import type { Config } from '../interfaces';
+import type EventManager from '../tools/EventManager';
+import type { GestureHandlerDelegate } from '../tools/GestureHandlerDelegate';
+import type PointerTracker from '../tools/PointerTracker';
+export default interface IGestureHandler {
+    active: boolean;
+    activationIndex: number;
+    awaiting: boolean;
+    handlerTag: number;
+    readonly config: Config;
+    readonly delegate: GestureHandlerDelegate<unknown, this>;
+    readonly tracker: PointerTracker;
+    state: State;
+    shouldCancelWhenOutside: boolean;
+    shouldResetProgress: boolean;
+    enabled: boolean;
+    pointerType: PointerType;
+    attachEventManager: (manager: EventManager<unknown>) => void;
+    isButtonInConfig: (mouseButton: MouseButton | undefined) => boolean | number | undefined;
+    getTrackedPointersID: () => number[];
+    begin: () => void;
+    activate: (force: boolean) => void;
+    end: () => void;
+    fail: () => void;
+    cancel: () => void;
+    reset: () => void;
+    shouldWaitForHandlerFailure: (handler: IGestureHandler) => boolean;
+    shouldRequireToWaitForFailure: (handler: IGestureHandler) => boolean;
+    shouldRecognizeSimultaneously: (handler: IGestureHandler) => boolean;
+    shouldBeCancelledByOther: (handler: IGestureHandler) => boolean;
+    sendEvent: (newState: State, oldState: State) => void;
+    updateGestureConfig: (config: Config) => void;
+    isButton?: () => boolean;
+}

package/lib/typescript/web/handlers/IGestureHandler.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IGestureHandler.d.ts","sourceRoot":"","sources":["../../../../src/web/handlers/IGestureHandler.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AACrD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qCAAqC,CAAC;AACvE,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AACzC,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,KAAK,YAAY,MAAM,uBAAuB,CAAC;AACtD,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,iCAAiC,CAAC;AAC9E,OAAO,KAAK,cAAc,MAAM,yBAAyB,CAAC;AAE1D,MAAM,CAAC,OAAO,WAAW,eAAe;IACtC,MAAM,EAAE,OAAO,CAAC;IAChB,eAAe,EAAE,MAAM,CAAC;IACxB,QAAQ,EAAE,OAAO,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,QAAQ,EAAE,sBAAsB,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;IACzD,QAAQ,CAAC,OAAO,EAAE,cAAc,CAAC;IACjC,KAAK,EAAE,KAAK,CAAC;IACb,uBAAuB,EAAE,OAAO,CAAC;IACjC,mBAAmB,EAAE,OAAO,CAAC;IAC7B,OAAO,EAAE,OAAO,CAAC;IACjB,WAAW,EAAE,WAAW,CAAC;IAEzB,kBAAkB,EAAE,CAAC,OAAO,EAAE,YAAY,CAAC,OAAO,CAAC,KAAK,IAAI,CAAC;IAE7D,gBAAgB,EAAE,CAChB,WAAW,EAAE,WAAW,GAAG,SAAS,KACjC,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC;IAElC,oBAAoB,EAAE,MAAM,MAAM,EAAE,CAAC;IAErC,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACnC,GAAG,EAAE,MAAM,IAAI,CAAC;IAChB,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,MAAM,EAAE,MAAM,IAAI,CAAC;IAEnB,KAAK,EAAE,MAAM,IAAI,CAAC;IAElB,2BAA2B,EAAE,CAAC,OAAO,EAAE,eAAe,KAAK,OAAO,CAAC;IACnE,6BAA6B,EAAE,CAAC,OAAO,EAAE,eAAe,KAAK,OAAO,CAAC;IACrE,6BAA6B,EAAE,CAAC,OAAO,EAAE,eAAe,KAAK,OAAO,CAAC;IACrE,wBAAwB,EAAE,CAAC,OAAO,EAAE,eAAe,KAAK,OAAO,CAAC;IAEhE,SAAS,EAAE,CAAC,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,KAAK,IAAI,CAAC;IAEtD,mBAAmB,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAE9C,QAAQ,CAAC,EAAE,MAAM,OAAO,CAAC;CAC1B"}

package/lib/typescript/web/handlers/IGestureHandler.js

@@ -0,0 +1 @@
+export {};

package/lib/typescript/web/handlers/LongPressGestureHandler.d.ts

@@ -0,0 +1,30 @@
+import { State } from '../../State';
+import { AdaptedEvent, Config } from '../interfaces';
+import GestureHandler from './GestureHandler';
+export default class LongPressGestureHandler extends GestureHandler {
+    private minDurationMs;
+    private defaultMaxDistSq;
+    private maxDistSq;
+    private numberOfPointers;
+    private startX;
+    private startY;
+    private startTime;
+    private previousTime;
+    private activationTimeout;
+    init(ref: number, propsRef: React.RefObject<unknown>): void;
+    protected transformNativeEvent(): {
+        duration: number;
+    };
+    updateGestureConfig({ enabled, ...props }: Config): void;
+    protected resetConfig(): void;
+    protected onStateChange(_newState: State, _oldState: State): void;
+    protected onPointerDown(event: AdaptedEvent): void;
+    protected onPointerAdd(event: AdaptedEvent): void;
+    protected onPointerMove(event: AdaptedEvent): void;
+    protected onPointerOutOfBounds(event: AdaptedEvent): void;
+    protected onPointerUp(event: AdaptedEvent): void;
+    protected onPointerRemove(event: AdaptedEvent): void;
+    private tryBegin;
+    private tryActivate;
+    private checkDistanceFail;
+}

package/lib/typescript/web/handlers/LongPressGestureHandler.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LongPressGestureHandler.d.ts","sourceRoot":"","sources":["../../../../src/web/handlers/LongPressGestureHandler.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AACpC,OAAO,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAErD,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAM9C,MAAM,CAAC,OAAO,OAAO,uBAAwB,SAAQ,cAAc;IACjE,OAAO,CAAC,aAAa,CAA2B;IAChD,OAAO,CAAC,gBAAgB,CAAwC;IAEhE,OAAO,CAAC,SAAS,CAAyB;IAC1C,OAAO,CAAC,gBAAgB,CAAK;IAC7B,OAAO,CAAC,MAAM,CAAK;IACnB,OAAO,CAAC,MAAM,CAAK;IAEnB,OAAO,CAAC,SAAS,CAAK;IACtB,OAAO,CAAC,YAAY,CAAK;IAEzB,OAAO,CAAC,iBAAiB,CAAqB;IAEvC,IAAI,CAAC,GAAG,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC;IAQ3D,SAAS,CAAC,oBAAoB;;;IAOvB,mBAAmB,CAAC,EAAE,OAAc,EAAE,GAAG,KAAK,EAAE,EAAE,MAAM,GAAG,IAAI;IAgBtE,SAAS,CAAC,WAAW,IAAI,IAAI;IAM7B,SAAS,CAAC,aAAa,CAAC,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,GAAG,IAAI;IAIjE,SAAS,CAAC,aAAa,CAAC,KAAK,EAAE,YAAY,GAAG,IAAI;IAgBlD,SAAS,CAAC,YAAY,CAAC,KAAK,EAAE,YAAY,GAAG,IAAI;IAiBjD,SAAS,CAAC,aAAa,CAAC,KAAK,EAAE,YAAY,GAAG,IAAI;IAMlD,SAAS,CAAC,oBAAoB,CAAC,KAAK,EAAE,YAAY,GAAG,IAAI;IAMzD,SAAS,CAAC,WAAW,CAAC,KAAK,EAAE,YAAY,GAAG,IAAI;IAWhD,SAAS,CAAC,eAAe,CAAC,KAAK,EAAE,YAAY,GAAG,IAAI;IAYpD,OAAO,CAAC,QAAQ;IAWhB,OAAO,CAAC,WAAW;IAcnB,OAAO,CAAC,iBAAiB;CAiB1B"}

package/lib/typescript/web/handlers/LongPressGestureHandler.js

@@ -0,0 +1,136 @@
+import { State } from '../../State';
+import GestureHandler from './GestureHandler';
+const DEFAULT_MIN_DURATION_MS = 500;
+const DEFAULT_MAX_DIST_DP = 10;
+const SCALING_FACTOR = 10;
+export default class LongPressGestureHandler extends GestureHandler {
+    minDurationMs = DEFAULT_MIN_DURATION_MS;
+    defaultMaxDistSq = DEFAULT_MAX_DIST_DP * SCALING_FACTOR;
+    maxDistSq = this.defaultMaxDistSq;
+    numberOfPointers = 1;
+    startX = 0;
+    startY = 0;
+    startTime = 0;
+    previousTime = 0;
+    activationTimeout;
+    init(ref, propsRef) {
+        if (this.config.enableContextMenu === undefined) {
+            this.config.enableContextMenu = false;
+        }
+        super.init(ref, propsRef);
+    }
+    transformNativeEvent() {
+        return {
+            ...super.transformNativeEvent(),
+            duration: Date.now() - this.startTime,
+        };
+    }
+    updateGestureConfig({ enabled = true, ...props }) {
+        super.updateGestureConfig({ enabled: enabled, ...props });
+        if (this.config.minDurationMs !== undefined) {
+            this.minDurationMs = this.config.minDurationMs;
+        }
+        if (this.config.maxDist !== undefined) {
+            this.maxDistSq = this.config.maxDist * this.config.maxDist;
+        }
+        if (this.config.numberOfPointers !== undefined) {
+            this.numberOfPointers = this.config.numberOfPointers;
+        }
+    }
+    resetConfig() {
+        super.resetConfig();
+        this.minDurationMs = DEFAULT_MIN_DURATION_MS;
+        this.maxDistSq = this.defaultMaxDistSq;
+    }
+    onStateChange(_newState, _oldState) {
+        clearTimeout(this.activationTimeout);
+    }
+    onPointerDown(event) {
+        if (!this.isButtonInConfig(event.button)) {
+            return;
+        }
+        this.tracker.addToTracker(event);
+        super.onPointerDown(event);
+        this.startX = event.x;
+        this.startY = event.y;
+        this.tryBegin();
+        this.tryActivate();
+        this.tryToSendTouchEvent(event);
+    }
+    onPointerAdd(event) {
+        super.onPointerAdd(event);
+        this.tracker.addToTracker(event);
+        if (this.tracker.trackedPointersCount > this.numberOfPointers) {
+            this.fail();
+            return;
+        }
+        const absoluteCoordsAverage = this.tracker.getAbsoluteCoordsAverage();
+        this.startX = absoluteCoordsAverage.x;
+        this.startY = absoluteCoordsAverage.y;
+        this.tryActivate();
+    }
+    onPointerMove(event) {
+        super.onPointerMove(event);
+        this.tracker.track(event);
+        this.checkDistanceFail();
+    }
+    onPointerOutOfBounds(event) {
+        super.onPointerOutOfBounds(event);
+        this.tracker.track(event);
+        this.checkDistanceFail();
+    }
+    onPointerUp(event) {
+        super.onPointerUp(event);
+        this.tracker.removeFromTracker(event.pointerId);
+        if (this.state === State.ACTIVE) {
+            this.end();
+        }
+        else {
+            this.fail();
+        }
+    }
+    onPointerRemove(event) {
+        super.onPointerRemove(event);
+        this.tracker.removeFromTracker(event.pointerId);
+        if (this.tracker.trackedPointersCount < this.numberOfPointers &&
+            this.state !== State.ACTIVE) {
+            this.fail();
+        }
+    }
+    tryBegin() {
+        if (this.state !== State.UNDETERMINED) {
+            return;
+        }
+        this.previousTime = Date.now();
+        this.startTime = this.previousTime;
+        this.begin();
+    }
+    tryActivate() {
+        if (this.tracker.trackedPointersCount !== this.numberOfPointers) {
+            return;
+        }
+        if (this.minDurationMs > 0) {
+            this.activationTimeout = setTimeout(() => {
+                this.activate();
+            }, this.minDurationMs);
+        }
+        else if (this.minDurationMs === 0) {
+            this.activate();
+        }
+    }
+    checkDistanceFail() {
+        const absoluteCoordsAverage = this.tracker.getAbsoluteCoordsAverage();
+        const dx = absoluteCoordsAverage.x - this.startX;
+        const dy = absoluteCoordsAverage.y - this.startY;
+        const distSq = dx * dx + dy * dy;
+        if (distSq <= this.maxDistSq) {
+            return;
+        }
+        if (this.state === State.ACTIVE) {
+            this.cancel();
+        }
+        else {
+            this.fail();
+        }
+    }
+}

package/lib/typescript/web/handlers/ManualGestureHandler.d.ts

@@ -0,0 +1,10 @@
+import { AdaptedEvent } from '../interfaces';
+import GestureHandler from './GestureHandler';
+export default class ManualGestureHandler extends GestureHandler {
+    protected onPointerDown(event: AdaptedEvent): void;
+    protected onPointerAdd(event: AdaptedEvent): void;
+    protected onPointerMove(event: AdaptedEvent): void;
+    protected onPointerOutOfBounds(event: AdaptedEvent): void;
+    protected onPointerUp(event: AdaptedEvent): void;
+    protected onPointerRemove(event: AdaptedEvent): void;
+}

package/lib/typescript/web/handlers/ManualGestureHandler.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ManualGestureHandler.d.ts","sourceRoot":"","sources":["../../../../src/web/handlers/ManualGestureHandler.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAC7C,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAE9C,MAAM,CAAC,OAAO,OAAO,oBAAqB,SAAQ,cAAc;IAC9D,SAAS,CAAC,aAAa,CAAC,KAAK,EAAE,YAAY,GAAG,IAAI;IAQlD,SAAS,CAAC,YAAY,CAAC,KAAK,EAAE,YAAY,GAAG,IAAI;IAKjD,SAAS,CAAC,aAAa,CAAC,KAAK,EAAE,YAAY,GAAG,IAAI;IAKlD,SAAS,CAAC,oBAAoB,CAAC,KAAK,EAAE,YAAY,GAAG,IAAI;IAKzD,SAAS,CAAC,WAAW,CAAC,KAAK,EAAE,YAAY,GAAG,IAAI;IAKhD,SAAS,CAAC,eAAe,CAAC,KAAK,EAAE,YAAY,GAAG,IAAI;CAIrD"}

package/lib/typescript/web/handlers/ManualGestureHandler.js

@@ -0,0 +1,29 @@
+import GestureHandler from './GestureHandler';
+export default class ManualGestureHandler extends GestureHandler {
+    onPointerDown(event) {
+        this.tracker.addToTracker(event);
+        super.onPointerDown(event);
+        this.begin();
+        this.tryToSendTouchEvent(event);
+    }
+    onPointerAdd(event) {
+        this.tracker.addToTracker(event);
+        super.onPointerAdd(event);
+    }
+    onPointerMove(event) {
+        this.tracker.track(event);
+        super.onPointerMove(event);
+    }
+    onPointerOutOfBounds(event) {
+        this.tracker.track(event);
+        super.onPointerOutOfBounds(event);
+    }
+    onPointerUp(event) {
+        super.onPointerUp(event);
+        this.tracker.removeFromTracker(event.pointerId);
+    }
+    onPointerRemove(event) {
+        super.onPointerRemove(event);
+        this.tracker.removeFromTracker(event.pointerId);
+    }
+}

package/lib/typescript/web/handlers/NativeViewGestureHandler.d.ts

@@ -0,0 +1,25 @@
+import { AdaptedEvent, Config } from '../interfaces';
+import GestureHandler from './GestureHandler';
+export default class NativeViewGestureHandler extends GestureHandler {
+    private buttonRole;
+    private shouldActivateOnStart;
+    private disallowInterruption;
+    private startX;
+    private startY;
+    private minDistSq;
+    init(ref: number, propsRef: React.RefObject<unknown>): void;
+    updateGestureConfig({ enabled, ...props }: Config): void;
+    private restoreViewStyles;
+    protected onPointerDown(event: AdaptedEvent): void;
+    protected onPointerAdd(event: AdaptedEvent): void;
+    private newPointerAction;
+    protected onPointerMove(event: AdaptedEvent): void;
+    protected onPointerLeave(): void;
+    protected onPointerUp(event: AdaptedEvent): void;
+    protected onPointerRemove(event: AdaptedEvent): void;
+    private onUp;
+    shouldRecognizeSimultaneously(handler: GestureHandler): boolean;
+    shouldBeCancelledByOther(_handler: GestureHandler): boolean;
+    disallowsInterruption(): boolean;
+    isButton(): boolean;
+}

package/lib/typescript/web/handlers/NativeViewGestureHandler.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NativeViewGestureHandler.d.ts","sourceRoot":"","sources":["../../../../src/web/handlers/NativeViewGestureHandler.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAErD,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAC9C,MAAM,CAAC,OAAO,OAAO,wBAAyB,SAAQ,cAAc;IAClE,OAAO,CAAC,UAAU,CAAW;IAI7B,OAAO,CAAC,qBAAqB,CAAS;IACtC,OAAO,CAAC,oBAAoB,CAAS;IAErC,OAAO,CAAC,MAAM,CAAK;IACnB,OAAO,CAAC,MAAM,CAAK;IACnB,OAAO,CAAC,SAAS,CAA2C;IAErD,IAAI,CAAC,GAAG,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,GAAG,IAAI;IAe3D,mBAAmB,CAAC,EAAE,OAAc,EAAE,GAAG,KAAK,EAAE,EAAE,MAAM,GAAG,IAAI;IActE,OAAO,CAAC,iBAAiB;IAUzB,SAAS,CAAC,aAAa,CAAC,KAAK,EAAE,YAAY,GAAG,IAAI;IAQlD,SAAS,CAAC,YAAY,CAAC,KAAK,EAAE,YAAY,GAAG,IAAI;IAMjD,OAAO,CAAC,gBAAgB;IAmBxB,SAAS,CAAC,aAAa,CAAC,KAAK,EAAE,YAAY,GAAG,IAAI;IAiBlD,SAAS,CAAC,cAAc,IAAI,IAAI;IAMhC,SAAS,CAAC,WAAW,CAAC,KAAK,EAAE,YAAY,GAAG,IAAI;IAKhD,SAAS,CAAC,eAAe,CAAC,KAAK,EAAE,YAAY,GAAG,IAAI;IAKpD,OAAO,CAAC,IAAI;IAYL,6BAA6B,CAAC,OAAO,EAAE,cAAc,GAAG,OAAO;IA4B/D,wBAAwB,CAAC,QAAQ,EAAE,cAAc,GAAG,OAAO;IAI3D,qBAAqB,IAAI,OAAO;IAIhC,QAAQ,IAAI,OAAO;CAG3B"}

package/lib/typescript/web/handlers/NativeViewGestureHandler.js

@@ -0,0 +1,133 @@
+import { Platform } from 'react-native';
+import { State } from '../../State';
+import { DEFAULT_TOUCH_SLOP } from '../constants';
+import GestureHandler from './GestureHandler';
+export default class NativeViewGestureHandler extends GestureHandler {
+    buttonRole;
+    // TODO: Implement logic for activation on start
+    // @ts-ignore Logic yet to be implemented
+    shouldActivateOnStart = false;
+    disallowInterruption = false;
+    startX = 0;
+    startY = 0;
+    minDistSq = DEFAULT_TOUCH_SLOP * DEFAULT_TOUCH_SLOP;
+    init(ref, propsRef) {
+        super.init(ref, propsRef);
+        this.shouldCancelWhenOutside = true;
+        if (Platform.OS !== 'web') {
+            return;
+        }
+        const view = this.delegate.view;
+        this.restoreViewStyles(view);
+        this.buttonRole = view.getAttribute('role') === 'button';
+    }
+    updateGestureConfig({ enabled = true, ...props }) {
+        super.updateGestureConfig({ enabled: enabled, ...props });
+        if (this.config.shouldActivateOnStart !== undefined) {
+            this.shouldActivateOnStart = this.config.shouldActivateOnStart;
+        }
+        if (this.config.disallowInterruption !== undefined) {
+            this.disallowInterruption = this.config.disallowInterruption;
+        }
+        const view = this.delegate.view;
+        this.restoreViewStyles(view);
+    }
+    restoreViewStyles(view) {
+        if (!view) {
+            return;
+        }
+        view.style['touchAction'] = 'auto';
+        // @ts-ignore Turns on defualt touch behavior on Safari
+        view.style['WebkitTouchCallout'] = 'auto';
+    }
+    onPointerDown(event) {
+        this.tracker.addToTracker(event);
+        super.onPointerDown(event);
+        this.newPointerAction();
+        this.tryToSendTouchEvent(event);
+    }
+    onPointerAdd(event) {
+        this.tracker.addToTracker(event);
+        super.onPointerAdd(event);
+        this.newPointerAction();
+    }
+    newPointerAction() {
+        const lastCoords = this.tracker.getAbsoluteCoordsAverage();
+        this.startX = lastCoords.x;
+        this.startY = lastCoords.y;
+        if (this.state !== State.UNDETERMINED) {
+            return;
+        }
+        this.begin();
+        const view = this.delegate.view;
+        const isRNGHText = view.hasAttribute('rnghtext');
+        if (this.buttonRole || isRNGHText) {
+            this.activate();
+        }
+    }
+    onPointerMove(event) {
+        this.tracker.track(event);
+        const lastCoords = this.tracker.getAbsoluteCoordsAverage();
+        const dx = this.startX - lastCoords.x;
+        const dy = this.startY - lastCoords.y;
+        const distSq = dx * dx + dy * dy;
+        if (distSq >= this.minDistSq) {
+            if (this.buttonRole && this.state === State.ACTIVE) {
+                this.cancel();
+            }
+            else if (!this.buttonRole && this.state === State.BEGAN) {
+                this.activate();
+            }
+        }
+    }
+    onPointerLeave() {
+        if (this.state === State.BEGAN || this.state === State.ACTIVE) {
+            this.cancel();
+        }
+    }
+    onPointerUp(event) {
+        super.onPointerUp(event);
+        this.onUp(event);
+    }
+    onPointerRemove(event) {
+        super.onPointerRemove(event);
+        this.onUp(event);
+    }
+    onUp(event) {
+        this.tracker.removeFromTracker(event.pointerId);
+        if (this.tracker.trackedPointersCount === 0) {
+            if (this.state === State.ACTIVE) {
+                this.end();
+            }
+            else {
+                this.fail();
+            }
+        }
+    }
+    shouldRecognizeSimultaneously(handler) {
+        if (super.shouldRecognizeSimultaneously(handler)) {
+            return true;
+        }
+        if (handler instanceof NativeViewGestureHandler &&
+            handler.state === State.ACTIVE &&
+            handler.disallowsInterruption()) {
+            return false;
+        }
+        const canBeInterrupted = !this.disallowInterruption;
+        if (this.state === State.ACTIVE &&
+            handler.state === State.ACTIVE &&
+            canBeInterrupted) {
+            return false;
+        }
+        return (this.state === State.ACTIVE && canBeInterrupted && handler.handlerTag > 0);
+    }
+    shouldBeCancelledByOther(_handler) {
+        return !this.disallowInterruption;
+    }
+    disallowsInterruption() {
+        return this.disallowInterruption;
+    }
+    isButton() {
+        return this.buttonRole;
+    }
+}

package/lib/typescript/web/handlers/PanGestureHandler.d.ts

@@ -0,0 +1,63 @@
+import { AdaptedEvent, Config, StylusData } from '../interfaces';
+import GestureHandler from './GestureHandler';
+export default class PanGestureHandler extends GestureHandler {
+    private readonly customActivationProperties;
+    velocityX: number;
+    velocityY: number;
+    private minDistSq;
+    private activeOffsetXStart;
+    private activeOffsetXEnd;
+    private failOffsetXStart;
+    private failOffsetXEnd;
+    private activeOffsetYStart;
+    private activeOffsetYEnd;
+    private failOffsetYStart;
+    private failOffsetYEnd;
+    private minVelocityX;
+    private minVelocityY;
+    private minVelocitySq;
+    private minPointers;
+    private maxPointers;
+    private startX;
+    private startY;
+    private offsetX;
+    private offsetY;
+    private lastX;
+    private lastY;
+    private stylusData;
+    private activateAfterLongPress;
+    private activationTimeout;
+    private enableTrackpadTwoFingerGesture;
+    private endWheelTimeout;
+    private wheelDevice;
+    updateGestureConfig({ enabled, ...props }: Config): void;
+    protected resetConfig(): void;
+    protected transformNativeEvent(): {
+        translationX: number;
+        translationY: number;
+        velocityX: number;
+        velocityY: number;
+        stylusData: StylusData | undefined;
+    };
+    private getTranslationX;
+    private getTranslationY;
+    private clearActivationTimeout;
+    private updateLastCoords;
+    private updateVelocity;
+    protected onPointerDown(event: AdaptedEvent): void;
+    protected onPointerAdd(event: AdaptedEvent): void;
+    protected onPointerUp(event: AdaptedEvent): void;
+    protected onPointerRemove(event: AdaptedEvent): void;
+    protected onPointerMove(event: AdaptedEvent): void;
+    protected onPointerOutOfBounds(event: AdaptedEvent): void;
+    private scheduleWheelEnd;
+    protected onWheel(event: AdaptedEvent): void;
+    private shouldActivate;
+    private shouldFail;
+    private tryBegin;
+    private checkBegan;
+    activate(force?: boolean): void;
+    protected onCancel(): void;
+    protected onReset(): void;
+    protected resetProgress(): void;
+}

package/lib/typescript/web/handlers/PanGestureHandler.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PanGestureHandler.d.ts","sourceRoot":"","sources":["../../../../src/web/handlers/PanGestureHandler.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,EAAE,UAAU,EAAe,MAAM,eAAe,CAAC;AAE9E,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAM9C,MAAM,CAAC,OAAO,OAAO,iBAAkB,SAAQ,cAAc;IAC3D,OAAO,CAAC,QAAQ,CAAC,0BAA0B,CAYzC;IAEK,SAAS,SAAK;IACd,SAAS,SAAK;IAErB,OAAO,CAAC,SAAS,CAAuB;IAExC,OAAO,CAAC,kBAAkB,CAA4B;IACtD,OAAO,CAAC,gBAAgB,CAA2B;IACnD,OAAO,CAAC,gBAAgB,CAA2B;IACnD,OAAO,CAAC,cAAc,CAA2B;IAEjD,OAAO,CAAC,kBAAkB,CAA2B;IACrD,OAAO,CAAC,gBAAgB,CAA2B;IACnD,OAAO,CAAC,gBAAgB,CAA2B;IACnD,OAAO,CAAC,cAAc,CAA2B;IAEjD,OAAO,CAAC,YAAY,CAA2B;IAC/C,OAAO,CAAC,YAAY,CAA2B;IAC/C,OAAO,CAAC,aAAa,CAA2B;IAEhD,OAAO,CAAC,WAAW,CAAwB;IAC3C,OAAO,CAAC,WAAW,CAAwB;IAE3C,OAAO,CAAC,MAAM,CAAK;IACnB,OAAO,CAAC,MAAM,CAAK;IACnB,OAAO,CAAC,OAAO,CAAK;IACpB,OAAO,CAAC,OAAO,CAAK;IACpB,OAAO,CAAC,KAAK,CAAK;IAClB,OAAO,CAAC,KAAK,CAAK;IAElB,OAAO,CAAC,UAAU,CAAyB;IAE3C,OAAO,CAAC,sBAAsB,CAAK;IACnC,OAAO,CAAC,iBAAiB,CAAK;IAE9B,OAAO,CAAC,8BAA8B,CAAS;IAC/C,OAAO,CAAC,eAAe,CAAK;IAC5B,OAAO,CAAC,WAAW,CAA4B;IAExC,mBAAmB,CAAC,EAAE,OAAc,EAAE,GAAG,KAAK,EAAE,EAAE,MAAM,GAAG,IAAI;IA2GtE,SAAS,CAAC,WAAW,IAAI,IAAI;IAyB7B,SAAS,CAAC,oBAAoB;;;;;;;IAc9B,OAAO,CAAC,eAAe;IAGvB,OAAO,CAAC,eAAe;IAIvB,OAAO,CAAC,sBAAsB;IAI9B,OAAO,CAAC,gBAAgB;IAOxB,OAAO,CAAC,cAAc;IAQtB,SAAS,CAAC,aAAa,CAAC,KAAK,EAAE,YAAY,GAAG,IAAI;IAqBlD,SAAS,CAAC,YAAY,CAAC,KAAK,EAAE,YAAY,GAAG,IAAI;IAwBjD,SAAS,CAAC,WAAW,CAAC,KAAK,EAAE,YAAY,GAAG,IAAI;IAwBhD,SAAS,CAAC,eAAe,CAAC,KAAK,EAAE,YAAY,GAAG,IAAI;IAsBpD,SAAS,CAAC,aAAa,CAAC,KAAK,EAAE,YAAY,GAAG,IAAI;IAYlD,SAAS,CAAC,oBAAoB,CAAC,KAAK,EAAE,YAAY,GAAG,IAAI;IAkBzD,OAAO,CAAC,gBAAgB;IAcxB,SAAS,CAAC,OAAO,CAAC,KAAK,EAAE,YAAY,GAAG,IAAI;IAsC5C,OAAO,CAAC,cAAc;IAqEtB,OAAO,CAAC,UAAU;IAqClB,OAAO,CAAC,QAAQ;IAuBhB,OAAO,CAAC,UAAU;IAUX,QAAQ,CAAC,KAAK,UAAQ,GAAG,IAAI;IAQpC,SAAS,CAAC,QAAQ,IAAI,IAAI;IAI1B,SAAS,CAAC,OAAO,IAAI,IAAI;IAIzB,SAAS,CAAC,aAAa,IAAI,IAAI;CAQhC"}