Angular 11 compatibility update

angular.json

@@ -57,7 +57,6 @@
                             "optimization": true,
                             "outputHashing": "all",
                             "sourceMap": false,
-                            "extractCss": true,
                             "namedChunks": false,
                             "aot": true,
                             "extractLicenses": true,
@@ -82,8 +81,7 @@
                                     "maximumWarning": "6kb"
                                 }
                             ],
-                            "sourceMap": true,
+                            "sourceMap": true
-                            "extractCss": true
                         },
                         "hmr": {
                             "budgets": [

e2e/tsconfig.e2e.json

@@ -1,5 +1,5 @@
 {
-    "extends": "../tsconfig.base.json",
+    "extends": "../tsconfig.json",
     "compilerOptions": {
         "outDir": "../out-tsc/app",
         "module": "commonjs",

e2e/tsconfig.json

@@ -1,5 +1,5 @@
 {
-    "extends": "../tsconfig.base.json",
+    "extends": "../tsconfig.json",
     "compilerOptions": {
         "outDir": "../out-tsc/e2e",
         "module": "commonjs",

package.json

@@ -17,18 +17,18 @@
   "private": true,
   "dependencies": {
     "@agm/core": "1.1.0",
-        "@angular/animations": "10.0.5",
+    "@angular/animations": "11.0.0",
     "@angular/cdk": "10.1.0",
-        "@angular/common": "10.0.5",
+    "@angular/common": "11.0.0",
-        "@angular/compiler": "10.0.5",
+    "@angular/compiler": "11.0.0",
-        "@angular/core": "10.0.5",
+    "@angular/core": "11.0.0",
     "@angular/flex-layout": "10.0.0-beta.32",
-        "@angular/forms": "10.0.5",
+    "@angular/forms": "11.0.0",
     "@angular/material": "10.1.0",
     "@angular/material-moment-adapter": "10.1.0",
-        "@angular/platform-browser": "10.0.5",
+    "@angular/platform-browser": "11.0.0",
-        "@angular/platform-browser-dynamic": "10.0.5",
+    "@angular/platform-browser-dynamic": "11.0.0",
-        "@angular/router": "10.0.5",
+    "@angular/router": "11.0.0",
     "@ngrx/effects": "8.6.0",
     "@ngrx/router-store": "8.6.0",
     "@ngrx/store": "8.6.0",
@@ -59,10 +59,10 @@
     "zone.js": "0.10.3"
   },
   "devDependencies": {
-        "@angular/cli": "10.0.4",
+    "@angular/cli": "11.0.0",
-        "@angular/compiler-cli": "10.0.5",
+    "@angular/compiler-cli": "11.0.0",
-        "@angular/language-service": "10.0.5",
+    "@angular/language-service": "11.0.0",
-        "@angular-devkit/build-angular": "0.1000.4",
+    "@angular-devkit/build-angular": "0.1100.0",
     "@types/jasmine": "3.5.2",
     "@types/jasminewd2": "2.0.8",
     "@types/lodash": "4.14.149",
@@ -78,7 +78,7 @@
     "protractor": "7.0.0",
     "ts-node": "8.3.0",
     "tslint": "6.1.2",
-        "typescript": "3.9.7",
+    "typescript": "4.0.5",
     "webpack-bundle-analyzer": "3.8.0"
   }
 }

src/app/app.module.ts

@@ -51,7 +51,7 @@ const appRoutes: Routes = [
         BrowserModule,
         BrowserAnimationsModule,
         HttpClientModule,
-        RouterModule.forRoot(appRoutes),
+        RouterModule.forRoot(appRoutes, { relativeLinkResolution: 'legacy' }),
 
         TranslateModule.forRoot(),
         InMemoryWebApiModule.forRoot(FakeDbService, {

tsconfig.app.json

@@ -1,5 +1,5 @@
 {
-    "extends": "./tsconfig.base.json",
+    "extends": "./tsconfig.json",
     "compilerOptions": {
         "outDir": "./out-tsc/app",
         "types": [

tsconfig.base.json

@@ -1,31 +0,0 @@
-{
-    "compileOnSave": false,
-    "compilerOptions": {
-        "baseUrl": "./src",
-        "outDir": "./dist/out-tsc",
-        "sourceMap": true,
-        "declaration": false,
-        "downlevelIteration": true,
-        "experimentalDecorators": true,
-        "module": "es2020",
-        "moduleResolution": "node",
-        "importHelpers": true,
-        "target": "es2015",
-        "typeRoots": [
-            "node_modules/@types"
-        ],
-        "lib": [
-            "es2018",
-            "dom"
-        ],
-        "paths": {
-            "@fuse": [
-                "@fuse/"
-            ]
-        }
-    },
-    "angularCompilerOptions": {
-        "fullTemplateTypeCheck": false,
-        "strictInjectionParameters": false
-    }
-}

tsconfig.json

@@ -1,17 +1,31 @@
-/*
-  This is a "Solution Style" tsconfig.json file, and is used by editors and TypeScript’s language server to improve development experience.
-  It is not intended to be used to perform a compilation.
-
-  To learn more about this file see: https://angular.io/config/solution-tsconfig.
-*/
 {
-    "files": [],
+    "compileOnSave": false,
-    "references": [
+    "compilerOptions": {
-        {
+        "baseUrl": "./src",
-            "path": "./tsconfig.app.json"
+        "outDir": "./dist/out-tsc",
-        },
+        "sourceMap": true,
-        {
+        "declaration": false,
-            "path": "./tsconfig.spec.json"
+        "downlevelIteration": true,
-        }
+        "experimentalDecorators": true,
+        "module": "es2020",
+        "moduleResolution": "node",
+        "importHelpers": true,
+        "target": "es2015",
+        "typeRoots": [
+            "node_modules/@types"
+        ],
+        "lib": [
+            "es2018",
+            "dom"
+        ],
+        "paths": {
+            "@fuse": [
+                "@fuse/"
             ]
         }
+    },
+    "angularCompilerOptions": {
+        "fullTemplateTypeCheck": false,
+        "strictInjectionParameters": false
+    }
+}

tsconfig.spec.json

@@ -1,5 +1,5 @@
 {
-    "extends": "./tsconfig.base.json",
+    "extends": "./tsconfig.json",
     "compilerOptions": {
         "outDir": "./out-tsc/spec",
         "types": [