chore(app): update dependencies for v8

package.json

@@ -45,19 +45,18 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "^8.0.0-beta.4",
-    "@angular/cdk": "^7.3.2",
-    "@angular/common": "^8.0.0-beta.4",
-    "@angular/compiler": "^8.0.0-beta.4",
-    "@angular/core": "^8.0.0-beta.4",
-    "@angular/forms": "^8.0.0-beta.4",
-    "@angular/http": "^8.0.0-beta.4",
-    "@angular/material": "^7.3.2",
-    "@angular/platform-browser": "^8.0.0-beta.4",
-    "@angular/platform-browser-dynamic": "^8.0.0-beta.4",
-    "@angular/pwa": "0.14.0-beta.0",
-    "@angular/router": "^8.0.0-beta.4",
-    "@angular/service-worker": "^8.0.0-beta.4",
+    "@angular-devkit/build-angular": "^0.800.2",
+    "@angular/animations": "^8.0.0",
+    "@angular/cdk": "^8.0.1",
+    "@angular/common": "^8.0.0",
+    "@angular/compiler": "^8.0.0",
+    "@angular/core": "^8.0.0",
+    "@angular/forms": "^8.0.0",
+    "@angular/material": "^8.0.1",
+    "@angular/platform-browser": "^8.0.0",
+    "@angular/platform-browser-dynamic": "^8.0.0",
+    "@angular/router": "^8.0.0",
+    "@angular/service-worker": "^8.0.0",
     "@ngxs/router-plugin": "^3.4.2",
     "@ngxs/store": "^3.4.1",
     "@stackblitz/sdk": "^1.3.0",
@@ -74,16 +73,14 @@
     "ngx-highlightjs": "^3.0.1",
     "rxjs": "^6.4.0",
     "start-server-and-test": "^1.7.12",
-    "zone.js": "^0.8.29"
+    "zone.js": "^0.9.1"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "^0.14.0-beta.0",
-    "@angular-devkit/build-ng-packagr": "0.14.0-beta.0",
-    "@angular-devkit/build-optimizer": "0.14.0-beta.0",
-    "@angular-devkit/build-webpack": "0.14.0-beta.0",
-    "@angular/cli": "8.0.0-beta.0",
-    "@angular/compiler-cli": "^8.0.0-beta.6",
-    "@angular/language-service": "^8.0.0-beta.4",
+    "@angular-devkit/build-angular": "~0.800.0",
+    "@angular-devkit/build-ng-packagr": "^0.800.0",
+    "@angular/cli": "~8.0.2",
+    "@angular/compiler-cli": "~8.0.0",
+    "@angular/language-service": "~8.0.0",
     "@angularclass/hmr": "^2.1.3",
     "@commitlint/cli": "^7.5.2",
     "@commitlint/config-conventional": "^7.5.0",
@@ -92,26 +89,26 @@
     "@types/highlight.js": "^9.12.3",
     "@types/node": "~11.9.2",
     "@types/sketchapp": "^1.0.3",
-    "codelyzer": "~4.5.0",
+    "codelyzer": "~5.0.0",
     "conventional-changelog-cli": "^2.0.12",
+    "ng-packagr": "^5.1.0",
     "cypress-file-upload": "^3.0.6",
     "cypress-testing-library": "^2.3.6",
     "husky": "^1.3.1",
     "jest": "^24.1.0",
     "jest-preset-angular": "^6.0.2",
     "karma-mocha": "^1.3.0",
     "karma-mocha-reporter": "^2.2.5",
-    "ng-packagr": "^4.7.1",
     "npm-run-all": "^4.1.5",
     "puppeteer": "^1.12.2",
     "release-it": "^10.2.0",
     "speed-measure-webpack-plugin": "^1.3.0",
     "terser": "^3.16.1",
     "ts-node": "~8.0.2",
-    "tsickle": "0.34.3",
     "tslib": "^1.7.1",
     "tslint": "~5.9.1",
-    "typescript": "<3.3.0",
+    "tsickle": "^0.35.0",
+    "typescript": "3.4.5",
     "wepback": "^1.0.0"
   }
 }

src/app/editor/code/editor-container/editor-container.component.ts

@@ -15,7 +15,7 @@ const githubIssueLink =
 })
 export class EditorContainerComponent implements OnInit, AfterContentInit {
   codeSetting: CodeGenSettings;
-  @ViewChild('codeContentEditor') codeEditor: ElementRef;
+  @ViewChild('codeContentEditor', {static: true}) codeEditor: ElementRef;
 
   frameworks: Array<{
     title: string;

src/app/editor/preview/preview.component.ts

@@ -23,12 +23,12 @@ export class PreviewComponent implements OnInit {
   settingMenuWidth: number;
   isCodeEditor: boolean;
 
-  @ViewChild('xlyViewerContainerRef')
+  @ViewChild('xlyViewerContainerRef', {static: true})
   xlyViewerContainerRef: ViewerContainerComponent;
-  @ViewChild('pagesPanelRef') pagesPanelRef: MatExpansionPanel;
-  @ViewChild('layersPanelRef') layersPanelRef: MatExpansionPanel;
-  @ViewChild('settingNavRef') settingNavRef: MatDrawerContainer;
-  @ViewChild('currentLayerNavRef') currentLayerNavRef: MatDrawerContainer;
+  @ViewChild('pagesPanelRef', {static: true}) pagesPanelRef: MatExpansionPanel;
+  @ViewChild('layersPanelRef', {static: true}) layersPanelRef: MatExpansionPanel;
+  @ViewChild('settingNavRef', {static: true}) settingNavRef: MatDrawerContainer;
+  @ViewChild('currentLayerNavRef', {static: true}) currentLayerNavRef: MatDrawerContainer;
 
   constructor(private readonly store: Store) { }
 

src/app/editor/preview/viewer/3d-rotation.directive.ts

@@ -37,7 +37,7 @@ export class Xly3dRotationDirective implements AfterContentInit, OnChanges {
     y: 0
   };
 
-  @ContentChild(ViewerCanvasComponent, { read: ElementRef }) canvas: ElementRef;
+  @ContentChild(ViewerCanvasComponent, {static: true, read: ElementRef }) canvas: ElementRef;
 
   constructor() {}
 

src/app/editor/preview/viewer/container/container.component.ts

@@ -50,7 +50,7 @@ export class ViewerContainerComponent implements OnInit {
   public currentPage: SketchMSLayer;
   public is3dView: boolean;
 
-  @ViewChild(ViewerSelectedLayerDirective) ref: ViewerSelectedLayerDirective;
+  @ViewChild(ViewerSelectedLayerDirective, {static: true}) ref: ViewerSelectedLayerDirective;
 
   ngOnInit() {
     this.store.select(UiState.currentPage).subscribe(currentPage => {

src/app/upload/browse-files/browse-files.component.ts

@@ -14,7 +14,7 @@ import {
 })
 export class BrowseFilesComponent implements OnInit {
   @Output() changed: EventEmitter<File> = new EventEmitter();
-  @ViewChild('fileBrowserRef') fileBrowserRef: ElementRef;
+  @ViewChild('fileBrowserRef', {static: true}) fileBrowserRef: ElementRef;
 
   constructor() {}