primevue 3.17.0 → 3.18.0

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 (316) hide show
  1. package/LICENSE.md +1 -1
  2. package/accordion/Accordion.vue +4 -4
  3. package/accordion/accordion.cjs.js +4 -4
  4. package/accordion/accordion.cjs.min.js +1 -1
  5. package/accordion/accordion.esm.js +4 -4
  6. package/accordion/accordion.esm.min.js +1 -1
  7. package/accordion/accordion.js +5 -5
  8. package/accordion/accordion.min.js +1 -1
  9. package/api/api.cjs.js +24 -2
  10. package/api/api.cjs.min.js +1 -1
  11. package/api/api.esm.js +24 -2
  12. package/api/api.esm.min.js +1 -1
  13. package/api/api.js +24 -2
  14. package/api/api.min.js +1 -1
  15. package/autocomplete/AutoComplete.d.ts +10 -0
  16. package/autocomplete/AutoComplete.vue +14 -6
  17. package/autocomplete/autocomplete.cjs.js +18 -10
  18. package/autocomplete/autocomplete.cjs.min.js +1 -1
  19. package/autocomplete/autocomplete.esm.js +16 -8
  20. package/autocomplete/autocomplete.esm.min.js +1 -1
  21. package/autocomplete/autocomplete.js +17 -9
  22. package/autocomplete/autocomplete.min.js +1 -1
  23. package/breadcrumb/Breadcrumb.d.ts +9 -1
  24. package/breadcrumb/Breadcrumb.vue +14 -5
  25. package/breadcrumb/BreadcrumbItem.vue +9 -3
  26. package/breadcrumb/breadcrumb.cjs.js +25 -14
  27. package/breadcrumb/breadcrumb.cjs.min.js +1 -1
  28. package/breadcrumb/breadcrumb.esm.js +25 -14
  29. package/breadcrumb/breadcrumb.esm.min.js +1 -1
  30. package/breadcrumb/breadcrumb.js +25 -14
  31. package/breadcrumb/breadcrumb.min.js +1 -1
  32. package/button/Button.vue +6 -3
  33. package/button/button.cjs.js +6 -3
  34. package/button/button.cjs.min.js +1 -1
  35. package/button/button.esm.js +6 -3
  36. package/button/button.esm.min.js +1 -1
  37. package/button/button.js +6 -3
  38. package/button/button.min.js +1 -1
  39. package/calendar/Calendar.vue +71 -26
  40. package/calendar/calendar.cjs.js +140 -95
  41. package/calendar/calendar.cjs.min.js +1 -1
  42. package/calendar/calendar.esm.js +138 -93
  43. package/calendar/calendar.esm.min.js +1 -1
  44. package/calendar/calendar.js +139 -94
  45. package/calendar/calendar.min.js +1 -1
  46. package/cascadeselect/CascadeSelect.d.ts +10 -0
  47. package/cascadeselect/CascadeSelect.vue +13 -4
  48. package/cascadeselect/CascadeSelectSub.vue +18 -13
  49. package/cascadeselect/cascadeselect.cjs.js +39 -26
  50. package/cascadeselect/cascadeselect.cjs.min.js +1 -1
  51. package/cascadeselect/cascadeselect.esm.js +38 -25
  52. package/cascadeselect/cascadeselect.esm.min.js +1 -1
  53. package/cascadeselect/cascadeselect.js +39 -26
  54. package/cascadeselect/cascadeselect.min.js +1 -1
  55. package/config/PrimeVue.d.ts +4 -1
  56. package/config/config.cjs.js +5 -2
  57. package/config/config.cjs.min.js +1 -1
  58. package/config/config.esm.js +5 -2
  59. package/config/config.esm.min.js +1 -1
  60. package/config/config.js +6 -3
  61. package/config/config.min.js +1 -1
  62. package/contextmenu/ContextMenu.d.ts +41 -2
  63. package/contextmenu/ContextMenu.vue +440 -33
  64. package/contextmenu/ContextMenuSub.vue +119 -98
  65. package/contextmenu/contextmenu.cjs.js +619 -194
  66. package/contextmenu/contextmenu.cjs.min.js +1 -1
  67. package/contextmenu/contextmenu.esm.js +620 -195
  68. package/contextmenu/contextmenu.esm.min.js +1 -1
  69. package/contextmenu/contextmenu.js +620 -195
  70. package/contextmenu/contextmenu.min.js +1 -1
  71. package/core/core.js +1369 -675
  72. package/core/core.min.js +10 -10
  73. package/datatable/DataTable.d.ts +1 -2
  74. package/datatable/DataTable.vue +3 -3
  75. package/datatable/datatable.cjs.js +2334 -2334
  76. package/datatable/datatable.cjs.min.js +1 -1
  77. package/datatable/datatable.esm.js +2319 -2319
  78. package/datatable/datatable.esm.min.js +1 -1
  79. package/datatable/datatable.js +2319 -2319
  80. package/datatable/datatable.min.js +1 -1
  81. package/dock/Dock.d.ts +33 -2
  82. package/dock/Dock.vue +18 -2
  83. package/dock/DockSub.vue +206 -53
  84. package/dock/dock.cjs.js +261 -90
  85. package/dock/dock.cjs.min.js +1 -1
  86. package/dock/dock.esm.js +261 -90
  87. package/dock/dock.esm.min.js +1 -1
  88. package/dock/dock.js +262 -92
  89. package/dock/dock.min.js +1 -1
  90. package/dropdown/Dropdown.d.ts +15 -0
  91. package/dropdown/Dropdown.vue +19 -7
  92. package/dropdown/dropdown.cjs.js +37 -24
  93. package/dropdown/dropdown.cjs.min.js +1 -1
  94. package/dropdown/dropdown.esm.js +36 -23
  95. package/dropdown/dropdown.esm.min.js +1 -1
  96. package/dropdown/dropdown.js +36 -23
  97. package/dropdown/dropdown.min.js +1 -1
  98. package/fileupload/FileContent.vue +51 -0
  99. package/fileupload/FileUpload.d.ts +21 -1
  100. package/fileupload/FileUpload.vue +62 -48
  101. package/fileupload/fileupload.cjs.js +214 -115
  102. package/fileupload/fileupload.cjs.min.js +1 -1
  103. package/fileupload/fileupload.esm.js +214 -115
  104. package/fileupload/fileupload.esm.min.js +1 -1
  105. package/fileupload/fileupload.js +214 -115
  106. package/fileupload/fileupload.min.js +1 -1
  107. package/galleria/GalleriaThumbnails.vue +2 -2
  108. package/galleria/galleria.cjs.js +1 -1
  109. package/galleria/galleria.cjs.min.js +1 -1
  110. package/galleria/galleria.esm.js +1 -1
  111. package/galleria/galleria.esm.min.js +1 -1
  112. package/galleria/galleria.js +1 -1
  113. package/galleria/galleria.min.js +1 -1
  114. package/inlinemessage/inlinemessage.cjs.js +1 -2
  115. package/inlinemessage/inlinemessage.cjs.min.js +1 -1
  116. package/inlinemessage/inlinemessage.esm.js +1 -2
  117. package/inlinemessage/inlinemessage.esm.min.js +1 -1
  118. package/inlinemessage/inlinemessage.js +1 -2
  119. package/inlinemessage/inlinemessage.min.js +1 -1
  120. package/inputnumber/InputNumber.vue +11 -4
  121. package/inputnumber/inputnumber.cjs.js +12 -5
  122. package/inputnumber/inputnumber.cjs.min.js +1 -1
  123. package/inputnumber/inputnumber.esm.js +11 -4
  124. package/inputnumber/inputnumber.esm.min.js +1 -1
  125. package/inputnumber/inputnumber.js +12 -6
  126. package/inputnumber/inputnumber.min.js +1 -1
  127. package/listbox/Listbox.d.ts +5 -0
  128. package/listbox/Listbox.vue +5 -1
  129. package/listbox/listbox.cjs.js +25 -20
  130. package/listbox/listbox.cjs.min.js +1 -1
  131. package/listbox/listbox.esm.js +25 -20
  132. package/listbox/listbox.esm.min.js +1 -1
  133. package/listbox/listbox.js +25 -20
  134. package/listbox/listbox.min.js +1 -1
  135. package/megamenu/MegaMenu.d.ts +29 -2
  136. package/megamenu/MegaMenu.vue +486 -228
  137. package/megamenu/MegaMenuSub.vue +231 -0
  138. package/megamenu/megamenu.cjs.js +818 -377
  139. package/megamenu/megamenu.cjs.min.js +1 -1
  140. package/megamenu/megamenu.esm.js +820 -379
  141. package/megamenu/megamenu.esm.min.js +1 -1
  142. package/megamenu/megamenu.js +818 -377
  143. package/megamenu/megamenu.min.js +1 -1
  144. package/menu/Menu.d.ts +25 -2
  145. package/menu/Menu.vue +182 -18
  146. package/menu/Menuitem.vue +35 -28
  147. package/menu/menu.cjs.js +293 -114
  148. package/menu/menu.cjs.min.js +1 -1
  149. package/menu/menu.esm.js +293 -114
  150. package/menu/menu.esm.min.js +1 -1
  151. package/menu/menu.js +293 -114
  152. package/menu/menu.min.js +1 -1
  153. package/menubar/Menubar.d.ts +14 -2
  154. package/menubar/Menubar.vue +526 -15
  155. package/menubar/MenubarSub.vue +105 -238
  156. package/menubar/menubar.cjs.js +691 -316
  157. package/menubar/menubar.cjs.min.js +1 -1
  158. package/menubar/menubar.esm.js +693 -318
  159. package/menubar/menubar.esm.min.js +1 -1
  160. package/menubar/menubar.js +691 -316
  161. package/menubar/menubar.min.js +1 -1
  162. package/multiselect/MultiSelect.d.ts +25 -0
  163. package/multiselect/MultiSelect.vue +31 -11
  164. package/multiselect/multiselect.cjs.js +58 -37
  165. package/multiselect/multiselect.cjs.min.js +1 -1
  166. package/multiselect/multiselect.esm.js +57 -36
  167. package/multiselect/multiselect.esm.min.js +1 -1
  168. package/multiselect/multiselect.js +57 -36
  169. package/multiselect/multiselect.min.js +1 -1
  170. package/package.json +3 -3
  171. package/paginator/Paginator.d.ts +2 -2
  172. package/paginator/Paginator.vue +118 -23
  173. package/paginator/paginator.cjs.js +277 -182
  174. package/paginator/paginator.cjs.min.js +1 -1
  175. package/paginator/paginator.esm.js +278 -183
  176. package/paginator/paginator.esm.min.js +1 -1
  177. package/paginator/paginator.js +278 -184
  178. package/paginator/paginator.min.js +1 -1
  179. package/panelmenu/PanelMenu.d.ts +32 -1
  180. package/panelmenu/PanelMenu.vue +189 -83
  181. package/panelmenu/PanelMenuList.vue +335 -0
  182. package/panelmenu/PanelMenuSub.vue +124 -85
  183. package/panelmenu/panelmenu.cjs.js +1383 -285
  184. package/panelmenu/panelmenu.cjs.min.js +1 -1
  185. package/panelmenu/panelmenu.esm.js +1380 -286
  186. package/panelmenu/panelmenu.esm.min.js +1 -1
  187. package/panelmenu/panelmenu.js +1383 -286
  188. package/panelmenu/panelmenu.min.js +1 -1
  189. package/password/Password.vue +5 -4
  190. package/password/password.cjs.js +6 -5
  191. package/password/password.cjs.min.js +1 -1
  192. package/password/password.esm.js +5 -4
  193. package/password/password.esm.min.js +1 -1
  194. package/password/password.js +6 -5
  195. package/password/password.min.js +1 -1
  196. package/resources/primevue.css +21 -2
  197. package/resources/primevue.min.css +1 -1
  198. package/resources/themes/arya-blue/theme.css +317 -270
  199. package/resources/themes/arya-green/theme.css +317 -270
  200. package/resources/themes/arya-orange/theme.css +317 -270
  201. package/resources/themes/arya-purple/theme.css +317 -270
  202. package/resources/themes/bootstrap4-dark-blue/theme.css +332 -285
  203. package/resources/themes/bootstrap4-dark-purple/theme.css +332 -285
  204. package/resources/themes/bootstrap4-light-blue/theme.css +345 -298
  205. package/resources/themes/bootstrap4-light-purple/theme.css +345 -298
  206. package/resources/themes/fluent-light/theme.css +327 -280
  207. package/resources/themes/lara-dark-blue/theme.css +320 -273
  208. package/resources/themes/lara-dark-indigo/theme.css +320 -273
  209. package/resources/themes/lara-dark-purple/theme.css +320 -273
  210. package/resources/themes/lara-dark-teal/theme.css +320 -273
  211. package/resources/themes/lara-light-blue/theme.css +344 -297
  212. package/resources/themes/lara-light-indigo/theme.css +344 -297
  213. package/resources/themes/lara-light-purple/theme.css +344 -297
  214. package/resources/themes/lara-light-teal/theme.css +344 -297
  215. package/resources/themes/luna-amber/theme.css +348 -301
  216. package/resources/themes/luna-blue/theme.css +348 -301
  217. package/resources/themes/luna-green/theme.css +348 -301
  218. package/resources/themes/luna-pink/theme.css +348 -301
  219. package/resources/themes/md-dark-deeppurple/theme.css +367 -298
  220. package/resources/themes/md-dark-indigo/theme.css +367 -298
  221. package/resources/themes/md-light-deeppurple/theme.css +367 -298
  222. package/resources/themes/md-light-indigo/theme.css +367 -298
  223. package/resources/themes/mdc-dark-deeppurple/theme.css +367 -298
  224. package/resources/themes/mdc-dark-indigo/theme.css +367 -298
  225. package/resources/themes/mdc-light-deeppurple/theme.css +367 -298
  226. package/resources/themes/mdc-light-indigo/theme.css +367 -298
  227. package/resources/themes/nova/theme.css +312 -265
  228. package/resources/themes/nova-accent/theme.css +312 -265
  229. package/resources/themes/nova-alt/theme.css +312 -265
  230. package/resources/themes/nova-vue/theme.css +312 -265
  231. package/resources/themes/rhea/theme.css +312 -265
  232. package/resources/themes/saga-blue/theme.css +324 -277
  233. package/resources/themes/saga-green/theme.css +324 -277
  234. package/resources/themes/saga-orange/theme.css +324 -277
  235. package/resources/themes/saga-purple/theme.css +324 -277
  236. package/resources/themes/tailwind-light/theme.css +336 -289
  237. package/resources/themes/vela-blue/theme.css +324 -277
  238. package/resources/themes/vela-green/theme.css +324 -277
  239. package/resources/themes/vela-orange/theme.css +324 -277
  240. package/resources/themes/vela-purple/theme.css +324 -277
  241. package/ripple/ripple.cjs.js +12 -0
  242. package/ripple/ripple.cjs.min.js +1 -1
  243. package/ripple/ripple.esm.js +12 -0
  244. package/ripple/ripple.esm.min.js +1 -1
  245. package/ripple/ripple.js +12 -0
  246. package/ripple/ripple.min.js +1 -1
  247. package/speeddial/SpeedDial.vue +21 -16
  248. package/speeddial/speeddial.cjs.js +34 -27
  249. package/speeddial/speeddial.cjs.min.js +1 -1
  250. package/speeddial/speeddial.esm.js +34 -27
  251. package/speeddial/speeddial.esm.min.js +1 -1
  252. package/speeddial/speeddial.js +34 -27
  253. package/speeddial/speeddial.min.js +1 -1
  254. package/steps/Steps.vue +108 -9
  255. package/steps/steps.cjs.js +111 -20
  256. package/steps/steps.cjs.min.js +1 -1
  257. package/steps/steps.esm.js +112 -21
  258. package/steps/steps.esm.min.js +1 -1
  259. package/steps/steps.js +111 -20
  260. package/steps/steps.min.js +1 -1
  261. package/styleclass/styleclass.cjs.js +1 -1
  262. package/styleclass/styleclass.cjs.min.js +1 -1
  263. package/styleclass/styleclass.esm.js +1 -1
  264. package/styleclass/styleclass.esm.min.js +1 -1
  265. package/styleclass/styleclass.js +1 -1
  266. package/styleclass/styleclass.min.js +1 -1
  267. package/tabmenu/TabMenu.d.ts +9 -1
  268. package/tabmenu/TabMenu.vue +135 -6
  269. package/tabmenu/tabmenu.cjs.js +137 -17
  270. package/tabmenu/tabmenu.cjs.min.js +1 -1
  271. package/tabmenu/tabmenu.esm.js +137 -17
  272. package/tabmenu/tabmenu.esm.min.js +1 -1
  273. package/tabmenu/tabmenu.js +138 -18
  274. package/tabmenu/tabmenu.min.js +1 -1
  275. package/tabview/TabView.vue +2 -2
  276. package/tabview/tabview.cjs.js +2 -2
  277. package/tabview/tabview.cjs.min.js +1 -1
  278. package/tabview/tabview.esm.js +2 -2
  279. package/tabview/tabview.esm.min.js +1 -1
  280. package/tabview/tabview.js +3 -3
  281. package/tabview/tabview.min.js +1 -1
  282. package/tieredmenu/TieredMenu.d.ts +46 -3
  283. package/tieredmenu/TieredMenu.vue +482 -48
  284. package/tieredmenu/TieredMenuSub.vue +111 -204
  285. package/tieredmenu/tieredmenu.cjs.js +656 -320
  286. package/tieredmenu/tieredmenu.cjs.min.js +1 -1
  287. package/tieredmenu/tieredmenu.esm.js +657 -321
  288. package/tieredmenu/tieredmenu.esm.min.js +1 -1
  289. package/tieredmenu/tieredmenu.js +657 -321
  290. package/tieredmenu/tieredmenu.min.js +1 -1
  291. package/toast/Toast.vue +5 -3
  292. package/toast/ToastMessage.vue +5 -3
  293. package/toast/toast.cjs.js +19 -15
  294. package/toast/toast.cjs.min.js +1 -1
  295. package/toast/toast.esm.js +18 -14
  296. package/toast/toast.esm.min.js +1 -1
  297. package/toast/toast.js +19 -15
  298. package/toast/toast.min.js +1 -1
  299. package/togglebutton/ToggleButton.vue +42 -7
  300. package/togglebutton/togglebutton.cjs.js +42 -6
  301. package/togglebutton/togglebutton.cjs.min.js +1 -1
  302. package/togglebutton/togglebutton.esm.js +42 -6
  303. package/togglebutton/togglebutton.esm.min.js +1 -1
  304. package/togglebutton/togglebutton.js +42 -6
  305. package/togglebutton/togglebutton.min.js +1 -1
  306. package/tree/Tree.d.ts +8 -0
  307. package/utils/Utils.d.ts +3 -0
  308. package/utils/utils.cjs.js +26 -0
  309. package/utils/utils.cjs.min.js +1 -1
  310. package/utils/utils.esm.js +26 -0
  311. package/utils/utils.esm.min.js +1 -1
  312. package/utils/utils.js +26 -0
  313. package/utils/utils.min.js +1 -1
  314. package/vetur-attributes.json +175 -3
  315. package/vetur-tags.json +54 -11
  316. package/web-types.json +675 -51
