@react-native-oh-tpl/react-native-gesture-handler 2.12.1-0.0.1

package/lib/module/web/handlers/RotationGestureHandler.js

@@ -0,0 +1,171 @@
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+import { State } from '../../State';
+import GestureHandler from './GestureHandler';
+import RotationGestureDetector from '../detectors/RotationGestureDetector';
+const ROTATION_RECOGNITION_THRESHOLD = Math.PI / 36;
+export default class RotationGestureHandler extends GestureHandler {
+  constructor(...args) {
+    super(...args);
+
+    _defineProperty(this, "rotation", 0);
+
+    _defineProperty(this, "velocity", 0);
+
+    _defineProperty(this, "cachedAnchorX", 0);
+
+    _defineProperty(this, "cachedAnchorY", 0);
+
+    _defineProperty(this, "rotationGestureListener", {
+      onRotationBegin: _detector => true,
+      onRotation: detector => {
+        const previousRotation = this.rotation;
+        this.rotation += detector.getRotation();
+        const delta = detector.getTimeDelta();
+
+        if (delta > 0) {
+          this.velocity = (this.rotation - previousRotation) / delta;
+        }
+
+        if (Math.abs(this.rotation) >= ROTATION_RECOGNITION_THRESHOLD && this.currentState === State.BEGAN) {
+          this.activate();
+        }
+
+        return true;
+      },
+      onRotationEnd: _detector => {
+        this.end();
+      }
+    });
+
+    _defineProperty(this, "rotationGestureDetector", new RotationGestureDetector(this.rotationGestureListener));
+  }
+
+  init(ref, propsRef) {
+    super.init(ref, propsRef);
+    this.setShouldCancelWhenOutside(false);
+  }
+
+  updateGestureConfig({
+    enabled = true,
+    ...props
+  }) {
+    super.updateGestureConfig({
+      enabled: enabled,
+      ...props
+    });
+  }
+
+  transformNativeEvent() {
+    return {
+      rotation: this.rotation ? this.rotation : 0,
+      anchorX: this.getAnchorX(),
+      anchorY: this.getAnchorY(),
+      velocity: this.velocity ? this.velocity : 0
+    };
+  }
+
+  getAnchorX() {
+    const anchorX = this.rotationGestureDetector.getAnchorX();
+    return anchorX ? anchorX : this.cachedAnchorX;
+  }
+
+  getAnchorY() {
+    const anchorY = this.rotationGestureDetector.getAnchorY();
+    return anchorY ? anchorY : this.cachedAnchorY;
+  }
+
+  onPointerDown(event) {
+    this.tracker.addToTracker(event);
+    super.onPointerDown(event);
+  }
+
+  onPointerAdd(event) {
+    this.tracker.addToTracker(event);
+    super.onPointerAdd(event);
+    this.tryBegin();
+    this.rotationGestureDetector.onTouchEvent(event, this.tracker);
+  }
+
+  onPointerMove(event) {
+    if (this.tracker.getTrackedPointersCount() < 2) {
+      return;
+    }
+
+    if (this.getAnchorX()) {
+      this.cachedAnchorX = this.getAnchorX();
+    }
+
+    if (this.getAnchorY()) {
+      this.cachedAnchorY = this.getAnchorY();
+    }
+
+    this.tracker.track(event);
+    this.rotationGestureDetector.onTouchEvent(event, this.tracker);
+    super.onPointerMove(event);
+  }
+
+  onPointerOutOfBounds(event) {
+    if (this.tracker.getTrackedPointersCount() < 2) {
+      return;
+    }
+
+    if (this.getAnchorX()) {
+      this.cachedAnchorX = this.getAnchorX();
+    }
+
+    if (this.getAnchorY()) {
+      this.cachedAnchorY = this.getAnchorY();
+    }
+
+    this.tracker.track(event);
+    this.rotationGestureDetector.onTouchEvent(event, this.tracker);
+    super.onPointerOutOfBounds(event);
+  }
+
+  onPointerUp(event) {
+    super.onPointerUp(event);
+    this.tracker.removeFromTracker(event.pointerId);
+    this.rotationGestureDetector.onTouchEvent(event, this.tracker);
+
+    if (this.currentState !== State.ACTIVE) {
+      return;
+    }
+
+    if (this.currentState === State.ACTIVE) {
+      this.end();
+    } else {
+      this.fail();
+    }
+  }
+
+  onPointerRemove(event) {
+    super.onPointerRemove(event);
+    this.rotationGestureDetector.onTouchEvent(event, this.tracker);
+    this.tracker.removeFromTracker(event.pointerId);
+  }
+
+  tryBegin() {
+    if (this.currentState !== State.UNDETERMINED) {
+      return;
+    }
+
+    this.begin();
+  }
+
+  activate(_force) {
+    super.activate();
+  }
+
+  onReset() {
+    if (this.currentState === State.ACTIVE) {
+      return;
+    }
+
+    this.rotation = 0;
+    this.velocity = 0;
+    this.rotationGestureDetector.reset();
+  }
+
+}
+//# sourceMappingURL=RotationGestureHandler.js.map

