Angular 22

client/app/admin/admin/admin.component.ts

@@ -1,4 +1,4 @@
-import {Component, inject, type OnInit} from '@angular/core';
+import {Component, inject, type OnInit, ChangeDetectionStrategy} from '@angular/core';
 import {ActivatedRoute, RouterLink, RouterLinkActive, RouterOutlet} from '@angular/router';
 import {
     NaturalIconDirective,
@@ -40,6 +40,7 @@ import {MatToolbar} from '@angular/material/toolbar';
     ],
     templateUrl: './admin.component.html',
     styleUrl: './admin.component.scss',
+    changeDetection: ChangeDetectionStrategy.Eager,
 })
 export class AdminComponent implements OnInit {
     private readonly route = inject(ActivatedRoute);

client/app/admin/events/event/event.component.ts

@@ -8,7 +8,7 @@ import {
     type NaturalSeoResolveData,
     NaturalStampComponent,
 } from '@ecodev/natural';
-import {Component, inject, type OnInit} from '@angular/core';
+import {Component, inject, type OnInit, ChangeDetectionStrategy} from '@angular/core';
 import {RouterLink} from '@angular/router';
 import {PermissionsService} from '../../../shared/services/permissions.service';
 import {EventService} from '../services/event.service';
@@ -49,6 +49,7 @@ import {MatDivider} from '@angular/material/divider';
     ],
     templateUrl: './event.component.html',
     styleUrl: './event.component.scss',
+    changeDetection: ChangeDetectionStrategy.Eager,
 })
 export class EventComponent extends NaturalAbstractDetail<EventService, NaturalSeoResolveData> implements OnInit {
     protected readonly permissionsService = inject(PermissionsService);

client/app/admin/events/events/events.component.ts

@@ -1,4 +1,4 @@
-import {Component, inject, type OnInit} from '@angular/core';
+import {Component, inject, type OnInit, ChangeDetectionStrategy} from '@angular/core';
 import {
     type AvailableColumn,
     NaturalAbstractList,
@@ -56,6 +56,7 @@ import {AsyncPipe, DatePipe} from '@angular/common';
     ],
     templateUrl: './events.component.html',
     styleUrl: './events.component.scss',
+    changeDetection: ChangeDetectionStrategy.Eager,
 })
 export class EventsComponent extends NaturalAbstractList<EventService> implements OnInit {
     protected readonly permissionsService = inject(PermissionsService);

client/app/admin/events/services/event.service.ts

@@ -1,4 +1,4 @@
-import {Injectable} from '@angular/core';
+import {Service} from '@angular/core';
 import {formatIsoDateTime, type FormValidators, NaturalAbstractModelService} from '@ecodev/natural';
 import {
     type CreateEvent,
@@ -16,9 +16,7 @@ import {
 import {createEvent, deleteEvents, eventQuery, eventsQuery, updateEvent} from './event.queries';
 import {Validators} from '@angular/forms';
 
-@Injectable({
-    providedIn: 'root',
-})
+@Service()
 export class EventService extends NaturalAbstractModelService<
     EventQuery['event'],
     EventQueryVariables,

client/app/admin/facilitator-documents/facilitator-document/facilitator-document.component.ts

@@ -9,7 +9,7 @@ import {
     type NaturalSeoResolveData,
     NaturalStampComponent,
 } from '@ecodev/natural';
-import {Component, inject} from '@angular/core';
+import {Component, inject, ChangeDetectionStrategy} from '@angular/core';
 import {FilesService} from '../../files/services/files.service';
 import {FacilitatorDocumentsService} from '../services/facilitator-documents.service';
 import {type CreateFile} from '../../../shared/generated-types';
@@ -48,6 +48,7 @@ import {FormsModule, ReactiveFormsModule} from '@angular/forms';
     ],
     templateUrl: './facilitator-document.component.html',
     styleUrl: './facilitator-document.component.scss',
+    changeDetection: ChangeDetectionStrategy.Eager,
 })
 export class FacilitatorDocumentComponent extends NaturalAbstractDetail<
     FacilitatorDocumentsService,

