primevue 3.22.2 → 3.22.4

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 (201) hide show
  1. package/README.md +1 -1
  2. package/accordion/Accordion.vue +7 -3
  3. package/accordion/accordion.cjs.js +7 -3
  4. package/accordion/accordion.cjs.min.js +1 -1
  5. package/accordion/accordion.esm.js +8 -4
  6. package/accordion/accordion.esm.min.js +1 -1
  7. package/accordion/accordion.js +7 -3
  8. package/accordion/accordion.min.js +1 -1
  9. package/autocomplete/AutoComplete.vue +6 -3
  10. package/autocomplete/autocomplete.cjs.js +12 -9
  11. package/autocomplete/autocomplete.cjs.min.js +1 -1
  12. package/autocomplete/autocomplete.esm.js +13 -10
  13. package/autocomplete/autocomplete.esm.min.js +1 -1
  14. package/autocomplete/autocomplete.js +12 -9
  15. package/autocomplete/autocomplete.min.js +1 -1
  16. package/breadcrumb/Breadcrumb.vue +2 -2
  17. package/breadcrumb/breadcrumb.cjs.js +17 -10
  18. package/breadcrumb/breadcrumb.cjs.min.js +1 -1
  19. package/breadcrumb/breadcrumb.esm.js +17 -10
  20. package/breadcrumb/breadcrumb.esm.min.js +1 -1
  21. package/breadcrumb/breadcrumb.js +17 -10
  22. package/breadcrumb/breadcrumb.min.js +1 -1
  23. package/cascadeselect/CascadeSelect.vue +6 -3
  24. package/cascadeselect/cascadeselect.cjs.js +9 -6
  25. package/cascadeselect/cascadeselect.cjs.min.js +1 -1
  26. package/cascadeselect/cascadeselect.esm.js +10 -7
  27. package/cascadeselect/cascadeselect.esm.min.js +1 -1
  28. package/cascadeselect/cascadeselect.js +9 -6
  29. package/cascadeselect/cascadeselect.min.js +1 -1
  30. package/contextmenu/ContextMenu.vue +6 -3
  31. package/contextmenu/contextmenu.cjs.js +8 -5
  32. package/contextmenu/contextmenu.cjs.min.js +1 -1
  33. package/contextmenu/contextmenu.esm.js +9 -6
  34. package/contextmenu/contextmenu.esm.min.js +1 -1
  35. package/contextmenu/contextmenu.js +8 -5
  36. package/contextmenu/contextmenu.min.js +1 -1
  37. package/core/core.js +48 -34
  38. package/core/core.min.js +5 -5
  39. package/datatable/BodyCell.vue +4 -2
  40. package/datatable/datatable.cjs.js +4 -2
  41. package/datatable/datatable.cjs.min.js +1 -1
  42. package/datatable/datatable.esm.js +4 -2
  43. package/datatable/datatable.esm.min.js +1 -1
  44. package/datatable/datatable.js +4 -2
  45. package/datatable/datatable.min.js +1 -1
  46. package/dock/DockSub.vue +9 -3
  47. package/dock/dock.cjs.js +10 -4
  48. package/dock/dock.cjs.min.js +1 -1
  49. package/dock/dock.esm.js +11 -5
  50. package/dock/dock.esm.min.js +1 -1
  51. package/dock/dock.js +10 -4
  52. package/dock/dock.min.js +1 -1
  53. package/dropdown/Dropdown.vue +6 -3
  54. package/dropdown/dropdown.cjs.js +13 -10
  55. package/dropdown/dropdown.cjs.min.js +1 -1
  56. package/dropdown/dropdown.esm.js +14 -11
  57. package/dropdown/dropdown.esm.min.js +1 -1
  58. package/dropdown/dropdown.js +13 -10
  59. package/dropdown/dropdown.min.js +1 -1
  60. package/listbox/Listbox.vue +6 -3
  61. package/listbox/listbox.cjs.js +11 -8
  62. package/listbox/listbox.cjs.min.js +1 -1
  63. package/listbox/listbox.esm.js +12 -9
  64. package/listbox/listbox.esm.min.js +1 -1
  65. package/listbox/listbox.js +11 -8
  66. package/listbox/listbox.min.js +1 -1
  67. package/megamenu/MegaMenu.vue +7 -3
  68. package/megamenu/megamenu.cjs.js +10 -6
  69. package/megamenu/megamenu.cjs.min.js +1 -1
  70. package/megamenu/megamenu.esm.js +11 -7
  71. package/megamenu/megamenu.esm.min.js +1 -1
  72. package/megamenu/megamenu.js +10 -6
  73. package/megamenu/megamenu.min.js +1 -1
  74. package/menu/Menu.vue +8 -3
  75. package/menu/menu.cjs.js +13 -8
  76. package/menu/menu.cjs.min.js +1 -1
  77. package/menu/menu.esm.js +14 -9
  78. package/menu/menu.esm.min.js +1 -1
  79. package/menu/menu.js +13 -8
  80. package/menu/menu.min.js +1 -1
  81. package/menubar/Menubar.vue +7 -3
  82. package/menubar/menubar.cjs.js +10 -6
  83. package/menubar/menubar.cjs.min.js +1 -1
  84. package/menubar/menubar.esm.js +11 -7
  85. package/menubar/menubar.esm.min.js +1 -1
  86. package/menubar/menubar.js +10 -6
  87. package/menubar/menubar.min.js +1 -1
  88. package/multiselect/MultiSelect.vue +6 -3
  89. package/multiselect/multiselect.cjs.js +11 -8
  90. package/multiselect/multiselect.cjs.min.js +1 -1
  91. package/multiselect/multiselect.esm.js +12 -9
  92. package/multiselect/multiselect.esm.min.js +1 -1
  93. package/multiselect/multiselect.js +11 -8
  94. package/multiselect/multiselect.min.js +1 -1
  95. package/orderlist/OrderList.vue +8 -3
  96. package/orderlist/orderlist.cjs.js +11 -6
  97. package/orderlist/orderlist.cjs.min.js +1 -1
  98. package/orderlist/orderlist.esm.js +12 -7
  99. package/orderlist/orderlist.esm.min.js +1 -1
  100. package/orderlist/orderlist.js +11 -6
  101. package/orderlist/orderlist.min.js +1 -1
  102. package/package.json +1 -1
  103. package/panelmenu/PanelMenu.vue +9 -6
  104. package/panelmenu/PanelMenuList.vue +1 -1
  105. package/panelmenu/panelmenu.cjs.js +11 -8
  106. package/panelmenu/panelmenu.cjs.min.js +1 -1
  107. package/panelmenu/panelmenu.esm.js +11 -8
  108. package/panelmenu/panelmenu.esm.min.js +1 -1
  109. package/panelmenu/panelmenu.js +11 -8
  110. package/panelmenu/panelmenu.min.js +1 -1
  111. package/picklist/PickList.vue +8 -2
  112. package/picklist/picklist.cjs.js +8 -2
  113. package/picklist/picklist.cjs.min.js +1 -1
  114. package/picklist/picklist.esm.js +9 -3
  115. package/picklist/picklist.esm.min.js +1 -1
  116. package/picklist/picklist.js +8 -2
  117. package/picklist/picklist.min.js +1 -1
  118. package/rating/Rating.vue +9 -3
  119. package/rating/rating.cjs.js +11 -5
  120. package/rating/rating.cjs.min.js +1 -1
  121. package/rating/rating.esm.js +12 -6
  122. package/rating/rating.esm.min.js +1 -1
  123. package/rating/rating.js +11 -5
  124. package/rating/rating.min.js +1 -1
  125. package/resources/themes/arya-blue/theme.css +7 -0
  126. package/resources/themes/arya-green/theme.css +7 -0
  127. package/resources/themes/arya-orange/theme.css +7 -0
  128. package/resources/themes/arya-purple/theme.css +7 -0
  129. package/resources/themes/bootstrap4-dark-blue/theme.css +7 -0
  130. package/resources/themes/bootstrap4-dark-purple/theme.css +7 -0
  131. package/resources/themes/bootstrap4-light-blue/theme.css +7 -0
  132. package/resources/themes/bootstrap4-light-purple/theme.css +7 -0
  133. package/resources/themes/fluent-light/theme.css +7 -0
  134. package/resources/themes/lara-dark-blue/theme.css +7 -0
  135. package/resources/themes/lara-dark-indigo/theme.css +7 -0
  136. package/resources/themes/lara-dark-purple/theme.css +7 -0
  137. package/resources/themes/lara-dark-teal/theme.css +7 -0
  138. package/resources/themes/lara-light-blue/theme.css +7 -0
  139. package/resources/themes/lara-light-indigo/theme.css +7 -0
  140. package/resources/themes/lara-light-purple/theme.css +7 -0
  141. package/resources/themes/lara-light-teal/theme.css +7 -0
  142. package/resources/themes/luna-amber/theme.css +7 -0
  143. package/resources/themes/luna-blue/theme.css +7 -0
  144. package/resources/themes/luna-green/theme.css +7 -0
  145. package/resources/themes/luna-pink/theme.css +7 -0
  146. package/resources/themes/md-dark-deeppurple/theme.css +10 -2
  147. package/resources/themes/md-dark-indigo/theme.css +10 -2
  148. package/resources/themes/md-light-deeppurple/theme.css +10 -2
  149. package/resources/themes/md-light-indigo/theme.css +10 -2
  150. package/resources/themes/mdc-dark-deeppurple/theme.css +10 -2
  151. package/resources/themes/mdc-dark-indigo/theme.css +10 -2
  152. package/resources/themes/mdc-light-deeppurple/theme.css +10 -2
  153. package/resources/themes/mdc-light-indigo/theme.css +10 -2
  154. package/resources/themes/nova/theme.css +7 -0
  155. package/resources/themes/nova-accent/theme.css +7 -0
  156. package/resources/themes/nova-alt/theme.css +7 -0
  157. package/resources/themes/nova-vue/theme.css +7 -0
  158. package/resources/themes/rhea/theme.css +7 -0
  159. package/resources/themes/saga-blue/theme.css +7 -0
  160. package/resources/themes/saga-green/theme.css +7 -0
  161. package/resources/themes/saga-orange/theme.css +7 -0
  162. package/resources/themes/saga-purple/theme.css +7 -0
  163. package/resources/themes/tailwind-light/theme.css +7 -0
  164. package/resources/themes/vela-blue/theme.css +7 -0
  165. package/resources/themes/vela-green/theme.css +7 -0
  166. package/resources/themes/vela-orange/theme.css +7 -0
  167. package/resources/themes/vela-purple/theme.css +7 -0
  168. package/speeddial/SpeedDial.vue +6 -3
  169. package/speeddial/speeddial.cjs.js +11 -8
  170. package/speeddial/speeddial.cjs.min.js +1 -1
  171. package/speeddial/speeddial.esm.js +12 -9
  172. package/speeddial/speeddial.esm.min.js +1 -1
  173. package/speeddial/speeddial.js +11 -8
  174. package/speeddial/speeddial.min.js +1 -1
  175. package/tabview/TabView.vue +6 -3
  176. package/tabview/tabview.cjs.js +6 -3
  177. package/tabview/tabview.cjs.min.js +1 -1
  178. package/tabview/tabview.esm.js +7 -4
  179. package/tabview/tabview.esm.min.js +1 -1
  180. package/tabview/tabview.js +6 -3
  181. package/tabview/tabview.min.js +1 -1
  182. package/tieredmenu/TieredMenu.vue +7 -3
  183. package/tieredmenu/tieredmenu.cjs.js +10 -6
  184. package/tieredmenu/tieredmenu.cjs.min.js +1 -1
  185. package/tieredmenu/tieredmenu.esm.js +11 -7
  186. package/tieredmenu/tieredmenu.esm.min.js +1 -1
  187. package/tieredmenu/tieredmenu.js +10 -6
  188. package/tieredmenu/tieredmenu.min.js +1 -1
  189. package/tooltip/tooltip.cjs.js +0 -2
  190. package/tooltip/tooltip.cjs.min.js +1 -1
  191. package/tooltip/tooltip.esm.js +1 -3
  192. package/tooltip/tooltip.esm.min.js +1 -1
  193. package/tooltip/tooltip.js +0 -2
  194. package/tooltip/tooltip.min.js +1 -1
  195. package/utils/utils.cjs.js +12 -8
  196. package/utils/utils.cjs.min.js +1 -1
  197. package/utils/utils.esm.js +12 -8
  198. package/utils/utils.esm.min.js +1 -1
  199. package/utils/utils.js +12 -8
  200. package/utils/utils.min.js +1 -1
  201. package/web-types.json +1 -1
