build(angular): update angular to 9.1.11

Author: catfishcoder

angular.json

@@ -11,6 +11,7 @@
         "build": {
           "builder": "@angular-devkit/build-angular:browser",
           "options": {
+            "aot": true,
             "outputPath": "dist",
             "index": "src/index.html",
             "main": "src/main.ts",
@@ -28,6 +29,12 @@
           },
           "configurations": {
             "production": {
+              "budgets": [
+                {
+                  "type": "anyComponentStyle",
+                  "maximumWarning": "6kb"
+                }
+              ],
               "optimization": true,
               "outputHashing": "all",
               "sourceMap": false,
@@ -89,7 +96,7 @@
   "schematics": {
     "@schematics/angular:component": {
       "prefix": "app",
-      "styleext": "scss"
+      "style": "scss"
     },
     "@schematics/angular:directive": {
       "prefix": "app"

package.json

@@ -33,15 +33,15 @@
   },
   "homepage": "https://github.com/CreativeIT/material-angular-dashboard",
   "dependencies": {
-    "@angular/animations": "8.2.14",
-    "@angular/common": "8.2.14",
-    "@angular/compiler": "8.2.14",
-    "@angular/core": "8.2.14",
-    "@angular/forms": "8.2.14",
+    "@angular/animations": "9.1.11",
+    "@angular/common": "9.1.11",
+    "@angular/compiler": "9.1.11",
+    "@angular/core": "9.1.11",
+    "@angular/forms": "9.1.11",
     "@angular/http": "7.2.1",
-    "@angular/platform-browser": "8.2.14",
-    "@angular/platform-browser-dynamic": "8.2.14",
-    "@angular/router": "8.2.14",
+    "@angular/platform-browser": "9.1.11",
+    "@angular/platform-browser-dynamic": "9.1.11",
+    "@angular/router": "9.1.11",
     "@types/googlemaps": "^3.30.18",
     "classlist.js": "1.1.20150312",
     "core-js": "2.5.6",
@@ -50,18 +50,19 @@
     "material-design-lite": "1.3.0",
     "nvd3": "1.8.6",
     "rxjs": "6.5.5",
-    "zone.js": "0.9.1"
+    "tslib": "^2.0.0",
+    "zone.js": "~0.10.3"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "0.803.28",
-    "@angular/cli": "8.3.28",
-    "@angular/compiler-cli": "8.2.14",
-    "@angular/language-service": "8.2.14",
+    "@angular-devkit/build-angular": "~0.1000.0",
+    "@angular/cli": "9.1.9",
+    "@angular/compiler-cli": "9.1.11",
+    "@angular/language-service": "9.1.11",
     "@types/d3": "3.5.40",
     "@types/material-design-lite": "1.1.15",
-    "@types/node": "10.1.2",
+    "@types/node": "^12.11.1",
     "@types/nvd3": "1.8.38",
-    "codelyzer": "5.0.1",
+    "codelyzer": "^5.1.2",
     "node-sass": "^4.14.1",
     "pre-commit": "1.2.2",
     "stylelint": "9.2.1",
@@ -72,6 +73,6 @@
     "tslint": "5.10.0",
     "tslint-angular": "1.1.2",
     "tslint-config-airbnb": "5.9.2",
-    "typescript": "3.5.3"
+    "typescript": "3.8.3"
   }
 }

src/app/components/blank-layout-card/blank-layout-card.component.ts

@@ -6,5 +6,5 @@ import { UpgradableComponent } from 'theme/components/upgradable';
   template: '',
 })
 export class BlankLayoutCardComponent extends UpgradableComponent {
-  @HostBinding('class.blank-layout-card') protected readonly blankLayoutCard = true;
+  @HostBinding('class.blank-layout-card') public readonly blankLayoutCard = true;
 }

src/app/components/message-menu/message-menu.component.ts

@@ -9,9 +9,9 @@ import { MessageMenuService } from './message-menu.service';
   providers: [MessageMenuService],
 })
 export class MessageMenuComponent {
-  @HostBinding('class.message-menu') private readonly messageMenu = true;
+  @HostBinding('class.message-menu') public readonly messageMenu = true;
 
-  private messages: object[];
+  public messages: object[];
 
   constructor(messageMenuService: MessageMenuService) {
     this.messages = messageMenuService.getMessages();

src/app/components/notification-menu/notification-menu.component.ts

@@ -9,9 +9,9 @@ import { NotificationMenuService } from './notification-menu.service';
   providers: [NotificationMenuService],
 })
 export class NotificationMenuComponent {
-  @HostBinding('class.notification-menu') private readonly notificationMenu = true;
+  @HostBinding('class.notification-menu') public readonly notificationMenu = true;
 
-  private notifications: object[];
+  public notifications: object[];
 
   constructor(notificationMenuService: NotificationMenuService) {
     this.notifications = notificationMenuService.getNotifications();

src/app/pages/charts/browser-statistics-chart/browser-statistics-chart.component.ts

@@ -15,8 +15,8 @@ import { BrowserStatisticsChartService } from './browser-statistics-chart.servic
 })
 export class BrowserStatisticsChartComponent extends BasePieChartComponent implements OnInit {
   constructor(
-    private el: ElementRef,
-    private browserStatisticsChartService: BrowserStatisticsChartService,
+    public el: ElementRef,
+    public browserStatisticsChartService: BrowserStatisticsChartService,
   ) {
     super();
   }

src/app/pages/charts/charts.component.ts

@@ -8,6 +8,6 @@ import { UpgradableComponent } from 'theme/components/upgradable';
   templateUrl: './charts.component.html',
 })
 export class ChartsComponent extends UpgradableComponent {
-  @HostBinding('class.mdl-grid') private readonly mdlGrid = true;
-  @HostBinding('class.charts') private readonly charts = true;
+  @HostBinding('class.mdl-grid') public readonly mdlGrid = true;
+  @HostBinding('class.charts') public readonly charts = true;
 }

