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