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/bootstrap4-dark-blue/theme.css CHANGED
@@ -2378,6 +2378,16 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
2378
2378
  height: 1.3rem;
2379
2379
  }
2380
2380
 
2381
+ .p-speeddial-list {
2382
+ outline: 0 none;
2383
+ }
2384
+
2385
+ .p-speeddial-item.p-focus > .p-speeddial-action {
2386
+ outline: 0 none;
2387
+ outline-offset: 0;
2388
+ box-shadow: 0 0 0 1px #e3f3fe;
2389
+ }
2390
+
2381
2391
  .p-speeddial-action {
2382
2392
  width: 3rem;
2383
2393
  height: 3rem;
@@ -4117,7 +4127,7 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
4117
4127
  .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus {
4118
4128
  outline: 0 none;
4119
4129
  outline-offset: 0;
4120
- box-shadow: 0 0 0 1px #e3f3fe;
4130
+ box-shadow: inset 0 0 0 1px #e3f3fe;
4121
4131
  }
4122
4132
  .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
4123
4133
  background: rgba(255, 255, 255, 0.04);
@@ -4351,6 +4361,9 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
4351
4361
  background: #3f4b5b;
4352
4362
  }
4353
4363
 
4364
+ .p-tabview .p-tabview-nav-content {
4365
+ scroll-padding-inline: 2.357rem;
4366
+ }
4354
4367
  .p-tabview .p-tabview-nav {
4355
4368
  background: transparent;
4356
4369
  border: 1px solid #3f4b5b;
@@ -4704,29 +4717,29 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
4704
4717
  border-radius: 4px;
4705
4718
  padding: 1rem;
4706
4719
  }
