@syncfusion/ej2-treegrid 20.1.51 → 20.1.56

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 (54) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/dist/ej2-treegrid.umd.min.js +2 -2
  3. package/dist/ej2-treegrid.umd.min.js.map +1 -1
  4. package/dist/es6/ej2-treegrid.es2015.js +102 -19
  5. package/dist/es6/ej2-treegrid.es2015.js.map +1 -1
  6. package/dist/es6/ej2-treegrid.es5.js +101 -18
  7. package/dist/es6/ej2-treegrid.es5.js.map +1 -1
  8. package/dist/global/ej2-treegrid.min.js +2 -2
  9. package/dist/global/ej2-treegrid.min.js.map +1 -1
  10. package/dist/global/index.d.ts +1 -1
  11. package/package.json +9 -9
  12. package/src/treegrid/actions/context-menu.js +50 -0
  13. package/src/treegrid/actions/page.d.ts +1 -0
  14. package/src/treegrid/actions/page.js +11 -0
  15. package/src/treegrid/actions/rowdragdrop.js +2 -2
  16. package/src/treegrid/actions/selection.js +4 -2
  17. package/src/treegrid/base/treegrid.d.ts +1 -0
  18. package/src/treegrid/base/treegrid.js +22 -4
  19. package/src/treegrid/enum.d.ts +8 -2
  20. package/src/treegrid/enum.js +2 -0
  21. package/src/treegrid/models/column.d.ts +6 -6
  22. package/src/treegrid/models/column.js +6 -6
  23. package/src/treegrid/renderer/render.d.ts +4 -4
  24. package/src/treegrid/renderer/render.js +4 -4
  25. package/styles/bootstrap-dark.css +12 -95
  26. package/styles/bootstrap.css +12 -95
  27. package/styles/bootstrap4.css +12 -94
  28. package/styles/bootstrap5-dark.css +12 -94
  29. package/styles/bootstrap5.css +12 -94
  30. package/styles/fabric-dark.css +12 -93
  31. package/styles/fabric.css +12 -93
  32. package/styles/fluent-dark.css +13 -96
  33. package/styles/fluent.css +13 -96
  34. package/styles/highcontrast-light.css +10 -104
  35. package/styles/highcontrast.css +10 -104
  36. package/styles/material-dark.css +8 -84
  37. package/styles/material.css +8 -85
  38. package/styles/tailwind-dark.css +8 -82
  39. package/styles/tailwind.css +8 -82
  40. package/styles/treegrid/bootstrap-dark.css +12 -95
  41. package/styles/treegrid/bootstrap.css +12 -95
  42. package/styles/treegrid/bootstrap4.css +12 -94
  43. package/styles/treegrid/bootstrap5-dark.css +12 -94
  44. package/styles/treegrid/bootstrap5.css +12 -94
  45. package/styles/treegrid/fabric-dark.css +12 -93
  46. package/styles/treegrid/fabric.css +12 -93
  47. package/styles/treegrid/fluent-dark.css +13 -96
  48. package/styles/treegrid/fluent.css +13 -96
  49. package/styles/treegrid/highcontrast-light.css +10 -104
  50. package/styles/treegrid/highcontrast.css +10 -104
  51. package/styles/treegrid/material-dark.css +8 -84
  52. package/styles/treegrid/material.css +8 -85
  53. package/styles/treegrid/tailwind-dark.css +8 -82
  54. package/styles/treegrid/tailwind.css +8 -82
@@ -1,4 +1,3 @@
1
- @charset "UTF-8";
2
1
  .e-bigger .e-ddl.e-popup .e-input-group .e-clear-icon {
3
2
  height: 36px;
4
3
  }
@@ -12,21 +11,17 @@
12
11
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
13
12
  margin-top: 1px;
14
13
  }
15
-
16
14
  .e-ddl.e-popup .e-content.e-nodata {
17
15
  background-color: #000;
18
16
  }
19
-
20
17
  .e-ddl.e-popup .e-dropdownbase .e-list-item .e-highlight {
21
18
  color: #ffd939;
22
19
  }
23
-
24
20
  .e-ddl.e-popup .e-input-group {
25
21
  display: -ms-flexbox;
26
22
  display: flex;
27
23
  width: auto;
28
24
  }
29
-
30
25
  .e-ddl.e-popup .e-input-group input {
31
26
  line-height: 15px;
32
27
  }
@@ -37,62 +32,46 @@
37
32
  margin: 5px;
38
33
  min-width: 20px;
39
34
  }
40
-
41
35
  .e-ddl.e-popup .e-input-group .e-clear-icon::before {
42
36
  font-size: 10px;
43
37
  }
