Update to angular 9

interactive-mining-angular-frontend/angular.json

@@ -11,6 +11,7 @@
         "build": {
           "builder": "@angular-devkit/build-angular:browser",
           "options": {
+            "aot": true,
             "outputPath": "dist",
             "index": "src/index.html",
             "main": "src/main.ts",
@@ -34,6 +35,12 @@
           },
           "configurations": {
             "production": {
+              "budgets": [
+                {
+                  "type": "anyComponentStyle",
+                  "maximumWarning": "6kb"
+                }
+              ],
               "optimization": true,
               "outputHashing": "all",
               "sourceMap": false,
@@ -137,7 +144,7 @@
   "schematics": {
     "@schematics/angular:component": {
       "prefix": "app",
-      "styleext": "css"
+      "style": "css"
     },
     "@schematics/angular:directive": {
       "prefix": "app"

interactive-mining-angular-frontend/package.json

@@ -13,14 +13,15 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "^8.2.14",
+    "@angular/animations": "^9.1.13",
-    "@angular/common": "^8.2.14",
+    "@angular/common": "^9.1.13",
-    "@angular/compiler": "^8.2.14",
+    "@angular/compiler": "^9.1.13",
-    "@angular/core": "^8.2.14",
+    "@angular/core": "^9.1.13",
-    "@angular/forms": "^8.2.14",
+    "@angular/forms": "^9.1.13",
-    "@angular/platform-browser": "^8.2.14",
+    "@angular/localize": "^9.1.13",
-    "@angular/platform-browser-dynamic": "^8.2.14",
+    "@angular/platform-browser": "^9.1.13",
-    "@angular/router": "^8.2.14",
+    "@angular/platform-browser-dynamic": "^9.1.13",
+    "@angular/router": "^9.1.13",
     "core-js": "^2.4.1",
     "file-saver": "^2.0.2",
     "jquery": "^3.4.1",
@@ -28,20 +29,20 @@
     "ngx-pagination": "^3.2.1",
     "nouislider": "^13.1.5",
     "rxjs": "^6.5.1",
-    "tslib": "^1.9.0",
+    "tslib": "^1.10.0",
     "uikit": "^3.1.5",
-    "zone.js": "~0.9.1"
+    "zone.js": "~0.10.2"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "~0.803.29",
+    "@angular-devkit/build-angular": "~0.901.15",
-    "@angular/cli": "^8.3.29",
+    "@angular/cli": "^9.1.15",
-    "@angular/compiler-cli": "^8.2.14",
+    "@angular/compiler-cli": "^9.1.13",
-    "@angular/language-service": "^8.2.14",
+    "@angular/language-service": "^9.1.13",
     "@types/file-saver": "^2.0.1",
     "@types/jasmine": "~3.3.13",
     "@types/jasminewd2": "~2.0.6",
-    "@types/node": "~12.0.3",
+    "@types/node": "^12.11.1",
-    "codelyzer": "^5.0.1",
+    "codelyzer": "^5.1.2",
     "jasmine-core": "~3.4.0",
     "jasmine-spec-reporter": "~4.2.1",
     "karma": "~4.1.0",
@@ -50,9 +51,9 @@
     "karma-coverage-istanbul-reporter": "^2.0.5",
     "karma-jasmine": "~2.0.1",
     "karma-jasmine-html-reporter": "^1.4.2",
-    "ng-packagr": "^5.4.0",
+    "ng-packagr": "^9.0.0",
     "protractor": "~5.4.2",
     "ts-node": "~8.2.0",
-    "typescript": "~3.5.3"
+    "typescript": "~3.8.3"
   }
 }

interactive-mining-angular-frontend/src/polyfills.ts

@@ -1,3 +1,7 @@
+/***************************************************************************************************
+ * Load `$localize` onto the global scope - used if i18n tags appear in Angular templates.
+ */
+import '@angular/localize/init';
 /**
  * This file includes polyfills needed by Angular and is loaded before the app.
  * You can add your own extra polyfills to this file.

interactive-mining-angular-frontend/src/tsconfig.app.json

@@ -5,8 +5,11 @@
     "baseUrl": "./",
     "types": []
   },
-  "exclude": [
+  "files": [
-    "test.ts",
+    "main.ts",
-    "**/*.spec.ts"
+    "polyfills.ts"
+  ],
+  "include": [
+    "src/**/*.d.ts"
   ]
 }