@syncfusion/ej2-treegrid 28.1.36 → 28.1.39

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 (82) hide show
  1. package/README.md +1 -1
  2. package/dist/ej2-treegrid.min.js +10 -1
  3. package/dist/ej2-treegrid.umd.min.js +10 -1
  4. package/dist/ej2-treegrid.umd.min.js.map +1 -1
  5. package/dist/es6/ej2-treegrid.es2015.js +35 -35
  6. package/dist/es6/ej2-treegrid.es2015.js.map +1 -1
  7. package/dist/es6/ej2-treegrid.es5.js +35 -35
  8. package/dist/es6/ej2-treegrid.es5.js.map +1 -1
  9. package/dist/global/ej2-treegrid.min.js +10 -1
  10. package/dist/global/ej2-treegrid.min.js.map +1 -1
  11. package/dist/global/index.d.ts +9 -0
  12. package/package.json +8 -7
  13. package/src/treegrid/actions/virtual-scroll.js +13 -5
  14. package/src/treegrid/base/data.js +1 -0
  15. package/src/treegrid/base/treegrid.js +1 -24
  16. package/src/treegrid/renderer/virtual-row-model-generator.js +4 -5
  17. package/src/treegrid/renderer/virtual-tree-content-render.js +18 -3
  18. package/src/treegrid/utils.d.ts +1 -1
  19. package/styles/bds-lite.css +11 -14
  20. package/styles/bds.css +11 -14
  21. package/styles/bootstrap-dark-lite.css +11 -14
  22. package/styles/bootstrap-dark.css +11 -14
  23. package/styles/bootstrap-lite.css +11 -14
  24. package/styles/bootstrap.css +11 -14
  25. package/styles/bootstrap4-lite.css +11 -14
  26. package/styles/bootstrap4.css +11 -14
  27. package/styles/bootstrap5-dark-lite.css +11 -14
  28. package/styles/bootstrap5-dark.css +11 -14
  29. package/styles/bootstrap5-lite.css +11 -14
  30. package/styles/bootstrap5.3-lite.css +11 -14
  31. package/styles/bootstrap5.3.css +11 -14
  32. package/styles/bootstrap5.css +11 -14
  33. package/styles/fabric-dark-lite.css +11 -14
  34. package/styles/fabric-dark.css +11 -14
  35. package/styles/fabric-lite.css +11 -14
  36. package/styles/fabric.css +11 -14
  37. package/styles/fluent-dark-lite.css +11 -14
  38. package/styles/fluent-dark.css +11 -14
  39. package/styles/fluent-lite.css +11 -14
  40. package/styles/fluent.css +11 -14
  41. package/styles/fluent2-lite.css +11 -14
  42. package/styles/fluent2.css +11 -14
  43. package/styles/highcontrast-light-lite.css +11 -14
  44. package/styles/highcontrast-light.css +11 -14
  45. package/styles/highcontrast-lite.css +11 -14
  46. package/styles/highcontrast.css +11 -14
  47. package/styles/material-dark-lite.css +11 -14
  48. package/styles/material-dark.css +11 -14
  49. package/styles/material-lite.css +11 -14
  50. package/styles/material.css +11 -14
  51. package/styles/material3-dark-lite.css +11 -14
  52. package/styles/material3-dark.css +11 -14
  53. package/styles/material3-lite.css +11 -14
  54. package/styles/material3.css +11 -14
  55. package/styles/tailwind-dark-lite.css +11 -14
  56. package/styles/tailwind-dark.css +11 -14
  57. package/styles/tailwind-lite.css +11 -14
  58. package/styles/tailwind.css +11 -14
  59. package/styles/tailwind3-lite.css +11 -14
  60. package/styles/tailwind3.css +11 -14
  61. package/styles/treegrid/_layout.scss +13 -15
  62. package/styles/treegrid/bds.css +11 -14
  63. package/styles/treegrid/bootstrap-dark.css +11 -14
  64. package/styles/treegrid/bootstrap.css +11 -14
  65. package/styles/treegrid/bootstrap4.css +11 -14
  66. package/styles/treegrid/bootstrap5-dark.css +11 -14
  67. package/styles/treegrid/bootstrap5.3.css +11 -14
  68. package/styles/treegrid/bootstrap5.css +11 -14
  69. package/styles/treegrid/fabric-dark.css +11 -14
  70. package/styles/treegrid/fabric.css +11 -14
  71. package/styles/treegrid/fluent-dark.css +11 -14
  72. package/styles/treegrid/fluent.css +11 -14
  73. package/styles/treegrid/fluent2.css +11 -14
  74. package/styles/treegrid/highcontrast-light.css +11 -14
  75. package/styles/treegrid/highcontrast.css +11 -14
  76. package/styles/treegrid/material-dark.css +11 -14
  77. package/styles/treegrid/material.css +11 -14
  78. package/styles/treegrid/material3-dark.css +11 -14
  79. package/styles/treegrid/material3.css +11 -14
  80. package/styles/treegrid/tailwind-dark.css +11 -14
  81. package/styles/treegrid/tailwind.css +11 -14
  82. package/styles/treegrid/tailwind3.css +11 -14
