chore(*): finishing migration and fixing build

kdinev · kdinev · commit bddad941fdc5 · 2024-11-20T10:52:12.000+02:00
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -44,17 +44,17 @@
     "url": "git://github.com/IgniteUI/igniteui-angular-samples/repository.git"
   },
   "dependencies": {
-    "@angular/animations": "^19.0.0-rc.2",
-    "@angular/cdk": "^19.0.0-rc.2",
-    "@angular/common": "^19.0.0-rc.2",
-    "@angular/compiler": "^19.0.0-rc.2",
-    "@angular/core": "^19.0.0-rc.2",
-    "@angular/forms": "^19.0.0-rc.2",
-    "@angular/localize": "^19.0.0-rc.2",
-    "@angular/material": "^19.0.0-rc.2",
-    "@angular/platform-browser": "^19.0.0-rc.2",
-    "@angular/platform-browser-dynamic": "^19.0.0-rc.2",
-    "@angular/router": "^19.0.0-rc.2",
+    "@angular/animations": "^19.0.0",
+    "@angular/cdk": "^19.0.0",
+    "@angular/common": "^19.0.0",
+    "@angular/compiler": "^19.0.0",
+    "@angular/core": "^19.0.0",
+    "@angular/forms": "^19.0.0",
+    "@angular/localize": "^19.0.0",
+    "@angular/material": "^19.0.0",
+    "@angular/platform-browser": "^19.0.0",
+    "@angular/platform-browser-dynamic": "^19.0.0",
+    "@angular/router": "^19.0.0",
     "@igniteui/material-icons-extended": "^3.1.0",
     "@microsoft/signalr": "^7.0.12",
     "@ng-bootstrap/ng-bootstrap": "^17.0.0",
@@ -84,16 +84,16 @@
     }
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "^19.0.0-rc.2",
-    "@angular-eslint/builder": "^18.4.0",
-    "@angular-eslint/eslint-plugin": "^18.4.0",
-    "@angular-eslint/eslint-plugin-template": "^18.4.0",
-    "@angular-eslint/schematics": "^18.4.0",
-    "@angular-eslint/template-parser": "^18.4.0",
-    "@angular/cli": "^19.0.0-rc.2",
-    "@angular/compiler-cli": "^19.0.0-rc.2",
-    "@angular/language-service": "^19.0.0-rc.2",
-    "@igniteui/angular-schematics": "18.1.1410",
+    "@angular-devkit/build-angular": "^19.0.0",
+    "@angular-eslint/builder": "^18.4.1",
+    "@angular-eslint/eslint-plugin": "^18.4.1",
+    "@angular-eslint/eslint-plugin-template": "^18.4.1",
+    "@angular-eslint/schematics": "^18.4.1",
+    "@angular-eslint/template-parser": "^18.4.1",
+    "@angular/cli": "^19.0.0",
+    "@angular/compiler-cli": "^19.0.0",
+    "@angular/language-service": "^19.0.0",
+    "@igniteui/angular-schematics": "18.2.1423",
     "@juggle/resize-observer": "^3.3.1",
     "@types/jasmine": "^5.1.2",
     "@types/jasminewd2": "^2.0.13",
diff --git a/projects/app-crm/src/app/app.component.ts b/projects/app-crm/src/app/app.component.ts
@@ -6,7 +6,6 @@ import { AppRoutingModule } from './app-routing.module';
     selector: 'app-root',
     styleUrls: ['./app.component.scss'],
     templateUrl: './app.component.html',
