build: update to angular-v9.1.12 (#1215)

Fixes: #1216

src/app/shares/create-shares-account/create-shares-account.component.ts

@@ -27,11 +27,11 @@ export class CreateSharesAccountComponent {
   sharesAccountProductTemplate: any;
 
   /** Shares Account Details Step */
-  @ViewChild(SharesAccountDetailsStepComponent) sharesAccountDetailsStep: SharesAccountDetailsStepComponent;
+  @ViewChild(SharesAccountDetailsStepComponent, { static: true }) sharesAccountDetailsStep: SharesAccountDetailsStepComponent;
   /** Shares Account Terms Step */
-  @ViewChild(SharesAccountTermsStepComponent) sharesAccountTermsStep: SharesAccountTermsStepComponent;
+  @ViewChild(SharesAccountTermsStepComponent, { static: true }) sharesAccountTermsStep: SharesAccountTermsStepComponent;
   /** Shares Account Charges Step */
-  @ViewChild(SharesAccountChargesStepComponent) sharesAccountChargesStep: SharesAccountChargesStepComponent;
+  @ViewChild(SharesAccountChargesStepComponent, { static: true }) sharesAccountChargesStep: SharesAccountChargesStepComponent;
 
   /**
    * Fetches shares account template from `resolve`

src/app/shares/edit-shares-account/edit-shares-account.component.ts

@@ -27,11 +27,11 @@ export class EditSharesAccountComponent {
   sharesAccountProductTemplate: any;
 
   /** Shares Account Details Step */
-  @ViewChild(SharesAccountDetailsStepComponent) sharesAccountDetailsStep: SharesAccountDetailsStepComponent;
+  @ViewChild(SharesAccountDetailsStepComponent, { static: true }) sharesAccountDetailsStep: SharesAccountDetailsStepComponent;
   /** Shares Account Terms Step */
-  @ViewChild(SharesAccountTermsStepComponent) sharesAccountTermsStep: SharesAccountTermsStepComponent;
+  @ViewChild(SharesAccountTermsStepComponent, { static: true }) sharesAccountTermsStep: SharesAccountTermsStepComponent;
   /** Shares Account Charges Step */
-  @ViewChild(SharesAccountChargesStepComponent) sharesAccountChargesStep: SharesAccountChargesStepComponent;
+  @ViewChild(SharesAccountChargesStepComponent, { static: true }) sharesAccountChargesStep: SharesAccountChargesStepComponent;
 
   /**
    * Fetches shares account template from `resolve`

src/app/shares/shares-account-actions/approve-shares/approve-share-dialog/approve-share-dialog.component.ts

@@ -1,6 +1,6 @@
 /** Angular Imports */
 import { Component, Inject } from '@angular/core';
-import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material';
+import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
 
 /**
  * Approve share dialog component.

src/app/shares/shares-account-actions/approve-shares/approve-shares.component.ts

@@ -1,8 +1,11 @@
 /** Angular Imports */
 import { Component, OnInit, ViewChild, Input } from '@angular/core';
-import { MatTableDataSource, MatPaginator, MatSort } from '@angular/material';
+import { MatPaginator } from '@angular/material/paginator';
+import { MatSort } from '@angular/material/sort';
+import { MatTableDataSource } from '@angular/material/table';
 import { ActivatedRoute } from '@angular/router';
-import { MatDialog, MatTable } from '@angular/material';
+import { MatDialog } from '@angular/material/dialog';
+import { MatTable } from '@angular/material/table';
 
 /** Custom Dialogs */
 import { ApproveShareDialogComponent } from './approve-share-dialog/approve-share-dialog.component';
@@ -33,11 +36,11 @@ export class ApproveSharesComponent implements OnInit {
   dataSource: MatTableDataSource<any>;
 
   /** Paginator for shares table. */
-  @ViewChild(MatPaginator) paginator: MatPaginator;
+  @ViewChild(MatPaginator, { static: true }) paginator: MatPaginator;
   /** Sorter for shares table. */
-  @ViewChild(MatSort) sort: MatSort;
+  @ViewChild(MatSort, { static: true }) sort: MatSort;
   /** Shares table reference */
-  @ViewChild('sharesTable') sharesTableRef: MatTable<Element>;
+  @ViewChild('sharesTable', { static: true }) sharesTableRef: MatTable<Element>;
 
   /**
    * @param {SharesService} sharesService Shares Service

src/app/shares/shares-account-actions/reject-shares/reject-share-dialog/reject-share-dialog.component.ts

@@ -1,6 +1,6 @@
 /** Angular Imports */
 import { Component, Inject } from '@angular/core';
-import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material';
+import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
 
 /**
  * Reject share dialog component.

src/app/shares/shares-account-actions/reject-shares/reject-shares.component.ts

@@ -1,8 +1,11 @@
 /** Angular Imports */
 import { Component, OnInit, ViewChild, Input } from '@angular/core';
-import { MatTableDataSource, MatPaginator, MatSort } from '@angular/material';
+import { MatPaginator } from '@angular/material/paginator';
+import { MatSort } from '@angular/material/sort';
+import { MatTableDataSource } from '@angular/material/table';
 import { ActivatedRoute } from '@angular/router';
-import { MatDialog, MatTable } from '@angular/material';
+import { MatDialog } from '@angular/material/dialog';
+import { MatTable } from '@angular/material/table';
 
 /** Custom Dialogs */
 import { RejectShareDialogComponent } from './reject-share-dialog/reject-share-dialog.component';
@@ -33,11 +36,11 @@ export class RejectSharesComponent implements OnInit {
   dataSource: MatTableDataSource<any>;
 
   /** Paginator for shares table. */
-  @ViewChild(MatPaginator) paginator: MatPaginator;
+  @ViewChild(MatPaginator, { static: true }) paginator: MatPaginator;
   /** Sorter for shares table. */
-  @ViewChild(MatSort) sort: MatSort;
+  @ViewChild(MatSort, { static: true }) sort: MatSort;
   /** Shares table reference */
-  @ViewChild('sharesTable') sharesTableRef: MatTable<Element>;
+  @ViewChild('sharesTable', { static: true }) sharesTableRef: MatTable<Element>;
 
   /**
    * @param {SharesService} sharesService Shares Service

src/app/shares/shares-account-stepper/shares-account-charges-step/shares-account-charges-step.component.ts

@@ -1,6 +1,6 @@
 /** Angular Imports */
 import { Component, OnInit, OnChanges, Input } from '@angular/core';
-import { MatDialog } from '@angular/material';
+import { MatDialog } from '@angular/material/dialog';
 import { FormControl } from '@angular/forms';
 
 /** Custom Dialogs */

src/app/shares/shares-account-view/charges-tab/charges-tab.component.ts

@@ -1,6 +1,6 @@
 /** Angular Imports */
 import { Component, OnInit } from '@angular/core';
-import { MatTableDataSource } from '@angular/material';
+import { MatTableDataSource } from '@angular/material/table';
 import { ActivatedRoute } from '@angular/router';
 
 /**

src/app/shares/shares-account-view/dividends-tab/dividends-tab.component.ts

@@ -1,6 +1,6 @@
 /** Angular Imports */
 import { Component, OnInit } from '@angular/core';
-import { MatTableDataSource } from '@angular/material';
+import { MatTableDataSource } from '@angular/material/table';
 import { ActivatedRoute } from '@angular/router';
 
 /**

src/app/shares/shares-account-view/shares-account-view.component.ts

@@ -1,7 +1,7 @@
 /** Angular Imports */
 import { Component, OnInit } from '@angular/core';
 import { ActivatedRoute, Router } from '@angular/router';
-import { MatDialog } from '@angular/material';
+import { MatDialog } from '@angular/material/dialog';
 
 /** Custom Dialogs */
 import { DeleteDialogComponent } from 'app/shared/delete-dialog/delete-dialog.component';

src/app/shares/shares-account-view/transactions-tab/transactions-tab.component.ts

@@ -1,6 +1,6 @@
 /** Angular Imports */
 import { Component, OnInit } from '@angular/core';
-import { MatTableDataSource } from '@angular/material';
+import { MatTableDataSource } from '@angular/material/table';
 import { ActivatedRoute } from '@angular/router';
 
 /**

src/app/shares/shares.module.ts

@@ -66,10 +66,6 @@ import { RejectShareDialogComponent } from './shares-account-actions/reject-shar
     RejectSharesComponent,
     RejectShareDialogComponent
   ],
-  providers: [DatePipe],
-  entryComponents: [
-    ApproveShareDialogComponent,
-    RejectShareDialogComponent
-  ]
+  providers: [DatePipe]
 })
 export class SharesModule { }

src/app/shares/shares.service.spec.ts

@@ -6,7 +6,7 @@ describe('SharesService', () => {
   beforeEach(() => TestBed.configureTestingModule({}));
 
   it('should be created', () => {
-    const service: SharesService = TestBed.get(SharesService);
+    const service: SharesService = TestBed.inject(SharesService);
     expect(service).toBeTruthy();
   });
 });