igniteui-webcomponents-grids 5.3.0 → 5.4.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 (97) hide show
  1. package/bundles/igniteui-webcomponents-grids.umd.js +2341 -1701
  2. package/bundles/igniteui-webcomponents-grids.umd.min.js +1 -1
  3. package/custom-elements.json +1423 -0
  4. package/esm2015/lib/CanvasTemplateCellPresenter.js +1 -1
  5. package/esm2015/lib/CheckboxListBridge.js +97 -49
  6. package/esm2015/lib/CheckboxListView_combined.js +989 -602
  7. package/esm2015/lib/ColumnChooserView_combined.js +9 -9
  8. package/esm2015/lib/ColumnFilterCondition_combined.js +803 -789
  9. package/esm2015/lib/ColumnGroupingView_combined.js +1 -1
  10. package/esm2015/lib/ColumnPinningView_combined.js +3 -3
  11. package/esm2015/lib/DataGridToolbarView_combined.js +1 -1
  12. package/esm2015/lib/GridCellBase.js +14 -4
  13. package/esm2015/lib/GridColumnFilterOptionsView_combined.js +8 -8
  14. package/esm2015/lib/GridColumnGroupOptionsView_combined.js +3 -3
  15. package/esm2015/lib/GridColumnHideOptionsView_combined.js +3 -3
  16. package/esm2015/lib/GridColumnMoveOptionsView_combined.js +1 -1
  17. package/esm2015/lib/GridColumnPinOptionsView_combined.js +1 -1
  18. package/esm2015/lib/GridColumnSummaryOptionsView_combined.js +2 -2
  19. package/esm2015/lib/GridEffectMainIntent.js +1 -1
  20. package/esm2015/lib/GridFilterDialogView_combined.js +2 -0
  21. package/esm2015/lib/ISummaryChooserView_combined.js +9 -9
  22. package/esm2015/lib/MultiColumnComboBoxView_combined.js +3 -3
  23. package/esm2015/lib/TemplateCellPresenter.js +1 -1
  24. package/esm2015/lib/TemplateHeader.js +1 -1
  25. package/esm2015/lib/igc-checkbox-list-component.js +150 -71
  26. package/esm2015/lib/igc-combo-box-column-component.js +10 -10
  27. package/esm2015/lib/igc-data-grid-column-component.js +77 -77
  28. package/esm2015/lib/igc-data-grid-filter-dialog-component.js +3 -0
  29. package/esm2015/lib/igc-date-time-column-component.js +23 -23
  30. package/esm2015/lib/igc-image-column-component.js +12 -12
  31. package/esm2015/lib/igc-numeric-column-component.js +35 -35
  32. package/esm2015/lib/igc-text-column-component.js +9 -9
  33. package/esm5/lib/CanvasTemplateCellPresenter.js +1 -1
  34. package/esm5/lib/CheckboxListBridge.js +97 -49
  35. package/esm5/lib/CheckboxListView_combined.js +1009 -580
  36. package/esm5/lib/ColumnChooserView_combined.js +9 -9
  37. package/esm5/lib/ColumnFilterCondition_combined.js +836 -786
  38. package/esm5/lib/ColumnGroupingView_combined.js +1 -1
  39. package/esm5/lib/ColumnPinningView_combined.js +3 -3
  40. package/esm5/lib/DataGridToolbarView_combined.js +1 -1
  41. package/esm5/lib/GridCellBase.js +14 -4
  42. package/esm5/lib/GridColumnFilterOptionsView_combined.js +8 -8
  43. package/esm5/lib/GridColumnGroupOptionsView_combined.js +3 -3
  44. package/esm5/lib/GridColumnHideOptionsView_combined.js +3 -3
  45. package/esm5/lib/GridColumnMoveOptionsView_combined.js +1 -1
  46. package/esm5/lib/GridColumnPinOptionsView_combined.js +1 -1
  47. package/esm5/lib/GridColumnSummaryOptionsView_combined.js +2 -2
  48. package/esm5/lib/GridEffectMainIntent.js +1 -1
  49. package/esm5/lib/GridFilterDialogView_combined.js +2 -0
  50. package/esm5/lib/ISummaryChooserView_combined.js +9 -9
  51. package/esm5/lib/MultiColumnComboBoxView_combined.js +3 -3
  52. package/esm5/lib/TemplateCellPresenter.js +1 -1
  53. package/esm5/lib/TemplateHeader.js +1 -1
  54. package/esm5/lib/igc-checkbox-list-component.js +179 -71
  55. package/esm5/lib/igc-combo-box-column-component.js +10 -10
  56. package/esm5/lib/igc-data-grid-column-component.js +77 -77
  57. package/esm5/lib/igc-data-grid-filter-dialog-component.js +3 -0
  58. package/esm5/lib/igc-date-time-column-component.js +23 -23
  59. package/esm5/lib/igc-image-column-component.js +12 -12
  60. package/esm5/lib/igc-numeric-column-component.js +35 -35
  61. package/esm5/lib/igc-text-column-component.js +9 -9
  62. package/fesm2015/igniteui-webcomponents-grids.js +2259 -1726
  63. package/fesm5/igniteui-webcomponents-grids.js +2343 -1703
  64. package/grids/combined.js +25338 -23125
  65. package/grids/index.d.ts +1 -204
  66. package/grids/lib/igc-column-component.d.ts +1 -1
  67. package/grids/lib/igc-expression-tree.d.ts +7 -0
  68. package/grids/lib/igc-filtering-expression.d.ts +9 -4
  69. package/grids/lib/igc-filtering-expressions-tree.d.ts +9 -1
  70. package/grids/lib/igc-filtering-operand.d.ts +1 -1
  71. package/grids/lib/igc-filtering-operation.d.ts +4 -2
  72. package/grids/lib/igc-grid-base-directive.d.ts +1 -1
  73. package/grids/lib/igc-grid-created-event-args.d.ts +3 -0
  74. package/grids/lib/igc-hierarchical-grid-base-directive.d.ts +1 -1
  75. package/grids/lib/igc-pivot-dimension.d.ts +1 -1
  76. package/grids/lib/igc-pivot-value.d.ts +1 -1
  77. package/grids/lib/igc-row-island-component.d.ts +1 -1
  78. package/grids/lib/index.d.ts +204 -0
  79. package/grids/styles.css +1 -1
  80. package/grids/themes/dark/bootstrap.css +1 -1
  81. package/grids/themes/dark/fluent.css +1 -1
  82. package/grids/themes/dark/indigo.css +1 -1
  83. package/grids/themes/dark/material.css +1 -1
  84. package/grids/themes/light/bootstrap.css +1 -1
  85. package/grids/themes/light/fluent.css +1 -1
  86. package/grids/themes/light/indigo.css +1 -1
  87. package/grids/themes/light/material.css +1 -1
  88. package/lib/CheckboxListBridge.d.ts +12 -9
  89. package/lib/CheckboxListExternal.d.ts +12 -0
  90. package/lib/CheckboxListViewExternal.d.ts +1 -0
  91. package/lib/CheckboxListView_combined.d.ts +184 -151
  92. package/lib/ColumnFilterCondition_combined.d.ts +178 -176
  93. package/lib/GridEffectMainIntent.d.ts +4 -3
  94. package/lib/GridFilterDialogView_combined.d.ts +1 -0
  95. package/lib/igc-checkbox-list-component.d.ts +29 -0
  96. package/lib/igc-data-grid-filter-dialog-component.d.ts +1 -0
  97. package/package.json +4 -4