package/resources/themes/rhea/theme.css CHANGED
@@ -4382,6 +4382,7 @@
4382
4382
  border-radius: 0;
4383
4383
  }
4384
4384
  .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
4385
+ color: #666666;
4385
4386
  padding: 0.857rem;
4386
4387
  user-select: none;
4387
4388
  }
@@ -4521,6 +4522,7 @@
4521
4522
  border-radius: 0;
4522
4523
  }
4523
4524
  .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
4525
+ color: #666666;
4524
4526
  padding: 0.857rem;
4525
4527
  user-select: none;
4526
4528
  }
@@ -4639,6 +4641,7 @@
4639
4641
  border-radius: 0;
4640
4642
  }
4641
4643
  .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link {
4644
+ color: #666666;
4642
4645
  padding: 0.857rem;
4643
4646
  user-select: none;
4644
4647
  }
@@ -4750,6 +4753,7 @@
4750
4753
  border-radius: 0;
4751
4754
  }
4752
4755
  .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link {
4756
+ color: #666666;
4753
4757
  padding: 0.857rem;
4754
4758
  user-select: none;
4755
4759
  }
@@ -4910,6 +4914,7 @@
4910
4914
  transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
4911
4915
  }
4912
4916
  .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action {
4917
+ color: #ffffff;
4913
4918
  padding: 0.857rem 1rem;
4914
4919
  font-weight: 700;
4915
4920
  }
