new design for left click and wheel (#5566)

* new design for left click and wheel

* update snap

* fix import

* fix test

* default value

* fix test

* Update test expectations [skip ci]

---------

Co-authored-by: github-actions <github-actions@github.com>

src/platform/settings/composables/useLitegraphSettings.ts

@@ -131,11 +131,26 @@ export const useLitegraphSettings = () => {
     const navigationMode = settingStore.get('Comfy.Canvas.NavigationMode') as
       | 'standard'
       | 'legacy'
+      | 'custom'
 
     LiteGraph.canvasNavigationMode = navigationMode
     LiteGraph.macTrackpadGestures = navigationMode === 'standard'
   })
 
+  watchEffect(() => {
+    const leftMouseBehavior = settingStore.get(
+      'Comfy.Canvas.LeftMouseClickBehavior'
+    ) as 'panning' | 'select'
+    LiteGraph.leftMouseClickBehavior = leftMouseBehavior
+  })
+
+  watchEffect(() => {
+    const mouseWheelScroll = settingStore.get(
+      'Comfy.Canvas.MouseWheelScroll'
+    ) as 'panning' | 'zoom'
+    LiteGraph.mouseWheelScroll = mouseWheelScroll
+  })
+
   watchEffect(() => {
     LiteGraph.saveViewportWithGraph = settingStore.get(
       'Comfy.EnableWorkflowViewRestore'