igniteui-webcomponents-grids 4.0.4 → 4.2.2

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 (95) hide show
  1. package/bundles/igniteui-webcomponents-grids.umd.js +941 -593
  2. package/bundles/igniteui-webcomponents-grids.umd.min.js +1 -1
  3. package/esm2015/lib/CanvasGridCellBase.js +26 -26
  4. package/esm2015/lib/CanvasSummaryCell.js +2 -2
  5. package/esm2015/lib/CanvasTextHeaderCell.js +1 -1
  6. package/esm2015/lib/CheckboxListView_combined.js +552 -389
  7. package/esm2015/lib/ColumnChooserView_combined.js +9 -9
  8. package/esm2015/lib/ColumnGroupingView_combined.js +1 -1
  9. package/esm2015/lib/ColumnPinningView_combined.js +7 -7
  10. package/esm2015/lib/ComparisonOperatorSelectorView_combined.js +1 -1
  11. package/esm2015/lib/DataGridCellLayoutPanel.js +5 -5
  12. package/esm2015/lib/EditorCell.js +1 -1
  13. package/esm2015/lib/FilterCell.js +1 -1
  14. package/esm2015/lib/GridColumnFilterOptionsView_combined.js +8 -8
  15. package/esm2015/lib/GridColumnSummaryOptionsView_combined.js +2 -2
  16. package/esm2015/lib/GridExpansionIndicatorView_combined.js +8 -8
  17. package/esm2015/lib/GridFilterDialogView_combined.js +5 -5
  18. package/esm2015/lib/GridSortIndicatorView_combined.js +9 -9
  19. package/esm2015/lib/ISummaryChooserView_combined.js +11 -11
  20. package/esm2015/lib/MultiColumnComboBoxView_combined.js +19 -19
  21. package/esm2015/lib/NumericEditorView.js +3 -3
  22. package/esm2015/lib/PropertyEditorView_combined.js +40 -40
  23. package/esm2015/lib/TextEditorView.js +10 -10
  24. package/esm2015/lib/igc-checkbox-list-component.js +155 -50
  25. package/esm5/lib/CanvasGridCellBase.js +26 -26
  26. package/esm5/lib/CanvasSummaryCell.js +2 -2
  27. package/esm5/lib/CanvasTextHeaderCell.js +1 -1
  28. package/esm5/lib/CheckboxListView_combined.js +578 -375
  29. package/esm5/lib/ColumnChooserView_combined.js +9 -9
  30. package/esm5/lib/ColumnGroupingView_combined.js +1 -1
  31. package/esm5/lib/ColumnPinningView_combined.js +7 -7
  32. package/esm5/lib/ComparisonOperatorSelectorView_combined.js +1 -1
  33. package/esm5/lib/DataGridCellLayoutPanel.js +5 -5
  34. package/esm5/lib/EditorCell.js +1 -1
  35. package/esm5/lib/FilterCell.js +1 -1
  36. package/esm5/lib/GridColumnFilterOptionsView_combined.js +8 -8
  37. package/esm5/lib/GridColumnSummaryOptionsView_combined.js +2 -2
  38. package/esm5/lib/GridExpansionIndicatorView_combined.js +8 -8
  39. package/esm5/lib/GridFilterDialogView_combined.js +5 -5
  40. package/esm5/lib/GridSortIndicatorView_combined.js +9 -9
  41. package/esm5/lib/ISummaryChooserView_combined.js +11 -11
  42. package/esm5/lib/MultiColumnComboBoxView_combined.js +19 -19
  43. package/esm5/lib/NumericEditorView.js +3 -3
  44. package/esm5/lib/PropertyEditorView_combined.js +40 -40
  45. package/esm5/lib/TextEditorView.js +10 -10
  46. package/esm5/lib/igc-checkbox-list-component.js +195 -50
  47. package/fesm2015/igniteui-webcomponents-grids.js +873 -605
  48. package/fesm5/igniteui-webcomponents-grids.js +939 -591
  49. package/grids/combined.js +160 -90
  50. package/grids/index.d.ts +15 -0
  51. package/grids/lib/common.d.ts +0 -4
  52. package/grids/lib/grid-toolbar-exporter-type.d.ts +3 -0
  53. package/grids/lib/igc-base-date-time-filtering-operand.d.ts +18 -0
  54. package/grids/lib/igc-base-toolbar-column-actions-directive.d.ts +2 -1
  55. package/grids/lib/igc-boolean-filtering-operand.d.ts +20 -0
  56. package/grids/lib/igc-cell-template-context.d.ts +2 -1
  57. package/grids/lib/igc-column-component.d.ts +3 -2
  58. package/grids/lib/igc-columns-auto-generated-event-args.d.ts +21 -0
  59. package/grids/lib/igc-date-filtering-operand.d.ts +20 -0
  60. package/grids/lib/igc-date-summary-operand.d.ts +75 -0
  61. package/grids/lib/igc-date-time-filtering-operand.d.ts +15 -0
  62. package/grids/lib/igc-display-density-base.d.ts +1 -1
  63. package/grids/lib/igc-exporter-options-base.d.ts +2 -0
  64. package/grids/lib/igc-filtering-expression.d.ts +33 -0
  65. package/grids/lib/igc-filtering-expressions-tree.d.ts +6 -4
  66. package/grids/lib/igc-filtering-operand.d.ts +4 -2
  67. package/grids/lib/igc-filtering-operation.d.ts +4 -0
  68. package/grids/lib/igc-grid-base-directive.d.ts +9 -2
  69. package/grids/lib/igc-grid-component.d.ts +4 -4
  70. package/grids/lib/igc-grid-toolbar-exporter-component.d.ts +2 -1
  71. package/grids/lib/igc-grouped-records.d.ts +1 -1
  72. package/grids/lib/igc-number-filtering-operand.d.ts +20 -0
  73. package/grids/lib/igc-number-summary-operand.d.ts +104 -0
  74. package/grids/lib/igc-pivot-date-dimension.d.ts +1 -20
  75. package/grids/lib/igc-pivot-grid-component.d.ts +12 -0
  76. package/grids/lib/igc-sorting-options.d.ts +3 -2
  77. package/grids/lib/igc-string-filtering-operand.d.ts +29 -0
  78. package/grids/lib/igc-summary-operand.d.ts +61 -0
  79. package/grids/lib/igc-time-filtering-operand.d.ts +15 -0
  80. package/grids/lib/igc-time-summary-operand.d.ts +49 -0
  81. package/grids/lib/sorting-options-mode.d.ts +3 -0
  82. package/grids/styles.css +1 -1
  83. package/grids/themes/dark/bootstrap.css +1 -1
  84. package/grids/themes/dark/fluent.css +1 -1
  85. package/grids/themes/dark/indigo.css +1 -1
  86. package/grids/themes/dark/material.css +1 -1
  87. package/grids/themes/light/bootstrap.css +1 -1
  88. package/grids/themes/light/fluent.css +1 -1
  89. package/grids/themes/light/indigo.css +1 -1
  90. package/grids/themes/light/material.css +1 -1
  91. package/lib/CheckboxListView_combined.d.ts +120 -96
  92. package/lib/ComparisonOperatorSelectorView_combined.d.ts +1 -1
  93. package/lib/GridColumnSummaryOptionsView_combined.d.ts +1 -1
  94. package/lib/igc-checkbox-list-component.d.ts +40 -0
  95. package/package.json +4 -4
