frontend bumps

openalprwebhookprocessor.client/package.json

@@ -17,48 +17,49 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "^20.3.9",
-    "@angular/cdk": "^20.2.11",
-    "@angular/common": "^20.3.9",
-    "@angular/compiler": "^20.3.9",
-    "@angular/core": "^20.3.9",
-    "@angular/forms": "^20.3.9",
-    "@angular/material": "^20.2.11",
-    "@angular/platform-browser": "^20.3.9",
-    "@angular/platform-browser-dynamic": "^20.3.9",
-    "@angular/router": "^20.3.9",
-    "@angular/service-worker": "^20.3.9",
-    "@microsoft/signalr": "^9.0.6",
+    "@angular/animations": "^21.1.3",
+    "@angular/cdk": "^21.1.3",
+    "@angular/common": "^21.1.3",
+    "@angular/compiler": "^21.1.3",
+    "@angular/core": "^21.1.3",
+    "@angular/forms": "^21.1.3",
+    "@angular/material": "^21.1.3",
+    "@angular/platform-browser": "^21.1.3",
+    "@angular/platform-browser-dynamic": "^21.1.3",
+    "@angular/router": "^21.1.3",
+    "@angular/service-worker": "^21.1.3",
+    "@microsoft/signalr": "^10.0.0",
     "chart.js": "^4.5.1",
     "lean-qr": "^2.6.0",
     "ngx-highlightjs": "^14.0.1",
     "ngx-lightbox": "^3.0.0",
     "run-script-os": "^1.1.6",
     "rxjs": "~7.8.2",
     "tslib": "^2.3.0",
-    "zone.js": "~0.15.1"
+    "zone.js": "~0.16.0"
   },
   "devDependencies": {
-    "@angular/build": "^20.3.8",
-    "@angular/cli": "^20.3.8",
-    "@angular/compiler-cli": "^20.3.9",
-    "@angular/localize": "^20.3.9",
+    "@angular/build": "^21.1.3",
+    "@angular/cli": "^21.1.3",
+    "@angular/compiler-cli": "^21.1.3",
+    "@angular/localize": "^21.1.3",
     "@stylistic/eslint-plugin": "^5.5.0",
-    "@types/jasmine": "~5.1.12",
-    "@types/node": "^24.9.1",
+    "@types/jasmine": "~6.0.0",
+    "@types/node": "^25.2.2",
     "@types/qrcode": "^1.5.6",
-    "angular-eslint": "^20.6.0",
+    "@angular-eslint/builder": "^21.2.0",
+    "angular-eslint": "^21.2.0",
     "eslint": "^9.39.1",
-    "globals": "^16.5.0",
-    "jasmine-core": "~5.12.0",
+    "globals": "^17.3.0",
+    "jasmine-core": "~6.0.1",
     "karma": "~6.4.0",
     "karma-chrome-launcher": "~3.2.0",
     "karma-coverage": "~2.2.0",
     "karma-jasmine": "~5.1.0",
-    "karma-jasmine-html-reporter": "~2.1.0",
+    "karma-jasmine-html-reporter": "~2.2.0",
     "less": "^4.4.2",
     "puppeteer": "^24.29.1",
     "typescript": "~5.9.3",
-    "typescript-eslint": "^8.46.3"
+    "typescript-eslint": "^8.54.0"
   }
 }

openalprwebhookprocessor.client/src/app/account/setup-2fa/setup-2fa.component.spec.ts

@@ -47,7 +47,7 @@ describe('Setup2FAComponent', () => {
       'disableTwoFactor',
       'getRecoveryCodes',
     ]);
-    mockRouter = jasmine.createSpyObj('Router', ['navigate']);
+    mockRouter = jasmine.createSpyObj('Router', ['navigate'], { events: of() });
     mockActivatedRoute = jasmine.createSpyObj('ActivatedRoute', [], {
       snapshot: { queryParams: {} },
     });

openalprwebhookprocessor.client/src/app/home/charts/charts.component.ts

@@ -1,6 +1,6 @@
 import type { OnDestroy, ElementRef } from '@angular/core';
 import { Component, inject, type AfterViewInit, ChangeDetectionStrategy, viewChild, input } from '@angular/core';
-import { CommonModule } from '@angular/common';
+
 import { MatCardModule } from '@angular/material/card';
 import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
 import { ChartService, type ChartData } from './charts.service';
@@ -13,7 +13,6 @@ import type { Chart } from 'chart.js';
   styleUrls: ['./charts.component.css'],
   changeDetection: ChangeDetectionStrategy.OnPush,
   imports: [
-    CommonModule,
     MatCardModule,
     MatProgressSpinnerModule,
   ],

