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/mdc-dark-deeppurple/theme.css CHANGED
@@ -2390,6 +2390,16 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
2390
2390
  height: 2rem;
2391
2391
  }
2392
2392
 
2393
+ .p-speeddial-list {
2394
+ outline: 0 none;
2395
+ }
2396
+
2397
+ .p-speeddial-item.p-focus > .p-speeddial-action {
2398
+ outline: 0 none;
2399
+ outline-offset: 0;
2400
+ box-shadow: none;
2401
+ }
2402
+
2393
2403
  .p-speeddial-action {
2394
2404
  width: 3rem;
2395
2405
  height: 3rem;
@@ -4129,7 +4139,7 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
4129
4139
  .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus {
4130
4140
  outline: 0 none;
4131
4141
  outline-offset: 0;
4132
- box-shadow: none;
4142
+ box-shadow: inset none;
4133
4143
  }
4134
4144
  .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
4135
4145
  background: rgba(255, 255, 255, 0.04);
@@ -4363,6 +4373,9 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
4363
4373
  background: rgba(255, 255, 255, 0.12);
4364
4374
  }
4365
4375
 
4376
+ .p-tabview .p-tabview-nav-content {
4377
+ scroll-padding-inline: 2.75rem;
4378
+ }
4366
4379
  .p-tabview .p-tabview-nav {
4367
4380
  background: transparent;
4368
4381
  border: solid rgba(255, 255, 255, 0.12);
@@ -4716,29 +4729,29 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
4716
4729
  border-radius: 4px;
4717
4730
  padding: 0.75rem;
4718
4731
  }
4719
- .p-breadcrumb ul li .p-menuitem-link {
4732
+ .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link {
4720
4733
  transition: none;
4721
4734
  border-radius: 4px;
4722
4735
  }
4723
- .p-breadcrumb ul li .p-menuitem-link:focus {
4736
+ .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus {
4724
4737
  outline: 0 none;
4725
4738
  outline-offset: 0;
4726
4739
  box-shadow: none;
4727
4740
  }
4728
- .p-breadcrumb ul li .p-menuitem-link .p-menuitem-text {
4741
+ .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text {
4729
4742
  color: rgba(255, 255, 255, 0.87);
4730
4743
  }
4731
- .p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon {
4744
+ .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon {
4732
4745
  color: rgba(255, 255, 255, 0.6);
4733
4746
  }
4734
- .p-breadcrumb ul li.p-breadcrumb-chevron {
4747
+ .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator {
4735
4748
  margin: 0 0.5rem 0 0.5rem;
4736
4749
  color: rgba(255, 255, 255, 0.6);
4737
4750
  }
4738
- .p-breadcrumb ul li:last-child .p-menuitem-text {
4751
+ .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text {
4739
4752
  color: rgba(255, 255, 255, 0.87);
4740
4753
  }
4741
- .p-breadcrumb ul li:last-child .p-menuitem-icon {
4754
+ .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon {
4742
4755
  color: rgba(255, 255, 255, 0.6);
4743
4756
  }
4744
4757
 
@@ -4751,97 +4764,100 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
4751
4764
  border-radius: 4px;
4752
4765
  width: 12.5rem;
4753
4766
  }
4754
- .p-contextmenu .p-menuitem-link {
4755
- padding: 0.75rem 0.75rem;
4767
+ .p-contextmenu .p-contextmenu-root-list {
4768
+ outline: 0 none;
4769
+ }
4770
+ .p-contextmenu .p-submenu-list {
4771
+ padding: 0.5rem 0;
4772
+ background: #2b2b2b;
4773
+ border: 0 none;
4774
+ 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);
4775
+ border-radius: 4px;
4776
+ }
4777
+ .p-contextmenu .p-menuitem > .p-menuitem-content {
4756
4778
  color: rgba(255, 255, 255, 0.87);
4757
- border-radius: 0;
4758
4779
  transition: none;
4780
+ border-radius: 0;
4781
+ }
4782
+ .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
4783
+ color: rgba(255, 255, 255, 0.87);
4784
+ padding: 0.75rem 0.75rem;
4759
4785
  user-select: none;
4760
4786
  }
4761
- .p-contextmenu .p-menuitem-link .p-menuitem-text {
4787
+ .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
4762
4788
  color: rgba(255, 255, 255, 0.87);
4763
4789
  }
4764
- .p-contextmenu .p-menuitem-link .p-menuitem-icon {
4790
+ .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
4765
4791
  color: rgba(255, 255, 255, 0.6);
4766
4792
  margin-right: 0.5rem;
4767
4793
  }
4768
- .p-contextmenu .p-menuitem-link .p-submenu-icon {
4794
+ .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
4769
4795
  color: rgba(255, 255, 255, 0.6);
4770
4796
  }
4771
- .p-contextmenu .p-menuitem-link:not(.p-disabled):hover {
4797
+ .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content {
4798
+ color: rgba(255, 255, 255, 0.87);
4772
4799
  background: rgba(255, 255, 255, 0.04);
4773
4800
  }
4774
- .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
4801
+ .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
4775
4802
  color: rgba(255, 255, 255, 0.87);
4776
4803
  }
4777
- .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
4778
- color: rgba(255, 255, 255, 0.6);
4779
- }
4780
- .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
4804
+ .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 {
4781
4805
  color: rgba(255, 255, 255, 0.6);
4782
4806
  }
4783
- .p-contextmenu .p-menuitem-link:focus {
4784
- outline: 0 none;
4785
- outline-offset: 0;
4786
- box-shadow: none;
4807
+ .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
4808
+ background: rgba(255, 255, 255, 0.04);
4787
4809
  }
4788
- .p-contextmenu .p-submenu-list {
4789
- padding: 0.5rem 0;
4790
- background: #2b2b2b;
4791
- border: 0 none;
4792
- 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);
4793
- border-radius: 4px;
4810
+ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
4811
+ color: rgba(255, 255, 255, 0.87);
4812
+ background: rgba(255, 255, 255, 0.12);
4794
4813
  }
4795
- .p-contextmenu .p-menuitem {
4796
- margin: 0;
4814
+ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
4815
+ color: rgba(255, 255, 255, 0.87);
4797
4816
  }
4798
- .p-contextmenu .p-menuitem:last-child {
4799
- margin: 0;
4817
+ .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 {
4818
+ color: rgba(255, 255, 255, 0.87);
4800
4819
  }
4801
- .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
4820
+ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
4821
+ color: rgba(255, 255, 255, 0.87);
4802
4822
  background: rgba(255, 255, 255, 0.04);
4803
4823
  }
4804
- .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
4824
+ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
4805
4825
  color: rgba(255, 255, 255, 0.87);
4806
4826
  }
4807
- .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 {
4827
+ .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 {
4808
4828
  color: rgba(255, 255, 255, 0.6);
4809
4829
  }
4810
- .p-contextmenu .p-menu-separator {
4830
+ .p-contextmenu .p-menuitem-separator {
4811
4831
  border-top: 1px solid rgba(255, 255, 255, 0.12);
4812
4832
  margin: 0.5rem 0;
4813
4833
  }
4814
4834
  .p-contextmenu .p-submenu-icon {
4815
4835
  font-size: 0.875rem;
4816
4836
  }
4817
- .p-contextmenu .p-icon {
4837
+ .p-contextmenu .p-submenu-icon.p-icon {
4818
4838
  width: 0.875rem;
4819
4839
  height: 0.875rem;
4820
4840
  }
4821
- .p-contextmenu .p-menuitem-badge {
4822
- background: #CE93D8;
4823
- color: #121212;
4824
- font-size: 0.75rem;
4825
- font-weight: 700;
4826
- min-width: 1.5rem;
4827
- height: 1.5rem;
4828
- line-height: 1.5rem;
4829
- border-radius: 4px;
4830
- margin-left: 0.5rem;
4831
- padding-left: 0.5rem;
4832
- padding-right: 0.5rem;
4833
- }
4834
4841
 
4835
- .p-dock .p-dock-list {
4842
+ .p-dock .p-dock-list-container {
4836
4843
  background: rgba(255, 255, 255, 0.1);
4837
4844
  border: 1px solid rgba(255, 255, 255, 0.2);
4838
4845
  padding: 0.5rem 0.5rem;
4839
4846
  border-radius: 0.5rem;
4840
4847
  }
4848
+ .p-dock .p-dock-list-container .p-dock-list {
4849
+ outline: 0 none;
4850
+ }
4841
4851
  .p-dock .p-dock-item {
4842
4852
  padding: 0.5rem;
4853
+ border-radius: 4px;
4854
+ }
4855
+ .p-dock .p-dock-item.p-focus {
4856
+ outline: 0 none;
4857
+ outline-offset: 0;
4858
+ box-shadow: none;
4843
4859
  }
4844
- .p-dock .p-dock-action {
4860
+ .p-dock .p-dock-link {
4845
4861
  width: 4rem;
4846
4862
  height: 4rem;
4847
4863
  }
@@ -4899,98 +4915,69 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
4899
4915
  border: 1px solid rgba(255, 255, 255, 0.12);
4900
4916
  border-radius: 4px;
4901
4917
  }
4902
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link {
4903
- padding: 0.75rem;
4918
+ .p-megamenu .p-megamenu-root-list {
4919
+ outline: 0 none;
4920
+ }
4921
+ .p-megamenu .p-menuitem > .p-menuitem-content {
4904
4922
  color: rgba(255, 255, 255, 0.87);
4905
- border-radius: 4px;
4906
4923
  transition: none;
4924
+ border-radius: 0;
4925
+ }
4926
+ .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
4927
+ color: rgba(255, 255, 255, 0.87);
4928
+ padding: 0.75rem 0.75rem;
4907
4929
  user-select: none;
4908
4930
  }
4909
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
4931
+ .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
4910
4932
  color: rgba(255, 255, 255, 0.87);
4911
4933
  }
4912
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
4934
+ .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
4913
4935
  color: rgba(255, 255, 255, 0.6);
4914
4936
  margin-right: 0.5rem;
4915
4937
  }
4916
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
4938
+ .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
4917
4939
  color: rgba(255, 255, 255, 0.6);
4918
- margin-left: 0.5rem;
4919
4940
  }
4920
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
4941
+ .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content {
4942
+ color: rgba(255, 255, 255, 0.87);
4921
4943
  background: rgba(255, 255, 255, 0.04);
4922
4944
  }
4923
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
4945
+ .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
4924
4946
  color: rgba(255, 255, 255, 0.87);
4925
4947
  }
4926
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
4927
- color: rgba(255, 255, 255, 0.6);
4928
- }
4929
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
4948
+ .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 {
4930
4949
  color: rgba(255, 255, 255, 0.6);
4931
4950
  }
4932
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus {
4933
- outline: 0 none;
4934
- outline-offset: 0;
4935
- box-shadow: none;
4936
- }
4937
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
4938
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
4951
+ .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
4939
4952
  background: rgba(255, 255, 255, 0.04);
4940
4953
  }
