feat: Updated angular

Reviewed-on: #7

frontend/package.json

@@ -13,20 +13,20 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "^20.0.2",
+    "@angular/animations": "^21.2.11",
-    "@angular/cdk": "^20.0.2",
+    "@angular/cdk": "^21.2.9",
-    "@angular/cli": "^20.3.18",
+    "@angular/cli": "^21.2.9",
-    "@angular/common": "^20.3.14",
+    "@angular/common": "^21.2.11",
-    "@angular/compiler": "^20.3.16",
+    "@angular/compiler": "^21.2.11",
-    "@angular/core": "^20.3.17",
+    "@angular/core": "^21.2.11",
-    "@angular/forms": "^20.0.2",
+    "@angular/forms": "^21.2.11",
-    "@angular/material": "^20.0.2",
+    "@angular/material": "^21.2.9",
-    "@angular/material-luxon-adapter": "^20.0.2",
+    "@angular/material-luxon-adapter": "^21.2.9",
-    "@angular/platform-browser": "^20.0.2",
+    "@angular/platform-browser": "^21.2.11",
-    "@angular/platform-browser-dynamic": "^20.0.2",
+    "@angular/platform-browser-dynamic": "^21.2.11",
-    "@angular/router": "^20.0.2",
+    "@angular/router": "^21.2.11",
-    "@angular/service-worker": "^20.0.2",
+    "@angular/service-worker": "^21.2.11",
-    "luxon": "^3.6.1",
+    "luxon": "^3.7.2",
     "marked": "^12.0.1",
     "rxjs": "~7.5.0",
     "tslib": "^2.3.0",
@@ -34,9 +34,9 @@
     "zone.js": "~0.15.1"
   },
   "devDependencies": {
-    "@angular/build": "^20.0.1",
+    "@angular/build": "^21.2.9",
-    "@angular/compiler-cli": "^20.0.2",
+    "@angular/compiler-cli": "^21.2.11",
-    "@angular/localize": "^20.0.2",
+    "@angular/localize": "^21.2.11",
     "@types/jasmine": "~4.3.0",
     "@types/luxon": "^3.6.2",
     "@types/underscore": "^1.13.0",
@@ -49,7 +49,7 @@
     "karma-jasmine": "~5.1.0",
     "karma-jasmine-html-reporter": "~2.0.0",
     "prettier": "3.5.3",
-    "typescript": "~5.8.3",
+    "typescript": "~5.9.3",
     "typescript-eslint": "8.33.1"
   }
 }

frontend/src/app/commonComponents/user-search/user-search.component.ts

@@ -59,7 +59,7 @@ export class UserSearchComponent
   control: FormControl = new FormControl<UserSearchResult | string>("")
   protected list: UserSearchResult[] = []
   private _onChange!: (_: UserSearchResult) => void
-  private _onTouched!: () => void
+  protected _onTouched!: () => void
 
   static nextId = 0
 

frontend/src/main.ts

@@ -1,10 +1,13 @@
+import { provideZoneChangeDetection } from '@angular/core'
 import { platformBrowser } from '@angular/platform-browser'
 
 import { AppModule } from './app/app.module'
 import { environment } from './environments/environment'
 
 platformBrowser()
-  .bootstrapModule(AppModule)
+  .bootstrapModule(AppModule, {
+    applicationProviders: [provideZoneChangeDetection()],
+  })
   .then(() => {
     if ('serviceWorker' in navigator && environment.production) {
       navigator.serviceWorker.register('./ngsw-worker.js')

frontend/tsconfig.json

@@ -18,11 +18,7 @@
     "importHelpers": true,
     "target": "ES2022",
     "module": "ES2022",
-    "useDefineForClassFields": false,
+    "useDefineForClassFields": false
-    "lib": [
-      "ES2022",
-      "dom"
-    ]
   },
   "angularCompilerOptions": {
     "enableI18nLegacyMessageIdFormat": false,