openalprwebhookprocessor.client/src/app/home/home.component.ts

@@ -1,7 +1,7 @@
 import { Component, inject, type AfterViewInit, ChangeDetectionStrategy, viewChild } from '@angular/core';
 import type { User } from 'app/_models';
 import { AccountService } from 'app/_services';
-import { CommonModule } from '@angular/common';
+
 import { PredictionsSectionComponent } from './predictions-section/predictions-section.component';
 import { QuickStatsComponent } from './quick-stats/quick-stats.component';
 import { ChartsComponent } from './charts/charts.component';
@@ -17,7 +17,6 @@ import { OnPushBaseComponent } from '../_helpers/onpush-base.component';
   styleUrls: ['./home.component.css'],
   changeDetection: ChangeDetectionStrategy.OnPush,
   imports: [
-    CommonModule,
     PredictionsSectionComponent,
     QuickStatsComponent,
     ChartsComponent,

openalprwebhookprocessor.client/src/app/home/most-seen/most-seen-plates.component.ts

@@ -1,5 +1,5 @@
 import { Component, ChangeDetectionStrategy, input } from '@angular/core';
-import { CommonModule } from '@angular/common';
+
 import { MatCardModule } from '@angular/material/card';
 import { MatListModule } from '@angular/material/list';
 import { MatChipsModule } from '@angular/material/chips';
@@ -10,7 +10,6 @@ import { MatChipsModule } from '@angular/material/chips';
   styleUrls: ['./most-seen-plates.component.css'],
   changeDetection: ChangeDetectionStrategy.OnPush,
   imports: [
-    CommonModule,
     MatCardModule,
     MatListModule,
     MatChipsModule,

openalprwebhookprocessor.client/src/app/home/predictions-section/predictions-section.component.ts

@@ -1,5 +1,5 @@
 import { Component, ChangeDetectionStrategy, input } from '@angular/core';
-import { CommonModule } from '@angular/common';
+
 import { MatCardModule } from '@angular/material/card';
 import { MatListModule } from '@angular/material/list';
 import { MatIconModule } from '@angular/material/icon';
@@ -13,7 +13,6 @@ import type { PredictionResult } from './../prediction-response';
   styleUrls: ['./predictions-section.component.css'],
   changeDetection: ChangeDetectionStrategy.OnPush,
   imports: [
-    CommonModule,
     MatCardModule,
     MatListModule,
     MatIconModule,

openalprwebhookprocessor.client/src/app/home/quick-stats/quick-stats.component.ts

@@ -1,5 +1,5 @@
 import { Component, ChangeDetectionStrategy, input } from '@angular/core';
-import { CommonModule } from '@angular/common';
+
 import { MatCardModule } from '@angular/material/card';
 import { MatIconModule } from '@angular/material/icon';
 import { MatGridListModule } from '@angular/material/grid-list';
@@ -12,7 +12,6 @@ import type { QuickStats } from './../home.service';
   styleUrls: ['./quick-stats.component.css'],
   changeDetection: ChangeDetectionStrategy.OnPush,
   imports: [
-    CommonModule,
     MatCardModule,
     MatIconModule,
     MatGridListModule,

openalprwebhookprocessor.client/src/app/plates/plate-list/plate-list.component.ts

@@ -1,5 +1,5 @@
 import { Component, ChangeDetectionStrategy, input, output } from '@angular/core';
-import { CommonModule } from '@angular/common';
+
 import { MatExpansionModule } from '@angular/material/expansion';
 import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
 import type { PageEvent } from '@angular/material/paginator';
@@ -10,12 +10,11 @@ import { PlateItemComponent, type PlateData } from '../plate-item/plate-item.com
   selector: 'app-plate-list',
   standalone: true,
   changeDetection: ChangeDetectionStrategy.OnPush,
-  imports: [
-    CommonModule,
-    MatExpansionModule,
-    MatProgressSpinnerModule,
-    MatPaginatorModule,
-    PlateItemComponent,
+  imports: [
+    MatExpansionModule,
+    MatProgressSpinnerModule,
+    MatPaginatorModule,
+    PlateItemComponent,
   ],
   templateUrl: './plate-list.component.html',
   styleUrl: './plate-list.component.less',

openalprwebhookprocessor.client/src/app/plates/plate/plate-images/plate-images.component.ts

@@ -4,15 +4,14 @@ import { MatCardModule } from '@angular/material/card';
 import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
 import { MatIconModule } from '@angular/material/icon';
 import { MatTooltipModule } from '@angular/material/tooltip';
-import { CommonModule } from '@angular/common';
+
 import { OnPushBaseComponent } from 'app/_helpers/onpush-base.component';
 import type { Plate } from '../plate';
 
 @Component({
   selector: 'app-plate-images',
   changeDetection: ChangeDetectionStrategy.OnPush,
   imports: [
-    CommonModule,
     MatCardModule,
     MatProgressSpinnerModule,
     MatIconModule,

openalprwebhookprocessor.client/src/app/plates/plate/plate-notes/plate-notes.component.ts

@@ -6,7 +6,7 @@ import { MatButtonModule } from '@angular/material/button';
 import { MatIconModule } from '@angular/material/icon';
 import { TextFieldModule } from '@angular/cdk/text-field';
 import { FormsModule } from '@angular/forms';
-import { CommonModule } from '@angular/common';
+
 import type { Plate } from '../plate';
 import { RefreshButtonComponent } from 'app/shared/refresh-button/refresh-button.component';
 
@@ -16,7 +16,6 @@ import { RefreshButtonComponent } from 'app/shared/refresh-button/refresh-button
   templateUrl: './plate-notes.component.html',
   styleUrls: ['./plate-notes.component.css'],
   imports: [
-    CommonModule,
     MatCardModule,
     MatFormFieldModule,
     MatInputModule,

openalprwebhookprocessor.client/src/app/plates/plates.component.ts

@@ -11,7 +11,7 @@ import { AlertsService } from 'app/settings/alerts/alerts.service';
 import { MatDialog } from '@angular/material/dialog';
 import { EditPlateComponent } from './edit-plate/edit-plate.component';
 import { LocalStorageService } from 'app/_services/local-storage.service';
-import { CommonModule } from '@angular/common';
+
 import { ActivatedRoute } from '@angular/router';
 import { type PageEvent } from '@angular/material/paginator';
 import { PlateFiltersComponent, type PlateFilters, type VehicleFilters as FilterVehicleFilters } from './plate-filters/plate-filters.component';
@@ -26,7 +26,6 @@ import { OnPushBaseComponent } from 'app/_helpers/onpush-base.component';
   changeDetection: ChangeDetectionStrategy.OnPush,
   standalone: true,
   imports: [
-    CommonModule,
     PlateFiltersComponent,
     PlateListComponent,
   ],

openalprwebhookprocessor.client/src/app/settings/alerts/alerts.component.ts

@@ -10,7 +10,7 @@ import { MatCheckboxModule } from '@angular/material/checkbox';
 import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
 import { MatChipsModule } from '@angular/material/chips';
 import { MatTooltipModule } from '@angular/material/tooltip';
-import { CommonModule } from '@angular/common';
+
 
 import { Alert } from './alert';
 import { AlertsService } from './alerts.service';
@@ -27,7 +27,6 @@ import { SnackBarType } from 'app/snackbar/snackbartype';
   templateUrl: './alerts.component.html',
   styleUrls: ['./alerts.component.less'],
   imports: [
-    CommonModule,
     ReactiveFormsModule,
     MatTabsModule,
     MatCardModule,

openalprwebhookprocessor.client/src/app/settings/cameras/edit-camera/camera-basic-info/camera-basic-info.component.ts

@@ -1,5 +1,5 @@
 import { Component, inject, input, output, type OnInit, ChangeDetectionStrategy } from '@angular/core';
-import { CommonModule } from '@angular/common';
+
 import { FormBuilder, Validators, ReactiveFormsModule, type FormGroup } from '@angular/forms';
 import { MatFormFieldModule } from '@angular/material/form-field';
 import { MatInputModule } from '@angular/material/input';
@@ -17,7 +17,6 @@ import { OnPushBaseComponent } from 'app/_helpers/onpush-base.component';
   styleUrls: ['./camera-basic-info.component.less'],
   standalone: true,
   imports: [
-    CommonModule,
     ReactiveFormsModule,
     MatFormFieldModule,
     MatInputModule,

openalprwebhookprocessor.client/src/app/settings/cameras/edit-camera/camera-daynight/camera-daynight.component.ts

@@ -1,6 +1,6 @@
 import { animate, style, transition, trigger } from '@angular/animations';
 import { Component, inject, type OnInit, type OnChanges, ChangeDetectionStrategy, input, output } from '@angular/core';
-import { CommonModule } from '@angular/common';
+
 import { FormBuilder, Validators, ReactiveFormsModule, type FormGroup } from '@angular/forms';
 import { MatFormFieldModule } from '@angular/material/form-field';
 import { MatInputModule } from '@angular/material/input';
@@ -30,15 +30,14 @@ import { RefreshButtonComponent } from 'app/shared/refresh-button/refresh-button
       ]),
     ]),
   ],
-  imports: [
-    CommonModule,
-    ReactiveFormsModule,
-    MatFormFieldModule,
-    MatInputModule,
-    MatCardModule,
-    MatSlideToggleModule,
-    MatButtonModule,
-    RefreshButtonComponent,
+  imports: [
+    ReactiveFormsModule,
+    MatFormFieldModule,
+    MatInputModule,
+    MatCardModule,
+    MatSlideToggleModule,
+    MatButtonModule,
+    RefreshButtonComponent,
   ],
 })
 export class CameraDayNightComponent extends OnPushBaseComponent implements OnInit, OnChanges {

openalprwebhookprocessor.client/src/app/settings/cameras/edit-camera/camera-openalpr/camera-openalpr.component.ts

@@ -1,5 +1,5 @@
 import { Component, inject, type OnInit, type OnDestroy, ChangeDetectionStrategy, input, output } from '@angular/core';
-import { CommonModule } from '@angular/common';
+
 import { FormBuilder, Validators, ReactiveFormsModule, type FormGroup } from '@angular/forms';
 import { MatFormFieldModule } from '@angular/material/form-field';
 import { MatInputModule } from '@angular/material/input';
@@ -28,15 +28,14 @@ import { OnPushBaseComponent } from 'app/_helpers/onpush-base.component';
       ]),
     ]),
   ],
-  imports: [
-    CommonModule,
-    ReactiveFormsModule,
-    MatFormFieldModule,
-    MatInputModule,
-    MatCardModule,
-    MatSlideToggleModule,
-    MatButtonModule,
-    CameraMaskComponent,
+  imports: [
+    ReactiveFormsModule,
+    MatFormFieldModule,
+    MatInputModule,
+    MatCardModule,
+    MatSlideToggleModule,
+    MatButtonModule,
+    CameraMaskComponent,
   ],
   standalone: true,
 })

