First update angular 18

Front/skydivelogs-app/angular.json

@@ -9,13 +9,16 @@
       "projectType": "application",
       "architect": {
         "build": {
-          "builder": "@angular-devkit/build-angular:browser",
+          "builder": "@angular-devkit/build-angular:application",
           "options": {
-            "outputPath": "dist",
+            "outputPath": {
+              "base": "dist"
+            },
             "index": "src/index.html",
-            "main": "src/main.ts",
             "tsConfig": "src/tsconfig.app.json",
-            "polyfills": "src/polyfills.ts",
+            "polyfills": [
+              "src/polyfills.ts"
+            ],
             "assets": [
               "src/assets",
               "src/config",
@@ -28,12 +31,11 @@
               "@angular/material/prebuilt-themes/pink-bluegrey.css"
             ],
             "scripts": [],
-            "vendorChunk": true,
             "extractLicenses": false,
-            "buildOptimizer": false,
             "sourceMap": true,
             "optimization": false,
-            "namedChunks": true
+            "namedChunks": true,
+            "browser": "src/main.ts"
           },
           "configurations": {
             "production": {
@@ -48,8 +50,6 @@
               "sourceMap": false,
               "namedChunks": false,
               "extractLicenses": true,
-              "vendorChunk": false,
-              "buildOptimizer": true,
               "fileReplacements": [
                 {
                   "replace": "src/environments/environment.ts",

Front/skydivelogs-app/package.json

@@ -12,16 +12,16 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "^17.0.8",
+    "@angular/animations": "^18.2.13",
     "@angular/cdk": "^17.0.4",
-    "@angular/common": "^17.0.8",
+    "@angular/common": "^18.2.13",
-    "@angular/compiler": "^17.0.8",
+    "@angular/compiler": "^18.2.13",
-    "@angular/core": "^17.0.8",
+    "@angular/core": "^18.2.13",
-    "@angular/forms": "^17.0.8",
+    "@angular/forms": "^18.2.13",
     "@angular/material": "^17.0.4",
-    "@angular/platform-browser": "^17.0.8",
+    "@angular/platform-browser": "^18.2.13",
-    "@angular/platform-browser-dynamic": "^17.0.8",
+    "@angular/platform-browser-dynamic": "^18.2.13",
-    "@angular/router": "^17.0.8",
+    "@angular/router": "^18.2.13",
     "@ngx-translate/core": "^15.0.0",
     "@ngx-translate/http-loader": "^8.0.0",
     "chart.js": "^4.3.0",
@@ -31,9 +31,9 @@
     "zone.js": "~0.14.2"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "^17.0.8",
+    "@angular-devkit/build-angular": "^18.2.18",
-    "@angular/cli": "~17.0.8",
+    "@angular/cli": "~18.2.18",
-    "@angular/compiler-cli": "^17.0.8",
+    "@angular/compiler-cli": "^18.2.13",
     "@types/jasmine": "~4.3.0",
     "jasmine-core": "~5.1.0",
     "karma": "~6.4.0",
@@ -41,6 +41,6 @@
     "karma-coverage": "~2.2.0",
     "karma-jasmine": "~5.1.0",
     "karma-jasmine-html-reporter": "~2.1.0",
-    "typescript": "~5.2.2"
+    "typescript": "~5.5.4"
   }
 }

Front/skydivelogs-app/tsconfig.json

@@ -4,9 +4,9 @@
     "strictTemplates": true,
   },
   "compilerOptions": {
-    "downlevelIteration": true,
     "importHelpers": true,
     "outDir": "./dist/out-tsc",
+    "esModuleInterop": true,
     "sourceMap": true,
     "declaration": false,
     "moduleResolution": "node",