primeng 16.0.2 → 16.2.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 (481) hide show
  1. package/accordion/accordion.d.ts +47 -11
  2. package/api/primengconfig.d.ts +1 -1
  3. package/api/translation.d.ts +78 -0
  4. package/api/treenode.d.ts +1 -1
  5. package/avatar/avatar.d.ts +11 -1
  6. package/breadcrumb/breadcrumb.d.ts +5 -1
  7. package/button/button.d.ts +4 -1
  8. package/carousel/carousel.d.ts +17 -1
  9. package/chip/chip.d.ts +1 -0
  10. package/confirmdialog/confirmdialog.d.ts +7 -1
  11. package/contextmenu/contextmenu.d.ts +160 -68
  12. package/dialog/dialog.d.ts +1 -0
  13. package/dock/dock.d.ts +47 -2
  14. package/dom/domhandler.d.ts +1 -0
  15. package/dynamicdialog/dynamicdialog-config.d.ts +4 -0
  16. package/dynamicdialog/dynamicdialog.d.ts +2 -0
  17. package/esm2022/accordion/accordion.mjs +216 -54
  18. package/esm2022/animate/animate.mjs +7 -7
  19. package/esm2022/api/confirmationservice.mjs +3 -3
  20. package/esm2022/api/contextmenuservice.mjs +3 -3
  21. package/esm2022/api/filterservice.mjs +3 -3
  22. package/esm2022/api/messageservice.mjs +3 -3
  23. package/esm2022/api/overlayservice.mjs +3 -3
  24. package/esm2022/api/primengconfig.mjs +78 -5
  25. package/esm2022/api/shared.mjs +13 -13
  26. package/esm2022/api/translation.mjs +1 -1
  27. package/esm2022/api/treedragdropservice.mjs +3 -3
  28. package/esm2022/api/treenode.mjs +1 -1
  29. package/esm2022/autocomplete/autocomplete.mjs +10 -10
  30. package/esm2022/autofocus/autofocus.mjs +7 -7
  31. package/esm2022/avatar/avatar.mjs +24 -10
  32. package/esm2022/avatargroup/avatargroup.mjs +7 -7
  33. package/esm2022/badge/badge.mjs +10 -10
  34. package/esm2022/baseicon/baseicon.mjs +3 -3
  35. package/esm2022/blockui/blockui.mjs +26 -10
  36. package/esm2022/breadcrumb/breadcrumb.mjs +56 -39
  37. package/esm2022/button/button.mjs +47 -31
  38. package/esm2022/calendar/calendar.mjs +7 -7
  39. package/esm2022/card/card.mjs +10 -10
  40. package/esm2022/carousel/carousel.mjs +153 -27
  41. package/esm2022/cascadeselect/cascadeselect.mjs +10 -10
  42. package/esm2022/chart/chart.mjs +7 -7
  43. package/esm2022/checkbox/checkbox.mjs +7 -7
  44. package/esm2022/chip/chip.mjs +25 -20
  45. package/esm2022/chips/chips.mjs +7 -7
  46. package/esm2022/colorpicker/colorpicker.mjs +7 -7
  47. package/esm2022/confirmdialog/confirmdialog.mjs +28 -12
  48. package/esm2022/confirmpopup/confirmpopup.mjs +10 -8
  49. package/esm2022/contextmenu/contextmenu.mjs +1002 -552
  50. package/esm2022/dataview/dataview.mjs +10 -10
  51. package/esm2022/defer/defer.mjs +7 -7
  52. package/esm2022/dialog/dialog.mjs +21 -16
  53. package/esm2022/divider/divider.mjs +10 -10
  54. package/esm2022/dock/dock.mjs +290 -92
  55. package/esm2022/dom/domhandler.mjs +19 -7
  56. package/esm2022/dragdrop/dragdrop.mjs +10 -10
  57. package/esm2022/dropdown/dropdown.mjs +10 -10
  58. package/esm2022/dynamicdialog/dialogservice.mjs +3 -3
  59. package/esm2022/dynamicdialog/dynamicdialog-config.mjs +5 -1
  60. package/esm2022/dynamicdialog/dynamicdialog-ref.mjs +4 -1
  61. package/esm2022/dynamicdialog/dynamicdialog.mjs +23 -13
  62. package/esm2022/dynamicdialog/dynamicdialogcontent.mjs +3 -3
  63. package/esm2022/editor/editor.mjs +7 -7
  64. package/esm2022/fieldset/fieldset.mjs +66 -39
  65. package/esm2022/fileupload/fileupload.mjs +56 -48
  66. package/esm2022/focustrap/focustrap.mjs +7 -7
  67. package/esm2022/galleria/galleria.mjs +257 -48
  68. package/esm2022/icons/angledoubledown/angledoubledown.mjs +3 -3
  69. package/esm2022/icons/angledoubleleft/angledoubleleft.mjs +3 -3
  70. package/esm2022/icons/angledoubleright/angledoubleright.mjs +3 -3
  71. package/esm2022/icons/angledoubleup/angledoubleup.mjs +3 -3
  72. package/esm2022/icons/angledown/angledown.mjs +3 -3
  73. package/esm2022/icons/angleleft/angleleft.mjs +3 -3
  74. package/esm2022/icons/angleright/angleright.mjs +3 -3
  75. package/esm2022/icons/angleup/angleup.mjs +3 -3
  76. package/esm2022/icons/arrowdown/arrowdown.mjs +3 -3
  77. package/esm2022/icons/arrowdownleft/arrowdownleft.mjs +3 -3
  78. package/esm2022/icons/arrowdownright/arrowdownright.mjs +3 -3
  79. package/esm2022/icons/arrowleft/arrowleft.mjs +3 -3
  80. package/esm2022/icons/arrowright/arrowright.mjs +3 -3
  81. package/esm2022/icons/arrowup/arrowup.mjs +3 -3
  82. package/esm2022/icons/ban/ban.mjs +3 -3
  83. package/esm2022/icons/bars/bars.mjs +3 -3
  84. package/esm2022/icons/calendar/calendar.mjs +3 -3
  85. package/esm2022/icons/caretleft/caretleft.mjs +3 -3
  86. package/esm2022/icons/caretright/caretright.mjs +3 -3
  87. package/esm2022/icons/check/check.mjs +3 -3
  88. package/esm2022/icons/chevrondown/chevrondown.mjs +3 -3
  89. package/esm2022/icons/chevronleft/chevronleft.mjs +3 -3
  90. package/esm2022/icons/chevronright/chevronright.mjs +3 -3
  91. package/esm2022/icons/chevronup/chevronup.mjs +3 -3
  92. package/esm2022/icons/exclamationtriangle/exclamationtriangle.mjs +3 -3
  93. package/esm2022/icons/eye/eye.mjs +3 -3
  94. package/esm2022/icons/eyeslash/eyeslash.mjs +3 -3
  95. package/esm2022/icons/filter/filter.mjs +3 -3
  96. package/esm2022/icons/filterslash/filterslash.mjs +3 -3
  97. package/esm2022/icons/home/home.mjs +3 -3
  98. package/esm2022/icons/infocircle/infocircle.mjs +3 -3
  99. package/esm2022/icons/minus/minus.mjs +3 -3
  100. package/esm2022/icons/pencil/pencil.mjs +3 -3
  101. package/esm2022/icons/plus/plus.mjs +3 -3
  102. package/esm2022/icons/refresh/refresh.mjs +3 -3
  103. package/esm2022/icons/search/search.mjs +3 -3
  104. package/esm2022/icons/searchminus/searchminus.mjs +3 -3
  105. package/esm2022/icons/searchplus/searchplus.mjs +3 -3
  106. package/esm2022/icons/sortalt/sortalt.mjs +3 -3
  107. package/esm2022/icons/sortamountdown/sortamountdown.mjs +3 -3
  108. package/esm2022/icons/sortamountupalt/sortamountupalt.mjs +3 -3
  109. package/esm2022/icons/spinner/spinner.mjs +3 -3
  110. package/esm2022/icons/star/star.mjs +3 -3
  111. package/esm2022/icons/starfill/starfill.mjs +3 -3
  112. package/esm2022/icons/thlarge/thlarge.mjs +3 -3
  113. package/esm2022/icons/times/times.mjs +3 -3
  114. package/esm2022/icons/timescircle/timescircle.mjs +3 -3
  115. package/esm2022/icons/trash/trash.mjs +3 -3
  116. package/esm2022/icons/undo/undo.mjs +3 -3
  117. package/esm2022/icons/upload/upload.mjs +3 -3
  118. package/esm2022/icons/windowmaximize/windowmaximize.mjs +3 -3
  119. package/esm2022/icons/windowminimize/windowminimize.mjs +3 -3
  120. package/esm2022/image/image.mjs +76 -27
  121. package/esm2022/inplace/inplace.mjs +30 -23
  122. package/esm2022/inputmask/inputmask.mjs +7 -7
  123. package/esm2022/inputnumber/inputnumber.mjs +18 -8
  124. package/esm2022/inputswitch/inputswitch.mjs +7 -7
  125. package/esm2022/inputtext/inputtext.mjs +7 -7
  126. package/esm2022/inputtextarea/inputtextarea.mjs +7 -7
  127. package/esm2022/keyfilter/keyfilter.mjs +7 -7
  128. package/esm2022/knob/knob.mjs +7 -7
  129. package/esm2022/listbox/listbox.mjs +7 -7
  130. package/esm2022/megamenu/megamenu.mjs +1011 -353
  131. package/esm2022/menu/menu.mjs +414 -183
  132. package/esm2022/menubar/menubar.mjs +916 -294
  133. package/esm2022/message/message.mjs +7 -7
  134. package/esm2022/messages/messages.mjs +34 -34
  135. package/esm2022/multiselect/multiselect.mjs +12 -11
  136. package/esm2022/orderlist/orderlist.mjs +16 -22
  137. package/esm2022/organizationchart/organizationchart.mjs +15 -15
  138. package/esm2022/overlay/overlay.mjs +7 -7
  139. package/esm2022/overlaypanel/overlaypanel.mjs +12 -8
  140. package/esm2022/paginator/paginator.mjs +7 -7
  141. package/esm2022/panel/panel.mjs +51 -40
  142. package/esm2022/panelmenu/panelmenu.mjs +1007 -350
  143. package/esm2022/password/password.mjs +13 -13
  144. package/esm2022/picklist/picklist.mjs +7 -7
  145. package/esm2022/progressbar/progressbar.mjs +26 -22
  146. package/esm2022/progressspinner/progressspinner.mjs +12 -12
  147. package/esm2022/radiobutton/radiobutton.mjs +10 -10
  148. package/esm2022/rating/rating.mjs +7 -7
  149. package/esm2022/ripple/ripple.mjs +10 -8
  150. package/esm2022/scroller/scroller.mjs +7 -7
  151. package/esm2022/scrollpanel/scrollpanel.mjs +201 -29
  152. package/esm2022/scrolltop/scrolltop.mjs +17 -8
  153. package/esm2022/selectbutton/selectbutton.mjs +9 -9
  154. package/esm2022/sidebar/sidebar.mjs +51 -20
  155. package/esm2022/skeleton/skeleton.mjs +9 -9
  156. package/esm2022/slidemenu/slidemenu.mjs +1066 -372
  157. package/esm2022/slider/slider.mjs +7 -7
  158. package/esm2022/speeddial/speeddial.mjs +297 -21
  159. package/esm2022/spinner/spinner.mjs +7 -7
  160. package/esm2022/splitbutton/splitbutton.mjs +71 -16
  161. package/esm2022/splitter/splitter.mjs +166 -35
  162. package/esm2022/steps/steps.mjs +118 -28
  163. package/esm2022/styleclass/styleclass.mjs +7 -7
  164. package/esm2022/table/table.mjs +95 -89
  165. package/esm2022/tabmenu/tabmenu.mjs +208 -70
  166. package/esm2022/tabview/tabview.mjs +236 -53
  167. package/esm2022/tag/tag.mjs +7 -7
  168. package/esm2022/terminal/terminal.mjs +10 -10
  169. package/esm2022/terminal/terminalservice.mjs +3 -3
  170. package/esm2022/tieredmenu/tieredmenu.mjs +887 -400
  171. package/esm2022/timeline/timeline.mjs +9 -9
  172. package/esm2022/toast/toast.mjs +63 -35
  173. package/esm2022/togglebutton/togglebutton.mjs +9 -9
  174. package/esm2022/toolbar/toolbar.mjs +23 -16
  175. package/esm2022/tooltip/tooltip.mjs +14 -9
  176. package/esm2022/tree/tree.mjs +13 -13
  177. package/esm2022/treeselect/treeselect.mjs +7 -7
  178. package/esm2022/treetable/treetable.mjs +72 -72
  179. package/esm2022/tristatecheckbox/tristatecheckbox.mjs +7 -7
  180. package/esm2022/utils/objectutils.mjs +31 -1
  181. package/esm2022/utils/uniquecomponentid.mjs +2 -3
  182. package/esm2022/virtualscroller/virtualscroller.mjs +7 -7
  183. package/fesm2022/primeng-accordion.mjs +215 -53
  184. package/fesm2022/primeng-accordion.mjs.map +1 -1
  185. package/fesm2022/primeng-animate.mjs +7 -7
  186. package/fesm2022/primeng-api.mjs +108 -35
  187. package/fesm2022/primeng-api.mjs.map +1 -1
  188. package/fesm2022/primeng-autocomplete.mjs +9 -9
  189. package/fesm2022/primeng-autocomplete.mjs.map +1 -1
  190. package/fesm2022/primeng-autofocus.mjs +7 -7
  191. package/fesm2022/primeng-avatar.mjs +23 -9
  192. package/fesm2022/primeng-avatar.mjs.map +1 -1
  193. package/fesm2022/primeng-avatargroup.mjs +7 -7
  194. package/fesm2022/primeng-badge.mjs +10 -10
  195. package/fesm2022/primeng-baseicon.mjs +3 -3
  196. package/fesm2022/primeng-blockui.mjs +25 -9
  197. package/fesm2022/primeng-blockui.mjs.map +1 -1
  198. package/fesm2022/primeng-breadcrumb.mjs +55 -38
  199. package/fesm2022/primeng-breadcrumb.mjs.map +1 -1
  200. package/fesm2022/primeng-button.mjs +46 -30
  201. package/fesm2022/primeng-button.mjs.map +1 -1
  202. package/fesm2022/primeng-calendar.mjs +7 -7
  203. package/fesm2022/primeng-card.mjs +9 -9
  204. package/fesm2022/primeng-card.mjs.map +1 -1
  205. package/fesm2022/primeng-carousel.mjs +152 -26
  206. package/fesm2022/primeng-carousel.mjs.map +1 -1
  207. package/fesm2022/primeng-cascadeselect.mjs +10 -10
  208. package/fesm2022/primeng-chart.mjs +7 -7
  209. package/fesm2022/primeng-checkbox.mjs +7 -7
  210. package/fesm2022/primeng-chip.mjs +24 -19
  211. package/fesm2022/primeng-chip.mjs.map +1 -1
  212. package/fesm2022/primeng-chips.mjs +7 -7
  213. package/fesm2022/primeng-colorpicker.mjs +7 -7
  214. package/fesm2022/primeng-confirmdialog.mjs +27 -11
  215. package/fesm2022/primeng-confirmdialog.mjs.map +1 -1
  216. package/fesm2022/primeng-confirmpopup.mjs +9 -7
  217. package/fesm2022/primeng-confirmpopup.mjs.map +1 -1
  218. package/fesm2022/primeng-contextmenu.mjs +1001 -551
  219. package/fesm2022/primeng-contextmenu.mjs.map +1 -1
  220. package/fesm2022/primeng-dataview.mjs +10 -10
  221. package/fesm2022/primeng-defer.mjs +7 -7
  222. package/fesm2022/primeng-dialog.mjs +20 -15
  223. package/fesm2022/primeng-dialog.mjs.map +1 -1
  224. package/fesm2022/primeng-divider.mjs +9 -9
  225. package/fesm2022/primeng-divider.mjs.map +1 -1
  226. package/fesm2022/primeng-dock.mjs +289 -91
  227. package/fesm2022/primeng-dock.mjs.map +1 -1
  228. package/fesm2022/primeng-dom.mjs +18 -6
  229. package/fesm2022/primeng-dom.mjs.map +1 -1
  230. package/fesm2022/primeng-dragdrop.mjs +10 -10
  231. package/fesm2022/primeng-dropdown.mjs +10 -10
  232. package/fesm2022/primeng-dynamicdialog.mjs +35 -18
  233. package/fesm2022/primeng-dynamicdialog.mjs.map +1 -1
  234. package/fesm2022/primeng-editor.mjs +7 -7
  235. package/fesm2022/primeng-fieldset.mjs +64 -37
  236. package/fesm2022/primeng-fieldset.mjs.map +1 -1
  237. package/fesm2022/primeng-fileupload.mjs +55 -47
  238. package/fesm2022/primeng-fileupload.mjs.map +1 -1
  239. package/fesm2022/primeng-focustrap.mjs +7 -7
  240. package/fesm2022/primeng-galleria.mjs +256 -47
  241. package/fesm2022/primeng-galleria.mjs.map +1 -1
  242. package/fesm2022/primeng-icons-angledoubledown.mjs +3 -3
  243. package/fesm2022/primeng-icons-angledoubleleft.mjs +3 -3
  244. package/fesm2022/primeng-icons-angledoubleright.mjs +3 -3
  245. package/fesm2022/primeng-icons-angledoubleup.mjs +3 -3
  246. package/fesm2022/primeng-icons-angledown.mjs +3 -3
  247. package/fesm2022/primeng-icons-angleleft.mjs +3 -3
  248. package/fesm2022/primeng-icons-angleright.mjs +3 -3
  249. package/fesm2022/primeng-icons-angleup.mjs +3 -3
  250. package/fesm2022/primeng-icons-arrowdown.mjs +3 -3
  251. package/fesm2022/primeng-icons-arrowdownleft.mjs +3 -3
  252. package/fesm2022/primeng-icons-arrowdownright.mjs +3 -3
  253. package/fesm2022/primeng-icons-arrowleft.mjs +3 -3
  254. package/fesm2022/primeng-icons-arrowright.mjs +3 -3
  255. package/fesm2022/primeng-icons-arrowup.mjs +3 -3
  256. package/fesm2022/primeng-icons-ban.mjs +3 -3
  257. package/fesm2022/primeng-icons-bars.mjs +3 -3
  258. package/fesm2022/primeng-icons-calendar.mjs +3 -3
  259. package/fesm2022/primeng-icons-caretleft.mjs +3 -3
  260. package/fesm2022/primeng-icons-caretright.mjs +3 -3
  261. package/fesm2022/primeng-icons-check.mjs +3 -3
  262. package/fesm2022/primeng-icons-chevrondown.mjs +3 -3
  263. package/fesm2022/primeng-icons-chevronleft.mjs +3 -3
  264. package/fesm2022/primeng-icons-chevronright.mjs +3 -3
  265. package/fesm2022/primeng-icons-chevronup.mjs +3 -3
  266. package/fesm2022/primeng-icons-exclamationtriangle.mjs +3 -3
  267. package/fesm2022/primeng-icons-eye.mjs +3 -3
  268. package/fesm2022/primeng-icons-eyeslash.mjs +3 -3
  269. package/fesm2022/primeng-icons-filter.mjs +3 -3
  270. package/fesm2022/primeng-icons-filterslash.mjs +3 -3
  271. package/fesm2022/primeng-icons-home.mjs +3 -3
  272. package/fesm2022/primeng-icons-infocircle.mjs +3 -3
  273. package/fesm2022/primeng-icons-minus.mjs +3 -3
  274. package/fesm2022/primeng-icons-pencil.mjs +3 -3
  275. package/fesm2022/primeng-icons-plus.mjs +3 -3
  276. package/fesm2022/primeng-icons-refresh.mjs +3 -3
  277. package/fesm2022/primeng-icons-search.mjs +3 -3
  278. package/fesm2022/primeng-icons-searchminus.mjs +3 -3
  279. package/fesm2022/primeng-icons-searchplus.mjs +3 -3
  280. package/fesm2022/primeng-icons-sortalt.mjs +3 -3
  281. package/fesm2022/primeng-icons-sortamountdown.mjs +3 -3
  282. package/fesm2022/primeng-icons-sortamountupalt.mjs +3 -3
  283. package/fesm2022/primeng-icons-spinner.mjs +3 -3
  284. package/fesm2022/primeng-icons-star.mjs +3 -3
  285. package/fesm2022/primeng-icons-starfill.mjs +3 -3
  286. package/fesm2022/primeng-icons-thlarge.mjs +3 -3
  287. package/fesm2022/primeng-icons-times.mjs +3 -3
  288. package/fesm2022/primeng-icons-timescircle.mjs +3 -3
  289. package/fesm2022/primeng-icons-trash.mjs +3 -3
  290. package/fesm2022/primeng-icons-undo.mjs +3 -3
  291. package/fesm2022/primeng-icons-upload.mjs +3 -3
  292. package/fesm2022/primeng-icons-windowmaximize.mjs +3 -3
  293. package/fesm2022/primeng-icons-windowminimize.mjs +3 -3
  294. package/fesm2022/primeng-image.mjs +75 -26
  295. package/fesm2022/primeng-image.mjs.map +1 -1
  296. package/fesm2022/primeng-inplace.mjs +29 -22
  297. package/fesm2022/primeng-inplace.mjs.map +1 -1
  298. package/fesm2022/primeng-inputmask.mjs +7 -7
  299. package/fesm2022/primeng-inputnumber.mjs +17 -7
  300. package/fesm2022/primeng-inputnumber.mjs.map +1 -1
  301. package/fesm2022/primeng-inputswitch.mjs +7 -7
  302. package/fesm2022/primeng-inputtext.mjs +7 -7
  303. package/fesm2022/primeng-inputtextarea.mjs +7 -7
  304. package/fesm2022/primeng-keyfilter.mjs +7 -7
  305. package/fesm2022/primeng-knob.mjs +7 -7
  306. package/fesm2022/primeng-listbox.mjs +7 -7
  307. package/fesm2022/primeng-megamenu.mjs +1010 -353
  308. package/fesm2022/primeng-megamenu.mjs.map +1 -1
  309. package/fesm2022/primeng-menu.mjs +413 -182
  310. package/fesm2022/primeng-menu.mjs.map +1 -1
  311. package/fesm2022/primeng-menubar.mjs +915 -293
  312. package/fesm2022/primeng-menubar.mjs.map +1 -1
  313. package/fesm2022/primeng-message.mjs +7 -7
  314. package/fesm2022/primeng-messages.mjs +33 -33
  315. package/fesm2022/primeng-messages.mjs.map +1 -1
  316. package/fesm2022/primeng-multiselect.mjs +11 -10
  317. package/fesm2022/primeng-multiselect.mjs.map +1 -1
  318. package/fesm2022/primeng-orderlist.mjs +15 -21
  319. package/fesm2022/primeng-orderlist.mjs.map +1 -1
  320. package/fesm2022/primeng-organizationchart.mjs +14 -14
  321. package/fesm2022/primeng-organizationchart.mjs.map +1 -1
  322. package/fesm2022/primeng-overlay.mjs +7 -7
  323. package/fesm2022/primeng-overlaypanel.mjs +11 -7
  324. package/fesm2022/primeng-overlaypanel.mjs.map +1 -1
  325. package/fesm2022/primeng-paginator.mjs +7 -7
  326. package/fesm2022/primeng-panel.mjs +51 -40
  327. package/fesm2022/primeng-panel.mjs.map +1 -1
  328. package/fesm2022/primeng-panelmenu.mjs +1006 -350
  329. package/fesm2022/primeng-panelmenu.mjs.map +1 -1
  330. package/fesm2022/primeng-password.mjs +13 -13
  331. package/fesm2022/primeng-picklist.mjs +7 -7
  332. package/fesm2022/primeng-progressbar.mjs +25 -21
  333. package/fesm2022/primeng-progressbar.mjs.map +1 -1
  334. package/fesm2022/primeng-progressspinner.mjs +11 -11
  335. package/fesm2022/primeng-progressspinner.mjs.map +1 -1
  336. package/fesm2022/primeng-radiobutton.mjs +10 -10
  337. package/fesm2022/primeng-rating.mjs +7 -7
  338. package/fesm2022/primeng-ripple.mjs +9 -7
  339. package/fesm2022/primeng-ripple.mjs.map +1 -1
  340. package/fesm2022/primeng-scroller.mjs +7 -7
  341. package/fesm2022/primeng-scrollpanel.mjs +200 -28
  342. package/fesm2022/primeng-scrollpanel.mjs.map +1 -1
  343. package/fesm2022/primeng-scrolltop.mjs +16 -7
  344. package/fesm2022/primeng-scrolltop.mjs.map +1 -1
  345. package/fesm2022/primeng-selectbutton.mjs +9 -9
  346. package/fesm2022/primeng-selectbutton.mjs.map +1 -1
  347. package/fesm2022/primeng-sidebar.mjs +50 -19
  348. package/fesm2022/primeng-sidebar.mjs.map +1 -1
  349. package/fesm2022/primeng-skeleton.mjs +8 -8
  350. package/fesm2022/primeng-skeleton.mjs.map +1 -1
  351. package/fesm2022/primeng-slidemenu.mjs +1065 -371
  352. package/fesm2022/primeng-slidemenu.mjs.map +1 -1
  353. package/fesm2022/primeng-slider.mjs +7 -7
  354. package/fesm2022/primeng-speeddial.mjs +296 -20
  355. package/fesm2022/primeng-speeddial.mjs.map +1 -1
  356. package/fesm2022/primeng-spinner.mjs +7 -7
  357. package/fesm2022/primeng-splitbutton.mjs +70 -15
  358. package/fesm2022/primeng-splitbutton.mjs.map +1 -1
  359. package/fesm2022/primeng-splitter.mjs +166 -35
  360. package/fesm2022/primeng-splitter.mjs.map +1 -1
  361. package/fesm2022/primeng-steps.mjs +117 -27
  362. package/fesm2022/primeng-steps.mjs.map +1 -1
  363. package/fesm2022/primeng-styleclass.mjs +7 -7
  364. package/fesm2022/primeng-table.mjs +94 -88
  365. package/fesm2022/primeng-table.mjs.map +1 -1
  366. package/fesm2022/primeng-tabmenu.mjs +207 -69
  367. package/fesm2022/primeng-tabmenu.mjs.map +1 -1
  368. package/fesm2022/primeng-tabview.mjs +235 -52
  369. package/fesm2022/primeng-tabview.mjs.map +1 -1
  370. package/fesm2022/primeng-tag.mjs +7 -7
  371. package/fesm2022/primeng-terminal.mjs +12 -12
  372. package/fesm2022/primeng-terminal.mjs.map +1 -1
  373. package/fesm2022/primeng-tieredmenu.mjs +886 -399
  374. package/fesm2022/primeng-tieredmenu.mjs.map +1 -1
  375. package/fesm2022/primeng-timeline.mjs +9 -9
  376. package/fesm2022/primeng-timeline.mjs.map +1 -1
  377. package/fesm2022/primeng-toast.mjs +62 -34
  378. package/fesm2022/primeng-toast.mjs.map +1 -1
  379. package/fesm2022/primeng-togglebutton.mjs +9 -9
  380. package/fesm2022/primeng-togglebutton.mjs.map +1 -1
  381. package/fesm2022/primeng-toolbar.mjs +22 -15
  382. package/fesm2022/primeng-toolbar.mjs.map +1 -1
  383. package/fesm2022/primeng-tooltip.mjs +13 -8
  384. package/fesm2022/primeng-tooltip.mjs.map +1 -1
  385. package/fesm2022/primeng-tree.mjs +12 -12
  386. package/fesm2022/primeng-tree.mjs.map +1 -1
  387. package/fesm2022/primeng-treeselect.mjs +7 -7
  388. package/fesm2022/primeng-treetable.mjs +71 -71
  389. package/fesm2022/primeng-treetable.mjs.map +1 -1
  390. package/fesm2022/primeng-tristatecheckbox.mjs +7 -7
  391. package/fesm2022/primeng-utils.mjs +31 -2
  392. package/fesm2022/primeng-utils.mjs.map +1 -1
  393. package/fesm2022/primeng-virtualscroller.mjs +7 -7
  394. package/fieldset/fieldset.d.ts +6 -5
  395. package/galleria/galleria.d.ts +24 -4
  396. package/image/image.d.ts +11 -1
  397. package/inplace/inplace.d.ts +6 -1
  398. package/megamenu/megamenu.d.ts +140 -16
  399. package/menu/menu.d.ts +64 -7
  400. package/menubar/menubar.d.ts +119 -23
  401. package/orderlist/orderlist.d.ts +2 -1
  402. package/package.json +98 -98
  403. package/panel/panel.d.ts +6 -5
  404. package/panelmenu/panelmenu.d.ts +136 -22
  405. package/resources/components/autocomplete/autocomplete.css +9 -8
  406. package/resources/components/breadcrumb/breadcrumb.css +9 -3
  407. package/resources/components/button/button.css +4 -0
  408. package/resources/components/common/common.css +1 -1
  409. package/resources/components/contextmenu/contextmenu.css +1 -7
  410. package/resources/components/dock/dock.css +1 -1
  411. package/resources/components/megamenu/megamenu.css +9 -10
  412. package/resources/components/menubar/menubar.css +4 -0
  413. package/resources/components/panelmenu/panelmenu.css +4 -2
  414. package/resources/components/slidemenu/slidemenu.css +40 -41
  415. package/resources/components/tabview/tabview.css +3 -2
  416. package/resources/primeng.css +4 -1
  417. package/resources/primeng.min.css +1 -1
  418. package/resources/themes/arya-blue/theme.css +358 -396
  419. package/resources/themes/arya-green/theme.css +358 -396
  420. package/resources/themes/arya-orange/theme.css +358 -396
  421. package/resources/themes/arya-purple/theme.css +358 -396
  422. package/resources/themes/bootstrap4-dark-blue/theme.css +373 -422
  423. package/resources/themes/bootstrap4-dark-purple/theme.css +373 -422
  424. package/resources/themes/bootstrap4-light-blue/theme.css +385 -434
  425. package/resources/themes/bootstrap4-light-purple/theme.css +385 -434
  426. package/resources/themes/fluent-light/theme.css +368 -406
  427. package/resources/themes/lara-dark-blue/theme.css +360 -398
  428. package/resources/themes/lara-dark-indigo/theme.css +360 -398
  429. package/resources/themes/lara-dark-purple/theme.css +360 -398
  430. package/resources/themes/lara-dark-teal/theme.css +360 -398
  431. package/resources/themes/lara-light-blue/theme.css +386 -424
  432. package/resources/themes/lara-light-indigo/theme.css +386 -424
  433. package/resources/themes/lara-light-purple/theme.css +386 -424
  434. package/resources/themes/lara-light-teal/theme.css +386 -424
  435. package/resources/themes/luna-amber/theme.css +376 -414
  436. package/resources/themes/luna-blue/theme.css +376 -414
  437. package/resources/themes/luna-green/theme.css +376 -414
  438. package/resources/themes/luna-pink/theme.css +376 -414
  439. package/resources/themes/md-dark-deeppurple/theme.css +389 -409
  440. package/resources/themes/md-dark-indigo/theme.css +389 -409
  441. package/resources/themes/md-light-deeppurple/theme.css +389 -409
  442. package/resources/themes/md-light-indigo/theme.css +389 -409
  443. package/resources/themes/mdc-dark-deeppurple/theme.css +389 -409
  444. package/resources/themes/mdc-dark-indigo/theme.css +389 -409
  445. package/resources/themes/mdc-light-deeppurple/theme.css +389 -409
  446. package/resources/themes/mdc-light-indigo/theme.css +389 -409
  447. package/resources/themes/mira/theme.css +363 -401
  448. package/resources/themes/nano/theme.css +364 -402
  449. package/resources/themes/nova/theme.css +352 -390
  450. package/resources/themes/nova-accent/theme.css +352 -390
  451. package/resources/themes/nova-alt/theme.css +352 -390
  452. package/resources/themes/rhea/theme.css +352 -390
  453. package/resources/themes/saga-blue/theme.css +364 -402
  454. package/resources/themes/saga-green/theme.css +364 -402
  455. package/resources/themes/saga-orange/theme.css +364 -402
  456. package/resources/themes/saga-purple/theme.css +364 -402
  457. package/resources/themes/soho-dark/theme.css +378 -416
  458. package/resources/themes/soho-light/theme.css +386 -424
  459. package/resources/themes/tailwind-light/theme.css +377 -415
  460. package/resources/themes/vela-blue/theme.css +364 -402
  461. package/resources/themes/vela-green/theme.css +364 -402
  462. package/resources/themes/vela-orange/theme.css +364 -402
  463. package/resources/themes/vela-purple/theme.css +364 -402
  464. package/resources/themes/viva-dark/theme.css +358 -396
  465. package/resources/themes/viva-light/theme.css +364 -402
  466. package/scrollpanel/scrollpanel.d.ts +22 -4
  467. package/scrolltop/scrolltop.d.ts +6 -1
  468. package/sidebar/sidebar.d.ts +1 -0
  469. package/slidemenu/slidemenu.d.ts +192 -86
  470. package/speeddial/speeddial.d.ts +34 -1
  471. package/splitbutton/splitbutton.d.ts +5 -1
  472. package/splitter/splitter.d.ts +18 -5
  473. package/steps/steps.d.ts +20 -3
  474. package/table/table.d.ts +3 -1
  475. package/tabmenu/tabmenu.d.ts +27 -2
  476. package/tabview/tabview.d.ts +36 -5
  477. package/tieredmenu/tieredmenu.d.ts +137 -51
  478. package/toolbar/toolbar.d.ts +6 -1
  479. package/tooltip/tooltip.d.ts +1 -1
  480. package/utils/objectutils.d.ts +4 -0
  481. package/utils/uniquecomponentid.d.ts +1 -1
