primeng 16.0.2 → 16.1.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 (222) hide show
  1. package/accordion/accordion.d.ts +35 -11
  2. package/api/translation.d.ts +23 -0
  3. package/api/treenode.d.ts +1 -1
  4. package/avatar/avatar.d.ts +11 -1
  5. package/breadcrumb/breadcrumb.d.ts +5 -1
  6. package/button/button.d.ts +3 -0
  7. package/chip/chip.d.ts +1 -0
  8. package/contextmenu/contextmenu.d.ts +157 -67
  9. package/dock/dock.d.ts +47 -2
  10. package/dom/domhandler.d.ts +1 -0
  11. package/esm2022/accordion/accordion.mjs +177 -43
  12. package/esm2022/api/primengconfig.mjs +75 -2
  13. package/esm2022/api/translation.mjs +1 -1
  14. package/esm2022/api/treenode.mjs +1 -1
  15. package/esm2022/autocomplete/autocomplete.mjs +3 -3
  16. package/esm2022/avatar/avatar.mjs +18 -4
  17. package/esm2022/blockui/blockui.mjs +19 -3
  18. package/esm2022/breadcrumb/breadcrumb.mjs +50 -33
  19. package/esm2022/button/button.mjs +4 -1
  20. package/esm2022/card/card.mjs +3 -3
  21. package/esm2022/chip/chip.mjs +18 -13
  22. package/esm2022/contextmenu/contextmenu.mjs +993 -547
  23. package/esm2022/divider/divider.mjs +3 -3
  24. package/esm2022/dock/dock.mjs +284 -86
  25. package/esm2022/dom/domhandler.mjs +19 -7
  26. package/esm2022/dynamicdialog/dynamicdialog-ref.mjs +4 -1
  27. package/esm2022/fieldset/fieldset.mjs +59 -32
  28. package/esm2022/image/image.mjs +11 -3
  29. package/esm2022/inplace/inplace.mjs +18 -11
  30. package/esm2022/megamenu/megamenu.mjs +997 -348
  31. package/esm2022/menu/menu.mjs +397 -166
  32. package/esm2022/menubar/menubar.mjs +895 -282
  33. package/esm2022/orderlist/orderlist.mjs +9 -15
  34. package/esm2022/panel/panel.mjs +44 -33
  35. package/esm2022/panelmenu/panelmenu.mjs +982 -344
  36. package/esm2022/progressbar/progressbar.mjs +19 -15
  37. package/esm2022/progressspinner/progressspinner.mjs +5 -5
  38. package/esm2022/ripple/ripple.mjs +3 -1
  39. package/esm2022/scrollpanel/scrollpanel.mjs +195 -23
  40. package/esm2022/scrolltop/scrolltop.mjs +11 -2
  41. package/esm2022/skeleton/skeleton.mjs +3 -3
  42. package/esm2022/slidemenu/slidemenu.mjs +1059 -372
  43. package/esm2022/splitbutton/splitbutton.mjs +2 -2
  44. package/esm2022/splitter/splitter.mjs +160 -29
  45. package/esm2022/steps/steps.mjs +112 -22
  46. package/esm2022/table/table.mjs +13 -7
  47. package/esm2022/tabmenu/tabmenu.mjs +191 -63
  48. package/esm2022/tabview/tabview.mjs +173 -39
  49. package/esm2022/terminal/terminal.mjs +3 -3
  50. package/esm2022/tieredmenu/tieredmenu.mjs +868 -392
  51. package/esm2022/toolbar/toolbar.mjs +17 -10
  52. package/esm2022/tooltip/tooltip.mjs +1 -1
  53. package/esm2022/tree/tree.mjs +3 -3
  54. package/esm2022/treetable/treetable.mjs +17 -17
  55. package/esm2022/utils/objectutils.mjs +31 -1
  56. package/esm2022/utils/uniquecomponentid.mjs +2 -3
  57. package/fesm2022/primeng-accordion.mjs +176 -42
  58. package/fesm2022/primeng-accordion.mjs.map +1 -1
  59. package/fesm2022/primeng-api.mjs +74 -1
  60. package/fesm2022/primeng-api.mjs.map +1 -1
  61. package/fesm2022/primeng-autocomplete.mjs +2 -2
  62. package/fesm2022/primeng-autocomplete.mjs.map +1 -1
  63. package/fesm2022/primeng-avatar.mjs +17 -3
  64. package/fesm2022/primeng-avatar.mjs.map +1 -1
  65. package/fesm2022/primeng-blockui.mjs +18 -2
  66. package/fesm2022/primeng-blockui.mjs.map +1 -1
  67. package/fesm2022/primeng-breadcrumb.mjs +49 -32
  68. package/fesm2022/primeng-breadcrumb.mjs.map +1 -1
  69. package/fesm2022/primeng-button.mjs +3 -0
  70. package/fesm2022/primeng-button.mjs.map +1 -1
  71. package/fesm2022/primeng-card.mjs +2 -2
  72. package/fesm2022/primeng-card.mjs.map +1 -1
  73. package/fesm2022/primeng-chip.mjs +17 -12
  74. package/fesm2022/primeng-chip.mjs.map +1 -1
  75. package/fesm2022/primeng-contextmenu.mjs +992 -546
  76. package/fesm2022/primeng-contextmenu.mjs.map +1 -1
  77. package/fesm2022/primeng-divider.mjs +2 -2
  78. package/fesm2022/primeng-divider.mjs.map +1 -1
  79. package/fesm2022/primeng-dock.mjs +283 -85
  80. package/fesm2022/primeng-dock.mjs.map +1 -1
  81. package/fesm2022/primeng-dom.mjs +18 -6
  82. package/fesm2022/primeng-dom.mjs.map +1 -1
  83. package/fesm2022/primeng-dynamicdialog.mjs +3 -0
  84. package/fesm2022/primeng-dynamicdialog.mjs.map +1 -1
  85. package/fesm2022/primeng-fieldset.mjs +57 -30
  86. package/fesm2022/primeng-fieldset.mjs.map +1 -1
  87. package/fesm2022/primeng-image.mjs +10 -2
  88. package/fesm2022/primeng-image.mjs.map +1 -1
  89. package/fesm2022/primeng-inplace.mjs +17 -10
  90. package/fesm2022/primeng-inplace.mjs.map +1 -1
  91. package/fesm2022/primeng-megamenu.mjs +996 -348
  92. package/fesm2022/primeng-megamenu.mjs.map +1 -1
  93. package/fesm2022/primeng-menu.mjs +396 -165
  94. package/fesm2022/primeng-menu.mjs.map +1 -1
  95. package/fesm2022/primeng-menubar.mjs +894 -281
  96. package/fesm2022/primeng-menubar.mjs.map +1 -1
  97. package/fesm2022/primeng-orderlist.mjs +8 -14
  98. package/fesm2022/primeng-orderlist.mjs.map +1 -1
  99. package/fesm2022/primeng-panel.mjs +44 -33
  100. package/fesm2022/primeng-panel.mjs.map +1 -1
  101. package/fesm2022/primeng-panelmenu.mjs +981 -344
  102. package/fesm2022/primeng-panelmenu.mjs.map +1 -1
  103. package/fesm2022/primeng-progressbar.mjs +18 -14
  104. package/fesm2022/primeng-progressbar.mjs.map +1 -1
  105. package/fesm2022/primeng-progressspinner.mjs +4 -4
  106. package/fesm2022/primeng-progressspinner.mjs.map +1 -1
  107. package/fesm2022/primeng-ripple.mjs +2 -0
  108. package/fesm2022/primeng-ripple.mjs.map +1 -1
  109. package/fesm2022/primeng-scrollpanel.mjs +194 -22
  110. package/fesm2022/primeng-scrollpanel.mjs.map +1 -1
  111. package/fesm2022/primeng-scrolltop.mjs +10 -1
  112. package/fesm2022/primeng-scrolltop.mjs.map +1 -1
  113. package/fesm2022/primeng-skeleton.mjs +2 -2
  114. package/fesm2022/primeng-skeleton.mjs.map +1 -1
  115. package/fesm2022/primeng-slidemenu.mjs +1058 -371
  116. package/fesm2022/primeng-slidemenu.mjs.map +1 -1
  117. package/fesm2022/primeng-splitbutton.mjs +1 -1
  118. package/fesm2022/primeng-splitbutton.mjs.map +1 -1
  119. package/fesm2022/primeng-splitter.mjs +160 -29
  120. package/fesm2022/primeng-splitter.mjs.map +1 -1
  121. package/fesm2022/primeng-steps.mjs +111 -21
  122. package/fesm2022/primeng-steps.mjs.map +1 -1
  123. package/fesm2022/primeng-table.mjs +12 -6
  124. package/fesm2022/primeng-table.mjs.map +1 -1
  125. package/fesm2022/primeng-tabmenu.mjs +190 -62
  126. package/fesm2022/primeng-tabmenu.mjs.map +1 -1
  127. package/fesm2022/primeng-tabview.mjs +172 -38
  128. package/fesm2022/primeng-tabview.mjs.map +1 -1
  129. package/fesm2022/primeng-terminal.mjs +2 -2
  130. package/fesm2022/primeng-terminal.mjs.map +1 -1
  131. package/fesm2022/primeng-tieredmenu.mjs +867 -391
  132. package/fesm2022/primeng-tieredmenu.mjs.map +1 -1
  133. package/fesm2022/primeng-toolbar.mjs +16 -9
  134. package/fesm2022/primeng-toolbar.mjs.map +1 -1
  135. package/fesm2022/primeng-tooltip.mjs.map +1 -1
  136. package/fesm2022/primeng-tree.mjs +2 -2
  137. package/fesm2022/primeng-tree.mjs.map +1 -1
  138. package/fesm2022/primeng-treetable.mjs +16 -16
  139. package/fesm2022/primeng-treetable.mjs.map +1 -1
  140. package/fesm2022/primeng-utils.mjs +31 -2
  141. package/fesm2022/primeng-utils.mjs.map +1 -1
  142. package/fieldset/fieldset.d.ts +6 -5
  143. package/image/image.d.ts +1 -0
  144. package/inplace/inplace.d.ts +6 -1
  145. package/megamenu/megamenu.d.ts +137 -15
  146. package/menu/menu.d.ts +64 -7
  147. package/menubar/menubar.d.ts +116 -22
  148. package/orderlist/orderlist.d.ts +2 -1
  149. package/package.json +124 -124
  150. package/panel/panel.d.ts +6 -5
  151. package/panelmenu/panelmenu.d.ts +134 -22
  152. package/resources/components/autocomplete/autocomplete.css +9 -8
  153. package/resources/components/breadcrumb/breadcrumb.css +9 -3
  154. package/resources/components/common/common.css +1 -1
  155. package/resources/components/contextmenu/contextmenu.css +1 -7
  156. package/resources/components/dock/dock.css +1 -1
  157. package/resources/components/megamenu/megamenu.css +9 -10
  158. package/resources/components/panelmenu/panelmenu.css +4 -2
  159. package/resources/components/slidemenu/slidemenu.css +40 -41
  160. package/resources/primeng.css +1 -1
  161. package/resources/primeng.min.css +1 -1
  162. package/resources/themes/arya-blue/theme.css +342 -390
  163. package/resources/themes/arya-green/theme.css +342 -390
  164. package/resources/themes/arya-orange/theme.css +342 -390
  165. package/resources/themes/arya-purple/theme.css +342 -390
  166. package/resources/themes/bootstrap4-dark-blue/theme.css +357 -416
  167. package/resources/themes/bootstrap4-dark-purple/theme.css +357 -416
  168. package/resources/themes/bootstrap4-light-blue/theme.css +369 -428
  169. package/resources/themes/bootstrap4-light-purple/theme.css +369 -428
  170. package/resources/themes/fluent-light/theme.css +352 -400
  171. package/resources/themes/lara-dark-blue/theme.css +344 -392
  172. package/resources/themes/lara-dark-indigo/theme.css +344 -392
  173. package/resources/themes/lara-dark-purple/theme.css +344 -392
  174. package/resources/themes/lara-dark-teal/theme.css +344 -392
  175. package/resources/themes/lara-light-blue/theme.css +370 -418
  176. package/resources/themes/lara-light-indigo/theme.css +370 -418
  177. package/resources/themes/lara-light-purple/theme.css +370 -418
  178. package/resources/themes/lara-light-teal/theme.css +370 -418
  179. package/resources/themes/luna-amber/theme.css +360 -408
  180. package/resources/themes/luna-blue/theme.css +360 -408
  181. package/resources/themes/luna-green/theme.css +360 -408
  182. package/resources/themes/luna-pink/theme.css +360 -408
  183. package/resources/themes/md-dark-deeppurple/theme.css +373 -403
  184. package/resources/themes/md-dark-indigo/theme.css +373 -403
  185. package/resources/themes/md-light-deeppurple/theme.css +373 -403
  186. package/resources/themes/md-light-indigo/theme.css +373 -403
  187. package/resources/themes/mdc-dark-deeppurple/theme.css +373 -403
  188. package/resources/themes/mdc-dark-indigo/theme.css +373 -403
  189. package/resources/themes/mdc-light-deeppurple/theme.css +373 -403
  190. package/resources/themes/mdc-light-indigo/theme.css +373 -403
  191. package/resources/themes/mira/theme.css +347 -395
  192. package/resources/themes/nano/theme.css +348 -396
  193. package/resources/themes/nova/theme.css +336 -384
  194. package/resources/themes/nova-accent/theme.css +336 -384
  195. package/resources/themes/nova-alt/theme.css +336 -384
  196. package/resources/themes/rhea/theme.css +336 -384
  197. package/resources/themes/saga-blue/theme.css +348 -396
  198. package/resources/themes/saga-green/theme.css +348 -396
  199. package/resources/themes/saga-orange/theme.css +348 -396
  200. package/resources/themes/saga-purple/theme.css +348 -396
  201. package/resources/themes/soho-dark/theme.css +362 -410
  202. package/resources/themes/soho-light/theme.css +370 -418
  203. package/resources/themes/tailwind-light/theme.css +361 -409
  204. package/resources/themes/vela-blue/theme.css +348 -396
  205. package/resources/themes/vela-green/theme.css +348 -396
  206. package/resources/themes/vela-orange/theme.css +348 -396
  207. package/resources/themes/vela-purple/theme.css +348 -396
  208. package/resources/themes/viva-dark/theme.css +342 -390
  209. package/resources/themes/viva-light/theme.css +348 -396
  210. package/scrollpanel/scrollpanel.d.ts +22 -4
  211. package/scrolltop/scrolltop.d.ts +6 -1
  212. package/slidemenu/slidemenu.d.ts +192 -88
  213. package/splitter/splitter.d.ts +18 -5
  214. package/steps/steps.d.ts +20 -3
  215. package/table/table.d.ts +3 -1
  216. package/tabmenu/tabmenu.d.ts +24 -1
  217. package/tabview/tabview.d.ts +26 -3
  218. package/tieredmenu/tieredmenu.d.ts +134 -50
  219. package/toolbar/toolbar.d.ts +6 -1
  220. package/tooltip/tooltip.d.ts +1 -1
  221. package/utils/objectutils.d.ts +4 -0
  222. package/utils/uniquecomponentid.d.ts +1 -1
