primevue 3.9.1 → 3.12.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 (598) hide show
  1. package/README.md +256 -2
  2. package/accordion/Accordion.d.ts +74 -11
  3. package/accordion/accordion.esm.js +1 -1
  4. package/accordion/accordion.esm.min.js +1 -1
  5. package/accordion/accordion.js +1 -1
  6. package/accordiontab/AccordionTab.d.ts +37 -8
  7. package/accordiontab/accordiontab.esm.js +1 -1
  8. package/accordiontab/accordiontab.esm.min.js +1 -1
  9. package/accordiontab/accordiontab.js +1 -1
  10. package/api/Api.d.ts +292 -285
  11. package/api/api.js +1 -1
  12. package/autocomplete/AutoComplete.d.ts +280 -63
  13. package/autocomplete/AutoComplete.vue +2 -2
  14. package/autocomplete/autocomplete.cjs.js +7 -6
  15. package/autocomplete/autocomplete.cjs.min.js +1 -1
  16. package/autocomplete/autocomplete.esm.js +4 -3
  17. package/autocomplete/autocomplete.esm.min.js +1 -1
  18. package/autocomplete/autocomplete.js +8 -7
  19. package/autocomplete/autocomplete.min.js +1 -1
  20. package/avatar/Avatar.d.ts +57 -8
  21. package/avatar/avatar.esm.js +1 -1
  22. package/avatar/avatar.esm.min.js +1 -1
  23. package/avatar/avatar.js +1 -1
  24. package/avatargroup/AvatarGroup.d.ts +29 -3
  25. package/avatargroup/avatargroup.esm.js +1 -1
  26. package/avatargroup/avatargroup.esm.min.js +1 -1
  27. package/avatargroup/avatargroup.js +1 -1
  28. package/badge/Badge.d.ts +46 -5
  29. package/badge/badge.esm.js +1 -1
  30. package/badge/badge.esm.min.js +1 -1
  31. package/badge/badge.js +1 -1
  32. package/badgedirective/badgedirective.esm.js +1 -1
  33. package/badgedirective/badgedirective.esm.min.js +1 -1
  34. package/badgedirective/badgedirective.js +1 -1
  35. package/blockui/BlockUI.d.ts +52 -11
  36. package/blockui/blockui.esm.js +1 -1
  37. package/blockui/blockui.esm.min.js +1 -1
  38. package/blockui/blockui.js +1 -1
  39. package/breadcrumb/Breadcrumb.d.ts +49 -9
  40. package/breadcrumb/breadcrumb.esm.js +1 -1
  41. package/breadcrumb/breadcrumb.esm.min.js +1 -1
  42. package/breadcrumb/breadcrumb.js +1 -1
  43. package/button/Button.d.ts +68 -11
  44. package/button/button.cjs.js +1 -1
  45. package/button/button.esm.js +1 -1
  46. package/button/button.esm.min.js +1 -1
  47. package/button/button.js +2 -2
  48. package/calendar/Calendar.d.ts +333 -62
  49. package/calendar/Calendar.vue +67 -35
  50. package/calendar/calendar.cjs.js +141 -110
  51. package/calendar/calendar.cjs.min.js +1 -1
  52. package/calendar/calendar.esm.js +139 -107
  53. package/calendar/calendar.esm.min.js +1 -1
  54. package/calendar/calendar.js +143 -111
  55. package/calendar/calendar.min.js +1 -1
  56. package/card/Card.d.ts +43 -9
  57. package/card/card.esm.js +1 -1
  58. package/card/card.esm.min.js +1 -1
  59. package/card/card.js +1 -1
  60. package/carousel/Carousel.d.ts +121 -24
  61. package/carousel/carousel.cjs.js +1 -1
  62. package/carousel/carousel.esm.js +1 -1
  63. package/carousel/carousel.esm.min.js +1 -1
  64. package/carousel/carousel.js +2 -2
  65. package/cascadeselect/CascadeSelect.d.ts +164 -31
  66. package/cascadeselect/cascadeselect.cjs.js +2 -2
  67. package/cascadeselect/cascadeselect.esm.js +1 -1
  68. package/cascadeselect/cascadeselect.esm.min.js +1 -1
  69. package/cascadeselect/cascadeselect.js +3 -3
  70. package/chart/Chart.d.ts +104 -12
  71. package/chart/Chart.vue +9 -2
  72. package/chart/chart.cjs.js +11 -6
  73. package/chart/chart.cjs.min.js +1 -1
  74. package/chart/chart.esm.js +10 -3
  75. package/chart/chart.esm.min.js +1 -1
  76. package/chart/chart.js +10 -3
  77. package/chart/chart.min.js +1 -1
  78. package/checkbox/Checkbox.d.ts +66 -8
  79. package/checkbox/checkbox.esm.js +1 -1
  80. package/checkbox/checkbox.esm.min.js +1 -1
  81. package/checkbox/checkbox.js +1 -1
  82. package/chip/Chip.d.ts +50 -4
  83. package/chip/chip.esm.js +1 -1
  84. package/chip/chip.esm.min.js +1 -1
  85. package/chip/chip.js +1 -1
  86. package/chips/Chips.d.ts +88 -15
  87. package/chips/chips.esm.js +1 -1
  88. package/chips/chips.esm.min.js +1 -1
  89. package/chips/chips.js +1 -1
  90. package/colorpicker/ColorPicker.d.ts +105 -16
  91. package/colorpicker/colorpicker.cjs.js +1 -1
  92. package/colorpicker/colorpicker.esm.js +1 -1
  93. package/colorpicker/colorpicker.esm.min.js +1 -1
  94. package/colorpicker/colorpicker.js +2 -2
  95. package/column/Column.d.ts +452 -78
  96. package/column/Column.vue +6 -2
  97. package/column/column.cjs.js +6 -2
  98. package/column/column.cjs.min.js +1 -1
  99. package/column/column.esm.js +7 -3
  100. package/column/column.esm.min.js +1 -1
  101. package/column/column.js +7 -3
  102. package/column/column.min.js +1 -1
  103. package/columngroup/ColumnGroup.d.ts +30 -4
  104. package/columngroup/columngroup.esm.js +1 -1
  105. package/columngroup/columngroup.esm.min.js +1 -1
  106. package/columngroup/columngroup.js +1 -1
  107. package/config/config.cjs.js +1 -1
  108. package/config/config.esm.js +1 -2
  109. package/config/config.esm.min.js +1 -1
  110. package/config/config.js +2 -2
  111. package/confirmationeventbus/confirmationeventbus.esm.js +1 -1
  112. package/confirmationeventbus/confirmationeventbus.esm.min.js +1 -1
  113. package/confirmationeventbus/confirmationeventbus.js +1 -1
  114. package/confirmationoptions/ConfirmationOptions.d.ts +62 -0
  115. package/confirmationoptions/package.json +3 -0
  116. package/confirmationservice/ConfirmationService.d.ts +2 -1
  117. package/confirmationservice/confirmationservice.cjs.js +2 -2
  118. package/confirmationservice/confirmationservice.esm.js +1 -1
  119. package/confirmationservice/confirmationservice.esm.min.js +1 -1
  120. package/confirmationservice/confirmationservice.js +3 -3
  121. package/confirmdialog/ConfirmDialog.d.ts +57 -5
  122. package/confirmdialog/confirmdialog.cjs.js +6 -6
  123. package/confirmdialog/confirmdialog.esm.js +1 -1
  124. package/confirmdialog/confirmdialog.esm.min.js +1 -1
  125. package/confirmdialog/confirmdialog.js +7 -7
  126. package/confirmpopup/ConfirmPopup.d.ts +38 -7
  127. package/confirmpopup/confirmpopup.cjs.js +6 -6
  128. package/confirmpopup/confirmpopup.esm.js +1 -1
  129. package/confirmpopup/confirmpopup.esm.min.js +1 -1
  130. package/confirmpopup/confirmpopup.js +7 -7
  131. package/contextmenu/ContextMenu.d.ts +88 -16
  132. package/contextmenu/contextmenu.cjs.js +1 -1
  133. package/contextmenu/contextmenu.esm.js +1 -1
  134. package/contextmenu/contextmenu.esm.min.js +1 -1
  135. package/contextmenu/contextmenu.js +2 -2
  136. package/core/core.js +754 -327
  137. package/core/core.min.js +7 -5
  138. package/datatable/BodyCell.vue +26 -1
  139. package/datatable/DataTable.d.ts +1056 -131
  140. package/datatable/DataTable.vue +124 -118
  141. package/datatable/HeaderCheckbox.vue +5 -2
  142. package/datatable/RowCheckbox.vue +1 -1
  143. package/datatable/RowRadioButton.vue +1 -1
  144. package/datatable/TableBody.vue +53 -14
  145. package/datatable/TableFooter.vue +18 -1
  146. package/datatable/TableHeader.vue +18 -1
  147. package/datatable/datatable.cjs.js +488 -362
  148. package/datatable/datatable.cjs.min.js +1 -1
  149. package/datatable/datatable.esm.js +478 -353
  150. package/datatable/datatable.esm.min.js +1 -1
  151. package/datatable/datatable.js +489 -364
  152. package/datatable/datatable.min.js +1 -1
  153. package/dataview/DataView.d.ts +198 -32
  154. package/dataview/dataview.cjs.js +1 -1
  155. package/dataview/dataview.esm.js +1 -1
  156. package/dataview/dataview.esm.min.js +1 -1
  157. package/dataview/dataview.js +2 -2
  158. package/dataviewlayoutoptions/DataViewLayoutOptions.d.ts +34 -5
  159. package/dataviewlayoutoptions/dataviewlayoutoptions.esm.js +1 -1
  160. package/dataviewlayoutoptions/dataviewlayoutoptions.esm.min.js +1 -1
  161. package/dataviewlayoutoptions/dataviewlayoutoptions.js +1 -1
  162. package/deferredcontent/DeferredContent.d.ts +31 -6
  163. package/deferredcontent/deferredcontent.esm.js +1 -1
  164. package/deferredcontent/deferredcontent.esm.min.js +1 -1
  165. package/deferredcontent/deferredcontent.js +1 -1
  166. package/dialog/Dialog.d.ts +187 -34
  167. package/dialog/Dialog.vue +1 -1
  168. package/dialog/dialog.cjs.js +2 -3
  169. package/dialog/dialog.cjs.min.js +1 -1
  170. package/dialog/dialog.esm.js +2 -3
  171. package/dialog/dialog.esm.min.js +1 -1
  172. package/dialog/dialog.js +3 -4
  173. package/dialog/dialog.min.js +1 -1
  174. package/divider/Divider.d.ts +53 -8
  175. package/divider/divider.esm.js +1 -1
  176. package/divider/divider.esm.min.js +1 -1
  177. package/divider/divider.js +1 -1
  178. package/dock/Dock.d.ts +92 -15
  179. package/dock/DockSub.vue +3 -1
  180. package/dock/dock.cjs.js +4 -1
  181. package/dock/dock.cjs.min.js +1 -1
  182. package/dock/dock.esm.js +4 -2
  183. package/dock/dock.esm.min.js +1 -1
  184. package/dock/dock.js +5 -3
  185. package/dock/dock.min.js +1 -1
  186. package/dropdown/Dropdown.d.ts +335 -76
  187. package/dropdown/Dropdown.vue +16 -12
  188. package/dropdown/dropdown.cjs.js +21 -15
  189. package/dropdown/dropdown.cjs.min.js +1 -1
  190. package/dropdown/dropdown.esm.js +19 -13
  191. package/dropdown/dropdown.esm.min.js +1 -1
  192. package/dropdown/dropdown.js +22 -16
  193. package/dropdown/dropdown.min.js +1 -1
  194. package/editor/Editor.d.ts +78 -11
  195. package/editor/editor.cjs.js +1 -1
  196. package/editor/editor.esm.js +1 -1
  197. package/editor/editor.esm.min.js +1 -1
  198. package/editor/editor.js +2 -2
  199. package/fieldset/Fieldset.d.ts +63 -11
  200. package/fieldset/fieldset.cjs.js +1 -1
  201. package/fieldset/fieldset.esm.js +1 -1
  202. package/fieldset/fieldset.esm.min.js +1 -1
  203. package/fieldset/fieldset.js +2 -2
  204. package/fileupload/FileUpload.d.ts +255 -37
  205. package/fileupload/fileupload.cjs.js +4 -4
  206. package/fileupload/fileupload.esm.js +1 -1
  207. package/fileupload/fileupload.esm.min.js +1 -1
  208. package/fileupload/fileupload.js +5 -5
  209. package/fullcalendar/FullCalendar.d.ts +29 -3
  210. package/fullcalendar/fullcalendar.esm.js +1 -1
  211. package/fullcalendar/fullcalendar.esm.min.js +1 -1
  212. package/fullcalendar/fullcalendar.js +1 -1
  213. package/galleria/Galleria.d.ts +196 -46
  214. package/galleria/galleria.cjs.js +3 -3
  215. package/galleria/galleria.esm.js +1 -1
  216. package/galleria/galleria.esm.min.js +1 -1
  217. package/galleria/galleria.js +4 -4
  218. package/image/Image.d.ts +51 -6
  219. package/image/image.esm.js +1 -1
  220. package/image/image.esm.min.js +1 -1
  221. package/image/image.js +1 -1
  222. package/inlinemessage/InlineMessage.d.ts +34 -6
  223. package/inlinemessage/inlinemessage.esm.js +1 -1
  224. package/inlinemessage/inlinemessage.esm.min.js +1 -1
  225. package/inlinemessage/inlinemessage.js +1 -1
  226. package/inplace/Inplace.d.ts +57 -12
  227. package/inplace/inplace.cjs.js +1 -1
  228. package/inplace/inplace.esm.js +1 -1
  229. package/inplace/inplace.esm.min.js +1 -1
  230. package/inplace/inplace.js +2 -2
  231. package/inputmask/InputMask.d.ts +75 -15
  232. package/inputmask/inputmask.esm.js +1 -1
  233. package/inputmask/inputmask.esm.min.js +1 -1
  234. package/inputmask/inputmask.js +1 -1
  235. package/inputnumber/InputNumber.d.ts +180 -30
  236. package/inputnumber/inputnumber.cjs.js +2 -2
  237. package/inputnumber/inputnumber.esm.js +1 -1
  238. package/inputnumber/inputnumber.esm.min.js +1 -1
  239. package/inputnumber/inputnumber.js +3 -3
  240. package/inputswitch/InputSwitch.d.ts +61 -9
  241. package/inputswitch/inputswitch.esm.js +1 -1
  242. package/inputswitch/inputswitch.esm.min.js +1 -1
  243. package/inputswitch/inputswitch.js +1 -1
  244. package/inputtext/InputText.d.ts +34 -5
  245. package/inputtext/inputtext.esm.js +1 -1
  246. package/inputtext/inputtext.esm.min.js +1 -1
  247. package/inputtext/inputtext.js +1 -1
  248. package/knob/Knob.d.ts +92 -18
  249. package/knob/Knob.vue +1 -1
  250. package/knob/knob.cjs.js +1 -1
  251. package/knob/knob.cjs.min.js +1 -1
  252. package/knob/knob.esm.js +2 -2
  253. package/knob/knob.esm.min.js +1 -1
  254. package/knob/knob.js +2 -2
  255. package/knob/knob.min.js +1 -1
  256. package/listbox/Listbox.d.ts +240 -55
  257. package/listbox/Listbox.vue +2 -2
  258. package/listbox/listbox.cjs.js +5 -4
  259. package/listbox/listbox.cjs.min.js +1 -1
  260. package/listbox/listbox.esm.js +4 -3
  261. package/listbox/listbox.esm.min.js +1 -1
  262. package/listbox/listbox.js +6 -5
  263. package/listbox/listbox.min.js +1 -1
  264. package/megamenu/MegaMenu.d.ts +60 -12
  265. package/megamenu/megamenu.cjs.js +1 -1
  266. package/megamenu/megamenu.esm.js +1 -1
  267. package/megamenu/megamenu.esm.min.js +1 -1
  268. package/megamenu/megamenu.js +2 -2
  269. package/menu/Menu.d.ts +84 -15
  270. package/menu/menu.cjs.js +2 -2
  271. package/menu/menu.esm.js +1 -1
  272. package/menu/menu.esm.min.js +1 -1
  273. package/menu/menu.js +3 -3
  274. package/menubar/Menubar.d.ts +52 -11
  275. package/menubar/menubar.cjs.js +1 -1
  276. package/menubar/menubar.esm.js +1 -1
  277. package/menubar/menubar.esm.min.js +1 -1
  278. package/menubar/menubar.js +2 -2
  279. package/menuitem/MenuItem.d.ts +82 -0
  280. package/menuitem/package.json +3 -0
  281. package/message/Message.d.ts +57 -11
  282. package/message/message.cjs.js +1 -1
  283. package/message/message.esm.js +1 -1
  284. package/message/message.esm.min.js +1 -1
  285. package/message/message.js +2 -2
  286. package/multiselect/MultiSelect.d.ts +363 -83
  287. package/multiselect/MultiSelect.vue +17 -13
  288. package/multiselect/multiselect.cjs.js +20 -13
  289. package/multiselect/multiselect.cjs.min.js +1 -1
  290. package/multiselect/multiselect.esm.js +18 -11
  291. package/multiselect/multiselect.esm.min.js +1 -1
  292. package/multiselect/multiselect.js +21 -14
  293. package/multiselect/multiselect.min.js +1 -1
  294. package/orderlist/OrderList.d.ts +126 -19
  295. package/orderlist/OrderList.vue +10 -1
  296. package/orderlist/orderlist.cjs.js +19 -11
  297. package/orderlist/orderlist.cjs.min.js +1 -1
  298. package/orderlist/orderlist.esm.js +18 -10
  299. package/orderlist/orderlist.esm.min.js +1 -1
  300. package/orderlist/orderlist.js +20 -12
  301. package/orderlist/orderlist.min.js +1 -1
  302. package/organizationchart/OrganizationChart.d.ts +137 -15
  303. package/organizationchart/organizationchart.esm.js +1 -1
  304. package/organizationchart/organizationchart.esm.min.js +1 -1
  305. package/organizationchart/organizationchart.js +1 -1
  306. package/overlayeventbus/overlayeventbus.esm.js +1 -1
  307. package/overlayeventbus/overlayeventbus.esm.min.js +1 -1
  308. package/overlayeventbus/overlayeventbus.js +1 -1
  309. package/overlaypanel/OverlayPanel.d.ts +107 -12
  310. package/overlaypanel/overlaypanel.cjs.js +5 -5
  311. package/overlaypanel/overlaypanel.esm.js +1 -1
  312. package/overlaypanel/overlaypanel.esm.min.js +1 -1
  313. package/overlaypanel/overlaypanel.js +6 -6
  314. package/package.json +1 -1
  315. package/paginator/Paginator.d.ts +129 -27
  316. package/paginator/paginator.cjs.js +8 -8
  317. package/paginator/paginator.esm.js +1 -1
  318. package/paginator/paginator.esm.min.js +1 -1
  319. package/paginator/paginator.js +9 -9
  320. package/panel/Panel.d.ts +64 -9
  321. package/panel/panel.cjs.js +1 -1
  322. package/panel/panel.esm.js +1 -1
  323. package/panel/panel.esm.min.js +1 -1
  324. package/panel/panel.js +2 -2
  325. package/panelmenu/PanelMenu.d.ts +59 -11
  326. package/panelmenu/PanelMenu.vue +2 -2
  327. package/panelmenu/panelmenu.cjs.js +4 -4
  328. package/panelmenu/panelmenu.cjs.min.js +1 -1
  329. package/panelmenu/panelmenu.esm.js +5 -5
  330. package/panelmenu/panelmenu.esm.min.js +1 -1
  331. package/panelmenu/panelmenu.js +5 -5
  332. package/panelmenu/panelmenu.min.js +1 -1
  333. package/password/Password.d.ts +115 -24
  334. package/password/password.cjs.js +2 -2
  335. package/password/password.esm.js +1 -1
  336. package/password/password.esm.min.js +1 -1
  337. package/password/password.js +3 -3
  338. package/picklist/PickList.d.ts +203 -32
  339. package/picklist/PickList.vue +10 -1
  340. package/picklist/picklist.cjs.js +27 -19
  341. package/picklist/picklist.cjs.min.js +1 -1
  342. package/picklist/picklist.esm.js +26 -18
  343. package/picklist/picklist.esm.min.js +1 -1
  344. package/picklist/picklist.js +28 -20
  345. package/picklist/picklist.min.js +1 -1
  346. package/progressbar/ProgressBar.d.ts +43 -8
  347. package/progressbar/progressbar.esm.js +1 -1
  348. package/progressbar/progressbar.esm.min.js +1 -1
  349. package/progressbar/progressbar.js +1 -1
  350. package/progressspinner/ProgressSpinner.d.ts +39 -6
  351. package/progressspinner/progressspinner.esm.js +1 -1
  352. package/progressspinner/progressspinner.esm.min.js +1 -1
  353. package/progressspinner/progressspinner.js +1 -1
  354. package/radiobutton/RadioButton.d.ts +52 -7
  355. package/radiobutton/radiobutton.esm.js +1 -1
  356. package/radiobutton/radiobutton.esm.min.js +1 -1
  357. package/radiobutton/radiobutton.js +1 -1
  358. package/rating/Rating.d.ts +67 -10
  359. package/rating/rating.esm.js +1 -1
  360. package/rating/rating.esm.min.js +1 -1
  361. package/rating/rating.js +1 -1
  362. package/resources/themes/arya-blue/theme.css +41 -22
  363. package/resources/themes/arya-green/theme.css +41 -22
  364. package/resources/themes/arya-orange/theme.css +41 -22
  365. package/resources/themes/arya-purple/theme.css +41 -22
  366. package/resources/themes/bootstrap4-dark-blue/theme.css +29 -6
  367. package/resources/themes/bootstrap4-dark-purple/theme.css +29 -6
  368. package/resources/themes/bootstrap4-light-blue/theme.css +29 -6
  369. package/resources/themes/bootstrap4-light-purple/theme.css +29 -6
  370. package/resources/themes/fluent-light/theme.css +41 -22
  371. package/resources/themes/lara-dark-blue/theme.css +371 -361
  372. package/resources/themes/lara-dark-indigo/theme.css +371 -361
  373. package/resources/themes/lara-dark-purple/theme.css +371 -361
  374. package/resources/themes/lara-dark-teal/theme.css +371 -361
  375. package/resources/themes/lara-light-blue/theme.css +41 -31
  376. package/resources/themes/lara-light-indigo/theme.css +41 -31
  377. package/resources/themes/lara-light-purple/theme.css +41 -31
  378. package/resources/themes/lara-light-teal/theme.css +41 -31
  379. package/resources/themes/luna-amber/theme.css +41 -22
  380. package/resources/themes/luna-blue/theme.css +41 -22
  381. package/resources/themes/luna-green/theme.css +41 -22
  382. package/resources/themes/luna-pink/theme.css +41 -22
  383. package/resources/themes/md-dark-deeppurple/theme.css +24 -5
  384. package/resources/themes/md-dark-indigo/theme.css +24 -5
  385. package/resources/themes/md-light-deeppurple/theme.css +24 -5
  386. package/resources/themes/md-light-indigo/theme.css +24 -5
  387. package/resources/themes/mdc-dark-deeppurple/theme.css +24 -5
  388. package/resources/themes/mdc-dark-indigo/theme.css +24 -5
  389. package/resources/themes/mdc-light-deeppurple/theme.css +24 -5
  390. package/resources/themes/mdc-light-indigo/theme.css +24 -5
  391. package/resources/themes/nova/theme.css +41 -22
  392. package/resources/themes/nova-accent/theme.css +41 -22
  393. package/resources/themes/nova-alt/theme.css +41 -22
  394. package/resources/themes/nova-vue/theme.css +41 -22
  395. package/resources/themes/rhea/theme.css +41 -22
  396. package/resources/themes/saga-blue/theme.css +25 -6
  397. package/resources/themes/saga-green/theme.css +25 -6
  398. package/resources/themes/saga-orange/theme.css +25 -6
  399. package/resources/themes/saga-purple/theme.css +25 -6
  400. package/resources/themes/tailwind-light/theme.css +44 -25
  401. package/resources/themes/vela-blue/theme.css +41 -22
  402. package/resources/themes/vela-green/theme.css +41 -22
  403. package/resources/themes/vela-orange/theme.css +41 -22
  404. package/resources/themes/vela-purple/theme.css +41 -22
  405. package/ripple/ripple.esm.js +1 -1
  406. package/ripple/ripple.esm.min.js +1 -1
  407. package/ripple/ripple.js +1 -1
  408. package/row/Row.d.ts +25 -3
  409. package/row/row.esm.js +1 -1
  410. package/row/row.esm.min.js +1 -1
  411. package/row/row.js +1 -1
  412. package/scrollpanel/ScrollPanel.d.ts +27 -5
  413. package/scrollpanel/scrollpanel.esm.js +1 -1
  414. package/scrollpanel/scrollpanel.esm.min.js +1 -1
  415. package/scrollpanel/scrollpanel.js +1 -1
  416. package/scrolltop/ScrollTop.d.ts +47 -7
  417. package/scrolltop/scrolltop.esm.js +1 -1
  418. package/scrolltop/scrolltop.esm.min.js +1 -1
  419. package/scrolltop/scrolltop.js +1 -1
  420. package/selectbutton/SelectButton.d.ts +101 -17
  421. package/selectbutton/selectbutton.cjs.js +1 -1
  422. package/selectbutton/selectbutton.esm.js +1 -1
  423. package/selectbutton/selectbutton.esm.min.js +1 -1
  424. package/selectbutton/selectbutton.js +2 -2
  425. package/sidebar/Sidebar.d.ts +81 -16
  426. package/sidebar/Sidebar.vue +2 -0
  427. package/sidebar/sidebar.cjs.js +2 -2
  428. package/sidebar/sidebar.cjs.min.js +1 -1
  429. package/sidebar/sidebar.esm.js +2 -2
  430. package/sidebar/sidebar.esm.min.js +1 -1
  431. package/sidebar/sidebar.js +3 -3
  432. package/sidebar/sidebar.min.js +1 -1
  433. package/skeleton/Skeleton.d.ts +58 -9
  434. package/skeleton/skeleton.esm.js +1 -1
  435. package/skeleton/skeleton.esm.min.js +1 -1
  436. package/skeleton/skeleton.js +1 -1
  437. package/slider/Slider.d.ts +90 -14
  438. package/slider/slider.esm.js +1 -1
  439. package/slider/slider.esm.min.js +1 -1
  440. package/slider/slider.js +1 -1
  441. package/speeddial/SpeedDial.d.ts +166 -29
  442. package/speeddial/SpeedDial.vue +3 -1
  443. package/speeddial/speeddial.cjs.js +5 -2
  444. package/speeddial/speeddial.cjs.min.js +1 -1
  445. package/speeddial/speeddial.esm.js +4 -2
  446. package/speeddial/speeddial.esm.min.js +1 -1
  447. package/speeddial/speeddial.js +6 -4
  448. package/speeddial/speeddial.min.js +1 -1
  449. package/splitbutton/SplitButton.d.ts +76 -11
  450. package/splitbutton/SplitButton.vue +3 -1
  451. package/splitbutton/splitbutton.cjs.js +15 -13
  452. package/splitbutton/splitbutton.cjs.min.js +1 -1
  453. package/splitbutton/splitbutton.esm.js +15 -13
  454. package/splitbutton/splitbutton.esm.min.js +1 -1
  455. package/splitbutton/splitbutton.js +16 -14
  456. package/splitbutton/splitbutton.min.js +1 -1
  457. package/splitter/Splitter.d.ts +74 -7
  458. package/splitter/Splitter.vue +5 -5
  459. package/splitter/splitter.cjs.js +1 -1
  460. package/splitter/splitter.cjs.min.js +1 -1
  461. package/splitter/splitter.esm.js +2 -2
  462. package/splitter/splitter.esm.min.js +1 -1
  463. package/splitter/splitter.js +2 -2
  464. package/splitter/splitter.min.js +1 -1
  465. package/splitterpanel/SplitterPanel.d.ts +34 -7
  466. package/splitterpanel/splitterpanel.esm.js +1 -1
  467. package/splitterpanel/splitterpanel.esm.min.js +1 -1
  468. package/splitterpanel/splitterpanel.js +1 -1
  469. package/steps/Steps.d.ts +51 -11
  470. package/steps/steps.esm.js +1 -1
  471. package/steps/steps.esm.min.js +1 -1
  472. package/steps/steps.js +1 -1
  473. package/styleclass/styleclass.esm.js +1 -1
  474. package/styleclass/styleclass.esm.min.js +1 -1
  475. package/styleclass/styleclass.js +1 -1
  476. package/tabmenu/TabMenu.d.ts +63 -10
  477. package/tabmenu/tabmenu.cjs.js +1 -1
  478. package/tabmenu/tabmenu.esm.js +1 -1
  479. package/tabmenu/tabmenu.esm.min.js +1 -1
  480. package/tabmenu/tabmenu.js +2 -2
  481. package/tabpanel/TabPanel.d.ts +38 -7
  482. package/tabpanel/tabpanel.esm.js +1 -1
  483. package/tabpanel/tabpanel.esm.min.js +1 -1
  484. package/tabpanel/tabpanel.js +1 -1
  485. package/tabview/TabView.d.ts +73 -11
  486. package/tabview/TabView.vue +1 -1
  487. package/tabview/tabview.cjs.js +2 -2
  488. package/tabview/tabview.cjs.min.js +1 -1
  489. package/tabview/tabview.esm.js +2 -2
  490. package/tabview/tabview.esm.min.js +1 -1
  491. package/tabview/tabview.js +3 -3
  492. package/tabview/tabview.min.js +1 -1
  493. package/tag/Tag.d.ts +44 -8
  494. package/tag/Tag.vue +1 -1
  495. package/tag/tag.cjs.js +6 -6
  496. package/tag/tag.cjs.min.js +1 -1
  497. package/tag/tag.esm.js +8 -8
  498. package/tag/tag.esm.min.js +1 -1
  499. package/tag/tag.js +7 -7
  500. package/tag/tag.min.js +1 -1
  501. package/terminal/Terminal.d.ts +36 -5
  502. package/terminal/terminal.cjs.js +3 -3
  503. package/terminal/terminal.esm.js +1 -1
  504. package/terminal/terminal.esm.min.js +1 -1
  505. package/terminal/terminal.js +4 -4
  506. package/terminalservice/TerminalService.d.ts +1 -1
  507. package/terminalservice/terminalservice.esm.js +1 -1
  508. package/terminalservice/terminalservice.esm.min.js +1 -1
  509. package/terminalservice/terminalservice.js +1 -1
  510. package/textarea/Textarea.d.ts +38 -6
  511. package/textarea/textarea.esm.js +1 -1
  512. package/textarea/textarea.esm.min.js +1 -1
  513. package/textarea/textarea.js +1 -1
  514. package/tieredmenu/TieredMenu.d.ts +89 -15
  515. package/tieredmenu/tieredmenu.cjs.js +2 -2
  516. package/tieredmenu/tieredmenu.esm.js +1 -1
  517. package/tieredmenu/tieredmenu.esm.min.js +1 -1
  518. package/tieredmenu/tieredmenu.js +3 -3
  519. package/timeline/Timeline.d.ts +94 -15
  520. package/timeline/timeline.esm.js +1 -1
  521. package/timeline/timeline.esm.min.js +1 -1
  522. package/timeline/timeline.js +1 -1
  523. package/toast/Toast.d.ts +118 -12
  524. package/toast/toast.cjs.js +7 -7
  525. package/toast/toast.esm.js +1 -1
  526. package/toast/toast.esm.min.js +1 -1
  527. package/toast/toast.js +8 -8
  528. package/toasteventbus/toasteventbus.esm.js +1 -1
  529. package/toasteventbus/toasteventbus.esm.min.js +1 -1
  530. package/toasteventbus/toasteventbus.js +1 -1
  531. package/toastservice/ToastService.d.ts +17 -5
  532. package/toastservice/toastservice.cjs.js +3 -3
  533. package/toastservice/toastservice.esm.js +1 -1
  534. package/toastservice/toastservice.esm.min.js +1 -1
  535. package/toastservice/toastservice.js +4 -4
  536. package/togglebutton/ToggleButton.d.ts +64 -11
  537. package/togglebutton/togglebutton.cjs.js +1 -1
  538. package/togglebutton/togglebutton.esm.js +1 -1
  539. package/togglebutton/togglebutton.esm.min.js +1 -1
  540. package/togglebutton/togglebutton.js +2 -2
  541. package/toolbar/Toolbar.d.ts +31 -6
  542. package/toolbar/toolbar.esm.js +1 -1
  543. package/toolbar/toolbar.esm.min.js +1 -1
  544. package/toolbar/toolbar.js +1 -1
  545. package/tooltip/tooltip.esm.js +1 -1
  546. package/tooltip/tooltip.esm.min.js +1 -1
  547. package/tooltip/tooltip.js +1 -1
  548. package/tree/Tree.d.ts +189 -26
  549. package/tree/Tree.vue +1 -0
  550. package/tree/tree.cjs.js +2 -2
  551. package/tree/tree.cjs.min.js +1 -1
  552. package/tree/tree.esm.js +2 -2
  553. package/tree/tree.esm.min.js +1 -1
  554. package/tree/tree.js +3 -3
  555. package/tree/tree.min.js +1 -1
  556. package/treeselect/TreeSelect.d.ts +201 -44
  557. package/treeselect/treeselect.cjs.js +3 -3
  558. package/treeselect/treeselect.esm.js +1 -1
  559. package/treeselect/treeselect.esm.min.js +1 -1
  560. package/treeselect/treeselect.js +4 -4
  561. package/treetable/BodyCell.vue +5 -5
  562. package/treetable/FooterCell.vue +3 -3
  563. package/treetable/HeaderCell.vue +2 -2
  564. package/treetable/TreeTable.d.ts +459 -63
  565. package/treetable/TreeTable.vue +6 -2
  566. package/treetable/treetable.cjs.js +13 -13
  567. package/treetable/treetable.cjs.min.js +1 -1
  568. package/treetable/treetable.esm.js +12 -12
  569. package/treetable/treetable.esm.min.js +1 -1
  570. package/treetable/treetable.js +14 -14
  571. package/treetable/treetable.min.js +1 -1
  572. package/tristatecheckbox/TriStateCheckbox.d.ts +40 -6
  573. package/tristatecheckbox/tristatecheckbox.esm.js +1 -1
  574. package/tristatecheckbox/tristatecheckbox.esm.min.js +1 -1
  575. package/tristatecheckbox/tristatecheckbox.js +1 -1
  576. package/ts-helpers.d.ts +28 -0
  577. package/useconfirm/UseConfirm.d.ts +5 -19
  578. package/useconfirm/useconfirm.js +1 -1
  579. package/usetoast/UseToast.d.ts +3 -5
  580. package/usetoast/usetoast.js +1 -1
  581. package/utils/Utils.d.ts +3 -0
  582. package/utils/utils.cjs.js +41 -4
  583. package/utils/utils.cjs.min.js +1 -1
  584. package/utils/utils.esm.js +41 -4
  585. package/utils/utils.esm.min.js +1 -1
  586. package/utils/utils.js +42 -5
  587. package/utils/utils.min.js +1 -1
  588. package/vetur-attributes.json +70 -30
  589. package/vetur-tags.json +18 -8
  590. package/virtualscroller/VirtualScroller.d.ts +294 -53
  591. package/virtualscroller/VirtualScroller.vue +304 -253
  592. package/virtualscroller/virtualscroller.cjs.js +333 -264
  593. package/virtualscroller/virtualscroller.cjs.min.js +1 -1
  594. package/virtualscroller/virtualscroller.esm.js +334 -265
  595. package/virtualscroller/virtualscroller.esm.min.js +1 -1
  596. package/virtualscroller/virtualscroller.js +334 -265
  597. package/virtualscroller/virtualscroller.min.js +1 -1
  598. package/web-types.json +229 -45
