Update angular

client/.gitignore

@@ -1,3 +1,4 @@
+/.angular/cache
 /dist/
 /node_modules
 /compiled

client/package.json

@@ -26,25 +26,25 @@
   },
   "typings": "*.d.ts",
   "devDependencies": {
-    "@angular-devkit/build-angular": "^12.0.0",
+    "@angular-devkit/build-angular": "^13.0.1",
-    "@angular-eslint/builder": "12.5.0",
+    "@angular-eslint/builder": "12.6.1",
-    "@angular-eslint/eslint-plugin": "12.5.0",
+    "@angular-eslint/eslint-plugin": "12.6.1",
-    "@angular-eslint/eslint-plugin-template": "12.5.0",
+    "@angular-eslint/eslint-plugin-template": "12.6.1",
-    "@angular-eslint/schematics": "12.5.0",
+    "@angular-eslint/schematics": "12.6.1",
-    "@angular-eslint/template-parser": "12.5.0",
+    "@angular-eslint/template-parser": "12.6.1",
-    "@angular/animations": "^12.0.0",
+    "@angular/animations": "^13.0.0",
-    "@angular/cdk": "^12.0.0",
+    "@angular/cdk": "^13.0.0",
-    "@angular/cli": "^12.0.0",
+    "@angular/cli": "^13.0.1",
-    "@angular/common": "^12.0.0",
+    "@angular/common": "^13.0.0",
-    "@angular/compiler": "^12.0.0",
+    "@angular/compiler": "^13.0.0",
-    "@angular/compiler-cli": "^12.0.0",
+    "@angular/compiler-cli": "^13.0.0",
-    "@angular/core": "^12.0.0",
+    "@angular/core": "^13.0.0",
-    "@angular/forms": "^12.0.0",
+    "@angular/forms": "^13.0.0",
-    "@angular/localize": "^12.0.0",
+    "@angular/localize": "^13.0.0",
-    "@angular/platform-browser": "^12.0.0",
+    "@angular/platform-browser": "^13.0.0",
-    "@angular/platform-browser-dynamic": "^12.0.0",
+    "@angular/platform-browser-dynamic": "^13.0.0",
-    "@angular/router": "^12.0.0",
+    "@angular/router": "^13.0.0",
-    "@angular/service-worker": "^12.0.0",
+    "@angular/service-worker": "^13.0.0",
     "@babel/core": "^7.15.0",
     "@babel/preset-env": "^7.15.0",
     "@neos21/bootstrap3-glyphicons": "^1.0.1",
@@ -90,7 +90,7 @@
     "css-loader": "^6.2.0",
     "debug": "^4.3.1",
     "dexie": "^3.0.0",
-    "eslint": "8.2.0",
+    "eslint": "7",
     "eslint-plugin-import": "^2.24.2",
     "eslint-plugin-jsdoc": "^37.0.3",
     "eslint-plugin-prefer-arrow": "latest",
@@ -99,7 +99,7 @@
     "focus-visible": "^5.0.2",
     "geckodriver": "^2.0.3",
     "hls.js": "^1.0.7",
-    "html-loader": "^2.1.2",
+    "html-loader": "^3.0.1",
     "html-webpack-plugin": "^5.3.1",
     "https-browserify": "^1.0.0",
     "jschannel": "^1.0.2",
@@ -111,6 +111,7 @@
     "mini-css-extract-plugin": "^2.2.0",
     "ngx-uploadx": "^4.1.0",
     "path-browserify": "^1.0.0",
+    "postcss": "^8.3.11",
     "primeng": "^13.0.0-rc.1",
     "process": "^0.11.10",
     "purify-css": "^1.2.5",
@@ -128,7 +129,7 @@
     "terser-webpack-plugin": "^5.1.2",
     "ts-loader": "^9.2.2",
     "tslib": "^2.0.0",
-    "typescript": "~4.3.4",
+    "typescript": "~4.4.4",
     "video.js": "^7",
     "videojs-dock": "^2.0.2",
     "videojs-hotkeys": "^0.2.27",

client/src/app/core/wrappers/screen.service.ts

@@ -30,7 +30,7 @@ export class ScreenService {
   }
 
   isInTouchScreen () {
-    return !!('ontouchstart' in window || navigator.msMaxTouchPoints)
+    return !!('ontouchstart' in window || (navigator as any).msMaxTouchPoints)
   }
 
   getNumberOfAvailableMiniatures () {

client/src/assets/player/peertube-plugin.ts

@@ -224,7 +224,7 @@ class PeerTubePlugin extends Plugin {
   private isTouchEnabled () {
     return ('ontouchstart' in window) ||
       navigator.maxTouchPoints > 0 ||
-      navigator.msMaxTouchPoints > 0
+      (navigator as any).msMaxTouchPoints > 0
   }
 
   private initCaptions () {

client/src/polyfills.ts

@@ -21,9 +21,6 @@
 import 'core-js/es/object'
 import 'core-js/es/global-this'
 
-/** IE10 and IE11 requires the following for NgClass support on SVG elements */
-// import 'classlist.js';  // Run `npm install --save classlist.js`.
-
 /** IE10 and IE11 requires the following for the Reflect API. */
 
 // For Google Bot
@@ -35,12 +32,6 @@ import 'core-js/es/global-this'
 // Used for reflect-metadata in JIT. If you use AOT (and only Angular decorators), you can remove.
 // import 'core-js/es7/reflect' // --> dealt with in src/environment.ts
 
-/**
- * Required to support Web Animations `@angular/platform-browser/animations`.
- * Needed for: All but Chrome, Firefox and Opera. http://caniuse.com/#feat=web-animation
- */
-// import 'web-animations-js';  // Run `npm install --save web-animations-js`.
-
 /**
  * By default, zone.js will patch all possible macroTask and DomEvents
  * user can disable parts of macroTask/DomEvents patch by setting following flags

client/src/sass/primeng-custom.scss

@@ -2,7 +2,7 @@
 @use '_mixins' as *;
 
 /* stylelint-disable */
-@use 'primeng/resources/primeng';
+@import '~primeng/resources/primeng.css';
 
 // Override primeng style we don't want
 input[type=button] {