new playground

ElyaConrad · Apr 19, 2024 · b3b8875 · b3b8875
1 parent 4ed56b3
commit b3b8875
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 1 deletion.
diff --git a/zoompinch-vue/package.json b/zoompinch-vue/package.json
@@ -1,7 +1,7 @@
 {
   "name": "zoompinch",
   "private": false,
-  "version": "0.0.27",
+  "version": "0.0.28",
   "type": "module",
   "files": [
     "package.json",

diff --git a/zoompinch-vue/src/components/Zoompinch.vue b/zoompinch-vue/src/components/Zoompinch.vue
@@ -50,6 +50,7 @@
 import { useZoom } from '../controllers/zoom';
 import { ref, defineProps, toRef, computed, onMounted, watch, toRefs, onUnmounted, reactive } from 'vue';
 import { radiansToDegrees } from '../controllers/helpers';
+import { detectTrackpad } from '../controllers/wheel';
 
 export type Transform = {
   x: number;
@@ -180,6 +181,8 @@ onMounted(() => {
 
 const wheelProxy = (event: WheelEvent) => {
   if (props.wheel) {
+    const isTrackpad = detectTrackpad(event);
+    console.log('isTrackpad', isTrackpad);
     handleWheel(event);
   }
 };

diff --git a/zoompinch-vue/src/controllers/wheel.ts b/zoompinch-vue/src/controllers/wheel.ts
@@ -1,6 +1,18 @@
 import { Ref } from 'vue';
 import { clamp } from './helpers';
 
+export function detectTrackpad(event: WheelEvent) {
+  var isTrackpad = false;
+  if ((event as any).wheelDeltaY) {
+    if ((event as any).wheelDeltaY === event.deltaY * -3) {
+      isTrackpad = true;
+    }
+  } else if (event.deltaMode === 0) {
+    isTrackpad = true;
+  }
+  return isTrackpad;
+}
+
 export function useWheel({
   scale,
   translate,