@syncfusion/ej2-vue-treegrid 19.2.55 → 19.3.43

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 (40) hide show
  1. package/CHANGELOG.md +14 -47
  2. package/dist/ej2-vue-treegrid.umd.min.js +1 -1
  3. package/dist/es6/ej2-vue-treegrid.es2015.js +46 -1
  4. package/dist/es6/ej2-vue-treegrid.es2015.js.map +1 -1
  5. package/dist/es6/ej2-vue-treegrid.es5.js +48 -1
  6. package/dist/es6/ej2-vue-treegrid.es5.js.map +1 -1
  7. package/dist/global/ej2-vue-treegrid.min.js +2 -2
  8. package/package.json +8 -8
  9. package/src/treegrid/treegrid.component.d.ts +9 -0
  10. package/src/treegrid/treegrid.component.js +48 -1
  11. package/styles/bootstrap-dark.css +7 -3
  12. package/styles/bootstrap.css +7 -3
  13. package/styles/bootstrap4.css +7 -3
  14. package/styles/bootstrap5-dark.css +530 -0
  15. package/styles/bootstrap5-dark.scss +1 -0
  16. package/styles/bootstrap5.css +530 -0
  17. package/styles/bootstrap5.scss +1 -0
  18. package/styles/fabric-dark.css +7 -3
  19. package/styles/fabric.css +7 -3
  20. package/styles/highcontrast-light.css +7 -3
  21. package/styles/highcontrast.css +9 -5
  22. package/styles/material-dark.css +26 -22
  23. package/styles/material.css +5 -1
  24. package/styles/tailwind-dark.css +34 -30
  25. package/styles/tailwind.css +5 -1
  26. package/styles/treegrid/bootstrap-dark.css +7 -3
  27. package/styles/treegrid/bootstrap.css +7 -3
  28. package/styles/treegrid/bootstrap4.css +7 -3
  29. package/styles/treegrid/bootstrap5-dark.css +530 -0
  30. package/styles/treegrid/bootstrap5-dark.scss +1 -0
  31. package/styles/treegrid/bootstrap5.css +530 -0
  32. package/styles/treegrid/bootstrap5.scss +1 -0
  33. package/styles/treegrid/fabric-dark.css +7 -3
  34. package/styles/treegrid/fabric.css +7 -3
  35. package/styles/treegrid/highcontrast-light.css +7 -3
  36. package/styles/treegrid/highcontrast.css +9 -5
  37. package/styles/treegrid/material-dark.css +26 -22
  38. package/styles/treegrid/material.css +5 -1
  39. package/styles/treegrid/tailwind-dark.css +34 -30
  40. package/styles/treegrid/tailwind.css +5 -1
@@ -22,7 +22,7 @@
22
22
  }
23
23
 
24
24
  .e-dropdownbase .e-list-item.e-active.e-hover {
25
- color: #ff80ab;
25
+ color: #00b0ff;
26
26
  }
27
27
 
28
28
  .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:active,
@@ -186,6 +186,10 @@
186
186
  line-height: 18px;
187
187
  }
188
188
 
189
+ .e-treegrid .e-icons.e-none::before {
190
+ content: '';
191
+ }
192
+
189
193
  .e-treegrid .e-treegridexpand::before,
190
194
  .e-treegrid .e-treegridcollapse::before {
191
195
  text-align: center;
@@ -276,7 +280,7 @@
276
280
 
277
281
  .e-treegrid .e-treecell {
278
282
  display: table-cell;
279
- line-height: 16px;
283
+ line-height: 10px;
280
284
  }
281
285
 
282
286
  .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecolumn-container {
@@ -334,16 +338,16 @@
334
338
  }
335
339
 
336
340
  .e-treegrid .e-gridcontent td.e-childborder {
337
- border-color: #ff80ab;
341
+ border-color: #00b0ff;
338
342
  border-width: 1px 0 0;
339
- box-shadow: 0 1px 0 0 #ff80ab;
343
+ box-shadow: 0 1px 0 0 #00b0ff;
340
344
  position: relative;
341
345
  z-index: 1;
342
346
  }
343
347
 
344
348
  .e-treegrid .e-gridcontent td.e-rowcell.e-childborder.e-dragborder,
345
349
  .e-treegrid .e-gridcontent td.e-rowcell.e-dropbottom.e-dragborder td.e-rowdragdrop.e-dropbottom.e-dragborder {
346
- box-shadow: 0 1px 0 0 #ff80ab;
350
+ box-shadow: 0 1px 0 0 #00b0ff;
347
351
  }
348
352
 
349
353
  .e-treegrid .e-gridcontent td.e-rowcell.e-dragborder,
@@ -353,14 +357,14 @@
353
357
  }
