igniteui-angular-extras 20.0.2 → 21.2.0-beta.1

package/migrations/migration-collection.json

@@ -1,4 +1,11 @@
-{
-    "$schema": "../../../node_modules/@angular-devkit/schematics/collection-schema.json",
-    "schematics": {}
+{
+    "$schema": "../../../node_modules/@angular-devkit/schematics/collection-schema.json",
+    "encapsulation": true,
+    "schematics": {
+        "migration-01": {
+            "version": "21.0.0",
+            "description": "Renames enum members to PascalCase and output properties to follow Angular naming conventions",
+            "factory": "./update-1_0_0"
+        }
+    }
 }

package/migrations/update-1_0_0/index.d.ts

@@ -0,0 +1,3 @@
+import type { Rule } from '@angular-devkit/schematics';
+declare const _default: () => Rule;
+export default _default;

package/migrations/update-1_0_0/index.js

@@ -0,0 +1,113 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const version = '1.0.0';
+/** Map of old enum member names to new names (prefixed with enum name for specificity) */
+const CHART_TYPE_RENAMES = {
+    'CHART_TYPE.PIE': 'CHART_TYPE.Pie',
+    'CHART_TYPE.COLUMN_GROUPED': 'CHART_TYPE.ColumnGrouped',
+    'CHART_TYPE.AREA_GROUPED': 'CHART_TYPE.AreaGrouped',
+    'CHART_TYPE.LINE_GROUPED': 'CHART_TYPE.LineGrouped',
+    'CHART_TYPE.BAR_GROUPED': 'CHART_TYPE.BarGrouped',
+    'CHART_TYPE.COLUMN_STACKED': 'CHART_TYPE.ColumnStacked',
+    'CHART_TYPE.AREA_STACKED': 'CHART_TYPE.AreaStacked',
+    'CHART_TYPE.LINE_STACKED': 'CHART_TYPE.LineStacked',
+    'CHART_TYPE.BAR_STACKED': 'CHART_TYPE.BarStacked',
+    'CHART_TYPE.COLUMN_100_STACKED': 'CHART_TYPE.Column100Stacked',
+    'CHART_TYPE.AREA_100_STACKED': 'CHART_TYPE.Area100Stacked',
+    'CHART_TYPE.LINE_100_STACKED': 'CHART_TYPE.Line100Stacked',
+    'CHART_TYPE.BAR_100_STACKED': 'CHART_TYPE.Bar100Stacked',
+    'CHART_TYPE.SCATTER_POINT': 'CHART_TYPE.ScatterPoint',
+    'CHART_TYPE.SCATTER_BUBBLE': 'CHART_TYPE.ScatterBubble',
+    'CHART_TYPE.SCATTER_LINE': 'CHART_TYPE.ScatterLine',
+};
+const OPTIONS_TYPE_RENAMES = {
+    'OPTIONS_TYPE.CHART': 'OPTIONS_TYPE.Chart',
+    'OPTIONS_TYPE.SERIES': 'OPTIONS_TYPE.Series',
+    'OPTIONS_TYPE.X_AXIS': 'OPTIONS_TYPE.XAxis',
+    'OPTIONS_TYPE.Y_AXIS': 'OPTIONS_TYPE.YAxis',
+    'OPTIONS_TYPE.STACKED_SERIES': 'OPTIONS_TYPE.StackedSeries',
+};
+const CONDITIONAL_FORMATTING_TYPE_RENAMES = {
+    'ConditionalFormattingType.dataBars': 'ConditionalFormattingType.DataBars',
+    'ConditionalFormattingType.colorScale': 'ConditionalFormattingType.ColorScale',
+    'ConditionalFormattingType.top10': 'ConditionalFormattingType.Top10',
+    'ConditionalFormattingType.textContains': 'ConditionalFormattingType.TextContains',
+    'ConditionalFormattingType.single': 'ConditionalFormattingType.Single',
+    'ConditionalFormattingType.unique': 'ConditionalFormattingType.Unique',
+    'ConditionalFormattingType.empty': 'ConditionalFormattingType.Empty',
+};
+/** Output property renames: old name -> new name */
+const OUTPUT_RENAMES = {
+    'onClose': 'closed',
+    'onButtonClose': 'buttonClose',
+    'onChartTypesDetermined': 'chartTypesDetermined',
+    'onChartCreationDone': 'chartCreationDone',
+    'onFormattersReady': 'formattersReady',
+};
+function replaceAll(content, replacements) {
+    for (const [oldValue, newValue] of Object.entries(replacements)) {
+        const escaped = oldValue.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
+        const regex = new RegExp(`\\b${escaped}\\b`, 'g');
+        content = content.replace(regex, newValue);
+    }
+    return content;
+}
+function hasExtrasImport(content) {
+    return /from\s+['"]igniteui-angular-extras['"]/.test(content);
+}
+function migrateTemplateFile(content) {
+    let updated = content;
+    for (const [oldName, newName] of Object.entries(OUTPUT_RENAMES)) {
+        // Replace event bindings: (onClose) -> (closed)
+        const eventBindingRegex = new RegExp(`\\(${oldName}\\)`, 'g');
+        updated = updated.replace(eventBindingRegex, `(${newName})`);
+    }
+    return updated;
+}
+function migrateTypeScriptFile(content) {
+    let updated = content;
+    // Replace enum member references (only in files that import from extras)
+    if (hasExtrasImport(updated)) {
+        updated = replaceAll(updated, CHART_TYPE_RENAMES);
+        updated = replaceAll(updated, OPTIONS_TYPE_RENAMES);
+        updated = replaceAll(updated, CONDITIONAL_FORMATTING_TYPE_RENAMES);
+        // Replace output property access in TypeScript (e.g., .onButtonClose.emit(), .onButtonClose.subscribe())
+        for (const [oldName, newName] of Object.entries(OUTPUT_RENAMES)) {
+            const propertyAccessRegex = new RegExp(`\\.${oldName}\\b`, 'g');
+            updated = updated.replace(propertyAccessRegex, `.${newName}`);
+        }
+    }
+    return updated;
+}
+exports.default = () => (host, context) => {
+    context.logger.info(`Applying migration for Ignite UI for Angular Extras to version ${version}`);
+    host.visit((path) => {
+        var _a, _b;
+        if (path.includes('node_modules')) {
+            return;
+        }
+        const content = (_a = host.read(path)) === null || _a === void 0 ? void 0 : _a.toString('utf-8');
+        if (!content) {
+            return;
+        }
+        if (path.endsWith('.html')) {
+            // Only migrate templates whose companion .ts file imports from extras
+            const companionTs = path.replace(/\.html$/, '.ts');
+            const companionContent = (_b = host.read(companionTs)) === null || _b === void 0 ? void 0 : _b.toString('utf-8');
+            if (companionContent && hasExtrasImport(companionContent)) {
+                const updated = migrateTemplateFile(content);
+                if (updated !== content) {
+                    host.overwrite(path, updated);
+                    context.logger.info(`  Updated template: ${path}`);
+                }
+            }
+        }
+        else if (path.endsWith('.ts') && !path.endsWith('.d.ts')) {
+            const updated = migrateTypeScriptFile(content);
+            if (updated !== content) {
+                host.overwrite(path, updated);
+                context.logger.info(`  Updated source: ${path}`);
+            }
+        }
+    });
+};

package/package.json

@@ -1,30 +1,53 @@
 {
   "name": "igniteui-angular-extras",
-  "version": "20.0.2",
+  "version": "21.2.0-beta.1",
+  "description": "Ignite UI for Angular Extras - Grid enhancements and data analysis features",
+  "author": "Infragistics",
+  "license": "SEE LICENSE IN LICENSE",
+  "homepage": "https://www.infragistics.com/products/ignite-ui-angular",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/IgniteUI/igniteui-angular.git",
+    "directory": "projects/igniteui-angular-extras"
+  },
+  "bugs": {
+    "url": "https://github.com/IgniteUI/igniteui-angular/issues"
+  },
+  "keywords": [
+    "angular",
+    "igniteui",
+    "grid",
+    "chart integration",
+    "conditional formatting",
+    "context menu",
+    "data visualization"
+  ],
   "dependencies": {
-    "tslib": "^2.0.0",
-    "igniteui-trial-watermark": "^3.0.2"
+    "tslib": "^2.8.1",
+    "igniteui-trial-watermark": "^3.1.0"
   },
   "peerDependencies": {
-    "@angular/common": "20",
-    "@angular/core": "20",
-    "igniteui-angular": "20",
-    "igniteui-angular-charts": "20",
-    "igniteui-angular-core": "20"
+    "@angular/common": "21",
+    "@angular/core": "21",
+    "igniteui-angular": "^21.0.0",
+    "igniteui-angular-charts": "^21.0.0",
+    "igniteui-angular-core": "^21.0.0"
   },
+  "schematics": "./migrations/migration-collection.json",
   "ng-update": {
     "migrations": "./migrations/migration-collection.json"
   },
+  "sideEffects": false,
   "module": "fesm2022/igniteui-angular-extras.mjs",
-  "typings": "index.d.ts",
+  "typings": "types/igniteui-angular-extras.d.ts",
   "exports": {
     "./package.json": {
       "default": "./package.json"
     },
     ".": {
-      "types": "./index.d.ts",
+      "types": "./types/igniteui-angular-extras.d.ts",
       "default": "./fesm2022/igniteui-angular-extras.mjs"
     }
   },
-  "sideEffects": false
+  "type": "module"
 }

package/{index.d.ts → types/igniteui-angular-extras.d.ts}

@@ -1,34 +1,35 @@
 import * as i0 from '@angular/core';
-import { Type, EventEmitter, ComponentFactoryResolver, ViewContainerRef, AfterViewInit, OnDestroy, OnInit, ElementRef, PipeTransform } from '@angular/core';
-import { IgxPieChartComponent, IgxDataChartComponent } from 'igniteui-angular-charts';
-import { IgxGridComponent, IgxOverlayService, IgxToggleDirective, IgxTabsComponent } from 'igniteui-angular';
+import { Type, EventEmitter, ViewContainerRef, AfterViewInit, OnDestroy, OnInit, ElementRef } from '@angular/core';
+import { IgxDataChartComponent, IgxPieChartComponent } from 'igniteui-angular-charts';
+import { IgxGridComponent } from 'igniteui-angular/grids/grid';
 import { Subject } from 'rxjs';
-import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
+import { IgxToggleDirective } from 'igniteui-angular/directives';
+import { IgxTabsComponent } from 'igniteui-angular/tabs';
 
 declare enum CHART_TYPE {
-    PIE = "Pie",
-    COLUMN_GROUPED = "ColumnGrouped",
-    AREA_GROUPED = "AreaGrouped",
-    LINE_GROUPED = "LineGrouped",
-    BAR_GROUPED = "BarGrouped",
-    COLUMN_STACKED = "ColumnStacked",
-    AREA_STACKED = "AreaStacked",
-    LINE_STACKED = "LineStacked",
-    BAR_STACKED = "BarStacked",
-    COLUMN_100_STACKED = "Column100Stacked",
-    AREA_100_STACKED = "Area100Stacked",
-    LINE_100_STACKED = "Line100Stacked",
-    BAR_100_STACKED = "Bar100Stacked",
-    SCATTER_POINT = "ScatterPoint",
-    SCATTER_BUBBLE = "ScatterBubble",
-    SCATTER_LINE = "ScatterLine"
+    Pie = "Pie",
+    ColumnGrouped = "ColumnGrouped",
+    AreaGrouped = "AreaGrouped",
+    LineGrouped = "LineGrouped",
+    BarGrouped = "BarGrouped",
+    ColumnStacked = "ColumnStacked",
+    AreaStacked = "AreaStacked",
+    LineStacked = "LineStacked",
+    BarStacked = "BarStacked",
+    Column100Stacked = "Column100Stacked",
+    Area100Stacked = "Area100Stacked",
+    Line100Stacked = "Line100Stacked",
+    Bar100Stacked = "Bar100Stacked",
+    ScatterPoint = "ScatterPoint",
+    ScatterBubble = "ScatterBubble",
+    ScatterLine = "ScatterLine"
 }
 declare enum OPTIONS_TYPE {
-    CHART = "chartOptions",
-    SERIES = "seriesModel",
-    X_AXIS = "xAxisOptions",
-    Y_AXIS = "yAxisOptions",
-    STACKED_SERIES = "stackedFragmentOptions"
+    Chart = "chartOptions",
+    Series = "seriesModel",
+    XAxis = "xAxisOptions",
+    YAxis = "yAxisOptions",
+    StackedSeries = "stackedFragmentOptions"
 }
 
 declare class SeriesFactory {
@@ -73,11 +74,10 @@ interface IDeterminedChartTypesArgs {
     chartsForCreation: CHART_TYPE[];
 }
 declare class IgxChartIntegrationDirective {
-    private factoryResolver;
     get chartData(): any[];
     set chartData(selectedData: any[]);
-    onChartTypesDetermined: EventEmitter<IDeterminedChartTypesArgs>;
-    onChartCreationDone: EventEmitter<any>;
+    chartTypesDetermined: EventEmitter<IDeterminedChartTypesArgs>;
+    chartCreationDone: EventEmitter<any>;
     useLegend: boolean;
     defaultLabelMemberPath: string;
     set scatterChartYAxisValueMemberPath(path: string);
@@ -100,7 +100,7 @@ declare class IgxChartIntegrationDirective {
     private scatterChartSeriesOptionsModel;
     private bubbleChartSeriesOptionsModel;
     private get dataChartOptions();
-    constructor(factoryResolver: ComponentFactoryResolver);
+    constructor();
     getAllChartTypes(): CHART_TYPE[];
     getAvailableCharts(): any[];
     disableCharts(types: CHART_TYPE[]): void;
@@ -115,17 +115,17 @@ declare class IgxChartIntegrationDirective {
     private setAxisLabelOption;
     setChartComponentOptions(chart: CHART_TYPE, optionsType: OPTIONS_TYPE, options: IOptions): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<IgxChartIntegrationDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<IgxChartIntegrationDirective, "[igxChartIntegration]", never, { "chartData": { "alias": "chartData"; "required": false; }; "useLegend": { "alias": "useLegend"; "required": false; }; "defaultLabelMemberPath": { "alias": "defaultLabelMemberPath"; "required": false; }; "scatterChartYAxisValueMemberPath": { "alias": "scatterChartYAxisValueMemberPath"; "required": false; }; "bubbleChartRadiusMemberPath": { "alias": "bubbleChartRadiusMemberPath"; "required": false; }; }, { "onChartTypesDetermined": "onChartTypesDetermined"; "onChartCreationDone": "onChartCreationDone"; }, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<IgxChartIntegrationDirective, "[igxChartIntegration]", never, { "chartData": { "alias": "chartData"; "required": false; }; "useLegend": { "alias": "useLegend"; "required": false; }; "defaultLabelMemberPath": { "alias": "defaultLabelMemberPath"; "required": false; }; "scatterChartYAxisValueMemberPath": { "alias": "scatterChartYAxisValueMemberPath"; "required": false; }; "bubbleChartRadiusMemberPath": { "alias": "bubbleChartRadiusMemberPath"; "required": false; }; }, { "chartTypesDetermined": "chartTypesDetermined"; "chartCreationDone": "chartCreationDone"; }, never, never, true, never>;
 }
 
 declare enum ConditionalFormattingType {
-    dataBars = "Data Bars",
-    colorScale = "Color Scale",
-    top10 = "Top 10",
-    textContains = "Text Contains",
-    single = "Duplicate Values",
-    unique = "Unique Values",
-    empty = "Empty"
+    DataBars = "Data Bars",
+    ColorScale = "Color Scale",
+    Top10 = "Top 10",
+    TextContains = "Text Contains",
+    Single = "Duplicate Values",
+    Unique = "Unique Values",
+    Empty = "Empty"
 }
 interface IFormatColors {
     success: string;
@@ -135,43 +135,42 @@ interface IFormatColors {
     text: string;
 }
 declare class IgxConditionalFormattingDirective implements AfterViewInit, OnDestroy {
-    grid: IgxGridComponent;
     formatter: string | ConditionalFormattingType;
     set formatColors(val: IFormatColors);
     get formatColors(): IFormatColors;
-    onFormattersReady: EventEmitter<string[]>;
+    formattersReady: EventEmitter<string[]>;
     colorScale: {
-        backgroundColor: (rowData: any, colname: any, cellValue: any, rowIndex: any) => string;
+        backgroundColor: (_rowData: any, colname: any, cellValue: any, rowIndex: any) => string;
     };
     dataBars: {
-        backgroundImage: (rowData: any, colname: any, cellValue: any, rowIndex: any) => string;
+        backgroundImage: (_rowData: any, colname: any, cellValue: any, rowIndex: any) => string;
         backgroundSize: string;
         backgroundRepeat: string;
         backgroundPositionY: string;
     };
     top10Percent: {
-        backgroundColor: (rowData: any, colname: any, cellValue: any, rowIndex: any) => string;
-        color: (rowData: any, colname: any, cellValue: any, rowIndex: any) => string;
+        backgroundColor: (_rowData: any, colname: any, cellValue: any, rowIndex: any) => string;
+        color: (_rowData: any, colname: any, cellValue: any, rowIndex: any) => string;
     };
     greaterThan: {
-        backgroundColor: (rowData: any, colname: any, cellValue: any, rowIndex: any) => string;
-        color: (rowData: any, colname: any, cellValue: any, rowIndex: any) => string;
+        backgroundColor: (_rowData: any, colname: any, cellValue: any, rowIndex: any) => string;
+        color: (_rowData: any, colname: any, cellValue: any, rowIndex: any) => string;
     };
     empty: {
-        backgroundColor: (rowData: any, colname: any, cellValue: any, rowIndex: any) => string;
-        color: (rowData: any, colname: any, cellValue: any, rowIndex: any) => string;
+        backgroundColor: (_rowData: any, colname: any, cellValue: any, rowIndex: any) => string;
+        color: (_rowData: any, colname: any, cellValue: any, rowIndex: any) => string;
     };
     duplicates: {
-        backgroundColor: (rowData: any, colname: any, cellValue: any, rowIndex: any) => string;
-        color: (rowData: any, colname: any, cellValue: any, rowIndex: any) => string;
+        backgroundColor: (_rowData: any, colname: any, cellValue: any, rowIndex: any) => string;
+        color: (_rowData: any, colname: any, cellValue: any, rowIndex: any) => string;
     };
     textContains: {
-        backgroundColor: (rowData: any, colname: any, cellValue: any, rowIndex: any) => string;
-        color: (rowData: any, colname: any, cellValue: any, rowIndex: any) => string;
+        backgroundColor: (_rowData: any, colname: any, cellValue: any, rowIndex: any) => string;
+        color: (_rowData: any, colname: any, cellValue: any, rowIndex: any) => string;
     };
     uniques: {
-        backgroundColor: (rowData: any, colname: any, cellValue: any, rowIndex: any) => string;
-        color: (rowData: any, colname: any, cellValue: any, rowIndex: any) => string;
+        backgroundColor: (_rowData: any, colname: any, cellValue: any, rowIndex: any) => string;
+        color: (_rowData: any, colname: any, cellValue: any, rowIndex: any) => string;
     };
     private get selectedData();
     private get textData();
@@ -189,7 +188,8 @@ declare class IgxConditionalFormattingDirective implements AfterViewInit, OnDest
     private _formattersData;
     private destroy$;
     private formatedRange;
-    constructor(grid: IgxGridComponent);
+    private readonly grid;
+    constructor();
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
     formatCells(formatterName: any, formatRange?: [], reset?: boolean): void;
@@ -208,16 +208,12 @@ declare class IgxConditionalFormattingDirective implements AfterViewInit, OnDest
     private addToCache;
     private toArray;
     static ɵfac: i0.ɵɵFactoryDeclaration<IgxConditionalFormattingDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<IgxConditionalFormattingDirective, "[igxConditionalFormatting]", never, { "formatter": { "alias": "formatter"; "required": false; }; "formatColors": { "alias": "formatColors"; "required": false; }; }, { "onFormattersReady": "onFormattersReady"; }, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<IgxConditionalFormattingDirective, "[igxConditionalFormatting]", never, { "formatter": { "alias": "formatter"; "required": false; }; "formatColors": { "alias": "formatColors"; "required": false; }; }, { "formattersReady": "formattersReady"; }, never, never, true, never>;
 }
 
 declare class IgxContextMenuDirective implements OnInit, AfterViewInit, OnDestroy {
-    grid: IgxGridComponent;
-    textFormatter: IgxConditionalFormattingDirective;
-    chartsDirective: IgxChartIntegrationDirective;
-    private overlayService;
     displayCreationTab: boolean;
-    onButtonClose: EventEmitter<any>;
+    buttonClose: EventEmitter<any>;
     formatters: any[];
     charts: any[];
     gridResizeNotify: Subject<void>;
@@ -227,7 +223,11 @@ declare class IgxContextMenuDirective implements OnInit, AfterViewInit, OnDestro
     private _collapsed;
     private destroy$;
     private _analyticsBtnSettings;
-    constructor(grid: IgxGridComponent, textFormatter: IgxConditionalFormattingDirective, chartsDirective: IgxChartIntegrationDirective, overlayService: IgxOverlayService);
+    readonly grid: IgxGridComponent;
+    readonly textFormatter: IgxConditionalFormattingDirective;
+    readonly chartsDirective: IgxChartIntegrationDirective;
+    private readonly overlayService;
+    constructor();
     ngOnInit(): void;
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
@@ -237,12 +237,11 @@ declare class IgxContextMenuDirective implements OnInit, AfterViewInit, OnDestro
     private show;
     private close;
     private isWithInRange;
-    static ɵfac: i0.ɵɵFactoryDeclaration<IgxContextMenuDirective, [null, { optional: true; }, { optional: true; }, null]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<IgxContextMenuDirective, "[igxContextMenu]", never, { "displayCreationTab": { "alias": "displayCreationTab"; "required": false; }; }, { "onButtonClose": "onButtonClose"; }, never, never, true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IgxContextMenuDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<IgxContextMenuDirective, "[igxContextMenu]", never, { "displayCreationTab": { "alias": "displayCreationTab"; "required": false; }; }, { "buttonClose": "buttonClose"; }, never, never, true, never>;
 }
 
 declare class IgxContextMenuComponent implements AfterViewInit, OnDestroy {
-    private overlayService;
     button: ElementRef;
     tabsMenu: IgxToggleDirective;
     chartPreview: ViewContainerRef;
@@ -261,7 +260,8 @@ declare class IgxContextMenuComponent implements AfterViewInit, OnDestroy {
     private _chartPreviewDialogOverlaySettings;
     chartImages: any;
     conditionImages: any;
-    constructor(overlayService: IgxOverlayService);
+    private overlayService;
+    constructor();
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
     toggleTabMenu(): void;
@@ -275,10 +275,9 @@ declare class IgxContextMenuComponent implements AfterViewInit, OnDestroy {
     static ɵcmp: i0.ɵɵComponentDeclaration<IgxContextMenuComponent, "igx-context-menu", never, {}, {}, never, never, true, never>;
 }
 
-declare class IgxChartMenuComponent implements AfterViewInit {
-    private element;
+declare class IgxChartMenuComponent implements AfterViewInit, OnDestroy {
     chartArea: ViewContainerRef;
-    onClose: EventEmitter<any>;
+    closed: EventEmitter<any>;
     get width(): any;
     set width(value: any);
     get height(): any;
@@ -295,22 +294,16 @@ declare class IgxChartMenuComponent implements AfterViewInit {
     mainChartTypes: string[];
     private _width;
     private _height;
-    constructor(element: ElementRef<any>);
+    private element;
+    constructor();
     ngAfterViewInit(): void;
+    ngOnDestroy(): void;
     toggleFullScreen(): void;
     hasAvailableChart(chartType: any): boolean;
     createChart(chartType: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<IgxChartMenuComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IgxChartMenuComponent, "igx-chart-menu", never, {}, { "onClose": "onClose"; }, never, never, true, never>;
-}
-
-declare class SvgPipe implements PipeTransform {
-    private sanitizer;
-    constructor(sanitizer: DomSanitizer);
-    transform(markup: string): SafeHtml;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SvgPipe, never>;
-    static ɵpipe: i0.ɵɵPipeDeclaration<SvgPipe, "svg", true>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IgxChartMenuComponent, "igx-chart-menu", never, {}, { "closed": "closed"; }, never, never, true, never>;
 }
 
-export { CHART_TYPE, ChartInitializer, ConditionalFormattingType, IgxChartIntegrationDirective, IgxChartMenuComponent, IgxConditionalFormattingDirective, IgxContextMenuComponent, IgxContextMenuDirective, IgxDataChartInitializer, IgxPieChartInitializer, IgxStackedDataChartInitializer, OPTIONS_TYPE, SvgPipe };
+export { CHART_TYPE, ChartInitializer, ConditionalFormattingType, IgxChartIntegrationDirective, IgxChartMenuComponent, IgxConditionalFormattingDirective, IgxContextMenuComponent, IgxContextMenuDirective, IgxDataChartInitializer, IgxPieChartInitializer, IgxStackedDataChartInitializer, OPTIONS_TYPE };
 export type { IChartComponentOptions, IDeterminedChartTypesArgs, IFormatColors, IOptions };