gesturx 1.2.0 → 1.5.0

package/dist/index.js

@@ -1,128 +1,128 @@
 var ae = Object.defineProperty;
-var ce = (e, n, t) => n in e ? ae(e, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[n] = t;
-var w = (e, n, t) => (ce(e, typeof n != "symbol" ? n + "" : n, t), t);
-import { filter as v, NEVER as K, merge as A, BehaviorSubject as le, scan as E, map as h, fromEvent as b, mergeMap as T, defer as ge, of as q, takeUntil as x, endWith as he, switchMap as R, exhaustMap as j, shareReplay as Q, withLatestFrom as Y, first as O, share as M, skipUntil as $e, combineLatest as S, ignoreElements as ue, timer as de, buffer as ve, debounceTime as fe, distinctUntilChanged as z } from "rxjs";
-function Ae(e, n) {
+var ce = (t, e, n) => e in t ? ae(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
+var m = (t, e, n) => (ce(t, typeof e != "symbol" ? e + "" : e, n), n);
+import { filter as v, NEVER as K, merge as A, BehaviorSubject as le, scan as F, map as h, fromEvent as I, mergeMap as T, defer as ge, of as q, takeUntil as x, endWith as he, switchMap as R, exhaustMap as j, shareReplay as Q, withLatestFrom as Y, first as z, share as P, skipUntil as $e, combineLatest as S, ignoreElements as ue, timer as de, buffer as ve, debounceTime as fe, distinctUntilChanged as E } from "rxjs";
+function Ae(t, e) {
   return Math.sqrt(
-    Math.pow(n.x - e.x, 2) + Math.pow(n.y - e.y, 2)
+    Math.pow(e.x - t.x, 2) + Math.pow(e.y - t.y, 2)
   );
 }
-function De(e) {
-  const n = e.length;
-  if (n < 2)
+function ye(t) {
+  const e = t.length;
+  if (e < 2)
     return 0;
-  const t = e.reduce((o, r, p) => o + e.slice(p + 1).reduce((l, a) => l + Ae(r, a), 0), 0), s = n * (n - 1) / 2;
-  return t / s;
+  const n = t.reduce((o, r, p) => o + t.slice(p + 1).reduce((l, a) => l + Ae(r, a), 0), 0), s = e * (e - 1) / 2;
+  return n / s;
 }
-function _(e, n) {
-  const t = n.x - e.x, s = n.y - e.y;
-  return Math.atan2(s, t);
+function _(t, e) {
+  const n = e.x - t.x, s = e.y - t.y;
+  return Math.atan2(s, n);
 }
-function ye(e, n) {
-  return _(e, n) * (180 / Math.PI);
+function De(t, e) {
+  return _(t, e) * (180 / Math.PI);
 }
-function C(e) {
-  const n = e.reduce(
+function b(t) {
+  const e = t.reduce(
     (s, o) => (s.x += o.x, s.y += o.y, s),
     { x: 0, y: 0 }
-  ), t = e.length || 1;
+  ), n = t.length || 1;
   return {
-    x: n.x / t,
-    y: n.y / t
+    x: e.x / n,
+    y: e.y / n
   };
 }
-function me(e, n) {
-  if (e.length !== n.length)
+function me(t, e) {
+  if (t.length !== e.length)
     throw new Error("Initial and new points arrays must have the same length.");
-  const t = C(e), s = C(n);
+  const n = b(t), s = b(e);
   let o = 0;
-  for (let l = 0; l < e.length; l++) {
+  for (let l = 0; l < t.length; l++) {
     const a = _(
-      t,
-      e[l]
+      n,
+      t[l]
     );
     let c = _(
       s,
-      n[l]
+      e[l]
     ) - a;
     c > Math.PI ? c -= 2 * Math.PI : c < -Math.PI && (c += 2 * Math.PI), o += c;
   }
-  const r = o / e.length, p = r * (180 / Math.PI);
+  const r = o / t.length, p = r * (180 / Math.PI);
   return { radianDelta: r, degreesDelta: p };
 }
-function we(e) {
-  return e != null;
+function we(t) {
+  return t != null;
 }
-const Pe = (e) => e.length > 0, Me = (e) => e.pipe(v(Pe));
-function Z(e, n, t) {
-  const s = C([e]), o = C([n]);
-  return Math.abs(o.x - s.x) > t || Math.abs(o.y - s.y) > t;
+const Me = (t) => t.length > 0, Pe = (t) => t.pipe(v(Me));
+function Z(t, e, n) {
+  const s = b([t]), o = b([e]);
+  return Math.abs(o.x - s.x) > n || Math.abs(o.y - s.y) > n;
 }
-const Te = (e) => e != null && e.length ? A(...(e == null ? void 0 : e.map(({ start$: n }) => n)) ?? []) : K, xe = (e, n, t) => {
-  const s = e > 0 ? n / e : 0, o = e > 0 ? t / e : 0;
+const Te = (t) => t != null && t.length ? A(...(t == null ? void 0 : t.map(({ start$: e }) => e)) ?? []) : K, xe = (t, e, n) => {
+  const s = t > 0 ? e / t : 0, o = t > 0 ? n / t : 0;
   return {
     velocityX: s,
     velocityY: o
   };
 };
-class F {
-  constructor(n) {
-    w(this, "config$", new le({}));
-    w(this, "validConfig$", this.config$.pipe(
+class C {
+  constructor(e) {
+    m(this, "config$", new le({}));
+    m(this, "validConfig$", this.config$.pipe(
       v(
-        (n) => !!n.container
+        (e) => !!e.container
       )
     ));
-    this.update(n);
+    this.update(e);
   }
-  initialize(n) {
-    const t = this.config$.getValue();
+  initialize(e) {
+    const n = this.config$.getValue();
     this.config$.next({
-      ...t,
       ...n,
+      ...e,
       options: {
-        ...t.options,
-        ...n.options
+        ...n.options,
+        ...e.options
       }
     });
   }
-  update(n) {
-    const t = this.config$.getValue();
+  update(e) {
+    const n = this.config$.getValue();
     this.config$.next({
-      ...t,
+      ...n,
       options: {
-        ...t.options,
-        ...n
+        ...n.options,
+        ...e
       }
     });
   }
 }
-const J = (e, n, t, s) => {
-  const o = e.x - n.x + t, r = e.y - n.y + s;
+const J = (t, e, n, s) => {
+  const o = t.x - e.x + n, r = t.y - e.y + s;
   return {
     deltaX: o,
     deltaY: r
   };
-}, W = (e) => {
-  const n = (t) => C(
-    t.latestActivePointers.length ? t.latestActivePointers : [t.event]
+}, W = (t) => {
+  const e = (n) => b(
+    n.latestActivePointers.length ? n.latestActivePointers : [n.event]
   );
-  return e.pipe(
-    E(
-      (t, s) => {
-        var D, m;
-        const o = n(s), r = t.center, p = t.deltaX, l = t.deltaY, a = ((D = t.latestActivePointers) == null ? void 0 : D.length) ?? 0, $ = ((m = s.latestActivePointers) == null ? void 0 : m.length) ?? 0, c = [
+  return t.pipe(
+    F(
+      (n, s) => {
+        var y, w;
+        const o = e(s), r = n.center, p = n.deltaX, l = n.deltaY, a = ((y = n.latestActivePointers) == null ? void 0 : y.length) ?? 0, $ = ((w = s.latestActivePointers) == null ? void 0 : w.length) ?? 0, c = [
           "pointerdown",
           "pointercancel",
           "pointerleave",
           "pointerup"
         ].includes(s.event.type) && a !== $, i = $ > 0, { deltaX: g, deltaY: d } = c && i ? J(o, o, p, l) : J(o, r, p, l), { degreesDelta: f } = a === $ && a >= 2 && $ >= 2 ? me(
-          t.latestActivePointers ?? [],
+          n.latestActivePointers ?? [],
           s.latestActivePointers ?? []
         ) : { degreesDelta: 0 };
         return {
           startTime: (/* @__PURE__ */ new Date()).getTime(),
-          ...t,
+          ...n,
           ...s,
           center: o,
           deltaX: g,
@@ -137,7 +137,7 @@ const J = (e, n, t, s) => {
         latestActivePointers: []
       }
     ),
-    h((t) => {
+    h((n) => {
       const {
         deltaX: s,
         deltaY: o,
@@ -146,7 +146,7 @@ const J = (e, n, t, s) => {
         center: l,
         event: a,
         deltaPointersAngle: $
-      } = t, c = r ?? [], g = Date.now() - p, { velocityX: d, velocityY: f } = xe(g, s, o), D = De(r);
+      } = n, c = r ?? [], g = Date.now() - p, { velocityX: d, velocityY: f } = xe(g, s, o), y = ye(r);
       return {
         deltaX: s,
         deltaY: o,
@@ -158,54 +158,54 @@ const J = (e, n, t, s) => {
         startTime: p,
         event: a,
         deltaPointersAngle: $,
-        pointersAverageDistance: D
+        pointersAverageDistance: y
       };
     })
   );
 };
-function U(e) {
-  return (n) => n.pipe(
-    v((t) => t.pointerId === e.pointerId)
+function U(t) {
+  return (e) => e.pipe(
+    v((n) => n.pointerId === t.pointerId)
   );
 }
 const N = ({
-  container: e,
-  afterEventReceived: n = (t) => t
+  container: t,
+  afterEventReceived: e = (n) => n
 }) => {
-  const t = ee({ afterEventReceived: n, container: e }), s = b(e, "pointerup").pipe(
-    h(n)
-  ), o = b(e, "pointermove").pipe(
-    h(n)
-  ), r = b(e, "pointerleave").pipe(
-    h(n)
-  ), p = b(
-    e,
+  const n = ee({ afterEventReceived: e, container: t }), s = I(t, "pointerup").pipe(
+    h(e)
+  ), o = I(t, "pointermove").pipe(
+    h(e)
+  ), r = I(t, "pointerleave").pipe(
+    h(e)
+  ), p = I(
+    t,
     "pointercancel"
-  ).pipe(h(n));
+  ).pipe(h(e));
   return {
-    pointerDown$: t,
+    pointerDown$: n,
     pointerCancel$: p,
     pointerLeave$: r,
     pointerUp$: s,
     pointerMove$: o
   };
 }, ee = ({
-  container: e,
-  afterEventReceived: n = (t) => t
-}) => b(e, "pointerdown").pipe(
-  h(n)
+  container: t,
+  afterEventReceived: e = (n) => n
+}) => I(t, "pointerdown").pipe(
+  h(e)
 ), V = ({
-  pointerCancel$: e,
-  pointerLeave$: n,
-  pointerUp$: t,
+  pointerCancel$: t,
+  pointerLeave$: e,
+  pointerUp$: n,
   pointerMove$: s,
   trackMove: o
 }) => (r) => r.pipe(
   T((p) => {
     const l = A(
-      t,
       n,
-      e
+      e,
+      t
     ).pipe(U(p)), a = ge(() => q(p));
     return A(
       a,
@@ -217,7 +217,7 @@ const N = ({
       he({ id: p.pointerId, event: void 0 })
     );
   }),
-  E(
+  F(
     (p, { event: l, id: a }) => {
       if (!l) {
         const { [a]: $, ...c } = p;
@@ -232,14 +232,14 @@ const N = ({
   ),
   h((p) => Object.values(p).filter(we))
 );
-class B extends F {
-  constructor(t = {}) {
-    super(t);
-    w(this, "events$");
-    w(this, "start$");
-    w(this, "end$");
-    w(this, "fingers$");
-    this.options = t, this.events$ = this.validConfig$.pipe(
+class B extends C {
+  constructor(n = {}) {
+    super(n);
+    m(this, "events$");
+    m(this, "start$");
+    m(this, "end$");
+    m(this, "fingers$");
+    this.options = n, this.events$ = this.validConfig$.pipe(
       R((s) => {
         const { container: o, afterEventReceived: r } = s, { posThreshold: p = 15 } = s.options ?? {}, {
           pointerCancel$: l,
@@ -262,7 +262,7 @@ class B extends F {
               $,
               c,
               i
-            ), D = d.pipe(
+            ), y = d.pipe(
               V({
                 pointerCancel$: l,
                 pointerLeave$: $,
@@ -271,41 +271,41 @@ class B extends F {
                 trackMove: !0
               }),
               Q()
-            ), m = A(
+            ), w = A(
               i,
               $,
               l
             ).pipe(
-              Y(D),
-              v(([u, y]) => !y.length),
+              Y(y),
+              v(([u, D]) => !D.length),
               h(([u]) => u),
-              O(),
-              M()
-            ), I = d.pipe(
+              z(),
+              P()
+            ), O = d.pipe(
               T(
                 (u) => c.pipe(
                   U(u),
                   // we start pan only if the user started moving a certain distance
                   v(
-                    (y) => Z(
+                    (D) => Z(
                       u,
-                      y,
+                      D,
                       p
                     )
                   )
                 )
               ),
-              O()
+              z()
             ).pipe(
               h(() => ({
                 type: "panStart",
                 event: g
               })),
-              M(),
-              x(m)
-            ), k = I.pipe(
+              P(),
+              x(w)
+            ), k = O.pipe(
               T(
-                () => m.pipe(
+                () => w.pipe(
                   h((u) => ({
                     type: "panEnd",
                     event: u
@@ -313,33 +313,33 @@ class B extends F {
                 )
               )
             ), L = f.pipe(
-              $e(I),
+              $e(O),
               h((u) => ({
                 type: "panMove",
                 event: u
               })),
-              x(m)
-            ), X = A(I, L, k).pipe(
-              Y(D),
-              h(([u, y]) => ({
+              x(w)
+            ), X = A(O, L, k).pipe(
+              Y(y),
+              h(([u, D]) => ({
                 ...u,
-                latestActivePointers: y
+                latestActivePointers: D
               })),
-              M()
+              P()
             );
             return S([
               X.pipe(W),
               X
             ]).pipe(
-              h(([u, { type: y }]) => ({
+              h(([u, { type: D }]) => ({
                 ...u,
-                type: y
+                type: D
               }))
             );
           })
         );
       }),
-      M()
+      P()
     ), this.start$ = this.events$.pipe(
       v((s) => s.type === "panStart")
     ), this.end$ = this.events$.pipe(v((s) => s.type === "panEnd")), this.fingers$ = this.validConfig$.pipe(
@@ -359,14 +359,14 @@ class B extends F {
     );
   }
 }
-const Re = (e) => (n) => n.pipe(
-  v((t) => Math.abs(t.velocityX) >= e || Math.abs(t.velocityY) >= e)
+const Re = (t) => (e) => e.pipe(
+  v((n) => Math.abs(n.velocityX) >= t || Math.abs(n.velocityY) >= t)
 );
-class be extends F {
-  constructor(t = {}) {
-    super(t);
-    w(this, "events$");
-    this.options = t, this.events$ = this.validConfig$.pipe(
+class Ie extends C {
+  constructor(n = {}) {
+    super(n);
+    m(this, "events$");
+    this.options = n, this.events$ = this.validConfig$.pipe(
       R((s) => {
         const { escapeVelocity: o = 0.9, posThreshold: r } = s.options ?? {}, p = new B({ posThreshold: r });
         p.initialize(s);
@@ -375,11 +375,11 @@ class be extends F {
         );
         return p.start$.pipe(
           j((a) => p.end$.pipe(
-            O(),
+            z(),
             Re(o),
             h(({ type: $, ...c }) => ({
               type: "swipe",
-              angle: ye(
+              angle: De(
                 a.event,
                 c.event
               ),
@@ -387,17 +387,17 @@ class be extends F {
             })),
             x(l)
           )),
-          M()
+          P()
         );
       })
     );
   }
 }
-class Ce extends F {
-  constructor(t) {
-    super(t);
-    w(this, "events$");
-    this.options = t, this.events$ = this.validConfig$.pipe(
+class be extends C {
+  constructor(n) {
+    super(n);
+    m(this, "events$");
+    this.options = n, this.events$ = this.validConfig$.pipe(
       R((s) => {
         const { container: o, afterEventReceived: r } = s, {
           multiTapThreshold: p = 200,
@@ -411,7 +411,7 @@ class Ce extends F {
         } = s.options ?? {}, { pointerUp$: i, pointerLeave$: g, pointerCancel$: d, pointerMove$: f } = N({
           container: o,
           afterEventReceived: r
-        }), D = ee({ container: o, afterEventReceived: r }), m = D.pipe(
+        }), y = ee({ container: o, afterEventReceived: r }), w = y.pipe(
           V({
             pointerCancel$: d,
             pointerLeave$: g,
@@ -420,37 +420,37 @@ class Ce extends F {
             trackMove: !1
           }),
           Q(1)
-        ), G = m.pipe(
+        ), G = w.pipe(
           v((u) => u.length > 1)
-        ), I = (u) => u.pipe(
-          Y(m),
-          v(([, y]) => y.length === 1),
-          h(([y]) => y)
+        ), O = (u) => u.pipe(
+          Y(w),
+          v(([, D]) => D.length === 1),
+          h(([D]) => D)
         ), k = (u) => u.pipe(
           ve(i.pipe(fe(p))),
-          O()
+          z()
         ), L = Te(c);
         return A(
-          D,
-          m.pipe(ue())
+          y,
+          w.pipe(ue())
         ).pipe(
-          I,
+          O,
           j((u) => {
-            const y = A(q(u), D), te = A(
+            const D = A(q(u), y), te = A(
               i,
               g,
               d,
               f
-            ), ne = y.pipe(k), se = te.pipe(
+            ), ne = D.pipe(k), se = te.pipe(
               v(
-                (P) => Z(
+                (M) => Z(
                   u,
-                  P,
+                  M,
                   $
                 )
               ),
-              O()
-            ), oe = m.pipe(
+              z()
+            ), oe = w.pipe(
               R(() => de(l))
             ), ie = A(
               L,
@@ -459,21 +459,21 @@ class Ce extends F {
               se,
               oe
             ), H = ne.pipe(
-              Me,
-              v((P) => P.length <= a),
-              h((P) => ({
+              Pe,
+              v((M) => M.length <= a),
+              h((M) => ({
                 type: "tap",
-                taps: P.length,
-                latestActivePointers: P,
-                event: P[0]
+                taps: M.length,
+                latestActivePointers: M,
+                event: M[0]
               }))
             );
             return S([
               H.pipe(W),
               H
             ]).pipe(
-              h(([P, { type: re, taps: pe }]) => ({
-                ...P,
+              h(([M, { type: re, taps: pe }]) => ({
+                ...M,
                 type: re,
                 taps: pe
               })),
@@ -482,24 +482,24 @@ class Ce extends F {
           })
         );
       }),
-      M()
+      P()
     );
   }
 }
-class Fe extends F {
-  constructor(t = {}) {
-    super(t);
-    w(this, "events$");
-    this.options = t, this.events$ = this.config$.pipe(
+class Ce extends C {
+  constructor(n = {}) {
+    super(n);
+    m(this, "events$");
+    this.options = n, this.events$ = this.config$.pipe(
       R((s) => {
         const { posThreshold: o } = s.options ?? {}, r = new B({ posThreshold: o });
         r.initialize(s);
         const p = r.events$.pipe(
           v(({ pointers: i }) => i.length < 2),
-          z()
+          E()
         ), a = r.events$.pipe(
           h((i) => [i, i.pointers.length > 1]),
-          z(
+          E(
             ([i, g], [d, f]) => g === f
           ),
           v(([i, g]) => g)
@@ -513,7 +513,7 @@ class Fe extends F {
         ), $ = a.pipe(
           T(
             () => r.events$.pipe(
-              E(
+              F(
                 (i, g) => {
                   const d = i.angle + g.deltaPointersAngle;
                   return {
@@ -532,7 +532,7 @@ class Fe extends F {
         ), c = a.pipe(
           T(
             () => S([$, p]).pipe(
-              O(),
+              z(),
               h(([i]) => ({
                 ...i,
                 type: "rotateEnd"
@@ -545,20 +545,20 @@ class Fe extends F {
     );
   }
 }
-class ze extends F {
-  constructor(t = {}) {
-    super(t);
-    w(this, "events$");
-    this.options = t, this.events$ = this.config$.pipe(
+class Ee extends C {
+  constructor(n = {}) {
+    super(n);
+    m(this, "events$");
+    this.options = n, this.events$ = this.config$.pipe(
       R((s) => {
         const { posThreshold: o } = s.options ?? {}, r = new B({ posThreshold: o });
         r.initialize(s);
         const p = r.events$.pipe(
           v(({ pointers: i }) => i.length < 2),
-          z()
+          E()
         ), a = r.events$.pipe(
           h((i) => [i, i.pointers.length > 1]),
-          z(
+          E(
             ([i, g], [d, f]) => g === f
           ),
           v(([i, g]) => g)
@@ -573,13 +573,13 @@ class ze extends F {
           }))
         ), $ = a.pipe(
           T((i) => r.events$.pipe(
-            E(
+            F(
               (g, d) => {
-                const f = g.pointersAverageDistance ?? d.pointersAverageDistance, D = d.pointersAverageDistance / i.pointersAverageDistance;
+                const f = g.pointersAverageDistance ?? d.pointersAverageDistance, y = d.pointersAverageDistance / i.pointersAverageDistance;
                 return {
                   ...g,
                   ...d,
-                  scale: D,
+                  scale: y,
                   distance: d.pointersAverageDistance - i.pointersAverageDistance,
                   deltaDistance: d.pointersAverageDistance - f,
                   deltaDistanceScale: d.pointersAverageDistance / f,
@@ -593,7 +593,7 @@ class ze extends F {
         ), c = a.pipe(
           T(
             () => S([$, p]).pipe(
-              O(),
+              z(),
               h(([i]) => ({
                 ...i,
                 type: "pinchEnd"
@@ -606,22 +606,40 @@ class ze extends F {
     );
   }
 }
-const Ee = ({
-  afterEventReceived: e = (t) => t,
-  recognizers: n
+class Fe {
+  constructor(e) {
+    m(this, "events$");
+    m(this, "recognizers");
+    this.options = e, this.recognizers = e.recognizers, this.events$ = A(
+      ...e.recognizers.map((n) => n.events$)
+    ).pipe(P());
+  }
+  initialize(e) {
+    e.style.touchAction = "none", e.style.userSelect = "none", this.options.recognizers.forEach((n) => {
+      n.initialize({
+        container: e,
+        afterEventReceived: this.options.afterEventReceived
+      });
+    });
+  }
+}
+const Se = ({
+  afterEventReceived: t = (n) => n,
+  recognizers: e
 }) => ({ events$: A(
-  ...n.map((o) => o.events$)
-).pipe(M()), initialize: (o) => {
-  o.style.touchAction = "none", o.style.userSelect = "none", n.forEach((r) => {
-    r.initialize({ container: o, afterEventReceived: e });
+  ...e.map((o) => o.events$)
+).pipe(P()), initialize: (o) => {
+  o.style.touchAction = "none", o.style.userSelect = "none", e.forEach((r) => {
+    r.initialize({ container: o, afterEventReceived: t });
   });
-}, recognizers: n });
+}, recognizers: e });
 export {
+  Fe as Manager,
   B as PanRecognizer,
-  ze as PinchRecognizer,
-  Fe as RotateRecognizer,
-  be as SwipeRecognizer,
-  Ce as TapRecognizer,
-  Ee as createManager
+  Ee as PinchRecognizer,
+  Ce as RotateRecognizer,
+  Ie as SwipeRecognizer,
+  be as TapRecognizer,
+  Se as createManager
 };
 //# sourceMappingURL=index.js.map