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/viva-dark/theme.css CHANGED
@@ -2398,6 +2398,16 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
2398
2398
  height: 1.3rem;
2399
2399
  }
2400
2400
 
2401
+ .p-speeddial-list {
2402
+ outline: 0 none;
2403
+ }
2404
+
2405
+ .p-speeddial-item.p-focus > .p-speeddial-action {
2406
+ outline: 0 none;
2407
+ outline-offset: 0;
2408
+ box-shadow: 0 0 0 1px #9eade6;
2409
+ }
2410
+
2401
2411
  .p-speeddial-action {
2402
2412
  width: 3rem;
2403
2413
  height: 3rem;
@@ -4137,7 +4147,7 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
4137
4147
  .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus {
4138
4148
  outline: 0 none;
4139
4149
  outline-offset: 0;
4140
- box-shadow: 0 0 0 1px #9eade6;
4150
+ box-shadow: inset 0 0 0 1px #9eade6;
4141
4151
  }
4142
4152
  .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
4143
4153
  background: rgba(158, 173, 230, 0.08);
@@ -4371,6 +4381,9 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
4371
4381
  background: #263238;
4372
4382
  }
4373
4383
 
4384
+ .p-tabview .p-tabview-nav-content {
4385
+ scroll-padding-inline: 2.857rem;
4386
+ }
4374
4387
  .p-tabview .p-tabview-nav {
4375
4388
  background: transparent;
4376
4389
  border: 1px solid #263238;
@@ -4724,29 +4737,29 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
4724
4737
  border-radius: 6px;
4725
4738
  padding: 1rem;
4726
4739
  }
