@almadar/ui 5.122.9 → 5.122.10

package/dist/avl/index.cjs

@@ -13044,6 +13044,13 @@ function Canvas2D({
     onPanDelta: applyPanDelta,
     onMultiTouchStart: cancelSinglePointer
   });
+  const canvasWheelHandler = gestureHandlers.onWheel;
+  React91.useEffect(() => {
+    const el = canvasRef.current;
+    if (!el) return;
+    el.addEventListener("wheel", canvasWheelHandler, { passive: false });
+    return () => el.removeEventListener("wheel", canvasWheelHandler);
+  }, [canvasWheelHandler]);
   React91.useEffect(() => {
     if (!keyMap && !keyUpMap) return;
     const onDown = (e) => {
@@ -13113,7 +13120,6 @@ function Canvas2D({
             onPointerUp: gestureHandlers.onPointerUp,
             onPointerCancel: gestureHandlers.onPointerCancel,
             onPointerLeave: handleCanvasPointerLeave,
-            onWheel: gestureHandlers.onWheel,
             onContextMenu: (e) => e.preventDefault(),
             className: "cursor-pointer touch-none",
             tabIndex: isFree || keyMap || keyUpMap ? 0 : void 0,
@@ -37997,6 +38003,13 @@ var init_GraphCanvas = __esm({
         onPanDelta: applyPanDelta,
         onMultiTouchStart: cancelSinglePointer
       });
+      const wheelHandler = gestureHandlers.onWheel;
+      React91.useEffect(() => {
+        const el = canvasRef.current;
+        if (!el) return;
+        el.addEventListener("wheel", wheelHandler, { passive: false });
+        return () => el.removeEventListener("wheel", wheelHandler);
+      }, [wheelHandler]);
       const handleDoubleClick = React91.useCallback(
         (e) => {
           const coords = toCoords(e);
@@ -38087,7 +38100,6 @@ var init_GraphCanvas = __esm({
               onPointerUp: gestureHandlers.onPointerUp,
               onPointerCancel: gestureHandlers.onPointerCancel,
               onPointerLeave: handlePointerLeave,
-              onWheel: gestureHandlers.onWheel,
               onDoubleClick: handleDoubleClick
             }
           ),

package/dist/avl/index.js

@@ -12998,6 +12998,13 @@ function Canvas2D({
     onPanDelta: applyPanDelta,
     onMultiTouchStart: cancelSinglePointer
   });
+  const canvasWheelHandler = gestureHandlers.onWheel;
+  useEffect(() => {
+    const el = canvasRef.current;
+    if (!el) return;
+    el.addEventListener("wheel", canvasWheelHandler, { passive: false });
+    return () => el.removeEventListener("wheel", canvasWheelHandler);
+  }, [canvasWheelHandler]);
   useEffect(() => {
     if (!keyMap && !keyUpMap) return;
     const onDown = (e) => {
@@ -13067,7 +13074,6 @@ function Canvas2D({
             onPointerUp: gestureHandlers.onPointerUp,
             onPointerCancel: gestureHandlers.onPointerCancel,
             onPointerLeave: handleCanvasPointerLeave,
-            onWheel: gestureHandlers.onWheel,
             onContextMenu: (e) => e.preventDefault(),
             className: "cursor-pointer touch-none",
             tabIndex: isFree || keyMap || keyUpMap ? 0 : void 0,
@@ -37951,6 +37957,13 @@ var init_GraphCanvas = __esm({
         onPanDelta: applyPanDelta,
         onMultiTouchStart: cancelSinglePointer
       });
+      const wheelHandler = gestureHandlers.onWheel;
+      useEffect(() => {
+        const el = canvasRef.current;
+        if (!el) return;
+        el.addEventListener("wheel", wheelHandler, { passive: false });
+        return () => el.removeEventListener("wheel", wheelHandler);
+      }, [wheelHandler]);
       const handleDoubleClick = useCallback(
         (e) => {
           const coords = toCoords(e);
@@ -38041,7 +38054,6 @@ var init_GraphCanvas = __esm({
               onPointerUp: gestureHandlers.onPointerUp,
               onPointerCancel: gestureHandlers.onPointerCancel,
               onPointerLeave: handlePointerLeave,
-              onWheel: gestureHandlers.onWheel,
               onDoubleClick: handleDoubleClick
             }
           ),

package/dist/components/index.cjs

@@ -15983,6 +15983,13 @@ function Canvas2D({
     onPanDelta: applyPanDelta,
     onMultiTouchStart: cancelSinglePointer
   });
+  const canvasWheelHandler = gestureHandlers.onWheel;
+  React74.useEffect(() => {
+    const el = canvasRef.current;
+    if (!el) return;
+    el.addEventListener("wheel", canvasWheelHandler, { passive: false });
+    return () => el.removeEventListener("wheel", canvasWheelHandler);
+  }, [canvasWheelHandler]);
   React74.useEffect(() => {
     if (!keyMap && !keyUpMap) return;
     const onDown = (e) => {
@@ -16052,7 +16059,6 @@ function Canvas2D({
             onPointerUp: gestureHandlers.onPointerUp,
             onPointerCancel: gestureHandlers.onPointerCancel,
             onPointerLeave: handleCanvasPointerLeave,
-            onWheel: gestureHandlers.onWheel,
             onContextMenu: (e) => e.preventDefault(),
             className: "cursor-pointer touch-none",
             tabIndex: isFree || keyMap || keyUpMap ? 0 : void 0,
@@ -37371,6 +37377,13 @@ var init_GraphCanvas = __esm({
         onPanDelta: applyPanDelta,
         onMultiTouchStart: cancelSinglePointer
       });
+      const wheelHandler = gestureHandlers.onWheel;
+      React74.useEffect(() => {
+        const el = canvasRef.current;
+        if (!el) return;
+        el.addEventListener("wheel", wheelHandler, { passive: false });
+        return () => el.removeEventListener("wheel", wheelHandler);
+      }, [wheelHandler]);
       const handleDoubleClick = React74.useCallback(
         (e) => {
           const coords = toCoords(e);
@@ -37461,7 +37474,6 @@ var init_GraphCanvas = __esm({
               onPointerUp: gestureHandlers.onPointerUp,
               onPointerCancel: gestureHandlers.onPointerCancel,
               onPointerLeave: handlePointerLeave,
-              onWheel: gestureHandlers.onWheel,
               onDoubleClick: handleDoubleClick
             }
           ),

package/dist/components/index.js

@@ -15938,6 +15938,13 @@ function Canvas2D({
     onPanDelta: applyPanDelta,
     onMultiTouchStart: cancelSinglePointer
   });
+  const canvasWheelHandler = gestureHandlers.onWheel;
+  useEffect(() => {
+    const el = canvasRef.current;
+    if (!el) return;
+    el.addEventListener("wheel", canvasWheelHandler, { passive: false });
+    return () => el.removeEventListener("wheel", canvasWheelHandler);
+  }, [canvasWheelHandler]);
   useEffect(() => {
     if (!keyMap && !keyUpMap) return;
     const onDown = (e) => {
@@ -16007,7 +16014,6 @@ function Canvas2D({
             onPointerUp: gestureHandlers.onPointerUp,
             onPointerCancel: gestureHandlers.onPointerCancel,
             onPointerLeave: handleCanvasPointerLeave,
-            onWheel: gestureHandlers.onWheel,
             onContextMenu: (e) => e.preventDefault(),
             className: "cursor-pointer touch-none",
             tabIndex: isFree || keyMap || keyUpMap ? 0 : void 0,
@@ -37326,6 +37332,13 @@ var init_GraphCanvas = __esm({
         onPanDelta: applyPanDelta,
         onMultiTouchStart: cancelSinglePointer
       });
+      const wheelHandler = gestureHandlers.onWheel;
+      useEffect(() => {
+        const el = canvasRef.current;
+        if (!el) return;
+        el.addEventListener("wheel", wheelHandler, { passive: false });
+        return () => el.removeEventListener("wheel", wheelHandler);
+      }, [wheelHandler]);
       const handleDoubleClick = useCallback(
         (e) => {
           const coords = toCoords(e);
@@ -37416,7 +37429,6 @@ var init_GraphCanvas = __esm({
               onPointerUp: gestureHandlers.onPointerUp,
               onPointerCancel: gestureHandlers.onPointerCancel,
               onPointerLeave: handlePointerLeave,
-              onWheel: gestureHandlers.onWheel,
               onDoubleClick: handleDoubleClick
             }
           ),

package/dist/hooks/index.d.cts

@@ -830,7 +830,7 @@ interface CanvasGestureHandlers {
     onPointerMove: (e: React.PointerEvent<HTMLCanvasElement>) => void;
     onPointerUp: (e: React.PointerEvent<HTMLCanvasElement>) => void;
     onPointerCancel: (e: React.PointerEvent<HTMLCanvasElement>) => void;
-    onWheel: (e: React.WheelEvent<HTMLCanvasElement>) => void;
+    onWheel: (e: WheelEvent) => void;
 }
 declare function useCanvasGestures(options: UseCanvasGesturesOptions): CanvasGestureHandlers;
 

package/dist/hooks/index.d.ts

@@ -830,7 +830,7 @@ interface CanvasGestureHandlers {
     onPointerMove: (e: React.PointerEvent<HTMLCanvasElement>) => void;
     onPointerUp: (e: React.PointerEvent<HTMLCanvasElement>) => void;
     onPointerCancel: (e: React.PointerEvent<HTMLCanvasElement>) => void;
-    onWheel: (e: React.WheelEvent<HTMLCanvasElement>) => void;
+    onWheel: (e: WheelEvent) => void;
 }
 declare function useCanvasGestures(options: UseCanvasGesturesOptions): CanvasGestureHandlers;
 

package/dist/providers/index.cjs

@@ -9301,6 +9301,13 @@ function Canvas2D({
     onPanDelta: applyPanDelta,
     onMultiTouchStart: cancelSinglePointer
   });
+  const canvasWheelHandler = gestureHandlers.onWheel;
+  React84.useEffect(() => {
+    const el = canvasRef.current;
+    if (!el) return;
+    el.addEventListener("wheel", canvasWheelHandler, { passive: false });
+    return () => el.removeEventListener("wheel", canvasWheelHandler);
+  }, [canvasWheelHandler]);
   React84.useEffect(() => {
     if (!keyMap && !keyUpMap) return;
     const onDown = (e) => {
@@ -9370,7 +9377,6 @@ function Canvas2D({
             onPointerUp: gestureHandlers.onPointerUp,
             onPointerCancel: gestureHandlers.onPointerCancel,
             onPointerLeave: handleCanvasPointerLeave,
-            onWheel: gestureHandlers.onWheel,
             onContextMenu: (e) => e.preventDefault(),
             className: "cursor-pointer touch-none",
             tabIndex: isFree || keyMap || keyUpMap ? 0 : void 0,
@@ -36140,6 +36146,13 @@ var init_GraphCanvas = __esm({
         onPanDelta: applyPanDelta,
         onMultiTouchStart: cancelSinglePointer
       });
+      const wheelHandler = gestureHandlers.onWheel;
+      React84.useEffect(() => {
+        const el = canvasRef.current;
+        if (!el) return;
+        el.addEventListener("wheel", wheelHandler, { passive: false });
+        return () => el.removeEventListener("wheel", wheelHandler);
+      }, [wheelHandler]);
       const handleDoubleClick = React84.useCallback(
         (e) => {
           const coords = toCoords(e);
@@ -36230,7 +36243,6 @@ var init_GraphCanvas = __esm({
               onPointerUp: gestureHandlers.onPointerUp,
               onPointerCancel: gestureHandlers.onPointerCancel,
               onPointerLeave: handlePointerLeave,
-              onWheel: gestureHandlers.onWheel,
               onDoubleClick: handleDoubleClick
             }
           ),

package/dist/providers/index.js

@@ -9256,6 +9256,13 @@ function Canvas2D({
     onPanDelta: applyPanDelta,
     onMultiTouchStart: cancelSinglePointer
   });
+  const canvasWheelHandler = gestureHandlers.onWheel;
+  useEffect(() => {
+    const el = canvasRef.current;
+    if (!el) return;
+    el.addEventListener("wheel", canvasWheelHandler, { passive: false });
+    return () => el.removeEventListener("wheel", canvasWheelHandler);
+  }, [canvasWheelHandler]);
   useEffect(() => {
     if (!keyMap && !keyUpMap) return;
     const onDown = (e) => {
@@ -9325,7 +9332,6 @@ function Canvas2D({
             onPointerUp: gestureHandlers.onPointerUp,
             onPointerCancel: gestureHandlers.onPointerCancel,
             onPointerLeave: handleCanvasPointerLeave,
-            onWheel: gestureHandlers.onWheel,
             onContextMenu: (e) => e.preventDefault(),
             className: "cursor-pointer touch-none",
             tabIndex: isFree || keyMap || keyUpMap ? 0 : void 0,
@@ -36095,6 +36101,13 @@ var init_GraphCanvas = __esm({
         onPanDelta: applyPanDelta,
         onMultiTouchStart: cancelSinglePointer
       });
+      const wheelHandler = gestureHandlers.onWheel;
+      useEffect(() => {
+        const el = canvasRef.current;
+        if (!el) return;
+        el.addEventListener("wheel", wheelHandler, { passive: false });
+        return () => el.removeEventListener("wheel", wheelHandler);
+      }, [wheelHandler]);
       const handleDoubleClick = useCallback(
         (e) => {
           const coords = toCoords(e);
@@ -36185,7 +36198,6 @@ var init_GraphCanvas = __esm({
               onPointerUp: gestureHandlers.onPointerUp,
               onPointerCancel: gestureHandlers.onPointerCancel,
               onPointerLeave: handlePointerLeave,
-              onWheel: gestureHandlers.onWheel,
               onDoubleClick: handleDoubleClick
             }
           ),

package/dist/runtime/index.cjs

@@ -9636,6 +9636,13 @@ function Canvas2D({
     onPanDelta: applyPanDelta,
     onMultiTouchStart: cancelSinglePointer
   });
+  const canvasWheelHandler = gestureHandlers.onWheel;
+  React82.useEffect(() => {
+    const el = canvasRef.current;
+    if (!el) return;
+    el.addEventListener("wheel", canvasWheelHandler, { passive: false });
+    return () => el.removeEventListener("wheel", canvasWheelHandler);
+  }, [canvasWheelHandler]);
   React82.useEffect(() => {
     if (!keyMap && !keyUpMap) return;
     const onDown = (e) => {
@@ -9705,7 +9712,6 @@ function Canvas2D({
             onPointerUp: gestureHandlers.onPointerUp,
             onPointerCancel: gestureHandlers.onPointerCancel,
             onPointerLeave: handleCanvasPointerLeave,
-            onWheel: gestureHandlers.onWheel,
             onContextMenu: (e) => e.preventDefault(),
             className: "cursor-pointer touch-none",
             tabIndex: isFree || keyMap || keyUpMap ? 0 : void 0,
@@ -35492,6 +35498,13 @@ var init_GraphCanvas = __esm({
         onPanDelta: applyPanDelta,
         onMultiTouchStart: cancelSinglePointer
       });
+      const wheelHandler = gestureHandlers.onWheel;
+      React82.useEffect(() => {
+        const el = canvasRef.current;
+        if (!el) return;
+        el.addEventListener("wheel", wheelHandler, { passive: false });
+        return () => el.removeEventListener("wheel", wheelHandler);
+      }, [wheelHandler]);
       const handleDoubleClick = React82.useCallback(
         (e) => {
           const coords = toCoords(e);
@@ -35582,7 +35595,6 @@ var init_GraphCanvas = __esm({
               onPointerUp: gestureHandlers.onPointerUp,
               onPointerCancel: gestureHandlers.onPointerCancel,
               onPointerLeave: handlePointerLeave,
-              onWheel: gestureHandlers.onWheel,
               onDoubleClick: handleDoubleClick
             }
           ),

package/dist/runtime/index.js

@@ -9592,6 +9592,13 @@ function Canvas2D({
     onPanDelta: applyPanDelta,
     onMultiTouchStart: cancelSinglePointer
   });
+  const canvasWheelHandler = gestureHandlers.onWheel;
+  useEffect(() => {
+    const el = canvasRef.current;
+    if (!el) return;
+    el.addEventListener("wheel", canvasWheelHandler, { passive: false });
+    return () => el.removeEventListener("wheel", canvasWheelHandler);
+  }, [canvasWheelHandler]);
   useEffect(() => {
     if (!keyMap && !keyUpMap) return;
     const onDown = (e) => {
@@ -9661,7 +9668,6 @@ function Canvas2D({
             onPointerUp: gestureHandlers.onPointerUp,
             onPointerCancel: gestureHandlers.onPointerCancel,
             onPointerLeave: handleCanvasPointerLeave,
-            onWheel: gestureHandlers.onWheel,
             onContextMenu: (e) => e.preventDefault(),
             className: "cursor-pointer touch-none",
             tabIndex: isFree || keyMap || keyUpMap ? 0 : void 0,
@@ -35448,6 +35454,13 @@ var init_GraphCanvas = __esm({
         onPanDelta: applyPanDelta,
         onMultiTouchStart: cancelSinglePointer
       });
+      const wheelHandler = gestureHandlers.onWheel;
+      useEffect(() => {
+        const el = canvasRef.current;
+        if (!el) return;
+        el.addEventListener("wheel", wheelHandler, { passive: false });
+        return () => el.removeEventListener("wheel", wheelHandler);
+      }, [wheelHandler]);
       const handleDoubleClick = useCallback(
         (e) => {
           const coords = toCoords(e);
@@ -35538,7 +35551,6 @@ var init_GraphCanvas = __esm({
               onPointerUp: gestureHandlers.onPointerUp,
               onPointerCancel: gestureHandlers.onPointerCancel,
               onPointerLeave: handlePointerLeave,
-              onWheel: gestureHandlers.onWheel,
               onDoubleClick: handleDoubleClick
             }
           ),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@almadar/ui",
-  "version": "5.122.9",
+  "version": "5.122.10",
   "description": "React UI components, hooks, and providers for Almadar",
   "type": "module",
   "sideEffects": [