package/lib/module/web/handlers/RotationGestureHandler.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["RotationGestureHandler.ts"],"names":["State","GestureHandler","RotationGestureDetector","ROTATION_RECOGNITION_THRESHOLD","Math","PI","RotationGestureHandler","onRotationBegin","_detector","onRotation","detector","previousRotation","rotation","getRotation","delta","getTimeDelta","velocity","abs","currentState","BEGAN","activate","onRotationEnd","end","rotationGestureListener","init","ref","propsRef","setShouldCancelWhenOutside","updateGestureConfig","enabled","props","transformNativeEvent","anchorX","getAnchorX","anchorY","getAnchorY","rotationGestureDetector","cachedAnchorX","cachedAnchorY","onPointerDown","event","tracker","addToTracker","onPointerAdd","tryBegin","onTouchEvent","onPointerMove","getTrackedPointersCount","track","onPointerOutOfBounds","onPointerUp","removeFromTracker","pointerId","ACTIVE","fail","onPointerRemove","UNDETERMINED","begin","_force","onReset","reset"],"mappings":"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","sourcesContent":["import { State } from '../../State';\r\nimport { AdaptedEvent, Config } from '../interfaces';\r\n\r\nimport GestureHandler from './GestureHandler';\r\nimport RotationGestureDetector, {\r\n  RotationGestureListener,\r\n} from '../detectors/RotationGestureDetector';\r\n\r\nconst ROTATION_RECOGNITION_THRESHOLD = Math.PI / 36;\r\n\r\nexport default class RotationGestureHandler extends GestureHandler {\r\n  private rotation = 0;\r\n  private velocity = 0;\r\n\r\n  private cachedAnchorX = 0;\r\n  private cachedAnchorY = 0;\r\n\r\n  private rotationGestureListener: RotationGestureListener = {\r\n    onRotationBegin: (_detector: RotationGestureDetector): boolean => true,\r\n    onRotation: (detector: RotationGestureDetector): boolean => {\r\n      const previousRotation: number = this.rotation;\r\n      this.rotation += detector.getRotation();\r\n\r\n      const delta = detector.getTimeDelta();\r\n\r\n      if (delta > 0) {\r\n        this.velocity = (this.rotation - previousRotation) / delta;\r\n      }\r\n\r\n      if (\r\n        Math.abs(this.rotation) >= ROTATION_RECOGNITION_THRESHOLD &&\r\n        this.currentState === State.BEGAN\r\n      ) {\r\n        this.activate();\r\n      }\r\n\r\n      return true;\r\n    },\r\n    onRotationEnd: (_detector: RotationGestureDetector): void => {\r\n      this.end();\r\n    },\r\n  };\r\n\r\n  private rotationGestureDetector: RotationGestureDetector =\r\n    new RotationGestureDetector(this.rotationGestureListener);\r\n\r\n  public init(ref: number, propsRef: React.RefObject<unknown>): void {\r\n    super.init(ref, propsRef);\r\n\r\n    this.setShouldCancelWhenOutside(false);\r\n  }\r\n\r\n  public updateGestureConfig({ enabled = true, ...props }: Config): void {\r\n    super.updateGestureConfig({ enabled: enabled, ...props });\r\n  }\r\n\r\n  protected transformNativeEvent() {\r\n    return {\r\n      rotation: this.rotation ? this.rotation : 0,\r\n      anchorX: this.getAnchorX(),\r\n      anchorY: this.getAnchorY(),\r\n      velocity: this.velocity ? this.velocity : 0,\r\n    };\r\n  }\r\n\r\n  public getAnchorX(): number {\r\n    const anchorX = this.rotationGestureDetector.getAnchorX();\r\n\r\n    return anchorX ? anchorX : this.cachedAnchorX;\r\n  }\r\n\r\n  public getAnchorY(): number {\r\n    const anchorY = this.rotationGestureDetector.getAnchorY();\r\n\r\n    return anchorY ? anchorY : this.cachedAnchorY;\r\n  }\r\n\r\n  protected onPointerDown(event: AdaptedEvent): void {\r\n    this.tracker.addToTracker(event);\r\n    super.onPointerDown(event);\r\n  }\r\n\r\n  protected onPointerAdd(event: AdaptedEvent): void {\r\n    this.tracker.addToTracker(event);\r\n    super.onPointerAdd(event);\r\n\r\n    this.tryBegin();\r\n    this.rotationGestureDetector.onTouchEvent(event, this.tracker);\r\n  }\r\n\r\n  protected onPointerMove(event: AdaptedEvent): void {\r\n    if (this.tracker.getTrackedPointersCount() < 2) {\r\n      return;\r\n    }\r\n\r\n    if (this.getAnchorX()) {\r\n      this.cachedAnchorX = this.getAnchorX();\r\n    }\r\n    if (this.getAnchorY()) {\r\n      this.cachedAnchorY = this.getAnchorY();\r\n    }\r\n\r\n    this.tracker.track(event);\r\n\r\n    this.rotationGestureDetector.onTouchEvent(event, this.tracker);\r\n\r\n    super.onPointerMove(event);\r\n  }\r\n\r\n  protected onPointerOutOfBounds(event: AdaptedEvent): void {\r\n    if (this.tracker.getTrackedPointersCount() < 2) {\r\n      return;\r\n    }\r\n\r\n    if (this.getAnchorX()) {\r\n      this.cachedAnchorX = this.getAnchorX();\r\n    }\r\n    if (this.getAnchorY()) {\r\n      this.cachedAnchorY = this.getAnchorY();\r\n    }\r\n\r\n    this.tracker.track(event);\r\n\r\n    this.rotationGestureDetector.onTouchEvent(event, this.tracker);\r\n\r\n    super.onPointerOutOfBounds(event);\r\n  }\r\n\r\n  protected onPointerUp(event: AdaptedEvent): void {\r\n    super.onPointerUp(event);\r\n    this.tracker.removeFromTracker(event.pointerId);\r\n    this.rotationGestureDetector.onTouchEvent(event, this.tracker);\r\n\r\n    if (this.currentState !== State.ACTIVE) {\r\n      return;\r\n    }\r\n\r\n    if (this.currentState === State.ACTIVE) {\r\n      this.end();\r\n    } else {\r\n      this.fail();\r\n    }\r\n  }\r\n\r\n  protected onPointerRemove(event: AdaptedEvent): void {\r\n    super.onPointerRemove(event);\r\n    this.rotationGestureDetector.onTouchEvent(event, this.tracker);\r\n    this.tracker.removeFromTracker(event.pointerId);\r\n  }\r\n\r\n  protected tryBegin(): void {\r\n    if (this.currentState !== State.UNDETERMINED) {\r\n      return;\r\n    }\r\n\r\n    this.begin();\r\n  }\r\n\r\n  public activate(_force?: boolean): void {\r\n    super.activate();\r\n  }\r\n\r\n  protected onReset(): void {\r\n    if (this.currentState === State.ACTIVE) {\r\n      return;\r\n    }\r\n\r\n    this.rotation = 0;\r\n    this.velocity = 0;\r\n    this.rotationGestureDetector.reset();\r\n  }\r\n}\r\n"]}