@@ -4962,6 +4967,7 @@
4962
4967
  border-radius: 0;
4963
4968
  }
4964
4969
  .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link {
4970
+ color: #666666;
4965
4971
  padding: 0.857rem;
4966
4972
  user-select: none;
4967
4973
  }
@@ -5135,6 +5141,7 @@
5135
5141
  border-radius: 0;
5136
5142
  }
5137
5143
  .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
5144
+ color: #666666;
5138
5145
  padding: 0.857rem;
5139
5146
  user-select: none;
5140
5147
  }
package/resources/themes/saga-blue/theme.css CHANGED
@@ -4407,6 +4407,7 @@
4407
4407
  border-radius: 0;
4408
4408
  }
4409
4409
  .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
4410
+ color: #495057;
4410
4411
  padding: 0.75rem 1rem;
4411
4412
  user-select: none;
4412
4413
  }
@@ -4546,6 +4547,7 @@
4546
4547
  border-radius: 0;
4547
4548
  }
4548
4549
  .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
4550
+ color: #495057;
4549
4551
  padding: 0.75rem 1rem;
4550
4552
  user-select: none;
4551
4553
  }
@@ -4664,6 +4666,7 @@
4664
4666
  border-radius: 0;
4665
4667
  }
4666
4668
  .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link {
4669
+ color: #495057;
4667
4670
  padding: 0.75rem 1rem;
4668
4671
  user-select: none;
4669
4672
  }
