@syncfusion/ej2-treegrid 28.1.37 → 28.2.3

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 (79) hide show
  1. package/README.md +1 -1
  2. package/dist/ej2-treegrid.min.js +2 -2
  3. package/dist/ej2-treegrid.umd.min.js +2 -2
  4. package/dist/ej2-treegrid.umd.min.js.map +1 -1
  5. package/dist/es6/ej2-treegrid.es2015.js +15 -29
  6. package/dist/es6/ej2-treegrid.es2015.js.map +1 -1
  7. package/dist/es6/ej2-treegrid.es5.js +15 -29
  8. package/dist/es6/ej2-treegrid.es5.js.map +1 -1
  9. package/dist/global/ej2-treegrid.min.js +2 -2
  10. package/dist/global/ej2-treegrid.min.js.map +1 -1
  11. package/dist/global/index.d.ts +1 -1
  12. package/package.json +10 -9
  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/styles/bds-lite.css +11 -14
  17. package/styles/bds.css +11 -14
  18. package/styles/bootstrap-dark-lite.css +11 -14
  19. package/styles/bootstrap-dark.css +11 -14
  20. package/styles/bootstrap-lite.css +11 -14
  21. package/styles/bootstrap.css +11 -14
  22. package/styles/bootstrap4-lite.css +11 -14
  23. package/styles/bootstrap4.css +11 -14
  24. package/styles/bootstrap5-dark-lite.css +11 -14
  25. package/styles/bootstrap5-dark.css +11 -14
  26. package/styles/bootstrap5-lite.css +11 -14
  27. package/styles/bootstrap5.3-lite.css +11 -14
  28. package/styles/bootstrap5.3.css +11 -14
  29. package/styles/bootstrap5.css +11 -14
  30. package/styles/fabric-dark-lite.css +11 -14
  31. package/styles/fabric-dark.css +11 -14
  32. package/styles/fabric-lite.css +11 -14
  33. package/styles/fabric.css +11 -14
  34. package/styles/fluent-dark-lite.css +11 -14
  35. package/styles/fluent-dark.css +11 -14
  36. package/styles/fluent-lite.css +11 -14
  37. package/styles/fluent.css +11 -14
  38. package/styles/fluent2-lite.css +11 -14
  39. package/styles/fluent2.css +11 -14
  40. package/styles/highcontrast-light-lite.css +11 -14
  41. package/styles/highcontrast-light.css +11 -14
  42. package/styles/highcontrast-lite.css +11 -14
  43. package/styles/highcontrast.css +11 -14
  44. package/styles/material-dark-lite.css +11 -14
  45. package/styles/material-dark.css +11 -14
  46. package/styles/material-lite.css +11 -14
  47. package/styles/material.css +11 -14
  48. package/styles/material3-dark-lite.css +11 -14
  49. package/styles/material3-dark.css +11 -14
  50. package/styles/material3-lite.css +11 -14
  51. package/styles/material3.css +11 -14
  52. package/styles/tailwind-dark-lite.css +11 -14
  53. package/styles/tailwind-dark.css +11 -14
  54. package/styles/tailwind-lite.css +11 -14
  55. package/styles/tailwind.css +11 -14
  56. package/styles/tailwind3-lite.css +11 -14
  57. package/styles/tailwind3.css +11 -14
  58. package/styles/treegrid/_layout.scss +13 -15
  59. package/styles/treegrid/bds.css +11 -14
  60. package/styles/treegrid/bootstrap-dark.css +11 -14
  61. package/styles/treegrid/bootstrap.css +11 -14
  62. package/styles/treegrid/bootstrap4.css +11 -14
  63. package/styles/treegrid/bootstrap5-dark.css +11 -14
  64. package/styles/treegrid/bootstrap5.3.css +11 -14
  65. package/styles/treegrid/bootstrap5.css +11 -14
  66. package/styles/treegrid/fabric-dark.css +11 -14
  67. package/styles/treegrid/fabric.css +11 -14
  68. package/styles/treegrid/fluent-dark.css +11 -14
  69. package/styles/treegrid/fluent.css +11 -14
  70. package/styles/treegrid/fluent2.css +11 -14
  71. package/styles/treegrid/highcontrast-light.css +11 -14
  72. package/styles/treegrid/highcontrast.css +11 -14
  73. package/styles/treegrid/material-dark.css +11 -14
  74. package/styles/treegrid/material.css +11 -14
  75. package/styles/treegrid/material3-dark.css +11 -14
  76. package/styles/treegrid/material3.css +11 -14
  77. package/styles/treegrid/tailwind-dark.css +11 -14
  78. package/styles/treegrid/tailwind.css +11 -14
  79. package/styles/treegrid/tailwind3.css +11 -14
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
  }
