3.3.0 release (#1012)

* v3.3.0 - Demos and Docs update

BlazorBootstrap.Demo.Hosted/Client/wwwroot/appsettings.json

@@ -1,7 +1,7 @@
 {
-  "version": "3.2.0",
+  "version": "3.3.0",
   "release": {
-    "short_description": "New MainLayout and Theme Switcher components, along with other enhancements!!!"
+    "short_description": "New CheckboxInput, PasswordInput, RadioInput, TextInput, TextAreaInput components, along with other enhancements!!!"
   },
   "urls": {
     "docs": "//docs.blazorbootstrap.com/docs/getting-started/blazor-webassembly",

BlazorBootstrap.Demo.RCL/Components/Pages/Form/CheckboxInput/CheckboxInputDocumentation.razor

@@ -38,5 +38,5 @@
     private const string pageDescription = "The Blazor Bootstrap CheckboxInput component is constructed using an HTML input of type 'checkbox'.";
     private const string metaTitle = "Blazor CheckboxInput Component";
     private const string metaDescription = "The Blazor Bootstrap CheckboxInput component is constructed using an HTML input of type 'checkbox'.";
-    private const string imageUrl = "https://i.imgur.com/1mVjqQv.png"; // TODO: Update image URL
+    private const string imageUrl = "https://i.imgur.com/kqSggFK.png";
 }

BlazorBootstrap.Demo.RCL/Components/Pages/Form/PasswordInput/PasswordInputDocumentation.razor

@@ -18,9 +18,9 @@
 </Section>
 
 <Section Size="HeadingSize.H2" Name="Disable" PageUrl="@pageUrl" Link="disable">
-    <div class="mb-3">Use the <code>Disabled</code> parameter to disable the <code>TextInput</code>.</div>
+    <div class="mb-3">Use the <code>Disabled</code> parameter to disable the <code>PasswordInput</code>.</div>
     <Demo Type="typeof(PasswordInput_Demo_02_Disable_A)" Tabs="false" />
-    <div class="my-3">Also, use <b>Enable()</b> and <b>Disable()</b> methods to enable and disable the <code>TextInput</code>.</div>
+    <div class="my-3">Also, use <b>Enable()</b> and <b>Disable()</b> methods to enable and disable the <code>PasswordInput</code>.</div>
     <Callout Color="CalloutColor.Warning" Heading="NOTE">
         Do not use both the <b>Disabled</b> parameter and <b>Enable()</b> &amp; <b>Disable()</b> methods.
     </Callout>
@@ -47,5 +47,5 @@
     private const string pageDescription = "The Blazor Bootstrap PasswordInput component is constructed using an HTML input of type 'password'.";
     private const string metaTitle = "Blazor PasswordInput Component";
     private const string metaDescription = "The Blazor Bootstrap PasswordInput component is constructed using an HTML input of type 'password'.";
-    private const string imageUrl = "https://i.imgur.com/1mVjqQv.png"; // TODO: Update image URL
+    private const string imageUrl = "https://i.imgur.com/0k1C2XS.png";
 }

BlazorBootstrap.Demo.RCL/Components/Pages/Form/RadioInput/RadioInputDocumentation.razor

@@ -27,16 +27,11 @@
     <Demo Type="typeof(RadioInput_Demo_02_Disable_B)" Tabs="false" />
 </Section>
 
-<Section Size="HeadingSize.H2" Name="Events: ValueChanged" PageUrl="@pageUrl" Link="events-value-changed">
-    <div class="mb-3">This event fires when the <code>RadioInput</code> value changes, but not on every keystroke.</div>
-    <Demo Type="typeof(RadioInput_Demo_03_Events_ValueChanged)" Tabs="true" />
-</Section>
-
 @code {
     private const string pageUrl = RouteConstants.Demos_RadioInput_Documentation;
     private const string pageTitle = "Blazor RadioInput";
     private const string pageDescription = "The Blazor Bootstrap RadioInput component is constructed using an HTML input of type 'radio'.";
     private const string metaTitle = "Blazor RadioInput Component";
     private const string metaDescription = "The Blazor Bootstrap RadioInput component is constructed using an HTML input of type 'radio'.";
-    private const string imageUrl = "https://i.imgur.com/1mVjqQv.png"; // TODO: Update image URL
+    private const string imageUrl = "https://i.imgur.com/8koE00q.png";
 }

BlazorBootstrap.Demo.RCL/Components/Pages/Form/TextAreaInput/TextAreaInputDocumentation.razor

@@ -33,6 +33,7 @@
 </Section>
 
 <Section Size="HeadingSize.H2" Name="Max length" PageUrl="@pageUrl" Link="max-length">
+    <div class="mb-3">Use the <code>MaxLength</code> parameter to set the maximum length of the <code>TextAreaInput</code>.</div>
     <Demo Type="typeof(TextAreaInput_Demo_04_MaxLength)" Tabs="true" />
 </Section>
 
@@ -53,8 +54,8 @@
 @code {
     private const string pageUrl = RouteConstants.Demos_TextAreaInput_Documentation;
     private const string pageTitle = "Blazor TextAreaInput";
-    private const string pageDescription = "The Blazor Bootstrap TextAreaInput component provides a multi-line plain-text editing control, ideal for scenarios requiring users to input substantial amounts of free-form text. Common use cases include comment sections on reviews or feedback forms.";
+    private const string pageDescription = "The Blazor Bootstrap TextAreaInput component provides a multi-line plain-text editing control, ideal for scenarios requiring users to input substantial amounts of free-form text. Common use cases include comment sections on reviews or review descriptions, or feedback forms.";
     private const string metaTitle = "Blazor TextAreaInput Component";
-    private const string metaDescription = "The Blazor Bootstrap TextAreaInput component provides a multi-line plain-text editing control, ideal for scenarios requiring users to input substantial amounts of free-form text. Common use cases include comment sections on reviews or feedback forms.";
-    private const string imageUrl = "https://i.imgur.com/1mVjqQv.png"; // TODO: Update image URL
+    private const string metaDescription = "The Blazor Bootstrap TextAreaInput component provides a multi-line plain-text editing control, ideal for scenarios requiring users to input substantial amounts of free-form text. Common use cases include comment sections on reviews or review descriptions, or feedback forms.";
+    private const string imageUrl = "https://i.imgur.com/aSVKMqv.png";
 }

BlazorBootstrap.Demo.RCL/Components/Pages/Form/TextInput/TextInputDocumentation.razor

@@ -33,6 +33,7 @@
 </Section>
 
 <Section Size="HeadingSize.H2" Name="Max length" PageUrl="@pageUrl" Link="max-length">
+    <div class="mb-3">Use the <code>MaxLength</code> parameter to set the maximum length of the <code>TextInput</code>.</div>
     <Demo Type="typeof(TextInput_Demo_04_MaxLength)" Tabs="true" />
 </Section>
 
@@ -56,5 +57,5 @@
     private const string pageDescription = "The Blazor Bootstrap TextInput component is constructed using an HTML input of type 'text'.";
     private const string metaTitle = "Blazor TextInput Component";
     private const string metaDescription = "The Blazor Bootstrap TextInput component is constructed using an HTML input of type 'text'.";
-    private const string imageUrl = "https://i.imgur.com/1mVjqQv.png"; // TODO: Update image URL
+    private const string imageUrl = "https://i.imgur.com/N2VUHIn.png";
 }

