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/soho-dark/theme.css CHANGED
@@ -2390,6 +2390,16 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
2390
2390
  height: 1.3rem;
2391
2391
  }
2392
2392
 
2393
+ .p-speeddial-list {
2394
+ outline: 0 none;
2395
+ }
2396
+
2397
+ .p-speeddial-item.p-focus > .p-speeddial-action {
2398
+ outline: 0 none;
2399
+ outline-offset: 0;
2400
+ box-shadow: 0 0 0 1px #e0d8fc;
2401
+ }
2402
+
2393
2403
  .p-speeddial-action {
2394
2404
  width: 3rem;
2395
2405
  height: 3rem;
@@ -4129,7 +4139,7 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
4129
4139
  .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus {
4130
4140
  outline: 0 none;
4131
4141
  outline-offset: 0;
4132
- box-shadow: 0 0 0 1px #e0d8fc;
4142
+ box-shadow: inset 0 0 0 1px #e0d8fc;
4133
4143
  }
4134
4144
  .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
4135
4145
  background: rgba(255, 255, 255, 0.03);
@@ -4339,6 +4349,9 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
4339
4349
  background: #3e4053;
4340
4350
  }
4341
4351
 
4352
+ .p-tabview .p-tabview-nav-content {
4353
+ scroll-padding-inline: 3rem;
4354
+ }
4342
4355
  .p-tabview .p-tabview-nav {
4343
4356
  background: transparent;
4344
4357
  border: 1px solid #3e4053;
@@ -4692,29 +4705,29 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
4692
4705
  border-radius: 6px;
4693
4706
  padding: 1rem;
4694
4707
  }
