igniteui-angular-data-grids 20.1.0 → 20.2.0-beta.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.
Files changed (192) hide show
  1. package/bundles/igniteui-angular-data-grids.umd.js +5727 -5576
  2. package/bundles/igniteui-angular-data-grids.umd.min.js +1 -1
  3. package/esm2015/lib/AccessibilityRow.js +1 -1
  4. package/esm2015/lib/CanvasCellPresenterBase.js +9 -9
  5. package/esm2015/lib/CanvasContentCellModelHelper.js +9 -9
  6. package/esm2015/lib/CanvasDateTimeCellPresenter.js +8 -8
  7. package/esm2015/lib/CanvasGridCellBase.js +7 -7
  8. package/esm2015/lib/CanvasImageCellPresenter.js +9 -9
  9. package/esm2015/lib/CanvasNumericCellPresenter.js +8 -8
  10. package/esm2015/lib/CanvasSectionHeaderCellPresenter.js +9 -9
  11. package/esm2015/lib/CanvasSummaryCell.js +1 -1
  12. package/esm2015/lib/CanvasSummaryCellPresenter.js +3 -3
  13. package/esm2015/lib/CanvasTemplateCellPresenter.js +4 -4
  14. package/esm2015/lib/CanvasTemplateHeaderCellPresenter.js +3 -3
  15. package/esm2015/lib/CanvasTextCellPresenter.js +9 -9
  16. package/esm2015/lib/CanvasTextHeaderCellPresenter.js +7 -7
  17. package/esm2015/lib/CellPresenterBase.js +40 -37
  18. package/esm2015/lib/CheckboxListBridge.js +4 -0
  19. package/esm2015/lib/CheckboxListView_combined.js +778 -743
  20. package/esm2015/lib/ColumnChooserView_combined.js +9 -9
  21. package/esm2015/lib/ColumnFilterCondition_combined.js +2894 -2867
  22. package/esm2015/lib/ColumnGroupingView_combined.js +4 -4
  23. package/esm2015/lib/ColumnPinningView_combined.js +7 -7
  24. package/esm2015/lib/ComparisonOperatorSelectorView_combined.js +7 -7
  25. package/esm2015/lib/ContentCellModelHelper.js +13 -13
  26. package/esm2015/lib/DataGridCellLayoutPanel.js +17 -17
  27. package/esm2015/lib/DateTimeCellPresenter.js +9 -9
  28. package/esm2015/lib/EditorCell.js +303 -303
  29. package/esm2015/lib/EditorCellPresenter.js +27 -27
  30. package/esm2015/lib/EditorRowCell.js +1 -1
  31. package/esm2015/lib/FilterCell.js +272 -272
  32. package/esm2015/lib/FilterCellPresenter.js +16 -16
  33. package/esm2015/lib/GridCellBase.js +354 -335
  34. package/esm2015/lib/GridColumnFilterOptionsView_combined.js +9 -9
  35. package/esm2015/lib/GridColumnGroupOptionsView_combined.js +4 -4
  36. package/esm2015/lib/GridColumnHideOptionsView_combined.js +1 -1
  37. package/esm2015/lib/GridColumnMoveOptionsView_combined.js +1 -1
  38. package/esm2015/lib/GridColumnOptionsView_combined.js +1 -1
  39. package/esm2015/lib/GridColumnPinOptionsView_combined.js +1 -1
  40. package/esm2015/lib/GridColumnSummaryOptionsView_combined.js +6 -6
  41. package/esm2015/lib/GridExternalWrapper.js +6 -6
  42. package/esm2015/lib/GridFilterDialogView_combined.js +1 -1
  43. package/esm2015/lib/GridSortIndicatorView_combined.js +15 -8
  44. package/esm2015/lib/ISummaryChooserView_combined.js +9 -9
  45. package/esm2015/lib/ImageCell.js +59 -59
  46. package/esm2015/lib/ImageCellPresenter.js +17 -17
  47. package/esm2015/lib/MultiColumnComboBoxView_combined.js +2 -2
  48. package/esm2015/lib/NumericCell.js +8 -8
  49. package/esm2015/lib/NumericCellPresenter.js +9 -9
  50. package/esm2015/lib/PropertyEditorView_combined.js +21 -21
  51. package/esm2015/lib/SectionHeaderCell.js +15 -15
  52. package/esm2015/lib/SectionHeaderCellPresenter.js +10 -10
  53. package/esm2015/lib/SortIndicatorStyle.js +6 -2
  54. package/esm2015/lib/SummaryCell.js +40 -40
  55. package/esm2015/lib/SummaryCellPresenter.js +10 -10
  56. package/esm2015/lib/TemplateCell.js +15 -15
  57. package/esm2015/lib/TemplateCellPresenter.js +5 -5
  58. package/esm2015/lib/TemplateHeader.js +2 -2
  59. package/esm2015/lib/TemplateHeaderCell.js +5 -5
  60. package/esm2015/lib/TemplateHeaderCellModel.js +18 -18
  61. package/esm2015/lib/TemplateHeaderCellPresenter.js +5 -5
  62. package/esm2015/lib/TextCell.js +32 -32
  63. package/esm2015/lib/TextCellPresenter.js +10 -10
  64. package/esm2015/lib/TextHeaderCell.js +153 -153
  65. package/esm2015/lib/TextHeaderCellPresenter.js +25 -25
  66. package/esm2015/lib/VerticalSeparatorCell.js +37 -37
  67. package/esm2015/lib/igx-cell-info.js +164 -155
  68. package/esm2015/lib/igx-checkbox-list-component.js +82 -66
  69. package/esm2015/lib/igx-combo-box-column-component.js +10 -10
  70. package/esm2015/lib/igx-data-grid-column-component.js +87 -76
  71. package/esm2015/lib/igx-date-time-cell-info.js +12 -12
  72. package/esm2015/lib/igx-date-time-column-component.js +20 -20
  73. package/esm2015/lib/igx-editor-cell-info.js +23 -23
  74. package/esm2015/lib/igx-filter-cell-info.js +26 -26
  75. package/esm2015/lib/igx-image-cell-info.js +6 -6
  76. package/esm2015/lib/igx-image-column-component.js +10 -10
  77. package/esm2015/lib/igx-numeric-cell-info.js +26 -26
  78. package/esm2015/lib/igx-numeric-column-component.js +30 -30
  79. package/esm2015/lib/igx-section-header-cell-info.js +6 -6
  80. package/esm2015/lib/igx-summary-cell-info.js +9 -9
  81. package/esm2015/lib/igx-template-cell-info.js +2 -2
  82. package/esm2015/lib/igx-template-header-cell-info.js +2 -2
  83. package/esm2015/lib/igx-text-cell-info.js +2 -2
  84. package/esm2015/lib/igx-text-column-component.js +8 -8
  85. package/esm2015/lib/igx-text-header-cell-info.js +10 -10
  86. package/esm5/lib/AccessibilityRow.js +1 -1
  87. package/esm5/lib/CanvasCellPresenterBase.js +9 -9
  88. package/esm5/lib/CanvasContentCellModelHelper.js +9 -9
  89. package/esm5/lib/CanvasDateTimeCellPresenter.js +8 -8
  90. package/esm5/lib/CanvasGridCellBase.js +7 -7
  91. package/esm5/lib/CanvasImageCellPresenter.js +9 -9
  92. package/esm5/lib/CanvasNumericCellPresenter.js +8 -8
  93. package/esm5/lib/CanvasSectionHeaderCellPresenter.js +9 -9
  94. package/esm5/lib/CanvasSummaryCell.js +1 -1
  95. package/esm5/lib/CanvasSummaryCellPresenter.js +3 -3
  96. package/esm5/lib/CanvasTemplateCellPresenter.js +4 -4
  97. package/esm5/lib/CanvasTemplateHeaderCellPresenter.js +3 -3
  98. package/esm5/lib/CanvasTextCellPresenter.js +9 -9
  99. package/esm5/lib/CanvasTextHeaderCellPresenter.js +7 -7
  100. package/esm5/lib/CellPresenterBase.js +40 -37
  101. package/esm5/lib/CheckboxListBridge.js +4 -0
  102. package/esm5/lib/CheckboxListView_combined.js +760 -725
  103. package/esm5/lib/ColumnChooserView_combined.js +9 -9
  104. package/esm5/lib/ColumnFilterCondition_combined.js +2735 -2700
  105. package/esm5/lib/ColumnGroupingView_combined.js +4 -4
  106. package/esm5/lib/ColumnPinningView_combined.js +7 -7
  107. package/esm5/lib/ComparisonOperatorSelectorView_combined.js +7 -7
  108. package/esm5/lib/ContentCellModelHelper.js +13 -13
  109. package/esm5/lib/DataGridCellLayoutPanel.js +17 -17
  110. package/esm5/lib/DateTimeCellPresenter.js +9 -9
  111. package/esm5/lib/EditorCell.js +285 -285
  112. package/esm5/lib/EditorCellPresenter.js +27 -27
  113. package/esm5/lib/EditorRowCell.js +1 -1
  114. package/esm5/lib/FilterCell.js +262 -262
  115. package/esm5/lib/FilterCellPresenter.js +16 -16
  116. package/esm5/lib/GridCellBase.js +349 -326
  117. package/esm5/lib/GridColumnFilterOptionsView_combined.js +9 -9
  118. package/esm5/lib/GridColumnGroupOptionsView_combined.js +4 -4
  119. package/esm5/lib/GridColumnHideOptionsView_combined.js +1 -1
  120. package/esm5/lib/GridColumnMoveOptionsView_combined.js +1 -1
  121. package/esm5/lib/GridColumnOptionsView_combined.js +1 -1
  122. package/esm5/lib/GridColumnPinOptionsView_combined.js +1 -1
  123. package/esm5/lib/GridColumnSummaryOptionsView_combined.js +6 -6
  124. package/esm5/lib/GridExternalWrapper.js +6 -6
  125. package/esm5/lib/GridFilterDialogView_combined.js +1 -1
  126. package/esm5/lib/GridSortIndicatorView_combined.js +15 -10
  127. package/esm5/lib/ISummaryChooserView_combined.js +9 -9
  128. package/esm5/lib/ImageCell.js +59 -59
  129. package/esm5/lib/ImageCellPresenter.js +17 -17
  130. package/esm5/lib/MultiColumnComboBoxView_combined.js +2 -2
  131. package/esm5/lib/NumericCell.js +8 -8
  132. package/esm5/lib/NumericCellPresenter.js +9 -9
  133. package/esm5/lib/PropertyEditorView_combined.js +21 -21
  134. package/esm5/lib/SectionHeaderCell.js +15 -15
  135. package/esm5/lib/SectionHeaderCellPresenter.js +10 -10
  136. package/esm5/lib/SortIndicatorStyle.js +6 -2
  137. package/esm5/lib/SummaryCell.js +40 -40
  138. package/esm5/lib/SummaryCellPresenter.js +10 -10
  139. package/esm5/lib/TemplateCell.js +15 -15
  140. package/esm5/lib/TemplateCellPresenter.js +5 -5
  141. package/esm5/lib/TemplateHeader.js +2 -2
  142. package/esm5/lib/TemplateHeaderCell.js +5 -5
  143. package/esm5/lib/TemplateHeaderCellModel.js +17 -17
  144. package/esm5/lib/TemplateHeaderCellPresenter.js +5 -5
  145. package/esm5/lib/TextCell.js +32 -32
  146. package/esm5/lib/TextCellPresenter.js +10 -10
  147. package/esm5/lib/TextHeaderCell.js +151 -151
  148. package/esm5/lib/TextHeaderCellPresenter.js +25 -25
  149. package/esm5/lib/VerticalSeparatorCell.js +37 -37
  150. package/esm5/lib/igx-cell-info.js +168 -155
  151. package/esm5/lib/igx-checkbox-list-component.js +82 -66
  152. package/esm5/lib/igx-combo-box-column-component.js +10 -10
  153. package/esm5/lib/igx-data-grid-column-component.js +91 -76
  154. package/esm5/lib/igx-date-time-cell-info.js +12 -12
  155. package/esm5/lib/igx-date-time-column-component.js +20 -20
  156. package/esm5/lib/igx-editor-cell-info.js +23 -23
  157. package/esm5/lib/igx-filter-cell-info.js +26 -26
  158. package/esm5/lib/igx-image-cell-info.js +6 -6
  159. package/esm5/lib/igx-image-column-component.js +10 -10
  160. package/esm5/lib/igx-numeric-cell-info.js +26 -26
  161. package/esm5/lib/igx-numeric-column-component.js +30 -30
  162. package/esm5/lib/igx-section-header-cell-info.js +6 -6
  163. package/esm5/lib/igx-summary-cell-info.js +9 -9
  164. package/esm5/lib/igx-template-cell-info.js +2 -2
  165. package/esm5/lib/igx-template-header-cell-info.js +2 -2
  166. package/esm5/lib/igx-text-cell-info.js +2 -2
  167. package/esm5/lib/igx-text-column-component.js +8 -8
  168. package/esm5/lib/igx-text-header-cell-info.js +10 -10
  169. package/fesm2015/igniteui-angular-data-grids.js +5924 -5791
  170. package/fesm5/igniteui-angular-data-grids.js +5729 -5578
  171. package/lib/CheckboxListBridge.d.ts +1 -0
  172. package/lib/CheckboxListViewExternal.d.ts +1 -0
  173. package/lib/CheckboxListView_combined.d.ts +185 -179
  174. package/lib/ColumnFilterCondition_combined.d.ts +820 -813
  175. package/lib/EditorCell.d.ts +67 -67
  176. package/lib/FilterCell.d.ts +55 -55
  177. package/lib/GridCellBase.d.ts +105 -102
  178. package/lib/ImageCell.d.ts +17 -17
  179. package/lib/NumericCell.d.ts +2 -2
  180. package/lib/SectionHeaderCell.d.ts +3 -3
  181. package/lib/SortIndicatorStyle.d.ts +5 -1
  182. package/lib/SummaryCell.d.ts +9 -9
  183. package/lib/TemplateCell.d.ts +5 -5
  184. package/lib/TemplateHeaderCell.d.ts +2 -2
  185. package/lib/TemplateHeaderCellModel.d.ts +7 -7
  186. package/lib/TextCell.d.ts +7 -7
  187. package/lib/TextHeaderCell.d.ts +29 -29
  188. package/lib/VerticalSeparatorCell.d.ts +8 -8
  189. package/lib/igx-cell-info.d.ts +6 -0
  190. package/lib/igx-checkbox-list-component.d.ts +10 -0
  191. package/lib/igx-data-grid-column-component.d.ts +7 -1
  192. package/package.json +4 -4