@@ -4775,6 +4778,7 @@
4775
4778
  border-radius: 0;
4776
4779
  }
4777
4780
  .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link {
4781
+ color: #495057;
4778
4782
  padding: 0.75rem 1rem;
4779
4783
  user-select: none;
4780
4784
  }
@@ -4935,6 +4939,7 @@
4935
4939
  transition: box-shadow 0.2s;
4936
4940
  }
4937
4941
  .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action {
4942
+ color: #495057;
4938
4943
  padding: 1rem;
4939
4944
  font-weight: 600;
4940
4945
  }
@@ -4987,6 +4992,7 @@
4987
4992
  border-radius: 0;
4988
4993
  }
4989
4994
  .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link {
4995
+ color: #495057;
4990
4996
  padding: 0.75rem 1rem;
4991
4997
  user-select: none;
4992
4998
  }
@@ -5184,6 +5190,7 @@
5184
5190
  border-radius: 0;
5185
5191
  }
5186
5192
  .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
5193
+ color: #495057;
5187
5194
  padding: 0.75rem 1rem;
5188
5195
  user-select: none;
5189
5196
  }
package/resources/themes/saga-green/theme.css CHANGED
@@ -4407,6 +4407,7 @@
4407
4407
  border-radius: 0;
4408
4408
  }
4409
4409
  .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
4410
+ color: #495057;
4410
4411
  padding: 0.75rem 1rem;
4411
4412
  user-select: none;
4412
4413
  }
@@ -4546,6 +4547,7 @@
4546
4547
  border-radius: 0;
4547
4548
  }
4548
4549
  .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
4550
+ color: #495057;
4549
4551
  padding: 0.75rem 1rem;
4550
4552
  user-select: none;
4551
4553
  }
@@ -4664,6 +4666,7 @@
4664
4666
  border-radius: 0;
4665
4667
  }
4666
4668
  .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link {
4669
+ color: #495057;
4667
4670
  padding: 0.75rem 1rem;
4668
4671
  user-select: none;
4669
4672
  }
@@ -4775,6 +4778,7 @@
4775
4778
  border-radius: 0;
4776
4779
  }
4777
4780
  .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link {
4781
+ color: #495057;
4778
4782
  padding: 0.75rem 1rem;
4779
4783
  user-select: none;
4780
4784
  }
@@ -4935,6 +4939,7 @@
4935
4939
  transition: box-shadow 0.2s;
4936
4940
  }
4937
4941
  .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action {
4942
+ color: #495057;
4938
4943
  padding: 1rem;
4939
4944
  font-weight: 600;
4940
4945
  }
@@ -4987,6 +4992,7 @@
4987
4992
  border-radius: 0;
4988
4993
  }
4989
4994
  .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link {
4995
+ color: #495057;
4990
4996
  padding: 0.75rem 1rem;
4991
4997
  user-select: none;
4992
4998
  }
@@ -5184,6 +5190,7 @@
5184
5190
  border-radius: 0;
5185
5191
  }
5186
5192
  .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
5193
+ color: #495057;
5187
5194
  padding: 0.75rem 1rem;
5188
5195
  user-select: none;
5189
5196
  }
package/resources/themes/saga-orange/theme.css CHANGED
@@ -4407,6 +4407,7 @@
4407
4407
  border-radius: 0;
4408
4408
  }
4409
4409
  .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
4410
+ color: #495057;
4410
4411
  padding: 0.75rem 1rem;
4411
4412
  user-select: none;
4412
4413
  }
