@neo4j-nvl/interaction-handlers 2.0.0 → 2.1.0

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

@@ -1,135 +1,120 @@
-import { BaseInteraction } from './base';
-import { isDraggingMovement } from './utils';
+import { BaseInteraction } from "./base.js";
+import { isDraggingMovement } from "./utils.js";
+// src/interaction-handlers/click-interaction.ts
 /**
- * Marks the given ids as selected and deselects everything that is currently selected but not in that list.
- */
+* Marks the given ids as selected and deselects everything that is currently selected but not in that list.
+*/
 const buildSelectionUpdates = (idsToSelect, currentlySelected) => {
-    const keptSelected = new Set(idsToSelect);
-    return [
-        ...idsToSelect.map((id) => ({ id, selected: true })),
-        ...currentlySelected.filter(({ id }) => !keptSelected.has(id)).map(({ id }) => ({ id, selected: false }))
-    ];
+	const keptSelected = new Set(idsToSelect);
+	return [...idsToSelect.map((id) => ({
+		id,
+		selected: true
+	})), ...currentlySelected.filter(({ id }) => !keptSelected.has(id)).map(({ id }) => ({
+		id,
+		selected: false
+	}))];
 };
 /**
- * Click interaction handler that handles click, double click and right click events on
- * nodes, relationships, clusters, and the scene.
- *
- * For examples, head to the {@link https://neo4j.com/docs/nvl/current/interaction-handlers/#_clickinteraction Click Interaction documentation page}.
- */
-export class ClickInteraction extends BaseInteraction {
-    moved = false;
-    mousePosition = { x: 0, y: 0 };
-    /**
-     * Creates a new click interaction handler.
-     * @param nvl - The NVL instance to attach the interaction handler to.
-     * @param options - Options for the click interaction handler.
-     */
-    constructor(nvl, options = { selectOnClick: false }) {
-        super(nvl, options);
-        this.addEventListener('mousedown', this.handleMouseDown, true);
-        this.addEventListener('click', this.handleClick, true);
-        this.addEventListener('dblclick', this.handleDoubleClick, true);
-        this.addEventListener('contextmenu', this.handleRightClick, true);
-    }
-    handleMouseDown = (event) => {
-        this.mousePosition = { x: event.clientX, y: event.clientY };
-    };
-    handleRightClick = (event) => {
-        event.preventDefault();
-        const { nvlTargets } = this.nvlInstance.getHits(event);
-        const { nodes = [], relationships = [], clusters = [] } = nvlTargets;
-        if (nodes.length === 0 && relationships.length === 0 && clusters.length === 0) {
-            this.callCallbackIfRegistered('onCanvasRightClick', event);
-            return;
-        }
-        if (nodes.length > 0) {
-            this.callCallbackIfRegistered('onNodeRightClick', nodes[0]?.data, nvlTargets, event);
-        }
-        else if (relationships.length > 0) {
-            this.callCallbackIfRegistered('onRelationshipRightClick', relationships[0]?.data, nvlTargets, event);
-        }
-        else if (clusters.length > 0) {
-            this.callCallbackIfRegistered('onClusterRightClick', clusters[0]?.data, nvlTargets, event);
-        }
-    };
-    handleDoubleClick = (event) => {
-        const { nvlTargets } = this.nvlInstance.getHits(event);
-        const { nodes = [], relationships = [], clusters = [] } = nvlTargets;
-        if (nodes.length === 0 && relationships.length === 0 && clusters.length === 0) {
-            this.callCallbackIfRegistered('onCanvasDoubleClick', event);
-            return;
-        }
-        if (nodes.length > 0) {
-            this.callCallbackIfRegistered('onNodeDoubleClick', nodes[0]?.data, nvlTargets, event);
-        }
-        else if (relationships.length > 0) {
-            this.callCallbackIfRegistered('onRelationshipDoubleClick', relationships[0]?.data, nvlTargets, event);
-        }
-        else if (clusters.length > 0) {
-            this.callCallbackIfRegistered('onClusterDoubleClick', clusters[0]?.data, nvlTargets, event);
-        }
-    };
-    handleClick = (event) => {
-        if (isDraggingMovement(event, this.mousePosition) || event.button !== 0) {
-            return;
-        }
-        const { nvlTargets } = this.nvlInstance.getHits(event);
-        const { nodes = [], relationships = [], clusters = [] } = nvlTargets;
-        if (nodes.length === 0 && relationships.length === 0 && clusters.length === 0) {
-            if (this.currentOptions.selectOnClick === true) {
-                this.nvlInstance.deselectAll();
-            }
-            this.callCallbackIfRegistered('onCanvasClick', event);
-            return;
-        }
-        if (nodes.length > 0) {
-            const node = nodes[0]?.data;
-            if (this.currentOptions.selectOnClick === true) {
-                this.setSelection(node ? [node.id] : [], []);
-            }
-            this.callCallbackIfRegistered('onNodeClick', node, nvlTargets, event);
-        }
-        else if (relationships.length > 0) {
-            const relationship = relationships[0]?.data;
-            if (this.currentOptions.selectOnClick === true) {
-                this.setSelection([], relationship ? [relationship.id] : []);
-            }
-            this.callCallbackIfRegistered('onRelationshipClick', relationship, nvlTargets, event);
-        }
-        else if (clusters.length > 0) {
-            const cluster = clusters[0]?.data;
-            if (this.currentOptions.selectOnClick === true) {
-                this.setSelection(cluster ? cluster.nodeIds : [], []);
-            }
-            this.callCallbackIfRegistered('onClusterClick', cluster, nvlTargets, event);
-        }
-    };
-    /**
-     * Makes the given elements the entire selection, deselecting everything else.
-     *
-     * Clicking something that is already fully selected clears the selection instead, so a repeated
-     * click toggles it off. A cluster counts as selected once all of its members are, which keeps
-     * cluster clicks behaving like node and relationship clicks.
-     */
-    setSelection(nodeIds, relationshipIds) {
-        const selectedNodes = this.nvlInstance.getSelectedNodes();
-        const selectedRelationships = this.nvlInstance.getSelectedRelationships();
-        const selectedNodeIds = new Set(selectedNodes.map((n) => n.id));
-        const selectedRelationshipIds = new Set(selectedRelationships.map((r) => r.id));
-        const isAlreadySelected = nodeIds.length + relationshipIds.length > 0 &&
-            nodeIds.every((id) => selectedNodeIds.has(id)) &&
-            relationshipIds.every((id) => selectedRelationshipIds.has(id));
-        const nodeIdsToSelect = isAlreadySelected ? [] : nodeIds;
-        const relationshipIdsToSelect = isAlreadySelected ? [] : relationshipIds;
-        this.nvlInstance.updateElementsInGraph(buildSelectionUpdates(nodeIdsToSelect, selectedNodes), buildSelectionUpdates(relationshipIdsToSelect, selectedRelationships));
-    }
-    /**
-     * Removes all related event listeners from the container.
-     */
-    destroy = () => {
-        this.removeEventListener('mousedown', this.handleMouseDown, true);
-        this.removeEventListener('click', this.handleClick, true);
-        this.removeEventListener('dblclick', this.handleDoubleClick, true);
-        this.removeEventListener('contextmenu', this.handleRightClick, true);
-    };
-}
+* Click interaction handler that handles click, double click and right click events on
+* nodes, relationships, clusters, and the scene.
+*
+* For examples, head to the {@link https://neo4j.com/docs/nvl/current/interaction-handlers/#_clickinteraction Click Interaction documentation page}.
+*/
+var ClickInteraction = class extends BaseInteraction {
+	moved = false;
+	mousePosition = {
+		x: 0,
+		y: 0
+	};
+	/**
+	* Creates a new click interaction handler.
+	* @param nvl - The NVL instance to attach the interaction handler to.
+	* @param options - Options for the click interaction handler.
+	*/
+	constructor(nvl, options = { selectOnClick: false }) {
+		super(nvl, options);
+		this.addEventListener("mousedown", this.handleMouseDown, true);
+		this.addEventListener("click", this.handleClick, true);
+		this.addEventListener("dblclick", this.handleDoubleClick, true);
+		this.addEventListener("contextmenu", this.handleRightClick, true);
+	}
+	handleMouseDown = (event) => {
+		this.mousePosition = {
+			x: event.clientX,
+			y: event.clientY
+		};
+	};
+	handleRightClick = (event) => {
+		event.preventDefault();
+		const { nvlTargets } = this.nvlInstance.getHits(event);
+		const { nodes = [], relationships = [], clusters = [] } = nvlTargets;
+		if (nodes.length === 0 && relationships.length === 0 && clusters.length === 0) {
+			this.callCallbackIfRegistered("onCanvasRightClick", event);
+			return;
+		}
+		if (nodes.length > 0) this.callCallbackIfRegistered("onNodeRightClick", nodes[0]?.data, nvlTargets, event);
+		else if (relationships.length > 0) this.callCallbackIfRegistered("onRelationshipRightClick", relationships[0]?.data, nvlTargets, event);
+		else if (clusters.length > 0) this.callCallbackIfRegistered("onClusterRightClick", clusters[0]?.data, nvlTargets, event);
+	};
+	handleDoubleClick = (event) => {
+		const { nvlTargets } = this.nvlInstance.getHits(event);
+		const { nodes = [], relationships = [], clusters = [] } = nvlTargets;
+		if (nodes.length === 0 && relationships.length === 0 && clusters.length === 0) {
+			this.callCallbackIfRegistered("onCanvasDoubleClick", event);
+			return;
+		}
+		if (nodes.length > 0) this.callCallbackIfRegistered("onNodeDoubleClick", nodes[0]?.data, nvlTargets, event);
+		else if (relationships.length > 0) this.callCallbackIfRegistered("onRelationshipDoubleClick", relationships[0]?.data, nvlTargets, event);
+		else if (clusters.length > 0) this.callCallbackIfRegistered("onClusterDoubleClick", clusters[0]?.data, nvlTargets, event);
+	};
+	handleClick = (event) => {
+		if (isDraggingMovement(event, this.mousePosition) || event.button !== 0) return;
+		const { nvlTargets } = this.nvlInstance.getHits(event);
+		const { nodes = [], relationships = [], clusters = [] } = nvlTargets;
+		if (nodes.length === 0 && relationships.length === 0 && clusters.length === 0) {
+			if (this.currentOptions.selectOnClick === true) this.nvlInstance.deselectAll();
+			this.callCallbackIfRegistered("onCanvasClick", event);
+			return;
+		}
+		if (nodes.length > 0) {
+			const node = nodes[0]?.data;
+			if (this.currentOptions.selectOnClick === true) this.setSelection(node ? [node.id] : [], []);
+			this.callCallbackIfRegistered("onNodeClick", node, nvlTargets, event);
+		} else if (relationships.length > 0) {
+			const relationship = relationships[0]?.data;
+			if (this.currentOptions.selectOnClick === true) this.setSelection([], relationship ? [relationship.id] : []);
+			this.callCallbackIfRegistered("onRelationshipClick", relationship, nvlTargets, event);
+		} else if (clusters.length > 0) {
+			const cluster = clusters[0]?.data;
+			if (this.currentOptions.selectOnClick === true) this.setSelection(cluster ? cluster.nodeIds : [], []);
+			this.callCallbackIfRegistered("onClusterClick", cluster, nvlTargets, event);
+		}
+	};
+	/**
+	* Makes the given elements the entire selection, deselecting everything else.
+	*
+	* Clicking something that is already fully selected clears the selection instead, so a repeated
+	* click toggles it off. A cluster counts as selected once all of its members are, which keeps
+	* cluster clicks behaving like node and relationship clicks.
+	*/
+	setSelection(nodeIds, relationshipIds) {
+		const selectedNodes = this.nvlInstance.getSelectedNodes();
+		const selectedRelationships = this.nvlInstance.getSelectedRelationships();
+		const selectedNodeIds = new Set(selectedNodes.map((n) => n.id));
+		const selectedRelationshipIds = new Set(selectedRelationships.map((r) => r.id));
+		const isAlreadySelected = nodeIds.length + relationshipIds.length > 0 && nodeIds.every((id) => selectedNodeIds.has(id)) && relationshipIds.every((id) => selectedRelationshipIds.has(id));
+		const nodeIdsToSelect = isAlreadySelected ? [] : nodeIds;
+		const relationshipIdsToSelect = isAlreadySelected ? [] : relationshipIds;
+		this.nvlInstance.updateElementsInGraph(buildSelectionUpdates(nodeIdsToSelect, selectedNodes), buildSelectionUpdates(relationshipIdsToSelect, selectedRelationships));
+	}
+	/**
+	* Removes all related event listeners from the container.
+	*/
+	destroy = () => {
+		this.removeEventListener("mousedown", this.handleMouseDown, true);
+		this.removeEventListener("click", this.handleClick, true);
+		this.removeEventListener("dblclick", this.handleDoubleClick, true);
+		this.removeEventListener("contextmenu", this.handleRightClick, true);
+	};
+};
+export { ClickInteraction };

package/lib/interaction-handlers/drag-node-interaction.d.ts

@@ -1,27 +1,27 @@
-import type { NVL, Node } from '@neo4j-nvl/base';
-import { BaseInteraction } from './base';
+import { BaseInteraction } from "./base.js";
+import { NVL, Node } from "@neo4j-nvl/base";
 /**
  * Callbacks for the drag node interaction handler.
  */
 export type DragNodeInteractionCallbacks = {
-    /**
-     * Called when node(s) are dragged
-     * @param nodes - The node(s) being dragged.
-     * @param event - The original mouse event.
-     */
-    onDrag?: ((nodes: Node[], evt: MouseEvent) => void) | boolean;
-    /**
-     * Called once when node(s) are started to being dragged
-     * @param nodes - The node(s) being dragged.
-     * @param event - The original mouse event.
-     */
-    onDragStart?: ((nodes: Node[], evt: MouseEvent) => void) | boolean;
-    /**
-     * Called once when node(s) are finished being dragged
-     * @param nodes - The node(s) being dragged.
-     * @param event - The original mouse event.
-     */
-    onDragEnd?: ((nodes: Node[], evt: MouseEvent) => void) | boolean;
+  /**
+   * Called when node(s) are dragged
+   * @param nodes - The node(s) being dragged.
+   * @param event - The original mouse event.
+   */
+  onDrag?: ((nodes: Node[], evt: MouseEvent) => void) | boolean;
+  /**
+   * Called once when node(s) are started to being dragged
+   * @param nodes - The node(s) being dragged.
+   * @param event - The original mouse event.
+   */
+  onDragStart?: ((nodes: Node[], evt: MouseEvent) => void) | boolean;
+  /**
+   * Called once when node(s) are finished being dragged
+   * @param nodes - The node(s) being dragged.
+   * @param event - The original mouse event.
+   */
+  onDragEnd?: ((nodes: Node[], evt: MouseEvent) => void) | boolean;
 };
 /**
  * Interaction handler for dragging nodes,
@@ -31,23 +31,23 @@ export type DragNodeInteractionCallbacks = {
  * For examples, head to the {@link https://neo4j.com/docs/nvl/current/interaction-handlers/#_dragnodeinteraction Drag Node Interaction documentation page}.
  */
 export declare class DragNodeInteraction extends BaseInteraction<Record<string, never>> {
-    private mousePosition;
-    private mouseDownNode;
-    private isDragging;
-    private isDrawing;
-    private selectedNodes;
-    private moveSelectedNodes;
-    /**
-     * Creates a new instance of the drag node interaction handler.
-     * @param nvl - The NVL instance to attach the interaction handler to.
-     */
-    constructor(nvl: NVL, options?: {});
-    private handleMouseDown;
-    private handleMouseMove;
-    private handleBodyMouseUp;
-    private resetState;
-    /**
-     * Removes all related event listeners from the container.
-     */
-    destroy: () => void;
-}
+  private mousePosition;
+  private mouseDownNode;
+  private isDragging;
+  private isDrawing;
+  private selectedNodes;
+  private moveSelectedNodes;
+  /**
+   * Creates a new instance of the drag node interaction handler.
+   * @param nvl - The NVL instance to attach the interaction handler to.
+   */
+  constructor(nvl: NVL, options?: {});
+  private handleMouseDown;
+  private handleMouseMove;
+  private handleBodyMouseUp;
+  private resetState;
+  /**
+   * Removes all related event listeners from the container.
+   */
+  destroy: () => void;
+}

