[Menu] Pass through more parameters to region the menu is anchored to (#2579)

* Pass HorizintalViewportLock and HorizontalScaling through to AnchoredRegion

* Add new menu params to provider

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

@@ -5983,7 +5983,7 @@
         </member>
         <member name="P:Microsoft.FluentUI.AspNetCore.Components.FluentMenu.HorizontalInset">
             <summary>
-            Gets or sets a value indicating whether the region overlaps the anchor on the horizontal axis. 
+            Gets or sets a value indicating whether the region overlaps the anchor on the horizontal axis.
             Default is false which places the region adjacent to the anchor element.
             </summary>
         </member>
@@ -6023,6 +6023,17 @@
             Gets or sets how narrow the space allocated to the default position has to be before the widest area is selected for layout.
             </summary>
         </member>
+        <member name="P:Microsoft.FluentUI.AspNetCore.Components.FluentMenu.HorizontalViewportLock">
+            <summary>
+            Gets or sets the Horizontal viewport lock.
+            </summary>
+        </member>
+        <member name="P:Microsoft.FluentUI.AspNetCore.Components.FluentMenu.HorizontalScaling">
+            <summary>
+            Gets or sets the horizontal scaling mode.
+            </summary>
+            [Parameter]
+        </member>
         <member name="M:Microsoft.FluentUI.AspNetCore.Components.FluentMenu.OnAfterRenderAsync(System.Boolean)">
             <summary />
         </member>

src/Core/Components/Menu/FluentMenu.razor

@@ -11,11 +11,12 @@
                 <FluentOverlay @bind-Visible="@Open" OnClose="@CloseAsync" Transparent="true" FullScreen="true" />
                 <FluentAnchoredRegion Anchor="@Anchor"
                                       HorizontalDefaultPosition="@HorizontalPosition"
-                                      VerticalDefaultPosition="@VerticalPosition"
                                       HorizontalInset="@HorizontalInset"
-                                      VerticalInset="@VerticalInset"
-                                      HorizontalViewportLock="true"
+                                      HorizontalScaling="@HorizontalScaling"
                                       HorizontalThreshold="@HorizontalThreshold"
+                                      HorizontalViewportLock="@HorizontalViewportLock"
+                                      VerticalDefaultPosition="@VerticalPosition"
+                                      VerticalInset="@VerticalInset"
                                       VerticalThreshold="@VerticalThreshold"
                                       Shadow="@ElevationShadow.None"
                                       Class="@ClassValue"

src/Core/Components/Menu/FluentMenu.razor.cs

@@ -112,7 +112,7 @@ public partial class FluentMenu : FluentComponentBase, IDisposable
     public HorizontalPosition HorizontalPosition { get; set; } = HorizontalPosition.Unset;
 
     /// <summary>
-    /// Gets or sets a value indicating whether the region overlaps the anchor on the horizontal axis. 
+    /// Gets or sets a value indicating whether the region overlaps the anchor on the horizontal axis.
     /// Default is false which places the region adjacent to the anchor element.
     /// </summary>
     [Parameter]
@@ -161,6 +161,18 @@ public partial class FluentMenu : FluentComponentBase, IDisposable
     [Parameter]
     public int HorizontalThreshold { get; set; } = 200;
 
+    /// <summary>
+    /// Gets or sets the Horizontal viewport lock.
+    /// </summary>
+    [Parameter]
+    public bool HorizontalViewportLock { get; set; }
+
+    /// <summary>
+    /// Gets or sets the horizontal scaling mode.
+    /// </summary>
+    /// [Parameter]
+    public AxisScalingMode? HorizontalScaling { get; set; }
+
     protected override void OnInitialized()
     {
         if (Anchored && string.IsNullOrEmpty(Anchor))

src/Core/Components/Menu/FluentMenuProvider.razor

@@ -7,26 +7,28 @@
         @foreach (var item in Menus)
         {
             <FluentMenu UseMenuService="false"
+                        Id="@item.Id"
                         Anchor="@item.Anchor"
                         Anchored="@item.Anchored"
                         Class="@Class"
                         Style="@Style"
-                        Id="@item.Id"
+                        Width="@item.Width"
                         Open="@item.Open"
                         OpenChanged="@item.OpenChanged"
-                        VerticalThreshold="@item.VerticalThreshold"
-                        HorizontalThreshold="@item.HorizontalThreshold"
-                        AdditionalAttributes="@item.AdditionalAttributes"
                         Data="@item.Data"
-                        HorizontalInset="@item.HorizontalInset"
-                        HorizontalPosition="@item.HorizontalPosition"
                         ParentReference="@item.ParentReference"
                         Trigger="@item.Trigger"
+                        HorizontalInset="@item.HorizontalInset"
+                        HorizontalPosition="@item.HorizontalPosition"
+                        HorizontalScaling="@item.HorizontalScaling"
+                        HorizontalThreshold="@item.HorizontalThreshold"
+                        HorizontalViewportLock="@item.HorizontalViewportLock"
                         VerticalInset="@item.VerticalInset"
                         VerticalPosition="@item.VerticalPosition"
-                        Width="@item.Width">
+                        VerticalThreshold="@item.VerticalThreshold"
+                        AdditionalAttributes="@item.AdditionalAttributes">
                 @item.ChildContent
-            </FluentMenu>           
+            </FluentMenu>
         }
     }
 </div>