react-native-gesture-handler 2.5.0 → 2.6.0

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

@@ -0,0 +1,133 @@
+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';
+const DEFAULT_MIN_DURATION_MS = 500;
+const DEFAULT_MAX_DIST_DP = 10;
+const SCALING_FACTOR = 10;
+export default class LongPressGestureHandler extends GestureHandler {
+  constructor(...args) {
+    super(...args);
+
+    _defineProperty(this, "minDurationMs", DEFAULT_MIN_DURATION_MS);
+
+    _defineProperty(this, "defaultMaxDistSq", DEFAULT_MAX_DIST_DP * SCALING_FACTOR);
+
+    _defineProperty(this, "maxDistSq", this.defaultMaxDistSq);
+
+    _defineProperty(this, "startX", 0);
+
+    _defineProperty(this, "startY", 0);
+
+    _defineProperty(this, "startTime", 0);
+
+    _defineProperty(this, "previousTime", 0);
+
+    _defineProperty(this, "activationTimeout", void 0);
+  }
+
+  init(ref, propsRef) {
+    super.init(ref, propsRef);
+    this.setShouldCancelWhenOutside(true);
+  }
+
+  transformNativeEvent(event) {
+    return {
+      x: event.offsetX,
+      y: event.offsetY,
+      absoluteX: event.x,
+      absoluteY: event.y,
+      duration: Date.now() - this.startTime
+    };
+  }
+
+  updateGestureConfig({
+    enabled = true,
+    ...props
+  }) {
+    super.updateGestureConfig({
+      enabled: enabled,
+      ...props
+    });
+    this.enabled = enabled;
+
+    if (this.config.minDurationMs !== undefined) {
+      this.minDurationMs = this.config.minDurationMs;
+    }
+
+    if (this.config.maxDist !== undefined) {
+      this.maxDistSq = this.config.maxDist * this.config.maxDist;
+    }
+  }
+
+  resetConfig() {
+    super.resetConfig();
+    this.minDurationMs = DEFAULT_MIN_DURATION_MS;
+    this.maxDistSq = this.defaultMaxDistSq;
+  }
+
+  onStateChange(_newState, _oldState) {
+    clearTimeout(this.activationTimeout);
+  }
+
+  onPointerDown(event) {
+    super.onPointerDown(event);
+    this.tryBegin(event);
+    this.tryActivate(event);
+    this.checkDistanceFail(event);
+  }
+
+  onPointerUp(event) {
+    super.onPointerUp(event);
+
+    if (this.currentState === State.ACTIVE) {
+      this.end(event);
+    } else {
+      this.fail(event);
+    }
+  }
+
+  onPointerMove(event) {
+    this.checkDistanceFail(event);
+  }
+
+  tryBegin(event) {
+    if (this.currentState !== State.UNDETERMINED) {
+      return;
+    }
+
+    this.previousTime = Date.now();
+    this.startTime = this.previousTime;
+    this.begin(event);
+    this.startX = event.x;
+    this.startY = event.y;
+  }
+
+  tryActivate(event) {
+    if (this.minDurationMs > 0) {
+      this.activationTimeout = setTimeout(() => {
+        this.activate(event);
+      }, this.minDurationMs);
+    } else if (this.minDurationMs === 0) {
+      this.activate(event);
+    }
+  }
+
+  checkDistanceFail(event) {
+    const dx = event.x - this.startX;
+    const dy = event.y - this.startY;
+    const distSq = dx * dx + dy * dy;
+
+    if (distSq <= this.maxDistSq) {
+      return;
+    }
+
+    if (this.currentState === State.ACTIVE) {
+      this.cancel(event);
+    } else {
+      this.fail(event);
+    }
+  }
+
+}
+//# sourceMappingURL=LongPressGestureHandler.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["LongPressGestureHandler.ts"],"names":["State","GestureHandler","DEFAULT_MIN_DURATION_MS","DEFAULT_MAX_DIST_DP","SCALING_FACTOR","LongPressGestureHandler","defaultMaxDistSq","init","ref","propsRef","setShouldCancelWhenOutside","transformNativeEvent","event","x","offsetX","y","offsetY","absoluteX","absoluteY","duration","Date","now","startTime","updateGestureConfig","enabled","props","config","minDurationMs","undefined","maxDist","maxDistSq","resetConfig","onStateChange","_newState","_oldState","clearTimeout","activationTimeout","onPointerDown","tryBegin","tryActivate","checkDistanceFail","onPointerUp","currentState","ACTIVE","end","fail","onPointerMove","UNDETERMINED","previousTime","begin","startX","startY","setTimeout","activate","dx","dy","distSq","cancel"],"mappings":"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","sourcesContent":["import { State } from '../../State';\nimport { AdaptedPointerEvent } from '../interfaces';\n\nimport GestureHandler from './GestureHandler';\n\nconst DEFAULT_MIN_DURATION_MS = 500;\nconst DEFAULT_MAX_DIST_DP = 10;\nconst SCALING_FACTOR = 10;\n\nexport default class LongPressGestureHandler extends GestureHandler {\n  private minDurationMs = DEFAULT_MIN_DURATION_MS;\n  private defaultMaxDistSq = DEFAULT_MAX_DIST_DP * SCALING_FACTOR;\n\n  private maxDistSq = this.defaultMaxDistSq;\n  private startX = 0;\n  private startY = 0;\n\n  private startTime = 0;\n  private previousTime = 0;\n\n  private activationTimeout: number | undefined;\n\n  public init(ref: number, propsRef: React.RefObject<unknown>) {\n    super.init(ref, propsRef);\n    this.setShouldCancelWhenOutside(true);\n  }\n\n  protected transformNativeEvent(event: AdaptedPointerEvent) {\n    return {\n      x: event.offsetX,\n      y: event.offsetY,\n      absoluteX: event.x,\n      absoluteY: event.y,\n      duration: Date.now() - this.startTime,\n    };\n  }\n\n  public updateGestureConfig({ enabled = true, ...props }): void {\n    super.updateGestureConfig({ enabled: enabled, ...props });\n\n    this.enabled = enabled;\n\n    if (this.config.minDurationMs !== undefined) {\n      this.minDurationMs = this.config.minDurationMs;\n    }\n\n    if (this.config.maxDist !== undefined) {\n      this.maxDistSq = this.config.maxDist * this.config.maxDist;\n    }\n  }\n\n  protected resetConfig(): void {\n    super.resetConfig();\n    this.minDurationMs = DEFAULT_MIN_DURATION_MS;\n    this.maxDistSq = this.defaultMaxDistSq;\n  }\n\n  protected onStateChange(_newState: State, _oldState: State): void {\n    clearTimeout(this.activationTimeout);\n  }\n\n  protected onPointerDown(event: AdaptedPointerEvent): void {\n    super.onPointerDown(event);\n    this.tryBegin(event);\n    this.tryActivate(event);\n    this.checkDistanceFail(event);\n  }\n\n  protected onPointerUp(event: AdaptedPointerEvent): void {\n    super.onPointerUp(event);\n\n    if (this.currentState === State.ACTIVE) {\n      this.end(event);\n    } else {\n      this.fail(event);\n    }\n  }\n\n  protected onPointerMove(event: AdaptedPointerEvent): void {\n    this.checkDistanceFail(event);\n  }\n\n  private tryBegin(event: AdaptedPointerEvent): void {\n    if (this.currentState !== State.UNDETERMINED) {\n      return;\n    }\n\n    this.previousTime = Date.now();\n    this.startTime = this.previousTime;\n\n    this.begin(event);\n\n    this.startX = event.x;\n    this.startY = event.y;\n  }\n\n  private tryActivate(event: AdaptedPointerEvent): void {\n    if (this.minDurationMs > 0) {\n      this.activationTimeout = setTimeout(() => {\n        this.activate(event);\n      }, this.minDurationMs);\n    } else if (this.minDurationMs === 0) {\n      this.activate(event);\n    }\n  }\n\n  private checkDistanceFail(event: AdaptedPointerEvent): void {\n    const dx = event.x - this.startX;\n    const dy = event.y - this.startY;\n    const distSq = dx * dx + dy * dy;\n\n    if (distSq <= this.maxDistSq) {\n      return;\n    }\n\n    if (this.currentState === State.ACTIVE) {\n      this.cancel(event);\n    } else {\n      this.fail(event);\n    }\n  }\n}\n"]}

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

