chore: update core deps to angular 9 + migrations

angular.json

@@ -22,6 +22,7 @@
         "build": {
           "builder": "@angular-devkit/build-angular:browser",
           "options": {
+            "aot": true,
             "outputPath": "dist",
             "index": "src/index.html",
             "main": "src/main.ts",
@@ -41,6 +42,12 @@
           },
           "configurations": {
             "production": {
+              "budgets": [
+                {
+                  "type": "anyComponentStyle",
+                  "maximumWarning": "6kb"
+                }
+              ],
               "fileReplacements": [
                 {
                   "replace": "src/environments/environment.ts",

package.json

@@ -78,26 +78,26 @@
     "jira-client-fork": "^4.2.1",
     "moment": "^2.24.0",
     "stacktrace-js": "^2.0.1"
-  },
+  ,    "tslib": "^1.10.0"
+},
   "devDependencies": {
-    "@angular-devkit/build-angular": "0.803.4",
-    "@angular/animations": "^8.2.6",
+    "@angular-devkit/build-angular": "~0.900.1",
+    "@angular/animations": "^9.0.0",
     "@angular/cdk": "^8.2.0",
-    "@angular/cli": "^8.3.4",
-    "@angular/common": "^8.2.6",
-    "@angular/compiler": "^8.2.6",
-    "@angular/compiler-cli": "^8.2.6",
-    "@angular/core": "^8.2.6",
-    "@angular/forms": "^8.2.6",
-    "@angular/language-service": "^8.2.6",
+    "@angular/cli": "^9.0.1",
+    "@angular/common": "^9.0.0",
+    "@angular/compiler": "^9.0.0",
+    "@angular/compiler-cli": "^9.0.0",
+    "@angular/core": "^9.0.0",
+    "@angular/forms": "^9.0.0",
+    "@angular/language-service": "^9.0.0",
     "@angular/material": "^8.2.0",
     "@angular/material-moment-adapter": "^8.2.0",
-    "@angular/platform-browser": "^8.2.6",
-    "@angular/platform-browser-dynamic": "^8.2.6",
-    "@angular/platform-server": "^8.2.6",
-    "@angular/pwa": "^0.10.5",
-    "@angular/router": "^8.2.6",
-    "@angular/service-worker": "^8.2.6",
+    "@angular/platform-browser": "^9.0.0",
+    "@angular/platform-browser-dynamic": "^9.0.0",
+    "@angular/platform-server": "^9.0.0",
+    "@angular/router": "^9.0.0",
+    "@angular/service-worker": "^9.0.0",
     "@biesbjerg/ngx-translate-extract": "^2.3.4",
     "@ngrx/data": "^8.3.0",
     "@ngrx/effects": "^8.3.0",
@@ -113,13 +113,13 @@
     "@types/jasmine": "^3.3.12",
     "@types/jasminewd2": "~2.0.3",
     "@types/moment-duration-format": "^2.2.2",
-    "@types/node": "^12.0.4",
+    "@types/node": "^12.11.1",
     "all-contributors-cli": "^6.8.0",
     "angular-material-css-vars": "latest",
     "angular2-promise-buttons": "latest",
     "chart.js": "^2.8.0",
     "clipboard": "^2.0.1",
-    "codelyzer": "^5.0.1",
+    "codelyzer": "^5.1.2",
     "conventional-changelog-cli": "^2.0.21",
     "core-js": "^3.1.3",
     "cross-env": "^5.2.0",
@@ -160,7 +160,7 @@
     "throttle-debounce": "^2.0.1",
     "ts-node": "~8.2.0",
     "tslint": "^5.16.0",
-    "typescript": "~3.5.3",
-    "zone.js": "^0.9.1"
+    "typescript": "~3.7.5",
+    "zone.js": "~0.10.2"
   }
-}
+}

src/app/app.component.ts

@@ -51,8 +51,8 @@ export class AppComponent implements OnDestroy {
     take(1),
   );
 
-  @ViewChild('notesElRef', {read: ViewContainerRef, static: false}) notesElRef: ViewContainerRef;
-  @ViewChild('sideNavElRef', {read: ViewContainerRef, static: false}) sideNavElRef: ViewContainerRef;
+  @ViewChild('notesElRef', { read: ViewContainerRef }) notesElRef: ViewContainerRef;
+  @ViewChild('sideNavElRef', { read: ViewContainerRef }) sideNavElRef: ViewContainerRef;
   isRTL: boolean;
   private _subs: Subscription = new Subscription();
 

src/app/core/banner/banner/banner.component.ts

@@ -43,7 +43,7 @@ export class BannerComponent {
   ) {
   }
 
-  @ViewChild('wrapperEl', {static: false}) set wrapperEl(content: ElementRef) {
+  @ViewChild('wrapperEl') set wrapperEl(content: ElementRef) {
     if (content && content.nativeElement) {
       this.height = content.nativeElement.offsetHeight;
     }

src/app/features/bookmark/bookmark-bar/bookmark-bar.component.ts

@@ -50,7 +50,7 @@ export class BookmarkBarComponent implements OnDestroy {
     );
   }
 
-  @ViewChild('bookmarkBar', {read: ElementRef, static: false}) set bookmarkBarEl(content: ElementRef) {
+  @ViewChild('bookmarkBar', { read: ElementRef }) set bookmarkBarEl(content: ElementRef) {
     if (content && content.nativeElement) {
       this.bookmarkBarHeight = content.nativeElement.offsetHeight;
     }

src/app/features/note/note/note.component.ts

@@ -16,7 +16,7 @@ export class NoteComponent {
   @Input() note: Note;
   @Input() isFocus: boolean;
 
-  @ViewChild('markdownEl', {static: false}) markdownEl: HTMLElement;
+  @ViewChild('markdownEl') markdownEl: HTMLElement;
 
   T = T;
 

src/app/features/tasks/task-additional-info/task-additional-info.component.ts

@@ -48,9 +48,7 @@ export class TaskAdditionalInfoComponent implements AfterViewInit, OnDestroy {
   @HostBinding('@noop') alwaysTrue = true;
 
   @ViewChildren(TaskAdditionalInfoItemComponent) itemEls: QueryList<TaskAdditionalInfoItemComponent>;
-  @ViewChild('attachmentPanelElRef', {
-    static: false,
-  }) attachmentPanelElRef: TaskAdditionalInfoItemComponent;
+  @ViewChild('attachmentPanelElRef') attachmentPanelElRef: TaskAdditionalInfoItemComponent;
 
   selectedItemIndex = 0;
   isFocusNotes = false;

src/app/features/tasks/task/task.component.ts

@@ -61,8 +61,8 @@ export class TaskComponent implements OnInit, OnDestroy, AfterViewInit {
   contextMenuPosition = {x: '0px', y: '0px'};
 
   @ViewChild('contentEditableOnClickEl', {static: true}) contentEditableOnClickEl: ElementRef;
-  @ViewChild('blockLeft', {static: false}) blockLeftEl: ElementRef;
-  @ViewChild('blockRight', {static: false}) blockRightEl: ElementRef;
+  @ViewChild('blockLeft') blockLeftEl: ElementRef;
+  @ViewChild('blockRight') blockRightEl: ElementRef;
   @ViewChild(MatMenuTrigger, {static: true}) contextMenu: MatMenuTrigger;
 
   @HostBinding('tabindex') tabIndex = 1;

src/app/pages/work-view/work-view-page.component.ts

@@ -76,7 +76,7 @@ export class WorkViewPageComponent implements OnInit, OnDestroy, AfterContentIni
   ) {
   }
 
-  @ViewChild('splitTopEl', {static: false, read: ElementRef}) set splitTopElRef(ref: ElementRef) {
+  @ViewChild('splitTopEl', { read: ElementRef }) set splitTopElRef(ref: ElementRef) {
     if (ref) {
       this.splitTopEl$.next(ref.nativeElement);
     }

src/app/ui/better-drawer/better-drawer-container/better-drawer-container.component.ts

@@ -64,7 +64,7 @@ export class BetterDrawerContainerComponent implements OnInit, AfterContentInit,
     return this._isOver;
   }
 
-  @ViewChild('contentElRef', {static: false, read: ElementRef}) set setContentElRef(ref: ElementRef) {
+  @ViewChild('contentElRef', { read: ElementRef }) set setContentElRef(ref: ElementRef) {
     if (ref) {
       this.contentEl$.next(ref.nativeElement);
     }

src/app/ui/inline-input/inline-input.component.ts

@@ -22,8 +22,8 @@ export class InlineInputComponent {
   @Input() newValue: string | number;
 
   @Output() changed = new EventEmitter<string | number>();
-  @ViewChild('inputEl', {static: false}) inputEl: ElementRef;
-  @ViewChild('inputElDuration', {static: false}) inputElDuration: ElementRef;
+  @ViewChild('inputEl') inputEl: ElementRef;
+  @ViewChild('inputElDuration') inputElDuration: ElementRef;
 
   @HostBinding('class.isFocused') isFocused = false;
 

src/app/ui/inline-markdown/inline-markdown.component.ts

@@ -39,8 +39,8 @@ export class InlineMarkdownComponent implements OnInit, OnDestroy {
   @Output() blurred: EventEmitter<Event> = new EventEmitter();
   @Output() keyboardUnToggle: EventEmitter<Event> = new EventEmitter();
   @ViewChild('wrapperEl', {static: true}) wrapperEl: ElementRef;
-  @ViewChild('textareaEl', {static: false}) textareaEl: ElementRef;
-  @ViewChild('previewEl', {static: false}) previewEl: MarkdownComponent;
+  @ViewChild('textareaEl') textareaEl: ElementRef;
+  @ViewChild('previewEl') previewEl: MarkdownComponent;
 
   isHideOverflow = false;
   isShowEdit = false;

src/tsconfig.app.json

@@ -4,9 +4,8 @@
     "outDir": "../out-tsc/app",
     "types": []
   },
-  "exclude": [
-    "test.ts",
-    "**/*.spec.ts",
-    "**/*.worker.ts"
+  "files": [
+    "main.ts",
+    "polyfills.ts"
   ]
 }

tsconfig.json

@@ -5,7 +5,7 @@
     "outDir": "./dist/out-tsc",
     "sourceMap": true,
     "declaration": false,
-    "module": "es2015",
+    "module": "esnext",
     "moduleResolution": "node",
     "emitDecoratorMetadata": true,
     "experimentalDecorators": true,