44
-
45
38
  .e-ddl.e-popup .e-filter-parent {
46
39
  border-left-width: 0;
47
40
  border-right-width: 0;
48
41
  }
49
-
50
42
  .e-ddl.e-popup .e-filter-parent .e-input-group.e-control-wrapper:hover:active {
51
43
  border-color: #fff;
52
44
  }
53
-
54
45
  .e-bigger .e-ddl.e-popup.e-ddl-device.e-ddl-device-filter {
55
46
  margin-top: 0;
56
47
  }
57
-
58
- .e-bigger .e-ddl.e-popup .e-list-item,
59
- .e-bigger .e-ddl.e-popup .e-list-group-item,
60
- .e-bigger .e-ddl.e-popup .e-fixed-head {
48
+ .e-bigger .e-ddl.e-popup .e-list-item, .e-bigger .e-ddl.e-popup .e-list-group-item, .e-bigger .e-ddl.e-popup .e-fixed-head {
61
49
  font-size: 15px;
62
50
  line-height: 45px;
63
51
  padding-left: 0;
64
52
  text-indent: 16px;
65
53
  }
66
-
67
54
  .e-bigger .e-ddl.e-popup .e-dd-group .e-list-item {
68
55
  padding-left: 4px;
69
56
  }
70
-
71
57
  .e-bigger .e-ddl.e-popup .e-input-group {
72
58
  padding: 4px 0;
73
59
  }
74
-
75
60
  .e-bigger .e-ddl.e-popup .e-input-group input {
76
61
  height: 46px;
77
62
  }
78
-
79
- .e-bigger.e-small .e-ddl.e-popup .e-list-item,
80
- .e-bigger.e-small .e-ddl.e-popup .e-list-group-item,
81
- .e-bigger.e-small .e-ddl.e-popup .e-fixed-head {
63
+ .e-bigger.e-small .e-ddl.e-popup .e-list-item, .e-bigger.e-small .e-ddl.e-popup .e-list-group-item, .e-bigger.e-small .e-ddl.e-popup .e-fixed-head {
82
64
  font-size: 14px;
83
65
  line-height: 40px;
84
66
  padding-left: 0;
85
67
  text-indent: 16px;
86
68
  }
87
-
88
69
  .e-bigger.e-small .e-ddl.e-popup .e-dd-group .e-list-item {
89
70
  padding-left: 4px;
90
71
  }
91
-
92
72
  .e-bigger.e-small .e-ddl.e-popup .e-input-group {
93
73
  padding: 0;
94
74
  }
95
-
96
75
  .e-bigger.e-small .e-ddl.e-popup .e-input-group input {
97
76
  height: 34px;
98
77
  }
@@ -105,7 +84,6 @@
105
84
  transform: rotate(360deg);
106
85
  }
107
86
  }
108
-
109
87
  @keyframes fabric-spinner-rotate {
110
88
  0% {
111
89
  transform: rotate(0);
@@ -114,26 +92,21 @@
114
92
  transform: rotate(360deg);
115
93
  }
116
94
  }
117
-
118
95
  .e-treegrid .e-treegridexpand::before,
119
96
  .e-treegrid .e-treegridcollapse::before {
120
- content: '\e22e';
97
+ content: "\e22e";
121
98
  }
122
-
123
99
  .e-treegrid .e-toolbar-item .e-expand::before {
124
- content: '\e557';
100
+ content: "\e557";
125
101
  }
126
-
127
102
  .e-treegrid .e-toolbar-item .e-collapse::before {
128
- content: '\e558';
103
+ content: "\e558";
129
104
  }
130
-
131
105
  .e-treegrid .e-toolbar-item .e-indent::before {
132
- content: '\e33f';
106
+ content: "\e33f";
133
107
  }
134
-
135
108
  .e-treegrid .e-toolbar-item .e-outdent::before {
136
- content: '\e35d';
109
+ content: "\e35d";
137
110
  }
138
111
 
139
112
  .e-bigger .e-treegrid .e-treegridexpand,
@@ -142,16 +115,13 @@
142
115
  height: 18px;
143
116
  width: 18px;
144
117
  }
145
-
146
118
  .e-bigger .e-treegrid .e-hierarchycheckbox {
147
119
  padding-left: 2px;
148
120
  }
149
-
150
121
  .e-bigger .e-treegrid .e-hierarchycheckbox .e-frame {
151
122
  height: 20px;
152
123
  width: 20px;
153
124
  }