@@ -1020,7 +1020,7 @@ var ColumnGrouping = /** @class */ /*@__PURE__*/ (function (_super) {
1020
1020
  }
1021
1021
  var j = this.b.j;
1022
1022
  for (var k = 0; k < j.count; k++) {
1023
- var l = this.q._inner[k].ay();
1023
+ var l = this.q._inner[k].a0();
1024
1024
  var m = this.b.b(j._inner[k]);
1025
1025
  l.i = m[0] - d;
1026
1026
  l.g = m[1] - e;
@@ -298,7 +298,7 @@ var ColumnPinning = /** @class */ /*@__PURE__*/ (function (_super) {
298
298
  break;
299
299
  case "FilterPlaceholderText":
300
300
  if (this.d != null) {
301
- this.d.bm = this.s;
301
+ this.d.b4 = this.s;
302
302
  }
303
303
  break;
304
304
  case "BaseTheme":
@@ -375,7 +375,7 @@ var ColumnPinning = /** @class */ /*@__PURE__*/ (function (_super) {
375
375
  }
376
376
  this.d.showSelectAll = false;
377
377
  if (this.s != null) {
378
- this.d.bm = this.s;
378
+ this.d.b4 = this.s;
379
379
  }
380
380
  this.d.itemsSource = b;
381
381
  var e = "";
@@ -401,7 +401,7 @@ var ColumnPinning = /** @class */ /*@__PURE__*/ (function (_super) {
401
401
  else {
402
402
  this.b.actualColumns._inner[e].il = 0;
403
403
  }
404
- this.b.actualColumns._inner[e].mz("Pinned");
404
+ this.b.actualColumns._inner[e].m0("Pinned");
405
405
  break;
406
406
  }
407
407
  }
@@ -811,7 +811,7 @@ var DataGridToolbar = /** @class */ /*@__PURE__*/ (function (_super) {
811
811
  this.s = 0;
812
812
  this.t = 0;
813
813
  for (var b = 0; b < a; b++) {
814
- if (this.e.actualColumns._inner[b].jp == true) {
814
+ if (this.e.actualColumns._inner[b].jo == true) {
815
815
  this.s++;
816
816
  }
817
817
  if (this.e.actualColumns._inner[b].il == 1) {
@@ -655,10 +655,20 @@ var GridCellBase = /** @class */ /*@__PURE__*/ (function (_super) {
655
655
  this.o = false;
656
656
  };
657
657
  GridCellBase.prototype.bp = function (a, b) {
658
- if (this.a != null && this.a.isLeaveActionDesired) {
659
- var c = a.pageX;
660
- var d = a.pageY;
661
- this.a.mouseLeaveCell(c, d);
658
+ if (this.a != null) {
659
+ if (this.aa(this.a)) {
660
+ if (this.a.isMouseDown) {
661
+ if (!b && PointUtil.notEquals(this.a.mousePosition, null)) {
662
+ this.a.isControlPressed = a.ctrlKey;
663
+ this.a.dragStarted();
664
+ }
665
+ }
666
+ }
667
+ if (this.a.isLeaveActionDesired) {
668
+ var c = a.pageX;
669
+ var d = a.pageY;
670
+ this.a.mouseLeaveCell(c, d);
671
+ }
662
672
  }
663
673
  };
664
674
  GridCellBase.prototype.bo = function (a, b) {
@@ -160,7 +160,7 @@ var GridColumnFilterOptions = /** @class */ /*@__PURE__*/ (function (_super) {
160
160
  if (this.c != null && this.c.filterUIType != 0) {
161
161
  return false;
162
162
  }
163
- if (!this.column.jn) {
163
+ if (!this.column.jm) {
164
164
  return false;
165
165
  }
166
166
  if (this.c == null || this.c.actualDataSource == null || !this.c.actualDataSource.isGroupingSupported || !this.c.actualDataSource.isFilteringSupported) {
@@ -294,7 +294,7 @@ var GridColumnFilterOptions = /** @class */ /*@__PURE__*/ (function (_super) {
294
294
  configurable: true
295
295
  });
296
296
  GridColumnFilterOptions.prototype.cu = function () {
297
- var a = this.bx.ap();
297
+ var a = this.bx.ax();
298
298
  this.bw.al(!a);
299
299
  var b = this.b3();
300
300
  this.bw.am(b);
@@ -350,7 +350,7 @@ var GridColumnFilterOptions = /** @class */ /*@__PURE__*/ (function (_super) {
350
350
  }
351
351
  this.column.g1 = i;
352
352
  }
353
- this.column.mz("Filtered");
353
+ this.column.m0("Filtered");
354
354
  };
355
355
  GridColumnFilterOptions.prototype.provideClearFiltersSection = function (a) {
356
356
  this.bw.ah(a);
@@ -475,15 +475,15 @@ var GridColumnFilterOptions = /** @class */ /*@__PURE__*/ (function (_super) {
475
475
  }
476
476
  }
477
477
  if (e.count == 0 || !c) {
478
- this.bx.dd();
478
+ this.bx.d3();
479
479
  return;
480
480
  }
481
481
  switch (d.value) {
482
482
  case 0:
483
- this.bx.ci();
483
+ this.bx.c5();
484
484
  break;
485
485
  case 1:
486
- this.bx.dd();
486
+ this.bx.d3();
487
487
  break;
488
488
  }
489
489
  var h = this.bx.keys;
@@ -541,9 +541,9 @@ var GridColumnFilterOptions = /** @class */ /*@__PURE__*/ (function (_super) {
541
541
  GridColumnFilterOptions.prototype.cw = function () {
542
542
  if (null != this.bx) {
543
543
  this.bx.density = this.b0;
544
- this.bx.bm = this.cc;
544
+ this.bx.b4 = this.cc;
545
545
  this.bx.backgroundColor = this.bo;
546
- this.bx.eg = this.br;
546
+ this.bx.e7 = this.br;
547
547
  this.bx.baseTheme = this.i;
548
548
  this.bx.updateHrMargin(new Thickness(1, -7, 3, -7, 3));
549
549
  }
@@ -129,7 +129,7 @@ var GridColumnGroupOptions = /** @class */ /*@__PURE__*/ (function (_super) {
129
129
  if (null == this.c) {
130
130
  return false;
131
131
  }
132
- return this.column.jc;
132
+ return this.column.jb;
133
133
  };
134
134
  GridColumnGroupOptions.prototype.bj = function (a, b) {
135
135
  if (null != a) {
@@ -209,7 +209,7 @@ var GridColumnGroupOptions = /** @class */ /*@__PURE__*/ (function (_super) {
209
209
  c.c = e;
210
210
  a.groupDescriptions.g(c);
211
211
  b.hr = 0;
212
- b.mz("Grouped");
212
+ b.m0("Grouped");
213
213
  }
214
214
  };
215
215
  GridColumnGroupOptions.prototype.b8 = function () {
@@ -221,7 +221,7 @@ var GridColumnGroupOptions = /** @class */ /*@__PURE__*/ (function (_super) {
221
221
  var d = ((function () { var e = _this.b3(c_1); c_1 = e.p0; return e.ret; })());
222
222
  if (c_1 != -1) {
223
223
  a.groupDescriptions.d(c_1);
224
- b.mz("Grouped");
224
+ b.m0("Grouped");
225
225
  }
226
226
  }
227
227
  };
@@ -144,15 +144,15 @@ var GridColumnHideOptions = /** @class */ /*@__PURE__*/ (function (_super) {
144
144
  get: function () {
145
145
  var a = this.column;
146
146
  if (null != a) {
147
- return a.jp;
147
+ return a.jo;
148
148
  }
149
149
  return false;
150
150
  },
151
151
  set: function (a) {
152
152
  var b = this.column;
153
153
  if (null != b) {
154
- b.jp = a;
155
- b.mz("Hidden");
154
+ b.jo = a;
155
+ b.m0("Hidden");
156
156
  }
157
157
  },
158
158
  enumerable: false,
@@ -290,7 +290,7 @@ var GridColumnMoveOptions = /** @class */ /*@__PURE__*/ (function (_super) {
290
290
  }
291
291
  var d = c.actualColumns;
292
292
  var e = d.indexOf(b);
293
- b.mz("Moved");
293
+ b.m0("Moved");
294
294
  if (a) {
295
295
  c.moveColumnLeft(e);
296
296
  }
@@ -261,7 +261,7 @@ var GridColumnPinOptions = /** @class */ /*@__PURE__*/ (function (_super) {
261
261
  var c = this.column;
262
262
  if (null != b && null != c) {
263
263
  b.pinColumn(c, this.b3);
264
- c.mz("Pinned");
264
+ c.m0("Pinned");
265
265
  }
266
266
  },
267
267
  enumerable: false,
@@ -137,7 +137,7 @@ var GridColumnSummaryOptions = /** @class */ /*@__PURE__*/ (function (_super) {
137
137
  if (this.c == null || this.column == null) {
138
138
  return false;
139
139
  }
140
- return this.column.jd && this.c.summaryScope != 3;
140
+ return this.column.jc && this.c.summaryScope != 3;
141
141
  };
142
142
  GridColumnSummaryOptions.prototype.be = function (a, b, c) {
143
143
  _super.prototype.be.call(this, a, b, c);
@@ -223,7 +223,7 @@ var GridColumnSummaryOptions = /** @class */ /*@__PURE__*/ (function (_super) {
223
223
  }
224
224
  if (!i) {
225
225
  this.c.summaryDescriptions.j.add(h);
226
- this.column.mz("Summed");
226
+ this.column.m0("Summed");
227
227
  }
228
228
  }
229
229
  }
@@ -8,4 +8,4 @@ import { markEnum } from "igniteui-webcomponents-core";
8
8
  /**
9
9
  * @hidden
10
10
  */
11
- export var GridEffectMainIntent_$type = /*@__PURE__*/ markEnum('GridEffectMainIntent', 'Default,0|Position,1|Opacity,2|Virtualization,3|Dimensions,4|Selection,5|DataChange,6|ColumnPropertyChange,7|Activation,8');
11
+ export var GridEffectMainIntent_$type = /*@__PURE__*/ markEnum('GridEffectMainIntent', 'Default,0|Position,1|Opacity,2|Virtualization,3|Dimensions,4|Selection,5|Hover,6|DataChange,7|ColumnPropertyChange,8|Activation,9');
@@ -894,6 +894,8 @@ var GridFilterDialog = /** @class */ /*@__PURE__*/ (function (_super) {
894
894
  };
895
895
  GridFilterDialog.prototype.provideContextAccessor = function (a) {
896
896
  };
897
+ GridFilterDialog.prototype.dismissContextAccessor = function (a) {
898
+ };
897
899
  GridFilterDialog.prototype.ad = function (e_) {
898
900
  var a = e_.originalEvent.srcElement;
899
901
  var b = e_.originalEvent.target;
@@ -90,8 +90,8 @@ var SummaryChooserView = /** @class */ /*@__PURE__*/ (function (_super) {
90
90
  this.e();
91
91
  };
92
92
  SummaryChooserView.prototype.e = function () {
93
- if (this.model.f.a1 > -1) {
94
- var a = this.model.r.count * this.model.f.a1;
93
+ if (this.model.f.bc > -1) {
94
+ var a = this.model.r.count * this.model.f.bc;
95
95
  a += 4;
96
96
  this.d.setStyleProperty("height", a + "px");
97
97
  }
@@ -395,12 +395,12 @@ var SummaryChooser = /** @class */ /*@__PURE__*/ (function (_super) {
395
395
  SummaryChooser.prototype.a6 = function () {
396
396
  if (this.e != null) {
397
397
  this.e.density = this.m;
398
- this.e.eg = this.ba;
398
+ this.e.e7 = this.ba;
399
399
  this.e.baseTheme = this.i;
400
400
  this.e.backgroundColor = this.a9;
401
401
  this.e.showSelectAll = false;
402
- this.e.au = false;
403
- this.e.ar = false;
402
+ this.e.a3 = false;
403
+ this.e.az = false;
404
404
  this.e.updateHrMargin(new Thickness(1, -7, 3, -7, 3));
405
405
  this.e.itemsSource = this.q;
406
406
  this.e.dataMemberPath = "label";
@@ -454,7 +454,7 @@ var SummaryChooser = /** @class */ /*@__PURE__*/ (function (_super) {
454
454
  if (d.iD == a) {
455
455
  d.isSelected = b;
456
456
  if (this.e != null) {
457
- this.e.cs(c, d, d);
457
+ this.e.dg(c, d, d);
458
458
  }
459
459
  break;
460
460
  }
@@ -466,7 +466,7 @@ var SummaryChooser = /** @class */ /*@__PURE__*/ (function (_super) {
466
466
  c.label = b;
467
467
  this.q.add(c);
468
468
  if (this.e != null) {
469
- this.e.cq(this.q.count - 1, c);
469
+ this.e.dd(this.q.count - 1, c);
470
470
  }
471
471
  this.c.onItemInserted();
472
472
  };
@@ -476,7 +476,7 @@ var SummaryChooser = /** @class */ /*@__PURE__*/ (function (_super) {
476
476
  if (c.iD == a) {
477
477
  this.q.removeAt(b);
478
478
  if (this.e != null) {
479
- this.e.cr(b, c);
479
+ this.e.df(b, c);
480
480
  }
481
481
  break;
482
482
  }
@@ -489,7 +489,7 @@ var SummaryChooser = /** @class */ /*@__PURE__*/ (function (_super) {
489
489
  if (d.iD == a) {
490
490
  d.label = b;
491
491
  if (this.e != null) {
492
- this.e.cs(c, d, d);
492
+ this.e.dg(c, d, d);
493
493
  }
494
494
  break;
495
495
  }
@@ -763,7 +763,7 @@ var MultiColumnComboBoxView = /** @class */ /*@__PURE__*/ (function (_super) {
763
763
  }
764
764
  if (null != this.l) {
765
765
  this.l.text = a.fb;
766
- this.l.di = a.hq;
766
+ this.l.dj = a.hq;
767
767
  this.l.y = a.av;
768
768
  }
769
769
  if (null != this.am) {
@@ -3115,8 +3115,8 @@ var MultiColumnComboBox = /** @class */ /*@__PURE__*/ (function (_super) {
3115
3115
  };
3116
3116
  MultiColumnComboBox.$t = markType(MultiColumnComboBox, 'MultiColumnComboBox', Base.$, [INotifyPropertyChanged_$type]);
3117
3117
  MultiColumnComboBox.ag = 1;
3118
- MultiColumnComboBox.hy = ThemeResolver.ah(MultiColumnComboBox.ag, XLabel.dd, XLabel.c6);
3119
- MultiColumnComboBox.h0 = ThemeResolver.ah(MultiColumnComboBox.ag, XLabel.dd, XLabel.c6);
3118
+ MultiColumnComboBox.hy = ThemeResolver.ah(MultiColumnComboBox.ag, XLabel.de, XLabel.c7);
3119
+ MultiColumnComboBox.h0 = ThemeResolver.ah(MultiColumnComboBox.ag, XLabel.de, XLabel.c7);
3120
3120
  MultiColumnComboBox.hz = BrushUtil.h(255, 255, 255, 255);
3121
3121
  MultiColumnComboBox.ay = null;
3122
3122
  MultiColumnComboBox.d3 = "ActualNoMatchesFoundLabelBackgroundColor";
@@ -35,7 +35,7 @@ var TemplateCellPresenter = /** @class */ /*@__PURE__*/ (function (_super) {
35
35
  var e = a.cj * (1 - d);
36
36
  this.e.cl.element.setRawStyleProperty("opacity", e.toString());
37
37
  }
38
- c.n3(a, this.e.cl);
38
+ c.n4(a, this.e.cl);
39
39
  };
40
40
  TemplateCellPresenter.$t = markType(TemplateCellPresenter, 'TemplateCellPresenter', CellPresenterBase.$);
41
41
  return TemplateCellPresenter;
@@ -32,7 +32,7 @@ var TemplateHeader = /** @class */ /*@__PURE__*/ (function (_super) {
32
32
  var f = b.cf(a.l);
33
33
  e.mh = f.k3;
34
34
  e.n = f.hr;
35
- e.mk = f.jb;
35
+ e.mk = f.ja;
36
36
  };
37
37
  TemplateHeader.prototype.hq = function (a, b) {
38
38
  if (this.cellUpdating != null) {