Component | Graph | Link: Adding transition to link arrows

#0
f5 · Jan 25, 2024 · 71ad692 · 71ad692
1 parent 1afbb3e
commit 71ad692
Showing 1 changed file with 3 additions and 0 deletions.
diff --git a/packages/ts/src/components/graph/modules/link/index.ts b/packages/ts/src/components/graph/modules/link/index.ts
@@ -171,8 +171,11 @@ export function updateLinks<N extends GraphInputNode, L extends GraphInputLink>
 
       // Calculate the angle for the arrowhead
       const angle = Math.atan2(p2.y - p1.y, p2.x - p1.x) * (180 / Math.PI)
+      const arrowWasShownBefore = linkArrow.attr('href')
       linkArrow
         .attr('href', `#${getLinkArrowDefId(linkArrowStyle)}`)
+
+      smartTransition(linkArrow, arrowWasShownBefore ? duration : 0)
         .attr('fill', linkColor)
         .attr('transform', `translate(${p1.x}, ${p1.y}) rotate(${angle})`)
     } else {