primereact 9.1.0 → 9.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (261) hide show
  1. package/accordion/package.json +7 -0
  2. package/api/api.d.ts +2 -2
  3. package/api/package.json +7 -0
  4. package/autocomplete/autocomplete.cjs.js +1 -0
  5. package/autocomplete/autocomplete.cjs.min.js +1 -1
  6. package/autocomplete/autocomplete.esm.js +1 -0
  7. package/autocomplete/autocomplete.esm.min.js +1 -1
  8. package/autocomplete/autocomplete.js +1 -0
  9. package/autocomplete/autocomplete.min.js +1 -1
  10. package/autocomplete/package.json +7 -0
  11. package/avatar/avatar.cjs.js +2 -2
  12. package/avatar/avatar.cjs.min.js +1 -1
  13. package/avatar/avatar.esm.js +2 -2
  14. package/avatar/avatar.esm.min.js +1 -1
  15. package/avatar/avatar.js +2 -2
  16. package/avatar/avatar.min.js +1 -1
  17. package/avatar/package.json +7 -0
  18. package/avatargroup/package.json +7 -0
  19. package/badge/package.json +7 -0
  20. package/blockui/package.json +7 -0
  21. package/breadcrumb/package.json +7 -0
  22. package/button/package.json +7 -0
  23. package/calendar/calendar.cjs.js +2 -2
  24. package/calendar/calendar.cjs.min.js +1 -1
  25. package/calendar/calendar.esm.js +2 -2
  26. package/calendar/calendar.esm.min.js +1 -1
  27. package/calendar/calendar.js +2 -2
  28. package/calendar/calendar.min.js +1 -1
  29. package/calendar/package.json +7 -0
  30. package/card/package.json +7 -0
  31. package/carousel/package.json +7 -0
  32. package/cascadeselect/package.json +7 -0
  33. package/chart/package.json +7 -0
  34. package/checkbox/package.json +7 -0
  35. package/chip/package.json +7 -0
  36. package/chips/package.json +7 -0
  37. package/colorpicker/package.json +7 -0
  38. package/column/package.json +7 -0
  39. package/columngroup/package.json +7 -0
  40. package/confirmdialog/package.json +7 -0
  41. package/confirmpopup/package.json +7 -0
  42. package/contextmenu/contextmenu.cjs.js +61 -18
  43. package/contextmenu/contextmenu.cjs.min.js +1 -1
  44. package/contextmenu/contextmenu.d.ts +9 -0
  45. package/contextmenu/contextmenu.esm.js +63 -20
  46. package/contextmenu/contextmenu.esm.min.js +1 -1
  47. package/contextmenu/contextmenu.js +61 -18
  48. package/contextmenu/contextmenu.min.js +1 -1
  49. package/contextmenu/package.json +7 -0
  50. package/core/core.js +226 -115
  51. package/core/core.min.js +4 -4
  52. package/csstransition/package.json +7 -0
  53. package/datascroller/package.json +7 -0
  54. package/datatable/datatable.cjs.js +84 -79
  55. package/datatable/datatable.cjs.min.js +1 -1
  56. package/datatable/datatable.d.ts +2 -11
  57. package/datatable/datatable.esm.js +85 -80
  58. package/datatable/datatable.esm.min.js +1 -1
  59. package/datatable/datatable.js +84 -79
  60. package/datatable/datatable.min.css +1 -1
  61. package/datatable/datatable.min.js +1 -1
  62. package/datatable/package.json +7 -0
  63. package/dataview/package.json +7 -0
  64. package/deferredcontent/package.json +7 -0
  65. package/dialog/package.json +7 -0
  66. package/divider/package.json +7 -0
  67. package/dock/package.json +7 -0
  68. package/dropdown/dropdown.cjs.js +1 -0
  69. package/dropdown/dropdown.cjs.min.js +1 -1
  70. package/dropdown/dropdown.esm.js +1 -0
  71. package/dropdown/dropdown.esm.min.js +1 -1
  72. package/dropdown/dropdown.js +1 -0
  73. package/dropdown/dropdown.min.js +1 -1
  74. package/dropdown/package.json +7 -0
  75. package/editor/package.json +7 -0
  76. package/fieldset/package.json +7 -0
  77. package/fileupload/package.json +7 -0
  78. package/galleria/package.json +7 -0
  79. package/hooks/hooks.cjs.js +34 -2
  80. package/hooks/hooks.cjs.min.js +1 -1
  81. package/hooks/hooks.d.ts +13 -0
  82. package/hooks/hooks.esm.js +34 -3
  83. package/hooks/hooks.esm.min.js +1 -1
  84. package/hooks/hooks.js +34 -2
  85. package/hooks/hooks.min.js +1 -1
  86. package/hooks/package.json +7 -0
  87. package/image/package.json +7 -0
  88. package/inplace/package.json +7 -0
  89. package/inputmask/package.json +7 -0
  90. package/inputnumber/package.json +7 -0
  91. package/inputswitch/package.json +7 -0
  92. package/inputtext/inputtext.min.css +1 -1
  93. package/inputtext/package.json +7 -0
  94. package/inputtextarea/package.json +7 -0
  95. package/keyfilter/package.json +7 -0
  96. package/knob/package.json +7 -0
  97. package/listbox/listbox.cjs.js +5 -4
  98. package/listbox/listbox.cjs.min.js +1 -1
  99. package/listbox/listbox.esm.js +5 -4
  100. package/listbox/listbox.esm.min.js +1 -1
  101. package/listbox/listbox.js +5 -4
  102. package/listbox/listbox.min.js +1 -1
  103. package/listbox/package.json +7 -0
  104. package/megamenu/megamenu.cjs.js +91 -6
  105. package/megamenu/megamenu.cjs.min.js +1 -1
  106. package/megamenu/megamenu.d.ts +9 -0
  107. package/megamenu/megamenu.esm.js +93 -8
  108. package/megamenu/megamenu.esm.min.js +1 -1
  109. package/megamenu/megamenu.js +91 -6
  110. package/megamenu/megamenu.min.css +1 -1
  111. package/megamenu/megamenu.min.js +1 -1
  112. package/megamenu/package.json +7 -0
  113. package/mention/package.json +7 -0
  114. package/menu/package.json +7 -0
  115. package/menubar/package.json +7 -0
  116. package/menuitem/package.json +4 -0
  117. package/message/package.json +7 -0
  118. package/messages/package.json +7 -0
  119. package/multiselect/multiselect.cjs.js +1 -0
  120. package/multiselect/multiselect.cjs.min.js +1 -1
  121. package/multiselect/multiselect.esm.js +1 -0
  122. package/multiselect/multiselect.esm.min.js +1 -1
  123. package/multiselect/multiselect.js +1 -0
  124. package/multiselect/multiselect.min.js +1 -1
  125. package/multiselect/package.json +7 -0
  126. package/multistatecheckbox/package.json +7 -0
  127. package/orderlist/package.json +7 -0
  128. package/organizationchart/package.json +7 -0
  129. package/overlaypanel/package.json +7 -0
  130. package/overlayservice/package.json +7 -0
  131. package/package.json +1 -1
  132. package/paginator/package.json +7 -0
  133. package/panel/package.json +7 -0
  134. package/panelmenu/package.json +7 -0
  135. package/password/package.json +7 -0
  136. package/picklist/package.json +7 -0
  137. package/portal/package.json +6 -0
  138. package/primereact.all.cjs.js +554 -244
  139. package/primereact.all.cjs.min.js +1 -1
  140. package/primereact.all.esm.js +554 -245
  141. package/primereact.all.esm.min.js +1 -1
  142. package/primereact.all.js +554 -244
  143. package/primereact.all.min.js +1 -1
  144. package/progressbar/package.json +7 -0
  145. package/progressspinner/package.json +7 -0
  146. package/radiobutton/package.json +7 -0
  147. package/rating/package.json +7 -0
  148. package/resources/primereact.css +781 -832
  149. package/resources/primereact.min.css +1 -1
  150. package/resources/themes/arya-blue/theme.css +130 -2
  151. package/resources/themes/arya-green/theme.css +130 -2
  152. package/resources/themes/arya-orange/theme.css +130 -2
  153. package/resources/themes/arya-purple/theme.css +130 -2
  154. package/resources/themes/bootstrap4-dark-blue/theme.css +131 -2
  155. package/resources/themes/bootstrap4-dark-purple/theme.css +131 -2
  156. package/resources/themes/bootstrap4-light-blue/theme.css +131 -2
  157. package/resources/themes/bootstrap4-light-purple/theme.css +131 -2
  158. package/resources/themes/fluent-light/theme.css +131 -2
  159. package/resources/themes/lara-dark-blue/theme.css +131 -2
  160. package/resources/themes/lara-dark-indigo/theme.css +131 -2
  161. package/resources/themes/lara-dark-purple/theme.css +131 -2
  162. package/resources/themes/lara-dark-teal/theme.css +131 -2
  163. package/resources/themes/lara-light-blue/theme.css +131 -2
  164. package/resources/themes/lara-light-indigo/theme.css +131 -2
  165. package/resources/themes/lara-light-purple/theme.css +131 -2
  166. package/resources/themes/lara-light-teal/theme.css +131 -2
  167. package/resources/themes/luna-amber/theme.css +131 -2
  168. package/resources/themes/luna-blue/theme.css +131 -2
  169. package/resources/themes/luna-green/theme.css +131 -2
  170. package/resources/themes/luna-pink/theme.css +131 -2
  171. package/resources/themes/md-dark-deeppurple/theme.css +131 -2
  172. package/resources/themes/md-dark-indigo/theme.css +131 -2
  173. package/resources/themes/md-light-deeppurple/theme.css +131 -2
  174. package/resources/themes/md-light-indigo/theme.css +131 -2
  175. package/resources/themes/mdc-dark-deeppurple/theme.css +131 -2
  176. package/resources/themes/mdc-dark-indigo/theme.css +131 -2
  177. package/resources/themes/mdc-light-deeppurple/theme.css +131 -2
  178. package/resources/themes/mdc-light-indigo/theme.css +131 -2
  179. package/resources/themes/mira/theme.css +131 -2
  180. package/resources/themes/nano/theme.css +131 -2
  181. package/resources/themes/nova/theme.css +131 -2
  182. package/resources/themes/nova-accent/theme.css +131 -2
  183. package/resources/themes/nova-alt/theme.css +131 -2
  184. package/resources/themes/rhea/theme.css +131 -2
  185. package/resources/themes/saga-blue/theme.css +131 -2
  186. package/resources/themes/saga-green/theme.css +131 -2
  187. package/resources/themes/saga-orange/theme.css +131 -2
  188. package/resources/themes/saga-purple/theme.css +131 -2
  189. package/resources/themes/soho-dark/theme.css +131 -2
  190. package/resources/themes/soho-light/theme.css +131 -2
  191. package/resources/themes/tailwind-light/theme.css +131 -2
  192. package/resources/themes/vela-blue/theme.css +131 -2
  193. package/resources/themes/vela-green/theme.css +131 -2
  194. package/resources/themes/vela-orange/theme.css +131 -2
  195. package/resources/themes/vela-purple/theme.css +131 -2
  196. package/resources/themes/viva-dark/theme.css +131 -2
  197. package/resources/themes/viva-light/theme.css +131 -2
  198. package/ripple/package.json +7 -0
  199. package/row/package.json +7 -0
  200. package/scrollpanel/package.json +7 -0
  201. package/scrolltop/package.json +7 -0
  202. package/selectbutton/package.json +7 -0
  203. package/selectitem/package.json +4 -0
  204. package/sidebar/package.json +7 -0
  205. package/skeleton/package.json +7 -0
  206. package/slidemenu/package.json +7 -0
  207. package/slider/package.json +7 -0
  208. package/speeddial/package.json +7 -0
  209. package/splitbutton/package.json +7 -0
  210. package/splitter/package.json +7 -0
  211. package/steps/package.json +7 -0
  212. package/styleclass/package.json +7 -0
  213. package/tabmenu/package.json +7 -0
  214. package/tabview/package.json +7 -0
  215. package/tag/package.json +7 -0
  216. package/terminal/package.json +7 -0
  217. package/terminalservice/package.json +7 -0
  218. package/tieredmenu/package.json +7 -0
  219. package/tieredmenu/tieredmenu.cjs.js +69 -9
  220. package/tieredmenu/tieredmenu.cjs.min.js +1 -1
  221. package/tieredmenu/tieredmenu.d.ts +9 -0
  222. package/tieredmenu/tieredmenu.esm.js +71 -11
  223. package/tieredmenu/tieredmenu.esm.min.js +1 -1
  224. package/tieredmenu/tieredmenu.js +69 -9
  225. package/tieredmenu/tieredmenu.min.js +1 -1
  226. package/timeline/package.json +7 -0
  227. package/toast/package.json +7 -0
  228. package/toast/toast.min.css +1 -1
  229. package/togglebutton/package.json +7 -0
  230. package/toolbar/package.json +7 -0
  231. package/tooltip/package.json +7 -0
  232. package/tree/package.json +7 -0
  233. package/treenode/package.json +4 -0
  234. package/treeselect/package.json +7 -0
  235. package/treetable/package.json +7 -0
  236. package/treetable/treetable.cjs.js +12 -9
  237. package/treetable/treetable.cjs.min.js +1 -1
  238. package/treetable/treetable.d.ts +0 -5
  239. package/treetable/treetable.esm.js +12 -9
  240. package/treetable/treetable.esm.min.js +1 -1
  241. package/treetable/treetable.js +12 -9
  242. package/treetable/treetable.min.css +1 -1
  243. package/treetable/treetable.min.js +1 -1
  244. package/tristatecheckbox/package.json +7 -0
  245. package/utils/package.json +7 -0
  246. package/utils/utils.cjs.js +14 -9
  247. package/utils/utils.cjs.min.js +1 -1
  248. package/utils/utils.esm.js +14 -9
  249. package/utils/utils.esm.min.js +1 -1
  250. package/utils/utils.js +14 -9
  251. package/utils/utils.min.js +1 -1
  252. package/virtualscroller/package.json +7 -0
  253. package/virtualscroller/virtualscroller.cjs.js +177 -104
  254. package/virtualscroller/virtualscroller.cjs.min.js +1 -1
  255. package/virtualscroller/virtualscroller.d.ts +20 -0
  256. package/virtualscroller/virtualscroller.esm.js +177 -104
  257. package/virtualscroller/virtualscroller.esm.min.js +1 -1
  258. package/virtualscroller/virtualscroller.js +177 -104
  259. package/virtualscroller/virtualscroller.min.css +1 -1
  260. package/virtualscroller/virtualscroller.min.js +1 -1
  261. package/web-types.json +1 -1