@@ -4546,6 +4547,7 @@
4546
4547
  border-radius: 0;
4547
4548
  }
4548
4549
  .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
4550
+ color: #495057;
4549
4551
  padding: 0.75rem 1rem;
4550
4552
  user-select: none;
4551
4553
  }
@@ -4664,6 +4666,7 @@
4664
4666
  border-radius: 0;
4665
4667
  }
4666
4668
  .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link {
4669
+ color: #495057;
4667
4670
  padding: 0.75rem 1rem;
4668
4671
  user-select: none;
4669
4672
  }
@@ -4775,6 +4778,7 @@
4775
4778
  border-radius: 0;
4776
4779
  }
4777
4780
  .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link {
4781
+ color: #495057;
4778
4782
  padding: 0.75rem 1rem;
4779
4783
  user-select: none;
4780
4784
  }
@@ -4935,6 +4939,7 @@
4935
4939
  transition: box-shadow 0.2s;
4936
4940
  }
4937
4941
  .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action {
4942
+ color: #495057;
4938
4943
  padding: 1rem;
4939
4944
  font-weight: 600;
4940
4945
  }
@@ -4987,6 +4992,7 @@
4987
4992
  border-radius: 0;
4988
4993
  }
4989
4994
  .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link {
4995
+ color: #495057;
4990
4996
  padding: 0.75rem 1rem;
4991
4997
  user-select: none;
4992
4998
  }
@@ -5184,6 +5190,7 @@
5184
5190
  border-radius: 0;
5185
5191
  }
5186
5192
  .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
5193
+ color: #495057;
5187
5194
  padding: 0.75rem 1rem;
5188
5195
  user-select: none;
5189
5196
  }
package/resources/themes/saga-purple/theme.css CHANGED
@@ -4407,6 +4407,7 @@
4407
4407
  border-radius: 0;
4408
4408
  }
4409
4409
  .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
4410
+ color: #495057;
4410
4411
  padding: 0.75rem 1rem;
4411
4412
  user-select: none;
4412
4413
  }
@@ -4546,6 +4547,7 @@
4546
4547
  border-radius: 0;
4547
4548
  }
4548
4549
  .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
4550
+ color: #495057;
4549
4551
  padding: 0.75rem 1rem;
4550
4552
  user-select: none;
4551
4553
  }
@@ -4664,6 +4666,7 @@
4664
4666
  border-radius: 0;
4665
4667
  }
4666
4668
  .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link {
4669
+ color: #495057;
4667
4670
  padding: 0.75rem 1rem;
4668
4671
  user-select: none;
4669
4672
  }
@@ -4775,6 +4778,7 @@
4775
4778
  border-radius: 0;
4776
4779
  }
4777
4780
  .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link {
4781
+ color: #495057;
4778
4782
  padding: 0.75rem 1rem;
4779
4783
  user-select: none;
4780
4784
  }
@@ -4935,6 +4939,7 @@
4935
4939
  transition: box-shadow 0.2s;
4936
4940
  }
4937
4941
  .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action {
4942
+ color: #495057;
4938
4943
  padding: 1rem;
4939
4944
  font-weight: 600;
4940
4945
  }
@@ -4987,6 +4992,7 @@
4987
4992
  border-radius: 0;
4988
4993
  }
4989
4994
  .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link {
4995
+ color: #495057;
4990
4996
  padding: 0.75rem 1rem;
4991
4997
  user-select: none;
4992
4998
  }
@@ -5184,6 +5190,7 @@
5184
5190
  border-radius: 0;
5185
5191
  }
5186
5192
  .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
5193
+ color: #495057;
5187
5194
  padding: 0.75rem 1rem;
5188
5195
  user-select: none;
5189
5196
  }
package/resources/themes/tailwind-light/theme.css CHANGED
@@ -4442,6 +4442,7 @@
4442
4442
  border-radius: 0;
4443
4443
  }
4444
4444
  .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
4445
+ color: #3f3f46;
4445
4446
  padding: 0.75rem 1rem;
4446
4447
  user-select: none;
4447
4448
  }
@@ -4581,6 +4582,7 @@
4581
4582
  border-radius: 0;
4582
4583
  }
4583
4584
  .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
4585
+ color: #3f3f46;
4584
4586
  padding: 0.75rem 1rem;
4585
4587
  user-select: none;
4586
4588
  }
@@ -4699,6 +4701,7 @@
4699
4701
  border-radius: 0;
4700
4702
  }
4701
4703
  .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link {
4704
+ color: #3f3f46;
4702
4705
  padding: 0.75rem 1rem;
4703
4706
  user-select: none;
4704
4707
  }
@@ -4810,6 +4813,7 @@
4810
4813
  border-radius: 0;
4811
4814
  }
4812
4815
  .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link {
4816
+ color: #3f3f46;
4813
4817
  padding: 0.75rem 1rem;
4814
4818
  user-select: none;
4815
4819
  }
