igniteui-webcomponents-grids 4.3.3-beta.2 → 4.7.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 (43) hide show
  1. package/bundles/igniteui-webcomponents-grids.umd.js +100 -93
  2. package/bundles/igniteui-webcomponents-grids.umd.min.js +1 -1
  3. package/esm2015/lib/CanvasCellPresenterBase.js +1 -1
  4. package/esm2015/lib/CellPresenterBase.js +1 -1
  5. package/esm2015/lib/CheckboxListView_combined.js +4 -4
  6. package/esm2015/lib/ColumnChooserView_combined.js +2 -2
  7. package/esm2015/lib/ColumnFilterCondition_combined.js +48 -41
  8. package/esm2015/lib/ColumnGroupingView_combined.js +10 -10
  9. package/esm2015/lib/ColumnPinningView_combined.js +2 -2
  10. package/esm2015/lib/DataGridToolbarView_combined.js +4 -4
  11. package/esm2015/lib/DraggerView.js +3 -3
  12. package/esm2015/lib/GridColumnOptionsViewBase_combined.js +2 -2
  13. package/esm2015/lib/GridColumnOptionsView_combined.js +2 -2
  14. package/esm2015/lib/GridColumnSummaryOptionsView_combined.js +2 -2
  15. package/esm2015/lib/GridFilterDialogView_combined.js +3 -3
  16. package/esm2015/lib/ISummaryChooserView_combined.js +2 -2
  17. package/esm2015/lib/MultiColumnComboBoxView_combined.js +2 -2
  18. package/esm2015/lib/PropertyEditorView_combined.js +4 -4
  19. package/esm2015/lib/TemplateSectionHeader.js +1 -1
  20. package/esm2015/lib/igc-section-header-component.js +6 -6
  21. package/esm5/lib/CanvasCellPresenterBase.js +1 -1
  22. package/esm5/lib/CellPresenterBase.js +1 -1
  23. package/esm5/lib/CheckboxListView_combined.js +4 -4
  24. package/esm5/lib/ColumnChooserView_combined.js +2 -2
  25. package/esm5/lib/ColumnFilterCondition_combined.js +49 -42
  26. package/esm5/lib/ColumnGroupingView_combined.js +10 -10
  27. package/esm5/lib/ColumnPinningView_combined.js +2 -2
  28. package/esm5/lib/DataGridToolbarView_combined.js +4 -4
  29. package/esm5/lib/DraggerView.js +3 -3
  30. package/esm5/lib/GridColumnOptionsViewBase_combined.js +2 -2
  31. package/esm5/lib/GridColumnOptionsView_combined.js +2 -2
  32. package/esm5/lib/GridColumnSummaryOptionsView_combined.js +2 -2
  33. package/esm5/lib/GridFilterDialogView_combined.js +3 -3
  34. package/esm5/lib/ISummaryChooserView_combined.js +2 -2
  35. package/esm5/lib/MultiColumnComboBoxView_combined.js +2 -2
  36. package/esm5/lib/PropertyEditorView_combined.js +4 -4
  37. package/esm5/lib/TemplateSectionHeader.js +1 -1
  38. package/esm5/lib/igc-section-header-component.js +6 -6
  39. package/fesm2015/igniteui-webcomponents-grids.js +99 -92
  40. package/fesm5/igniteui-webcomponents-grids.js +100 -93
  41. package/lib/ColumnFilterCondition_combined.d.ts +6 -5
  42. package/lib/TemplateSectionHeader.d.ts +1 -1
  43. package/package.json +4 -4