package/resources/themes/lara-dark-teal/theme.css CHANGED
@@ -1664,6 +1664,12 @@
1664
1664
  .p-togglebutton.p-button .p-button-icon-right {
1665
1665
  color: rgba(255, 255, 255, 0.6);
1666
1666
  }
1667
+ .p-togglebutton.p-button:not(.p-disabled).p-focus {
1668
+ outline: 0 none;
1669
+ outline-offset: 0;
1670
+ box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5);
1671
+ border-color: #5EEAD4;
1672
+ }
1667
1673
  .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover {
1668
1674
  background: rgba(255, 255, 255, 0.03);
1669
1675
  border-color: #0b213f;
@@ -3749,7 +3755,7 @@
3749
3755
  .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus {
3750
3756
  outline: 0 none;
3751
3757
  outline-offset: 0;
3752
- box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5);
3758
+ box-shadow: inset 0 0 0 0.2rem rgba(94, 234, 212, 0.5);
3753
3759
  }
3754
3760
  .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
3755
3761
  background: rgba(255, 255, 255, 0.03);
@@ -4249,9 +4255,7 @@
4249
4255
  border-bottom: 0 none;
4250
4256
  border-top-right-radius: 6px;
4251
4257
  border-top-left-radius: 6px;
4252
- }
4253
- .p-fileupload .p-fileupload-buttonbar .p-button {
4254
- margin-right: 0.5rem;
4258
+ gap: 0.5rem;
4255
4259
  }