package/resources/themes/viva-dark/theme.css CHANGED
@@ -4137,7 +4137,7 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
4137
4137
  .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus {
4138
4138
  outline: 0 none;
4139
4139
  outline-offset: 0;
4140
- box-shadow: 0 0 0 1px #9eade6;
4140
+ box-shadow: inset 0 0 0 1px #9eade6;
4141
4141
  }
4142
4142
  .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
4143
4143
  background: rgba(158, 173, 230, 0.08);
@@ -4371,6 +4371,9 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
4371
4371
  background: #263238;
4372
4372
  }
4373
4373
 
4374
+ .p-tabview .p-tabview-nav-content {
4375
+ scroll-padding-inline: 2.857rem;
4376
+ }
4374
4377
  .p-tabview .p-tabview-nav {
4375
4378
  background: transparent;
4376
4379
  border: 1px solid #263238;
@@ -4724,29 +4727,29 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
4724
4727
  border-radius: 6px;
4725
4728
  padding: 1rem;
4726
4729
  }
4727
- .p-breadcrumb ul li .p-menuitem-link {
4730
+ .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link {
4728
4731
  transition: box-shadow 0.3s;
4729
4732
  border-radius: 6px;
4730
4733
  }
4731
- .p-breadcrumb ul li .p-menuitem-link:focus {
4734
+ .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus {
4732
4735
  outline: 0 none;
4733
4736
  outline-offset: 0;
4734
4737
  box-shadow: 0 0 0 1px #9eade6;
4735
4738
  }
4736
- .p-breadcrumb ul li .p-menuitem-link .p-menuitem-text {
4739
+ .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text {
4737
4740
  color: rgba(255, 255, 255, 0.87);
4738
4741
  }
4739
- .p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon {
4742
+ .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon {
4740
4743
  color: rgba(255, 255, 255, 0.6);
4741
4744
  }
4742
- .p-breadcrumb ul li.p-breadcrumb-chevron {
4745
+ .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator {
4743
4746
  margin: 0 0.5rem 0 0.5rem;
4744
4747
  color: rgba(255, 255, 255, 0.87);
4745
4748
  }
4746
- .p-breadcrumb ul li:last-child .p-menuitem-text {
4749
+ .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text {
4747
4750
  color: rgba(255, 255, 255, 0.87);
4748
4751
  }
4749
- .p-breadcrumb ul li:last-child .p-menuitem-icon {
4752
+ .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon {
4750
4753
  color: rgba(255, 255, 255, 0.6);
4751
4754
  }
4752
4755
 
@@ -4759,97 +4762,100 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
4759
4762
  border-radius: 6px;
4760
4763
  width: 12.5rem;
4761
4764
  }
4762
- .p-contextmenu .p-menuitem-link {
4763
- padding: 0.75rem 1rem;
4764
- color: rgba(255, 255, 255, 0.87);
4765
+ .p-contextmenu .p-contextmenu-root-list {
4766
+ outline: 0 none;
4767
+ }
4768
+ .p-contextmenu .p-submenu-list {
4769
+ padding: 0.5rem 0.5rem;
4770
+ background: #161d21;
4771
+ border: 2px solid #263238;
4772
+ box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
4765
4773
  border-radius: 6px;
4774
+ }
4775
+ .p-contextmenu .p-menuitem > .p-menuitem-content {
4776
+ color: rgba(255, 255, 255, 0.87);
4766
4777
  transition: box-shadow 0.3s;
4778
+ border-radius: 6px;
4779
+ }
4780
+ .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
4781
+ color: rgba(255, 255, 255, 0.87);
4782
+ padding: 0.75rem 1rem;
4767
4783
  user-select: none;
4768
4784
  }
4769
- .p-contextmenu .p-menuitem-link .p-menuitem-text {
4785
+ .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
4770
4786
  color: rgba(255, 255, 255, 0.87);
4771
4787
  }
4772
- .p-contextmenu .p-menuitem-link .p-menuitem-icon {
4788
+ .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
4773
4789
  color: rgba(255, 255, 255, 0.6);
4774
4790
  margin-right: 0.5rem;
4775
4791
  }
4776
- .p-contextmenu .p-menuitem-link .p-submenu-icon {
4792
+ .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
4777
4793
  color: rgba(255, 255, 255, 0.6);
4778
4794
  }
4779
- .p-contextmenu .p-menuitem-link:not(.p-disabled):hover {
4780
- background: rgba(158, 173, 230, 0.08);
4781
- }
4782
- .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
4795
+ .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content {
4783
4796
  color: rgba(255, 255, 255, 0.87);
4797
+ background: rgba(158, 173, 230, 0.08);
4784
4798
  }
4785
- .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
4799
+ .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
4786
4800
  color: rgba(255, 255, 255, 0.87);
4787
4801
  }
4788
- .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
4802
+ .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
4789
4803
  color: rgba(255, 255, 255, 0.87);
4790
4804
  }
4791
- .p-contextmenu .p-menuitem-link:focus {
4792
- outline: 0 none;
4793
- outline-offset: 0;
4794
- box-shadow: inset 0 0 0 0.15rem #9eade6;
4805
+ .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
4806
+ background: rgba(158, 173, 230, 0.08);
4795
4807
  }
4796
- .p-contextmenu .p-submenu-list {
4797
- padding: 0.5rem 0.5rem;
4798
- background: #161d21;
4799
- border: 2px solid #263238;
4800
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
4801
- border-radius: 6px;
4808
+ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
4809
+ color: rgba(255, 255, 255, 0.87);
4810
+ background: rgba(158, 173, 230, 0.1);
4802
4811
  }
4803
- .p-contextmenu .p-menuitem {
4804
- margin: 0 0 4px 0;
4812
+ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
4813
+ color: rgba(255, 255, 255, 0.87);
4805
4814
  }
4806
- .p-contextmenu .p-menuitem:last-child {
4807
- margin: 0;
4815
+ .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 {
4816
+ color: rgba(255, 255, 255, 0.87);
4808
4817
  }
4809
- .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
4818
+ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
4819
+ color: rgba(255, 255, 255, 0.87);
4810
4820
  background: rgba(158, 173, 230, 0.08);
4811
4821
  }
4812
- .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
4822
+ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
4813
4823
  color: rgba(255, 255, 255, 0.87);
4814
4824
  }
4815
- .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
4825
+ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
4816
4826
  color: rgba(255, 255, 255, 0.87);
4817
4827
  }
4818
- .p-contextmenu .p-menu-separator {
4828
+ .p-contextmenu .p-menuitem-separator {
4819
4829
  border-top: 1px solid #263238;
4820
4830
  margin: 4px 0;
4821
4831
  }
4822
4832
  .p-contextmenu .p-submenu-icon {
4823
4833
  font-size: 0.875rem;
4824
4834
  }
4825
- .p-contextmenu .p-icon {
4835
+ .p-contextmenu .p-submenu-icon.p-icon {
4826
4836
  width: 0.875rem;
4827
4837
  height: 0.875rem;
4828
4838
  }
4829
- .p-contextmenu .p-menuitem-badge {
4830
- background: #9eade6;
4831
- color: #121212;
4832
- font-size: 0.75rem;
4833
- font-weight: 700;
4834
- min-width: 1.5rem;
4835
- height: 1.5rem;
4836
- line-height: 1.5rem;
4837
- border-radius: 6px;
4838
- margin-left: 0.5rem;
4839
- padding-left: 0.5rem;
4840
- padding-right: 0.5rem;
4841
- }
4842
4839
 
4843
- .p-dock .p-dock-list {
4840
+ .p-dock .p-dock-list-container {
4844
4841
  background: rgba(255, 255, 255, 0.1);
4845
4842
  border: 1px solid rgba(255, 255, 255, 0.2);
4846
4843
  padding: 0.5rem 0.5rem;
4847
4844
  border-radius: 0.5rem;
4848
4845
  }
4846
+ .p-dock .p-dock-list-container .p-dock-list {
4847
+ outline: 0 none;
4848
+ }
4849
4849
  .p-dock .p-dock-item {
4850
4850
  padding: 0.5rem;
4851
+ border-radius: 6px;
4852
+ }
4853
+ .p-dock .p-dock-item.p-focus {
4854
+ outline: 0 none;
4855
+ outline-offset: 0;
4856
+ box-shadow: inset 0 0 0 0.15rem #9eade6;
4851
4857
  }
4852
- .p-dock .p-dock-action {
4858
+ .p-dock .p-dock-link {
4853
4859
  width: 4rem;
4854
4860
  height: 4rem;
4855
4861
  }
@@ -4907,98 +4913,69 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
4907
4913
  border: 2px solid #263238;
4908
4914
  border-radius: 6px;
4909
4915
  }
4910
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link {
4911
- padding: 0.75rem 1rem;
4916
+ .p-megamenu .p-megamenu-root-list {
4917
+ outline: 0 none;
4918
+ }
4919
+ .p-megamenu .p-menuitem > .p-menuitem-content {
4912
4920
  color: rgba(255, 255, 255, 0.87);
4913
- border-radius: 6px;
4914
4921
  transition: box-shadow 0.3s;
4922
+ border-radius: 6px;
4923
+ }
4924
+ .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
4925
+ color: rgba(255, 255, 255, 0.87);
4926
+ padding: 0.75rem 1rem;
4915
4927
  user-select: none;
4916
4928
  }
4917
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
4929
+ .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
4918
4930
  color: rgba(255, 255, 255, 0.87);
4919
4931
  }
4920
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
4932
+ .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
4921
4933
  color: rgba(255, 255, 255, 0.6);
4922
4934
  margin-right: 0.5rem;
4923
4935
  }
4924
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
4936
+ .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
4925
4937
  color: rgba(255, 255, 255, 0.6);
4926
- margin-left: 0.5rem;
4927
4938
  }
4928
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
4929
- background: rgba(158, 173, 230, 0.08);
4930
- }
4931
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
4939
+ .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content {
4932
4940
  color: rgba(255, 255, 255, 0.87);
4941
+ background: rgba(158, 173, 230, 0.08);
4933
4942
  }
4934
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
4943
+ .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
4935
4944
  color: rgba(255, 255, 255, 0.87);
4936
4945
  }