4707
- .p-breadcrumb ul li .p-menuitem-link {
4720
+ .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link {
4708
4721
  transition: box-shadow 0.15s;
4709
4722
  border-radius: 4px;
4710
4723
  }
4711
- .p-breadcrumb ul li .p-menuitem-link:focus {
4724
+ .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus {
4712
4725
  outline: 0 none;
4713
4726
  outline-offset: 0;
4714
4727
  box-shadow: 0 0 0 1px #e3f3fe;
4715
4728
  }
4716
- .p-breadcrumb ul li .p-menuitem-link .p-menuitem-text {
4729
+ .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text {
4717
4730
  color: #8dd0ff;
4718
4731
  }
4719
- .p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon {
4732
+ .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon {
4720
4733
  color: #8dd0ff;
4721
4734
  }
4722
- .p-breadcrumb ul li.p-breadcrumb-chevron {
4735
+ .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator {
4723
4736
  margin: 0 0.5rem 0 0.5rem;
4724
4737
  color: rgba(255, 255, 255, 0.87);
4725
4738
  }
4726
- .p-breadcrumb ul li:last-child .p-menuitem-text {
4739
+ .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text {
4727
4740
  color: rgba(255, 255, 255, 0.87);
4728
4741
  }
4729
- .p-breadcrumb ul li:last-child .p-menuitem-icon {
4742
+ .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon {
4730
4743
  color: rgba(255, 255, 255, 0.87);
4731
4744
  }
4732
4745
 
@@ -4739,97 +4752,100 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
4739
4752
  border-radius: 4px;
4740
4753
  width: 12.5rem;
4741
4754
  }
4742
- .p-contextmenu .p-menuitem-link {
4743
- padding: 0.75rem 1rem;
4755
+ .p-contextmenu .p-contextmenu-root-list {
4756
+ outline: 0 none;
4757
+ }
4758
+ .p-contextmenu .p-submenu-list {
4759
+ padding: 0.5rem 0;
4760
+ background: #2a323d;
4761
+ border: 1px solid #3f4b5b;
4762
+ box-shadow: none;
4763
+ border-radius: 4px;
4764
+ }
4765
+ .p-contextmenu .p-menuitem > .p-menuitem-content {
4744
4766
  color: rgba(255, 255, 255, 0.87);
4745
- border-radius: 0;
4746
4767
  transition: box-shadow 0.15s;
4768
+ border-radius: 0;
4769
+ }
4770
+ .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
4771
+ color: rgba(255, 255, 255, 0.87);
4772
+ padding: 0.75rem 1rem;
4747
4773
  user-select: none;
4748
4774
  }
4749
- .p-contextmenu .p-menuitem-link .p-menuitem-text {
4775
+ .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
4750
4776
  color: rgba(255, 255, 255, 0.87);
4751
4777
  }
4752
- .p-contextmenu .p-menuitem-link .p-menuitem-icon {
4778
+ .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
4753
4779
  color: rgba(255, 255, 255, 0.6);
4754
4780
  margin-right: 0.5rem;
4755
4781
  }
4756
- .p-contextmenu .p-menuitem-link .p-submenu-icon {
4782
+ .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
4757
4783
  color: rgba(255, 255, 255, 0.6);
4758
4784
  }
4759
- .p-contextmenu .p-menuitem-link:not(.p-disabled):hover {
4760
- background: rgba(255, 255, 255, 0.04);
4761
- }
4762
- .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
4785
+ .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content {
4763
4786
  color: rgba(255, 255, 255, 0.87);
4787
+ background: #20262e;
4764
4788
  }
4765
- .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
4789
+ .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
4766
4790
  color: rgba(255, 255, 255, 0.87);
4767
4791
  }
4768
- .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
4792
+ .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 {
4769
4793
  color: rgba(255, 255, 255, 0.87);
4770
4794
  }
4771
- .p-contextmenu .p-menuitem-link:focus {
4772
- outline: 0 none;
4773
- outline-offset: 0;
4774
- box-shadow: inset 0 0 0 0.15rem #e3f3fe;
4795
+ .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
4796
+ background: #20262e;
4775
4797
  }
4776
- .p-contextmenu .p-submenu-list {
4777
- padding: 0.5rem 0;
4778
- background: #2a323d;
4779
- border: 1px solid #3f4b5b;
4780
- box-shadow: none;
4781
- border-radius: 4px;
4798
+ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
4799
+ color: rgba(255, 255, 255, 0.87);
4800
+ background: rgba(255, 255, 255, 0.12);
4782
4801
  }
4783
- .p-contextmenu .p-menuitem {
4784
- margin: 0;
4802
+ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
4803
+ color: rgba(255, 255, 255, 0.87);
4785
4804
  }
4786
- .p-contextmenu .p-menuitem:last-child {
4787
- margin: 0;
4805
+ .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 {
4806
+ color: rgba(255, 255, 255, 0.87);
4788
4807
  }
4789
- .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
4790
- background: #20262e;
4808
+ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
4809
+ color: rgba(255, 255, 255, 0.87);
4810
+ background: rgba(255, 255, 255, 0.04);
4791
4811
  }
4792
- .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
4812
+ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
4793
4813
  color: rgba(255, 255, 255, 0.87);
4794
4814
  }
4795
- .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 {
4815
+ .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 {
4796
4816
  color: rgba(255, 255, 255, 0.87);
4797
4817
  }
4798
- .p-contextmenu .p-menu-separator {
4818
+ .p-contextmenu .p-menuitem-separator {
4799
4819
  border-top: 1px solid #3f4b5b;
4800
4820
  margin: 0.5rem 0;
4801
4821
  }
4802
4822
  .p-contextmenu .p-submenu-icon {
4803
4823
  font-size: 0.875rem;
4804
4824
  }
4805
- .p-contextmenu .p-icon {
4825
+ .p-contextmenu .p-submenu-icon.p-icon {
4806
4826
  width: 0.875rem;
4807
4827
  height: 0.875rem;
4808
4828
  }
4809
- .p-contextmenu .p-menuitem-badge {
4810
- background: #8dd0ff;
4811
- color: #151515;
4812
- font-size: 0.75rem;
4813
- font-weight: 700;
4814
- min-width: 1.5rem;
4815
- height: 1.5rem;
4816
- line-height: 1.5rem;
4817
- border-radius: 4px;
4818
- margin-left: 0.5rem;
4819
- padding-left: 0.5rem;
4820
- padding-right: 0.5rem;
4821
- }
4822
4829
 
4823
- .p-dock .p-dock-list {
4830
+ .p-dock .p-dock-list-container {
4824
4831
  background: rgba(255, 255, 255, 0.1);
4825
4832
  border: 1px solid rgba(255, 255, 255, 0.2);
4826
4833
  padding: 0.5rem 0.5rem;
4827
4834
  border-radius: 0.5rem;
4828
4835
  }
4836
+ .p-dock .p-dock-list-container .p-dock-list {
4837
+ outline: 0 none;
4838
+ }
4829
4839
  .p-dock .p-dock-item {
4830
4840
  padding: 0.5rem;
4841
+ border-radius: 4px;
4842
+ }
4843
+ .p-dock .p-dock-item.p-focus {
4844
+ outline: 0 none;
4845
+ outline-offset: 0;
4846
+ box-shadow: inset 0 0 0 0.15rem #e3f3fe;
4831
4847
  }
4832
- .p-dock .p-dock-action {
4848
+ .p-dock .p-dock-link {
4833
4849
  width: 4rem;
4834
4850
  height: 4rem;
4835
4851
  }
@@ -4887,98 +4903,69 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
4887
4903
  border: 0 none;
4888
4904
  border-radius: 4px;
4889
4905
  }
4890
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link {
4891
- padding: 1rem;
4892
- color: rgba(255, 255, 255, 0.6);
4893
- border-radius: 4px;
4906
+ .p-megamenu .p-megamenu-root-list {
4907
+ outline: 0 none;
4908
+ }
4909
+ .p-megamenu .p-menuitem > .p-menuitem-content {
4910
+ color: rgba(255, 255, 255, 0.87);
4894
4911
  transition: box-shadow 0.15s;
4912
+ border-radius: 0;
4913
+ }
4914
+ .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
4915
+ color: rgba(255, 255, 255, 0.87);
4916
+ padding: 0.75rem 1rem;
4895
4917
  user-select: none;
4896
4918
  }
4897
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
4898
- color: rgba(255, 255, 255, 0.6);
4919
+ .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
4920
+ color: rgba(255, 255, 255, 0.87);
4899
4921
  }
4900
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
4922
+ .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
4901
4923
  color: rgba(255, 255, 255, 0.6);
4902
4924
  margin-right: 0.5rem;
4903
4925
  }
4904
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
4926
+ .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
4905
4927
  color: rgba(255, 255, 255, 0.6);
4906
- margin-left: 0.5rem;
4907
- }
4908
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
4909
- background: transparent;
4910
4928
  }
4911
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
4929
+ .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content {
4912
4930
  color: rgba(255, 255, 255, 0.87);
4931
+ background: #20262e;
4913
4932
  }
4914
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
4933
+ .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
4915
4934
  color: rgba(255, 255, 255, 0.87);
4916
4935
  }
4917
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
4936
+ .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 {
4918
4937
  color: rgba(255, 255, 255, 0.87);
4919
4938
  }
4920
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus {
4921
- outline: 0 none;
4922
- outline-offset: 0;
4923
- box-shadow: inset 0 0 0 0.15rem #e3f3fe;
4924
- }
4925
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
4926
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
4927
- background: transparent;
4928
- }
4929
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
4930
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
4931
- color: rgba(255, 255, 255, 0.87);
4939
+ .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
4940
+ background: #20262e;
4932
4941
  }
4933
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
4934
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
4942
+ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
4935
4943
  color: rgba(255, 255, 255, 0.87);
4944
+ background: rgba(255, 255, 255, 0.12);
4936
4945
  }
4937
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
4938
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
4946
+ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
4939
4947
  color: rgba(255, 255, 255, 0.87);
4940
4948
  }
4941
- .p-megamenu .p-menuitem-link {
4942
- padding: 0.75rem 1rem;
4949
+ .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 {
4943
4950
  color: rgba(255, 255, 255, 0.87);
4944
- border-radius: 0;
4945
- transition: box-shadow 0.15s;
4946
- user-select: none;
4947
4951
  }
4948
- .p-megamenu .p-menuitem-link .p-menuitem-text {
4952
+ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
4949
4953
  color: rgba(255, 255, 255, 0.87);
4950
- }
4951
- .p-megamenu .p-menuitem-link .p-menuitem-icon {
4952
- color: rgba(255, 255, 255, 0.6);
4953
- margin-right: 0.5rem;
4954
- }
4955
- .p-megamenu .p-menuitem-link .p-submenu-icon {
4956
- color: rgba(255, 255, 255, 0.6);
4957
- }
4958
- .p-megamenu .p-menuitem-link:not(.p-disabled):hover {
4959
4954
  background: rgba(255, 255, 255, 0.04);
4960
4955
  }
4961
- .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
4962
- color: rgba(255, 255, 255, 0.87);
4963
- }
4964
- .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
4956
+ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
4965
4957
  color: rgba(255, 255, 255, 0.87);
