@syncfusion/ej2-angular-navigations 19.2.59 → 19.3.44

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 (171) hide show
  1. package/@syncfusion/ej2-angular-navigations.es5.js +295 -69
  2. package/@syncfusion/ej2-angular-navigations.es5.js.map +1 -1
  3. package/@syncfusion/ej2-angular-navigations.js +280 -69
  4. package/@syncfusion/ej2-angular-navigations.js.map +1 -1
  5. package/CHANGELOG.md +33 -0
  6. package/README.md +15 -0
  7. package/dist/ej2-angular-navigations.umd.js +307 -73
  8. package/dist/ej2-angular-navigations.umd.js.map +1 -1
  9. package/dist/ej2-angular-navigations.umd.min.js +2 -2
  10. package/dist/ej2-angular-navigations.umd.min.js.map +1 -1
  11. package/ej2-angular-navigations.d.ts +5 -4
  12. package/ej2-angular-navigations.metadata.json +1 -1
  13. package/package.json +11 -9
  14. package/postinstall/tagchange.js +1 -1
  15. package/schematics/utils/lib-details.d.ts +3 -3
  16. package/schematics/utils/lib-details.js +3 -3
  17. package/schematics/utils/lib-details.ts +3 -3
  18. package/src/accordion/accordion.component.d.ts +6 -1
  19. package/src/breadcrumb/breadcrumb-all.module.d.ts +5 -0
  20. package/src/breadcrumb/breadcrumb.component.d.ts +44 -0
  21. package/src/breadcrumb/breadcrumb.module.d.ts +5 -0
  22. package/src/breadcrumb/items.directive.d.ts +41 -0
  23. package/src/context-menu/contextmenu.component.d.ts +7 -0
  24. package/src/index.d.ts +4 -0
  25. package/src/menu/menu.component.d.ts +7 -0
  26. package/src/sidebar/sidebar.component.d.ts +5 -0
  27. package/src/tab/tab.component.d.ts +11 -0
  28. package/src/toolbar/items.directive.d.ts +1 -0
  29. package/src/toolbar/toolbar.component.d.ts +4 -0
  30. package/src/treeview/treeview.component.d.ts +22 -0
  31. package/styles/accordion/bootstrap5-dark.css +428 -0
  32. package/styles/accordion/bootstrap5-dark.scss +1 -0
  33. package/styles/accordion/bootstrap5.css +428 -0
  34. package/styles/accordion/bootstrap5.scss +1 -0
  35. package/styles/accordion/highcontrast-light.css +0 -1
  36. package/styles/accordion/highcontrast.css +0 -1
  37. package/styles/accordion/material-dark.css +2 -2
  38. package/styles/accordion/tailwind-dark.css +1 -1
  39. package/styles/bootstrap-dark.css +352 -60
  40. package/styles/bootstrap-dark.scss +1 -0
  41. package/styles/bootstrap.css +349 -57
  42. package/styles/bootstrap.scss +1 -0
  43. package/styles/bootstrap4.css +351 -60
  44. package/styles/bootstrap4.scss +1 -0
  45. package/styles/bootstrap5-dark.css +9922 -0
  46. package/styles/bootstrap5-dark.scss +10 -0
  47. package/styles/bootstrap5.css +9922 -0
  48. package/styles/bootstrap5.scss +10 -0
  49. package/styles/breadcrumb/bootstrap-dark.css +279 -0
  50. package/styles/breadcrumb/bootstrap-dark.scss +1 -0
  51. package/styles/breadcrumb/bootstrap.css +279 -0
  52. package/styles/breadcrumb/bootstrap.scss +1 -0
  53. package/styles/breadcrumb/bootstrap4.css +279 -0
  54. package/styles/breadcrumb/bootstrap4.scss +1 -0
  55. package/styles/breadcrumb/bootstrap5-dark.css +297 -0
  56. package/styles/breadcrumb/bootstrap5-dark.scss +1 -0
  57. package/styles/breadcrumb/bootstrap5.css +297 -0
  58. package/styles/breadcrumb/bootstrap5.scss +1 -0
  59. package/styles/breadcrumb/fabric-dark.css +277 -0
  60. package/styles/breadcrumb/fabric-dark.scss +1 -0
  61. package/styles/breadcrumb/fabric.css +277 -0
  62. package/styles/breadcrumb/fabric.scss +1 -0
  63. package/styles/breadcrumb/highcontrast-light.css +285 -0
  64. package/styles/breadcrumb/highcontrast-light.scss +1 -0
  65. package/styles/breadcrumb/highcontrast.css +285 -0
  66. package/styles/breadcrumb/highcontrast.scss +1 -0
  67. package/styles/breadcrumb/material-dark.css +259 -0
  68. package/styles/breadcrumb/material-dark.scss +1 -0
  69. package/styles/breadcrumb/material.css +259 -0
  70. package/styles/breadcrumb/material.scss +1 -0
  71. package/styles/breadcrumb/tailwind-dark.css +280 -0
  72. package/styles/breadcrumb/tailwind-dark.scss +1 -0
  73. package/styles/breadcrumb/tailwind.css +280 -0
  74. package/styles/breadcrumb/tailwind.scss +1 -0
  75. package/styles/context-menu/bootstrap5-dark.css +382 -0
  76. package/styles/context-menu/bootstrap5-dark.scss +1 -0
  77. package/styles/context-menu/bootstrap5.css +382 -0
  78. package/styles/context-menu/bootstrap5.scss +1 -0
  79. package/styles/fabric-dark.css +352 -78
  80. package/styles/fabric-dark.scss +1 -0
  81. package/styles/fabric.css +346 -72
  82. package/styles/fabric.scss +1 -0
  83. package/styles/h-scroll/bootstrap5-dark.css +328 -0
  84. package/styles/h-scroll/bootstrap5-dark.scss +1 -0
  85. package/styles/h-scroll/bootstrap5.css +328 -0
  86. package/styles/h-scroll/bootstrap5.scss +1 -0
  87. package/styles/h-scroll/fabric-dark.css +1 -1
  88. package/styles/h-scroll/highcontrast.css +1 -1
  89. package/styles/highcontrast-light.css +354 -73
  90. package/styles/highcontrast-light.scss +1 -0
  91. package/styles/highcontrast.css +356 -75
  92. package/styles/highcontrast.scss +1 -0
  93. package/styles/material-dark.css +360 -105
  94. package/styles/material-dark.scss +1 -0
  95. package/styles/material.css +324 -69
  96. package/styles/material.scss +1 -0
  97. package/styles/menu/bootstrap-dark.css +36 -36
  98. package/styles/menu/bootstrap.css +36 -36
  99. package/styles/menu/bootstrap4.css +34 -34
  100. package/styles/menu/bootstrap5-dark.css +1251 -0
  101. package/styles/menu/bootstrap5-dark.scss +1 -0
  102. package/styles/menu/bootstrap5.css +1251 -0
  103. package/styles/menu/bootstrap5.scss +1 -0
  104. package/styles/menu/fabric-dark.css +36 -36
  105. package/styles/menu/fabric.css +36 -36
  106. package/styles/menu/highcontrast-light.css +36 -36
  107. package/styles/menu/highcontrast.css +36 -36
  108. package/styles/menu/material-dark.css +36 -36
  109. package/styles/menu/material.css +36 -36
  110. package/styles/menu/tailwind-dark.css +36 -36
  111. package/styles/menu/tailwind.css +36 -36
  112. package/styles/sidebar/bootstrap5-dark.css +155 -0
  113. package/styles/sidebar/bootstrap5-dark.scss +1 -0
  114. package/styles/sidebar/bootstrap5.css +155 -0
  115. package/styles/sidebar/bootstrap5.scss +1 -0
  116. package/styles/sidebar/highcontrast.css +1 -1
  117. package/styles/tab/bootstrap-dark.css +15 -14
  118. package/styles/tab/bootstrap.css +12 -11
  119. package/styles/tab/bootstrap4.css +15 -14
  120. package/styles/tab/bootstrap5-dark.css +4442 -0
  121. package/styles/tab/bootstrap5-dark.scss +1 -0
  122. package/styles/tab/bootstrap5.css +4442 -0
  123. package/styles/tab/bootstrap5.scss +1 -0
  124. package/styles/tab/fabric-dark.css +16 -15
  125. package/styles/tab/fabric.css +14 -13
  126. package/styles/tab/highcontrast-light.css +14 -13
  127. package/styles/tab/highcontrast.css +14 -13
  128. package/styles/tab/material-dark.css +36 -35
  129. package/styles/tab/material.css +11 -10
  130. package/styles/tab/tailwind-dark.css +27 -39
  131. package/styles/tab/tailwind.css +22 -34
  132. package/styles/tailwind-dark.css +379 -111
  133. package/styles/tailwind-dark.scss +1 -0
  134. package/styles/tailwind.css +364 -96
  135. package/styles/tailwind.scss +1 -0
  136. package/styles/toolbar/bootstrap-dark.css +13 -10
  137. package/styles/toolbar/bootstrap.css +13 -10
  138. package/styles/toolbar/bootstrap4.css +14 -12
  139. package/styles/toolbar/bootstrap5-dark.css +1409 -0
  140. package/styles/toolbar/bootstrap5-dark.scss +1 -0
  141. package/styles/toolbar/bootstrap5.css +1409 -0
  142. package/styles/toolbar/bootstrap5.scss +1 -0
  143. package/styles/toolbar/fabric-dark.css +13 -26
  144. package/styles/toolbar/fabric.css +10 -23
  145. package/styles/toolbar/highcontrast-light.css +10 -23
  146. package/styles/toolbar/highcontrast.css +10 -23
  147. package/styles/toolbar/material-dark.css +11 -24
  148. package/styles/toolbar/material.css +10 -23
  149. package/styles/toolbar/tailwind-dark.css +20 -29
  150. package/styles/toolbar/tailwind.css +16 -25
  151. package/styles/treeview/bootstrap-dark.css +8 -0
  152. package/styles/treeview/bootstrap.css +8 -0
  153. package/styles/treeview/bootstrap4.css +8 -0
  154. package/styles/treeview/bootstrap5-dark.css +974 -0
  155. package/styles/treeview/bootstrap5-dark.scss +1 -0
  156. package/styles/treeview/bootstrap5.css +974 -0
  157. package/styles/treeview/bootstrap5.scss +1 -0
  158. package/styles/treeview/fabric-dark.css +8 -0
  159. package/styles/treeview/fabric.css +8 -0
  160. package/styles/treeview/highcontrast-light.css +8 -0
  161. package/styles/treeview/highcontrast.css +8 -0
  162. package/styles/treeview/material-dark.css +15 -7
  163. package/styles/treeview/material.css +8 -0
  164. package/styles/treeview/tailwind-dark.css +10 -2
  165. package/styles/treeview/tailwind.css +9 -1
  166. package/styles/v-scroll/bootstrap5-dark.css +247 -0
  167. package/styles/v-scroll/bootstrap5-dark.scss +1 -0
  168. package/styles/v-scroll/bootstrap5.css +247 -0
  169. package/styles/v-scroll/bootstrap5.scss +1 -0
  170. package/styles/v-scroll/material-dark.css +1 -1
  171. package/styles/v-scroll/tailwind-dark.css +4 -4