4937
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
4946
+ .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
4938
4947
  color: rgba(255, 255, 255, 0.87);
4939
4948
  }
4940
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus {
4941
- outline: 0 none;
4942
- outline-offset: 0;
4943
- box-shadow: inset 0 0 0 0.15rem #9eade6;
4944
- }
4945
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
4946
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
4949
+ .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
4947
4950
  background: rgba(158, 173, 230, 0.08);
4948
4951
  }
4949
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
4950
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
4951
- color: rgba(255, 255, 255, 0.87);
4952
- }
4953
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
4954
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
4952
+ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
4955
4953
  color: rgba(255, 255, 255, 0.87);
4954
+ background: rgba(158, 173, 230, 0.1);
4956
4955
  }
4957
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
4958
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
4956
+ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
4959
4957
  color: rgba(255, 255, 255, 0.87);
4960
4958
  }
4961
- .p-megamenu .p-menuitem-link {
4962
- padding: 0.75rem 1rem;
4959
+ .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 {
4963
4960
  color: rgba(255, 255, 255, 0.87);
4964
- border-radius: 6px;
4965
- transition: box-shadow 0.3s;
4966
- user-select: none;
4967
4961
  }
4968
- .p-megamenu .p-menuitem-link .p-menuitem-text {
4962
+ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
4969
4963
  color: rgba(255, 255, 255, 0.87);
4970
- }
4971
- .p-megamenu .p-menuitem-link .p-menuitem-icon {
4972
- color: rgba(255, 255, 255, 0.6);
4973
- margin-right: 0.5rem;
4974
- }
4975
- .p-megamenu .p-menuitem-link .p-submenu-icon {
4976
- color: rgba(255, 255, 255, 0.6);
4977
- }
4978
- .p-megamenu .p-menuitem-link:not(.p-disabled):hover {
4979
4964
  background: rgba(158, 173, 230, 0.08);
4980
4965
  }
4981
- .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
4982
- color: rgba(255, 255, 255, 0.87);
4983
- }
4984
- .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
4966
+ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
4985
4967
  color: rgba(255, 255, 255, 0.87);