package/resources/themes/arya-purple/theme.css CHANGED
@@ -2366,6 +2366,16 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
2366
2366
  height: 1.3rem;
2367
2367
  }
2368
2368
 
2369
+ .p-speeddial-list {
2370
+ outline: 0 none;
2371
+ }
2372
+
2373
+ .p-speeddial-item.p-focus > .p-speeddial-action {
2374
+ outline: 0 none;
2375
+ outline-offset: 0;
2376
+ box-shadow: 0 0 0 1px #cf95d9;
2377
+ }
2378
+
2369
2379
  .p-speeddial-action {
2370
2380
  width: 3rem;
2371
2381
  height: 3rem;
@@ -4105,7 +4115,7 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
4105
4115
  .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus {
4106
4116
  outline: 0 none;
4107
4117
  outline-offset: 0;
4108
- box-shadow: 0 0 0 1px #cf95d9;
4118
+ box-shadow: inset 0 0 0 1px #cf95d9;
4109
4119
  }
4110
4120
  .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
4111
4121
  background: rgba(255, 255, 255, 0.03);
@@ -4339,6 +4349,9 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
4339
4349
  background: #383838;
4340
4350
  }
4341
4351
 
4352
+ .p-tabview .p-tabview-nav-content {
4353
+ scroll-padding-inline: 2.357rem;
4354
+ }
4342
4355
  .p-tabview .p-tabview-nav {
4343
4356
  background: transparent;
4344
4357
  border: 1px solid #383838;
@@ -4692,29 +4705,29 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
4692
4705
  border-radius: 3px;
4693
4706
  padding: 1rem;
4694
4707
  }