package/styles/treegrid/bootstrap5-dark.css CHANGED
@@ -260,6 +260,17 @@
260
260
  .e-treegrid .e-checkselection .e-movablecontent .e-rowcell {
261
261
  line-height: 21px;
262
262
  }
263
+ .e-treegrid .e-treegridexpand,
264
+ .e-treegrid .e-treegridcollapse {
265
+ color: #adb5bd;
266
+ cursor: pointer;
267
+ font-size: 18px;
268
+ height: 18px;
269
+ padding: 0;
270
+ text-align: center;
271
+ vertical-align: text-bottom;
272
+ width: 16px;
273
+ }
263
274
  .e-treegrid .e-treecell {
264
275
  display: table-cell;
265
276
  line-height: 19px;
@@ -490,20 +501,6 @@
490
501
  border-bottom-color: #0d6efd;
491
502
  }
492
503
 
493
- .e-treegrid .e-treegridexpand,
494
- .e-treegrid .e-treegridcollapse,
495
- .e-grid .e-treegridexpand,
496
- .e-grid .e-treegridcollapse {
497
- color: #adb5bd;
498
- cursor: pointer;
499
- font-size: 18px;
500
- height: 18px;
501
- padding: 0;
502
- text-align: center;
503
- vertical-align: text-bottom;
504
- width: 16px;
505
- }
506
-
507
504
  .e-treelistgrid.e-print-grid-layout .e-icons.e-none::before {
508
505
  content: "";
509
506
  }
package/styles/treegrid/bootstrap5.3.css CHANGED
@@ -264,6 +264,17 @@
264
264
  .e-treegrid .e-checkselection .e-movablecontent .e-rowcell {
265
265
  line-height: 21px;
266
266
  }
267
+ .e-treegrid .e-treegridexpand,
268
+ .e-treegrid .e-treegridcollapse {
269
+ color: var(--color-sf-icon-color);
270
+ cursor: pointer;
271
+ font-size: 18px;
272
+ height: 18px;
273
+ padding: 0;
274
+ text-align: center;
275
+ vertical-align: text-bottom;
276
+ width: 18px;
277
+ }
267
278
  .e-treegrid .e-treecell {
268
279
  display: table-cell;
269
280
  line-height: normal;
@@ -494,20 +505,6 @@
494
505
  border-bottom-color: var(--color-sf-primary);
495
506
  }
496
507
 
497
- .e-treegrid .e-treegridexpand,
498
- .e-treegrid .e-treegridcollapse,
499
- .e-grid .e-treegridexpand,
500
- .e-grid .e-treegridcollapse {
501
- color: var(--color-sf-icon-color);
502
- cursor: pointer;
503
- font-size: 18px;
504
- height: 18px;
505
- padding: 0;
506
- text-align: center;
507
- vertical-align: text-bottom;
508
- width: 18px;
509
- }
510
-
511
508
  .e-treelistgrid.e-print-grid-layout .e-icons.e-none::before {
512
509
  content: "";
513
510
  }
package/styles/treegrid/bootstrap5.css CHANGED
@@ -260,6 +260,17 @@
260
260
  .e-treegrid .e-checkselection .e-movablecontent .e-rowcell {
261
261
  line-height: 21px;
262
262
  }
263
+ .e-treegrid .e-treegridexpand,
264
+ .e-treegrid .e-treegridcollapse {
265
+ color: #6c757d;
266
+ cursor: pointer;
267
+ font-size: 18px;
268
+ height: 18px;
269
+ padding: 0;
270
+ text-align: center;
271
+ vertical-align: text-bottom;
272
+ width: 16px;
273
+ }
263
274
  .e-treegrid .e-treecell {
264
275
  display: table-cell;
265
276
  line-height: 19px;
@@ -490,20 +501,6 @@
490
501
  border-bottom-color: #0d6efd;
491
502
  }
492
503
 
493
- .e-treegrid .e-treegridexpand,
494
- .e-treegrid .e-treegridcollapse,
495
- .e-grid .e-treegridexpand,
496
- .e-grid .e-treegridcollapse {
497
- color: #6c757d;
498
- cursor: pointer;
499
- font-size: 18px;
500
- height: 18px;
501
- padding: 0;
502
- text-align: center;
503
- vertical-align: text-bottom;
504
- width: 16px;
505
- }
506
-
507
504
  .e-treelistgrid.e-print-grid-layout .e-icons.e-none::before {
508
505
  content: "";
509
506
  }