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.
- package/bundles/igniteui-webcomponents-grids.umd.js +1078 -600
- package/bundles/igniteui-webcomponents-grids.umd.min.js +1 -1
- package/esm2015/lib/CheckboxListBridge.js +171 -0
- package/esm2015/lib/CheckboxListExternal.js +11 -0
- package/esm2015/lib/CheckboxListViewExternal.js +11 -0
- package/esm2015/lib/CheckboxListView_combined.js +554 -441
- package/esm2015/lib/CheckedChangedEventArgs.js +3 -2
- package/esm2015/lib/ColumnChooserView_combined.js +15 -15
- package/esm2015/lib/ColumnFilterCondition_combined.js +8 -8
- package/esm2015/lib/ColumnGroupingView_combined.js +4 -4
- package/esm2015/lib/ColumnGroupingVisualModelExport.js +1 -1
- package/esm2015/lib/ColumnPinningView_combined.js +12 -12
- package/esm2015/lib/DateEditorView.js +12 -12
- package/esm2015/lib/GridColumnFilterOptionsView_combined.js +10 -10
- package/esm2015/lib/ISummaryChooserView_combined.js +17 -17
- package/esm2015/lib/NativeUIGridFactory.js +66 -0
- package/esm2015/lib/PagerVisualModelExport.js +4 -4
- package/esm2015/lib/igc-checkbox-list-component.js +159 -93
- package/esm2015/lib/igc-checkbox-list-module.js +3 -0
- package/esm2015/lib/igc-checked-changed-event-args.js +14 -4
- package/esm2015/public_api.js +5 -0
- package/esm5/lib/CheckboxListBridge.js +173 -0
- package/esm5/lib/CheckboxListExternal.js +11 -0
- package/esm5/lib/CheckboxListViewExternal.js +11 -0
- package/esm5/lib/CheckboxListView_combined.js +541 -422
- package/esm5/lib/CheckedChangedEventArgs.js +3 -2
- package/esm5/lib/ColumnChooserView_combined.js +15 -15
- package/esm5/lib/ColumnFilterCondition_combined.js +8 -8
- package/esm5/lib/ColumnGroupingView_combined.js +4 -4
- package/esm5/lib/ColumnGroupingVisualModelExport.js +1 -1
- package/esm5/lib/ColumnPinningView_combined.js +12 -12
- package/esm5/lib/DateEditorView.js +12 -12
- package/esm5/lib/GridColumnFilterOptionsView_combined.js +10 -10
- package/esm5/lib/ISummaryChooserView_combined.js +17 -17
- package/esm5/lib/NativeUIGridFactory.js +76 -0
- package/esm5/lib/PagerVisualModelExport.js +4 -4
- package/esm5/lib/igc-checkbox-list-component.js +173 -93
- package/esm5/lib/igc-checkbox-list-module.js +3 -0
- package/esm5/lib/igc-checked-changed-event-args.js +17 -3
- package/esm5/public_api.js +5 -0
- package/fesm2015/igniteui-webcomponents-grids.js +1065 -623
- package/fesm5/igniteui-webcomponents-grids.js +1077 -603
- package/grids/combined.js +36783 -38660
- package/grids/index.d.ts +8 -8
- package/grids/lib/igc-action-strip-component.d.ts +4 -4
- package/grids/lib/igc-action-strip-token.d.ts +16 -0
- package/grids/lib/igc-base-exporter.d.ts +0 -4
- package/grids/lib/igc-base-toolbar-column-actions-directive.d.ts +1 -1
- package/grids/lib/igc-base-toolbar-directive.d.ts +0 -8
- package/grids/lib/igc-column-component.d.ts +15 -101
- package/grids/lib/igc-column-group-component.d.ts +94 -1
- package/grids/lib/igc-column-layout-component.d.ts +11 -0
- package/grids/lib/igc-column-pipe-args.d.ts +1 -0
- package/grids/lib/igc-column-resize-event-args.d.ts +1 -0
- package/grids/lib/igc-column-state.d.ts +0 -4
- package/grids/lib/igc-columns-auto-generated-event-args.d.ts +2 -0
- package/grids/lib/igc-for-of-data-changing-event-args.d.ts +4 -0
- package/grids/lib/igc-grid-base-directive.d.ts +34 -21
- package/grids/lib/igc-grid-component.d.ts +1 -1
- package/grids/lib/igc-grid-context-menu-event-args.d.ts +32 -0
- package/grids/lib/igc-grid-edit-done-event-args.d.ts +11 -3
- package/grids/lib/igc-grid-edit-event-args.d.ts +12 -3
- package/grids/lib/igc-grid-paginator-template-context.d.ts +19 -0
- package/grids/lib/igc-grid-resource-strings.d.ts +0 -3
- package/grids/lib/igc-grid-row-event-args.d.ts +27 -0
- package/grids/lib/igc-grid-toolbar-advanced-filtering-component.d.ts +0 -8
- package/grids/lib/igc-grid-toolbar-component.d.ts +3 -2
- package/grids/lib/igc-grid-toolbar-exporter-component.d.ts +5 -10
- package/grids/lib/igc-header-type.d.ts +0 -5
- package/grids/lib/igc-hierarchical-grid-component.d.ts +2 -2
- package/grids/lib/igc-paginator-component.d.ts +6 -22
- package/grids/lib/igc-pin-row-event-args.d.ts +5 -1
- package/grids/lib/igc-pivot-aggregator.d.ts +1 -1
- package/grids/lib/igc-pivot-configuration.d.ts +0 -1
- package/grids/lib/igc-pivot-data-selector-component.d.ts +2 -1
- package/grids/lib/igc-pivot-date-dimension.d.ts +3 -0
- package/grids/lib/igc-pivot-dimension.d.ts +12 -1
- package/grids/lib/igc-pivot-grid-component.d.ts +29 -19
- package/grids/lib/igc-pivot-grid-record.d.ts +8 -0
- package/grids/lib/igc-pivot-ui-settings.d.ts +28 -0
- package/grids/lib/igc-pivot-value.d.ts +0 -2
- package/grids/lib/igc-position-settings.d.ts +1 -10
- package/grids/lib/igc-row-data-cancelable-event-args.d.ts +61 -0
- package/grids/lib/igc-row-data-event-args.d.ts +10 -0
- package/grids/lib/igc-row-directive.d.ts +0 -5
- package/grids/lib/igc-row-island-component.d.ts +50 -146
- package/grids/lib/igc-row-toggle-event-args.d.ts +7 -1
- package/grids/lib/igc-sorting-options.d.ts +0 -1
- package/grids/lib/igc-tree-grid-component.d.ts +15 -18
- package/grids/lib/pivot-row-layout-type.d.ts +3 -0
- package/grids/lib/pivot-summary-position.d.ts +3 -0
- package/grids/styles.css +1 -1
- package/grids/themes/dark/bootstrap.css +1 -1
- package/grids/themes/dark/fluent.css +1 -1
- package/grids/themes/dark/indigo.css +1 -1
- package/grids/themes/dark/material.css +1 -1
- package/grids/themes/light/bootstrap.css +1 -1
- package/grids/themes/light/fluent.css +1 -1
- package/grids/themes/light/indigo.css +1 -1
- package/grids/themes/light/material.css +1 -1
- package/lib/CheckboxListBridge.d.ts +29 -0
- package/lib/CheckboxListExternal.d.ts +29 -0
- package/lib/CheckboxListViewExternal.d.ts +16 -0
- package/lib/CheckboxListView_combined.d.ts +130 -121
- package/lib/CheckedChangedEventArgs.d.ts +3 -2
- package/lib/ColumnFilterCondition_combined.d.ts +1 -1
- package/lib/DateEditorView.d.ts +2 -2
- package/lib/NativeUIGridFactory.d.ts +19 -0
- package/lib/igc-checkbox-list-component.d.ts +19 -0
- package/lib/igc-checked-changed-event-args.d.ts +2 -0
- package/package.json +4 -4
- package/public_api.d.ts +5 -0
- package/grids/3rdpartylicenses.txt +0 -705
- package/grids/lib/display-density.d.ts +0 -3
- package/grids/lib/igc-child-grid-row-component.d.ts +0 -59
- package/grids/lib/igc-density-changed-event-args.d.ts +0 -21
- package/grids/lib/igc-display-density-base.d.ts +0 -45
- package/grids/lib/igc-grid-filtering-cell-component.d.ts +0 -16
- package/grids/lib/igc-grid-header-component.d.ts +0 -16
- package/grids/lib/igc-grid-header-group-component.d.ts +0 -16
- 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.
|
|
297
|
+
return this.i.be;
|
|
294
298
|
},
|
|
295
299
|
set: function (v) {
|
|
296
|
-
this.i.
|
|
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.
|
|
310
|
+
return this.i.b3;
|
|
307
311
|
},
|
|
308
312
|
set: function (v) {
|
|
309
|
-
this.i.
|
|
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.
|
|
323
|
+
return this.i.bi;
|
|
320
324
|
},
|
|
321
325
|
set: function (v) {
|
|
322
|
-
this.i.
|
|
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.
|
|
336
|
+
return this.i.v;
|
|
333
337
|
},
|
|
334
338
|
set: function (v) {
|
|
335
|
-
this.i.
|
|
336
|
-
this._a("searchInputType", enumToString(InputGroupDisplayType_$type, this.i.
|
|
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.
|
|
350
|
+
return this.i.az;
|
|
347
351
|
},
|
|
348
352
|
set: function (v) {
|
|
349
|
-
this.i.
|
|
350
|
-
this._a("rowHeight", this.i.
|
|
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.
|
|
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.
|
|
371
|
+
if (this.i.ag == null) {
|
|
368
372
|
return null;
|
|
369
373
|
}
|
|
370
|
-
return this.i.
|
|
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.
|
|
376
|
-
this._a("cellTextStyle", this.i.
|
|
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.
|
|
404
|
+
return this.i.aa;
|
|
401
405
|
},
|
|
402
406
|
set: function (v) {
|
|
403
|
-
this.i.
|
|
404
|
-
this._a("baseTheme", enumToString(BaseControlTheme_$type, this.i.
|
|
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.
|
|
418
|
+
return this.i.ac;
|
|
415
419
|
},
|
|
416
420
|
set: function (v) {
|
|
417
|
-
this.i.
|
|
418
|
-
this._a("density", enumToString(ControlDisplayDensity_$type, this.i.
|
|
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.
|
|
432
|
+
return brushToString(this.i.d1);
|
|
429
433
|
},
|
|
430
434
|
set: function (v) {
|
|
431
|
-
this.i.
|
|
432
|
-
this._a("searchIconColor", brushToString(this.i.
|
|
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.
|
|
446
|
+
return brushToString(this.i.dz);
|
|
443
447
|
},
|
|
444
448
|
set: function (v) {
|
|
445
|
-
this.i.
|
|
446
|
-
this._a("searchBackgroundColor", brushToString(this.i.
|
|
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.
|
|
460
|
+
return brushToString(this.i.d2);
|
|
457
461
|
},
|
|
458
462
|
set: function (v) {
|
|
459
|
-
this.i.
|
|
460
|
-
this._a("searchTextColor", brushToString(this.i.
|
|
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.
|
|
474
|
+
return brushToString(this.i.d0);
|
|
471
475
|
},
|
|
472
476
|
set: function (v) {
|
|
473
|
-
this.i.
|
|
474
|
-
this._a("searchBorderColor", brushToString(this.i.
|
|
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.
|
|
488
|
+
if (this.i.ah == null) {
|
|
485
489
|
return null;
|
|
486
490
|
}
|
|
487
|
-
return this.i.
|
|
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.
|
|
493
|
-
this._a("searchTextStyle", this.i.
|
|
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.
|
|
507
|
+
return brushToString(this.i.dr);
|
|
504
508
|
},
|
|
505
509
|
set: function (v) {
|
|
506
|
-
this.i.
|
|
507
|
-
this._a("checkboxTickColor", brushToString(this.i.
|
|
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.
|
|
521
|
+
return brushToString(this.i.dp);
|
|
518
522
|
},
|
|
519
523
|
set: function (v) {
|
|
520
|
-
this.i.
|
|
521
|
-
this._a("checkboxCheckedBackgroundColor", brushToString(this.i.
|
|
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.
|
|
535
|
+
return brushToString(this.i.ds);
|
|
532
536
|
},
|
|
533
537
|
set: function (v) {
|
|
534
|
-
this.i.
|
|
535
|
-
this._a("checkboxUncheckedBackgroundColor", brushToString(this.i.
|
|
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.
|
|
549
|
+
return brushToString(this.i.dq);
|
|
546
550
|
},
|
|
547
551
|
set: function (v) {
|
|
548
|
-
this.i.
|
|
549
|
-
this._a("checkboxCheckedBorderColor", brushToString(this.i.
|
|
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.
|
|
563
|
+
return brushToString(this.i.dt);
|
|
560
564
|
},
|
|
561
565
|
set: function (v) {
|
|
562
|
-
this.i.
|
|
563
|
-
this._a("checkboxUncheckedBorderColor", brushToString(this.i.
|
|
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.
|
|
577
|
+
return this.i.y;
|
|
574
578
|
},
|
|
575
579
|
set: function (v) {
|
|
576
|
-
this.i.
|
|
577
|
-
this._a("scrollbarStyle", enumToString(ScrollbarStyle_$type, this.i.
|
|
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.
|
|
591
|
+
return brushToString(this.i.dy);
|
|
588
592
|
},
|
|
589
593
|
set: function (v) {
|
|
590
|
-
this.i.
|
|
591
|
-
this._a("scrollbarBackground", brushToString(this.i.
|
|
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.
|
|
605
|
+
return this.i.b0;
|
|
602
606
|
},
|
|
603
607
|
set: function (v) {
|
|
604
|
-
this.i.
|
|
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.
|
|
618
|
+
return brushToString(this.i.d3);
|
|
615
619
|
},
|
|
616
620
|
set: function (v) {
|
|
617
|
-
this.i.
|
|
618
|
-
this._a("selectAllCaptionTextColor", brushToString(this.i.
|
|
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.
|
|
632
|
+
return brushToString(this.i.dm);
|
|
629
633
|
},
|
|
630
634
|
set: function (v) {
|
|
631
|
-
this.i.
|
|
632
|
-
this._a("actualSelectAllCaptionTextColor", brushToString(this.i.
|
|
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.
|
|
646
|
+
return this.i.au;
|
|
643
647
|
},
|
|
644
648
|
set: function (v) {
|
|
645
|
-
this.i.
|
|
646
|
-
this._a("showSelectAll", this.i.
|
|
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.
|
|
660
|
+
return brushToString(this.i.dn);
|
|
657
661
|
},
|
|
658
662
|
set: function (v) {
|
|
659
|
-
this.i.
|
|
660
|
-
this._a("backgroundColor", brushToString(this.i.
|
|
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.
|
|
688
|
+
return brushToString(this.i.d5);
|
|
671
689
|
},
|
|
672
690
|
set: function (v) {
|
|
673
|
-
this.i.
|
|
674
|
-
this._a("textColor", brushToString(this.i.
|
|
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.
|
|
702
|
+
return this.i.as;
|
|
685
703
|
},
|
|
686
704
|
set: function (v) {
|
|
687
|
-
this.i.
|
|
688
|
-
this._a("showFilter", this.i.
|
|
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.
|
|
716
|
+
return this.i.ap;
|
|
699
717
|
},
|
|
700
718
|
set: function (v) {
|
|
701
|
-
this.i.
|
|
702
|
-
this._a("isRowHoverEnabled", this.i.
|
|
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.
|
|
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.
|
|
805
|
+
this.i.cc();
|
|
788
806
|
};
|
|
789
807
|
IgcCheckboxListComponent.prototype.notifySetItem = function (index, oldItem, newItem) {
|
|
790
|
-
this.i.
|
|
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.
|
|
816
|
+
this.i.ch();
|
|
799
817
|
};
|
|
800
818
|
IgcCheckboxListComponent.prototype.notifyInsertItem = function (index, newItem) {
|
|
801
|
-
this.i.
|
|
819
|
+
this.i.ci(index, newItem);
|
|
802
820
|
};
|
|
803
821
|
IgcCheckboxListComponent.prototype.notifyRemoveItem = function (index, oldItem) {
|
|
804
|
-
this.i.
|
|
822
|
+
this.i.cj(index, oldItem);
|
|
805
823
|
};
|
|
806
824
|
IgcCheckboxListComponent.prototype.addKeyValue = function (value) {
|
|
807
|
-
this.i.
|
|
825
|
+
this.i.b9(value);
|
|
808
826
|
};
|
|
809
827
|
IgcCheckboxListComponent.prototype.removeKeyValue = function (value) {
|
|
810
|
-
this.i.
|
|
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.
|
|
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.
|
|
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.
|
|
37
|
+
return this.i.c;
|
|
38
38
|
},
|
|
39
39
|
set: function (v) {
|
|
40
|
-
this.i.
|
|
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
|
-
|
|
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
|
package/esm5/public_api.js
CHANGED
|
@@ -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';
|