feat(nx): upgrade nx 20 and angular 19

apps/signal/30-interop-rxjs-signal/src/app/app.component.ts

@@ -2,7 +2,6 @@ import { Component } from '@angular/core';
 import { RouterOutlet } from '@angular/router';
 
 @Component({
-  standalone: true,
   imports: [RouterOutlet],
   selector: 'app-root',
   template: `

apps/signal/30-interop-rxjs-signal/src/app/detail/detail.component.ts

@@ -5,7 +5,6 @@ import { Photo } from '../photo.model';
 
 @Component({
   selector: 'app-photos',
-  standalone: true,
   imports: [DatePipe, RouterLink],
   template: `
     <img src="{{ photo.url_m }}" alt="{{ photo.title }}" class="image" />

apps/signal/30-interop-rxjs-signal/src/app/list/photos.component.ts

@@ -13,7 +13,6 @@ import { PhotoStore } from './photos.store';
 
 @Component({
   selector: 'app-photos',
-  standalone: true,
   imports: [
     ReactiveFormsModule,
     MatFormFieldModule,

apps/signal/30-interop-rxjs-signal/src/app/list/photos.store.ts

@@ -1,10 +1,10 @@
-import { Injectable, inject } from '@angular/core';
+import { inject, Injectable } from '@angular/core';
 import {
   ComponentStore,
   OnStateInit,
   OnStoreInit,
-  tapResponse,
 } from '@ngrx/component-store';
+import { tapResponse } from '@ngrx/operators';
 import { pipe } from 'rxjs';
 import { filter, mergeMap, tap } from 'rxjs/operators';
 import { Photo } from '../photo.model';

apps/signal/43-signal-input/src/app/app.component.ts

@@ -1,10 +1,8 @@
-import { JsonPipe } from '@angular/common';
 import { Component } from '@angular/core';
 import { UserComponent } from './user.component';
 
 @Component({
-  standalone: true,
-  imports: [UserComponent, JsonPipe],
+  imports: [UserComponent],
   selector: 'app-root',
   template: `
     <div class="flex flex-col gap-3">

apps/signal/43-signal-input/src/app/user.component.ts

@@ -16,7 +16,6 @@ const ageToCategory = (age: number): Category => {
 
 @Component({
   selector: 'app-user',
-  standalone: true,
   imports: [TitleCasePipe],
   template: `
     {{ fullName | titlecase }} plays tennis in the {{ category }} category!!

apps/signal/50-bug-in-effect/src/app/app.component.ts

@@ -7,7 +7,6 @@ import {
 import { FormsModule } from '@angular/forms';
 
 @Component({
-  standalone: true,
   imports: [FormsModule],
   selector: 'app-root',
   template: `

apps/signal/51-function-call-effect/src/app/action.component.ts

@@ -9,7 +9,6 @@ import { FormsModule } from '@angular/forms';
 import { UserService } from './user.service';
 
 @Component({
-  standalone: true,
   imports: [FormsModule],
   selector: 'app-actions',
   template: `

apps/signal/51-function-call-effect/src/app/app.component.ts

@@ -4,7 +4,6 @@ import { ActionsComponent } from './action.component';
 import { UserService } from './user.service';
 
 @Component({
-  standalone: true,
   imports: [FormsModule, ActionsComponent],
   selector: 'app-root',
   template: `

apps/signal/53-big-signal-performance/src/app/address.component.ts

@@ -4,7 +4,6 @@ import { UserStore } from './user.service';
 
 @Component({
   selector: 'address-user',
-  standalone: true,
   template: `
     <div cd-flash class="m-4 block border border-gray-500 p-4">
       Address:

apps/signal/53-big-signal-performance/src/app/app.component.ts

@@ -6,7 +6,6 @@ import { NoteComponent } from './note.component';
 import { UserFormComponent } from './user-form.component';
 
 @Component({
-  standalone: true,
   selector: 'app-root',
   template: `
     <name />

apps/signal/53-big-signal-performance/src/app/job.component.ts

@@ -4,7 +4,6 @@ import { UserStore } from './user.service';
 
 @Component({
   selector: 'job',
-  standalone: true,
   template: `
     <div cd-flash class="m-4 block border border-gray-500 p-4">
       Job:

apps/signal/53-big-signal-performance/src/app/name.component.ts

@@ -4,7 +4,6 @@ import { UserStore } from './user.service';
 
 @Component({
   selector: 'name',
-  standalone: true,
   template: `
     <div cd-flash class="m-4 block border border-gray-500 p-4">
       Name: {{ userService.user().name }}

apps/signal/53-big-signal-performance/src/app/note.component.ts

@@ -4,7 +4,6 @@ import { UserStore } from './user.service';
 
 @Component({
   selector: 'note',
-  standalone: true,
   template: `
     <div cd-flash class="m-4 block border border-gray-500 p-4">
       Note: {{ userService.user().note }}

apps/signal/53-big-signal-performance/src/app/user-form.component.ts

@@ -4,7 +4,6 @@ import { UserStore } from './user.service';
 
 @Component({
   selector: 'user-form',
-  standalone: true,
   imports: [ReactiveFormsModule],
   template: `
     <form [formGroup]="form" (ngSubmit)="submit()" class="flex flex-col gap-4">

apps/signal/54-pipe-observable-to-signal/src/app/app.component.ts

@@ -4,7 +4,6 @@ import { ProductRowComponent } from './product-row.component';
 import { products } from './product.model';
 
 @Component({
-  standalone: true,
   imports: [TableComponent, ProductRowComponent],
   selector: 'app-root',
   template: `

apps/signal/54-pipe-observable-to-signal/src/app/product-row.component.ts

@@ -10,7 +10,6 @@ import { CurrencyService } from './currency.service';
 import { Product } from './product.model';
 
 @Component({
-  standalone: true,
   selector: 'tr[product-row]',
   template: `
     <td>{{ productInfo.name }}</td>

apps/signal/56-forms-and-signal/src/app/app.component.ts

@@ -2,7 +2,6 @@ import { Component } from '@angular/core';
 import { RouterOutlet } from '@angular/router';
 
 @Component({
-  standalone: true,
   imports: [RouterOutlet],
   selector: 'app-root',
   template: `

apps/signal/56-forms-and-signal/src/app/checkout.component.ts

@@ -9,7 +9,6 @@ import { products } from './products';
 
 @Component({
   selector: 'app-dashboard',
-  standalone: true,
   imports: [RouterLink],
   template: `
     <h2 class="mb-1 w-full bg-gray-400 p-2 text-white">Checkout</h2>

apps/signal/56-forms-and-signal/src/app/dashboard.component.ts

@@ -4,7 +4,6 @@ import { products } from './products';
 
 @Component({
   selector: 'app-dashboard',
-  standalone: true,
   imports: [RouterLink],
   template: `
     <h2 class="mb-5 w-full bg-gray-400 p-2 text-white">List of Products</h2>

apps/signal/56-forms-and-signal/src/app/order.component.ts

@@ -11,7 +11,6 @@ import { products } from './products';
 
 @Component({
   selector: 'app-order',
-  standalone: true,
   imports: [RouterLink, ReactiveFormsModule],
   template: `
     <h2 class="mb-5 w-full bg-gray-400 p-2 text-white">Order</h2>

apps/signal/56-forms-and-signal/src/app/payment.component.ts

@@ -3,7 +3,6 @@ import { RouterLink } from '@angular/router';
 
 @Component({
   selector: 'app-dashboard',
-  standalone: true,
   imports: [RouterLink],
   template: `
     <h2 class="mb-1 w-full bg-green-700 p-2 text-white">Payment Success</h2>