igniteui-webcomponents-grids 1.4.2 → 3.2.2

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 (217) hide show
  1. package/bundles/igniteui-webcomponents-grids.umd.js +16049 -15259
  2. package/bundles/igniteui-webcomponents-grids.umd.min.js +1 -1
  3. package/esm2015/lib/BrowserExecutionContext.js +3 -1
  4. package/esm2015/lib/CanvasGridCellBase.js +6 -6
  5. package/esm2015/lib/CanvasSummaryCell.js +4 -4
  6. package/esm2015/lib/CanvasTemplateCellPresenter.js +1 -1
  7. package/esm2015/lib/CanvasTextHeaderCellPresenter.js +1 -1
  8. package/esm2015/lib/CellPresenterBase.js +1 -1
  9. package/esm2015/lib/CheckboxListView_combined.js +31 -31
  10. package/esm2015/lib/ColumnChooserView_combined.js +10 -10
  11. package/esm2015/lib/ColumnFilterCondition_combined.js +5546 -4404
  12. package/esm2015/lib/ColumnGroupingView_combined.js +186 -168
  13. package/esm2015/lib/ColumnPinningView_combined.js +6 -6
  14. package/esm2015/lib/ComparisonOperatorSelectorView_combined.js +13 -13
  15. package/esm2015/lib/DataGridAccessibilityLayoutPanel.js +5 -5
  16. package/esm2015/lib/DataGridCellLayoutPanel.js +25 -25
  17. package/esm2015/lib/DataGridLocaleEn.js +1 -0
  18. package/esm2015/lib/DataGridScrollerKeyboardListener.js +15 -15
  19. package/esm2015/lib/DataGridToolbarView_combined.js +294 -223
  20. package/esm2015/lib/DraggerView.js +8 -8
  21. package/esm2015/lib/GridColumnFilterOptionsView_combined.js +45 -26
  22. package/esm2015/lib/GridColumnGroupOptionsView_combined.js +5 -5
  23. package/esm2015/lib/GridColumnHideOptionsView_combined.js +3 -3
  24. package/esm2015/lib/GridColumnMoveOptionsView_combined.js +5 -5
  25. package/esm2015/lib/GridColumnOptionsViewBase_combined.js +2 -2
  26. package/esm2015/lib/GridColumnOptionsView_combined.js +2 -2
  27. package/esm2015/lib/GridColumnPinOptionsView_combined.js +2 -2
  28. package/esm2015/lib/GridColumnSummaryOptionsView_combined.js +8 -11
  29. package/esm2015/lib/GridExternalWrapper.js +6 -6
  30. package/esm2015/lib/GridFilterDialogView_combined.js +2 -2
  31. package/esm2015/lib/GridStyleRepository.js +5 -5
  32. package/esm2015/lib/HorizontalPropertyEditorDataSource.js +2 -2
  33. package/esm2015/lib/{PropertyEditorDescriptionObjectCollection.js → IDataGridComponent.js} +5 -1
  34. package/esm2015/lib/IToolbarVisualModelExport.js +11 -0
  35. package/esm2015/lib/MultiColumnComboBoxView_combined.js +314 -302
  36. package/esm2015/lib/MultiColumnComboVisualModelExport.js +2 -2
  37. package/esm2015/lib/PageChangedEventArgs.js +33 -0
  38. package/esm2015/lib/{PropertyEditorDataSource.js → PagedDataProvider.js} +1 -1
  39. package/{esm5/lib/PropertyEditorDataSource.js → esm2015/lib/Pager.js} +1 -1
  40. package/esm2015/lib/{PropertyEditorDescriptionObject.js → PagerDataSourceNotificationBridge.js} +1 -1
  41. package/{esm5/lib/PropertyEditorDescriptionObject.js → esm2015/lib/PagerGridDataSourceNotificationBridge.js} +1 -1
  42. package/esm2015/lib/PagerView.js +7 -0
  43. package/esm2015/lib/PagerVisualModelExport.js +82 -0
  44. package/esm2015/lib/PropertyEditorView_combined.js +145 -145
  45. package/esm2015/lib/TemplateCell.js +1 -1
  46. package/esm2015/lib/TemplateCellPresenter.js +1 -1
  47. package/esm2015/lib/TemplateHeader.js +2 -2
  48. package/esm2015/lib/{PropertyEditorPropertyDescriptionChangedEventArgs.js → ToolbarVisualModelExport.js} +9 -5
  49. package/esm2015/lib/VisualModelExport.js +77 -69
  50. package/esm2015/lib/igc-column-component.js +133 -113
  51. package/esm2015/lib/igc-column-grouping-component.js +33 -23
  52. package/esm2015/lib/igc-combo-box-column-component.js +10 -10
  53. package/esm2015/lib/igc-data-grid-component.js +588 -413
  54. package/esm2015/lib/igc-data-grid-module.js +4 -0
  55. package/esm2015/lib/igc-data-grid-pager-component.js +368 -0
  56. package/esm2015/lib/{igc-property-editor-property-description-module.js → igc-data-grid-pager-module.js} +6 -6
  57. package/esm2015/lib/igc-data-grid-toolbar-component.js +94 -35
  58. package/esm2015/lib/igc-date-time-column-component.js +23 -23
  59. package/esm2015/lib/igc-horizontal-property-editor-data-source.js +2 -2
  60. package/esm2015/lib/igc-image-column-component.js +12 -12
  61. package/esm2015/lib/igc-multi-column-combo-box-component.js +146 -140
  62. package/esm2015/lib/igc-numeric-column-component.js +35 -35
  63. package/esm2015/lib/igc-page-changed-event-args.js +46 -0
  64. package/esm2015/lib/igc-property-editor-component.js +7 -7
  65. package/esm2015/lib/igc-property-editor-module.js +1 -1
  66. package/esm2015/lib/igc-text-column-component.js +9 -9
  67. package/esm2015/public_api.js +14 -20
  68. package/esm5/lib/BrowserExecutionContext.js +3 -1
  69. package/esm5/lib/CanvasGridCellBase.js +6 -6
  70. package/esm5/lib/CanvasSummaryCell.js +4 -4
  71. package/esm5/lib/CanvasTemplateCellPresenter.js +1 -1
  72. package/esm5/lib/CanvasTextHeaderCellPresenter.js +1 -1
  73. package/esm5/lib/CellPresenterBase.js +1 -1
  74. package/esm5/lib/CheckboxListView_combined.js +31 -31
  75. package/esm5/lib/ColumnChooserView_combined.js +10 -10
  76. package/esm5/lib/ColumnFilterCondition_combined.js +5514 -4226
  77. package/esm5/lib/ColumnGroupingView_combined.js +188 -162
  78. package/esm5/lib/ColumnPinningView_combined.js +6 -6
  79. package/esm5/lib/ComparisonOperatorSelectorView_combined.js +13 -13
  80. package/esm5/lib/DataGridAccessibilityLayoutPanel.js +5 -5
  81. package/esm5/lib/DataGridCellLayoutPanel.js +25 -25
  82. package/esm5/lib/DataGridLocaleEn.js +1 -0
  83. package/esm5/lib/DataGridScrollerKeyboardListener.js +15 -15
  84. package/esm5/lib/DataGridToolbarView_combined.js +295 -220
  85. package/esm5/lib/DraggerView.js +8 -8
  86. package/esm5/lib/GridColumnFilterOptionsView_combined.js +45 -26
  87. package/esm5/lib/GridColumnGroupOptionsView_combined.js +5 -5
  88. package/esm5/lib/GridColumnHideOptionsView_combined.js +3 -3
  89. package/esm5/lib/GridColumnMoveOptionsView_combined.js +5 -5
  90. package/esm5/lib/GridColumnOptionsViewBase_combined.js +2 -2
  91. package/esm5/lib/GridColumnOptionsView_combined.js +2 -2
  92. package/esm5/lib/GridColumnPinOptionsView_combined.js +2 -2
  93. package/esm5/lib/GridColumnSummaryOptionsView_combined.js +8 -11
  94. package/esm5/lib/GridExternalWrapper.js +6 -6
  95. package/esm5/lib/GridFilterDialogView_combined.js +2 -2
  96. package/esm5/lib/GridStyleRepository.js +5 -5
  97. package/esm5/lib/HorizontalPropertyEditorDataSource.js +2 -2
  98. package/{esm2015/lib/PropertyEditorPropertyDescription.js → esm5/lib/IDataGridComponent.js} +5 -1
  99. package/esm5/lib/IToolbarVisualModelExport.js +11 -0
  100. package/esm5/lib/MultiColumnComboBoxView_combined.js +297 -285
  101. package/esm5/lib/MultiColumnComboVisualModelExport.js +2 -2
  102. package/esm5/lib/PageChangedEventArgs.js +43 -0
  103. package/esm5/lib/PagedDataProvider.js +7 -0
  104. package/esm5/lib/Pager.js +7 -0
  105. package/esm5/lib/PagerDataSourceNotificationBridge.js +7 -0
  106. package/esm5/lib/PagerGridDataSourceNotificationBridge.js +7 -0
  107. package/esm5/lib/PagerView.js +7 -0
  108. package/esm5/lib/PagerVisualModelExport.js +84 -0
  109. package/esm5/lib/PropertyEditorView_combined.js +144 -144
  110. package/esm5/lib/TemplateCell.js +1 -1
  111. package/esm5/lib/TemplateCellPresenter.js +1 -1
  112. package/esm5/lib/TemplateHeader.js +2 -2
  113. package/esm5/lib/ToolbarVisualModelExport.js +24 -0
  114. package/esm5/lib/VisualModelExport.js +77 -69
  115. package/esm5/lib/igc-column-component.js +141 -113
  116. package/esm5/lib/igc-column-grouping-component.js +35 -21
  117. package/esm5/lib/igc-combo-box-column-component.js +10 -10
  118. package/esm5/lib/igc-data-grid-component.js +636 -413
  119. package/esm5/lib/igc-data-grid-module.js +4 -0
  120. package/esm5/lib/igc-data-grid-pager-component.js +435 -0
  121. package/esm5/lib/igc-data-grid-pager-module.js +20 -0
  122. package/esm5/lib/igc-data-grid-toolbar-component.js +110 -35
  123. package/esm5/lib/igc-date-time-column-component.js +23 -23
  124. package/esm5/lib/igc-horizontal-property-editor-data-source.js +2 -2
  125. package/esm5/lib/igc-image-column-component.js +12 -12
  126. package/esm5/lib/igc-multi-column-combo-box-component.js +147 -141
  127. package/esm5/lib/igc-numeric-column-component.js +35 -35
  128. package/esm5/lib/igc-page-changed-event-args.js +60 -0
  129. package/esm5/lib/igc-property-editor-component.js +7 -7
  130. package/esm5/lib/igc-property-editor-module.js +1 -1
  131. package/esm5/lib/igc-text-column-component.js +9 -9
  132. package/esm5/public_api.js +14 -20
  133. package/fesm2015/igniteui-webcomponents-grids.js +17478 -16796
  134. package/fesm5/igniteui-webcomponents-grids.js +16939 -16142
  135. package/lib/ColumnFilterCondition_combined.d.ts +1025 -824
  136. package/lib/ColumnGroupingView_combined.d.ts +44 -41
  137. package/lib/DataGridLocaleEn.d.ts +1 -0
  138. package/lib/DataGridToolbarView_combined.d.ts +50 -41
  139. package/lib/GridColumnGroupOptionsView_combined.d.ts +1 -1
  140. package/lib/HorizontalPropertyEditorDataSource.d.ts +1 -1
  141. package/lib/IDataGridComponent.d.ts +12 -0
  142. package/lib/IToolbarVisualModelExport.d.ts +11 -0
  143. package/lib/MultiColumnComboBoxView_combined.d.ts +78 -76
  144. package/lib/PageChangedEventArgs.d.ts +11 -0
  145. package/lib/PagedDataProvider.d.ts +1 -0
  146. package/lib/Pager.d.ts +1 -0
  147. package/lib/PagerDataSourceNotificationBridge.d.ts +1 -0
  148. package/lib/PagerGridDataSourceNotificationBridge.d.ts +1 -0
  149. package/lib/PagerView.d.ts +1 -0
  150. package/lib/PagerVisualModelExport.d.ts +25 -0
  151. package/lib/PropertyEditorView_combined.d.ts +10 -10
  152. package/lib/ToolbarVisualModelExport.d.ts +9 -0
  153. package/lib/VisualModelExport.d.ts +21 -17
  154. package/lib/igc-column-component.d.ts +9 -1
  155. package/lib/igc-column-grouping-component.d.ts +8 -4
  156. package/lib/igc-data-grid-component.d.ts +56 -0
  157. package/lib/igc-data-grid-pager-component.d.ts +101 -0
  158. package/lib/igc-data-grid-pager-module.d.ts +3 -0
  159. package/lib/igc-data-grid-toolbar-component.d.ts +15 -0
  160. package/lib/igc-horizontal-property-editor-data-source.d.ts +2 -2
  161. package/lib/igc-multi-column-combo-box-component.d.ts +1 -0
  162. package/lib/igc-page-changed-event-args.d.ts +20 -0
  163. package/lib/igc-property-editor-component.d.ts +2 -2
  164. package/package.json +5 -5
  165. package/public_api.d.ts +14 -20
  166. package/esm2015/lib/PropertyEditorPropertyDescriptionButtonClickEventArgs.js +0 -16
  167. package/esm2015/lib/PropertyEditorPropertyDescriptionCollection.js +0 -7
  168. package/esm2015/lib/PropertyEditorPropertyDescriptionTargetPropertyUpdatingEventArgs.js +0 -40
  169. package/esm2015/lib/PropertyEditorPropertyDescription_combined.js +0 -463
  170. package/esm2015/lib/PropertyEditorTreeTransformer.js +0 -207
  171. package/esm2015/lib/PropertyEditorValueType.js +0 -35
  172. package/esm2015/lib/igc-property-editor-data-source.js +0 -39
  173. package/esm2015/lib/igc-property-editor-description-object-collection.js +0 -48
  174. package/esm2015/lib/igc-property-editor-description-object.js +0 -70
  175. package/esm2015/lib/igc-property-editor-property-description-button-click-event-args.js +0 -24
  176. package/esm2015/lib/igc-property-editor-property-description-changed-event-args.js +0 -24
  177. package/esm2015/lib/igc-property-editor-property-description-collection.js +0 -48
  178. package/esm2015/lib/igc-property-editor-property-description-component.js +0 -372
  179. package/esm2015/lib/igc-property-editor-property-description-target-property-updating-event-args.js +0 -42
  180. package/esm5/lib/PropertyEditorDescriptionObjectCollection.js +0 -7
  181. package/esm5/lib/PropertyEditorPropertyDescription.js +0 -7
  182. package/esm5/lib/PropertyEditorPropertyDescriptionButtonClickEventArgs.js +0 -20
  183. package/esm5/lib/PropertyEditorPropertyDescriptionChangedEventArgs.js +0 -20
  184. package/esm5/lib/PropertyEditorPropertyDescriptionCollection.js +0 -7
  185. package/esm5/lib/PropertyEditorPropertyDescriptionTargetPropertyUpdatingEventArgs.js +0 -54
  186. package/esm5/lib/PropertyEditorPropertyDescription_combined.js +0 -525
  187. package/esm5/lib/PropertyEditorTreeTransformer.js +0 -209
  188. package/esm5/lib/PropertyEditorValueType.js +0 -35
  189. package/esm5/lib/igc-property-editor-data-source.js +0 -53
  190. package/esm5/lib/igc-property-editor-description-object-collection.js +0 -53
  191. package/esm5/lib/igc-property-editor-description-object.js +0 -84
  192. package/esm5/lib/igc-property-editor-property-description-button-click-event-args.js +0 -30
  193. package/esm5/lib/igc-property-editor-property-description-changed-event-args.js +0 -30
  194. package/esm5/lib/igc-property-editor-property-description-collection.js +0 -53
  195. package/esm5/lib/igc-property-editor-property-description-component.js +0 -445
  196. package/esm5/lib/igc-property-editor-property-description-module.js +0 -20
  197. package/esm5/lib/igc-property-editor-property-description-target-property-updating-event-args.js +0 -60
  198. package/lib/PropertyEditorDataSource.d.ts +0 -1
  199. package/lib/PropertyEditorDescriptionObject.d.ts +0 -1
  200. package/lib/PropertyEditorDescriptionObjectCollection.d.ts +0 -1
  201. package/lib/PropertyEditorPropertyDescription.d.ts +0 -1
  202. package/lib/PropertyEditorPropertyDescriptionButtonClickEventArgs.d.ts +0 -7
  203. package/lib/PropertyEditorPropertyDescriptionChangedEventArgs.d.ts +0 -7
  204. package/lib/PropertyEditorPropertyDescriptionCollection.d.ts +0 -1
  205. package/lib/PropertyEditorPropertyDescriptionTargetPropertyUpdatingEventArgs.d.ts +0 -13
  206. package/lib/PropertyEditorPropertyDescription_combined.d.ts +0 -88
  207. package/lib/PropertyEditorTreeTransformer.d.ts +0 -17
  208. package/lib/PropertyEditorValueType.d.ts +0 -28
  209. package/lib/igc-property-editor-data-source.d.ts +0 -16
  210. package/lib/igc-property-editor-description-object-collection.d.ts +0 -8
  211. package/lib/igc-property-editor-description-object.d.ts +0 -17
  212. package/lib/igc-property-editor-property-description-button-click-event-args.d.ts +0 -12
  213. package/lib/igc-property-editor-property-description-changed-event-args.d.ts +0 -12
  214. package/lib/igc-property-editor-property-description-collection.d.ts +0 -8
  215. package/lib/igc-property-editor-property-description-component.d.ts +0 -65
  216. package/lib/igc-property-editor-property-description-module.d.ts +0 -3
  217. package/lib/igc-property-editor-property-description-target-property-updating-event-args.d.ts +0 -15
