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

Fixes: #1216

src/app/shared/cancel-dialog/cancel-dialog.component.ts

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

src/app/shared/change-password-dialog/change-password-dialog.component.ts

@@ -1,6 +1,6 @@
 /** Angular Imports */
 import { Component, OnInit, Inject } from '@angular/core';
-import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material';
+import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
 import { FormBuilder, Validators, ValidatorFn, AbstractControl, ValidationErrors } from '@angular/forms';
 import { Subscription } from 'rxjs';
 

src/app/shared/confirmation-dialog/confirmation-dialog.component.ts

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

src/app/shared/delete-dialog/delete-dialog.component.ts

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

src/app/shared/disable-dialog/disable-dialog.component.ts

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

src/app/shared/enable-dialog/enable-dialog.component.ts

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

src/app/shared/form-dialog/form-dialog.component.ts

@@ -1,5 +1,5 @@
 import { Component, OnInit, Inject } from '@angular/core';
-import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material';
+import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
 import { FormGroup } from '@angular/forms';
 
 import { FormfieldBase } from './formfield/model/formfield-base';

src/app/shared/form-dialog/form-group.service.spec.ts

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

src/app/shared/icons.module.ts

@@ -2,8 +2,7 @@
 import { NgModule } from '@angular/core';
 
 /** Angular Font Awesome Imports */