package/lib/module/web/handlers/TapGestureHandler.js

@@ -0,0 +1,265 @@
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+import { State } from '../../State';
+import { EventTypes } from '../interfaces';
+import GestureHandler from './GestureHandler';
+const DEFAULT_MAX_DURATION_MS = 500;
+const DEFAULT_MAX_DELAY_MS = 500;
+const DEFAULT_NUMBER_OF_TAPS = 1;
+const DEFAULT_MIN_NUMBER_OF_POINTERS = 1;
+export default class TapGestureHandler extends GestureHandler {
+  constructor(...args) {
+    super(...args);
+
+    _defineProperty(this, "maxDeltaX", Number.MIN_SAFE_INTEGER);
+
+    _defineProperty(this, "maxDeltaY", Number.MIN_SAFE_INTEGER);
+
+    _defineProperty(this, "maxDistSq", Number.MIN_SAFE_INTEGER);
+
+    _defineProperty(this, "maxDurationMs", DEFAULT_MAX_DURATION_MS);
+
+    _defineProperty(this, "maxDelayMs", DEFAULT_MAX_DELAY_MS);
+
+    _defineProperty(this, "numberOfTaps", DEFAULT_NUMBER_OF_TAPS);
+
+    _defineProperty(this, "minNumberOfPointers", DEFAULT_MIN_NUMBER_OF_POINTERS);
+
+    _defineProperty(this, "currentMaxNumberOfPointers", 1);
+
+    _defineProperty(this, "startX", 0);
+
+    _defineProperty(this, "startY", 0);
+
+    _defineProperty(this, "offsetX", 0);
+
+    _defineProperty(this, "offsetY", 0);
+
+    _defineProperty(this, "lastX", 0);
+
+    _defineProperty(this, "lastY", 0);
+
+    _defineProperty(this, "waitTimeout", void 0);
+
+    _defineProperty(this, "delayTimeout", void 0);
+
+    _defineProperty(this, "tapsSoFar", 0);
+  }
+
+  init(ref, propsRef) {
+    super.init(ref, propsRef);
+  }
+
+  updateGestureConfig({
+    enabled = true,
+    ...props
+  }) {
+    super.updateGestureConfig({
+      enabled: enabled,
+      ...props
+    });
+
+    if (this.config.numberOfTaps !== undefined) {
+      this.numberOfTaps = this.config.numberOfTaps;
+    }
+
+    if (this.config.maxDurationMs !== undefined) {
+      this.maxDurationMs = this.config.maxDurationMs;
+    }
+
+    if (this.config.maxDelayMs !== undefined) {
+      this.maxDelayMs = this.config.maxDelayMs;
+    }
+
+    if (this.config.maxDeltaX !== undefined) {
+      this.maxDeltaX = this.config.maxDeltaX;
+    }
+
+    if (this.config.maxDeltaY !== undefined) {
+      this.maxDeltaY = this.config.maxDeltaY;
+    }
+
+    if (this.config.maxDist !== undefined) {
+      this.maxDistSq = this.config.maxDist * this.config.maxDist;
+    }
+
+    if (this.config.minPointers !== undefined) {
+      this.minNumberOfPointers = this.config.minPointers;
+    }
+  }
+
+  resetConfig() {
+    super.resetConfig();
+    this.maxDeltaX = Number.MIN_SAFE_INTEGER;
+    this.maxDeltaY = Number.MIN_SAFE_INTEGER;
+    this.maxDistSq = Number.MIN_SAFE_INTEGER;
+    this.maxDurationMs = DEFAULT_MAX_DURATION_MS;
+    this.maxDelayMs = DEFAULT_MAX_DELAY_MS;
+    this.numberOfTaps = DEFAULT_NUMBER_OF_TAPS;
+    this.minNumberOfPointers = DEFAULT_MIN_NUMBER_OF_POINTERS;
+  }
+
+  clearTimeouts() {
+    clearTimeout(this.waitTimeout);
+    clearTimeout(this.delayTimeout);
+  }
+
+  startTap() {
+    this.clearTimeouts();
+    this.waitTimeout = setTimeout(() => this.fail(), this.maxDurationMs);
+  }
+
+  endTap() {
+    this.clearTimeouts();
+
+    if (++this.tapsSoFar === this.numberOfTaps && this.currentMaxNumberOfPointers >= this.minNumberOfPointers) {
+      this.activate();
+    } else {
+      this.delayTimeout = setTimeout(() => this.fail(), this.maxDelayMs);
+    }
+  } //Handling Events
+
+
+  onPointerDown(event) {
+    this.tracker.addToTracker(event);
+    super.onPointerDown(event);
+    this.trySettingPosition(event);
+    this.startX = event.x;
+    this.startY = event.y;
+    this.lastX = event.x;
+    this.lastY = event.y;
+    this.updateState(event);
+  }
+
+  onPointerAdd(event) {
+    super.onPointerAdd(event);
+    this.tracker.addToTracker(event);
+    this.trySettingPosition(event);
+    this.offsetX += this.lastX - this.startX;
+    this.offsetY += this.lastY - this.startY;
+    this.lastX = this.tracker.getLastAvgX();
+    this.lastY = this.tracker.getLastAvgY();
+    this.startX = this.tracker.getLastAvgX();
+    this.startY = this.tracker.getLastAvgY();
+    this.updateState(event);
+  }
+
+  onPointerUp(event) {
+    super.onPointerUp(event);
+    this.lastX = this.tracker.getLastAvgX();
+    this.lastY = this.tracker.getLastAvgY();
+    this.tracker.removeFromTracker(event.pointerId);
+    this.updateState(event);
+  }
+
+  onPointerRemove(event) {
+    super.onPointerRemove(event);
+    this.tracker.removeFromTracker(event.pointerId);
+    this.offsetX += this.lastX - this.startX;
+    this.offsetY += this.lastY = this.startY;
+    this.lastX = this.tracker.getLastAvgX();
+    this.lastY = this.tracker.getLastAvgY();
+    this.startX = this.lastX;
+    this.startY = this.lastY;
+    this.updateState(event);
+  }
+
+  onPointerMove(event) {
+    this.trySettingPosition(event);
+    this.tracker.track(event);
+    this.lastX = this.tracker.getLastAvgX();
+    this.lastY = this.tracker.getLastAvgY();
+    this.updateState(event);
+    super.onPointerMove(event);
+  }
+
+  onPointerOutOfBounds(event) {
+    this.trySettingPosition(event);
+    this.tracker.track(event);
+    this.lastX = this.tracker.getLastAvgX();
+    this.lastY = this.tracker.getLastAvgY();
+    this.updateState(event);
+    super.onPointerOutOfBounds(event);
+  }
+
+  updateState(event) {
+    if (this.currentMaxNumberOfPointers < this.tracker.getTrackedPointersCount()) {
+      this.currentMaxNumberOfPointers = this.tracker.getTrackedPointersCount();
+    }
+
+    if (this.shouldFail()) {
+      this.fail();
+      return;
+    }
+
+    switch (this.currentState) {
+      case State.UNDETERMINED:
+        if (event.eventType === EventTypes.DOWN) {
+          this.begin();
+        }
+
+        this.startTap();
+        break;
+
+      case State.BEGAN:
+        if (event.eventType === EventTypes.UP) {
+          this.endTap();
+        }
+
+        if (event.eventType === EventTypes.DOWN) {
+          this.startTap();
+        }
+
+        break;
+
+      default:
+        break;
+    }
+  }
+
+  trySettingPosition(event) {
+    if (this.currentState !== State.UNDETERMINED) {
+      return;
+    }
+
+    this.offsetX = 0;
+    this.offsetY = 0;
+    this.startX = event.x;
+    this.startY = event.y;
+  }
+
+  shouldFail() {
+    const dx = this.lastX - this.startX + this.offsetX;
+
+    if (this.maxDeltaX !== Number.MIN_SAFE_INTEGER && Math.abs(dx) > this.maxDeltaX) {
+      return true;
+    }
+
+    const dy = this.lastY - this.startY + this.offsetY;
+
+    if (this.maxDeltaY !== Number.MIN_SAFE_INTEGER && Math.abs(dy) > this.maxDeltaY) {
+      return true;
+    }
+
+    const distSq = dy * dy + dx * dx;
+    return this.maxDistSq !== Number.MIN_SAFE_INTEGER && distSq > this.maxDistSq;
+  }
+
+  activate() {
+    super.activate();
+    this.end();
+  }
+
+  onCancel() {
+    this.resetProgress();
+    this.clearTimeouts();
+  }
+
+  resetProgress() {
+    this.clearTimeouts();
+    this.tapsSoFar = 0;
+    this.currentMaxNumberOfPointers = 0;
+  }
+
+}
+//# sourceMappingURL=TapGestureHandler.js.map

