chore: update to Angular v8

Author: xidedix

CHANGELOG.md

@@ -1,36 +1,38 @@
 ## [angular](./README.md) version `changelog`
 
-###### `v2.Next`
+###### `v2.5.0`
 - refactor(app.routing): lazy loading via dynamic import()
+- refactor(modals): `ViewChild` second parameter 
 - refactor(tsconfig): "module: "esnext", "target": "es6" 
 - chore(tslint): remove undefined rules
-- update: Angular to `v8.0.0-rc-2`
-- update: `@angular/animations` to `^8.0.0-rc.2`
-- update: `@angular/common` to `^8.0.0-rc.2`
-- update: `@angular/compiler` to `^8.0.0-rc.2`
-- update: `@angular/core` to `^8.0.0-rc.2`
-- update: `@angular/forms` to `^8.0.0-rc.2`
+- update: Angular to `v8.0.0`
+- update: `@angular/animations` to `^8.0.0`
+- update: `@angular/common` to `^8.0.0`
+- update: `@angular/compiler` to `^8.0.0`
+- update: `@angular/core` to `^8.0.0`
+- update: `@angular/forms` to `^8.0.0`
 - update: `@angular/http` to `^8.0.0-beta.10`
-- update: `@angular/platform-browser` to `^8.0.0-rc.2`
-- update: `@angular/platform-browser-dynamic` to `^8.0.0-rc.2`
-- update: `@angular/router` to `^8.0.0-rc.2`
-- update: `@coreui/coreui` to `^2.1.9`
-- update: `rxjs` to `^6.5.1`
+- update: `@angular/platform-browser` to `^8.0.0`
+- update: `@angular/platform-browser-dynamic` to `^8.0.0`
+- update: `@angular/router` to `^8.0.0`
+- update: `@coreui/coreui` to `^2.1.11`
+- update: `core-js` to `^2.6.9`
+- update: `rxjs` to `^6.5.2`
 - update: `tsickle` to `^0.35.0`
 - update: `tslib` to `^1.9.3`
 - update: `zone.js` to `^0.9.1`
-- update: `@angular-devkit/build-angular` to `^0.800.0-rc.2`
-- update: `@angular/cli` to `^8.0.0-rc.2`
-- update: `@angular/compiler-cli` to `^8.0.0-rc.2`
-- update: `@angular/language-service` to `^8.0.0-rc.2`
-- update: `@types/node` to `^12.0.0`
-- update: `codelyzer` to `^5.0.1`
+- update: `@angular-devkit/build-angular` to `^0.800.1`
+- update: `@angular/cli` to `^8.0.1`
+- update: `@angular/compiler-cli` to `^8.0.0`
+- update: `@angular/language-service` to `^8.0.0`
+- update: `@types/node` to `^12.0.4`
+- update: `codelyzer` to `^5.1.0`
 - update: `jasmine-core` to `^3.4.0`
 - update: `karma` to `^4.1.0`
 - update: `karma-jasmine-html-reporter` to `^1.4.2`
-- update: `ts-node` to `^8.1.0`
-- update: `tslint` to `^5.16.0`
-- update: `typescript` to `^3.4.5`
+- update: `ts-node` to `^8.2.0`
+- update: `tslint` to `^5.17.0`
+- update: `typescript` to `~3.4.5`
 
 ###### `v2.4.5`
 - refactor(modals): add `@ViewChild` 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coreui/coreui-free-angular-admin-template",