package/resources/themes/bootstrap4-dark-blue/theme.css CHANGED
@@ -2800,13 +2800,46 @@
2800
2800
  border-width: 0 1px 1px 1px;
2801
2801
  }
2802
2802
  .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th {
2803
- border-width: 1px 1px 2px 1px;
2803
+ border-width: 1px 0 1px 1px;
2804
+ }
2805
+ .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th:last-child {
2806
+ border-width: 1px;
2804
2807
  }
2805
2808
  .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td {
2809
+ border-width: 1px 0 0 1px;
2810
+ }
2811
+ .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td:last-child {
2812
+ border-width: 1px 1px 0 1px;
2813
+ }
2814
+ .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td {
2815
+ border-width: 1px 0 1px 1px;
2816
+ }
2817
+ .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td:last-child {
2806
2818
  border-width: 1px;
2807
2819
  }
2808
2820
  .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
2809
- border-width: 1px;
2821
+ border-width: 1px 0 1px 1px;
2822
+ }
2823
+ .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td:last-child {
2824
+ border-width: 1px 1px 1px 1px;
2825
+ }
2826
+ .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td {
2827
+ border-width: 0 0 1px 1px;
2828
+ }
2829
+ .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td:last-child {
2830
+ border-width: 0 1px 1px 1px;
2831
+ }
2832
+ .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td {
2833
+ border-width: 0 0 1px 1px;
2834
+ }
2835
+ .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td:last-child {
2836
+ border-width: 0 1px 1px 1px;
2837
+ }
2838
+ .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td {
2839
+ border-width: 0 0 0 1px;
2840
+ }
2841
+ .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td:last-child {
2842
+ border-width: 0 1px 0 1px;
2810
2843
  }
