reset accumulated change on start rather than end

Author: JCQuintas

packages/x-charts-pro/src/internals/plugins/useChartProZoom/gestureHooks/usePanOnDrag.ts

@@ -56,11 +56,11 @@ export const usePanOnDrag = (
     const handlePanStart = (event: PanEvent) => {
       if (!(event.detail.target as SVGElement)?.closest('[data-charts-zoom-slider]')) {
         isInteracting.current = true;
+        accumulatedChange.current = { x: 0, y: 0 };
       }
     };
     const handlePanEnd = () => {
       isInteracting.current = false;
-      accumulatedChange.current = { x: 0, y: 0 };
     };
 
     const throttledCallback = rafThrottle(() => {

packages/x-charts-pro/src/internals/plugins/useChartProZoom/gestureHooks/usePanOnPressAndDrag.ts

@@ -56,12 +56,12 @@ export const usePanOnPressAndDrag = (
     const handlePressAndDragStart = (event: PressAndDragEvent) => {
       if (!(event.detail.target as SVGElement)?.closest('[data-charts-zoom-slider]')) {
         isInteracting.current = true;
+        accumulatedChange.current = { x: 0, y: 0 };
       }
     };
 
     const handlePressAndDragEnd = () => {
       isInteracting.current = false;
-      accumulatedChange.current = { x: 0, y: 0 };
     };
 
     const throttledCallback = rafThrottle(() => {