@@ -0,0 +1,103 @@
+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';
+export default class NativeViewGestureHandler extends GestureHandler {
+  constructor(...args) {
+    super(...args);
+
+    _defineProperty(this, "buttonRole", void 0);
+
+    _defineProperty(this, "disallowInterruption", false);
+  }
+
+  init(ref, propsRef) {
+    super.init(ref, propsRef);
+    this.setShouldCancelWhenOutside(true);
+
+    if (!this.view) {
+      return;
+    }
+
+    this.view.style['touchAction'] = 'auto';
+    this.view.style['webkitUserSelect'] = 'auto';
+    this.view.style['userSelect'] = 'auto'; //@ts-ignore Turns on defualt touch behavior on Safari
+
+    this.view.style['WebkitTouchCallout'] = 'auto';
+
+    if (this.view.hasAttribute('role')) {
+      this.buttonRole = true;
+    } else {
+      this.buttonRole = false;
+    }
+  }
+
+  resetConfig() {
+    super.resetConfig();
+  }
+
+  onPointerDown(event) {
+    super.onPointerDown(event);
+    this.tracker.addToTracker(event);
+
+    if (this.currentState === State.UNDETERMINED) {
+      this.begin(event);
+
+      if (this.buttonRole) {
+        this.activate(event);
+      }
+    }
+  }
+
+  onPointerMove(_event) {//
+  }
+
+  onPointerOut(event) {
+    this.cancel(event);
+  }
+
+  onPointerUp(event) {
+    this.tracker.removeFromTracker(event.pointerId);
+
+    if (!this.buttonRole) {
+      this.activate(event);
+    }
+
+    if (this.tracker.getTrackedPointersCount() === 0) {
+      this.end(event);
+    }
+  }
+
+  onPointerCancel(event) {
+    this.cancel(event);
+    this.reset();
+  }
+
+  shouldRecognizeSimultaneously(handler) {
+    if (super.shouldRecognizeSimultaneously(handler)) {
+      return true;
+    }
+
+    if (handler instanceof NativeViewGestureHandler && handler.getState() === State.ACTIVE && handler.disallowsInterruption()) {
+      return false;
+    }
+
+    const canBeInterrupted = !this.disallowInterruption;
+
+    if (this.currentState === State.ACTIVE && handler.getState() === State.ACTIVE && canBeInterrupted) {
+      return false;
+    }
+
+    return this.currentState === State.ACTIVE && canBeInterrupted && handler.getTag() > 0;
+  }
+
+  shouldBeCancelledByOther(_handler) {
+    return !this.disallowInterruption;
+  }
+
+  disallowsInterruption() {
+    return this.disallowInterruption;
+  }
+
+}
+//# sourceMappingURL=NativeViewGestureHandler.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["NativeViewGestureHandler.ts"],"names":["State","GestureHandler","NativeViewGestureHandler","init","ref","propsRef","setShouldCancelWhenOutside","view","style","hasAttribute","buttonRole","resetConfig","onPointerDown","event","tracker","addToTracker","currentState","UNDETERMINED","begin","activate","onPointerMove","_event","onPointerOut","cancel","onPointerUp","removeFromTracker","pointerId","getTrackedPointersCount","end","onPointerCancel","reset","shouldRecognizeSimultaneously","handler","getState","ACTIVE","disallowsInterruption","canBeInterrupted","disallowInterruption","getTag","shouldBeCancelledByOther","_handler"],"mappings":";;AAAA,SAASA,KAAT,QAAsB,aAAtB;AAGA,OAAOC,cAAP,MAA2B,kBAA3B;AACA,eAAe,MAAMC,wBAAN,SAAuCD,cAAvC,CAAsD;AAAA;AAAA;;AAAA;;AAAA,kDAGpC,KAHoC;AAAA;;AAK5DE,EAAAA,IAAI,CAACC,GAAD,EAAcC,QAAd,EAAwD;AACjE,UAAMF,IAAN,CAAWC,GAAX,EAAgBC,QAAhB;AAEA,SAAKC,0BAAL,CAAgC,IAAhC;;AAEA,QAAI,CAAC,KAAKC,IAAV,EAAgB;AACd;AACD;;AAED,SAAKA,IAAL,CAAUC,KAAV,CAAgB,aAAhB,IAAiC,MAAjC;AACA,SAAKD,IAAL,CAAUC,KAAV,CAAgB,kBAAhB,IAAsC,MAAtC;AACA,SAAKD,IAAL,CAAUC,KAAV,CAAgB,YAAhB,IAAgC,MAAhC,CAXiE,CAajE;;AACA,SAAKD,IAAL,CAAUC,KAAV,CAAgB,oBAAhB,IAAwC,MAAxC;;AAEA,QAAI,KAAKD,IAAL,CAAUE,YAAV,CAAuB,MAAvB,CAAJ,EAAoC;AAClC,WAAKC,UAAL,GAAkB,IAAlB;AACD,KAFD,MAEO;AACL,WAAKA,UAAL,GAAkB,KAAlB;AACD;AACF;;AAESC,EAAAA,WAAW,GAAS;AAC5B,UAAMA,WAAN;AACD;;AAESC,EAAAA,aAAa,CAACC,KAAD,EAAmC;AACxD,UAAMD,aAAN,CAAoBC,KAApB;AACA,SAAKC,OAAL,CAAaC,YAAb,CAA0BF,KAA1B;;AAEA,QAAI,KAAKG,YAAL,KAAsBhB,KAAK,CAACiB,YAAhC,EAA8C;AAC5C,WAAKC,KAAL,CAAWL,KAAX;;AACA,UAAI,KAAKH,UAAT,EAAqB;AACnB,aAAKS,QAAL,CAAcN,KAAd;AACD;AACF;AACF;;AAESO,EAAAA,aAAa,CAACC,MAAD,EAAoC,CACzD;AACD;;AAESC,EAAAA,YAAY,CAACT,KAAD,EAAmC;AACvD,SAAKU,MAAL,CAAYV,KAAZ;AACD;;AAESW,EAAAA,WAAW,CAACX,KAAD,EAAmC;AACtD,SAAKC,OAAL,CAAaW,iBAAb,CAA+BZ,KAAK,CAACa,SAArC;;AACA,QAAI,CAAC,KAAKhB,UAAV,EAAsB;AACpB,WAAKS,QAAL,CAAcN,KAAd;AACD;;AACD,QAAI,KAAKC,OAAL,CAAaa,uBAAb,OAA2C,CAA/C,EAAkD;AAChD,WAAKC,GAAL,CAASf,KAAT;AACD;AACF;;AAESgB,EAAAA,eAAe,CAAChB,KAAD,EAAmC;AAC1D,SAAKU,MAAL,CAAYV,KAAZ;AACA,SAAKiB,KAAL;AACD;;AAEMC,EAAAA,6BAA6B,CAACC,OAAD,EAAmC;AACrE,QAAI,MAAMD,6BAAN,CAAoCC,OAApC,CAAJ,EAAkD;AAChD,aAAO,IAAP;AACD;;AAED,QACEA,OAAO,YAAY9B,wBAAnB,IACA8B,OAAO,CAACC,QAAR,OAAuBjC,KAAK,CAACkC,MAD7B,IAEAF,OAAO,CAACG,qBAAR,EAHF,EAIE;AACA,aAAO,KAAP;AACD;;AAED,UAAMC,gBAAgB,GAAG,CAAC,KAAKC,oBAA/B;;AAEA,QACE,KAAKrB,YAAL,KAAsBhB,KAAK,CAACkC,MAA5B,IACAF,OAAO,CAACC,QAAR,OAAuBjC,KAAK,CAACkC,MAD7B,IAEAE,gBAHF,EAIE;AACA,aAAO,KAAP;AACD;;AAED,WACE,KAAKpB,YAAL,KAAsBhB,KAAK,CAACkC,MAA5B,IACAE,gBADA,IAEAJ,OAAO,CAACM,MAAR,KAAmB,CAHrB;AAKD;;AAEMC,EAAAA,wBAAwB,CAACC,QAAD,EAAoC;AACjE,WAAO,CAAC,KAAKH,oBAAb;AACD;;AAEMF,EAAAA,qBAAqB,GAAY;AACtC,WAAO,KAAKE,oBAAZ;AACD;;AAvGkE","sourcesContent":["import { State } from '../../State';\nimport { AdaptedPointerEvent } from '../interfaces';\n\nimport GestureHandler from './GestureHandler';\nexport default class NativeViewGestureHandler extends GestureHandler {\n  private buttonRole!: boolean;\n\n  private disallowInterruption = false;\n\n  public init(ref: number, propsRef: React.RefObject<unknown>): void {\n    super.init(ref, propsRef);\n\n    this.setShouldCancelWhenOutside(true);\n\n    if (!this.view) {\n      return;\n    }\n\n    this.view.style['touchAction'] = 'auto';\n    this.view.style['webkitUserSelect'] = 'auto';\n    this.view.style['userSelect'] = 'auto';\n\n    //@ts-ignore Turns on defualt touch behavior on Safari\n    this.view.style['WebkitTouchCallout'] = 'auto';\n\n    if (this.view.hasAttribute('role')) {\n      this.buttonRole = true;\n    } else {\n      this.buttonRole = false;\n    }\n  }\n\n  protected resetConfig(): void {\n    super.resetConfig();\n  }\n\n  protected onPointerDown(event: AdaptedPointerEvent): void {\n    super.onPointerDown(event);\n    this.tracker.addToTracker(event);\n\n    if (this.currentState === State.UNDETERMINED) {\n      this.begin(event);\n      if (this.buttonRole) {\n        this.activate(event);\n      }\n    }\n  }\n\n  protected onPointerMove(_event: AdaptedPointerEvent): void {\n    //\n  }\n\n  protected onPointerOut(event: AdaptedPointerEvent): void {\n    this.cancel(event);\n  }\n\n  protected onPointerUp(event: AdaptedPointerEvent): void {\n    this.tracker.removeFromTracker(event.pointerId);\n    if (!this.buttonRole) {\n      this.activate(event);\n    }\n    if (this.tracker.getTrackedPointersCount() === 0) {\n      this.end(event);\n    }\n  }\n\n  protected onPointerCancel(event: AdaptedPointerEvent): void {\n    this.cancel(event);\n    this.reset();\n  }\n\n  public shouldRecognizeSimultaneously(handler: GestureHandler): boolean {\n    if (super.shouldRecognizeSimultaneously(handler)) {\n      return true;\n    }\n\n    if (\n      handler instanceof NativeViewGestureHandler &&\n      handler.getState() === State.ACTIVE &&\n      handler.disallowsInterruption()\n    ) {\n      return false;\n    }\n\n    const canBeInterrupted = !this.disallowInterruption;\n\n    if (\n      this.currentState === State.ACTIVE &&\n      handler.getState() === State.ACTIVE &&\n      canBeInterrupted\n    ) {\n      return false;\n    }\n\n    return (\n      this.currentState === State.ACTIVE &&\n      canBeInterrupted &&\n      handler.getTag() > 0\n    );\n  }\n\n  public shouldBeCancelledByOther(_handler: GestureHandler): boolean {\n    return !this.disallowInterruption;\n  }\n\n  public disallowsInterruption(): boolean {\n    return this.disallowInterruption;\n  }\n}\n"]}

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