4695
- .p-breadcrumb ul li .p-menuitem-link {
4708
+ .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link {
4696
4709
  transition: box-shadow 0.2s;
4697
4710
  border-radius: 3px;
4698
4711
  }
4699
- .p-breadcrumb ul li .p-menuitem-link:focus {
4712
+ .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus {
4700
4713
  outline: 0 none;
4701
4714
  outline-offset: 0;
4702
4715
  box-shadow: 0 0 0 1px #cf95d9;
4703
4716
  }
4704
- .p-breadcrumb ul li .p-menuitem-link .p-menuitem-text {
4717
+ .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text {
4705
4718
  color: rgba(255, 255, 255, 0.87);
4706
4719
  }
4707
- .p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon {
4720
+ .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon {
4708
4721
  color: rgba(255, 255, 255, 0.6);
4709
4722
  }
4710
- .p-breadcrumb ul li.p-breadcrumb-chevron {
4723
+ .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator {
4711
4724
  margin: 0 0.5rem 0 0.5rem;
4712
4725
  color: rgba(255, 255, 255, 0.87);
4713
4726
  }
4714
- .p-breadcrumb ul li:last-child .p-menuitem-text {
4727
+ .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text {
4715
4728
  color: rgba(255, 255, 255, 0.87);
4716
4729
  }
4717
- .p-breadcrumb ul li:last-child .p-menuitem-icon {
4730
+ .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon {
4718
4731
  color: rgba(255, 255, 255, 0.6);
4719
4732
  }
4720
4733
 
@@ -4727,97 +4740,100 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
4727
4740
  border-radius: 3px;
4728
4741
  width: 12.5rem;
4729
4742
  }
4730
- .p-contextmenu .p-menuitem-link {
4731
- padding: 0.75rem 1rem;
4743
+ .p-contextmenu .p-contextmenu-root-list {
4744
+ outline: 0 none;
4745
+ }
4746
+ .p-contextmenu .p-submenu-list {
4747
+ padding: 0.25rem 0;
4748
+ background: #1e1e1e;
4749
+ border: 1px solid #383838;
4750
+ 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);
4751
+ border-radius: 3px;
4752
+ }
4753
+ .p-contextmenu .p-menuitem > .p-menuitem-content {
4732
4754
  color: rgba(255, 255, 255, 0.87);
4733
- border-radius: 0;
4734
4755
  transition: box-shadow 0.2s;
4756
+ border-radius: 0;
4757
+ }
4758
+ .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
4759
+ color: rgba(255, 255, 255, 0.87);
4760
+ padding: 0.75rem 1rem;
4735
4761
  user-select: none;
4736
4762
  }
4737
- .p-contextmenu .p-menuitem-link .p-menuitem-text {
4763
+ .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
4738
4764
  color: rgba(255, 255, 255, 0.87);
4739
4765
  }
4740
- .p-contextmenu .p-menuitem-link .p-menuitem-icon {
4766
+ .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
4741
4767
  color: rgba(255, 255, 255, 0.6);
4742
4768
  margin-right: 0.5rem;
4743
4769
  }
4744
- .p-contextmenu .p-menuitem-link .p-submenu-icon {
4770
+ .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
4745
4771
  color: rgba(255, 255, 255, 0.6);
4746
4772
  }
4747
- .p-contextmenu .p-menuitem-link:not(.p-disabled):hover {
4748
- background: rgba(255, 255, 255, 0.03);
4749
- }
4750
- .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
4773
+ .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content {
4751
4774
  color: rgba(255, 255, 255, 0.87);
4775
+ background: rgba(255, 255, 255, 0.03);
4752
4776
  }
4753
- .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
4777
+ .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
4754
4778
  color: rgba(255, 255, 255, 0.87);
4755
4779
  }
4756
- .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
4780
+ .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 {
4757
4781
  color: rgba(255, 255, 255, 0.87);
4758
4782
  }
4759
- .p-contextmenu .p-menuitem-link:focus {
4760
- outline: 0 none;
4761
- outline-offset: 0;
4762
- box-shadow: inset 0 0 0 0.15rem #cf95d9;
4783
+ .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
4784
+ background: rgba(255, 255, 255, 0.03);
4763
4785
  }
4764
- .p-contextmenu .p-submenu-list {
4765
- padding: 0.25rem 0;
4766
- background: #1e1e1e;
4767
- border: 1px solid #383838;
4768
- 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);
4769
- border-radius: 3px;
4786
+ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
4787
+ color: rgba(255, 255, 255, 0.87);
4788
+ background: rgba(255, 255, 255, 0.09);
4770
4789
  }
4771
- .p-contextmenu .p-menuitem {
4772
- margin: 0;
4790
+ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
4791
+ color: rgba(255, 255, 255, 0.87);
4773
4792
  }
4774
- .p-contextmenu .p-menuitem:last-child {
4775
- margin: 0;
4793
+ .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 {
4794
+ color: rgba(255, 255, 255, 0.87);
4776
4795
  }
4777
- .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
4796
+ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
4797
+ color: rgba(255, 255, 255, 0.87);
4778
4798
  background: rgba(255, 255, 255, 0.03);
4779
4799
  }
4780
- .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
4800
+ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
4781
4801
  color: rgba(255, 255, 255, 0.87);
4782
4802
  }
4783
- .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 {
4803
+ .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 {
4784
4804
  color: rgba(255, 255, 255, 0.87);
4785
4805
  }
4786
- .p-contextmenu .p-menu-separator {
4806
+ .p-contextmenu .p-menuitem-separator {
4787
4807
  border-top: 1px solid #383838;
4788
4808
  margin: 0.25rem 0;
4789
4809
  }
4790
4810
  .p-contextmenu .p-submenu-icon {
4791
4811
  font-size: 0.875rem;
4792
4812
  }
4793
- .p-contextmenu .p-icon {
4813
+ .p-contextmenu .p-submenu-icon.p-icon {
4794
4814
  width: 0.875rem;
4795
4815
  height: 0.875rem;
4796
4816
  }
4797
- .p-contextmenu .p-menuitem-badge {
4798
- background: #BA68C8;
4799
- color: #ffffff;
4800
- font-size: 0.75rem;
4801
- font-weight: 700;
4802
- min-width: 1.5rem;
4803
- height: 1.5rem;
4804
- line-height: 1.5rem;
4805
- border-radius: 3px;
4806
- margin-left: 0.5rem;
4807
- padding-left: 0.5rem;
4808
- padding-right: 0.5rem;
4809
- }
4810
4817
 
4811
- .p-dock .p-dock-list {
4818
+ .p-dock .p-dock-list-container {
4812
4819
  background: rgba(255, 255, 255, 0.1);
4813
4820
  border: 1px solid rgba(255, 255, 255, 0.2);
4814
4821
  padding: 0.5rem 0.5rem;
4815
4822
  border-radius: 0.5rem;
4816
4823
  }
4824
+ .p-dock .p-dock-list-container .p-dock-list {
4825
+ outline: 0 none;
4826
+ }
4817
4827
  .p-dock .p-dock-item {
4818
4828
  padding: 0.5rem;
4829
+ border-radius: 3px;
4819
4830
  }
4820
- .p-dock .p-dock-action {
4831
+ .p-dock .p-dock-item.p-focus {
4832
+ outline: 0 none;
4833
+ outline-offset: 0;
4834
+ box-shadow: inset 0 0 0 0.15rem #cf95d9;
4835
+ }
4836
+ .p-dock .p-dock-link {
4821
4837
  width: 4rem;
4822
4838
  height: 4rem;
4823
4839
  }
@@ -4875,98 +4891,69 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
4875
4891
  border: 1px solid #383838;
4876
4892
  border-radius: 3px;
4877
4893
  }
4878
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link {
4879
- padding: 0.75rem 1rem;
4894
+ .p-megamenu .p-megamenu-root-list {
4895
+ outline: 0 none;
4896
+ }
4897
+ .p-megamenu .p-menuitem > .p-menuitem-content {
4880
4898
  color: rgba(255, 255, 255, 0.87);
4881
- border-radius: 3px;
4882
4899
  transition: box-shadow 0.2s;
4900
+ border-radius: 0;
4901
+ }
4902
+ .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
4903
+ color: rgba(255, 255, 255, 0.87);
4904
+ padding: 0.75rem 1rem;
4883
4905
  user-select: none;
4884
4906
  }
4885
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
4907
+ .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
4886
4908
  color: rgba(255, 255, 255, 0.87);
4887
4909
  }
4888
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
4910
+ .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
4889
4911
  color: rgba(255, 255, 255, 0.6);
4890
4912
  margin-right: 0.5rem;
4891
4913
  }
4892
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
4914
+ .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
4893
4915
  color: rgba(255, 255, 255, 0.6);
4894
- margin-left: 0.5rem;
4895
- }
4896
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
4897
- background: rgba(255, 255, 255, 0.03);
4898
4916
  }
4899
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
4917
+ .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content {
4900
4918
  color: rgba(255, 255, 255, 0.87);
4919
+ background: rgba(255, 255, 255, 0.03);
4901
4920
  }
4902
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
4921
+ .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
4903
4922
  color: rgba(255, 255, 255, 0.87);
4904
4923
  }
4905
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
4924
+ .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 {
4906
4925
  color: rgba(255, 255, 255, 0.87);
4907
4926
  }
4908
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus {
4909
- outline: 0 none;
4910
- outline-offset: 0;
4911
- box-shadow: inset 0 0 0 0.15rem #cf95d9;
4912
- }
4913
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
4914
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
4927
+ .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
4915
4928
  background: rgba(255, 255, 255, 0.03);
4916
4929
  }