package/README.md CHANGED
@@ -5,6 +5,260 @@
5
5
 
6
6
  [![PrimeVue Hero](https://user-images.githubusercontent.com/686247/138925407-2a7e916d-c674-4fb5-b721-1dd41a8eeebc.jpg)](https://www.primefaces.org/primevue)
7
7
 
8
- ### Website
8
+ # PrimeVue
9
9
 
10
- Visit the [PrimeVue Website](https://www.primefaces.org/primevue/) for general information, demos and documentation.
10
+ PrimeVue is a rich set of open source UI Components for Vue. See [PrimeVue homepage](https://www.primefaces.org/primevue/) for live showcase and documentation.
11
+
12
+ ## Download
13
+
14
+ PrimeVue is available at npm, if you have an existing application run the following command to download it to your project.
15
+
16
+ ````
17
+ npm install primevue@^3 --save
18
+ npm install primeicons --save
19
+ ````
20
+
21
+ or
22
+
23
+ ```
24
+ yarn add primevue
25
+ yarn add primeicons
26
+ ```
27
+
28
+ Next step is setting up PrimeVue configuration.
29
+
30
+ ```javascript
31
+ import {createApp} from 'vue';
32
+ import App from './App.vue';
33
+ import PrimeVue from 'primevue/config';
34
+ const app = createApp(App);
35
+
36
+ app.use(PrimeVue);
37
+ ```
38
+
39
+ ## Import
40
+
41
+ ### Module
42
+
43
+ ```javascript
44
+ import {createApp} from 'vue';
45
+ import App from './App.vue';
46
+ import PrimeVue from 'primevue/config';
47
+ import Dialog from 'primevue/dialog';
48
+ const app = createApp(App);
49
+
50
+ app.use(PrimeVue);
51
+
52
+ app.component('Dialog', Dialog);
53
+ ```
54
+
55
+ Finally you'll be able to utilize the component in your application. See the Styles section to apply styling.
56
+
57
+ ```
58
+ <Dialog></Dialog>
59
+ ```
60
+
61
+ ### CDN
62
+
63
+ ```javascript
64
+ <script src="https://unpkg.com/primevue@^3/core/core.min.js"></script>/script>
65
+ <script src="https://unpkg.com/primevue@^3/multiselect/multiselect.min.js"></script>
66
+ ```
67
+
68
+ ## Single File Components
69
+
70
+ SFC files are available in the npm distribution and if you'd like to use SFCs directly, add ***/sfc*** as a suffix when referencing an import path. This will instruct your bundler to process the *.vue files in your local build instead of using the compiled output. One use case for this approach is optimizing for SSR by removing whitespaces.
71
+
72
+ ```javascript
73
+ import Dialog from 'primevue/dialog/sfc';
74
+ ```
75
+
76
+ ## Script Tag
77
+
78
+ Other alternative is utilizing the components directly within the browser with the ***iife*** build. Note that PrimeVue does not provide a ***umd*** build.
79
+
80
+ ```javascript
81
+ <html>
82
+ <head>
83
+ <meta charset="utf-8">
84
+ <title>PrimeVue Demo</title>
85
+ <link href="https://unpkg.com/primevue/resources/themes/lara-light-indigo/theme.css" rel="stylesheet">
86
+ <link href="https://unpkg.com/primevue/resources/primevue.min.css" rel="stylesheet">
87
+ <link href="https://unpkg.com/primeicons/primeicons.css" rel="stylesheet">
88
+
89
+ <script src="https://unpkg.com/vue@next"></script>
90
+ <script src="https://unpkg.com/primevue^3/core/core.min.js"></script>
91
+ <script src="https://unpkg.com/primevue^3/slider/slider.min.js"></script>
92
+ </head>
93
+
94
+ <body>
95
+ <div id="app">
96
+ <p-slider v-model="val"></p-slider>
97
+ <h6>{{val}}</h6>
98
+ </div>
99
+
100
+ <script>
101
+ const {createApp, ref} = Vue;
102
+
103
+ const App = {
104
+ setup() {
105
+ const val = ref(null);
106
+
107
+ return {
108
+ val
109
+ };
110
+ },
111
+ components: {
112
+ 'p-slider': primevue.slider
113
+ }
114
+ };
115
+
116
+ createApp(App).use(primevue.config.default).mount("#app");
117
+ </script>
118
+ </body>
119
+ </html>
120
+ ```
121
+
122
+ ## Styles
123
+
124
+ The css dependencies are as follows, note that you may change the theme with another one of your choice.
125
+
126
+ ```
127
+ primevue/resources/themes/saga-blue/theme.css //theme
128
+ primevue/resources/primevue.min.css //core css
129
+ primeicons/primeicons.css //icons
130
+ ```
131
+
132
+ If you are using a bundler such as webpack with a css loader you may also import them to your main application component.
133
+
134
+ ```javascript
135
+ import 'primevue/resources/themes/lara-light-indigo/theme.css';
136
+ import 'primevue/resources/primevue.min.css';
137
+ import 'primeicons/primeicons.css';
138
+ ```
139
+
140
+ ## Nuxt Integration
141
+
142
+ Nuxt 3 is currently in beta and an official module is planned after the final release. At the moment, PrimeVue can easily be used with Nuxt 3 using a custom plugin.
143
+
144
+ **nuxt.config.js**
145
+
146
+ Open the nuxt configuration file and add the css dependencies.
147
+
148
+ ```javascript
149
+ import { defineNuxtConfig } from 'nuxt3';
150
+
151
+ export default defineNuxtConfig({
152
+ css: [
153
+ 'primevue/resources/themes/saga-blue/theme.css',
154
+ 'primevue/resources/primevue.css',
155
+ 'primeicons/primeicons.css'
156
+ ]
157
+ })
158
+ ```
159
+
160
+ **primevue.js**
161
+
162
+ Create a file like **primevue.js** under the plugins directory for the configuration.
163
+
164
+ ```javascript
165
+ import { defineNuxtPlugin } from "#app";
166
+ import PrimeVue from "primevue/config";
167
+ import Button from "primevue/button";
168
+
169
+ export default defineNuxtPlugin((nuxtApp) => {
170
+ nuxtApp.vueApp.use(PrimeVue, {ripple: true});
171
+ nuxtApp.vueApp.component('Button', Button);
172
+ //other components that you need
173
+ });
174
+ ```
175
+
176
+ ## Configuration
177
+
178
+ ### Dependencies
179
+
180
+ PrimeVue components are not wrappers and implemented natively with the Vue APIs. There are some exceptions having 3rd party dependencies such as Quill for Editor.
181
+
182
+ In addition, components require PrimeIcons library for icons.
183
+
184
+ ```javascript
185
+ dependencies: {
186
+ "vue": "^3.0.0",
187
+ "primeicons": "^5.0.0"
188
+ }
189
+ ```
190
+
191
+ ## Prop Cases
192
+
193
+ Component prop names are described as camel case throughout the documentation however camel-case is also fully supported. Events on the other hand should always be camel-case.
194
+
195
+ ```
196
+ <Dialog :showHeader="false"></Dialog>
197
+
198
+ <!-- can be written as -->
199
+
200
+ <Dialog :show-header="false"></Dialog>
201
+ ```
202
+
203
+ ## Ripple
204
+
205
+ Ripple is an optional animation for the supported components such as buttons. It is disabled by default and needs to be enabled at your app's entry file (e.g. main.js) during the PrimeVue setup.
206
+
207
+ ```
208
+ import {createApp} from 'vue';
209
+ import PrimeVue from 'primevue/config';
210
+ const app = createApp(App);
211
+
212
+ app.use(PrimeVue, {ripple: true});
213
+ ```
214
+
215
+ ## Outlined vs Filled Input Styles
216
+
217
+ Input fields come in two styles, default is ***outlined*** with borders around the field whereas ***filled*** alternative adds a background color to the field. Applying *p-input-filled* to an ancestor of an input enables the filled style. If you prefer to use filled inputs in the entire application, use a global container such as the document body or the application element to apply the style class. Note that in case you add it to the application element, components that are teleported to the document body such as Dialog will not be able to display filled inputs as they are not a descendant of the application root element in the DOM tree, to resolve this case set inputStyle to 'filled' at PrimeVue configuration as well.
218
+
219
+ ```javascript
220
+ import {createApp} from 'vue';
221
+ import PrimeVue from 'primevue/config';
222
+ const app = createApp(App);
223
+
224
+ app.use(PrimeVue, {inputStyle: 'filled'});
225
+ ```
226
+
227
+ ## ZIndex Layering
228
+
229
+ ZIndexes are managed automatically to make sure layering of overlay components work seamlessly when combining multiple components. Still there may be cases where you'd like to configure the configure default values such as a custom layout where header section is fixed. In a case like this, dropdown needs to be displayed below the application header but a modal dialog should be displayed above. PrimeVue configuration offers the ***zIndex*** property to customize the default values for components categories. Default values are described below and can be customized when setting up PrimeVue.
230
+
231
+ ```javascript
232
+ import {createApp} from 'vue';
233
+ import PrimeVue from 'primevue/config';
234
+ const app = createApp(App);
235
+
236
+ app.use(PrimeVue, {
237
+ zIndex: {
238
+ modal: 1100, //dialog, sidebar
239
+ overlay: 1000, //dropdown, overlaypanel
240
+ menu: 1000, //overlay menus
241
+ tooltip: 1100 //tooltip
242
+ }
243
+ });
244
+ ```
245
+
246
+ ## Locale
247
+
248
+ PrimeVue provides a Locale API to support i18n and l7n, visit the [Locale](https://www.primefaces.org/primevue/showcase/#/locale) documentation for more information.
249
+
250
+ ## Quickstart with Vue CLI
251
+
252
+ An [example application](https://github.com/primefaces/primevue-quickstart) based on Vue CLI is available at github.
253
+
254
+ ## Quickstart with Vite
255
+
256
+ A [starter application](https://github.com/primefaces/primevue-quickstart-vite) is also provided for Vite users.
257
+
258
+ ## Quickstart with Nuxt
259
+
260
+ A [sample application](https://github.com/primefaces/primevue-quickstart-nuxt3) is created for Nuxt 3 users.
261
+
262
+ ## Quickstart with TypeScript
263
+
264
+ Typescript is fully supported as type definition files are provided in the npm package of PrimeVue. A sample [typescript-primevue](https://github.com/primefaces/primevue-typescript-quickstart) application with Vue CLI is available as at github.
package/accordion/Accordion.d.ts CHANGED
@@ -1,19 +1,82 @@
1
1
  import { VNode } from 'vue';
2
+ import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
2
3
 
3
- interface AccordionProps {
4
- multiple?: boolean;
5
- activeIndex?: Number|[Number];
6
- lazy?: boolean;
4
+ export interface AccordionTabOpenEvent {
5
+ /**
6
+ * Browser mouse event.
7
+ * @type {MouseEvent}
8
+ */
9
+ originalEvent: MouseEvent;
10
+ /**
11
+ * Opened tab index.
12
+ */
13
+ index: number;
7
14
  }
8
15
 
9
- declare class Accordion {
10
- $props: AccordionProps;
11
- $emit(eventName: 'update:activeIndex', value: number): this;
12
- $emit(eventName: 'tab-open', e: {originalEvent: Event, tab: any}): this;
13
- $emit(eventName: 'tab-close', e: {originalEvent: Event, tab: any}): this;
14
- $slots: {
15
- '': VNode[];
16
+ /**
17
+ * @extends {AccordionTabOpenEvent}
18
+ */
19
+ export interface AccordionTabCloseEvent extends AccordionTabOpenEvent { }
20
+
21
+ export interface AccordionProps {
22
+ /**
23
+ * When enabled, multiple tabs can be activated at the same time.
24
+ */
25
+ multiple?: boolean | undefined;
26
+ /**
27
+ * Index of the active tab or an array of indexes in multiple mode.
28
+ */
29
+ activeIndex?: number | number[] | undefined;
30
+ /**
31
+ * When enabled, hidden tabs are not rendered at all. Defaults to false that hides tabs with css.
32
+ */
33
+ lazy?: boolean | undefined;
34
+ }
35
+
36
+ export interface AccordionSlots {
37
+ /**
38
+ * Default slot to detect AccordionTab components.
39
+ */
40
+ default: () => VNode[];
41
+ }
42
+
43
+ export declare type AccordionEmits = {
44
+ /**
45
+ * Emitted when the active tab changes.
46
+ * @param {number | undefined} value - Index of new active tab.
47
+ */
48
+ 'update:activeIndex': (value: number | undefined) => void;
49
+ /**
50
+ * Callback to invoke when a tab gets expanded.
51
+ * @param {AccordionTabOpenEvent} event - Custom tab open event.
52
+ */
53
+ 'tab-open': (event: AccordionTabOpenEvent) => void;
54
+ /**
55
+ * Callback to invoke when an active tab is collapsed by clicking on the header.
56
+ * @param {AccordionTabCloseEvent} event - Custom tab close event.
57
+ */
58
+ 'tab-close': (event: AccordionTabCloseEvent) => void;
59
+ }
60
+
61
+ declare class Accordion extends ClassComponent<AccordionProps, AccordionSlots, AccordionEmits> { }
62
+
63
+ declare module '@vue/runtime-core' {
64
+ interface GlobalComponents {
65
+ Accordion: GlobalComponentConstructor<Accordion>
16
66
  }
17
67
  }
18
68
 
69
+ /**
70
+ *
71
+ * Accordion groups a collection of contents in tabs.
72
+ *
73
+ * Helper Components:
74
+ *
75
+ * - AccordionTab
76
+ *
77
+ * Demos:
78
+ *
79
+ * - [Accordion](https://www.primefaces.org/primevue/showcase/#/accordion)
80
+ *
81
+ */
19
82
  export default Accordion;
package/accordion/accordion.esm.js CHANGED
@@ -210,4 +210,4 @@ styleInject(css_248z);
210
210
 
211
211
  script.render = render;
212
212
 
213
- export default script;
213
+ export { script as default };
package/accordion/accordion.esm.min.js CHANGED
@@ -1 +1 @@
1
- import{UniqueComponentId as e}from"primevue/utils";import{openBlock as t,createBlock as i,Fragment as a,renderList as n,createVNode as d,toDisplayString as s,createCommentVNode as o,resolveDynamicComponent as c,Transition as r,withCtx as l,withDirectives as h,vShow as p}from"vue";var b={name:"Accordion",emits:["tab-close","tab-open","update:activeIndex"],props:{multiple:{type:Boolean,default:!1},activeIndex:{type:[Number,Array],default:null},lazy:{type:Boolean,default:!1}},data(){return{d_activeIndex:this.activeIndex}},watch:{activeIndex(e){this.d_activeIndex=e}},methods:{onTabClick(e,t,i){if(!this.isTabDisabled(t)){const t=this.isTabActive(i),a=t?"tab-close":"tab-open";this.multiple?t?this.d_activeIndex=this.d_activeIndex.filter((e=>e!==i)):this.d_activeIndex?this.d_activeIndex.push(i):this.d_activeIndex=[i]:this.d_activeIndex=this.d_activeIndex===i?null:i,this.$emit("update:activeIndex",this.d_activeIndex),this.$emit(a,{originalEvent:e,index:i})}},onTabKeydown(e,t,i){13===e.which&&this.onTabClick(e,t,i)},isTabActive(e){return this.multiple?this.d_activeIndex&&this.d_activeIndex.includes(e):e===this.d_activeIndex},getKey:(e,t)=>e.props&&e.props.header?e.props.header:t,isTabDisabled:e=>e.props&&e.props.disabled,getTabClass(e){return["p-accordion-tab",{"p-accordion-tab-active":this.isTabActive(e)}]},getTabHeaderClass(e,t){return["p-accordion-header",{"p-highlight":this.isTabActive(t),"p-disabled":this.isTabDisabled(e)}]},getTabAriaId(e){return this.ariaId+"_"+e},getHeaderIcon(e){const t=this.isTabActive(e);return["p-accordion-toggle-icon pi",{"pi-chevron-right":!t,"pi-chevron-down":t}]},isAccordionTab:e=>"AccordionTab"===e.type.name},computed:{tabs(){const e=[];return this.$slots.default().forEach((t=>{this.isAccordionTab(t)?e.push(t):t.children&&t.children instanceof Array&&t.children.forEach((t=>{this.isAccordionTab(t)&&e.push(t)}))})),e},ariaId:()=>e()}};const u={class:"p-accordion p-component"},v={key:0,class:"p-accordion-header-text"},x={class:"p-accordion-content"};!function(e,t){void 0===t&&(t={});var i=t.insertAt;if(e&&"undefined"!=typeof document){var a=document.head||document.getElementsByTagName("head")[0],n=document.createElement("style");n.type="text/css","top"===i&&a.firstChild?a.insertBefore(n,a.firstChild):a.appendChild(n),n.styleSheet?n.styleSheet.cssText=e:n.appendChild(document.createTextNode(e))}}("\n.p-accordion-header-link {\n cursor: pointer;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n position: relative;\n text-decoration: none;\n}\n.p-accordion-header-link:focus {\n z-index: 1;\n}\n.p-accordion-header-text {\n line-height: 1;\n}\n"),b.render=function(e,b,T,m,g,y){return t(),i("div",u,[(t(!0),i(a,null,n(y.tabs,((e,a)=>(t(),i("div",{key:y.getKey(e,a),class:y.getTabClass(a)},[d("div",{class:y.getTabHeaderClass(e,a)},[d("a",{role:"tab",class:"p-accordion-header-link",onClick:t=>y.onTabClick(t,e,a),onKeydown:t=>y.onTabKeydown(t,e,a),tabindex:y.isTabDisabled(e)?null:"0","aria-expanded":y.isTabActive(a),id:y.getTabAriaId(a)+"_header","aria-controls":y.getTabAriaId(a)+"_content"},[d("span",{class:y.getHeaderIcon(a)},null,2),e.props&&e.props.header?(t(),i("span",v,s(e.props.header),1)):o("",!0),e.children&&e.children.header?(t(),i(c(e.children.header),{key:1})):o("",!0)],40,["onClick","onKeydown","tabindex","aria-expanded","id","aria-controls"])],2),d(r,{name:"p-toggleable-content"},{default:l((()=>[!T.lazy||y.isTabActive(a)?h((t(),i("div",{key:0,class:"p-toggleable-content",role:"region",id:y.getTabAriaId(a)+"_content","aria-labelledby":y.getTabAriaId(a)+"_header"},[d("div",x,[(t(),i(c(e)))])],8,["id","aria-labelledby"])),[[p,!!T.lazy||y.isTabActive(a)]]):o("",!0)])),_:2},1024)],2)))),128))])};export default b;
1
+ import{UniqueComponentId as e}from"primevue/utils";import{openBlock as t,createBlock as i,Fragment as a,renderList as n,createVNode as d,toDisplayString as s,createCommentVNode as o,resolveDynamicComponent as c,Transition as r,withCtx as l,withDirectives as h,vShow as p}from"vue";var b={name:"Accordion",emits:["tab-close","tab-open","update:activeIndex"],props:{multiple:{type:Boolean,default:!1},activeIndex:{type:[Number,Array],default:null},lazy:{type:Boolean,default:!1}},data(){return{d_activeIndex:this.activeIndex}},watch:{activeIndex(e){this.d_activeIndex=e}},methods:{onTabClick(e,t,i){if(!this.isTabDisabled(t)){const t=this.isTabActive(i),a=t?"tab-close":"tab-open";this.multiple?t?this.d_activeIndex=this.d_activeIndex.filter((e=>e!==i)):this.d_activeIndex?this.d_activeIndex.push(i):this.d_activeIndex=[i]:this.d_activeIndex=this.d_activeIndex===i?null:i,this.$emit("update:activeIndex",this.d_activeIndex),this.$emit(a,{originalEvent:e,index:i})}},onTabKeydown(e,t,i){13===e.which&&this.onTabClick(e,t,i)},isTabActive(e){return this.multiple?this.d_activeIndex&&this.d_activeIndex.includes(e):e===this.d_activeIndex},getKey:(e,t)=>e.props&&e.props.header?e.props.header:t,isTabDisabled:e=>e.props&&e.props.disabled,getTabClass(e){return["p-accordion-tab",{"p-accordion-tab-active":this.isTabActive(e)}]},getTabHeaderClass(e,t){return["p-accordion-header",{"p-highlight":this.isTabActive(t),"p-disabled":this.isTabDisabled(e)}]},getTabAriaId(e){return this.ariaId+"_"+e},getHeaderIcon(e){const t=this.isTabActive(e);return["p-accordion-toggle-icon pi",{"pi-chevron-right":!t,"pi-chevron-down":t}]},isAccordionTab:e=>"AccordionTab"===e.type.name},computed:{tabs(){const e=[];return this.$slots.default().forEach((t=>{this.isAccordionTab(t)?e.push(t):t.children&&t.children instanceof Array&&t.children.forEach((t=>{this.isAccordionTab(t)&&e.push(t)}))})),e},ariaId:()=>e()}};const u={class:"p-accordion p-component"},v={key:0,class:"p-accordion-header-text"},x={class:"p-accordion-content"};!function(e,t){void 0===t&&(t={});var i=t.insertAt;if(e&&"undefined"!=typeof document){var a=document.head||document.getElementsByTagName("head")[0],n=document.createElement("style");n.type="text/css","top"===i&&a.firstChild?a.insertBefore(n,a.firstChild):a.appendChild(n),n.styleSheet?n.styleSheet.cssText=e:n.appendChild(document.createTextNode(e))}}("\n.p-accordion-header-link {\n cursor: pointer;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n position: relative;\n text-decoration: none;\n}\n.p-accordion-header-link:focus {\n z-index: 1;\n}\n.p-accordion-header-text {\n line-height: 1;\n}\n"),b.render=function(e,b,T,m,g,y){return t(),i("div",u,[(t(!0),i(a,null,n(y.tabs,((e,a)=>(t(),i("div",{key:y.getKey(e,a),class:y.getTabClass(a)},[d("div",{class:y.getTabHeaderClass(e,a)},[d("a",{role:"tab",class:"p-accordion-header-link",onClick:t=>y.onTabClick(t,e,a),onKeydown:t=>y.onTabKeydown(t,e,a),tabindex:y.isTabDisabled(e)?null:"0","aria-expanded":y.isTabActive(a),id:y.getTabAriaId(a)+"_header","aria-controls":y.getTabAriaId(a)+"_content"},[d("span",{class:y.getHeaderIcon(a)},null,2),e.props&&e.props.header?(t(),i("span",v,s(e.props.header),1)):o("",!0),e.children&&e.children.header?(t(),i(c(e.children.header),{key:1})):o("",!0)],40,["onClick","onKeydown","tabindex","aria-expanded","id","aria-controls"])],2),d(r,{name:"p-toggleable-content"},{default:l((()=>[!T.lazy||y.isTabActive(a)?h((t(),i("div",{key:0,class:"p-toggleable-content",role:"region",id:y.getTabAriaId(a)+"_content","aria-labelledby":y.getTabAriaId(a)+"_header"},[d("div",x,[(t(),i(c(e)))])],8,["id","aria-labelledby"])),[[p,!!T.lazy||y.isTabActive(a)]]):o("",!0)])),_:2},1024)],2)))),128))])};export{b as default};
package/accordion/accordion.js CHANGED
@@ -213,4 +213,4 @@ this.primevue.accordion = (function (utils, vue) {
213
213
 
214
214
  return script;
215
215
 
216
- }(primevue.utils, Vue));
216
+ })(primevue.utils, Vue);
package/accordiontab/AccordionTab.d.ts CHANGED
@@ -1,16 +1,45 @@
1
1
  import { VNode } from 'vue';
2
+ import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
2
3
 
3
- interface AccordionTabProps {
4
- header?: string;
5
- disabled?: boolean;
4
+ export interface AccordionTabProps {
5
+ /**
6
+ * Orientation of tab headers.
7
+ */
8
+ header?: string | undefined;
9
+ /**
10
+ * Whether the tab is disabled.
11
+ */
12
+ disabled?: boolean | undefined;
6
13
  }
7
14
 
8
- declare class AccordionTab {
9
- $props: AccordionTabProps;
10
- $slot: {
11
- '': VNode[];
12
- header: VNode[];
15
+ export interface AccordionTabSlots {
16
+ /**
17
+ * Default slot for content.
18
+ */
19
+ default: () => VNode[];
20
+ /**
21
+ * Custom content for the title section of a panel is defined using the header template.
22
+ */
23
+ header: () => VNode[];
24
+ }
25
+
26
+ export declare type AccordionTabEmits = { }
27
+
28
+ declare class AccordionTab extends ClassComponent<AccordionTabProps, AccordionTabSlots, AccordionTabEmits> { }
29
+
30
+ declare module '@vue/runtime-core' {
31
+ interface GlobalComponents {
32
+ AccordionTab: GlobalComponentConstructor<AccordionTab>
13
33
  }
14
34
  }
15
35
 
36
+ /**
37
+ *
38
+ * AccordionTab is a helper component for Accordion.
39
+ *
40
+ * Demos:
41
+ *
42
+ * - [Accordion](https://www.primefaces.org/primevue/showcase/#/accordion)
43
+ *
44
+ */
16
45
  export default AccordionTab;
package/accordiontab/accordiontab.esm.js CHANGED
@@ -14,4 +14,4 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
14
14
 
15
15
  script.render = render;
16
16
 
17
- export default script;
17
+ export { script as default };
package/accordiontab/accordiontab.esm.min.js CHANGED
@@ -1 +1 @@
1
- import{renderSlot as e}from"vue";var r={name:"AccordionTab",props:{header:null,disabled:Boolean}};r.render=function(r,o,a,n,d,l){return e(r.$slots,"default")};export default r;
1
+ import{renderSlot as e}from"vue";var r={name:"AccordionTab",props:{header:null,disabled:Boolean}};r.render=function(r,o,a,n,d,l){return e(r.$slots,"default")};export{r as default};
package/accordiontab/accordiontab.js CHANGED
@@ -18,4 +18,4 @@ this.primevue.accordiontab = (function (vue) {
18
18
 
19
19
  return script;
20
20
 
21
- }(Vue));
21
+ })(Vue);