4986
4968
  }
4987
- .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
4969
+ .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 {
4988
4970
  color: rgba(255, 255, 255, 0.87);
4989
4971
  }
4990
- .p-megamenu .p-menuitem-link:focus {
4991
- outline: 0 none;
4992
- outline-offset: 0;
4993
- box-shadow: inset 0 0 0 0.15rem #9eade6;
4994
- }
4995
4972
  .p-megamenu .p-megamenu-panel {
4996
4973
  background: #161d21;
4997
4974
  color: rgba(255, 255, 255, 0.87);
4998
4975
  border: 2px solid #263238;
4999
4976
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
5000
4977
  }
5001
- .p-megamenu .p-megamenu-submenu-header {
4978
+ .p-megamenu .p-submenu-header {
5002
4979
  margin: 0;
5003
4980
  padding: 0.75rem 1rem;
5004
4981
  color: rgba(255, 255, 255, 0.87);
@@ -5007,51 +4984,47 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
5007
4984
  border-top-right-radius: 6px;
5008
4985
  border-top-left-radius: 6px;
5009
4986
  }
5010
- .p-megamenu .p-megamenu-submenu {
4987
+ .p-megamenu .p-submenu-list {
5011
4988
  padding: 0.5rem 0.5rem;
5012
4989
  width: 12.5rem;
5013
4990
  }
5014
- .p-megamenu .p-megamenu-submenu .p-menu-separator {
4991
+ .p-megamenu .p-submenu-list .p-menuitem-separator {
5015
4992
  border-top: 1px solid #263238;
5016
4993
  margin: 4px 0;
5017
4994
  }
5018
- .p-megamenu .p-megamenu-submenu .p-menuitem {
5019
- margin: 0 0 4px 0;
4995
+ .p-megamenu.p-megamenu-vertical {
4996
+ width: 12.5rem;
4997
+ padding: 0.5rem 0.5rem;
5020
4998
  }
5021
- .p-megamenu .p-megamenu-submenu .p-menuitem:last-child {
5022
- margin: 0;
4999
+ .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content {
5000
+ color: rgba(255, 255, 255, 0.87);
5001
+ transition: box-shadow 0.3s;
5002
+ border-radius: 6px;
5023
5003
  }
5024
- .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
5025
- background: rgba(158, 173, 230, 0.08);
5004
+ .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link {
5005
+ padding: 0.75rem 1rem;
5006
+ user-select: none;
5026
5007
  }
5027
- .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
5008
+ .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
5028
5009
  color: rgba(255, 255, 255, 0.87);
5029
5010
  }
5030
- .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
5031
- color: rgba(255, 255, 255, 0.87);
5011
+ .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
5012
+ color: rgba(255, 255, 255, 0.6);
5013
+ margin-right: 0.5rem;
5032
5014
  }
5033
- .p-megamenu.p-megamenu-vertical {
5034
- width: 12.5rem;
5035
- padding: 0.5rem 0.5rem;
5015
+ .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
5016
+ color: rgba(255, 255, 255, 0.6);
5017
+ margin-left: 0.5rem;
5036
5018
  }
5037
- .p-megamenu.p-megamenu-vertical .p-menuitem {
5038
- margin: 0 0 4px 0;
5019
+ .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
5020
+ color: rgba(255, 255, 255, 0.87);
5021
+ background: rgba(158, 173, 230, 0.08);
5039
5022
  }
5040
- .p-megamenu.p-megamenu-vertical .p-menuitem:last-child {
5041
- margin: 0;
5023
+ .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 {
5024
+ color: rgba(255, 255, 255, 0.87);
5042
5025
  }
5043
- .p-megamenu .p-menuitem-badge {
5044
- background: #9eade6;
5045
- color: #121212;
5046
- font-size: 0.75rem;
5047
- font-weight: 700;
5048
- min-width: 1.5rem;
5049
- height: 1.5rem;
5050
- line-height: 1.5rem;
5051
- border-radius: 6px;
5052
- margin-left: 0.5rem;
5053
- padding-left: 0.5rem;
5054
- padding-right: 0.5rem;
5026
+ .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 {
5027
+ color: rgba(255, 255, 255, 0.87);
5055
5028
  }
5056
5029
 
5057
5030
  .p-menu {
@@ -5062,39 +5035,58 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
5062
5035
  border-radius: 6px;
5063
5036
  width: 12.5rem;
5064
5037
  }
5065
- .p-menu .p-menuitem-link {
5066
- padding: 0.75rem 1rem;
5038
+ .p-menu .p-menuitem > .p-menuitem-content {
5067
5039
  color: rgba(255, 255, 255, 0.87);
5068
- border-radius: 6px;
5069
5040
  transition: box-shadow 0.3s;
5041
+ border-radius: 6px;
5042
+ }
5043
+ .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link {
5044
+ color: rgba(255, 255, 255, 0.87);
5045
+ padding: 0.75rem 1rem;
5070
5046
  user-select: none;
5071
5047
  }
5072
- .p-menu .p-menuitem-link .p-menuitem-text {
5048
+ .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
5073
5049
  color: rgba(255, 255, 255, 0.87);
5074
5050
  }
5075
- .p-menu .p-menuitem-link .p-menuitem-icon {
5051
+ .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
5076
5052
  color: rgba(255, 255, 255, 0.6);
5077
5053
  margin-right: 0.5rem;
5078
5054
  }
5079
- .p-menu .p-menuitem-link .p-submenu-icon {
5055
+ .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
5080
5056
  color: rgba(255, 255, 255, 0.6);
5081
5057
  }
5082
- .p-menu .p-menuitem-link:not(.p-disabled):hover {
5058
+ .p-menu .p-menuitem.p-highlight > .p-menuitem-content {
5059
+ color: rgba(255, 255, 255, 0.87);
5083
5060
  background: rgba(158, 173, 230, 0.08);
5084
5061
  }
5085
- .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
5062
+ .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
5086
5063
  color: rgba(255, 255, 255, 0.87);
5087
5064
  }
5088
- .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
5065
+ .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
5089
5066
  color: rgba(255, 255, 255, 0.87);
5090
5067
  }
5091
- .p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
5068
+ .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
5069
+ background: rgba(158, 173, 230, 0.08);
5070
+ }
5071
+ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
5092
5072
  color: rgba(255, 255, 255, 0.87);
5073
+ background: rgba(158, 173, 230, 0.1);
5093
5074
  }
5094
- .p-menu .p-menuitem-link:focus {
5095
- outline: 0 none;
5096
- outline-offset: 0;
5097
- box-shadow: inset 0 0 0 0.15rem #9eade6;
5075
+ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .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-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 {
5079
+ color: rgba(255, 255, 255, 0.87);
5080
+ }
5081
+ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
5082
+ color: rgba(255, 255, 255, 0.87);
5083
+ background: rgba(158, 173, 230, 0.08);
5084
+ }
5085
+ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
5086
+ color: rgba(255, 255, 255, 0.87);
5087
+ }
5088
+ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-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 {
5089
+ color: rgba(255, 255, 255, 0.87);
5098
5090
  }
5099
5091
  .p-menu.p-menu-overlay {
5100
5092
  background: #161d21;
@@ -5114,12 +5106,6 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
5114
5106
  border-top: 1px solid #263238;
5115
5107
  margin: 4px 0;
5116
5108
  }
5117
- .p-menu .p-menuitem {
5118
- margin: 0 0 4px 0;
5119
- }
5120
- .p-menu .p-menuitem:last-child {
5121
- margin: 0;
5122
- }
5123
5109
  .p-menu .p-menuitem-badge {
5124
5110
  background: #9eade6;
5125
5111
  color: #121212;
@@ -5141,89 +5127,90 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
5141
5127
  border: 2px solid #263238;
5142
5128
  border-radius: 6px;
5143
5129
  }
5144
- .p-menubar .p-menuitem-link {
5145
- padding: 0.75rem 1rem;
5130
+ .p-menubar .p-menubar-root-list {
5131
+ outline: 0 none;
5132
+ }
5133
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content {
5146
5134
  color: rgba(255, 255, 255, 0.87);
5147
- border-radius: 6px;
5148
5135
  transition: box-shadow 0.3s;
5136
+ border-radius: 6px;
5137
+ }
5138
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link {
5139
+ padding: 0.75rem 1rem;
5149
5140
  user-select: none;
5150
5141
  }
5151
- .p-menubar .p-menuitem-link .p-menuitem-text {
5142
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
5152
5143
  color: rgba(255, 255, 255, 0.87);
5153
5144
  }
5154
- .p-menubar .p-menuitem-link .p-menuitem-icon {
5145
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
5155
5146
  color: rgba(255, 255, 255, 0.6);
5156
5147
  margin-right: 0.5rem;
5157
5148
  }
5158
- .p-menubar .p-menuitem-link .p-submenu-icon {
5149
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
5159
5150
  color: rgba(255, 255, 255, 0.6);
5151
+ margin-left: 0.5rem;
5160
5152
  }
5161
- .p-menubar .p-menuitem-link:not(.p-disabled):hover {
5153
+ .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
5154
+ color: rgba(255, 255, 255, 0.87);
5162
5155
  background: rgba(158, 173, 230, 0.08);
5163
5156
  }
5164
- .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
5157
+ .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
5165
5158
  color: rgba(255, 255, 255, 0.87);
5166
5159
  }
5167
- .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
5160
+ .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
5168
5161
  color: rgba(255, 255, 255, 0.87);
5169
5162
  }
5170
- .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
5163
+ .p-menubar .p-menuitem > .p-menuitem-content {
5171
5164
  color: rgba(255, 255, 255, 0.87);
5165
+ transition: box-shadow 0.3s;
5166
+ border-radius: 6px;
5172
5167
  }
5173
- .p-menubar .p-menuitem-link:focus {
5174
- outline: 0 none;
5175
- outline-offset: 0;
5176
- box-shadow: inset 0 0 0 0.15rem #9eade6;
5177
- }
5178
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
5179
- padding: 0.75rem 1rem;
5168
+ .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link {
5180
5169
  color: rgba(255, 255, 255, 0.87);
5181
- border-radius: 6px;
5182
- transition: box-shadow 0.3s;
5170
+ padding: 0.75rem 1rem;
5183
5171
  user-select: none;
5184
5172
  }
5185
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
5173
+ .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
5186
5174
  color: rgba(255, 255, 255, 0.87);
5187
5175
  }