4727
- .p-breadcrumb ul li .p-menuitem-link {
4740
+ .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link {
4728
4741
  transition: box-shadow 0.3s;
4729
4742
  border-radius: 6px;
4730
4743
  }
4731
- .p-breadcrumb ul li .p-menuitem-link:focus {
4744
+ .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus {
4732
4745
  outline: 0 none;
4733
4746
  outline-offset: 0;
4734
4747
  box-shadow: 0 0 0 1px #9eade6;
4735
4748
  }
4736
- .p-breadcrumb ul li .p-menuitem-link .p-menuitem-text {
4749
+ .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text {
4737
4750
  color: rgba(255, 255, 255, 0.87);
4738
4751
  }
4739
- .p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon {
4752
+ .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon {
4740
4753
  color: rgba(255, 255, 255, 0.6);
4741
4754
  }
4742
- .p-breadcrumb ul li.p-breadcrumb-chevron {
4755
+ .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator {
4743
4756
  margin: 0 0.5rem 0 0.5rem;
4744
4757
  color: rgba(255, 255, 255, 0.87);
4745
4758
  }
4746
- .p-breadcrumb ul li:last-child .p-menuitem-text {
4759
+ .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text {
4747
4760
  color: rgba(255, 255, 255, 0.87);
4748
4761
  }
4749
- .p-breadcrumb ul li:last-child .p-menuitem-icon {
4762
+ .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon {
4750
4763
  color: rgba(255, 255, 255, 0.6);
4751
4764
  }
4752
4765
 
@@ -4759,97 +4772,100 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
4759
4772
  border-radius: 6px;
4760
4773
  width: 12.5rem;
4761
4774
  }
4762
- .p-contextmenu .p-menuitem-link {
4763
- padding: 0.75rem 1rem;
4764
- color: rgba(255, 255, 255, 0.87);
4775
+ .p-contextmenu .p-contextmenu-root-list {
4776
+ outline: 0 none;
4777
+ }
4778
+ .p-contextmenu .p-submenu-list {
4779
+ padding: 0.5rem 0.5rem;
4780
+ background: #161d21;
4781
+ border: 2px solid #263238;
4782
+ 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);
4765
4783
  border-radius: 6px;
4784
+ }
4785
+ .p-contextmenu .p-menuitem > .p-menuitem-content {
4786
+ color: rgba(255, 255, 255, 0.87);
4766
4787
  transition: box-shadow 0.3s;
4788
+ border-radius: 6px;
4789
+ }
4790
+ .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
4791
+ color: rgba(255, 255, 255, 0.87);
4792
+ padding: 0.75rem 1rem;
4767
4793
  user-select: none;
4768
4794
  }
4769
- .p-contextmenu .p-menuitem-link .p-menuitem-text {
4795
+ .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
4770
4796
  color: rgba(255, 255, 255, 0.87);
4771
4797
  }
4772
- .p-contextmenu .p-menuitem-link .p-menuitem-icon {
4798
+ .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
4773
4799
  color: rgba(255, 255, 255, 0.6);
4774
4800
  margin-right: 0.5rem;
4775
4801
  }
4776
- .p-contextmenu .p-menuitem-link .p-submenu-icon {
4802
+ .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
4777
4803
  color: rgba(255, 255, 255, 0.6);
4778
4804
  }
4779
- .p-contextmenu .p-menuitem-link:not(.p-disabled):hover {
4780
- background: rgba(158, 173, 230, 0.08);
4781
- }
4782
- .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
4805
+ .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content {
4783
4806
  color: rgba(255, 255, 255, 0.87);
4807
+ background: rgba(158, 173, 230, 0.08);
4784
4808
  }
4785
- .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
4809
+ .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
4786
4810
  color: rgba(255, 255, 255, 0.87);
4787
4811
  }
4788
- .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
4812
+ .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 {
4789
4813
  color: rgba(255, 255, 255, 0.87);
4790
4814
  }
4791
- .p-contextmenu .p-menuitem-link:focus {
4792
- outline: 0 none;
4793
- outline-offset: 0;
4794
- box-shadow: inset 0 0 0 0.15rem #9eade6;
4815
+ .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
4816
+ background: rgba(158, 173, 230, 0.08);
4795
4817
  }
4796
- .p-contextmenu .p-submenu-list {
4797
- padding: 0.5rem 0.5rem;
4798
- background: #161d21;
4799
- border: 2px solid #263238;
4800
- 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);
4801
- border-radius: 6px;
4818
+ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
4819
+ color: rgba(255, 255, 255, 0.87);
4820
+ background: rgba(158, 173, 230, 0.1);
4802
4821
  }
4803
- .p-contextmenu .p-menuitem {
4804
- margin: 0 0 4px 0;
4822
+ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
4823
+ color: rgba(255, 255, 255, 0.87);
4805
4824
  }
4806
- .p-contextmenu .p-menuitem:last-child {
4807
- margin: 0;
4825
+ .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 {
4826
+ color: rgba(255, 255, 255, 0.87);
4808
4827
  }
4809
- .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
4828
+ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
4829
+ color: rgba(255, 255, 255, 0.87);
4810
4830
  background: rgba(158, 173, 230, 0.08);
4811
4831
  }
4812
- .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
4832
+ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
4813
4833
  color: rgba(255, 255, 255, 0.87);
4814
4834
  }
4815
- .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 {
4835
+ .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 {
4816
4836
  color: rgba(255, 255, 255, 0.87);
4817
4837
  }
4818
- .p-contextmenu .p-menu-separator {
4838
+ .p-contextmenu .p-menuitem-separator {
4819
4839
  border-top: 1px solid #263238;
4820
4840
  margin: 4px 0;
4821
4841
  }
4822
4842
  .p-contextmenu .p-submenu-icon {
4823
4843
  font-size: 0.875rem;
4824
4844
  }
4825
- .p-contextmenu .p-icon {
4845
+ .p-contextmenu .p-submenu-icon.p-icon {
4826
4846
  width: 0.875rem;
4827
4847
  height: 0.875rem;
4828
4848
  }
4829
- .p-contextmenu .p-menuitem-badge {
4830
- background: #9eade6;
4831
- color: #121212;
4832
- font-size: 0.75rem;
4833
- font-weight: 700;
4834
- min-width: 1.5rem;
4835
- height: 1.5rem;
4836
- line-height: 1.5rem;
4837
- border-radius: 6px;
4838
- margin-left: 0.5rem;
4839
- padding-left: 0.5rem;
4840
- padding-right: 0.5rem;
4841
- }
4842
4849
 
4843
- .p-dock .p-dock-list {
4850
+ .p-dock .p-dock-list-container {
4844
4851
  background: rgba(255, 255, 255, 0.1);
4845
4852
  border: 1px solid rgba(255, 255, 255, 0.2);
4846
4853
  padding: 0.5rem 0.5rem;
4847
4854
  border-radius: 0.5rem;
4848
4855
  }
4856
+ .p-dock .p-dock-list-container .p-dock-list {
4857
+ outline: 0 none;
4858
+ }
4849
4859
  .p-dock .p-dock-item {
4850
4860
  padding: 0.5rem;
4861
+ border-radius: 6px;
4851
4862
  }
4852
- .p-dock .p-dock-action {
4863
+ .p-dock .p-dock-item.p-focus {
4864
+ outline: 0 none;
4865
+ outline-offset: 0;
4866
+ box-shadow: inset 0 0 0 0.15rem #9eade6;
4867
+ }
4868
+ .p-dock .p-dock-link {
4853
4869
  width: 4rem;
4854
4870
  height: 4rem;
4855
4871
  }
@@ -4907,98 +4923,69 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
4907
4923
  border: 2px solid #263238;
4908
4924
  border-radius: 6px;
4909
4925
  }
4910
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link {
4911
- padding: 0.75rem 1rem;
4926
+ .p-megamenu .p-megamenu-root-list {
4927
+ outline: 0 none;
4928
+ }
4929
+ .p-megamenu .p-menuitem > .p-menuitem-content {
4912
4930
  color: rgba(255, 255, 255, 0.87);
4913
- border-radius: 6px;
4914
4931
  transition: box-shadow 0.3s;
4932
+ border-radius: 6px;
4933
+ }
4934
+ .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
4935
+ color: rgba(255, 255, 255, 0.87);
4936
+ padding: 0.75rem 1rem;
4915
4937
  user-select: none;
4916
4938
  }
4917
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
4939
+ .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
4918
4940
  color: rgba(255, 255, 255, 0.87);
4919
4941
  }
4920
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
4942
+ .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
4921
4943
  color: rgba(255, 255, 255, 0.6);
4922
4944
  margin-right: 0.5rem;
4923
4945
  }
4924
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
4946
+ .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
4925
4947
  color: rgba(255, 255, 255, 0.6);
4926
- margin-left: 0.5rem;
4927
- }
4928
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
4929
- background: rgba(158, 173, 230, 0.08);
4930
4948
  }
4931
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
4949
+ .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content {
4932
4950
  color: rgba(255, 255, 255, 0.87);
4951
+ background: rgba(158, 173, 230, 0.08);
4933
4952
  }
4934
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
4953
+ .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
4935
4954
  color: rgba(255, 255, 255, 0.87);
4936
4955
  }
4937
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
4956
+ .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 {
4938
4957
  color: rgba(255, 255, 255, 0.87);
4939
4958
  }
4940
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus {
4941
- outline: 0 none;
4942
- outline-offset: 0;
4943
- box-shadow: inset 0 0 0 0.15rem #9eade6;
4944
- }
4945
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
4946
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
4959
+ .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
4947
4960
  background: rgba(158, 173, 230, 0.08);
4948
4961
  }
4949
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
4950
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
4962
+ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
4951
4963
  color: rgba(255, 255, 255, 0.87);
4964
+ background: rgba(158, 173, 230, 0.1);
4952
4965
  }
4953
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
4954
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
4966
+ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
4955
4967
  color: rgba(255, 255, 255, 0.87);
4956
4968
  }
4957
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
4958
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
4969
+ .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 {
4959
4970
  color: rgba(255, 255, 255, 0.87);
4960
4971
  }