4256
4260
  .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
4257
4261
  outline: 0 none;
@@ -4266,6 +4270,22 @@
4266
4270
  border-bottom-right-radius: 6px;
4267
4271
  border-bottom-left-radius: 6px;
4268
4272
  }
4273
+ .p-fileupload .p-fileupload-file {
4274
+ padding: 1rem;
4275
+ border: 1px solid #0b213f;
4276
+ border-radius: 6px;
4277
+ gap: 0.5rem;
4278
+ margin-bottom: 0.5rem;
4279
+ }
4280
+ .p-fileupload .p-fileupload-file:last-child {
4281
+ margin-bottom: 0;
4282
+ }
4283
+ .p-fileupload .p-fileupload-file-name {
4284
+ margin-bottom: 0.5rem;
4285
+ }
4286
+ .p-fileupload .p-fileupload-file-size {
4287
+ margin-right: 0.5rem;
4288
+ }
4269
4289
  .p-fileupload .p-progressbar {
4270
4290
  height: 0.25rem;
4271
4291
  }
@@ -4293,29 +4313,29 @@
4293
4313
  border-radius: 6px;
4294
4314
  padding: 1rem;
4295
4315
  }
4296
- .p-breadcrumb ul li .p-menuitem-link {
4316
+ .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link {
4297
4317
  transition: box-shadow 0.2s;
4298
4318
  border-radius: 6px;
4299
4319
  }
4300
- .p-breadcrumb ul li .p-menuitem-link:focus {
4320
+ .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus {
4301
4321
  outline: 0 none;
4302
4322
  outline-offset: 0;
4303
4323
  box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5);
4304
4324
  }
4305
- .p-breadcrumb ul li .p-menuitem-link .p-menuitem-text {
4325
+ .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text {
4306
4326
  color: rgba(255, 255, 255, 0.87);
4307
4327
  }
4308
- .p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon {
4328
+ .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon {
4309
4329
  color: rgba(255, 255, 255, 0.6);
4310
4330
  }
4311
- .p-breadcrumb ul li.p-breadcrumb-chevron {
4331
+ .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator {
4312
4332
  margin: 0 0.5rem 0 0.5rem;
4313
4333
  color: rgba(255, 255, 255, 0.87);
4314
4334
  }
4315
- .p-breadcrumb ul li:last-child .p-menuitem-text {
4335
+ .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text {
4316
4336
  color: rgba(255, 255, 255, 0.87);
4317
4337
  }
4318
- .p-breadcrumb ul li:last-child .p-menuitem-icon {
4338
+ .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon {
4319
4339
  color: rgba(255, 255, 255, 0.6);
4320
4340
  }
4321
4341
 
@@ -4328,57 +4348,69 @@
4328
4348
  border-radius: 6px;
4329
4349
  width: 12.5rem;
4330
4350
  }
4331
- .p-contextmenu .p-menuitem-link {
4332
- padding: 0.75rem 1.25rem;
4351
+ .p-contextmenu .p-contextmenu-root-list {
4352
+ outline: 0 none;
4353
+ }
4354
+ .p-contextmenu .p-submenu-list {
4355
+ padding: 0.25rem 0;
4356
+ background: #091a32;
4357
+ border: 1px solid #0b213f;
4358
+ box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
4359
+ border-radius: 6px;
4360
+ }
4361
+ .p-contextmenu .p-menuitem > .p-menuitem-content {
4333
4362
  color: rgba(255, 255, 255, 0.87);
4334
- border-radius: 0;
4335
4363
  transition: box-shadow 0.2s;
4364
+ border-radius: 0;
4365
+ }
4366
+ .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
4367
+ padding: 0.75rem 1.25rem;
4336
4368
  user-select: none;
4337
4369
  }
4338
- .p-contextmenu .p-menuitem-link .p-menuitem-text {
4370
+ .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
4339
4371
  color: rgba(255, 255, 255, 0.87);
4340
4372
  }
4341
- .p-contextmenu .p-menuitem-link .p-menuitem-icon {
4373
+ .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
4342
4374
  color: rgba(255, 255, 255, 0.6);
4343
4375
  margin-right: 0.5rem;
4344
4376
  }
4345
- .p-contextmenu .p-menuitem-link .p-submenu-icon {
4377
+ .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
4346
4378
  color: rgba(255, 255, 255, 0.6);
4347
4379
  }
4348
- .p-contextmenu .p-menuitem-link:not(.p-disabled):hover {
4349
- background: rgba(255, 255, 255, 0.03);
4380
+ .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content {
4381
+ color: rgba(255, 255, 255, 0.87);
4382
+ background: rgba(94, 234, 212, 0.16);
4350
4383
  }
4351
- .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
4384
+ .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
4352
4385
  color: rgba(255, 255, 255, 0.87);
4353
4386
  }
4354
- .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
4387
+ .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
4355
4388
  color: rgba(255, 255, 255, 0.87);
4356
4389
  }
4357
- .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
4390
+ .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
4391
+ background: rgba(94, 234, 212, 0.24);
4392
+ }
4393
+ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
4358
4394
  color: rgba(255, 255, 255, 0.87);
4395
+ background: #0b213f;
4359
4396
  }
4360
- .p-contextmenu .p-menuitem-link:focus {
4361
- outline: 0 none;
4362
- outline-offset: 0;
4363
- box-shadow: inset 0 0 0 0.15rem rgba(94, 234, 212, 0.5);
4397
+ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
4398
+ color: rgba(255, 255, 255, 0.87);
4364
4399
  }
4365
- .p-contextmenu .p-submenu-list {
4366
- padding: 0.25rem 0;
4367
- background: #091a32;
4368
- border: 1px solid #0b213f;
4369
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
4370
- border-radius: 6px;
4400
+ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
4401
+ color: rgba(255, 255, 255, 0.87);
4371
4402
  }
4372
- .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
4373
- background: rgba(94, 234, 212, 0.16);
4403
+ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
4404
+ color: rgba(255, 255, 255, 0.87);
4405
+ background: rgba(255, 255, 255, 0.03);
4374
4406
  }
4375
- .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
4407
+ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
4376
4408
  color: rgba(255, 255, 255, 0.87);
4377
4409
  }
