@syncfusion/ej2-navigations 32.1.24 → 32.2.6

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 (101) 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 +22 -4
  5. package/dist/es6/ej2-navigations.es2015.js.map +1 -1
  6. package/dist/es6/ej2-navigations.es5.js +22 -4
  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 +7 -7
  12. package/src/treeview/treeview.d.ts +1 -0
  13. package/src/treeview/treeview.js +22 -4
  14. package/styles/accordion/_material3-dark-definition.scss +51 -35
  15. package/styles/accordion/_material3-definition.scss +51 -35
  16. package/styles/bds-lite.css +6 -2
  17. package/styles/bds.css +6 -2
  18. package/styles/bootstrap-dark-lite.css +6 -2
  19. package/styles/bootstrap-dark.css +6 -2
  20. package/styles/bootstrap-lite.css +6 -2
  21. package/styles/bootstrap.css +6 -2
  22. package/styles/bootstrap4-lite.css +6 -2
  23. package/styles/bootstrap4.css +6 -2
  24. package/styles/bootstrap5-dark-lite.css +6 -2
  25. package/styles/bootstrap5-dark.css +6 -2
  26. package/styles/bootstrap5-lite.css +6 -2
  27. package/styles/bootstrap5.3-lite.css +6 -2
  28. package/styles/bootstrap5.3.css +6 -2
  29. package/styles/bootstrap5.css +6 -2
  30. package/styles/context-menu/_layout-mixin.scss +2 -0
  31. package/styles/context-menu/_layout.scss +2 -2
  32. package/styles/context-menu/bds.css +4 -2
  33. package/styles/context-menu/bootstrap-dark.css +4 -2
  34. package/styles/context-menu/bootstrap.css +4 -2
  35. package/styles/context-menu/bootstrap4.css +4 -2
  36. package/styles/context-menu/bootstrap5-dark.css +4 -2
  37. package/styles/context-menu/bootstrap5.3.css +4 -2
  38. package/styles/context-menu/bootstrap5.css +4 -2
  39. package/styles/context-menu/fabric-dark.css +4 -2
  40. package/styles/context-menu/fabric.css +4 -2
  41. package/styles/context-menu/fluent-dark.css +4 -2
  42. package/styles/context-menu/fluent.css +4 -2
  43. package/styles/context-menu/fluent2.css +4 -2
  44. package/styles/context-menu/highcontrast-light.css +4 -2
  45. package/styles/context-menu/highcontrast.css +4 -2
  46. package/styles/context-menu/material-dark.css +4 -2
  47. package/styles/context-menu/material.css +4 -2
  48. package/styles/context-menu/material3-dark.css +4 -2
  49. package/styles/context-menu/material3.css +4 -2
  50. package/styles/context-menu/tailwind-dark.css +4 -2
  51. package/styles/context-menu/tailwind.css +4 -2
  52. package/styles/context-menu/tailwind3.css +4 -2
  53. package/styles/fabric-dark-lite.css +6 -2
  54. package/styles/fabric-dark.css +6 -2
  55. package/styles/fabric-lite.css +6 -2
  56. package/styles/fabric.css +6 -2
  57. package/styles/fluent-dark-lite.css +6 -2
  58. package/styles/fluent-dark.css +6 -2
  59. package/styles/fluent-lite.css +6 -2
  60. package/styles/fluent.css +6 -2
  61. package/styles/fluent2-lite.css +6 -2
  62. package/styles/fluent2.css +6 -2
  63. package/styles/highcontrast-light-lite.css +6 -2
  64. package/styles/highcontrast-light.css +6 -2
  65. package/styles/highcontrast-lite.css +6 -2
  66. package/styles/highcontrast.css +6 -2
  67. package/styles/material-dark-lite.css +6 -2
  68. package/styles/material-dark.css +6 -2
  69. package/styles/material-lite.css +6 -2
  70. package/styles/material.css +6 -2
  71. package/styles/material3-dark-lite.css +6 -2
  72. package/styles/material3-dark.css +6 -2
  73. package/styles/material3-lite.css +6 -2
  74. package/styles/material3.css +6 -2
  75. package/styles/menu/bds.css +2 -0
  76. package/styles/menu/bootstrap-dark.css +2 -0
  77. package/styles/menu/bootstrap.css +2 -0
  78. package/styles/menu/bootstrap4.css +2 -0
  79. package/styles/menu/bootstrap5-dark.css +2 -0
  80. package/styles/menu/bootstrap5.3.css +2 -0
  81. package/styles/menu/bootstrap5.css +2 -0
  82. package/styles/menu/fabric-dark.css +2 -0
  83. package/styles/menu/fabric.css +2 -0
  84. package/styles/menu/fluent-dark.css +2 -0
  85. package/styles/menu/fluent.css +2 -0
  86. package/styles/menu/fluent2.css +2 -0
  87. package/styles/menu/highcontrast-light.css +2 -0
  88. package/styles/menu/highcontrast.css +2 -0
  89. package/styles/menu/material-dark.css +2 -0
  90. package/styles/menu/material.css +2 -0
  91. package/styles/menu/material3-dark.css +2 -0
  92. package/styles/menu/material3.css +2 -0
  93. package/styles/menu/tailwind-dark.css +2 -0
  94. package/styles/menu/tailwind.css +2 -0
  95. package/styles/menu/tailwind3.css +2 -0
  96. package/styles/tailwind-dark-lite.css +6 -2
  97. package/styles/tailwind-dark.css +6 -2
  98. package/styles/tailwind-lite.css +6 -2
  99. package/styles/tailwind.css +6 -2
  100. package/styles/tailwind3-lite.css +6 -2
  101. package/styles/tailwind3.css +6 -2