package/styles/material-dark.css CHANGED
@@ -282,6 +282,17 @@
282
282
  .e-treegrid .e-checkselection .e-movablecontent .e-rowcell {
283
283
  line-height: 21px;
284
284
  }
285
+ .e-treegrid .e-treegridexpand,
286
+ .e-treegrid .e-treegridcollapse {
287
+ color: #fff;
288
+ cursor: pointer;
289
+ font-size: 10px;
290
+ height: 16px;
291
+ padding: 0;
292
+ text-align: center;
293
+ vertical-align: text-bottom;
294
+ width: 16px;
295
+ }
285
296
  .e-treegrid .e-treecell {
286
297
  display: table-cell;
287
298
  line-height: normal;
@@ -512,20 +523,6 @@
512
523
  border-bottom-color: #00b0ff;
513
524
  }
514
525
 
515
- .e-treegrid .e-treegridexpand,
516
- .e-treegrid .e-treegridcollapse,
517
- .e-grid .e-treegridexpand,
518
- .e-grid .e-treegridcollapse {
519
- color: #fff;
520
- cursor: pointer;
521
- font-size: 10px;
522
- height: 16px;
523
- padding: 0;
524
- text-align: center;
525
- vertical-align: text-bottom;
526
- width: 16px;
527
- }
528
-
529
526
  .e-treelistgrid.e-print-grid-layout .e-icons.e-none::before {
530
527
  content: "";
531
528
  }
package/styles/material-lite.css CHANGED
@@ -306,6 +306,17 @@
306
306
  .e-treegrid .e-checkselection .e-movablecontent .e-rowcell {
307
307
  line-height: 21px;
308
308
  }
309
+ .e-treegrid .e-treegridexpand,
310
+ .e-treegrid .e-treegridcollapse {
311
+ color: #000;
312
+ cursor: pointer;
313
+ font-size: 10px;
314
+ height: 16px;
315
+ padding: 0;
316
+ text-align: center;
317
+ vertical-align: text-bottom;
318
+ width: 16px;
319
+ }
309
320
  .e-treegrid .e-treecell {
310
321
  display: table-cell;
311
322
  line-height: normal;
@@ -536,20 +547,6 @@
536
547
  border-bottom-color: #e3165b;
537
548
  }
538
549
 
539
- .e-treegrid .e-treegridexpand,
540
- .e-treegrid .e-treegridcollapse,
541
- .e-grid .e-treegridexpand,
542
- .e-grid .e-treegridcollapse {
543
- color: #000;
544
- cursor: pointer;
545
- font-size: 10px;
546
- height: 16px;
547
- padding: 0;
548
- text-align: center;
549
- vertical-align: text-bottom;
550
- width: 16px;
551
- }
552
-
553
550
  .e-treelistgrid.e-print-grid-layout .e-icons.e-none::before {
554
551
  content: "";
555
552
  }
