angular update to v11

angular.json

@@ -54,7 +54,6 @@
               "optimization": true,
               "outputHashing": "all",
               "sourceMap": false,
-              "extractCss": true,
               "namedChunks": false,
               "extractLicenses": true,
               "vendorChunk": false,
@@ -82,7 +81,6 @@
               "optimization": true,
               "outputHashing": "all",
               "sourceMap": false,
-              "extractCss": true,
               "namedChunks": false,
               "extractLicenses": true,
               "vendorChunk": false,

package.json

@@ -19,18 +19,18 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "^10.2.5",
+    "@angular/animations": "^11.2.14",
     "@angular/cdk": "^9.2.0",
-    "@angular/common": "~10.2.5",
-    "@angular/compiler": "~10.2.5",
-    "@angular/core": "~10.2.5",
-    "@angular/elements": "^10.2.5",
-    "@angular/forms": "~10.2.5",
-    "@angular/localize": "^10.2.5",
-    "@angular/platform-browser": "~10.2.5",
-    "@angular/platform-browser-dynamic": "~10.2.5",
-    "@angular/router": "~10.2.5",
-    "@ng-select/ng-select": "^4.0.4",
+    "@angular/common": "~11.2.14",
+    "@angular/compiler": "~11.2.14",
+    "@angular/core": "~11.2.14",
+    "@angular/elements": "^11.2.14",
+    "@angular/forms": "~11.2.14",
+    "@angular/localize": "^11.2.14",
+    "@angular/platform-browser": "~11.2.14",
+    "@angular/platform-browser-dynamic": "~11.2.14",
+    "@angular/router": "~11.2.14",
+    "@ng-select/ng-select": "^5.1.0",
     "bulma": "^0.8.1",
     "bulma-toast": "^1.5.4",
     "bulma-tooltip": "^3.0.2",
@@ -45,20 +45,20 @@
     "zone.js": "~0.10.2"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "~0.1002.3",
-    "@angular/cli": "~10.2.3",
-    "@angular/compiler-cli": "~10.2.5",
-    "@angular/language-service": "~10.2.5",
-    "@types/jasmine": "^3.7.7",
+    "@angular-devkit/build-angular": "~0.1102.14",
+    "@angular/cli": "~11.2.14",
+    "@angular/compiler-cli": "~11.2.14",
+    "@angular/language-service": "~11.2.14",
+    "@types/jasmine": "~3.6.0",
     "@types/jasminewd2": "^2.0.9",
     "@types/node": "^12.20.15",
-    "codelyzer": "^5.1.2",
+    "codelyzer": "^6.0.0",
     "concat": "^1.0.3",
     "fs-extra": "^9.1.0",
     "htmlhint": "^0.11.0",
-    "jasmine-core": "~3.5.0",
+    "jasmine-core": "~3.6.0",
     "jasmine-spec-reporter": "~5.0.0",
-    "karma": "~5.0.0",
+    "karma": "~6.3.3",
     "karma-chrome-launcher": "~3.1.0",
     "karma-coverage-istanbul-reporter": "~3.0.2",
     "karma-jasmine": "~4.0.0",

src/app/components/analysis-panel/analysis-panel.component.spec.ts

-import {async, ComponentFixture, TestBed} from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 
 import {AnalysisPanelComponent} from './analysis-panel.component';
 import {HttpClientModule} from '@angular/common/http';
@@ -7,7 +7,7 @@ describe('AnalysisWindowComponent', () => {
   let component: AnalysisPanelComponent;
   let fixture: ComponentFixture<AnalysisPanelComponent>;
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       declarations: [AnalysisPanelComponent],
       imports: [HttpClientModule],

src/app/components/dataset-tile/dataset-tile.component.spec.ts

-import {async, ComponentFixture, TestBed} from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 
 import {DatasetTileComponent} from './dataset-tile.component';
 import {NgSelectModule} from '@ng-select/ng-select';
@@ -8,7 +8,7 @@ describe('SelectDatasetComponent', () => {
   let component: DatasetTileComponent;
   let fixture: ComponentFixture<DatasetTileComponent>;
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       declarations: [DatasetTileComponent],
       imports: [NgSelectModule, FormsModule, ReactiveFormsModule],

src/app/components/info-tile/info-tile.component.spec.ts

-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 
 import { InfoTileComponent } from './info-tile.component';
 import {HttpClientModule} from '@angular/common/http';
@@ -7,7 +7,7 @@ describe('InfoBoxComponent', () => {
   let component: InfoTileComponent;
   let fixture: ComponentFixture<InfoTileComponent>;
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       declarations: [ InfoTileComponent ],
       imports: [HttpClientModule],

src/app/components/network-legend/network-legend.component.spec.ts

-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 
 import { NetworkLegendComponent } from './network-legend.component';
 
@@ -6,7 +6,7 @@ describe('NetworkLegendComponent', () => {
   let component: NetworkLegendComponent;
   let fixture: ComponentFixture<NetworkLegendComponent>;
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       declarations: [ NetworkLegendComponent ]
     })

src/app/components/task-list/task-list.component.spec.ts

-import {async, ComponentFixture, TestBed} from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 
 import {TaskListComponent} from './task-list.component';
 import {HttpClientModule} from '@angular/common/http';
@@ -7,7 +7,7 @@ describe('TaskListComponent', () => {
   let component: TaskListComponent;
   let fixture: ComponentFixture<TaskListComponent>;
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       declarations: [TaskListComponent],
       imports: [HttpClientModule],

src/app/components/toggle/toggle.component.spec.ts

-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 
 import { ToggleComponent } from './toggle.component';
 
@@ -6,7 +6,7 @@ describe('ToggleComponent', () => {
   let component: ToggleComponent;
   let fixture: ComponentFixture<ToggleComponent>;
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       declarations: [ ToggleComponent ]
     })