feat(blazorui): improve vertical scrolling behavior of BitNavPanel items #9644 (#9645)

Author: msynk

src/BlazorUI/Bit.BlazorUI.Extras/Components/NavPanel/BitNavPanel.razor.cs

@@ -207,7 +207,7 @@ private void HandleOnSwipeMove(BitSwipeTrapEventArgs args)
         else
         {
             var diff = args.DiffY - _oldDiffY;
-            _js.BitExtrasScrollBy(RootElement, 0, diff > 0 ? -10 : 10);
+            _js.BitExtrasScrollBy(RootElement, 0, diff > 0 ? -20 : 20);
             _oldDiffY = args.DiffY;
         }
 

src/BlazorUI/Bit.BlazorUI.Extras/Extensions/JsInterop/BitExtrasJsRuntimeExtensions.cs src/BlazorUI/Bit.BlazorUI.Extras/Extensions/JsInterop/ExtrasJsRuntimeExtensions.cs

@@ -1,19 +1,19 @@
 namespace Bit.BlazorUI;
 
-internal static class BitExtrasJsRuntimeExtensions
+internal static class ExtrasJsRuntimeExtensions
 {
     internal static ValueTask BitExtrasApplyRootClasses(this IJSRuntime jsRuntime, List<string> cssClasses, Dictionary<string, string> cssVariables)
     {
-        return jsRuntime.InvokeVoid("BitBlazorUI.BitExtras.applyRootClasses", cssClasses, cssVariables);
+        return jsRuntime.InvokeVoid("BitBlazorUI.Extras.applyRootClasses", cssClasses, cssVariables);
     }
 
     internal static ValueTask BitExtrasGoToTop(this IJSRuntime jsRuntime, ElementReference element)
     {
-        return jsRuntime.InvokeVoid("BitBlazorUI.BitExtras.goToTop", element);
+        return jsRuntime.InvokeVoid("BitBlazorUI.Extras.goToTop", element);
     }
 
     internal static ValueTask BitExtrasScrollBy(this IJSRuntime jsRuntime, ElementReference element, decimal x, decimal y)
     {
-        return jsRuntime.InvokeVoid("BitBlazorUI.BitExtras.scrollBy", element, x, y);
+        return jsRuntime.InvokeVoid("BitBlazorUI.Extras.scrollBy", element, x, y);
     }
 }

src/BlazorUI/Bit.BlazorUI.Extras/Scripts/BitExtras.ts src/BlazorUI/Bit.BlazorUI.Extras/Scripts/Extras.ts

@@ -1,5 +1,5 @@
 namespace BitBlazorUI {
-    export class BitExtras {
+    export class Extras {
         public static applyRootClasses(cssClasses: string[], cssVariables: any) {
             cssClasses?.forEach(c => document.documentElement.classList.add(c));
             Object.keys(cssVariables).forEach(key => document.documentElement.style.setProperty(key, cssVariables[key]));