4917
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
4918
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
4930
+ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
4919
4931
  color: rgba(255, 255, 255, 0.87);
4932
+ background: rgba(255, 255, 255, 0.09);
4920
4933
  }
4921
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
4922
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
4934
+ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
4923
4935
  color: rgba(255, 255, 255, 0.87);
4924
4936
  }
4925
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
4926
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
4937
+ .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 {
4927
4938
  color: rgba(255, 255, 255, 0.87);
4928
4939
  }
4929
- .p-megamenu .p-menuitem-link {
4930
- padding: 0.75rem 1rem;
4940
+ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
4931
4941
  color: rgba(255, 255, 255, 0.87);
4932
- border-radius: 0;
4933
- transition: box-shadow 0.2s;
4934
- user-select: none;
4935
- }
4936
- .p-megamenu .p-menuitem-link .p-menuitem-text {
4937
- color: rgba(255, 255, 255, 0.87);
4938
- }
4939
- .p-megamenu .p-menuitem-link .p-menuitem-icon {
4940
- color: rgba(255, 255, 255, 0.6);
4941
- margin-right: 0.5rem;
4942
- }
4943
- .p-megamenu .p-menuitem-link .p-submenu-icon {
4944
- color: rgba(255, 255, 255, 0.6);
4945
- }
4946
- .p-megamenu .p-menuitem-link:not(.p-disabled):hover {
4947
4942
  background: rgba(255, 255, 255, 0.03);
4948
4943
  }
