Update application to angular + cli 8.x

bertrandg · bertrandg · commit b6dd2835a826 · 2019-06-22T10:31:46.000+02:00
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -25,42 +25,42 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "7.2.9",
-    "@angular/common": "7.2.9",
-    "@angular/compiler": "7.2.9",
-    "@angular/core": "7.2.9",
-    "@angular/forms": "7.2.9",
+    "@angular/animations": "8.0.2",
+    "@angular/common": "8.0.2",
+    "@angular/compiler": "8.0.2",
+    "@angular/core": "8.0.2",
+    "@angular/forms": "8.0.2",
     "@angular/http": "7.2.9",
-    "@angular/platform-browser": "7.2.9",
-    "@angular/platform-browser-dynamic": "7.2.9",
-    "@angular/router": "7.2.9",
+    "@angular/platform-browser": "8.0.2",
+    "@angular/platform-browser-dynamic": "8.0.2",
+    "@angular/router": "8.0.2",
     "bootstrap": "4.3.1",
     "core-js": "2.6.5",
     "lodash": "4.17.11",
     "marked": "0.6.1",
     "ngx-bootstrap": "3.2.0",
-    "rxjs": "6.4.0",
-    "zone.js": "0.8.29"
+    "rxjs": "6.5.2",
+    "zone.js": "0.9.1"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "0.13.6",
-    "@angular-devkit/build-ng-packagr": "0.13.6",
-    "@angular/cli": "7.3.6",
-    "@angular/compiler-cli": "7.2.9",
-    "@angular/language-service": "7.2.9",
+    "@angular-devkit/build-angular": "0.800.3",
+    "@angular-devkit/build-ng-packagr": "0.800.3",
+    "@angular/cli": "8.0.3",
+    "@angular/compiler-cli": "8.0.2",
+    "@angular/language-service": "8.0.2",
     "@types/node": "10.12.3",
     "codelyzer": "4.5.0",
     "concurrently": "4.0.1",
     "cpx": "1.5.0",
     "cypress": "3.2.0",
     "http-server": "0.11.1",
-    "ng-packagr": "4.4.0",
+    "ng-packagr": "5.3.0",
     "npm-run-all": "4.1.3",
     "ts-node": "7.0.1",
-    "tsickle": "0.33.1",
-    "tslib": "1.9.3",
+    "tsickle": "0.35.0",
+    "tslib": "1.10.0",
     "tslint": "5.11.0",
-    "typescript": "3.2.4",
+    "typescript": "3.4.5",
     "webpack-bundle-analyzer": "3.1.0"
   }
 }