4966
4958
  }
4967
- .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
4959
+ .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 {
4968
4960
  color: rgba(255, 255, 255, 0.87);
4969
4961
  }
4970
- .p-megamenu .p-menuitem-link:focus {
4971
- outline: 0 none;
4972
- outline-offset: 0;
4973
- box-shadow: inset 0 0 0 0.15rem #e3f3fe;
4974
- }
4975
4962
  .p-megamenu .p-megamenu-panel {
4976
4963
  background: #2a323d;
4977
4964
  color: rgba(255, 255, 255, 0.87);
4978
4965
  border: 1px solid #3f4b5b;
4979
4966
  box-shadow: none;
4980
4967
  }
4981
- .p-megamenu .p-megamenu-submenu-header {
4968
+ .p-megamenu .p-submenu-header {
4982
4969
  margin: 0;
4983
4970
  padding: 0.75rem 1rem;
4984
4971
  color: rgba(255, 255, 255, 0.87);
@@ -4987,51 +4974,47 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
4987
4974
  border-top-right-radius: 4px;
4988
4975
  border-top-left-radius: 4px;
4989
4976
  }
4990
- .p-megamenu .p-megamenu-submenu {
4977
+ .p-megamenu .p-submenu-list {
4991
4978
  padding: 0.5rem 0;
4992
4979
  width: 12.5rem;
4993
4980
  }
4994
- .p-megamenu .p-megamenu-submenu .p-menu-separator {
4981
+ .p-megamenu .p-submenu-list .p-menuitem-separator {
4995
4982
  border-top: 1px solid #3f4b5b;
4996
4983
  margin: 0.5rem 0;
4997
4984
  }
4998
- .p-megamenu .p-megamenu-submenu .p-menuitem {
4999
- margin: 0;
4985
+ .p-megamenu.p-megamenu-vertical {
4986
+ width: 12.5rem;
4987
+ padding: 0.5rem 0;
5000
4988
  }
5001
- .p-megamenu .p-megamenu-submenu .p-menuitem:last-child {
5002
- margin: 0;
4989
+ .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content {
4990
+ color: rgba(255, 255, 255, 0.6);
4991
+ transition: box-shadow 0.15s;
4992
+ border-radius: 4px;
5003
4993
  }
5004
- .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
5005
- background: #20262e;
4994
+ .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link {
4995
+ padding: 1rem;
4996
+ user-select: none;
5006
4997
  }
5007
- .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
5008
- color: rgba(255, 255, 255, 0.87);
4998
+ .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
4999
+ color: rgba(255, 255, 255, 0.6);
5009
5000
  }
5010
- .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 {
5011
- color: rgba(255, 255, 255, 0.87);
5001
+ .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
5002
+ color: rgba(255, 255, 255, 0.6);
5003
+ margin-right: 0.5rem;
5012
5004
  }
5013
- .p-megamenu.p-megamenu-vertical {
5014
- width: 12.5rem;
5015
- padding: 0.5rem 0;
5005
+ .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
5006
+ color: rgba(255, 255, 255, 0.6);
5007
+ margin-left: 0.5rem;
5016
5008
  }
5017
- .p-megamenu.p-megamenu-vertical .p-menuitem {
5018
- margin: 0;
5009
+ .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
5010
+ color: rgba(255, 255, 255, 0.87);
5011
+ background: transparent;
5019
5012
  }
5020
- .p-megamenu.p-megamenu-vertical .p-menuitem:last-child {
5021
- margin: 0;
5013
+ .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 {
5014
+ color: rgba(255, 255, 255, 0.87);
5022
5015
  }
5023
- .p-megamenu .p-menuitem-badge {
5024
- background: #8dd0ff;
5025
- color: #151515;
5026
- font-size: 0.75rem;
5027
- font-weight: 700;
5028
- min-width: 1.5rem;
5029
- height: 1.5rem;
5030
- line-height: 1.5rem;
5031
- border-radius: 4px;
5032
- margin-left: 0.5rem;
5033
- padding-left: 0.5rem;
5034
- padding-right: 0.5rem;
5016
+ .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 {
5017
+ color: rgba(255, 255, 255, 0.87);
5035
5018
  }
5036
5019
 
5037
5020
  .p-menu {
@@ -5042,39 +5025,58 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
5042
5025
  border-radius: 4px;
5043
5026
  width: 12.5rem;
5044
5027
  }
5045
- .p-menu .p-menuitem-link {
5046
- padding: 0.75rem 1rem;
5028
+ .p-menu .p-menuitem > .p-menuitem-content {
5047
5029
  color: rgba(255, 255, 255, 0.87);
5048
- border-radius: 0;
5049
5030
  transition: box-shadow 0.15s;
5031
+ border-radius: 0;
5032
+ }
5033
+ .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link {
5034
+ color: rgba(255, 255, 255, 0.87);
5035
+ padding: 0.75rem 1rem;
5050
5036
  user-select: none;
5051
5037
  }
5052
- .p-menu .p-menuitem-link .p-menuitem-text {
5038
+ .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
5053
5039
  color: rgba(255, 255, 255, 0.87);
5054
5040
  }
5055
- .p-menu .p-menuitem-link .p-menuitem-icon {
5041
+ .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
5056
5042
  color: rgba(255, 255, 255, 0.6);
5057
5043
  margin-right: 0.5rem;
5058
5044
  }
5059
- .p-menu .p-menuitem-link .p-submenu-icon {
5045
+ .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
5060
5046
  color: rgba(255, 255, 255, 0.6);
5061
5047
  }
5062
- .p-menu .p-menuitem-link:not(.p-disabled):hover {
5063
- background: rgba(255, 255, 255, 0.04);
5048
+ .p-menu .p-menuitem.p-highlight > .p-menuitem-content {
5049
+ color: rgba(255, 255, 255, 0.87);
5050
+ background: #20262e;
5064
5051
  }
5065
- .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
5052
+ .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
5066
5053
  color: rgba(255, 255, 255, 0.87);
5067
5054
  }
5068
- .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
5055
+ .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 {
5069
5056
  color: rgba(255, 255, 255, 0.87);
5070
5057
  }
5071
- .p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
5058
+ .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
5059
+ background: #20262e;
5060
+ }
5061
+ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
5072
5062
  color: rgba(255, 255, 255, 0.87);
5063
+ background: rgba(255, 255, 255, 0.12);
5073
5064
  }
5074
- .p-menu .p-menuitem-link:focus {
5075
- outline: 0 none;
5076
- outline-offset: 0;
5077
- box-shadow: inset 0 0 0 0.15rem #e3f3fe;
5065
+ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
5066
+ color: rgba(255, 255, 255, 0.87);
5067
+ }
5068
+ .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 {
5069
+ color: rgba(255, 255, 255, 0.87);
5070
+ }
5071
+ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
5072
+ color: rgba(255, 255, 255, 0.87);
5073
+ background: rgba(255, 255, 255, 0.04);
5074
+ }
5075
+ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
5076
+ color: rgba(255, 255, 255, 0.87);
5077
+ }
5078
+ .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 {
5079
+ color: rgba(255, 255, 255, 0.87);
5078
5080
  }
5079
5081
  .p-menu.p-menu-overlay {
5080
5082
  background: #2a323d;
@@ -5090,16 +5092,10 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
5090
5092
  border-top-right-radius: 0;
5091
5093
  border-top-left-radius: 0;
5092
5094
  }
5093
- .p-menu .p-menu-separator {
5095
+ .p-menu .p-menuitem-separator {
5094
5096
  border-top: 1px solid #3f4b5b;
5095
5097
  margin: 0.5rem 0;
5096
5098
  }
5097
- .p-menu .p-menuitem {
5098
- margin: 0;
5099
- }
5100
- .p-menu .p-menuitem:last-child {
5101
- margin: 0;
5102
- }
5103
5099
  .p-menu .p-menuitem-badge {
5104
5100
  background: #8dd0ff;
5105
5101
  color: #151515;
@@ -5121,89 +5117,90 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
5121
5117
  border: 0 none;
5122
5118
  border-radius: 4px;
5123
5119
  }
5124
- .p-menubar .p-menuitem-link {
5125
- padding: 0.75rem 1rem;
5126
- color: rgba(255, 255, 255, 0.87);
5127
- border-radius: 0;
5120
+ .p-menubar .p-menubar-root-list {
5121
+ outline: 0 none;
5122
+ }
5123
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content {
5124
+ color: rgba(255, 255, 255, 0.6);
5128
5125
  transition: box-shadow 0.15s;
5126
+ border-radius: 4px;
5127
+ }
5128
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link {
5129
+ padding: 1rem;
5129
5130
  user-select: none;
5130
5131
  }
5131
- .p-menubar .p-menuitem-link .p-menuitem-text {
5132
- color: rgba(255, 255, 255, 0.87);
5132
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
5133
+ color: rgba(255, 255, 255, 0.6);
5133
5134
  }
5134
- .p-menubar .p-menuitem-link .p-menuitem-icon {
5135
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
5135
5136
  color: rgba(255, 255, 255, 0.6);
5136
5137
  margin-right: 0.5rem;
5137
5138
  }
5138
- .p-menubar .p-menuitem-link .p-submenu-icon {
5139
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
5139
5140
  color: rgba(255, 255, 255, 0.6);
5141
+ margin-left: 0.5rem;
5140
5142
  }
5141
- .p-menubar .p-menuitem-link:not(.p-disabled):hover {
5142
- background: rgba(255, 255, 255, 0.04);
5143
- }
5144
- .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
5143
+ .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
5145
5144
  color: rgba(255, 255, 255, 0.87);
5145
+ background: transparent;
5146
5146
  }
5147
- .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
5147
+ .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
5148
5148
  color: rgba(255, 255, 255, 0.87);
5149
5149
  }
5150
- .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
5150
+ .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 {
5151
5151
  color: rgba(255, 255, 255, 0.87);
5152
5152
  }
5153
- .p-menubar .p-menuitem-link:focus {
5154
- outline: 0 none;
5155
- outline-offset: 0;
5156
- box-shadow: inset 0 0 0 0.15rem #e3f3fe;
5157
- }
5158
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
5159
- padding: 1rem;
5160
- color: rgba(255, 255, 255, 0.6);
5161
- border-radius: 4px;
5153
+ .p-menubar .p-menuitem > .p-menuitem-content {
5154
+ color: rgba(255, 255, 255, 0.87);
5162
5155
  transition: box-shadow 0.15s;
5156
+ border-radius: 0;
5157
+ }
5158
+ .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link {
5159
+ color: rgba(255, 255, 255, 0.87);
5160
+ padding: 0.75rem 1rem;
5163
5161
  user-select: none;
5164
5162
  }
5165
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
5166
- color: rgba(255, 255, 255, 0.6);
5163
+ .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
5164
+ color: rgba(255, 255, 255, 0.87);
5167
5165
  }
5168
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
5166
+ .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
5169
5167
  color: rgba(255, 255, 255, 0.6);
5170
5168
  margin-right: 0.5rem;
5171
5169
  }
5172
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
5170
+ .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
5173
5171
  color: rgba(255, 255, 255, 0.6);
5174
- margin-left: 0.5rem;
5175
5172
  }