4961
- .p-megamenu .p-menuitem-link {
4962
- padding: 0.75rem 1rem;
4972
+ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
4963
4973
  color: rgba(255, 255, 255, 0.87);
4964
- border-radius: 6px;
4965
- transition: box-shadow 0.3s;
4966
- user-select: none;
4967
- }
4968
- .p-megamenu .p-menuitem-link .p-menuitem-text {
4969
- color: rgba(255, 255, 255, 0.87);
4970
- }
4971
- .p-megamenu .p-menuitem-link .p-menuitem-icon {
4972
- color: rgba(255, 255, 255, 0.6);
4973
- margin-right: 0.5rem;
4974
- }
4975
- .p-megamenu .p-menuitem-link .p-submenu-icon {
4976
- color: rgba(255, 255, 255, 0.6);
4977
- }
4978
- .p-megamenu .p-menuitem-link:not(.p-disabled):hover {
4979
4974
  background: rgba(158, 173, 230, 0.08);
4980
4975
  }
4981
- .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
4976
+ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
4982
4977
  color: rgba(255, 255, 255, 0.87);
4983
4978
  }
4984
- .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
4979
+ .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 {
4985
4980
  color: rgba(255, 255, 255, 0.87);
4986
4981
  }
4987
- .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
4988
- color: rgba(255, 255, 255, 0.87);
4989
- }
4990
- .p-megamenu .p-menuitem-link:focus {
4991
- outline: 0 none;
4992
- outline-offset: 0;
4993
- box-shadow: inset 0 0 0 0.15rem #9eade6;
4994
- }
4995
4982
  .p-megamenu .p-megamenu-panel {
4996
4983
  background: #161d21;
4997
4984
  color: rgba(255, 255, 255, 0.87);
4998
4985
  border: 2px solid #263238;
4999
4986
  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);
5000
4987
  }
