igniteui-webcomponents-grids 4.0.4 → 4.2.3-alpha

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 (129) hide show
  1. package/bundles/igniteui-webcomponents-grids.umd.js +2059 -1378
  2. package/bundles/igniteui-webcomponents-grids.umd.min.js +1 -1
  3. package/esm2015/lib/BaseEditorView.js +30 -14
  4. package/esm2015/lib/CanvasGridCellBase.js +26 -26
  5. package/esm2015/lib/CanvasSummaryCell.js +2 -2
  6. package/esm2015/lib/CanvasTextHeaderCell.js +1 -1
  7. package/esm2015/lib/CheckboxListView_combined.js +553 -389
  8. package/esm2015/lib/ColumnChooserView_combined.js +9 -9
  9. package/esm2015/lib/ColumnFilterCondition_combined.js +32 -0
  10. package/esm2015/lib/ColumnGroupingView_combined.js +1 -1
  11. package/esm2015/lib/ColumnPinningView_combined.js +7 -7
  12. package/esm2015/lib/ComboEditorView.js +111 -105
  13. package/esm2015/lib/ComparisonOperatorSelectorView_combined.js +401 -344
  14. package/esm2015/lib/DataGridCellLayoutPanel.js +5 -5
  15. package/esm2015/lib/DateEditorView.js +94 -87
  16. package/esm2015/lib/EditorCell.js +11 -11
  17. package/esm2015/lib/FilterCell.js +77 -61
  18. package/esm2015/lib/FilterCellPresenter.js +6 -3
  19. package/esm2015/lib/GridColumnFilterOptionsView_combined.js +8 -8
  20. package/esm2015/lib/GridColumnOptionsView_combined.js +47 -22
  21. package/esm2015/lib/GridColumnSummaryOptionsView_combined.js +51 -25
  22. package/esm2015/lib/GridExpansionIndicatorView_combined.js +8 -8
  23. package/esm2015/lib/GridFilterDialogView_combined.js +5 -5
  24. package/esm2015/lib/GridSortIndicatorView_combined.js +9 -9
  25. package/esm2015/lib/ISummaryChooserView_combined.js +12 -11
  26. package/esm2015/lib/MultiColumnComboBoxView_combined.js +19 -19
  27. package/esm2015/lib/NumericEditorView.js +3 -3
  28. package/esm2015/lib/PropertyEditorView_combined.js +40 -40
  29. package/esm2015/lib/TextEditorView.js +82 -75
  30. package/esm2015/lib/igc-checkbox-list-component.js +155 -50
  31. package/esm2015/lib/igc-data-grid-comparison-operator-selector-component.js +104 -59
  32. package/esm2015/lib/igc-grid-column-options-component.js +21 -1
  33. package/esm2015/lib/igc-grid-column-summary-options-component.js +16 -2
  34. package/esm5/lib/BaseEditorView.js +34 -14
  35. package/esm5/lib/CanvasGridCellBase.js +26 -26
  36. package/esm5/lib/CanvasSummaryCell.js +2 -2
  37. package/esm5/lib/CanvasTextHeaderCell.js +1 -1
  38. package/esm5/lib/CheckboxListView_combined.js +579 -375
  39. package/esm5/lib/ColumnChooserView_combined.js +9 -9
  40. package/esm5/lib/ColumnFilterCondition_combined.js +32 -0
  41. package/esm5/lib/ColumnGroupingView_combined.js +1 -1
  42. package/esm5/lib/ColumnPinningView_combined.js +7 -7
  43. package/esm5/lib/ComboEditorView.js +108 -102
  44. package/esm5/lib/ComparisonOperatorSelectorView_combined.js +408 -343
  45. package/esm5/lib/DataGridCellLayoutPanel.js +5 -5
  46. package/esm5/lib/DateEditorView.js +93 -86
  47. package/esm5/lib/EditorCell.js +11 -11
  48. package/esm5/lib/FilterCell.js +81 -61
  49. package/esm5/lib/FilterCellPresenter.js +6 -3
  50. package/esm5/lib/GridColumnFilterOptionsView_combined.js +8 -8
  51. package/esm5/lib/GridColumnOptionsView_combined.js +55 -22
  52. package/esm5/lib/GridColumnSummaryOptionsView_combined.js +59 -25
  53. package/esm5/lib/GridExpansionIndicatorView_combined.js +8 -8
  54. package/esm5/lib/GridFilterDialogView_combined.js +5 -5
  55. package/esm5/lib/GridSortIndicatorView_combined.js +9 -9
  56. package/esm5/lib/ISummaryChooserView_combined.js +12 -11
  57. package/esm5/lib/MultiColumnComboBoxView_combined.js +19 -19
  58. package/esm5/lib/NumericEditorView.js +3 -3
  59. package/esm5/lib/PropertyEditorView_combined.js +40 -40
  60. package/esm5/lib/TextEditorView.js +82 -75
  61. package/esm5/lib/igc-checkbox-list-component.js +195 -50
  62. package/esm5/lib/igc-data-grid-comparison-operator-selector-component.js +117 -59
  63. package/esm5/lib/igc-grid-column-options-component.js +29 -1
  64. package/esm5/lib/igc-grid-column-summary-options-component.js +24 -2
  65. package/fesm2015/igniteui-webcomponents-grids.js +1935 -1395
  66. package/fesm5/igniteui-webcomponents-grids.js +2057 -1376
  67. package/grids/3rdpartylicenses.txt +445 -0
  68. package/grids/combined.js +44 -90
  69. package/grids/index.d.ts +15 -0
  70. package/grids/lib/common.d.ts +0 -4
  71. package/grids/lib/grid-toolbar-exporter-type.d.ts +3 -0
  72. package/grids/lib/igc-base-date-time-filtering-operand.d.ts +18 -0
  73. package/grids/lib/igc-base-toolbar-column-actions-directive.d.ts +2 -1
  74. package/grids/lib/igc-boolean-filtering-operand.d.ts +20 -0
  75. package/grids/lib/igc-cell-template-context.d.ts +2 -1
  76. package/grids/lib/igc-column-component.d.ts +3 -2
  77. package/grids/lib/igc-columns-auto-generated-event-args.d.ts +21 -0
  78. package/grids/lib/igc-date-filtering-operand.d.ts +20 -0
  79. package/grids/lib/igc-date-summary-operand.d.ts +75 -0
  80. package/grids/lib/igc-date-time-filtering-operand.d.ts +15 -0
  81. package/grids/lib/igc-display-density-base.d.ts +1 -1
  82. package/grids/lib/igc-exporter-options-base.d.ts +2 -0
  83. package/grids/lib/igc-filtering-expression.d.ts +33 -0
  84. package/grids/lib/igc-filtering-expressions-tree.d.ts +6 -4
  85. package/grids/lib/igc-filtering-operand.d.ts +4 -2
  86. package/grids/lib/igc-filtering-operation.d.ts +4 -0
  87. package/grids/lib/igc-grid-base-directive.d.ts +23 -2
  88. package/grids/lib/igc-grid-component.d.ts +4 -4
  89. package/grids/lib/igc-grid-edit-done-event-args.d.ts +5 -1
  90. package/grids/lib/igc-grid-selection-range.d.ts +1 -0
  91. package/grids/lib/igc-grid-toolbar-exporter-component.d.ts +2 -1
  92. package/grids/lib/igc-grouped-records.d.ts +1 -1
  93. package/grids/lib/igc-number-filtering-operand.d.ts +20 -0
  94. package/grids/lib/igc-number-summary-operand.d.ts +104 -0
  95. package/grids/lib/igc-pivot-date-dimension.d.ts +1 -20
  96. package/grids/lib/igc-pivot-grid-component.d.ts +12 -0
  97. package/grids/lib/igc-row-data-event-args.d.ts +4 -0
  98. package/grids/lib/igc-sorting-options.d.ts +3 -2
  99. package/grids/lib/igc-string-filtering-operand.d.ts +29 -0
  100. package/grids/lib/igc-summary-operand.d.ts +61 -0
  101. package/grids/lib/igc-time-filtering-operand.d.ts +15 -0
  102. package/grids/lib/igc-time-summary-operand.d.ts +49 -0
  103. package/grids/lib/sorting-options-mode.d.ts +3 -0
  104. package/grids/styles.css +1 -1
  105. package/grids/themes/dark/bootstrap.css +1 -1
  106. package/grids/themes/dark/fluent.css +1 -1
  107. package/grids/themes/dark/indigo.css +1 -1
  108. package/grids/themes/dark/material.css +1 -1
  109. package/grids/themes/light/bootstrap.css +1 -1
  110. package/grids/themes/light/fluent.css +1 -1
  111. package/grids/themes/light/indigo.css +1 -1
  112. package/grids/themes/light/material.css +1 -1
  113. package/lib/BaseEditorView.d.ts +12 -8
  114. package/lib/CheckboxListView_combined.d.ts +120 -96
  115. package/lib/ColumnFilterCondition_combined.d.ts +2 -0
  116. package/lib/ComboEditorView.d.ts +15 -14
  117. package/lib/ComboEditorView_ComboExternal.d.ts +1 -0
  118. package/lib/ComparisonOperatorSelectorView_combined.d.ts +105 -96
  119. package/lib/DateEditorView.d.ts +13 -12
  120. package/lib/FilterCell.d.ts +23 -20
  121. package/lib/GridColumnOptionsView_combined.d.ts +10 -5
  122. package/lib/GridColumnSummaryOptionsView_combined.d.ts +14 -9
  123. package/lib/IEditorView.d.ts +2 -0
  124. package/lib/TextEditorView.d.ts +10 -9
  125. package/lib/igc-checkbox-list-component.d.ts +40 -0
  126. package/lib/igc-data-grid-comparison-operator-selector-component.d.ts +11 -0
  127. package/lib/igc-grid-column-options-component.d.ts +8 -0
  128. package/lib/igc-grid-column-summary-options-component.d.ts +2 -0
  129. package/package.json +4 -4
