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

Fixes: #1216

src/app/reports/reports.component.ts

@@ -1,6 +1,8 @@
 /** Angular Imports */
 import { Component, OnInit, ViewChild } from '@angular/core';
-import {MatPaginator, MatSort, MatTableDataSource} from '@angular/material';
+import { MatPaginator } from '@angular/material/paginator';
+import { MatSort } from '@angular/material/sort';
+import { MatTableDataSource } from '@angular/material/table';
 import { ActivatedRoute, Router } from '@angular/router';
 
 /**
@@ -23,9 +25,9 @@ export class ReportsComponent implements OnInit {
   dataSource = new MatTableDataSource();
 
   /** Paginator for reports table. */
-  @ViewChild(MatPaginator) paginator: MatPaginator;
+  @ViewChild(MatPaginator, { static: true }) paginator: MatPaginator;
   /** Sorter for reports table. */
-  @ViewChild(MatSort) sort: MatSort;
+  @ViewChild(MatSort, { static: true }) sort: MatSort;
 
   /**
    * Retrieves the reports data from `resolve`.

src/app/reports/run-report/table-and-sms/table-and-sms.component.ts

@@ -1,6 +1,7 @@
 /** Angular Imports */
 import { Component, Input, ViewChild, OnChanges } from '@angular/core';
-import { MatPaginator, MatTableDataSource} from '@angular/material';
+import { MatPaginator } from '@angular/material/paginator';
+import { MatTableDataSource } from '@angular/material/table';
 import { DecimalPipe } from '@angular/common';
 
 /** Custom Servies */

src/app/reports/xbrl-report/xbrl-report.component.ts

@@ -1,7 +1,7 @@
 /** Angular Imports */
 import { Component, OnInit } from '@angular/core';
 import { FormGroup, FormBuilder, Validators, FormControl} from '@angular/forms';
-import { MatTableDataSource } from '@angular/material';
+import { MatTableDataSource } from '@angular/material/table';
 import { DatePipe } from '@angular/common';
 import { DomSanitizer } from '@angular/platform-browser';
 

src/app/reports/xbrl/xbrl.component.ts

@@ -1,6 +1,6 @@
 /** Angular Imports */
 import { Component, OnInit, AfterViewInit } from '@angular/core';
-import { MatTableDataSource } from '@angular/material';
+import { MatTableDataSource } from '@angular/material/table';
 import { ActivatedRoute, Router } from '@angular/router';
 import { FormControl } from '@angular/forms';
 
@@ -68,7 +68,7 @@ export class XBRLComponent implements OnInit, AfterViewInit {
   */
   ngAfterViewInit() {
     this.mixtaxonomyArray.forEach( (taxonomy: any) => {
-      taxonomy.mapping.valueChanges.subscribe( (value: string) => {
+      taxonomy.mapping?.valueChanges.subscribe( (value: string) => {
         this.filteredGlAccounts = this.applyFilter(value);
       });
     });