4941
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
4942
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
4954
+ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
4943
4955
  color: rgba(255, 255, 255, 0.87);
4956
+ background: rgba(255, 255, 255, 0.12);
4944
4957
  }
4945
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
4946
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
4947
- color: rgba(255, 255, 255, 0.6);
4948
- }
4949
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
4950
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
4951
- color: rgba(255, 255, 255, 0.6);
4952
- }
4953
- .p-megamenu .p-menuitem-link {
4954
- padding: 0.75rem 0.75rem;
4958
+ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
4955
4959
  color: rgba(255, 255, 255, 0.87);
4956
- border-radius: 0;
4957
- transition: none;
4958
- user-select: none;
4959
4960
  }
4960
- .p-megamenu .p-menuitem-link .p-menuitem-text {
4961
+ .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 {
4961
4962
  color: rgba(255, 255, 255, 0.87);
4962
4963
  }
4963
- .p-megamenu .p-menuitem-link .p-menuitem-icon {
4964
- color: rgba(255, 255, 255, 0.6);
4965
- margin-right: 0.5rem;
4966
- }
4967
- .p-megamenu .p-menuitem-link .p-submenu-icon {
4968
- color: rgba(255, 255, 255, 0.6);
4969
- }
4970
- .p-megamenu .p-menuitem-link:not(.p-disabled):hover {
4964
+ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
4965
+ color: rgba(255, 255, 255, 0.87);
4971
4966
  background: rgba(255, 255, 255, 0.04);
4972
4967
  }
4973
- .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
4968
+ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
4974
4969
  color: rgba(255, 255, 255, 0.87);
4975
4970
  }
4976
- .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
4971
+ .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 {
4977
4972
  color: rgba(255, 255, 255, 0.6);
4978
4973
  }
4979
- .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
4980
- color: rgba(255, 255, 255, 0.6);
4981
- }
4982
- .p-megamenu .p-menuitem-link:focus {
4983
- outline: 0 none;
4984
- outline-offset: 0;
4985
- box-shadow: none;
4986
- }
4987
4974
  .p-megamenu .p-megamenu-panel {
4988
4975
  background: #2b2b2b;
4989
4976
  color: rgba(255, 255, 255, 0.87);
4990
4977
  border: 0 none;
4991
4978
  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);
