igniteui-webcomponents-grids 5.0.0 → 5.0.2-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 (85) hide show
  1. package/bundles/igniteui-webcomponents-grids.umd.js +1393 -1404
  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/CheckboxListBridge.js +1 -4
  8. package/esm2015/lib/CheckboxListView_combined.js +188 -188
  9. package/esm2015/lib/ColumnChooserView_combined.js +42 -42
  10. package/esm2015/lib/ColumnFilterCondition_combined.js +659 -659
  11. package/esm2015/lib/ColumnGroupingView_combined.js +40 -40
  12. package/esm2015/lib/ColumnPinningView_combined.js +42 -42
  13. package/esm2015/lib/DataGridAccessibilityLayoutPanel.js +2 -2
  14. package/esm2015/lib/DataGridCellLayoutPanel.js +48 -48
  15. package/esm2015/lib/DataGridToolbarView_combined.js +87 -87
  16. package/esm2015/lib/EditorCell.js +86 -86
  17. package/esm2015/lib/EditorCellPresenter.js +1 -1
  18. package/esm2015/lib/FilterCell.js +90 -90
  19. package/esm2015/lib/FilterCellPresenter.js +1 -1
  20. package/esm2015/lib/GridColumnFilterOptionsView_combined.js +7 -7
  21. package/esm2015/lib/ISummaryChooserView_combined.js +6 -6
  22. package/esm2015/lib/TemplateHeader.js +1 -1
  23. package/esm2015/lib/igc-checkbox-list-component.js +31 -27
  24. package/esm2015/lib/igc-column-chooser-component.js +2 -2
  25. package/esm2015/lib/igc-column-pinning-component.js +2 -2
  26. package/esm2015/lib/igc-data-grid-toolbar-component.js +2 -2
  27. package/esm2015/public_api.js +20 -21
  28. package/esm5/lib/CanvasGridCellBase.js +52 -52
  29. package/esm5/lib/CanvasTemplateCellPresenter.js +7 -7
  30. package/esm5/lib/CanvasTemplateHeaderCellPresenter.js +6 -6
  31. package/esm5/lib/CanvasTextHeaderCell.js +1 -1
  32. package/esm5/lib/CheckboxListBridge.js +1 -4
  33. package/esm5/lib/CheckboxListView_combined.js +179 -179
  34. package/esm5/lib/ColumnChooserView_combined.js +41 -41
  35. package/esm5/lib/ColumnFilterCondition_combined.js +654 -654
  36. package/esm5/lib/ColumnGroupingView_combined.js +40 -40
  37. package/esm5/lib/ColumnPinningView_combined.js +41 -41
  38. package/esm5/lib/DataGridAccessibilityLayoutPanel.js +2 -2
  39. package/esm5/lib/DataGridCellLayoutPanel.js +48 -48
  40. package/esm5/lib/DataGridToolbarView_combined.js +86 -86
  41. package/esm5/lib/EditorCell.js +85 -85
  42. package/esm5/lib/EditorCellPresenter.js +1 -1
  43. package/esm5/lib/FilterCell.js +88 -88
  44. package/esm5/lib/FilterCellPresenter.js +1 -1
  45. package/esm5/lib/GridColumnFilterOptionsView_combined.js +7 -7
  46. package/esm5/lib/ISummaryChooserView_combined.js +6 -6
  47. package/esm5/lib/TemplateHeader.js +1 -1
  48. package/esm5/lib/igc-checkbox-list-component.js +31 -27
  49. package/esm5/lib/igc-column-chooser-component.js +2 -2
  50. package/esm5/lib/igc-column-pinning-component.js +2 -2
  51. package/esm5/lib/igc-data-grid-toolbar-component.js +2 -2
  52. package/esm5/public_api.js +20 -21
  53. package/fesm2015/igniteui-webcomponents-grids.js +1415 -1425
  54. package/fesm5/igniteui-webcomponents-grids.js +1395 -1405
  55. package/grids/combined.js +16296 -15683
  56. package/grids/lib/igc-grid-base-directive.d.ts +1 -0
  57. package/grids/lib/igc-row-island-component.d.ts +1 -0
  58. package/grids/styles.css +1 -1
  59. package/grids/themes/dark/bootstrap.css +1 -1
  60. package/grids/themes/dark/fluent.css +1 -1
  61. package/grids/themes/dark/indigo.css +1 -1
  62. package/grids/themes/dark/material.css +1 -1
  63. package/grids/themes/light/bootstrap.css +1 -1
  64. package/grids/themes/light/fluent.css +1 -1
  65. package/grids/themes/light/indigo.css +1 -1
  66. package/grids/themes/light/material.css +1 -1
  67. package/lib/CanvasGridCellBase.d.ts +7 -7
  68. package/lib/CanvasTemplateCellPresenter.d.ts +2 -2
  69. package/lib/CanvasTemplateHeaderCellPresenter.d.ts +2 -2
  70. package/lib/CheckboxListExternal.d.ts +6 -4
  71. package/lib/CheckboxListView_combined.d.ts +26 -26
  72. package/lib/ColumnChooserView_combined.d.ts +4 -4
  73. package/lib/ColumnFilterCondition_combined.d.ts +113 -113
  74. package/lib/ColumnGroupingView_combined.d.ts +2 -2
  75. package/lib/ColumnPinningView_combined.d.ts +4 -4
  76. package/lib/DataGridCellLayoutPanel.d.ts +3 -3
  77. package/lib/DataGridToolbarView_combined.d.ts +5 -5
  78. package/lib/EditorCell.d.ts +8 -8
  79. package/lib/FilterCell.d.ts +12 -12
  80. package/lib/igc-checkbox-list-component.d.ts +2 -0
  81. package/package.json +4 -4
  82. package/public_api.d.ts +20 -21
  83. package/esm2015/lib/CheckboxListViewExternal.js +0 -11
  84. package/esm5/lib/CheckboxListViewExternal.js +0 -11
  85. package/lib/CheckboxListViewExternal.d.ts +0 -16