2811
2844
  .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd {
2812
2845
  background: #2f3641;
@@ -4429,6 +4462,7 @@
4429
4462
  border-bottom: 0 none;
4430
4463
  border-top-right-radius: 4px;
4431
4464
  border-top-left-radius: 4px;
4465
+ gap: 0.5rem;
4432
4466
  }
4433
4467
  .p-fileupload .p-fileupload-buttonbar .p-button {
4434
4468
  margin-right: 0.5rem;
@@ -4548,6 +4582,7 @@
4548
4582
  }
4549
4583
  .p-contextmenu .p-submenu-icon {
4550
4584
  font-size: 0.875rem;
4585
+ transition: transform 0.15s;
4551
4586
  }
4552
4587
 
4553
4588
  .p-dock .p-dock-list {
@@ -4754,6 +4789,99 @@
4754
4789
  width: 12.5rem;
4755
4790
  padding: 0.5rem 0;
4756
4791
  }
4792
+ .p-megamenu .p-megamenu-button {
4793
+ width: 2rem;
4794
+ height: 2rem;
4795
+ color: rgba(255, 255, 255, 0.6);
4796
+ border-radius: 50%;
4797
+ transition: color 0.15s, box-shadow 0.15s;
4798
+ }
4799
+ .p-megamenu .p-megamenu-button:hover {
4800
+ color: rgba(255, 255, 255, 0.87);
4801
+ background: transparent;
4802
+ }
4803
+ .p-megamenu .p-megamenu-button:focus {
4804
+ outline: 0 none;
4805
+ outline-offset: 0;
4806
+ box-shadow: 0 0 0 1px #e3f3fe;
4807
+ }
4808
+ .p-megamenu .p-submenu-icon {
4809
+ transition: transform 0.15s;
4810
+ }
4811
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list {
4812
+ padding: 0.5rem 0;
4813
+ background: #2a323d;
4814
+ border: 1px solid #3f4b5b;
4815
+ box-shadow: none;
4816
+ }
4817
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list .p-menu-separator {
4818
+ border-top: 1px solid #3f4b5b;
4819
+ margin: 0.5rem 0;
4820
+ }
4821
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list .p-submenu-icon {
4822
+ font-size: 0.875rem;
4823
+ }
4824
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem {
4825
+ width: 100%;
4826
+ position: static;
4827
+ }
4828
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link {
4829
+ padding: 0.75rem 1rem;
4830
+ color: rgba(255, 255, 255, 0.87);
4831
+ border-radius: 0;
4832
+ transition: box-shadow 0.15s;
4833
+ user-select: none;
4834
+ }
4835
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
4836
+ color: rgba(255, 255, 255, 0.87);
4837
+ }
4838
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
4839
+ color: rgba(255, 255, 255, 0.6);
4840
+ margin-right: 0.5rem;
4841
+ }
4842
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
4843
+ color: rgba(255, 255, 255, 0.6);
4844
+ }
4845
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
4846
+ background: rgba(255, 255, 255, 0.04);
4847
+ }
4848
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
4849
+ color: rgba(255, 255, 255, 0.87);
4850
+ }
4851
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
4852
+ color: rgba(255, 255, 255, 0.87);
4853
+ }
4854
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
4855
+ color: rgba(255, 255, 255, 0.87);
4856
+ }
4857
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus {
4858
+ outline: 0 none;
4859
+ outline-offset: 0;
4860
+ box-shadow: inset 0 0 0 0.15rem #e3f3fe;
4861
+ }
4862
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon {
4863
+ margin-left: auto;
4864
+ }
4865
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
4866
+ transform: rotate(-180deg);
4867
+ }
4868
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list .p-submenu-list {
4869
+ width: 100%;
4870
+ position: static;
4871
+ box-shadow: none;
4872
+ border: 0 none;
4873
+ }
4874
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
4875
+ transition: transform 0.15s;
4876
+ transform: rotate(90deg);
4877
+ }
4878
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
4879
+ transform: rotate(-90deg);
4880
+ }
4881
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list .p-menuitem {
4882
+ width: 100%;
4883
+ position: static;
4884
+ }
4757
4885
 