package/styles/fabric-dark-lite.css CHANGED
@@ -2826,6 +2826,8 @@
2826
2826
  .e-contextmenu-container ul .e-menu-item .e-menu-icon {
2827
2827
  display: inline-block;
2828
2828
  vertical-align: middle;
2829
+ position: relative;
2830
+ top: -1px;
2829
2831
  }
2830
2832
  .e-contextmenu-wrapper ul .e-menu-item.e-separator,
2831
2833
  .e-contextmenu-container ul .e-menu-item.e-separator {
@@ -2977,8 +2979,8 @@
2977
2979
  padding-left: 36px;
2978
2980
  }
2979
2981
 
2980
- .e-contextmenu-wrapper .e-menu-item,
2981
- .e-contextmenu-container .e-menu-item {
2982
+ .e-contextmenu-wrapper .e-menu-item:not(.e-control),
2983
+ .e-contextmenu-container .e-menu-item:not(.e-control) {
2982
2984
  white-space: nowrap;
2983
2985
  overflow: hidden;
2984
2986
  text-overflow: ellipsis;
@@ -7026,6 +7028,8 @@ ejs-sidebar {
7026
7028
  .e-menu-container ul .e-menu-item .e-menu-icon {
7027
7029
  display: inline-block;
7028
7030
  vertical-align: middle;
7031
+ position: relative;
7032
+ top: -1px;
7029
7033
  }
7030
7034
  .e-menu-wrapper ul .e-menu-item.e-separator,
7031
7035
  .e-menu-container ul .e-menu-item.e-separator {
package/styles/fabric-dark.css CHANGED
@@ -3452,6 +3452,8 @@
3452
3452
  .e-contextmenu-container ul .e-menu-item .e-menu-icon {
3453
3453
  display: inline-block;
3454
3454
  vertical-align: middle;
3455
+ position: relative;
3456
+ top: -1px;
3455
3457
  }
3456
3458
  .e-contextmenu-wrapper ul .e-menu-item.e-separator,
3457
3459
  .e-contextmenu-container ul .e-menu-item.e-separator {
@@ -3603,8 +3605,8 @@
3603
3605
  padding-left: 36px;
3604
3606
  }
3605
3607
 
3606
- .e-contextmenu-wrapper .e-menu-item,
3607
- .e-contextmenu-container .e-menu-item {
3608
+ .e-contextmenu-wrapper .e-menu-item:not(.e-control),
3609
+ .e-contextmenu-container .e-menu-item:not(.e-control) {
3608
3610
  white-space: nowrap;
3609
3611
  overflow: hidden;
3610
3612
  text-overflow: ellipsis;
@@ -9063,6 +9065,8 @@ ejs-sidebar {
9063
9065
  .e-menu-container ul .e-menu-item .e-menu-icon {
9064
9066
  display: inline-block;
9065
9067
  vertical-align: middle;
9068
+ position: relative;
9069
+ top: -1px;
9066
9070
  }
9067
9071
  .e-menu-wrapper ul .e-menu-item.e-separator,
9068
9072
  .e-menu-container ul .e-menu-item.e-separator {
package/styles/fabric-lite.css CHANGED
@@ -2829,6 +2829,8 @@
2829
2829
  .e-contextmenu-container ul .e-menu-item .e-menu-icon {
2830
2830
  display: inline-block;
2831
2831
  vertical-align: middle;
2832
+ position: relative;
2833
+ top: -1px;
2832
2834
  }
2833
2835
  .e-contextmenu-wrapper ul .e-menu-item.e-separator,
2834
2836
  .e-contextmenu-container ul .e-menu-item.e-separator {
@@ -2980,8 +2982,8 @@
2980
2982
  padding-left: 36px;
2981
2983
  }
2982
2984
 
2983
- .e-contextmenu-wrapper .e-menu-item,
2984
- .e-contextmenu-container .e-menu-item {
2985
+ .e-contextmenu-wrapper .e-menu-item:not(.e-control),
2986
+ .e-contextmenu-container .e-menu-item:not(.e-control) {
2985
2987
  white-space: nowrap;
2986
2988
  overflow: hidden;
2987
2989
  text-overflow: ellipsis;
@@ -7032,6 +7034,8 @@ ejs-sidebar {
7032
7034
  .e-menu-container ul .e-menu-item .e-menu-icon {
7033
7035
  display: inline-block;
7034
7036
  vertical-align: middle;
7037
+ position: relative;
7038
+ top: -1px;
7035
7039
  }
7036
7040
  .e-menu-wrapper ul .e-menu-item.e-separator,
7037
7041
  .e-menu-container ul .e-menu-item.e-separator {
package/styles/fabric.css CHANGED
@@ -3456,6 +3456,8 @@
3456
3456
  .e-contextmenu-container ul .e-menu-item .e-menu-icon {
3457
3457
  display: inline-block;
3458
3458
  vertical-align: middle;
3459
+ position: relative;
3460
+ top: -1px;
3459
3461
  }
3460
3462
  .e-contextmenu-wrapper ul .e-menu-item.e-separator,
3461
3463
  .e-contextmenu-container ul .e-menu-item.e-separator {
@@ -3607,8 +3609,8 @@
3607
3609
  padding-left: 36px;
3608
3610
  }
3609
3611
 
3610
- .e-contextmenu-wrapper .e-menu-item,
3611
- .e-contextmenu-container .e-menu-item {
3612
+ .e-contextmenu-wrapper .e-menu-item:not(.e-control),
3613
+ .e-contextmenu-container .e-menu-item:not(.e-control) {
3612
3614
  white-space: nowrap;
3613
3615
  overflow: hidden;
3614
3616
  text-overflow: ellipsis;
@@ -9071,6 +9073,8 @@ ejs-sidebar {
9071
9073
  .e-menu-container ul .e-menu-item .e-menu-icon {
9072
9074
  display: inline-block;
9073
9075
  vertical-align: middle;
9076
+ position: relative;
9077
+ top: -1px;
9074
9078
  }
9075
9079
  .e-menu-wrapper ul .e-menu-item.e-separator,
9076
9080
  .e-menu-container ul .e-menu-item.e-separator {
package/styles/fluent-dark-lite.css CHANGED
@@ -2892,6 +2892,8 @@
2892
2892
  .e-contextmenu-container ul .e-menu-item .e-menu-icon {
2893
2893
  display: inline-block;
2894
2894
  vertical-align: middle;
2895
+ position: relative;
2896
+ top: -1px;
2895
2897
  }
2896
2898
  .e-contextmenu-wrapper ul .e-menu-item.e-separator,
2897
2899
  .e-contextmenu-container ul .e-menu-item.e-separator {
@@ -3042,8 +3044,8 @@
3042
3044
  padding-left: 36px;
3043
3045
  }
3044
3046
 
3045
- .e-contextmenu-wrapper .e-menu-item,
3046
- .e-contextmenu-container .e-menu-item {
3047
+ .e-contextmenu-wrapper .e-menu-item:not(.e-control),
3048
+ .e-contextmenu-container .e-menu-item:not(.e-control) {
3047
3049
  white-space: nowrap;
3048
3050
  overflow: hidden;
3049
3051
  text-overflow: ellipsis;
@@ -7106,6 +7108,8 @@ ejs-sidebar {
7106
7108
  .e-menu-container ul .e-menu-item .e-menu-icon {
7107
7109
  display: inline-block;
7108
7110
  vertical-align: middle;
7111
+ position: relative;
7112
+ top: -1px;
7109
7113
  }
7110
7114
  .e-menu-wrapper ul .e-menu-item.e-separator,
7111
7115
  .e-menu-container ul .e-menu-item.e-separator {
package/styles/fluent-dark.css CHANGED
@@ -3531,6 +3531,8 @@
3531
3531
  .e-contextmenu-container ul .e-menu-item .e-menu-icon {
3532
3532
  display: inline-block;
3533
3533
  vertical-align: middle;
3534
+ position: relative;
3535
+ top: -1px;
3534
3536
  }
3535
3537
  .e-contextmenu-wrapper ul .e-menu-item.e-separator,
3536
3538
  .e-contextmenu-container ul .e-menu-item.e-separator {
@@ -3681,8 +3683,8 @@
3681
3683
  padding-left: 36px;
3682
3684
  }
3683
3685
 
3684
- .e-contextmenu-wrapper .e-menu-item,
3685
- .e-contextmenu-container .e-menu-item {
3686
+ .e-contextmenu-wrapper .e-menu-item:not(.e-control),
3687
+ .e-contextmenu-container .e-menu-item:not(.e-control) {
3686
3688
  white-space: nowrap;
3687
3689
  overflow: hidden;
3688
3690
  text-overflow: ellipsis;
@@ -9252,6 +9254,8 @@ ejs-sidebar {
9252
9254
  .e-menu-container ul .e-menu-item .e-menu-icon {
9253
9255
  display: inline-block;
9254
9256
  vertical-align: middle;
9257
+ position: relative;
9258
+ top: -1px;
9255
9259
  }
9256
9260
  .e-menu-wrapper ul .e-menu-item.e-separator,
9257
9261
  .e-menu-container ul .e-menu-item.e-separator {
package/styles/fluent-lite.css CHANGED
@@ -2892,6 +2892,8 @@
2892
2892
  .e-contextmenu-container ul .e-menu-item .e-menu-icon {
2893
2893
  display: inline-block;
2894
2894
  vertical-align: middle;
2895
+ position: relative;
2896
+ top: -1px;
2895
2897
  }
2896
2898
  .e-contextmenu-wrapper ul .e-menu-item.e-separator,
2897
2899
  .e-contextmenu-container ul .e-menu-item.e-separator {
@@ -3042,8 +3044,8 @@
3042
3044
  padding-left: 36px;
3043
3045
  }
3044
3046
 
3045
- .e-contextmenu-wrapper .e-menu-item,
3046
- .e-contextmenu-container .e-menu-item {
3047
+ .e-contextmenu-wrapper .e-menu-item:not(.e-control),
3048
+ .e-contextmenu-container .e-menu-item:not(.e-control) {
3047
3049
  white-space: nowrap;
3048
3050
  overflow: hidden;
3049
3051
  text-overflow: ellipsis;
@@ -7106,6 +7108,8 @@ ejs-sidebar {
7106
7108
  .e-menu-container ul .e-menu-item .e-menu-icon {
7107
7109
  display: inline-block;
7108
7110
  vertical-align: middle;
7111
+ position: relative;
7112
+ top: -1px;
7109
7113
  }
7110
7114
  .e-menu-wrapper ul .e-menu-item.e-separator,
7111
7115
  .e-menu-container ul .e-menu-item.e-separator {
package/styles/fluent.css CHANGED
@@ -3531,6 +3531,8 @@
3531
3531
  .e-contextmenu-container ul .e-menu-item .e-menu-icon {
3532
3532
  display: inline-block;
3533
3533
  vertical-align: middle;
3534
+ position: relative;
3535
+ top: -1px;
3534
3536
  }
3535
3537
  .e-contextmenu-wrapper ul .e-menu-item.e-separator,
3536
3538
  .e-contextmenu-container ul .e-menu-item.e-separator {
@@ -3681,8 +3683,8 @@
3681
3683
  padding-left: 36px;
3682
3684
  }
3683
3685
 
3684
- .e-contextmenu-wrapper .e-menu-item,
3685
- .e-contextmenu-container .e-menu-item {
3686
+ .e-contextmenu-wrapper .e-menu-item:not(.e-control),
3687
+ .e-contextmenu-container .e-menu-item:not(.e-control) {
3686
3688
  white-space: nowrap;
3687
3689
  overflow: hidden;
3688
3690
  text-overflow: ellipsis;
@@ -9252,6 +9254,8 @@ ejs-sidebar {
9252
9254
  .e-menu-container ul .e-menu-item .e-menu-icon {
9253
9255
  display: inline-block;
9254
9256
  vertical-align: middle;
9257
+ position: relative;
9258
+ top: -1px;
9255
9259
  }
9256
9260
  .e-menu-wrapper ul .e-menu-item.e-separator,
9257
9261
  .e-menu-container ul .e-menu-item.e-separator {
package/styles/fluent2-lite.css CHANGED
@@ -4198,6 +4198,8 @@
4198
4198
  .e-contextmenu-container ul .e-menu-item .e-menu-icon {
4199
4199
  display: inline-block;
4200
4200
  vertical-align: middle;
4201
+ position: relative;
4202
+ top: -1px;
4201
4203
  }
4202
4204
  .e-contextmenu-wrapper ul .e-menu-item.e-separator,
4203
4205
  .e-contextmenu-container ul .e-menu-item.e-separator {
@@ -4366,8 +4368,8 @@
4366
4368
  padding-left: 36px;
4367
4369
  }
4368
4370
 
4369
- .e-contextmenu-wrapper .e-menu-item,
4370
- .e-contextmenu-container .e-menu-item {
4371
+ .e-contextmenu-wrapper .e-menu-item:not(.e-control),
4372
+ .e-contextmenu-container .e-menu-item:not(.e-control) {
4371
4373
  white-space: nowrap;
4372
4374
  overflow: hidden;
4373
4375
  text-overflow: ellipsis;
@@ -9437,6 +9439,8 @@ ejs-sidebar {
9437
9439
  .e-menu-container ul .e-menu-item .e-menu-icon {
9438
9440
  display: inline-block;
9439
9441
  vertical-align: middle;
9442
+ position: relative;
9443
+ top: -1px;
9440
9444
  }
9441
9445
  .e-menu-wrapper ul .e-menu-item.e-separator,
9442
9446
  .e-menu-container ul .e-menu-item.e-separator {
package/styles/fluent2.css CHANGED
@@ -5285,6 +5285,8 @@
5285
5285
  .e-contextmenu-container ul .e-menu-item .e-menu-icon {
5286
5286
  display: inline-block;
5287
5287
  vertical-align: middle;
5288
+ position: relative;
5289
+ top: -1px;
5288
5290
  }
5289
5291
  .e-contextmenu-wrapper ul .e-menu-item.e-separator,
5290
5292
  .e-contextmenu-container ul .e-menu-item.e-separator {
@@ -5453,8 +5455,8 @@
5453
5455
  padding-left: 36px;
5454
5456
  }
5455
5457
 
5456
- .e-contextmenu-wrapper .e-menu-item,
5457
- .e-contextmenu-container .e-menu-item {
5458
+ .e-contextmenu-wrapper .e-menu-item:not(.e-control),
5459
+ .e-contextmenu-container .e-menu-item:not(.e-control) {
5458
5460
  white-space: nowrap;
5459
5461
  overflow: hidden;
5460
5462
  text-overflow: ellipsis;
@@ -12314,6 +12316,8 @@ ejs-sidebar {
12314
12316
  .e-menu-container ul .e-menu-item .e-menu-icon {
12315
12317
  display: inline-block;
12316
12318
  vertical-align: middle;
12319
+ position: relative;
12320
+ top: -1px;
12317
12321
  }
12318
12322
  .e-menu-wrapper ul .e-menu-item.e-separator,
12319
12323
  .e-menu-container ul .e-menu-item.e-separator {
package/styles/highcontrast-light-lite.css CHANGED
@@ -2826,6 +2826,8 @@
2826
2826
  .e-contextmenu-container ul .e-menu-item .e-menu-icon {
2827
2827
  display: inline-block;
2828
2828
  vertical-align: middle;
2829
+ position: relative;
2830
+ top: -1px;
2829
2831
  }
2830
2832
  .e-contextmenu-wrapper ul .e-menu-item.e-separator,
2831
2833
  .e-contextmenu-container ul .e-menu-item.e-separator {
@@ -2977,8 +2979,8 @@
2977
2979
  padding-left: 36px;
2978
2980
  }
2979
2981
 
2980
- .e-contextmenu-wrapper .e-menu-item,
2981
- .e-contextmenu-container .e-menu-item {
2982
+ .e-contextmenu-wrapper .e-menu-item:not(.e-control),
2983
+ .e-contextmenu-container .e-menu-item:not(.e-control) {
2982
2984
  white-space: nowrap;
2983
2985
  overflow: hidden;
2984
2986
  text-overflow: ellipsis;
@@ -7017,6 +7019,8 @@ ejs-sidebar {
7017
7019
  .e-menu-container ul .e-menu-item .e-menu-icon {
7018
7020
  display: inline-block;
7019
7021
  vertical-align: middle;
7022
+ position: relative;
7023
+ top: -1px;
7020
7024
  }
7021
7025
  .e-menu-wrapper ul .e-menu-item.e-separator,
7022
7026
  .e-menu-container ul .e-menu-item.e-separator {
package/styles/highcontrast-light.css CHANGED
@@ -3452,6 +3452,8 @@
3452
3452
  .e-contextmenu-container ul .e-menu-item .e-menu-icon {
3453
3453
  display: inline-block;
3454
3454
  vertical-align: middle;
3455
+ position: relative;
3456
+ top: -1px;
3455
3457
  }
3456
3458
  .e-contextmenu-wrapper ul .e-menu-item.e-separator,
3457
3459
  .e-contextmenu-container ul .e-menu-item.e-separator {
@@ -3603,8 +3605,8 @@
3603
3605
  padding-left: 36px;
3604
3606
  }
3605
3607
 
3606
- .e-contextmenu-wrapper .e-menu-item,
3607
- .e-contextmenu-container .e-menu-item {
3608
+ .e-contextmenu-wrapper .e-menu-item:not(.e-control),
3609
+ .e-contextmenu-container .e-menu-item:not(.e-control) {
3608
3610
  white-space: nowrap;
3609
3611
  overflow: hidden;
3610
3612
  text-overflow: ellipsis;
@@ -9054,6 +9056,8 @@ ejs-sidebar {
9054
9056
  .e-menu-container ul .e-menu-item .e-menu-icon {
9055
9057
  display: inline-block;
9056
9058
  vertical-align: middle;
9059
+ position: relative;
9060
+ top: -1px;
9057
9061
  }
9058
9062
  .e-menu-wrapper ul .e-menu-item.e-separator,
9059
9063
  .e-menu-container ul .e-menu-item.e-separator {
package/styles/highcontrast-lite.css CHANGED
@@ -2829,6 +2829,8 @@
2829
2829
  .e-contextmenu-container ul .e-menu-item .e-menu-icon {
2830
2830
  display: inline-block;
2831
2831
  vertical-align: middle;
2832
+ position: relative;
2833
+ top: -1px;
2832
2834
  }
2833
2835
  .e-contextmenu-wrapper ul .e-menu-item.e-separator,
2834
2836
  .e-contextmenu-container ul .e-menu-item.e-separator {
@@ -2980,8 +2982,8 @@
2980
2982
  padding-left: 36px;
2981
2983
  }
2982
2984
 
2983
- .e-contextmenu-wrapper .e-menu-item,
2984
- .e-contextmenu-container .e-menu-item {
2985
+ .e-contextmenu-wrapper .e-menu-item:not(.e-control),
2986
+ .e-contextmenu-container .e-menu-item:not(.e-control) {
2985
2987
  white-space: nowrap;
2986
2988
  overflow: hidden;
2987
2989
  text-overflow: ellipsis;
@@ -7061,6 +7063,8 @@ ejs-sidebar {
7061
7063
  .e-menu-container ul .e-menu-item .e-menu-icon {
7062
7064
  display: inline-block;
7063
7065
  vertical-align: middle;
7066
+ position: relative;
7067
+ top: -1px;
7064
7068
  }
7065
7069
  .e-menu-wrapper ul .e-menu-item.e-separator,
7066
7070
  .e-menu-container ul .e-menu-item.e-separator {
package/styles/highcontrast.css CHANGED
@@ -3456,6 +3456,8 @@
3456
3456
  .e-contextmenu-container ul .e-menu-item .e-menu-icon {
3457
3457
  display: inline-block;
3458
3458
  vertical-align: middle;
3459
+ position: relative;
3460
+ top: -1px;
3459
3461
  }
3460
3462
  .e-contextmenu-wrapper ul .e-menu-item.e-separator,
3461
3463
  .e-contextmenu-container ul .e-menu-item.e-separator {
@@ -3607,8 +3609,8 @@
3607
3609
  padding-left: 36px;
3608
3610
  }
3609
3611
 
3610
- .e-contextmenu-wrapper .e-menu-item,
3611
- .e-contextmenu-container .e-menu-item {
3612
+ .e-contextmenu-wrapper .e-menu-item:not(.e-control),
3613
+ .e-contextmenu-container .e-menu-item:not(.e-control) {
3612
3614
  white-space: nowrap;
3613
3615
  overflow: hidden;
3614
3616
  text-overflow: ellipsis;
@@ -9108,6 +9110,8 @@ ejs-sidebar {
9108
9110
  .e-menu-container ul .e-menu-item .e-menu-icon {
9109
9111
  display: inline-block;
9110
9112
  vertical-align: middle;
9113
+ position: relative;
9114
+ top: -1px;
9111
9115
  }
9112
9116
  .e-menu-wrapper ul .e-menu-item.e-separator,
9113
9117
  .e-menu-container ul .e-menu-item.e-separator {
package/styles/material-dark-lite.css CHANGED
@@ -3000,6 +3000,8 @@
3000
3000
  .e-contextmenu-container ul .e-menu-item .e-menu-icon {
3001
3001
  display: inline-block;
3002
3002
  vertical-align: middle;
3003
+ position: relative;
3004
+ top: -1px;
3003
3005
  }
3004
3006
  .e-contextmenu-wrapper ul .e-menu-item.e-separator,
3005
3007
  .e-contextmenu-container ul .e-menu-item.e-separator {
@@ -3151,8 +3153,8 @@
3151
3153
  padding-left: 36px;
3152
3154
  }
3153
3155
 
3154
- .e-contextmenu-wrapper .e-menu-item,
3155
- .e-contextmenu-container .e-menu-item {
3156
+ .e-contextmenu-wrapper .e-menu-item:not(.e-control),
3157
+ .e-contextmenu-container .e-menu-item:not(.e-control) {
3156
3158
  white-space: nowrap;
3157
3159
  overflow: hidden;
3158
3160
  text-overflow: ellipsis;
@@ -7317,6 +7319,8 @@ ejs-sidebar {
7317
7319
  .e-menu-container ul .e-menu-item .e-menu-icon {
7318
7320
  display: inline-block;
7319
7321
  vertical-align: middle;
7322
+ position: relative;
7323
+ top: -1px;
7320
7324
  }
7321
7325
  .e-menu-wrapper ul .e-menu-item.e-separator,
7322
7326
  .e-menu-container ul .e-menu-item.e-separator {
package/styles/material-dark.css CHANGED
@@ -3659,6 +3659,8 @@
3659
3659
  .e-contextmenu-container ul .e-menu-item .e-menu-icon {
3660
3660
  display: inline-block;
3661
3661
  vertical-align: middle;
3662
+ position: relative;
3663
+ top: -1px;
3662
3664
  }
3663
3665
  .e-contextmenu-wrapper ul .e-menu-item.e-separator,
3664
3666
  .e-contextmenu-container ul .e-menu-item.e-separator {
@@ -3810,8 +3812,8 @@
3810
3812
  padding-left: 36px;
3811
3813
  }
3812
3814
 
3813
- .e-contextmenu-wrapper .e-menu-item,
3814
- .e-contextmenu-container .e-menu-item {
3815
+ .e-contextmenu-wrapper .e-menu-item:not(.e-control),
3816
+ .e-contextmenu-container .e-menu-item:not(.e-control) {
3815
3817
  white-space: nowrap;
3816
3818
  overflow: hidden;
3817
3819
  text-overflow: ellipsis;
@@ -9425,6 +9427,8 @@ ejs-sidebar {
9425
9427
  .e-menu-container ul .e-menu-item .e-menu-icon {
9426
9428
  display: inline-block;
9427
9429
  vertical-align: middle;
9430
+ position: relative;
9431
+ top: -1px;
9428
9432
  }
9429
9433
  .e-menu-wrapper ul .e-menu-item.e-separator,
9430
9434
  .e-menu-container ul .e-menu-item.e-separator {
package/styles/material-lite.css CHANGED
@@ -3004,6 +3004,8 @@
3004
3004
  .e-contextmenu-container ul .e-menu-item .e-menu-icon {
3005
3005
  display: inline-block;
3006
3006
  vertical-align: middle;
3007
+ position: relative;
3008
+ top: -1px;
3007
3009
  }
3008
3010
  .e-contextmenu-wrapper ul .e-menu-item.e-separator,
3009
3011
  .e-contextmenu-container ul .e-menu-item.e-separator {
@@ -3155,8 +3157,8 @@
3155
3157
  padding-left: 36px;
3156
3158
  }
3157
3159
 
3158
- .e-contextmenu-wrapper .e-menu-item,
3159
- .e-contextmenu-container .e-menu-item {
3160
+ .e-contextmenu-wrapper .e-menu-item:not(.e-control),
3161
+ .e-contextmenu-container .e-menu-item:not(.e-control) {
3160
3162
  white-space: nowrap;
3161
3163
  overflow: hidden;
3162
3164
  text-overflow: ellipsis;
@@ -7347,6 +7349,8 @@ ejs-sidebar {
7347
7349
  .e-menu-container ul .e-menu-item .e-menu-icon {
7348
7350
  display: inline-block;
7349
7351
  vertical-align: middle;
7352
+ position: relative;
7353
+ top: -1px;
7350
7354
  }
7351
7355
  .e-menu-wrapper ul .e-menu-item.e-separator,
7352
7356
  .e-menu-container ul .e-menu-item.e-separator {
package/styles/material.css CHANGED
@@ -3665,6 +3665,8 @@
3665
3665
  .e-contextmenu-container ul .e-menu-item .e-menu-icon {
3666
3666
  display: inline-block;
3667
3667
  vertical-align: middle;
3668
+ position: relative;
3669
+ top: -1px;
3668
3670
  }
3669
3671
  .e-contextmenu-wrapper ul .e-menu-item.e-separator,
3670
3672
  .e-contextmenu-container ul .e-menu-item.e-separator {
@@ -3816,8 +3818,8 @@
3816
3818
  padding-left: 36px;
3817
3819
  }
3818
3820
 
3819
- .e-contextmenu-wrapper .e-menu-item,
3820
- .e-contextmenu-container .e-menu-item {
3821
+ .e-contextmenu-wrapper .e-menu-item:not(.e-control),
3822
+ .e-contextmenu-container .e-menu-item:not(.e-control) {
3821
3823
  white-space: nowrap;
3822
3824
  overflow: hidden;
3823
3825
  text-overflow: ellipsis;
@@ -9452,6 +9454,8 @@ ejs-sidebar {
9452
9454
  .e-menu-container ul .e-menu-item .e-menu-icon {
9453
9455
  display: inline-block;
9454
9456
  vertical-align: middle;
9457
+ position: relative;
9458
+ top: -1px;
9455
9459
  }
9456
9460
  .e-menu-wrapper ul .e-menu-item.e-separator,
9457
9461
  .e-menu-container ul .e-menu-item.e-separator {
package/styles/material3-dark-lite.css CHANGED
@@ -4081,6 +4081,8 @@
4081
4081
  .e-contextmenu-container ul .e-menu-item .e-menu-icon {
4082
4082
  display: inline-block;
4083
4083
  vertical-align: middle;
4084
+ position: relative;
4085
+ top: -1px;
4084
4086
  }
4085
4087
  .e-contextmenu-wrapper ul .e-menu-item.e-separator,
4086
4088
  .e-contextmenu-container ul .e-menu-item.e-separator {
@@ -4232,8 +4234,8 @@
4232
4234
  padding-left: 36px;
4233
4235
  }
4234
4236
 
4235
- .e-contextmenu-wrapper .e-menu-item,
4236
- .e-contextmenu-container .e-menu-item {
4237
+ .e-contextmenu-wrapper .e-menu-item:not(.e-control),
4238
+ .e-contextmenu-container .e-menu-item:not(.e-control) {
4237
4239
  white-space: nowrap;
4238
4240
  overflow: hidden;
4239
4241
  text-overflow: ellipsis;
@@ -8908,6 +8910,8 @@ ejs-sidebar {
8908
8910
  .e-menu-container ul .e-menu-item .e-menu-icon {
8909
8911
  display: inline-block;
8910
8912
  vertical-align: middle;
8913
+ position: relative;
8914
+ top: -1px;
8911
8915
  }
8912
8916
  .e-menu-wrapper ul .e-menu-item.e-separator,
8913
8917
  .e-menu-container ul .e-menu-item.e-separator {
package/styles/material3-dark.css CHANGED
@@ -5157,6 +5157,8 @@
5157
5157
  .e-contextmenu-container ul .e-menu-item .e-menu-icon {
5158
5158
  display: inline-block;
5159
5159
  vertical-align: middle;
5160
+ position: relative;
5161
+ top: -1px;
5160
5162
  }
5161
5163
  .e-contextmenu-wrapper ul .e-menu-item.e-separator,
5162
5164
  .e-contextmenu-container ul .e-menu-item.e-separator {
@@ -5308,8 +5310,8 @@
5308
5310
  padding-left: 36px;
5309
5311
  }
5310
5312
 
5311
- .e-contextmenu-wrapper .e-menu-item,
5312
- .e-contextmenu-container .e-menu-item {
5313
+ .e-contextmenu-wrapper .e-menu-item:not(.e-control),
5314
+ .e-contextmenu-container .e-menu-item:not(.e-control) {
5313
5315
  white-space: nowrap;
5314
5316
  overflow: hidden;
5315
5317
  text-overflow: ellipsis;
@@ -11711,6 +11713,8 @@ ejs-sidebar {
11711
11713
  .e-menu-container ul .e-menu-item .e-menu-icon {
11712
11714
  display: inline-block;
11713
11715
  vertical-align: middle;
11716
+ position: relative;
11717
+ top: -1px;
11714
11718
  }
11715
11719
  .e-menu-wrapper ul .e-menu-item.e-separator,
11716
11720
  .e-menu-container ul .e-menu-item.e-separator {
package/styles/material3-lite.css CHANGED
@@ -4109,6 +4109,8 @@
4109
4109
  .e-contextmenu-container ul .e-menu-item .e-menu-icon {
4110
4110
  display: inline-block;
4111
4111
  vertical-align: middle;
4112
+ position: relative;
4113
+ top: -1px;
4112
4114
  }
4113
4115
  .e-contextmenu-wrapper ul .e-menu-item.e-separator,
4114
4116
  .e-contextmenu-container ul .e-menu-item.e-separator {
@@ -4260,8 +4262,8 @@
4260
4262
  padding-left: 36px;
4261
4263
  }
4262
4264
 
4263
- .e-contextmenu-wrapper .e-menu-item,
4264
- .e-contextmenu-container .e-menu-item {
4265
+ .e-contextmenu-wrapper .e-menu-item:not(.e-control),
4266
+ .e-contextmenu-container .e-menu-item:not(.e-control) {
4265
4267
  white-space: nowrap;
4266
4268
  overflow: hidden;
4267
4269
  text-overflow: ellipsis;
@@ -8950,6 +8952,8 @@ ejs-sidebar {
8950
8952
  .e-menu-container ul .e-menu-item .e-menu-icon {
8951
8953
  display: inline-block;
8952
8954
  vertical-align: middle;
8955
+ position: relative;
8956
+ top: -1px;
8953
8957
  }
8954
8958
  .e-menu-wrapper ul .e-menu-item.e-separator,
8955
8959
  .e-menu-container ul .e-menu-item.e-separator {
package/styles/material3.css CHANGED
@@ -5195,6 +5195,8 @@
5195
5195
  .e-contextmenu-container ul .e-menu-item .e-menu-icon {
5196
5196
  display: inline-block;
5197
5197
  vertical-align: middle;
5198
+ position: relative;
5199
+ top: -1px;
5198
5200
  }
5199
5201
  .e-contextmenu-wrapper ul .e-menu-item.e-separator,
5200
5202
  .e-contextmenu-container ul .e-menu-item.e-separator {
@@ -5346,8 +5348,8 @@
5346
5348
  padding-left: 36px;
5347
5349
  }
5348
5350
 
5349
- .e-contextmenu-wrapper .e-menu-item,
5350
- .e-contextmenu-container .e-menu-item {
5351
+ .e-contextmenu-wrapper .e-menu-item:not(.e-control),
5352
+ .e-contextmenu-container .e-menu-item:not(.e-control) {
5351
5353
  white-space: nowrap;
5352
5354
  overflow: hidden;
5353
5355
  text-overflow: ellipsis;
@@ -11769,6 +11771,8 @@ ejs-sidebar {
11769
11771
  .e-menu-container ul .e-menu-item .e-menu-icon {
11770
11772
  display: inline-block;
11771
11773
  vertical-align: middle;
11774
+ position: relative;
11775
+ top: -1px;
11772
11776
  }
11773
11777
  .e-menu-wrapper ul .e-menu-item.e-separator,
11774
11778
  .e-menu-container ul .e-menu-item.e-separator {
package/styles/menu/bds.css CHANGED
@@ -215,6 +215,8 @@
215
215
  .e-menu-container ul .e-menu-item .e-menu-icon {
216
216
  display: inline-block;
217
217
  vertical-align: middle;
218
+ position: relative;
219
+ top: -1px;
218
220
  }
219
221
  .e-menu-wrapper ul .e-menu-item.e-separator,
220
222
  .e-menu-container ul .e-menu-item.e-separator {
package/styles/menu/bootstrap-dark.css CHANGED
@@ -162,6 +162,8 @@
162
162
  .e-menu-container ul .e-menu-item .e-menu-icon {
163
163
  display: inline-block;
164
164
  vertical-align: middle;
165
+ position: relative;
166
+ top: -1px;
165
167
  }
166
168
  .e-menu-wrapper ul .e-menu-item.e-separator,
167
169
  .e-menu-container ul .e-menu-item.e-separator {
package/styles/menu/bootstrap.css CHANGED
@@ -164,6 +164,8 @@
164
164
  .e-menu-container ul .e-menu-item .e-menu-icon {
165
165
  display: inline-block;
166
166
  vertical-align: middle;
167
+ position: relative;
168
+ top: -1px;
167
169
  }
168
170
  .e-menu-wrapper ul .e-menu-item.e-separator,
169
171
  .e-menu-container ul .e-menu-item.e-separator {
package/styles/menu/bootstrap4.css CHANGED
@@ -164,6 +164,8 @@
164
164
  .e-menu-container ul .e-menu-item .e-menu-icon {
165
165
  display: inline-block;
166
166
  vertical-align: middle;
167
+ position: relative;
168
+ top: -1px;
167
169
  }
168
170
  .e-menu-wrapper ul .e-menu-item.e-separator,
169
171
  .e-menu-container ul .e-menu-item.e-separator {