@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,4 +1,3 @@
1
- @charset "UTF-8";
2
1
  .e-input-group.e-ddl .e-control.e-autocomplete ~ .e-ddl-icon {
3
2
  font-size: 8px;
4
3
  }
@@ -12,11 +11,9 @@
12
11
  box-shadow: none;
13
12
  margin-top: 3px;
14
13
  }
15
-
16
14
  .e-popup.e-ddl .e-input-group {
17
15
  width: auto;
18
16
  }
19
-
20
17
  .e-popup.e-ddl .e-input-group input {
21
18
  line-height: 15px;
22
19
  }
@@ -30,7 +27,6 @@
30
27
  display: flex;
31
28
  width: auto;
32
29
  }
33
-
34
30
  .e-popup.e-ddl .e-filter-parent .e-input-group .e-back-icon {
35
31
  border: 0;
36
32
  }
@@ -46,8 +42,7 @@
46
42
  text-indent: 24px;
47
43
  }
48
44
 
49
- .e-bigger .e-popup.e-ddl .e-list-group-item,
50
- .e-bigger .e-popup.e-ddl .e-fixed-head {
45
+ .e-bigger .e-popup.e-ddl .e-list-group-item, .e-bigger .e-popup.e-ddl .e-fixed-head {
51
46
  font-size: 14px;
52
47
  line-height: 32px;
53
48
  padding-left: 0;
@@ -62,8 +57,7 @@
62
57
  padding: 4px 0;
63
58
  }
64
59
 
65
- .e-bigger .e-popup.e-ddl .e-input-group input,
66
- .e-bigger .e-popup.e-ddl .e-input-group input.e-input {
60
+ .e-bigger .e-popup.e-ddl .e-input-group input, .e-bigger .e-popup.e-ddl .e-input-group input.e-input {
67
61
  font-size: 16px;
68
62
  height: 36px;
69
63
  }
@@ -128,9 +122,7 @@
128
122
  font-size: 10px;
129
123
  }
130
124
 
131
- .e-bigger.e-small .e-ddl.e-popup .e-list-item,
132
- .e-bigger.e-small .e-ddl.e-popup .e-list-group-item,
133
- .e-bigger.e-small .e-ddl.e-popup .e-fixed-head {
125
+ .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 {
134
126
  font-size: 14px;
135
127
  line-height: 34px;
136
128
  padding-left: 0;
@@ -145,8 +137,7 @@
145
137
  padding: 4px 0;
146
138
  }
147
139
 
148
- .e-bigger.e-small .e-ddl.e-popup .e-input-group input,
149
- .e-bigger.e-small .e-ddl.e-popup .e-input-group input.e-input {
140
+ .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 {
150
141
  height: 30px;
151
142
  }
152
143
 
@@ -162,7 +153,6 @@
162
153
  transform: rotate(360deg);
163
154
  }
164
155
  }
165
-
166
156
  @keyframes fabric-spinner-rotate {
167
157
  0% {
168
158
  transform: rotate(0);
@@ -171,26 +161,21 @@
171
161
  transform: rotate(360deg);
172
162
  }
173
163
  }
174
-
175
164
  .e-treegrid .e-treegridexpand::before,
176
165
  .e-treegrid .e-treegridcollapse::before {
177
- content: '\e70b';
166
+ content: "\e70b";
178
167
  }
179
-
180
168
  .e-treegrid .e-toolbar-item .e-expand::before {
181
- content: '\e7db';
169
+ content: "\e7db";
182
170
  }
183
-
184
171
  .e-treegrid .e-toolbar-item .e-collapse::before {
185
- content: '\e7dc';
172
+ content: "\e7dc";
186
173
  }
187
-
188
174
  .e-treegrid .e-toolbar-item .e-indent::before {
189
- content: '\e702';
175
+ content: "\e702";
190
176
  }
191
-
192
177
  .e-treegrid .e-toolbar-item .e-outdent::before {
193
- content: '\e722';
178
+ content: "\e722";
194
179
  }
195
180
 
196
181
  .e-bigger .e-treegrid .e-treegridexpand,
@@ -199,106 +184,85 @@
199
184
  height: 16px;
200
185
  width: 16px;
201
186
  }
202
-
203
187
  .e-bigger .e-treegrid .e-hierarchycheckbox {
204
188
  padding-left: 2px;
205
189
  }
206
-
207
190
  .e-bigger .e-treegrid .e-hierarchycheckbox .e-frame {
208
191
  height: 20px;
209
192
  width: 20px;
210
193
  }