154
-
155
125
  .e-bigger .e-treegrid .e-hierarchycheckbox .e-frame {
156
126
  font-size: 12px;
157
127
  line-height: 12px;
@@ -159,80 +129,64 @@
159
129
  height: 20px;
160
130
  width: 20px;
161
131
  }
162
-
163
132
  .e-bigger .e-treegrid .e-treecell {
164
133
  line-height: 18px;
165
134
  }
166
-
167
135
  .e-treegrid .e-icons.e-none::before {
168
- content: '';
136
+ content: "";
169
137
  }
170
-
171
138
  .e-treegrid .e-gridheader .e-headercell .e-css.e-hierarchycheckbox {
172
139
  height: 20px;
173
140
  vertical-align: middle;
174
141
  }
175
-
176
142
  .e-treegrid .e-treegridexpand::before,
177
143
  .e-treegrid .e-treegridcollapse::before {
178
144
  text-align: center;
179
145
  vertical-align: middle;
180
146
  }
181
-
182
147
  .e-treegrid .e-rowcell:not(.e-gridclip) .e-treecolumn-container {
183
148
  display: block;
184
149
  overflow: hidden;
185
150
  text-overflow: ellipsis;
186
151
  }
187
-
188
152
  .e-treegrid .e-rowcell:not(.e-gridclip) .e-treecolumn-container span.e-treecell {
189
153
  display: inline;
190
154
  overflow: hidden;
191
155
  text-overflow: ellipsis;
192
156
  }
193
-
194
157
  .e-treegrid .e-treegridexpand:hover::before,
195
158
  .e-treegrid .e-treegridcollapse:hover::before {
196
159
  color: #fff;
197
160
  }
198
-
199
161
  .e-treegrid .e-rtl .e-treegridcollapse {
200
162
  transform: scale(-1);
201
163
  }
202
-
203
164
  .e-treegrid .e-treegridexpand {
204
165
  transform: rotate(90deg);
205
166
  }
206
-
207
167
  .e-treegrid .e-treerowexpanded:not(.e-hiddenrow) {
208
168
  display: table-row;
209
169
  }
210
-
211
170
  .e-treegrid .e-treerowcollapsed {
212
171
  display: none;
213
172
  }
214
-
215
173
  .e-treegrid .e-treecheckbox-container {
216
174
  display: block;
217
175
  overflow: hidden;
218
176
  text-overflow: ellipsis;
219
177
  }
220
-
221
178
  .e-treegrid .e-treecheckbox-container :not(.e-treecheckbox) {
222
179
  white-space: nowrap;
223
180
  }
224
-
225
181
  .e-treegrid .e-treecheckbox {
226
182
  overflow: hidden;
227
183
  text-overflow: ellipsis;
228
184
  vertical-align: middle;
229
185
  }
230
-
231
186
  .e-treegrid .e-treecolumn-container span {
232
187
  display: inline-block;
233
188
  vertical-align: middle;
234
189
  }
235
-
236
190
  .e-treegrid .e-hierarchycheckbox .e-frame {
237
191
  font-size: 10px;
238
192
  height: 16px;
@@ -240,14 +194,12 @@
240
194
  padding: 2px 0;
241
195
  width: 16px;
242
196
  }
243
-
244
197
  .e-treegrid .e-checkselection .e-frozenheader .e-rowcell,
245
198
  .e-treegrid .e-checkselection .e-movableheader .e-rowcell,
246
199
  .e-treegrid .e-checkselection .e-frozencontent .e-rowcell,
247
200
  .e-treegrid .e-checkselection .e-movablecontent .e-rowcell {
248
201
  line-height: 21px;
249
202
  }
250
-
251
203
  .e-treegrid .e-treegridexpand,
252
204
  .e-treegrid .e-treegridcollapse {
253
205
  color: #fff;
@@ -259,36 +211,29 @@
259
211
  vertical-align: bottom;
260
212
  width: 16px;
261
213
  }
262
-
263
214
  .e-treegrid .e-treecell {
264
215
  display: table-cell;
265
216
  line-height: normal;
266
217
  }
267
-
268
218
  .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecolumn-container {
269
219
  white-space: nowrap;
270
220
  }
271
-
272
221
  .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecolumn-container .e-treecell {
273
222
  display: inline-block;
274
223
  white-space: normal;
275
224
  word-wrap: break-word;
276
225
  }
277
-
278
226
  .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecheckbox-container {
279
227
  white-space: nowrap;
280
228
  }
281
-
282
229
  .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecheckbox-container .e-treecheckbox {
283
230
  display: inline-block;
284
231
  white-space: normal;
285
232
  word-wrap: break-word;
286
233
  }
287
-
288
234
  .e-treegrid.e-grid.e-print-grid-layout .e-icons {
289
235
  display: inline-block;
290
236
  }