client/app/admin/facilitator-documents/facilitator-documents/facilitator-documents.component.ts

@@ -1,4 +1,4 @@
-import {Component, inject, type OnInit} from '@angular/core';
+import {Component, inject, type OnInit, ChangeDetectionStrategy} from '@angular/core';
 import {RouterLink} from '@angular/router';
 import {
     NaturalAbstractList,
@@ -56,6 +56,7 @@ import {AsyncPipe} from '@angular/common';
     ],
     templateUrl: './facilitator-documents.component.html',
     styleUrl: './facilitator-documents.component.scss',
+    changeDetection: ChangeDetectionStrategy.Eager,
 })
 export class FacilitatorDocumentsComponent extends NaturalAbstractList<FacilitatorDocumentsService> implements OnInit {
     protected readonly permissionsService = inject(PermissionsService);

client/app/admin/facilitator-documents/services/facilitator-documents.service.ts

@@ -1,4 +1,4 @@
-import {Injectable} from '@angular/core';
+import {Service} from '@angular/core';
 import {NaturalAbstractModelService} from '@ecodev/natural';
 import {
     type CreateFacilitatorDocument,
@@ -21,9 +21,7 @@ import {
     updateFacilitatorDocument,
 } from './facilitator-documents.queries';
 
-@Injectable({
-    providedIn: 'root',
-})
+@Service()
 export class FacilitatorDocumentsService extends NaturalAbstractModelService<
     FacilitatorDocumentQuery['facilitatorDocument'],
     FacilitatorDocumentQueryVariables,

client/app/admin/files/services/files.service.ts

@@ -1,4 +1,4 @@
-import {Injectable} from '@angular/core';
+import {Service} from '@angular/core';
 import {NaturalAbstractModelService} from '@ecodev/natural';
 import {
     type CreateFile,
@@ -9,9 +9,7 @@ import {
 } from '../../../shared/generated-types';
 import {createFileMutation, deleteFileMutation} from './files.queries';
 
-@Injectable({
-    providedIn: 'root',
-})
+@Service()
 export class FilesService extends NaturalAbstractModelService<
     never,
     never,

client/app/admin/newses/news/news.component.ts

@@ -8,7 +8,7 @@ import {
     type NaturalSeoResolveData,
     NaturalStampComponent,
 } from '@ecodev/natural';
-import {Component, inject, type OnInit} from '@angular/core';
+import {Component, inject, type OnInit, ChangeDetectionStrategy} from '@angular/core';
 import {RouterLink} from '@angular/router';
 import {PermissionsService} from '../../../shared/services/permissions.service';
 import {NewsService} from '../services/news.service';
@@ -55,6 +55,7 @@ import {MatDivider} from '@angular/material/divider';
     ],
     templateUrl: './news.component.html',
     styleUrl: './news.component.scss',
+    changeDetection: ChangeDetectionStrategy.Eager,
 })
 export class NewsComponent extends NaturalAbstractDetail<NewsService, NaturalSeoResolveData> implements OnInit {
     protected readonly permissionsService = inject(PermissionsService);

client/app/admin/newses/newses/newses.component.ts

@@ -1,4 +1,4 @@
-import {Component, inject, type OnInit} from '@angular/core';
+import {Component, inject, type OnInit, ChangeDetectionStrategy} from '@angular/core';
 import {
     type AvailableColumn,
     NaturalAbstractList,
@@ -60,6 +60,7 @@ import {AsyncPipe, DatePipe} from '@angular/common';
     ],
     templateUrl: './newses.component.html',
     styleUrl: './newses.component.scss',
+    changeDetection: ChangeDetectionStrategy.Eager,
 })
 export class NewsesComponent extends NaturalAbstractList<NewsService> implements OnInit {
     protected readonly permissionsService = inject(PermissionsService);

client/app/admin/newses/services/news.service.ts

@@ -1,4 +1,4 @@
-import {Injectable} from '@angular/core';
+import {Service} from '@angular/core';
 import {formatIsoDateTime, type FormValidators, type Literal, NaturalAbstractModelService} from '@ecodev/natural';
 import {
     type CreateNews,
@@ -17,9 +17,7 @@ import {
 import {createNews, deleteNewses, newsesQuery, newsQuery, updateNews} from './news.queries';
 import {Validators} from '@angular/forms';
 
-@Injectable({
-    providedIn: 'root',
-})
+@Service()
 export class NewsService extends NaturalAbstractModelService<
     NewsQuery['news'],
     NewsQueryVariables,

client/app/admin/order/order-line/order-line.component.ts

@@ -5,7 +5,7 @@ import {
     NaturalSelectEnumComponent,
     type NaturalSeoResolveData,
 } from '@ecodev/natural';
-import {Component, inject, type OnInit} from '@angular/core';
+import {Component, inject, type OnInit, ChangeDetectionStrategy} from '@angular/core';
 import {MatDialogModule} from '@angular/material/dialog';
 import {ProductService} from '../../products/services/product.service';
 import {OrderLineService} from '../services/order-lines.service';
@@ -34,6 +34,7 @@ import {FormsModule, ReactiveFormsModule} from '@angular/forms';
     ],
     templateUrl: './order-line.component.html',
     styleUrl: './order-line.component.scss',
+    changeDetection: ChangeDetectionStrategy.Eager,
 })
 export class OrderLineComponent
     extends NaturalAbstractDetail<OrderLineService, NaturalSeoResolveData>

