perf: update to Angular 21

Dockerfile

@@ -8,7 +8,7 @@ WORKDIR /app
 COPY package*.json ./
 COPY pnpm-lock.yaml ./
 RUN --mount=type=cache,id=pnpm,target=/pnpm/store pnpm install
-RUN --mount=type=cache,id=pnpm,target=/pnpm/store pnpm install -g @angular/cli@19
+RUN --mount=type=cache,id=pnpm,target=/pnpm/store pnpm install -g @angular/cli@21
 COPY . .
 RUN --mount=type=cache,id=pnpm,target=/pnpm/store pnpm build
 

browserslist

@@ -5,10 +5,10 @@
 # You can see what browsers were selected by your queries by running:
 #   npx browserslist
 
-Chrome >= 107
-ChromeAndroid >= 107
-Edge >= 107
-Firefox >= 104
-FirefoxAndroid >= 104
-Safari >= 16
-iOS >= 16
+Chrome >= 111
+ChromeAndroid >= 111
+Edge >= 111
+Firefox >= 112
+FirefoxAndroid >= 112
+Safari >= 17
+iOS >= 17

package.json

@@ -15,21 +15,21 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "^20.3.15",
-    "@angular/common": "^20.3.15",
-    "@angular/core": "^20.3.15",
+    "@angular/animations": "^21.0.6",
+    "@angular/common": "^21.0.6",
+    "@angular/core": "^21.0.6",
     "@angular/fire": "^20.0.1",
-    "@angular/forms": "^20.3.15",
-    "@angular/platform-browser": "^20.3.15",
-    "@angular/platform-browser-dynamic": "^20.3.15",
-    "@angular/router": "^20.3.15",
-    "@angular/service-worker": "^20.3.15",
-    "@ionic/angular": "^8.7.15",
+    "@angular/forms": "^21.0.6",
+    "@angular/platform-browser": "^21.0.6",
+    "@angular/platform-browser-dynamic": "^21.0.6",
+    "@angular/router": "^21.0.6",
+    "@angular/service-worker": "^21.0.6",
+    "@ionic/angular": "^8.7.16",
     "@primeuix/themes": "^1.2.5",
     "core-js": "^3.47.0",
     "ionicons": "^8.0.13",
-    "laravel-echo": "^2.2.6",
-    "primeng": "^20.4.0",
+    "laravel-echo": "^2.2.7",
+    "primeng": "^21.0.2",
     "pusher-js": "^8.4.0",
     "rxfire": "^6.1.0",
     "rxjs": "^7.8.2",
@@ -41,33 +41,33 @@
     "zone.js": "^0.15.1"
   },
   "devDependencies": {
-    "@angular-devkit/architect": "^0.2003.13",
-    "@angular-devkit/build-angular": "^20.3.13",
-    "@angular-eslint/builder": "^20.7.0",
-    "@angular-eslint/eslint-plugin": "^20.7.0",
-    "@angular-eslint/eslint-plugin-template": "^20.7.0",
-    "@angular-eslint/schematics": "^20.7.0",
-    "@angular-eslint/template-parser": "^20.7.0",
-    "@angular/cli": "^20.3.13",
-    "@angular/compiler": "^20.3.15",
-    "@angular/compiler-cli": "^20.3.15",
-    "@angular/language-service": "^20.3.15",
+    "@angular-devkit/architect": "^0.2100.4",
+    "@angular-devkit/build-angular": "^21.0.4",
+    "@angular-eslint/builder": "^21.1.0",
+    "@angular-eslint/eslint-plugin": "^21.1.0",
+    "@angular-eslint/eslint-plugin-template": "^21.1.0",
+    "@angular-eslint/schematics": "^21.1.0",
+    "@angular-eslint/template-parser": "^21.1.0",
+    "@angular/cli": "^21.0.4",
+    "@angular/compiler": "^21.0.6",
+    "@angular/compiler-cli": "^21.0.6",
+    "@angular/language-service": "^21.0.6",
     "@eslint/eslintrc": "^3.3.3",
     "@eslint/js": "^9.39.2",
     "@ionic/angular-toolkit": "^12.3.0",
     "@types/jasmine": "~5.1.13",
     "@types/jasminewd2": "^2.0.13",
     "@types/node": "^24.10.4",
     "@types/video.js": "^7.3.58",
-    "@typescript-eslint/eslint-plugin": "^8.50.1",
-    "@typescript-eslint/parser": "^8.50.1",
+    "@typescript-eslint/eslint-plugin": "^8.51.0",
+    "@typescript-eslint/parser": "^8.51.0",
     "eslint": "^9.39.2",
     "jasmine-core": "^5.13.0",
     "karma": "^6.4.4",
     "karma-chrome-launcher": "^3.2.0",
     "karma-jasmine": "^5.1.0",
     "ts-node": "^10.9.2",
-    "typescript": "~5.8.3"
+    "typescript": "~5.9.3"
   },
   "description": "An Ionic project"
 }

src/main.ts

@@ -1,4 +1,4 @@
-import {enableProdMode, importProvidersFrom} from '@angular/core';
+import {enableProdMode, importProvidersFrom, provideZoneChangeDetection} from '@angular/core';
 
 import {environment} from './environments/environment';
 import {RouteReuseStrategy} from '@angular/router';
@@ -28,7 +28,7 @@ if (environment.production) {
 
 bootstrapApplication(AppComponent, {
     providers: [
-        importProvidersFrom(BrowserModule, AppRoutingModule, WelcomePageModule, ServiceWorkerModule.register('ngsw-worker.js', {enabled: environment.production})),
+        provideZoneChangeDetection(),importProvidersFrom(BrowserModule, AppRoutingModule, WelcomePageModule, ServiceWorkerModule.register('ngsw-worker.js', {enabled: environment.production})),
         {provide: RouteReuseStrategy, useClass: IonicRouteStrategy},
         UserTrackingService,
         {provide: INSTRUMENTATION_ENABLED, useValue: environment.production},

tsconfig.app.json

@@ -1,6 +1,7 @@
 {
   "extends": "./tsconfig.json",
   "compilerOptions": {
+    "skipLibCheck": true,
     "outDir": "./out-tsc/app",
     "types": []
   },

tsconfig.json

@@ -11,13 +11,10 @@
     "experimentalDecorators": true,
     "importHelpers": true,
     "target": "ES2022",
+    "skipLibCheck": true,
     "typeRoots": [
       "node_modules/@types"
     ],
-    "lib": [
-      "ES2022",
-      "dom"
-    ],
     "useDefineForClassFields": false
   },
   "angularCompilerOptions": {

tsconfig.spec.json

@@ -2,6 +2,7 @@
   "extends": "./tsconfig.json",
   "compilerOptions": {
     "outDir": "./out-tsc/spec",
+    "skipLibCheck": true,
     "types": [
       "jasmine",
       "node"