igniteui-webcomponents-grids 4.8.1 → 5.0.0-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 (121) hide show
  1. package/bundles/igniteui-webcomponents-grids.umd.js +1078 -600
  2. package/bundles/igniteui-webcomponents-grids.umd.min.js +1 -1
  3. package/esm2015/lib/CheckboxListBridge.js +171 -0
  4. package/esm2015/lib/CheckboxListExternal.js +11 -0
  5. package/esm2015/lib/CheckboxListViewExternal.js +11 -0
  6. package/esm2015/lib/CheckboxListView_combined.js +554 -441
  7. package/esm2015/lib/CheckedChangedEventArgs.js +3 -2
  8. package/esm2015/lib/ColumnChooserView_combined.js +15 -15
  9. package/esm2015/lib/ColumnFilterCondition_combined.js +8 -8
  10. package/esm2015/lib/ColumnGroupingView_combined.js +4 -4
  11. package/esm2015/lib/ColumnGroupingVisualModelExport.js +1 -1
  12. package/esm2015/lib/ColumnPinningView_combined.js +12 -12
  13. package/esm2015/lib/DateEditorView.js +12 -12
  14. package/esm2015/lib/GridColumnFilterOptionsView_combined.js +10 -10
  15. package/esm2015/lib/ISummaryChooserView_combined.js +17 -17
  16. package/esm2015/lib/NativeUIGridFactory.js +66 -0
  17. package/esm2015/lib/PagerVisualModelExport.js +4 -4
  18. package/esm2015/lib/igc-checkbox-list-component.js +159 -93
  19. package/esm2015/lib/igc-checkbox-list-module.js +3 -0
  20. package/esm2015/lib/igc-checked-changed-event-args.js +14 -4
  21. package/esm2015/public_api.js +5 -0
  22. package/esm5/lib/CheckboxListBridge.js +173 -0
  23. package/esm5/lib/CheckboxListExternal.js +11 -0
  24. package/esm5/lib/CheckboxListViewExternal.js +11 -0
  25. package/esm5/lib/CheckboxListView_combined.js +541 -422
  26. package/esm5/lib/CheckedChangedEventArgs.js +3 -2
  27. package/esm5/lib/ColumnChooserView_combined.js +15 -15
  28. package/esm5/lib/ColumnFilterCondition_combined.js +8 -8
  29. package/esm5/lib/ColumnGroupingView_combined.js +4 -4
  30. package/esm5/lib/ColumnGroupingVisualModelExport.js +1 -1
  31. package/esm5/lib/ColumnPinningView_combined.js +12 -12
  32. package/esm5/lib/DateEditorView.js +12 -12
  33. package/esm5/lib/GridColumnFilterOptionsView_combined.js +10 -10
  34. package/esm5/lib/ISummaryChooserView_combined.js +17 -17
  35. package/esm5/lib/NativeUIGridFactory.js +76 -0
  36. package/esm5/lib/PagerVisualModelExport.js +4 -4
  37. package/esm5/lib/igc-checkbox-list-component.js +173 -93
  38. package/esm5/lib/igc-checkbox-list-module.js +3 -0
  39. package/esm5/lib/igc-checked-changed-event-args.js +17 -3
  40. package/esm5/public_api.js +5 -0
  41. package/fesm2015/igniteui-webcomponents-grids.js +1065 -623
  42. package/fesm5/igniteui-webcomponents-grids.js +1077 -603
  43. package/grids/combined.js +36783 -38660
  44. package/grids/index.d.ts +8 -8
  45. package/grids/lib/igc-action-strip-component.d.ts +4 -4
  46. package/grids/lib/igc-action-strip-token.d.ts +16 -0
  47. package/grids/lib/igc-base-exporter.d.ts +0 -4
  48. package/grids/lib/igc-base-toolbar-column-actions-directive.d.ts +1 -1
  49. package/grids/lib/igc-base-toolbar-directive.d.ts +0 -8
  50. package/grids/lib/igc-column-component.d.ts +15 -101
  51. package/grids/lib/igc-column-group-component.d.ts +94 -1
  52. package/grids/lib/igc-column-layout-component.d.ts +11 -0
  53. package/grids/lib/igc-column-pipe-args.d.ts +1 -0
  54. package/grids/lib/igc-column-resize-event-args.d.ts +1 -0
  55. package/grids/lib/igc-column-state.d.ts +0 -4
  56. package/grids/lib/igc-columns-auto-generated-event-args.d.ts +2 -0
  57. package/grids/lib/igc-for-of-data-changing-event-args.d.ts +4 -0
  58. package/grids/lib/igc-grid-base-directive.d.ts +34 -21
  59. package/grids/lib/igc-grid-component.d.ts +1 -1
  60. package/grids/lib/igc-grid-context-menu-event-args.d.ts +32 -0
  61. package/grids/lib/igc-grid-edit-done-event-args.d.ts +11 -3
  62. package/grids/lib/igc-grid-edit-event-args.d.ts +12 -3
  63. package/grids/lib/igc-grid-paginator-template-context.d.ts +19 -0
  64. package/grids/lib/igc-grid-resource-strings.d.ts +0 -3
  65. package/grids/lib/igc-grid-row-event-args.d.ts +27 -0
  66. package/grids/lib/igc-grid-toolbar-advanced-filtering-component.d.ts +0 -8
  67. package/grids/lib/igc-grid-toolbar-component.d.ts +3 -2
  68. package/grids/lib/igc-grid-toolbar-exporter-component.d.ts +5 -10
  69. package/grids/lib/igc-header-type.d.ts +0 -5
  70. package/grids/lib/igc-hierarchical-grid-component.d.ts +2 -2
  71. package/grids/lib/igc-paginator-component.d.ts +6 -22
  72. package/grids/lib/igc-pin-row-event-args.d.ts +5 -1
  73. package/grids/lib/igc-pivot-aggregator.d.ts +1 -1
  74. package/grids/lib/igc-pivot-configuration.d.ts +0 -1
  75. package/grids/lib/igc-pivot-data-selector-component.d.ts +2 -1
  76. package/grids/lib/igc-pivot-date-dimension.d.ts +3 -0
  77. package/grids/lib/igc-pivot-dimension.d.ts +12 -1
  78. package/grids/lib/igc-pivot-grid-component.d.ts +29 -19
  79. package/grids/lib/igc-pivot-grid-record.d.ts +8 -0
  80. package/grids/lib/igc-pivot-ui-settings.d.ts +28 -0
  81. package/grids/lib/igc-pivot-value.d.ts +0 -2
  82. package/grids/lib/igc-position-settings.d.ts +1 -10
  83. package/grids/lib/igc-row-data-cancelable-event-args.d.ts +61 -0
  84. package/grids/lib/igc-row-data-event-args.d.ts +10 -0
  85. package/grids/lib/igc-row-directive.d.ts +0 -5
  86. package/grids/lib/igc-row-island-component.d.ts +50 -146
  87. package/grids/lib/igc-row-toggle-event-args.d.ts +7 -1
  88. package/grids/lib/igc-sorting-options.d.ts +0 -1
  89. package/grids/lib/igc-tree-grid-component.d.ts +15 -18
  90. package/grids/lib/pivot-row-layout-type.d.ts +3 -0
  91. package/grids/lib/pivot-summary-position.d.ts +3 -0
  92. package/grids/styles.css +1 -1
  93. package/grids/themes/dark/bootstrap.css +1 -1
  94. package/grids/themes/dark/fluent.css +1 -1
  95. package/grids/themes/dark/indigo.css +1 -1
  96. package/grids/themes/dark/material.css +1 -1
  97. package/grids/themes/light/bootstrap.css +1 -1
  98. package/grids/themes/light/fluent.css +1 -1
  99. package/grids/themes/light/indigo.css +1 -1
  100. package/grids/themes/light/material.css +1 -1
  101. package/lib/CheckboxListBridge.d.ts +29 -0
  102. package/lib/CheckboxListExternal.d.ts +29 -0
  103. package/lib/CheckboxListViewExternal.d.ts +16 -0
  104. package/lib/CheckboxListView_combined.d.ts +130 -121
  105. package/lib/CheckedChangedEventArgs.d.ts +3 -2
  106. package/lib/ColumnFilterCondition_combined.d.ts +1 -1
  107. package/lib/DateEditorView.d.ts +2 -2
  108. package/lib/NativeUIGridFactory.d.ts +19 -0
  109. package/lib/igc-checkbox-list-component.d.ts +19 -0
  110. package/lib/igc-checked-changed-event-args.d.ts +2 -0
  111. package/package.json +4 -4
  112. package/public_api.d.ts +5 -0
  113. package/grids/3rdpartylicenses.txt +0 -705
  114. package/grids/lib/display-density.d.ts +0 -3
  115. package/grids/lib/igc-child-grid-row-component.d.ts +0 -59
  116. package/grids/lib/igc-density-changed-event-args.d.ts +0 -21
  117. package/grids/lib/igc-display-density-base.d.ts +0 -45
  118. package/grids/lib/igc-grid-filtering-cell-component.d.ts +0 -16
  119. package/grids/lib/igc-grid-header-component.d.ts +0 -16
  120. package/grids/lib/igc-grid-header-group-component.d.ts +0 -16
  121. package/grids/lib/igc-toggle-directive.d.ts +0 -171
