Use MenuStyle instead of MenuWidth and MenuAnchor

Author: pwelter34

src/LoreSoft.Blazor.Controls/Typeahead/Typeahead.razor.cs

@@ -180,18 +180,11 @@ public partial class Typeahead<TItem, TValue> : StandardComponent
     public FieldIdentifier FieldIdentifier { get; set; }
 
     /// <summary>
-    /// Gets or sets the explicit width of the dropdown menu. When not set, the menu matches the control width.
-    /// Accepts any valid CSS width value (e.g., <c>"300px"</c>, <c>"20rem"</c>).
+    /// Gets or sets the explicit style of the dropdown menu. When not set, the menu matches the control width.
+    /// Accepts any valid CSS style value (e.g., <c>"width: 300px;"</c>, <c>"width: 20rem;"</c>).
     /// </summary>
     [Parameter]
-    public string? MenuWidth { get; set; }
-
-    /// <summary>
-    /// Gets or sets the anchor edge from which the dropdown menu is aligned.
-    /// Defaults to <see cref="MenuAnchor.Left"/>.
-    /// </summary>
-    [Parameter]
-    public MenuAnchor MenuAnchor { get; set; } = MenuAnchor.Left;
+    public string? MenuStyle { get; set; }
 
     /// <summary>
     /// Gets a value indicating whether the control is currently loading search results.
@@ -235,7 +228,7 @@ public partial class Typeahead<TItem, TValue> : StandardComponent
     protected List<TItem> CurrentItems { get; set; } = [];
 
     /// <summary>
-    /// Gets the computed inline style applied to the dropdown menu, derived from <see cref="MenuWidth"/> and <see cref="MenuAnchor"/>.
+    /// Gets the computed inline style applied to the dropdown menu, derived from <see cref="MenuStyle"/>.
     /// </summary>
     protected string? CurrentMenuStyle { get; private set; }
 
@@ -260,9 +253,7 @@ protected override void OnParametersSet()
         CurrentMenuStyle = StyleBuilder.Pool.Use(builder =>
         {
             return builder
-                .AddStyle("width", MenuWidth, (v) => v.HasValue())
-                .AddStyle("left", "0", MenuAnchor is MenuAnchor.Left)
-                .AddStyle("right", "0", MenuAnchor is MenuAnchor.Right)
+                .AddStyle(MenuStyle)
                 .ToString();
         });
     }
@@ -600,14 +591,3 @@ private void MoveSelection(int count)
         throw new InvalidOperationException($"Typeahead component requires a {nameof(ConvertMethod)} parameter.");
     }
 }
-
-/// <summary>
-/// Specifies the edge of the typeahead control to which the dropdown menu is anchored.
-/// </summary>
-public enum MenuAnchor
-{
-    /// <summary>The menu aligns to the left edge of the control.</summary>
-    Left,
-    /// <summary>The menu aligns to the right edge of the control.</summary>
-    Right
-}

src/LoreSoft.Blazor.Controls/wwwroot/css/typeahead.css

@@ -233,7 +233,7 @@
                 font-size: inherit;
                 width: 100%;
                 user-select: none;
-                -webkit-tap-highlight-color: #000 0;
+                -webkit-tap-highlight-color: #000;
                 box-sizing: border-box;
                 padding: 8px 12px;
             }

test/LoreSoft.Blazor.Controls.Tests/Snapshots/PublicApiTest.PublicApiHasNotChanged.verified.txt

@@ -1027,11 +1027,6 @@ namespace LoreSoft.Blazor.Controls
         protected override void BuildRenderTree(Microsoft.AspNetCore.Components.Rendering.RenderTreeBuilder builder) { }
         protected override System.Threading.Tasks.Task OnAfterRenderAsync(bool firstRender) { }
     }
-    public enum MenuAnchor
-    {
-        Left = 0,
-        Right = 1,
-    }
     public class ModalClose : System.IEquatable<LoreSoft.Blazor.Controls.ModalClose>
     {
         public ModalClose(LoreSoft.Blazor.Controls.ModalReference Modal) { }
@@ -1632,9 +1627,7 @@ namespace LoreSoft.Blazor.Controls
         [Microsoft.AspNetCore.Components.Parameter]
         public System.Func<TValue?, System.Threading.Tasks.Task<TItem?>>? LookupMethod { get; set; }
         [Microsoft.AspNetCore.Components.Parameter]
-        public LoreSoft.Blazor.Controls.MenuAnchor MenuAnchor { get; set; }
-        [Microsoft.AspNetCore.Components.Parameter]
-        public string? MenuWidth { get; set; }
+        public string? MenuStyle { get; set; }
         [Microsoft.AspNetCore.Components.Parameter]
         public int MinimumLength { get; set; }
         [Microsoft.AspNetCore.Components.Parameter]