refactor(crm): ng generate @angular/core:inject migration

Author: damyanpetev

projects/app-crm/src/app/app.component.ts

@@ -1,4 +1,4 @@
-import { Component, Inject, OnInit, DOCUMENT } from '@angular/core';
+import { Component, OnInit, DOCUMENT, inject } from '@angular/core';
 import { SEOService } from '../../../app-lob/src/app/seo.service';
 import { RouterOutlet } from '@angular/router';
 
@@ -10,12 +10,13 @@ import { RouterOutlet } from '@angular/router';
     imports: [RouterOutlet]
 })
 export class AppComponent implements OnInit {
+    private seoService = inject(SEOService);
+    private document = inject<Document>(DOCUMENT);
+
     private title = 'Business propeller - Angular Data Grid Example';
     // eslint-disable-next-line max-len
     private metaDesc = 'In this angular grid example, you can see how users can customize their data view by leveraging the various features built into the grid.';
 
-    constructor(private seoService: SEOService, @Inject(DOCUMENT) private document: Document) { }
-
     public ngOnInit() {
         this.seoService.updateHeadProperties(this.title, this.metaDesc, this.document.defaultView.location.href);
     }

projects/app-crm/src/app/grid-crm/grid-crm.component.ts

@@ -1,12 +1,5 @@
 /* eslint-disable no-underscore-dangle */
-import {
-    AfterViewInit,
-    Component,
-    ElementRef,
-    OnInit,
-    QueryList,
-    ViewChild
-} from '@angular/core';
+import { AfterViewInit, Component, ElementRef, OnInit, QueryList, ViewChild, inject } from '@angular/core';
 import { ActivatedRoute } from '@angular/router';
 import { CloseScrollStrategy, ConnectedPositioningStrategy, HorizontalAlignment, IColumnExportingEventArgs, IgxColumnComponent, IgxCsvExporterService, IgxDateSummaryOperand, IgxExcelExporterService, IgxGridComponent, IgxNumberSummaryOperand, IgxSummaryResult, IgxToggleDirective, OverlaySettings, PositionSettings, VerticalAlignment, CellType, GridSelectionMode, IgxGridToolbarComponent, IgxGridToolbarActionsComponent, IgxGridToolbarHidingComponent, IgxGridToolbarPinningComponent, IgxGridToolbarExporterComponent, IgxGridToolbarTitleComponent, IgxInputGroupComponent, IgxPrefixDirective, IgxIconComponent, IgxInputDirective, IgxSuffixDirective, IgxIconButtonDirective, IgxRippleDirective, IgxCellTemplateDirective, IgxAvatarComponent, IgxLinearProgressBarComponent } from 'igniteui-angular';
 import { data, Employee } from './data';
@@ -78,6 +71,10 @@ class SoonSummary extends IgxDateSummaryOperand {
     imports: [NgClass, IgxGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxGridToolbarActionsComponent, IgxGridToolbarHidingComponent, IgxGridToolbarPinningComponent, IgxGridToolbarExporterComponent, IgxGridToolbarTitleComponent, IgxInputGroupComponent, IgxPrefixDirective, IgxIconComponent, FormsModule, IgxInputDirective, IgxSuffixDirective, IgxIconButtonDirective, IgxRippleDirective, IgxColumnComponent, IgxCellTemplateDirective, IgxAvatarComponent, IgxLinearProgressBarComponent]
 })
 export class GridCRMComponent implements OnInit, AfterViewInit {
+    private csvExporter = inject(IgxCsvExporterService);
+    private excelExporter = inject(IgxExcelExporterService);
+    private activatedRoute = inject(ActivatedRoute);
+
 
     @ViewChild('grid1', { read: IgxGridComponent, static: true })
     public grid1!: IgxGridComponent;
@@ -117,10 +114,7 @@ export class GridCRMComponent implements OnInit, AfterViewInit {
         scrollStrategy: new CloseScrollStrategy()
     };
 
-    constructor(
-        private csvExporter: IgxCsvExporterService,
-        private excelExporter: IgxExcelExporterService,
-        private activatedRoute: ActivatedRoute) {
+    constructor() {
 
         const exporterCb = (args: IColumnExportingEventArgs) => {
             if (args.field === 'Deals') { args.cancel = true; }