@@ -290,10 +290,10 @@ var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_super) {
290
290
  * Gets or Sets the property name that contains the values.
291
291
  */
292
292
  get: function () {
293
- return this.i.a4;
293
+ return this.i.bc;
294
294
  },
295
295
  set: function (v) {
296
- this.i.a4 = v;
296
+ this.i.bc = v;
297
297
  },
298
298
  enumerable: true,
299
299
  configurable: true
@@ -303,10 +303,10 @@ var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_super) {
303
303
  * Gets or Sets the property name that contains the values.
304
304
  */
305
305
  get: function () {
306
- return this.i.bn;
306
+ return this.i.b0;
307
307
  },
308
308
  set: function (v) {
309
- this.i.bn = v;
309
+ this.i.b0 = v;
310
310
  },
311
311
  enumerable: true,
312
312
  configurable: true
@@ -316,10 +316,10 @@ var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_super) {
316
316
  * Gets or Sets the property name that contains the values.
317
317
  */
318
318
  get: function () {
319
- return this.i.a8;
319
+ return this.i.bg;
320
320
  },
321
321
  set: function (v) {
322
- this.i.a8 = v;
322
+ this.i.bg = v;
323
323
  },
324
324
  enumerable: true,
325
325
  configurable: true
@@ -343,18 +343,18 @@ var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_super) {
343
343
  * Gets or Sets the property name that contains the values.
344
344
  */
345
345
  get: function () {
346
- return this.i.au;
346
+ return this.i.ax;
347
347
  },
348
348
  set: function (v) {
349
- this.i.au = +v;
350
- this._a("rowHeight", this.i.au);
349
+ this.i.ax = +v;
350
+ this._a("rowHeight", this.i.ax);
351
351
  },
352
352
  enumerable: true,
353
353
  configurable: true
354
354
  });
