igniteui-angular-data-grids 20.0.2-beta.2 → 20.0.2-beta.3

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 (36) hide show
  1. package/bundles/igniteui-angular-data-grids.umd.js +3847 -3535
  2. package/bundles/igniteui-angular-data-grids.umd.min.js +1 -1
  3. package/esm2015/lib/CellPresenterBase.js +1 -1
  4. package/esm2015/lib/CheckboxListView_combined.js +75 -67
  5. package/esm2015/lib/ColumnFilterCondition_combined.js +3119 -3094
  6. package/esm2015/lib/ContentCellModelHelper.js +1 -1
  7. package/esm2015/lib/DataGridScrollerKeyboardListener.js +15 -15
  8. package/esm2015/lib/GridColumnFilterOptionsView_combined.js +1 -1
  9. package/esm2015/lib/GridConditionalStyleProperty.js +315 -197
  10. package/esm2015/lib/GridFilterDialogView_combined.js +1 -1
  11. package/esm2015/lib/MultiColumnComboBoxView_combined.js +3 -3
  12. package/esm2015/lib/TemplateHeader.js +1 -1
  13. package/esm2015/lib/TextIconSetConditionalStyle.js +14 -9
  14. package/esm2015/lib/igx-data-grid-component.js +28 -0
  15. package/esm2015/lib/igx-grid-conditional-style-property-component.js +109 -33
  16. package/esm5/lib/CellPresenterBase.js +1 -1
  17. package/esm5/lib/CheckboxListView_combined.js +75 -67
  18. package/esm5/lib/ColumnFilterCondition_combined.js +3096 -3071
  19. package/esm5/lib/ContentCellModelHelper.js +1 -1
  20. package/esm5/lib/DataGridScrollerKeyboardListener.js +15 -15
  21. package/esm5/lib/GridColumnFilterOptionsView_combined.js +1 -1
  22. package/esm5/lib/GridConditionalStyleProperty.js +332 -186
  23. package/esm5/lib/GridFilterDialogView_combined.js +1 -1
  24. package/esm5/lib/MultiColumnComboBoxView_combined.js +3 -3
  25. package/esm5/lib/TemplateHeader.js +1 -1
  26. package/esm5/lib/TextIconSetConditionalStyle.js +14 -9
  27. package/esm5/lib/igx-data-grid-component.js +28 -0
  28. package/esm5/lib/igx-grid-conditional-style-property-component.js +136 -32
  29. package/fesm2015/igniteui-angular-data-grids.js +3817 -3561
  30. package/fesm5/igniteui-angular-data-grids.js +3849 -3537
  31. package/lib/CheckboxListView_combined.d.ts +25 -24
  32. package/lib/ColumnFilterCondition_combined.d.ts +533 -525
  33. package/lib/GridConditionalStyleProperty.d.ts +84 -61
  34. package/lib/igx-data-grid-component.d.ts +8 -0
  35. package/lib/igx-grid-conditional-style-property-component.d.ts +21 -3
  36. package/package.json +4 -4