4695
- .p-breadcrumb ul li .p-menuitem-link {
4708
+ .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link {
4696
4709
  transition: box-shadow 0.2s;
4697
4710
  border-radius: 6px;
4698
4711
  }
4699
- .p-breadcrumb ul li .p-menuitem-link:focus {
4712
+ .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus {
4700
4713
  outline: 0 none;
4701
4714
  outline-offset: 0;
4702
4715
  box-shadow: 0 0 0 1px #e0d8fc;
4703
4716
  }
4704
- .p-breadcrumb ul li .p-menuitem-link .p-menuitem-text {
4717
+ .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text {
4705
4718
  color: rgba(255, 255, 255, 0.87);
4706
4719
  }
4707
- .p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon {
4720
+ .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon {
4708
4721
  color: rgba(255, 255, 255, 0.6);
4709
4722
  }
4710
- .p-breadcrumb ul li.p-breadcrumb-chevron {
4723
+ .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator {
4711
4724
  margin: 0 0.5rem 0 0.5rem;
4712
4725
  color: rgba(255, 255, 255, 0.87);
4713
4726
  }
4714
- .p-breadcrumb ul li:last-child .p-menuitem-text {
4727
+ .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text {
4715
4728
  color: rgba(255, 255, 255, 0.87);
4716
4729
  }
4717
- .p-breadcrumb ul li:last-child .p-menuitem-icon {
4730
+ .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon {
4718
4731
  color: rgba(255, 255, 255, 0.6);
4719
4732
  }
4720
4733
 
@@ -4727,97 +4740,100 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
4727
4740
  border-radius: 6px;
4728
4741
  width: 12.5rem;
4729
4742
  }
4730
- .p-contextmenu .p-menuitem-link {
4731
- padding: 0.75rem 1.25rem;
4743
+ .p-contextmenu .p-contextmenu-root-list {
4744
+ outline: 0 none;
4745
+ }
4746
+ .p-contextmenu .p-submenu-list {
4747
+ padding: 0.25rem 0;
4748
+ background: #333544;
4749
+ border: 1px solid #3e4053;
4750
+ box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
4751
+ border-radius: 6px;
4752
+ }
4753
+ .p-contextmenu .p-menuitem > .p-menuitem-content {
4732
4754
  color: rgba(255, 255, 255, 0.87);
4733
- border-radius: 0;
4734
4755
  transition: box-shadow 0.2s;
4756
+ border-radius: 0;
4757
+ }
4758
+ .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
4759
+ color: rgba(255, 255, 255, 0.87);
4760
+ padding: 0.75rem 1.25rem;
4735
4761
  user-select: none;
4736
4762
  }
4737
- .p-contextmenu .p-menuitem-link .p-menuitem-text {
4763
+ .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
4738
4764
  color: rgba(255, 255, 255, 0.87);
4739
4765
  }
4740
- .p-contextmenu .p-menuitem-link .p-menuitem-icon {
4766
+ .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
4741
4767
  color: rgba(255, 255, 255, 0.6);
4742
4768
  margin-right: 0.5rem;
4743
4769
  }
4744
- .p-contextmenu .p-menuitem-link .p-submenu-icon {
4770
+ .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
4745
4771
  color: rgba(255, 255, 255, 0.6);
4746
4772
  }
4747
- .p-contextmenu .p-menuitem-link:not(.p-disabled):hover {
4748
- background: rgba(255, 255, 255, 0.03);
4749
- }
4750
- .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
4751
- color: rgba(255, 255, 255, 0.87);
4773
+ .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content {
4774
+ color: #b19df7;
4775
+ background: rgba(177, 157, 247, 0.16);
4752
4776
  }
4753
- .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
4754
- color: rgba(255, 255, 255, 0.87);
4777
+ .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
4778
+ color: #b19df7;
4755
4779
  }
4756
- .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
4757
- color: rgba(255, 255, 255, 0.87);
4780
+ .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
4781
+ color: #b19df7;
4758
4782
  }
4759
- .p-contextmenu .p-menuitem-link:focus {
4760
- outline: 0 none;
4761
- outline-offset: 0;
4762
- box-shadow: inset 0 0 0 0.15rem #e0d8fc;
4783
+ .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
4784
+ background: rgba(177, 157, 247, 0.24);
4763
4785
  }
4764
- .p-contextmenu .p-submenu-list {
4765
- padding: 0.25rem 0;
4766
- background: #333544;
4767
- border: 1px solid #3e4053;
4768
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
4769
- border-radius: 6px;
4786
+ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
4787
+ color: rgba(255, 255, 255, 0.87);
4788
+ background: rgba(255, 255, 255, 0.09);
4770
4789
  }
4771
- .p-contextmenu .p-menuitem {
4772
- margin: 0;
4790
+ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
4791
+ color: rgba(255, 255, 255, 0.87);
4773
4792
  }
4774
- .p-contextmenu .p-menuitem:last-child {
4775
- margin: 0;
4793
+ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
4794
+ color: rgba(255, 255, 255, 0.87);
4776
4795
  }
4777
- .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
4778
- background: rgba(177, 157, 247, 0.16);
4796
+ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
4797
+ color: rgba(255, 255, 255, 0.87);
4798
+ background: rgba(255, 255, 255, 0.03);
4779
4799
  }
4780
- .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
4781
- color: #b19df7;
4800
+ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
4801
+ color: rgba(255, 255, 255, 0.87);
4782
4802
  }
4783
- .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
4784
- color: #b19df7;
4803
+ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
4804
+ color: rgba(255, 255, 255, 0.87);
4785
4805
  }
4786
- .p-contextmenu .p-menu-separator {
4806
+ .p-contextmenu .p-menuitem-separator {
4787
4807
  border-top: 1px solid #3e4053;
4788
4808
  margin: 0.25rem 0;
4789
4809
  }
4790
4810
  .p-contextmenu .p-submenu-icon {
4791
4811
  font-size: 0.875rem;
4792
4812
  }
4793
- .p-contextmenu .p-icon {
4813
+ .p-contextmenu .p-submenu-icon.p-icon {
4794
4814
  width: 0.875rem;
4795
4815
  height: 0.875rem;
4796
4816
  }
4797
- .p-contextmenu .p-menuitem-badge {
4798
- background: #b19df7;
4799
- color: #1c1d26;
4800
- font-size: 0.75rem;
4801
- font-weight: 700;
4802
- min-width: 1.5rem;
4803
- height: 1.5rem;
4804
- line-height: 1.5rem;
4805
- border-radius: 6px;
4806
- margin-left: 0.5rem;
4807
- padding-left: 0.5rem;
4808
- padding-right: 0.5rem;
4809
- }
4810
4817
 
4811
- .p-dock .p-dock-list {
4818
+ .p-dock .p-dock-list-container {
4812
4819
  background: rgba(255, 255, 255, 0.1);
4813
4820
  border: 1px solid rgba(255, 255, 255, 0.2);
4814
4821
  padding: 0.5rem 0.5rem;
4815
4822
  border-radius: 0.5rem;
4816
4823
  }
4824
+ .p-dock .p-dock-list-container .p-dock-list {
4825
+ outline: 0 none;
4826
+ }
4817
4827
  .p-dock .p-dock-item {
4818
4828
  padding: 0.5rem;
4829
+ border-radius: 6px;
4819
4830
  }
4820
- .p-dock .p-dock-action {
4831
+ .p-dock .p-dock-item.p-focus {
4832
+ outline: 0 none;
4833
+ outline-offset: 0;
4834
+ box-shadow: inset 0 0 0 0.15rem #e0d8fc;
4835
+ }
4836
+ .p-dock .p-dock-link {
4821
4837
  width: 4rem;
4822
4838
  height: 4rem;
4823
4839
  }
@@ -4875,90 +4891,61 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
4875
4891
  border: 1px solid #3e4053;
4876
4892
  border-radius: 6px;
4877
4893
  }
4878
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link {
4879
- padding: 0.75rem 1.25rem;
4894
+ .p-megamenu .p-megamenu-root-list {
4895
+ outline: 0 none;
4896
+ }
4897
+ .p-megamenu .p-menuitem > .p-menuitem-content {
4880
4898
  color: rgba(255, 255, 255, 0.87);
4881
- border-radius: 6px;
4882
4899
  transition: box-shadow 0.2s;
4900
+ border-radius: 0;
4901
+ }
4902
+ .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
4903
+ color: rgba(255, 255, 255, 0.87);
4904
+ padding: 0.75rem 1.25rem;
4883
4905
  user-select: none;
4884
4906
  }
4885
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
4907
+ .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
4886
4908
  color: rgba(255, 255, 255, 0.87);
4887
4909
  }
4888
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
4910
+ .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
4889
4911
  color: rgba(255, 255, 255, 0.6);
4890
4912
  margin-right: 0.5rem;
4891
4913
  }
4892
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
4914
+ .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
4893
4915
  color: rgba(255, 255, 255, 0.6);
4894
- margin-left: 0.5rem;
4895
- }
4896
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
4897
- background: rgba(255, 255, 255, 0.03);
4898
- }
4899
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
4900
- color: rgba(255, 255, 255, 0.87);
4901
- }
4902
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
4903
- color: rgba(255, 255, 255, 0.87);
4904
- }
4905
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
4906
- color: rgba(255, 255, 255, 0.87);
4907
- }
4908
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus {
4909
- outline: 0 none;
4910
- outline-offset: 0;
4911
- box-shadow: inset 0 0 0 0.15rem #e0d8fc;
4912
4916
  }
4913
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
4914
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
4917
+ .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content {
4918
+ color: #b19df7;
4915
4919
  background: rgba(177, 157, 247, 0.16);
4916
4920
  }
4917
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
4918
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
4921
+ .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
4919
4922
  color: #b19df7;
4920
4923
  }
4921
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
4922
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
4924
+ .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
4923
4925
  color: #b19df7;
4924
4926
  }
4925
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
4926
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
4927
- color: #b19df7;
4927
+ .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
4928
+ background: rgba(177, 157, 247, 0.24);
4928
4929
  }
4929
- .p-megamenu .p-menuitem-link {
4930
- padding: 0.75rem 1.25rem;
4930
+ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
4931
4931
  color: rgba(255, 255, 255, 0.87);
4932
- border-radius: 0;
4933
- transition: box-shadow 0.2s;
4934
- user-select: none;
4932
+ background: rgba(255, 255, 255, 0.09);
4935
4933
  }
