igniteui-angular-extras 16.0.3 → 17.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2022/igniteui-angular-extras.mjs +4 -4
- package/esm2022/images/charts.mjs +17 -17
- package/esm2022/images/conditions.mjs +11 -11
- package/esm2022/lib/context-menu/chart-dialog/chart-dialog.component.mjs +67 -67
- package/esm2022/lib/context-menu/context-menu.component.mjs +176 -176
- package/esm2022/lib/context-menu/igx-context-menu.directive.mjs +154 -154
- package/esm2022/lib/directives/chart-integration/chart-integration.directive.mjs +312 -312
- package/esm2022/lib/directives/chart-integration/chart-types.mjs +27 -27
- package/esm2022/lib/directives/chart-integration/initializers.mjs +102 -102
- package/esm2022/lib/directives/conditional-formatting/conditional-formatting.directive.mjs +303 -303
- package/esm2022/lib/igniteui-angular-extras.module.mjs +107 -107
- package/esm2022/lib/pipes/svg.pipe.mjs +19 -19
- package/esm2022/public-api.mjs +20 -20
- package/fesm2022/igniteui-angular-extras.mjs +1228 -1228
- package/fesm2022/igniteui-angular-extras.mjs.map +1 -1
- package/images/charts.d.ts +16 -16
- package/images/conditions.d.ts +10 -10
- package/index.d.ts +5 -5
- package/lib/context-menu/chart-dialog/chart-dialog.component.d.ts +31 -31
- package/lib/context-menu/context-menu.component.d.ts +37 -37
- package/lib/context-menu/igx-context-menu.directive.d.ts +33 -33
- package/lib/directives/chart-integration/chart-integration.directive.d.ts +52 -52
- package/lib/directives/chart-integration/chart-types.d.ts +25 -25
- package/lib/directives/chart-integration/initializers.d.ts +39 -39
- package/lib/directives/conditional-formatting/conditional-formatting.directive.d.ts +95 -95
- package/lib/igniteui-angular-extras.module.d.ts +15 -15
- package/lib/pipes/svg.pipe.d.ts +10 -10
- package/package.json +6 -6
- package/public-api.d.ts +17 -17
|
@@ -1,52 +1,52 @@
|
|
|
1
|
-
import { ComponentFactoryResolver, EventEmitter, ViewContainerRef } from '@angular/core';
|
|
2
|
-
import { CHART_TYPE, OPTIONS_TYPE } from './chart-types';
|
|
3
|
-
import { IOptions } from './initializers';
|
|
4
|
-
import * as i0 from "@angular/core";
|
|
5
|
-
export interface IDeterminedChartTypesArgs {
|
|
6
|
-
chartsAvailabilty: Map<CHART_TYPE, boolean>;
|
|
7
|
-
chartsForCreation: CHART_TYPE[];
|
|
8
|
-
}
|
|
9
|
-
export declare class IgxChartIntegrationDirective {
|
|
10
|
-
private factoryResolver;
|
|
11
|
-
get chartData(): any[];
|
|
12
|
-
set chartData(selectedData: any[]);
|
|
13
|
-
onChartTypesDetermined: EventEmitter<IDeterminedChartTypesArgs>;
|
|
14
|
-
onChartCreationDone: EventEmitter<any>;
|
|
15
|
-
useLegend: boolean;
|
|
16
|
-
defaultLabelMemberPath: string;
|
|
17
|
-
set scatterChartYAxisValueMemberPath(path: string);
|
|
18
|
-
get scatterChartYAxisValueMemberPath(): string;
|
|
19
|
-
set bubbleChartRadiusMemberPath(path: string);
|
|
20
|
-
get bubbleChartRadiusMemberPath(): string;
|
|
21
|
-
private chartTypesAvailability;
|
|
22
|
-
private customChartComponentOptions;
|
|
23
|
-
private dataCharts;
|
|
24
|
-
private _scatterChartYAxisValueMemberPath;
|
|
25
|
-
private _bubbleChartRadiusMemberPath;
|
|
26
|
-
private _valueMemberPaths;
|
|
27
|
-
private _labelMemberPaths;
|
|
28
|
-
private _chartData;
|
|
29
|
-
private _sizeScale;
|
|
30
|
-
private _dataChartTypes;
|
|
31
|
-
private get _labelMemberPath();
|
|
32
|
-
private get pieChartOptions();
|
|
33
|
-
private dataChartSeriesOptionsModel;
|
|
34
|
-
private scatterChartSeriesOptionsModel;
|
|
35
|
-
private bubbleChartSeriesOptionsModel;
|
|
36
|
-
private get dataChartOptions();
|
|
37
|
-
constructor(factoryResolver: ComponentFactoryResolver);
|
|
38
|
-
getAvailableCharts(): any[];
|
|
39
|
-
disableCharts(types: CHART_TYPE[]): void;
|
|
40
|
-
enableCharts(types: CHART_TYPE[]): void;
|
|
41
|
-
chartFactory(type: CHART_TYPE, viewContainerRef: ViewContainerRef): void;
|
|
42
|
-
private getInitializer;
|
|
43
|
-
private getChartOptions;
|
|
44
|
-
private addPieChartDataOptions;
|
|
45
|
-
private addDataChartDataOptions;
|
|
46
|
-
private addScatterChartDataOptions;
|
|
47
|
-
private addIndexMemberPath;
|
|
48
|
-
private setAxisLabelOption;
|
|
49
|
-
setChartComponentOptions(chart: CHART_TYPE, optionsType: OPTIONS_TYPE, options: IOptions): void;
|
|
50
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<IgxChartIntegrationDirective, never>;
|
|
51
|
-
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, false, never>;
|
|
52
|
-
}
|
|
1
|
+
import { ComponentFactoryResolver, EventEmitter, ViewContainerRef } from '@angular/core';
|
|
2
|
+
import { CHART_TYPE, OPTIONS_TYPE } from './chart-types';
|
|
3
|
+
import { IOptions } from './initializers';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
export interface IDeterminedChartTypesArgs {
|
|
6
|
+
chartsAvailabilty: Map<CHART_TYPE, boolean>;
|
|
7
|
+
chartsForCreation: CHART_TYPE[];
|
|
8
|
+
}
|
|
9
|
+
export declare class IgxChartIntegrationDirective {
|
|
10
|
+
private factoryResolver;
|
|
11
|
+
get chartData(): any[];
|
|
12
|
+
set chartData(selectedData: any[]);
|
|
13
|
+
onChartTypesDetermined: EventEmitter<IDeterminedChartTypesArgs>;
|
|
14
|
+
onChartCreationDone: EventEmitter<any>;
|
|
15
|
+
useLegend: boolean;
|
|
16
|
+
defaultLabelMemberPath: string;
|
|
17
|
+
set scatterChartYAxisValueMemberPath(path: string);
|
|
18
|
+
get scatterChartYAxisValueMemberPath(): string;
|
|
19
|
+
set bubbleChartRadiusMemberPath(path: string);
|
|
20
|
+
get bubbleChartRadiusMemberPath(): string;
|
|
21
|
+
private chartTypesAvailability;
|
|
22
|
+
private customChartComponentOptions;
|
|
23
|
+
private dataCharts;
|
|
24
|
+
private _scatterChartYAxisValueMemberPath;
|
|
25
|
+
private _bubbleChartRadiusMemberPath;
|
|
26
|
+
private _valueMemberPaths;
|
|
27
|
+
private _labelMemberPaths;
|
|
28
|
+
private _chartData;
|
|
29
|
+
private _sizeScale;
|
|
30
|
+
private _dataChartTypes;
|
|
31
|
+
private get _labelMemberPath();
|
|
32
|
+
private get pieChartOptions();
|
|
33
|
+
private dataChartSeriesOptionsModel;
|
|
34
|
+
private scatterChartSeriesOptionsModel;
|
|
35
|
+
private bubbleChartSeriesOptionsModel;
|
|
36
|
+
private get dataChartOptions();
|
|
37
|
+
constructor(factoryResolver: ComponentFactoryResolver);
|
|
38
|
+
getAvailableCharts(): any[];
|
|
39
|
+
disableCharts(types: CHART_TYPE[]): void;
|
|
40
|
+
enableCharts(types: CHART_TYPE[]): void;
|
|
41
|
+
chartFactory(type: CHART_TYPE, viewContainerRef: ViewContainerRef): void;
|
|
42
|
+
private getInitializer;
|
|
43
|
+
private getChartOptions;
|
|
44
|
+
private addPieChartDataOptions;
|
|
45
|
+
private addDataChartDataOptions;
|
|
46
|
+
private addScatterChartDataOptions;
|
|
47
|
+
private addIndexMemberPath;
|
|
48
|
+
private setAxisLabelOption;
|
|
49
|
+
setChartComponentOptions(chart: CHART_TYPE, optionsType: OPTIONS_TYPE, options: IOptions): void;
|
|
50
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<IgxChartIntegrationDirective, never>;
|
|
51
|
+
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, false, never>;
|
|
52
|
+
}
|
|
@@ -1,25 +1,25 @@
|
|
|
1
|
-
export declare enum CHART_TYPE {
|
|
2
|
-
PIE = "Pie",
|
|
3
|
-
COLUMN_GROUPED = "ColumnGrouped",
|
|
4
|
-
AREA_GROUPED = "AreaGrouped",
|
|
5
|
-
LINE_GROUPED = "LineGrouped",
|
|
6
|
-
BAR_GROUPED = "BarGrouped",
|
|
7
|
-
COLUMN_STACKED = "ColumnStacked",
|
|
8
|
-
AREA_STACKED = "AreaStacked",
|
|
9
|
-
LINE_STACKED = "LineStacked",
|
|
10
|
-
BAR_STACKED = "BarStacked",
|
|
11
|
-
COLUMN_100_STACKED = "Column100Stacked",
|
|
12
|
-
AREA_100_STACKED = "Area100Stacked",
|
|
13
|
-
LINE_100_STACKED = "Line100Stacked",
|
|
14
|
-
BAR_100_STACKED = "Bar100Stacked",
|
|
15
|
-
SCATTER_POINT = "ScatterPoint",
|
|
16
|
-
SCATTER_BUBBLE = "ScatterBubble",
|
|
17
|
-
SCATTER_LINE = "ScatterLine"
|
|
18
|
-
}
|
|
19
|
-
export declare enum OPTIONS_TYPE {
|
|
20
|
-
CHART = "chartOptions",
|
|
21
|
-
SERIES = "seriesModel",
|
|
22
|
-
X_AXIS = "xAxisOptions",
|
|
23
|
-
Y_AXIS = "yAxisOptions",
|
|
24
|
-
STACKED_SERIES = "stackedFragmentOptions"
|
|
25
|
-
}
|
|
1
|
+
export declare enum CHART_TYPE {
|
|
2
|
+
PIE = "Pie",
|
|
3
|
+
COLUMN_GROUPED = "ColumnGrouped",
|
|
4
|
+
AREA_GROUPED = "AreaGrouped",
|
|
5
|
+
LINE_GROUPED = "LineGrouped",
|
|
6
|
+
BAR_GROUPED = "BarGrouped",
|
|
7
|
+
COLUMN_STACKED = "ColumnStacked",
|
|
8
|
+
AREA_STACKED = "AreaStacked",
|
|
9
|
+
LINE_STACKED = "LineStacked",
|
|
10
|
+
BAR_STACKED = "BarStacked",
|
|
11
|
+
COLUMN_100_STACKED = "Column100Stacked",
|
|
12
|
+
AREA_100_STACKED = "Area100Stacked",
|
|
13
|
+
LINE_100_STACKED = "Line100Stacked",
|
|
14
|
+
BAR_100_STACKED = "Bar100Stacked",
|
|
15
|
+
SCATTER_POINT = "ScatterPoint",
|
|
16
|
+
SCATTER_BUBBLE = "ScatterBubble",
|
|
17
|
+
SCATTER_LINE = "ScatterLine"
|
|
18
|
+
}
|
|
19
|
+
export declare enum OPTIONS_TYPE {
|
|
20
|
+
CHART = "chartOptions",
|
|
21
|
+
SERIES = "seriesModel",
|
|
22
|
+
X_AXIS = "xAxisOptions",
|
|
23
|
+
Y_AXIS = "yAxisOptions",
|
|
24
|
+
STACKED_SERIES = "stackedFragmentOptions"
|
|
25
|
+
}
|
|
@@ -1,39 +1,39 @@
|
|
|
1
|
-
import { Type } from '@angular/core';
|
|
2
|
-
import { IgxDataChartComponent, IgxPieChartComponent } from 'igniteui-angular-charts';
|
|
3
|
-
declare class SeriesFactory {
|
|
4
|
-
create<T>(type: (new () => T)): T;
|
|
5
|
-
}
|
|
6
|
-
export interface IOptions {
|
|
7
|
-
[key: string]: any;
|
|
8
|
-
}
|
|
9
|
-
export interface IChartComponentOptions {
|
|
10
|
-
chartOptions?: IOptions;
|
|
11
|
-
seriesOptions?: IOptions[];
|
|
12
|
-
xAxisOptions?: IOptions;
|
|
13
|
-
seriesModel?: IOptions;
|
|
14
|
-
yAxisOptions?: IOptions;
|
|
15
|
-
stackedFragmentOptions?: IOptions;
|
|
16
|
-
}
|
|
17
|
-
export declare abstract class ChartInitializer {
|
|
18
|
-
protected yAxis: any;
|
|
19
|
-
protected xAxis: any;
|
|
20
|
-
protected seriesFactory: SeriesFactory;
|
|
21
|
-
constructor();
|
|
22
|
-
applyOptions(target: any, options: IOptions): void;
|
|
23
|
-
abstract initChart(chart: any, options?: IChartComponentOptions): any;
|
|
24
|
-
}
|
|
25
|
-
export declare class IgxPieChartInitializer extends ChartInitializer {
|
|
26
|
-
constructor();
|
|
27
|
-
initChart(chart: IgxPieChartComponent, options: IChartComponentOptions): IgxPieChartComponent;
|
|
28
|
-
}
|
|
29
|
-
export declare class IgxDataChartInitializer extends ChartInitializer {
|
|
30
|
-
seriesType: Type<any>;
|
|
31
|
-
constructor(seriesType: Type<any>);
|
|
32
|
-
initChart(chart: IgxDataChartComponent, options: IChartComponentOptions): IgxDataChartComponent;
|
|
33
|
-
}
|
|
34
|
-
export declare class IgxStackedDataChartInitializer extends ChartInitializer {
|
|
35
|
-
seriesType: Type<any>;
|
|
36
|
-
constructor(seriesType: Type<any>);
|
|
37
|
-
initChart(chart: IgxDataChartComponent, options?: IChartComponentOptions): IgxDataChartComponent;
|
|
38
|
-
}
|
|
39
|
-
export {};
|
|
1
|
+
import { Type } from '@angular/core';
|
|
2
|
+
import { IgxDataChartComponent, IgxPieChartComponent } from 'igniteui-angular-charts';
|
|
3
|
+
declare class SeriesFactory {
|
|
4
|
+
create<T>(type: (new () => T)): T;
|
|
5
|
+
}
|
|
6
|
+
export interface IOptions {
|
|
7
|
+
[key: string]: any;
|
|
8
|
+
}
|
|
9
|
+
export interface IChartComponentOptions {
|
|
10
|
+
chartOptions?: IOptions;
|
|
11
|
+
seriesOptions?: IOptions[];
|
|
12
|
+
xAxisOptions?: IOptions;
|
|
13
|
+
seriesModel?: IOptions;
|
|
14
|
+
yAxisOptions?: IOptions;
|
|
15
|
+
stackedFragmentOptions?: IOptions;
|
|
16
|
+
}
|
|
17
|
+
export declare abstract class ChartInitializer {
|
|
18
|
+
protected yAxis: any;
|
|
19
|
+
protected xAxis: any;
|
|
20
|
+
protected seriesFactory: SeriesFactory;
|
|
21
|
+
constructor();
|
|
22
|
+
applyOptions(target: any, options: IOptions): void;
|
|
23
|
+
abstract initChart(chart: any, options?: IChartComponentOptions): any;
|
|
24
|
+
}
|
|
25
|
+
export declare class IgxPieChartInitializer extends ChartInitializer {
|
|
26
|
+
constructor();
|
|
27
|
+
initChart(chart: IgxPieChartComponent, options: IChartComponentOptions): IgxPieChartComponent;
|
|
28
|
+
}
|
|
29
|
+
export declare class IgxDataChartInitializer extends ChartInitializer {
|
|
30
|
+
seriesType: Type<any>;
|
|
31
|
+
constructor(seriesType: Type<any>);
|
|
32
|
+
initChart(chart: IgxDataChartComponent, options: IChartComponentOptions): IgxDataChartComponent;
|
|
33
|
+
}
|
|
34
|
+
export declare class IgxStackedDataChartInitializer extends ChartInitializer {
|
|
35
|
+
seriesType: Type<any>;
|
|
36
|
+
constructor(seriesType: Type<any>);
|
|
37
|
+
initChart(chart: IgxDataChartComponent, options?: IChartComponentOptions): IgxDataChartComponent;
|
|
38
|
+
}
|
|
39
|
+
export {};
|
|
@@ -1,95 +1,95 @@
|
|
|
1
|
-
import { AfterViewInit, EventEmitter, OnDestroy } from '@angular/core';
|
|
2
|
-
import { IgxGridComponent } from 'igniteui-angular';
|
|
3
|
-
import * as i0 from "@angular/core";
|
|
4
|
-
export declare enum ConditionalFormattingType {
|
|
5
|
-
dataBars = "Data Bars",
|
|
6
|
-
colorScale = "Color Scale",
|
|
7
|
-
top10 = "Top 10",
|
|
8
|
-
textContains = "Text Contains",
|
|
9
|
-
single = "Duplicate Values",
|
|
10
|
-
unique = "Unique Values",
|
|
11
|
-
empty = "Empty"
|
|
12
|
-
}
|
|
13
|
-
export interface IFormatColors {
|
|
14
|
-
success: string;
|
|
15
|
-
error: string;
|
|
16
|
-
info: string;
|
|
17
|
-
warning: string;
|
|
18
|
-
text: string;
|
|
19
|
-
}
|
|
20
|
-
export declare class IgxConditionalFormattingDirective implements AfterViewInit, OnDestroy {
|
|
21
|
-
grid: IgxGridComponent;
|
|
22
|
-
formatter: string | ConditionalFormattingType;
|
|
23
|
-
set formatColors(val: IFormatColors);
|
|
24
|
-
get formatColors(): IFormatColors;
|
|
25
|
-
onFormattersReady: EventEmitter<string[]>;
|
|
26
|
-
colorScale: {
|
|
27
|
-
backgroundColor: (rowData: any, colname: any, cellValue: any, rowIndex: any) => string;
|
|
28
|
-
};
|
|
29
|
-
dataBars: {
|
|
30
|
-
backgroundImage: (rowData: any, colname: any, cellValue: any, rowIndex: any) => string;
|
|
31
|
-
backgroundSize: string;
|
|
32
|
-
backgroundRepeat: string;
|
|
33
|
-
backgroundPositionY: string;
|
|
34
|
-
};
|
|
35
|
-
top10Percent: {
|
|
36
|
-
backgroundColor: (rowData: any, colname: any, cellValue: any, rowIndex: any) => string;
|
|
37
|
-
color: (rowData: any, colname: any, cellValue: any, rowIndex: any) => string;
|
|
38
|
-
};
|
|
39
|
-
greaterThan: {
|
|
40
|
-
backgroundColor: (rowData: any, colname: any, cellValue: any, rowIndex: any) => string;
|
|
41
|
-
color: (rowData: any, colname: any, cellValue: any, rowIndex: any) => string;
|
|
42
|
-
};
|
|
43
|
-
empty: {
|
|
44
|
-
backgroundColor: (rowData: any, colname: any, cellValue: any, rowIndex: any) => string;
|
|
45
|
-
color: (rowData: any, colname: any, cellValue: any, rowIndex: any) => string;
|
|
46
|
-
};
|
|
47
|
-
duplicates: {
|
|
48
|
-
backgroundColor: (rowData: any, colname: any, cellValue: any, rowIndex: any) => string;
|
|
49
|
-
color: (rowData: any, colname: any, cellValue: any, rowIndex: any) => string;
|
|
50
|
-
};
|
|
51
|
-
textContains: {
|
|
52
|
-
backgroundColor: (rowData: any, colname: any, cellValue: any, rowIndex: any) => string;
|
|
53
|
-
color: (rowData: any, colname: any, cellValue: any, rowIndex: any) => string;
|
|
54
|
-
};
|
|
55
|
-
uniques: {
|
|
56
|
-
backgroundColor: (rowData: any, colname: any, cellValue: any, rowIndex: any) => string;
|
|
57
|
-
color: (rowData: any, colname: any, cellValue: any, rowIndex: any) => string;
|
|
58
|
-
};
|
|
59
|
-
private get selectedData();
|
|
60
|
-
private get textData();
|
|
61
|
-
private get numericData();
|
|
62
|
-
private _formatColors;
|
|
63
|
-
private _numericFormatters;
|
|
64
|
-
private _textFormatters;
|
|
65
|
-
private _commonFormattersName;
|
|
66
|
-
private _selectedData;
|
|
67
|
-
private _minValue;
|
|
68
|
-
private _maxValue;
|
|
69
|
-
private _startColumn;
|
|
70
|
-
private _endColumn;
|
|
71
|
-
private _valueForComparison;
|
|
72
|
-
private _formattersData;
|
|
73
|
-
private destroy$;
|
|
74
|
-
private formatedRange;
|
|
75
|
-
constructor(grid: IgxGridComponent);
|
|
76
|
-
ngAfterViewInit(): void;
|
|
77
|
-
ngOnDestroy(): void;
|
|
78
|
-
formatCells(formatterName: any, formatRange?: [], reset?: boolean): void;
|
|
79
|
-
clearFormatting(): void;
|
|
80
|
-
determineFormatters(): void;
|
|
81
|
-
recalcCachedValues(clearAll?: boolean): void;
|
|
82
|
-
isWithInFormattedRange(rowIndex: any, colID: any): boolean;
|
|
83
|
-
private get middleTresholdValue();
|
|
84
|
-
private get lowTresholdValue();
|
|
85
|
-
private get top10PercentTreshold();
|
|
86
|
-
private get avgValue();
|
|
87
|
-
private get threshold();
|
|
88
|
-
private getPositivePercentage;
|
|
89
|
-
private getNegativePercentage;
|
|
90
|
-
private resetRange;
|
|
91
|
-
private addToCache;
|
|
92
|
-
private toArray;
|
|
93
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<IgxConditionalFormattingDirective, never>;
|
|
94
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<IgxConditionalFormattingDirective, "[igxConditionalFormatting]", never, { "formatter": { "alias": "formatter"; "required": false; }; "formatColors": { "alias": "formatColors"; "required": false; }; }, { "onFormattersReady": "onFormattersReady"; }, never, never, false, never>;
|
|
95
|
-
}
|
|
1
|
+
import { AfterViewInit, EventEmitter, OnDestroy } from '@angular/core';
|
|
2
|
+
import { IgxGridComponent } from 'igniteui-angular';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export declare enum ConditionalFormattingType {
|
|
5
|
+
dataBars = "Data Bars",
|
|
6
|
+
colorScale = "Color Scale",
|
|
7
|
+
top10 = "Top 10",
|
|
8
|
+
textContains = "Text Contains",
|
|
9
|
+
single = "Duplicate Values",
|
|
10
|
+
unique = "Unique Values",
|
|
11
|
+
empty = "Empty"
|
|
12
|
+
}
|
|
13
|
+
export interface IFormatColors {
|
|
14
|
+
success: string;
|
|
15
|
+
error: string;
|
|
16
|
+
info: string;
|
|
17
|
+
warning: string;
|
|
18
|
+
text: string;
|
|
19
|
+
}
|
|
20
|
+
export declare class IgxConditionalFormattingDirective implements AfterViewInit, OnDestroy {
|
|
21
|
+
grid: IgxGridComponent;
|
|
22
|
+
formatter: string | ConditionalFormattingType;
|
|
23
|
+
set formatColors(val: IFormatColors);
|
|
24
|
+
get formatColors(): IFormatColors;
|
|
25
|
+
onFormattersReady: EventEmitter<string[]>;
|
|
26
|
+
colorScale: {
|
|
27
|
+
backgroundColor: (rowData: any, colname: any, cellValue: any, rowIndex: any) => string;
|
|
28
|
+
};
|
|
29
|
+
dataBars: {
|
|
30
|
+
backgroundImage: (rowData: any, colname: any, cellValue: any, rowIndex: any) => string;
|
|
31
|
+
backgroundSize: string;
|
|
32
|
+
backgroundRepeat: string;
|
|
33
|
+
backgroundPositionY: string;
|
|
34
|
+
};
|
|
35
|
+
top10Percent: {
|
|
36
|
+
backgroundColor: (rowData: any, colname: any, cellValue: any, rowIndex: any) => string;
|
|
37
|
+
color: (rowData: any, colname: any, cellValue: any, rowIndex: any) => string;
|
|
38
|
+
};
|
|
39
|
+
greaterThan: {
|
|
40
|
+
backgroundColor: (rowData: any, colname: any, cellValue: any, rowIndex: any) => string;
|
|
41
|
+
color: (rowData: any, colname: any, cellValue: any, rowIndex: any) => string;
|
|
42
|
+
};
|
|
43
|
+
empty: {
|
|
44
|
+
backgroundColor: (rowData: any, colname: any, cellValue: any, rowIndex: any) => string;
|
|
45
|
+
color: (rowData: any, colname: any, cellValue: any, rowIndex: any) => string;
|
|
46
|
+
};
|
|
47
|
+
duplicates: {
|
|
48
|
+
backgroundColor: (rowData: any, colname: any, cellValue: any, rowIndex: any) => string;
|
|
49
|
+
color: (rowData: any, colname: any, cellValue: any, rowIndex: any) => string;
|
|
50
|
+
};
|
|
51
|
+
textContains: {
|
|
52
|
+
backgroundColor: (rowData: any, colname: any, cellValue: any, rowIndex: any) => string;
|
|
53
|
+
color: (rowData: any, colname: any, cellValue: any, rowIndex: any) => string;
|
|
54
|
+
};
|
|
55
|
+
uniques: {
|
|
56
|
+
backgroundColor: (rowData: any, colname: any, cellValue: any, rowIndex: any) => string;
|
|
57
|
+
color: (rowData: any, colname: any, cellValue: any, rowIndex: any) => string;
|
|
58
|
+
};
|
|
59
|
+
private get selectedData();
|
|
60
|
+
private get textData();
|
|
61
|
+
private get numericData();
|
|
62
|
+
private _formatColors;
|
|
63
|
+
private _numericFormatters;
|
|
64
|
+
private _textFormatters;
|
|
65
|
+
private _commonFormattersName;
|
|
66
|
+
private _selectedData;
|
|
67
|
+
private _minValue;
|
|
68
|
+
private _maxValue;
|
|
69
|
+
private _startColumn;
|
|
70
|
+
private _endColumn;
|
|
71
|
+
private _valueForComparison;
|
|
72
|
+
private _formattersData;
|
|
73
|
+
private destroy$;
|
|
74
|
+
private formatedRange;
|
|
75
|
+
constructor(grid: IgxGridComponent);
|
|
76
|
+
ngAfterViewInit(): void;
|
|
77
|
+
ngOnDestroy(): void;
|
|
78
|
+
formatCells(formatterName: any, formatRange?: [], reset?: boolean): void;
|
|
79
|
+
clearFormatting(): void;
|
|
80
|
+
determineFormatters(): void;
|
|
81
|
+
recalcCachedValues(clearAll?: boolean): void;
|
|
82
|
+
isWithInFormattedRange(rowIndex: any, colID: any): boolean;
|
|
83
|
+
private get middleTresholdValue();
|
|
84
|
+
private get lowTresholdValue();
|
|
85
|
+
private get top10PercentTreshold();
|
|
86
|
+
private get avgValue();
|
|
87
|
+
private get threshold();
|
|
88
|
+
private getPositivePercentage;
|
|
89
|
+
private getNegativePercentage;
|
|
90
|
+
private resetRange;
|
|
91
|
+
private addToCache;
|
|
92
|
+
private toArray;
|
|
93
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<IgxConditionalFormattingDirective, never>;
|
|
94
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<IgxConditionalFormattingDirective, "[igxConditionalFormatting]", never, { "formatter": { "alias": "formatter"; "required": false; }; "formatColors": { "alias": "formatColors"; "required": false; }; }, { "onFormattersReady": "onFormattersReady"; }, never, never, false, never>;
|
|
95
|
+
}
|
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
import * as i0 from "@angular/core";
|
|
2
|
-
import * as i1 from "./directives/conditional-formatting/conditional-formatting.directive";
|
|
3
|
-
import * as i2 from "./directives/chart-integration/chart-integration.directive";
|
|
4
|
-
import * as i3 from "./context-menu/igx-context-menu.directive";
|
|
5
|
-
import * as i4 from "./context-menu/context-menu.component";
|
|
6
|
-
import * as i5 from "./context-menu/chart-dialog/chart-dialog.component";
|
|
7
|
-
import * as i6 from "./pipes/svg.pipe";
|
|
8
|
-
import * as i7 from "igniteui-angular";
|
|
9
|
-
import * as i8 from "igniteui-angular-charts";
|
|
10
|
-
import * as i9 from "@angular/common";
|
|
11
|
-
export declare class IgxExtrasModule {
|
|
12
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<IgxExtrasModule, never>;
|
|
13
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<IgxExtrasModule, [typeof i1.IgxConditionalFormattingDirective, typeof i2.IgxChartIntegrationDirective, typeof i3.IgxContextMenuDirective, typeof i4.IgxContextMenuComponent, typeof i5.IgxChartMenuComponent, typeof i6.SvgPipe], [typeof i7.IgxButtonModule, typeof i7.IgxDividerModule, typeof i7.IgxGridModule, typeof i7.IgxTabsModule, typeof i7.IgxToggleModule, typeof i8.IgxDataChartCategoryModule, typeof i8.IgxDataChartCoreModule, typeof i8.IgxLegendModule, typeof i8.IgxDataChartInteractivityModule, typeof i8.IgxNumericXAxisModule, typeof i8.IgxNumericYAxisModule, typeof i8.IgxCategoryXAxisModule, typeof i8.IgxItemLegendModule, typeof i8.IgxPieChartModule, typeof i8.IgxDataChartStackedModule, typeof i7.IgxDividerModule, typeof i8.IgxDataChartScatterModule, typeof i8.IgxBarSeriesModule, typeof i7.IgxIconModule, typeof i8.IgxCategoryChartModule, typeof i9.CommonModule], [typeof i1.IgxConditionalFormattingDirective, typeof i2.IgxChartIntegrationDirective, typeof i3.IgxContextMenuDirective]>;
|
|
14
|
-
static ɵinj: i0.ɵɵInjectorDeclaration<IgxExtrasModule>;
|
|
15
|
-
}
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
import * as i1 from "./directives/conditional-formatting/conditional-formatting.directive";
|
|
3
|
+
import * as i2 from "./directives/chart-integration/chart-integration.directive";
|
|
4
|
+
import * as i3 from "./context-menu/igx-context-menu.directive";
|
|
5
|
+
import * as i4 from "./context-menu/context-menu.component";
|
|
6
|
+
import * as i5 from "./context-menu/chart-dialog/chart-dialog.component";
|
|
7
|
+
import * as i6 from "./pipes/svg.pipe";
|
|
8
|
+
import * as i7 from "igniteui-angular";
|
|
9
|
+
import * as i8 from "igniteui-angular-charts";
|
|
10
|
+
import * as i9 from "@angular/common";
|
|
11
|
+
export declare class IgxExtrasModule {
|
|
12
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<IgxExtrasModule, never>;
|
|
13
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<IgxExtrasModule, [typeof i1.IgxConditionalFormattingDirective, typeof i2.IgxChartIntegrationDirective, typeof i3.IgxContextMenuDirective, typeof i4.IgxContextMenuComponent, typeof i5.IgxChartMenuComponent, typeof i6.SvgPipe], [typeof i7.IgxButtonModule, typeof i7.IgxDividerModule, typeof i7.IgxGridModule, typeof i7.IgxTabsModule, typeof i7.IgxToggleModule, typeof i8.IgxDataChartCategoryModule, typeof i8.IgxDataChartCoreModule, typeof i8.IgxLegendModule, typeof i8.IgxDataChartInteractivityModule, typeof i8.IgxNumericXAxisModule, typeof i8.IgxNumericYAxisModule, typeof i8.IgxCategoryXAxisModule, typeof i8.IgxItemLegendModule, typeof i8.IgxPieChartModule, typeof i8.IgxDataChartStackedModule, typeof i7.IgxDividerModule, typeof i8.IgxDataChartScatterModule, typeof i8.IgxBarSeriesModule, typeof i7.IgxIconModule, typeof i8.IgxCategoryChartModule, typeof i9.CommonModule], [typeof i1.IgxConditionalFormattingDirective, typeof i2.IgxChartIntegrationDirective, typeof i3.IgxContextMenuDirective]>;
|
|
14
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<IgxExtrasModule>;
|
|
15
|
+
}
|
package/lib/pipes/svg.pipe.d.ts
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { PipeTransform } from '@angular/core';
|
|
2
|
-
import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
|
|
3
|
-
import * as i0 from "@angular/core";
|
|
4
|
-
export declare class SvgPipe implements PipeTransform {
|
|
5
|
-
private sanitizer;
|
|
6
|
-
constructor(sanitizer: DomSanitizer);
|
|
7
|
-
transform(markup: string): SafeHtml;
|
|
8
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<SvgPipe, never>;
|
|
9
|
-
static ɵpipe: i0.ɵɵPipeDeclaration<SvgPipe, "svg", false>;
|
|
10
|
-
}
|
|
1
|
+
import { PipeTransform } from '@angular/core';
|
|
2
|
+
import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export declare class SvgPipe implements PipeTransform {
|
|
5
|
+
private sanitizer;
|
|
6
|
+
constructor(sanitizer: DomSanitizer);
|
|
7
|
+
transform(markup: string): SafeHtml;
|
|
8
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SvgPipe, never>;
|
|
9
|
+
static ɵpipe: i0.ɵɵPipeDeclaration<SvgPipe, "svg", false>;
|
|
10
|
+
}
|
package/package.json
CHANGED
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "igniteui-angular-extras",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "17.0.0",
|
|
4
4
|
"dependencies": {
|
|
5
5
|
"tslib": "^2.0.0"
|
|
6
6
|
},
|
|
7
7
|
"peerDependencies": {
|
|
8
|
-
"@angular/common": "
|
|
9
|
-
"@angular/core": "
|
|
10
|
-
"igniteui-angular": "
|
|
11
|
-
"igniteui-angular-charts": "
|
|
12
|
-
"igniteui-angular-core": "
|
|
8
|
+
"@angular/common": "~17.0.0",
|
|
9
|
+
"@angular/core": "~17.0.0",
|
|
10
|
+
"igniteui-angular": "~17.0.0-beta.0",
|
|
11
|
+
"igniteui-angular-charts": "~17.0.0-beta.0",
|
|
12
|
+
"igniteui-angular-core": "~17.0.0-beta.0",
|
|
13
13
|
"igniteui-trial-watermark": "^2.0.0"
|
|
14
14
|
},
|
|
15
15
|
"module": "fesm2022/igniteui-angular-extras.mjs",
|
package/public-api.d.ts
CHANGED
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
export * from './lib/igniteui-angular-extras.module';
|
|
2
|
-
/**
|
|
3
|
-
* Directives
|
|
4
|
-
*/
|
|
5
|
-
export * from './lib/directives/chart-integration/chart-integration.directive';
|
|
6
|
-
export * from './lib/directives/conditional-formatting/conditional-formatting.directive';
|
|
7
|
-
export * from './lib/context-menu/igx-context-menu.directive';
|
|
8
|
-
/**
|
|
9
|
-
* Components
|
|
10
|
-
*/
|
|
11
|
-
export * from './lib/context-menu/context-menu.component';
|
|
12
|
-
export * from './lib/context-menu/chart-dialog/chart-dialog.component';
|
|
13
|
-
/**
|
|
14
|
-
* Exporter classes, interfaces and enums
|
|
15
|
-
*/
|
|
16
|
-
export * from './lib/directives/chart-integration/chart-types';
|
|
17
|
-
export * from './lib/directives/chart-integration/initializers';
|
|
1
|
+
export * from './lib/igniteui-angular-extras.module';
|
|
2
|
+
/**
|
|
3
|
+
* Directives
|
|
4
|
+
*/
|
|
5
|
+
export * from './lib/directives/chart-integration/chart-integration.directive';
|
|
6
|
+
export * from './lib/directives/conditional-formatting/conditional-formatting.directive';
|
|
7
|
+
export * from './lib/context-menu/igx-context-menu.directive';
|
|
8
|
+
/**
|
|
9
|
+
* Components
|
|
10
|
+
*/
|
|
11
|
+
export * from './lib/context-menu/context-menu.component';
|
|
12
|
+
export * from './lib/context-menu/chart-dialog/chart-dialog.component';
|
|
13
|
+
/**
|
|
14
|
+
* Exporter classes, interfaces and enums
|
|
15
|
+
*/
|
|
16
|
+
export * from './lib/directives/chart-integration/chart-types';
|
|
17
|
+
export * from './lib/directives/chart-integration/initializers';
|