355
355
  Object.defineProperty(IgcCheckboxListComponent.prototype, "actualRowHeight", {
356
356
  get: function () {
357
- return this.i.as;
357
+ return this.i.av;
358
358
  },
359
359
  enumerable: true,
360
360
  configurable: true
@@ -364,16 +364,16 @@ var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_super) {
364
364
  * Gets or Sets the property name that contains the values.
365
365
  */
366
366
  get: function () {
367
- if (this.i.ad == null) {
367
+ if (this.i.ae == null) {
368
368
  return null;
369
369
  }
370
- return this.i.ad.fontString;
370
+ return this.i.ae.fontString;
371
371
  },
372
372
  set: function (v) {
373
373
  var fi = new FontInfo();
374
374
  fi.fontString = v;
375
- this.i.ad = fi;
376
- this._a("cellTextStyle", this.i.ad != null ? this.i.ad.fontString : "");
375
+ this.i.ae = fi;
376
+ this._a("cellTextStyle", this.i.ae != null ? this.i.ae.fontString : "");
377
377
  },
378
378
  enumerable: true,
379
379
  configurable: true
@@ -420,6 +420,151 @@ var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_super) {
420
420
  enumerable: true,
421
421
  configurable: true
422
422
  });
423
+ Object.defineProperty(IgcCheckboxListComponent.prototype, "searchIconColor", {
424
+ /**
425
+ * Gets or sets the search icon color.
426
+ */
427
+ get: function () {
428
+ return brushToString(this.i.du);
429
+ },
430
+ set: function (v) {
431
+ this.i.du = stringToBrush(v);
432
+ this._a("searchIconColor", brushToString(this.i.du));
433
+ },
434
+ enumerable: true,
435
+ configurable: true
436
+ });
437
+ Object.defineProperty(IgcCheckboxListComponent.prototype, "searchBackgroundColor", {
438
+ /**
439
+ * Gets or sets the search background color.
440
+ */
441
+ get: function () {
442
+ return brushToString(this.i.ds);
443
+ },
444
+ set: function (v) {
445
+ this.i.ds = stringToBrush(v);
446
+ this._a("searchBackgroundColor", brushToString(this.i.ds));
447
+ },
448
+ enumerable: true,
449
+ configurable: true
450
+ });
451
+ Object.defineProperty(IgcCheckboxListComponent.prototype, "searchTextColor", {
452
+ /**
453
+ * Gets or sets the search text color.
454
+ */
455
+ get: function () {
456
+ return brushToString(this.i.dv);
457
+ },
458
+ set: function (v) {
459
+ this.i.dv = stringToBrush(v);
460
+ this._a("searchTextColor", brushToString(this.i.dv));
461
+ },
462
+ enumerable: true,
463
+ configurable: true
464
+ });
465
+ Object.defineProperty(IgcCheckboxListComponent.prototype, "searchBorderColor", {
466
+ /**
467
+ * Gets or sets the search border color.
468
+ */
469
+ get: function () {
470
+ return brushToString(this.i.dt);
471
+ },
472
+ set: function (v) {
473
+ this.i.dt = stringToBrush(v);
474
+ this._a("searchBorderColor", brushToString(this.i.dt));
475
+ },
476
+ enumerable: true,
477
+ configurable: true
478
+ });
479
+ Object.defineProperty(IgcCheckboxListComponent.prototype, "searchTextStyle", {
480
+ /**
481
+ * Gets or sets the text style.
482
+ */
483
+ get: function () {
484
+ if (this.i.af == null) {
485
+ return null;
486
+ }
487
+ return this.i.af.fontString;
488
+ },
489
+ set: function (v) {
490
+ var fi = new FontInfo();
491
+ fi.fontString = v;
492
+ this.i.af = fi;
493
+ this._a("searchTextStyle", this.i.af != null ? this.i.af.fontString : "");
494
+ },
495
+ enumerable: true,
496
+ configurable: true
497
+ });
498
+ Object.defineProperty(IgcCheckboxListComponent.prototype, "checkboxTickColor", {
499
+ /**
500
+ * Gets or sets the checkbox tick color.
501
+ */
502
+ get: function () {
503
+ return brushToString(this.i.dl);
504
+ },
505
+ set: function (v) {
506
+ this.i.dl = stringToBrush(v);
507
+ this._a("checkboxTickColor", brushToString(this.i.dl));
508
+ },
509
+ enumerable: true,
510
+ configurable: true
511
+ });
512
+ Object.defineProperty(IgcCheckboxListComponent.prototype, "checkboxCheckedBackgroundColor", {
513
+ /**
514
+ * Gets or sets the checkbox background color when checked.
515
+ */
516
+ get: function () {
517
+ return brushToString(this.i.dj);
518
+ },
519
+ set: function (v) {
520
+ this.i.dj = stringToBrush(v);
521
+ this._a("checkboxCheckedBackgroundColor", brushToString(this.i.dj));
522
+ },
523
+ enumerable: true,
524
+ configurable: true
525
+ });
526
+ Object.defineProperty(IgcCheckboxListComponent.prototype, "checkboxUncheckedBackgroundColor", {
527
+ /**
528
+ * Gets or sets the checkbox background color when unchecked.
529
+ */
530
+ get: function () {
531
+ return brushToString(this.i.dm);
532
+ },
533
+ set: function (v) {
534
+ this.i.dm = stringToBrush(v);
535
+ this._a("checkboxUncheckedBackgroundColor", brushToString(this.i.dm));
536
+ },
537
+ enumerable: true,
538
+ configurable: true
539
+ });
540
+ Object.defineProperty(IgcCheckboxListComponent.prototype, "checkboxCheckedBorderColor", {
541
+ /**
542
+ * Gets or sets the checkbox border color when checked.
543
+ */
544
+ get: function () {
545
+ return brushToString(this.i.dk);
546
+ },
547
+ set: function (v) {
548
+ this.i.dk = stringToBrush(v);
549
+ this._a("checkboxCheckedBorderColor", brushToString(this.i.dk));
550
+ },
551
+ enumerable: true,
552
+ configurable: true
553
+ });
554
+ Object.defineProperty(IgcCheckboxListComponent.prototype, "checkboxUncheckedBorderColor", {
555
+ /**
556
+ * Gets or sets the checkbox border color when unchecked.
557
+ */
558
+ get: function () {
559
+ return brushToString(this.i.dn);
560
+ },
561
+ set: function (v) {
562
+ this.i.dn = stringToBrush(v);
563
+ this._a("checkboxUncheckedBorderColor", brushToString(this.i.dn));
564
+ },
565
+ enumerable: true,
566
+ configurable: true
567
+ });
423
568
  Object.defineProperty(IgcCheckboxListComponent.prototype, "scrollbarStyle", {
424
569
  /**
425
570
  * Gets or sets the style of scrollbar.
@@ -439,11 +584,11 @@ var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_super) {
439
584
  * Gets or sets the scrollbar background color.
440
585
  */
441
586
  get: function () {
442
- return brushToString(this.i.cz);
587
+ return brushToString(this.i.dr);
443
588
  },
444
589
  set: function (v) {
445
- this.i.cz = stringToBrush(v);
446
- this._a("scrollbarBackground", brushToString(this.i.cz));
590
+ this.i.dr = stringToBrush(v);
591
+ this._a("scrollbarBackground", brushToString(this.i.dr));
447
592
  },
448
593
  enumerable: true,
449
594
  configurable: true
@@ -453,10 +598,10 @@ var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_super) {
453
598
  * Gets / sets the caption of the "Select All" checkbox.
454
599
  */
455
600
  get: function () {
456
- return this.i.bk;
601
+ return this.i.bx;
457
602
  },
458
603
  set: function (v) {
459
- this.i.bk = v;
604
+ this.i.bx = v;
460
605
  },
461
606
  enumerable: true,
462
607
  configurable: true
@@ -466,11 +611,11 @@ var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_super) {
466
611
  * Gets or sets the color to use for the "Select All" label.
467
612
  */
468
613
  get: function () {
469
- return brushToString(this.i.c0);
614
+ return brushToString(this.i.dw);
470
615
  },
471
616
  set: function (v) {
472
- this.i.c0 = stringToBrush(v);
473
- this._a("selectAllCaptionTextColor", brushToString(this.i.c0));
617
+ this.i.dw = stringToBrush(v);
618
+ this._a("selectAllCaptionTextColor", brushToString(this.i.dw));
474
619
  },
475
620
  enumerable: true,
476
621
  configurable: true
@@ -480,11 +625,11 @@ var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_super) {
480
625
  * Gets or sets the color to use for the actual header selectAllCaption text.
481
626
  */
482
627
  get: function () {
483
- return brushToString(this.i.cv);
628
+ return brushToString(this.i.dh);
484
629
  },
485
630
  set: function (v) {
486
- this.i.cv = stringToBrush(v);
487
- this._a("actualSelectAllCaptionTextColor", brushToString(this.i.cv));
631
+ this.i.dh = stringToBrush(v);
632
+ this._a("actualSelectAllCaptionTextColor", brushToString(this.i.dh));
488
633
  },
489
634
  enumerable: true,
490
635
  configurable: true
@@ -494,11 +639,11 @@ var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_super) {
494
639
  * Gets / sets whether the "Select all" checkbox is visible.
495
640
  */
496
641
  get: function () {
497
- return this.i.aq;
642
+ return this.i.as;
498
643
  },
499
644
  set: function (v) {
500
- this.i.aq = ensureBool(v);
501
- this._a("showSelectAll", this.i.aq);
645
+ this.i.as = ensureBool(v);
646
+ this._a("showSelectAll", this.i.as);
502
647
  },
503
648
  enumerable: true,
504
649
  configurable: true
@@ -508,11 +653,11 @@ var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_super) {
508
653
  * Gets or sets the color to use for the background of the component.
509
654
  */
510
655
  get: function () {
511
- return brushToString(this.i.cw);
656
+ return brushToString(this.i.di);
512
657
  },
513
658
  set: function (v) {
514
- this.i.cw = stringToBrush(v);
515
- this._a("backgroundColor", brushToString(this.i.cw));
659
+ this.i.di = stringToBrush(v);
660
+ this._a("backgroundColor", brushToString(this.i.di));
516
661
  },
517
662
  enumerable: true,
518
663
  configurable: true
@@ -522,11 +667,11 @@ var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_super) {
522
667
  * Gets or sets the color to use for the text of the component.
523
668
  */
524
669
  get: function () {
525
- return brushToString(this.i.c2);
670
+ return brushToString(this.i.dy);
526
671
  },
527
672
  set: function (v) {
528
- this.i.c2 = stringToBrush(v);
529
- this._a("textColor", brushToString(this.i.c2));
673
+ this.i.dy = stringToBrush(v);
674
+ this._a("textColor", brushToString(this.i.dy));
530
675
  },
531
676
  enumerable: true,
532
677
  configurable: true
@@ -536,11 +681,11 @@ var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_super) {
536
681
  * Gets or sets whether the filter input is visible.
537
682
  */
538
683
  get: function () {
539
- return this.i.ao;
684
+ return this.i.aq;
540
685
  },
541
686
  set: function (v) {
542
- this.i.ao = ensureBool(v);
543
- this._a("showFilter", this.i.ao);
687
+ this.i.aq = ensureBool(v);
688
+ this._a("showFilter", this.i.aq);
544
689
  },
545
690
  enumerable: true,
546
691
  configurable: true
@@ -550,11 +695,11 @@ var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_super) {
550
695
  * Gets or sets whether row hover highlighting is enabled.
551
696
  */
552
697
  get: function () {
553
- return this.i.al;
698
+ return this.i.an;
554
699
  },
555
700
  set: function (v) {
556
- this.i.al = ensureBool(v);
557
- this._a("isRowHoverEnabled", this.i.al);
701
+ this.i.an = ensureBool(v);
702
+ this._a("isRowHoverEnabled", this.i.an);
558
703
  },
559
704
  enumerable: true,
560
705
  configurable: true
@@ -632,17 +777,17 @@ var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_super) {
632
777
 
633
778
  */
634
779
  IgcCheckboxListComponent.prototype.selectAll = function () {
635
- this.i.cl();
780
+ this.i.cy();
636
781
  };
637
782
  /**
638
783
  * Deselects all the items in the checkbox list.
639
784
 
640
785
  */
641
786
  IgcCheckboxListComponent.prototype.deselectAll = function () {
642
- this.i.bw();
787
+ this.i.b9();
643
788
  };
644
789
  IgcCheckboxListComponent.prototype.notifySetItem = function (index, oldItem, newItem) {
645
- this.i.b3(index, oldItem, newItem);
790
+ this.i.cg(index, oldItem, newItem);
646
791
  };
647
792
  /**
648
793
  * Manually notifies the checkboxlist's grid that the data it has bound to has been cleared and needs to be re-examined.
@@ -650,26 +795,26 @@ var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_super) {
650
795
 
651
796
  */
652
797
  IgcCheckboxListComponent.prototype.notifyClearItems = function () {
653
- this.i.b0();
798
+ this.i.cd();
654
799
  };
655
800
  IgcCheckboxListComponent.prototype.notifyInsertItem = function (index, newItem) {
656
- this.i.b1(index, newItem);
801
+ this.i.ce(index, newItem);
657
802
  };
658
803
  IgcCheckboxListComponent.prototype.notifyRemoveItem = function (index, oldItem) {
659
- this.i.b2(index, oldItem);
804
+ this.i.cf(index, oldItem);
660
805
  };
661
806
  IgcCheckboxListComponent.prototype.addKeyValue = function (value) {
662
- this.i.bt(value);
807
+ this.i.b6(value);
663
808
  };
664
809
  IgcCheckboxListComponent.prototype.removeKeyValue = function (value) {
665
- this.i.ck(value);
810
+ this.i.cx(value);
666
811
  };
667
812
  /**
668
813
  * Returns true if no items are selected / checked; otherwise false.
669
814
 
670
815
  */
671
816
  IgcCheckboxListComponent.prototype.isNothingSelected = function () {
672
- var iv = this.i.aj();
817
+ var iv = this.i.al();
673
818
  return (iv);
674
819
  };
675
820
  /**
@@ -677,7 +822,7 @@ var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_super) {
677
822
 
678
823
  */
679
824
  IgcCheckboxListComponent.prototype.isEverythingSelected = function () {
680
- var iv = this.i.ai();
825
+ var iv = this.i.ak();
681
826
  return (iv);
682
827
  };
683
828
  Object.defineProperty(IgcCheckboxListComponent.prototype, "checkedChanged", {