@syncfusion/ej2-treegrid 20.1.48 → 20.1.55

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