4992
4979
  }
4993
- .p-megamenu .p-megamenu-submenu-header {
4980
+ .p-megamenu .p-submenu-header {
4994
4981
  margin: 0;
4995
4982
  padding: 0.75rem;
4996
4983
  color: rgba(255, 255, 255, 0.6);
@@ -4999,51 +4986,47 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
4999
4986
  border-top-right-radius: 4px;
5000
4987
  border-top-left-radius: 4px;
5001
4988
  }
5002
- .p-megamenu .p-megamenu-submenu {
4989
+ .p-megamenu .p-submenu-list {
5003
4990
  padding: 0.5rem 0;
5004
4991
  width: 12.5rem;
5005
4992
  }
5006
- .p-megamenu .p-megamenu-submenu .p-menu-separator {
4993
+ .p-megamenu .p-submenu-list .p-menuitem-separator {
5007
4994
  border-top: 1px solid rgba(255, 255, 255, 0.12);
5008
4995
  margin: 0.5rem 0;
5009
4996
  }
5010
- .p-megamenu .p-megamenu-submenu .p-menuitem {
5011
- margin: 0;
4997
+ .p-megamenu.p-megamenu-vertical {
4998
+ width: 12.5rem;
4999
+ padding: 0.5rem 0;
5012
5000
  }
5013
- .p-megamenu .p-megamenu-submenu .p-menuitem:last-child {
5014
- margin: 0;
5001
+ .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content {
5002
+ color: rgba(255, 255, 255, 0.87);
5003
+ transition: none;
5004
+ border-radius: 4px;
5015
5005
  }
5016
- .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
5017
- background: rgba(255, 255, 255, 0.04);
5006
+ .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link {
5007
+ padding: 0.75rem;
5008
+ user-select: none;
5018
5009
  }
5019
- .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
5010
+ .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
5020
5011
  color: rgba(255, 255, 255, 0.87);
5021
5012
  }
5022
- .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 {
5013
+ .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
5023
5014
  color: rgba(255, 255, 255, 0.6);
5015
+ margin-right: 0.5rem;
5024
5016
  }
5025
- .p-megamenu.p-megamenu-vertical {
5026
- width: 12.5rem;
5027
- padding: 0.5rem 0;
5017
+ .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
5018
+ color: rgba(255, 255, 255, 0.6);
5019
+ margin-left: 0.5rem;
5028
5020
  }
5029
- .p-megamenu.p-megamenu-vertical .p-menuitem {
5030
- margin: 0;
5021
+ .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
5022
+ color: rgba(255, 255, 255, 0.87);
5023
+ background: rgba(255, 255, 255, 0.04);
5031
5024
  }
5032
- .p-megamenu.p-megamenu-vertical .p-menuitem:last-child {
5033
- margin: 0;
5025
+ .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 {
5026
+ color: rgba(255, 255, 255, 0.87);
5034
5027
  }
5035
- .p-megamenu .p-menuitem-badge {
5036
- background: #CE93D8;
5037
- color: #121212;
5038
- font-size: 0.75rem;
5039
- font-weight: 700;
5040
- min-width: 1.5rem;
5041
- height: 1.5rem;
5042
- line-height: 1.5rem;
5043
- border-radius: 4px;
5044
- margin-left: 0.5rem;
5045
- padding-left: 0.5rem;
5046
- padding-right: 0.5rem;
5028
+ .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 {
5029
+ color: rgba(255, 255, 255, 0.6);
5047
5030
  }
5048
5031
 
5049
5032
  .p-menu {
@@ -5054,39 +5037,58 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
5054
5037
  border-radius: 4px;
5055
5038
  width: 12.5rem;
5056
5039
  }
5057
- .p-menu .p-menuitem-link {
5058
- padding: 0.75rem 0.75rem;
5040
+ .p-menu .p-menuitem > .p-menuitem-content {
5059
5041
  color: rgba(255, 255, 255, 0.87);
5060
- border-radius: 0;
5061
5042
  transition: none;
5043
+ border-radius: 0;
5044
+ }
5045
+ .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link {
5046
+ color: rgba(255, 255, 255, 0.87);
5047
+ padding: 0.75rem 0.75rem;
5062
5048
  user-select: none;
5063
5049
  }
5064
- .p-menu .p-menuitem-link .p-menuitem-text {
5050
+ .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
5065
5051
  color: rgba(255, 255, 255, 0.87);
5066
5052
  }
5067
- .p-menu .p-menuitem-link .p-menuitem-icon {
5053
+ .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
5068
5054
  color: rgba(255, 255, 255, 0.6);
5069
5055
  margin-right: 0.5rem;
5070
5056
  }
5071
- .p-menu .p-menuitem-link .p-submenu-icon {
5057
+ .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
5072
5058
  color: rgba(255, 255, 255, 0.6);
5073
5059
  }
5074
- .p-menu .p-menuitem-link:not(.p-disabled):hover {
5060
+ .p-menu .p-menuitem.p-highlight > .p-menuitem-content {
5061
+ color: rgba(255, 255, 255, 0.87);
5075
5062
  background: rgba(255, 255, 255, 0.04);
5076
5063
  }
5077
- .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
5064
+ .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
5078
5065
  color: rgba(255, 255, 255, 0.87);
5079
5066
  }
5080
- .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
5067
+ .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 {
5081
5068
  color: rgba(255, 255, 255, 0.6);
5082
5069
  }
5083
- .p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
5084
- color: rgba(255, 255, 255, 0.6);
5070
+ .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
5071
+ background: rgba(255, 255, 255, 0.04);
5085
5072
  }
5086
- .p-menu .p-menuitem-link:focus {
5087
- outline: 0 none;
5088
- outline-offset: 0;
5089
- box-shadow: none;
5073
+ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
5074
+ color: rgba(255, 255, 255, 0.87);
5075
+ background: rgba(255, 255, 255, 0.12);
5076
+ }
5077
+ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
5078
+ color: rgba(255, 255, 255, 0.87);
5079
+ }
5080
+ .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 {
5081
+ color: rgba(255, 255, 255, 0.87);
5082
+ }
5083
+ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
5084
+ color: rgba(255, 255, 255, 0.87);
5085
+ background: rgba(255, 255, 255, 0.04);
5086
+ }
5087
+ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
5088
+ color: rgba(255, 255, 255, 0.87);
5089
+ }
5090
+ .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 {
5091
+ color: rgba(255, 255, 255, 0.6);
5090
5092
  }
5091
5093
  .p-menu.p-menu-overlay {
5092
5094
  background: #2b2b2b;
@@ -5102,16 +5104,10 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
5102
5104
  border-top-right-radius: 0;
5103
5105
  border-top-left-radius: 0;
5104
5106
  }
5105
- .p-menu .p-menu-separator {
5107
+ .p-menu .p-menuitem-separator {
5106
5108
  border-top: 1px solid rgba(255, 255, 255, 0.12);
5107
5109
  margin: 0.5rem 0;
5108
5110
  }
5109
- .p-menu .p-menuitem {
5110
- margin: 0;
5111
- }
5112
- .p-menu .p-menuitem:last-child {
5113
- margin: 0;
5114
- }
5115
5111
  .p-menu .p-menuitem-badge {
5116
5112
  background: #CE93D8;
5117
5113
  color: #121212;
@@ -5133,89 +5129,90 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
5133
5129
  border: 1px solid rgba(255, 255, 255, 0.12);
5134
5130
  border-radius: 4px;
5135
5131
  }
5136
- .p-menubar .p-menuitem-link {
5137
- padding: 0.75rem 0.75rem;
5132
+ .p-menubar .p-menubar-root-list {
5133
+ outline: 0 none;
5134
+ }
5135
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content {
5138
5136
  color: rgba(255, 255, 255, 0.87);
5139
- border-radius: 0;
5140
5137
  transition: none;
5138
+ border-radius: 4px;
5139
+ }
5140
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link {
5141
+ padding: 0.75rem;
5141
5142
  user-select: none;
5142
5143
  }
5143
- .p-menubar .p-menuitem-link .p-menuitem-text {
5144
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
5144
5145
  color: rgba(255, 255, 255, 0.87);
5145
5146
  }
5146
- .p-menubar .p-menuitem-link .p-menuitem-icon {
5147
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
5147
5148
  color: rgba(255, 255, 255, 0.6);
5148
5149
  margin-right: 0.5rem;
5149
5150
  }
5150
- .p-menubar .p-menuitem-link .p-submenu-icon {
5151
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
5151
5152
  color: rgba(255, 255, 255, 0.6);
5153
+ margin-left: 0.5rem;
5152
5154
  }
5153
- .p-menubar .p-menuitem-link:not(.p-disabled):hover {
5155
+ .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
5156
+ color: rgba(255, 255, 255, 0.87);
5154
5157
  background: rgba(255, 255, 255, 0.04);
5155
5158
  }
5156
- .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
5159
+ .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
5157
5160
  color: rgba(255, 255, 255, 0.87);
5158
5161
  }
5159
- .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
5160
- color: rgba(255, 255, 255, 0.6);
5161
- }
5162
- .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
5162
+ .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 {
5163
5163
  color: rgba(255, 255, 255, 0.6);
5164
5164
  }
5165
- .p-menubar .p-menuitem-link:focus {
5166
- outline: 0 none;
5167
- outline-offset: 0;
5168
- box-shadow: none;
5169
- }
5170
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
5171
- padding: 0.75rem;
5165
+ .p-menubar .p-menuitem > .p-menuitem-content {
5172
5166
  color: rgba(255, 255, 255, 0.87);
5173
- border-radius: 4px;
5174
5167
  transition: none;
5168
+ border-radius: 0;
5169
+ }
5170
+ .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link {
5171
+ color: rgba(255, 255, 255, 0.87);
5172
+ padding: 0.75rem 0.75rem;
5175
5173
  user-select: none;
5176
5174
  }
5177
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
5175
+ .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
5178
5176
  color: rgba(255, 255, 255, 0.87);
5179
5177
  }
5180
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
5178
+ .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
5181
5179
  color: rgba(255, 255, 255, 0.6);
5182
5180
  margin-right: 0.5rem;
5183
5181
  }
5184
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
5182
+ .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
5185
5183
  color: rgba(255, 255, 255, 0.6);
5186
- margin-left: 0.5rem;
5187
5184
  }
