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
@@ -938,7 +938,7 @@ export let ColumnGrouping = /*@__PURE__*/ (() => {
938
938
  }
939
939
  let j = this.b.j;
940
940
  for (let k = 0; k < j.count; k++) {
941
- let l = this.q._inner[k].ay();
941
+ let l = this.q._inner[k].a0();
942
942
  let m = this.b.b(j._inner[k]);
943
943
  l.i = m[0] - d;
944
944
  l.g = m[1] - e;
@@ -259,7 +259,7 @@ export let ColumnPinning = /*@__PURE__*/ (() => {
259
259
  break;
260
260
  case "FilterPlaceholderText":
261
261
  if (this.d != null) {
262
- this.d.bm = this.s;
262
+ this.d.b4 = this.s;
263
263
  }
264
264
  break;
265
265
  case "BaseTheme":
@@ -319,7 +319,7 @@ export let ColumnPinning = /*@__PURE__*/ (() => {
319
319
  }
320
320
  this.d.showSelectAll = false;
321
321
  if (this.s != null) {
322
- this.d.bm = this.s;
322
+ this.d.b4 = this.s;
323
323
  }
324
324
  this.d.itemsSource = b;
325
325
  let e = "";
@@ -345,7 +345,7 @@ export let ColumnPinning = /*@__PURE__*/ (() => {
345
345
  else {
346
346
  this.b.actualColumns._inner[e].il = 0;
347
347
  }
348
- this.b.actualColumns._inner[e].mz("Pinned");
348
+ this.b.actualColumns._inner[e].m0("Pinned");
349
349
  break;
350
350
  }
351
351
  }
@@ -748,7 +748,7 @@ export let DataGridToolbar = /*@__PURE__*/ (() => {
748
748
  this.s = 0;
749
749
  this.t = 0;
750
750
  for (let b = 0; b < a; b++) {
751
- if (this.e.actualColumns._inner[b].jp == true) {
751
+ if (this.e.actualColumns._inner[b].jo == true) {
752
752
  this.s++;
753
753
  }
754
754
  if (this.e.actualColumns._inner[b].il == 1) {
@@ -588,10 +588,20 @@ export let GridCellBase = /*@__PURE__*/ (() => {
588
588
  this.o = false;
589
589
  }
590
590
  bp(a, b) {
591
- if (this.a != null && this.a.isLeaveActionDesired) {
592
- let c = a.pageX;
593
- let d = a.pageY;
594
- this.a.mouseLeaveCell(c, d);
591
+ if (this.a != null) {
592
+ if (this.aa(this.a)) {
593
+ if (this.a.isMouseDown) {
594
+ if (!b && PointUtil.notEquals(this.a.mousePosition, null)) {
595
+ this.a.isControlPressed = a.ctrlKey;
596
+ this.a.dragStarted();
597
+ }
598
+ }
599
+ }
600
+ if (this.a.isLeaveActionDesired) {
601
+ let c = a.pageX;
602
+ let d = a.pageY;
603
+ this.a.mouseLeaveCell(c, d);
604
+ }
595
605
  }
596
606
  }
597
607
  bo(a, b) {
@@ -152,7 +152,7 @@ export let GridColumnFilterOptions = /*@__PURE__*/ (() => {
152
152
  if (this.c != null && this.c.filterUIType != 0) {
153
153
  return false;
154
154
  }
155
- if (!this.column.jn) {
155
+ if (!this.column.jm) {
156
156
  return false;
157
157
  }
158
158
  if (this.c == null || this.c.actualDataSource == null || !this.c.actualDataSource.isGroupingSupported || !this.c.actualDataSource.isFilteringSupported) {
@@ -262,7 +262,7 @@ export let GridColumnFilterOptions = /*@__PURE__*/ (() => {
262
262
  this.bc("TextFilterCaption", b, this.cf);
263
263
  }
264
264
  cu() {
265
- let a = this.bx.ap();
265
+ let a = this.bx.ax();
266
266
  this.bw.al(!a);
267
267
  let b = this.b3();
268
268
  this.bw.am(b);
@@ -301,7 +301,7 @@ export let GridColumnFilterOptions = /*@__PURE__*/ (() => {
301
301
  }
302
302
  this.column.g1 = i;
303
303
  }
304
- this.column.mz("Filtered");
304
+ this.column.m0("Filtered");
305
305
  }
306
306
  provideClearFiltersSection(a) {
307
307
  this.bw.ah(a);
@@ -425,15 +425,15 @@ export let GridColumnFilterOptions = /*@__PURE__*/ (() => {
425
425
  }
426
426
  }
427
427
  if (e.count == 0 || !c) {
428
- this.bx.dd();
428
+ this.bx.d3();
429
429
  return;
430
430
  }
431
431
  switch (d.value) {
432
432
  case 0:
433
- this.bx.ci();
433
+ this.bx.c5();
434
434
  break;
435
435
  case 1:
436
- this.bx.dd();
436
+ this.bx.d3();
437
437
  break;
438
438
  }
439
439
  let h = this.bx.keys;
@@ -475,9 +475,9 @@ export let GridColumnFilterOptions = /*@__PURE__*/ (() => {
475
475
  cw() {
476
476
  if (null != this.bx) {
477
477
  this.bx.density = this.b0;
478
- this.bx.bm = this.cc;
478
+ this.bx.b4 = this.cc;
479
479
  this.bx.backgroundColor = this.bo;
480
- this.bx.eg = this.br;
480
+ this.bx.e7 = this.br;
481
481
  this.bx.baseTheme = this.i;
482
482
  this.bx.updateHrMargin(new Thickness(1, -7, 3, -7, 3));
483
483
  }
@@ -118,7 +118,7 @@ export let GridColumnGroupOptions = /*@__PURE__*/ (() => {
118
118
  if (null == this.c) {
119
119
  return false;
120
120
  }
121
- return this.column.jc;
121
+ return this.column.jb;
122
122
  }
123
123
  bj(a, b) {
124
124
  if (null != a) {
@@ -190,7 +190,7 @@ export let GridColumnGroupOptions = /*@__PURE__*/ (() => {
190
190
  c.c = e;
191
191
  a.groupDescriptions.g(c);
192
192
  b.hr = 0;
193
- b.mz("Grouped");
193
+ b.m0("Grouped");
194
194
  }
195
195
  }
196
196
  b8() {
@@ -201,7 +201,7 @@ export let GridColumnGroupOptions = /*@__PURE__*/ (() => {
201
201
  let d = ((() => { let e = this.b3(c); c = e.p0; return e.ret; })());
202
202
  if (c != -1) {
203
203
  a.groupDescriptions.d(c);
204
- b.mz("Grouped");
204
+ b.m0("Grouped");
205
205
  }
206
206
  }
207
207
  }
@@ -132,15 +132,15 @@ export let GridColumnHideOptions = /*@__PURE__*/ (() => {
132
132
  get b3() {
133
133
  let a = this.column;
134
134
  if (null != a) {
135
- return a.jp;
135
+ return a.jo;
136
136
  }
137
137
  return false;
138
138
  }
139
139
  set b3(a) {
140
140
  let b = this.column;
141
141
  if (null != b) {
142
- b.jp = a;
143
- b.mz("Hidden");
142
+ b.jo = a;
143
+ b.m0("Hidden");
144
144
  }
145
145
  }
146
146
  get b2() {
@@ -265,7 +265,7 @@ export let GridColumnMoveOptions = /*@__PURE__*/ (() => {
265
265
  }
266
266
  let d = c.actualColumns;
267
267
  let e = d.indexOf(b);
268
- b.mz("Moved");
268
+ b.m0("Moved");
269
269
  if (a) {
270
270
  c.moveColumnLeft(e);
271
271
  }
@@ -248,7 +248,7 @@ export let GridColumnPinOptions = /*@__PURE__*/ (() => {
248
248
  let c = this.column;
249
249
  if (null != b && null != c) {
250
250
  b.pinColumn(c, this.b3);
251
- c.mz("Pinned");
251
+ c.m0("Pinned");
252
252
  }
253
253
  }
254
254
  get b2() {
@@ -129,7 +129,7 @@ export let GridColumnSummaryOptions = /*@__PURE__*/ (() => {
129
129
  if (this.c == null || this.column == null) {
130
130
  return false;
131
131
  }
132
- return this.column.jd && this.c.summaryScope != 3;
132
+ return this.column.jc && this.c.summaryScope != 3;
133
133
  }
134
134
  be(a, b, c) {
135
135
  super.be(a, b, c);
@@ -215,7 +215,7 @@ export let GridColumnSummaryOptions = /*@__PURE__*/ (() => {
215
215
  }
216
216
  if (!i) {
217
217
  this.c.summaryDescriptions.j.add(h);
218
- this.column.mz("Summed");
218
+ this.column.m0("Summed");
219
219
  }
220
220
  }
221
221
  }
@@ -8,4 +8,4 @@ import { markEnum } from "igniteui-webcomponents-core";
8
8
  /**
9
9
  * @hidden
10
10
  */
11
- export let 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 let 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');
@@ -829,6 +829,8 @@ export let GridFilterDialog = /*@__PURE__*/ (() => {
829
829
  }
830
830
  provideContextAccessor(a) {
831
831
  }
832
+ dismissContextAccessor(a) {
833
+ }
832
834
  ad(e_) {
833
835
  let a = e_.originalEvent.srcElement;
834
836
  let b = e_.originalEvent.target;
@@ -75,8 +75,8 @@ export let SummaryChooserView = /*@__PURE__*/ (() => {
75
75
  this.e();
76
76
  }
77
77
  e() {
78
- if (this.model.f.a1 > -1) {
79
- let a = this.model.r.count * this.model.f.a1;
78
+ if (this.model.f.bc > -1) {
79
+ let a = this.model.r.count * this.model.f.bc;
80
80
  a += 4;
81
81
  this.d.setStyleProperty("height", a + "px");
82
82
  }
@@ -322,12 +322,12 @@ export let SummaryChooser = /*@__PURE__*/ (() => {
322
322
  a6() {
323
323
  if (this.e != null) {
324
324
  this.e.density = this.m;
325
- this.e.eg = this.ba;
325
+ this.e.e7 = this.ba;
326
326
  this.e.baseTheme = this.i;
327
327
  this.e.backgroundColor = this.a9;
328
328
  this.e.showSelectAll = false;
329
- this.e.au = false;
330
- this.e.ar = false;
329
+ this.e.a3 = false;
330
+ this.e.az = false;
331
331
  this.e.updateHrMargin(new Thickness(1, -7, 3, -7, 3));
332
332
  this.e.itemsSource = this.q;
333
333
  this.e.dataMemberPath = "label";
@@ -381,7 +381,7 @@ export let SummaryChooser = /*@__PURE__*/ (() => {
381
381
  if (d.iD == a) {
382
382
  d.isSelected = b;
383
383
  if (this.e != null) {
384
- this.e.cs(c, d, d);
384
+ this.e.dg(c, d, d);
385
385
  }
386
386
  break;
387
387
  }
@@ -393,7 +393,7 @@ export let SummaryChooser = /*@__PURE__*/ (() => {
393
393
  c.label = b;
394
394
  this.q.add(c);
395
395
  if (this.e != null) {
396
- this.e.cq(this.q.count - 1, c);
396
+ this.e.dd(this.q.count - 1, c);
397
397
  }
398
398
  this.c.onItemInserted();
399
399
  }
@@ -403,7 +403,7 @@ export let SummaryChooser = /*@__PURE__*/ (() => {
403
403
  if (c.iD == a) {
404
404
  this.q.removeAt(b);
405
405
  if (this.e != null) {
406
- this.e.cr(b, c);
406
+ this.e.df(b, c);
407
407
  }
408
408
  break;
409
409
  }
@@ -416,7 +416,7 @@ export let SummaryChooser = /*@__PURE__*/ (() => {
416
416
  if (d.iD == a) {
417
417
  d.label = b;
418
418
  if (this.e != null) {
419
- this.e.cs(c, d, d);
419
+ this.e.dg(c, d, d);
420
420
  }
421
421
  break;
422
422
  }
@@ -731,7 +731,7 @@ export let MultiColumnComboBoxView = /*@__PURE__*/ (() => {
731
731
  }
732
732
  if (null != this.l) {
733
733
  this.l.text = a.fb;
734
- this.l.di = a.hq;
734
+ this.l.dj = a.hq;
735
735
  this.l.y = a.av;
736
736
  }
737
737
  if (null != this.am) {
@@ -2717,8 +2717,8 @@ export let MultiColumnComboBox = /*@__PURE__*/ (() => {
2717
2717
  }
2718
2718
  MultiColumnComboBox.$t = /*@__PURE__*/ markType(MultiColumnComboBox, 'MultiColumnComboBox', Base.$, [INotifyPropertyChanged_$type]);
2719
2719
  MultiColumnComboBox.ag = 1;
2720
- MultiColumnComboBox.hy = /*@__PURE__*/ ThemeResolver.ah(MultiColumnComboBox.ag, XLabel.dd, XLabel.c6);
2721
- MultiColumnComboBox.h0 = /*@__PURE__*/ ThemeResolver.ah(MultiColumnComboBox.ag, XLabel.dd, XLabel.c6);
2720
+ MultiColumnComboBox.hy = /*@__PURE__*/ ThemeResolver.ah(MultiColumnComboBox.ag, XLabel.de, XLabel.c7);
2721
+ MultiColumnComboBox.h0 = /*@__PURE__*/ ThemeResolver.ah(MultiColumnComboBox.ag, XLabel.de, XLabel.c7);
2722
2722
  MultiColumnComboBox.hz = /*@__PURE__*/ BrushUtil.h(255, 255, 255, 255);
2723
2723
  MultiColumnComboBox.ay = null;
2724
2724
  MultiColumnComboBox.d3 = "ActualNoMatchesFoundLabelBackgroundColor";
@@ -29,7 +29,7 @@ export let TemplateCellPresenter = /*@__PURE__*/ (() => {
29
29
  let e = a.cj * (1 - d);
30
30
  this.e.cl.element.setRawStyleProperty("opacity", e.toString());
31
31
  }
32
- c.n3(a, this.e.cl);
32
+ c.n4(a, this.e.cl);
33
33
  }
34
34
  }
35
35
  TemplateCellPresenter.$t = /*@__PURE__*/ markType(TemplateCellPresenter, 'TemplateCellPresenter', CellPresenterBase.$);
@@ -30,7 +30,7 @@ export let TemplateHeader = /*@__PURE__*/ (() => {
30
30
  let f = b.cf(a.l);
31
31
  e.mh = f.k3;
32
32
  e.n = f.hr;
33
- e.mk = f.jb;
33
+ e.mk = f.ja;
34
34
  }
35
35
  hq(a, b) {
36
36
  if (this.cellUpdating != null) {