@neo4j-nvl/interaction-handlers 0.2.17 → 0.2.19

package/lib/interaction-handlers/pan-interaction.d.ts

@@ -52,6 +52,7 @@ export declare class PanInteraction extends BaseInteraction<PanInteractionCallba
     updateTargets: (targets: Array<'node' | 'relationship'>, excludeNodeMargin: boolean) => void;
     private handleMouseDown;
     private handleMouseMove;
+    private handleMouseUp;
     /**
      * Removes the related event listeners from the canvas.
      */

package/lib/interaction-handlers/pan-interaction.js

@@ -100,12 +100,21 @@ export class PanInteraction extends BaseInteraction {
                 this.mousePosition = { x: evt.clientX, y: evt.clientY };
             }
         });
+        Object.defineProperty(this, "handleMouseUp", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: () => {
+                this.shouldPan = false;
+            }
+        });
         this.mousePosition = { x: 0, y: 0 };
         this.targets = [];
         this.excludeNodeMargin = false;
         this.shouldPan = false;
         this.addEventListener('mousedown', this.handleMouseDown, true);
         this.addEventListener('mousemove', this.handleMouseMove, true);
+        this.addEventListener('mouseup', this.handleMouseUp, true);
     }
     /**
      * Removes the related event listeners from the canvas.
@@ -113,5 +122,6 @@ export class PanInteraction extends BaseInteraction {
     destroy() {
         this.removeEventListener('mousedown', this.handleMouseDown, true);
         this.removeEventListener('mousemove', this.handleMouseMove, true);
+        this.removeEventListener('mouseup', this.handleMouseUp, true);
     }
 }

package/lib/interaction-handlers/zoom-interaction.d.ts

@@ -26,8 +26,6 @@ export type ZoomInteractionCallbacks = {
  * ```
  */
 export declare class ZoomInteraction extends BaseInteraction<ZoomInteractionCallbacks> {
-    private MinZoom;
-    private MaxZoom;
     /**
      * Creates a new instance of the zoom interaction handler.
      * @param nvl - The NVL instance to attach the interaction handler to

package/lib/interaction-handlers/zoom-interaction.js

@@ -21,18 +21,6 @@ export class ZoomInteraction extends BaseInteraction {
      */
     constructor(nvl) {
         super(nvl);
-        Object.defineProperty(this, "MinZoom", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "MaxZoom", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
         /**
          * Throttled zoom function to avoid events happening too fast.
          * @param event - The original mouse wheel event
@@ -53,9 +41,6 @@ export class ZoomInteraction extends BaseInteraction {
                 const { x, y } = this.nvlInstance.getPan();
                 const factor = event.deltaY / 500;
                 const newZoomTarget = zoom - factor * Math.min(1, zoom);
-                if (newZoomTarget < this.MinZoom || newZoomTarget > this.MaxZoom) {
-                    return;
-                }
                 const { offsetX, offsetY } = this.nvlInstance.getMouseElementCoordinates(event);
                 const newPanX = x + (offsetX / zoom - offsetX / newZoomTarget);
                 const newPanY = y + (offsetY / zoom - offsetY / newZoomTarget);
@@ -83,8 +68,6 @@ export class ZoomInteraction extends BaseInteraction {
                 this.removeEventListener('wheel', this.handleWheel);
             }
         });
-        this.MinZoom = 0.1;
-        this.MaxZoom = 5;
         this.addEventListener('wheel', this.handleWheel);
     }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@neo4j-nvl/interaction-handlers",
-  "version": "0.2.17",
+  "version": "0.2.19",
   "license": "SEE LICENSE IN 'Neo4j Early Access Agreement - Visualization Library.pdf'",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",