@@ -4970,6 +4974,7 @@
4970
4974
  transition: none;
4971
4975
  }
4972
4976
  .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action {
4977
+ color: #3f3f46;
4973
4978
  padding: 1.25rem;
4974
4979
  font-weight: 700;
4975
4980
  }
@@ -5022,6 +5027,7 @@
5022
5027
  border-radius: 0;
5023
5028
  }
5024
5029
  .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link {
5030
+ color: #3f3f46;
5025
5031
  padding: 0.75rem 1rem;
5026
5032
  user-select: none;
5027
5033
  }
@@ -5219,6 +5225,7 @@
5219
5225
  border-radius: 0;
5220
5226
  }
5221
5227
  .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
5228
+ color: #3f3f46;
5222
5229
  padding: 0.75rem 1rem;
5223
5230
  user-select: none;
5224
5231
  }
package/resources/themes/vela-blue/theme.css CHANGED
@@ -4407,6 +4407,7 @@
4407
4407
  border-radius: 0;
4408
4408
  }
4409
4409
  .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
4410
+ color: rgba(255, 255, 255, 0.87);
4410
4411
  padding: 0.75rem 1rem;
4411
4412
  user-select: none;
4412
4413
  }
@@ -4546,6 +4547,7 @@
4546
4547
  border-radius: 0;
4547
4548
  }
4548
4549
  .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
4550
+ color: rgba(255, 255, 255, 0.87);
4549
4551
  padding: 0.75rem 1rem;
4550
4552
  user-select: none;
4551
4553
  }
@@ -4664,6 +4666,7 @@
4664
4666
  border-radius: 0;
4665
4667
  }
4666
4668
  .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link {
4669
+ color: rgba(255, 255, 255, 0.87);
4667
4670
  padding: 0.75rem 1rem;
4668
4671
  user-select: none;
4669
4672
  }
@@ -4775,6 +4778,7 @@
4775
4778
  border-radius: 0;
4776
4779
  }
4777
4780
  .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link {
4781
+ color: rgba(255, 255, 255, 0.87);
4778
4782
  padding: 0.75rem 1rem;
4779
4783
  user-select: none;
4780
4784
  }
@@ -4935,6 +4939,7 @@
4935
4939
  transition: box-shadow 0.2s;
4936
4940
  }
4937
4941
  .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action {
4942
+ color: rgba(255, 255, 255, 0.87);
4938
4943
  padding: 1rem;
4939
4944
  font-weight: 600;
4940
4945
  }
@@ -4987,6 +4992,7 @@
4987
4992
  border-radius: 0;
4988
4993
  }
4989
4994
  .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link {
4995
+ color: rgba(255, 255, 255, 0.87);
4990
4996
  padding: 0.75rem 1rem;
4991
4997
  user-select: none;
4992
4998
  }
@@ -5184,6 +5190,7 @@
5184
5190
  border-radius: 0;
5185
5191
  }
5186
5192
  .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
5193
+ color: rgba(255, 255, 255, 0.87);
5187
5194
  padding: 0.75rem 1rem;
5188
5195
  user-select: none;
5189
5196
  }
package/resources/themes/vela-green/theme.css CHANGED
@@ -4407,6 +4407,7 @@
4407
4407
  border-radius: 0;
4408
4408
  }
4409
4409
  .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
4410
+ color: rgba(255, 255, 255, 0.87);
4410
4411
  padding: 0.75rem 1rem;
4411
4412
  user-select: none;
4412
4413
  }
@@ -4546,6 +4547,7 @@
4546
4547
  border-radius: 0;
4547
4548
  }
4548
4549
  .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
4550
+ color: rgba(255, 255, 255, 0.87);
4549
4551
  padding: 0.75rem 1rem;
4550
4552
  user-select: none;
4551
4553
  }
@@ -4664,6 +4666,7 @@
4664
4666
  border-radius: 0;
4665
4667
  }
4666
4668
  .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link {
4669
+ color: rgba(255, 255, 255, 0.87);
4667
4670
  padding: 0.75rem 1rem;
4668
4671
  user-select: none;
4669
4672
  }
@@ -4775,6 +4778,7 @@
4775
4778
  border-radius: 0;
4776
4779
  }
4777
4780
  .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link {
4781
+ color: rgba(255, 255, 255, 0.87);
4778
4782
  padding: 0.75rem 1rem;
4779
4783
  user-select: none;
4780
4784
  }
@@ -4935,6 +4939,7 @@
4935
4939
  transition: box-shadow 0.2s;
4936
4940
  }
4937
4941
  .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action {
4942
+ color: rgba(255, 255, 255, 0.87);
4938
4943
  padding: 1rem;
4939
4944
  font-weight: 600;
4940
4945
  }
