From 065f81d1f655ffd21d8dfafbc3f5414b2a33fd1c Mon Sep 17 00:00:00 2001
From: John Bomhold <jbomhold3@gmail.com>
Date: Wed, 18 Dec 2024 01:04:26 -1000
Subject: [PATCH] Adds MaxItems to Breadcrumbs

---
 .../Static/V4/Components/Breadcrumb.md        | 11 +++++----
 .../Static/V5/Components/Breadcrumb.md        | 11 +++++----
 src/BlazorStrap.V4/BlazorStrap.V4.csproj      |  2 +-
 .../Components/Common/BSBreadcrumb.razor      | 23 ++++++++++++++----
 .../Components/Common/BSBreadcrumb.razor.cs   | 10 ++++++++
 src/BlazorStrap.V5/BlazorStrap.V5.csproj      |  2 +-
 .../Components/Common/BSBreadcrumb.razor      | 24 +++++++++++++++----
 .../Components/Common/BSBreadcrumb.razor.cs   | 10 ++++++++
 src/BlazorStrap/BlazorStrap.csproj            |  2 +-
 .../Components/Common/BSBreadcrumbBase.cs     |  5 ++++
 10 files changed, 79 insertions(+), 21 deletions(-)

diff --git a/src/BlazorStrap.Docs/wwwroot/Static/V4/Components/Breadcrumb.md b/src/BlazorStrap.Docs/wwwroot/Static/V4/Components/Breadcrumb.md
index 643cd112..334fad16 100644
--- a/src/BlazorStrap.Docs/wwwroot/Static/V4/Components/Breadcrumb.md
+++ b/src/BlazorStrap.Docs/wwwroot/Static/V4/Components/Breadcrumb.md
@@ -3,11 +3,12 @@
 See [shared](layout/shared) for additional parameters    
 :::
 
-| Parameter | Type                       | Valid                      | Remarks/Output                                  | 
-|-----------|----------------------------|----------------------------|-------------------------------------------------|
-| Divider   | string                     | string                     |                                                 | {.table-striped}  
-| BasePath  | string                     | string                     | Turns on auto generate using supplied base path |
-| Labels    | Dictionary<string, string> | Dictionary<string, string> | Custom Labels for your paths see example        |
+| Parameter | Type                       | Valid                      | Remarks/Output                                     | 
+|-----------|----------------------------|----------------------------|----------------------------------------------------|
+| Divider   | string                     | string                     |                                                    | {.table-striped}  
+| BasePath  | string                     | string                     | Turns on auto generate using supplied base path    |
+| Labels    | Dictionary<string, string> | Dictionary<string, string> | Custom Labels for your paths see example           |
+| MaxItems  | int                        | int                        | Maximum number of items to show in the breadcrumb. |
 
 :::
 
diff --git a/src/BlazorStrap.Docs/wwwroot/Static/V5/Components/Breadcrumb.md b/src/BlazorStrap.Docs/wwwroot/Static/V5/Components/Breadcrumb.md
index 12e49fca..1df02ae4 100644
--- a/src/BlazorStrap.Docs/wwwroot/Static/V5/Components/Breadcrumb.md
+++ b/src/BlazorStrap.Docs/wwwroot/Static/V5/Components/Breadcrumb.md
@@ -3,11 +3,12 @@
 See [shared](layout/shared) for additional parameters    
 :::
 
-| Parameter | Type                       | Valid                      | Remarks/Output                                  | 
-|-----------|----------------------------|----------------------------|-------------------------------------------------|
-| Divider   | string                     | string                     |                                                 | {.table-striped}  
-| BasePath  | string                     | string                     | Turns on auto generate using supplied base path |
-| Labels    | Dictionary<string, string> | Dictionary<string, string> | Custom Labels for your paths see example        |
+| Parameter | Type                       | Valid                      | Remarks/Output                                     | 
+|-----------|----------------------------|----------------------------|----------------------------------------------------|
+| Divider   | string                     | string                     |                                                    | {.table-striped}  
+| BasePath  | string                     | string                     | Turns on auto generate using supplied base path    |
+| Labels    | Dictionary<string, string> | Dictionary<string, string> | Custom Labels for your paths see example           |
+| MaxItems  | int                        | int                        | Maximum number of items to show in the breadcrumb. |
 
 :::
 