BlazorBootstrap.Demo.Server/appsettings.json

@@ -6,9 +6,9 @@
     }
   },
   "AllowedHosts": "*",
-  "version": "3.2.0",
+  "version": "3.3.0",
   "release": {
-    "short_description": "New MainLayout and Theme Switcher components, along with other enhancements!!!"
+    "short_description": "New CheckboxInput, PasswordInput, RadioInput, TextInput, TextAreaInput components, along with other enhancements!!!"
   },
   "urls": {
     "docs": "//docs.blazorbootstrap.com/getting-started/blazor-webassembly-net-8",

BlazorBootstrap.Demo.WebAssembly/wwwroot/appsettings.json

@@ -1,7 +1,7 @@
 {
-  "version": "3.2.0",
+  "version": "3.3.0",
   "release": {
-    "short_description": "New MainLayout and Theme Switcher components, along with other enhancements!!!"
+    "short_description": "New CheckboxInput, PasswordInput, RadioInput, TextInput, TextAreaInput components, along with other enhancements!!!"
   },
   "urls": {
     "docs": "//docs.blazorbootstrap.com/getting-started/blazor-webassembly-net-8",

README.md

@@ -41,7 +41,7 @@
 
 ## Install
 
-Install with [NuGet](https://www.nuget.org/): `Install-Package Blazor.Bootstrap -Version 3.2.0`
+Install with [NuGet](https://www.nuget.org/): `Install-Package Blazor.Bootstrap -Version 3.3.0`
 
 ## Install Blazor Bootstrap templates
 
@@ -71,6 +71,7 @@ Install [Blazor Bootstrap templates](https://github.com/vikramlearning/blazorboo
 | 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) |
+| Checkbox Input | [Docs](https://docs.blazorbootstrap.com/forms/checkbox-input) | [Demos](https://demos.blazorbootstrap.com/form/checkbox-input) |
 | 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) |
@@ -85,10 +86,12 @@ Install [Blazor Bootstrap templates](https://github.com/vikramlearning/blazorboo
 | Number Input | [Docs](https://docs.blazorbootstrap.com/forms/number-input) | [Demos](https://demos.blazorbootstrap.com/form/number-input) |
 | Offcanvas | [Docs](https://docs.blazorbootstrap.com/components/offcanvas) | [Demos](https://demos.blazorbootstrap.com/offcanvas) |
 | Pagination | [Docs](https://docs.blazorbootstrap.com/components/pagination) | [Demos](https://demos.blazorbootstrap.com/pagination) |
+| Password Input | [Docs](https://docs.blazorbootstrap.com/forms/password-input) | [Demos](https://demos.blazorbootstrap.com/form/password-input) |
 | PDF Viewer | [Docs](https://docs.blazorbootstrap.com/components/pdf-viewer) | [Demos](https://demos.blazorbootstrap.com/pdf-viewer) |
 | Placeholders | [Docs](https://docs.blazorbootstrap.com/components/placeholders) | [Demos](https://demos.blazorbootstrap.com/placeholders) |
 | Preload | [Docs](https://docs.blazorbootstrap.com/components/preload) | [Demos](https://demos.blazorbootstrap.com/preload) |
 | Progress | [Docs](https://docs.blazorbootstrap.com/components/progress) | [Demos](https://demos.blazorbootstrap.com/progress) |
+| Radio Input | [Docs](https://docs.blazorbootstrap.com/forms/radio-input) | [Demos](https://demos.blazorbootstrap.com/form/radio-input) |
 | RangeInput | [Docs](https://docs.blazorbootstrap.com/forms/range-input) | [Demos](https://demos.blazorbootstrap.com/form/range-input) |
 | Ribbon | [Docs](https://docs.blazorbootstrap.com/components/ribbon) | [Demos](https://demos.blazorbootstrap.com/ribbon) |
 | Script Loader | [Docs](https://docs.blazorbootstrap.com/components/script-loader) | [Demos](https://demos.blazorbootstrap.com/script-loader) |
@@ -98,6 +101,8 @@ Install [Blazor Bootstrap templates](https://github.com/vikramlearning/blazorboo
 | Spinners | [Docs](https://docs.blazorbootstrap.com/components/spinners) | [Demos](https://demos.blazorbootstrap.com/spinners) |
 | Switch | [Docs](https://docs.blazorbootstrap.com/forms/switch) | [Demos](https://demos.blazorbootstrap.com/form/switch) |
 | Tabs | [Docs](https://docs.blazorbootstrap.com/components/tabs) | [Demos](https://demos.blazorbootstrap.com/tabs) |
+| Text Input | [Docs](https://docs.blazorbootstrap.com/forms/text-input) | [Demos](https://demos.blazorbootstrap.com/form/text-input) |
+| TextArea Input | [Docs](https://docs.blazorbootstrap.com/forms/textarea-input) | [Demos](https://demos.blazorbootstrap.com/form/text-area-input) |
 | Theme Switcher | [Docs](https://docs.blazorbootstrap.com/components/theme-switcher) | [Demos](https://demos.blazorbootstrap.com/theme-switcher) |
 | Time Input | [Docs](https://docs.blazorbootstrap.com/forms/time-input) | [Demos](https://demos.blazorbootstrap.com/form/time-input) |
 | Toasts | [Docs](https://docs.blazorbootstrap.com/components/toasts) | [Demos](https://demos.blazorbootstrap.com/toasts) |

blazorbootstrap/BlazorBootstrap.csproj

@@ -3,14 +3,14 @@
   <PropertyGroup>
 
     <PackageId>Blazor.Bootstrap</PackageId>
-    <Version>3.2.0</Version>
-    <PackageVersion>3.2.0</PackageVersion>
+    <Version>3.3.0</Version>
+    <PackageVersion>3.3.0</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, BlazorRadarChart, BlazorScatterChart, BlazorMarkdown</PackageTags>
+    <PackageTags>Blazor, WebAssembly, BlazorWebAssembly, Bootstrap, Bootstrap5, BlazorBootstrap, BlazorAlert, BlazorAutoComplete, BlazorButtons, BlazorCallout, BlazorCharts, BlazorConfirmDialog, BlazorGrid, BlazorIcon, BlazorImage, BlazorModal, BlazorCheckboxInput, BlazorCurrencyInput, BlazorNumberInput, BlazorInput, BlazorNumber, BlazorDate, BlazorDateInput, BlazorPasswordInput, BlazorDatePicker, BlazorRadioInput, BlazorTextInput, BlazortextAreaInput, 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, BlazorMarkdown</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>-->

blazorbootstrap/Components/Form/CheckboxInput/CheckboxInput.razor.cs

@@ -20,12 +20,12 @@ protected override void OnInitialized()
     }
 
     /// <summary>
-    /// Disables number input.
+    /// Disables checkbox input.
     /// </summary>
     public void Disable() => Disabled = true;
 
     /// <summary>
-    /// Enables number input.
+    /// Enables checkbox input.
     /// </summary>
     public void Enable() => Disabled = false;
 
@@ -78,7 +78,7 @@ private async Task OnChange(ChangeEventArgs e)
     public bool Value { get; set; }
 
     /// <summary>
-    /// This event fired on every user keystroke that changes the NumberInput value.
+    /// This event fires when the <see cref="CheckboxInput" /> value changes.
     /// </summary>
     [Parameter]
     public EventCallback<bool> ValueChanged { get; set; }

blazorbootstrap/Components/Form/TextAreaInput/TextAreaInput.razor.cs

@@ -81,13 +81,13 @@ private async Task OnChange(ChangeEventArgs e)
     private string fieldCssClasses => EditContext?.FieldCssClass(fieldIdentifier) ?? "";
 
     /// <summary>
-    /// Gets or sets the maximum length of the input.
+    /// Gets or sets the maximum number of characters that can be entered.
     /// </summary>
     [Parameter]
     public int? MaxLength { get; set; }
 
     /// <summary>
-    /// Gets or sets the placeholder.
+    /// Gets or sets the placeholder text.
     /// </summary>
     /// <remarks>
     /// Default value is null.
@@ -117,7 +117,7 @@ private async Task OnChange(ChangeEventArgs e)
     public string Value { get; set; } = default!;
 
     /// <summary>
-    /// This event fired on every user keystroke that changes the NumberInput value.
+    /// This event fires when the <see cref="TextAreaInput" /> value changes.
     /// </summary>
     [Parameter]
     public EventCallback<string> ValueChanged { get; set; }

blazorbootstrap/Components/Form/TextInput/TextInput.razor.cs

@@ -53,7 +53,7 @@ private async Task OnChange(ChangeEventArgs e)
     private string autoComplete => AutoComplete ? "true" : "false";
 
     /// <summary>
-    /// If <see langword="true" />, NumberInput can complete the values automatically by the browser.
+    /// If <see langword="true" />, TextInput can complete the values automatically by the browser.
     /// </summary>
     /// <remarks>
     /// Default value is false.
@@ -75,13 +75,13 @@ private async Task OnChange(ChangeEventArgs e)
     private string fieldCssClasses => EditContext?.FieldCssClass(fieldIdentifier) ?? "";
 
     /// <summary>
-    /// Gets or sets the maximum length of the input.
+    /// Gets or sets the maximum number of characters that can be entered.
     /// </summary>
     [Parameter]
     public int? MaxLength { get; set; }
 
     /// <summary>
-    /// Gets or sets the placeholder.
+    /// Gets or sets the placeholder text.
     /// </summary>
     /// <remarks>
     /// Default value is null.
@@ -105,7 +105,7 @@ private async Task OnChange(ChangeEventArgs e)
     public string Value { get; set; } = default!;
 
     /// <summary>
-    /// This event fired on every user keystroke that changes the NumberInput value.
+    /// This event fires when the <see cref="TextInput" /> value changes.
     /// </summary>
     [Parameter]
     public EventCallback<string> ValueChanged { get; set; }

docs/blog/2025-01-28-blazorbootstrap-3.3.0.md

@@ -0,0 +1,32 @@
+---
+title: Blazor Bootstrap v3.3.0
+authors:
+  name: Vikram Reddy
+  title: Creator
+  url: https://github.com/gvreddy04
+  image_url: https://avatars.githubusercontent.com/u/2337067
+tags: [v3.3.0, blazor, bootstrap, blazorbootstrap, checkbox, grid, password, radio, text, textarea]
+---
+
+We are excited to release version 3.3.0, which includes new CheckboxInput, PasswordInput, RadioInput, TextInput, TextAreaInput components, along with other enhancements
+
+![image](https://i.imgur.com/opicd0P.png "Blazor Bootstrap: Select all or unselect all programmatically")
+
+<!--truncate-->
+
+## What's new
+- Form components
+  - CheckboxInput
+  - PasswordInput
+  - RadioInput
+  - TextInput
+  - TextAreaInput
+
+## What's changed
+- Grid component
+  - Select all or unselect all programmatically
+  - Default selection support added
+
+## Links
+- [Docs Website - Blazor Bootstrap](https://docs.blazorbootstrap.com/)
+- [Demos Website - Blazor Bootstrap](https://demos.blazorbootstrap.com/)

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

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

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.1.0
+Install-Package Blazor.Bootstrap -Version 3.3.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 3.2.0
+Install-Package Blazor.Bootstrap -Version 3.3.0
 ```
 
 ### Register services