5188
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
5185
+ .p-menubar .p-menuitem.p-highlight > .p-menuitem-content {
5186
+ color: rgba(255, 255, 255, 0.87);
5189
5187
  background: rgba(255, 255, 255, 0.04);
5190
5188
  }
5191
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
5189
+ .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
5192
5190
  color: rgba(255, 255, 255, 0.87);
5193
5191
  }
5194
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
5192
+ .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 {
5195
5193
  color: rgba(255, 255, 255, 0.6);
5196
5194
  }
5197
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
5198
- color: rgba(255, 255, 255, 0.6);
5195
+ .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
5196
+ background: rgba(255, 255, 255, 0.04);
5199
5197
  }
5200
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
5201
- outline: 0 none;
5202
- outline-offset: 0;
5203
- box-shadow: none;
5198
+ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
5199
+ color: rgba(255, 255, 255, 0.87);
5200
+ background: rgba(255, 255, 255, 0.12);
5204
5201
  }
5205
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
5206
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
5207
- background: rgba(255, 255, 255, 0.04);
5202
+ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
5203
+ color: rgba(255, 255, 255, 0.87);
5208
5204
  }
5209
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
5210
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
5205
+ .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 {
5211
5206
  color: rgba(255, 255, 255, 0.87);
5212
5207
  }
5213
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
5214
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
5215
- color: rgba(255, 255, 255, 0.6);
5208
+ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
5209
+ color: rgba(255, 255, 255, 0.87);
5210
+ background: rgba(255, 255, 255, 0.04);
5211
+ }
5212
+ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
5213
+ color: rgba(255, 255, 255, 0.87);
5216
5214
  }
5217
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
5218
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
5215
+ .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 {
5219
5216
  color: rgba(255, 255, 255, 0.6);
5220
5217
  }
5221
5218
  .p-menubar .p-submenu-list {
@@ -5225,45 +5222,13 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
5225
5222
  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);
5226
5223
  width: 12.5rem;
5227
5224
  }
