@xyflow/vue 2.0.0-next.2 → 2.0.0-next.3

package/dist/index.mjs

@@ -1,5 +1,5 @@
 import { Fragment, Teleport, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createPropsRestProxy, createTextVNode, createVNode, defineComponent, effectScope, getCurrentInstance, h, inject, isMemoSame, isRef, markRaw, mergeModels, mergeProps, nextTick, normalizeClass, normalizeProps, normalizeStyle, onBeforeMount, onBeforeUnmount, onMounted, onScopeDispose, onUnmounted, openBlock, provide, reactive, renderList, renderSlot, resolveComponent, resolveDynamicComponent, shallowRef, toDisplayString, toRaw, toRef, toRefs, toValue, unref, useAttrs, useId, useModel, useSlots, watch, watchEffect, withCtx } from "vue";
-import { ConnectionLineType, ConnectionLineType as ConnectionLineType$1, ConnectionMode, ConnectionMode as ConnectionMode$1, PanOnScrollMode, PanOnScrollMode as PanOnScrollMode$1, Position, Position as Position$1, ResizeControlVariant, ResizeControlVariant as ResizeControlVariant$2, SelectionMode, SelectionMode as SelectionMode$1, XYDrag, XYHandle, XYMinimap, XYPanZoom, XYResizer, adoptUserNodes, areConnectionMapsEqual, areSetsEqual, calcAutoPan, clamp, clampPosition, clampPositionToParent, evaluateAbsolutePosition, fitViewport, getBezierEdgeCenter, getBezierEdgeCenter as getBezierEdgeCenter$1, getBezierPath, getBezierPath as getBezierPath$1, getBoundsOfBoxes, getBoundsOfRects, getBoundsOfRects as getBoundsOfRects$1, getConnectedEdges, getConnectedEdges as getConnectedEdges$1, getConnectionStatus, getDimensions, getEdgeId, getElementsToRemove, getElevatedEdgeZIndex, getEventPosition, getHandleBounds, getHandlePosition, getHostForElement, getIncomers, getMarkerId, getMarkerId as getMarkerId$1, getNodeDimensions, getNodeToolbarTransform, getNodesBounds, getNodesBounds as getNodesBounds$1, getNodesInside, getNodesInside as getNodesInside$1, getOutgoers, getOverlappingArea, getSmoothStepPath, getSmoothStepPath as getSmoothStepPath$1, getStraightPath, getStraightPath as getStraightPath$1, getViewportForBounds, getViewportForBounds as getViewportForBounds$1, handleConnectionChange, handleExpandParent, infiniteExtent, isCoordinateExtent, isEdgeBase, isEdgeBase as isEdgeBase$1, isEdgeVisible, isInternalNodeBase, isInternalNodeBase as isInternalNodeBase$1, isMacOs, isMacOs as isMacOs$1, isMouseEvent, isNodeBase, isNodeBase as isNodeBase$1, isRectObject, mergeAriaLabelConfig, nodeHasDimensions, nodeToRect, oppositePosition, panBy, pointToRendererPoint, pointToRendererPoint as pointToRendererPoint$1, rendererPointToPoint, rendererPointToPoint as rendererPointToPoint$1, updateAbsolutePositions } from "@xyflow/system";
+import { ConnectionLineType, ConnectionLineType as ConnectionLineType$1, ConnectionMode, ConnectionMode as ConnectionMode$1, PanOnScrollMode, PanOnScrollMode as PanOnScrollMode$1, Position, Position as Position$1, ResizeControlVariant, ResizeControlVariant as ResizeControlVariant$2, SelectionMode, SelectionMode as SelectionMode$1, XYDrag, XYHandle, XYMinimap, XYPanZoom, XYResizer, adoptUserNodes, areConnectionMapsEqual, areSetsEqual, calcAutoPan, calculateNodePosition, clamp, clampPosition, clampPositionToParent, evaluateAbsolutePosition, fitViewport, getBezierEdgeCenter, getBezierEdgeCenter as getBezierEdgeCenter$1, getBezierPath, getBezierPath as getBezierPath$1, getBoundsOfBoxes, getBoundsOfRects, getBoundsOfRects as getBoundsOfRects$1, getConnectedEdges, getConnectedEdges as getConnectedEdges$1, getConnectionStatus, getDimensions, getEdgeId, getElementsToRemove, getElevatedEdgeZIndex, getEventPosition, getHandleBounds, getHandlePosition, getHostForElement, getIncomers, getMarkerId, getMarkerId as getMarkerId$1, getNodeDimensions, getNodeToolbarTransform, getNodesBounds, getNodesBounds as getNodesBounds$1, getNodesInside, getNodesInside as getNodesInside$1, getOutgoers, getOverlappingArea, getSmoothStepPath, getSmoothStepPath as getSmoothStepPath$1, getStraightPath, getStraightPath as getStraightPath$1, getViewportForBounds, getViewportForBounds as getViewportForBounds$1, handleConnectionChange, handleExpandParent, infiniteExtent, isCoordinateExtent, isEdgeBase, isEdgeBase as isEdgeBase$1, isEdgeVisible, isInternalNodeBase, isInternalNodeBase as isInternalNodeBase$1, isMacOs, isMacOs as isMacOs$1, isMouseEvent, isNodeBase, isNodeBase as isNodeBase$1, isRectObject, mergeAriaLabelConfig, nodeHasDimensions, nodeToRect, oppositePosition, panBy, pointToRendererPoint, pointToRendererPoint as pointToRendererPoint$1, rendererPointToPoint, rendererPointToPoint as rendererPointToPoint$1, snapPosition, updateAbsolutePositions } from "@xyflow/system";
 import { onKeyStroke, until, useEventListener } from "@vueuse/core";
 //#region src/context/index.ts
 /** the curated instance (`useVueFlow()`) */