client/app/admin/order/order-lines/order-lines.component.ts

@@ -1,4 +1,4 @@
-import {Component, inject, Input, input, type OnInit} from '@angular/core';
+import {Component, inject, Input, input, type OnInit, ChangeDetectionStrategy} from '@angular/core';
 import {
     type AvailableColumn,
     NaturalAbstractList,
@@ -64,6 +64,7 @@ import {
     ],
     templateUrl: './order-lines.component.html',
     styleUrl: './order-lines.component.scss',
+    changeDetection: ChangeDetectionStrategy.Eager,
 })
 export class OrderLinesComponent extends NaturalAbstractList<OrderLineService> implements OnInit {
     protected readonly permissionsService = inject(PermissionsService);

client/app/admin/order/order/order.component.ts

@@ -1,4 +1,4 @@
-import {Component, inject} from '@angular/core';
+import {Component, inject, ChangeDetectionStrategy} from '@angular/core';
 import {MAT_DIALOG_DATA, MatDialogModule} from '@angular/material/dialog';
 import {NaturalAlertService, type NaturalDialogTriggerProvidedData, NaturalSelectEnumComponent} from '@ecodev/natural';
 import {CurrencyPipe, DatePipe} from '@angular/common';
@@ -29,6 +29,7 @@ import {takeUntilDestroyed} from '@angular/core/rxjs-interop';
     ],
     templateUrl: './order.component.html',
     styleUrl: './order.component.scss',