5176
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
5177
- background: transparent;
5173
+ .p-menubar .p-menuitem.p-highlight > .p-menuitem-content {
5174
+ color: rgba(255, 255, 255, 0.87);
5175
+ background: #20262e;
5178
5176
  }
5179
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
5177
+ .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
5180
5178
  color: rgba(255, 255, 255, 0.87);
5181
5179
  }
5182
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
5180
+ .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 {
5183
5181
  color: rgba(255, 255, 255, 0.87);
5184
5182
  }
5185
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
5183
+ .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
5184
+ background: #20262e;
5185
+ }
5186
+ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
5186
5187
  color: rgba(255, 255, 255, 0.87);
5188
+ background: rgba(255, 255, 255, 0.12);
5187
5189
  }
5188
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
5189
- outline: 0 none;
5190
- outline-offset: 0;
5191
- box-shadow: inset 0 0 0 0.15rem #e3f3fe;
5190
+ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
5191
+ color: rgba(255, 255, 255, 0.87);
5192
5192
  }
5193
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
5194
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
5195
- background: transparent;
5193
+ .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 {
5194
+ color: rgba(255, 255, 255, 0.87);
5196
5195
  }
5197
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
5198
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
5196
+ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
5199
5197
  color: rgba(255, 255, 255, 0.87);
