fix(*): applying changes from alpha 7

package.json

@@ -71,11 +71,11 @@
     "express": "^4.18.2",
     "file-saver": "^2.0.2",
     "hammerjs": "^2.0.8",
-    "igniteui-angular": "^21.0.0-alpha.6",
+    "igniteui-angular": "^21.0.0-alpha.7",
     "igniteui-angular-charts": "^20.2.0",
     "igniteui-angular-core": "^20.2.0",
     "igniteui-angular-extras": "^20.0.2",
-    "igniteui-angular-i18n": "^21.0.0-alpha.6",
+    "igniteui-angular-i18n": "^21.0.0-alpha.7",
     "igniteui-dockmanager": "^1.17.0",
     "igniteui-grid-lite": "^0.0.1",
     "igniteui-live-editing": "^3.2.0",
@@ -107,8 +107,8 @@
       "@angular/compiler": "^21.0.0"
     },
     "igniteui-angular-extras": {
-      "igniteui-angular": "^21.0.0-alpha.6",
-      "@infragistics/igniteui-angular": "^21.0.0-alpha.6",
+      "igniteui-angular": "^21.0.0-alpha.7",
+      "@infragistics/igniteui-angular": "^21.0.0-alpha.7",
       "@angular/core": "^21.0.0",
       "@angular/common": "^21.0.0",
       "@angular/animations": "^21.0.0"

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

@@ -1,8 +1,8 @@
 /* eslint-disable no-underscore-dangle */
 import { AfterViewInit, Component, ElementRef, OnInit, QueryList, ViewChild, inject } from '@angular/core';
 import { ActivatedRoute } from '@angular/router';
-import { CloseScrollStrategy, ConnectedPositioningStrategy, HorizontalAlignment, IColumnExportingEventArgs, IgxCsvExporterService, IgxExcelExporterService, IgxSummaryResult, OverlaySettings, PositionSettings, VerticalAlignment } from 'igniteui-angular/core';
-import { CellType, GridSelectionMode, IgxCellTemplateDirective, IgxColumnComponent, IgxDateSummaryOperand, IgxGridToolbarActionsComponent, IgxGridToolbarComponent, IgxGridToolbarExporterComponent, IgxGridToolbarHidingComponent, IgxGridToolbarPinningComponent, IgxGridToolbarTitleComponent, IgxNumberSummaryOperand } from 'igniteui-angular/grids/core';
+import { CloseScrollStrategy, ConnectedPositioningStrategy, HorizontalAlignment, IgxSummaryResult, OverlaySettings, PositionSettings, VerticalAlignment } from 'igniteui-angular/core';
+import { CellType, GridSelectionMode, IgxCellTemplateDirective, IgxColumnComponent, IgxDateSummaryOperand, IgxGridToolbarActionsComponent, IgxGridToolbarComponent, IgxGridToolbarExporterComponent, IgxGridToolbarHidingComponent, IgxGridToolbarPinningComponent, IgxGridToolbarTitleComponent, IgxNumberSummaryOperand, IColumnExportingEventArgs, IgxCsvExporterService, IgxExcelExporterService } from 'igniteui-angular/grids/core';
 import { IgxGridComponent } from 'igniteui-angular/grids/grid';
 import { IgxIconButtonDirective, IgxRippleDirective, IgxToggleDirective } from 'igniteui-angular/directives';
 import { IgxInputDirective, IgxInputGroupComponent, IgxPrefixDirective, IgxSuffixDirective } from 'igniteui-angular/input-group';

projects/app-lob/src/app/tree-grid/tree-grid-childdatakey-sample/tree-grid-childdatakey-sample.component.ts

@@ -1,6 +1,5 @@
 import { Component, OnInit, inject } from '@angular/core';
-import { GridSelectionMode, IgxCSVTextDirective, IgxCellTemplateDirective, IgxColumnComponent, IgxExcelTextDirective, IgxGridToolbarActionsComponent, IgxGridToolbarComponent, IgxGridToolbarExporterComponent, IgxGridToolbarHidingComponent, IgxGridToolbarPinningComponent, IgxGridToolbarTitleComponent } from 'igniteui-angular/grids/core';
-import { IColumnExportingEventArgs, IgxCsvExporterService, IgxExcelExporterService } from 'igniteui-angular/core';
+import { GridSelectionMode, IgxCSVTextDirective, IgxCellTemplateDirective, IgxColumnComponent, IgxExcelTextDirective, IgxGridToolbarActionsComponent, IgxGridToolbarComponent, IgxGridToolbarExporterComponent, IgxGridToolbarHidingComponent, IgxGridToolbarPinningComponent, IgxGridToolbarTitleComponent, IColumnExportingEventArgs, IgxCsvExporterService, IgxExcelExporterService } from 'igniteui-angular/grids/core';
 import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid';
 import { IgxPaginatorComponent } from 'igniteui-angular/paginator';
 import { EMPLOYEE_DATA } from './data';

src/app/grid/grid-paste/grid-paste-sample.component.ts

@@ -1,9 +1,8 @@
 import { Component, ViewChild, inject } from '@angular/core';
-import { IgxExcelExporterOptions, IgxExcelExporterService } from 'igniteui-angular/core';
 import { IgxGridComponent } from 'igniteui-angular/grids/grid';
 import { IgxButtonDirective, IgxToggleActionDirective } from 'igniteui-angular/directives';
 import { IgxDropDownComponent, IgxDropDownItemComponent, IgxDropDownItemNavigationDirective } from 'igniteui-angular/drop-down';
-import { IgxColumnComponent } from 'igniteui-angular/grids/core';
+import { IgxColumnComponent, IgxExcelExporterOptions, IgxExcelExporterService } from 'igniteui-angular/grids/core';
 
 import { EXCEL_DATA, LOCAL_DATA } from './data';
 

src/app/grid/grid-summary-export/grid-summary-export.component.ts

@@ -1,7 +1,14 @@
 import { Component, ViewChild, inject } from '@angular/core';
-import { ColumnType, IgxExcelExporterOptions, IgxExcelExporterService, IgxSummaryResult } from 'igniteui-angular/core';
+import { ColumnType, IgxSummaryResult } from 'igniteui-angular/core';
 import { IgxGridComponent } from 'igniteui-angular/grids/grid';
-import { IgxCellHeaderTemplateDirective, IgxCellTemplateDirective, IgxColumnComponent, IgxNumberSummaryOperand } from 'igniteui-angular/grids/core';
+import {
+    IgxCellHeaderTemplateDirective,
+    IgxCellTemplateDirective,
+    IgxColumnComponent,
+    IgxNumberSummaryOperand,
+    IgxExcelExporterOptions,
+    IgxExcelExporterService
+} from 'igniteui-angular/grids/core';
 import { IgxButtonDirective } from 'igniteui-angular/directives';
 import { IgxIconComponent } from 'igniteui-angular/icon';
 import { DATA } from '../../data/nwindData';

src/app/grid/grid-toolbar-sample/grid-toolbar-sample-3.component.ts

@@ -1,6 +1,18 @@
 import { Component } from '@angular/core';
-import { CsvFileTypes, IColumnExportingEventArgs, IgxCsvExporterOptions, IgxExcelExporterOptions, IgxExporterOptionsBase } from 'igniteui-angular/core';
-import { IGridToolbarExportEventArgs, IgxCellTemplateDirective, IgxColumnComponent, IgxGridToolbarActionsComponent, IgxGridToolbarComponent, IgxGridToolbarExporterComponent, IgxGridToolbarTitleComponent } from 'igniteui-angular/grids/core';
+import {
+    CsvFileTypes,
+    IColumnExportingEventArgs,
+    IgxCsvExporterOptions,
+    IgxExcelExporterOptions,
+    IgxExporterOptionsBase,
+    IGridToolbarExportEventArgs,
+    IgxCellTemplateDirective,
+    IgxColumnComponent,
+    IgxGridToolbarActionsComponent,
+    IgxGridToolbarComponent,
+    IgxGridToolbarExporterComponent,
+    IgxGridToolbarTitleComponent
+} from 'igniteui-angular/grids/core';
 import { IgxGridComponent } from 'igniteui-angular/grids/grid';
 import { IgxAvatarComponent } from 'igniteui-angular/avatar';
 import { athletesData } from '../../data/athletesData';
@@ -22,8 +34,8 @@ export class GridToolbarSample3Component {
 
     public configureExport(args: IGridToolbarExportEventArgs) {
         // You can customize the exporting from this event
-        const options: IgxExporterOptionsBase = args.options ;
-        
+        const options: IgxExporterOptionsBase = args.options;
+
         options.fileName = `Report_${new Date().toDateString()}`;
 
         if (options instanceof IgxExcelExporterOptions) {
@@ -38,7 +50,7 @@ export class GridToolbarSample3Component {
         args.exporter.columnExporting.subscribe((columnArgs: IColumnExportingEventArgs) => {
             // Don't export image fields
             columnArgs.cancel = columnArgs.header === 'Athlete' ||
-                                columnArgs.header === 'Country';
+                columnArgs.header === 'Country';
         });
     }
 }

src/app/hierarchical-grid/hgrid-summary-export/hgrid-summary-export.component.ts

@@ -1,30 +1,30 @@
-import { Component, OnInit, ViewChild, inject } from '@angular/core';
+import { Component, ViewChild, inject } from '@angular/core';
 import { SINGERS } from '../../data/singersData';
-import { IgxExcelExporterOptions, IgxExcelExporterService, IgxSummaryResult } from 'igniteui-angular/core';
+import { IgxSummaryResult } from 'igniteui-angular/core';
 import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid';
-import { IgxCellTemplateDirective, IgxColumnComponent, IgxNumberSummaryOperand } from 'igniteui-angular/grids/core';
+import { IgxCellTemplateDirective, IgxColumnComponent, IgxNumberSummaryOperand, IgxExcelExporterOptions, IgxExcelExporterService } from 'igniteui-angular/grids/core';
 import { IgxButtonDirective } from 'igniteui-angular/directives';
 import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scroll.directive';
 
-class MySummary  {
+class MySummary {
     public operate(data?: any[]): IgxSummaryResult[] {
         const result = [];
         result.push(
-        {
-            key: 'min',
-            label: 'Min',
-            summaryResult: IgxNumberSummaryOperand.min(data)
-        },
-        {
-            key: 'max',
-            label: 'Max',
-            summaryResult: IgxNumberSummaryOperand.max(data)
-        },
-        {
-          key: 'avg',
-          label: 'Avg',
-          summaryResult: IgxNumberSummaryOperand.average(data)
-        });
+            {
+                key: 'min',
+                label: 'Min',
+                summaryResult: IgxNumberSummaryOperand.min(data)
+            },
+            {
+                key: 'max',
+                label: 'Max',
+                summaryResult: IgxNumberSummaryOperand.max(data)
+            },
+            {
+                key: 'avg',
+                label: 'Avg',
+                summaryResult: IgxNumberSummaryOperand.average(data)
+            });
         return result;
     }
 }
@@ -33,11 +33,11 @@ class MyChildSummary {
     public operate(data?: any[]): IgxSummaryResult[] {
         const result = [];
         result.push(
-        {
-            key: 'count',
-            label: 'Count',
-            summaryResult: IgxNumberSummaryOperand.count(data)
-        });
+            {
+                key: 'count',
+                label: 'Count',
+                summaryResult: IgxNumberSummaryOperand.count(data)
+            });
         return result;
     }
 }

src/app/pivot-grid/pivot-export/pivot-export.component.ts

@@ -1,7 +1,6 @@
 import { Component, ViewChild, inject } from "@angular/core";
 
-import { IPivotConfiguration, IgxPivotDateDimension, IgxPivotNumericAggregate, PivotAggregation } from 'igniteui-angular/grids/core';
-import { IgxExcelExporterOptions, IgxExcelExporterService } from 'igniteui-angular/core';
+import { IPivotConfiguration, IgxPivotDateDimension, IgxPivotNumericAggregate, PivotAggregation, IgxExcelExporterOptions, IgxExcelExporterService } from 'igniteui-angular/grids/core';
 import { IgxPivotGridComponent } from 'igniteui-angular/grids/pivot-grid';
 import { IgxButtonDirective } from 'igniteui-angular/directives';
 import { SALES_DATA } from "../../data/dataToAnalyze";

src/app/services/export-csv/csv-export-sample-1/csv-export-sample-1.component.ts

@@ -1,9 +1,8 @@
 /* eslint-disable @typescript-eslint/naming-convention */
 import { Component, ViewChild, inject } from '@angular/core';
 
-import { CsvFileTypes, IgxCsvExporterOptions, IgxCsvExporterService } from 'igniteui-angular/core';
 import { IgxGridComponent } from 'igniteui-angular/grids/grid';
-import { IgxGridToolbarActionsComponent, IgxGridToolbarComponent, IgxGridToolbarExporterComponent } from 'igniteui-angular/grids/core';
+import { IgxGridToolbarActionsComponent, IgxGridToolbarComponent, IgxGridToolbarExporterComponent, IgxCsvExporterService } from 'igniteui-angular/grids/core';
 import { IgxPreventDocumentScrollDirective } from '../../../directives/prevent-scroll.directive';
 
 @Component({

src/app/services/export-csv/csv-export.component.ts

@@ -1,7 +1,7 @@
 /* eslint-disable @typescript-eslint/naming-convention */
 import { Component, inject } from '@angular/core';
 
-import { CsvFileTypes, IgxCsvExporterOptions, IgxCsvExporterService } from 'igniteui-angular/core';
+import { CsvFileTypes, IgxCsvExporterOptions, IgxCsvExporterService } from 'igniteui-angular/grids/core';
 
 @Component({
     selector: 'app-csv-export',

src/app/services/export-excel/excel-export-sample-1/excel-export-sample-1.component.ts

@@ -1,7 +1,7 @@
 import { Component, OnInit, ViewChild, inject } from '@angular/core';
-import { GridColumnDataType, ISortingExpression, IgxExcelExporterService, SortingDirection } from 'igniteui-angular/core';
+import { GridColumnDataType, ISortingExpression, SortingDirection } from 'igniteui-angular/core';
 import { IgxGridComponent } from 'igniteui-angular/grids/grid';
-import { IgxColumnComponent, IgxGridToolbarActionsComponent, IgxGridToolbarComponent, IgxGridToolbarExporterComponent } from 'igniteui-angular/grids/core';
+import { IgxColumnComponent, IgxGridToolbarActionsComponent, IgxGridToolbarComponent, IgxGridToolbarExporterComponent, IgxExcelExporterService } from 'igniteui-angular/grids/core';
 import { INVOICE_DATA } from '../data/invoiceData';
 
 

src/app/services/export-excel/excel-export.component.ts

@@ -1,7 +1,7 @@
 /* eslint-disable @typescript-eslint/naming-convention */
 import { Component, inject } from '@angular/core';
 
-import { IgxExcelExporterOptions, IgxExcelExporterService } from 'igniteui-angular/core';
+import { IgxExcelExporterOptions, IgxExcelExporterService } from 'igniteui-angular/grids/core';
 
 @Component({
     selector: 'app-excel-export',

src/app/tree-grid/tree-grid-summary-export/tree-grid-summary-export.component.ts

@@ -1,8 +1,8 @@
 import { Component, ViewChild, inject } from '@angular/core';
-import { ColumnType, IgxExcelExporterOptions, IgxExcelExporterService } from 'igniteui-angular/core';
+import { ColumnType } from 'igniteui-angular/core';
 import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid';
 import { IgxButtonDirective } from 'igniteui-angular/directives';
-import { IgxCellHeaderTemplateDirective, IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core';
+import { IgxCellHeaderTemplateDirective, IgxCellTemplateDirective, IgxColumnComponent, IgxExcelExporterOptions, IgxExcelExporterService } from 'igniteui-angular/grids/core';
 import { IgxIconComponent } from 'igniteui-angular/icon';
 import { ORDERS_DATA } from '../data/orders';
 import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scroll.directive';

src/app/tree-grid/tree-grid-toolbar-sample-2/tree-grid-toolbar-sample-2.component.ts

@@ -1,6 +1,18 @@
 import { Component } from '@angular/core';
-import { CsvFileTypes, IColumnExportingEventArgs, IgxCsvExporterOptions, IgxExcelExporterOptions, IgxExporterOptionsBase } from 'igniteui-angular/core';
-import { IGridToolbarExportEventArgs, IgxCellTemplateDirective, IgxColumnComponent, IgxGridToolbarActionsComponent, IgxGridToolbarComponent, IgxGridToolbarExporterComponent, IgxGridToolbarTitleComponent } from 'igniteui-angular/grids/core';
+import {
+    CsvFileTypes,
+    IColumnExportingEventArgs,
+    IgxCsvExporterOptions,
+    IgxExcelExporterOptions,
+    IgxExporterOptionsBase,
+    IGridToolbarExportEventArgs,
+    IgxCellTemplateDirective,
+    IgxColumnComponent,
+    IgxGridToolbarActionsComponent,
+    IgxGridToolbarComponent,
+    IgxGridToolbarExporterComponent,
+    IgxGridToolbarTitleComponent
+} from 'igniteui-angular/grids/core';
 import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid';
 import { IgxAvatarComponent } from 'igniteui-angular/avatar';
 import { EMPLOYEE_FLAT_AVATARS_DATA } from '../data/employees-flat-avatars';