src/app/pages/charts/country-statistics-chart/country-statistics-chart.component.ts

@@ -15,8 +15,8 @@ import { CountryStatisticsChartService } from './country-statistics-chart.servic
 })
 export class CountryStatisticsChartComponent extends BasePieChartComponent implements OnInit {
   constructor(
-    private el: ElementRef,
-    private countryStatisticsChartService: CountryStatisticsChartService,
+    public el: ElementRef,
+    public countryStatisticsChartService: CountryStatisticsChartService,
   ) {
     super();
   }

src/app/pages/charts/discrete-bar-chart/discrete-bar-chart.component.ts

@@ -12,11 +12,11 @@ import { DiscreteBarChartService } from './discrete-bar-chart.service';
   providers: [DiscreteBarChartService],
 })
 export class DiscreteBarChartComponent implements OnInit {
-  @HostBinding('class.discrete-bar-chart__container') private readonly discreteBarChartContainer = true;
+  @HostBinding('class.discrete-bar-chart__container') public readonly discreteBarChartContainer = true;
 
   constructor(
-    private discreteBarChartService: DiscreteBarChartService,
-    private el: ElementRef,
+    public discreteBarChartService: DiscreteBarChartService,
+    public el: ElementRef,
   ) { }
 
   public ngOnInit() {

src/app/pages/charts/line-chart-1/line-chart-1.component.ts

@@ -13,7 +13,7 @@ import { LineChart1Service } from './line-chart-1.service';
 export class LineChart1Component extends LineChartComponent {
   constructor(
     el: ElementRef,
-    private lineChart1Service: LineChart1Service,
+    public lineChart1Service: LineChart1Service,
   ) {
     super(el);
 

src/app/pages/charts/line-chart-1/line-chart-1.service.ts

@@ -2,11 +2,11 @@ import { Injectable } from '@angular/core';
 
 @Injectable()
 export class LineChart1Service {
-  private firstComplexFunction(x) {
+  public firstComplexFunction(x) {
     return Math.cos(x + 10) + 0.5;
   }
 
-  private secondComplexFunction(x) {
+  public secondComplexFunction(x) {
     return Math.cos(x) + 1;
   }
 

src/app/pages/charts/line-chart-2/line-chart-2.component.ts

@@ -13,7 +13,7 @@ import { LineChart2Service } from './line-chart-2.service';
 export class LineChart2Component extends LineChartComponent {
   constructor(
     el: ElementRef,
-    private lineChart2Service: LineChart2Service,
+    public lineChart2Service: LineChart2Service,
   ) {
     super(el);
 

src/app/pages/charts/line-chart-2/line-chart-2.service.ts

@@ -2,21 +2,21 @@ import { Injectable } from '@angular/core';
 
 @Injectable()
 export class LineChart2Service {
-  private tealFunction(x) {
+  public tealFunction(x) {
     if (x < 7) {
       return Math.random() * 0.2 * x;
     }
     return (Math.random() * 0.1 + 0.2) * x - 1;
   }
 
-  private orangeFunction(x) {
+  public orangeFunction(x) {
     if (x < 10) {
       return -Math.random() * 1.5 + 2.5;
     }
     return 1.5;
   }
 
-  private greenFunction(x) {
+  public greenFunction(x) {
     if ((x + 1) % 4 === 0) {
       return Math.random() * 1.5 + 0.6;
     }

src/app/pages/charts/line-plus-bar-chart/line-plus-bar-chart.component.ts

@@ -12,11 +12,11 @@ import { LinePlusBarChartService } from './line-plus-bar-chart.service';
   providers: [LinePlusBarChartService],
 })
 export class LinePlusBarChartComponent implements OnInit {
-  @HostBinding('class.line-plus-bar-chart__container') private readonly linePlusBarChartContainer = true;
+  @HostBinding('class.line-plus-bar-chart__container') public readonly linePlusBarChartContainer = true;
 
   constructor(
-    private linePlusBarBarChartService: LinePlusBarChartService,
-    private el: ElementRef,
+    public linePlusBarBarChartService: LinePlusBarChartService,
+    public el: ElementRef,
   ) { }
 
   public ngOnInit() {

src/app/pages/charts/stacked-bar-chart/stacked-bar-chart.component.ts

@@ -12,11 +12,11 @@ import { StackedBarChartService } from './stacked-bar-chart.service';
   providers: [StackedBarChartService],
 })
 export class StackedBarChartComponent implements OnInit {
-  @HostBinding('class.stacked-bar-chart__container') private readonly stackedBarChartContainer = true;
+  @HostBinding('class.stacked-bar-chart__container') public readonly stackedBarChartContainer = true;
 
   constructor(
-    private stackedBarChartService: StackedBarChartService,
-    private el: ElementRef,
+    public stackedBarChartService: StackedBarChartService,
+    public el: ElementRef,
   ) { }
 
   public ngOnInit() {

src/app/pages/charts/stacked-bar-chart/stacked-bar-chart.service.ts

@@ -2,7 +2,7 @@ import { Injectable } from '@angular/core';
 
 @Injectable()
 export class StackedBarChartService {
-  private testFunction(x, k) {
+  public testFunction(x, k) {
     return Math.round(((Math.random() * 0.15 + 1.15) * (200 - 2 * x) * k) * 1000 / x);
   }
 

src/app/pages/components/components.component.ts

@@ -8,10 +8,10 @@ import { UpgradableComponent } from 'theme/components/upgradable';
   styleUrls: ['./components.component.scss'],
 })
 export class ComponentsComponent extends UpgradableComponent {
-  @HostBinding('class.mdl-grid') private readonly mdlGrid = true;
-  @HostBinding('class.ui-components') private readonly uiComponents = true;
+  @HostBinding('class.mdl-grid') public readonly mdlGrid = true;
+  @HostBinding('class.ui-components') public readonly uiComponents = true;
 
-  private data = [
+  public data = [
     {
       name: 'Nathan Fillion',
       description: 'Malcolm “Mal” Reynolds',

src/app/pages/dashboard/cotoneaster-card/cotoneaster-card.component.ts

@@ -6,5 +6,5 @@ import { Component, HostBinding } from '@angular/core';
   templateUrl: './cotoneaster-card.component.html',
 })
 export class CotoneasterCardComponent {
-  @HostBinding('class.cotoneaster') private readonly cotoneaster = true;
+  @HostBinding('class.cotoneaster') public readonly cotoneaster = true;
 }

src/app/pages/dashboard/dashboard.component.ts

@@ -8,6 +8,6 @@ import { UpgradableComponent } from 'theme/components/upgradable';
   templateUrl: './dashboard.component.html',
 })
 export class DashboardComponent extends UpgradableComponent {
-  @HostBinding('class.mdl-grid') private readonly mdlGrid = true;
-  @HostBinding('class.mdl-grid--no-spacing') private readonly mdlGridNoSpacing = true;
+  @HostBinding('class.mdl-grid') public readonly mdlGrid = true;
+  @HostBinding('class.mdl-grid--no-spacing') public readonly mdlGridNoSpacing = true;
 }

src/app/pages/dashboard/line-chart/line-chart.component.ts

@@ -16,7 +16,7 @@ import { LineChartService } from './line-chart.service';
 export class LineChartComponent extends BaseLineChartComponent {
   constructor(
     el: ElementRef,
-    private lineChartService: LineChartService,
+    public lineChartService: LineChartService,
   ) {
     super(el);
 

src/app/pages/dashboard/line-chart/line-chart.service.ts

@@ -2,7 +2,7 @@ import { Injectable } from '@angular/core';
 
 @Injectable()
 export class LineChartService {
-  private awesomeFunction(x) {
+  public awesomeFunction(x) {
     const INTERVAL_1 = 2.8;
     const INTERVAL_2 = 7.1;
     const INTERVAL_3 = 11.0;
@@ -19,7 +19,7 @@ export class LineChartService {
     return ((x - 11.4) * (x - 11.4) * (x - 11.4)) / 13 + 2.476;
   }
 
-  private goodFunction(x) {
+  public goodFunction(x) {
     const INTERVAL_1 = 3.0;
     const INTERVAL_2 = 8.2;
 
@@ -32,7 +32,7 @@ export class LineChartService {
     return ((x - 9) * (x - 9) * (x - 9)) / 120 + 1.805;
   }
 
-  private failFunction(x) {
+  public failFunction(x) {
     const INTERVAL_1 = 3.1;
     const INTERVAL_2 = 10.3;
 

src/app/pages/dashboard/pie-chart/pie-chart.component.ts

@@ -15,8 +15,8 @@ import { PieChartService } from './pie-chart.service';
 })
 export class PieChartComponent extends BasePieChartComponent implements OnInit {
   constructor(
-    private el: ElementRef,
-    private pieChartService: PieChartService,
+    public el: ElementRef,
+    public pieChartService: PieChartService,
   ) {
     super();
   }

src/app/pages/dashboard/robot-card/robot-card.component.ts

@@ -6,5 +6,5 @@ import { Component, HostBinding } from '@angular/core';
   templateUrl: './robot-card.component.html',
 })
 export class RobotCardComponent {
-  @HostBinding('class.robot') private readonly robot = true;
+  @HostBinding('class.robot') public readonly robot = true;
 }

src/app/pages/dashboard/table-card/table-card.component.ts

@@ -6,16 +6,16 @@ import { Component, HostBinding } from '@angular/core';
   templateUrl: './table-card.component.html',
 })
 export class TableCardComponent {
-  @HostBinding('class.projects-table') private readonly projectsTable = true;
+  @HostBinding('class.projects-table') public readonly projectsTable = true;
 
-  private tableHeader: string[] = [
+  public tableHeader: string[] = [
     'Project',
     'Responsible',
     'Client contact',
     'Deadline',
     'Progress',
   ];
-  private data: object[] = [
+  public data: object[] = [
     {
       project: 'Darkboard',
       responsible: [