From d81d1a1063d4105bec799c3a124d1ec65da240f5 Mon Sep 17 00:00:00 2001
From: Mohammad Hossein Rastegarinia <mh.rastegari@outlook.com>
Date: Tue, 9 Jan 2024 23:14:41 +0330
Subject: [PATCH 01/39] feat(butil): improve History samples in bit Butil demo
 #6528 (#6529)

---
 .../Pages/HistoryPage.razor                   | 99 ++++++++++++++++---
 1 file changed, 87 insertions(+), 12 deletions(-)

diff --git a/src/Butil/Demo/Bit.Butil.Demo.Core/Pages/HistoryPage.razor b/src/Butil/Demo/Bit.Butil.Demo.Core/Pages/HistoryPage.razor
index 98672be442..3d4c5107a5 100644
--- a/src/Butil/Demo/Bit.Butil.Demo.Core/Pages/HistoryPage.razor
+++ b/src/Butil/Demo/Bit.Butil.Demo.Core/Pages/HistoryPage.razor
@@ -7,7 +7,7 @@
 
 <h1>History</h1>
 
-<pre style="font-family:Consolas">
+<pre style="font-family:Consolas; overflow: auto;">
 @@inject Bit.Butil.History history
 
 @@code {
@@ -20,32 +20,75 @@
 <br />
 <hr />
 
-<h4>Open the DevTools and start clicking on buttons</h4>
+<h3>Open the DevTools console and start clicking on buttons</h3>
 
 <hr />
 <br />
 
-<button @onclick="GetLength">Get length</button>
-<br />
 <button @onclick="GoBack">&lt; Back</button>
-<br />
+&nbsp;
 <button @onclick="GoForward">Forward &gt;</button>
+<br />
+<br />
+<button @onclick="() => Go(-1)">Go (-1)</button>
+&nbsp;
+<button @onclick="() => Go(0)">Go (0)</button>
+&nbsp;
+<button @onclick="() => Go(1)">Go (1)</button>
+
+<br />
+<br />
+<hr />
+<br />
+
+<button @onclick="GetLength">GetLength</button>
+
+<br />
+<br />
+<hr />
+<br />
+
+<input type="checkbox" @bind="@isScrollRestorationManual" />
+<label>@(isScrollRestorationManual ? "Manual" : "Auto")</label>
+<br />
+<br />
+<button @onclick=SetScrollRestoration>SetScrollRestoration</button>
+<br />
+<br />
+<button @onclick=GetScrollRestoration>GetScrollRestoration</button>
+
+<br />
+<br />
+<hr />
+<br />
+
+<button @onclick="GetState">GetState</button>
+
+<br />
+<br />
+<hr />
+<br />
+
+<button @onclick="PushState">PushState</button>
+&nbsp;
+<button @onclick="ReplaceState">ReplaceState</button>
+
+<br />
+<br />
 
 @code {
+    private bool isScrollRestorationManual;
+
     protected override async Task OnInitializedAsync()
     {
-        // await history.PushState(new { Name = "Saleh1" }, "#1");
-        // await history.PushState(new { Name = "Saleh2" }, "#2");
-
-        await history.AddPopState(o => _ = console.Log("Popped state:", o));
+        await history.AddPopState(obj => _ = console.Log("Popped state:", obj));
 
         await base.OnInitializedAsync();
     }
 
-    private async Task GetLength()
+    private async Task Go(int delta)
     {
-        var length = await history.GetLength();
-        await console.Log("History length", length);
+        await history.Go(delta);
     }
 
     private async Task GoBack()
@@ -58,6 +101,38 @@
         await history.GoForward();
     }
 
+    private async Task GetLength()
+    {
+        var length = await history.GetLength();
+        await console.Log("History length", length);
+    }
+
+    private async Task SetScrollRestoration()
+    {
+        await history.SetScrollRestoration(isScrollRestorationManual ? ScrollRestoration.Manual : ScrollRestoration.Auto);
+    }
+
+    private async Task GetScrollRestoration()
+    {
+        await console.Log("history.scrollRestoration =", await history.GetScrollRestoration());
+    }
+
+    private async Task GetState()
+    {
+        var state = await history.GetState();
+        await console.Log("History state", state);
+    }
+
+    private async Task PushState()
+    {
+        await history.PushState(url: "/window");
+    }
+
+    private async Task ReplaceState()
+    {
+        await history.ReplaceState(url: "/document");
+    }
+
     public void Dispose()
     {
         history.Dispose();

From 5d226700104753f5b981249408ff0d32d8413e4c Mon Sep 17 00:00:00 2001
From: Mohammad Hossein Rastegarinia <mh.rastegari@outlook.com>
Date: Wed, 10 Jan 2024 19:21:01 +0330
Subject: [PATCH 02/39] fix(butil): update js function name of
 GetAttributeNames method of Element in Butil #6537 (#6538)

---
 src/Butil/Bit.Butil/Internals/JsInterops/ElementJsInterop.cs | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/Butil/Bit.Butil/Internals/JsInterops/ElementJsInterop.cs b/src/Butil/Bit.Butil/Internals/JsInterops/ElementJsInterop.cs
index 68a7126916..dcc33c55ac 100644
--- a/src/Butil/Bit.Butil/Internals/JsInterops/ElementJsInterop.cs
+++ b/src/Butil/Bit.Butil/Internals/JsInterops/ElementJsInterop.cs
@@ -13,7 +13,7 @@ internal static async ValueTask<string> ElementGetAttribute(this IJSRuntime js,
         => await js.InvokeAsync<string>("BitButil.element.getAttribute", element, name);
 
     internal static async ValueTask<string[]> ElementGetAttributeNames(this IJSRuntime js, ElementReference element)
-        => await js.InvokeAsync<string[]>("BitButil.element.getAttribute", element);
+        => await js.InvokeAsync<string[]>("BitButil.element.getAttributeNames", element);
 
     internal static async ValueTask<Rect> ElementGetBoundingClientRect(this IJSRuntime js, ElementReference element)
         => await js.InvokeAsync<Rect>("BitButil.element.getBoundingClientRect", element);

From 0bdf9258b3db6ec2f3b7831ab24ddb6e53bf3b82 Mon Sep 17 00:00:00 2001
From: Yaser Moradi <ysmoradi@outlook.com>
Date: Wed, 10 Jan 2024 17:48:38 +0100
Subject: [PATCH 03/39] feat(templates): add TupleExtensions to shared project
 of boilerplate project template #6534 (#6535)

---
 .../Extensions/TupleExtensions.cs             | 110 ++++++++++++++++++
 .../Components/Layout/Footer.razor.cs         |   2 +-
 .../Services/AuthenticationManager.cs         |   6 +-
 .../Client/Boilerplate.Client.Web/Program.cs  |   2 +-
 4 files changed, 116 insertions(+), 4 deletions(-)
 create mode 100644 src/Templates/Boilerplate/Bit.Boilerplate/src/Boilerplate.Shared/Extensions/TupleExtensions.cs

diff --git a/src/Templates/Boilerplate/Bit.Boilerplate/src/Boilerplate.Shared/Extensions/TupleExtensions.cs b/src/Templates/Boilerplate/Bit.Boilerplate/src/Boilerplate.Shared/Extensions/TupleExtensions.cs
new file mode 100644
index 0000000000..2533070f16
--- /dev/null
+++ b/src/Templates/Boilerplate/Bit.Boilerplate/src/Boilerplate.Shared/Extensions/TupleExtensions.cs
@@ -0,0 +1,110 @@
+using System.Runtime.CompilerServices;
+
+namespace System.Threading.Tasks;
+
+/// <summary>
+/// This code was inspired by a post by 'Federico Alterio', found here:
+/// https://www.codeproject.com/Tips/5367698/Awaiting-a-Tuple-in-Csharp
+/// 
+/// In essence, this code empowers the concurrent execution of multiple asynchronous tasks,
+/// promoting a streamlined and efficient workflow across various functionalities.
+/// 
+/// As an alternative to the following code:
+/// public class MyPage : AppComponentBase
+/// {
+///     CategoryDto[] categories;
+///     ProductDto[] products;
+///     protected override async Task OnInitAsync()
+///     {
+///         categories = await HttpClient.GetJsonAsync("api/categories"); // Tooks 150ms
+///         products = await HttpClient.GetJsonAsync("api/products"); // Tooks 150ms
+///         // The total time is 300ms 😖
+///     }
+/// }
+/// 
+/// You can now employ the following concise approach:
+/// public class MyPage : AppComponentBase
+/// {
+///     CategoryDto[] categories;
+///     ProductDto[] products;
+///     protected override async Task OnInitAsync()
+///     {
+///         (categories, products) = await (HttpClient.GetJsonAsync("api/categories"), HttpClient.GetJsonAsync("api/products")); // Tooks 150ms
+///         // The total time is 150ms 👍
+///     }
+/// }
+/// </summary>
+public static class TupleExtensions
+{
+    public static TaskAwaiter<(T1, T2)> GetAwaiter<T1, T2>(this (Task<T1>, Task<T2>) tuple)
+    {
+        async Task<(T1, T2)> UnifyTasks()
+        {
+            var (task1, task2) = tuple;
+            await Task.WhenAll(task1, task2);
+            return (task1.Result, task2.Result);
+        }
+
+        return UnifyTasks().GetAwaiter();
+    }
+
+    public static TaskAwaiter<(T1, T2, T3)> GetAwaiter<T1, T2, T3>(this (Task<T1>, Task<T2>, Task<T3>) tuple)
+    {
+        async Task<(T1, T2, T3)> UnifyTasks()
+        {
+            var (task1, task2, task3) = tuple;
+            await Task.WhenAll(task1, task2, task3);
+            return (task1.Result, task2.Result, task3.Result);
+        }
+
+        return UnifyTasks().GetAwaiter();
+    }
+
+    public static TaskAwaiter<(T1, T2, T3, T4)> GetAwaiter<T1, T2, T3, T4>(this (Task<T1>, Task<T2>, Task<T3>, Task<T4>) tuple)
+    {
+        async Task<(T1, T2, T3, T4)> UnifyTasks()
+        {
+            var (task1, task2, task3, task4) = tuple;
+            await Task.WhenAll(task1, task2, task3, task4);
+            return (task1.Result, task2.Result, task3.Result, task4.Result);
+        }
+
+        return UnifyTasks().GetAwaiter();
+    }
+
+    public static TaskAwaiter<(T1, T2, T3, T4, T5)> GetAwaiter<T1, T2, T3, T4, T5>(this (Task<T1>, Task<T2>, Task<T3>, Task<T4>, Task<T5>) tuple)
+    {
+        async Task<(T1, T2, T3, T4, T5)> UnifyTasks()
+        {
+            var (task1, task2, task3, task4, task5) = tuple;
+            await Task.WhenAll(task1, task2, task3, task4, task5);
+            return (task1.Result, task2.Result, task3.Result, task4.Result, task5.Result);
+        }
+
+        return UnifyTasks().GetAwaiter();
+    }
+
+    public static TaskAwaiter<(T1, T2, T3, T4, T5, T6)> GetAwaiter<T1, T2, T3, T4, T5, T6>(this (Task<T1>, Task<T2>, Task<T3>, Task<T4>, Task<T5>, Task<T6>) tuple)
+    {
+        async Task<(T1, T2, T3, T4, T5, T6)> UnifyTasks()
+        {
+            var (task1, task2, task3, task4, task5, task6) = tuple;
+            await Task.WhenAll(task1, task2, task3, task4, task5, task6);
+            return (task1.Result, task2.Result, task3.Result, task4.Result, task5.Result, task6.Result);
+        }
+
+        return UnifyTasks().GetAwaiter();
+    }
+
+    public static TaskAwaiter<(T1, T2, T3, T4, T5, T6, T7)> GetAwaiter<T1, T2, T3, T4, T5, T6, T7>(this (Task<T1>, Task<T2>, Task<T3>, Task<T4>, Task<T5>, Task<T6>, Task<T7>) tuple)
+    {
+        async Task<(T1, T2, T3, T4, T5, T6, T7)> UnifyTasks()
+        {
+            var (task1, task2, task3, task4, task5, task6, task7) = tuple;
+            await Task.WhenAll(task1, task2, task3, task4, task5, task6, task7);
+            return (task1.Result, task2.Result, task3.Result, task4.Result, task5.Result, task6.Result, task7.Result);
+        }
+
+        return UnifyTasks().GetAwaiter();
+    }
+}
diff --git a/src/Templates/Boilerplate/Bit.Boilerplate/src/Client/Boilerplate.Client.Core/Components/Layout/Footer.razor.cs b/src/Templates/Boilerplate/Bit.Boilerplate/src/Client/Boilerplate.Client.Core/Components/Layout/Footer.razor.cs
index e8743d7ba4..edaf7d394f 100644
--- a/src/Templates/Boilerplate/Bit.Boilerplate/src/Client/Boilerplate.Client.Core/Components/Layout/Footer.razor.cs
+++ b/src/Templates/Boilerplate/Bit.Boilerplate/src/Client/Boilerplate.Client.Core/Components/Layout/Footer.razor.cs
@@ -24,7 +24,7 @@ protected override Task OnInitAsync()
 
     private async Task OnCultureChanged()
     {
-        await cookie.Set(new ButilCookie
+        await cookie.Set(new()
         {
             Name = ".AspNetCore.Culture",
             Value = $"c={SelectedCulture}|uic={SelectedCulture}",
diff --git a/src/Templates/Boilerplate/Bit.Boilerplate/src/Client/Boilerplate.Client.Core/Services/AuthenticationManager.cs b/src/Templates/Boilerplate/Bit.Boilerplate/src/Client/Boilerplate.Client.Core/Services/AuthenticationManager.cs
index 5997b76c23..dd5ba8e306 100644
--- a/src/Templates/Boilerplate/Bit.Boilerplate/src/Client/Boilerplate.Client.Core/Services/AuthenticationManager.cs
+++ b/src/Templates/Boilerplate/Bit.Boilerplate/src/Client/Boilerplate.Client.Core/Services/AuthenticationManager.cs
@@ -92,11 +92,13 @@ private async Task StoreToken(TokenResponseDto tokenResponseDto, bool? rememberM
         await storageService.SetItem("refresh_token", tokenResponseDto!.RefreshToken, rememberMe is true);
         if (AppRenderMode.PrerenderEnabled && AppRenderMode.IsBlazorHybrid is false)
         {
-            await cookie.Set(new ButilCookie
+            await cookie.Set(new()
             {
                 Name = "access_token",
                 Value = tokenResponseDto.AccessToken,
-                MaxAge = tokenResponseDto.ExpiresIn
+                MaxAge = tokenResponseDto.ExpiresIn,
+                SameSite = SameSite.Strict,
+                Secure = BuildConfiguration.IsRelease()
             });
         }
     }
diff --git a/src/Templates/Boilerplate/Bit.Boilerplate/src/Client/Boilerplate.Client.Web/Program.cs b/src/Templates/Boilerplate/Bit.Boilerplate/src/Client/Boilerplate.Client.Web/Program.cs
index e2e88642c6..73aefc28de 100644
--- a/src/Templates/Boilerplate/Bit.Boilerplate/src/Client/Boilerplate.Client.Web/Program.cs
+++ b/src/Templates/Boilerplate/Bit.Boilerplate/src/Client/Boilerplate.Client.Web/Program.cs
@@ -8,7 +8,7 @@
 
 if (apiServerAddress!.IsAbsoluteUri is false)
 {
-    apiServerAddress = new Uri($"{builder.HostEnvironment.BaseAddress}{apiServerAddress}");
+    apiServerAddress = new Uri(new Uri(builder.HostEnvironment.BaseAddress), apiServerAddress);
 }
 
 builder.Services.AddTransient(sp => new HttpClient(sp.GetRequiredKeyedService<HttpMessageHandler>("DefaultMessageHandler")) { BaseAddress = apiServerAddress });

From 41717e810b0b7e707c2f0ea1450df0ffd648d061 Mon Sep 17 00:00:00 2001
From: Saleh Yusefnejad <msynk@outlook.com>
Date: Wed, 10 Jan 2024 20:25:26 +0330
Subject: [PATCH 04/39] feat(websites): add Besql documents to Platform website
 #6513 (#6536)

---
 src/Besql/README.md                           |  12 ++---
 .../Pages/Besql/Besql01OverviewPage.razor     |  32 +++++++++++++
 .../Besql/Besql01OverviewPage.razor.scss      |  16 +++++++
 .../Pages/Besql/Besql02InstallPage.razor      |  37 +++++++++++++++
 .../Pages/Besql/Besql02InstallPage.razor.scss |  26 +++++++++++
 .../Pages/Besql/Besql03UsagePage.razor        |  43 ++++++++++++++++++
 .../Pages/Besql/Besql03UsagePage.razor.scss   |  20 ++++++++
 .../Shared/Header.razor                       |  14 ++++++
 .../Shared/MainLayout.razor                   |   9 +---
 .../Shared/MainLayout.razor.cs                |  35 ++++++++++----
 .../Shared/NavMenu.razor.cs                   |   6 +++
 .../Shared/Urls.cs                            |   1 +
 .../compilerconfig.json                       |  36 +++++++++++++++
 .../images/besql/install-visualstudio.webp    | Bin 0 -> 24530 bytes
 14 files changed, 264 insertions(+), 23 deletions(-)
 create mode 100644 src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Besql/Besql01OverviewPage.razor
 create mode 100644 src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Besql/Besql01OverviewPage.razor.scss
 create mode 100644 src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Besql/Besql02InstallPage.razor
 create mode 100644 src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Besql/Besql02InstallPage.razor.scss
 create mode 100644 src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Besql/Besql03UsagePage.razor
 create mode 100644 src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Besql/Besql03UsagePage.razor.scss
 create mode 100644 src/Websites/Platform/src/Bit.Websites.Platform.Client/wwwroot/images/besql/install-visualstudio.webp

diff --git a/src/Besql/README.md b/src/Besql/README.md
index abd56a0626..45e665ef6e 100644
--- a/src/Besql/README.md
+++ b/src/Besql/README.md
@@ -1,4 +1,4 @@
-## bit entity framework core sqlite (bit Besql)
+## bit Blazor Entity Framework Sqlite (bit Besql)
 
 **Step by step walkthrough video:**
 
@@ -8,18 +8,18 @@ How to use `Bit.Besql`:
 
 The usage of `Bit.Besql` is exactly the same as the regular usage of `Microsoft.EntityFrameworkCore.Sqlite` with [IDbContextFactory](https://learn.microsoft.com/en-us/aspnet/core/blazor/blazor-ef-core?view=aspnetcore-8.0#new-dbcontext-instances).
 
-To get start, simply install `Bit.Besql` and use `services.AddBesqlDbContextFactory` instead of `services.AddDbContextFactory`.
+To get started, simply install `Bit.Besql` and use `services.AddBesqlDbContextFactory` instead of `services.AddDbContextFactory`.
 Then add the following script:
 ```html
 <script src="_content/Bit.Besql/bit-besql.js"></script>
 ```
 
-Note: Don't use `IDbContextFactory` in `OnInitialized` because it relies on `IJSRuntime`. Use `OnAfterRender` instead.
+Note: Do NOT use `IDbContextFactory` in `OnInitialized` method because it relies on `IJSRuntime`. Use `OnAfterRender` method instead.
 
 In order to download sqlite db file from browser cache storage in blazor WebAssembly run the followings in browser console:
 ```js
-const cache = await caches.open('Bit-Besql');
-const resp = await cache.match('/data/cache/Boilerplate-ClientDb.db');
+const cache = await caches.open('bit-besql');
+const resp = await cache.match('/data/cache/MyDb.db');
 const blob = await resp.blob();
-URL.createObjectURL(blob);
+const urlToDownload = URL.createObjectURL(blob);
 ```
diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Besql/Besql01OverviewPage.razor b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Besql/Besql01OverviewPage.razor
new file mode 100644
index 0000000000..7cf3a6aa9d
--- /dev/null
+++ b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Besql/Besql01OverviewPage.razor
@@ -0,0 +1,32 @@
+@page "/besql/overview"
+@inherits AppComponentBase
+
+<PageOutlet Url="besql/overview"
+            Title="Overview - Besql"
+            Description="overview of the bit Besql" />
+
+<div class="page-container">
+    <BitTypography Variant="BitTypographyVariant.H3" Gutter>Besql</BitTypography>
+    <br />
+    <BitTypography Variant="BitTypographyVariant.H5" Gutter>Blazor Entity Framework Sqlite utilities</BitTypography>
+
+    <BitTypography Variant="BitTypographyVariant.Subtitle1">
+        bit Besql facilitates the use of Entity Framework and sqlite in web browsers with Blazor WebAssembly.
+    </BitTypography>
+
+    <br />
+
+    <div class="section-card-txt">
+        You can watch this step by step walkthrough video to see bit Besql in action:
+    </div>
+    <br />
+    <div class="video-container">
+        <iframe src="https://www.youtube.com/embed/ClpMKUboJmA?si=_P1DM9_-KcYRPWDl"
+                width="560" height="315" title="YouTube video player" frameborder="0" allowfullscreen
+                allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share">
+        </iframe>
+    </div>
+
+</div>
+
+<NavigationButtons Next="Install" NextUrl="/besql/install" />
diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Besql/Besql01OverviewPage.razor.scss b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Besql/Besql01OverviewPage.razor.scss
new file mode 100644
index 0000000000..8e7839faad
--- /dev/null
+++ b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Besql/Besql01OverviewPage.razor.scss
@@ -0,0 +1,16 @@
+@import '../../Styles/abstracts/_colors.scss';
+@import '../../Styles/abstracts/_mixins.scss';
+@import '../../Styles/abstracts/_functions.scss';
+@import '../../Styles/abstracts/_media-queries.scss';
+
+.page-container {
+    @include PageContainer;
+    display: flex;
+    flex-flow: column;
+}
+
+.video-container {
+    width: 100%;
+    display: flex;
+    justify-content: center;
+}
diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Besql/Besql02InstallPage.razor b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Besql/Besql02InstallPage.razor
new file mode 100644
index 0000000000..888a111e21
--- /dev/null
+++ b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Besql/Besql02InstallPage.razor
@@ -0,0 +1,37 @@
+@page "/besql/install"
+@inherits AppComponentBase
+
+<PageOutlet Url="besql/install"
+            Title="Install - Besql"
+            Description="installing the bit Besql" />
+
+<div class="page-container">
+    <BitTypography Variant="BitTypographyVariant.H3" Gutter>Install bit Besql</BitTypography>
+    <br />
+    <BitTypography Variant="BitTypographyVariant.Subtitle1" Gutter>
+        How to install the bit Besql?
+    </BitTypography>
+    <br />
+
+    <section class="section-card">
+        <BitTypography Variant="BitTypographyVariant.H5" Gutter>CLI</BitTypography>
+        <div class="section-card-txt">
+            Open the command line of your choice and run the following command:
+<pre class="code-box">
+dotnet add package Bit.Besql</pre>
+        </div>
+    </section>
+
+    <section class="section-card">
+        <BitTypography Variant="BitTypographyVariant.H5" Gutter>Visual Studio</BitTypography>
+        <br />
+        <div class="section-card-txt">
+            Open your Visual Studio's Manage NuGet Packages window and install the Bit.Besql package:
+            <br />
+            <br />
+            <img src="/images/besql/install-visualstudio.webp" class="besql-img" />
+        </div>
+    </section>
+</div>
+
+<NavigationButtons Prev="Overview" PrevUrl="/besql/overview" Next="Usage" NextUrl="/besql/usage" />
diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Besql/Besql02InstallPage.razor.scss b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Besql/Besql02InstallPage.razor.scss
new file mode 100644
index 0000000000..2963986add
--- /dev/null
+++ b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Besql/Besql02InstallPage.razor.scss
@@ -0,0 +1,26 @@
+@import '../../Styles/abstracts/_colors.scss';
+@import '../../Styles/abstracts/_mixins.scss';
+@import '../../Styles/abstracts/_functions.scss';
+@import '../../Styles/abstracts/_media-queries.scss';
+
+.page-container {
+    @include PageContainer;
+}
+
+.section-card {
+    @include SectionCard;
+}
+
+.section-card-txt {
+    @include SectionCardText;
+}
+
+.code-box {
+    @include CodeBox;
+}
+
+.besql-img {
+    width: 100%;
+    max-width: rem2(900px);
+    border: 1px solid gray;
+}
diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Besql/Besql03UsagePage.razor b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Besql/Besql03UsagePage.razor
new file mode 100644
index 0000000000..c0b47a7643
--- /dev/null
+++ b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Besql/Besql03UsagePage.razor
@@ -0,0 +1,43 @@
+@page "/besql/usage"
+@inherits AppComponentBase
+
+<PageOutlet Url="besql/usage"
+            Title="Usage - Besql"
+            Description="usage of the bit Besql" />
+
+<div class="page-container">
+    <BitTypography Variant="BitTypographyVariant.H3" Gutter>Using bit Besql</BitTypography>
+    <br />
+    <BitTypography Variant="BitTypographyVariant.Subtitle1" Gutter>
+        How to use the bit Besql?
+    </BitTypography>
+    <br />
+    <section class="section-card">
+        <BitTypography Variant="BitTypographyVariant.H5" Gutter>Script</BitTypography>
+        <div class="section-card-txt">
+            To get started, simply after installing bit Besql, add the following script tag to your default document:
+<pre class="code-box">
+&lt;script src="_content/Bit.Besql/bit-besql.js">&lt;/script></pre>
+        </div>
+    </section>
+
+    <section class="section-card">
+        <BitTypography Variant="BitTypographyVariant.H5" Gutter>Services</BitTypography>
+        <br />
+        <div class="section-card-txt">
+            Register bit Besql services using its specific IServiceCollection extension method as follows:
+<pre class="code-box">
+services.AddBesqlDbContextFactory();</pre>
+        </div>
+    </section>
+
+    <section class="section-card">
+        <BitTypography Variant="BitTypographyVariant.H5" Gutter>Usage</BitTypography>
+        <br />
+        <div class="section-card-txt">
+            The usage of bit Besql is the same as the usage of EFCore's Sqlite provider with IDbContextFactory.
+        </div>
+    </section>
+</div>
+
+<NavigationButtons Prev="Overview" PrevUrl="/besql/overview" />
diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Besql/Besql03UsagePage.razor.scss b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Besql/Besql03UsagePage.razor.scss
new file mode 100644
index 0000000000..7daf60a86e
--- /dev/null
+++ b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Besql/Besql03UsagePage.razor.scss
@@ -0,0 +1,20 @@
+@import '../../Styles/abstracts/_colors.scss';
+@import '../../Styles/abstracts/_mixins.scss';
+@import '../../Styles/abstracts/_functions.scss';
+@import '../../Styles/abstracts/_media-queries.scss';
+
+.page-container {
+    @include PageContainer;
+}
+
+.section-card {
+    @include SectionCard;
+}
+
+.section-card-txt {
+    @include SectionCardText;
+}
+
+.code-box {
+    @include CodeBox;
+}
diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Shared/Header.razor b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Shared/Header.razor
index ad8e3749a0..d9b17f7b3b 100644
--- a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Shared/Header.razor
+++ b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Shared/Header.razor
@@ -34,6 +34,13 @@
                                 <div class="item-desc">Blazor Service Worker Update Progress</div>
                             </div>
                         </a>
+
+                        <a class="menu-item @(currentUrl.Contains("besql") ? "active" : "")" href="@Urls.Besql">
+                            <div class="menu-item-content">
+                                <div class="item-title">Besql</div>
+                                <div class="item-desc">Blazor Entity Framework Sqlite</div>
+                            </div>
+                        </a>
                     </div>
                     <div class="col">
                         <div class="col-header">Services</div>
@@ -111,6 +118,13 @@
                             <div class="item-desc">Blazor Service Worker Update Progress</div>
                         </div>
                     </a>
+
+                    <a class="menu-item" href="@Urls.Besql" @onclick=@WrapHandled(ToggleHeaderMenu)>
+                        <div class="menu-item-content">
+                            <div class="item-title">Besql</div>
+                            <div class="item-desc">Blazor Entity Framework Sqlite</div>
+                        </div>
+                    </a>
                 </div>
                 <div class="col">
                     <div class="col-header">Services</div>
diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Shared/MainLayout.razor b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Shared/MainLayout.razor
index 548d2d327c..05d53ad723 100644
--- a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Shared/MainLayout.razor
+++ b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Shared/MainLayout.razor
@@ -3,14 +3,9 @@
 <Header />
 
 <div class="main @(isDocsRoute ? null : "main--full-page")">
-    @if (isTemplateDocRoute)
+    @if (isDocsRoute)
     {
-        <NavMenu NavItems="templatesNavItems" />
-    }
-
-    @if (isBswupDocRoute)
-    {
-        <NavMenu NavItems="bswupNavItems" />
+        <NavMenu NavItems="navItems" />
     }
 
     <div class="site-content @(isDocsRoute ? "docs-content" : "")">
diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Shared/MainLayout.razor.cs b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Shared/MainLayout.razor.cs
index 1fc5bb6571..f53f9e543d 100644
--- a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Shared/MainLayout.razor.cs
+++ b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Shared/MainLayout.razor.cs
@@ -9,10 +9,13 @@ public partial class MainLayout : IDisposable
     private bool isDocsRoute;
     private bool isTemplateDocRoute;
     private bool isBswupDocRoute;
+    private bool isBesqlDocRoute;
 
+    private List<BitNavItem> navItems = [];
 
-    private readonly List<BitNavItem> templatesNavItems = new()
-    {
+
+    private readonly List<BitNavItem> templatesNavItems =
+    [
         new BitNavItem { Text = "Overview", Url = "/templates/overview", AdditionalUrls = new string[] { "/admin-panel/overview", "/todo-template/overview" } },
         new BitNavItem { Text = "Development prerequisites", Url = "/templates/development-prerequisites", AdditionalUrls = new string[] { "/admin-panel/development-prerequisites", "/todo-template/development-prerequisites" } },
         new BitNavItem { Text = "Create project", Url = "/templates/create-project", AdditionalUrls = new string[] { "/admin-panel/create-project", "/todo-template/create-project" } },
@@ -27,22 +30,29 @@ public partial class MainLayout : IDisposable
         new BitNavItem { Text = "Settings", Url = "/templates/settings", AdditionalUrls = new string[] { "/admin-panel/settings", "/todo-template/settings" } },
         new BitNavItem { Text = "Exception handling", Url = "/templates/exception-handling", AdditionalUrls = new string[] { "/admin-panel/exception-handling", "/todo-template/exception-handling" } },
         new BitNavItem { Text = "Multilingualism", Url = "/templates/multilingualism", AdditionalUrls = new string[] { "/admin-panel/multilingualism", "/todo-template/multilingualism" } },
-    };
+    ];
 
-    private readonly List<BitNavItem> bswupNavItems = new()
-    {
+    private readonly List<BitNavItem> bswupNavItems =
+    [
         new BitNavItem { Text = "Overview", Url = "/bswup/overview" },
         new BitNavItem { Text = "Install", Url = "/bswup/install" },
         new BitNavItem { Text = "Scripts", Url = "/bswup/scripts" },
         new BitNavItem { Text = "Events", Url = "/bswup/events" },
         new BitNavItem { Text = "Service Worker", Url = "/bswup/service-worker" },
         new BitNavItem { Text = "Caching", Url = "/bswup/caching" },
-    };
+    ];
+
+    private readonly List<BitNavItem> besqlNavItems =
+    [
+        new BitNavItem { Text = "Overview", Url = "/besql/overview" },
+        new BitNavItem { Text = "Install", Url = "/besql/install" },
+        new BitNavItem { Text = "Usage", Url = "/besql/usage" },
+    ];
 
 
     protected override Task OnInitializedAsync()
     {
-        SetCurrentUrl();
+        SetNavItems();
 
         navigationManager.LocationChanged += OnLocationChanged;
 
@@ -51,19 +61,24 @@ protected override Task OnInitializedAsync()
 
     private void OnLocationChanged(object? sender, LocationChangedEventArgs args)
     {
-        SetCurrentUrl();
+        SetNavItems();
 
         StateHasChanged();
     }
 
-    private void SetCurrentUrl()
+    private void SetNavItems()
     {
         var currentUrl = navigationManager.Uri.Replace(navigationManager.BaseUri, "/", StringComparison.InvariantCultureIgnoreCase);
 
         isTemplateDocRoute = currentUrl.Contains("templates") || currentUrl.Contains("admin-panel") || currentUrl.Contains("todo-template");
         isBswupDocRoute = currentUrl.Contains("bswup");
+        isBesqlDocRoute = currentUrl.Contains("besql");
+        isDocsRoute = isTemplateDocRoute || isBswupDocRoute || isBesqlDocRoute;
 
-        isDocsRoute = isTemplateDocRoute || isBswupDocRoute;
+        navItems = isTemplateDocRoute ? templatesNavItems
+                 : isBswupDocRoute ? bswupNavItems
+                 : isBesqlDocRoute ? besqlNavItems
+                 : [];
     }
 
     public void Dispose()
diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Shared/NavMenu.razor.cs b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Shared/NavMenu.razor.cs
index c2349c886e..16f34005a4 100644
--- a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Shared/NavMenu.razor.cs
+++ b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Shared/NavMenu.razor.cs
@@ -22,6 +22,12 @@ protected override async Task OnInitAsync()
         HandleOnClear();
     }
 
+    protected override void OnParametersSet()
+    {
+        filteredNavItems = NavItems;
+    }
+
+
 
     private async Task ToggleMenu()
     {
diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Shared/Urls.cs b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Shared/Urls.cs
index c252e01757..e7ba82a776 100644
--- a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Shared/Urls.cs
+++ b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Shared/Urls.cs
@@ -23,6 +23,7 @@ public static class Urls
     public const string Templates = "/templates/overview";
 
     public const string Bswup = "/bswup/overview";
+    public const string Besql = "/besql/overview";
 
     public const string BoilerplateNuget = "https://www.nuget.org/packages/Bit.Boilerplate/";
 
diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Client/compilerconfig.json b/src/Websites/Platform/src/Bit.Websites.Platform.Client/compilerconfig.json
index 326ea87756..3f42b6ace2 100644
--- a/src/Websites/Platform/src/Bit.Websites.Platform.Client/compilerconfig.json
+++ b/src/Websites/Platform/src/Bit.Websites.Platform.Client/compilerconfig.json
@@ -178,5 +178,41 @@
         "inputFile": "Pages/Bswup/Bswup03ScriptsPage.razor.scss",
         "minify": { "enabled": false },
         "options": { "sourceMap": false }
+    },
+    {
+        "outputFile": "Pages/Bswup/Bswup04EventsPage.razor.css",
+        "inputFile": "Pages/Bswup/Bswup04EventsPage.razor.scss",
+        "minify": { "enabled": false },
+        "options": { "sourceMap": false }
+    },
+    {
+        "outputFile": "Pages/Bswup/Bswup05ServiceWorkerPage.razor.css",
+        "inputFile": "Pages/Bswup/Bswup05ServiceWorkerPage.razor.scss",
+        "minify": { "enabled": false },
+        "options": { "sourceMap": false }
+    },
+    {
+        "outputFile": "Pages/Bswup/Bswup06CachingPage.razor.css",
+        "inputFile": "Pages/Bswup/Bswup06CachingPage.razor.scss",
+        "minify": { "enabled": false },
+        "options": { "sourceMap": false }
+    },
+    {
+        "outputFile": "Pages/Besql/Besql01OverviewPage.razor.css",
+        "inputFile": "Pages/Besql/Besql01OverviewPage.razor.scss",
+        "minify": { "enabled": false },
+        "options": { "sourceMap": false }
+    },
+    {
+        "outputFile": "Pages/Besql/Besql02InstallPage.razor.css",
+        "inputFile": "Pages/Besql/Besql02InstallPage.razor.scss",
+        "minify": { "enabled": false },
+        "options": { "sourceMap": false }
+    },
+    {
+        "outputFile": "Pages/Besql/Besql03UsagePage.razor.css",
+        "inputFile": "Pages/Besql/Besql03UsagePage.razor.scss",
+        "minify": { "enabled": false },
+        "options": { "sourceMap": false }
     }
 ]
\ No newline at end of file
diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Client/wwwroot/images/besql/install-visualstudio.webp b/src/Websites/Platform/src/Bit.Websites.Platform.Client/wwwroot/images/besql/install-visualstudio.webp
new file mode 100644
index 0000000000000000000000000000000000000000..140056ce8f50d74c3baefe1c41962d97e10d741b
GIT binary patch
literal 24530
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

literal 0
HcmV?d00001


From 1142ddb1daac61e355fa9f342fd358f55ef92e25 Mon Sep 17 00:00:00 2001
From: Mohammad Hossein Rastegarinia <mh.rastegari@outlook.com>
Date: Thu, 11 Jan 2024 15:30:34 +0330
Subject: [PATCH 05/39] fix(butil): resolve issues of ScrollBy method of
 Element in Butil #6540 (#6541)

---
 .../Bit.Butil/Internals/JsInterops/ElementJsInterop.cs      | 2 +-
 src/Butil/Bit.Butil/Publics/Element.cs                      | 5 -----
 src/Butil/Bit.Butil/Publics/ElementReferenceExtensions.cs   | 6 ++++--
 3 files changed, 5 insertions(+), 8 deletions(-)

diff --git a/src/Butil/Bit.Butil/Internals/JsInterops/ElementJsInterop.cs b/src/Butil/Bit.Butil/Internals/JsInterops/ElementJsInterop.cs
index dcc33c55ac..f74a88affe 100644
--- a/src/Butil/Bit.Butil/Internals/JsInterops/ElementJsInterop.cs
+++ b/src/Butil/Bit.Butil/Internals/JsInterops/ElementJsInterop.cs
@@ -49,7 +49,7 @@ internal static async ValueTask ElementScroll(this IJSRuntime js, ElementReferen
         => await js.InvokeVoidAsync("BitButil.element.scroll", element, options, x, y);
 
     internal static async ValueTask ElementScrollBy(this IJSRuntime js, ElementReference element, ScrollToOptions? options, double? x, double? y)
-        => await js.InvokeVoidAsync("BitButil.element.scrollBy", element, options, x, y);
+        => await js.InvokeVoidAsync("BitButil.element.scrollBy", element, options?.ToJsObject(), x, y);
 
     internal static async ValueTask ElementScrollIntoView(this IJSRuntime js, ElementReference element, bool? alignToTop, ScrollIntoViewOptions? options)
         => await js.InvokeVoidAsync("BitButil.element.scrollIntoView", element, alignToTop, options);
diff --git a/src/Butil/Bit.Butil/Publics/Element.cs b/src/Butil/Bit.Butil/Publics/Element.cs
index cdecfbf7e8..a1494ee17d 100644
--- a/src/Butil/Bit.Butil/Publics/Element.cs
+++ b/src/Butil/Bit.Butil/Publics/Element.cs
@@ -119,11 +119,6 @@ public async Task ScrollBy(ElementReference element, ScrollToOptions? options)
     /// </summary>
     public async Task ScrollBy(ElementReference element, double? x, double? y)
         => await js.ElementScrollBy(element, null, x, y);
-    /// <summary>
-    /// Scrolls an element by the given amount.
-    /// </summary>
-    public async Task ScrollBy(ElementReference element, ScrollToOptions? options, double? x, double? y)
-        => await js.ElementScrollBy(element, options, x, y);
 
     /// <summary>
     /// Scrolls the page until the element gets into the view.
diff --git a/src/Butil/Bit.Butil/Publics/ElementReferenceExtensions.cs b/src/Butil/Bit.Butil/Publics/ElementReferenceExtensions.cs
index 56bd302e36..664101f24d 100644
--- a/src/Butil/Bit.Butil/Publics/ElementReferenceExtensions.cs
+++ b/src/Butil/Bit.Butil/Publics/ElementReferenceExtensions.cs
@@ -64,8 +64,10 @@ public static async ValueTask RequestPointerLock(this ElementReference element)
     public static async ValueTask Scroll(this ElementReference element, ScrollToOptions? options, double? x, double? y)
         => await GetJSRuntime(element).ElementScroll(element, options, x, y);
 
-    public static async ValueTask ScrollBy(this ElementReference element, ScrollToOptions? options, double? x, double? y)
-        => await GetJSRuntime(element).ElementScrollBy(element, options, x, y);
+    public static async ValueTask ScrollBy(this ElementReference element, ScrollToOptions? options)
+        => await GetJSRuntime(element).ElementScrollBy(element, options, null, null);
+    public static async ValueTask ScrollBy(this ElementReference element, double? x, double? y)
+        => await GetJSRuntime(element).ElementScrollBy(element, null, x, y);
 
     public static async ValueTask ScrollIntoView(this ElementReference element, bool? alignToTop, ScrollIntoViewOptions? options)
         => await GetJSRuntime(element).ElementScrollIntoView(element, alignToTop, options);

From dc65f9ef7881dc398f064a487ebfba9eb517097b Mon Sep 17 00:00:00 2001
From: Mohammad Hossein Rastegarinia <mh.rastegari@outlook.com>
Date: Thu, 11 Jan 2024 16:59:12 +0330
Subject: [PATCH 06/39] feat(butil): make RemoveAttribute of Element void in
 bit Butil #6544 (#6547)

---
 src/Butil/Bit.Butil/Internals/JsInterops/ElementJsInterop.cs | 4 ++--
 src/Butil/Bit.Butil/Publics/Element.cs                       | 2 +-
 src/Butil/Bit.Butil/Publics/ElementReferenceExtensions.cs    | 2 +-
 src/Butil/Bit.Butil/Scripts/element.ts                       | 2 +-
 4 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/Butil/Bit.Butil/Internals/JsInterops/ElementJsInterop.cs b/src/Butil/Bit.Butil/Internals/JsInterops/ElementJsInterop.cs
index f74a88affe..a390e05cc2 100644
--- a/src/Butil/Bit.Butil/Internals/JsInterops/ElementJsInterop.cs
+++ b/src/Butil/Bit.Butil/Internals/JsInterops/ElementJsInterop.cs
@@ -36,8 +36,8 @@ internal static async ValueTask ElementReleasePointerCapture(this IJSRuntime js,
     internal static async ValueTask ElementRemove(this IJSRuntime js, ElementReference element)
         => await js.InvokeVoidAsync("BitButil.element.remove", element);
 
-    internal static async ValueTask<string> ElementRemoveAttribute(this IJSRuntime js, ElementReference element, string name)
-        => await js.InvokeAsync<string>("BitButil.element.removeAttribute", element, name);
+    internal static async ValueTask ElementRemoveAttribute(this IJSRuntime js, ElementReference element, string name)
+        => await js.InvokeVoidAsync("BitButil.element.removeAttribute", element, name);
 
     internal static async ValueTask ElementRequestFullScreen(this IJSRuntime js, ElementReference element, FullScreenOptions? options)
         => await js.InvokeVoidAsync("BitButil.element.requestFullScreen", element, options);
diff --git a/src/Butil/Bit.Butil/Publics/Element.cs b/src/Butil/Bit.Butil/Publics/Element.cs
index a1494ee17d..150c405d45 100644
--- a/src/Butil/Bit.Butil/Publics/Element.cs
+++ b/src/Butil/Bit.Butil/Publics/Element.cs
@@ -78,7 +78,7 @@ public async Task Remove(ElementReference element)
     /// <summary>
     /// Removes the named attribute from the current node.
     /// </summary>
-    public async Task<string> RemoveAttribute(ElementReference element, string name)
+    public async Task RemoveAttribute(ElementReference element, string name)
         => await js.ElementRemoveAttribute(element, name);
 
     /// <summary>
diff --git a/src/Butil/Bit.Butil/Publics/ElementReferenceExtensions.cs b/src/Butil/Bit.Butil/Publics/ElementReferenceExtensions.cs
index 664101f24d..09ef2aae04 100644
--- a/src/Butil/Bit.Butil/Publics/ElementReferenceExtensions.cs
+++ b/src/Butil/Bit.Butil/Publics/ElementReferenceExtensions.cs
@@ -52,7 +52,7 @@ public static async ValueTask ReleasePointerCapture(this ElementReference elemen
     public static async ValueTask Remove(this ElementReference element)
         => await GetJSRuntime(element).ElementRemove(element);
 
-    public static async ValueTask<string> RemoveAttribute(this ElementReference element, string name)
+    public static async ValueTask RemoveAttribute(this ElementReference element, string name)
         => await GetJSRuntime(element).ElementRemoveAttribute(element, name);
 
     public static async ValueTask RequestFullScreen(this ElementReference element, FullScreenOptions? options)
diff --git a/src/Butil/Bit.Butil/Scripts/element.ts b/src/Butil/Bit.Butil/Scripts/element.ts
index b739d9fe4d..1f170c1897 100644
--- a/src/Butil/Bit.Butil/Scripts/element.ts
+++ b/src/Butil/Bit.Butil/Scripts/element.ts
@@ -12,7 +12,7 @@ var BitButil = BitButil || {};
         matches(element: HTMLElement, selectors: string) { return element.matches(selectors) },
         releasePointerCapture(element: HTMLElement, pointerId: number) { element.releasePointerCapture(pointerId) },
         remove(element: HTMLElement) { element.remove() },
-        removeAttribute(element: HTMLElement, name: string) { return element.removeAttribute(name) },
+        removeAttribute(element: HTMLElement, name: string) { element.removeAttribute(name) },
         requestFullScreen(element: HTMLElement, options?: FullscreenOptions) { return element.requestFullscreen(options) },
         requestPointerLock(element: HTMLElement) { return element.requestPointerLock() },
         scroll,

From 505a9824cfd1673d1a6b043cc9e8c5c9c68436c8 Mon Sep 17 00:00:00 2001
From: Yaser Moradi <ysmoradi@outlook.com>
Date: Thu, 11 Jan 2024 14:30:06 +0100
Subject: [PATCH 07/39] fix(github actions): resolve android build issues in
 CI/CD pipelines #6545 (#6546)

---
 .github/workflows/admin-sample.cd.yml                         | 4 ++--
 .github/workflows/bit.ci.yml                                  | 4 ++--
 .github/workflows/bit.full.ci.yml                             | 2 +-
 .github/workflows/blazorui.demo.cd.yml                        | 4 ++--
 .github/workflows/todo-sample.cd.yml                          | 4 ++--
 .../Bit.Boilerplate/.azure-devops/workflows/cd.yml            | 4 ++--
 .../Boilerplate/Bit.Boilerplate/.github/workflows/cd.yml      | 4 ++--
 7 files changed, 13 insertions(+), 13 deletions(-)

diff --git a/.github/workflows/admin-sample.cd.yml b/.github/workflows/admin-sample.cd.yml
index 9640816b17..15961a161b 100644
--- a/.github/workflows/admin-sample.cd.yml
+++ b/.github/workflows/admin-sample.cd.yml
@@ -196,8 +196,8 @@ jobs:
     - name: Install maui
       run: cd src && dotnet workload install maui-android
 
-    - name: Install Android Dependencies
-      run: dotnet build AdminPanel/src/Client/AdminPanel.Client.Maui/AdminPanel.Client.Maui.csproj -t:InstallAndroidDependencies -f:net8.0-android -p:AcceptAndroidSDKLicenses=True -p:AndroidSdkPath="/usr/local/lib/android/sdk/"
+    - name: Install Android Sdk platform tools
+      run: ${ANDROID_SDK_ROOT}/cmdline-tools/latest/bin/sdkmanager --sdk_root=$ANDROID_SDK_ROOT "platform-tools"
   
     - name: Generate CSS/JS files
       run: dotnet build AdminPanel/src/Client/AdminPanel.Client.Core/AdminPanel.Client.Core.csproj -t:BeforeBuildTasks --no-restore
diff --git a/.github/workflows/bit.ci.yml b/.github/workflows/bit.ci.yml
index a45b26132d..b6e050501a 100644
--- a/.github/workflows/bit.ci.yml
+++ b/.github/workflows/bit.ci.yml
@@ -55,8 +55,8 @@ jobs:
     - name: Install wasm and maui
       run:  cd src && dotnet workload install maui-android wasm-tools wasm-experimental
 
-    - name: Install Android Dependencies
-      run: dotnet build src/BlazorUI/Demo/Client/Bit.BlazorUI.Demo.Client.Maui/Bit.BlazorUI.Demo.Client.Maui.csproj -t:InstallAndroidDependencies -f:net8.0-android -p:AcceptAndroidSDKLicenses=True -p:AndroidSdkPath="/usr/local/lib/android/sdk/"
+    - name: Install Android Sdk platform tools
+      run: ${ANDROID_SDK_ROOT}/cmdline-tools/latest/bin/sdkmanager --sdk_root=$ANDROID_SDK_ROOT "platform-tools"
 
     - name: Build
       run: dotnet build src/Bit-CI.sln -p:WarningLevel=0 -p:RunCodeAnalysis=false
diff --git a/.github/workflows/bit.full.ci.yml b/.github/workflows/bit.full.ci.yml
index 95701a80d2..ecdd8021ae 100644
--- a/.github/workflows/bit.full.ci.yml
+++ b/.github/workflows/bit.full.ci.yml
@@ -33,7 +33,7 @@ jobs:
       run: |
         dotnet workload install maui-tizen maui-android wasm-tools wasm-experimental
         dotnet new bit-bp --name TodoBPSqlite --database sqlite --sample todo --pipeline other
-        dotnet build TodoBPSqlite/src/Client/TodoBPSqlite.Client.Maui/TodoBPSqlite.Client.Maui.csproj -t:InstallAndroidDependencies -f:net8.0-android -p:AcceptAndroidSDKLicenses=True -p:AndroidSdkPath="/usr/local/lib/android/sdk/"
+        ${ANDROID_SDK_ROOT}/cmdline-tools/latest/bin/sdkmanager --sdk_root=$ANDROID_SDK_ROOT "platform-tools"
         cd TodoBPSqlite/src/TodoBPSqlite.Server/
         dotnet tool restore
         dotnet ef migrations add InitialMigration
diff --git a/.github/workflows/blazorui.demo.cd.yml b/.github/workflows/blazorui.demo.cd.yml
index 64e4fa78b3..344868d088 100644
--- a/.github/workflows/blazorui.demo.cd.yml
+++ b/.github/workflows/blazorui.demo.cd.yml
@@ -162,8 +162,8 @@ jobs:
     - name: Install maui
       run: cd src && dotnet workload install maui-android
 
-    - name: Install Android Dependencies
-      run: dotnet build src/BlazorUI/Demo/Client/Bit.BlazorUI.Demo.Client.Maui/Bit.BlazorUI.Demo.Client.Maui.csproj -t:InstallAndroidDependencies -f:net8.0-android -p:AcceptAndroidSDKLicenses=True -p:AndroidSdkPath="/usr/local/lib/android/sdk/"
+    - name: Install Android Sdk platform tools
+      run: ${ANDROID_SDK_ROOT}/cmdline-tools/latest/bin/sdkmanager --sdk_root=$ANDROID_SDK_ROOT "platform-tools"
   
     - name: Generate CSS/JS files
       run: dotnet build src/BlazorUI/Demo/Client/Bit.BlazorUI.Demo.Client.Core/Bit.BlazorUI.Demo.Client.Core.csproj -c Release
diff --git a/.github/workflows/todo-sample.cd.yml b/.github/workflows/todo-sample.cd.yml
index ac77786904..9e15eb5796 100644
--- a/.github/workflows/todo-sample.cd.yml
+++ b/.github/workflows/todo-sample.cd.yml
@@ -198,8 +198,8 @@ jobs:
     - name: Install maui
       run: cd src && dotnet workload install maui-android
 
-    - name: Install Android Dependencies
-      run: dotnet build TodoSample/src/Client/TodoSample.Client.Maui/TodoSample.Client.Maui.csproj -t:InstallAndroidDependencies -f:net8.0-android -p:AcceptAndroidSDKLicenses=True -p:AndroidSdkPath="/usr/local/lib/android/sdk/"
+    - name: Install Android Sdk platform tools
+      run: ${ANDROID_SDK_ROOT}/cmdline-tools/latest/bin/sdkmanager --sdk_root=$ANDROID_SDK_ROOT "platform-tools"
   
     - name: Generate CSS/JS files
       run: dotnet build TodoSample/src/Client/TodoSample.Client.Core/TodoSample.Client.Core.csproj -t:BeforeBuildTasks --no-restore
diff --git a/src/Templates/Boilerplate/Bit.Boilerplate/.azure-devops/workflows/cd.yml b/src/Templates/Boilerplate/Bit.Boilerplate/.azure-devops/workflows/cd.yml
index 908f26f97c..163877c5cd 100644
--- a/src/Templates/Boilerplate/Bit.Boilerplate/.azure-devops/workflows/cd.yml
+++ b/src/Templates/Boilerplate/Bit.Boilerplate/.azure-devops/workflows/cd.yml
@@ -217,10 +217,10 @@ jobs:
       script: cd src && dotnet workload install maui-android
 
   - task: Bash@3
-    displayName: 'Install Android Dependencies'
+    displayName: 'Install Android Sdk platform tools'
     inputs:
       targetType: 'inline'
-      script: 'dotnet build src/Client/Boilerplate.Client.Maui/Boilerplate.Client.Maui.csproj -t:InstallAndroidDependencies -f:net8.0-android -p:AcceptAndroidSDKLicenses=True -p:AndroidSdkPath="/usr/local/lib/android/sdk/"'
+      script: '${ANDROID_SDK_ROOT}/cmdline-tools/latest/bin/sdkmanager --sdk_root=$ANDROID_SDK_ROOT "platform-tools"'
 
   - task: DownloadSecureFile@1
     displayName: Download Boilerplate keystore file
diff --git a/src/Templates/Boilerplate/Bit.Boilerplate/.github/workflows/cd.yml b/src/Templates/Boilerplate/Bit.Boilerplate/.github/workflows/cd.yml
index bf8f6b97f0..fa2f8a9529 100644
--- a/src/Templates/Boilerplate/Bit.Boilerplate/.github/workflows/cd.yml
+++ b/src/Templates/Boilerplate/Bit.Boilerplate/.github/workflows/cd.yml
@@ -199,8 +199,8 @@ jobs:
     - name: Install maui
       run: cd src && dotnet workload install maui-android
 
-    - name: Install Android Dependencies
-      run: dotnet build src/Client/Boilerplate.Client.Maui/Boilerplate.Client.Maui.csproj -t:InstallAndroidDependencies -f:net8.0-android -p:AcceptAndroidSDKLicenses=True -p:AndroidSdkPath="/usr/local/lib/android/sdk/"
+    - name: Install Android Sdk platform tools
+      run: ${ANDROID_SDK_ROOT}/cmdline-tools/latest/bin/sdkmanager --sdk_root=$ANDROID_SDK_ROOT "platform-tools"
   
     - name: Generate CSS/JS files
       run: dotnet build src/Client/Boilerplate.Client.Core/Boilerplate.Client.Core.csproj -t:BeforeBuildTasks --no-restore

From 59baf2fe23efc7f6b5486632837d6e586b66479f Mon Sep 17 00:00:00 2001
From: Yaser Moradi <ysmoradi@outlook.com>
Date: Thu, 11 Jan 2024 16:50:38 +0100
Subject: [PATCH 08/39] feat(deps): update to .NET 8.0.1 #6548 (#6549)

---
 .devcontainer/devcontainer.json               |  2 +-
 docs/how-to-build.md                          |  2 +-
 .../Bit.Besql.Demo.Client.csproj              |  2 +-
 .../Demo/Bit.Besql.Demo/Bit.Besql.Demo.csproj |  6 +--
 src/Bit-CI.sln                                | 46 +++++++++++++++++++
 .../Bit.BlazorUI.Tests.csproj                 |  2 +-
 .../Bit.BlazorUI.Demo.Server.csproj           |  2 +-
 .../Bit.BlazorUI.Demo.Shared.csproj           |  6 +--
 .../Bit.BlazorUI.Demo.Client.Core.csproj      |  4 +-
 .../Bit.Bswup.Demo/Bit.Bswup.Demo.csproj      |  4 +-
 .../Bit.Bswup.NewDemo.Client.csproj           |  2 +-
 .../Bit.Bswup.NewDemo.csproj                  |  2 +-
 .../Client/Bit.Bswup.Demo.Client.csproj       |  4 +-
 .../Server/Bit.Bswup.Demo.Server.csproj       |  2 +-
 src/Bup/Bit.Bup.Demo/Bit.Bup.Demo.csproj      |  4 +-
 .../Client/Bit.Bup.Demo.Client.csproj         |  4 +-
 .../Server/Bit.Bup.Demo.Server.csproj         |  2 +-
 .../Bit.Butil.Demo.Web.csproj                 |  4 +-
 .../BlazorEmpty.Client.csproj                 |  2 +-
 .../BlazorEmpty/BlazorEmpty.csproj            |  2 +-
 .../BlazorEmpty/Bit.BlazorEmpty/global.json   |  2 +-
 .../Boilerplate/Bit.Boilerplate/global.json   |  2 +-
 .../Boilerplate.Iac/Boilerplate.Iac.csproj    |  2 +-
 .../.config/dotnet-tools.json                 |  2 +-
 .../Boilerplate.Server.csproj                 | 22 ++++-----
 .../Boilerplate.Shared.csproj                 |  8 ++--
 .../Boilerplate.Client.Core.csproj            |  6 +--
 .../Bit.Websites.Careers.Client.csproj        |  4 +-
 .../Bit.Websites.Careers.Server.csproj        |  4 +-
 .../Bit.Websites.Careers.Shared.csproj        |  4 +-
 .../Bit.Websites.Platform.Client.csproj       |  4 +-
 ...plates02DevelopmentPrerequisitesPage.razor |  4 +-
 .../Bit.Websites.Platform.Server.csproj       |  4 +-
 .../Bit.Websites.Platform.Shared.csproj       |  4 +-
 .../Bit.Websites.Sales.Client.csproj          |  4 +-
 .../Bit.Websites.Sales.Server.csproj          |  4 +-
 .../Bit.Websites.Sales.Shared.csproj          |  4 +-
 src/global.json                               |  2 +-
 38 files changed, 118 insertions(+), 72 deletions(-)

diff --git a/.devcontainer/devcontainer.json b/.devcontainer/devcontainer.json
index b013825786..756adbaa91 100644
--- a/.devcontainer/devcontainer.json
+++ b/.devcontainer/devcontainer.json
@@ -3,7 +3,7 @@
     "hostRequirements": {
         "cpus": 4
     },
-    "onCreateCommand": "wget https://download.visualstudio.microsoft.com/download/pr/5226a5fa-8c0b-474f-b79a-8984ad7c5beb/3113ccbf789c9fd29972835f0f334b7a/dotnet-sdk-8.0.100-linux-x64.tar.gz -O $HOME/dotnet.tar.gz && export DOTNET_ROOT=$HOME/.dotnet && mkdir -p \"$DOTNET_ROOT\" && tar zxf $HOME/dotnet.tar.gz -C \"$DOTNET_ROOT\" && export PATH=$DOTNET_ROOT:$DOTNET_ROOT/tools:$PATH && sudo dotnet workload install wasm-tools wasm-experimental && dotnet dev-certs https --trust && dotnet build src/BlazorUI/Demo/Client/Bit.BlazorUI.Demo.Client.Core/Bit.BlazorUI.Demo.Client.Core.csproj -t:BeforeBuildTasks --no-restore && dotnet build src/Websites/Platform/src/Bit.Websites.Platform.Client/Bit.Websites.Platform.Client.csproj -t:BeforeBuildTasks --no-restore && dotnet build src/Websites/Sales/src/Bit.Websites.Sales.Client/Bit.Websites.Sales.Client.csproj -t:BeforeBuildTasks --no-restore && dotnet build src/Templates/Boilerplate/Bit.Boilerplate/src/Client/Boilerplate.Client.Core/Boilerplate.Client.Core.csproj -t:BeforeBuildTasks --no-restore",
+    "onCreateCommand": "wget https://download.visualstudio.microsoft.com/download/pr/9454f7dc-b98e-4a64-a96d-4eb08c7b6e66/da76f9c6bc4276332b587b771243ae34/dotnet-sdk-8.0.101-linux-x64.tar.gz -O $HOME/dotnet.tar.gz && export DOTNET_ROOT=$HOME/.dotnet && mkdir -p \"$DOTNET_ROOT\" && tar zxf $HOME/dotnet.tar.gz -C \"$DOTNET_ROOT\" && export PATH=$DOTNET_ROOT:$DOTNET_ROOT/tools:$PATH && sudo dotnet workload install wasm-tools wasm-experimental && dotnet dev-certs https --trust && dotnet build src/BlazorUI/Demo/Client/Bit.BlazorUI.Demo.Client.Core/Bit.BlazorUI.Demo.Client.Core.csproj -t:BeforeBuildTasks --no-restore && dotnet build src/Websites/Platform/src/Bit.Websites.Platform.Client/Bit.Websites.Platform.Client.csproj -t:BeforeBuildTasks --no-restore && dotnet build src/Websites/Sales/src/Bit.Websites.Sales.Client/Bit.Websites.Sales.Client.csproj -t:BeforeBuildTasks --no-restore && dotnet build src/Templates/Boilerplate/Bit.Boilerplate/src/Client/Boilerplate.Client.Core/Boilerplate.Client.Core.csproj -t:BeforeBuildTasks --no-restore",
     "waitFor": "onCreateCommand",
     "customizations": {
         "codespaces": {
diff --git a/docs/how-to-build.md b/docs/how-to-build.md
index 55a97f65f5..0211194e06 100644
--- a/docs/how-to-build.md
+++ b/docs/how-to-build.md
@@ -22,7 +22,7 @@ building each one of them requires some specific steps that are explained below.
 
 Building each of the bit platform projects needs the following basic requirements other than the specific requirements that are explained later:
 
-- [.NET 8 SDK (8.0.100)](https://dotnet.microsoft.com/en-us/download/dotnet/8.0)
+- [.NET 8 SDK (8.0.101)](https://dotnet.microsoft.com/en-us/download/dotnet/8.0)
 - [Node.js](https://nodejs.org)
 
 <br/>
diff --git a/src/Besql/Demo/Bit.Besql.Demo.Client/Bit.Besql.Demo.Client.csproj b/src/Besql/Demo/Bit.Besql.Demo.Client/Bit.Besql.Demo.Client.csproj
index 6af6d0ec21..1119460d81 100644
--- a/src/Besql/Demo/Bit.Besql.Demo.Client/Bit.Besql.Demo.Client.csproj
+++ b/src/Besql/Demo/Bit.Besql.Demo.Client/Bit.Besql.Demo.Client.csproj
@@ -9,7 +9,7 @@
   </PropertyGroup>
 
   <ItemGroup>
-    <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly" Version="8.0.0" />
+    <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly" Version="8.0.1" />
   </ItemGroup>
 
   <ItemGroup>
diff --git a/src/Besql/Demo/Bit.Besql.Demo/Bit.Besql.Demo.csproj b/src/Besql/Demo/Bit.Besql.Demo/Bit.Besql.Demo.csproj
index a89b396157..5240c099f1 100644
--- a/src/Besql/Demo/Bit.Besql.Demo/Bit.Besql.Demo.csproj
+++ b/src/Besql/Demo/Bit.Besql.Demo/Bit.Besql.Demo.csproj
@@ -8,7 +8,7 @@
 
     <ItemGroup>
         <ProjectReference Include="..\Bit.Besql.Demo.Client\Bit.Besql.Demo.Client.csproj" />
-        <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly.Server" Version="8.0.0" />
+        <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly.Server" Version="8.0.1" />
     </ItemGroup>
 
     <ItemGroup>
@@ -19,11 +19,11 @@
 			 and open Nuget Package Manager Console, and select `Bit.Besql.Demo` project as default project
 			 Then run either Add-Migration MigrationName -OutputDir Data\Migrations or
 			 Optimize-DbContext -OutputDir Data/CompiledModel commands. -->
-        <PackageReference Include="Microsoft.EntityFrameworkCore.Design" Version="8.0.0">
+        <PackageReference Include="Microsoft.EntityFrameworkCore.Design" Version="8.0.1">
             <PrivateAssets>all</PrivateAssets>
             <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
         </PackageReference>
-        <PackageReference Include="Microsoft.EntityFrameworkCore.Tools" Version="8.0.0">
+        <PackageReference Include="Microsoft.EntityFrameworkCore.Tools" Version="8.0.1">
             <PrivateAssets>all</PrivateAssets>
             <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
         </PackageReference>
diff --git a/src/Bit-CI.sln b/src/Bit-CI.sln
index eaf6697ef9..869701b206 100644
--- a/src/Bit-CI.sln
+++ b/src/Bit-CI.sln
@@ -228,6 +228,10 @@ Project("{9A19103F-16F7-4668-BE54-9A1E7A4F7556}") = "Bit.Besql.Demo", "Besql\Dem
 EndProject
 Project("{9A19103F-16F7-4668-BE54-9A1E7A4F7556}") = "Bit.Besql.Demo.Client", "Besql\Demo\Bit.Besql.Demo.Client\Bit.Besql.Demo.Client.csproj", "{778CD788-7477-4D76-B75C-2E5618ACB8CE}"
 EndProject
+Project("{9A19103F-16F7-4668-BE54-9A1E7A4F7556}") = "Bit.Bswup.NewDemo", "Bswup\Bit.Bswup.NewDemo\Bit.Bswup.NewDemo\Bit.Bswup.NewDemo.csproj", "{A572BB00-354D-4C66-8DE1-946C96CA4172}"
+EndProject
+Project("{9A19103F-16F7-4668-BE54-9A1E7A4F7556}") = "Bit.Bswup.NewDemo.Client", "Bswup\Bit.Bswup.NewDemo\Bit.Bswup.NewDemo.Client\Bit.Bswup.NewDemo.Client.csproj", "{610E87D1-63A1-4D78-BA84-6E90DDDCF138}"
+EndProject
 Global
 	GlobalSection(SolutionConfigurationPlatforms) = preSolution
 		Debug|Any CPU = Debug|Any CPU
@@ -1143,6 +1147,46 @@ Global
 		{778CD788-7477-4D76-B75C-2E5618ACB8CE}.Release|x64.Build.0 = Release|Any CPU
 		{778CD788-7477-4D76-B75C-2E5618ACB8CE}.Release|x86.ActiveCfg = Release|Any CPU
 		{778CD788-7477-4D76-B75C-2E5618ACB8CE}.Release|x86.Build.0 = Release|Any CPU
+		{A572BB00-354D-4C66-8DE1-946C96CA4172}.Debug|Any CPU.ActiveCfg = Debug|Any CPU
+		{A572BB00-354D-4C66-8DE1-946C96CA4172}.Debug|Any CPU.Build.0 = Debug|Any CPU
+		{A572BB00-354D-4C66-8DE1-946C96CA4172}.Debug|iPhone.ActiveCfg = Debug|Any CPU
+		{A572BB00-354D-4C66-8DE1-946C96CA4172}.Debug|iPhone.Build.0 = Debug|Any CPU
+		{A572BB00-354D-4C66-8DE1-946C96CA4172}.Debug|iPhoneSimulator.ActiveCfg = Debug|Any CPU
+		{A572BB00-354D-4C66-8DE1-946C96CA4172}.Debug|iPhoneSimulator.Build.0 = Debug|Any CPU
+		{A572BB00-354D-4C66-8DE1-946C96CA4172}.Debug|x64.ActiveCfg = Debug|Any CPU
+		{A572BB00-354D-4C66-8DE1-946C96CA4172}.Debug|x64.Build.0 = Debug|Any CPU
+		{A572BB00-354D-4C66-8DE1-946C96CA4172}.Debug|x86.ActiveCfg = Debug|Any CPU
+		{A572BB00-354D-4C66-8DE1-946C96CA4172}.Debug|x86.Build.0 = Debug|Any CPU
+		{A572BB00-354D-4C66-8DE1-946C96CA4172}.Release|Any CPU.ActiveCfg = Release|Any CPU
+		{A572BB00-354D-4C66-8DE1-946C96CA4172}.Release|Any CPU.Build.0 = Release|Any CPU
+		{A572BB00-354D-4C66-8DE1-946C96CA4172}.Release|iPhone.ActiveCfg = Release|Any CPU
+		{A572BB00-354D-4C66-8DE1-946C96CA4172}.Release|iPhone.Build.0 = Release|Any CPU
+		{A572BB00-354D-4C66-8DE1-946C96CA4172}.Release|iPhoneSimulator.ActiveCfg = Release|Any CPU
+		{A572BB00-354D-4C66-8DE1-946C96CA4172}.Release|iPhoneSimulator.Build.0 = Release|Any CPU
+		{A572BB00-354D-4C66-8DE1-946C96CA4172}.Release|x64.ActiveCfg = Release|Any CPU
+		{A572BB00-354D-4C66-8DE1-946C96CA4172}.Release|x64.Build.0 = Release|Any CPU
+		{A572BB00-354D-4C66-8DE1-946C96CA4172}.Release|x86.ActiveCfg = Release|Any CPU
+		{A572BB00-354D-4C66-8DE1-946C96CA4172}.Release|x86.Build.0 = Release|Any CPU
+		{610E87D1-63A1-4D78-BA84-6E90DDDCF138}.Debug|Any CPU.ActiveCfg = Debug|Any CPU
+		{610E87D1-63A1-4D78-BA84-6E90DDDCF138}.Debug|Any CPU.Build.0 = Debug|Any CPU
+		{610E87D1-63A1-4D78-BA84-6E90DDDCF138}.Debug|iPhone.ActiveCfg = Debug|Any CPU
+		{610E87D1-63A1-4D78-BA84-6E90DDDCF138}.Debug|iPhone.Build.0 = Debug|Any CPU
+		{610E87D1-63A1-4D78-BA84-6E90DDDCF138}.Debug|iPhoneSimulator.ActiveCfg = Debug|Any CPU
+		{610E87D1-63A1-4D78-BA84-6E90DDDCF138}.Debug|iPhoneSimulator.Build.0 = Debug|Any CPU
+		{610E87D1-63A1-4D78-BA84-6E90DDDCF138}.Debug|x64.ActiveCfg = Debug|Any CPU
+		{610E87D1-63A1-4D78-BA84-6E90DDDCF138}.Debug|x64.Build.0 = Debug|Any CPU
+		{610E87D1-63A1-4D78-BA84-6E90DDDCF138}.Debug|x86.ActiveCfg = Debug|Any CPU
+		{610E87D1-63A1-4D78-BA84-6E90DDDCF138}.Debug|x86.Build.0 = Debug|Any CPU
+		{610E87D1-63A1-4D78-BA84-6E90DDDCF138}.Release|Any CPU.ActiveCfg = Release|Any CPU
+		{610E87D1-63A1-4D78-BA84-6E90DDDCF138}.Release|Any CPU.Build.0 = Release|Any CPU
+		{610E87D1-63A1-4D78-BA84-6E90DDDCF138}.Release|iPhone.ActiveCfg = Release|Any CPU
+		{610E87D1-63A1-4D78-BA84-6E90DDDCF138}.Release|iPhone.Build.0 = Release|Any CPU
+		{610E87D1-63A1-4D78-BA84-6E90DDDCF138}.Release|iPhoneSimulator.ActiveCfg = Release|Any CPU
+		{610E87D1-63A1-4D78-BA84-6E90DDDCF138}.Release|iPhoneSimulator.Build.0 = Release|Any CPU
+		{610E87D1-63A1-4D78-BA84-6E90DDDCF138}.Release|x64.ActiveCfg = Release|Any CPU
+		{610E87D1-63A1-4D78-BA84-6E90DDDCF138}.Release|x64.Build.0 = Release|Any CPU
+		{610E87D1-63A1-4D78-BA84-6E90DDDCF138}.Release|x86.ActiveCfg = Release|Any CPU
+		{610E87D1-63A1-4D78-BA84-6E90DDDCF138}.Release|x86.Build.0 = Release|Any CPU
 	EndGlobalSection
 	GlobalSection(SolutionProperties) = preSolution
 		HideSolutionNode = FALSE
@@ -1208,6 +1252,8 @@ Global
 		{B1A39CE1-FFB5-4ACB-89E3-55C1B7D43F5A} = {619FE7F0-CF56-4325-BE76-7A3464D4DF3C}
 		{591CEAF6-0D1A-423A-937A-09491BCF6F1B} = {B1A39CE1-FFB5-4ACB-89E3-55C1B7D43F5A}
 		{778CD788-7477-4D76-B75C-2E5618ACB8CE} = {B1A39CE1-FFB5-4ACB-89E3-55C1B7D43F5A}
+		{A572BB00-354D-4C66-8DE1-946C96CA4172} = {C6EBC527-A489-44B4-A951-D023107A577F}
+		{610E87D1-63A1-4D78-BA84-6E90DDDCF138} = {C6EBC527-A489-44B4-A951-D023107A577F}
 	EndGlobalSection
 	GlobalSection(ExtensibilityGlobals) = postSolution
 		SolutionGuid = {DA107107-478F-477A-872B-787CEA7DD9B8}
diff --git a/src/BlazorUI/Bit.BlazorUI.Tests/Bit.BlazorUI.Tests.csproj b/src/BlazorUI/Bit.BlazorUI.Tests/Bit.BlazorUI.Tests.csproj
index 24090475f4..a60b493591 100644
--- a/src/BlazorUI/Bit.BlazorUI.Tests/Bit.BlazorUI.Tests.csproj
+++ b/src/BlazorUI/Bit.BlazorUI.Tests/Bit.BlazorUI.Tests.csproj
@@ -7,7 +7,7 @@
 	</PropertyGroup>
 
 	<ItemGroup>
-		<PackageReference Include="bunit.web" Version="1.25.3" />
+		<PackageReference Include="bunit.web" Version="1.26.64" />
 		<PackageReference Include="Microsoft.NET.Test.Sdk" Version="17.8.0" />
 		<PackageReference Include="MSTest.TestAdapter" Version="3.1.1" />
 		<PackageReference Include="MSTest.TestFramework" Version="3.1.1" />
diff --git a/src/BlazorUI/Demo/Bit.BlazorUI.Demo.Server/Bit.BlazorUI.Demo.Server.csproj b/src/BlazorUI/Demo/Bit.BlazorUI.Demo.Server/Bit.BlazorUI.Demo.Server.csproj
index 05233cb9f3..034232b70c 100644
--- a/src/BlazorUI/Demo/Bit.BlazorUI.Demo.Server/Bit.BlazorUI.Demo.Server.csproj
+++ b/src/BlazorUI/Demo/Bit.BlazorUI.Demo.Server/Bit.BlazorUI.Demo.Server.csproj
@@ -21,7 +21,7 @@
         <PackageReference Include="AspNetCore.HealthChecks.UI.Client" Version="8.0.0" />
         <PackageReference Include="AspNetCore.HealthChecks.UI.InMemory.Storage" Version="8.0.0" />
         <PackageReference Include="Riok.Mapperly" Version="3.3.0" />
-        <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly.Server" Version="8.0.0" />
+        <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly.Server" Version="8.0.1" />
     </ItemGroup>
 
     <ItemGroup>
diff --git a/src/BlazorUI/Demo/Bit.BlazorUI.Demo.Shared/Bit.BlazorUI.Demo.Shared.csproj b/src/BlazorUI/Demo/Bit.BlazorUI.Demo.Shared/Bit.BlazorUI.Demo.Shared.csproj
index 05440114d9..2b971df1df 100644
--- a/src/BlazorUI/Demo/Bit.BlazorUI.Demo.Shared/Bit.BlazorUI.Demo.Shared.csproj
+++ b/src/BlazorUI/Demo/Bit.BlazorUI.Demo.Shared/Bit.BlazorUI.Demo.Shared.csproj
@@ -14,9 +14,9 @@
             <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
         </PackageReference>
         <PackageReference Include="Microsoft.Extensions.DependencyInjection.Abstractions" Version="8.0.0" />
-        <PackageReference Include="Microsoft.Extensions.Localization" Version="8.0.0" />
-        <PackageReference Include="Microsoft.Extensions.Configuration.Binder" Version="8.0.0" />
-        <PackageReference Include="System.Text.Json" Version="8.0.0" />
+        <PackageReference Include="Microsoft.Extensions.Localization" Version="8.0.1" />
+        <PackageReference Include="Microsoft.Extensions.Configuration.Binder" Version="8.0.1" />
+        <PackageReference Include="System.Text.Json" Version="8.0.1" />
         <PackageReference Include="Riok.Mapperly" Version="3.3.0" PrivateAssets="all" ExcludeAssets="runtime">
             <IncludeAssets>compile; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
         </PackageReference>
diff --git a/src/BlazorUI/Demo/Client/Bit.BlazorUI.Demo.Client.Core/Bit.BlazorUI.Demo.Client.Core.csproj b/src/BlazorUI/Demo/Client/Bit.BlazorUI.Demo.Client.Core/Bit.BlazorUI.Demo.Client.Core.csproj
index 211a42b8a8..09093aad40 100644
--- a/src/BlazorUI/Demo/Client/Bit.BlazorUI.Demo.Client.Core/Bit.BlazorUI.Demo.Client.Core.csproj
+++ b/src/BlazorUI/Demo/Client/Bit.BlazorUI.Demo.Client.Core/Bit.BlazorUI.Demo.Client.Core.csproj
@@ -24,8 +24,8 @@
             <PrivateAssets>all</PrivateAssets>
             <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
         </PackageReference>
-        <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly" Version="8.0.0" />
-        <PackageReference Include="Microsoft.AspNetCore.Components.Web" Version="8.0.0" />
+        <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly" Version="8.0.1" />
+        <PackageReference Include="Microsoft.AspNetCore.Components.Web" Version="8.0.1" />
         <PackageReference Include="Microsoft.Extensions.Configuration.Json" Version="8.0.0" />
 
         <Using Include="System.Net.Http.Json" />
diff --git a/src/Bswup/Bit.Bswup.Demo/Bit.Bswup.Demo.csproj b/src/Bswup/Bit.Bswup.Demo/Bit.Bswup.Demo.csproj
index 631b5e8173..ca3e06ece3 100644
--- a/src/Bswup/Bit.Bswup.Demo/Bit.Bswup.Demo.csproj
+++ b/src/Bswup/Bit.Bswup.Demo/Bit.Bswup.Demo.csproj
@@ -9,8 +9,8 @@
     </PropertyGroup>
 
     <ItemGroup>
-        <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly" Version="8.0.0" />
-        <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly.DevServer" Version="8.0.0" PrivateAssets="all" />
+        <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly" Version="8.0.1" />
+        <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly.DevServer" Version="8.0.1" PrivateAssets="all" />
     </ItemGroup>
 
     <ItemGroup>
diff --git a/src/Bswup/Bit.Bswup.NewDemo/Bit.Bswup.NewDemo.Client/Bit.Bswup.NewDemo.Client.csproj b/src/Bswup/Bit.Bswup.NewDemo/Bit.Bswup.NewDemo.Client/Bit.Bswup.NewDemo.Client.csproj
index 6e2fdfe53b..a15cb4b613 100644
--- a/src/Bswup/Bit.Bswup.NewDemo/Bit.Bswup.NewDemo.Client/Bit.Bswup.NewDemo.Client.csproj
+++ b/src/Bswup/Bit.Bswup.NewDemo/Bit.Bswup.NewDemo.Client/Bit.Bswup.NewDemo.Client.csproj
@@ -12,7 +12,7 @@
 
     <ItemGroup>
         <ProjectReference Include="..\..\Bit.Bswup\Bit.Bswup.csproj" />
-        <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly" Version="8.0.0" />
+        <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly" Version="8.0.1" />
     </ItemGroup>
 
     <ItemGroup>
diff --git a/src/Bswup/Bit.Bswup.NewDemo/Bit.Bswup.NewDemo/Bit.Bswup.NewDemo.csproj b/src/Bswup/Bit.Bswup.NewDemo/Bit.Bswup.NewDemo/Bit.Bswup.NewDemo.csproj
index cd0137492c..6e8d1e9463 100644
--- a/src/Bswup/Bit.Bswup.NewDemo/Bit.Bswup.NewDemo/Bit.Bswup.NewDemo.csproj
+++ b/src/Bswup/Bit.Bswup.NewDemo/Bit.Bswup.NewDemo/Bit.Bswup.NewDemo.csproj
@@ -8,7 +8,7 @@
 
   <ItemGroup>
     <ProjectReference Include="..\Bit.Bswup.NewDemo.Client\Bit.Bswup.NewDemo.Client.csproj" />
-    <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly.Server" Version="8.0.0" />
+    <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly.Server" Version="8.0.1" />
   </ItemGroup>
 
 </Project>
diff --git a/src/Bswup/FullDemo/Client/Bit.Bswup.Demo.Client.csproj b/src/Bswup/FullDemo/Client/Bit.Bswup.Demo.Client.csproj
index 4b1a55eecb..3b3d93cfc9 100644
--- a/src/Bswup/FullDemo/Client/Bit.Bswup.Demo.Client.csproj
+++ b/src/Bswup/FullDemo/Client/Bit.Bswup.Demo.Client.csproj
@@ -10,8 +10,8 @@
 
     <ItemGroup>
         <ProjectReference Include="..\..\Bit.Bswup\Bit.Bswup.csproj" />
-        <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly" Version="8.0.0" />
-        <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly.DevServer" Version="8.0.0" PrivateAssets="all" />
+        <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly" Version="8.0.1" />
+        <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly.DevServer" Version="8.0.1" PrivateAssets="all" />
 
         <PackageReference Include="Newtonsoft.Json" Version="13.0.3" />
     </ItemGroup>
diff --git a/src/Bswup/FullDemo/Server/Bit.Bswup.Demo.Server.csproj b/src/Bswup/FullDemo/Server/Bit.Bswup.Demo.Server.csproj
index cace6043bf..dfca8b5b08 100644
--- a/src/Bswup/FullDemo/Server/Bit.Bswup.Demo.Server.csproj
+++ b/src/Bswup/FullDemo/Server/Bit.Bswup.Demo.Server.csproj
@@ -8,7 +8,7 @@
     <ItemGroup>
         <ProjectReference Include="..\..\Bit.Bswup\Bit.Bswup.csproj" />
         <ProjectReference Include="..\Client\Bit.Bswup.Demo.Client.csproj" />
-        <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly.Server" Version="8.0.0" />
+        <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly.Server" Version="8.0.1" />
     </ItemGroup>
 
 </Project>
diff --git a/src/Bup/Bit.Bup.Demo/Bit.Bup.Demo.csproj b/src/Bup/Bit.Bup.Demo/Bit.Bup.Demo.csproj
index c62255032b..dfaa3989c8 100644
--- a/src/Bup/Bit.Bup.Demo/Bit.Bup.Demo.csproj
+++ b/src/Bup/Bit.Bup.Demo/Bit.Bup.Demo.csproj
@@ -8,8 +8,8 @@
 
     <ItemGroup>
         <ProjectReference Include="..\Bit.Bup\Bit.Bup.csproj" />
-        <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly" Version="8.0.0" />
-        <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly.DevServer" Version="8.0.0" PrivateAssets="all" />
+        <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly" Version="8.0.1" />
+        <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly.DevServer" Version="8.0.1" PrivateAssets="all" />
     </ItemGroup>
 
     <ItemGroup>
diff --git a/src/Bup/FullDemo/Client/Bit.Bup.Demo.Client.csproj b/src/Bup/FullDemo/Client/Bit.Bup.Demo.Client.csproj
index 98ee49fc38..0157da5296 100644
--- a/src/Bup/FullDemo/Client/Bit.Bup.Demo.Client.csproj
+++ b/src/Bup/FullDemo/Client/Bit.Bup.Demo.Client.csproj
@@ -8,7 +8,7 @@
 
     <ItemGroup>
         <ProjectReference Include="..\..\Bit.Bup\Bit.Bup.csproj" />
-        <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly" Version="8.0.0" />
-        <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly.DevServer" Version="8.0.0" PrivateAssets="all" />
+        <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly" Version="8.0.1" />
+        <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly.DevServer" Version="8.0.1" PrivateAssets="all" />
     </ItemGroup>
 </Project>
diff --git a/src/Bup/FullDemo/Server/Bit.Bup.Demo.Server.csproj b/src/Bup/FullDemo/Server/Bit.Bup.Demo.Server.csproj
index 61d817238e..88c1e63dba 100644
--- a/src/Bup/FullDemo/Server/Bit.Bup.Demo.Server.csproj
+++ b/src/Bup/FullDemo/Server/Bit.Bup.Demo.Server.csproj
@@ -8,7 +8,7 @@
     <ItemGroup>
         <ProjectReference Include="..\..\Bit.Bup\Bit.Bup.csproj" />
         <ProjectReference Include="..\Client\Bit.Bup.Demo.Client.csproj" />
-        <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly.Server" Version="8.0.0" />
+        <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly.Server" Version="8.0.1" />
     </ItemGroup>
 
 </Project>
diff --git a/src/Butil/Demo/Bit.Butil.Demo.Web/Bit.Butil.Demo.Web.csproj b/src/Butil/Demo/Bit.Butil.Demo.Web/Bit.Butil.Demo.Web.csproj
index 52ac3fa36b..8b2442f929 100644
--- a/src/Butil/Demo/Bit.Butil.Demo.Web/Bit.Butil.Demo.Web.csproj
+++ b/src/Butil/Demo/Bit.Butil.Demo.Web/Bit.Butil.Demo.Web.csproj
@@ -7,8 +7,8 @@
   </PropertyGroup>
 
   <ItemGroup>
-    <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly" Version="8.0.0" />
-    <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly.DevServer" Version="8.0.0" PrivateAssets="all" />
+    <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly" Version="8.0.1" />
+    <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly.DevServer" Version="8.0.1" PrivateAssets="all" />
   </ItemGroup>
 
   <ItemGroup>
diff --git a/src/Templates/BlazorEmpty/Bit.BlazorEmpty/BlazorEmpty.Client/BlazorEmpty.Client.csproj b/src/Templates/BlazorEmpty/Bit.BlazorEmpty/BlazorEmpty.Client/BlazorEmpty.Client.csproj
index 3cdeb98d6e..64d11ebf67 100644
--- a/src/Templates/BlazorEmpty/Bit.BlazorEmpty/BlazorEmpty.Client/BlazorEmpty.Client.csproj
+++ b/src/Templates/BlazorEmpty/Bit.BlazorEmpty/BlazorEmpty.Client/BlazorEmpty.Client.csproj
@@ -11,7 +11,7 @@
   </PropertyGroup>
 
   <ItemGroup>
-    <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly" Version="8.0.0" />
+    <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly" Version="8.0.1" />
   </ItemGroup>
 
   <ItemGroup>
diff --git a/src/Templates/BlazorEmpty/Bit.BlazorEmpty/BlazorEmpty/BlazorEmpty.csproj b/src/Templates/BlazorEmpty/Bit.BlazorEmpty/BlazorEmpty/BlazorEmpty.csproj
index e237e52761..efe2693c2a 100644
--- a/src/Templates/BlazorEmpty/Bit.BlazorEmpty/BlazorEmpty/BlazorEmpty.csproj
+++ b/src/Templates/BlazorEmpty/Bit.BlazorEmpty/BlazorEmpty/BlazorEmpty.csproj
@@ -12,7 +12,7 @@
   <!--#if (UseWebAssembly) -->
   <ItemGroup>
     <ProjectReference Include="..\BlazorEmpty.Client\BlazorEmpty.Client.csproj" Condition="'$(UseWebAssembly)' == 'True'" />
-    <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly.Server" Version="8.0.0" Condition="'$(UseWebAssembly)' == 'True'" />
+    <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly.Server" Version="8.0.1" Condition="'$(UseWebAssembly)' == 'True'" />
   </ItemGroup>
   
   <!--#endif -->
diff --git a/src/Templates/BlazorEmpty/Bit.BlazorEmpty/global.json b/src/Templates/BlazorEmpty/Bit.BlazorEmpty/global.json
index fb5197ed1b..76a1fd415b 100644
--- a/src/Templates/BlazorEmpty/Bit.BlazorEmpty/global.json
+++ b/src/Templates/BlazorEmpty/Bit.BlazorEmpty/global.json
@@ -1,6 +1,6 @@
 {
     "sdk": {
-        "version": "8.0.100",
+        "version": "8.0.101",
         "rollForward": "disable"
     }
 }
\ No newline at end of file
diff --git a/src/Templates/Boilerplate/Bit.Boilerplate/global.json b/src/Templates/Boilerplate/Bit.Boilerplate/global.json
index c41d522c76..70f5783086 100644
--- a/src/Templates/Boilerplate/Bit.Boilerplate/global.json
+++ b/src/Templates/Boilerplate/Bit.Boilerplate/global.json
@@ -1,6 +1,6 @@
 {
     "sdk": {
-        "version": "8.0.100",
+        "version": "8.0.101",
 		"rollForward": "disable"
     }
 }
\ No newline at end of file
diff --git a/src/Templates/Boilerplate/Bit.Boilerplate/src/Boilerplate.Iac/Boilerplate.Iac.csproj b/src/Templates/Boilerplate/Bit.Boilerplate/src/Boilerplate.Iac/Boilerplate.Iac.csproj
index 7f97212904..793087a084 100644
--- a/src/Templates/Boilerplate/Bit.Boilerplate/src/Boilerplate.Iac/Boilerplate.Iac.csproj
+++ b/src/Templates/Boilerplate/Bit.Boilerplate/src/Boilerplate.Iac/Boilerplate.Iac.csproj
@@ -6,7 +6,7 @@
     </PropertyGroup>
 
     <ItemGroup>
-        <PackageReference Include="Pulumi.AzureNative" Version="2.22.0" />
+        <PackageReference Include="Pulumi.AzureNative" Version="2.24.0" />
     </ItemGroup>
 
     <ItemGroup>
diff --git a/src/Templates/Boilerplate/Bit.Boilerplate/src/Boilerplate.Server/.config/dotnet-tools.json b/src/Templates/Boilerplate/Bit.Boilerplate/src/Boilerplate.Server/.config/dotnet-tools.json
index e3cadb92fc..fd9a39d879 100644
--- a/src/Templates/Boilerplate/Bit.Boilerplate/src/Boilerplate.Server/.config/dotnet-tools.json
+++ b/src/Templates/Boilerplate/Bit.Boilerplate/src/Boilerplate.Server/.config/dotnet-tools.json
@@ -3,7 +3,7 @@
   "isRoot": true,
   "tools": {
     "dotnet-ef": {
-      "version": "8.0.0",
+      "version": "8.0.1",
       "commands": [
         "dotnet-ef"
       ]
diff --git a/src/Templates/Boilerplate/Bit.Boilerplate/src/Boilerplate.Server/Boilerplate.Server.csproj b/src/Templates/Boilerplate/Bit.Boilerplate/src/Boilerplate.Server/Boilerplate.Server.csproj
index 0e659c7a69..d6145f8ff5 100644
--- a/src/Templates/Boilerplate/Bit.Boilerplate/src/Boilerplate.Server/Boilerplate.Server.csproj
+++ b/src/Templates/Boilerplate/Bit.Boilerplate/src/Boilerplate.Server/Boilerplate.Server.csproj
@@ -16,26 +16,26 @@
         </PackageReference>
         <PackageReference Include="FluentEmail.Smtp" Version="3.0.2" />
 
-        <PackageReference Include="Microsoft.AspNetCore.Authentication.JwtBearer" Version="8.0.0" />
-        <PackageReference Include="Microsoft.AspNetCore.DataProtection.EntityFrameworkCore" Version="8.0.0" />
+        <PackageReference Include="Microsoft.AspNetCore.Authentication.JwtBearer" Version="8.0.1" />
+        <PackageReference Include="Microsoft.AspNetCore.DataProtection.EntityFrameworkCore" Version="8.0.1" />
 
-        <PackageReference Include="Microsoft.AspNetCore.Identity.EntityFrameworkCore" Version="8.0.0" />
+        <PackageReference Include="Microsoft.AspNetCore.Identity.EntityFrameworkCore" Version="8.0.1" />
         <PackageReference Include="Microsoft.AspNetCore.OData" Version="8.2.3" />
-        <PackageReference Include="Microsoft.EntityFrameworkCore.Design" Version="8.0.0">
+        <PackageReference Include="Microsoft.EntityFrameworkCore.Design" Version="8.0.1">
             <PrivateAssets>all</PrivateAssets>
             <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
         </PackageReference>
 
-        <PackageReference Include="Microsoft.EntityFrameworkCore" Version="8.0.0" />
-        <PackageReference Include="Microsoft.EntityFrameworkCore.InMemory" Version="8.0.0" />
-        <PackageReference Condition=" '$(database)' == 'SqlServer' OR '$(database)' == '' " Include="Microsoft.EntityFrameworkCore.SqlServer" Version="8.0.0" />
-        <PackageReference Include="Microsoft.EntityFrameworkCore.Sqlite" Version="8.0.0" />
+        <PackageReference Include="Microsoft.EntityFrameworkCore" Version="8.0.1" />
+        <PackageReference Include="Microsoft.EntityFrameworkCore.InMemory" Version="8.0.1" />
+        <PackageReference Condition=" '$(database)' == 'SqlServer' OR '$(database)' == '' " Include="Microsoft.EntityFrameworkCore.SqlServer" Version="8.0.1" />
+        <PackageReference Include="Microsoft.EntityFrameworkCore.Sqlite" Version="8.0.1" />
 
-        <PackageReference Include="Microsoft.EntityFrameworkCore.Tools" Version="8.0.0">
+        <PackageReference Include="Microsoft.EntityFrameworkCore.Tools" Version="8.0.1">
             <PrivateAssets>all</PrivateAssets>
             <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
         </PackageReference>
-        <PackageReference Include="Microsoft.Extensions.Diagnostics.HealthChecks.EntityFrameworkCore" Version="8.0.0" />
+        <PackageReference Include="Microsoft.Extensions.Diagnostics.HealthChecks.EntityFrameworkCore" Version="8.0.1" />
         <PackageReference Include="MimeTypeMapOfficial" Version="1.0.17" />
         <PackageReference Include="Swashbuckle.AspNetCore" Version="6.5.0" />
         <PackageReference Include="AspNetCore.HealthChecks.System" Version="8.0.0" />
@@ -44,7 +44,7 @@
         <PackageReference Include="AspNetCore.HealthChecks.UI.InMemory.Storage" Version="8.0.0" />
         <PackageReference Include="AspNetCore.HealthChecks.Network" Version="8.0.0" />
         <PackageReference Include="Riok.Mapperly" Version="3.3.0" />
-        <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly.Server" Version="8.0.0" />
+        <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly.Server" Version="8.0.1" />
     </ItemGroup>
 
     <ItemGroup>
diff --git a/src/Templates/Boilerplate/Bit.Boilerplate/src/Boilerplate.Shared/Boilerplate.Shared.csproj b/src/Templates/Boilerplate/Bit.Boilerplate/src/Boilerplate.Shared/Boilerplate.Shared.csproj
index 8c7c6bfc76..f2073bf3db 100644
--- a/src/Templates/Boilerplate/Bit.Boilerplate/src/Boilerplate.Shared/Boilerplate.Shared.csproj
+++ b/src/Templates/Boilerplate/Bit.Boilerplate/src/Boilerplate.Shared/Boilerplate.Shared.csproj
@@ -13,12 +13,12 @@
             <PrivateAssets>all</PrivateAssets>
             <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
         </PackageReference>
-        <PackageReference Include="Microsoft.AspNetCore.Authorization" Version="8.0.0" />
+        <PackageReference Include="Microsoft.AspNetCore.Authorization" Version="8.0.1" />
         <PackageReference Include="Microsoft.Extensions.DependencyInjection.Abstractions" Version="8.0.0" />
-        <PackageReference Include="Microsoft.Extensions.Localization" Version="8.0.0" />
-        <PackageReference Include="Microsoft.Extensions.Configuration.Binder" Version="8.0.0" />
+        <PackageReference Include="Microsoft.Extensions.Localization" Version="8.0.1" />
+        <PackageReference Include="Microsoft.Extensions.Configuration.Binder" Version="8.0.1" />
         <PackageReference Include="Microsoft.Extensions.Configuration.Json" Version="8.0.0" />
-        <PackageReference Include="System.Text.Json" Version="8.0.0" />
+        <PackageReference Include="System.Text.Json" Version="8.0.1" />
         <PackageReference Include="Riok.Mapperly" Version="3.3.0" PrivateAssets="all" ExcludeAssets="runtime">
           <IncludeAssets>compile; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
         </PackageReference>
diff --git a/src/Templates/Boilerplate/Bit.Boilerplate/src/Client/Boilerplate.Client.Core/Boilerplate.Client.Core.csproj b/src/Templates/Boilerplate/Bit.Boilerplate/src/Client/Boilerplate.Client.Core/Boilerplate.Client.Core.csproj
index 53e8489f54..7cae17376b 100644
--- a/src/Templates/Boilerplate/Bit.Boilerplate/src/Client/Boilerplate.Client.Core/Boilerplate.Client.Core.csproj
+++ b/src/Templates/Boilerplate/Bit.Boilerplate/src/Client/Boilerplate.Client.Core/Boilerplate.Client.Core.csproj
@@ -32,9 +32,9 @@
             <PrivateAssets>all</PrivateAssets>
             <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
         </PackageReference>
-        <PackageReference Include="Microsoft.AspNetCore.Components.Authorization" Version="8.0.0" />
-        <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly" Version="8.0.0" />
-        <PackageReference Include="Microsoft.AspNetCore.Components.Web" Version="8.0.0" />
+        <PackageReference Include="Microsoft.AspNetCore.Components.Authorization" Version="8.0.1" />
+        <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly" Version="8.0.1" />
+        <PackageReference Include="Microsoft.AspNetCore.Components.Web" Version="8.0.1" />
 
         <Using Include="System.Net.Http.Json" />
         <Using Include="System.Collections.Concurrent" />
diff --git a/src/Websites/Careers/src/Bit.Websites.Careers.Client/Bit.Websites.Careers.Client.csproj b/src/Websites/Careers/src/Bit.Websites.Careers.Client/Bit.Websites.Careers.Client.csproj
index e4a8b5aea6..0c535189db 100644
--- a/src/Websites/Careers/src/Bit.Websites.Careers.Client/Bit.Websites.Careers.Client.csproj
+++ b/src/Websites/Careers/src/Bit.Websites.Careers.Client/Bit.Websites.Careers.Client.csproj
@@ -14,7 +14,7 @@
     </PropertyGroup>
 
     <ItemGroup>
-        <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly" Version="8.0.0" />
+        <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly" Version="8.0.1" />
     </ItemGroup>
 
     <ItemGroup>
@@ -35,7 +35,7 @@
             <PrivateAssets>all</PrivateAssets>
             <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
         </PackageReference>
-        <PackageReference Include="Microsoft.AspNetCore.Components.Web" Version="8.0.0" />
+        <PackageReference Include="Microsoft.AspNetCore.Components.Web" Version="8.0.1" />
 
         <Using Include="System.Net.Http.Json" />
         <Using Include="System.Collections.Concurrent" />
diff --git a/src/Websites/Careers/src/Bit.Websites.Careers.Server/Bit.Websites.Careers.Server.csproj b/src/Websites/Careers/src/Bit.Websites.Careers.Server/Bit.Websites.Careers.Server.csproj
index 4fe0a6814a..69ced17699 100644
--- a/src/Websites/Careers/src/Bit.Websites.Careers.Server/Bit.Websites.Careers.Server.csproj
+++ b/src/Websites/Careers/src/Bit.Websites.Careers.Server/Bit.Websites.Careers.Server.csproj
@@ -7,8 +7,8 @@
     <ItemGroup>
         <ProjectReference Include="..\Bit.Websites.Careers.Shared\Bit.Websites.Careers.Shared.csproj" />
         <ProjectReference Include="..\Bit.Websites.Careers.Client\Bit.Websites.Careers.Client.csproj" />
-        <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly.Server" Version="8.0.0" />
-        <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly" Version="8.0.0" />
+        <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly.Server" Version="8.0.1" />
+        <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly" Version="8.0.1" />
         <PackageReference Include="Bit.CodeAnalyzers" Version="8.7.1">
             <PrivateAssets>all</PrivateAssets>
             <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
diff --git a/src/Websites/Careers/src/Bit.Websites.Careers.Shared/Bit.Websites.Careers.Shared.csproj b/src/Websites/Careers/src/Bit.Websites.Careers.Shared/Bit.Websites.Careers.Shared.csproj
index f749e74942..a1f43cb0b9 100644
--- a/src/Websites/Careers/src/Bit.Websites.Careers.Shared/Bit.Websites.Careers.Shared.csproj
+++ b/src/Websites/Careers/src/Bit.Websites.Careers.Shared/Bit.Websites.Careers.Shared.csproj
@@ -15,8 +15,8 @@
             <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
         </PackageReference>
         <PackageReference Include="Microsoft.Extensions.DependencyInjection.Abstractions" Version="8.0.0" />
-        <PackageReference Include="Microsoft.Extensions.Configuration.Binder" Version="8.0.0" />
-        <PackageReference Include="System.Text.Json" Version="8.0.0" />
+        <PackageReference Include="Microsoft.Extensions.Configuration.Binder" Version="8.0.1" />
+        <PackageReference Include="System.Text.Json" Version="8.0.1" />
         <PackageReference Include="Riok.Mapperly" Version="3.3.0" PrivateAssets="all" ExcludeAssets="runtime">
             <IncludeAssets>compile; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
         </PackageReference>
diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Bit.Websites.Platform.Client.csproj b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Bit.Websites.Platform.Client.csproj
index 5b5d7fe1ab..b4f2599bf7 100644
--- a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Bit.Websites.Platform.Client.csproj
+++ b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Bit.Websites.Platform.Client.csproj
@@ -14,7 +14,7 @@
     </PropertyGroup>
 
     <ItemGroup>
-        <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly" Version="8.0.0" />
+        <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly" Version="8.0.1" />
     </ItemGroup>
 
     <ItemGroup>
@@ -36,7 +36,7 @@
             <PrivateAssets>all</PrivateAssets>
             <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
         </PackageReference>
-        <PackageReference Include="Microsoft.AspNetCore.Components.Web" Version="8.0.0" />
+        <PackageReference Include="Microsoft.AspNetCore.Components.Web" Version="8.0.1" />
 
         <Using Include="System.Net.Http.Json" />
         <Using Include="System.Collections.Concurrent" />
diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates02DevelopmentPrerequisitesPage.razor b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates02DevelopmentPrerequisitesPage.razor
index 727def9c0e..19817d551c 100644
--- a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates02DevelopmentPrerequisitesPage.razor
+++ b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates02DevelopmentPrerequisitesPage.razor
@@ -21,12 +21,12 @@
         <div class="section-card-txt">
             <ol>
                 <li style="margin-bottom:8px">
-                    .NET Sdk <a href="https://dotnet.microsoft.com/en-us/download/dotnet/8.0" target="_blank">8.0.100</a>
+                    .NET Sdk <a href="https://dotnet.microsoft.com/en-us/download/dotnet/8.0" target="_blank">8.0.101</a>
                 </li>
                 <BitAccordion Title=".NET 8 Sdk on Linux">
                     <div>To install .NET 8 SDK on Linux(Ubuntu) run the following commands:</div>
                     <div class="code-box">
-                        wget https://download.visualstudio.microsoft.com/download/pr/5226a5fa-8c0b-474f-b79a-8984ad7c5beb/3113ccbf789c9fd29972835f0f334b7a/dotnet-sdk-8.0.100-linux-x64.tar.gz -O $HOME/dotnet.tar.gz
+                        wget https://download.visualstudio.microsoft.com/download/pr/9454f7dc-b98e-4a64-a96d-4eb08c7b6e66/da76f9c6bc4276332b587b771243ae34/dotnet-sdk-8.0.101-linux-x64.tar.gz -O $HOME/dotnet.tar.gz
                         <br />
                         mkdir -p $HOME/.dotnet
                         <br />
diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Server/Bit.Websites.Platform.Server.csproj b/src/Websites/Platform/src/Bit.Websites.Platform.Server/Bit.Websites.Platform.Server.csproj
index dd76eaa5ae..19951e6565 100644
--- a/src/Websites/Platform/src/Bit.Websites.Platform.Server/Bit.Websites.Platform.Server.csproj
+++ b/src/Websites/Platform/src/Bit.Websites.Platform.Server/Bit.Websites.Platform.Server.csproj
@@ -7,8 +7,8 @@
     <ItemGroup>
         <ProjectReference Include="..\Bit.Websites.Platform.Shared\Bit.Websites.Platform.Shared.csproj" />
         <ProjectReference Include="..\Bit.Websites.Platform.Client\Bit.Websites.Platform.Client.csproj" />
-        <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly.Server" Version="8.0.0" />
-        <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly" Version="8.0.0" />
+        <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly.Server" Version="8.0.1" />
+        <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly" Version="8.0.1" />
         <PackageReference Include="Bit.CodeAnalyzers" Version="8.7.1">
             <PrivateAssets>all</PrivateAssets>
             <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Shared/Bit.Websites.Platform.Shared.csproj b/src/Websites/Platform/src/Bit.Websites.Platform.Shared/Bit.Websites.Platform.Shared.csproj
index f749e74942..a1f43cb0b9 100644
--- a/src/Websites/Platform/src/Bit.Websites.Platform.Shared/Bit.Websites.Platform.Shared.csproj
+++ b/src/Websites/Platform/src/Bit.Websites.Platform.Shared/Bit.Websites.Platform.Shared.csproj
@@ -15,8 +15,8 @@
             <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
         </PackageReference>
         <PackageReference Include="Microsoft.Extensions.DependencyInjection.Abstractions" Version="8.0.0" />
-        <PackageReference Include="Microsoft.Extensions.Configuration.Binder" Version="8.0.0" />
-        <PackageReference Include="System.Text.Json" Version="8.0.0" />
+        <PackageReference Include="Microsoft.Extensions.Configuration.Binder" Version="8.0.1" />
+        <PackageReference Include="System.Text.Json" Version="8.0.1" />
         <PackageReference Include="Riok.Mapperly" Version="3.3.0" PrivateAssets="all" ExcludeAssets="runtime">
             <IncludeAssets>compile; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
         </PackageReference>
diff --git a/src/Websites/Sales/src/Bit.Websites.Sales.Client/Bit.Websites.Sales.Client.csproj b/src/Websites/Sales/src/Bit.Websites.Sales.Client/Bit.Websites.Sales.Client.csproj
index cce1c65bba..245ebb0405 100644
--- a/src/Websites/Sales/src/Bit.Websites.Sales.Client/Bit.Websites.Sales.Client.csproj
+++ b/src/Websites/Sales/src/Bit.Websites.Sales.Client/Bit.Websites.Sales.Client.csproj
@@ -14,7 +14,7 @@
     </PropertyGroup>
 
     <ItemGroup>
-        <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly" Version="8.0.0" />
+        <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly" Version="8.0.1" />
     </ItemGroup>
 
     <ItemGroup>
@@ -35,7 +35,7 @@
             <PrivateAssets>all</PrivateAssets>
             <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
         </PackageReference>
-        <PackageReference Include="Microsoft.AspNetCore.Components.Web" Version="8.0.0" />
+        <PackageReference Include="Microsoft.AspNetCore.Components.Web" Version="8.0.1" />
 
         <Using Include="System.Net.Http.Json" />
         <Using Include="System.Collections.Concurrent" />
diff --git a/src/Websites/Sales/src/Bit.Websites.Sales.Server/Bit.Websites.Sales.Server.csproj b/src/Websites/Sales/src/Bit.Websites.Sales.Server/Bit.Websites.Sales.Server.csproj
index 251d572b69..394558740c 100644
--- a/src/Websites/Sales/src/Bit.Websites.Sales.Server/Bit.Websites.Sales.Server.csproj
+++ b/src/Websites/Sales/src/Bit.Websites.Sales.Server/Bit.Websites.Sales.Server.csproj
@@ -7,8 +7,8 @@
     <ItemGroup>
         <ProjectReference Include="..\Bit.Websites.Sales.Shared\Bit.Websites.Sales.Shared.csproj" />
         <ProjectReference Include="..\Bit.Websites.Sales.Client\Bit.Websites.Sales.Client.csproj" />
-        <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly.Server" Version="8.0.0" />
-        <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly" Version="8.0.0" />
+        <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly.Server" Version="8.0.1" />
+        <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly" Version="8.0.1" />
         <PackageReference Include="Bit.CodeAnalyzers" Version="8.7.1">
             <PrivateAssets>all</PrivateAssets>
             <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
diff --git a/src/Websites/Sales/src/Bit.Websites.Sales.Shared/Bit.Websites.Sales.Shared.csproj b/src/Websites/Sales/src/Bit.Websites.Sales.Shared/Bit.Websites.Sales.Shared.csproj
index f749e74942..a1f43cb0b9 100644
--- a/src/Websites/Sales/src/Bit.Websites.Sales.Shared/Bit.Websites.Sales.Shared.csproj
+++ b/src/Websites/Sales/src/Bit.Websites.Sales.Shared/Bit.Websites.Sales.Shared.csproj
@@ -15,8 +15,8 @@
             <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
         </PackageReference>
         <PackageReference Include="Microsoft.Extensions.DependencyInjection.Abstractions" Version="8.0.0" />
-        <PackageReference Include="Microsoft.Extensions.Configuration.Binder" Version="8.0.0" />
-        <PackageReference Include="System.Text.Json" Version="8.0.0" />
+        <PackageReference Include="Microsoft.Extensions.Configuration.Binder" Version="8.0.1" />
+        <PackageReference Include="System.Text.Json" Version="8.0.1" />
         <PackageReference Include="Riok.Mapperly" Version="3.3.0" PrivateAssets="all" ExcludeAssets="runtime">
             <IncludeAssets>compile; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
         </PackageReference>
diff --git a/src/global.json b/src/global.json
index fb5197ed1b..76a1fd415b 100644
--- a/src/global.json
+++ b/src/global.json
@@ -1,6 +1,6 @@
 {
     "sdk": {
-        "version": "8.0.100",
+        "version": "8.0.101",
         "rollForward": "disable"
     }
 }
\ No newline at end of file

From 83d48ff0ad61e0d0039174c1b76a637392dd74ad Mon Sep 17 00:00:00 2001
From: Yaser Moradi <ysmoradi@outlook.com>
Date: Thu, 11 Jan 2024 18:34:46 +0100
Subject: [PATCH 09/39] fix(templates): resolve culture change issues in
 windows #6543 (#6553)

---
 .../IServiceCollectionExtensions.cs           |  1 +
 .../Services/CultureInfoManager.cs            |  4 +-
 .../Components/Layout/Footer.razor.cs         | 13 ++++--
 .../Boilerplate.Client.Core/Routes.razor.cs   |  3 +-
 .../Services/PubSubMessages.cs                |  1 +
 .../Client/Boilerplate.Client.Web/Program.cs  |  2 +-
 .../Boilerplate.Client.Windows/App.xaml       |  2 +-
 .../Boilerplate.Client.Windows/App.xaml.cs    | 33 ++++++++++++++-
 .../Boilerplate.Client.Windows.csproj         |  1 +
 .../IServiceCollectionExtensions.cs           |  1 +
 .../MainWindow.xaml.cs                        | 13 +++++-
 .../Services/WindowsStorageService.cs         | 40 +++++++++++++++++++
 12 files changed, 102 insertions(+), 12 deletions(-)
 create mode 100644 src/Templates/Boilerplate/Bit.Boilerplate/src/Client/Boilerplate.Client.Windows/Services/WindowsStorageService.cs

diff --git a/src/Templates/Boilerplate/Bit.Boilerplate/src/Boilerplate.Shared/Extensions/IServiceCollectionExtensions.cs b/src/Templates/Boilerplate/Bit.Boilerplate/src/Boilerplate.Shared/Extensions/IServiceCollectionExtensions.cs
index 469353e36b..e633ab70ba 100644
--- a/src/Templates/Boilerplate/Bit.Boilerplate/src/Boilerplate.Shared/Extensions/IServiceCollectionExtensions.cs
+++ b/src/Templates/Boilerplate/Bit.Boilerplate/src/Boilerplate.Shared/Extensions/IServiceCollectionExtensions.cs
@@ -7,6 +7,7 @@ public static IServiceCollection AddSharedServices(this IServiceCollection servi
         // Services being registered here can get injected everywhere (Api, Web, Android, iOS, Windows and macOS)
 
         services.TryAddTransient<IDateTimeProvider, DateTimeProvider>();
+        services.TryAddTransient<CultureInfoManager>();
 
         // Define authorization policies here to seamlessly integrate them across various components,
         // including web api actions and razor pages using Authorize attribute, AuthorizeView in razor pages, and programmatically in C# for enhanced security and access control.
diff --git a/src/Templates/Boilerplate/Bit.Boilerplate/src/Boilerplate.Shared/Services/CultureInfoManager.cs b/src/Templates/Boilerplate/Bit.Boilerplate/src/Boilerplate.Shared/Services/CultureInfoManager.cs
index 46c0fd4e28..fc8654181a 100644
--- a/src/Templates/Boilerplate/Bit.Boilerplate/src/Boilerplate.Shared/Services/CultureInfoManager.cs
+++ b/src/Templates/Boilerplate/Bit.Boilerplate/src/Boilerplate.Shared/Services/CultureInfoManager.cs
@@ -23,7 +23,7 @@ public static CultureInfo CreateCultureInfo(string cultureInfoId)
         return cultureInfo;
     }
 
-    public static void SetCurrentCulture(string? cultureInfoCookie)
+    public void SetCurrentCulture(string? cultureInfoCookie)
     {
         var currentCulture = GetCurrentCulture(cultureInfoCookie);
 
@@ -32,7 +32,7 @@ public static void SetCurrentCulture(string? cultureInfoCookie)
         CultureInfo.CurrentCulture = CultureInfo.CurrentUICulture = CultureInfo.DefaultThreadCurrentCulture = CultureInfo.DefaultThreadCurrentUICulture = Thread.CurrentThread.CurrentCulture = Thread.CurrentThread.CurrentUICulture = cultureInfo;
     }
 
-    public static string GetCurrentCulture(string? preferredCulture = null)
+    public string GetCurrentCulture(string? preferredCulture = null)
     {
         string culture = preferredCulture ?? CultureInfo.CurrentUICulture.Name;
         if (SupportedCultures.Any(sc => sc.code == culture) is false)
diff --git a/src/Templates/Boilerplate/Bit.Boilerplate/src/Client/Boilerplate.Client.Core/Components/Layout/Footer.razor.cs b/src/Templates/Boilerplate/Bit.Boilerplate/src/Client/Boilerplate.Client.Core/Components/Layout/Footer.razor.cs
index edaf7d394f..24433abead 100644
--- a/src/Templates/Boilerplate/Bit.Boilerplate/src/Client/Boilerplate.Client.Core/Components/Layout/Footer.razor.cs
+++ b/src/Templates/Boilerplate/Bit.Boilerplate/src/Client/Boilerplate.Client.Core/Components/Layout/Footer.razor.cs
@@ -5,7 +5,9 @@ public partial class Footer
 {
     [AutoInject] private Cookie cookie = default!;
     [AutoInject] private BitThemeManager bitThemeManager = default!;
-    [AutoInject] private IBitDeviceCoordinator bitDeviceCoordinator { get; set; } = default!;
+    [AutoInject] private IBitDeviceCoordinator bitDeviceCoordinator = default!;
+    [AutoInject] private CultureInfoManager cultureInfoManager = default!;
+    [AutoInject] private IPubSubService pubSubService = default!;
 
     private BitDropdownItem<string>[] cultures = default!;
 
@@ -15,7 +17,7 @@ protected override Task OnInitAsync()
                                       .Select(sc => new BitDropdownItem<string> { Value = sc.code, Text = sc.name })
                                       .ToArray();
 
-        SelectedCulture = CultureInfoManager.GetCurrentCulture();
+        SelectedCulture = cultureInfoManager.GetCurrentCulture();
 
         return base.OnInitAsync();
     }
@@ -34,8 +36,11 @@ await cookie.Set(new()
 
         await StorageService.SetItem("Culture", SelectedCulture, persistent: true);
 
-        // Relevant in the context of Blazor Hybrid, where the reloading of the web view doesn't result in the resetting of all static in memory data on the client side
-        CultureInfoManager.SetCurrentCulture(SelectedCulture);
+        if (AppRenderMode.IsBlazorHybrid)
+        {
+            cultureInfoManager.SetCurrentCulture(SelectedCulture);
+            pubSubService.Publish(PubSubMessages.CULTURE_CHANGED, SelectedCulture);
+        }
 
         NavigationManager.Refresh(forceReload: true);
     }
diff --git a/src/Templates/Boilerplate/Bit.Boilerplate/src/Client/Boilerplate.Client.Core/Routes.razor.cs b/src/Templates/Boilerplate/Bit.Boilerplate/src/Client/Boilerplate.Client.Core/Routes.razor.cs
index 72001ca7a8..1196687e46 100644
--- a/src/Templates/Boilerplate/Bit.Boilerplate/src/Client/Boilerplate.Client.Core/Routes.razor.cs
+++ b/src/Templates/Boilerplate/Bit.Boilerplate/src/Client/Boilerplate.Client.Core/Routes.razor.cs
@@ -5,6 +5,7 @@ public partial class Routes
     [AutoInject] IJSRuntime jsRuntime = default!;
     [AutoInject] IBitDeviceCoordinator bitDeviceCoordinator = default!;
     [AutoInject] IStorageService storageService = default!;
+    [AutoInject] CultureInfoManager cultureInfoManager = default!;
 
     protected override async Task OnInitializedAsync()
     {
@@ -12,7 +13,7 @@ protected override async Task OnInitializedAsync()
         {
             if (AppRenderMode.MultilingualEnabled)
             {
-                CultureInfoManager.SetCurrentCulture(await storageService.GetItem("Culture"));
+                cultureInfoManager.SetCurrentCulture(await storageService.GetItem("Culture"));
             }
 
             await SetupBodyClasses();
diff --git a/src/Templates/Boilerplate/Bit.Boilerplate/src/Client/Boilerplate.Client.Core/Services/PubSubMessages.cs b/src/Templates/Boilerplate/Bit.Boilerplate/src/Client/Boilerplate.Client.Core/Services/PubSubMessages.cs
index 290ea25a27..4d13c83ab9 100644
--- a/src/Templates/Boilerplate/Bit.Boilerplate/src/Client/Boilerplate.Client.Core/Services/PubSubMessages.cs
+++ b/src/Templates/Boilerplate/Bit.Boilerplate/src/Client/Boilerplate.Client.Core/Services/PubSubMessages.cs
@@ -4,4 +4,5 @@ public static class PubSubMessages
 {
     public const string PROFILE_UPDATED = nameof(PROFILE_UPDATED);
     public const string SHOW_MESSAGE = nameof(SHOW_MESSAGE);
+    public const string CULTURE_CHANGED = nameof(CULTURE_CHANGED);
 }
diff --git a/src/Templates/Boilerplate/Bit.Boilerplate/src/Client/Boilerplate.Client.Web/Program.cs b/src/Templates/Boilerplate/Bit.Boilerplate/src/Client/Boilerplate.Client.Web/Program.cs
index 73aefc28de..7f8876f3bb 100644
--- a/src/Templates/Boilerplate/Bit.Boilerplate/src/Client/Boilerplate.Client.Web/Program.cs
+++ b/src/Templates/Boilerplate/Bit.Boilerplate/src/Client/Boilerplate.Client.Web/Program.cs
@@ -20,7 +20,7 @@
 if (AppRenderMode.MultilingualEnabled)
 {
     var culture = await host.Services.GetRequiredService<IStorageService>().GetItem("Culture");
-    CultureInfoManager.SetCurrentCulture(culture);
+    host.Services.GetRequiredService<CultureInfoManager>().SetCurrentCulture(culture);
 }
 
 await host.RunAsync();
diff --git a/src/Templates/Boilerplate/Bit.Boilerplate/src/Client/Boilerplate.Client.Windows/App.xaml b/src/Templates/Boilerplate/Bit.Boilerplate/src/Client/Boilerplate.Client.Windows/App.xaml
index 02ffbbe006..1cee354319 100644
--- a/src/Templates/Boilerplate/Bit.Boilerplate/src/Client/Boilerplate.Client.Windows/App.xaml
+++ b/src/Templates/Boilerplate/Bit.Boilerplate/src/Client/Boilerplate.Client.Windows/App.xaml
@@ -1,4 +1,4 @@
 <Application x:Class="Boilerplate.Client.Windows.App"
              xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
              xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
-             StartupUri="MainWindow.xaml" />
+             StartupUri="MainWindow.xaml" Startup="App_Startup" Exit="App_Exit" />
diff --git a/src/Templates/Boilerplate/Bit.Boilerplate/src/Client/Boilerplate.Client.Windows/App.xaml.cs b/src/Templates/Boilerplate/Bit.Boilerplate/src/Client/Boilerplate.Client.Windows/App.xaml.cs
index 61afffdb4e..dbc41f7fe1 100644
--- a/src/Templates/Boilerplate/Bit.Boilerplate/src/Client/Boilerplate.Client.Windows/App.xaml.cs
+++ b/src/Templates/Boilerplate/Bit.Boilerplate/src/Client/Boilerplate.Client.Windows/App.xaml.cs
@@ -1,6 +1,37 @@
-namespace Boilerplate.Client.Windows;
+using System.IO.IsolatedStorage;
+using System.IO;
+using System.Windows;
+using System.Text.Json;
+using System.Collections;
+
+namespace Boilerplate.Client.Windows;
 
 public partial class App
 {
+    const string WindowsStorageFilename = "windows.storage.json";
+
+    private void App_Startup(object sender, StartupEventArgs e)
+    {
+        // Restore application-scope property from isolated storage
+        using IsolatedStorageFile storage = IsolatedStorageFile.GetUserStoreForDomain();
+        try
+        {
+            using IsolatedStorageFileStream stream = new IsolatedStorageFileStream(WindowsStorageFilename, FileMode.Open, storage);
+            foreach (DictionaryEntry item in JsonSerializer.Deserialize<IDictionary>(stream)!)
+            {
+                Properties.Add(item.Key, item.Value);
+            }
+        }
+        catch (IsolatedStorageException exp) when (exp.InnerException is FileNotFoundException) { }
+    }
+
+    private void App_Exit(object sender, ExitEventArgs e)
+    {
+        // Persist application-scope property to isolated storage
+        IsolatedStorageFile storage = IsolatedStorageFile.GetUserStoreForDomain();
+        using IsolatedStorageFileStream stream = new IsolatedStorageFileStream(WindowsStorageFilename, FileMode.Create, storage);
+        using StreamWriter writer = new StreamWriter(stream);
+        writer.Write(JsonSerializer.Serialize(Properties));
+    }
 }
 
diff --git a/src/Templates/Boilerplate/Bit.Boilerplate/src/Client/Boilerplate.Client.Windows/Boilerplate.Client.Windows.csproj b/src/Templates/Boilerplate/Bit.Boilerplate/src/Client/Boilerplate.Client.Windows/Boilerplate.Client.Windows.csproj
index bd2196d760..5f14cdd30f 100644
--- a/src/Templates/Boilerplate/Bit.Boilerplate/src/Client/Boilerplate.Client.Windows/Boilerplate.Client.Windows.csproj
+++ b/src/Templates/Boilerplate/Bit.Boilerplate/src/Client/Boilerplate.Client.Windows/Boilerplate.Client.Windows.csproj
@@ -6,6 +6,7 @@
         <Nullable>enable</Nullable>
         <ImplicitUsings>enable</ImplicitUsings>
         <UseWPF>true</UseWPF>
+        <UseWindowsForms>true</UseWindowsForms>
         <RootNamespace>Boilerplate.Client.Windows</RootNamespace>
     </PropertyGroup>
 
diff --git a/src/Templates/Boilerplate/Bit.Boilerplate/src/Client/Boilerplate.Client.Windows/Extensions/IServiceCollectionExtensions.cs b/src/Templates/Boilerplate/Bit.Boilerplate/src/Client/Boilerplate.Client.Windows/Extensions/IServiceCollectionExtensions.cs
index 91e61f233d..eded4180fd 100644
--- a/src/Templates/Boilerplate/Bit.Boilerplate/src/Client/Boilerplate.Client.Windows/Extensions/IServiceCollectionExtensions.cs
+++ b/src/Templates/Boilerplate/Bit.Boilerplate/src/Client/Boilerplate.Client.Windows/Extensions/IServiceCollectionExtensions.cs
@@ -6,6 +6,7 @@ public static class IServiceCollectionExtensions
 {
     public static void AddWindowsServices(this IServiceCollection services)
     {
+        services.TryAddTransient<IStorageService, WindowsStorageService>();
         services.AddTransient<IBitDeviceCoordinator, WindowsDeviceCoordinator>();
         services.AddTransient<IExceptionHandler, WindowsExceptionHandler>();
 
diff --git a/src/Templates/Boilerplate/Bit.Boilerplate/src/Client/Boilerplate.Client.Windows/MainWindow.xaml.cs b/src/Templates/Boilerplate/Bit.Boilerplate/src/Client/Boilerplate.Client.Windows/MainWindow.xaml.cs
index 98b49da7da..11e48762a5 100644
--- a/src/Templates/Boilerplate/Bit.Boilerplate/src/Client/Boilerplate.Client.Windows/MainWindow.xaml.cs
+++ b/src/Templates/Boilerplate/Bit.Boilerplate/src/Client/Boilerplate.Client.Windows/MainWindow.xaml.cs
@@ -30,11 +30,20 @@ public MainWindow()
         services.AddWindowsServices();
         InitializeComponent();
         BlazorWebView.Services = services.BuildServiceProvider();
+        BlazorWebView.Services.GetRequiredService<CultureInfoManager>().SetCurrentCulture(App.Current.Properties["Culture"]?.ToString());
+        BlazorWebView.Services.GetRequiredService<IPubSubService>().Subscribe(PubSubMessages.CULTURE_CHANGED, async culture =>
+        {
+            App.Current.Shutdown();
+            Application.Restart();
+        });
         BlazorWebView.Loaded += async delegate
         {
             await BlazorWebView.WebView.EnsureCoreWebView2Async();
-            while ((await BlazorWebView.WebView.ExecuteScriptAsync("Blazor.start()")) is "null")
-                await Task.Yield();
+
+            BlazorWebView.WebView.NavigationCompleted += async delegate
+            {
+                await BlazorWebView.WebView.ExecuteScriptAsync("Blazor.start()");
+            };
         };
     }
 }
diff --git a/src/Templates/Boilerplate/Bit.Boilerplate/src/Client/Boilerplate.Client.Windows/Services/WindowsStorageService.cs b/src/Templates/Boilerplate/Bit.Boilerplate/src/Client/Boilerplate.Client.Windows/Services/WindowsStorageService.cs
new file mode 100644
index 0000000000..7cf126d8b2
--- /dev/null
+++ b/src/Templates/Boilerplate/Bit.Boilerplate/src/Client/Boilerplate.Client.Windows/Services/WindowsStorageService.cs
@@ -0,0 +1,40 @@
+namespace Boilerplate.Client.Windows.Services;
+
+public class WindowsStorageService : IStorageService
+{
+    private readonly Dictionary<string, string?> tempStorage = [];
+
+    public async ValueTask<string?> GetItem(string key)
+    {
+        if (tempStorage.TryGetValue(key, out string? value))
+            return value;
+
+        return App.Current.Properties[key]?.ToString();
+    }
+
+    public async ValueTask<bool> IsPersistent(string key)
+    {
+        return App.Current.Properties.Contains(key);
+    }
+
+    public async ValueTask RemoveItem(string key)
+    {
+        App.Current.Properties.Remove(key);
+        tempStorage.Remove(key);
+    }
+
+    public async ValueTask SetItem(string key, string? value, bool persistent = true)
+    {
+        if (persistent)
+        {
+            App.Current.Properties[key] = value;
+        }
+        else
+        {
+            if (tempStorage.TryAdd(key, value) is false)
+            {
+                tempStorage[key] = value;
+            }
+        }
+    }
+}

From b889332c5bb6360e8b4a2f9798ba5f1e41e06009 Mon Sep 17 00:00:00 2001
From: Yaser Moradi <ysmoradi@outlook.com>
Date: Thu, 11 Jan 2024 18:55:05 +0100
Subject: [PATCH 10/39] fix(templates): resolve PubSubService issue with
 SubscribeOnce pattern #6554 (#6555)

---
 .../Client/Boilerplate.Client.Core/Services/PubSubService.cs    | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/Templates/Boilerplate/Bit.Boilerplate/src/Client/Boilerplate.Client.Core/Services/PubSubService.cs b/src/Templates/Boilerplate/Bit.Boilerplate/src/Client/Boilerplate.Client.Core/Services/PubSubService.cs
index ed7252829d..f44bfec30a 100644
--- a/src/Templates/Boilerplate/Bit.Boilerplate/src/Client/Boilerplate.Client.Core/Services/PubSubService.cs
+++ b/src/Templates/Boilerplate/Bit.Boilerplate/src/Client/Boilerplate.Client.Core/Services/PubSubService.cs
@@ -13,7 +13,7 @@ public void Publish(string message, object? payload)
     {
         if (handlers.TryGetValue(message, out var messageHandlers))
         {
-            foreach (var handler in messageHandlers)
+            foreach (var handler in messageHandlers.ToArray())
             {
                 handler(payload)
                     .ContinueWith(t => serviceProvider.GetRequiredService<IExceptionHandler>().Handle(t.Exception!), TaskContinuationOptions.OnlyOnFaulted);

From 48796083563528efde68ea637438a21bd23468e4 Mon Sep 17 00:00:00 2001
From: Mohammad Hossein Rastegarinia <mh.rastegari@outlook.com>
Date: Thu, 11 Jan 2024 21:29:27 +0330
Subject: [PATCH 11/39] fix(butil): resolve issues of Scroll method of Element
 in Butil #6551 (#6552)

---
 .../Bit.Butil/Internals/JsInterops/ElementJsInterop.cs      | 2 +-
 src/Butil/Bit.Butil/Publics/Element.cs                      | 5 -----
 src/Butil/Bit.Butil/Publics/ElementReferenceExtensions.cs   | 6 ++++--
 3 files changed, 5 insertions(+), 8 deletions(-)

diff --git a/src/Butil/Bit.Butil/Internals/JsInterops/ElementJsInterop.cs b/src/Butil/Bit.Butil/Internals/JsInterops/ElementJsInterop.cs
index a390e05cc2..4995175c18 100644
--- a/src/Butil/Bit.Butil/Internals/JsInterops/ElementJsInterop.cs
+++ b/src/Butil/Bit.Butil/Internals/JsInterops/ElementJsInterop.cs
@@ -46,7 +46,7 @@ internal static async ValueTask ElementRequestPointerLock(this IJSRuntime js, El
         => await js.InvokeVoidAsync("BitButil.element.requestPointerLock", element);
 
     internal static async ValueTask ElementScroll(this IJSRuntime js, ElementReference element, ScrollToOptions? options, double? x, double? y)
-        => await js.InvokeVoidAsync("BitButil.element.scroll", element, options, x, y);
+        => await js.InvokeVoidAsync("BitButil.element.scroll", element, options?.ToJsObject(), x, y);
 
     internal static async ValueTask ElementScrollBy(this IJSRuntime js, ElementReference element, ScrollToOptions? options, double? x, double? y)
         => await js.InvokeVoidAsync("BitButil.element.scrollBy", element, options?.ToJsObject(), x, y);
diff --git a/src/Butil/Bit.Butil/Publics/Element.cs b/src/Butil/Bit.Butil/Publics/Element.cs
index 150c405d45..38eced4d55 100644
--- a/src/Butil/Bit.Butil/Publics/Element.cs
+++ b/src/Butil/Bit.Butil/Publics/Element.cs
@@ -103,11 +103,6 @@ public async Task Scroll(ElementReference element, ScrollToOptions? options)
     /// </summary>
     public async Task Scroll(ElementReference element, double? x, double? y)
         => await js.ElementScroll(element, null, x, y);
-    /// <summary>
-    /// Scrolls to a particular set of coordinates inside a given element.
-    /// </summary>
-    public async Task Scroll(ElementReference element, ScrollToOptions? options, double? x, double? y)
-        => await js.ElementScroll(element, options, x, y);
 
     /// <summary>
     /// Scrolls an element by the given amount.
diff --git a/src/Butil/Bit.Butil/Publics/ElementReferenceExtensions.cs b/src/Butil/Bit.Butil/Publics/ElementReferenceExtensions.cs
index 09ef2aae04..7ee8c698ae 100644
--- a/src/Butil/Bit.Butil/Publics/ElementReferenceExtensions.cs
+++ b/src/Butil/Bit.Butil/Publics/ElementReferenceExtensions.cs
@@ -61,8 +61,10 @@ public static async ValueTask RequestFullScreen(this ElementReference element, F
     public static async ValueTask RequestPointerLock(this ElementReference element)
         => await GetJSRuntime(element).ElementRequestPointerLock(element);
 
-    public static async ValueTask Scroll(this ElementReference element, ScrollToOptions? options, double? x, double? y)
-        => await GetJSRuntime(element).ElementScroll(element, options, x, y);
+    public static async ValueTask Scroll(this ElementReference element, ScrollToOptions? options)
+        => await GetJSRuntime(element).ElementScroll(element, options, null, null);
+    public static async ValueTask Scroll(this ElementReference element, double? x, double? y)
+        => await GetJSRuntime(element).ElementScroll(element, null, x, y);
 
     public static async ValueTask ScrollBy(this ElementReference element, ScrollToOptions? options)
         => await GetJSRuntime(element).ElementScrollBy(element, options, null, null);

From a72dd08e1c1363494a300d1ea9287e783cbf5cc2 Mon Sep 17 00:00:00 2001
From: Saleh Yusefnejad <msynk@outlook.com>
Date: Thu, 11 Jan 2024 21:37:57 +0330
Subject: [PATCH 12/39] feat(prerelease): v-8.7.2-pre-01 #6556 (#6557)

---
 src/Bit.Build.props                              |  6 +++---
 .../Bit.BlazorUI.Demo.Server.csproj              |  4 ++--
 .../Bit.BlazorUI.Demo.Shared.csproj              |  4 ++--
 .../Bit.BlazorUI.Demo.Client.Core.csproj         |  4 ++--
 .../Bit.BlazorUI.Demo.Client.Maui.csproj         |  4 ++--
 .../Bit.BlazorUI.Demo.Client.Web.csproj          |  6 +++---
 .../wwwroot/service-worker.published.js          |  2 +-
 src/BlazorUI/Demo/Directory.Build.props          |  2 +-
 .../Bit.Bswup.Demo/wwwroot/service-worker.js     |  2 +-
 .../wwwroot/service-worker.published.js          |  2 +-
 .../wwwroot/service-worker.js                    |  2 +-
 .../wwwroot/service-worker.published.js          |  2 +-
 .../Bit.Bswup/Scripts/bit-bswup.progress.ts      |  2 +-
 src/Bswup/Bit.Bswup/Scripts/bit-bswup.sw.ts      |  2 +-
 src/Bswup/Bit.Bswup/Scripts/bit-bswup.ts         |  2 +-
 .../FullDemo/Client/wwwroot/service-worker.js    |  2 +-
 .../Client/wwwroot/service-worker.published.js   |  2 +-
 src/Bup/Bit.Bup/Scripts/bit-bup.progress.ts      |  2 +-
 src/Bup/Bit.Bup/Scripts/bit-bup.ts               |  2 +-
 src/Butil/Bit.Butil/Scripts/butil.ts             |  2 +-
 .../BlazorEmpty.Client/BlazorEmpty.Client.csproj |  8 ++++----
 .../BlazorEmpty/BlazorEmpty.csproj               |  8 ++++----
 .../Boilerplate.Server/Boilerplate.Server.csproj |  4 ++--
 .../Boilerplate.Shared/Boilerplate.Shared.csproj |  4 ++--
 .../Boilerplate.Client.Core.csproj               | 16 ++++++++--------
 .../Boilerplate.Client.Maui.csproj               |  4 ++--
 .../Boilerplate.Client.Web.csproj                |  6 +++---
 .../wwwroot/service-worker.published.js          |  2 +-
 .../Boilerplate.Client.Windows.csproj            |  4 ++--
 .../Bit.Boilerplate/src/Directory.Build.props    |  2 +-
 .../Bit.Websites.Careers.Client.csproj           | 10 +++++-----
 .../Bit.Websites.Careers.Server.csproj           |  4 ++--
 .../Bit.Websites.Careers.Shared.csproj           |  4 ++--
 src/Websites/Careers/src/Directory.Build.props   |  2 +-
 .../Bit.Websites.Platform.Client.csproj          | 12 ++++++------
 .../Bit.Websites.Platform.Server.csproj          |  4 ++--
 .../Bit.Websites.Platform.Shared.csproj          |  4 ++--
 src/Websites/Platform/src/Directory.Build.props  |  2 +-
 .../Bit.Websites.Sales.Client.csproj             | 10 +++++-----
 .../Bit.Websites.Sales.Server.csproj             |  4 ++--
 .../Bit.Websites.Sales.Shared.csproj             |  4 ++--
 src/Websites/Sales/src/Directory.Build.props     |  2 +-
 42 files changed, 88 insertions(+), 88 deletions(-)

diff --git a/src/Bit.Build.props b/src/Bit.Build.props
index 16cf2c4460..2331d3280a 100644
--- a/src/Bit.Build.props
+++ b/src/Bit.Build.props
@@ -25,10 +25,10 @@
 		<PackageProjectUrl>https://github.com/bitfoundation/bitplatform</PackageProjectUrl>
 		<PackageIconUrl>https://avatars.githubusercontent.com/u/22663390</PackageIconUrl>
 
-		<ReleaseVersion>8.7.1</ReleaseVersion>
+		<ReleaseVersion>8.7.2</ReleaseVersion>
 
-		<PackageReleaseNotes>https://github.com/bitfoundation/bitplatform/releases/tag/v-$(ReleaseVersion)</PackageReleaseNotes>
-		<PackageVersion>$(ReleaseVersion)</PackageVersion>
+		<PackageReleaseNotes>https://github.com/bitfoundation/bitplatform/releases/tag/v-$(ReleaseVersion)-pre-01</PackageReleaseNotes>
+		<PackageVersion>$(ReleaseVersion)-pre-01</PackageVersion>
 
 		<!-- Version -->
 		<Version Condition=" '$(Configuration)' == 'Release' ">$(ReleaseVersion).$([System.DateTime]::Now.ToString(HHmm))</Version>
diff --git a/src/BlazorUI/Demo/Bit.BlazorUI.Demo.Server/Bit.BlazorUI.Demo.Server.csproj b/src/BlazorUI/Demo/Bit.BlazorUI.Demo.Server/Bit.BlazorUI.Demo.Server.csproj
index 034232b70c..b21d89e627 100644
--- a/src/BlazorUI/Demo/Bit.BlazorUI.Demo.Server/Bit.BlazorUI.Demo.Server.csproj
+++ b/src/BlazorUI/Demo/Bit.BlazorUI.Demo.Server/Bit.BlazorUI.Demo.Server.csproj
@@ -5,11 +5,11 @@
     </PropertyGroup>
 
     <ItemGroup>
-        <PackageReference Include="Bit.CodeAnalyzers" Version="8.7.1">
+        <PackageReference Include="Bit.CodeAnalyzers" Version="8.7.2-pre-01">
             <PrivateAssets>all</PrivateAssets>
             <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
         </PackageReference>
-        <PackageReference Include="Bit.SourceGenerators" Version="8.7.1">
+        <PackageReference Include="Bit.SourceGenerators" Version="8.7.2-pre-01">
             <PrivateAssets>all</PrivateAssets>
             <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
         </PackageReference>
diff --git a/src/BlazorUI/Demo/Bit.BlazorUI.Demo.Shared/Bit.BlazorUI.Demo.Shared.csproj b/src/BlazorUI/Demo/Bit.BlazorUI.Demo.Shared/Bit.BlazorUI.Demo.Shared.csproj
index 2b971df1df..d4811f3e7a 100644
--- a/src/BlazorUI/Demo/Bit.BlazorUI.Demo.Shared/Bit.BlazorUI.Demo.Shared.csproj
+++ b/src/BlazorUI/Demo/Bit.BlazorUI.Demo.Shared/Bit.BlazorUI.Demo.Shared.csproj
@@ -5,11 +5,11 @@
     </PropertyGroup>
 
     <ItemGroup>
-        <PackageReference Include="Bit.CodeAnalyzers" Version="8.7.1">
+        <PackageReference Include="Bit.CodeAnalyzers" Version="8.7.2-pre-01">
             <PrivateAssets>all</PrivateAssets>
             <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
         </PackageReference>
-        <PackageReference Include="Bit.SourceGenerators" Version="8.7.1">
+        <PackageReference Include="Bit.SourceGenerators" Version="8.7.2-pre-01">
             <PrivateAssets>all</PrivateAssets>
             <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
         </PackageReference>
diff --git a/src/BlazorUI/Demo/Client/Bit.BlazorUI.Demo.Client.Core/Bit.BlazorUI.Demo.Client.Core.csproj b/src/BlazorUI/Demo/Client/Bit.BlazorUI.Demo.Client.Core/Bit.BlazorUI.Demo.Client.Core.csproj
index 09093aad40..49e7b9b733 100644
--- a/src/BlazorUI/Demo/Client/Bit.BlazorUI.Demo.Client.Core/Bit.BlazorUI.Demo.Client.Core.csproj
+++ b/src/BlazorUI/Demo/Client/Bit.BlazorUI.Demo.Client.Core/Bit.BlazorUI.Demo.Client.Core.csproj
@@ -16,11 +16,11 @@
         <Content Remove="appsettings.json" />
         <EmbeddedResource Include="appsettings.json" />
 
-        <PackageReference Include="Bit.CodeAnalyzers" Version="8.7.1">
+        <PackageReference Include="Bit.CodeAnalyzers" Version="8.7.2-pre-01">
             <PrivateAssets>all</PrivateAssets>
             <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
         </PackageReference>
-        <PackageReference Include="Bit.SourceGenerators" Version="8.7.1">
+        <PackageReference Include="Bit.SourceGenerators" Version="8.7.2-pre-01">
             <PrivateAssets>all</PrivateAssets>
             <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
         </PackageReference>
diff --git a/src/BlazorUI/Demo/Client/Bit.BlazorUI.Demo.Client.Maui/Bit.BlazorUI.Demo.Client.Maui.csproj b/src/BlazorUI/Demo/Client/Bit.BlazorUI.Demo.Client.Maui/Bit.BlazorUI.Demo.Client.Maui.csproj
index 463c603c0f..dc91a5dd2d 100644
--- a/src/BlazorUI/Demo/Client/Bit.BlazorUI.Demo.Client.Maui/Bit.BlazorUI.Demo.Client.Maui.csproj
+++ b/src/BlazorUI/Demo/Client/Bit.BlazorUI.Demo.Client.Maui/Bit.BlazorUI.Demo.Client.Maui.csproj
@@ -81,12 +81,12 @@
     </ItemGroup>
 
     <ItemGroup>
-        <PackageReference Include="Bit.CodeAnalyzers" Version="8.7.1">
+        <PackageReference Include="Bit.CodeAnalyzers" Version="8.7.2-pre-01">
             <PrivateAssets>all</PrivateAssets>
             <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
         </PackageReference>
         <PackageReference Include="Microsoft.AppCenter.Crashes" Version="5.0.3" />
-        <PackageReference Include="Bit.SourceGenerators" Version="8.7.1">
+        <PackageReference Include="Bit.SourceGenerators" Version="8.7.2-pre-01">
             <PrivateAssets>all</PrivateAssets>
             <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
         </PackageReference>
diff --git a/src/BlazorUI/Demo/Client/Bit.BlazorUI.Demo.Client.Web/Bit.BlazorUI.Demo.Client.Web.csproj b/src/BlazorUI/Demo/Client/Bit.BlazorUI.Demo.Client.Web/Bit.BlazorUI.Demo.Client.Web.csproj
index be551dae94..fb6ba0167c 100644
--- a/src/BlazorUI/Demo/Client/Bit.BlazorUI.Demo.Client.Web/Bit.BlazorUI.Demo.Client.Web.csproj
+++ b/src/BlazorUI/Demo/Client/Bit.BlazorUI.Demo.Client.Web/Bit.BlazorUI.Demo.Client.Web.csproj
@@ -26,12 +26,12 @@
     </ItemGroup>
 
     <ItemGroup>
-        <PackageReference Include="Bit.Bswup" Version="8.7.1" />
-        <PackageReference Include="Bit.CodeAnalyzers" Version="8.7.1">
+        <PackageReference Include="Bit.Bswup" Version="8.7.2-pre-01" />
+        <PackageReference Include="Bit.CodeAnalyzers" Version="8.7.2-pre-01">
             <PrivateAssets>all</PrivateAssets>
             <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
         </PackageReference>
-        <PackageReference Include="Bit.SourceGenerators" Version="8.7.1">
+        <PackageReference Include="Bit.SourceGenerators" Version="8.7.2-pre-01">
             <PrivateAssets>all</PrivateAssets>
             <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
         </PackageReference>
diff --git a/src/BlazorUI/Demo/Client/Bit.BlazorUI.Demo.Client.Web/wwwroot/service-worker.published.js b/src/BlazorUI/Demo/Client/Bit.BlazorUI.Demo.Client.Web/wwwroot/service-worker.published.js
index 6c488f267e..3f06fdedf3 100644
--- a/src/BlazorUI/Demo/Client/Bit.BlazorUI.Demo.Client.Web/wwwroot/service-worker.published.js
+++ b/src/BlazorUI/Demo/Client/Bit.BlazorUI.Demo.Client.Web/wwwroot/service-worker.published.js
@@ -1,4 +1,4 @@
-// bit version: 8.7.1
+// bit version: 8.7.2-pre-01
 // https://github.com/bitfoundation/bitplatform/tree/develop/src/Bswup
 
 self.assetsInclude = [];
diff --git a/src/BlazorUI/Demo/Directory.Build.props b/src/BlazorUI/Demo/Directory.Build.props
index 49051ab5fb..eda5a0ed53 100644
--- a/src/BlazorUI/Demo/Directory.Build.props
+++ b/src/BlazorUI/Demo/Directory.Build.props
@@ -1,4 +1,4 @@
-<!-- Generated by bit-bp template v-8.7.1 -->
+<!-- Generated by bit-bp template v-8.7.2-pre-01 -->
 <Project>
     <PropertyGroup>
         <LangVersion>12.0</LangVersion>
diff --git a/src/Bswup/Bit.Bswup.Demo/wwwroot/service-worker.js b/src/Bswup/Bit.Bswup.Demo/wwwroot/service-worker.js
index a5ecc966ba..9688430a63 100644
--- a/src/Bswup/Bit.Bswup.Demo/wwwroot/service-worker.js
+++ b/src/Bswup/Bit.Bswup.Demo/wwwroot/service-worker.js
@@ -1,4 +1,4 @@
-// bit version: 8.7.1
+// bit version: 8.7.2-pre-01
 
 self.assetsExclude = [/\.scp\.css$/, /weather\.json$/];
 self.caseInsensitiveUrl = true;
diff --git a/src/Bswup/Bit.Bswup.Demo/wwwroot/service-worker.published.js b/src/Bswup/Bit.Bswup.Demo/wwwroot/service-worker.published.js
index e1ef1df21e..4b970a4d99 100644
--- a/src/Bswup/Bit.Bswup.Demo/wwwroot/service-worker.published.js
+++ b/src/Bswup/Bit.Bswup.Demo/wwwroot/service-worker.published.js
@@ -1,4 +1,4 @@
-// bit version: 8.7.1
+// bit version: 8.7.2-pre-01
 
 self.assetsExclude = [/\.scp\.css$/, /weather\.json$/];
 self.caseInsensitiveUrl = true;
diff --git a/src/Bswup/Bit.Bswup.NewDemo/Bit.Bswup.NewDemo.Client/wwwroot/service-worker.js b/src/Bswup/Bit.Bswup.NewDemo/Bit.Bswup.NewDemo.Client/wwwroot/service-worker.js
index 5f6e200282..fc7bd1b5c3 100644
--- a/src/Bswup/Bit.Bswup.NewDemo/Bit.Bswup.NewDemo.Client/wwwroot/service-worker.js
+++ b/src/Bswup/Bit.Bswup.NewDemo/Bit.Bswup.NewDemo.Client/wwwroot/service-worker.js
@@ -1,4 +1,4 @@
-// bit version: 8.7.1
+// bit version: 8.7.2-pre-01
 
 // In development, always fetch from the network and do not enable offline support.
 // This is because caching would make development more difficult (changes would not
diff --git a/src/Bswup/Bit.Bswup.NewDemo/Bit.Bswup.NewDemo.Client/wwwroot/service-worker.published.js b/src/Bswup/Bit.Bswup.NewDemo/Bit.Bswup.NewDemo.Client/wwwroot/service-worker.published.js
index 06920c870f..fb30082798 100644
--- a/src/Bswup/Bit.Bswup.NewDemo/Bit.Bswup.NewDemo.Client/wwwroot/service-worker.published.js
+++ b/src/Bswup/Bit.Bswup.NewDemo/Bit.Bswup.NewDemo.Client/wwwroot/service-worker.published.js
@@ -1,4 +1,4 @@
-// bit version: 8.7.1
+// bit version: 8.7.2-pre-01
 
 self.assetsInclude = [];
 self.assetsExclude = [
diff --git a/src/Bswup/Bit.Bswup/Scripts/bit-bswup.progress.ts b/src/Bswup/Bit.Bswup/Scripts/bit-bswup.progress.ts
index 49a664d2f0..1f46fcef2e 100644
--- a/src/Bswup/Bit.Bswup/Scripts/bit-bswup.progress.ts
+++ b/src/Bswup/Bit.Bswup/Scripts/bit-bswup.progress.ts
@@ -1,4 +1,4 @@
-window['bit-bswup.progress version'] = '8.7.1';
+window['bit-bswup.progress version'] = '8.7.2-pre-01';
 
 ; (function () {
     (window as any).startBswupProgress = (autoReload: boolean,
diff --git a/src/Bswup/Bit.Bswup/Scripts/bit-bswup.sw.ts b/src/Bswup/Bit.Bswup/Scripts/bit-bswup.sw.ts
index 0245c5f291..5f9742c1a9 100644
--- a/src/Bswup/Bit.Bswup/Scripts/bit-bswup.sw.ts
+++ b/src/Bswup/Bit.Bswup/Scripts/bit-bswup.sw.ts
@@ -1,4 +1,4 @@
-self['bit-bswup.sw version'] = '8.7.1';
+self['bit-bswup.sw version'] = '8.7.2-pre-01';
 
 interface Window {
     clients: any
diff --git a/src/Bswup/Bit.Bswup/Scripts/bit-bswup.ts b/src/Bswup/Bit.Bswup/Scripts/bit-bswup.ts
index 838686abee..8e35d6b4d7 100644
--- a/src/Bswup/Bit.Bswup/Scripts/bit-bswup.ts
+++ b/src/Bswup/Bit.Bswup/Scripts/bit-bswup.ts
@@ -1,4 +1,4 @@
-window['bit-bswup version'] = '8.7.1';
+window['bit-bswup version'] = '8.7.2-pre-01';
 
 declare const Blazor: any;
 
diff --git a/src/Bswup/FullDemo/Client/wwwroot/service-worker.js b/src/Bswup/FullDemo/Client/wwwroot/service-worker.js
index 2b50a4edad..c0bee703fa 100644
--- a/src/Bswup/FullDemo/Client/wwwroot/service-worker.js
+++ b/src/Bswup/FullDemo/Client/wwwroot/service-worker.js
@@ -1,4 +1,4 @@
-// bit version: 8.7.1
+// bit version: 8.7.2-pre-01
 
 // In development, always fetch from the network and do not enable offline support.
 // This is because caching would make development more difficult (changes would not
diff --git a/src/Bswup/FullDemo/Client/wwwroot/service-worker.published.js b/src/Bswup/FullDemo/Client/wwwroot/service-worker.published.js
index ed3053621c..67f65fb6a2 100644
--- a/src/Bswup/FullDemo/Client/wwwroot/service-worker.published.js
+++ b/src/Bswup/FullDemo/Client/wwwroot/service-worker.published.js
@@ -1,4 +1,4 @@
-// bit version: 8.7.1
+// bit version: 8.7.2-pre-01
 
 self.assetsInclude = [];
 self.assetsExclude = [/\.scp\.css$/, /weather\.json$/];
diff --git a/src/Bup/Bit.Bup/Scripts/bit-bup.progress.ts b/src/Bup/Bit.Bup/Scripts/bit-bup.progress.ts
index 0ce1b719ad..15d93c681c 100644
--- a/src/Bup/Bit.Bup/Scripts/bit-bup.progress.ts
+++ b/src/Bup/Bit.Bup/Scripts/bit-bup.progress.ts
@@ -1,4 +1,4 @@
-window['bit-bup.progress version'] = '8.7.1';
+window['bit-bup.progress version'] = '8.7.2-pre-01';
 
 ; (function () {
     (window as any).startBupProgress = (showLogs: boolean, showAssets: boolean, appContainerSelector: string, hideApp: boolean, autoHide: boolean) => {
diff --git a/src/Bup/Bit.Bup/Scripts/bit-bup.ts b/src/Bup/Bit.Bup/Scripts/bit-bup.ts
index ffadd3a0c7..b3ffc0bbf8 100644
--- a/src/Bup/Bit.Bup/Scripts/bit-bup.ts
+++ b/src/Bup/Bit.Bup/Scripts/bit-bup.ts
@@ -1,4 +1,4 @@
-window['bit-bup version'] = '8.7.1';
+window['bit-bup version'] = '8.7.2-pre-01';
 
 declare const Blazor: any;
 
diff --git a/src/Butil/Bit.Butil/Scripts/butil.ts b/src/Butil/Bit.Butil/Scripts/butil.ts
index 1d66bde20e..7a3d098bd5 100644
--- a/src/Butil/Bit.Butil/Scripts/butil.ts
+++ b/src/Butil/Bit.Butil/Scripts/butil.ts
@@ -1,2 +1,2 @@
 var BitButil = BitButil || {};
-BitButil.version = window['bit-butil version'] = '8.7.1';
\ No newline at end of file
+BitButil.version = window['bit-butil version'] = '8.7.2-pre-01';
\ No newline at end of file
diff --git a/src/Templates/BlazorEmpty/Bit.BlazorEmpty/BlazorEmpty.Client/BlazorEmpty.Client.csproj b/src/Templates/BlazorEmpty/Bit.BlazorEmpty/BlazorEmpty.Client/BlazorEmpty.Client.csproj
index 64d11ebf67..a455ba5233 100644
--- a/src/Templates/BlazorEmpty/Bit.BlazorEmpty/BlazorEmpty.Client/BlazorEmpty.Client.csproj
+++ b/src/Templates/BlazorEmpty/Bit.BlazorEmpty/BlazorEmpty.Client/BlazorEmpty.Client.csproj
@@ -1,4 +1,4 @@
-<!-- Generated by bit-empty template v-8.7.1 -->
+<!-- Generated by bit-empty template v-8.7.2-pre-01 -->
 
 <Project Sdk="Microsoft.NET.Sdk.BlazorWebAssembly">
 
@@ -15,14 +15,14 @@
   </ItemGroup>
 
   <ItemGroup>
-    <PackageReference Include="Bit.BlazorUI" Version="8.7.1" />
+    <PackageReference Include="Bit.BlazorUI" Version="8.7.2-pre-01" />
 
-    <PackageReference Include="Bit.CodeAnalyzers" Version="8.7.1">
+    <PackageReference Include="Bit.CodeAnalyzers" Version="8.7.2-pre-01">
         <PrivateAssets>all</PrivateAssets>
         <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
     </PackageReference>
 
-    <PackageReference Include="Bit.SourceGenerators" Version="8.7.1">
+    <PackageReference Include="Bit.SourceGenerators" Version="8.7.2-pre-01">
         <PrivateAssets>all</PrivateAssets>
         <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
     </PackageReference>
diff --git a/src/Templates/BlazorEmpty/Bit.BlazorEmpty/BlazorEmpty/BlazorEmpty.csproj b/src/Templates/BlazorEmpty/Bit.BlazorEmpty/BlazorEmpty/BlazorEmpty.csproj
index efe2693c2a..a416b136ff 100644
--- a/src/Templates/BlazorEmpty/Bit.BlazorEmpty/BlazorEmpty/BlazorEmpty.csproj
+++ b/src/Templates/BlazorEmpty/Bit.BlazorEmpty/BlazorEmpty/BlazorEmpty.csproj
@@ -1,4 +1,4 @@
-<!-- Generated by bit-empty template v-8.7.1 -->
+<!-- Generated by bit-empty template v-8.7.2-pre-01 -->
 
 <Project Sdk="Microsoft.NET.Sdk.Web">
 
@@ -18,14 +18,14 @@
   <!--#endif -->
 
   <ItemGroup>
-    <PackageReference Include="Bit.BlazorUI" Version="8.7.1" />
+    <PackageReference Include="Bit.BlazorUI" Version="8.7.2-pre-01" />
 
-    <PackageReference Include="Bit.CodeAnalyzers" Version="8.7.1">
+    <PackageReference Include="Bit.CodeAnalyzers" Version="8.7.2-pre-01">
         <PrivateAssets>all</PrivateAssets>
         <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
     </PackageReference>
 
-    <PackageReference Include="Bit.SourceGenerators" Version="8.7.1">
+    <PackageReference Include="Bit.SourceGenerators" Version="8.7.2-pre-01">
         <PrivateAssets>all</PrivateAssets>
         <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
     </PackageReference>
diff --git a/src/Templates/Boilerplate/Bit.Boilerplate/src/Boilerplate.Server/Boilerplate.Server.csproj b/src/Templates/Boilerplate/Bit.Boilerplate/src/Boilerplate.Server/Boilerplate.Server.csproj
index d6145f8ff5..2281217ab9 100644
--- a/src/Templates/Boilerplate/Bit.Boilerplate/src/Boilerplate.Server/Boilerplate.Server.csproj
+++ b/src/Templates/Boilerplate/Bit.Boilerplate/src/Boilerplate.Server/Boilerplate.Server.csproj
@@ -6,11 +6,11 @@
 
     <ItemGroup>
         <PackageReference Include="Magick.NET-Q16-AnyCPU" Version="13.5.0" />
-        <PackageReference Include="Bit.CodeAnalyzers" Version="8.7.1">
+        <PackageReference Include="Bit.CodeAnalyzers" Version="8.7.2-pre-01">
             <PrivateAssets>all</PrivateAssets>
             <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
         </PackageReference>
-        <PackageReference Include="Bit.SourceGenerators" Version="8.7.1">
+        <PackageReference Include="Bit.SourceGenerators" Version="8.7.2-pre-01">
             <PrivateAssets>all</PrivateAssets>
             <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
         </PackageReference>
diff --git a/src/Templates/Boilerplate/Bit.Boilerplate/src/Boilerplate.Shared/Boilerplate.Shared.csproj b/src/Templates/Boilerplate/Bit.Boilerplate/src/Boilerplate.Shared/Boilerplate.Shared.csproj
index f2073bf3db..9be4269ee8 100644
--- a/src/Templates/Boilerplate/Bit.Boilerplate/src/Boilerplate.Shared/Boilerplate.Shared.csproj
+++ b/src/Templates/Boilerplate/Bit.Boilerplate/src/Boilerplate.Shared/Boilerplate.Shared.csproj
@@ -5,11 +5,11 @@
     </PropertyGroup>
 
     <ItemGroup>
-        <PackageReference Include="Bit.CodeAnalyzers" Version="8.7.1">
+        <PackageReference Include="Bit.CodeAnalyzers" Version="8.7.2-pre-01">
             <PrivateAssets>all</PrivateAssets>
             <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
         </PackageReference>
-        <PackageReference Include="Bit.SourceGenerators" Version="8.7.1">
+        <PackageReference Include="Bit.SourceGenerators" Version="8.7.2-pre-01">
             <PrivateAssets>all</PrivateAssets>
             <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
         </PackageReference>
diff --git a/src/Templates/Boilerplate/Bit.Boilerplate/src/Client/Boilerplate.Client.Core/Boilerplate.Client.Core.csproj b/src/Templates/Boilerplate/Bit.Boilerplate/src/Client/Boilerplate.Client.Core/Boilerplate.Client.Core.csproj
index 7cae17376b..3ec05273a1 100644
--- a/src/Templates/Boilerplate/Bit.Boilerplate/src/Client/Boilerplate.Client.Core/Boilerplate.Client.Core.csproj
+++ b/src/Templates/Boilerplate/Bit.Boilerplate/src/Client/Boilerplate.Client.Core/Boilerplate.Client.Core.csproj
@@ -16,19 +16,19 @@
         <Content Remove="appsettings*.json" />
         <EmbeddedResource Include="appsettings*.json" />
 
-        <PackageReference Include="Bit.Butil" Version="8.7.1" />
-        <PackageReference Include="Bit.BlazorUI" Version="8.7.1" />
-        <PackageReference Include="Bit.BlazorUI.Icons" Version="8.7.1" />
-        <PackageReference Include="Bit.BlazorUI.Assets" Version="8.7.1" />
+        <PackageReference Include="Bit.Butil" Version="8.7.2-pre-01" />
+        <PackageReference Include="Bit.BlazorUI" Version="8.7.2-pre-01" />
+        <PackageReference Include="Bit.BlazorUI.Icons" Version="8.7.2-pre-01" />
+        <PackageReference Include="Bit.BlazorUI.Assets" Version="8.7.2-pre-01" />
         <!--/+:msbuild-conditional:noEmit -->
-        <PackageReference Condition=" '$(offlineDb)' == 'true' or '$(offlineDb)' == ''" Include="Bit.Besql" Version="8.7.1" />
-        <PackageReference Condition=" '$(sample)' == 'Admin' or '$(sample)' == ''" Include="Bit.BlazorUI.Extras" Version="8.7.1" />
+        <PackageReference Condition=" '$(offlineDb)' == 'true' or '$(offlineDb)' == ''" Include="Bit.Besql" Version="8.7.2-pre-01" />
+        <PackageReference Condition=" '$(sample)' == 'Admin' or '$(sample)' == ''" Include="Bit.BlazorUI.Extras" Version="8.7.2-pre-01" />
         <!--/-:msbuild-conditional:noEmit -->
-        <PackageReference Include="Bit.CodeAnalyzers" Version="8.7.1">
+        <PackageReference Include="Bit.CodeAnalyzers" Version="8.7.2-pre-01">
             <PrivateAssets>all</PrivateAssets>
             <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
         </PackageReference>
-        <PackageReference Include="Bit.SourceGenerators" Version="8.7.1">
+        <PackageReference Include="Bit.SourceGenerators" Version="8.7.2-pre-01">
             <PrivateAssets>all</PrivateAssets>
             <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
         </PackageReference>
diff --git a/src/Templates/Boilerplate/Bit.Boilerplate/src/Client/Boilerplate.Client.Maui/Boilerplate.Client.Maui.csproj b/src/Templates/Boilerplate/Bit.Boilerplate/src/Client/Boilerplate.Client.Maui/Boilerplate.Client.Maui.csproj
index 48ee80b8b2..33325a7725 100644
--- a/src/Templates/Boilerplate/Bit.Boilerplate/src/Client/Boilerplate.Client.Maui/Boilerplate.Client.Maui.csproj
+++ b/src/Templates/Boilerplate/Bit.Boilerplate/src/Client/Boilerplate.Client.Maui/Boilerplate.Client.Maui.csproj
@@ -84,11 +84,11 @@
     </ItemGroup>
 
     <ItemGroup>
-        <PackageReference Include="Bit.CodeAnalyzers" Version="8.7.1">
+        <PackageReference Include="Bit.CodeAnalyzers" Version="8.7.2-pre-01">
             <PrivateAssets>all</PrivateAssets>
             <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
         </PackageReference>
-        <PackageReference Include="Bit.SourceGenerators" Version="8.7.1">
+        <PackageReference Include="Bit.SourceGenerators" Version="8.7.2-pre-01">
             <PrivateAssets>all</PrivateAssets>
             <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
         </PackageReference>
diff --git a/src/Templates/Boilerplate/Bit.Boilerplate/src/Client/Boilerplate.Client.Web/Boilerplate.Client.Web.csproj b/src/Templates/Boilerplate/Bit.Boilerplate/src/Client/Boilerplate.Client.Web/Boilerplate.Client.Web.csproj
index 84a872b423..0e8df5e5ce 100644
--- a/src/Templates/Boilerplate/Bit.Boilerplate/src/Client/Boilerplate.Client.Web/Boilerplate.Client.Web.csproj
+++ b/src/Templates/Boilerplate/Bit.Boilerplate/src/Client/Boilerplate.Client.Web/Boilerplate.Client.Web.csproj
@@ -24,12 +24,12 @@
     </ItemGroup>
 
     <ItemGroup>
-        <PackageReference Include="Bit.Bswup" Version="8.7.1" />
-        <PackageReference Include="Bit.CodeAnalyzers" Version="8.7.1">
+        <PackageReference Include="Bit.Bswup" Version="8.7.2-pre-01" />
+        <PackageReference Include="Bit.CodeAnalyzers" Version="8.7.2-pre-01">
             <PrivateAssets>all</PrivateAssets>
             <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
         </PackageReference>
-        <PackageReference Include="Bit.SourceGenerators" Version="8.7.1">
+        <PackageReference Include="Bit.SourceGenerators" Version="8.7.2-pre-01">
             <PrivateAssets>all</PrivateAssets>
             <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
         </PackageReference>
diff --git a/src/Templates/Boilerplate/Bit.Boilerplate/src/Client/Boilerplate.Client.Web/wwwroot/service-worker.published.js b/src/Templates/Boilerplate/Bit.Boilerplate/src/Client/Boilerplate.Client.Web/wwwroot/service-worker.published.js
index e10f7f69e0..13ec76c385 100644
--- a/src/Templates/Boilerplate/Bit.Boilerplate/src/Client/Boilerplate.Client.Web/wwwroot/service-worker.published.js
+++ b/src/Templates/Boilerplate/Bit.Boilerplate/src/Client/Boilerplate.Client.Web/wwwroot/service-worker.published.js
@@ -1,4 +1,4 @@
-// bit version: 8.7.1
+// bit version: 8.7.2-pre-01
 // https://github.com/bitfoundation/bitplatform/tree/develop/src/Bswup
 
 self.assetsInclude = [];
diff --git a/src/Templates/Boilerplate/Bit.Boilerplate/src/Client/Boilerplate.Client.Windows/Boilerplate.Client.Windows.csproj b/src/Templates/Boilerplate/Bit.Boilerplate/src/Client/Boilerplate.Client.Windows/Boilerplate.Client.Windows.csproj
index 5f14cdd30f..c7082652ef 100644
--- a/src/Templates/Boilerplate/Bit.Boilerplate/src/Client/Boilerplate.Client.Windows/Boilerplate.Client.Windows.csproj
+++ b/src/Templates/Boilerplate/Bit.Boilerplate/src/Client/Boilerplate.Client.Windows/Boilerplate.Client.Windows.csproj
@@ -15,11 +15,11 @@
         <Using Include="Boilerplate.Client.Core.Services.Contracts" />
         <Using Include="Boilerplate.Client.Core.Services" />
         
-        <PackageReference Include="Bit.CodeAnalyzers" Version="8.7.1">
+        <PackageReference Include="Bit.CodeAnalyzers" Version="8.7.2-pre-01">
             <PrivateAssets>all</PrivateAssets>
             <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
         </PackageReference>
-        <PackageReference Include="Bit.SourceGenerators" Version="8.7.1">
+        <PackageReference Include="Bit.SourceGenerators" Version="8.7.2-pre-01">
             <PrivateAssets>all</PrivateAssets>
             <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
         </PackageReference>
diff --git a/src/Templates/Boilerplate/Bit.Boilerplate/src/Directory.Build.props b/src/Templates/Boilerplate/Bit.Boilerplate/src/Directory.Build.props
index aa9ef09a2b..e10a70dee3 100644
--- a/src/Templates/Boilerplate/Bit.Boilerplate/src/Directory.Build.props
+++ b/src/Templates/Boilerplate/Bit.Boilerplate/src/Directory.Build.props
@@ -1,4 +1,4 @@
-<!-- Generated by bit-bp template v-8.7.1 -->
+<!-- Generated by bit-bp template v-8.7.2-pre-01 -->
 <Project>
     <!--/-:msbuild-conditional:noEmit -->
     <PropertyGroup>
diff --git a/src/Websites/Careers/src/Bit.Websites.Careers.Client/Bit.Websites.Careers.Client.csproj b/src/Websites/Careers/src/Bit.Websites.Careers.Client/Bit.Websites.Careers.Client.csproj
index 0c535189db..2f4324abf5 100644
--- a/src/Websites/Careers/src/Bit.Websites.Careers.Client/Bit.Websites.Careers.Client.csproj
+++ b/src/Websites/Careers/src/Bit.Websites.Careers.Client/Bit.Websites.Careers.Client.csproj
@@ -24,14 +24,14 @@
         <Content Remove="appsettings.json" />
         <EmbeddedResource Include="appsettings.json" />
 
-        <PackageReference Include="Bit.BlazorUI" Version="8.7.1" />
-        <PackageReference Include="Bit.BlazorUI.Icons" Version="8.7.1" />
-        <PackageReference Include="Bit.BlazorUI.Assets" Version="8.7.1" />
-        <PackageReference Include="Bit.CodeAnalyzers" Version="8.7.1">
+        <PackageReference Include="Bit.BlazorUI" Version="8.7.2-pre-01" />
+        <PackageReference Include="Bit.BlazorUI.Icons" Version="8.7.2-pre-01" />
+        <PackageReference Include="Bit.BlazorUI.Assets" Version="8.7.2-pre-01" />
+        <PackageReference Include="Bit.CodeAnalyzers" Version="8.7.2-pre-01">
             <PrivateAssets>all</PrivateAssets>
             <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
         </PackageReference>
-        <PackageReference Include="Bit.SourceGenerators" Version="8.7.1">
+        <PackageReference Include="Bit.SourceGenerators" Version="8.7.2-pre-01">
             <PrivateAssets>all</PrivateAssets>
             <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
         </PackageReference>
diff --git a/src/Websites/Careers/src/Bit.Websites.Careers.Server/Bit.Websites.Careers.Server.csproj b/src/Websites/Careers/src/Bit.Websites.Careers.Server/Bit.Websites.Careers.Server.csproj
index 69ced17699..5a6236f7c6 100644
--- a/src/Websites/Careers/src/Bit.Websites.Careers.Server/Bit.Websites.Careers.Server.csproj
+++ b/src/Websites/Careers/src/Bit.Websites.Careers.Server/Bit.Websites.Careers.Server.csproj
@@ -9,11 +9,11 @@
         <ProjectReference Include="..\Bit.Websites.Careers.Client\Bit.Websites.Careers.Client.csproj" />
         <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly.Server" Version="8.0.1" />
         <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly" Version="8.0.1" />
-        <PackageReference Include="Bit.CodeAnalyzers" Version="8.7.1">
+        <PackageReference Include="Bit.CodeAnalyzers" Version="8.7.2-pre-01">
             <PrivateAssets>all</PrivateAssets>
             <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
         </PackageReference>
-        <PackageReference Include="Bit.SourceGenerators" Version="8.7.1">
+        <PackageReference Include="Bit.SourceGenerators" Version="8.7.2-pre-01">
             <PrivateAssets>all</PrivateAssets>
             <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
         </PackageReference>
diff --git a/src/Websites/Careers/src/Bit.Websites.Careers.Shared/Bit.Websites.Careers.Shared.csproj b/src/Websites/Careers/src/Bit.Websites.Careers.Shared/Bit.Websites.Careers.Shared.csproj
index a1f43cb0b9..ef96c02b63 100644
--- a/src/Websites/Careers/src/Bit.Websites.Careers.Shared/Bit.Websites.Careers.Shared.csproj
+++ b/src/Websites/Careers/src/Bit.Websites.Careers.Shared/Bit.Websites.Careers.Shared.csproj
@@ -6,11 +6,11 @@
     </PropertyGroup>
 
     <ItemGroup>
-        <PackageReference Include="Bit.CodeAnalyzers" Version="8.7.1">
+        <PackageReference Include="Bit.CodeAnalyzers" Version="8.7.2-pre-01">
             <PrivateAssets>all</PrivateAssets>
             <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
         </PackageReference>
-        <PackageReference Include="Bit.SourceGenerators" Version="8.7.1">
+        <PackageReference Include="Bit.SourceGenerators" Version="8.7.2-pre-01">
             <PrivateAssets>all</PrivateAssets>
             <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
         </PackageReference>
diff --git a/src/Websites/Careers/src/Directory.Build.props b/src/Websites/Careers/src/Directory.Build.props
index 3de1cb0213..b6c5f2fe88 100644
--- a/src/Websites/Careers/src/Directory.Build.props
+++ b/src/Websites/Careers/src/Directory.Build.props
@@ -1,4 +1,4 @@
-<!-- Generated by bit-dual template v-8.7.1 -->
+<!-- Generated by bit-dual template v-8.7.2-pre-01 -->
 <Project>
     <PropertyGroup>
         <LangVersion>12.0</LangVersion>
diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Bit.Websites.Platform.Client.csproj b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Bit.Websites.Platform.Client.csproj
index b4f2599bf7..51e0ecc8d1 100644
--- a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Bit.Websites.Platform.Client.csproj
+++ b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Bit.Websites.Platform.Client.csproj
@@ -24,15 +24,15 @@
         <Content Remove="appsettings.json" />
         <EmbeddedResource Include="appsettings.json" />
 
-        <PackageReference Include="Bit.Butil" Version="8.7.1" />
-        <PackageReference Include="Bit.BlazorUI" Version="8.7.1" />
-        <PackageReference Include="Bit.BlazorUI.Icons" Version="8.7.1" />
-        <PackageReference Include="Bit.BlazorUI.Assets" Version="8.7.1" />
-        <PackageReference Include="Bit.CodeAnalyzers" Version="8.7.1">
+        <PackageReference Include="Bit.Butil" Version="8.7.2-pre-01" />
+        <PackageReference Include="Bit.BlazorUI" Version="8.7.2-pre-01" />
+        <PackageReference Include="Bit.BlazorUI.Icons" Version="8.7.2-pre-01" />
+        <PackageReference Include="Bit.BlazorUI.Assets" Version="8.7.2-pre-01" />
+        <PackageReference Include="Bit.CodeAnalyzers" Version="8.7.2-pre-01">
             <PrivateAssets>all</PrivateAssets>
             <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
         </PackageReference>
-        <PackageReference Include="Bit.SourceGenerators" Version="8.7.1">
+        <PackageReference Include="Bit.SourceGenerators" Version="8.7.2-pre-01">
             <PrivateAssets>all</PrivateAssets>
             <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
         </PackageReference>
diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Server/Bit.Websites.Platform.Server.csproj b/src/Websites/Platform/src/Bit.Websites.Platform.Server/Bit.Websites.Platform.Server.csproj
index 19951e6565..b4c855131d 100644
--- a/src/Websites/Platform/src/Bit.Websites.Platform.Server/Bit.Websites.Platform.Server.csproj
+++ b/src/Websites/Platform/src/Bit.Websites.Platform.Server/Bit.Websites.Platform.Server.csproj
@@ -9,11 +9,11 @@
         <ProjectReference Include="..\Bit.Websites.Platform.Client\Bit.Websites.Platform.Client.csproj" />
         <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly.Server" Version="8.0.1" />
         <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly" Version="8.0.1" />
-        <PackageReference Include="Bit.CodeAnalyzers" Version="8.7.1">
+        <PackageReference Include="Bit.CodeAnalyzers" Version="8.7.2-pre-01">
             <PrivateAssets>all</PrivateAssets>
             <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
         </PackageReference>
-        <PackageReference Include="Bit.SourceGenerators" Version="8.7.1">
+        <PackageReference Include="Bit.SourceGenerators" Version="8.7.2-pre-01">
             <PrivateAssets>all</PrivateAssets>
             <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
         </PackageReference>
diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Shared/Bit.Websites.Platform.Shared.csproj b/src/Websites/Platform/src/Bit.Websites.Platform.Shared/Bit.Websites.Platform.Shared.csproj
index a1f43cb0b9..ef96c02b63 100644
--- a/src/Websites/Platform/src/Bit.Websites.Platform.Shared/Bit.Websites.Platform.Shared.csproj
+++ b/src/Websites/Platform/src/Bit.Websites.Platform.Shared/Bit.Websites.Platform.Shared.csproj
@@ -6,11 +6,11 @@
     </PropertyGroup>
 
     <ItemGroup>
-        <PackageReference Include="Bit.CodeAnalyzers" Version="8.7.1">
+        <PackageReference Include="Bit.CodeAnalyzers" Version="8.7.2-pre-01">
             <PrivateAssets>all</PrivateAssets>
             <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
         </PackageReference>
-        <PackageReference Include="Bit.SourceGenerators" Version="8.7.1">
+        <PackageReference Include="Bit.SourceGenerators" Version="8.7.2-pre-01">
             <PrivateAssets>all</PrivateAssets>
             <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
         </PackageReference>
diff --git a/src/Websites/Platform/src/Directory.Build.props b/src/Websites/Platform/src/Directory.Build.props
index 03ef5f985c..4cdcf2bf65 100644
--- a/src/Websites/Platform/src/Directory.Build.props
+++ b/src/Websites/Platform/src/Directory.Build.props
@@ -1,4 +1,4 @@
-<!-- Generated by bit-dual template v-8.7.1 -->
+<!-- Generated by bit-dual template v-8.7.2-pre-01 -->
 <Project>
     <PropertyGroup>
         <LangVersion>12.0</LangVersion>
diff --git a/src/Websites/Sales/src/Bit.Websites.Sales.Client/Bit.Websites.Sales.Client.csproj b/src/Websites/Sales/src/Bit.Websites.Sales.Client/Bit.Websites.Sales.Client.csproj
index 245ebb0405..d5679b92bb 100644
--- a/src/Websites/Sales/src/Bit.Websites.Sales.Client/Bit.Websites.Sales.Client.csproj
+++ b/src/Websites/Sales/src/Bit.Websites.Sales.Client/Bit.Websites.Sales.Client.csproj
@@ -24,14 +24,14 @@
         <Content Remove="appsettings.json" />
         <EmbeddedResource Include="appsettings.json" />
 
-        <PackageReference Include="Bit.BlazorUI" Version="8.7.1" />
-        <PackageReference Include="Bit.BlazorUI.Icons" Version="8.7.1" />
-        <PackageReference Include="Bit.BlazorUI.Assets" Version="8.7.1" />
-        <PackageReference Include="Bit.CodeAnalyzers" Version="8.7.1">
+        <PackageReference Include="Bit.BlazorUI" Version="8.7.2-pre-01" />
+        <PackageReference Include="Bit.BlazorUI.Icons" Version="8.7.2-pre-01" />
+        <PackageReference Include="Bit.BlazorUI.Assets" Version="8.7.2-pre-01" />
+        <PackageReference Include="Bit.CodeAnalyzers" Version="8.7.2-pre-01">
             <PrivateAssets>all</PrivateAssets>
             <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
         </PackageReference>
-        <PackageReference Include="Bit.SourceGenerators" Version="8.7.1">
+        <PackageReference Include="Bit.SourceGenerators" Version="8.7.2-pre-01">
             <PrivateAssets>all</PrivateAssets>
             <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
         </PackageReference>
diff --git a/src/Websites/Sales/src/Bit.Websites.Sales.Server/Bit.Websites.Sales.Server.csproj b/src/Websites/Sales/src/Bit.Websites.Sales.Server/Bit.Websites.Sales.Server.csproj
index 394558740c..e03b9b149c 100644
--- a/src/Websites/Sales/src/Bit.Websites.Sales.Server/Bit.Websites.Sales.Server.csproj
+++ b/src/Websites/Sales/src/Bit.Websites.Sales.Server/Bit.Websites.Sales.Server.csproj
@@ -9,11 +9,11 @@
         <ProjectReference Include="..\Bit.Websites.Sales.Client\Bit.Websites.Sales.Client.csproj" />
         <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly.Server" Version="8.0.1" />
         <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly" Version="8.0.1" />
-        <PackageReference Include="Bit.CodeAnalyzers" Version="8.7.1">
+        <PackageReference Include="Bit.CodeAnalyzers" Version="8.7.2-pre-01">
             <PrivateAssets>all</PrivateAssets>
             <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
         </PackageReference>
-        <PackageReference Include="Bit.SourceGenerators" Version="8.7.1">
+        <PackageReference Include="Bit.SourceGenerators" Version="8.7.2-pre-01">
             <PrivateAssets>all</PrivateAssets>
             <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
         </PackageReference>
diff --git a/src/Websites/Sales/src/Bit.Websites.Sales.Shared/Bit.Websites.Sales.Shared.csproj b/src/Websites/Sales/src/Bit.Websites.Sales.Shared/Bit.Websites.Sales.Shared.csproj
index a1f43cb0b9..ef96c02b63 100644
--- a/src/Websites/Sales/src/Bit.Websites.Sales.Shared/Bit.Websites.Sales.Shared.csproj
+++ b/src/Websites/Sales/src/Bit.Websites.Sales.Shared/Bit.Websites.Sales.Shared.csproj
@@ -6,11 +6,11 @@
     </PropertyGroup>
 
     <ItemGroup>
-        <PackageReference Include="Bit.CodeAnalyzers" Version="8.7.1">
+        <PackageReference Include="Bit.CodeAnalyzers" Version="8.7.2-pre-01">
             <PrivateAssets>all</PrivateAssets>
             <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
         </PackageReference>
-        <PackageReference Include="Bit.SourceGenerators" Version="8.7.1">
+        <PackageReference Include="Bit.SourceGenerators" Version="8.7.2-pre-01">
             <PrivateAssets>all</PrivateAssets>
             <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
         </PackageReference>
diff --git a/src/Websites/Sales/src/Directory.Build.props b/src/Websites/Sales/src/Directory.Build.props
index 9361e05d32..0b692dfe15 100644
--- a/src/Websites/Sales/src/Directory.Build.props
+++ b/src/Websites/Sales/src/Directory.Build.props
@@ -1,4 +1,4 @@
-<!-- Generated by bit-dual template v-8.7.1 -->
+<!-- Generated by bit-dual template v-8.7.2-pre-01 -->
 <Project>
     <PropertyGroup>
         <LangVersion>12.0</LangVersion>

From c5fc9216947a314546d8004dddc7758c35691a5a Mon Sep 17 00:00:00 2001
From: Mohammad Hossein Rastegarinia <mh.rastegari@outlook.com>
Date: Fri, 12 Jan 2024 09:20:14 +0330
Subject: [PATCH 13/39] fix(butil): resolve issues of RequestFullScreen method
 of Element class in Butil #6559 (#6560)

---
 .../Internals/JsInterops/ElementJsInterop.cs      |  2 +-
 .../Publics/Element/FullscreenOptions.cs          | 15 +++++++++++++++
 2 files changed, 16 insertions(+), 1 deletion(-)

diff --git a/src/Butil/Bit.Butil/Internals/JsInterops/ElementJsInterop.cs b/src/Butil/Bit.Butil/Internals/JsInterops/ElementJsInterop.cs
index 4995175c18..cc34f22291 100644
--- a/src/Butil/Bit.Butil/Internals/JsInterops/ElementJsInterop.cs
+++ b/src/Butil/Bit.Butil/Internals/JsInterops/ElementJsInterop.cs
@@ -40,7 +40,7 @@ internal static async ValueTask ElementRemoveAttribute(this IJSRuntime js, Eleme
         => await js.InvokeVoidAsync("BitButil.element.removeAttribute", element, name);
 
     internal static async ValueTask ElementRequestFullScreen(this IJSRuntime js, ElementReference element, FullScreenOptions? options)
-        => await js.InvokeVoidAsync("BitButil.element.requestFullScreen", element, options);
+        => await js.InvokeVoidAsync("BitButil.element.requestFullScreen", element, options?.ToJsObject());
 
     internal static async ValueTask ElementRequestPointerLock(this IJSRuntime js, ElementReference element)
         => await js.InvokeVoidAsync("BitButil.element.requestPointerLock", element);
diff --git a/src/Butil/Bit.Butil/Publics/Element/FullscreenOptions.cs b/src/Butil/Bit.Butil/Publics/Element/FullscreenOptions.cs
index 88dde4f1bd..01d2b1383f 100644
--- a/src/Butil/Bit.Butil/Publics/Element/FullscreenOptions.cs
+++ b/src/Butil/Bit.Butil/Publics/Element/FullscreenOptions.cs
@@ -3,4 +3,19 @@
 public class FullScreenOptions
 {
     public FullScreenNavigationUI? NavigationUI { get; set; }
+
+    public object ToJsObject()
+    {
+        var navigationUI = NavigationUI switch
+        {
+            FullScreenNavigationUI.Hide => "hide",
+            FullScreenNavigationUI.Show => "show",
+            _ => "auto",
+        };
+
+        return new
+        {
+            NavigationUI = navigationUI,
+        };
+    }
 }

From 2f14693df19be9f16bcecff97ba814032d85ed49 Mon Sep 17 00:00:00 2001
From: Mohammad Hossein Rastegarinia <mh.rastegari@outlook.com>
Date: Fri, 12 Jan 2024 14:54:16 +0330
Subject: [PATCH 14/39] fix(butil): resolve issues of ScrollIntoView method of
 Element class in Butil #6561 (#6562)

---
 .../Internals/JsInterops/ElementJsInterop.cs  |  2 +-
 src/Butil/Bit.Butil/Publics/Element.cs        | 11 ++----
 .../Publics/Element/ScrollIntoViewOptions.cs  | 35 ++++++++++++++++++-
 .../Publics/ElementReferenceExtensions.cs     |  8 +++--
 4 files changed, 44 insertions(+), 12 deletions(-)

diff --git a/src/Butil/Bit.Butil/Internals/JsInterops/ElementJsInterop.cs b/src/Butil/Bit.Butil/Internals/JsInterops/ElementJsInterop.cs
index cc34f22291..209dcfe1f3 100644
--- a/src/Butil/Bit.Butil/Internals/JsInterops/ElementJsInterop.cs
+++ b/src/Butil/Bit.Butil/Internals/JsInterops/ElementJsInterop.cs
@@ -52,7 +52,7 @@ internal static async ValueTask ElementScrollBy(this IJSRuntime js, ElementRefer
         => await js.InvokeVoidAsync("BitButil.element.scrollBy", element, options?.ToJsObject(), x, y);
 
     internal static async ValueTask ElementScrollIntoView(this IJSRuntime js, ElementReference element, bool? alignToTop, ScrollIntoViewOptions? options)
-        => await js.InvokeVoidAsync("BitButil.element.scrollIntoView", element, alignToTop, options);
+        => await js.InvokeVoidAsync("BitButil.element.scrollIntoView", element, alignToTop, options?.ToJsObject());
 
     internal static async ValueTask ElementSetAttribute(this IJSRuntime js, ElementReference element, string name, string value)
         => await js.InvokeVoidAsync("BitButil.element.setAttribute", element, name, value);
diff --git a/src/Butil/Bit.Butil/Publics/Element.cs b/src/Butil/Bit.Butil/Publics/Element.cs
index 38eced4d55..6a51c76e2b 100644
--- a/src/Butil/Bit.Butil/Publics/Element.cs
+++ b/src/Butil/Bit.Butil/Publics/Element.cs
@@ -119,22 +119,17 @@ public async Task ScrollBy(ElementReference element, double? x, double? y)
     /// Scrolls the page until the element gets into the view.
     /// </summary>
     public async Task ScrollIntoView(ElementReference element)
-        => await ScrollIntoView(element, null, null);
+        => await js.ElementScrollIntoView(element, null, null);
     /// <summary>
     /// Scrolls the page until the element gets into the view.
     /// </summary>
     public async Task ScrollIntoView(ElementReference element, bool alignToTop)
-        => await ScrollIntoView(element, alignToTop, null);
+        => await js.ElementScrollIntoView(element, alignToTop, null);
     /// <summary>
     /// Scrolls the page until the element gets into the view.
     /// </summary>
     public async Task ScrollIntoView(ElementReference element, ScrollIntoViewOptions options)
-        => await ScrollIntoView(element, null, options);
-    /// <summary>
-    /// Scrolls the page until the element gets into the view.
-    /// </summary>
-    public async Task ScrollIntoView(ElementReference element, bool? alignToTop, ScrollIntoViewOptions? options)
-        => await js.ElementScrollIntoView(element, alignToTop, options);
+        => await js.ElementScrollIntoView(element, null, options);
 
     /// <summary>
     /// Sets the value of a named attribute of the current node.
diff --git a/src/Butil/Bit.Butil/Publics/Element/ScrollIntoViewOptions.cs b/src/Butil/Bit.Butil/Publics/Element/ScrollIntoViewOptions.cs
index 292645cdc5..d59a52710b 100644
--- a/src/Butil/Bit.Butil/Publics/Element/ScrollIntoViewOptions.cs
+++ b/src/Butil/Bit.Butil/Publics/Element/ScrollIntoViewOptions.cs
@@ -2,9 +2,42 @@
 
 public class ScrollIntoViewOptions
 {
-    public ScrollBehavior? behavior { get; set; }
+    public ScrollBehavior? Behavior { get; set; }
 
     public ScrollLogicalPosition? Block { get; set; }
 
     public ScrollLogicalPosition? Inline { get; set; }
+
+    public object ToJsObject()
+    {
+        var behavior = Behavior switch
+        {
+            ScrollBehavior.Instant => "instant",
+            ScrollBehavior.Smooth => "smooth",
+            _ => "auto",
+        };
+
+        var block = Block switch
+        {
+            ScrollLogicalPosition.Center => "center",
+            ScrollLogicalPosition.End => "end",
+            ScrollLogicalPosition.Nearest => "nearest",
+            _ => "start",
+        };
+
+        var inline = Inline switch
+        {
+            ScrollLogicalPosition.Center => "center",
+            ScrollLogicalPosition.End => "end",
+            ScrollLogicalPosition.Nearest => "nearest",
+            _ => "start",
+        };
+
+        return new
+        {
+            Behavior = behavior,
+            Block = block,
+            Inline = inline
+        };
+    }
 }
diff --git a/src/Butil/Bit.Butil/Publics/ElementReferenceExtensions.cs b/src/Butil/Bit.Butil/Publics/ElementReferenceExtensions.cs
index 7ee8c698ae..5b32863806 100644
--- a/src/Butil/Bit.Butil/Publics/ElementReferenceExtensions.cs
+++ b/src/Butil/Bit.Butil/Publics/ElementReferenceExtensions.cs
@@ -71,8 +71,12 @@ public static async ValueTask ScrollBy(this ElementReference element, ScrollToOp
     public static async ValueTask ScrollBy(this ElementReference element, double? x, double? y)
         => await GetJSRuntime(element).ElementScrollBy(element, null, x, y);
 
-    public static async ValueTask ScrollIntoView(this ElementReference element, bool? alignToTop, ScrollIntoViewOptions? options)
-        => await GetJSRuntime(element).ElementScrollIntoView(element, alignToTop, options);
+    public static async ValueTask ScrollIntoView(this ElementReference element)
+        => await GetJSRuntime(element).ElementScrollIntoView(element, null, null);
+    public static async ValueTask ScrollIntoView(this ElementReference element, bool alignToTop)
+        => await GetJSRuntime(element).ElementScrollIntoView(element, alignToTop, null);
+    public static async ValueTask ScrollIntoView(this ElementReference element, ScrollIntoViewOptions options)
+        => await GetJSRuntime(element).ElementScrollIntoView(element, null, options);
 
     public static async ValueTask SetAttribute(this ElementReference element, string name, string value)
         => await GetJSRuntime(element).ElementSetAttribute(element, name, value);

From e4ee1dc965d4abda00d6e2d82a47ef0ad5b63b9e Mon Sep 17 00:00:00 2001
From: Mohammad Hossein Rastegarinia <mh.rastegari@outlook.com>
Date: Fri, 12 Jan 2024 15:14:37 +0330
Subject: [PATCH 15/39] fix(butil): resolve issues of ToggleAttribute return
 value of Element in Butil #6563 (#6564)

---
 src/Butil/Bit.Butil/Internals/JsInterops/ElementJsInterop.cs | 4 ++--
 src/Butil/Bit.Butil/Publics/Element.cs                       | 2 +-
 src/Butil/Bit.Butil/Publics/ElementReferenceExtensions.cs    | 2 +-
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/Butil/Bit.Butil/Internals/JsInterops/ElementJsInterop.cs b/src/Butil/Bit.Butil/Internals/JsInterops/ElementJsInterop.cs
index 209dcfe1f3..4a62fed660 100644
--- a/src/Butil/Bit.Butil/Internals/JsInterops/ElementJsInterop.cs
+++ b/src/Butil/Bit.Butil/Internals/JsInterops/ElementJsInterop.cs
@@ -60,8 +60,8 @@ internal static async ValueTask ElementSetAttribute(this IJSRuntime js, ElementR
     internal static async ValueTask ElementSetPointerCapture(this IJSRuntime js, ElementReference element, int pointerId)
         => await js.InvokeVoidAsync("BitButil.element.setPointerCapture", element, pointerId);
 
-    internal static async ValueTask ElementToggleAttribute(this IJSRuntime js, ElementReference element, string name, bool? force)
-        => await js.InvokeVoidAsync("BitButil.element.toggleAttribute", element, name, force);
+    internal static async ValueTask<bool> ElementToggleAttribute(this IJSRuntime js, ElementReference element, string name, bool? force)
+        => await js.InvokeAsync<bool>("BitButil.element.toggleAttribute", element, name, force);
 
     internal static async ValueTask<string> ElementGetAccessKey(this IJSRuntime js, ElementReference element)
         => await js.InvokeAsync<string>("BitButil.element.getAccessKey", element);
diff --git a/src/Butil/Bit.Butil/Publics/Element.cs b/src/Butil/Bit.Butil/Publics/Element.cs
index 6a51c76e2b..ed3db0c585 100644
--- a/src/Butil/Bit.Butil/Publics/Element.cs
+++ b/src/Butil/Bit.Butil/Publics/Element.cs
@@ -146,7 +146,7 @@ public async Task SetPointerCapture(ElementReference element, int pointerId)
     /// <summary>
     /// Toggles a boolean attribute, removing it if it is present and adding it if it is not present, on the specified element.
     /// </summary>
-    public async Task ToggleAttribute(ElementReference element, string name, bool? force = null)
+    public async Task<bool> ToggleAttribute(ElementReference element, string name, bool? force = null)
         => await js.ElementToggleAttribute(element, name, force);
 
     /// <summary>
diff --git a/src/Butil/Bit.Butil/Publics/ElementReferenceExtensions.cs b/src/Butil/Bit.Butil/Publics/ElementReferenceExtensions.cs
index 5b32863806..4578373de3 100644
--- a/src/Butil/Bit.Butil/Publics/ElementReferenceExtensions.cs
+++ b/src/Butil/Bit.Butil/Publics/ElementReferenceExtensions.cs
@@ -84,7 +84,7 @@ public static async ValueTask SetAttribute(this ElementReference element, string
     public static async ValueTask SetPointerCapture(this ElementReference element, int pointerId)
         => await GetJSRuntime(element).ElementSetPointerCapture(element, pointerId);
 
-    public static async ValueTask ToggleAttribute(this ElementReference element, string name, bool? force)
+    public static async ValueTask<bool> ToggleAttribute(this ElementReference element, string name, bool? force)
         => await GetJSRuntime(element).ElementToggleAttribute(element, name, force);
 
     public static async ValueTask<string> GetAccessKey(this ElementReference element)

From dc0b79714f72fcf978377abdfdf403eea145a2aa Mon Sep 17 00:00:00 2001
From: Yaser Moradi <ysmoradi@outlook.com>
Date: Sat, 13 Jan 2024 09:45:31 +0100
Subject: [PATCH 16/39] fix(templates): resolve template.json issues and add
 some mapperly comments #6565 (#6566)

---
 .../Bit.Boilerplate/.template.config/template.json  |  8 ++++----
 .../Controllers/Categories/CategoryController.cs    |  2 +-
 .../Controllers/Products/ProductController.cs       |  2 +-
 .../Controllers/Todo/TodoItemController.cs          |  2 +-
 .../Boilerplate.Server/Mappers/CategoriesMapper.cs  |  5 +++++
 .../Boilerplate.Server/Mappers/ProductsMapper.cs    | 13 +++++++++++++
 .../Boilerplate.Server/Models/Products/Product.cs   |  4 +---
 7 files changed, 26 insertions(+), 10 deletions(-)

diff --git a/src/Templates/Boilerplate/Bit.Boilerplate/.template.config/template.json b/src/Templates/Boilerplate/Bit.Boilerplate/.template.config/template.json
index f76b0a56e8..e4bb988b70 100644
--- a/src/Templates/Boilerplate/Bit.Boilerplate/.template.config/template.json
+++ b/src/Templates/Boilerplate/Bit.Boilerplate/.template.config/template.json
@@ -148,9 +148,9 @@
                 {
                     "condition": "(sample != Admin)",
                     "exclude": [
-                        "src/Shared/Dtos/Categories/**",
-                        "src/Shared/Dtos/Dashboard/**",
-                        "src/Shared/Dtos/Products/**",
+                        "src/Boilerplate.Shared/Dtos/Categories/**",
+                        "src/Boilerplate.Shared/Dtos/Dashboard/**",
+                        "src/Boilerplate.Shared/Dtos/Products/**",
                         "src/Boilerplate.Server/Controllers/Categories/**",
                         "src/Boilerplate.Server/Controllers/Products/**",
                         "src/Boilerplate.Server/Controllers/Dashboard/**",
@@ -171,7 +171,7 @@
                 {
                     "condition": "(sample != Todo)",
                     "exclude": [
-                        "src/Shared/Dtos/Todo/**",
+                        "src/Boilerplate.Shared/Dtos/Todo/**",
                         "src/Boilerplate.Server/Controllers/Todo/**",
                         "src/Boilerplate.Server/Mappers/TodoMapper.cs",
                         "src/Boilerplate.Server/Models/Todo/**",
diff --git a/src/Templates/Boilerplate/Bit.Boilerplate/src/Boilerplate.Server/Controllers/Categories/CategoryController.cs b/src/Templates/Boilerplate/Bit.Boilerplate/src/Boilerplate.Server/Controllers/Categories/CategoryController.cs
index 2ddd6eaf3e..fe808b1ee3 100644
--- a/src/Templates/Boilerplate/Bit.Boilerplate/src/Boilerplate.Server/Controllers/Categories/CategoryController.cs
+++ b/src/Templates/Boilerplate/Bit.Boilerplate/src/Boilerplate.Server/Controllers/Categories/CategoryController.cs
@@ -77,7 +77,7 @@ public async Task Delete(int id, CancellationToken cancellationToken)
             throw new BadRequestException(Localizer[nameof(AppStrings.CategoryNotEmpty)]);
         }
 
-        DbContext.Remove(new Category { Id = id });
+        DbContext.Categories.Remove(new() { Id = id });
 
         var affectedRows = await DbContext.SaveChangesAsync(cancellationToken);
 
diff --git a/src/Templates/Boilerplate/Bit.Boilerplate/src/Boilerplate.Server/Controllers/Products/ProductController.cs b/src/Templates/Boilerplate/Bit.Boilerplate/src/Boilerplate.Server/Controllers/Products/ProductController.cs
index 183cb6b342..f94ae75386 100644
--- a/src/Templates/Boilerplate/Bit.Boilerplate/src/Boilerplate.Server/Controllers/Products/ProductController.cs
+++ b/src/Templates/Boilerplate/Bit.Boilerplate/src/Boilerplate.Server/Controllers/Products/ProductController.cs
@@ -72,7 +72,7 @@ public async Task<ProductDto> Update(ProductDto dto, CancellationToken cancellat
     [HttpDelete("{id}")]
     public async Task Delete(int id, CancellationToken cancellationToken)
     {
-        DbContext.Remove(new Product { Id = id });
+        DbContext.Products.Remove(new() { Id = id });
 
         var affectedRows = await DbContext.SaveChangesAsync(cancellationToken);
 
diff --git a/src/Templates/Boilerplate/Bit.Boilerplate/src/Boilerplate.Server/Controllers/Todo/TodoItemController.cs b/src/Templates/Boilerplate/Bit.Boilerplate/src/Boilerplate.Server/Controllers/Todo/TodoItemController.cs
index ab1062ba63..90a6ed59e6 100644
--- a/src/Templates/Boilerplate/Bit.Boilerplate/src/Boilerplate.Server/Controllers/Todo/TodoItemController.cs
+++ b/src/Templates/Boilerplate/Bit.Boilerplate/src/Boilerplate.Server/Controllers/Todo/TodoItemController.cs
@@ -79,7 +79,7 @@ public async Task<TodoItemDto> Update(TodoItemDto dto, CancellationToken cancell
     [HttpDelete("{id}")]
     public async Task Delete(int id, CancellationToken cancellationToken)
     {
-        DbContext.Remove(new TodoItem { Id = id });
+        DbContext.TodoItems.Remove(new() { Id = id });
 
         var affectedRows = await DbContext.SaveChangesAsync(cancellationToken);
 
diff --git a/src/Templates/Boilerplate/Bit.Boilerplate/src/Boilerplate.Server/Mappers/CategoriesMapper.cs b/src/Templates/Boilerplate/Bit.Boilerplate/src/Boilerplate.Server/Mappers/CategoriesMapper.cs
index f5c70f232a..4cc675c011 100644
--- a/src/Templates/Boilerplate/Bit.Boilerplate/src/Boilerplate.Server/Mappers/CategoriesMapper.cs
+++ b/src/Templates/Boilerplate/Bit.Boilerplate/src/Boilerplate.Server/Mappers/CategoriesMapper.cs
@@ -12,6 +12,11 @@ public static partial class CategoriesMapper
 {
     public static partial IQueryable<CategoryDto> Project(this IQueryable<Category> query);
 
+    // In reality, the utilization of [MapProperty] is unnecessary in this context.
+    // This is because the 'Category' model already possesses a 'Products' property, and the 'Products' property, in turn,
+    // includes a 'Count' property. By concatenating these properties, we naturally obtain 'ProductsCount,'
+    // thereby leveraging automatic functionality through mapperly conventions.
+    // Nevertheless, we employ MapProperty in this instance to illustrate its usage
     [MapProperty(nameof(@Category.Products.Count), nameof(@CategoryDto.ProductsCount))]
     public static partial CategoryDto Map(this Category source);
     public static partial Category Map(this CategoryDto source);
diff --git a/src/Templates/Boilerplate/Bit.Boilerplate/src/Boilerplate.Server/Mappers/ProductsMapper.cs b/src/Templates/Boilerplate/Bit.Boilerplate/src/Boilerplate.Server/Mappers/ProductsMapper.cs
index 99e63d7d5e..1b819bb0a9 100644
--- a/src/Templates/Boilerplate/Bit.Boilerplate/src/Boilerplate.Server/Mappers/ProductsMapper.cs
+++ b/src/Templates/Boilerplate/Bit.Boilerplate/src/Boilerplate.Server/Mappers/ProductsMapper.cs
@@ -11,9 +11,22 @@ namespace Boilerplate.Server.Mappers;
 public static partial class ProductsMapper
 {
     public static partial IQueryable<ProductDto> Project(this IQueryable<Product> query);
+
+    // In reality, the utilization of [MapProperty] is unnecessary in this context.
+    // This is because the 'Product' model already possesses a 'Category' property, and the 'Category' property, in turn,
+    // includes a 'Name' property. By concatenating these properties, we naturally obtain 'CategoryName,'
+    // thereby leveraging automatic functionality through mapperly conventions.
+    // Nevertheless, we employ MapProperty in this instance to illustrate its usage
+    [MapProperty(nameof(@Product.Category.Name), nameof(@ProductDto.CategoryName))]
     public static partial ProductDto Map(this Product source);
     public static partial Product Map(this ProductDto source);
     public static partial void Patch(this ProductDto source, Product destination);
+
+    // It is important to note that when a ProductDto is sent to the server,
+    // it may contain a 'CategoryName'. However, while Mappingly's automatic conventions may fill Category property of product model
+    // with only its Name property populated by the 'CategoryName' value while the Id remains 0,
+    // this oversight could lead to ef core mistakenly assuming a new category is being added to the database during product saving,
+    // resulting in unintended data persistence. That's why we need to ignore 'CategoryName' during Patching and Mapping manually.
     [MapperIgnoreSource(nameof(Product.Category))]
     public static partial void Patch(this Product source, ProductDto destination);
 }
diff --git a/src/Templates/Boilerplate/Bit.Boilerplate/src/Boilerplate.Server/Models/Products/Product.cs b/src/Templates/Boilerplate/Bit.Boilerplate/src/Boilerplate.Server/Models/Products/Product.cs
index 1bb07cd665..d723b3720b 100644
--- a/src/Templates/Boilerplate/Bit.Boilerplate/src/Boilerplate.Server/Models/Products/Product.cs
+++ b/src/Templates/Boilerplate/Bit.Boilerplate/src/Boilerplate.Server/Models/Products/Product.cs
@@ -1,5 +1,4 @@
-using System.Diagnostics.CodeAnalysis;
-using Boilerplate.Server.Models.Categories;
+using Boilerplate.Server.Models.Categories;
 
 namespace Boilerplate.Server.Models.Products;
 
@@ -17,7 +16,6 @@ public class Product
     [MaxLength(512)]
     public string? Description { get; set; }
 
-    [NotNull]
     public DateTimeOffset CreatedOn { get; set; } = DateTimeOffset.UtcNow;
 
     [ForeignKey(nameof(CategoryId))]

From 6e1024dfe2a4a023e1b5a2e237ba7f0e78bb8e8e Mon Sep 17 00:00:00 2001
From: Saleh Yusefnejad <msynk@outlook.com>
Date: Sat, 13 Jan 2024 13:24:18 +0330
Subject: [PATCH 17/39] feat(websites): add Butil documents to the Platform
 website #6512 (#6567)

---
 src/Butil/README.md                           |  42 ++++----
 .../Pages/Butil/Butil01OverviewPage.razor     |  21 ++++
 .../Butil/Butil01OverviewPage.razor.scss      |  16 ++++
 .../Pages/Butil/Butil02InstallPage.razor      |  37 +++++++
 .../Pages/Butil/Butil02InstallPage.razor.scss |  26 +++++
 .../Pages/Butil/Butil03SetupPage.razor        |  37 +++++++
 .../Pages/Butil/Butil03SetupPage.razor.scss   |  20 ++++
 .../Pages/Butil/Butil04WindowPage.razor       |  54 +++++++++++
 .../Pages/Butil/Butil04WindowPage.razor.scss  |  20 ++++
 .../Pages/Butil/Butil05DocumentPage.razor     |  51 ++++++++++
 .../Butil/Butil05DocumentPage.razor.scss      |  20 ++++
 .../Pages/Butil/Butil06KeyboardPage.razor     |  40 ++++++++
 .../Butil/Butil06KeyboardPage.razor.scss      |  20 ++++
 .../Pages/Butil/Butil07ConsolePage.razor      |  55 +++++++++++
 .../Pages/Butil/Butil07ConsolePage.razor.scss |  20 ++++
 .../Pages/Butil/Butil08HistoryPage.razor      |  41 ++++++++
 .../Pages/Butil/Butil08HistoryPage.razor.scss |  20 ++++
 .../Pages/Butil/Butil09ElementPage.razor      |  45 +++++++++
 .../Pages/Butil/Butil09ElementPage.razor.scss |  20 ++++
 .../Pages/Butil/Butil10NavigatorPage.razor    |  36 +++++++
 .../Butil/Butil10NavigatorPage.razor.scss     |  20 ++++
 .../Pages/Butil/Butil11StoragePage.razor      |  38 ++++++++
 .../Pages/Butil/Butil11StoragePage.razor.scss |  20 ++++
 .../Pages/Butil/Butil12LocationPage.razor     |  36 +++++++
 .../Butil/Butil12LocationPage.razor.scss      |  20 ++++
 .../Pages/Butil/Butil13ScreenPage.razor       |  36 +++++++
 .../Pages/Butil/Butil13ScreenPage.razor.scss  |  20 ++++
 .../Pages/Butil/Butil14CookiePage.razor       |  36 +++++++
 .../Pages/Butil/Butil14CookiePage.razor.scss  |  20 ++++
 .../Pages/Butil/Butil15CryptoPage.razor       |  36 +++++++
 .../Pages/Butil/Butil15CryptoPage.razor.scss  |  20 ++++
 .../Pages/HomePage.razor.scss                 |   2 +-
 .../Shared/Header.razor                       |  14 +++
 .../Shared/Header.razor.scss                  |   3 +-
 .../Shared/MainLayout.razor.cs                |  24 ++++-
 .../Shared/Urls.cs                            |   1 +
 .../compilerconfig.json                       |  90 ++++++++++++++++++
 .../images/butil/install-visualstudio.webp    | Bin 0 -> 26990 bytes
 38 files changed, 1053 insertions(+), 24 deletions(-)
 create mode 100644 src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil01OverviewPage.razor
 create mode 100644 src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil01OverviewPage.razor.scss
 create mode 100644 src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil02InstallPage.razor
 create mode 100644 src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil02InstallPage.razor.scss
 create mode 100644 src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil03SetupPage.razor
 create mode 100644 src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil03SetupPage.razor.scss
 create mode 100644 src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil04WindowPage.razor
 create mode 100644 src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil04WindowPage.razor.scss
 create mode 100644 src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil05DocumentPage.razor
 create mode 100644 src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil05DocumentPage.razor.scss
 create mode 100644 src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil06KeyboardPage.razor
 create mode 100644 src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil06KeyboardPage.razor.scss
 create mode 100644 src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil07ConsolePage.razor
 create mode 100644 src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil07ConsolePage.razor.scss
 create mode 100644 src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil08HistoryPage.razor
 create mode 100644 src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil08HistoryPage.razor.scss
 create mode 100644 src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil09ElementPage.razor
 create mode 100644 src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil09ElementPage.razor.scss
 create mode 100644 src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil10NavigatorPage.razor
 create mode 100644 src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil10NavigatorPage.razor.scss
 create mode 100644 src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil11StoragePage.razor
 create mode 100644 src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil11StoragePage.razor.scss
 create mode 100644 src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil12LocationPage.razor
 create mode 100644 src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil12LocationPage.razor.scss
 create mode 100644 src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil13ScreenPage.razor
 create mode 100644 src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil13ScreenPage.razor.scss
 create mode 100644 src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil14CookiePage.razor
 create mode 100644 src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil14CookiePage.razor.scss
 create mode 100644 src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil15CryptoPage.razor
 create mode 100644 src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil15CryptoPage.razor.scss
 create mode 100644 src/Websites/Platform/src/Bit.Websites.Platform.Client/wwwroot/images/butil/install-visualstudio.webp

diff --git a/src/Butil/README.md b/src/Butil/README.md
index 4e62e6fc54..fb9b1d7c5d 100644
--- a/src/Butil/README.md
+++ b/src/Butil/README.md
@@ -29,21 +29,21 @@ builder.Services.AddBitButilServices();
 
 Now you can inject its classes to use the utilities.
 
-### Console
 
-To use the browser console features you can try injecting the `Bit.Butil.Console` class like this:
+### Window
+
+To use a representation of the DOM's `window` object in C# you can inject the `Bit.Butil.Window` class:
 
 ```razor
-@inject Bit.Butil.Console console
+@inject Bit.Butil.Window window
 
 ...
 
 @code {
+
     ...
 
-    console.Log("This is a test log:", someValue);
-    console.Assert(condition, "The condition failed!", testedValue);
-    console.Error("This is a test error:", value);
+    await window.AddEventListener(ButilEvents.KeyDown, args => { ... });
 
     ...
 }
@@ -55,11 +55,11 @@ To use the browser console features you can try injecting the `Bit.Butil.Console
 To use a representation of the DOM's `document` object in C# you can inject the `Bit.Butil.Document` class:
 
 ```razor
-@@inject Bit.Butil.Document document
+@inject Bit.Butil.Document document
 
 ...
 
-@@code {
+@code {
 
     ...
 
@@ -70,37 +70,39 @@ To use a representation of the DOM's `document` object in C# you can inject the
 ```
 
 
-### Window
-
-To use a representation of the DOM's `window` object in C# you can inject the `Bit.Butil.Window` class:
+### Keyboard
+In Butil there is a special class to work with keyboard and short keys. you can use this class by inejcting the `Bit.Butil.Keyboard` class:
 
 ```razor
-@@inject Bit.Butil.Window window
+@inject Bit.Butil.Keyboard keyboard
 
 ...
 
-@@code {
-
+@code {
     ...
 
-    await window.AddEventListener(ButilEvents.KeyDown, args => { ... });
+    await keyboard.Add("F10", args => { ... }, , ButilModifiers.Alt | ButilModifiers.Ctrl);
 
     ...
 }
 ```
 
-### Keyboard
-In Butil there is a special class to work with keyboard and short keys. you can use this class by inejcting the `Bit.Butil.Keyboard` class:
+
+### Console
+
+To use the browser console features you can try injecting the `Bit.Butil.Console` class like this:
 
 ```razor
-@inject Bit.Butil.Keyboard keyboard
+@inject Bit.Butil.Console console
 
 ...
 
-@@code {
+@code {
     ...
 
-    await keyboard.Add("F10", args => { ... }, , ButilModifiers.Alt | ButilModifiers.Ctrl);
+    console.Log("This is a test log:", someValue);
+    console.Assert(condition, "The condition failed!", testedValue);
+    console.Error("This is a test error:", value);
 
     ...
 }
diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil01OverviewPage.razor b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil01OverviewPage.razor
new file mode 100644
index 0000000000..64e64354ff
--- /dev/null
+++ b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil01OverviewPage.razor
@@ -0,0 +1,21 @@
+@page "/butil/overview"
+@inherits AppComponentBase
+
+<PageOutlet Url="butil/overview"
+            Title="Overview - Butil"
+            Description="overview of the bit Butil" />
+
+<div class="page-container">
+    <BitTypography Variant="BitTypographyVariant.H3" Gutter>Butil</BitTypography>
+    <br />
+    <BitTypography Variant="BitTypographyVariant.H5" Gutter>Blazor Utilities for JavaScript</BitTypography>
+
+    <BitTypography Variant="BitTypographyVariant.Subtitle1">
+        bit Butil helps C# developers to access the browser APIs that are only accessible through JavaScript in C#.
+    </BitTypography>
+
+    <br />
+
+</div>
+
+<NavigationButtons Next="Install" NextUrl="/butil/install" />
diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil01OverviewPage.razor.scss b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil01OverviewPage.razor.scss
new file mode 100644
index 0000000000..8e7839faad
--- /dev/null
+++ b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil01OverviewPage.razor.scss
@@ -0,0 +1,16 @@
+@import '../../Styles/abstracts/_colors.scss';
+@import '../../Styles/abstracts/_mixins.scss';
+@import '../../Styles/abstracts/_functions.scss';
+@import '../../Styles/abstracts/_media-queries.scss';
+
+.page-container {
+    @include PageContainer;
+    display: flex;
+    flex-flow: column;
+}
+
+.video-container {
+    width: 100%;
+    display: flex;
+    justify-content: center;
+}
diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil02InstallPage.razor b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil02InstallPage.razor
new file mode 100644
index 0000000000..858182b522
--- /dev/null
+++ b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil02InstallPage.razor
@@ -0,0 +1,37 @@
+@page "/butil/install"
+@inherits AppComponentBase
+
+<PageOutlet Url="butil/install"
+            Title="Install - Butil"
+            Description="installing the bit Butil" />
+
+<div class="page-container">
+    <BitTypography Variant="BitTypographyVariant.H3" Gutter>Install bit Butil</BitTypography>
+    <br />
+    <BitTypography Variant="BitTypographyVariant.Subtitle1" Gutter>
+        How to install the bit Butil?
+    </BitTypography>
+    <br />
+
+    <section class="section-card">
+        <BitTypography Variant="BitTypographyVariant.H5" Gutter>CLI</BitTypography>
+        <div class="section-card-txt">
+            Open the command line of your choice and run the following command:
+<pre class="code-box">
+dotnet add package Bit.Butil</pre>
+        </div>
+    </section>
+
+    <section class="section-card">
+        <BitTypography Variant="BitTypographyVariant.H5" Gutter>Visual Studio</BitTypography>
+        <br />
+        <div class="section-card-txt">
+            Open your Visual Studio's Manage NuGet Packages window and install the Bit.Butil package:
+            <br />
+            <br />
+            <img src="/images/butil/install-visualstudio.webp" class="butil-img" />
+        </div>
+    </section>
+</div>
+
+<NavigationButtons Prev="Overview" PrevUrl="/butil/overview" Next="Setup" NextUrl="/butil/setup" />
diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil02InstallPage.razor.scss b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil02InstallPage.razor.scss
new file mode 100644
index 0000000000..16007a75ea
--- /dev/null
+++ b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil02InstallPage.razor.scss
@@ -0,0 +1,26 @@
+@import '../../Styles/abstracts/_colors.scss';
+@import '../../Styles/abstracts/_mixins.scss';
+@import '../../Styles/abstracts/_functions.scss';
+@import '../../Styles/abstracts/_media-queries.scss';
+
+.page-container {
+    @include PageContainer;
+}
+
+.section-card {
+    @include SectionCard;
+}
+
+.section-card-txt {
+    @include SectionCardText;
+}
+
+.code-box {
+    @include CodeBox;
+}
+
+.butil-img {
+    width: 100%;
+    max-width: rem2(900px);
+    border: 1px solid gray;
+}
diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil03SetupPage.razor b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil03SetupPage.razor
new file mode 100644
index 0000000000..c38c87b3c0
--- /dev/null
+++ b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil03SetupPage.razor
@@ -0,0 +1,37 @@
+@page "/butil/setup"
+@inherits AppComponentBase
+
+<PageOutlet Url="butil/setup"
+            Title="Setup - Butil"
+            Description="Setting the bit Butil up" />
+
+<div class="page-container">
+    <BitTypography Variant="BitTypographyVariant.H3" Gutter>Setup bit Butil</BitTypography>
+    <br />
+    <BitTypography Variant="BitTypographyVariant.Subtitle1" Gutter>
+        How to install the bit Butil?
+    </BitTypography>
+    <br />
+
+    <section class="section-card">
+        <BitTypography Variant="BitTypographyVariant.H5" Gutter>Script</BitTypography>
+        <div class="section-card-txt">
+            Add the following script tag to your default document:
+<pre class="code-box">
+&lt;script src="_content/Bit.Butil/bit-butil.js">&lt;/script></pre>
+        </div>
+    </section>
+
+    <section class="section-card">
+        <BitTypography Variant="BitTypographyVariant.H5" Gutter>Service</BitTypography>
+        <div class="section-card-txt">
+            Add the following line to register the bit Butil services:
+<pre class="code-box">
+builder.Services.AddBitButilServices();</pre>
+
+            Now you can inject its classes to use the bit Butil tools.
+        </div>
+    </section>
+</div>
+
+<NavigationButtons Prev="Install" PrevUrl="/butil/install" Next="Window" NextUrl="/butil/window" />
diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil03SetupPage.razor.scss b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil03SetupPage.razor.scss
new file mode 100644
index 0000000000..7daf60a86e
--- /dev/null
+++ b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil03SetupPage.razor.scss
@@ -0,0 +1,20 @@
+@import '../../Styles/abstracts/_colors.scss';
+@import '../../Styles/abstracts/_mixins.scss';
+@import '../../Styles/abstracts/_functions.scss';
+@import '../../Styles/abstracts/_media-queries.scss';
+
+.page-container {
+    @include PageContainer;
+}
+
+.section-card {
+    @include SectionCard;
+}
+
+.section-card-txt {
+    @include SectionCardText;
+}
+
+.code-box {
+    @include CodeBox;
+}
diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil04WindowPage.razor b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil04WindowPage.razor
new file mode 100644
index 0000000000..0bd269c94a
--- /dev/null
+++ b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil04WindowPage.razor
@@ -0,0 +1,54 @@
+@page "/butil/window"
+@inherits AppComponentBase
+
+<PageOutlet Url="butil/window"
+            Title="Window - Butil"
+            Description="Window class of the bit Butil" />
+
+<div class="page-container">
+    <BitTypography Variant="BitTypographyVariant.H3" Gutter>Window</BitTypography>
+    <br />
+    <BitTypography Variant="BitTypographyVariant.Subtitle1" Gutter>
+        How to use the Window class of the bit Butil?
+    </BitTypography>
+    <br />
+
+    <section class="section-card">
+        <BitTypography Variant="BitTypographyVariant.H5" Gutter>Usage</BitTypography>
+        <div class="section-card-txt">
+            To use the browser window features you need to inject the Bit.Butil.Window class and use it like this:
+<pre class="code-box">
+@@inject Bit.Butil.Window window
+
+@@code {
+    await window.AddEventListener(ButilEvents.KeyDown, args => { ... });
+    await window.Alert("Alert from C#");
+}</pre>
+        </div>
+    </section>
+
+    <section class="section-card">
+        <BitTypography Variant="BitTypographyVariant.H5" Gutter>Methods</BitTypography>
+        <div class="section-card-txt">
+            <b>AddBeforeUnload</b>, <b>RemoveBeforeUnload</b>: The beforeunload event is fired when the current window, 
+            contained document, and associated resources are about to be unloaded. The main use case for this event is to 
+            trigger a browser-generated confirmation dialog that asks users to confirm if they really want to leave the page 
+            when they try to close or reload it, or navigate somewhere else. This is intended to help prevent loss of unsaved data.
+            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Window/beforeunload_event" target="_blank">MDN</a>).
+            <br /><br />
+            <b>GetInnerHeight</b>: Gets the height of the content area of the browser window in px including, if rendered, the horizontal scrollbar
+            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Window/innerHeight" target="_blank">MDN</a>).
+            <br /><br />
+            <b>GetInnerWidth</b>: Gets the width of the content area of the browser window in px including, if rendered, the vertical scrollbar
+            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Window/innerWidth" target="_blank">MDN</a>).
+            <br /><br />
+            <b>IsSecureContext</b>: Returns a boolean indicating whether the current context is secure (true) or not (false)
+            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/isSecureContext" target="_blank">MDN</a>).
+            <br /><br />
+            <b>GetOrigin</b>: Returns the global object's origin, serialized as a string
+            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/origin" target="_blank">MDN</a>).
+        </div>
+    </section>
+</div>
+
+<NavigationButtons Prev="Setup" PrevUrl="/butil/setup" Next="Document" NextUrl="/butil/document" />
diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil04WindowPage.razor.scss b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil04WindowPage.razor.scss
new file mode 100644
index 0000000000..7daf60a86e
--- /dev/null
+++ b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil04WindowPage.razor.scss
@@ -0,0 +1,20 @@
+@import '../../Styles/abstracts/_colors.scss';
+@import '../../Styles/abstracts/_mixins.scss';
+@import '../../Styles/abstracts/_functions.scss';
+@import '../../Styles/abstracts/_media-queries.scss';
+
+.page-container {
+    @include PageContainer;
+}
+
+.section-card {
+    @include SectionCard;
+}
+
+.section-card-txt {
+    @include SectionCardText;
+}
+
+.code-box {
+    @include CodeBox;
+}
diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil05DocumentPage.razor b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil05DocumentPage.razor
new file mode 100644
index 0000000000..bd7f5c0d13
--- /dev/null
+++ b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil05DocumentPage.razor
@@ -0,0 +1,51 @@
+@page "/butil/document"
+@inherits AppComponentBase
+
+<PageOutlet Url="butil/document"
+            Title="Document - Butil"
+            Description="Document class of the bit Butil" />
+
+<div class="page-container">
+    <BitTypography Variant="BitTypographyVariant.H3" Gutter>Document</BitTypography>
+    <br />
+    <BitTypography Variant="BitTypographyVariant.Subtitle1" Gutter>
+        How to use the Document class of the bit Butil?
+    </BitTypography>
+    <br />
+
+    <section class="section-card">
+        <BitTypography Variant="BitTypographyVariant.H5" Gutter>Usage</BitTypography>
+        <div class="section-card-txt">
+            To use the browser document features you need to inject the Bit.Butil.Document class and use it like this:
+<pre class="code-box">
+@@inject Bit.Butil.Document document
+
+@@code {
+    await document.AddEventListener(ButilEvents.Click, args => { ... });
+    await document.SetTitle("New shinny title");
+}</pre>
+        </div>
+    </section>
+
+    <section class="section-card">
+        <BitTypography Variant="BitTypographyVariant.H5" Gutter>Methods</BitTypography>
+        <div class="section-card-txt">
+            <b>GetCharacterSet</b>: Returns the character set being used by the document
+            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Document/characterSet" target="_blank">MDN</a>).
+            <br /><br />
+            <b>GetCompatMode</b>: Indicates whether the document is rendered in quirks or strict mode
+            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Document/compatMode" target="_blank">MDN</a>).
+            <br /><br />
+            <b>GetInnerWidth</b>: Gets the width of the content area of the browser window in px including, if rendered, the vertical scrollbar
+            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Window/innerWidth" target="_blank">MDN</a>).
+            <br /><br />
+            <b>GetContentType</b>: Returns the document location as a string
+            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Document/documentURI" target="_blank">MDN</a>).
+            <br /><br />
+            <b>GetDesignMode</b>: Gets ability to edit the whole document
+            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Document/designMode" target="_blank">MDN</a>).
+        </div>
+    </section>
+</div>
+
+<NavigationButtons Prev="Window" PrevUrl="/butil/window" Next="Keyboard" NextUrl="/butil/keyboard" />
diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil05DocumentPage.razor.scss b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil05DocumentPage.razor.scss
new file mode 100644
index 0000000000..7daf60a86e
--- /dev/null
+++ b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil05DocumentPage.razor.scss
@@ -0,0 +1,20 @@
+@import '../../Styles/abstracts/_colors.scss';
+@import '../../Styles/abstracts/_mixins.scss';
+@import '../../Styles/abstracts/_functions.scss';
+@import '../../Styles/abstracts/_media-queries.scss';
+
+.page-container {
+    @include PageContainer;
+}
+
+.section-card {
+    @include SectionCard;
+}
+
+.section-card-txt {
+    @include SectionCardText;
+}
+
+.code-box {
+    @include CodeBox;
+}
diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil06KeyboardPage.razor b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil06KeyboardPage.razor
new file mode 100644
index 0000000000..8ed3588aa3
--- /dev/null
+++ b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil06KeyboardPage.razor
@@ -0,0 +1,40 @@
+@page "/butil/keyboard"
+@inherits AppComponentBase
+
+<PageOutlet Url="butil/keyboard"
+            Title="Keyboard - Butil"
+            Description="Keyboard class of the bit Butil" />
+
+<div class="page-container">
+    <BitTypography Variant="BitTypographyVariant.H3" Gutter>Keyboard</BitTypography>
+    <br />
+    <BitTypography Variant="BitTypographyVariant.Subtitle1" Gutter>
+        How to use the Keyboard class of the bit Butil?
+    </BitTypography>
+    <br />
+
+    <section class="section-card">
+        <BitTypography Variant="BitTypographyVariant.H5" Gutter>Usage</BitTypography>
+        <div class="section-card-txt">
+            To use the browser Keyboard features you need to inject the Bit.Butil.Keyboard class and use it like this:
+<pre class="code-box">
+@@inject Bit.Butil.Keyboard keyboard
+
+@@code {
+    await keyboard.Add(ButilKeyCodes.F10, args => { ... }, , ButilModifiers.Alt | ButilModifiers.Ctrl);
+    await keyboard.Remove(ButilKeyCodes.F10, handler);
+}</pre>
+        </div>
+    </section>
+
+    <section class="section-card">
+        <BitTypography Variant="BitTypographyVariant.H5" Gutter>Methods</BitTypography>
+        <div class="section-card-txt">
+            <b>Add</b>: Adds a handler to a keyboard key combination.
+            <br /><br />
+            <b>Remove</b>: Removes a handler from a keyboard key combination.
+        </div>
+    </section>
+</div>
+
+<NavigationButtons Prev="Document" PrevUrl="/butil/document" Next="Console" NextUrl="/butil/console" />
diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil06KeyboardPage.razor.scss b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil06KeyboardPage.razor.scss
new file mode 100644
index 0000000000..7daf60a86e
--- /dev/null
+++ b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil06KeyboardPage.razor.scss
@@ -0,0 +1,20 @@
+@import '../../Styles/abstracts/_colors.scss';
+@import '../../Styles/abstracts/_mixins.scss';
+@import '../../Styles/abstracts/_functions.scss';
+@import '../../Styles/abstracts/_media-queries.scss';
+
+.page-container {
+    @include PageContainer;
+}
+
+.section-card {
+    @include SectionCard;
+}
+
+.section-card-txt {
+    @include SectionCardText;
+}
+
+.code-box {
+    @include CodeBox;
+}
diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil07ConsolePage.razor b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil07ConsolePage.razor
new file mode 100644
index 0000000000..3f0241fe68
--- /dev/null
+++ b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil07ConsolePage.razor
@@ -0,0 +1,55 @@
+@page "/butil/console"
+@inherits AppComponentBase
+
+<PageOutlet Url="butil/console"
+            Title="Console - Butil"
+            Description="Console class of the bit Butil" />
+
+<div class="page-container">
+    <BitTypography Variant="BitTypographyVariant.H3" Gutter>Console</BitTypography>
+    <br />
+    <BitTypography Variant="BitTypographyVariant.Subtitle1" Gutter>
+        How to use the Console class of the bit Butil?
+    </BitTypography>
+    <br />
+
+    <section class="section-card">
+        <BitTypography Variant="BitTypographyVariant.H5" Gutter>Usage</BitTypography>
+        <div class="section-card-txt">
+            To use the browser console features you need to inject the Bit.Butil.Console class and use it like this:
+<pre class="code-box">
+@@inject Bit.Butil.Console console
+
+@@code {
+    console.Log("This is a test log:", someValue);
+    console.Assert(condition, "The condition failed!", testedValue);
+    console.Error("This is a test error:", value);
+}</pre>
+        </div>
+    </section>
+
+    <section class="section-card">
+        <BitTypography Variant="BitTypographyVariant.H5" Gutter>Methods</BitTypography>
+        <div class="section-card-txt">
+            <b>Assert</b>: Log a message and stack trace to console if the first argument is false
+            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/console/assert_static" target="_blank">MDN</a>).
+            <br /><br />
+            <b>Clear</b>: Clear the console
+            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/console/clear_static" target="_blank">MDN</a>).
+            <br /><br />
+            <b>Count</b>: Log the number of times this line has been called with the given label
+            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/console/count_static" target="_blank">MDN</a>).
+            <br /><br />
+            <b>CountReset</b>: Resets the value of the counter with the given label
+            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/console/countreset_static" target="_blank">MDN</a>).
+            <br /><br />
+            <b>Debug</b>: Outputs a message to the console with the log level debug
+            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/console/debug_static" target="_blank">MDN</a>).
+            <br /><br />
+            <b>Dir</b>: Displays an interactive listing of the properties of a specified JavaScript object
+            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/console/dir_static" target="_blank">MDN</a>).
+        </div>
+    </section>
+</div>
+
+<NavigationButtons Prev="Keyboard" PrevUrl="/butil/keyboard" Next="History" NextUrl="/butil/history" />
diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil07ConsolePage.razor.scss b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil07ConsolePage.razor.scss
new file mode 100644
index 0000000000..7daf60a86e
--- /dev/null
+++ b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil07ConsolePage.razor.scss
@@ -0,0 +1,20 @@
+@import '../../Styles/abstracts/_colors.scss';
+@import '../../Styles/abstracts/_mixins.scss';
+@import '../../Styles/abstracts/_functions.scss';
+@import '../../Styles/abstracts/_media-queries.scss';
+
+.page-container {
+    @include PageContainer;
+}
+
+.section-card {
+    @include SectionCard;
+}
+
+.section-card-txt {
+    @include SectionCardText;
+}
+
+.code-box {
+    @include CodeBox;
+}
diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil08HistoryPage.razor b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil08HistoryPage.razor
new file mode 100644
index 0000000000..22bfcdf4f5
--- /dev/null
+++ b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil08HistoryPage.razor
@@ -0,0 +1,41 @@
+@page "/butil/history"
+@inherits AppComponentBase
+
+<PageOutlet Url="butil/history"
+            Title="History - Butil"
+            Description="History class of the bit Butil" />
+
+<div class="page-container">
+    <BitTypography Variant="BitTypographyVariant.H3" Gutter>History</BitTypography>
+    <br />
+    <BitTypography Variant="BitTypographyVariant.Subtitle1" Gutter>
+        How to use the History class of the bit Butil?
+    </BitTypography>
+    <br />
+
+    <section class="section-card">
+        <BitTypography Variant="BitTypographyVariant.H5" Gutter>Usage</BitTypography>
+        <div class="section-card-txt">
+            To use the browser history features you need to inject the Bit.Butil.History class and use it like this:
+<pre class="code-box">
+@@inject Bit.Butil.History history
+
+@@code {
+    await history.GoBack();
+}</pre>
+        </div>
+    </section>
+
+    <section class="section-card">
+        <BitTypography Variant="BitTypographyVariant.H5" Gutter>Methods</BitTypography>
+        <div class="section-card-txt">
+            <b>GetLength</b>: Returns an Integer representing the number of elements in the session history, including the currently loaded page
+            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/History/length" target="_blank">MDN</a>).
+            <br /><br />
+            <b>GetScrollRestoration</b>: Gets default scroll restoration behavior on history navigation. This property can be either auto or manual
+            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/History/scrollRestoration" target="_blank">MDN</a>).
+        </div>
+    </section>
+</div>
+
+<NavigationButtons Prev="Console" PrevUrl="/butil/console" Next="Element" NextUrl="/butil/element" />
diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil08HistoryPage.razor.scss b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil08HistoryPage.razor.scss
new file mode 100644
index 0000000000..7daf60a86e
--- /dev/null
+++ b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil08HistoryPage.razor.scss
@@ -0,0 +1,20 @@
+@import '../../Styles/abstracts/_colors.scss';
+@import '../../Styles/abstracts/_mixins.scss';
+@import '../../Styles/abstracts/_functions.scss';
+@import '../../Styles/abstracts/_media-queries.scss';
+
+.page-container {
+    @include PageContainer;
+}
+
+.section-card {
+    @include SectionCard;
+}
+
+.section-card-txt {
+    @include SectionCardText;
+}
+
+.code-box {
+    @include CodeBox;
+}
diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil09ElementPage.razor b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil09ElementPage.razor
new file mode 100644
index 0000000000..cf54df968b
--- /dev/null
+++ b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil09ElementPage.razor
@@ -0,0 +1,45 @@
+@page "/butil/element"
+@inherits AppComponentBase
+
+<PageOutlet Url="butil/element"
+            Title="Element - Butil"
+            Description="Element class of the bit Butil" />
+
+<div class="page-container">
+    <BitTypography Variant="BitTypographyVariant.H3" Gutter>Element</BitTypography>
+    <br />
+    <BitTypography Variant="BitTypographyVariant.Subtitle1" Gutter>
+        How to use the Element class of the bit Butil?
+    </BitTypography>
+    <br />
+
+    <section class="section-card">
+        <BitTypography Variant="BitTypographyVariant.H5" Gutter>Usage</BitTypography>
+        <div class="section-card-txt">
+            To use the browser Element features you need to inject the Bit.Butil.Element class and use it like this:
+<pre class="code-box">
+@@inject Bit.Butil.Element element
+
+...
+&lt;div @@ref="elementRef">Test element&lt;/div>
+...
+
+@@code {
+    private ElementReference elementRef;
+    ...
+    var rect = await element.GetBoundingClientRect(elementRef);
+    // or
+    var rect = await elementRef.GetBoundingClientRect();
+    ...
+}</pre>
+        </div>
+    </section>
+
+    <section class="section-card">
+        <BitTypography Variant="BitTypographyVariant.H5" Gutter>Methods</BitTypography>
+        <div class="section-card-txt">
+        </div>
+    </section>
+</div>
+
+<NavigationButtons Prev="History" PrevUrl="/butil/history" Next="Navigator" NextUrl="/butil/navigator" />
diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil09ElementPage.razor.scss b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil09ElementPage.razor.scss
new file mode 100644
index 0000000000..7daf60a86e
--- /dev/null
+++ b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil09ElementPage.razor.scss
@@ -0,0 +1,20 @@
+@import '../../Styles/abstracts/_colors.scss';
+@import '../../Styles/abstracts/_mixins.scss';
+@import '../../Styles/abstracts/_functions.scss';
+@import '../../Styles/abstracts/_media-queries.scss';
+
+.page-container {
+    @include PageContainer;
+}
+
+.section-card {
+    @include SectionCard;
+}
+
+.section-card-txt {
+    @include SectionCardText;
+}
+
+.code-box {
+    @include CodeBox;
+}
diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil10NavigatorPage.razor b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil10NavigatorPage.razor
new file mode 100644
index 0000000000..a7e1e9954a
--- /dev/null
+++ b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil10NavigatorPage.razor
@@ -0,0 +1,36 @@
+@page "/butil/navigator"
+@inherits AppComponentBase
+
+<PageOutlet Url="butil/navigator"
+            Title="Navigator - Butil"
+            Description="Navigator class of the bit Butil" />
+
+<div class="page-container">
+    <BitTypography Variant="BitTypographyVariant.H3" Gutter>Navigator</BitTypography>
+    <br />
+    <BitTypography Variant="BitTypographyVariant.Subtitle1" Gutter>
+        How to use the Navigator class of the bit Butil?
+    </BitTypography>
+    <br />
+
+    <section class="section-card">
+        <BitTypography Variant="BitTypographyVariant.H5" Gutter>Usage</BitTypography>
+        <div class="section-card-txt">
+            To use the browser navigator features you need to inject the Bit.Butil.Navigator class and use it like this:
+<pre class="code-box">
+@@inject Bit.Butil.Navigator navigator
+
+@@code {
+    var userAgent = await navigator.GetUserAgent();
+}</pre>
+        </div>
+    </section>
+
+    <section class="section-card">
+        <BitTypography Variant="BitTypographyVariant.H5" Gutter>Methods</BitTypography>
+        <div class="section-card-txt">
+        </div>
+    </section>
+</div>
+
+<NavigationButtons Prev="Element" PrevUrl="/butil/element" Next="Storage" NextUrl="/butil/storage" />
diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil10NavigatorPage.razor.scss b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil10NavigatorPage.razor.scss
new file mode 100644
index 0000000000..7daf60a86e
--- /dev/null
+++ b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil10NavigatorPage.razor.scss
@@ -0,0 +1,20 @@
+@import '../../Styles/abstracts/_colors.scss';
+@import '../../Styles/abstracts/_mixins.scss';
+@import '../../Styles/abstracts/_functions.scss';
+@import '../../Styles/abstracts/_media-queries.scss';
+
+.page-container {
+    @include PageContainer;
+}
+
+.section-card {
+    @include SectionCard;
+}
+
+.section-card-txt {
+    @include SectionCardText;
+}
+
+.code-box {
+    @include CodeBox;
+}
diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil11StoragePage.razor b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil11StoragePage.razor
new file mode 100644
index 0000000000..7b14f7637f
--- /dev/null
+++ b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil11StoragePage.razor
@@ -0,0 +1,38 @@
+@page "/butil/storage"
+@inherits AppComponentBase
+
+<PageOutlet Url="butil/storage"
+            Title="Storage - Butil"
+            Description="Storage class of the bit Butil" />
+
+<div class="page-container">
+    <BitTypography Variant="BitTypographyVariant.H3" Gutter>Storage</BitTypography>
+    <br />
+    <BitTypography Variant="BitTypographyVariant.Subtitle1" Gutter>
+        How to use the Storage class of the bit Butil?
+    </BitTypography>
+    <br />
+
+    <section class="section-card">
+        <BitTypography Variant="BitTypographyVariant.H5" Gutter>Usage</BitTypography>
+        <div class="section-card-txt">
+            To use the browser storage features you need to inject the Bit.Butil.Storage class and use it like this:
+<pre class="code-box">
+@@inject Bit.Butil.LocalStorage localStorage
+@@inject Bit.Butil.SessionStorage sessionStorage
+
+@@code {
+    await localStorage.setItem("my-key", "my-value");
+    await sessionStorage.setItem("my-key2", "my-value2");
+}</pre>
+        </div>
+    </section>
+
+    <section class="section-card">
+        <BitTypography Variant="BitTypographyVariant.H5" Gutter>Methods</BitTypography>
+        <div class="section-card-txt">
+        </div>
+    </section>
+</div>
+
+<NavigationButtons Prev="Navigator" PrevUrl="/butil/navigator" Next="Location" NextUrl="/butil/location" />
diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil11StoragePage.razor.scss b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil11StoragePage.razor.scss
new file mode 100644
index 0000000000..7daf60a86e
--- /dev/null
+++ b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil11StoragePage.razor.scss
@@ -0,0 +1,20 @@
+@import '../../Styles/abstracts/_colors.scss';
+@import '../../Styles/abstracts/_mixins.scss';
+@import '../../Styles/abstracts/_functions.scss';
+@import '../../Styles/abstracts/_media-queries.scss';
+
+.page-container {
+    @include PageContainer;
+}
+
+.section-card {
+    @include SectionCard;
+}
+
+.section-card-txt {
+    @include SectionCardText;
+}
+
+.code-box {
+    @include CodeBox;
+}
diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil12LocationPage.razor b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil12LocationPage.razor
new file mode 100644
index 0000000000..d896dd8b71
--- /dev/null
+++ b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil12LocationPage.razor
@@ -0,0 +1,36 @@
+@page "/butil/location"
+@inherits AppComponentBase
+
+<PageOutlet Url="butil/location"
+            Title="Location - Butil"
+            Description="Location class of the bit Butil" />
+
+<div class="page-container">
+    <BitTypography Variant="BitTypographyVariant.H3" Gutter>Location</BitTypography>
+    <br />
+    <BitTypography Variant="BitTypographyVariant.Subtitle1" Gutter>
+        How to use the Location class of the bit Butil?
+    </BitTypography>
+    <br />
+
+    <section class="section-card">
+        <BitTypography Variant="BitTypographyVariant.H5" Gutter>Usage</BitTypography>
+        <div class="section-card-txt">
+            To use the browser location features you need to inject the Bit.Butil.Location class and use it like this:
+<pre class="code-box">
+@@inject Bit.Butil.Location location
+
+@@code {
+    await location.Reload();
+}</pre>
+        </div>
+    </section>
+
+    <section class="section-card">
+        <BitTypography Variant="BitTypographyVariant.H5" Gutter>Methods</BitTypography>
+        <div class="section-card-txt">
+        </div>
+    </section>
+</div>
+
+<NavigationButtons Prev="Storage" PrevUrl="/butil/storage" Next="Screen" NextUrl="/butil/screen" />
diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil12LocationPage.razor.scss b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil12LocationPage.razor.scss
new file mode 100644
index 0000000000..7daf60a86e
--- /dev/null
+++ b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil12LocationPage.razor.scss
@@ -0,0 +1,20 @@
+@import '../../Styles/abstracts/_colors.scss';
+@import '../../Styles/abstracts/_mixins.scss';
+@import '../../Styles/abstracts/_functions.scss';
+@import '../../Styles/abstracts/_media-queries.scss';
+
+.page-container {
+    @include PageContainer;
+}
+
+.section-card {
+    @include SectionCard;
+}
+
+.section-card-txt {
+    @include SectionCardText;
+}
+
+.code-box {
+    @include CodeBox;
+}
diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil13ScreenPage.razor b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil13ScreenPage.razor
new file mode 100644
index 0000000000..94bd93af05
--- /dev/null
+++ b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil13ScreenPage.razor
@@ -0,0 +1,36 @@
+@page "/butil/screen"
+@inherits AppComponentBase
+
+<PageOutlet Url="butil/screen"
+            Title="Screen - Butil"
+            Description="Screen class of the bit Butil" />
+
+<div class="page-container">
+    <BitTypography Variant="BitTypographyVariant.H3" Gutter>Screen</BitTypography>
+    <br />
+    <BitTypography Variant="BitTypographyVariant.Subtitle1" Gutter>
+        How to use the Screen class of the bit Butil?
+    </BitTypography>
+    <br />
+
+    <section class="section-card">
+        <BitTypography Variant="BitTypographyVariant.H5" Gutter>Usage</BitTypography>
+        <div class="section-card-txt">
+            To use the browser screen features you need to inject the Bit.Butil.Screen class and use it like this:
+<pre class="code-box">
+@@inject Bit.Butil.Screen screen
+
+@@code {
+    var screenWidth = await screen.GetWidth();
+}</pre>
+        </div>
+    </section>
+
+    <section class="section-card">
+        <BitTypography Variant="BitTypographyVariant.H5" Gutter>Methods</BitTypography>
+        <div class="section-card-txt">
+        </div>
+    </section>
+</div>
+
+<NavigationButtons Prev="Location" PrevUrl="/butil/location" Next="Cookie" NextUrl="/butil/cookie" />
diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil13ScreenPage.razor.scss b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil13ScreenPage.razor.scss
new file mode 100644
index 0000000000..7daf60a86e
--- /dev/null
+++ b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil13ScreenPage.razor.scss
@@ -0,0 +1,20 @@
+@import '../../Styles/abstracts/_colors.scss';
+@import '../../Styles/abstracts/_mixins.scss';
+@import '../../Styles/abstracts/_functions.scss';
+@import '../../Styles/abstracts/_media-queries.scss';
+
+.page-container {
+    @include PageContainer;
+}
+
+.section-card {
+    @include SectionCard;
+}
+
+.section-card-txt {
+    @include SectionCardText;
+}
+
+.code-box {
+    @include CodeBox;
+}
diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil14CookiePage.razor b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil14CookiePage.razor
new file mode 100644
index 0000000000..7d439f97bd
--- /dev/null
+++ b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil14CookiePage.razor
@@ -0,0 +1,36 @@
+@page "/butil/cookie"
+@inherits AppComponentBase
+
+<PageOutlet Url="butil/cookie"
+            Title="Cookie - Butil"
+            Description="Cookie class of the bit Butil" />
+
+<div class="page-container">
+    <BitTypography Variant="BitTypographyVariant.H3" Gutter>Cookie</BitTypography>
+    <br />
+    <BitTypography Variant="BitTypographyVariant.Subtitle1" Gutter>
+        How to use the Cookie class of the bit Butil?
+    </BitTypography>
+    <br />
+
+    <section class="section-card">
+        <BitTypography Variant="BitTypographyVariant.H5" Gutter>Usage</BitTypography>
+        <div class="section-card-txt">
+            To use the browser cookie features you need to inject the Bit.Butil.Cookie class and use it like this:
+<pre class="code-box">
+@@inject Bit.Butil.Cookie cookie
+
+@@code {
+    await Cookie.Remove("cookie-name");
+}</pre>
+        </div>
+    </section>
+
+    <section class="section-card">
+        <BitTypography Variant="BitTypographyVariant.H5" Gutter>Methods</BitTypography>
+        <div class="section-card-txt">
+        </div>
+    </section>
+</div>
+
+<NavigationButtons Prev="Screen" PrevUrl="/butil/screen" Next="Crypto" NextUrl="/butil/crypto" />
diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil14CookiePage.razor.scss b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil14CookiePage.razor.scss
new file mode 100644
index 0000000000..7daf60a86e
--- /dev/null
+++ b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil14CookiePage.razor.scss
@@ -0,0 +1,20 @@
+@import '../../Styles/abstracts/_colors.scss';
+@import '../../Styles/abstracts/_mixins.scss';
+@import '../../Styles/abstracts/_functions.scss';
+@import '../../Styles/abstracts/_media-queries.scss';
+
+.page-container {
+    @include PageContainer;
+}
+
+.section-card {
+    @include SectionCard;
+}
+
+.section-card-txt {
+    @include SectionCardText;
+}
+
+.code-box {
+    @include CodeBox;
+}
diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil15CryptoPage.razor b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil15CryptoPage.razor
new file mode 100644
index 0000000000..0a4766d374
--- /dev/null
+++ b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil15CryptoPage.razor
@@ -0,0 +1,36 @@
+@page "/butil/crypto"
+@inherits AppComponentBase
+
+<PageOutlet Url="butil/crypto"
+            Title="Crypto - Butil"
+            Description="Crypto class of the bit Butil" />
+
+<div class="page-container">
+    <BitTypography Variant="BitTypographyVariant.H3" Gutter>Crypto</BitTypography>
+    <br />
+    <BitTypography Variant="BitTypographyVariant.Subtitle1" Gutter>
+        How to use the Crypto class of the bit Butil?
+    </BitTypography>
+    <br />
+
+    <section class="section-card">
+        <BitTypography Variant="BitTypographyVariant.H5" Gutter>Usage</BitTypography>
+        <div class="section-card-txt">
+            To use the browser crypto features you need to inject the Bit.Butil.Crypto class and use it like this:
+<pre class="code-box">
+@@inject Bit.Butil.Crypto crypto
+
+@@code {
+    await Crypto.Encrypt(...);
+}</pre>
+        </div>
+    </section>
+
+    <section class="section-card">
+        <BitTypography Variant="BitTypographyVariant.H5" Gutter>Methods</BitTypography>
+        <div class="section-card-txt">
+        </div>
+    </section>
+</div>
+
+<NavigationButtons Prev="Cookie" PrevUrl="/butil/cookie" />
diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil15CryptoPage.razor.scss b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil15CryptoPage.razor.scss
new file mode 100644
index 0000000000..7daf60a86e
--- /dev/null
+++ b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil15CryptoPage.razor.scss
@@ -0,0 +1,20 @@
+@import '../../Styles/abstracts/_colors.scss';
+@import '../../Styles/abstracts/_mixins.scss';
+@import '../../Styles/abstracts/_functions.scss';
+@import '../../Styles/abstracts/_media-queries.scss';
+
+.page-container {
+    @include PageContainer;
+}
+
+.section-card {
+    @include SectionCard;
+}
+
+.section-card-txt {
+    @include SectionCardText;
+}
+
+.code-box {
+    @include CodeBox;
+}
diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/HomePage.razor.scss b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/HomePage.razor.scss
index 132bad6fda..ed47317667 100644
--- a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/HomePage.razor.scss
+++ b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/HomePage.razor.scss
@@ -488,7 +488,7 @@
 .customer-section {
     ::deep .customer-feedback-carousel {
         width: 100%;
-        height: rem2(360px);
+        height: rem2(300px);
         margin: rem2(32px) auto;
     }
 
diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Shared/Header.razor b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Shared/Header.razor
index d9b17f7b3b..ae106bd3f3 100644
--- a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Shared/Header.razor
+++ b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Shared/Header.razor
@@ -41,6 +41,13 @@
                                 <div class="item-desc">Blazor Entity Framework Sqlite</div>
                             </div>
                         </a>
+
+                        <a class="menu-item @(currentUrl.Contains("butil") ? "active" : "")" href="@Urls.Butil">
+                            <div class="menu-item-content">
+                                <div class="item-title">Butil</div>
+                                <div class="item-desc">Blazor Utilities for JavaScript</div>
+                            </div>
+                        </a>
                     </div>
                     <div class="col">
                         <div class="col-header">Services</div>
@@ -125,6 +132,13 @@
                             <div class="item-desc">Blazor Entity Framework Sqlite</div>
                         </div>
                     </a>
+
+                    <a class="menu-item" href="@Urls.Butil" @onclick=@WrapHandled(ToggleHeaderMenu)>
+                        <div class="menu-item-content">
+                            <div class="item-title">Butil</div>
+                            <div class="item-desc">Blazor Utilities for JavaScript</div>
+                        </div>
+                    </a>
                 </div>
                 <div class="col">
                     <div class="col-header">Services</div>
diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Shared/Header.razor.scss b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Shared/Header.razor.scss
index 8f36c473f4..3e995adc90 100644
--- a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Shared/Header.razor.scss
+++ b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Shared/Header.razor.scss
@@ -199,6 +199,7 @@
 
 ::deep {
     .header-nav-close-btn {
+        z-index: 2;
         top: rem2(10px);
         right: rem2(10px);
         width: rem2(44px);
@@ -235,7 +236,6 @@
     cursor: default;
     position: absolute;
     flex-flow: row nowrap;
-    max-height: rem2(350px);
     border-radius: rem2(4px);
     padding: rem2(8px) rem2(16px);
     box-shadow: $bit-box-shadow-callout;
@@ -275,7 +275,6 @@
     .menu-item {
         display: flex;
         cursor: pointer;
-        margin: rem2(8px) 0;
         align-items: center;
         flex-flow: row nowrap;
         border-radius: rem2(4px);
diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Shared/MainLayout.razor.cs b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Shared/MainLayout.razor.cs
index f53f9e543d..3fb41a8756 100644
--- a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Shared/MainLayout.razor.cs
+++ b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Shared/MainLayout.razor.cs
@@ -10,6 +10,7 @@ public partial class MainLayout : IDisposable
     private bool isTemplateDocRoute;
     private bool isBswupDocRoute;
     private bool isBesqlDocRoute;
+    private bool isButilDocRoute;
 
     private List<BitNavItem> navItems = [];
 
@@ -49,6 +50,25 @@ public partial class MainLayout : IDisposable
         new BitNavItem { Text = "Usage", Url = "/besql/usage" },
     ];
 
+    private readonly List<BitNavItem> butilNavItems =
+    [
+        new BitNavItem { Text = "Overview", Url = "/butil/overview" },
+        new BitNavItem { Text = "Install", Url = "/butil/install" },
+        new BitNavItem { Text = "Setup", Url = "/butil/setup" },
+        new BitNavItem { Text = "Window", Url = "/butil/window" },
+        new BitNavItem { Text = "Document", Url = "/butil/document" },
+        new BitNavItem { Text = "Keyboard", Url = "/butil/keyboard" },
+        new BitNavItem { Text = "Console", Url = "/butil/console" },
+        new BitNavItem { Text = "History", Url = "/butil/history" },
+        new BitNavItem { Text = "Element", Url = "/butil/element" },
+        new BitNavItem { Text = "Navigator", Url = "/butil/navigator" },
+        new BitNavItem { Text = "Storage", Url = "/butil/storage" },
+        new BitNavItem { Text = "Location", Url = "/butil/location" },
+        new BitNavItem { Text = "Screen", Url = "/butil/screen" },
+        new BitNavItem { Text = "Cookie", Url = "/butil/cookie" },
+        new BitNavItem { Text = "Crypto", Url = "/butil/Crypto" },
+    ];
+
 
     protected override Task OnInitializedAsync()
     {
@@ -73,11 +93,13 @@ private void SetNavItems()
         isTemplateDocRoute = currentUrl.Contains("templates") || currentUrl.Contains("admin-panel") || currentUrl.Contains("todo-template");
         isBswupDocRoute = currentUrl.Contains("bswup");
         isBesqlDocRoute = currentUrl.Contains("besql");
-        isDocsRoute = isTemplateDocRoute || isBswupDocRoute || isBesqlDocRoute;
+        isButilDocRoute = currentUrl.Contains("butil");
+        isDocsRoute = isTemplateDocRoute || isBswupDocRoute || isBesqlDocRoute || isButilDocRoute;
 
         navItems = isTemplateDocRoute ? templatesNavItems
                  : isBswupDocRoute ? bswupNavItems
                  : isBesqlDocRoute ? besqlNavItems
+                 : isButilDocRoute ? butilNavItems
                  : [];
     }
 
diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Shared/Urls.cs b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Shared/Urls.cs
index e7ba82a776..45d858d32f 100644
--- a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Shared/Urls.cs
+++ b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Shared/Urls.cs
@@ -24,6 +24,7 @@ public static class Urls
 
     public const string Bswup = "/bswup/overview";
     public const string Besql = "/besql/overview";
+    public const string Butil = "/butil/overview";
 
     public const string BoilerplateNuget = "https://www.nuget.org/packages/Bit.Boilerplate/";
 
diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Client/compilerconfig.json b/src/Websites/Platform/src/Bit.Websites.Platform.Client/compilerconfig.json
index 3f42b6ace2..aa0958b96f 100644
--- a/src/Websites/Platform/src/Bit.Websites.Platform.Client/compilerconfig.json
+++ b/src/Websites/Platform/src/Bit.Websites.Platform.Client/compilerconfig.json
@@ -214,5 +214,95 @@
         "inputFile": "Pages/Besql/Besql03UsagePage.razor.scss",
         "minify": { "enabled": false },
         "options": { "sourceMap": false }
+    },
+    {
+        "outputFile": "Pages/Butil/Butil01OverviewPage.razor.css",
+        "inputFile": "Pages/Butil/Butil01OverviewPage.razor.scss",
+        "minify": { "enabled": false },
+        "options": { "sourceMap": false }
+    },
+    {
+        "outputFile": "Pages/Butil/Butil02InstallPage.razor.css",
+        "inputFile": "Pages/Butil/Butil02InstallPage.razor.scss",
+        "minify": { "enabled": false },
+        "options": { "sourceMap": false }
+    },
+    {
+        "outputFile": "Pages/Butil/Butil03SetupPage.razor.css",
+        "inputFile": "Pages/Butil/Butil03SetupPage.razor.scss",
+        "minify": { "enabled": false },
+        "options": { "sourceMap": false }
+    },
+    {
+        "outputFile": "Pages/Butil/Butil04WindowPage.razor.css",
+        "inputFile": "Pages/Butil/Butil04WindowPage.razor.scss",
+        "minify": { "enabled": false },
+        "options": { "sourceMap": false }
+    },
+    {
+        "outputFile": "Pages/Butil/Butil05DocumentPage.razor.css",
+        "inputFile": "Pages/Butil/Butil05DocumentPage.razor.scss",
+        "minify": { "enabled": false },
+        "options": { "sourceMap": false }
+    },
+    {
+        "outputFile": "Pages/Butil/Butil06KeyboardPage.razor.css",
+        "inputFile": "Pages/Butil/Butil06KeyboardPage.razor.scss",
+        "minify": { "enabled": false },
+        "options": { "sourceMap": false }
+    },
+    {
+        "outputFile": "Pages/Butil/Butil07ConsolePage.razor.css",
+        "inputFile": "Pages/Butil/Butil07ConsolePage.razor.scss",
+        "minify": { "enabled": false },
+        "options": { "sourceMap": false }
+    },
+    {
+        "outputFile": "Pages/Butil/Butil08HistoryPage.razor.css",
+        "inputFile": "Pages/Butil/Butil08HistoryPage.razor.scss",
+        "minify": { "enabled": false },
+        "options": { "sourceMap": false }
+    },
+    {
+        "outputFile": "Pages/Butil/Butil09ElementPage.razor.css",
+        "inputFile": "Pages/Butil/Butil09ElementPage.razor.scss",
+        "minify": { "enabled": false },
+        "options": { "sourceMap": false }
+    },
+    {
+        "outputFile": "Pages/Butil/Butil10NavigatorPage.razor.css",
+        "inputFile": "Pages/Butil/Butil10NavigatorPage.razor.scss",
+        "minify": { "enabled": false },
+        "options": { "sourceMap": false }
+    },
+    {
+        "outputFile": "Pages/Butil/Butil11StoragePage.razor.css",
+        "inputFile": "Pages/Butil/Butil11StoragePage.razor.scss",
+        "minify": { "enabled": false },
+        "options": { "sourceMap": false }
+    },
+    {
+        "outputFile": "Pages/Butil/Butil12LocationPage.razor.css",
+        "inputFile": "Pages/Butil/Butil12LocationPage.razor.scss",
+        "minify": { "enabled": false },
+        "options": { "sourceMap": false }
+    },
+    {
+        "outputFile": "Pages/Butil/Butil13ScreenPage.razor.css",
+        "inputFile": "Pages/Butil/Butil13ScreenPage.razor.scss",
+        "minify": { "enabled": false },
+        "options": { "sourceMap": false }
+    },
+    {
+        "outputFile": "Pages/Butil/Butil14CookiePage.razor.css",
+        "inputFile": "Pages/Butil/Butil14CookiePage.razor.scss",
+        "minify": { "enabled": false },
+        "options": { "sourceMap": false }
+    },
+    {
+        "outputFile": "Pages/Butil/Butil15CryptoPage.razor.css",
+        "inputFile": "Pages/Butil/Butil15CryptoPage.razor.scss",
+        "minify": { "enabled": false },
+        "options": { "sourceMap": false }
     }
 ]
\ No newline at end of file
diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Client/wwwroot/images/butil/install-visualstudio.webp b/src/Websites/Platform/src/Bit.Websites.Platform.Client/wwwroot/images/butil/install-visualstudio.webp
new file mode 100644
index 0000000000000000000000000000000000000000..4af735a46358ad5484c76ea2f71d3e9b9c977f9a
GIT binary patch
literal 26990
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
Og#Igymxt#s_WuFBHXHl^

literal 0
HcmV?d00001


From f65ce2ba1a5939735666878002d5b4feba4da145 Mon Sep 17 00:00:00 2001
From: Saleh Yusefnejad <msynk@outlook.com>
Date: Sat, 13 Jan 2024 18:38:41 +0330
Subject: [PATCH 18/39] fix(websites): resolve issues of the new docs' navmenu
 in small screens #6571 (#6572)

---
 .../Shared/Header.razor                       | 22 ++++++++--------
 .../Shared/Header.razor.cs                    | 26 ++++++++++++++++---
 .../Shared/MainLayout.razor.scss              |  4 +++
 3 files changed, 38 insertions(+), 14 deletions(-)

diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Shared/Header.razor b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Shared/Header.razor
index ae106bd3f3..23b5e3a249 100644
--- a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Shared/Header.razor
+++ b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Shared/Header.razor
@@ -1,14 +1,14 @@
 @inherits AppComponentBase
 
-<header class="main-header @((currentUrl.Contains("templates") is false) ? "main-header--full-page" : null)">
+<header class="main-header">
     <div class="header-main-container">
         <div class="header-content-container">
-            @if (currentUrl.Contains("templates"))
+            @if (isDocsRoute)
             {
                 <BitIconButton Class="header-menu-btn" IconName="@BitIconName.CollapseMenu" OnClick=@WrapHandled(ToggleMenu) AriaLabel="Header menu button" />
             }
             <a class="header-logo" href="@Urls.HomePage" aria-label="Home page" />
-            <div class="header-link header-ps-btn @(currentUrl.Contains("templates") ? "header-link--active" : null)">
+            <div class="header-link header-ps-btn @(isDocsRoute ? "header-link--active" : null)">
                 Products & Services
                 <div class="header-menu-popup">
                     <div class="col">
@@ -21,28 +21,28 @@
                             </div>
                         </a>
 
-                        <a class="menu-item @(currentUrl.Contains("templates") ? "active" : "")" href="@Urls.Templates">
+                        <a class="menu-item @(isTemplateDocRoute ? "active" : "")" href="@Urls.Templates">
                             <div class="menu-item-content">
                                 <div class="item-title">Project templates</div>
                                 <div class="item-desc">Feature-rich .NET project templates</div>
                             </div>
                         </a>
 
-                        <a class="menu-item @(currentUrl.Contains("bswup") ? "active" : "")" href="@Urls.Bswup">
+                        <a class="menu-item @(isBswupDocRoute ? "active" : "")" href="@Urls.Bswup">
                             <div class="menu-item-content">
                                 <div class="item-title">Bswup (Blazor PWA)</div>
                                 <div class="item-desc">Blazor Service Worker Update Progress</div>
                             </div>
                         </a>
 
-                        <a class="menu-item @(currentUrl.Contains("besql") ? "active" : "")" href="@Urls.Besql">
+                        <a class="menu-item @(isBesqlDocRoute ? "active" : "")" href="@Urls.Besql">
                             <div class="menu-item-content">
                                 <div class="item-title">Besql</div>
                                 <div class="item-desc">Blazor Entity Framework Sqlite</div>
                             </div>
                         </a>
 
-                        <a class="menu-item @(currentUrl.Contains("butil") ? "active" : "")" href="@Urls.Butil">
+                        <a class="menu-item @(isButilDocRoute ? "active" : "")" href="@Urls.Butil">
                             <div class="menu-item-content">
                                 <div class="item-title">Butil</div>
                                 <div class="item-desc">Blazor Utilities for JavaScript</div>
@@ -112,28 +112,28 @@
                         </div>
                     </a>
 
-                    <a class="menu-item" href="@Urls.Templates" @onclick=@WrapHandled(ToggleHeaderMenu)>
+                    <a class="menu-item @(isTemplateDocRoute ? "active" : "")" href="@Urls.Templates" @onclick=@WrapHandled(ToggleHeaderMenu)>
                         <div class="menu-item-content">
                             <div class="item-title">Project templates</div>
                             <div class="item-desc">Feature-rich project templates</div>
                         </div>
                     </a>
 
-                    <a class="menu-item" href="@Urls.Bswup" @onclick=@WrapHandled(ToggleHeaderMenu)>
+                    <a class="menu-item @(isBswupDocRoute ? "active" : "")" href="@Urls.Bswup" @onclick=@WrapHandled(ToggleHeaderMenu)>
                         <div class="menu-item-content">
                             <div class="item-title">Bswup (Blazor PWA)</div>
                             <div class="item-desc">Blazor Service Worker Update Progress</div>
                         </div>
                     </a>
 
-                    <a class="menu-item" href="@Urls.Besql" @onclick=@WrapHandled(ToggleHeaderMenu)>
+                    <a class="menu-item @(isBesqlDocRoute ? "active" : "")" href="@Urls.Besql" @onclick=@WrapHandled(ToggleHeaderMenu)>
                         <div class="menu-item-content">
                             <div class="item-title">Besql</div>
                             <div class="item-desc">Blazor Entity Framework Sqlite</div>
                         </div>
                     </a>
 
-                    <a class="menu-item" href="@Urls.Butil" @onclick=@WrapHandled(ToggleHeaderMenu)>
+                    <a class="menu-item @(isButilDocRoute ? "active" : "")" href="@Urls.Butil" @onclick=@WrapHandled(ToggleHeaderMenu)>
                         <div class="menu-item-content">
                             <div class="item-title">Butil</div>
                             <div class="item-desc">Blazor Utilities for JavaScript</div>
diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Shared/Header.razor.cs b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Shared/Header.razor.cs
index 4b4cf74289..f0b00a888a 100644
--- a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Shared/Header.razor.cs
+++ b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Shared/Header.razor.cs
@@ -4,15 +4,22 @@ namespace Bit.Websites.Platform.Client.Shared;
 
 public partial class Header : IDisposable
 {
-    private string currentUrl = string.Empty;
+    private bool isDocsRoute;
+    private bool isBswupDocRoute;
+    private bool isBesqlDocRoute;
+    private bool isButilDocRoute;
     private bool isHeaderMenuOpen;
+    private bool isTemplateDocRoute;
+    private string currentUrl = string.Empty;
+
 
     [AutoInject] public NavManuService navManuService = default!;
     [AutoInject] public BitThemeManager bitThemeManager  = default!;
 
     protected override async Task OnInitAsync()
     {
-        currentUrl = NavigationManager.Uri.Replace(NavigationManager.BaseUri, "/", StringComparison.Ordinal);
+        HandleCollapseMenu();
+
         NavigationManager.LocationChanged += OnLocationChanged;
 
         await base.OnInitAsync();
@@ -20,10 +27,23 @@ protected override async Task OnInitAsync()
 
     private void OnLocationChanged(object? sender, LocationChangedEventArgs args)
     {
-        currentUrl = NavigationManager.Uri.Replace(NavigationManager.BaseUri, "/", StringComparison.Ordinal);
+        HandleCollapseMenu();
+
         StateHasChanged();
     }
 
+    private void HandleCollapseMenu()
+    {
+        currentUrl = NavigationManager.Uri.Replace(NavigationManager.BaseUri, "/", StringComparison.Ordinal);
+
+        isBswupDocRoute = currentUrl.Contains("bswup");
+        isBesqlDocRoute = currentUrl.Contains("besql");
+        isButilDocRoute = currentUrl.Contains("butil");
+        isTemplateDocRoute = currentUrl.Contains("templates") || currentUrl.Contains("admin-panel") || currentUrl.Contains("todo-template");
+
+        isDocsRoute = isTemplateDocRoute || isBswupDocRoute || isBesqlDocRoute || isButilDocRoute;
+    }
+
     private void ToggleMenu()
     {
         navManuService.ToggleMenu();
diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Shared/MainLayout.razor.scss b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Shared/MainLayout.razor.scss
index afc3a15df4..bd7c1da01c 100644
--- a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Shared/MainLayout.razor.scss
+++ b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Shared/MainLayout.razor.scss
@@ -59,6 +59,10 @@
         margin-top: rem2(calc($HeaderHeight + $HeaderSecondRowHeight));
     }
 
+    @include sm {
+        padding: 1rem;
+    }
+
     ::deep .page-container {
         margin: auto;
         max-width: rem2(1200px);

From 23f86633f2e85fce7fa0198134a6ec4ebbb7a3fd Mon Sep 17 00:00:00 2001
From: Mohammad Hossein Rastegarinia <mh.rastegari@outlook.com>
Date: Sun, 14 Jan 2024 11:26:26 +0330
Subject: [PATCH 19/39] feat(butil): improve Butil docs in the platform website
 #6573 (#6574)

---
 .../Pages/Butil/Butil04WindowPage.razor       | 102 +++++++++-
 .../Pages/Butil/Butil05DocumentPage.razor     |  40 +++-
 .../Pages/Butil/Butil07ConsolePage.razor      |  69 +++++++
 .../Pages/Butil/Butil08HistoryPage.razor      |  31 ++-
 .../Pages/Butil/Butil09ElementPage.razor      | 178 ++++++++++++++++++
 .../Pages/Butil/Butil10NavigatorPage.razor    |  58 ++++++
 .../Pages/Butil/Butil11StoragePage.razor      |  23 +++
 .../Pages/Butil/Butil12LocationPage.razor     |  46 +++++
 .../Pages/Butil/Butil13ScreenPage.razor       |  30 +++
 .../Pages/Butil/Butil14CookiePage.razor       |   8 +
 .../Pages/Butil/Butil15CryptoPage.razor       |   6 +
 11 files changed, 585 insertions(+), 6 deletions(-)

diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil04WindowPage.razor b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil04WindowPage.razor
index 0bd269c94a..c416b612ab 100644
--- a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil04WindowPage.razor
+++ b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil04WindowPage.razor
@@ -33,20 +33,120 @@
             <b>AddBeforeUnload</b>, <b>RemoveBeforeUnload</b>: The beforeunload event is fired when the current window, 
             contained document, and associated resources are about to be unloaded. The main use case for this event is to 
             trigger a browser-generated confirmation dialog that asks users to confirm if they really want to leave the page 
-            when they try to close or reload it, or navigate somewhere else. This is intended to help prevent loss of unsaved data.
+            when they try to close or reload it, or navigate somewhere else. This is intended to help prevent loss of unsaved data
             (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Window/beforeunload_event" target="_blank">MDN</a>).
             <br /><br />
+
             <b>GetInnerHeight</b>: Gets the height of the content area of the browser window in px including, if rendered, the horizontal scrollbar
             (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Window/innerHeight" target="_blank">MDN</a>).
             <br /><br />
+
             <b>GetInnerWidth</b>: Gets the width of the content area of the browser window in px including, if rendered, the vertical scrollbar
             (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Window/innerWidth" target="_blank">MDN</a>).
             <br /><br />
+
             <b>IsSecureContext</b>: Returns a boolean indicating whether the current context is secure (true) or not (false)
             (<a href="https://developer.mozilla.org/en-US/docs/Web/API/isSecureContext" target="_blank">MDN</a>).
             <br /><br />
+
+            <b>GetLocationBar</b>: Returns the locationbar object. For privacy and interoperability reasons, the value of the visible property is now false if this Window is a popup, and true otherwise
+            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Window/locationbar" target="_blank">MDN</a>).
+            <br /><br />
+
+            <b>SetName</b>, <b>GetName</b>: Gets/Sets the name of the window's browsing context
+            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Window/name" target="_blank">MDN</a>).
+            <br /><br />
+
             <b>GetOrigin</b>: Returns the global object's origin, serialized as a string
             (<a href="https://developer.mozilla.org/en-US/docs/Web/API/origin" target="_blank">MDN</a>).
+            <br /><br />
+
+            <b>GetOuterHeight</b>: Gets the height of the outside of the browser window in px
+            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Window/outerHeight" target="_blank">MDN</a>).
+            <br /><br />
+
+            <b>GetOuterWidth</b>: Gets the width of the outside of the browser window in px
+            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Window/outerWidth" target="_blank">MDN</a>).
+            <br /><br />
+
+            <b>GetScreenX</b>: Returns the horizontal distance in px from the left border of the user's browser viewport to the left side of the screen
+            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Window/screenX" target="_blank">MDN</a>).
+            <br /><br />
+
+            <b>GetScreenY</b>: Returns the vertical distance in px from the top border of the user's browser viewport to the top side of the screen
+            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Window/screenY" target="_blank">MDN</a>).
+            <br /><br />
+
+            <b>GetScrollX</b>: Returns the number of pixels that the document has already been scrolled horizontally
+            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Window/scrollX" target="_blank">MDN</a>).
+            <br /><br />
+
+            <b>GetScrollY</b>: Returns the number of pixels that the document has already been scrolled vertically
+            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Window/scrollY" target="_blank">MDN</a>).
+            <br /><br />
+
+            <b>Atob</b>: Decodes a string of data which has been encoded using base-64 encoding
+            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/atob" target="_blank">MDN</a>).
+            <br /><br />
+
+            <b>Btoa</b>: Creates a base-64 encoded ASCII string from a string of binary data
+            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/btoa" target="_blank">MDN</a>).
+            <br /><br />
+
+            <b>Alert</b>: Displays an alert dialog
+            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Window/alert" target="_blank">MDN</a>).
+            <br /><br />
+
+            <b>Blur</b>: Sets focus away from the window
+            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Window/blur" target="_blank">MDN</a>).
+            <br /><br />
+
+            <b>Close</b>: Closes the current window
+            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Window/close" target="_blank">MDN</a>).
+            <br /><br />
+
+            <b>Confirm</b>: Displays a dialog with a message that the user needs to respond to
+            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Window/confirm" target="_blank">MDN</a>).
+            <br /><br />
+
+            <b>Find</b>: Searches for a given string in a window
+            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Window/find" target="_blank">MDN</a>).
+            <br /><br />
+
+            <b>Focus</b>: Sets focus on the current window
+            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Window/focus" target="_blank">MDN</a>).
+            <br /><br />
+
+            <b>GetSelection</b>: Returns the selection text representing the selected item(s)
+            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Window/getSelection" target="_blank">MDN</a>).
+            <br /><br />
+
+            <b>MatchMedia</b>: Returns a MediaQueryList object representing the specified media query string
+            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Window/matchMedia" target="_blank">MDN</a>).
+            <br /><br />
+
+            <b>Open</b>: Opens a new window
+            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Window/open" target="_blank">MDN</a>).
+            <br /><br />
+
+            <b>Print</b>: Opens the Print Dialog to print the current document
+            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Window/print" target="_blank">MDN</a>).
+            <br /><br />
+
+            <b>Prompt</b>: Returns the text entered by the user in a prompt dialog
+            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Window/prompt" target="_blank">MDN</a>).
+            <br /><br />
+
+            <b>Scroll</b>: Scrolls the window to a particular place in the document
+            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Window/scroll" target="_blank">MDN</a>).
+            <br /><br />
+
+            <b>ScrollBy</b>: Scrolls the document in the window by the given amount
+            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Window/scrollBy" target="_blank">MDN</a>).
+            <br /><br />
+
+            <b>Stop</b>: This method stops window loading
+            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Window/stop" target="_blank">MDN</a>).
         </div>
     </section>
 </div>
diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil05DocumentPage.razor b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil05DocumentPage.razor
index bd7f5c0d13..24bf9fd142 100644
--- a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil05DocumentPage.razor
+++ b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil05DocumentPage.razor
@@ -30,20 +30,52 @@
     <section class="section-card">
         <BitTypography Variant="BitTypographyVariant.H5" Gutter>Methods</BitTypography>
         <div class="section-card-txt">
+            <b>AddEventListener</b>, <b>RemoveEventListener</b>: Sets up a function that will be called whenever the specified event is delivered to the document
+            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener" target="_blank">MDN</a>).
+            <br /><br />
+
             <b>GetCharacterSet</b>: Returns the character set being used by the document
             (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Document/characterSet" target="_blank">MDN</a>).
             <br /><br />
+
             <b>GetCompatMode</b>: Indicates whether the document is rendered in quirks or strict mode
             (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Document/compatMode" target="_blank">MDN</a>).
             <br /><br />
-            <b>GetInnerWidth</b>: Gets the width of the content area of the browser window in px including, if rendered, the vertical scrollbar
-            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Window/innerWidth" target="_blank">MDN</a>).
+
+            <b>GetContentType</b>: Returns the Content-Type from the MIME Header of the current document
+            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Document/contentType" target="_blank">MDN</a>).
             <br /><br />
-            <b>GetContentType</b>: Returns the document location as a string
+
+            <b>GetDocumentURI</b>: Returns the document location as a string
             (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Document/documentURI" target="_blank">MDN</a>).
             <br /><br />
-            <b>GetDesignMode</b>: Gets ability to edit the whole document
+
+            <b>SetDesignMode</b>, <b>GetDesignMode</b>: Gets/Sets ability to edit the whole document
             (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Document/designMode" target="_blank">MDN</a>).
+            <br /><br />
+
+            <b>SetDir</b>, <b>GetDir</b>: Gets/Sets directionality (rtl/ltr) of the document
+            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Document/dir" target="_blank">MDN</a>).
+            <br /><br />
+
+            <b>SetTitle</b>, <b>GetTitle</b>: Gets/Sets the title of the current document
+            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Document/title" target="_blank">MDN</a>).
+            <br /><br />
+
+            <b>GetReferrer</b>: Returns the URI of the page that linked to this page
+            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Document/referrer" target="_blank">MDN</a>).
+            <br /><br />
+
+            <b>GetUrl</b>: Returns the document location as a string
+            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Document/URL" target="_blank">MDN</a>).
+            <br /><br />
+
+            <b>ExitFullscreen</b>: Stops document's fullscreen element from being displayed fullscreen
+            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Document/exitFullscreen" target="_blank">MDN</a>).
+            <br /><br />
+
+            <b>ExitPointerLock</b>: Release the pointer lock
+            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Document/exitPointerLock" target="_blank">MDN</a>).
         </div>
     </section>
 </div>
diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil07ConsolePage.razor b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil07ConsolePage.razor
index 3f0241fe68..62115e8495 100644
--- a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil07ConsolePage.razor
+++ b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil07ConsolePage.razor
@@ -34,20 +34,89 @@
             <b>Assert</b>: Log a message and stack trace to console if the first argument is false
             (<a href="https://developer.mozilla.org/en-US/docs/Web/API/console/assert_static" target="_blank">MDN</a>).
             <br /><br />
+
             <b>Clear</b>: Clear the console
             (<a href="https://developer.mozilla.org/en-US/docs/Web/API/console/clear_static" target="_blank">MDN</a>).
             <br /><br />
+
             <b>Count</b>: Log the number of times this line has been called with the given label
             (<a href="https://developer.mozilla.org/en-US/docs/Web/API/console/count_static" target="_blank">MDN</a>).
             <br /><br />
+
             <b>CountReset</b>: Resets the value of the counter with the given label
             (<a href="https://developer.mozilla.org/en-US/docs/Web/API/console/countreset_static" target="_blank">MDN</a>).
             <br /><br />
+
             <b>Debug</b>: Outputs a message to the console with the log level debug
             (<a href="https://developer.mozilla.org/en-US/docs/Web/API/console/debug_static" target="_blank">MDN</a>).
             <br /><br />
+
             <b>Dir</b>: Displays an interactive listing of the properties of a specified JavaScript object
             (<a href="https://developer.mozilla.org/en-US/docs/Web/API/console/dir_static" target="_blank">MDN</a>).
+            <br /><br />
+
+            <b>Dirxml</b>: Displays an XML/HTML Element representation of the specified object if possible or the JavaScript Object view if it is not possible
+            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/console/dirxml_static" target="_blank">MDN</a>).
+            <br /><br />
+
+            <b>Error</b>: Outputs an error message. You may use string substitution and additional arguments with this method
+            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/console/error_static" target="_blank">MDN</a>).
+            <br /><br />
+
+            <b>Group</b>: Creates a new inline group, indenting all following output by another level. To move back out a level, call console.groupEnd()
+            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/console/group_static" target="_blank">MDN</a>).
+            <br /><br />
+
+            <b>GroupCollapsed</b>: Creates a new inline group, indenting all following output by another level. However, unlike console.group() this starts with the inline group collapsed requiring the use of a disclosure button to expand it. To move back out a level, call console.groupEnd()
+            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/console/groupcollapsed_static" target="_blank">MDN</a>).
+            <br /><br />
+
+            <b>GroupEnd</b>: Exits the current inline group
+            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/console/groupend_static" target="_blank">MDN</a>).
+            <br /><br />
+
+            <b>Info</b>: Informative logging of information. You may use string substitution and additional arguments with this method
+            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/console/info_static" target="_blank">MDN</a>).
+            <br /><br />
+
+            <b>Log</b>: For general output of logging information. You may use string substitution and additional arguments with this method
+            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/console/log_static" target="_blank">MDN</a>).
+            <br /><br />
+
+            <b>Log</b>: For general output of logging information. You may use string substitution and additional arguments with this method
+            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/console/log_static" target="_blank">MDN</a>).
+            <br /><br />
+
+            <b>Profile</b>: Starts the browser's built-in profiler (for example, the Firefox performance tool). You can specify an optional name for the profile
+            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/console/profile_static" target="_blank">MDN</a>).
+            <br /><br />
+
+            <b>ProfileEnd</b>: Stops the profiler. You can see the resulting profile in the browser's performance tool (for example, the Firefox performance tool)
+            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/console/profileend_static" target="_blank">MDN</a>).
+            <br /><br />
+
+            <b>Time</b>: Starts a timer with a name specified as an input parameter. Up to 10,000 simultaneous timers can run on a given page
+            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/console/time_static" target="_blank">MDN</a>).
+            <br /><br />
+
+            <b>TimeEnd</b>: Stops the specified timer and logs the elapsed time in milliseconds since it started
+            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/console/timeend_static" target="_blank">MDN</a>).
+            <br /><br />
+
+            <b>TimeLog</b>: Logs the value of the specified timer to the console
+            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/console/timelog_static" target="_blank">MDN</a>).
+            <br /><br />
+
+            <b>TimeStamp</b>: Adds a marker to the browser performance tool's timeline
+            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/console/timestamp_static" target="_blank">MDN</a>).
+            <br /><br />
+
+            <b>Trace</b>: Outputs a stack trace
+            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/console/trace_static" target="_blank">MDN</a>).
+            <br /><br />
+
+            <b>Warn</b>: Outputs a warning message
+            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/console/warn_static" target="_blank">MDN</a>).
         </div>
     </section>
 </div>
diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil08HistoryPage.razor b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil08HistoryPage.razor
index 22bfcdf4f5..61899b1dfa 100644
--- a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil08HistoryPage.razor
+++ b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil08HistoryPage.razor
@@ -32,8 +32,37 @@
             <b>GetLength</b>: Returns an Integer representing the number of elements in the session history, including the currently loaded page
             (<a href="https://developer.mozilla.org/en-US/docs/Web/API/History/length" target="_blank">MDN</a>).
             <br /><br />
-            <b>GetScrollRestoration</b>: Gets default scroll restoration behavior on history navigation. This property can be either auto or manual
+
+            <b>SetScrollRestoration</b>, <b>GetScrollRestoration</b>: Gets/Sets default scroll restoration behavior on history navigation. This property can be either auto or manual
             (<a href="https://developer.mozilla.org/en-US/docs/Web/API/History/scrollRestoration" target="_blank">MDN</a>).
+            <br /><br />
+
+            <b>GetState</b>: Returns an any value representing the state at the top of the history stack
+            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/History/state" target="_blank">MDN</a>).
+            <br /><br />
+
+            <b>GoBack</b>: This asynchronous method goes to the previous page in session history, the same action as when the user clicks the browser's Back button. Calling this method to go back beyond the first page in the session history has no effect and doesn't raise an exception
+            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/History/back" target="_blank">MDN</a>).
+            <br /><br />
+
+            <b>GoForward</b>: This asynchronous method goes to the next page in session history, the same action as when the user clicks the browser's Forward button. Calling this method to go forward beyond the most recent page in the session history has no effect and doesn't raise an exception
+            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/History/forward" target="_blank">MDN</a>).
+            <br /><br />
+
+            <b>Go</b>: Asynchronously loads a page from the session history, identified by its relative location to the current page, for example -1 for the previous page or 1 for the next page. Calling this method without parameters or a value of 0 reloads the current page
+            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/History/go" target="_blank">MDN</a>).
+            <br /><br />
+
+            <b>PushState</b>: Pushes the given data onto the session history stack with the specified title (and, if provided, URL)
+            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/History/pushState" target="_blank">MDN</a>).
+            <br /><br />
+
+            <b>ReplaceState</b>: Updates the most recent entry on the history stack to have the specified data, title, and, if provided, URL
+            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/History/replaceState" target="_blank">MDN</a>).
+            <br /><br />
+
+            <b>AddPopState</b>, <b>RemovePopState</b>: The popstate event of the Window interface is fired when the active history entry changes while the user navigates the session history
+            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Window/popstate_event" target="_blank">MDN</a>).
         </div>
     </section>
 </div>
diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil09ElementPage.razor b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil09ElementPage.razor
index cf54df968b..899fa5ca5b 100644
--- a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil09ElementPage.razor
+++ b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil09ElementPage.razor
@@ -38,6 +38,184 @@
     <section class="section-card">
         <BitTypography Variant="BitTypographyVariant.H5" Gutter>Methods</BitTypography>
         <div class="section-card-txt">
+            <b>Blur</b>: Removes keyboard focus from the currently focused element
+            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/blur" target="_blank">MDN</a>).
+            <br /><br />
+
+            <b>GetAttribute</b>: Retrieves the value of the named attribute from the current node and returns it as a string
+            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Element/getAttribute" target="_blank">MDN</a>).
+            <br /><br />
+
+            <b>GetAttributeNames</b>: Returns an array of attribute names from the current element
+            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Element/getAttributeNames" target="_blank">MDN</a>).
+            <br /><br />
+
+            <b>GetBoundingClientRect</b>: Returns the size of an element and its position relative to the viewport
+            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Element/getBoundingClientRect" target="_blank">MDN</a>).
+            <br /><br />
+
+            <b>HasAttribute</b>: Returns a boolean value indicating if the element has the specified attribute or not
+            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Element/hasAttribute" target="_blank">MDN</a>).
+            <br /><br />
+
+            <b>HasPointerCapture</b>: Indicates whether the element on which it is invoked has pointer capture for the pointer identified by the given pointer ID
+            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Element/hasPointerCapture" target="_blank">MDN</a>).
+            <br /><br />
+
+            <b>Matches</b>: Returns a boolean value indicating whether or not the element would be selected by the specified selector string
+            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Element/matches" target="_blank">MDN</a>).
+            <br /><br />
+
+            <b>ReleasePointerCapture</b>: Releases (stops) pointer capture that was previously set for a specific pointer event
+            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Element/releasePointerCapture" target="_blank">MDN</a>).
+            <br /><br />
+
+            <b>Remove</b>: Removes the element from the children list of its parent
+            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/CharacterData/remove" target="_blank">MDN</a>).
+            <br /><br />
+
+            <b>RemoveAttribute</b>: Removes the named attribute from the current node
+            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Element/removeAttribute" target="_blank">MDN</a>).
+            <br /><br />
+
+            <b>RequestFullScreen</b>: Asynchronously asks the browser to make the element fullscreen
+            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Element/requestFullscreen" target="_blank">MDN</a>).
+            <br /><br />
+
+            <b>RequestPointerLock</b>: Allows to asynchronously ask for the pointer to be locked on the given element
+            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Element/requestPointerLock" target="_blank">MDN</a>).
+            <br /><br />
+
+            <b>Scroll</b>: Scrolls to a particular set of coordinates inside a given element
+            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Element/scroll" target="_blank">MDN</a>).
+            <br /><br />
+
+            <b>ScrollBy</b>: Scrolls an element by the given amount
+            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollBy" target="_blank">MDN</a>).
+            <br /><br />
+
+            <b>ScrollIntoView</b>: Scrolls the page until the element gets into the view
+            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollIntoView" target="_blank">MDN</a>).
+            <br /><br />
+
+            <b>SetAttribute</b>: Sets the value of a named attribute of the current node
+            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Element/setAttribute" target="_blank">MDN</a>).
+            <br /><br />
+
+            <b>SetPointerCapture</b>: Designates a specific element as the capture target of future pointer events
+            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Element/setPointerCapture" target="_blank">MDN</a>).
+            <br /><br />
+
+            <b>ToggleAttribute</b>: Toggles a boolean attribute, removing it if it is present and adding it if it is not present, on the specified element
+            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Element/toggleAttribute" target="_blank">MDN</a>).
+            <br /><br />
+
+            <b>SetAccessKey</b>, <b>GetAccessKey</b>: Gets/Sets a string representing the access key assigned to the element
+            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/accessKey" target="_blank">MDN</a>).
+            <br /><br />
+
+            <b>SetClassName</b>, <b>GetClassName</b>: Gets/Sets a string representing the class of the element
+            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Element/className" target="_blank">MDN</a>).
+            <br /><br />
+
+            <b>GetClientHeight</b>: Returns a number representing the inner height of the element in px
+            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Element/clientHeight" target="_blank">MDN</a>).
+            <br /><br />
+
+            <b>GetClientLeft</b>: Returns a number representing the width of the left border of the element in px
+            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Element/clientLeft" target="_blank">MDN</a>).
+            <br /><br />
+
+            <b>GetClientTop</b>: Returns a number representing the width of the top border of the element in px
+            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Element/clientTop" target="_blank">MDN</a>).
+            <br /><br />
+
+            <b>GetClientWidth</b>: Returns a number representing the inner width of the element in px
+            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Element/clientWidth" target="_blank">MDN</a>).
+            <br /><br />
+
+            <b>SetId</b>, <b>GetId</b>: Gets/Sets a string representing the id of the element
+            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Element/id" target="_blank">MDN</a>).
+            <br /><br />
+
+            <b>SetInnerHtml</b>, <b>GetInnerHtml</b>: Gets/Sets a string representing the markup of the element's content
+            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Element/innerHTML" target="_blank">MDN</a>).
+            <br /><br />
+
+            <b>SetOuterHtml</b>, <b>GetOuterHtml</b>: Gets/Sets a string representing the markup of the element including its content. When used as a setter, replaces the element with nodes parsed from the given string
+            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Element/outerHTML" target="_blank">MDN</a>).
+            <br /><br />
+
+            <b>GetScrollHeight</b>: Returns a number representing the scroll view height of an element
+            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollHeight" target="_blank">MDN</a>).
+            <br /><br />
+
+            <b>GetScrollLeft</b>: A number representing the left scroll offset of the element
+            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollLeft" target="_blank">MDN</a>).
+            <br /><br />
+
+            <b>GetScrollTop</b>: A number representing number of pixels the top of the element is scrolled vertically
+            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollTop" target="_blank">MDN</a>).
+            <br /><br />
+
+            <b>GetScrollWidth</b>: Returns a number representing the scroll view width of the element
+            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollWidth" target="_blank">MDN</a>).
+            <br /><br />
+
+            <b>GetTagName</b>: Returns a string with the name of the tag for the given element
+            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Element/tagName" target="_blank">MDN</a>).
+            <br /><br />
+
+            <b>SetContentEditable</b>, <b>GetContentEditable</b>: Gets/Sets the contentEditable property, which specifies whether or not the element is editable
+            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Element/contentEditable" target="_blank">MDN</a>).
+            <br /><br />
+
+            <b>IsContentEditable</b>: Returns a boolean value indicating whether or not the content of the element can be edited
+            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Element/isContentEditable" target="_blank">MDN</a>).
+            <br /><br />
+
+            <b>SetDir</b>, <b>GetDir</b>: Gets/Sets the text writing directionality of the content of the current element
+            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/dir" target="_blank">MDN</a>).
+            <br /><br />
+
+            <b>SetEnterKeyHint</b>, <b>GetEnterKeyHint</b>: Gets/Sets the enterKeyHint property, which is an enumerated property defining what action label (or icon) to present for the enter key on virtual keyboards
+            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/enterKeyHint" target="_blank">MDN</a>).
+            <br /><br />
+
+            <b>SetHidden</b>, <b>GetHidden</b>: Gets/Sets the hidden property, which reflects the value of the element's hidden attribute
+            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/hidden" target="_blank">MDN</a>).
+            <br /><br />
+
+            <b>SetInert</b>, <b>GetInert</b>: Gets/Sets the inert property, which reflects the value of the element's inert attribute. It is a boolean value that, when present, makes the browser "ignore" user input events for the element, including focus events and events from assistive technologies
+            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert" target="_blank">MDN</a>).
+            <br /><br />
+
+            <b>SetInnerText</b>, <b>GetInnerText</b>: Gets/Sets the innerText property, which represents the rendered text content of a node and its descendants
+            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/innerText" target="_blank">MDN</a>).
+            <br /><br />
+
+            <b>SetInputMode</b>, <b>GetInputMode</b>: Gets/Sets the inputMode property, which reflects the value of the element's inputmode attribute
+            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inputMode" target="_blank">MDN</a>).
+            <br /><br />
+
+            <b>GetOffsetHeight</b>: Returns the height of an element, including vertical padding and borders in px
+            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Element/offsetHeight" target="_blank">MDN</a>).
+            <br /><br />
+
+            <b>GetOffsetLeft</b>: Returns the number of pixels that the upper left corner of the current element is offset to the left within the offsetParent node
+            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Element/offsetLeft" target="_blank">MDN</a>).
+            <br /><br />
+
+            <b>GetOffsetTop</b>: Returns the distance from the outer border of the current element (including its margin) to the top padding edge of the offsetParent, the closest positioned ancestor element
+            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Element/offsetTop" target="_blank">MDN</a>).
+            <br /><br />
+
+            <b>GetOffsetWidth</b>: The layout width of an element in px
+            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Element/offsetWidth" target="_blank">MDN</a>).
+            <br /><br />
+
+            <b>SetTabIndex</b>, <b>GetTabIndex</b>: Gets/Sets a number representing the position of the element in the tabbing order
+            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/tabIndex" target="_blank">MDN</a>).
         </div>
     </section>
 </div>
diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil10NavigatorPage.razor b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil10NavigatorPage.razor
index a7e1e9954a..394dd676cc 100644
--- a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil10NavigatorPage.razor
+++ b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil10NavigatorPage.razor
@@ -29,6 +29,64 @@
     <section class="section-card">
         <BitTypography Variant="BitTypographyVariant.H5" Gutter>Methods</BitTypography>
         <div class="section-card-txt">
+            <b>GetDeviceMemory</b>: Returns the amount of device memory in gigabytes. This value is an approximation given by rounding to the nearest power of 2 and dividing that number by 1024
+            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Navigator/deviceMemory" target="_blank">MDN</a>).
+            <br /><br />
+
+            <b>GetHardwareConcurrency</b>: Returns the number of logical processor cores available
+            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Navigator/hardwareConcurrency" target="_blank">MDN</a>).
+            <br /><br />
+
+            <b>GetLanguage</b>: Returns a string representing the preferred language of the user, usually the language of the browser UI. The null value is returned when this is unknown
+            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Navigator/language" target="_blank">MDN</a>).
+            <br /><br />
+
+            <b>GetLanguages</b>: Returns an array of strings representing the languages known to the user, by order of preference
+            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Navigator/languages" target="_blank">MDN</a>).
+            <br /><br />
+
+            <b>GetMaxTouchPoints</b>: Returns the maximum number of simultaneous touch contact points are supported by the current device
+            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Navigator/maxTouchPoints" target="_blank">MDN</a>).
+            <br /><br />
+
+            <b>IsOnLine</b>: Returns a boolean value indicating whether the browser is working online
+            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Navigator/onLine" target="_blank">MDN</a>).
+            <br /><br />
+
+            <b>IsPdfViewerEnabled</b>: Returns true if the browser can display PDF files inline when navigating to them, and false otherwise
+            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Navigator/pdfViewerEnabled" target="_blank">MDN</a>).
+            <br /><br />
+
+            <b>GetUserAgent</b>: Returns the user agent string for the current browser
+            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Navigator/userAgent" target="_blank">MDN</a>).
+            <br /><br />
+
+            <b>IsWebDriver</b>: Indicates whether the user agent is controlled by automation
+            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Navigator/webdriver" target="_blank">MDN</a>).
+            <br /><br />
+
+            <b>CanShare</b>: Returns true if a call to Navigator.share() would succeed
+            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Navigator/canShare" target="_blank">MDN</a>).
+            <br /><br />
+
+            <b>ClearAppBadge</b>: Clears a badge on the current app's icon and returns a Promise that resolves with undefined
+            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Navigator/clearAppBadge" target="_blank">MDN</a>).
+            <br /><br />
+
+            <b>SendBeacon</b>: Used to asynchronously transfer a small amount of data using HTTP from the User Agent to a web server
+            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Navigator/sendBeacon" target="_blank">MDN</a>).
+            <br /><br />
+
+            <b>SetAppBadge</b>: Sets a badge on the icon associated with this app and returns a Promise that resolves with undefined
+            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Navigator/setAppBadge" target="_blank">MDN</a>).
+            <br /><br />
+
+            <b>Share</b>: Invokes the native sharing mechanism of the current platform
+            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Navigator/share" target="_blank">MDN</a>).
+            <br /><br />
+
+            <b>Vibrate</b>: Causes vibration on devices with support for it. Does nothing if vibration support isn't available
+            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Navigator/vibrate" target="_blank">MDN</a>).
         </div>
     </section>
 </div>
diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil11StoragePage.razor b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil11StoragePage.razor
index 7b14f7637f..c3a1bdff33 100644
--- a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil11StoragePage.razor
+++ b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil11StoragePage.razor
@@ -31,6 +31,29 @@
     <section class="section-card">
         <BitTypography Variant="BitTypographyVariant.H5" Gutter>Methods</BitTypography>
         <div class="section-card-txt">
+            <b>GetLength</b>: Returns an integer representing the number of data items stored in the Storage object
+            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Storage/length" target="_blank">MDN</a>).
+            <br /><br />
+
+            <b>GetKey</b>: When passed a number n, this method will return the name of the nth key in the storage
+            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Storage/userAgent" target="_blank">MDN</a>).
+            <br /><br />
+
+            <b>GetItem</b>: When passed a key name, will return that key's value
+            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Storage/getItem" target="_blank">MDN</a>).
+            <br /><br />
+
+            <b>SetItem</b>: When passed a key name and value, will add that key to the storage, or update that key's value if it already exists
+            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Storage/setItem" target="_blank">MDN</a>).
+            <br /><br />
+
+            <b>RemoveItem</b>: When passed a key name, will remove that key from the storage
+            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Storage/removeItem" target="_blank">MDN</a>).
+            <br /><br />
+
+            <b>Clear</b>: When invoked, will empty all keys out of the storage
+            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Storage/clear" target="_blank">MDN</a>).
+            <br /><br />
         </div>
     </section>
 </div>
diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil12LocationPage.razor b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil12LocationPage.razor
index d896dd8b71..74ae1091d3 100644
--- a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil12LocationPage.razor
+++ b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil12LocationPage.razor
@@ -29,6 +29,52 @@
     <section class="section-card">
         <BitTypography Variant="BitTypographyVariant.H5" Gutter>Methods</BitTypography>
         <div class="section-card-txt">
+            <b>SetHref</b>, <b>GetHref</b>: Gets/Sets the href of the location andn then the associated document navigates to the new page
+            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Location/href" target="_blank">MDN</a>).
+            <br /><br />
+
+            <b>SetProtocol</b>, <b>GetProtocol</b>: Gets/Sets a string containing the protocol scheme of the URL, including the final ':'
+            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Location/protocol" target="_blank">MDN</a>).
+            <br /><br />
+
+            <b>SetHost</b>, <b>GetHost</b>: Gets/Sets a string containing the host, that is the hostname, a ':', and the port of the URL
+            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Location/host" target="_blank">MDN</a>).
+            <br /><br />
+
+            <b>SetHostname</b>, <b>GetHostname</b>: Gets/Sets the hostname of the location and then the associated document navigates to the new page
+            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Location/hostname" target="_blank">MDN</a>).
+            <br /><br />
+
+            <b>SetPort</b>, <b>GetPort</b>: Gets/Sets the port of the location and then the associated document navigates to the new page
+            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Location/port" target="_blank">MDN</a>).
+            <br /><br />
+
+            <b>SetPathname</b>, <b>GetPathname</b>: Gets/Sets a string containing an initial '/' followed by the path of the URL, not including the query string or fragment
+            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Location/pathname" target="_blank">MDN</a>).
+            <br /><br />
+
+            <b>SetSearch</b>, <b>GetSearch</b>: Gets/Sets a string containing a '#' followed by the fragment identifier of the URL
+            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Location/pathname" target="_blank">MDN</a>).
+            <br /><br />
+
+            <b>SetHash</b>, <b>GetHash</b>: Gets/Sets the hash of the location and then the associated document navigates to the new page
+            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Location/hash" target="_blank">MDN</a>).
+            <br /><br />
+            
+            <b>GetOrigin</b>: Returns a string containing the canonical form of the origin of the specific location
+            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Location/origin" target="_blank">MDN</a>).
+            <br /><br />
+            
+            <b>Assign</b>: Loads the resource at the URL provided in parameter
+            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Location/assign" target="_blank">MDN</a>).
+            <br /><br />
+            
+            <b>Reload</b>: Reloads the current URL, like the Refresh button
+            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Location/reload" target="_blank">MDN</a>).
+            <br /><br />
+            
+            <b>Replace</b>: Replaces the current resource with the one at the provided URL (redirects to the provided URL)
+            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Location/replace" target="_blank">MDN</a>).
         </div>
     </section>
 </div>
diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil13ScreenPage.razor b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil13ScreenPage.razor
index 94bd93af05..74ac944f60 100644
--- a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil13ScreenPage.razor
+++ b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil13ScreenPage.razor
@@ -29,6 +29,36 @@
     <section class="section-card">
         <BitTypography Variant="BitTypographyVariant.H5" Gutter>Methods</BitTypography>
         <div class="section-card-txt">
+            <b>GetAvailableHeight</b>: Specifies the height of the screen, in pixels, minus permanent or semipermanent user interface features displayed by the operating system, such as the Taskbar on Windows
+            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Screen/availHeight" target="_blank">MDN</a>).
+            <br /><br />
+            
+            <b>GetAvailableWidth</b>: Returns the amount of horizontal space in pixels available to the window
+            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Screen/availWidth" target="_blank">MDN</a>).
+            <br /><br />
+            
+            <b>GetColorDepth</b>: Returns the color depth of the screen
+            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Screen/colorDepth" target="_blank">MDN</a>).
+            <br /><br />
+            
+            <b>GetHeight</b>: Returns the height of the screen in pixels
+            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Screen/height" target="_blank">MDN</a>).
+            <br /><br />
+            
+            <b>IsExtended</b>: Returns true if the user's device has multiple screens, and false if not
+            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Screen/isExtended" target="_blank">MDN</a>).
+            <br /><br />
+            
+            <b>GetPixelDepth</b>: Gets the bit depth of the screen
+            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Screen/pixelDepth" target="_blank">MDN</a>).
+            <br /><br />
+            
+            <b>GetWidth</b>: Returns the width of the screen
+            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Screen/width" target="_blank">MDN</a>).
+            <br /><br />
+            
+            <b>AddChange</b>, <b>RemoveChange</b>: Fired on a specific screen when it changes in some way — width or height, available width or height, color depth, or orientation
+            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Screen/change_event" target="_blank">MDN</a>).
         </div>
     </section>
 </div>
diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil14CookiePage.razor b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil14CookiePage.razor
index 7d439f97bd..bc85706cf3 100644
--- a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil14CookiePage.razor
+++ b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil14CookiePage.razor
@@ -29,6 +29,14 @@
     <section class="section-card">
         <BitTypography Variant="BitTypographyVariant.H5" Gutter>Methods</BitTypography>
         <div class="section-card-txt">
+            <b>Set</b>, <b>Get</b>: Gets/Sets a cookie by providing the cookie name
+            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Document/cookie" target="_blank">MDN</a>).
+            <br /><br />
+
+            <b>GetAll</b>: Gets all cookies registered on the current document.
+            <br /><br />
+            
+            <b>Remove</b>: Removes a cookie by providing the its name.
         </div>
     </section>
 </div>
diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil15CryptoPage.razor b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil15CryptoPage.razor
index 0a4766d374..d7e9ece3dd 100644
--- a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil15CryptoPage.razor
+++ b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil15CryptoPage.razor
@@ -29,6 +29,12 @@
     <section class="section-card">
         <BitTypography Variant="BitTypographyVariant.H5" Gutter>Methods</BitTypography>
         <div class="section-card-txt">
+            <b>Encrypt</b>: The Encrypt method of the Crypto interface that encrypts data
+            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/SubtleCrypto/encrypt" target="_blank">MDN</a>).
+            <br /><br />
+
+            <b>Decrypt</b>: The Decrypt method of the Crypto interface that decrypts data
+            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/SubtleCrypto/decrypt" target="_blank">MDN</a>).
         </div>
     </section>
 </div>

From ddbf2570cf33059a160ec089d88ddea5cb6c9a90 Mon Sep 17 00:00:00 2001
From: Mohammad Hossein Rastegarinia <mh.rastegari@outlook.com>
Date: Sun, 14 Jan 2024 14:31:34 +0330
Subject: [PATCH 20/39] feat(butil): improve Element sample page in Butil #6569
 (#6575)

---
 .../Pages/ElementPage.razor                   | 697 +++++++++++++++++-
 1 file changed, 692 insertions(+), 5 deletions(-)

diff --git a/src/Butil/Demo/Bit.Butil.Demo.Core/Pages/ElementPage.razor b/src/Butil/Demo/Bit.Butil.Demo.Core/Pages/ElementPage.razor
index 20184c909b..a6ce8ad53e 100644
--- a/src/Butil/Demo/Bit.Butil.Demo.Core/Pages/ElementPage.razor
+++ b/src/Butil/Demo/Bit.Butil.Demo.Core/Pages/ElementPage.razor
@@ -6,7 +6,7 @@
 
 <h1>Element</h1>
 
-<pre style="font-family:Consolas">
+<pre style="font-family:Consolas; overflow: auto;">
 @@inject Bit.Butil.Element element
 
 @@code {
@@ -19,21 +19,708 @@
 <br />
 <hr />
 
-<h4>Open the DevTools and start clicking on buttons</h4>
+<h3>Open the DevTools and start clicking on buttons</h3>
 
 <hr />
 <br />
 
-<div style="background:blue;width:100px;height:100px" @ref="elementRef">Element</div>
+<div @ref="elementRef" @onpointerdown="HandleOnPointerDown"
+     id="target"
+     style="max-width:6rem;
+            max-height:6rem;
+            color: white;
+            overflow: auto;
+            background: dodgerblue;">
+    <div style="height: 10rem">Element</div>
+</div>
+
+<br />
+<hr />
+<br />
+
+<input @bind-value="attributeName" />
+<br />
+<br />
+<button @onclick="HasAttribute">HasAttribute</button>
+&nbsp;
+<button @onclick="HasAttributes">HasAttributes</button>
+<br />
+<br />
+<button @onclick="GetAttribute">GetAttribute</button>
+&nbsp;
+<button @onclick="GetAttributeNames">GetAttributeNames</button>
+<br />
+<br />
+<button @onclick="ToggleAttribute">ToggleAttribute</button>
+&nbsp;
+<button @onclick="RemoveAttribute">RemoveAttribute</button>
+
+<br />
+<br />
+<hr />
+<br />
+
+X: <input type="number" @bind-value="scrollX"/>
+<br />
+<br />
+Y: <input type="number" @bind-value="scrollY"/>
+<br />
+<br />
+<button @onclick="Scroll">Scroll</button>
+
+<br />
+<br />
+<hr />
 <br />
+
+X: <input type="number" @bind-value="scrollByX"/>
+<br />
+<br />
+Y: <input type="number" @bind-value="scrollByY"/>
+<br />
+<br />
+<button @onclick="ScrollBy">ScrollBy</button>
+
+<br />
+<br />
+<hr />
+<br />
+
+<button @onclick="ScrollIntoView">ScrollIntoView</button>
+
+<br />
+<br />
+<hr />
+<br />
+
 <button @onclick="GetBoundingClientRect">GetBoundingClientRect</button>
 
+<br />
+<br />
+<hr />
+<br />
+
+@if (pointerId != 0)
+{
+    <button @onclick="SetPointerCapture">SetPointerCapture</button>
+    <span style="margin-right: 0.5rem;"></span>
+    <button @onclick="HasPointerCapture">HasPointerCapture</button>
+    <br />
+    <br />
+    <button @onclick="ReleasePointerCapture">ReleasePointerCapture</button>
+    <span style="margin-right: 0.5rem;"></span>
+    <button @onclick="RequestPointerLock">RequestPointerLock</button>
+    <br />
+}
+else
+{
+    <div>*Click/Tap on the element first*</div>
+}
+
+<br />
+<hr />
+<br />
+
+<button @onclick="Matches">Matches (id: target)</button>
+
+<br />
+<br />
+<hr />
+<br />
+
+<button @onclick="RequestFullScreen">RequestFullScreen</button>
+
+<br />
+<br />
+<hr />
+<br />
+
+<input @bind-value="accessKey" />
+<br />
+<br />
+<button @onclick="SetAccessKey">SetAccessKey</button>
+&nbsp;
+<button @onclick="GetAccessKey">GetAccessKey</button>
+
+<br />
+<br />
+<hr />
+<br />
+
+<input @bind-value="className" />
+<br />
+<br />
+<button @onclick="SetClassName">SetClassName</button>
+&nbsp;
+<button @onclick="GetClassName">GetClassName</button>
+
+<br />
+<br />
+<hr />
+<br />
+
+<button @onclick="GetClientHeight">GetClientHeight</button>
+&nbsp;
+<button @onclick="GetClientLeft">GetClientLeft</button>
+<br />
+<br />
+<button @onclick="GetClientTop">GetClientTop</button>
+&nbsp;
+<button @onclick="GetClientWidth">GetClientWidth</button>
+
+<br />
+<br />
+<hr />
+<br />
+
+<input @bind-value="idName" />
+<br />
+<br />
+<button @onclick="SetId">SetId</button>
+&nbsp;
+<button @onclick="GetId">GetId</button>
+
+<br />
+<br />
+<hr />
+<br />
+
+<input @bind-value="innerHTML" />
+<br />
+<br />
+<button @onclick="SetInnerHTML">SetInnerHTML</button>
+&nbsp;
+<button @onclick="GetInnerHTML">GetInnerHTML</button>
+
+<br />
+<br />
+<hr />
+<br />
+
+<input @bind-value="outerHTML" />
+<br />
+<br />
+<button @onclick="SetOuterHTML">SetOuterHTML</button>
+&nbsp;
+<button @onclick="GetOuterHTML">GetOuterHTML</button>
+
+<br />
+<br />
+<hr />
+<br />
+
+<input @bind-value="innerText" />
+<br />
+<br />
+<button @onclick="SetInnerText">SetInnerText</button>
+&nbsp;
+<button @onclick="GetInnerText">GetInnerText</button>
+
+<br />
+<br />
+<hr />
+<br />
+
+<button @onclick="GetScrollHeight">GetScrollHeight</button>
+&nbsp;
+<button @onclick="GetScrollLeft">GetScrollLeft</button>
+<br />
+<br />
+<button @onclick="GetScrollTop">GetScrollTop</button>
+&nbsp;
+<button @onclick="GetScrollWidth">GetScrollWidth</button>
+
+<br />
+<br />
+<hr />
+<br />
+
+<button @onclick="GetTagName">GetTagName</button>
+
+<br />
+<br />
+<hr />
+<br />
+
+<button @onclick="IsContentEditable">IsContentEditable</button>
+<br />
+<br />
+<select @bind="selectedContentEditable">
+    @foreach (var option in Enum.GetValues(typeof(ContentEditable)))
+    {
+        <option value="@option">@option.ToString()</option>
+    }
+</select>
+<br />
+<br />
+<button @onclick="SetContentEditable">SetContentEditable</button>
+&nbsp;
+<button @onclick="GetContentEditable">GetContentEditable</button>
+
+<br />
+<br />
+<hr />
+<br />
+
+<select @bind="selectedEnterKeyHint">
+    @foreach (var option in Enum.GetValues(typeof(EnterKeyHint)))
+    {
+        <option value="@option">@option.ToString()</option>
+    }
+</select>
+<br />
+<br />
+<button @onclick="SetEnterKeyHint">SetEnterKeyHint</button>
+&nbsp;
+<button @onclick="GetEnterKeyHint">GetEnterKeyHint</button>
+
+<br />
+<br />
+<hr />
+<br />
+
+
+<select @bind="selectedHidden">
+    @foreach (var option in Enum.GetValues(typeof(Hidden)))
+    {
+        <option value="@option">@option.ToString()</option>
+    }
+</select>
+<br />
+<br />
+<button @onclick="SetHidden">SetHidden</button>
+&nbsp;
+<button @onclick="GetHidden">GetHidden</button>
+
+<br />
+<br />
+<hr />
+<br />
+
+<input type="checkbox" @bind="@isDirRtl" />
+<label>@(isDirRtl ? "Rtl" : "Ltr")</label>
+<br />
+<br />
+<button @onclick=SetDir>SetDir</button>
+<br />
+<br />
+<button @onclick=GetDir>GetDir</button>
+
+<br />
+<br />
+<hr />
+<br />
+
+<input type="checkbox" @bind="@isInert" />
+<label>@(isInert ? "true" : "false")</label>
+<br />
+<br />
+<button @onclick=SetInert>SetInert</button>
+&nbsp;
+<button @onclick=GetInert>GetInert</button>
+
+<br />
+<br />
+<hr />
+<br />
+
+<button @onclick="GetOffsetHeight">GetOffsetHeight</button>
+&nbsp;
+<button @onclick="GetOffsetLeft">GetOffsetLeft</button>
+<br />
+<br />
+<button @onclick="GetOffsetTop">GetOffsetTop</button>
+&nbsp;
+<button @onclick="GetOffsetWidth">GetOffsetWidth</button>
+
+<br />
+<br />
+<hr />
+<br />
+
+<input @bind-value="tabIndex" />
+<br />
+<br />
+<button @onclick="SetTabIndex">SetTabIndex</button>
+&nbsp;
+<button @onclick="GetTabIndex">GetTabIndex</button>
+
+<br />
+<br />
+<hr />
+<br />
+
+<button @onclick="Remove">Remove</button>
+
+<br />
+<br />
+
 @code {
     private ElementReference elementRef = default!;
 
+    private bool isDirRtl;
+
+    private bool isInert;
+
+    private int tabIndex;
+
+    private int pointerId;
+
+    private float scrollX = 0;
+    private float scrollY = 100;
+
+    private float scrollByX = 0;
+    private float scrollByY = -156;
+
+    private string attributeName = "style";
+
+    private string accessKey = "TestKey";
+
+    private string className = "element-class";
+
+    private string idName = "target";
+
+    private string innerHTML = "<div style=\"height: 10rem\">Element</div>";
+
+    private string outerHTML = "<div style=\"max-width:6rem; max-height:6rem; color: white; overflow: auto; background: dodgerblue;\"><div style=\"height: 10rem\">Element</div></div>";
+
+    private string innerText = "Element";
+
+    private ContentEditable selectedContentEditable = ContentEditable.True;
+
+    private EnterKeyHint selectedEnterKeyHint = EnterKeyHint.Done;
+
+    private Hidden selectedHidden = Hidden.True;
+
+
+    private async Task GetAttribute()
+    {
+        await console.Log("Element Attribute:", await elementRef.GetAttribute(attributeName));
+    }
+
+    private async Task GetAttributeNames()
+    {
+        var attributeNames = await elementRef.GetAttributeNames();
+
+        foreach (var name in attributeNames)
+        {
+            var value = await elementRef.GetAttribute(name);
+            await console.Log(name, value);
+        }
+    }
+
     private async Task GetBoundingClientRect()
     {
-        await console.Log("BoundingClientRect:", await elementRef.GetBoundingClientRect());
-        await console.Log("BoundingClientRect:", await element.GetBoundingClientRect(elementRef));
+        await console.Log("Element BoundingClientRect:", await elementRef.GetBoundingClientRect());
+    }
+
+    private async Task HasAttribute()
+    {
+        await console.Log($"Element HasAttribute ({attributeName}):", await elementRef.HasAttribute(attributeName));
+    }
+
+    private async Task HasAttributes()
+    {
+        await console.Log("Element HasAttributes:", await elementRef.HasAttributes());
+    }
+
+    private async Task ToggleAttribute()
+    {
+        await console.Log($"Element ToggleAttribute ({attributeName}):", await elementRef.ToggleAttribute(attributeName, true));
+    }
+
+    private async Task RemoveAttribute()
+    {
+        var hasAttribute = await elementRef.HasAttribute(attributeName);
+
+        await elementRef.RemoveAttribute(attributeName);
+
+        if (hasAttribute)
+        {
+            await console.Log($"Element {attributeName} attribute has been removed");
+        }
+    }
+
+    private void HandleOnPointerDown(PointerEventArgs e)
+    {
+        pointerId = (int)e.PointerId;
+    }
+
+    private async Task HasPointerCapture()
+    {
+        var isPointerCaptured = await elementRef.HasPointerCapture(pointerId);
+        await console.Log($"Element HasPointerCapture (id: {pointerId}):", isPointerCaptured);
+    }
+
+    private async Task SetPointerCapture()
+    {
+        await elementRef.SetPointerCapture(pointerId);
+        var isPointerCaptured = await elementRef.HasPointerCapture(pointerId);
+
+        if (isPointerCaptured)
+        {
+            await console.Log($"Element Pointer (id: {pointerId}) has been captured");
+        }
+    }
+
+    private async Task ReleasePointerCapture()
+    {
+        await elementRef.ReleasePointerCapture(pointerId);
+        var isPointerCaptured = await elementRef.HasPointerCapture(pointerId);
+
+        if (isPointerCaptured)
+        {
+            await console.Log($"Element Pointer with (id: {pointerId}) capture has been released");
+        }
+    }
+
+    private async Task RequestPointerLock()
+    {
+        await elementRef.RequestPointerLock();
+        await console.Log("Pointer has been locked");
+    }
+
+    private async Task Matches()
+    {
+        await console.Log("Element matches id=\"target\"?", await elementRef.Matches("#target"));
+    }
+
+    private async Task RequestFullScreen()
+    {
+        var options = new FullScreenOptions() { NavigationUI = FullScreenNavigationUI.Show };
+        await elementRef.RequestFullScreen(options);
+        await console.Log("Element has been fullscreened");
+    }
+
+    private async Task Scroll()
+    {
+        var scrollOptions = new ScrollToOptions() { Top = scrollY, Left = scrollX, Behavior = ScrollBehavior.Smooth };
+        await elementRef.Scroll(scrollOptions);
+    }
+
+    private async Task ScrollBy()
+    {
+        var scrollOptions = new ScrollToOptions() { Top = scrollByY, Left = scrollByX, Behavior = ScrollBehavior.Smooth };
+        await elementRef.ScrollBy(scrollOptions);
+    }
+
+    private async Task ScrollIntoView()
+    {
+        var scrollOptions = new ScrollIntoViewOptions() 
+        { 
+            Inline = ScrollLogicalPosition.Center,
+            Block = ScrollLogicalPosition.Center,
+            Behavior = ScrollBehavior.Smooth
+        };
+
+        await elementRef.ScrollIntoView(scrollOptions);
+    }
+
+    private async Task SetAccessKey()
+    {
+        await elementRef.SetAccessKey(accessKey);
+        await console.Log($"Element AccessKey has been successfuly set to \"{accessKey}\"");
+    }
+
+    private async Task GetAccessKey()
+    {
+        await console.Log("Element AccessKey:", await elementRef.GetAccessKey());
+    }
+
+    private async Task SetClassName()
+    {
+        await elementRef.SetClassName(className);
+        await console.Log($"Element class name has been successfuly set to \"{className}\"");
+    }
+
+    private async Task GetClassName()
+    {
+        await console.Log("Element AccessKey:", await elementRef.GetClassName());
+    }
+
+    private async Task GetClientHeight()
+    {
+        await console.Log("Element ClientHeight:", await elementRef.GetClientHeight());
+    }
+
+    private async Task GetClientLeft()
+    {
+        await console.Log("Element ClientLeft:", await elementRef.GetClientLeft());
+    }
+
+    private async Task GetClientTop()
+    {
+        await console.Log("Element ClientTop:", await elementRef.GetClientTop());
+    }
+
+    private async Task GetClientWidth()
+    {
+        await console.Log("Element ClientWidth:", await elementRef.GetClientWidth());
+    }
+
+    private async Task SetId()
+    {
+        await elementRef.SetId(idName);
+        await console.Log($"Element Id has been successfuly set to \"{idName}\"");
+    }
+
+    private async Task GetId()
+    {
+        await console.Log("Element Id:", await elementRef.GetId());
+    }
+
+    private async Task SetInnerHTML()
+    {
+        await elementRef.SetInnerHTML(innerHTML);
+        await console.Log($"Element InnerHTML has been successfuly set to \"{innerHTML}\"");
+    }
+
+    private async Task GetInnerHTML()
+    {
+        await console.Log("Element InnerHTML:", await elementRef.GetInnerHTML());
+    }
+
+    private async Task SetOuterHTML()
+    {
+        await elementRef.SetOuterHTML(outerHTML);
+        await console.Log($"Element OuterHTML has been successfuly set to \"{outerHTML}\"");
+    }
+
+    private async Task GetOuterHTML()
+    {
+        await console.Log("Element OuterHTML:", await elementRef.GetOuterHTML());
+    }
+
+    private async Task SetInnerText()
+    {
+        await elementRef.SetInnerText(innerText);
+        await console.Log("Element InnerText has been successfuly set");
+    }
+
+    private async Task GetInnerText()
+    {
+        await console.Log("Element InnerText:", await elementRef.GetInnerText());
+    }
+
+    private async Task GetScrollHeight()
+    {
+        await console.Log("Element ScrollHeight:", await elementRef.GetScrollHeight());
+    }
+
+    private async Task GetScrollLeft()
+    {
+        await console.Log("Element ScrollLeft:", await elementRef.GetScrollLeft());
+    }
+
+    private async Task GetScrollTop()
+    {
+        await console.Log("Element ScrollTop:", await elementRef.GetScrollTop());
+    }
+
+    private async Task GetScrollWidth()
+    {
+        await console.Log("Element ScrollWidth:", await elementRef.GetScrollWidth());
+    }
+
+    private async Task GetTagName()
+    {
+        await console.Log("Element TagName:", await elementRef.GetTagName());
+    }
+
+    private async Task IsContentEditable()
+    {
+        await console.Log("Element IsContentEditable:", await elementRef.IsContentEditable());
+    }
+
+    private async Task SetContentEditable()
+    {
+        await elementRef.SetContentEditable(selectedContentEditable);
+        await console.Log($"Element ContentEditable has been successfuly set to \"{selectedContentEditable}\"");
+    }
+
+    private async Task GetContentEditable()
+    {
+        await console.Log("Element ContentEditable:", await elementRef.GetContentEditable());
+    }
+
+    private async Task SetEnterKeyHint()
+    {
+        await elementRef.SetEnterKeyHint(selectedEnterKeyHint);
+        await console.Log($"Element EnterKeyHint has been successfuly set to \"{selectedEnterKeyHint}\"");
+    }
+
+    private async Task GetEnterKeyHint()
+    {
+        await console.Log("Element EnterKeyHint:", await elementRef.GetEnterKeyHint());
+    }
+
+    private async Task SetHidden()
+    {
+        await elementRef.SetHidden(selectedHidden);
+        await console.Log($"Element Hidden has been successfuly set to \"{selectedHidden}\"");
+    }
+
+    private async Task GetHidden()
+    {
+        await console.Log("Element Hidden:", await elementRef.GetHidden());
+    }
+
+    private async Task SetDir()
+    {
+        await elementRef.SetDir(isDirRtl ? ElementDir.Rtl : ElementDir.Ltr);
+        await console.Log($"Element Dir has been successfuly set to \"{(isDirRtl ? "Rtl" : "Ltr")}\"");
+    }
+
+    private async Task GetDir()
+    {
+        await console.Log("Element Dir:", await elementRef.GetDir());
+    }
+
+    private async Task SetInert()
+    {
+        await elementRef.SetInert(isInert);
+        await console.Log($"Element Inert has been successfuly set to \"{isInert}\"");
+    }
+
+    private async Task GetInert()
+    {
+        await console.Log("Element Inert:", await elementRef.GetInert());
+    }
+
+    private async Task GetOffsetHeight()
+    {
+        await console.Log("Element OffsetHeight:", await elementRef.GetOffsetHeight());
+    }
+
+    private async Task GetOffsetLeft()
+    {
+        await console.Log("Element OffsetLeft:", await elementRef.GetOffsetLeft());
+    }
+
+    private async Task GetOffsetTop()
+    {
+        await console.Log("Element OffsetTop:", await elementRef.GetOffsetTop());
+    }
+
+    private async Task GetOffsetWidth()
+    {
+        await console.Log("Element OffsetWidth:", await elementRef.GetOffsetWidth());
+    }
+
+    private async Task SetTabIndex()
+    {
+        await elementRef.SetTabIndex(tabIndex);
+        await console.Log($"Element TabIndex has been successfuly set to \"{tabIndex}\"");
+    }
+
+    private async Task GetTabIndex()
+    {
+        await console.Log("Element TabIndex:", await elementRef.GetTabIndex());
+    }
+
+    private async Task Remove()
+    {
+        await elementRef.Remove();
+        await console.Log("Element has been Removed");
     }
 }
\ No newline at end of file

From 95568958069ed197be61cf0f50e3de325c7e87d5 Mon Sep 17 00:00:00 2001
From: Saleh Yusefnejad <msynk@outlook.com>
Date: Sun, 14 Jan 2024 15:00:34 +0330
Subject: [PATCH 21/39] feat(butil): improve Bswup docs in the Platform website
 #6570 (#6576)

---
 .../Pages/Bswup/Bswup03ScriptsPage.razor      |  19 ++-
 .../Pages/Bswup/Bswup04EventsPage.razor       |  21 +++
 .../Bswup/Bswup05ServiceWorkerPage.razor      |  43 +++---
 .../Pages/Bswup/Bswup06CachingPage.razor      |  43 ------
 .../Pages/Bswup/Bswup06ProgressPage.razor     | 134 ++++++++++++++++++
 ...or.scss => Bswup06ProgressPage.razor.scss} |   0
 .../Shared/MainLayout.razor.cs                |   2 +-
 .../compilerconfig.json                       |   4 +-
 8 files changed, 188 insertions(+), 78 deletions(-)
 delete mode 100644 src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Bswup/Bswup06CachingPage.razor
 create mode 100644 src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Bswup/Bswup06ProgressPage.razor
 rename src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Bswup/{Bswup06CachingPage.razor.scss => Bswup06ProgressPage.razor.scss} (100%)

diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Bswup/Bswup03ScriptsPage.razor b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Bswup/Bswup03ScriptsPage.razor
index 1c93df4f2e..fa90bd92c5 100644
--- a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Bswup/Bswup03ScriptsPage.razor
+++ b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Bswup/Bswup03ScriptsPage.razor
@@ -16,12 +16,12 @@
     <section class="section-card">
         <BitTypography Variant="BitTypographyVariant.H5" Gutter>Blazor script</BitTypography>
         <div class="section-card-txt">
-            Since Bswup is taking care of the lifecyle of the application, we need to disable
-            the autostarting of the Blazor by adding autostart=false to the Blazor script tag:
+            Since Bswup is taking care of the lifecycle of the application, we need to disable
+            the autostart of the Blazor by adding autostart=false to the Blazor script tag:
 
 <pre class="code-box">
 &lt;script src="_framework/blazor.web.js" autostart="false">/&lt;script></pre>
-
+Or for the standalone template:
 <pre class="code-box">
 &lt;script src="_framework/blazor.webassembly.js" autostart="false">&lt;/script></pre>
         </div>
@@ -44,17 +44,16 @@
 
         <div class="section-card-txt">
             This script tag as shown above, has some options:
-            <br />
-            <br />
+            <br /><br />
             <b>scope</b>: The scope of the service-worker
             (<a href="https://developer.chrome.com/docs/workbox/service-worker-lifecycle/#scope" target="_blank">read more</a>).
-            <br />
+            <br /><br />
             <b>log</b>: The log level of the Bswup logger. available options are: info, verbose, debug, and error (coming soon).
-            <br />
+            <br /><br />
             <b>sw</b>: The file path of the service-worker file.
-            <br />
-            <b>handler</b>: The name of the handler function for the service-worker events.
-            <br />
+            <br /><br />
+            <b>handler</b>: The name of the handler function for the service-worker events that explained <a href="/bswup/events">here</a>.
+            <br /><br />
             <b>blazorScript</b>: The file path of the Blazor's js script file.
         </div>
         <div class="section-card-txt">
diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Bswup/Bswup04EventsPage.razor b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Bswup/Bswup04EventsPage.razor
index a5a7cd6755..221ab477f6 100644
--- a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Bswup/Bswup04EventsPage.razor
+++ b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Bswup/Bswup04EventsPage.razor
@@ -63,6 +63,27 @@ function bitBswupHandler(type, data) {
         </div>
     </section>
 
+    <section class="section-card">
+        <BitTypography Variant="BitTypographyVariant.H5" Gutter>Bswup Events</BitTypography>
+        <br />
+        <div class="section-card-txt">
+            All the bit Bswup events are as follows:
+            <br /><br />
+            <b>updateFound</b>: when a new update for the app is found by the bit Bswup's Service Worker.
+            <br /><br />
+            <b>stateChanged</b>: when the state of the Service Worker is changed.
+            <br /><br />
+            <b>activate</b>: when a new version of the Service Worker is activated.
+            <br /><br />
+            <b>downloadStarted</b>: when download of the new version of the app started.
+            <br /><br />
+            <b>downloadProgress</b>: the progress of downloading the new version of the app.
+            <br /><br />
+            <b>downloadFinished</b>: when the download of the new version of the app finished.
+            <br /><br />
+            <b>updateReady</b>: when the new version of the app is ready to apply.
+        </div>
+    </section>
 </div>
 
 <NavigationButtons Prev="Scripts" PrevUrl="/bswup/scripts" Next="Service Worker" NextUrl="/bswup/service-worker" />
diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Bswup/Bswup05ServiceWorkerPage.razor b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Bswup/Bswup05ServiceWorkerPage.razor
index 19cc40c257..229ba44ec1 100644
--- a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Bswup/Bswup05ServiceWorkerPage.razor
+++ b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Bswup/Bswup05ServiceWorkerPage.razor
@@ -46,74 +46,73 @@ self.enableDiagnostics = true;
 self.enableFetchDiagnostics = true;
 
 self.importScripts('_content/Bit.Bswup/bit-bswup.sw.js');</pre>
-        </div>
 
-        <div class="section-card">
-            <b>Note</b>: The most important line here is the last line which is the only mandatory config in this file
-            that imports the Bswup service-worker file:
+            <div class="section-card">
+                <b>Note</b>: The most important line here is the last line which is the only mandatory config in this file
+                that imports the Bswup service-worker file:
 
-<pre class="code-box">
+<pre class="code-box" style="margin-bottom:0">
 self.importScripts('_content/Bit.Bswup/bit-bswup.sw.js');</pre>
-        </div>
+            </div>
 
-        <div class="section-card">
-            The other settings are:
+            These available configurations are explained below:
             <br /><br />
-            <b>assetsInclude</b>: The list of file names from the assets list to include when the Bswup 
+            <b>assetsInclude</b>: The list of file names from the assets list to include when the Bswup
             tries to store them in the cache storage (regex supported).
             <br /><br />
-            <b>assetsExclude</b>: The list of file names from the assets list to exclude when the Bswup 
+            <b>assetsExclude</b>: The list of file names from the assets list to exclude when the Bswup
             tries to store them in the cache storage (regex supported).
             <br /><br />
-            <b>externalAssets</b>: The list of external assets to cache that are not included in the auto-generated assets file. 
+            <b>externalAssets</b>: The list of external assets to cache that are not included in the auto-generated assets file.
             For example, if you're not using index.html (like _host.cshtml), then you should add { "url": "/" }.
             <br /><br />
             <b>defaultUrl</b>: The default page URL. Use / when using _Host.cshtml.
             <br /><br />
-            <b>assetsUrl</b>: The file path of the service-worker assets file generated at compile time 
+            <b>assetsUrl</b>: The file path of the service-worker assets file generated at compile time
             (the default file name is service-worker-assets.js).
             <br /><br />
             <b>prohibitedUrls</b>: The list of file names that should not be accessed (regex supported).
             <br /><br />
             <b>caseInsensitiveUrl</b>: Enables the case insensitivity in the URL checking of the cache process.
             <br /><br />
-            <b>serverHandledUrls</b>: The list of URLs that do not enter the service-worker offline process and 
+            <b>serverHandledUrls</b>: The list of URLs that do not enter the service-worker offline process and
             will be handled only by server (regex supported). such as /api, /swagger, ...
             <br /><br />
-            <b>serverRenderedUrls</b>: The list of URLs that should be rendered by the server and not 
+            <b>serverRenderedUrls</b>: The list of URLs that should be rendered by the server and not
             client while navigating (regex supported). such as /about.html, /privacy, ...
             <br /><br />
-            <b>noPrerenderQuery</b>: The query string attached to the default document request to disable 
+            <b>noPrerenderQuery</b>: The query string attached to the default document request to disable
             the prerendering from the server so an unwanted prerendered result not be cached.
             <br /><br />
-            <b>ignoreDefaultInclude</b>: Ignores the default asset includes array which is provided by the 
+            <b>ignoreDefaultInclude</b>: Ignores the default asset includes array which is provided by the
             Bswup itself which is like this:
 <pre class="code-box">
 [/\.dll$/, /\.pdb$/, /\.wasm/, /\.html/, /\.js$/, /\.json$/, /\.css$/, /\.woff$/, /\.png$/, /\.jpe?g$/, /\.gif$/, /\.ico$/, /\.blat$/, /\.dat$/, /\.svg$/, /\.woff2$/, /\.ttf$/, /\.webp$/]</pre>
 
-            <b>ignoreDefaultExclude</b>: Ignores the default asset excludes array which is provided by the Bswup 
+            <b>ignoreDefaultExclude</b>: Ignores the default asset excludes array which is provided by the Bswup
             itself which is like this:
 <pre class="code-box">
 [/^_content\/Bit\.Bswup\/bit-bswup\.sw\.js$/, /^service-worker\.js$/]</pre>
 
-            <b>Note</b>: Keep in mind that caching service-worker related files will corrupt the update cycle of the service-worker. 
+            <b>Note</b>: Keep in mind that caching service-worker related files will corrupt the update cycle of the service-worker.
             Only the browser should handle these files.
             <br /><br />
-            <b>isPassive</b>: Enables the Bswup's passive mode. In this mode, the assets won't be 
+            <b>isPassive</b>: Enables the Bswup's passive mode. In this mode, the assets won't be
             cached in advance but rather upon initial request.
             <br /><br />
             <b>disablePassiveFirstBoot</b>: Disables downloading the Blazor's boot files in first time of Passive mode.
             <br /><br />
-            <b>enableIntegrityCheck</b>: Enables the default integrity check available in browsers by setting 
+            <b>enableIntegrityCheck</b>: Enables the default integrity check available in browsers by setting
             the integrity attribute of the request object created in the service-worker to fetch the assets.
             <br /><br />
             <b>enableDiagnostics</b>: Enables diagnostics by pushing service-worker logs to the browser console.
             <br /><br />
-            <b>enableFetchDiagnostics</b>: Enables fetch event diagnostics by pushing service-worker 
+            <b>enableFetchDiagnostics</b>: Enables fetch event diagnostics by pushing service-worker
             fetch event logs to the browser console.
+
         </div>
     </section>
 
 </div>
 
-<NavigationButtons Prev="Events" PrevUrl="/bswup/events" Next="Caching" NextUrl="/bswup/caching" />
+<NavigationButtons Prev="Events" PrevUrl="/bswup/events" Next="BswupProgress" NextUrl="/bswup/progress" />
diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Bswup/Bswup06CachingPage.razor b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Bswup/Bswup06CachingPage.razor
deleted file mode 100644
index c4d92ee779..0000000000
--- a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Bswup/Bswup06CachingPage.razor
+++ /dev/null
@@ -1,43 +0,0 @@
-@page "/bswup/caching"
-@inherits AppComponentBase
-
-<PageOutlet Url="bswup/caching"
-            Title="Caching - Bswup"
-            Description="caching configuration of the bit Bswup" />
-
-<div class="page-container">
-    <BitTypography Variant="BitTypographyVariant.H3" Gutter>Caching</BitTypography>
-    <br />
-    <BitTypography Variant="BitTypographyVariant.Subtitle1" Gutter>
-        bit Bswup needs no caching to be set on the assets response header.
-    </BitTypography>
-    <br />
-
-    <section class="section-card">
-        <BitTypography Variant="BitTypographyVariant.H5" Gutter>ASP.NET caching</BitTypography>
-        <div class="section-card-txt">
-            Enable static file caching. You can follow the below code in the Startup.cs file:
-
-<pre class="code-box">
-app.UseStaticFiles(new StaticFileOptions
-{
-    OnPrepareResponse = ctx =>
-    {
-        if (env.IsDevelopment() is false)
-        {
-            // https://bitplatform.dev/templates/cache-mechanism
-            ctx.Context.Response.GetTypedHeaders().CacheControl = new()
-            {
-                MaxAge = TimeSpan.FromDays(7),
-                Public = true
-            };
-        }
-    }
-});</pre>
-        </div>
-
-    </section>
-
-</div>
-
-<NavigationButtons Prev="Service Worker" PrevUrl="/bswup/service-worker" />
diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Bswup/Bswup06ProgressPage.razor b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Bswup/Bswup06ProgressPage.razor
new file mode 100644
index 0000000000..e8e661bec5
--- /dev/null
+++ b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Bswup/Bswup06ProgressPage.razor
@@ -0,0 +1,134 @@
+@page "/bswup/progress"
+@inherits AppComponentBase
+
+<PageOutlet Url="bswup/progress"
+            Title="BswupProgress - Bswup"
+            Description="Progress component of the bit Bswup" />
+
+<div class="page-container">
+    <BitTypography Variant="BitTypographyVariant.H3" Gutter>Progress component</BitTypography>
+    <br />
+    <BitTypography Variant="BitTypographyVariant.Subtitle1" Gutter>
+        bit Bswup has its own Progress component to simplify the process of implementing a sophisticated UI widget to show the update progress.
+    </BitTypography>
+    <br />
+
+    <section class="section-card">
+        <BitTypography Variant="BitTypographyVariant.H5" Gutter>BswupProgress</BitTypography>
+        <div class="section-card-txt">
+            The BswupProgress component can be used to implement a customizable update progress easily.
+            In order to use this component first add its script tag to the default document of your app:
+            <br />
+<pre class="code-box">
+&lt;script src="_content/Bit.Bswup/bit-bswup.progress.js">&lt;/script></pre>
+
+            Then you can use it in your app like this:
+            <br />
+<pre class="code-box">
+&lt;div>
+    &lt;BswupProgress AppContainer="#app-container" AutoReload=false>
+        &lt;div class="bswup-progress-text" />
+        &lt;svg class="bswup-container">
+            &lt;circle r="40%" cx="50%" cy="50%" />
+            &lt;circle r="40%" cx="50%" cy="50%" />
+        &lt;/svg>
+    &lt;/BswupProgress>
+    &lt;button id="bit-bswup-reload">Update available, Click to Reload&lt;/button>
+&lt;/div></pre>
+
+            <BitAccordion Title="CSS">
+                <div style="max-height:300px;overflow:auto">
+<pre class="code-box">
+#bit-bswup {
+    top: 2px;
+    left: 50%;
+    display: none;
+    z-index: 999999;
+    position: fixed;
+    text-align: center;
+    transform: translateX(-50%);
+    font-family: "Segoe UI", "Segoe UI Web (West European)", "Segoe UI";
+}
+
+#bit-bswup .bswup-container {
+    width: 3rem;
+    height: 3rem;
+    display: block;
+    position: relative;
+}
+
+#bit-bswup .bswup-container circle {
+    fill: none;
+    stroke: #e0e0e0;
+    stroke-width: 0.2rem;
+    transform: rotate(-90deg);
+    transform-origin: 50% 50%;
+}
+
+#bit-bswup .bswup-container circle:last-child {
+    stroke: #1b6ec2;
+    transition: stroke-dasharray 0.05s ease-in-out;
+    stroke-dasharray: calc(3.141 * var(--bit-bswup-percent, 0%) * 0.8), 500%;
+}
+
+#bit-bswup .bswup-progress-text {
+    top: 50%;
+    left: 50%;
+    font-size: 12px;
+    position: absolute;
+    text-align: center;
+    font-weight: normal;
+    transform: translate(-50%, -50%);
+}
+
+#bit-bswup .bswup-progress-text::after {
+    content: var(--bit-bswup-percent-text, "");
+}
+
+#bit-bswup-reload {
+    top: 10px;
+    right: 10px;
+    display: none;
+    position: fixed;
+}</pre>
+                </div>
+            </BitAccordion>
+            <br /><br />
+            The parameters of this component are as follows:
+            <br /><br />
+            <b>AutoReload</b>: if the BswupProgress should auto-reload the app after downloading the new update.
+            The default value is true.
+            <br /><br />
+            <b>ShowAssets</b>: if the BswupProgress should show the assets list in its default UI.
+            The default value is false.
+            <br /><br />
+            <b>ShowLogs</b>: if the BswupProgress should show the logs of its process in the console of the web browser.
+            The default value is false.
+            <br /><br />
+            <b>HideApp</b>: if the BswupProgress should hide the main app's UI in the process of the update progress.
+            The default value is false.
+            <br /><br />
+            <b>AppContainer</b>: the css selector of the blazor app container element.
+            The default value is "#app".
+            <br /><br />
+            <b>Handler</b>: the custom js handler function to do custom additional tasks in Bswup events.
+            The default value is null.
+            <br /><br /><br/>
+            
+            As you can see in the above example, you can provide your own custom UI and use it 
+            instead of the default UI of the BswupProgress component.
+            
+            <br /><br />
+
+            <b>Note</b>: In the case of using a custom UI, you can use the following custom CSS properties to access the progress <a href="#"></a>
+            <br/><br/>
+            <b>--bit-bswup-percent</b>: the number value of the current progress percent.
+            <br /><br />
+            <b>--bit-bswup-percent-text</b>: the string (text) value of the current progress percent with % character at the end of it.
+        </div>
+
+    </section>
+
+</div>
+
+<NavigationButtons Prev="Service Worker" PrevUrl="/bswup/service-worker" />
diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Bswup/Bswup06CachingPage.razor.scss b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Bswup/Bswup06ProgressPage.razor.scss
similarity index 100%
rename from src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Bswup/Bswup06CachingPage.razor.scss
rename to src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Bswup/Bswup06ProgressPage.razor.scss
diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Shared/MainLayout.razor.cs b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Shared/MainLayout.razor.cs
index 3fb41a8756..7e1eb52819 100644
--- a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Shared/MainLayout.razor.cs
+++ b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Shared/MainLayout.razor.cs
@@ -40,7 +40,7 @@ public partial class MainLayout : IDisposable
         new BitNavItem { Text = "Scripts", Url = "/bswup/scripts" },
         new BitNavItem { Text = "Events", Url = "/bswup/events" },
         new BitNavItem { Text = "Service Worker", Url = "/bswup/service-worker" },
-        new BitNavItem { Text = "Caching", Url = "/bswup/caching" },
+        new BitNavItem { Text = "BswupProgress", Url = "/bswup/progress" },
     ];
 
     private readonly List<BitNavItem> besqlNavItems =
diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Client/compilerconfig.json b/src/Websites/Platform/src/Bit.Websites.Platform.Client/compilerconfig.json
index aa0958b96f..c27f6eae7c 100644
--- a/src/Websites/Platform/src/Bit.Websites.Platform.Client/compilerconfig.json
+++ b/src/Websites/Platform/src/Bit.Websites.Platform.Client/compilerconfig.json
@@ -192,8 +192,8 @@
         "options": { "sourceMap": false }
     },
     {
-        "outputFile": "Pages/Bswup/Bswup06CachingPage.razor.css",
-        "inputFile": "Pages/Bswup/Bswup06CachingPage.razor.scss",
+        "outputFile": "Pages/Bswup/Bswup06ProgressPage.razor.css",
+        "inputFile": "Pages/Bswup/Bswup06ProgressPage.razor.scss",
         "minify": { "enabled": false },
         "options": { "sourceMap": false }
     },

From a59e3cc732ef826186719ca0f38e5a934a9c024e Mon Sep 17 00:00:00 2001
From: Mohammad Aminsafaei <m.aminsafaei@outlook.com>
Date: Mon, 15 Jan 2024 16:09:07 +0330
Subject: [PATCH 22/39] feat(blazorui): remove unused field in BitCalendar
 #6577 (#6578)

---
 .../Components/Inputs/Calendar/BitCalendar.razor.cs            | 3 ---
 1 file changed, 3 deletions(-)

diff --git a/src/BlazorUI/Bit.BlazorUI/Components/Inputs/Calendar/BitCalendar.razor.cs b/src/BlazorUI/Bit.BlazorUI/Components/Inputs/Calendar/BitCalendar.razor.cs
index 0e4cf869d1..c2d3c3ce84 100644
--- a/src/BlazorUI/Bit.BlazorUI/Components/Inputs/Calendar/BitCalendar.razor.cs
+++ b/src/BlazorUI/Bit.BlazorUI/Components/Inputs/Calendar/BitCalendar.razor.cs
@@ -91,7 +91,6 @@ private int _minuteView
     private int _yearPickerEndYear;
     private int _yearPickerStartYear;
     private int? _selectedDateDayOfWeek;
-    private string? _activeDescendantId;
     private string _monthTitle = string.Empty;
     private ElementReference _inputTimeHourRef = default!;
     private ElementReference _inputTimeMinuteRef = default!;
@@ -328,8 +327,6 @@ protected override void RegisterCssStyles()
 
     protected override void OnInitialized()
     {
-        _activeDescendantId = $"BitCalendar-{UniqueId}-active-descendant";
-
         _showTimePicker = showTimePicker && ShowTimePickerAsOverlay is false;
         _showMonthPicker = _showTimePicker is false && showMonthPicker && ShowMonthPickerAsOverlay is false;
 

From 31f5c2b656ed3aac0f2bb80c3c360335eceb20cc Mon Sep 17 00:00:00 2001
From: Yaser Moradi <ysmoradi@outlook.com>
Date: Mon, 15 Jan 2024 13:42:50 +0100
Subject: [PATCH 23/39] feat(github): improve bitplatform's README.md file
 #6579 (#6580)

---
 README.md | 24 ++++++++++--------------
 1 file changed, 10 insertions(+), 14 deletions(-)

diff --git a/README.md b/README.md
index 06a52f3e14..cb9f56f845 100644
--- a/README.md
+++ b/README.md
@@ -12,24 +12,19 @@
 
 # 🧾 Introduction
 
-[bit platform](https://bitplatform.dev) is the home ❤️ for .NET developers.
+At **bitplatform**, we've curated a comprehensive toolkit to empower you in crafting the finest projects using Blazor. Diverging from others merely offering UI Toolkits, BitPlatform distinguishes itself with over 56 components, with a compact size of under 400 KB. These components boast both Dark and Light Themes, delivering unparalleled High Performance.
 
-Using C#, HTML, and CSS it offers a full featured dotnet project template equipped with a lot of features a .NET developer needs. With this template, one can also easily switch between different app modes:
+Yet, bitplatform doesn't stop there. Our platform introduces exclusive tools that elevate your development experience:
 
-* **Blazor Server**: Best for fast development and debugging with hot reload. With the Blazor Server hosting model, the app is executed on the server from within an ASP.NET Core app. UI updates, event handling, and JavaScript calls are handled over a SignalR connection using the WebSockets protocol.
-* **Blazor WebAssembly**: Best for SPA deployment. Blazor WebAssembly (WASM) apps run client-side in the browser on a WebAssembly-based .NET runtime. The Blazor app, its dependencies, and the .NET runtime are downloaded to the browser. The app is executed directly on the browser UI thread. UI updates and event handling occur within the same process.
-* **Blazor Auto**: Blazor seamlessly combines Blazor Server and WebAssembly. This approach enhances user interaction initially through Blazor Server, while simultaneously downloading Blazor WebAssembly for subsequent visits, reducing server load.
-* **Blazor Hybrid - MAUI**: Blazor can also be used to build native client apps using a hybrid approach. Hybrid apps are native apps that leverage web technologies for their functionality. In a Blazor Hybrid app, Razor components run directly in the native app (not on WebAssembly). Blazor Hybrid is on top of .NET MAUI and has access to all native features of supported platforms (Android, iOS, macOS and Windows)
+**Bswup**: This unique tool harnesses the power of Progressive Web Apps (PWA) within the innovative new structure of dotnet 8. By amalgamating pre-rendering techniques reminiscent of renowned platforms like GitHub, Reddit, and Facebook, Bswup ensures an exceptional user experience.
 
-With different deployment types:
+**Butil**: Embracing Blazor because of your love for C#? Butil enables you to stay true to that sentiment by providing essential Browser APIs in C#, eliminating the need to revert to JavaScript for any functionality.
 
-* **SPA**: It's referring to a Typical Single Page Application (SPA) without pre-rendering. Best for development / debugging. It is the default option.
-* **PWA**: A Blazor WebAssembly app built as a Progressive Web App (PWA) uses modern browser APIs to enable many of the capabilities of a native client app, such as working offline, running in its own app window, launching from the host's operating system, receiving push notifications, and automatically updating in the background.
-* **SPA-Prerendered**: Server-side rendering (SSR), is the ability of an application to contribute by displaying the web-page on the server instead of rendering it in the browser. Blazor pre-renders the requested page on the server and sends it as a static page, then later the page becomes an interactive Blazor app on the client. This behavior is intended to serve pages quickly to search engines with time-based positioning. It improves SEO.
-* **PWA-Prerendered**: Almost the same as the SPA version, but with the PWA capability which reduces the toll on the server considerebly after the first render.
-* **Prerender-Only**: Statically renders the component with the specified parameters without any interactivity on the client. It's recommended when the target is building a static content like a landing page.
+**Besql**: Dreaming of an offline web application capable of saving data and syncing later? Enter Besql, your solution to incorporating ef core & sqlite in your browser. It's a crucial aid for achieving this objective seamlessly.
 
-This project template is powered by [bit BlazorUI](https://components.bitplatform.dev) components, which are super-fast 🌶 and lightweight making them the best toolbox for developing common apps.
+**Bit Boilerplate Project Template**: If the aforementioned features have piqued your interest, dive into the Bit Boilerplate project template. Experience everything mentioned above along with additional features such as ASP.NET Core Identity integration, multilingualism, and other cool features that empowers you to develop unified Web, Android, iOS, Windows, and macOS apps from a single codebase, while providing seamless integration with native platform features and third-party Java, Kotlin, Swift, Objective-C, and JavaScript libraries.
+
+For more details, visit us at [bitplatform.dev](https://bitplatform.dev/).
 
 <br/>
 
@@ -41,7 +36,8 @@ The following apps are our open-source projects powered by the bit platform show
 |:-:|:--:|:--:|:--:|:--:|:--:|
 | bit BlazorUI | [![Prerendered PWA](https://github-production-user-asset-6210df.s3.amazonaws.com/6169846/251381583-8b8eb895-80c9-4811-9641-57a5a08db163.png)](https://components.bitplatform.dev) | [![iOS app](https://github-production-user-asset-6210df.s3.amazonaws.com/6169846/251381842-e72976ce-fd20-431d-a677-ca1ed625b83b.png)](https://apps.apple.com/us/app/bit-blazor-ui/id6450401404) | [![Android app](https://github-production-user-asset-6210df.s3.amazonaws.com/6169846/251381958-24931682-87f6-44fc-a1c7-eecf46387005.png)](https://play.google.com/store/apps/details?id=com.bitplatform.BlazorUI.Demo) | [![Windows app](https://github-production-user-asset-6210df.s3.amazonaws.com/6169846/251382080-9ae97fea-934c-4097-aca4-124a2aed1595.png)](https://github.com/bitfoundation/bitplatform/releases/latest/download/BlazorUIDemo-Windows.zip) | [![macOS app](https://github-production-user-asset-6210df.s3.amazonaws.com/6169846/251382211-0d58f9ba-1a1f-4481-a0ca-b23a393cca9f.png)](https://github.com/bitfoundation/bitplatform/releases/latest/download/BlazorUIDemo-macOS.pkg)
 | Todo | [![Prerendered PWA](https://github-production-user-asset-6210df.s3.amazonaws.com/6169846/251381583-8b8eb895-80c9-4811-9641-57a5a08db163.png)](https://todo.bitplatform.dev) | [![iOS app](https://github-production-user-asset-6210df.s3.amazonaws.com/6169846/251381842-e72976ce-fd20-431d-a677-ca1ed625b83b.png)](https://apps.apple.com/us/app/bit-todotemplate/id6450611072) | [![Android app](https://github-production-user-asset-6210df.s3.amazonaws.com/6169846/251381958-24931682-87f6-44fc-a1c7-eecf46387005.png)](https://play.google.com/store/apps/details?id=com.bitplatform.Todo.Template) | [![Windows app](https://github-production-user-asset-6210df.s3.amazonaws.com/6169846/251382080-9ae97fea-934c-4097-aca4-124a2aed1595.png)](https://github.com/bitfoundation/bitplatform/releases/latest/download/TodoTemplate-Windows.zip) | [![macOS app](https://github-production-user-asset-6210df.s3.amazonaws.com/6169846/251382211-0d58f9ba-1a1f-4481-a0ca-b23a393cca9f.png)](https://github.com/bitfoundation/bitplatform/releases/latest/download/TodoTemplate-macOS.pkg)
-| AdminPanel | [![SPA](https://github-production-user-asset-6210df.s3.amazonaws.com/6169846/251395129-71a5a79c-af74-4d4e-a0f7-ed9a15cf2e46.png)](https://adminpanel.bitplatform.dev) | [![iOS app](https://github-production-user-asset-6210df.s3.amazonaws.com/6169846/251381842-e72976ce-fd20-431d-a677-ca1ed625b83b.png)](https://apps.apple.com/us/app/bit-adminpanel/id6450611349) | [![Android app](https://github-production-user-asset-6210df.s3.amazonaws.com/6169846/251381958-24931682-87f6-44fc-a1c7-eecf46387005.png)](https://play.google.com/store/apps/details?id=com.bitplatform.AdminPanel.Template) | [![Windows app](https://github-production-user-asset-6210df.s3.amazonaws.com/6169846/251382080-9ae97fea-934c-4097-aca4-124a2aed1595.png)](https://github.com/bitfoundation/bitplatform/releases/latest/download/AdminPanel-Windows.zip) | [![macOS app](https://github-production-user-asset-6210df.s3.amazonaws.com/6169846/251382211-0d58f9ba-1a1f-4481-a0ca-b23a393cca9f.png)](https://github.com/bitfoundation/bitplatform/releases/latest/download/AdminPanel-macOS.pkg) |
+| AdminPanel | [![Prerendered PWA](https://github-production-user-asset-6210df.s3.amazonaws.com/6169846/251381583-8b8eb895-80c9-4811-9641-57a5a08db163.png)](https://adminpanel.bitplatform.dev) | [![iOS app](https://github-production-user-asset-6210df.s3.amazonaws.com/6169846/251381842-e72976ce-fd20-431d-a677-ca1ed625b83b.png)](https://apps.apple.com/us/app/bit-adminpanel/id6450611349) | [![Android app](https://github-production-user-asset-6210df.s3.amazonaws.com/6169846/251381958-24931682-87f6-44fc-a1c7-eecf46387005.png)](https://play.google.com/store/apps/details?id=com.bitplatform.AdminPanel.Template) | [![Windows app](https://github-production-user-asset-6210df.s3.amazonaws.com/6169846/251382080-9ae97fea-934c-4097-aca4-124a2aed1595.png)](https://github.com/bitfoundation/bitplatform/releases/latest/download/AdminPanel-Windows.zip) | [![macOS app](https://github-production-user-asset-6210df.s3.amazonaws.com/6169846/251382211-0d58f9ba-1a1f-4481-a0ca-b23a393cca9f.png)](https://github.com/bitfoundation/bitplatform/releases/latest/download/AdminPanel-macOS.pkg) |
+| bitplatform | [![SPA](https://github-production-user-asset-6210df.s3.amazonaws.com/6169846/251395129-71a5a79c-af74-4d4e-a0f7-ed9a15cf2e46.png)](https://bitplatform.dev)|
 
 <br/>
 

From 35ffd1ef33dac6506828a83c4f619eb656a161f3 Mon Sep 17 00:00:00 2001
From: Yaser Moradi <ysmoradi@outlook.com>
Date: Mon, 15 Jan 2024 14:22:46 +0100
Subject: [PATCH 24/39] feat(github): improve bitplatform's README.md II #6581
 (#6582)

---
 README.md | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/README.md b/README.md
index cb9f56f845..2e085f37ad 100644
--- a/README.md
+++ b/README.md
@@ -12,17 +12,17 @@
 
 # 🧾 Introduction
 
-At **bitplatform**, we've curated a comprehensive toolkit to empower you in crafting the finest projects using Blazor. Diverging from others merely offering UI Toolkits, BitPlatform distinguishes itself with over 56 components, with a compact size of under 400 KB. These components boast both Dark and Light Themes, delivering unparalleled High Performance.
+At **bitplatform**, we've curated a comprehensive toolkit to empower you in crafting the finest projects using Blazor. Diverging from others merely offering UI Toolkits, ***bit BlazorUI components*** distinguishes itself with over 56 components, with a compact size of under 400 KB. These components boast both Dark and Light Themes, delivering unparalleled High Performance 🚀
 
 Yet, bitplatform doesn't stop there. Our platform introduces exclusive tools that elevate your development experience:
 
-**Bswup**: This unique tool harnesses the power of Progressive Web Apps (PWA) within the innovative new structure of dotnet 8. By amalgamating pre-rendering techniques reminiscent of renowned platforms like GitHub, Reddit, and Facebook, Bswup ensures an exceptional user experience.
+***Bswup***: This unique tool harnesses the power of Progressive Web Apps (PWA) within the innovative new structure of dotnet 8. By amalgamating pre-rendering techniques reminiscent of renowned platforms like GitHub, Reddit, and Facebook, Bswup ensures an exceptional user experience 😍
 
-**Butil**: Embracing Blazor because of your love for C#? Butil enables you to stay true to that sentiment by providing essential Browser APIs in C#, eliminating the need to revert to JavaScript for any functionality.
+***Butil***: Embracing Blazor because of your love for C#? Butil enables you to stay true to that sentiment by providing essential Browser APIs in C#, eliminating the need to revert to JavaScript for any functionality 👌
 
-**Besql**: Dreaming of an offline web application capable of saving data and syncing later? Enter Besql, your solution to incorporating ef core & sqlite in your browser. It's a crucial aid for achieving this objective seamlessly.
+***Besql***: Dreaming of an offline web application capable of saving data and syncing later? Enter Besql, your solution to incorporating ef core & sqlite in your browser. It's a crucial aid for achieving this objective seamlessly 🕺
 
-**Bit Boilerplate Project Template**: If the aforementioned features have piqued your interest, dive into the Bit Boilerplate project template. Experience everything mentioned above along with additional features such as ASP.NET Core Identity integration, multilingualism, and other cool features that empowers you to develop unified Web, Android, iOS, Windows, and macOS apps from a single codebase, while providing seamless integration with native platform features and third-party Java, Kotlin, Swift, Objective-C, and JavaScript libraries.
+***Bit Boilerplate Project Template***: If the aforementioned features have piqued your interest, dive into the Bit Boilerplate project template. Experience everything mentioned above along with additional features such as ASP.NET Core Identity integration, multilingualism, and other cool features that empowers you to develop unified Web, Android, iOS, Windows, and macOS apps from a single codebase, while providing seamless integration with native platform features and third-party Java, Kotlin, Swift, Objective-C, and JavaScript libraries 💯
 
 For more details, visit us at [bitplatform.dev](https://bitplatform.dev/).
 

From 318866c9e3955573e7544860c0d80fb9cf810bdc Mon Sep 17 00:00:00 2001
From: Mohammad Hossein Rastegarinia <mh.rastegari@outlook.com>
Date: Mon, 15 Jan 2024 22:31:30 +0330
Subject: [PATCH 25/39] feat(websites): add samples for Butil Window methods in
 Platform website #6583 (#6584)

---
 .../Pages/Butil/Butil04WindowPage.razor       | 269 +++++++++++++++++-
 1 file changed, 263 insertions(+), 6 deletions(-)

diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil04WindowPage.razor b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil04WindowPage.razor
index c416b612ab..000722627f 100644
--- a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil04WindowPage.razor
+++ b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil04WindowPage.razor
@@ -1,5 +1,6 @@
 @page "/butil/window"
 @inherits AppComponentBase
+@inject Bit.Butil.Window window
 
 <PageOutlet Url="butil/window"
             Title="Window - Butil"
@@ -30,13 +31,17 @@
     <section class="section-card">
         <BitTypography Variant="BitTypographyVariant.H5" Gutter>Methods</BitTypography>
         <div class="section-card-txt">
-            <b>AddBeforeUnload</b>, <b>RemoveBeforeUnload</b>: The beforeunload event is fired when the current window, 
-            contained document, and associated resources are about to be unloaded. The main use case for this event is to 
-            trigger a browser-generated confirmation dialog that asks users to confirm if they really want to leave the page 
+            <b>AddBeforeUnload</b>, <b>RemoveBeforeUnload</b>: The beforeunload event is fired when the current window,
+            contained document, and associated resources are about to be unloaded. The main use case for this event is to
+            trigger a browser-generated confirmation dialog that asks users to confirm if they really want to leave the page
             when they try to close or reload it, or navigate somewhere else. This is intended to help prevent loss of unsaved data
             (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Window/beforeunload_event" target="_blank">MDN</a>).
             <br /><br />
 
+            <b>AddEventListener</b>, <b>RemoveEventListener</b>: Sets up a function that will be called whenever the specified event is delivered to the window
+            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener" target="_blank">MDN</a>).
+            <br /><br />
+
             <b>GetInnerHeight</b>: Gets the height of the content area of the browser window in px including, if rendered, the horizontal scrollbar
             (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Window/innerHeight" target="_blank">MDN</a>).
             <br /><br />
@@ -60,14 +65,65 @@
             <b>GetOrigin</b>: Returns the global object's origin, serialized as a string
             (<a href="https://developer.mozilla.org/en-US/docs/Web/API/origin" target="_blank">MDN</a>).
             <br /><br />
+            <BitAccordion Title="Sample">
+                <ChildContent>
+                    <BitPivot>
+                        <BitPivotItem HeaderText="Code">
+                            <pre class="code-box">
+                                @exampleCode1
+                            </pre>
+                        </BitPivotItem>
+                        <BitPivotItem HeaderText="Result">
+                            <br />
+                            <BitButton OnClick=GetOrigin>GetOrigin</BitButton>
+                            <div style="margin-top: 1rem;">Origin is: @origin</div>
+                        </BitPivotItem>
+                    </BitPivot>
+                </ChildContent>
+            </BitAccordion>
+            <br /><br />
 
             <b>GetOuterHeight</b>: Gets the height of the outside of the browser window in px
             (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Window/outerHeight" target="_blank">MDN</a>).
             <br /><br />
+            <BitAccordion Title="Sample">
+                <ChildContent>
+                    <BitPivot>
+                        <BitPivotItem HeaderText="Code">
+                            <pre class="code-box">
+                                @exampleCode2
+                            </pre>
+                        </BitPivotItem>
+                        <BitPivotItem HeaderText="Result">
+                            <br />
+                            <BitButton OnClick=GetOuterHeight>GetOuterHeight</BitButton>
+                            <div style="margin-top: 1rem;">OuterHeight is: @outerHeight</div>
+                        </BitPivotItem>
+                    </BitPivot>
+                </ChildContent>
+            </BitAccordion>
+            <br /><br />
 
             <b>GetOuterWidth</b>: Gets the width of the outside of the browser window in px
             (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Window/outerWidth" target="_blank">MDN</a>).
             <br /><br />
+            <BitAccordion Title="Sample">
+                <ChildContent>
+                    <BitPivot>
+                        <BitPivotItem HeaderText="Code">
+                            <pre class="code-box">
+                                @exampleCode3
+                            </pre>
+                        </BitPivotItem>
+                        <BitPivotItem HeaderText="Result">
+                            <br />
+                            <BitButton OnClick=GetOuterWidth>GetOuterWidth</BitButton>
+                            <div style="margin-top: 1rem;">OuterWidth is: @outerWidth</div>
+                        </BitPivotItem>
+                    </BitPivot>
+                </ChildContent>
+            </BitAccordion>
+            <br /><br />
 
             <b>GetScreenX</b>: Returns the horizontal distance in px from the left border of the user's browser viewport to the left side of the screen
             (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Window/screenX" target="_blank">MDN</a>).
@@ -85,17 +141,71 @@
             (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Window/scrollY" target="_blank">MDN</a>).
             <br /><br />
 
+            <b>Btoa</b>: Creates a base-64 encoded ASCII string from a string of binary data
+            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/btoa" target="_blank">MDN</a>).
+            <br /><br />
+            <BitAccordion Title="Sample">
+                <ChildContent>
+                    <BitPivot>
+                        <BitPivotItem HeaderText="Code">
+                            <pre class="code-box">
+                                @exampleCode4
+                            </pre>
+                        </BitPivotItem>
+                        <BitPivotItem HeaderText="Result">
+                            <br />
+                            <BitTextField @bind-Value="btoaValue" Style="max-width: 18.75rem;" />
+                            <br />
+                            <BitButton OnClick=EncodeData>EncodeData</BitButton>
+                            <div style="margin-top: 1rem;">Encoded data is: @btoaText</div>
+                        </BitPivotItem>
+                    </BitPivot>
+                </ChildContent>
+            </BitAccordion>
+            <br /><br />
+
             <b>Atob</b>: Decodes a string of data which has been encoded using base-64 encoding
             (<a href="https://developer.mozilla.org/en-US/docs/Web/API/atob" target="_blank">MDN</a>).
             <br /><br />
-
-            <b>Btoa</b>: Creates a base-64 encoded ASCII string from a string of binary data
-            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/btoa" target="_blank">MDN</a>).
+            <BitAccordion Title="Sample">
+                <ChildContent>
+                    <BitPivot>
+                        <BitPivotItem HeaderText="Code">
+                            <pre class="code-box">
+                                @exampleCode5
+                            </pre>
+                        </BitPivotItem>
+                        <BitPivotItem HeaderText="Result">
+                            <br />
+                            <BitTextField @bind-Value="atobValue" Style="max-width: 18.75rem;" />
+                            <br />
+                            <BitButton OnClick=DecodeData>DecodeData</BitButton>
+                            <div style="margin-top: 1rem;">Decoded text is: @atobText</div>
+                        </BitPivotItem>
+                    </BitPivot>
+                </ChildContent>
+            </BitAccordion>
             <br /><br />
 
             <b>Alert</b>: Displays an alert dialog
             (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Window/alert" target="_blank">MDN</a>).
             <br /><br />
+            <BitAccordion Title="Sample">
+                <ChildContent>
+                    <BitPivot>
+                        <BitPivotItem HeaderText="Code">
+                            <pre class="code-box">
+                                @exampleCode6
+                            </pre>
+                        </BitPivotItem>
+                        <BitPivotItem HeaderText="Result">
+                            <br />
+                            <BitButton OnClick="@(() => window.Alert("Alert from C#"))">ShowAlert</BitButton>
+                        </BitPivotItem>
+                    </BitPivot>
+                </ChildContent>
+            </BitAccordion>
+            <br /><br />
 
             <b>Blur</b>: Sets focus away from the window
             (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Window/blur" target="_blank">MDN</a>).
@@ -108,6 +218,22 @@
             <b>Confirm</b>: Displays a dialog with a message that the user needs to respond to
             (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Window/confirm" target="_blank">MDN</a>).
             <br /><br />
+            <BitAccordion Title="Sample">
+                <ChildContent>
+                    <BitPivot>
+                        <BitPivotItem HeaderText="Code">
+                            <pre class="code-box">
+                                @exampleCode7
+                            </pre>
+                        </BitPivotItem>
+                        <BitPivotItem HeaderText="Result">
+                            <br />
+                            <BitButton OnClick="@(() => window.Confirm("Confirm from C#"))">ShowConfirm</BitButton>
+                        </BitPivotItem>
+                    </BitPivot>
+                </ChildContent>
+            </BitAccordion>
+            <br /><br />
 
             <b>Find</b>: Searches for a given string in a window
             (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Window/find" target="_blank">MDN</a>).
@@ -152,3 +278,134 @@
 </div>
 
 <NavigationButtons Prev="Setup" PrevUrl="/butil/setup" Next="Document" NextUrl="/butil/document" />
+
+@code {
+    private string? origin;
+
+    private float outerHeight;
+
+    private float outerWidth;
+
+    private string? btoaText;
+    private string? btoaValue;
+
+    private string? atobText;
+    private string? atobValue;
+
+
+    private async Task GetOrigin()
+    {
+        origin = await window.GetOrigin();
+    }
+
+    private async Task GetOuterHeight()
+    {
+        outerHeight = await window.GetOuterHeight();
+    }
+
+    private async Task GetOuterWidth()
+    {
+        outerWidth = await window.GetOuterWidth();
+    }
+
+    private async Task EncodeData()
+    {
+        btoaText = await window.Btoa(btoaValue!);
+    }
+
+    private async Task DecodeData()
+    {
+        atobText = await window.Atob(atobValue!);
+    }
+
+    private string exampleCode1 = 
+@"@inject Bit.Butil.Window window
+
+<BitButton OnClick=GetOrigin>GetOrigin</BitButton>
+
+<div>Origin is: @origin</div>
+
+@code {
+    private string? origin;
+
+    private async Task GetOrigin()
+    {
+        origin = await window.GetOrigin();
+    }
+}";
+    private string exampleCode2 = 
+@"@inject Bit.Butil.Window window
+
+<BitButton OnClick=GetOuterHeight>GetOuterHeight</BitButton>
+
+<div>OuterHeight is: @outerHeight</div>
+
+@code {
+    private float outerHeight;
+
+    private async Task GetOuterHeight()
+    {
+        outerHeight = await window.GetOuterHeight();
+    }
+}";
+    private string exampleCode3 =
+@"@inject Bit.Butil.Window window
+
+<BitButton OnClick=GetOuterWidth>GetOuterWidth</BitButton>
+
+<div>OuterWidth is: @outerWidth</div>
+
+@code {
+    private float outerWidth;
+
+    private async Task GetOuterWidth()
+    {
+        outerWidth = await window.GetOuterWidth();
+    }
+}";
+    private string exampleCode4 = 
+@"@inject Bit.Butil.Window window
+
+<BitTextField @bind-Value=""btoaValue"" />
+                            
+<BitButton OnClick=EncodeData>EncodeData</BitButton>
+
+<div>Encoded data is: @btoaText</div>
+
+@code {
+    private string? btoaText;
+    private string? btoaValue;
+
+    private async Task EncodeData()
+    {
+        btoaText = await window.Btoa(btoaValue!);
+    }
+}";
+    private string exampleCode5 = 
+@"@inject Bit.Butil.Window window
+
+<BitTextField @bind-Value=""atobValue"" />
+                            
+<BitButton OnClick=DecodeData>DecodeData</BitButton>
+
+<div>Decoded data is: @atobText</div>
+
+@code {
+    private string? atobText;
+    private string? atobValue;
+
+    private async Task DecodeData()
+    {
+        atobText = await window.Atob(atobValue!);
+    }
+}";
+    private string exampleCode6 = 
+@"@inject Bit.Butil.Window window
+
+<BitButton OnClick=""@(() => window.Alert(""Alert from C#""))"">ShowAlert</BitButton>";
+    private string exampleCode7 =
+@"@inject Bit.Butil.Window window
+
+<BitButton OnClick=""@(() => window.Confirm(""Confirm from C#""))"">ShowConfirm</BitButton>";
+
+}
\ No newline at end of file

From 1fcb3a069d3ae19c1bc0b4cb25ec33491c4f754d Mon Sep 17 00:00:00 2001
From: Mohammad Hossein Rastegarinia <mh.rastegari@outlook.com>
Date: Mon, 15 Jan 2024 23:36:25 +0330
Subject: [PATCH 26/39] feat(websites): add samples of Document class of Butil
 to the docs of the Platform website #6585 (#6586)

---
 .../Pages/Butil/Butil05DocumentPage.razor     | 46 ++++++++++++++++++-
 1 file changed, 45 insertions(+), 1 deletion(-)

diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil05DocumentPage.razor b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil05DocumentPage.razor
index 24bf9fd142..6a01e9b6a5 100644
--- a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil05DocumentPage.razor
+++ b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil05DocumentPage.razor
@@ -1,5 +1,6 @@
 @page "/butil/document"
 @inherits AppComponentBase
+@inject Bit.Butil.Document document
 
 <PageOutlet Url="butil/document"
             Title="Document - Butil"
@@ -53,8 +54,26 @@
             <b>SetDesignMode</b>, <b>GetDesignMode</b>: Gets/Sets ability to edit the whole document
             (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Document/designMode" target="_blank">MDN</a>).
             <br /><br />
+            <BitAccordion Title="Sample">
+                <ChildContent>
+                    <BitPivot>
+                        <BitPivotItem HeaderText="Code">
+                            <pre class="code-box">
+                                @exampleCode1
+                            </pre>
+                        </BitPivotItem>
+                        <BitPivotItem HeaderText="Result">
+                            <br />
+                            <BitCheckbox @bind-Value="isDesignModeOn" Label="@(isDesignModeOn ? "On" : "Off")" />
+                            <br />
+                            <BitButton OnClick=SetDesignMode>SetDesignMode</BitButton>
+                        </BitPivotItem>
+                    </BitPivot>
+                </ChildContent>
+            </BitAccordion>
+            <br /><br />
 
-            <b>SetDir</b>, <b>GetDir</b>: Gets/Sets directionality (rtl/ltr) of the document
+            <b>SetDir</b>, <b>GetDir</b>: Gets/Sets directionality (Rtl/Ltr) of the document
             (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Document/dir" target="_blank">MDN</a>).
             <br /><br />
 
@@ -81,3 +100,28 @@
 </div>
 
 <NavigationButtons Prev="Window" PrevUrl="/butil/window" Next="Keyboard" NextUrl="/butil/keyboard" />
+
+@code {
+    private bool isDesignModeOn;
+
+    private async Task SetDesignMode()
+    {
+        await document.SetDesignMode(isDesignModeOn ? DesignMode.On : DesignMode.Off);
+    }
+
+    private string exampleCode1 =
+@"@inject Bit.Butil.Document document
+
+<BitCheckbox @bind-Value=""isDesignModeOn"" Label=""@(isDesignModeOn ? ""On"" : ""Off"")"" />
+
+<BitButton OnClick=SetDesignMode>SetDesignMode</BitButton>
+
+@code {
+    private bool isDesignModeOn;
+
+    private async Task SetDesignMode()
+    {
+        await document.SetDesignMode(isDesignModeOn ? DesignMode.On : DesignMode.Off);
+    }
+}";
+}

From d0b6ac576bd7145a6960cd60dbb7aea76e1d88e3 Mon Sep 17 00:00:00 2001
From: Mohammad Hossein Rastegarinia <mh.rastegari@outlook.com>
Date: Tue, 16 Jan 2024 13:48:36 +0330
Subject: [PATCH 27/39] feat(websites): add samples for Butil Keyboard methods
 in Platform website #6587 (#6588)

---
 .../Pages/Butil/Butil06KeyboardPage.razor     | 47 ++++++++++++++++++-
 1 file changed, 45 insertions(+), 2 deletions(-)

diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil06KeyboardPage.razor b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil06KeyboardPage.razor
index 8ed3588aa3..63c1f247cf 100644
--- a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil06KeyboardPage.razor
+++ b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil06KeyboardPage.razor
@@ -1,5 +1,6 @@
 @page "/butil/keyboard"
 @inherits AppComponentBase
+@inject Bit.Butil.Keyboard keyboard
 
 <PageOutlet Url="butil/keyboard"
             Title="Keyboard - Butil"
@@ -30,11 +31,53 @@
     <section class="section-card">
         <BitTypography Variant="BitTypographyVariant.H5" Gutter>Methods</BitTypography>
         <div class="section-card-txt">
-            <b>Add</b>: Adds a handler to a keyboard key combination.
+            <b>Add</b>, <b>Remove</b>: Adds/Removes a handler to a keyboard key combination.
             <br /><br />
-            <b>Remove</b>: Removes a handler from a keyboard key combination.
+            <BitAccordion Title="Sample">
+                <ChildContent>
+                    <BitPivot>
+                        <BitPivotItem HeaderText="Code">
+                            <pre class="code-box">
+                                @exampleCode1
+                            </pre>
+                        </BitPivotItem>
+                        <BitPivotItem HeaderText="Result">
+                            <br />
+                            <div>Press Ctrl+F to focus on search box</div>
+                            <br />
+                            <BitSearchBox @ref="searchBox" Style="max-width: 18.75rem;" />
+                            <br />
+                        </BitPivotItem>
+                    </BitPivot>
+                </ChildContent>
+            </BitAccordion>
         </div>
     </section>
 </div>
 
 <NavigationButtons Prev="Document" PrevUrl="/butil/document" Next="Console" NextUrl="/butil/console" />
+
+@code {
+    private BitSearchBox searchBox = default!;
+
+    protected override async Task OnInitAsync()
+    {
+        await keyboard.Add(ButilKeyCodes.KeyF, () => _ = searchBox.FocusInput(), ButilModifiers.Ctrl);
+    }
+
+    private string exampleCode1 =
+@"@inject Bit.Butil.Document document
+
+<div>Press Ctrl+F to focus on search box</div>
+
+<BitSearchBox @ref=""searchBox"" />
+
+@code {
+    private BitSearchBox searchBox = default!;
+
+    protected override async Task OnInitAsync()
+    {
+        await keyboard.Add(ButilKeyCodes.KeyF, () => _ = searchBox.FocusInput(), ButilModifiers.Ctrl);
+    }
+}";
+}
\ No newline at end of file

From d72e8d0d55ad6c95c6251b0bcf36c7fd718b657f Mon Sep 17 00:00:00 2001
From: Mohammad Hossein Rastegarinia <mh.rastegari@outlook.com>
Date: Tue, 16 Jan 2024 14:57:01 +0330
Subject: [PATCH 28/39] feat(websites): add samples for Butil Console methods
 in Platform website #6589 (#6590)

---
 .../Pages/Butil/Butil07ConsolePage.razor      | 702 +++++++++++++++++-
 1 file changed, 690 insertions(+), 12 deletions(-)

diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil07ConsolePage.razor b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil07ConsolePage.razor
index 62115e8495..463d0c2911 100644
--- a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil07ConsolePage.razor
+++ b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil07ConsolePage.razor
@@ -1,5 +1,6 @@
 @page "/butil/console"
 @inherits AppComponentBase
+@inject Bit.Butil.Console console
 
 <PageOutlet Url="butil/console"
             Title="Console - Butil"
@@ -21,9 +22,9 @@
 @@inject Bit.Butil.Console console
 
 @@code {
-    console.Log("This is a test log:", someValue);
-    console.Assert(condition, "The condition failed!", testedValue);
+    console.Log("This is a test log:", value);
     console.Error("This is a test error:", value);
+    console.Assert(condition, "The condition failed!", value);
 }</pre>
         </div>
     </section>
@@ -34,91 +35,768 @@
             <b>Assert</b>: Log a message and stack trace to console if the first argument is false
             (<a href="https://developer.mozilla.org/en-US/docs/Web/API/console/assert_static" target="_blank">MDN</a>).
             <br /><br />
-
-            <b>Clear</b>: Clear the console
-            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/console/clear_static" target="_blank">MDN</a>).
+            <BitAccordion Title="Sample">
+                <ChildContent>
+                    <BitPivot>
+                        <BitPivotItem HeaderText="Code">
+                            <pre class="code-box">
+                                @exampleCode1
+                            </pre>
+                        </BitPivotItem>
+                        <BitPivotItem HeaderText="Result">
+                            <br />
+                            <BitTextField @bind-Value="value" Style="max-width: 18.75rem;" />
+                            <br />
+                            <div>Open the DevTools console and start clicking on the button</div>
+                            <br />
+                            <BitButton OnClick="@(() => console.Assert(false, "This is a test assert:", value))">Assert</BitButton>
+                            <br />
+                        </BitPivotItem>
+                    </BitPivot>
+                </ChildContent>
+            </BitAccordion>
             <br /><br />
 
             <b>Count</b>: Log the number of times this line has been called with the given label
             (<a href="https://developer.mozilla.org/en-US/docs/Web/API/console/count_static" target="_blank">MDN</a>).
             <br /><br />
+            <BitAccordion Title="Sample">
+                <ChildContent>
+                    <BitPivot>
+                        <BitPivotItem HeaderText="Code">
+                            <pre class="code-box">
+                                @exampleCode2
+                            </pre>
+                        </BitPivotItem>
+                        <BitPivotItem HeaderText="Result">
+                            <br />
+                            <BitTextField @bind-Value="value" Style="max-width: 18.75rem;" />
+                            <br />
+                            <div>Open the DevTools console and start clicking on the button</div>
+                            <br />
+                            <BitButton OnClick="@(() => console.Count(value))">Count</BitButton>
+                            <br />
+                        </BitPivotItem>
+                    </BitPivot>
+                </ChildContent>
+            </BitAccordion>
+            <br /><br />
 
             <b>CountReset</b>: Resets the value of the counter with the given label
             (<a href="https://developer.mozilla.org/en-US/docs/Web/API/console/countreset_static" target="_blank">MDN</a>).
             <br /><br />
+            <BitAccordion Title="Sample">
+                <ChildContent>
+                    <BitPivot>
+                        <BitPivotItem HeaderText="Code">
+                            <pre class="code-box">
+                                @exampleCode3
+                            </pre>
+                        </BitPivotItem>
+                        <BitPivotItem HeaderText="Result">
+                            <br />
+                            <BitTextField @bind-Value="value" Style="max-width: 18.75rem;" />
+                            <br />
+                            <div>Open the DevTools console and start clicking on the button</div>
+                            <br />
+                            <BitButton OnClick="@(() => console.CountReset(value))">CountReset</BitButton>
+                            <br />
+                        </BitPivotItem>
+                    </BitPivot>
+                </ChildContent>
+            </BitAccordion>
+            <br /><br />
 
             <b>Debug</b>: Outputs a message to the console with the log level debug
             (<a href="https://developer.mozilla.org/en-US/docs/Web/API/console/debug_static" target="_blank">MDN</a>).
             <br /><br />
+            <BitAccordion Title="Sample">
+                <ChildContent>
+                    <BitPivot>
+                        <BitPivotItem HeaderText="Code">
+                            <pre class="code-box">
+                                @exampleCode4
+                            </pre>
+                        </BitPivotItem>
+                        <BitPivotItem HeaderText="Result">
+                            <br />
+                            <BitTextField @bind-Value="value" Style="max-width: 18.75rem;" />
+                            <br />
+                            <div>Open the DevTools console and start clicking on the button</div>
+                            <br />
+                            <BitButton OnClick="@(() => console.Debug(value))">Debug</BitButton>
+                            <br />
+                        </BitPivotItem>
+                    </BitPivot>
+                </ChildContent>
+            </BitAccordion>
+            <br /><br />
 
             <b>Dir</b>: Displays an interactive listing of the properties of a specified JavaScript object
             (<a href="https://developer.mozilla.org/en-US/docs/Web/API/console/dir_static" target="_blank">MDN</a>).
             <br /><br />
+            <BitAccordion Title="Sample">
+                <ChildContent>
+                    <BitPivot>
+                        <BitPivotItem HeaderText="Code">
+                            <pre class="code-box">
+                                @exampleCode5
+                            </pre>
+                        </BitPivotItem>
+                        <BitPivotItem HeaderText="Result">
+                            <br />
+                            <BitTextField @bind-Value="value" Style="max-width: 18.75rem;" />
+                            <br />
+                            <div>Open the DevTools console and start clicking on the button</div>
+                            <br />
+                            <BitButton OnClick="@(() => console.Dir(value))">Dir</BitButton>
+                            <br />
+                        </BitPivotItem>
+                    </BitPivot>
+                </ChildContent>
+            </BitAccordion>
+            <br /><br />
 
             <b>Dirxml</b>: Displays an XML/HTML Element representation of the specified object if possible or the JavaScript Object view if it is not possible
             (<a href="https://developer.mozilla.org/en-US/docs/Web/API/console/dirxml_static" target="_blank">MDN</a>).
             <br /><br />
+            <BitAccordion Title="Sample">
+                <ChildContent>
+                    <BitPivot>
+                        <BitPivotItem HeaderText="Code">
+                            <pre class="code-box">
+                                @exampleCode6
+                            </pre>
+                        </BitPivotItem>
+                        <BitPivotItem HeaderText="Result">
+                            <br />
+                            <BitTextField @bind-Value="value" Style="max-width: 18.75rem;" />
+                            <br />
+                            <div>Open the DevTools console and start clicking on the button</div>
+                            <br />
+                            <BitButton OnClick="@(() => console.Dirxml(value))">Dirxml</BitButton>
+                            <br />
+                        </BitPivotItem>
+                    </BitPivot>
+                </ChildContent>
+            </BitAccordion>
+            <br /><br />
 
             <b>Error</b>: Outputs an error message. You may use string substitution and additional arguments with this method
             (<a href="https://developer.mozilla.org/en-US/docs/Web/API/console/error_static" target="_blank">MDN</a>).
             <br /><br />
+            <BitAccordion Title="Sample">
+                <ChildContent>
+                    <BitPivot>
+                        <BitPivotItem HeaderText="Code">
+                            <pre class="code-box">
+                                @exampleCode7
+                            </pre>
+                        </BitPivotItem>
+                        <BitPivotItem HeaderText="Result">
+                            <br />
+                            <BitTextField @bind-Value="value" Style="max-width: 18.75rem;" />
+                            <br />
+                            <div>Open the DevTools console and start clicking on the button</div>
+                            <br />
+                            <BitButton OnClick="@(() => console.Error("This is a test error:", value))">Error</BitButton>
+                            <br />
+                        </BitPivotItem>
+                    </BitPivot>
+                </ChildContent>
+            </BitAccordion>
+            <br /><br />
 
             <b>Group</b>: Creates a new inline group, indenting all following output by another level. To move back out a level, call console.groupEnd()
             (<a href="https://developer.mozilla.org/en-US/docs/Web/API/console/group_static" target="_blank">MDN</a>).
             <br /><br />
+            <BitAccordion Title="Sample">
+                <ChildContent>
+                    <BitPivot>
+                        <BitPivotItem HeaderText="Code">
+                            <pre class="code-box">
+                                @exampleCode8
+                            </pre>
+                        </BitPivotItem>
+                        <BitPivotItem HeaderText="Result">
+                            <br />
+                            <div>Open the DevTools console and start clicking on the button</div>
+                            <br />
+                            <BitButton OnClick="CreateGroupLogs">Create group logs</BitButton>
+                            <br />
+                        </BitPivotItem>
+                    </BitPivot>
+                </ChildContent>
+            </BitAccordion>
+            <br /><br />
 
             <b>GroupCollapsed</b>: Creates a new inline group, indenting all following output by another level. However, unlike console.group() this starts with the inline group collapsed requiring the use of a disclosure button to expand it. To move back out a level, call console.groupEnd()
             (<a href="https://developer.mozilla.org/en-US/docs/Web/API/console/groupcollapsed_static" target="_blank">MDN</a>).
             <br /><br />
+            <BitAccordion Title="Sample">
+                <ChildContent>
+                    <BitPivot>
+                        <BitPivotItem HeaderText="Code">
+                            <pre class="code-box">
+                                @exampleCode8
+                            </pre>
+                        </BitPivotItem>
+                        <BitPivotItem HeaderText="Result">
+                            <br />
+                            <div>Open the DevTools console and start clicking on the button</div>
+                            <br />
+                            <BitButton OnClick="CreateGroupLogs">Create group logs</BitButton>
+                            <br />
+                        </BitPivotItem>
+                    </BitPivot>
+                </ChildContent>
+            </BitAccordion>
+            <br /><br />
 
             <b>GroupEnd</b>: Exits the current inline group
             (<a href="https://developer.mozilla.org/en-US/docs/Web/API/console/groupend_static" target="_blank">MDN</a>).
             <br /><br />
+            <BitAccordion Title="Sample">
+                <ChildContent>
+                    <BitPivot>
+                        <BitPivotItem HeaderText="Code">
+                            <pre class="code-box">
+                                @exampleCode8
+                            </pre>
+                        </BitPivotItem>
+                        <BitPivotItem HeaderText="Result">
+                            <br />
+                            <div>Open the DevTools console and start clicking on the button</div>
+                            <br />
+                            <BitButton OnClick="CreateGroupLogs">Create group logs</BitButton>
+                            <br />
+                        </BitPivotItem>
+                    </BitPivot>
+                </ChildContent>
+            </BitAccordion>
+            <br /><br />
 
             <b>Info</b>: Informative logging of information. You may use string substitution and additional arguments with this method
             (<a href="https://developer.mozilla.org/en-US/docs/Web/API/console/info_static" target="_blank">MDN</a>).
             <br /><br />
+            <BitAccordion Title="Sample">
+                <ChildContent>
+                    <BitPivot>
+                        <BitPivotItem HeaderText="Code">
+                            <pre class="code-box">
+                                @exampleCode9
+                            </pre>
+                        </BitPivotItem>
+                        <BitPivotItem HeaderText="Result">
+                            <br />
+                            <BitTextField @bind-Value="value" Style="max-width: 18.75rem;" />
+                            <br />
+                            <div>Open the DevTools console and start clicking on the button</div>
+                            <br />
+                            <BitButton OnClick="@(() => console.Info("This is a test info:", value))">Info</BitButton>
+                            <br />
+                        </BitPivotItem>
+                    </BitPivot>
+                </ChildContent>
+            </BitAccordion>
+            <br /><br />
 
             <b>Log</b>: For general output of logging information. You may use string substitution and additional arguments with this method
             (<a href="https://developer.mozilla.org/en-US/docs/Web/API/console/log_static" target="_blank">MDN</a>).
             <br /><br />
+            <BitAccordion Title="Sample">
+                <ChildContent>
+                    <BitPivot>
+                        <BitPivotItem HeaderText="Code">
+                            <pre class="code-box">
+                                @exampleCode10
+                            </pre>
+                        </BitPivotItem>
+                        <BitPivotItem HeaderText="Result">
+                            <br />
+                            <BitTextField @bind-Value="value" Style="max-width: 18.75rem;" />
+                            <br />
+                            <div>Open the DevTools console and start clicking on the button</div>
+                            <br />
+                            <BitButton OnClick="@(() => console.Log("This is a test log:", value))">Log</BitButton>
+                            <br />
+                        </BitPivotItem>
+                    </BitPivot>
+                </ChildContent>
+            </BitAccordion>
+            <br /><br />
 
-            <b>Log</b>: For general output of logging information. You may use string substitution and additional arguments with this method
-            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/console/log_static" target="_blank">MDN</a>).
+            <b>Warn</b>: Outputs a warning message
+            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/console/warn_static" target="_blank">MDN</a>).
+            <br /><br />
+            <BitAccordion Title="Sample">
+                <ChildContent>
+                    <BitPivot>
+                        <BitPivotItem HeaderText="Code">
+                            <pre class="code-box">
+                                @exampleCode11
+                            </pre>
+                        </BitPivotItem>
+                        <BitPivotItem HeaderText="Result">
+                            <br />
+                            <BitTextField @bind-Value="value" Style="max-width: 18.75rem;" />
+                            <br />
+                            <div>Open the DevTools console and start clicking on the button</div>
+                            <br />
+                            <BitButton OnClick="@(() => console.Warn(value))">Warn</BitButton>
+                            <br />
+                        </BitPivotItem>
+                    </BitPivot>
+                </ChildContent>
+            </BitAccordion>
+            <br /><br />
+
+            <b>Table</b>: Displays tabular data as a table
+            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/console/table_static" target="_blank">MDN</a>).
+            <br /><br />
+            <BitAccordion Title="Sample">
+                <ChildContent>
+                    <BitPivot>
+                        <BitPivotItem HeaderText="Code">
+                            <pre class="code-box">
+                                @exampleCode12
+                            </pre>
+                        </BitPivotItem>
+                        <BitPivotItem HeaderText="Result">
+                            <br />
+                            <BitTextField @bind-Value="value" Style="max-width: 18.75rem;" />
+                            <br />
+                            <div>Open the DevTools console and start clicking on the button</div>
+                            <br />
+                            <BitButton OnClick="@(() => console.Table(new { Name = "Value", Value = value }))">Table</BitButton>
+                            <br />
+                        </BitPivotItem>
+                    </BitPivot>
+                </ChildContent>
+            </BitAccordion>
             <br /><br />
 
             <b>Profile</b>: Starts the browser's built-in profiler (for example, the Firefox performance tool). You can specify an optional name for the profile
             (<a href="https://developer.mozilla.org/en-US/docs/Web/API/console/profile_static" target="_blank">MDN</a>).
             <br /><br />
+            <BitAccordion Title="Sample">
+                <ChildContent>
+                    <BitPivot>
+                        <BitPivotItem HeaderText="Code">
+                            <pre class="code-box">
+                                @exampleCode13
+                            </pre>
+                        </BitPivotItem>
+                        <BitPivotItem HeaderText="Result">
+                            <br />
+                            <BitTextField @bind-Value="value" Style="max-width: 18.75rem;" />
+                            <br />
+                            <div>Open the DevTools console and start clicking on the button</div>
+                            <br />
+                            <BitButton OnClick="@(() => console.Profile(value))">Profile</BitButton>
+                            <br />
+                        </BitPivotItem>
+                    </BitPivot>
+                </ChildContent>
+            </BitAccordion>
+            <br /><br />
 
             <b>ProfileEnd</b>: Stops the profiler. You can see the resulting profile in the browser's performance tool (for example, the Firefox performance tool)
             (<a href="https://developer.mozilla.org/en-US/docs/Web/API/console/profileend_static" target="_blank">MDN</a>).
             <br /><br />
+            <BitAccordion Title="Sample">
+                <ChildContent>
+                    <BitPivot>
+                        <BitPivotItem HeaderText="Code">
+                            <pre class="code-box">
+                                @exampleCode14
+                            </pre>
+                        </BitPivotItem>
+                        <BitPivotItem HeaderText="Result">
+                            <br />
+                            <BitTextField @bind-Value="value" Style="max-width: 18.75rem;" />
+                            <br />
+                            <div>Open the DevTools console and start clicking on the button</div>
+                            <br />
+                            <BitButton OnClick="@(() => console.ProfileEnd(value))">ProfileEnd</BitButton>
+                            <br />
+                        </BitPivotItem>
+                    </BitPivot>
+                </ChildContent>
+            </BitAccordion>
+            <br /><br />
 
             <b>Time</b>: Starts a timer with a name specified as an input parameter. Up to 10,000 simultaneous timers can run on a given page
             (<a href="https://developer.mozilla.org/en-US/docs/Web/API/console/time_static" target="_blank">MDN</a>).
             <br /><br />
-
-            <b>TimeEnd</b>: Stops the specified timer and logs the elapsed time in milliseconds since it started
-            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/console/timeend_static" target="_blank">MDN</a>).
+            <BitAccordion Title="Sample">
+                <ChildContent>
+                    <BitPivot>
+                        <BitPivotItem HeaderText="Code">
+                            <pre class="code-box">
+                                @exampleCode15
+                            </pre>
+                        </BitPivotItem>
+                        <BitPivotItem HeaderText="Result">
+                            <br />
+                            <BitTextField @bind-Value="value" Style="max-width: 18.75rem;" />
+                            <br />
+                            <div>Open the DevTools console and start clicking on the button</div>
+                            <br />
+                            <BitButton OnClick="@(() => console.Time(value))">Time</BitButton>
+                            <br />
+                        </BitPivotItem>
+                    </BitPivot>
+                </ChildContent>
+            </BitAccordion>
             <br /><br />
 
             <b>TimeLog</b>: Logs the value of the specified timer to the console
             (<a href="https://developer.mozilla.org/en-US/docs/Web/API/console/timelog_static" target="_blank">MDN</a>).
             <br /><br />
+            <BitAccordion Title="Sample">
+                <ChildContent>
+                    <BitPivot>
+                        <BitPivotItem HeaderText="Code">
+                            <pre class="code-box">
+                                @exampleCode16
+                            </pre>
+                        </BitPivotItem>
+                        <BitPivotItem HeaderText="Result">
+                            <br />
+                            <BitTextField @bind-Value="value" Style="max-width: 18.75rem;" />
+                            <br />
+                            <div>Open the DevTools console and start clicking on the button</div>
+                            <br />
+                            <BitButton OnClick="@(() => console.TimeLog(value))">TimeLog</BitButton>
+                            <br />
+                        </BitPivotItem>
+                    </BitPivot>
+                </ChildContent>
+            </BitAccordion>
+            <br /><br />
+
+            <b>TimeEnd</b>: Stops the specified timer and logs the elapsed time in milliseconds since it started
+            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/console/timeend_static" target="_blank">MDN</a>).
+            <br /><br />
+            <BitAccordion Title="Sample">
+                <ChildContent>
+                    <BitPivot>
+                        <BitPivotItem HeaderText="Code">
+                            <pre class="code-box">
+                                @exampleCode17
+                            </pre>
+                        </BitPivotItem>
+                        <BitPivotItem HeaderText="Result">
+                            <br />
+                            <BitTextField @bind-Value="value" Style="max-width: 18.75rem;" />
+                            <br />
+                            <div>Open the DevTools console and start clicking on the button</div>
+                            <br />
+                            <BitButton OnClick="@(() => console.TimeEnd(value))">TimeEnd</BitButton>
+                            <br />
+                        </BitPivotItem>
+                    </BitPivot>
+                </ChildContent>
+            </BitAccordion>
+            <br /><br />
 
             <b>TimeStamp</b>: Adds a marker to the browser performance tool's timeline
             (<a href="https://developer.mozilla.org/en-US/docs/Web/API/console/timestamp_static" target="_blank">MDN</a>).
             <br /><br />
+            <BitAccordion Title="Sample">
+                <ChildContent>
+                    <BitPivot>
+                        <BitPivotItem HeaderText="Code">
+                            <pre class="code-box">
+                                @exampleCode18
+                            </pre>
+                        </BitPivotItem>
+                        <BitPivotItem HeaderText="Result">
+                            <br />
+                            <BitTextField @bind-Value="value" Style="max-width: 18.75rem;" />
+                            <br />
+                            <div>Open the DevTools console and start clicking on the button</div>
+                            <br />
+                            <BitButton OnClick="@(() => console.TimeStamp(value))">TimeStamp</BitButton>
+                            <br />
+                        </BitPivotItem>
+                    </BitPivot>
+                </ChildContent>
+            </BitAccordion>
+            <br /><br />
 
             <b>Trace</b>: Outputs a stack trace
             (<a href="https://developer.mozilla.org/en-US/docs/Web/API/console/trace_static" target="_blank">MDN</a>).
             <br /><br />
+            <BitAccordion Title="Sample">
+                <ChildContent>
+                    <BitPivot>
+                        <BitPivotItem HeaderText="Code">
+                            <pre class="code-box">
+                                @exampleCode19
+                            </pre>
+                        </BitPivotItem>
+                        <BitPivotItem HeaderText="Result">
+                            <br />
+                            <BitTextField @bind-Value="value" Style="max-width: 18.75rem;" />
+                            <br />
+                            <div>Open the DevTools console and start clicking on the button</div>
+                            <br />
+                            <BitButton OnClick="@(() => console.Trace(value))">Trace</BitButton>
+                            <br />
+                        </BitPivotItem>
+                    </BitPivot>
+                </ChildContent>
+            </BitAccordion>
+            <br /><br />
 
-            <b>Warn</b>: Outputs a warning message
-            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/console/warn_static" target="_blank">MDN</a>).
+            <b>Clear</b>: Clear the console
+            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/console/clear_static" target="_blank">MDN</a>).
+            <br /><br />
+            <BitAccordion Title="Sample">
+                <ChildContent>
+                    <BitPivot>
+                        <BitPivotItem HeaderText="Code">
+                            <pre class="code-box">
+                                @exampleCode20
+                            </pre>
+                        </BitPivotItem>
+                        <BitPivotItem HeaderText="Result">
+                            <br />
+                            <div>Open the DevTools console and start clicking on the button</div>
+                            <br />
+                            <BitButton OnClick="@(() => console.Clear())">Clear</BitButton>
+                            <br />
+                        </BitPivotItem>
+                    </BitPivot>
+                </ChildContent>
+            </BitAccordion>
         </div>
     </section>
 </div>
 
 <NavigationButtons Prev="Keyboard" PrevUrl="/butil/keyboard" Next="History" NextUrl="/butil/history" />
+
+@code {
+    private string value = "Test";
+
+    private async Task CreateGroupLogs()
+    {
+        await console.Log("This is the outer level");
+        await console.Group();
+        await console.Log("Level 2");
+        await console.Group();
+        await console.Log("Level 3");
+        await console.Warn("More of level 3");
+        await console.GroupCollapsed();
+        await console.Log("Back to level 2");
+        await console.GroupEnd();
+        await console.Log("Back to the outer level");
+    }
+
+    private string exampleCode1 =
+@"@inject Bit.Butil.Console console
+
+<BitTextField @bind-Value=""value"" />
+
+<BitButton OnClick=""@(() => console.Assert(false, ""This is a test assert:"", value))"">Assert</BitButton>
+
+@code {
+    private string value = ""Test"";
+}";
+    private string exampleCode2 =
+@"@inject Bit.Butil.Console console
+
+<BitTextField @bind-Value=""value"" />
+
+<BitButton OnClick=""@(() => console.Count(value))"">Count</BitButton>
+
+@code {
+    private string value = ""Test"";
+}";
+    private string exampleCode3 =
+@"@inject Bit.Butil.Console console
+
+<BitTextField @bind-Value=""value"" />
+
+<BitButton OnClick=""@(() => console.CountReset(value))"">CountReset</BitButton>
+
+@code {
+    private string value = ""Test"";
+}";
+    private string exampleCode4 =
+@"@inject Bit.Butil.Console console
+
+<BitTextField @bind-Value=""value"" />
+
+<BitButton OnClick=""@(() => console.Debug(value))"">Debug</BitButton>
+
+@code {
+    private string value = ""Test"";
+}";
+    private string exampleCode5 =
+@"@inject Bit.Butil.Console console
+
+<BitTextField @bind-Value=""value"" />
+
+<BitButton OnClick=""@(() => console.Dir(value))"">Dir</BitButton>
+
+@code {
+    private string value = ""Test"";
+}";
+    private string exampleCode6 =
+@"@inject Bit.Butil.Console console
+
+<BitTextField @bind-Value=""value"" />
+
+<BitButton OnClick=""@(() => console.Dirxml(value))"">Dirxml</BitButton>
+
+@code {
+    private string value = ""Test"";
+}";
+    private string exampleCode7 =
+@"@inject Bit.Butil.Console console
+
+<BitTextField @bind-Value=""value"" />
+
+<BitButton OnClick=""@(() => console.Error(""This is a test error:"", value))"">Error</BitButton>
+
+@code {
+    private string value = ""Test"";
+}";
+    private string exampleCode8 =
+@"@inject Bit.Butil.Console console
+
+<BitButton OnClick=""CreateGroupLogs"">Create group logs</BitButton>
+
+@code {
+    private async Task CreateGroupLogs()
+    {
+        await console.Log(""This is the outer level"");
+        await console.Group();
+        await console.Log(""Level 2"");
+        await console.Group();
+        await console.Log(""Level 3"");
+        await console.Warn(""More of level 3"");
+        await console.GroupCollapsed();
+        await console.Log(""Back to level 2"");
+        await console.GroupEnd();
+        await console.Log(""Back to the outer level"");
+    }
+}";
+    private string exampleCode9 =
+@"@inject Bit.Butil.Console console
+
+<BitTextField @bind-Value=""value"" />
+
+<BitButton OnClick=""@(() => console.Info(""This is a test info:"", value))"">Info</BitButton>
+
+@code {
+    private string value = ""Test"";
+}";
+    private string exampleCode10 =
+@"@inject Bit.Butil.Console console
+
+<BitTextField @bind-Value=""value"" />
+
+<BitButton OnClick=""@(() => console.Log(""This is a test log:"", value))"">Log</BitButton>
+
+@code {
+    private string value = ""Test"";
+}";
+    private string exampleCode11 =
+@"@inject Bit.Butil.Console console
+
+<BitTextField @bind-Value=""value"" />
+
+<BitButton OnClick=""@(() => console.Warn(""This is a test warn:"", value))"">Warn</BitButton>
+
+@code {
+    private string value = ""Test"";
+}";
+    private string exampleCode12 =
+@"@inject Bit.Butil.Console console
+
+<BitTextField @bind-Value=""value"" />
+
+<BitButton OnClick=""@(() => console.Table(new {Name = ""Value"", Value = value }))"">Table</BitButton>
+
+@code {
+    private string value = ""Test"";
+}";
+    private string exampleCode13 =
+@"@inject Bit.Butil.Console console
+
+<BitTextField @bind-Value=""value"" />
+
+<BitButton OnClick=""@(() => console.Profile(value))"">Profile</BitButton>
+
+@code {
+    private string value = ""Test"";
+}";
+    private string exampleCode14 =
+@"@inject Bit.Butil.Console console
+
+<BitTextField @bind-Value=""value"" />
+
+<BitButton OnClick=""@(() => console.ProfileEnd(value))"">ProfileEnd</BitButton>
+
+@code {
+    private string value = ""Test"";
+}";
+    private string exampleCode15 =
+@"@inject Bit.Butil.Console console
+
+<BitTextField @bind-Value=""value"" />
+
+<BitButton OnClick=""@(() => console.Time(value))"">Time</BitButton>
+
+@code {
+    private string value = ""Test"";
+}";
+    private string exampleCode16 =
+@"@inject Bit.Butil.Console console
+
+<BitTextField @bind-Value=""value"" />
+
+<BitButton OnClick=""@(() => console.TimeLog(value))"">TimeLog</BitButton>
+
+@code {
+    private string value = ""Test"";
+}";
+    private string exampleCode17 =
+@"@inject Bit.Butil.Console console
+
+<BitTextField @bind-Value=""value"" />
+
+<BitButton OnClick=""@(() => console.TimeEnd(value))"">TimeEnd</BitButton>
+
+@code {
+    private string value = ""Test"";
+}";
+    private string exampleCode18 =
+@"@inject Bit.Butil.Console console
+
+<BitTextField @bind-Value=""value"" />
+
+<BitButton OnClick=""@(() => console.TimeStamp(value))"">TimeStamp</BitButton>
+
+@code {
+    private string value = ""Test"";
+}";
+    private string exampleCode19 =
+@"@inject Bit.Butil.Console console
+
+<BitTextField @bind-Value=""value"" />
+
+<BitButton OnClick=""@(() => console.Trace(value))"">Trace</BitButton>
+
+@code {
+    private string value = ""Test"";
+}";
+    private string exampleCode20 =
+@"@inject Bit.Butil.Console console
+
+<BitButton OnClick=""@(() => console.Clear(value))"">Clear</BitButton>";
+}
\ No newline at end of file

From 59c42e4bdfa2f64f6a196e13c41bfd59f958fd53 Mon Sep 17 00:00:00 2001
From: Saleh Yusefnejad <msynk@outlook.com>
Date: Tue, 16 Jan 2024 16:13:52 +0330
Subject: [PATCH 29/39] feat(websites): improve Window docs of the Butil in the
 Platform website #6593 (#6594)

---
 .../Pages/Butil/Butil04WindowPage.razor       | 312 +++++++-----------
 .../Pages/Butil/Butil04WindowPage.razor.cs    | 134 ++++++++
 2 files changed, 257 insertions(+), 189 deletions(-)
 create mode 100644 src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil04WindowPage.razor.cs

diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil04WindowPage.razor b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil04WindowPage.razor
index 000722627f..2493b0b19f 100644
--- a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil04WindowPage.razor
+++ b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil04WindowPage.razor
@@ -30,39 +30,82 @@
 
     <section class="section-card">
         <BitTypography Variant="BitTypographyVariant.H5" Gutter>Methods</BitTypography>
+        <br />
         <div class="section-card-txt">
-            <b>AddBeforeUnload</b>, <b>RemoveBeforeUnload</b>: The beforeunload event is fired when the current window,
+            <b>AddBeforeUnload</b>, <b>RemoveBeforeUnload</b>: <br />
+            The beforeunload event is fired when the current window,
             contained document, and associated resources are about to be unloaded. The main use case for this event is to
             trigger a browser-generated confirmation dialog that asks users to confirm if they really want to leave the page
             when they try to close or reload it, or navigate somewhere else. This is intended to help prevent loss of unsaved data
             (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Window/beforeunload_event" target="_blank">MDN</a>).
-            <br /><br />
+            <br /><br /><br />
 
-            <b>AddEventListener</b>, <b>RemoveEventListener</b>: Sets up a function that will be called whenever the specified event is delivered to the window
+            <b>AddEventListener</b>, <b>RemoveEventListener</b>: <br />
+            Sets up a function that will be called whenever the specified event is delivered to the window
             (<a href="https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener" target="_blank">MDN</a>).
-            <br /><br />
+            <br /><br /><br />
 
-            <b>GetInnerHeight</b>: Gets the height of the content area of the browser window in px including, if rendered, the horizontal scrollbar
+            <b>GetInnerHeight</b>: <br />
+            Gets the height of the content area of the browser window in px including, if rendered, the horizontal scrollbar
             (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Window/innerHeight" target="_blank">MDN</a>).
             <br /><br />
+            <BitAccordion Title="Sample">
+                <ChildContent>
+                    <BitPivot>
+                        <BitPivotItem HeaderText="Code">
+                            <pre class="code-box">
+                                @getOriginExampleCode
+                            </pre>
+                        </BitPivotItem>
+                        <BitPivotItem HeaderText="Result">
+                            <br />
+                            <BitButton OnClick=GetInnerHeight>GetInnerHeight</BitButton>
+                            <div style="margin-top: 1rem;">InnerHeight is: @innerHeight</div>
+                        </BitPivotItem>
+                    </BitPivot>
+                </ChildContent>
+            </BitAccordion>
+            <br /><br />
 
-            <b>GetInnerWidth</b>: Gets the width of the content area of the browser window in px including, if rendered, the vertical scrollbar
+            <b>GetInnerWidth</b>: <br />
+            Gets the width of the content area of the browser window in px including, if rendered, the vertical scrollbar
             (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Window/innerWidth" target="_blank">MDN</a>).
             <br /><br />
+            <BitAccordion Title="Sample">
+                <ChildContent>
+                    <BitPivot>
+                        <BitPivotItem HeaderText="Code">
+                            <pre class="code-box">
+                                @getOriginExampleCode
+                            </pre>
+                        </BitPivotItem>
+                        <BitPivotItem HeaderText="Result">
+                            <br />
+                            <BitButton OnClick=GetInnerWidth>GetInnerWidth</BitButton>
+                            <div style="margin-top: 1rem;">InnerWidth is: @innerWidth</div>
+                        </BitPivotItem>
+                    </BitPivot>
+                </ChildContent>
+            </BitAccordion>
+            <br /><br />
 
-            <b>IsSecureContext</b>: Returns a boolean indicating whether the current context is secure (true) or not (false)
+            <b>IsSecureContext</b>: <br />
+            Returns a boolean indicating whether the current context is secure (true) or not (false)
             (<a href="https://developer.mozilla.org/en-US/docs/Web/API/isSecureContext" target="_blank">MDN</a>).
-            <br /><br />
+            <br /><br /><br />
 
-            <b>GetLocationBar</b>: Returns the locationbar object. For privacy and interoperability reasons, the value of the visible property is now false if this Window is a popup, and true otherwise
+            <b>GetLocationBar</b>: <br />
+            Returns the locationbar object. For privacy and interoperability reasons, the value of the visible property is now false if this Window is a popup, and true otherwise
             (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Window/locationbar" target="_blank">MDN</a>).
-            <br /><br />
+            <br /><br /><br />
 
-            <b>SetName</b>, <b>GetName</b>: Gets/Sets the name of the window's browsing context
+            <b>SetName</b>, <b>GetName</b>: <br />
+            Gets/Sets the name of the window's browsing context
             (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Window/name" target="_blank">MDN</a>).
-            <br /><br />
+            <br /><br /><br />
 
-            <b>GetOrigin</b>: Returns the global object's origin, serialized as a string
+            <b>GetOrigin</b>: <br />
+            Returns the global object's origin, serialized as a string
             (<a href="https://developer.mozilla.org/en-US/docs/Web/API/origin" target="_blank">MDN</a>).
             <br /><br />
             <BitAccordion Title="Sample">
@@ -70,7 +113,7 @@
                     <BitPivot>
                         <BitPivotItem HeaderText="Code">
                             <pre class="code-box">
-                                @exampleCode1
+                                @getOriginExampleCode
                             </pre>
                         </BitPivotItem>
                         <BitPivotItem HeaderText="Result">
@@ -83,7 +126,8 @@
             </BitAccordion>
             <br /><br />
 
-            <b>GetOuterHeight</b>: Gets the height of the outside of the browser window in px
+            <b>GetOuterHeight</b>: <br />
+            Gets the height of the outside of the browser window in px
             (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Window/outerHeight" target="_blank">MDN</a>).
             <br /><br />
             <BitAccordion Title="Sample">
@@ -91,7 +135,7 @@
                     <BitPivot>
                         <BitPivotItem HeaderText="Code">
                             <pre class="code-box">
-                                @exampleCode2
+                                @getOuterHeightExampleCode
                             </pre>
                         </BitPivotItem>
                         <BitPivotItem HeaderText="Result">
@@ -104,7 +148,8 @@
             </BitAccordion>
             <br /><br />
 
-            <b>GetOuterWidth</b>: Gets the width of the outside of the browser window in px
+            <b>GetOuterWidth</b>: <br />
+            Gets the width of the outside of the browser window in px
             (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Window/outerWidth" target="_blank">MDN</a>).
             <br /><br />
             <BitAccordion Title="Sample">
@@ -112,7 +157,7 @@
                     <BitPivot>
                         <BitPivotItem HeaderText="Code">
                             <pre class="code-box">
-                                @exampleCode3
+                                @getOuterWidthExampleCode
                             </pre>
                         </BitPivotItem>
                         <BitPivotItem HeaderText="Result">
@@ -125,23 +170,28 @@
             </BitAccordion>
             <br /><br />
 
-            <b>GetScreenX</b>: Returns the horizontal distance in px from the left border of the user's browser viewport to the left side of the screen
+            <b>GetScreenX</b>: <br />
+            Returns the horizontal distance in px from the left border of the user's browser viewport to the left side of the screen
             (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Window/screenX" target="_blank">MDN</a>).
-            <br /><br />
+            <br /><br /><br />
 
-            <b>GetScreenY</b>: Returns the vertical distance in px from the top border of the user's browser viewport to the top side of the screen
+            <b>GetScreenY</b>: <br />
+            Returns the vertical distance in px from the top border of the user's browser viewport to the top side of the screen
             (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Window/screenY" target="_blank">MDN</a>).
-            <br /><br />
+            <br /><br /><br />
 
-            <b>GetScrollX</b>: Returns the number of pixels that the document has already been scrolled horizontally
+            <b>GetScrollX</b>: <br />
+            Returns the number of pixels that the document has already been scrolled horizontally
             (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Window/scrollX" target="_blank">MDN</a>).
-            <br /><br />
+            <br /><br /><br />
 
-            <b>GetScrollY</b>: Returns the number of pixels that the document has already been scrolled vertically
+            <b>GetScrollY</b>: <br />
+            Returns the number of pixels that the document has already been scrolled vertically
             (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Window/scrollY" target="_blank">MDN</a>).
-            <br /><br />
+            <br /><br /><br />
 
-            <b>Btoa</b>: Creates a base-64 encoded ASCII string from a string of binary data
+            <b>Btoa</b>: <br />
+            Creates a base-64 encoded ASCII string from a string of binary data
             (<a href="https://developer.mozilla.org/en-US/docs/Web/API/btoa" target="_blank">MDN</a>).
             <br /><br />
             <BitAccordion Title="Sample">
@@ -149,7 +199,7 @@
                     <BitPivot>
                         <BitPivotItem HeaderText="Code">
                             <pre class="code-box">
-                                @exampleCode4
+                                @btoaExampleCode
                             </pre>
                         </BitPivotItem>
                         <BitPivotItem HeaderText="Result">
@@ -164,7 +214,8 @@
             </BitAccordion>
             <br /><br />
 
-            <b>Atob</b>: Decodes a string of data which has been encoded using base-64 encoding
+            <b>Atob</b>: <br />
+            Decodes a string of data which has been encoded using base-64 encoding
             (<a href="https://developer.mozilla.org/en-US/docs/Web/API/atob" target="_blank">MDN</a>).
             <br /><br />
             <BitAccordion Title="Sample">
@@ -172,7 +223,7 @@
                     <BitPivot>
                         <BitPivotItem HeaderText="Code">
                             <pre class="code-box">
-                                @exampleCode5
+                                @atobExampleCode
                             </pre>
                         </BitPivotItem>
                         <BitPivotItem HeaderText="Result">
@@ -187,7 +238,8 @@
             </BitAccordion>
             <br /><br />
 
-            <b>Alert</b>: Displays an alert dialog
+            <b>Alert</b>: <br />
+            Displays an alert dialog
             (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Window/alert" target="_blank">MDN</a>).
             <br /><br />
             <BitAccordion Title="Sample">
@@ -195,7 +247,7 @@
                     <BitPivot>
                         <BitPivotItem HeaderText="Code">
                             <pre class="code-box">
-                                @exampleCode6
+                                @alertExampleCode
                             </pre>
                         </BitPivotItem>
                         <BitPivotItem HeaderText="Result">
@@ -207,15 +259,18 @@
             </BitAccordion>
             <br /><br />
 
-            <b>Blur</b>: Sets focus away from the window
+            <b>Blur</b>: <br />
+            Sets focus away from the window
             (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Window/blur" target="_blank">MDN</a>).
-            <br /><br />
+            <br /><br /><br />
 
-            <b>Close</b>: Closes the current window
+            <b>Close</b>: <br />
+            Closes the current window
             (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Window/close" target="_blank">MDN</a>).
-            <br /><br />
+            <br /><br /><br />
 
-            <b>Confirm</b>: Displays a dialog with a message that the user needs to respond to
+            <b>Confirm</b>: <br />
+            Displays a dialog with a message that the user needs to respond to
             (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Window/confirm" target="_blank">MDN</a>).
             <br /><br />
             <BitAccordion Title="Sample">
@@ -223,7 +278,7 @@
                     <BitPivot>
                         <BitPivotItem HeaderText="Code">
                             <pre class="code-box">
-                                @exampleCode7
+                                @confirmExampleCode
                             </pre>
                         </BitPivotItem>
                         <BitPivotItem HeaderText="Result">
@@ -235,177 +290,56 @@
             </BitAccordion>
             <br /><br />
 
-            <b>Find</b>: Searches for a given string in a window
+            <b>Find</b>: <br />
+            Searches for a given string in a window
             (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Window/find" target="_blank">MDN</a>).
-            <br /><br />
+            <br /><br /><br />
 
-            <b>Focus</b>: Sets focus on the current window
+            <b>Focus</b>: <br />
+            Sets focus on the current window
             (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Window/focus" target="_blank">MDN</a>).
-            <br /><br />
+            <br /><br /><br />
 
-            <b>GetSelection</b>: Returns the selection text representing the selected item(s)
+            <b>GetSelection</b>: <br />
+            Returns the selection text representing the selected item(s)
             (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Window/getSelection" target="_blank">MDN</a>).
-            <br /><br />
+            <br /><br /><br />
 
-            <b>MatchMedia</b>: Returns a MediaQueryList object representing the specified media query string
+            <b>MatchMedia</b>: <br />
+            Returns a MediaQueryList object representing the specified media query string
             (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Window/matchMedia" target="_blank">MDN</a>).
-            <br /><br />
+            <br /><br /><br />
 
-            <b>Open</b>: Opens a new window
+            <b>Open</b>: <br />
+            Opens a new window
             (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Window/open" target="_blank">MDN</a>).
-            <br /><br />
+            <br /><br /><br />
 
-            <b>Print</b>: Opens the Print Dialog to print the current document
+            <b>Print</b>: <br />
+            Opens the Print Dialog to print the current document
             (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Window/print" target="_blank">MDN</a>).
-            <br /><br />
+            <br /><br /><br />
 
-            <b>Prompt</b>: Returns the text entered by the user in a prompt dialog
+            <b>Prompt</b>: <br />
+            Returns the text entered by the user in a prompt dialog
             (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Window/prompt" target="_blank">MDN</a>).
-            <br /><br />
+            <br /><br /><br />
 
-            <b>Scroll</b>: Scrolls the window to a particular place in the document
+            <b>Scroll</b>: <br />
+            Scrolls the window to a particular place in the document
             (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Window/scroll" target="_blank">MDN</a>).
-            <br /><br />
+            <br /><br /><br />
 
-            <b>ScrollBy</b>: Scrolls the document in the window by the given amount
+            <b>ScrollBy</b>: <br />
+            Scrolls the document in the window by the given amount
             (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Window/scrollBy" target="_blank">MDN</a>).
-            <br /><br />
+            <br /><br /><br />
 
-            <b>Stop</b>: This method stops window loading
+            <b>Stop</b>: <br />
+            This method stops window loading
             (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Window/stop" target="_blank">MDN</a>).
         </div>
     </section>
 </div>
 
-<NavigationButtons Prev="Setup" PrevUrl="/butil/setup" Next="Document" NextUrl="/butil/document" />
-
-@code {
-    private string? origin;
-
-    private float outerHeight;
-
-    private float outerWidth;
-
-    private string? btoaText;
-    private string? btoaValue;
-
-    private string? atobText;
-    private string? atobValue;
-
-
-    private async Task GetOrigin()
-    {
-        origin = await window.GetOrigin();
-    }
-
-    private async Task GetOuterHeight()
-    {
-        outerHeight = await window.GetOuterHeight();
-    }
-
-    private async Task GetOuterWidth()
-    {
-        outerWidth = await window.GetOuterWidth();
-    }
-
-    private async Task EncodeData()
-    {
-        btoaText = await window.Btoa(btoaValue!);
-    }
-
-    private async Task DecodeData()
-    {
-        atobText = await window.Atob(atobValue!);
-    }
-
-    private string exampleCode1 = 
-@"@inject Bit.Butil.Window window
-
-<BitButton OnClick=GetOrigin>GetOrigin</BitButton>
-
-<div>Origin is: @origin</div>
-
-@code {
-    private string? origin;
-
-    private async Task GetOrigin()
-    {
-        origin = await window.GetOrigin();
-    }
-}";
-    private string exampleCode2 = 
-@"@inject Bit.Butil.Window window
-
-<BitButton OnClick=GetOuterHeight>GetOuterHeight</BitButton>
-
-<div>OuterHeight is: @outerHeight</div>
-
-@code {
-    private float outerHeight;
-
-    private async Task GetOuterHeight()
-    {
-        outerHeight = await window.GetOuterHeight();
-    }
-}";
-    private string exampleCode3 =
-@"@inject Bit.Butil.Window window
-
-<BitButton OnClick=GetOuterWidth>GetOuterWidth</BitButton>
-
-<div>OuterWidth is: @outerWidth</div>
-
-@code {
-    private float outerWidth;
-
-    private async Task GetOuterWidth()
-    {
-        outerWidth = await window.GetOuterWidth();
-    }
-}";
-    private string exampleCode4 = 
-@"@inject Bit.Butil.Window window
-
-<BitTextField @bind-Value=""btoaValue"" />
-                            
-<BitButton OnClick=EncodeData>EncodeData</BitButton>
-
-<div>Encoded data is: @btoaText</div>
-
-@code {
-    private string? btoaText;
-    private string? btoaValue;
-
-    private async Task EncodeData()
-    {
-        btoaText = await window.Btoa(btoaValue!);
-    }
-}";
-    private string exampleCode5 = 
-@"@inject Bit.Butil.Window window
-
-<BitTextField @bind-Value=""atobValue"" />
-                            
-<BitButton OnClick=DecodeData>DecodeData</BitButton>
-
-<div>Decoded data is: @atobText</div>
-
-@code {
-    private string? atobText;
-    private string? atobValue;
-
-    private async Task DecodeData()
-    {
-        atobText = await window.Atob(atobValue!);
-    }
-}";
-    private string exampleCode6 = 
-@"@inject Bit.Butil.Window window
-
-<BitButton OnClick=""@(() => window.Alert(""Alert from C#""))"">ShowAlert</BitButton>";
-    private string exampleCode7 =
-@"@inject Bit.Butil.Window window
-
-<BitButton OnClick=""@(() => window.Confirm(""Confirm from C#""))"">ShowConfirm</BitButton>";
-
-}
\ No newline at end of file
+<NavigationButtons Prev="Setup" PrevUrl="/butil/setup" Next="Document" NextUrl="/butil/document" />
\ No newline at end of file
diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil04WindowPage.razor.cs b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil04WindowPage.razor.cs
new file mode 100644
index 0000000000..3be43aa0d9
--- /dev/null
+++ b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil04WindowPage.razor.cs
@@ -0,0 +1,134 @@
+namespace Bit.Websites.Platform.Client.Pages.Butil;
+
+public partial class Butil04WindowPage
+{
+    private float innerHeight;
+
+    private float innerWidth;
+
+    private string? origin;
+
+    private float outerHeight;
+
+    private float outerWidth;
+
+    private string? btoaText;
+    private string? btoaValue;
+
+    private string? atobText;
+    private string? atobValue;
+
+
+    private async Task GetInnerHeight() => innerHeight = await window.GetInnerHeight();
+
+    private async Task GetInnerWidth() => innerWidth = await window.GetInnerWidth();
+
+    private async Task GetOrigin() => origin = await window.GetOrigin();
+
+    private async Task GetOuterHeight() => outerHeight = await window.GetOuterHeight();
+
+    private async Task GetOuterWidth() => outerWidth = await window.GetOuterWidth();
+
+    private async Task EncodeData() => btoaText = await window.Btoa(btoaValue!);
+
+    private async Task DecodeData() => atobText = await window.Atob(atobValue!);
+
+    private string getInnerHeightExampleCode =
+    @"@inject Bit.Butil.Window window
+
+<BitButton OnClick=GetInnerHeight>GetInnerHeight</BitButton>
+
+<div>InnerHeight is: @innerHeight</div>
+
+@code {
+    private string? innerHeight;
+
+    private async Task GetInnerHeight() => innerHeight = await window.GetInnerHeight();
+}";
+    private string getInnerWidthExampleCode =
+@"@inject Bit.Butil.Window window
+
+<BitButton OnClick=GetInnerWidth>GetInnerWidth</BitButton>
+
+<div>InnerWidth is: @innerWidth</div>
+
+@code {
+    private string? innerWidth;
+
+    private async Task GetInnerWidth() => innerWidth = await window.GetInnerWidth();
+}";
+    private string getOriginExampleCode =
+    @"@inject Bit.Butil.Window window
+
+<BitButton OnClick=GetOrigin>GetOrigin</BitButton>
+
+<div>Origin is: @origin</div>
+
+@code {
+    private string? origin;
+
+    private async Task GetOrigin() => origin = await window.GetOrigin();
+}";
+    private string getOuterHeightExampleCode =
+    @"@inject Bit.Butil.Window window
+
+<BitButton OnClick=GetOuterHeight>GetOuterHeight</BitButton>
+
+<div>OuterHeight is: @outerHeight</div>
+
+@code {
+    private float outerHeight;
+
+    private async Task GetOuterHeight() => outerHeight = await window.GetOuterHeight();
+}";
+    private string getOuterWidthExampleCode =
+    @"@inject Bit.Butil.Window window
+
+<BitButton OnClick=GetOuterWidth>GetOuterWidth</BitButton>
+
+<div>OuterWidth is: @outerWidth</div>
+
+@code {
+    private float outerWidth;
+
+    private async Task GetOuterWidth() => outerWidth = await window.GetOuterWidth();
+}";
+    private string btoaExampleCode =
+    @"@inject Bit.Butil.Window window
+
+<BitTextField @bind-Value=""btoaValue"" />
+
+<BitButton OnClick=EncodeData>EncodeData</BitButton>
+
+<div>Encoded data is: @btoaText</div>
+
+@code {
+    private string? btoaText;
+    private string? btoaValue;
+
+    private async Task EncodeData() => btoaText = await window.Btoa(btoaValue!);
+}";
+    private string atobExampleCode =
+    @"@inject Bit.Butil.Window window
+
+<BitTextField @bind-Value=""atobValue"" />
+
+<BitButton OnClick=DecodeData>DecodeData</BitButton>
+
+<div>Decoded data is: @atobText</div>
+
+@code {
+    private string? atobText;
+    private string? atobValue;
+
+    private async Task DecodeData() => atobText = await window.Atob(atobValue!);
+}";
+    private string alertExampleCode =
+    @"@inject Bit.Butil.Window window
+
+<BitButton OnClick=""@(() => window.Alert(""Alert from C#""))"">ShowAlert</BitButton>";
+    private string confirmExampleCode =
+    @"@inject Bit.Butil.Window window
+
+<BitButton OnClick=""@(() => window.Confirm(""Confirm from C#""))"">ShowConfirm</BitButton>";
+}

From 196eeb82ce0a1b1100f3bd565a3f4adff5778304 Mon Sep 17 00:00:00 2001
From: Saleh Yusefnejad <msynk@outlook.com>
Date: Tue, 16 Jan 2024 16:51:39 +0330
Subject: [PATCH 30/39] feat(websites): improve docs overview of the Platform
 website #6595 (#6596)

---
 .../Pages/Besql/Besql01OverviewPage.razor     |   5 +
 .../Pages/Bswup/Bswup01OverviewPage.razor     |   5 +
 .../Pages/Butil/Butil01OverviewPage.razor     |   5 +
 .../Templates/Templates01OverviewPage.razor   |  69 ++-----
 .../Templates01OverviewPage.razor.scss        | 178 +----------------
 .../Templates/Templates02SamplesPage.razor    |  72 +++++++
 .../Templates02SamplesPage.razor.scss         | 188 ++++++++++++++++++
 ...lates03DevelopmentPrerequisitesPage.razor} |   0
 ...03DevelopmentPrerequisitesPage.razor.scss} |   0
 ...zor => Templates04CreateProjectPage.razor} |   0
 ...> Templates04CreateProjectPage.razor.scss} |   0
 ... => Templates05ProjectStructurePage.razor} |   0
 ...emplates05ProjectStructurePage.razor.scss} |   0
 ...ge.razor => Templates06DatabasePage.razor} |   0
 ...css => Templates06DatabasePage.razor.scss} |   0
 ...RunPage.razor => Templates07RunPage.razor} |   0
 ...zor.scss => Templates07RunPage.razor.scss} |   0
 ...e.razor => Templates08AppModelsPage.razor} |   0
 ...ss => Templates08AppModelsPage.razor.scss} |   0
 ...or => Templates09DeploymentTypePage.razor} |   0
 ... Templates09DeploymentTypePage.razor.scss} |   0
 ...or => Templates10CacheMechanismPage.razor} |   0
 ... Templates10CacheMechanismPage.razor.scss} |   0
 ...Page.razor => Templates11DevOpsPage.razor} |   0
 ....scss => Templates11DevOpsPage.razor.scss} |   0
 ... Templates12PlatformIntegrationPage.razor} |   0
 ...lates12PlatformIntegrationPage.razor.scss} |   0
 ...ge.razor => Templates13SettingsPage.razor} |   0
 ...css => Templates13SettingsPage.razor.scss} |   0
 ...=> Templates14ExceptionHandlingPage.razor} |   0
 ...mplates14ExceptionHandlingPage.razor.scss} |   0
 ...r => Templates15MultilingualismPage.razor} |   0
 ...Templates15MultilingualismPage.razor.scss} |   0
 .../Shared/MainLayout.razor.cs                |   1 +
 .../compilerconfig.json                       |  57 +++---
 35 files changed, 329 insertions(+), 251 deletions(-)
 create mode 100644 src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates02SamplesPage.razor
 create mode 100644 src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates02SamplesPage.razor.scss
 rename src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/{Templates02DevelopmentPrerequisitesPage.razor => Templates03DevelopmentPrerequisitesPage.razor} (100%)
 rename src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/{Templates02DevelopmentPrerequisitesPage.razor.scss => Templates03DevelopmentPrerequisitesPage.razor.scss} (100%)
 rename src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/{Templates03CreateProjectPage.razor => Templates04CreateProjectPage.razor} (100%)
 rename src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/{Templates03CreateProjectPage.razor.scss => Templates04CreateProjectPage.razor.scss} (100%)
 rename src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/{Templates04ProjectStructurePage.razor => Templates05ProjectStructurePage.razor} (100%)
 rename src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/{Templates04ProjectStructurePage.razor.scss => Templates05ProjectStructurePage.razor.scss} (100%)
 rename src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/{Templates05DatabasePage.razor => Templates06DatabasePage.razor} (100%)
 rename src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/{Templates05DatabasePage.razor.scss => Templates06DatabasePage.razor.scss} (100%)
 rename src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/{Templates06RunPage.razor => Templates07RunPage.razor} (100%)
 rename src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/{Templates06RunPage.razor.scss => Templates07RunPage.razor.scss} (100%)
 rename src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/{Templates07AppModelsPage.razor => Templates08AppModelsPage.razor} (100%)
 rename src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/{Templates07AppModelsPage.razor.scss => Templates08AppModelsPage.razor.scss} (100%)
 rename src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/{Templates08DeploymentTypePage.razor => Templates09DeploymentTypePage.razor} (100%)
 rename src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/{Templates08DeploymentTypePage.razor.scss => Templates09DeploymentTypePage.razor.scss} (100%)
 rename src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/{Templates09CacheMechanismPage.razor => Templates10CacheMechanismPage.razor} (100%)
 rename src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/{Templates09CacheMechanismPage.razor.scss => Templates10CacheMechanismPage.razor.scss} (100%)
 rename src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/{Templates10DevOpsPage.razor => Templates11DevOpsPage.razor} (100%)
 rename src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/{Templates10DevOpsPage.razor.scss => Templates11DevOpsPage.razor.scss} (100%)
 rename src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/{Templates11PlatformIntegrationPage.razor => Templates12PlatformIntegrationPage.razor} (100%)
 rename src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/{Templates11PlatformIntegrationPage.razor.scss => Templates12PlatformIntegrationPage.razor.scss} (100%)
 rename src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/{Templates12SettingsPage.razor => Templates13SettingsPage.razor} (100%)
 rename src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/{Templates12SettingsPage.razor.scss => Templates13SettingsPage.razor.scss} (100%)
 rename src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/{Templates13ExceptionHandlingPage.razor => Templates14ExceptionHandlingPage.razor} (100%)
 rename src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/{Templates13ExceptionHandlingPage.razor.scss => Templates14ExceptionHandlingPage.razor.scss} (100%)
 rename src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/{Templates14MultilingualismPage.razor => Templates15MultilingualismPage.razor} (100%)
 rename src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/{Templates14MultilingualismPage.razor.scss => Templates15MultilingualismPage.razor.scss} (100%)

diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Besql/Besql01OverviewPage.razor b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Besql/Besql01OverviewPage.razor
index 7cf3a6aa9d..06c50573b3 100644
--- a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Besql/Besql01OverviewPage.razor
+++ b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Besql/Besql01OverviewPage.razor
@@ -11,6 +11,11 @@
     <BitTypography Variant="BitTypographyVariant.H5" Gutter>Blazor Entity Framework Sqlite utilities</BitTypography>
 
     <BitTypography Variant="BitTypographyVariant.Subtitle1">
+        Dreaming of an offline web application capable of saving data and syncing later?
+        <br />
+        Enter Besql, your solution to incorporating EF core & sqlite in your browser.
+        It's a crucial aid for achieving this objective seamlessly.
+        <br />
         bit Besql facilitates the use of Entity Framework and sqlite in web browsers with Blazor WebAssembly.
     </BitTypography>
 
diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Bswup/Bswup01OverviewPage.razor b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Bswup/Bswup01OverviewPage.razor
index df7fc7e6a5..ebf8cd1d09 100644
--- a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Bswup/Bswup01OverviewPage.razor
+++ b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Bswup/Bswup01OverviewPage.razor
@@ -15,8 +15,13 @@
         Service Worker when building PWAs with Blazor.
         It utilizes the Service Worker's events to handle Installing and Updating the app
         as fast and smooth as possible while minimizing the download size.
+        <br />
+        This unique tool harnesses the power of Progressive Web Apps (PWA) within the innovative 
+        new structure of dotnet 8. By amalgamating pre-rendering techniques reminiscent of renowned 
+        platforms like GitHub, Reddit, and Facebook, Bswup ensures an exceptional user experience.
     </BitTypography>
 
+
     <br />
 
     <div class="section-card-txt">
diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil01OverviewPage.razor b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil01OverviewPage.razor
index 64e64354ff..0783b9a10e 100644
--- a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil01OverviewPage.razor
+++ b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil01OverviewPage.razor
@@ -11,6 +11,11 @@
     <BitTypography Variant="BitTypographyVariant.H5" Gutter>Blazor Utilities for JavaScript</BitTypography>
 
     <BitTypography Variant="BitTypographyVariant.Subtitle1">
+        Embracing Blazor because of your love for C#? 
+        <br />
+        Butil enables you to stay true to that sentiment by providing essential Browser APIs in C#, 
+        eliminating the need to revert to JavaScript for any functionality.
+        <br />
         bit Butil helps C# developers to access the browser APIs that are only accessible through JavaScript in C#.
     </BitTypography>
 
diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates01OverviewPage.razor b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates01OverviewPage.razor
index 46c821618c..9756785d14 100644
--- a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates01OverviewPage.razor
+++ b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates01OverviewPage.razor
@@ -14,64 +14,33 @@
     <BitTypography Variant="BitTypographyVariant.H3" Gutter>bit Boilerplate</BitTypography>
 
     <BitTypography Variant="BitTypographyVariant.Subtitle1">
+        If our efforts in providing modern tooling have piqued your interest, dive into the Bit Boilerplate project template.
+        <br />
+        Experience all of our tools along with additional features such as ASP.NET Core Identity integration,
+        multilingualism, and other cool features that empowers you to develop unified Web, Android, iOS, Windows,
+        and macOS apps from a single codebase, while providing seamless integration with native platform features
+        and third-party Java, Kotlin, Swift, Objective-C, and JavaScript libraries.
+        <br /><br />
         bit Boilerplate is a feature-rich project template for both Visual studio and the .NET CLI.
         It comes with a lot of features right out of the box that are required for a real world application.
-        Two distinct samples that further explain the features in action are included in the project template.
+        <br /><br />
+        Watch our YouTube playlist to get more familiar with bit Boilerplate project template
+        <a href="https://www.youtube.com/watch?v=ReS5mHLOa3Q&list=PLKG2Zun6HtHjn9PjM7w0IsTc40PTZD4hj&ab_channel=bitplatform" target="_blank">
+            here
+        </a>:
     </BitTypography>
 
-    <br />
-    <br />
-    <br />
-
-    <BitTypography Variant="BitTypographyVariant.H4" Gutter>AdminPanel sample</BitTypography>
-    <div class="page-flex-container">
-        <div class="page-content-container">
-            <div class="image-container">
-                <img class="template-img" src="/images/templates/admin/adminpanel.webp" alt="AdminPanel sample" />
-                <a class="demo-btn-shadow" href="@Urls.AdminPanelMultiLingual" target="_blank">
-                    <div class="demo-btn">Demo</div>
-                </a>
-            </div>
-            <BitTypography Variant="BitTypographyVariant.Body1">
-                The AdminPanel sample is a project powered by bit Boilerplate that includes all the necessary parts to create a fully-featured cross-platform admin/management website/app.
-            </BitTypography>
-        </div>
+    <br /><br />
 
-        <div class="page-content-container">
-            <a class="primary-btn" href="@Urls.AdminPanelMultiLingual" target="_blank" title="SPA">SPA demo</a>
-            <a class="secondary-btn" href="@Urls.AdminPanelGooglePlay" target="_blank" title="Google Play"><span class="btn-img google-play"></span>Android</a>
-            <a class="secondary-btn" href="@Urls.AdminPanelAppleStore" target="_blank" title="Apple Store"><span class="btn-img apple-store"></span>Apple Store</a>
-            <a class="secondary-btn" href="@Urls.BoilerplateNuget" target="_blank" title="Nuget"><span class="btn-img nuget"></span>Nuget</a>
-            <a class="secondary-btn" href="@Urls.AdminPanelFigma" target="_blank" title="Figma"><span class="btn-img figma"></span>Figma</a>
-        </div>
+    <div class="video-container">
+        <iframe src="https://www.youtube.com/embed/ReS5mHLOa3Q?si=8Z5gI7H3I2PuDPPB"
+                width="560" height="315" title="YouTube video player" frameborder="0" allowfullscreen
+                allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share">
+        </iframe>
     </div>
 
-    <br />
-    <br />
     <br />
 
-    <BitTypography Variant="BitTypographyVariant.H4" Gutter>Todo sample</BitTypography>
-    <div class="page-flex-container">
-        <div class="page-content-container">
-            <div class="image-container">
-                <img class="template-img" src="/images/templates/todo/todotemplate.webp" alt="Todo sample" />
-                <a class="demo-btn-shadow" href="@Urls.TodoTemplatePwaPrerendered" target="_blank">
-                    <div class="demo-btn">Demo</div>
-                </a>
-            </div>
-            <BitTypography Variant="BitTypographyVariant.Body1">
-                The Todo sample is a project powered by Boilerplate that includes work packages and actions that you can apply to various cross-platform projects.
-            </BitTypography>
-        </div>
-
-        <div class="page-content-container">
-            <a class="primary-btn" href="@Urls.TodoTemplatePwaPrerendered" target="_blank" title="Prerendered PWA demo">Prerendered PWA</a>
-            <a class="secondary-btn" href="@Urls.TodoTemplateGooglePlay" target="_blank" title="Google Play"><i class="btn-img google-play" />Android</a>
-            <a class="secondary-btn" href="@Urls.TodoTemplateAppleStore" target="_blank" title="Apple Store"><span class="btn-img apple-store"></span>Apple Store</a>
-            <a class="secondary-btn" href="@Urls.BoilerplateNuget" target="_blank" title="NuGet"><i class="btn-img nuget" />NuGet</a>
-            <a class="secondary-btn" href="@Urls.TodoTemplateFigma" target="_blank" title="Figma"><i class="btn-img figma" />Figma</a>
-        </div>
-    </div>
 </div>
 
-<NavigationButtons Next="Development prerequisites" NextUrl="/templates/development-prerequisites" />
+<NavigationButtons Next="Samples" NextUrl="/templates/samples" />
diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates01OverviewPage.razor.scss b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates01OverviewPage.razor.scss
index df16fd7d31..8e7839faad 100644
--- a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates01OverviewPage.razor.scss
+++ b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates01OverviewPage.razor.scss
@@ -5,184 +5,12 @@
 
 .page-container {
     @include PageContainer;
-}
-
-.page-flex-container {
-    width: 100%;
     display: flex;
-    flex-flow: row wrap;
-    box-sizing: border-box;
-}
-
-.page-content-container {
-    margin: 0;
-    flex-grow: 0;
-    max-width: 66%;
-    flex-basis: 66%;
-    flex-direction: row;
-    box-sizing: border-box;
-
-    &:last-child {
-        max-width: 34%;
-        flex-basis: 34%;
-        padding-left: rem2(48px);
-    }
-
-    @include lt-xl {
-        flex-grow: 0;
-        max-width: 100%;
-        flex-basis: 100%;
-
-        &:last-child {
-            padding-left: 0;
-            max-width: 100%;
-            flex-basis: 100%;
-            padding-top: rem2(32px);
-        }
-    }
-}
-
-.image-container {
-    position: relative;
-    padding: 50% 0 0 0;
-    margin-bottom: 1rem;
-
-    .template-img {
-        top: 0;
-        width: 100%;
-        height: 100%;
-        color: #f5f5f5;
-        display: block;
-        position: absolute;
-        border-radius: rem2(8px);
-        background-color: #f5f5f5;
-        box-shadow: $bit-box-shadow-callout;
-    }
-
-    .demo-btn-shadow {
-        top: 0;
-        left: 0;
-        right: 0;
-        bottom: 0;
-        opacity: 0;
-        display: flex;
-        position: absolute;
-        align-items: center;
-        justify-content: center;
-        border-radius: rem2(8px);
-        background-color: rgba(25, 118, 210, 0.6);
-        transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
-    }
-
-    .demo-btn {
-        border: 0;
-        margin: 0;
-        outline: 0;
-        cursor: pointer;
-        font-weight: 500;
-        line-height: 1.2;
-        position: relative;
-        align-items: center;
-        display: inline-flex;
-        min-width: rem2(64px);
-        font-size: rem2(16px);
-        text-decoration: none;
-        box-sizing: border-box;
-        border-radius: rem2(4px);
-        justify-content: center;
-        padding: rem2(12px) rem2(16px);
-        transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
-        color: $White;
-        background-color: #1976d2;
-
-        &:hover {
-            background-color: #0052cc;
-        }
-    }
-
-    &:hover {
-        .demo-btn-shadow {
-            opacity: 1;
-        }
-    }
-}
-
-.primary-btn {
-    border: 0;
-    outline: 0;
-    width: 100%;
-    cursor: pointer;
-    font-weight: 600;
-    line-height: 1.2;
-    position: relative;
-    align-items: center;
-    font-size: rem2(16px);
-    min-width: rem2(64px);
-    display: inline-flex;
-    text-decoration: none;
-    justify-content: center;
-    border-radius: rem2(4px);
-    margin-bottom: rem2(8px);
-    padding: rem2(12px) rem2(16px);
-    color: $White;
-    background-color: $B6Color;
-
-    &:hover {
-        background-color: #0052cc;
-    }
+    flex-flow: column;
 }
 
-.secondary-btn {
-    outline: 0;
+.video-container {
     width: 100%;
-    cursor: pointer;
-    font-weight: 600;
-    line-height: 1.2;
-    position: relative;
-    align-items: center;
-    display: inline-flex;
-    font-size: rem2(16px);
-    min-width: rem2(64px);
-    text-decoration: none;
-    box-sizing: border-box;
-    border-radius: rem2(4px);
-    margin-bottom: rem2(8px);
+    display: flex;
     justify-content: center;
-    padding: rem2(12px) rem2(16px);
-    border: rem2(1px) solid #bdbdbd;
-    color: #1976d2;
-    background-color: $White;
-
-    &:hover {
-        background-color: #eee;
-    }
-}
-
-.btn-img {
-    width: rem2(18px);
-    height: rem2(18px);
-    margin-right: rem2(8px);
-    background-size: contain;
-    background-position: center;
-    background-repeat: no-repeat;
-}
-
-.google-play {
-    background-image: url('/images/templates/google-play.svg');
-}
-
-.apple-store {
-    background-image: url('/images/templates/apple-store.svg');
-}
-
-.nuget {
-    background-image: url('/images/templates/nuget.svg');
-}
-
-.figma {
-    background-image: url('/images/templates/figma.svg');
-}
-
-::deep a {
-    color: $bit-color-primary-main;
 }
diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates02SamplesPage.razor b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates02SamplesPage.razor
new file mode 100644
index 0000000000..d0e4f94d68
--- /dev/null
+++ b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates02SamplesPage.razor
@@ -0,0 +1,72 @@
+@page "/templates/samples"
+@inherits AppComponentBase
+
+<PageOutlet Url="templates/samples"
+            Title="Samples - Templates"
+            Description="samples of the project templates of the bit platform" />
+
+<div class="page-container">
+    <BitTypography Variant="BitTypographyVariant.H3" Gutter>Boilerplate Samples</BitTypography>
+
+    <BitTypography Variant="BitTypographyVariant.Subtitle1">
+        We published a few apps using our own bit Boilerplate project template in different platforms.
+        <br />
+        Two distinct samples that further explain the features in action are included in the project template:
+    </BitTypography>
+
+    <br />
+    <br />
+    <br />
+
+    <BitTypography Variant="BitTypographyVariant.H4" Gutter>AdminPanel sample</BitTypography>
+    <div class="page-flex-container">
+        <div class="page-content-container">
+            <div class="image-container">
+                <img class="template-img" src="/images/templates/admin/adminpanel.webp" alt="AdminPanel sample" />
+                <a class="demo-btn-shadow" href="@Urls.AdminPanelMultiLingual" target="_blank">
+                    <div class="demo-btn">Demo</div>
+                </a>
+            </div>
+            <BitTypography Variant="BitTypographyVariant.Body1">
+                The AdminPanel sample is a project powered by bit Boilerplate that includes all the necessary parts to create a fully-featured cross-platform admin/management website/app.
+            </BitTypography>
+        </div>
+
+        <div class="page-content-container">
+            <a class="primary-btn" href="@Urls.AdminPanelMultiLingual" target="_blank" title="SPA">SPA demo</a>
+            <a class="secondary-btn" href="@Urls.AdminPanelGooglePlay" target="_blank" title="Google Play"><span class="btn-img google-play"></span>Android</a>
+            <a class="secondary-btn" href="@Urls.AdminPanelAppleStore" target="_blank" title="Apple Store"><span class="btn-img apple-store"></span>Apple Store</a>
+            <a class="secondary-btn" href="@Urls.BoilerplateNuget" target="_blank" title="Nuget"><span class="btn-img nuget"></span>Nuget</a>
+            <a class="secondary-btn" href="@Urls.AdminPanelFigma" target="_blank" title="Figma"><span class="btn-img figma"></span>Figma</a>
+        </div>
+    </div>
+
+    <br />
+    <br />
+    <br />
+
+    <BitTypography Variant="BitTypographyVariant.H4" Gutter>Todo sample</BitTypography>
+    <div class="page-flex-container">
+        <div class="page-content-container">
+            <div class="image-container">
+                <img class="template-img" src="/images/templates/todo/todotemplate.webp" alt="Todo sample" />
+                <a class="demo-btn-shadow" href="@Urls.TodoTemplatePwaPrerendered" target="_blank">
+                    <div class="demo-btn">Demo</div>
+                </a>
+            </div>
+            <BitTypography Variant="BitTypographyVariant.Body1">
+                The Todo sample is a project powered by Boilerplate that includes work packages and actions that you can apply to various cross-platform projects.
+            </BitTypography>
+        </div>
+
+        <div class="page-content-container">
+            <a class="primary-btn" href="@Urls.TodoTemplatePwaPrerendered" target="_blank" title="Prerendered PWA demo">Prerendered PWA</a>
+            <a class="secondary-btn" href="@Urls.TodoTemplateGooglePlay" target="_blank" title="Google Play"><i class="btn-img google-play" />Android</a>
+            <a class="secondary-btn" href="@Urls.TodoTemplateAppleStore" target="_blank" title="Apple Store"><span class="btn-img apple-store"></span>Apple Store</a>
+            <a class="secondary-btn" href="@Urls.BoilerplateNuget" target="_blank" title="NuGet"><i class="btn-img nuget" />NuGet</a>
+            <a class="secondary-btn" href="@Urls.TodoTemplateFigma" target="_blank" title="Figma"><i class="btn-img figma" />Figma</a>
+        </div>
+    </div>
+</div>
+
+<NavigationButtons Prev="Overview" PrevUrl="/templates/overview" Next="Development prerequisites" NextUrl="/templates/development-prerequisites" />
diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates02SamplesPage.razor.scss b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates02SamplesPage.razor.scss
new file mode 100644
index 0000000000..df16fd7d31
--- /dev/null
+++ b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates02SamplesPage.razor.scss
@@ -0,0 +1,188 @@
+@import '../../Styles/abstracts/_colors.scss';
+@import '../../Styles/abstracts/_mixins.scss';
+@import '../../Styles/abstracts/_functions.scss';
+@import '../../Styles/abstracts/_media-queries.scss';
+
+.page-container {
+    @include PageContainer;
+}
+
+.page-flex-container {
+    width: 100%;
+    display: flex;
+    flex-flow: row wrap;
+    box-sizing: border-box;
+}
+
+.page-content-container {
+    margin: 0;
+    flex-grow: 0;
+    max-width: 66%;
+    flex-basis: 66%;
+    flex-direction: row;
+    box-sizing: border-box;
+
+    &:last-child {
+        max-width: 34%;
+        flex-basis: 34%;
+        padding-left: rem2(48px);
+    }
+
+    @include lt-xl {
+        flex-grow: 0;
+        max-width: 100%;
+        flex-basis: 100%;
+
+        &:last-child {
+            padding-left: 0;
+            max-width: 100%;
+            flex-basis: 100%;
+            padding-top: rem2(32px);
+        }
+    }
+}
+
+.image-container {
+    position: relative;
+    padding: 50% 0 0 0;
+    margin-bottom: 1rem;
+
+    .template-img {
+        top: 0;
+        width: 100%;
+        height: 100%;
+        color: #f5f5f5;
+        display: block;
+        position: absolute;
+        border-radius: rem2(8px);
+        background-color: #f5f5f5;
+        box-shadow: $bit-box-shadow-callout;
+    }
+
+    .demo-btn-shadow {
+        top: 0;
+        left: 0;
+        right: 0;
+        bottom: 0;
+        opacity: 0;
+        display: flex;
+        position: absolute;
+        align-items: center;
+        justify-content: center;
+        border-radius: rem2(8px);
+        background-color: rgba(25, 118, 210, 0.6);
+        transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+    }
+
+    .demo-btn {
+        border: 0;
+        margin: 0;
+        outline: 0;
+        cursor: pointer;
+        font-weight: 500;
+        line-height: 1.2;
+        position: relative;
+        align-items: center;
+        display: inline-flex;
+        min-width: rem2(64px);
+        font-size: rem2(16px);
+        text-decoration: none;
+        box-sizing: border-box;
+        border-radius: rem2(4px);
+        justify-content: center;
+        padding: rem2(12px) rem2(16px);
+        transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+        color: $White;
+        background-color: #1976d2;
+
+        &:hover {
+            background-color: #0052cc;
+        }
+    }
+
+    &:hover {
+        .demo-btn-shadow {
+            opacity: 1;
+        }
+    }
+}
+
+.primary-btn {
+    border: 0;
+    outline: 0;
+    width: 100%;
+    cursor: pointer;
+    font-weight: 600;
+    line-height: 1.2;
+    position: relative;
+    align-items: center;
+    font-size: rem2(16px);
+    min-width: rem2(64px);
+    display: inline-flex;
+    text-decoration: none;
+    justify-content: center;
+    border-radius: rem2(4px);
+    margin-bottom: rem2(8px);
+    padding: rem2(12px) rem2(16px);
+    color: $White;
+    background-color: $B6Color;
+
+    &:hover {
+        background-color: #0052cc;
+    }
+}
+
+.secondary-btn {
+    outline: 0;
+    width: 100%;
+    cursor: pointer;
+    font-weight: 600;
+    line-height: 1.2;
+    position: relative;
+    align-items: center;
+    display: inline-flex;
+    font-size: rem2(16px);
+    min-width: rem2(64px);
+    text-decoration: none;
+    box-sizing: border-box;
+    border-radius: rem2(4px);
+    margin-bottom: rem2(8px);
+    justify-content: center;
+    padding: rem2(12px) rem2(16px);
+    border: rem2(1px) solid #bdbdbd;
+    color: #1976d2;
+    background-color: $White;
+
+    &:hover {
+        background-color: #eee;
+    }
+}
+
+.btn-img {
+    width: rem2(18px);
+    height: rem2(18px);
+    margin-right: rem2(8px);
+    background-size: contain;
+    background-position: center;
+    background-repeat: no-repeat;
+}
+
+.google-play {
+    background-image: url('/images/templates/google-play.svg');
+}
+
+.apple-store {
+    background-image: url('/images/templates/apple-store.svg');
+}
+
+.nuget {
+    background-image: url('/images/templates/nuget.svg');
+}
+
+.figma {
+    background-image: url('/images/templates/figma.svg');
+}
+
+::deep a {
+    color: $bit-color-primary-main;
+}
diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates02DevelopmentPrerequisitesPage.razor b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates03DevelopmentPrerequisitesPage.razor
similarity index 100%
rename from src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates02DevelopmentPrerequisitesPage.razor
rename to src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates03DevelopmentPrerequisitesPage.razor
diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates02DevelopmentPrerequisitesPage.razor.scss b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates03DevelopmentPrerequisitesPage.razor.scss
similarity index 100%
rename from src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates02DevelopmentPrerequisitesPage.razor.scss
rename to src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates03DevelopmentPrerequisitesPage.razor.scss
diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates03CreateProjectPage.razor b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates04CreateProjectPage.razor
similarity index 100%
rename from src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates03CreateProjectPage.razor
rename to src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates04CreateProjectPage.razor
diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates03CreateProjectPage.razor.scss b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates04CreateProjectPage.razor.scss
similarity index 100%
rename from src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates03CreateProjectPage.razor.scss
rename to src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates04CreateProjectPage.razor.scss
diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates04ProjectStructurePage.razor b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates05ProjectStructurePage.razor
similarity index 100%
rename from src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates04ProjectStructurePage.razor
rename to src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates05ProjectStructurePage.razor
diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates04ProjectStructurePage.razor.scss b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates05ProjectStructurePage.razor.scss
similarity index 100%
rename from src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates04ProjectStructurePage.razor.scss
rename to src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates05ProjectStructurePage.razor.scss
diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates05DatabasePage.razor b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates06DatabasePage.razor
similarity index 100%
rename from src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates05DatabasePage.razor
rename to src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates06DatabasePage.razor
diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates05DatabasePage.razor.scss b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates06DatabasePage.razor.scss
similarity index 100%
rename from src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates05DatabasePage.razor.scss
rename to src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates06DatabasePage.razor.scss
diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates06RunPage.razor b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates07RunPage.razor
similarity index 100%
rename from src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates06RunPage.razor
rename to src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates07RunPage.razor
diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates06RunPage.razor.scss b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates07RunPage.razor.scss
similarity index 100%
rename from src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates06RunPage.razor.scss
rename to src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates07RunPage.razor.scss
diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates07AppModelsPage.razor b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates08AppModelsPage.razor
similarity index 100%
rename from src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates07AppModelsPage.razor
rename to src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates08AppModelsPage.razor
diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates07AppModelsPage.razor.scss b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates08AppModelsPage.razor.scss
similarity index 100%
rename from src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates07AppModelsPage.razor.scss
rename to src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates08AppModelsPage.razor.scss
diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates08DeploymentTypePage.razor b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates09DeploymentTypePage.razor
similarity index 100%
rename from src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates08DeploymentTypePage.razor
rename to src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates09DeploymentTypePage.razor
diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates08DeploymentTypePage.razor.scss b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates09DeploymentTypePage.razor.scss
similarity index 100%
rename from src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates08DeploymentTypePage.razor.scss
rename to src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates09DeploymentTypePage.razor.scss
diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates09CacheMechanismPage.razor b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates10CacheMechanismPage.razor
similarity index 100%
rename from src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates09CacheMechanismPage.razor
rename to src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates10CacheMechanismPage.razor
diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates09CacheMechanismPage.razor.scss b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates10CacheMechanismPage.razor.scss
similarity index 100%
rename from src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates09CacheMechanismPage.razor.scss
rename to src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates10CacheMechanismPage.razor.scss
diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates10DevOpsPage.razor b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates11DevOpsPage.razor
similarity index 100%
rename from src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates10DevOpsPage.razor
rename to src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates11DevOpsPage.razor
diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates10DevOpsPage.razor.scss b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates11DevOpsPage.razor.scss
similarity index 100%
rename from src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates10DevOpsPage.razor.scss
rename to src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates11DevOpsPage.razor.scss
diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates11PlatformIntegrationPage.razor b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates12PlatformIntegrationPage.razor
similarity index 100%
rename from src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates11PlatformIntegrationPage.razor
rename to src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates12PlatformIntegrationPage.razor
diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates11PlatformIntegrationPage.razor.scss b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates12PlatformIntegrationPage.razor.scss
similarity index 100%
rename from src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates11PlatformIntegrationPage.razor.scss
rename to src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates12PlatformIntegrationPage.razor.scss
diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates12SettingsPage.razor b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates13SettingsPage.razor
similarity index 100%
rename from src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates12SettingsPage.razor
rename to src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates13SettingsPage.razor
diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates12SettingsPage.razor.scss b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates13SettingsPage.razor.scss
similarity index 100%
rename from src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates12SettingsPage.razor.scss
rename to src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates13SettingsPage.razor.scss
diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates13ExceptionHandlingPage.razor b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates14ExceptionHandlingPage.razor
similarity index 100%
rename from src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates13ExceptionHandlingPage.razor
rename to src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates14ExceptionHandlingPage.razor
diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates13ExceptionHandlingPage.razor.scss b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates14ExceptionHandlingPage.razor.scss
similarity index 100%
rename from src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates13ExceptionHandlingPage.razor.scss
rename to src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates14ExceptionHandlingPage.razor.scss
diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates14MultilingualismPage.razor b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates15MultilingualismPage.razor
similarity index 100%
rename from src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates14MultilingualismPage.razor
rename to src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates15MultilingualismPage.razor
diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates14MultilingualismPage.razor.scss b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates15MultilingualismPage.razor.scss
similarity index 100%
rename from src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates14MultilingualismPage.razor.scss
rename to src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates15MultilingualismPage.razor.scss
diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Shared/MainLayout.razor.cs b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Shared/MainLayout.razor.cs
index 7e1eb52819..640b79b666 100644
--- a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Shared/MainLayout.razor.cs
+++ b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Shared/MainLayout.razor.cs
@@ -18,6 +18,7 @@ public partial class MainLayout : IDisposable
     private readonly List<BitNavItem> templatesNavItems =
     [
         new BitNavItem { Text = "Overview", Url = "/templates/overview", AdditionalUrls = new string[] { "/admin-panel/overview", "/todo-template/overview" } },
+        new BitNavItem { Text = "Samples", Url = "/templates/samples" },
         new BitNavItem { Text = "Development prerequisites", Url = "/templates/development-prerequisites", AdditionalUrls = new string[] { "/admin-panel/development-prerequisites", "/todo-template/development-prerequisites" } },
         new BitNavItem { Text = "Create project", Url = "/templates/create-project", AdditionalUrls = new string[] { "/admin-panel/create-project", "/todo-template/create-project" } },
         new BitNavItem { Text = "Project structure", Url = "/templates/project-structure", AdditionalUrls = new string[] { "/admin-panel/project-structure", "/todo-template/project-structure" } },
diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Client/compilerconfig.json b/src/Websites/Platform/src/Bit.Websites.Platform.Client/compilerconfig.json
index c27f6eae7c..04fb89a410 100644
--- a/src/Websites/Platform/src/Bit.Websites.Platform.Client/compilerconfig.json
+++ b/src/Websites/Platform/src/Bit.Websites.Platform.Client/compilerconfig.json
@@ -84,80 +84,85 @@
         "options": { "sourceMap": false }
     },
     {
-        "outputFile": "Pages/Templates/Templates02DevelopmentPrerequisitesPage.razor.css",
-        "inputFile": "Pages/Templates/Templates02DevelopmentPrerequisitesPage.razor.scss",
+        "outputFile": "Pages/Templates/Templates02SamplesPage.razor.css",
+        "inputFile": "Pages/Templates/Templates02SamplesPage.razor.scss",
         "minify": { "enabled": false },
         "options": { "sourceMap": false }
     },
     {
-        "outputFile": "Pages/Templates/Templates03CreateProjectPage.razor.css",
-        "inputFile": "Pages/Templates/Templates03CreateProjectPage.razor.scss",
+        "outputFile": "Pages/Templates/Templates03DevelopmentPrerequisitesPage.razor.css",
+        "inputFile": "Pages/Templates/Templates03DevelopmentPrerequisitesPage.razor.scss",
         "minify": { "enabled": false },
         "options": { "sourceMap": false }
     },
     {
-        "outputFile": "Pages/Templates/Templates04ProjectStructurePage.razor.css",
-        "inputFile": "Pages/Templates/Templates04ProjectStructurePage.razor.scss",
+        "outputFile": "Pages/Templates/Templates04CreateProjectPage.razor.css",
+        "inputFile": "Pages/Templates/Templates04CreateProjectPage.razor.scss",
         "minify": { "enabled": false },
         "options": { "sourceMap": false }
     },
     {
-        "outputFile": "Pages/Templates/Templates05DatabasePage.razor.css",
-        "inputFile": "Pages/Templates/Templates05DatabasePage.razor.scss",
+        "outputFile": "Pages/Templates/Templates05ProjectStructurePage.razor.css",
+        "inputFile": "Pages/Templates/Templates05ProjectStructurePage.razor.scss",
+        "minify": { "enabled": false },
+        "options": { "sourceMap": false }
+    },
+    {   "outputFile": "Pages/Templates/Templates06DatabasePage.razor.css",
+        "inputFile": "Pages/Templates/Templates06DatabasePage.razor.scss",
         "minify": { "enabled": false },
         "options": { "sourceMap": false }
     },
     {
-        "outputFile": "Pages/Templates/Templates06RunPage.razor.css",
-        "inputFile": "Pages/Templates/Templates06RunPage.razor.scss",
+        "outputFile": "Pages/Templates/Templates07RunPage.razor.css",
+        "inputFile": "Pages/Templates/Templates07RunPage.razor.scss",
         "minify": { "enabled": false },
         "options": { "sourceMap": false }
     },
     {
-        "outputFile": "Pages/Templates/Templates07AppModelsPage.razor.css",
-        "inputFile": "Pages/Templates/Templates07AppModelsPage.razor.scss",
+        "outputFile": "Pages/Templates/Templates08AppModelsPage.razor.css",
+        "inputFile": "Pages/Templates/Templates08AppModelsPage.razor.scss",
         "minify": { "enabled": false },
         "options": { "sourceMap": false }
     },
     {
-        "outputFile": "Pages/Templates/Templates08DeploymentTypePage.razor.css",
-        "inputFile": "Pages/Templates/Templates08DeploymentTypePage.razor.scss",
+        "outputFile": "Pages/Templates/Templates09DeploymentTypePage.razor.css",
+        "inputFile": "Pages/Templates/Templates09DeploymentTypePage.razor.scss",
         "minify": { "enabled": false },
         "options": { "sourceMap": false }
     },
     {
-        "outputFile": "Pages/Templates/Templates09CacheMechanismPage.razor.css",
-        "inputFile": "Pages/Templates/Templates09CacheMechanismPage.razor.scss",
+        "outputFile": "Pages/Templates/Templates10CacheMechanismPage.razor.css",
+        "inputFile": "Pages/Templates/Templates10CacheMechanismPage.razor.scss",
         "minify": { "enabled": false },
         "options": { "sourceMap": false }
     },
     {
-        "outputFile": "Pages/Templates/Templates10DevOpsPage.razor.css",
-        "inputFile": "Pages/Templates/Templates10DevOpsPage.razor.scss",
+        "outputFile": "Pages/Templates/Templates11DevOpsPage.razor.css",
+        "inputFile": "Pages/Templates/Templates11DevOpsPage.razor.scss",
         "minify": { "enabled": false },
         "options": { "sourceMap": false }
     },
     {
-        "outputFile": "Pages/Templates/Templates11PlatformIntegrationPage.razor.css",
-        "inputFile": "Pages/Templates/Templates11PlatformIntegrationPage.razor.scss",
+        "outputFile": "Pages/Templates/Templates12PlatformIntegrationPage.razor.css",
+        "inputFile": "Pages/Templates/Templates12PlatformIntegrationPage.razor.scss",
         "minify": { "enabled": false },
         "options": { "sourceMap": false }
     },
     {
-        "outputFile": "Pages/Templates/Templates12SettingsPage.razor.css",
-        "inputFile": "Pages/Templates/Templates12SettingsPage.razor.scss",
+        "outputFile": "Pages/Templates/Templates13SettingsPage.razor.css",
+        "inputFile": "Pages/Templates/Templates13SettingsPage.razor.scss",
         "minify": { "enabled": false },
         "options": { "sourceMap": false }
     },
     {
-        "outputFile": "Pages/Templates/Templates13ExceptionHandlingPage.razor.css",
-        "inputFile": "Pages/Templates/Templates13ExceptionHandlingPage.razor.scss",
+        "outputFile": "Pages/Templates/Templates14ExceptionHandlingPage.razor.css",
+        "inputFile": "Pages/Templates/Templates14ExceptionHandlingPage.razor.scss",
         "minify": { "enabled": false },
         "options": { "sourceMap": false }
     },
     {
-        "outputFile": "Pages/Templates/Templates14MultilingualismPage.razor.css",
-        "inputFile": "Pages/Templates/Templates14MultilingualismPage.razor.scss",
+        "outputFile": "Pages/Templates/Templates15MultilingualismPage.razor.css",
+        "inputFile": "Pages/Templates/Templates15MultilingualismPage.razor.scss",
         "minify": { "enabled": false },
         "options": { "sourceMap": false }
     },

From ff07a15339355216b822df0f02e66016cde192c7 Mon Sep 17 00:00:00 2001
From: Mohammad Hossein Rastegarinia <mh.rastegari@outlook.com>
Date: Tue, 16 Jan 2024 21:02:39 +0330
Subject: [PATCH 31/39] feat(websites): add samples for Butil History methods
 in Platform website #6598 (#6599)

---
 .../Pages/Butil/Butil08HistoryPage.razor      | 254 ++++++++++++++++++
 1 file changed, 254 insertions(+)

diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil08HistoryPage.razor b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil08HistoryPage.razor
index 61899b1dfa..e1a1e15bcc 100644
--- a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil08HistoryPage.razor
+++ b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil08HistoryPage.razor
@@ -1,5 +1,6 @@
 @page "/butil/history"
 @inherits AppComponentBase
+@inject Bit.Butil.History history
 
 <PageOutlet Url="butil/history"
             Title="History - Butil"
@@ -32,10 +33,48 @@
             <b>GetLength</b>: Returns an Integer representing the number of elements in the session history, including the currently loaded page
             (<a href="https://developer.mozilla.org/en-US/docs/Web/API/History/length" target="_blank">MDN</a>).
             <br /><br />
+            <BitAccordion Title="Sample">
+                <ChildContent>
+                    <BitPivot>
+                        <BitPivotItem HeaderText="Code">
+                            <pre class="code-box">
+                                @exampleCode1
+                            </pre>
+                        </BitPivotItem>
+                        <BitPivotItem HeaderText="Result">
+                            <br />
+                            <BitButton OnClick="@GetLength">GetLength</BitButton>
+                            <br />
+                            <br />
+                            <div>History length is: @historyLength</div>
+                        </BitPivotItem>
+                    </BitPivot>
+                </ChildContent>
+            </BitAccordion>
+            <br /><br />
 
             <b>SetScrollRestoration</b>, <b>GetScrollRestoration</b>: Gets/Sets default scroll restoration behavior on history navigation. This property can be either auto or manual
             (<a href="https://developer.mozilla.org/en-US/docs/Web/API/History/scrollRestoration" target="_blank">MDN</a>).
             <br /><br />
+            <BitAccordion Title="Sample">
+                <ChildContent>
+                    <BitPivot>
+                        <BitPivotItem HeaderText="Code">
+                            <pre class="code-box">
+                                @exampleCode2
+                            </pre>
+                        </BitPivotItem>
+                        <BitPivotItem HeaderText="Result">
+                            <br />
+                            <BitCheckbox @bind-Value="isScrollRestorationManual" Label="@(isScrollRestorationManual ? "Manual" : "Auto")" />
+                            <br />
+                            <BitButton OnClick="@SetScrollRestoration">SetScrollRestoration</BitButton>
+                            <br />
+                        </BitPivotItem>
+                    </BitPivot>
+                </ChildContent>
+            </BitAccordion>
+            <br /><br />
 
             <b>GetState</b>: Returns an any value representing the state at the top of the history stack
             (<a href="https://developer.mozilla.org/en-US/docs/Web/API/History/state" target="_blank">MDN</a>).
@@ -44,22 +83,113 @@
             <b>GoBack</b>: This asynchronous method goes to the previous page in session history, the same action as when the user clicks the browser's Back button. Calling this method to go back beyond the first page in the session history has no effect and doesn't raise an exception
             (<a href="https://developer.mozilla.org/en-US/docs/Web/API/History/back" target="_blank">MDN</a>).
             <br /><br />
+            <BitAccordion Title="Sample">
+                <ChildContent>
+                    <BitPivot>
+                        <BitPivotItem HeaderText="Code">
+                            <pre class="code-box">
+                                @exampleCode4
+                            </pre>
+                        </BitPivotItem>
+                        <BitPivotItem HeaderText="Result">
+                            <br />
+                            <BitButton OnClick="@(() => history.GoBack())">GoBack</BitButton>
+                            <br />
+                        </BitPivotItem>
+                    </BitPivot>
+                </ChildContent>
+            </BitAccordion>
+            <br /><br />
 
             <b>GoForward</b>: This asynchronous method goes to the next page in session history, the same action as when the user clicks the browser's Forward button. Calling this method to go forward beyond the most recent page in the session history has no effect and doesn't raise an exception
             (<a href="https://developer.mozilla.org/en-US/docs/Web/API/History/forward" target="_blank">MDN</a>).
             <br /><br />
+            <BitAccordion Title="Sample">
+                <ChildContent>
+                    <BitPivot>
+                        <BitPivotItem HeaderText="Code">
+                            <pre class="code-box">
+                                @exampleCode5
+                            </pre>
+                        </BitPivotItem>
+                        <BitPivotItem HeaderText="Result">
+                            <br />
+                            <BitButton OnClick="@(() => history.GoForward())">GoForward</BitButton>
+                            <br />
+                        </BitPivotItem>
+                    </BitPivot>
+                </ChildContent>
+            </BitAccordion>
+            <br /><br />
 
             <b>Go</b>: Asynchronously loads a page from the session history, identified by its relative location to the current page, for example -1 for the previous page or 1 for the next page. Calling this method without parameters or a value of 0 reloads the current page
             (<a href="https://developer.mozilla.org/en-US/docs/Web/API/History/go" target="_blank">MDN</a>).
             <br /><br />
+            <BitAccordion Title="Sample">
+                <ChildContent>
+                    <BitPivot>
+                        <BitPivotItem HeaderText="Code">
+                            <pre class="code-box">
+                                @exampleCode6
+                            </pre>
+                        </BitPivotItem>
+                        <BitPivotItem HeaderText="Result">
+                            <br />
+                            <BitSpinButton @bind-Value="delta" Mode="BitSpinButtonMode.Inline" Style="max-width: 18.75rem;" />
+                            <br />
+                            <BitButton OnClick="@Go">Go</BitButton>
+                            <br />
+                        </BitPivotItem>
+                    </BitPivot>
+                </ChildContent>
+            </BitAccordion>
+            <br /><br />
 
             <b>PushState</b>: Pushes the given data onto the session history stack with the specified title (and, if provided, URL)
             (<a href="https://developer.mozilla.org/en-US/docs/Web/API/History/pushState" target="_blank">MDN</a>).
             <br /><br />
+            <BitAccordion Title="Sample">
+                <ChildContent>
+                    <BitPivot>
+                        <BitPivotItem HeaderText="Code">
+                            <pre class="code-box">
+                                @exampleCode7
+                            </pre>
+                        </BitPivotItem>
+                        <BitPivotItem HeaderText="Result">
+                            <br />
+                            <BitTextField @bind-Value="pushStateUrl" Style="max-width: 18.75rem;" />
+                            <br />
+                            <BitButton OnClick="@PushState">PushState</BitButton>
+                            <br />
+                        </BitPivotItem>
+                    </BitPivot>
+                </ChildContent>
+            </BitAccordion>
+            <br /><br />
 
             <b>ReplaceState</b>: Updates the most recent entry on the history stack to have the specified data, title, and, if provided, URL
             (<a href="https://developer.mozilla.org/en-US/docs/Web/API/History/replaceState" target="_blank">MDN</a>).
             <br /><br />
+            <BitAccordion Title="Sample">
+                <ChildContent>
+                    <BitPivot>
+                        <BitPivotItem HeaderText="Code">
+                            <pre class="code-box">
+                                @exampleCode8
+                            </pre>
+                        </BitPivotItem>
+                        <BitPivotItem HeaderText="Result">
+                            <br />
+                            <BitTextField @bind-Value="replaceStateUrl" Style="max-width: 18.75rem;" />
+                            <br />
+                            <BitButton OnClick="@ReplaceState">ReplaceState</BitButton>
+                            <br />
+                        </BitPivotItem>
+                    </BitPivot>
+                </ChildContent>
+            </BitAccordion>
+            <br /><br />
 
             <b>AddPopState</b>, <b>RemovePopState</b>: The popstate event of the Window interface is fired when the active history entry changes while the user navigates the session history
             (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Window/popstate_event" target="_blank">MDN</a>).
@@ -68,3 +198,127 @@
 </div>
 
 <NavigationButtons Prev="Console" PrevUrl="/butil/console" Next="Element" NextUrl="/butil/element" />
+
+@code {
+    private string? historyLength;
+
+    private bool isScrollRestorationManual;
+
+    private double delta;
+
+    private string pushStateUrl = "butil/history#push-state";
+
+    private string replaceStateUrl = "butil/history#replace-state";
+
+
+    private async Task GetLength()
+    {
+        var result = await history.GetLength();
+        historyLength = result.ToString();
+    }
+
+    private async Task SetScrollRestoration()
+    {
+        await history.SetScrollRestoration(isScrollRestorationManual ? ScrollRestoration.Manual : ScrollRestoration.Auto);
+    }
+
+    private async Task Go()
+    {
+        await history.Go((int)delta);
+    }
+
+    private async Task PushState()
+    {
+        await history.PushState(url: pushStateUrl);
+    }
+
+    private async Task ReplaceState()
+    {
+        await history.ReplaceState(url: replaceStateUrl);
+    }
+
+    private string exampleCode1 =
+    @"@inject Bit.Butil.History history
+
+<BitButton OnClick=""@GetLength"">GetLength</BitButton>
+
+<div>History length is: @historyLength</div>
+
+@code {
+    private string? historyLength;
+
+    private async Task GetLength()
+    {
+        var result = await history.GetLength();
+        historyLength = result.ToString();
+    }
+}";
+    private string exampleCode2 =
+    @"@inject Bit.Butil.History history
+
+<BitCheckbox @bind-Value=""isScrollRestorationManual"" Label=""@(isScrollRestorationManual ? ""Manual"" : ""Auto"")"" />
+
+<BitButton OnClick=""@SetScrollRestoration"">SetScrollRestoration</BitButton>
+
+@code {
+    private bool isScrollRestorationManual;
+
+    private async Task SetScrollRestoration()
+    {
+        await history.SetScrollRestoration(isScrollRestorationManual ? ScrollRestoration.Manual : ScrollRestoration.Auto);
+    }
+}";
+    private string exampleCode4 =
+    @"@inject Bit.Butil.History history
+
+<BitButton OnClick=""@(() => history.GoBack())"">GoBack</BitButton>";
+    private string exampleCode5 =
+    @"@inject Bit.Butil.History history
+
+<BitButton OnClick=""@(() => history.GoForward())"">GoForward</BitButton>";
+    private string exampleCode6 =
+    @"@inject Bit.Butil.History history
+
+<BitSpinButton @bind-Value=""delta"" Mode=""BitSpinButtonMode.Inline"" />
+
+<BitButton OnClick=""@Go"">Go</BitButton>
+
+@code {
+    private double delta;
+
+    private async Task Go()
+    {
+        await history.Go((int)delta);
+    }
+}";
+    private string exampleCode7 =
+    @"@inject Bit.Butil.History history
+
+<BitTextField @bind-Value=""pushStateUrl"" Style=""max-width: 18.75rem;"" />
+
+<BitButton OnClick=""@PushState"">PushState</BitButton>
+
+@code {
+    private string pushStateUrl = ""butil/history#push-state"";
+
+    private async Task PushState()
+    {
+        await history.PushState(url: pushStateUrl);
+    }
+}";
+    private string exampleCode8 =
+    @"@inject Bit.Butil.History history
+
+<BitTextField @bind-Value=""replaceStateUrl"" Style=""max-width: 18.75rem;"" />
+
+<BitButton OnClick=""@ReplaceState"">ReplaceState</BitButton>
+
+@code {
+    private string replaceStateUrl = ""butil/history#replace-state"";
+
+    private async Task ReplaceState()
+    {
+        await history.ReplaceState(url: replaceStateUrl);
+    }
+}";
+}

From f6c5255642c68a9f614c8013a96466e899ce1ddb Mon Sep 17 00:00:00 2001
From: Mohammad Hossein Rastegarinia <mh.rastegari@outlook.com>
Date: Wed, 17 Jan 2024 11:18:55 +0330
Subject: [PATCH 32/39] feat(websites): add samples for Butil Navigator methods
 in Platform website #6601 (#6602)

---
 .../Pages/Butil/Butil10NavigatorPage.razor    | 599 +++++++++++++++++-
 1 file changed, 583 insertions(+), 16 deletions(-)

diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil10NavigatorPage.razor b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil10NavigatorPage.razor
index 394dd676cc..66fe4e697c 100644
--- a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil10NavigatorPage.razor
+++ b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil10NavigatorPage.razor
@@ -1,5 +1,6 @@
 @page "/butil/navigator"
 @inherits AppComponentBase
+@inject Bit.Butil.Navigator navigator
 
 <PageOutlet Url="butil/navigator"
             Title="Navigator - Butil"
@@ -29,66 +30,632 @@
     <section class="section-card">
         <BitTypography Variant="BitTypographyVariant.H5" Gutter>Methods</BitTypography>
         <div class="section-card-txt">
-            <b>GetDeviceMemory</b>: Returns the amount of device memory in gigabytes. This value is an approximation given by rounding to the nearest power of 2 and dividing that number by 1024
+            <br />
+            <b>GetDeviceMemory</b>: <br />
+            Returns the amount of device memory in gigabytes. This value is an approximation given by rounding to the nearest power of 2 and dividing that number by 1024
             (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Navigator/deviceMemory" target="_blank">MDN</a>).
             <br /><br />
+            <BitAccordion Title="Sample">
+                <ChildContent>
+                    <BitPivot>
+                        <BitPivotItem HeaderText="Code">
+                            <pre class="code-box">
+                                @getDeviceMemoryExampleCode
+                            </pre>
+                        </BitPivotItem>
+                        <BitPivotItem HeaderText="Result">
+                            <br />
+                            <BitButton OnClick="@GetDeviceMemory">GetDeviceMemory</BitButton>
+                            <br />
+                            <br />
+                            <div>Device memory is: @deviceMemory</div>
+                        </BitPivotItem>
+                    </BitPivot>
+                </ChildContent>
+            </BitAccordion>
+            <br /><br />
 
-            <b>GetHardwareConcurrency</b>: Returns the number of logical processor cores available
+            <b>GetHardwareConcurrency</b>: <br />
+            Returns the number of logical processor cores available
             (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Navigator/hardwareConcurrency" target="_blank">MDN</a>).
             <br /><br />
+            <BitAccordion Title="Sample">
+                <ChildContent>
+                    <BitPivot>
+                        <BitPivotItem HeaderText="Code">
+                            <pre class="code-box">
+                                @getHardwareConcurrencyExampleCode
+                            </pre>
+                        </BitPivotItem>
+                        <BitPivotItem HeaderText="Result">
+                            <br />
+                            <BitButton OnClick="@GetHardwareConcurrency">GetHardwareConcurrency</BitButton>
+                            <br />
+                            <br />
+                            <div>Hardware concurrency is: @hardwareConcurrency</div>
+                        </BitPivotItem>
+                    </BitPivot>
+                </ChildContent>
+            </BitAccordion>
+            <br /><br />
 
-            <b>GetLanguage</b>: Returns a string representing the preferred language of the user, usually the language of the browser UI. The null value is returned when this is unknown
+            <b>GetLanguage</b>: <br />
+            Returns a string representing the preferred language of the user, usually the language of the browser UI. The null value is returned when this is unknown
             (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Navigator/language" target="_blank">MDN</a>).
             <br /><br />
+            <BitAccordion Title="Sample">
+                <ChildContent>
+                    <BitPivot>
+                        <BitPivotItem HeaderText="Code">
+                            <pre class="code-box">
+                                @getLanguageExampleCode
+                            </pre>
+                        </BitPivotItem>
+                        <BitPivotItem HeaderText="Result">
+                            <br />
+                            <BitButton OnClick="@GetLanguage">GetLanguage</BitButton>
+                            <br />
+                            <br />
+                            <div>Language: @language</div>
+                        </BitPivotItem>
+                    </BitPivot>
+                </ChildContent>
+            </BitAccordion>
+            <br /><br />
 
-            <b>GetLanguages</b>: Returns an array of strings representing the languages known to the user, by order of preference
+            <b>GetLanguages</b>: <br />
+            Returns an array of strings representing the languages known to the user, by order of preference
             (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Navigator/languages" target="_blank">MDN</a>).
             <br /><br />
+            <BitAccordion Title="Sample">
+                <ChildContent>
+                    <BitPivot>
+                        <BitPivotItem HeaderText="Code">
+                            <pre class="code-box">
+                                @getLanguagesExampleCode
+                            </pre>
+                        </BitPivotItem>
+                        <BitPivotItem HeaderText="Result">
+                            <br />
+                            <BitButton OnClick="@GetLanguages">GetLanguages</BitButton>
+                            <br />
+                            <br />
+                            <div>Languages: @languages</div>
+                        </BitPivotItem>
+                    </BitPivot>
+                </ChildContent>
+            </BitAccordion>
+            <br /><br />
 
-            <b>GetMaxTouchPoints</b>: Returns the maximum number of simultaneous touch contact points are supported by the current device
+            <b>GetMaxTouchPoints</b>: <br />
+            Returns the maximum number of simultaneous touch contact points are supported by the current device
             (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Navigator/maxTouchPoints" target="_blank">MDN</a>).
             <br /><br />
+            <BitAccordion Title="Sample">
+                <ChildContent>
+                    <BitPivot>
+                        <BitPivotItem HeaderText="Code">
+                            <pre class="code-box">
+                                @getMaxTouchPointsExampleCode
+                            </pre>
+                        </BitPivotItem>
+                        <BitPivotItem HeaderText="Result">
+                            <br />
+                            <BitButton OnClick="@GetMaxTouchPoints">GetMaxTouchPoints</BitButton>
+                            <br />
+                            <br />
+                            <div>Max touch points: @maxTouchPoints</div>
+                        </BitPivotItem>
+                    </BitPivot>
+                </ChildContent>
+            </BitAccordion>
+            <br /><br />
 
-            <b>IsOnLine</b>: Returns a boolean value indicating whether the browser is working online
+            <b>IsOnLine</b>: <br />
+            Returns a boolean value indicating whether the browser is working online
             (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Navigator/onLine" target="_blank">MDN</a>).
             <br /><br />
+            <BitAccordion Title="Sample">
+                <ChildContent>
+                    <BitPivot>
+                        <BitPivotItem HeaderText="Code">
+                            <pre class="code-box">
+                                @isOnLineExampleCode
+                            </pre>
+                        </BitPivotItem>
+                        <BitPivotItem HeaderText="Result">
+                            <br />
+                            <BitButton OnClick="@GetIsOnLine">GetIsOnLine</BitButton>
+                            <br />
+                            <br />
+                            <div>Is OnLine: @isOnLine</div>
+                        </BitPivotItem>
+                    </BitPivot>
+                </ChildContent>
+            </BitAccordion>
+            <br /><br />
 
-            <b>IsPdfViewerEnabled</b>: Returns true if the browser can display PDF files inline when navigating to them, and false otherwise
+            <b>IsPdfViewerEnabled</b>: <br />
+            Returns true if the browser can display PDF files inline when navigating to them, and false otherwise
             (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Navigator/pdfViewerEnabled" target="_blank">MDN</a>).
             <br /><br />
+            <BitAccordion Title="Sample">
+                <ChildContent>
+                    <BitPivot>
+                        <BitPivotItem HeaderText="Code">
+                            <pre class="code-box">
+                                @isPdfViewerEnabledExampleCode
+                            </pre>
+                        </BitPivotItem>
+                        <BitPivotItem HeaderText="Result">
+                            <br />
+                            <BitButton OnClick="@GetIsPdfViewerEnabled">GetIsPdfViewerEnabled</BitButton>
+                            <br />
+                            <br />
+                            <div>Is Pdf viewer enabled: @isPdfViewerEnabled</div>
+                        </BitPivotItem>
+                    </BitPivot>
+                </ChildContent>
+            </BitAccordion>
+            <br /><br />
 
-            <b>GetUserAgent</b>: Returns the user agent string for the current browser
+            <b>GetUserAgent</b>: <br />
+            Returns the user agent string for the current browser
             (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Navigator/userAgent" target="_blank">MDN</a>).
             <br /><br />
+            <BitAccordion Title="Sample">
+                <ChildContent>
+                    <BitPivot>
+                        <BitPivotItem HeaderText="Code">
+                            <pre class="code-box">
+                                @getUserAgentExampleCode
+                            </pre>
+                        </BitPivotItem>
+                        <BitPivotItem HeaderText="Result">
+                            <br />
+                            <BitButton OnClick="@GetUserAgent">GetUserAgent</BitButton>
+                            <br />
+                            <br />
+                            <div>User agent: @userAgent</div>
+                        </BitPivotItem>
+                    </BitPivot>
+                </ChildContent>
+            </BitAccordion>
+            <br /><br />
 
-            <b>IsWebDriver</b>: Indicates whether the user agent is controlled by automation
+            <b>IsWebDriver</b>: <br />
+            Indicates whether the user agent is controlled by automation
             (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Navigator/webdriver" target="_blank">MDN</a>).
-            <br /><br />
+            <br /><br /><br />
 
-            <b>CanShare</b>: Returns true if a call to Navigator.share() would succeed
+            <b>CanShare</b>: <br />
+            Returns true if a call to navigator.Share() would succeed
             (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Navigator/canShare" target="_blank">MDN</a>).
             <br /><br />
+            <BitAccordion Title="Sample">
+                <ChildContent>
+                    <BitPivot>
+                        <BitPivotItem HeaderText="Code">
+                            <pre class="code-box">
+                                @canShareExampleCode
+                            </pre>
+                        </BitPivotItem>
+                        <BitPivotItem HeaderText="Result">
+                            <br />
+                            <BitButton OnClick="@GetCanShare">GetCanShare</BitButton>
+                            <br />
+                            <br />
+                            <div>Can share: @canShare</div>
+                        </BitPivotItem>
+                    </BitPivot>
+                </ChildContent>
+            </BitAccordion>
+            <br /><br />
 
-            <b>ClearAppBadge</b>: Clears a badge on the current app's icon and returns a Promise that resolves with undefined
+            <b>ClearAppBadge</b>: <br />
+            Clears a badge on the current app's icon and returns a Promise that resolves with undefined
             (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Navigator/clearAppBadge" target="_blank">MDN</a>).
             <br /><br />
+            <BitAccordion Title="Sample">
+                <ChildContent>
+                    <BitPivot>
+                        <BitPivotItem HeaderText="Code">
+                            <pre class="code-box">
+                                @clearAppBadgeExampleCode
+                            </pre>
+                        </BitPivotItem>
+                        <BitPivotItem HeaderText="Result">
+                            <br />
+                            <BitButton OnClick="@(() => navigator.ClearAppBadge())">ClearAppBadge</BitButton>
+                            <br />
+                        </BitPivotItem>
+                    </BitPivot>
+                </ChildContent>
+            </BitAccordion>
+            <br /><br />
 
-            <b>SendBeacon</b>: Used to asynchronously transfer a small amount of data using HTTP from the User Agent to a web server
+            <b>SendBeacon</b>: <br />
+            Used to asynchronously transfer a small amount of data using HTTP from the User Agent to a web server
             (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Navigator/sendBeacon" target="_blank">MDN</a>).
             <br /><br />
+            <BitAccordion Title="Sample">
+                <ChildContent>
+                    <BitPivot>
+                        <BitPivotItem HeaderText="Code">
+                            <pre class="code-box">
+                                @sendBeaconExampleCode
+                            </pre>
+                        </BitPivotItem>
+                        <BitPivotItem HeaderText="Result">
+                            <br />
+                            <BitButton OnClick="@(() => navigator.SendBeacon())">SendBeacon</BitButton>
+                            <br />
+                        </BitPivotItem>
+                    </BitPivot>
+                </ChildContent>
+            </BitAccordion>
+            <br /><br />
 
-            <b>SetAppBadge</b>: Sets a badge on the icon associated with this app and returns a Promise that resolves with undefined
+            <b>SetAppBadge</b>: <br />
+            Sets a badge on the icon associated with this app and returns a Promise that resolves with undefined
             (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Navigator/setAppBadge" target="_blank">MDN</a>).
             <br /><br />
+            <BitAccordion Title="Sample">
+                <ChildContent>
+                    <BitPivot>
+                        <BitPivotItem HeaderText="Code">
+                            <pre class="code-box">
+                                @setAppBadgeExampleCode
+                            </pre>
+                        </BitPivotItem>
+                        <BitPivotItem HeaderText="Result">
+                            <br />
+                            <BitButton OnClick="@(() => navigator.SetAppBadge())">SetAppBadge</BitButton>
+                            <br />
+                        </BitPivotItem>
+                    </BitPivot>
+                </ChildContent>
+            </BitAccordion>
+            <br /><br />
 
-            <b>Share</b>: Invokes the native sharing mechanism of the current platform
+            <b>Share</b>: <br />
+            Invokes the native sharing mechanism of the current platform
             (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Navigator/share" target="_blank">MDN</a>).
             <br /><br />
+            <BitAccordion Title="Sample">
+                <ChildContent>
+                    <BitPivot>
+                        <BitPivotItem HeaderText="Code">
+                            <pre class="code-box">
+                                @shareExampleCode
+                            </pre>
+                        </BitPivotItem>
+                        <BitPivotItem HeaderText="Result">
+                            <br />
+                            <BitTextField @bind-Value="textValue" Label="Text" Style="max-width: 18.75rem;" />
+                            <br />
+                            <BitTextField @bind-Value="titleValue" Label="Title" Style="max-width: 18.75rem;" />
+                            <br />
+                            <BitTextField @bind-Value="urlValue" Label="Url" Style="max-width: 18.75rem;" />
+                            <br />
+                            <BitButton OnClick="Share">Share</BitButton>
+                            <br />
+                        </BitPivotItem>
+                    </BitPivot>
+                </ChildContent>
+            </BitAccordion>
+            <br /><br />
 
-            <b>Vibrate</b>: Causes vibration on devices with support for it. Does nothing if vibration support isn't available
+            <b>Vibrate</b>: <br />
+            Causes vibration on devices with support for it. Does nothing if vibration support isn't available
             (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Navigator/vibrate" target="_blank">MDN</a>).
+            <br /><br />
+            <BitAccordion Title="Sample">
+                <ChildContent>
+                    <BitPivot>
+                        <BitPivotItem HeaderText="Code">
+                            <pre class="code-box">
+                                @vibrateExampleCode
+                            </pre>
+                        </BitPivotItem>
+                        <BitPivotItem HeaderText="Result">
+                            <br />
+                            <BitButton OnClick="@(() => navigator.Vibrate(sosPattern))">Vibrate</BitButton>
+                            <br />
+                        </BitPivotItem>
+                    </BitPivot>
+                </ChildContent>
+            </BitAccordion>
         </div>
     </section>
 </div>
 
 <NavigationButtons Prev="Element" PrevUrl="/butil/element" Next="Storage" NextUrl="/butil/storage" />
+
+@code {
+    private string? deviceMemory;
+
+    private string? hardwareConcurrency;
+
+    private string? language;
+
+    private string? languages;
+
+    private string? maxTouchPoints;
+
+    private string? isOnLine;
+
+    private string? isPdfViewerEnabled;
+
+    private string? userAgent;
+
+    private string? isWebDriver;
+
+    private string? canShare;
+
+    private string? textValue;
+    private string? titleValue;
+    private string? urlValue;
+
+    private int[] sosPattern = [100, 30, 100, 30, 100, 30, 200, 30, 200, 30, 200, 30, 100, 30, 100, 30, 100];
+
+
+    private async Task GetDeviceMemory()
+    {
+        var result = await navigator.GetDeviceMemory();
+        deviceMemory = result.ToString();
+    }
+
+    private async Task GetHardwareConcurrency()
+    {
+        var result = await navigator.GetHardwareConcurrency();
+        hardwareConcurrency = result.ToString();
+    }
+
+    private async Task GetLanguage()
+    {
+        var result = await navigator.GetLanguage();
+        language = result.ToString();
+    }
+
+    private async Task GetLanguages()
+    {
+        var result = await navigator.GetLanguages();
+        languages = string.Join(",", result);
+    }
+
+    private async Task GetMaxTouchPoints()
+    {
+        var result = await navigator.GetMaxTouchPoints();
+        maxTouchPoints = result.ToString();
+    }
+
+    private async Task GetIsOnLine()
+    {
+        var result = await navigator.IsOnLine();
+        isOnLine = result.ToString();
+    }
+
+    private async Task GetIsPdfViewerEnabled()
+    {
+        var result = await navigator.IsPdfViewerEnabled();
+        isPdfViewerEnabled = result.ToString();
+    }
+
+    private async Task GetUserAgent()
+    {
+        var result = await navigator.GetUserAgent();
+        userAgent = result.ToString();
+    }
+
+    private async Task GetCanShare()
+    {
+        var result = await navigator.CanShare();
+        canShare = result.ToString();
+    }
+
+    private async Task Share()
+    {
+        var shareData = new ShareData()
+        {
+            Text = textValue,
+            title = titleValue,
+            url = urlValue
+        };
+
+        await navigator.Share(shareData);
+    }
+
+    private string getDeviceMemoryExampleCode =
+@"@inject Bit.Butil.Navigator navigator
+
+<BitButton OnClick=""@GetDeviceMemory"">GetDeviceMemory</BitButton>
+
+<div>Device memory is: @deviceMemory</div>
+
+@code {
+    private string? deviceMemory;
+
+    private async Task GetDeviceMemory()
+    {
+        var result = await navigator.GetDeviceMemory();
+        deviceMemory = result.ToString();
+    }
+}";
+    private string getHardwareConcurrencyExampleCode =
+@"@inject Bit.Butil.Navigator navigator
+
+<BitButton OnClick=""@GetHardwareConcurrency"">GetHardwareConcurrency</BitButton>
+
+<div>Hardware concurrency is: @hardwareConcurrency</div>
+
+@code {
+    private string? hardwareConcurrency;
+
+    private async Task GetHardwareConcurrency()
+    {
+        var result = await navigator.GetHardwareConcurrency();
+        hardwareConcurrency = result.ToString();
+    }
+}";
+    private string getLanguageExampleCode =
+@"@inject Bit.Butil.Navigator navigator
+
+<BitButton OnClick=""@GetLanguage"">GetLanguage</BitButton>
+
+<div>Language: @language</div>
+
+@code {
+    private string? language;
+
+    private async Task GetLanguage()
+    {
+        var result = await navigator.GetLanguage();
+        language = result.ToString();
+    }
+}";
+    private string getLanguagesExampleCode =
+@"@inject Bit.Butil.Navigator navigator
+
+<BitButton OnClick=""@GetLanguages"">GetLanguages</BitButton>
+
+<div>Languages: @languages</div>
+
+@code {
+    private string? languages;
+
+    private async Task GetLanguages()
+    {
+        var result = await navigator.GetLanguages();
+        languages = string.Join("","", result);
+    }
+}";
+    private string getMaxTouchPointsExampleCode =
+@"@inject Bit.Butil.Navigator navigator
+
+<BitButton OnClick=""@GetMaxTouchPoints"">GetMaxTouchPoints</BitButton>
+
+<div>Max touch points: @maxTouchPoints</div>
+
+@code {
+    private string? maxTouchPoints;
+
+    private async Task GetMaxTouchPoints()
+    {
+        var result = await navigator.GetMaxTouchPoints();
+        maxTouchPoints = result.ToString();
+    }
+}";
+    private string isOnLineExampleCode =
+@"@inject Bit.Butil.Navigator navigator
+
+<BitButton OnClick=""@GetIsOnLine"">GetIsOnLine</BitButton>
+
+<div>Is OnLine: @isOnLine</div>
+
+@code {
+    private string? isOnLine;
+
+    private async Task GetIsOnLine()
+    {
+        var result = await navigator.IsOnLine();
+        isOnLine = result.ToString();
+    }
+}";
+    private string isPdfViewerEnabledExampleCode =
+@"@inject Bit.Butil.Navigator navigator
+
+<BitButton OnClick=""@GetIsPdfViewerEnabled"">GetIsPdfViewerEnabled</BitButton>
+
+<div>Is Pdf viewer enabled: @isPdfViewerEnabled</div>
+
+@code {
+    private string? isPdfViewerEnabled;
+
+    private async Task GetIsPdfViewerEnabled()
+    {
+        var result = await navigator.IsPdfViewerEnabled();
+        isPdfViewerEnabled = result.ToString();
+    }
+}";
+    private string getUserAgentExampleCode =
+@"@inject Bit.Butil.Navigator navigator
+
+<BitButton OnClick=""@GetUserAgent"">GetUserAgent</BitButton>
+
+<div>User agent: @userAgent</div>
+
+@code {
+    private string? userAgent;
+
+    private async Task GetUserAgent()
+    {
+        var result = await navigator.GetUserAgent();
+        userAgent = result.ToString();
+    }
+}";
+    private string canShareExampleCode =
+@"@inject Bit.Butil.Navigator navigator
+
+<BitButton OnClick=""@GetCanShare"">GetCanShare</BitButton>
+
+<div>Can share: @canShare</div>
+
+@code {
+    private string? canShare;
+
+    private async Task CanShare()
+    {
+        var result = await navigator.CanShare();
+        canShare = result.ToString();
+    }
+}";
+    private string clearAppBadgeExampleCode =
+@"@inject Bit.Butil.Navigator navigator
+
+<BitButton OnClick=""@(() => navigator.ClearAppBadge())"">ClearAppBadge</BitButton>";
+    private string sendBeaconExampleCode =
+@"@inject Bit.Butil.Navigator navigator
+
+<BitButton OnClick=""@(() => navigator.SendBeacon())"">SendBeacon</BitButton>";
+    private string setAppBadgeExampleCode =
+@"@inject Bit.Butil.Navigator navigator
+
+<BitButton OnClick=""@(() => navigator.SetAppBadge())"">SetAppBadge</BitButton>";
+    private string shareExampleCode =
+@"@inject Bit.Butil.Navigator navigator
+
+<BitTextField @bind-Value=""textValue"" Label=""Text"" />
+
+<BitTextField @bind-Value=""titleValue"" Label=""Title"" />
+
+<BitTextField @bind-Value=""urlValue"" Label=""Url"" />
+
+<BitButton OnClick=""Share"">Share</BitButton>
+
+@code {
+    private string? textValue;
+    private string? titleValue;
+    private string? urlValue;
+
+    private async Task Share()
+    {
+        var shareData = new ShareData()
+        {
+            Text = textValue,
+            title = titleValue,
+            url = urlValue
+        };
+
+        await navigator.Share(shareData);
+    }
+}";
+    private string vibrateExampleCode =
+@"@inject Bit.Butil.Navigator navigator
+
+<BitButton OnClick=""@(() => navigator.Vibrate(sosPattern))"">Vibrate</BitButton>
+
+@code {
+    private int[] sosPattern = [100, 30, 100, 30, 100, 30, 200, 30, 200, 30, 200, 30, 100, 30, 100, 30, 100];
+}";
+}
\ No newline at end of file

From 20cf86d1ca5b01597797c595e7f6a2d489033940 Mon Sep 17 00:00:00 2001
From: Saleh Yusefnejad <msynk@outlook.com>
Date: Wed, 17 Jan 2024 13:16:04 +0330
Subject: [PATCH 33/39] feat(bswup): add errorTolerance option to Bswup #6597
 (#6603)

---
 .../Bit.Bswup.Demo/wwwroot/service-worker.js  |  7 ++++
 .../wwwroot/service-worker.published.js       |  7 ++++
 .../wwwroot/service-worker.js                 |  2 +-
 src/Bswup/Bit.Bswup/Scripts/bit-bswup.sw.ts   | 37 +++++++++++++------
 src/Bswup/README.md                           |  1 +
 5 files changed, 41 insertions(+), 13 deletions(-)

diff --git a/src/Bswup/Bit.Bswup.Demo/wwwroot/service-worker.js b/src/Bswup/Bit.Bswup.Demo/wwwroot/service-worker.js
index 9688430a63..03182f2aca 100644
--- a/src/Bswup/Bit.Bswup.Demo/wwwroot/service-worker.js
+++ b/src/Bswup/Bit.Bswup.Demo/wwwroot/service-worker.js
@@ -4,4 +4,11 @@ self.assetsExclude = [/\.scp\.css$/, /weather\.json$/];
 self.caseInsensitiveUrl = true;
 self.precachedAssetsInclude = [/favicon\.ico$/, /icon-512\.png$/, /bit-bw-64\.png$/];
 
+self.externalAssets = [
+    {
+        "url": "not-found/script.file.js"
+    }
+];
+self.errorTolerance = 'lax';
+
 self.importScripts('_content/Bit.Bswup/bit-bswup.sw.js');
diff --git a/src/Bswup/Bit.Bswup.Demo/wwwroot/service-worker.published.js b/src/Bswup/Bit.Bswup.Demo/wwwroot/service-worker.published.js
index 4b970a4d99..4728123e84 100644
--- a/src/Bswup/Bit.Bswup.Demo/wwwroot/service-worker.published.js
+++ b/src/Bswup/Bit.Bswup.Demo/wwwroot/service-worker.published.js
@@ -4,6 +4,13 @@ self.assetsExclude = [/\.scp\.css$/, /weather\.json$/];
 self.caseInsensitiveUrl = true;
 self.precachedAssetsInclude = [/favicon\.ico$/, /icon-512\.png$/, /bit-bw-64\.png$/];
 
+//self.externalAssets = [
+//    {
+//        "url": "not-found/script.file.js"
+//    }
+//];
+//self.errorTolerance = 'lax';
+
 self.importScripts('_content/Bit.Bswup/bit-bswup.sw.js');
 
 //// Caution! Be sure you understand the caveats before publishing an application with
diff --git a/src/Bswup/Bit.Bswup.NewDemo/Bit.Bswup.NewDemo.Client/wwwroot/service-worker.js b/src/Bswup/Bit.Bswup.NewDemo/Bit.Bswup.NewDemo.Client/wwwroot/service-worker.js
index fc7bd1b5c3..c2a8834ef5 100644
--- a/src/Bswup/Bit.Bswup.NewDemo/Bit.Bswup.NewDemo.Client/wwwroot/service-worker.js
+++ b/src/Bswup/Bit.Bswup.NewDemo/Bit.Bswup.NewDemo.Client/wwwroot/service-worker.js
@@ -24,7 +24,7 @@ self.externalAssets = [
         "url": "app.css"
     },
     {
-        "url": "_framework\/blazor.web.js"
+        "url": "_framework/blazor.web.js"
     },
     {
         "url": "Bit.Bswup.NewDemo.styles.css"
diff --git a/src/Bswup/Bit.Bswup/Scripts/bit-bswup.sw.ts b/src/Bswup/Bit.Bswup/Scripts/bit-bswup.sw.ts
index 5f9742c1a9..efa5d5afd6 100644
--- a/src/Bswup/Bit.Bswup/Scripts/bit-bswup.sw.ts
+++ b/src/Bswup/Bit.Bswup/Scripts/bit-bswup.sw.ts
@@ -21,6 +21,7 @@ interface Window {
     isPassive: any
     disablePassiveFirstBoot: any
     enableIntegrityCheck: any
+    errorTolerance: any
     enableDiagnostics: any
     enableFetchDiagnostics: any
 }
@@ -297,27 +298,39 @@ async function createAssetsCache(ignoreProgressReport = false) {
         try {
             const responsePromise = fetch(request);
             return responsePromise.then(async response => {
-                if (!response.ok) {
-                    diag('*** addCache - !response.ok:', request);
+                try {
+                    if (!response.ok) {
+                        diag('*** addCache - !response.ok:', request);
+                        doReport(true);
+                        return Promise.reject(response);
+                    }
 
-                    return Promise.reject(response.statusText);
-                }
+                    const cacheUrl = createCacheUrl(asset);
+                    await newCache.put(cacheUrl, response.clone());
 
-                const cacheUrl = createCacheUrl(asset);
-                await newCache.put(cacheUrl, response.clone());
+                    doReport();
 
-                if (report) {
-                    const percent = (++current) / total * 100;
-                    sendMessage({ type: 'progress', data: { asset, percent, index: current } });
-                }
+                    return response;
 
-                return response;
+                } catch (err) {
+                    diag('*** addCache - put cache err:', err);
+                    doReport(true);
+                    return Promise.reject(err);
+                }
             });
         } catch (err) {
             diag('*** addCache - catch err:', err);
-
+            doReport(true);
             return Promise.reject(err);
         }
+
+        function doReport(rejected = false) {
+            if (!report) return;
+            if (rejected && self.errorTolerance !== 'lax') return;
+
+            const percent = (++current) / total * 100;
+            sendMessage({ type: 'progress', data: { asset, percent, index: current } });
+        }
     }
 }
 
diff --git a/src/Bswup/README.md b/src/Bswup/README.md
index 8860df4532..ed7afb36a0 100644
--- a/src/Bswup/README.md
+++ b/src/Bswup/README.md
@@ -158,5 +158,6 @@ The other settings are:
 - `isPassive`: Enables the Bswup's passive mode. In this mode, the assets won't be cached in advance but rather upon initial request.
 - `disablePassiveFirstBoot`: Disables downloading the Blazor's boot files in first time of Passive mode.
 - `enableIntegrityCheck`: Enables the default integrity check available in browsers by setting the `integrity` attribute of the request object created in the service-worker to fetch the assets.
+- `errorTolerance`: Determines how the Bswup should handle the errors while downloading assets. Possible values are: `strict`, `lax`, `config`.
 - `enableDiagnostics`: Enables diagnostics by pushing service-worker logs to the browser console.
 - `enableFetchDiagnostics`: Enables fetch event diagnostics by pushing service-worker fetch event logs to the browser console.
\ No newline at end of file

From 77e8ebea7814adbb83c80f714757816e763be488 Mon Sep 17 00:00:00 2001
From: Saleh Yusefnejad <msynk@outlook.com>
Date: Wed, 17 Jan 2024 17:04:33 +0330
Subject: [PATCH 34/39] feat(prerelease): v-8.7.2-pre-02 #6604 (#6605)

---
 src/Bit.Build.props                              |  4 ++--
 .../Bit.BlazorUI.Demo.Server.csproj              |  4 ++--
 .../Bit.BlazorUI.Demo.Shared.csproj              |  4 ++--
 .../Bit.BlazorUI.Demo.Client.Core.csproj         |  4 ++--
 .../Bit.BlazorUI.Demo.Client.Maui.csproj         |  4 ++--
 .../Bit.BlazorUI.Demo.Client.Web.csproj          |  6 +++---
 .../wwwroot/service-worker.published.js          |  2 +-
 src/BlazorUI/Demo/Directory.Build.props          |  2 +-
 .../Bit.Bswup.Demo/wwwroot/service-worker.js     |  2 +-
 .../wwwroot/service-worker.published.js          |  2 +-
 .../wwwroot/service-worker.js                    |  2 +-
 .../wwwroot/service-worker.published.js          |  2 +-
 .../Bit.Bswup/Scripts/bit-bswup.progress.ts      |  2 +-
 src/Bswup/Bit.Bswup/Scripts/bit-bswup.sw.ts      |  2 +-
 src/Bswup/Bit.Bswup/Scripts/bit-bswup.ts         |  2 +-
 .../FullDemo/Client/wwwroot/service-worker.js    |  2 +-
 .../Client/wwwroot/service-worker.published.js   |  2 +-
 src/Bup/Bit.Bup/Scripts/bit-bup.progress.ts      |  2 +-
 src/Bup/Bit.Bup/Scripts/bit-bup.ts               |  2 +-
 src/Butil/Bit.Butil/Scripts/butil.ts             |  2 +-
 .../BlazorEmpty.Client/BlazorEmpty.Client.csproj |  8 ++++----
 .../BlazorEmpty/BlazorEmpty.csproj               |  8 ++++----
 .../Boilerplate.Server/Boilerplate.Server.csproj |  4 ++--
 .../Boilerplate.Shared/Boilerplate.Shared.csproj |  4 ++--
 .../Boilerplate.Client.Core.csproj               | 16 ++++++++--------
 .../Boilerplate.Client.Maui.csproj               |  4 ++--
 .../Boilerplate.Client.Web.csproj                |  6 +++---
 .../wwwroot/service-worker.published.js          |  2 +-
 .../Boilerplate.Client.Windows.csproj            |  4 ++--
 .../Bit.Boilerplate/src/Directory.Build.props    |  2 +-
 .../Bit.Websites.Careers.Client.csproj           | 10 +++++-----
 .../Bit.Websites.Careers.Server.csproj           |  4 ++--
 .../Bit.Websites.Careers.Shared.csproj           |  4 ++--
 src/Websites/Careers/src/Directory.Build.props   |  2 +-
 .../Bit.Websites.Platform.Client.csproj          | 12 ++++++------
 .../Bit.Websites.Platform.Server.csproj          |  4 ++--
 .../Bit.Websites.Platform.Shared.csproj          |  4 ++--
 src/Websites/Platform/src/Directory.Build.props  |  2 +-
 .../Bit.Websites.Sales.Client.csproj             | 10 +++++-----
 .../Bit.Websites.Sales.Server.csproj             |  4 ++--
 .../Bit.Websites.Sales.Shared.csproj             |  4 ++--
 src/Websites/Sales/src/Directory.Build.props     |  2 +-
 42 files changed, 87 insertions(+), 87 deletions(-)

diff --git a/src/Bit.Build.props b/src/Bit.Build.props
index 2331d3280a..f59ae4cff9 100644
--- a/src/Bit.Build.props
+++ b/src/Bit.Build.props
@@ -27,8 +27,8 @@
 
 		<ReleaseVersion>8.7.2</ReleaseVersion>
 
-		<PackageReleaseNotes>https://github.com/bitfoundation/bitplatform/releases/tag/v-$(ReleaseVersion)-pre-01</PackageReleaseNotes>
-		<PackageVersion>$(ReleaseVersion)-pre-01</PackageVersion>
+		<PackageReleaseNotes>https://github.com/bitfoundation/bitplatform/releases/tag/v-$(ReleaseVersion)-pre-02</PackageReleaseNotes>
+		<PackageVersion>$(ReleaseVersion)-pre-02</PackageVersion>
 
 		<!-- Version -->
 		<Version Condition=" '$(Configuration)' == 'Release' ">$(ReleaseVersion).$([System.DateTime]::Now.ToString(HHmm))</Version>
diff --git a/src/BlazorUI/Demo/Bit.BlazorUI.Demo.Server/Bit.BlazorUI.Demo.Server.csproj b/src/BlazorUI/Demo/Bit.BlazorUI.Demo.Server/Bit.BlazorUI.Demo.Server.csproj
index b21d89e627..79c98e3ac5 100644
--- a/src/BlazorUI/Demo/Bit.BlazorUI.Demo.Server/Bit.BlazorUI.Demo.Server.csproj
+++ b/src/BlazorUI/Demo/Bit.BlazorUI.Demo.Server/Bit.BlazorUI.Demo.Server.csproj
@@ -5,11 +5,11 @@
     </PropertyGroup>
 
     <ItemGroup>
-        <PackageReference Include="Bit.CodeAnalyzers" Version="8.7.2-pre-01">
+        <PackageReference Include="Bit.CodeAnalyzers" Version="8.7.2-pre-02">
             <PrivateAssets>all</PrivateAssets>
             <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
         </PackageReference>
-        <PackageReference Include="Bit.SourceGenerators" Version="8.7.2-pre-01">
+        <PackageReference Include="Bit.SourceGenerators" Version="8.7.2-pre-02">
             <PrivateAssets>all</PrivateAssets>
             <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
         </PackageReference>
diff --git a/src/BlazorUI/Demo/Bit.BlazorUI.Demo.Shared/Bit.BlazorUI.Demo.Shared.csproj b/src/BlazorUI/Demo/Bit.BlazorUI.Demo.Shared/Bit.BlazorUI.Demo.Shared.csproj
index d4811f3e7a..e47ef23418 100644
--- a/src/BlazorUI/Demo/Bit.BlazorUI.Demo.Shared/Bit.BlazorUI.Demo.Shared.csproj
+++ b/src/BlazorUI/Demo/Bit.BlazorUI.Demo.Shared/Bit.BlazorUI.Demo.Shared.csproj
@@ -5,11 +5,11 @@
     </PropertyGroup>
 
     <ItemGroup>
-        <PackageReference Include="Bit.CodeAnalyzers" Version="8.7.2-pre-01">
+        <PackageReference Include="Bit.CodeAnalyzers" Version="8.7.2-pre-02">
             <PrivateAssets>all</PrivateAssets>
             <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
         </PackageReference>
-        <PackageReference Include="Bit.SourceGenerators" Version="8.7.2-pre-01">
+        <PackageReference Include="Bit.SourceGenerators" Version="8.7.2-pre-02">
             <PrivateAssets>all</PrivateAssets>
             <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
         </PackageReference>
diff --git a/src/BlazorUI/Demo/Client/Bit.BlazorUI.Demo.Client.Core/Bit.BlazorUI.Demo.Client.Core.csproj b/src/BlazorUI/Demo/Client/Bit.BlazorUI.Demo.Client.Core/Bit.BlazorUI.Demo.Client.Core.csproj
index 49e7b9b733..0d6f3b6a06 100644
--- a/src/BlazorUI/Demo/Client/Bit.BlazorUI.Demo.Client.Core/Bit.BlazorUI.Demo.Client.Core.csproj
+++ b/src/BlazorUI/Demo/Client/Bit.BlazorUI.Demo.Client.Core/Bit.BlazorUI.Demo.Client.Core.csproj
@@ -16,11 +16,11 @@
         <Content Remove="appsettings.json" />
         <EmbeddedResource Include="appsettings.json" />
 
-        <PackageReference Include="Bit.CodeAnalyzers" Version="8.7.2-pre-01">
+        <PackageReference Include="Bit.CodeAnalyzers" Version="8.7.2-pre-02">
             <PrivateAssets>all</PrivateAssets>
             <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
         </PackageReference>
-        <PackageReference Include="Bit.SourceGenerators" Version="8.7.2-pre-01">
+        <PackageReference Include="Bit.SourceGenerators" Version="8.7.2-pre-02">
             <PrivateAssets>all</PrivateAssets>
             <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
         </PackageReference>
diff --git a/src/BlazorUI/Demo/Client/Bit.BlazorUI.Demo.Client.Maui/Bit.BlazorUI.Demo.Client.Maui.csproj b/src/BlazorUI/Demo/Client/Bit.BlazorUI.Demo.Client.Maui/Bit.BlazorUI.Demo.Client.Maui.csproj
index dc91a5dd2d..cd447aee4d 100644
--- a/src/BlazorUI/Demo/Client/Bit.BlazorUI.Demo.Client.Maui/Bit.BlazorUI.Demo.Client.Maui.csproj
+++ b/src/BlazorUI/Demo/Client/Bit.BlazorUI.Demo.Client.Maui/Bit.BlazorUI.Demo.Client.Maui.csproj
@@ -81,12 +81,12 @@
     </ItemGroup>
 
     <ItemGroup>
-        <PackageReference Include="Bit.CodeAnalyzers" Version="8.7.2-pre-01">
+        <PackageReference Include="Bit.CodeAnalyzers" Version="8.7.2-pre-02">
             <PrivateAssets>all</PrivateAssets>
             <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
         </PackageReference>
         <PackageReference Include="Microsoft.AppCenter.Crashes" Version="5.0.3" />
-        <PackageReference Include="Bit.SourceGenerators" Version="8.7.2-pre-01">
+        <PackageReference Include="Bit.SourceGenerators" Version="8.7.2-pre-02">
             <PrivateAssets>all</PrivateAssets>
             <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
         </PackageReference>
diff --git a/src/BlazorUI/Demo/Client/Bit.BlazorUI.Demo.Client.Web/Bit.BlazorUI.Demo.Client.Web.csproj b/src/BlazorUI/Demo/Client/Bit.BlazorUI.Demo.Client.Web/Bit.BlazorUI.Demo.Client.Web.csproj
index fb6ba0167c..b565b9e684 100644
--- a/src/BlazorUI/Demo/Client/Bit.BlazorUI.Demo.Client.Web/Bit.BlazorUI.Demo.Client.Web.csproj
+++ b/src/BlazorUI/Demo/Client/Bit.BlazorUI.Demo.Client.Web/Bit.BlazorUI.Demo.Client.Web.csproj
@@ -26,12 +26,12 @@
     </ItemGroup>
 
     <ItemGroup>
-        <PackageReference Include="Bit.Bswup" Version="8.7.2-pre-01" />
-        <PackageReference Include="Bit.CodeAnalyzers" Version="8.7.2-pre-01">
+        <PackageReference Include="Bit.Bswup" Version="8.7.2-pre-02" />
+        <PackageReference Include="Bit.CodeAnalyzers" Version="8.7.2-pre-02">
             <PrivateAssets>all</PrivateAssets>
             <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
         </PackageReference>
-        <PackageReference Include="Bit.SourceGenerators" Version="8.7.2-pre-01">
+        <PackageReference Include="Bit.SourceGenerators" Version="8.7.2-pre-02">
             <PrivateAssets>all</PrivateAssets>
             <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
         </PackageReference>
diff --git a/src/BlazorUI/Demo/Client/Bit.BlazorUI.Demo.Client.Web/wwwroot/service-worker.published.js b/src/BlazorUI/Demo/Client/Bit.BlazorUI.Demo.Client.Web/wwwroot/service-worker.published.js
index 3f06fdedf3..e7cb52b05e 100644
--- a/src/BlazorUI/Demo/Client/Bit.BlazorUI.Demo.Client.Web/wwwroot/service-worker.published.js
+++ b/src/BlazorUI/Demo/Client/Bit.BlazorUI.Demo.Client.Web/wwwroot/service-worker.published.js
@@ -1,4 +1,4 @@
-// bit version: 8.7.2-pre-01
+// bit version: 8.7.2-pre-02
 // https://github.com/bitfoundation/bitplatform/tree/develop/src/Bswup
 
 self.assetsInclude = [];
diff --git a/src/BlazorUI/Demo/Directory.Build.props b/src/BlazorUI/Demo/Directory.Build.props
index eda5a0ed53..a0abb1f272 100644
--- a/src/BlazorUI/Demo/Directory.Build.props
+++ b/src/BlazorUI/Demo/Directory.Build.props
@@ -1,4 +1,4 @@
-<!-- Generated by bit-bp template v-8.7.2-pre-01 -->
+<!-- Generated by bit-bp template v-8.7.2-pre-02 -->
 <Project>
     <PropertyGroup>
         <LangVersion>12.0</LangVersion>
diff --git a/src/Bswup/Bit.Bswup.Demo/wwwroot/service-worker.js b/src/Bswup/Bit.Bswup.Demo/wwwroot/service-worker.js
index 03182f2aca..76db4272d6 100644
--- a/src/Bswup/Bit.Bswup.Demo/wwwroot/service-worker.js
+++ b/src/Bswup/Bit.Bswup.Demo/wwwroot/service-worker.js
@@ -1,4 +1,4 @@
-// bit version: 8.7.2-pre-01
+// bit version: 8.7.2-pre-02
 
 self.assetsExclude = [/\.scp\.css$/, /weather\.json$/];
 self.caseInsensitiveUrl = true;
diff --git a/src/Bswup/Bit.Bswup.Demo/wwwroot/service-worker.published.js b/src/Bswup/Bit.Bswup.Demo/wwwroot/service-worker.published.js
index 4728123e84..6c07ecd2f6 100644
--- a/src/Bswup/Bit.Bswup.Demo/wwwroot/service-worker.published.js
+++ b/src/Bswup/Bit.Bswup.Demo/wwwroot/service-worker.published.js
@@ -1,4 +1,4 @@
-// bit version: 8.7.2-pre-01
+// bit version: 8.7.2-pre-02
 
 self.assetsExclude = [/\.scp\.css$/, /weather\.json$/];
 self.caseInsensitiveUrl = true;
diff --git a/src/Bswup/Bit.Bswup.NewDemo/Bit.Bswup.NewDemo.Client/wwwroot/service-worker.js b/src/Bswup/Bit.Bswup.NewDemo/Bit.Bswup.NewDemo.Client/wwwroot/service-worker.js
index c2a8834ef5..d3c3cf77cf 100644
--- a/src/Bswup/Bit.Bswup.NewDemo/Bit.Bswup.NewDemo.Client/wwwroot/service-worker.js
+++ b/src/Bswup/Bit.Bswup.NewDemo/Bit.Bswup.NewDemo.Client/wwwroot/service-worker.js
@@ -1,4 +1,4 @@
-// bit version: 8.7.2-pre-01
+// bit version: 8.7.2-pre-02
 
 // In development, always fetch from the network and do not enable offline support.
 // This is because caching would make development more difficult (changes would not
diff --git a/src/Bswup/Bit.Bswup.NewDemo/Bit.Bswup.NewDemo.Client/wwwroot/service-worker.published.js b/src/Bswup/Bit.Bswup.NewDemo/Bit.Bswup.NewDemo.Client/wwwroot/service-worker.published.js
index fb30082798..64b88fc742 100644
--- a/src/Bswup/Bit.Bswup.NewDemo/Bit.Bswup.NewDemo.Client/wwwroot/service-worker.published.js
+++ b/src/Bswup/Bit.Bswup.NewDemo/Bit.Bswup.NewDemo.Client/wwwroot/service-worker.published.js
@@ -1,4 +1,4 @@
-// bit version: 8.7.2-pre-01
+// bit version: 8.7.2-pre-02
 
 self.assetsInclude = [];
 self.assetsExclude = [
diff --git a/src/Bswup/Bit.Bswup/Scripts/bit-bswup.progress.ts b/src/Bswup/Bit.Bswup/Scripts/bit-bswup.progress.ts
index 1f46fcef2e..89504f27bc 100644
--- a/src/Bswup/Bit.Bswup/Scripts/bit-bswup.progress.ts
+++ b/src/Bswup/Bit.Bswup/Scripts/bit-bswup.progress.ts
@@ -1,4 +1,4 @@
-window['bit-bswup.progress version'] = '8.7.2-pre-01';
+window['bit-bswup.progress version'] = '8.7.2-pre-02';
 
 ; (function () {
     (window as any).startBswupProgress = (autoReload: boolean,
diff --git a/src/Bswup/Bit.Bswup/Scripts/bit-bswup.sw.ts b/src/Bswup/Bit.Bswup/Scripts/bit-bswup.sw.ts
index efa5d5afd6..84e3d02cfc 100644
--- a/src/Bswup/Bit.Bswup/Scripts/bit-bswup.sw.ts
+++ b/src/Bswup/Bit.Bswup/Scripts/bit-bswup.sw.ts
@@ -1,4 +1,4 @@
-self['bit-bswup.sw version'] = '8.7.2-pre-01';
+self['bit-bswup.sw version'] = '8.7.2-pre-02';
 
 interface Window {
     clients: any
diff --git a/src/Bswup/Bit.Bswup/Scripts/bit-bswup.ts b/src/Bswup/Bit.Bswup/Scripts/bit-bswup.ts
index 8e35d6b4d7..0098baffd1 100644
--- a/src/Bswup/Bit.Bswup/Scripts/bit-bswup.ts
+++ b/src/Bswup/Bit.Bswup/Scripts/bit-bswup.ts
@@ -1,4 +1,4 @@
-window['bit-bswup version'] = '8.7.2-pre-01';
+window['bit-bswup version'] = '8.7.2-pre-02';
 
 declare const Blazor: any;
 
diff --git a/src/Bswup/FullDemo/Client/wwwroot/service-worker.js b/src/Bswup/FullDemo/Client/wwwroot/service-worker.js
index c0bee703fa..48185f4be2 100644
--- a/src/Bswup/FullDemo/Client/wwwroot/service-worker.js
+++ b/src/Bswup/FullDemo/Client/wwwroot/service-worker.js
@@ -1,4 +1,4 @@
-// bit version: 8.7.2-pre-01
+// bit version: 8.7.2-pre-02
 
 // In development, always fetch from the network and do not enable offline support.
 // This is because caching would make development more difficult (changes would not
diff --git a/src/Bswup/FullDemo/Client/wwwroot/service-worker.published.js b/src/Bswup/FullDemo/Client/wwwroot/service-worker.published.js
index 67f65fb6a2..f2538296a2 100644
--- a/src/Bswup/FullDemo/Client/wwwroot/service-worker.published.js
+++ b/src/Bswup/FullDemo/Client/wwwroot/service-worker.published.js
@@ -1,4 +1,4 @@
-// bit version: 8.7.2-pre-01
+// bit version: 8.7.2-pre-02
 
 self.assetsInclude = [];
 self.assetsExclude = [/\.scp\.css$/, /weather\.json$/];
diff --git a/src/Bup/Bit.Bup/Scripts/bit-bup.progress.ts b/src/Bup/Bit.Bup/Scripts/bit-bup.progress.ts
index 15d93c681c..ef4cfce1c1 100644
--- a/src/Bup/Bit.Bup/Scripts/bit-bup.progress.ts
+++ b/src/Bup/Bit.Bup/Scripts/bit-bup.progress.ts
@@ -1,4 +1,4 @@
-window['bit-bup.progress version'] = '8.7.2-pre-01';
+window['bit-bup.progress version'] = '8.7.2-pre-02';
 
 ; (function () {
     (window as any).startBupProgress = (showLogs: boolean, showAssets: boolean, appContainerSelector: string, hideApp: boolean, autoHide: boolean) => {
diff --git a/src/Bup/Bit.Bup/Scripts/bit-bup.ts b/src/Bup/Bit.Bup/Scripts/bit-bup.ts
index b3ffc0bbf8..920fef0943 100644
--- a/src/Bup/Bit.Bup/Scripts/bit-bup.ts
+++ b/src/Bup/Bit.Bup/Scripts/bit-bup.ts
@@ -1,4 +1,4 @@
-window['bit-bup version'] = '8.7.2-pre-01';
+window['bit-bup version'] = '8.7.2-pre-02';
 
 declare const Blazor: any;
 
diff --git a/src/Butil/Bit.Butil/Scripts/butil.ts b/src/Butil/Bit.Butil/Scripts/butil.ts
index 7a3d098bd5..57c985174e 100644
--- a/src/Butil/Bit.Butil/Scripts/butil.ts
+++ b/src/Butil/Bit.Butil/Scripts/butil.ts
@@ -1,2 +1,2 @@
 var BitButil = BitButil || {};
-BitButil.version = window['bit-butil version'] = '8.7.2-pre-01';
\ No newline at end of file
+BitButil.version = window['bit-butil version'] = '8.7.2-pre-02';
\ No newline at end of file
diff --git a/src/Templates/BlazorEmpty/Bit.BlazorEmpty/BlazorEmpty.Client/BlazorEmpty.Client.csproj b/src/Templates/BlazorEmpty/Bit.BlazorEmpty/BlazorEmpty.Client/BlazorEmpty.Client.csproj
index a455ba5233..470ef6e7e9 100644
--- a/src/Templates/BlazorEmpty/Bit.BlazorEmpty/BlazorEmpty.Client/BlazorEmpty.Client.csproj
+++ b/src/Templates/BlazorEmpty/Bit.BlazorEmpty/BlazorEmpty.Client/BlazorEmpty.Client.csproj
@@ -1,4 +1,4 @@
-<!-- Generated by bit-empty template v-8.7.2-pre-01 -->
+<!-- Generated by bit-empty template v-8.7.2-pre-02 -->
 
 <Project Sdk="Microsoft.NET.Sdk.BlazorWebAssembly">
 
@@ -15,14 +15,14 @@
   </ItemGroup>
 
   <ItemGroup>
-    <PackageReference Include="Bit.BlazorUI" Version="8.7.2-pre-01" />
+    <PackageReference Include="Bit.BlazorUI" Version="8.7.2-pre-02" />
 
-    <PackageReference Include="Bit.CodeAnalyzers" Version="8.7.2-pre-01">
+    <PackageReference Include="Bit.CodeAnalyzers" Version="8.7.2-pre-02">
         <PrivateAssets>all</PrivateAssets>
         <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
     </PackageReference>
 
-    <PackageReference Include="Bit.SourceGenerators" Version="8.7.2-pre-01">
+    <PackageReference Include="Bit.SourceGenerators" Version="8.7.2-pre-02">
         <PrivateAssets>all</PrivateAssets>
         <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
     </PackageReference>
diff --git a/src/Templates/BlazorEmpty/Bit.BlazorEmpty/BlazorEmpty/BlazorEmpty.csproj b/src/Templates/BlazorEmpty/Bit.BlazorEmpty/BlazorEmpty/BlazorEmpty.csproj
index a416b136ff..e46e23af2d 100644
--- a/src/Templates/BlazorEmpty/Bit.BlazorEmpty/BlazorEmpty/BlazorEmpty.csproj
+++ b/src/Templates/BlazorEmpty/Bit.BlazorEmpty/BlazorEmpty/BlazorEmpty.csproj
@@ -1,4 +1,4 @@
-<!-- Generated by bit-empty template v-8.7.2-pre-01 -->
+<!-- Generated by bit-empty template v-8.7.2-pre-02 -->
 
 <Project Sdk="Microsoft.NET.Sdk.Web">
 
@@ -18,14 +18,14 @@
   <!--#endif -->
 
   <ItemGroup>
-    <PackageReference Include="Bit.BlazorUI" Version="8.7.2-pre-01" />
+    <PackageReference Include="Bit.BlazorUI" Version="8.7.2-pre-02" />
 
-    <PackageReference Include="Bit.CodeAnalyzers" Version="8.7.2-pre-01">
+    <PackageReference Include="Bit.CodeAnalyzers" Version="8.7.2-pre-02">
         <PrivateAssets>all</PrivateAssets>
         <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
     </PackageReference>
 
-    <PackageReference Include="Bit.SourceGenerators" Version="8.7.2-pre-01">
+    <PackageReference Include="Bit.SourceGenerators" Version="8.7.2-pre-02">
         <PrivateAssets>all</PrivateAssets>
         <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
     </PackageReference>
diff --git a/src/Templates/Boilerplate/Bit.Boilerplate/src/Boilerplate.Server/Boilerplate.Server.csproj b/src/Templates/Boilerplate/Bit.Boilerplate/src/Boilerplate.Server/Boilerplate.Server.csproj
index 2281217ab9..b3ce400ef4 100644
--- a/src/Templates/Boilerplate/Bit.Boilerplate/src/Boilerplate.Server/Boilerplate.Server.csproj
+++ b/src/Templates/Boilerplate/Bit.Boilerplate/src/Boilerplate.Server/Boilerplate.Server.csproj
@@ -6,11 +6,11 @@
 
     <ItemGroup>
         <PackageReference Include="Magick.NET-Q16-AnyCPU" Version="13.5.0" />
-        <PackageReference Include="Bit.CodeAnalyzers" Version="8.7.2-pre-01">
+        <PackageReference Include="Bit.CodeAnalyzers" Version="8.7.2-pre-02">
             <PrivateAssets>all</PrivateAssets>
             <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
         </PackageReference>
-        <PackageReference Include="Bit.SourceGenerators" Version="8.7.2-pre-01">
+        <PackageReference Include="Bit.SourceGenerators" Version="8.7.2-pre-02">
             <PrivateAssets>all</PrivateAssets>
             <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
         </PackageReference>
diff --git a/src/Templates/Boilerplate/Bit.Boilerplate/src/Boilerplate.Shared/Boilerplate.Shared.csproj b/src/Templates/Boilerplate/Bit.Boilerplate/src/Boilerplate.Shared/Boilerplate.Shared.csproj
index 9be4269ee8..c11b622249 100644
--- a/src/Templates/Boilerplate/Bit.Boilerplate/src/Boilerplate.Shared/Boilerplate.Shared.csproj
+++ b/src/Templates/Boilerplate/Bit.Boilerplate/src/Boilerplate.Shared/Boilerplate.Shared.csproj
@@ -5,11 +5,11 @@
     </PropertyGroup>
 
     <ItemGroup>
-        <PackageReference Include="Bit.CodeAnalyzers" Version="8.7.2-pre-01">
+        <PackageReference Include="Bit.CodeAnalyzers" Version="8.7.2-pre-02">
             <PrivateAssets>all</PrivateAssets>
             <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
         </PackageReference>
-        <PackageReference Include="Bit.SourceGenerators" Version="8.7.2-pre-01">
+        <PackageReference Include="Bit.SourceGenerators" Version="8.7.2-pre-02">
             <PrivateAssets>all</PrivateAssets>
             <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
         </PackageReference>
diff --git a/src/Templates/Boilerplate/Bit.Boilerplate/src/Client/Boilerplate.Client.Core/Boilerplate.Client.Core.csproj b/src/Templates/Boilerplate/Bit.Boilerplate/src/Client/Boilerplate.Client.Core/Boilerplate.Client.Core.csproj
index 3ec05273a1..0cdd6c14f0 100644
--- a/src/Templates/Boilerplate/Bit.Boilerplate/src/Client/Boilerplate.Client.Core/Boilerplate.Client.Core.csproj
+++ b/src/Templates/Boilerplate/Bit.Boilerplate/src/Client/Boilerplate.Client.Core/Boilerplate.Client.Core.csproj
@@ -16,19 +16,19 @@
         <Content Remove="appsettings*.json" />
         <EmbeddedResource Include="appsettings*.json" />
 
-        <PackageReference Include="Bit.Butil" Version="8.7.2-pre-01" />
-        <PackageReference Include="Bit.BlazorUI" Version="8.7.2-pre-01" />
-        <PackageReference Include="Bit.BlazorUI.Icons" Version="8.7.2-pre-01" />
-        <PackageReference Include="Bit.BlazorUI.Assets" Version="8.7.2-pre-01" />
+        <PackageReference Include="Bit.Butil" Version="8.7.2-pre-02" />
+        <PackageReference Include="Bit.BlazorUI" Version="8.7.2-pre-02" />
+        <PackageReference Include="Bit.BlazorUI.Icons" Version="8.7.2-pre-02" />
+        <PackageReference Include="Bit.BlazorUI.Assets" Version="8.7.2-pre-02" />
         <!--/+:msbuild-conditional:noEmit -->
-        <PackageReference Condition=" '$(offlineDb)' == 'true' or '$(offlineDb)' == ''" Include="Bit.Besql" Version="8.7.2-pre-01" />
-        <PackageReference Condition=" '$(sample)' == 'Admin' or '$(sample)' == ''" Include="Bit.BlazorUI.Extras" Version="8.7.2-pre-01" />
+        <PackageReference Condition=" '$(offlineDb)' == 'true' or '$(offlineDb)' == ''" Include="Bit.Besql" Version="8.7.2-pre-02" />
+        <PackageReference Condition=" '$(sample)' == 'Admin' or '$(sample)' == ''" Include="Bit.BlazorUI.Extras" Version="8.7.2-pre-02" />
         <!--/-:msbuild-conditional:noEmit -->
-        <PackageReference Include="Bit.CodeAnalyzers" Version="8.7.2-pre-01">
+        <PackageReference Include="Bit.CodeAnalyzers" Version="8.7.2-pre-02">
             <PrivateAssets>all</PrivateAssets>
             <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
         </PackageReference>
-        <PackageReference Include="Bit.SourceGenerators" Version="8.7.2-pre-01">
+        <PackageReference Include="Bit.SourceGenerators" Version="8.7.2-pre-02">
             <PrivateAssets>all</PrivateAssets>
             <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
         </PackageReference>
diff --git a/src/Templates/Boilerplate/Bit.Boilerplate/src/Client/Boilerplate.Client.Maui/Boilerplate.Client.Maui.csproj b/src/Templates/Boilerplate/Bit.Boilerplate/src/Client/Boilerplate.Client.Maui/Boilerplate.Client.Maui.csproj
index 33325a7725..e98109877f 100644
--- a/src/Templates/Boilerplate/Bit.Boilerplate/src/Client/Boilerplate.Client.Maui/Boilerplate.Client.Maui.csproj
+++ b/src/Templates/Boilerplate/Bit.Boilerplate/src/Client/Boilerplate.Client.Maui/Boilerplate.Client.Maui.csproj
@@ -84,11 +84,11 @@
     </ItemGroup>
 
     <ItemGroup>
-        <PackageReference Include="Bit.CodeAnalyzers" Version="8.7.2-pre-01">
+        <PackageReference Include="Bit.CodeAnalyzers" Version="8.7.2-pre-02">
             <PrivateAssets>all</PrivateAssets>
             <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
         </PackageReference>
-        <PackageReference Include="Bit.SourceGenerators" Version="8.7.2-pre-01">
+        <PackageReference Include="Bit.SourceGenerators" Version="8.7.2-pre-02">
             <PrivateAssets>all</PrivateAssets>
             <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
         </PackageReference>
diff --git a/src/Templates/Boilerplate/Bit.Boilerplate/src/Client/Boilerplate.Client.Web/Boilerplate.Client.Web.csproj b/src/Templates/Boilerplate/Bit.Boilerplate/src/Client/Boilerplate.Client.Web/Boilerplate.Client.Web.csproj
index 0e8df5e5ce..18c2061d8d 100644
--- a/src/Templates/Boilerplate/Bit.Boilerplate/src/Client/Boilerplate.Client.Web/Boilerplate.Client.Web.csproj
+++ b/src/Templates/Boilerplate/Bit.Boilerplate/src/Client/Boilerplate.Client.Web/Boilerplate.Client.Web.csproj
@@ -24,12 +24,12 @@
     </ItemGroup>
 
     <ItemGroup>
-        <PackageReference Include="Bit.Bswup" Version="8.7.2-pre-01" />
-        <PackageReference Include="Bit.CodeAnalyzers" Version="8.7.2-pre-01">
+        <PackageReference Include="Bit.Bswup" Version="8.7.2-pre-02" />
+        <PackageReference Include="Bit.CodeAnalyzers" Version="8.7.2-pre-02">
             <PrivateAssets>all</PrivateAssets>
             <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
         </PackageReference>
-        <PackageReference Include="Bit.SourceGenerators" Version="8.7.2-pre-01">
+        <PackageReference Include="Bit.SourceGenerators" Version="8.7.2-pre-02">
             <PrivateAssets>all</PrivateAssets>
             <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
         </PackageReference>
diff --git a/src/Templates/Boilerplate/Bit.Boilerplate/src/Client/Boilerplate.Client.Web/wwwroot/service-worker.published.js b/src/Templates/Boilerplate/Bit.Boilerplate/src/Client/Boilerplate.Client.Web/wwwroot/service-worker.published.js
index 13ec76c385..0adc03da25 100644
--- a/src/Templates/Boilerplate/Bit.Boilerplate/src/Client/Boilerplate.Client.Web/wwwroot/service-worker.published.js
+++ b/src/Templates/Boilerplate/Bit.Boilerplate/src/Client/Boilerplate.Client.Web/wwwroot/service-worker.published.js
@@ -1,4 +1,4 @@
-// bit version: 8.7.2-pre-01
+// bit version: 8.7.2-pre-02
 // https://github.com/bitfoundation/bitplatform/tree/develop/src/Bswup
 
 self.assetsInclude = [];
diff --git a/src/Templates/Boilerplate/Bit.Boilerplate/src/Client/Boilerplate.Client.Windows/Boilerplate.Client.Windows.csproj b/src/Templates/Boilerplate/Bit.Boilerplate/src/Client/Boilerplate.Client.Windows/Boilerplate.Client.Windows.csproj
index c7082652ef..f3661b3c12 100644
--- a/src/Templates/Boilerplate/Bit.Boilerplate/src/Client/Boilerplate.Client.Windows/Boilerplate.Client.Windows.csproj
+++ b/src/Templates/Boilerplate/Bit.Boilerplate/src/Client/Boilerplate.Client.Windows/Boilerplate.Client.Windows.csproj
@@ -15,11 +15,11 @@
         <Using Include="Boilerplate.Client.Core.Services.Contracts" />
         <Using Include="Boilerplate.Client.Core.Services" />
         
-        <PackageReference Include="Bit.CodeAnalyzers" Version="8.7.2-pre-01">
+        <PackageReference Include="Bit.CodeAnalyzers" Version="8.7.2-pre-02">
             <PrivateAssets>all</PrivateAssets>
             <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
         </PackageReference>
-        <PackageReference Include="Bit.SourceGenerators" Version="8.7.2-pre-01">
+        <PackageReference Include="Bit.SourceGenerators" Version="8.7.2-pre-02">
             <PrivateAssets>all</PrivateAssets>
             <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
         </PackageReference>
diff --git a/src/Templates/Boilerplate/Bit.Boilerplate/src/Directory.Build.props b/src/Templates/Boilerplate/Bit.Boilerplate/src/Directory.Build.props
index e10a70dee3..4abc97ae7f 100644
--- a/src/Templates/Boilerplate/Bit.Boilerplate/src/Directory.Build.props
+++ b/src/Templates/Boilerplate/Bit.Boilerplate/src/Directory.Build.props
@@ -1,4 +1,4 @@
-<!-- Generated by bit-bp template v-8.7.2-pre-01 -->
+<!-- Generated by bit-bp template v-8.7.2-pre-02 -->
 <Project>
     <!--/-:msbuild-conditional:noEmit -->
     <PropertyGroup>
diff --git a/src/Websites/Careers/src/Bit.Websites.Careers.Client/Bit.Websites.Careers.Client.csproj b/src/Websites/Careers/src/Bit.Websites.Careers.Client/Bit.Websites.Careers.Client.csproj
index 2f4324abf5..72cee4145c 100644
--- a/src/Websites/Careers/src/Bit.Websites.Careers.Client/Bit.Websites.Careers.Client.csproj
+++ b/src/Websites/Careers/src/Bit.Websites.Careers.Client/Bit.Websites.Careers.Client.csproj
@@ -24,14 +24,14 @@
         <Content Remove="appsettings.json" />
         <EmbeddedResource Include="appsettings.json" />
 
-        <PackageReference Include="Bit.BlazorUI" Version="8.7.2-pre-01" />
-        <PackageReference Include="Bit.BlazorUI.Icons" Version="8.7.2-pre-01" />
-        <PackageReference Include="Bit.BlazorUI.Assets" Version="8.7.2-pre-01" />
-        <PackageReference Include="Bit.CodeAnalyzers" Version="8.7.2-pre-01">
+        <PackageReference Include="Bit.BlazorUI" Version="8.7.2-pre-02" />
+        <PackageReference Include="Bit.BlazorUI.Icons" Version="8.7.2-pre-02" />
+        <PackageReference Include="Bit.BlazorUI.Assets" Version="8.7.2-pre-02" />
+        <PackageReference Include="Bit.CodeAnalyzers" Version="8.7.2-pre-02">
             <PrivateAssets>all</PrivateAssets>
             <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
         </PackageReference>
-        <PackageReference Include="Bit.SourceGenerators" Version="8.7.2-pre-01">
+        <PackageReference Include="Bit.SourceGenerators" Version="8.7.2-pre-02">
             <PrivateAssets>all</PrivateAssets>
             <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
         </PackageReference>
diff --git a/src/Websites/Careers/src/Bit.Websites.Careers.Server/Bit.Websites.Careers.Server.csproj b/src/Websites/Careers/src/Bit.Websites.Careers.Server/Bit.Websites.Careers.Server.csproj
index 5a6236f7c6..7a27c328d6 100644
--- a/src/Websites/Careers/src/Bit.Websites.Careers.Server/Bit.Websites.Careers.Server.csproj
+++ b/src/Websites/Careers/src/Bit.Websites.Careers.Server/Bit.Websites.Careers.Server.csproj
@@ -9,11 +9,11 @@
         <ProjectReference Include="..\Bit.Websites.Careers.Client\Bit.Websites.Careers.Client.csproj" />
         <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly.Server" Version="8.0.1" />
         <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly" Version="8.0.1" />
-        <PackageReference Include="Bit.CodeAnalyzers" Version="8.7.2-pre-01">
+        <PackageReference Include="Bit.CodeAnalyzers" Version="8.7.2-pre-02">
             <PrivateAssets>all</PrivateAssets>
             <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
         </PackageReference>
-        <PackageReference Include="Bit.SourceGenerators" Version="8.7.2-pre-01">
+        <PackageReference Include="Bit.SourceGenerators" Version="8.7.2-pre-02">
             <PrivateAssets>all</PrivateAssets>
             <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
         </PackageReference>
diff --git a/src/Websites/Careers/src/Bit.Websites.Careers.Shared/Bit.Websites.Careers.Shared.csproj b/src/Websites/Careers/src/Bit.Websites.Careers.Shared/Bit.Websites.Careers.Shared.csproj
index ef96c02b63..e5a0d7a9dc 100644
--- a/src/Websites/Careers/src/Bit.Websites.Careers.Shared/Bit.Websites.Careers.Shared.csproj
+++ b/src/Websites/Careers/src/Bit.Websites.Careers.Shared/Bit.Websites.Careers.Shared.csproj
@@ -6,11 +6,11 @@
     </PropertyGroup>
 
     <ItemGroup>
-        <PackageReference Include="Bit.CodeAnalyzers" Version="8.7.2-pre-01">
+        <PackageReference Include="Bit.CodeAnalyzers" Version="8.7.2-pre-02">
             <PrivateAssets>all</PrivateAssets>
             <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
         </PackageReference>
-        <PackageReference Include="Bit.SourceGenerators" Version="8.7.2-pre-01">
+        <PackageReference Include="Bit.SourceGenerators" Version="8.7.2-pre-02">
             <PrivateAssets>all</PrivateAssets>
             <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
         </PackageReference>
diff --git a/src/Websites/Careers/src/Directory.Build.props b/src/Websites/Careers/src/Directory.Build.props
index b6c5f2fe88..16258d387d 100644
--- a/src/Websites/Careers/src/Directory.Build.props
+++ b/src/Websites/Careers/src/Directory.Build.props
@@ -1,4 +1,4 @@
-<!-- Generated by bit-dual template v-8.7.2-pre-01 -->
+<!-- Generated by bit-dual template v-8.7.2-pre-02 -->
 <Project>
     <PropertyGroup>
         <LangVersion>12.0</LangVersion>
diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Bit.Websites.Platform.Client.csproj b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Bit.Websites.Platform.Client.csproj
index 51e0ecc8d1..acea440b61 100644
--- a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Bit.Websites.Platform.Client.csproj
+++ b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Bit.Websites.Platform.Client.csproj
@@ -24,15 +24,15 @@
         <Content Remove="appsettings.json" />
         <EmbeddedResource Include="appsettings.json" />
 
-        <PackageReference Include="Bit.Butil" Version="8.7.2-pre-01" />
-        <PackageReference Include="Bit.BlazorUI" Version="8.7.2-pre-01" />
-        <PackageReference Include="Bit.BlazorUI.Icons" Version="8.7.2-pre-01" />
-        <PackageReference Include="Bit.BlazorUI.Assets" Version="8.7.2-pre-01" />
-        <PackageReference Include="Bit.CodeAnalyzers" Version="8.7.2-pre-01">
+        <PackageReference Include="Bit.Butil" Version="8.7.2-pre-02" />
+        <PackageReference Include="Bit.BlazorUI" Version="8.7.2-pre-02" />
+        <PackageReference Include="Bit.BlazorUI.Icons" Version="8.7.2-pre-02" />
+        <PackageReference Include="Bit.BlazorUI.Assets" Version="8.7.2-pre-02" />
+        <PackageReference Include="Bit.CodeAnalyzers" Version="8.7.2-pre-02">
             <PrivateAssets>all</PrivateAssets>
             <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
         </PackageReference>
-        <PackageReference Include="Bit.SourceGenerators" Version="8.7.2-pre-01">
+        <PackageReference Include="Bit.SourceGenerators" Version="8.7.2-pre-02">
             <PrivateAssets>all</PrivateAssets>
             <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
         </PackageReference>
diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Server/Bit.Websites.Platform.Server.csproj b/src/Websites/Platform/src/Bit.Websites.Platform.Server/Bit.Websites.Platform.Server.csproj
index b4c855131d..a61062f743 100644
--- a/src/Websites/Platform/src/Bit.Websites.Platform.Server/Bit.Websites.Platform.Server.csproj
+++ b/src/Websites/Platform/src/Bit.Websites.Platform.Server/Bit.Websites.Platform.Server.csproj
@@ -9,11 +9,11 @@
         <ProjectReference Include="..\Bit.Websites.Platform.Client\Bit.Websites.Platform.Client.csproj" />
         <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly.Server" Version="8.0.1" />
         <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly" Version="8.0.1" />
-        <PackageReference Include="Bit.CodeAnalyzers" Version="8.7.2-pre-01">
+        <PackageReference Include="Bit.CodeAnalyzers" Version="8.7.2-pre-02">
             <PrivateAssets>all</PrivateAssets>
             <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
         </PackageReference>
-        <PackageReference Include="Bit.SourceGenerators" Version="8.7.2-pre-01">
+        <PackageReference Include="Bit.SourceGenerators" Version="8.7.2-pre-02">
             <PrivateAssets>all</PrivateAssets>
             <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
         </PackageReference>
diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Shared/Bit.Websites.Platform.Shared.csproj b/src/Websites/Platform/src/Bit.Websites.Platform.Shared/Bit.Websites.Platform.Shared.csproj
index ef96c02b63..e5a0d7a9dc 100644
--- a/src/Websites/Platform/src/Bit.Websites.Platform.Shared/Bit.Websites.Platform.Shared.csproj
+++ b/src/Websites/Platform/src/Bit.Websites.Platform.Shared/Bit.Websites.Platform.Shared.csproj
@@ -6,11 +6,11 @@
     </PropertyGroup>
 
     <ItemGroup>
-        <PackageReference Include="Bit.CodeAnalyzers" Version="8.7.2-pre-01">
+        <PackageReference Include="Bit.CodeAnalyzers" Version="8.7.2-pre-02">
             <PrivateAssets>all</PrivateAssets>
             <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
         </PackageReference>
-        <PackageReference Include="Bit.SourceGenerators" Version="8.7.2-pre-01">
+        <PackageReference Include="Bit.SourceGenerators" Version="8.7.2-pre-02">
             <PrivateAssets>all</PrivateAssets>
             <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
         </PackageReference>
diff --git a/src/Websites/Platform/src/Directory.Build.props b/src/Websites/Platform/src/Directory.Build.props
index 4cdcf2bf65..555f506a07 100644
--- a/src/Websites/Platform/src/Directory.Build.props
+++ b/src/Websites/Platform/src/Directory.Build.props
@@ -1,4 +1,4 @@
-<!-- Generated by bit-dual template v-8.7.2-pre-01 -->
+<!-- Generated by bit-dual template v-8.7.2-pre-02 -->
 <Project>
     <PropertyGroup>
         <LangVersion>12.0</LangVersion>
diff --git a/src/Websites/Sales/src/Bit.Websites.Sales.Client/Bit.Websites.Sales.Client.csproj b/src/Websites/Sales/src/Bit.Websites.Sales.Client/Bit.Websites.Sales.Client.csproj
index d5679b92bb..48595ecc32 100644
--- a/src/Websites/Sales/src/Bit.Websites.Sales.Client/Bit.Websites.Sales.Client.csproj
+++ b/src/Websites/Sales/src/Bit.Websites.Sales.Client/Bit.Websites.Sales.Client.csproj
@@ -24,14 +24,14 @@
         <Content Remove="appsettings.json" />
         <EmbeddedResource Include="appsettings.json" />
 
-        <PackageReference Include="Bit.BlazorUI" Version="8.7.2-pre-01" />
-        <PackageReference Include="Bit.BlazorUI.Icons" Version="8.7.2-pre-01" />
-        <PackageReference Include="Bit.BlazorUI.Assets" Version="8.7.2-pre-01" />
-        <PackageReference Include="Bit.CodeAnalyzers" Version="8.7.2-pre-01">
+        <PackageReference Include="Bit.BlazorUI" Version="8.7.2-pre-02" />
+        <PackageReference Include="Bit.BlazorUI.Icons" Version="8.7.2-pre-02" />
+        <PackageReference Include="Bit.BlazorUI.Assets" Version="8.7.2-pre-02" />
+        <PackageReference Include="Bit.CodeAnalyzers" Version="8.7.2-pre-02">
             <PrivateAssets>all</PrivateAssets>
             <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
         </PackageReference>
-        <PackageReference Include="Bit.SourceGenerators" Version="8.7.2-pre-01">
+        <PackageReference Include="Bit.SourceGenerators" Version="8.7.2-pre-02">
             <PrivateAssets>all</PrivateAssets>
             <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
         </PackageReference>
diff --git a/src/Websites/Sales/src/Bit.Websites.Sales.Server/Bit.Websites.Sales.Server.csproj b/src/Websites/Sales/src/Bit.Websites.Sales.Server/Bit.Websites.Sales.Server.csproj
index e03b9b149c..2b428149ab 100644
--- a/src/Websites/Sales/src/Bit.Websites.Sales.Server/Bit.Websites.Sales.Server.csproj
+++ b/src/Websites/Sales/src/Bit.Websites.Sales.Server/Bit.Websites.Sales.Server.csproj
@@ -9,11 +9,11 @@
         <ProjectReference Include="..\Bit.Websites.Sales.Client\Bit.Websites.Sales.Client.csproj" />
         <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly.Server" Version="8.0.1" />
         <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly" Version="8.0.1" />
-        <PackageReference Include="Bit.CodeAnalyzers" Version="8.7.2-pre-01">
+        <PackageReference Include="Bit.CodeAnalyzers" Version="8.7.2-pre-02">
             <PrivateAssets>all</PrivateAssets>
             <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
         </PackageReference>
-        <PackageReference Include="Bit.SourceGenerators" Version="8.7.2-pre-01">
+        <PackageReference Include="Bit.SourceGenerators" Version="8.7.2-pre-02">
             <PrivateAssets>all</PrivateAssets>
             <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
         </PackageReference>
diff --git a/src/Websites/Sales/src/Bit.Websites.Sales.Shared/Bit.Websites.Sales.Shared.csproj b/src/Websites/Sales/src/Bit.Websites.Sales.Shared/Bit.Websites.Sales.Shared.csproj
index ef96c02b63..e5a0d7a9dc 100644
--- a/src/Websites/Sales/src/Bit.Websites.Sales.Shared/Bit.Websites.Sales.Shared.csproj
+++ b/src/Websites/Sales/src/Bit.Websites.Sales.Shared/Bit.Websites.Sales.Shared.csproj
@@ -6,11 +6,11 @@
     </PropertyGroup>
 
     <ItemGroup>
-        <PackageReference Include="Bit.CodeAnalyzers" Version="8.7.2-pre-01">
+        <PackageReference Include="Bit.CodeAnalyzers" Version="8.7.2-pre-02">
             <PrivateAssets>all</PrivateAssets>
             <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
         </PackageReference>
-        <PackageReference Include="Bit.SourceGenerators" Version="8.7.2-pre-01">
+        <PackageReference Include="Bit.SourceGenerators" Version="8.7.2-pre-02">
             <PrivateAssets>all</PrivateAssets>
             <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
         </PackageReference>
diff --git a/src/Websites/Sales/src/Directory.Build.props b/src/Websites/Sales/src/Directory.Build.props
index 0b692dfe15..738f4f610c 100644
--- a/src/Websites/Sales/src/Directory.Build.props
+++ b/src/Websites/Sales/src/Directory.Build.props
@@ -1,4 +1,4 @@
-<!-- Generated by bit-dual template v-8.7.2-pre-01 -->
+<!-- Generated by bit-dual template v-8.7.2-pre-02 -->
 <Project>
     <PropertyGroup>
         <LangVersion>12.0</LangVersion>

From 17bcfd6fbefb683de44da1167301635ff6d68963 Mon Sep 17 00:00:00 2001
From: Mohammad Hossein Rastegarinia <mh.rastegari@outlook.com>
Date: Wed, 17 Jan 2024 18:34:07 +0330
Subject: [PATCH 35/39] feat(websites): add samples for Butil Storage methods
 in Platform website #6606 (#6607)

---
 .../Pages/Butil/Butil11StoragePage.razor      | 336 +++++++++++++++++-
 1 file changed, 334 insertions(+), 2 deletions(-)

diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil11StoragePage.razor b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil11StoragePage.razor
index c3a1bdff33..8c368f25dc 100644
--- a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil11StoragePage.razor
+++ b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil11StoragePage.razor
@@ -1,5 +1,7 @@
 @page "/butil/storage"
 @inherits AppComponentBase
+@inject Bit.Butil.LocalStorage localStorage
+@inject Bit.Butil.SessionStorage sessionStorage
 
 <PageOutlet Url="butil/storage"
             Title="Storage - Butil"
@@ -22,8 +24,8 @@
 @@inject Bit.Butil.SessionStorage sessionStorage
 
 @@code {
-    await localStorage.setItem("my-key", "my-value");
-    await sessionStorage.setItem("my-key2", "my-value2");
+    await localStorage.SetItem("my-key", "my-value");
+    await sessionStorage.SetItem("my-key2", "my-value2");
 }</pre>
         </div>
     </section>
@@ -31,31 +33,361 @@
     <section class="section-card">
         <BitTypography Variant="BitTypographyVariant.H5" Gutter>Methods</BitTypography>
         <div class="section-card-txt">
+            <br />
             <b>GetLength</b>: Returns an integer representing the number of data items stored in the Storage object
             (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Storage/length" target="_blank">MDN</a>).
             <br /><br />
+            <BitAccordion Title="Sample">
+                <ChildContent>
+                    <BitPivot>
+                        <BitPivotItem HeaderText="Code">
+                            <pre class="code-box">
+                                @getLengthExampleCode
+                            </pre>
+                        </BitPivotItem>
+                        <BitPivotItem HeaderText="Result">
+                            <br />
+                            <BitButton OnClick="@GetLength">GetLength</BitButton>
+                            <br />
+                            <br />
+                            <div>LocalStorage length: @localLength</div>
+                            <br />
+                            <div>SessionStorage length: @sessionLength</div>
+                            <br />
+                        </BitPivotItem>
+                    </BitPivot>
+                </ChildContent>
+            </BitAccordion>
+            <br /><br />
 
             <b>GetKey</b>: When passed a number n, this method will return the name of the nth key in the storage
             (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Storage/userAgent" target="_blank">MDN</a>).
             <br /><br />
+            <BitAccordion Title="Sample">
+                <ChildContent>
+                    <BitPivot>
+                        <BitPivotItem HeaderText="Code">
+                            <pre class="code-box">
+                                @getKeyExampleCode
+                            </pre>
+                        </BitPivotItem>
+                        <BitPivotItem HeaderText="Result">
+                            <br />
+                            <BitSpinButton @bind-Value="keyIndex" Mode="BitSpinButtonMode.Inline" Min="0" Style="max-width: 18.75rem;" />
+                            <br />
+                            <BitButton OnClick="@GetKey">GetKey</BitButton>
+                            <br />
+                            <br />
+                            <div>LocalStorage key: @localKey</div>
+                            <br />
+                            <div>SessionStorage key: @sessionKey</div>
+                            <br />
+                        </BitPivotItem>
+                    </BitPivot>
+                </ChildContent>
+            </BitAccordion>
+            <br /><br />
 
             <b>GetItem</b>: When passed a key name, will return that key's value
             (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Storage/getItem" target="_blank">MDN</a>).
             <br /><br />
+            <BitAccordion Title="Sample">
+                <ChildContent>
+                    <BitPivot>
+                        <BitPivotItem HeaderText="Code">
+                            <pre class="code-box">
+                                @getItemExampleCode
+                            </pre>
+                        </BitPivotItem>
+                        <BitPivotItem HeaderText="Result">
+                            <br />
+                            <BitTextField @bind-Value="currentLocalItemKey" Label="LocalStorage key" Style="max-width: 18.75rem;" />
+                            <br />
+                            <BitTextField @bind-Value="currentSessionItemKey" Label="SessionStorage key" Style="max-width: 18.75rem;" />
+                            <br />
+                            <br />
+                            <BitButton OnClick="@GetItem">GetItem</BitButton>
+                            <br />
+                            <br />
+                            <div>LocalStorage item: @currentLocalItem</div>
+                            <br />
+                            <div>SessionStorage item: @currentSessionItem</div>
+                            <br />
+                        </BitPivotItem>
+                    </BitPivot>
+                </ChildContent>
+            </BitAccordion>
+            <br /><br />
 
             <b>SetItem</b>: When passed a key name and value, will add that key to the storage, or update that key's value if it already exists
             (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Storage/setItem" target="_blank">MDN</a>).
             <br /><br />
+            <BitAccordion Title="Sample">
+                <ChildContent>
+                    <BitPivot>
+                        <BitPivotItem HeaderText="Code">
+                            <pre class="code-box">
+                                @setItemExampleCode
+                            </pre>
+                        </BitPivotItem>
+                        <BitPivotItem HeaderText="Result">
+                            <br />
+                            <BitTextField @bind-Value="newLocalItemKey" Label="LocalStorage key" Style="max-width: 18.75rem;" />
+                            <br />
+                            <BitTextField @bind-Value="newSessionItemKey" Label="SessionStorage key" Style="max-width: 18.75rem;" />
+                            <br />
+                            <br />
+                            <BitButton OnClick="@SetItem">SetItem</BitButton>
+                            <br />
+                        </BitPivotItem>
+                    </BitPivot>
+                </ChildContent>
+            </BitAccordion>
+            <br /><br />
 
             <b>RemoveItem</b>: When passed a key name, will remove that key from the storage
             (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Storage/removeItem" target="_blank">MDN</a>).
             <br /><br />
+            <BitAccordion Title="Sample">
+                <ChildContent>
+                    <BitPivot>
+                        <BitPivotItem HeaderText="Code">
+                            <pre class="code-box">
+                                @removeItemExampleCode
+                            </pre>
+                        </BitPivotItem>
+                        <BitPivotItem HeaderText="Result">
+                            <br />
+                            <BitTextField @bind-Value="localItemKey" Label="LocalStorage key" Style="max-width: 18.75rem;" />
+                            <br />
+                            <BitTextField @bind-Value="sessionItemKey" Label="SessionStorage key" Style="max-width: 18.75rem;" />
+                            <br />
+                            <br />
+                            <BitButton OnClick="@RemoveItem">RemoveItem</BitButton>
+                            <br />
+                        </BitPivotItem>
+                    </BitPivot>
+                </ChildContent>
+            </BitAccordion>
+            <br /><br />
 
             <b>Clear</b>: When invoked, will empty all keys out of the storage
             (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Storage/clear" target="_blank">MDN</a>).
             <br /><br />
+            <BitAccordion Title="Sample">
+                <ChildContent>
+                    <BitPivot>
+                        <BitPivotItem HeaderText="Code">
+                            <pre class="code-box">
+                                @clearItemExampleCode
+                            </pre>
+                        </BitPivotItem>
+                        <BitPivotItem HeaderText="Result">
+                            <br />
+                            <BitButton OnClick="@Clear">Clear</BitButton>
+                            <br />
+                        </BitPivotItem>
+                    </BitPivot>
+                </ChildContent>
+            </BitAccordion>
         </div>
     </section>
 </div>
 
 <NavigationButtons Prev="Navigator" PrevUrl="/butil/navigator" Next="Location" NextUrl="/butil/location" />
+
+@code {
+    private string? localLength;
+    private string? sessionLength;
+
+    private double keyIndex;
+    private string? localKey;
+    private string? sessionKey;
+
+    private string? currentLocalItemKey;
+    private string? currentSessionItemKey;
+    private string? currentLocalItem;
+    private string? currentSessionItem;
+
+    private string? newLocalItemKey;
+    private string? newSessionItemKey;
+
+    private string? localItemKey;
+    private string? sessionItemKey;
+
+
+    private async Task GetLength()
+    {
+        var localResult = await localStorage.GetLength();
+        localLength = localResult.ToString();
+
+        var sessionResult = await sessionStorage.GetLength();
+        sessionLength = sessionResult.ToString();
+    }
+
+    private async Task GetKey()
+    {
+        localKey = await localStorage.GetKey((int)keyIndex);
+
+        sessionKey = await sessionStorage.GetKey((int)keyIndex);
+    }
+
+    private async Task GetItem()
+    {
+        currentLocalItem = await localStorage.GetItem(currentLocalItemKey);
+
+        currentSessionItem = await sessionStorage.GetItem(currentSessionItemKey);
+    }
+
+    private async Task SetItem()
+    {
+        await localStorage.SetItem(newLocalItemKey, newLocalItemKey);
+
+        await sessionStorage.SetItem(newSessionItemKey, newSessionItemKey);
+    }
+
+    private async Task RemoveItem()
+    {
+        await localStorage.RemoveItem(localItemKey);
+
+        await sessionStorage.RemoveItem(sessionItemKey);
+    }
+
+    private async Task Clear()
+    {
+        await localStorage.Clear();
+
+        await sessionStorage.Clear();
+    }
+
+    private string getLengthExampleCode =
+@"@inject Bit.Butil.LocalStorage localStorage
+@inject Bit.Butil.SessionStorage sessionStorage
+
+<BitButton OnClick=""@GetLength"">GetLength</BitButton>
+
+<div>LocalStorage length: @localLength</div>
+
+<div>SessionStorage length: @sessionLength</div>
+
+@code {
+    private string? localLength;
+    private string? sessionLength;
+
+    private async Task GetLength()
+    {
+        var localResult = await localStorage.GetLength();
+        localLength = localResult.ToString();
+
+        var sessionResult = await sessionStorage.GetLength();
+        sessionLength = sessionResult.ToString();
+    }
+}";
+    private string getKeyExampleCode =
+@"@inject Bit.Butil.LocalStorage localStorage
+@inject Bit.Butil.SessionStorage sessionStorage
+
+<BitSpinButton @bind-Value=""keyIndex"" />
+
+<BitButton OnClick=""@GetKey"">GetKey</BitButton>
+
+<div>LocalStorage key: @localKey</div>
+
+<div>SessionStorage key: @sessionKey</div>
+
+@code {
+    private double keyIndex;
+    private string? localKey;
+    private string? sessionKey;
+
+    private async Task GetKey()
+    {
+        localKey = await localStorage.GetKey((int)keyIndex);
+
+        sessionKey = await sessionStorage.GetKey((int)keyIndex);
+    }
+}";
+    private string getItemExampleCode =
+@"@inject Bit.Butil.LocalStorage localStorage
+@inject Bit.Butil.SessionStorage sessionStorage
+
+<BitTextField @bind-Value=""currentLocalItemKey"" Label=""LocalStorage key"" />
+
+<BitTextField @bind-Value=""currentSessionItemKey"" Label=""SessionStorage key"" />
+
+<BitButton OnClick=""@GetItem"">GetItem</BitButton>
+
+<div>LocalStorage item: @currentLocalItem</div>
+
+<div>SessionStorage item: @currentSessionItem</div>
+
+@code {
+    private string? currentLocalItemKey;
+    private string? currentSessionItemKey;
+    private string? currentLocalItem;
+    private string? currentSessionItem;
+
+    private async Task GetItem()
+    {
+        currentLocalItem = await localStorage.GetItem(currentLocalItemKey);
+
+        currentSessionItem = await sessionStorage.GetItem(currentSessionItemKey);
+    }
+}";
+    private string setItemExampleCode =
+@"@inject Bit.Butil.LocalStorage localStorage
+@inject Bit.Butil.SessionStorage sessionStorage
+
+<BitTextField @bind-Value=""newLocalItemKey"" Label=""LocalStorage key"" />
+
+<BitTextField @bind-Value=""newSessionItemKey"" Label=""SessionStorage key"" />
+
+<BitButton OnClick=""@SetItem"">SetItem</BitButton>
+
+@code {
+    private string? newLocalItemKey;
+    private string? newSessionItemKey;
+
+    private async Task SetItem()
+    {
+        await localStorage.SetItem(newLocalItemKey, newLocalItemKey);
+
+        await sessionStorage.SetItem(newSessionItemKey, newSessionItemKey);
+    }
+}";
+    private string removeItemExampleCode =
+@"@inject Bit.Butil.LocalStorage localStorage
+@inject Bit.Butil.SessionStorage sessionStorage
+
+<BitTextField @bind-Value=""localItemKey"" Label=""LocalStorage key"" />
+
+<BitTextField @bind-Value=""sessionItemKey"" Label=""SessionStorage key"" />
+
+<BitButton OnClick=""@RemoveItem"">RemoveItem</BitButton>
+
+@code {
+    private string? localItemKey;
+    private string? sessionItemKey;
+
+    private async Task RemoveItem()
+    {
+        await localStorage.RemoveItem(localItemKey);
+
+        await sessionStorage.RemoveItem(sessionItemKey);
+    }
+}";
+    private string clearItemExampleCode =
+@"@inject Bit.Butil.LocalStorage localStorage
+@inject Bit.Butil.SessionStorage sessionStorage
+
+<BitButton OnClick=""@Clear"">Clear</BitButton>
+
+@code {
+    private async Task Clear()
+    {
+        await localStorage.Clear();
+
+        await sessionStorage.Clear();
+    }
+}";
+}
\ No newline at end of file

From 5a4c6f5315762246398565a711c26d2424314416 Mon Sep 17 00:00:00 2001
From: Yaser Moradi <ysmoradi@outlook.com>
Date: Wed, 17 Jan 2024 17:10:45 +0100
Subject: [PATCH 36/39] feat(templates): add Blazor WebAssembly Standalone
 deployment #6591 (#6592)

---
 .github/workflows/admin-sample.cd.yml         |   9 +
 .github/workflows/bit.full.ci.yml             |   1 +
 .github/workflows/todo-sample.cd.yml          |  46 +++-
 README.md                                     |  10 +-
 .../Components/AppBswupProgressBar.razor      |   2 +-
 .../Boilerplate/Bit.Boilerplate/.gitignore    |   3 +-
 .../Boilerplate.Server/Components/App.razor   |   4 +
 .../src/Boilerplate.Server/Program.cs         |   2 +-
 .../Boilerplate.Server/Startup/Middlewares.cs |  12 +-
 .../Components/Layout/NavMenu.razor.cs        |   4 +-
 .../Boilerplate.Client.Core/Routes.razor      |   4 +-
 .../Services/AppRenderMode.cs                 |   4 +-
 .../wwwroot/index.html                        |  45 ++--
 .../Boilerplate.Client.Web.csproj             | 110 ++++-----
 .../Components/AppBswupProgressBar.razor      |   2 +-
 .../Client/Boilerplate.Client.Web/Program.cs  |  11 +-
 .../Properties/launchSettings.json            |  15 ++
 .../Boilerplate.Client.Web/wwwroot/index.html | 209 ++++++++++++++++++
 .../wwwroot/service-worker.js                 |  43 +++-
 .../wwwroot/service-worker.published.js       |  38 ----
 .../Bit.Boilerplate/src/Directory.Build.props |  11 +-
 .../Services/RenderModeProvider.cs            |   2 +-
 .../Services/RenderModeProvider.cs            |   2 +-
 .../Services/RenderModeProvider.cs            |   2 +-
 24 files changed, 450 insertions(+), 141 deletions(-)
 create mode 100644 src/Templates/Boilerplate/Bit.Boilerplate/src/Client/Boilerplate.Client.Web/Properties/launchSettings.json
 create mode 100644 src/Templates/Boilerplate/Bit.Boilerplate/src/Client/Boilerplate.Client.Web/wwwroot/index.html
 delete mode 100644 src/Templates/Boilerplate/Bit.Boilerplate/src/Client/Boilerplate.Client.Web/wwwroot/service-worker.published.js

diff --git a/.github/workflows/admin-sample.cd.yml b/.github/workflows/admin-sample.cd.yml
index 15961a161b..035715eeab 100644
--- a/.github/workflows/admin-sample.cd.yml
+++ b/.github/workflows/admin-sample.cd.yml
@@ -50,6 +50,15 @@ jobs:
         
     - name: Install wasm
       run:  cd src && dotnet workload install wasm-tools wasm-experimental
+
+    - name: Configure app render mode
+      run: |
+          sed -i 's/Auto;/BlazorWebAssembly;/g' AdminPanel/src/Client/AdminPanel.Client.Core/Services/AppRenderMode.cs
+
+    - name: Configure bswup
+      run: |
+          sed -i 's/self.noPrerenderQuery/\/\/ self.noPrerenderQuery/g' AdminPanel/src/Client/AdminPanel.Client.Web/wwwroot/service-worker.js
+          sed -i 's/self.isPassive = self.disablePassiveFirstBoot = true;/self.isPassive = self.disablePassiveFirstBoot = false;/g' AdminPanel/src/Client/AdminPanel.Client.Web/wwwroot/service-worker.js
       
     - name: Generate CSS/JS files
       run: dotnet build AdminPanel/src/Client/AdminPanel.Client.Core/AdminPanel.Client.Core.csproj -t:BeforeBuildTasks --no-restore
diff --git a/.github/workflows/bit.full.ci.yml b/.github/workflows/bit.full.ci.yml
index ecdd8021ae..6e1c7c24ac 100644
--- a/.github/workflows/bit.full.ci.yml
+++ b/.github/workflows/bit.full.ci.yml
@@ -40,6 +40,7 @@ jobs:
         dotnet ef database update
         cd ../../../
         dotnet build TodoBPSqlite/TodoBPSqlite.sln -c Release -p:RunAOTCompilation=false
+        dotnet build TodoBPSqlite/src/Client/TodoBPSqlite.Client.Web/TodoBPSqlite.Client.Web.csproj -c Release -p:BlazorWebAssemblyStandalone=true
 
     - name: Release build empty sample + offline db + Win exe
       run: |
diff --git a/.github/workflows/todo-sample.cd.yml b/.github/workflows/todo-sample.cd.yml
index 9e15eb5796..a6aad54340 100644
--- a/.github/workflows/todo-sample.cd.yml
+++ b/.github/workflows/todo-sample.cd.yml
@@ -50,8 +50,13 @@ jobs:
     - name: Install wasm
       run:  cd src && dotnet workload install wasm-tools wasm-experimental
 
-    - name: Enable pre rendering
-      run:  sed -i 's/public static readonly bool PrerenderEnabled = false;/public static readonly bool PrerenderEnabled = true;/g' TodoSample/src/Client/TodoSample.Client.Core/Services/AppRenderMode.cs
+    - name: Configure app render mode
+      run: |
+          sed -i 's/public static readonly bool PrerenderEnabled = false;/public static readonly bool PrerenderEnabled = true;/g' TodoSample/src/Client/TodoSample.Client.Core/Services/AppRenderMode.cs
+          sed -i 's/Auto;/BlazorWebAssembly;/g' TodoSample/src/Client/TodoSample.Client.Core/Services/AppRenderMode.cs
+
+    - name: Changes for static-todo.bitplatform.dev - Part 1
+      run:  sed -i 's/http:\/\/localhost:4030/https:\/\/static-todo.bitplatform.dev/g' TodoSample/src/TodoSample.Server/Startup/Middlewares.cs
 
     - name: Generate CSS/JS files
       run: dotnet build TodoSample/src/Client/TodoSample.Client.Core/TodoSample.Client.Core.csproj -t:BeforeBuildTasks --no-restore
@@ -65,6 +70,23 @@ jobs:
         name: server-bundle
         path: ${{env.DOTNET_ROOT}}/server
 
+    - name: Changes for static-todo.bitplatform.dev - Part 2
+      run:  sed -i 's/public static readonly bool PrerenderEnabled = true;/public static readonly bool PrerenderEnabled = false;/g' TodoSample/src/Client/TodoSample.Client.Core/Services/AppRenderMode.cs
+
+    - name: Configure bswup
+      run: |
+          sed -i 's/self.noPrerenderQuery/\/\/ self.noPrerenderQuery/g' TodoSample/src/Client/TodoSample.Client.Web/wwwroot/service-worker.js
+          sed -i 's/self.isPassive = self.disablePassiveFirstBoot = true;/self.isPassive = self.disablePassiveFirstBoot = false;/g' TodoSample/src/Client/TodoSample.Client.Web/wwwroot/service-worker.js
+
+    - name: Publish static todo
+      run: dotnet publish TodoSample/src/Client/TodoSample.Client.Web/TodoSample.Client.Web.csproj -c Release -p:BlazorWebAssemblyStandalone=true -o ${{env.DOTNET_ROOT}}/static
+
+    - name: Upload static artifact
+      uses: actions/upload-artifact@v3
+      with:
+        name: static-bundle
+        path: ${{env.DOTNET_ROOT}}/static
+
   deploy_api_blazor:
     name: deploy api + blazor
     needs: build_api_blazor
@@ -323,6 +345,26 @@ jobs:
         api-key-id: ${{ secrets.APPSTORE_API_KEY_ID }}
         api-private-key: ${{ secrets.APPSTORE_API_KEY_PRIVATE_KEY }}
 
+    - name: Delete App Icon
+      run: rm TodoSample/src/Client/TodoSample.Client.Maui/Resources/AppIcon/appicon.svg
+
+    - name: Extract App Icon from env
+      uses: timheuer/base64-to-file@v1
+      with:
+          fileDir: './TodoSample/src/Client/TodoSample.Client.Maui/Resources/AppIcon/'
+          fileName: 'appicon.svg'
+          encodedString: ${{ vars.TODO_ICON }}
+
+    - name: Delete App Splash Screen
+      run: rm TodoSample/src/Client/TodoSample.Client.Maui/Resources/Splash/splash.svg
+
+    - name: Extract App Splash Screen from env
+      uses: timheuer/base64-to-file@v1
+      with:
+          fileDir: './TodoSample/src/Client/TodoSample.Client.Maui/Resources/Splash/'
+          fileName: 'splash.svg'
+          encodedString: ${{ vars.TODO_SPLASH_SCREEN }}
+
     - name: Generate CSS/JS files
       run: dotnet build TodoSample/src/Client/TodoSample.Client.Core/TodoSample.Client.Core.csproj -t:BeforeBuildTasks --no-restore
   
diff --git a/README.md b/README.md
index 2e085f37ad..09e2d57fed 100644
--- a/README.md
+++ b/README.md
@@ -39,7 +39,15 @@ The following apps are our open-source projects powered by the bit platform show
 | AdminPanel | [![Prerendered PWA](https://github-production-user-asset-6210df.s3.amazonaws.com/6169846/251381583-8b8eb895-80c9-4811-9641-57a5a08db163.png)](https://adminpanel.bitplatform.dev) | [![iOS app](https://github-production-user-asset-6210df.s3.amazonaws.com/6169846/251381842-e72976ce-fd20-431d-a677-ca1ed625b83b.png)](https://apps.apple.com/us/app/bit-adminpanel/id6450611349) | [![Android app](https://github-production-user-asset-6210df.s3.amazonaws.com/6169846/251381958-24931682-87f6-44fc-a1c7-eecf46387005.png)](https://play.google.com/store/apps/details?id=com.bitplatform.AdminPanel.Template) | [![Windows app](https://github-production-user-asset-6210df.s3.amazonaws.com/6169846/251382080-9ae97fea-934c-4097-aca4-124a2aed1595.png)](https://github.com/bitfoundation/bitplatform/releases/latest/download/AdminPanel-Windows.zip) | [![macOS app](https://github-production-user-asset-6210df.s3.amazonaws.com/6169846/251382211-0d58f9ba-1a1f-4481-a0ca-b23a393cca9f.png)](https://github.com/bitfoundation/bitplatform/releases/latest/download/AdminPanel-macOS.pkg) |
 | bitplatform | [![SPA](https://github-production-user-asset-6210df.s3.amazonaws.com/6169846/251395129-71a5a79c-af74-4d4e-a0f7-ed9a15cf2e46.png)](https://bitplatform.dev)|
 
-<br/>
+1. [bitplatform.dev](bitplatform.dev): Pre-rendered SPA with Blazor WebAssembly
+2. [components.bitplatform.dev](components.bitplatform.dev): Pre-rendered PWA with Blazor Auto
+3. [todo.bitplatform.dev](todo.bitplatform.dev): Pre-rendered PWA with Blazor WebAssembly
+4. [static-todo.bitplatform.dev](static-todo.bitplatform.dev): PWA with Blazor WebAssembly Standalone (Hosted on Cloudflare Pages)
+5. [adminpanel.bitplatform.dev](adminpanel.bitplatform.dev): PWA with Blazor WebAssembly
+
+[Todo](https://todo.bitplatform.dev) & [Adminpanel](https://adminpanel.bitplatform.dev) web apps will launch their respective Android and iOS applications if you have already installed them, mirroring the behavior of apps like YouTube and Instagram. 
+
+Prerendering combined with PWA functionality delivers an experience akin to that of GitHub and Reddit. The bitplatform solution, seamlessly integrated with the innovative new .NET 8 project structure, stands as the exclusive remedy for such a scenario within the realm of Blazor.
 
 # How to contribute?
 
diff --git a/src/BlazorUI/Demo/Client/Bit.BlazorUI.Demo.Client.Web/Components/AppBswupProgressBar.razor b/src/BlazorUI/Demo/Client/Bit.BlazorUI.Demo.Client.Web/Components/AppBswupProgressBar.razor
index b494b59b7b..1b46bed028 100644
--- a/src/BlazorUI/Demo/Client/Bit.BlazorUI.Demo.Client.Web/Components/AppBswupProgressBar.razor
+++ b/src/BlazorUI/Demo/Client/Bit.BlazorUI.Demo.Client.Web/Components/AppBswupProgressBar.razor
@@ -46,7 +46,7 @@
                 content: var(--bit-bswup-percent-text, "");
             }
     /* If you want the update to be applied after the user approves the new Pwa version and not automatically,
-        set AutoReload parameter of BswupProgress to true and uncomment the commented codes in this file: */
+        set AutoReload parameter of BswupProgress to false and uncomment the commented codes in this file: */
     /*
         #bit-bswup-reload {
             top: 38px;
diff --git a/src/Templates/Boilerplate/Bit.Boilerplate/.gitignore b/src/Templates/Boilerplate/Bit.Boilerplate/.gitignore
index 9a3e897c1d..5b1a736062 100644
--- a/src/Templates/Boilerplate/Bit.Boilerplate/.gitignore
+++ b/src/Templates/Boilerplate/Bit.Boilerplate/.gitignore
@@ -231,4 +231,5 @@ custom.aprof
 
 /src/Client/Boilerplate.Client.Core/wwwroot/scripts/app*.js
 
-/src/Boilerplate.Server/*.db*
\ No newline at end of file
+/src/Boilerplate.Server/*.db*
+.env
\ No newline at end of file
diff --git a/src/Templates/Boilerplate/Bit.Boilerplate/src/Boilerplate.Server/Components/App.razor b/src/Templates/Boilerplate/Bit.Boilerplate/src/Boilerplate.Server/Components/App.razor
index 8f7e15d3e9..ab4e72478a 100644
--- a/src/Templates/Boilerplate/Bit.Boilerplate/src/Boilerplate.Server/Components/App.razor
+++ b/src/Templates/Boilerplate/Bit.Boilerplate/src/Boilerplate.Server/Components/App.razor
@@ -35,6 +35,10 @@
     <Link rel="stylesheet" href="_content/Boilerplate.Client.Core/styles/app.css" />
     <Link rel="stylesheet" href="_content/Boilerplate.Client.Core/Boilerplate.Client.Core.bundle.scp.css" />
 
+    @if (AppRenderMode.PrerenderEnabled is false || noPrerender)
+    {
+        <LoadingComponent />
+    }
     <Routes @rendermode=renderMode />
 
     @if (HttpContext.Request.IsCrawlerClient() is false)
diff --git a/src/Templates/Boilerplate/Bit.Boilerplate/src/Boilerplate.Server/Program.cs b/src/Templates/Boilerplate/Bit.Boilerplate/src/Boilerplate.Server/Program.cs
index 4a370a7e8a..6b98bd92f1 100644
--- a/src/Templates/Boilerplate/Bit.Boilerplate/src/Boilerplate.Server/Program.cs
+++ b/src/Templates/Boilerplate/Bit.Boilerplate/src/Boilerplate.Server/Program.cs
@@ -15,4 +15,4 @@
 
 Boilerplate.Server.Startup.Middlewares.Use(app, builder.Environment, builder.Configuration);
 
-app.Run();
+await app.RunAsync();
diff --git a/src/Templates/Boilerplate/Bit.Boilerplate/src/Boilerplate.Server/Startup/Middlewares.cs b/src/Templates/Boilerplate/Bit.Boilerplate/src/Boilerplate.Server/Startup/Middlewares.cs
index 04ff3382fe..f462e78dbd 100644
--- a/src/Templates/Boilerplate/Bit.Boilerplate/src/Boilerplate.Server/Startup/Middlewares.cs
+++ b/src/Templates/Boilerplate/Bit.Boilerplate/src/Boilerplate.Server/Startup/Middlewares.cs
@@ -41,6 +41,8 @@ public static void Use(WebApplication app, IHostEnvironment env, IConfiguration
         else
         {
             app.UseHttpsRedirection();
+            app.UseResponseCaching();
+            app.UseResponseCompression();
         }
 
         Configure_401_403_404_Pages(app);
@@ -61,19 +63,13 @@ public static void Use(WebApplication app, IHostEnvironment env, IConfiguration
             }
         });
 
-        app.UseCors(options => options.WithOrigins("https://0.0.0.0" /*BlazorHybrid*/, "app://0.0.0.0" /*BlazorHybrid*/)
+        // 0.0.0.0 origins are essential for the proper functioning of BlazorHybrid's WebView, while localhost:4030 is a prerequisite for BlazorWebAssemblyStandalone testing.
+        app.UseCors(options => options.WithOrigins("https://0.0.0.0", "app://0.0.0.0", "http://localhost:4030")
             .AllowAnyHeader().AllowAnyMethod());
 
         app.UseAuthentication();
         app.UseAuthorization();
 
-        if (env.IsDevelopment() is false)
-        {
-            app.UseResponseCompression();
-        }
-
-        app.UseResponseCaching();
-
         app.UseAntiforgery();
 
         app.UseSwagger();
diff --git a/src/Templates/Boilerplate/Bit.Boilerplate/src/Client/Boilerplate.Client.Core/Components/Layout/NavMenu.razor.cs b/src/Templates/Boilerplate/Bit.Boilerplate/src/Client/Boilerplate.Client.Core/Components/Layout/NavMenu.razor.cs
index 01ee1ca00d..30a7684559 100644
--- a/src/Templates/Boilerplate/Bit.Boilerplate/src/Client/Boilerplate.Client.Core/Components/Layout/NavMenu.razor.cs
+++ b/src/Templates/Boilerplate/Bit.Boilerplate/src/Client/Boilerplate.Client.Core/Components/Layout/NavMenu.razor.cs
@@ -6,8 +6,6 @@ namespace Boilerplate.Client.Core.Components.Layout;
 
 public partial class NavMenu : IDisposable
 {
-    [AutoInject] IUserController userController = default!;
-
     private bool disposed;
     private bool isSignOutModalOpen;
     private string? profileImageUrl;
@@ -95,7 +93,7 @@ protected override async Task OnInitAsync()
             await InvokeAsync(StateHasChanged);
         });
 
-        user = await userController.GetCurrentUser(CurrentCancellationToken);
+        user = (await HttpClient.GetFromJsonAsync("api/User/GetCurrentUser", AppJsonContext.Default.UserDto, CurrentCancellationToken))!;
 
         var access_token = await PrerenderStateService.GetValue(AuthTokenProvider.GetAccessTokenAsync);
         profileImageUrlBase = $"{Configuration.GetApiServerAddress()}api/Attachment/GetProfileImage?access_token={access_token}&file=";
diff --git a/src/Templates/Boilerplate/Bit.Boilerplate/src/Client/Boilerplate.Client.Core/Routes.razor b/src/Templates/Boilerplate/Bit.Boilerplate/src/Client/Boilerplate.Client.Core/Routes.razor
index a5c92e642b..0d50ddee57 100644
--- a/src/Templates/Boilerplate/Bit.Boilerplate/src/Client/Boilerplate.Client.Core/Routes.razor
+++ b/src/Templates/Boilerplate/Bit.Boilerplate/src/Client/Boilerplate.Client.Core/Routes.razor
@@ -5,7 +5,7 @@
             <Found Context="routeData">
                 <AuthorizeRouteView RouteData="@routeData">
                     <Authorizing>
-                        <LoadingComponent Color="#FFF" />
+                        <LoadingComponent />
                     </Authorizing>
                     <NotAuthorized>
                         <NotAuthorizedPage />
@@ -16,7 +16,7 @@
                 <NotFoundPage />
             </NotFound>
             <Navigating>
-                <LoadingComponent Color="#FFF" />
+                <LoadingComponent />
             </Navigating>
         </Router>
     </LayoutView>
diff --git a/src/Templates/Boilerplate/Bit.Boilerplate/src/Client/Boilerplate.Client.Core/Services/AppRenderMode.cs b/src/Templates/Boilerplate/Bit.Boilerplate/src/Client/Boilerplate.Client.Core/Services/AppRenderMode.cs
index 3e6ff9100e..279f9a0cc4 100644
--- a/src/Templates/Boilerplate/Bit.Boilerplate/src/Client/Boilerplate.Client.Core/Services/AppRenderMode.cs
+++ b/src/Templates/Boilerplate/Bit.Boilerplate/src/Client/Boilerplate.Client.Core/Services/AppRenderMode.cs
@@ -13,7 +13,9 @@ public static class AppRenderMode
     public static IComponentRenderMode NoPrerenderBlazorWebAssembly => new InteractiveWebAssemblyRenderMode(prerender: false);
 
     public static IComponentRenderMode Current =>
-        BuildConfiguration.IsDebug() ? BlazorServer /*For better development experience*/ : Auto;
+        BuildConfiguration.IsDebug() 
+        ? BlazorServer // For better development experience.
+        : Auto; // For better production experience.
 
     /// <summary>
     /// To enable/disable pwa support, navigate to Directory.Build.props and modify the PwaEnabled flag.
diff --git a/src/Templates/Boilerplate/Bit.Boilerplate/src/Client/Boilerplate.Client.Maui/wwwroot/index.html b/src/Templates/Boilerplate/Bit.Boilerplate/src/Client/Boilerplate.Client.Maui/wwwroot/index.html
index a92ba50224..5fdde0d576 100644
--- a/src/Templates/Boilerplate/Bit.Boilerplate/src/Client/Boilerplate.Client.Maui/wwwroot/index.html
+++ b/src/Templates/Boilerplate/Bit.Boilerplate/src/Client/Boilerplate.Client.Maui/wwwroot/index.html
@@ -27,85 +27,88 @@
             background-color: #0D2960;
         }
 
-        .lds-wrapper {
+        .bit-lds-grid div {
+            background-color: #123456;
+        }
+
+        .bit-lds-wrapper {
             top: 50%;
             left: 50%;
             position: absolute;
             transform: translate(-50%, -50%);
         }
 
-        .lds-grid {
-            display: inline-block;
-            position: relative;
+        .bit-lds-grid {
             width: 80px;
             height: 80px;
+            position: relative;
+            display: inline-block;
         }
 
-            .lds-grid div {
-                position: absolute;
+            .bit-lds-grid div {
                 width: 16px;
                 height: 16px;
+                position: absolute;
                 border-radius: 50%;
-                background: #fff;
-                animation: lds-grid 1.2s linear infinite;
+                animation: bit-lds-grid 1.2s linear infinite;
             }
 
-                .lds-grid div:nth-child(1) {
+                .bit-lds-grid div:nth-child(1) {
                     top: 8px;
                     left: 8px;
                     animation-delay: 0s;
                 }
 
-                .lds-grid div:nth-child(2) {
+                .bit-lds-grid div:nth-child(2) {
                     top: 8px;
                     left: 32px;
                     animation-delay: -0.4s;
                 }
 
-                .lds-grid div:nth-child(3) {
+                .bit-lds-grid div:nth-child(3) {
                     top: 8px;
                     left: 56px;
                     animation-delay: -0.8s;
                 }
 
-                .lds-grid div:nth-child(4) {
+                .bit-lds-grid div:nth-child(4) {
                     top: 32px;
                     left: 8px;
                     animation-delay: -0.4s;
                 }
 
-                .lds-grid div:nth-child(5) {
+                .bit-lds-grid div:nth-child(5) {
                     top: 32px;
                     left: 32px;
                     animation-delay: -0.8s;
                 }
 
-                .lds-grid div:nth-child(6) {
+                .bit-lds-grid div:nth-child(6) {
                     top: 32px;
                     left: 56px;
                     animation-delay: -1.2s;
                 }
 
-                .lds-grid div:nth-child(7) {
+                .bit-lds-grid div:nth-child(7) {
                     top: 56px;
                     left: 8px;
                     animation-delay: -0.8s;
                 }
 
-                .lds-grid div:nth-child(8) {
+                .bit-lds-grid div:nth-child(8) {
                     top: 56px;
                     left: 32px;
                     animation-delay: -1.2s;
                 }
 
-                .lds-grid div:nth-child(9) {
+                .bit-lds-grid div:nth-child(9) {
                     top: 56px;
                     left: 56px;
                     animation-delay: -1.6s;
                 }
 
 
-        @keyframes lds-grid {
+        @keyframes bit-lds-grid {
             0%, 100% {
                 opacity: 1;
             }
@@ -119,8 +122,10 @@
 
 <body class="bit-blazor-hybrid">
     <div id="app-container" class="bit-css-clr-bg-primary bit-css-clr-fg-primary">
-        <div class="lds-wrapper">
-            <div class="lds-grid"><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div></div>
+        <div class="bit-lds-wrapper">
+            <div class="bit-lds-grid">
+                <div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div>
+            </div>
         </div>
     </div>
 
diff --git a/src/Templates/Boilerplate/Bit.Boilerplate/src/Client/Boilerplate.Client.Web/Boilerplate.Client.Web.csproj b/src/Templates/Boilerplate/Bit.Boilerplate/src/Client/Boilerplate.Client.Web/Boilerplate.Client.Web.csproj
index 18c2061d8d..f7e977615b 100644
--- a/src/Templates/Boilerplate/Bit.Boilerplate/src/Client/Boilerplate.Client.Web/Boilerplate.Client.Web.csproj
+++ b/src/Templates/Boilerplate/Bit.Boilerplate/src/Client/Boilerplate.Client.Web/Boilerplate.Client.Web.csproj
@@ -1,53 +1,61 @@
 <Project Sdk="Microsoft.NET.Sdk.BlazorWebAssembly">
-    
-    <PropertyGroup>
-        <TargetFramework>net8.0</TargetFramework>
-        <!--If you don't need to use the time zone and your app is in WASM format, you can reduce the output size of the app by disabling the time zone.-->
-        <BlazorEnableTimeZoneSupport>true</BlazorEnableTimeZoneSupport>
-        <BlazorWebAssemblyPreserveCollationData>false</BlazorWebAssemblyPreserveCollationData>
-        <!--/-:msbuild-conditional:noEmit -->
-        <!-- To change MultilingualEnabled's value, checkout Directory.Build.props -->
-        <InvariantGlobalization Condition="'$(MultilingualEnabled)' == 'false'">true</InvariantGlobalization>
-        <HybridGlobalization Condition="'$(MultilingualEnabled)' == 'true'">true</HybridGlobalization>
-        <!-- Disabled WasmSIMD because of dotnet 8 rc issue on safari (iOS 16 and older devices)  -->
-        <WasmEnableSIMD>false</WasmEnableSIMD>
-        <ServiceWorkerAssetsManifest Condition=" '$(PwaEnabled)' == 'true' ">service-worker-assets.js</ServiceWorkerAssetsManifest>
-        <BlazorCacheBootResources Condition=" '$(PwaEnabled)' == 'true' ">false</BlazorCacheBootResources>
-        <NoDefaultLaunchSettingsFile>true</NoDefaultLaunchSettingsFile>
-        <StaticWebAssetProjectMode>Default</StaticWebAssetProjectMode>
-        <!--/+:msbuild-conditional:noEmit -->
-        <WasmStripILAfterAOT Condition=" '$(offlineDb)' == 'false'">true</WasmStripILAfterAOT>
-    </PropertyGroup>
-
-    <ItemGroup Condition=" '$(PwaEnabled)' == 'true' ">
-        <ServiceWorker Include="wwwroot\service-worker.js" PublishedContent="wwwroot\service-worker.published.js" />
-    </ItemGroup>
-
-    <ItemGroup>
-        <PackageReference Include="Bit.Bswup" Version="8.7.2-pre-02" />
-        <PackageReference Include="Bit.CodeAnalyzers" Version="8.7.2-pre-02">
-            <PrivateAssets>all</PrivateAssets>
-            <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
-        </PackageReference>
-        <PackageReference Include="Bit.SourceGenerators" Version="8.7.2-pre-02">
-            <PrivateAssets>all</PrivateAssets>
-            <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
-        </PackageReference>
-    </ItemGroup>
-
-    <ItemGroup>
-        <ProjectReference Include="..\Boilerplate.Client.Core\Boilerplate.Client.Core.csproj" />
-
-        <Using Include="Microsoft.JSInterop" />
-        <Using Include="Boilerplate.Client.Core.Services.Contracts" />
-        <Using Include="Boilerplate.Client.Core.Services" />
-        <Using Include="Boilerplate.Client.Core.Components.Layout" />
-    </ItemGroup>
-
-    <!--/+:msbuild-conditional:noEmit -->
-    <ItemGroup Condition=" '$(sample)' == 'Admin'  or '$(sample)' == ''">
-        <BlazorWebAssemblyLazyLoad Include="Newtonsoft.Json.wasm" />
-    </ItemGroup>
-    <!--/-:msbuild-conditional:noEmit -->
-    
+
+	<PropertyGroup>
+		<TargetFramework>net8.0</TargetFramework>
+		<!--If you don't need to use the time zone and your app is in WASM format, you can reduce the output size of the app by disabling the time zone.-->
+		<BlazorEnableTimeZoneSupport>true</BlazorEnableTimeZoneSupport>
+		<BlazorWebAssemblyPreserveCollationData>false</BlazorWebAssemblyPreserveCollationData>
+		<!-- To change MultilingualEnabled's value, checkout Directory.Build.props -->
+		<InvariantGlobalization Condition="'$(MultilingualEnabled)' == 'false'">true</InvariantGlobalization>
+		<HybridGlobalization Condition="'$(MultilingualEnabled)' == 'true'">true</HybridGlobalization>
+		<!-- Disabled WasmSIMD because of dotnet 8 rc issue on safari (iOS 16 and older devices)  -->
+		<WasmEnableSIMD>false</WasmEnableSIMD>
+		<ServiceWorkerAssetsManifest Condition=" '$(PwaEnabled)' == 'true' ">service-worker-assets.js</ServiceWorkerAssetsManifest>
+		<BlazorCacheBootResources Condition=" '$(PwaEnabled)' == 'true' ">false</BlazorCacheBootResources>
+		<NoDefaultLaunchSettingsFile>true</NoDefaultLaunchSettingsFile>
+		<StaticWebAssetProjectMode>Default</StaticWebAssetProjectMode>
+		<!--/+:msbuild-conditional:noEmit -->
+		<WasmStripILAfterAOT Condition=" '$(offlineDb)' == 'false'">true</WasmStripILAfterAOT>
+		<!--/-:msbuild-conditional:noEmit -->
+	</PropertyGroup>
+
+	<ItemGroup Condition=" '$(PwaEnabled)' == 'true' ">
+		<ServiceWorker Include="wwwroot\service-worker.js" PublishedContent="wwwroot\service-worker.js" />
+	</ItemGroup>
+
+	<ItemGroup Condition=" '$(BlazorWebAssemblyStandalone)' == 'false' ">
+		<Content Remove="wwwroot\index.html" />
+		<None Remove="Properties\launchSettings.json" />
+	</ItemGroup>
+
+	<ItemGroup>
+		<PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly" Version="8.0.1" />
+		<PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly.DevServer" Version="8.0.1" PrivateAssets="all" />
+		<PackageReference Include="Bit.Bswup" Version="8.7.2-pre-02" />
+		<PackageReference Include="Bit.CodeAnalyzers" Version="8.7.2-pre-02">
+			<PrivateAssets>all</PrivateAssets>
+			<IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
+		</PackageReference>
+		<PackageReference Include="Bit.SourceGenerators" Version="8.7.2-pre-02">
+			<PrivateAssets>all</PrivateAssets>
+			<IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
+		</PackageReference>
+	</ItemGroup>
+
+	<ItemGroup>
+		<ProjectReference Include="..\Boilerplate.Client.Core\Boilerplate.Client.Core.csproj" />
+
+		<Using Include="Microsoft.JSInterop" />
+		<Using Include="Boilerplate.Client.Core" />
+		<Using Include="Boilerplate.Client.Core.Services.Contracts" />
+		<Using Include="Boilerplate.Client.Core.Services" />
+		<Using Include="Boilerplate.Client.Core.Components.Layout" />
+	</ItemGroup>
+
+	<!--/+:msbuild-conditional:noEmit -->
+	<ItemGroup Condition=" '$(sample)' == 'Admin'  or '$(sample)' == ''">
+		<BlazorWebAssemblyLazyLoad Include="Newtonsoft.Json.wasm" />
+	</ItemGroup>
+	<!--/-:msbuild-conditional:noEmit -->
+
 </Project>
diff --git a/src/Templates/Boilerplate/Bit.Boilerplate/src/Client/Boilerplate.Client.Web/Components/AppBswupProgressBar.razor b/src/Templates/Boilerplate/Bit.Boilerplate/src/Client/Boilerplate.Client.Web/Components/AppBswupProgressBar.razor
index e3e2aafd8d..f66ab0e6e3 100644
--- a/src/Templates/Boilerplate/Bit.Boilerplate/src/Client/Boilerplate.Client.Web/Components/AppBswupProgressBar.razor
+++ b/src/Templates/Boilerplate/Bit.Boilerplate/src/Client/Boilerplate.Client.Web/Components/AppBswupProgressBar.razor
@@ -46,7 +46,7 @@
                 content: var(--bit-bswup-percent-text, "");
             }
     /* If you want the update to be applied after the user approves the new Pwa version and not automatically,
-        set AutoReload parameter of BswupProgress to true and uncomment the commented codes in this file: */
+        set AutoReload parameter of BswupProgress to false and uncomment the commented codes in this file: */
     /*
         #bit-bswup-reload {
             top: 38px;
diff --git a/src/Templates/Boilerplate/Bit.Boilerplate/src/Client/Boilerplate.Client.Web/Program.cs b/src/Templates/Boilerplate/Bit.Boilerplate/src/Client/Boilerplate.Client.Web/Program.cs
index 7f8876f3bb..b58e0c82b7 100644
--- a/src/Templates/Boilerplate/Bit.Boilerplate/src/Client/Boilerplate.Client.Web/Program.cs
+++ b/src/Templates/Boilerplate/Bit.Boilerplate/src/Client/Boilerplate.Client.Web/Program.cs
@@ -1,7 +1,16 @@
-using Microsoft.AspNetCore.Components.WebAssembly.Hosting;
+//-:cnd:noEmit
+#if BlazorWebAssemblyStandalone
+using Microsoft.AspNetCore.Components.Web;
+#endif
+using Microsoft.AspNetCore.Components.WebAssembly.Hosting;
 
 var builder = WebAssemblyHostBuilder.CreateDefault(args);
 
+#if BlazorWebAssemblyStandalone
+builder.RootComponents.Add<Routes>("#app-container");
+builder.RootComponents.Add<HeadOutlet>("head::after");
+#endif
+
 builder.Configuration.AddClientConfigurations();
 
 Uri.TryCreate(builder.Configuration.GetApiServerAddress(), UriKind.RelativeOrAbsolute, out var apiServerAddress);
diff --git a/src/Templates/Boilerplate/Bit.Boilerplate/src/Client/Boilerplate.Client.Web/Properties/launchSettings.json b/src/Templates/Boilerplate/Bit.Boilerplate/src/Client/Boilerplate.Client.Web/Properties/launchSettings.json
new file mode 100644
index 0000000000..27ed818356
--- /dev/null
+++ b/src/Templates/Boilerplate/Bit.Boilerplate/src/Client/Boilerplate.Client.Web/Properties/launchSettings.json
@@ -0,0 +1,15 @@
+{
+    "profiles": {
+        "Boilerplate.Web(BlazorWebAssemblyStandalone)": {
+            "commandName": "Project",
+            "dotnetRunMessages": true,
+            "launchBrowser": true,
+            "inspectUri": "{wsProtocol}://{url.hostname}:{url.port}/_framework/debug/ws-proxy?browser={browserInspectUri}",
+            "applicationUrl": "http://localhost:4030",
+            "environmentVariables": {
+                "ASPNETCORE_ENVIRONMENT": "Development"
+            }
+        }
+    },
+    "$schema": "http://json.schemastore.org/launchsettings.json"
+}
\ No newline at end of file
diff --git a/src/Templates/Boilerplate/Bit.Boilerplate/src/Client/Boilerplate.Client.Web/wwwroot/index.html b/src/Templates/Boilerplate/Bit.Boilerplate/src/Client/Boilerplate.Client.Web/wwwroot/index.html
new file mode 100644
index 0000000000..859413afa3
--- /dev/null
+++ b/src/Templates/Boilerplate/Bit.Boilerplate/src/Client/Boilerplate.Client.Web/wwwroot/index.html
@@ -0,0 +1,209 @@
+<!DOCTYPE html>
+<html bit-theme="dark">
+<head>
+    <base href="/">
+    <meta charset="utf-8">
+    <meta name="theme-color">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta name="description" content="The Boilerplate is built with ASP.NET Core, Identity, Web API, EF Core and Blazor.">
+    <link href="favicon.ico" rel="icon" type="image/x-icon" />
+    <link href="images/icons/bit-icon-512.png" rel="apple-touch-icon" sizes="512x512" />
+    <link href="manifest.json" rel="manifest" />
+</head>
+<body class="bit-css-clr-bg-primary bit-css-clr-fg-primary bit-blazor-web">
+    <link href="_content/Bit.BlazorUI/styles/bit.blazorui.css" rel="stylesheet" />
+    <link href="_content/Bit.BlazorUI.Icons/styles/bit.blazorui.icons.css" rel="stylesheet" />
+    <link href="_content/Bit.BlazorUI.Assets/styles/bit.blazorui.assets.css" rel="stylesheet" />
+    <!--#if (sample == "Admin") -->
+    <link href="_content/Bit.BlazorUI.Extras/styles/bit.blazorui.extras.css" rel="stylesheet" />
+    <!--#endif -->
+    <link href="_content/Boilerplate.Client.Core/styles/app.css" rel="stylesheet" />
+    <link href="_content/Boilerplate.Client.Core/Boilerplate.Client.Core.bundle.scp.css" rel="stylesheet" />
+    <script src="_framework/blazor.webassembly.js" autostart="false"></script>
+    <script src="_content/Bit.Bswup/bit-bswup.js" blazorScript="_framework/blazor.webassembly.js"></script>
+    <script src="_content/Bit.Bswup/bit-bswup.progress.js"></script>
+    <style>
+        #bit-bswup {
+            top: 2px;
+            left: 50%;
+            display: none;
+            position: fixed;
+            z-index: 999999999;
+            text-align: center;
+            transform: translateX(-50%);
+            font-family: "Segoe UI", "Segoe UI Web (West European)", "Segoe UI", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif;
+        }
+
+            #bit-bswup .bswup-container {
+                width: 3rem;
+                height: 3rem;
+                display: block;
+                position: relative;
+            }
+
+                #bit-bswup .bswup-container circle {
+                    fill: none;
+                    stroke: #e0e0e0;
+                    stroke-width: 0.2rem;
+                    transform-origin: 50% 50%;
+                    transform: rotate(-90deg);
+                }
+
+                    #bit-bswup .bswup-container circle:last-child {
+                        stroke: #1b6ec2;
+                        transition: stroke-dasharray 0.05s ease-in-out;
+                        stroke-dasharray: calc(3.141 * var(--bit-bswup-percent, 0%) * 0.8), 500%;
+                    }
+
+            #bit-bswup .bswup-progress-text {
+                top: 50%;
+                left: 50%;
+                font-size: 12px;
+                position: absolute;
+                text-align: center;
+                font-weight: normal;
+                transform: translate(-50%, -50%);
+            }
+
+                #bit-bswup .bswup-progress-text::after {
+                    content: var(--bit-bswup-percent-text, "");
+                }
+
+        #bit-bswup-reload {
+            top: 38px;
+            left: 50%;
+            display: none;
+            cursor: pointer;
+            position: fixed;
+            padding: 4px 8px;
+            z-index: 999999999;
+            border-radius: 2px;
+            transform: translateX(-50%);
+        }
+    </style>
+    <style>
+        .bit-lds-grid div {
+            background-color: #123456;
+        }
+
+        .bit-lds-wrapper {
+            top: 50%;
+            left: 50%;
+            position: absolute;
+            transform: translate(-50%, -50%);
+        }
+
+        .bit-lds-grid {
+            width: 80px;
+            height: 80px;
+            position: relative;
+            display: inline-block;
+        }
+
+            .bit-lds-grid div {
+                width: 16px;
+                height: 16px;
+                position: absolute;
+                border-radius: 50%;
+                animation: bit-lds-grid 1.2s linear infinite;
+            }
+
+                .bit-lds-grid div:nth-child(1) {
+                    top: 8px;
+                    left: 8px;
+                    animation-delay: 0s;
+                }
+
+                .bit-lds-grid div:nth-child(2) {
+                    top: 8px;
+                    left: 32px;
+                    animation-delay: -0.4s;
+                }
+
+                .bit-lds-grid div:nth-child(3) {
+                    top: 8px;
+                    left: 56px;
+                    animation-delay: -0.8s;
+                }
+
+                .bit-lds-grid div:nth-child(4) {
+                    top: 32px;
+                    left: 8px;
+                    animation-delay: -0.4s;
+                }
+
+                .bit-lds-grid div:nth-child(5) {
+                    top: 32px;
+                    left: 32px;
+                    animation-delay: -0.8s;
+                }
+
+                .bit-lds-grid div:nth-child(6) {
+                    top: 32px;
+                    left: 56px;
+                    animation-delay: -1.2s;
+                }
+
+                .bit-lds-grid div:nth-child(7) {
+                    top: 56px;
+                    left: 8px;
+                    animation-delay: -0.8s;
+                }
+
+                .bit-lds-grid div:nth-child(8) {
+                    top: 56px;
+                    left: 32px;
+                    animation-delay: -1.2s;
+                }
+
+                .bit-lds-grid div:nth-child(9) {
+                    top: 56px;
+                    left: 56px;
+                    animation-delay: -1.6s;
+                }
+
+
+        @keyframes bit-lds-grid {
+            0%, 100% {
+                opacity: 1;
+            }
+
+            50% {
+                opacity: 0.5;
+            }
+        }
+    </style>
+    <div>
+        <div id="app-container">
+            <div class="bit-lds-wrapper">
+                <div class="bit-lds-grid">
+                    <div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div>
+                </div>
+            </div>
+            <div id="bit-bswup">
+                <div class="bswup-progress-text"></div>
+                <svg class="bswup-container">
+                    <circle r="40%" cx="50%" cy="50%"></circle>
+                    <circle r="40%" cx="50%" cy="50%"></circle>
+                </svg>
+            </div>
+        </div>
+        <!-- If you want the update to be applied after the user approves the new Pwa version and not automatically,
+        set autoReload parameter of startBswupProgress to false and uncomment the bit-bswup-reload button code. -->
+        <!-- <button id="bit-bswup-reload">Update</button> -->
+    </div>
+    <script>
+        const autoReload = true, showLogs = false, showAssets = false, appContainer = '#app-container', hideApp = false, handler = null;
+        startBswupProgress(autoReload, showLogs, showAssets, appContainer, hideApp, handler);
+    </script>
+    <script src="_content/Bit.Butil/bit-butil.js"></script>
+    <!--#if (offlineDb == true) -->
+    <script src="_content/Bit.Besql/bit-besql.js"></script>
+    <!--#endif -->
+    <script src="_content/Bit.BlazorUI/scripts/bit.blazorui.js"></script>
+    <script src="_content/Boilerplate.Client.Core/scripts/app.js"></script>
+    <!--#if (sample == "Admin") -->
+    <script src="_content/Bit.BlazorUI.Extras/scripts/bit.blazorui.extras.js"></script>
+    <!--#endif -->
+</body>
+</html>
diff --git a/src/Templates/Boilerplate/Bit.Boilerplate/src/Client/Boilerplate.Client.Web/wwwroot/service-worker.js b/src/Templates/Boilerplate/Bit.Boilerplate/src/Client/Boilerplate.Client.Web/wwwroot/service-worker.js
index 0c4fa6ba58..6bf925d4f1 100644
--- a/src/Templates/Boilerplate/Bit.Boilerplate/src/Client/Boilerplate.Client.Web/wwwroot/service-worker.js
+++ b/src/Templates/Boilerplate/Bit.Boilerplate/src/Client/Boilerplate.Client.Web/wwwroot/service-worker.js
@@ -1,4 +1,39 @@
-// In development, always fetch from the network and do not enable offline support.
-// This is because caching would make development more difficult (changes would not
-// be reflected on the first load after each change).
-self.addEventListener('fetch', () => { });
\ No newline at end of file
+// bit version: 8.7.2-pre-01
+// https://github.com/bitfoundation/bitplatform/tree/develop/src/Bswup
+
+self.assetsInclude = [];
+self.assetsExclude = [
+    /bit\.blazorui\.fluent\.css$/,
+    /bit\.blazorui\.fluent-dark\.css$/,
+    /bit\.blazorui\.fluent-light\.css$/,
+    /Client\.Web\.styles\.css$/ // In .NET 8, an inexistent CSS file is inadvertently included in the assets list under the name 'Boilerplate.Client.Web.styles.css.'
+    // Subsequently, during the download process of assets list files, bswup attempts to retrieve this non - existent CSS file along with others.
+    // It is imperative that we expunge this file from the assets list.
+];
+self.externalAssets = [
+    {
+        "url": "/"
+    },
+    {
+        url: "_framework/blazor.web.js"
+    }
+];
+
+self.serverHandledUrls = [
+    /\/api\//,
+    /\/odata\//,
+    /\/jobs\//,
+    /\/core\//,
+    /\/signalr\//,
+    /\/healthchecks-ui/,
+    /\/healthz/,
+    /\/swagger/
+];
+
+self.defaultUrl = "/";
+self.caseInsensitiveUrl = true;
+self.noPrerenderQuery = 'no-prerender=true';
+self.isPassive = self.disablePassiveFirstBoot = true;
+self.errorTolerance = 'lax';
+
+self.importScripts('_content/Bit.Bswup/bit-bswup.sw.js');
\ No newline at end of file
diff --git a/src/Templates/Boilerplate/Bit.Boilerplate/src/Client/Boilerplate.Client.Web/wwwroot/service-worker.published.js b/src/Templates/Boilerplate/Bit.Boilerplate/src/Client/Boilerplate.Client.Web/wwwroot/service-worker.published.js
deleted file mode 100644
index 0adc03da25..0000000000
--- a/src/Templates/Boilerplate/Bit.Boilerplate/src/Client/Boilerplate.Client.Web/wwwroot/service-worker.published.js
+++ /dev/null
@@ -1,38 +0,0 @@
-// bit version: 8.7.2-pre-02
-// https://github.com/bitfoundation/bitplatform/tree/develop/src/Bswup
-
-self.assetsInclude = [];
-self.assetsExclude = [
-    /bit\.blazorui\.fluent\.css$/,
-    /bit\.blazorui\.fluent-dark\.css$/,
-    /bit\.blazorui\.fluent-light\.css$/,
-    /Client\.Web\.styles\.css$/ // In .NET 8, an inexistent CSS file is inadvertently included in the assets list under the name 'Boilerplate.Client.Web.styles.css.'
-    // Subsequently, during the download process of assets list files, bswup attempts to retrieve this non - existent CSS file along with others.
-    // It is imperative that we expunge this file from the assets list.
-];
-self.externalAssets = [
-    {
-        "url": "/"
-    },
-    {
-        "url": "_framework\/blazor.web.js"
-    }
-];
-
-self.serverHandledUrls = [
-    /\/api\//,
-    /\/odata\//,
-    /\/jobs\//,
-    /\/core\//,
-    /\/signalr\//,
-    /\/healthchecks-ui/,
-    /\/healthz/,
-    /\/swagger/
-];
-
-self.defaultUrl = "/";
-self.caseInsensitiveUrl = true;
-self.noPrerenderQuery = 'no-prerender=true';
-self.isPassive = self.disablePassiveFirstBoot = true;
-
-self.importScripts('_content/Bit.Bswup/bit-bswup.sw.js');
\ No newline at end of file
diff --git a/src/Templates/Boilerplate/Bit.Boilerplate/src/Directory.Build.props b/src/Templates/Boilerplate/Bit.Boilerplate/src/Directory.Build.props
index 4abc97ae7f..e756f92b99 100644
--- a/src/Templates/Boilerplate/Bit.Boilerplate/src/Directory.Build.props
+++ b/src/Templates/Boilerplate/Bit.Boilerplate/src/Directory.Build.props
@@ -11,10 +11,12 @@
 
         <NeutralLanguage>en-US</NeutralLanguage>
         <MultilingualEnabled>true</MultilingualEnabled>
-        <DefineConstants Condition=" '$(MultilingualEnabled)' == 'true' ">$(DefineConstants);MultilingualEnabled</DefineConstants>
-        
         <PwaEnabled>false</PwaEnabled>
-        <DefineConstants Condition=" '$(PwaEnabled)' == 'true' ">$(DefineConstants);PwaEnabled</DefineConstants>
+        <BlazorWebAssemblyStandalone>false</BlazorWebAssemblyStandalone>
+        <!-- By enabling the BlazorWebAssemblyStandalone option, you gain the ability to
+        deploy your Client.Web project on platforms such as GitHub/Cloudflare Pages and Azure Static Web Apps. -->
+
+        <PwaEnabled Condition=" '$(BlazorWebAssemblyStandalone)' == 'true' ">true</PwaEnabled>
 
         <SupportedOSPlatformVersion Condition="$(TargetFramework.Contains('-ios'))">14.0</SupportedOSPlatformVersion>
         <SupportedOSPlatformVersion Condition="$(TargetFramework.Contains('-mac'))">14.0</SupportedOSPlatformVersion>
@@ -26,6 +28,9 @@
         <DefineConstants Condition="  $(TargetFramework.Contains('-ios')) ">$(DefineConstants);iOS</DefineConstants>
         <DefineConstants Condition="  $(TargetFramework.Contains('-windows')) ">$(DefineConstants);Windows</DefineConstants>
         <DefineConstants Condition="  $(TargetFramework.Contains('-mac')) ">$(DefineConstants);Mac</DefineConstants>
+        <DefineConstants Condition=" '$(MultilingualEnabled)' == 'true' ">$(DefineConstants);MultilingualEnabled</DefineConstants>
+        <DefineConstants Condition=" '$(BlazorWebAssemblyStandalone)' == 'true' ">$(DefineConstants);BlazorWebAssemblyStandalone</DefineConstants>
+        <DefineConstants Condition=" '$(PwaEnabled)' == 'true' ">$(DefineConstants);PwaEnabled</DefineConstants>
     </PropertyGroup>
     <!--/+:msbuild-conditional:noEmit -->
 
diff --git a/src/Websites/Careers/src/Bit.Websites.Careers.Client/Services/RenderModeProvider.cs b/src/Websites/Careers/src/Bit.Websites.Careers.Client/Services/RenderModeProvider.cs
index 6b2bb37bea..a416851b7a 100644
--- a/src/Websites/Careers/src/Bit.Websites.Careers.Client/Services/RenderModeProvider.cs
+++ b/src/Websites/Careers/src/Bit.Websites.Careers.Client/Services/RenderModeProvider.cs
@@ -18,6 +18,6 @@ public static class RenderModeProvider
 #if DEBUG
     PrerenderEnabledBlazorServer; // Or BlazorServer, for better development experience.
 #else
-    PrerenderEnabledAuto;
+    PrerenderEnabledBlazorWasm;
 #endif
 }
diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Services/RenderModeProvider.cs b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Services/RenderModeProvider.cs
index 21bb6f5bd2..ec2dc67902 100644
--- a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Services/RenderModeProvider.cs
+++ b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Services/RenderModeProvider.cs
@@ -18,6 +18,6 @@ public static class RenderModeProvider
 #if DEBUG
     PrerenderEnabledBlazorServer; // Or BlazorServer, for better development experience.
 #else
-    PrerenderEnabledAuto;
+    PrerenderEnabledBlazorWasm;
 #endif
 }
diff --git a/src/Websites/Sales/src/Bit.Websites.Sales.Client/Services/RenderModeProvider.cs b/src/Websites/Sales/src/Bit.Websites.Sales.Client/Services/RenderModeProvider.cs
index c9adc543cc..fddd756ae2 100644
--- a/src/Websites/Sales/src/Bit.Websites.Sales.Client/Services/RenderModeProvider.cs
+++ b/src/Websites/Sales/src/Bit.Websites.Sales.Client/Services/RenderModeProvider.cs
@@ -19,6 +19,6 @@ public static class RenderModeProvider
 #if DEBUG
     PrerenderEnabledBlazorServer; // Or BlazorServer, for better development experience.
 #else
-    PrerenderEnabledAuto;
+    PrerenderEnabledBlazorWasm;
 #endif
 }

From 84655013123e6e10df6db32e9ed4811358acb31e Mon Sep 17 00:00:00 2001
From: Saleh Yusefnejad <msynk@outlook.com>
Date: Wed, 17 Jan 2024 20:22:36 +0330
Subject: [PATCH 37/39] fix(websites): resolve issues of links without href in
 Platform website #6568 (#6609)

---
 .../Shared/Footer.razor                       | 20 +++++++++----------
 .../Shared/Header.razor.scss                  |  2 +-
 2 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Shared/Footer.razor b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Shared/Footer.razor
index a8d48f6fa2..0a4f8d5677 100644
--- a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Shared/Footer.razor
+++ b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Shared/Footer.razor
@@ -11,26 +11,26 @@
         <div class="footer-links-container">
             <div class="footer-col">
                 <div class="footer-col-title">Products & Services</div>
-                <a class="footer-link" href="@Urls.Templates">Todo sample</a>
-                <a class="footer-link" href="@Urls.Templates">AdminPanel sample</a>
+                <a class="footer-link" href="@Urls.Butil">Butil</a>
+                <a class="footer-link" href="@Urls.Besql">Besql</a>
+                <a class="footer-link" href="@Urls.Bswup">Bswup</a>
                 <a class="footer-link" href="@Urls.Components">BlazorUI</a>
-                <a class="footer-link">Cloud hosting solutions</a>
-                <a class="footer-link">bit Academy</a>
+                <a class="footer-link" href="@Urls.Templates">Project templates</a>
             </div>
 
             <div class="footer-col">
                 <div class="footer-col-title">Community</div>
-                <a class="footer-link" target="_blank" href="@Urls.AboutUs">About</a>
-                <a class="footer-link" target="_blank" href="@Urls.GithubRepo">Github repo</a>
-                <a class="footer-link" target="_blank" href="@Urls.GithubOrg">Github org</a>
-                <a class="footer-link" target="_blank" href="@Urls.GithubIssues">Issues</a>
+                <a class="footer-link" target="_blank" href="@Urls.AboutUs">About us</a>
                 <a class="footer-link" target="_blank" href="@Urls.ContactUs">Contact us</a>
+                <a class="footer-link" target="_blank" href="@Urls.GithubIssues">Issues</a>
+                <a class="footer-link" target="_blank" href="@Urls.GithubOrg">GitHub org</a>
+                <a class="footer-link" target="_blank" href="@Urls.GithubRepo">GitHub repo</a>
             </div>
 
             <div class="footer-col">
                 <div class="footer-col-title">Media</div>
-                <a class="footer-link">Blogs</a>
-                <a class="footer-link">Videos</a>
+                <a class="footer-link">Blogs (coming soon)</a>
+                <a class="footer-link" target="_blank" href="@Urls.YouTube">Videos (YouTube)</a>
             </div>
 
             <button class="go-to-top" onclick="goToTop()">Go to top</button>
diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Shared/Header.razor.scss b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Shared/Header.razor.scss
index 3e995adc90..6d2955978a 100644
--- a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Shared/Header.razor.scss
+++ b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Shared/Header.razor.scss
@@ -245,7 +245,7 @@
     @include sm {
         padding: 0;
         overflow: auto;
-        max-height: rem2(222px);
+        max-height: 25rem;
         flex-flow: column nowrap;
     }
 

From c8f00f8ec8b01c35ef1622da125227f986848b44 Mon Sep 17 00:00:00 2001
From: Saleh Yusefnejad <msynk@outlook.com>
Date: Wed, 17 Jan 2024 20:23:07 +0330
Subject: [PATCH 38/39] fix(websites): resolve incorrect color of cmd line on
 home of Platform website #6608 (#6610)

---
 .../src/Bit.Websites.Platform.Client/Pages/HomePage.razor.scss | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/HomePage.razor.scss b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/HomePage.razor.scss
index ed47317667..c1ada261fe 100644
--- a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/HomePage.razor.scss
+++ b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/HomePage.razor.scss
@@ -270,7 +270,7 @@
         align-items: center;
         margin: rem2(50px) 0;
         border-radius: rem2(4px);
-        background-color: $bit-color-background-secondary;
+        background-color: #0a153d;
 
         span {
             white-space: nowrap;
@@ -432,6 +432,7 @@
     margin: 5rem 0;
     padding: 5rem 0;
     text-align: center;
+    background-color: $bit-color-background-secondary;
 
     @include lt-md {
         padding: 5rem 0;

From 23ea16844a856065c9d163ebdd2916d8aff9fa33 Mon Sep 17 00:00:00 2001
From: Saleh Yusefnejad <msynk@outlook.com>
Date: Wed, 17 Jan 2024 21:20:23 +0330
Subject: [PATCH 39/39] feat(release): v-8.7.2 #6611 (#6613)

---
 src/Bit.Build.props                              |  4 ++--
 .../Bit.BlazorUI.Demo.Server.csproj              |  4 ++--
 .../Bit.BlazorUI.Demo.Shared.csproj              |  4 ++--
 .../Bit.BlazorUI.Demo.Client.Core.csproj         |  4 ++--
 .../Bit.BlazorUI.Demo.Client.Maui.csproj         |  4 ++--
 .../Bit.BlazorUI.Demo.Client.Web.csproj          |  6 +++---
 .../wwwroot/service-worker.published.js          |  2 +-
 src/BlazorUI/Demo/Directory.Build.props          |  2 +-
 .../Bit.Bswup.Demo/wwwroot/service-worker.js     |  2 +-
 .../wwwroot/service-worker.published.js          |  2 +-
 .../wwwroot/service-worker.js                    |  2 +-
 .../wwwroot/service-worker.published.js          |  2 +-
 .../Bit.Bswup/Scripts/bit-bswup.progress.ts      |  2 +-
 src/Bswup/Bit.Bswup/Scripts/bit-bswup.sw.ts      |  2 +-
 src/Bswup/Bit.Bswup/Scripts/bit-bswup.ts         |  2 +-
 .../FullDemo/Client/wwwroot/service-worker.js    |  2 +-
 .../Client/wwwroot/service-worker.published.js   |  2 +-
 src/Bup/Bit.Bup/Scripts/bit-bup.progress.ts      |  2 +-
 src/Bup/Bit.Bup/Scripts/bit-bup.ts               |  2 +-
 src/Butil/Bit.Butil/Scripts/butil.ts             |  2 +-
 .../BlazorEmpty.Client/BlazorEmpty.Client.csproj |  8 ++++----
 .../BlazorEmpty/BlazorEmpty.csproj               |  8 ++++----
 .../Boilerplate.Server/Boilerplate.Server.csproj |  4 ++--
 .../Boilerplate.Shared/Boilerplate.Shared.csproj |  4 ++--
 .../Boilerplate.Client.Core.csproj               | 16 ++++++++--------
 .../Boilerplate.Client.Maui.csproj               |  4 ++--
 .../Boilerplate.Client.Web.csproj                |  6 +++---
 .../Boilerplate.Client.Windows.csproj            |  4 ++--
 .../Bit.Boilerplate/src/Directory.Build.props    |  2 +-
 .../Bit.Websites.Careers.Client.csproj           | 10 +++++-----
 .../Bit.Websites.Careers.Server.csproj           |  4 ++--
 .../Bit.Websites.Careers.Shared.csproj           |  4 ++--
 src/Websites/Careers/src/Directory.Build.props   |  2 +-
 .../Bit.Websites.Platform.Client.csproj          | 12 ++++++------
 .../Bit.Websites.Platform.Server.csproj          |  4 ++--
 .../Bit.Websites.Platform.Shared.csproj          |  4 ++--
 src/Websites/Platform/src/Directory.Build.props  |  2 +-
 .../Bit.Websites.Sales.Client.csproj             | 10 +++++-----
 .../Bit.Websites.Sales.Server.csproj             |  4 ++--
 .../Bit.Websites.Sales.Shared.csproj             |  4 ++--
 src/Websites/Sales/src/Directory.Build.props     |  2 +-
 41 files changed, 86 insertions(+), 86 deletions(-)

diff --git a/src/Bit.Build.props b/src/Bit.Build.props
index f59ae4cff9..8429eca339 100644
--- a/src/Bit.Build.props
+++ b/src/Bit.Build.props
@@ -27,8 +27,8 @@
 
 		<ReleaseVersion>8.7.2</ReleaseVersion>
 
-		<PackageReleaseNotes>https://github.com/bitfoundation/bitplatform/releases/tag/v-$(ReleaseVersion)-pre-02</PackageReleaseNotes>
-		<PackageVersion>$(ReleaseVersion)-pre-02</PackageVersion>
+		<PackageReleaseNotes>https://github.com/bitfoundation/bitplatform/releases/tag/v-$(ReleaseVersion)</PackageReleaseNotes>
+		<PackageVersion>$(ReleaseVersion)</PackageVersion>
 
 		<!-- Version -->
 		<Version Condition=" '$(Configuration)' == 'Release' ">$(ReleaseVersion).$([System.DateTime]::Now.ToString(HHmm))</Version>
diff --git a/src/BlazorUI/Demo/Bit.BlazorUI.Demo.Server/Bit.BlazorUI.Demo.Server.csproj b/src/BlazorUI/Demo/Bit.BlazorUI.Demo.Server/Bit.BlazorUI.Demo.Server.csproj
index 79c98e3ac5..f6340877aa 100644
--- a/src/BlazorUI/Demo/Bit.BlazorUI.Demo.Server/Bit.BlazorUI.Demo.Server.csproj
+++ b/src/BlazorUI/Demo/Bit.BlazorUI.Demo.Server/Bit.BlazorUI.Demo.Server.csproj
@@ -5,11 +5,11 @@
     </PropertyGroup>
 
     <ItemGroup>
-        <PackageReference Include="Bit.CodeAnalyzers" Version="8.7.2-pre-02">
+        <PackageReference Include="Bit.CodeAnalyzers" Version="8.7.2">
             <PrivateAssets>all</PrivateAssets>
             <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
         </PackageReference>
-        <PackageReference Include="Bit.SourceGenerators" Version="8.7.2-pre-02">
+        <PackageReference Include="Bit.SourceGenerators" Version="8.7.2">
             <PrivateAssets>all</PrivateAssets>
             <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
         </PackageReference>
diff --git a/src/BlazorUI/Demo/Bit.BlazorUI.Demo.Shared/Bit.BlazorUI.Demo.Shared.csproj b/src/BlazorUI/Demo/Bit.BlazorUI.Demo.Shared/Bit.BlazorUI.Demo.Shared.csproj
index e47ef23418..f13ad0f346 100644
--- a/src/BlazorUI/Demo/Bit.BlazorUI.Demo.Shared/Bit.BlazorUI.Demo.Shared.csproj
+++ b/src/BlazorUI/Demo/Bit.BlazorUI.Demo.Shared/Bit.BlazorUI.Demo.Shared.csproj
@@ -5,11 +5,11 @@
     </PropertyGroup>
 
     <ItemGroup>
-        <PackageReference Include="Bit.CodeAnalyzers" Version="8.7.2-pre-02">
+        <PackageReference Include="Bit.CodeAnalyzers" Version="8.7.2">
             <PrivateAssets>all</PrivateAssets>
             <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
         </PackageReference>
-        <PackageReference Include="Bit.SourceGenerators" Version="8.7.2-pre-02">
+        <PackageReference Include="Bit.SourceGenerators" Version="8.7.2">
             <PrivateAssets>all</PrivateAssets>
             <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
         </PackageReference>
diff --git a/src/BlazorUI/Demo/Client/Bit.BlazorUI.Demo.Client.Core/Bit.BlazorUI.Demo.Client.Core.csproj b/src/BlazorUI/Demo/Client/Bit.BlazorUI.Demo.Client.Core/Bit.BlazorUI.Demo.Client.Core.csproj
index 0d6f3b6a06..a8a252dc07 100644
--- a/src/BlazorUI/Demo/Client/Bit.BlazorUI.Demo.Client.Core/Bit.BlazorUI.Demo.Client.Core.csproj
+++ b/src/BlazorUI/Demo/Client/Bit.BlazorUI.Demo.Client.Core/Bit.BlazorUI.Demo.Client.Core.csproj
@@ -16,11 +16,11 @@
         <Content Remove="appsettings.json" />
         <EmbeddedResource Include="appsettings.json" />
 
-        <PackageReference Include="Bit.CodeAnalyzers" Version="8.7.2-pre-02">
+        <PackageReference Include="Bit.CodeAnalyzers" Version="8.7.2">
             <PrivateAssets>all</PrivateAssets>
             <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
         </PackageReference>
-        <PackageReference Include="Bit.SourceGenerators" Version="8.7.2-pre-02">
+        <PackageReference Include="Bit.SourceGenerators" Version="8.7.2">
             <PrivateAssets>all</PrivateAssets>
             <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
         </PackageReference>
diff --git a/src/BlazorUI/Demo/Client/Bit.BlazorUI.Demo.Client.Maui/Bit.BlazorUI.Demo.Client.Maui.csproj b/src/BlazorUI/Demo/Client/Bit.BlazorUI.Demo.Client.Maui/Bit.BlazorUI.Demo.Client.Maui.csproj
index cd447aee4d..ea64764888 100644
--- a/src/BlazorUI/Demo/Client/Bit.BlazorUI.Demo.Client.Maui/Bit.BlazorUI.Demo.Client.Maui.csproj
+++ b/src/BlazorUI/Demo/Client/Bit.BlazorUI.Demo.Client.Maui/Bit.BlazorUI.Demo.Client.Maui.csproj
@@ -81,12 +81,12 @@
     </ItemGroup>
 
     <ItemGroup>
-        <PackageReference Include="Bit.CodeAnalyzers" Version="8.7.2-pre-02">
+        <PackageReference Include="Bit.CodeAnalyzers" Version="8.7.2">
             <PrivateAssets>all</PrivateAssets>
             <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
         </PackageReference>
         <PackageReference Include="Microsoft.AppCenter.Crashes" Version="5.0.3" />
-        <PackageReference Include="Bit.SourceGenerators" Version="8.7.2-pre-02">
+        <PackageReference Include="Bit.SourceGenerators" Version="8.7.2">
             <PrivateAssets>all</PrivateAssets>
             <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
         </PackageReference>
diff --git a/src/BlazorUI/Demo/Client/Bit.BlazorUI.Demo.Client.Web/Bit.BlazorUI.Demo.Client.Web.csproj b/src/BlazorUI/Demo/Client/Bit.BlazorUI.Demo.Client.Web/Bit.BlazorUI.Demo.Client.Web.csproj
index b565b9e684..9a62b80eb4 100644
--- a/src/BlazorUI/Demo/Client/Bit.BlazorUI.Demo.Client.Web/Bit.BlazorUI.Demo.Client.Web.csproj
+++ b/src/BlazorUI/Demo/Client/Bit.BlazorUI.Demo.Client.Web/Bit.BlazorUI.Demo.Client.Web.csproj
@@ -26,12 +26,12 @@
     </ItemGroup>
 
     <ItemGroup>
-        <PackageReference Include="Bit.Bswup" Version="8.7.2-pre-02" />
-        <PackageReference Include="Bit.CodeAnalyzers" Version="8.7.2-pre-02">
+        <PackageReference Include="Bit.Bswup" Version="8.7.2" />
+        <PackageReference Include="Bit.CodeAnalyzers" Version="8.7.2">
             <PrivateAssets>all</PrivateAssets>
             <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
         </PackageReference>
-        <PackageReference Include="Bit.SourceGenerators" Version="8.7.2-pre-02">
+        <PackageReference Include="Bit.SourceGenerators" Version="8.7.2">
             <PrivateAssets>all</PrivateAssets>
             <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
         </PackageReference>
diff --git a/src/BlazorUI/Demo/Client/Bit.BlazorUI.Demo.Client.Web/wwwroot/service-worker.published.js b/src/BlazorUI/Demo/Client/Bit.BlazorUI.Demo.Client.Web/wwwroot/service-worker.published.js
index e7cb52b05e..b084406513 100644
--- a/src/BlazorUI/Demo/Client/Bit.BlazorUI.Demo.Client.Web/wwwroot/service-worker.published.js
+++ b/src/BlazorUI/Demo/Client/Bit.BlazorUI.Demo.Client.Web/wwwroot/service-worker.published.js
@@ -1,4 +1,4 @@
-// bit version: 8.7.2-pre-02
+// bit version: 8.7.2
 // https://github.com/bitfoundation/bitplatform/tree/develop/src/Bswup
 
 self.assetsInclude = [];
diff --git a/src/BlazorUI/Demo/Directory.Build.props b/src/BlazorUI/Demo/Directory.Build.props
index a0abb1f272..9a46e82feb 100644
--- a/src/BlazorUI/Demo/Directory.Build.props
+++ b/src/BlazorUI/Demo/Directory.Build.props
@@ -1,4 +1,4 @@
-<!-- Generated by bit-bp template v-8.7.2-pre-02 -->
+<!-- Generated by bit-bp template v-8.7.2 -->
 <Project>
     <PropertyGroup>
         <LangVersion>12.0</LangVersion>
diff --git a/src/Bswup/Bit.Bswup.Demo/wwwroot/service-worker.js b/src/Bswup/Bit.Bswup.Demo/wwwroot/service-worker.js
index 76db4272d6..e9f99f7bd3 100644
--- a/src/Bswup/Bit.Bswup.Demo/wwwroot/service-worker.js
+++ b/src/Bswup/Bit.Bswup.Demo/wwwroot/service-worker.js
@@ -1,4 +1,4 @@
-// bit version: 8.7.2-pre-02
+// bit version: 8.7.2
 
 self.assetsExclude = [/\.scp\.css$/, /weather\.json$/];
 self.caseInsensitiveUrl = true;
diff --git a/src/Bswup/Bit.Bswup.Demo/wwwroot/service-worker.published.js b/src/Bswup/Bit.Bswup.Demo/wwwroot/service-worker.published.js
index 6c07ecd2f6..82d3b383ac 100644
--- a/src/Bswup/Bit.Bswup.Demo/wwwroot/service-worker.published.js
+++ b/src/Bswup/Bit.Bswup.Demo/wwwroot/service-worker.published.js
@@ -1,4 +1,4 @@
-// bit version: 8.7.2-pre-02
+// bit version: 8.7.2
 
 self.assetsExclude = [/\.scp\.css$/, /weather\.json$/];
 self.caseInsensitiveUrl = true;
diff --git a/src/Bswup/Bit.Bswup.NewDemo/Bit.Bswup.NewDemo.Client/wwwroot/service-worker.js b/src/Bswup/Bit.Bswup.NewDemo/Bit.Bswup.NewDemo.Client/wwwroot/service-worker.js
index d3c3cf77cf..d386665984 100644
--- a/src/Bswup/Bit.Bswup.NewDemo/Bit.Bswup.NewDemo.Client/wwwroot/service-worker.js
+++ b/src/Bswup/Bit.Bswup.NewDemo/Bit.Bswup.NewDemo.Client/wwwroot/service-worker.js
@@ -1,4 +1,4 @@
-// bit version: 8.7.2-pre-02
+// bit version: 8.7.2
 
 // In development, always fetch from the network and do not enable offline support.
 // This is because caching would make development more difficult (changes would not
diff --git a/src/Bswup/Bit.Bswup.NewDemo/Bit.Bswup.NewDemo.Client/wwwroot/service-worker.published.js b/src/Bswup/Bit.Bswup.NewDemo/Bit.Bswup.NewDemo.Client/wwwroot/service-worker.published.js
index 64b88fc742..8eed04a989 100644
--- a/src/Bswup/Bit.Bswup.NewDemo/Bit.Bswup.NewDemo.Client/wwwroot/service-worker.published.js
+++ b/src/Bswup/Bit.Bswup.NewDemo/Bit.Bswup.NewDemo.Client/wwwroot/service-worker.published.js
@@ -1,4 +1,4 @@
-// bit version: 8.7.2-pre-02
+// bit version: 8.7.2
 
 self.assetsInclude = [];
 self.assetsExclude = [
diff --git a/src/Bswup/Bit.Bswup/Scripts/bit-bswup.progress.ts b/src/Bswup/Bit.Bswup/Scripts/bit-bswup.progress.ts
index 89504f27bc..4318b1bc1e 100644
--- a/src/Bswup/Bit.Bswup/Scripts/bit-bswup.progress.ts
+++ b/src/Bswup/Bit.Bswup/Scripts/bit-bswup.progress.ts
@@ -1,4 +1,4 @@
-window['bit-bswup.progress version'] = '8.7.2-pre-02';
+window['bit-bswup.progress version'] = '8.7.2';
 
 ; (function () {
     (window as any).startBswupProgress = (autoReload: boolean,
diff --git a/src/Bswup/Bit.Bswup/Scripts/bit-bswup.sw.ts b/src/Bswup/Bit.Bswup/Scripts/bit-bswup.sw.ts
index 84e3d02cfc..b291b1cc50 100644
--- a/src/Bswup/Bit.Bswup/Scripts/bit-bswup.sw.ts
+++ b/src/Bswup/Bit.Bswup/Scripts/bit-bswup.sw.ts
@@ -1,4 +1,4 @@
-self['bit-bswup.sw version'] = '8.7.2-pre-02';
+self['bit-bswup.sw version'] = '8.7.2';
 
 interface Window {
     clients: any
diff --git a/src/Bswup/Bit.Bswup/Scripts/bit-bswup.ts b/src/Bswup/Bit.Bswup/Scripts/bit-bswup.ts
index 0098baffd1..8b4386bafd 100644
--- a/src/Bswup/Bit.Bswup/Scripts/bit-bswup.ts
+++ b/src/Bswup/Bit.Bswup/Scripts/bit-bswup.ts
@@ -1,4 +1,4 @@
-window['bit-bswup version'] = '8.7.2-pre-02';
+window['bit-bswup version'] = '8.7.2';
 
 declare const Blazor: any;
 
diff --git a/src/Bswup/FullDemo/Client/wwwroot/service-worker.js b/src/Bswup/FullDemo/Client/wwwroot/service-worker.js
index 48185f4be2..713c9b79de 100644
--- a/src/Bswup/FullDemo/Client/wwwroot/service-worker.js
+++ b/src/Bswup/FullDemo/Client/wwwroot/service-worker.js
@@ -1,4 +1,4 @@
-// bit version: 8.7.2-pre-02
+// bit version: 8.7.2
 
 // In development, always fetch from the network and do not enable offline support.
 // This is because caching would make development more difficult (changes would not
diff --git a/src/Bswup/FullDemo/Client/wwwroot/service-worker.published.js b/src/Bswup/FullDemo/Client/wwwroot/service-worker.published.js
index f2538296a2..faa995905f 100644
--- a/src/Bswup/FullDemo/Client/wwwroot/service-worker.published.js
+++ b/src/Bswup/FullDemo/Client/wwwroot/service-worker.published.js
@@ -1,4 +1,4 @@
-// bit version: 8.7.2-pre-02
+// bit version: 8.7.2
 
 self.assetsInclude = [];
 self.assetsExclude = [/\.scp\.css$/, /weather\.json$/];
diff --git a/src/Bup/Bit.Bup/Scripts/bit-bup.progress.ts b/src/Bup/Bit.Bup/Scripts/bit-bup.progress.ts
index ef4cfce1c1..4a4630d914 100644
--- a/src/Bup/Bit.Bup/Scripts/bit-bup.progress.ts
+++ b/src/Bup/Bit.Bup/Scripts/bit-bup.progress.ts
@@ -1,4 +1,4 @@
-window['bit-bup.progress version'] = '8.7.2-pre-02';
+window['bit-bup.progress version'] = '8.7.2';
 
 ; (function () {
     (window as any).startBupProgress = (showLogs: boolean, showAssets: boolean, appContainerSelector: string, hideApp: boolean, autoHide: boolean) => {
diff --git a/src/Bup/Bit.Bup/Scripts/bit-bup.ts b/src/Bup/Bit.Bup/Scripts/bit-bup.ts
index 920fef0943..84496a41f1 100644
--- a/src/Bup/Bit.Bup/Scripts/bit-bup.ts
+++ b/src/Bup/Bit.Bup/Scripts/bit-bup.ts
@@ -1,4 +1,4 @@
-window['bit-bup version'] = '8.7.2-pre-02';
+window['bit-bup version'] = '8.7.2';
 
 declare const Blazor: any;
 
diff --git a/src/Butil/Bit.Butil/Scripts/butil.ts b/src/Butil/Bit.Butil/Scripts/butil.ts
index 57c985174e..25fa75df67 100644
--- a/src/Butil/Bit.Butil/Scripts/butil.ts
+++ b/src/Butil/Bit.Butil/Scripts/butil.ts
@@ -1,2 +1,2 @@
 var BitButil = BitButil || {};
-BitButil.version = window['bit-butil version'] = '8.7.2-pre-02';
\ No newline at end of file
+BitButil.version = window['bit-butil version'] = '8.7.2';
\ No newline at end of file
diff --git a/src/Templates/BlazorEmpty/Bit.BlazorEmpty/BlazorEmpty.Client/BlazorEmpty.Client.csproj b/src/Templates/BlazorEmpty/Bit.BlazorEmpty/BlazorEmpty.Client/BlazorEmpty.Client.csproj
index 470ef6e7e9..f8b74d2aa3 100644
--- a/src/Templates/BlazorEmpty/Bit.BlazorEmpty/BlazorEmpty.Client/BlazorEmpty.Client.csproj
+++ b/src/Templates/BlazorEmpty/Bit.BlazorEmpty/BlazorEmpty.Client/BlazorEmpty.Client.csproj
@@ -1,4 +1,4 @@
-<!-- Generated by bit-empty template v-8.7.2-pre-02 -->
+<!-- Generated by bit-empty template v-8.7.2 -->
 
 <Project Sdk="Microsoft.NET.Sdk.BlazorWebAssembly">
 
@@ -15,14 +15,14 @@
   </ItemGroup>
 
   <ItemGroup>
-    <PackageReference Include="Bit.BlazorUI" Version="8.7.2-pre-02" />
+    <PackageReference Include="Bit.BlazorUI" Version="8.7.2" />
 
-    <PackageReference Include="Bit.CodeAnalyzers" Version="8.7.2-pre-02">
+    <PackageReference Include="Bit.CodeAnalyzers" Version="8.7.2">
         <PrivateAssets>all</PrivateAssets>
         <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
     </PackageReference>
 
-    <PackageReference Include="Bit.SourceGenerators" Version="8.7.2-pre-02">
+    <PackageReference Include="Bit.SourceGenerators" Version="8.7.2">
         <PrivateAssets>all</PrivateAssets>
         <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
     </PackageReference>
diff --git a/src/Templates/BlazorEmpty/Bit.BlazorEmpty/BlazorEmpty/BlazorEmpty.csproj b/src/Templates/BlazorEmpty/Bit.BlazorEmpty/BlazorEmpty/BlazorEmpty.csproj
index e46e23af2d..166c51ee38 100644
--- a/src/Templates/BlazorEmpty/Bit.BlazorEmpty/BlazorEmpty/BlazorEmpty.csproj
+++ b/src/Templates/BlazorEmpty/Bit.BlazorEmpty/BlazorEmpty/BlazorEmpty.csproj
@@ -1,4 +1,4 @@
-<!-- Generated by bit-empty template v-8.7.2-pre-02 -->
+<!-- Generated by bit-empty template v-8.7.2 -->
 
 <Project Sdk="Microsoft.NET.Sdk.Web">
 
@@ -18,14 +18,14 @@
   <!--#endif -->
 
   <ItemGroup>
-    <PackageReference Include="Bit.BlazorUI" Version="8.7.2-pre-02" />
+    <PackageReference Include="Bit.BlazorUI" Version="8.7.2" />
 
-    <PackageReference Include="Bit.CodeAnalyzers" Version="8.7.2-pre-02">
+    <PackageReference Include="Bit.CodeAnalyzers" Version="8.7.2">
         <PrivateAssets>all</PrivateAssets>
         <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
     </PackageReference>
 
-    <PackageReference Include="Bit.SourceGenerators" Version="8.7.2-pre-02">
+    <PackageReference Include="Bit.SourceGenerators" Version="8.7.2">
         <PrivateAssets>all</PrivateAssets>
         <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
     </PackageReference>
diff --git a/src/Templates/Boilerplate/Bit.Boilerplate/src/Boilerplate.Server/Boilerplate.Server.csproj b/src/Templates/Boilerplate/Bit.Boilerplate/src/Boilerplate.Server/Boilerplate.Server.csproj
index b3ce400ef4..cfe692bd00 100644
--- a/src/Templates/Boilerplate/Bit.Boilerplate/src/Boilerplate.Server/Boilerplate.Server.csproj
+++ b/src/Templates/Boilerplate/Bit.Boilerplate/src/Boilerplate.Server/Boilerplate.Server.csproj
@@ -6,11 +6,11 @@
 
     <ItemGroup>
         <PackageReference Include="Magick.NET-Q16-AnyCPU" Version="13.5.0" />
-        <PackageReference Include="Bit.CodeAnalyzers" Version="8.7.2-pre-02">
+        <PackageReference Include="Bit.CodeAnalyzers" Version="8.7.2">
             <PrivateAssets>all</PrivateAssets>
             <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
         </PackageReference>
-        <PackageReference Include="Bit.SourceGenerators" Version="8.7.2-pre-02">
+        <PackageReference Include="Bit.SourceGenerators" Version="8.7.2">
             <PrivateAssets>all</PrivateAssets>
             <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
         </PackageReference>
diff --git a/src/Templates/Boilerplate/Bit.Boilerplate/src/Boilerplate.Shared/Boilerplate.Shared.csproj b/src/Templates/Boilerplate/Bit.Boilerplate/src/Boilerplate.Shared/Boilerplate.Shared.csproj
index c11b622249..2c69ca8ba9 100644
--- a/src/Templates/Boilerplate/Bit.Boilerplate/src/Boilerplate.Shared/Boilerplate.Shared.csproj
+++ b/src/Templates/Boilerplate/Bit.Boilerplate/src/Boilerplate.Shared/Boilerplate.Shared.csproj
@@ -5,11 +5,11 @@
     </PropertyGroup>
 
     <ItemGroup>
-        <PackageReference Include="Bit.CodeAnalyzers" Version="8.7.2-pre-02">
+        <PackageReference Include="Bit.CodeAnalyzers" Version="8.7.2">
             <PrivateAssets>all</PrivateAssets>
             <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
         </PackageReference>
-        <PackageReference Include="Bit.SourceGenerators" Version="8.7.2-pre-02">
+        <PackageReference Include="Bit.SourceGenerators" Version="8.7.2">
             <PrivateAssets>all</PrivateAssets>
             <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
         </PackageReference>
diff --git a/src/Templates/Boilerplate/Bit.Boilerplate/src/Client/Boilerplate.Client.Core/Boilerplate.Client.Core.csproj b/src/Templates/Boilerplate/Bit.Boilerplate/src/Client/Boilerplate.Client.Core/Boilerplate.Client.Core.csproj
index 0cdd6c14f0..e30f8aa816 100644
--- a/src/Templates/Boilerplate/Bit.Boilerplate/src/Client/Boilerplate.Client.Core/Boilerplate.Client.Core.csproj
+++ b/src/Templates/Boilerplate/Bit.Boilerplate/src/Client/Boilerplate.Client.Core/Boilerplate.Client.Core.csproj
@@ -16,19 +16,19 @@
         <Content Remove="appsettings*.json" />
         <EmbeddedResource Include="appsettings*.json" />
 
-        <PackageReference Include="Bit.Butil" Version="8.7.2-pre-02" />
-        <PackageReference Include="Bit.BlazorUI" Version="8.7.2-pre-02" />
-        <PackageReference Include="Bit.BlazorUI.Icons" Version="8.7.2-pre-02" />
-        <PackageReference Include="Bit.BlazorUI.Assets" Version="8.7.2-pre-02" />
+        <PackageReference Include="Bit.Butil" Version="8.7.2" />
+        <PackageReference Include="Bit.BlazorUI" Version="8.7.2" />
+        <PackageReference Include="Bit.BlazorUI.Icons" Version="8.7.2" />
+        <PackageReference Include="Bit.BlazorUI.Assets" Version="8.7.2" />
         <!--/+:msbuild-conditional:noEmit -->
-        <PackageReference Condition=" '$(offlineDb)' == 'true' or '$(offlineDb)' == ''" Include="Bit.Besql" Version="8.7.2-pre-02" />
-        <PackageReference Condition=" '$(sample)' == 'Admin' or '$(sample)' == ''" Include="Bit.BlazorUI.Extras" Version="8.7.2-pre-02" />
+        <PackageReference Condition=" '$(offlineDb)' == 'true' or '$(offlineDb)' == ''" Include="Bit.Besql" Version="8.7.2" />
+        <PackageReference Condition=" '$(sample)' == 'Admin' or '$(sample)' == ''" Include="Bit.BlazorUI.Extras" Version="8.7.2" />
         <!--/-:msbuild-conditional:noEmit -->
-        <PackageReference Include="Bit.CodeAnalyzers" Version="8.7.2-pre-02">
+        <PackageReference Include="Bit.CodeAnalyzers" Version="8.7.2">
             <PrivateAssets>all</PrivateAssets>
             <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
         </PackageReference>
-        <PackageReference Include="Bit.SourceGenerators" Version="8.7.2-pre-02">
+        <PackageReference Include="Bit.SourceGenerators" Version="8.7.2">
             <PrivateAssets>all</PrivateAssets>
             <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
         </PackageReference>
diff --git a/src/Templates/Boilerplate/Bit.Boilerplate/src/Client/Boilerplate.Client.Maui/Boilerplate.Client.Maui.csproj b/src/Templates/Boilerplate/Bit.Boilerplate/src/Client/Boilerplate.Client.Maui/Boilerplate.Client.Maui.csproj
index e98109877f..662aa52452 100644
--- a/src/Templates/Boilerplate/Bit.Boilerplate/src/Client/Boilerplate.Client.Maui/Boilerplate.Client.Maui.csproj
+++ b/src/Templates/Boilerplate/Bit.Boilerplate/src/Client/Boilerplate.Client.Maui/Boilerplate.Client.Maui.csproj
@@ -84,11 +84,11 @@
     </ItemGroup>
 
     <ItemGroup>
-        <PackageReference Include="Bit.CodeAnalyzers" Version="8.7.2-pre-02">
+        <PackageReference Include="Bit.CodeAnalyzers" Version="8.7.2">
             <PrivateAssets>all</PrivateAssets>
             <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
         </PackageReference>
-        <PackageReference Include="Bit.SourceGenerators" Version="8.7.2-pre-02">
+        <PackageReference Include="Bit.SourceGenerators" Version="8.7.2">
             <PrivateAssets>all</PrivateAssets>
             <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
         </PackageReference>
diff --git a/src/Templates/Boilerplate/Bit.Boilerplate/src/Client/Boilerplate.Client.Web/Boilerplate.Client.Web.csproj b/src/Templates/Boilerplate/Bit.Boilerplate/src/Client/Boilerplate.Client.Web/Boilerplate.Client.Web.csproj
index f7e977615b..286bfbee9c 100644
--- a/src/Templates/Boilerplate/Bit.Boilerplate/src/Client/Boilerplate.Client.Web/Boilerplate.Client.Web.csproj
+++ b/src/Templates/Boilerplate/Bit.Boilerplate/src/Client/Boilerplate.Client.Web/Boilerplate.Client.Web.csproj
@@ -31,12 +31,12 @@
 	<ItemGroup>
 		<PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly" Version="8.0.1" />
 		<PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly.DevServer" Version="8.0.1" PrivateAssets="all" />
-		<PackageReference Include="Bit.Bswup" Version="8.7.2-pre-02" />
-		<PackageReference Include="Bit.CodeAnalyzers" Version="8.7.2-pre-02">
+		<PackageReference Include="Bit.Bswup" Version="8.7.2" />
+		<PackageReference Include="Bit.CodeAnalyzers" Version="8.7.2">
 			<PrivateAssets>all</PrivateAssets>
 			<IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
 		</PackageReference>
-		<PackageReference Include="Bit.SourceGenerators" Version="8.7.2-pre-02">
+		<PackageReference Include="Bit.SourceGenerators" Version="8.7.2">
 			<PrivateAssets>all</PrivateAssets>
 			<IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
 		</PackageReference>
diff --git a/src/Templates/Boilerplate/Bit.Boilerplate/src/Client/Boilerplate.Client.Windows/Boilerplate.Client.Windows.csproj b/src/Templates/Boilerplate/Bit.Boilerplate/src/Client/Boilerplate.Client.Windows/Boilerplate.Client.Windows.csproj
index f3661b3c12..44c7af7b91 100644
--- a/src/Templates/Boilerplate/Bit.Boilerplate/src/Client/Boilerplate.Client.Windows/Boilerplate.Client.Windows.csproj
+++ b/src/Templates/Boilerplate/Bit.Boilerplate/src/Client/Boilerplate.Client.Windows/Boilerplate.Client.Windows.csproj
@@ -15,11 +15,11 @@
         <Using Include="Boilerplate.Client.Core.Services.Contracts" />
         <Using Include="Boilerplate.Client.Core.Services" />
         
-        <PackageReference Include="Bit.CodeAnalyzers" Version="8.7.2-pre-02">
+        <PackageReference Include="Bit.CodeAnalyzers" Version="8.7.2">
             <PrivateAssets>all</PrivateAssets>
             <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
         </PackageReference>
-        <PackageReference Include="Bit.SourceGenerators" Version="8.7.2-pre-02">
+        <PackageReference Include="Bit.SourceGenerators" Version="8.7.2">
             <PrivateAssets>all</PrivateAssets>
             <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
         </PackageReference>
diff --git a/src/Templates/Boilerplate/Bit.Boilerplate/src/Directory.Build.props b/src/Templates/Boilerplate/Bit.Boilerplate/src/Directory.Build.props
index e756f92b99..7f117da5f7 100644
--- a/src/Templates/Boilerplate/Bit.Boilerplate/src/Directory.Build.props
+++ b/src/Templates/Boilerplate/Bit.Boilerplate/src/Directory.Build.props
@@ -1,4 +1,4 @@
-<!-- Generated by bit-bp template v-8.7.2-pre-02 -->
+<!-- Generated by bit-bp template v-8.7.2 -->
 <Project>
     <!--/-:msbuild-conditional:noEmit -->
     <PropertyGroup>
diff --git a/src/Websites/Careers/src/Bit.Websites.Careers.Client/Bit.Websites.Careers.Client.csproj b/src/Websites/Careers/src/Bit.Websites.Careers.Client/Bit.Websites.Careers.Client.csproj
index 72cee4145c..8c40acea6f 100644
--- a/src/Websites/Careers/src/Bit.Websites.Careers.Client/Bit.Websites.Careers.Client.csproj
+++ b/src/Websites/Careers/src/Bit.Websites.Careers.Client/Bit.Websites.Careers.Client.csproj
@@ -24,14 +24,14 @@
         <Content Remove="appsettings.json" />
         <EmbeddedResource Include="appsettings.json" />
 
-        <PackageReference Include="Bit.BlazorUI" Version="8.7.2-pre-02" />
-        <PackageReference Include="Bit.BlazorUI.Icons" Version="8.7.2-pre-02" />
-        <PackageReference Include="Bit.BlazorUI.Assets" Version="8.7.2-pre-02" />
-        <PackageReference Include="Bit.CodeAnalyzers" Version="8.7.2-pre-02">
+        <PackageReference Include="Bit.BlazorUI" Version="8.7.2" />
+        <PackageReference Include="Bit.BlazorUI.Icons" Version="8.7.2" />
+        <PackageReference Include="Bit.BlazorUI.Assets" Version="8.7.2" />
+        <PackageReference Include="Bit.CodeAnalyzers" Version="8.7.2">
             <PrivateAssets>all</PrivateAssets>
             <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
         </PackageReference>
-        <PackageReference Include="Bit.SourceGenerators" Version="8.7.2-pre-02">
+        <PackageReference Include="Bit.SourceGenerators" Version="8.7.2">
             <PrivateAssets>all</PrivateAssets>
             <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
         </PackageReference>
diff --git a/src/Websites/Careers/src/Bit.Websites.Careers.Server/Bit.Websites.Careers.Server.csproj b/src/Websites/Careers/src/Bit.Websites.Careers.Server/Bit.Websites.Careers.Server.csproj
index 7a27c328d6..a06e994f8d 100644
--- a/src/Websites/Careers/src/Bit.Websites.Careers.Server/Bit.Websites.Careers.Server.csproj
+++ b/src/Websites/Careers/src/Bit.Websites.Careers.Server/Bit.Websites.Careers.Server.csproj
@@ -9,11 +9,11 @@
         <ProjectReference Include="..\Bit.Websites.Careers.Client\Bit.Websites.Careers.Client.csproj" />
         <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly.Server" Version="8.0.1" />
         <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly" Version="8.0.1" />
-        <PackageReference Include="Bit.CodeAnalyzers" Version="8.7.2-pre-02">
+        <PackageReference Include="Bit.CodeAnalyzers" Version="8.7.2">
             <PrivateAssets>all</PrivateAssets>
             <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
         </PackageReference>
-        <PackageReference Include="Bit.SourceGenerators" Version="8.7.2-pre-02">
+        <PackageReference Include="Bit.SourceGenerators" Version="8.7.2">
             <PrivateAssets>all</PrivateAssets>
             <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
         </PackageReference>
diff --git a/src/Websites/Careers/src/Bit.Websites.Careers.Shared/Bit.Websites.Careers.Shared.csproj b/src/Websites/Careers/src/Bit.Websites.Careers.Shared/Bit.Websites.Careers.Shared.csproj
index e5a0d7a9dc..424a87ff2a 100644
--- a/src/Websites/Careers/src/Bit.Websites.Careers.Shared/Bit.Websites.Careers.Shared.csproj
+++ b/src/Websites/Careers/src/Bit.Websites.Careers.Shared/Bit.Websites.Careers.Shared.csproj
@@ -6,11 +6,11 @@
     </PropertyGroup>
 
     <ItemGroup>
-        <PackageReference Include="Bit.CodeAnalyzers" Version="8.7.2-pre-02">
+        <PackageReference Include="Bit.CodeAnalyzers" Version="8.7.2">
             <PrivateAssets>all</PrivateAssets>
             <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
         </PackageReference>
-        <PackageReference Include="Bit.SourceGenerators" Version="8.7.2-pre-02">
+        <PackageReference Include="Bit.SourceGenerators" Version="8.7.2">
             <PrivateAssets>all</PrivateAssets>
             <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
         </PackageReference>
diff --git a/src/Websites/Careers/src/Directory.Build.props b/src/Websites/Careers/src/Directory.Build.props
index 16258d387d..8a297eef42 100644
--- a/src/Websites/Careers/src/Directory.Build.props
+++ b/src/Websites/Careers/src/Directory.Build.props
@@ -1,4 +1,4 @@
-<!-- Generated by bit-dual template v-8.7.2-pre-02 -->
+<!-- Generated by bit-dual template v-8.7.2 -->
 <Project>
     <PropertyGroup>
         <LangVersion>12.0</LangVersion>
diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Bit.Websites.Platform.Client.csproj b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Bit.Websites.Platform.Client.csproj
index acea440b61..5be5513280 100644
--- a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Bit.Websites.Platform.Client.csproj
+++ b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Bit.Websites.Platform.Client.csproj
@@ -24,15 +24,15 @@
         <Content Remove="appsettings.json" />
         <EmbeddedResource Include="appsettings.json" />
 
-        <PackageReference Include="Bit.Butil" Version="8.7.2-pre-02" />
-        <PackageReference Include="Bit.BlazorUI" Version="8.7.2-pre-02" />
-        <PackageReference Include="Bit.BlazorUI.Icons" Version="8.7.2-pre-02" />
-        <PackageReference Include="Bit.BlazorUI.Assets" Version="8.7.2-pre-02" />
-        <PackageReference Include="Bit.CodeAnalyzers" Version="8.7.2-pre-02">
+        <PackageReference Include="Bit.Butil" Version="8.7.2" />
+        <PackageReference Include="Bit.BlazorUI" Version="8.7.2" />
+        <PackageReference Include="Bit.BlazorUI.Icons" Version="8.7.2" />
+        <PackageReference Include="Bit.BlazorUI.Assets" Version="8.7.2" />
+        <PackageReference Include="Bit.CodeAnalyzers" Version="8.7.2">
             <PrivateAssets>all</PrivateAssets>
             <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
         </PackageReference>
-        <PackageReference Include="Bit.SourceGenerators" Version="8.7.2-pre-02">
+        <PackageReference Include="Bit.SourceGenerators" Version="8.7.2">
             <PrivateAssets>all</PrivateAssets>
             <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
         </PackageReference>
diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Server/Bit.Websites.Platform.Server.csproj b/src/Websites/Platform/src/Bit.Websites.Platform.Server/Bit.Websites.Platform.Server.csproj
index a61062f743..d629f11014 100644
--- a/src/Websites/Platform/src/Bit.Websites.Platform.Server/Bit.Websites.Platform.Server.csproj
+++ b/src/Websites/Platform/src/Bit.Websites.Platform.Server/Bit.Websites.Platform.Server.csproj
@@ -9,11 +9,11 @@
         <ProjectReference Include="..\Bit.Websites.Platform.Client\Bit.Websites.Platform.Client.csproj" />
         <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly.Server" Version="8.0.1" />
         <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly" Version="8.0.1" />
-        <PackageReference Include="Bit.CodeAnalyzers" Version="8.7.2-pre-02">
+        <PackageReference Include="Bit.CodeAnalyzers" Version="8.7.2">
             <PrivateAssets>all</PrivateAssets>
             <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
         </PackageReference>
-        <PackageReference Include="Bit.SourceGenerators" Version="8.7.2-pre-02">
+        <PackageReference Include="Bit.SourceGenerators" Version="8.7.2">
             <PrivateAssets>all</PrivateAssets>
             <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
         </PackageReference>
diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Shared/Bit.Websites.Platform.Shared.csproj b/src/Websites/Platform/src/Bit.Websites.Platform.Shared/Bit.Websites.Platform.Shared.csproj
index e5a0d7a9dc..424a87ff2a 100644
--- a/src/Websites/Platform/src/Bit.Websites.Platform.Shared/Bit.Websites.Platform.Shared.csproj
+++ b/src/Websites/Platform/src/Bit.Websites.Platform.Shared/Bit.Websites.Platform.Shared.csproj
@@ -6,11 +6,11 @@
     </PropertyGroup>
 
     <ItemGroup>
-        <PackageReference Include="Bit.CodeAnalyzers" Version="8.7.2-pre-02">
+        <PackageReference Include="Bit.CodeAnalyzers" Version="8.7.2">
             <PrivateAssets>all</PrivateAssets>
             <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
         </PackageReference>
-        <PackageReference Include="Bit.SourceGenerators" Version="8.7.2-pre-02">
+        <PackageReference Include="Bit.SourceGenerators" Version="8.7.2">
             <PrivateAssets>all</PrivateAssets>
             <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
         </PackageReference>
diff --git a/src/Websites/Platform/src/Directory.Build.props b/src/Websites/Platform/src/Directory.Build.props
index 555f506a07..25aa8d5ce6 100644
--- a/src/Websites/Platform/src/Directory.Build.props
+++ b/src/Websites/Platform/src/Directory.Build.props
@@ -1,4 +1,4 @@
-<!-- Generated by bit-dual template v-8.7.2-pre-02 -->
+<!-- Generated by bit-dual template v-8.7.2 -->
 <Project>
     <PropertyGroup>
         <LangVersion>12.0</LangVersion>
diff --git a/src/Websites/Sales/src/Bit.Websites.Sales.Client/Bit.Websites.Sales.Client.csproj b/src/Websites/Sales/src/Bit.Websites.Sales.Client/Bit.Websites.Sales.Client.csproj
index 48595ecc32..633ffb6776 100644
--- a/src/Websites/Sales/src/Bit.Websites.Sales.Client/Bit.Websites.Sales.Client.csproj
+++ b/src/Websites/Sales/src/Bit.Websites.Sales.Client/Bit.Websites.Sales.Client.csproj
@@ -24,14 +24,14 @@
         <Content Remove="appsettings.json" />
         <EmbeddedResource Include="appsettings.json" />
 
-        <PackageReference Include="Bit.BlazorUI" Version="8.7.2-pre-02" />
-        <PackageReference Include="Bit.BlazorUI.Icons" Version="8.7.2-pre-02" />
-        <PackageReference Include="Bit.BlazorUI.Assets" Version="8.7.2-pre-02" />
-        <PackageReference Include="Bit.CodeAnalyzers" Version="8.7.2-pre-02">
+        <PackageReference Include="Bit.BlazorUI" Version="8.7.2" />
+        <PackageReference Include="Bit.BlazorUI.Icons" Version="8.7.2" />
+        <PackageReference Include="Bit.BlazorUI.Assets" Version="8.7.2" />
+        <PackageReference Include="Bit.CodeAnalyzers" Version="8.7.2">
             <PrivateAssets>all</PrivateAssets>
             <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
         </PackageReference>
-        <PackageReference Include="Bit.SourceGenerators" Version="8.7.2-pre-02">
+        <PackageReference Include="Bit.SourceGenerators" Version="8.7.2">
             <PrivateAssets>all</PrivateAssets>
             <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
         </PackageReference>
diff --git a/src/Websites/Sales/src/Bit.Websites.Sales.Server/Bit.Websites.Sales.Server.csproj b/src/Websites/Sales/src/Bit.Websites.Sales.Server/Bit.Websites.Sales.Server.csproj
index 2b428149ab..807671abc0 100644
--- a/src/Websites/Sales/src/Bit.Websites.Sales.Server/Bit.Websites.Sales.Server.csproj
+++ b/src/Websites/Sales/src/Bit.Websites.Sales.Server/Bit.Websites.Sales.Server.csproj
@@ -9,11 +9,11 @@
         <ProjectReference Include="..\Bit.Websites.Sales.Client\Bit.Websites.Sales.Client.csproj" />
         <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly.Server" Version="8.0.1" />
         <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly" Version="8.0.1" />
-        <PackageReference Include="Bit.CodeAnalyzers" Version="8.7.2-pre-02">
+        <PackageReference Include="Bit.CodeAnalyzers" Version="8.7.2">
             <PrivateAssets>all</PrivateAssets>
             <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
         </PackageReference>
-        <PackageReference Include="Bit.SourceGenerators" Version="8.7.2-pre-02">
+        <PackageReference Include="Bit.SourceGenerators" Version="8.7.2">
             <PrivateAssets>all</PrivateAssets>
             <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
         </PackageReference>
diff --git a/src/Websites/Sales/src/Bit.Websites.Sales.Shared/Bit.Websites.Sales.Shared.csproj b/src/Websites/Sales/src/Bit.Websites.Sales.Shared/Bit.Websites.Sales.Shared.csproj
index e5a0d7a9dc..424a87ff2a 100644
--- a/src/Websites/Sales/src/Bit.Websites.Sales.Shared/Bit.Websites.Sales.Shared.csproj
+++ b/src/Websites/Sales/src/Bit.Websites.Sales.Shared/Bit.Websites.Sales.Shared.csproj
@@ -6,11 +6,11 @@
     </PropertyGroup>
 
     <ItemGroup>
-        <PackageReference Include="Bit.CodeAnalyzers" Version="8.7.2-pre-02">
+        <PackageReference Include="Bit.CodeAnalyzers" Version="8.7.2">
             <PrivateAssets>all</PrivateAssets>
             <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
         </PackageReference>
-        <PackageReference Include="Bit.SourceGenerators" Version="8.7.2-pre-02">
+        <PackageReference Include="Bit.SourceGenerators" Version="8.7.2">
             <PrivateAssets>all</PrivateAssets>
             <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
         </PackageReference>
diff --git a/src/Websites/Sales/src/Directory.Build.props b/src/Websites/Sales/src/Directory.Build.props
index 738f4f610c..3bfea9aa97 100644
--- a/src/Websites/Sales/src/Directory.Build.props
+++ b/src/Websites/Sales/src/Directory.Build.props
@@ -1,4 +1,4 @@
-<!-- Generated by bit-dual template v-8.7.2-pre-02 -->
+<!-- Generated by bit-dual template v-8.7.2 -->
 <Project>
     <PropertyGroup>
         <LangVersion>12.0</LangVersion>