package/lib/module/web/handlers/TapGestureHandler.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["TapGestureHandler.ts"],"names":["State","EventTypes","GestureHandler","DEFAULT_MAX_DURATION_MS","DEFAULT_MAX_DELAY_MS","DEFAULT_NUMBER_OF_TAPS","DEFAULT_MIN_NUMBER_OF_POINTERS","TapGestureHandler","Number","MIN_SAFE_INTEGER","init","ref","propsRef","updateGestureConfig","enabled","props","config","numberOfTaps","undefined","maxDurationMs","maxDelayMs","maxDeltaX","maxDeltaY","maxDist","maxDistSq","minPointers","minNumberOfPointers","resetConfig","clearTimeouts","clearTimeout","waitTimeout","delayTimeout","startTap","setTimeout","fail","endTap","tapsSoFar","currentMaxNumberOfPointers","activate","onPointerDown","event","tracker","addToTracker","trySettingPosition","startX","x","startY","y","lastX","lastY","updateState","onPointerAdd","offsetX","offsetY","getLastAvgX","getLastAvgY","onPointerUp","removeFromTracker","pointerId","onPointerRemove","onPointerMove","track","onPointerOutOfBounds","getTrackedPointersCount","shouldFail","currentState","UNDETERMINED","eventType","DOWN","begin","BEGAN","UP","dx","Math","abs","dy","distSq","end","onCancel","resetProgress"],"mappings":"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","sourcesContent":["import { State } from '../../State';\r\nimport { AdaptedEvent, Config, EventTypes } from '../interfaces';\r\n\r\nimport GestureHandler from './GestureHandler';\r\n\r\nconst DEFAULT_MAX_DURATION_MS = 500;\r\nconst DEFAULT_MAX_DELAY_MS = 500;\r\nconst DEFAULT_NUMBER_OF_TAPS = 1;\r\nconst DEFAULT_MIN_NUMBER_OF_POINTERS = 1;\r\n\r\nexport default class TapGestureHandler extends GestureHandler {\r\n  private maxDeltaX = Number.MIN_SAFE_INTEGER;\r\n  private maxDeltaY = Number.MIN_SAFE_INTEGER;\r\n  private maxDistSq = Number.MIN_SAFE_INTEGER;\r\n  private maxDurationMs = DEFAULT_MAX_DURATION_MS;\r\n  private maxDelayMs = DEFAULT_MAX_DELAY_MS;\r\n\r\n  private numberOfTaps = DEFAULT_NUMBER_OF_TAPS;\r\n  private minNumberOfPointers = DEFAULT_MIN_NUMBER_OF_POINTERS;\r\n  private currentMaxNumberOfPointers = 1;\r\n\r\n  private startX = 0;\r\n  private startY = 0;\r\n  private offsetX = 0;\r\n  private offsetY = 0;\r\n  private lastX = 0;\r\n  private lastY = 0;\r\n\r\n  private waitTimeout: number | undefined;\r\n  private delayTimeout: number | undefined;\r\n\r\n  private tapsSoFar = 0;\r\n\r\n  public init(ref: number, propsRef: React.RefObject<unknown>): void {\r\n    super.init(ref, propsRef);\r\n  }\r\n\r\n  public updateGestureConfig({ enabled = true, ...props }: Config): void {\r\n    super.updateGestureConfig({ enabled: enabled, ...props });\r\n\r\n    if (this.config.numberOfTaps !== undefined) {\r\n      this.numberOfTaps = this.config.numberOfTaps;\r\n    }\r\n\r\n    if (this.config.maxDurationMs !== undefined) {\r\n      this.maxDurationMs = this.config.maxDurationMs;\r\n    }\r\n\r\n    if (this.config.maxDelayMs !== undefined) {\r\n      this.maxDelayMs = this.config.maxDelayMs;\r\n    }\r\n\r\n    if (this.config.maxDeltaX !== undefined) {\r\n      this.maxDeltaX = this.config.maxDeltaX;\r\n    }\r\n\r\n    if (this.config.maxDeltaY !== undefined) {\r\n      this.maxDeltaY = this.config.maxDeltaY;\r\n    }\r\n\r\n    if (this.config.maxDist !== undefined) {\r\n      this.maxDistSq = this.config.maxDist * this.config.maxDist;\r\n    }\r\n\r\n    if (this.config.minPointers !== undefined) {\r\n      this.minNumberOfPointers = this.config.minPointers;\r\n    }\r\n  }\r\n\r\n  protected resetConfig(): void {\r\n    super.resetConfig();\r\n\r\n    this.maxDeltaX = Number.MIN_SAFE_INTEGER;\r\n    this.maxDeltaY = Number.MIN_SAFE_INTEGER;\r\n    this.maxDistSq = Number.MIN_SAFE_INTEGER;\r\n    this.maxDurationMs = DEFAULT_MAX_DURATION_MS;\r\n    this.maxDelayMs = DEFAULT_MAX_DELAY_MS;\r\n    this.numberOfTaps = DEFAULT_NUMBER_OF_TAPS;\r\n    this.minNumberOfPointers = DEFAULT_MIN_NUMBER_OF_POINTERS;\r\n  }\r\n\r\n  private clearTimeouts(): void {\r\n    clearTimeout(this.waitTimeout);\r\n    clearTimeout(this.delayTimeout);\r\n  }\r\n\r\n  private startTap(): void {\r\n    this.clearTimeouts();\r\n\r\n    this.waitTimeout = setTimeout(() => this.fail(), this.maxDurationMs);\r\n  }\r\n\r\n  private endTap(): void {\r\n    this.clearTimeouts();\r\n\r\n    if (\r\n      ++this.tapsSoFar === this.numberOfTaps &&\r\n      this.currentMaxNumberOfPointers >= this.minNumberOfPointers\r\n    ) {\r\n      this.activate();\r\n    } else {\r\n      this.delayTimeout = setTimeout(() => this.fail(), this.maxDelayMs);\r\n    }\r\n  }\r\n\r\n  //Handling Events\r\n  protected onPointerDown(event: AdaptedEvent): void {\r\n    this.tracker.addToTracker(event);\r\n    super.onPointerDown(event);\r\n\r\n    this.trySettingPosition(event);\r\n\r\n    this.startX = event.x;\r\n    this.startY = event.y;\r\n\r\n    this.lastX = event.x;\r\n    this.lastY = event.y;\r\n\r\n    this.updateState(event);\r\n  }\r\n\r\n  protected onPointerAdd(event: AdaptedEvent): void {\r\n    super.onPointerAdd(event);\r\n    this.tracker.addToTracker(event);\r\n    this.trySettingPosition(event);\r\n\r\n    this.offsetX += this.lastX - this.startX;\r\n    this.offsetY += this.lastY - this.startY;\r\n\r\n    this.lastX = this.tracker.getLastAvgX();\r\n    this.lastY = this.tracker.getLastAvgY();\r\n\r\n    this.startX = this.tracker.getLastAvgX();\r\n    this.startY = this.tracker.getLastAvgY();\r\n\r\n    this.updateState(event);\r\n  }\r\n\r\n  protected onPointerUp(event: AdaptedEvent): void {\r\n    super.onPointerUp(event);\r\n    this.lastX = this.tracker.getLastAvgX();\r\n    this.lastY = this.tracker.getLastAvgY();\r\n\r\n    this.tracker.removeFromTracker(event.pointerId);\r\n\r\n    this.updateState(event);\r\n  }\r\n\r\n  protected onPointerRemove(event: AdaptedEvent): void {\r\n    super.onPointerRemove(event);\r\n    this.tracker.removeFromTracker(event.pointerId);\r\n\r\n    this.offsetX += this.lastX - this.startX;\r\n    this.offsetY += this.lastY = this.startY;\r\n\r\n    this.lastX = this.tracker.getLastAvgX();\r\n    this.lastY = this.tracker.getLastAvgY();\r\n\r\n    this.startX = this.lastX;\r\n    this.startY = this.lastY;\r\n\r\n    this.updateState(event);\r\n  }\r\n\r\n  protected onPointerMove(event: AdaptedEvent): void {\r\n    this.trySettingPosition(event);\r\n    this.tracker.track(event);\r\n\r\n    this.lastX = this.tracker.getLastAvgX();\r\n    this.lastY = this.tracker.getLastAvgY();\r\n\r\n    this.updateState(event);\r\n\r\n    super.onPointerMove(event);\r\n  }\r\n\r\n  protected onPointerOutOfBounds(event: AdaptedEvent): void {\r\n    this.trySettingPosition(event);\r\n    this.tracker.track(event);\r\n\r\n    this.lastX = this.tracker.getLastAvgX();\r\n    this.lastY = this.tracker.getLastAvgY();\r\n\r\n    this.updateState(event);\r\n\r\n    super.onPointerOutOfBounds(event);\r\n  }\r\n\r\n  private updateState(event: AdaptedEvent): void {\r\n    if (\r\n      this.currentMaxNumberOfPointers < this.tracker.getTrackedPointersCount()\r\n    ) {\r\n      this.currentMaxNumberOfPointers = this.tracker.getTrackedPointersCount();\r\n    }\r\n\r\n    if (this.shouldFail()) {\r\n      this.fail();\r\n      return;\r\n    }\r\n\r\n    switch (this.currentState) {\r\n      case State.UNDETERMINED:\r\n        if (event.eventType === EventTypes.DOWN) {\r\n          this.begin();\r\n        }\r\n        this.startTap();\r\n        break;\r\n      case State.BEGAN:\r\n        if (event.eventType === EventTypes.UP) {\r\n          this.endTap();\r\n        }\r\n        if (event.eventType === EventTypes.DOWN) {\r\n          this.startTap();\r\n        }\r\n        break;\r\n      default:\r\n        break;\r\n    }\r\n  }\r\n\r\n  private trySettingPosition(event: AdaptedEvent): void {\r\n    if (this.currentState !== State.UNDETERMINED) {\r\n      return;\r\n    }\r\n\r\n    this.offsetX = 0;\r\n    this.offsetY = 0;\r\n    this.startX = event.x;\r\n    this.startY = event.y;\r\n  }\r\n\r\n  private shouldFail(): boolean {\r\n    const dx = this.lastX - this.startX + this.offsetX;\r\n\r\n    if (\r\n      this.maxDeltaX !== Number.MIN_SAFE_INTEGER &&\r\n      Math.abs(dx) > this.maxDeltaX\r\n    ) {\r\n      return true;\r\n    }\r\n\r\n    const dy = this.lastY - this.startY + this.offsetY;\r\n    if (\r\n      this.maxDeltaY !== Number.MIN_SAFE_INTEGER &&\r\n      Math.abs(dy) > this.maxDeltaY\r\n    ) {\r\n      return true;\r\n    }\r\n\r\n    const distSq = dy * dy + dx * dx;\r\n\r\n    return (\r\n      this.maxDistSq !== Number.MIN_SAFE_INTEGER && distSq > this.maxDistSq\r\n    );\r\n  }\r\n\r\n  public activate(): void {\r\n    super.activate();\r\n\r\n    this.end();\r\n  }\r\n\r\n  protected onCancel(): void {\r\n    this.resetProgress();\r\n    this.clearTimeouts();\r\n  }\r\n\r\n  protected resetProgress(): void {\r\n    this.clearTimeouts();\r\n    this.tapsSoFar = 0;\r\n    this.currentMaxNumberOfPointers = 0;\r\n  }\r\n}\r\n"]}

