@syncfusion/ej2-navigations 33.2.6 → 33.2.7

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/dist/ej2-navigations.min.js +2 -2
  2. package/dist/ej2-navigations.umd.min.js +2 -2
  3. package/dist/ej2-navigations.umd.min.js.map +1 -1
  4. package/dist/es6/ej2-navigations.es2015.js +35 -10
  5. package/dist/es6/ej2-navigations.es2015.js.map +1 -1
  6. package/dist/es6/ej2-navigations.es5.js +35 -10
  7. package/dist/es6/ej2-navigations.es5.js.map +1 -1
  8. package/dist/global/ej2-navigations.min.js +2 -2
  9. package/dist/global/ej2-navigations.min.js.map +1 -1
  10. package/dist/global/index.d.ts +1 -1
  11. package/package.json +2 -2
  12. package/src/accordion/accordion.js +7 -8
  13. package/src/tab/tab.js +15 -2
  14. package/src/toolbar/toolbar.js +7 -0
  15. package/src/treeview/treeview.js +6 -0
  16. package/styles/bds-lite.css +2 -2
  17. package/styles/bds.css +2 -2
  18. package/styles/bootstrap-dark-lite.css +2 -2
  19. package/styles/bootstrap-dark.css +2 -2
  20. package/styles/bootstrap-lite.css +4 -4
  21. package/styles/bootstrap.css +4 -4
  22. package/styles/bootstrap4-lite.css +2 -2
  23. package/styles/bootstrap4.css +2 -2
  24. package/styles/bootstrap5-dark-lite.css +2 -2
  25. package/styles/bootstrap5-dark.css +2 -2
  26. package/styles/bootstrap5-lite.css +2 -2
  27. package/styles/bootstrap5.3-lite.css +2 -2
  28. package/styles/bootstrap5.3.css +2 -2
  29. package/styles/bootstrap5.css +2 -2
  30. package/styles/fabric-dark-lite.css +2 -2
  31. package/styles/fabric-dark.css +2 -2
  32. package/styles/fabric-lite.css +2 -2
  33. package/styles/fabric.css +2 -2
  34. package/styles/fluent-dark-lite.css +2 -2
  35. package/styles/fluent-dark.css +2 -2
  36. package/styles/fluent-lite.css +2 -2
  37. package/styles/fluent.css +2 -2
  38. package/styles/fluent2-lite.css +5 -5
  39. package/styles/fluent2.css +5 -5
  40. package/styles/highcontrast-light-lite.css +2 -2
  41. package/styles/highcontrast-light.css +2 -2
  42. package/styles/highcontrast-lite.css +4 -4
  43. package/styles/highcontrast.css +4 -4
  44. package/styles/material-dark-lite.css +2 -2
  45. package/styles/material-dark.css +2 -2
  46. package/styles/material-lite.css +2 -2
  47. package/styles/material.css +2 -2
  48. package/styles/material3-dark-lite.css +2 -2
  49. package/styles/material3-dark.css +2 -2
  50. package/styles/material3-lite.css +2 -2
  51. package/styles/material3.css +2 -2
  52. package/styles/tailwind-dark-lite.css +2 -2
  53. package/styles/tailwind-dark.css +2 -2
  54. package/styles/tailwind-lite.css +2 -2
  55. package/styles/tailwind.css +2 -2
  56. package/styles/tailwind3-lite.css +2 -2
  57. package/styles/tailwind3.css +2 -2
  58. package/styles/treeview/_theme.scss +4 -4
  59. package/styles/treeview/bds.css +2 -2
  60. package/styles/treeview/bootstrap-dark.css +2 -2
  61. package/styles/treeview/bootstrap.css +4 -4
  62. package/styles/treeview/bootstrap4.css +2 -2
  63. package/styles/treeview/bootstrap5-dark.css +2 -2
  64. package/styles/treeview/bootstrap5.3.css +2 -2
  65. package/styles/treeview/bootstrap5.css +2 -2
  66. package/styles/treeview/fabric-dark.css +2 -2
  67. package/styles/treeview/fabric.css +2 -2
  68. package/styles/treeview/fluent-dark.css +2 -2
  69. package/styles/treeview/fluent.css +2 -2
  70. package/styles/treeview/fluent2.css +5 -5
  71. package/styles/treeview/highcontrast-light.css +2 -2
  72. package/styles/treeview/highcontrast.css +4 -4
  73. package/styles/treeview/material-dark.css +2 -2
  74. package/styles/treeview/material.css +2 -2
  75. package/styles/treeview/material3-dark.css +2 -2
  76. package/styles/treeview/material3.css +2 -2
  77. package/styles/treeview/tailwind-dark.css +2 -2
  78. package/styles/treeview/tailwind.css +2 -2
  79. package/styles/treeview/tailwind3.css +2 -2