@@ -9,7 +9,7 @@ import { MultiColumnComboBox } from "./MultiColumnComboBox";
9
9
  import { XCheckbox } from "igniteui-webcomponents-inputs";
10
10
  import { XButton } from "igniteui-webcomponents-inputs";
11
11
  import { Grid } from "./Grid";
12
- import { PropertyEditorPropertyDescriptionCollection } from "./PropertyEditorPropertyDescriptionCollection";
12
+ import { PropertyEditorPropertyDescriptionCollection } from "igniteui-webcomponents-layouts";
13
13
  import { InputGroupDisplayType } from "igniteui-webcomponents-inputs";
14
14
  import { BaseControlTheme } from "igniteui-webcomponents-core";
15
15
  import { ControlDisplayDensity } from "igniteui-webcomponents-core";
@@ -60,14 +60,14 @@ export declare class PropertyEditorView extends Base {
60
60
  */
61
61
  export declare class PropertyEditor extends Base implements INotifyPropertyChanged {
62
62
  static $t: Type;
63
- private s;
63
+ private m;
64
64
  l: Grid;
65
65
  private ab;
66
66
  private d;
67
67
  private ah;
68
68
  private c;
69
- private t;
70
- private u;
69
+ private n;
70
+ private o;
71
71
  private ai;
72
72
  private static readonly d9;
73
73
  private static readonly ci;
@@ -85,14 +85,14 @@ export declare class PropertyEditor extends Base implements INotifyPropertyChang
85
85
  provideContainer(a: DomRenderer): void;
86
86
  private dh;
87
87
  dt(a: string): void;
88
- private o;
88
+ private t;
89
89
  actualProperties: PropertyEditorPropertyDescriptionCollection;
90
- private p;
90
+ private u;
91
91
  properties: PropertyEditorPropertyDescriptionCollection;
92
92
  private bw;
93
93
  b8: string;
94
- private v;
95
- w: InputGroupDisplayType;
94
+ private p;
95
+ q: InputGroupDisplayType;
96
96
  private bm;
97
97
  br: number;
98
98
  private ac;
@@ -177,7 +177,7 @@ export declare class PropertyEditor extends Base implements INotifyPropertyChang
177
177
  private cw;
178
178
  private cx;
179
179
  private cv;
180
- private n;
180
+ private s;
181
181
  private au;
182
182
  private bp;
183
183
  private cn;
@@ -212,6 +212,6 @@ export declare class PropertyEditor extends Base implements INotifyPropertyChang
212
212
  ea: Brush;
213
213
  private bq;
214
214
  private bn;
215
- private m;
215
+ private r;
216
216
  private cm;
217
217
  }
@@ -0,0 +1,9 @@
1
+ import { Base, Type } from "igniteui-webcomponents-core";
2
+ import { IToolbarVisualModelExport } from "./IToolbarVisualModelExport";
3
+ /**
4
+ * @hidden
5
+ */
6
+ export declare class ToolbarVisualModelExport extends Base implements IToolbarVisualModelExport {
7
+ static $t: Type;
8
+ serialize(): string;
9
+ }
@@ -2,26 +2,28 @@ import { Base, Type } from "igniteui-webcomponents-core";
2
2
  import { RectData } from "igniteui-webcomponents-core";
3
3
  import { GridLayerExport } from "./GridLayerExport";
4
4
  import { IColumnGroupingVisualModelExport } from "./IColumnGroupingVisualModelExport";
5
+ import { PagerVisualModelExport } from "./PagerVisualModelExport";
6
+ import { IToolbarVisualModelExport } from "./IToolbarVisualModelExport";
5
7
  import { List$1 } from "igniteui-webcomponents-core";
6
8
  /**
7
9
  * @hidden
8
10
  */
9
11
  export declare class VisualModelExport extends Base {
10
12
  static $t: Type;
11
- ah: RectData;
12
- ak: number;
13
- aj: number;
14
- aq: number;
15
- ap: number;
16
- an: number;
17
- ao: number;
13
+ aj: RectData;
14
+ am: number;
18
15
  al: number;
19
- at: number;
20
- au: number;
21
- av: number;
22
16
  as: number;
23
17
  ar: number;
18
+ ap: number;
19
+ aq: number;
20
+ an: number;
21
+ av: number;
24
22
  aw: number;
23
+ ax: number;
24
+ au: number;
25
+ at: number;
26
+ ay: number;
25
27
  z: GridLayerExport;
26
28
  a: GridLayerExport;
27
29
  ac: GridLayerExport;
@@ -54,12 +56,14 @@ export declare class VisualModelExport extends Base {
54
56
  q: GridLayerExport;
55
57
  f: GridLayerExport;
56
58
  s: GridLayerExport;
57
- ag: IColumnGroupingVisualModelExport;
58
- am: number;
59
+ ah: IColumnGroupingVisualModelExport;
60
+ ag: PagerVisualModelExport;
61
+ ai: IToolbarVisualModelExport;
62
+ ao: number;
59
63
  constructor();
60
- a0(): void;
61
- ai: List$1<GridLayerExport>;
62
- ax: number;
63
- az(): void;
64
- ay(): string;
64
+ a2(): void;
65
+ ak: List$1<GridLayerExport>;
66
+ az: number;
67
+ a1(): void;
68
+ a0(): string;
65
69
  }
@@ -173,13 +173,21 @@ export declare abstract class IgcColumnComponent extends IgcDefinitionBaseCompon
173
173
  */
174
174
  isColumnOptionsEnabled: boolean;
175
175
  /**
176
- * Gets the actual state of the column options for this column.
176
+ * Gets the actual state of summaries menu in the column options for this column.
177
177
  */
178
178
  actualIsColumnOptionsSummariesEnabled: boolean;
179
179
  /**
180
180
  * Gets or sets whether to show the summaries option in the column options menu for this column.
181
181
  */
182
182
  isColumnOptionsSummariesEnabled: boolean;
183
+ /**
184
+ * Gets the actual state of grouping menu in the column options for this column.
185
+ */
186
+ actualIsColumnOptionsGroupingEnabled: boolean;
187
+ /**
188
+ * Gets or sets whether to show the grouping option in the column options menu for this column.
189
+ */
190
+ isColumnOptionsGroupingEnabled: boolean;
183
191
  /**
184
192
  * Gets or sets if the column is editable.
185
193
  */
@@ -73,13 +73,17 @@ export declare class IgcColumnGroupingComponent extends IgcHTMLElement {
73
73
  */
74
74
  iconColor: string;
75
75
  /**
76
- * Gets or Sets the property name that contains the values.
76
+ * Gets or sets the background color of the column items in the group area.
77
77
  */
78
- backgroundColor: string;
78
+ itemBackgroundColor: string;
79
79
  /**
80
- * Gets or Sets the property name that contains the values.
80
+ * Gets or sets the background color of the column items when hovered by the mouse.
81
81
  */
82
- hoverBackgroundColor: string;
82
+ itemHoverBackgroundColor: string;
83
+ /**
84
+ * Gets or sets the background of the group by area.
85
+ */
86
+ backgroundColor: string;
83
87
  findByName(name: string): any;
84
88
  protected __p: string;
85
89
  protected _hasUserValues: Set<string>;
@@ -98,6 +98,7 @@ export declare class IgcDataGridComponent extends IgcHTMLElement {
98
98
  */
99
99
  combinedColumns: IgcColumnComponent[];
100
100
  private _container;
101
+ private _contentArea;
101
102
  private _portalManager;
102
103
  private _disableManualColumnSync;
103
104
  private _ensureColumnsAreManual;
@@ -138,10 +139,16 @@ export declare class IgcDataGridComponent extends IgcHTMLElement {
138
139
  private _initialized;
139
140
  connectedCallback(): void;
140
141
  private SetupColumnGrouping;
142
+ private showPager;
143
+ private hidePager;
144
+ private showToolbar;
145
+ private hideToolbar;
141
146
  readonly actualDataSource: IDataSource;
142
147
  private _scroller;
143
148
  private _wrapper;
144
149
  private _grid;
150
+ private _pager;
151
+ private _toolbar;
145
152
  private containerResized;
146
153
  private afterContentInit;
147
154
  private _contentLayout;
@@ -187,6 +194,15 @@ export declare class IgcDataGridComponent extends IgcHTMLElement {
187
194
  * Gets or sets if the Column Grouping Area should be shown and enabled
188
195
  */
189
196
  isGroupByAreaVisible: boolean;
197
+ private _isPagerVisible;
198
+ /**
199
+ * Gets or sets whether to show the pager or not.
200
+ */
201
+ isPagerVisible: boolean | string;
202
+ /**
203
+ * Gets or sets whether to show the toolbar.
204
+ */
205
+ isToolbarVisible: boolean | string;
190
206
  /**
191
207
  * Get the cell that contains the provided coordinates.
192
208
  */
@@ -390,6 +406,10 @@ export declare class IgcDataGridComponent extends IgcHTMLElement {
390
406
  * Sets or gets how selection behaves in the grid.
391
407
  */
392
408
  selectionBehavior: GridSelectionBehavior;
409
+ /**
410
+ * Gets or sets the ability to select rows or cells via mouse dragging. Currently only applies when SelectionMode is MultipleRow or RangeCell.
411
+ */
412
+ mouseDragSelectionEnabled: boolean;
393
413
  private _selectedItems;
394
414
  /**
395
415
  * Gets which items are currently selected in the grid. Collection can be updated to programatically select items.
@@ -770,6 +790,10 @@ export declare class IgcDataGridComponent extends IgcHTMLElement {
770
790
  * Gets or sets whether to show the summaries option in the column options menu.
771
791
  */
772
792
  isColumnOptionsSummariesEnabled: boolean;
793
+ /**
794
+ * Gets or sets whether to show the grouping option in the column options menu.
795
+ */
796
+ isColumnOptionsGroupingEnabled: boolean;
773
797
  /**
774
798
  * Gets or sets if and how cell merging is performed for all fields.
775
799
  */
@@ -799,6 +823,38 @@ export declare class IgcDataGridComponent extends IgcHTMLElement {
799
823
  * Gets or sets whether selection is cleared when pressing the Escape key.
800
824
  */
801
825
  clearSelectionOnEscape: boolean;
826
+ /**
827
+ * Gets or sets the size of each page when the pager is visible.
828
+ */
829
+ pageSize: number;
830
+ /**
831
+ * Gets or sets whether to show the column chooser button in the toolbar.
832
+ */
833
+ isToolbarColumnChooserVisible: boolean;
834
+ /**
835
+ * Gets or sets whether to show the column pinning button in the toolbar.
836
+ */
837
+ isToolbarColumnPinningVisible: boolean;
838
+ /**
839
+ * Gets or sets the title text to use in the toolbar.
840
+ */
841
+ toolbarTitle: string;
842
+ /**
843
+ * Gets or sets the column chooser button text to use in the toolbar.
844
+ */
845
+ toolbarColumnChooserText: string;
846
+ /**
847
+ * Gets or sets the column chooser title text to use in the toolbar.
848
+ */
849
+ toolbarColumnChooserTitle: string;
850
+ /**
851
+ * Gets or sets the column pinning button text to use in the toolbar.
852
+ */
853
+ toolbarColumnPinningText: string;
854
+ /**
855
+ * Gets or sets the column pinning title text to use in the toolbar.
856
+ */
857
+ toolbarColumnPinningTitle: string;
802
858
  findByName(name: string): any;
803
859
  protected __p: string;
804
860
  protected _hasUserValues: Set<string>;
@@ -0,0 +1,101 @@
1
+ import { IDataSource } from "igniteui-webcomponents-core";
2
+ import { Pager } from "./Pager";
3
+ import { IgcHTMLElement } from "igniteui-webcomponents-core";
4
+ import { IgcDataGridComponent } from "./igc-data-grid-component";
5
+ import { IgcPageChangedEventArgs } from "./igc-page-changed-event-args";
6
+ export declare class IgcDataGridPagerComponent extends IgcHTMLElement {
7
+ private _height;
8
+ private _width;
9
+ height: string;
10
+ width: string;
11
+ protected createImplementation(): Pager;
12
+ protected _implementation: any;
13
+ readonly i: Pager;
14
+ private onImplementationCreated;
15
+ private _contentInitialized;
16
+ private _renderer;
17
+ constructor();
18
+ private _disconnected;
19
+ disconnectedCallback(): void;
20
+ connectedCallback(): void;
21
+ private containerResized;
22
+ private afterContentInit;
23
+ readonly actualDataSource: IDataSource;
24
+ private _dataSource;
25
+ /**
26
+ * Gets or sets the data used by the pager.
27
+ * */
28
+ dataSource: any;
29
+ /**
30
+ * Gets or sets the target grid for the pager.
31
+ * */
32
+ targetGrid: IgcDataGridComponent;
33
+ private _settingAttributes;
34
+ protected _attached: boolean;
35
+ private _queuedSetAttributes;
36
+ protected _enqueueSetAttribute(attrName: string, attrValue: string): void;
37
+ protected _flushQueuedAttributes(): void;
38
+ protected _a(attrName: string, attrValue: any): void;
39
+ private static _observedAttributesIgcDataGridPagerComponent;
40
+ static readonly observedAttributes: string[];
41
+ private _updatingFromAttribute;
42
+ attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
43
+ static htmlTagName: string;
44
+ protected static _isElementRegistered: boolean;
45
+ static register(): void;
46
+ pagerText: string;
47
+ /**
48
+ * Gets or sets the page size.
49
+ */
50
+ pageSize: number;
51
+ /**
52
+ * Gets the page count.
53
+ */
54
+ pageCount: number;
55
+ /**
56
+ * Gets or sets the current page for the pager.
57
+ */
58
+ currentPage: number;
59
+ /**
60
+ * Gets or sets the font to use for content cells
61
+ */
62
+ textStyle: string;
63
+ /**
64
+ * Gets or sets the background color to use.
65
+ */
66
+ background: string;
67
+ /**
68
+ * Gets or sets the border color around the grid.
69
+ */
70
+ border: string;
71
+ findByName(name: string): any;
72
+ protected __p: string;
73
+ protected _hasUserValues: Set<string>;
74
+ protected readonly hasUserValues: Set<string>;
75
+ protected __m(propertyName: string): void;
76
+ protected _stylingContainer: any;
77
+ protected _stylingParent: any;
78
+ protected _inStyling: boolean;
79
+ protected _styling(container: any, component: any, parent?: any): void;
80
+ nextPage(): void;
81
+ previousPage(): void;
82
+ firstPage(): void;
83
+ lastPage(): void;
84
+ provideContainer(container: any): void;
85
+ /**
86
+ * Exports visual information about the current state of the grid.
87
+
88
+ */
89
+ exportVisualModel(): any;
90
+ /**
91
+ * Returns a serialized copy of the exported visual model
92
+
93
+ */
94
+ exportSerializedVisualModel(): string;
95
+ private _pageChanged;
96
+ private _pageChanged_wrapped;
97
+ /**
98
+ * Event called when the page has changed.
99
+ */
100
+ pageChanged: (s: IgcDataGridPagerComponent, e: IgcPageChangedEventArgs) => void;
101
+ }
@@ -0,0 +1,3 @@
1
+ export declare class IgcDataGridPagerModule {
2
+ static register(): void;
3
+ }
@@ -88,6 +88,11 @@ export declare class IgcDataGridToolbarComponent extends IgcHTMLElement {
88
88
  * Gets or Sets the property name that contains the values.
89
89
  */
90
90
  columnPinningTitle: string;
91
+ borderWidthBottom: number;
92
+ borderWidthLeft: number;
93
+ borderWidthRight: number;
94
+ borderWidthTop: number;
95
+ ensureBorderWidth(): void;
91
96
  /**
92
97
  * Gets or Sets the property name that contains the values.
93
98
  */
@@ -105,4 +110,14 @@ export declare class IgcDataGridToolbarComponent extends IgcHTMLElement {
105
110
  protected _stylingParent: any;
106
111
  protected _inStyling: boolean;
107
112
  protected _styling(container: any, component: any, parent?: any): void;
113
+ /**
114
+ * Exports visual information about the current state of the toolbar.
115
+
116
+ */
117
+ exportVisualModel(): any;
118
+ /**
119
+ * Returns a serialized copy of the exported visual model
120
+
121
+ */
122
+ exportSerializedVisualModel(): string;
108
123
  }
@@ -1,7 +1,7 @@
1
1
  import { IgCollection } from "igniteui-webcomponents-core";
2
2
  import { SyncableObservableCollection$2 } from "igniteui-webcomponents-core";
3
- import { PropertyEditorPropertyDescription as PropertyEditorPropertyDescription_internal } from './PropertyEditorPropertyDescription';
4
- import { IgcPropertyEditorPropertyDescriptionComponent as IgcPropertyEditorPropertyDescriptionComponent } from './igc-property-editor-property-description-component';
3
+ import { PropertyEditorPropertyDescription as PropertyEditorPropertyDescription_internal } from "igniteui-webcomponents-layouts";
4
+ import { IgcPropertyEditorPropertyDescriptionComponent as IgcPropertyEditorPropertyDescriptionComponent } from "igniteui-webcomponents-layouts";
5
5
  export declare class IgcHorizontalPropertyEditorDataSource extends IgCollection<IgcPropertyEditorPropertyDescriptionComponent, PropertyEditorPropertyDescription_internal> {
6
6
  constructor(list?: IgcPropertyEditorPropertyDescriptionComponent[]);
7
7
  protected _createInnerColl(): SyncableObservableCollection$2<IgcPropertyEditorPropertyDescriptionComponent, PropertyEditorPropertyDescription_internal>;
@@ -33,6 +33,7 @@ export declare class IgcMultiColumnComboBoxComponent extends IgcHTMLElement {
33
33
  * Gets or sets the default column width to use if a column as no local width.
34
34
  * */
35
35
  defaultColumnWidth: IgcColumnWidth;
36
+ private attributeSynced;
36
37
  private _settingAttributes;
37
38
  protected _attached: boolean;
38
39
  private _queuedSetAttributes;
@@ -0,0 +1,20 @@
1
+ import { PageChangedEventArgs as PageChangedEventArgs_internal } from "./PageChangedEventArgs";
2
+ export declare class IgcPageChangedEventArgs {
3
+ protected createImplementation(): PageChangedEventArgs_internal;
4
+ protected _implementation: any;
5
+ /**
6
+ * @hidden
7
+ */
8
+ readonly i: PageChangedEventArgs_internal;
9
+ private onImplementationCreated;
10
+ constructor();
11
+ protected _provideImplementation(i: any): void;
12
+ /**
13
+ * Gets the index for the page that just changed.
14
+ */
15
+ page: number;
16
+ /**
17
+ * Gets the data for the page that just changed.
18
+ */
19
+ data: any[];
20
+ }
@@ -5,8 +5,8 @@ import { ControlDisplayDensity } from "igniteui-webcomponents-core";
5
5
  import { IgcHTMLElement } from "igniteui-webcomponents-core";
6
6
  import { ComponentRenderer } from "igniteui-webcomponents-core";
7
7
  import { TypeDescriptionContext } from "igniteui-webcomponents-core";
8
- import { IgcPropertyEditorPropertyDescriptionCollection } from './igc-property-editor-property-description-collection';
9
- import { IgcPropertyEditorPropertyDescriptionComponent } from './igc-property-editor-property-description-component';
8
+ import { IgcPropertyEditorPropertyDescriptionCollection } from "igniteui-webcomponents-layouts";
9
+ import { IgcPropertyEditorPropertyDescriptionComponent } from "igniteui-webcomponents-layouts";
10
10
  import { InputGroupDisplayType } from "igniteui-webcomponents-inputs";
11
11
  export declare class IgcPropertyEditorComponent extends IgcHTMLElement {
12
12
  private _implementation;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "igniteui-webcomponents-grids",
3
- "version": "1.4.2",
3
+ "version": "3.2.2",
4
4
  "description": "Ignite UI WebComponents grid components.",
5
5
  "homepage": "https://github.com/IgniteUI/igniteui-webcomponents-grids",
6
6
  "keywords": [
@@ -15,12 +15,12 @@
15
15
  ],
16
16
  "license": "Infragistics(R) Ultimate license (http://www.infragistics.com/legal/ultimate/license/)",
17
17
  "dependencies": {
18
- "tslib": "^1.7.1"
18
+ "tslib": "^2.3.1"
19
19
  },
20
20
  "peerDependencies": {
21
- "igniteui-webcomponents-core": "1.4.2",
22
- "igniteui-webcomponents-layouts": "1.4.2",
23
- "igniteui-webcomponents-inputs": "1.4.2"
21
+ "igniteui-webcomponents-core": "3.2.2",
22
+ "igniteui-webcomponents-layouts": "3.2.2",
23
+ "igniteui-webcomponents-inputs": "3.2.2"
24
24
  },
25
25
  "sideEffects": false,
26
26
  "typings": "igniteui-webcomponents-grids.d.ts",
package/public_api.d.ts CHANGED
@@ -43,6 +43,8 @@ export * from './lib/igc-definition-base-component';
43
43
  export * from './lib/igc-grid-cell-value-changing-event-args';
44
44
  export * from './lib/igc-data-grid-all-columns-module';
45
45
  export * from './lib/igc-column-summary-description-collection';
46
+ export * from './lib/igc-data-grid-pager-module';
47
+ export * from './lib/igc-data-grid-pager-component';
46
48
  export * from './lib/igc-data-grid-locale-en-module';
47
49
  export * from './lib/DefaultPlatformPixelConverter';
48
50
  export * from './lib/IPlatformPixelConverter';
@@ -152,6 +154,7 @@ export * from './lib/GridExpansionIndicatorView';
152
154
  export * from './lib/GridFilterDialogView';
153
155
  export * from './lib/GridFilterDialogPanel';
154
156
  export * from './lib/GridSortIndicatorView';
157
+ export * from './lib/PagerView';
155
158
  export * from './lib/GridAnimationPhaseSettings';
156
159
  export * from './lib/igc-grid-animation-phase-settings';
157
160
  export * from './lib/GridEasingFunctionType';
@@ -244,6 +247,12 @@ export * from './lib/GridSortIndicator';
244
247
  export * from './lib/igc-data-grid-sort-indicator-component';
245
248
  export * from './lib/SortIndicatorRenderCompletedEventArgs';
246
249
  export * from './lib/igc-sort-indicator-render-completed-event-args';
250
+ export * from './lib/Pager';
251
+ export * from './lib/PagerDataSourceNotificationBridge';
252
+ export * from './lib/PagerGridDataSourceNotificationBridge';
253
+ export * from './lib/PagedDataProvider';
254
+ export * from './lib/PageChangedEventArgs';
255
+ export * from './lib/igc-page-changed-event-args';
247
256
  export * from './lib/DataSourceNotificationBridge';
248
257
  export * from './lib/CellType';
249
258
  export * from './lib/CellPath';
@@ -331,12 +340,14 @@ export * from './lib/GridEffectGroup';
331
340
  export * from './lib/GridStyleRepository';
332
341
  export * from './lib/HoverManager';
333
342
  export * from './lib/IColumnGrouping';
343
+ export * from './lib/IDataGridComponent';
334
344
  export * from './lib/IDelayedExecutionManager';
335
345
  export * from './lib/INativeCell';
336
346
  export * from './lib/IPropertySetter';
337
347
  export * from './lib/IDragger';
338
348
  export * from './lib/DragType';
339
349
  export * from './lib/IDraggerView';
350
+ export * from './lib/MultipleDataSourceNotifier';
340
351
  export * from './lib/RecyclingManager';
341
352
  export * from './lib/RowPath';
342
353
  export * from './lib/ActivationManager';
@@ -532,6 +543,7 @@ export * from './lib/ResponsiveStatesCollection';
532
543
  export * from './lib/GridLayer';
533
544
  export * from './lib/ColumnInfo';
534
545
  export * from './lib/IColumnGroupingVisualModelExport';
546
+ export * from './lib/IToolbarVisualModelExport';
535
547
  export * from './lib/SectionInfo';
536
548
  export * from './lib/VisualModel';
537
549
  export * from './lib/CellModelExport';
@@ -550,6 +562,7 @@ export * from './lib/TextCellModelExport';
550
562
  export * from './lib/TextHeaderCellModelExport';
551
563
  export * from './lib/GridLayerExport';
552
564
  export * from './lib/MultiColumnComboVisualModelExport';
565
+ export * from './lib/PagerVisualModelExport';
553
566
  export * from './lib/VisualModelExport';
554
567
  export * from './lib/DataGridLocaleEn';
555
568
  export * from './lib/igc-grid-column-options-module';
@@ -616,30 +629,10 @@ export * from './lib/igc-multi-column-combo-box-value-changed-event-args';
616
629
  export * from './lib/MultiColumnComboBox';
617
630
  export * from './lib/MultiColumnComboBoxDataSourceNotificationHandler';
618
631
  export * from './lib/MultiColumnComboBoxSelectedItemChangeType';
619
- export * from './lib/MultipleDataSourceNotifier';
620
632
  export * from './lib/SortMode';
621
633
  export * from './lib/igc-property-editor-module';
622
634
  export * from './lib/igc-property-editor-component';
623
635
  export * from './lib/PropertyEditorView';
624
- export * from './lib/PropertyEditorTreeTransformer';
625
- export * from './lib/PropertyEditorPropertyDescription';
626
- export * from './lib/igc-property-editor-property-description-component';
627
- export * from './lib/igc-property-editor-property-description-module';
628
- export * from './lib/PropertyEditorPropertyDescriptionButtonClickEventArgs';
629
- export * from './lib/igc-property-editor-property-description-button-click-event-args';
630
- export * from './lib/PropertyEditorPropertyDescriptionChangedEventArgs';
631
- export * from './lib/igc-property-editor-property-description-changed-event-args';
632
- export * from './lib/PropertyEditorPropertyDescriptionTargetPropertyUpdatingEventArgs';
633
- export * from './lib/igc-property-editor-property-description-target-property-updating-event-args';
634
- export * from './lib/PropertyEditorDescriptionObject';
635
- export * from './lib/igc-property-editor-description-object';
636
- export * from './lib/igc-property-editor-description-object-collection';
637
- export * from './lib/PropertyEditorDescriptionObjectCollection';
638
- export * from './lib/igc-property-editor-property-description-collection';
639
- export * from './lib/PropertyEditorPropertyDescriptionCollection';
640
- export * from './lib/PropertyEditorValueType';
641
- export * from './lib/PropertyEditorDataSource';
642
- export * from './lib/igc-property-editor-data-source';
643
636
  export * from './lib/PropertyEditor';
644
637
  export * from './lib/igc-horizontal-property-editor-data-source';
645
638
  export * from './lib/HorizontalPropertyEditorDataSource';
@@ -655,3 +648,4 @@ export * from './lib/igc-data-grid-toolbar-module';
655
648
  export * from './lib/igc-data-grid-toolbar-component';
656
649
  export * from './lib/DataGridToolbarView';
657
650
  export * from './lib/DataGridToolbar';
651
+ export * from './lib/ToolbarVisualModelExport';
@@ -1,16 +0,0 @@
1
- /*
2
- THIS INFRAGISTICS ULTIMATE SOFTWARE LICENSE AGREEMENT ("AGREEMENT") LOCATED HERE:
3
- https://www.infragistics.com/legal/license/igultimate-la
4
- https://www.infragistics.com/legal/license/igultimate-eula
5
- GOVERNS THE LICENSING, INSTALLATION AND USE OF INFRAGISTICS SOFTWARE. BY DOWNLOADING AND/OR INSTALLING AND USING INFRAGISTICS SOFTWARE: you are indicating that you have read and understand this Agreement, and agree to be legally bound by it on behalf of the yourself and your company.
6
- */
7
- import { EventArgs, markType } from "igniteui-webcomponents-core";
8
- /**
9
- * @hidden
10
- */
11
- export let PropertyEditorPropertyDescriptionButtonClickEventArgs = /*@__PURE__*/ (() => {
12
- class PropertyEditorPropertyDescriptionButtonClickEventArgs extends EventArgs {
13
- }
14
- PropertyEditorPropertyDescriptionButtonClickEventArgs.$t = /*@__PURE__*/ markType(PropertyEditorPropertyDescriptionButtonClickEventArgs, 'PropertyEditorPropertyDescriptionButtonClickEventArgs', EventArgs.$);
15
- return PropertyEditorPropertyDescriptionButtonClickEventArgs;
16
- })();
@@ -1,7 +0,0 @@
1
- /*
2
- THIS INFRAGISTICS ULTIMATE SOFTWARE LICENSE AGREEMENT ("AGREEMENT") LOCATED HERE:
3
- https://www.infragistics.com/legal/license/igultimate-la
4
- https://www.infragistics.com/legal/license/igultimate-eula
5
- GOVERNS THE LICENSING, INSTALLATION AND USE OF INFRAGISTICS SOFTWARE. BY DOWNLOADING AND/OR INSTALLING AND USING INFRAGISTICS SOFTWARE: you are indicating that you have read and understand this Agreement, and agree to be legally bound by it on behalf of the yourself and your company.
6
- */
7
- export { PropertyEditorPropertyDescriptionCollection } from "./PropertyEditorPropertyDescription_combined";
@@ -1,40 +0,0 @@
1
- /*
2
- THIS INFRAGISTICS ULTIMATE SOFTWARE LICENSE AGREEMENT ("AGREEMENT") LOCATED HERE:
3
- https://www.infragistics.com/legal/license/igultimate-la
4
- https://www.infragistics.com/legal/license/igultimate-eula
5
- GOVERNS THE LICENSING, INSTALLATION AND USE OF INFRAGISTICS SOFTWARE. BY DOWNLOADING AND/OR INSTALLING AND USING INFRAGISTICS SOFTWARE: you are indicating that you have read and understand this Agreement, and agree to be legally bound by it on behalf of the yourself and your company.
6
- */
7
- import { EventArgs, markType } from "igniteui-webcomponents-core";
8
- /**
9
- * @hidden
10
- */
11
- export let PropertyEditorPropertyDescriptionTargetPropertyUpdatingEventArgs = /*@__PURE__*/ (() => {
12
- class PropertyEditorPropertyDescriptionTargetPropertyUpdatingEventArgs extends EventArgs {
13
- constructor() {
14
- super(...arguments);
15
- this._target = null;
16
- this._value = null;
17
- this._propertyPath = null;
18
- }
19
- get target() {
20
- return this._target;
21
- }
22
- set target(a) {
23
- this._target = a;
24
- }
25
- get value() {
26
- return this._value;
27
- }
28
- set value(a) {
29
- this._value = a;
30
- }
31
- get propertyPath() {
32
- return this._propertyPath;
33
- }
34
- set propertyPath(a) {
35
- this._propertyPath = a;
36
- }
37
- }
38
- PropertyEditorPropertyDescriptionTargetPropertyUpdatingEventArgs.$t = /*@__PURE__*/ markType(PropertyEditorPropertyDescriptionTargetPropertyUpdatingEventArgs, 'PropertyEditorPropertyDescriptionTargetPropertyUpdatingEventArgs', EventArgs.$);
39
- return PropertyEditorPropertyDescriptionTargetPropertyUpdatingEventArgs;
40
- })();