feat: update to angular 11 (#888)

CirclonGroup · Feb 15, 2021 · 4528c96 · 4528c96
1 parent f639c98
commit 4528c96
Show file tree

Hide file tree

Showing 38 changed files with 5,573 additions and 7,123 deletions.
diff --git a/angular.json b/angular.json
@@ -41,7 +41,6 @@
               "optimization": true,
               "outputHashing": "all",
               "sourceMap": false,
-              "extractCss": true,
               "namedChunks": false,
               "aot": true,
               "extractLicenses": true,
@@ -122,7 +121,7 @@
       "prefix": "lib",
       "architect": {
         "build": {
-          "builder": "@angular-devkit/build-ng-packagr:build",
+          "builder": "@angular-devkit/build-angular:ng-packagr",
           "options": {
             "tsConfig": "projects/angular-tree-component/tsconfig.lib.json",
             "project": "projects/angular-tree-component/ng-package.json"
@@ -186,7 +185,6 @@
               "optimization": true,
               "outputHashing": "all",
               "sourceMap": false,
-              "extractCss": true,
               "namedChunks": false,
               "extractLicenses": true,
               "vendorChunk": false,

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -61,28 +61,27 @@
     "Adam Klein <adam@500tech.com>"
   ],
   "dependencies": {
-    "@angular/animations": "^10.0.0 || ^11.0.0-0",
-    "@angular/cdk": "^10.1.3",
-    "@angular/forms": "^10.0.0 || ^11.0.0-0",
-    "@angular/material": "^10.1.3",
+    "@angular/animations": "^11.2.0",
+    "@angular/cdk": "^11.2.0",
+    "@angular/forms": "^11.2.0",
+    "@angular/material": "^11.2.0",
     "mobx": "~4.14.1"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "^0.1000.3",
-    "@angular-devkit/build-ng-packagr": "~0.1000.3",
-    "@angular/animations": "^10.0.3",
-    "@angular/cli": "^10.0.3",
-    "@angular/common": "^10.0.4",
-    "@angular/compiler": "^10.0.4",
-    "@angular/compiler-cli": "^10.0.4",
-    "@angular/core": "^10.0.4",
-    "@angular/elements": "^10.0.4",
-    "@angular/forms": "^10.0.4",
-    "@angular/platform-browser": "^10.0.4",
-    "@angular/platform-browser-dynamic": "^10.0.4",
-    "@angular/platform-server": "^10.0.4",
-    "@angular/router": "^10.0.4",
-    "@types/jasmine": "2.5.38",
+    "@angular-devkit/build-angular": "^0.1102.0",
+    "@angular-devkit/build-ng-packagr": "~0.1002.0",
+    "@angular-devkit/core": "^11.2.0",
+    "@angular/cli": "^11.2.0",
+    "@angular/common": "^11.2.0",
+    "@angular/compiler": "^11.2.0",
+    "@angular/compiler-cli": "^11.2.0",
+    "@angular/core": "^11.2.0",
+    "@angular/elements": "^11.2.0",
+    "@angular/platform-browser": "^11.2.0",
+    "@angular/platform-browser-dynamic": "^11.2.0",
+    "@angular/platform-server": "^11.2.0",
+    "@angular/router": "^11.2.0",
+    "@types/jasmine": "~3.6.0",
     "@types/jasminewd2": "~2.0.3",
     "@types/node": "^12.11.7",
     "@types/rx": "2.5.34",
@@ -92,15 +91,15 @@
     "http-server": "0.9.0",
     "husky": "^4.2.3",
     "lint-staged": "^10.0.7",
-    "ng-packagr": "^10.0.0",
+    "ng-packagr": "^11.2.1",
     "nightwatch": "0.9.12",
     "prettier": "^1.19.1",
-    "jasmine-core": "~3.5.0",
+    "jasmine-core": "~3.6.0",
     "jasmine-spec-reporter": "~5.0.0",
-    "karma": "~5.0.0",
+    "karma": "~6.1.1",
     "karma-chrome-launcher": "~3.1.0",
     "karma-coverage-istanbul-reporter": "~3.0.2",
-    "karma-jasmine": "~3.3.0",
+    "karma-jasmine": "~4.0.0",
     "karma-jasmine-html-reporter": "^1.5.0",
     "rimraf": "^2.5.1",
     "rxjs": "^6.5.3",
@@ -109,7 +108,7 @@
     "tslib": "^2.0.0",
     "tslint": "~6.1.0",
     "typedoc": "^0.3.12",
-    "typescript": "~3.9.7",
+    "typescript": "~4.1.5",
     "uuid": "^8.2.0",
     "zone.js": "^0.10.2"
   },

diff --git a/projects/angular-tree-component/package.json b/projects/angular-tree-component/package.json
@@ -35,43 +35,43 @@
     "angular2 tree component"
   ],
   "peerDependencies": {
-    "@angular/common": ">=10.0.0 <11.0.0",
-    "@angular/core": ">=10.0.0 <11.0.0"
+    "@angular/common": ">=11.0.0",
+    "@angular/core": ">=11.0.0"
   },
   "dependencies": {
     "mobx": "~4.14.1",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "^0.1000.3",
-    "@angular-devkit/build-ng-packagr": "~0.1000.3",
-    "@angular/cli": "^10.0.3",
-    "@angular/common": "^10.0.4",
-    "@angular/compiler": "^10.0.4",
-    "@angular/compiler-cli": "^10.0.4",
-    "@angular/core": "^10.0.4",
-    "@angular/forms": "^10.0.4",
-    "@angular/platform-browser": "^10.0.4",
-    "@angular/platform-browser-dynamic": "^10.0.4",
-    "@angular/platform-server": "^10.0.4",
-    "@angular/router": "^10.0.4",
-    "@types/jasmine": "2.5.38",
+    "@angular-devkit/build-angular": "^0.1102.0",
+    "@angular-devkit/build-ng-packagr": "~0.1002.0",
+    "@angular/cli": "^11.2.0",
+    "@angular/common": "^11.2.0",
+    "@angular/compiler": "^11.2.0",
+    "@angular/compiler-cli": "^11.2.0",
+    "@angular/core": "^11.2.0",
+    "@angular/forms": "^11.2.0",
+    "@angular/platform-browser": "^11.2.0",
+    "@angular/platform-browser-dynamic": "^11.2.0",
+    "@angular/platform-server": "^11.2.0",
+    "@angular/router": "^11.2.0",
+    "@types/jasmine": "~3.6.0",
     "@types/jasminewd2": "~2.0.3",
     "@types/node": "^12.11.7",
     "@types/webpack": "^1.12.29",
     "codelyzer": "^6.0.0",
-    "ng-packagr": "^10.0.0",
-    "jasmine-core": "~3.5.0",
+    "ng-packagr": "^11.2.1",
+    "jasmine-core": "~3.6.0",
     "jasmine-spec-reporter": "~5.0.0",
-    "karma": "~5.0.0",
+    "karma": "~6.1.1",
     "karma-chrome-launcher": "~3.1.0",
     "karma-coverage-istanbul-reporter": "~3.0.2",
-    "karma-jasmine": "~3.3.0",
+    "karma-jasmine": "~4.0.0",
     "karma-jasmine-html-reporter": "^1.5.0",
     "rxjs": "^6.5.3",
     "tsickle": "^0.38.1",
     "tslint": "~6.1.0",
-    "typescript": "~3.9.7",
+    "typescript": "~4.1.5",
     "zone.js": "^0.10.2"
   }
 }
diff --git a/projects/angular-tree-component/tsconfig.lib.json b/projects/angular-tree-component/tsconfig.lib.json
@@ -1,5 +1,5 @@
 {
-  "extends": "../../tsconfig.base.json",
+  "extends": "../../tsconfig.json",
   "compilerOptions": {
     "outDir": "../../out-tsc/lib",
     "target": "es2015",

diff --git a/projects/angular-tree-component/tsconfig.spec.json b/projects/angular-tree-component/tsconfig.spec.json
@@ -1,5 +1,5 @@
 {
-  "extends": "../../tsconfig.base.json",
+  "extends": "../../tsconfig.json",
   "compilerOptions": {
     "outDir": "../../out-tsc/spec",
     "types": [

diff --git a/projects/docs-app/src/app/app-routing.module.ts b/projects/docs-app/src/app/app-routing.module.ts
@@ -47,8 +47,9 @@ const routes: Routes = [
     RouterModule.forRoot(
       routes,
       {
-        scrollPositionRestoration: 'enabled'
-      }
+    scrollPositionRestoration: 'enabled',
+    relativeLinkResolution: 'legacy'
+}
     ),
   ],
   exports: [

diff --git a/projects/docs-app/src/app/app.component.spec.ts b/projects/docs-app/src/app/app.component.spec.ts
@@ -1,8 +1,8 @@
-import { TestBed, async } from '@angular/core/testing';
+import { TestBed, waitForAsync } from '@angular/core/testing';
 import { AppComponent } from './app.component';
 
 describe('AppComponent', () => {
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       declarations: [AppComponent]
     }).compileComponents();

diff --git a/projects/docs-app/src/app/examples/basic-usage/basic-usage.component.spec.ts b/projects/docs-app/src/app/examples/basic-usage/basic-usage.component.spec.ts
@@ -1,12 +1,12 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 
 import { BasicUsageComponent } from './basic-usage.component';
 
 describe('BasicUsageComponent', () => {
   let component: BasicUsageComponent;
   let fixture: ComponentFixture<BasicUsageComponent>;
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       declarations: [ BasicUsageComponent ]
     })

diff --git a/projects/docs-app/src/app/fundamentals/actions/actions-demo/actions-demo.component.spec.ts b/projects/docs-app/src/app/fundamentals/actions/actions-demo/actions-demo.component.spec.ts
@@ -1,12 +1,12 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 
 import { ActionsDemoComponent } from './actions-demo.component';
 
 describe('ActionsDemoComponent', () => {
   let component: ActionsDemoComponent;
   let fixture: ComponentFixture<ActionsDemoComponent>;
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       declarations: [ ActionsDemoComponent ]
     })

diff --git a/projects/docs-app/src/app/fundamentals/actions/actions.component.spec.ts b/projects/docs-app/src/app/fundamentals/actions/actions.component.spec.ts
@@ -1,12 +1,12 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 
 import { ActionsComponent } from './actions.component';
 
 describe('ActionsComponent', () => {
   let component: ActionsComponent;
   let fixture: ComponentFixture<ActionsComponent>;
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       declarations: [ ActionsComponent ]
     })

diff --git a/projects/docs-app/src/app/fundamentals/api/api-demo/api-demo.component.spec.ts b/projects/docs-app/src/app/fundamentals/api/api-demo/api-demo.component.spec.ts
@@ -1,12 +1,12 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 
 import { ApiDemoComponent } from './api-demo.component';
 
 describe('ApiDemoComponent', () => {
   let component: ApiDemoComponent;
   let fixture: ComponentFixture<ApiDemoComponent>;
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       declarations: [ ApiDemoComponent ]
     })

diff --git a/projects/docs-app/src/app/fundamentals/api/api.component.spec.ts b/projects/docs-app/src/app/fundamentals/api/api.component.spec.ts
@@ -1,12 +1,12 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 
 import { ApiComponent } from './api.component';
 
 describe('ApiComponent', () => {
   let component: ApiComponent;
   let fixture: ComponentFixture<ApiComponent>;
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       declarations: [ ApiComponent ]
     })

diff --git a/projects/docs-app/src/app/fundamentals/events/events.component.spec.ts b/projects/docs-app/src/app/fundamentals/events/events.component.spec.ts
@@ -1,12 +1,12 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 
 import { EventsComponent } from './events.component';
 
 describe('EventsComponent', () => {
   let component: EventsComponent;
   let fixture: ComponentFixture<EventsComponent>;
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       declarations: [ EventsComponent ]
     })

diff --git a/projects/docs-app/src/app/fundamentals/focus/focus.component.spec.ts b/projects/docs-app/src/app/fundamentals/focus/focus.component.spec.ts
@@ -1,12 +1,12 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 
 import { FocusComponent } from './focus.component';
 
 describe('FocusComponent', () => {
   let component: FocusComponent;
   let fixture: ComponentFixture<FocusComponent>;
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       declarations: [ FocusComponent ]
     })

diff --git a/projects/docs-app/src/app/fundamentals/issues/issues.component.spec.ts b/projects/docs-app/src/app/fundamentals/issues/issues.component.spec.ts
@@ -1,12 +1,12 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 
 import { IssuesComponent } from './issues.component';
 
 describe('IssuesComponent', () => {
   let component: IssuesComponent;
   let fixture: ComponentFixture<IssuesComponent>;
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       declarations: [ IssuesComponent ]
     })

diff --git a/projects/docs-app/src/app/fundamentals/nodes/nodes.component.spec.ts b/projects/docs-app/src/app/fundamentals/nodes/nodes.component.spec.ts
@@ -1,12 +1,12 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 
 import { NodesComponent } from './nodes.component';
 
 describe('NodesComponent', () => {
   let component: NodesComponent;
   let fixture: ComponentFixture<NodesComponent>;
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       declarations: [ NodesComponent ]
     })

diff --git a/projects/docs-app/src/app/fundamentals/options/options.component.spec.ts b/projects/docs-app/src/app/fundamentals/options/options.component.spec.ts
@@ -1,12 +1,12 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 
 import { OptionsComponent } from './options.component';
 
 describe('OptionsComponent', () => {
   let component: OptionsComponent;
   let fixture: ComponentFixture<OptionsComponent>;
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       declarations: [ OptionsComponent ]
     })

diff --git a/...rc/app/fundamentals/state-binding/state-binding-demo/state-binding-demo.component.spec.ts b/...rc/app/fundamentals/state-binding/state-binding-demo/state-binding-demo.component.spec.ts
@@ -1,12 +1,12 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 
 import { StateBindingDemoComponent } from './state-binding-demo.component';
 
 describe('StateBindingDemoComponent', () => {
   let component: StateBindingDemoComponent;
   let fixture: ComponentFixture<StateBindingDemoComponent>;
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       declarations: [ StateBindingDemoComponent ]
     })

diff --git a/projects/docs-app/src/app/fundamentals/state-binding/state-binding.component.spec.ts b/projects/docs-app/src/app/fundamentals/state-binding/state-binding.component.spec.ts
@@ -1,12 +1,12 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 
 import { StateBindingComponent } from './state-binding.component';
 
 describe('StateBindingComponent', () => {
   let component: StateBindingComponent;
   let fixture: ComponentFixture<StateBindingComponent>;
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       declarations: [ StateBindingComponent ]
     })

diff --git a/projects/docs-app/src/app/fundamentals/styling/styling.component.spec.ts b/projects/docs-app/src/app/fundamentals/styling/styling.component.spec.ts
@@ -1,12 +1,12 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 
 import { StylingComponent } from './styling.component';
 
 describe('StylingComponent', () => {
   let component: StylingComponent;
   let fixture: ComponentFixture<StylingComponent>;
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       declarations: [ StylingComponent ]
     })