4758
4886
  .p-menu {
4759
4887
  padding: 0.5rem 0;
@@ -5401,6 +5529,7 @@
5401
5529
  }
5402
5530
  .p-tieredmenu .p-submenu-icon {
5403
5531
  font-size: 0.875rem;
5532
+ transition: transform 0.15s;
5404
5533
  }
5405
5534
 
5406
5535
  .p-inline-message {
package/resources/themes/bootstrap4-dark-purple/theme.css CHANGED
@@ -2800,13 +2800,46 @@
2800
2800
  border-width: 0 1px 1px 1px;
2801
2801
  }
2802
2802
  .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th {
2803
- border-width: 1px 1px 2px 1px;
2803
+ border-width: 1px 0 1px 1px;
2804
+ }
2805
+ .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th:last-child {
2806
+ border-width: 1px;
2804
2807
  }
2805
2808
  .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td {
2809
+ border-width: 1px 0 0 1px;
2810
+ }
2811
+ .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td:last-child {
2812
+ border-width: 1px 1px 0 1px;
2813
+ }
2814
+ .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td {
2815
+ border-width: 1px 0 1px 1px;
2816
+ }
2817
+ .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td:last-child {
2806
2818
  border-width: 1px;
2807
2819
  }
2808
2820
  .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
2809
- border-width: 1px;
2821
+ border-width: 1px 0 1px 1px;
2822
+ }
2823
+ .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td:last-child {
2824
+ border-width: 1px 1px 1px 1px;
2825
+ }
2826
+ .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td {
2827
+ border-width: 0 0 1px 1px;
2828
+ }
2829
+ .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td:last-child {
2830
+ border-width: 0 1px 1px 1px;
2831
+ }
2832
+ .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td {
2833
+ border-width: 0 0 1px 1px;
2834
+ }
2835
+ .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td:last-child {
2836
+ border-width: 0 1px 1px 1px;
2837
+ }
2838
+ .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td {
2839
+ border-width: 0 0 0 1px;
2840
+ }
2841
+ .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td:last-child {
2842
+ border-width: 0 1px 0 1px;
2810
2843
  }
