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