+    changeDetection: ChangeDetectionStrategy.Eager,
 })
 export class OrderComponent {
     protected readonly dialogData = inject<NaturalDialogTriggerProvidedData<never>>(MAT_DIALOG_DATA);

client/app/admin/order/orders/orders.component.ts

@@ -1,4 +1,4 @@
-import {Component, inject, type OnInit} from '@angular/core';
+import {Component, inject, type OnInit, ChangeDetectionStrategy} from '@angular/core';
 import {
     type AvailableColumn,
     NaturalAbstractList,
@@ -69,6 +69,7 @@ import {
     ],
     templateUrl: './orders.component.html',
     styleUrl: './orders.component.scss',
+    changeDetection: ChangeDetectionStrategy.Eager,
 })
 export class OrdersComponent extends NaturalAbstractList<OrderService> implements OnInit {
     protected readonly permissionsService = inject(PermissionsService);

client/app/admin/order/services/order-lines.service.ts

@@ -1,4 +1,4 @@
-import {Injectable} from '@angular/core';
+import {Service} from '@angular/core';
 import {type ValidatorFn, Validators} from '@angular/forms';
 import {type FormValidators, integer, NaturalAbstractModelService} from '@ecodev/natural';
 import {
@@ -14,9 +14,7 @@ import {
 import {orderLineQuery, orderLinesQuery, updateOrderLine} from './order-lines.queries';
 import {xorValidator} from '../../../shared/validators';
 
-@Injectable({
-    providedIn: 'root',
-})
+@Service()
 export class OrderLineService extends NaturalAbstractModelService<
     OrderLineQuery['orderLine'],
     OrderLineQueryVariables,

client/app/admin/order/services/order.service.ts

@@ -1,4 +1,4 @@
-import {inject, Injectable} from '@angular/core';
+import {inject, Service} from '@angular/core';
 import {type Literal, NaturalAbstractModelService} from '@ecodev/natural';
 import {type Observable} from 'rxjs';
 import {map} from 'rxjs/operators';
@@ -17,9 +17,7 @@ import {
 import {OrderLineService} from './order-lines.service';
 import {createOrder, orderQuery, ordersQuery, updateOrderStatus} from './order.queries';
 
-@Injectable({
-    providedIn: 'root',
-})
+@Service()
 export class OrderService extends NaturalAbstractModelService<
     OrderQuery['order'],
     OrderQueryVariables,

client/app/admin/product-tags/services/product-tag.service.ts

@@ -1,4 +1,4 @@
-import {Injectable} from '@angular/core';
+import {Service} from '@angular/core';
 import {NaturalAbstractModelService, NaturalQueryVariablesManager} from '@ecodev/natural';
 import {type Observable} from 'rxjs';
 import {map} from 'rxjs/operators';
@@ -10,9 +10,7 @@ import {
 } from '../../../shared/generated-types';
 import {productTagQuery, productTagsQuery} from './product-tag.queries';
 
-@Injectable({
-    providedIn: 'root',
-})
+@Service()
 export class ProductTagService extends NaturalAbstractModelService<
     ProductTagQuery['productTag'],
     ProductTagQueryVariables,

client/app/admin/products/product/product.component.ts

@@ -15,7 +15,7 @@ import {
     NaturalTableButtonComponent,
     type WithId,
 } from '@ecodev/natural';
-import {Component, inject} from '@angular/core';
+import {Component, inject, ChangeDetectionStrategy} from '@angular/core';
 import {XorErrorStateMatcher} from '../../../shared/validators';
 import {FilesService} from '../../files/services/files.service';
 import {ProductTagService} from '../../product-tags/services/product-tag.service';
@@ -76,6 +76,7 @@ import {FormsModule, ReactiveFormsModule} from '@angular/forms';
     ],
     templateUrl: './product.component.html',
     styleUrl: './product.component.scss',
+    changeDetection: ChangeDetectionStrategy.Eager,
 })
 export class ProductComponent extends NaturalAbstractDetail<ProductService, NaturalSeoResolveData> {
     protected readonly productTagService = inject(ProductTagService);

client/app/admin/products/products/products.component.ts

@@ -1,4 +1,4 @@
-import {Component, inject, type OnInit} from '@angular/core';
+import {Component, inject, type OnInit, ChangeDetectionStrategy} from '@angular/core';
 import {RouterLink} from '@angular/router';
 import {
     type AvailableColumn,
@@ -65,6 +65,7 @@ import {AsyncPipe, CurrencyPipe} from '@angular/common';
     ],
     templateUrl: './products.component.html',
     styleUrl: './products.component.scss',
+    changeDetection: ChangeDetectionStrategy.Eager,
 })
 export class ProductsComponent extends NaturalAbstractList<ProductService> implements OnInit {
     protected readonly permissionsService = inject(PermissionsService);

client/app/admin/products/services/image.service.ts

@@ -1,5 +1,5 @@
 import {gql} from 'apollo-angular';
-import {Injectable} from '@angular/core';
+import {Service} from '@angular/core';
 import {NaturalAbstractModelService} from '@ecodev/natural';
 import {type CreateImage, type CreateImageVariables, type ImageInput} from '../../../shared/generated-types';
 import {userMetaFragment} from '../../../shared/queries/fragments';
@@ -16,9 +16,7 @@ export const createImageMutation = gql`
     ${userMetaFragment}
 `;
 
-@Injectable({
-    providedIn: 'root',
-})
+@Service()
 export class ImageService extends NaturalAbstractModelService<
     never,
     never,

client/app/admin/products/services/product.service.ts

@@ -1,4 +1,4 @@
-import {Injectable} from '@angular/core';
+import {Service} from '@angular/core';
 import {type ValidatorFn, Validators} from '@angular/forms';
 import {
     type FormAsyncValidators,
@@ -30,9 +30,7 @@ import {xorValidator} from '../../../shared/validators';
 import {createProduct, deleteProducts, productQuery, productsQuery, updateProduct} from './product.queries';
 import {type Observable} from 'rxjs';
 
-@Injectable({
-    providedIn: 'root',
-})
+@Service()
 export class ProductService extends NaturalAbstractModelService<
     ProductQuery['product'],
     ProductQueryVariables,

client/app/admin/sessions/services/session.service.ts

@@ -1,4 +1,4 @@
-import {Injectable} from '@angular/core';
+import {Service} from '@angular/core';
 import {Validators} from '@angular/forms';
 import {type FormValidators, type Literal, NaturalAbstractModelService} from '@ecodev/natural';
 import {
@@ -19,9 +19,7 @@ import {
 import {createSession, deleteSessions, sessionQuery, sessionsQuery, updateSession} from './session.queries';
 import {type Observable, of} from 'rxjs';
 
-@Injectable({
-    providedIn: 'root',
-})
+@Service()
 export class SessionService extends NaturalAbstractModelService<
     SessionQuery['session'],
     SessionQueryVariables,

client/app/admin/sessions/session/session.component.ts

@@ -11,7 +11,7 @@ import {
     NaturalStampComponent,
     NaturalTableButtonComponent,
 } from '@ecodev/natural';
-import {Component, inject, type OnInit} from '@angular/core';
+import {Component, inject, type OnInit, ChangeDetectionStrategy} from '@angular/core';
 import {FormArray, FormControl, FormsModule, ReactiveFormsModule} from '@angular/forms';
 import {UserService} from '../../users/services/user.service';
 import {SessionService} from '../services/session.service';
@@ -59,6 +59,7 @@ import {MatTab, MatTabGroup} from '@angular/material/tabs';
     ],
     templateUrl: './session.component.html',
     styleUrl: './session.component.scss',
+    changeDetection: ChangeDetectionStrategy.Eager,
 })
 export class SessionComponent extends NaturalAbstractDetail<SessionService, NaturalSeoResolveData> implements OnInit {
     protected readonly userService = inject(UserService);

client/app/admin/sessions/sessions/sessions.component.ts

@@ -1,4 +1,4 @@
-import {Component, inject, type OnInit} from '@angular/core';
+import {Component, inject, type OnInit, ChangeDetectionStrategy} from '@angular/core';
 import {RouterLink} from '@angular/router';
 import {
     type AvailableColumn,
@@ -61,6 +61,7 @@ import {AsyncPipe, DatePipe} from '@angular/common';
     ],
     templateUrl: './sessions.component.html',
     styleUrl: './sessions.component.scss',
+    changeDetection: ChangeDetectionStrategy.Eager,
 })
 export class SessionsComponent extends NaturalAbstractList<SessionService> implements OnInit {
     protected readonly permissionsService = inject(PermissionsService);