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.
- package/bundles/igniteui-webcomponents-grids.umd.js +1393 -1404
- package/bundles/igniteui-webcomponents-grids.umd.min.js +1 -1
- package/esm2015/lib/CanvasGridCellBase.js +52 -52
- package/esm2015/lib/CanvasTemplateCellPresenter.js +7 -7
- package/esm2015/lib/CanvasTemplateHeaderCellPresenter.js +6 -6
- package/esm2015/lib/CanvasTextHeaderCell.js +1 -1
- package/esm2015/lib/CheckboxListBridge.js +1 -4
- package/esm2015/lib/CheckboxListView_combined.js +188 -188
- package/esm2015/lib/ColumnChooserView_combined.js +42 -42
- package/esm2015/lib/ColumnFilterCondition_combined.js +659 -659
- package/esm2015/lib/ColumnGroupingView_combined.js +40 -40
- package/esm2015/lib/ColumnPinningView_combined.js +42 -42
- package/esm2015/lib/DataGridAccessibilityLayoutPanel.js +2 -2
- package/esm2015/lib/DataGridCellLayoutPanel.js +48 -48
- package/esm2015/lib/DataGridToolbarView_combined.js +87 -87
- package/esm2015/lib/EditorCell.js +86 -86
- package/esm2015/lib/EditorCellPresenter.js +1 -1
- package/esm2015/lib/FilterCell.js +90 -90
- package/esm2015/lib/FilterCellPresenter.js +1 -1
- package/esm2015/lib/GridColumnFilterOptionsView_combined.js +7 -7
- package/esm2015/lib/ISummaryChooserView_combined.js +6 -6
- package/esm2015/lib/TemplateHeader.js +1 -1
- package/esm2015/lib/igc-checkbox-list-component.js +31 -27
- package/esm2015/lib/igc-column-chooser-component.js +2 -2
- package/esm2015/lib/igc-column-pinning-component.js +2 -2
- package/esm2015/lib/igc-data-grid-toolbar-component.js +2 -2
- package/esm2015/public_api.js +20 -21
- package/esm5/lib/CanvasGridCellBase.js +52 -52
- package/esm5/lib/CanvasTemplateCellPresenter.js +7 -7
- package/esm5/lib/CanvasTemplateHeaderCellPresenter.js +6 -6
- package/esm5/lib/CanvasTextHeaderCell.js +1 -1
- package/esm5/lib/CheckboxListBridge.js +1 -4
- package/esm5/lib/CheckboxListView_combined.js +179 -179
- package/esm5/lib/ColumnChooserView_combined.js +41 -41
- package/esm5/lib/ColumnFilterCondition_combined.js +654 -654
- package/esm5/lib/ColumnGroupingView_combined.js +40 -40
- package/esm5/lib/ColumnPinningView_combined.js +41 -41
- package/esm5/lib/DataGridAccessibilityLayoutPanel.js +2 -2
- package/esm5/lib/DataGridCellLayoutPanel.js +48 -48
- package/esm5/lib/DataGridToolbarView_combined.js +86 -86
- package/esm5/lib/EditorCell.js +85 -85
- package/esm5/lib/EditorCellPresenter.js +1 -1
- package/esm5/lib/FilterCell.js +88 -88
- package/esm5/lib/FilterCellPresenter.js +1 -1
- package/esm5/lib/GridColumnFilterOptionsView_combined.js +7 -7
- package/esm5/lib/ISummaryChooserView_combined.js +6 -6
- package/esm5/lib/TemplateHeader.js +1 -1
- package/esm5/lib/igc-checkbox-list-component.js +31 -27
- package/esm5/lib/igc-column-chooser-component.js +2 -2
- package/esm5/lib/igc-column-pinning-component.js +2 -2
- package/esm5/lib/igc-data-grid-toolbar-component.js +2 -2
- package/esm5/public_api.js +20 -21
- package/fesm2015/igniteui-webcomponents-grids.js +1415 -1425
- package/fesm5/igniteui-webcomponents-grids.js +1395 -1405
- package/grids/combined.js +16296 -15683
- package/grids/lib/igc-grid-base-directive.d.ts +1 -0
- package/grids/lib/igc-row-island-component.d.ts +1 -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/CanvasGridCellBase.d.ts +7 -7
- package/lib/CanvasTemplateCellPresenter.d.ts +2 -2
- package/lib/CanvasTemplateHeaderCellPresenter.d.ts +2 -2
- package/lib/CheckboxListExternal.d.ts +6 -4
- package/lib/CheckboxListView_combined.d.ts +26 -26
- package/lib/ColumnChooserView_combined.d.ts +4 -4
- package/lib/ColumnFilterCondition_combined.d.ts +113 -113
- package/lib/ColumnGroupingView_combined.d.ts +2 -2
- package/lib/ColumnPinningView_combined.d.ts +4 -4
- package/lib/DataGridCellLayoutPanel.d.ts +3 -3
- package/lib/DataGridToolbarView_combined.d.ts +5 -5
- package/lib/EditorCell.d.ts +8 -8
- package/lib/FilterCell.d.ts +12 -12
- package/lib/igc-checkbox-list-component.d.ts +2 -0
- package/package.json +4 -4
- package/public_api.d.ts +20 -21
- package/esm2015/lib/CheckboxListViewExternal.js +0 -11
- package/esm5/lib/CheckboxListViewExternal.js +0 -11
- package/lib/CheckboxListViewExternal.d.ts +0 -16
|
@@ -58,7 +58,7 @@ export let CanvasGridCellBase = /*@__PURE__*/ (() => {
|
|
|
58
58
|
}
|
|
59
59
|
constructor(a) {
|
|
60
60
|
super();
|
|
61
|
-
this.
|
|
61
|
+
this.b = null;
|
|
62
62
|
this.s = true;
|
|
63
63
|
this.o = true;
|
|
64
64
|
this.k = null;
|
|
@@ -102,9 +102,9 @@ export let CanvasGridCellBase = /*@__PURE__*/ (() => {
|
|
|
102
102
|
this.a5 = 0;
|
|
103
103
|
this.cz = Color.u(255, 255, 255, 255);
|
|
104
104
|
this.m = false;
|
|
105
|
-
this.
|
|
106
|
-
this.
|
|
107
|
-
this.
|
|
105
|
+
this.a = null;
|
|
106
|
+
this.d = 0;
|
|
107
|
+
this.f = 0;
|
|
108
108
|
this.bz = 1;
|
|
109
109
|
this.r = false;
|
|
110
110
|
this.az = 0;
|
|
@@ -121,12 +121,12 @@ export let CanvasGridCellBase = /*@__PURE__*/ (() => {
|
|
|
121
121
|
this.by = 0;
|
|
122
122
|
this.n = false;
|
|
123
123
|
this.bp = 0;
|
|
124
|
-
this.
|
|
124
|
+
this.c = 0;
|
|
125
125
|
this.ar = NaN;
|
|
126
126
|
this.h = null;
|
|
127
127
|
this.bt = -1;
|
|
128
128
|
this.ap = NaN;
|
|
129
|
-
this.
|
|
129
|
+
this.g = 1;
|
|
130
130
|
this.ax = 1;
|
|
131
131
|
this.bm = a;
|
|
132
132
|
}
|
|
@@ -448,11 +448,11 @@ export let CanvasGridCellBase = /*@__PURE__*/ (() => {
|
|
|
448
448
|
return;
|
|
449
449
|
}
|
|
450
450
|
this.l = true;
|
|
451
|
-
this.
|
|
452
|
-
this.
|
|
453
|
-
this.
|
|
454
|
-
this.
|
|
455
|
-
this.
|
|
451
|
+
this.a = new CanvasPlaceholderView();
|
|
452
|
+
this.d = 0;
|
|
453
|
+
this.f = 1;
|
|
454
|
+
this.a.l = Color.u(120, 120, 120, 120);
|
|
455
|
+
this.a.h = 0;
|
|
456
456
|
}
|
|
457
457
|
cd(a) {
|
|
458
458
|
this.o = true;
|
|
@@ -477,22 +477,22 @@ export let CanvasGridCellBase = /*@__PURE__*/ (() => {
|
|
|
477
477
|
return;
|
|
478
478
|
}
|
|
479
479
|
this.o = true;
|
|
480
|
-
this.
|
|
480
|
+
this.a.h = (a * 0.20000000298023224);
|
|
481
481
|
}
|
|
482
482
|
b6(a, b, c, d) {
|
|
483
|
-
if (this.
|
|
483
|
+
if (this.a != null) {
|
|
484
484
|
let e = this.az;
|
|
485
485
|
let f = this.ay;
|
|
486
|
-
if (this.
|
|
486
|
+
if (this.f == 1) {
|
|
487
487
|
b = truncate((b + (d / 2) - (f / 2)));
|
|
488
488
|
}
|
|
489
|
-
else if (this.
|
|
489
|
+
else if (this.f == 2) {
|
|
490
490
|
b = truncate((b + (d) - (f)));
|
|
491
491
|
}
|
|
492
|
-
if (this.
|
|
492
|
+
if (this.d == 1) {
|
|
493
493
|
a = truncate((a + (c / 2) - (e / 2)));
|
|
494
494
|
}
|
|
495
|
-
else if (this.
|
|
495
|
+
else if (this.d == 2) {
|
|
496
496
|
a = truncate((a + (c) - (e)));
|
|
497
497
|
}
|
|
498
498
|
}
|
|
@@ -530,8 +530,8 @@ export let CanvasGridCellBase = /*@__PURE__*/ (() => {
|
|
|
530
530
|
return;
|
|
531
531
|
}
|
|
532
532
|
this.o = true;
|
|
533
|
-
this.
|
|
534
|
-
this.
|
|
533
|
+
this.d = a;
|
|
534
|
+
this.f = b;
|
|
535
535
|
}
|
|
536
536
|
ct(a) {
|
|
537
537
|
if (!this.ac) {
|
|
@@ -540,13 +540,13 @@ export let CanvasGridCellBase = /*@__PURE__*/ (() => {
|
|
|
540
540
|
this.o = true;
|
|
541
541
|
}
|
|
542
542
|
cc(a) {
|
|
543
|
-
this.
|
|
543
|
+
this.b = a;
|
|
544
544
|
}
|
|
545
|
-
get
|
|
546
|
-
return this.
|
|
545
|
+
get e() {
|
|
546
|
+
return this.c;
|
|
547
547
|
}
|
|
548
548
|
ci(a) {
|
|
549
|
-
this.
|
|
549
|
+
this.c = a;
|
|
550
550
|
this.o = true;
|
|
551
551
|
this.s = true;
|
|
552
552
|
}
|
|
@@ -582,7 +582,7 @@ export let CanvasGridCellBase = /*@__PURE__*/ (() => {
|
|
|
582
582
|
g = this.a1;
|
|
583
583
|
}
|
|
584
584
|
let h = this.bk(this.cx, this.b0, g, a);
|
|
585
|
-
switch (this.
|
|
585
|
+
switch (this.c) {
|
|
586
586
|
case 0:
|
|
587
587
|
c = this.au + this.ai;
|
|
588
588
|
break;
|
|
@@ -594,7 +594,7 @@ export let CanvasGridCellBase = /*@__PURE__*/ (() => {
|
|
|
594
594
|
c = Math.max(0, (this.a5 - (this.av + this.aj))) - h;
|
|
595
595
|
break;
|
|
596
596
|
}
|
|
597
|
-
switch (this.
|
|
597
|
+
switch (this.g) {
|
|
598
598
|
case 0:
|
|
599
599
|
d = this.aw + this.ak;
|
|
600
600
|
break;
|
|
@@ -652,7 +652,7 @@ export let CanvasGridCellBase = /*@__PURE__*/ (() => {
|
|
|
652
652
|
return h;
|
|
653
653
|
}
|
|
654
654
|
cq(a) {
|
|
655
|
-
this.
|
|
655
|
+
this.g = a;
|
|
656
656
|
this.o = true;
|
|
657
657
|
this.s = true;
|
|
658
658
|
}
|
|
@@ -660,33 +660,33 @@ export let CanvasGridCellBase = /*@__PURE__*/ (() => {
|
|
|
660
660
|
return a.isClickActionDesired;
|
|
661
661
|
}
|
|
662
662
|
onContactStarted(a, b) {
|
|
663
|
-
if (this.
|
|
663
|
+
if (this.b != null && this.ag(this.b)) {
|
|
664
664
|
this.bx = a.pageX;
|
|
665
665
|
this.by = a.pageY;
|
|
666
|
-
this.
|
|
666
|
+
this.b.mouseDownCell(this.bx, this.by);
|
|
667
667
|
}
|
|
668
668
|
}
|
|
669
669
|
onContactMoved(a, b) {
|
|
670
|
-
if (this.
|
|
670
|
+
if (this.b != null && this.ag(this.b)) {
|
|
671
671
|
let c = a.pageX;
|
|
672
672
|
let d = a.pageY;
|
|
673
|
-
if (this.
|
|
673
|
+
if (this.b.isMouseDown) {
|
|
674
674
|
if (b) {
|
|
675
|
-
if (PointUtil.equals(this.
|
|
676
|
-
this.
|
|
675
|
+
if (PointUtil.equals(this.b.mousePosition, null) || Math.abs(c - this.b.mousePosition.x) > CanvasGridCellBase.bs || Math.abs(d - this.b.mousePosition.y) > CanvasGridCellBase.bs) {
|
|
676
|
+
this.b.mouseUpCell(c, d);
|
|
677
677
|
}
|
|
678
678
|
else {
|
|
679
679
|
a.stopPropagation();
|
|
680
680
|
}
|
|
681
681
|
}
|
|
682
682
|
else {
|
|
683
|
-
if (PointUtil.equals(this.
|
|
684
|
-
this.
|
|
683
|
+
if (PointUtil.equals(this.b.mousePosition, null)) {
|
|
684
|
+
this.b.mouseUpCell(c, d);
|
|
685
685
|
}
|
|
686
686
|
else {
|
|
687
|
-
if (Math.abs(c - this.
|
|
688
|
-
this.
|
|
689
|
-
this.
|
|
687
|
+
if (Math.abs(c - this.b.mousePosition.x) > CanvasGridCellBase.bq || Math.abs(d - this.b.mousePosition.y) > CanvasGridCellBase.bq) {
|
|
688
|
+
this.b.isControlPressed = a.ctrlKey;
|
|
689
|
+
this.b.dragStarted();
|
|
690
690
|
}
|
|
691
691
|
}
|
|
692
692
|
}
|
|
@@ -694,46 +694,46 @@ export let CanvasGridCellBase = /*@__PURE__*/ (() => {
|
|
|
694
694
|
}
|
|
695
695
|
}
|
|
696
696
|
onContactCompleted(a, b) {
|
|
697
|
-
if (this.
|
|
697
|
+
if (this.b != null && this.ag(this.b)) {
|
|
698
698
|
let c = a.pageX;
|
|
699
699
|
let d = a.pageY;
|
|
700
|
-
if (PointUtil.equals(this.
|
|
701
|
-
this.
|
|
700
|
+
if (PointUtil.equals(this.b.mousePosition, null) || Math.abs(c - this.b.mousePosition.x) > CanvasGridCellBase.bs || Math.abs(d - this.b.mousePosition.y) > CanvasGridCellBase.bs || this.b.isDrag) {
|
|
701
|
+
this.b.mouseUpCell(c, d);
|
|
702
702
|
}
|
|
703
|
-
if (this.
|
|
704
|
-
this.
|
|
705
|
-
this.
|
|
703
|
+
if (this.b.isCellDown()) {
|
|
704
|
+
this.b.isControlPressed = a.ctrlKey;
|
|
705
|
+
this.b.isShiftPressed = a.shiftKey;
|
|
706
706
|
switch (a.which) {
|
|
707
707
|
case 1:
|
|
708
|
-
this.
|
|
708
|
+
this.b.clickCell(0);
|
|
709
709
|
break;
|
|
710
710
|
case 2:
|
|
711
|
-
this.
|
|
711
|
+
this.b.clickCell(1);
|
|
712
712
|
break;
|
|
713
713
|
case 3:
|
|
714
|
-
this.
|
|
714
|
+
this.b.clickCell(2);
|
|
715
715
|
break;
|
|
716
716
|
default:
|
|
717
|
-
this.
|
|
717
|
+
this.b.clickCell(3);
|
|
718
718
|
break;
|
|
719
719
|
}
|
|
720
|
-
this.
|
|
720
|
+
this.b.mouseUpCell(a.pageX, a.pageY);
|
|
721
721
|
}
|
|
722
722
|
}
|
|
723
723
|
}
|
|
724
724
|
onDoubleClick(a) {
|
|
725
725
|
switch (a.which) {
|
|
726
726
|
case 1:
|
|
727
|
-
this.
|
|
727
|
+
this.b.doubleClicked(0);
|
|
728
728
|
break;
|
|
729
729
|
case 2:
|
|
730
|
-
this.
|
|
730
|
+
this.b.doubleClicked(1);
|
|
731
731
|
break;
|
|
732
732
|
case 3:
|
|
733
|
-
this.
|
|
733
|
+
this.b.doubleClicked(2);
|
|
734
734
|
break;
|
|
735
735
|
default:
|
|
736
|
-
this.
|
|
736
|
+
this.b.doubleClicked(3);
|
|
737
737
|
break;
|
|
738
738
|
}
|
|
739
739
|
}
|
|
@@ -14,23 +14,23 @@ export let CanvasTemplateCellPresenter = /*@__PURE__*/ (() => {
|
|
|
14
14
|
class CanvasTemplateCellPresenter extends CanvasCellPresenterBase {
|
|
15
15
|
constructor(a, b) {
|
|
16
16
|
super(a);
|
|
17
|
-
this.
|
|
18
|
-
this.
|
|
17
|
+
this.e = null;
|
|
18
|
+
this.e = b;
|
|
19
19
|
}
|
|
20
|
-
get
|
|
20
|
+
get d() {
|
|
21
21
|
return this.a;
|
|
22
22
|
}
|
|
23
23
|
b(a) {
|
|
24
24
|
super.b(a);
|
|
25
25
|
let b = a;
|
|
26
|
-
let c = this.
|
|
26
|
+
let c = this.e.actualColumns._inner[a.l.a5];
|
|
27
27
|
if (a.a3(CellModel.es) || a.a3(CellModel.gt)) {
|
|
28
28
|
let d = Math.min(1, Math.max(0, a.ck));
|
|
29
29
|
let e = a.ca * (1 - d);
|
|
30
|
-
this.
|
|
30
|
+
this.d.c8.opacity = e;
|
|
31
31
|
}
|
|
32
|
-
this.
|
|
33
|
-
c.lm(a, this.
|
|
32
|
+
this.d.c9();
|
|
33
|
+
c.lm(a, this.d);
|
|
34
34
|
}
|
|
35
35
|
}
|
|
36
36
|
CanvasTemplateCellPresenter.$t = /*@__PURE__*/ markType(CanvasTemplateCellPresenter, 'CanvasTemplateCellPresenter', CanvasCellPresenterBase.$);
|
|
@@ -12,25 +12,25 @@ import { markType } from "igniteui-webcomponents-core";
|
|
|
12
12
|
*/
|
|
13
13
|
export let CanvasTemplateHeaderCellPresenter = /*@__PURE__*/ (() => {
|
|
14
14
|
class CanvasTemplateHeaderCellPresenter extends CanvasCellPresenterBase {
|
|
15
|
-
get
|
|
15
|
+
get d() {
|
|
16
16
|
return this.a;
|
|
17
17
|
}
|
|
18
18
|
constructor(a, b) {
|
|
19
19
|
super(a);
|
|
20
|
-
this.
|
|
21
|
-
this.
|
|
20
|
+
this.e = null;
|
|
21
|
+
this.e = b;
|
|
22
22
|
}
|
|
23
23
|
b(a) {
|
|
24
24
|
super.b(a);
|
|
25
|
-
let b = this.
|
|
25
|
+
let b = this.e.actualColumns._inner[a.l.a5];
|
|
26
26
|
let c = b.header;
|
|
27
27
|
if (a.a3(CellModel.es) || a.a3(CellModel.gt)) {
|
|
28
28
|
let d = Math.min(1, Math.max(0, a.ck));
|
|
29
29
|
let e = a.ca * (1 - d);
|
|
30
30
|
}
|
|
31
31
|
let f = a;
|
|
32
|
-
this.
|
|
33
|
-
c.fe(f, this.
|
|
32
|
+
this.d.c9();
|
|
33
|
+
c.fe(f, this.d);
|
|
34
34
|
}
|
|
35
35
|
}
|
|
36
36
|
CanvasTemplateHeaderCellPresenter.$t = /*@__PURE__*/ markType(CanvasTemplateHeaderCellPresenter, 'CanvasTemplateHeaderCellPresenter', CanvasCellPresenterBase.$);
|
|
@@ -24,7 +24,7 @@ export let CheckboxListBridge = /*@__PURE__*/ (() => {
|
|
|
24
24
|
this.w = null;
|
|
25
25
|
}
|
|
26
26
|
getDesiredSize(a, b) {
|
|
27
|
-
return this.t.
|
|
27
|
+
return this.t.getDesiredSize();
|
|
28
28
|
}
|
|
29
29
|
addHandler(a, b, c, d) {
|
|
30
30
|
let e = a;
|
|
@@ -67,7 +67,6 @@ export let CheckboxListBridge = /*@__PURE__*/ (() => {
|
|
|
67
67
|
}
|
|
68
68
|
}
|
|
69
69
|
aa(a, b) {
|
|
70
|
-
let c = a;
|
|
71
70
|
if (this.u != null) {
|
|
72
71
|
this.u(this.x, ((() => {
|
|
73
72
|
let $ret = new NativeUICheckboxListChangeEventArgs();
|
|
@@ -79,7 +78,6 @@ export let CheckboxListBridge = /*@__PURE__*/ (() => {
|
|
|
79
78
|
}
|
|
80
79
|
}
|
|
81
80
|
ab(a, b) {
|
|
82
|
-
let c = a;
|
|
83
81
|
if (this.v != null) {
|
|
84
82
|
this.v(this.y, ((() => {
|
|
85
83
|
let $ret = new NativeUICheckboxListChangeEventArgs();
|
|
@@ -91,7 +89,6 @@ export let CheckboxListBridge = /*@__PURE__*/ (() => {
|
|
|
91
89
|
}
|
|
92
90
|
}
|
|
93
91
|
ac(a, b) {
|
|
94
|
-
let c = a;
|
|
95
92
|
if (this.w != null) {
|
|
96
93
|
this.w(this.z, ((() => {
|
|
97
94
|
let $ret = new NativeUICheckboxListChangeEventArgs();
|