openalprwebhookprocessor.client/src/app/settings/cameras/edit-camera/camera-overlay/camera-overlay.component.ts

@@ -1,5 +1,5 @@
 import { Component, inject, type OnInit, ChangeDetectionStrategy, type OnDestroy, output, input } from '@angular/core';
-import { CommonModule } from '@angular/common';
+
 import { FormBuilder, Validators, ReactiveFormsModule, type FormGroup } from '@angular/forms';
 import { MatFormFieldModule } from '@angular/material/form-field';
 import { MatInputModule } from '@angular/material/input';
@@ -27,14 +27,13 @@ import { OnPushBaseComponent } from 'app/_helpers/onpush-base.component';
       ]),
     ]),
   ],
-  imports: [
-    CommonModule,
-    ReactiveFormsModule,
-    MatFormFieldModule,
-    MatInputModule,
-    MatCardModule,
-    MatSlideToggleModule,
-    MatButtonModule,
+  imports: [
+    ReactiveFormsModule,
+    MatFormFieldModule,
+    MatInputModule,
+    MatCardModule,
+    MatSlideToggleModule,
+    MatButtonModule,
   ],
   standalone: true,
 })

openalprwebhookprocessor.client/src/app/settings/debug/debug.component.ts

@@ -10,7 +10,7 @@ import { MatIconModule } from '@angular/material/icon';
 import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
 import { MatTooltipModule } from '@angular/material/tooltip';
 import { MatDividerModule } from '@angular/material/divider';
