refactor(upgrades): Upgraded to Angular 13 and other dependency upgrades

* feat: angular 13 upgrade

* refactor: updated more packages

* refactor: upgraded more packages

* fix: fixed an issue where TheMovieDb exclude dropdown wasn't resetting itself

src/Ombi/.vscode/settings.json

@@ -23,5 +23,6 @@
         "availability-rules",
         "details",
         "requests"
-    ]
+    ],
+    "rpc.enabled": true
 }

src/Ombi/ClientApp/.gitignore

@@ -17,6 +17,7 @@
 *.launch
 .settings/
 *.sublime-workspace
+.angular
 
 # IDE - VSCode
 .vscode/*

src/Ombi/ClientApp/package.json

@@ -9,35 +9,34 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "^12.2.10",
-    "@angular/cdk": "^12.2.9",
-    "@angular/common": "^12.2.10",
-    "@angular/compiler": "^12.2.10",
-    "@angular/core": "^12.2.10",
-    "@angular/forms": "^12.2.10",
-    "@angular/localize": "^12.2.10",
-    "@angular/material": "^12.2.9",
-    "@angular/platform-browser": "^12.2.10",
-    "@angular/platform-browser-dynamic": "^12.2.10",
-    "@angular/platform-server": "^12.2.10",
-    "@angular/router": "^12.2.10",
+    "@angular/animations": "^13.2.0",
+    "@angular/cdk": "^13.2.0",
+    "@angular/common": "^13.2.0",
+    "@angular/compiler": "^13.2.0",
+    "@angular/core": "^13.2.0",
+    "@angular/forms": "^13.2.0",
+    "@angular/localize": "^13.2.0",
+    "@angular/material": "^13.2.0",
+    "@angular/platform-browser": "^13.2.0",
+    "@angular/platform-browser-dynamic": "^13.2.0",
+    "@angular/platform-server": "^13.2.0",
+    "@angular/router": "^13.2.0",
     "@angularclass/hmr": "^3.0.0",
     "@aspnet/signalr": "^1.1.0",
     "@auth0/angular-jwt": "^5.0.2",
-    "@fortawesome/fontawesome-free": "^5.15.4",
+    "@fortawesome/fontawesome-free": "^6.0.0",
     "@fullcalendar/core": "^4.2.0",
     "@fullcalendar/daygrid": "^4.4.0",
     "@fullcalendar/interaction": "^4.2.0",
-    "@ngu/carousel": "^3.0.2",
-    "@ngx-translate/core": "^13.0.0",
-    "@ngx-translate/http-loader": "^6.0.0",
-    "@ngxs/devtools-plugin": "^3.7.2",
-    "@ngxs/store": "^3.7.2",
-    "@types/jquery": "^3.3.29",
-    "@yellowspot/ng-truncate": "^1.4.0",
+    "@ngx-translate/core": "^14.0.0",
+    "@ngx-translate/http-loader": "^7.0.0",
+    "@ngxs/devtools-plugin": "^3.7.3",
+    "@ngxs/store": "^3.7.3",
+    "@types/jquery": "^3.5.13",
+    "@yellowspot/ng-truncate": "^2.0.0",
     "angular-bootstrap-md": "^7.5.4",
     "angular-router-loader": "^0.8.5",
-    "angularx-qrcode": "^11.0.0",
+    "angularx-qrcode": "^13.0.3",
     "bootstrap": "^4.2.1",
     "chart.js": "2.9.4",
     "core-js": "^2.5.4",
@@ -51,11 +50,11 @@
     "ngx-clipboard": "^12.1.0",
     "ngx-infinite-scroll": "^9.0.0",
     "ngx-moment": "^3.0.1",
-    "ngx-order-pipe": "^2.1.1",
+    "ngx-order-pipe": "^2.2.0",
     "popper.js": "^1.14.3",
-    "primeicons": "^4.1.0",
-    "primeng": "^12.2.0",
-    "rxjs": "^7.4.0",
+    "primeicons": "^5.0.0",
+    "primeng": "^13.2.0",
+    "rxjs": "^7.5.4",
     "sass-recursive-map-merge": "^1.0.1",
     "store": "^2.0.12",
     "ts-md5": "^1.2.7",
@@ -64,15 +63,15 @@
     "zone.js": "~0.11.4"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "~12.2.10",
-    "@angular/cli": "~12.2.10",
-    "@angular/compiler-cli": "^12.2.10",
-    "@angular/language-service": "^12.2.10",
+    "@angular-devkit/build-angular": "~13.2.0",
+    "@angular/cli": "~13.2.0",
+    "@angular/compiler-cli": "^13.2.0",
+    "@angular/language-service": "^13.2.0",
     "@types/jasmine": "~3.6.7",
     "@types/jasminewd2": "~2.0.8",
     "@types/node": "^16.10.9",
     "codelyzer": "^6.0.1",
-    "typescript": "~4.3.4"
+    "typescript": "~4.5.5"
   },
   "optionalDependencies": {
     "protractor": "~5.4.0",

src/Ombi/ClientApp/src/app/services/filedownload.service.ts

@@ -1,3 +1,9 @@
+// https://github.com/microsoft/TypeScript/issues/45612
+declare global {
+    interface Navigator {
+        msSaveOrOpenBlob: (blob: Blob) => void
+      }
+}
 
 import { APP_BASE_HREF } from "@angular/common";
 import { Injectable, Inject } from "@angular/core";

src/Ombi/ClientApp/src/app/settings/themoviedb/themoviedb.component.ts

@@ -113,6 +113,7 @@ export class TheMovieDbComponent implements OnInit {
             if (value) {
               return this.tmdbService.getKeywords(value);
             }
+            return [];
           })
         )
         .subscribe((r) => (this.filteredTags = r));

src/Ombi/ClientApp/src/app/shared/shared.module.ts

@@ -37,13 +37,12 @@ import { MatTooltipModule } from '@angular/material/tooltip';
 import { MatTreeModule } from '@angular/material/tree';
 import { MomentModule } from "ngx-moment";
 import { NgModule } from "@angular/core";
-import { SidebarModule } from "primeng/sidebar";
 import { PipeModule } from "../pipes/pipe.module";
-import { TheMovieDbService } from "../services";
+import { RoleModule } from "./role-directive/role.module";
+import { SidebarModule } from "primeng/sidebar";
 import { TranslateModule } from "@ngx-translate/core";
 import { TruncateModule } from "@yellowspot/ng-truncate";
 import { WatchProvidersSelectComponent } from "./components/watch-providers-select/watch-providers-select.component";
-import { RoleModule } from "./role-directive/role.module";
 
 @NgModule({
   declarations: [

src/Ombi/ClientApp/src/typings/globals.d.ts

@@ -3,4 +3,5 @@ declare var __webpack_public_path__: any;
 // declare module "*.json" {
 //     const value: any;
 //     export default value;
-// }
+// }
+