igniteui-webcomponents-grids 5.0.1 → 5.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (78) hide show
  1. package/bundles/igniteui-webcomponents-grids.umd.js +1366 -1366
  2. package/bundles/igniteui-webcomponents-grids.umd.min.js +1 -1
  3. package/esm2015/lib/CanvasGridCellBase.js +52 -52
  4. package/esm2015/lib/CanvasTemplateCellPresenter.js +7 -7
  5. package/esm2015/lib/CanvasTemplateHeaderCellPresenter.js +6 -6
  6. package/esm2015/lib/CanvasTextHeaderCell.js +1 -1
  7. package/esm2015/lib/CheckboxListView_combined.js +165 -165
  8. package/esm2015/lib/ColumnChooserView_combined.js +42 -42
  9. package/esm2015/lib/ColumnFilterCondition_combined.js +659 -659
  10. package/esm2015/lib/ColumnGroupingView_combined.js +40 -40
  11. package/esm2015/lib/ColumnPinningView_combined.js +42 -42
  12. package/esm2015/lib/DataGridAccessibilityLayoutPanel.js +2 -2
  13. package/esm2015/lib/DataGridCellLayoutPanel.js +48 -48
  14. package/esm2015/lib/DataGridToolbarView_combined.js +87 -87
  15. package/esm2015/lib/EditorCell.js +86 -86
  16. package/esm2015/lib/EditorCellPresenter.js +1 -1
  17. package/esm2015/lib/FilterCell.js +90 -90
  18. package/esm2015/lib/FilterCellPresenter.js +1 -1
  19. package/esm2015/lib/GridColumnFilterOptionsView_combined.js +7 -7
  20. package/esm2015/lib/ISummaryChooserView_combined.js +6 -6
  21. package/esm2015/lib/TemplateHeader.js +1 -1
  22. package/esm2015/lib/igc-checkbox-list-component.js +26 -26
  23. package/esm2015/lib/igc-column-chooser-component.js +2 -2
  24. package/esm2015/lib/igc-column-pinning-component.js +2 -2
  25. package/esm2015/lib/igc-data-grid-toolbar-component.js +2 -2
  26. package/esm2015/public_api.js +20 -20
  27. package/esm5/lib/CanvasGridCellBase.js +52 -52
  28. package/esm5/lib/CanvasTemplateCellPresenter.js +7 -7
  29. package/esm5/lib/CanvasTemplateHeaderCellPresenter.js +6 -6
  30. package/esm5/lib/CanvasTextHeaderCell.js +1 -1
  31. package/esm5/lib/CheckboxListView_combined.js +156 -156
  32. package/esm5/lib/ColumnChooserView_combined.js +41 -41
  33. package/esm5/lib/ColumnFilterCondition_combined.js +654 -654
  34. package/esm5/lib/ColumnGroupingView_combined.js +40 -40
  35. package/esm5/lib/ColumnPinningView_combined.js +41 -41
  36. package/esm5/lib/DataGridAccessibilityLayoutPanel.js +2 -2
  37. package/esm5/lib/DataGridCellLayoutPanel.js +48 -48
  38. package/esm5/lib/DataGridToolbarView_combined.js +86 -86
  39. package/esm5/lib/EditorCell.js +85 -85
  40. package/esm5/lib/EditorCellPresenter.js +1 -1
  41. package/esm5/lib/FilterCell.js +88 -88
  42. package/esm5/lib/FilterCellPresenter.js +1 -1
  43. package/esm5/lib/GridColumnFilterOptionsView_combined.js +7 -7
  44. package/esm5/lib/ISummaryChooserView_combined.js +6 -6
  45. package/esm5/lib/TemplateHeader.js +1 -1
  46. package/esm5/lib/igc-checkbox-list-component.js +26 -26
  47. package/esm5/lib/igc-column-chooser-component.js +2 -2
  48. package/esm5/lib/igc-column-pinning-component.js +2 -2
  49. package/esm5/lib/igc-data-grid-toolbar-component.js +2 -2
  50. package/esm5/public_api.js +20 -20
  51. package/fesm2015/igniteui-webcomponents-grids.js +1386 -1386
  52. package/fesm5/igniteui-webcomponents-grids.js +1366 -1366
  53. package/grids/combined.js +587 -590
  54. package/grids/lib/igc-grid-base-directive.d.ts +1 -0
  55. package/grids/lib/igc-row-island-component.d.ts +1 -0
  56. package/grids/styles.css +1 -1
  57. package/grids/themes/dark/bootstrap.css +1 -1
  58. package/grids/themes/dark/fluent.css +1 -1
  59. package/grids/themes/dark/indigo.css +1 -1
  60. package/grids/themes/dark/material.css +1 -1
  61. package/grids/themes/light/bootstrap.css +1 -1
  62. package/grids/themes/light/fluent.css +1 -1
  63. package/grids/themes/light/indigo.css +1 -1
  64. package/grids/themes/light/material.css +1 -1
  65. package/lib/CanvasGridCellBase.d.ts +7 -7
  66. package/lib/CanvasTemplateCellPresenter.d.ts +2 -2
  67. package/lib/CanvasTemplateHeaderCellPresenter.d.ts +2 -2
  68. package/lib/CheckboxListView_combined.d.ts +23 -23
  69. package/lib/ColumnChooserView_combined.d.ts +4 -4
  70. package/lib/ColumnFilterCondition_combined.d.ts +113 -113
  71. package/lib/ColumnGroupingView_combined.d.ts +2 -2
  72. package/lib/ColumnPinningView_combined.d.ts +4 -4
  73. package/lib/DataGridCellLayoutPanel.d.ts +3 -3
  74. package/lib/DataGridToolbarView_combined.d.ts +5 -5
  75. package/lib/EditorCell.d.ts +8 -8
  76. package/lib/FilterCell.d.ts +12 -12
  77. package/package.json +4 -4
  78. package/public_api.d.ts +20 -20