4936
- .p-megamenu .p-menuitem-link .p-menuitem-text {
4934
+ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
4937
4935
  color: rgba(255, 255, 255, 0.87);
4938
4936
  }
4939
- .p-megamenu .p-menuitem-link .p-menuitem-icon {
4940
- color: rgba(255, 255, 255, 0.6);
4941
- margin-right: 0.5rem;
4942
- }
4943
- .p-megamenu .p-menuitem-link .p-submenu-icon {
4944
- color: rgba(255, 255, 255, 0.6);
4945
- }
4946
- .p-megamenu .p-menuitem-link:not(.p-disabled):hover {
4947
- background: rgba(255, 255, 255, 0.03);
4948
- }
4949
- .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
4937
+ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
4950
4938
  color: rgba(255, 255, 255, 0.87);
4951
4939
  }
4952
- .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
4940
+ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
4953
4941
  color: rgba(255, 255, 255, 0.87);
4942
+ background: rgba(255, 255, 255, 0.03);
4954
4943
  }
4955
- .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
4944
+ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
4956
4945
  color: rgba(255, 255, 255, 0.87);
4957
4946
  }
4958
- .p-megamenu .p-menuitem-link:focus {
4959
- outline: 0 none;
4960
- outline-offset: 0;
4961
- box-shadow: inset 0 0 0 0.15rem #e0d8fc;
4947
+ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
4948
+ color: rgba(255, 255, 255, 0.87);
4962
4949
  }
4963
4950
  .p-megamenu .p-megamenu-panel {
4964
4951
  background: #333544;
@@ -4966,7 +4953,7 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
4966
4953
  border: 1px solid #3e4053;
4967
4954
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
4968
4955
  }
4969
- .p-megamenu .p-megamenu-submenu-header {
4956
+ .p-megamenu .p-submenu-header {
4970
4957
  margin: 0;
4971
4958
  padding: 0.75rem 1.25rem;
4972
4959
  color: rgba(255, 255, 255, 0.87);
@@ -4975,51 +4962,47 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
4975
4962
  border-top-right-radius: 6px;
4976
4963
  border-top-left-radius: 6px;
4977
4964
  }
4978
- .p-megamenu .p-megamenu-submenu {
4965
+ .p-megamenu .p-submenu-list {
4979
4966
  padding: 0.25rem 0;
4980
4967
  width: 12.5rem;
4981
4968
  }
4982
- .p-megamenu .p-megamenu-submenu .p-menu-separator {
4969
+ .p-megamenu .p-submenu-list .p-menuitem-separator {
4983
4970
  border-top: 1px solid #3e4053;
4984
4971
  margin: 0.25rem 0;
4985
4972
  }
4986
- .p-megamenu .p-megamenu-submenu .p-menuitem {
4987
- margin: 0;
4973
+ .p-megamenu.p-megamenu-vertical {
4974
+ width: 12.5rem;
4975
+ padding: 0.25rem 0;
4988
4976
  }
4989
- .p-megamenu .p-megamenu-submenu .p-menuitem:last-child {
4990
- margin: 0;
4977
+ .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content {
4978
+ color: rgba(255, 255, 255, 0.87);
4979
+ transition: box-shadow 0.2s;
4980
+ border-radius: 6px;
4991
4981
  }
4992
- .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
4993
- background: rgba(177, 157, 247, 0.16);
4982
+ .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link {
4983
+ padding: 0.75rem 1.25rem;
4984
+ user-select: none;
4994
4985
  }
4995
- .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
4996
- color: #b19df7;
4986
+ .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
4987
+ color: rgba(255, 255, 255, 0.87);
4997
4988
  }
4998
- .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
4999
- color: #b19df7;
4989
+ .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
4990
+ color: rgba(255, 255, 255, 0.6);
4991
+ margin-right: 0.5rem;
5000
4992
  }
5001
- .p-megamenu.p-megamenu-vertical {
5002
- width: 12.5rem;
5003
- padding: 0.25rem 0;
4993
+ .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
4994
+ color: rgba(255, 255, 255, 0.6);
4995
+ margin-left: 0.5rem;
5004
4996
  }
5005
- .p-megamenu.p-megamenu-vertical .p-menuitem {
5006
- margin: 0;
4997
+ .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
4998
+ color: rgba(255, 255, 255, 0.87);
4999
+ background: rgba(255, 255, 255, 0.03);
5007
5000
  }
5008
- .p-megamenu.p-megamenu-vertical .p-menuitem:last-child {
5009
- margin: 0;
5001
+ .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
5002
+ color: rgba(255, 255, 255, 0.87);
5010
5003
  }
5011
- .p-megamenu .p-menuitem-badge {
5012
- background: #b19df7;
5013
- color: #1c1d26;
5014
- font-size: 0.75rem;
5015
- font-weight: 700;
5016
- min-width: 1.5rem;
5017
- height: 1.5rem;
5018
- line-height: 1.5rem;
5019
- border-radius: 6px;
5020
- margin-left: 0.5rem;
5021
- padding-left: 0.5rem;
5022
- padding-right: 0.5rem;
5004
+ .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
5005
+ color: rgba(255, 255, 255, 0.87);
5023
5006
  }
5024
5007
 
5025
5008
  .p-menu {
@@ -5030,39 +5013,58 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
5030
5013
  border-radius: 6px;
5031
5014
  width: 12.5rem;
5032
5015
  }
5033
- .p-menu .p-menuitem-link {
5034
- padding: 0.75rem 1.25rem;
5016
+ .p-menu .p-menuitem > .p-menuitem-content {
5035
5017
  color: rgba(255, 255, 255, 0.87);
5036
- border-radius: 0;
5037
5018
  transition: box-shadow 0.2s;
5019
+ border-radius: 0;
5020
+ }
5021
+ .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link {
5022
+ color: rgba(255, 255, 255, 0.87);
5023
+ padding: 0.75rem 1.25rem;
5038
5024
  user-select: none;
5039
5025
  }
5040
- .p-menu .p-menuitem-link .p-menuitem-text {
5026
+ .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
5041
5027
  color: rgba(255, 255, 255, 0.87);
5042
5028
  }
5043
- .p-menu .p-menuitem-link .p-menuitem-icon {
5029
+ .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
5044
5030
  color: rgba(255, 255, 255, 0.6);
5045
5031
  margin-right: 0.5rem;
5046
5032
  }
5047
- .p-menu .p-menuitem-link .p-submenu-icon {
5033
+ .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
5048
5034
  color: rgba(255, 255, 255, 0.6);
5049
5035
  }
5050
- .p-menu .p-menuitem-link:not(.p-disabled):hover {
5051
- background: rgba(255, 255, 255, 0.03);
5036
+ .p-menu .p-menuitem.p-highlight > .p-menuitem-content {
5037
+ color: #b19df7;
5038
+ background: rgba(177, 157, 247, 0.16);
5039
+ }
5040
+ .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
5041
+ color: #b19df7;
5042
+ }
5043
+ .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
5044
+ color: #b19df7;
5045
+ }
5046
+ .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
5047
+ background: rgba(177, 157, 247, 0.24);
5052
5048
  }
5053
- .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
5049
+ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
5054
5050
  color: rgba(255, 255, 255, 0.87);
5051
+ background: rgba(255, 255, 255, 0.09);
5055
5052
  }
5056
- .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
5053
+ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
5057
5054
  color: rgba(255, 255, 255, 0.87);
5058
5055
  }