5198
+ background: rgba(255, 255, 255, 0.04);
5200
5199
  }
5201
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
5202
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
5200
+ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
5203
5201
  color: rgba(255, 255, 255, 0.87);
5204
5202
  }
5205
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
5206
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
5203
+ .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 {
5207
5204
  color: rgba(255, 255, 255, 0.87);
5208
5205
  }
5209
5206
  .p-menubar .p-submenu-list {
@@ -5213,45 +5210,13 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
5213
5210
  box-shadow: none;
5214
5211
  width: 12.5rem;
5215
5212
  }
5216
- .p-menubar .p-submenu-list .p-menu-separator {
5213
+ .p-menubar .p-submenu-list .p-menuitem-separator {
5217
5214
  border-top: 1px solid #3f4b5b;
5218
5215
  margin: 0.5rem 0;
5219
5216
  }
5220
5217
  .p-menubar .p-submenu-list .p-submenu-icon {
5221
5218
  font-size: 0.875rem;
5222
5219
  }
5223
- .p-menubar .p-submenu-list .p-icon {
5224
- width: 0.875rem;
5225
- height: 0.875rem;
5226
- }
5227
- .p-menubar .p-submenu-list .p-menuitem {
5228
- margin: 0;
5229
- }
5230
- .p-menubar .p-submenu-list .p-menuitem:last-child {
5231
- margin: 0;
5232
- }
5233
- .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link {
5234
- background: #20262e;
5235
- }
5236
- .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
5237
- color: rgba(255, 255, 255, 0.87);
5238
- }
5239
- .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 {
5240
- color: rgba(255, 255, 255, 0.87);
5241
- }
5242
- .p-menubar .p-menuitem-badge {
5243
- background: #8dd0ff;
5244
- color: #151515;
5245
- font-size: 0.75rem;
5246
- font-weight: 700;
5247
- min-width: 1.5rem;
5248
- height: 1.5rem;
5249
- line-height: 1.5rem;
5250
- border-radius: 4px;
5251
- margin-left: 0.5rem;
5252
- padding-left: 0.5rem;
5253
- padding-right: 0.5rem;
5254
- }
5255
5220
 
5256
5221
  @media screen and (max-width: 960px) {
5257
5222
  .p-menubar {
@@ -5283,56 +5248,22 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
5283
5248
  box-shadow: none;
5284
5249
  width: 100%;
5285
5250
  }
5286
- .p-menubar .p-menubar-root-list .p-menu-separator {
5251
+ .p-menubar .p-menubar-root-list .p-menuitem-separator {
5287
5252
  border-top: 1px solid #3f4b5b;
5288
5253
  margin: 0.5rem 0;
5289
5254
  }
5290
5255
  .p-menubar .p-menubar-root-list .p-submenu-icon {
5291
5256
  font-size: 0.875rem;
5292
5257
  }
5293
- .p-menubar .p-menubar-root-list > .p-menuitem {
5258
+ .p-menubar .p-menubar-root-list .p-menuitem {
5294
5259
  width: 100%;
5295
5260
  position: static;
5296
5261
  }
5297
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
5298
- padding: 0.75rem 1rem;
5299
- color: rgba(255, 255, 255, 0.87);
5300
- border-radius: 0;
5301
- transition: box-shadow 0.15s;
5302
- user-select: none;
5303
- }
5304
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
5305
- color: rgba(255, 255, 255, 0.87);
5306
- }
5307
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
5308
- color: rgba(255, 255, 255, 0.6);
5309
- margin-right: 0.5rem;
5310
- }
5311
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
5312
- color: rgba(255, 255, 255, 0.6);
5313
- }
5314
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
5315
- background: rgba(255, 255, 255, 0.04);
5316
- }
5317
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
5318
- color: rgba(255, 255, 255, 0.87);
5319
- }
5320
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
5321
- color: rgba(255, 255, 255, 0.87);
5322
- }
5323
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
5324
- color: rgba(255, 255, 255, 0.87);
5325
- }
5326
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
5327
- outline: 0 none;
5328
- outline-offset: 0;
5329
- box-shadow: inset 0 0 0 0.15rem #e3f3fe;
5330
- }
5331
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon {
5262
+ .p-menubar .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
5332
5263
  margin-left: auto;
5333
5264
  transition: transform 0.15s;
5334
5265
  }
5335
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
5266
+ .p-menubar .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
5336
5267
  transform: rotate(-180deg);
5337
5268
  }
5338
5269
  .p-menubar .p-menubar-root-list .p-submenu-list {
@@ -5345,26 +5276,26 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
5345
5276
  transition: transform 0.15s;
5346
5277
  transform: rotate(90deg);
5347
5278
  }
5348
- .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
5279
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
5349
5280
  transform: rotate(-90deg);
5350
5281
  }
5351
5282
  .p-menubar .p-menubar-root-list .p-menuitem {
5352
5283
  width: 100%;
5353
5284
  position: static;
5354
5285
  }
5355
- .p-menubar .p-menubar-root-list ul li a {
5286
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
5356
5287
  padding-left: 2.25rem;
5357
5288
  }
5358
- .p-menubar .p-menubar-root-list ul li ul li a {
5289
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
5359
5290
  padding-left: 3.75rem;
5360
5291
  }