4949
- .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
4944
+ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
4950
4945
  color: rgba(255, 255, 255, 0.87);
4951
4946
  }
4952
- .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
4947
+ .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 {
4953
4948
  color: rgba(255, 255, 255, 0.87);
4954
4949
  }
4955
- .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
4956
- color: rgba(255, 255, 255, 0.87);
4957
- }
4958
- .p-megamenu .p-menuitem-link:focus {
4959
- outline: 0 none;
4960
- outline-offset: 0;
4961
- box-shadow: inset 0 0 0 0.15rem #cf95d9;
4962
- }
4963
4950
  .p-megamenu .p-megamenu-panel {
4964
4951
  background: #1e1e1e;
4965
4952
  color: rgba(255, 255, 255, 0.87);
4966
4953
  border: 1px solid #383838;
4967
4954
  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);
4968
4955
  }
4969
- .p-megamenu .p-megamenu-submenu-header {
4956
+ .p-megamenu .p-submenu-header {
4970
4957
  margin: 0;
4971
4958
  padding: 0.75rem 1rem;
4972
4959
  color: rgba(255, 255, 255, 0.87);
@@ -4975,51 +4962,47 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
4975
4962
  border-top-right-radius: 3px;
4976
4963
  border-top-left-radius: 3px;
4977
4964
  }
4978
- .p-megamenu .p-megamenu-submenu {
4965
+ .p-megamenu .p-submenu-list {
4979
4966
  padding: 0.25rem 0;
4980
4967
  width: 12.5rem;
4981
4968
  }
4982
- .p-megamenu .p-megamenu-submenu .p-menu-separator {
4969
+ .p-megamenu .p-submenu-list .p-menuitem-separator {
4983
4970
  border-top: 1px solid #383838;
4984
4971
  margin: 0.25rem 0;
4985
4972
  }
4986
- .p-megamenu .p-megamenu-submenu .p-menuitem {
4987
- margin: 0;
4973
+ .p-megamenu.p-megamenu-vertical {
4974
+ width: 12.5rem;
4975
+ padding: 0.25rem 0;
4988
4976
  }
4989
- .p-megamenu .p-megamenu-submenu .p-menuitem:last-child {
4990
- margin: 0;
4977
+ .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content {
4978
+ color: rgba(255, 255, 255, 0.87);
4979
+ transition: box-shadow 0.2s;
4980
+ border-radius: 3px;
4991
4981
  }
4992
- .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
4993
- background: rgba(255, 255, 255, 0.03);
4982
+ .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link {
4983
+ padding: 0.75rem 1rem;
4984
+ user-select: none;
4994
4985
  }
4995
- .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
4986
+ .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
4996
4987
  color: rgba(255, 255, 255, 0.87);
4997
4988
  }
4998
- .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 {
4999
- color: rgba(255, 255, 255, 0.87);
4989
+ .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
4990
+ color: rgba(255, 255, 255, 0.6);
4991
+ margin-right: 0.5rem;
5000
4992
  }
5001
- .p-megamenu.p-megamenu-vertical {
5002
- width: 12.5rem;
5003
- padding: 0.25rem 0;
4993
+ .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
4994
+ color: rgba(255, 255, 255, 0.6);
4995
+ margin-left: 0.5rem;
5004
4996
  }
5005
- .p-megamenu.p-megamenu-vertical .p-menuitem {
5006
- margin: 0;
4997
+ .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
4998
+ color: rgba(255, 255, 255, 0.87);
4999
+ background: rgba(255, 255, 255, 0.03);
5007
5000
  }
5008
- .p-megamenu.p-megamenu-vertical .p-menuitem:last-child {
5009
- margin: 0;
5001
+ .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 {
5002
+ color: rgba(255, 255, 255, 0.87);
5010
5003
  }
5011
- .p-megamenu .p-menuitem-badge {
5012
- background: #BA68C8;
5013
- color: #ffffff;
5014
- font-size: 0.75rem;
5015
- font-weight: 700;
5016
- min-width: 1.5rem;
5017
- height: 1.5rem;
5018
- line-height: 1.5rem;
5019
- border-radius: 3px;
5020
- margin-left: 0.5rem;
5021
- padding-left: 0.5rem;
5022
- padding-right: 0.5rem;
5004
+ .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 {
5005
+ color: rgba(255, 255, 255, 0.87);
5023
5006
  }
5024
5007
 
5025
5008
  .p-menu {
@@ -5030,39 +5013,58 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
5030
5013
  border-radius: 3px;
5031
5014
  width: 12.5rem;
5032
5015
  }
5033
- .p-menu .p-menuitem-link {
5034
- padding: 0.75rem 1rem;
5016
+ .p-menu .p-menuitem > .p-menuitem-content {
5035
5017
  color: rgba(255, 255, 255, 0.87);
5036
- border-radius: 0;
5037
5018
  transition: box-shadow 0.2s;
5019
+ border-radius: 0;
5020
+ }
5021
+ .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link {
5022
+ color: rgba(255, 255, 255, 0.87);
5023
+ padding: 0.75rem 1rem;
5038
5024
  user-select: none;
5039
5025
  }
5040
- .p-menu .p-menuitem-link .p-menuitem-text {
5026
+ .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
5041
5027
  color: rgba(255, 255, 255, 0.87);
5042
5028
  }
5043
- .p-menu .p-menuitem-link .p-menuitem-icon {
5029
+ .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
5044
5030
  color: rgba(255, 255, 255, 0.6);
5045
5031
  margin-right: 0.5rem;
5046
5032
  }
5047
- .p-menu .p-menuitem-link .p-submenu-icon {
5033
+ .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
5048
5034
  color: rgba(255, 255, 255, 0.6);
5049
5035
  }
5050
- .p-menu .p-menuitem-link:not(.p-disabled):hover {
5036
+ .p-menu .p-menuitem.p-highlight > .p-menuitem-content {
5037
+ color: rgba(255, 255, 255, 0.87);
5038
+ background: rgba(255, 255, 255, 0.03);
5039
+ }
5040
+ .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
5041
+ color: rgba(255, 255, 255, 0.87);
5042
+ }
5043
+ .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 {
5044
+ color: rgba(255, 255, 255, 0.87);
5045
+ }
5046
+ .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
5051
5047
  background: rgba(255, 255, 255, 0.03);
5052
5048
  }
5053
- .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
5049
+ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
5054
5050
  color: rgba(255, 255, 255, 0.87);
5051
+ background: rgba(255, 255, 255, 0.09);
5055
5052
  }
5056
- .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
5053
+ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
5057
5054
  color: rgba(255, 255, 255, 0.87);
5058
5055
  }
5059
- .p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
5056
+ .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 {
5060
5057
  color: rgba(255, 255, 255, 0.87);
5061
5058
  }
5062
- .p-menu .p-menuitem-link:focus {
5063
- outline: 0 none;
5064
- outline-offset: 0;
5065
- box-shadow: inset 0 0 0 0.15rem #cf95d9;
5059
+ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
5060
+ color: rgba(255, 255, 255, 0.87);
5061
+ background: rgba(255, 255, 255, 0.03);
5062
+ }
5063
+ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
5064
+ color: rgba(255, 255, 255, 0.87);
5065
+ }
5066
+ .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 {
5067
+ color: rgba(255, 255, 255, 0.87);
5066
5068
  }
5067
5069
  .p-menu.p-menu-overlay {
5068
5070
  background: #1e1e1e;
@@ -5078,16 +5080,10 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
5078
5080
  border-top-right-radius: 0;
5079
5081
  border-top-left-radius: 0;
5080
5082
  }
5081
- .p-menu .p-menu-separator {
5083
+ .p-menu .p-menuitem-separator {
5082
5084
  border-top: 1px solid #383838;
5083
5085
  margin: 0.25rem 0;
5084
5086
  }
5085
- .p-menu .p-menuitem {
5086
- margin: 0;
5087
- }
5088
- .p-menu .p-menuitem:last-child {
5089
- margin: 0;
5090
- }
5091
5087
  .p-menu .p-menuitem-badge {
5092
5088
  background: #BA68C8;
5093
5089
  color: #ffffff;
@@ -5109,89 +5105,90 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
5109
5105
  border: 1px solid #383838;
5110
5106
  border-radius: 3px;
5111
5107
  }
5112
- .p-menubar .p-menuitem-link {
5113
- padding: 0.75rem 1rem;
5108
+ .p-menubar .p-menubar-root-list {
5109
+ outline: 0 none;
5110
+ }
5111
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content {
5114
5112
  color: rgba(255, 255, 255, 0.87);
5115
- border-radius: 0;
5116
5113
  transition: box-shadow 0.2s;
5114
+ border-radius: 3px;
5115
+ }
5116
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link {
5117
+ padding: 0.75rem 1rem;
5117
5118
  user-select: none;
5118
5119
  }
5119
- .p-menubar .p-menuitem-link .p-menuitem-text {
5120
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
5120
5121
  color: rgba(255, 255, 255, 0.87);
5121
5122
  }
5122
- .p-menubar .p-menuitem-link .p-menuitem-icon {
5123
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
5123
5124
  color: rgba(255, 255, 255, 0.6);
5124
5125
  margin-right: 0.5rem;
5125
5126
  }
5126
- .p-menubar .p-menuitem-link .p-submenu-icon {
5127
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
5127
5128
  color: rgba(255, 255, 255, 0.6);
5129
+ margin-left: 0.5rem;
5128
5130
  }
5129
- .p-menubar .p-menuitem-link:not(.p-disabled):hover {
5131
+ .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
5132
+ color: rgba(255, 255, 255, 0.87);
5130
5133
  background: rgba(255, 255, 255, 0.03);
5131
5134
  }
5132
- .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
5135
+ .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
5133
5136
  color: rgba(255, 255, 255, 0.87);
5134
5137
  }
5135
- .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
5138
+ .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 {
5136
5139
  color: rgba(255, 255, 255, 0.87);
5137
5140
  }
5138
- .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
5141
+ .p-menubar .p-menuitem > .p-menuitem-content {
5139
5142
  color: rgba(255, 255, 255, 0.87);
5143
+ transition: box-shadow 0.2s;
5144
+ border-radius: 0;
5140
5145
  }
5141
- .p-menubar .p-menuitem-link:focus {
5142
- outline: 0 none;
5143
- outline-offset: 0;
5144
- box-shadow: inset 0 0 0 0.15rem #cf95d9;
5145
- }
5146
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
5147
- padding: 0.75rem 1rem;
5146
+ .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link {
5148
5147
  color: rgba(255, 255, 255, 0.87);
5149
- border-radius: 3px;
5150
- transition: box-shadow 0.2s;
5148
+ padding: 0.75rem 1rem;
5151
5149
  user-select: none;
5152
5150
  }
5153
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
5151
+ .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
5154
5152
  color: rgba(255, 255, 255, 0.87);
5155
5153
  }
5156
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
5154
+ .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
5157
5155
  color: rgba(255, 255, 255, 0.6);
5158
5156
  margin-right: 0.5rem;
5159
5157
  }
5160
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
5158
+ .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
5161
5159
  color: rgba(255, 255, 255, 0.6);
5162
- margin-left: 0.5rem;
5163
5160
  }
5164
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
5161
+ .p-menubar .p-menuitem.p-highlight > .p-menuitem-content {
5162
+ color: rgba(255, 255, 255, 0.87);
5165
5163
  background: rgba(255, 255, 255, 0.03);
5166
5164
  }
5167
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
5165
+ .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
5168
5166
  color: rgba(255, 255, 255, 0.87);
5169
5167
  }