5059
- .p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
5056
+ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
5060
5057
  color: rgba(255, 255, 255, 0.87);
5061
5058
  }
5062
- .p-menu .p-menuitem-link:focus {
5063
- outline: 0 none;
5064
- outline-offset: 0;
5065
- box-shadow: inset 0 0 0 0.15rem #e0d8fc;
5059
+ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
5060
+ color: rgba(255, 255, 255, 0.87);
5061
+ background: rgba(255, 255, 255, 0.03);
5062
+ }
5063
+ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
5064
+ color: rgba(255, 255, 255, 0.87);
5065
+ }
5066
+ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
5067
+ color: rgba(255, 255, 255, 0.87);
5066
5068
  }
5067
5069
  .p-menu.p-menu-overlay {
5068
5070
  background: #333544;
@@ -5078,16 +5080,10 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
5078
5080
  border-top-right-radius: 0;
5079
5081
  border-top-left-radius: 0;
5080
5082
  }
5081
- .p-menu .p-menu-separator {
5083
+ .p-menu .p-menuitem-separator {
5082
5084
  border-top: 1px solid #3e4053;
5083
5085
  margin: 0.25rem 0;
5084
5086
  }
5085
- .p-menu .p-menuitem {
5086
- margin: 0;
5087
- }
5088
- .p-menu .p-menuitem:last-child {
5089
- margin: 0;
5090
- }
5091
5087
  .p-menu .p-menuitem-badge {
5092
5088
  background: #b19df7;
5093
5089
  color: #1c1d26;
@@ -5109,90 +5105,91 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
5109
5105
  border: 1px solid #3e4053;
5110
5106
  border-radius: 6px;
5111
5107
  }
5112
- .p-menubar .p-menuitem-link {
5113
- padding: 0.75rem 1.25rem;
5108
+ .p-menubar .p-menubar-root-list {
5109
+ outline: 0 none;
5110
+ }
5111
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content {
5114
5112
  color: rgba(255, 255, 255, 0.87);
5115
- border-radius: 0;
5116
5113
  transition: box-shadow 0.2s;
5114
+ border-radius: 6px;
5115
+ }
5116
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link {
5117
+ padding: 0.75rem 1.25rem;
5117
5118
  user-select: none;
5118
5119
  }
5119
- .p-menubar .p-menuitem-link .p-menuitem-text {
5120
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
5120
5121
  color: rgba(255, 255, 255, 0.87);
5121
5122
  }
5122
- .p-menubar .p-menuitem-link .p-menuitem-icon {
5123
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
5123
5124
  color: rgba(255, 255, 255, 0.6);
5124
5125
  margin-right: 0.5rem;
5125
5126
  }
5126
- .p-menubar .p-menuitem-link .p-submenu-icon {
5127
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
5127
5128
  color: rgba(255, 255, 255, 0.6);
5129
+ margin-left: 0.5rem;
5128
5130
  }
5129
- .p-menubar .p-menuitem-link:not(.p-disabled):hover {
5131
+ .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
5132
+ color: rgba(255, 255, 255, 0.87);
5130
5133
  background: rgba(255, 255, 255, 0.03);
5131
5134
  }
5132
- .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
5135
+ .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
5133
5136
  color: rgba(255, 255, 255, 0.87);
5134
5137
  }
5135
- .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
5138
+ .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
5136
5139
  color: rgba(255, 255, 255, 0.87);
5137
5140
  }
5138
- .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
5141
+ .p-menubar .p-menuitem > .p-menuitem-content {
5139
5142
  color: rgba(255, 255, 255, 0.87);
5143
+ transition: box-shadow 0.2s;
5144
+ border-radius: 0;
5140
5145
  }
5141
- .p-menubar .p-menuitem-link:focus {
5142
- outline: 0 none;
5143
- outline-offset: 0;
5144
- box-shadow: inset 0 0 0 0.15rem #e0d8fc;
5145
- }
5146
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
5147
- padding: 0.75rem 1.25rem;
5146
+ .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link {
5148
5147
  color: rgba(255, 255, 255, 0.87);
5149
- border-radius: 6px;
5150
- transition: box-shadow 0.2s;
5148
+ padding: 0.75rem 1.25rem;
5151
5149
  user-select: none;
5152
5150
  }
5153
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
5151
+ .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
5154
5152
  color: rgba(255, 255, 255, 0.87);
5155
5153
  }
5156
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
5154
+ .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
5157
5155
  color: rgba(255, 255, 255, 0.6);
5158
5156
  margin-right: 0.5rem;
5159
5157
  }
5160
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
5158
+ .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
5161
5159
  color: rgba(255, 255, 255, 0.6);