package/styles/material.css CHANGED
@@ -306,6 +306,17 @@
306
306
  .e-treegrid .e-checkselection .e-movablecontent .e-rowcell {
307
307
  line-height: 21px;
308
308
  }
309
+ .e-treegrid .e-treegridexpand,
310
+ .e-treegrid .e-treegridcollapse {
311
+ color: #000;
312
+ cursor: pointer;
313
+ font-size: 10px;
314
+ height: 16px;
315
+ padding: 0;
316
+ text-align: center;
317
+ vertical-align: text-bottom;
318
+ width: 16px;
319
+ }
309
320
  .e-treegrid .e-treecell {
310
321
  display: table-cell;
311
322
  line-height: normal;
@@ -536,20 +547,6 @@
536
547
  border-bottom-color: #e3165b;
537
548
  }
538
549
 
539
- .e-treegrid .e-treegridexpand,
540
- .e-treegrid .e-treegridcollapse,
541
- .e-grid .e-treegridexpand,
542
- .e-grid .e-treegridcollapse {
543
- color: #000;
544
- cursor: pointer;
545
- font-size: 10px;
546
- height: 16px;
547
- padding: 0;
548
- text-align: center;
549
- vertical-align: text-bottom;
550
- width: 16px;
551
- }
552
-
553
550
  .e-treelistgrid.e-print-grid-layout .e-icons.e-none::before {
554
551
  content: "";
555
552
  }
package/styles/material3-dark-lite.css CHANGED
@@ -293,6 +293,17 @@
293
293
  .e-treegrid .e-checkselection .e-movablecontent .e-rowcell {
294
294
  line-height: 21px;
295
295
  }
296
+ .e-treegrid .e-treegridexpand,
297
+ .e-treegrid .e-treegridcollapse {
298
+ color: rgba(var(--color-sf-on-surface-variant));
299
+ cursor: pointer;
300
+ font-size: 18px;
301
+ height: 18px;
302
+ padding: 0;
303
+ text-align: center;
304
+ vertical-align: text-bottom;
305
+ width: 16px;
306
+ }
296
307
  .e-treegrid .e-treecell {
297
308
  display: table-cell;
298
309
  line-height: normal;
@@ -523,20 +534,6 @@
523
534
  border-bottom-color: rgba(var(--color-sf-primary));
524
535
  }
525
536
 
526
- .e-treegrid .e-treegridexpand,
527
- .e-treegrid .e-treegridcollapse,
528
- .e-grid .e-treegridexpand,
529
- .e-grid .e-treegridcollapse {
530
- color: rgba(var(--color-sf-on-surface-variant));
531
- cursor: pointer;
532
- font-size: 18px;
533
- height: 18px;
534
- padding: 0;
535
- text-align: center;
536
- vertical-align: text-bottom;
537
- width: 16px;
538
- }
539
-
540
537
  .e-treelistgrid.e-print-grid-layout .e-icons.e-none::before {
541
538
  content: "";
542
539
  }
package/styles/material3-dark.css CHANGED
@@ -293,6 +293,17 @@
293
293
  .e-treegrid .e-checkselection .e-movablecontent .e-rowcell {
294
294
  line-height: 21px;
295
295
  }
296
+ .e-treegrid .e-treegridexpand,
297
+ .e-treegrid .e-treegridcollapse {
298
+ color: rgba(var(--color-sf-on-surface-variant));
299
+ cursor: pointer;
300
+ font-size: 18px;
301
+ height: 18px;
302
+ padding: 0;
303
+ text-align: center;
304
+ vertical-align: text-bottom;
305
+ width: 16px;
306
+ }
296
307
  .e-treegrid .e-treecell {
297
308
  display: table-cell;
298
309
  line-height: normal;
@@ -523,20 +534,6 @@
523
534
  border-bottom-color: rgba(var(--color-sf-primary));
524
535
  }
525
536
 