5001
- .p-megamenu .p-megamenu-submenu-header {
4988
+ .p-megamenu .p-submenu-header {
5002
4989
  margin: 0;
5003
4990
  padding: 0.75rem 1rem;
5004
4991
  color: rgba(255, 255, 255, 0.87);
@@ -5007,51 +4994,47 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
5007
4994
  border-top-right-radius: 6px;
5008
4995
  border-top-left-radius: 6px;
5009
4996
  }
5010
- .p-megamenu .p-megamenu-submenu {
4997
+ .p-megamenu .p-submenu-list {
5011
4998
  padding: 0.5rem 0.5rem;
5012
4999
  width: 12.5rem;
5013
5000
  }
5014
- .p-megamenu .p-megamenu-submenu .p-menu-separator {
5001
+ .p-megamenu .p-submenu-list .p-menuitem-separator {
5015
5002
  border-top: 1px solid #263238;
5016
5003
  margin: 4px 0;
5017
5004
  }
5018
- .p-megamenu .p-megamenu-submenu .p-menuitem {
5019
- margin: 0 0 4px 0;
5005
+ .p-megamenu.p-megamenu-vertical {
5006
+ width: 12.5rem;
5007
+ padding: 0.5rem 0.5rem;
5020
5008
  }
5021
- .p-megamenu .p-megamenu-submenu .p-menuitem:last-child {
5022
- margin: 0;
5009
+ .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content {
5010
+ color: rgba(255, 255, 255, 0.87);
5011
+ transition: box-shadow 0.3s;
5012
+ border-radius: 6px;
5023
5013
  }
5024
- .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
5025
- background: rgba(158, 173, 230, 0.08);
5014
+ .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link {
5015
+ padding: 0.75rem 1rem;
5016
+ user-select: none;
5026
5017
  }
5027
- .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
5018
+ .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
5028
5019
  color: rgba(255, 255, 255, 0.87);
5029
5020
  }
5030
- .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 {
5031
- color: rgba(255, 255, 255, 0.87);
5021
+ .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
5022
+ color: rgba(255, 255, 255, 0.6);
5023
+ margin-right: 0.5rem;
5032
5024
  }
5033
- .p-megamenu.p-megamenu-vertical {
5034
- width: 12.5rem;
5035
- padding: 0.5rem 0.5rem;
5025
+ .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
5026
+ color: rgba(255, 255, 255, 0.6);
5027
+ margin-left: 0.5rem;
5036
5028
  }
5037
- .p-megamenu.p-megamenu-vertical .p-menuitem {
5038
- margin: 0 0 4px 0;
5029
+ .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
5030
+ color: rgba(255, 255, 255, 0.87);
5031
+ background: rgba(158, 173, 230, 0.08);
5039
5032
  }
5040
- .p-megamenu.p-megamenu-vertical .p-menuitem:last-child {
5041
- margin: 0;
5033
+ .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 {
5034
+ color: rgba(255, 255, 255, 0.87);
5042
5035
  }
5043
- .p-megamenu .p-menuitem-badge {
5044
- background: #9eade6;
5045
- color: #121212;
5046
- font-size: 0.75rem;
5047
- font-weight: 700;
5048
- min-width: 1.5rem;
5049
- height: 1.5rem;
5050
- line-height: 1.5rem;
5051
- border-radius: 6px;
5052
- margin-left: 0.5rem;
5053
- padding-left: 0.5rem;
5054
- padding-right: 0.5rem;
5036
+ .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 {
5037
+ color: rgba(255, 255, 255, 0.87);
5055
5038
  }
5056
5039
 
5057
5040
  .p-menu {
@@ -5062,39 +5045,58 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
5062
5045
  border-radius: 6px;
5063
5046
  width: 12.5rem;
5064
5047
  }
5065
- .p-menu .p-menuitem-link {
5066
- padding: 0.75rem 1rem;
5048
+ .p-menu .p-menuitem > .p-menuitem-content {
5067
5049
  color: rgba(255, 255, 255, 0.87);
5068
- border-radius: 6px;
5069
5050
  transition: box-shadow 0.3s;
5051
+ border-radius: 6px;
5052
+ }
5053
+ .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link {
5054
+ color: rgba(255, 255, 255, 0.87);
5055
+ padding: 0.75rem 1rem;
5070
5056
  user-select: none;
5071
5057
  }
5072
- .p-menu .p-menuitem-link .p-menuitem-text {
5058
+ .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
5073
5059
  color: rgba(255, 255, 255, 0.87);
5074
5060
  }
5075
- .p-menu .p-menuitem-link .p-menuitem-icon {
5061
+ .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
5076
5062
  color: rgba(255, 255, 255, 0.6);
5077
5063
  margin-right: 0.5rem;
5078
5064
  }
5079
- .p-menu .p-menuitem-link .p-submenu-icon {
5065
+ .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
5080
5066
  color: rgba(255, 255, 255, 0.6);
5081
5067
  }
5082
- .p-menu .p-menuitem-link:not(.p-disabled):hover {
5068
+ .p-menu .p-menuitem.p-highlight > .p-menuitem-content {
5069
+ color: rgba(255, 255, 255, 0.87);
5083
5070
  background: rgba(158, 173, 230, 0.08);
5084
5071
  }
5085
- .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
5072
+ .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
5086
5073
  color: rgba(255, 255, 255, 0.87);
5087
5074
  }
5088
- .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
5075
+ .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 {
5089
5076
  color: rgba(255, 255, 255, 0.87);
5090
5077
  }
5091
- .p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
5078
+ .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
5079
+ background: rgba(158, 173, 230, 0.08);
5080
+ }
5081
+ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
5092
5082
  color: rgba(255, 255, 255, 0.87);
5083
+ background: rgba(158, 173, 230, 0.1);
5093
5084
  }
5094
- .p-menu .p-menuitem-link:focus {
5095
- outline: 0 none;
5096
- outline-offset: 0;
5097
- box-shadow: inset 0 0 0 0.15rem #9eade6;
5085
+ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
5086
+ color: rgba(255, 255, 255, 0.87);
5087
+ }
5088
+ .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 {
5089
+ color: rgba(255, 255, 255, 0.87);
5090
+ }
5091
+ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
5092
+ color: rgba(255, 255, 255, 0.87);
5093
+ background: rgba(158, 173, 230, 0.08);
5094
+ }
5095
+ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
5096
+ color: rgba(255, 255, 255, 0.87);
5097
+ }
5098
+ .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 {
5099
+ color: rgba(255, 255, 255, 0.87);
5098
5100
  }
5099
5101
  .p-menu.p-menu-overlay {
5100
5102
  background: #161d21;
@@ -5110,16 +5112,10 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
5110
5112
  border-top-right-radius: 0;
5111
5113
  border-top-left-radius: 0;
5112
5114
  }
5113
- .p-menu .p-menu-separator {
5115
+ .p-menu .p-menuitem-separator {
5114
5116
  border-top: 1px solid #263238;
5115
5117
  margin: 4px 0;
5116
5118
  }
5117
- .p-menu .p-menuitem {
5118
- margin: 0 0 4px 0;
5119
- }
5120
- .p-menu .p-menuitem:last-child {
5121
- margin: 0;
5122
- }
5123
5119
  .p-menu .p-menuitem-badge {
5124
5120
  background: #9eade6;
5125
5121
  color: #121212;
@@ -5141,89 +5137,90 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
5141
5137
  border: 2px solid #263238;
5142
5138
  border-radius: 6px;
5143
5139
  }
5144
- .p-menubar .p-menuitem-link {
5145
- padding: 0.75rem 1rem;
5140
+ .p-menubar .p-menubar-root-list {
5141
+ outline: 0 none;
5142
+ }
5143
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content {
5146
5144
  color: rgba(255, 255, 255, 0.87);
5147
- border-radius: 6px;
5148
5145
  transition: box-shadow 0.3s;
5146
+ border-radius: 6px;
5147
+ }
5148
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link {
5149
+ padding: 0.75rem 1rem;
5149
5150
  user-select: none;
5150
5151
  }
5151
- .p-menubar .p-menuitem-link .p-menuitem-text {
5152
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
5152
5153
  color: rgba(255, 255, 255, 0.87);
5153
5154
  }
5154
- .p-menubar .p-menuitem-link .p-menuitem-icon {
5155
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
5155
5156
  color: rgba(255, 255, 255, 0.6);
5156
5157
  margin-right: 0.5rem;
5157
5158
  }
5158
- .p-menubar .p-menuitem-link .p-submenu-icon {
5159
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
5159
5160
  color: rgba(255, 255, 255, 0.6);
5161
+ margin-left: 0.5rem;
5160
5162
  }
5161
- .p-menubar .p-menuitem-link:not(.p-disabled):hover {
5163
+ .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
5164
+ color: rgba(255, 255, 255, 0.87);
5162
5165
  background: rgba(158, 173, 230, 0.08);
5163
5166
  }
5164
- .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
5167
+ .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
5165
5168
  color: rgba(255, 255, 255, 0.87);
5166
5169
  }
5167
- .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
5170
+ .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 {
5168
5171
  color: rgba(255, 255, 255, 0.87);
5169
5172
  }
5170
- .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
5173
+ .p-menubar .p-menuitem > .p-menuitem-content {
5171
5174
  color: rgba(255, 255, 255, 0.87);
5175
+ transition: box-shadow 0.3s;
5176
+ border-radius: 6px;
5172
5177
  }
5173
- .p-menubar .p-menuitem-link:focus {
5174
- outline: 0 none;
5175
- outline-offset: 0;
5176
- box-shadow: inset 0 0 0 0.15rem #9eade6;
5177
- }
5178
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
5179
- padding: 0.75rem 1rem;
5178
+ .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link {
5180
5179
  color: rgba(255, 255, 255, 0.87);
5181
- border-radius: 6px;
5182
- transition: box-shadow 0.3s;
5180
+ padding: 0.75rem 1rem;
5183
5181
  user-select: none;
5184
5182
  }
5185
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
5183
+ .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
5186
5184
  color: rgba(255, 255, 255, 0.87);
5187
5185
  }
5188
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
5186
+ .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
5189
5187
  color: rgba(255, 255, 255, 0.6);
5190
5188
  margin-right: 0.5rem;
5191
5189
  }
5192
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
5190
+ .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
5193
5191
  color: rgba(255, 255, 255, 0.6);
5194
- margin-left: 0.5rem;
5195
5192
  }
5196
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
5193
+ .p-menubar .p-menuitem.p-highlight > .p-menuitem-content {
5194
+ color: rgba(255, 255, 255, 0.87);
5197
5195
  background: rgba(158, 173, 230, 0.08);
5198
5196
  }
5199
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
5197
+ .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
5200
5198
  color: rgba(255, 255, 255, 0.87);
5201
5199
  }