5188
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
5176
+ .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
5189
5177
  color: rgba(255, 255, 255, 0.6);
5190
5178
  margin-right: 0.5rem;
5191
5179
  }
5192
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
5180
+ .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
5193
5181
  color: rgba(255, 255, 255, 0.6);
5194
- margin-left: 0.5rem;
5195
5182
  }
5196
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
5183
+ .p-menubar .p-menuitem.p-highlight > .p-menuitem-content {
5184
+ color: rgba(255, 255, 255, 0.87);
5197
5185
  background: rgba(158, 173, 230, 0.08);
5198
5186
  }
5199
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
5187
+ .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
5200
5188
  color: rgba(255, 255, 255, 0.87);
5201
5189
  }
5202
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
5190
+ .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
5203
5191
  color: rgba(255, 255, 255, 0.87);
5204
5192
  }
5205
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
5193
+ .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
5194
+ background: rgba(158, 173, 230, 0.08);
5195
+ }
5196
+ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
5206
5197
  color: rgba(255, 255, 255, 0.87);
5198
+ background: rgba(158, 173, 230, 0.1);
5207
5199
  }
5208
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
5209
- outline: 0 none;
5210
- outline-offset: 0;
5211
- box-shadow: inset 0 0 0 0.15rem #9eade6;
5200
+ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
5201
+ color: rgba(255, 255, 255, 0.87);
5212
5202
  }