5162
- margin-left: 0.5rem;
5163
5160
  }
5164
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
5165
- background: rgba(255, 255, 255, 0.03);
5161
+ .p-menubar .p-menuitem.p-highlight > .p-menuitem-content {
5162
+ color: #b19df7;
5163
+ background: rgba(177, 157, 247, 0.16);
5166
5164
  }
5167
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
5168
- color: rgba(255, 255, 255, 0.87);
5165
+ .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
5166
+ color: #b19df7;
5169
5167
  }
5170
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
5171
- color: rgba(255, 255, 255, 0.87);
5168
+ .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
5169
+ color: #b19df7;
5170
+ }
5171
+ .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
5172
+ background: rgba(177, 157, 247, 0.24);
5172
5173
  }
5173
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
5174
+ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
5174
5175
  color: rgba(255, 255, 255, 0.87);
5176
+ background: rgba(255, 255, 255, 0.09);
5175
5177
  }
5176
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
5177
- outline: 0 none;
5178
- outline-offset: 0;
5179
- box-shadow: inset 0 0 0 0.15rem #e0d8fc;
5178
+ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
5179
+ color: rgba(255, 255, 255, 0.87);
5180
5180
  }
5181
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
5182
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
5183
- background: rgba(177, 157, 247, 0.16);
5181
+ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
5182
+ color: rgba(255, 255, 255, 0.87);
5184
5183
  }
5185
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
5186
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
5187
- color: #b19df7;
5184
+ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
5185
+ color: rgba(255, 255, 255, 0.87);
5186
+ background: rgba(255, 255, 255, 0.03);
5188
5187
  }
5189
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
5190
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
5191
- color: #b19df7;
5188
+ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
5189
+ color: rgba(255, 255, 255, 0.87);
5192
5190
  }
5193
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
5194
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
5195
- color: #b19df7;
5191
+ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
5192
+ color: rgba(255, 255, 255, 0.87);
5196
5193
  }
5197
5194
  .p-menubar .p-submenu-list {
5198
5195
  padding: 0.25rem 0;
@@ -5201,45 +5198,13 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
5201
5198
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
5202
5199
  width: 12.5rem;
5203
5200
  }
5204
- .p-menubar .p-submenu-list .p-menu-separator {
5201
+ .p-menubar .p-submenu-list .p-menuitem-separator {
5205
5202
  border-top: 1px solid #3e4053;
5206
5203
  margin: 0.25rem 0;
5207
5204
  }
5208
5205
  .p-menubar .p-submenu-list .p-submenu-icon {
5209
5206
  font-size: 0.875rem;
5210
5207
  }
5211
- .p-menubar .p-submenu-list .p-icon {
5212
- width: 0.875rem;
5213
- height: 0.875rem;
5214
- }
5215
- .p-menubar .p-submenu-list .p-menuitem {
5216
- margin: 0;
5217
- }
5218
- .p-menubar .p-submenu-list .p-menuitem:last-child {
5219
- margin: 0;
5220
- }
5221
- .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link {
5222
- background: rgba(177, 157, 247, 0.16);
5223
- }
5224
- .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
5225
- color: #b19df7;
5226
- }
5227
- .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
5228
- color: #b19df7;
5229
- }
5230
- .p-menubar .p-menuitem-badge {
5231
- background: #b19df7;
5232
- color: #1c1d26;
5233
- font-size: 0.75rem;
5234
- font-weight: 700;
5235
- min-width: 1.5rem;
5236
- height: 1.5rem;
5237
- line-height: 1.5rem;
5238
- border-radius: 6px;
5239
- margin-left: 0.5rem;
5240
- padding-left: 0.5rem;
5241
- padding-right: 0.5rem;
5242
- }
5243
5208
 
5244
5209
  @media screen and (max-width: 960px) {
5245
5210
  .p-menubar {
@@ -5271,56 +5236,22 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
5271
5236
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
5272
5237
  width: 100%;
5273
5238
  }
5274
- .p-menubar .p-menubar-root-list .p-menu-separator {
5239
+ .p-menubar .p-menubar-root-list .p-menuitem-separator {
5275
5240
  border-top: 1px solid #3e4053;
5276
5241
  margin: 0.25rem 0;
5277
5242
  }
5278
5243
  .p-menubar .p-menubar-root-list .p-submenu-icon {
5279
5244
  font-size: 0.875rem;
5280
5245
  }
5281
- .p-menubar .p-menubar-root-list > .p-menuitem {
5246
+ .p-menubar .p-menubar-root-list .p-menuitem {
5282
5247
  width: 100%;
5283
5248
  position: static;
5284
5249
  }
5285
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
5286
- padding: 0.75rem 1.25rem;
5287
- color: rgba(255, 255, 255, 0.87);
5288
- border-radius: 0;
5289
- transition: box-shadow 0.2s;
5290
- user-select: none;
5291
- }
5292
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
5293
- color: rgba(255, 255, 255, 0.87);
5294
- }
5295
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
5296
- color: rgba(255, 255, 255, 0.6);
5297
- margin-right: 0.5rem;
5298
- }
5299
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
5300
- color: rgba(255, 255, 255, 0.6);
5301
- }
5302
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
5303
- background: rgba(255, 255, 255, 0.03);
5304
- }
5305
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
5306
- color: rgba(255, 255, 255, 0.87);
5307
- }
5308
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
5309
- color: rgba(255, 255, 255, 0.87);
5310
- }
5311
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
5312
- color: rgba(255, 255, 255, 0.87);
5313
- }
5314
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
5315
- outline: 0 none;
5316
- outline-offset: 0;
5317
- box-shadow: inset 0 0 0 0.15rem #e0d8fc;
5318
- }
5319
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon {
5250
+ .p-menubar .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
5320
5251
  margin-left: auto;
5321
5252
  transition: transform 0.2s;
5322
5253
  }
5323
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
5254
+ .p-menubar .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
5324
5255
  transform: rotate(-180deg);
5325
5256
  }
