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.
Files changed (48) hide show
  1. package/bundles/igniteui-webcomponents-grids.umd.js +102 -94
  2. package/bundles/igniteui-webcomponents-grids.umd.min.js +1 -1
  3. package/esm2015/lib/ColumnFilterCondition_combined.js +101 -94
  4. package/esm2015/lib/ComboEditorView.js +1 -0
  5. package/esm5/lib/ColumnFilterCondition_combined.js +101 -94
  6. package/esm5/lib/ComboEditorView.js +1 -0
  7. package/fesm2015/igniteui-webcomponents-grids.js +102 -94
  8. package/fesm5/igniteui-webcomponents-grids.js +102 -94
  9. package/grids/3rdpartylicenses.txt +201 -0
  10. package/grids/combined.js +54960 -81
  11. package/grids/index.d.ts +1 -3
  12. package/grids/lib/igc-base-toolbar-directive.d.ts +0 -4
  13. package/grids/lib/igc-cell-type.d.ts +6 -0
  14. package/grids/lib/igc-column-component.d.ts +1 -65
  15. package/grids/lib/igc-column-group-component.d.ts +0 -24
  16. package/grids/lib/igc-column-layout-component.d.ts +0 -26
  17. package/grids/lib/igc-column-pipe-args.d.ts +1 -0
  18. package/grids/lib/igc-data-clone-strategy.d.ts +5 -0
  19. package/grids/lib/igc-dimensions-change.d.ts +0 -1
  20. package/grids/lib/igc-display-density-base.d.ts +3 -5
  21. package/grids/lib/igc-grid-action-button-component.d.ts +0 -1
  22. package/grids/lib/igc-grid-actions-base-directive.d.ts +0 -11
  23. package/grids/lib/igc-grid-base-directive.d.ts +59 -554
  24. package/grids/lib/igc-grid-component.d.ts +3 -86
  25. package/grids/lib/igc-grid-editing-actions-component.d.ts +0 -16
  26. package/grids/lib/igc-paginator-component.d.ts +0 -16
  27. package/grids/lib/igc-pivot-aggregator.d.ts +1 -0
  28. package/grids/lib/igc-pivot-configuration-changed-event-args.d.ts +23 -0
  29. package/grids/lib/igc-pivot-configuration.d.ts +1 -0
  30. package/grids/lib/igc-pivot-dimension-strategy.d.ts +2 -1
  31. package/grids/lib/igc-pivot-grid-component.d.ts +16 -53
  32. package/grids/lib/igc-pivot-keys.d.ts +1 -0
  33. package/grids/lib/igc-pivot-value.d.ts +1 -0
  34. package/grids/lib/igc-sorting-options.d.ts +1 -0
  35. package/grids/lib/igc-tree-grid-component.d.ts +12 -35
  36. package/grids/styles.css +1 -1
  37. package/grids/themes/dark/bootstrap.css +1 -1
  38. package/grids/themes/dark/fluent.css +1 -1
  39. package/grids/themes/dark/indigo.css +1 -1
  40. package/grids/themes/dark/material.css +1 -1
  41. package/grids/themes/light/bootstrap.css +1 -1
  42. package/grids/themes/light/fluent.css +1 -1
  43. package/grids/themes/light/indigo.css +1 -1
  44. package/grids/themes/light/material.css +1 -1
  45. package/package.json +4 -4
  46. package/grids/lib/igc-grid-filtering-row-component.d.ts +0 -16
  47. package/grids/lib/igc-mrl-column-size-info.d.ts +0 -18
  48. 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 set groupsRecords(value: IgcGroupByRecord[]);
146
- public get groupsRecords(): IgcGroupByRecord[];
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
  /**
@@ -5,6 +5,7 @@ import { PivotAggregationType } from './pivot-aggregation-type';
5
5
  /* jsonAPIPlainObject */
6
6
 
7
7
 
8
+ /* marshalByValue */
8
9
  /**
9
10
  * Interface describing a IPivotAggregator class.
10
11
  * Used for specifying custom aggregator lists.
@@ -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
+
@@ -8,6 +8,7 @@ import { IgcPivotKeys } from './igc-pivot-keys';
8
8
  /* jsonAPIPlainObject */
9
9
 
10
10
 
11
+ /* marshalByValue */
11
12
  /**
12
13
  * Configuration of the pivot grid.
13
14
  */
@@ -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
- public set pivotConfiguration(value: IgcPivotConfiguration);
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
@@ -4,6 +4,7 @@
4
4
  /* jsonAPIPlainObject */
5
5
 
6
6
 
7
+ /* marshalByValue */
7
8
  /** Interface describing the Pivot data keys used for data generation.
8
9
  * Can be used for custom remote scenarios where the data is pre-populated.
9
10
  */
@@ -8,6 +8,7 @@ import { IgcPivotGridRecord } from './igc-pivot-grid-record';
8
8
  /* jsonAPIPlainObject */
9
9
 
10
10
 
11
+ /* marshalByValue */
11
12
  /**
12
13
  * Configuration of a pivot value aggregation.
13
14
  */
@@ -4,6 +4,7 @@ import { SortingOptionsMode } from './sorting-options-mode';
4
4
 
5
5
  /* jsonAPIPlainObject */
6
6
 
7
+ // export type IColumnPipeArgs = IFieldPipeArgs
7
8
 
8
9
 
9
10
  export declare class IgcSortingOptions
@@ -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
- * @deprecated in version 12.1.0. Use `getCellByColumn` or `getCellByKey` instead
251
- *
252
- * Returns a `CellType` object that matches the conditions.
253
- *
254
- * @example
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
- * const myCell = this.grid1.getCellByColumnVisibleIndex(2,"UnitPrice");
231
+ * public loadChildren = (parentID: any, done: (children: any[]) => void) => {
232
+ * this.dataService.getData(parentID, children => done(children));
233
+ * }
257
234
  * ```
258
- * @param rowIndex
259
- * @param index
235
+ *
236
+ * @memberof IgxTreeGridComponent
260
237
  */
261
- public getCellByColumnVisibleIndex(rowIndex: number, index: number): IgcCellType;
238
+ public loadChildrenOnDemand(parentID: any, done: (children: any[]) => void): void;
262
239
 
263
240
 
264
241