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

Author: damyanpetev

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

@@ -1,5 +1,5 @@
 
-import { Component, HostListener, Inject, OnInit, DOCUMENT } from '@angular/core';
+import { Component, HostListener, OnInit, DOCUMENT, inject } from '@angular/core';
 import { ActivatedRoute, NavigationEnd, Router, RouterOutlet } from '@angular/router';
 import { filter, map, mergeMap } from 'rxjs/operators';
 import { SEOService } from './seo.service';
@@ -11,15 +11,17 @@ import { SEOService } from './seo.service';
     imports: [RouterOutlet]
 })
 export class AppComponent implements OnInit {
+    private document = inject<Document>(DOCUMENT);
+    private router = inject(Router);
+    private activatedRoute = inject(ActivatedRoute);
+    private seoService = inject(SEOService);
+
     public title = 'app-lob';
     private theme = 'default-theme';
     private styleElem: HTMLStyleElement;
     private typefacesLoaded = ['Titillium Web', 'Roboto'];
     private typefaceUrl = 'https://fonts.googleapis.com/css?family=';
 
-    constructor(@Inject(DOCUMENT) private document: Document, private router: Router,
-        private activatedRoute: ActivatedRoute, private seoService: SEOService) { }
-
     public ngOnInit() {
         this.router.events.pipe(
             filter((event) => event instanceof NavigationEnd),

projects/app-lob/src/app/grid-dynamic-chart-data/data-analysis-dock-manager/data-analysis-dock-manager.component.ts

@@ -1,5 +1,5 @@
 /* eslint-disable max-len */
-import { AfterViewInit, ChangeDetectorRef, ViewContainerRef, Component, CUSTOM_ELEMENTS_SCHEMA, ElementRef, OnInit, Pipe, PipeTransform, QueryList, ViewChild, ViewChildren, TemplateRef } from '@angular/core';
+import { AfterViewInit, ChangeDetectorRef, ViewContainerRef, Component, CUSTOM_ELEMENTS_SCHEMA, ElementRef, OnInit, Pipe, PipeTransform, QueryList, ViewChild, ViewChildren, TemplateRef, inject } from '@angular/core';
 import { IgxChartIntegrationDirective, IgxConditionalFormattingDirective, IgxContextMenuDirective, OPTIONS_TYPE, CHART_TYPE, IDeterminedChartTypesArgs } from 'igniteui-angular-extras';
 import { IgcDockManagerLayout, IgcDockManagerPaneType, IgcSplitPane, IgcSplitPaneOrientation } from 'igniteui-dockmanager';
 import { FinancialData } from '../../data/financialData';
@@ -58,6 +58,9 @@ export class HastDuplicateLayouts implements PipeTransform {
     schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class DataAnalysisDockManagerComponent implements OnInit, AfterViewInit {
+    private cdr = inject(ChangeDetectorRef);
+    private paneService = inject(FloatingPanesService);
+
     @ViewChild('grid', { read: IgxGridComponent, static: true })
     public grid: IgxGridComponent;
 
@@ -81,8 +84,6 @@ export class DataAnalysisDockManagerComponent implements OnInit, AfterViewInit {
     public headersRenderButton = false;
     public chartTypes = ['Column', 'Area', 'Bar', 'Line', 'Scatter', 'Pie'];
 
-    constructor(private cdr: ChangeDetectorRef, private paneService: FloatingPanesService) { }
-
     public ngOnInit() {
         this.data = FinancialData.generateData(1000);
     }