feat(elements): Add excel and csv exporters to elements.

Author: skrustev

projects/igniteui-angular-elements/src/analyzer/elements.config.ts

@@ -262,6 +262,7 @@ export var registerConfig = [
       { name: "pinnedColumnsCount" },
       { name: "transactions" },
       { name: "lastSearchInfo" },
+      { name: "type" },
       { name: "filteredData" },
       { name: "filteredSortedData" },
       { name: "validation" },
@@ -549,6 +550,7 @@ export var registerConfig = [
     additionalProperties: [
       { name: "foreignKey" },
       { name: "selectedCells" },
+      { name: "type" },
       { name: "gridAPI", writable: true },
       { name: "navigation", writable: true },
       { name: "shouldGenerate", writable: true },
@@ -733,8 +735,10 @@ export var registerConfig = [
     ],
     additionalProperties: [
       { name: "dimensionsSortingExpressions" },
+      { name: "type" },
       { name: "navigation", writable: true },
       { name: "allDimensions" },
+      { name: "visibleRowDimensions", writable: true },
       { name: "rowList" },
       { name: "dataRowList" },
       { name: "lastSearchInfo" },
@@ -860,6 +864,7 @@ export var registerConfig = [
     ],
     additionalProperties: [
       { name: "rowIslandAPI", writable: true },
+      { name: "type" },
       { name: "gridAPI", writable: true },
       { name: "navigation", writable: true },
       { name: "shouldGenerate", writable: true },

projects/igniteui-angular-elements/src/analyzer/utils.ts

@@ -71,10 +71,11 @@ export function isMethod(symbol: ts.Symbol): boolean {
 }
 
 export function isPublic(symbol: ts.Symbol) {
-    const tags = new Set(['hidden', 'internal']);
+    const nonPublicTags = new Set(['hidden', 'internal']);
+    const elementsShowTags = new Set(['exportElements']);
     if (!(symbol && symbol.valueDeclaration)) return false;
     if ((ts.getCombinedModifierFlags(symbol.valueDeclaration) & ts.ModifierFlags.Public) !== ts.ModifierFlags.None) {
-        return !symbol.getJsDocTags().some(({ name }) => tags.has(name));
+        return !symbol.getJsDocTags().some(({ name }) => nonPublicTags.has(name)) || symbol.getJsDocTags().some(({ name }) => elementsShowTags.has(name));
     }
     return false;
 }

projects/igniteui-angular-elements/src/lib/csv-exporter.ts

@@ -0,0 +1,10 @@
+import { IgxCsvExporterOptions, IgxCsvExporterService } from 'igniteui-angular';
+import { IgcNgElement } from '../app/custom-strategy';
+
+export class IgcCsvExporterService extends IgxCsvExporterService {
+    public override export(grid: any, options: IgxCsvExporterOptions): void {
+        const elementGrid = grid as IgcNgElement;
+        const gridRef = (elementGrid.ngElementStrategy as any)?.componentRef?.instance;
+        super.export(gridRef, options);
+    }
+}

projects/igniteui-angular-elements/src/lib/excel-exporter.ts

@@ -0,0 +1,10 @@
+import { IgxExcelExporterOptions, IgxExcelExporterService } from 'igniteui-angular';
+import { IgcNgElement } from '../app/custom-strategy';
+
+export class IgcExcelExporterService extends IgxExcelExporterService {
+    public override export(grid: any, options: IgxExcelExporterOptions): void {
+        const elementGrid = grid as IgcNgElement;
+        const gridRef = (elementGrid.ngElementStrategy as any)?.componentRef?.instance;
+        super.export(gridRef, options);
+    }
+}

projects/igniteui-angular-elements/src/public_api.ts

@@ -12,6 +12,10 @@ import { IgxPivotDateDimension } from 'projects/igniteui-angular/src/lib/grids/p
 import { PivotDimensionType } from 'projects/igniteui-angular/src/lib/grids/pivot-grid/pivot-grid.interface';
 import { IgxDateSummaryOperand, IgxNumberSummaryOperand, IgxSummaryOperand, IgxTimeSummaryOperand } from 'projects/igniteui-angular/src/lib/grids/summaries/grid-summary';
 import { HorizontalAlignment, VerticalAlignment } from 'projects/igniteui-angular/src/lib/services/overlay/utilities';
+import { IgxExcelExporterOptions } from 'igniteui-angular/src/lib/services/excel/excel-exporter-options';
+import { CsvFileTypes, IgxCsvExporterOptions } from 'igniteui-angular/src/lib/services/csv/csv-exporter-options';
+import { IgcExcelExporterService } from './lib/excel-exporter';
+import { IgcCsvExporterService } from './lib/csv-exporter';
 
 
 /** Export Public API, TODO: reorganize, Generate all w/ renames? */
@@ -54,4 +58,10 @@ export {
     // overlay position settings (used in grids, paginator, toolbar)
     HorizontalAlignment,
     VerticalAlignment,
+
+    IgxExcelExporterOptions as IgcExcelExporterOptions,
+    IgxCsvExporterOptions as IgcCsvExporterOptions,
+    IgcExcelExporterService,
+    IgcCsvExporterService,
+    CsvFileTypes
 }

projects/igniteui-angular/src/lib/grids/grid-base.directive.ts

@@ -3036,7 +3036,7 @@ export abstract class IgxGridBaseDirective implements GridType,
     */
     public EMPTY_DATA = [];
 
-    /** @hidden @internal */
+    /** @hidden @internal @exportElements */
     public get type(): GridType["type"] {
         return 'flat';
     }

projects/igniteui-angular/src/lib/grids/hierarchical-grid/hierarchical-grid-base.directive.ts

@@ -92,7 +92,7 @@ export abstract class IgxHierarchicalGridBaseDirective extends IgxGridBaseDirect
     @Output()
     public dataPreLoad = new EventEmitter<IForOfState>();
 
-    /** @hidden @internal */
+    /** @hidden @internal @exportElements */
     public override get type(): GridType["type"] {
         return 'hierarchical';
     }

projects/igniteui-angular/src/lib/grids/pivot-grid/pivot-grid.component.ts

@@ -649,7 +649,7 @@ export class IgxPivotGridComponent extends IgxGridBaseDirective implements OnIni
     public get pivotKeys() {
         return this.pivotConfiguration.pivotKeys || DEFAULT_PIVOT_KEYS;
     }
-    /** @hidden @internal */
+    /** @hidden @internal @exportElements */
     public override get type(): GridType["type"] {
         return 'pivot';
     }
@@ -1315,7 +1315,7 @@ export class IgxPivotGridComponent extends IgxGridBaseDirective implements OnIni
         return this.pivotConfiguration.rows?.filter(x => x.enabled) || [];
     }
 
-    /** @hidden @internal */
+    /** @hidden @internal @exportElements */
     public set visibleRowDimensions(value: IPivotDimension[]) {
         this._visibleRowDimensions = value;
     }

projects/igniteui-angular/src/lib/services/csv/csv-exporter-options.ts

@@ -1,5 +1,6 @@
 import { IgxExporterOptionsBase } from '../exporter-common/exporter-options-base';
 
+/* csSuppress */
 /**
  * Objects of this class are used to configure the CSV exporting process.
  */

projects/igniteui-angular/src/lib/services/csv/csv-exporter.ts

@@ -5,10 +5,12 @@ import { CharSeparatedValueData } from './char-separated-value-data';
 import { CsvFileTypes, IgxCsvExporterOptions } from './csv-exporter-options';
 import { IBaseEventArgs } from '../../core/utils';
 
+/* csSuppress */
 export interface ICsvExportEndedEventArgs extends IBaseEventArgs {
     csvData?: string;
 }
 
+/* csSuppress */
 /**
  * **Ignite UI for Angular CSV Exporter Service** -
  * [Documentation](https://www.infragistics.com/products/ignite-ui-angular/angular/components/exporter-csv)