gesturx 1.8.7 → 1.8.9

package/dist/index.js

@@ -1,39 +1,39 @@
 var ie = Object.defineProperty;
-var se = (t, n, e) => n in t ? ie(t, n, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[n] = e;
-var $ = (t, n, e) => se(t, typeof n != "symbol" ? n + "" : n, e);
-import { filter as h, fromEvent as S, map as c, mergeMap as b, defer as pe, of as T, merge as g, takeWhile as V, scan as L, BehaviorSubject as q, switchMap as v, share as P, distinctUntilChanged as oe, startWith as re, shareReplay as M, combineLatest as j, exhaustMap as H, first as z, timer as J, withLatestFrom as C, takeUntil as I, skip as ae, tap as K, ignoreElements as le, buffer as he, debounceTime as ce, NEVER as $e, defaultIfEmpty as ue } from "rxjs";
-function de(t, n) {
+var se = (t, i, e) => i in t ? ie(t, i, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[i] = e;
+var $ = (t, i, e) => se(t, typeof i != "symbol" ? i + "" : i, e);
+import { filter as h, fromEvent as S, mergeMap as b, defer as pe, of as T, merge as g, takeWhile as V, scan as L, map as c, BehaviorSubject as q, switchMap as v, share as P, distinctUntilChanged as oe, startWith as re, shareReplay as M, combineLatest as j, exhaustMap as H, first as z, timer as J, withLatestFrom as C, takeUntil as I, skip as ae, tap as K, ignoreElements as le, buffer as he, debounceTime as ce, NEVER as $e, defaultIfEmpty as ue } from "rxjs";
+function de(t, i) {
   return Math.sqrt(
-    Math.pow(n.x - t.x, 2) + Math.pow(n.y - t.y, 2)
+    Math.pow(i.x - t.x, 2) + Math.pow(i.y - t.y, 2)
   );
 }
 function ve(t) {
-  const n = t.length;
-  if (n < 2) return 0;
-  const e = t.reduce((o, p, a) => o + t.slice(a + 1).reduce((s, r) => s + de(p, r), 0), 0), i = n * (n - 1) / 2;
-  return e / i;
+  const i = t.length;
+  if (i < 2) return 0;
+  const e = t.reduce((o, p, a) => o + t.slice(a + 1).reduce((s, r) => s + de(p, r), 0), 0), n = i * (i - 1) / 2;
+  return e / n;
 }
-function N(t, n) {
-  const e = n.x - t.x, i = n.y - t.y;
-  return Math.atan2(i, e);
+function N(t, i) {
+  const e = i.x - t.x, n = i.y - t.y;
+  return Math.atan2(n, e);
 }
-function ge(t, n) {
-  return N(t, n) * (180 / Math.PI);
+function ge(t, i) {
+  return N(t, i) * (180 / Math.PI);
 }
-function F(t) {
-  const n = t.reduce(
-    (i, o) => (i.x += o.x, i.y += o.y, i),
+function k(t) {
+  const i = t.reduce(
+    (n, o) => (n.x += o.x, n.y += o.y, n),
     { x: 0, y: 0 }
   ), e = t.length || 1;
   return {
-    x: n.x / e,
-    y: n.y / e
+    x: i.x / e,
+    y: i.y / e
   };
 }
-function ye(t, n) {
-  if (t.length !== n.length)
+function ye(t, i) {
+  if (t.length !== i.length)
     throw new Error("Initial and new points arrays must have the same length.");
-  const e = F(t), i = F(n);
+  const e = k(t), n = k(i);
   let o = 0;
   for (let s = 0; s < t.length; s++) {
     const r = N(
@@ -41,8 +41,8 @@ function ye(t, n) {
       t[s]
     );
     let u = N(
-      i,
-      n[s]
+      n,
+      i[s]
     ) - r;
     u > Math.PI ? u -= 2 * Math.PI : u < -Math.PI && (u += 2 * Math.PI), o += u;
   }
@@ -53,33 +53,33 @@ function fe(t) {
   return t != null;
 }
 const me = (t) => t.length > 0, Ae = (t) => t.pipe(h(me));
-function Q(t, n, e) {
-  const i = F([t]), o = F([n]);
-  return Math.abs(o.x - i.x) >= e || Math.abs(o.y - i.y) >= e;
+function Q(t, i, e) {
+  const n = k([t]), o = k([i]);
+  return Math.abs(o.x - n.x) >= e || Math.abs(o.y - n.y) >= e;
 }
-const De = (t, n, e) => {
-  const i = t > 0 ? n / t : 0, o = t > 0 ? e / t : 0;
+const De = (t, i, e) => {
+  const n = t > 0 ? i / t : 0, o = t > 0 ? e / t : 0;
   return {
-    velocityX: i,
+    velocityX: n,
     velocityY: o
   };
 };
 function U(t) {
-  return (n) => n.pipe(
+  return (i) => i.pipe(
     h((e) => e.pointerId === t.pointerId)
   );
 }
 const Z = (t) => t.type === "pointerleave" || t.type === "pointercancel" || t.type === "pointerup", Pe = ({
   container: t,
-  afterEventReceived: n = (e) => e
+  afterEventReceived: i = (e) => e
 }) => S(t, "pointerdown").pipe(
-  c(n)
+  c(i)
 ), ee = ({
   pointerEvent$: t
-}) => (n) => {
+}) => (i) => {
   const e = t.pipe(
     h((r) => r.type === "pointerup")
-  ), i = t.pipe(
+  ), n = t.pipe(
     h((r) => r.type === "pointerleave")
   ), o = t.pipe(
     h((r) => r.type === "pointercancel")
@@ -88,7 +88,7 @@ const Z = (t) => t.type === "pointerleave" || t.type === "pointercancel" || t.ty
   ), a = S(window, "contextmenu"), s = (r) => ["pointercancel", "pointerleave", "pointerup", "contextmenu"].includes(
     r.type
   );
-  return n.pipe(
+  return i.pipe(
     b((r) => {
       const l = pe(() => T(r));
       return g(
@@ -96,7 +96,7 @@ const Z = (t) => t.type === "pointerleave" || t.type === "pointercancel" || t.ty
         g(
           p,
           o,
-          i,
+          n,
           e,
           a
         )
@@ -126,29 +126,37 @@ const Z = (t) => t.type === "pointerleave" || t.type === "pointercancel" || t.ty
       pointers: Object.values(l).filter(fe)
     }))
   );
-}, _ = (t, n, e, i) => {
-  const o = t.x - n.x + e, p = t.y - n.y + i;
+}, _ = (t, i, e, n) => {
+  const o = t.x - i.x + e, p = t.y - i.y + n;
   return {
     deltaX: o,
     deltaY: p
   };
 }, te = (t) => {
-  const n = (e) => F(
+  const i = (e) => k(
     e.latestActivePointers.length ? e.latestActivePointers : [e.event]
   );
   return t.pipe(
-    L((e, i) => {
+    L((e, n) => {
       var f, E;
-      const o = n(i), p = (e == null ? void 0 : e.center) ?? o, a = (e == null ? void 0 : e.deltaX) ?? 0, s = (e == null ? void 0 : e.deltaY) ?? 0, r = ((f = e == null ? void 0 : e.latestActivePointers) == null ? void 0 : f.length) ?? 1, l = ((E = i.latestActivePointers) == null ? void 0 : E.length) ?? 1, u = ["pointerdown", "pointercancel", "pointerleave", "pointerup"].includes(
-        i.event.type
-      ) && r !== l, m = l > 0, { deltaX: y, deltaY: A } = u && m ? _(o, o, a, s) : _(o, p, a, s), { degreesDelta: D } = r === l && r >= 2 && l >= 2 ? ye(
+      const o = i(n), p = (e == null ? void 0 : e.center) ?? o, a = (e == null ? void 0 : e.deltaX) ?? 0, s = (e == null ? void 0 : e.deltaY) ?? 0, r = ((f = e == null ? void 0 : e.latestActivePointers) == null ? void 0 : f.length) ?? 1, l = ((E = n.latestActivePointers) == null ? void 0 : E.length) ?? 1, u = ["pointerdown", "pointercancel", "pointerleave", "pointerup"].includes(
+        n.event.type
+      ) && r !== l, m = l > 0, { deltaX: y, deltaY: A } = u && m || /**
+      * A pointercancel cean come after a drag event and heven being completely
+      * desync, leading to erroned values. We should just ignore it.
+      */
+      n.event.type === "pointercancel" ? _(o, o, a, s) : _(o, p, a, s), { degreesDelta: D } = r === l && r >= 2 && l >= 2 && /**
+      * A pointercancel cean come after a drag event and heven being completely
+      * desync, leading to erroned values. We should just ignore it.
+      */
+      n.event.type !== "pointercancel" ? ye(
         (e == null ? void 0 : e.latestActivePointers) ?? [],
-        i.latestActivePointers ?? []
+        n.latestActivePointers ?? []
       ) : { degreesDelta: 0 };
       return {
         startTime: (/* @__PURE__ */ new Date()).getTime(),
         ...e,
-        ...i,
+        ...n,
         center: o,
         deltaX: y,
         deltaY: A,
@@ -157,16 +165,16 @@ const Z = (t) => t.type === "pointerleave" || t.type === "pointercancel" || t.ty
     }, void 0),
     c((e) => {
       const {
-        deltaX: i,
+        deltaX: n,
         deltaY: o,
         latestActivePointers: p,
         startTime: a,
         center: s,
         event: r,
         deltaPointersAngle: l
-      } = e, u = p ?? [], y = Date.now() - a, { velocityX: A, velocityY: D } = De(y, i, o), f = ve(p);
+      } = e, u = p ?? [], y = Date.now() - a, { velocityX: A, velocityY: D } = De(y, n, o), f = ve(p);
       return {
-        deltaX: i,
+        deltaX: n,
         deltaY: o,
         velocityX: A,
         velocityY: D,
@@ -182,39 +190,39 @@ const Z = (t) => t.type === "pointerleave" || t.type === "pointercancel" || t.ty
   );
 }, G = (t) => t.pipe(
   h(
-    (n) => !!n.container
+    (i) => !!i.container
   )
 ), ne = (t) => t.pipe(h(Z)), Ee = ({
   container: t,
-  afterEventReceived: n = (e) => e
+  afterEventReceived: i = (e) => e
 }) => {
-  const e = Pe({ afterEventReceived: n, container: t }), i = S(t, "pointerup").pipe(
-    c(n)
+  const e = Pe({ afterEventReceived: i, container: t }), n = S(t, "pointerup").pipe(
+    c(i)
   ), o = S(t, "pointermove").pipe(
-    c(n)
+    c(i)
   ), p = S(t, "pointerleave").pipe(
-    c(n)
+    c(i)
   ), a = S(
     t,
     "pointercancel"
-  ).pipe(c(n));
+  ).pipe(c(i));
   return {
     pointerEvents$: g(
       e,
       a,
       p,
-      i,
+      n,
       o
     ),
     pointerDown$: e,
     pointerCancel$: a,
     pointerLeave$: p,
-    pointerUp$: i,
+    pointerUp$: n,
     pointerMove$: o
   };
 };
-class O {
-  constructor(n, e) {
+class F {
+  constructor(i, e) {
     $(this, "configSubject", new q({}));
     $(this, "pan$");
     $(this, "panStart$");
@@ -232,7 +240,7 @@ class O {
      * Track active running failWith recognizers
      */
     $(this, "failWithActive$");
-    const i = new q({
+    const n = new q({
       fingers: 0
     });
     this.pointerEvent$ = this.config$.pipe(
@@ -275,7 +283,8 @@ class O {
         var y, A, D;
         const a = Math.max(1, ((y = p.panConfig) == null ? void 0 : y.numInputs) ?? 1), s = Math.max(0, ((A = p.panConfig) == null ? void 0 : A.posThreshold) ?? 0), r = Math.max(0, ((D = p.panConfig) == null ? void 0 : D.delay) ?? 0), l = this.pointerDown$.pipe(
           ee({
-            pointerEvent$: this.pointerEvent$
+            pointerEvent$: this.pointerEvent$,
+            trackMove: !0
           }),
           M(1)
         ), u = (f) => f.pipe(
@@ -320,7 +329,7 @@ class O {
                 refCount: !1
               }),
               I(E)
-            ), k = R.pipe(
+            ), O = R.pipe(
               b(
                 () => l.pipe(
                   ae(1),
@@ -342,7 +351,7 @@ class O {
                   }))
                 )
               )
-            ), W = g(R, k, w).pipe(
+            ), W = g(R, O, w).pipe(
               M(1)
             );
             return W.pipe(
@@ -357,7 +366,7 @@ class O {
         );
       }),
       K((p) => {
-        i.next({
+        n.next({
           fingers: p.pointers.length
         });
       }),
@@ -371,27 +380,27 @@ class O {
     ), this.panEnd$ = this.pan$.pipe(
       h((p) => p.type === "end"),
       c(({ type: p, ...a }) => a)
-    ), this.state$ = i.asObservable(), this.updateInternal(n ?? {}, e);
+    ), this.state$ = n.asObservable(), this.updateInternal(i ?? {}, e);
   }
-  updateInternal(n, e) {
-    const i = this.configSubject.getValue();
+  updateInternal(i, e) {
+    const n = this.configSubject.getValue();
     this.configSubject.next({
-      ...i,
       ...n,
-      ...n.options && {
-        options: { ...i.options, ...n.options }
+      ...i,
+      ...i.options && {
+        options: { ...n.options, ...i.options }
       },
       panConfig: {
-        ...i.panConfig,
+        ...n.panConfig,
         ...e
       }
     });
   }
-  update(n, e) {
-    this.updateInternal(n, e);
+  update(i, e) {
+    this.updateInternal(i, e);
   }
 }
-class Se extends O {
+class Se extends F {
   constructor(e) {
     var a;
     super(e, {
@@ -401,7 +410,7 @@ class Se extends O {
     $(this, "events$");
     $(this, "start$");
     $(this, "end$");
-    const i = this.panStart$.pipe(
+    const n = this.panStart$.pipe(
       c((s) => ({
         type: "panStart",
         ...s
@@ -422,7 +431,7 @@ class Se extends O {
         ...s
       }))
     );
-    this.events$ = i.pipe(
+    this.events$ = n.pipe(
       v((s) => {
         let r = s;
         const l = T(s), u = this.failWithActive$.pipe(
@@ -451,10 +460,10 @@ class Se extends O {
     super.update(e, e.options);
   }
 }
-const we = (t) => (n) => n.pipe(
+const we = (t) => (i) => i.pipe(
   h((e) => Math.abs(e.velocityX) >= t || Math.abs(e.velocityY) >= t)
 );
-class be extends O {
+class be extends F {
   constructor(e) {
     super(e, {
       posThreshold: 0,
@@ -462,8 +471,8 @@ class be extends O {
     });
     $(this, "events$");
     this.events$ = this.config$.pipe(
-      v((i) => {
-        const { escapeVelocity: o = 0.9 } = i.options ?? {};
+      v((n) => {
+        const { escapeVelocity: o = 0.9 } = n.options ?? {};
         return this.panStart$.pipe(
           C(this.failWithActive$),
           h(([, p]) => !p),
@@ -492,22 +501,22 @@ class be extends O {
 }
 const Me = ({
   timeout: t,
-  pointerEvent$: n
+  pointerEvent$: i
 }) => (e) => e.pipe(
   b(
-    (i) => J(t).pipe(
+    (n) => J(t).pipe(
       I(
-        n.pipe(ne, U(i))
+        i.pipe(ne, U(n))
       )
     )
   )
 ), xe = ({
   initialPointerEvent: t,
-  pointerEvent$: n,
+  pointerEvent$: i,
   tolerance: e
-}) => (i) => i.pipe(
+}) => (n) => n.pipe(
   b(
-    (o) => n.pipe(
+    (o) => i.pipe(
       U(o),
       V((p) => !Z(p), !0),
       h(
@@ -516,16 +525,17 @@ const Me = ({
     )
   )
 );
-class Ce extends O {
+class Ce extends F {
   constructor(e) {
     super(e);
     $(this, "events$");
     this.events$ = this.config$.pipe(
-      v((i) => {
+      v((n) => {
         var y, A;
-        const o = ((y = i.options) == null ? void 0 : y.maxTaps) ?? 1, p = ((A = i.options) == null ? void 0 : A.multiTapThreshold) ?? 100 * (o - 1), { maximumPressTime: a = 150, tolerance: s = 10 } = i.options ?? {}, r = this.pointerDown$.pipe(
+        const o = ((y = n.options) == null ? void 0 : y.maxTaps) ?? 1, p = ((A = n.options) == null ? void 0 : A.multiTapThreshold) ?? 100 * (o - 1), { maximumPressTime: a = 150, tolerance: s = 10 } = n.options ?? {}, r = this.pointerDown$.pipe(
           ee({
-            pointerEvent$: this.pointerEvent$
+            pointerEvent$: this.pointerEvent$,
+            trackMove: !0
           }),
           M(1)
         ), l = r.pipe(
@@ -559,7 +569,7 @@ class Ce extends O {
               l,
               X,
               B
-            ), k = E.pipe(
+            ), O = E.pipe(
               Ae,
               h((w) => w.length <= o),
               c((w) => ({
@@ -570,9 +580,9 @@ class Ce extends O {
               })),
               M(1)
             );
-            return k.pipe(
+            return O.pipe(
               te,
-              C(k),
+              C(O),
               c(([w, { type: W, taps: d }]) => ({
                 ...w,
                 type: W,
@@ -590,7 +600,7 @@ class Ce extends O {
     super.update(e);
   }
 }
-class Re extends O {
+class Re extends F {
   constructor(e = {}) {
     super(e, {
       numInputs: 2,
@@ -600,7 +610,7 @@ class Re extends O {
     $(this, "events$");
     this.events$ = this.config$.pipe(
       v(() => {
-        const i = this.panStart$.pipe(
+        const n = this.panStart$.pipe(
           c((s) => ({
             ...s,
             type: "rotateStart",
@@ -608,7 +618,7 @@ class Re extends O {
             deltaAngle: 0
           })),
           M(1)
-        ), o = i.pipe(
+        ), o = n.pipe(
           v(
             () => this.pan$.pipe(
               L((s, r) => {
@@ -630,7 +640,7 @@ class Re extends O {
           h((s) => s.type === "end"),
           c((s) => ({ ...s, type: "rotateEnd" }))
         );
-        return g(i, p, a);
+        return g(n, p, a);
       }),
       P()
     );
@@ -641,12 +651,12 @@ class Re extends O {
 }
 const Y = ({
   type: t,
-  initialEvent: n
+  initialEvent: i
 }) => (e) => e.pipe(
-  L((i, o) => {
-    const a = ((i == null ? void 0 : i.pointers.length) ?? 0) !== o.pointers.length, s = (i == null ? void 0 : i.pointersAverageDistance) ?? o.pointersAverageDistance, r = a ? o.pointersAverageDistance : i && "initialPointersAverageDistance" in i ? i.initialPointersAverageDistance : o.pointersAverageDistance, l = r === 0 ? 1 : o.pointersAverageDistance / r, u = o.pointersAverageDistance - r, m = o.pointersAverageDistance - r, y = a || s === 0 ? 1 : o.pointersAverageDistance / s;
+  L((n, o) => {
+    const a = ((n == null ? void 0 : n.pointers.length) ?? 0) !== o.pointers.length, s = (n == null ? void 0 : n.pointersAverageDistance) ?? o.pointersAverageDistance, r = a ? o.pointersAverageDistance : n && "initialPointersAverageDistance" in n ? n.initialPointersAverageDistance : o.pointersAverageDistance, l = r === 0 ? 1 : o.pointersAverageDistance / r, u = o.pointersAverageDistance - r, m = o.pointersAverageDistance - r, y = a || s === 0 ? 1 : o.pointersAverageDistance / s;
     return {
-      ...i,
+      ...n,
       ...o,
       type: t,
       initialPointersAverageDistance: r,
@@ -655,10 +665,10 @@ const Y = ({
       deltaDistance: m,
       deltaDistanceScale: y
     };
-  }, n),
-  c(({ initialPointersAverageDistance: i, ...o }) => o)
+  }, i),
+  c(({ initialPointersAverageDistance: n, ...o }) => o)
 );
-class ze extends O {
+class ze extends F {
   constructor(e) {
     super(e, {
       ...e == null ? void 0 : e.options,
@@ -669,7 +679,7 @@ class ze extends O {
     $(this, "end$");
     this.events$ = this.config$.pipe(
       v(() => {
-        const i = this.panStart$.pipe(
+        const n = this.panStart$.pipe(
           C(this.failWithActive$),
           h(([, s]) => !s),
           c(([s]) => s),
@@ -686,7 +696,7 @@ class ze extends O {
         ), o = this.failWithActive$.pipe(
           h((s) => s),
           z()
-        ), p = i.pipe(
+        ), p = n.pipe(
           v((s) => this.pan$.pipe(
             V((r) => r.type !== "end"),
             Y({
@@ -695,7 +705,7 @@ class ze extends O {
             })
           )),
           I(o)
-        ), a = i.pipe(
+        ), a = n.pipe(
           v((s) => {
             let r = s;
             return this.pan$.pipe(
@@ -713,48 +723,48 @@ class ze extends O {
             );
           })
         );
-        return g(i, p, a);
+        return g(n, p, a);
       }),
       P()
     ), this.start$ = this.events$.pipe(
-      h((i) => i.type === "pinchStart")
-    ), this.end$ = this.events$.pipe(h((i) => i.type === "pinchEnd"));
+      h((n) => n.type === "pinchStart")
+    ), this.end$ = this.events$.pipe(h((n) => n.type === "pinchEnd"));
   }
   update(e) {
     super.update(e, e.options);
   }
 }
-class Fe {
-  constructor(n) {
+class ke {
+  constructor(i) {
     $(this, "events$");
     $(this, "recognizers");
     $(this, "state$");
-    this.options = n, this.recognizers = n.recognizers, this.events$ = g(
-      ...n.recognizers.map((e) => e.events$)
+    this.options = i, this.recognizers = i.recognizers, this.events$ = g(
+      ...i.recognizers.map((e) => e.events$)
     ).pipe(P()), this.state$ = j(
       this.recognizers.map((e) => e.state$)
     ).pipe(
       c(
-        (e) => e.reduce((i, o) => ({
-          fingers: Math.max(i.fingers, o.fingers)
+        (e) => e.reduce((n, o) => ({
+          fingers: Math.max(n.fingers, o.fingers)
         }))
       )
-    ), this.update(n);
+    ), this.update(i);
   }
   update({
-    disableTextSelection: n,
+    disableTextSelection: i,
     ...e
   }) {
-    e.container && (e.container.style.touchAction = "none", n && (e.container.style.userSelect = "none")), this.options.recognizers.forEach((i) => {
-      i.update(e);
+    e.container && (e.container.style.touchAction = "none", i && (e.container.style.userSelect = "none")), this.options.recognizers.forEach((n) => {
+      n.update(e);
     });
   }
 }
 export {
   Se as PanRecognizer,
   ze as PinchRecognizer,
-  Fe as Recognizable,
-  O as Recognizer,
+  ke as Recognizable,
+  F as Recognizer,
   Re as RotateRecognizer,
   be as SwipeRecognizer,
   Ce as TapRecognizer