5326
5257
  .p-menubar .p-menubar-root-list .p-submenu-list {
@@ -5333,26 +5264,26 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
5333
5264
  transition: transform 0.2s;
5334
5265
  transform: rotate(90deg);
5335
5266
  }
5336
- .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
5267
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
5337
5268
  transform: rotate(-90deg);
5338
5269
  }
5339
5270
  .p-menubar .p-menubar-root-list .p-menuitem {
5340
5271
  width: 100%;
5341
5272
  position: static;
5342
5273
  }
5343
- .p-menubar .p-menubar-root-list ul li a {
5274
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
5344
5275
  padding-left: 2.25rem;
5345
5276
  }
5346
- .p-menubar .p-menubar-root-list ul li ul li a {
5277
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
5347
5278
  padding-left: 3.75rem;
5348
5279
  }
5349
- .p-menubar .p-menubar-root-list ul li ul li ul li a {
5280
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
5350
5281
  padding-left: 5.25rem;
5351
5282
  }
5352
- .p-menubar .p-menubar-root-list ul li ul li ul li ul li a {
5283
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
5353
5284
  padding-left: 6.75rem;
5354
5285
  }
5355
- .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a {
5286
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
5356
5287
  padding-left: 8.25rem;
5357
5288
  }
5358
5289
  .p-menubar.p-menubar-mobile-active .p-menubar-root-list {
@@ -5363,42 +5294,46 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
5363
5294
  z-index: 1;
5364
5295
  }
5365
5296
  }
5366
- .p-panelmenu .p-panelmenu-header > a {
5367
- padding: 1.25rem;
5297
+ .p-panelmenu .p-panelmenu-header {
5298
+ outline: 0 none;
5299
+ }
5300
+ .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content {
5368
5301
  border: 1px solid #3e4053;
5369
5302
  color: rgba(255, 255, 255, 0.87);
5370
5303
  background: #282936;
5371
- font-weight: 700;
5372
5304
  border-radius: 6px;
5373
5305
  transition: box-shadow 0.2s;
5374
5306
  }
5375
- .p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon {
5307
+ .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action {
5308
+ color: rgba(255, 255, 255, 0.87);
5309
+ padding: 1.25rem;
5310
+ font-weight: 700;
5311
+ }
5312
+ .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon {
5376
5313
  margin-right: 0.5rem;
5377
5314
  }
5378
- .p-panelmenu .p-panelmenu-header > a .p-menuitem-icon {
5315
+ .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
5379
5316
  margin-right: 0.5rem;
5380
5317
  }
5381
- .p-panelmenu .p-panelmenu-header > a:focus {
5318
+ .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus .p-panelmenu-header-content {
5382
5319
  outline: 0 none;
5383
5320
  outline-offset: 0;
5384
- box-shadow: 0 0 0 1px #e0d8fc;
5321
+ box-shadow: inset 0 0 0 1px #e0d8fc;
5385
5322
  }
5386
- .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover {
5323
+ .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content {
5387
5324
  background: rgba(255, 255, 255, 0.03);
5388
5325
  border-color: #3e4053;
5389
5326
  color: rgba(255, 255, 255, 0.87);
5390
5327
  }
5391
- .p-panelmenu .p-panelmenu-header.p-highlight {
5392
- margin-bottom: 0;
5393
- }
5394
- .p-panelmenu .p-panelmenu-header.p-highlight > a {
5328
+ .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content {
5395
5329
  background: #282936;
5396
5330
  border-color: #3e4053;
5397
5331
  color: rgba(255, 255, 255, 0.87);
5398
5332
  border-bottom-right-radius: 0;
5399
5333
  border-bottom-left-radius: 0;
5334
+ margin-bottom: 0;
5400
5335
  }
5401
- .p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover {
5336
+ .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content {
5402
5337
  border-color: #3e4053;
5403
5338
  background: rgba(255, 255, 255, 0.03);
5404
5339
  color: rgba(255, 255, 255, 0.87);
@@ -5408,69 +5343,81 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
5408
5343
  border: 1px solid #3e4053;
5409
5344
  background: #282936;
5410
5345
  color: rgba(255, 255, 255, 0.87);
5411
- margin-bottom: 4px;
5412
5346
  border-top: 0;
5413
5347
  border-top-right-radius: 0;
5414
5348
  border-top-left-radius: 0;
5415
5349
  border-bottom-right-radius: 6px;
5416
5350
  border-bottom-left-radius: 6px;
5417
5351
  }
5418
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link {
5419
- padding: 0.75rem 1.25rem;
5352
+ .p-panelmenu .p-panelmenu-content .p-panelmenu-root-list {
5353
+ outline: 0 none;
5354
+ }
5355
+ .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content {
5420
5356
  color: rgba(255, 255, 255, 0.87);
5421
- border-radius: 0;
5422
5357
  transition: box-shadow 0.2s;
5358
+ border-radius: 0;
5359
+ }
5360
+ .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link {
5361
+ color: rgba(255, 255, 255, 0.87);
5362
+ padding: 0.75rem 1.25rem;
5423
5363
  user-select: none;
5424
5364
  }
5425
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text {
5365
+ .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
5426
5366
  color: rgba(255, 255, 255, 0.87);
5427
5367
  }
5428
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon {
5368
+ .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
5429
5369
  color: rgba(255, 255, 255, 0.6);
5430
5370
  margin-right: 0.5rem;
5431
5371
  }
5432
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon {
5372
+ .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
5433
5373
  color: rgba(255, 255, 255, 0.6);
5434
5374
  }
5435
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover {
5436
- background: rgba(255, 255, 255, 0.03);
5375
+ .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content {
5376
+ color: #b19df7;
5377
+ background: rgba(177, 157, 247, 0.16);
5437
5378
  }
5438
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
5379
+ .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
5380
+ color: #b19df7;
5381
+ }
5382
+ .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
5383
+ color: #b19df7;
5384
+ }
5385
+ .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
5386
+ background: rgba(177, 157, 247, 0.24);
5387
+ }
5388
+ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
5439
5389
  color: rgba(255, 255, 255, 0.87);
5390
+ background: rgba(255, 255, 255, 0.09);
5440
5391
  }
5441
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
5392
+ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
5442
5393
  color: rgba(255, 255, 255, 0.87);
5443
5394
  }
5444
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
5395
+ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
5445
5396
  color: rgba(255, 255, 255, 0.87);
5446
5397
  }
5447
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus {
5448
- outline: 0 none;
5449
- outline-offset: 0;
5450
- box-shadow: inset 0 0 0 0.15rem #e0d8fc;
5398
+ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
5399
+ color: rgba(255, 255, 255, 0.87);
5400
+ background: rgba(255, 255, 255, 0.03);
5401
+ }
5402
+ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
5403
+ color: rgba(255, 255, 255, 0.87);
5404
+ }
5405
+ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
5406
+ color: rgba(255, 255, 255, 0.87);
5451
5407
  }
