Add performance demo

Author: zHaytam

samples/SharedDemo/Demos/Performance.razor

@@ -0,0 +1,19 @@
+@page "/demos/performance"
+@layout DemoLayout
+@inherits PerformanceCompoent
+@inject LayoutData LayoutData
+
+@code {
+    protected override void OnInitialized()
+    {
+        base.OnInitialized();
+
+        LayoutData.Title = "Performance";
+        LayoutData.Info = "This diagram contains 64 nodes and 32 links";
+        LayoutData.DataChanged();
+    }
+}
+
+<CascadingValue Name="DiagramManager" Value="diagramManager">
+    <DiagramCanvas></DiagramCanvas>
+</CascadingValue>

samples/SharedDemo/Demos/Performance.razor.cs

@@ -0,0 +1,41 @@
+using Blazor.Diagrams.Core;
+using Blazor.Diagrams.Core.Models;
+using Microsoft.AspNetCore.Components;
+
+namespace SharedDemo.Demos
+{
+    public class PerformanceCompoent : ComponentBase
+    {
+        protected readonly DiagramManager diagramManager = new DiagramManager();
+
+        protected override void OnInitialized()
+        {
+            base.OnInitialized();
+
+            for (int r = 0; r < 8; r++)
+            {
+                for (int c = 0; c < 8; c += 2)
+                {
+                    var node1 = new NodeModel(new Point(10 + c * 10 + c * 120, 10 + r * 100));
+                    var node2 = new NodeModel(new Point(10 + (c + 1) * 130, 10 + r * 100));
+
+                    var sourcePort = node1.AddPort(PortAlignment.RIGHT);
+                    var targetPort = node2.AddPort(PortAlignment.LEFT);
+
+                    diagramManager.AddNodes(node1, node2);
+                    diagramManager.AddLink(sourcePort, targetPort);
+                }
+            }
+        }
+
+        private NodeModel NewNode(double x, double y)
+        {
+            var node = new NodeModel(new Point(x, y));
+            node.AddPort(PortAlignment.BOTTOM);
+            node.AddPort(PortAlignment.TOP);
+            node.AddPort(PortAlignment.LEFT);
+            node.AddPort(PortAlignment.RIGHT);
+            return node;
+        }
+    }
+}

samples/SharedDemo/Layouts/DemoLayout.razor

@@ -36,6 +36,7 @@
             <a href="demos/events" class="list-group-item list-group-item-action bg-light">Events</a>
             <a href="demos/dynamic-insertions" class="list-group-item list-group-item-action bg-light">Dynamic insertions</a>
             <a href="demos/custom-node" class="list-group-item list-group-item-action bg-light">Custom node</a>
+            <a href="demos/performance" class="list-group-item list-group-item-action bg-light">Performance</a>
         </div>
     </div>
     <div id="page-content-wrapper">