igniteui-webcomponents-data-grids 7.1.0-alpha.3 → 7.1.0-beta.1

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 (204) hide show
  1. package/bundles/igniteui-webcomponents-data-grids.umd.js +7956 -7387
  2. package/bundles/igniteui-webcomponents-data-grids.umd.min.js +1 -1
  3. package/esm2015/lib/CanvasCellPresenterBase.js +4 -4
  4. package/esm2015/lib/CanvasContentCellModelHelper.js +5 -5
  5. package/esm2015/lib/CanvasDateTimeCellPresenter.js +8 -8
  6. package/esm2015/lib/CanvasGridCellBase.js +2 -2
  7. package/esm2015/lib/CanvasImageCellPresenter.js +7 -7
  8. package/esm2015/lib/CanvasNumericCellPresenter.js +8 -8
  9. package/esm2015/lib/CanvasSectionHeaderCellPresenter.js +9 -9
  10. package/esm2015/lib/CanvasSummaryCellPresenter.js +6 -6
  11. package/esm2015/lib/CanvasTemplateCellPresenter.js +2 -2
  12. package/esm2015/lib/CanvasTemplateHeaderCellPresenter.js +1 -1
  13. package/esm2015/lib/CanvasTextCellPresenter.js +9 -9
  14. package/esm2015/lib/CanvasTextHeaderCellPresenter.js +7 -7
  15. package/esm2015/lib/CellPresenterBase.js +38 -35
  16. package/esm2015/lib/CheckboxListBridge.js +8 -0
  17. package/esm2015/lib/CheckboxListView_combined.js +369 -335
  18. package/esm2015/lib/ColumnChooserView_combined.js +11 -11
  19. package/esm2015/lib/ColumnFilterCondition_combined.js +5218 -4964
  20. package/esm2015/lib/ColumnGroupingView_combined.js +4 -4
  21. package/esm2015/lib/ColumnPinningView_combined.js +5 -5
  22. package/esm2015/lib/ComparisonOperatorSelectorView_combined.js +6 -6
  23. package/esm2015/lib/ContentCellModelHelper.js +10 -10
  24. package/esm2015/lib/DataGridCellLayoutPanel.js +10 -10
  25. package/esm2015/lib/DataGridLocaleEn.js +8 -0
  26. package/esm2015/lib/DataGridScrollerKeyboardListener.js +16 -16
  27. package/esm2015/lib/DataGridToolbarView_combined.js +1 -1
  28. package/esm2015/lib/DateTimeCellPresenter.js +9 -9
  29. package/esm2015/lib/EditorCell.js +292 -292
  30. package/esm2015/lib/EditorCellPresenter.js +26 -26
  31. package/esm2015/lib/FilterCell.js +269 -269
  32. package/esm2015/lib/FilterCellPresenter.js +15 -15
  33. package/esm2015/lib/GridCellBase.js +167 -150
  34. package/esm2015/lib/GridColumnFilterOptionsView_combined.js +8 -8
  35. package/esm2015/lib/GridColumnGroupOptionsView_combined.js +5 -5
  36. package/esm2015/lib/GridColumnHideOptionsView_combined.js +3 -3
  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 +7 -7
  41. package/esm2015/lib/GridExternalWrapper.js +6 -6
  42. package/esm2015/lib/GridFilterDialogView_combined.js +188 -173
  43. package/esm2015/lib/GridIconRepository.js +4 -4
  44. package/esm2015/lib/ISummaryChooserView_combined.js +5 -5
  45. package/esm2015/lib/ImageCell.js +57 -57
  46. package/esm2015/lib/ImageCellPresenter.js +15 -15
  47. package/esm2015/lib/MultiColumnComboBoxView_combined.js +5 -5
  48. package/esm2015/lib/NumericCell.js +8 -8
  49. package/esm2015/lib/NumericCellPresenter.js +9 -9
  50. package/esm2015/lib/PropertyEditorView_combined.js +19 -19
  51. package/esm2015/lib/SectionHeaderCell.js +20 -20
  52. package/esm2015/lib/SectionHeaderCellPresenter.js +10 -10
  53. package/esm2015/lib/SummaryCell.js +45 -45
  54. package/esm2015/lib/SummaryCellPresenter.js +10 -10
  55. package/esm2015/lib/TemplateCell.js +15 -15
  56. package/esm2015/lib/TemplateCellPresenter.js +3 -3
  57. package/esm2015/lib/TemplateHeader.js +2 -2
  58. package/esm2015/lib/TemplateHeaderCell.js +5 -5
  59. package/esm2015/lib/TemplateHeaderCellModel.js +18 -18
  60. package/esm2015/lib/TemplateHeaderCellPresenter.js +3 -3
  61. package/esm2015/lib/TemplateSectionHeader.js +1 -1
  62. package/esm2015/lib/TextCell.js +29 -29
  63. package/esm2015/lib/TextCellPresenter.js +10 -10
  64. package/esm2015/lib/TextHeaderCell.js +184 -184
  65. package/esm2015/lib/TextHeaderCellPresenter.js +55 -52
  66. package/esm2015/lib/VerticalSeparatorCell.js +37 -37
  67. package/esm2015/lib/igc-cell-info.js +90 -81
  68. package/esm2015/lib/igc-checkbox-list-component.js +68 -58
  69. package/esm2015/lib/igc-combo-box-column-component.js +10 -10
  70. package/esm2015/lib/igc-data-grid-column-component.js +238 -214
  71. package/esm2015/lib/igc-data-grid-component.js +31 -0
  72. package/esm2015/lib/igc-data-grid-filter-dialog-component.js +44 -34
  73. package/esm2015/lib/igc-date-time-cell-info.js +12 -12
  74. package/esm2015/lib/igc-date-time-column-component.js +23 -23
  75. package/esm2015/lib/igc-editor-cell-info.js +23 -23
  76. package/esm2015/lib/igc-filter-cell-info.js +26 -26
  77. package/esm2015/lib/igc-image-cell-info.js +6 -6
  78. package/esm2015/lib/igc-image-column-component.js +12 -12
  79. package/esm2015/lib/igc-numeric-cell-info.js +35 -26
  80. package/esm2015/lib/igc-numeric-column-component.js +38 -38
  81. package/esm2015/lib/igc-section-header-cell-info.js +6 -6
  82. package/esm2015/lib/igc-section-header-component.js +32 -12
  83. package/esm2015/lib/igc-summary-cell-info.js +9 -9
  84. package/esm2015/lib/igc-template-cell-info.js +2 -2
  85. package/esm2015/lib/igc-template-header-cell-info.js +2 -2
  86. package/esm2015/lib/igc-text-cell-info.js +2 -2
  87. package/esm2015/lib/igc-text-column-component.js +9 -9
  88. package/esm2015/lib/igc-text-header-cell-info.js +44 -38
  89. package/esm5/lib/CanvasCellPresenterBase.js +4 -4
  90. package/esm5/lib/CanvasContentCellModelHelper.js +5 -5
  91. package/esm5/lib/CanvasDateTimeCellPresenter.js +8 -8
  92. package/esm5/lib/CanvasGridCellBase.js +2 -2
  93. package/esm5/lib/CanvasImageCellPresenter.js +7 -7
  94. package/esm5/lib/CanvasNumericCellPresenter.js +8 -8
  95. package/esm5/lib/CanvasSectionHeaderCellPresenter.js +9 -9
  96. package/esm5/lib/CanvasSummaryCellPresenter.js +6 -6
  97. package/esm5/lib/CanvasTemplateCellPresenter.js +2 -2
  98. package/esm5/lib/CanvasTemplateHeaderCellPresenter.js +1 -1
  99. package/esm5/lib/CanvasTextCellPresenter.js +9 -9
  100. package/esm5/lib/CanvasTextHeaderCellPresenter.js +7 -7
  101. package/esm5/lib/CellPresenterBase.js +38 -35
  102. package/esm5/lib/CheckboxListBridge.js +8 -0
  103. package/esm5/lib/CheckboxListView_combined.js +359 -321
  104. package/esm5/lib/ColumnChooserView_combined.js +11 -11
  105. package/esm5/lib/ColumnFilterCondition_combined.js +5068 -4770
  106. package/esm5/lib/ColumnGroupingView_combined.js +4 -4
  107. package/esm5/lib/ColumnPinningView_combined.js +5 -5
  108. package/esm5/lib/ComparisonOperatorSelectorView_combined.js +6 -6
  109. package/esm5/lib/ContentCellModelHelper.js +10 -10
  110. package/esm5/lib/DataGridCellLayoutPanel.js +10 -10
  111. package/esm5/lib/DataGridLocaleEn.js +8 -0
  112. package/esm5/lib/DataGridScrollerKeyboardListener.js +16 -16
  113. package/esm5/lib/DataGridToolbarView_combined.js +1 -1
  114. package/esm5/lib/DateTimeCellPresenter.js +9 -9
  115. package/esm5/lib/EditorCell.js +277 -277
  116. package/esm5/lib/EditorCellPresenter.js +26 -26
  117. package/esm5/lib/FilterCell.js +259 -259
  118. package/esm5/lib/FilterCellPresenter.js +15 -15
  119. package/esm5/lib/GridCellBase.js +164 -143
  120. package/esm5/lib/GridColumnFilterOptionsView_combined.js +8 -8
  121. package/esm5/lib/GridColumnGroupOptionsView_combined.js +5 -5
  122. package/esm5/lib/GridColumnHideOptionsView_combined.js +3 -3
  123. package/esm5/lib/GridColumnMoveOptionsView_combined.js +1 -1
  124. package/esm5/lib/GridColumnOptionsView_combined.js +1 -1
  125. package/esm5/lib/GridColumnPinOptionsView_combined.js +1 -1
  126. package/esm5/lib/GridColumnSummaryOptionsView_combined.js +7 -7
  127. package/esm5/lib/GridExternalWrapper.js +6 -6
  128. package/esm5/lib/GridFilterDialogView_combined.js +183 -164
  129. package/esm5/lib/GridIconRepository.js +4 -4
  130. package/esm5/lib/ISummaryChooserView_combined.js +5 -5
  131. package/esm5/lib/ImageCell.js +57 -57
  132. package/esm5/lib/ImageCellPresenter.js +15 -15
  133. package/esm5/lib/MultiColumnComboBoxView_combined.js +5 -5
  134. package/esm5/lib/NumericCell.js +8 -8
  135. package/esm5/lib/NumericCellPresenter.js +9 -9
  136. package/esm5/lib/PropertyEditorView_combined.js +19 -19
  137. package/esm5/lib/SectionHeaderCell.js +20 -20
  138. package/esm5/lib/SectionHeaderCellPresenter.js +10 -10
  139. package/esm5/lib/SummaryCell.js +45 -45
  140. package/esm5/lib/SummaryCellPresenter.js +10 -10
  141. package/esm5/lib/TemplateCell.js +15 -15
  142. package/esm5/lib/TemplateCellPresenter.js +3 -3
  143. package/esm5/lib/TemplateHeader.js +2 -2
  144. package/esm5/lib/TemplateHeaderCell.js +5 -5
  145. package/esm5/lib/TemplateHeaderCellModel.js +17 -17
  146. package/esm5/lib/TemplateHeaderCellPresenter.js +3 -3
  147. package/esm5/lib/TemplateSectionHeader.js +1 -1
  148. package/esm5/lib/TextCell.js +29 -29
  149. package/esm5/lib/TextCellPresenter.js +10 -10
  150. package/esm5/lib/TextHeaderCell.js +182 -182
  151. package/esm5/lib/TextHeaderCellPresenter.js +55 -52
  152. package/esm5/lib/VerticalSeparatorCell.js +37 -37
  153. package/esm5/lib/igc-cell-info.js +94 -81
  154. package/esm5/lib/igc-checkbox-list-component.js +72 -58
  155. package/esm5/lib/igc-combo-box-column-component.js +10 -10
  156. package/esm5/lib/igc-data-grid-column-component.js +250 -214
  157. package/esm5/lib/igc-data-grid-component.js +43 -0
  158. package/esm5/lib/igc-data-grid-filter-dialog-component.js +48 -34
  159. package/esm5/lib/igc-date-time-cell-info.js +12 -12
  160. package/esm5/lib/igc-date-time-column-component.js +23 -23
  161. package/esm5/lib/igc-editor-cell-info.js +23 -23
  162. package/esm5/lib/igc-filter-cell-info.js +26 -26
  163. package/esm5/lib/igc-image-cell-info.js +6 -6
  164. package/esm5/lib/igc-image-column-component.js +12 -12
  165. package/esm5/lib/igc-numeric-cell-info.js +39 -26
  166. package/esm5/lib/igc-numeric-column-component.js +38 -38
  167. package/esm5/lib/igc-section-header-cell-info.js +6 -6
  168. package/esm5/lib/igc-section-header-component.js +40 -12
  169. package/esm5/lib/igc-summary-cell-info.js +9 -9
  170. package/esm5/lib/igc-template-cell-info.js +2 -2
  171. package/esm5/lib/igc-template-header-cell-info.js +2 -2
  172. package/esm5/lib/igc-text-cell-info.js +2 -2
  173. package/esm5/lib/igc-text-column-component.js +9 -9
  174. package/esm5/lib/igc-text-header-cell-info.js +48 -38
  175. package/fesm2015/igniteui-webcomponents-data-grids.js +8096 -7635
  176. package/fesm5/igniteui-webcomponents-data-grids.js +7956 -7387
  177. package/lib/CheckboxListExternal.d.ts +2 -0
  178. package/lib/CheckboxListView_combined.d.ts +98 -94
  179. package/lib/ColumnFilterCondition_combined.d.ts +1308 -1267
  180. package/lib/DataGridLocaleEn.d.ts +8 -0
  181. package/lib/EditorCell.d.ts +67 -67
  182. package/lib/FilterCell.d.ts +55 -55
  183. package/lib/GridCellBase.d.ts +64 -61
  184. package/lib/GridFilterDialogView_combined.d.ts +52 -49
  185. package/lib/ImageCell.d.ts +17 -17
  186. package/lib/NumericCell.d.ts +2 -2
  187. package/lib/SectionHeaderCell.d.ts +4 -4
  188. package/lib/SummaryCell.d.ts +10 -10
  189. package/lib/TemplateCell.d.ts +5 -5
  190. package/lib/TemplateHeaderCell.d.ts +2 -2
  191. package/lib/TemplateHeaderCellModel.d.ts +7 -7
  192. package/lib/TemplateSectionHeader.d.ts +1 -1
  193. package/lib/TextCell.d.ts +7 -7
  194. package/lib/TextHeaderCell.d.ts +30 -30
  195. package/lib/VerticalSeparatorCell.d.ts +8 -8
  196. package/lib/igc-cell-info.d.ts +5 -0
  197. package/lib/igc-checkbox-list-component.d.ts +5 -0
  198. package/lib/igc-data-grid-column-component.d.ts +9 -0
  199. package/lib/igc-data-grid-component.d.ts +16 -0
  200. package/lib/igc-data-grid-filter-dialog-component.d.ts +5 -0
  201. package/lib/igc-numeric-cell-info.d.ts +5 -0
  202. package/lib/igc-section-header-component.d.ts +10 -0
  203. package/lib/igc-text-header-cell-info.d.ts +2 -0
  204. package/package.json +4 -4
