BPMN Gateway in Blazor Diagram Component

A BpmnGateway is used to control the flow of a process and it is represented as a diamond shape. The GatewayType property of the BpmnGateway can be set with any of the appropriate gateways. By default, the value of GatewayType is None. The following code example explains how to create a BPMNGateway.

@using Syncfusion.Blazor.Diagram

@* Initialize Diagram *@
<SfDiagramComponent Height="600px" Nodes="@_nodes" />

@code
{
    // Initialize node collection with Node.
    DiagramObjectCollection<Node> _nodes;

    protected override void OnInitialized()
    {
        _nodes = new DiagramObjectCollection<Node>();
        Node node = new Node()
        {
            //Position of the node.
            OffsetX = 100,
            OffsetY = 100,
            //Size of the node.
            Width = 100,
            Height = 100,
            //Unique Id of the node.
            ID = "node1",
            Shape = new BpmnGateway()
            {
                //Sets gateway type to None.
                GatewayType = BpmnGatewayType.None 
            }
        };
        _nodes.Add(node);
    }
}

A complete working sample can be downloaded from GitHub

Note: By default, the GatewayType will be set to None.

The following table describes the available gateway types.

Shape	Image	Description
None		It is represented in diamond shape. No symbol is shown inside this shape.
Exclusive		It is a state of the business process and based on the condition, is breaking the flow into one or more mutually exclusive paths.
Parallel		The parallel gateway is used to represent two concurrent tasks in a business flow.
Inclusive		Breaks the process flow into one or more flows.
Complex		This gateway is only used for the most complex flows in a business process.
EventBased		The event-based gateway allows you to make a decision based on events.
ExclusiveEventBased		Starts a new process instance with each occurrence of a subsequent event.
ParallelEventBased		This gateway is similar to a parallel gateway. It allows for multiple processes to happen at the same time but unlike the parallel gateway, the processes are event-dependent.