5228
- .p-menubar .p-submenu-list .p-menu-separator {
5225
+ .p-menubar .p-submenu-list .p-menuitem-separator {
5229
5226
  border-top: 1px solid rgba(255, 255, 255, 0.12);
5230
5227
  margin: 0.5rem 0;
5231
5228
  }
5232
5229
  .p-menubar .p-submenu-list .p-submenu-icon {
5233
5230
  font-size: 0.875rem;
5234
5231
  }
5235
- .p-menubar .p-submenu-list .p-icon {
5236
- width: 0.875rem;
5237
- height: 0.875rem;
5238
- }
5239
- .p-menubar .p-submenu-list .p-menuitem {
5240
- margin: 0;
5241
- }
5242
- .p-menubar .p-submenu-list .p-menuitem:last-child {
5243
- margin: 0;
5244
- }
5245
- .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link {
5246
- background: rgba(255, 255, 255, 0.04);
5247
- }
5248
- .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
5249
- color: rgba(255, 255, 255, 0.87);
5250
- }
5251
- .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 {
5252
- color: rgba(255, 255, 255, 0.6);
5253
- }
5254
- .p-menubar .p-menuitem-badge {
5255
- background: #CE93D8;
5256
- color: #121212;
5257
- font-size: 0.75rem;
5258
- font-weight: 700;
5259
- min-width: 1.5rem;
5260
- height: 1.5rem;
5261
- line-height: 1.5rem;
5262
- border-radius: 4px;
5263
- margin-left: 0.5rem;
5264
- padding-left: 0.5rem;
5265
- padding-right: 0.5rem;
5266
- }
5267
5232
 
5268
5233
  @media screen and (max-width: 960px) {
5269
5234
  .p-menubar {
@@ -5295,56 +5260,22 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
5295
5260
  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);
5296
5261
  width: 100%;
5297
5262
  }
5298
- .p-menubar .p-menubar-root-list .p-menu-separator {
5263
+ .p-menubar .p-menubar-root-list .p-menuitem-separator {
5299
5264
  border-top: 1px solid rgba(255, 255, 255, 0.12);
5300
5265
  margin: 0.5rem 0;
5301
5266
  }
5302
5267
  .p-menubar .p-menubar-root-list .p-submenu-icon {
5303
5268
  font-size: 0.875rem;
5304
5269
  }
5305
- .p-menubar .p-menubar-root-list > .p-menuitem {
5270
+ .p-menubar .p-menubar-root-list .p-menuitem {
5306
5271
  width: 100%;
5307
5272
  position: static;
5308
5273
  }
5309
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
5310
- padding: 0.75rem 0.75rem;
5311
- color: rgba(255, 255, 255, 0.87);
5312
- border-radius: 0;
5313
- transition: none;
5314
- user-select: none;
5315
- }
5316
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
5317
- color: rgba(255, 255, 255, 0.87);
5318
- }
5319
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
5320
- color: rgba(255, 255, 255, 0.6);
5321
- margin-right: 0.5rem;
5322
- }
5323
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
5324
- color: rgba(255, 255, 255, 0.6);
5325
- }
5326
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
5327
- background: rgba(255, 255, 255, 0.04);
5328
- }
5329
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
5330
- color: rgba(255, 255, 255, 0.87);
5331
- }
5332
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
5333
- color: rgba(255, 255, 255, 0.6);
5334
- }
5335
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
5336
- color: rgba(255, 255, 255, 0.6);
5337
- }
5338
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
5339
- outline: 0 none;
5340
- outline-offset: 0;
5341
- box-shadow: none;
5342
- }
5343
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon {
5274
+ .p-menubar .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
5344
5275
  margin-left: auto;
5345
5276
  transition: transform 0.2s;
5346
5277
  }
5347
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
5278
+ .p-menubar .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
5348
5279
  transform: rotate(-180deg);
5349
5280
  }
5350
5281
  .p-menubar .p-menubar-root-list .p-submenu-list {
@@ -5357,26 +5288,26 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
5357
5288
  transition: transform 0.2s;
5358
5289
  transform: rotate(90deg);
5359
5290
  }
5360
- .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
5291
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
5361
5292
  transform: rotate(-90deg);
5362
5293
  }
5363
5294
  .p-menubar .p-menubar-root-list .p-menuitem {
5364
5295
  width: 100%;
5365
5296
  position: static;
5366
5297
  }
5367
- .p-menubar .p-menubar-root-list ul li a {
5298
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
5368
5299
  padding-left: 2.25rem;
5369
5300
  }
5370
- .p-menubar .p-menubar-root-list ul li ul li a {
5301
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
5371
5302
  padding-left: 3.75rem;
5372
5303
  }