291
-
292
237
  .e-treegrid .e-treecheckselect,
293
238
  .e-treegrid .e-treeselectall {
294
239
  margin: 0;
@@ -296,7 +241,6 @@
296
241
  position: absolute;
297
242
  width: 0;
298
243
  }
299
-
300
244
  .e-treegrid .e-detailheadercell,
301
245
  .e-treegrid .e-headercontent .e-table .e-detail-intent,
302
246
  .e-treegrid .e-gridcontent .e-table .e-detail-intent,
@@ -306,19 +250,16 @@
306
250
  .e-treegrid .e-filterbarcell.e-mastercell {
307
251
  display: none;
308
252
  }
309
-
310
253
  .e-treegrid .e-icons.e-errorelem {
311
254
  display: inline-block;
312
255
  padding-left: 10px;
313
256
  vertical-align: middle;
314
257
  }
315
-
316
258
  .e-treegrid .e-errorelem::before {
317
259
  color: #e3165b;
318
- content: "";
260
+ content: "\e22a";
319
261
  transform: rotate(180deg);
320
262
  }
321
-
322
263
  .e-treegrid .e-gridcontent td.e-childborder {
323
264
  border-color: #ffd939;
324
265
  border-width: 1px 0 0;
@@ -326,41 +267,33 @@
326
267
  position: relative;
327
268
  z-index: 1;
328
269
  }
329
-
330
270
  .e-treegrid .e-gridcontent td.e-rowcell.e-childborder.e-dragborder,
331
271
  .e-treegrid .e-gridcontent td.e-rowcell.e-dropbottom.e-dragborder td.e-rowdragdrop.e-dropbottom.e-dragborder {
332
272
  box-shadow: 0 1px 0 0 #ffd939;
333
273
  }
334
-
335
274
  .e-treegrid .e-gridcontent td.e-rowcell.e-dragborder,
336
275
  .e-treegrid .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder,
337
276
  .e-treegrid .e-gridcontent .e-rowdragdrop.e-dragborder {
338
277
  box-shadow: 0 0 0 0;
339
278
  }
340
-
341
279
  .e-treegrid .e-gridcontent td.e-childborder:first-child {
342
280
  border-left: 1px solid #ffd939;
343
281
  box-shadow: 0 1px 0 0 #ffd939;
344
282
  position: relative;
345
283
  z-index: 1;
346
284
  }
347
-
348
285
  .e-treegrid .e-gridcontent td.e-rowcell.e-childborder:last-child {
349
286
  border-right: 1px solid #ffd939;
350
287
  }
351
-
352
288
  .e-treegrid .e-gridcontent td.e-lastrowcell.e-childborder {
353
289
  border-width: 1px 0;
354
290
  }
355
-
356
291
  .e-treegrid .e-gridcontent td.e-lastrowcell.e-childborder:last-child {
357
292
  border-right: 1px solid #ffd939;
358
293
  }
359
-
360
294
  .e-treegrid .e-gridcontent td.e-lastrowcell.e-childborder:first-child {
361
295
  border-left: 1px solid #ffd939;
362
296
  }
363
-
364
297
  .e-treegrid .e-gridcontent td.e-dropbottom:first-child,
365
298
  .e-treegrid .e-gridcontent td.e-rowcell.e-dropbottom,
366
299
  .e-treegrid .e-gridcontent td.e-dropbottom {
@@ -368,45 +301,35 @@
368
301
  position: relative;
369
302
  z-index: 1;
370
303
  }
371
-
372
304
  .e-treegrid .e-gridcontent td.e-droptop:first-child,
373
305
  .e-treegrid .e-gridcontent td.e-rowcell.e-droptop {
374
306
  border-top-color: #ffd939;
375
307
  border-width: 1px 0 0;
376
308
  }
377
-
378
309
  .e-treegrid .e-gridcontent td.e-lastrowcell.e-dropbottom {
379
310
  border-bottom-color: #ffd939;
380
311
  }
381
-
382
312
  .e-treegrid .e-gridcontent td.e-rowdragdrop.e-droptop.e-dragborder {
383
313
  box-shadow: 0 0 0 0;
384
314
  }
385
-
386
315
  .e-treegrid .e-gridcontent .e-gridheader .e-firstrow-dragborder {
387
316
  height: 1px;
388
317
  }
389
-
390
318
  .e-treegrid .e-gridcontent .e-lastrow-dragborder {
391
319
  height: 0;
392
320
  }
393
-
394
321
  .e-treegrid .e-gridheader .e-firstrow-dragborder {
395
322
  height: 0;
396
323
  }
