feat(deps): upgrade angular from v18 to v19

Author: rafikhan

firestore/package-lock.json

@@ -17,35 +17,35 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "^18.2.13",
+    "@angular/animations": "^19.2.14",
     "@angular/cdk": "^16.1.3",
-    "@angular/common": "^18.2.13",
-    "@angular/compiler": "^18.2.13",
-    "@angular/core": "^18.2.13",
+    "@angular/common": "^19.2.14",
+    "@angular/compiler": "^19.2.14",
+    "@angular/core": "^19.2.14",
     "@angular/fire": "^7.6.1",
     "@angular/flex-layout": "^15.0.0-beta.42",
-    "@angular/forms": "^18.2.13",
+    "@angular/forms": "^19.2.14",
     "@angular/material": "^16.1.3",
-    "@angular/platform-browser": "^18.2.13",
-    "@angular/platform-browser-dynamic": "^18.2.13",
-    "@angular/router": "^18.2.13",
+    "@angular/platform-browser": "^19.2.14",
+    "@angular/platform-browser-dynamic": "^19.2.14",
+    "@angular/router": "^19.2.14",
     "@material/layout-grid": "^15.0.0-canary.b994146f6.0",
     "rxjs": "~7.8.0",
     "tslib": "^2.3.0",
-    "zone.js": "~0.14.10"
+    "zone.js": "~0.15.1"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "^18.2.20",
-    "@angular/cli": "~18.2.20",
-    "@angular/compiler-cli": "^18.2.13",
+    "@angular-devkit/build-angular": "^19.2.15",
+    "@angular/cli": "~19.2.15",
+    "@angular/compiler-cli": "^19.2.14",
     "@types/jasmine": "~4.3.0",
     "jasmine-core": "~4.6.0",
     "karma": "~6.4.0",
     "karma-chrome-launcher": "~3.2.0",
     "karma-coverage": "~2.2.0",
     "karma-jasmine": "~5.1.0",
     "karma-jasmine-html-reporter": "~2.1.0",
-    "typescript": "~5.4.5",
+    "typescript": "~5.8.3",
     "prettier": "^1.5.3"
   }
 }

firestore/package.json

@@ -19,9 +19,10 @@ import { Router } from "@angular/router";
 
 
 @Component({
-  selector: 'app-root',
-  templateUrl: './app.component.html',
-  styleUrls: ['./app.component.css'],
+    selector: 'app-root',
+    templateUrl: './app.component.html',
+    styleUrls: ['./app.component.css'],
+    standalone: false
 })
 export class AppComponent {
   constructor(private router: Router) { }

firestore/src/app/app.component.ts

@@ -20,10 +20,11 @@ import { DialogData, filterCategories, filterCities } from './dialogdata';
 
 
 @Component({
-  selector: 'app-filter-dialog',
-  templateUrl: './filter-dialog.component.html',
-  styleUrls: ['./filter-dialog.component.css'],
-  encapsulation: ViewEncapsulation.None,
+    selector: 'app-filter-dialog',
+    templateUrl: './filter-dialog.component.html',
+    styleUrls: ['./filter-dialog.component.css'],
+    encapsulation: ViewEncapsulation.None,
+    standalone: false
 })
 export class FilterDialogComponent {
   cities: string[] = filterCities;

firestore/src/app/filter-dialog/filter-dialog.component.ts

@@ -34,19 +34,20 @@ import { SignInModalComponent } from '../sign-in-modal/sign-in-modal.component';
 import { HomepageFirestore } from './hompage.service';
 
 @Component({
-  selector: 'app-homepage',
-  templateUrl: './homepage.component.html',
-  styleUrls: ['./homepage.component.css'],
-  providers: [
-    {
-      provide: MAT_DIALOG_DATA,
-      useValue: {}
-    },
-    {
-      provide: MatDialogRef,
-      useValue: {}
-    }
-  ]
+    selector: 'app-homepage',
+    templateUrl: './homepage.component.html',
+    styleUrls: ['./homepage.component.css'],
+    providers: [
+        {
+            provide: MAT_DIALOG_DATA,
+            useValue: {}
+        },
+        {
+            provide: MatDialogRef,
+            useValue: {}
+        }
+    ],
+    standalone: false
 })
 
 export class HomepageComponent {

firestore/src/app/homepage/homepage.component.ts

@@ -19,9 +19,10 @@ import { Restaurant } from '../../types/restaurant';
 import { Router } from '@angular/router';
 
 @Component({
-  selector: 'app-restaurant-card',
-  templateUrl: './restaurant-card.component.html',
-  styleUrls: ['./restaurant-card.component.css'],
+    selector: 'app-restaurant-card',
+    templateUrl: './restaurant-card.component.html',
+    styleUrls: ['./restaurant-card.component.css'],
+    standalone: false
 })
 export class RestaurantCardComponent {
   onCardClicked = () => {

firestore/src/app/restaurant-card/restaurant-card.component.ts

@@ -25,9 +25,10 @@ import {
 } from '../submit-review-modal/submit-review-modal.component';
 
 @Component({
-  selector: 'app-restuarant-page',
-  templateUrl: './restuarant-page.component.html',
-  styleUrls: ['./restuarant-page.component.css']
+    selector: 'app-restuarant-page',
+    templateUrl: './restuarant-page.component.html',
+    styleUrls: ['./restuarant-page.component.css'],
+    standalone: false
 })
 export class RestuarantPageComponent implements OnInit {
   restaurantData: Observable<Restaurant> = new Observable();

firestore/src/app/restuarant-page/restuarant-page.component.ts

@@ -20,9 +20,10 @@ import { Observable } from 'rxjs';
 import { Firestore, collection, collectionData } from '@angular/fire/firestore';
 
 @Component({
-  selector: 'app-review-list',
-  templateUrl: './review-list.component.html',
-  styleUrls: ['./review-list.component.css']
+    selector: 'app-review-list',
+    templateUrl: './review-list.component.html',
+    styleUrls: ['./review-list.component.css'],
+    standalone: false
 })
 export class ReviewListComponent implements OnInit {
   @Input() restaurantID: string | null = null;

firestore/src/app/review-list/review-list.component.ts

@@ -28,10 +28,11 @@ export interface SignInOptions {
 }
 
 @Component({
-  selector: "app-sign-in-modal",
-  templateUrl: "./sign-in-modal.component.html",
-  styleUrls: ["./sign-in-modal.component.css"],
-  encapsulation: ViewEncapsulation.None,
+    selector: "app-sign-in-modal",
+    templateUrl: "./sign-in-modal.component.html",
+    styleUrls: ["./sign-in-modal.component.css"],
+    encapsulation: ViewEncapsulation.None,
+    standalone: false
 })
 
 /**

firestore/src/app/sign-in-modal/sign-in-modal.component.ts

@@ -22,10 +22,11 @@ import { Auth } from '@angular/fire/auth';
 import { Rating } from "../../types/ratings";
 
 @Component({
-  selector: "app-submit-review-modal",
-  templateUrl: "./submit-review-modal.component.html",
-  styleUrls: ["./submit-review-modal.component.css"],
-  encapsulation: ViewEncapsulation.None
+    selector: "app-submit-review-modal",
+    templateUrl: "./submit-review-modal.component.html",
+    styleUrls: ["./submit-review-modal.component.css"],
+    encapsulation: ViewEncapsulation.None,
+    standalone: false
 })
 export class SubmitReviewModalComponent {
   private firestore: Firestore = inject(Firestore);