diff --git a/src/BlazorStrap.V4/BlazorStrap.V4.csproj b/src/BlazorStrap.V4/BlazorStrap.V4.csproj
index a875fecc..cc5dd78e 100644
--- a/src/BlazorStrap.V4/BlazorStrap.V4.csproj
+++ b/src/BlazorStrap.V4/BlazorStrap.V4.csproj
@@ -14,7 +14,7 @@
 		<PackageProjectUrl>https://blazorstrap.io/</PackageProjectUrl>
 		<RepositoryUrl>https://github.com/chanan/BlazorStrap</RepositoryUrl>
 		<RootNamespace>BlazorStrap.V4</RootNamespace>
-		<PackageVersion>5.2.103</PackageVersion>
+		<PackageVersion>5.2.103.121824</PackageVersion>
 	</PropertyGroup>
 
 	<ItemGroup Condition="  '$(TargetFramework)' == 'net7.0'  ">
diff --git a/src/BlazorStrap.V4/Components/Common/BSBreadcrumb.razor b/src/BlazorStrap.V4/Components/Common/BSBreadcrumb.razor
index 75b39630..d3ca8a75 100644
--- a/src/BlazorStrap.V4/Components/Common/BSBreadcrumb.razor
+++ b/src/BlazorStrap.V4/Components/Common/BSBreadcrumb.razor
@@ -13,12 +13,27 @@ else
 {
     <nav style="--bs-breadcrumb-divider: @Divider;" aria-label="breadcrumb">
         <ol class="@ClassBuilder" @attributes="Attributes">
-            @foreach(var item in Tree)
+            @if (Tree.Count > MaxItems)
             {
-                if (NavigationManager?.Uri == item.Key )
+                if (NavigationManager?.Uri == Tree.First().Key)
                 {
-                    <li class="breadcrumb-item active" >
-                    @item.Value
+                    <li class="breadcrumb-item active">
+                        @Tree.First().Value
+                    </li>
+                }
+                else
+                {
+                    <li class="breadcrumb-item">
+                        <a href="Tree.First().Key">...</a>
+                    </li>
+                }
+            }
+            @foreach (var item in Tree.Skip(_skip))
+            {
+                if (NavigationManager?.Uri == item.Key)
+                {
+                    <li class="breadcrumb-item active">
+                        @item.Value
                     </li>
                 }
                 else
diff --git a/src/BlazorStrap.V4/Components/Common/BSBreadcrumb.razor.cs b/src/BlazorStrap.V4/Components/Common/BSBreadcrumb.razor.cs
index 3321febb..7156c5c6 100644
--- a/src/BlazorStrap.V4/Components/Common/BSBreadcrumb.razor.cs
+++ b/src/BlazorStrap.V4/Components/Common/BSBreadcrumb.razor.cs
@@ -6,11 +6,21 @@ namespace BlazorStrap.V4
 {
     public partial class BSBreadcrumb : BSBreadcrumbBase
     {
+        private int _skip = 0;
         protected override string? LayoutClass => LayoutClassBuilder.Build(this);
 
         protected override string? ClassBuilder => new CssBuilder("breadcrumb")
                 .AddClass(LayoutClass, !string.IsNullOrEmpty(LayoutClass))
                 .AddClass(Class, !string.IsNullOrEmpty(Class))
                 .Build().ToNullString();
+        
+        protected override void OnInitialized()
+        {
+            base.OnInitialized();
+            if (Tree.Count > MaxItems)
+            {
+                _skip = Tree.Count - MaxItems;
+            }
+        }
     }
 }
diff --git a/src/BlazorStrap.V5/BlazorStrap.V5.csproj b/src/BlazorStrap.V5/BlazorStrap.V5.csproj
index 16776e6c..63858eb8 100644
--- a/src/BlazorStrap.V5/BlazorStrap.V5.csproj
+++ b/src/BlazorStrap.V5/BlazorStrap.V5.csproj
@@ -13,7 +13,7 @@
 		<PackageProjectUrl>https://blazorstrap.io/</PackageProjectUrl>
 		<RepositoryUrl>https://github.com/chanan/BlazorStrap</RepositoryUrl>
 		<RootNamespace>BlazorStrap.V5</RootNamespace>
-		<PackageVersion>5.2.103</PackageVersion>
+		<PackageVersion>5.2.103.121824</PackageVersion>
 	</PropertyGroup>
 
 	<ItemGroup>
diff --git a/src/BlazorStrap.V5/Components/Common/BSBreadcrumb.razor b/src/BlazorStrap.V5/Components/Common/BSBreadcrumb.razor
index 64453733..c630b449 100644
--- a/src/BlazorStrap.V5/Components/Common/BSBreadcrumb.razor
+++ b/src/BlazorStrap.V5/Components/Common/BSBreadcrumb.razor
@@ -13,12 +13,27 @@ else
 {
     <nav style="--bs-breadcrumb-divider: @Divider;" aria-label="breadcrumb">
         <ol class="@ClassBuilder" @attributes="Attributes">
-            @foreach(var item in Tree)
+            @if (Tree.Count > MaxItems)
             {
-                if (NavigationManager?.Uri == item.Key )
+                if (NavigationManager?.Uri == Tree.First().Key)
                 {
-                    <li class="breadcrumb-item active" >
-                    @item.Value
+                    <li class="breadcrumb-item active">
+                        @Tree.First().Value
+                    </li>
+                }
+                else
+                {
+                    <li class="breadcrumb-item">
+                        <a href="Tree.First().Key">...</a>
+                    </li>
+                }
+            }
+            @foreach (var item in Tree.Skip(_skip))
+            {
+                if (NavigationManager?.Uri == item.Key)
+                {
+                    <li class="breadcrumb-item active">
+                        @item.Value
                     </li>
                 }
                 else
@@ -28,6 +43,7 @@ else
                     </li>
                 }
             }
+
         </ol>
     </nav>
 }
\ No newline at end of file
diff --git a/src/BlazorStrap.V5/Components/Common/BSBreadcrumb.razor.cs b/src/BlazorStrap.V5/Components/Common/BSBreadcrumb.razor.cs
index db3c5c15..c4f90b36 100644
--- a/src/BlazorStrap.V5/Components/Common/BSBreadcrumb.razor.cs
+++ b/src/BlazorStrap.V5/Components/Common/BSBreadcrumb.razor.cs
@@ -6,11 +6,21 @@ namespace BlazorStrap.V5
 {
     public partial class BSBreadcrumb : BSBreadcrumbBase
     {
+        private int _skip = 0;
         protected override string? LayoutClass => LayoutClassBuilder.Build(this);
 
         protected override string? ClassBuilder => new CssBuilder("breadcrumb")
                 .AddClass(LayoutClass, !string.IsNullOrEmpty(LayoutClass))
                 .AddClass(Class, !string.IsNullOrEmpty(Class))
                 .Build().ToNullString();
+
+        protected override void OnInitialized()
+        {
+            base.OnInitialized();
+            if (Tree.Count > MaxItems)
+            {
+                _skip = Tree.Count - MaxItems;
+            }
+        }
     }
 }
diff --git a/src/BlazorStrap/BlazorStrap.csproj b/src/BlazorStrap/BlazorStrap.csproj
index 451a5bf3..e8841718 100644
--- a/src/BlazorStrap/BlazorStrap.csproj
+++ b/src/BlazorStrap/BlazorStrap.csproj
@@ -13,7 +13,7 @@
 		<PackageProjectUrl>https://blazorstrap.io/</PackageProjectUrl>
 		<RepositoryUrl>https://github.com/chanan/BlazorStrap</RepositoryUrl>
 		<RootNamespace>BlazorStrap</RootNamespace>
-		<PackageVersion>5.2.103.121624</PackageVersion>
+		<PackageVersion>5.2.103.121824</PackageVersion>
 		<AnalysisLevel>6.0</AnalysisLevel><!--Next Use 5.2.104-Preview1-->
 	</PropertyGroup>
 	
diff --git a/src/BlazorStrap/Shared/Components/Common/BSBreadcrumbBase.cs b/src/BlazorStrap/Shared/Components/Common/BSBreadcrumbBase.cs
index f90578e2..517bedd3 100644
--- a/src/BlazorStrap/Shared/Components/Common/BSBreadcrumbBase.cs
+++ b/src/BlazorStrap/Shared/Components/Common/BSBreadcrumbBase.cs
@@ -22,6 +22,11 @@ public abstract class BSBreadcrumbBase : BlazorStrapBase
         /// Custom labels for paths. The key is the path and the value is the custom label.
         /// </summary>
         [Parameter] public Dictionary<string, string> Labels { get; set; } = new();
+        
+        /// <summary>
+        /// Will only show the last x items in the breadcrumb tree. Starts from the end of the tree. Home will shown as ... if there are more items than MaxItems.
+        /// </summary>
+        [Parameter] public int MaxItems { get; set; } = 0;
         protected abstract string? LayoutClass { get; }
         protected abstract string? ClassBuilder { get; }