Chore/refactor demo

.gitignore

@@ -7,4 +7,6 @@ artifacts/
 .nuke/temp
 temp/
 .vs/
-.vs
+.vs
+.idea
+.idea/*

README.md

@@ -19,6 +19,7 @@ dotnet add package SimpleBlazorMultiselect
 See the project `SimpleBlazorMultiselectDemo` for more examples of how to use the component, 
 or take a look at the properties page on the [wiki](https://github.com/BorisGerretzen/SimpleBlazorMultiselect/wiki/Properties).
 You can also view a live demo [here](https://borisgerretzen.github.io/SimpleBlazorMultiselect/).
+To view the source code of the demo, take a look in the `demo` folder of this repository.
 
 Below are some short examples, they all use the following `@code` block:
 ```csharp

SimpleBlazorMultiselect.sln

@@ -1,37 +1,105 @@
-Microsoft Visual Studio Solution File, Format Version 12.00
+
+Microsoft Visual Studio Solution File, Format Version 12.00
 # Visual Studio Version 17
 VisualStudioVersion = 17.9.34728.123
 MinimumVisualStudioVersion = 10.0.40219.1
 Project("{9A19103F-16F7-4668-BE54-9A1E7A4F7556}") = "_build", "build\_build.csproj", "{49DA0B6E-92AE-41C0-8763-16D0303F2015}"
 EndProject
-Project("{9A19103F-16F7-4668-BE54-9A1E7A4F7556}") = "SimpleBlazorMultiselect", "src\SimpleBlazorMultiselect\SimpleBlazorMultiselect.csproj", "{1F3DCC28-1FD5-4F3C-B43D-564A44DBE398}"
+Project("{2150E333-8FDC-42A3-9474-1A3956D46DE8}") = "src", "src", "{827E0CD3-B72D-47B6-A68D-7590B98EB39B}"
 EndProject
-Project("{9A19103F-16F7-4668-BE54-9A1E7A4F7556}") = "SimpleBlazorMultiselect.Demo", "src\SimpleBlazorMultiselect.Demo\SimpleBlazorMultiselect.Demo.csproj", "{025632E8-CB51-4E49-B47C-B9C75D35A874}"
+Project("{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}") = "SimpleBlazorMultiselect", "src\SimpleBlazorMultiselect\SimpleBlazorMultiselect.csproj", "{223C122B-FEFB-4AB0-8EF8-ED2BB94378CF}"
 EndProject
-Project("{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}") = "SimpleBlazorMultiselect.Tests", "src\SimpleBlazorMultiselect.Tests\SimpleBlazorMultiselect.Tests.csproj", "{753C970D-2A63-4ABB-8BE0-A524DF8C2BDB}"
+Project("{2150E333-8FDC-42A3-9474-1A3956D46DE8}") = "tests", "tests", "{0AB3BF05-4346-4AA6-1389-037BE0695223}"
+EndProject
+Project("{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}") = "SimpleBlazorMultiselect.Tests", "tests\SimpleBlazorMultiselect.Tests\SimpleBlazorMultiselect.Tests.csproj", "{D69FB0BD-6BA3-4789-9278-E01AC2A49919}"
+EndProject
+Project("{2150E333-8FDC-42A3-9474-1A3956D46DE8}") = "demo", "demo", "{A39C23D2-F2C0-258D-165A-CF1E7FEE6E7B}"
+EndProject
+Project("{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}") = "SimpleBlazorMultiselect.Demo.Wasm", "demo\SimpleBlazorMultiselect.Demo.Wasm\SimpleBlazorMultiselect.Demo.Wasm.csproj", "{8505F798-2740-4D5C-A94C-B75E79980E0B}"
+EndProject
+Project("{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}") = "SimpleBlazorMultiselect.Demo.Server", "demo\SimpleBlazorMultiselect.Demo.Server\SimpleBlazorMultiselect.Demo.Server.csproj", "{71E4E57A-A40F-459B-BB41-A26EB10D2841}"
+EndProject
+Project("{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}") = "SimpleBlazorMultiselect.Demo.Shared", "demo\SimpleBlazorMultiselect.Demo.Shared\SimpleBlazorMultiselect.Demo.Shared.csproj", "{35CEC199-EE74-4A2E-8E18-0F695B667D46}"
 EndProject
 Global
 	GlobalSection(SolutionConfigurationPlatforms) = preSolution
 		Debug|Any CPU = Debug|Any CPU
+		Debug|x64 = Debug|x64
+		Debug|x86 = Debug|x86
 		Release|Any CPU = Release|Any CPU
+		Release|x64 = Release|x64
+		Release|x86 = Release|x86
 	EndGlobalSection
 	GlobalSection(ProjectConfigurationPlatforms) = postSolution
-		{49DA0B6E-92AE-41C0-8763-16D0303F2015}.Debug|Any CPU.ActiveCfg = Debug|Any CPU
-		{49DA0B6E-92AE-41C0-8763-16D0303F2015}.Release|Any CPU.ActiveCfg = Release|Any CPU
-		{1F3DCC28-1FD5-4F3C-B43D-564A44DBE398}.Debug|Any CPU.ActiveCfg = Debug|Any CPU
-		{1F3DCC28-1FD5-4F3C-B43D-564A44DBE398}.Debug|Any CPU.Build.0 = Debug|Any CPU
-		{1F3DCC28-1FD5-4F3C-B43D-564A44DBE398}.Release|Any CPU.ActiveCfg = Release|Any CPU
-		{1F3DCC28-1FD5-4F3C-B43D-564A44DBE398}.Release|Any CPU.Build.0 = Release|Any CPU
-		{025632E8-CB51-4E49-B47C-B9C75D35A874}.Debug|Any CPU.ActiveCfg = Debug|Any CPU
-		{025632E8-CB51-4E49-B47C-B9C75D35A874}.Debug|Any CPU.Build.0 = Debug|Any CPU
-		{025632E8-CB51-4E49-B47C-B9C75D35A874}.Release|Any CPU.ActiveCfg = Release|Any CPU
-		{025632E8-CB51-4E49-B47C-B9C75D35A874}.Release|Any CPU.Build.0 = Release|Any CPU
-		{753C970D-2A63-4ABB-8BE0-A524DF8C2BDB}.Debug|Any CPU.ActiveCfg = Debug|Any CPU
-		{753C970D-2A63-4ABB-8BE0-A524DF8C2BDB}.Debug|Any CPU.Build.0 = Debug|Any CPU
-		{753C970D-2A63-4ABB-8BE0-A524DF8C2BDB}.Release|Any CPU.ActiveCfg = Release|Any CPU
-		{753C970D-2A63-4ABB-8BE0-A524DF8C2BDB}.Release|Any CPU.Build.0 = Release|Any CPU
+		{223C122B-FEFB-4AB0-8EF8-ED2BB94378CF}.Debug|Any CPU.ActiveCfg = Debug|Any CPU
+		{223C122B-FEFB-4AB0-8EF8-ED2BB94378CF}.Debug|Any CPU.Build.0 = Debug|Any CPU
+		{223C122B-FEFB-4AB0-8EF8-ED2BB94378CF}.Debug|x64.ActiveCfg = Debug|Any CPU
+		{223C122B-FEFB-4AB0-8EF8-ED2BB94378CF}.Debug|x64.Build.0 = Debug|Any CPU
+		{223C122B-FEFB-4AB0-8EF8-ED2BB94378CF}.Debug|x86.ActiveCfg = Debug|Any CPU
+		{223C122B-FEFB-4AB0-8EF8-ED2BB94378CF}.Debug|x86.Build.0 = Debug|Any CPU
+		{223C122B-FEFB-4AB0-8EF8-ED2BB94378CF}.Release|Any CPU.ActiveCfg = Release|Any CPU
+		{223C122B-FEFB-4AB0-8EF8-ED2BB94378CF}.Release|Any CPU.Build.0 = Release|Any CPU
+		{223C122B-FEFB-4AB0-8EF8-ED2BB94378CF}.Release|x64.ActiveCfg = Release|Any CPU
+		{223C122B-FEFB-4AB0-8EF8-ED2BB94378CF}.Release|x64.Build.0 = Release|Any CPU
+		{223C122B-FEFB-4AB0-8EF8-ED2BB94378CF}.Release|x86.ActiveCfg = Release|Any CPU
+		{223C122B-FEFB-4AB0-8EF8-ED2BB94378CF}.Release|x86.Build.0 = Release|Any CPU
+		{D69FB0BD-6BA3-4789-9278-E01AC2A49919}.Debug|Any CPU.ActiveCfg = Debug|Any CPU
+		{D69FB0BD-6BA3-4789-9278-E01AC2A49919}.Debug|Any CPU.Build.0 = Debug|Any CPU
+		{D69FB0BD-6BA3-4789-9278-E01AC2A49919}.Debug|x64.ActiveCfg = Debug|Any CPU
+		{D69FB0BD-6BA3-4789-9278-E01AC2A49919}.Debug|x64.Build.0 = Debug|Any CPU
+		{D69FB0BD-6BA3-4789-9278-E01AC2A49919}.Debug|x86.ActiveCfg = Debug|Any CPU
+		{D69FB0BD-6BA3-4789-9278-E01AC2A49919}.Debug|x86.Build.0 = Debug|Any CPU
+		{D69FB0BD-6BA3-4789-9278-E01AC2A49919}.Release|Any CPU.ActiveCfg = Release|Any CPU
+		{D69FB0BD-6BA3-4789-9278-E01AC2A49919}.Release|Any CPU.Build.0 = Release|Any CPU
+		{D69FB0BD-6BA3-4789-9278-E01AC2A49919}.Release|x64.ActiveCfg = Release|Any CPU
+		{D69FB0BD-6BA3-4789-9278-E01AC2A49919}.Release|x64.Build.0 = Release|Any CPU
+		{D69FB0BD-6BA3-4789-9278-E01AC2A49919}.Release|x86.ActiveCfg = Release|Any CPU
+		{D69FB0BD-6BA3-4789-9278-E01AC2A49919}.Release|x86.Build.0 = Release|Any CPU
+		{8505F798-2740-4D5C-A94C-B75E79980E0B}.Debug|Any CPU.ActiveCfg = Debug|Any CPU
+		{8505F798-2740-4D5C-A94C-B75E79980E0B}.Debug|Any CPU.Build.0 = Debug|Any CPU
+		{8505F798-2740-4D5C-A94C-B75E79980E0B}.Debug|x64.ActiveCfg = Debug|Any CPU
+		{8505F798-2740-4D5C-A94C-B75E79980E0B}.Debug|x64.Build.0 = Debug|Any CPU
+		{8505F798-2740-4D5C-A94C-B75E79980E0B}.Debug|x86.ActiveCfg = Debug|Any CPU
+		{8505F798-2740-4D5C-A94C-B75E79980E0B}.Debug|x86.Build.0 = Debug|Any CPU
+		{8505F798-2740-4D5C-A94C-B75E79980E0B}.Release|Any CPU.ActiveCfg = Release|Any CPU
+		{8505F798-2740-4D5C-A94C-B75E79980E0B}.Release|Any CPU.Build.0 = Release|Any CPU
+		{8505F798-2740-4D5C-A94C-B75E79980E0B}.Release|x64.ActiveCfg = Release|Any CPU
+		{8505F798-2740-4D5C-A94C-B75E79980E0B}.Release|x64.Build.0 = Release|Any CPU
+		{8505F798-2740-4D5C-A94C-B75E79980E0B}.Release|x86.ActiveCfg = Release|Any CPU
+		{8505F798-2740-4D5C-A94C-B75E79980E0B}.Release|x86.Build.0 = Release|Any CPU
+		{71E4E57A-A40F-459B-BB41-A26EB10D2841}.Debug|Any CPU.ActiveCfg = Debug|Any CPU
+		{71E4E57A-A40F-459B-BB41-A26EB10D2841}.Debug|Any CPU.Build.0 = Debug|Any CPU
+		{71E4E57A-A40F-459B-BB41-A26EB10D2841}.Debug|x64.ActiveCfg = Debug|Any CPU
+		{71E4E57A-A40F-459B-BB41-A26EB10D2841}.Debug|x64.Build.0 = Debug|Any CPU
+		{71E4E57A-A40F-459B-BB41-A26EB10D2841}.Debug|x86.ActiveCfg = Debug|Any CPU
+		{71E4E57A-A40F-459B-BB41-A26EB10D2841}.Debug|x86.Build.0 = Debug|Any CPU
+		{71E4E57A-A40F-459B-BB41-A26EB10D2841}.Release|Any CPU.ActiveCfg = Release|Any CPU
+		{71E4E57A-A40F-459B-BB41-A26EB10D2841}.Release|Any CPU.Build.0 = Release|Any CPU
+		{71E4E57A-A40F-459B-BB41-A26EB10D2841}.Release|x64.ActiveCfg = Release|Any CPU
+		{71E4E57A-A40F-459B-BB41-A26EB10D2841}.Release|x64.Build.0 = Release|Any CPU
+		{71E4E57A-A40F-459B-BB41-A26EB10D2841}.Release|x86.ActiveCfg = Release|Any CPU
+		{71E4E57A-A40F-459B-BB41-A26EB10D2841}.Release|x86.Build.0 = Release|Any CPU
+		{35CEC199-EE74-4A2E-8E18-0F695B667D46}.Debug|Any CPU.ActiveCfg = Debug|Any CPU
+		{35CEC199-EE74-4A2E-8E18-0F695B667D46}.Debug|Any CPU.Build.0 = Debug|Any CPU
+		{35CEC199-EE74-4A2E-8E18-0F695B667D46}.Debug|x64.ActiveCfg = Debug|Any CPU
+		{35CEC199-EE74-4A2E-8E18-0F695B667D46}.Debug|x64.Build.0 = Debug|Any CPU
+		{35CEC199-EE74-4A2E-8E18-0F695B667D46}.Debug|x86.ActiveCfg = Debug|Any CPU
+		{35CEC199-EE74-4A2E-8E18-0F695B667D46}.Debug|x86.Build.0 = Debug|Any CPU
+		{35CEC199-EE74-4A2E-8E18-0F695B667D46}.Release|Any CPU.ActiveCfg = Release|Any CPU
+		{35CEC199-EE74-4A2E-8E18-0F695B667D46}.Release|Any CPU.Build.0 = Release|Any CPU
+		{35CEC199-EE74-4A2E-8E18-0F695B667D46}.Release|x64.ActiveCfg = Release|Any CPU
+		{35CEC199-EE74-4A2E-8E18-0F695B667D46}.Release|x64.Build.0 = Release|Any CPU
+		{35CEC199-EE74-4A2E-8E18-0F695B667D46}.Release|x86.ActiveCfg = Release|Any CPU
+		{35CEC199-EE74-4A2E-8E18-0F695B667D46}.Release|x86.Build.0 = Release|Any CPU
 	EndGlobalSection
 	GlobalSection(SolutionProperties) = preSolution
 		HideSolutionNode = FALSE
 	EndGlobalSection
+	GlobalSection(NestedProjects) = preSolution
+		{223C122B-FEFB-4AB0-8EF8-ED2BB94378CF} = {827E0CD3-B72D-47B6-A68D-7590B98EB39B}
+		{D69FB0BD-6BA3-4789-9278-E01AC2A49919} = {0AB3BF05-4346-4AA6-1389-037BE0695223}
+		{8505F798-2740-4D5C-A94C-B75E79980E0B} = {A39C23D2-F2C0-258D-165A-CF1E7FEE6E7B}
+		{71E4E57A-A40F-459B-BB41-A26EB10D2841} = {A39C23D2-F2C0-258D-165A-CF1E7FEE6E7B}
+		{35CEC199-EE74-4A2E-8E18-0F695B667D46} = {A39C23D2-F2C0-258D-165A-CF1E7FEE6E7B}
+	EndGlobalSection
 EndGlobal

build/Build.cs

@@ -51,22 +51,21 @@ class Build : NukeBuild
 
     [Solution] readonly Solution Solution;
 
-    AbsolutePath SourceDirectory => RootDirectory / "src";
     AbsolutePath ArtifactsDirectory => RootDirectory / "artifacts";
     AbsolutePath TempDirectory => RootDirectory / "temp";
     AbsolutePath DemoDirectory => TempDirectory / "demo";
 
-    Project LibProject => Solution.GetProject("SimpleBlazorMultiselect");
-    Project DemoProject => Solution.GetProject("SimpleBlazorMultiselect.Demo");
-    Project TestsProject => Solution.GetProject("SimpleBlazorMultiselect.Tests");
+    Project LibProject => Solution.GetAllProjects("*").Single(x => x.Name == "SimpleBlazorMultiselect");
+    Project DemoProject => Solution.GetAllProjects("*").Single(x => x.Name == "SimpleBlazorMultiselect.Demo.Wasm");
+    Project TestsProject => Solution.GetAllProjects("*").Single(x => x.Name == "SimpleBlazorMultiselect.Tests");
 
     Target Clean => _ => _
         .Before(Restore)
         .Executes(() =>
         {
             TempDirectory.CreateOrCleanDirectory();
             DemoDirectory.CreateOrCleanDirectory();
-            SourceDirectory.GlobDirectories("**/bin", "**/obj")
+            RootDirectory.GlobDirectories("**/bin", "**/obj")
                 .ForEach(path =>
                 {
                     Console.WriteLine($"Removing '{path}'");

demo/README.md

@@ -0,0 +1,5 @@
+# Demos
+
+In this folder you can find the demo projects for the library.
+In `SimpleBlazorMultiselect.Demo.Shared` you can find the implementation of the various pages of the demo app.
+The other two projects showcase how to use the library in Blazor WebAssembly and Blazor Server applications.

demo/SimpleBlazorMultiselect.Demo.Server/App.razor

@@ -0,0 +1,16 @@
+@using SimpleBlazorMultiselect.Demo.Shared
+@using SimpleBlazorMultiselect.Demo.Shared.Layout
+<CascadingValue Name="Standalone" Value="@false" IsFixed="@true">
+    <Router AppAssembly="@typeof(App).Assembly" AdditionalAssemblies="@(new[] { typeof(Globals).Assembly })">
+        <Found Context="routeData">
+            <RouteView RouteData="@routeData" DefaultLayout="@typeof(MainLayout)"/>
+            <FocusOnNavigate RouteData="@routeData" Selector="h1"/>
+        </Found>
+        <NotFound>
+            <PageTitle>Not found</PageTitle>
+            <LayoutView Layout="@typeof(MainLayout)">
+                <p role="alert">Sorry, there's nothing at this address.</p>
+            </LayoutView>
+        </NotFound>
+    </Router>
+</CascadingValue>

demo/SimpleBlazorMultiselect.Demo.Server/Pages/_Host.cshtml

@@ -0,0 +1,32 @@
+@page "/"
+@using Microsoft.AspNetCore.Components.Web
+@namespace SimpleBlazorMultiselect.Demo.Server.Pages
+@addTagHelper *, Microsoft.AspNetCore.Mvc.TagHelpers
+
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8" />
+    <base href="~/" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
+    <link href="_content/SimpleBlazorMultiselect.Demo.Shared/app.css" rel="stylesheet" />
+    <link href="SimpleBlazorMultiselect.Demo.Server.styles.css" rel="stylesheet"/>
+    <component type="typeof(HeadOutlet)" render-mode="ServerPrerendered" />
+</head>
+<body>
+    <component type="typeof(App)" render-mode="ServerPrerendered" />
+
+    <div id="blazor-error-ui">
+        <environment include="Staging,Production">
+            An error has occurred. This application may no longer respond until reloaded.
+        </environment>
+        <environment include="Development">
+            An unhandled exception has occurred. See browser dev tools for details.
+        </environment>
+        <a href="" class="reload">Reload</a>
+        <a class="dismiss">🗙</a>
+    </div>
+
+    <script src="_framework/blazor.server.js"></script>
+</body>
+</html>

demo/SimpleBlazorMultiselect.Demo.Server/Program.cs

@@ -0,0 +1,24 @@
+using Microsoft.AspNetCore.Components;
+using Microsoft.AspNetCore.Components.Web;
+
+var builder = WebApplication.CreateBuilder(args);
+builder.Services.AddRazorPages();
+builder.Services.AddServerSideBlazor();
+
+var app = builder.Build();
+
+if (!app.Environment.IsDevelopment())
+{
+    app.UseHsts();
+}
+
+app.UseHttpsRedirection();
+
+app.UseStaticFiles();
+
+app.UseRouting();
+
+app.MapBlazorHub();
+app.MapFallbackToPage("/_Host");
+
+app.Run();

demo/SimpleBlazorMultiselect.Demo.Server/Properties/launchSettings.json

@@ -0,0 +1,35 @@
+{
+  "iisSettings": {
+    "iisExpress": {
+      "applicationUrl": "http://localhost:36159",
+      "sslPort": 44369
+    }
+  },
+  "profiles": {
+    "http": {
+      "commandName": "Project",
+      "dotnetRunMessages": true,
+      "launchBrowser": true,
+      "applicationUrl": "http://localhost:5108",
+      "environmentVariables": {
+        "ASPNETCORE_ENVIRONMENT": "Development"
+      }
+    },
+    "https": {
+      "commandName": "Project",
+      "dotnetRunMessages": true,
+      "launchBrowser": true,
+      "applicationUrl": "https://localhost:7130;http://localhost:5108",
+      "environmentVariables": {
+        "ASPNETCORE_ENVIRONMENT": "Development"
+      }
+    },
+    "IIS Express": {
+      "commandName": "IISExpress",
+      "launchBrowser": true,
+      "environmentVariables": {
+        "ASPNETCORE_ENVIRONMENT": "Development"
+      }
+    }
+  }
+}

demo/SimpleBlazorMultiselect.Demo.Server/SimpleBlazorMultiselect.Demo.Server.csproj

@@ -0,0 +1,18 @@
+<Project Sdk="Microsoft.NET.Sdk.Web">
+
+  <PropertyGroup>
+    <TargetFramework>net8.0</TargetFramework>
+    <Nullable>enable</Nullable>
+    <ImplicitUsings>enable</ImplicitUsings>
+  </PropertyGroup>
+
+  <ItemGroup>
+    <ProjectReference Include="..\SimpleBlazorMultiselect.Demo.Shared\SimpleBlazorMultiselect.Demo.Shared.csproj" />
+  </ItemGroup>
+
+  <ItemGroup>
+    <_ContentIncludedByDefault Remove="Layout\MainLayout.razor" />
+    <_ContentIncludedByDefault Remove="Layout\NavMenu.razor" />
+    <_ContentIncludedByDefault Remove="wwwroot\css\site.css" />
+  </ItemGroup>
+</Project>

demo/SimpleBlazorMultiselect.Demo.Server/_Imports.razor

@@ -0,0 +1,5 @@
+@using Microsoft.AspNetCore.Components.Routing
+@using Microsoft.AspNetCore.Components.Web
+@using Microsoft.JSInterop
+@using SimpleBlazorMultiselect.Demo.Server
+@using SimpleBlazorMultiselect

demo/SimpleBlazorMultiselect.Demo.Server/appsettings.Development.json

@@ -0,0 +1,9 @@
+{
+  "DetailedErrors": true,
+  "Logging": {
+    "LogLevel": {
+      "Default": "Information",
+      "Microsoft.AspNetCore": "Warning"
+    }
+  }
+}

demo/SimpleBlazorMultiselect.Demo.Server/appsettings.json

@@ -0,0 +1,9 @@
+{
+  "Logging": {
+    "LogLevel": {
+      "Default": "Information",
+      "Microsoft.AspNetCore": "Warning"
+    }
+  },
+  "AllowedHosts": "*"
+}

src/SimpleBlazorMultiselect.Demo/Globals.cs → demo/SimpleBlazorMultiselect.Demo.Shared/Globals.cs

@@ -1,6 +1,4 @@
-using System.Collections.Generic;
-
-namespace SimpleBlazorMultiselect.Demo;
+namespace SimpleBlazorMultiselect.Demo.Shared;
 
 public static class Globals
 {

src/SimpleBlazorMultiselect.Demo/Layout/MainLayout.razor.css → demo/SimpleBlazorMultiselect.Demo.Shared/Layout/MainLayout.razor.css

@@ -21,20 +21,20 @@ main {
     align-items: center;
 }
 
-    .top-row ::deep a, .top-row ::deep .btn-link {
-        white-space: nowrap;
-        margin-left: 1.5rem;
-        text-decoration: none;
-    }
+.top-row ::deep a, .top-row ::deep .btn-link {
+    white-space: nowrap;
+    margin-left: 1.5rem;
+    text-decoration: none;
+}
 
-    .top-row ::deep a:hover, .top-row ::deep .btn-link:hover {
-        text-decoration: underline;
-    }
+.top-row ::deep a:hover, .top-row ::deep .btn-link:hover {
+    text-decoration: underline;
+}
 
-    .top-row ::deep a:first-child {
-        overflow: hidden;
-        text-overflow: ellipsis;
-    }
+.top-row ::deep a:first-child {
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
 
 @media (max-width: 640.98px) {
     .top-row {
@@ -88,9 +88,9 @@ main {
     z-index: 1000;
 }
 
-    #blazor-error-ui .dismiss {
-        cursor: pointer;
-        position: absolute;
-        right: 0.75rem;
-        top: 0.5rem;
-    }
+#blazor-error-ui .dismiss {
+    cursor: pointer;
+    position: absolute;
+    right: 0.75rem;
+    top: 0.5rem;
+}

src/SimpleBlazorMultiselect.Demo/Layout/NavMenu.razor → demo/SimpleBlazorMultiselect.Demo.Shared/Layout/NavMenu.razor

@@ -1,4 +1,5 @@
-<div class="top-row ps-3 navbar navbar-dark">
+@using Microsoft.AspNetCore.Components.Routing
+<div class="top-row ps-3 navbar navbar-dark">
     <div class="container-fluid">
         <a class="navbar-brand" href="">Simple blazor multiselect</a>
     </div>