2811
2844
  .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd {
2812
2845
  background: #2f3641;
@@ -4429,6 +4462,7 @@
4429
4462
  border-bottom: 0 none;
4430
4463
  border-top-right-radius: 4px;
4431
4464
  border-top-left-radius: 4px;
4465
+ gap: 0.5rem;
4432
4466
  }
4433
4467
  .p-fileupload .p-fileupload-buttonbar .p-button {
4434
4468
  margin-right: 0.5rem;
@@ -4548,6 +4582,7 @@
4548
4582
  }
4549
4583
  .p-contextmenu .p-submenu-icon {
4550
4584
  font-size: 0.875rem;
4585
+ transition: transform 0.15s;
4551
4586
  }
4552
4587
 
4553
4588
  .p-dock .p-dock-list {
@@ -4754,6 +4789,99 @@
4754
4789
  width: 12.5rem;
4755
4790
  padding: 0.5rem 0;
4756
4791
  }
4792
+ .p-megamenu .p-megamenu-button {
4793
+ width: 2rem;
4794
+ height: 2rem;
4795
+ color: rgba(255, 255, 255, 0.6);
4796
+ border-radius: 50%;
4797
+ transition: color 0.15s, box-shadow 0.15s;
4798
+ }
4799
+ .p-megamenu .p-megamenu-button:hover {
4800
+ color: rgba(255, 255, 255, 0.87);
4801
+ background: transparent;
4802
+ }
4803
+ .p-megamenu .p-megamenu-button:focus {
4804
+ outline: 0 none;
4805
+ outline-offset: 0;
4806
+ box-shadow: 0 0 0 1px #f0e6f5;
4807
+ }
4808
+ .p-megamenu .p-submenu-icon {
4809
+ transition: transform 0.15s;
4810
+ }
4811
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list {
4812
+ padding: 0.5rem 0;
4813
+ background: #2a323d;
4814
+ border: 1px solid #3f4b5b;
4815
+ box-shadow: none;
4816
+ }
4817
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list .p-menu-separator {
4818
+ border-top: 1px solid #3f4b5b;
4819
+ margin: 0.5rem 0;
4820
+ }
4821
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list .p-submenu-icon {
4822
+ font-size: 0.875rem;
4823
+ }
4824
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem {
4825
+ width: 100%;
4826
+ position: static;
4827
+ }
4828
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link {
4829
+ padding: 0.75rem 1rem;
4830
+ color: rgba(255, 255, 255, 0.87);
4831
+ border-radius: 0;
4832
+ transition: box-shadow 0.15s;
4833
+ user-select: none;
4834
+ }
4835
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
4836
+ color: rgba(255, 255, 255, 0.87);
4837
+ }
4838
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
4839
+ color: rgba(255, 255, 255, 0.6);
4840
+ margin-right: 0.5rem;
4841
+ }
4842
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
4843
+ color: rgba(255, 255, 255, 0.6);
4844
+ }
4845
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
4846
+ background: rgba(255, 255, 255, 0.04);
4847
+ }
4848
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
4849
+ color: rgba(255, 255, 255, 0.87);
4850
+ }
4851
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
4852
+ color: rgba(255, 255, 255, 0.87);
4853
+ }
4854
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
4855
+ color: rgba(255, 255, 255, 0.87);
4856
+ }
4857
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus {
4858
+ outline: 0 none;
4859
+ outline-offset: 0;
4860
+ box-shadow: inset 0 0 0 0.15rem #f0e6f5;
4861
+ }
4862
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon {
4863
+ margin-left: auto;
4864
+ }
4865
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
4866
+ transform: rotate(-180deg);
4867
+ }
4868
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list .p-submenu-list {
4869
+ width: 100%;
4870
+ position: static;
4871
+ box-shadow: none;
4872
+ border: 0 none;
4873
+ }
4874
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
4875
+ transition: transform 0.15s;
4876
+ transform: rotate(90deg);
4877
+ }
4878
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
4879
+ transform: rotate(-90deg);
4880
+ }
4881
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list .p-menuitem {
4882
+ width: 100%;
4883
+ position: static;
4884
+ }
4757
4885
 