@@ -4987,6 +4992,7 @@
4987
4992
  border-radius: 0;
4988
4993
  }
4989
4994
  .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link {
4995
+ color: rgba(255, 255, 255, 0.87);
4990
4996
  padding: 0.75rem 1rem;
4991
4997
  user-select: none;
4992
4998
  }
@@ -5184,6 +5190,7 @@
5184
5190
  border-radius: 0;
5185
5191
  }
5186
5192
  .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
5193
+ color: rgba(255, 255, 255, 0.87);
5187
5194
  padding: 0.75rem 1rem;
5188
5195
  user-select: none;
5189
5196
  }
package/resources/themes/vela-orange/theme.css CHANGED
@@ -4407,6 +4407,7 @@
4407
4407
  border-radius: 0;
4408
4408
  }
4409
4409
  .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
4410
+ color: rgba(255, 255, 255, 0.87);
4410
4411
  padding: 0.75rem 1rem;
4411
4412
  user-select: none;
4412
4413
  }
@@ -4546,6 +4547,7 @@
4546
4547
  border-radius: 0;
4547
4548
  }
4548
4549
  .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
4550
+ color: rgba(255, 255, 255, 0.87);
4549
4551
  padding: 0.75rem 1rem;
4550
4552
  user-select: none;
4551
4553
  }
@@ -4664,6 +4666,7 @@
4664
4666
  border-radius: 0;
4665
4667
  }
4666
4668
  .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link {
4669
+ color: rgba(255, 255, 255, 0.87);
4667
4670
  padding: 0.75rem 1rem;
4668
4671
  user-select: none;
4669
4672
  }
@@ -4775,6 +4778,7 @@
4775
4778
  border-radius: 0;
4776
4779
  }
4777
4780
  .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link {
4781
+ color: rgba(255, 255, 255, 0.87);
4778
4782
  padding: 0.75rem 1rem;
4779
4783
  user-select: none;
4780
4784
  }
@@ -4935,6 +4939,7 @@
4935
4939
  transition: box-shadow 0.2s;
4936
4940
  }
4937
4941
  .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action {
4942
+ color: rgba(255, 255, 255, 0.87);
4938
4943
  padding: 1rem;
4939
4944
  font-weight: 600;
4940
4945
  }
@@ -4987,6 +4992,7 @@
4987
4992
  border-radius: 0;
4988
4993
  }
4989
4994
  .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link {
4995
+ color: rgba(255, 255, 255, 0.87);
4990
4996
  padding: 0.75rem 1rem;
4991
4997
  user-select: none;
4992
4998
  }
@@ -5184,6 +5190,7 @@
5184
5190
  border-radius: 0;
5185
5191
  }
5186
5192
  .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
5193
+ color: rgba(255, 255, 255, 0.87);
5187
5194
  padding: 0.75rem 1rem;
5188
5195
  user-select: none;
5189
5196
  }
package/resources/themes/vela-purple/theme.css CHANGED
@@ -4407,6 +4407,7 @@
4407
4407
  border-radius: 0;
4408
4408
  }
4409
4409
  .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
4410
+ color: rgba(255, 255, 255, 0.87);
4410
4411
  padding: 0.75rem 1rem;
4411
4412
  user-select: none;
4412
4413
  }
@@ -4546,6 +4547,7 @@
4546
4547
  border-radius: 0;
4547
4548
  }
4548
4549
  .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
4550
+ color: rgba(255, 255, 255, 0.87);
4549
4551
  padding: 0.75rem 1rem;
4550
4552
  user-select: none;
4551
4553
  }
@@ -4664,6 +4666,7 @@
4664
4666
  border-radius: 0;
4665
4667
  }
4666
4668
  .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link {
4669
+ color: rgba(255, 255, 255, 0.87);
4667
4670
  padding: 0.75rem 1rem;
4668
4671
  user-select: none;
4669
4672
  }
@@ -4775,6 +4778,7 @@
4775
4778
  border-radius: 0;
4776
4779
  }
4777
4780
  .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link {
4781
+ color: rgba(255, 255, 255, 0.87);
4778
4782
  padding: 0.75rem 1rem;
4779
4783
  user-select: none;
4780
4784
  }
@@ -4935,6 +4939,7 @@
4935
4939
  transition: box-shadow 0.2s;
4936
4940
  }
4937
4941
  .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action {
4942
+ color: rgba(255, 255, 255, 0.87);
4938
4943
  padding: 1rem;
4939
4944
  font-weight: 600;
4940
4945
  }
@@ -4987,6 +4992,7 @@
4987
4992
  border-radius: 0;
4988
4993
  }
4989
4994
  .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link {
4995
+ color: rgba(255, 255, 255, 0.87);
4990
4996
  padding: 0.75rem 1rem;
4991
4997
  user-select: none;
4992
4998
  }
