Update to v19

apps/example-app/src/app/app.component.ts

@@ -2,6 +2,7 @@ import { Component } from '@angular/core';
 
 @Component({
   selector: 'ngrx-traits-root',
+  standalone: false,
   template: `<router-outlet />`,
   styleUrls: ['./app.component.scss'],
 })

apps/example-app/src/app/examples/components/product-search-form/product-search-form.component.ts

@@ -1,4 +1,3 @@
-import { JsonPipe } from '@angular/common';
 import { ChangeDetectionStrategy, Component, model } from '@angular/core';
 import { FormsModule } from '@angular/forms';
 import { MatFormFieldModule } from '@angular/material/form-field';
@@ -24,7 +23,7 @@ import { ProductFilter } from '../../models';
   `,
   changeDetection: ChangeDetectionStrategy.OnPush,
   standalone: true,
-  imports: [FormsModule, MatFormFieldModule, MatInputModule, JsonPipe],
+  imports: [FormsModule, MatFormFieldModule, MatInputModule],
 })
 export class ProductSearchFormComponent {
   searchProduct = model<ProductFilter>();

apps/example-app/src/app/examples/signals/infinete-scroll-page/infinite-scroll-page.component.ts

@@ -2,17 +2,12 @@ import { CommonModule } from '@angular/common';
 import { Component } from '@angular/core';
 
 import { ProductsBranchDropdownComponent } from './products-branch-dropdown.component';
-import { ProductsBranchListComponent } from './products-branch-list.component';
 import { ProductsBranchStore } from './products-branch.store';
 
 @Component({
   selector: 'infinite-scroll-page',
   standalone: true,
-  imports: [
-    CommonModule,
-    ProductsBranchDropdownComponent,
-    ProductsBranchListComponent,
-  ],
+  imports: [CommonModule, ProductsBranchDropdownComponent],
   template: `<products-branch-dropdown />`,
   styles: ``,
   providers: [ProductsBranchStore],

apps/example-app/src/app/examples/signals/infinete-scroll-page/products-branch-list.component.ts

@@ -10,7 +10,6 @@ import { toSignal } from '@angular/core/rxjs-interop';
 import { FormsModule } from '@angular/forms';
 import { MatButton } from '@angular/material/button';
 import { MatFormField, MatLabel } from '@angular/material/form-field';
-import { MatIcon } from '@angular/material/icon';
 import { MatInput } from '@angular/material/input';
 import { MatList, MatListItem } from '@angular/material/list';
 import { MatProgressSpinner } from '@angular/material/progress-spinner';
@@ -28,7 +27,6 @@ import { ProductsBranchStore } from './products-branch.store';
     MatList,
     MatListItem,
     MatButton,
-    MatIcon,
     MatFormField,
     MatInput,
     FormsModule,

apps/example-app/src/app/examples/signals/product-list-paginated-page/signal-product-list-paginated-page-container.component.ts

@@ -1,8 +1,7 @@
-import { AsyncPipe, JsonPipe } from '@angular/common';
-import { Component, inject, OnInit } from '@angular/core';
+import { Component, inject } from '@angular/core';
 import { MatButtonModule } from '@angular/material/button';
 import { MatCardModule } from '@angular/material/card';
-import { MatPaginatorModule, PageEvent } from '@angular/material/paginator';
+import { MatPaginatorModule } from '@angular/material/paginator';
 import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
 import { RouterLink } from '@angular/router';
 import { Sort } from '@ngrx-traits/common';
@@ -100,9 +99,7 @@ import { ProductsLocalStore } from './product.store';
     ProductListComponent,
     MatPaginatorModule,
     MatButtonModule,
-    AsyncPipe,
     ProductDetailComponent,
-    JsonPipe,
     RouterLink,
   ],
   providers: [ProductsLocalStore],

apps/example-app/src/app/examples/signals/product-shop-page/components/product-basket-tab/product-basket-tab.component.ts

@@ -1,12 +1,10 @@
-import { AsyncPipe } from '@angular/common';
 import { Component, inject } from '@angular/core';
 import { MatButtonModule } from '@angular/material/button';
 import { MatCardModule } from '@angular/material/card';
 import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
 import { Sort } from '@ngrx-traits/common';
 
 import { ProductBasketComponent } from '../../../../components/product-basket/product-basket.component';
-import { ProductDetailComponent } from '../../../../components/product-detail/product-detail.component';
 import { Product } from '../../../../models';
 import { ProductsShopStore } from '../../products-shop.store';
 import { SmartProductDetailComponent } from '../smart-product-detail/smart-product-detail.component';
@@ -86,8 +84,6 @@ import { SmartProductDetailComponent } from '../smart-product-detail/smart-produ
     MatProgressSpinnerModule,
     ProductBasketComponent,
     MatButtonModule,
-    ProductDetailComponent,
-    AsyncPipe,
     SmartProductDetailComponent,
   ],
 })

apps/example-app/src/app/examples/signals/product-shop-page/components/product-shop-tab/product-shop-tab.component.ts

@@ -1,4 +1,3 @@
-import { AsyncPipe } from '@angular/common';
 import { Component, computed, inject } from '@angular/core';
 import { MatButtonModule } from '@angular/material/button';
 import { MatCardModule } from '@angular/material/card';
@@ -85,7 +84,6 @@ import { ProductsShopStore } from '../../products-shop.store';
     MatButtonModule,
     ProductListComponent,
     ProductDetailComponent,
-    AsyncPipe,
     MatPaginator,
   ],
 })

apps/example-app/src/app/examples/signals/product-shop-page/product-shop-page-container.component.ts

@@ -1,4 +1,3 @@
-import { AsyncPipe } from '@angular/common';
 import { Component, inject } from '@angular/core';
 import { MatBadgeModule } from '@angular/material/badge';
 import { MatIconModule } from '@angular/material/icon';
@@ -59,7 +58,6 @@ import { ProductsShopStore } from './products-shop.store';
     MatIconModule,
     MatBadgeModule,
     RouterOutlet,
-    AsyncPipe,
   ],
 })
 export class ProductShopPageContainerComponent {

jest.config.ts

@@ -1,3 +1,3 @@
-const { getJestProjects } = require('@nx/jest');
+const { getJestProjectsAsync } = require('@nx/jest');
 
-export default { projects: getJestProjects() };
+export default async () => ({ projects: await getJestProjectsAsync() });

libs/ngrx-traits/common/package.json

@@ -6,14 +6,14 @@
     "postinstall": "ngcc"
   },
   "peerDependencies": {
-    "@angular/core": "^18.0.5",
-    "@ngrx/effects": "^18.0.1",
-    "@ngrx/entity": "^18.0.1",
-    "@ngrx/store": "^18.0.1",
-    "@ngrx-traits/core": "^18.0.0"
+    "@angular/core": "^19.0.0",
+    "@ngrx/effects": "^19.0.0",
+    "@ngrx/entity": "^19.0.0",
+    "@ngrx/store": "^19.0.0",
+    "@ngrx-traits/core": "^19.0.0"
   },
   "optionalDependencies": {
-    "@angular/router": "^18.0.5"
+    "@angular/router": "^19.0.0"
   },
   "sideEffects": false,
   "repository": {

libs/ngrx-traits/core/package.json

@@ -8,10 +8,10 @@
     "postinstall": "ngcc"
   },
   "peerDependencies": {
-    "@angular/core": "^18.0.5",
-    "@ngrx/effects": "^18.0.1",
-    "@ngrx/entity": "^18.0.1",
-    "@ngrx/store": "^18.0.1",
+    "@angular/core": "^19.0.0",
+    "@ngrx/effects": "^19.0.0",
+    "@ngrx/entity": "^19.0.0",
+    "@ngrx/store": "^19.0.0",
     "rxjs": "^7.8.1"
   },
   "sideEffects": false,

libs/ngrx-traits/signals/package.json

@@ -6,12 +6,12 @@
     "build": "ng-packagr -p package.json"
   },
   "peerDependencies": {
-    "@angular/core": "^18.0.5",
-    "@ngrx/signals": "^18.1.0",
+    "@angular/core": "^19.0.0",
+    "@ngrx/signals": "^19.0.0",
     "rxjs": "^7.8.1"
   },
   "optionalDependencies": {
-    "@angular/cdk": "^18.0.5"
+    "@angular/cdk": "^19.0.0"
   },
   "sideEffects": false,
   "repository": {

libs/ngrx-traits/signals/src/lib/with-call-status/with-call-status.ts

@@ -71,16 +71,16 @@ export function withCallStatus<
     }
   > = {},
 ): SignalStoreFeature<
-  Input & { state: {}; computed: {}; methods: {} },
+  Input & { state: {}; props: {}; methods: {} },
   Prop extends ''
     ? {
         state: CallStatusState;
-        computed: CallStatusComputed<Error>;
+        props: CallStatusComputed<Error>;
         methods: CallStatusMethods<Error>;
       }
     : {
         state: NamedCallStatusState<Prop>;
-        computed: NamedCallStatusComputed<Prop, Error>;
+        props: NamedCallStatusComputed<Prop, Error>;
         methods: NamedCallStatusMethods<Prop, Error>;
       }
 > {

libs/ngrx-traits/signals/src/lib/with-calls/with-calls.spec.ts

@@ -755,7 +755,6 @@ describe('withCalls', () => {
     it('when withCall has mapPipe = switchMap should only process last call', fakeAsync(() => {
       let aux = 0;
       const call = jest.fn().mockImplementation(() => {
-        console.log('call');
         aux++;
         return of('' + aux).pipe(delay(100));
       });
@@ -786,7 +785,6 @@ describe('withCalls', () => {
     it('when withCall has mapPipe= exhaustMap should only process first call', fakeAsync(() => {
       let aux = 0;
       const call = jest.fn().mockImplementation(() => {
-        console.log('call');
         aux++;
         return of('' + aux).pipe(delay(100));
       });
@@ -817,7 +815,6 @@ describe('withCalls', () => {
     it('when withCall has mapPipe = concatMap should process all calls in sequence', fakeAsync(() => {
       let aux = 0;
       const call = jest.fn().mockImplementation(() => {
-        console.log('call');
         aux++;
         return of('' + aux).pipe(delay(100));
       });

libs/ngrx-traits/signals/src/lib/with-calls/with-calls.ts

@@ -132,7 +132,7 @@ export function withCalls<
             : Calls[K]['resultProp'] & string
         : `${K & string}Result`]: ExtractCallResultType<Calls[K]> | undefined;
     };
-    computed: NamedCallsStatusComputed<keyof Calls & string> &
+    props: NamedCallsStatusComputed<keyof Calls & string> &
       NamedCallsStatusErrorComputed<Calls>;
     methods: {
       [K in keyof Calls]: Calls[K] extends (...args: infer P) => any

libs/ngrx-traits/signals/src/lib/with-entities-filter/with-entities-local-filter.spec.ts

@@ -109,6 +109,7 @@ describe('withEntitiesLocalFilter', () => {
       patchState(store, setAllEntities(mockProducts));
       store.setLoaded();
       TestBed.flushEffects();
+      tick();
       expect(store.entities().length).toEqual(2);
       expect(store.entities()).toEqual([
         {
@@ -162,6 +163,7 @@ describe('withEntitiesLocalFilter', () => {
       patchState(store, setAllEntities(mockProducts));
       store.setLoaded();
       TestBed.flushEffects();
+      tick();
       expect(store.entities().length).toEqual(2);
       expect(store.entities()).toEqual([
         {

libs/ngrx-traits/signals/src/lib/with-entities-filter/with-entities-local-filter.ts

@@ -11,10 +11,10 @@ import {
   WritableStateSource,
 } from '@ngrx/signals';
 import {
-  EntityComputed,
+  EntityProps,
   EntityMap,
   EntityState,
-  NamedEntityComputed,
+  NamedEntityProps,
   NamedEntityState,
   SelectEntityId,
 } from '@ngrx/signals/entities';
@@ -110,23 +110,23 @@ export function withEntitiesLocalFilter<
     (Collection extends ''
       ? {
           state: EntityState<Entity>;
-          computed: EntityComputed<Entity>;
+          props: EntityProps<Entity>;
           methods: {};
         }
       : {
           state: NamedEntityState<Entity, Collection>;
-          computed: NamedEntityComputed<Entity, Collection>;
+          props: NamedEntityProps<Entity, Collection>;
           methods: {};
         }),
   Collection extends ''
     ? {
         state: EntitiesFilterState<Filter>;
-        computed: EntitiesFilterComputed;
+        props: EntitiesFilterComputed;
         methods: EntitiesFilterMethods<Filter>;
       }
     : {
         state: NamedEntitiesFilterState<Collection, Filter>;
-        computed: NamedEntitiesFilterComputed<Collection>;
+        props: NamedEntitiesFilterComputed<Collection>;
         methods: NamedEntitiesFilterMethods<Collection, Filter>;
       }
 > {

libs/ngrx-traits/signals/src/lib/with-entities-filter/with-entities-remote-filter.spec.ts

@@ -1,4 +1,10 @@
-import { fakeAsync, TestBed, tick } from '@angular/core/testing';
+import {
+  discardPeriodicTasks,
+  fakeAsync,
+  flush,
+  TestBed,
+  tick,
+} from '@angular/core/testing';
 import { signalStore, type, withState } from '@ngrx/signals';
 import { withEntities } from '@ngrx/signals/entities';
 import { of } from 'rxjs';
@@ -221,10 +227,7 @@ describe('withEntitiesRemoteFilter', () => {
       expect(store.entities().length).toEqual(mockProducts.length);
       tick(400);
       expect(store.entities().length).toEqual(2);
-      store.filterEntities({
-        filter: { search: 'zero', foo: 'bar' },
-        forceLoad: true,
-      });
+      expect(store.entitiesFilter()).toEqual({ search: 'zero', foo: 'bar' });
     });
   }));
 

libs/ngrx-traits/signals/src/lib/with-entities-filter/with-entities-remote-filter.ts

@@ -10,9 +10,9 @@ import {
   WritableStateSource,
 } from '@ngrx/signals';
 import type {
-  EntityComputed,
+  EntityProps,
   EntityState,
-  NamedEntityComputed,
+  NamedEntityProps,
   NamedEntityState,
 } from '@ngrx/signals/entities';
 import { rxMethod } from '@ngrx/signals/rxjs-interop';
@@ -144,23 +144,23 @@ export function withEntitiesRemoteFilter<
     (Collection extends ''
       ? {
           state: EntityState<Entity>;
-          computed: EntityComputed<Entity>;
+          props: EntityProps<Entity>;
           methods: CallStatusMethods;
         }
       : {
           state: NamedEntityState<Entity, Collection>;
-          computed: NamedEntityComputed<Entity, Collection>;
+          props: NamedEntityProps<Entity, Collection>;
           methods: NamedCallStatusMethods<Collection>;
         }),
   Collection extends ''
     ? {
         state: EntitiesFilterState<Filter>;
-        computed: {};
+        props: {};
         methods: EntitiesRemoteFilterMethods<Filter>;
       }
     : {
         state: NamedEntitiesFilterState<Collection, Filter>;
-        computed: {};
+        props: {};
         methods: NamedEntitiesRemoteFilterMethods<Collection, Filter>;
       }
 > {

libs/ngrx-traits/signals/src/lib/with-entities-loading-call/with-entities-loading-call.ts

@@ -15,9 +15,9 @@ import {
   WritableStateSource,
 } from '@ngrx/signals';
 import {
-  EntityComputed,
+  EntityProps,
   EntityState,
-  NamedEntityComputed,
+  NamedEntityProps,
   NamedEntityState,
   SelectEntityId,
   setAllEntities,
@@ -171,13 +171,13 @@ export function withEntitiesLoadingCall<
     (Collection extends ''
       ? {
           state: EntityState<Entity> & CallStatusState;
-          computed: EntityComputed<Entity> & CallStatusComputed<Error>;
+          props: EntityProps<Entity> & CallStatusComputed<Error>;
           methods: CallStatusMethods<Error>;
         }
       : {
           state: NamedEntityState<Entity, Collection> &
             NamedCallStatusState<Collection>;
-          computed: NamedEntityComputed<Entity, Collection> &
+          props: NamedEntityProps<Entity, Collection> &
             NamedCallStatusComputed<Collection, Error>;
           methods: NamedCallStatusMethods<Collection, Error>;
         }),