gesturx 1.8.9 → 1.8.10

package/dist/index.js

@@ -1,11 +1,9 @@
 var ie = Object.defineProperty;
 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";
+import { filter as h, fromEvent as S, mergeMap as b, defer as pe, of as T, merge as y, takeWhile as V, scan as L, map as c, BehaviorSubject as q, switchMap as g, 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(i.x - t.x, 2) + Math.pow(i.y - t.y, 2)
-  );
+  return Math.sqrt((i.x - t.x) ** 2 + (i.y - t.y) ** 2);
 }
 function ve(t) {
   const i = t.length;
@@ -20,7 +18,7 @@ function N(t, i) {
 function ge(t, i) {
   return N(t, i) * (180 / Math.PI);
 }
-function k(t) {
+function F(t) {
   const i = t.reduce(
     (n, o) => (n.x += o.x, n.y += o.y, n),
     { x: 0, y: 0 }
@@ -33,19 +31,19 @@ function k(t) {
 function ye(t, i) {
   if (t.length !== i.length)
     throw new Error("Initial and new points arrays must have the same length.");
-  const e = k(t), n = k(i);
+  const e = F(t), n = F(i);
   let o = 0;
-  for (let s = 0; s < t.length; s++) {
-    const r = N(
+  t.forEach((s, r) => {
+    const l = N(
       e,
-      t[s]
+      s
     );
     let u = N(
       n,
-      i[s]
-    ) - r;
+      i[r] ?? s
+    ) - l;
     u > Math.PI ? u -= 2 * Math.PI : u < -Math.PI && (u += 2 * Math.PI), o += u;
-  }
+  });
   const p = o / t.length, a = p * (180 / Math.PI);
   return { radianDelta: p, degreesDelta: a };
 }
@@ -54,7 +52,7 @@ function fe(t) {
 }
 const me = (t) => t.length > 0, Ae = (t) => t.pipe(h(me));
 function Q(t, i, e) {
-  const n = k([t]), o = k([i]);
+  const n = F([t]), o = F([i]);
   return Math.abs(o.x - n.x) >= e || Math.abs(o.y - n.y) >= e;
 }
 const De = (t, i, e) => {
@@ -91,9 +89,9 @@ const Z = (t) => t.type === "pointerleave" || t.type === "pointercancel" || t.ty
   return i.pipe(
     b((r) => {
       const l = pe(() => T(r));
-      return g(
+      return y(
         l,
-        g(
+        y(
           p,
           o,
           n,
@@ -102,15 +100,15 @@ const Z = (t) => t.type === "pointerleave" || t.type === "pointercancel" || t.ty
         )
       ).pipe(
         U(r),
-        V((m) => !s(m), !0)
+        V((u) => !s(u), !0)
       );
     }),
     L((r, l) => {
       if (s(l)) {
-        const { [l.pointerId]: u, ...m } = (r == null ? void 0 : r.pointers) ?? {};
+        const { [l.pointerId]: d, ...u } = (r == null ? void 0 : r.pointers) ?? {};
         return {
           event: l,
-          pointers: m
+          pointers: u
         };
       }
       return {
@@ -126,26 +124,30 @@ const Z = (t) => t.type === "pointerleave" || t.type === "pointercancel" || t.ty
       pointers: Object.values(l).filter(fe)
     }))
   );
-}, _ = (t, i, e, n) => {
+}, _ = (t) => t.pipe(
+  h(
+    (i) => !!i.container
+  )
+), te = (t) => t.pipe(h(Z)), G = (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 i = (e) => k(
+}, ne = (t) => {
+  const i = (e) => F(
     e.latestActivePointers.length ? e.latestActivePointers : [e.event]
   );
   return t.pipe(
     L((e, n) => {
-      var f, E;
-      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(
+      var m, E;
+      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 = ((m = e == null ? void 0 : e.latestActivePointers) == null ? void 0 : m.length) ?? 1, l = ((E = n.latestActivePointers) == null ? void 0 : E.length) ?? 1, d = ["pointerdown", "pointercancel", "pointerleave", "pointerup"].includes(
         n.event.type
-      ) && r !== l, m = l > 0, { deltaX: y, deltaY: A } = u && m || /**
+      ) && r !== l, u = l > 0, { deltaX: f, deltaY: A } = d && u || /**
       * 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 && /**
+      n.event.type === "pointercancel" ? G(o, o, a, s) : G(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.
       */
@@ -158,7 +160,7 @@ const Z = (t) => t.type === "pointerleave" || t.type === "pointercancel" || t.ty
         ...e,
         ...n,
         center: o,
-        deltaX: y,
+        deltaX: f,
         deltaY: A,
         deltaPointersAngle: D
       };
@@ -172,27 +174,23 @@ const Z = (t) => t.type === "pointerleave" || t.type === "pointercancel" || t.ty
         center: s,
         event: r,
         deltaPointersAngle: l
-      } = e, u = p ?? [], y = Date.now() - a, { velocityX: A, velocityY: D } = De(y, n, o), f = ve(p);
+      } = e, d = p ?? [], f = Date.now() - a, { velocityX: A, velocityY: D } = De(f, n, o), m = ve(p);
       return {
         deltaX: n,
         deltaY: o,
         velocityX: A,
         velocityY: D,
-        delay: y,
+        delay: f,
         center: s,
-        pointers: u,
+        pointers: d,
         startTime: a,
         event: r,
         deltaPointersAngle: l,
-        pointersAverageDistance: f
+        pointersAverageDistance: m
       };
     })
   );
-}, G = (t) => t.pipe(
-  h(
-    (i) => !!i.container
-  )
-), ne = (t) => t.pipe(h(Z)), Ee = ({
+}, Ee = ({
   container: t,
   afterEventReceived: i = (e) => e
 }) => {
@@ -207,7 +205,7 @@ const Z = (t) => t.type === "pointerleave" || t.type === "pointercancel" || t.ty
     "pointercancel"
   ).pipe(c(i));
   return {
-    pointerEvents$: g(
+    pointerEvents$: y(
       e,
       a,
       p,
@@ -221,7 +219,7 @@ const Z = (t) => t.type === "pointerleave" || t.type === "pointercancel" || t.ty
     pointerMove$: o
   };
 };
-class F {
+class O {
   constructor(i, e) {
     $(this, "configSubject", new q({}));
     $(this, "pan$");
@@ -235,7 +233,7 @@ class F {
     $(this, "pointerMove$");
     $(this, "pointerOff$");
     $(this, "state$");
-    $(this, "config$", this.configSubject.pipe(G));
+    $(this, "config$", this.configSubject.pipe(_));
     /**
      * Track active running failWith recognizers
      */
@@ -244,7 +242,7 @@ class F {
       fingers: 0
     });
     this.pointerEvent$ = this.config$.pipe(
-      v(
+      g(
         ({ container: p, afterEventReceived: a }) => Ee({
           container: p,
           afterEventReceived: a
@@ -259,16 +257,16 @@ class F {
       h((p) => p.type === "pointermove")
     ), this.pointerCancel$ = this.pointerEvent$.pipe(
       h((p) => p.type === "pointercancel")
-    ), this.pointerOff$ = this.pointerEvent$.pipe(ne);
+    ), this.pointerOff$ = this.pointerEvent$.pipe(te);
     const o = this.config$.pipe(
       c(({ failWith: p }) => p),
       oe()
     );
     this.failWithActive$ = o.pipe(
-      v((p) => {
+      g((p) => {
         const a = p == null ? void 0 : p.map((s) => {
           const r = s.start$.pipe(c(() => !0)), l = s.end$.pipe(c(() => !1));
-          return g(r, l).pipe(
+          return y(r, l).pipe(
             re(!1),
             M(1)
           );
@@ -278,37 +276,36 @@ class F {
       c((p) => p.some((a) => a)),
       M(1)
     ), this.pan$ = this.configSubject.pipe(
-      G,
-      v((p) => {
-        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(
+      _,
+      g((p) => {
+        var f, A, D;
+        const a = Math.max(1, ((f = p.panConfig) == null ? void 0 : f.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$,
-            trackMove: !0
+            pointerEvent$: this.pointerEvent$
           }),
           M(1)
-        ), u = (f) => f.pipe(
+        ), d = (m) => m.pipe(
           h(
             (E) => E.pointers.length >= a
           )
-        ), m = (f) => f.pipe(h((E) => E.pointers.length < a));
+        ), u = (m) => m.pipe(h((E) => E.pointers.length < a));
         return l.pipe(
-          u,
-          H(({ pointers: f }) => {
+          d,
+          H(({ pointers: m }) => {
             const E = l.pipe(
-              m,
+              u,
               z(),
               P()
-            ), X = J(r), R = g(
-              ...f.map((d) => T(d)),
+            ), X = J(r), R = y(
+              ...m.map((v) => T(v)),
               this.pointerDown$
             ).pipe(
               b(
-                (d) => g(this.pointerMove$, T(d)).pipe(
-                  U(d),
+                (v) => y(this.pointerMove$, T(v)).pipe(
+                  U(v),
                   h(
                     (x) => Q(
-                      d,
+                      v,
                       x,
                       s
                     )
@@ -317,11 +314,11 @@ class F {
               ),
               z()
             ).pipe(
-              v(() => X),
+              g(() => X),
               C(l),
-              c(([, { event: d, pointers: x }]) => ({
+              c(([, { event: v, pointers: x }]) => ({
                 type: "start",
-                event: d,
+                event: v,
                 latestActivePointers: x
               })),
               M({
@@ -329,13 +326,13 @@ class F {
                 refCount: !1
               }),
               I(E)
-            ), O = R.pipe(
+            ), k = R.pipe(
               b(
                 () => l.pipe(
                   ae(1),
-                  c(({ event: d, pointers: x }) => ({
+                  c(({ event: v, pointers: x }) => ({
                     type: "move",
-                    event: d,
+                    event: v,
                     latestActivePointers: x
                   }))
                 )
@@ -344,21 +341,21 @@ class F {
             ), w = R.pipe(
               b(
                 () => E.pipe(
-                  c(({ event: d, pointers: x }) => ({
+                  c(({ event: v, pointers: x }) => ({
                     type: "end",
-                    event: d,
+                    event: v,
                     latestActivePointers: x
                   }))
                 )
               )
-            ), W = g(R, O, w).pipe(
+            ), W = y(R, k, w).pipe(
               M(1)
             );
             return W.pipe(
-              te,
+              ne,
               C(W),
-              c(([d, { type: x }]) => ({
-                ...d,
+              c(([v, { type: x }]) => ({
+                ...v,
                 type: x
               }))
             );
@@ -400,7 +397,7 @@ class F {
     this.updateInternal(i, e);
   }
 }
-class Se extends F {
+class Se extends O {
   constructor(e) {
     var a;
     super(e, {
@@ -432,24 +429,24 @@ class Se extends F {
       }))
     );
     this.events$ = n.pipe(
-      v((s) => {
+      g((s) => {
         let r = s;
-        const l = T(s), u = this.failWithActive$.pipe(
+        const l = T(s), d = this.failWithActive$.pipe(
           h((A) => A),
           z()
-        ), m = g(l, p, o).pipe(
+        ), u = y(l, p, o).pipe(
           K((A) => {
             r = A;
           }),
-          I(u)
-        ), y = u.pipe(
+          I(d)
+        ), f = d.pipe(
           c(() => ({
             ...r,
             type: "panEnd"
           })),
           I(o)
         );
-        return g(m, y);
+        return y(u, f);
       }),
       P()
     ), this.start$ = this.events$.pipe(
@@ -463,7 +460,7 @@ class Se extends F {
 const we = (t) => (i) => i.pipe(
   h((e) => Math.abs(e.velocityX) >= t || Math.abs(e.velocityY) >= t)
 );
-class be extends F {
+class be extends O {
   constructor(e) {
     super(e, {
       posThreshold: 0,
@@ -471,12 +468,12 @@ class be extends F {
     });
     $(this, "events$");
     this.events$ = this.config$.pipe(
-      v((n) => {
+      g((n) => {
         const { escapeVelocity: o = 0.9 } = n.options ?? {};
         return this.panStart$.pipe(
           C(this.failWithActive$),
           h(([, p]) => !p),
-          v(([p]) => this.panEnd$.pipe(
+          g(([p]) => this.panEnd$.pipe(
             we(o),
             c((a) => ({
               type: "swipe",
@@ -506,7 +503,7 @@ const Me = ({
   b(
     (n) => J(t).pipe(
       I(
-        i.pipe(ne, U(n))
+        i.pipe(te, U(n))
       )
     )
   )
@@ -525,51 +522,50 @@ const Me = ({
     )
   )
 );
-class Ce extends F {
+class Ce extends O {
   constructor(e) {
     super(e);
     $(this, "events$");
     this.events$ = this.config$.pipe(
-      v((n) => {
-        var y, A;
-        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(
+      g((n) => {
+        var f, A;
+        const o = ((f = n.options) == null ? void 0 : f.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$,
-            trackMove: !0
+            pointerEvent$: this.pointerEvent$
           }),
           M(1)
         ), l = r.pipe(
           h(({ pointers: D }) => D.length > 1)
-        ), u = (D) => D.pipe(
+        ), d = (D) => D.pipe(
           he(this.pointerUp$.pipe(ce(p))),
           z()
         );
-        return g(
+        return y(
           this.pointerDown$,
           r.pipe(le())
         ).pipe(
           H((D) => {
-            const f = g(
+            const m = y(
               T(D),
               this.pointerDown$
-            ).pipe(M(1)), E = f.pipe(u), X = f.pipe(
+            ).pipe(M(1)), E = m.pipe(d), X = m.pipe(
               xe({
                 initialPointerEvent: D,
                 pointerEvent$: this.pointerEvent$,
                 tolerance: s
               })
-            ), B = f.pipe(
+            ), B = m.pipe(
               Me({
                 pointerEvent$: this.pointerEvent$,
                 timeout: a
               })
-            ), R = g(
+            ), R = y(
               this.failWithActive$.pipe(h((w) => w)),
               this.pointerCancel$,
               l,
               X,
               B
-            ), O = E.pipe(
+            ), k = E.pipe(
               Ae,
               h((w) => w.length <= o),
               c((w) => ({
@@ -580,13 +576,13 @@ class Ce extends F {
               })),
               M(1)
             );
-            return O.pipe(
-              te,
-              C(O),
-              c(([w, { type: W, taps: d }]) => ({
+            return k.pipe(
+              ne,
+              C(k),
+              c(([w, { type: W, taps: v }]) => ({
                 ...w,
                 type: W,
-                taps: d
+                taps: v
               })),
               I(R)
             );
@@ -600,7 +596,7 @@ class Ce extends F {
     super.update(e);
   }
 }
-class Re extends F {
+class Re extends O {
   constructor(e = {}) {
     super(e, {
       numInputs: 2,
@@ -609,7 +605,7 @@ class Re extends F {
     });
     $(this, "events$");
     this.events$ = this.config$.pipe(
-      v(() => {
+      g(() => {
         const n = this.panStart$.pipe(
           c((s) => ({
             ...s,
@@ -619,7 +615,7 @@ class Re extends F {
           })),
           M(1)
         ), o = n.pipe(
-          v(
+          g(
             () => this.pan$.pipe(
               L((s, r) => {
                 const l = ((s == null ? void 0 : s.angle) ?? 0) + r.deltaPointersAngle;
@@ -640,7 +636,7 @@ class Re extends F {
           h((s) => s.type === "end"),
           c((s) => ({ ...s, type: "rotateEnd" }))
         );
-        return g(n, p, a);
+        return y(n, p, a);
       }),
       P()
     );
@@ -654,21 +650,21 @@ const Y = ({
   initialEvent: i
 }) => (e) => e.pipe(
   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;
+    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, d = o.pointersAverageDistance - r, u = o.pointersAverageDistance - r, f = a || s === 0 ? 1 : o.pointersAverageDistance / s;
     return {
       ...n,
       ...o,
       type: t,
       initialPointersAverageDistance: r,
       scale: l,
-      distance: u,
-      deltaDistance: m,
-      deltaDistanceScale: y
+      distance: d,
+      deltaDistance: u,
+      deltaDistanceScale: f
     };
   }, i),
   c(({ initialPointersAverageDistance: n, ...o }) => o)
 );
-class ze extends F {
+class ze extends O {
   constructor(e) {
     super(e, {
       ...e == null ? void 0 : e.options,
@@ -678,12 +674,12 @@ class ze extends F {
     $(this, "start$");
     $(this, "end$");
     this.events$ = this.config$.pipe(
-      v(() => {
+      g(() => {
         const n = this.panStart$.pipe(
           C(this.failWithActive$),
           h(([, s]) => !s),
           c(([s]) => s),
-          v(
+          g(
             (s) => T(s).pipe(
               // we don't want a scan on pinch start
               Y({
@@ -697,7 +693,7 @@ class ze extends F {
           h((s) => s),
           z()
         ), p = n.pipe(
-          v((s) => this.pan$.pipe(
+          g((s) => this.pan$.pipe(
             V((r) => r.type !== "end"),
             Y({
               type: "pinchMove",
@@ -706,10 +702,10 @@ class ze extends F {
           )),
           I(o)
         ), a = n.pipe(
-          v((s) => {
+          g((s) => {
             let r = s;
             return this.pan$.pipe(
-              v((l) => l.type === "end" ? T(l) : (r = l, $e)),
+              g((l) => l.type === "end" ? T(l) : (r = l, $e)),
               I(o),
               ue(null),
               c(
@@ -723,7 +719,7 @@ class ze extends F {
             );
           })
         );
-        return g(n, p, a);
+        return y(n, p, a);
       }),
       P()
     ), this.start$ = this.events$.pipe(
@@ -734,12 +730,12 @@ class ze extends F {
     super.update(e, e.options);
   }
 }
-class ke {
+class Fe {
   constructor(i) {
     $(this, "events$");
     $(this, "recognizers");
     $(this, "state$");
-    this.options = i, this.recognizers = i.recognizers, this.events$ = g(
+    this.options = i, this.recognizers = i.recognizers, this.events$ = y(
       ...i.recognizers.map((e) => e.events$)
     ).pipe(P()), this.state$ = j(
       this.recognizers.map((e) => e.state$)
@@ -755,16 +751,16 @@ class ke {
     disableTextSelection: i,
     ...e
   }) {
-    e.container && (e.container.style.touchAction = "none", i && (e.container.style.userSelect = "none")), this.options.recognizers.forEach((n) => {
+    e.container && (e.container.style.touchAction = "none", i && (e.container.style.userSelect = "none"));
+    for (const n of this.options.recognizers)
       n.update(e);
-    });
   }
 }
 export {
   Se as PanRecognizer,
   ze as PinchRecognizer,
-  ke as Recognizable,
-  F as Recognizer,
+  Fe as Recognizable,
+  O as Recognizer,
   Re as RotateRecognizer,
   be as SwipeRecognizer,
   Ce as TapRecognizer