-import { CommonModule } from '@angular/common';
+
 import { SignalrConnectionMonitorComponent } from './signalr-connection-monitor/signalr-connection-monitor.component';
 import { ScheduledJobsComponent } from './scheduled-jobs/scheduled-jobs.component';
 import { OnPushBaseComponent } from 'app/_helpers/onpush-base.component';
@@ -28,7 +28,6 @@ import { ConfirmationDialogComponent, type ConfirmationDialogData } from 'app/sh
     MatProgressSpinnerModule,
     MatTooltipModule,
     MatDividerModule,
-    CommonModule,
     SignalrConnectionMonitorComponent,
     ScheduledJobsComponent,
   ],

openalprwebhookprocessor.client/src/app/settings/debug/scheduled-jobs/scheduled-jobs.component.ts

@@ -1,5 +1,5 @@
 import { ChangeDetectionStrategy, Component, inject, type OnDestroy, type OnInit } from '@angular/core';
-import { CommonModule } from '@angular/common';
+
 import { MatCardModule } from '@angular/material/card';
 import { MatButtonModule } from '@angular/material/button';
 import { MatIconModule } from '@angular/material/icon';
@@ -19,7 +19,6 @@ import { type ScheduledJob, type ScheduledJobsResponse, ScheduledJobType, Sunris
   templateUrl: './scheduled-jobs.component.html',
   styleUrls: ['./scheduled-jobs.component.less'],
   imports: [
-    CommonModule,
     MatCardModule,
     MatButtonModule,
     MatIconModule,