@@ -34,6 +34,10 @@ var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_super) {
34
34
  _this._stylingContainer = null;
35
35
  _this._stylingParent = null;
36
36
  _this._inStyling = false;
37
+ _this._selectedKeyAdded = null;
38
+ _this._selectedKeyAdded_wrapped = null;
39
+ _this._selectedKeyRemoved = null;
40
+ _this._selectedKeyRemoved_wrapped = null;
37
41
  _this._checkedChanged = null;
38
42
  _this._checkedChanged_wrapped = null;
39
43
  _this._selectAllCheckboxChanged = null;
@@ -290,10 +294,10 @@ var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_super) {
290
294
  * Gets or Sets the property name that contains the values.
291
295
  */
292
296
  get: function () {
293
- return this.i.bc;
297
+ return this.i.be;
294
298
  },
295
299
  set: function (v) {
296
- this.i.bc = v;
300
+ this.i.be = v;
297
301
  },
298
302
  enumerable: false,
299
303
  configurable: true
@@ -303,10 +307,10 @@ var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_super) {
303
307
  * Gets or Sets the property name that contains the values.
304
308
  */
305
309
  get: function () {
306
- return this.i.b0;
310
+ return this.i.b3;
307
311
  },
308
312
  set: function (v) {
309
- this.i.b0 = v;
313
+ this.i.b3 = v;
310
314
  },
311
315
  enumerable: false,
312
316
  configurable: true
@@ -316,10 +320,10 @@ var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_super) {
316
320
  * Gets or Sets the property name that contains the values.
317
321
  */
318
322
  get: function () {
319
- return this.i.bg;
323
+ return this.i.bi;
320
324
  },
321
325
  set: function (v) {
322
- this.i.bg = v;
326
+ this.i.bi = v;
323
327
  },
324
328
  enumerable: false,
325
329
  configurable: true
@@ -329,11 +333,11 @@ var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_super) {
329
333
  * Gets or Sets the property name that contains the values.
330
334
  */
331
335
  get: function () {
332
- return this.i.t;
336
+ return this.i.v;
333
337
  },
334
338
  set: function (v) {
335
- this.i.t = ensureEnum(InputGroupDisplayType_$type, v);
336
- this._a("searchInputType", enumToString(InputGroupDisplayType_$type, this.i.t));
339
+ this.i.v = ensureEnum(InputGroupDisplayType_$type, v);
340
+ this._a("searchInputType", enumToString(InputGroupDisplayType_$type, this.i.v));
337
341
  },
338
342
  enumerable: false,
339
343
  configurable: true
@@ -343,18 +347,18 @@ var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_super) {
343
347
  * Gets or Sets the property name that contains the values.
344
348
  */
345
349
  get: function () {
346
- return this.i.ax;
350
+ return this.i.az;
347
351
  },
348
352
  set: function (v) {
349
- this.i.ax = +v;
350
- this._a("rowHeight", this.i.ax);
353
+ this.i.az = +v;
354
+ this._a("rowHeight", this.i.az);
351
355
  },
352
356
  enumerable: false,
353
357
  configurable: true
354
358
  });
