igniteui-webcomponents-grids 4.3.0-beta.2 → 4.3.0-beta.4
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/bundles/igniteui-webcomponents-grids.umd.js +102 -94
- package/bundles/igniteui-webcomponents-grids.umd.min.js +1 -1
- package/esm2015/lib/ColumnFilterCondition_combined.js +101 -94
- package/esm2015/lib/ComboEditorView.js +1 -0
- package/esm5/lib/ColumnFilterCondition_combined.js +101 -94
- package/esm5/lib/ComboEditorView.js +1 -0
- package/fesm2015/igniteui-webcomponents-grids.js +102 -94
- package/fesm5/igniteui-webcomponents-grids.js +102 -94
- package/grids/3rdpartylicenses.txt +201 -0
- package/grids/combined.js +54960 -81
- package/grids/index.d.ts +1 -3
- package/grids/lib/igc-base-toolbar-directive.d.ts +0 -4
- package/grids/lib/igc-cell-type.d.ts +6 -0
- package/grids/lib/igc-column-component.d.ts +1 -65
- package/grids/lib/igc-column-group-component.d.ts +0 -24
- package/grids/lib/igc-column-layout-component.d.ts +0 -26
- package/grids/lib/igc-column-pipe-args.d.ts +1 -0
- package/grids/lib/igc-data-clone-strategy.d.ts +5 -0
- package/grids/lib/igc-dimensions-change.d.ts +0 -1
- package/grids/lib/igc-display-density-base.d.ts +3 -5
- package/grids/lib/igc-grid-action-button-component.d.ts +0 -1
- package/grids/lib/igc-grid-actions-base-directive.d.ts +0 -11
- package/grids/lib/igc-grid-base-directive.d.ts +59 -554
- package/grids/lib/igc-grid-component.d.ts +3 -86
- package/grids/lib/igc-grid-editing-actions-component.d.ts +0 -16
- package/grids/lib/igc-paginator-component.d.ts +0 -16
- package/grids/lib/igc-pivot-aggregator.d.ts +1 -0
- package/grids/lib/igc-pivot-configuration-changed-event-args.d.ts +23 -0
- package/grids/lib/igc-pivot-configuration.d.ts +1 -0
- package/grids/lib/igc-pivot-dimension-strategy.d.ts +2 -1
- package/grids/lib/igc-pivot-grid-component.d.ts +16 -53
- package/grids/lib/igc-pivot-keys.d.ts +1 -0
- package/grids/lib/igc-pivot-value.d.ts +1 -0
- package/grids/lib/igc-sorting-options.d.ts +1 -0
- package/grids/lib/igc-tree-grid-component.d.ts +12 -35
- package/grids/styles.css +1 -1
- package/grids/themes/dark/bootstrap.css +1 -1
- package/grids/themes/dark/fluent.css +1 -1
- package/grids/themes/dark/indigo.css +1 -1
- package/grids/themes/dark/material.css +1 -1
- package/grids/themes/light/bootstrap.css +1 -1
- package/grids/themes/light/fluent.css +1 -1
- package/grids/themes/light/indigo.css +1 -1
- package/grids/themes/light/material.css +1 -1
- package/package.json +4 -4
- package/grids/lib/igc-grid-filtering-row-component.d.ts +0 -16
- package/grids/lib/igc-mrl-column-size-info.d.ts +0 -18
- package/grids/lib/igc-mrl-resize-column-info.d.ts +0 -18
|
@@ -132,8 +132,7 @@ import { EventEmitterMixin, LitElement, Constructor, AbstractConstructor } from
|
|
|
132
132
|
public set id(value: string);
|
|
133
133
|
public get id(): string;
|
|
134
134
|
|
|
135
|
-
|
|
136
|
-
|
|
135
|
+
|
|
137
136
|
/**
|
|
138
137
|
* Gets the hierarchical representation of the group by records.
|
|
139
138
|
*
|
|
@@ -142,9 +141,8 @@ import { EventEmitterMixin, LitElement, Constructor, AbstractConstructor } from
|
|
|
142
141
|
* let groupRecords = this.grid.groupsRecords;
|
|
143
142
|
* ```
|
|
144
143
|
*/
|
|
145
|
-
public
|
|
146
|
-
|
|
147
|
-
|
|
144
|
+
public get groupsRecords(): IgcGroupByRecord[];
|
|
145
|
+
|
|
148
146
|
|
|
149
147
|
|
|
150
148
|
|
|
@@ -162,20 +160,6 @@ import { EventEmitterMixin, LitElement, Constructor, AbstractConstructor } from
|
|
|
162
160
|
|
|
163
161
|
|
|
164
162
|
|
|
165
|
-
/**
|
|
166
|
-
* Gets/Sets an array of objects containing the filtered data.
|
|
167
|
-
*
|
|
168
|
-
* @example
|
|
169
|
-
* ```typescript
|
|
170
|
-
* let filteredData = this.grid.filteredData;
|
|
171
|
-
* this.grid.filteredData = [...];
|
|
172
|
-
* ```
|
|
173
|
-
*/
|
|
174
|
-
public set filteredData(value: any);
|
|
175
|
-
public get filteredData(): any;
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
163
|
/**
|
|
180
164
|
* Gets/Sets the total number of records in the data source.
|
|
181
165
|
*
|
|
@@ -275,18 +259,6 @@ import { EventEmitterMixin, LitElement, Constructor, AbstractConstructor } from
|
|
|
275
259
|
public set dropAreaMessage(value: string);
|
|
276
260
|
public get dropAreaMessage(): string;
|
|
277
261
|
|
|
278
|
-
|
|
279
|
-
|
|
280
|
-
/**
|
|
281
|
-
* Gets the list of group rows.
|
|
282
|
-
*
|
|
283
|
-
* @example
|
|
284
|
-
* ```typescript
|
|
285
|
-
* const groupList = this.grid.groupsRowList;
|
|
286
|
-
* ```
|
|
287
|
-
*/
|
|
288
|
-
public get groupsRowList(): any[];
|
|
289
|
-
|
|
290
262
|
|
|
291
263
|
|
|
292
264
|
/**
|
|
@@ -311,33 +283,6 @@ import { EventEmitterMixin, LitElement, Constructor, AbstractConstructor } from
|
|
|
311
283
|
|
|
312
284
|
|
|
313
285
|
|
|
314
|
-
|
|
315
|
-
/**
|
|
316
|
-
* Gets/Sets the template reference of the `IgxGridComponent`'s group area.
|
|
317
|
-
*
|
|
318
|
-
* @example
|
|
319
|
-
* ```typescript
|
|
320
|
-
* const groupAreaTemplate = this.grid.groupAreaTemplate;
|
|
321
|
-
* this.grid.groupAreaTemplate = myAreaTemplate.
|
|
322
|
-
* ```
|
|
323
|
-
*/
|
|
324
|
-
public set groupAreaTemplate(value: IgcRenderFunction<any>);
|
|
325
|
-
public get groupAreaTemplate(): IgcRenderFunction<any>;
|
|
326
|
-
|
|
327
|
-
|
|
328
|
-
|
|
329
|
-
/**
|
|
330
|
-
* Returns if the `IgxGridComponent` has groupable columns.
|
|
331
|
-
*
|
|
332
|
-
* @example
|
|
333
|
-
* ```typescript
|
|
334
|
-
* const groupableGrid = this.grid.hasGroupableColumns;
|
|
335
|
-
* ```
|
|
336
|
-
*/
|
|
337
|
-
public get hasGroupableColumns(): boolean;
|
|
338
|
-
|
|
339
|
-
|
|
340
|
-
|
|
341
286
|
/**
|
|
342
287
|
* Returns whether the `IgxGridComponent` has group area.
|
|
343
288
|
*
|
|
@@ -356,18 +301,6 @@ import { EventEmitterMixin, LitElement, Constructor, AbstractConstructor } from
|
|
|
356
301
|
|
|
357
302
|
|
|
358
303
|
|
|
359
|
-
/**
|
|
360
|
-
* Gets if the grid's group by drop area is visible.
|
|
361
|
-
*
|
|
362
|
-
* @example
|
|
363
|
-
* ```typescript
|
|
364
|
-
* const dropVisible = this.grid.dropAreaVisible;
|
|
365
|
-
* ```
|
|
366
|
-
*/
|
|
367
|
-
public get dropAreaVisible(): boolean;
|
|
368
|
-
|
|
369
|
-
|
|
370
|
-
|
|
371
304
|
/**
|
|
372
305
|
* Returns an array of the selected `IgxGridCell`s.
|
|
373
306
|
*
|
|
@@ -380,22 +313,6 @@ import { EventEmitterMixin, LitElement, Constructor, AbstractConstructor } from
|
|
|
380
313
|
|
|
381
314
|
|
|
382
315
|
|
|
383
|
-
/**
|
|
384
|
-
* @deprecated in version 12.1.0. Use `getCellByColumn` or `getCellByKey` instead
|
|
385
|
-
*
|
|
386
|
-
* Returns a `CellType` object that matches the conditions.
|
|
387
|
-
*
|
|
388
|
-
* @example
|
|
389
|
-
* ```typescript
|
|
390
|
-
* const myCell = this.grid1.getCellByColumnVisibleIndex(2,"UnitPrice");
|
|
391
|
-
* ```
|
|
392
|
-
* @param rowIndex
|
|
393
|
-
* @param index
|
|
394
|
-
*/
|
|
395
|
-
public getCellByColumnVisibleIndex(rowIndex: number, index: number): IgcCellType;
|
|
396
|
-
|
|
397
|
-
|
|
398
|
-
|
|
399
316
|
/**
|
|
400
317
|
* Groups by a new `IgxColumnComponent` based on the provided expression, or modifies an existing one.
|
|
401
318
|
*
|
|
@@ -65,22 +65,6 @@ import { IgcGridActionsBaseDirective } from './igc-grid-actions-base-directive';
|
|
|
65
65
|
*/
|
|
66
66
|
public startEdit(evt?: any): void;
|
|
67
67
|
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
/**
|
|
71
|
-
* Delete a row according to the context
|
|
72
|
-
*
|
|
73
|
-
* @example
|
|
74
|
-
* ```typescript
|
|
75
|
-
* this.gridEditingActions.deleteRowHandler();
|
|
76
|
-
* ```
|
|
77
|
-
*/
|
|
78
|
-
public deleteRowHandler(evt?: any): void;
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
public addRowHandler(evt?: any, asChild?: boolean): void;
|
|
83
|
-
|
|
84
68
|
}
|
|
85
69
|
|
|
86
70
|
|
|
@@ -32,22 +32,6 @@ import { EventEmitterMixin, LitElement, Constructor, AbstractConstructor } from
|
|
|
32
32
|
public set totalPages(value: number);
|
|
33
33
|
public get totalPages(): number;
|
|
34
34
|
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
/**
|
|
38
|
-
* Sets the class of the IgxPaginatorComponent based
|
|
39
|
-
* on the provided displayDensity.
|
|
40
|
-
*/
|
|
41
|
-
public get classCosy(): boolean;
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
public get classCompact(): boolean;
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
public get classComfortable(): boolean;
|
|
50
|
-
|
|
51
35
|
|
|
52
36
|
|
|
53
37
|
/**
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
|
|
2
|
+
import { IgcPivotConfiguration } from './igc-pivot-configuration';
|
|
3
|
+
|
|
4
|
+
|
|
5
|
+
/* jsonAPIPlainObject */
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
/**
|
|
9
|
+
* Event emitted when pivot configuration is changed.
|
|
10
|
+
*/
|
|
11
|
+
|
|
12
|
+
export declare class IgcPivotConfigurationChangedEventArgs
|
|
13
|
+
{
|
|
14
|
+
|
|
15
|
+
|
|
16
|
+
/** The new configuration. */
|
|
17
|
+
public set pivotConfiguration(value: IgcPivotConfiguration);
|
|
18
|
+
public get pivotConfiguration(): IgcPivotConfiguration;
|
|
19
|
+
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
|
|
23
|
+
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
|
|
2
2
|
import { IgcPivotDimension } from './igc-pivot-dimension';
|
|
3
3
|
import { IgcPivotValue } from './igc-pivot-value';
|
|
4
|
+
import { IgcDataCloneStrategy } from './igc-data-clone-strategy';
|
|
4
5
|
import { IgcPivotKeys } from './igc-pivot-keys';
|
|
5
6
|
|
|
6
7
|
|
|
@@ -17,7 +18,7 @@ import { IgcPivotKeys } from './igc-pivot-keys';
|
|
|
17
18
|
|
|
18
19
|
|
|
19
20
|
/* csSuppress */
|
|
20
|
-
public process(collection: any, dimensions: IgcPivotDimension[], values: IgcPivotValue[], pivotKeys?: IgcPivotKeys): any[];
|
|
21
|
+
public process(collection: any, dimensions: IgcPivotDimension[], values: IgcPivotValue[], cloneStrategy: IgcDataCloneStrategy, pivotKeys?: IgcPivotKeys): any[];
|
|
21
22
|
|
|
22
23
|
}
|
|
23
24
|
|
|
@@ -14,6 +14,7 @@ import { IgcActionStripComponent } from './igc-action-strip-component';
|
|
|
14
14
|
import { IgcGridEditingActionsComponent } from './igc-grid-editing-actions-component';
|
|
15
15
|
import { IgcGridPinningActionsComponent } from './igc-grid-pinning-actions-component';
|
|
16
16
|
import { IgcDimensionsChange } from './igc-dimensions-change';
|
|
17
|
+
import { IgcPivotConfigurationChangedEventArgs } from './igc-pivot-configuration-changed-event-args';
|
|
17
18
|
import { IgcPivotDimension } from './igc-pivot-dimension';
|
|
18
19
|
import { IgcPivotValue } from './igc-pivot-value';
|
|
19
20
|
import { IgcSortingExpression } from './igc-sorting-expression';
|
|
@@ -21,7 +22,6 @@ import { IgcValuesChange } from './igc-values-change';
|
|
|
21
22
|
import { IgcPivotGridValueTemplateContext } from './igc-pivot-grid-value-template-context';
|
|
22
23
|
import { IgcRenderFunction } from './common';
|
|
23
24
|
import { IgcPivotConfiguration } from './igc-pivot-configuration';
|
|
24
|
-
import { IgcPivotKeys } from './igc-pivot-keys';
|
|
25
25
|
import { PivotDimensionType } from './pivot-dimension-type';
|
|
26
26
|
import { SortingDirection } from './sorting-direction';
|
|
27
27
|
import { IgcFilteringExpressionsTree } from './igc-filtering-expressions-tree';
|
|
@@ -97,6 +97,7 @@ import { IgcFilteringExpressionsTree } from './igc-filtering-expressions-tree';
|
|
|
97
97
|
|
|
98
98
|
|
|
99
99
|
/* mustSetInCodePlatforms: WebComponents;Blazor */
|
|
100
|
+
/* @tsTwoWayProperty (true, "PivotConfigurationChange", "Detail.PivotConfiguration", false) */
|
|
100
101
|
/**
|
|
101
102
|
* Gets/Sets the pivot configuration with all related dimensions and values.
|
|
102
103
|
*
|
|
@@ -105,7 +106,9 @@ import { IgcFilteringExpressionsTree } from './igc-filtering-expressions-tree';
|
|
|
105
106
|
* <igx-pivot-grid [pivotConfiguration]="config"></igx-pivot-grid>
|
|
106
107
|
* ```
|
|
107
108
|
*/
|
|
108
|
-
|
|
109
|
+
/* @tsTwoWayProperty (true, "PivotConfigurationChange", "Detail.PivotConfiguration", false) */
|
|
110
|
+
/* @blazorSynthesizeTwoWayBind */
|
|
111
|
+
public set pivotConfiguration(value: IgcPivotConfiguration);
|
|
109
112
|
public get pivotConfiguration(): IgcPivotConfiguration;
|
|
110
113
|
|
|
111
114
|
|
|
@@ -128,16 +131,6 @@ import { IgcFilteringExpressionsTree } from './igc-filtering-expressions-tree';
|
|
|
128
131
|
public get superCompactMode(): boolean;
|
|
129
132
|
|
|
130
133
|
|
|
131
|
-
public set dimensionDataColumns(value: any);
|
|
132
|
-
public get dimensionDataColumns(): any;
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
public get pivotKeys(): IgcPivotKeys;
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
public get emptyRowDimension(): IgcPivotDimension;
|
|
139
|
-
|
|
140
|
-
|
|
141
134
|
|
|
142
135
|
/**
|
|
143
136
|
* Gets/Sets the default expand state for all rows.
|
|
@@ -187,47 +180,6 @@ import { IgcFilteringExpressionsTree } from './igc-filtering-expressions-tree';
|
|
|
187
180
|
public get data(): any[];
|
|
188
181
|
|
|
189
182
|
|
|
190
|
-
/**
|
|
191
|
-
* Sets an array of objects containing the filtered data.
|
|
192
|
-
* ```typescript
|
|
193
|
-
* this.grid.filteredData = [{
|
|
194
|
-
* ID: 1,
|
|
195
|
-
* Name: "A"
|
|
196
|
-
* }];
|
|
197
|
-
* ```
|
|
198
|
-
*/
|
|
199
|
-
public set filteredData(value: any);
|
|
200
|
-
public get filteredData(): any;
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
public get pivotContentCalcWidth(): number;
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
public get pivotPinnedWidth(): number;
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
public get pivotUnpinnedWidth(): number;
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
public get rowDimensions(): IgcPivotDimension[];
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
public get columnDimensions(): IgcPivotDimension[];
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
public get filterDimensions(): IgcPivotDimension[];
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
public get values(): IgcPivotValue[];
|
|
229
|
-
|
|
230
|
-
|
|
231
183
|
|
|
232
184
|
/**
|
|
233
185
|
* Gets/Sets a custom template when pivot grid is empty.
|
|
@@ -440,6 +392,17 @@ export declare interface IgcPivotGridComponentEventMap {
|
|
|
440
392
|
*/
|
|
441
393
|
dimensionsChange: CustomEvent<IgcDimensionsChange>;
|
|
442
394
|
|
|
395
|
+
/**
|
|
396
|
+
* Emitted when any of the pivotConfiguration properties is changed via the grid chip area.
|
|
397
|
+
*
|
|
398
|
+
* @example
|
|
399
|
+
* ```html
|
|
400
|
+
* <igx-pivot-grid #grid [data]="localData" [height]="'305px'"
|
|
401
|
+
* (pivotConfigurationChanged)="configurationChanged($event)"></igx-grid>
|
|
402
|
+
* ```
|
|
403
|
+
*/
|
|
404
|
+
pivotConfigurationChange: CustomEvent<IgcPivotConfigurationChangedEventArgs>;
|
|
405
|
+
|
|
443
406
|
/**
|
|
444
407
|
* Emitted when the dimension is initialized.
|
|
445
408
|
* @remarks
|
|
@@ -174,20 +174,6 @@ import { IgcRowType } from './igc-row-type';
|
|
|
174
174
|
|
|
175
175
|
|
|
176
176
|
|
|
177
|
-
|
|
178
|
-
/**
|
|
179
|
-
* Returns an array of objects containing the filtered data in the `IgxGridComponent`.
|
|
180
|
-
* ```typescript
|
|
181
|
-
* let filteredData = this.grid.filteredData;
|
|
182
|
-
* ```
|
|
183
|
-
*
|
|
184
|
-
* @memberof IgxTreeGridComponent
|
|
185
|
-
*/
|
|
186
|
-
public set filteredData(value: any);
|
|
187
|
-
public get filteredData(): any;
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
177
|
/**
|
|
192
178
|
* An @Input property that sets the count of levels to be expanded in the `IgxTreeGridComponent`. By default it is
|
|
193
179
|
* set to `Infinity` which means all levels would be expanded.
|
|
@@ -232,33 +218,24 @@ import { IgcRowType } from './igc-row-type';
|
|
|
232
218
|
*/
|
|
233
219
|
public get selectedCells(): IgcCellType[];
|
|
234
220
|
|
|
235
|
-
|
|
236
|
-
|
|
237
|
-
/**
|
|
238
|
-
* Returns if the `IgxTreeGridComponent` has groupable columns.
|
|
239
|
-
*
|
|
240
|
-
* @example
|
|
241
|
-
* ```typescript
|
|
242
|
-
* const groupableGrid = this.grid.hasGroupableColumns;
|
|
243
|
-
* ```
|
|
244
|
-
*/
|
|
245
|
-
public get hasGroupableColumns(): boolean;
|
|
246
|
-
|
|
247
221
|
|
|
248
222
|
|
|
223
|
+
/* csSuppress */
|
|
249
224
|
/**
|
|
250
|
-
* @
|
|
251
|
-
*
|
|
252
|
-
*
|
|
253
|
-
*
|
|
254
|
-
*
|
|
225
|
+
* An @Input property that provides a callback for loading child rows on demand.
|
|
226
|
+
* ```html
|
|
227
|
+
* <igx-tree-grid [data]="employeeData" [primaryKey]="'employeeID'" [foreignKey]="'parentID'" [loadChildrenOnDemand]="loadChildren">
|
|
228
|
+
* </igx-tree-grid>
|
|
229
|
+
* ```
|
|
255
230
|
* ```typescript
|
|
256
|
-
*
|
|
231
|
+
* public loadChildren = (parentID: any, done: (children: any[]) => void) => {
|
|
232
|
+
* this.dataService.getData(parentID, children => done(children));
|
|
233
|
+
* }
|
|
257
234
|
* ```
|
|
258
|
-
*
|
|
259
|
-
* @
|
|
235
|
+
*
|
|
236
|
+
* @memberof IgxTreeGridComponent
|
|
260
237
|
*/
|
|
261
|
-
public
|
|
238
|
+
public loadChildrenOnDemand(parentID: any, done: (children: any[]) => void): void;
|
|
262
239
|
|
|
263
240
|
|
|
264
241
|
|