4378
- .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
4410
+ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
4379
4411
  color: rgba(255, 255, 255, 0.87);
4380
4412
  }
4381
- .p-contextmenu .p-menu-separator {
4413
+ .p-contextmenu .p-menuitem-separator {
4382
4414
  border-top: 1px solid #0b213f;
4383
4415
  margin: 0.25rem 0;
4384
4416
  }
@@ -4392,10 +4424,19 @@
4392
4424
  padding: 0.5rem 0.5rem;
4393
4425
  border-radius: 0.5rem;
4394
4426
  }
4427
+ .p-dock .p-dock-list-container .p-dock-list {
4428
+ outline: 0 none;
4429
+ }
4395
4430
  .p-dock .p-dock-item {
4396
4431
  padding: 0.5rem;
4432
+ border-radius: 6px;
4433
+ }
4434
+ .p-dock .p-dock-item.p-focus {
4435
+ outline: 0 none;
4436
+ outline-offset: 0;
4437
+ box-shadow: inset 0 0 0 0.15rem rgba(94, 234, 212, 0.5);
4397
4438
  }
4398
- .p-dock .p-dock-action {
4439
+ .p-dock .p-dock-link {
4399
4440
  width: 4rem;
4400
4441
  height: 4rem;
4401
4442
  }
@@ -4453,98 +4494,68 @@
4453
4494
  border: 1px solid #0b213f;
4454
4495
  border-radius: 6px;
4455
4496
  }
4456
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link {
4457
- padding: 0.75rem 1.25rem;
4497
+ .p-megamenu .p-megamenu-root-list {
4498
+ outline: 0 none;
4499
+ }
4500
+ .p-megamenu .p-menuitem > .p-menuitem-content {
4458
4501
  color: rgba(255, 255, 255, 0.87);
4459
- border-radius: 6px;
4460
4502
  transition: box-shadow 0.2s;
4503
+ border-radius: 0;
4504
+ }
4505
+ .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
4506
+ padding: 0.75rem 1.25rem;
4461
4507
  user-select: none;
4462
4508
  }