5213
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
5214
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
5215
- background: rgba(158, 173, 230, 0.08);
5203
+ .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 {
5204
+ color: rgba(255, 255, 255, 0.87);
5216
5205
  }
5217
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
5218
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
5206
+ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
5219
5207
  color: rgba(255, 255, 255, 0.87);
5208
+ background: rgba(158, 173, 230, 0.08);
5220
5209
  }
5221
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
5222
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
5210
+ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
5223
5211
  color: rgba(255, 255, 255, 0.87);
5224
5212
  }
5225
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
5226
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
5213
+ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
5227
5214
  color: rgba(255, 255, 255, 0.87);
5228
5215
  }
5229
5216
  .p-menubar .p-submenu-list {
@@ -5233,45 +5220,13 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
5233
5220
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
5234
5221
  width: 12.5rem;
5235
5222
  }
5236
- .p-menubar .p-submenu-list .p-menu-separator {
5223
+ .p-menubar .p-submenu-list .p-menuitem-separator {
5237
5224
  border-top: 1px solid #263238;
5238
5225
  margin: 4px 0;
5239
5226
  }
5240
5227
  .p-menubar .p-submenu-list .p-submenu-icon {
5241
5228
  font-size: 0.875rem;
5242
5229
  }
5243
- .p-menubar .p-submenu-list .p-icon {
5244
- width: 0.875rem;
5245
- height: 0.875rem;
5246
- }
5247
- .p-menubar .p-submenu-list .p-menuitem {
5248
- margin: 0 0 4px 0;
5249
- }
5250
- .p-menubar .p-submenu-list .p-menuitem:last-child {
5251
- margin: 0;
5252
- }
5253
- .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link {
5254
- background: rgba(158, 173, 230, 0.08);
5255
- }
5256
- .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
5257
- color: rgba(255, 255, 255, 0.87);
5258
- }
5259
- .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
5260
- color: rgba(255, 255, 255, 0.87);
5261
- }
5262
- .p-menubar .p-menuitem-badge {
5263
- background: #9eade6;
5264
- color: #121212;
5265
- font-size: 0.75rem;
5266
- font-weight: 700;
5267
- min-width: 1.5rem;
5268
- height: 1.5rem;
5269
- line-height: 1.5rem;
5270
- border-radius: 6px;
5271
- margin-left: 0.5rem;
5272
- padding-left: 0.5rem;
5273
- padding-right: 0.5rem;
5274
- }
5275
5230
 
5276
5231
  @media screen and (max-width: 960px) {
5277
5232
  .p-menubar {
@@ -5303,56 +5258,22 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
5303
5258
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
5304
5259
  width: 100%;
5305
5260
  }
5306
- .p-menubar .p-menubar-root-list .p-menu-separator {
5261
+ .p-menubar .p-menubar-root-list .p-menuitem-separator {
5307
5262
  border-top: 1px solid #263238;
5308
5263
  margin: 4px 0;
5309
5264
  }
5310
5265
  .p-menubar .p-menubar-root-list .p-submenu-icon {
5311
5266
  font-size: 0.875rem;
5312
5267
  }
5313
- .p-menubar .p-menubar-root-list > .p-menuitem {
5268
+ .p-menubar .p-menubar-root-list .p-menuitem {
5314
5269
  width: 100%;
5315
5270
  position: static;
5316
5271
  }
5317
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
5318
- padding: 0.75rem 1rem;
5319
- color: rgba(255, 255, 255, 0.87);
5320
- border-radius: 6px;
5321
- transition: box-shadow 0.3s;
5322
- user-select: none;
5323
- }
5324
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
5325
- color: rgba(255, 255, 255, 0.87);
5326
- }
5327
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
5328
- color: rgba(255, 255, 255, 0.6);
5329
- margin-right: 0.5rem;
5330
- }
5331
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
5332
- color: rgba(255, 255, 255, 0.6);
5333
- }
5334
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
5335
- background: rgba(158, 173, 230, 0.08);
5336
- }
5337
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
5338
- color: rgba(255, 255, 255, 0.87);
5339
- }
5340
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
5341
- color: rgba(255, 255, 255, 0.87);
5342
- }
5343
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
5344
- color: rgba(255, 255, 255, 0.87);
5345
- }
5346
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
5347
- outline: 0 none;
5348
- outline-offset: 0;
5349
- box-shadow: inset 0 0 0 0.15rem #9eade6;
5350
- }
5351
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon {
5272
+ .p-menubar .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
5352
5273
  margin-left: auto;
5353
5274
  transition: transform 0.3s;
5354
5275
  }
5355
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
5276
+ .p-menubar .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
5356
5277
  transform: rotate(-180deg);
5357
5278
  }
5358
5279
  .p-menubar .p-menubar-root-list .p-submenu-list {
@@ -5365,7 +5286,7 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
5365
5286
  transition: transform 0.3s;
5366
5287
  transform: rotate(90deg);
5367
5288
  }
5368
- .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
5289
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
5369
5290
  transform: rotate(-90deg);
5370
5291
  }
5371
5292
  .p-menubar .p-menubar-root-list .p-menuitem {
@@ -5395,42 +5316,46 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
5395
5316
  z-index: 1;
5396
5317
  }
5397
5318
  }