526
- .e-treegrid .e-treegridexpand,
527
- .e-treegrid .e-treegridcollapse,
528
- .e-grid .e-treegridexpand,
529
- .e-grid .e-treegridcollapse {
530
- color: rgba(var(--color-sf-on-surface-variant));
531
- cursor: pointer;
532
- font-size: 18px;
533
- height: 18px;
534
- padding: 0;
535
- text-align: center;
536
- vertical-align: text-bottom;
537
- width: 16px;
538
- }
539
-
540
537
  .e-treelistgrid.e-print-grid-layout .e-icons.e-none::before {
541
538
  content: "";
542
539
  }
package/styles/material3-lite.css CHANGED
@@ -295,6 +295,17 @@
295
295
  .e-treegrid .e-checkselection .e-movablecontent .e-rowcell {
296
296
  line-height: 21px;
297
297
  }
298
+ .e-treegrid .e-treegridexpand,
299
+ .e-treegrid .e-treegridcollapse {
300
+ color: rgba(var(--color-sf-on-surface-variant));
301
+ cursor: pointer;
302
+ font-size: 18px;
303
+ height: 18px;
304
+ padding: 0;
305
+ text-align: center;
306
+ vertical-align: text-bottom;
307
+ width: 16px;
308
+ }
298
309
  .e-treegrid .e-treecell {
299
310
  display: table-cell;
300
311
  line-height: normal;
@@ -525,20 +536,6 @@
525
536
  border-bottom-color: rgba(var(--color-sf-primary));
526
537
  }
527
538
 
528
- .e-treegrid .e-treegridexpand,
529
- .e-treegrid .e-treegridcollapse,
530
- .e-grid .e-treegridexpand,
531
- .e-grid .e-treegridcollapse {
532
- color: rgba(var(--color-sf-on-surface-variant));
533
- cursor: pointer;
534
- font-size: 18px;
535
- height: 18px;
536
- padding: 0;
537
- text-align: center;
538
- vertical-align: text-bottom;
539
- width: 16px;
540
- }
541
-
542
539
  .e-treelistgrid.e-print-grid-layout .e-icons.e-none::before {
543
540
  content: "";
544
541
  }
package/styles/material3.css CHANGED
@@ -295,6 +295,17 @@
295
295
  .e-treegrid .e-checkselection .e-movablecontent .e-rowcell {
296
296
  line-height: 21px;
297
297
  }
298
+ .e-treegrid .e-treegridexpand,
299
+ .e-treegrid .e-treegridcollapse {
300
+ color: rgba(var(--color-sf-on-surface-variant));
301
+ cursor: pointer;
302
+ font-size: 18px;
303
+ height: 18px;
304
+ padding: 0;
305
+ text-align: center;
306
+ vertical-align: text-bottom;
307
+ width: 16px;
308
+ }
298
309
  .e-treegrid .e-treecell {
299
310
  display: table-cell;
300
311
  line-height: normal;
@@ -525,20 +536,6 @@
525
536
  border-bottom-color: rgba(var(--color-sf-primary));
526
537
  }
527
538
 
528
- .e-treegrid .e-treegridexpand,
529
- .e-treegrid .e-treegridcollapse,
530
- .e-grid .e-treegridexpand,
531
- .e-grid .e-treegridcollapse {
532
- color: rgba(var(--color-sf-on-surface-variant));
533
- cursor: pointer;
534
- font-size: 18px;
535
- height: 18px;
536
- padding: 0;
537
- text-align: center;
538
- vertical-align: text-bottom;
539
- width: 16px;
540
- }
541
-
542
539
  .e-treelistgrid.e-print-grid-layout .e-icons.e-none::before {
543
540
  content: "";
544
541
  }
package/styles/tailwind-dark-lite.css CHANGED
@@ -233,6 +233,17 @@
233
233
  .e-treegrid .e-checkselection .e-movablecontent .e-rowcell {
234
234
  line-height: 21px;
235
235
  }