package/styles/fluent2.css CHANGED
@@ -11311,17 +11311,17 @@
11311
11311
  .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-expandable {
11312
11312
  color: var(--color-sf-icon-color-hover);
11313
11313
  }
11314
- .e-treeview .e-list-item.e-node-focus > .e-fullrow {
11314
+ .e-treeview .e-list-item.e-focused > .e-fullrow {
11315
11315
  -webkit-box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px var(--color-sf-shadow-color1);
11316
11316
  box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px var(--color-sf-shadow-color1);
11317
11317
  border: none;
11318
11318
  background-color: transparent;
11319
11319
  }
11320
- .e-treeview .e-list-item.e-node-focus > .e-text-content .e-list-text {
11320
+ .e-treeview .e-list-item.e-focused > .e-text-content .e-list-text {
11321
11321
  color: var(--color-sf-content-text-color);
11322
11322
  }
11323
- .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-collapsible,
11324
- .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-expandable {
11323
+ .e-treeview .e-list-item.e-focused > .e-text-content .e-icon-collapsible,
11324
+ .e-treeview .e-list-item.e-focused > .e-text-content .e-icon-expandable {
11325
11325
  color: var(--color-sf-icon-color);
11326
11326
  }
11327
11327
  .e-treeview .e-list-item.e-active {
@@ -11434,7 +11434,7 @@
11434
11434
  -webkit-box-shadow: none;
11435
11435
  box-shadow: none;
11436
11436
  }
11437
- .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
11437
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-focused > .e-text-content {
11438
11438
  -webkit-box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px var(--color-sf-shadow-color1);
11439
11439
  box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px var(--color-sf-shadow-color1);
11440
11440
  background-color: transparent;
package/styles/highcontrast-light-lite.css CHANGED
@@ -6508,7 +6508,7 @@
6508
6508
  .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-expandable {
6509
6509
  color: #000;
6510
6510
  }
6511
- .e-treeview .e-list-item.e-node-focus > .e-fullrow {
6511
+ .e-treeview .e-list-item.e-focused > .e-fullrow {
6512
6512
  -webkit-box-shadow: inset 0 0 0 1px #000;
6513
6513
  box-shadow: inset 0 0 0 1px #000;
6514
6514
  border: none;
@@ -6619,7 +6619,7 @@
6619
6619
  -webkit-box-shadow: none;
6620
6620
  box-shadow: none;
6621
6621
  }
6622
- .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
6622
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-focused > .e-text-content {
6623
6623
  -webkit-box-shadow: inset 0 0 0 1px #000;
6624
6624
  box-shadow: inset 0 0 0 1px #000;
6625
6625
  }
package/styles/highcontrast-light.css CHANGED
@@ -8394,7 +8394,7 @@
8394
8394
  .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-expandable {
8395
8395
  color: #000;
8396
8396
  }
8397
- .e-treeview .e-list-item.e-node-focus > .e-fullrow {
8397
+ .e-treeview .e-list-item.e-focused > .e-fullrow {
8398
8398
  -webkit-box-shadow: inset 0 0 0 1px #000;
8399
8399
  box-shadow: inset 0 0 0 1px #000;
8400
8400
  border: none;
@@ -8505,7 +8505,7 @@
8505
8505
  -webkit-box-shadow: none;
8506
8506
  box-shadow: none;
8507
8507
  }
8508
- .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
8508
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-focused > .e-text-content {
8509
8509
  -webkit-box-shadow: inset 0 0 0 1px #000;
8510
8510
  box-shadow: inset 0 0 0 1px #000;
8511
8511
  }
package/styles/highcontrast-lite.css CHANGED
@@ -6530,7 +6530,7 @@
6530
6530
  .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-expandable {
6531
6531
  color: #fff;
6532
6532
  }
6533
- .e-treeview .e-list-item.e-node-focus > .e-fullrow {
6533
+ .e-treeview .e-list-item.e-focused > .e-fullrow {
6534
6534
  -webkit-box-shadow: inset 0 0 0 1px #fff;
6535
6535
  box-shadow: inset 0 0 0 1px #fff;
6536
6536
  border: none;
@@ -6593,7 +6593,7 @@
6593
6593
  .e-treeview .e-list-item.e-active.e-node-focus > .e-text-content .e-icon-expandable {
6594
6594
  color: #000;
6595
6595
  }
6596
- .e-treeview .e-list-item.e-active.e-node-focus > .e-fullrow {
6596
+ .e-treeview .e-list-item.e-active.e-focused > .e-fullrow {
6597
6597
  -webkit-box-shadow: inset 0 0 0 1px #fff;
6598
6598
  box-shadow: inset 0 0 0 1px #fff;
6599
6599
  }
@@ -6660,7 +6660,7 @@
6660
6660
  -webkit-box-shadow: 0 -1px 2px #fff, 0 1px 2px #fff;
6661
6661
  box-shadow: 0 -1px 2px #fff, 0 1px 2px #fff;
6662
6662
  }
6663
- .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-active.e-node-focus > .e-text-content {
6663
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-active.e-focused > .e-text-content {
6664
6664
  -webkit-box-shadow: inset 0 0 0 1px #fff;
6665
6665
  box-shadow: inset 0 0 0 1px #fff;
6666
6666
  }
@@ -6670,7 +6670,7 @@
6670
6670
  -webkit-box-shadow: none;
6671
6671
  box-shadow: none;
6672
6672
  }
6673
- .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
6673
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-focused > .e-text-content {
6674
6674
  -webkit-box-shadow: inset 0 0 0 1px #fff;
6675
6675
  box-shadow: inset 0 0 0 1px #fff;
6676
6676
  }
package/styles/highcontrast.css CHANGED
@@ -8417,7 +8417,7 @@
8417
8417
  .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-expandable {
8418
8418
  color: #fff;
8419
8419
  }
8420
- .e-treeview .e-list-item.e-node-focus > .e-fullrow {
8420
+ .e-treeview .e-list-item.e-focused > .e-fullrow {
8421
8421
  -webkit-box-shadow: inset 0 0 0 1px #fff;
8422
8422
  box-shadow: inset 0 0 0 1px #fff;
8423
8423
  border: none;
@@ -8480,7 +8480,7 @@
8480
8480
  .e-treeview .e-list-item.e-active.e-node-focus > .e-text-content .e-icon-expandable {
8481
8481
  color: #000;
8482
8482
  }
8483
- .e-treeview .e-list-item.e-active.e-node-focus > .e-fullrow {
8483
+ .e-treeview .e-list-item.e-active.e-focused > .e-fullrow {
8484
8484
  -webkit-box-shadow: inset 0 0 0 1px #fff;
8485
8485
  box-shadow: inset 0 0 0 1px #fff;
8486
8486
  }
@@ -8547,7 +8547,7 @@
8547
8547
  -webkit-box-shadow: 0 -1px 2px #fff, 0 1px 2px #fff;
8548
8548
  box-shadow: 0 -1px 2px #fff, 0 1px 2px #fff;
8549
8549
  }
8550
- .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-active.e-node-focus > .e-text-content {
8550
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-active.e-focused > .e-text-content {
8551
8551
  -webkit-box-shadow: inset 0 0 0 1px #fff;
8552
8552
  box-shadow: inset 0 0 0 1px #fff;
8553
8553
  }
@@ -8557,7 +8557,7 @@
8557
8557
  -webkit-box-shadow: none;
8558
8558
  box-shadow: none;
8559
8559
  }
8560
- .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
8560
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-focused > .e-text-content {
8561
8561
  -webkit-box-shadow: inset 0 0 0 1px #fff;
8562
8562
  box-shadow: inset 0 0 0 1px #fff;
8563
8563
  }
package/styles/material-dark-lite.css CHANGED
@@ -6808,7 +6808,7 @@
6808
6808
  .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-expandable {
6809
6809
  color: rgba(255, 255, 255, 0.7);
6810
6810
  }
6811
- .e-treeview .e-list-item.e-node-focus > .e-fullrow {
6811
+ .e-treeview .e-list-item.e-focused > .e-fullrow {
6812
6812
  -webkit-box-shadow: inset 0 0 0 1px #fff;
6813
6813
  box-shadow: inset 0 0 0 1px #fff;
6814
6814
  border: none;
@@ -6919,7 +6919,7 @@
6919
6919
  -webkit-box-shadow: none;
6920
6920
  box-shadow: none;
6921
6921
  }
6922
- .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
6922
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-focused > .e-text-content {
6923
6923
  -webkit-box-shadow: inset 0 0 0 1px #fff;
6924
6924
  box-shadow: inset 0 0 0 1px #fff;
6925
6925
  }
package/styles/material-dark.css CHANGED
@@ -8749,7 +8749,7 @@
8749
8749
  .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-expandable {
8750
8750
  color: rgba(255, 255, 255, 0.7);
8751
8751
  }
8752
- .e-treeview .e-list-item.e-node-focus > .e-fullrow {
8752
+ .e-treeview .e-list-item.e-focused > .e-fullrow {
8753
8753
  -webkit-box-shadow: inset 0 0 0 1px #fff;
8754
8754
  box-shadow: inset 0 0 0 1px #fff;
8755
8755
  border: none;
@@ -8860,7 +8860,7 @@
8860
8860
  -webkit-box-shadow: none;
8861
8861
  box-shadow: none;
8862
8862
  }
8863
- .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
8863
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-focused > .e-text-content {
8864
8864
  -webkit-box-shadow: inset 0 0 0 1px #fff;
8865
8865
  box-shadow: inset 0 0 0 1px #fff;
8866
8866
  }
package/styles/material-lite.css CHANGED
@@ -6836,7 +6836,7 @@
6836
6836
  .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-expandable {
6837
6837
  color: rgba(0, 0, 0, 0.54);
6838
6838
  }
6839
- .e-treeview .e-list-item.e-node-focus > .e-fullrow {
6839
+ .e-treeview .e-list-item.e-focused > .e-fullrow {
6840
6840
  -webkit-box-shadow: inset 0 0 0 1px #212121;
6841
6841
  box-shadow: inset 0 0 0 1px #212121;
6842
6842
  border: none;
@@ -6946,7 +6946,7 @@
6946
6946
  -webkit-box-shadow: none;
6947
6947
  box-shadow: none;
6948
6948
  }
6949
- .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
6949
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-focused > .e-text-content {
6950
6950
  -webkit-box-shadow: inset 0 0 0 1px #212121;
6951
6951
  box-shadow: inset 0 0 0 1px #212121;
6952
6952
  }
package/styles/material.css CHANGED
@@ -8779,7 +8779,7 @@
8779
8779
  .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-expandable {
8780
8780
  color: rgba(0, 0, 0, 0.54);
8781
8781
  }
8782
- .e-treeview .e-list-item.e-node-focus > .e-fullrow {
8782
+ .e-treeview .e-list-item.e-focused > .e-fullrow {
8783
8783
  -webkit-box-shadow: inset 0 0 0 1px #212121;
8784
8784
  box-shadow: inset 0 0 0 1px #212121;
8785
8785
  border: none;
@@ -8889,7 +8889,7 @@
8889
8889
  -webkit-box-shadow: none;
8890
8890
  box-shadow: none;
8891
8891
  }
8892
- .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
8892
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-focused > .e-text-content {
8893
8893
  -webkit-box-shadow: inset 0 0 0 1px #212121;
8894
8894
  box-shadow: inset 0 0 0 1px #212121;
8895
8895
  }
package/styles/material3-dark-lite.css CHANGED
@@ -8198,7 +8198,7 @@
8198
8198
  .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-expandable {
8199
8199
  color: rgba(var(--color-sf-on-surface));
8200
8200
  }
8201
- .e-treeview .e-list-item.e-node-focus > .e-fullrow {
8201
+ .e-treeview .e-list-item.e-focused > .e-fullrow {
8202
8202
  -webkit-box-shadow: inset 0 0 0 2px #fff, inset 0 0 0 3px #000;
8203
8203
  box-shadow: inset 0 0 0 2px #fff, inset 0 0 0 3px #000;
8204
8204
  border: none;
@@ -8309,7 +8309,7 @@
8309
8309
  -webkit-box-shadow: none;
8310
8310
  box-shadow: none;
8311
8311
  }
8312
- .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
8312
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-focused > .e-text-content {
8313
8313
  -webkit-box-shadow: inset 0 0 0 2px #fff, inset 0 0 0 3px #000;
8314
8314
  box-shadow: inset 0 0 0 2px #fff, inset 0 0 0 3px #000;
8315
8315
  }
package/styles/material3-dark.css CHANGED
@@ -10701,7 +10701,7 @@
10701
10701
  .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-expandable {
10702
10702
  color: rgba(var(--color-sf-on-surface));
10703
10703
  }
10704
- .e-treeview .e-list-item.e-node-focus > .e-fullrow {
10704
+ .e-treeview .e-list-item.e-focused > .e-fullrow {
10705
10705
  -webkit-box-shadow: inset 0 0 0 2px #fff, inset 0 0 0 3px #000;
10706
10706
  box-shadow: inset 0 0 0 2px #fff, inset 0 0 0 3px #000;
10707
10707
  border: none;
@@ -10812,7 +10812,7 @@
10812
10812
  -webkit-box-shadow: none;
10813
10813
  box-shadow: none;
10814
10814
  }
10815
- .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
10815
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-focused > .e-text-content {
10816
10816
  -webkit-box-shadow: inset 0 0 0 2px #fff, inset 0 0 0 3px #000;
10817
10817
  box-shadow: inset 0 0 0 2px #fff, inset 0 0 0 3px #000;
10818
10818
  }
package/styles/material3-lite.css CHANGED
@@ -8236,7 +8236,7 @@
8236
8236
  .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-expandable {
8237
8237
  color: rgba(var(--color-sf-on-surface));
8238
8238
  }
8239
- .e-treeview .e-list-item.e-node-focus > .e-fullrow {
8239
+ .e-treeview .e-list-item.e-focused > .e-fullrow {
8240
8240
  -webkit-box-shadow: inset 0 0 0 2px #000, inset 0 0 0 3px #fff;
8241
8241
  box-shadow: inset 0 0 0 2px #000, inset 0 0 0 3px #fff;
8242
8242
  border: none;
@@ -8347,7 +8347,7 @@
8347
8347
  -webkit-box-shadow: none;
8348
8348
  box-shadow: none;
8349
8349
  }
8350
- .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
8350
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-focused > .e-text-content {
8351
8351
  -webkit-box-shadow: inset 0 0 0 2px #000, inset 0 0 0 3px #fff;
8352
8352
  box-shadow: inset 0 0 0 2px #000, inset 0 0 0 3px #fff;
8353
8353
  }
package/styles/material3.css CHANGED
@@ -10753,7 +10753,7 @@
10753
10753
  .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-expandable {
10754
10754
  color: rgba(var(--color-sf-on-surface));
10755
10755
  }
10756
- .e-treeview .e-list-item.e-node-focus > .e-fullrow {
10756
+ .e-treeview .e-list-item.e-focused > .e-fullrow {
10757
10757
  -webkit-box-shadow: inset 0 0 0 2px #000, inset 0 0 0 3px #fff;
10758
10758
  box-shadow: inset 0 0 0 2px #000, inset 0 0 0 3px #fff;
10759
10759
  border: none;
@@ -10864,7 +10864,7 @@
10864
10864
  -webkit-box-shadow: none;
10865
10865
  box-shadow: none;
10866
10866
  }
10867
- .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
10867
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-focused > .e-text-content {
10868
10868
  -webkit-box-shadow: inset 0 0 0 2px #000, inset 0 0 0 3px #fff;
10869
10869
  box-shadow: inset 0 0 0 2px #000, inset 0 0 0 3px #fff;
10870
10870
  }
package/styles/tailwind-dark-lite.css CHANGED
@@ -6746,7 +6746,7 @@
6746
6746
  .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-expandable {
6747
6747
  color: #f3f4f6;
6748
6748
  }
6749
- .e-treeview .e-list-item.e-node-focus > .e-fullrow {
6749
+ .e-treeview .e-list-item.e-focused > .e-fullrow {
6750
6750
  -webkit-box-shadow: 0 0 0 1px #22d3ee;
6751
6751
  box-shadow: 0 0 0 1px #22d3ee;
6752
6752
  border: none;
@@ -6856,7 +6856,7 @@
6856
6856
  -webkit-box-shadow: none;
6857
6857
  box-shadow: none;
6858
6858
  }
6859
- .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
6859
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-focused > .e-text-content {
6860
6860
  -webkit-box-shadow: 0 0 0 1px #22d3ee;
6861
6861
  box-shadow: 0 0 0 1px #22d3ee;
6862
6862
  }
package/styles/tailwind-dark.css CHANGED
@@ -8722,7 +8722,7 @@
8722
8722
  .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-expandable {
8723
8723
  color: #f3f4f6;
8724
8724
  }
8725
- .e-treeview .e-list-item.e-node-focus > .e-fullrow {
8725
+ .e-treeview .e-list-item.e-focused > .e-fullrow {
8726
8726
  -webkit-box-shadow: 0 0 0 1px #22d3ee;
8727
8727
  box-shadow: 0 0 0 1px #22d3ee;
8728
8728
  border: none;
@@ -8832,7 +8832,7 @@
8832
8832
  -webkit-box-shadow: none;
8833
8833
  box-shadow: none;
8834
8834
  }
8835
- .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
8835
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-focused > .e-text-content {
8836
8836
  -webkit-box-shadow: 0 0 0 1px #22d3ee;
8837
8837
  box-shadow: 0 0 0 1px #22d3ee;
8838
8838
  }
package/styles/tailwind-lite.css CHANGED
@@ -6746,7 +6746,7 @@
6746
6746
  .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-expandable {
6747
6747
  color: #374151;
6748
6748
  }
6749
- .e-treeview .e-list-item.e-node-focus > .e-fullrow {
6749
+ .e-treeview .e-list-item.e-focused > .e-fullrow {
6750
6750
  -webkit-box-shadow: inset 0 0 0 1px #4f46e5;
6751
6751
  box-shadow: inset 0 0 0 1px #4f46e5;
6752
6752
  border: none;
@@ -6856,7 +6856,7 @@
6856
6856
  -webkit-box-shadow: none;
6857
6857
  box-shadow: none;
6858
6858
  }
6859
- .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
6859
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-focused > .e-text-content {
6860
6860
  -webkit-box-shadow: inset 0 0 0 1px #4f46e5;
6861
6861
  box-shadow: inset 0 0 0 1px #4f46e5;
6862
6862
  }
package/styles/tailwind.css CHANGED
@@ -8722,7 +8722,7 @@
8722
8722
  .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-expandable {
8723
8723
  color: #374151;
8724
8724
  }
8725
- .e-treeview .e-list-item.e-node-focus > .e-fullrow {
8725
+ .e-treeview .e-list-item.e-focused > .e-fullrow {
8726
8726
  -webkit-box-shadow: inset 0 0 0 1px #4f46e5;
8727
8727
  box-shadow: inset 0 0 0 1px #4f46e5;
8728
8728
  border: none;
@@ -8832,7 +8832,7 @@
8832
8832
  -webkit-box-shadow: none;
8833
8833
  box-shadow: none;
8834
8834
  }
8835
- .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
8835
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-focused > .e-text-content {
8836
8836
  -webkit-box-shadow: inset 0 0 0 1px #4f46e5;
8837
8837
  box-shadow: inset 0 0 0 1px #4f46e5;
8838
8838
  }
package/styles/tailwind3-lite.css CHANGED
@@ -8143,7 +8143,7 @@
8143
8143
  .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-expandable {
8144
8144
  color: var(--color-sf-icon-color-hover);
8145
8145
  }
8146
- .e-treeview .e-list-item.e-node-focus > .e-fullrow {
8146
+ .e-treeview .e-list-item.e-focused > .e-fullrow {
8147
8147
  -webkit-box-shadow: inset 0 0 0 2px var(--color-sf-primary);
8148
8148
  box-shadow: inset 0 0 0 2px var(--color-sf-primary);
8149
8149
  border: none;
@@ -8254,7 +8254,7 @@
8254
8254
  -webkit-box-shadow: none;
8255
8255
  box-shadow: none;
8256
8256
  }
8257
- .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
8257
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-focused > .e-text-content {
8258
8258
  -webkit-box-shadow: inset 0 0 0 2px var(--color-sf-primary);
8259
8259
  box-shadow: inset 0 0 0 2px var(--color-sf-primary);
8260
8260
  }
package/styles/tailwind3.css CHANGED
@@ -10648,7 +10648,7 @@
10648
10648
  .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-expandable {
10649
10649
  color: var(--color-sf-icon-color-hover);
10650
10650
  }
10651
- .e-treeview .e-list-item.e-node-focus > .e-fullrow {
10651
+ .e-treeview .e-list-item.e-focused > .e-fullrow {
10652
10652
  -webkit-box-shadow: inset 0 0 0 2px var(--color-sf-primary);
10653
10653
  box-shadow: inset 0 0 0 2px var(--color-sf-primary);
10654
10654
  border: none;
@@ -10759,7 +10759,7 @@
10759
10759
  -webkit-box-shadow: none;
10760
10760
  box-shadow: none;
10761
10761
  }
10762
- .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
10762
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-focused > .e-text-content {
10763
10763
  -webkit-box-shadow: inset 0 0 0 2px var(--color-sf-primary);
10764
10764
  box-shadow: inset 0 0 0 2px var(--color-sf-primary);
10765
10765
  }
package/styles/treeview/_theme.scss CHANGED
@@ -117,7 +117,7 @@
117
117
  }
118
118
  }
119
119
 
120
- &.e-node-focus {
120
+ &.e-focused {
121
121
  > .e-fullrow {
122
122
  box-shadow: $treeview-focus-box-shadow;
123
123
  border: none;
@@ -204,7 +204,7 @@
204
204
  }
205
205
  }
206
206
 
207
- &.e-node-focus {
207
+ &.e-focused {
208
208
  > .e-fullrow {
209
209
  @if $skin-name == 'bootstrap' or $skin-name == 'highcontrast' {
210
210
  -webkit-box-shadow: $treeview-focus-box-shadow;
@@ -314,7 +314,7 @@
314
314
  }
315
315
  }
316
316
 
317
- &.e-node-focus {
317
+ &.e-focused {
318
318
  > .e-text-content {
319
319
  @if $skin-name == 'bootstrap' or $skin-name == 'highcontrast' {
320
320
  -webkit-box-shadow: $treeview-focus-box-shadow;
@@ -334,7 +334,7 @@
334
334
  }
335
335
  }
336
336
 
337
- &.e-node-focus {
337
+ &.e-focused {
338
338
  > .e-text-content {
339
339
  box-shadow: $treeview-focus-box-shadow;
340
340
  @if $skin-name == 'fabric' or $skin-name == 'fabric-dark' {
package/styles/treeview/bds.css CHANGED
@@ -676,7 +676,7 @@
676
676
  .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-expandable {
677
677
  color: var(--color-sf-fg-secondary-hover);
678
678
  }
679
- .e-treeview .e-list-item.e-node-focus > .e-fullrow {
679
+ .e-treeview .e-list-item.e-focused > .e-fullrow {
680
680
  -webkit-box-shadow: inset 0 1px 2px 0 rgba(16, 24, 40, 0.05), inset 0 0 0 4px rgba(157, 118, 237, 0.24);
681
681
  box-shadow: inset 0 1px 2px 0 rgba(16, 24, 40, 0.05), inset 0 0 0 4px rgba(157, 118, 237, 0.24);
682
682
  border: none;
@@ -786,7 +786,7 @@
786
786
  -webkit-box-shadow: none;
787
787
  box-shadow: none;
788
788
  }
789
- .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
789
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-focused > .e-text-content {
790
790
  -webkit-box-shadow: inset 0 1px 2px 0 rgba(16, 24, 40, 0.05), inset 0 0 0 4px rgba(157, 118, 237, 0.24);
791
791
  box-shadow: inset 0 1px 2px 0 rgba(16, 24, 40, 0.05), inset 0 0 0 4px rgba(157, 118, 237, 0.24);
792
792
  }
package/styles/treeview/bootstrap-dark.css CHANGED
@@ -509,7 +509,7 @@
509
509
  .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-expandable {
510
510
  color: #f0f0f0;
511
511
  }
512
- .e-treeview .e-list-item.e-node-focus > .e-fullrow {
512
+ .e-treeview .e-list-item.e-focused > .e-fullrow {
513
513
  -webkit-box-shadow: inset 0 0 0 1px #fff;
514
514
  box-shadow: inset 0 0 0 1px #fff;
515
515
  border: none;
@@ -620,7 +620,7 @@
620
620
  -webkit-box-shadow: none;
621
621
  box-shadow: none;
622
622
  }
623
- .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
623
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-focused > .e-text-content {
624
624
  -webkit-box-shadow: inset 0 0 0 1px #fff;
625
625
  box-shadow: inset 0 0 0 1px #fff;
626
626
  }
package/styles/treeview/bootstrap.css CHANGED
@@ -512,7 +512,7 @@
512
512
  .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-expandable {
513
513
  color: #333;
514
514
  }
515
- .e-treeview .e-list-item.e-node-focus > .e-fullrow {
515
+ .e-treeview .e-list-item.e-focused > .e-fullrow {
516
516
  -webkit-box-shadow: inset 0 0 0 1px #000;
517
517
  box-shadow: inset 0 0 0 1px #000;
518
518
  border: none;
@@ -561,7 +561,7 @@
561
561
  .e-treeview .e-list-item.e-active.e-node-focus > .e-text-content .e-icon-expandable {
562
562
  color: #fff;
563
563
  }
564
- .e-treeview .e-list-item.e-active.e-node-focus > .e-fullrow {
564
+ .e-treeview .e-list-item.e-active.e-focused > .e-fullrow {
565
565
  -webkit-box-shadow: inset 0 0 0 1px #000;
566
566
  box-shadow: inset 0 0 0 1px #000;
567
567
  }
@@ -625,7 +625,7 @@
625
625
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
626
626
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
627
627
  }
628
- .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-active.e-node-focus > .e-text-content {
628
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-active.e-focused > .e-text-content {
629
629
  -webkit-box-shadow: inset 0 0 0 1px #000;
630
630
  box-shadow: inset 0 0 0 1px #000;
631
631
  }
@@ -635,7 +635,7 @@
635
635
  -webkit-box-shadow: none;
636
636
  box-shadow: none;
637
637
  }
638
- .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
638
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-focused > .e-text-content {
639
639
  -webkit-box-shadow: inset 0 0 0 1px #000;
640
640
  box-shadow: inset 0 0 0 1px #000;
641
641
  }
package/styles/treeview/bootstrap4.css CHANGED
@@ -519,7 +519,7 @@
519
519
  .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-expandable {
520
520
  color: #495057;
521
521
  }
522
- .e-treeview .e-list-item.e-node-focus > .e-fullrow {
522
+ .e-treeview .e-list-item.e-focused > .e-fullrow {
523
523
  -webkit-box-shadow: inset 0 0 0 1px #212529;
524
524
  box-shadow: inset 0 0 0 1px #212529;
525
525
  border: none;
@@ -636,7 +636,7 @@
636
636
  -webkit-box-shadow: none;
637
637
  box-shadow: none;
638
638
  }
639
- .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
639
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-focused > .e-text-content {
640
640
  -webkit-box-shadow: inset 0 0 0 1px #212529;
641
641
  box-shadow: inset 0 0 0 1px #212529;
642
642
  }
package/styles/treeview/bootstrap5-dark.css CHANGED
@@ -521,7 +521,7 @@
521
521
  .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-expandable {
522
522
  color: #dee2e6;
523
523
  }
524
- .e-treeview .e-list-item.e-node-focus > .e-fullrow {
524
+ .e-treeview .e-list-item.e-focused > .e-fullrow {
525
525
  -webkit-box-shadow: inset 0 0 0 2px #fff;
526
526
  box-shadow: inset 0 0 0 2px #fff;
527
527
  border: none;
@@ -641,7 +641,7 @@
641
641
  -webkit-box-shadow: none;
642
642
  box-shadow: none;
643
643
  }
644
- .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
644
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-focused > .e-text-content {
645
645
  -webkit-box-shadow: inset 0 0 0 2px #fff;
646
646
  box-shadow: inset 0 0 0 2px #fff;
647
647
  }
package/styles/treeview/bootstrap5.3.css CHANGED
@@ -771,7 +771,7 @@
771
771
  .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-expandable {
772
772
  color: var(--color-sf-icon-color-hover);
773
773
  }
774
- .e-treeview .e-list-item.e-node-focus > .e-fullrow {
774
+ .e-treeview .e-list-item.e-focused > .e-fullrow {
775
775
  -webkit-box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px var(--color-sf-shadow-color1);
776
776
  box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px var(--color-sf-shadow-color1);
777
777
  border: none;
@@ -888,7 +888,7 @@
888
888
  -webkit-box-shadow: none;
889
889
  box-shadow: none;
890
890
  }
891
- .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
891
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-focused > .e-text-content {
892
892
  -webkit-box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px var(--color-sf-shadow-color1);
893
893
  box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px var(--color-sf-shadow-color1);
894
894
  }
package/styles/treeview/bootstrap5.css CHANGED
@@ -521,7 +521,7 @@
521
521
  .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-expandable {
522
522
  color: #343a40;
523
523
  }
524
- .e-treeview .e-list-item.e-node-focus > .e-fullrow {
524
+ .e-treeview .e-list-item.e-focused > .e-fullrow {
525
525
  -webkit-box-shadow: inset 0 0 0 2px #212529;
526
526
  box-shadow: inset 0 0 0 2px #212529;
527
527
  border: none;
@@ -641,7 +641,7 @@
641
641
  -webkit-box-shadow: none;
642
642
  box-shadow: none;
643
643
  }
644
- .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
644
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-focused > .e-text-content {
645
645
  -webkit-box-shadow: inset 0 0 0 2px #212529;
646
646
  box-shadow: inset 0 0 0 2px #212529;
647
647
  }
package/styles/treeview/fabric-dark.css CHANGED
@@ -509,7 +509,7 @@
509
509
  .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-expandable {
510
510
  color: #dadada;
511
511
  }
512
- .e-treeview .e-list-item.e-node-focus > .e-fullrow {
512
+ .e-treeview .e-list-item.e-focused > .e-fullrow {
513
513
  -webkit-box-shadow: inset 0 0 0 1px #f8f8f8;
514
514
  box-shadow: inset 0 0 0 1px #f8f8f8;
515
515
  border: none;
@@ -620,7 +620,7 @@
620
620
  -webkit-box-shadow: none;
621
621
  box-shadow: none;
622
622
  }
623
- .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
623
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-focused > .e-text-content {
624
624
  -webkit-box-shadow: inset 0 0 0 1px #f8f8f8;
625
625
  box-shadow: inset 0 0 0 1px #f8f8f8;
626
626
  border: none;
package/styles/treeview/fabric.css CHANGED
@@ -512,7 +512,7 @@
512
512
  .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-expandable {
513
513
  color: #333;
514
514
  }
515
- .e-treeview .e-list-item.e-node-focus > .e-fullrow {
515
+ .e-treeview .e-list-item.e-focused > .e-fullrow {
516
516
  -webkit-box-shadow: inset 0 0 0 1px #000;
517
517
  box-shadow: inset 0 0 0 1px #000;
518
518
  border: none;
@@ -623,7 +623,7 @@
623
623
  -webkit-box-shadow: none;
624
624
  box-shadow: none;
625
625
  }
626
- .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
626
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-focused > .e-text-content {
627
627
  -webkit-box-shadow: inset 0 0 0 1px #000;
628
628
  box-shadow: inset 0 0 0 1px #000;
629
629
  border: none;
package/styles/treeview/fluent-dark.css CHANGED
@@ -518,7 +518,7 @@
518
518
  .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-expandable {
519
519
  color: #f3f2f1;
520
520
  }
521
- .e-treeview .e-list-item.e-node-focus > .e-fullrow {
521
+ .e-treeview .e-list-item.e-focused > .e-fullrow {
522
522
  -webkit-box-shadow: inset 0 0 0 1px rgba(96, 94, 92, 0.95);
523
523
  box-shadow: inset 0 0 0 1px rgba(96, 94, 92, 0.95);
524
524
  border: none;
@@ -638,7 +638,7 @@
638
638
  -webkit-box-shadow: none;
639
639
  box-shadow: none;
640
640
  }
641
- .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
641
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-focused > .e-text-content {
642
642
  -webkit-box-shadow: inset 0 0 0 1px rgba(96, 94, 92, 0.95);
643
643
  box-shadow: inset 0 0 0 1px rgba(96, 94, 92, 0.95);
644
644
  }