354
358
 
355
359
  .e-treegrid .e-gridcontent td.e-childborder:first-child {
356
- border-left: 1px solid #ff80ab;
357
- box-shadow: 0 1px 0 0 #ff80ab;
360
+ border-left: 1px solid #00b0ff;
361
+ box-shadow: 0 1px 0 0 #00b0ff;
358
362
  position: relative;
359
363
  z-index: 1;
360
364
  }
361
365
 
362
366
  .e-treegrid .e-gridcontent td.e-rowcell.e-childborder:last-child {
363
- border-right: 1px solid #ff80ab;
367
+ border-right: 1px solid #00b0ff;
364
368
  }
365
369
 
366
370
  .e-treegrid .e-gridcontent td.e-lastrowcell.e-childborder {
@@ -368,29 +372,29 @@
368
372
  }
369
373
 
370
374
  .e-treegrid .e-gridcontent td.e-lastrowcell.e-childborder:last-child {
371
- border-right: 1px solid #ff80ab;
375
+ border-right: 1px solid #00b0ff;
372
376
  }
373
377
 
374
378
  .e-treegrid .e-gridcontent td.e-lastrowcell.e-childborder:first-child {
375
- border-left: 1px solid #ff80ab;
379
+ border-left: 1px solid #00b0ff;
376
380
  }
377
381
 
378
382
  .e-treegrid .e-gridcontent td.e-dropbottom:first-child,
379
383
  .e-treegrid .e-gridcontent td.e-rowcell.e-dropbottom,
380
384
  .e-treegrid .e-gridcontent td.e-dropbottom {
381
- box-shadow: 0 1px 0 0 #ff80ab;
385
+ box-shadow: 0 1px 0 0 #00b0ff;
382
386
  position: relative;
383
387
  z-index: 1;
384
388
  }
385
389
 
386
390
  .e-treegrid .e-gridcontent td.e-droptop:first-child,
387
391
  .e-treegrid .e-gridcontent td.e-rowcell.e-droptop {
388
- border-top-color: #ff80ab;
392
+ border-top-color: #00b0ff;
389
393
  border-width: 1px 0 0;
390
394
  }
391
395
 
392
396
  .e-treegrid .e-gridcontent td.e-lastrowcell.e-dropbottom {
393
- border-bottom-color: #ff80ab;
397
+ border-bottom-color: #00b0ff;
394
398
  }
395
399
 
