igniteui-webcomponents-data-grids 7.1.0-beta.0 → 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 (91) hide show
  1. package/bundles/igniteui-webcomponents-data-grids.umd.js +3962 -3669
  2. package/bundles/igniteui-webcomponents-data-grids.umd.min.js +1 -1
  3. package/esm2015/lib/CanvasTemplateCellPresenter.js +1 -1
  4. package/esm2015/lib/CellPresenterBase.js +1 -1
  5. package/esm2015/lib/CheckboxListBridge.js +8 -0
  6. package/esm2015/lib/CheckboxListView_combined.js +356 -322
  7. package/esm2015/lib/ColumnChooserView_combined.js +7 -7
  8. package/esm2015/lib/ColumnFilterCondition_combined.js +2986 -2878
  9. package/esm2015/lib/ColumnGroupingView_combined.js +4 -4
  10. package/esm2015/lib/ColumnPinningView_combined.js +5 -5
  11. package/esm2015/lib/ComparisonOperatorSelectorView_combined.js +2 -2
  12. package/esm2015/lib/DataGridLocaleEn.js +8 -0
  13. package/esm2015/lib/DataGridScrollerKeyboardListener.js +16 -16
  14. package/esm2015/lib/GridColumnFilterOptionsView_combined.js +7 -7
  15. package/esm2015/lib/GridColumnGroupOptionsView_combined.js +4 -4
  16. package/esm2015/lib/GridColumnHideOptionsView_combined.js +1 -1
  17. package/esm2015/lib/GridColumnMoveOptionsView_combined.js +1 -1
  18. package/esm2015/lib/GridColumnOptionsView_combined.js +1 -1
  19. package/esm2015/lib/GridColumnPinOptionsView_combined.js +1 -1
  20. package/esm2015/lib/GridColumnSummaryOptionsView_combined.js +6 -6
  21. package/esm2015/lib/GridExternalWrapper.js +6 -6
  22. package/esm2015/lib/GridFilterDialogView_combined.js +188 -173
  23. package/esm2015/lib/GridIconRepository.js +4 -4
  24. package/esm2015/lib/ISummaryChooserView_combined.js +5 -5
  25. package/esm2015/lib/MultiColumnComboBoxView_combined.js +5 -5
  26. package/esm2015/lib/PropertyEditorView_combined.js +6 -6
  27. package/esm2015/lib/TemplateCellPresenter.js +1 -1
  28. package/esm2015/lib/TemplateHeader.js +1 -1
  29. package/esm2015/lib/TextHeaderCell.js +7 -7
  30. package/esm2015/lib/TextHeaderCellPresenter.js +14 -11
  31. package/esm2015/lib/igc-checkbox-list-component.js +68 -58
  32. package/esm2015/lib/igc-combo-box-column-component.js +10 -10
  33. package/esm2015/lib/igc-data-grid-column-component.js +132 -118
  34. package/esm2015/lib/igc-data-grid-component.js +21 -0
  35. package/esm2015/lib/igc-data-grid-filter-dialog-component.js +44 -34
  36. package/esm2015/lib/igc-date-time-column-component.js +23 -23
  37. package/esm2015/lib/igc-image-column-component.js +12 -12
  38. package/esm2015/lib/igc-numeric-column-component.js +38 -38
  39. package/esm2015/lib/igc-text-column-component.js +9 -9
  40. package/esm2015/lib/igc-text-header-cell-info.js +26 -20
  41. package/esm5/lib/CanvasTemplateCellPresenter.js +1 -1
  42. package/esm5/lib/CellPresenterBase.js +1 -1
  43. package/esm5/lib/CheckboxListBridge.js +8 -0
  44. package/esm5/lib/CheckboxListView_combined.js +346 -308
  45. package/esm5/lib/ColumnChooserView_combined.js +7 -7
  46. package/esm5/lib/ColumnFilterCondition_combined.js +2901 -2773
  47. package/esm5/lib/ColumnGroupingView_combined.js +4 -4
  48. package/esm5/lib/ColumnPinningView_combined.js +5 -5
  49. package/esm5/lib/ComparisonOperatorSelectorView_combined.js +2 -2
  50. package/esm5/lib/DataGridLocaleEn.js +8 -0
  51. package/esm5/lib/DataGridScrollerKeyboardListener.js +16 -16
  52. package/esm5/lib/GridColumnFilterOptionsView_combined.js +7 -7
  53. package/esm5/lib/GridColumnGroupOptionsView_combined.js +4 -4
  54. package/esm5/lib/GridColumnHideOptionsView_combined.js +1 -1
  55. package/esm5/lib/GridColumnMoveOptionsView_combined.js +1 -1
  56. package/esm5/lib/GridColumnOptionsView_combined.js +1 -1
  57. package/esm5/lib/GridColumnPinOptionsView_combined.js +1 -1
  58. package/esm5/lib/GridColumnSummaryOptionsView_combined.js +6 -6
  59. package/esm5/lib/GridExternalWrapper.js +6 -6
  60. package/esm5/lib/GridFilterDialogView_combined.js +183 -164
  61. package/esm5/lib/GridIconRepository.js +4 -4
  62. package/esm5/lib/ISummaryChooserView_combined.js +5 -5
  63. package/esm5/lib/MultiColumnComboBoxView_combined.js +5 -5
  64. package/esm5/lib/PropertyEditorView_combined.js +6 -6
  65. package/esm5/lib/TemplateCellPresenter.js +1 -1
  66. package/esm5/lib/TemplateHeader.js +1 -1
  67. package/esm5/lib/TextHeaderCell.js +7 -7
  68. package/esm5/lib/TextHeaderCellPresenter.js +14 -11
  69. package/esm5/lib/igc-checkbox-list-component.js +72 -58
  70. package/esm5/lib/igc-combo-box-column-component.js +10 -10
  71. package/esm5/lib/igc-data-grid-column-component.js +140 -118
  72. package/esm5/lib/igc-data-grid-component.js +29 -0
  73. package/esm5/lib/igc-data-grid-filter-dialog-component.js +48 -34
  74. package/esm5/lib/igc-date-time-column-component.js +23 -23
  75. package/esm5/lib/igc-image-column-component.js +12 -12
  76. package/esm5/lib/igc-numeric-column-component.js +38 -38
  77. package/esm5/lib/igc-text-column-component.js +9 -9
  78. package/esm5/lib/igc-text-header-cell-info.js +30 -20
  79. package/fesm2015/igniteui-webcomponents-data-grids.js +4031 -3794
  80. package/fesm5/igniteui-webcomponents-data-grids.js +3962 -3669
  81. package/lib/CheckboxListExternal.d.ts +2 -0
  82. package/lib/CheckboxListView_combined.d.ts +98 -94
  83. package/lib/ColumnFilterCondition_combined.d.ts +711 -694
  84. package/lib/DataGridLocaleEn.d.ts +8 -0
  85. package/lib/GridFilterDialogView_combined.d.ts +52 -49
  86. package/lib/igc-checkbox-list-component.d.ts +5 -0
  87. package/lib/igc-data-grid-column-component.d.ts +4 -0
  88. package/lib/igc-data-grid-component.d.ts +11 -0
  89. package/lib/igc-data-grid-filter-dialog-component.d.ts +5 -0
  90. package/lib/igc-text-header-cell-info.d.ts +2 -0
  91. package/package.json +4 -4