4758
4886
  .p-menu {
4759
4887
  padding: 0.5rem 0;
@@ -5401,6 +5529,7 @@
5401
5529
  }
5402
5530
  .p-tieredmenu .p-submenu-icon {
5403
5531
  font-size: 0.875rem;
5532
+ transition: transform 0.15s;
5404
5533
  }
5405
5534
 
5406
5535
  .p-inline-message {
package/resources/themes/bootstrap4-light-blue/theme.css CHANGED
@@ -2800,13 +2800,46 @@
2800
2800
  border-width: 0 1px 1px 1px;
2801
2801
  }
2802
2802
  .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th {
2803
- border-width: 1px 1px 2px 1px;
2803
+ border-width: 1px 0 1px 1px;
2804
+ }
2805
+ .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th:last-child {
2806
+ border-width: 1px;
2804
2807
  }
2805
2808
  .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td {
2809
+ border-width: 1px 0 0 1px;
2810
+ }
2811
+ .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td:last-child {
2812
+ border-width: 1px 1px 0 1px;
2813
+ }
2814
+ .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td {
2815
+ border-width: 1px 0 1px 1px;
2816
+ }
2817
+ .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td:last-child {
2806
2818
  border-width: 1px;
2807
2819
  }
2808
2820
  .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
2809
- border-width: 1px;
2821
+ border-width: 1px 0 1px 1px;
2822
+ }
2823
+ .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td:last-child {
2824
+ border-width: 1px 1px 1px 1px;
2825
+ }
2826
+ .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td {
2827
+ border-width: 0 0 1px 1px;
2828
+ }
2829
+ .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td:last-child {
2830
+ border-width: 0 1px 1px 1px;
2831
+ }
2832
+ .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td {
2833
+ border-width: 0 0 1px 1px;
2834
+ }
2835
+ .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td:last-child {
2836
+ border-width: 0 1px 1px 1px;
2837
+ }
2838
+ .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td {
2839
+ border-width: 0 0 0 1px;
2840
+ }
2841
+ .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td:last-child {
2842
+ border-width: 0 1px 0 1px;
2810
2843
  }
2811
2844
  .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd {
2812
2845
  background: rgba(0, 0, 0, 0.05);
@@ -4429,6 +4462,7 @@
4429
4462
  border-bottom: 0 none;
4430
4463
  border-top-right-radius: 4px;
4431
4464
  border-top-left-radius: 4px;
4465
+ gap: 0.5rem;
4432
4466
  }
