Upgrade angular from 19 to 20.

frontend/angular.json

@@ -24,7 +24,7 @@
       },
       "architect": {
         "build": {
-          "builder": "@angular-devkit/build-angular:application",
+          "builder": "@angular/build:application",
           "options": {
             "outputPath": "dist/codiki",
             "index": "src/index.html",
@@ -103,7 +103,7 @@
           "defaultConfiguration": ""
         },
         "serve": {
-          "builder": "@angular-devkit/build-angular:dev-server",
+          "builder": "@angular/build:dev-server",
           "configurations": {
             "production-en": {
               "buildTarget": "codiki:build:production-en"
@@ -124,13 +124,13 @@
           "defaultConfiguration": "development"
         },
         "extract-i18n": {
-          "builder": "@angular-devkit/build-angular:extract-i18n",
+          "builder": "@angular/build:extract-i18n",
           "options": {
             "buildTarget": "codiki:build"
           }
         },
         "test": {
-          "builder": "@angular-devkit/build-angular:karma",
+          "builder": "@angular/build:karma",
           "options": {
             "polyfills": [
               "zone.js",
@@ -154,5 +154,31 @@
   },
   "cli": {
     "analytics": false
+  },
+  "schematics": {
+    "@schematics/angular:component": {
+      "type": "component"
+    },
+    "@schematics/angular:directive": {
+      "type": "directive"
+    },
+    "@schematics/angular:service": {
+      "type": "service"
+    },
+    "@schematics/angular:guard": {
+      "typeSeparator": "."
+    },
+    "@schematics/angular:interceptor": {
+      "typeSeparator": "."
+    },
+    "@schematics/angular:module": {
+      "typeSeparator": "."
+    },
+    "@schematics/angular:pipe": {
+      "typeSeparator": "."
+    },
+    "@schematics/angular:resolver": {
+      "typeSeparator": "."
+    }
   }
 }

frontend/package.json

@@ -17,25 +17,25 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "^19.2.17",
+    "@angular/animations": "^20.3.15",
     "@angular/cdk": "^19.2.19",
-    "@angular/common": "^19.2.17",
+    "@angular/common": "^20.3.15",
-    "@angular/compiler": "^19.2.17",
+    "@angular/compiler": "^20.3.15",
-    "@angular/core": "^19.2.17",
+    "@angular/core": "^20.3.15",
-    "@angular/forms": "^19.2.17",
+    "@angular/forms": "^20.3.15",
     "@angular/material": "^19.2.19",
-    "@angular/platform-browser": "^19.2.17",
+    "@angular/platform-browser": "^20.3.15",
-    "@angular/platform-browser-dynamic": "^19.2.17",
+    "@angular/platform-browser-dynamic": "^20.3.15",
-    "@angular/router": "^19.2.17",
+    "@angular/router": "^20.3.15",
     "rxjs": "~7.8.0",
     "tslib": "^2.3.0",
     "zone.js": "~0.15.1"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "^19.2.19",
+    "@angular/build": "^20.3.13",
-    "@angular/cli": "^19.2.19",
+    "@angular/cli": "^20.3.13",
-    "@angular/compiler-cli": "^19.2.17",
+    "@angular/compiler-cli": "^20.3.15",
-    "@angular/localize": "^19.2.17",
+    "@angular/localize": "^20.3.15",
     "@types/jasmine": "~5.1.0",
     "jasmine-core": "~5.1.0",
     "karma": "~6.4.0",
@@ -43,6 +43,6 @@
     "karma-coverage": "~2.2.0",
     "karma-jasmine": "~5.1.0",
     "karma-jasmine-html-reporter": "~2.1.0",
-    "typescript": "~5.5.4"
+    "typescript": "~5.9.3"
   }
-}
+}

frontend/src/app/app.component.ts

@@ -1,4 +1,4 @@
-import { CommonModule } from '@angular/common';
+
 import { Component } from '@angular/core';
 import { RouterOutlet } from '@angular/router';
 import { HeaderComponent } from './components/header/header.component';
@@ -7,11 +7,10 @@ import { FooterComponent } from './components/footer/footer.component';
 @Component({
     selector: 'app-root',
     imports: [
-        CommonModule,
+    RouterOutlet,
-        RouterOutlet,
+    HeaderComponent,
-        HeaderComponent,
+    FooterComponent
-        FooterComponent
+],
-    ],
     templateUrl: './app.component.html',
     styleUrl: './app.component.scss'
 })

frontend/src/app/components/header/header.component.ts

@@ -1,4 +1,4 @@
-import { CommonModule } from '@angular/common';
+
 import { Component, inject } from '@angular/core';
 import { FormControl, ReactiveFormsModule } from '@angular/forms';
 import { MatButtonModule } from '@angular/material/button';
@@ -14,17 +14,16 @@ import { SideMenuComponent } from '../side-menu/side-menu.component';
 @Component({
     selector: 'app-header',
     imports: [
-        CommonModule,
+    MatButtonModule,
-        MatButtonModule,
+    MatIconModule,
-        MatIconModule,
+    MatMenuModule,
-        MatMenuModule,
+    MatRippleModule,
-        MatRippleModule,
+    MatTooltipModule,
-        MatTooltipModule,
+    PublicationsSearchBarComponent,
-        PublicationsSearchBarComponent,
+    ReactiveFormsModule,
-        ReactiveFormsModule,
+    RouterModule,
-        RouterModule,
+    SideMenuComponent
-        SideMenuComponent,
+],
-    ],
     templateUrl: './header.component.html',
     styleUrl: './header.component.scss'
 })

frontend/src/app/components/submit-button/submit-button.component.ts

@@ -1,4 +1,4 @@
-import { CommonModule } from "@angular/common";
+
 import { Component, EventEmitter, Input, Output } from "@angular/core";
 import { MatRippleModule } from "@angular/material/core";
 import { MatProgressSpinnerModule } from "@angular/material/progress-spinner";
@@ -8,10 +8,9 @@ import { MatProgressSpinnerModule } from "@angular/material/progress-spinner";
     templateUrl: 'submit-button.component.html',
     styleUrl: 'submit-button.component.scss',
     imports: [
-        CommonModule,
+    MatRippleModule,
-        MatRippleModule,
+    MatProgressSpinnerModule
-        MatProgressSpinnerModule
+]
-    ]
 })
 export class SubmitButtonComponent {
     @Input() requestPending: boolean = false;

frontend/src/app/pages/publication-creation/publication-creation.component.ts

@@ -7,16 +7,15 @@ import { BehaviorSubject, Observable, Subscription } from "rxjs";
 import { Publication } from "../../core/rest-services/publications/model/publication";
 import { AuthenticationService } from "../../core/service/authentication.service";
 import { Author } from "../../core/rest-services/publications/model/author";
-import { CommonModule } from "@angular/common";
+
 
 @Component({
     selector: 'app-publication-creation',
     templateUrl: './publication-creation.component.html',
     styleUrl: './publication-creation.component.scss',
     imports: [
-        CommonModule,
+    PublicationEditionComponent
-        PublicationEditionComponent
+]
-    ]
 })
 export class PublicationCreationComponent implements OnInit {
     private readonly authenticationService = inject(AuthenticationService);

frontend/tsconfig.json

@@ -13,7 +13,7 @@
     "sourceMap": true,
     "declaration": false,
     "experimentalDecorators": true,
-    "moduleResolution": "node",
+    "moduleResolution": "bundler",
     "importHelpers": true,
     "target": "ES2022",
     "module": "ES2022",