Update dependencies

Signed-off-by: William Brawner <me@wbrawner.com>

angular.json

@@ -13,6 +13,7 @@
         "build": {
           "builder": "@angular-devkit/build-angular:browser",
           "options": {
+            "aot": true,
             "outputPath": "dist/twigs",
             "index": "src/index.html",
             "main": "src/main.ts",
@@ -25,7 +26,7 @@
               "src/favicon-96x96.png",
               "src/favicon.ico",
               "src/assets",
-              "src/manifest.json",
+              "src/manifest.json"
             ],
             "styles": [
               "src/styles.css",
@@ -35,6 +36,12 @@
           },
           "configurations": {
             "production": {
+              "budgets": [
+                {
+                  "type": "anyComponentStyle",
+                  "maximumWarning": "6kb"
+                }
+              ],
               "fileReplacements": [
                 {
                   "replace": "src/environments/environment.ts",
@@ -53,6 +60,12 @@
               "serviceWorker": true
             },
             "codeserver": {
+              "budgets": [
+                {
+                  "type": "anyComponentStyle",
+                  "maximumWarning": "6kb"
+                }
+              ],
               "fileReplacements": [
                 {
                   "replace": "src/environments/environment.ts",
@@ -142,5 +155,8 @@
       }
     }
   },
-  "defaultProject": "twigs"
+  "defaultProject": "twigs",
+  "cli": {
+    "analytics": "b8304464-255e-47bb-976a-7ed81af63238"
+  }
 }

e2e/tsconfig.e2e.json

@@ -1,5 +1,5 @@
 {
-  "extends": "../tsconfig.json",
+  "extends": "../tsconfig.base.json",
   "compilerOptions": {
     "outDir": "../out-tsc/app",
     "module": "commonjs",

package.json

@@ -14,50 +14,49 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "^8.2.14",
+    "@angular/animations": "^10.0.1",
-    "@angular/cdk": "^8.2.3",
+    "@angular/cdk": "^10.0.1",
-    "@angular/common": "^8.2.14",
+    "@angular/common": "^10.0.1",
-    "@angular/compiler": "^8.2.14",
+    "@angular/compiler": "^10.0.1",
-    "@angular/core": "^8.2.14",
+    "@angular/core": "^10.0.1",
-    "@angular/forms": "^8.2.14",
+    "@angular/forms": "^10.0.1",
-    "@angular/material": "^8.2.3",
+    "@angular/material": "^10.0.1",
-    "@angular/platform-browser": "^8.2.14",
+    "@angular/platform-browser": "^10.0.1",
-    "@angular/platform-browser-dynamic": "^8.2.14",
+    "@angular/platform-browser-dynamic": "^10.0.1",
-    "@angular/pwa": "^0.803.23",
+    "@angular/router": "^10.0.1",
-    "@angular/router": "^8.2.14",
+    "@angular/service-worker": "^10.0.1",
-    "@angular/service-worker": "^8.2.14",
     "chart.js": "^2.9.3",
     "core-js": "^2.6.11",
     "dexie": "^2.0.4",
-    "firebase": "^7.7.0",
+    "firebase": "^7.15.5",
-    "hammerjs": "^2.0.8",
+    "ng2-charts": "^2.3.2",
-    "ng2-charts": "^2.3.0",
+    "ng2-currency-mask": "^9.0.2",
-    "ng2-currency-mask": "^5.3.1",
     "ngx-cookie-service": "^2.4.0",
     "rxjs": "^6.5.4",
-    "zone.js": "~0.9.1"
+    "tslib": "^2.0.0",
+    "zone.js": "~0.10.3"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "^0.803.23",
+    "@angular-devkit/build-angular": "~0.1000.0",
-    "@angular/cli": "^8.3.23",
+    "@angular/cli": "^10.0.0",
-    "@angular/compiler-cli": "^8.2.14",
+    "@angular/compiler-cli": "^10.0.1",
-    "@angular/language-service": "^8.2.14",
+    "@angular/language-service": "^10.0.1",
     "@types/jasmine": "^3.5.2",
     "@types/jasminewd2": "^2.0.8",
-    "@types/node": "~13.5.2",
+    "@types/node": "^12.11.1",
-    "codelyzer": "^5.2.1",
+    "codelyzer": "^5.1.2",
     "eslint": "^6.8.0",
     "firebase-tools": "^7.12.1",
-    "jasmine-core": ">=3.5",
+    "jasmine-core": "~3.5.0",
-    "jasmine-spec-reporter": "~4.2.1",
+    "jasmine-spec-reporter": "~5.0.0",
-    "karma": "^4.4.1",
+    "karma": "~5.0.0",
     "karma-chrome-launcher": "~3.1.0",
-    "karma-coverage-istanbul-reporter": "^2.1.1",
+    "karma-coverage-istanbul-reporter": "~3.0.2",
-    "karma-jasmine": "~3.1.0",
+    "karma-jasmine": "~3.3.0",
-    "karma-jasmine-html-reporter": "^1.5.1",
+    "karma-jasmine-html-reporter": "^1.5.0",
-    "protractor": "^5.4.3",
+    "protractor": "~7.0.0",
     "ts-node": "~8.6.2",
-    "tslint": "^5.0.0",
+    "tslint": "~6.1.0",
-    "typescript": "<3.6.0"
+    "typescript": "3.9.5"
   }
 }

src/app/app.module.ts

@@ -2,20 +2,18 @@ import { BrowserModule } from '@angular/platform-browser';
 import { NgModule } from '@angular/core';
 import { FormsModule } from '@angular/forms';
 import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import {
+import { MatButtonModule } from '@angular/material/button';
-  MatButtonModule,
+import { MatDatepickerModule } from '@angular/material/datepicker';
-  MatDatepickerModule,
+import { MatFormFieldModule } from '@angular/material/form-field';
-  MatFormFieldModule,
+import { MatIconModule } from '@angular/material/icon';
-  MatIconModule,
+import { MatInputModule } from '@angular/material/input';
-  MatInputModule,
+import { MatListModule } from '@angular/material/list';
-  MatListModule,
+import { MatProgressBarModule } from '@angular/material/progress-bar';
-  MatRadioModule,
+import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
-  MatProgressBarModule,
+import { MatRadioModule } from '@angular/material/radio';
-  MatSelectModule,
+import { MatSelectModule } from '@angular/material/select';
-  MatToolbarModule,
+import { MatSidenavModule } from '@angular/material/sidenav';
-  MatSidenavModule,
+import { MatToolbarModule } from '@angular/material/toolbar';
-  MatProgressSpinnerModule,
-} from '@angular/material';
 
 import { AppComponent } from './app.component';
 import { TransactionsComponent } from './transactions/transactions.component';
@@ -38,8 +36,7 @@ import { NewBudgetComponent } from './budgets/new-budget/new-budget.component';
 import { BudgetDetailsComponent } from './budgets/budget-details/budget-details.component';
 import { environment } from 'src/environments/environment';
 import { HttpClientModule, HTTP_INTERCEPTORS } from '@angular/common/http';
-import { CurrencyMaskModule } from 'ng2-currency-mask';
+import { CurrencyMaskModule, CurrencyMaskConfig, CURRENCY_MASK_CONFIG } from 'ng2-currency-mask';
-import { CurrencyMaskConfig, CURRENCY_MASK_CONFIG } from 'ng2-currency-mask/src/currency-mask.config';
 import { ServiceWorkerModule } from '@angular/service-worker';
 import { CategoryBreakdownComponent } from './categories/category-breakdown/category-breakdown.component';
 import { ChartsModule } from 'ng2-charts';

src/app/categories/category-breakdown/category-breakdown.component.ts

@@ -27,7 +27,7 @@ export class CategoryBreakdownComponent implements OnInit, OnChanges {
   ];
   barChartType: ChartType = 'horizontalBar';
   barChartLegend = true;
-  @ViewChild(BaseChartDirective, {static: false}) chart: BaseChartDirective;
+  @ViewChild(BaseChartDirective) chart: BaseChartDirective;
 
   constructor() { }
 

src/app/transactions/add-edit-transaction/add-edit-transaction.component.ts

@@ -4,7 +4,7 @@ import { TransactionType } from '../transaction.type';
 import { Category } from 'src/app/categories/category';
 import { AppComponent } from 'src/app/app.component';
 import { TWIGS_SERVICE, TwigsService } from 'src/app/shared/twigs.service';
-import { MatRadioChange } from '@angular/material';
+import { MatRadioChange } from '@angular/material/radio';
 
 @Component({
   selector: 'app-add-edit-transaction',

src/main.ts

@@ -4,8 +4,6 @@ import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { AppModule } from './app/app.module';
 import { environment } from './environments/environment';
 
-import 'hammerjs';
-
 if (environment.production) {
   enableProdMode();
 }

src/tsconfig.app.json

@@ -1,11 +1,14 @@
 {
-  "extends": "../tsconfig.json",
+  "extends": "../tsconfig.base.json",
   "compilerOptions": {
     "outDir": "../out-tsc/app",
     "types": []
   },
-  "exclude": [
+  "files": [
-    "test.ts",
+    "main.ts",
-    "**/*.spec.ts"
+    "polyfills.ts"
+  ],
+  "include": [
+    "src/**/*.d.ts"
   ]
 }

src/tsconfig.spec.json

@@ -1,5 +1,5 @@
 {
-  "extends": "../tsconfig.json",
+  "extends": "../tsconfig.base.json",
   "compilerOptions": {
     "outDir": "../out-tsc/spec",
     "types": [

tsconfig.base.json

@@ -0,0 +1,21 @@
+{
+  "compileOnSave": false,
+  "compilerOptions": {
+    "baseUrl": "./",
+    "outDir": "./dist/out-tsc",
+    "sourceMap": true,
+    "declaration": false,
+    "module": "esnext",
+    "moduleResolution": "node",
+    "emitDecoratorMetadata": true,
+    "experimentalDecorators": true,
+    "target": "es5",
+    "typeRoots": [
+      "node_modules/@types"
+    ],
+    "lib": [
+      "es2017",
+      "dom"
+    ]
+  }
+}

tsconfig.json

@@ -1,21 +1,20 @@
+/*
+  This is a "Solution Style" tsconfig.json file, and is used by editors and TypeScript’s language server to improve development experience.
+  It is not intended to be used to perform a compilation.
+
+  To learn more about this file see: https://angular.io/config/solution-tsconfig.
+*/
 {
-  "compileOnSave": false,
+  "files": [],
-  "compilerOptions": {
+  "references": [
-    "baseUrl": "./",
+    {
-    "outDir": "./dist/out-tsc",
+      "path": "./src/tsconfig.app.json"
-    "sourceMap": true,
+    },
-    "declaration": false,
+    {
-    "module": "es2015",
+      "path": "./src/tsconfig.spec.json"
-    "moduleResolution": "node",
+    },
-    "emitDecoratorMetadata": true,
+    {
-    "experimentalDecorators": true,
+      "path": "./e2e/tsconfig.e2e.json"
-    "target": "es5",
-    "typeRoots": [
-      "node_modules/@types"
-    ],
-    "lib": [
-      "es2017",
-      "dom"
-    ]
     }
+  ]
 }

tslint.json

@@ -72,7 +72,6 @@
     "no-trailing-whitespace": true,
     "no-unnecessary-initializer": true,
     "no-unused-expression": true,
-    "no-use-before-declare": true,
     "no-var-keyword": true,
     "object-literal-sort-keys": false,
     "one-line": [