[Overflow] Add RemoveItem method [v3]

examples/Demo/Shared/Microsoft.FluentUI.AspNetCore.Components.xml

@@ -5561,6 +5561,12 @@
         <member name="M:Microsoft.FluentUI.AspNetCore.Components.FluentOverflowItem.SetProperties(System.Nullable{System.Boolean},System.String)">
             <summary />
         </member>
+        <member name="M:Microsoft.FluentUI.AspNetCore.Components.FluentOverflowItem.Dispose">
+            <summary />
+        </member>
+        <member name="M:Microsoft.FluentUI.AspNetCore.Components.FluentOverflowItem.Dispose(System.Boolean)">
+            <summary />
+        </member>
         <member name="T:Microsoft.FluentUI.AspNetCore.Components.OverflowItem">
             <summary />
         </member>

examples/Demo/Shared/Pages/Overflow/Examples/OverflowHorizontalExample.razor

@@ -21,6 +21,7 @@
 </FluentOverflow>
 
 <FluentButton @onclick="@AddNewItemClick">Add</FluentButton>
+<FluentButton @onclick="@RemoveFirstItemClick">Remove</FluentButton>
 
 @code
 {
@@ -33,12 +34,17 @@
     void OverflowHandler(IEnumerable<FluentOverflowItem> items)
     {
         var text = String.Join("; ", items.Select(i => i.Text));
-        
+
     }
 
     void AddNewItemClick()
     {
         var index = new Random().NextInt64(Catalog.Length);
         Items.Add(Catalog[index]);
     }
+
+    void RemoveFirstItemClick()
+    {
+        Items.RemoveAt(0);
+    }
 }

src/Core/Components/Overflow/FluentOverflow.razor.cs

@@ -141,6 +141,12 @@ internal void AddItem(FluentOverflowItem item)
         _items.Add(item);
     }
 
+    internal void RemoveItem(FluentOverflowItem item)
+    {
+        _items.Remove(item);
+        StateHasChanged();
+    }
+
     /// <inheritdoc />
     public async ValueTask DisposeAsync()
     {

src/Core/Components/Overflow/FluentOverflowItem.razor.cs

@@ -5,8 +5,10 @@
 namespace Microsoft.FluentUI.AspNetCore.Components;
 
 /// <summary />
-public partial class FluentOverflowItem
+public partial class FluentOverflowItem : IDisposable
 {
+    private bool _disposed;
+
     /// <summary />
     protected string? ClassValue => new CssBuilder(Class)
         .AddClass("power-overflow-item")
@@ -58,4 +60,32 @@ internal void SetProperties(bool? isOverflow, string? text)
         Overflow = isOverflow == true ? isOverflow : null;
         Text = text ?? string.Empty;
     }
+
+    /// <summary />
+    public void Dispose()
+    {
+        Dispose(false);
+    }
+
+    /// <summary />
+    protected virtual void Dispose(bool disposing)
+    {
+        if (_disposed) return;
+
+        try
+        {
+            // Release unmanaged resources (natives).
+            // ...
+
+            if (disposing) return;
+
+            // Dispose managed resources.
+            Container.RemoveItem(this);
+        }
+        finally
+        {
+            _disposed = true;
+            if (!disposing) GC.SuppressFinalize(this);
+        }
+    }
 }