5361
- .p-menubar .p-menubar-root-list ul li ul li ul li a {
5292
+ .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 {
5362
5293
  padding-left: 5.25rem;
5363
5294
  }
5364
- .p-menubar .p-menubar-root-list ul li ul li ul li ul li a {
5295
+ .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 {
5365
5296
  padding-left: 6.75rem;
5366
5297
  }
5367
- .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a {
5298
+ .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 {
5368
5299
  padding-left: 8.25rem;
5369
5300
  }
5370
5301
  .p-menubar.p-menubar-mobile-active .p-menubar-root-list {
@@ -5375,42 +5306,46 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
5375
5306
  z-index: 1;
5376
5307
  }
5377
5308
  }
5378
- .p-panelmenu .p-panelmenu-header > a {
5379
- padding: 1rem 1.25rem;
5309
+ .p-panelmenu .p-panelmenu-header {
5310
+ outline: 0 none;
5311
+ }
5312
+ .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content {
5380
5313
  border: 1px solid #3f4b5b;
5381
5314
  color: rgba(255, 255, 255, 0.87);
5382
5315
  background: #2a323d;
5383
- font-weight: 600;
5384
5316
  border-radius: 4px;
5385
5317
  transition: box-shadow 0.15s;
5386
5318
  }
5387
- .p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon {
5319
+ .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action {
5320
+ color: rgba(255, 255, 255, 0.87);
5321
+ padding: 1rem 1.25rem;
5322
+ font-weight: 600;
5323
+ }
5324
+ .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon {
5388
5325
  margin-right: 0.5rem;
5389
5326
  }
5390
- .p-panelmenu .p-panelmenu-header > a .p-menuitem-icon {
5327
+ .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
5391
5328
  margin-right: 0.5rem;
5392
5329
  }
5393
- .p-panelmenu .p-panelmenu-header > a:focus {
5330
+ .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus .p-panelmenu-header-content {
5394
5331
  outline: 0 none;
5395
5332
  outline-offset: 0;
5396
- box-shadow: 0 0 0 1px #e3f3fe;
5333
+ box-shadow: inset 0 0 0 1px #e3f3fe;
5397
5334
  }
5398
- .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover {
5335
+ .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content {
5399
5336
  background: rgba(255, 255, 255, 0.04);
5400
5337
  border-color: #3f4b5b;
5401
5338
  color: rgba(255, 255, 255, 0.87);
5402
5339
  }
5403
- .p-panelmenu .p-panelmenu-header.p-highlight {
5404
- margin-bottom: 0;
5405
- }
5406
- .p-panelmenu .p-panelmenu-header.p-highlight > a {
5340
+ .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content {
5407
5341
  background: #2a323d;
5408
5342
  border-color: #3f4b5b;
5409
5343
  color: rgba(255, 255, 255, 0.87);
5410
5344
  border-bottom-right-radius: 0;
5411
5345
  border-bottom-left-radius: 0;
5346
+ margin-bottom: 0;
5412
5347
  }
5413
- .p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover {
5348
+ .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content {
5414
5349
  border-color: #3f4b5b;
5415
5350
  background: rgba(255, 255, 255, 0.04);
5416
5351
  color: rgba(255, 255, 255, 0.87);
@@ -5420,73 +5355,98 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
5420
5355
  border: 1px solid #3f4b5b;
5421
5356
  background: #2a323d;
5422
5357
  color: rgba(255, 255, 255, 0.87);
5423
- margin-bottom: 0;
5424
5358
  border-top: 0;
5425
5359
  border-top-right-radius: 0;
5426
5360
  border-top-left-radius: 0;
5427
5361
  border-bottom-right-radius: 4px;
5428
5362
  border-bottom-left-radius: 4px;
5429
5363
  }
5430
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link {
5431
- padding: 0.75rem 1rem;
5364
+ .p-panelmenu .p-panelmenu-content .p-panelmenu-root-list {
5365
+ outline: 0 none;
5366
+ }
5367
+ .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content {
5432
5368
  color: rgba(255, 255, 255, 0.87);
5433
- border-radius: 0;
5434
5369
  transition: box-shadow 0.15s;
5370
+ border-radius: 0;
5371
+ }
5372
+ .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link {
5373
+ color: rgba(255, 255, 255, 0.87);
5374
+ padding: 0.75rem 1rem;
5435
5375
  user-select: none;
5436
5376
  }
5437
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text {
5377
+ .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
5438
5378
  color: rgba(255, 255, 255, 0.87);
5439
5379
  }
5440
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon {
5380
+ .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
5441
5381
  color: rgba(255, 255, 255, 0.6);
5442
5382
  margin-right: 0.5rem;
5443
5383
  }
5444
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon {
5384
+ .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
5445
5385
  color: rgba(255, 255, 255, 0.6);
5446
5386
  }
5447
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover {
5448
- background: rgba(255, 255, 255, 0.04);
5387
+ .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content {
5388
+ color: rgba(255, 255, 255, 0.87);
5389
+ background: #20262e;
5390
+ }
5391
+ .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
5392
+ color: rgba(255, 255, 255, 0.87);
5449
5393
  }
5450
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
5394
+ .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 {
5451
5395
  color: rgba(255, 255, 255, 0.87);
5452
5396
  }
5453
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
5397
+ .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
5398
+ background: #20262e;
5399
+ }
5400
+ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
5454
5401
  color: rgba(255, 255, 255, 0.87);
5402
+ background: rgba(255, 255, 255, 0.12);
5455
5403
  }
5456
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
5404
+ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
5457
5405
  color: rgba(255, 255, 255, 0.87);
5458
5406
  }
5459
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus {
5460
- outline: 0 none;
5461
- outline-offset: 0;
5462
- box-shadow: inset 0 0 0 0.15rem #e3f3fe;
5407
+ .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 {
5408
+ color: rgba(255, 255, 255, 0.87);
5409
+ }
5410
+ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
5411
+ color: rgba(255, 255, 255, 0.87);
5412
+ background: rgba(255, 255, 255, 0.04);
5413
+ }
5414
+ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
5415
+ color: rgba(255, 255, 255, 0.87);
5416
+ }
5417
+ .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 {
5418
+ color: rgba(255, 255, 255, 0.87);
5463
5419
  }
5464
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon {
5420
+ .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
5465
5421
  margin-right: 0.5rem;
5466
5422
  }
5467
- .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) {
5423
+ .p-panelmenu .p-panelmenu-content .p-menuitem-separator {
5424
+ border-top: 1px solid #3f4b5b;
5425
+ margin: 0.5rem 0;
5426
+ }
5427
+ .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) {
5468
5428
  padding: 0 0 0 1rem;
5469
5429
  }
5470
5430
  .p-panelmenu .p-panelmenu-panel {
5471
5431
  margin-bottom: 0;
5472
5432
  }
5473
- .p-panelmenu .p-panelmenu-panel .p-panelmenu-header > a {
5433
+ .p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-header-content {
5474
5434
  border-radius: 0;
5475
5435
  }
5476
5436
  .p-panelmenu .p-panelmenu-panel .p-panelmenu-content {
5477
5437
  border-radius: 0;
5478
5438
  }
5479
- .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header > a {
5439
+ .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header .p-panelmenu-header-content {
5480
5440
  border-top: 0 none;
5481
5441
  }
5482
- .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 {
5442
+ .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 {
5483
5443
  border-top: 0 none;
5484
5444
  }
5485
- .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a {
5445
+ .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header .p-panelmenu-header-content {
5486
5446
  border-top-right-radius: 4px;
5487
5447
  border-top-left-radius: 4px;
5488
5448
  }
5489
- .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a {
5449
+ .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) .p-panelmenu-header-content {
5490
5450
  border-bottom-right-radius: 4px;
5491
5451
  border-bottom-left-radius: 4px;
5492
5452
  }
@@ -5494,19 +5454,6 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
5494
5454
  border-bottom-right-radius: 4px;
5495
5455
  border-bottom-left-radius: 4px;
5496
5456
  }
5497
- .p-panelmenu .p-menuitem-badge {
5498
- background: #8dd0ff;
5499
- color: #151515;
5500
- font-size: 0.75rem;
5501
- font-weight: 700;
5502
- min-width: 1.5rem;
5503
- height: 1.5rem;
5504
- line-height: 1.5rem;
5505
- border-radius: 4px;
5506
- margin-left: 0.5rem;
5507
- padding-left: 0.5rem;
5508
- padding-right: 0.5rem;
5509
- }
5510
5457
 
5511
5458
  .p-slidemenu {
5512
5459
  padding: 0.5rem 0;
@@ -5516,39 +5463,64 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
5516
5463
  border-radius: 4px;
5517
5464
  width: 12.5rem;
5518
5465
  }
5519
- .p-slidemenu .p-menuitem-link {
5520
- padding: 0.75rem 1rem;
5466
+ .p-slidemenu .p-slidemenu-root-list {
5467
+ outline: 0 none;
5468
+ }
5469
+ .p-slidemenu .p-submenu-list {
5470
+ outline: 0 none;
5471
+ }
5472
+ .p-slidemenu .p-menuitem > .p-menuitem-content {
5521
5473
  color: rgba(255, 255, 255, 0.87);
5522
- border-radius: 0;
5523
5474
  transition: box-shadow 0.15s;
5475
+ border-radius: 0;
5476
+ }
5477
+ .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
5478
+ color: rgba(255, 255, 255, 0.87);
5479
+ padding: 0.75rem 1rem;
5524
5480
  user-select: none;
5525
5481
  }
5526
- .p-slidemenu .p-menuitem-link .p-menuitem-text {
5482
+ .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
5527
5483
  color: rgba(255, 255, 255, 0.87);
5528
5484
  }
5529
- .p-slidemenu .p-menuitem-link .p-menuitem-icon {
5485
+ .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
5530
5486
  color: rgba(255, 255, 255, 0.6);
5531
5487
  margin-right: 0.5rem;
5532
5488
  }
5533
- .p-slidemenu .p-menuitem-link .p-submenu-icon {
5489
+ .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
5534
5490
  color: rgba(255, 255, 255, 0.6);
5535
5491
  }
5536
- .p-slidemenu .p-menuitem-link:not(.p-disabled):hover {
5537
- background: rgba(255, 255, 255, 0.04);
5492
+ .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content {
5493
+ color: rgba(255, 255, 255, 0.87);
5494
+ background: #20262e;
5538
5495
  }
5539
- .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
5496
+ .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
5540
5497
  color: rgba(255, 255, 255, 0.87);
5541
5498
  }
5542
- .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
5499
+ .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 {
5543
5500
  color: rgba(255, 255, 255, 0.87);
5544
5501
  }
5545
- .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
5502
+ .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
5503
+ background: #20262e;
5504
+ }
5505
+ .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
5546
5506
  color: rgba(255, 255, 255, 0.87);
5507
+ background: rgba(255, 255, 255, 0.12);
5547
5508
  }
5548
- .p-slidemenu .p-menuitem-link:focus {
5549
- outline: 0 none;
5550
- outline-offset: 0;
5551
- box-shadow: inset 0 0 0 0.15rem #e3f3fe;
5509
+ .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
5510
+ color: rgba(255, 255, 255, 0.87);
5511
+ }
5512
+ .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 {
5513
+ color: rgba(255, 255, 255, 0.87);
5514
+ }
5515
+ .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
5516
+ color: rgba(255, 255, 255, 0.87);
5517
+ background: rgba(255, 255, 255, 0.04);
5518
+ }
5519
+ .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
5520
+ color: rgba(255, 255, 255, 0.87);
5521
+ }
5522
+ .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 {
5523
+ color: rgba(255, 255, 255, 0.87);
5552
5524
  }
5553
5525
  .p-slidemenu.p-slidemenu-overlay {
5554
5526
  background: #2a323d;
@@ -5561,16 +5533,7 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
5561
5533
  border: 1px solid #3f4b5b;
5562
5534
  box-shadow: none;
5563
5535
  }
5564
- .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link {
5565
- background: #20262e;
5566
- }
5567
- .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-text {
5568
- color: rgba(255, 255, 255, 0.87);
5569
- }
5570
- .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 {
5571
- color: rgba(255, 255, 255, 0.87);
5572
- }
5573
- .p-slidemenu .p-slidemenu-separator {
5536
+ .p-slidemenu .p-menuitem-separator {
5574
5537
  border-top: 1px solid #3f4b5b;
5575
5538
  margin: 0.5rem 0;
5576
5539
  }
@@ -5585,6 +5548,11 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
5585
5548
  padding: 0.75rem 1rem;
5586
5549
  color: rgba(255, 255, 255, 0.87);
5587
5550
  }
5551
+ .p-slidemenu .p-slidemenu-backward:not(.p-disabled):focus {
5552
+ outline: 0 none;
5553
+ outline-offset: 0;
5554
+ box-shadow: inset 0 0 0 1px #e3f3fe;
5555
+ }
5588
5556
  .p-slidemenu .p-menuitem-badge {
5589
5557
  background: #8dd0ff;
5590
5558
  color: #151515;
@@ -5723,90 +5691,84 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
5723
5691
  border-radius: 4px;
5724
5692
  width: 12.5rem;
5725
5693
  }
5726
- .p-tieredmenu .p-menuitem-link {
5727
- padding: 0.75rem 1rem;
5694
+ .p-tieredmenu.p-tieredmenu-overlay {
5695
+ background: #2a323d;
5696
+ border: 1px solid #3f4b5b;
5697
+ box-shadow: none;
5698
+ }
5699
+ .p-tieredmenu .p-tieredmenu-root-list {
5700
+ outline: 0 none;
5701
+ }
5702
+ .p-tieredmenu .p-submenu-list {
5703
+ padding: 0.5rem 0;
5704
+ background: #2a323d;
5705
+ border: 1px solid #3f4b5b;
5706
+ box-shadow: none;
5707
+ }
5708
+ .p-tieredmenu .p-menuitem > .p-menuitem-content {
5728
5709
  color: rgba(255, 255, 255, 0.87);
5729
- border-radius: 0;
5730
5710
  transition: box-shadow 0.15s;
5711
+ border-radius: 0;
5712
+ }
5713
+ .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
5714
+ color: rgba(255, 255, 255, 0.87);
5715
+ padding: 0.75rem 1rem;
5731
5716
  user-select: none;
5732
5717
  }
5733
- .p-tieredmenu .p-menuitem-link .p-menuitem-text {
5718
+ .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
5734
5719
  color: rgba(255, 255, 255, 0.87);
5735
5720
  }
5736
- .p-tieredmenu .p-menuitem-link .p-menuitem-icon {
5721
+ .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
5737
5722
  color: rgba(255, 255, 255, 0.6);
5738
5723
  margin-right: 0.5rem;
5739
5724
  }
5740
- .p-tieredmenu .p-menuitem-link .p-submenu-icon {
5725
+ .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
5741
5726
  color: rgba(255, 255, 255, 0.6);
5742
5727
  }
5743
- .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover {
5744
- background: rgba(255, 255, 255, 0.04);
5745
- }
5746
- .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
5728
+ .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content {
5747
5729
  color: rgba(255, 255, 255, 0.87);
5730
+ background: #20262e;
5748
5731
  }
5749
- .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
5732
+ .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
5750
5733
  color: rgba(255, 255, 255, 0.87);
5751
5734
  }
5752
- .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
5735
+ .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 {
5753
5736
  color: rgba(255, 255, 255, 0.87);
5754
5737
  }
5755
- .p-tieredmenu .p-menuitem-link:focus {
5756
- outline: 0 none;
5757
- outline-offset: 0;
5758
- box-shadow: inset 0 0 0 0.15rem #e3f3fe;
5759
- }
5760
- .p-tieredmenu.p-tieredmenu-overlay {
5761
- background: #2a323d;
5762
- border: 1px solid #3f4b5b;
5763
- box-shadow: none;
5738
+ .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
5739
+ background: #20262e;
5764
5740
  }
5765
- .p-tieredmenu .p-submenu-list {
5766
- padding: 0.5rem 0;
5767
- background: #2a323d;
5768
- border: 1px solid #3f4b5b;
5769
- box-shadow: none;
5741
+ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
5742
+ color: rgba(255, 255, 255, 0.87);
5743
+ background: rgba(255, 255, 255, 0.12);
5770
5744
  }
5771
- .p-tieredmenu .p-menuitem {
5772
- margin: 0;
5745
+ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
5746
+ color: rgba(255, 255, 255, 0.87);
5773
5747
  }
5774
- .p-tieredmenu .p-menuitem:last-child {
5775
- margin: 0;
5748
+ .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 {
5749
+ color: rgba(255, 255, 255, 0.87);
5776
5750
  }
5777
- .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
5778
- background: #20262e;
5751
+ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
5752
+ color: rgba(255, 255, 255, 0.87);
5753
+ background: rgba(255, 255, 255, 0.04);
5779
5754
  }
5780
- .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
5755
+ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
5781
5756
  color: rgba(255, 255, 255, 0.87);
5782
5757
  }
5783
- .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 {
5758
+ .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 {
5784
5759
  color: rgba(255, 255, 255, 0.87);
5785
5760
  }
5786
- .p-tieredmenu .p-menu-separator {
5761
+ .p-tieredmenu .p-menuitem-separator {
5787
5762
  border-top: 1px solid #3f4b5b;
5788
5763
  margin: 0.5rem 0;
5789
5764
  }
5790
5765
  .p-tieredmenu .p-submenu-icon {
5791
5766
  font-size: 0.875rem;
5792
5767
  }
5793
- .p-tieredmenu .p-icon {
5768
+ .p-tieredmenu .p-submenu-icon.p-icon {
5794
5769
  width: 0.875rem;
5795
5770
  height: 0.875rem;
5796
5771
  }
5797
- .p-tieredmenu .p-menuitem-badge {
5798
- background: #8dd0ff;
5799
- color: #151515;
5800
- font-size: 0.75rem;
5801
- font-weight: 700;
5802
- min-width: 1.5rem;
5803
- height: 1.5rem;
5804
- line-height: 1.5rem;
5805
- border-radius: 4px;
5806
- margin-left: 0.5rem;
5807
- padding-left: 0.5rem;
5808
- padding-right: 0.5rem;
5809
- }
5810
5772
 
5811
5773
  .p-inline-message {
5812
5774
  padding: 0.5rem 0.75rem;
@@ -6391,15 +6353,4 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
6391
6353
  }
6392
6354
 
6393
6355
  /* Vendor extensions to the designer enhanced bootstrap compatibility */
6394
- .p-breadcrumb .p-breadcrumb-chevron {
6395
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
6396
- }
6397
- .p-breadcrumb .p-breadcrumb-chevron:before {
6398
- content: "/";
6399
- }
6400
-
6401
- .fc.fc-theme-standard .fc-highlight {
6402
- background: #476880;
6403
- }
6404
-
6405
6356
  /* Customizations to the designer theme should be defined here */