@@ -284,13 +284,13 @@ export let DataGridCellLayoutPanel = /*@__PURE__*/ (() => {
284
284
  af.s.modelUpdated(af);
285
285
  if (ai && y.b) {
286
286
  let aq = y.a;
287
- aq.z();
287
+ aq.aa();
288
288
  if (af.l.d != 0 && this.e.b2) {
289
- aq.ae(this.ax(af.l.d));
289
+ aq.af(this.ax(af.l.d));
290
290
  }
291
291
  let ar = af.s.nativeCell;
292
292
  ar.b3(aq, y.c, y.d, af.cl, af.cm, z);
293
- aq.y();
293
+ aq.z();
294
294
  }
295
295
  af.jv();
296
296
  if (m) {
@@ -305,7 +305,7 @@ export let DataGridCellLayoutPanel = /*@__PURE__*/ (() => {
305
305
  }
306
306
  this.m = false;
307
307
  if (y.a != null && this.q != 1) {
308
- y.a.y();
308
+ y.a.z();
309
309
  }
310
310
  this.an();
311
311
  }
@@ -486,7 +486,7 @@ export let DataGridCellLayoutPanel = /*@__PURE__*/ (() => {
486
486
  if (f) {
487
487
  this.a[b].setRawStyleProperty("z-index", e.toString());
488
488
  }
489
- a.a.k(0, 0, d.actualVisibleRegion.width, d.actualVisibleRegion.height);
489
+ a.a.l(0, 0, d.actualVisibleRegion.width, d.actualVisibleRegion.height);
490
490
  this.a[b].setRawPosition(a.c, a.d);
491
491
  }
492
492
  }
@@ -15,11 +15,11 @@ export let DateEditorView = /*@__PURE__*/ (() => {
15
15
  class DateEditorView extends BaseEditorView {
16
16
  constructor(a, b, c) {
17
17
  super(a, c);
18
- this.aa = null;
19
- this.v = null;
20
- this.w = null;
21
- this.y = false;
22
- this.x = false;
18
+ this.ad = null;
19
+ this.y = null;
20
+ this.z = null;
21
+ this.ab = false;
22
+ this.aa = false;
23
23
  let d = a.createElement("div");
24
24
  d.setRawStyleProperty("width", "100%");
25
25
  d.setRawStyleProperty("margin-top", "-10px");
@@ -30,78 +30,79 @@ export let DateEditorView = /*@__PURE__*/ (() => {
30
30
  e.append(f);
31
31
  let g = a.createElement("div");
32
32
  e.append(g);
33
- this.v = new DatePicker();
34
- this.v.ar = false;
35
- this.v.provideContainer(e);
36
- this.v.w = b;
37
- this.v.y = 3;
38
- this.v.as = this.showClearButton;
39
- this.v.at = this.z;
40
- let h = e.getExternal(this.v, e.rootWrapper, null);
41
- if (this.w != null) {
42
- this.v.ad = this.w;
33
+ this.y = new DatePicker();
34
+ this.y.ar = false;
35
+ this.y.provideContainer(e);
36
+ this.y.w = b;
37
+ this.y.y = 3;
38
+ this.y.as = this.showClearButton;
39
+ this.y.at = this.ac;
40
+ this.y.de = this.textColor;
41
+ let h = e.getExternal(this.y, e.rootWrapper, null);
42
+ if (this.z != null) {
43
+ this.y.ad = this.z;
43
44
  }
44
45
  this.attachEvents();
45
46
  }
46
- get ab() {
47
+ get ae() {
48
+ return this.ad;
49
+ }
50
+ set ae(a) {
51
+ let b = this.ad;
52
+ this.ad = a;
53
+ if (b != this.ad) {
54
+ this.u("FormatString", b, this.ad);
55
+ }
56
+ }
57
+ get ac() {
47
58
  return this.aa;
48
59
  }
49
- set ab(a) {
60
+ set ac(a) {
50
61
  let b = this.aa;
51
62
  this.aa = a;
52
63
  if (b != this.aa) {
53
- this.t("FormatString", b, this.aa);
54
- }
55
- }
56
- get z() {
57
- return this.x;
58
- }
59
- set z(a) {
60
- let b = this.x;
61
- this.x = a;
62
- if (b != this.x) {
63
- this.t("ShowTodayButton", b, this.x);
64
+ this.u("ShowTodayButton", b, this.aa);
64
65
  }
65
66
  }
66
67
  setFont(a) {
67
- this.w = a;
68
- if (this.v != null && this.w != null) {
69
- this.v.ad = this.w;
68
+ this.z = a;
69
+ if (this.y != null && this.z != null) {
70
+ this.y.ad = this.z;
70
71
  }
71
72
  }
72
73
  attachEvents() {
73
- if (this.v != null) {
74
- let a = this.v;
74
+ if (this.y != null) {
75
+ let a = this.y;
75
76
  a.selectedValueChanged = delegateCombine(a.selectedValueChanged, runOn(this, this.onDatePickerValueChanged));
76
- let b = this.v;
77
+ let b = this.y;
77
78
  b.gotFocus = delegateCombine(b.gotFocus, runOn(this, this.onDatePickerGotFocus));
78
- let c = this.v;
79
+ let c = this.y;
79
80
  c.lostFocus = delegateCombine(c.lostFocus, runOn(this, this.onDatePickerLostFocus));
80
- let d = this.v;
81
+ let d = this.y;
81
82
  d.keyDown = delegateCombine(d.keyDown, runOn(this, this.onInputKeyDown));
82
- let e = this.v;
83
+ let e = this.y;
83
84
  e.changing = delegateCombine(e.changing, runOn(this, this.onInputChanging));
84
85
  }
85
86
  }
86
87
  detachEvents() {
87
- if (this.v != null) {
88
- let a = this.v;
88
+ if (this.y != null) {
89
+ let a = this.y;
89
90
  a.selectedValueChanged = delegateRemove(a.selectedValueChanged, runOn(this, this.onDatePickerValueChanged));
90
- let b = this.v;
91
+ let b = this.y;
91
92
  b.gotFocus = delegateRemove(b.gotFocus, runOn(this, this.onDatePickerGotFocus));
92
- let c = this.v;
93
+ let c = this.y;
93
94
  c.lostFocus = delegateRemove(c.lostFocus, runOn(this, this.onDatePickerLostFocus));
94
- let d = this.v;
95
+ let d = this.y;
95
96
  d.keyDown = delegateRemove(d.keyDown, runOn(this, this.onInputKeyDown));
96
- let e = this.v;
97
+ let e = this.y;
97
98
  e.changing = delegateRemove(e.changing, runOn(this, this.onInputChanging));
98
99
  }
99
100
  }
100
101
  onTargetChanged() {
101
- if (this.v != null) {
102
- this.y = true;
102
+ if (this.y != null) {
103
+ this.ab = true;
103
104
  this.focus();
104
- this.y = false;
105
+ this.ab = false;
105
106
  }
106
107
  }
107
108
  onEditStarted() {
@@ -119,93 +120,99 @@ export let DateEditorView = /*@__PURE__*/ (() => {
119
120
  }
120
121
  }
121
122
  }
122
- r() {
123
- if (this.v != null) {
124
- this.v.focus(true);
125
- this.v.cz();
123
+ s() {
124
+ if (this.y != null) {
125
+ this.y.focus(true);
126
+ this.y.cz();
126
127
  }
127
128
  }
128
- ad() {
129
- if (this.v != null) {
130
- this.v.cc();
129
+ ag() {
130
+ if (this.y != null) {
131
+ this.y.cc();
131
132
  }
132
133
  }
133
- t(a, b, c) {
134
- super.t(a, b, c);
134
+ u(a, b, c) {
135
+ super.u(a, b, c);
135
136
  switch (a) {
136
137
  case "FormatString":
137
- this.ah();
138
+ this.ak();
138
139
  break;
139
140
  case "ShowClearButton":
140
- if (this.v != null) {
141
- this.v.as = this.showClearButton;
141
+ if (this.y != null) {
142
+ this.y.as = this.showClearButton;
142
143
  }
143
144
  break;
144
145
  case "ShowTodayButton":
145
- if (this.v != null) {
146
- this.v.at = this.z;
146
+ if (this.y != null) {
147
+ this.y.at = this.ac;
147
148
  }
148
149
  break;
149
150
  }
150
151
  }
151
- ah() {
152
- this.v.bo = this.ab;
152
+ ak() {
153
+ this.y.bo = this.ae;
153
154
  }
154
- u() {
155
- this.y = true;
156
- if (this.v != null) {
155
+ w() {
156
+ this.ab = true;
157
+ if (this.y != null) {
157
158
  if (this.value == null) {
158
- this.v.value = dateMinValue();
159
+ this.y.value = dateMinValue();
159
160
  }
160
161
  else {
161
- this.v.value = this.value;
162
+ this.y.value = this.value;
162
163
  }
163
164
  if (this.focusOnValueChanged) {
164
- this.r();
165
+ this.s();
165
166
  }
166
167
  }
167
- this.y = false;
168
+ this.ab = false;
168
169
  }
169
- q() {
170
- if (this.v != null) {
171
- this.v.aq = !this.isEnabled;
170
+ r() {
171
+ if (this.y != null) {
172
+ this.y.aq = !this.isEnabled;
173
+ }
174
+ }
175
+ v() {
176
+ super.v();
177
+ if (this.y != null) {
178
+ this.y.de = this.textColor;
172
179
  }
173
180
  }
174
181
  onDatePickerValueChanged(a, b) {
175
- this.aj();
182
+ this.am();
176
183
  }
177
- aj() {
178
- if (this.y) {
184
+ am() {
185
+ if (this.ab) {
179
186
  return;
180
187
  }
181
- if (+(this.v.value) != +(dateMinValue())) {
182
- this.p(this.v.value, false);
188
+ if (+(this.y.value) != +(dateMinValue())) {
189
+ this.q(this.y.value, false);
183
190
  }
184
- else if (+(this.v.value) == +(dateMinValue())) {
185
- this.p(null, false);
191
+ else if (+(this.y.value) == +(dateMinValue())) {
192
+ this.q(null, false);
186
193
  }
187
194
  else {
188
- this.p(this.value, false);
195
+ this.q(this.value, false);
189
196
  }
190
197
  }
191
198
  onInputChanging(a, b) {
192
- this.o();
199
+ this.p();
193
200
  }
194
201
  onDatePickerLostFocus(a, b) {
195
- this.n();
202
+ this.o();
196
203
  }
197
204
  onDatePickerGotFocus(a, b) {
198
- this.m();
205
+ this.n();
199
206
  }
200
207
  getEditorValue() {
201
- if (this.v != null) {
202
- return this.v.value;
208
+ if (this.y != null) {
209
+ return this.y.value;
203
210
  }
204
211
  return null;
205
212
  }
206
213
  setEditorValue(a) {
207
- if (this.v != null) {
208
- this.v.value = a != null ? a : dateMinValue();
214
+ if (this.y != null) {
215
+ this.y.value = a != null ? a : dateMinValue();
209
216
  }
210
217
  }
211
218
  }
@@ -8,7 +8,7 @@ import { GridCellBase } from "./GridCellBase";
8
8
  import { DataSourceSchemaPropertyType_$type } from "igniteui-webcomponents-core";
9
9
  import { enumGetBox, runOn, delegateCombine, delegateRemove, markType } from "igniteui-webcomponents-core";
10
10
  import { EditorType_$type } from "./EditorType";
11
- import { Popup } from "igniteui-webcomponents-layouts";
11
+ import { Popup } from "igniteui-webcomponents-core";
12
12
  import { TextEditorView } from "./TextEditorView";
13
13
  import { NumericEditorView } from "./NumericEditorView";
14
14
  import { DateEditorView } from "./DateEditorView";
@@ -228,18 +228,18 @@ export let EditorCell = /*@__PURE__*/ (() => {
228
228
  }
229
229
  this.ct = new ComboEditorView(this.ab, this.f.getTheme(), this.b);
230
230
  this.ct.setFont(this.cz);
231
- this.ct.ac = this.dh;
232
- this.ct.af = this.dm;
233
- this.ct.w = this.ci;
231
+ this.ct.af = this.dh;
232
+ this.ct.ai = this.dm;
233
+ this.ct.z = this.ci;
234
234
  return this.ct;
235
235
  }
236
236
  ea(a, b) {
237
237
  if (b.g != b.d || b.h != b.e) {
238
238
  if (this.ct != null) {
239
- this.ct.ai();
239
+ this.ct.al();
240
240
  }
241
241
  if (this.cu != null) {
242
- this.cu.ad();
242
+ this.cu.ag();
243
243
  }
244
244
  this.d0();
245
245
  }
@@ -312,9 +312,9 @@ export let EditorCell = /*@__PURE__*/ (() => {
312
312
  }
313
313
  d2() {
314
314
  if (this.ct != null) {
315
- this.ct.ac = this.dh;
316
- this.ct.af = this.dm;
317
- this.ct.w = this.ci;
315
+ this.ct.af = this.dh;
316
+ this.ct.ai = this.dm;
317
+ this.ct.z = this.ci;
318
318
  }
319
319
  }
320
320
  d8() {
@@ -349,12 +349,12 @@ export let EditorCell = /*@__PURE__*/ (() => {
349
349
  }
350
350
  d4() {
351
351
  if (this.cn != null && this.cu == this.cn) {
352
- this.cu.ab = this.dr;
352
+ this.cu.ae = this.dr;
353
353
  }
354
354
  }
355
355
  ec() {
356
356
  if (this.cn != null && this.cu == this.cn) {
357
- this.cu.z = this.db;
357
+ this.cu.ac = this.db;
358
358
  }
359
359
  }
360
360
  eh(a, b, c, d, e) {