5202
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
5200
+ .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 {
5203
5201
  color: rgba(255, 255, 255, 0.87);
5204
5202
  }
5205
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
5203
+ .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
5204
+ background: rgba(158, 173, 230, 0.08);
5205
+ }
5206
+ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
5206
5207
  color: rgba(255, 255, 255, 0.87);
5208
+ background: rgba(158, 173, 230, 0.1);
5207
5209
  }
5208
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
5209
- outline: 0 none;
5210
- outline-offset: 0;
5211
- box-shadow: inset 0 0 0 0.15rem #9eade6;
5210
+ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
5211
+ color: rgba(255, 255, 255, 0.87);
5212
5212
  }
5213
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
5214
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
5215
- background: rgba(158, 173, 230, 0.08);
5213
+ .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 {
5214
+ color: rgba(255, 255, 255, 0.87);
5216
5215
  }
5217
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
5218
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
5216
+ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
5219
5217
  color: rgba(255, 255, 255, 0.87);
5218
+ background: rgba(158, 173, 230, 0.08);
5220
5219
  }
5221
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
5222
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
5220
+ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
5223
5221
  color: rgba(255, 255, 255, 0.87);
5224
5222
  }
5225
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
5226
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
5223
+ .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 {
5227
5224
  color: rgba(255, 255, 255, 0.87);
5228
5225
  }
5229
5226
  .p-menubar .p-submenu-list {
@@ -5233,45 +5230,13 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
5233
5230
  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);
5234
5231
  width: 12.5rem;
5235
5232
  }
5236
- .p-menubar .p-submenu-list .p-menu-separator {
5233
+ .p-menubar .p-submenu-list .p-menuitem-separator {
5237
5234
  border-top: 1px solid #263238;
5238
5235
  margin: 4px 0;
5239
5236
  }
5240
5237
  .p-menubar .p-submenu-list .p-submenu-icon {
5241
5238
  font-size: 0.875rem;
5242
5239
  }
5243
- .p-menubar .p-submenu-list .p-icon {
5244
- width: 0.875rem;
5245
- height: 0.875rem;
5246
- }
5247
- .p-menubar .p-submenu-list .p-menuitem {
5248
- margin: 0 0 4px 0;
5249
- }
5250
- .p-menubar .p-submenu-list .p-menuitem:last-child {
5251
- margin: 0;
5252
- }
5253
- .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link {
5254
- background: rgba(158, 173, 230, 0.08);
5255
- }
5256
- .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
5257
- color: rgba(255, 255, 255, 0.87);
5258
- }
5259
- .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 {
5260
- color: rgba(255, 255, 255, 0.87);
5261
- }
5262
- .p-menubar .p-menuitem-badge {
5263
- background: #9eade6;
5264
- color: #121212;
5265
- font-size: 0.75rem;
5266
- font-weight: 700;
5267
- min-width: 1.5rem;
5268
- height: 1.5rem;
5269
- line-height: 1.5rem;
5270
- border-radius: 6px;
5271
- margin-left: 0.5rem;
5272
- padding-left: 0.5rem;
5273
- padding-right: 0.5rem;
5274
- }
5275
5240
 
5276
5241
  @media screen and (max-width: 960px) {
5277
5242
  .p-menubar {
@@ -5303,56 +5268,22 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
5303
5268
  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);
5304
5269
  width: 100%;
5305
5270
  }
5306
- .p-menubar .p-menubar-root-list .p-menu-separator {
5271
+ .p-menubar .p-menubar-root-list .p-menuitem-separator {
5307
5272
  border-top: 1px solid #263238;
5308
5273
  margin: 4px 0;
5309
5274
  }
5310
5275
  .p-menubar .p-menubar-root-list .p-submenu-icon {
5311
5276
  font-size: 0.875rem;
5312
5277
  }
5313
- .p-menubar .p-menubar-root-list > .p-menuitem {
5278
+ .p-menubar .p-menubar-root-list .p-menuitem {
5314
5279
  width: 100%;
5315
5280
  position: static;
5316
5281
  }
5317
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
5318
- padding: 0.75rem 1rem;
5319
- color: rgba(255, 255, 255, 0.87);
5320
- border-radius: 6px;
5321
- transition: box-shadow 0.3s;
5322
- user-select: none;
5323
- }
5324
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
5325
- color: rgba(255, 255, 255, 0.87);
5326
- }
5327
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
5328
- color: rgba(255, 255, 255, 0.6);
5329
- margin-right: 0.5rem;
5330
- }
5331
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
5332
- color: rgba(255, 255, 255, 0.6);
5333
- }
5334
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
5335
- background: rgba(158, 173, 230, 0.08);
5336
- }
5337
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
5338
- color: rgba(255, 255, 255, 0.87);
5339
- }
5340
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
5341
- color: rgba(255, 255, 255, 0.87);
5342
- }
5343
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
5344
- color: rgba(255, 255, 255, 0.87);
5345
- }
5346
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
5347
- outline: 0 none;
5348
- outline-offset: 0;
5349
- box-shadow: inset 0 0 0 0.15rem #9eade6;
5350
- }
5351
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon {
5282
+ .p-menubar .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
5352
5283
  margin-left: auto;
5353
5284
  transition: transform 0.3s;
5354
5285
  }
5355
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
5286
+ .p-menubar .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
5356
5287
  transform: rotate(-180deg);
5357
5288
  }
5358
5289
  .p-menubar .p-menubar-root-list .p-submenu-list {
@@ -5365,26 +5296,26 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
5365
5296
  transition: transform 0.3s;
5366
5297
  transform: rotate(90deg);
5367
5298
  }
5368
- .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
5299
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
5369
5300
  transform: rotate(-90deg);
5370
5301
  }
5371
5302
  .p-menubar .p-menubar-root-list .p-menuitem {
5372
5303
  width: 100%;
5373
5304
  position: static;
5374
5305
  }
5375
- .p-menubar .p-menubar-root-list ul li a {
5306
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
5376
5307
  padding-left: 2.25rem;
5377
5308
  }
5378
- .p-menubar .p-menubar-root-list ul li ul li a {
5309
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
5379
5310
  padding-left: 3.75rem;
5380
5311
  }