@@ -31,14 +31,14 @@ export let FilterCell = /*@__PURE__*/ (() => {
31
31
  this.c5 = null;
32
32
  this.cv = null;
33
33
  this.cu = null;
34
- this.ct = null;
35
34
  this.ck = null;
35
+ this.cl = null;
36
36
  this.cw = null;
37
- this.cr = null;
37
+ this.cs = null;
38
38
  this.cz = true;
39
- this.cl = 0;
39
+ this.cm = 0;
40
40
  this.c0 = true;
41
- this.cp = null;
41
+ this.cq = null;
42
42
  this.cx = null;
43
43
  this.c7 = null;
44
44
  this.ch = null;
@@ -51,8 +51,8 @@ export let FilterCell = /*@__PURE__*/ (() => {
51
51
  this.ae.append(this.c4);
52
52
  this.c6 = a.createElement("div");
53
53
  this.c2 = a.getSubRenderer(this.c6);
54
- this.ck = new ComparisonOperatorSelector();
55
- this.ck.ej(this.c2);
54
+ this.cl = new ComparisonOperatorSelector();
55
+ this.cl.ej(this.c2);
56
56
  this.c6.setStyleProperty("width", "24px");
57
57
  this.c6.setStyleProperty("height", "24px");
58
58
  this.c4.append(this.c6);
@@ -68,8 +68,8 @@ export let FilterCell = /*@__PURE__*/ (() => {
68
68
  this.c4.append(this.c5);
69
69
  this.dp();
70
70
  }
71
- cs(a) {
72
- switch (this.cm) {
71
+ ct(a) {
72
+ switch (this.cn) {
73
73
  case 0:
74
74
  case 1:
75
75
  if (this.cv == null) {
@@ -82,10 +82,10 @@ export let FilterCell = /*@__PURE__*/ (() => {
82
82
  }
83
83
  return this.cu;
84
84
  case 3:
85
- if (this.ct == null) {
86
- this.ct = new DateEditorView(this.ab, this.f.getTheme(), this.b);
85
+ if (this.ck == null) {
86
+ this.ck = new DateEditorView(this.ab, this.f.getTheme(), this.b);
87
87
  }
88
- return this.ct;
88
+ return this.ck;
89
89
  default: return null;
90
90
  }
91
91
  }
@@ -93,7 +93,7 @@ export let FilterCell = /*@__PURE__*/ (() => {
93
93
  this.c3.removeChildren();
94
94
  }
95
95
  dm() {
96
- this.c3.append(this.cr.container);
96
+ this.c3.append(this.cs.container);
97
97
  }
98
98
  du() {
99
99
  if (this.ae.getChildCount() == 0) {
@@ -126,7 +126,7 @@ export let FilterCell = /*@__PURE__*/ (() => {
126
126
  }
127
127
  }
128
128
  dp() {
129
- let a = this.ck;
129
+ let a = this.cl;
130
130
  a.valueChanged = delegateCombine(a.valueChanged, runOn(this, this.dz));
131
131
  this.cw.svgPath = FilterCell.c9;
132
132
  this.d4(false);
@@ -134,11 +134,11 @@ export let FilterCell = /*@__PURE__*/ (() => {
134
134
  b.clicked = delegateCombine(b.clicked, runOn(this, this.dn));
135
135
  }
136
136
  dy() {
137
- if (this.cr == null) {
137
+ if (this.cs == null) {
138
138
  this.dt();
139
139
  }
140
140
  }
141
- cn() {
141
+ co() {
142
142
  let a = 1;
143
143
  switch (this.cj) {
144
144
  case 11:
@@ -159,7 +159,7 @@ export let FilterCell = /*@__PURE__*/ (() => {
159
159
  a = 2;
160
160
  break;
161
161
  }
162
- switch (this.ck.b) {
162
+ switch (this.cl.b) {
163
163
  case 6:
164
164
  case 8:
165
165
  case 7:
@@ -173,9 +173,9 @@ export let FilterCell = /*@__PURE__*/ (() => {
173
173
  a = 2;
174
174
  break;
175
175
  }
176
- if (this.ck.b == 44) {
177
- if (this.cq != null && this.cq.count > 0) {
178
- let b = this.cq._inner[this.ck.x];
176
+ if (this.cl.b == 44) {
177
+ if (this.cr != null && this.cr.count > 0) {
178
+ let b = this.cr._inner[this.cl.x];
179
179
  switch (b.b) {
180
180
  case 0:
181
181
  case 1:
@@ -202,13 +202,13 @@ export let FilterCell = /*@__PURE__*/ (() => {
202
202
  if (!this.cz) {
203
203
  return;
204
204
  }
205
- if (this.ck.b == 44) {
206
- if (this.cq != null && this.cq.count > 0) {
207
- this.b.applyCustomFilter(this.ck.ae, this.ck.x, a);
205
+ if (this.cl.b == 44) {
206
+ if (this.cr != null && this.cr.count > 0) {
207
+ this.b.applyCustomFilter(this.cl.ae, this.cl.x, a);
208
208
  }
209
209
  }
210
210
  else {
211
- this.b.applyFilter(this.ck.b, a);
211
+ this.b.applyFilter(this.cl.b, a);
212
212
  }
213
213
  }
214
214
  dj() {
@@ -240,77 +240,77 @@ export let FilterCell = /*@__PURE__*/ (() => {
240
240
  this.dw();
241
241
  break;
242
242
  case "IsEditorEnabled":
243
- this.cr.isEnabled = this.c1;
243
+ this.cs.isEnabled = this.c1;
244
244
  break;
245
245
  case "TextColor":
246
- this.ck.eq = this.d7;
246
+ this.cl.eq = this.d7;
247
247
  this.cw.fill = this.d7;
248
- this.cr.textColor = this.d7;
248
+ this.cs.textColor = this.d7;
249
249
  break;
250
250
  }
251
251
  }
252
252
  dv() {
253
253
  this.cz = false;
254
- if (this.cr != null) {
254
+ if (this.cs != null) {
255
255
  if (this.ci != null) {
256
256
  if (typeCast(ColumnComparisonFilterCondition.$, this.ci) !== null) {
257
257
  let a = typeCast(ColumnComparisonFilterCondition.$, this.ci);
258
- this.ck.b = a.operator;
259
- let b = this.cr.getEditorValue();
258
+ this.cl.b = a.operator;
259
+ let b = this.cs.getEditorValue();
260
260
  if (b != null) {
261
261
  if (!Base.equalsStatic(b, a.value)) {
262
- this.cr.value = a.value;
262
+ this.cs.value = a.value;
263
263
  this.c8 = a.value;
264
264
  }
265
265
  }
266
266
  else {
267
- this.cr.value = a.value;
267
+ this.cs.value = a.value;
268
268
  this.c8 = a.value;
269
269
  }
270
270
  }
271
271
  else if (typeCast(ColumnCustomFilterCondition.$, this.ci) !== null) {
272
272
  let c = typeCast(ColumnCustomFilterCondition.$, this.ci);
273
- this.ck.ek(c.id, c.index);
274
- let d = this.cr.getEditorValue();
273
+ this.cl.ek(c.id, c.index);
274
+ let d = this.cs.getEditorValue();
275
275
  if (d != null) {
276
276
  if (!Base.equalsStatic(d, c.value)) {
277
- this.cr.value = c.value;
277
+ this.cs.value = c.value;
278
278
  this.c8 = c.value;
279
279
  }
280
280
  }
281
281
  else {
282
- this.cr.value = c.value;
282
+ this.cs.value = c.value;
283
283
  this.c8 = c.value;
284
284
  }
285
285
  }
286
286
  else if (!(typeCast(ColumnCustomFilterCondition.$, this.ci) !== null)) {
287
287
  this.c8 = null;
288
- this.cr.value = this.c8;
289
- this.cr.setEditorValue(this.c8);
288
+ this.cs.value = this.c8;
289
+ this.cs.setEditorValue(this.c8);
290
290
  }
291
291
  }
292
292
  else {
293
293
  this.c8 = null;
294
- this.cr.value = this.c8;
295
- this.cr.setEditorValue(this.c8);
294
+ this.cs.value = this.c8;
295
+ this.cs.setEditorValue(this.c8);
296
296
  if (!this.c1) {
297
- this.ck.b = 0;
297
+ this.cl.b = 0;
298
298
  }
299
299
  }
300
300
  }
301
301
  this.cz = true;
302
302
  }
303
303
  dq() {
304
- this.ck.d7();
305
- for (let a = 0; a < this.cq.count; a++) {
306
- this.ck.d1(this.cq._inner[a].e, this.cq._inner[a].f, this.cq._inner[a].g, a);
304
+ this.cl.d7();
305
+ for (let a = 0; a < this.cr.count; a++) {
306
+ this.cl.d1(this.cr._inner[a].e, this.cr._inner[a].f, this.cr._inner[a].g, a);
307
307
  }
308
308
  }
309
309
  dr() {
310
310
  if (this.cj == 11) {
311
311
  this.c1 = false;
312
312
  }
313
- this.cm = this.cn();
313
+ this.cn = this.co();
314
314
  }
315
315
  dw() {
316
316
  this.d4(this.c8 != null);
@@ -325,21 +325,21 @@ export let FilterCell = /*@__PURE__*/ (() => {
325
325
  }
326
326
  }
327
327
  dt() {
328
- if (this.cr != null) {
329
- this.cr.detachEvents();
330
- let a = this.cr;
328
+ if (this.cs != null) {
329
+ this.cs.detachEvents();
330
+ let a = this.cs;
331
331
  a.valueProvided = delegateRemove(a.valueProvided, runOn(this, this.d3));
332
332
  }
333
333
  this.d1();
334
- this.cr = this.cs(this.cm);
335
- this.cr.onEditStarted();
336
- if (this.cr != null) {
337
- this.cr.attachEvents();
338
- this.cr.setFont(this.cy);
339
- this.cr.isEnabled = this.c1;
340
- this.cr.focusOnValueChanged = false;
341
- this.cr.showClearButton = false;
342
- let b = this.cr;
334
+ this.cs = this.ct(this.cn);
335
+ this.cs.onEditStarted();
336
+ if (this.cs != null) {
337
+ this.cs.attachEvents();
338
+ this.cs.setFont(this.cy);
339
+ this.cs.isEnabled = this.c1;
340
+ this.cs.focusOnValueChanged = false;
341
+ this.cs.showClearButton = false;
342
+ let b = this.cs;
343
343
  b.valueProvided = delegateCombine(b.valueProvided, runOn(this, this.d3));
344
344
  this.dm();
345
345
  }
@@ -347,13 +347,13 @@ export let FilterCell = /*@__PURE__*/ (() => {
347
347
  }
348
348
  dx() {
349
349
  if (this.cy != null) {
350
- if (this.cr != null) {
351
- this.cr.setFont(this.cy);
350
+ if (this.cs != null) {
351
+ this.cs.setFont(this.cy);
352
352
  }
353
353
  }
354
354
  }
355
355
  dz(a, b) {
356
- this.cm = this.cn();
356
+ this.cn = this.co();
357
357
  switch (b.newValue) {
358
358
  case 40:
359
359
  case 11:
@@ -391,8 +391,8 @@ export let FilterCell = /*@__PURE__*/ (() => {
391
391
  this.c1 = false;
392
392
  }
393
393
  if (b.newValue == 44) {
394
- if (this.cq != null && this.cq.count > 0) {
395
- let c = this.cq._inner[this.ck.x];
394
+ if (this.cr != null && this.cr.count > 0) {
395
+ let c = this.cr._inner[this.cl.x];
396
396
  this.c1 = c.d;
397
397
  }
398
398
  }
@@ -408,24 +408,24 @@ export let FilterCell = /*@__PURE__*/ (() => {
408
408
  this.d4(false);
409
409
  }
410
410
  if (this.d != null) {
411
- this.d.update("OperatorType", enumGetBox(ColumnComparisonConditionOperatorType_$type, this.ck.b));
411
+ this.d.update("OperatorType", enumGetBox(ColumnComparisonConditionOperatorType_$type, this.cl.b));
412
412
  }
413
413
  }
414
414
  dn(a, b) {
415
415
  if (b != null) {
416
416
  if (!this.c1) {
417
- this.ck.b = 0;
417
+ this.cl.b = 0;
418
418
  this.dj();
419
419
  }
420
420
  }
421
421
  this.c8 = null;
422
- if (this.cr != null) {
423
- this.cr.setEditorValue(null);
424
- this.cr.value = null;
422
+ if (this.cs != null) {
423
+ this.cs.setEditorValue(null);
424
+ this.cs.value = null;
425
425
  }
426
426
  }
427
427
  d3(a, b, c) {
428
- if (this.cm == 2) {
428
+ if (this.cn == 2) {
429
429
  if (typeof b === 'string') {
430
430
  let d;
431
431
  if (((() => { let e = tryParseNumber(b, d); d = e.p1; return e.ret; })())) {
@@ -438,16 +438,16 @@ export let FilterCell = /*@__PURE__*/ (() => {
438
438
  d5(a, b, c, d) {
439
439
  this.d2(a, b, c, d);
440
440
  }
441
- co(a, b) {
441
+ cp(a, b) {
442
442
  if (a != null) {
443
- for (let c = 0; c < this.cq.count; c++) {
444
- if (this.cq._inner[c].g == a) {
445
- return this.cq._inner[c];
443
+ for (let c = 0; c < this.cr.count; c++) {
444
+ if (this.cr._inner[c].g == a) {
445
+ return this.cr._inner[c];
446
446
  }
447
447
  }
448
448
  }
449
- if (b >= 0 && b < this.cq.count) {
450
- return this.cq._inner[b];
449
+ if (b >= 0 && b < this.cr.count) {
450
+ return this.cr._inner[b];
451
451
  }
452
452
  return null;
453
453
  }
@@ -458,23 +458,23 @@ export let FilterCell = /*@__PURE__*/ (() => {
458
458
  this.ds();
459
459
  }
460
460
  get cj() {
461
- return this.ck.d;
461
+ return this.cl.d;
462
462
  }
463
463
  set cj(a) {
464
- let b = this.ck.d;
465
- this.ck.d = a;
464
+ let b = this.cl.d;
465
+ this.cl.d = a;
466
466
  if (b != a) {
467
- this.bp("DataType", enumGetBox(DataSourceSchemaPropertyType_$type, b), enumGetBox(DataSourceSchemaPropertyType_$type, this.ck.d));
467
+ this.bp("DataType", enumGetBox(DataSourceSchemaPropertyType_$type, b), enumGetBox(DataSourceSchemaPropertyType_$type, this.cl.d));
468
468
  }
469
469
  }
470
- get cm() {
471
- return this.cl;
470
+ get cn() {
471
+ return this.cm;
472
472
  }
473
- set cm(a) {
474
- let b = this.cl;
475
- this.cl = a;
473
+ set cn(a) {
474
+ let b = this.cm;
475
+ this.cm = a;
476
476
  if (b != a) {
477
- this.bp("EditorType", enumGetBox(EditorType_$type, b), enumGetBox(EditorType_$type, this.cl));
477
+ this.bp("EditorType", enumGetBox(EditorType_$type, b), enumGetBox(EditorType_$type, this.cm));
478
478
  }
479
479
  }
480
480
  get c1() {
@@ -487,14 +487,14 @@ export let FilterCell = /*@__PURE__*/ (() => {
487
487
  this.bp("IsEditorEnabled", b, this.c0);
488
488
  }
489
489
  }
490
- get cq() {
491
- return this.cp;
490
+ get cr() {
491
+ return this.cq;
492
492
  }
493
- set cq(a) {
494
- let b = this.cp;
495
- this.cp = a;
496
- if (this.cp != null) {
497
- this.bp("FilterOperands", b, this.cp);
493
+ set cr(a) {
494
+ let b = this.cq;
495
+ this.cq = a;
496
+ if (this.cq != null) {
497
+ this.bp("FilterOperands", b, this.cq);
498
498
  }
499
499
  }
500
500
  get cy() {
@@ -36,7 +36,7 @@ export let FilterCellPresenter = /*@__PURE__*/ (() => {
36
36
  this.d.ci = b.lm;
37
37
  }
38
38
  if (b.a3(FilterCellModel.l3)) {
39
- this.d.cq = b.ls;
39
+ this.d.cr = b.ls;
40
40
  }
41
41
  if (b.a3(FilterCellModel.l5)) {
42
42
  if (b.lu) {
@@ -267,7 +267,7 @@ export let GridColumnFilterOptions = /*@__PURE__*/ (() => {
267
267
  this.bw.am(b);
268
268
  }
269
269
  cj() {
270
- if (0 == this.bx.g.count) {
270
+ if (0 == this.bx.h.count) {
271
271
  this.cl();
272
272
  return;
273
273
  }
@@ -282,7 +282,7 @@ export let GridColumnFilterOptions = /*@__PURE__*/ (() => {
282
282
  a = 0;
283
283
  }
284
284
  let c = new List$1(ColumnComparisonFilterCondition.$, 0);
285
- let d = this.bx.g;
285
+ let d = this.bx.h;
286
286
  for (let e = 0; e < d.count; e++) {
287
287
  let f = d._inner[e];
288
288
  let g = f.value[0];
@@ -379,8 +379,8 @@ export let GridColumnFilterOptions = /*@__PURE__*/ (() => {
379
379
  }
380
380
  }
381
381
  this.bx.itemsSource = e;
382
- this.bx.be = c;
383
- this.bx.b = [c];
382
+ this.bx.dataMemberPath = c;
383
+ this.bx.primaryKey = [c];
384
384
  e.shouldEmitSectionHeaders = true;
385
385
  e.isSectionHeaderNormalRow = true;
386
386
  e.isSectionExpandedDefault = false;
@@ -435,7 +435,7 @@ export let GridColumnFilterOptions = /*@__PURE__*/ (() => {
435
435
  this.bx.c2();
436
436
  break;
437
437
  }
438
- let h = this.bx.g;
438
+ let h = this.bx.h;
439
439
  for (let i of fromEnum(e)) {
440
440
  h.add(new PrimaryKeyValue([b], [i.value]));
441
441
  }
@@ -473,9 +473,9 @@ export let GridColumnFilterOptions = /*@__PURE__*/ (() => {
473
473
  }
474
474
  cw() {
475
475
  if (null != this.bx) {
476
- this.bx.ac = this.b0;
476
+ this.bx.density = this.b0;
477
477
  this.bx.bi = this.cc;
478
- this.bx.dn = this.bo;
478
+ this.bx.backgroundColor = this.bo;
479
479
  this.bx.d5 = this.br;
480
480
  this.bx.aa = this.i;
481
481
  this.bx.updateHrMargin(new Thickness(1, -7, 3, -7, 3));
@@ -321,18 +321,18 @@ export let SummaryChooser = /*@__PURE__*/ (() => {
321
321
  }
322
322
  a6() {
323
323
  if (this.e != null) {
324
- this.e.ac = this.m;
324
+ this.e.density = this.m;
325
325
  this.e.d5 = this.ba;
326
326
  this.e.aa = this.i;
327
- this.e.dn = this.a9;
328
- this.e.au = false;
327
+ this.e.backgroundColor = this.a9;
328
+ this.e.showSelectAll = false;
329
329
  this.e.as = false;
330
330
  this.e.ap = false;
331
331
  this.e.updateHrMargin(new Thickness(1, -7, 3, -7, 3));
332
332
  this.e.itemsSource = this.q;
333
- this.e.be = "label";
334
- this.e.b3 = "isSelected";
335
- this.e.b = ["label"];
333
+ this.e.dataMemberPath = "label";
334
+ this.e.selectedMemberPath = "isSelected";
335
+ this.e.primaryKey = ["label"];
336
336
  }
337
337
  }
338
338
  a0(a, b, c) {
@@ -27,7 +27,7 @@ export let TemplateHeader = /*@__PURE__*/ (() => {
27
27
  cz(a, b, c, d) {
28
28
  super.cz(a, b, c, d);
29
29
  let e = a;
30
- let f = b.cm(a.l);
30
+ let f = b.ce(a.l);
31
31
  e.ll = f.im;
32
32
  e.n = f.ff;
33
33
  e.lo = f.gt;
@@ -222,7 +222,7 @@ export let IgcCheckboxListComponent = /*@__PURE__*/ (() => {
222
222
  get keys() {
223
223
  if (this._keys === null) {
224
224
  let coll = new IgcGridSelectedKeysCollection();
225
- let innerColl = this.i.g;
225
+ let innerColl = this.i.h;
226
226
  if (!innerColl) {
227
227
  innerColl = new GridSelectedKeysCollection_internal();
228
228
  }
@@ -238,7 +238,7 @@ export let IgcCheckboxListComponent = /*@__PURE__*/ (() => {
238
238
  let coll = new IgcGridSelectedKeysCollection();
239
239
  this._keys = coll._fromOuter(v);
240
240
  let syncColl = new SyncableObservableCollection$1(PrimaryKeyValue.$type);
241
- let innerColl = this.i.g;
241
+ let innerColl = this.i.h;
242
242
  if (!innerColl) {
243
243
  innerColl = new GridSelectedKeysCollection_internal();
244
244
  }
@@ -250,32 +250,32 @@ export let IgcCheckboxListComponent = /*@__PURE__*/ (() => {
250
250
  * Gets or sets the primary key to use for the CheckboxList.
251
251
  */
252
252
  get primaryKey() {
253
- return this.i.b;
253
+ return this.i.primaryKey;
254
254
  }
255
255
  set primaryKey(v) {
256
256
  if (v && !Array.isArray(v) && typeof (v) == "string") {
257
257
  const re = /\s*(?:,|\s|$)\s*/gm;
258
258
  v = v.split(re);
259
259
  }
260
- this.i.b = v;
260
+ this.i.primaryKey = v;
261
261
  }
262
262
  /**
263
263
  * Gets or Sets the property name that contains the values.
264
264
  */
265
265
  get dataMemberPath() {
266
- return this.i.be;
266
+ return this.i.dataMemberPath;
267
267
  }
268
268
  set dataMemberPath(v) {
269
- this.i.be = v;
269
+ this.i.dataMemberPath = v;
270
270
  }
271
271
  /**
272
272
  * Gets or Sets the property name that contains the values.
273
273
  */
274
274
  get selectedMemberPath() {
275
- return this.i.b3;
275
+ return this.i.selectedMemberPath;
276
276
  }
277
277
  set selectedMemberPath(v) {
278
- this.i.b3 = v;
278
+ this.i.selectedMemberPath = v;
279
279
  }
280
280
  /**
281
281
  * Gets or Sets the property name that contains the values.
@@ -348,21 +348,21 @@ export let IgcCheckboxListComponent = /*@__PURE__*/ (() => {
348
348
  * Gets or Sets the property name that contains the values.
349
349
  */
350
350
  get density() {
351
- return this.i.ac;
351
+ return this.i.density;
352
352
  }
353
353
  set density(v) {
354
- this.i.ac = ensureEnum(ControlDisplayDensity_$type, v);
355
- this._a("density", enumToString(ControlDisplayDensity_$type, this.i.ac));
354
+ this.i.density = ensureEnum(ControlDisplayDensity_$type, v);
355
+ this._a("density", enumToString(ControlDisplayDensity_$type, this.i.density));
356
356
  }
357
357
  /**
358
358
  * Gets or sets the search icon color.
359
359
  */
360
360
  get searchIconColor() {
361
- return brushToString(this.i.d1);
361
+ return brushToString(this.i.searchIconColor);
362
362
  }
363
363
  set searchIconColor(v) {
364
- this.i.d1 = stringToBrush(v);
365
- this._a("searchIconColor", brushToString(this.i.d1));
364
+ this.i.searchIconColor = stringToBrush(v);
365
+ this._a("searchIconColor", brushToString(this.i.searchIconColor));
366
366
  }
367
367
  /**
368
368
  * Gets or sets the search background color.
@@ -378,11 +378,11 @@ export let IgcCheckboxListComponent = /*@__PURE__*/ (() => {
378
378
  * Gets or sets the search text color.
379
379
  */
380
380
  get searchTextColor() {
381
- return brushToString(this.i.d2);
381
+ return brushToString(this.i.searchTextColor);
382
382
  }
383
383
  set searchTextColor(v) {
384
- this.i.d2 = stringToBrush(v);
385
- this._a("searchTextColor", brushToString(this.i.d2));
384
+ this.i.searchTextColor = stringToBrush(v);
385
+ this._a("searchTextColor", brushToString(this.i.searchTextColor));
386
386
  }
387
387
  /**
388
388
  * Gets or sets the search border color.
@@ -512,31 +512,31 @@ export let IgcCheckboxListComponent = /*@__PURE__*/ (() => {
512
512
  * Gets / sets whether the "Select all" checkbox is visible.
513
513
  */
514
514
  get showSelectAll() {
515
- return this.i.au;
515
+ return this.i.showSelectAll;
516
516
  }
517
517
  set showSelectAll(v) {
518
- this.i.au = ensureBool(v);
519
- this._a("showSelectAll", this.i.au);
518
+ this.i.showSelectAll = ensureBool(v);
519
+ this._a("showSelectAll", this.i.showSelectAll);
520
520
  }
521
521
  /**
522
522
  * Gets or sets the color to use for the background of the component.
523
523
  */
524
524
  get backgroundColor() {
525
- return brushToString(this.i.dn);
525
+ return brushToString(this.i.backgroundColor);
526
526
  }
527
527
  set backgroundColor(v) {
528
- this.i.dn = stringToBrush(v);
529
- this._a("backgroundColor", brushToString(this.i.dn));
528
+ this.i.backgroundColor = stringToBrush(v);
529
+ this._a("backgroundColor", brushToString(this.i.backgroundColor));
530
530
  }
531
531
  /**
532
532
  * Gets or sets the color to use when hovering over a grid row.
533
533
  */
534
534
  get rowHoverBackgroundColor() {
535
- return brushToString(this.i.dx);
535
+ return brushToString(this.i.rowHoverBackgroundColor);
536
536
  }
537
537
  set rowHoverBackgroundColor(v) {
538
- this.i.dx = stringToBrush(v);
539
- this._a("rowHoverBackgroundColor", brushToString(this.i.dx));
538
+ this.i.rowHoverBackgroundColor = stringToBrush(v);
539
+ this._a("rowHoverBackgroundColor", brushToString(this.i.rowHoverBackgroundColor));
540
540
  }
541
541
  /**
542
542
  * Gets or sets the color to use for the text of the component.
@@ -174,7 +174,7 @@ export let IgcColumnChooserComponent = /*@__PURE__*/ (() => {
174
174
  * Gets or Sets the property name that contains the values.
175
175
  */
176
176
  get targetGrid() {
177
- const r = this.i.b;
177
+ const r = this.i.c;
178
178
  if (r == null) {
179
179
  return null;
180
180
  }
@@ -183,7 +183,7 @@ export let IgcColumnChooserComponent = /*@__PURE__*/ (() => {
183
183
  set targetGrid(v) {
184
184
  if (v != null && this._stylingContainer && v._styling)
185
185
  v._styling(this._stylingContainer, this, this);
186
- v == null ? this.i.b = null : this.i.b = v.i;
186
+ v == null ? this.i.c = null : this.i.c = v.i;
187
187
  }
188
188
  /**
189
189
  * Gets or Sets the property name that contains the values.
@@ -174,7 +174,7 @@ export let IgcColumnPinningComponent = /*@__PURE__*/ (() => {
174
174
  * Gets or Sets the property name that contains the values.
175
175
  */
176
176
  get targetGrid() {
177
- const r = this.i.b;
177
+ const r = this.i.c;
178
178
  if (r == null) {
179
179
  return null;
180
180
  }
@@ -183,7 +183,7 @@ export let IgcColumnPinningComponent = /*@__PURE__*/ (() => {
183
183
  set targetGrid(v) {
184
184
  if (v != null && this._stylingContainer && v._styling)
185
185
  v._styling(this._stylingContainer, this, this);
186
- v == null ? this.i.b = null : this.i.b = v.i;
186
+ v == null ? this.i.c = null : this.i.c = v.i;
187
187
  }
188
188
  /**
189
189
  * Gets or Sets the property name that contains the values.