211
-
212
194
  .e-bigger .e-treegrid .e-hierarchycheckbox .e-frame {
213
195
  height: 20px;
214
196
  width: 20px;
215
197
  }
216
-
217
198
  .e-bigger .e-treegrid .e-treecell {
218
199
  line-height: 16px;
219
200
  }
220
-
221
201
  .e-treegrid .e-icons.e-none::before {
222
- content: '';
202
+ content: "";
223
203
  }
224
-
225
204
  .e-treegrid .e-gridheader .e-headercell .e-css.e-hierarchycheckbox {
226
205
  height: 20px;
227
206
  vertical-align: middle;
228
207
  }
229
-
230
208
  .e-treegrid .e-treegridexpand::before,
231
209
  .e-treegrid .e-treegridcollapse::before {
232
210
  text-align: center;
233
211
  vertical-align: middle;
234
212
  }
235
-
236
213
  .e-treegrid .e-rowcell:not(.e-gridclip) .e-treecolumn-container {
237
214
  display: block;
238
215
  overflow: hidden;
239
216
  text-overflow: ellipsis;
240
217
  }
241
-
242
218
  .e-treegrid .e-rowcell:not(.e-gridclip) .e-treecolumn-container span.e-treecell {
243
219
  display: inline;
244
220
  overflow: hidden;
245
221
  text-overflow: ellipsis;
246
222
  }
247
-
248
223
  .e-treegrid .e-treegridexpand:hover::before,
249
224
  .e-treegrid .e-treegridcollapse:hover::before {
250
225
  color: #343a40;
251
226
  }
252
-
253
227
  .e-treegrid .e-rtl .e-treegridcollapse {
254
228
  transform: scale(-1);
255
229
  }
256
-
257
230
  .e-treegrid .e-treegridexpand {
258
231
  transform: rotate(90deg);
259
232
  }
260
-
261
233
  .e-treegrid .e-treerowexpanded:not(.e-hiddenrow) {
262
234
  display: table-row;
263
235
  }
264
-
265
236
  .e-treegrid .e-treerowcollapsed {
266
237
  display: none;
267
238
  }
268
-
269
239
  .e-treegrid .e-treecheckbox-container {
270
240
  display: block;
271
241
  overflow: hidden;
272
242
  text-overflow: ellipsis;
273
243
  }
274
-
275
244
  .e-treegrid .e-treecheckbox-container :not(.e-treecheckbox) {
276
245
  white-space: nowrap;
277
246
  }
278
-
279
247
  .e-treegrid .e-treecheckbox {
280
248
  overflow: hidden;
281
249
  text-overflow: ellipsis;
282
250
  vertical-align: middle;
283
251
  }
284
-
285
252
  .e-treegrid .e-treecolumn-container span {
286
253
  display: inline-block;
287
254
  vertical-align: middle;
288
255
  }
289
-
290
256
  .e-treegrid .e-hierarchycheckbox .e-frame {
291
257
  height: 14px;
292
258
  width: 14px;
293
259
  }
294
-
295
260
  .e-treegrid .e-checkselection .e-frozenheader .e-rowcell,
296
261
  .e-treegrid .e-checkselection .e-movableheader .e-rowcell,
297
262
  .e-treegrid .e-checkselection .e-frozencontent .e-rowcell,
298
263
  .e-treegrid .e-checkselection .e-movablecontent .e-rowcell {
299
264
  line-height: 21px;
300
265
  }
301
-
302
266
  .e-treegrid .e-treegridexpand,
303
267
  .e-treegrid .e-treegridcollapse {
304
268
  color: #495057;
@@ -310,36 +274,29 @@
310
274
  vertical-align: bottom;
311
275
  width: 16px;
312
276
  }
313
-
314
277
  .e-treegrid .e-treecell {
315
278
  display: table-cell;
316
279
  line-height: normal;
317
280
  }
318
-
319
281
  .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecolumn-container {
320
282
  white-space: nowrap;
321
283
  }
322
-
323
284
  .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecolumn-container .e-treecell {
324
285
  display: inline-block;
325
286
  white-space: normal;
326
287
  word-wrap: break-word;
327
288
  }
328
-
329
289
  .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecheckbox-container {
330
290
  white-space: nowrap;
331
291
  }
332
-
333
292
  .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecheckbox-container .e-treecheckbox {
334
293
  display: inline-block;
335
294
  white-space: normal;
336
295
  word-wrap: break-word;
337
296
  }
338
-
339
297
  .e-treegrid.e-grid.e-print-grid-layout .e-icons {
340
298
  display: inline-block;
341
299
  }