package/lib/module/web/interfaces.js

@@ -0,0 +1,45 @@
+export let MouseButtons;
+
+(function (MouseButtons) {
+  MouseButtons[MouseButtons["NONE"] = 0] = "NONE";
+  MouseButtons[MouseButtons["LEFT"] = 1] = "LEFT";
+  MouseButtons[MouseButtons["RIGHT"] = 2] = "RIGHT";
+  MouseButtons[MouseButtons["LEFT_RIGHT"] = 3] = "LEFT_RIGHT";
+  MouseButtons[MouseButtons["SCROLL"] = 4] = "SCROLL";
+  MouseButtons[MouseButtons["SCROLL_LEFT"] = 5] = "SCROLL_LEFT";
+  MouseButtons[MouseButtons["SCROLL_RIGHT"] = 6] = "SCROLL_RIGHT";
+  MouseButtons[MouseButtons["SCROLL_LEFT_RIGHT"] = 7] = "SCROLL_LEFT_RIGHT";
+})(MouseButtons || (MouseButtons = {}));
+
+export let EventTypes;
+
+(function (EventTypes) {
+  EventTypes[EventTypes["DOWN"] = 0] = "DOWN";
+  EventTypes[EventTypes["ADDITIONAL_POINTER_DOWN"] = 1] = "ADDITIONAL_POINTER_DOWN";
+  EventTypes[EventTypes["UP"] = 2] = "UP";
+  EventTypes[EventTypes["ADDITIONAL_POINTER_UP"] = 3] = "ADDITIONAL_POINTER_UP";
+  EventTypes[EventTypes["MOVE"] = 4] = "MOVE";
+  EventTypes[EventTypes["ENTER"] = 5] = "ENTER";
+  EventTypes[EventTypes["LEAVE"] = 6] = "LEAVE";
+  EventTypes[EventTypes["CANCEL"] = 7] = "CANCEL";
+})(EventTypes || (EventTypes = {}));
+
+export let TouchEventType;
+
+(function (TouchEventType) {
+  TouchEventType[TouchEventType["UNDETERMINED"] = 0] = "UNDETERMINED";
+  TouchEventType[TouchEventType["DOWN"] = 1] = "DOWN";
+  TouchEventType[TouchEventType["MOVE"] = 2] = "MOVE";
+  TouchEventType[TouchEventType["UP"] = 3] = "UP";
+  TouchEventType[TouchEventType["CANCELLED"] = 4] = "CANCELLED";
+})(TouchEventType || (TouchEventType = {}));
+
+export let PointerType;
+
+(function (PointerType) {
+  PointerType["NONE"] = "none";
+  PointerType["MOUSE"] = "mouse";
+  PointerType["TOUCH"] = "touch";
+  PointerType["PEN"] = "pen";
+})(PointerType || (PointerType = {}));
+//# sourceMappingURL=interfaces.js.map

