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