5373
- .p-menubar .p-menubar-root-list ul li ul li ul li a {
5304
+ .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 {
5374
5305
  padding-left: 5.25rem;
5375
5306
  }
5376
- .p-menubar .p-menubar-root-list ul li ul li ul li ul li a {
5307
+ .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 {
5377
5308
  padding-left: 6.75rem;
5378
5309
  }
5379
- .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a {
5310
+ .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 {
5380
5311
  padding-left: 8.25rem;
5381
5312
  }
5382
5313
  .p-menubar.p-menubar-mobile-active .p-menubar-root-list {
@@ -5387,42 +5318,46 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
5387
5318
  z-index: 1;
5388
5319
  }
5389
5320
  }
5390
- .p-panelmenu .p-panelmenu-header > a {
5391
- padding: 1.25rem;
5321
+ .p-panelmenu .p-panelmenu-header {
5322
+ outline: 0 none;
5323
+ }
5324
+ .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content {
5392
5325
  border: 0 none;
5393
5326
  color: rgba(255, 255, 255, 0.87);
5394
5327
  background: #1e1e1e;
5395
- font-weight: 400;
5396
5328
  border-radius: 4px;
5397
5329
  transition: none;
5398
5330
  }
5399
- .p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon {
5331
+ .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action {
5332
+ color: rgba(255, 255, 255, 0.87);
5333
+ padding: 1.25rem;
5334
+ font-weight: 400;
5335
+ }
5336
+ .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon {
5400
5337
  margin-right: 0.5rem;
5401
5338
  }
5402
- .p-panelmenu .p-panelmenu-header > a .p-menuitem-icon {
5339
+ .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
5403
5340
  margin-right: 0.5rem;
5404
5341
  }
5405
- .p-panelmenu .p-panelmenu-header > a:focus {
5342
+ .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus .p-panelmenu-header-content {
5406
5343
  outline: 0 none;
5407
5344
  outline-offset: 0;
5408
- box-shadow: none;
5345
+ box-shadow: inset none;
5409
5346
  }
5410
- .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover {
5347
+ .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content {
5411
5348
  background: rgba(255, 255, 255, 0.04);
5412
5349
  border-color: transparent;
5413
5350
  color: rgba(255, 255, 255, 0.87);
5414
5351
  }
5415
- .p-panelmenu .p-panelmenu-header.p-highlight {
5416
- margin-bottom: 0;
5417
- }
5418
- .p-panelmenu .p-panelmenu-header.p-highlight > a {
5352
+ .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content {
5419
5353
  background: #1e1e1e;
5420
5354
  border-color: transparent;
5421
5355
  color: rgba(255, 255, 255, 0.87);
5422
5356
  border-bottom-right-radius: 0;
5423
5357
  border-bottom-left-radius: 0;
5358
+ margin-bottom: 0;
5424
5359
  }
5425
- .p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover {
5360
+ .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content {
5426
5361
  border-color: transparent;
5427
5362
  background: rgba(255, 255, 255, 0.04);
5428
5363
  color: rgba(255, 255, 255, 0.87);
@@ -5432,73 +5367,98 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
5432
5367
  border: 0 none;
5433
5368
  background: #1e1e1e;
5434
5369
  color: rgba(255, 255, 255, 0.87);
5435
- margin-bottom: 0;
5436
5370
  border-top: 0;
5437
5371
  border-top-right-radius: 0;
5438
5372
  border-top-left-radius: 0;
5439
5373
  border-bottom-right-radius: 4px;
5440
5374
  border-bottom-left-radius: 4px;
5441
5375
  }
5442
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link {
5443
- padding: 0.75rem 0.75rem;
5376
+ .p-panelmenu .p-panelmenu-content .p-panelmenu-root-list {
5377
+ outline: 0 none;
5378
+ }
5379
+ .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content {
5444
5380
  color: rgba(255, 255, 255, 0.87);
5445
- border-radius: 0;
5446
5381
  transition: none;
5382
+ border-radius: 0;
5383
+ }
5384
+ .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link {
5385
+ color: rgba(255, 255, 255, 0.87);
5386
+ padding: 0.75rem 0.75rem;
5447
5387
  user-select: none;
5448
5388
  }
5449
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text {
5389
+ .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
5450
5390
  color: rgba(255, 255, 255, 0.87);
5451
5391
  }
5452
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon {
5392
+ .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
5453
5393
  color: rgba(255, 255, 255, 0.6);
5454
5394
  margin-right: 0.5rem;
5455
5395
  }
5456
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon {
5396
+ .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
5457
5397
  color: rgba(255, 255, 255, 0.6);
5458
5398
  }
5459
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover {
5399
+ .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content {
5400
+ color: rgba(255, 255, 255, 0.87);
5460
5401
  background: rgba(255, 255, 255, 0.04);
5461
5402
  }
5462
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
5403
+ .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
5463
5404
  color: rgba(255, 255, 255, 0.87);
5464
5405
  }
5465
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
5406
+ .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 {
5466
5407
  color: rgba(255, 255, 255, 0.6);
5467
5408
  }
5468
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
5469
- color: rgba(255, 255, 255, 0.6);
5409
+ .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
5410
+ background: rgba(255, 255, 255, 0.04);
5470
5411
  }
5471
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus {
5472
- outline: 0 none;
5473
- outline-offset: 0;
5474
- box-shadow: none;
5412
+ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
5413
+ color: rgba(255, 255, 255, 0.87);
5414
+ background: rgba(255, 255, 255, 0.12);
5475
5415
  }
5476
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon {
5416
+ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
5417
+ color: rgba(255, 255, 255, 0.87);
5418
+ }
5419
+ .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 {
5420
+ color: rgba(255, 255, 255, 0.87);
5421
+ }
5422
+ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
5423
+ color: rgba(255, 255, 255, 0.87);
5424
+ background: rgba(255, 255, 255, 0.04);
5425
+ }
5426
+ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
5427
+ color: rgba(255, 255, 255, 0.87);
5428
+ }
5429
+ .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 {
5430
+ color: rgba(255, 255, 255, 0.6);
5431
+ }
5432
+ .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
5477
5433
  margin-right: 0.5rem;
5478
5434
  }
5479
- .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) {
5435
+ .p-panelmenu .p-panelmenu-content .p-menuitem-separator {
5436
+ border-top: 1px solid rgba(255, 255, 255, 0.12);
5437
+ margin: 0.5rem 0;
5438
+ }
5439
+ .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) {
5480
5440
  padding: 0 0 0 1rem;
5481
5441
  }
5482
5442
  .p-panelmenu .p-panelmenu-panel {
5483
5443
  margin-bottom: 0;
5484
5444
  }
5485
- .p-panelmenu .p-panelmenu-panel .p-panelmenu-header > a {
5445
+ .p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-header-content {
5486
5446
  border-radius: 0;
5487
5447
  }
5488
5448
  .p-panelmenu .p-panelmenu-panel .p-panelmenu-content {
5489
5449
  border-radius: 0;
5490
5450
  }
5491
- .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header > a {
5451
+ .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header .p-panelmenu-header-content {
5492
5452
  border-top: 0 none;
5493
5453
  }
5494
- .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 {
5454
+ .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 {
5495
5455
  border-top: 0 none;
5496
5456
  }
5497
- .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a {
5457
+ .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header .p-panelmenu-header-content {
5498
5458
  border-top-right-radius: 4px;
5499
5459
  border-top-left-radius: 4px;
5500
5460
  }
5501
- .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a {
5461
+ .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) .p-panelmenu-header-content {
5502
5462
  border-bottom-right-radius: 4px;
5503
5463
  border-bottom-left-radius: 4px;
5504
5464
  }
@@ -5506,19 +5466,6 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
5506
5466
  border-bottom-right-radius: 4px;
5507
5467
  border-bottom-left-radius: 4px;
5508
5468
  }
5509
- .p-panelmenu .p-menuitem-badge {
5510
- background: #CE93D8;
5511
- color: #121212;
5512
- font-size: 0.75rem;
5513
- font-weight: 700;
5514
- min-width: 1.5rem;
5515
- height: 1.5rem;
5516
- line-height: 1.5rem;
5517
- border-radius: 4px;
5518
- margin-left: 0.5rem;
5519
- padding-left: 0.5rem;
5520
- padding-right: 0.5rem;
5521
- }
5522
5469
 
5523
5470
  .p-slidemenu {
5524
5471
  padding: 0.5rem 0;
@@ -5528,39 +5475,64 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
5528
5475
  border-radius: 4px;
5529
5476
  width: 12.5rem;
5530
5477
  }
5531
- .p-slidemenu .p-menuitem-link {
5532
- padding: 0.75rem 0.75rem;
5478
+ .p-slidemenu .p-slidemenu-root-list {
5479
+ outline: 0 none;
5480
+ }
5481
+ .p-slidemenu .p-submenu-list {
5482
+ outline: 0 none;
5483
+ }
5484
+ .p-slidemenu .p-menuitem > .p-menuitem-content {
5533
5485
  color: rgba(255, 255, 255, 0.87);
5534
- border-radius: 0;
5535
5486
  transition: none;
5487
+ border-radius: 0;
5488
+ }
5489
+ .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
5490
+ color: rgba(255, 255, 255, 0.87);
5491
+ padding: 0.75rem 0.75rem;
5536
5492
  user-select: none;
5537
5493
  }
5538
- .p-slidemenu .p-menuitem-link .p-menuitem-text {
5494
+ .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
5539
5495
  color: rgba(255, 255, 255, 0.87);
5540
5496
  }
5541
- .p-slidemenu .p-menuitem-link .p-menuitem-icon {
5497
+ .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
5542
5498
  color: rgba(255, 255, 255, 0.6);
5543
5499
  margin-right: 0.5rem;
5544
5500
  }
5545
- .p-slidemenu .p-menuitem-link .p-submenu-icon {
5501
+ .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
5546
5502
  color: rgba(255, 255, 255, 0.6);
5547
5503
  }
5548
- .p-slidemenu .p-menuitem-link:not(.p-disabled):hover {
5504
+ .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content {
5505
+ color: rgba(255, 255, 255, 0.87);
5549
5506
  background: rgba(255, 255, 255, 0.04);
5550
5507
  }
5551
- .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
5508
+ .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
5552
5509
  color: rgba(255, 255, 255, 0.87);
5553
5510
  }
5554
- .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
5511
+ .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 {
5555
5512
  color: rgba(255, 255, 255, 0.6);
5556
5513
  }
5557
- .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
5558
- color: rgba(255, 255, 255, 0.6);
5514
+ .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
5515
+ background: rgba(255, 255, 255, 0.04);
5559
5516
  }
5560
- .p-slidemenu .p-menuitem-link:focus {
5561
- outline: 0 none;
5562
- outline-offset: 0;
5563
- box-shadow: none;
5517
+ .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
5518
+ color: rgba(255, 255, 255, 0.87);
5519
+ background: rgba(255, 255, 255, 0.12);
5520
+ }
5521
+ .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
5522
+ color: rgba(255, 255, 255, 0.87);
5523
+ }
5524
+ .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 {
5525
+ color: rgba(255, 255, 255, 0.87);
5526
+ }
5527
+ .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
5528
+ color: rgba(255, 255, 255, 0.87);
5529
+ background: rgba(255, 255, 255, 0.04);
5530
+ }
5531
+ .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
5532
+ color: rgba(255, 255, 255, 0.87);
5533
+ }
5534
+ .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 {
5535
+ color: rgba(255, 255, 255, 0.6);
5564
5536
  }
5565
5537
  .p-slidemenu.p-slidemenu-overlay {
5566
5538
  background: #2b2b2b;
@@ -5573,16 +5545,7 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
5573
5545
  border: 0 none;
5574
5546
  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);
5575
5547
  }
5576
- .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link {
5577
- background: rgba(255, 255, 255, 0.04);
5578
- }
5579
- .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-text {
5580
- color: rgba(255, 255, 255, 0.87);
5581
- }
5582
- .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 {
5583
- color: rgba(255, 255, 255, 0.6);
5584
- }
5585
- .p-slidemenu .p-slidemenu-separator {
5548
+ .p-slidemenu .p-menuitem-separator {
5586
5549
  border-top: 1px solid rgba(255, 255, 255, 0.12);
5587
5550
  margin: 0.5rem 0;
5588
5551
  }
@@ -5597,6 +5560,11 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
5597
5560
  padding: 0.75rem 0.75rem;
5598
5561
  color: rgba(255, 255, 255, 0.87);
5599
5562
  }
5563
+ .p-slidemenu .p-slidemenu-backward:not(.p-disabled):focus {
5564
+ outline: 0 none;
5565
+ outline-offset: 0;
5566
+ box-shadow: inset none;
5567
+ }
5600
5568
  .p-slidemenu .p-menuitem-badge {
5601
5569
  background: #CE93D8;
5602
5570
  color: #121212;
@@ -5735,90 +5703,84 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
5735
5703
  border-radius: 4px;
5736
5704
  width: 12.5rem;
5737
5705
  }
5738
- .p-tieredmenu .p-menuitem-link {
5739
- padding: 0.75rem 0.75rem;
5706
+ .p-tieredmenu.p-tieredmenu-overlay {
5707
+ background: #2b2b2b;
5708
+ border: 0 none;
5709
+ 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);
5710
+ }
5711
+ .p-tieredmenu .p-tieredmenu-root-list {
5712
+ outline: 0 none;
5713
+ }
5714
+ .p-tieredmenu .p-submenu-list {
5715
+ padding: 0.5rem 0;
5716
+ background: #2b2b2b;
5717
+ border: 0 none;
5718
+ 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);
5719
+ }
5720
+ .p-tieredmenu .p-menuitem > .p-menuitem-content {
5740
5721
  color: rgba(255, 255, 255, 0.87);
5741
- border-radius: 0;
5742
5722
  transition: none;
5723
+ border-radius: 0;
5724
+ }
5725
+ .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
5726
+ color: rgba(255, 255, 255, 0.87);
5727
+ padding: 0.75rem 0.75rem;
5743
5728
  user-select: none;
5744
5729
  }
