@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/bootstrap4.css CHANGED
@@ -3460,6 +3460,8 @@
3460
3460
  .e-contextmenu-container ul .e-menu-item .e-menu-icon {
3461
3461
  display: inline-block;
3462
3462
  vertical-align: middle;
3463
+ position: relative;
3464
+ top: -1px;
3463
3465
  }
3464
3466
  .e-contextmenu-wrapper ul .e-menu-item.e-separator,
3465
3467
  .e-contextmenu-container ul .e-menu-item.e-separator {
@@ -3611,8 +3613,8 @@
3611
3613
  padding-left: 36px;
3612
3614
  }
3613
3615
 
3614
- .e-contextmenu-wrapper .e-menu-item,
3615
- .e-contextmenu-container .e-menu-item {
3616
+ .e-contextmenu-wrapper .e-menu-item:not(.e-control),
3617
+ .e-contextmenu-container .e-menu-item:not(.e-control) {
3616
3618
  white-space: nowrap;
3617
3619
  overflow: hidden;
3618
3620
  text-overflow: ellipsis;
@@ -9171,6 +9173,8 @@ ejs-sidebar {
9171
9173
  .e-menu-container ul .e-menu-item .e-menu-icon {
9172
9174
  display: inline-block;
9173
9175
  vertical-align: middle;
9176
+ position: relative;
9177
+ top: -1px;
9174
9178
  }
9175
9179
  .e-menu-wrapper ul .e-menu-item.e-separator,
9176
9180
  .e-menu-container ul .e-menu-item.e-separator {
package/styles/bootstrap5-dark-lite.css CHANGED
@@ -2904,6 +2904,8 @@
2904
2904
  .e-contextmenu-container ul .e-menu-item .e-menu-icon {
2905
2905
  display: inline-block;
2906
2906
  vertical-align: middle;
2907
+ position: relative;
2908
+ top: -1px;
2907
2909
  }
2908
2910
  .e-contextmenu-wrapper ul .e-menu-item.e-separator,
2909
2911
  .e-contextmenu-container ul .e-menu-item.e-separator {
@@ -3055,8 +3057,8 @@
3055
3057
  padding-left: 36px;
3056
3058
  }
3057
3059
 
3058
- .e-contextmenu-wrapper .e-menu-item,
3059
- .e-contextmenu-container .e-menu-item {
3060
+ .e-contextmenu-wrapper .e-menu-item:not(.e-control),
3061
+ .e-contextmenu-container .e-menu-item:not(.e-control) {
3060
3062
  white-space: nowrap;
3061
3063
  overflow: hidden;
3062
3064
  text-overflow: ellipsis;
@@ -7092,6 +7094,8 @@ ejs-sidebar {
7092
7094
  .e-menu-container ul .e-menu-item .e-menu-icon {
7093
7095
  display: inline-block;
7094
7096
  vertical-align: middle;
7097
+ position: relative;
7098
+ top: -1px;
7095
7099
  }
7096
7100
  .e-menu-wrapper ul .e-menu-item.e-separator,
7097
7101
  .e-menu-container ul .e-menu-item.e-separator {
package/styles/bootstrap5-dark.css CHANGED
@@ -3556,6 +3556,8 @@
3556
3556
  .e-contextmenu-container ul .e-menu-item .e-menu-icon {
3557
3557
  display: inline-block;
3558
3558
  vertical-align: middle;
3559
+ position: relative;
3560
+ top: -1px;
3559
3561
  }
3560
3562
  .e-contextmenu-wrapper ul .e-menu-item.e-separator,
3561
3563
  .e-contextmenu-container ul .e-menu-item.e-separator {
@@ -3707,8 +3709,8 @@
3707
3709
  padding-left: 36px;
3708
3710
  }
3709
3711
 
3710
- .e-contextmenu-wrapper .e-menu-item,
3711
- .e-contextmenu-container .e-menu-item {
3712
+ .e-contextmenu-wrapper .e-menu-item:not(.e-control),
3713
+ .e-contextmenu-container .e-menu-item:not(.e-control) {
3712
3714
  white-space: nowrap;
3713
3715
  overflow: hidden;
3714
3716
  text-overflow: ellipsis;
@@ -9260,6 +9262,8 @@ ejs-sidebar {
9260
9262
  .e-menu-container ul .e-menu-item .e-menu-icon {
9261
9263
  display: inline-block;
9262
9264
  vertical-align: middle;
9265
+ position: relative;
9266
+ top: -1px;
9263
9267
  }
9264
9268
  .e-menu-wrapper ul .e-menu-item.e-separator,
9265
9269
  .e-menu-container ul .e-menu-item.e-separator {
package/styles/bootstrap5-lite.css CHANGED
@@ -2904,6 +2904,8 @@
2904
2904
  .e-contextmenu-container ul .e-menu-item .e-menu-icon {
2905
2905
  display: inline-block;
2906
2906
  vertical-align: middle;
2907
+ position: relative;
2908
+ top: -1px;
2907
2909
  }
2908
2910
  .e-contextmenu-wrapper ul .e-menu-item.e-separator,
2909
2911
  .e-contextmenu-container ul .e-menu-item.e-separator {
@@ -3055,8 +3057,8 @@
3055
3057
  padding-left: 36px;
3056
3058
  }
3057
3059
 
3058
- .e-contextmenu-wrapper .e-menu-item,
3059
- .e-contextmenu-container .e-menu-item {
3060
+ .e-contextmenu-wrapper .e-menu-item:not(.e-control),
3061
+ .e-contextmenu-container .e-menu-item:not(.e-control) {
3060
3062
  white-space: nowrap;
3061
3063
  overflow: hidden;
3062
3064
  text-overflow: ellipsis;
@@ -7092,6 +7094,8 @@ ejs-sidebar {
7092
7094
  .e-menu-container ul .e-menu-item .e-menu-icon {
7093
7095
  display: inline-block;
7094
7096
  vertical-align: middle;
7097
+ position: relative;
7098
+ top: -1px;
7095
7099
  }
7096
7100
  .e-menu-wrapper ul .e-menu-item.e-separator,
7097
7101
  .e-menu-container ul .e-menu-item.e-separator {
package/styles/bootstrap5.3-lite.css CHANGED
@@ -4096,6 +4096,8 @@
4096
4096
  .e-contextmenu-container ul .e-menu-item .e-menu-icon {
4097
4097
  display: inline-block;
4098
4098
  vertical-align: middle;
4099
+ position: relative;
4100
+ top: -1px;
4099
4101
  }
4100
4102
  .e-contextmenu-wrapper ul .e-menu-item.e-separator,
4101
4103
  .e-contextmenu-container ul .e-menu-item.e-separator {
@@ -4247,8 +4249,8 @@
4247
4249
  padding-left: 36px;
4248
4250
  }
4249
4251
 
4250
- .e-contextmenu-wrapper .e-menu-item,
4251
- .e-contextmenu-container .e-menu-item {
4252
+ .e-contextmenu-wrapper .e-menu-item:not(.e-control),
4253
+ .e-contextmenu-container .e-menu-item:not(.e-control) {
4252
4254
  white-space: nowrap;
4253
4255
  overflow: hidden;
4254
4256
  text-overflow: ellipsis;
@@ -8923,6 +8925,8 @@ ejs-sidebar {
8923
8925
  .e-menu-container ul .e-menu-item .e-menu-icon {
8924
8926
  display: inline-block;
8925
8927
  vertical-align: middle;
8928
+ position: relative;
8929
+ top: -1px;
8926
8930
  }
8927
8931
  .e-menu-wrapper ul .e-menu-item.e-separator,
8928
8932
  .e-menu-container ul .e-menu-item.e-separator {
package/styles/bootstrap5.3.css CHANGED
@@ -5168,6 +5168,8 @@
5168
5168
  .e-contextmenu-container ul .e-menu-item .e-menu-icon {
5169
5169
  display: inline-block;
5170
5170
  vertical-align: middle;
5171
+ position: relative;
5172
+ top: -1px;
5171
5173
  }
5172
5174
  .e-contextmenu-wrapper ul .e-menu-item.e-separator,
5173
5175
  .e-contextmenu-container ul .e-menu-item.e-separator {
@@ -5319,8 +5321,8 @@
5319
5321
  padding-left: 36px;
5320
5322
  }
5321
5323
 
5322
- .e-contextmenu-wrapper .e-menu-item,
5323
- .e-contextmenu-container .e-menu-item {
5324
+ .e-contextmenu-wrapper .e-menu-item:not(.e-control),
5325
+ .e-contextmenu-container .e-menu-item:not(.e-control) {
5324
5326
  white-space: nowrap;
5325
5327
  overflow: hidden;
5326
5328
  text-overflow: ellipsis;
@@ -11682,6 +11684,8 @@ ejs-sidebar {
11682
11684
  .e-menu-container ul .e-menu-item .e-menu-icon {
11683
11685
  display: inline-block;
11684
11686
  vertical-align: middle;
11687
+ position: relative;
11688
+ top: -1px;
11685
11689
  }
11686
11690
  .e-menu-wrapper ul .e-menu-item.e-separator,
11687
11691
  .e-menu-container ul .e-menu-item.e-separator {
package/styles/bootstrap5.css CHANGED
@@ -3556,6 +3556,8 @@
3556
3556
  .e-contextmenu-container ul .e-menu-item .e-menu-icon {
3557
3557
  display: inline-block;
3558
3558
  vertical-align: middle;
3559
+ position: relative;
3560
+ top: -1px;
3559
3561
  }
3560
3562
  .e-contextmenu-wrapper ul .e-menu-item.e-separator,
3561
3563
  .e-contextmenu-container ul .e-menu-item.e-separator {
@@ -3707,8 +3709,8 @@
3707
3709
  padding-left: 36px;
3708
3710
  }
3709
3711
 
3710
- .e-contextmenu-wrapper .e-menu-item,
3711
- .e-contextmenu-container .e-menu-item {
3712
+ .e-contextmenu-wrapper .e-menu-item:not(.e-control),
3713
+ .e-contextmenu-container .e-menu-item:not(.e-control) {
3712
3714
  white-space: nowrap;
3713
3715
  overflow: hidden;
3714
3716
  text-overflow: ellipsis;
@@ -9260,6 +9262,8 @@ ejs-sidebar {
9260
9262
  .e-menu-container ul .e-menu-item .e-menu-icon {
9261
9263
  display: inline-block;
9262
9264
  vertical-align: middle;
9265
+ position: relative;
9266
+ top: -1px;
9263
9267
  }
9264
9268
  .e-menu-wrapper ul .e-menu-item.e-separator,
9265
9269
  .e-menu-container ul .e-menu-item.e-separator {
package/styles/context-menu/_layout-mixin.scss CHANGED
@@ -43,6 +43,8 @@
43
43
  & .e-menu-icon {
44
44
  display: inline-block;
45
45
  vertical-align: middle;
46
+ position: relative;
47
+ top: -1px;
46
48
  }
47
49
 
48
50
  &.e-separator {
package/styles/context-menu/_layout.scss CHANGED
@@ -146,8 +146,8 @@
146
146
  @include rtl-li-size;
147
147
  }
148
148
 
149
- .e-contextmenu-wrapper .e-menu-item,
150
- .e-contextmenu-container .e-menu-item {
149
+ .e-contextmenu-wrapper .e-menu-item:not(.e-control),
150
+ .e-contextmenu-container .e-menu-item:not(.e-control) {
151
151
  white-space: nowrap;
152
152
  overflow: hidden;
153
153
  text-overflow: ellipsis;
package/styles/context-menu/bds.css CHANGED
@@ -139,6 +139,8 @@
139
139
  .e-contextmenu-container ul .e-menu-item .e-menu-icon {
140
140
  display: inline-block;
141
141
  vertical-align: middle;
142
+ position: relative;
143
+ top: -1px;
142
144
  }
143
145
  .e-contextmenu-wrapper ul .e-menu-item.e-separator,
144
146
  .e-contextmenu-container ul .e-menu-item.e-separator {
@@ -290,8 +292,8 @@
290
292
  padding-left: 36px;
291
293
  }
292
294
 
293
- .e-contextmenu-wrapper .e-menu-item,
294
- .e-contextmenu-container .e-menu-item {
295
+ .e-contextmenu-wrapper .e-menu-item:not(.e-control),
296
+ .e-contextmenu-container .e-menu-item:not(.e-control) {
295
297
  white-space: nowrap;
296
298
  overflow: hidden;
297
299
  text-overflow: ellipsis;
package/styles/context-menu/bootstrap-dark.css CHANGED
@@ -85,6 +85,8 @@
85
85
  .e-contextmenu-container ul .e-menu-item .e-menu-icon {
86
86
  display: inline-block;
87
87
  vertical-align: middle;
88
+ position: relative;
89
+ top: -1px;
88
90
  }
89
91
  .e-contextmenu-wrapper ul .e-menu-item.e-separator,
90
92
  .e-contextmenu-container ul .e-menu-item.e-separator {
@@ -236,8 +238,8 @@
236
238
  padding-left: 36px;
237
239
  }
238
240
 
239
- .e-contextmenu-wrapper .e-menu-item,
240
- .e-contextmenu-container .e-menu-item {
241
+ .e-contextmenu-wrapper .e-menu-item:not(.e-control),
242
+ .e-contextmenu-container .e-menu-item:not(.e-control) {
241
243
  white-space: nowrap;
242
244
  overflow: hidden;
243
245
  text-overflow: ellipsis;
package/styles/context-menu/bootstrap.css CHANGED
@@ -87,6 +87,8 @@
87
87
  .e-contextmenu-container ul .e-menu-item .e-menu-icon {
88
88
  display: inline-block;
89
89
  vertical-align: middle;
90
+ position: relative;
91
+ top: -1px;
90
92
  }
91
93
  .e-contextmenu-wrapper ul .e-menu-item.e-separator,
92
94
  .e-contextmenu-container ul .e-menu-item.e-separator {
@@ -238,8 +240,8 @@
238
240
  padding-left: 36px;
239
241
  }
240
242
 
241
- .e-contextmenu-wrapper .e-menu-item,
242
- .e-contextmenu-container .e-menu-item {
243
+ .e-contextmenu-wrapper .e-menu-item:not(.e-control),
244
+ .e-contextmenu-container .e-menu-item:not(.e-control) {
243
245
  white-space: nowrap;
244
246
  overflow: hidden;
245
247
  text-overflow: ellipsis;
package/styles/context-menu/bootstrap4.css CHANGED
@@ -87,6 +87,8 @@
87
87
  .e-contextmenu-container ul .e-menu-item .e-menu-icon {
88
88
  display: inline-block;
89
89
  vertical-align: middle;
90
+ position: relative;
91
+ top: -1px;
90
92
  }
91
93
  .e-contextmenu-wrapper ul .e-menu-item.e-separator,
92
94
  .e-contextmenu-container ul .e-menu-item.e-separator {
@@ -238,8 +240,8 @@
238
240
  padding-left: 36px;
239
241
  }
240
242
 
241
- .e-contextmenu-wrapper .e-menu-item,
242
- .e-contextmenu-container .e-menu-item {
243
+ .e-contextmenu-wrapper .e-menu-item:not(.e-control),
244
+ .e-contextmenu-container .e-menu-item:not(.e-control) {
243
245
  white-space: nowrap;
244
246
  overflow: hidden;
245
247
  text-overflow: ellipsis;
package/styles/context-menu/bootstrap5-dark.css CHANGED
@@ -111,6 +111,8 @@
111
111
  .e-contextmenu-container ul .e-menu-item .e-menu-icon {
112
112
  display: inline-block;
113
113
  vertical-align: middle;
114
+ position: relative;
115
+ top: -1px;
114
116
  }
115
117
  .e-contextmenu-wrapper ul .e-menu-item.e-separator,
116
118
  .e-contextmenu-container ul .e-menu-item.e-separator {
@@ -262,8 +264,8 @@
262
264
  padding-left: 36px;
263
265
  }
264
266
 
265
- .e-contextmenu-wrapper .e-menu-item,
266
- .e-contextmenu-container .e-menu-item {
267
+ .e-contextmenu-wrapper .e-menu-item:not(.e-control),
268
+ .e-contextmenu-container .e-menu-item:not(.e-control) {
267
269
  white-space: nowrap;
268
270
  overflow: hidden;
269
271
  text-overflow: ellipsis;
package/styles/context-menu/bootstrap5.3.css CHANGED
@@ -279,6 +279,8 @@
279
279
  .e-contextmenu-container ul .e-menu-item .e-menu-icon {
280
280
  display: inline-block;
281
281
  vertical-align: middle;
282
+ position: relative;
283
+ top: -1px;
282
284
  }
283
285
  .e-contextmenu-wrapper ul .e-menu-item.e-separator,
284
286
  .e-contextmenu-container ul .e-menu-item.e-separator {
@@ -430,8 +432,8 @@
430
432
  padding-left: 36px;
431
433
  }
432
434
 
433
- .e-contextmenu-wrapper .e-menu-item,
434
- .e-contextmenu-container .e-menu-item {
435
+ .e-contextmenu-wrapper .e-menu-item:not(.e-control),
436
+ .e-contextmenu-container .e-menu-item:not(.e-control) {
435
437
  white-space: nowrap;
436
438
  overflow: hidden;
437
439
  text-overflow: ellipsis;
package/styles/context-menu/bootstrap5.css CHANGED
@@ -111,6 +111,8 @@
111
111
  .e-contextmenu-container ul .e-menu-item .e-menu-icon {
112
112
  display: inline-block;
113
113
  vertical-align: middle;
114
+ position: relative;
115
+ top: -1px;
114
116
  }
115
117
  .e-contextmenu-wrapper ul .e-menu-item.e-separator,
116
118
  .e-contextmenu-container ul .e-menu-item.e-separator {
@@ -262,8 +264,8 @@
262
264
  padding-left: 36px;
263
265
  }
264
266
 
265
- .e-contextmenu-wrapper .e-menu-item,
266
- .e-contextmenu-container .e-menu-item {
267
+ .e-contextmenu-wrapper .e-menu-item:not(.e-control),
268
+ .e-contextmenu-container .e-menu-item:not(.e-control) {
267
269
  white-space: nowrap;
268
270
  overflow: hidden;
269
271
  text-overflow: ellipsis;
package/styles/context-menu/fabric-dark.css CHANGED
@@ -85,6 +85,8 @@
85
85
  .e-contextmenu-container ul .e-menu-item .e-menu-icon {
86
86
  display: inline-block;
87
87
  vertical-align: middle;
88
+ position: relative;
89
+ top: -1px;
88
90
  }
89
91
  .e-contextmenu-wrapper ul .e-menu-item.e-separator,
90
92
  .e-contextmenu-container ul .e-menu-item.e-separator {
@@ -236,8 +238,8 @@
236
238
  padding-left: 36px;
237
239
  }
238
240
 
239
- .e-contextmenu-wrapper .e-menu-item,
240
- .e-contextmenu-container .e-menu-item {
241
+ .e-contextmenu-wrapper .e-menu-item:not(.e-control),
242
+ .e-contextmenu-container .e-menu-item:not(.e-control) {
241
243
  white-space: nowrap;
242
244
  overflow: hidden;
243
245
  text-overflow: ellipsis;
package/styles/context-menu/fabric.css CHANGED
@@ -86,6 +86,8 @@
86
86
  .e-contextmenu-container ul .e-menu-item .e-menu-icon {
87
87
  display: inline-block;
88
88
  vertical-align: middle;
89
+ position: relative;
90
+ top: -1px;
89
91
  }
90
92
  .e-contextmenu-wrapper ul .e-menu-item.e-separator,
91
93
  .e-contextmenu-container ul .e-menu-item.e-separator {
@@ -237,8 +239,8 @@
237
239
  padding-left: 36px;
238
240
  }
239
241
 
240
- .e-contextmenu-wrapper .e-menu-item,
241
- .e-contextmenu-container .e-menu-item {
242
+ .e-contextmenu-wrapper .e-menu-item:not(.e-control),
243
+ .e-contextmenu-container .e-menu-item:not(.e-control) {
242
244
  white-space: nowrap;
243
245
  overflow: hidden;
244
246
  text-overflow: ellipsis;
package/styles/context-menu/fluent-dark.css CHANGED
@@ -110,6 +110,8 @@
110
110
  .e-contextmenu-container ul .e-menu-item .e-menu-icon {
111
111
  display: inline-block;
112
112
  vertical-align: middle;
113
+ position: relative;
114
+ top: -1px;
113
115
  }
114
116
  .e-contextmenu-wrapper ul .e-menu-item.e-separator,
115
117
  .e-contextmenu-container ul .e-menu-item.e-separator {
@@ -260,8 +262,8 @@
260
262
  padding-left: 36px;
261
263
  }
262
264
 
263
- .e-contextmenu-wrapper .e-menu-item,
264
- .e-contextmenu-container .e-menu-item {
265
+ .e-contextmenu-wrapper .e-menu-item:not(.e-control),
266
+ .e-contextmenu-container .e-menu-item:not(.e-control) {
265
267
  white-space: nowrap;
266
268
  overflow: hidden;
267
269
  text-overflow: ellipsis;
package/styles/context-menu/fluent.css CHANGED
@@ -110,6 +110,8 @@
110
110
  .e-contextmenu-container ul .e-menu-item .e-menu-icon {
111
111
  display: inline-block;
112
112
  vertical-align: middle;
113
+ position: relative;
114
+ top: -1px;
113
115
  }
114
116
  .e-contextmenu-wrapper ul .e-menu-item.e-separator,
115
117
  .e-contextmenu-container ul .e-menu-item.e-separator {
@@ -260,8 +262,8 @@
260
262
  padding-left: 36px;
261
263
  }
262
264
 
263
- .e-contextmenu-wrapper .e-menu-item,
264
- .e-contextmenu-container .e-menu-item {
265
+ .e-contextmenu-wrapper .e-menu-item:not(.e-control),
266
+ .e-contextmenu-container .e-menu-item:not(.e-control) {
265
267
  white-space: nowrap;
266
268
  overflow: hidden;
267
269
  text-overflow: ellipsis;
package/styles/context-menu/fluent2.css CHANGED
@@ -284,6 +284,8 @@
284
284
  .e-contextmenu-container ul .e-menu-item .e-menu-icon {
285
285
  display: inline-block;
286
286
  vertical-align: middle;
287
+ position: relative;
288
+ top: -1px;
287
289
  }
288
290
  .e-contextmenu-wrapper ul .e-menu-item.e-separator,
289
291
  .e-contextmenu-container ul .e-menu-item.e-separator {
@@ -452,8 +454,8 @@
452
454
  padding-left: 36px;
453
455
  }
454
456
 
455
- .e-contextmenu-wrapper .e-menu-item,
456
- .e-contextmenu-container .e-menu-item {
457
+ .e-contextmenu-wrapper .e-menu-item:not(.e-control),
458
+ .e-contextmenu-container .e-menu-item:not(.e-control) {
457
459
  white-space: nowrap;
458
460
  overflow: hidden;
459
461
  text-overflow: ellipsis;
package/styles/context-menu/highcontrast-light.css CHANGED
@@ -85,6 +85,8 @@
85
85
  .e-contextmenu-container ul .e-menu-item .e-menu-icon {
86
86
  display: inline-block;
87
87
  vertical-align: middle;
88
+ position: relative;
89
+ top: -1px;
88
90
  }
89
91
  .e-contextmenu-wrapper ul .e-menu-item.e-separator,
90
92
  .e-contextmenu-container ul .e-menu-item.e-separator {
@@ -236,8 +238,8 @@
236
238
  padding-left: 36px;
237
239
  }
238
240
 
239
- .e-contextmenu-wrapper .e-menu-item,
240
- .e-contextmenu-container .e-menu-item {
241
+ .e-contextmenu-wrapper .e-menu-item:not(.e-control),
242
+ .e-contextmenu-container .e-menu-item:not(.e-control) {
241
243
  white-space: nowrap;
242
244
  overflow: hidden;
243
245
  text-overflow: ellipsis;
package/styles/context-menu/highcontrast.css CHANGED
@@ -86,6 +86,8 @@
86
86
  .e-contextmenu-container ul .e-menu-item .e-menu-icon {
87
87
  display: inline-block;
88
88
  vertical-align: middle;
89
+ position: relative;
90
+ top: -1px;
89
91
  }
90
92
  .e-contextmenu-wrapper ul .e-menu-item.e-separator,
91
93
  .e-contextmenu-container ul .e-menu-item.e-separator {
@@ -237,8 +239,8 @@
237
239
  padding-left: 36px;
238
240
  }
239
241
 
240
- .e-contextmenu-wrapper .e-menu-item,
241
- .e-contextmenu-container .e-menu-item {
242
+ .e-contextmenu-wrapper .e-menu-item:not(.e-control),
243
+ .e-contextmenu-container .e-menu-item:not(.e-control) {
242
244
  white-space: nowrap;
243
245
  overflow: hidden;
244
246
  text-overflow: ellipsis;
package/styles/context-menu/material-dark.css CHANGED
@@ -129,6 +129,8 @@
129
129
  .e-contextmenu-container ul .e-menu-item .e-menu-icon {
130
130
  display: inline-block;
131
131
  vertical-align: middle;
132
+ position: relative;
133
+ top: -1px;
132
134
  }
133
135
  .e-contextmenu-wrapper ul .e-menu-item.e-separator,
134
136
  .e-contextmenu-container ul .e-menu-item.e-separator {
@@ -280,8 +282,8 @@
280
282
  padding-left: 36px;
281
283
  }
282
284
 
283
- .e-contextmenu-wrapper .e-menu-item,
284
- .e-contextmenu-container .e-menu-item {
285
+ .e-contextmenu-wrapper .e-menu-item:not(.e-control),
286
+ .e-contextmenu-container .e-menu-item:not(.e-control) {
285
287
  white-space: nowrap;
286
288
  overflow: hidden;
287
289
  text-overflow: ellipsis;
package/styles/context-menu/material.css CHANGED
@@ -131,6 +131,8 @@
131
131
  .e-contextmenu-container ul .e-menu-item .e-menu-icon {
132
132
  display: inline-block;
133
133
  vertical-align: middle;
134
+ position: relative;
135
+ top: -1px;
134
136
  }
135
137
  .e-contextmenu-wrapper ul .e-menu-item.e-separator,
136
138
  .e-contextmenu-container ul .e-menu-item.e-separator {
@@ -282,8 +284,8 @@
282
284
  padding-left: 36px;
283
285
  }
284
286
 
285
- .e-contextmenu-wrapper .e-menu-item,
286
- .e-contextmenu-container .e-menu-item {
287
+ .e-contextmenu-wrapper .e-menu-item:not(.e-control),
288
+ .e-contextmenu-container .e-menu-item:not(.e-control) {
287
289
  white-space: nowrap;
288
290
  overflow: hidden;
289
291
  text-overflow: ellipsis;
package/styles/context-menu/material3-dark.css CHANGED
@@ -275,6 +275,8 @@
275
275
  .e-contextmenu-container ul .e-menu-item .e-menu-icon {
276
276
  display: inline-block;
277
277
  vertical-align: middle;
278
+ position: relative;
279
+ top: -1px;
278
280
  }
279
281
  .e-contextmenu-wrapper ul .e-menu-item.e-separator,
280
282
  .e-contextmenu-container ul .e-menu-item.e-separator {
@@ -426,8 +428,8 @@
426
428
  padding-left: 36px;
427
429
  }
428
430
 
429
- .e-contextmenu-wrapper .e-menu-item,
430
- .e-contextmenu-container .e-menu-item {
431
+ .e-contextmenu-wrapper .e-menu-item:not(.e-control),
432
+ .e-contextmenu-container .e-menu-item:not(.e-control) {
431
433
  white-space: nowrap;
432
434
  overflow: hidden;
433
435
  text-overflow: ellipsis;
package/styles/context-menu/material3.css CHANGED
@@ -279,6 +279,8 @@
279
279
  .e-contextmenu-container ul .e-menu-item .e-menu-icon {
280
280
  display: inline-block;
281
281
  vertical-align: middle;
282
+ position: relative;
283
+ top: -1px;
282
284
  }
283
285
  .e-contextmenu-wrapper ul .e-menu-item.e-separator,
284
286
  .e-contextmenu-container ul .e-menu-item.e-separator {
@@ -430,8 +432,8 @@
430
432
  padding-left: 36px;
431
433
  }
432
434
 
433
- .e-contextmenu-wrapper .e-menu-item,
434
- .e-contextmenu-container .e-menu-item {
435
+ .e-contextmenu-wrapper .e-menu-item:not(.e-control),
436
+ .e-contextmenu-container .e-menu-item:not(.e-control) {
435
437
  white-space: nowrap;
436
438
  overflow: hidden;
437
439
  text-overflow: ellipsis;
package/styles/context-menu/tailwind-dark.css CHANGED
@@ -111,6 +111,8 @@
111
111
  .e-contextmenu-container ul .e-menu-item .e-menu-icon {
112
112
  display: inline-block;
113
113
  vertical-align: middle;
114
+ position: relative;
115
+ top: -1px;
114
116
  }
115
117
  .e-contextmenu-wrapper ul .e-menu-item.e-separator,
116
118
  .e-contextmenu-container ul .e-menu-item.e-separator {
@@ -262,8 +264,8 @@
262
264
  padding-left: 36px;
263
265
  }
264
266
 
265
- .e-contextmenu-wrapper .e-menu-item,
266
- .e-contextmenu-container .e-menu-item {
267
+ .e-contextmenu-wrapper .e-menu-item:not(.e-control),
268
+ .e-contextmenu-container .e-menu-item:not(.e-control) {
267
269
  white-space: nowrap;
268
270
  overflow: hidden;
269
271
  text-overflow: ellipsis;
package/styles/context-menu/tailwind.css CHANGED
@@ -111,6 +111,8 @@
111
111
  .e-contextmenu-container ul .e-menu-item .e-menu-icon {
112
112
  display: inline-block;
113
113
  vertical-align: middle;
114
+ position: relative;
115
+ top: -1px;
114
116
  }
115
117
  .e-contextmenu-wrapper ul .e-menu-item.e-separator,
116
118
  .e-contextmenu-container ul .e-menu-item.e-separator {
@@ -262,8 +264,8 @@
262
264
  padding-left: 36px;
263
265
  }
264
266
 
265
- .e-contextmenu-wrapper .e-menu-item,
266
- .e-contextmenu-container .e-menu-item {
267
+ .e-contextmenu-wrapper .e-menu-item:not(.e-control),
268
+ .e-contextmenu-container .e-menu-item:not(.e-control) {
267
269
  white-space: nowrap;
268
270
  overflow: hidden;
269
271
  text-overflow: ellipsis;
package/styles/context-menu/tailwind3.css CHANGED
@@ -258,6 +258,8 @@
258
258
  .e-contextmenu-container ul .e-menu-item .e-menu-icon {
259
259
  display: inline-block;
260
260
  vertical-align: middle;
261
+ position: relative;
262
+ top: -1px;
261
263
  }
262
264
  .e-contextmenu-wrapper ul .e-menu-item.e-separator,
263
265
  .e-contextmenu-container ul .e-menu-item.e-separator {
@@ -416,8 +418,8 @@
416
418
  padding-left: 36px;
417
419
  }
418
420
 
419
- .e-contextmenu-wrapper .e-menu-item,
420
- .e-contextmenu-container .e-menu-item {
421
+ .e-contextmenu-wrapper .e-menu-item:not(.e-control),
422
+ .e-contextmenu-container .e-menu-item:not(.e-control) {
421
423
  white-space: nowrap;
422
424
  overflow: hidden;
423
425
  text-overflow: ellipsis;