@@ -36,7 +36,7 @@ export let CellPresenterBase = /*@__PURE__*/ (() => {
36
36
  if (a.a5) {
37
37
  this.a.cu(a.m9, a.el, a.eq, a.eo, a.ej);
38
38
  if (a.bc(CellModel.eh)) {
39
- if (!a.bj && a.p.iy && a.bg && a.cn == 1) {
39
+ if (!a.bj && a.p.iz && a.bg && a.cn == 1) {
40
40
  this.a.b6();
41
41
  }
42
42
  }
@@ -71,31 +71,31 @@ export let CheckboxListView = /*@__PURE__*/ (() => {
71
71
  this.d = false;
72
72
  this.j = null;
73
73
  }
74
- q() {
74
+ r() {
75
75
  }
76
- p(a) {
76
+ q(a) {
77
77
  if (a == null) {
78
78
  this.i = null;
79
79
  this.e.clear();
80
80
  return;
81
81
  }
82
82
  this.i = a;
83
- this.aa();
84
- this.aj();
85
- this.am();
86
- this.x();
83
+ this.ab();
84
+ this.ak();
85
+ this.an();
86
+ this.y();
87
87
  let b = Math.round(a.rootWrapper.width());
88
88
  let c = Math.round(a.rootWrapper.height());
89
89
  this.i.rootWrapper.setStyleProperty("position", "relative");
90
90
  this.i.rootWrapper.setStyleProperty("padding-bottom", "4px");
91
- this.al();
91
+ this.am();
92
92
  }
93
- aa() {
93
+ ab() {
94
94
  if (this.i != null) {
95
- this.ab(this.i);
95
+ this.ac(this.i);
96
96
  }
97
97
  }
98
- ab(a) {
98
+ ac(a) {
99
99
  let b = a.rootWrapper.getChildAt(0);
100
100
  this.k = b;
101
101
  this.b.w = new XInputGroup();
@@ -134,7 +134,7 @@ export let CheckboxListView = /*@__PURE__*/ (() => {
134
134
  this.b.w.inputs.add(this.b.u);
135
135
  this.b.dt();
136
136
  }
137
- x() {
137
+ y() {
138
138
  if (this.i != null) {
139
139
  let a = this.i.rootWrapper.getChildAt(3);
140
140
  a.setStyleProperty("width", "100%");
@@ -148,7 +148,7 @@ export let CheckboxListView = /*@__PURE__*/ (() => {
148
148
  }
149
149
  }
150
150
  }
151
- r(a, b, c) {
151
+ s(a, b, c) {
152
152
  let d = null;
153
153
  if (a.getChildCount() == 0) {
154
154
  d = new XCheckbox();
@@ -213,7 +213,7 @@ export let CheckboxListView = /*@__PURE__*/ (() => {
213
213
  d.dm = this.b.e2;
214
214
  }
215
215
  }
216
- s(a, b, c, d, e, f, g, h, i, j, k) {
216
+ t(a, b, c, d, e, f, g, h, i, j, k) {
217
217
  let l = null;
218
218
  let m = null;
219
219
  let n = null;
@@ -368,7 +368,7 @@ export let CheckboxListView = /*@__PURE__*/ (() => {
368
368
  }
369
369
  }
370
370
  }
371
- ae() {
371
+ af() {
372
372
  if (this.e != null) {
373
373
  for (let a of fromEnum(this.e)) {
374
374
  let b = a.value;
@@ -379,7 +379,7 @@ export let CheckboxListView = /*@__PURE__*/ (() => {
379
379
  this.a.n = this.b.baseTheme;
380
380
  }
381
381
  }
382
- ac() {
382
+ ad() {
383
383
  }
384
384
  n(a, b) {
385
385
  let c = a;
@@ -402,11 +402,11 @@ export let CheckboxListView = /*@__PURE__*/ (() => {
402
402
  }
403
403
  }
404
404
  this.b.dp(d, e);
405
- this.al(false);
405
+ this.am(false);
406
406
  }
407
- o() {
407
+ p() {
408
408
  }
409
- y(a, b) {
409
+ z(a, b) {
410
410
  for (let c of fromEnum(this.e)) {
411
411
  let d = c.value;
412
412
  let e = parseInt(d.a4.toString());
@@ -415,21 +415,21 @@ export let CheckboxListView = /*@__PURE__*/ (() => {
415
415
  this.b.dp(e, b);
416
416
  }
417
417
  }
418
- this.al();
418
+ this.am();
419
419
  }
420
- z(a) {
420
+ aa(a) {
421
421
  for (let b of fromEnum(this.e)) {
422
422
  let c = b.value;
423
423
  c.checked = a;
424
424
  }
425
425
  }
426
- u(a) {
426
+ v(a) {
427
427
  this.m = a;
428
428
  if (null != this.m) {
429
429
  this.m.setStyleProperty("margin", "5px 0px 4px 0px");
430
430
  }
431
431
  }
432
- am() {
432
+ an() {
433
433
  let a = this.i;
434
434
  if (null == a || null == this.m) {
435
435
  return;
@@ -449,25 +449,25 @@ export let CheckboxListView = /*@__PURE__*/ (() => {
449
449
  this.m.setStyleProperty("align-items", "center");
450
450
  this.m.append(b);
451
451
  this.m.append(this.l);
452
- this.an();
453
- this.ak();
452
+ this.ao();
453
+ this.al();
454
454
  let e = this.a;
455
- e.change = delegateCombine(e.change, runOn(this, this.w));
455
+ e.change = delegateCombine(e.change, runOn(this, this.x));
456
456
  this.a.y = true;
457
457
  }
458
- ak() {
458
+ al() {
459
459
  if (null != this.l) {
460
460
  this.l.setRawText(this.b.cs);
461
461
  NativeUI.q(this.l, this.b.ew);
462
462
  }
463
463
  }
464
- an() {
464
+ ao() {
465
465
  if (null != this.l) {
466
466
  let a = this.b.showSelectAll ? "flex" : "none";
467
467
  this.m.setStyleProperty("display", a);
468
468
  }
469
469
  }
470
- aj() {
470
+ ak() {
471
471
  if (this.k != null) {
472
472
  this.k.setStyleProperty("display", this.b.a6 ? "block" : "none");
473
473
  }
@@ -475,7 +475,7 @@ export let CheckboxListView = /*@__PURE__*/ (() => {
475
475
  this.j.setStyleProperty("display", this.b.a6 ? "block" : "none");
476
476
  }
477
477
  }
478
- al(a = true) {
478
+ am(a = true) {
479
479
  if (this.a == null) {
480
480
  return;
481
481
  }
@@ -501,7 +501,7 @@ export let CheckboxListView = /*@__PURE__*/ (() => {
501
501
  this.d = b;
502
502
  }
503
503
  }
504
- w(a, b) {
504
+ x(a, b) {
505
505
  if (this.d || b.isIndeterminate) {
506
506
  return;
507
507
  }
@@ -514,7 +514,7 @@ export let CheckboxListView = /*@__PURE__*/ (() => {
514
514
  this.b.dy(b.isChecked);
515
515
  }
516
516
  }
517
- ai() {
517
+ aj() {
518
518
  let a = this.i;
519
519
  if (null == a) {
520
520
  return;
@@ -525,12 +525,12 @@ export let CheckboxListView = /*@__PURE__*/ (() => {
525
525
  NativeUI.m(b, this.b.backgroundColor);
526
526
  }
527
527
  }
528
- ag() {
528
+ ah() {
529
529
  if (this.c != null) {
530
530
  this.c.fill = this.b.searchIconColor;
531
531
  }
532
532
  }
533
- ah() {
533
+ ai() {
534
534
  if (this.b.am != null) {
535
535
  this.l.setStyleProperty("font", this.b.am.fontString);
536
536
  }
@@ -539,7 +539,7 @@ export let CheckboxListView = /*@__PURE__*/ (() => {
539
539
  this.l.setStyleProperty("font-size", 13 + "px");
540
540
  }
541
541
  }
542
- ad() {
542
+ ae() {
543
543
  if (this.a == null) {
544
544
  return;
545
545
  }
@@ -549,20 +549,26 @@ export let CheckboxListView = /*@__PURE__*/ (() => {
549
549
  this.a.de = this.b.ez;
550
550
  this.a.dm = this.b.e2;
551
551
  }
552
- af(a) {
552
+ ag(a) {
553
553
  if (this.j != null) {
554
554
  NativeUI.w(this.j, a);
555
555
  }
556
556
  }
557
- t(a) {
557
+ u(a) {
558
558
  this.j = a;
559
559
  }
560
- v() {
560
+ w() {
561
561
  for (let a of fromEnum(this.f)) {
562
562
  a.value.df = null;
563
563
  a.value.bf = null;
564
564
  }
565
565
  }
566
+ o() {
567
+ this.e.clear();
568
+ this.f.clear();
569
+ this.g.clear();
570
+ this.h.clear();
571
+ }
566
572
  }
567
573
  CheckboxListView.$t = markType(CheckboxListView, 'CheckboxListView');
568
574
  return CheckboxListView;
@@ -646,7 +652,7 @@ export let CheckboxList = /*@__PURE__*/ (() => {
646
652
  let b = new CheckboxListView();
647
653
  b.b = this;
648
654
  this.view = b;
649
- this.view.q();
655
+ this.view.r();
650
656
  }
651
657
  get view() {
652
658
  return this._view;
@@ -737,7 +743,7 @@ export let CheckboxList = /*@__PURE__*/ (() => {
737
743
  }
738
744
  break;
739
745
  case 4:
740
- this.view.z(this.indexType == 0);
746
+ this.view.aa(this.indexType == 0);
741
747
  for (let g = 0; g < this.keys.ae.count; g++) {
742
748
  this.du(this.keys.ae._inner[g]);
743
749
  }
@@ -747,7 +753,7 @@ export let CheckboxList = /*@__PURE__*/ (() => {
747
753
  du(a) {
748
754
  let b = this.e.indexOfKey(a.value);
749
755
  if (b >= 0) {
750
- this.view.y(b, this.indexType == 1);
756
+ this.view.z(b, this.indexType == 1);
751
757
  }
752
758
  if (this.selectedKeyAdded == null) {
753
759
  return;
@@ -763,7 +769,7 @@ export let CheckboxList = /*@__PURE__*/ (() => {
763
769
  dv(a) {
764
770
  let b = this.e.indexOfKey(a.value);
765
771
  if (b >= 0) {
766
- this.view.y(b, this.indexType == 0);
772
+ this.view.z(b, this.indexType == 0);
767
773
  }
768
774
  if (this.selectedKeyRemoved == null) {
769
775
  return;
@@ -795,7 +801,7 @@ export let CheckboxList = /*@__PURE__*/ (() => {
795
801
  }
796
802
  }
797
803
  notifySizeChanged() {
798
- this.view.o();
804
+ this.view.p();
799
805
  }
800
806
  onAttachedToUI() {
801
807
  this.at = false;
@@ -870,6 +876,7 @@ export let CheckboxList = /*@__PURE__*/ (() => {
870
876
  this.f.defaultColumnMinWidth = NaN;
871
877
  this.f.autoGenerateColumns = false;
872
878
  this.f.activationMode = 0;
879
+ this.f.selectionMode = 0;
873
880
  this.f.editMode = 0;
874
881
  let e = this.f;
875
882
  e.cellClicked = delegateCombine(e.cellClicked, runOn(this, this.dc));
@@ -883,17 +890,17 @@ export let CheckboxList = /*@__PURE__*/ (() => {
883
890
  this.ed();
884
891
  }
885
892
  }
886
- this.view.u(c);
893
+ this.view.v(c);
887
894
  if (this.ax) {
888
895
  this.ef();
889
896
  }
890
- this.view.p(a);
897
+ this.view.q(a);
891
898
  }
892
899
  dd(a, b) {
893
900
  this.f.scrollbarStyle = this.ab;
894
901
  }
895
902
  provideSelectAllSection(a) {
896
- this.view.u(a);
903
+ this.view.v(a);
897
904
  }
898
905
  dc(a, b) {
899
906
  if (!this.ax && b.cellInfo.l.a5 == 0 || this.ax && b.cellInfo.l.a5 == 1) {
@@ -952,7 +959,7 @@ export let CheckboxList = /*@__PURE__*/ (() => {
952
959
  d = true;
953
960
  }
954
961
  }
955
- this.view.r(b.content.element, c, d);
962
+ this.view.s(b.content.element, c, d);
956
963
  }
957
964
  ee(a, b) {
958
965
  let c = b.cellInfo.l.x;
@@ -982,7 +989,7 @@ export let CheckboxList = /*@__PURE__*/ (() => {
982
989
  }
983
990
  }
984
991
  }
985
- this.view.s(b.content.element, c, d, e, this.ak, "Verdana", 13, this.bi, f, g, h);
992
+ this.view.t(b.content.element, c, d, e, this.ak, "Verdana", 13, this.bi, f, g, h);
986
993
  }
987
994
  dr(a) {
988
995
  if (this.bm != null) {
@@ -1300,7 +1307,7 @@ export let CheckboxList = /*@__PURE__*/ (() => {
1300
1307
  if (this.keysCleared != null) {
1301
1308
  this.keysCleared(this, new CheckboxListKeysClearedEventArgs());
1302
1309
  }
1303
- this.view.al();
1310
+ this.view.am();
1304
1311
  this.ds(b, c);
1305
1312
  break;
1306
1313
  case "ItemsSource":
@@ -1325,7 +1332,7 @@ export let CheckboxList = /*@__PURE__*/ (() => {
1325
1332
  this.ar = true;
1326
1333
  this.dz();
1327
1334
  this.ar = false;
1328
- this.view.al();
1335
+ this.view.am();
1329
1336
  }
1330
1337
  break;
1331
1338
  case "DataMemberPath":
@@ -1349,15 +1356,15 @@ export let CheckboxList = /*@__PURE__*/ (() => {
1349
1356
  break;
1350
1357
  case "SelectAllCaption":
1351
1358
  case "ActualSelectAllCaptionTextColor":
1352
- this.view.ak();
1359
+ this.view.al();
1353
1360
  break;
1354
1361
  case "showSelectAll":
1355
- this.view.an();
1356
- this.view.x();
1362
+ this.view.ao();
1363
+ this.view.y();
1357
1364
  break;
1358
1365
  case "ShowFilter":
1359
- this.view.aj();
1360
- this.view.x();
1366
+ this.view.ak();
1367
+ this.view.y();
1361
1368
  break;
1362
1369
  case "FilterPlaceholderText":
1363
1370
  if (this.t != null) {
@@ -1378,7 +1385,7 @@ export let CheckboxList = /*@__PURE__*/ (() => {
1378
1385
  if (this.f != null) {
1379
1386
  this.f.cellTextStyle = this.am;
1380
1387
  }
1381
- this.view.ah();
1388
+ this.view.ai();
1382
1389
  break;
1383
1390
  case "BackgroundColor":
1384
1391
  case "TextColor":
@@ -1390,7 +1397,7 @@ export let CheckboxList = /*@__PURE__*/ (() => {
1390
1397
  f.cellSelectedBackground = this.backgroundColor;
1391
1398
  f.rowHoverBackground = this.rowHoverBackgroundColor;
1392
1399
  }
1393
- this.view.ai();
1400
+ this.view.aj();
1394
1401
  break;
1395
1402
  case "BaseTheme":
1396
1403
  this.ec();
@@ -1414,7 +1421,7 @@ export let CheckboxList = /*@__PURE__*/ (() => {
1414
1421
  }
1415
1422
  break;
1416
1423
  case "SearchIconColor":
1417
- this.view.ag();
1424
+ this.view.ah();
1418
1425
  break;
1419
1426
  case "SearchBackgroundColor":
1420
1427
  this.w.mc = this.e8;
@@ -1436,9 +1443,9 @@ export let CheckboxList = /*@__PURE__*/ (() => {
1436
1443
  case "CheckboxCheckedBorderColor":
1437
1444
  case "CheckboxUncheckedBorderColor":
1438
1445
  case "CheckboxCornerRadius":
1439
- this.view.ad();
1446
+ this.view.ae();
1440
1447
  if (this.f != null) {
1441
- this.f.xt();
1448
+ this.f.xx();
1442
1449
  }
1443
1450
  break;
1444
1451
  case "CheckboxAlignedRight":
@@ -1448,7 +1455,7 @@ export let CheckboxList = /*@__PURE__*/ (() => {
1448
1455
  break;
1449
1456
  case "DataLegendTarget":
1450
1457
  if (this.f != null) {
1451
- this.f.xt();
1458
+ this.f.xx();
1452
1459
  }
1453
1460
  break;
1454
1461
  }
@@ -1488,7 +1495,7 @@ export let CheckboxList = /*@__PURE__*/ (() => {
1488
1495
  if (this.v != null) {
1489
1496
  this.v.t = this.density;
1490
1497
  }
1491
- this.view.ac();
1498
+ this.view.ad();
1492
1499
  }
1493
1500
  ec() {
1494
1501
  if (this.v != null) {
@@ -1503,7 +1510,7 @@ export let CheckboxList = /*@__PURE__*/ (() => {
1503
1510
  this.f.cellSelectedBackground = this.backgroundColor;
1504
1511
  this.f.rowHoverBackground = this.rowHoverBackgroundColor;
1505
1512
  }
1506
- this.view.ae();
1513
+ this.view.af();
1507
1514
  }
1508
1515
  dx(a, b) {
1509
1516
  this.ar = true;
@@ -1513,7 +1520,7 @@ export let CheckboxList = /*@__PURE__*/ (() => {
1513
1520
  for (let c = 0; c < this.keys.count; c++) {
1514
1521
  this.du(this.keys._inner[c]);
1515
1522
  }
1516
- this.view.al();
1523
+ this.view.am();
1517
1524
  }
1518
1525
  this.ar = false;
1519
1526
  }
@@ -1558,7 +1565,8 @@ export let CheckboxList = /*@__PURE__*/ (() => {
1558
1565
  }
1559
1566
  }
1560
1567
  ed() {
1561
- this.f.actualColumns.clear();
1568
+ this.view.o();
1569
+ this.f.columns.clear();
1562
1570
  this.f.primaryKey = this.primaryKey;
1563
1571
  this.f.isGroupRowSticky = false;
1564
1572
  this.f.rowHeight = this.bh;
@@ -1635,10 +1643,10 @@ export let CheckboxList = /*@__PURE__*/ (() => {
1635
1643
  this.f.columns.add(f);
1636
1644
  }
1637
1645
  updateHrMargin(a) {
1638
- this.view.af(a);
1646
+ this.view.ag(a);
1639
1647
  }
1640
1648
  provideHrElement(a) {
1641
- this.view.t(a);
1649
+ this.view.u(a);
1642
1650
  }
1643
1651
  dt() {
1644
1652
  if (!this.ay) {
@@ -1732,7 +1740,7 @@ export let CheckboxList = /*@__PURE__*/ (() => {
1732
1740
  }
1733
1741
  if (this.f != null) {
1734
1742
  this.au = true;
1735
- this.view.v();
1743
+ this.view.w();
1736
1744
  this.f.refresh();
1737
1745
  this.au = false;
1738
1746
  }