396
400
  .e-treegrid .e-gridcontent td.e-rowdragdrop.e-droptop.e-dragborder {
@@ -423,7 +427,7 @@
423
427
 
424
428
  .e-treegrid .e-gridheader .e-firstrow-border,
425
429
  .e-treegrid .e-gridcontent .e-lastrow-border {
426
- background-color: #ff80ab;
430
+ background-color: #00b0ff;
427
431
  bottom: 0;
428
432
  display: none;
429
433
  height: 1px;
@@ -458,7 +462,7 @@
458
462
  }
459
463
 
460
464
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-childborder {
461
- border-color: #ff80ab;
465
+ border-color: #00b0ff;
462
466
  border-width: 1px 0 0;
463
467
  position: relative;
464
468
  z-index: 1;
@@ -471,14 +475,14 @@
471
475
  }
472
476
 
473
477
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-childborder:first-child {
474
- border-right: 1px solid #ff80ab;
475
- box-shadow: 0 1px 0 0 #ff80ab;
478
+ border-right: 1px solid #00b0ff;
479
+ box-shadow: 0 1px 0 0 #00b0ff;
476
480
  position: relative;
477
481
  z-index: 1;
478
482
  }
479
483
 
480
484
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-rowcell.e-childborder:last-child {
481
- border-left: 1px solid #ff80ab;
485
+ border-left: 1px solid #00b0ff;
482
486
  }
483
487
 
484
488
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-lastrowcell.e-childborder {
@@ -486,21 +490,21 @@
486
490
  }
487
491
 
488
492
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-lastrowcell.e-childborder:last-child {
489
- border-right: 1px solid #ff80ab;
493
+ border-right: 1px solid #00b0ff;
490
494
  }
491
495
 
492
496
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-lastrowcell.e-childborder:first-child {
493
- border-left: 1px solid #ff80ab;
497
+ border-left: 1px solid #00b0ff;
494
498
  }
495
499
 
496
500
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-droptop:first-child,
497
501
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-rowcell.e-droptop {
498
- border-top-color: #ff80ab;
502
+ border-top-color: #00b0ff;
499
503
  border-width: 1px 0 0;
500
504
  }
501
505
 
502
506
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-lastrowcell.e-dropbottom {
503
- border-bottom-color: #ff80ab;
507
+ border-bottom-color: #00b0ff;
504
508
  }
505
509
 
506
510
  .e-treegrid .e-grid.e-rtl .e-gridcontent .e-droptop .e-lastrow-dragborder {
@@ -221,6 +221,10 @@
221
221
  line-height: 18px;
222
222
  }
223
223
 
224
+ .e-treegrid .e-icons.e-none::before {
225
+ content: '';
226
+ }
227
+
224
228
  .e-treegrid .e-treegridexpand::before,
225
229
  .e-treegrid .e-treegridcollapse::before {
226
230
  text-align: center;
@@ -311,7 +315,7 @@
311
315
 
312
316
  .e-treegrid .e-treecell {
313
317
  display: table-cell;
314
- line-height: 16px;
318
+ line-height: 10px;
315
319
  }
316
320
 
317
321
  .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecolumn-container {
@@ -213,6 +213,10 @@
213
213
  line-height: 22px;
214
214
  }
215
215
 
216
+ .e-treegrid .e-icons.e-none::before {
217
+ content: '';
218
+ }
219
+
216
220
  .e-treegrid .e-treegridexpand::before,
217
221
  .e-treegrid .e-treegridcollapse::before {
218
222
  text-align: center;
@@ -303,7 +307,7 @@
303
307
 
304
308
  .e-treegrid .e-treecell {
305
309
  display: table-cell;
306
- line-height: 16px;
310
+ line-height: 18px;
307
311
  }
308
312
 
309
313
  .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecolumn-container {
@@ -355,22 +359,22 @@
355
359
  }
356
360
 
357
361
  .e-treegrid .e-errorelem::before {
358
- color: #06b6d4;
362
+ color: #4f46e5;
359
363
  content: "";
360
364
  transform: rotate(180deg);
361
365
  }
362
366
 
363
367
  .e-treegrid .e-gridcontent td.e-childborder {
364
- border-color: #06b6d4;
368
+ border-color: #4f46e5;
365
369
  border-width: 2px 0 0;
366
- box-shadow: 0 1px 0 0 #06b6d4;
370
+ box-shadow: 0 1px 0 0 #4f46e5;
367
371
  position: relative;
368
372
  z-index: 1;
369
373
  }
370
374
 
371
375
  .e-treegrid .e-gridcontent td.e-rowcell.e-childborder.e-dragborder,
372
376
  .e-treegrid .e-gridcontent td.e-rowcell.e-dropbottom.e-dragborder td.e-rowdragdrop.e-dropbottom.e-dragborder {
373
- box-shadow: 0 1px 0 0 #06b6d4;
377
+ box-shadow: 0 1px 0 0 #4f46e5;
374
378
  }
375
379
 
376
380
  .e-treegrid .e-gridcontent td.e-rowcell.e-dragborder,
@@ -380,14 +384,14 @@
380
384
  }
381
385
 
382
386
  .e-treegrid .e-gridcontent td.e-childborder:first-child {
383
- border-left: 2px solid #06b6d4;
384
- box-shadow: 0 1px 0 0 #06b6d4;
387
+ border-left: 2px solid #4f46e5;
388
+ box-shadow: 0 1px 0 0 #4f46e5;
385
389
  position: relative;
386
390
  z-index: 1;
387
391
  }
388
392
 
389
393
  .e-treegrid .e-gridcontent td.e-rowcell.e-childborder:last-child {
390
- border-right: 2px solid #06b6d4;
394
+ border-right: 2px solid #4f46e5;
391
395
  }
392
396
 
393
397
  .e-treegrid .e-gridcontent td.e-lastrowcell.e-childborder {
@@ -395,29 +399,29 @@
395
399
  }
396
400
 
397
401
  .e-treegrid .e-gridcontent td.e-lastrowcell.e-childborder:last-child {
398
- border-right: 2px solid #06b6d4;
402
+ border-right: 2px solid #4f46e5;
399
403
  }
400
404
 
401
405
  .e-treegrid .e-gridcontent td.e-lastrowcell.e-childborder:first-child {
402
- border-left: 2px solid #06b6d4;
406
+ border-left: 2px solid #4f46e5;
403
407
  }
404
408
 
405
409
  .e-treegrid .e-gridcontent td.e-dropbottom:first-child,
406
410
  .e-treegrid .e-gridcontent td.e-rowcell.e-dropbottom,
407
411
  .e-treegrid .e-gridcontent td.e-dropbottom {
408
- box-shadow: 0 1px 0 0 #06b6d4;
412
+ box-shadow: 0 1px 0 0 #4f46e5;
409
413
  position: relative;
410
414
  z-index: 1;
411
415
  }
412
416
 
413
417
  .e-treegrid .e-gridcontent td.e-droptop:first-child,
414
418
  .e-treegrid .e-gridcontent td.e-rowcell.e-droptop {
415
- border-top-color: #06b6d4;
419
+ border-top-color: #4f46e5;
416
420
  border-width: 2px 0 0;
417
421
  }
418
422
 
419
423
  .e-treegrid .e-gridcontent td.e-lastrowcell.e-dropbottom {
420
- border-bottom-color: #06b6d4;
424
+ border-bottom-color: #4f46e5;
421
425
  }
422
426
 
423
427
  .e-treegrid .e-gridcontent td.e-rowdragdrop.e-droptop.e-dragborder {
@@ -450,7 +454,7 @@
450
454
 
451
455
  .e-treegrid .e-gridheader .e-firstrow-border,
452
456
  .e-treegrid .e-gridcontent .e-lastrow-border {
453
- background-color: #06b6d4;
457
+ background-color: #4f46e5;
454
458
  bottom: 0;
455
459
  display: none;
456
460
  height: 1px;
@@ -460,24 +464,24 @@
460
464
 
461
465
  .e-treegrid .e-grid .e-gridcontent tr.e-row:first-child td.e-rowcell.e-childborder,
462
466
  .e-treegrid .e-grid .e-gridcontent tr.e-row:first-child td.e-rowdragdrop.e-childborder {
463
- border-bottom: 2px solid #06b6d4;
464
- border-top: 2px solid #06b6d4;
465
- box-shadow: 0 0 0 0 #06b6d4;
467
+ border-bottom: 2px solid #4f46e5;
468
+ border-top: 2px solid #4f46e5;
469
+ box-shadow: 0 0 0 0 #4f46e5;
466
470
  }
467
471
 
468
472
  .e-treegrid .e-grid .e-gridcontent tr.e-row:first-child td.e-rowcell.e-droptop,
469
473
  .e-treegrid .e-grid .e-gridcontent tr.e-row:first-child td.e-rowdragdrop.e-droptop {
470
- border-top: 2px solid #06b6d4;
474
+ border-top: 2px solid #4f46e5;
471
475
  }
472
476
 
473
477
  .e-treegrid .e-grid .e-gridcontent td.e-rowcell.e-childborder, .e-treegrid .e-grid .e-gridcontent td.e-rowcell.e-dropbottom {
474
- border-bottom: 2px solid #06b6d4;
475
- box-shadow: 0 0 0 0 #06b6d4;
478
+ border-bottom: 2px solid #4f46e5;
479
+ box-shadow: 0 0 0 0 #4f46e5;
476
480
  }
477
481
 
478
482
  .e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-childborder, .e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-dropbottom {
479
- border-bottom: 2px solid #06b6d4;
480
- box-shadow: 0 0 0 0 #06b6d4;
483
+ border-bottom: 2px solid #4f46e5;
484
+ box-shadow: 0 0 0 0 #4f46e5;
481
485
  }
482
486
 
483
487
  .e-treegrid .e-grid.e-rtl .e-gridheader .e-firstrow-dragborder {
@@ -485,7 +489,7 @@
485
489
  }
486
490
 
487
491
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-childborder {
488
- border-color: #06b6d4;
492
+ border-color: #4f46e5;
489
493
  border-width: 2px 0 2px 0;
490
494
  position: relative;
491
495
  z-index: 1;
@@ -498,14 +502,14 @@
498
502
  }
499
503
 
500
504
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-childborder:first-child {
501
- border-right: 2px solid #06b6d4;
502
- box-shadow: 0 1px 0 0 #06b6d4;
505
+ border-right: 2px solid #4f46e5;
506
+ box-shadow: 0 1px 0 0 #4f46e5;
503
507
  position: relative;
504
508
  z-index: 1;
505
509
  }
506
510
 
507
511
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-rowcell.e-childborder:last-child {
508
- border-left: 2px solid #06b6d4;
512
+ border-left: 2px solid #4f46e5;
509
513
  }
510
514
 
511
515
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-lastrowcell.e-childborder {
@@ -513,21 +517,21 @@
513
517
  }
514
518
 
515
519
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-lastrowcell.e-childborder:last-child {
516
- border-right: 2px solid #06b6d4;
520
+ border-right: 2px solid #4f46e5;
517
521
  }
518
522
 
519
523
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-lastrowcell.e-childborder:first-child {
520
- border-left: 2px solid #06b6d4;
524
+ border-left: 2px solid #4f46e5;
521
525
  }
522
526
 
523
527
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-droptop:first-child,
524
528
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-rowcell.e-droptop {
525
- border-top-color: #06b6d4;
529
+ border-top-color: #4f46e5;
526
530
  border-width: 2px 0 0;
527
531
  }
528
532
 
529
533
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-lastrowcell.e-dropbottom {
530
- border-bottom-color: #06b6d4;
534
+ border-bottom-color: #4f46e5;
531
535
  }
532
536
 
533
537
  .e-treegrid .e-grid.e-rtl .e-gridcontent .e-droptop .e-lastrow-dragborder {
@@ -213,6 +213,10 @@
213
213
  line-height: 22px;
214
214
  }
215
215
 
216
+ .e-treegrid .e-icons.e-none::before {
217
+ content: '';
218
+ }
219
+
216
220
  .e-treegrid .e-treegridexpand::before,
217
221
  .e-treegrid .e-treegridcollapse::before {
218
222
  text-align: center;
@@ -303,7 +307,7 @@
303
307
 
304
308
  .e-treegrid .e-treecell {
305
309
  display: table-cell;
306
- line-height: 16px;
310
+ line-height: 18px;
307
311
  }
308
312
 
309
313
  .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecolumn-container {
@@ -176,6 +176,10 @@
176
176
  line-height: 18px;
177
177
  }
178
178
 
179
+ .e-treegrid .e-icons.e-none::before {
180
+ content: '';
181
+ }
182
+
179
183
  .e-treegrid .e-treegridexpand::before,
180
184
  .e-treegrid .e-treegridcollapse::before {
181
185
  text-align: center;
@@ -241,8 +245,8 @@
241
245
  }
242
246
 
243
247
  .e-treegrid .e-hierarchycheckbox .e-frame {
244
- height: 18px;
245
- width: 18px;
248
+ height: 20px;
249
+ width: 20px;
246
250
  }
247
251
 
248
252
  .e-treegrid .e-checkselection .e-frozenheader .e-rowcell,
@@ -266,7 +270,7 @@
266
270
 
267
271
  .e-treegrid .e-treecell {
268
272
  display: table-cell;
269
- line-height: 16px;
273
+ line-height: 10px;
270
274
  }
271
275
 
272
276
  .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecolumn-container {
@@ -177,6 +177,10 @@
177
177
  line-height: 18px;
178
178
  }
179
179
 
180
+ .e-treegrid .e-icons.e-none::before {
181
+ content: '';
182
+ }
183
+
180
184
  .e-treegrid .e-treegridexpand::before,
181
185
  .e-treegrid .e-treegridcollapse::before {
182
186
  text-align: center;
@@ -242,8 +246,8 @@
242
246
  }
243
247
 
244
248
  .e-treegrid .e-hierarchycheckbox .e-frame {
245
- height: 18px;
246
- width: 18px;
249
+ height: 20px;
250
+ width: 20px;
247
251
  }
248
252
 
249
253
  .e-treegrid .e-checkselection .e-frozenheader .e-rowcell,
@@ -267,7 +271,7 @@
267
271
 
268
272
  .e-treegrid .e-treecell {
269
273
  display: table-cell;
270
- line-height: 16px;
274
+ line-height: 10px;
271
275
  }
272
276
 
273
277
  .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecolumn-container {
@@ -212,6 +212,10 @@
212
212
  line-height: 16px;
213
213
  }
214
214
 
215
+ .e-treegrid .e-icons.e-none::before {
216
+ content: '';
217
+ }
218
+
215
219
  .e-treegrid .e-treegridexpand::before,
216
220
  .e-treegrid .e-treegridcollapse::before {
217
221
  text-align: center;
@@ -277,8 +281,8 @@
277
281
  }
278
282
 
279
283
  .e-treegrid .e-hierarchycheckbox .e-frame {
280
- height: 18px;
281
- width: 18px;
284
+ height: 14px;
285
+ width: 14px;
282
286
  }
283
287
 
284
288
  .e-treegrid .e-checkselection .e-frozenheader .e-rowcell,
@@ -302,7 +306,7 @@
302
306
 
303
307
  .e-treegrid .e-treecell {
304
308
  display: table-cell;
305
- line-height: 16px;
309
+ line-height: 10px;
306
310
  }
307
311
 
308
312
  .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecolumn-container {