5381
- .p-menubar .p-menubar-root-list ul li ul li ul li a {
5312
+ .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 {
5382
5313
  padding-left: 5.25rem;
5383
5314
  }
5384
- .p-menubar .p-menubar-root-list ul li ul li ul li ul li a {
5315
+ .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 {
5385
5316
  padding-left: 6.75rem;
5386
5317
  }
5387
- .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a {
5318
+ .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 {
5388
5319
  padding-left: 8.25rem;
5389
5320
  }
5390
5321
  .p-menubar.p-menubar-mobile-active .p-menubar-root-list {
@@ -5395,42 +5326,46 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
5395
5326
  z-index: 1;
5396
5327
  }
5397
5328
  }
5398
- .p-panelmenu .p-panelmenu-header > a {
5399
- padding: 1rem;
5329
+ .p-panelmenu .p-panelmenu-header {
5330
+ outline: 0 none;
5331
+ }
5332
+ .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content {
5400
5333
  border: 2px solid #263238;
5401
5334
  color: rgba(255, 255, 255, 0.87);
5402
5335
  background: #161d21;
5403
- font-weight: 600;
5404
5336
  border-radius: 6px;
5405
5337
  transition: box-shadow 0.3s;
5406
5338
  }
5407
- .p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon {
5339
+ .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action {
5340
+ color: rgba(255, 255, 255, 0.87);
5341
+ padding: 1rem;
5342
+ font-weight: 600;
5343
+ }
5344
+ .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon {
5408
5345
  margin-right: 0.5rem;
5409
5346
  }
5410
- .p-panelmenu .p-panelmenu-header > a .p-menuitem-icon {
5347
+ .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
5411
5348
  margin-right: 0.5rem;
5412
5349
  }
5413
- .p-panelmenu .p-panelmenu-header > a:focus {
5350
+ .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus .p-panelmenu-header-content {
5414
5351
  outline: 0 none;
5415
5352
  outline-offset: 0;
5416
- box-shadow: 0 0 0 1px #9eade6;
5353
+ box-shadow: inset 0 0 0 1px #9eade6;
5417
5354
  }
5418
- .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover {
5355
+ .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content {
5419
5356
  background: rgba(158, 173, 230, 0.08);
5420
5357
  border-color: #263238;
5421
5358
  color: rgba(255, 255, 255, 0.87);
5422
5359
  }
5423
- .p-panelmenu .p-panelmenu-header.p-highlight {
5424
- margin-bottom: 0;
5425
- }
5426
- .p-panelmenu .p-panelmenu-header.p-highlight > a {
5360
+ .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content {
5427
5361
  background: #161d21;
5428
5362
  border-color: #263238;
5429
5363
  color: rgba(255, 255, 255, 0.87);
5430
5364
  border-bottom-right-radius: 0;
5431
5365
  border-bottom-left-radius: 0;
5366
+ margin-bottom: 0;
5432
5367
  }
5433
- .p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover {
5368
+ .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content {
5434
5369
  border-color: #263238;
5435
5370
  background: rgba(158, 173, 230, 0.08);
5436
5371
  color: rgba(255, 255, 255, 0.87);
@@ -5440,73 +5375,98 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
5440
5375
  border: 2px solid #263238;
5441
5376
  background: #161d21;
5442
5377
  color: rgba(255, 255, 255, 0.87);
5443
- margin-bottom: 0;
5444
5378
  border-top: 0;
5445
5379
  border-top-right-radius: 0;
5446
5380
  border-top-left-radius: 0;
5447
5381
  border-bottom-right-radius: 6px;
5448
5382
  border-bottom-left-radius: 6px;
5449
5383
  }
5450
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link {
5451
- padding: 0.75rem 1rem;
5384
+ .p-panelmenu .p-panelmenu-content .p-panelmenu-root-list {
5385
+ outline: 0 none;
5386
+ }
5387
+ .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content {
5452
5388
  color: rgba(255, 255, 255, 0.87);
5453
- border-radius: 6px;
5454
5389
  transition: box-shadow 0.3s;
5390
+ border-radius: 6px;
5391
+ }
5392
+ .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link {
5393
+ color: rgba(255, 255, 255, 0.87);
5394
+ padding: 0.75rem 1rem;
5455
5395
  user-select: none;
5456
5396
  }
5457
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text {
5397
+ .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
5458
5398
  color: rgba(255, 255, 255, 0.87);
5459
5399
  }
5460
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon {
5400
+ .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
5461
5401
  color: rgba(255, 255, 255, 0.6);
5462
5402
  margin-right: 0.5rem;
5463
5403
  }
5464
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon {
5404
+ .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
5465
5405
  color: rgba(255, 255, 255, 0.6);
5466
5406
  }
5467
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover {
5407
+ .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content {
5408
+ color: rgba(255, 255, 255, 0.87);
5468
5409
  background: rgba(158, 173, 230, 0.08);
5469
5410
  }
5470
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
5411
+ .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
5471
5412
  color: rgba(255, 255, 255, 0.87);
5472
5413
  }
5473
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
5414
+ .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 {
5474
5415
  color: rgba(255, 255, 255, 0.87);
5475
5416
  }
5476
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
5417
+ .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
5418
+ background: rgba(158, 173, 230, 0.08);
5419
+ }
5420
+ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
5477
5421
  color: rgba(255, 255, 255, 0.87);
5422
+ background: rgba(158, 173, 230, 0.1);
5478
5423
  }
5479
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus {
5480
- outline: 0 none;
5481
- outline-offset: 0;
5482
- box-shadow: inset 0 0 0 0.15rem #9eade6;
5424
+ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
5425
+ color: rgba(255, 255, 255, 0.87);
5426
+ }
5427
+ .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 {
5428
+ color: rgba(255, 255, 255, 0.87);
5483
5429
  }
5484
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon {
5430
+ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
5431
+ color: rgba(255, 255, 255, 0.87);
5432
+ background: rgba(158, 173, 230, 0.08);
5433
+ }
5434
+ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
5435
+ color: rgba(255, 255, 255, 0.87);
5436
+ }
5437
+ .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 {
5438
+ color: rgba(255, 255, 255, 0.87);
5439
+ }
5440
+ .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
5485
5441
  margin-right: 0.5rem;
5486
5442
  }
5487
- .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) {
5443
+ .p-panelmenu .p-panelmenu-content .p-menuitem-separator {
5444
+ border-top: 1px solid #263238;
5445
+ margin: 4px 0;
5446
+ }
5447
+ .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) {
5488
5448
  padding: 0 0 0 1rem;
5489
5449
  }
5490
5450
  .p-panelmenu .p-panelmenu-panel {
5491
5451
  margin-bottom: 0;
5492
5452
  }
5493
- .p-panelmenu .p-panelmenu-panel .p-panelmenu-header > a {
5453
+ .p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-header-content {
5494
5454
  border-radius: 0;
5495
5455
  }
5496
5456
  .p-panelmenu .p-panelmenu-panel .p-panelmenu-content {
5497
5457
  border-radius: 0;
5498
5458
  }
5499
- .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header > a {
5459
+ .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header .p-panelmenu-header-content {
5500
5460
  border-top: 0 none;
5501
5461
  }
5502
- .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 {
5462
+ .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 {
5503
5463
  border-top: 0 none;
5504
5464
  }
5505
- .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a {
5465
+ .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header .p-panelmenu-header-content {
5506
5466
  border-top-right-radius: 6px;
5507
5467
  border-top-left-radius: 6px;
5508
5468
  }
5509
- .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a {
5469
+ .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) .p-panelmenu-header-content {
5510
5470
  border-bottom-right-radius: 6px;
5511
5471
  border-bottom-left-radius: 6px;
5512
5472
  }
@@ -5514,19 +5474,6 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
5514
5474
  border-bottom-right-radius: 6px;
5515
5475
  border-bottom-left-radius: 6px;
5516
5476
  }
5517
- .p-panelmenu .p-menuitem-badge {
5518
- background: #9eade6;
5519
- color: #121212;
5520
- font-size: 0.75rem;
5521
- font-weight: 700;
5522
- min-width: 1.5rem;
5523
- height: 1.5rem;
5524
- line-height: 1.5rem;
5525
- border-radius: 6px;
5526
- margin-left: 0.5rem;
5527
- padding-left: 0.5rem;
5528
- padding-right: 0.5rem;
5529
- }
5530
5477
 
5531
5478
  .p-slidemenu {
5532
5479
  padding: 0.5rem 0.5rem;
@@ -5536,39 +5483,64 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
5536
5483
  border-radius: 6px;
5537
5484
  width: 12.5rem;
5538
5485
  }
5539
- .p-slidemenu .p-menuitem-link {
5540
- padding: 0.75rem 1rem;
5486
+ .p-slidemenu .p-slidemenu-root-list {
5487
+ outline: 0 none;
5488
+ }
5489
+ .p-slidemenu .p-submenu-list {
5490
+ outline: 0 none;
5491
+ }
5492
+ .p-slidemenu .p-menuitem > .p-menuitem-content {
5541
5493
  color: rgba(255, 255, 255, 0.87);
5542
- border-radius: 6px;
5543
5494
  transition: box-shadow 0.3s;
5495
+ border-radius: 6px;
5496
+ }
5497
+ .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
5498
+ color: rgba(255, 255, 255, 0.87);
5499
+ padding: 0.75rem 1rem;
5544
5500
  user-select: none;
5545
5501
  }
5546
- .p-slidemenu .p-menuitem-link .p-menuitem-text {
5502
+ .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
5547
5503
  color: rgba(255, 255, 255, 0.87);
5548
5504
  }
5549
- .p-slidemenu .p-menuitem-link .p-menuitem-icon {
5505
+ .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
5550
5506
  color: rgba(255, 255, 255, 0.6);
5551
5507
  margin-right: 0.5rem;
5552
5508
  }
5553
- .p-slidemenu .p-menuitem-link .p-submenu-icon {
5509
+ .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
5554
5510
  color: rgba(255, 255, 255, 0.6);
5555
5511
  }
5556
- .p-slidemenu .p-menuitem-link:not(.p-disabled):hover {
5512
+ .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content {
5513
+ color: rgba(255, 255, 255, 0.87);
5557
5514
  background: rgba(158, 173, 230, 0.08);
5558
5515
  }
5559
- .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
5516
+ .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
5517
+ color: rgba(255, 255, 255, 0.87);
5518
+ }
5519
+ .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 {
5560
5520
  color: rgba(255, 255, 255, 0.87);
5561
5521
  }
5562
- .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
5522
+ .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
5523
+ background: rgba(158, 173, 230, 0.08);
5524
+ }
5525
+ .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
5563
5526
  color: rgba(255, 255, 255, 0.87);
5527
+ background: rgba(158, 173, 230, 0.1);
5564
5528
  }
5565
- .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
5529
+ .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
5566
5530
  color: rgba(255, 255, 255, 0.87);
5567
5531
  }
5568
- .p-slidemenu .p-menuitem-link:focus {
5569
- outline: 0 none;
5570
- outline-offset: 0;
5571
- box-shadow: inset 0 0 0 0.15rem #9eade6;
5532
+ .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 {
5533
+ color: rgba(255, 255, 255, 0.87);
5534
+ }
5535
+ .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
5536
+ color: rgba(255, 255, 255, 0.87);
5537
+ background: rgba(158, 173, 230, 0.08);
5538
+ }
5539
+ .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
5540
+ color: rgba(255, 255, 255, 0.87);
5541
+ }
5542
+ .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 {
5543
+ color: rgba(255, 255, 255, 0.87);
5572
5544
  }
5573
5545
  .p-slidemenu.p-slidemenu-overlay {
5574
5546
  background: #161d21;
@@ -5581,16 +5553,7 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
5581
5553
  border: 2px solid #263238;
5582
5554
  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);
5583
5555
  }
5584
- .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link {
5585
- background: rgba(158, 173, 230, 0.08);
5586
- }
5587
- .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-text {
5588
- color: rgba(255, 255, 255, 0.87);
5589
- }
5590
- .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 {
5591
- color: rgba(255, 255, 255, 0.87);
5592
- }
5593
- .p-slidemenu .p-slidemenu-separator {
5556
+ .p-slidemenu .p-menuitem-separator {
5594
5557
  border-top: 1px solid #263238;
5595
5558
  margin: 4px 0;
5596
5559
  }
@@ -5605,6 +5568,11 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
5605
5568
  padding: 0.75rem 1rem;
5606
5569
  color: rgba(255, 255, 255, 0.87);
5607
5570
  }
5571
+ .p-slidemenu .p-slidemenu-backward:not(.p-disabled):focus {
5572
+ outline: 0 none;
5573
+ outline-offset: 0;
5574
+ box-shadow: inset 0 0 0 1px #9eade6;
5575
+ }
5608
5576
  .p-slidemenu .p-menuitem-badge {
5609
5577
  background: #9eade6;
5610
5578
  color: #121212;
@@ -5743,90 +5711,84 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
5743
5711
  border-radius: 6px;
5744
5712
  width: 12.5rem;
5745
5713
  }
5746
- .p-tieredmenu .p-menuitem-link {
5747
- padding: 0.75rem 1rem;
5714
+ .p-tieredmenu.p-tieredmenu-overlay {
5715
+ background: #161d21;
5716
+ border: 2px solid #263238;
5717
+ 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);
5718
+ }
5719
+ .p-tieredmenu .p-tieredmenu-root-list {
5720
+ outline: 0 none;
5721
+ }
5722
+ .p-tieredmenu .p-submenu-list {
5723
+ padding: 0.5rem 0.5rem;
5724
+ background: #161d21;
5725
+ border: 2px solid #263238;
5726
+ 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);
5727
+ }
5728
+ .p-tieredmenu .p-menuitem > .p-menuitem-content {
5748
5729
  color: rgba(255, 255, 255, 0.87);
5749
- border-radius: 6px;
5750
5730
  transition: box-shadow 0.3s;
5731
+ border-radius: 6px;
5732
+ }
5733
+ .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
5734
+ color: rgba(255, 255, 255, 0.87);
5735
+ padding: 0.75rem 1rem;
5751
5736
  user-select: none;
5752
5737
  }