5170
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
5168
+ .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 {
5171
5169
  color: rgba(255, 255, 255, 0.87);
5172
5170
  }
5173
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
5171
+ .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
5172
+ background: rgba(255, 255, 255, 0.03);
5173
+ }
5174
+ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
5174
5175
  color: rgba(255, 255, 255, 0.87);
5176
+ background: rgba(255, 255, 255, 0.09);
5175
5177
  }
5176
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
5177
- outline: 0 none;
5178
- outline-offset: 0;
5179
- box-shadow: inset 0 0 0 0.15rem #cf95d9;
5178
+ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
5179
+ color: rgba(255, 255, 255, 0.87);
5180
5180
  }
5181
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
5182
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
5183
- background: rgba(255, 255, 255, 0.03);
5181
+ .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 {
5182
+ color: rgba(255, 255, 255, 0.87);
5184
5183
  }
5185
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
5186
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
5184
+ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
5187
5185
  color: rgba(255, 255, 255, 0.87);
5186
+ background: rgba(255, 255, 255, 0.03);
5188
5187
  }
5189
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
5190
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
5188
+ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
5191
5189
  color: rgba(255, 255, 255, 0.87);
5192
5190
  }
5193
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
5194
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
5191
+ .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 {
5195
5192
  color: rgba(255, 255, 255, 0.87);
5196
5193
  }
5197
5194
  .p-menubar .p-submenu-list {
@@ -5201,45 +5198,13 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
5201
5198
  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);
5202
5199
  width: 12.5rem;
5203
5200
  }
5204
- .p-menubar .p-submenu-list .p-menu-separator {
5201
+ .p-menubar .p-submenu-list .p-menuitem-separator {
5205
5202
  border-top: 1px solid #383838;
5206
5203
  margin: 0.25rem 0;
5207
5204
  }
5208
5205
  .p-menubar .p-submenu-list .p-submenu-icon {
5209
5206
  font-size: 0.875rem;
5210
5207
  }
5211
- .p-menubar .p-submenu-list .p-icon {
5212
- width: 0.875rem;
5213
- height: 0.875rem;
5214
- }
5215
- .p-menubar .p-submenu-list .p-menuitem {
5216
- margin: 0;
5217
- }
5218
- .p-menubar .p-submenu-list .p-menuitem:last-child {
5219
- margin: 0;
5220
- }
5221
- .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link {
5222
- background: rgba(255, 255, 255, 0.03);
5223
- }
5224
- .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
5225
- color: rgba(255, 255, 255, 0.87);
5226
- }
5227
- .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 {
5228
- color: rgba(255, 255, 255, 0.87);
5229
- }
5230
- .p-menubar .p-menuitem-badge {
5231
- background: #BA68C8;
5232
- color: #ffffff;
5233
- font-size: 0.75rem;
5234
- font-weight: 700;
5235
- min-width: 1.5rem;
5236
- height: 1.5rem;
5237
- line-height: 1.5rem;
5238
- border-radius: 3px;
5239
- margin-left: 0.5rem;
5240
- padding-left: 0.5rem;
5241
- padding-right: 0.5rem;
5242
- }
5243
5208
 
5244
5209
  @media screen and (max-width: 960px) {
5245
5210
  .p-menubar {
@@ -5271,56 +5236,22 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
5271
5236
  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);
5272
5237
  width: 100%;
5273
5238
  }