236
+ .e-treegrid .e-treegridexpand,
237
+ .e-treegrid .e-treegridcollapse {
238
+ color: #d1d5db;
239
+ cursor: pointer;
240
+ font-size: 18px;
241
+ height: 18px;
242
+ padding: 0;
243
+ text-align: center;
244
+ vertical-align: text-bottom;
245
+ width: 16px;
246
+ }
236
247
  .e-treegrid .e-treecell {
237
248
  display: table-cell;
238
249
  line-height: normal;
@@ -463,20 +474,6 @@
463
474
  border-bottom-color: #22d3ee;
464
475
  }
465
476
 
466
- .e-treegrid .e-treegridexpand,
467
- .e-treegrid .e-treegridcollapse,
468
- .e-grid .e-treegridexpand,
469
- .e-grid .e-treegridcollapse {
470
- color: #d1d5db;
471
- cursor: pointer;
472
- font-size: 18px;
473
- height: 18px;
474
- padding: 0;
475
- text-align: center;
476
- vertical-align: text-bottom;
477
- width: 16px;
478
- }
479
-
480
477
  .e-treelistgrid.e-print-grid-layout .e-icons.e-none::before {
481
478
  content: "";
482
479
  }
package/styles/tailwind-dark.css CHANGED
@@ -233,6 +233,17 @@
233
233
  .e-treegrid .e-checkselection .e-movablecontent .e-rowcell {
234
234
  line-height: 21px;
235
235
  }
236
+ .e-treegrid .e-treegridexpand,
237
+ .e-treegrid .e-treegridcollapse {
238
+ color: #d1d5db;
239
+ cursor: pointer;
240
+ font-size: 18px;
241
+ height: 18px;
242
+ padding: 0;
243
+ text-align: center;
244
+ vertical-align: text-bottom;
245
+ width: 16px;
246
+ }
236
247
  .e-treegrid .e-treecell {
237
248
  display: table-cell;
238
249
  line-height: normal;
@@ -463,20 +474,6 @@
463
474
  border-bottom-color: #22d3ee;
464
475
  }
465
476
 
466
- .e-treegrid .e-treegridexpand,
467
- .e-treegrid .e-treegridcollapse,
468
- .e-grid .e-treegridexpand,
469
- .e-grid .e-treegridcollapse {
470
- color: #d1d5db;
471
- cursor: pointer;
472
- font-size: 18px;
473
- height: 18px;
474
- padding: 0;
475
- text-align: center;
476
- vertical-align: text-bottom;
477
- width: 16px;
478
- }
479
-
480
477
  .e-treelistgrid.e-print-grid-layout .e-icons.e-none::before {
481
478
  content: "";
482
479
  }
package/styles/tailwind-lite.css CHANGED
@@ -233,6 +233,17 @@
233
233
  .e-treegrid .e-checkselection .e-movablecontent .e-rowcell {
234
234
  line-height: 21px;
235
235
  }
236
+ .e-treegrid .e-treegridexpand,
237
+ .e-treegrid .e-treegridcollapse {
238
+ color: #6b7280;
239
+ cursor: pointer;
240
+ font-size: 18px;
241
+ height: 18px;
242
+ padding: 0;
243
+ text-align: center;
244
+ vertical-align: text-bottom;
245
+ width: 16px;
246
+ }
236
247
  .e-treegrid .e-treecell {
237
248
  display: table-cell;
238
249
  line-height: normal;
@@ -463,20 +474,6 @@
463
474
  border-bottom-color: #4f46e5;
464
475
  }
465
476
 
466
- .e-treegrid .e-treegridexpand,
467
- .e-treegrid .e-treegridcollapse,
468
- .e-grid .e-treegridexpand,
469
- .e-grid .e-treegridcollapse {
470
- color: #6b7280;
471
- cursor: pointer;
472
- font-size: 18px;
473
- height: 18px;
474
- padding: 0;
475
- text-align: center;
476
- vertical-align: text-bottom;
477
- width: 16px;
478
- }
479
-
480
477
  .e-treelistgrid.e-print-grid-layout .e-icons.e-none::before {
481
478
  content: "";
482
479
  }
