upgrade to angular v19

package.json

@@ -9,27 +9,27 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "^18.2.13",
-    "@angular/common": "^18.2.13",
-    "@angular/compiler": "^18.2.13",
-    "@angular/core": "^18.2.13",
-    "@angular/platform-browser": "^18.2.13",
-    "@angular/platform-browser-dynamic": "^18.2.13",
+    "@angular/animations": "^19.0.1",
+    "@angular/common": "^19.0.1",
+    "@angular/compiler": "^19.0.1",
+    "@angular/core": "^19.0.1",
+    "@angular/platform-browser": "^19.0.1",
+    "@angular/platform-browser-dynamic": "^19.0.1",
     "luxon": "^3.4.3",
     "rxjs": "^7.8.1",
     "tslib": "^2.6.2",
-    "zone.js": "^0.14.10"
+    "zone.js": "^0.15.0"
   },
   "devDependencies": {
-    "@angular/build": "^18.2.12",
-    "@angular/cli": "^18.2.12",
-    "@angular/compiler-cli": "^18.2.13",
+    "@angular/build": "^19.0.2",
+    "@angular/cli": "^19.0.2",
+    "@angular/compiler-cli": "^19.0.1",
     "@types/luxon": "^3.3.2",
     "@types/node": "^20.5.9",
     "eslint": "^8.48.0",
     "eslint-config-airbnb": "^19.0.4",
     "eslint-config-prettier": "^9.0.0",
     "prettier": "^3.0.3",
-    "typescript": "^5.4.5"
+    "typescript": "^5.6.3"
   }
 }

src/app/app.component.ts

@@ -6,9 +6,10 @@ import { TimezoneService } from './timezone/services/timezone.service';
 
 declare let gtag: Function;
 @Component({
-  selector: 'app-root',
-  templateUrl: './app.component.html',
-  styleUrls: ['./app.component.scss'],
+    selector: 'app-root',
+    templateUrl: './app.component.html',
+    styleUrls: ['./app.component.scss'],
+    standalone: false
 })
 export class AppComponent {
   fiveOclocks: Timezone[] = [];

src/app/timezone/components/timezone-list/timezone-list.component.ts

@@ -3,27 +3,22 @@ import { Component, Input, OnChanges, OnInit, SimpleChanges } from '@angular/cor
 import { Timezone } from '../../models/timezone.model';
 
 @Component({
-  selector: 'app-timezone-list',
-  templateUrl: './timezone-list.component.html',
-  styleUrls: ['./timezone-list.component.scss'],
-  animations: [
-    trigger('displayState', [
-      state(
-        'show',
-        style({
-          opacity: 1,
-        })
-      ),
-      state(
-        'hide',
-        style({
-          opacity: 0,
-        })
-      ),
-      transition('show=>hide', animate('450ms ease-out')),
-      transition('hide=>show', animate('450ms ease-in')),
-    ]),
-  ],
+    selector: 'app-timezone-list',
+    templateUrl: './timezone-list.component.html',
+    styleUrls: ['./timezone-list.component.scss'],
+    animations: [
+        trigger('displayState', [
+            state('show', style({
+                opacity: 1,
+            })),
+            state('hide', style({
+                opacity: 0,
+            })),
+            transition('show=>hide', animate('450ms ease-out')),
+            transition('hide=>show', animate('450ms ease-in')),
+        ]),
+    ],
+    standalone: false
 })
 export class TimezoneListComponent implements OnInit, OnChanges {
   @Input() timezones: Timezone[] = [];