-  "version": "2.5.0-beta.0",
+  "version": "2.5.0-beta.1",
   "description": "CoreUI Free Angular 2+ Admin Template",
   "author": {
     "name": "Łukasz Holeczek",
@@ -27,45 +27,45 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "^8.0.0-rc.2",
-    "@angular/common": "^8.0.0-rc.2",
-    "@angular/compiler": "^8.0.0-rc.2",
-    "@angular/core": "^8.0.0-rc.2",
-    "@angular/forms": "^8.0.0-rc.2",
+    "@angular/animations": "^8.0.0",
+    "@angular/common": "^8.0.0",
+    "@angular/compiler": "^8.0.0",
+    "@angular/core": "^8.0.0",
+    "@angular/forms": "^8.0.0",
     "@angular/http": "^8.0.0-beta.10",
-    "@angular/platform-browser": "^8.0.0-rc.2",
-    "@angular/platform-browser-dynamic": "^8.0.0-rc.2",
-    "@angular/router": "^8.0.0-rc.2",
+    "@angular/platform-browser": "^8.0.0",
+    "@angular/platform-browser-dynamic": "^8.0.0",
+    "@angular/router": "^8.0.0",
     "@coreui/angular": "^2.4.5",
-    "@coreui/coreui": "^2.1.9",
-    "@coreui/coreui-plugin-chartjs-custom-tooltips": "^1.2.0",
+    "@coreui/coreui": "^2.1.11",
+    "@coreui/coreui-plugin-chartjs-custom-tooltips": "^1.3.1",
     "@coreui/icons": "0.3.0",
     "bootstrap": "^4.3.1",
     "chart.js": "^2.8.0",
-    "core-js": "^2.6.5",
+    "core-js": "^2.6.9",
     "flag-icon-css": "^3.3.0",
     "font-awesome": "^4.7.0",
     "moment": "^2.24.0",
     "mutationobserver-shim": "^0.3.3",
     "ng2-charts": "^1.6.0",
     "ngx-bootstrap": "^3.3.0",
     "ngx-perfect-scrollbar": "^7.2.1",
-    "rxjs": "^6.5.1",
+    "rxjs": "^6.5.2",
     "simple-line-icons": "^2.4.1",
     "ts-helpers": "^1.1.2",
     "tsickle": "^0.35.0",
     "tslib": "^1.9.3",
     "zone.js": "^0.9.1"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "^0.800.0-rc.2",
-    "@angular/cli": "^8.0.0-rc.2",
-    "@angular/compiler-cli": "^8.0.0-rc.2",
-    "@angular/language-service": "^8.0.0-rc.2",
-    "@types/jasmine": "^3.3.12",
+    "@angular-devkit/build-angular": "^0.800.1",
+    "@angular/cli": "^8.0.1",
+    "@angular/compiler-cli": "^8.0.0",
+    "@angular/language-service": "^8.0.0",
+    "@types/jasmine": "^3.3.13",
     "@types/jasminewd2": "^2.0.6",
-    "@types/node": "^12.0.0",
-    "codelyzer": "^5.0.1",
+    "@types/node": "^12.0.4",
+    "codelyzer": "^5.1.0",
     "jasmine-core": "^3.4.0",
     "jasmine-spec-reporter": "^4.2.1",
     "karma": "^4.1.0",
@@ -74,9 +74,9 @@
     "karma-jasmine": "^2.0.1",
     "karma-jasmine-html-reporter": "^1.4.2",
     "protractor": "^5.4.2",
-    "ts-node": "^8.1.0",
-    "tslint": "^5.16.0",
-    "typescript": "^3.4.5"
+    "ts-node": "^8.2.0",
+    "tslint": "^5.17.0",
+    "typescript": "~3.4.5"
   },
   "engines": {
     "node": ">= 8.9.4",

src/app/views/notifications/modals.component.ts

@@ -5,12 +5,12 @@ import {ModalDirective} from 'ngx-bootstrap/modal';
   templateUrl: 'modals.component.html'
 })
 export class ModalsComponent {
-  @ViewChild('myModal') public myModal: ModalDirective;
-  @ViewChild('largeModal') public largeModal: ModalDirective;
-  @ViewChild('smallModal') public smallModal: ModalDirective;
-  @ViewChild('primaryModal') public primaryModal: ModalDirective;
-  @ViewChild('successModal') public successModal: ModalDirective;
-  @ViewChild('warningModal') public warningModal: ModalDirective;
-  @ViewChild('dangerModal') public dangerModal: ModalDirective;
-  @ViewChild('infoModal') public infoModal: ModalDirective;
+  @ViewChild('myModal', {static: false}) public myModal: ModalDirective;
+  @ViewChild('largeModal', {static: false}) public largeModal: ModalDirective;
+  @ViewChild('smallModal', {static: false}) public smallModal: ModalDirective;
+  @ViewChild('primaryModal', {static: false}) public primaryModal: ModalDirective;
+  @ViewChild('successModal', {static: false}) public successModal: ModalDirective;
+  @ViewChild('warningModal', {static: false}) public warningModal: ModalDirective;
+  @ViewChild('dangerModal', {static: false}) public dangerModal: ModalDirective;
+  @ViewChild('infoModal', {static: false}) public infoModal: ModalDirective;
 }