@@ -644,39 +644,6 @@ function createExtendedEventHook(defaultHandler) {
 	};
 }
 //#endregion
-//#region src/utils/drag.ts
-function getParentExtent(parent) {
-	if (parent && typeof parent.internals.positionAbsolute.x !== "undefined" && typeof parent.internals.positionAbsolute.y !== "undefined" && typeof parent.measured.width !== "undefined" && typeof parent.measured.height !== "undefined") return [[parent.internals.positionAbsolute.x, parent.internals.positionAbsolute.y], [parent.internals.positionAbsolute.x + parent.measured.width, parent.internals.positionAbsolute.y + parent.measured.height]];
-	return false;
-}
-function getExtent(item, triggerError, extent, parent) {
-	let currentExtent = item.extent || extent;
-	if (currentExtent === "parent" && !item.expandParent) if (item.parentId && parent && item.measured.width && item.measured.height) {
-		const parentExtent = getParentExtent(parent);
-		if (parentExtent) currentExtent = parentExtent;
-	} else {
-		triggerError(new VueFlowError("NODE_EXTENT_INVALID", item.id));
-		currentExtent = extent;
-	}
-	else if (Array.isArray(currentExtent)) {
-		const parentX = parent?.internals.positionAbsolute.x || 0;
-		const parentY = parent?.internals.positionAbsolute.y || 0;
-		currentExtent = [[currentExtent[0][0] + parentX, currentExtent[0][1] + parentY], [currentExtent[1][0] + parentX, currentExtent[1][1] + parentY]];
-	}
-	return currentExtent === "parent" ? [[Number.NEGATIVE_INFINITY, Number.NEGATIVE_INFINITY], [Number.POSITIVE_INFINITY, Number.POSITIVE_INFINITY]] : currentExtent;
-}
-function calcNextPosition(node, nextPosition, triggerError, nodeExtent, parentNode) {
-	const measured = getNodeDimensions(node);
-	const clampedPos = clampPosition(nextPosition, getExtent(node, triggerError, nodeExtent, parentNode), measured);
-	return {
-		position: {
-			x: clampedPos.x - (parentNode?.internals.positionAbsolute.x || 0),
-			y: clampedPos.y - (parentNode?.internals.positionAbsolute.y || 0)
-		},
-		computedPosition: clampedPos
-	};
-}
-//#endregion
 //#region src/utils/edge.ts
 function getEdgeHandle(bounds, handleId) {
 	if (!bounds) return null;
@@ -1413,7 +1380,7 @@ function useNode(id) {
 * @internal
 */
 function useUpdateNodePositions() {
-	const { getSelectedNodes, updateNodePositions, getInternalNode, emits } = useVueFlow();
+	const { getSelectedNodes, updateNodePositions, getInternalNode } = useVueFlow();
 	const store = useStore();
 	return (positionDiff, isShiftPressed = false) => {
 		const xVelo = store.snapToGrid ? store.snapGrid[0] : 5;
@@ -1425,10 +1392,18 @@ function useUpdateNodePositions() {
 		for (const node of getSelectedNodes.value) if (node.draggable || store.nodesDraggable && typeof node.draggable === "undefined") {
 			const internalNode = getInternalNode(node.id);
 			if (!internalNode) continue;
-			const { position } = calcNextPosition(internalNode, {
+			let nextPosition = {
 				x: internalNode.internals.positionAbsolute.x + positionDiffX,
 				y: internalNode.internals.positionAbsolute.y + positionDiffY
-			}, emits.error, store.nodeExtent, node.parentId ? getInternalNode(node.parentId) : void 0);
+			};
+			if (store.snapToGrid) nextPosition = snapPosition(nextPosition, store.snapGrid);
+			const { position, positionAbsolute } = calculateNodePosition({
+				nodeId: node.id,
+				nextPosition,
+				nodeLookup: store.nodeLookup,
+				nodeExtent: store.nodeExtent,
+				nodeOrigin: store.nodeOrigin
+			});
 			nodeUpdates.push({
 				id: node.id,
 				position,
@@ -1437,10 +1412,7 @@ function useUpdateNodePositions() {
 					y: positionDiff.y
 				},
 				measured: getNodeDimensions(internalNode),
-				internals: { positionAbsolute: {
-					x: internalNode.internals.positionAbsolute.x,
-					y: internalNode.internals.positionAbsolute.y
-				} }
+				internals: { positionAbsolute }
 			});
 		}
 		updateNodePositions(nodeUpdates, true, false);
@@ -4314,7 +4286,7 @@ function useActions(state, nodeLookup, parentLookup, edgeLookup) {
 			for (const id of rawEdgeLookup.keys()) if (!nextIds.has(id)) edgeLookup.delete(id);
 		}
 		state.edges = next;
-		updateConnectionLookup(state.connectionLookup, state.edges);
+		updateConnectionLookup(state.connectionLookup, next);
 	}
 	/**
 	* Recompute parent-aware `internals.positionAbsolute` on the system lookup, then mirror into the