-    standalone: true,
     imports: [AppRoutingModule]
 })
 export class AppComponent implements OnInit {
diff --git a/projects/app-lob/src/app/grid-dynamic-chart-data/data-analysis-dock-manager/data-analysis-dock-manager.component.ts b/projects/app-lob/src/app/grid-dynamic-chart-data/data-analysis-dock-manager/data-analysis-dock-manager.component.ts
@@ -8,14 +8,18 @@ import { DockSlotComponent } from './dock-slot/dock-slot.component';
 import { IgxGridComponent, IgxColumnComponent, IgxCellTemplateDirective, IgxDividerDirective, IgxBadgeComponent } from 'igniteui-angular';
 import { NgFor, NgIf, NgClass, DecimalPipe, TitleCasePipe, CurrencyPipe } from '@angular/common';
 
-@Pipe({ name: 'filterType' })
+@Pipe({
+    name: 'filterType'
+})
 export class FilterTypePipe implements PipeTransform {
     public transform(collection: CHART_TYPE[], type: string): CHART_TYPE[] {
         return collection.filter(types => types.indexOf(type) !== -1 && types.indexOf(type, type.length - 1) === -1);
     }
 }
 
-@Pipe({ name: 'hastDuplicateLayouts' })
+@Pipe({
+    name: 'hastDuplicateLayouts'
+})
 export class HastDuplicateLayouts implements PipeTransform {
     public transform(contentId: string, layout: IgcDockManagerLayout, chartTypes) {
         const count = this.hasDuplicateContentID(layout, contentId, 0);
diff --git a/projects/app-lob/src/app/grid-dynamic-chart-data/directives/chart-integration/chart-integration.directive.ts b/projects/app-lob/src/app/grid-dynamic-chart-data/directives/chart-integration/chart-integration.directive.ts
@@ -17,15 +17,17 @@ export interface IDeterminedChartTypesArgs {
     chartsForCreation: CHART_TYPE[];
 }
 
-@Directive({ 
+@Directive({
     // eslint-disable-next-line @angular-eslint/directive-selector
-    selector: '[chartHost]' })
+    selector: '[chartHost]'
+})
 export class ChartHostDirective {
     constructor(public viewContainerRef: ViewContainerRef) { }
 }
-@Directive({ 
+@Directive({
     // eslint-disable-next-line @angular-eslint/directive-selector
-    selector: '[chartIntegration]' })
+    selector: '[chartIntegration]'
+})
 export class ChartIntegrationDirective {
     @Input()
     public get chartData() {
diff --git a/projects/app-lob/src/app/grid-dynamic-chart-data/directives/conditional-formatting/conditional-formatting.directive.ts b/projects/app-lob/src/app/grid-dynamic-chart-data/directives/conditional-formatting/conditional-formatting.directive.ts
@@ -21,9 +21,10 @@ export interface IFormatColors {
     text: string;
 }
 
-@Directive({ 
+@Directive({
     // eslint-disable-next-line @angular-eslint/directive-selector
-    selector: '[conditionalFormatting]' })
+    selector: '[conditionalFormatting]'
+})
 export class ConditionalFormattingDirective implements AfterViewInit, OnDestroy {
     @Input()
     public formatter: string | ConditionalFormattingType;
diff --git a/projects/app-lob/src/app/grid-finjs-dock-manager/dock-slot.component.ts b/projects/app-lob/src/app/grid-finjs-dock-manager/dock-slot.component.ts
@@ -2,9 +2,10 @@
 import { AfterViewInit, Component, Directive, EventEmitter, HostBinding, Input, OnInit, OnDestroy, Output, ViewChild, ViewContainerRef } from '@angular/core';
 import { Subject } from 'rxjs';
 
-@Directive({ 
+@Directive({
     // eslint-disable-next-line @angular-eslint/directive-selector
-    selector: '[gridHost]' })
+    selector: '[gridHost]'
+})
 export class GridHostDirective {
     constructor(public viewContainerRef: ViewContainerRef) { }
 }
diff --git a/projects/app-lob/src/app/home/home.component.ts b/projects/app-lob/src/app/home/home.component.ts
@@ -3,7 +3,8 @@ import { Component } from '@angular/core';
 @Component({
     selector: 'app-home',
     styleUrls: ['./home.component.scss'],
-    templateUrl: './home.component.html'
+    templateUrl: './home.component.html',
+    standalone: false
 })
 export class HomeComponent {
     constructor() { }
diff --git a/src/app/data-display/icon/material-icons-extended/material-icons-extended.component.ts b/src/app/data-display/icon/material-icons-extended/material-icons-extended.component.ts
@@ -121,7 +121,9 @@ interface IIconsGroup {
     icons: IMXIcon[];
 }
 
-@Pipe({ name: 'categoriesFilter' })
+@Pipe({
+    name: 'categoriesFilter'
+})
 export class CategoriesFilterPipe implements PipeTransform {
     sortIcons(acc: IIconsGroup[], icon: IMXIcon): IIconsGroup[] {
         for (const category of icon.categories) {
@@ -158,7 +160,9 @@ export class CategoriesFilterPipe implements PipeTransform {
     }
 }
 
-@Pipe({ name: 'filterByName' })
+@Pipe({
+    name: 'filterByName'
+})
 export class FilterByName implements PipeTransform {
     transform(icons: IMXIcon[], keyword: string): IMXIcon[] {
         return icons.filter((icon) => {
diff --git a/src/app/data-display/mask/mask-sample-4/mask-sample-4.component.ts b/src/app/data-display/mask/mask-sample-4/mask-sample-4.component.ts
@@ -13,7 +13,9 @@ export class MaskSample4Component {
     public inputFormat = new InputFormatPipe();
 }
 
-@Pipe({ name: 'displayFormat' })
+@Pipe({
+    name: 'displayFormat'
+})
 export class DisplayFormatPipe implements PipeTransform {
     public transform(value: any): string {
         if (value !== null && value !== undefined) {
@@ -26,7 +28,9 @@ export class DisplayFormatPipe implements PipeTransform {
     }
 }
 
-@Pipe({ name: 'inputFormat' })
+@Pipe({
+    name: 'inputFormat'
+})
 export class InputFormatPipe implements PipeTransform {
     public transform(value: any): string {
         if (value !== null && value !== undefined) {
diff --git a/src/app/data-entries/autocomplete/autocomplete/autocomplete.component.ts b/src/app/data-entries/autocomplete/autocomplete/autocomplete.component.ts
@@ -22,7 +22,9 @@ export class AutocompleteBasicComponent {
     }
 }
 
-@Pipe({ name: 'startsWith' })
+@Pipe({
+    name: 'startsWith'
+})
 export class AutocompletePipeStartsWith implements PipeTransform {
     public transform(collection: any[], term = '') {
         return collection.filter((item) => item.toString().toLowerCase().startsWith(term.toString().toLowerCase()));
diff --git a/src/app/data-entries/dropdown/dropdown-multi-level-menu/multi-level.directive.ts b/src/app/data-entries/dropdown/dropdown-multi-level-menu/multi-level.directive.ts
@@ -11,7 +11,9 @@ import {
   VerticalAlignment
 } from 'igniteui-angular';
 
-@Directive({ selector: '[multiLevel]' })
+@Directive({
+    selector: '[multiLevel]'
+})
 export class MultiLevelDirective implements AfterViewInit, OnDestroy {
   @Input()
   public innerDropdown!: IgxDropDownComponent;
diff --git a/src/app/directives/prevent-scroll.directive.ts b/src/app/directives/prevent-scroll.directive.ts
@@ -1,9 +1,9 @@
-import { AfterViewInit, Directive, Host, Input, NgModule, Optional, OnDestroy, Inject } from '@angular/core';
+import { AfterViewInit, Directive, Host, Input, Optional, OnDestroy, Inject } from '@angular/core';
 import { GridType, IGX_GRID_BASE } from 'igniteui-angular';
 
-@Directive({ 
-    // eslint-disable-next-line @angular-eslint/directive-selector
-    selector: '[igxPreventDocumentScroll]' })
+@Directive({
+    selector: '[igxPreventDocumentScroll]'
+})
 export class IgxPreventDocumentScrollDirective implements AfterViewInit, OnDestroy {
     private _preventScroll = true;
     private gridBody: HTMLElement;
@@ -49,8 +49,3 @@ export class IgxPreventDocumentScrollDirective implements AfterViewInit, OnDestr
         return this.grid.tbody.nativeElement;
     }
 }
-
-/**
- * @hidden
- */
-
diff --git a/src/app/grid/grid-paste/paste-handler.directive.ts b/src/app/grid/grid-paste/paste-handler.directive.ts
@@ -2,7 +2,9 @@
 import { OnInit, Directive, EventEmitter, HostListener, Output} from '@angular/core';
 
 // eslint-disable-next-line @angular-eslint/directive-selector
-@Directive({ selector: '[paste-handler]' })
+@Directive({
+    selector: '[paste-handler]'
+})
 // eslint-disable-next-line @angular-eslint/directive-class-suffix
 export class PasteHandler implements OnInit{
     @Output()
diff --git a/src/app/home/home.component.ts b/src/app/home/home.component.ts
@@ -3,7 +3,8 @@ import { Component } from '@angular/core';
 @Component({
     selector: 'app-home',
     styleUrls: ['./home.component.scss'],
-    templateUrl: './home.component.html'
+    templateUrl: './home.component.html',
+    standalone: false
 })
 export class HomeComponent {
 
diff --git a/src/app/scheduling/datepicker/datepicker-sample-9/datepicker-sample-9.component.ts b/src/app/scheduling/datepicker/datepicker-sample-9/datepicker-sample-9.component.ts
@@ -1,13 +1,32 @@
 import { Component, OnInit, Pipe, PipeTransform, ViewChild, forwardRef } from '@angular/core';
-import { DateRangeType, IgxCalendarComponent, IgxDropDownComponent, IgxInputGroupComponent, IgxToggleActionDirective, IgxInputDirective, IgxAutocompleteDirective, IgxLabelDirective, IgxPrefixDirective, IgxIconComponent, IgxSuffixDirective, IgxIconButtonDirective, IgxDropDownItemComponent, IgxDropDownItemNavigationDirective, IgxButtonDirective } from 'igniteui-angular';
+import { IgxCalendarComponent, IgxDropDownComponent, IgxInputGroupComponent, IgxToggleActionDirective, IgxInputDirective, IgxAutocompleteDirective, IgxLabelDirective, IgxPrefixDirective, IgxIconComponent, IgxSuffixDirective, IgxIconButtonDirective, IgxDropDownItemComponent, IgxDropDownItemNavigationDirective, IgxButtonDirective, DateRangeType } from 'igniteui-angular';
 import { FormsModule } from '@angular/forms';
 import { NgFor } from '@angular/common';
 
 @Component({
     selector: 'app-datepicker-sample-9',
     styleUrls: ['./datepicker-sample-9.component.scss'],
     templateUrl: './datepicker-sample-9.component.html',
-    imports: [IgxInputGroupComponent, IgxToggleActionDirective, FormsModule, IgxInputDirective, IgxAutocompleteDirective, IgxLabelDirective, IgxPrefixDirective, IgxIconComponent, IgxSuffixDirective, IgxIconButtonDirective, IgxDropDownComponent, NgFor, IgxDropDownItemComponent, IgxDropDownItemNavigationDirective, IgxCalendarComponent, IgxButtonDirective, forwardRef(() => AutocompletePipeStartsWith), forwardRef(() => PipeWithoutTownFrom)]
+    imports: [
+        IgxInputGroupComponent,
+        IgxToggleActionDirective,
+        FormsModule,
+        IgxInputDirective,
+        IgxAutocompleteDirective,
+        IgxLabelDirective,
+        IgxPrefixDirective,
+        IgxIconComponent,
+        IgxSuffixDirective,
+        IgxIconButtonDirective,
+        IgxDropDownComponent,
+        NgFor,
+        IgxDropDownItemComponent,
+        IgxDropDownItemNavigationDirective,
+        IgxCalendarComponent,
+        IgxButtonDirective,
+        forwardRef(() => AutocompletePipeStartsWith),
+        forwardRef(() => PipeWithoutTownFrom)
+    ]
 })
 export class DatepickerSample9Component implements OnInit {
     @ViewChild('calendar', { static: true }) public calendar: IgxCalendarComponent;
@@ -95,14 +114,19 @@ export class DatepickerSample9Component implements OnInit {
         }
     }
 }
-@Pipe({ name: 'startsWith' })
+
+@Pipe({
+    name: 'startsWith'
+})
 export class AutocompletePipeStartsWith implements PipeTransform {
     public transform(collection: any[], term = '') {
         return collection.filter((item) => item.toString().toLowerCase().startsWith(term.toString().toLowerCase()));
     }
 }
 
-@Pipe({ name: 'withoutTownFrom' })
+@Pipe({
+    name: 'withoutTownFrom'
+})
 export class PipeWithoutTownFrom implements PipeTransform {
     public transform(collection: any[], townFrom: string) {
         return collection.filter((item) => item !== townFrom);
diff --git a/src/app/services/services.module.ts b/src/app/services/services.module.ts
@@ -21,29 +21,29 @@ import { TransactionBaseComponent } from './transaction/transaction-base/transac
 
 @NgModule({
     imports: [
-    CommonModule,
-    FormsModule,
-    ServicesRoutingModule,
-    IgxGridModule,
-    IgxTimePickerModule,
-    IgxTreeGridModule,
-    IgxListModule,
-    IgxCardModule,
-    IgxSelectModule,
-    IgxIconModule,
-    CsvExportComponent,
-    CsvExportSample1Component,
-    TreeGridCsvExportSample1Component,
-    ExcelExportComponent,
-    ExcelExportSample1Component,
-    TreeGridExcelExportSample1Component,
-    LocalizationSample1Component,
-    LocalizationSample2Component,
-    LocalizationSample3Component,
-    LocalizationAllResourcesComponent,
-    TransactionBaseComponent,
-    TransactionBasePipe
-],
+        CommonModule,
+        FormsModule,
+        ServicesRoutingModule,
+        IgxGridModule,
+        IgxTimePickerModule,
+        IgxTreeGridModule,
+        IgxListModule,
+        IgxCardModule,
+        IgxSelectModule,
+        IgxIconModule,
+        CsvExportComponent,
+        CsvExportSample1Component,
+        TreeGridCsvExportSample1Component,
+        ExcelExportComponent,
+        ExcelExportSample1Component,
+        TreeGridExcelExportSample1Component,
+        LocalizationSample1Component,
+        LocalizationSample2Component,
+        LocalizationSample3Component,
+        LocalizationAllResourcesComponent,
+        TransactionBaseComponent,
+        TransactionBasePipe
+    ],
     providers: [
         IgxTransactionService
     ]
diff --git a/src/app/tree-grid/tree-grid-validator-service-extended/tree-grid-validator-service-extended.component.ts b/src/app/tree-grid/tree-grid-validator-service-extended/tree-grid-validator-service-extended.component.ts
@@ -18,7 +18,6 @@ export function phoneFormatValidator(phoneReg: RegExp): ValidatorFn {
     selector: '[phoneFormat]',
     providers: [{ provide: NG_VALIDATORS, useExisting: TGridPhoneFormatDirective, multi: true }]
 })
-
 export class TGridPhoneFormatDirective extends Validators {
     @Input('phoneFormat')
     public phoneFormatString = '';

Original file line number	Diff line number	Diff line change
`@@ -121,7 +121,9 @@ interface IIconsGroup {`
`121`	`121`	`icons: IMXIcon[];`
`122`	`122`	`}`
`123`	`123`
`124`		`-@Pipe({ name: 'categoriesFilter' })`
	`124`	`+@Pipe({`
	`125`	`+ name: 'categoriesFilter'`
	`126`	`+})`
`125`	`127`	`export class CategoriesFilterPipe implements PipeTransform {`
`126`	`128`	`sortIcons(acc: IIconsGroup[], icon: IMXIcon): IIconsGroup[] {`
`127`	`129`	`for (const category of icon.categories) {`
`@@ -158,7 +160,9 @@ export class CategoriesFilterPipe implements PipeTransform {`
`158`	`160`	`}`
`159`	`161`	`}`
`160`	`162`
`161`		`-@Pipe({ name: 'filterByName' })`
	`163`	`+@Pipe({`
	`164`	`+ name: 'filterByName'`
	`165`	`+})`
`162`	`166`	`export class FilterByName implements PipeTransform {`
`163`	`167`	`transform(icons: IMXIcon[], keyword: string): IMXIcon[] {`
`164`	`168`	`return icons.filter((icon) => {`
Original file line number	Diff line number	Diff line change
`@@ -13,7 +13,9 @@ export class MaskSample4Component {`
`13`	`13`	`public inputFormat = new InputFormatPipe();`
`14`	`14`	`}`
`15`	`15`
`16`		`-@Pipe({ name: 'displayFormat' })`
	`16`	`+@Pipe({`
	`17`	`+ name: 'displayFormat'`
	`18`	`+})`
`17`	`19`	`export class DisplayFormatPipe implements PipeTransform {`
`18`	`20`	`public transform(value: any): string {`
`19`	`21`	`if (value !== null && value !== undefined) {`
`@@ -26,7 +28,9 @@ export class DisplayFormatPipe implements PipeTransform {`
`26`	`28`	`}`
`27`	`29`	`}`
`28`	`30`
`29`		`-@Pipe({ name: 'inputFormat' })`
	`31`	`+@Pipe({`
	`32`	`+ name: 'inputFormat'`
	`33`	`+})`
`30`	`34`	`export class InputFormatPipe implements PipeTransform {`
`31`	`35`	`public transform(value: any): string {`
`32`	`36`	`if (value !== null && value !== undefined) {`