diff --git a/src_app/app/component/examples/classAccess.route.component.ts b/src_app/app/component/examples/classAccess.route.component.ts
@@ -63,7 +63,7 @@ import { AComponent } from './AComponent';
         </div>`
 })
 export class ClassAccessComponent extends AComponent implements AfterViewInit {
-    @ViewChild(SplitComponent) splitEl: SplitComponent
+    @ViewChild(SplitComponent, {static: false}) splitEl: SplitComponent
     @ViewChildren(SplitAreaDirective) areasEl: QueryList<SplitAreaDirective> 
     
     ngAfterViewInit() {
diff --git a/src_app/app/component/examples/geekDemo.route.component.ts b/src_app/app/component/examples/geekDemo.route.component.ts
@@ -141,7 +141,7 @@ import { AComponent } from './AComponent';
         </div>`
 })
 export class GeekDemoComponent extends AComponent {
-    @ViewChild(SortableComponent) sortableComponent: SortableComponent
+    @ViewChild(SortableComponent, {static: false}) sortableComponent: SortableComponent
     
     d = {
         dir: 'horizontal',
diff --git a/src_app/app/component/examples/gutterClick.route.component.ts b/src_app/app/component/examples/gutterClick.route.component.ts
@@ -110,8 +110,8 @@ export class GutterClickComponent extends AComponent implements AfterViewInit, O
     ]
     sub: Subscription
 
-    @ViewChild('mySplit') mySplitEl: SplitComponent
-    @ViewChild('logs') logsEl: ElementRef
+    @ViewChild('mySplit', {static: false}) mySplitEl: SplitComponent
+    @ViewChild('logs', {static: false}) logsEl: ElementRef
 
     ngAfterViewInit() {
         this.sub = this.mySplitEl.dragProgress$.subscribe(data => {
diff --git a/src_app/app/component/examples/simple.route.component.ts b/src_app/app/component/examples/simple.route.component.ts
@@ -65,9 +65,9 @@ import { AComponent } from './AComponent';
 })
 export class SimpleComponent extends AComponent {
     
-    @ViewChild('split') split: SplitComponent;
-    @ViewChild('area1') area1: SplitAreaDirective;
-    @ViewChild('area2') area2: SplitAreaDirective;
+    @ViewChild('split', {static: false}) split: SplitComponent;
+    @ViewChild('area1', {static: false}) area1: SplitAreaDirective;
+    @ViewChild('area2', {static: false}) area2: SplitAreaDirective;
     
     direction: string = 'horizontal'
     sizes = {
diff --git a/src_app/app/component/examples/sync.route.component.ts b/src_app/app/component/examples/sync.route.component.ts
@@ -46,9 +46,9 @@ import { formatDate } from '../../service/utils';
         </div>`
 })
 export class SyncComponent extends AComponent implements AfterViewInit, OnDestroy {
-    @ViewChild('mySplitA') mySplitAEl: SplitComponent
-    @ViewChild('mySplitB') mySplitBEl: SplitComponent
-    @ViewChild('mySplitC') mySplitCEl: SplitComponent
+    @ViewChild('mySplitA', {static: false}) mySplitAEl: SplitComponent
+    @ViewChild('mySplitB', {static: false}) mySplitBEl: SplitComponent
+    @ViewChild('mySplitC', {static: false}) mySplitCEl: SplitComponent
     
     sizes = [25, 75]
     sub: Subscription
diff --git a/src_app/app/component/examples/transitions.route.component.ts b/src_app/app/component/examples/transitions.route.component.ts
@@ -67,7 +67,8 @@ import { formatDate } from '../../service/utils';
             width: 100%;
         }
         
-        :host .ex2 /deep/ .as-transition.as-init:not(.as-dragging) >.as-split-area, :host /deep/ .as-transition.as-init:not(.as-dragging) > .as-split-gutter {
+        :host .ex2 ::ng-deep .as-transition.as-init:not(.as-dragging) >.as-split-area, 
+        :host ::ng-deep .as-transition.as-init:not(.as-dragging) > .as-split-gutter {
             transition: flex-basis 1s !important;
         }
     `],
@@ -216,7 +217,7 @@ export class TransitionsComponent extends AComponent {
     }
     logMessages: Array<{type: string, text: string}> = []
 
-    @ViewChild('logs') logsEl: ElementRef
+    @ViewChild('logs', {static: false}) logsEl: ElementRef
 
     log(e) {
         this.logMessages.push({type: 'transitionEnd', text: `${ formatDate(new Date()) } > transitionEnd event > ${ e }`});

Original file line number	Diff line number	Diff line change
`@@ -110,8 +110,8 @@ export class GutterClickComponent extends AComponent implements AfterViewInit, O`
`110`	`110`	`]`
`111`	`111`	`sub: Subscription`
`112`	`112`
`113`		`- @ViewChild('mySplit') mySplitEl: SplitComponent`
`114`		`- @ViewChild('logs') logsEl: ElementRef`
	`113`	`+ @ViewChild('mySplit', {static: false}) mySplitEl: SplitComponent`
	`114`	`+ @ViewChild('logs', {static: false}) logsEl: ElementRef`
`115`	`115`
`116`	`116`	`ngAfterViewInit() {`
`117`	`117`	`this.sub = this.mySplitEl.dragProgress$.subscribe(data => {`
Original file line number	Diff line number	Diff line change
`@@ -67,7 +67,8 @@ import { formatDate } from '../../service/utils';`
`67`	`67`	`width: 100%;`
`68`	`68`	`}`
`69`	`69`
`70`		`- :host .ex2 /deep/ .as-transition.as-init:not(.as-dragging) >.as-split-area, :host /deep/ .as-transition.as-init:not(.as-dragging) > .as-split-gutter {`
	`70`	`+ :host .ex2 ::ng-deep .as-transition.as-init:not(.as-dragging) >.as-split-area,`
	`71`	`+ :host ::ng-deep .as-transition.as-init:not(.as-dragging) > .as-split-gutter {`
`71`	`72`	`transition: flex-basis 1s !important;`
`72`	`73`	`}`
`73`	`74`	`],
`@@ -216,7 +217,7 @@ export class TransitionsComponent extends AComponent {`
`216`	`217`	`}`
`217`	`218`	`logMessages: Array<{type: string, text: string}> = []`
`218`	`219`
`219`		`- @ViewChild('logs') logsEl: ElementRef`
	`220`	`+ @ViewChild('logs', {static: false}) logsEl: ElementRef`
`220`	`221`
`221`	`222`	`log(e) {`
`222`	`223`	this.logMessages.push({type: 'transitionEnd', text: `${ formatDate(new Date()) } > transitionEnd event > ${ e }`});