397
-
398
324
  .e-treegrid .e-droptop .e-lastrow-dragborder {
399
325
  height: 0;
400
326
  }
401
-
402
327
  .e-treegrid .e-treegrid-relative {
403
328
  position: relative;
404
329
  }
405
-
406
330
  .e-treegrid .e-gridheader .e-firstrow-dragborder tr:first-child.e-dropbottom {
407
331
  height: 0;
408
332
  }
409
-
410
333
  .e-treegrid .e-gridheader .e-firstrow-border,
411
334
  .e-treegrid .e-gridcontent .e-lastrow-border {
412
335
  background-color: #ffd939;
@@ -416,91 +339,74 @@
416
339
  position: absolute;
417
340
  z-index: 1;
418
341
  }
419
-
420
342
  .e-treegrid .e-grid .e-gridcontent tr.e-row:first-child td.e-rowcell.e-childborder,
421
343
  .e-treegrid .e-grid .e-gridcontent tr.e-row:first-child td.e-rowdragdrop.e-childborder {
422
344
  border-bottom: 1px solid #ffd939;
423
345
  border-top: 1px solid #ffd939;
424
346
  box-shadow: 0 0 0 0 #ffd939;
425
347
  }
426
-
427
348
  .e-treegrid .e-grid .e-gridcontent tr.e-row:first-child td.e-rowcell.e-droptop,
428
349
  .e-treegrid .e-grid .e-gridcontent tr.e-row:first-child td.e-rowdragdrop.e-droptop {
429
350
  border-top: 1px solid #ffd939;
430
351
  }
431
-
432
352
  .e-treegrid .e-grid .e-gridcontent td.e-rowcell.e-childborder {
433
353
  border-bottom: 1px solid #ffd939;
434
354
  border-top: 1px solid #ffd939;
435
355
  box-shadow: 0 0 0 0 #ffd939;
436
356
  }
437
-
438
357
  .e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-childborder {
439
358
  border-bottom: 1px solid #ffd939;
440
359
  border-top: 1px solid #ffd939;
441
360
  box-shadow: 0 0 0 0 #ffd939;
442
361
  }
443
-
444
362
  .e-treegrid .e-grid .e-gridcontent td.e-rowcell.e-dropbottom {
445
363
  border-bottom: 1px solid #ffd939;
446
364
  box-shadow: 0 0 0 0 #ffd939;
447
365
  }
448
-
449
366
  .e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-dropbottom {
450
367
  border-bottom: 1px solid #ffd939;
451
368
  box-shadow: 0 0 0 0 #ffd939;
452
369
  }
453
-
454
370
  .e-treegrid .e-grid.e-rtl .e-gridheader .e-firstrow-dragborder {
455
371
  height: 0;
456
372
  }
457
-
458
373
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-childborder {
459
374
  border-color: #ffd939;
460
375
  border-width: 1px 0 0;
461
376
  position: relative;
462
377
  z-index: 1;
463
378
  }
464
-
465
379
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-rowcell.e-dragborder,
466
380
  .e-treegrid .e-grid.e-rtl .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder,
467
381
  .e-treegrid .e-grid.e-rtl .e-gridcontent .e-rowdragdrop.e-dragborder {
468
382
  box-shadow: 0 0 0 0;
469
383
  }
470
-
471
384
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-childborder:first-child {
472
385
  border-right: 1px solid #ffd939;
473
386
  box-shadow: 0 1px 0 0 #ffd939;
474
387
  position: relative;
475
388
  z-index: 1;
476
389
  }
477
-
478
390
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-rowcell.e-childborder:last-child {
479
391
  border-left: 1px solid #ffd939;
480
392
  }
481
-
482
393
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-lastrowcell.e-childborder {
483
394
  border-width: 1px 0;
484
395
  }
485
-
486
396
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-lastrowcell.e-childborder:last-child {
487
397
  border-right: 1px solid #ffd939;
488
398
  }
489
-
490
399
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-lastrowcell.e-childborder:first-child {
491
400
  border-left: 1px solid #ffd939;
492
401
  }
493
-
494
402
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-droptop:first-child,
495
403
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-rowcell.e-droptop {
496
404
  border-top-color: #ffd939;
497
405
  border-width: 1px 0 0;
498
406
  }
499
-
500
407
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-lastrowcell.e-dropbottom {
501
408
  border-bottom-color: #ffd939;
502
409
  }
503
-
504
410
  .e-treegrid .e-grid.e-rtl .e-gridcontent .e-droptop .e-lastrow-dragborder {
505
411
  height: 0;
506
- }
412
+ }