Angular upgraded to V 11

Author: codehippie1

Demo/package.json

@@ -22,82 +22,82 @@
     "clean": "rimraf wwwroot/dist clientapp/dist"
   },
   "dependencies": {
-    "@angular/animations": "~7.2.0",
-    "@angular/common": "~7.2.0",
-    "@angular/compiler": "~7.2.0",
-    "@angular/core": "~7.2.0",
-    "@angular/forms": "~7.2.0",
+    "@angular/animations": "~11.2.3",
+    "@angular/common": "~11.2.3",
+    "@angular/compiler": "~11.2.3",
+    "@angular/core": "~11.2.3",
+    "@angular/forms": "~11.2.3",
     "@angular/http": "~7.2.0",
-    "@angular/platform-browser": "~7.2.0",
-    "@angular/platform-browser-dynamic": "~7.2.0",
-    "@angular/platform-server": "~7.2.0",
-    "@angular/router": "~7.2.0",
-    "@nguniversal/aspnetcore-engine": "^7.1.0",
-    "@nguniversal/common": "^7.1.0",
-    "@ngx-translate/core": "^11.0.1",
-    "@ngx-translate/http-loader": "^4.0.0",
-    "@types/node": "^11.9.5",
+    "@angular/platform-browser": "~11.2.3",
+    "@angular/platform-browser-dynamic": "~11.2.3",
+    "@angular/platform-server": "~11.2.3",
+    "@angular/router": "~11.2.3",
+    "@nguniversal/aspnetcore-engine": "^11.2.0",
+    "@nguniversal/common": "^11.2.0",
+    "@ngx-translate/core": "^13.0.0",
+    "@ngx-translate/http-loader": "^6.0.0",
+    "@types/node": "^14.14.31",
     "angular2-router-loader": "^0.3.5",
     "angular2-template-loader": "^0.6.2",
     "aspnet-prerendering": "^3.0.1",
     "aspnet-webpack": "^3.0.0",
     "awesome-typescript-loader": "^5.2.1",
-    "bootstrap": "^4.3.1",
-    "core-js": "^2.6.5",
-    "css": "^2.2.4",
-    "css-loader": "^2.1.0",
-    "event-source-polyfill": "^1.0.5",
-    "expose-loader": "^0.7.5",
-    "file-loader": "^3.0.1",
-    "highlight.js": "^9.15.8",
-    "html-loader": "^0.5.5",
-    "isomorphic-fetch": "^2.2.1",
-    "jquery": "^3.3.1",
+    "bootstrap": "^4.6.0",
+    "core-js": "^3.9.0",
+    "css": "^3.0.0",
+    "css-loader": "^5.1.0",
+    "event-source-polyfill": "^1.0.22",
+    "expose-loader": "^2.0.0",
+    "file-loader": "^6.2.0",
+    "highlight.js": "^10.6.0",
+    "html-loader": "^2.1.1",
+    "isomorphic-fetch": "^3.0.0",
+    "jquery": "^3.5.1",
     "json-loader": "^0.5.7",
-    "moment": "^2.24.0",
-    "ng2-pdfjs-viewer": "^4.0.5",
-    "ngx-bootstrap": "^3.2.0",
-    "ngx-highlightjs": "^3.0.3",
-    "node-sass": "^4.11.0",
-    "preboot": "^7.0.0",
-    "raw-loader": "^1.0.0",
-    "rimraf": "^2.6.3",
-    "rxjs": "6.2.2",
-    "sass-loader": "^7.1.0",
-    "style-loader": "^0.23.1",
-    "to-string-loader": "^1.1.5",
-    "url-loader": "^1.1.2",
-    "webpack": "^4.29.5",
-    "webpack-hot-middleware": "^2.24.3",
-    "webpack-merge": "^4.2.1",
-    "zone.js": "^0.8.29"
+    "moment": "^2.29.1",
+    "ng2-pdfjs-viewer": "^5.0.7",
+    "ngx-bootstrap": "^6.2.0",
+    "ngx-highlightjs": "^4.1.3",
+    "node-sass": "^5.0.0",
+    "preboot": "^8.0.0",
+    "raw-loader": "^4.0.2",
+    "rimraf": "^3.0.2",
+    "rxjs": "6.6.6",
+    "sass-loader": "^11.0.1",
+    "style-loader": "^2.0.0",
+    "to-string-loader": "^1.1.6",
+    "url-loader": "^4.1.1",
+    "webpack": "^5.24.2",
+    "webpack-hot-middleware": "^2.25.0",
+    "webpack-merge": "^5.7.3",
+    "zone.js": "^0.11.4"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "~0.13.3",
-    "@angular/cli": "~7.3.3",
-    "@angular/compiler-cli": "~7.2.0",
-    "@ngtools/webpack": "~7.3.3",
-    "@types/jasmine": "~2.8.8",
-    "codelyzer": "~4.5.0",
+    "@angular-devkit/build-angular": "~0.1102.2",
+    "@angular/cli": "~11.2.2",
+    "@angular/compiler-cli": "~11.2.3",
+    "@ngtools/webpack": "~11.2.2",
+    "@types/jasmine": "~3.6.4",
+    "codelyzer": "~6.0.1",
     "istanbul-instrumenter-loader": "^3.0.1",
-    "jasmine-core": "^3.3.0",
-    "jasmine-spec-reporter": "^4.2.1",
-    "karma": "~4.0.0",
-    "karma-chrome-launcher": "~2.2.0",
-    "karma-coverage": "~1.1.2",
-    "karma-jasmine": "~2.0.1",
+    "jasmine-core": "^3.6.0",
+    "jasmine-spec-reporter": "^6.0.0",
+    "karma": "~6.1.1",
+    "karma-chrome-launcher": "~3.1.0",
+    "karma-coverage": "~2.0.3",
+    "karma-jasmine": "~4.0.1",
     "karma-mocha-reporter": "^2.2.5",
     "karma-phantomjs-launcher": "^1.0.4",
     "karma-remap-coverage": "^0.1.5",
-    "karma-sourcemap-loader": "^0.3.7",
-    "karma-webpack": "^3.0.5",
-    "mini-css-extract-plugin": "^0.5.0",
-    "terser-webpack-plugin": "^1.2.3",
-    "tslint": "~5.11.0",
-    "typescript": "~3.2.2",
-    "uglifyjs-webpack-plugin": "^2.1.2",
-    "webpack-bundle-analyzer": "^3.0.4",
-    "webpack-cli": "^3.2.3"
+    "karma-sourcemap-loader": "^0.3.8",
+    "karma-webpack": "^5.0.0",
+    "mini-css-extract-plugin": "^1.3.9",
+    "terser-webpack-plugin": "^5.1.1",
+    "tslint": "~5.20.1",
+    "typescript": "~4.2.2",
+    "uglifyjs-webpack-plugin": "^2.2.0",
+    "webpack-bundle-analyzer": "^4.4.0",
+    "webpack-cli": "^4.5.0"
   },
   "license": "MIT",
   "repository": {

README.MD

@@ -1,4 +1,4 @@
-# Angular PDFJS viewer with Mozilla's ViewerJS. Supports Angular 2+ (Angular versions ^2.0.0 to ^10.0.0)
+# Angular PDFJS viewer with Mozilla's ViewerJS. Supports Angular 2+
 <p align="center">
   <a href="https://www.npmjs.com/package/ng2-pdfjs-viewer">
     <img src="https://img.shields.io/npm/dm/ng2-pdfjs-viewer.svg?style=flat" alt="downloads">
@@ -8,11 +8,11 @@
   </a>
 </p>
 
-***🎉 Thanks a ton to the community - Now standing tall over 400,000 downloads!!!***
+***🎉 Thanks a ton to the community - Now closing in on a million downloads!!!***
 
-***Pull requests and contributions are much appreciated.***
+***This project is currently maintained by a single developer on his spare time. Inviting contributors and pull requests to pick-up momentum, and handle the expansive userbase and feature requests.***
 
-This is a super simple angular 8 component for displaying pdfs inline(embedded) OR in a new tab along with a feature rich viewer. It uses mozilla's pdfjs viewer(v2.2.171) behind the scenes and supports angular version ^2.0.0 to ^10.0.0. Extremely lightweight, easiest to integrate and use, most reliable, this library has only one dependancy (@angular/core).
+This is a super simple angular component for displaying pdfs inline(embedded) OR in a new tab along with a feature rich viewer. It uses mozilla's pdfjs viewer(v2.2.171) behind the scenes and supports angular version above 2.0. Extremely lightweight, easiest to integrate and use, most reliable, this library has only one dependancy (@angular/core).
 
 ## What is new?
 1. **Direct access to underlying viewer** - Exposed PDFViewerApplication and PDFViewerApplicationOptions objects opens a whole world of customizable PDFJS and ViewerJS properties and methods, allowing to change them programmatically; thus producing a unique viewer experience.  
@@ -50,10 +50,10 @@ Some of below features are unique to this component, which is unavailable in nat
 
 
 ### Open in a new tab/ external window
-<img src="/sampledoc/ng2pdfjsviewerExternal.JPG" alt="angular 8 pdfjs viewer in new window"/>
+<img src="/sampledoc/ng2pdfjsviewerExternal.JPG" alt="angular pdfjs viewer in new window"/>
 
 ### Embed pdf into any angular component/page
-<img src="/sampledoc/ng2pdfjsviewerEmbedded.JPG" alt="angular 8 pdfjs viewer embedded"/>
+<img src="/sampledoc/ng2pdfjsviewerEmbedded.JPG" alt="angular pdfjs viewer embedded"/>
 
 ## Installation