PDF Viewer JS call issue fixed. (#547)

gvreddy04 · web-flow · commit 73fd55e7d947 · 2024-02-04T12:27:49.000+05:30
* PDF Viewer JS call issue fixed.

* 1.11.1 updates

* README - images fixed
diff --git a/BlazorBootstrap.Demo.Hosted/Client/wwwroot/appsettings.json b/BlazorBootstrap.Demo.Hosted/Client/wwwroot/appsettings.json
@@ -1,5 +1,5 @@
 {
-  "version": "1.11.0",
+  "version": "1.11.1",
   "release": {
     "short_description": "New PDF Viewer, Range Input and Script Loader components!!!"
   },
diff --git a/BlazorBootstrap.Demo.Server/appsettings.json b/BlazorBootstrap.Demo.Server/appsettings.json
@@ -6,7 +6,7 @@
     }
   },
   "AllowedHosts": "*",
-  "version": "1.11.0",
+  "version": "1.11.1",
   "release": {
     "short_description": "New PDF Viewer, Range Input and Script Loader components!!!"
   },
diff --git a/BlazorBootstrap.Demo.WebAssembly/wwwroot/appsettings.json b/BlazorBootstrap.Demo.WebAssembly/wwwroot/appsettings.json
@@ -1,5 +1,5 @@
 {
-  "version": "1.11.0",
+  "version": "1.11.1",
   "release": {
     "short_description": "New PDF Viewer, Range Input and Script Loader components!!!"
   },
diff --git a/README.md b/README.md
@@ -35,7 +35,7 @@
 
 ## Install
 
-Install with [NuGet](https://www.nuget.org/): `Install-Package Blazor.Bootstrap -Version 1.11.0`
+Install with [NuGet](https://www.nuget.org/): `Install-Package Blazor.Bootstrap -Version 1.11.1`
 
 ## Install Blazor Bootstrap templates
 
@@ -160,7 +160,7 @@ Blazor Bootstrap's documentation, which is included in this repository's root di
 ![Blazor Bootstrap - Progress](https://i.imgur.com/MK142lQ.png "Blazor Bootstrap - Progress")
 
 ### Blazor Bootstrap - Range Input
-![Blazor Bootstrap - Range Input](https://i.imgur.com/iUNBkki.png "Blazor Bootstrap - Range Input")
+![Blazor Bootstrap - Range Input](https://i.imgur.com/rWDDHaf.png "Blazor Bootstrap - Range Input")
 
 ### Blazor Bootstrap - Script Loader
 ![Blazor Bootstrap - Script Loader](https://i.imgur.com/sBiYPeQ.png "Blazor Bootstrap - Script Loader")
diff --git a/blazorbootstrap/BlazorBootstrap.csproj b/blazorbootstrap/BlazorBootstrap.csproj
@@ -3,8 +3,8 @@
 	<PropertyGroup>
 
 		<PackageId>Blazor.Bootstrap</PackageId>
-    <Version>1.11.0</Version>
-		<PackageVersion>1.11.0</PackageVersion>
+    <Version>1.11.1</Version>
+		<PackageVersion>1.11.1</PackageVersion>
 
 		<!--<PackageIconUrl></PackageIconUrl>-->
 		<PackageLicenseExpression>Apache-2.0</PackageLicenseExpression>
diff --git a/blazorbootstrap/Components/Base/BlazorBootstrapComponentBase.cs b/blazorbootstrap/Components/Base/BlazorBootstrapComponentBase.cs
@@ -34,7 +34,9 @@ public abstract class BlazorBootstrapComponentBase : ComponentBase, IDisposable,
     /// <summary>
     /// Initializes a new instance of the <see cref="BlazorBootstrapComponentBase" /> class.
     /// </summary>
+#pragma warning disable CS8618
     public BlazorBootstrapComponentBase()
+#pragma warning restore CS8618
     {
         ClassBuilder = new CssClassBuilder(BuildClasses);
         StyleBuilder = new CssStyleBuilder(BuildStyles);
diff --git a/blazorbootstrap/Components/PdfViewer/PdfViewer.razor.cs b/blazorbootstrap/Components/PdfViewer/PdfViewer.razor.cs
@@ -26,8 +26,9 @@ public partial class PdfViewer : BlazorBootstrapComponentBase
     protected override async Task OnInitializedAsync()
     {
         objRef ??= DotNetObjectReference.Create(this);
-        await PdfViewerJsInterop.InitializeAsync(objRef!, ElementId!, scale, rotation, Url!);
         await base.OnInitializedAsync();
+
+        ExecuteAfterRender(async () => await PdfViewerJsInterop.InitializeAsync(objRef!, ElementId!, scale, rotation, Url!));
     }
 
     [JSInvokable]
diff --git a/blazorbootstrap/Models/Charts/ChartOptions/ChartOptions.cs b/blazorbootstrap/Models/Charts/ChartOptions/ChartOptions.cs
@@ -58,7 +58,9 @@ public class Interaction
 
     #region Constructors
 
+#pragma warning disable CS8618
     public Interaction()
+#pragma warning restore CS8618
     {
         Mode = InteractionMode.Nearest;
     }
diff --git a/docs/blog/2024-02-04-blazorbootstrap-1.11.1.md b/docs/blog/2024-02-04-blazorbootstrap-1.11.1.md
@@ -0,0 +1,27 @@
+---
+title: Blazor Bootstrap v1.11.1
+authors:
+  name: Vikram Reddy
+  title: Creator
+  url: https://github.com/gvreddy04
+  image_url: https://avatars.githubusercontent.com/u/2337067
+tags: [v1.11.1, blazor, bootstrap, bootstrap5, blazorbootstrap, pdfviewer]
+---
+
+We are excited to release 1.11.1 with PDF Viewer updates!!!
+
+![image](https://i.imgur.com/7Vz9Efi.png "Blazor Bootstrap: PDF Viewer Component")
+
+<!--truncate-->
+
+## What's changed
+
+- We have made improvements to the base components
+
+- `PDF Viewer` component
+  - PDF Viewer JS call issue fixed. [#547](https://github.com/vikramlearning/blazorbootstrap/pull/547)
+
+## Links
+- [Demo Website - Blazor Server](https://demos.blazorbootstrap.com/)
+- [Demo Website - Blazor WebAssembly](https://demos.getblazorbootstrap.com/)
+- [Blazor Chart Components Documentation](https://getblazorbootstrap.com/docs/components/charts)
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 1.11.0
+Install-Package Blazor.Bootstrap -Version 1.11.1
 ```
 
 ## 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 1.11.0
+Install-Package Blazor.Bootstrap -Version 1.11.1
 ```
 
 ## 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 1.11.0
+Install-Package Blazor.Bootstrap -Version 1.11.1
 ```
 
 ### 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,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 1.11.0
+Install-Package Blazor.Bootstrap -Version 1.11.1
 ```
 
 ## 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 1.11.0
+Install-Package Blazor.Bootstrap -Version 1.11.1
 ```
 
 ## 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 1.11.0
+Install-Package Blazor.Bootstrap -Version 1.11.1
 ```
 
 ## 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 1.11.0
+Install-Package Blazor.Bootstrap -Version 1.11.1
 ```
 
 ## 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 1.11.0
+Install-Package Blazor.Bootstrap -Version 1.11.1
 ```
 
 ## 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 1.11.0
+Install-Package Blazor.Bootstrap -Version 1.11.1
 ```
 
 ## Add CSS references
diff --git a/docs/docs/04-forms/range-input.mdx b/docs/docs/04-forms/range-input.mdx
@@ -1,7 +1,7 @@
 ---
 title: Blazor Range Input Component
 description: Blazor Bootstrap `NumberInput` component is built around HTML input of `type="number"` that prevents the user input based on the parameters set.
-image: https://i.imgur.com/iUNBkki.png
+image: https://i.imgur.com/rWDDHaf.png
 
 sidebar_label: Range Input
 sidebar_position: 5
diff --git a/nuget/README.md b/nuget/README.md
@@ -16,7 +16,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 1.11.0`
+- Install with [NuGet](https://www.nuget.org/): `Install-Package Blazor.Bootstrap -Version 1.11.1`
 - 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)

Original file line number	Diff line number	Diff line change
`@@ -1,5 +1,5 @@`
`1`	`1`	`{`
`2`		`- "version": "1.11.0",`
	`2`	`+ "version": "1.11.1",`
`3`	`3`	`"release": {`
`4`	`4`	`"short_description": "New PDF Viewer, Range Input and Script Loader components!!!"`
`5`	`5`	`},`
Original file line number	Diff line number	Diff line change
`@@ -6,7 +6,7 @@`
`6`	`6`	`}`
`7`	`7`	`},`
`8`	`8`	`"AllowedHosts": "*",`
`9`		`- "version": "1.11.0",`
	`9`	`+ "version": "1.11.1",`
`10`	`10`	`"release": {`
`11`	`11`	`"short_description": "New PDF Viewer, Range Input and Script Loader components!!!"`
`12`	`12`	`},`
Original file line number	Diff line number	Diff line change
`@@ -26,8 +26,9 @@ public partial class PdfViewer : BlazorBootstrapComponentBase`
`26`	`26`	`protected override async Task OnInitializedAsync()`
`27`	`27`	`{`
`28`	`28`	`objRef ??= DotNetObjectReference.Create(this);`
`29`		`- await PdfViewerJsInterop.InitializeAsync(objRef!, ElementId!, scale, rotation, Url!);`
`30`	`29`	`await base.OnInitializedAsync();`
	`30`	`+`
	`31`	`+ ExecuteAfterRender(async () => await PdfViewerJsInterop.InitializeAsync(objRef!, ElementId!, scale, rotation, Url!));`
`31`	`32`	`}`
`32`	`33`
`33`	`34`	`[JSInvokable]`
Original file line number	Diff line number	Diff line change
`@@ -58,7 +58,9 @@ public class Interaction`
`58`	`58`
`59`	`59`	`#region Constructors`
`60`	`60`
	`61`	`+#pragma warning disable CS8618`
`61`	`62`	`public Interaction()`
	`63`	`+#pragma warning restore CS8618`
`62`	`64`	`{`
`63`	`65`	`Mode = InteractionMode.Nearest;`
`64`	`66`	`}`