@@ -0,0 +1,434 @@
+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 { PixelRatio } from 'react-native';
+import { State } from '../../State';
+import { DEFAULT_TOUCH_SLOP } from '../constants';
+import GestureHandler from './GestureHandler';
+const DEFAULT_MIN_POINTERS = 1;
+const DEFAULT_MAX_POINTERS = 10;
+const DEFAULT_MIN_DIST_SQ = DEFAULT_TOUCH_SLOP * DEFAULT_TOUCH_SLOP;
+export default class PanGestureHandler extends GestureHandler {
+  constructor(...args) {
+    super(...args);
+
+    _defineProperty(this, "customActivationProperties", ['activeOffsetXStart', 'activeOffsetXEnd', 'failOffsetXStart', 'failOffsetXEnd', 'activeOffsetYStart', 'activeOffsetYEnd', 'failOffsetYStart', 'failOffsetYEnd', 'minVelocityX', 'minVelocityY']);
+
+    _defineProperty(this, "velocityX", 0);
+
+    _defineProperty(this, "velocityY", 0);
+
+    _defineProperty(this, "minDistSq", DEFAULT_MIN_DIST_SQ);
+
+    _defineProperty(this, "activeOffsetXStart", -Number.MAX_SAFE_INTEGER);
+
+    _defineProperty(this, "activeOffsetXEnd", Number.MIN_SAFE_INTEGER);
+
+    _defineProperty(this, "failOffsetXStart", Number.MIN_SAFE_INTEGER);
+
+    _defineProperty(this, "failOffsetXEnd", Number.MAX_SAFE_INTEGER);
+
+    _defineProperty(this, "activeOffsetYStart", Number.MAX_SAFE_INTEGER);
+
+    _defineProperty(this, "activeOffsetYEnd", Number.MIN_SAFE_INTEGER);
+
+    _defineProperty(this, "failOffsetYStart", Number.MIN_SAFE_INTEGER);
+
+    _defineProperty(this, "failOffsetYEnd", Number.MAX_SAFE_INTEGER);
+
+    _defineProperty(this, "minVelocityX", Number.MAX_SAFE_INTEGER);
+
+    _defineProperty(this, "minVelocityY", Number.MAX_SAFE_INTEGER);
+
+    _defineProperty(this, "minVelocitySq", Number.MAX_SAFE_INTEGER);
+
+    _defineProperty(this, "minPointers", 1);
+
+    _defineProperty(this, "maxPointers", 10);
+
+    _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, "activateAfterLongPress", 0);
+  }
+
+  init(ref, propsRef) {
+    super.init(ref, propsRef);
+  }
+
+  updateGestureConfig({
+    enabled = true,
+    ...props
+  }) {
+    this.resetConfig();
+    super.updateGestureConfig({
+      enabled: enabled,
+      ...props
+    });
+    this.checkCustomActivationCriteria(this.customActivationProperties);
+    this.enabled = enabled;
+
+    if (this.config.minDist !== undefined) {
+      this.minDistSq = this.config.minDist * this.config.minDist;
+    } else if (this.hasCustomActivationCriteria) {
+      this.minDistSq = Number.MAX_SAFE_INTEGER;
+    }
+
+    if (this.config.minPointers !== undefined) {
+      this.minPointers = this.config.minPointers;
+    }
+
+    if (this.config.maxPointers !== undefined) {
+      this.maxPointers = this.config.maxPointers;
+    }
+
+    if (this.config.minVelocity !== undefined) {
+      this.minVelocityX = this.config.minVelocity;
+      this.minVelocityY = this.config.minVelocity;
+    }
+
+    if (this.config.minVelocityX !== undefined) {
+      this.minVelocityX = this.config.minVelocityX;
+    }
+
+    if (this.config.minVelocityY !== undefined) {
+      this.minVelocityY = this.config.minVelocityY;
+    }
+
+    if (this.config.shouldCancelWhenOutside) {
+      this.setShouldCancelWhenOutside(false);
+    }
+
+    if (this.config.activeOffsetXStart !== undefined) {
+      this.activeOffsetXStart = this.config.activeOffsetXStart;
+
+      if (this.config.activeOffsetXEnd === undefined) {
+        this.activeOffsetXEnd = Number.MAX_SAFE_INTEGER;
+      }
+    }
+
+    if (this.config.activeOffsetXEnd !== undefined) {
+      this.activeOffsetXEnd = this.config.activeOffsetXEnd;
+
+      if (this.config.activeOffsetXStart === undefined) {
+        this.activeOffsetXStart = Number.MIN_SAFE_INTEGER;
+      }
+    }
+
+    if (this.config.failOffsetXStart !== undefined) {
+      this.failOffsetXStart = this.config.failOffsetXStart;
+
+      if (this.config.failOffsetXEnd === undefined) {
+        this.failOffsetXEnd = Number.MAX_SAFE_INTEGER;
+      }
+    }
+
+    if (this.config.failOffsetXEnd !== undefined) {
+      this.failOffsetXEnd = this.config.failOffsetXEnd;
+
+      if (this.config.failOffsetXStart === undefined) {
+        this.failOffsetXStart = Number.MIN_SAFE_INTEGER;
+      }
+    }
+
+    if (this.config.activeOffsetYStart !== undefined) {
+      this.activeOffsetYStart = this.config.activeOffsetYStart;
+
+      if (this.config.activeOffsetYEnd === undefined) {
+        this.activeOffsetYEnd = Number.MAX_SAFE_INTEGER;
+      }
+    }
+
+    if (this.config.activeOffsetYEnd !== undefined) {
+      this.activeOffsetYEnd = this.config.activeOffsetYEnd;
+
+      if (this.config.activeOffsetYStart === undefined) {
+        this.activeOffsetYStart = Number.MIN_SAFE_INTEGER;
+      }
+    }
+
+    if (this.config.failOffsetYStart !== undefined) {
+      this.failOffsetYStart = this.config.failOffsetYStart;
+
+      if (this.config.failOffsetYEnd === undefined) {
+        this.failOffsetYEnd = Number.MAX_SAFE_INTEGER;
+      }
+    }
+
+    if (this.config.failOffsetYEnd !== undefined) {
+      this.failOffsetYEnd = this.config.failOffsetYEnd;
+
+      if (this.config.failOffsetYStart === undefined) {
+        this.failOffsetYStart = Number.MIN_SAFE_INTEGER;
+      }
+    }
+  }
+
+  resetConfig() {
+    super.resetConfig();
+    this.activeOffsetXStart = -Number.MAX_SAFE_INTEGER;
+    this.activeOffsetXEnd = Number.MIN_SAFE_INTEGER;
+    this.failOffsetXStart = Number.MIN_SAFE_INTEGER;
+    this.failOffsetXEnd = Number.MAX_SAFE_INTEGER;
+    this.activeOffsetYStart = Number.MAX_SAFE_INTEGER;
+    this.activeOffsetYEnd = Number.MIN_SAFE_INTEGER;
+    this.failOffsetYStart = Number.MIN_SAFE_INTEGER;
+    this.failOffsetYEnd = Number.MAX_SAFE_INTEGER;
+    this.minVelocityX = Number.MAX_SAFE_INTEGER;
+    this.minVelocityY = Number.MAX_SAFE_INTEGER;
+    this.minVelocitySq = Number.MAX_SAFE_INTEGER;
+    this.minDistSq = DEFAULT_MIN_DIST_SQ;
+    this.minPointers = DEFAULT_MIN_POINTERS;
+    this.maxPointers = DEFAULT_MAX_POINTERS;
+    this.activateAfterLongPress = 0;
+  }
+
+  transformNativeEvent(event) {
+    if (!this.view) {
+      return {};
+    }
+
+    const ratio = PixelRatio.get();
+    return {
+      translationX: this.getTranslationX(),
+      translationY: this.getTranslationY(),
+      absoluteX: event.x,
+      absoluteY: event.y,
+      velocityX: this.velocityX * ratio * 10,
+      velocityY: this.velocityY * ratio * 10,
+      x: event.offsetX,
+      y: event.offsetY
+    };
+  }
+
+  getTranslationX() {
+    return this.lastX - this.startX + this.offsetX;
+  }
+
+  getTranslationY() {
+    return this.lastY - this.startY + this.offsetY;
+  } //EventsHandling
+
+
+  onPointerDown(event) {
+    super.onPointerDown(event);
+    this.tracker.addToTracker(event);
+
+    if (this.tracker.getTrackedPointersCount() > 1) {
+      this.onPointerAdd(event);
+      return;
+    }
+
+    this.lastX = this.tracker.getLastAvgX();
+    this.lastY = this.tracker.getLastAvgY();
+    this.tryBegin(event);
+    this.checkBegan(event);
+  }
+
+  onPointerAdd(event) {
+    this.tryBegin(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.lastX;
+    this.startY = this.lastY;
+
+    if (this.tracker.getTrackedPointersCount() > this.maxPointers) {
+      if (this.currentState === State.ACTIVE) {
+        this.cancel(event);
+      } else {
+        this.fail(event);
+      }
+    } else {
+      this.checkBegan(event);
+    }
+  }
+
+  onPointerUp(event) {
+    super.onPointerUp(event);
+
+    if (this.tracker.getTrackedPointersCount() > 1) {
+      this.tracker.removeFromTracker(event.pointerId);
+      this.onPointerRemove(event);
+      return;
+    }
+
+    if (this.currentState === State.ACTIVE) {
+      this.lastX = this.tracker.getLastAvgX();
+      this.lastY = this.tracker.getLastAvgY();
+    }
+
+    this.tracker.removeFromTracker(event.pointerId);
+
+    if (this.currentState === State.ACTIVE) {
+      this.end(event);
+    } else {
+      this.resetProgress();
+      this.fail(event);
+    }
+  }
+
+  onPointerRemove(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.lastX;
+    this.startY = this.lastY;
+
+    if (!(this.currentState === State.ACTIVE && this.tracker.getTrackedPointersCount() < this.minPointers)) {
+      this.checkBegan(event);
+    }
+  }
+
+  onPointerMove(event) {
+    this.tracker.track(event);
+    this.lastX = this.tracker.getLastAvgX();
+    this.lastY = this.tracker.getLastAvgY();
+    this.velocityX = this.tracker.getVelocityX(event.pointerId);
+    this.velocityY = this.tracker.getVelocityY(event.pointerId);
+    this.checkBegan(event);
+    super.onPointerMove(event);
+  }
+
+  onPointerCancel(event) {
+    super.onPointerCancel(event);
+    this.reset();
+  }
+
+  onPointerOutOfBounds(event) {
+    if (this.getShouldCancelWhenOutside()) {
+      return;
+    }
+
+    this.tracker.track(event);
+    this.lastX = this.tracker.getLastAvgX();
+    this.lastY = this.tracker.getLastAvgY();
+    this.velocityX = this.tracker.getVelocityX(event.pointerId);
+    this.velocityY = this.tracker.getVelocityY(event.pointerId);
+    this.checkBegan(event);
+
+    if (this.currentState === State.ACTIVE) {
+      super.onPointerOutOfBounds(event);
+    }
+  }
+
+  shouldActivate() {
+    const dx = this.getTranslationX();
+
+    if (this.activeOffsetXStart !== Number.MAX_SAFE_INTEGER && dx < this.activeOffsetXStart) {
+      return true;
+    }
+
+    if (this.activeOffsetXEnd !== Number.MIN_SAFE_INTEGER && dx > this.activeOffsetXEnd) {
+      return true;
+    }
+
+    const dy = this.getTranslationY();
+
+    if (this.activeOffsetYStart !== Number.MAX_SAFE_INTEGER && dy < this.activeOffsetYStart) {
+      return true;
+    }
+
+    if (this.activeOffsetYEnd !== Number.MIN_SAFE_INTEGER && dy > this.activeOffsetYEnd) {
+      return true;
+    }
+
+    const distanceSq = dx * dx + dy * dy;
+
+    if (this.minDistSq !== Number.MAX_SAFE_INTEGER && distanceSq >= this.minDistSq) {
+      return true;
+    }
+
+    const vx = this.velocityX;
+
+    if (this.minVelocityX !== Number.MAX_SAFE_INTEGER && (this.minVelocityX < 0 && vx <= this.minVelocityX || this.minVelocityX >= 0 && this.minVelocityX <= vx)) {
+      return true;
+    }
+
+    const vy = this.velocityY;
+
+    if (this.minVelocityY !== Number.MAX_SAFE_INTEGER && (this.minVelocityY < 0 && vy <= this.minVelocityY || this.minVelocityY >= 0 && this.minVelocityY <= vy)) {
+      return true;
+    }
+
+    const velocitySq = vx * vx + vy * vy;
+    return this.minVelocitySq !== Number.MAX_SAFE_INTEGER && velocitySq >= this.minVelocitySq;
+  }
+
+  shouldFail() {
+    const dx = this.getTranslationX();
+    const dy = this.getTranslationY();
+    const distanceSq = dx * dx + dy * dy;
+
+    if (this.activateAfterLongPress > 0 && distanceSq > DEFAULT_MIN_DIST_SQ) {
+      return true;
+    }
+
+    if (this.failOffsetXStart !== Number.MIN_SAFE_INTEGER && dx < this.failOffsetXStart) {
+      return true;
+    }
+
+    if (this.failOffsetXEnd !== Number.MAX_SAFE_INTEGER && dx > this.failOffsetXEnd) {
+      return true;
+    }
+
+    if (this.failOffsetYStart !== Number.MIN_SAFE_INTEGER && dy < this.failOffsetYStart) {
+      return true;
+    }
+
+    return this.failOffsetYEnd !== Number.MAX_SAFE_INTEGER && dy > this.failOffsetYEnd;
+  }
+
+  tryBegin(event) {
+    if (this.currentState === State.UNDETERMINED && this.tracker.getTrackedPointersCount() >= this.minPointers) {
+      this.resetProgress();
+      this.offsetX = 0;
+      this.offsetY = 0;
+      this.velocityX = 0;
+      this.velocityY = 0;
+      this.begin(event); //Long press
+    } else {
+      this.velocityX = this.tracker.getVelocityX(event.pointerId);
+      this.velocityY = this.tracker.getVelocityY(event.pointerId);
+    }
+  }
+
+  checkBegan(event) {
+    if (this.currentState === State.BEGAN) {
+      if (this.shouldFail()) {
+        this.fail(event);
+      } else if (this.shouldActivate()) {
+        this.activate(event);
+      }
+    }
+  }
+
+  activate(event, force = false) {
+    if (this.currentState !== State.ACTIVE) {
+      this.resetProgress();
+    }
+
+    super.activate(event, force);
+  }
+
+  resetProgress() {
+    if (this.currentState === State.ACTIVE) {
+      return;
+    }
+
+    this.startX = this.lastX;
+    this.startY = this.lastY;
+  }
+
+}
+//# sourceMappingURL=PanGestureHandler.js.map