Upgrade to Angular 16

Merge `angular-update-16` into `dev` branch

src/app/system/configure-maker-checker-tasks/configure-maker-checker-tasks.component.html

@@ -1,4 +1,4 @@
-<div fxLayout="row" fxLayoutAlign="end" fxLayoutGap="2%" fxLayout.lt-md="column" class="container m-b-20">
+<div class="layout-row align-end gap-2px responsive-column container m-b-20">
   <div #buttonEdit class="in-block">
     <button
       mat-raised-button
@@ -15,8 +15,8 @@
 <div class="container">
   <mat-card>
     <ng-container>
-      <div fxLayout="row">
-        <div #mcTable fxFlex="30" fxLayout="column">
+      <div class="layout-row">
+        <div #mcTable class="layout-column flex-30">
           <mat-list>
             <mat-list-item
               [ngClass]="selectedItem === grouping ? 'active' : 'inactive'"
@@ -32,7 +32,7 @@
 
         <mat-divider [vertical]="true"></mat-divider>
 
-        <div fxFlex="70" fxLayout="column" class="list-permission">
+        <div class="list-permission layout-column flex-70">
           <form [formGroup]="formGroup" (submit)="submit()">
             <div *ngFor="let permission of permissions.permissions" class="display-permissions">
               <div formArrayName="roster">
@@ -48,7 +48,7 @@
       </div>
     </ng-container>
 
-    <div fxLayout="row" fxLayout.xs="column" fxLayoutAlign="center" fxLayoutGap="5px" *ngIf="!isDisabled">
+    <div class="layout-row layout-align-center gap-5px layout-xs-column" *ngIf="!isDisabled">
       <mat-card-actions>
         <button type="button" mat-raised-button (click)="cancel(); restoreCheckboxes()">
           {{ 'labels.buttons.Cancel' | translate }}
@@ -64,7 +64,7 @@
 <ng-template #templateButtonEdit let-popover="popover">
   <h2>{{ 'labels.heading.Edit' | translate }}</h2>
   <p class="mw300">{{ 'labels.text.To add or remove a task from the Maker-Checker list' | translate }}</p>
-  <div fxLayout="row" fxLayoutAlign="end" fxLayoutGap="2%" fxLayout.lt-md="column">
+  <div class="layout-row align-end gap-2px responsive-column">
     <button mat-raised-button color="warn" (click)="popover.close(); configurationWizardService.closeConfigWizard()">
       {{ 'labels.buttons.Close' | translate }}
     </button>
@@ -90,7 +90,7 @@
       >{{ 'labels.inputs.Configure Maker-Checker Tasks' | translate }}</a
     >
   </h4>
-  <div fxLayout="row" fxLayoutAlign="end" fxLayoutGap="2%" fxLayout.lt-md="column">
+  <div class="layout-row align-end gap-2px responsive-column">
     <button mat-raised-button color="warn" (click)="popover.close(); configurationWizardService.closeConfigWizard()">
       {{ 'labels.buttons.Close' | translate }}
     </button>

src/app/system/configure-maker-checker-tasks/configure-maker-checker-tasks.resolver.ts

@@ -1,6 +1,5 @@
 /** Angular Imports */
 import { Injectable } from '@angular/core';
-import { Resolve } from '@angular/router';
 
 /** rxjs Imports */
 import { Observable } from 'rxjs';
@@ -12,7 +11,7 @@ import { SystemService } from '../system.service';
  * Maker Checker Tasks resolver.
  */
 @Injectable()
-export class MakerCheckerTasksResolver implements Resolve<Object> {
+export class MakerCheckerTasksResolver {
   /**
    * @param {SystemService} systemService System service.
    */