Port Candidate Provider Demo

This demo shows how edge creation can be customized by implementing the IPortCandidateProvider interface.

Add the custom implementation as decoration to the edge decorator of the graph to use it.

Things to Try

Start edge creation and observe which target port candidates are valid depending on the start port candidate.

Node Types

• Red nodes cannot have any edges. You cannot start or end an edge at them. A red port candidate highlights that these nodes are invalid targets.
• Only edges from other green nodes can end at green nodes.
• Blue nodes provide a set of predefined ports. Only one edge can be connected to each of these ports. Occupied ports are shown gray.
• Orange nodes provide dynamic port candidates. Edges can start and end anywhere inside these nodes when the Ctrl key is pressed.
• Purple nodes provide dynamic port candidates. Edges can start and end anywhere on the boundary of the node shape when the Ctrl key is pressed.