@@ -65,10 +65,10 @@ export var GridFilterDialogView = /** @class */ /*@__PURE__*/ (function (_super)
65
65
  }
66
66
  GridFilterDialogView.prototype.y = function () {
67
67
  this.x();
68
- this.b.b7();
68
+ this.b.b8();
69
69
  };
70
70
  GridFilterDialogView.prototype.t = function () {
71
- this.b.bz(this.l, this.k, this.aa);
71
+ this.b.b0(this.l, this.k, this.aa);
72
72
  };
73
73
  GridFilterDialogView.prototype.s = function () {
74
74
  if (KeyFrameAnimationFactory.h == null) {
@@ -188,7 +188,7 @@ export var GridFilterDialogPanel = /** @class */ /*@__PURE__*/ (function (_super
188
188
  e.setStyleProperty("background-color", "#fff");
189
189
  e.setStyleProperty("border-radius", "3px");
190
190
  e.setStyleProperty("overflow", "auto");
191
- var g = ElevationHelper.e(12, _this.b.cr, _this.b.cq, _this.b.cp);
191
+ var g = ElevationHelper.e(12, _this.b.ct, _this.b.cs, _this.b.cr);
192
192
  e.setStyleProperty("boxShadow", g);
193
193
  e.listen("mousedown", runOn(_this, _this.o));
194
194
  _this.onDocumentKeyDown = _this.onDocumentKeyDown.bind(_this);
@@ -321,24 +321,25 @@ export var GridFilterDialog = /** @class */ /*@__PURE__*/ (function (_super) {
321
321
  _this.i = 0;
322
322
  _this.as = 0;
323
323
  _this.at = 0;
324
- _this.co = null;
324
+ _this.cq = null;
325
325
  _this.ao = DeviceUtils.g(24);
326
326
  _this.w = 1;
327
- _this.cg = null;
328
- _this.cm = null;
329
- _this.z = null;
330
- _this.ck = null;
327
+ _this.ch = null;
331
328
  _this.cn = null;
332
- _this.cj = null;
329
+ _this.z = null;
333
330
  _this.cl = null;
334
- _this.ch = null;
331
+ _this.co = null;
332
+ _this.cp = null;
333
+ _this.ck = null;
334
+ _this.cm = null;
335
335
  _this.ci = null;
336
+ _this.cj = null;
336
337
  _this.y = null;
337
- _this.cf = null;
338
+ _this.cg = null;
338
339
  _this.au = -1;
340
+ _this.ct = null;
341
+ _this.cs = null;
339
342
  _this.cr = null;
340
- _this.cq = null;
341
- _this.cp = null;
342
343
  _this.ac = null;
343
344
  _this.ae = false;
344
345
  _this.m = null;
@@ -354,9 +355,9 @@ export var GridFilterDialog = /** @class */ /*@__PURE__*/ (function (_super) {
354
355
  _this.renderCompleted = null;
355
356
  _this.s = new GridFilterDialogView(_this);
356
357
  _this.x = 1;
357
- _this.cr = BrushUtil.l(66, 0, 0, 0);
358
- _this.cq = BrushUtil.l(30, 0, 0, 0);
359
- _this.cp = BrushUtil.l(20, 0, 0, 0);
358
+ _this.ct = BrushUtil.l(66, 0, 0, 0);
359
+ _this.cs = BrushUtil.l(30, 0, 0, 0);
360
+ _this.cr = BrushUtil.l(20, 0, 0, 0);
360
361
  return _this;
361
362
  }
362
363
  Object.defineProperty(GridFilterDialog.prototype, "a1", {
@@ -377,7 +378,7 @@ export var GridFilterDialog = /** @class */ /*@__PURE__*/ (function (_super) {
377
378
  var b = this.af;
378
379
  this.af = a;
379
380
  if (b != this.af) {
380
- this.b6("IsAnimationEnabled", b, this.af);
381
+ this.b7("IsAnimationEnabled", b, this.af);
381
382
  }
382
383
  },
383
384
  enumerable: false,
@@ -390,7 +391,7 @@ export var GridFilterDialog = /** @class */ /*@__PURE__*/ (function (_super) {
390
391
  set: function (a) {
391
392
  var b = this.an;
392
393
  this.an = a;
393
- this.b6("PixelScalingRatio", b, this.an);
394
+ this.b7("PixelScalingRatio", b, this.an);
394
395
  },
395
396
  enumerable: false,
396
397
  configurable: true
@@ -402,7 +403,7 @@ export var GridFilterDialog = /** @class */ /*@__PURE__*/ (function (_super) {
402
403
  set: function (a) {
403
404
  var b = this.am;
404
405
  this.am = a;
405
- this.b6("ActualPixelScalingRatio", b, this.am);
406
+ this.b7("ActualPixelScalingRatio", b, this.am);
406
407
  },
407
408
  enumerable: false,
408
409
  configurable: true
@@ -415,7 +416,7 @@ export var GridFilterDialog = /** @class */ /*@__PURE__*/ (function (_super) {
415
416
  var b = this.j;
416
417
  this.j = a;
417
418
  if (b != this.j) {
418
- this.b6("IconHorizontalAlignment", enumGetBox(CellContentHorizontalAlignment_$type, b), enumGetBox(CellContentHorizontalAlignment_$type, this.j));
419
+ this.b7("IconHorizontalAlignment", enumGetBox(CellContentHorizontalAlignment_$type, b), enumGetBox(CellContentHorizontalAlignment_$type, this.j));
419
420
  }
420
421
  },
421
422
  enumerable: false,
@@ -429,7 +430,7 @@ export var GridFilterDialog = /** @class */ /*@__PURE__*/ (function (_super) {
429
430
  var b = this.i;
430
431
  this.i = a;
431
432
  if (b != this.i) {
432
- this.b6("HeaderTextALignment", enumGetBox(CellContentHorizontalAlignment_$type, b), enumGetBox(CellContentHorizontalAlignment_$type, this.i));
433
+ this.b7("HeaderTextALignment", enumGetBox(CellContentHorizontalAlignment_$type, b), enumGetBox(CellContentHorizontalAlignment_$type, this.i));
433
434
  }
434
435
  },
435
436
  enumerable: false,
@@ -443,7 +444,7 @@ export var GridFilterDialog = /** @class */ /*@__PURE__*/ (function (_super) {
443
444
  var b = this.as;
444
445
  this.as = a;
445
446
  if (b != this.as) {
446
- this.b6("CellPaddingLeft", b, this.as);
447
+ this.b7("CellPaddingLeft", b, this.as);
447
448
  }
448
449
  },
449
450
  enumerable: false,
@@ -457,21 +458,21 @@ export var GridFilterDialog = /** @class */ /*@__PURE__*/ (function (_super) {
457
458
  var b = this.at;
458
459
  this.at = a;
459
460
  if (b != this.at) {
460
- this.b6("CellPaddingRight", b, this.at);
461
+ this.b7("CellPaddingRight", b, this.at);
461
462
  }
462
463
  },
463
464
  enumerable: false,
464
465
  configurable: true
465
466
  });
466
- Object.defineProperty(GridFilterDialog.prototype, "c1", {
467
+ Object.defineProperty(GridFilterDialog.prototype, "c4", {
467
468
  get: function () {
468
- return this.co;
469
+ return this.cq;
469
470
  },
470
471
  set: function (a) {
471
- var b = this.co;
472
- this.co = a;
473
- if (b != this.co) {
474
- this.b6("IconColor", b, this.co);
472
+ var b = this.cq;
473
+ this.cq = a;
474
+ if (b != this.cq) {
475
+ this.b7("IconColor", b, this.cq);
475
476
  }
476
477
  },
477
478
  enumerable: false,
@@ -485,7 +486,7 @@ export var GridFilterDialog = /** @class */ /*@__PURE__*/ (function (_super) {
485
486
  var b = this.ao;
486
487
  this.ao = a;
487
488
  if (b != this.ao) {
488
- this.b6("ViewSize", b, this.ao);
489
+ this.b7("ViewSize", b, this.ao);
489
490
  }
490
491
  },
491
492
  enumerable: false,
@@ -499,35 +500,35 @@ export var GridFilterDialog = /** @class */ /*@__PURE__*/ (function (_super) {
499
500
  var b = this.w;
500
501
  this.w = a;
501
502
  if (this.w != b) {
502
- this.b6("Theme", enumGetBox(BaseControlTheme_$type, b), enumGetBox(BaseControlTheme_$type, this.w));
503
+ this.b7("Theme", enumGetBox(BaseControlTheme_$type, b), enumGetBox(BaseControlTheme_$type, this.w));
503
504
  }
504
505
  },
505
506
  enumerable: false,
506
507
  configurable: true
507
508
  });
508
- Object.defineProperty(GridFilterDialog.prototype, "ct", {
509
+ Object.defineProperty(GridFilterDialog.prototype, "cv", {
509
510
  get: function () {
510
- return this.cg;
511
+ return this.ch;
511
512
  },
512
513
  set: function (a) {
513
- var b = this.cg;
514
- this.cg = a;
515
- if (b != this.cg) {
516
- this.b6("ColumnOptionsBackground", b, this.cg);
514
+ var b = this.ch;
515
+ this.ch = a;
516
+ if (b != this.ch) {
517
+ this.b7("ColumnOptionsBackground", b, this.ch);
517
518
  }
518
519
  },
519
520
  enumerable: false,
520
521
  configurable: true
521
522
  });
522
- Object.defineProperty(GridFilterDialog.prototype, "cz", {
523
+ Object.defineProperty(GridFilterDialog.prototype, "c1", {
523
524
  get: function () {
524
- return this.cm;
525
+ return this.cn;
525
526
  },
526
527
  set: function (a) {
527
- var b = this.cm;
528
- this.cm = a;
529
- if (b != this.cm) {
530
- this.b6("ColumnOptionsTextColor", b, this.cm);
528
+ var b = this.cn;
529
+ this.cn = a;
530
+ if (b != this.cn) {
531
+ this.b7("ColumnOptionsTextColor", b, this.cn);
531
532
  }
532
533
  },
533
534
  enumerable: false,
@@ -541,49 +542,49 @@ export var GridFilterDialog = /** @class */ /*@__PURE__*/ (function (_super) {
541
542
  var b = this.z;
542
543
  this.z = a;
543
544
  if (b != this.z) {
544
- this.b6("ColumnOptionsTextStyle", b, this.z);
545
+ this.b7("ColumnOptionsTextStyle", b, this.z);
545
546
  }
546
547
  },
547
548
  enumerable: false,
548
549
  configurable: true
549
550
  });
550
- Object.defineProperty(GridFilterDialog.prototype, "cx", {
551
+ Object.defineProperty(GridFilterDialog.prototype, "cz", {
551
552
  get: function () {
552
- return this.ck;
553
+ return this.cl;
553
554
  },
554
555
  set: function (a) {
555
- var b = this.ck;
556
- this.ck = a;
557
- if (b != this.ck) {
558
- this.b6("ColumnOptionsHoverBackgroundColor", b, this.ck);
556
+ var b = this.cl;
557
+ this.cl = a;
558
+ if (b != this.cl) {
559
+ this.b7("ColumnOptionsHoverBackgroundColor", b, this.cl);
559
560
  }
560
561
  },
561
562
  enumerable: false,
562
563
  configurable: true
563
564
  });
564
- Object.defineProperty(GridFilterDialog.prototype, "c0", {
565
+ Object.defineProperty(GridFilterDialog.prototype, "c2", {
565
566
  get: function () {
566
- return this.cn;
567
+ return this.co;
567
568
  },
568
569
  set: function (a) {
569
- var b = this.cn;
570
- this.cn = a;
571
- if (b != this.cn) {
572
- this.b6("ColumnOptionsToolTipBackgroundColor", b, this.cn);
570
+ var b = this.co;
571
+ this.co = a;
572
+ if (b != this.co) {
573
+ this.b7("ColumnOptionsToolTipBackgroundColor", b, this.co);
573
574
  }
574
575
  },
575
576
  enumerable: false,
576
577
  configurable: true
577
578
  });
578
- Object.defineProperty(GridFilterDialog.prototype, "cw", {
579
+ Object.defineProperty(GridFilterDialog.prototype, "c3", {
579
580
  get: function () {
580
- return this.cj;
581
+ return this.cp;
581
582
  },
582
583
  set: function (a) {
583
- var b = this.cj;
584
- this.cj = a;
585
- if (b != this.cj) {
586
- this.b6("ColumnOptionsHighlightColor", b, this.cj);
584
+ var b = this.cp;
585
+ this.cp = a;
586
+ if (b != this.cp) {
587
+ this.b7("ColumnOptionsToolTipTextColor", b, this.cp);
587
588
  }
588
589
  },
589
590
  enumerable: false,
@@ -591,33 +592,33 @@ export var GridFilterDialog = /** @class */ /*@__PURE__*/ (function (_super) {
591
592
  });
592
593
  Object.defineProperty(GridFilterDialog.prototype, "cy", {
593
594
  get: function () {
594
- return this.cl;
595
+ return this.ck;
595
596
  },
596
597
  set: function (a) {
597
- var b = this.cl;
598
- this.cl = a;
599
- if (b != this.cl) {
600
- this.b6("ColumnOptionsSeparatorColor", b, this.cl);
598
+ var b = this.ck;
599
+ this.ck = a;
600
+ if (b != this.ck) {
601
+ this.b7("ColumnOptionsHighlightColor", b, this.ck);
601
602
  }
602
603
  },
603
604
  enumerable: false,
604
605
  configurable: true
605
606
  });
606
- Object.defineProperty(GridFilterDialog.prototype, "cu", {
607
+ Object.defineProperty(GridFilterDialog.prototype, "c0", {
607
608
  get: function () {
608
- return this.ch;
609
+ return this.cm;
609
610
  },
610
611
  set: function (a) {
611
- var b = this.ch;
612
- this.ch = a;
613
- if (b != this.ch) {
614
- this.b6("ColumnOptionsGroupHeaderBackground", b, this.ch);
612
+ var b = this.cm;
613
+ this.cm = a;
614
+ if (b != this.cm) {
615
+ this.b7("ColumnOptionsSeparatorColor", b, this.cm);
615
616
  }
616
617
  },
617
618
  enumerable: false,
618
619
  configurable: true
619
620
  });
620
- Object.defineProperty(GridFilterDialog.prototype, "cv", {
621
+ Object.defineProperty(GridFilterDialog.prototype, "cw", {
621
622
  get: function () {
622
623
  return this.ci;
623
624
  },
@@ -625,7 +626,21 @@ export var GridFilterDialog = /** @class */ /*@__PURE__*/ (function (_super) {
625
626
  var b = this.ci;
626
627
  this.ci = a;
627
628
  if (b != this.ci) {
628
- this.b6("ColumnOptionsGroupHeaderTextColor", b, this.ci);
629
+ this.b7("ColumnOptionsGroupHeaderBackground", b, this.ci);
630
+ }
631
+ },
632
+ enumerable: false,
633
+ configurable: true
634
+ });
635
+ Object.defineProperty(GridFilterDialog.prototype, "cx", {
636
+ get: function () {
637
+ return this.cj;
638
+ },
639
+ set: function (a) {
640
+ var b = this.cj;
641
+ this.cj = a;
642
+ if (b != this.cj) {
643
+ this.b7("ColumnOptionsGroupHeaderTextColor", b, this.cj);
629
644
  }
630
645
  },
631
646
  enumerable: false,
@@ -639,21 +654,21 @@ export var GridFilterDialog = /** @class */ /*@__PURE__*/ (function (_super) {
639
654
  var b = this.y;
640
655
  this.y = a;
641
656
  if (b != this.y) {
642
- this.b6("ColumnOptionsGroupHeaderTextStyle", b, this.y);
657
+ this.b7("ColumnOptionsGroupHeaderTextStyle", b, this.y);
643
658
  }
644
659
  },
645
660
  enumerable: false,
646
661
  configurable: true
647
662
  });
648
- Object.defineProperty(GridFilterDialog.prototype, "cs", {
663
+ Object.defineProperty(GridFilterDialog.prototype, "cu", {
649
664
  get: function () {
650
- return this.cf;
665
+ return this.cg;
651
666
  },
652
667
  set: function (a) {
653
- var b = this.cf;
654
- this.cf = a;
655
- if (b != this.cf) {
656
- this.b6("ColumnOptionsAccentColor", b, this.cf);
668
+ var b = this.cg;
669
+ this.cg = a;
670
+ if (b != this.cg) {
671
+ this.b7("ColumnOptionsAccentColor", b, this.cg);
657
672
  }
658
673
  },
659
674
  enumerable: false,
@@ -667,7 +682,7 @@ export var GridFilterDialog = /** @class */ /*@__PURE__*/ (function (_super) {
667
682
  var b = this.au;
668
683
  this.au = a;
669
684
  if (b != this.au) {
670
- this.b6("ColumnOptionsRowHeight", b, this.au);
685
+ this.b7("ColumnOptionsRowHeight", b, this.au);
671
686
  }
672
687
  },
673
688
  enumerable: false,
@@ -680,13 +695,13 @@ export var GridFilterDialog = /** @class */ /*@__PURE__*/ (function (_super) {
680
695
  enumerable: false,
681
696
  configurable: true
682
697
  });
683
- GridFilterDialog.prototype.b6 = function (a, b, c) {
684
- this.b9(a, b, c);
698
+ GridFilterDialog.prototype.b7 = function (a, b, c) {
699
+ this.ca(a, b, c);
685
700
  if (this.propertyChanged != null) {
686
701
  this.propertyChanged(this, new PropertyChangedEventArgs(a));
687
702
  }
688
703
  };
689
- GridFilterDialog.prototype.b9 = function (a, b, c) {
704
+ GridFilterDialog.prototype.ca = function (a, b, c) {
690
705
  switch (a) {
691
706
  case "PixelScalingRatio":
692
707
  this.ap = this.aq;
@@ -709,18 +724,17 @@ export var GridFilterDialog = /** @class */ /*@__PURE__*/ (function (_super) {
709
724
  break;
710
725
  case "ColumnOptionsBackground":
711
726
  if (this.v != null) {
712
- this.v.cl = this.ct;
713
- this.v.cq = this.ct;
727
+ this.v.cl = this.cv;
728
+ this.v.cq = this.cv;
714
729
  }
715
730
  break;
716
731
  case "ColumnOptionsTextColor":
717
732
  if (this.v != null) {
718
- this.v.cn = this.cz;
719
- this.v.cp = this.cz;
720
- this.v.cb = this.cz;
721
- this.v.ch = this.cz;
722
- this.v.ci = this.cz;
723
- this.v.cj = this.cz;
733
+ this.v.cn = this.c1;
734
+ this.v.cb = this.c1;
735
+ this.v.ch = this.c1;
736
+ this.v.ci = this.c1;
737
+ this.v.cj = this.c1;
724
738
  }
725
739
  break;
726
740
  case "ColumnOptionsTextStyle":
@@ -730,32 +744,37 @@ export var GridFilterDialog = /** @class */ /*@__PURE__*/ (function (_super) {
730
744
  break;
731
745
  case "ColumnOptionsHoverBackgroundColor":
732
746
  if (this.v != null) {
733
- this.v.cg = this.cx;
747
+ this.v.cg = this.cz;
734
748
  }
735
749
  break;
736
750
  case "ColumnOptionsToolTipBackgroundColor":
737
751
  if (this.v != null) {
738
- this.v.co = this.c0;
752
+ this.v.co = this.c2;
753
+ }
754
+ break;
755
+ case "ColumnOptionsToolTipTextColor":
756
+ if (this.v != null) {
757
+ this.v.cp = this.c3;
739
758
  }
740
759
  break;
741
760
  case "ColumnOptionsHighlightColor":
742
761
  if (this.v != null) {
743
- this.v.cf = this.cw;
762
+ this.v.cf = this.cy;
744
763
  }
745
764
  break;
746
765
  case "ColumnOptionsSeparatorColor":
747
766
  if (this.v != null) {
748
- this.v.ck = this.cy;
767
+ this.v.ck = this.c0;
749
768
  }
750
769
  break;
751
770
  case "ColumnOptionsGroupHeaderBackground":
752
771
  if (this.v != null) {
753
- this.v.cc = this.cu;
772
+ this.v.cc = this.cw;
754
773
  }
755
774
  break;
756
775
  case "ColumnOptionsGroupHeaderTextColor":
757
776
  if (this.v != null) {
758
- this.v.ce = this.cv;
777
+ this.v.ce = this.cx;
759
778
  }
760
779
  break;
761
780
  case "ColumnOptionsGroupHeaderTextStyle":
@@ -765,10 +784,10 @@ export var GridFilterDialog = /** @class */ /*@__PURE__*/ (function (_super) {
765
784
  break;
766
785
  case "ColumnOptionsAccentColor":
767
786
  if (this.v != null) {
768
- this.v.b7 = this.cs;
769
- this.v.b9 = this.cs;
770
- this.v.ca = this.cs;
771
- this.v.cr = this.cs;
787
+ this.v.b7 = this.cu;
788
+ this.v.b9 = this.cu;
789
+ this.v.ca = this.cu;
790
+ this.v.cr = this.cu;
772
791
  }
773
792
  break;
774
793
  case "ColumnOptionsRowHeight":
@@ -778,9 +797,9 @@ export var GridFilterDialog = /** @class */ /*@__PURE__*/ (function (_super) {
778
797
  break;
779
798
  }
780
799
  };
781
- GridFilterDialog.prototype.ca = function (a, b, c) {
800
+ GridFilterDialog.prototype.cb = function (a, b, c) {
782
801
  this.s.v(a, b, c);
783
- this.b3();
802
+ this.b4();
784
803
  };
785
804
  Object.defineProperty(GridFilterDialog.prototype, "n", {
786
805
  get: function () {
@@ -790,16 +809,16 @@ export var GridFilterDialog = /** @class */ /*@__PURE__*/ (function (_super) {
790
809
  var b = this.m;
791
810
  this.m = a;
792
811
  if (this.m != b) {
793
- this.b2(b, this.m);
812
+ this.b3(b, this.m);
794
813
  }
795
814
  },
796
815
  enumerable: false,
797
816
  configurable: true
798
817
  });
799
- GridFilterDialog.prototype.b2 = function (a, b) {
818
+ GridFilterDialog.prototype.b3 = function (a, b) {
800
819
  this.ad = true;
801
820
  };
802
- GridFilterDialog.prototype.b3 = function () {
821
+ GridFilterDialog.prototype.b4 = function () {
803
822
  var _this = this;
804
823
  NativeUIComponent.av(this.s.p(), 18, function (a) {
805
824
  var b = a;
@@ -807,74 +826,74 @@ export var GridFilterDialog = /** @class */ /*@__PURE__*/ (function (_super) {
807
826
  _this.v.b2 = 16;
808
827
  _this.v.b8 = BrushUtil.l(0, 0, 0, 0);
809
828
  _this.v.v = false;
810
- _this.v.br = runOn(_this, _this.bt);
811
- _this.v.bp = runOn(_this, _this.bs);
829
+ _this.v.br = runOn(_this, _this.bu);
830
+ _this.v.bp = runOn(_this, _this.bt);
812
831
  _this.v.b0 = false;
813
832
  _this.s.r(_this.v);
814
833
  _this.v.c = _this.x;
815
- _this.v.cl = _this.ct;
816
- _this.v.cq = _this.ct;
817
- _this.v.cn = _this.cz;
818
- _this.v.ce = _this.cv;
819
- _this.v.cp = _this.cz;
820
- _this.v.cb = _this.cz;
821
- _this.v.ch = _this.cz;
822
- _this.v.ci = _this.cz;
823
- _this.v.cj = _this.cz;
834
+ _this.v.cl = _this.cv;
835
+ _this.v.cq = _this.cv;
836
+ _this.v.cn = _this.c1;
837
+ _this.v.ce = _this.cx;
838
+ _this.v.cb = _this.c1;
839
+ _this.v.ch = _this.c1;
840
+ _this.v.ci = _this.c1;
841
+ _this.v.cj = _this.c1;
824
842
  _this.v.bw = _this.ab;
825
- _this.v.cg = _this.cx;
826
- _this.v.co = _this.c0;
827
- _this.v.cf = _this.cw;
828
- _this.v.ck = _this.cy;
829
- _this.v.cc = _this.cu;
843
+ _this.v.cg = _this.cz;
844
+ _this.v.co = _this.c2;
845
+ _this.v.cp = _this.c3;
846
+ _this.v.cf = _this.cy;
847
+ _this.v.ck = _this.c0;
848
+ _this.v.cc = _this.cw;
830
849
  _this.v.bx = _this.aa;
831
- _this.v.b7 = _this.cs;
832
- _this.v.b9 = _this.cs;
833
- _this.v.ca = _this.cs;
834
- _this.v.cr = _this.cs;
850
+ _this.v.b7 = _this.cu;
851
+ _this.v.b9 = _this.cu;
852
+ _this.v.ca = _this.cu;
853
+ _this.v.cr = _this.cu;
835
854
  _this.v.b3 = _this.ax;
836
855
  _this.v.b4 = _this.n;
837
856
  });
838
857
  };
839
- GridFilterDialog.prototype.bt = function (a, b) {
858
+ GridFilterDialog.prototype.bu = function (a, b) {
840
859
  if (this.ad) {
841
860
  this.ad = false;
842
861
  this.v.b4 = this.n;
843
862
  }
844
863
  if (this.n != null) {
845
864
  if (this.n.grid != null) {
846
- this.n.grid.wg();
865
+ this.n.grid.wk();
847
866
  }
848
- this.n.pb();
867
+ this.n.pd();
849
868
  }
850
869
  if (this.dialogOpening != null) {
851
870
  var c = new GridFilterDialogOpeningEventArgs();
852
871
  this.dialogOpening(this, c);
853
872
  }
854
873
  };
855
- GridFilterDialog.prototype.bs = function (a, b) {
874
+ GridFilterDialog.prototype.bt = function (a, b) {
856
875
  if (this.ae) {
857
- this.by();
876
+ this.bz();
858
877
  }
859
878
  };
860
- GridFilterDialog.prototype.bv = function (a, b) {
879
+ GridFilterDialog.prototype.bw = function (a, b) {
861
880
  switch (b.propertyName) {
862
881
  case "IsHidden": break;
863
882
  }
864
883
  };
865
- GridFilterDialog.prototype.b4 = function () {
884
+ GridFilterDialog.prototype.b5 = function () {
866
885
  };
867
- GridFilterDialog.prototype.b5 = function (a, b) {
868
- a.onModified = delegateRemove(a.onModified, runOn(this, this.b8));
886
+ GridFilterDialog.prototype.b6 = function (a, b) {
887
+ a.onModified = delegateRemove(a.onModified, runOn(this, this.b9));
869
888
  if (b) {
870
- this.cc();
889
+ this.cd();
871
890
  }
872
891
  else {
873
- this.cb(a, true);
892
+ this.cc(a, true);
874
893
  }
875
894
  this.f = null;
876
895
  };
877
- GridFilterDialog.prototype.bw = function () {
896
+ GridFilterDialog.prototype.bx = function () {
878
897
  this.s.s();
879
898
  if (this.ac == null) {
880
899
  var a = new AnimationKeyFrameEffectTiming();
@@ -883,7 +902,7 @@ export var GridFilterDialog = /** @class */ /*@__PURE__*/ (function (_super) {
883
902
  this.ac = KeyFrameAnimationFactory.f.c(this.s.a(a).m(new AnimationKeyFrameProperty(1, 0)).m(new AnimationKeyFrameProperty(1, 1)));
884
903
  }
885
904
  };
886
- GridFilterDialog.prototype.cd = function () {
905
+ GridFilterDialog.prototype.ce = function () {
887
906
  var _this = this;
888
907
  if (this.filterChanged != null) {
889
908
  this.filterChanged(this, ((function () {
@@ -893,7 +912,7 @@ export var GridFilterDialog = /** @class */ /*@__PURE__*/ (function (_super) {
893
912
  })()));
894
913
  }
895
914
  };
896
- GridFilterDialog.prototype.cc = function () {
915
+ GridFilterDialog.prototype.cd = function () {
897
916
  if (this.filterChanged != null) {
898
917
  this.filterChanged(this, ((function () {
899
918
  var $ret = new GridFilterDialogFilterChangeEventArgs();
@@ -902,7 +921,7 @@ export var GridFilterDialog = /** @class */ /*@__PURE__*/ (function (_super) {
902
921
  })()));
903
922
  }
904
923
  };
905
- GridFilterDialog.prototype.cb = function (a, b) {
924
+ GridFilterDialog.prototype.cc = function (a, b) {
906
925
  var c = this.e(a);
907
926
  if (b) {
908
927
  if (this.filterChanged != null) {
@@ -1007,30 +1026,30 @@ export var GridFilterDialog = /** @class */ /*@__PURE__*/ (function (_super) {
1007
1026
  GridFilterDialog.prototype.c = function (a) {
1008
1027
  return EnumUtil.getEnumValue(ColumnComparisonConditionOperatorType_$type, EnumUtil.parse(ColumnComparisonConditionOperatorType_$type, a, true));
1009
1028
  };
1010
- GridFilterDialog.prototype.b8 = function (a) {
1011
- this.cb(a, false);
1029
+ GridFilterDialog.prototype.b9 = function (a) {
1030
+ this.cc(a, false);
1012
1031
  };
1013
1032
  GridFilterDialog.prototype.t = function (a, b) {
1014
1033
  var c = new GridFilterDialogViewModel();
1015
1034
  if (a != null) {
1016
- this.bu(c, a, b);
1035
+ this.bv(c, a, b);
1017
1036
  }
1018
1037
  else {
1019
1038
  var d = new GridFilterDialogViewModelRow();
1020
1039
  d.f = b;
1021
1040
  d.e = GridFilterDialog.a(b);
1022
1041
  d.d = GridFilterDialog.b(b);
1023
- d.l = GridFilterDialog.bk(b[0]);
1042
+ d.l = GridFilterDialog.bl(b[0]);
1024
1043
  c.f.add(d);
1025
1044
  }
1026
1045
  return c;
1027
1046
  };
1028
- GridFilterDialog.prototype.bu = function (a, b, c) {
1047
+ GridFilterDialog.prototype.bv = function (a, b, c) {
1029
1048
  if (b.isGroup()) {
1030
1049
  var d = b;
1031
1050
  for (var e = 0; e < d.count; e++) {
1032
1051
  var f = d.item(e);
1033
- this.bu(a, f, c);
1052
+ this.bv(a, f, c);
1034
1053
  }
1035
1054
  }
1036
1055
  else {
@@ -1039,7 +1058,7 @@ export var GridFilterDialog = /** @class */ /*@__PURE__*/ (function (_super) {
1039
1058
  };
1040
1059
  GridFilterDialog.prototype.u = function (a, b) {
1041
1060
  var c = new GridFilterDialogViewModelRow();
1042
- c.l = GridFilterDialog.bk(a.operator);
1061
+ c.l = GridFilterDialog.bl(a.operator);
1043
1062
  c.f = b;
1044
1063
  c.e = GridFilterDialog.a(b);
1045
1064
  c.i = GridFilterDialog.a2(GridFilterDialog.ay(a.operator), a.operator, a);
@@ -1069,25 +1088,25 @@ export var GridFilterDialog = /** @class */ /*@__PURE__*/ (function (_super) {
1069
1088
  }
1070
1089
  return b;
1071
1090
  };
1072
- GridFilterDialog.bk = function (a) {
1091
+ GridFilterDialog.bl = function (a) {
1073
1092
  return EnumUtil.getName(ColumnComparisonConditionOperatorType_$type, a);
1074
1093
  };
1075
- GridFilterDialog.prototype.b1 = function (a, b) {
1094
+ GridFilterDialog.prototype.b2 = function (a, b) {
1076
1095
  this.s.w(a, b);
1077
1096
  };
1078
- GridFilterDialog.prototype.b0 = function () {
1097
+ GridFilterDialog.prototype.b1 = function () {
1079
1098
  this.s.u();
1080
1099
  };
1081
- GridFilterDialog.prototype.bz = function (a, b, c) {
1100
+ GridFilterDialog.prototype.b0 = function (a, b, c) {
1082
1101
  };
1083
- GridFilterDialog.prototype.ce = function () {
1102
+ GridFilterDialog.prototype.cf = function () {
1084
1103
  var _this = this;
1085
1104
  this.ae = false;
1086
1105
  if (this.s.q == null || NativeUI.g(this.s.q) == 1) {
1087
1106
  return;
1088
1107
  }
1089
1108
  if (this.ai) {
1090
- this.bw();
1109
+ this.bx();
1091
1110
  if (this.ac.playbackRate < 0) {
1092
1111
  this.ac.reverse();
1093
1112
  }
@@ -1100,7 +1119,7 @@ export var GridFilterDialog = /** @class */ /*@__PURE__*/ (function (_super) {
1100
1119
  NativeUI.ab(this.s.q, 1);
1101
1120
  }
1102
1121
  };
1103
- GridFilterDialog.prototype.by = function () {
1122
+ GridFilterDialog.prototype.bz = function () {
1104
1123
  var _this = this;
1105
1124
  this.ae = true;
1106
1125
  if (!this.aj) {
@@ -1108,7 +1127,7 @@ export var GridFilterDialog = /** @class */ /*@__PURE__*/ (function (_super) {
1108
1127
  return;
1109
1128
  }
1110
1129
  if (this.ai) {
1111
- this.bw();
1130
+ this.bx();
1112
1131
  if (this.ac.playbackRate < 0) {
1113
1132
  this.ac.play();
1114
1133
  }
@@ -1143,12 +1162,12 @@ export var GridFilterDialog = /** @class */ /*@__PURE__*/ (function (_super) {
1143
1162
  enumerable: false,
1144
1163
  configurable: true
1145
1164
  });
1146
- GridFilterDialog.prototype.b7 = function () {
1165
+ GridFilterDialog.prototype.b8 = function () {
1147
1166
  if (this.renderCompleted != null) {
1148
1167
  this.renderCompleted(this, new FilterDialogRenderCompletedEventArgs());
1149
1168
  }
1150
1169
  };
1151
- GridFilterDialog.prototype.bx = function () {
1170
+ GridFilterDialog.prototype.by = function () {
1152
1171
  if (this.v != null) {
1153
1172
  if (this.n != null && this.v.b4 != this.n) {
1154
1173
  this.v.b4 = this.n;
@@ -1165,7 +1184,7 @@ export var GridFilterDialog = /** @class */ /*@__PURE__*/ (function (_super) {
1165
1184
  GridFilterDialog.prototype.getDesiredToolbarActions = function () {
1166
1185
  if (!GridFilterDialog.ag) {
1167
1186
  GridFilterDialog.ag = true;
1168
- SvgIconRegistry.instance.addSvgPathString("XGrid", "DotDotDot", GridFilterDialog.bj);
1187
+ SvgIconRegistry.instance.addSvgPathString("XGrid", "DotDotDot", GridFilterDialog.bk);
1169
1188
  }
1170
1189
  var a = new ToolActionIconMenuInfo();
1171
1190
  a.name = "DataGridColumnOptionsPlaceholder";
@@ -1210,7 +1229,7 @@ export var GridFilterDialog = /** @class */ /*@__PURE__*/ (function (_super) {
1210
1229
  };
1211
1230
  GridFilterDialog.$t = markType(GridFilterDialog, 'GridFilterDialog', Base.$, [INotifyPropertyChanged_$type, IToolbarTarget_$type]);
1212
1231
  GridFilterDialog.ag = false;
1213
- 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";
1232
+ 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";
1214
1233
  return GridFilterDialog;
1215
1234
  }(Base));
1216
1235
  /**
@@ -1241,7 +1260,7 @@ export var GridFilterDialogViewModel = /** @class */ /*@__PURE__*/ (function (_s
1241
1260
  a.f = b;
1242
1261
  a.e = GridFilterDialog.a(b);
1243
1262
  a.d = GridFilterDialog.b(b);
1244
- a.l = GridFilterDialog.bk(b[0]);
1263
+ a.l = GridFilterDialog.bl(b[0]);
1245
1264
  this.f.add(a);
1246
1265
  };
1247
1266
  GridFilterDialogViewModel.prototype.u = function (a) {