chore: update angular to v11

e2e/tsconfig.e2e.json

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

package.json

@@ -42,28 +42,28 @@
   },
   "devDependencies": {
     "@angular-builders/custom-webpack": "9.2.0",
-    "@angular-devkit/build-angular": "0.1000.2",
+    "@angular-devkit/build-angular": "0.1101.4",
     "@angular-eslint/builder": "0.0.1-alpha.32",
     "@angular-eslint/eslint-plugin": "0.0.1-alpha.32",
     "@angular-eslint/eslint-plugin-template": "0.0.1-alpha.32",
     "@angular-eslint/template-parser": "0.0.1-alpha.32",
-    "@angular/cli": "10.0.2",
-    "@angular/common": "10.0.3",
-    "@angular/compiler": "10.0.3",
-    "@angular/compiler-cli": "10.0.3",
-    "@angular/core": "10.0.3",
-    "@angular/forms": "10.0.3",
-    "@angular/language-service": "10.0.3",
-    "@angular/platform-browser": "10.0.3",
-    "@angular/platform-browser-dynamic": "10.0.3",
-    "@angular/router": "10.0.3",
+    "@angular/cli": "11.1.4",
+    "@angular/common": "11.1.2",
+    "@angular/compiler": "11.1.2",
+    "@angular/compiler-cli": "11.1.2",
+    "@angular/core": "11.1.2",
+    "@angular/forms": "11.1.2",
+    "@angular/language-service": "11.1.2",
+    "@angular/platform-browser": "11.1.2",
+    "@angular/platform-browser-dynamic": "11.1.2",
+    "@angular/router": "11.1.2",
     "@commitlint/cli": "11.0.0",
     "@commitlint/config-conventional": "11.0.0",
     "@ngx-translate/core": "13.0.0",
     "@ngx-translate/http-loader": "6.0.0",
     "@semantic-release/changelog": "5.0.1",
     "@semantic-release/git": "9.0.0",
-    "@types/jasmine": "3.5.11",
+    "@types/jasmine": "~3.6.0",
     "@types/jasminewd2": "2.0.8",
     "@types/jest": "26.0.14",
     "@types/mocha": "7.0.2",
@@ -80,15 +80,15 @@
     "eslint": "7.13.0",
     "eslint-plugin-import": "2.22.1",
     "husky": "4.3.4",
-    "jasmine-core": "3.5.0",
-    "jasmine-spec-reporter": "5.0.2",
+    "jasmine-core": "~3.6.0",
+    "jasmine-spec-reporter": "~5.0.0",
     "jest": "26.4.2",
     "jest-preset-angular": "8.3.1",
-    "karma": "5.1.0",
+    "karma": "5.2.3",
     "karma-coverage-istanbul-reporter": "3.0.3",
     "karma-electron": "6.3.0",
-    "karma-jasmine": "3.3.1",
-    "karma-jasmine-html-reporter": "1.5.4",
+    "karma-jasmine": "~4.0.0",
+    "karma-jasmine-html-reporter": "^1.5.0",
     "mocha": "7.2.0",
     "ng-mocks": "10.1.3",
     "npm-run-all": "4.1.5",
@@ -96,8 +96,8 @@
     "semantic-release": "17.2.3",
     "spectron": "12.0.0",
     "ts-node": "8.10.2",
-    "tslib": "2.0.0",
-    "typescript": "3.9.6",
+    "tslib": "^2.0.0",
+    "typescript": "4.1.3",
     "wait-on": "5.0.1",
     "webdriver-manager": "12.1.7",
     "zone.js": "0.10.3"
@@ -106,7 +106,7 @@
     "node": ">=10.13.0"
   },
   "dependencies": {
-    "@angular/animations": "10.0.8",
+    "@angular/animations": "11.1.2",
     "@angular/cdk": "10.1.2",
     "@angular/flex-layout": "10.0.0-beta.32",
     "@angular/material": "10.1.2",
@@ -145,4 +145,4 @@
       "lcov"
     ]
   }
-}
+}

src/app/app-routing.module.ts

@@ -24,7 +24,7 @@ const routes: Routes = [
 ];
 
 @NgModule({
-    imports: [RouterModule.forRoot(routes)],
+    imports: [RouterModule.forRoot(routes, { relativeLinkResolution: 'legacy' })],
     exports: [RouterModule],
 })
 export class AppRoutingModule {}

src/app/app.component.spec.ts

@@ -1,4 +1,4 @@
-import { TestBed, async } from '@angular/core/testing';
+import { TestBed, waitForAsync } from '@angular/core/testing';
 import { RouterTestingModule } from '@angular/router/testing';
 import { AppComponent } from './app.component';
 import { TranslateModule } from '@ngx-translate/core';