5398
- .p-panelmenu .p-panelmenu-header > a {
5399
- padding: 1rem;
5319
+ .p-panelmenu .p-panelmenu-header {
5320
+ outline: 0 none;
5321
+ }
5322
+ .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content {
5400
5323
  border: 2px solid #263238;
5401
5324
  color: rgba(255, 255, 255, 0.87);
5402
5325
  background: #161d21;
5403
- font-weight: 600;
5404
5326
  border-radius: 6px;
5405
5327
  transition: box-shadow 0.3s;
5406
5328
  }
5407
- .p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon {
5329
+ .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action {
5330
+ color: rgba(255, 255, 255, 0.87);
5331
+ padding: 1rem;
5332
+ font-weight: 600;
5333
+ }
5334
+ .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon {
5408
5335
  margin-right: 0.5rem;
5409
5336
  }
5410
- .p-panelmenu .p-panelmenu-header > a .p-menuitem-icon {
5337
+ .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
5411
5338
  margin-right: 0.5rem;
5412
5339
  }
5413
- .p-panelmenu .p-panelmenu-header > a:focus {
5340
+ .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus .p-panelmenu-header-content {
5414
5341
  outline: 0 none;
5415
5342
  outline-offset: 0;
5416
- box-shadow: 0 0 0 1px #9eade6;
5343
+ box-shadow: inset 0 0 0 1px #9eade6;
5417
5344
  }
5418
- .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover {
5345
+ .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content {
5419
5346
  background: rgba(158, 173, 230, 0.08);
5420
5347
  border-color: #263238;
5421
5348
  color: rgba(255, 255, 255, 0.87);
5422
5349
  }
5423
- .p-panelmenu .p-panelmenu-header.p-highlight {
5424
- margin-bottom: 0;
5425
- }
5426
- .p-panelmenu .p-panelmenu-header.p-highlight > a {
5350
+ .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content {
5427
5351
  background: #161d21;
5428
5352
  border-color: #263238;
5429
5353
  color: rgba(255, 255, 255, 0.87);
5430
5354
  border-bottom-right-radius: 0;
5431
5355
  border-bottom-left-radius: 0;
5356
+ margin-bottom: 0;
5432
5357
  }
5433
- .p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover {
5358
+ .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content {
5434
5359
  border-color: #263238;
5435
5360
  background: rgba(158, 173, 230, 0.08);
5436
5361
  color: rgba(255, 255, 255, 0.87);
@@ -5440,73 +5365,98 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
5440
5365
  border: 2px solid #263238;
5441
5366
  background: #161d21;
5442
5367
  color: rgba(255, 255, 255, 0.87);
5443
- margin-bottom: 0;
5444
5368
  border-top: 0;
5445
5369
  border-top-right-radius: 0;
5446
5370
  border-top-left-radius: 0;
5447
5371
  border-bottom-right-radius: 6px;
5448
5372
  border-bottom-left-radius: 6px;
5449
5373
  }
5450
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link {
5451
- padding: 0.75rem 1rem;
5374
+ .p-panelmenu .p-panelmenu-content .p-panelmenu-root-list {
5375
+ outline: 0 none;
5376
+ }
5377
+ .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content {
5452
5378
  color: rgba(255, 255, 255, 0.87);
5453
- border-radius: 6px;
5454
5379
  transition: box-shadow 0.3s;
5380
+ border-radius: 6px;
5381
+ }
5382
+ .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link {
5383
+ color: rgba(255, 255, 255, 0.87);
5384
+ padding: 0.75rem 1rem;
5455
5385
  user-select: none;
5456
5386
  }
5457
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text {
5387
+ .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
5458
5388
  color: rgba(255, 255, 255, 0.87);
5459
5389
  }
5460
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon {
5390
+ .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
5461
5391
  color: rgba(255, 255, 255, 0.6);
5462
5392
  margin-right: 0.5rem;
5463
5393
  }
5464
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon {
5394
+ .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
5465
5395
  color: rgba(255, 255, 255, 0.6);
5466
5396
  }
5467
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover {
5397
+ .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content {
5398
+ color: rgba(255, 255, 255, 0.87);
5468
5399
  background: rgba(158, 173, 230, 0.08);
5469
5400
  }
5470
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
5401
+ .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
5471
5402
  color: rgba(255, 255, 255, 0.87);
5472
5403
  }
5473
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
5404
+ .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
5474
5405
  color: rgba(255, 255, 255, 0.87);
5475
5406
  }
5476
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
5407
+ .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
5408
+ background: rgba(158, 173, 230, 0.08);
5409
+ }
5410
+ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
5477
5411
  color: rgba(255, 255, 255, 0.87);
5412
+ background: rgba(158, 173, 230, 0.1);
5478
5413
  }
5479
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus {
5480
- outline: 0 none;
5481
- outline-offset: 0;
5482
- box-shadow: inset 0 0 0 0.15rem #9eade6;
5414
+ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .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-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 {
5418
+ color: rgba(255, 255, 255, 0.87);
5419
+ }
5420
+ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
5421
+ color: rgba(255, 255, 255, 0.87);
5422
+ background: rgba(158, 173, 230, 0.08);
5423
+ }
5424
+ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
5425
+ color: rgba(255, 255, 255, 0.87);
5483
5426
  }
5484
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon {
5427
+ .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 {
5428
+ color: rgba(255, 255, 255, 0.87);
5429
+ }
5430
+ .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
5485
5431
  margin-right: 0.5rem;
5486
5432
  }
5487
- .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) {
5433
+ .p-panelmenu .p-panelmenu-content .p-menuitem-separator {
5434
+ border-top: 1px solid #263238;
5435
+ margin: 4px 0;
5436
+ }
5437
+ .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) {
5488
5438
  padding: 0 0 0 1rem;
5489
5439
  }
5490
5440
  .p-panelmenu .p-panelmenu-panel {
5491
5441
  margin-bottom: 0;
5492
5442
  }
5493
- .p-panelmenu .p-panelmenu-panel .p-panelmenu-header > a {
5443
+ .p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-header-content {
5494
5444
  border-radius: 0;
5495
5445
  }
5496
5446
  .p-panelmenu .p-panelmenu-panel .p-panelmenu-content {
5497
5447
  border-radius: 0;
5498
5448
  }
5499
- .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header > a {
5449
+ .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header .p-panelmenu-header-content {
5500
5450
  border-top: 0 none;
5501
5451
  }
5502
- .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover > a, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover > a {
5452
+ .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content {
5503
5453
  border-top: 0 none;
5504
5454
  }
5505
- .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a {
5455
+ .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header .p-panelmenu-header-content {
5506
5456
  border-top-right-radius: 6px;
5507
5457
  border-top-left-radius: 6px;
5508
5458
  }
5509
- .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a {
5459
+ .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) .p-panelmenu-header-content {
5510
5460
  border-bottom-right-radius: 6px;
5511
5461
  border-bottom-left-radius: 6px;
5512
5462
  }
@@ -5514,19 +5464,6 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
5514
5464
  border-bottom-right-radius: 6px;
5515
5465
  border-bottom-left-radius: 6px;
5516
5466
  }
5517
- .p-panelmenu .p-menuitem-badge {
5518
- background: #9eade6;
5519
- color: #121212;
5520
- font-size: 0.75rem;
5521
- font-weight: 700;
5522
- min-width: 1.5rem;
5523
- height: 1.5rem;
5524
- line-height: 1.5rem;
5525
- border-radius: 6px;
5526
- margin-left: 0.5rem;
5527
- padding-left: 0.5rem;
5528
- padding-right: 0.5rem;
5529
- }
5530
5467
 
5531
5468
  .p-slidemenu {
5532
5469
  padding: 0.5rem 0.5rem;
@@ -5536,39 +5473,64 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
5536
5473
  border-radius: 6px;
5537
5474
  width: 12.5rem;
5538
5475
  }
5539
- .p-slidemenu .p-menuitem-link {
5540
- padding: 0.75rem 1rem;
5476
+ .p-slidemenu .p-slidemenu-root-list {
5477
+ outline: 0 none;
5478
+ }
5479
+ .p-slidemenu .p-submenu-list {
5480
+ outline: 0 none;
5481
+ }
5482
+ .p-slidemenu .p-menuitem > .p-menuitem-content {
5541
5483
  color: rgba(255, 255, 255, 0.87);
5542
- border-radius: 6px;
5543
5484
  transition: box-shadow 0.3s;
5485
+ border-radius: 6px;
5486
+ }
5487
+ .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
5488
+ color: rgba(255, 255, 255, 0.87);
5489
+ padding: 0.75rem 1rem;
5544
5490
  user-select: none;
5545
5491
  }
5546
- .p-slidemenu .p-menuitem-link .p-menuitem-text {
5492
+ .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
5547
5493
  color: rgba(255, 255, 255, 0.87);
5548
5494
  }
5549
- .p-slidemenu .p-menuitem-link .p-menuitem-icon {
5495
+ .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
5550
5496
  color: rgba(255, 255, 255, 0.6);
5551
5497
  margin-right: 0.5rem;
5552
5498
  }
5553
- .p-slidemenu .p-menuitem-link .p-submenu-icon {
5499
+ .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
5554
5500
  color: rgba(255, 255, 255, 0.6);
5555
5501
  }
5556
- .p-slidemenu .p-menuitem-link:not(.p-disabled):hover {
5502
+ .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content {
5503
+ color: rgba(255, 255, 255, 0.87);
5557
5504
  background: rgba(158, 173, 230, 0.08);
5558
5505
  }
5559
- .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
5506
+ .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
5560
5507
  color: rgba(255, 255, 255, 0.87);
5561
5508
  }
5562
- .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
5509
+ .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 {
5563
5510
  color: rgba(255, 255, 255, 0.87);
5564
5511
  }
5565
- .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
5512
+ .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
5513
+ background: rgba(158, 173, 230, 0.08);
5514
+ }
5515
+ .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
5566
5516
  color: rgba(255, 255, 255, 0.87);
5517
+ background: rgba(158, 173, 230, 0.1);
5567
5518
  }
5568
- .p-slidemenu .p-menuitem-link:focus {
5569
- outline: 0 none;
5570
- outline-offset: 0;
5571
- box-shadow: inset 0 0 0 0.15rem #9eade6;
5519
+ .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .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-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 {
5523
+ color: rgba(255, 255, 255, 0.87);
5524
+ }
5525
+ .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
5526
+ color: rgba(255, 255, 255, 0.87);
5527
+ background: rgba(158, 173, 230, 0.08);
5528
+ }
5529
+ .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
5530
+ color: rgba(255, 255, 255, 0.87);
5531
+ }
5532
+ .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 {
5533
+ color: rgba(255, 255, 255, 0.87);
5572
5534
  }
5573
5535
  .p-slidemenu.p-slidemenu-overlay {
5574
5536
  background: #161d21;
@@ -5581,16 +5543,7 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
5581
5543
  border: 2px solid #263238;
5582
5544
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
5583
5545
  }
5584
- .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link {
5585
- background: rgba(158, 173, 230, 0.08);
5586
- }
5587
- .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-text {
5588
- color: rgba(255, 255, 255, 0.87);
5589
- }
5590
- .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon, .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon {
5591
- color: rgba(255, 255, 255, 0.87);
5592
- }
5593
- .p-slidemenu .p-slidemenu-separator {
5546
+ .p-slidemenu .p-menuitem-separator {
5594
5547
  border-top: 1px solid #263238;
5595
5548
  margin: 4px 0;
5596
5549
  }
@@ -5605,6 +5558,11 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
5605
5558
  padding: 0.75rem 1rem;
5606
5559
  color: rgba(255, 255, 255, 0.87);
5607
5560
  }
5561
+ .p-slidemenu .p-slidemenu-backward:not(.p-disabled):focus {
5562
+ outline: 0 none;
5563
+ outline-offset: 0;
5564
+ box-shadow: inset 0 0 0 1px #9eade6;
5565
+ }
5608
5566
  .p-slidemenu .p-menuitem-badge {
5609
5567
  background: #9eade6;
5610
5568
  color: #121212;
@@ -5743,90 +5701,84 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
5743
5701
  border-radius: 6px;
5744
5702
  width: 12.5rem;
5745
5703
  }
5746
- .p-tieredmenu .p-menuitem-link {
5747
- padding: 0.75rem 1rem;
5704
+ .p-tieredmenu.p-tieredmenu-overlay {
5705
+ background: #161d21;
5706
+ border: 2px solid #263238;
5707
+ 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);
5708
+ }
5709
+ .p-tieredmenu .p-tieredmenu-root-list {
5710
+ outline: 0 none;
5711
+ }
5712
+ .p-tieredmenu .p-submenu-list {
5713
+ padding: 0.5rem 0.5rem;
5714
+ background: #161d21;
5715
+ border: 2px solid #263238;
5716
+ 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);
5717
+ }
5718
+ .p-tieredmenu .p-menuitem > .p-menuitem-content {
5748
5719
  color: rgba(255, 255, 255, 0.87);
5749
- border-radius: 6px;
5750
5720
  transition: box-shadow 0.3s;
5721
+ border-radius: 6px;
5722
+ }
5723
+ .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
5724
+ color: rgba(255, 255, 255, 0.87);
5725
+ padding: 0.75rem 1rem;
5751
5726
  user-select: none;
5752
5727
  }