@@ -60,10 +60,10 @@ let GridFilterDialogView = /*@__PURE__*/ (() => {
60
60
  }
61
61
  y() {
62
62
  this.x();
63
- this.b.b7();
63
+ this.b.b8();
64
64
  }
65
65
  t() {
66
- this.b.bz(this.l, this.k, this.aa);
66
+ this.b.b0(this.l, this.k, this.aa);
67
67
  }
68
68
  s() {
69
69
  if (KeyFrameAnimationFactory.h == null) {
@@ -182,7 +182,7 @@ let GridFilterDialogPanel = /*@__PURE__*/ (() => {
182
182
  e.setStyleProperty("background-color", "#fff");
183
183
  e.setStyleProperty("border-radius", "3px");
184
184
  e.setStyleProperty("overflow", "auto");
185
- let g = ElevationHelper.e(12, this.b.cr, this.b.cq, this.b.cp);
185
+ let g = ElevationHelper.e(12, this.b.ct, this.b.cs, this.b.cr);
186
186
  e.setStyleProperty("boxShadow", g);
187
187
  e.listen("mousedown", runOn(this, this.o));
188
188
  this.onDocumentKeyDown = this.onDocumentKeyDown.bind(this);
@@ -314,7 +314,7 @@ let GridFilterDialog = /*@__PURE__*/ (() => {
314
314
  let b = this.af;
315
315
  this.af = a;
316
316
  if (b != this.af) {
317
- this.b6("IsAnimationEnabled", b, this.af);
317
+ this.b7("IsAnimationEnabled", b, this.af);
318
318
  }
319
319
  }
320
320
  get aq() {
@@ -323,7 +323,7 @@ let GridFilterDialog = /*@__PURE__*/ (() => {
323
323
  set aq(a) {
324
324
  let b = this.an;
325
325
  this.an = a;
326
- this.b6("PixelScalingRatio", b, this.an);
326
+ this.b7("PixelScalingRatio", b, this.an);
327
327
  }
328
328
  get ap() {
329
329
  return this.am;
@@ -331,7 +331,7 @@ let GridFilterDialog = /*@__PURE__*/ (() => {
331
331
  set ap(a) {
332
332
  let b = this.am;
333
333
  this.am = a;
334
- this.b6("ActualPixelScalingRatio", b, this.am);
334
+ this.b7("ActualPixelScalingRatio", b, this.am);
335
335
  }
336
336
  get l() {
337
337
  return this.j;
@@ -340,7 +340,7 @@ let GridFilterDialog = /*@__PURE__*/ (() => {
340
340
  let b = this.j;
341
341
  this.j = a;
342
342
  if (b != this.j) {
343
- this.b6("IconHorizontalAlignment", enumGetBox(CellContentHorizontalAlignment_$type, b), enumGetBox(CellContentHorizontalAlignment_$type, this.j));
343
+ this.b7("IconHorizontalAlignment", enumGetBox(CellContentHorizontalAlignment_$type, b), enumGetBox(CellContentHorizontalAlignment_$type, this.j));
344
344
  }
345
345
  }
346
346
  get k() {
@@ -350,7 +350,7 @@ let GridFilterDialog = /*@__PURE__*/ (() => {
350
350
  let b = this.i;
351
351
  this.i = a;
352
352
  if (b != this.i) {
353
- this.b6("HeaderTextALignment", enumGetBox(CellContentHorizontalAlignment_$type, b), enumGetBox(CellContentHorizontalAlignment_$type, this.i));
353
+ this.b7("HeaderTextALignment", enumGetBox(CellContentHorizontalAlignment_$type, b), enumGetBox(CellContentHorizontalAlignment_$type, this.i));
354
354
  }
355
355
  }
356
356
  get av() {
@@ -360,7 +360,7 @@ let GridFilterDialog = /*@__PURE__*/ (() => {
360
360
  let b = this.as;
361
361
  this.as = a;
362
362
  if (b != this.as) {
363
- this.b6("CellPaddingLeft", b, this.as);
363
+ this.b7("CellPaddingLeft", b, this.as);
364
364
  }
365
365
  }
366
366
  get aw() {
@@ -370,17 +370,17 @@ let GridFilterDialog = /*@__PURE__*/ (() => {
370
370
  let b = this.at;
371
371
  this.at = a;
372
372
  if (b != this.at) {
373
- this.b6("CellPaddingRight", b, this.at);
373
+ this.b7("CellPaddingRight", b, this.at);
374
374
  }
375
375
  }
376
- get c1() {
377
- return this.co;
376
+ get c4() {
377
+ return this.cq;
378
378
  }
379
- set c1(a) {
380
- let b = this.co;
381
- this.co = a;
382
- if (b != this.co) {
383
- this.b6("IconColor", b, this.co);
379
+ set c4(a) {
380
+ let b = this.cq;
381
+ this.cq = a;
382
+ if (b != this.cq) {
383
+ this.b7("IconColor", b, this.cq);
384
384
  }
385
385
  }
386
386
  get ar() {
@@ -390,7 +390,7 @@ let GridFilterDialog = /*@__PURE__*/ (() => {
390
390
  let b = this.ao;
391
391
  this.ao = a;
392
392
  if (b != this.ao) {
393
- this.b6("ViewSize", b, this.ao);
393
+ this.b7("ViewSize", b, this.ao);
394
394
  }
395
395
  }
396
396
  get x() {
@@ -400,27 +400,27 @@ let GridFilterDialog = /*@__PURE__*/ (() => {
400
400
  let b = this.w;
401
401
  this.w = a;
402
402
  if (this.w != b) {
403
- this.b6("Theme", enumGetBox(BaseControlTheme_$type, b), enumGetBox(BaseControlTheme_$type, this.w));
403
+ this.b7("Theme", enumGetBox(BaseControlTheme_$type, b), enumGetBox(BaseControlTheme_$type, this.w));
404
404
  }
405
405
  }
406
- get ct() {
407
- return this.cg;
406
+ get cv() {
407
+ return this.ch;
408
408
  }
409
- set ct(a) {
410
- let b = this.cg;
411
- this.cg = a;
412
- if (b != this.cg) {
413
- this.b6("ColumnOptionsBackground", b, this.cg);
409
+ set cv(a) {
410
+ let b = this.ch;
411
+ this.ch = a;
412
+ if (b != this.ch) {
413
+ this.b7("ColumnOptionsBackground", b, this.ch);
414
414
  }
415
415
  }
416
- get cz() {
417
- return this.cm;
416
+ get c1() {
417
+ return this.cn;
418
418
  }
419
- set cz(a) {
420
- let b = this.cm;
421
- this.cm = a;
422
- if (b != this.cm) {
423
- this.b6("ColumnOptionsTextColor", b, this.cm);
419
+ set c1(a) {
420
+ let b = this.cn;
421
+ this.cn = a;
422
+ if (b != this.cn) {
423
+ this.b7("ColumnOptionsTextColor", b, this.cn);
424
424
  }
425
425
  }
426
426
  get ab() {
@@ -430,67 +430,77 @@ let GridFilterDialog = /*@__PURE__*/ (() => {
430
430
  let b = this.z;
431
431
  this.z = a;
432
432
  if (b != this.z) {
433
- this.b6("ColumnOptionsTextStyle", b, this.z);
433
+ this.b7("ColumnOptionsTextStyle", b, this.z);
434
434
  }
435
435
  }
436
- get cx() {
437
- return this.ck;
436
+ get cz() {
437
+ return this.cl;
438
438
  }
439
- set cx(a) {
440
- let b = this.ck;
441
- this.ck = a;
442
- if (b != this.ck) {
443
- this.b6("ColumnOptionsHoverBackgroundColor", b, this.ck);
439
+ set cz(a) {
440
+ let b = this.cl;
441
+ this.cl = a;
442
+ if (b != this.cl) {
443
+ this.b7("ColumnOptionsHoverBackgroundColor", b, this.cl);
444
444
  }
445
445
  }
446
- get c0() {
447
- return this.cn;
446
+ get c2() {
447
+ return this.co;
448
448
  }
449
- set c0(a) {
450
- let b = this.cn;
451
- this.cn = a;
452
- if (b != this.cn) {
453
- this.b6("ColumnOptionsToolTipBackgroundColor", b, this.cn);
449
+ set c2(a) {
450
+ let b = this.co;
451
+ this.co = a;
452
+ if (b != this.co) {
453
+ this.b7("ColumnOptionsToolTipBackgroundColor", b, this.co);
454
454
  }
455
455
  }
456
- get cw() {
457
- return this.cj;
456
+ get c3() {
457
+ return this.cp;
458
458
  }
459
- set cw(a) {
460
- let b = this.cj;
461
- this.cj = a;
462
- if (b != this.cj) {
463
- this.b6("ColumnOptionsHighlightColor", b, this.cj);
459
+ set c3(a) {
460
+ let b = this.cp;
461
+ this.cp = a;
462
+ if (b != this.cp) {
463
+ this.b7("ColumnOptionsToolTipTextColor", b, this.cp);
464
464
  }
465
465
  }
466
466
  get cy() {
467
- return this.cl;
467
+ return this.ck;
468
468
  }
469
469
  set cy(a) {
470
- let b = this.cl;
471
- this.cl = a;
472
- if (b != this.cl) {
473
- this.b6("ColumnOptionsSeparatorColor", b, this.cl);
470
+ let b = this.ck;
471
+ this.ck = a;
472
+ if (b != this.ck) {
473
+ this.b7("ColumnOptionsHighlightColor", b, this.ck);
474
474
  }
475
475
  }
476
- get cu() {
477
- return this.ch;
476
+ get c0() {
477
+ return this.cm;
478
478
  }
479
- set cu(a) {
480
- let b = this.ch;
481
- this.ch = a;
482
- if (b != this.ch) {
483
- this.b6("ColumnOptionsGroupHeaderBackground", b, this.ch);
479
+ set c0(a) {
480
+ let b = this.cm;
481
+ this.cm = a;
482
+ if (b != this.cm) {
483
+ this.b7("ColumnOptionsSeparatorColor", b, this.cm);
484
484
  }
485
485
  }
486
- get cv() {
486
+ get cw() {
487
487
  return this.ci;
488
488
  }
489
- set cv(a) {
489
+ set cw(a) {
490
490
  let b = this.ci;
491
491
  this.ci = a;
492
492
  if (b != this.ci) {
493
- this.b6("ColumnOptionsGroupHeaderTextColor", b, this.ci);
493
+ this.b7("ColumnOptionsGroupHeaderBackground", b, this.ci);
494
+ }
495
+ }
496
+ get cx() {
497
+ return this.cj;
498
+ }
499
+ set cx(a) {
500
+ let b = this.cj;
501
+ this.cj = a;
502
+ if (b != this.cj) {
503
+ this.b7("ColumnOptionsGroupHeaderTextColor", b, this.cj);
494
504
  }
495
505
  }
496
506
  get aa() {
@@ -500,17 +510,17 @@ let GridFilterDialog = /*@__PURE__*/ (() => {
500
510
  let b = this.y;
501
511
  this.y = a;
502
512
  if (b != this.y) {
503
- this.b6("ColumnOptionsGroupHeaderTextStyle", b, this.y);
513
+ this.b7("ColumnOptionsGroupHeaderTextStyle", b, this.y);
504
514
  }
505
515
  }
506
- get cs() {
507
- return this.cf;
516
+ get cu() {
517
+ return this.cg;
508
518
  }
509
- set cs(a) {
510
- let b = this.cf;
511
- this.cf = a;
512
- if (b != this.cf) {
513
- this.b6("ColumnOptionsAccentColor", b, this.cf);
519
+ set cu(a) {
520
+ let b = this.cg;
521
+ this.cg = a;
522
+ if (b != this.cg) {
523
+ this.b7("ColumnOptionsAccentColor", b, this.cg);
514
524
  }
515
525
  }
516
526
  get ax() {
@@ -520,19 +530,19 @@ let GridFilterDialog = /*@__PURE__*/ (() => {
520
530
  let b = this.au;
521
531
  this.au = a;
522
532
  if (b != this.au) {
523
- this.b6("ColumnOptionsRowHeight", b, this.au);
533
+ this.b7("ColumnOptionsRowHeight", b, this.au);
524
534
  }
525
535
  }
526
536
  get aj() {
527
537
  return this.v != null ? this.v.bz : false;
528
538
  }
529
- b6(a, b, c) {
530
- this.b9(a, b, c);
539
+ b7(a, b, c) {
540
+ this.ca(a, b, c);
531
541
  if (this.propertyChanged != null) {
532
542
  this.propertyChanged(this, new PropertyChangedEventArgs(a));
533
543
  }
534
544
  }
535
- b9(a, b, c) {
545
+ ca(a, b, c) {
536
546
  switch (a) {
537
547
  case "PixelScalingRatio":
538
548
  this.ap = this.aq;
@@ -555,18 +565,17 @@ let GridFilterDialog = /*@__PURE__*/ (() => {
555
565
  break;
556
566
  case "ColumnOptionsBackground":
557
567
  if (this.v != null) {
558
- this.v.cl = this.ct;
559
- this.v.cq = this.ct;
568
+ this.v.cl = this.cv;
569
+ this.v.cq = this.cv;
560
570
  }
561
571
  break;
562
572
  case "ColumnOptionsTextColor":
563
573
  if (this.v != null) {
564
- this.v.cn = this.cz;
565
- this.v.cp = this.cz;
566
- this.v.cb = this.cz;
567
- this.v.ch = this.cz;
568
- this.v.ci = this.cz;
569
- this.v.cj = this.cz;
574
+ this.v.cn = this.c1;
575
+ this.v.cb = this.c1;
576
+ this.v.ch = this.c1;
577
+ this.v.ci = this.c1;
578
+ this.v.cj = this.c1;
570
579
  }
571
580
  break;
572
581
  case "ColumnOptionsTextStyle":
@@ -576,32 +585,37 @@ let GridFilterDialog = /*@__PURE__*/ (() => {
576
585
  break;
577
586
  case "ColumnOptionsHoverBackgroundColor":
578
587
  if (this.v != null) {
579
- this.v.cg = this.cx;
588
+ this.v.cg = this.cz;
580
589
  }
581
590
  break;
582
591
  case "ColumnOptionsToolTipBackgroundColor":
583
592
  if (this.v != null) {
584
- this.v.co = this.c0;
593
+ this.v.co = this.c2;
594
+ }
595
+ break;
596
+ case "ColumnOptionsToolTipTextColor":
597
+ if (this.v != null) {
598
+ this.v.cp = this.c3;
585
599
  }
586
600
  break;
587
601
  case "ColumnOptionsHighlightColor":
588
602
  if (this.v != null) {
589
- this.v.cf = this.cw;
603
+ this.v.cf = this.cy;
590
604
  }
591
605
  break;
592
606
  case "ColumnOptionsSeparatorColor":
593
607
  if (this.v != null) {
594
- this.v.ck = this.cy;
608
+ this.v.ck = this.c0;
595
609
  }
596
610
  break;
597
611
  case "ColumnOptionsGroupHeaderBackground":
598
612
  if (this.v != null) {
599
- this.v.cc = this.cu;
613
+ this.v.cc = this.cw;
600
614
  }
601
615
  break;
602
616
  case "ColumnOptionsGroupHeaderTextColor":
603
617
  if (this.v != null) {
604
- this.v.ce = this.cv;
618
+ this.v.ce = this.cx;
605
619
  }
606
620
  break;
607
621
  case "ColumnOptionsGroupHeaderTextStyle":
@@ -611,10 +625,10 @@ let GridFilterDialog = /*@__PURE__*/ (() => {
611
625
  break;
612
626
  case "ColumnOptionsAccentColor":
613
627
  if (this.v != null) {
614
- this.v.b7 = this.cs;
615
- this.v.b9 = this.cs;
616
- this.v.ca = this.cs;
617
- this.v.cr = this.cs;
628
+ this.v.b7 = this.cu;
629
+ this.v.b9 = this.cu;
630
+ this.v.ca = this.cu;
631
+ this.v.cr = this.cu;
618
632
  }
619
633
  break;
620
634
  case "ColumnOptionsRowHeight":
@@ -635,24 +649,25 @@ let GridFilterDialog = /*@__PURE__*/ (() => {
635
649
  this.i = 0;
636
650
  this.as = 0;
637
651
  this.at = 0;
638
- this.co = null;
652
+ this.cq = null;
639
653
  this.ao = DeviceUtils.g(24);
640
654
  this.w = 1;
641
- this.cg = null;
642
- this.cm = null;
643
- this.z = null;
644
- this.ck = null;
655
+ this.ch = null;
645
656
  this.cn = null;
646
- this.cj = null;
657
+ this.z = null;
647
658
  this.cl = null;
648
- this.ch = null;
659
+ this.co = null;
660
+ this.cp = null;
661
+ this.ck = null;
662
+ this.cm = null;
649
663
  this.ci = null;
664
+ this.cj = null;
650
665
  this.y = null;
651
- this.cf = null;
666
+ this.cg = null;
652
667
  this.au = -1;
668
+ this.ct = null;
669
+ this.cs = null;
653
670
  this.cr = null;
654
- this.cq = null;
655
- this.cp = null;
656
671
  this.ac = null;
657
672
  this.ae = false;
658
673
  this.m = null;
@@ -668,13 +683,13 @@ let GridFilterDialog = /*@__PURE__*/ (() => {
668
683
  this.renderCompleted = null;
669
684
  this.s = new GridFilterDialogView(this);
670
685
  this.x = 1;
671
- this.cr = BrushUtil.l(66, 0, 0, 0);
672
- this.cq = BrushUtil.l(30, 0, 0, 0);
673
- this.cp = BrushUtil.l(20, 0, 0, 0);
686
+ this.ct = BrushUtil.l(66, 0, 0, 0);
687
+ this.cs = BrushUtil.l(30, 0, 0, 0);
688
+ this.cr = BrushUtil.l(20, 0, 0, 0);
674
689
  }
675
- ca(a, b, c) {
690
+ cb(a, b, c) {
676
691
  this.s.v(a, b, c);
677
- this.b3();
692
+ this.b4();
678
693
  }
679
694
  get n() {
680
695
  return this.m;
@@ -683,87 +698,87 @@ let GridFilterDialog = /*@__PURE__*/ (() => {
683
698
  let b = this.m;
684
699
  this.m = a;
685
700
  if (this.m != b) {
686
- this.b2(b, this.m);
701
+ this.b3(b, this.m);
687
702
  }
688
703
  }
689
- b2(a, b) {
704
+ b3(a, b) {
690
705
  this.ad = true;
691
706
  }
692
- b3() {
707
+ b4() {
693
708
  NativeUIComponent.av(this.s.p(), 18, (a) => {
694
709
  let b = a;
695
710
  this.v = b;
696
711
  this.v.b2 = 16;
697
712
  this.v.b8 = BrushUtil.l(0, 0, 0, 0);
698
713
  this.v.v = false;
699
- this.v.br = runOn(this, this.bt);
700
- this.v.bp = runOn(this, this.bs);
714
+ this.v.br = runOn(this, this.bu);
715
+ this.v.bp = runOn(this, this.bt);
701
716
  this.v.b0 = false;
702
717
  this.s.r(this.v);
703
718
  this.v.c = this.x;
704
- this.v.cl = this.ct;
705
- this.v.cq = this.ct;
706
- this.v.cn = this.cz;
707
- this.v.ce = this.cv;
708
- this.v.cp = this.cz;
709
- this.v.cb = this.cz;
710
- this.v.ch = this.cz;
711
- this.v.ci = this.cz;
712
- this.v.cj = this.cz;
719
+ this.v.cl = this.cv;
720
+ this.v.cq = this.cv;
721
+ this.v.cn = this.c1;
722
+ this.v.ce = this.cx;
723
+ this.v.cb = this.c1;
724
+ this.v.ch = this.c1;
725
+ this.v.ci = this.c1;
726
+ this.v.cj = this.c1;
713
727
  this.v.bw = this.ab;
714
- this.v.cg = this.cx;
715
- this.v.co = this.c0;
716
- this.v.cf = this.cw;
717
- this.v.ck = this.cy;
718
- this.v.cc = this.cu;
728
+ this.v.cg = this.cz;
729
+ this.v.co = this.c2;
730
+ this.v.cp = this.c3;
731
+ this.v.cf = this.cy;
732
+ this.v.ck = this.c0;
733
+ this.v.cc = this.cw;
719
734
  this.v.bx = this.aa;
720
- this.v.b7 = this.cs;
721
- this.v.b9 = this.cs;
722
- this.v.ca = this.cs;
723
- this.v.cr = this.cs;
735
+ this.v.b7 = this.cu;
736
+ this.v.b9 = this.cu;
737
+ this.v.ca = this.cu;
738
+ this.v.cr = this.cu;
724
739
  this.v.b3 = this.ax;
725
740
  this.v.b4 = this.n;
726
741
  });
727
742
  }
728
- bt(a, b) {
743
+ bu(a, b) {
729
744
  if (this.ad) {
730
745
  this.ad = false;
731
746
  this.v.b4 = this.n;
732
747
  }
733
748
  if (this.n != null) {
734
749
  if (this.n.grid != null) {
735
- this.n.grid.wf();
750
+ this.n.grid.wk();
736
751
  }
737
- this.n.o8();
752
+ this.n.pd();
738
753
  }
739
754
  if (this.dialogOpening != null) {
740
755
  let c = new GridFilterDialogOpeningEventArgs();
741
756
  this.dialogOpening(this, c);
742
757
  }
743
758
  }
744
- bs(a, b) {
759
+ bt(a, b) {
745
760
  if (this.ae) {
746
- this.by();
761
+ this.bz();
747
762
  }
748
763
  }
749
- bv(a, b) {
764
+ bw(a, b) {
750
765
  switch (b.propertyName) {
751
766
  case "IsHidden": break;
752
767
  }
753
768
  }
754
- b4() {
769
+ b5() {
755
770
  }
756
- b5(a, b) {
757
- a.onModified = delegateRemove(a.onModified, runOn(this, this.b8));
771
+ b6(a, b) {
772
+ a.onModified = delegateRemove(a.onModified, runOn(this, this.b9));
758
773
  if (b) {
759
- this.cc();
774
+ this.cd();
760
775
  }
761
776
  else {
762
- this.cb(a, true);
777
+ this.cc(a, true);
763
778
  }
764
779
  this.f = null;
765
780
  }
766
- bw() {
781
+ bx() {
767
782
  this.s.s();
768
783
  if (this.ac == null) {
769
784
  let a = new AnimationKeyFrameEffectTiming();
@@ -772,7 +787,7 @@ let GridFilterDialog = /*@__PURE__*/ (() => {
772
787
  this.ac = KeyFrameAnimationFactory.f.c(this.s.a(a).m(new AnimationKeyFrameProperty(1, 0)).m(new AnimationKeyFrameProperty(1, 1)));
773
788
  }
774
789
  }
775
- cd() {
790
+ ce() {
776
791
  if (this.filterChanged != null) {
777
792
  this.filterChanged(this, ((() => {
778
793
  let $ret = new GridFilterDialogFilterChangeEventArgs();
@@ -781,7 +796,7 @@ let GridFilterDialog = /*@__PURE__*/ (() => {
781
796
  })()));
782
797
  }
783
798
  }
784
- cc() {
799
+ cd() {
785
800
  if (this.filterChanged != null) {
786
801
  this.filterChanged(this, ((() => {
787
802
  let $ret = new GridFilterDialogFilterChangeEventArgs();
@@ -790,7 +805,7 @@ let GridFilterDialog = /*@__PURE__*/ (() => {
790
805
  })()));
791
806
  }
792
807
  }
793
- cb(a, b) {
808
+ cc(a, b) {
794
809
  let c = this.e(a);
795
810
  if (b) {
796
811
  if (this.filterChanged != null) {
@@ -895,30 +910,30 @@ let GridFilterDialog = /*@__PURE__*/ (() => {
895
910
  c(a) {
896
911
  return EnumUtil.getEnumValue(ColumnComparisonConditionOperatorType_$type, EnumUtil.parse(ColumnComparisonConditionOperatorType_$type, a, true));
897
912
  }
898
- b8(a) {
899
- this.cb(a, false);
913
+ b9(a) {
914
+ this.cc(a, false);
900
915
  }
901
916
  t(a, b) {
902
917
  let c = new GridFilterDialogViewModel();
903
918
  if (a != null) {
904
- this.bu(c, a, b);
919
+ this.bv(c, a, b);
905
920
  }
906
921
  else {
907
922
  let d = new GridFilterDialogViewModelRow();
908
923
  d.f = b;
909
924
  d.e = GridFilterDialog.a(b);
910
925
  d.d = GridFilterDialog.b(b);
911
- d.l = GridFilterDialog.bk(b[0]);
926
+ d.l = GridFilterDialog.bl(b[0]);
912
927
  c.f.add(d);
913
928
  }
914
929
  return c;
915
930
  }
916
- bu(a, b, c) {
931
+ bv(a, b, c) {
917
932
  if (b.isGroup()) {
918
933
  let d = b;
919
934
  for (let e = 0; e < d.count; e++) {
920
935
  let f = d.item(e);
921
- this.bu(a, f, c);
936
+ this.bv(a, f, c);
922
937
  }
923
938
  }
924
939
  else {
@@ -927,7 +942,7 @@ let GridFilterDialog = /*@__PURE__*/ (() => {
927
942
  }
928
943
  u(a, b) {
929
944
  let c = new GridFilterDialogViewModelRow();
930
- c.l = GridFilterDialog.bk(a.operator);
945
+ c.l = GridFilterDialog.bl(a.operator);
931
946
  c.f = b;
932
947
  c.e = GridFilterDialog.a(b);
933
948
  c.i = GridFilterDialog.a2(GridFilterDialog.ay(a.operator), a.operator, a);
@@ -957,24 +972,24 @@ let GridFilterDialog = /*@__PURE__*/ (() => {
957
972
  }
958
973
  return b;
959
974
  }
960
- static bk(a) {
975
+ static bl(a) {
961
976
  return EnumUtil.getName(ColumnComparisonConditionOperatorType_$type, a);
962
977
  }
963
- b1(a, b) {
978
+ b2(a, b) {
964
979
  this.s.w(a, b);
965
980
  }
966
- b0() {
981
+ b1() {
967
982
  this.s.u();
968
983
  }
969
- bz(a, b, c) {
984
+ b0(a, b, c) {
970
985
  }
971
- ce() {
986
+ cf() {
972
987
  this.ae = false;
973
988
  if (this.s.q == null || NativeUI.g(this.s.q) == 1) {
974
989
  return;
975
990
  }
976
991
  if (this.ai) {
977
- this.bw();
992
+ this.bx();
978
993
  if (this.ac.playbackRate < 0) {
979
994
  this.ac.reverse();
980
995
  }
@@ -987,14 +1002,14 @@ let GridFilterDialog = /*@__PURE__*/ (() => {
987
1002
  NativeUI.ab(this.s.q, 1);
988
1003
  }
989
1004
  }
990
- by() {
1005
+ bz() {
991
1006
  this.ae = true;
992
1007
  if (!this.aj) {
993
1008
  if (this.s.q == null || NativeUI.g(this.s.q) == 0) {
994
1009
  return;
995
1010
  }
996
1011
  if (this.ai) {
997
- this.bw();
1012
+ this.bx();
998
1013
  if (this.ac.playbackRate < 0) {
999
1014
  this.ac.play();
1000
1015
  }
@@ -1021,12 +1036,12 @@ let GridFilterDialog = /*@__PURE__*/ (() => {
1021
1036
  set invalidateActions(a) {
1022
1037
  this._invalidateActions = a;
1023
1038
  }
1024
- b7() {
1039
+ b8() {
1025
1040
  if (this.renderCompleted != null) {
1026
1041
  this.renderCompleted(this, new FilterDialogRenderCompletedEventArgs());
1027
1042
  }
1028
1043
  }
1029
- bx() {
1044
+ by() {
1030
1045
  if (this.v != null) {
1031
1046
  if (this.n != null && this.v.b4 != this.n) {
1032
1047
  this.v.b4 = this.n;
@@ -1039,7 +1054,7 @@ let GridFilterDialog = /*@__PURE__*/ (() => {
1039
1054
  getDesiredToolbarActions() {
1040
1055
  if (!GridFilterDialog.ag) {
1041
1056
  GridFilterDialog.ag = true;
1042
- SvgIconRegistry.instance.addSvgPathString("XGrid", "DotDotDot", GridFilterDialog.bj);
1057
+ SvgIconRegistry.instance.addSvgPathString("XGrid", "DotDotDot", GridFilterDialog.bk);
1043
1058
  }
1044
1059
  let a = new ToolActionIconMenuInfo();
1045
1060
  a.name = "DataGridColumnOptionsPlaceholder";
@@ -1085,7 +1100,7 @@ let GridFilterDialog = /*@__PURE__*/ (() => {
1085
1100
  }
1086
1101
  GridFilterDialog.$t = /*@__PURE__*/ markType(GridFilterDialog, 'GridFilterDialog', Base.$, [INotifyPropertyChanged_$type, IToolbarTarget_$type]);
1087
1102
  GridFilterDialog.ag = false;
1088
- GridFilterDialog.bj = "M12 14c -1.1 0 -2 -0.9 -2 -2 s0.9 -2 2 -2 s2 0.9 2 2 S13.1 14 12 14 z M12 8c -1.1 0 -2 -0.9 -2 -2 s0.9 -2 2 -2 s2 0.9 2 2 S13.1 8 12 8z M12 16 c1.1 0 2 0.9 2 2s -0.9 2 -2 2 s-2 -0.9 -2 -2 S10.9 16 12 16z";
1103
+ GridFilterDialog.bk = "M12 14c -1.1 0 -2 -0.9 -2 -2 s0.9 -2 2 -2 s2 0.9 2 2 S13.1 14 12 14 z M12 8c -1.1 0 -2 -0.9 -2 -2 s0.9 -2 2 -2 s2 0.9 2 2 S13.1 8 12 8z M12 16 c1.1 0 2 0.9 2 2s -0.9 2 -2 2 s-2 -0.9 -2 -2 S10.9 16 12 16z";
1089
1104
  return GridFilterDialog;
1090
1105
  })();
1091
1106
  export { GridFilterDialog };
@@ -1097,7 +1112,7 @@ let GridFilterDialogViewModel = /*@__PURE__*/ (() => {
1097
1112
  a.f = b;
1098
1113
  a.e = GridFilterDialog.a(b);
1099
1114
  a.d = GridFilterDialog.b(b);
1100
- a.l = GridFilterDialog.bk(b[0]);
1115
+ a.l = GridFilterDialog.bl(b[0]);
1101
1116
  this.f.add(a);
1102
1117
  }
1103
1118
  constructor() {