5274
- .p-menubar .p-menubar-root-list .p-menu-separator {
5239
+ .p-menubar .p-menubar-root-list .p-menuitem-separator {
5275
5240
  border-top: 1px solid #383838;
5276
5241
  margin: 0.25rem 0;
5277
5242
  }
5278
5243
  .p-menubar .p-menubar-root-list .p-submenu-icon {
5279
5244
  font-size: 0.875rem;
5280
5245
  }
5281
- .p-menubar .p-menubar-root-list > .p-menuitem {
5246
+ .p-menubar .p-menubar-root-list .p-menuitem {
5282
5247
  width: 100%;
5283
5248
  position: static;
5284
5249
  }
5285
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
5286
- padding: 0.75rem 1rem;
5287
- color: rgba(255, 255, 255, 0.87);
5288
- border-radius: 0;
5289
- transition: box-shadow 0.2s;
5290
- user-select: none;
5291
- }
5292
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
5293
- color: rgba(255, 255, 255, 0.87);
5294
- }
5295
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
5296
- color: rgba(255, 255, 255, 0.6);
5297
- margin-right: 0.5rem;
5298
- }
5299
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
5300
- color: rgba(255, 255, 255, 0.6);
5301
- }
5302
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
5303
- background: rgba(255, 255, 255, 0.03);
5304
- }
5305
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
5306
- color: rgba(255, 255, 255, 0.87);
5307
- }
5308
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
5309
- color: rgba(255, 255, 255, 0.87);
5310
- }
5311
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
5312
- color: rgba(255, 255, 255, 0.87);
5313
- }
5314
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
5315
- outline: 0 none;
5316
- outline-offset: 0;
5317
- box-shadow: inset 0 0 0 0.15rem #cf95d9;
5318
- }
5319
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon {
5250
+ .p-menubar .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
5320
5251
  margin-left: auto;
5321
5252
  transition: transform 0.2s;
5322
5253
  }
5323
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
5254
+ .p-menubar .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
5324
5255
  transform: rotate(-180deg);
5325
5256
  }
5326
5257
  .p-menubar .p-menubar-root-list .p-submenu-list {
@@ -5333,26 +5264,26 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
5333
5264
  transition: transform 0.2s;
5334
5265
  transform: rotate(90deg);
5335
5266
  }
5336
- .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
5267
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
5337
5268
  transform: rotate(-90deg);
5338
5269
  }
5339
5270
  .p-menubar .p-menubar-root-list .p-menuitem {
5340
5271
  width: 100%;
5341
5272
  position: static;
5342
5273
  }
5343
- .p-menubar .p-menubar-root-list ul li a {
5274
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
5344
5275
  padding-left: 2.25rem;
5345
5276
  }
5346
- .p-menubar .p-menubar-root-list ul li ul li a {
5277
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
5347
5278
  padding-left: 3.75rem;
5348
5279
  }
5349
- .p-menubar .p-menubar-root-list ul li ul li ul li a {
5280
+ .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 {
5350
5281
  padding-left: 5.25rem;
5351
5282
  }
5352
- .p-menubar .p-menubar-root-list ul li ul li ul li ul li a {
5283
+ .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 {
5353
5284
  padding-left: 6.75rem;
5354
5285
  }
5355
- .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a {
5286
+ .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 {
5356
5287
  padding-left: 8.25rem;
5357
5288
  }
5358
5289
  .p-menubar.p-menubar-mobile-active .p-menubar-root-list {
@@ -5363,42 +5294,46 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
5363
5294
  z-index: 1;
5364
5295
  }
5365
5296
  }
5366
- .p-panelmenu .p-panelmenu-header > a {
5367
- padding: 1rem;
5297
+ .p-panelmenu .p-panelmenu-header {
5298
+ outline: 0 none;
5299
+ }
5300
+ .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content {
5368
5301
  border: 1px solid #383838;
5369
5302
  color: rgba(255, 255, 255, 0.87);
5370
5303
  background: #1e1e1e;
5371
- font-weight: 600;
5372
5304
  border-radius: 3px;
5373
5305
  transition: box-shadow 0.2s;
5374
5306
  }
5375
- .p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon {
5307
+ .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action {
5308
+ color: rgba(255, 255, 255, 0.87);
5309
+ padding: 1rem;
5310
+ font-weight: 600;
5311
+ }
5312
+ .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon {
5376
5313
  margin-right: 0.5rem;
5377
5314
  }
5378
- .p-panelmenu .p-panelmenu-header > a .p-menuitem-icon {
5315
+ .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
5379
5316
  margin-right: 0.5rem;
5380
5317
  }
5381
- .p-panelmenu .p-panelmenu-header > a:focus {
5318
+ .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus .p-panelmenu-header-content {
5382
5319
  outline: 0 none;
5383
5320
  outline-offset: 0;
5384
- box-shadow: 0 0 0 1px #cf95d9;
5321
+ box-shadow: inset 0 0 0 1px #cf95d9;
5385
5322
  }
5386
- .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover {
5323
+ .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content {
5387
5324
  background: rgba(255, 255, 255, 0.03);
5388
5325
  border-color: #383838;
5389
5326
  color: rgba(255, 255, 255, 0.87);
5390
5327
  }
5391
- .p-panelmenu .p-panelmenu-header.p-highlight {
5392
- margin-bottom: 0;
5393
- }
5394
- .p-panelmenu .p-panelmenu-header.p-highlight > a {
5328
+ .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content {
5395
5329
  background: #1e1e1e;
5396
5330
  border-color: #383838;
5397
5331
  color: rgba(255, 255, 255, 0.87);
5398
5332
  border-bottom-right-radius: 0;
5399
5333
  border-bottom-left-radius: 0;
5334
+ margin-bottom: 0;
5400
5335
  }
5401
- .p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover {
5336
+ .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content {
5402
5337
  border-color: #383838;
5403
5338
  background: rgba(255, 255, 255, 0.03);
5404
5339
  color: rgba(255, 255, 255, 0.87);
@@ -5408,73 +5343,98 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
5408
5343
  border: 1px solid #383838;
5409
5344
  background: #1e1e1e;
5410
5345
  color: rgba(255, 255, 255, 0.87);
5411
- margin-bottom: 0;
5412
5346
  border-top: 0;
5413
5347
  border-top-right-radius: 0;
5414
5348
  border-top-left-radius: 0;
5415
5349
  border-bottom-right-radius: 3px;
5416
5350
  border-bottom-left-radius: 3px;
5417
5351
  }
5418
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link {
5419
- padding: 0.75rem 1rem;
5352
+ .p-panelmenu .p-panelmenu-content .p-panelmenu-root-list {
5353
+ outline: 0 none;
5354
+ }
5355
+ .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content {
5420
5356
  color: rgba(255, 255, 255, 0.87);
5421
- border-radius: 0;
5422
5357
  transition: box-shadow 0.2s;
5358
+ border-radius: 0;
5359
+ }
5360
+ .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link {
5361
+ color: rgba(255, 255, 255, 0.87);
5362
+ padding: 0.75rem 1rem;
5423
5363
  user-select: none;
5424
5364
  }
5425
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text {
5365
+ .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
5426
5366
  color: rgba(255, 255, 255, 0.87);
5427
5367
  }
5428
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon {
5368
+ .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
5429
5369
  color: rgba(255, 255, 255, 0.6);
5430
5370
  margin-right: 0.5rem;
5431
5371
  }
5432
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon {
5372
+ .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
5433
5373
  color: rgba(255, 255, 255, 0.6);
5434
5374
  }
5435
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover {
5375
+ .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content {
5376
+ color: rgba(255, 255, 255, 0.87);
5436
5377
  background: rgba(255, 255, 255, 0.03);
5437
5378
  }
5438
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
5379
+ .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
5439
5380
  color: rgba(255, 255, 255, 0.87);
5440
5381
  }
5441
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
5382
+ .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 {
5442
5383
  color: rgba(255, 255, 255, 0.87);
5443
5384
  }
5444
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
5385
+ .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
5386
+ background: rgba(255, 255, 255, 0.03);
5387
+ }
5388
+ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
5445
5389
  color: rgba(255, 255, 255, 0.87);
5390
+ background: rgba(255, 255, 255, 0.09);
5446
5391
  }
5447
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus {
5448
- outline: 0 none;
5449
- outline-offset: 0;
5450
- box-shadow: inset 0 0 0 0.15rem #cf95d9;
5392
+ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
5393
+ color: rgba(255, 255, 255, 0.87);
5394
+ }
5395
+ .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 {
5396
+ color: rgba(255, 255, 255, 0.87);
5397
+ }
5398
+ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
5399
+ color: rgba(255, 255, 255, 0.87);
5400
+ background: rgba(255, 255, 255, 0.03);
5401
+ }
5402
+ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
5403
+ color: rgba(255, 255, 255, 0.87);
5404
+ }
5405
+ .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 {
5406
+ color: rgba(255, 255, 255, 0.87);
5451
5407
  }
5452
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon {
5408
+ .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
5453
5409
  margin-right: 0.5rem;
5454
5410
  }
5455
- .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) {
5411
+ .p-panelmenu .p-panelmenu-content .p-menuitem-separator {
5412
+ border-top: 1px solid #383838;
5413
+ margin: 0.25rem 0;
5414
+ }
5415
+ .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) {
5456
5416
  padding: 0 0 0 1rem;
5457
5417
  }
5458
5418
  .p-panelmenu .p-panelmenu-panel {
5459
5419
  margin-bottom: 0;
5460
5420
  }
5461
- .p-panelmenu .p-panelmenu-panel .p-panelmenu-header > a {
5421
+ .p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-header-content {
5462
5422
  border-radius: 0;
5463
5423
  }
5464
5424
  .p-panelmenu .p-panelmenu-panel .p-panelmenu-content {
5465
5425
  border-radius: 0;
5466
5426
  }
5467
- .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header > a {
5427
+ .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header .p-panelmenu-header-content {
5468
5428
  border-top: 0 none;
5469
5429
  }
5470
- .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover > a, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover > a {
5430
+ .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content {
5471
5431
  border-top: 0 none;
5472
5432
  }
5473
- .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a {
5433
+ .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header .p-panelmenu-header-content {
5474
5434
  border-top-right-radius: 3px;
5475
5435
  border-top-left-radius: 3px;
5476
5436
  }
5477
- .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a {
5437
+ .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) .p-panelmenu-header-content {
5478
5438
  border-bottom-right-radius: 3px;
5479
5439
  border-bottom-left-radius: 3px;
5480
5440
  }
@@ -5482,19 +5442,6 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
5482
5442
  border-bottom-right-radius: 3px;
5483
5443
  border-bottom-left-radius: 3px;
5484
5444
  }
5485
- .p-panelmenu .p-menuitem-badge {
5486
- background: #BA68C8;
5487
- color: #ffffff;
5488
- font-size: 0.75rem;
5489
- font-weight: 700;
5490
- min-width: 1.5rem;
5491
- height: 1.5rem;
5492
- line-height: 1.5rem;
5493
- border-radius: 3px;
5494
- margin-left: 0.5rem;
5495
- padding-left: 0.5rem;
5496
- padding-right: 0.5rem;
5497
- }
5498
5445
 
5499
5446
  .p-slidemenu {
5500
5447
  padding: 0.25rem 0;
@@ -5504,39 +5451,64 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
5504
5451
  border-radius: 3px;
5505
5452
  width: 12.5rem;
5506
5453
  }
5507
- .p-slidemenu .p-menuitem-link {
5508
- padding: 0.75rem 1rem;
5454
+ .p-slidemenu .p-slidemenu-root-list {
5455
+ outline: 0 none;
5456
+ }
5457
+ .p-slidemenu .p-submenu-list {
5458
+ outline: 0 none;
5459
+ }
5460
+ .p-slidemenu .p-menuitem > .p-menuitem-content {
5509
5461
  color: rgba(255, 255, 255, 0.87);
5510
- border-radius: 0;
5511
5462
  transition: box-shadow 0.2s;
5463
+ border-radius: 0;
5464
+ }
5465
+ .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
5466
+ color: rgba(255, 255, 255, 0.87);
5467
+ padding: 0.75rem 1rem;
5512
5468
  user-select: none;
5513
5469
  }
5514
- .p-slidemenu .p-menuitem-link .p-menuitem-text {
5470
+ .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
5515
5471
  color: rgba(255, 255, 255, 0.87);
5516
5472
  }
5517
- .p-slidemenu .p-menuitem-link .p-menuitem-icon {
5473
+ .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
5518
5474
  color: rgba(255, 255, 255, 0.6);
5519
5475
  margin-right: 0.5rem;
5520
5476
  }
5521
- .p-slidemenu .p-menuitem-link .p-submenu-icon {
5477
+ .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
5522
5478
  color: rgba(255, 255, 255, 0.6);
5523
5479
  }
5524
- .p-slidemenu .p-menuitem-link:not(.p-disabled):hover {
5480
+ .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content {
5481
+ color: rgba(255, 255, 255, 0.87);
5525
5482
  background: rgba(255, 255, 255, 0.03);
5526
5483
  }
5527
- .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
5484
+ .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
5528
5485
  color: rgba(255, 255, 255, 0.87);
5529
5486
  }
5530
- .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
5487
+ .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
5531
5488
  color: rgba(255, 255, 255, 0.87);
5532
5489
  }
5533
- .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
5490
+ .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
5491
+ background: rgba(255, 255, 255, 0.03);
5492
+ }
5493
+ .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
5534
5494
  color: rgba(255, 255, 255, 0.87);
5495
+ background: rgba(255, 255, 255, 0.09);
5535
5496
  }
5536
- .p-slidemenu .p-menuitem-link:focus {
5537
- outline: 0 none;
5538
- outline-offset: 0;
5539
- box-shadow: inset 0 0 0 0.15rem #cf95d9;
5497
+ .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
5498
+ color: rgba(255, 255, 255, 0.87);
5499
+ }
5500
+ .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
5501
+ color: rgba(255, 255, 255, 0.87);
5502
+ }
5503
+ .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
5504
+ color: rgba(255, 255, 255, 0.87);
5505
+ background: rgba(255, 255, 255, 0.03);
5506
+ }
5507
+ .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
5508
+ color: rgba(255, 255, 255, 0.87);
5509
+ }
5510
+ .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
5511
+ color: rgba(255, 255, 255, 0.87);
5540
5512
  }