package/styles/tailwind.css CHANGED
@@ -233,6 +233,17 @@
233
233
  .e-treegrid .e-checkselection .e-movablecontent .e-rowcell {
234
234
  line-height: 21px;
235
235
  }
236
+ .e-treegrid .e-treegridexpand,
237
+ .e-treegrid .e-treegridcollapse {
238
+ color: #6b7280;
239
+ cursor: pointer;
240
+ font-size: 18px;
241
+ height: 18px;
242
+ padding: 0;
243
+ text-align: center;
244
+ vertical-align: text-bottom;
245
+ width: 16px;
246
+ }
236
247
  .e-treegrid .e-treecell {
237
248
  display: table-cell;
238
249
  line-height: normal;
@@ -463,20 +474,6 @@
463
474
  border-bottom-color: #4f46e5;
464
475
  }
465
476
 
466
- .e-treegrid .e-treegridexpand,
467
- .e-treegrid .e-treegridcollapse,
468
- .e-grid .e-treegridexpand,
469
- .e-grid .e-treegridcollapse {
470
- color: #6b7280;
471
- cursor: pointer;
472
- font-size: 18px;
473
- height: 18px;
474
- padding: 0;
475
- text-align: center;
476
- vertical-align: text-bottom;
477
- width: 16px;
478
- }
479
-
480
477
  .e-treelistgrid.e-print-grid-layout .e-icons.e-none::before {
481
478
  content: "";
482
479
  }
package/styles/tailwind3-lite.css CHANGED
@@ -276,6 +276,17 @@
276
276
  .e-treegrid .e-checkselection .e-movablecontent .e-rowcell {
277
277
  line-height: 21px;
278
278
  }
279
+ .e-treegrid .e-treegridexpand,
280
+ .e-treegrid .e-treegridcollapse {
281
+ color: var(--color-sf-icon-color);
282
+ cursor: pointer;
283
+ font-size: 16px;
284
+ height: 16px;
285
+ padding: 0;
286
+ text-align: center;
287
+ vertical-align: text-bottom;
288
+ width: 16px;
289
+ }
279
290
  .e-treegrid .e-treecell {
280
291
  display: table-cell;
281
292
  line-height: normal;
@@ -506,20 +517,6 @@
506
517
  border-bottom-color: var(--color-sf-primary);
507
518
  }
508
519
 
509
- .e-treegrid .e-treegridexpand,
510
- .e-treegrid .e-treegridcollapse,
511
- .e-grid .e-treegridexpand,
512
- .e-grid .e-treegridcollapse {
513
- color: var(--color-sf-icon-color);
514
- cursor: pointer;
515
- font-size: 16px;
516
- height: 16px;
517
- padding: 0;
518
- text-align: center;
519
- vertical-align: text-bottom;
520
- width: 16px;
521
- }
522
-
523
520
  .e-treelistgrid.e-print-grid-layout .e-icons.e-none::before {
524
521
  content: "";
525
522
  }
package/styles/tailwind3.css CHANGED
@@ -276,6 +276,17 @@
276
276
  .e-treegrid .e-checkselection .e-movablecontent .e-rowcell {
277
277
  line-height: 21px;
278
278
  }
279
+ .e-treegrid .e-treegridexpand,
280
+ .e-treegrid .e-treegridcollapse {
281
+ color: var(--color-sf-icon-color);
282
+ cursor: pointer;
283
+ font-size: 16px;
284
+ height: 16px;
285
+ padding: 0;
286
+ text-align: center;
287
+ vertical-align: text-bottom;
288
+ width: 16px;
289
+ }
279
290
  .e-treegrid .e-treecell {
280
291
  display: table-cell;
281
292
  line-height: normal;
@@ -506,20 +517,6 @@
506
517
  border-bottom-color: var(--color-sf-primary);
507
518
  }
508
519
 