4463
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
4509
+ .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
4464
4510
  color: rgba(255, 255, 255, 0.87);
4465
4511
  }
4466
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
4512
+ .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
4467
4513
  color: rgba(255, 255, 255, 0.6);
4468
4514
  margin-right: 0.5rem;
4469
4515
  }
4470
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
4516
+ .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
4471
4517
  color: rgba(255, 255, 255, 0.6);
4472
- margin-left: 0.5rem;
4473
- }
4474
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
4475
- background: rgba(255, 255, 255, 0.03);
4476
4518
  }
4477
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
4519
+ .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content {
4478
4520
  color: rgba(255, 255, 255, 0.87);
4521
+ background: rgba(94, 234, 212, 0.16);
4479
4522
  }
4480
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
4523
+ .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
4481
4524
  color: rgba(255, 255, 255, 0.87);
4482
4525
  }
4483
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
4526
+ .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
4484
4527
  color: rgba(255, 255, 255, 0.87);
4485
4528
  }
4486
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus {
4487
- outline: 0 none;
4488
- outline-offset: 0;
4489
- box-shadow: inset 0 0 0 0.15rem rgba(94, 234, 212, 0.5);
4490
- }
4491
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
4492
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
4493
- background: rgba(94, 234, 212, 0.16);
4494
- }
4495
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
4496
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
4497
- color: rgba(255, 255, 255, 0.87);
4529
+ .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
4530
+ background: rgba(94, 234, 212, 0.24);
4498
4531
  }
4499
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
4500
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
4532
+ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
4501
4533
  color: rgba(255, 255, 255, 0.87);
4534
+ background: #0b213f;
4502
4535
  }
4503
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
4504
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
4536
+ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
4505
4537
  color: rgba(255, 255, 255, 0.87);
4506
4538
  }
4507
- .p-megamenu .p-menuitem-link {
4508
- padding: 0.75rem 1.25rem;
4539
+ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
4509
4540
  color: rgba(255, 255, 255, 0.87);
4510
- border-radius: 0;
4511
- transition: box-shadow 0.2s;
4512
- user-select: none;
4513
4541
  }
4514
- .p-megamenu .p-menuitem-link .p-menuitem-text {
4542
+ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
4515
4543
  color: rgba(255, 255, 255, 0.87);
4516
- }
4517
- .p-megamenu .p-menuitem-link .p-menuitem-icon {
4518
- color: rgba(255, 255, 255, 0.6);
4519
- margin-right: 0.5rem;
4520
- }
4521
- .p-megamenu .p-menuitem-link .p-submenu-icon {
4522
- color: rgba(255, 255, 255, 0.6);
4523
- }
4524
- .p-megamenu .p-menuitem-link:not(.p-disabled):hover {
4525
4544
  background: rgba(255, 255, 255, 0.03);
4526
4545
  }
4527
- .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
4528
- color: rgba(255, 255, 255, 0.87);
4529
- }
4530
- .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
4546
+ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
4531
4547
  color: rgba(255, 255, 255, 0.87);
4532
4548
  }
4533
- .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
4549
+ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
4534
4550
  color: rgba(255, 255, 255, 0.87);
4535
4551
  }
4536
- .p-megamenu .p-menuitem-link:focus {
4537
- outline: 0 none;
4538
- outline-offset: 0;
4539
- box-shadow: inset 0 0 0 0.15rem rgba(94, 234, 212, 0.5);
4540
- }
4541
4552
  .p-megamenu .p-megamenu-panel {
4542
4553
  background: #091a32;
4543
4554
  color: rgba(255, 255, 255, 0.87);
4544
4555
  border: 1px solid #0b213f;
4545
4556
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
4546
4557
  }
4547
- .p-megamenu .p-megamenu-submenu-header {
4558
+ .p-megamenu .p-submenu-header {
4548
4559
  margin: 0;
4549
4560
  padding: 0.75rem 1.25rem;
4550
4561
  color: rgba(255, 255, 255, 0.87);
@@ -4553,26 +4564,47 @@
4553
4564
  border-top-right-radius: 6px;
4554
4565
  border-top-left-radius: 6px;
4555
4566
  }
4556
- .p-megamenu .p-megamenu-submenu {
4567
+ .p-megamenu .p-submenu-list {
4557
4568
  padding: 0.25rem 0;
4558
4569
  width: 12.5rem;
4559
4570
  }
4560
- .p-megamenu .p-megamenu-submenu .p-menu-separator {
4571
+ .p-megamenu .p-submenu-list .p-menuitem-separator {
4561
4572
  border-top: 1px solid #0b213f;
4562
4573
  margin: 0.25rem 0;
4563
4574
  }
4564
- .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
4565
- background: rgba(94, 234, 212, 0.16);
4575
+ .p-megamenu.p-megamenu-vertical {
4576
+ width: 12.5rem;
4577
+ padding: 0.25rem 0;
4578
+ }
4579
+ .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content {
4580
+ color: rgba(255, 255, 255, 0.87);
4581
+ transition: box-shadow 0.2s;
4582
+ border-radius: 6px;
4583
+ }
4584
+ .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link {
4585
+ padding: 0.75rem 1.25rem;
4586
+ user-select: none;
4587
+ }
4588
+ .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
4589
+ color: rgba(255, 255, 255, 0.87);
4590
+ }
4591
+ .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
4592
+ color: rgba(255, 255, 255, 0.6);
4593
+ margin-right: 0.5rem;
4594
+ }
4595
+ .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
4596
+ color: rgba(255, 255, 255, 0.6);
4597
+ margin-left: 0.5rem;
4566
4598
  }
4567
- .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
4599
+ .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
4568
4600
  color: rgba(255, 255, 255, 0.87);
4601
+ background: rgba(255, 255, 255, 0.03);
4569
4602
  }
4570
- .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
4603
+ .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
4571
4604
  color: rgba(255, 255, 255, 0.87);
4572
4605
  }
4573
- .p-megamenu.p-megamenu-vertical {
4574
- width: 12.5rem;
4575
- padding: 0.25rem 0;
4606
+ .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
4607
+ color: rgba(255, 255, 255, 0.87);
4576
4608
  }
4577
4609
 
4578
4610
  .p-menu {
@@ -4583,39 +4615,57 @@
4583
4615
  border-radius: 6px;
4584
4616
  width: 12.5rem;
4585
4617
  }
