3.3.0 release (#1012)

* v3.3.0 - Demos and Docs update

Author: gvreddy04

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/RadioInput/RadioInput_Demo_03_Events_ValueChanged.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/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>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.RCL/Components/Pages/Form/TextInput/TextInputDocumentation.razor

@@ -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.Server/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",

BlazorBootstrap.Demo.WebAssembly/wwwroot/appsettings.json

@@ -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) |