@@ -23,7 +23,7 @@ class MatSnackBarStub {
 }
 
 describe('AppComponent', () => {
-    beforeEach(async(() => {
+    beforeEach(waitForAsync(() => {
         TestBed.configureTestingModule({
             declarations: [AppComponent],
             providers: [
@@ -38,7 +38,7 @@ describe('AppComponent', () => {
         }).compileComponents();
     }));
 
-    it('should create the app', async(() => {
+    it('should create the app', waitForAsync(() => {
         const fixture = TestBed.createComponent(AppComponent);
         const app = fixture.debugElement.componentInstance;
         expect(app).toBeTruthy();

src/app/home/file-upload/file-upload.component.spec.ts

@@ -1,4 +1,4 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 import { FileUploadComponent } from './file-upload.component';
 import { MatIconModule } from '@angular/material/icon';
 import { MockModule } from 'ng-mocks';
@@ -8,7 +8,7 @@ describe('FileUploadComponent', () => {
     let component: FileUploadComponent;
     let fixture: ComponentFixture<FileUploadComponent>;
 
-    beforeEach(async(() => {
+    beforeEach(waitForAsync(() => {
         TestBed.configureTestingModule({
             declarations: [FileUploadComponent],
             imports: [MockModule(MatIconModule), NgxUploaderModule],

src/app/home/url-upload/url-upload.component.spec.ts

@@ -1,4 +1,4 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 import { By } from '@angular/platform-browser';
 
 import { UrlUploadComponent } from './url-upload.component';
@@ -10,7 +10,7 @@ describe('UrlUploadComponent', () => {
     let component: UrlUploadComponent;
     let fixture: ComponentFixture<UrlUploadComponent>;
 
-    beforeEach(async(() => {
+    beforeEach(waitForAsync(() => {
         TestBed.configureTestingModule({
             declarations: [UrlUploadComponent],
             imports: [
@@ -31,7 +31,7 @@ describe('UrlUploadComponent', () => {
         expect(component).toBeTruthy();
     });
 
-    it('submit form with playlist url', async(() => {
+    it('submit form with playlist url', waitForAsync(() => {
         spyOn(component.urlAdded, 'emit');
         const TEST_URL = 'http://example.org/playlist.m3u';
         const submitButton = fixture.debugElement.nativeElement.querySelector(

src/app/player/components/epg-list/epg-list.component.spec.ts

@@ -1,5 +1,5 @@
 /* eslint-disable @typescript-eslint/unbound-method */
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 import { EpgListComponent, EpgData } from './epg-list.component';
 import { MatListModule } from '@angular/material/list';
 import { MockModule, MockPipe } from 'ng-mocks';
@@ -81,7 +81,7 @@ describe('EpgListComponent', () => {
         ],
     };
 
-    beforeEach(async(() => {
+    beforeEach(waitForAsync(() => {
         TestBed.configureTestingModule({
             declarations: [EpgListComponent, MockPipe(MomentDatePipe)],
             imports: [MockModule(MatIconModule), MockModule(MatListModule)],

src/app/player/components/html-video-player/html-video-player.component.spec.ts

@@ -1,5 +1,5 @@
 /* eslint-disable @typescript-eslint/unbound-method */
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 import { SimpleChange } from '@angular/core';
 
 import { HtmlVideoPlayerComponent } from './html-video-player.component';
@@ -16,7 +16,7 @@ describe('HtmlVideoPlayerComponent', () => {
         },
     };
 
-    beforeEach(async(() => {
+    beforeEach(waitForAsync(() => {
         TestBed.configureTestingModule({
             declarations: [HtmlVideoPlayerComponent],
         }).compileComponents();

src/app/player/components/video-player/video-player.component.spec.ts

@@ -1,5 +1,5 @@
 /* eslint-disable @typescript-eslint/unbound-method */
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 import { VideoPlayerComponent } from './video-player.component';
 import { MockComponent, MockModule } from 'ng-mocks';
 import { ChannelListContainerComponent } from '../channel-list-container/channel-list-container.component';
@@ -24,7 +24,7 @@ describe('VideoPlayerComponent', () => {
     let store: ChannelStore;
     let channels;
 
-    beforeEach(async(() => {
+    beforeEach(waitForAsync(() => {
         TestBed.configureTestingModule({
             declarations: [
                 MockComponent(EpgListComponent),

src/tsconfig.app.json

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

src/tsconfig.spec.json

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

tsconfig.base.json

@@ -1,33 +0,0 @@
-{
-  "compileOnSave": false,
-  "compilerOptions": {
-    "module": "es2020",
-    "outDir": "./dist/out-tsc",
-    "sourceMap": true,
-    "declaration": false,
-    "moduleResolution": "node",
-    "emitDecoratorMetadata": true,
-    "experimentalDecorators": true,
-    "target": "es5",
-    "typeRoots": [
-      "node_modules/@types"
-    ],
-    "lib": [
-      "es2017",
-      "es2016",
-      "es2015",
-      "dom"
-    ],
-    "resolveJsonModule": true
-  },
-  "files": [
-    "src/main.ts",
-    "src/polyfills.ts"
-  ],
-  "include": [
-    "src/**/*.d.ts"
-  ],
-  "exclude": [
-    "node_modules"
-  ]
-}

tsconfig.json

@@ -1,17 +1,33 @@
-/*
-  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": [],
-  "references": [
-    {
-      "path": "./src/tsconfig.app.json"
-    },
-    {
-      "path": "./src/tsconfig.spec.json"
-    }
+  "compileOnSave": false,
+  "compilerOptions": {
+    "module": "es2020",
+    "outDir": "./dist/out-tsc",
+    "sourceMap": true,
+    "declaration": false,
+    "moduleResolution": "node",
+    "emitDecoratorMetadata": true,
+    "experimentalDecorators": true,
+    "target": "es5",
+    "typeRoots": [
+      "node_modules/@types"
+    ],
+    "lib": [
+      "es2017",
+      "es2016",
+      "es2015",
+      "dom"
+    ],
+    "resolveJsonModule": true
+  },
+  "files": [
+    "src/main.ts",
+    "src/polyfills.ts"
+  ],
+  "include": [
+    "src/**/*.d.ts"
+  ],
+  "exclude": [
+    "node_modules"
   ]
-}
+}