package/lib/module/web/interfaces.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["interfaces.ts"],"names":["MouseButtons","EventTypes","TouchEventType","PointerType"],"mappings":"AAmIA,WAAYA,YAAZ;;WAAYA,Y;AAAAA,EAAAA,Y,CAAAA,Y;AAAAA,EAAAA,Y,CAAAA,Y;AAAAA,EAAAA,Y,CAAAA,Y;AAAAA,EAAAA,Y,CAAAA,Y;AAAAA,EAAAA,Y,CAAAA,Y;AAAAA,EAAAA,Y,CAAAA,Y;AAAAA,EAAAA,Y,CAAAA,Y;AAAAA,EAAAA,Y,CAAAA,Y;GAAAA,Y,KAAAA,Y;;AAWZ,WAAYC,UAAZ;;WAAYA,U;AAAAA,EAAAA,U,CAAAA,U;AAAAA,EAAAA,U,CAAAA,U;AAAAA,EAAAA,U,CAAAA,U;AAAAA,EAAAA,U,CAAAA,U;AAAAA,EAAAA,U,CAAAA,U;AAAAA,EAAAA,U,CAAAA,U;AAAAA,EAAAA,U,CAAAA,U;AAAAA,EAAAA,U,CAAAA,U;GAAAA,U,KAAAA,U;;AAWZ,WAAYC,cAAZ;;WAAYA,c;AAAAA,EAAAA,c,CAAAA,c;AAAAA,EAAAA,c,CAAAA,c;AAAAA,EAAAA,c,CAAAA,c;AAAAA,EAAAA,c,CAAAA,c;AAAAA,EAAAA,c,CAAAA,c;GAAAA,c,KAAAA,c;;AAQZ,WAAYC,WAAZ;;WAAYA,W;AAAAA,EAAAA,W;AAAAA,EAAAA,W;AAAAA,EAAAA,W;AAAAA,EAAAA,W;GAAAA,W,KAAAA,W","sourcesContent":["import { UserSelect, ActiveCursor } from '../handlers/gestureHandlerCommon';\r\nimport { Directions } from '../Directions';\r\nimport { State } from '../State';\r\n\r\nexport interface HitSlop {\r\n  left?: number;\r\n  right?: number;\r\n  top?: number;\r\n  bottom?: number;\r\n  horizontal?: number;\r\n  vertical?: number;\r\n  width?: number;\r\n  height?: number;\r\n}\r\n\r\nexport interface Handler {\r\n  handlerTag: number;\r\n}\r\n\r\ntype ConfigArgs =\r\n  | number\r\n  | boolean\r\n  | HitSlop\r\n  | UserSelect\r\n  | ActiveCursor\r\n  | Directions\r\n  | Handler[]\r\n  | null\r\n  | undefined;\r\n\r\nexport interface Config extends Record<string, ConfigArgs> {\r\n  enabled?: boolean;\r\n  simultaneousHandlers?: Handler[] | null;\r\n  waitFor?: Handler[] | null;\r\n  blocksHandlers?: Handler[] | null;\r\n  hitSlop?: HitSlop;\r\n  shouldCancelWhenOutside?: boolean;\r\n  userSelect?: UserSelect;\r\n  activeCursor?: ActiveCursor;\r\n\r\n  activateAfterLongPress?: number;\r\n  failOffsetXStart?: number;\r\n  failOffsetYStart?: number;\r\n  failOffsetXEnd?: number;\r\n  failOffsetYEnd?: number;\r\n  activeOffsetXStart?: number;\r\n  activeOffsetXEnd?: number;\r\n  activeOffsetYStart?: number;\r\n  activeOffsetYEnd?: number;\r\n  minPointers?: number;\r\n  maxPointers?: number;\r\n  minDist?: number;\r\n  minDistSq?: number;\r\n  minVelocity?: number;\r\n  minVelocityX?: number;\r\n  minVelocityY?: number;\r\n  minVelocitySq?: number;\r\n  maxDist?: number;\r\n  maxDistSq?: number;\r\n  numberOfPointers?: number;\r\n  minDurationMs?: number;\r\n  numberOfTaps?: number;\r\n  maxDurationMs?: number;\r\n  maxDelayMs?: number;\r\n  maxDeltaX?: number;\r\n  maxDeltaY?: number;\r\n  shouldActivateOnStart?: boolean;\r\n  disallowInterruption?: boolean;\r\n  direction?: Directions;\r\n}\r\n\r\ntype NativeEventArgs = number | State | boolean | undefined;\r\ninterface NativeEvent extends Record<string, NativeEventArgs> {\r\n  numberOfPointers: number;\r\n  state: State;\r\n  pointerInside: boolean | undefined;\r\n  handlerTag: number;\r\n  target: number;\r\n  oldState?: State;\r\n}\r\n\r\nexport interface PointerData {\r\n  id: number;\r\n  x: number;\r\n  y: number;\r\n  absoluteX: number;\r\n  absoluteY: number;\r\n}\r\n\r\ntype TouchNativeArgs = number | State | TouchEventType | PointerData[];\r\n\r\ninterface NativeTouchEvent extends Record<string, TouchNativeArgs> {\r\n  handlerTag: number;\r\n  state: State;\r\n  eventType: TouchEventType;\r\n  changedTouches: PointerData[];\r\n  allTouches: PointerData[];\r\n  numberOfTouches: number;\r\n}\r\n\r\nexport interface ResultEvent extends Record<string, NativeEvent | number> {\r\n  nativeEvent: NativeEvent;\r\n  timeStamp: number;\r\n}\r\n\r\nexport interface ResultTouchEvent\r\n  extends Record<string, NativeTouchEvent | number> {\r\n  nativeEvent: NativeTouchEvent;\r\n  timeStamp: number;\r\n}\r\n\r\nexport interface PropsRef {\r\n  onGestureHandlerEvent: () => void;\r\n  onGestureHandlerStateChange: () => void;\r\n}\r\n\r\nexport interface AdaptedEvent {\r\n  x: number;\r\n  y: number;\r\n  offsetX: number;\r\n  offsetY: number;\r\n  pointerId: number;\r\n  eventType: EventTypes;\r\n  pointerType: PointerType;\r\n  buttons: number;\r\n  time: number;\r\n  allTouches?: TouchList;\r\n  changedTouches?: TouchList;\r\n  touchEventType?: TouchEventType;\r\n}\r\n\r\nexport enum MouseButtons {\r\n  NONE,\r\n  LEFT,\r\n  RIGHT,\r\n  LEFT_RIGHT,\r\n  SCROLL,\r\n  SCROLL_LEFT,\r\n  SCROLL_RIGHT,\r\n  SCROLL_LEFT_RIGHT,\r\n}\r\n\r\nexport enum EventTypes {\r\n  DOWN,\r\n  ADDITIONAL_POINTER_DOWN,\r\n  UP,\r\n  ADDITIONAL_POINTER_UP,\r\n  MOVE,\r\n  ENTER,\r\n  LEAVE,\r\n  CANCEL,\r\n}\r\n\r\nexport enum TouchEventType {\r\n  UNDETERMINED,\r\n  DOWN,\r\n  MOVE,\r\n  UP,\r\n  CANCELLED,\r\n}\r\n\r\nexport enum PointerType {\r\n  NONE = 'none',\r\n  MOUSE = 'mouse',\r\n  TOUCH = 'touch',\r\n  PEN = 'pen',\r\n}\r\n"]}