package/lib/interaction-handlers/drag-node-interaction.js

@@ -1,112 +1,103 @@
-import { NODE_EDGE_WIDTH } from '../constants';
-import { BaseInteraction } from './base';
-import { isDraggingMovement } from './utils';
+import "../constants.js";
+import { BaseInteraction } from "./base.js";
+import { isDraggingMovement } from "./utils.js";
+// src/interaction-handlers/drag-node-interaction.ts
 /**
- * Interaction handler for dragging nodes,
- * which is achieved by clicking and moving the node.
- * When multiple nodes are selected, they are all dragged.
- *
- * For examples, head to the {@link https://neo4j.com/docs/nvl/current/interaction-handlers/#_dragnodeinteraction Drag Node Interaction documentation page}.
- */
-export class DragNodeInteraction extends BaseInteraction {
-    mousePosition = { x: 0, y: 0 };
-    mouseDownNode = null;
-    isDragging = false;
-    isDrawing = false;
-    selectedNodes = [];
-    moveSelectedNodes = false;
-    /**
-     * Creates a new instance of the drag node interaction handler.
-     * @param nvl - The NVL instance to attach the interaction handler to.
-     */
-    constructor(nvl, options = {}) {
-        super(nvl, options);
-        this.addEventListener('mousedown', this.handleMouseDown);
-        this.addEventListener('mousemove', this.handleMouseMove);
-    }
-    handleMouseDown = (event) => {
-        this.mousePosition = { x: event.clientX, y: event.clientY };
-        this.mouseDownNode = null;
-        const hits = this.nvlInstance.getHits(event, ['node'], { hitNodeMarginWidth: NODE_EDGE_WIDTH });
-        const hitNodes = hits.nvlTargets.nodes.filter((node) => node.insideNode);
-        const hitNodeEdges = hits.nvlTargets.nodes.filter((node) => !node.insideNode);
-        if (hitNodeEdges.length > 0) {
-            this.isDrawing = true;
-            this.addEventListener('mouseup', this.resetState, { once: true });
-        }
-        else if (hitNodes.length > 0) {
-            this.mouseDownNode = hits.nvlTargets.nodes[0] ?? null;
-            this.toggleGlobalTextSelection(false, this.handleBodyMouseUp);
-        }
-        this.selectedNodes = this.nvlInstance.getSelectedNodes();
-        if (this.mouseDownNode !== null && this.selectedNodes.map((node) => node.id).includes(this.mouseDownNode.data.id)) {
-            this.moveSelectedNodes = true;
-        }
-        else {
-            this.moveSelectedNodes = false;
-        }
-    };
-    handleMouseMove = (evt) => {
-        // Avoid conflicts on moving node position in drawing process.
-        if (this.mouseDownNode === null || evt.buttons !== 1 || this.isDrawing) {
-            return;
-        }
-        if (!isDraggingMovement(evt, this.mousePosition)) {
-            return;
-        }
-        if (!this.isDragging) {
-            if (this.moveSelectedNodes) {
-                this.callCallbackIfRegistered('onDragStart', this.selectedNodes, evt);
-            }
-            else {
-                this.callCallbackIfRegistered('onDragStart', [this.mouseDownNode.data], evt);
-            }
-            this.isDragging = true;
-        }
-        const zoom = this.nvlInstance.getScale();
-        const dx = ((evt.clientX - this.mousePosition.x) / zoom) * window.devicePixelRatio;
-        const dy = ((evt.clientY - this.mousePosition.y) / zoom) * window.devicePixelRatio;
-        if (this.moveSelectedNodes) {
-            this.nvlInstance.setNodePositions(this.selectedNodes.map((node) => ({ id: node.id, x: node.x + dx, y: node.y + dy, pinned: true })), true);
-            this.callCallbackIfRegistered('onDrag', this.selectedNodes, evt);
-        }
-        else {
-            this.nvlInstance.setNodePositions([
-                {
-                    id: this.mouseDownNode.data.id,
-                    x: this.mouseDownNode.targetCoordinates.x + dx,
-                    y: this.mouseDownNode.targetCoordinates.y + dy,
-                    pinned: true
-                }
-            ], true);
-            this.callCallbackIfRegistered('onDrag', [this.mouseDownNode.data], evt);
-        }
-    };
-    handleBodyMouseUp = (evt) => {
-        this.toggleGlobalTextSelection(true, this.handleBodyMouseUp);
-        if (this.isDragging && this.mouseDownNode !== null) {
-            if (this.moveSelectedNodes) {
-                this.callCallbackIfRegistered('onDragEnd', this.selectedNodes, evt);
-            }
-            else {
-                this.callCallbackIfRegistered('onDragEnd', [this.mouseDownNode.data], evt);
-            }
-        }
-        this.resetState();
-    };
-    resetState = () => {
-        this.isDragging = false;
-        this.mouseDownNode = null;
-        this.isDrawing = false;
-        this.selectedNodes = [];
-        this.moveSelectedNodes = false;
-    };
-    /**
-     * Removes all related event listeners from the container.
-     */
-    destroy = () => {
-        this.toggleGlobalTextSelection(true, this.handleBodyMouseUp);
-        this.removeEventListener('mousedown', this.handleMouseDown);
-        this.removeEventListener('mousemove', this.handleMouseMove);
-    };
-}
+* Interaction handler for dragging nodes,
+* which is achieved by clicking and moving the node.
+* When multiple nodes are selected, they are all dragged.
+*
+* For examples, head to the {@link https://neo4j.com/docs/nvl/current/interaction-handlers/#_dragnodeinteraction Drag Node Interaction documentation page}.
+*/
+var DragNodeInteraction = class extends BaseInteraction {
+	mousePosition = {
+		x: 0,
+		y: 0
+	};
+	mouseDownNode = null;
+	isDragging = false;
+	isDrawing = false;
+	selectedNodes = [];
+	moveSelectedNodes = false;
+	/**
+	* Creates a new instance of the drag node interaction handler.
+	* @param nvl - The NVL instance to attach the interaction handler to.
+	*/
+	constructor(nvl, options = {}) {
+		super(nvl, options);
+		this.addEventListener("mousedown", this.handleMouseDown);
+		this.addEventListener("mousemove", this.handleMouseMove);
+	}
+	handleMouseDown = (event) => {
+		this.mousePosition = {
+			x: event.clientX,
+			y: event.clientY
+		};
+		this.mouseDownNode = null;
+		const hits = this.nvlInstance.getHits(event, ["node"], { hitNodeMarginWidth: 10 });
+		const hitNodes = hits.nvlTargets.nodes.filter((node) => node.insideNode);
+		if (hits.nvlTargets.nodes.filter((node) => !node.insideNode).length > 0) {
+			this.isDrawing = true;
+			this.addEventListener("mouseup", this.resetState, { once: true });
+		} else if (hitNodes.length > 0) {
+			this.mouseDownNode = hits.nvlTargets.nodes[0] ?? null;
+			this.toggleGlobalTextSelection(false, this.handleBodyMouseUp);
+		}
+		this.selectedNodes = this.nvlInstance.getSelectedNodes();
+		if (this.mouseDownNode !== null && this.selectedNodes.map((node) => node.id).includes(this.mouseDownNode.data.id)) this.moveSelectedNodes = true;
+		else this.moveSelectedNodes = false;
+	};
+	handleMouseMove = (evt) => {
+		if (this.mouseDownNode === null || evt.buttons !== 1 || this.isDrawing) return;
+		if (!isDraggingMovement(evt, this.mousePosition)) return;
+		if (!this.isDragging) {
+			if (this.moveSelectedNodes) this.callCallbackIfRegistered("onDragStart", this.selectedNodes, evt);
+			else this.callCallbackIfRegistered("onDragStart", [this.mouseDownNode.data], evt);
+			this.isDragging = true;
+		}
+		const zoom = this.nvlInstance.getScale();
+		const dx = (evt.clientX - this.mousePosition.x) / zoom * window.devicePixelRatio;
+		const dy = (evt.clientY - this.mousePosition.y) / zoom * window.devicePixelRatio;
+		if (this.moveSelectedNodes) {
+			this.nvlInstance.setNodePositions(this.selectedNodes.map((node) => ({
+				id: node.id,
+				x: node.x + dx,
+				y: node.y + dy,
+				pinned: true
+			})), true);
+			this.callCallbackIfRegistered("onDrag", this.selectedNodes, evt);
+		} else {
+			this.nvlInstance.setNodePositions([{
+				id: this.mouseDownNode.data.id,
+				x: this.mouseDownNode.targetCoordinates.x + dx,
+				y: this.mouseDownNode.targetCoordinates.y + dy,
+				pinned: true
+			}], true);
+			this.callCallbackIfRegistered("onDrag", [this.mouseDownNode.data], evt);
+		}
+	};
+	handleBodyMouseUp = (evt) => {
+		this.toggleGlobalTextSelection(true, this.handleBodyMouseUp);
+		if (this.isDragging && this.mouseDownNode !== null) {
+			if (this.moveSelectedNodes) this.callCallbackIfRegistered("onDragEnd", this.selectedNodes, evt);
+			else this.callCallbackIfRegistered("onDragEnd", [this.mouseDownNode.data], evt);
+		}
+		this.resetState();
+	};
+	resetState = () => {
+		this.isDragging = false;
+		this.mouseDownNode = null;
+		this.isDrawing = false;
+		this.selectedNodes = [];
+		this.moveSelectedNodes = false;
+	};
+	/**
+	* Removes all related event listeners from the container.
+	*/
+	destroy = () => {
+		this.toggleGlobalTextSelection(true, this.handleBodyMouseUp);
+		this.removeEventListener("mousedown", this.handleMouseDown);
+		this.removeEventListener("mousemove", this.handleMouseMove);
+	};
+};
+export { DragNodeInteraction };