342
-
343
300
  .e-treegrid .e-treecheckselect,
344
301
  .e-treegrid .e-treeselectall {
345
302
  margin: 0;
@@ -347,7 +304,6 @@
347
304
  position: absolute;
348
305
  width: 0;
349
306
  }
350
-
351
307
  .e-treegrid .e-detailheadercell,
352
308
  .e-treegrid .e-headercontent .e-table .e-detail-intent,
353
309
  .e-treegrid .e-gridcontent .e-table .e-detail-intent,
@@ -357,19 +313,16 @@
357
313
  .e-treegrid .e-filterbarcell.e-mastercell {
358
314
  display: none;
359
315
  }
360
-
361
316
  .e-treegrid .e-icons.e-errorelem {
362
317
  display: inline-block;
363
318
  padding-left: 10px;
364
319
  vertical-align: middle;
365
320
  }
366
-
367
321
  .e-treegrid .e-errorelem::before {
368
322
  color: #e3165b;
369
- content: "";
323
+ content: "\e797";
370
324
  transform: rotate(180deg);
371
325
  }
372
-
373
326
  .e-treegrid .e-gridcontent td.e-childborder {
374
327
  border-color: #e3165b;
375
328
  border-width: 1px 0 0;
@@ -377,41 +330,33 @@
377
330
  position: relative;
378
331
  z-index: 1;
379
332
  }
380
-
381
333
  .e-treegrid .e-gridcontent td.e-rowcell.e-childborder.e-dragborder,
382
334
  .e-treegrid .e-gridcontent td.e-rowcell.e-dropbottom.e-dragborder td.e-rowdragdrop.e-dropbottom.e-dragborder {
383
335
  box-shadow: 0 1px 0 0 #e3165b;
384
336
  }
385
-
386
337
  .e-treegrid .e-gridcontent td.e-rowcell.e-dragborder,
387
338
  .e-treegrid .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder,
388
339
  .e-treegrid .e-gridcontent .e-rowdragdrop.e-dragborder {
389
340
  box-shadow: 0 0 0 0;
390
341
  }
391
-
392
342
  .e-treegrid .e-gridcontent td.e-childborder:first-child {
393
343
  border-left: 1px solid;
394
344
  box-shadow: 0 1px 0 0 #e3165b;
395
345
  position: relative;
396
346
  z-index: 1;
397
347
  }
398
-
399
348
  .e-treegrid .e-gridcontent td.e-rowcell.e-childborder:last-child {
400
349
  border-right: 1px solid;
401
350
  }
402
-
403
351
  .e-treegrid .e-gridcontent td.e-lastrowcell.e-childborder {
404
352
  border-width: 1px 0;
405
353
  }
406
-
407
354
  .e-treegrid .e-gridcontent td.e-lastrowcell.e-childborder:last-child {
408
355
  border-right: 1px solid;
409
356
  }
410
-
411
357
  .e-treegrid .e-gridcontent td.e-lastrowcell.e-childborder:first-child {
412
358
  border-left: 1px solid;
413
359
  }
414
-
415
360
  .e-treegrid .e-gridcontent td.e-dropbottom:first-child,
416
361
  .e-treegrid .e-gridcontent td.e-rowcell.e-dropbottom,
417
362
  .e-treegrid .e-gridcontent td.e-dropbottom {
@@ -419,45 +364,35 @@
419
364
  position: relative;
420
365
  z-index: 1;
421
366
  }
422
-
423
367
  .e-treegrid .e-gridcontent td.e-droptop:first-child,
424
368
  .e-treegrid .e-gridcontent td.e-rowcell.e-droptop {
425
369
  border-top-color: #e3165b;
426
370
  border-width: 1px 0 0;
427
371
  }
428
-
429
372
  .e-treegrid .e-gridcontent td.e-lastrowcell.e-dropbottom {
430
373
  border-bottom-color: #e3165b;
431
374
  }
432
-
433
375
  .e-treegrid .e-gridcontent td.e-rowdragdrop.e-droptop.e-dragborder {
434
376
  box-shadow: 0 0 0 0;
435
377
  }
436
-
437
378
  .e-treegrid .e-gridcontent .e-gridheader .e-firstrow-dragborder {
438
379
  height: 1px;
439
380
  }
440
-
441
381
  .e-treegrid .e-gridcontent .e-lastrow-dragborder {
442
382
  height: 0;
443
383
  }
