build: upgrade angular9 (coreui#33)

Author: damingerdai

angular.json

@@ -10,13 +10,14 @@
       "prefix": "app",
       "schematics": {
         "@schematics/angular:component": {
-          "styleext": "scss"
+          "style": "scss"
         }
       },
       "architect": {
         "build": {
           "builder": "@angular-devkit/build-angular:browser",
           "options": {
+            "aot": true,
             "outputPath": "dist/daming-core-ui",
             "index": "src/index.html",
             "main": "src/main.ts",
@@ -53,6 +54,10 @@
                   "type": "initial",
                   "maximumWarning": "2mb",
                   "maximumError": "5mb"
+                },
+                {
+                  "type": "anyComponentStyle",
+                  "maximumWarning": "6kb"
                 }
               ]
             }
@@ -135,5 +140,8 @@
       }
     }
   },
-  "defaultProject": "daming-core-ui"
+  "defaultProject": "daming-core-ui",
+  "cli": {
+    "analytics": "887bb0b9-1d66-4afa-a5d7-f6955203066e"
+  }
 }

package.json

@@ -10,48 +10,50 @@
     "e2e": "ng e2e",
     "precommit": "ng lint daming-core-ui && sass-lint -v -q",
     "sass": "sass-lint -v -q",
-    "push": "ng build --prod --base-href ./ && npx angular-cli-ghpages --dir=dist/daming-core-ui "
+    "push": "ng build --prod --base-href ./ && npx angular-cli-ghpages --dir=dist/daming-core-ui",
+    "postinstall": "ngcc --properties es2015 browser module main --first-only"
   },
   "private": true,
   "dependencies": {
-    "@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/platform-browser": "~8.0.0",
-    "@angular/platform-browser-dynamic": "~8.0.0",
-    "@angular/router": "~8.0.0",
-    "@coreui/angular": "^2.2.3",
+    "@angular/animations": "^9.1.13",
+    "@angular/common": "~9.1.13",
+    "@angular/compiler": "~9.1.13",
+    "@angular/core": "~9.1.13",
+    "@angular/forms": "~9.1.13",
+    "@angular/platform-browser": "~9.1.13",
+    "@angular/platform-browser-dynamic": "~9.1.13",
+    "@angular/router": "~9.1.13",
+    "@coreui/angular": "^2.9.6",
     "@coreui/coreui": "^2.1.6",
-    "@coreui/coreui-plugin-chartjs-custom-tooltips": "^1.2.0",
-    "angular2-toaster": "^7.0.0",
-    "bootstrap": "^4.2.1",
+    "@coreui/coreui-plugin-chartjs-custom-tooltips": "^1.3.1",
+    "angular2-toaster": "^10.0.0",
+    "bootstrap": "^4.5.0",
     "chart.js": "^2.9.4",
-    "core-js": "^2.5.4",
+    "core-js": "^3.6.5",
     "flag-icon-css": "^3.2.1",
     "font-awesome": "^4.7.0",
     "moment": "^2.24.0",
     "mutationobserver-shim": "^0.3.3",
-    "ng2-charts": "^1.6.0",
-    "ngx-bootstrap": "^3.1.4",
-    "ngx-perfect-scrollbar": "^7.2.0",
-    "ngx-toastr": "^9.1.1",
-    "rxjs": "~6.5.2",
-    "simple-line-icons": "^2.4.1",
-    "tslib": "^1.9.0",
-    "zone.js": "~0.9.1"
+    "ng2-charts": "^2.3.2",
+    "ngx-bootstrap": "^5.6.1",
+    "ngx-perfect-scrollbar": "^9.0.0",
+    "ngx-toastr": "^12.1.0",
+    "rxjs": "~6.6.7",
+    "simple-line-icons": "^2.5.2",
+    "tslib": "^1.10.0",
+    "web-animations-js": "^2.3.2",
+    "zone.js": "~0.10.2"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "~0.800.0",
-    "@angular/cli": "~8.0.1",
-    "@angular/compiler-cli": "~8.0.0",
-    "@angular/language-service": "~8.0.0",
+    "@angular-devkit/build-angular": "~0.901.15",
+    "@angular/cli": "~9.1.15",
+    "@angular/compiler-cli": "~9.1.13",
+    "@angular/language-service": "~9.1.13",
     "@types/jasmine": "~2.8.8",
     "@types/jasminewd2": "~2.0.3",
-    "@types/node": "~8.9.4",
+    "@types/node": "^12.11.1",
     "angular-cli-ghpages": "^0.5.3",
-    "codelyzer": "^5.0.1",
+    "codelyzer": "^5.1.2",
     "husky": "^2.2.0",
     "jasmine-core": "~2.99.1",
     "jasmine-spec-reporter": "~4.2.1",
@@ -64,6 +66,6 @@
     "sass-lint": "^1.12.1",
     "ts-node": "~7.0.0",
     "tslint": "~5.11.0",
-    "typescript": "3.4.5"
+    "typescript": "3.8.3"
   }
-}
+}

src/app/shared/shared.module.ts

@@ -3,7 +3,7 @@ import { CommonModule } from '@angular/common';
 import { ReactiveFormsModule, FormsModule } from '@angular/forms';
 import { RouterModule } from '@angular/router';
 import { PerfectScrollbarModule } from 'ngx-perfect-scrollbar';
-import { ChartsModule } from 'ng2-charts/ng2-charts';
+import { ChartsModule } from 'ng2-charts';
 import { ToastrModule } from 'ngx-toastr';
 import { ToasterModule } from 'angular2-toaster';
 import { SharedBootstrapModule } from './shared.bootstrap.module';
@@ -34,7 +34,7 @@ import { SharedBootstrapModule } from './shared.bootstrap.module';
 })
 export class SharedModule {
 
-	static forRoot(): ModuleWithProviders {
+	static forRoot(): ModuleWithProviders<SharedModule> {
 		return {
 			ngModule: SharedModule
 		};

src/styles.scss

@@ -7,7 +7,7 @@
 
 // regular style toast
 // @import '~ngx-toastr/toastr.css';
-@import '~angular2-toaster/src/toaster';
+@import '~angular2-toaster/toaster.scss';
 
 // bootstrap style toast
 // or import a bootstrap 4 alert styled design (SASS ONLY)

src/tsconfig.app.json

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