5753
- .p-tieredmenu .p-menuitem-link .p-menuitem-text {
5738
+ .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
5754
5739
  color: rgba(255, 255, 255, 0.87);
5755
5740
  }
5756
- .p-tieredmenu .p-menuitem-link .p-menuitem-icon {
5741
+ .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
5757
5742
  color: rgba(255, 255, 255, 0.6);
5758
5743
  margin-right: 0.5rem;
5759
5744
  }
5760
- .p-tieredmenu .p-menuitem-link .p-submenu-icon {
5745
+ .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
5761
5746
  color: rgba(255, 255, 255, 0.6);
5762
5747
  }
5763
- .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover {
5764
- background: rgba(158, 173, 230, 0.08);
5765
- }
5766
- .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
5748
+ .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content {
5767
5749
  color: rgba(255, 255, 255, 0.87);
5750
+ background: rgba(158, 173, 230, 0.08);
5768
5751
  }
5769
- .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
5752
+ .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
5770
5753
  color: rgba(255, 255, 255, 0.87);
5771
5754
  }
5772
- .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
5755
+ .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 {
5773
5756
  color: rgba(255, 255, 255, 0.87);
5774
5757
  }
5775
- .p-tieredmenu .p-menuitem-link:focus {
5776
- outline: 0 none;
5777
- outline-offset: 0;
5778
- box-shadow: inset 0 0 0 0.15rem #9eade6;
5779
- }
5780
- .p-tieredmenu.p-tieredmenu-overlay {
5781
- background: #161d21;
5782
- border: 2px solid #263238;
5783
- 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);
5758
+ .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
5759
+ background: rgba(158, 173, 230, 0.08);
5784
5760
  }