444
-
445
384
  .e-treegrid .e-gridheader .e-firstrow-dragborder {
446
385
  height: 0;
447
386
  }
448
-
449
387
  .e-treegrid .e-droptop .e-lastrow-dragborder {
450
388
  height: 0;
451
389
  }
452
-
453
390
  .e-treegrid .e-treegrid-relative {
454
391
  position: relative;
455
392
  }
456
-
457
393
  .e-treegrid .e-gridheader .e-firstrow-dragborder tr:first-child.e-dropbottom {
458
394
  height: 0;
459
395
  }
460
-
461
396
  .e-treegrid .e-gridheader .e-firstrow-border,
462
397
  .e-treegrid .e-gridcontent .e-lastrow-border {
463
398
  background-color: #e3165b;
@@ -467,91 +402,74 @@
467
402
  position: absolute;
468
403
  z-index: 1;
469
404
  }
470
-
471
405
  .e-treegrid .e-grid .e-gridcontent tr.e-row:first-child td.e-rowcell.e-childborder,
472
406
  .e-treegrid .e-grid .e-gridcontent tr.e-row:first-child td.e-rowdragdrop.e-childborder {
473
407
  border-bottom: 1px solid;
474
408
  border-top: 1px solid;
475
409
  box-shadow: 0 0 0 0 #e3165b;
476
410
  }
477
-
478
411
  .e-treegrid .e-grid .e-gridcontent tr.e-row:first-child td.e-rowcell.e-droptop,
479
412
  .e-treegrid .e-grid .e-gridcontent tr.e-row:first-child td.e-rowdragdrop.e-droptop {
480
413
  border-top: 1px solid #e3165b;
481
414
  }
482
-
483
415
  .e-treegrid .e-grid .e-gridcontent td.e-rowcell.e-childborder {
484
416
  border-bottom: 1px solid;
485
417
  border-top: 1px solid;
486
418
  box-shadow: 0 0 0 0 #e3165b;
487
419
  }
488
-
489
420
  .e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-childborder {
490
421
  border-bottom: 1px solid;
491
422
  border-top: 1px solid;
492
423
  box-shadow: 0 0 0 0 #e3165b;
493
424
  }
494
-
495
425
  .e-treegrid .e-grid .e-gridcontent td.e-rowcell.e-dropbottom {
496
426
  border-bottom: 1px solid #e3165b;
497
427
  box-shadow: 0 0 0 0 #e3165b;
498
428
  }
499
-
500
429
  .e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-dropbottom {
501
430
  border-bottom: 1px solid #e3165b;
502
431
  box-shadow: 0 0 0 0 #e3165b;
503
432
  }
504
-
505
433
  .e-treegrid .e-grid.e-rtl .e-gridheader .e-firstrow-dragborder {
506
434
  height: 0;
507
435
  }
508
-
509
436
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-childborder {
510
437
  border-color: #e3165b;
511
438
  border-width: 1px 0 0;
512
439
  position: relative;
513
440
  z-index: 1;
514
441
  }
515
-
516
442
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-rowcell.e-dragborder,
517
443
  .e-treegrid .e-grid.e-rtl .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder,
518
444
  .e-treegrid .e-grid.e-rtl .e-gridcontent .e-rowdragdrop.e-dragborder {
519
445
  box-shadow: 0 0 0 0;
520
446
  }
521
-
522
447
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-childborder:first-child {
523
448
  border-right: 1px solid;
524
449
  box-shadow: 0 1px 0 0 #e3165b;
525
450
  position: relative;
526
451
  z-index: 1;
527
452
  }
528
-
529
453
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-rowcell.e-childborder:last-child {
530
454
  border-left: 1px solid;
531
455
  }
532
-
533
456
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-lastrowcell.e-childborder {
534
457
  border-width: 1px 0;
535
458
  }
536
-
537
459
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-lastrowcell.e-childborder:last-child {
538
460
  border-right: 1px solid;
539
461
  }
540
-
541
462
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-lastrowcell.e-childborder:first-child {
542
463
  border-left: 1px solid;
543
464
  }
544
-
545
465
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-droptop:first-child,
546
466
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-rowcell.e-droptop {
547
467
  border-top-color: #e3165b;
548
468
  border-width: 1px 0 0;
549
469
  }
550
-
551
470
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-lastrowcell.e-dropbottom {
552
471
  border-bottom-color: #e3165b;
553
472
  }
554
-
555
473
  .e-treegrid .e-grid.e-rtl .e-gridcontent .e-droptop .e-lastrow-dragborder {
556
474
  height: 0;
557
- }
475
+ }