igniteui-angular 22.1.5 → 22.1.6

package/fesm2022/igniteui-angular-core.mjs

@@ -1108,9 +1108,10 @@ class IgxTouchManager {
                 return;
             }
             const gesture = this._createEvent(event);
-            // Defer `panStart` until movement actually begins, mirroring Hammer's `panstart`.
-            // A press with no movement (a tap) therefore never raises `panStart`.
             if (!this._panStarted) {
+                if (!this._canStartPan(gesture)) {
+                    return;
+                }
                 this._panStarted = true;
                 if (this.callbacks.panStart) {
                     this._runInAngular(() => this.callbacks.panStart?.(gesture));
@@ -1128,15 +1129,15 @@ class IgxTouchManager {
             if (!this._tracking || event.pointerId !== this._pointerId || !this._accepts(event.pointerType)) {
                 return;
             }
-            this._tracking = false;
-            this._pointerId = null;
             const gesture = this._createEvent(event);
+            const panStarted = this._panStarted;
+            this._resetTracking();
             this._runInAngular(() => {
                 if (this.callbacks.tap && gesture.distance < this._tapThreshold) {
                     this.callbacks.tap(gesture);
                     return;
                 }
-                if (this.callbacks.swipe &&
+                if (panStarted && this.callbacks.swipe &&
                     gesture.velocity > this._swipeVelocityThreshold &&
                     Math.abs(gesture.deltaX) > Math.abs(gesture.deltaY)) {
                     this.callbacks.swipe(gesture);
@@ -1151,10 +1152,9 @@ class IgxTouchManager {
             if (!this._tracking || event.pointerId !== this._pointerId) {
                 return;
             }
-            this._tracking = false;
-            this._pointerId = null;
+            const gesture = this._createEvent(event);
+            this._resetTracking();
             if (this.callbacks.panCancel) {
-                const gesture = this._createEvent(event);
                 this._runInAngular(() => this.callbacks.panCancel?.(gesture));
             }
         };
@@ -1162,14 +1162,17 @@ class IgxTouchManager {
             if (!(event instanceof TouchEvent)) {
                 return;
             }
-            // Prevent scrolling only while a gesture is actively tracked.
-            if (this._tracking && event.cancelable) {
+            // Preserve native scrolling and compatibility clicks while the contact is
+            // only a tap candidate. Suppress scrolling after a pan is recognized.
+            if (this._tracking && this._panStarted && event.cancelable) {
                 event.preventDefault();
             }
         };
         this._pointerTypes = options.pointerTypes ?? ['touch', 'pen'];
         this._setPointerCapture = options.setPointerCapture ?? true;
         this._tapThreshold = options.tapThreshold ?? 0;
+        this._panThreshold = options.panThreshold ?? 0;
+        this._panAxis = options.panAxis ?? 'all';
         this._swipeVelocityThreshold = options.swipeVelocityThreshold ?? 0.3;
         this._canStart = options.canStart ?? null;
         this._ngZone = options.ngZone ?? null;
@@ -1196,15 +1199,14 @@ class IgxTouchManager {
     }
     /** Detaches all listeners and stops tracking. */
     destroy() {
-        if (!this._supported) {
-            return;
+        if (this._supported) {
+            this.target.removeEventListener('pointerdown', this._onPointerDown);
+            this.target.removeEventListener('pointermove', this._onPointerMove);
+            this.target.removeEventListener('pointerup', this._onPointerUp);
+            this.target.removeEventListener('pointercancel', this._onPointerCancel);
+            this.target.removeEventListener('touchmove', this._onTouchMove);
         }
-        this.target.removeEventListener('pointerdown', this._onPointerDown);
-        this.target.removeEventListener('pointermove', this._onPointerMove);
-        this.target.removeEventListener('pointerup', this._onPointerUp);
-        this.target.removeEventListener('pointercancel', this._onPointerCancel);
-        this.target.removeEventListener('touchmove', this._onTouchMove);
-        this._tracking = false;
+        this._resetTracking();
     }
     _accepts(pointerType) {
         return this._pointerTypes.includes(pointerType);
@@ -1252,12 +1254,21 @@ class IgxTouchManager {
             }
         };
     }
+    _canStartPan(event) {
+        if (event.distance < this._panThreshold) {
+            return false;
+        }
+        if (this._panAxis === 'horizontal') {
+            return Math.abs(event.deltaX) > Math.abs(event.deltaY);
+        }
+        if (this._panAxis === 'vertical') {
+            return Math.abs(event.deltaY) > Math.abs(event.deltaX);
+        }
+        return true;
+    }
     /** Stops tracking the current gesture and best-effort releases the pointer capture. */
     _stopTracking(pointerId) {
-        this._tracking = false;
-        this._panStarted = false;
-        this._pointerId = null;
-        this._startTarget = null;
+        this._resetTracking();
         if (this._setPointerCapture && typeof this.target.releasePointerCapture === 'function') {
             try {
                 this.target.releasePointerCapture(pointerId);
@@ -1268,6 +1279,12 @@ class IgxTouchManager {
             }
         }
     }
+    _resetTracking() {
+        this._tracking = false;
+        this._panStarted = false;
+        this._pointerId = null;
+        this._startTarget = null;
+    }
 }
 
 /* csSuppress */