5753
- .p-tieredmenu .p-menuitem-link .p-menuitem-text {
5728
+ .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
5754
5729
  color: rgba(255, 255, 255, 0.87);
5755
5730
  }
5756
- .p-tieredmenu .p-menuitem-link .p-menuitem-icon {
5731
+ .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
5757
5732
  color: rgba(255, 255, 255, 0.6);
5758
5733
  margin-right: 0.5rem;
5759
5734
  }
5760
- .p-tieredmenu .p-menuitem-link .p-submenu-icon {
5735
+ .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
5761
5736
  color: rgba(255, 255, 255, 0.6);
5762
5737
  }
5763
- .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover {
5764
- background: rgba(158, 173, 230, 0.08);
5765
- }
5766
- .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
5738
+ .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content {
5767
5739
  color: rgba(255, 255, 255, 0.87);
5740
+ background: rgba(158, 173, 230, 0.08);
5768
5741
  }
5769
- .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
5742
+ .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
5770
5743
  color: rgba(255, 255, 255, 0.87);
5771
5744
  }
5772
- .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
5745
+ .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
5773
5746
  color: rgba(255, 255, 255, 0.87);
5774
5747
  }
5775
- .p-tieredmenu .p-menuitem-link:focus {
5776
- outline: 0 none;
5777
- outline-offset: 0;
5778
- box-shadow: inset 0 0 0 0.15rem #9eade6;
5779
- }
5780
- .p-tieredmenu.p-tieredmenu-overlay {
5781
- background: #161d21;
5782
- border: 2px solid #263238;
5783
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
5748
+ .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
5749
+ background: rgba(158, 173, 230, 0.08);
5784
5750
  }
5785
- .p-tieredmenu .p-submenu-list {
5786
- padding: 0.5rem 0.5rem;
5787
- background: #161d21;
5788
- border: 2px solid #263238;
5789
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
5751
+ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
5752
+ color: rgba(255, 255, 255, 0.87);
5753
+ background: rgba(158, 173, 230, 0.1);
5790
5754
  }
5791
- .p-tieredmenu .p-menuitem {
5792
- margin: 0 0 4px 0;
5755
+ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
5756
+ color: rgba(255, 255, 255, 0.87);
5793
5757
  }
5794
- .p-tieredmenu .p-menuitem:last-child {
5795
- margin: 0;
5758
+ .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 {
5759
+ color: rgba(255, 255, 255, 0.87);
5796
5760
  }
5797
- .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
5761
+ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
5762
+ color: rgba(255, 255, 255, 0.87);
5798
5763
  background: rgba(158, 173, 230, 0.08);
5799
5764
  }
5800
- .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
5765
+ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
5801
5766
  color: rgba(255, 255, 255, 0.87);
5802
5767
  }
5803
- .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
5768
+ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
5804
5769
  color: rgba(255, 255, 255, 0.87);
5805
5770
  }
5806
- .p-tieredmenu .p-menu-separator {
5771
+ .p-tieredmenu .p-menuitem-separator {
5807
5772
  border-top: 1px solid #263238;
5808
5773
  margin: 4px 0;
5809
5774
  }
5810
5775
  .p-tieredmenu .p-submenu-icon {
5811
5776
  font-size: 0.875rem;
5812
5777
  }
5813
- .p-tieredmenu .p-icon {
5778
+ .p-tieredmenu .p-submenu-icon.p-icon {
5814
5779
  width: 0.875rem;
5815
5780
  height: 0.875rem;
5816
5781
  }
5817
- .p-tieredmenu .p-menuitem-badge {
5818
- background: #9eade6;
5819
- color: #121212;
5820
- font-size: 0.75rem;
5821
- font-weight: 700;
5822
- min-width: 1.5rem;
5823
- height: 1.5rem;
5824
- line-height: 1.5rem;
5825
- border-radius: 6px;
5826
- margin-left: 0.5rem;
5827
- padding-left: 0.5rem;
5828
- padding-right: 0.5rem;
5829
- }
5830
5782
 
5831
5783
  .p-inline-message {
5832
5784
  padding: 0.5rem 0.75rem;