5745
- .p-tieredmenu .p-menuitem-link .p-menuitem-text {
5730
+ .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
5746
5731
  color: rgba(255, 255, 255, 0.87);
5747
5732
  }
5748
- .p-tieredmenu .p-menuitem-link .p-menuitem-icon {
5733
+ .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
5749
5734
  color: rgba(255, 255, 255, 0.6);
5750
5735
  margin-right: 0.5rem;
5751
5736
  }
5752
- .p-tieredmenu .p-menuitem-link .p-submenu-icon {
5737
+ .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
5753
5738
  color: rgba(255, 255, 255, 0.6);
5754
5739
  }
5755
- .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover {
5740
+ .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content {
5741
+ color: rgba(255, 255, 255, 0.87);
5756
5742
  background: rgba(255, 255, 255, 0.04);
5757
5743
  }
5758
- .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
5744
+ .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
5759
5745
  color: rgba(255, 255, 255, 0.87);
5760
5746
  }
5761
- .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
5747
+ .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 {
5762
5748
  color: rgba(255, 255, 255, 0.6);
5763
5749
  }
5764
- .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
5765
- color: rgba(255, 255, 255, 0.6);
5766
- }
5767
- .p-tieredmenu .p-menuitem-link:focus {
5768
- outline: 0 none;
5769
- outline-offset: 0;
5770
- box-shadow: none;
5771
- }
5772
- .p-tieredmenu.p-tieredmenu-overlay {
5773
- background: #2b2b2b;
5774
- border: 0 none;
5775
- 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);
5750
+ .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
5751
+ background: rgba(255, 255, 255, 0.04);
5776
5752
  }