@@ -55,7 +55,7 @@ export let CanvasCellPresenterBase = /*@__PURE__*/ (() => {
55
55
  if (c == 1) {
56
56
  return b.color;
57
57
  }
58
- let d = BrushUtil.k(a, c, b, 0);
58
+ let d = BrushUtil.l(a, c, b, 0);
59
59
  return d.color;
60
60
  }
61
61
  get nativeCell() {
@@ -83,7 +83,7 @@ export let CellPresenterBase = /*@__PURE__*/ (() => {
83
83
  if (c == 1) {
84
84
  return b.color;
85
85
  }
86
- let d = BrushUtil.k(a, c, b, 0);
86
+ let d = BrushUtil.l(a, c, b, 0);
87
87
  return d.color;
88
88
  }
89
89
  get nativeCell() {
@@ -451,7 +451,7 @@ export let CheckboxList = /*@__PURE__*/ (() => {
451
451
  this.k = 1;
452
452
  this.x = 1;
453
453
  this.z = 2;
454
- this.dd = BrushUtil.g(255, 24, 29, 31);
454
+ this.dd = BrushUtil.h(255, 24, 29, 31);
455
455
  this.db = null;
456
456
  this.de = null;
457
457
  this.dc = null;
@@ -1347,9 +1347,9 @@ export let CheckboxList = /*@__PURE__*/ (() => {
1347
1347
  }
1348
1348
  }
1349
1349
  CheckboxList.$t = /*@__PURE__*/ markType(CheckboxList, 'CheckboxList', Base.$, [INotifyPropertyChanged_$type]);
1350
- CheckboxList.dx = /*@__PURE__*/ BrushUtil.g(255, 24, 29, 31);
1350
+ CheckboxList.dx = /*@__PURE__*/ BrushUtil.h(255, 24, 29, 31);
1351
1351
  CheckboxList.bt = "M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z";
1352
- CheckboxList.dp = /*@__PURE__*/ BrushUtil.g(255, 248, 248, 248);
1353
- CheckboxList.dq = /*@__PURE__*/ BrushUtil.g(255, 24, 29, 31);
1352
+ CheckboxList.dp = /*@__PURE__*/ BrushUtil.h(255, 248, 248, 248);
1353
+ CheckboxList.dq = /*@__PURE__*/ BrushUtil.h(255, 24, 29, 31);
1354
1354
  return CheckboxList;
1355
1355
  })();
@@ -99,11 +99,11 @@ export let ColumnChooser = /*@__PURE__*/ (() => {
99
99
  this.a = null;
100
100
  this.o = null;
101
101
  this.i = null;
102
- this.ap = BrushUtil.g(255, 0, 153, 255);
102
+ this.ap = BrushUtil.h(255, 0, 153, 255);
103
103
  this.n = null;
104
104
  this.e = 1;
105
105
  this.g = 2;
106
- this.ao = BrushUtil.g(255, 248, 248, 248);
106
+ this.ao = BrushUtil.h(255, 248, 248, 248);
107
107
  this.m = false;
108
108
  let a = new ColumnChooserView();
109
109
  a.a = this;
@@ -1851,7 +1851,7 @@ export let CellModel = /*@__PURE__*/ (() => {
1851
1851
  if (c == 1) {
1852
1852
  return b;
1853
1853
  }
1854
- return BrushUtil.k(a, c, b, 0);
1854
+ return BrushUtil.l(a, c, b, 0);
1855
1855
  }
1856
1856
  kd() {
1857
1857
  this.ke();
@@ -4860,7 +4860,7 @@ export let Pager = /*@__PURE__*/ (() => {
4860
4860
  if (this.b.isVirtual) {
4861
4861
  this.b.firstVisibleIndexRequested = a;
4862
4862
  this.b.lastVisibleIndexRequested = a + this.ah;
4863
- this.d.d7 = false;
4863
+ this.d.d8 = false;
4864
4864
  }
4865
4865
  this.b2();
4866
4866
  this.ac.clear();
@@ -4871,7 +4871,7 @@ export let Pager = /*@__PURE__*/ (() => {
4871
4871
  let c = this.b.getItemAtIndex(b);
4872
4872
  this.ac.add1(c);
4873
4873
  if (c != null) {
4874
- this.d.d7 = true;
4874
+ this.d.d8 = true;
4875
4875
  }
4876
4876
  }
4877
4877
  let d = new Array(this.ac.count);
@@ -4882,7 +4882,7 @@ export let Pager = /*@__PURE__*/ (() => {
4882
4882
  if (this.targetGrid != null) {
4883
4883
  this.targetGrid.actualDataSource.queueAutoRefresh();
4884
4884
  this.targetGrid.actualDataSource.flushAutoRefresh();
4885
- if (this.b.isVirtual && this.d.d7) {
4885
+ if (this.b.isVirtual && this.d.d8) {
4886
4886
  this.targetGrid.v4(0, this.ao - 1);
4887
4887
  }
4888
4888
  else {
@@ -4913,7 +4913,7 @@ export let Pager = /*@__PURE__*/ (() => {
4913
4913
  this.b.summaryScope = this.p;
4914
4914
  let b = this.b;
4915
4915
  b.schemaChanged = delegateCombine(b.schemaChanged, runOn(this, this.bj));
4916
- this.d.d6 = this.b;
4916
+ this.d.d7 = this.b;
4917
4917
  switch (this.l) {
4918
4918
  case 1:
4919
4919
  case 0:
@@ -15042,7 +15042,7 @@ export let GridAnimationManager = /*@__PURE__*/ (() => {
15042
15042
  }
15043
15043
  let r = m;
15044
15044
  let s = n;
15045
- let t = BrushUtil.k(r, l, s, 0);
15045
+ let t = BrushUtil.l(r, l, s, 0);
15046
15046
  q.kh(c, t);
15047
15047
  };
15048
15048
  }
@@ -15222,7 +15222,7 @@ export let GridAnimationManager = /*@__PURE__*/ (() => {
15222
15222
  }
15223
15223
  let u = p;
15224
15224
  let v = q;
15225
- let w = BrushUtil.k(u, o, v, 0);
15225
+ let w = BrushUtil.l(u, o, v, 0);
15226
15226
  t.kh(c, w);
15227
15227
  };
15228
15228
  }
@@ -22996,6 +22996,16 @@ export let SectionFooter = /*@__PURE__*/ (() => {
22996
22996
  */
22997
22997
  export let SectionHeader = /*@__PURE__*/ (() => {
22998
22998
  class SectionHeader extends DefinitionBase {
22999
+ get fg() {
23000
+ return this.fe;
23001
+ }
23002
+ set fg(a) {
23003
+ let b = this.fe;
23004
+ this.fe = a;
23005
+ if (this.fe != b) {
23006
+ this.c3("SelectedBackground", 10, b, this.fe);
23007
+ }
23008
+ }
22999
23009
  get ff() {
23000
23010
  return this.fd;
23001
23011
  }
@@ -23003,17 +23013,7 @@ export let SectionHeader = /*@__PURE__*/ (() => {
23003
23013
  let b = this.fd;
23004
23014
  this.fd = a;
23005
23015
  if (this.fd != b) {
23006
- this.c3("SelectedBackground", 10, b, this.fd);
23007
- }
23008
- }
23009
- get fe() {
23010
- return this.fc;
23011
- }
23012
- set fe(a) {
23013
- let b = this.fc;
23014
- this.fc = a;
23015
- if (this.fc != b) {
23016
- this.c3("ActualSelectedBackground", 2, b, this.fc);
23016
+ this.c3("ActualSelectedBackground", 2, b, this.fd);
23017
23017
  }
23018
23018
  }
23019
23019
  get ey() {
@@ -23078,8 +23078,8 @@ export let SectionHeader = /*@__PURE__*/ (() => {
23078
23078
  }
23079
23079
  constructor() {
23080
23080
  super();
23081
+ this.fe = null;
23081
23082
  this.fd = null;
23082
- this.fc = null;
23083
23083
  this.eu = truncate(DeviceUtils.g(12));
23084
23084
  this.ew = truncate(DeviceUtils.g(1));
23085
23085
  this.ev = truncate(DeviceUtils.g(1));
@@ -23087,8 +23087,8 @@ export let SectionHeader = /*@__PURE__*/ (() => {
23087
23087
  this.eq = false;
23088
23088
  this.en = 4;
23089
23089
  this.sectionHeaderPropertyUpdating = null;
23090
- this.es = new Dictionary$2(String_$type, ComboBoxColumn.$, 0);
23091
- this.fe = this.ef();
23090
+ this.es = null;
23091
+ this.ff = this.ef();
23092
23092
  }
23093
23093
  cn(a, b, c) {
23094
23094
  return "sectionHeader";
@@ -23179,38 +23179,44 @@ export let SectionHeader = /*@__PURE__*/ (() => {
23179
23179
  }
23180
23180
  cx(a, b, c, d) {
23181
23181
  super.cx(a, b, c, d);
23182
- a.ld = this.fe;
23182
+ a.ld = this.ff;
23183
23183
  a.f3 = this.ey;
23184
23184
  a.f7 = this.e0;
23185
23185
  a.f5 = this.ez;
23186
23186
  a.f1 = this.ex;
23187
23187
  }
23188
23188
  c0(a, b) {
23189
- this.fb();
23189
+ this.fc();
23190
23190
  this.c9();
23191
23191
  this.dg();
23192
23192
  this.dh();
23193
- this.fa();
23193
+ this.fb();
23194
23194
  if (a != null) {
23195
- a.actualColumnsChanged = delegateRemove(a.actualColumnsChanged, runOn(this, this.e9));
23195
+ a.actualColumnsChanged = delegateRemove(a.actualColumnsChanged, runOn(this, this.fa));
23196
23196
  }
23197
23197
  if (b != null) {
23198
- b.actualColumnsChanged = delegateCombine(b.actualColumnsChanged, runOn(this, this.e9));
23198
+ b.actualColumnsChanged = delegateCombine(b.actualColumnsChanged, runOn(this, this.fa));
23199
23199
  }
23200
23200
  }
23201
- e9(a, b) {
23202
- this.es.clear();
23203
- for (let c = 0; c < b.columns.count; c++) {
23204
- let d = typeCast(ComboBoxColumn.$, b.columns._inner[c]);
23205
- if (d != null && !this.es.containsKey(d.i8)) {
23206
- this.es.addItem(d.i8, d);
23201
+ fa(a, b) {
23202
+ this.es = null;
23203
+ this.e9();
23204
+ }
23205
+ e9() {
23206
+ if (this.es == null) {
23207
+ this.es = new Dictionary$2(String_$type, ComboBoxColumn.$, 0);
23208
+ for (let a = 0; a < this.grid.columns.count; a++) {
23209
+ let b = typeCast(ComboBoxColumn.$, this.grid.columns._inner[a]);
23210
+ if (b != null && !this.es.containsKey(b.i8)) {
23211
+ this.es.addItem(b.i8, b);
23212
+ }
23207
23213
  }
23208
23214
  }
23209
23215
  }
23210
23216
  c2(a, b) {
23211
23217
  switch (b.propertyName) {
23212
23218
  case "SectionHeaderSelectedBackground":
23213
- this.fb();
23219
+ this.fc();
23214
23220
  break;
23215
23221
  case "SectionHeaderBackground":
23216
23222
  this.c9();
@@ -23222,21 +23228,21 @@ export let SectionHeader = /*@__PURE__*/ (() => {
23222
23228
  this.dh();
23223
23229
  break;
23224
23230
  case "IsGroupCollapsable":
23225
- this.fa();
23231
+ this.fb();
23226
23232
  break;
23227
23233
  }
23228
23234
  }
23229
- fb() {
23230
- if (this.ff == null) {
23235
+ fc() {
23236
+ if (this.fg == null) {
23231
23237
  if (this.grid != null && this.grid.sectionHeaderSelectedBackground != null) {
23232
- this.fe = this.grid.sectionHeaderSelectedBackground;
23238
+ this.ff = this.grid.sectionHeaderSelectedBackground;
23233
23239
  }
23234
23240
  else {
23235
- this.fe = this.ef();
23241
+ this.ff = this.ef();
23236
23242
  }
23237
23243
  }
23238
23244
  else {
23239
- this.fe = this.ff;
23245
+ this.ff = this.fg;
23240
23246
  }
23241
23247
  }
23242
23248
  c9() {
@@ -23275,7 +23281,7 @@ export let SectionHeader = /*@__PURE__*/ (() => {
23275
23281
  this.ad = this.textStyle;
23276
23282
  }
23277
23283
  }
23278
- fa() {
23284
+ fb() {
23279
23285
  if (this.grid != null) {
23280
23286
  this.er = this.grid.isGroupCollapsable;
23281
23287
  }
@@ -23284,7 +23290,7 @@ export let SectionHeader = /*@__PURE__*/ (() => {
23284
23290
  super.c4(a, b, c, d);
23285
23291
  switch (a) {
23286
23292
  case "SelectedBackground":
23287
- this.fb();
23293
+ this.fc();
23288
23294
  break;
23289
23295
  }
23290
23296
  if (this.sectionHeaderPropertyUpdating != null) {
@@ -23383,6 +23389,7 @@ export let SectionHeader = /*@__PURE__*/ (() => {
23383
23389
  e = b.toString();
23384
23390
  break;
23385
23391
  }
23392
+ this.e9();
23386
23393
  if (this.es.containsKey(c.f)) {
23387
23394
  let j = this.es.item(c.f);
23388
23395
  let k = j.lr(b);
@@ -481,13 +481,13 @@ export let ColumnGrouping = /*@__PURE__*/ (() => {
481
481
  this.f = 1;
482
482
  this.h = 2;
483
483
  this.w = "Drag a Column Here";
484
- this.bg = BrushUtil.g(158, 0, 0, 0);
484
+ this.bg = BrushUtil.h(158, 0, 0, 0);
485
485
  this.j = null;
486
- this.bf = BrushUtil.g(158, 0, 0, 0);
487
- this.bc = BrushUtil.g(158, 0, 0, 0);
488
- this.bd = BrushUtil.g(30, 0, 0, 0);
489
- this.be = BrushUtil.g(66, 0, 0, 0);
490
- this.bb = BrushUtil.g(255, 248, 248, 248);
486
+ this.bf = BrushUtil.h(158, 0, 0, 0);
487
+ this.bc = BrushUtil.h(158, 0, 0, 0);
488
+ this.bd = BrushUtil.h(30, 0, 0, 0);
489
+ this.be = BrushUtil.h(66, 0, 0, 0);
490
+ this.bb = BrushUtil.h(255, 248, 248, 248);
491
491
  this.v = 0;
492
492
  this.n = false;
493
493
  this.q = new ObservableCollection$1(XIcon.$, 0);
@@ -826,28 +826,28 @@ export let ColumnGrouping = /*@__PURE__*/ (() => {
826
826
  else {
827
827
  c.svgPath = ColumnGrouping.ac;
828
828
  }
829
- c.fill = BrushUtil.g(255, 119, 119, 119);
829
+ c.fill = BrushUtil.h(255, 119, 119, 119);
830
830
  this.q.add(c);
831
831
  }
832
832
  aq(a) {
833
833
  let b = new XIcon();
834
834
  this.d.am(b, a);
835
835
  b.svgPath = ColumnGrouping.aa;
836
- b.fill = BrushUtil.g(255, 119, 119, 119);
836
+ b.fill = BrushUtil.h(255, 119, 119, 119);
837
837
  this.q.add(b);
838
838
  }
839
839
  as(a) {
840
840
  let b = new XIcon();
841
841
  this.d.am(b, a);
842
842
  b.svgPath = ColumnGrouping.ah;
843
- b.fill = BrushUtil.g(255, 119, 119, 119);
843
+ b.fill = BrushUtil.h(255, 119, 119, 119);
844
844
  this.q.add(b);
845
845
  }
846
846
  ar(a) {
847
847
  let b = new XIcon();
848
848
  this.d.am(b, a);
849
849
  b.svgPath = ColumnGrouping.ad;
850
- b.fill = BrushUtil.g(255, 119, 119, 119);
850
+ b.fill = BrushUtil.h(255, 119, 119, 119);
851
851
  this.e = b;
852
852
  this.q.add(this.e);
853
853
  }
@@ -97,11 +97,11 @@ export let ColumnPinning = /*@__PURE__*/ (() => {
97
97
  this.a = null;
98
98
  this.o = null;
99
99
  this.i = null;
100
- this.am = BrushUtil.g(255, 0, 153, 255);
100
+ this.am = BrushUtil.h(255, 0, 153, 255);
101
101
  this.n = null;
102
102
  this.e = 1;
103
103
  this.g = 2;
104
- this.al = BrushUtil.g(255, 248, 248, 248);
104
+ this.al = BrushUtil.h(255, 248, 248, 248);
105
105
  this.m = false;
106
106
  let a = new ColumnPinningView();
107
107
  a.a = this;
@@ -244,7 +244,7 @@ export let DataGridToolbarView = /*@__PURE__*/ (() => {
244
244
  a.stopPropagation();
245
245
  }
246
246
  w(a) {
247
- let b = ElevationHelper.e(12, BrushUtil.g(66, 0, 0, 0), BrushUtil.g(30, 0, 0, 0), BrushUtil.g(20, 0, 0, 0), 1);
247
+ let b = ElevationHelper.e(12, BrushUtil.h(66, 0, 0, 0), BrushUtil.h(30, 0, 0, 0), BrushUtil.h(20, 0, 0, 0), 1);
248
248
  a.setStyleProperty("boxShadow", b);
249
249
  a.setStyleProperty("background-color", this.a.bf._fill);
250
250
  a.setStyleProperty("position", "absolute");
@@ -313,9 +313,9 @@ export let DataGridToolbar = /*@__PURE__*/ (() => {
313
313
  this.a = null;
314
314
  this.y = null;
315
315
  this.m = null;
316
- this.bd = BrushUtil.g(255, 24, 29, 31);
317
- this.bb = BrushUtil.g(255, 248, 248, 248);
318
- this.bc = BrushUtil.g(255, 248, 248, 248);
316
+ this.bd = BrushUtil.h(255, 24, 29, 31);
317
+ this.bb = BrushUtil.h(255, 248, 248, 248);
318
+ this.bc = BrushUtil.h(255, 248, 248, 248);
319
319
  this.o = false;
320
320
  this.u = null;
321
321
  this.v = null;
@@ -96,17 +96,17 @@ export let DraggerView = /*@__PURE__*/ (() => {
96
96
  if (this.model.cloneCell != null) {
97
97
  this.d = this.model.cloneCell;
98
98
  document.documentElement.appendChild(this.d.getNativeElement());
99
- let a = ElevationHelper.e(12, BrushUtil.g(66, 0, 0, 0), BrushUtil.g(30, 0, 0, 0), BrushUtil.g(20, 0, 0, 0));
99
+ let a = ElevationHelper.e(12, BrushUtil.h(66, 0, 0, 0), BrushUtil.h(30, 0, 0, 0), BrushUtil.h(20, 0, 0, 0));
100
100
  this.d.setStyleProperty("boxShadow", a);
101
101
  this.d.setStyleProperty("z-index", "12000");
102
102
  this.d.setStyleProperty("min-width", "170px");
103
103
  this.d.setStyleProperty("max-width", "250px");
104
104
  let b = BrushUtil.a("background-color", this.d);
105
- let c = BrushUtil.g(200, b[0].color.o, b[0].color.n, b[0].color.m);
105
+ let c = BrushUtil.h(200, b[0].color.o, b[0].color.n, b[0].color.m);
106
106
  this.d.setStyleProperty("background-color", c._fill);
107
107
  let d = this.d.getChildAt(0);
108
108
  let e = BrushUtil.a("color", d);
109
- let f = BrushUtil.g(200, e[0].color.o, e[0].color.n, e[0].color.m);
109
+ let f = BrushUtil.h(200, e[0].color.o, e[0].color.n, e[0].color.m);
110
110
  d.setStyleProperty("color", f._fill);
111
111
  }
112
112
  }
@@ -591,7 +591,7 @@ export let GridColumnOptionsBase = /*@__PURE__*/ (() => {
591
591
  }
592
592
  }
593
593
  GridColumnOptionsBase.$t = /*@__PURE__*/ markType(GridColumnOptionsBase, 'GridColumnOptionsBase', Base.$, [INotifyPropertyChanged_$type]);
594
- GridColumnOptionsBase.bp = /*@__PURE__*/ BrushUtil.g(255, 248, 248, 248);
595
- GridColumnOptionsBase.bq = /*@__PURE__*/ BrushUtil.g(255, 24, 29, 31);
594
+ GridColumnOptionsBase.bp = /*@__PURE__*/ BrushUtil.h(255, 248, 248, 248);
595
+ GridColumnOptionsBase.bq = /*@__PURE__*/ BrushUtil.h(255, 24, 29, 31);
596
596
  return GridColumnOptionsBase;
597
597
  })();
@@ -209,8 +209,8 @@ export let GridColumnOptions = /*@__PURE__*/ (() => {
209
209
  this.b5 = 0;
210
210
  this.b3 = 0;
211
211
  this.d0 = null;
212
- this.fk = BrushUtil.g(255, 24, 29, 31);
213
- this.fj = BrushUtil.g(255, 248, 248, 248);
212
+ this.fk = BrushUtil.h(255, 24, 29, 31);
213
+ this.fj = BrushUtil.h(255, 248, 248, 248);
214
214
  this.applyButtonClick = null;
215
215
  this.cancelButtonClick = null;
216
216
  }
@@ -118,8 +118,8 @@ export let GridColumnSummaryOptions = /*@__PURE__*/ (() => {
118
118
  this.b2 = 0;
119
119
  this.b1 = 0;
120
120
  this.b6 = 0;
121
- this.ct = BrushUtil.g(255, 24, 29, 31);
122
- this.cs = BrushUtil.g(255, 248, 248, 248);
121
+ this.ct = BrushUtil.h(255, 24, 29, 31);
122
+ this.cs = BrushUtil.h(255, 248, 248, 248);
123
123
  }
124
124
  f() {
125
125
  return new GridColumnSummaryOptionsView();
@@ -523,9 +523,9 @@ export let GridFilterDialog = /*@__PURE__*/ (() => {
523
523
  this.r = null;
524
524
  this.renderCompleted = null;
525
525
  this.r = new GridFilterDialogView(this);
526
- this.bp = BrushUtil.g(66, 0, 0, 0);
527
- this.bo = BrushUtil.g(30, 0, 0, 0);
528
- this.bn = BrushUtil.g(20, 0, 0, 0);
526
+ this.bp = BrushUtil.h(66, 0, 0, 0);
527
+ this.bo = BrushUtil.h(30, 0, 0, 0);
528
+ this.bn = BrushUtil.h(20, 0, 0, 0);
529
529
  }
530
530
  bg(a, b, c) {
531
531
  this.r.x(a, b, c);
@@ -103,10 +103,10 @@ export let SummaryChooser = /*@__PURE__*/ (() => {
103
103
  this.w = null;
104
104
  this.l = 0;
105
105
  this.k = 0;
106
- this.a8 = BrushUtil.g(255, 24, 29, 31);
106
+ this.a8 = BrushUtil.h(255, 24, 29, 31);
107
107
  this.h = 0;
108
108
  this.g = 1;
109
- this.a7 = BrushUtil.g(255, 248, 248, 248);
109
+ this.a7 = BrushUtil.h(255, 248, 248, 248);
110
110
  this.summaryChanged = null;
111
111
  this.c = new SummaryChooserView();
112
112
  this.c.model = this;
@@ -2661,11 +2661,11 @@ export let MultiColumnComboBox = /*@__PURE__*/ (() => {
2661
2661
  MultiColumnComboBox.ag = 1;
2662
2662
  MultiColumnComboBox.hp = /*@__PURE__*/ ThemeResolver.ah(MultiColumnComboBox.ag, XLabel.da, XLabel.c3);
2663
2663
  MultiColumnComboBox.hr = /*@__PURE__*/ ThemeResolver.ah(MultiColumnComboBox.ag, XLabel.da, XLabel.c3);
2664
- MultiColumnComboBox.hq = /*@__PURE__*/ BrushUtil.g(255, 255, 255, 255);
2664
+ MultiColumnComboBox.hq = /*@__PURE__*/ BrushUtil.h(255, 255, 255, 255);
2665
2665
  MultiColumnComboBox.ay = null;
2666
2666
  MultiColumnComboBox.dx = "ActualNoMatchesFoundLabelBackgroundColor";
2667
2667
  MultiColumnComboBox.az = null;
2668
- MultiColumnComboBox.hz = /*@__PURE__*/ BrushUtil.g(221, 0, 0, 0);
2668
+ MultiColumnComboBox.hz = /*@__PURE__*/ BrushUtil.h(221, 0, 0, 0);
2669
2669
  return MultiColumnComboBox;
2670
2670
  })();
2671
2671
  /**
@@ -1232,7 +1232,7 @@ export let PropertyEditor = /*@__PURE__*/ (() => {
1232
1232
  }
1233
1233
  if (d) {
1234
1234
  c.selectedValueChanged = delegateCombine(c.selectedValueChanged, runOn(this, this.cq));
1235
- c.hn = BrushUtil.g(255, 255, 255, 255);
1235
+ c.hn = BrushUtil.h(255, 255, 255, 255);
1236
1236
  c.g = ["Name"];
1237
1237
  c.columnHeadersVisible = false;
1238
1238
  c.defaultColumnWidth = ((() => {
@@ -1644,9 +1644,9 @@ export let PropertyEditor = /*@__PURE__*/ (() => {
1644
1644
  }
1645
1645
  }
1646
1646
  PropertyEditor.$t = /*@__PURE__*/ markType(PropertyEditor, 'PropertyEditor', Base.$, [INotifyPropertyChanged_$type]);
1647
- PropertyEditor.eb = /*@__PURE__*/ BrushUtil.g(255, 24, 29, 31);
1647
+ PropertyEditor.eb = /*@__PURE__*/ BrushUtil.h(255, 24, 29, 31);
1648
1648
  PropertyEditor.cj = "M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z";
1649
- PropertyEditor.d9 = /*@__PURE__*/ BrushUtil.g(255, 248, 248, 248);
1650
- PropertyEditor.ea = /*@__PURE__*/ BrushUtil.g(255, 24, 29, 31);
1649
+ PropertyEditor.d9 = /*@__PURE__*/ BrushUtil.h(255, 248, 248, 248);
1650
+ PropertyEditor.ea = /*@__PURE__*/ BrushUtil.h(255, 24, 29, 31);
1651
1651
  return PropertyEditor;
1652
1652
  })();
@@ -23,7 +23,7 @@ export let TemplateSectionHeader = /*@__PURE__*/ (() => {
23
23
  l(a) {
24
24
  return new TemplateSectionHeaderCellModel();
25
25
  }
26
- fh(a, b) {
26
+ fi(a, b) {
27
27
  if (this.cellUpdating != null) {
28
28
  this.cellUpdating(this, ((() => {
29
29
  let $ret = new TemplateSectionHeaderCellUpdatingEventArgs();
@@ -60,18 +60,18 @@ export let IgcSectionHeaderComponent = /*@__PURE__*/ (() => {
60
60
  }
61
61
  }
62
62
  get selectedBackground() {
63
- return brushToString(this.i.ff);
63
+ return brushToString(this.i.fg);
64
64
  }
65
65
  set selectedBackground(v) {
66
- this.i.ff = stringToBrush(v);
67
- this._a("selectedBackground", brushToString(this.i.ff));
66
+ this.i.fg = stringToBrush(v);
67
+ this._a("selectedBackground", brushToString(this.i.fg));
68
68
  }
69
69
  get actualSelectedBackground() {
70
- return brushToString(this.i.fe);
70
+ return brushToString(this.i.ff);
71
71
  }
72
72
  set actualSelectedBackground(v) {
73
- this.i.fe = stringToBrush(v);
74
- this._a("actualSelectedBackground", brushToString(this.i.fe));
73
+ this.i.ff = stringToBrush(v);
74
+ this._a("actualSelectedBackground", brushToString(this.i.ff));
75
75
  }
76
76
  /**
77
77
  * Gets or sets the amount of left padding to use for the cell content for this column.
@@ -57,7 +57,7 @@ var CanvasCellPresenterBase = /** @class */ /*@__PURE__*/ (function (_super) {
57
57
  if (c == 1) {
58
58
  return b.color;
59
59
  }
60
- var d = BrushUtil.k(a, c, b, 0);
60
+ var d = BrushUtil.l(a, c, b, 0);
61
61
  return d.color;
62
62
  };
63
63
  Object.defineProperty(CanvasCellPresenterBase.prototype, "nativeCell", {
@@ -85,7 +85,7 @@ var CellPresenterBase = /** @class */ /*@__PURE__*/ (function (_super) {
85
85
  if (c == 1) {
86
86
  return b.color;
87
87
  }
88
- var d = BrushUtil.k(a, c, b, 0);
88
+ var d = BrushUtil.l(a, c, b, 0);
89
89
  return d.color;
90
90
  };
91
91
  Object.defineProperty(CellPresenterBase.prototype, "nativeCell", {
@@ -469,7 +469,7 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
469
469
  _this.k = 1;
470
470
  _this.x = 1;
471
471
  _this.z = 2;
472
- _this.dd = BrushUtil.g(255, 24, 29, 31);
472
+ _this.dd = BrushUtil.h(255, 24, 29, 31);
473
473
  _this.db = null;
474
474
  _this.de = null;
475
475
  _this.dc = null;
@@ -1555,10 +1555,10 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
1555
1555
  configurable: true
1556
1556
  });
1557
1557
  CheckboxList.$t = markType(CheckboxList, 'CheckboxList', Base.$, [INotifyPropertyChanged_$type]);
1558
- CheckboxList.dx = BrushUtil.g(255, 24, 29, 31);
1558
+ CheckboxList.dx = BrushUtil.h(255, 24, 29, 31);
1559
1559
  CheckboxList.bt = "M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z";
1560
- CheckboxList.dp = BrushUtil.g(255, 248, 248, 248);
1561
- CheckboxList.dq = BrushUtil.g(255, 24, 29, 31);
1560
+ CheckboxList.dp = BrushUtil.h(255, 248, 248, 248);
1561
+ CheckboxList.dq = BrushUtil.h(255, 24, 29, 31);
1562
1562
  return CheckboxList;
1563
1563
  }(Base));
1564
1564
  export { CheckboxList };
@@ -101,11 +101,11 @@ var ColumnChooser = /** @class */ /*@__PURE__*/ (function (_super) {
101
101
  _this.a = null;
102
102
  _this.o = null;
103
103
  _this.i = null;
104
- _this.ap = BrushUtil.g(255, 0, 153, 255);
104
+ _this.ap = BrushUtil.h(255, 0, 153, 255);
105
105
  _this.n = null;
106
106
  _this.e = 1;
107
107
  _this.g = 2;
108
- _this.ao = BrushUtil.g(255, 248, 248, 248);
108
+ _this.ao = BrushUtil.h(255, 248, 248, 248);
109
109
  _this.m = false;
110
110
  var a = new ColumnChooserView();
111
111
  a.a = _this;