5452
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon {
5408
+ .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
5453
5409
  margin-right: 0.5rem;
5454
5410
  }
5455
- .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) {
5411
+ .p-panelmenu .p-panelmenu-content .p-menuitem-separator {
5412
+ border-top: 1px solid #3e4053;
5413
+ margin: 0.25rem 0;
5414
+ }
5415
+ .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) {
5456
5416
  padding: 0 0 0 1rem;
5457
5417
  }
5458
5418
  .p-panelmenu .p-panelmenu-panel {
5459
5419
  margin-bottom: 4px;
5460
5420
  }
5461
- .p-panelmenu .p-menuitem-badge {
5462
- background: #b19df7;
5463
- color: #1c1d26;
5464
- font-size: 0.75rem;
5465
- font-weight: 700;
5466
- min-width: 1.5rem;
5467
- height: 1.5rem;
5468
- line-height: 1.5rem;
5469
- border-radius: 6px;
5470
- margin-left: 0.5rem;
5471
- padding-left: 0.5rem;
5472
- padding-right: 0.5rem;
5473
- }
5474
5421
 
5475
5422
  .p-slidemenu {
5476
5423
  padding: 0.25rem 0;
@@ -5480,39 +5427,64 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
5480
5427
  border-radius: 6px;
5481
5428
  width: 12.5rem;
5482
5429
  }
5483
- .p-slidemenu .p-menuitem-link {
5484
- padding: 0.75rem 1.25rem;
5430
+ .p-slidemenu .p-slidemenu-root-list {
5431
+ outline: 0 none;
5432
+ }
5433
+ .p-slidemenu .p-submenu-list {
5434
+ outline: 0 none;
5435
+ }
5436
+ .p-slidemenu .p-menuitem > .p-menuitem-content {
5485
5437
  color: rgba(255, 255, 255, 0.87);
5486
- border-radius: 0;
5487
5438
  transition: box-shadow 0.2s;
5439
+ border-radius: 0;
5440
+ }
5441
+ .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
5442
+ color: rgba(255, 255, 255, 0.87);
5443
+ padding: 0.75rem 1.25rem;
5488
5444
  user-select: none;
5489
5445
  }
5490
- .p-slidemenu .p-menuitem-link .p-menuitem-text {
5446
+ .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
5491
5447
  color: rgba(255, 255, 255, 0.87);
5492
5448
  }
5493
- .p-slidemenu .p-menuitem-link .p-menuitem-icon {
5449
+ .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
5494
5450
  color: rgba(255, 255, 255, 0.6);
5495
5451
  margin-right: 0.5rem;
5496
5452
  }
5497
- .p-slidemenu .p-menuitem-link .p-submenu-icon {
5453
+ .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
5498
5454
  color: rgba(255, 255, 255, 0.6);
5499
5455
  }
5500
- .p-slidemenu .p-menuitem-link:not(.p-disabled):hover {
5501
- background: rgba(255, 255, 255, 0.03);
5456
+ .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content {
5457
+ color: #b19df7;
5458
+ background: rgba(177, 157, 247, 0.16);
5459
+ }
5460
+ .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
5461
+ color: #b19df7;
5462
+ }
5463
+ .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 {
5464
+ color: #b19df7;
5465
+ }
5466
+ .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
5467
+ background: rgba(177, 157, 247, 0.24);
5502
5468
  }
5503
- .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
5469
+ .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
5504
5470
  color: rgba(255, 255, 255, 0.87);
5471
+ background: rgba(255, 255, 255, 0.09);
5505
5472
  }
5506
- .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
5473
+ .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
5507
5474
  color: rgba(255, 255, 255, 0.87);
5508
5475
  }
5509
- .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
5476
+ .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 {
5510
5477
  color: rgba(255, 255, 255, 0.87);
5511
5478
  }
5512
- .p-slidemenu .p-menuitem-link:focus {
5513
- outline: 0 none;
5514
- outline-offset: 0;
5515
- box-shadow: inset 0 0 0 0.15rem #e0d8fc;
5479
+ .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
5480
+ color: rgba(255, 255, 255, 0.87);
5481
+ background: rgba(255, 255, 255, 0.03);
5482
+ }
5483
+ .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
5484
+ color: rgba(255, 255, 255, 0.87);
5485
+ }
5486
+ .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 {
5487
+ color: rgba(255, 255, 255, 0.87);
5516
5488
  }
5517
5489
  .p-slidemenu.p-slidemenu-overlay {
5518
5490
  background: #333544;
@@ -5525,16 +5497,7 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
5525
5497
  border: 1px solid #3e4053;
5526
5498
  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);
5527
5499
  }
5528
- .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link {
5529
- background: rgba(177, 157, 247, 0.16);
5530
- }
5531
- .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-text {
5532
- color: #b19df7;
5533
- }
5534
- .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 {
5535
- color: #b19df7;
5536
- }
5537
- .p-slidemenu .p-slidemenu-separator {
5500
+ .p-slidemenu .p-menuitem-separator {
5538
5501
  border-top: 1px solid #3e4053;
5539
5502
  margin: 0.25rem 0;
5540
5503
  }
@@ -5549,6 +5512,11 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
5549
5512
  padding: 0.75rem 1.25rem;
5550
5513
  color: rgba(255, 255, 255, 0.87);
5551
5514
  }