4433
4467
  .p-fileupload .p-fileupload-buttonbar .p-button {
4434
4468
  margin-right: 0.5rem;
@@ -4548,6 +4582,7 @@
4548
4582
  }
4549
4583
  .p-contextmenu .p-submenu-icon {
4550
4584
  font-size: 0.875rem;
4585
+ transition: transform 0.15s;
4551
4586
  }
4552
4587
 
4553
4588
  .p-dock .p-dock-list {
@@ -4754,6 +4789,99 @@
4754
4789
  width: 12.5rem;
4755
4790
  padding: 0.5rem 0;
4756
4791
  }
4792
+ .p-megamenu .p-megamenu-button {
4793
+ width: 2rem;
4794
+ height: 2rem;
4795
+ color: rgba(0, 0, 0, 0.5);
4796
+ border-radius: 50%;
4797
+ transition: box-shadow 0.15s;
4798
+ }
4799
+ .p-megamenu .p-megamenu-button:hover {
4800
+ color: rgba(0, 0, 0, 0.7);
4801
+ background: transparent;
4802
+ }
4803
+ .p-megamenu .p-megamenu-button:focus {
4804
+ outline: 0 none;
4805
+ outline-offset: 0;
4806
+ box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
4807
+ }
4808
+ .p-megamenu .p-submenu-icon {
4809
+ transition: transform 0.15s;
4810
+ }
4811
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list {
4812
+ padding: 0.5rem 0;
4813
+ background: #ffffff;
4814
+ border: 1px solid rgba(0, 0, 0, 0.15);
4815
+ box-shadow: none;
4816
+ }
4817
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list .p-menu-separator {
4818
+ border-top: 1px solid #dee2e6;
4819
+ margin: 0.5rem 0;
4820
+ }
4821
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list .p-submenu-icon {
4822
+ font-size: 0.875rem;
4823
+ }
4824
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem {
4825
+ width: 100%;
4826
+ position: static;
4827
+ }
4828
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link {
4829
+ padding: 0.75rem 1rem;
4830
+ color: #212529;
4831
+ border-radius: 0;
4832
+ transition: box-shadow 0.15s;
4833
+ user-select: none;
4834
+ }
4835
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
4836
+ color: #212529;
4837
+ }
4838
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
4839
+ color: #212529;
4840
+ margin-right: 0.5rem;
4841
+ }
4842
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
4843
+ color: #212529;
4844
+ }
4845
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
4846
+ background: #e9ecef;
4847
+ }
4848
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
4849
+ color: #212529;
4850
+ }
4851
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
4852
+ color: #212529;
4853
+ }
4854
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
4855
+ color: #212529;
4856
+ }
4857
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus {
4858
+ outline: 0 none;
4859
+ outline-offset: 0;
4860
+ box-shadow: inset 0 0 0 0.15rem rgba(38, 143, 255, 0.5);
4861
+ }
4862
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon {
4863
+ margin-left: auto;
4864
+ }
4865
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
4866
+ transform: rotate(-180deg);
4867
+ }
4868
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list .p-submenu-list {
4869
+ width: 100%;
4870
+ position: static;
4871
+ box-shadow: none;
4872
+ border: 0 none;
4873
+ }
4874
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
4875
+ transition: transform 0.15s;
4876
+ transform: rotate(90deg);
4877
+ }
4878
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
4879
+ transform: rotate(-90deg);
4880
+ }
4881
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list .p-menuitem {
4882
+ width: 100%;
4883
+ position: static;
4884
+ }
4757
4885
 
4758
4886
  .p-menu {
4759
4887
  padding: 0.5rem 0;
@@ -5401,6 +5529,7 @@
5401
5529
  }
5402
5530
  .p-tieredmenu .p-submenu-icon {
5403
5531
  font-size: 0.875rem;
5532
+ transition: transform 0.15s;
5404
5533
  }
5405
5534
 
5406
5535
  .p-inline-message {
package/resources/themes/bootstrap4-light-purple/theme.css CHANGED
@@ -2800,13 +2800,46 @@
2800
2800
  border-width: 0 1px 1px 1px;
2801
2801
  }
2802
2802
  .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th {
2803
- border-width: 1px 1px 2px 1px;
2803
+ border-width: 1px 0 1px 1px;
2804
+ }
2805
+ .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th:last-child {
2806
+ border-width: 1px;
2804
2807
  }
2805
2808
  .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td {
2809
+ border-width: 1px 0 0 1px;
2810
+ }
2811
+ .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td:last-child {
2812
+ border-width: 1px 1px 0 1px;
2813
+ }
2814
+ .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td {
2815
+ border-width: 1px 0 1px 1px;
2816
+ }
2817
+ .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td:last-child {
2806
2818
  border-width: 1px;
2807
2819
  }
2808
2820
  .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