5785
- .p-tieredmenu .p-submenu-list {
5786
- padding: 0.5rem 0.5rem;
5787
- background: #161d21;
5788
- border: 2px solid #263238;
5789
- 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);
5761
+ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
5762
+ color: rgba(255, 255, 255, 0.87);
5763
+ background: rgba(158, 173, 230, 0.1);
5790
5764
  }
5791
- .p-tieredmenu .p-menuitem {
5792
- margin: 0 0 4px 0;
5765
+ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
5766
+ color: rgba(255, 255, 255, 0.87);
5793
5767
  }
5794
- .p-tieredmenu .p-menuitem:last-child {
5795
- margin: 0;
5768
+ .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 {
5769
+ color: rgba(255, 255, 255, 0.87);
5796
5770
  }
5797
- .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
5771
+ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
5772
+ color: rgba(255, 255, 255, 0.87);
5798
5773
  background: rgba(158, 173, 230, 0.08);
5799
5774
  }
5800
- .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
5775
+ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
5801
5776
  color: rgba(255, 255, 255, 0.87);
5802
5777
  }
5803
- .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 {
5778
+ .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 {
5804
5779
  color: rgba(255, 255, 255, 0.87);
5805
5780
  }
5806
- .p-tieredmenu .p-menu-separator {
5781
+ .p-tieredmenu .p-menuitem-separator {
5807
5782
  border-top: 1px solid #263238;
5808
5783
  margin: 4px 0;
5809
5784
  }
5810
5785
  .p-tieredmenu .p-submenu-icon {
5811
5786
  font-size: 0.875rem;
5812
5787
  }
5813
- .p-tieredmenu .p-icon {
5788
+ .p-tieredmenu .p-submenu-icon.p-icon {
5814
5789
  width: 0.875rem;
5815
5790
  height: 0.875rem;
5816
5791
  }
5817
- .p-tieredmenu .p-menuitem-badge {
5818
- background: #9eade6;
5819
- color: #121212;
5820
- font-size: 0.75rem;
5821
- font-weight: 700;
5822
- min-width: 1.5rem;
5823
- height: 1.5rem;
5824
- line-height: 1.5rem;
5825
- border-radius: 6px;
5826
- margin-left: 0.5rem;
5827
- padding-left: 0.5rem;
5828
- padding-right: 0.5rem;
5829
- }
5830
5792
 
5831
5793
  .p-inline-message {
5832
5794
  padding: 0.5rem 0.75rem;