package/styles/menu/material-dark.css CHANGED
@@ -1057,101 +1057,101 @@
1057
1057
  background-color: #212121;
1058
1058
  }
1059
1059
 
1060
- .e-menu-wrapper ul,
1061
- .e-menu-container ul {
1060
+ .e-menu-wrapper .e-menu,
1061
+ .e-menu-container .e-menu {
1062
1062
  background-color: inherit;
1063
1063
  color: #fff;
1064
1064
  }
1065
1065
 
1066
- .e-menu-wrapper ul.e-menu:not(.e-vertical) .e-separator,
1067
- .e-menu-container ul.e-menu:not(.e-vertical) .e-separator {
1066
+ .e-menu-wrapper .e-menu.e-menu:not(.e-vertical) .e-separator,
1067
+ .e-menu-container .e-menu.e-menu:not(.e-vertical) .e-separator {
1068
1068
  border-right-color: #616161;
1069
1069
  }
1070
1070
 
1071
- .e-menu-wrapper ul .e-menu-item.e-menu-header,
1072
- .e-menu-container ul .e-menu-item.e-menu-header {
1071
+ .e-menu-wrapper .e-menu .e-menu-item.e-menu-header,
1072
+ .e-menu-container .e-menu .e-menu-item.e-menu-header {
1073
1073
  border-bottom-color: #616161;
1074
1074
  }
1075
1075
 
1076
- .e-menu-wrapper ul .e-menu-item .e-caret,
1077
- .e-menu-container ul .e-menu-item .e-caret {
1076
+ .e-menu-wrapper .e-menu .e-menu-item .e-caret,
1077
+ .e-menu-container .e-menu .e-menu-item .e-caret {
1078
1078
  color: rgba(255, 255, 255, 0.7);
1079
1079
  }
1080
1080
 
1081
- .e-menu-wrapper ul .e-menu-item .e-menu-icon,
1082
- .e-menu-container ul .e-menu-item .e-menu-icon {
1081
+ .e-menu-wrapper .e-menu .e-menu-item .e-menu-icon,
1082
+ .e-menu-container .e-menu .e-menu-item .e-menu-icon {
1083
1083
  color: rgba(255, 255, 255, 0.7);
1084
1084
  }
1085
1085
 
1086
- .e-menu-wrapper ul .e-menu-item.e-menu-header,
1087
- .e-menu-container ul .e-menu-item.e-menu-header {
1086
+ .e-menu-wrapper .e-menu .e-menu-item.e-menu-header,
1087
+ .e-menu-container .e-menu .e-menu-item.e-menu-header {
1088
1088
  border-bottom-color: #616161;
1089
1089
  }
1090
1090
 
1091
- .e-menu-wrapper ul .e-menu-item .e-menu-url,
1092
- .e-menu-container ul .e-menu-item .e-menu-url {
1091
+ .e-menu-wrapper .e-menu .e-menu-item .e-menu-url,
1092
+ .e-menu-container .e-menu .e-menu-item .e-menu-url {
1093
1093
  color: #fff;
1094
1094
  }
1095
1095
 
1096
- .e-menu-wrapper ul .e-menu-item.e-focused,
1097
- .e-menu-container ul .e-menu-item.e-focused {
1096
+ .e-menu-wrapper .e-menu .e-menu-item.e-focused,
1097
+ .e-menu-container .e-menu .e-menu-item.e-focused {
1098
1098
  color: inherit;
1099
1099
  outline: 0 solid #616161;
1100
1100
  outline-offset: 0;
1101
1101
  background-color: rgba(255, 255, 255, 0.1);
1102
1102
  }
1103
1103
 
1104
- .e-menu-wrapper ul .e-menu-item.e-focused .e-caret,
1105
- .e-menu-container ul .e-menu-item.e-focused .e-caret {
1104
+ .e-menu-wrapper .e-menu .e-menu-item.e-focused .e-caret,
1105
+ .e-menu-container .e-menu .e-menu-item.e-focused .e-caret {
1106
1106
  color: rgba(255, 255, 255, 0.7);
1107
1107
  }
1108
1108
 
1109
- .e-menu-wrapper ul .e-menu-item.e-focused .e-menu-icon,
1110
- .e-menu-container ul .e-menu-item.e-focused .e-menu-icon {
1109
+ .e-menu-wrapper .e-menu .e-menu-item.e-focused .e-menu-icon,
1110
+ .e-menu-container .e-menu .e-menu-item.e-focused .e-menu-icon {
1111
1111
  color: rgba(255, 255, 255, 0.7);
1112
1112
  }
1113
1113
 
1114
- .e-menu-wrapper ul .e-menu-item.e-selected,
1115
- .e-menu-container ul .e-menu-item.e-selected {
1114
+ .e-menu-wrapper .e-menu .e-menu-item.e-selected,
1115
+ .e-menu-container .e-menu .e-menu-item.e-selected {
1116
1116
  color: #fff;
1117
1117
  outline: 0 solid rgba(255, 255, 255, 0.18);
1118
1118
  outline-offset: 0;
1119
1119
  background-color: rgba(255, 255, 255, 0.18);
1120
1120
  }
1121
1121
 
1122
- .e-menu-wrapper ul .e-menu-item.e-selected .e-caret,
1123
- .e-menu-container ul .e-menu-item.e-selected .e-caret {
1122
+ .e-menu-wrapper .e-menu .e-menu-item.e-selected .e-caret,
1123
+ .e-menu-container .e-menu .e-menu-item.e-selected .e-caret {
1124
1124
  color: rgba(255, 255, 255, 0.7);
1125
1125
  }
1126
1126
 
1127
- .e-menu-wrapper ul .e-menu-item.e-selected .e-menu-icon,
1128
- .e-menu-container ul .e-menu-item.e-selected .e-menu-icon {
1127
+ .e-menu-wrapper .e-menu .e-menu-item.e-selected .e-menu-icon,
1128
+ .e-menu-container .e-menu .e-menu-item.e-selected .e-menu-icon {
1129
1129
  color: rgba(255, 255, 255, 0.7);
1130
1130
  }
1131
1131
 
1132
- .e-menu-wrapper ul .e-menu-item.e-separator,
1133
- .e-menu-container ul .e-menu-item.e-separator {
1132
+ .e-menu-wrapper .e-menu .e-menu-item.e-separator,
1133
+ .e-menu-container .e-menu .e-menu-item.e-separator {
1134
1134
  border-bottom-color: #616161;
1135
1135
  }
1136
1136
 
1137
- .e-menu-wrapper ul .e-disabled,
1138
- .e-menu-container ul .e-disabled {
1137
+ .e-menu-wrapper .e-menu .e-disabled,
1138
+ .e-menu-container .e-menu .e-disabled {
1139
1139
  color: rgba(255, 255, 255, 0.3);
1140
1140
  opacity: 1;
1141
1141
  }
1142
1142
 
1143
- .e-menu-wrapper ul .e-disabled .e-menu-icon,
1144
- .e-menu-container ul .e-disabled .e-menu-icon {
1143
+ .e-menu-wrapper .e-menu .e-disabled .e-menu-icon,
1144
+ .e-menu-container .e-menu .e-disabled .e-menu-icon {
1145
1145
  color: rgba(255, 255, 255, 0.3);
1146
1146
  }
1147
1147
 
1148
- .e-menu-wrapper ul .e-disabled .e-caret,
1149
- .e-menu-container ul .e-disabled .e-caret {
1148
+ .e-menu-wrapper .e-menu .e-disabled .e-caret,
1149
+ .e-menu-container .e-menu .e-disabled .e-caret {
1150
1150
  color: rgba(255, 255, 255, 0.3);
1151
1151
  }
1152
1152
 
1153
- .e-menu-wrapper ul .e-disabled .e-menu-url,
1154
- .e-menu-container ul .e-disabled .e-menu-url {
1153
+ .e-menu-wrapper .e-menu .e-disabled .e-menu-url,
1154
+ .e-menu-container .e-menu .e-disabled .e-menu-url {
1155
1155
  color: rgba(255, 255, 255, 0.3);
1156
1156
  }
1157
1157
 
package/styles/menu/material.css CHANGED
@@ -1059,101 +1059,101 @@
1059
1059
  background-color: #fafafa;
1060
1060
  }
1061
1061
 
1062
- .e-menu-wrapper ul,
1063
- .e-menu-container ul {
1062
+ .e-menu-wrapper .e-menu,
1063
+ .e-menu-container .e-menu {
1064
1064
  background-color: inherit;
1065
1065
  color: rgba(0, 0, 0, 0.87);
1066
1066
  }
1067
1067
 
1068
- .e-menu-wrapper ul.e-menu:not(.e-vertical) .e-separator,
1069
- .e-menu-container ul.e-menu:not(.e-vertical) .e-separator {
1068
+ .e-menu-wrapper .e-menu.e-menu:not(.e-vertical) .e-separator,
1069
+ .e-menu-container .e-menu.e-menu:not(.e-vertical) .e-separator {
1070
1070
  border-right-color: rgba(0, 0, 0, 0.12);
1071
1071
  }
1072
1072
 
1073
- .e-menu-wrapper ul .e-menu-item.e-menu-header,
1074
- .e-menu-container ul .e-menu-item.e-menu-header {
1073
+ .e-menu-wrapper .e-menu .e-menu-item.e-menu-header,
1074
+ .e-menu-container .e-menu .e-menu-item.e-menu-header {
1075
1075
  border-bottom-color: rgba(0, 0, 0, 0.12);
1076
1076
  }
1077
1077
 
1078
- .e-menu-wrapper ul .e-menu-item .e-caret,
1079
- .e-menu-container ul .e-menu-item .e-caret {
1078
+ .e-menu-wrapper .e-menu .e-menu-item .e-caret,
1079
+ .e-menu-container .e-menu .e-menu-item .e-caret {
1080
1080
  color: rgba(0, 0, 0, 0.54);
1081
1081
  }
1082
1082
 
1083
- .e-menu-wrapper ul .e-menu-item .e-menu-icon,
1084
- .e-menu-container ul .e-menu-item .e-menu-icon {
1083
+ .e-menu-wrapper .e-menu .e-menu-item .e-menu-icon,
1084
+ .e-menu-container .e-menu .e-menu-item .e-menu-icon {
1085
1085
  color: rgba(0, 0, 0, 0.54);
1086
1086
  }
1087
1087
 
1088
- .e-menu-wrapper ul .e-menu-item.e-menu-header,
1089
- .e-menu-container ul .e-menu-item.e-menu-header {
1088
+ .e-menu-wrapper .e-menu .e-menu-item.e-menu-header,
1089
+ .e-menu-container .e-menu .e-menu-item.e-menu-header {
1090
1090
  border-bottom-color: rgba(0, 0, 0, 0.12);
1091
1091
  }
1092
1092
 
1093
- .e-menu-wrapper ul .e-menu-item .e-menu-url,
1094
- .e-menu-container ul .e-menu-item .e-menu-url {
1093
+ .e-menu-wrapper .e-menu .e-menu-item .e-menu-url,
1094
+ .e-menu-container .e-menu .e-menu-item .e-menu-url {
1095
1095
  color: rgba(0, 0, 0, 0.87);
1096
1096
  }
1097
1097
 
1098
- .e-menu-wrapper ul .e-menu-item.e-focused,
1099
- .e-menu-container ul .e-menu-item.e-focused {
1098
+ .e-menu-wrapper .e-menu .e-menu-item.e-focused,
1099
+ .e-menu-container .e-menu .e-menu-item.e-focused {
1100
1100
  color: initial;
1101
1101
  outline: 0 solid rgba(0, 0, 0, 0.12);
1102
1102
  outline-offset: 0;
1103
1103
  background-color: #eee;
1104
1104
  }
1105
1105
 
1106
- .e-menu-wrapper ul .e-menu-item.e-focused .e-caret,
1107
- .e-menu-container ul .e-menu-item.e-focused .e-caret {
1106
+ .e-menu-wrapper .e-menu .e-menu-item.e-focused .e-caret,
1107
+ .e-menu-container .e-menu .e-menu-item.e-focused .e-caret {
1108
1108
  color: rgba(0, 0, 0, 0.54);
1109
1109
  }
1110
1110
 
1111
- .e-menu-wrapper ul .e-menu-item.e-focused .e-menu-icon,
1112
- .e-menu-container ul .e-menu-item.e-focused .e-menu-icon {
1111
+ .e-menu-wrapper .e-menu .e-menu-item.e-focused .e-menu-icon,
1112
+ .e-menu-container .e-menu .e-menu-item.e-focused .e-menu-icon {
1113
1113
  color: rgba(0, 0, 0, 0.54);
1114
1114
  }
1115
1115
 
1116
- .e-menu-wrapper ul .e-menu-item.e-selected,
1117
- .e-menu-container ul .e-menu-item.e-selected {
1116
+ .e-menu-wrapper .e-menu .e-menu-item.e-selected,
1117
+ .e-menu-container .e-menu .e-menu-item.e-selected {
1118
1118
  color: rgba(0, 0, 0, 0.87);
1119
1119
  outline: 0 solid #e0e0e0;
1120
1120
  outline-offset: 0;
1121
1121
  background-color: #e0e0e0;
1122
1122
  }
1123
1123
 
1124
- .e-menu-wrapper ul .e-menu-item.e-selected .e-caret,
1125
- .e-menu-container ul .e-menu-item.e-selected .e-caret {
1124
+ .e-menu-wrapper .e-menu .e-menu-item.e-selected .e-caret,
1125
+ .e-menu-container .e-menu .e-menu-item.e-selected .e-caret {
1126
1126
  color: rgba(0, 0, 0, 0.54);
1127
1127
  }
1128
1128
 
1129
- .e-menu-wrapper ul .e-menu-item.e-selected .e-menu-icon,
1130
- .e-menu-container ul .e-menu-item.e-selected .e-menu-icon {
1129
+ .e-menu-wrapper .e-menu .e-menu-item.e-selected .e-menu-icon,
1130
+ .e-menu-container .e-menu .e-menu-item.e-selected .e-menu-icon {
1131
1131
  color: rgba(0, 0, 0, 0.54);
1132
1132
  }
1133
1133
 
1134
- .e-menu-wrapper ul .e-menu-item.e-separator,
1135
- .e-menu-container ul .e-menu-item.e-separator {
1134
+ .e-menu-wrapper .e-menu .e-menu-item.e-separator,
1135
+ .e-menu-container .e-menu .e-menu-item.e-separator {
1136
1136
  border-bottom-color: rgba(0, 0, 0, 0.12);
1137
1137
  }
1138
1138
 
1139
- .e-menu-wrapper ul .e-disabled,
1140
- .e-menu-container ul .e-disabled {
1139
+ .e-menu-wrapper .e-menu .e-disabled,
1140
+ .e-menu-container .e-menu .e-disabled {
1141
1141
  color: rgba(0, 0, 0, 0.38);
1142
1142
  opacity: 1;
1143
1143
  }
1144
1144
 
1145
- .e-menu-wrapper ul .e-disabled .e-menu-icon,
1146
- .e-menu-container ul .e-disabled .e-menu-icon {
1145
+ .e-menu-wrapper .e-menu .e-disabled .e-menu-icon,
1146
+ .e-menu-container .e-menu .e-disabled .e-menu-icon {
1147
1147
  color: rgba(0, 0, 0, 0.38);
1148
1148
  }
1149
1149
 
1150
- .e-menu-wrapper ul .e-disabled .e-caret,
1151
- .e-menu-container ul .e-disabled .e-caret {
1150
+ .e-menu-wrapper .e-menu .e-disabled .e-caret,
1151
+ .e-menu-container .e-menu .e-disabled .e-caret {
1152
1152
  color: rgba(0, 0, 0, 0.38);
1153
1153
  }
1154
1154
 
1155
- .e-menu-wrapper ul .e-disabled .e-menu-url,
1156
- .e-menu-container ul .e-disabled .e-menu-url {
1155
+ .e-menu-wrapper .e-menu .e-disabled .e-menu-url,
1156
+ .e-menu-container .e-menu .e-disabled .e-menu-url {
1157
1157
  color: rgba(0, 0, 0, 0.38);
1158
1158
  }
1159
1159
 
package/styles/menu/tailwind-dark.css CHANGED
@@ -1050,101 +1050,101 @@
1050
1050
  background-color: #374151;
1051
1051
  }
1052
1052
 
1053
- .e-menu-wrapper ul,
1054
- .e-menu-container ul {
1053
+ .e-menu-wrapper .e-menu,
1054
+ .e-menu-container .e-menu {
1055
1055
  background-color: inherit;
1056
1056
  color: #fff;
1057
1057
  }
1058
1058
 
1059
- .e-menu-wrapper ul.e-menu:not(.e-vertical) .e-separator,
1060
- .e-menu-container ul.e-menu:not(.e-vertical) .e-separator {
1059
+ .e-menu-wrapper .e-menu.e-menu:not(.e-vertical) .e-separator,
1060
+ .e-menu-container .e-menu.e-menu:not(.e-vertical) .e-separator {
1061
1061
  border-right-color: #4b5563;
1062
1062
  }
1063
1063
 
1064
- .e-menu-wrapper ul .e-menu-item.e-menu-header,
1065
- .e-menu-container ul .e-menu-item.e-menu-header {
1064
+ .e-menu-wrapper .e-menu .e-menu-item.e-menu-header,
1065
+ .e-menu-container .e-menu .e-menu-item.e-menu-header {
1066
1066
  border-bottom-color: #4b5563;
1067
1067
  }
1068
1068
 
1069
- .e-menu-wrapper ul .e-menu-item .e-caret,
1070
- .e-menu-container ul .e-menu-item .e-caret {
1069
+ .e-menu-wrapper .e-menu .e-menu-item .e-caret,
1070
+ .e-menu-container .e-menu .e-menu-item .e-caret {
1071
1071
  color: #fff;
1072
1072
  }
1073
1073
 
1074
- .e-menu-wrapper ul .e-menu-item .e-menu-icon,
1075
- .e-menu-container ul .e-menu-item .e-menu-icon {
1074
+ .e-menu-wrapper .e-menu .e-menu-item .e-menu-icon,
1075
+ .e-menu-container .e-menu .e-menu-item .e-menu-icon {
1076
1076
  color: #d1d5db;
1077
1077
  }
1078
1078
 
1079
- .e-menu-wrapper ul .e-menu-item.e-menu-header,
1080
- .e-menu-container ul .e-menu-item.e-menu-header {
1079
+ .e-menu-wrapper .e-menu .e-menu-item.e-menu-header,
1080
+ .e-menu-container .e-menu .e-menu-item.e-menu-header {
1081
1081
  border-bottom-color: #4b5563;
1082
1082
  }
1083
1083
 
1084
- .e-menu-wrapper ul .e-menu-item .e-menu-url,
1085
- .e-menu-container ul .e-menu-item .e-menu-url {
1084
+ .e-menu-wrapper .e-menu .e-menu-item .e-menu-url,
1085
+ .e-menu-container .e-menu .e-menu-item .e-menu-url {
1086
1086
  color: #fff;
1087
1087
  }
1088
1088
 
1089
- .e-menu-wrapper ul .e-menu-item.e-focused,
1090
- .e-menu-container ul .e-menu-item.e-focused {
1089
+ .e-menu-wrapper .e-menu .e-menu-item.e-focused,
1090
+ .e-menu-container .e-menu .e-menu-item.e-focused {
1091
1091
  color: #fff;
1092
1092
  outline: 0 solid #4b5563;
1093
1093
  outline-offset: 0;
1094
1094
  background-color: #4b5563;
1095
1095
  }
1096
1096
 
1097
- .e-menu-wrapper ul .e-menu-item.e-focused .e-caret,
1098
- .e-menu-container ul .e-menu-item.e-focused .e-caret {
1097
+ .e-menu-wrapper .e-menu .e-menu-item.e-focused .e-caret,
1098
+ .e-menu-container .e-menu .e-menu-item.e-focused .e-caret {
1099
1099
  color: #fff;
1100
1100
  }
1101
1101
 
1102
- .e-menu-wrapper ul .e-menu-item.e-focused .e-menu-icon,
1103
- .e-menu-container ul .e-menu-item.e-focused .e-menu-icon {
1102
+ .e-menu-wrapper .e-menu .e-menu-item.e-focused .e-menu-icon,
1103
+ .e-menu-container .e-menu .e-menu-item.e-focused .e-menu-icon {
1104
1104
  color: #d1d5db;
1105
1105
  }
1106
1106
 
1107
- .e-menu-wrapper ul .e-menu-item.e-selected,
1108
- .e-menu-container ul .e-menu-item.e-selected {
1107
+ .e-menu-wrapper .e-menu .e-menu-item.e-selected,
1108
+ .e-menu-container .e-menu .e-menu-item.e-selected {
1109
1109
  color: #fff;
1110
1110
  outline: 0 solid #4b5563;
1111
1111
  outline-offset: 0;
1112
1112
  background-color: #4b5563;
1113
1113
  }
1114
1114
 
1115
- .e-menu-wrapper ul .e-menu-item.e-selected .e-caret,
1116
- .e-menu-container ul .e-menu-item.e-selected .e-caret {
1115
+ .e-menu-wrapper .e-menu .e-menu-item.e-selected .e-caret,
1116
+ .e-menu-container .e-menu .e-menu-item.e-selected .e-caret {
1117
1117
  color: #fff;
1118
1118
  }
1119
1119
 
1120
- .e-menu-wrapper ul .e-menu-item.e-selected .e-menu-icon,
1121
- .e-menu-container ul .e-menu-item.e-selected .e-menu-icon {
1120
+ .e-menu-wrapper .e-menu .e-menu-item.e-selected .e-menu-icon,
1121
+ .e-menu-container .e-menu .e-menu-item.e-selected .e-menu-icon {
1122
1122
  color: #fff;
1123
1123
  }
1124
1124
 
1125
- .e-menu-wrapper ul .e-menu-item.e-separator,
1126
- .e-menu-container ul .e-menu-item.e-separator {
1125
+ .e-menu-wrapper .e-menu .e-menu-item.e-separator,
1126
+ .e-menu-container .e-menu .e-menu-item.e-separator {
1127
1127
  border-bottom-color: #4b5563;
1128
1128
  }
1129
1129
 
1130
- .e-menu-wrapper ul .e-disabled,
1131
- .e-menu-container ul .e-disabled {
1130
+ .e-menu-wrapper .e-menu .e-disabled,
1131
+ .e-menu-container .e-menu .e-disabled {
1132
1132
  color: rgba(255, 255, 255, 0.65);
1133
1133
  opacity: 1;
1134
1134
  }
1135
1135
 
1136
- .e-menu-wrapper ul .e-disabled .e-menu-icon,
1137
- .e-menu-container ul .e-disabled .e-menu-icon {
1136
+ .e-menu-wrapper .e-menu .e-disabled .e-menu-icon,
1137
+ .e-menu-container .e-menu .e-disabled .e-menu-icon {
1138
1138
  color: rgba(209, 213, 219, 0.65);
1139
1139
  }
1140
1140
 
1141
- .e-menu-wrapper ul .e-disabled .e-caret,
1142
- .e-menu-container ul .e-disabled .e-caret {
1141
+ .e-menu-wrapper .e-menu .e-disabled .e-caret,
1142
+ .e-menu-container .e-menu .e-disabled .e-caret {
1143
1143
  color: rgba(209, 213, 219, 0.65);
1144
1144
  }
1145
1145
 
1146
- .e-menu-wrapper ul .e-disabled .e-menu-url,
1147
- .e-menu-container ul .e-disabled .e-menu-url {
1146
+ .e-menu-wrapper .e-menu .e-disabled .e-menu-url,
1147
+ .e-menu-container .e-menu .e-disabled .e-menu-url {
1148
1148
  color: rgba(255, 255, 255, 0.65);
1149
1149
  }
1150
1150
 
package/styles/menu/tailwind.css CHANGED
@@ -1050,101 +1050,101 @@
1050
1050
  background-color: #f3f4f6;
1051
1051
  }
1052
1052
 
1053
- .e-menu-wrapper ul,
1054
- .e-menu-container ul {
1053
+ .e-menu-wrapper .e-menu,
1054
+ .e-menu-container .e-menu {
1055
1055
  background-color: inherit;
1056
1056
  color: #111827;
1057
1057
  }
1058
1058
 
1059
- .e-menu-wrapper ul.e-menu:not(.e-vertical) .e-separator,
1060
- .e-menu-container ul.e-menu:not(.e-vertical) .e-separator {
1059
+ .e-menu-wrapper .e-menu.e-menu:not(.e-vertical) .e-separator,
1060
+ .e-menu-container .e-menu.e-menu:not(.e-vertical) .e-separator {
1061
1061
  border-right-color: #e5e7eb;
1062
1062
  }
1063
1063
 
1064
- .e-menu-wrapper ul .e-menu-item.e-menu-header,
1065
- .e-menu-container ul .e-menu-item.e-menu-header {
1064
+ .e-menu-wrapper .e-menu .e-menu-item.e-menu-header,
1065
+ .e-menu-container .e-menu .e-menu-item.e-menu-header {
1066
1066
  border-bottom-color: #e5e7eb;
1067
1067
  }
1068
1068
 
1069
- .e-menu-wrapper ul .e-menu-item .e-caret,
1070
- .e-menu-container ul .e-menu-item .e-caret {
1069
+ .e-menu-wrapper .e-menu .e-menu-item .e-caret,
1070
+ .e-menu-container .e-menu .e-menu-item .e-caret {
1071
1071
  color: #111827;
1072
1072
  }
1073
1073
 
1074
- .e-menu-wrapper ul .e-menu-item .e-menu-icon,
1075
- .e-menu-container ul .e-menu-item .e-menu-icon {
1074
+ .e-menu-wrapper .e-menu .e-menu-item .e-menu-icon,
1075
+ .e-menu-container .e-menu .e-menu-item .e-menu-icon {
1076
1076
  color: #6b7280;
1077
1077
  }
1078
1078
 
1079
- .e-menu-wrapper ul .e-menu-item.e-menu-header,
1080
- .e-menu-container ul .e-menu-item.e-menu-header {
1079
+ .e-menu-wrapper .e-menu .e-menu-item.e-menu-header,
1080
+ .e-menu-container .e-menu .e-menu-item.e-menu-header {
1081
1081
  border-bottom-color: #e5e7eb;
1082
1082
  }
1083
1083
 
1084
- .e-menu-wrapper ul .e-menu-item .e-menu-url,
1085
- .e-menu-container ul .e-menu-item .e-menu-url {
1084
+ .e-menu-wrapper .e-menu .e-menu-item .e-menu-url,
1085
+ .e-menu-container .e-menu .e-menu-item .e-menu-url {
1086
1086
  color: #111827;
1087
1087
  }
1088
1088
 
1089
- .e-menu-wrapper ul .e-menu-item.e-focused,
1090
- .e-menu-container ul .e-menu-item.e-focused {
1089
+ .e-menu-wrapper .e-menu .e-menu-item.e-focused,
1090
+ .e-menu-container .e-menu .e-menu-item.e-focused {
1091
1091
  color: #111827;
1092
1092
  outline: 0 solid #e5e7eb;
1093
1093
  outline-offset: 0;
1094
1094
  background-color: #e5e7eb;
1095
1095
  }
1096
1096
 
1097
- .e-menu-wrapper ul .e-menu-item.e-focused .e-caret,
1098
- .e-menu-container ul .e-menu-item.e-focused .e-caret {
1097
+ .e-menu-wrapper .e-menu .e-menu-item.e-focused .e-caret,
1098
+ .e-menu-container .e-menu .e-menu-item.e-focused .e-caret {
1099
1099
  color: #111827;
1100
1100
  }
1101
1101
 
1102
- .e-menu-wrapper ul .e-menu-item.e-focused .e-menu-icon,
1103
- .e-menu-container ul .e-menu-item.e-focused .e-menu-icon {
1102
+ .e-menu-wrapper .e-menu .e-menu-item.e-focused .e-menu-icon,
1103
+ .e-menu-container .e-menu .e-menu-item.e-focused .e-menu-icon {
1104
1104
  color: #6b7280;
1105
1105
  }
1106
1106
 
1107
- .e-menu-wrapper ul .e-menu-item.e-selected,
1108
- .e-menu-container ul .e-menu-item.e-selected {
1107
+ .e-menu-wrapper .e-menu .e-menu-item.e-selected,
1108
+ .e-menu-container .e-menu .e-menu-item.e-selected {
1109
1109
  color: #111827;
1110
1110
  outline: 0 solid #e5e7eb;
1111
1111
  outline-offset: 0;
1112
1112
  background-color: #e5e7eb;
1113
1113
  }
1114
1114
 
1115
- .e-menu-wrapper ul .e-menu-item.e-selected .e-caret,
1116
- .e-menu-container ul .e-menu-item.e-selected .e-caret {
1115
+ .e-menu-wrapper .e-menu .e-menu-item.e-selected .e-caret,
1116
+ .e-menu-container .e-menu .e-menu-item.e-selected .e-caret {
1117
1117
  color: #111827;
1118
1118
  }
1119
1119
 
1120
- .e-menu-wrapper ul .e-menu-item.e-selected .e-menu-icon,
1121
- .e-menu-container ul .e-menu-item.e-selected .e-menu-icon {
1120
+ .e-menu-wrapper .e-menu .e-menu-item.e-selected .e-menu-icon,
1121
+ .e-menu-container .e-menu .e-menu-item.e-selected .e-menu-icon {
1122
1122
  color: #111827;
1123
1123
  }
1124
1124
 
1125
- .e-menu-wrapper ul .e-menu-item.e-separator,
1126
- .e-menu-container ul .e-menu-item.e-separator {
1125
+ .e-menu-wrapper .e-menu .e-menu-item.e-separator,
1126
+ .e-menu-container .e-menu .e-menu-item.e-separator {
1127
1127
  border-bottom-color: #e5e7eb;
1128
1128
  }
1129
1129
 
1130
- .e-menu-wrapper ul .e-disabled,
1131
- .e-menu-container ul .e-disabled {
1130
+ .e-menu-wrapper .e-menu .e-disabled,
1131
+ .e-menu-container .e-menu .e-disabled {
1132
1132
  color: rgba(17, 24, 39, 0.65);
1133
1133
  opacity: 1;
1134
1134
  }
1135
1135
 
1136
- .e-menu-wrapper ul .e-disabled .e-menu-icon,
1137
- .e-menu-container ul .e-disabled .e-menu-icon {
1136
+ .e-menu-wrapper .e-menu .e-disabled .e-menu-icon,
1137
+ .e-menu-container .e-menu .e-disabled .e-menu-icon {
1138
1138
  color: rgba(107, 114, 128, 0.65);
1139
1139
  }
1140
1140
 
1141
- .e-menu-wrapper ul .e-disabled .e-caret,
1142
- .e-menu-container ul .e-disabled .e-caret {
1141
+ .e-menu-wrapper .e-menu .e-disabled .e-caret,
1142
+ .e-menu-container .e-menu .e-disabled .e-caret {
1143
1143
  color: rgba(107, 114, 128, 0.65);
1144
1144
  }
1145
1145
 
1146
- .e-menu-wrapper ul .e-disabled .e-menu-url,
1147
- .e-menu-container ul .e-disabled .e-menu-url {
1146
+ .e-menu-wrapper .e-menu .e-disabled .e-menu-url,
1147
+ .e-menu-container .e-menu .e-disabled .e-menu-url {
1148
1148
  color: rgba(17, 24, 39, 0.65);
1149
1149
  }
1150
1150