2809
- border-width: 1px;
2821
+ border-width: 1px 0 1px 1px;
2822
+ }
2823
+ .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td:last-child {
2824
+ border-width: 1px 1px 1px 1px;
2825
+ }
2826
+ .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td {
2827
+ border-width: 0 0 1px 1px;
2828
+ }
2829
+ .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td:last-child {
2830
+ border-width: 0 1px 1px 1px;
2831
+ }
2832
+ .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td {
2833
+ border-width: 0 0 1px 1px;
2834
+ }
2835
+ .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td:last-child {
2836
+ border-width: 0 1px 1px 1px;
2837
+ }
2838
+ .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td {
2839
+ border-width: 0 0 0 1px;
2840
+ }
2841
+ .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td:last-child {
2842
+ border-width: 0 1px 0 1px;
2810
2843
  }
2811
2844
  .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd {
2812
2845
  background: rgba(0, 0, 0, 0.05);
@@ -4429,6 +4462,7 @@
4429
4462
  border-bottom: 0 none;
4430
4463
  border-top-right-radius: 4px;
4431
4464
  border-top-left-radius: 4px;
4465
+ gap: 0.5rem;
4432
4466
  }
4433
4467
  .p-fileupload .p-fileupload-buttonbar .p-button {
4434
4468
  margin-right: 0.5rem;
@@ -4548,6 +4582,7 @@
4548
4582
  }
4549
4583
  .p-contextmenu .p-submenu-icon {
4550
4584
  font-size: 0.875rem;
4585
+ transition: transform 0.15s;
4551
4586
  }
4552
4587
 
4553
4588
  .p-dock .p-dock-list {
@@ -4754,6 +4789,99 @@
4754
4789
  width: 12.5rem;
4755
4790
  padding: 0.5rem 0;
4756
4791
  }
4792
+ .p-megamenu .p-megamenu-button {
4793
+ width: 2rem;
4794
+ height: 2rem;
4795
+ color: rgba(0, 0, 0, 0.5);
4796
+ border-radius: 50%;
4797
+ transition: box-shadow 0.15s;
4798
+ }
4799
+ .p-megamenu .p-megamenu-button:hover {
4800
+ color: rgba(0, 0, 0, 0.7);
4801
+ background: transparent;
4802
+ }
4803
+ .p-megamenu .p-megamenu-button:focus {
4804
+ outline: 0 none;
4805
+ outline-offset: 0;
4806
+ box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
4807
+ }
4808
+ .p-megamenu .p-submenu-icon {
4809
+ transition: transform 0.15s;
4810
+ }
4811
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list {
4812
+ padding: 0.5rem 0;
4813
+ background: #ffffff;
4814
+ border: 1px solid rgba(0, 0, 0, 0.15);
4815
+ box-shadow: none;
4816
+ }
4817
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list .p-menu-separator {
4818
+ border-top: 1px solid #dee2e6;
4819
+ margin: 0.5rem 0;
4820
+ }
4821
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list .p-submenu-icon {
4822
+ font-size: 0.875rem;
4823
+ }
4824
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem {
4825
+ width: 100%;
4826
+ position: static;
4827
+ }
4828
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link {
4829
+ padding: 0.75rem 1rem;
4830
+ color: #212529;
4831
+ border-radius: 0;
4832
+ transition: box-shadow 0.15s;
4833
+ user-select: none;
4834
+ }
4835
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
4836
+ color: #212529;
4837
+ }
4838
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
4839
+ color: #212529;
4840
+ margin-right: 0.5rem;
4841
+ }
4842
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
4843
+ color: #212529;
4844
+ }
4845
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
4846
+ background: #e9ecef;
4847
+ }
4848
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
4849
+ color: #212529;
4850
+ }
4851
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
4852
+ color: #212529;
4853
+ }
4854
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
4855
+ color: #212529;
4856
+ }
4857
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus {
4858
+ outline: 0 none;
4859
+ outline-offset: 0;
4860
+ box-shadow: inset 0 0 0 0.15rem rgba(136, 60, 174, 0.5);
4861
+ }
4862
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon {
4863
+ margin-left: auto;
4864
+ }
4865
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
4866
+ transform: rotate(-180deg);
4867
+ }
4868
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list .p-submenu-list {
4869
+ width: 100%;
4870
+ position: static;
4871
+ box-shadow: none;
4872
+ border: 0 none;
4873
+ }
4874
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
4875
+ transition: transform 0.15s;
4876
+ transform: rotate(90deg);
4877
+ }
4878
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
4879
+ transform: rotate(-90deg);
4880
+ }
4881
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list .p-menuitem {
4882
+ width: 100%;
4883
+ position: static;
4884
+ }
4757
4885
 
4758
4886
  .p-menu {
4759
4887
  padding: 0.5rem 0;
@@ -5401,6 +5529,7 @@
5401
5529
  }
5402
5530
  .p-tieredmenu .p-submenu-icon {
5403
5531
  font-size: 0.875rem;
5532
+ transition: transform 0.15s;
5404
5533
  }
5405
5534
 
5406
5535
  .p-inline-message {