@@ -5184,6 +5190,7 @@
5184
5190
  border-radius: 0;
5185
5191
  }
5186
5192
  .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
5193
+ color: rgba(255, 255, 255, 0.87);
5187
5194
  padding: 0.75rem 1rem;
5188
5195
  user-select: none;
5189
5196
  }
package/speeddial/SpeedDial.vue CHANGED
@@ -115,6 +115,7 @@ export default {
115
115
  list: null,
116
116
  data() {
117
117
  return {
118
+ id: this.$attrs.id,
118
119
  d_visible: this.visible,
119
120
  isItemClicked: false,
120
121
  focused: false,
@@ -122,11 +123,16 @@ export default {
122
123
  };
123
124
  },
124
125
  watch: {
126
+ '$attrs.id': function (newValue) {
127
+ this.id = newValue || UniqueComponentId();
128
+ },
125
129
  visible(newValue) {
126
130
  this.d_visible = newValue;
127
131
  }
128
132
  },
129
133
  mounted() {
134
+ this.id = this.id || UniqueComponentId();
135
+
130
136
  if (this.type !== 'linear') {
131
137
  const button = DomHandler.findSingle(this.container, '.p-speeddial-button');
132
138
  const firstItem = DomHandler.findSingle(this.list, '.p-speeddial-item');
@@ -515,9 +521,6 @@ export default {
515
521
  this.maskClass
516
522
  ];
517
523
  },
518
- id() {
519
- return this.$attrs.id || UniqueComponentId();
520
- },
521
524
  focusedOptionId() {
522
525
  return this.focusedOptionIndex !== -1 ? this.focusedOptionIndex : null;
523
526
  }
package/speeddial/speeddial.cjs.js CHANGED
@@ -78,6 +78,7 @@ var script = {
78
78
  list: null,
79
79
  data() {
80
80
  return {
81
+ id: this.$attrs.id,
81
82
  d_visible: this.visible,
82
83
  isItemClicked: false,
83
84
  focused: false,
@@ -85,11 +86,16 @@ var script = {
85
86
  };
86
87
  },
87
88
  watch: {
89
+ '$attrs.id': function (newValue) {
90
+ this.id = newValue || utils.UniqueComponentId();
91
+ },
88
92
  visible(newValue) {
89
93
  this.d_visible = newValue;
90
94
  }
91
95
  },
92
96
  mounted() {
97
+ this.id = this.id || utils.UniqueComponentId();
98
+
93
99
  if (this.type !== 'linear') {
94
100
  const button = utils.DomHandler.findSingle(this.container, '.p-speeddial-button');
95
101
  const firstItem = utils.DomHandler.findSingle(this.list, '.p-speeddial-item');
@@ -472,9 +478,6 @@ var script = {
472
478
  this.maskClass
473
479
  ];
474
480
  },
475
- id() {
476
- return this.$attrs.id || utils.UniqueComponentId();
477
- },
478
481
  focusedOptionId() {
479
482
  return this.focusedOptionIndex !== -1 ? this.focusedOptionIndex : null;
480
483
  }
@@ -513,14 +516,14 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
513
516
  onKeydown: $options.onTogglerKeydown,
514
517
  "aria-expanded": $data.d_visible,
515
518
  "aria-haspopup": true,
516
- "aria-controls": $options.id + '_list',
519
+ "aria-controls": $data.id + '_list',
517
520
  "aria-label": _ctx.ariaLabel,
518
521
  "aria-labelledby": _ctx.ariaLabelledby
519
522
  }, null, 8, ["class", "icon", "disabled", "onKeydown", "aria-expanded", "aria-controls", "aria-label", "aria-labelledby"])
520
523
  ]),
521
524
  vue.createElementVNode("ul", {
522
525
  ref: $options.listRef,
523
- id: $options.id + '_list',
526
+ id: $data.id + '_list',
524
527
  class: "p-speeddial-list",
525
528
  role: "menu",
526
529
  onFocus: _cache[1] || (_cache[1] = (...args) => ($options.onFocus && $options.onFocus(...args))),
@@ -534,9 +537,9 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
534
537
  ($options.isItemVisible(item))
535
538
  ? (vue.openBlock(), vue.createElementBlock("li", {
536
539
  key: 0,
537
- id: `${$options.id}_${index}`,
538
- "aria-controls": `${$options.id}_item`,
539
- class: vue.normalizeClass(["p-speeddial-item", $options.itemClass(`${$options.id}_${index}`)]),
540
+ id: `${$data.id}_${index}`,
541
+ "aria-controls": `${$data.id}_item`,
542
+ class: vue.normalizeClass(["p-speeddial-item", $options.itemClass(`${$data.id}_${index}`)]),
540
543
  style: vue.normalizeStyle($options.getItemStyle(index)),
541
544
  role: "menuitem"
542
545
  }, [