5515
+ .p-slidemenu .p-slidemenu-backward:not(.p-disabled):focus {
5516
+ outline: 0 none;
5517
+ outline-offset: 0;
5518
+ box-shadow: inset 0 0 0 1px #e0d8fc;
5519
+ }
5552
5520
  .p-slidemenu .p-menuitem-badge {
5553
5521
  background: #b19df7;
5554
5522
  color: #1c1d26;
@@ -5687,90 +5655,84 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
5687
5655
  border-radius: 6px;
5688
5656
  width: 12.5rem;
5689
5657
  }
5690
- .p-tieredmenu .p-menuitem-link {
5691
- padding: 0.75rem 1.25rem;
5658
+ .p-tieredmenu.p-tieredmenu-overlay {
5659
+ background: #333544;
5660
+ border: 1px solid #3e4053;
5661
+ 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);
5662
+ }
5663
+ .p-tieredmenu .p-tieredmenu-root-list {
5664
+ outline: 0 none;
5665
+ }
5666
+ .p-tieredmenu .p-submenu-list {
5667
+ padding: 0.25rem 0;
5668
+ background: #333544;
5669
+ border: 1px solid #3e4053;
5670
+ 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);
5671
+ }
5672
+ .p-tieredmenu .p-menuitem > .p-menuitem-content {
5692
5673
  color: rgba(255, 255, 255, 0.87);
5693
- border-radius: 0;
5694
5674
  transition: box-shadow 0.2s;
5675
+ border-radius: 0;
5676
+ }
5677
+ .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
5678
+ color: rgba(255, 255, 255, 0.87);
5679
+ padding: 0.75rem 1.25rem;
5695
5680
  user-select: none;
5696
5681
  }
5697
- .p-tieredmenu .p-menuitem-link .p-menuitem-text {
5682
+ .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
5698
5683
  color: rgba(255, 255, 255, 0.87);
5699
5684
  }
5700
- .p-tieredmenu .p-menuitem-link .p-menuitem-icon {
5685
+ .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
5701
5686
  color: rgba(255, 255, 255, 0.6);
5702
5687
  margin-right: 0.5rem;
5703
5688
  }
5704
- .p-tieredmenu .p-menuitem-link .p-submenu-icon {
5689
+ .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
5705
5690
  color: rgba(255, 255, 255, 0.6);
5706
5691
  }
5707
- .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover {
5708
- background: rgba(255, 255, 255, 0.03);
5709
- }
5710
- .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
5711
- color: rgba(255, 255, 255, 0.87);
5712
- }
5713
- .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
5714
- color: rgba(255, 255, 255, 0.87);
5692
+ .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content {
5693
+ color: #b19df7;
5694
+ background: rgba(177, 157, 247, 0.16);
5715
5695
  }
5716
- .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
5717
- color: rgba(255, 255, 255, 0.87);
5696
+ .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
5697
+ color: #b19df7;
5718
5698
  }
5719
- .p-tieredmenu .p-menuitem-link:focus {
5720
- outline: 0 none;
5721
- outline-offset: 0;
5722
- box-shadow: inset 0 0 0 0.15rem #e0d8fc;
5699
+ .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 {
5700
+ color: #b19df7;
5723
5701
  }
5724
- .p-tieredmenu.p-tieredmenu-overlay {
5725
- background: #333544;
5726
- border: 1px solid #3e4053;
5727
- 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);
5702
+ .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
5703
+ background: rgba(177, 157, 247, 0.24);
5728
5704
  }
5729
- .p-tieredmenu .p-submenu-list {
5730
- padding: 0.25rem 0;
5731
- background: #333544;
5732
- border: 1px solid #3e4053;
5733
- 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);
5705
+ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
5706
+ color: rgba(255, 255, 255, 0.87);
5707
+ background: rgba(255, 255, 255, 0.09);
5734
5708
  }
5735
- .p-tieredmenu .p-menuitem {
5736
- margin: 0;
5709
+ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
5710
+ color: rgba(255, 255, 255, 0.87);
5737
5711
  }
5738
- .p-tieredmenu .p-menuitem:last-child {
5739
- margin: 0;
5712
+ .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 {
5713
+ color: rgba(255, 255, 255, 0.87);
5740
5714
  }
5741
- .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
5742
- background: rgba(177, 157, 247, 0.16);
5715
+ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
5716
+ color: rgba(255, 255, 255, 0.87);
5717
+ background: rgba(255, 255, 255, 0.03);
5743
5718
  }
5744
- .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
5745
- color: #b19df7;
5719
+ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
5720
+ color: rgba(255, 255, 255, 0.87);
5746
5721
  }
5747
- .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 {
5748
- color: #b19df7;
5722
+ .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 {
5723
+ color: rgba(255, 255, 255, 0.87);
5749
5724
  }
5750
- .p-tieredmenu .p-menu-separator {
5725
+ .p-tieredmenu .p-menuitem-separator {
5751
5726
  border-top: 1px solid #3e4053;
5752
5727
  margin: 0.25rem 0;
5753
5728
  }
5754
5729
  .p-tieredmenu .p-submenu-icon {
5755
5730
  font-size: 0.875rem;
5756
5731
  }
5757
- .p-tieredmenu .p-icon {
5732
+ .p-tieredmenu .p-submenu-icon.p-icon {
5758
5733
  width: 0.875rem;
5759
5734
  height: 0.875rem;
5760
5735
  }
5761
- .p-tieredmenu .p-menuitem-badge {
5762
- background: #b19df7;
5763
- color: #1c1d26;
5764
- font-size: 0.75rem;
5765
- font-weight: 700;
5766
- min-width: 1.5rem;
5767
- height: 1.5rem;
5768
- line-height: 1.5rem;
5769
- border-radius: 6px;
5770
- margin-left: 0.5rem;
5771
- padding-left: 0.5rem;
5772
- padding-right: 0.5rem;
5773
- }
5774
5736
 
5775
5737
  .p-inline-message {
5776
5738
  padding: 0.75rem 0.75rem;