5541
5513
  .p-slidemenu.p-slidemenu-overlay {
5542
5514
  background: #1e1e1e;
@@ -5549,16 +5521,7 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
5549
5521
  border: 1px solid #383838;
5550
5522
  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);
5551
5523
  }
5552
- .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link {
5553
- background: rgba(255, 255, 255, 0.03);
5554
- }
5555
- .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-text {
5556
- color: rgba(255, 255, 255, 0.87);
5557
- }
5558
- .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon, .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon {
5559
- color: rgba(255, 255, 255, 0.87);
5560
- }
5561
- .p-slidemenu .p-slidemenu-separator {
5524
+ .p-slidemenu .p-menuitem-separator {
5562
5525
  border-top: 1px solid #383838;
5563
5526
  margin: 0.25rem 0;
5564
5527
  }
@@ -5573,6 +5536,11 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
5573
5536
  padding: 0.75rem 1rem;
5574
5537
  color: rgba(255, 255, 255, 0.87);
5575
5538
  }
5539
+ .p-slidemenu .p-slidemenu-backward:not(.p-disabled):focus {
5540
+ outline: 0 none;
5541
+ outline-offset: 0;
5542
+ box-shadow: inset 0 0 0 1px #cf95d9;
5543
+ }
5576
5544
  .p-slidemenu .p-menuitem-badge {
5577
5545
  background: #BA68C8;
5578
5546
  color: #ffffff;
@@ -5711,90 +5679,84 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
5711
5679
  border-radius: 3px;
5712
5680
  width: 12.5rem;
5713
5681
  }
5714
- .p-tieredmenu .p-menuitem-link {
5715
- padding: 0.75rem 1rem;
5682
+ .p-tieredmenu.p-tieredmenu-overlay {
5683
+ background: #1e1e1e;
5684
+ border: 1px solid #383838;
5685
+ 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);
5686
+ }
5687
+ .p-tieredmenu .p-tieredmenu-root-list {
5688
+ outline: 0 none;
5689
+ }
5690
+ .p-tieredmenu .p-submenu-list {
5691
+ padding: 0.25rem 0;
5692
+ background: #1e1e1e;
5693
+ border: 1px solid #383838;
5694
+ 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);
5695
+ }
5696
+ .p-tieredmenu .p-menuitem > .p-menuitem-content {
5716
5697
  color: rgba(255, 255, 255, 0.87);
5717
- border-radius: 0;
5718
5698
  transition: box-shadow 0.2s;
5699
+ border-radius: 0;
5700
+ }
5701
+ .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
5702
+ color: rgba(255, 255, 255, 0.87);
5703
+ padding: 0.75rem 1rem;
5719
5704
  user-select: none;
5720
5705
  }
5721
- .p-tieredmenu .p-menuitem-link .p-menuitem-text {
5706
+ .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
5722
5707
  color: rgba(255, 255, 255, 0.87);
5723
5708
  }
5724
- .p-tieredmenu .p-menuitem-link .p-menuitem-icon {
5709
+ .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
5725
5710
  color: rgba(255, 255, 255, 0.6);
5726
5711
  margin-right: 0.5rem;
5727
5712
  }
5728
- .p-tieredmenu .p-menuitem-link .p-submenu-icon {
5713
+ .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
5729
5714
  color: rgba(255, 255, 255, 0.6);
5730
5715
  }
5731
- .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover {
5732
- background: rgba(255, 255, 255, 0.03);
5733
- }
5734
- .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
5716
+ .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content {
5735
5717
  color: rgba(255, 255, 255, 0.87);
5718
+ background: rgba(255, 255, 255, 0.03);
5736
5719
  }
5737
- .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
5720
+ .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
5738
5721
  color: rgba(255, 255, 255, 0.87);
5739
5722
  }
5740
- .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
5723
+ .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 {
5741
5724
  color: rgba(255, 255, 255, 0.87);
5742
5725
  }
5743
- .p-tieredmenu .p-menuitem-link:focus {
5744
- outline: 0 none;
5745
- outline-offset: 0;
5746
- box-shadow: inset 0 0 0 0.15rem #cf95d9;
5747
- }
5748
- .p-tieredmenu.p-tieredmenu-overlay {
5749
- background: #1e1e1e;
5750
- border: 1px solid #383838;
5751
- 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);
5726
+ .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
5727
+ background: rgba(255, 255, 255, 0.03);
5752
5728
  }
5753
- .p-tieredmenu .p-submenu-list {
5754
- padding: 0.25rem 0;
5755
- background: #1e1e1e;
5756
- border: 1px solid #383838;
5757
- 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);
5729
+ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
5730
+ color: rgba(255, 255, 255, 0.87);
5731
+ background: rgba(255, 255, 255, 0.09);
5758
5732
  }
5759
- .p-tieredmenu .p-menuitem {
5760
- margin: 0;
5733
+ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
5734
+ color: rgba(255, 255, 255, 0.87);
5761
5735
  }
5762
- .p-tieredmenu .p-menuitem:last-child {
5763
- margin: 0;
5736
+ .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 {
5737
+ color: rgba(255, 255, 255, 0.87);
5764
5738
  }
5765
- .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
5739
+ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
5740
+ color: rgba(255, 255, 255, 0.87);
5766
5741
  background: rgba(255, 255, 255, 0.03);
5767
5742
  }
5768
- .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
5743
+ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
5769
5744
  color: rgba(255, 255, 255, 0.87);
5770
5745
  }
5771
- .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 {
5746
+ .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 {
5772
5747
  color: rgba(255, 255, 255, 0.87);
5773
5748
  }
5774
- .p-tieredmenu .p-menu-separator {
5749
+ .p-tieredmenu .p-menuitem-separator {
5775
5750
  border-top: 1px solid #383838;
5776
5751
  margin: 0.25rem 0;
5777
5752
  }
5778
5753
  .p-tieredmenu .p-submenu-icon {
5779
5754
  font-size: 0.875rem;
5780
5755
  }
5781
- .p-tieredmenu .p-icon {
5756
+ .p-tieredmenu .p-submenu-icon.p-icon {
5782
5757
  width: 0.875rem;
5783
5758
  height: 0.875rem;
5784
5759
  }
5785
- .p-tieredmenu .p-menuitem-badge {
5786
- background: #BA68C8;
5787
- color: #ffffff;
5788
- font-size: 0.75rem;
5789
- font-weight: 700;
5790
- min-width: 1.5rem;
5791
- height: 1.5rem;
5792
- line-height: 1.5rem;
5793
- border-radius: 3px;
5794
- margin-left: 0.5rem;
5795
- padding-left: 0.5rem;
5796
- padding-right: 0.5rem;
5797
- }
5798
5760
 
5799
5761
  .p-inline-message {
5800
5762
  padding: 0.5rem 0.5rem;