355
359
  Object.defineProperty(IgcCheckboxListComponent.prototype, "actualRowHeight", {
356
360
  get: function () {
357
- return this.i.av;
361
+ return this.i.ax;
358
362
  },
359
363
  enumerable: false,
360
364
  configurable: true
@@ -364,16 +368,16 @@ var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_super) {
364
368
  * Gets or Sets the property name that contains the values.
365
369
  */
366
370
  get: function () {
367
- if (this.i.ae == null) {
371
+ if (this.i.ag == null) {
368
372
  return null;
369
373
  }
370
- return this.i.ae.fontString;
374
+ return this.i.ag.fontString;
371
375
  },
372
376
  set: function (v) {
373
377
  var fi = new FontInfo();
374
378
  fi.fontString = v;
375
- this.i.ae = fi;
376
- this._a("cellTextStyle", this.i.ae != null ? this.i.ae.fontString : "");
379
+ this.i.ag = fi;
380
+ this._a("cellTextStyle", this.i.ag != null ? this.i.ag.fontString : "");
377
381
  },
378
382
  enumerable: false,
379
383
  configurable: true
@@ -397,11 +401,11 @@ var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_super) {
397
401
  * Gets or Sets the property name that contains the values.
398
402
  */
399
403
  get: function () {
400
- return this.i.y;
404
+ return this.i.aa;
401
405
  },
402
406
  set: function (v) {
403
- this.i.y = ensureEnum(BaseControlTheme_$type, v);
404
- this._a("baseTheme", enumToString(BaseControlTheme_$type, this.i.y));
407
+ this.i.aa = ensureEnum(BaseControlTheme_$type, v);
408
+ this._a("baseTheme", enumToString(BaseControlTheme_$type, this.i.aa));
405
409
  },
406
410
  enumerable: false,
407
411
  configurable: true
@@ -411,11 +415,11 @@ var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_super) {
411
415
  * Gets or Sets the property name that contains the values.
412
416
  */
413
417
  get: function () {
414
- return this.i.aa;
418
+ return this.i.ac;
415
419
  },
416
420
  set: function (v) {
417
- this.i.aa = ensureEnum(ControlDisplayDensity_$type, v);
418
- this._a("density", enumToString(ControlDisplayDensity_$type, this.i.aa));
421
+ this.i.ac = ensureEnum(ControlDisplayDensity_$type, v);
422
+ this._a("density", enumToString(ControlDisplayDensity_$type, this.i.ac));
419
423
  },
420
424
  enumerable: false,
421
425
  configurable: true
@@ -425,11 +429,11 @@ var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_super) {
425
429
  * Gets or sets the search icon color.
426
430
  */
427
431
  get: function () {
428
- return brushToString(this.i.du);
432
+ return brushToString(this.i.d1);
429
433
  },
430
434
  set: function (v) {
431
- this.i.du = stringToBrush(v);
432
- this._a("searchIconColor", brushToString(this.i.du));
435
+ this.i.d1 = stringToBrush(v);
436
+ this._a("searchIconColor", brushToString(this.i.d1));
433
437
  },
434
438
  enumerable: false,
435
439
  configurable: true
@@ -439,11 +443,11 @@ var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_super) {
439
443
  * Gets or sets the search background color.
440
444
  */
441
445
  get: function () {
442
- return brushToString(this.i.ds);
446
+ return brushToString(this.i.dz);
443
447
  },
444
448
  set: function (v) {
445
- this.i.ds = stringToBrush(v);
446
- this._a("searchBackgroundColor", brushToString(this.i.ds));
449
+ this.i.dz = stringToBrush(v);
450
+ this._a("searchBackgroundColor", brushToString(this.i.dz));
447
451
  },
448
452
  enumerable: false,
449
453
  configurable: true
@@ -453,11 +457,11 @@ var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_super) {
453
457
  * Gets or sets the search text color.
454
458
  */
455
459
  get: function () {
456
- return brushToString(this.i.dv);
460
+ return brushToString(this.i.d2);
457
461
  },
458
462
  set: function (v) {
459
- this.i.dv = stringToBrush(v);
460
- this._a("searchTextColor", brushToString(this.i.dv));
463
+ this.i.d2 = stringToBrush(v);
464
+ this._a("searchTextColor", brushToString(this.i.d2));
461
465
  },
462
466
  enumerable: false,
463
467
  configurable: true
@@ -467,11 +471,11 @@ var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_super) {
467
471
  * Gets or sets the search border color.
468
472
  */
469
473
  get: function () {
470
- return brushToString(this.i.dt);
474
+ return brushToString(this.i.d0);
471
475
  },
472
476
  set: function (v) {
473
- this.i.dt = stringToBrush(v);
474
- this._a("searchBorderColor", brushToString(this.i.dt));
477
+ this.i.d0 = stringToBrush(v);
478
+ this._a("searchBorderColor", brushToString(this.i.d0));
475
479
  },
476
480
  enumerable: false,
477
481
  configurable: true
@@ -481,16 +485,16 @@ var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_super) {
481
485
  * Gets or sets the text style.
482
486
  */
483
487
  get: function () {
484
- if (this.i.af == null) {
488
+ if (this.i.ah == null) {
485
489
  return null;
486
490
  }
487
- return this.i.af.fontString;
491
+ return this.i.ah.fontString;
488
492
  },
489
493
  set: function (v) {
490
494
  var fi = new FontInfo();
491
495
  fi.fontString = v;
492
- this.i.af = fi;
493
- this._a("searchTextStyle", this.i.af != null ? this.i.af.fontString : "");
496
+ this.i.ah = fi;
497
+ this._a("searchTextStyle", this.i.ah != null ? this.i.ah.fontString : "");
494
498
  },
495
499
  enumerable: false,
496
500
  configurable: true
@@ -500,11 +504,11 @@ var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_super) {
500
504
  * Gets or sets the checkbox tick color.
501
505
  */
502
506
  get: function () {
503
- return brushToString(this.i.dl);
507
+ return brushToString(this.i.dr);
504
508
  },
505
509
  set: function (v) {
506
- this.i.dl = stringToBrush(v);
507
- this._a("checkboxTickColor", brushToString(this.i.dl));
510
+ this.i.dr = stringToBrush(v);
511
+ this._a("checkboxTickColor", brushToString(this.i.dr));
508
512
  },
509
513
  enumerable: false,
510
514
  configurable: true
@@ -514,11 +518,11 @@ var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_super) {
514
518
  * Gets or sets the checkbox background color when checked.
515
519
  */
516
520
  get: function () {
517
- return brushToString(this.i.dj);
521
+ return brushToString(this.i.dp);
518
522
  },
519
523
  set: function (v) {
520
- this.i.dj = stringToBrush(v);
521
- this._a("checkboxCheckedBackgroundColor", brushToString(this.i.dj));
524
+ this.i.dp = stringToBrush(v);
525
+ this._a("checkboxCheckedBackgroundColor", brushToString(this.i.dp));
522
526
  },
523
527
  enumerable: false,
524
528
  configurable: true
@@ -528,11 +532,11 @@ var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_super) {
528
532
  * Gets or sets the checkbox background color when unchecked.
529
533
  */
530
534
  get: function () {
531
- return brushToString(this.i.dm);
535
+ return brushToString(this.i.ds);
532
536
  },
533
537
  set: function (v) {
534
- this.i.dm = stringToBrush(v);
535
- this._a("checkboxUncheckedBackgroundColor", brushToString(this.i.dm));
538
+ this.i.ds = stringToBrush(v);
539
+ this._a("checkboxUncheckedBackgroundColor", brushToString(this.i.ds));
536
540
  },
537
541
  enumerable: false,
538
542
  configurable: true
@@ -542,11 +546,11 @@ var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_super) {
542
546
  * Gets or sets the checkbox border color when checked.
543
547
  */
544
548
  get: function () {
545
- return brushToString(this.i.dk);
549
+ return brushToString(this.i.dq);
546
550
  },
547
551
  set: function (v) {
548
- this.i.dk = stringToBrush(v);
549
- this._a("checkboxCheckedBorderColor", brushToString(this.i.dk));
552
+ this.i.dq = stringToBrush(v);
553
+ this._a("checkboxCheckedBorderColor", brushToString(this.i.dq));
550
554
  },
551
555
  enumerable: false,
552
556
  configurable: true
@@ -556,11 +560,11 @@ var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_super) {
556
560
  * Gets or sets the checkbox border color when unchecked.
557
561
  */
558
562
  get: function () {
559
- return brushToString(this.i.dn);
563
+ return brushToString(this.i.dt);
560
564
  },
561
565
  set: function (v) {
562
- this.i.dn = stringToBrush(v);
563
- this._a("checkboxUncheckedBorderColor", brushToString(this.i.dn));
566
+ this.i.dt = stringToBrush(v);
567
+ this._a("checkboxUncheckedBorderColor", brushToString(this.i.dt));
564
568
  },
565
569
  enumerable: false,
566
570
  configurable: true
@@ -570,11 +574,11 @@ var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_super) {
570
574
  * Gets or sets the style of scrollbar.
571
575
  */
572
576
  get: function () {
573
- return this.i.w;
577
+ return this.i.y;
574
578
  },
575
579
  set: function (v) {
576
- this.i.w = ensureEnum(ScrollbarStyle_$type, v);
577
- this._a("scrollbarStyle", enumToString(ScrollbarStyle_$type, this.i.w));
580
+ this.i.y = ensureEnum(ScrollbarStyle_$type, v);
581
+ this._a("scrollbarStyle", enumToString(ScrollbarStyle_$type, this.i.y));
578
582
  },
579
583
  enumerable: false,
580
584
  configurable: true
@@ -584,11 +588,11 @@ var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_super) {
584
588
  * Gets or sets the scrollbar background color.
585
589
  */
586
590
  get: function () {
587
- return brushToString(this.i.dr);
591
+ return brushToString(this.i.dy);
588
592
  },
589
593
  set: function (v) {
590
- this.i.dr = stringToBrush(v);
591
- this._a("scrollbarBackground", brushToString(this.i.dr));
594
+ this.i.dy = stringToBrush(v);
595
+ this._a("scrollbarBackground", brushToString(this.i.dy));
592
596
  },
593
597
  enumerable: false,
594
598
  configurable: true
@@ -598,10 +602,10 @@ var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_super) {
598
602
  * Gets / sets the caption of the "Select All" checkbox.
599
603
  */
600
604
  get: function () {
601
- return this.i.bx;
605
+ return this.i.b0;
602
606
  },
603
607
  set: function (v) {
604
- this.i.bx = v;
608
+ this.i.b0 = v;
605
609
  },
606
610
  enumerable: false,
607
611
  configurable: true
@@ -611,11 +615,11 @@ var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_super) {
611
615
  * Gets or sets the color to use for the "Select All" label.
612
616
  */
613
617
  get: function () {
614
- return brushToString(this.i.dw);
618
+ return brushToString(this.i.d3);
615
619
  },
616
620
  set: function (v) {
617
- this.i.dw = stringToBrush(v);
618
- this._a("selectAllCaptionTextColor", brushToString(this.i.dw));
621
+ this.i.d3 = stringToBrush(v);
622
+ this._a("selectAllCaptionTextColor", brushToString(this.i.d3));
619
623
  },
620
624
  enumerable: false,
621
625
  configurable: true
@@ -625,11 +629,11 @@ var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_super) {
625
629
  * Gets or sets the color to use for the actual header selectAllCaption text.
626
630
  */
627
631
  get: function () {
628
- return brushToString(this.i.dh);
632
+ return brushToString(this.i.dm);
629
633
  },
630
634
  set: function (v) {
631
- this.i.dh = stringToBrush(v);
632
- this._a("actualSelectAllCaptionTextColor", brushToString(this.i.dh));
635
+ this.i.dm = stringToBrush(v);
636
+ this._a("actualSelectAllCaptionTextColor", brushToString(this.i.dm));
633
637
  },
634
638
  enumerable: false,
635
639
  configurable: true
@@ -639,11 +643,11 @@ var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_super) {
639
643
  * Gets / sets whether the "Select all" checkbox is visible.
640
644
  */
641
645
  get: function () {
642
- return this.i.as;
646
+ return this.i.au;
643
647
  },
644
648
  set: function (v) {
645
- this.i.as = ensureBool(v);
646
- this._a("showSelectAll", this.i.as);
649
+ this.i.au = ensureBool(v);
650
+ this._a("showSelectAll", this.i.au);
647
651
  },
648
652
  enumerable: false,
649
653
  configurable: true
@@ -653,11 +657,25 @@ var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_super) {
653
657
  * Gets or sets the color to use for the background of the component.
654
658
  */
655
659
  get: function () {
656
- return brushToString(this.i.di);
660
+ return brushToString(this.i.dn);
657
661
  },
658
662
  set: function (v) {
659
- this.i.di = stringToBrush(v);
660
- this._a("backgroundColor", brushToString(this.i.di));
663
+ this.i.dn = stringToBrush(v);
664
+ this._a("backgroundColor", brushToString(this.i.dn));
665
+ },
666
+ enumerable: false,
667
+ configurable: true
668
+ });
669
+ Object.defineProperty(IgcCheckboxListComponent.prototype, "rowHoverBackgroundColor", {
670
+ /**
671
+ * Gets or sets the color to use when hovering over a grid row.
672
+ */
673
+ get: function () {
674
+ return brushToString(this.i.dx);
675
+ },
676
+ set: function (v) {
677
+ this.i.dx = stringToBrush(v);
678
+ this._a("rowHoverBackgroundColor", brushToString(this.i.dx));
661
679
  },
662
680
  enumerable: false,
663
681
  configurable: true
@@ -667,11 +685,11 @@ var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_super) {
667
685
  * Gets or sets the color to use for the text of the component.
668
686
  */
669
687
  get: function () {
670
- return brushToString(this.i.dy);
688
+ return brushToString(this.i.d5);
671
689
  },
672
690
  set: function (v) {
673
- this.i.dy = stringToBrush(v);
674
- this._a("textColor", brushToString(this.i.dy));
691
+ this.i.d5 = stringToBrush(v);
692
+ this._a("textColor", brushToString(this.i.d5));
675
693
  },
676
694
  enumerable: false,
677
695
  configurable: true
@@ -681,11 +699,11 @@ var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_super) {
681
699
  * Gets or sets whether the filter input is visible.
682
700
  */
683
701
  get: function () {
684
- return this.i.aq;
702
+ return this.i.as;
685
703
  },
686
704
  set: function (v) {
687
- this.i.aq = ensureBool(v);
688
- this._a("showFilter", this.i.aq);
705
+ this.i.as = ensureBool(v);
706
+ this._a("showFilter", this.i.as);
689
707
  },
690
708
  enumerable: false,
691
709
  configurable: true
@@ -695,11 +713,11 @@ var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_super) {
695
713
  * Gets or sets whether row hover highlighting is enabled.
696
714
  */
697
715
  get: function () {
698
- return this.i.an;
716
+ return this.i.ap;
699
717
  },
700
718
  set: function (v) {
701
- this.i.an = ensureBool(v);
702
- this._a("isRowHoverEnabled", this.i.an);
719
+ this.i.ap = ensureBool(v);
720
+ this._a("isRowHoverEnabled", this.i.ap);
703
721
  },
704
722
  enumerable: false,
705
723
  configurable: true
@@ -777,17 +795,17 @@ var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_super) {
777
795
 
778
796
  */
779
797
  IgcCheckboxListComponent.prototype.selectAll = function () {
780
- this.i.cy();
798
+ this.i.c2();
781
799
  };
782
800
  /**
783
801
  * Deselects all the items in the checkbox list.
784
802
 
785
803
  */
786
804
  IgcCheckboxListComponent.prototype.deselectAll = function () {
787
- this.i.b9();
805
+ this.i.cc();
788
806
  };
789
807
  IgcCheckboxListComponent.prototype.notifySetItem = function (index, oldItem, newItem) {
790
- this.i.cg(index, oldItem, newItem);
808
+ this.i.ck(index, oldItem, newItem);
791
809
  };
792
810
  /**
793
811
  * Manually notifies the checkboxlist's grid that the data it has bound to has been cleared and needs to be re-examined.
@@ -795,26 +813,26 @@ var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_super) {
795
813
 
796
814
  */
797
815
  IgcCheckboxListComponent.prototype.notifyClearItems = function () {
798
- this.i.cd();
816
+ this.i.ch();
799
817
  };
800
818
  IgcCheckboxListComponent.prototype.notifyInsertItem = function (index, newItem) {
801
- this.i.ce(index, newItem);
819
+ this.i.ci(index, newItem);
802
820
  };
803
821
  IgcCheckboxListComponent.prototype.notifyRemoveItem = function (index, oldItem) {
804
- this.i.cf(index, oldItem);
822
+ this.i.cj(index, oldItem);
805
823
  };
806
824
  IgcCheckboxListComponent.prototype.addKeyValue = function (value) {
807
- this.i.b6(value);
825
+ this.i.b9(value);
808
826
  };
809
827
  IgcCheckboxListComponent.prototype.removeKeyValue = function (value) {
810
- this.i.cx(value);
828
+ this.i.c1(value);
811
829
  };
812
830
  /**
813
831
  * Returns true if no items are selected / checked; otherwise false.
814
832
 
815
833
  */
816
834
  IgcCheckboxListComponent.prototype.isNothingSelected = function () {
817
- var iv = this.i.al();
835
+ var iv = this.i.an();
818
836
  return (iv);
819
837
  };
820
838
  /**
@@ -822,9 +840,71 @@ var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_super) {
822
840
 
823
841
  */
824
842
  IgcCheckboxListComponent.prototype.isEverythingSelected = function () {
825
- var iv = this.i.ak();
843
+ var iv = this.i.am();
826
844
  return (iv);
827
845
  };
846
+ Object.defineProperty(IgcCheckboxListComponent.prototype, "selectedKeyAdded", {
847
+ /**
848
+ * Called when an item is added.
849
+ */
850
+ get: function () {
851
+ return this._selectedKeyAdded;
852
+ },
853
+ set: function (ev) {
854
+ var _this = this;
855
+ if (this._selectedKeyAdded_wrapped !== null) {
856
+ this.i.selectedKeyAdded = delegateRemove(this.i.selectedKeyAdded, this._selectedKeyAdded_wrapped);
857
+ this._selectedKeyAdded_wrapped = null;
858
+ this._selectedKeyAdded = null;
859
+ }
860
+ this._selectedKeyAdded = ev;
861
+ this._selectedKeyAdded_wrapped = function (o, e) {
862
+ var outerArgs = new IgcCheckedChangedEventArgs();
863
+ outerArgs._provideImplementation(e);
864
+ if (_this.beforeSelectedKeyAdded) {
865
+ _this.beforeSelectedKeyAdded(_this, outerArgs);
866
+ }
867
+ if (_this._selectedKeyAdded) {
868
+ _this._selectedKeyAdded(_this, outerArgs);
869
+ }
870
+ };
871
+ this.i.selectedKeyAdded = delegateCombine(this.i.selectedKeyAdded, this._selectedKeyAdded_wrapped);
872
+ ;
873
+ },
874
+ enumerable: false,
875
+ configurable: true
876
+ });
877
+ Object.defineProperty(IgcCheckboxListComponent.prototype, "selectedKeyRemoved", {
878
+ /**
879
+ * Called when an item is removed.
880
+ */
881
+ get: function () {
882
+ return this._selectedKeyRemoved;
883
+ },
884
+ set: function (ev) {
885
+ var _this = this;
886
+ if (this._selectedKeyRemoved_wrapped !== null) {
887
+ this.i.selectedKeyRemoved = delegateRemove(this.i.selectedKeyRemoved, this._selectedKeyRemoved_wrapped);
888
+ this._selectedKeyRemoved_wrapped = null;
889
+ this._selectedKeyRemoved = null;
890
+ }
891
+ this._selectedKeyRemoved = ev;
892
+ this._selectedKeyRemoved_wrapped = function (o, e) {
893
+ var outerArgs = new IgcCheckedChangedEventArgs();
894
+ outerArgs._provideImplementation(e);
895
+ if (_this.beforeSelectedKeyRemoved) {
896
+ _this.beforeSelectedKeyRemoved(_this, outerArgs);
897
+ }
898
+ if (_this._selectedKeyRemoved) {
899
+ _this._selectedKeyRemoved(_this, outerArgs);
900
+ }
901
+ };
902
+ this.i.selectedKeyRemoved = delegateCombine(this.i.selectedKeyRemoved, this._selectedKeyRemoved_wrapped);
903
+ ;
904
+ },
905
+ enumerable: false,
906
+ configurable: true
907
+ });
828
908
  Object.defineProperty(IgcCheckboxListComponent.prototype, "checkedChanged", {
829
909
  /**
830
910
  * Called when a checkbox is checked or unchecked.
@@ -12,6 +12,7 @@ import { IgcTemplateColumnModule } from './igc-template-column-module';
12
12
  import { IgcXCheckboxModule } from "igniteui-webcomponents-inputs";
13
13
  import { IgcXInputGroupModule } from "igniteui-webcomponents-inputs";
14
14
  import { IgcCheckboxListComponent } from './igc-checkbox-list-component';
15
+ import { NativeUIGridFactory } from './NativeUIGridFactory';
15
16
  import { CheckboxList } from './CheckboxList';
16
17
  import { TypeRegistrar } from "igniteui-webcomponents-core";
17
18
  var IgcCheckboxListModule = /** @class */ /*@__PURE__*/ (function () {
@@ -28,6 +29,8 @@ var IgcCheckboxListModule = /** @class */ /*@__PURE__*/ (function () {
28
29
  IgcCheckboxListComponent.register();
29
30
  TypeRegistrar.registerCons('IgcCheckboxListComponent', IgcCheckboxListComponent);
30
31
  TypeRegistrar.registerCons('IgcCheckboxListComponent', IgcCheckboxListComponent);
32
+ TypeRegistrar.register('NativeUIGridFactory', NativeUIGridFactory.$type);
33
+ NativeUIGridFactory.register();
31
34
  TypeRegistrar.register('CheckboxList', CheckboxList.$type);
32
35
  };
33
36
  return IgcCheckboxListModule;
@@ -34,20 +34,34 @@ var IgcCheckedChangedEventArgs = /** @class */ /*@__PURE__*/ (function () {
34
34
  };
35
35
  Object.defineProperty(IgcCheckedChangedEventArgs.prototype, "index", {
36
36
  get: function () {
37
- return this.i.b;
37
+ return this.i.c;
38
38
  },
39
39
  set: function (v) {
40
- this.i.b = +v;
40
+ this.i.c = +v;
41
41
  },
42
42
  enumerable: false,
43
43
  configurable: true
44
44
  });
45
45
  Object.defineProperty(IgcCheckedChangedEventArgs.prototype, "isChecked", {
46
+ get: function () {
47
+ return this.i.b;
48
+ },
49
+ set: function (v) {
50
+ this.i.b = ensureBool(v);
51
+ },
52
+ enumerable: false,
53
+ configurable: true
54
+ });
55
+ Object.defineProperty(IgcCheckedChangedEventArgs.prototype, "primaryKey", {
46
56
  get: function () {
47
57
  return this.i.a;
48
58
  },
49
59
  set: function (v) {
50
- this.i.a = ensureBool(v);
60
+ if (v && !Array.isArray(v) && typeof (v) == "string") {
61
+ var re = /\s*(?:,|\s|$)\s*/gm;
62
+ v = v.split(re);
63
+ }
64
+ this.i.a = v;
51
65
  },
52
66
  enumerable: false,
53
67
  configurable: true
@@ -133,6 +133,11 @@ export * from './lib/BrowserPixelConverter';
133
133
  export * from './lib/GridExternalWrapper';
134
134
  export * from './lib/BrowserTickProvider';
135
135
  export * from './lib/BrowserExecutionContext';
136
+ export * from './lib/NativeUIGridFactory';
137
+ export * from './lib/CheckboxListBridge';
138
+ export * from './lib/CheckboxListExternal';
139
+ export * from './lib/CheckedChangedEventArgs';
140
+ export * from './lib/CheckboxListViewExternal';
136
141
  export * from './lib/DraggerView';
137
142
  export * from './lib/igc-grid-selected-keys-collection';
138
143
  export * from './lib/GridSelectedKeysCollection';