igniteui-webcomponents-grids 5.3.0 → 5.4.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 +2341 -1701
- package/bundles/igniteui-webcomponents-grids.umd.min.js +1 -1
- package/custom-elements.json +1423 -0
- package/esm2015/lib/CanvasTemplateCellPresenter.js +1 -1
- package/esm2015/lib/CheckboxListBridge.js +97 -49
- package/esm2015/lib/CheckboxListView_combined.js +989 -602
- package/esm2015/lib/ColumnChooserView_combined.js +9 -9
- package/esm2015/lib/ColumnFilterCondition_combined.js +803 -789
- package/esm2015/lib/ColumnGroupingView_combined.js +1 -1
- package/esm2015/lib/ColumnPinningView_combined.js +3 -3
- package/esm2015/lib/DataGridToolbarView_combined.js +1 -1
- package/esm2015/lib/GridCellBase.js +14 -4
- package/esm2015/lib/GridColumnFilterOptionsView_combined.js +8 -8
- package/esm2015/lib/GridColumnGroupOptionsView_combined.js +3 -3
- package/esm2015/lib/GridColumnHideOptionsView_combined.js +3 -3
- package/esm2015/lib/GridColumnMoveOptionsView_combined.js +1 -1
- package/esm2015/lib/GridColumnPinOptionsView_combined.js +1 -1
- package/esm2015/lib/GridColumnSummaryOptionsView_combined.js +2 -2
- package/esm2015/lib/GridEffectMainIntent.js +1 -1
- package/esm2015/lib/GridFilterDialogView_combined.js +2 -0
- package/esm2015/lib/ISummaryChooserView_combined.js +9 -9
- package/esm2015/lib/MultiColumnComboBoxView_combined.js +3 -3
- package/esm2015/lib/TemplateCellPresenter.js +1 -1
- package/esm2015/lib/TemplateHeader.js +1 -1
- package/esm2015/lib/igc-checkbox-list-component.js +150 -71
- package/esm2015/lib/igc-combo-box-column-component.js +10 -10
- package/esm2015/lib/igc-data-grid-column-component.js +77 -77
- package/esm2015/lib/igc-data-grid-filter-dialog-component.js +3 -0
- package/esm2015/lib/igc-date-time-column-component.js +23 -23
- package/esm2015/lib/igc-image-column-component.js +12 -12
- package/esm2015/lib/igc-numeric-column-component.js +35 -35
- package/esm2015/lib/igc-text-column-component.js +9 -9
- package/esm5/lib/CanvasTemplateCellPresenter.js +1 -1
- package/esm5/lib/CheckboxListBridge.js +97 -49
- package/esm5/lib/CheckboxListView_combined.js +1009 -580
- package/esm5/lib/ColumnChooserView_combined.js +9 -9
- package/esm5/lib/ColumnFilterCondition_combined.js +836 -786
- package/esm5/lib/ColumnGroupingView_combined.js +1 -1
- package/esm5/lib/ColumnPinningView_combined.js +3 -3
- package/esm5/lib/DataGridToolbarView_combined.js +1 -1
- package/esm5/lib/GridCellBase.js +14 -4
- package/esm5/lib/GridColumnFilterOptionsView_combined.js +8 -8
- package/esm5/lib/GridColumnGroupOptionsView_combined.js +3 -3
- package/esm5/lib/GridColumnHideOptionsView_combined.js +3 -3
- package/esm5/lib/GridColumnMoveOptionsView_combined.js +1 -1
- package/esm5/lib/GridColumnPinOptionsView_combined.js +1 -1
- package/esm5/lib/GridColumnSummaryOptionsView_combined.js +2 -2
- package/esm5/lib/GridEffectMainIntent.js +1 -1
- package/esm5/lib/GridFilterDialogView_combined.js +2 -0
- package/esm5/lib/ISummaryChooserView_combined.js +9 -9
- package/esm5/lib/MultiColumnComboBoxView_combined.js +3 -3
- package/esm5/lib/TemplateCellPresenter.js +1 -1
- package/esm5/lib/TemplateHeader.js +1 -1
- package/esm5/lib/igc-checkbox-list-component.js +179 -71
- package/esm5/lib/igc-combo-box-column-component.js +10 -10
- package/esm5/lib/igc-data-grid-column-component.js +77 -77
- package/esm5/lib/igc-data-grid-filter-dialog-component.js +3 -0
- package/esm5/lib/igc-date-time-column-component.js +23 -23
- package/esm5/lib/igc-image-column-component.js +12 -12
- package/esm5/lib/igc-numeric-column-component.js +35 -35
- package/esm5/lib/igc-text-column-component.js +9 -9
- package/fesm2015/igniteui-webcomponents-grids.js +2259 -1726
- package/fesm5/igniteui-webcomponents-grids.js +2343 -1703
- package/grids/combined.js +25338 -23125
- package/grids/index.d.ts +1 -204
- package/grids/lib/igc-column-component.d.ts +1 -1
- package/grids/lib/igc-expression-tree.d.ts +7 -0
- package/grids/lib/igc-filtering-expression.d.ts +9 -4
- package/grids/lib/igc-filtering-expressions-tree.d.ts +9 -1
- package/grids/lib/igc-filtering-operand.d.ts +1 -1
- package/grids/lib/igc-filtering-operation.d.ts +4 -2
- package/grids/lib/igc-grid-base-directive.d.ts +1 -1
- package/grids/lib/igc-grid-created-event-args.d.ts +3 -0
- package/grids/lib/igc-hierarchical-grid-base-directive.d.ts +1 -1
- package/grids/lib/igc-pivot-dimension.d.ts +1 -1
- package/grids/lib/igc-pivot-value.d.ts +1 -1
- package/grids/lib/igc-row-island-component.d.ts +1 -1
- package/grids/lib/index.d.ts +204 -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 +12 -9
- package/lib/CheckboxListExternal.d.ts +12 -0
- package/lib/CheckboxListViewExternal.d.ts +1 -0
- package/lib/CheckboxListView_combined.d.ts +184 -151
- package/lib/ColumnFilterCondition_combined.d.ts +178 -176
- package/lib/GridEffectMainIntent.d.ts +4 -3
- package/lib/GridFilterDialogView_combined.d.ts +1 -0
- package/lib/igc-checkbox-list-component.d.ts +29 -0
- package/lib/igc-data-grid-filter-dialog-component.d.ts +1 -0
- package/package.json +4 -4
|
@@ -938,7 +938,7 @@ export let ColumnGrouping = /*@__PURE__*/ (() => {
|
|
|
938
938
|
}
|
|
939
939
|
let j = this.b.j;
|
|
940
940
|
for (let k = 0; k < j.count; k++) {
|
|
941
|
-
let l = this.q._inner[k].
|
|
941
|
+
let l = this.q._inner[k].a0();
|
|
942
942
|
let m = this.b.b(j._inner[k]);
|
|
943
943
|
l.i = m[0] - d;
|
|
944
944
|
l.g = m[1] - e;
|
|
@@ -259,7 +259,7 @@ export let ColumnPinning = /*@__PURE__*/ (() => {
|
|
|
259
259
|
break;
|
|
260
260
|
case "FilterPlaceholderText":
|
|
261
261
|
if (this.d != null) {
|
|
262
|
-
this.d.
|
|
262
|
+
this.d.b4 = this.s;
|
|
263
263
|
}
|
|
264
264
|
break;
|
|
265
265
|
case "BaseTheme":
|
|
@@ -319,7 +319,7 @@ export let ColumnPinning = /*@__PURE__*/ (() => {
|
|
|
319
319
|
}
|
|
320
320
|
this.d.showSelectAll = false;
|
|
321
321
|
if (this.s != null) {
|
|
322
|
-
this.d.
|
|
322
|
+
this.d.b4 = this.s;
|
|
323
323
|
}
|
|
324
324
|
this.d.itemsSource = b;
|
|
325
325
|
let e = "";
|
|
@@ -345,7 +345,7 @@ export let ColumnPinning = /*@__PURE__*/ (() => {
|
|
|
345
345
|
else {
|
|
346
346
|
this.b.actualColumns._inner[e].il = 0;
|
|
347
347
|
}
|
|
348
|
-
this.b.actualColumns._inner[e].
|
|
348
|
+
this.b.actualColumns._inner[e].m0("Pinned");
|
|
349
349
|
break;
|
|
350
350
|
}
|
|
351
351
|
}
|
|
@@ -748,7 +748,7 @@ export let DataGridToolbar = /*@__PURE__*/ (() => {
|
|
|
748
748
|
this.s = 0;
|
|
749
749
|
this.t = 0;
|
|
750
750
|
for (let b = 0; b < a; b++) {
|
|
751
|
-
if (this.e.actualColumns._inner[b].
|
|
751
|
+
if (this.e.actualColumns._inner[b].jo == true) {
|
|
752
752
|
this.s++;
|
|
753
753
|
}
|
|
754
754
|
if (this.e.actualColumns._inner[b].il == 1) {
|
|
@@ -588,10 +588,20 @@ export let GridCellBase = /*@__PURE__*/ (() => {
|
|
|
588
588
|
this.o = false;
|
|
589
589
|
}
|
|
590
590
|
bp(a, b) {
|
|
591
|
-
if (this.a != null
|
|
592
|
-
|
|
593
|
-
|
|
594
|
-
|
|
591
|
+
if (this.a != null) {
|
|
592
|
+
if (this.aa(this.a)) {
|
|
593
|
+
if (this.a.isMouseDown) {
|
|
594
|
+
if (!b && PointUtil.notEquals(this.a.mousePosition, null)) {
|
|
595
|
+
this.a.isControlPressed = a.ctrlKey;
|
|
596
|
+
this.a.dragStarted();
|
|
597
|
+
}
|
|
598
|
+
}
|
|
599
|
+
}
|
|
600
|
+
if (this.a.isLeaveActionDesired) {
|
|
601
|
+
let c = a.pageX;
|
|
602
|
+
let d = a.pageY;
|
|
603
|
+
this.a.mouseLeaveCell(c, d);
|
|
604
|
+
}
|
|
595
605
|
}
|
|
596
606
|
}
|
|
597
607
|
bo(a, b) {
|
|
@@ -152,7 +152,7 @@ export let GridColumnFilterOptions = /*@__PURE__*/ (() => {
|
|
|
152
152
|
if (this.c != null && this.c.filterUIType != 0) {
|
|
153
153
|
return false;
|
|
154
154
|
}
|
|
155
|
-
if (!this.column.
|
|
155
|
+
if (!this.column.jm) {
|
|
156
156
|
return false;
|
|
157
157
|
}
|
|
158
158
|
if (this.c == null || this.c.actualDataSource == null || !this.c.actualDataSource.isGroupingSupported || !this.c.actualDataSource.isFilteringSupported) {
|
|
@@ -262,7 +262,7 @@ export let GridColumnFilterOptions = /*@__PURE__*/ (() => {
|
|
|
262
262
|
this.bc("TextFilterCaption", b, this.cf);
|
|
263
263
|
}
|
|
264
264
|
cu() {
|
|
265
|
-
let a = this.bx.
|
|
265
|
+
let a = this.bx.ax();
|
|
266
266
|
this.bw.al(!a);
|
|
267
267
|
let b = this.b3();
|
|
268
268
|
this.bw.am(b);
|
|
@@ -301,7 +301,7 @@ export let GridColumnFilterOptions = /*@__PURE__*/ (() => {
|
|
|
301
301
|
}
|
|
302
302
|
this.column.g1 = i;
|
|
303
303
|
}
|
|
304
|
-
this.column.
|
|
304
|
+
this.column.m0("Filtered");
|
|
305
305
|
}
|
|
306
306
|
provideClearFiltersSection(a) {
|
|
307
307
|
this.bw.ah(a);
|
|
@@ -425,15 +425,15 @@ export let GridColumnFilterOptions = /*@__PURE__*/ (() => {
|
|
|
425
425
|
}
|
|
426
426
|
}
|
|
427
427
|
if (e.count == 0 || !c) {
|
|
428
|
-
this.bx.
|
|
428
|
+
this.bx.d3();
|
|
429
429
|
return;
|
|
430
430
|
}
|
|
431
431
|
switch (d.value) {
|
|
432
432
|
case 0:
|
|
433
|
-
this.bx.
|
|
433
|
+
this.bx.c5();
|
|
434
434
|
break;
|
|
435
435
|
case 1:
|
|
436
|
-
this.bx.
|
|
436
|
+
this.bx.d3();
|
|
437
437
|
break;
|
|
438
438
|
}
|
|
439
439
|
let h = this.bx.keys;
|
|
@@ -475,9 +475,9 @@ export let GridColumnFilterOptions = /*@__PURE__*/ (() => {
|
|
|
475
475
|
cw() {
|
|
476
476
|
if (null != this.bx) {
|
|
477
477
|
this.bx.density = this.b0;
|
|
478
|
-
this.bx.
|
|
478
|
+
this.bx.b4 = this.cc;
|
|
479
479
|
this.bx.backgroundColor = this.bo;
|
|
480
|
-
this.bx.
|
|
480
|
+
this.bx.e7 = this.br;
|
|
481
481
|
this.bx.baseTheme = this.i;
|
|
482
482
|
this.bx.updateHrMargin(new Thickness(1, -7, 3, -7, 3));
|
|
483
483
|
}
|
|
@@ -118,7 +118,7 @@ export let GridColumnGroupOptions = /*@__PURE__*/ (() => {
|
|
|
118
118
|
if (null == this.c) {
|
|
119
119
|
return false;
|
|
120
120
|
}
|
|
121
|
-
return this.column.
|
|
121
|
+
return this.column.jb;
|
|
122
122
|
}
|
|
123
123
|
bj(a, b) {
|
|
124
124
|
if (null != a) {
|
|
@@ -190,7 +190,7 @@ export let GridColumnGroupOptions = /*@__PURE__*/ (() => {
|
|
|
190
190
|
c.c = e;
|
|
191
191
|
a.groupDescriptions.g(c);
|
|
192
192
|
b.hr = 0;
|
|
193
|
-
b.
|
|
193
|
+
b.m0("Grouped");
|
|
194
194
|
}
|
|
195
195
|
}
|
|
196
196
|
b8() {
|
|
@@ -201,7 +201,7 @@ export let GridColumnGroupOptions = /*@__PURE__*/ (() => {
|
|
|
201
201
|
let d = ((() => { let e = this.b3(c); c = e.p0; return e.ret; })());
|
|
202
202
|
if (c != -1) {
|
|
203
203
|
a.groupDescriptions.d(c);
|
|
204
|
-
b.
|
|
204
|
+
b.m0("Grouped");
|
|
205
205
|
}
|
|
206
206
|
}
|
|
207
207
|
}
|
|
@@ -132,15 +132,15 @@ export let GridColumnHideOptions = /*@__PURE__*/ (() => {
|
|
|
132
132
|
get b3() {
|
|
133
133
|
let a = this.column;
|
|
134
134
|
if (null != a) {
|
|
135
|
-
return a.
|
|
135
|
+
return a.jo;
|
|
136
136
|
}
|
|
137
137
|
return false;
|
|
138
138
|
}
|
|
139
139
|
set b3(a) {
|
|
140
140
|
let b = this.column;
|
|
141
141
|
if (null != b) {
|
|
142
|
-
b.
|
|
143
|
-
b.
|
|
142
|
+
b.jo = a;
|
|
143
|
+
b.m0("Hidden");
|
|
144
144
|
}
|
|
145
145
|
}
|
|
146
146
|
get b2() {
|
|
@@ -129,7 +129,7 @@ export let GridColumnSummaryOptions = /*@__PURE__*/ (() => {
|
|
|
129
129
|
if (this.c == null || this.column == null) {
|
|
130
130
|
return false;
|
|
131
131
|
}
|
|
132
|
-
return this.column.
|
|
132
|
+
return this.column.jc && this.c.summaryScope != 3;
|
|
133
133
|
}
|
|
134
134
|
be(a, b, c) {
|
|
135
135
|
super.be(a, b, c);
|
|
@@ -215,7 +215,7 @@ export let GridColumnSummaryOptions = /*@__PURE__*/ (() => {
|
|
|
215
215
|
}
|
|
216
216
|
if (!i) {
|
|
217
217
|
this.c.summaryDescriptions.j.add(h);
|
|
218
|
-
this.column.
|
|
218
|
+
this.column.m0("Summed");
|
|
219
219
|
}
|
|
220
220
|
}
|
|
221
221
|
}
|
|
@@ -8,4 +8,4 @@ import { markEnum } from "igniteui-webcomponents-core";
|
|
|
8
8
|
/**
|
|
9
9
|
* @hidden
|
|
10
10
|
*/
|
|
11
|
-
export let GridEffectMainIntent_$type = /*@__PURE__*/ markEnum('GridEffectMainIntent', 'Default,0|Position,1|Opacity,2|Virtualization,3|Dimensions,4|Selection,5|
|
|
11
|
+
export let GridEffectMainIntent_$type = /*@__PURE__*/ markEnum('GridEffectMainIntent', 'Default,0|Position,1|Opacity,2|Virtualization,3|Dimensions,4|Selection,5|Hover,6|DataChange,7|ColumnPropertyChange,8|Activation,9');
|
|
@@ -75,8 +75,8 @@ export let SummaryChooserView = /*@__PURE__*/ (() => {
|
|
|
75
75
|
this.e();
|
|
76
76
|
}
|
|
77
77
|
e() {
|
|
78
|
-
if (this.model.f.
|
|
79
|
-
let a = this.model.r.count * this.model.f.
|
|
78
|
+
if (this.model.f.bc > -1) {
|
|
79
|
+
let a = this.model.r.count * this.model.f.bc;
|
|
80
80
|
a += 4;
|
|
81
81
|
this.d.setStyleProperty("height", a + "px");
|
|
82
82
|
}
|
|
@@ -322,12 +322,12 @@ export let SummaryChooser = /*@__PURE__*/ (() => {
|
|
|
322
322
|
a6() {
|
|
323
323
|
if (this.e != null) {
|
|
324
324
|
this.e.density = this.m;
|
|
325
|
-
this.e.
|
|
325
|
+
this.e.e7 = this.ba;
|
|
326
326
|
this.e.baseTheme = this.i;
|
|
327
327
|
this.e.backgroundColor = this.a9;
|
|
328
328
|
this.e.showSelectAll = false;
|
|
329
|
-
this.e.
|
|
330
|
-
this.e.
|
|
329
|
+
this.e.a3 = false;
|
|
330
|
+
this.e.az = false;
|
|
331
331
|
this.e.updateHrMargin(new Thickness(1, -7, 3, -7, 3));
|
|
332
332
|
this.e.itemsSource = this.q;
|
|
333
333
|
this.e.dataMemberPath = "label";
|
|
@@ -381,7 +381,7 @@ export let SummaryChooser = /*@__PURE__*/ (() => {
|
|
|
381
381
|
if (d.iD == a) {
|
|
382
382
|
d.isSelected = b;
|
|
383
383
|
if (this.e != null) {
|
|
384
|
-
this.e.
|
|
384
|
+
this.e.dg(c, d, d);
|
|
385
385
|
}
|
|
386
386
|
break;
|
|
387
387
|
}
|
|
@@ -393,7 +393,7 @@ export let SummaryChooser = /*@__PURE__*/ (() => {
|
|
|
393
393
|
c.label = b;
|
|
394
394
|
this.q.add(c);
|
|
395
395
|
if (this.e != null) {
|
|
396
|
-
this.e.
|
|
396
|
+
this.e.dd(this.q.count - 1, c);
|
|
397
397
|
}
|
|
398
398
|
this.c.onItemInserted();
|
|
399
399
|
}
|
|
@@ -403,7 +403,7 @@ export let SummaryChooser = /*@__PURE__*/ (() => {
|
|
|
403
403
|
if (c.iD == a) {
|
|
404
404
|
this.q.removeAt(b);
|
|
405
405
|
if (this.e != null) {
|
|
406
|
-
this.e.
|
|
406
|
+
this.e.df(b, c);
|
|
407
407
|
}
|
|
408
408
|
break;
|
|
409
409
|
}
|
|
@@ -416,7 +416,7 @@ export let SummaryChooser = /*@__PURE__*/ (() => {
|
|
|
416
416
|
if (d.iD == a) {
|
|
417
417
|
d.label = b;
|
|
418
418
|
if (this.e != null) {
|
|
419
|
-
this.e.
|
|
419
|
+
this.e.dg(c, d, d);
|
|
420
420
|
}
|
|
421
421
|
break;
|
|
422
422
|
}
|
|
@@ -731,7 +731,7 @@ export let MultiColumnComboBoxView = /*@__PURE__*/ (() => {
|
|
|
731
731
|
}
|
|
732
732
|
if (null != this.l) {
|
|
733
733
|
this.l.text = a.fb;
|
|
734
|
-
this.l.
|
|
734
|
+
this.l.dj = a.hq;
|
|
735
735
|
this.l.y = a.av;
|
|
736
736
|
}
|
|
737
737
|
if (null != this.am) {
|
|
@@ -2717,8 +2717,8 @@ export let MultiColumnComboBox = /*@__PURE__*/ (() => {
|
|
|
2717
2717
|
}
|
|
2718
2718
|
MultiColumnComboBox.$t = /*@__PURE__*/ markType(MultiColumnComboBox, 'MultiColumnComboBox', Base.$, [INotifyPropertyChanged_$type]);
|
|
2719
2719
|
MultiColumnComboBox.ag = 1;
|
|
2720
|
-
MultiColumnComboBox.hy = /*@__PURE__*/ ThemeResolver.ah(MultiColumnComboBox.ag, XLabel.
|
|
2721
|
-
MultiColumnComboBox.h0 = /*@__PURE__*/ ThemeResolver.ah(MultiColumnComboBox.ag, XLabel.
|
|
2720
|
+
MultiColumnComboBox.hy = /*@__PURE__*/ ThemeResolver.ah(MultiColumnComboBox.ag, XLabel.de, XLabel.c7);
|
|
2721
|
+
MultiColumnComboBox.h0 = /*@__PURE__*/ ThemeResolver.ah(MultiColumnComboBox.ag, XLabel.de, XLabel.c7);
|
|
2722
2722
|
MultiColumnComboBox.hz = /*@__PURE__*/ BrushUtil.h(255, 255, 255, 255);
|
|
2723
2723
|
MultiColumnComboBox.ay = null;
|
|
2724
2724
|
MultiColumnComboBox.d3 = "ActualNoMatchesFoundLabelBackgroundColor";
|
|
@@ -29,7 +29,7 @@ export let TemplateCellPresenter = /*@__PURE__*/ (() => {
|
|
|
29
29
|
let e = a.cj * (1 - d);
|
|
30
30
|
this.e.cl.element.setRawStyleProperty("opacity", e.toString());
|
|
31
31
|
}
|
|
32
|
-
c.
|
|
32
|
+
c.n4(a, this.e.cl);
|
|
33
33
|
}
|
|
34
34
|
}
|
|
35
35
|
TemplateCellPresenter.$t = /*@__PURE__*/ markType(TemplateCellPresenter, 'TemplateCellPresenter', CellPresenterBase.$);
|