4586
- .p-menu .p-menuitem-link {
4587
- padding: 0.75rem 1.25rem;
4618
+ .p-menu .p-menuitem > .p-menuitem-content {
4588
4619
  color: rgba(255, 255, 255, 0.87);
4589
- border-radius: 0;
4590
4620
  transition: box-shadow 0.2s;
4621
+ border-radius: 0;
4622
+ }
4623
+ .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link {
4624
+ padding: 0.75rem 1.25rem;
4591
4625
  user-select: none;
4592
4626
  }
4593
- .p-menu .p-menuitem-link .p-menuitem-text {
4627
+ .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
4594
4628
  color: rgba(255, 255, 255, 0.87);
4595
4629
  }
4596
- .p-menu .p-menuitem-link .p-menuitem-icon {
4630
+ .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
4597
4631
  color: rgba(255, 255, 255, 0.6);
4598
4632
  margin-right: 0.5rem;
4599
4633
  }
4600
- .p-menu .p-menuitem-link .p-submenu-icon {
4634
+ .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
4601
4635
  color: rgba(255, 255, 255, 0.6);
4602
4636
  }
4603
- .p-menu .p-menuitem-link:not(.p-disabled):hover {
4604
- background: rgba(255, 255, 255, 0.03);
4637
+ .p-menu .p-menuitem.p-highlight > .p-menuitem-content {
4638
+ color: rgba(255, 255, 255, 0.87);
4639
+ background: rgba(94, 234, 212, 0.16);
4605
4640
  }
4606
- .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
4641
+ .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
4607
4642
  color: rgba(255, 255, 255, 0.87);
4608
4643
  }
4609
- .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
4644
+ .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
4610
4645
  color: rgba(255, 255, 255, 0.87);
4611
4646
  }
4612
- .p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
4647
+ .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
4648
+ background: rgba(94, 234, 212, 0.24);
4649
+ }
4650
+ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
4613
4651
  color: rgba(255, 255, 255, 0.87);
4652
+ background: #0b213f;
4614
4653
  }
4615
- .p-menu .p-menuitem-link:focus {
4616
- outline: 0 none;
4617
- outline-offset: 0;
4618
- box-shadow: inset 0 0 0 0.15rem rgba(94, 234, 212, 0.5);
4654
+ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
4655
+ color: rgba(255, 255, 255, 0.87);
4656
+ }
4657
+ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
4658
+ color: rgba(255, 255, 255, 0.87);
4659
+ }
4660
+ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
4661
+ color: rgba(255, 255, 255, 0.87);
4662
+ background: rgba(255, 255, 255, 0.03);
4663
+ }
4664
+ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
4665
+ color: rgba(255, 255, 255, 0.87);
4666
+ }
4667
+ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
4668
+ color: rgba(255, 255, 255, 0.87);
4619
4669
  }
4620
4670
  .p-menu.p-menu-overlay {
4621
4671
  background: #091a32;
@@ -4631,7 +4681,7 @@
4631
4681
  border-top-right-radius: 0;
4632
4682
  border-top-left-radius: 0;
4633
4683
  }
4634
- .p-menu .p-menu-separator {
4684
+ .p-menu .p-menuitem-separator {
4635
4685
  border-top: 1px solid #0b213f;
4636
4686
  margin: 0.25rem 0;
4637
4687
  }
@@ -4643,89 +4693,89 @@
4643
4693
  border: 1px solid #0b213f;
4644
4694
  border-radius: 6px;
4645
4695
  }
4646
- .p-menubar .p-menuitem-link {
4647
- padding: 0.75rem 1.25rem;
4696
+ .p-menubar .p-menubar-root-list {
4697
+ outline: 0 none;
4698
+ }
4699
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content {
4648
4700
  color: rgba(255, 255, 255, 0.87);
4649
- border-radius: 0;
4650
4701
  transition: box-shadow 0.2s;
4702
+ border-radius: 6px;
4703
+ }
4704
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link {
4705
+ padding: 0.75rem 1.25rem;
4651
4706
  user-select: none;
4652
4707
  }
4653
- .p-menubar .p-menuitem-link .p-menuitem-text {
4708
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
4654
4709
  color: rgba(255, 255, 255, 0.87);
4655
4710
  }
4656
- .p-menubar .p-menuitem-link .p-menuitem-icon {
4711
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
4657
4712
  color: rgba(255, 255, 255, 0.6);
4658
4713
  margin-right: 0.5rem;
4659
4714
  }
4660
- .p-menubar .p-menuitem-link .p-submenu-icon {
4715
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
4661
4716
  color: rgba(255, 255, 255, 0.6);
4717
+ margin-left: 0.5rem;
4662
4718
  }
4663
- .p-menubar .p-menuitem-link:not(.p-disabled):hover {
4719
+ .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
4720
+ color: rgba(255, 255, 255, 0.87);
4664
4721
  background: rgba(255, 255, 255, 0.03);
4665
4722
  }
4666
- .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
4723
+ .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
4667
4724
  color: rgba(255, 255, 255, 0.87);
4668
4725
  }
4669
- .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
4726
+ .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
4670
4727
  color: rgba(255, 255, 255, 0.87);
4671
4728
  }
4672
- .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
4729
+ .p-menubar .p-menuitem > .p-menuitem-content {
4673
4730
  color: rgba(255, 255, 255, 0.87);
4731
+ transition: box-shadow 0.2s;
4732
+ border-radius: 0;
4674
4733
  }
4675
- .p-menubar .p-menuitem-link:focus {
4676
- outline: 0 none;
4677
- outline-offset: 0;
4678
- box-shadow: inset 0 0 0 0.15rem rgba(94, 234, 212, 0.5);
4679
- }
4680
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
4734
+ .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link {
4681
4735
  padding: 0.75rem 1.25rem;
4682
- color: rgba(255, 255, 255, 0.87);
4683
- border-radius: 6px;
4684
- transition: box-shadow 0.2s;
4685
4736
  user-select: none;
4686
4737
  }
4687
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
4738
+ .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
4688
4739
  color: rgba(255, 255, 255, 0.87);
4689
4740
  }
4690
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
4741
+ .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
4691
4742
  color: rgba(255, 255, 255, 0.6);
4692
4743
  margin-right: 0.5rem;
4693
4744
  }
4694
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
4745
+ .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
4695
4746
  color: rgba(255, 255, 255, 0.6);
4696
- margin-left: 0.5rem;
4697
4747
  }
4698
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
4699
- background: rgba(255, 255, 255, 0.03);
4748
+ .p-menubar .p-menuitem.p-highlight > .p-menuitem-content {
4749
+ color: rgba(255, 255, 255, 0.87);
4750
+ background: rgba(94, 234, 212, 0.16);
4700
4751
  }
4701
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
4752
+ .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
4702
4753
  color: rgba(255, 255, 255, 0.87);
4703
4754
  }
4704
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
4755
+ .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
4705
4756
  color: rgba(255, 255, 255, 0.87);
4706
4757
  }
4707
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
4758
+ .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
4759
+ background: rgba(94, 234, 212, 0.24);
4760
+ }
4761
+ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
4708
4762
  color: rgba(255, 255, 255, 0.87);
4763
+ background: #0b213f;
4709
4764
  }
4710
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
4711
- outline: 0 none;
4712
- outline-offset: 0;
4713
- box-shadow: inset 0 0 0 0.15rem rgba(94, 234, 212, 0.5);
4765
+ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
4766
+ color: rgba(255, 255, 255, 0.87);
4714
4767
  }
4715
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
4716
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
4717
- background: rgba(94, 234, 212, 0.16);
4768
+ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
4769
+ color: rgba(255, 255, 255, 0.87);
4718
4770
  }
4719
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
4720
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
4771
+ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
4721
4772
  color: rgba(255, 255, 255, 0.87);
4773
+ background: rgba(255, 255, 255, 0.03);
4722
4774
  }
4723
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
4724
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
4775
+ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
4725
4776
  color: rgba(255, 255, 255, 0.87);
