@3dsource/angular-unreal-module 0.0.193 → 0.0.194

package/fesm2022/3dsource-angular-unreal-module.mjs

@@ -5988,6 +5988,8 @@ i0.ɵɵngDeclareClassMetadata({
 		args: [{ providedIn: "root" }]
 	}]
 });
+const TOUCH_GESTURE_SETTLE_MS = 150;
+const distanceBetween = (touches) => Math.hypot(touches[1].clientX - touches[0].clientX, touches[1].clientY - touches[0].clientY);
 var AnalyticsService = class AnalyticsService extends SubService {
 	#stopMouse$ = new Subject();
 	constructor() {
@@ -6001,7 +6003,7 @@ var AnalyticsService = class AnalyticsService extends SubService {
 		const stop$ = merge(this.#stopMouse$, this.destroy$);
 		const element = document.getElementById("streamingVideo");
 		if (!element) return;
-		const mousewheel$ = fromEvent(element, "wheel").pipe(takeUntil(stop$), throttleTime(1e3));
+		const mousewheel$ = fromEvent(element, "wheel").pipe(takeUntil(stop$), filter((event) => event.deltaY !== 0), throttleTime(1e3));
 		const mousedown$ = fromEvent(element, "mousedown").pipe(takeUntil(stop$));
 		const touchStart$ = fromEvent(element, "touchstart").pipe(takeUntil(stop$));
 		const touchMove$ = fromEvent(element, "touchmove").pipe(takeUntil(stop$), throttleTime(200));
@@ -6012,21 +6014,21 @@ var AnalyticsService = class AnalyticsService extends SubService {
 				action: downEvent.button === 0 ? "spinning" : "panning"
 			});
 		})).subscribe();
-		touchStart$.pipe(tap$1((downEvent) => {
-			const totalTouches = downEvent.touches.length;
+		touchStart$.pipe(map((downEvent) => {
 			const touch = downEvent.touches[0];
-			this.sendEventToMixPanel("touch_interaction", {
+			return {
 				viewX: touch.clientX / element.clientWidth,
 				viewY: touch.clientY / element.clientHeight,
-				action: totalTouches === 1 ? "spinning" : "panning"
-			});
-		})).subscribe();
+				action: downEvent.touches.length === 1 ? "spinning" : "panning"
+			};
+		}), debounceTime(TOUCH_GESTURE_SETTLE_MS), tap$1((interaction) => this.sendEventToMixPanel("touch_interaction", interaction))).subscribe();
 		let initialTouchDistance = 0;
+		touchStart$.pipe(filter((event) => event.touches.length >= 2)).subscribe((event) => {
+			initialTouchDistance = distanceBetween(event.touches);
+		});
 		touchMove$.subscribe((event) => {
 			if (event.touches.length < 2) return;
-			const touch1 = event.touches[0];
-			const touch2 = event.touches[1];
-			const currentDistance = Math.sqrt(Math.pow(touch2.clientX - touch1.clientX, 2) + Math.pow(touch2.clientY - touch1.clientY, 2));
+			const currentDistance = distanceBetween(event.touches);
 			const deltaDistance = currentDistance - initialTouchDistance;
 			const isZoomingIn = deltaDistance > 0;
 			if (Math.abs(deltaDistance) > 10) {
@@ -6039,7 +6041,7 @@ var AnalyticsService = class AnalyticsService extends SubService {
 		});
 		mousewheel$.subscribe((event) => {
 			this.sendEventToMixPanel("mouse_zoom_interaction", {
-				delta: -(event.deltaY / Math.abs(event.deltaY)),
+				delta: -Math.sign(event.deltaY),
 				action: event.deltaY < 0 ? "zoomin" : "zoomout"
 			});
 		});