From 06f1fc4f73b1216a53a383620d1f27cd4d8de57a Mon Sep 17 00:00:00 2001 From: peterkogo Date: Wed, 28 Feb 2024 15:55:55 +0100 Subject: [PATCH 1/7] fixed NodeResizer for various NodeOrigins --- .../NodeResizer/NodeResizeControl.tsx | 3 +- packages/system/src/xyresizer/XYResizer.ts | 69 ++++++++++--------- packages/system/src/xyresizer/utils.ts | 40 +++++++---- 3 files changed, 66 insertions(+), 46 deletions(-) diff --git a/packages/react/src/additional-components/NodeResizer/NodeResizeControl.tsx b/packages/react/src/additional-components/NodeResizer/NodeResizeControl.tsx index c03c023e..1a1107b1 100644 --- a/packages/react/src/additional-components/NodeResizer/NodeResizeControl.tsx +++ b/packages/react/src/additional-components/NodeResizer/NodeResizeControl.tsx @@ -50,12 +50,13 @@ function ResizeControl({ domNode: resizeControlRef.current, nodeId: id, getStoreItems: () => { - const { nodeLookup, transform, snapGrid, snapToGrid } = store.getState(); + const { nodeLookup, transform, snapGrid, snapToGrid, nodeOrigin } = store.getState(); return { nodeLookup, transform, snapGrid, snapToGrid, + nodeOrigin, }; }, onChange: (change: XYResizerChange, childChanges: XYResizerChildChange[]) => { diff --git a/packages/system/src/xyresizer/XYResizer.ts b/packages/system/src/xyresizer/XYResizer.ts index c02ca47c..641ef3ba 100644 --- a/packages/system/src/xyresizer/XYResizer.ts +++ b/packages/system/src/xyresizer/XYResizer.ts @@ -3,7 +3,7 @@ import { select } from 'd3-selection'; import { getControlDirection, getDimensionsAfterResize, getResizeDirection } from './utils'; import { getPointerPosition } from '../utils'; -import type { CoordinateExtent, NodeBase, NodeLookup, Transform, XYPosition } from '../types'; +import type { CoordinateExtent, NodeBase, NodeLookup, NodeOrigin, Transform, XYPosition } from '../types'; import type { OnResize, OnResizeEnd, OnResizeStart, ResizeDragEvent, ShouldResize, ControlPosition } from './types'; const initPrevValues = { width: 0, height: 0, x: 0, y: 0 }; @@ -42,6 +42,7 @@ type XYResizerParams = { transform: Transform; snapGrid?: [number, number]; snapToGrid: boolean; + nodeOrigin: NodeOrigin; }; onChange: (changes: XYResizerChange, childChanges: XYResizerChildChange[]) => void; onEnd?: () => void; @@ -74,13 +75,17 @@ function nodeToParentExtent(node: NodeBase): CoordinateExtent { ]; } -function nodeToChildExtent(child: NodeBase, parent: NodeBase): CoordinateExtent { +function nodeToChildExtent(child: NodeBase, parent: NodeBase, nodeOrigin: NodeOrigin): CoordinateExtent { + const x = parent.position.x + child.position.x; + const y = parent.position.y + child.position.y; + const width = child.computed!.width! ?? 0; + const height = child.computed!.height! ?? 0; + const originOffsetX = nodeOrigin[0] * width; + const originOffsetY = nodeOrigin[1] * height; + return [ - [parent.position.x + child.position.x, parent.position.y + child.position.y], - [ - parent.position.x + child.position.x + child.computed!.width!, - parent.position.y + child.position.y + child.computed!.height!, - ], + [x - originOffsetX, y - originOffsetY], + [x + width - originOffsetX, y + height - originOffsetY], ]; } @@ -109,7 +114,7 @@ export function XYResizer({ domNode, nodeId, getStoreItems, onChange }: XYResize const dragHandler = drag() .on('start', (event: ResizeDragEvent) => { - const { nodeLookup, transform, snapGrid, snapToGrid } = getStoreItems(); + const { nodeLookup, transform, snapGrid, snapToGrid, nodeOrigin } = getStoreItems(); node = nodeLookup.get(nodeId); if (node) { @@ -151,7 +156,7 @@ export function XYResizer({ domNode, nodeId, getStoreItems, onChange }: XYResize }); if (child.extent === 'parent' || child.expandParent) { - const extent = nodeToChildExtent(child, node!); + const extent = nodeToChildExtent(child, node!, nodeOrigin); if (childExtent) { childExtent = [ @@ -169,7 +174,7 @@ export function XYResizer({ domNode, nodeId, getStoreItems, onChange }: XYResize } }) .on('drag', (event: ResizeDragEvent) => { - const { transform, snapGrid, snapToGrid } = getStoreItems(); + const { transform, snapGrid, snapToGrid, nodeOrigin } = getStoreItems(); const pointerPosition = getPointerPosition(event.sourceEvent, { transform, snapGrid, snapToGrid }); const childChanges: XYResizerChildChange[] = []; @@ -184,6 +189,7 @@ export function XYResizer({ domNode, nodeId, getStoreItems, onChange }: XYResize pointerPosition, boundaries, keepAspectRatio, + nodeOrigin, parentExtent, childExtent ); @@ -191,40 +197,39 @@ export function XYResizer({ domNode, nodeId, getStoreItems, onChange }: XYResize const isWidthChange = width !== prevWidth; const isHeightChange = height !== prevHeight; - if (controlDirection.affectsX || controlDirection.affectsY) { - const isXPosChange = x !== prevX && isWidthChange; - const isYPosChange = y !== prevY && isHeightChange; + const isXPosChange = x !== prevX && isWidthChange; + const isYPosChange = y !== prevY && isHeightChange; - if (isXPosChange || isYPosChange) { - change.isXPosChange = isXPosChange; - change.isYPosChange = isYPosChange; - change.x = isXPosChange ? x : prevX; - change.y = isYPosChange ? y : prevY; + if (isXPosChange || isYPosChange || nodeOrigin[0] === 1 || nodeOrigin[1] == 1) { + change.isXPosChange = isXPosChange; + change.isYPosChange = isYPosChange; + change.x = isXPosChange ? x : prevX; + change.y = isYPosChange ? y : prevY; - prevValues.x = change.x; - prevValues.y = change.y; + prevValues.x = change.x; + prevValues.y = change.y; - // Fix expandParent when resizing from top/left - if (parentNode && node.expandParent) { - if (change.x < 0) { - prevValues.x = 0; - startValues.x = startValues.x - change.x; - } + // Fix expandParent when resizing from top/left + if (parentNode && node.expandParent) { + if (change.x < 0) { + prevValues.x = 0; + startValues.x = startValues.x - change.x; + } - if (change.y < 0) { - prevValues.y = 0; - startValues.y = startValues.y - change.y; - } + if (change.y < 0) { + prevValues.y = 0; + startValues.y = startValues.y - change.y; } } if (childNodes.length > 0) { const xChange = x - prevX; const yChange = y - prevY; + for (const childNode of childNodes) { childNode.position = { - x: childNode.position.x - xChange, - y: childNode.position.y - yChange, + x: childNode.position.x - xChange + nodeOrigin[0] * (width - prevWidth), + y: childNode.position.y - yChange + nodeOrigin[1] * (height - prevHeight), }; childChanges.push(childNode); } diff --git a/packages/system/src/xyresizer/utils.ts b/packages/system/src/xyresizer/utils.ts index a651df3f..3e4cb83c 100644 --- a/packages/system/src/xyresizer/utils.ts +++ b/packages/system/src/xyresizer/utils.ts @@ -1,4 +1,4 @@ -import { CoordinateExtent } from '../types'; +import { CoordinateExtent, NodeOrigin } from '../types'; import { getPointerPosition } from '../utils'; import { ControlPosition } from './types'; @@ -115,6 +115,7 @@ export function getDimensionsAfterResize( pointerPosition: ReturnType, boundaries: { minWidth: number; maxWidth: number; minHeight: number; maxHeight: number }, keepAspectRatio: boolean, + nodeOrigin: NodeOrigin, extent?: CoordinateExtent, childExtent?: CoordinateExtent ) { @@ -132,6 +133,9 @@ export function getDimensionsAfterResize( const newWidth = startWidth + (affectsX ? -distX : distX); const newHeight = startHeight + (affectsY ? -distY : distY); + const originOffsetX = -nodeOrigin[0] * startWidth; + const originOffsetY = -nodeOrigin[1] * startHeight; + // Check if maxWidth, minWWidth, maxHeight, minHeight are restricting the resize let clampX = getSizeClamp(newWidth, minWidth, maxWidth); let clampY = getSizeClamp(newHeight, minHeight, maxHeight); @@ -141,15 +145,15 @@ export function getDimensionsAfterResize( let xExtentClamp = 0; let yExtentClamp = 0; if (affectsX && distX < 0) { - xExtentClamp = getLowerExtentClamp(startX + distX, extent[0][0]); + xExtentClamp = getLowerExtentClamp(startX + distX + originOffsetX, extent[0][0]); } else if (!affectsX && distX > 0) { - xExtentClamp = getUpperExtentClamp(startX + newWidth, extent[1][0]); + xExtentClamp = getUpperExtentClamp(startX + newWidth + originOffsetX, extent[1][0]); } if (affectsY && distY < 0) { - yExtentClamp = getLowerExtentClamp(startY + distY, extent[0][1]); + yExtentClamp = getLowerExtentClamp(startY + distY + originOffsetY, extent[0][1]); } else if (!affectsY && distY > 0) { - yExtentClamp = getUpperExtentClamp(startY + newHeight, extent[1][1]); + yExtentClamp = getUpperExtentClamp(startY + newHeight + originOffsetY, extent[1][1]); } clampX = Math.max(clampX, xExtentClamp); @@ -187,10 +191,12 @@ export function getDimensionsAfterResize( if (extent) { let aspectExtentClamp = 0; if ((!affectsX && !affectsY) || (affectsX && !affectsY && isDiagonal)) { - aspectExtentClamp = getUpperExtentClamp(startY + newWidth / aspectRatio, extent[1][1]) * aspectRatio; + aspectExtentClamp = + getUpperExtentClamp(startY + originOffsetY + newWidth / aspectRatio, extent[1][1]) * aspectRatio; } else { aspectExtentClamp = - getLowerExtentClamp(startY + (affectsX ? distX : -distX) / aspectRatio, extent[0][1]) * aspectRatio; + getLowerExtentClamp(startY + originOffsetY + (affectsX ? distX : -distX) / aspectRatio, extent[0][1]) * + aspectRatio; } clampX = Math.max(clampX, aspectExtentClamp); } @@ -216,10 +222,12 @@ export function getDimensionsAfterResize( if (extent) { let aspectExtentClamp = 0; if ((!affectsX && !affectsY) || (affectsY && !affectsX && isDiagonal)) { - aspectExtentClamp = getUpperExtentClamp(startX + newHeight * aspectRatio, extent[1][0]) / aspectRatio; + aspectExtentClamp = + getUpperExtentClamp(startX + newHeight * aspectRatio + originOffsetX, extent[1][0]) / aspectRatio; } else { aspectExtentClamp = - getLowerExtentClamp(startX + (affectsY ? distY : -distY) * aspectRatio, extent[0][0]) / aspectRatio; + getLowerExtentClamp(startX + (affectsY ? distY : -distY) * aspectRatio + originOffsetX, extent[0][0]) / + aspectRatio; } clampY = Math.max(clampY, aspectExtentClamp); } @@ -258,10 +266,16 @@ export function getDimensionsAfterResize( } } + const width = startWidth + (affectsX ? -distX : distX); + const height = startHeight + (affectsY ? -distY : distY); + + const x = affectsX ? startX + distX : startX; + const y = affectsY ? startY + distY : startY; + return { - width: startWidth + (affectsX ? -distX : distX), - height: startHeight + (affectsY ? -distY : distY), - x: affectsX ? startX + distX : startX, - y: affectsY ? startY + distY : startY, + width: width, + height: height, + x: nodeOrigin[0] * distX * (!affectsX ? 1 : -1) + x, + y: nodeOrigin[1] * distY * (!affectsY ? 1 : -1) + y, }; } From 87ea4f877a30be0eb5df85652d4354d8844f8880 Mon Sep 17 00:00:00 2001 From: peterkogo Date: Wed, 28 Feb 2024 16:04:46 +0100 Subject: [PATCH 2/7] support node specific origin as well --- packages/system/src/xyresizer/XYResizer.ts | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/packages/system/src/xyresizer/XYResizer.ts b/packages/system/src/xyresizer/XYResizer.ts index 641ef3ba..1953b327 100644 --- a/packages/system/src/xyresizer/XYResizer.ts +++ b/packages/system/src/xyresizer/XYResizer.ts @@ -156,7 +156,7 @@ export function XYResizer({ domNode, nodeId, getStoreItems, onChange }: XYResize }); if (child.extent === 'parent' || child.expandParent) { - const extent = nodeToChildExtent(child, node!, nodeOrigin); + const extent = nodeToChildExtent(child, node!, child.origin ?? nodeOrigin); if (childExtent) { childExtent = [ @@ -174,14 +174,14 @@ export function XYResizer({ domNode, nodeId, getStoreItems, onChange }: XYResize } }) .on('drag', (event: ResizeDragEvent) => { - const { transform, snapGrid, snapToGrid, nodeOrigin } = getStoreItems(); + const { transform, snapGrid, snapToGrid, nodeOrigin: storeNodeOrigin } = getStoreItems(); const pointerPosition = getPointerPosition(event.sourceEvent, { transform, snapGrid, snapToGrid }); const childChanges: XYResizerChildChange[] = []; if (node) { - const change = { ...initChange }; - const { x: prevX, y: prevY, width: prevWidth, height: prevHeight } = prevValues; + const change = { ...initChange }; + const nodeOrigin = node.origin ?? storeNodeOrigin; const { width, height, x, y } = getDimensionsAfterResize( startValues, From 84611e2f723b38147e9b9897c2d1479896c08e2e Mon Sep 17 00:00:00 2001 From: peterkogo Date: Wed, 28 Feb 2024 16:50:30 +0100 Subject: [PATCH 3/7] fixed node resizer & inlineWidth and inlineHeight --- .../src/lib/components/NodeWrapper/NodeWrapper.svelte | 2 +- .../src/lib/plugins/NodeResizer/ResizeControl.svelte | 5 +++-- packages/system/src/xyresizer/utils.ts | 11 +++++------ 3 files changed, 9 insertions(+), 9 deletions(-) diff --git a/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte b/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte index 91027f53..07d13059 100644 --- a/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte +++ b/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte @@ -184,7 +184,7 @@ style:z-index={zIndex} style:transform="translate({positionOriginX}px, {positionOriginY}px)" style:visibility={initialized ? 'visible' : 'hidden'} - style="{inlineStyleDimensions.width} {inlineStyleDimensions.height} {style ?? ''};" + style="{style ?? ''};{inlineStyleDimensions.width}{inlineStyleDimensions.height}" on:click={onSelectNodeHandler} on:mouseenter={(event) => dispatch('nodemouseenter', { node, event })} on:mouseleave={(event) => dispatch('nodemouseleave', { node, event })} diff --git a/packages/svelte/src/lib/plugins/NodeResizer/ResizeControl.svelte b/packages/svelte/src/lib/plugins/NodeResizer/ResizeControl.svelte index 56caa8b5..d3d1d793 100644 --- a/packages/svelte/src/lib/plugins/NodeResizer/ResizeControl.svelte +++ b/packages/svelte/src/lib/plugins/NodeResizer/ResizeControl.svelte @@ -35,7 +35,7 @@ let className: $$Props['class'] = ''; export { className as class }; - const { nodeLookup, snapGrid, viewport, nodes } = useStore(); + const { nodeLookup, snapGrid, viewport, nodes, nodeOrigin } = useStore(); const contextNodeId = getContext('svelteflow__node_id'); $: id = typeof nodeId === 'string' ? nodeId : contextNodeId; @@ -64,7 +64,8 @@ nodeLookup: $nodeLookup, transform: [$viewport.x, $viewport.y, $viewport.zoom], snapGrid: $snapGrid ?? undefined, - snapToGrid: !!$snapGrid + snapToGrid: !!$snapGrid, + nodeOrigin: $nodeOrigin }; }, onChange: (change: XYResizerChange, childChanges: XYResizerChildChange[]) => { diff --git a/packages/system/src/xyresizer/utils.ts b/packages/system/src/xyresizer/utils.ts index 3e4cb83c..b8753862 100644 --- a/packages/system/src/xyresizer/utils.ts +++ b/packages/system/src/xyresizer/utils.ts @@ -94,7 +94,7 @@ function xor(a: boolean, b: boolean) { /** * Calculates new width & height and x & y of node after resize based on pointer position - * @description - Buckle up, this is a chunky one! If you want to determine the new dimensions of a node after a resize, + * @description - Buckle up, this is a chunky one... If you want to determine the new dimensions of a node after a resize, * you have to account for all possible restrictions: min/max width/height of the node, the maximum extent the node is allowed * to move in (in this case: resize into) determined by the parent node, the minimal extent determined by child nodes * with expandParent or extent: 'parent' set and oh yeah, these things also have to work with keepAspectRatio! @@ -102,6 +102,8 @@ function xor(a: boolean, b: boolean) { * strongest restriction. Because the resize affects x, y and width, height and width, height of a opposing side with keepAspectRatio, * the resize amount is always kept in distX & distY amount (the distance in mouse movement) * Instead of clamping each value, we first calculate the biggest 'clamp' (for the lack of a better name) and then apply it to all values. + * To complicate things nodeOrigin has to be taken into account as well. This is done by offsetting the nodes depending on their origin, + * calculating the restrictions, normally and then * @param startValues - starting values of resize * @param controlDirection - dimensions affected by the resize * @param pointerPosition - the current pointer position corrected for snapping @@ -266,15 +268,12 @@ export function getDimensionsAfterResize( } } - const width = startWidth + (affectsX ? -distX : distX); - const height = startHeight + (affectsY ? -distY : distY); - const x = affectsX ? startX + distX : startX; const y = affectsY ? startY + distY : startY; return { - width: width, - height: height, + width: startWidth + (affectsX ? -distX : distX), + height: startHeight + (affectsY ? -distY : distY), x: nodeOrigin[0] * distX * (!affectsX ? 1 : -1) + x, y: nodeOrigin[1] * distY * (!affectsY ? 1 : -1) + y, }; From d43fbfdd5abaf13da96c62c9543ad94f55a2a8da Mon Sep 17 00:00:00 2001 From: peterkogo Date: Wed, 28 Feb 2024 16:51:14 +0100 Subject: [PATCH 4/7] added better example for svelte --- examples/svelte/src/routes/examples/node-resizer/+page.svelte | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/examples/svelte/src/routes/examples/node-resizer/+page.svelte b/examples/svelte/src/routes/examples/node-resizer/+page.svelte index 39778156..b7479b03 100644 --- a/examples/svelte/src/routes/examples/node-resizer/+page.svelte +++ b/examples/svelte/src/routes/examples/node-resizer/+page.svelte @@ -111,9 +111,10 @@ { id: '5a', type: 'defaultResizer', - data: { label: 'Child' }, + data: { label: 'Child with extent parent' }, position: { x: 50, y: 50 }, parentNode: '5', + extent: 'parent', style: nodeStyle }, { @@ -137,6 +138,7 @@ maxZoom={5} snapGrid={snapToGrid ? [10, 10] : undefined} fitView + nodeOrigin={[0.5, 0.5]} > From 5f06ef6f59a0a601cb43bc6d5ff275888237b1cd Mon Sep 17 00:00:00 2001 From: peterkogo Date: Wed, 28 Feb 2024 17:00:25 +0100 Subject: [PATCH 5/7] fixed comment --- packages/system/src/xyresizer/utils.ts | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/packages/system/src/xyresizer/utils.ts b/packages/system/src/xyresizer/utils.ts index b8753862..5c7f8532 100644 --- a/packages/system/src/xyresizer/utils.ts +++ b/packages/system/src/xyresizer/utils.ts @@ -102,8 +102,8 @@ function xor(a: boolean, b: boolean) { * strongest restriction. Because the resize affects x, y and width, height and width, height of a opposing side with keepAspectRatio, * the resize amount is always kept in distX & distY amount (the distance in mouse movement) * Instead of clamping each value, we first calculate the biggest 'clamp' (for the lack of a better name) and then apply it to all values. - * To complicate things nodeOrigin has to be taken into account as well. This is done by offsetting the nodes depending on their origin, - * calculating the restrictions, normally and then + * To complicate things nodeOrigin has to be taken into account as well. This is done by offsetting the nodes as if their origin is [0, 0], + * then calculating the restrictions as usual * @param startValues - starting values of resize * @param controlDirection - dimensions affected by the resize * @param pointerPosition - the current pointer position corrected for snapping From 0de6d4db332842e0188d4e86e0074c172aad5743 Mon Sep 17 00:00:00 2001 From: moklick Date: Thu, 29 Feb 2024 13:21:16 +0100 Subject: [PATCH 6/7] chore(examples): use width/height for specifying node sizes --- .../react/src/examples/NodeResizer/index.tsx | 23 +++++++++++++------ 1 file changed, 16 insertions(+), 7 deletions(-) diff --git a/examples/react/src/examples/NodeResizer/index.tsx b/examples/react/src/examples/NodeResizer/index.tsx index 42e83523..b0a272f2 100644 --- a/examples/react/src/examples/NodeResizer/index.tsx +++ b/examples/react/src/examples/NodeResizer/index.tsx @@ -50,7 +50,9 @@ const initialNodes: Node[] = [ maxHeight: 200, }, position: { x: 0, y: 60 }, - style: { ...nodeStyle, width: 100, height: 80 }, + width: 100, + height: 80, + style: { ...nodeStyle }, }, { id: '1b', @@ -64,9 +66,9 @@ const initialNodes: Node[] = [ maxHeight: 400, }, position: { x: 250, y: 0 }, + width: 174, + height: 123, style: { - width: 174, - height: 123, ...nodeStyle, }, }, @@ -75,7 +77,9 @@ const initialNodes: Node[] = [ type: 'customResizer', data: { label: 'custom resize icon' }, position: { x: 0, y: 200 }, - style: { width: 100, height: 60, ...nodeStyle }, + width: 100, + height: 60, + style: { ...nodeStyle }, }, { id: '3', @@ -94,7 +98,8 @@ const initialNodes: Node[] = [ keepAspectRatio: true, }, position: { x: 400, y: 200 }, - style: { ...nodeStyle, height: 50 }, + height: 50, + style: { ...nodeStyle }, }, { id: '4', @@ -121,7 +126,9 @@ const initialNodes: Node[] = [ type: 'defaultResizer', data: { label: 'Parent', keepAspectRatio: true }, position: { x: 700, y: 0 }, - style: { ...nodeStyle, width: 300, height: 400 }, + width: 300, + height: 400, + style: { ...nodeStyle }, }, { id: '5a', @@ -132,7 +139,9 @@ const initialNodes: Node[] = [ position: { x: 50, y: 50 }, parentNode: '5', extent: 'parent', - style: { ...nodeStyle, width: 50, height: 100 }, + width: 50, + height: 100, + style: { ...nodeStyle }, }, { id: '5b', From 52bdb12cf1eb22ae156770310c1d816f01aacba6 Mon Sep 17 00:00:00 2001 From: moklick Date: Thu, 29 Feb 2024 13:22:47 +0100 Subject: [PATCH 7/7] chore(changelogs): update --- packages/react/CHANGELOG.md | 1 + packages/svelte/CHANGELOG.md | 1 + 2 files changed, 2 insertions(+) diff --git a/packages/react/CHANGELOG.md b/packages/react/CHANGELOG.md index 0f5f3b92..051fdbd9 100644 --- a/packages/react/CHANGELOG.md +++ b/packages/react/CHANGELOG.md @@ -13,6 +13,7 @@ - `disableKeyboardA11y` now also disables Enter and Escape for selecting/deselecting nodes and edges - fix bug where users couldn't drag a node after toggle nodes `hidden` attribute - add `initialWidth` and `initialHeight` node attributes for specifying initial dimensions for ssr +- fix `NodeResizer` when used in combination with `nodeOrigin` ## 12.0.0-next.9 diff --git a/packages/svelte/CHANGELOG.md b/packages/svelte/CHANGELOG.md index ea7f4181..365f85cb 100644 --- a/packages/svelte/CHANGELOG.md +++ b/packages/svelte/CHANGELOG.md @@ -11,6 +11,7 @@ - better cursor defaults for the pane, nodes and edges - add `initialWidth` and `initialHeight` node attributes for specifying initial dimensions for ssr +- fix `NodeResizer` when used in combination with `nodeOrigin` ## 0.0.36