4726
4777
  }
4727
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
4728
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
4778
+ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
4729
4779
  color: rgba(255, 255, 255, 0.87);
4730
4780
  }
4731
4781
  .p-menubar .p-submenu-list {
@@ -4735,22 +4785,13 @@
4735
4785
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
4736
4786
  width: 12.5rem;
4737
4787
  }
4738
- .p-menubar .p-submenu-list .p-menu-separator {
4788
+ .p-menubar .p-submenu-list .p-menuitem-separator {
4739
4789
  border-top: 1px solid #0b213f;
4740
4790
  margin: 0.25rem 0;
4741
4791
  }
4742
4792
  .p-menubar .p-submenu-list .p-submenu-icon {
4743
4793
  font-size: 0.875rem;
4744
4794
  }
4745
- .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link {
4746
- background: rgba(94, 234, 212, 0.16);
4747
- }
4748
- .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
4749
- color: rgba(255, 255, 255, 0.87);
4750
- }
4751
- .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
4752
- color: rgba(255, 255, 255, 0.87);
4753
- }
4754
4795
 
4755
4796
  @media screen and (max-width: 960px) {
4756
4797
  .p-menubar {
@@ -4782,56 +4823,22 @@
4782
4823
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
4783
4824
  width: 100%;
4784
4825
  }
4785
- .p-menubar .p-menubar-root-list .p-menu-separator {
4826
+ .p-menubar .p-menubar-root-list .p-menuitem-separator {
4786
4827
  border-top: 1px solid #0b213f;
4787
4828
  margin: 0.25rem 0;
4788
4829
  }
4789
4830
  .p-menubar .p-menubar-root-list .p-submenu-icon {
4790
4831
  font-size: 0.875rem;
4791
4832
  }
4792
- .p-menubar .p-menubar-root-list > .p-menuitem {
4833
+ .p-menubar .p-menubar-root-list .p-menuitem {
4793
4834
  width: 100%;
4794
4835
  position: static;
4795
4836
  }
4796
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
4797
- padding: 0.75rem 1.25rem;
4798
- color: rgba(255, 255, 255, 0.87);
4799
- border-radius: 0;
4800
- transition: box-shadow 0.2s;
4801
- user-select: none;
4802
- }
4803
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
4804
- color: rgba(255, 255, 255, 0.87);
4805
- }
4806
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
4807
- color: rgba(255, 255, 255, 0.6);
4808
- margin-right: 0.5rem;
4809
- }
4810
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
4811
- color: rgba(255, 255, 255, 0.6);
4812
- }
4813
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
4814
- background: rgba(255, 255, 255, 0.03);
4815
- }
4816
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
4817
- color: rgba(255, 255, 255, 0.87);
4818
- }
4819
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
4820
- color: rgba(255, 255, 255, 0.87);
4821
- }
4822
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
4823
- color: rgba(255, 255, 255, 0.87);
4824
- }
4825
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
4826
- outline: 0 none;
4827
- outline-offset: 0;
4828
- box-shadow: inset 0 0 0 0.15rem rgba(94, 234, 212, 0.5);
4829
- }
4830
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon {
4837
+ .p-menubar .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
4831
4838
  margin-left: auto;
4832
4839
  transition: transform 0.2s;
4833
4840
  }
4834
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
4841
+ .p-menubar .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
4835
4842
  transform: rotate(-180deg);
4836
4843
  }
4837
4844
  .p-menubar .p-menubar-root-list .p-submenu-list {
@@ -4844,26 +4851,26 @@
4844
4851
  transition: transform 0.2s;
4845
4852
  transform: rotate(90deg);
4846
4853
  }
4847
- .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
4854
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
4848
4855
  transform: rotate(-90deg);
4849
4856
  }
4850
4857
  .p-menubar .p-menubar-root-list .p-menuitem {
4851
4858
  width: 100%;
4852
4859
  position: static;
4853
4860
  }
4854
- .p-menubar .p-menubar-root-list ul li a {
4861
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
4855
4862
  padding-left: 2.25rem;
4856
4863
  }
4857
- .p-menubar .p-menubar-root-list ul li ul li a {
4864
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
4858
4865
  padding-left: 3.75rem;
4859
4866
  }
4860
- .p-menubar .p-menubar-root-list ul li ul li ul li a {
4867
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
4861
4868
  padding-left: 5.25rem;
4862
4869
  }
4863
- .p-menubar .p-menubar-root-list ul li ul li ul li ul li a {
4870
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
4864
4871
  padding-left: 6.75rem;
4865
4872
  }
4866
- .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a {
4873
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
4867
4874
  padding-left: 8.25rem;
4868
4875
  }
4869
4876
  .p-menubar.p-menubar-mobile-active .p-menubar-root-list {
@@ -4874,42 +4881,45 @@
4874
4881
  z-index: 1;
4875
4882
  }
4876
4883
  }