@@ -58,127 +58,127 @@ export let IgxDataGridColumnComponent = /*@__PURE__*/ (() => {
58
58
  * Gets or sets the amount of left padding to use for the cell content for this column.
59
59
  */
60
60
  get paddingLeft() {
61
- return this.i.ky;
61
+ return this.i.k0;
62
62
  }
63
63
  set paddingLeft(v) {
64
- this.i.ky = +v;
64
+ this.i.k0 = +v;
65
65
  }
66
66
  /**
67
67
  * Gets or sets the amount of top padding to use for the cell content for this column.
68
68
  */
69
69
  get paddingTop() {
70
- return this.i.k0;
70
+ return this.i.k2;
71
71
  }
72
72
  set paddingTop(v) {
73
- this.i.k0 = +v;
73
+ this.i.k2 = +v;
74
74
  }
75
75
  /**
76
76
  * Gets or sets the amount of right padding to use for the cell content of this column.
77
77
  */
78
78
  get paddingRight() {
79
- return this.i.kz;
79
+ return this.i.k1;
80
80
  }
81
81
  set paddingRight(v) {
82
- this.i.kz = +v;
82
+ this.i.k1 = +v;
83
83
  }
84
84
  /**
85
85
  * Gets or sets the amount of bottom padding to use for the cell content of this column.
86
86
  */
87
87
  get paddingBottom() {
88
- return this.i.kx;
88
+ return this.i.kz;
89
89
  }
90
90
  set paddingBottom(v) {
91
- this.i.kx = +v;
91
+ this.i.kz = +v;
92
92
  }
93
93
  /**
94
94
  * Gets or sets an unique name of the Column
95
95
  */
96
96
  get name() {
97
- return this.i.mw;
97
+ return this.i.my;
98
98
  }
99
99
  set name(v) {
100
- this.i.mw = v;
100
+ this.i.my = v;
101
101
  }
102
102
  /**
103
103
  * Gets or sets the key used for the column binding
104
104
  */
105
105
  get field() {
106
- return this.i.l5;
106
+ return this.i.l7;
107
107
  }
108
108
  set field(v) {
109
- this.i.l5 = v;
109
+ this.i.l7 = v;
110
110
  }
111
111
  /**
112
112
  * Gets or sets the text displayed in the header of the column
113
113
  */
114
114
  get headerText() {
115
- return this.i.mc;
115
+ return this.i.me;
116
116
  }
117
117
  set headerText(v) {
118
- this.i.mc = v;
118
+ this.i.me = v;
119
119
  }
120
120
  /**
121
121
  * Gets the actual text displayed in the header of the column
122
122
  */
123
123
  get actualHeaderText() {
124
- return this.i.lk;
124
+ return this.i.lm;
125
125
  }
126
126
  set actualHeaderText(v) {
127
- this.i.lk = v;
127
+ this.i.lm = v;
128
128
  }
129
129
  /**
130
130
  * Gets or sets the background color to use for the cells when they are selected
131
131
  */
132
132
  get selectedBackground() {
133
- return brushToString(this.i.o2);
133
+ return brushToString(this.i.o5);
134
134
  }
135
135
  set selectedBackground(v) {
136
- this.i.o2 = stringToBrush(v);
136
+ this.i.o5 = stringToBrush(v);
137
137
  }
138
138
  /**
139
139
  * Gets the actual background color that is used for the cells when they are selected
140
140
  */
141
141
  get actualSelectedBackground() {
142
- return brushToString(this.i.ov);
142
+ return brushToString(this.i.oy);
143
143
  }
144
144
  set actualSelectedBackground(v) {
145
- this.i.ov = stringToBrush(v);
145
+ this.i.oy = stringToBrush(v);
146
146
  }
147
147
  /**
148
148
  * Gets or sets the background color to use for the cells when the row is hovered.
149
149
  */
150
150
  get rowHoverBackground() {
151
- return brushToString(this.i.o0);
151
+ return brushToString(this.i.o3);
152
152
  }
153
153
  set rowHoverBackground(v) {
154
- this.i.o0 = stringToBrush(v);
154
+ this.i.o3 = stringToBrush(v);
155
155
  }
156
156
  /**
157
157
  * Gets the actual background color that is used for the cells when they are hovered.
158
158
  */
159
159
  get actualHoverBackground() {
160
- return brushToString(this.i.ot);
160
+ return brushToString(this.i.ow);
161
161
  }
162
162
  set actualHoverBackground(v) {
163
- this.i.ot = stringToBrush(v);
163
+ this.i.ow = stringToBrush(v);
164
164
  }
165
165
  /**
166
166
  * Gets or sets the text color to use for the cells when the row is hovered.
167
167
  */
168
168
  get rowHoverTextColor() {
169
- return brushToString(this.i.o1);
169
+ return brushToString(this.i.o4);
170
170
  }
171
171
  set rowHoverTextColor(v) {
172
- this.i.o1 = stringToBrush(v);
172
+ this.i.o4 = stringToBrush(v);
173
173
  }
174
174
  /**
175
175
  * Gets the actual text color that is used for the cells when they are hovered.
176
176
  */
177
177
  get actualRowHoverTextColor() {
178
- return brushToString(this.i.ou);
178
+ return brushToString(this.i.ox);
179
179
  }
180
180
  set actualRowHoverTextColor(v) {
181
- this.i.ou = stringToBrush(v);
181
+ this.i.ox = stringToBrush(v);
182
182
  }
183
183
  /**
184
184
  * Gets or sets the animation settings to use for this column.
@@ -240,10 +240,10 @@ export let IgxDataGridColumnComponent = /*@__PURE__*/ (() => {
240
240
  * Gets or sets the minimum width to use for this column. Overrides the DefaultColumnMinWidth from the grid, if set.
241
241
  */
242
242
  get minWidth() {
243
- return this.i.ka;
243
+ return this.i.kb;
244
244
  }
245
245
  set minWidth(v) {
246
- this.i.ka = +v;
246
+ this.i.kb = +v;
247
247
  }
248
248
  /**
249
249
  * Gets whether this column was projected from markup/templates and is constrained.
@@ -379,19 +379,19 @@ export let IgxDataGridColumnComponent = /*@__PURE__*/ (() => {
379
379
  * Gets the actual column options icon color for this column.
380
380
  */
381
381
  get actualColumnOptionsIconColor() {
382
- return brushToString(this.i.or);
382
+ return brushToString(this.i.ou);
383
383
  }
384
384
  set actualColumnOptionsIconColor(v) {
385
- this.i.or = stringToBrush(v);
385
+ this.i.ou = stringToBrush(v);
386
386
  }
387
387
  /**
388
388
  * Gets or sets the column options icon color for this column.
389
389
  */
390
390
  get columnOptionsIconColor() {
391
- return brushToString(this.i.ow);
391
+ return brushToString(this.i.oz);
392
392
  }
393
393
  set columnOptionsIconColor(v) {
394
- this.i.ow = stringToBrush(v);
394
+ this.i.oz = stringToBrush(v);
395
395
  }
396
396
  /**
397
397
  * Gets or sets how the column option icon will behave in the column header.
@@ -479,37 +479,37 @@ export let IgxDataGridColumnComponent = /*@__PURE__*/ (() => {
479
479
  * Gets or sets the text color used for deleted rows.
480
480
  */
481
481
  get deletedTextColor() {
482
- return brushToString(this.i.ox);
482
+ return brushToString(this.i.o0);
483
483
  }
484
484
  set deletedTextColor(v) {
485
- this.i.ox = stringToBrush(v);
485
+ this.i.o0 = stringToBrush(v);
486
486
  }
487
487
  /**
488
488
  * Gets the actual text color used for deleted rows.
489
489
  */
490
490
  get actualDeletedTextColor() {
491
- return brushToString(this.i.os);
491
+ return brushToString(this.i.ov);
492
492
  }
493
493
  set actualDeletedTextColor(v) {
494
- this.i.os = stringToBrush(v);
494
+ this.i.ov = stringToBrush(v);
495
495
  }
496
496
  /**
497
497
  * Gets or sets the opacity to use for unsaved edited cell values.
498
498
  */
499
499
  get editOpacity() {
500
- return this.i.j9;
500
+ return this.i.ka;
501
501
  }
502
502
  set editOpacity(v) {
503
- this.i.j9 = +v;
503
+ this.i.ka = +v;
504
504
  }
505
505
  /**
506
506
  * Gets the actual opacity for unsaved edited cell values.
507
507
  */
508
508
  get actualEditOpacity() {
509
- return this.i.j8;
509
+ return this.i.j9;
510
510
  }
511
511
  set actualEditOpacity(v) {
512
- this.i.j8 = +v;
512
+ this.i.j9 = +v;
513
513
  }
514
514
  /**
515
515
  * Gets or sets the font style to use for unsaved cell edits.
@@ -570,37 +570,37 @@ export let IgxDataGridColumnComponent = /*@__PURE__*/ (() => {
570
570
  * Gets or sets the amount of left padding to use for the cell content for this column.
571
571
  */
572
572
  get mergedCellPaddingLeft() {
573
- return this.i.kr;
573
+ return this.i.kt;
574
574
  }
575
575
  set mergedCellPaddingLeft(v) {
576
- this.i.kr = +v;
576
+ this.i.kt = +v;
577
577
  }
578
578
  /**
579
579
  * Gets or sets the amount of top padding to use for the cell content for this column.
580
580
  */
581
581
  get mergedCellPaddingTop() {
582
- return this.i.kt;
582
+ return this.i.kv;
583
583
  }
584
584
  set mergedCellPaddingTop(v) {
585
- this.i.kt = +v;
585
+ this.i.kv = +v;
586
586
  }
587
587
  /**
588
588
  * Gets or sets the amount of right padding to use for the cell content of this column.
589
589
  */
590
590
  get mergedCellPaddingRight() {
591
- return this.i.ks;
591
+ return this.i.ku;
592
592
  }
593
593
  set mergedCellPaddingRight(v) {
594
- this.i.ks = +v;
594
+ this.i.ku = +v;
595
595
  }
596
596
  /**
597
597
  * Gets or sets the amount of bottom padding to use for the cell content of this column.
598
598
  */
599
599
  get mergedCellPaddingBottom() {
600
- return this.i.kq;
600
+ return this.i.ks;
601
601
  }
602
602
  set mergedCellPaddingBottom(v) {
603
- this.i.kq = +v;
603
+ this.i.ks = +v;
604
604
  }
605
605
  /**
606
606
  * Gets or sets whether UI filters are case sensitive or not.
@@ -645,19 +645,19 @@ export let IgxDataGridColumnComponent = /*@__PURE__*/ (() => {
645
645
  * Gets or sets the text to display in the suffix area of cells in this column.
646
646
  */
647
647
  get suffixText() {
648
- return this.i.nj;
648
+ return this.i.nm;
649
649
  }
650
650
  set suffixText(v) {
651
- this.i.nj = v;
651
+ this.i.nm = v;
652
652
  }
653
653
  /**
654
654
  * Gets or sets the color of the text in the suffix area of the cells in this column.
655
655
  */
656
656
  get suffixTextColor() {
657
- return brushToString(this.i.o5);
657
+ return brushToString(this.i.o8);
658
658
  }
659
659
  set suffixTextColor(v) {
660
- this.i.o5 = stringToBrush(v);
660
+ this.i.o8 = stringToBrush(v);
661
661
  }
662
662
  /**
663
663
  * Gets or sets the font of the suffix text.
@@ -677,73 +677,82 @@ export let IgxDataGridColumnComponent = /*@__PURE__*/ (() => {
677
677
  * Gets or sets the icon to use in the suffix area of the cells in this column.
678
678
  */
679
679
  get suffixIconName() {
680
- return this.i.nc;
680
+ return this.i.ne;
681
681
  }
682
682
  set suffixIconName(v) {
683
- this.i.nc = v;
683
+ this.i.ne = v;
684
684
  }
685
685
  /**
686
686
  * Gets or sets the icon to use in the suffix area of the cells in this column.
687
687
  */
688
688
  get suffixIconCollectionName() {
689
- return this.i.m9;
689
+ return this.i.nb;
690
690
  }
691
691
  set suffixIconCollectionName(v) {
692
- this.i.m9 = v;
692
+ this.i.nb = v;
693
693
  }
694
694
  /**
695
695
  * Gets or sets the stroke color of suffix icon.
696
696
  */
697
697
  get suffixIconStroke() {
698
- return brushToString(this.i.o4);
698
+ return brushToString(this.i.o7);
699
699
  }
700
700
  set suffixIconStroke(v) {
701
- this.i.o4 = stringToBrush(v);
701
+ this.i.o7 = stringToBrush(v);
702
702
  }
703
703
  /**
704
704
  * Gets or sets the fill color of suffix icon.
705
705
  */
706
706
  get suffixIconFill() {
707
- return brushToString(this.i.o3);
707
+ return brushToString(this.i.o6);
708
708
  }
709
709
  set suffixIconFill(v) {
710
- this.i.o3 = stringToBrush(v);
710
+ this.i.o6 = stringToBrush(v);
711
711
  }
712
712
  /**
713
713
  * Gets or sets the suffix icon's viewbox x coordinate.
714
714
  */
715
715
  get suffixIconViewBoxLeft() {
716
- return this.i.kc;
716
+ return this.i.kd;
717
717
  }
718
718
  set suffixIconViewBoxLeft(v) {
719
- this.i.kc = +v;
719
+ this.i.kd = +v;
720
720
  }
721
721
  /**
722
722
  * Gets or sets the suffix icon's viewbox y coordinate.
723
723
  */
724
724
  get suffixIconViewBoxTop() {
725
- return this.i.kd;
725
+ return this.i.ke;
726
726
  }
727
727
  set suffixIconViewBoxTop(v) {
728
- this.i.kd = +v;
728
+ this.i.ke = +v;
729
729
  }
730
730
  /**
731
731
  * Gets or sets the suffix icon's viewbox width.
732
732
  */
733
733
  get suffixIconViewBoxWidth() {
734
- return this.i.ke;
734
+ return this.i.kf;
735
735
  }
736
736
  set suffixIconViewBoxWidth(v) {
737
- this.i.ke = +v;
737
+ this.i.kf = +v;
738
738
  }
739
739
  /**
740
740
  * Gets or sets the suffix icon's viewbox height.
741
741
  */
742
742
  get suffixIconViewBoxHeight() {
743
- return this.i.kb;
743
+ return this.i.kc;
744
744
  }
745
745
  set suffixIconViewBoxHeight(v) {
746
- this.i.kb = +v;
746
+ this.i.kc = +v;
747
+ }
748
+ /**
749
+ * Gets or sets the suffix margin.
750
+ */
751
+ get suffixMargin() {
752
+ return this.i.kg;
753
+ }
754
+ set suffixMargin(v) {
755
+ this.i.kg = +v;
747
756
  }
748
757
  /**
749
758
  * Gets or sets the text decoration to apply to cells in this column.
@@ -786,11 +795,11 @@ export let IgxDataGridColumnComponent = /*@__PURE__*/ (() => {
786
795
 
787
796
  */
788
797
  getUniqueKey() {
789
- let iv = this.i.ma();
798
+ let iv = this.i.mc();
790
799
  return (iv);
791
800
  }
792
801
  setNamedHeaderValue(valueName, animationType, value) {
793
- this.i.nz(valueName, ensureEnum(CellPropertyAnimationType_$type, animationType), value);
802
+ this.i.n2(valueName, ensureEnum(CellPropertyAnimationType_$type, animationType), value);
794
803
  }
795
804
  /**
796
805
  * Returns if the column has named header values.
@@ -815,7 +824,7 @@ export let IgxDataGridColumnComponent = /*@__PURE__*/ (() => {
815
824
  * @param valueName * The named header value to remove.
816
825
  */
817
826
  removeNamedHeaderValue(valueName) {
818
- this.i.ny(valueName);
827
+ this.i.n1(valueName);
819
828
  }
820
829
  /**
821
830
  * Gets the value of a named header value for this column by name.
@@ -823,11 +832,11 @@ export let IgxDataGridColumnComponent = /*@__PURE__*/ (() => {
823
832
  * @param valueName * Name of the named header value to retrieve.
824
833
  */
825
834
  getNamedHeaderValue(valueName) {
826
- let iv = this.i.k5(valueName);
835
+ let iv = this.i.k7(valueName);
827
836
  return (iv);
828
837
  }
829
838
  applyCustomFilter(filterID, index, value) {
830
- this.i.nr(filterID, index, value);
839
+ this.i.nu(filterID, index, value);
831
840
  }
832
841
  getDesiredToolbarActions() {
833
842
  let iv = this.i.getDesiredToolbarActions();
@@ -883,7 +892,7 @@ export let IgxDataGridColumnComponent = /*@__PURE__*/ (() => {
883
892
  }
884
893
  }
885
894
  IgxDataGridColumnComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: IgxDataGridColumnComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
886
- IgxDataGridColumnComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: IgxDataGridColumnComponent, selector: "ng-component", inputs: { paddingLeft: "paddingLeft", paddingTop: "paddingTop", paddingRight: "paddingRight", paddingBottom: "paddingBottom", name: "name", field: "field", headerText: "headerText", actualHeaderText: "actualHeaderText", selectedBackground: "selectedBackground", actualSelectedBackground: "actualSelectedBackground", rowHoverBackground: "rowHoverBackground", actualHoverBackground: "actualHoverBackground", rowHoverTextColor: "rowHoverTextColor", actualRowHoverTextColor: "actualRowHoverTextColor", animationSettings: "animationSettings", width: "width", minWidth: "minWidth", isFromMarkup: "isFromMarkup", isAutoGenerated: "isAutoGenerated", filter: "filter", filterExpression: "filterExpression", header: "header", isFilteringEnabled: "isFilteringEnabled", isResizingEnabled: "isResizingEnabled", isHidden: "isHidden", shouldRemoveWhenHidden: "shouldRemoveWhenHidden", sortDirection: "sortDirection", pinned: "pinned", actualColumnOptionsIconAlignment: "actualColumnOptionsIconAlignment", columnOptionsIconAlignment: "columnOptionsIconAlignment", actualColumnOptionsIconColor: "actualColumnOptionsIconColor", columnOptionsIconColor: "columnOptionsIconColor", columnOptionsIconBehavior: "columnOptionsIconBehavior", actualColumnOptionsIconBehavior: "actualColumnOptionsIconBehavior", actualIsColumnOptionsEnabled: "actualIsColumnOptionsEnabled", isColumnOptionsEnabled: "isColumnOptionsEnabled", actualIsColumnOptionsSummariesEnabled: "actualIsColumnOptionsSummariesEnabled", isColumnOptionsSummariesEnabled: "isColumnOptionsSummariesEnabled", actualIsColumnOptionsGroupingEnabled: "actualIsColumnOptionsGroupingEnabled", isColumnOptionsGroupingEnabled: "isColumnOptionsGroupingEnabled", isEditable: "isEditable", deletedTextColor: "deletedTextColor", actualDeletedTextColor: "actualDeletedTextColor", editOpacity: "editOpacity", actualEditOpacity: "actualEditOpacity", textEditStyle: "textEditStyle", actualEditFontInfo: "actualEditFontInfo", mergedCellMode: "mergedCellMode", mergedCellEvaluationCriteria: "mergedCellEvaluationCriteria", mergedCellVerticalAlignment: "mergedCellVerticalAlignment", mergedCellPaddingLeft: "mergedCellPaddingLeft", mergedCellPaddingTop: "mergedCellPaddingTop", mergedCellPaddingRight: "mergedCellPaddingRight", mergedCellPaddingBottom: "mergedCellPaddingBottom", filterComparisonType: "filterComparisonType", filterOperands: "filterOperands", suffixText: "suffixText", suffixTextColor: "suffixTextColor", suffixTextStyle: "suffixTextStyle", suffixIconName: "suffixIconName", suffixIconCollectionName: "suffixIconCollectionName", suffixIconStroke: "suffixIconStroke", suffixIconFill: "suffixIconFill", suffixIconViewBoxLeft: "suffixIconViewBoxLeft", suffixIconViewBoxTop: "suffixIconViewBoxTop", suffixIconViewBoxWidth: "suffixIconViewBoxWidth", suffixIconViewBoxHeight: "suffixIconViewBoxHeight", textDecoration: "textDecoration" }, outputs: { formatCell: "formatCell", actualHeaderTextChange: "actualHeaderTextChange" }, usesInheritance: true, ngImport: i0, template: ``, isInline: true });
895
+ IgxDataGridColumnComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: IgxDataGridColumnComponent, selector: "ng-component", inputs: { paddingLeft: "paddingLeft", paddingTop: "paddingTop", paddingRight: "paddingRight", paddingBottom: "paddingBottom", name: "name", field: "field", headerText: "headerText", actualHeaderText: "actualHeaderText", selectedBackground: "selectedBackground", actualSelectedBackground: "actualSelectedBackground", rowHoverBackground: "rowHoverBackground", actualHoverBackground: "actualHoverBackground", rowHoverTextColor: "rowHoverTextColor", actualRowHoverTextColor: "actualRowHoverTextColor", animationSettings: "animationSettings", width: "width", minWidth: "minWidth", isFromMarkup: "isFromMarkup", isAutoGenerated: "isAutoGenerated", filter: "filter", filterExpression: "filterExpression", header: "header", isFilteringEnabled: "isFilteringEnabled", isResizingEnabled: "isResizingEnabled", isHidden: "isHidden", shouldRemoveWhenHidden: "shouldRemoveWhenHidden", sortDirection: "sortDirection", pinned: "pinned", actualColumnOptionsIconAlignment: "actualColumnOptionsIconAlignment", columnOptionsIconAlignment: "columnOptionsIconAlignment", actualColumnOptionsIconColor: "actualColumnOptionsIconColor", columnOptionsIconColor: "columnOptionsIconColor", columnOptionsIconBehavior: "columnOptionsIconBehavior", actualColumnOptionsIconBehavior: "actualColumnOptionsIconBehavior", actualIsColumnOptionsEnabled: "actualIsColumnOptionsEnabled", isColumnOptionsEnabled: "isColumnOptionsEnabled", actualIsColumnOptionsSummariesEnabled: "actualIsColumnOptionsSummariesEnabled", isColumnOptionsSummariesEnabled: "isColumnOptionsSummariesEnabled", actualIsColumnOptionsGroupingEnabled: "actualIsColumnOptionsGroupingEnabled", isColumnOptionsGroupingEnabled: "isColumnOptionsGroupingEnabled", isEditable: "isEditable", deletedTextColor: "deletedTextColor", actualDeletedTextColor: "actualDeletedTextColor", editOpacity: "editOpacity", actualEditOpacity: "actualEditOpacity", textEditStyle: "textEditStyle", actualEditFontInfo: "actualEditFontInfo", mergedCellMode: "mergedCellMode", mergedCellEvaluationCriteria: "mergedCellEvaluationCriteria", mergedCellVerticalAlignment: "mergedCellVerticalAlignment", mergedCellPaddingLeft: "mergedCellPaddingLeft", mergedCellPaddingTop: "mergedCellPaddingTop", mergedCellPaddingRight: "mergedCellPaddingRight", mergedCellPaddingBottom: "mergedCellPaddingBottom", filterComparisonType: "filterComparisonType", filterOperands: "filterOperands", suffixText: "suffixText", suffixTextColor: "suffixTextColor", suffixTextStyle: "suffixTextStyle", suffixIconName: "suffixIconName", suffixIconCollectionName: "suffixIconCollectionName", suffixIconStroke: "suffixIconStroke", suffixIconFill: "suffixIconFill", suffixIconViewBoxLeft: "suffixIconViewBoxLeft", suffixIconViewBoxTop: "suffixIconViewBoxTop", suffixIconViewBoxWidth: "suffixIconViewBoxWidth", suffixIconViewBoxHeight: "suffixIconViewBoxHeight", suffixMargin: "suffixMargin", textDecoration: "textDecoration" }, outputs: { formatCell: "formatCell", actualHeaderTextChange: "actualHeaderTextChange" }, usesInheritance: true, ngImport: i0, template: ``, isInline: true });
887
896
  return IgxDataGridColumnComponent;
888
897
  })();
889
898
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: IgxDataGridColumnComponent, decorators: [{
@@ -1025,6 +1034,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
1025
1034
  type: Input
1026
1035
  }], suffixIconViewBoxHeight: [{
1027
1036
  type: Input
1037
+ }], suffixMargin: [{
1038
+ type: Input
1028
1039
  }], textDecoration: [{
1029
1040
  type: Input
1030
1041
  }], formatCell: [{
@@ -22,56 +22,56 @@ export class IgxDateTimeCellInfo extends IgxCellInfo {
22
22
  * Sets or gets the DateTime value for the cell.
23
23
  */
24
24
  get dateTimeValue() {
25
- return this.i.n6;
25
+ return this.i.oa;
26
26
  }
27
27
  set dateTimeValue(v) {
28
- this.i.n6 = v;
28
+ this.i.oa = v;
29
29
  }
30
30
  /**
31
31
  * The format string to apply to the value
32
32
  */
33
33
  get formatStringOverride() {
34
- return this.i.on;
34
+ return this.i.or;
35
35
  }
36
36
  set formatStringOverride(v) {
37
- this.i.on = v;
37
+ this.i.or = v;
38
38
  }
39
39
  get formatSpecifiers() {
40
- return this.i.nx;
40
+ return this.i.n1;
41
41
  }
42
42
  set formatSpecifiers(v) {
43
43
  if (v && !Array.isArray(v) && typeof (v) == "string") {
44
44
  const re = /\s*(?:,|\s|$)\s*/gm;
45
45
  v = v.split(re);
46
46
  }
47
- this.i.nx = v;
47
+ this.i.n1 = v;
48
48
  }
49
49
  /**
50
50
  * The format options to apply to the value
51
51
  */
52
52
  get formatOverride() {
53
- return this.i.og;
53
+ return this.i.ok;
54
54
  }
55
55
  set formatOverride(v) {
56
- this.i.og = v;
56
+ this.i.ok = v;
57
57
  }
58
58
  /**
59
59
  * Sets or gets the simple DateTimeFormat to use for the cell.
60
60
  */
61
61
  get dateTimeFormat() {
62
- return this.i.n2;
62
+ return this.i.n6;
63
63
  }
64
64
  set dateTimeFormat(v) {
65
- this.i.n2 = ensureEnum(DateTimeFormats_$type, v);
65
+ this.i.n6 = ensureEnum(DateTimeFormats_$type, v);
66
66
  }
67
67
  /**
68
68
  * Sets or gets whether the value to use is a DateTimeOffset value.
69
69
  */
70
70
  get isOffsetValue() {
71
- return this.i.n4;
71
+ return this.i.n8;
72
72
  }
73
73
  set isOffsetValue(v) {
74
- this.i.n4 = ensureBool(v);
74
+ this.i.n8 = ensureBool(v);
75
75
  }
76
76
  findByName(name) {
77
77
  var baseResult = super.findByName(name);
@@ -41,92 +41,92 @@ export let IgxDateTimeColumnComponent = /*@__PURE__*/ (() => {
41
41
  * Gets or sets the date time format to use for this column. If FormatString is specificied this value is ignored.
42
42
  */
43
43
  get dateTimeFormat() {
44
- return this.i.pb;
44
+ return this.i.pe;
45
45
  }
46
46
  set dateTimeFormat(v) {
47
- this.i.pb = ensureEnum(DateTimeFormats_$type, v);
47
+ this.i.pe = ensureEnum(DateTimeFormats_$type, v);
48
48
  }
49
49
  /**
50
50
  * Gets or sets the format string to apply to the value. If set, the other value formatting properties on this column are ignored.
51
51
  */
52
52
  get formatString() {
53
- return this.i.pt;
53
+ return this.i.pw;
54
54
  }
55
55
  set formatString(v) {
56
- this.i.pt = v;
56
+ this.i.pw = v;
57
57
  }
58
58
  /**
59
59
  * Gets or sets the format string to use when editing dates.
60
60
  */
61
61
  get editorFormatString() {
62
- return this.i.pm;
62
+ return this.i.pp;
63
63
  }
64
64
  set editorFormatString(v) {
65
- this.i.pm = v;
65
+ this.i.pp = v;
66
66
  }
67
67
  get formatSpecifiers() {
68
- return this.i.o7;
68
+ return this.i.pa;
69
69
  }
70
70
  set formatSpecifiers(v) {
71
71
  if (v && !Array.isArray(v) && typeof (v) == "string") {
72
72
  const re = /\s*(?:,|\s|$)\s*/gm;
73
73
  v = v.split(re);
74
74
  }
75
- this.i.o7 = v;
75
+ this.i.pa = v;
76
76
  }
77
77
  /**
78
78
  * Gets or sets the INTL DateTimeFormat object to use for formatting the date values.
79
79
  */
80
80
  get formatOverride() {
81
- return this.i.pi;
81
+ return this.i.pl;
82
82
  }
83
83
  set formatOverride(v) {
84
- this.i.pi = v;
84
+ this.i.pl = v;
85
85
  }
86
86
  /**
87
87
  * Gets or sets the ShowTodayButton property to detirmine if the today button is shown
88
88
  */
89
89
  get showTodayButton() {
90
- return this.i.pe;
90
+ return this.i.ph;
91
91
  }
92
92
  set showTodayButton(v) {
93
- this.i.pe = ensureBool(v);
93
+ this.i.ph = ensureBool(v);
94
94
  }
95
95
  /**
96
96
  * Gets or sets the editor type used for editing cells in this column.
97
97
  */
98
98
  get editorType() {
99
- return this.i.pc;
99
+ return this.i.pf;
100
100
  }
101
101
  set editorType(v) {
102
- this.i.pc = ensureEnum(EditorType_$type, v);
102
+ this.i.pf = ensureEnum(EditorType_$type, v);
103
103
  }
104
104
  /**
105
105
  * Gets or sets the ComboBox data source.
106
106
  */
107
107
  get editorDataSource() {
108
- return this.i.ph;
108
+ return this.i.pk;
109
109
  }
110
110
  set editorDataSource(v) {
111
- this.i.ph = v;
111
+ this.i.pk = v;
112
112
  }
113
113
  /**
114
114
  * Gets or sets the ComboBox text field.
115
115
  */
116
116
  get editorTextField() {
117
- return this.i.po;
117
+ return this.i.pr;
118
118
  }
119
119
  set editorTextField(v) {
120
- this.i.po = v;
120
+ this.i.pr = v;
121
121
  }
122
122
  /**
123
123
  * Gets or sets the ComboBox value field.
124
124
  */
125
125
  get editorValueField() {
126
- return this.i.pp;
126
+ return this.i.ps;
127
127
  }
128
128
  set editorValueField(v) {
129
- this.i.pp = v;
129
+ this.i.ps = v;
130
130
  }
131
131
  findByName(name) {
132
132
  var baseResult = super.findByName(name);