509
- .e-treegrid .e-treegridexpand,
510
- .e-treegrid .e-treegridcollapse,
511
- .e-grid .e-treegridexpand,
512
- .e-grid .e-treegridcollapse {
513
- color: var(--color-sf-icon-color);
514
- cursor: pointer;
515
- font-size: 16px;
516
- height: 16px;
517
- padding: 0;
518
- text-align: center;
519
- vertical-align: text-bottom;
520
- width: 16px;
521
- }
522
-
523
520
  .e-treelistgrid.e-print-grid-layout .e-icons.e-none::before {
524
521
  content: "";
525
522
  }
package/styles/treegrid/_layout.scss CHANGED
@@ -198,6 +198,19 @@
198
198
  }
199
199
  }
200
200
 
201
+
202
+ .e-treegridexpand,
203
+ .e-treegridcollapse {
204
+ color: $treegrid-right-arrow-icon-color;
205
+ cursor: pointer;
206
+ font-size: $treegrid-right-arrow-icon-font-size;
207
+ height: $treegrid-right-arrow-icon-height;
208
+ padding: $treegrid-right-arrow-icon-padding;
209
+ text-align: center;
210
+ vertical-align: text-bottom;
211
+ width: $treegrid-right-arrow-icon-width;
212
+ }
213
+
201
214
  .e-treecell {
202
215
  display: table-cell;
203
216
  @if $skin-name == 'bootstrap5' or $skin-name == 'boostrap5-dark' or $skin-name == 'FluentUI' or $theme-name == 'fluentui-dark' or $theme-name == 'fluent2' {
@@ -461,21 +474,6 @@
461
474
  }
462
475
  }
463
476
 