5777
- .p-tieredmenu .p-submenu-list {
5778
- padding: 0.5rem 0;
5779
- background: #2b2b2b;
5780
- border: 0 none;
5781
- 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);
5753
+ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
5754
+ color: rgba(255, 255, 255, 0.87);
5755
+ background: rgba(255, 255, 255, 0.12);
5782
5756
  }
5783
- .p-tieredmenu .p-menuitem {
5784
- margin: 0;
5757
+ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
5758
+ color: rgba(255, 255, 255, 0.87);
5785
5759
  }
5786
- .p-tieredmenu .p-menuitem:last-child {
5787
- margin: 0;
5760
+ .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 {
5761
+ color: rgba(255, 255, 255, 0.87);
5788
5762
  }
5789
- .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
5763
+ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
5764
+ color: rgba(255, 255, 255, 0.87);
5790
5765
  background: rgba(255, 255, 255, 0.04);
5791
5766
  }
5792
- .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
5767
+ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
5793
5768
  color: rgba(255, 255, 255, 0.87);
5794
5769
  }
5795
- .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 {
5770
+ .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 {
5796
5771
  color: rgba(255, 255, 255, 0.6);
5797
5772
  }
5798
- .p-tieredmenu .p-menu-separator {
5773
+ .p-tieredmenu .p-menuitem-separator {
5799
5774
  border-top: 1px solid rgba(255, 255, 255, 0.12);
5800
5775
  margin: 0.5rem 0;
5801
5776
  }
5802
5777
  .p-tieredmenu .p-submenu-icon {
5803
5778
  font-size: 0.875rem;
5804
5779
  }
5805
- .p-tieredmenu .p-icon {
5780
+ .p-tieredmenu .p-submenu-icon.p-icon {
5806
5781
  width: 0.875rem;
5807
5782
  height: 0.875rem;
5808
5783
  }
5809
- .p-tieredmenu .p-menuitem-badge {
5810
- background: #CE93D8;
5811
- color: #121212;
5812
- font-size: 0.75rem;
5813
- font-weight: 700;
5814
- min-width: 1.5rem;
5815
- height: 1.5rem;
5816
- line-height: 1.5rem;
5817
- border-radius: 4px;
5818
- margin-left: 0.5rem;
5819
- padding-left: 0.5rem;
5820
- padding-right: 0.5rem;
5821
- }
5822
5784
 
5823
5785
  .p-inline-message {
5824
5786
  padding: 0.75rem 0.75rem;
@@ -6692,6 +6654,9 @@ p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-cont
6692
6654
  .p-calendar-w-btn .p-datepicker-trigger.p-button span {
6693
6655
  color: rgba(255, 255, 255, 0.6);
6694
6656
  }
6657
+ .p-calendar-w-btn .p-datepicker-trigger.p-button .p-icon {
6658
+ color: rgba(255, 255, 255, 0.6);
6659
+ }
6695
6660
  .p-calendar-w-btn .p-datepicker-trigger.p-button:enabled:hover {
6696
6661
  background: rgba(255, 255, 255, 0.04);
6697
6662
  }
@@ -7338,7 +7303,10 @@ p-inputnumber.ng-dirty.ng-invalid .p-inputtext:enabled:focus {
7338
7303
  background: rgba(206, 147, 216, 0.24);
7339
7304
  }
7340
7305
 
7341
- .p-megamenu .p-menuitem .p-menuitem-link:focus {
7306
+ .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
7307
+ background: rgba(255, 255, 255, 0.12);
7308
+ }
7309
+ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
7342
7310
  background: rgba(255, 255, 255, 0.12);
7343
7311
  }
7344
7312
 
@@ -7346,7 +7314,10 @@ p-inputnumber.ng-dirty.ng-invalid .p-inputtext:enabled:focus {
7346
7314
  background: rgba(255, 255, 255, 0.12);
7347
7315
  }
7348
7316
 
7349
- .p-menubar .p-menuitem .p-menuitem-link:focus {
7317
+ .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
7318
+ background: rgba(255, 255, 255, 0.12);
7319
+ }
7320
+ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
7350
7321
  background: rgba(255, 255, 255, 0.12);
7351
7322
  }
7352
7323
 
@@ -7510,13 +7481,16 @@ p-multiselect.ng-dirty.ng-invalid .p-multiselect:not(.p-disabled).p-focus {
7510
7481
  .p-panelmenu .p-panelmenu-panel .p-panelmenu-header.p-disabled {
7511
7482
  opacity: 1;
7512
7483
  }
7513
- .p-panelmenu .p-panelmenu-panel .p-panelmenu-header.p-disabled .p-panelmenu-header-link > * {
7484
+ .p-panelmenu .p-panelmenu-panel .p-panelmenu-header.p-disabled .p-panelmenu-header-action > * {
7514
7485
  opacity: 0.38;
7515
7486
  }
7516
- .p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-header-link:focus {
7487
+ .p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-header-action:focus {
7517
7488
  background: rgba(255, 255, 255, 0.04);
7518
7489
  }
7519
- .p-panelmenu .p-panelmenu-panel .p-menuitem .p-menuitem-link:focus {
7490
+ .p-panelmenu .p-panelmenu-panel .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
7491
+ background: rgba(255, 255, 255, 0.12);
7492
+ }
7493
+ .p-panelmenu .p-panelmenu-panel .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
7520
7494
  background: rgba(255, 255, 255, 0.12);
7521
7495
  }
7522
7496
 
@@ -7598,7 +7572,10 @@ p-multiselect.ng-dirty.ng-invalid .p-multiselect:not(.p-disabled).p-focus {
7598
7572
  border-color: rgba(255, 255, 255, 0.12);
7599
7573
  }
7600
7574
 
7601
- .p-slidemenu .p-menuitem-link:focus {
7575
+ .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
7576
+ background: rgba(255, 255, 255, 0.12);
7577
+ }
7578
+ .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
7602
7579
  background: rgba(255, 255, 255, 0.12);
7603
7580
  }
7604
7581
 
@@ -7701,7 +7678,10 @@ p-multiselect.ng-dirty.ng-invalid .p-multiselect:not(.p-disabled).p-focus {
7701
7678
  display: none;
7702
7679
  }
7703
7680
 
7704
- .p-tieredmenu .p-menuitem-link:focus {
7681
+ .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
7682
+ background: rgba(255, 255, 255, 0.12);
7683
+ }
7684
+ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
7705
7685
  background: rgba(255, 255, 255, 0.12);
7706
7686
  }
7707
7687