v3.0.0 release updates (#852)

* BlazorBootstrap v3.0.0 version updates
vikramlearning · Aug 25, 2024 · 758296a · 758296a
1 parent d3ce81f
commit 758296a
Show file tree

Hide file tree

Showing 19 changed files with 133 additions and 28 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.3",
+  "version": "3.0.0",
   "release": {
-    "short_description": "New Radar Chart and Scatter Chart Components and Other Improvements!!!"
+    "short_description": "New Carousel, Google Map, Image, Polar Area Chart, Radar Chart, Scatter Chart components, and other improvements!!!"
   },
   "urls": {
     "docs": "//docs.blazorbootstrap.com/docs/getting-started/blazor-webassembly",

diff --git a/BlazorBootstrap.Demo.RCL/Components/Layout/MainLayout.razor b/BlazorBootstrap.Demo.RCL/Components/Layout/MainLayout.razor
@@ -9,7 +9,6 @@
               Title="Blazor Bootstrap"
               BadgeText="@Version"
               DataProvider="Sidebar2DataProvider"
-              Width="326"
               WidthUnit="Unit.Px" />
 
     <main class="bb-scrollbar">

diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Index.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Index.razor
@@ -127,7 +127,7 @@
         </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</h4>
+                <h4 class="mb-0 fs-5 fw-semibold"><Icon Name="IconName.Image" class="me-2" /> Images <Badge Color="BadgeColor.Danger">New</Badge></h4>
             </a>
         </div>
         <div class="col-sm-4 mb-2">
@@ -187,7 +187,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</h4>
+                <h4 class="mb-0 fs-5 fw-semibold"><Icon Name="IconName.LayoutSidebarInset" class="me-2" /> Sidebar <Badge Color="BadgeColor.Success">Updated</Badge></h4>
             </a>
         </div>
         <div class="col-sm-4 mb-2">
@@ -212,7 +212,7 @@
         </div>
         <div class="col-sm-4 mb-2">
             <a class="d-block pe-lg-4 text-decoration-none lh-sm" href="/tabs">
-                <h4 class="mb-0 fs-5 fw-semibold"><Icon Name="IconName.WindowPlus" class="me-2" /> Tabs</h4>
+                <h4 class="mb-0 fs-5 fw-semibold"><Icon Name="IconName.WindowPlus" class="me-2" /> Tabs <Badge Color="BadgeColor.Success">Updated</Badge></h4>
             </a>
         </div>
         <div class="col-sm-4 mb-2">
@@ -305,7 +305,7 @@
         </div>
         <div class="col-sm-4 mb-2">
             <a class="d-block pe-lg-4 text-decoration-none lh-sm" href="/charts/polar-area-chart">
-                <h4 class="mb-0 fs-5 fw-semibold"><Icon Name="IconName.PieChartFill" class="me-2" /> Polar Area Chart <Badge Color="BadgeColor.Success">Updated</Badge></h4>
+                <h4 class="mb-0 fs-5 fw-semibold"><Icon Name="IconName.PieChartFill" class="me-2" /> Polar Area Chart <Badge Color="BadgeColor.Danger">New</Badge></h4>
             </a>
         </div>
         <div class="col-sm-4 mb-2">

diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Maps/GoogleMapDocumentation.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Maps/GoogleMapDocumentation.razor
@@ -1,4 +1,4 @@
-@page "/google-maps"
+@page "/google-map"
 
 <PageTitle>@title</PageTitle>
 
@@ -60,7 +60,7 @@
 <Demo Type="typeof(GoogleMap_Demo_06_Dynamic_markers)" Tabs="true" />
 
 @code {
-    private string pageUrl = "/google-maps";
+    private string pageUrl = "/google-map";
     private string title = "Blazor Google Map Component";
     private string description = "Blazor Bootstrap Google Map component will create maps to show locations anywhere in the world using the Google JavaScript API.";
     private string imageUrl = "https://i.imgur.com/AbyDP51.png";

diff --git a/BlazorBootstrap.Demo.Server/appsettings.json b/BlazorBootstrap.Demo.Server/appsettings.json
@@ -6,9 +6,9 @@
     }
   },
   "AllowedHosts": "*",
-  "version": "3.0.0-preview.3",
+  "version": "3.0.0",
   "release": {
-    "short_description": "New Radar Chart and Scatter Chart Components and Other Improvements!!!"
+    "short_description": "New Carousel, Google Map, Image, Polar Area Chart, Radar Chart, 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.3",
+  "version": "3.0.0",
   "release": {
-    "short_description": "New Radar Chart and Scatter Chart Components and Other Improvements!!!"
+    "short_description": "New Carousel, Google Map, Image, Polar Area Chart, Radar Chart, 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
@@ -1,6 +1,6 @@
 <p align="center">
   <a href="https://getblazorbootstrap.com/">
-    <img src="https://github.com/vikramlearning/blazorbootstrap/blob/main/BlazorBootstrap.Demo.WebAssembly/wwwroot/images/logo/logo-color.svg" alt="Blazor Bootstrap logo" width="200" height="200">
+    <img src="https://demos.blazorbootstrap.com/images/logo/logo-color.svg" alt="Blazor Bootstrap logo" width="200" height="200">
   </a>
 </p>
 
@@ -41,7 +41,7 @@
 
 ## Install
 
-Install with [NuGet](https://www.nuget.org/): `Install-Package Blazor.Bootstrap -Version 3.0.0-preview.3`
+Install with [NuGet](https://www.nuget.org/): `Install-Package Blazor.Bootstrap -Version 3.0.0`
 
 ## Install Blazor Bootstrap templates
 
@@ -63,6 +63,7 @@ Install [Blazor Bootstrap templates](https://github.com/vikramlearning/blazorboo
 | Buttons | [Docs](https://docs.blazorbootstrap.com/components/buttons) | [Demos](https://demos.blazorbootstrap.com/buttons) |
 | Callout | [Docs](https://docs.blazorbootstrap.com/components/callout) | [Demos](https://demos.blazorbootstrap.com/callout) |
 | Card | [Docs](https://docs.blazorbootstrap.com/components/card) | [Demos](https://demos.blazorbootstrap.com/card) |
+| Carousel | [Docs](https://docs.blazorbootstrap.com/components/carousel) | [Demos](https://demos.blazorbootstrap.com/carousel) |
 | Charts: Bar chart | [Docs](https://docs.blazorbootstrap.com/data-visualization/bar-chart) | [Demos](https://demos.blazorbootstrap.com/charts/bar-chart) |
 | 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) |
@@ -75,6 +76,7 @@ Install [Blazor Bootstrap templates](https://github.com/vikramlearning/blazorboo
 | Currency Input | [Docs](https://docs.blazorbootstrap.com/forms/currency-input) | [Demos](https://demos.blazorbootstrap.com/form/currency-input) |
 | Date Input | [Docs](https://docs.blazorbootstrap.com/forms/date-input) | [Demos](https://demos.blazorbootstrap.com/form/date-input) |
 | Dropdown | [Docs](https://docs.blazorbootstrap.com/components/dropdown) | [Demos](https://demos.blazorbootstrap.com/dropdown) |
+| Google Maps | [Docs](https://docs.blazorbootstrap.com/components/google-map) | [Demos](https://demos.blazorbootstrap.com/google-map) |
 | Grid | [Docs](https://docs.blazorbootstrap.com/components/grid) | [Demos](https://demos.blazorbootstrap.com/grid) |
 | Icons | [Docs](https://docs.blazorbootstrap.com/content/icons) | [Demos](https://demos.blazorbootstrap.com/icons) |
 | Images | [Docs](https://docs.blazorbootstrap.com/content/images) | [Demos](https://demos.blazorbootstrap.com/images) |
@@ -131,6 +133,9 @@ Blazor Bootstrap's documentation, which is included in this repository's root di
 ### Blazor Bootstrap - Card
 ![Blazor Bootstrap - Card](https://i.imgur.com/RhytwPa.png "Blazor Bootstrap - Card")
 
+### Blazor Bootstrap - Carousel
+![Blazor Bootstrap - Carousel](https://i.imgur.com/YoZd9Hy.png "Blazor Bootstrap - Carousel")
+
 ### Blazor Bootstrap - Charts: Bar Chart
 ![Blazor Bootstrap - Charts: Bar Chart](https://i.imgur.com/JLV7oss.png "Blazor Bootstrap - Charts: Bar Chart")
 
@@ -161,6 +166,9 @@ Blazor Bootstrap's documentation, which is included in this repository's root di
 ### Blazor Bootstrap - Dropdown
 ![Blazor Bootstrap - Dropdown](https://i.imgur.com/beAr31J.png "Blazor Bootstrap - Dropdown")
 
+### Blazor Bootstrap - Google Map
+![Blazor Bootstrap - Google Map](https://i.imgur.com/AbyDP51.png "Blazor Bootstrap - Google Map")
+
 ### Blazor Bootstrap - Grid
 ![Blazor Bootstrap - Grid](https://i.imgur.com/36RsWZ3.png "Blazor Bootstrap - Grid")
 

diff --git a/blazorbootstrap/BlazorBootstrap.csproj b/blazorbootstrap/BlazorBootstrap.csproj
@@ -3,8 +3,8 @@
   <PropertyGroup>
 
     <PackageId>Blazor.Bootstrap</PackageId>
-    <Version>3.0.0-preview.3</Version>
-    <PackageVersion>3.0.0-preview.3</PackageVersion>
+    <Version>3.0.0</Version>
+    <PackageVersion>3.0.0</PackageVersion>
 
     <!--<PackageIconUrl></PackageIconUrl>-->
     <PackageLicenseExpression>Apache-2.0</PackageLicenseExpression>

diff --git a/docs/blog/2024-08-25-blazorbootstrap-3.0.0.md b/docs/blog/2024-08-25-blazorbootstrap-3.0.0.md
@@ -0,0 +1,96 @@
+---
+title: Blazor Bootstrap v3.0.0
+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, modal, pdfviewer, piechart, polarareachart, radarchart, scatterchart, sidebar, sidebar2, pdfviewer]
+---
+
+We are excited to release version 3.0.0, which includes new Carousel, Google Map, Image, Polar Area Chart, Radar Chart, Scatter Chart components and other improvements!!!
+
+![image](https://i.imgur.com/AbyDP51.png "Blazor Bootstrap: Radar Chart Component")
+
+<!--truncate-->
+
+## What's new
+
+- `Carousel` component
+- `Google Map` component
+- `Image Chart` component
+- `Polar Area Chart` component
+- `Radar Chart` component
+- `Scatter Chart` component
+
+## What's changed
+
+-  `Chart` components
+  - Tick configuration support added
+  - Grid configuration support added
+  - Updated Dataset and ChartOption properties
+  - Updated documentation and demos
+
+- `Color Utility`
+  - Added color utility demos
+
+- `Grid` component
+  - Grid filters - Supports DoesNotContain filter.
+  - Grid filters - Enum support added.
+  - Grid filters - Guid support added.
+  - Details View support added.
+  - Nested Grid support added.
+  - New GridLoadingTemplate and GridEmptyDataTemplate params added.
+  - New GridContainerClass and GridContainerStyle parameters added.
+  - New FilterButtonColor parameter added to change the filter button color to filter button.
+  - New FilterButtonCSSClass parameter added to apply custom CSS classes to filter button.
+  - Highlight row when selected and customize the row color and background color.
+
+- `Modal` component
+  - Bootstrtap 5.3.3 fixes: Modal close button alignment issue fixed.
+
+- `PdfViewer` component
+  - Fixed rendering issue for MAUI Blazor Hybrid Apps
+
+- `Sidebar` and `Sidebar2` components
+  - Href, Width and WidthUnit parameters added.
+  - Fixed icon alignment issue for non-US cultures
+
+- `Tabs` component
+  - `GetActiveTab()` method added
+
+- Demos & Docs updated.
+
+## Breaking changes
+
+- `AccordionItem`
+  - **IsActive** parameter renamed to **Active**.
+
+- `Button`
+  - **Size**'s parameter data type changed from **Size** to **ButtonSize**.
+
+- `Callout`
+  - **Type** parameter changed to **Color**.
+
+- `Dropdown`
+  - Set the dropdown color on `Dropdown` component only instead of setting on the `DropdownActionButton` and `DropdownToggleButton`.
+  - **Size**'s parameter data type changed from **Size** to **DropdownSize**.
+
+- `DropdownActionButton`
+  - **Color** parameter removed.
+
+- `DropdownToggleButton`
+  - **Color** parameter removed.
+
+- `DropdownItem`
+  - **Type**'s parameter data type changed from **ButtonType** to **DropdownItemType**.
+
+- `RibbonTab`
+  - **IsActive** parameter renamed to **Active**.
+
+- `Tab`
+  - **IsActive** parameter renamed to **Active**.
+
+## 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.3
+Install-Package Blazor.Bootstrap -Version 3.0.0
 ```
 
 ## 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.3
+Install-Package Blazor.Bootstrap -Version 3.0.0
 ```
 
 ## 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.3
+Install-Package Blazor.Bootstrap -Version 3.0.0
 ```
 
 ### Add CSS references
@@ -87,7 +87,7 @@ The default Blazor template includes demonstration code and Bootstrap. To remove
 Use NuGet package manager.
 
 ```shell
-Install-Package Blazor.Bootstrap -Version 2.2.1
+Install-Package Blazor.Bootstrap -Version 3.0.0
 ```
 
 ### Register services

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,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.3
+Install-Package Blazor.Bootstrap -Version 3.0.0
 ```
 
 ## Add CSS references

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.3
+Install-Package Blazor.Bootstrap -Version 3.0.0
 ```
 
 ## 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.3
+Install-Package Blazor.Bootstrap -Version 3.0.0
 ```
 
 ## 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.3
+Install-Package Blazor.Bootstrap -Version 3.0.0
 ```
 
 ## 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.3
+Install-Package Blazor.Bootstrap -Version 3.0.0
 ```
 
 ## 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.3
+Install-Package Blazor.Bootstrap -Version 3.0.0
 ```
 
 ## 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.3`
+- Install with [NuGet](https://www.nuget.org/): `Install-Package Blazor.Bootstrap -Version 3.0.0`
 - 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)
@@ -42,6 +42,7 @@ Get started any way you want
 | Buttons | [Docs](https://docs.blazorbootstrap.com/components/buttons) | [Demos](https://demos.blazorbootstrap.com/buttons) |
 | Callout | [Docs](https://docs.blazorbootstrap.com/components/callout) | [Demos](https://demos.blazorbootstrap.com/callout) |
 | Card | [Docs](https://docs.blazorbootstrap.com/components/card) | [Demos](https://demos.blazorbootstrap.com/card) |
+| Carousel | [Docs](https://docs.blazorbootstrap.com/components/carousel) | [Demos](https://demos.blazorbootstrap.com/carousel) |
 | Charts: Bar chart | [Docs](https://docs.blazorbootstrap.com/data-visualization/bar-chart) | [Demos](https://demos.blazorbootstrap.com/charts/bar-chart) |
 | 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) |
@@ -54,6 +55,7 @@ Get started any way you want
 | Currency Input | [Docs](https://docs.blazorbootstrap.com/forms/currency-input) | [Demos](https://demos.blazorbootstrap.com/form/currency-input) |
 | Date Input | [Docs](https://docs.blazorbootstrap.com/forms/date-input) | [Demos](https://demos.blazorbootstrap.com/form/date-input) |
 | Dropdown | [Docs](https://docs.blazorbootstrap.com/components/dropdown) | [Demos](https://demos.blazorbootstrap.com/dropdown) |
+| Google Maps | [Docs](https://docs.blazorbootstrap.com/components/google-map) | [Demos](https://demos.blazorbootstrap.com/google-map) |
 | Grid | [Docs](https://docs.blazorbootstrap.com/components/grid) | [Demos](https://demos.blazorbootstrap.com/grid) |
 | Icons | [Docs](https://docs.blazorbootstrap.com/content/icons) | [Demos](https://demos.blazorbootstrap.com/icons) |
 | Images | [Docs](https://docs.blazorbootstrap.com/content/images) | [Demos](https://demos.blazorbootstrap.com/images) |