4877
- .p-panelmenu .p-panelmenu-header > a {
4878
- padding: 1.25rem;
4884
+ .p-panelmenu .p-panelmenu-header {
4885
+ outline: 0 none;
4886
+ }
4887
+ .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content {
4879
4888
  border: 1px solid #0b213f;
4880
4889
  color: rgba(255, 255, 255, 0.87);
4881
4890
  background: #071426;
4882
- font-weight: 700;
4883
4891
  border-radius: 6px;
4884
4892
  transition: box-shadow 0.2s;
4885
4893
  }
4886
- .p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon {
4894
+ .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action {
4895
+ padding: 1.25rem;
4896
+ font-weight: 700;
4897
+ }
4898
+ .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon {
4887
4899
  margin-right: 0.5rem;
4888
4900
  }
4889
- .p-panelmenu .p-panelmenu-header > a .p-menuitem-icon {
4901
+ .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
4890
4902
  margin-right: 0.5rem;
4891
4903
  }
4892
- .p-panelmenu .p-panelmenu-header > a:focus {
4904
+ .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus .p-panelmenu-header-content {
4893
4905
  outline: 0 none;
4894
4906
  outline-offset: 0;
4895
- box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5);
4907
+ box-shadow: inset 0 0 0 0.2rem rgba(94, 234, 212, 0.5);
4896
4908
  }
4897
- .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover {
4909
+ .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content {
4898
4910
  background: rgba(255, 255, 255, 0.03);
4899
4911
  border-color: #0b213f;
4900
4912
  color: rgba(255, 255, 255, 0.87);
4901
4913
  }
4902
- .p-panelmenu .p-panelmenu-header.p-highlight {
4903
- margin-bottom: 0;
4904
- }
4905
- .p-panelmenu .p-panelmenu-header.p-highlight > a {
4914
+ .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content {
4906
4915
  background: #071426;
4907
4916
  border-color: #0b213f;
4908
4917
  color: rgba(255, 255, 255, 0.87);
4909
4918
  border-bottom-right-radius: 0;
4910
4919
  border-bottom-left-radius: 0;
4920
+ margin-bottom: 0;
4911
4921
  }
4912
- .p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover {
4922
+ .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content {
4913
4923
  border-color: #0b213f;
4914
4924
  background: rgba(255, 255, 255, 0.03);
4915
4925
  color: rgba(255, 255, 255, 0.87);
@@ -4925,44 +4935,69 @@
4925
4935
  border-bottom-right-radius: 6px;
4926
4936
  border-bottom-left-radius: 6px;
4927
4937
  }
4928
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link {
4929
- padding: 0.75rem 1.25rem;
4938
+ .p-panelmenu .p-panelmenu-content .p-panelmenu-root-list {
4939
+ outline: 0 none;
4940
+ }
4941
+ .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content {
4930
4942
  color: rgba(255, 255, 255, 0.87);
4931
- border-radius: 0;
4932
4943
  transition: box-shadow 0.2s;
4944
+ border-radius: 0;
4945
+ }
4946
+ .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link {
4947
+ padding: 0.75rem 1.25rem;
4933
4948
  user-select: none;
4934
4949
  }
4935
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text {
4950
+ .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
4936
4951
  color: rgba(255, 255, 255, 0.87);
4937
4952
  }
4938
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon {
4953
+ .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
4939
4954
  color: rgba(255, 255, 255, 0.6);
4940
4955
  margin-right: 0.5rem;
4941
4956
  }
4942
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon {
4957
+ .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
4943
4958
  color: rgba(255, 255, 255, 0.6);
4944
4959
  }
4945
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover {
4946
- background: rgba(255, 255, 255, 0.03);
4960
+ .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content {
4961
+ color: rgba(255, 255, 255, 0.87);
4962
+ background: rgba(94, 234, 212, 0.16);
4947
4963
  }
4948
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
4964
+ .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
4949
4965
  color: rgba(255, 255, 255, 0.87);
4950
4966
  }
4951
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
4967
+ .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
4952
4968
  color: rgba(255, 255, 255, 0.87);
4953
4969
  }
4954
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
4970
+ .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
4971
+ background: rgba(94, 234, 212, 0.24);
4972
+ }
4973
+ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
4955
4974
  color: rgba(255, 255, 255, 0.87);
4975
+ background: #0b213f;
4956
4976
  }
4957
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus {
4958
- outline: 0 none;
4959
- outline-offset: 0;
4960
- box-shadow: inset 0 0 0 0.15rem rgba(94, 234, 212, 0.5);
4977
+ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
4978
+ color: rgba(255, 255, 255, 0.87);
4961
4979
  }
4962
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon {
4980
+ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
4981
+ color: rgba(255, 255, 255, 0.87);
4982
+ }
4983
+ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
4984
+ color: rgba(255, 255, 255, 0.87);
4985
+ background: rgba(255, 255, 255, 0.03);
4986
+ }
4987
+ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
4988
+ color: rgba(255, 255, 255, 0.87);
4989
+ }
4990
+ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
4991
+ color: rgba(255, 255, 255, 0.87);
4992
+ }
4993
+ .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
4963
4994
  margin-right: 0.5rem;
4964
4995
  }
4965
- .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) {
4996
+ .p-panelmenu .p-panelmenu-content .p-menuitem-separator {
4997
+ border-top: 1px solid #0b213f;
4998
+ margin: 0.25rem 0;
4999
+ }
5000
+ .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) {
4966
5001
  padding: 0 0 0 1rem;
4967
5002
  }
4968
5003
  .p-panelmenu .p-panelmenu-panel {
@@ -5062,61 +5097,73 @@
5062
5097
  border-radius: 6px;
5063
5098
  width: 12.5rem;
5064
5099
  }
5065
- .p-tieredmenu .p-menuitem-link {
5066
- padding: 0.75rem 1.25rem;
5100
+ .p-tieredmenu.p-tieredmenu-overlay {
5101
+ background: #091a32;
5102
+ border: 1px solid #0b213f;
5103
+ box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
5104
+ }
5105
+ .p-tieredmenu .p-tieredmenu-root-list {
5106
+ outline: 0 none;
5107
+ }
5108
+ .p-tieredmenu .p-submenu-list {
5109
+ padding: 0.25rem 0;
5110
+ background: #091a32;
5111
+ border: 1px solid #0b213f;
5112
+ box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
5113
+ }
5114
+ .p-tieredmenu .p-menuitem > .p-menuitem-content {
5067
5115
  color: rgba(255, 255, 255, 0.87);
5068
- border-radius: 0;
5069
5116
  transition: box-shadow 0.2s;
5117
+ border-radius: 0;
5118
+ }
5119
+ .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
5120
+ padding: 0.75rem 1.25rem;
5070
5121
  user-select: none;
5071
5122
  }
5072
- .p-tieredmenu .p-menuitem-link .p-menuitem-text {
5123
+ .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
5073
5124
  color: rgba(255, 255, 255, 0.87);
5074
5125
  }
5075
- .p-tieredmenu .p-menuitem-link .p-menuitem-icon {
5126
+ .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
5076
5127
  color: rgba(255, 255, 255, 0.6);
5077
5128
  margin-right: 0.5rem;
5078
5129
  }
5079
- .p-tieredmenu .p-menuitem-link .p-submenu-icon {
5130
+ .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
5080
5131
  color: rgba(255, 255, 255, 0.6);
5081
5132
  }
5082
- .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover {
5083
- background: rgba(255, 255, 255, 0.03);
5084
- }
5085
- .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
5133
+ .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content {
5086
5134
  color: rgba(255, 255, 255, 0.87);
5135
+ background: rgba(94, 234, 212, 0.16);
5087
5136
  }
5088
- .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
5137
+ .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
5089
5138
  color: rgba(255, 255, 255, 0.87);
5090
5139
  }
5091
- .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
5140
+ .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
5092
5141
  color: rgba(255, 255, 255, 0.87);
5093
5142
  }
5094
- .p-tieredmenu .p-menuitem-link:focus {
5095
- outline: 0 none;
5096
- outline-offset: 0;
5097
- box-shadow: inset 0 0 0 0.15rem rgba(94, 234, 212, 0.5);
5143
+ .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
5144
+ background: rgba(94, 234, 212, 0.24);
5098
5145
  }
5099
- .p-tieredmenu.p-tieredmenu-overlay {
5100
- background: #091a32;
5101
- border: 1px solid #0b213f;
5102
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
5146
+ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
5147
+ color: rgba(255, 255, 255, 0.87);
5148
+ background: #0b213f;
5103
5149
  }
5104
- .p-tieredmenu .p-submenu-list {
5105
- padding: 0.25rem 0;
5106
- background: #091a32;
5107
- border: 1px solid #0b213f;
5108
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
5150
+ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
5151
+ color: rgba(255, 255, 255, 0.87);
5109
5152
  }
5110
- .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
5111
- background: rgba(94, 234, 212, 0.16);
5153
+ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
5154
+ color: rgba(255, 255, 255, 0.87);
5155
+ }
5156
+ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
5157
+ color: rgba(255, 255, 255, 0.87);
5158
+ background: rgba(255, 255, 255, 0.03);
5112
5159
  }
5113
- .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
5160
+ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
5114
5161
  color: rgba(255, 255, 255, 0.87);
5115
5162
  }
5116
- .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
5163
+ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
5117
5164
  color: rgba(255, 255, 255, 0.87);
5118
5165
  }
5119
- .p-tieredmenu .p-menu-separator {
5166
+ .p-tieredmenu .p-menuitem-separator {
5120
5167
  border-top: 1px solid #0b213f;
5121
5168
  margin: 0.25rem 0;
5122
5169
  }