@@ -48,14 +48,14 @@ export let EditorCell = /*@__PURE__*/ (() => {
48
48
  this.bp("FontInfo", b, this.cy);
49
49
  }
50
50
  }
51
- get cm() {
52
- return this.cl;
51
+ get co() {
52
+ return this.cn;
53
53
  }
54
- set cm(a) {
55
- let b = this.cl;
56
- this.cl = a;
57
- if (b != this.cl) {
58
- this.bp("EditorType", enumGetBox(EditorType_$type, b), enumGetBox(EditorType_$type, this.cl));
54
+ set co(a) {
55
+ let b = this.cn;
56
+ this.cn = a;
57
+ if (b != this.cn) {
58
+ this.bp("EditorType", enumGetBox(EditorType_$type, b), enumGetBox(EditorType_$type, this.cn));
59
59
  }
60
60
  }
61
61
  get dh() {
@@ -120,11 +120,11 @@ export let EditorCell = /*@__PURE__*/ (() => {
120
120
  }
121
121
  constructor(a) {
122
122
  super(a);
123
- this.cn = null;
123
+ this.cp = null;
124
124
  this.cw = null;
125
125
  this.cv = null;
126
- this.cu = null;
127
- this.ct = null;
126
+ this.cm = null;
127
+ this.cl = null;
128
128
  this.dc = null;
129
129
  this.dd = null;
130
130
  this.de = null;
@@ -135,7 +135,7 @@ export let EditorCell = /*@__PURE__*/ (() => {
135
135
  this.cj = 0;
136
136
  this.dg = null;
137
137
  this.cy = null;
138
- this.cl = 1;
138
+ this.cn = 1;
139
139
  this.df = null;
140
140
  this.dj = null;
141
141
  this.ch = null;
@@ -152,7 +152,7 @@ export let EditorCell = /*@__PURE__*/ (() => {
152
152
  this.ae.listen("focusout", runOn(this, this.eb));
153
153
  this.ae.listen("focusin", runOn(this, this.d9));
154
154
  }
155
- cs(a) {
155
+ cu(a) {
156
156
  if (this.dc == null) {
157
157
  this.dc = this.ab.createElement("div");
158
158
  let b = this.ab.getSubRenderer(this.dc);
@@ -175,21 +175,21 @@ export let EditorCell = /*@__PURE__*/ (() => {
175
175
  let c = null;
176
176
  switch (a) {
177
177
  case 1:
178
- c = this.cr();
178
+ c = this.ct();
179
179
  break;
180
180
  case 2:
181
- c = this.cq();
181
+ c = this.cs();
182
182
  break;
183
183
  case 3:
184
- c = this.cp();
184
+ c = this.cr();
185
185
  break;
186
186
  case 4:
187
- c = this.co();
187
+ c = this.cq();
188
188
  break;
189
189
  }
190
190
  return c;
191
191
  }
192
- cr() {
192
+ ct() {
193
193
  if (this.cw != null) {
194
194
  this.d3();
195
195
  this.d8();
@@ -199,7 +199,7 @@ export let EditorCell = /*@__PURE__*/ (() => {
199
199
  this.cw.setFont(this.cz);
200
200
  return this.cw;
201
201
  }
202
- cq() {
202
+ cs() {
203
203
  if (this.cv != null) {
204
204
  this.d3();
205
205
  this.d8();
@@ -209,52 +209,52 @@ export let EditorCell = /*@__PURE__*/ (() => {
209
209
  this.cv.setFont(this.cz);
210
210
  return this.cv;
211
211
  }
212
- cp() {
213
- if (this.cu != null) {
212
+ cr() {
213
+ if (this.cm != null) {
214
214
  this.d3();
215
215
  this.d8();
216
- return this.cu;
216
+ return this.cm;
217
217
  }
218
- this.cu = new DateEditorView(this.ab, this.f.getTheme(), this.b);
219
- this.cu.setFont(this.cz);
220
- return this.cu;
218
+ this.cm = new DateEditorView(this.ab, this.f.getTheme(), this.b);
219
+ this.cm.setFont(this.cz);
220
+ return this.cm;
221
221
  }
222
- co() {
223
- if (this.ct != null) {
222
+ cq() {
223
+ if (this.cl != null) {
224
224
  this.d2();
225
225
  this.d3();
226
226
  this.d8();
227
- return this.ct;
227
+ return this.cl;
228
228
  }
229
- this.ct = new ComboEditorView(this.ab, this.f.getTheme(), this.b);
230
- this.ct.setFont(this.cz);
231
- this.ct.ag = this.dh;
232
- this.ct.aj = this.dm;
233
- this.ct.z = this.ci;
234
- return this.ct;
229
+ this.cl = new ComboEditorView(this.ab, this.f.getTheme(), this.b);
230
+ this.cl.setFont(this.cz);
231
+ this.cl.ag = this.dh;
232
+ this.cl.aj = this.dm;
233
+ this.cl.z = this.ci;
234
+ return this.cl;
235
235
  }
236
236
  ea(a, b) {
237
237
  if (b.g != b.d || b.h != b.e) {
238
- if (this.ct != null) {
239
- this.ct.am();
238
+ if (this.cl != null) {
239
+ this.cl.am();
240
240
  }
241
- if (this.cu != null) {
242
- this.cu.ag();
241
+ if (this.cm != null) {
242
+ this.cm.ag();
243
243
  }
244
244
  this.d0();
245
245
  }
246
246
  }
247
247
  dy() {
248
248
  if (!this.c1) {
249
- if (this.cn != null) {
250
- this.cn.attachEvents();
251
- let a = this.cn;
249
+ if (this.cp != null) {
250
+ this.cp.attachEvents();
251
+ let a = this.cp;
252
252
  a.valueProvided = delegateCombine(a.valueProvided, runOn(this, this.eg));
253
- let b = this.cn;
253
+ let b = this.cp;
254
254
  b.lostFocus = delegateCombine(b.lostFocus, runOn(this, this.d6));
255
- let c = this.cn;
255
+ let c = this.cp;
256
256
  c.gotFocus = delegateCombine(c.gotFocus, runOn(this, this.d5));
257
- let d = this.cn;
257
+ let d = this.cp;
258
258
  d.userTyping = delegateCombine(d.userTyping, runOn(this, this.ee));
259
259
  this.c1 = true;
260
260
  }
@@ -262,15 +262,15 @@ export let EditorCell = /*@__PURE__*/ (() => {
262
262
  }
263
263
  dz() {
264
264
  if (this.c1) {
265
- if (this.cn != null) {
266
- this.cn.detachEvents();
267
- let a = this.cn;
265
+ if (this.cp != null) {
266
+ this.cp.detachEvents();
267
+ let a = this.cp;
268
268
  a.valueProvided = delegateRemove(a.valueProvided, runOn(this, this.eg));
269
- let b = this.cn;
269
+ let b = this.cp;
270
270
  b.lostFocus = delegateRemove(b.lostFocus, runOn(this, this.d6));
271
- let c = this.cn;
271
+ let c = this.cp;
272
272
  c.gotFocus = delegateRemove(c.gotFocus, runOn(this, this.d5));
273
- let d = this.cn;
273
+ let d = this.cp;
274
274
  d.userTyping = delegateRemove(d.userTyping, runOn(this, this.ee));
275
275
  this.c1 = false;
276
276
  }
@@ -282,12 +282,12 @@ export let EditorCell = /*@__PURE__*/ (() => {
282
282
  this.c5 = false;
283
283
  if (!a) {
284
284
  this.c7 = true;
285
- this.cn.onTargetChanged();
285
+ this.cp.onTargetChanged();
286
286
  }
287
287
  }
288
288
  ef() {
289
- if (this.cn != null) {
290
- this.cn.value = this.di;
289
+ if (this.cp != null) {
290
+ this.cp.value = this.di;
291
291
  }
292
292
  }
293
293
  d3() {
@@ -296,25 +296,25 @@ export let EditorCell = /*@__PURE__*/ (() => {
296
296
  this.c0 = true;
297
297
  this.dz();
298
298
  this.ae.removeChildren();
299
- if (this.cn != null) {
300
- this.cn.cleanUp();
299
+ if (this.cp != null) {
300
+ this.cp.cleanUp();
301
301
  }
302
- this.cn = this.cs(this.cm);
303
- this.ae.append(this.cn.container);
302
+ this.cp = this.cu(this.co);
303
+ this.ae.append(this.cp.container);
304
304
  this.dy();
305
- if (this.cn != null) {
306
- this.cn.isEnabled = !this.isRemoved;
305
+ if (this.cp != null) {
306
+ this.cp.isEnabled = !this.isRemoved;
307
307
  if (!this.da) {
308
- this.cn.onEditStarted();
308
+ this.cp.onEditStarted();
309
309
  }
310
310
  }
311
311
  this.c0 = false;
312
312
  }
313
313
  d2() {
314
- if (this.ct != null) {
315
- this.ct.ag = this.dh;
316
- this.ct.aj = this.dm;
317
- this.ct.z = this.ci;
314
+ if (this.cl != null) {
315
+ this.cl.ag = this.dh;
316
+ this.cl.aj = this.dm;
317
+ this.cl.z = this.ci;
318
318
  }
319
319
  }
320
320
  d8() {
@@ -325,36 +325,36 @@ export let EditorCell = /*@__PURE__*/ (() => {
325
325
  if (this.cv != null) {
326
326
  this.cv.setFont(this.cz);
327
327
  }
328
- if (this.cu != null) {
329
- this.cu.setFont(this.cz);
328
+ if (this.cm != null) {
329
+ this.cm.setFont(this.cz);
330
330
  }
331
- if (this.ct != null) {
332
- this.ct.setFont(this.cz);
331
+ if (this.cl != null) {
332
+ this.cl.setFont(this.cz);
333
333
  }
334
334
  this.dd.setStyleProperty("font", this.cz.fontString);
335
335
  }
336
336
  }
337
337
  d1() {
338
338
  this.c4 = false;
339
- if (this.cn != null) {
339
+ if (this.cp != null) {
340
340
  if (!this.da) {
341
- this.cn.onEditStarted();
341
+ this.cp.onEditStarted();
342
342
  }
343
343
  else {
344
- this.cn.onEditEnded();
345
- this.cn.value = null;
346
- this.cn.value = this.di;
344
+ this.cp.onEditEnded();
345
+ this.cp.value = null;
346
+ this.cp.value = this.di;
347
347
  }
348
348
  }
349
349
  }
350
350
  d4() {
351
- if (this.cn != null && this.cu == this.cn) {
352
- this.cu.ae = this.dr;
351
+ if (this.cp != null && this.cm == this.cp) {
352
+ this.cm.ae = this.dr;
353
353
  }
354
354
  }
355
355
  ec() {
356
- if (this.cn != null && this.cu == this.cn) {
357
- this.cu.ac = this.db;
356
+ if (this.cp != null && this.cm == this.cp) {
357
+ this.cm.ac = this.db;
358
358
  }
359
359
  }
360
360
  eh(a, b, c, d, e) {
@@ -379,14 +379,14 @@ export let EditorCell = /*@__PURE__*/ (() => {
379
379
  }
380
380
  }
381
381
  bo() {
382
- if (this.cn == null) {
382
+ if (this.cp == null) {
383
383
  this.d7();
384
384
  this.f.setViewportChangedHandler(runOn(this, this.ea));
385
385
  }
386
386
  }
387
387
  be() {
388
- if (this.cn != null) {
389
- this.cn.focus();
388
+ if (this.cp != null) {
389
+ this.cp.focus();
390
390
  }
391
391
  }
392
392
  bp(a, b, c) {
@@ -419,24 +419,24 @@ export let EditorCell = /*@__PURE__*/ (() => {
419
419
  this.ec();
420
420
  break;
421
421
  case "IsRemoved":
422
- if (this.cn != null) {
423
- this.cn.isEnabled = !this.isRemoved;
422
+ if (this.cp != null) {
423
+ this.cp.isEnabled = !this.isRemoved;
424
424
  if (!this.isRemoved) {
425
- this.cn.onTargetChanged();
425
+ this.cp.onTargetChanged();
426
426
  }
427
427
  }
428
428
  break;
429
429
  }
430
430
  }
431
431
  eg(a, b, c) {
432
- if (a == this.cn) {
432
+ if (a == this.cp) {
433
433
  if (!c) {
434
434
  this.b.updateCellEditValue(b);
435
435
  }
436
436
  }
437
437
  }
438
438
  ee(a) {
439
- if (a == this.cn) {
439
+ if (a == this.cp) {
440
440
  this.b.startEditMode();
441
441
  }
442
442
  }
@@ -468,8 +468,8 @@ export let EditorCell = /*@__PURE__*/ (() => {
468
468
  if (d == "INPUT" || d == "SELECT" || d == "TEXTAREA" || d == "BUTTON" || d == "OPTION") {
469
469
  return;
470
470
  }
471
- if (this.b.isEditRefocusDesired && this.cn != null) {
472
- this.cn.focus();
471
+ if (this.b.isEditRefocusDesired && this.cp != null) {
472
+ this.cp.focus();
473
473
  }
474
474
  }, 0);
475
475
  }
@@ -26,7 +26,7 @@ export let EditorCellPresenter = /*@__PURE__*/ (() => {
26
26
  let b = a;
27
27
  if (b.ay) {
28
28
  if (b.a3(EditorCellModel.l3) || b.a3(EditorCellModel.l1) || b.a3(EditorCellModel.l2) || b.a3(EditorCellModel.l4)) {
29
- this.d.cm = b.lq;
29
+ this.d.co = b.lq;
30
30
  this.d.dh = b.md;
31
31
  this.d.dm = b.mm;
32
32
  this.d.ci = b.lk;