package/lib/module/web/tools/CircularBuffer.js

@@ -0,0 +1,50 @@
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+export default class CircularBuffer {
+  constructor(size) {
+    _defineProperty(this, "bufferSize", void 0);
+
+    _defineProperty(this, "buffer", void 0);
+
+    _defineProperty(this, "index", void 0);
+
+    _defineProperty(this, "actualSize", void 0);
+
+    this.bufferSize = size;
+    this.buffer = new Array(size);
+    this.index = 0;
+    this.actualSize = 0;
+  }
+
+  get size() {
+    return this.actualSize;
+  }
+
+  push(element) {
+    this.buffer[this.index] = element;
+    this.index = (this.index + 1) % this.bufferSize;
+    this.actualSize = Math.min(this.actualSize + 1, this.bufferSize);
+  }
+
+  get(at) {
+    if (this.actualSize === this.bufferSize) {
+      let index = (this.index + at) % this.bufferSize;
+
+      if (index < 0) {
+        index += this.bufferSize;
+      }
+
+      return this.buffer[index];
+    } else {
+      return this.buffer[at];
+    }
+  }
+
+  clear() {
+    this.buffer = new Array(this.bufferSize);
+    this.index = 0;
+    this.actualSize = 0;
+  }
+
+}
+//# sourceMappingURL=CircularBuffer.js.map

