Blazor Bootstrap v3.0.0-preview.3 (#806)

* Blazor Bootstrap v3.0.0-preview.3 - docs & demos updated
vikramlearning · Jul 15, 2024 · 993619e · 993619e
1 parent c4568cf
commit 993619e
Show file tree

Hide file tree

Showing 17 changed files with 95 additions and 26 deletions.
diff --git a/BlazorBootstrap.Demo.Hosted/Client/wwwroot/appsettings.json b/BlazorBootstrap.Demo.Hosted/Client/wwwroot/appsettings.json
@@ -1,7 +1,7 @@
 {
-  "version": "3.0.0-preview.2",
+  "version": "3.0.0-preview.3",
   "release": {
-    "short_description": "New Polar Area Chart and Image Components and Other Improvements!!!"
+    "short_description": "New Radar Chart and Scatter Chart Components and Other Improvements!!!"
   },
   "urls": {
     "docs": "//docs.blazorbootstrap.com/docs/getting-started/blazor-webassembly",

diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Index.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Index.razor
@@ -117,12 +117,12 @@
         </div>
         <div class="col-sm-4 mb-2">
             <a class="d-block pe-lg-4 text-decoration-none lh-sm" href="/images">
-                <h4 class="mb-0 fs-5 fw-semibold"><Icon Name="IconName.Image" class="me-2" /> Images <Badge Color="BadgeColor.Danger">New</Badge></h4>
+                <h4 class="mb-0 fs-5 fw-semibold"><Icon Name="IconName.Image" class="me-2" /> Images</h4>
             </a>
         </div>
         <div class="col-sm-4 mb-2">
             <a class="d-block pe-lg-4 text-decoration-none lh-sm" href="/modals">
-                <h4 class="mb-0 fs-5 fw-semibold"><Icon Name="IconName.WindowStack" class="me-2" /> Modals <Badge Color="BadgeColor.Success">Updated</Badge></h4>
+                <h4 class="mb-0 fs-5 fw-semibold"><Icon Name="IconName.WindowStack" class="me-2" /> Modals</h4>
             </a>
         </div>
         <div class="col-sm-4 mb-2">
@@ -142,7 +142,7 @@
         </div>
         <div class="col-sm-4 mb-2">
             <a class="d-block pe-lg-4 text-decoration-none lh-sm" href="/pdf-viewer">
-                <h4 class="mb-0 fs-5 fw-semibold"><Icon Name="IconName.FilePdfFill" class="me-2" /> PDF Viewer</h4>
+                <h4 class="mb-0 fs-5 fw-semibold"><Icon Name="IconName.FilePdfFill" class="me-2" /> PDF Viewer <Badge Color="BadgeColor.Success">Updated</Badge></h4>
             </a>
         </div>
         <div class="col-sm-4 mb-2">
@@ -177,7 +177,7 @@
         </div>
         <div class="col-sm-4 mb-2">
             <a class="d-block pe-lg-4 text-decoration-none lh-sm" href="/sidebar">
-                <h4 class="mb-0 fs-5 fw-semibold"><Icon Name="IconName.LayoutSidebarInset" class="me-2" /> Sidebar <Badge Color="BadgeColor.Success">Updated</Badge></h4>
+                <h4 class="mb-0 fs-5 fw-semibold"><Icon Name="IconName.LayoutSidebarInset" class="me-2" /> Sidebar</h4>
             </a>
         </div>
         <div class="col-sm-4 mb-2">

diff --git a/BlazorBootstrap.Demo.Server/appsettings.json b/BlazorBootstrap.Demo.Server/appsettings.json
@@ -6,9 +6,9 @@
     }
   },
   "AllowedHosts": "*",
-  "version": "3.0.0-preview.2",
+  "version": "3.0.0-preview.3",
   "release": {
-    "short_description": "New Polar Area Chart and Image Components and Other Improvements!!!"
+    "short_description": "New Radar Chart and Scatter Chart Components and Other Improvements!!!"
   },
   "urls": {
     "docs": "//docs.blazorbootstrap.com/getting-started/blazor-webassembly-net-8",

diff --git a/BlazorBootstrap.Demo.WebAssembly/wwwroot/appsettings.json b/BlazorBootstrap.Demo.WebAssembly/wwwroot/appsettings.json
@@ -1,7 +1,7 @@
 {
-  "version": "3.0.0-preview.2",
+  "version": "3.0.0-preview.3",
   "release": {
-    "short_description": "New Polar Area Chart and Image Components and Other Improvements!!!"
+    "short_description": "New Radar Chart and Scatter Chart Components and Other Improvements!!!"
   },
   "urls": {
     "docs": "//docs.blazorbootstrap.com/getting-started/blazor-webassembly-net-8",

diff --git a/README.md b/README.md
@@ -41,7 +41,7 @@
 
 ## Install
 
-Install with [NuGet](https://www.nuget.org/): `Install-Package Blazor.Bootstrap -Version 3.0.0-preview.2`
+Install with [NuGet](https://www.nuget.org/): `Install-Package Blazor.Bootstrap -Version 3.0.0-preview.3`
 
 ## Install Blazor Bootstrap templates
 
@@ -67,6 +67,9 @@ Install [Blazor Bootstrap templates](https://github.com/vikramlearning/blazorboo
 | Charts: Doughnut chart | [Docs](https://docs.blazorbootstrap.com/data-visualization/doughnut-chart) | [Demos](https://demos.blazorbootstrap.com/charts/doughnut-chart) |
 | Charts: Line chart | [Docs](https://docs.blazorbootstrap.com/data-visualization/line-chart) | [Demos](https://demos.blazorbootstrap.com/charts/line-chart) |
 | Charts: Pie chart | [Docs](https://docs.blazorbootstrap.com/data-visualization/pie-chart) | [Demos](https://demos.blazorbootstrap.com/charts/pie-chart) |
+| Charts: Polar Area chart | [Docs](https://docs.blazorbootstrap.com/data-visualization/polar-area-chart) | [Demos](https://demos.blazorbootstrap.com/charts/polar-area-chart) |
+| Charts: Radar chart | [Docs](https://docs.blazorbootstrap.com/data-visualization/radar-chart) | [Demos](https://demos.blazorbootstrap.com/charts/radar-chart) |
+| Charts: Scatter chart | [Docs](https://docs.blazorbootstrap.com/data-visualization/scatter-chart) | [Demos](https://demos.blazorbootstrap.com/charts/scatter-chart) |
 | Collapse | [Docs](https://docs.blazorbootstrap.com/components/collapse) | [Demos](https://demos.blazorbootstrap.com/collapse) |
 | Confirm Dialog | [Docs](https://docs.blazorbootstrap.com/components/confirm-dialog) | [Demos](https://demos.blazorbootstrap.com/confirm-dialog) |
 | Currency Input | [Docs](https://docs.blazorbootstrap.com/forms/currency-input) | [Demos](https://demos.blazorbootstrap.com/form/currency-input) |

diff --git a/blazorbootstrap/BlazorBootstrap.csproj b/blazorbootstrap/BlazorBootstrap.csproj
@@ -3,14 +3,14 @@
   <PropertyGroup>
 
     <PackageId>Blazor.Bootstrap</PackageId>
-    <Version>3.0.0-preview.2</Version>
-    <PackageVersion>3.0.0-preview.2</PackageVersion>
+    <Version>3.0.0-preview.3</Version>
+    <PackageVersion>3.0.0-preview.3</PackageVersion>
 
     <!--<PackageIconUrl></PackageIconUrl>-->
     <PackageLicenseExpression>Apache-2.0</PackageLicenseExpression>
     <PackageProjectUrl>https://docs.blazorbootstrap.com/</PackageProjectUrl>
     <RepositoryUrl>https://github.com/vikramlearning/blazorbootstrap</RepositoryUrl>
-    <PackageTags>Blazor, WebAssembly, BlazorWebAssembly, Bootstrap, Bootstrap5, BlazorBootstrap, BlazorAlert, BlazorAutoComplete, BlazorButtons, BlazorCallout, BlazorCharts, BlazorConfirmDialog, BlazorGrid, BlazorIcon, BlazorImage, BlazorModal, BlazorCurrencyInput, BlazorNumberInput, BlazorInput, BlazorNumber, BlazorDate, BlazorDateInput, BlazorDatePicker, BlazorTime, BlazorTimeInput, BlazorTimePicker, BlazorOffcanvas, BlazorPagination, BlazorPdfViewer, BlazorPlaceholders, BlazorPreload, BlazorProgress, BlazorRibbon, BlazorScriptLoader, BlazorSidebar, BlazorSidebar2, BlazorSortableList, BlazorSwitch, BlazorSpinners, BlazorTabs, BlazorToasts, BlazorTooltips, BlazorTooltips, BlazorBarChart, BlazorDoughnutChart, BlazorLineChart, BlazorPieChart, BlazorPolarAreaChart</PackageTags>
+    <PackageTags>Blazor, WebAssembly, BlazorWebAssembly, Bootstrap, Bootstrap5, BlazorBootstrap, BlazorAlert, BlazorAutoComplete, BlazorButtons, BlazorCallout, BlazorCharts, BlazorConfirmDialog, BlazorGrid, BlazorIcon, BlazorImage, BlazorModal, BlazorCurrencyInput, BlazorNumberInput, BlazorInput, BlazorNumber, BlazorDate, BlazorDateInput, BlazorDatePicker, BlazorTime, BlazorTimeInput, BlazorTimePicker, BlazorOffcanvas, BlazorPagination, BlazorPdfViewer, BlazorPlaceholders, BlazorPreload, BlazorProgress, BlazorRibbon, BlazorScriptLoader, BlazorSidebar, BlazorSidebar2, BlazorSortableList, BlazorSwitch, BlazorSpinners, BlazorTabs, BlazorToasts, BlazorTooltips, BlazorTooltips, BlazorBarChart, BlazorDoughnutChart, BlazorLineChart, BlazorPieChart, BlazorPolarAreaChart, BlazorRadarChart, BlazorScatterChart</PackageTags>
     <Description>Blazor Bootstrap is a component library built on top of Blazor and Bootstrap5 CSS framework.</Description>
     <Authors>Vikram Reddy</Authors>
     <!--<Company>your_company</Company>-->

diff --git a/docs/blog/2024-07-15-blazorbootstrap-3.0.0-preview.3.md b/docs/blog/2024-07-15-blazorbootstrap-3.0.0-preview.3.md
@@ -0,0 +1,61 @@
+---
+title: Blazor Bootstrap v3.0.0-preview.3
+authors:
+  name: Vikram Reddy
+  title: Creator
+  url: https://github.com/gvreddy04
+  image_url: https://avatars.githubusercontent.com/u/2337067
+tags: [v3.0.0, blazor, bootstrap, blazorbootstrap, charts, grid, barchart, doughnutchart, linechart, piechart, polarareachart, radarchart, scatterchart, pdfviewer, sidebar2]
+---
+
+We are excited to release version 3.0.0-preview.3, which includes new Radar chart and Scatter chart components, and other improvements!
+
+![image](https://i.imgur.com/Urrb79M.png "Blazor Bootstrap: Radar Chart Component")
+
+<!--truncate-->
+
+## What's new
+
+- `Radar Chart` component
+- `Scatter Chart` component
+
+## What's changed
+
+- `Grid` component
+  - Fixed enum filter issues
+  - Updated placeholders
+
+- `Bar Chart` component
+  - Updated Dataset and ChartOption properties
+  - Updated documentation and demos
+
+- `Doughnut Chart` component
+  - Updated Dataset and ChartOption properties
+  - Updated documentation and demos
+
+- `Line Chart` component
+  - Updated Dataset and ChartOption properties
+  - Updated documentation and demos
+
+- `Pie Chart` component
+  - Updated Dataset and ChartOption properties
+  - Updated documentation and demos
+
+- `PolarArea Chart` component
+  - Updated Dataset and ChartOption properties
+  - Updated documentation and demos
+
+- `Sidebar2` component
+  - Fixed icon alignment issue for non-US cultures
+
+- `PdfViewer` component
+  - Fixed rendering issue for MAUI Blazor Hybrid Apps
+
+- `Color Utility`
+  - Added color utility demos
+
+- Demos & Docs updated.
+
+## Links
+- [Demo Website - Blazor Server](https://demos.blazorbootstrap.com/)
+- [Demo Website - Blazor WebAssembly](https://demos.getblazorbootstrap.com/)
diff --git a/docs/docs/01-getting-started/01-a-getting-started-webassembly-NET-8.mdx b/docs/docs/01-getting-started/01-a-getting-started-webassembly-NET-8.mdx
@@ -18,7 +18,7 @@ Get started with the Enterprise-class Blazor Bootstrap Component library built o
 Looking to quickly add **Blazor Bootstrap** to your project? Use NuGet package manager.
 
 ```shell
-Install-Package Blazor.Bootstrap -Version 3.0.0-preview.2
+Install-Package Blazor.Bootstrap -Version 3.0.0-preview.3
 ```
 
 ## Add CSS references

diff --git a/docs/docs/01-getting-started/01-b-getting-started-webapp-server-global-NET-8.mdx b/docs/docs/01-getting-started/01-b-getting-started-webapp-server-global-NET-8.mdx
@@ -18,7 +18,7 @@ Get started with the Enterprise-class Blazor Bootstrap Component library built o
 Looking to quickly add **Blazor Bootstrap** to your project? Use NuGet package manager.
 
 ```shell
-Install-Package Blazor.Bootstrap -Version 3.0.0-preview.2
+Install-Package Blazor.Bootstrap -Version 3.0.0-preview.3
 ```
 
 ## Add CSS references

diff --git a/docs/docs/01-getting-started/01-c-getting-started-webapp-auto-global-NET-8.mdx b/docs/docs/01-getting-started/01-c-getting-started-webapp-auto-global-NET-8.mdx
@@ -20,7 +20,7 @@ Get started with the Enterprise-class Blazor Bootstrap Component library built o
 Use NuGet package manager.
 
 ```shell
-Install-Package Blazor.Bootstrap -Version 3.0.0-preview.2
+Install-Package Blazor.Bootstrap -Version 3.0.0-preview.3
 ```
 
 ### Add CSS references

diff --git a/docs/docs/01-getting-started/01-d-getting-started-maui-blazor-NET-8.mdx b/docs/docs/01-getting-started/01-d-getting-started-maui-blazor-NET-8.mdx
@@ -18,12 +18,12 @@ Get started with the Enterprise-class Blazor Bootstrap Component library built o
 Looking to quickly add **Blazor Bootstrap** to your project? Use NuGet package manager.
 
 ```shell
-Install-Package Blazor.Bootstrap -Version 3.0.0-preview.2
+Install-Package Blazor.Bootstrap -Version 3.0.0-preview.3
 ```
 
 ## Add CSS references
 
-After the <base href="/" /> tag in the **head** section in the **wwwroot/index.html** file, add the following references:
+After the `<base href="/" />` tag in the **head** section in the **wwwroot/index.html** file, add the following references:
 
 ```html showLineNumbers
 <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
@@ -80,7 +80,9 @@ The default Blazor template includes demonstration code, icons, and Bootstrap. T
 
 ## Starter template
 
-TODO
+[GitHub Repo: Blazor Bootstrap - MAUI Blazor Hybrid App (.NET 8)](https://github.com/vikramlearning/blazorbootstrap-starter-templates/tree/master/src/BlazorBootstrap.Templates.Starter/NET8.MauiBlazorHybridApp)
+
+<img src="https://camo.githubusercontent.com/a51a2e865972de648da1a8f70459134fce0651710631ddd62f5b445247caa486/68747470733a2f2f692e696d6775722e636f6d2f7752746d5874482e706e67" alt="Blazor Bootstrap - MAUI Blazor Hybrid App" />
 
 ## Sample Code
 

diff --git a/docs/docs/01-getting-started/02-a-getting-started-webassembly-NET-7.mdx b/docs/docs/01-getting-started/02-a-getting-started-webassembly-NET-7.mdx
@@ -18,7 +18,7 @@ Get started with the Enterprise-class Blazor Bootstrap Component library built o
 Looking to quickly add **Blazor Bootstrap** to your project? Use NuGet package manager.
 
 ```shell
-Install-Package Blazor.Bootstrap -Version 3.0.0-preview.2
+Install-Package Blazor.Bootstrap -Version 3.0.0-preview.3
 ```
 
 ## Add CSS references

diff --git a/docs/docs/01-getting-started/02-b-getting-started-server-NET-7.mdx b/docs/docs/01-getting-started/02-b-getting-started-server-NET-7.mdx
@@ -18,7 +18,7 @@ Get started with the Enterprise-class Blazor Bootstrap Component library built o
 Looking to quickly add **Blazor Bootstrap** to your project? Use NuGet package manager.
 
 ```shell
-Install-Package Blazor.Bootstrap -Version 3.0.0-preview.2
+Install-Package Blazor.Bootstrap -Version 3.0.0-preview.3
 ```
 
 ## Add CSS references

diff --git a/docs/docs/01-getting-started/02-c-getting-started-maui-blazor-NET-7.mdx b/docs/docs/01-getting-started/02-c-getting-started-maui-blazor-NET-7.mdx
@@ -18,7 +18,7 @@ Get started with the Enterprise-class Blazor Bootstrap Component library built o
 Looking to quickly add **Blazor Bootstrap** to your project? Use NuGet package manager.
 
 ```shell
-Install-Package Blazor.Bootstrap -Version 3.0.0-preview.2
+Install-Package Blazor.Bootstrap -Version 3.0.0-preview.3
 ```
 
 ## Add CSS references

diff --git a/docs/docs/01-getting-started/03-a-getting-started-webassembly-NET-6.mdx b/docs/docs/01-getting-started/03-a-getting-started-webassembly-NET-6.mdx
@@ -18,7 +18,7 @@ Get started with the Enterprise-class Blazor Bootstrap Component library built o
 Looking to quickly add **Blazor Bootstrap** to your project? Use NuGet package manager.
 
 ```shell
-Install-Package Blazor.Bootstrap -Version 3.0.0-preview.2
+Install-Package Blazor.Bootstrap -Version 3.0.0-preview.3
 ```
 
 ## Add CSS references

diff --git a/docs/docs/01-getting-started/03-b-getting-started-server-NET-6.mdx b/docs/docs/01-getting-started/03-b-getting-started-server-NET-6.mdx
@@ -18,7 +18,7 @@ Get started with the Enterprise-class Blazor Bootstrap Component library built o
 Looking to quickly add **Blazor Bootstrap** to your project? Use NuGet package manager.
 
 ```shell
-Install-Package Blazor.Bootstrap -Version 3.0.0-preview.2
+Install-Package Blazor.Bootstrap -Version 3.0.0-preview.3
 ```
 
 ## Add CSS references

diff --git a/nuget/README.md b/nuget/README.md
@@ -18,7 +18,7 @@
 Get started any way you want
 
 - Clone the repo: `git clone https://github.com/vikramlearning/blazorbootstrap.git`
-- Install with [NuGet](https://www.nuget.org/): `Install-Package Blazor.Bootstrap -Version 3.0.0-preview.2`
+- Install with [NuGet](https://www.nuget.org/): `Install-Package Blazor.Bootstrap -Version 3.0.0-preview.3`
 - Install [Blazor Bootstrap templates](https://github.com/vikramlearning/blazorbootstrap-project-templates) with **.NET CLI**: `dotnet new install Blazor.Bootstrap.Templates::1.10.0`
 
   ![image](https://user-images.githubusercontent.com/2337067/233800604-43986ae7-27dd-4f17-9af6-c2f1a6f07097.png)
@@ -46,6 +46,9 @@ Get started any way you want
 | Charts: Doughnut chart | [Docs](https://docs.blazorbootstrap.com/data-visualization/doughnut-chart) | [Demos](https://demos.blazorbootstrap.com/charts/doughnut-chart) |
 | Charts: Line chart | [Docs](https://docs.blazorbootstrap.com/data-visualization/line-chart) | [Demos](https://demos.blazorbootstrap.com/charts/line-chart) |
 | Charts: Pie chart | [Docs](https://docs.blazorbootstrap.com/data-visualization/pie-chart) | [Demos](https://demos.blazorbootstrap.com/charts/pie-chart) |
+| Charts: Polar Area chart | [Docs](https://docs.blazorbootstrap.com/data-visualization/polar-area-chart) | [Demos](https://demos.blazorbootstrap.com/charts/polar-area-chart) |
+| Charts: Radar chart | [Docs](https://docs.blazorbootstrap.com/data-visualization/radar-chart) | [Demos](https://demos.blazorbootstrap.com/charts/radar-chart) |
+| Charts: Scatter chart | [Docs](https://docs.blazorbootstrap.com/data-visualization/scatter-chart) | [Demos](https://demos.blazorbootstrap.com/charts/scatter-chart) |
 | Collapse | [Docs](https://docs.blazorbootstrap.com/components/collapse) | [Demos](https://demos.blazorbootstrap.com/collapse) |
 | Confirm Dialog | [Docs](https://docs.blazorbootstrap.com/components/confirm-dialog) | [Demos](https://demos.blazorbootstrap.com/confirm-dialog) |
 | Currency Input | [Docs](https://docs.blazorbootstrap.com/forms/currency-input) | [Demos](https://demos.blazorbootstrap.com/form/currency-input) |