464
- .e-treegrid,
465
- .e-grid {
466
- .e-treegridexpand,
467
- .e-treegridcollapse {
468
- color: $treegrid-right-arrow-icon-color;
469
- cursor: pointer;
470
- font-size: $treegrid-right-arrow-icon-font-size;
471
- height: $treegrid-right-arrow-icon-height;
472
- padding: $treegrid-right-arrow-icon-padding;
473
- text-align: center;
474
- vertical-align: text-bottom;
475
- width: $treegrid-right-arrow-icon-width;
476
- }
477
- }
478
-
479
477
  .e-treelistgrid.e-print-grid-layout {
480
478
  .e-icons.e-none::before {
481
479
  content: '';
package/styles/treegrid/bds.css CHANGED
@@ -460,6 +460,17 @@
460
460
  .e-treegrid .e-checkselection .e-movablecontent .e-rowcell {
461
461
  line-height: 21px;
462
462
  }
463
+ .e-treegrid .e-treegridexpand,
464
+ .e-treegrid .e-treegridcollapse {
465
+ color: var(--color-sf-fg-secondary);
466
+ cursor: pointer;
467
+ font-size: 18px;
468
+ height: 18px;
469
+ padding: 0;
470
+ text-align: center;
471
+ vertical-align: text-bottom;
472
+ width: 16px;
473
+ }
463
474
  .e-treegrid .e-treecell {
464
475
  display: table-cell;
465
476
  line-height: normal;
@@ -690,20 +701,6 @@
690
701
  border-bottom-color: var(--color-sf-brand-primary);
691
702
  }
692
703
 
693
- .e-treegrid .e-treegridexpand,
694
- .e-treegrid .e-treegridcollapse,
695
- .e-grid .e-treegridexpand,
696
- .e-grid .e-treegridcollapse {
697
- color: var(--color-sf-fg-secondary);
698
- cursor: pointer;
699
- font-size: 18px;
700
- height: 18px;
701
- padding: 0;
702
- text-align: center;
703
- vertical-align: text-bottom;
704
- width: 16px;
705
- }
706
-
707
704
  .e-treelistgrid.e-print-grid-layout .e-icons.e-none::before {
708
705
  content: "";
709
706
  }
package/styles/treegrid/bootstrap-dark.css CHANGED
@@ -221,6 +221,17 @@
221
221
  .e-treegrid .e-checkselection .e-movablecontent .e-rowcell {
222
222
  line-height: 21px;
223
223
  }
224
+ .e-treegrid .e-treegridexpand,
225
+ .e-treegrid .e-treegridcollapse {
226
+ color: #f0f0f0;
227
+ cursor: pointer;
228
+ font-size: 10px;
229
+ height: 16px;
230
+ padding: 0;
231
+ text-align: center;
232
+ vertical-align: text-bottom;
233
+ width: 16px;
234
+ }
224
235
  .e-treegrid .e-treecell {
225
236
  display: table-cell;
226
237
  line-height: normal;
@@ -451,20 +462,6 @@
451
462
  border-bottom-color: #0070f0;
452
463
  }
453
464
 
454
- .e-treegrid .e-treegridexpand,
455
- .e-treegrid .e-treegridcollapse,
456
- .e-grid .e-treegridexpand,
457
- .e-grid .e-treegridcollapse {
458
- color: #f0f0f0;
459
- cursor: pointer;
460
- font-size: 10px;
461
- height: 16px;
462
- padding: 0;
463
- text-align: center;
464
- vertical-align: text-bottom;
465
- width: 16px;
466
- }
467
-
468
465
  .e-treelistgrid.e-print-grid-layout .e-icons.e-none::before {
469
466
  content: "";
470
467
  }
package/styles/treegrid/bootstrap.css CHANGED
@@ -236,6 +236,17 @@
236
236
  .e-treegrid .e-checkselection .e-movablecontent .e-rowcell {
237
237
  line-height: 21px;
238
238
  }
239
+ .e-treegrid .e-treegridexpand,
240
+ .e-treegrid .e-treegridcollapse {
241
+ color: #333;
242
+ cursor: pointer;
243
+ font-size: 10px;
244
+ height: 16px;
245
+ padding: 0;
246
+ text-align: center;
247
+ vertical-align: text-bottom;
248
+ width: 16px;
249
+ }
239
250
  .e-treegrid .e-treecell {
240
251
  display: table-cell;
241
252
  line-height: normal;
@@ -466,20 +477,6 @@
466
477
  border-bottom-color: #317ab9;
467
478
  }
468
479
 
469
- .e-treegrid .e-treegridexpand,
470
- .e-treegrid .e-treegridcollapse,
471
- .e-grid .e-treegridexpand,
472
- .e-grid .e-treegridcollapse {
473
- color: #333;
474
- cursor: pointer;
475
- font-size: 10px;
476
- height: 16px;
477
- padding: 0;
478
- text-align: center;
479
- vertical-align: text-bottom;
480
- width: 16px;
481
- }
482
-
483
480
  .e-treelistgrid.e-print-grid-layout .e-icons.e-none::before {
484
481
  content: "";
485
482
  }
package/styles/treegrid/bootstrap4.css CHANGED
@@ -257,6 +257,17 @@
257
257
  .e-treegrid .e-checkselection .e-movablecontent .e-rowcell {
258
258
  line-height: 21px;
259
259
  }
260
+ .e-treegrid .e-treegridexpand,
261
+ .e-treegrid .e-treegridcollapse {
262
+ color: #495057;
263
+ cursor: pointer;
264
+ font-size: 10px;
265
+ height: 16px;
266
+ padding: 0;
267
+ text-align: center;
268
+ vertical-align: text-bottom;
269
+ width: 16px;
270
+ }
260
271
  .e-treegrid .e-treecell {
261
272
  display: table-cell;
262
273
  line-height: normal;
@@ -487,20 +498,6 @@
487
498
  border-bottom-color: #e3165b;
488
499
  }
489
500
 
490
- .e-treegrid .e-treegridexpand,
491
- .e-treegrid .e-treegridcollapse,
492
- .e-grid .e-treegridexpand,
493
- .e-grid .e-treegridcollapse {
494
- color: #495057;
495
- cursor: pointer;
496
- font-size: 10px;
497
- height: 16px;
498
- padding: 0;
499
- text-align: center;
500
- vertical-align: text-bottom;
501
- width: 16px;
502
- }
503
-
504
501
  .e-treelistgrid.e-print-grid-layout .e-icons.e-none::before {
505
502
  content: "";
506
503
  }