package/lib/module/web/tools/CircularBuffer.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["CircularBuffer.ts"],"names":["CircularBuffer","constructor","size","bufferSize","buffer","Array","index","actualSize","push","element","Math","min","get","at","clear"],"mappings":";;AAAA,eAAe,MAAMA,cAAN,CAAwB;AAMrCC,EAAAA,WAAW,CAACC,IAAD,EAAe;AAAA;;AAAA;;AAAA;;AAAA;;AACxB,SAAKC,UAAL,GAAkBD,IAAlB;AACA,SAAKE,MAAL,GAAc,IAAIC,KAAJ,CAAaH,IAAb,CAAd;AACA,SAAKI,KAAL,GAAa,CAAb;AACA,SAAKC,UAAL,GAAkB,CAAlB;AACD;;AAEc,MAAJL,IAAI,GAAW;AACxB,WAAO,KAAKK,UAAZ;AACD;;AAEMC,EAAAA,IAAI,CAACC,OAAD,EAAmB;AAC5B,SAAKL,MAAL,CAAY,KAAKE,KAAjB,IAA0BG,OAA1B;AACA,SAAKH,KAAL,GAAa,CAAC,KAAKA,KAAL,GAAa,CAAd,IAAmB,KAAKH,UAArC;AACA,SAAKI,UAAL,GAAkBG,IAAI,CAACC,GAAL,CAAS,KAAKJ,UAAL,GAAkB,CAA3B,EAA8B,KAAKJ,UAAnC,CAAlB;AACD;;AAEMS,EAAAA,GAAG,CAACC,EAAD,EAAgB;AACxB,QAAI,KAAKN,UAAL,KAAoB,KAAKJ,UAA7B,EAAyC;AACvC,UAAIG,KAAK,GAAG,CAAC,KAAKA,KAAL,GAAaO,EAAd,IAAoB,KAAKV,UAArC;;AACA,UAAIG,KAAK,GAAG,CAAZ,EAAe;AACbA,QAAAA,KAAK,IAAI,KAAKH,UAAd;AACD;;AAED,aAAO,KAAKC,MAAL,CAAYE,KAAZ,CAAP;AACD,KAPD,MAOO;AACL,aAAO,KAAKF,MAAL,CAAYS,EAAZ,CAAP;AACD;AACF;;AAEMC,EAAAA,KAAK,GAAS;AACnB,SAAKV,MAAL,GAAc,IAAIC,KAAJ,CAAa,KAAKF,UAAlB,CAAd;AACA,SAAKG,KAAL,GAAa,CAAb;AACA,SAAKC,UAAL,GAAkB,CAAlB;AACD;;AAxCoC","sourcesContent":["export default class CircularBuffer<T> {\r\n  private bufferSize: number;\r\n  private buffer: T[];\r\n  private index: number;\r\n  private actualSize: number;\r\n\r\n  constructor(size: number) {\r\n    this.bufferSize = size;\r\n    this.buffer = new Array<T>(size);\r\n    this.index = 0;\r\n    this.actualSize = 0;\r\n  }\r\n\r\n  public get size(): number {\r\n    return this.actualSize;\r\n  }\r\n\r\n  public push(element: T): void {\r\n    this.buffer[this.index] = element;\r\n    this.index = (this.index + 1) % this.bufferSize;\r\n    this.actualSize = Math.min(this.actualSize + 1, this.bufferSize);\r\n  }\r\n\r\n  public get(at: number): T {\r\n    if (this.actualSize === this.bufferSize) {\r\n      let index = (this.index + at) % this.bufferSize;\r\n      if (index < 0) {\r\n        index += this.bufferSize;\r\n      }\r\n\r\n      return this.buffer[index];\r\n    } else {\r\n      return this.buffer[at];\r\n    }\r\n  }\r\n\r\n  public clear(): void {\r\n    this.buffer = new Array<T>(this.bufferSize);\r\n    this.index = 0;\r\n    this.actualSize = 0;\r\n  }\r\n}\r\n"]}