-import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
-import { library } from '@fortawesome/fontawesome-svg-core';
+import { FontAwesomeModule, FaIconLibrary } from '@fortawesome/angular-fontawesome';
 import {
   faAnchor,
   faArchive,
@@ -99,102 +98,6 @@ import {
   faAddressCard
 } from '@fortawesome/free-solid-svg-icons';
 
-/** Add icons to the library for convenient access in other components. */
-library.add(
-  faAnchor,
-  faArchive,
-  faArrowLeft,
-  faArrowRight,
-  faBars,
-  faBell,
-  faBook,
-  faBriefcase,
-  faBuilding,
-  faCalendar,
-  faCalendarAlt,
-  faChartBar,
-  faCheck,
-  faCheckCircle,
-  faChevronDown,
-  faChevronLeft,
-  faChevronRight,
-  faCircle,
-  faClock,
-  faCloud,
-  faCog,
-  faCogs,
-  faCommentAlt,
-  faDollarSign,
-  faEdit,
-  faEnvelope,
-  faExclamationCircle,
-  faExclamationTriangle,
-  faEye,
-  faEyeSlash,
-  faFile,
-  faFileAlt,
-  faFileUpload,
-  faFileWord,
-  faFillDrip,
-  faHandHoldingUsd,
-  faHome,
-  faKey,
-  faLink,
-  faList,
-  faListUl,
-  faLocationArrow,
-  faLock,
-  faLockOpen,
-  faMinus,
-  faMinusCircle,
-  faMoneyBillAlt,
-  faMoneyCheck,
-  faPencilAlt,
-  faPlay,
-  faPlus,
-  faPlusCircle,
-  faQuestionCircle,
-  faRandom,
-  faRoad,
-  faSearch,
-  faShieldAlt,
-  faSignOutAlt,
-  faSitemap,
-  faSync,
-  faTable,
-  faTachometerAlt,
-  faTag,
-  faTags,
-  faTimesCircle,
-  faTrash,
-  faUndo,
-  faUniversity,
-  faUserCircle,
-  faUser,
-  faUsers,
-  faUserShield,
-  faDownload,
-  faUpload,
-  faCloudDownloadAlt,
-  faCloudUploadAlt,
-  faTimes,
-  faStickyNote,
-  faStop,
-  faBan,
-  faBolt,
-  faLaptop,
-  faDonate,
-  faMoneyBill,
-  faChartLine,
-  faPen,
-  faFlag,
-  faArrowUp,
-  faArrowDown,
-  faFolderOpen,
-  faIdBadge,
-  faAddressCard
-);
-
 /**
  * Icons Module
  *
@@ -203,4 +106,103 @@ library.add(
 @NgModule({
   exports: [FontAwesomeModule]
 })
-export class IconsModule { }
+export class IconsModule {
+
+  constructor(library: FaIconLibrary) {
+    library.addIcons(
+      faAnchor,
+      faArchive,
+      faArrowLeft,
+      faArrowRight,
+      faBars,
+      faBell,
+      faBook,
+      faBriefcase,
+      faBuilding,
+      faCalendar,
+      faCalendarAlt,
+      faChartBar,
+      faCheck,
+      faCheckCircle,
+      faChevronDown,
+      faChevronLeft,
+      faChevronRight,
+      faCircle,
+      faClock,
+      faCloud,
+      faCog,
+      faCogs,
+      faCommentAlt,
+      faDollarSign,
+      faEdit,
+      faEnvelope,
+      faExclamationCircle,
+      faExclamationTriangle,
+      faEye,
+      faEyeSlash,
+      faFile,
+      faFileAlt,
+      faFileUpload,
+      faFileWord,
+      faFillDrip,
+      faHandHoldingUsd,
+      faHome,
+      faKey,
+      faLink,
+      faList,
+      faListUl,
+      faLocationArrow,
+      faLock,
+      faLockOpen,
+      faMinus,
+      faMinusCircle,
+      faMoneyBillAlt,
+      faMoneyCheck,
+      faPencilAlt,
+      faPlay,
+      faPlus,
+      faPlusCircle,
+      faQuestionCircle,
+      faRandom,
+      faRoad,
+      faSearch,
+      faShieldAlt,
+      faSignOutAlt,
+      faSitemap,
+      faSync,
+      faTable,
+      faTachometerAlt,
+      faTag,
+      faTags,
+      faTimesCircle,
+      faTrash,
+      faUndo,
+      faUniversity,
+      faUserCircle,
+      faUser,
+      faUsers,
+      faUserShield,
+      faDownload,
+      faUpload,
+      faCloudDownloadAlt,
+      faCloudUploadAlt,
+      faTimes,
+      faStickyNote,
+      faStop,
+      faBan,
+      faBolt,
+      faLaptop,
+      faDonate,
+      faMoneyBill,
+      faChartLine,
+      faPen,
+      faFlag,
+      faArrowUp,
+      faArrowDown,
+      faFolderOpen,
+      faIdBadge,
+      faAddressCard
+    );
+  }
+
+}

src/app/shared/keyboard-shortcuts-dialog/keyboard-shortcuts-dialog.component.ts

@@ -1,6 +1,6 @@
 /** Angular Imports */
 import { Component, OnInit, Inject } from '@angular/core';
-import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material';
+import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
 import { KeyboardShortcutsConfiguration } from '../../keyboards-shortcut-config';
 /**
  * Delete dialog component.

src/app/shared/material.module.ts

@@ -4,43 +4,40 @@ import { LayoutModule } from '@angular/cdk/layout';
 import { DragDropModule } from '@angular/cdk/drag-drop';
 import { STEPPER_GLOBAL_OPTIONS } from '@angular/cdk/stepper';
 import { FlexLayoutModule } from '@angular/flex-layout';
-import {
-  MAT_FORM_FIELD_DEFAULT_OPTIONS,
-  MatAutocompleteModule,
-  MatButtonModule,
-  MatButtonToggleModule,
-  MatCardModule,
-  MatCheckboxModule,
-  MatChipsModule,
-  MatDatepickerModule,
-  MatDialogModule,
-  MatDividerModule,
-  MatExpansionModule,
-  MatFormFieldModule,
-  MatGridListModule,
-  MatIconModule,
-  MatInputModule,
-  MatListModule,
-  MatMenuModule,
-  MatNativeDateModule,
-  MatPaginatorModule,
-  MatProgressBarModule,
-  MatProgressSpinnerModule,
-  MatRadioModule,
-  MatSelectModule,
-  MatSidenavModule,
-  MatSliderModule,
-  MatSlideToggleModule,
-  MatSnackBarModule,
-  MatSortModule,
-  MatStepperModule,
-  MatTableModule,
-  MatTabsModule,
-  MatToolbarModule,
-  MatTooltipModule,
-  MatTreeModule,
-  MatBadgeModule
-} from '@angular/material';
+import { MatAutocompleteModule } from '@angular/material/autocomplete';
+import { MatBadgeModule } from '@angular/material/badge';
+import { MatButtonModule } from '@angular/material/button';
+import { MatButtonToggleModule } from '@angular/material/button-toggle';
+import { MatCardModule } from '@angular/material/card';
+import { MatCheckboxModule } from '@angular/material/checkbox';
+import { MatChipsModule } from '@angular/material/chips';
+import { MatNativeDateModule } from '@angular/material/core';
+import { MatDatepickerModule } from '@angular/material/datepicker';
+import { MatDialogModule } from '@angular/material/dialog';
+import { MatDividerModule } from '@angular/material/divider';
+import { MatExpansionModule } from '@angular/material/expansion';
+import { MAT_FORM_FIELD_DEFAULT_OPTIONS, MatFormFieldModule } from '@angular/material/form-field';
+import { MatGridListModule } from '@angular/material/grid-list';
+import { MatIconModule } from '@angular/material/icon';
+import { MatInputModule } from '@angular/material/input';
+import { MatListModule } from '@angular/material/list';
+import { MatMenuModule } from '@angular/material/menu';
+import { MatPaginatorModule } from '@angular/material/paginator';
+import { MatProgressBarModule } from '@angular/material/progress-bar';
+import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
+import { MatRadioModule } from '@angular/material/radio';
+import { MatSelectModule } from '@angular/material/select';
+import { MatSidenavModule } from '@angular/material/sidenav';
+import { MatSlideToggleModule } from '@angular/material/slide-toggle';
+import { MatSliderModule } from '@angular/material/slider';
+import { MatSnackBarModule } from '@angular/material/snack-bar';
+import { MatSortModule } from '@angular/material/sort';
+import { MatStepperModule } from '@angular/material/stepper';
+import { MatTableModule } from '@angular/material/table';
+import { MatTabsModule } from '@angular/material/tabs';
+import { MatToolbarModule } from '@angular/material/toolbar';
+import { MatTooltipModule } from '@angular/material/tooltip';
+import { MatTreeModule } from '@angular/material/tree';
 
 /**
  * Material Module

src/app/shared/shared.module.ts

@@ -59,16 +59,6 @@ import { MaterialModule } from './material.module';
     MaterialModule,
     FormsModule,
     ReactiveFormsModule
-  ],
-  entryComponents: [
-    FormDialogComponent,
-    DeleteDialogComponent,
-    ChangePasswordDialogComponent,
-    EnableDialogComponent,
-    DisableDialogComponent,
-    ConfirmationDialogComponent,
-    KeyboardShortcutsDialogComponent,
-    CancelDialogComponent
   ]
 })
 export class SharedModule { }