primevue 3.16.2 → 3.18.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.
- package/LICENSE.md +1 -1
- package/README.md +2 -1
- package/accordion/Accordion.d.ts +23 -5
- package/accordion/Accordion.vue +196 -79
- package/accordion/accordion.cjs.js +204 -98
- package/accordion/accordion.cjs.min.js +1 -1
- package/accordion/accordion.esm.js +202 -100
- package/accordion/accordion.esm.min.js +1 -1
- package/accordion/accordion.js +205 -100
- package/accordion/accordion.min.js +1 -1
- package/accordiontab/AccordionTab.d.ts +33 -5
- package/accordiontab/AccordionTab.vue +8 -1
- package/accordiontab/accordiontab.cjs.js +7 -0
- package/accordiontab/accordiontab.cjs.min.js +1 -1
- package/accordiontab/accordiontab.esm.js +7 -0
- package/accordiontab/accordiontab.esm.min.js +1 -1
- package/accordiontab/accordiontab.js +7 -0
- package/accordiontab/accordiontab.min.js +1 -1
- package/api/Api.d.ts +1 -1
- package/api/api.cjs.js +321 -313
- package/api/api.cjs.min.js +1 -1
- package/api/api.esm.js +321 -313
- package/api/api.esm.min.js +1 -1
- package/api/api.js +321 -313
- package/api/api.min.js +1 -1
- package/autocomplete/AutoComplete.d.ts +32 -17
- package/autocomplete/AutoComplete.vue +252 -131
- package/autocomplete/autocomplete.cjs.js +163 -118
- package/autocomplete/autocomplete.cjs.min.js +1 -1
- package/autocomplete/autocomplete.esm.js +161 -116
- package/autocomplete/autocomplete.esm.min.js +1 -1
- package/autocomplete/autocomplete.js +162 -117
- package/autocomplete/autocomplete.min.js +1 -1
- package/avatar/Avatar.d.ts +4 -4
- package/avatar/Avatar.vue +15 -11
- package/avatar/avatar.cjs.js +11 -7
- package/avatar/avatar.cjs.min.js +1 -1
- package/avatar/avatar.esm.js +11 -7
- package/avatar/avatar.esm.min.js +1 -1
- package/avatar/avatar.js +11 -7
- package/avatar/avatar.min.js +1 -1
- package/avatargroup/AvatarGroup.d.ts +6 -9
- package/avatargroup/AvatarGroup.vue +1 -1
- package/badge/Badge.d.ts +4 -5
- package/badge/Badge.vue +16 -13
- package/badge/badge.cjs.js +14 -11
- package/badge/badge.esm.js +14 -11
- package/badge/badge.js +14 -11
- package/badgedirective/badgedirective.cjs.js +8 -10
- package/badgedirective/badgedirective.esm.js +8 -10
- package/badgedirective/badgedirective.js +8 -10
- package/blockui/BlockUI.d.ts +6 -6
- package/blockui/BlockUI.vue +13 -15
- package/blockui/blockui.cjs.js +11 -13
- package/blockui/blockui.cjs.min.js +1 -1
- package/blockui/blockui.esm.js +11 -13
- package/blockui/blockui.esm.min.js +1 -1
- package/blockui/blockui.js +11 -13
- package/blockui/blockui.min.js +1 -1
- package/breadcrumb/Breadcrumb.d.ts +14 -7
- package/breadcrumb/Breadcrumb.vue +16 -7
- package/breadcrumb/BreadcrumbItem.vue +24 -15
- package/breadcrumb/breadcrumb.cjs.js +39 -25
- package/breadcrumb/breadcrumb.cjs.min.js +1 -1
- package/breadcrumb/breadcrumb.esm.js +39 -25
- package/breadcrumb/breadcrumb.esm.min.js +1 -1
- package/breadcrumb/breadcrumb.js +39 -25
- package/breadcrumb/breadcrumb.min.js +1 -1
- package/button/Button.d.ts +10 -7
- package/button/Button.vue +28 -17
- package/button/button.cjs.js +25 -14
- package/button/button.cjs.min.js +1 -1
- package/button/button.esm.js +25 -14
- package/button/button.esm.min.js +1 -1
- package/button/button.js +25 -14
- package/button/button.min.js +1 -1
- package/calendar/Calendar.d.ts +14 -14
- package/calendar/Calendar.vue +856 -601
- package/calendar/calendar.cjs.js +714 -614
- package/calendar/calendar.cjs.min.js +1 -1
- package/calendar/calendar.esm.js +712 -612
- package/calendar/calendar.esm.min.js +1 -1
- package/calendar/calendar.js +713 -613
- package/calendar/calendar.min.js +1 -1
- package/card/Card.d.ts +5 -7
- package/card/Card.vue +5 -5
- package/carousel/Carousel.d.ts +29 -19
- package/carousel/Carousel.vue +537 -528
- package/carousel/carousel.cjs.js +496 -493
- package/carousel/carousel.cjs.min.js +1 -1
- package/carousel/carousel.esm.js +496 -493
- package/carousel/carousel.esm.min.js +1 -1
- package/carousel/carousel.js +645 -642
- package/carousel/carousel.min.js +1 -1
- package/cascadeselect/CascadeSelect.d.ts +29 -14
- package/cascadeselect/CascadeSelect.vue +197 -102
- package/cascadeselect/CascadeSelectSub.vue +50 -15
- package/cascadeselect/cascadeselect.cjs.js +185 -111
- package/cascadeselect/cascadeselect.cjs.min.js +1 -1
- package/cascadeselect/cascadeselect.esm.js +184 -110
- package/cascadeselect/cascadeselect.esm.min.js +1 -1
- package/cascadeselect/cascadeselect.js +185 -111
- package/cascadeselect/cascadeselect.min.js +1 -1
- package/chart/Chart.d.ts +6 -7
- package/chart/Chart.vue +12 -12
- package/chart/chart.cjs.js +11 -11
- package/chart/chart.cjs.min.js +1 -1
- package/chart/chart.esm.js +11 -11
- package/chart/chart.esm.min.js +1 -1
- package/chart/chart.js +11 -11
- package/chart/chart.min.js +1 -1
- package/checkbox/Checkbox.d.ts +12 -12
- package/checkbox/Checkbox.vue +48 -20
- package/checkbox/checkbox.cjs.js +28 -17
- package/checkbox/checkbox.cjs.min.js +1 -1
- package/checkbox/checkbox.esm.js +28 -17
- package/checkbox/checkbox.esm.min.js +1 -1
- package/checkbox/checkbox.js +28 -17
- package/checkbox/checkbox.min.js +1 -1
- package/chip/Chip.d.ts +5 -5
- package/chip/Chip.vue +13 -11
- package/chip/chip.cjs.js +7 -4
- package/chip/chip.esm.js +7 -4
- package/chip/chip.js +7 -4
- package/chips/Chips.d.ts +9 -9
- package/chips/Chips.vue +89 -33
- package/chips/chips.cjs.js +48 -26
- package/chips/chips.cjs.min.js +1 -1
- package/chips/chips.esm.js +48 -26
- package/chips/chips.esm.min.js +1 -1
- package/chips/chips.js +48 -26
- package/chips/chips.min.js +1 -1
- package/colorpicker/ColorPicker.d.ts +11 -12
- package/colorpicker/ColorPicker.vue +146 -110
- package/colorpicker/colorpicker.cjs.js +113 -74
- package/colorpicker/colorpicker.cjs.min.js +1 -1
- package/colorpicker/colorpicker.esm.js +113 -74
- package/colorpicker/colorpicker.esm.min.js +1 -1
- package/colorpicker/colorpicker.js +113 -74
- package/colorpicker/colorpicker.min.js +1 -1
- package/column/Column.d.ts +5 -6
- package/column/Column.vue +1 -1
- package/columngroup/ColumnGroup.d.ts +5 -7
- package/columngroup/ColumnGroup.vue +1 -1
- package/config/PrimeVue.d.ts +8 -3
- package/config/config.cjs.js +18 -30
- package/config/config.cjs.min.js +1 -1
- package/config/config.esm.js +18 -30
- package/config/config.esm.min.js +1 -1
- package/config/config.js +19 -31
- package/config/config.min.js +1 -1
- package/confirmationoptions/ConfirmationOptions.d.ts +4 -0
- package/confirmationservice/confirmationservice.cjs.js +1 -0
- package/confirmationservice/confirmationservice.esm.js +1 -0
- package/confirmationservice/confirmationservice.js +1 -0
- package/confirmdialog/ConfirmDialog.d.ts +11 -5
- package/confirmdialog/ConfirmDialog.vue +25 -15
- package/confirmdialog/confirmdialog.cjs.js +34 -16
- package/confirmdialog/confirmdialog.cjs.min.js +1 -1
- package/confirmdialog/confirmdialog.esm.js +34 -16
- package/confirmdialog/confirmdialog.esm.min.js +1 -1
- package/confirmdialog/confirmdialog.js +35 -17
- package/confirmdialog/confirmdialog.min.js +1 -1
- package/confirmpopup/ConfirmPopup.d.ts +5 -8
- package/confirmpopup/ConfirmPopup.vue +44 -32
- package/confirmpopup/confirmpopup.cjs.js +24 -14
- package/confirmpopup/confirmpopup.cjs.min.js +1 -1
- package/confirmpopup/confirmpopup.esm.js +24 -14
- package/confirmpopup/confirmpopup.esm.min.js +1 -1
- package/confirmpopup/confirmpopup.js +24 -14
- package/confirmpopup/confirmpopup.min.js +1 -1
- package/contextmenu/ContextMenu.d.ts +43 -5
- package/contextmenu/ContextMenu.vue +449 -38
- package/contextmenu/ContextMenuSub.vue +134 -101
- package/contextmenu/contextmenu.cjs.js +639 -206
- package/contextmenu/contextmenu.cjs.min.js +1 -1
- package/contextmenu/contextmenu.esm.js +640 -207
- package/contextmenu/contextmenu.esm.min.js +1 -1
- package/contextmenu/contextmenu.js +640 -207
- package/contextmenu/contextmenu.min.js +1 -1
- package/core/core.js +2984 -2116
- package/core/core.min.js +16 -16
- package/datatable/BodyCell.vue +93 -75
- package/datatable/ColumnFilter.vue +137 -86
- package/datatable/DataTable.d.ts +25 -26
- package/datatable/DataTable.vue +472 -298
- package/datatable/FooterCell.vue +20 -13
- package/datatable/HeaderCell.vue +108 -51
- package/datatable/HeaderCheckbox.vue +12 -5
- package/datatable/RowCheckbox.vue +14 -6
- package/datatable/RowRadioButton.vue +4 -4
- package/datatable/TableBody.vue +135 -83
- package/datatable/TableFooter.vue +17 -20
- package/datatable/TableHeader.vue +132 -52
- package/datatable/TableLoadingBody.vue +3 -3
- package/datatable/datatable.cjs.js +2674 -2537
- package/datatable/datatable.cjs.min.js +1 -1
- package/datatable/datatable.esm.js +2676 -2539
- package/datatable/datatable.esm.min.js +1 -1
- package/datatable/datatable.js +2676 -2539
- package/datatable/datatable.min.js +1 -1
- package/dataview/DataView.d.ts +8 -8
- package/dataview/DataView.vue +80 -66
- package/dataview/dataview.cjs.js +31 -35
- package/dataview/dataview.cjs.min.js +1 -1
- package/dataview/dataview.esm.js +31 -35
- package/dataview/dataview.esm.min.js +1 -1
- package/dataview/dataview.js +31 -35
- package/dataview/dataview.min.js +1 -1
- package/dataviewlayoutoptions/DataViewLayoutOptions.d.ts +5 -6
- package/dataviewlayoutoptions/DataViewLayoutOptions.vue +28 -34
- package/dataviewlayoutoptions/dataviewlayoutoptions.cjs.js +19 -25
- package/dataviewlayoutoptions/dataviewlayoutoptions.cjs.min.js +1 -1
- package/dataviewlayoutoptions/dataviewlayoutoptions.esm.js +19 -25
- package/dataviewlayoutoptions/dataviewlayoutoptions.esm.min.js +1 -1
- package/dataviewlayoutoptions/dataviewlayoutoptions.js +46 -52
- package/dataviewlayoutoptions/dataviewlayoutoptions.min.js +1 -1
- package/deferredcontent/DeferredContent.d.ts +6 -7
- package/deferredcontent/DeferredContent.vue +6 -9
- package/deferredcontent/deferredcontent.cjs.js +5 -8
- package/deferredcontent/deferredcontent.esm.js +5 -8
- package/deferredcontent/deferredcontent.js +5 -8
- package/dialog/Dialog.d.ts +10 -10
- package/dialog/Dialog.vue +64 -60
- package/dialog/dialog.cjs.js +50 -46
- package/dialog/dialog.cjs.min.js +1 -1
- package/dialog/dialog.esm.js +50 -46
- package/dialog/dialog.esm.min.js +1 -1
- package/dialog/dialog.js +50 -46
- package/dialog/dialog.min.js +1 -1
- package/divider/Divider.d.ts +4 -5
- package/divider/Divider.vue +15 -12
- package/divider/divider.cjs.js +17 -12
- package/divider/divider.cjs.min.js +1 -1
- package/divider/divider.esm.js +17 -12
- package/divider/divider.esm.min.js +1 -1
- package/divider/divider.js +17 -12
- package/divider/divider.min.js +1 -1
- package/dock/Dock.d.ts +36 -6
- package/dock/Dock.vue +21 -5
- package/dock/DockSub.vue +229 -55
- package/dock/dock.cjs.js +284 -106
- package/dock/dock.cjs.min.js +1 -1
- package/dock/dock.esm.js +284 -106
- package/dock/dock.esm.min.js +1 -1
- package/dock/dock.js +285 -108
- package/dock/dock.min.js +1 -1
- package/dropdown/Dropdown.d.ts +46 -17
- package/dropdown/Dropdown.vue +271 -129
- package/dropdown/dropdown.cjs.js +213 -132
- package/dropdown/dropdown.cjs.min.js +1 -1
- package/dropdown/dropdown.esm.js +212 -131
- package/dropdown/dropdown.esm.min.js +1 -1
- package/dropdown/dropdown.js +212 -131
- package/dropdown/dropdown.min.js +1 -1
- package/dynamicdialog/DynamicDialog.d.ts +4 -4
- package/dynamicdialog/DynamicDialog.vue +10 -10
- package/dynamicdialog/dynamicdialog.cjs.js +11 -9
- package/dynamicdialog/dynamicdialog.cjs.min.js +1 -1
- package/dynamicdialog/dynamicdialog.esm.js +11 -9
- package/dynamicdialog/dynamicdialog.esm.min.js +1 -1
- package/dynamicdialog/dynamicdialog.js +11 -9
- package/dynamicdialog/dynamicdialog.min.js +1 -1
- package/editor/Editor.d.ts +20 -4
- package/editor/Editor.vue +506 -466
- package/editor/editor.cjs.js +99 -45
- package/editor/editor.cjs.min.js +1 -1
- package/editor/editor.esm.js +82 -42
- package/editor/editor.esm.min.js +1 -1
- package/editor/editor.js +83 -47
- package/editor/editor.min.js +1 -1
- package/fieldset/Fieldset.d.ts +9 -5
- package/fieldset/Fieldset.vue +28 -20
- package/fieldset/fieldset.cjs.js +31 -19
- package/fieldset/fieldset.cjs.min.js +1 -1
- package/fieldset/fieldset.esm.js +32 -20
- package/fieldset/fieldset.esm.min.js +1 -1
- package/fieldset/fieldset.js +31 -19
- package/fieldset/fieldset.min.js +1 -1
- package/fileupload/FileContent.vue +51 -0
- package/fileupload/FileUpload.d.ts +32 -12
- package/fileupload/FileUpload.vue +122 -102
- package/fileupload/fileupload.cjs.js +265 -160
- package/fileupload/fileupload.cjs.min.js +1 -1
- package/fileupload/fileupload.esm.js +265 -160
- package/fileupload/fileupload.esm.min.js +1 -1
- package/fileupload/fileupload.js +265 -160
- package/fileupload/fileupload.min.js +1 -1
- package/fullcalendar/FullCalendar.d.ts +5 -7
- package/fullcalendar/FullCalendar.vue +6 -6
- package/fullcalendar/fullcalendar.cjs.js +3 -2
- package/fullcalendar/fullcalendar.esm.js +3 -2
- package/fullcalendar/fullcalendar.js +3 -2
- package/galleria/Galleria.d.ts +4 -4
- package/galleria/Galleria.vue +39 -34
- package/galleria/GalleriaContent.vue +58 -31
- package/galleria/GalleriaItem.vue +44 -36
- package/galleria/GalleriaItemSlot.vue +2 -1
- package/galleria/GalleriaThumbnails.vue +108 -92
- package/galleria/galleria.cjs.js +181 -153
- package/galleria/galleria.cjs.min.js +1 -1
- package/galleria/galleria.esm.js +181 -153
- package/galleria/galleria.esm.min.js +1 -1
- package/galleria/galleria.js +181 -153
- package/galleria/galleria.min.js +1 -1
- package/image/Image.d.ts +4 -5
- package/image/Image.vue +19 -15
- package/image/image.cjs.js +11 -7
- package/image/image.cjs.min.js +1 -1
- package/image/image.esm.js +11 -7
- package/image/image.esm.min.js +1 -1
- package/image/image.js +11 -7
- package/image/image.min.js +1 -1
- package/inlinemessage/InlineMessage.d.ts +4 -5
- package/inlinemessage/InlineMessage.vue +12 -9
- package/inlinemessage/inlinemessage.cjs.js +12 -10
- package/inlinemessage/inlinemessage.cjs.min.js +1 -1
- package/inlinemessage/inlinemessage.esm.js +12 -10
- package/inlinemessage/inlinemessage.esm.min.js +1 -1
- package/inlinemessage/inlinemessage.js +12 -10
- package/inlinemessage/inlinemessage.min.js +1 -1
- package/inplace/Inplace.d.ts +6 -6
- package/inplace/Inplace.vue +11 -11
- package/inplace/inplace.cjs.js +9 -9
- package/inplace/inplace.cjs.min.js +1 -1
- package/inplace/inplace.esm.js +9 -9
- package/inplace/inplace.esm.min.js +1 -1
- package/inplace/inplace.js +9 -9
- package/inplace/inplace.min.js +1 -1
- package/inputmask/InputMask.d.ts +11 -12
- package/inputmask/InputMask.vue +119 -92
- package/inputmask/inputmask.cjs.js +116 -89
- package/inputmask/inputmask.cjs.min.js +1 -1
- package/inputmask/inputmask.esm.js +116 -89
- package/inputmask/inputmask.esm.min.js +1 -1
- package/inputmask/inputmask.js +116 -89
- package/inputmask/inputmask.min.js +1 -1
- package/inputnumber/InputNumber.d.ts +17 -17
- package/inputnumber/InputNumber.vue +247 -180
- package/inputnumber/inputnumber.cjs.js +219 -175
- package/inputnumber/inputnumber.cjs.min.js +1 -1
- package/inputnumber/inputnumber.esm.js +218 -174
- package/inputnumber/inputnumber.esm.min.js +1 -1
- package/inputnumber/inputnumber.js +219 -176
- package/inputnumber/inputnumber.min.js +1 -1
- package/inputswitch/InputSwitch.d.ts +10 -10
- package/inputswitch/InputSwitch.vue +39 -11
- package/inputswitch/inputswitch.cjs.js +23 -9
- package/inputswitch/inputswitch.cjs.min.js +1 -1
- package/inputswitch/inputswitch.esm.js +23 -9
- package/inputswitch/inputswitch.esm.min.js +1 -1
- package/inputswitch/inputswitch.js +23 -9
- package/inputswitch/inputswitch.min.js +1 -1
- package/inputtext/InputText.d.ts +5 -6
- package/inputtext/InputText.vue +3 -3
- package/inputtext/inputtext.cjs.js +2 -2
- package/inputtext/inputtext.esm.js +2 -2
- package/inputtext/inputtext.js +2 -2
- package/knob/Knob.d.ts +10 -11
- package/knob/Knob.vue +47 -29
- package/knob/knob.cjs.js +27 -25
- package/knob/knob.cjs.min.js +1 -1
- package/knob/knob.esm.js +27 -25
- package/knob/knob.esm.min.js +1 -1
- package/knob/knob.js +27 -25
- package/knob/knob.min.js +1 -1
- package/listbox/Listbox.d.ts +22 -13
- package/listbox/Listbox.vue +149 -98
- package/listbox/listbox.cjs.js +121 -106
- package/listbox/listbox.cjs.min.js +1 -1
- package/listbox/listbox.esm.js +122 -107
- package/listbox/listbox.esm.min.js +1 -1
- package/listbox/listbox.js +121 -106
- package/listbox/listbox.min.js +1 -1
- package/megamenu/MegaMenu.d.ts +32 -6
- package/megamenu/MegaMenu.vue +510 -238
- package/megamenu/MegaMenuSub.vue +231 -0
- package/megamenu/megamenu.cjs.js +837 -391
- package/megamenu/megamenu.cjs.min.js +1 -1
- package/megamenu/megamenu.esm.js +839 -393
- package/megamenu/megamenu.esm.min.js +1 -1
- package/megamenu/megamenu.js +837 -391
- package/megamenu/megamenu.min.js +1 -1
- package/menu/Menu.d.ts +28 -8
- package/menu/Menu.vue +204 -34
- package/menu/Menuitem.vue +48 -38
- package/menu/menu.cjs.js +325 -137
- package/menu/menu.cjs.min.js +1 -1
- package/menu/menu.esm.js +325 -137
- package/menu/menu.esm.min.js +1 -1
- package/menu/menu.js +325 -137
- package/menu/menu.min.js +1 -1
- package/menubar/Menubar.d.ts +19 -8
- package/menubar/Menubar.vue +536 -26
- package/menubar/MenubarSub.vue +123 -239
- package/menubar/menubar.cjs.js +708 -335
- package/menubar/menubar.cjs.min.js +1 -1
- package/menubar/menubar.esm.js +710 -337
- package/menubar/menubar.esm.min.js +1 -1
- package/menubar/menubar.js +708 -335
- package/menubar/menubar.min.js +1 -1
- package/menuitem/MenuItem.d.ts +2 -2
- package/message/Message.d.ts +5 -5
- package/message/Message.vue +19 -14
- package/message/message.cjs.js +15 -10
- package/message/message.cjs.min.js +1 -1
- package/message/message.esm.js +15 -10
- package/message/message.esm.min.js +1 -1
- package/message/message.js +15 -10
- package/message/message.min.js +1 -1
- package/multiselect/MultiSelect.d.ts +46 -16
- package/multiselect/MultiSelect.vue +266 -156
- package/multiselect/multiselect.cjs.js +239 -167
- package/multiselect/multiselect.cjs.min.js +1 -1
- package/multiselect/multiselect.esm.js +238 -166
- package/multiselect/multiselect.esm.min.js +1 -1
- package/multiselect/multiselect.js +238 -166
- package/multiselect/multiselect.min.js +1 -1
- package/orderlist/OrderList.d.ts +5 -5
- package/orderlist/OrderList.vue +65 -60
- package/orderlist/orderlist.cjs.js +51 -53
- package/orderlist/orderlist.esm.js +51 -53
- package/orderlist/orderlist.js +51 -53
- package/organizationchart/OrganizationChart.d.ts +4 -4
- package/organizationchart/OrganizationChart.vue +13 -17
- package/organizationchart/OrganizationChartNode.vue +20 -12
- package/organizationchart/organizationchart.cjs.js +14 -16
- package/organizationchart/organizationchart.cjs.min.js +1 -1
- package/organizationchart/organizationchart.esm.js +14 -16
- package/organizationchart/organizationchart.esm.min.js +1 -1
- package/organizationchart/organizationchart.js +14 -16
- package/organizationchart/organizationchart.min.js +1 -1
- package/overlaypanel/OverlayPanel.d.ts +5 -5
- package/overlaypanel/OverlayPanel.vue +60 -50
- package/overlaypanel/overlaypanel.cjs.js +40 -32
- package/overlaypanel/overlaypanel.cjs.min.js +1 -1
- package/overlaypanel/overlaypanel.esm.js +40 -32
- package/overlaypanel/overlaypanel.esm.min.js +1 -1
- package/overlaypanel/overlaypanel.js +40 -32
- package/overlaypanel/overlaypanel.min.js +1 -1
- package/package.json +3 -3
- package/paginator/CurrentPageReport.vue +47 -47
- package/paginator/FirstPageLink.vue +11 -8
- package/paginator/JumpToPageDropdown.vue +7 -6
- package/paginator/JumpToPageInput.vue +3 -3
- package/paginator/LastPageLink.vue +11 -8
- package/paginator/NextPageLink.vue +11 -8
- package/paginator/PageLinks.vue +3 -4
- package/paginator/Paginator.d.ts +7 -7
- package/paginator/Paginator.vue +144 -49
- package/paginator/PrevPageLink.vue +11 -8
- package/paginator/RowsPerPageDropdown.vue +7 -6
- package/paginator/paginator.cjs.js +373 -259
- package/paginator/paginator.cjs.min.js +1 -1
- package/paginator/paginator.esm.js +374 -260
- package/paginator/paginator.esm.min.js +1 -1
- package/paginator/paginator.js +651 -538
- package/paginator/paginator.min.js +1 -1
- package/panel/Panel.d.ts +9 -5
- package/panel/Panel.vue +29 -11
- package/panel/panel.cjs.js +24 -14
- package/panel/panel.cjs.min.js +1 -1
- package/panel/panel.esm.js +24 -14
- package/panel/panel.esm.min.js +1 -1
- package/panel/panel.js +24 -14
- package/panel/panel.min.js +1 -1
- package/panelmenu/PanelMenu.d.ts +37 -6
- package/panelmenu/PanelMenu.vue +202 -88
- package/panelmenu/PanelMenuList.vue +335 -0
- package/panelmenu/PanelMenuSub.vue +130 -80
- package/panelmenu/panelmenu.cjs.js +1385 -283
- package/panelmenu/panelmenu.cjs.min.js +1 -1
- package/panelmenu/panelmenu.esm.js +1382 -284
- package/panelmenu/panelmenu.esm.min.js +1 -1
- package/panelmenu/panelmenu.js +1385 -284
- package/panelmenu/panelmenu.min.js +1 -1
- package/password/Password.d.ts +12 -7
- package/password/Password.vue +158 -80
- package/password/password.cjs.js +140 -78
- package/password/password.cjs.min.js +1 -1
- package/password/password.esm.js +139 -77
- package/password/password.esm.min.js +1 -1
- package/password/password.js +140 -78
- package/password/password.min.js +1 -1
- package/picklist/PickList.d.ts +9 -9
- package/picklist/PickList.vue +99 -78
- package/picklist/picklist.cjs.js +71 -66
- package/picklist/picklist.cjs.min.js +1 -1
- package/picklist/picklist.esm.js +71 -66
- package/picklist/picklist.esm.min.js +1 -1
- package/picklist/picklist.js +71 -66
- package/picklist/picklist.min.js +1 -1
- package/portal/Portal.d.ts +3 -3
- package/portal/Portal.vue +2 -2
- package/portal/portal.cjs.js +1 -1
- package/portal/portal.esm.js +1 -1
- package/portal/portal.js +1 -1
- package/progressbar/ProgressBar.d.ts +4 -5
- package/progressbar/ProgressBar.vue +63 -51
- package/progressbar/progressbar.cjs.js +2 -2
- package/progressbar/progressbar.cjs.min.js +1 -1
- package/progressbar/progressbar.esm.js +2 -2
- package/progressbar/progressbar.esm.min.js +1 -1
- package/progressbar/progressbar.js +2 -2
- package/progressbar/progressbar.min.js +1 -1
- package/progressspinner/ProgressSpinner.d.ts +5 -7
- package/progressspinner/ProgressSpinner.vue +1 -1
- package/radiobutton/RadioButton.d.ts +9 -9
- package/radiobutton/RadioButton.vue +41 -13
- package/radiobutton/radiobutton.cjs.js +24 -10
- package/radiobutton/radiobutton.cjs.min.js +1 -1
- package/radiobutton/radiobutton.esm.js +24 -10
- package/radiobutton/radiobutton.esm.min.js +1 -1
- package/radiobutton/radiobutton.js +24 -10
- package/radiobutton/radiobutton.min.js +1 -1
- package/rating/Rating.d.ts +54 -5
- package/rating/Rating.vue +88 -62
- package/rating/rating.cjs.js +105 -84
- package/rating/rating.cjs.min.js +1 -1
- package/rating/rating.esm.js +106 -85
- package/rating/rating.esm.min.js +1 -1
- package/rating/rating.js +106 -86
- package/rating/rating.min.js +1 -1
- package/resources/primevue.css +21 -2
- package/resources/primevue.min.css +1 -1
- package/resources/themes/arya-blue/theme.css +340 -282
- package/resources/themes/arya-green/theme.css +340 -282
- package/resources/themes/arya-orange/theme.css +340 -282
- package/resources/themes/arya-purple/theme.css +340 -282
- package/resources/themes/bootstrap4-dark-blue/theme.css +356 -298
- package/resources/themes/bootstrap4-dark-purple/theme.css +356 -298
- package/resources/themes/bootstrap4-light-blue/theme.css +369 -311
- package/resources/themes/bootstrap4-light-purple/theme.css +369 -311
- package/resources/themes/fluent-light/theme.css +350 -292
- package/resources/themes/lara-dark-blue/theme.css +343 -285
- package/resources/themes/lara-dark-indigo/theme.css +343 -285
- package/resources/themes/lara-dark-purple/theme.css +343 -285
- package/resources/themes/lara-dark-teal/theme.css +343 -285
- package/resources/themes/lara-light-blue/theme.css +367 -309
- package/resources/themes/lara-light-indigo/theme.css +367 -309
- package/resources/themes/lara-light-purple/theme.css +367 -309
- package/resources/themes/lara-light-teal/theme.css +367 -309
- package/resources/themes/luna-amber/theme.css +372 -314
- package/resources/themes/luna-blue/theme.css +372 -314
- package/resources/themes/luna-green/theme.css +372 -314
- package/resources/themes/luna-pink/theme.css +372 -314
- package/resources/themes/md-dark-deeppurple/theme.css +413 -318
- package/resources/themes/md-dark-indigo/theme.css +413 -318
- package/resources/themes/md-light-deeppurple/theme.css +413 -318
- package/resources/themes/md-light-indigo/theme.css +413 -318
- package/resources/themes/mdc-dark-deeppurple/theme.css +413 -318
- package/resources/themes/mdc-dark-indigo/theme.css +413 -318
- package/resources/themes/mdc-light-deeppurple/theme.css +413 -318
- package/resources/themes/mdc-light-indigo/theme.css +413 -318
- package/resources/themes/nova/theme.css +336 -278
- package/resources/themes/nova-accent/theme.css +335 -277
- package/resources/themes/nova-alt/theme.css +336 -278
- package/resources/themes/nova-vue/theme.css +336 -278
- package/resources/themes/rhea/theme.css +335 -277
- package/resources/themes/saga-blue/theme.css +347 -289
- package/resources/themes/saga-green/theme.css +347 -289
- package/resources/themes/saga-orange/theme.css +347 -289
- package/resources/themes/saga-purple/theme.css +347 -289
- package/resources/themes/tailwind-light/theme.css +359 -301
- package/resources/themes/vela-blue/theme.css +347 -289
- package/resources/themes/vela-green/theme.css +347 -289
- package/resources/themes/vela-orange/theme.css +347 -289
- package/resources/themes/vela-purple/theme.css +347 -289
- package/ripple/ripple.cjs.js +19 -1
- package/ripple/ripple.cjs.min.js +1 -1
- package/ripple/ripple.esm.js +19 -1
- package/ripple/ripple.esm.min.js +1 -1
- package/ripple/ripple.js +19 -1
- package/ripple/ripple.min.js +1 -1
- package/row/Row.d.ts +6 -9
- package/row/Row.vue +1 -1
- package/scrollpanel/ScrollPanel.d.ts +9 -5
- package/scrollpanel/ScrollPanel.vue +194 -56
- package/scrollpanel/scrollpanel.cjs.js +180 -56
- package/scrollpanel/scrollpanel.cjs.min.js +1 -1
- package/scrollpanel/scrollpanel.esm.js +181 -57
- package/scrollpanel/scrollpanel.esm.min.js +1 -1
- package/scrollpanel/scrollpanel.js +180 -56
- package/scrollpanel/scrollpanel.min.js +1 -1
- package/scrolltop/ScrollTop.d.ts +5 -7
- package/scrolltop/ScrollTop.vue +18 -23
- package/scrolltop/scrolltop.cjs.js +14 -19
- package/scrolltop/scrolltop.cjs.min.js +1 -1
- package/scrolltop/scrolltop.esm.js +14 -19
- package/scrolltop/scrolltop.esm.min.js +1 -1
- package/scrolltop/scrolltop.js +14 -19
- package/scrolltop/scrolltop.min.js +1 -1
- package/selectbutton/SelectButton.d.ts +11 -11
- package/selectbutton/SelectButton.vue +50 -32
- package/selectbutton/selectbutton.cjs.js +30 -25
- package/selectbutton/selectbutton.esm.js +30 -25
- package/selectbutton/selectbutton.js +30 -25
- package/sidebar/Sidebar.d.ts +6 -6
- package/sidebar/Sidebar.vue +24 -14
- package/sidebar/sidebar.cjs.js +20 -10
- package/sidebar/sidebar.cjs.min.js +1 -1
- package/sidebar/sidebar.esm.js +20 -10
- package/sidebar/sidebar.esm.min.js +1 -1
- package/sidebar/sidebar.js +20 -10
- package/sidebar/sidebar.min.js +1 -1
- package/skeleton/Skeleton.d.ts +5 -7
- package/skeleton/Skeleton.vue +12 -11
- package/skeleton/skeleton.cjs.js +10 -9
- package/skeleton/skeleton.cjs.min.js +1 -1
- package/skeleton/skeleton.esm.js +10 -9
- package/skeleton/skeleton.esm.min.js +1 -1
- package/skeleton/skeleton.js +10 -9
- package/skeleton/skeleton.min.js +1 -1
- package/slider/Slider.d.ts +7 -8
- package/slider/Slider.vue +162 -141
- package/slider/slider.cjs.js +100 -127
- package/slider/slider.cjs.min.js +1 -1
- package/slider/slider.esm.js +100 -127
- package/slider/slider.esm.min.js +1 -1
- package/slider/slider.js +100 -127
- package/slider/slider.min.js +1 -1
- package/speeddial/SpeedDial.d.ts +8 -8
- package/speeddial/SpeedDial.vue +66 -46
- package/speeddial/speeddial.cjs.js +77 -62
- package/speeddial/speeddial.cjs.min.js +1 -1
- package/speeddial/speeddial.esm.js +77 -62
- package/speeddial/speeddial.esm.min.js +1 -1
- package/speeddial/speeddial.js +77 -62
- package/speeddial/speeddial.min.js +1 -1
- package/splitbutton/SplitButton.d.ts +6 -6
- package/splitbutton/SplitButton.vue +9 -11
- package/splitbutton/splitbutton.cjs.js +7 -7
- package/splitbutton/splitbutton.cjs.min.js +1 -1
- package/splitbutton/splitbutton.esm.js +7 -7
- package/splitbutton/splitbutton.esm.min.js +1 -1
- package/splitbutton/splitbutton.js +7 -7
- package/splitbutton/splitbutton.min.js +1 -1
- package/splitter/Splitter.d.ts +10 -5
- package/splitter/Splitter.vue +158 -53
- package/splitter/splitter.cjs.js +156 -52
- package/splitter/splitter.cjs.min.js +1 -1
- package/splitter/splitter.esm.js +157 -53
- package/splitter/splitter.esm.min.js +1 -1
- package/splitter/splitter.js +156 -52
- package/splitter/splitter.min.js +1 -1
- package/splitterpanel/SplitterPanel.d.ts +4 -5
- package/splitterpanel/SplitterPanel.vue +3 -3
- package/splitterpanel/splitterpanel.cjs.js +2 -2
- package/splitterpanel/splitterpanel.esm.js +2 -2
- package/splitterpanel/splitterpanel.js +2 -2
- package/steps/Steps.d.ts +4 -5
- package/steps/Steps.vue +137 -30
- package/steps/steps.cjs.js +135 -36
- package/steps/steps.cjs.min.js +1 -1
- package/steps/steps.esm.js +136 -37
- package/steps/steps.esm.min.js +1 -1
- package/steps/steps.js +135 -36
- package/steps/steps.min.js +1 -1
- package/styleclass/styleclass.cjs.js +20 -22
- package/styleclass/styleclass.cjs.min.js +1 -1
- package/styleclass/styleclass.esm.js +20 -22
- package/styleclass/styleclass.esm.min.js +1 -1
- package/styleclass/styleclass.js +20 -22
- package/styleclass/styleclass.min.js +1 -1
- package/tabmenu/TabMenu.d.ts +13 -5
- package/tabmenu/TabMenu.vue +176 -36
- package/tabmenu/tabmenu.cjs.js +173 -42
- package/tabmenu/tabmenu.cjs.min.js +1 -1
- package/tabmenu/tabmenu.esm.js +173 -42
- package/tabmenu/tabmenu.esm.min.js +1 -1
- package/tabmenu/tabmenu.js +174 -43
- package/tabmenu/tabmenu.min.js +1 -1
- package/tabpanel/TabPanel.d.ts +33 -6
- package/tabpanel/TabPanel.vue +8 -1
- package/tabpanel/tabpanel.cjs.js +7 -0
- package/tabpanel/tabpanel.cjs.min.js +1 -1
- package/tabpanel/tabpanel.esm.js +7 -0
- package/tabpanel/tabpanel.esm.min.js +1 -1
- package/tabpanel/tabpanel.js +7 -0
- package/tabpanel/tabpanel.min.js +1 -1
- package/tabview/TabView.d.ts +22 -6
- package/tabview/TabView.vue +280 -96
- package/tabview/tabview.cjs.js +295 -132
- package/tabview/tabview.cjs.min.js +1 -1
- package/tabview/tabview.esm.js +296 -133
- package/tabview/tabview.esm.min.js +1 -1
- package/tabview/tabview.js +296 -133
- package/tabview/tabview.min.js +1 -1
- package/tag/Tag.d.ts +4 -5
- package/tag/Tag.vue +13 -10
- package/tag/tag.cjs.js +10 -7
- package/tag/tag.esm.js +10 -7
- package/tag/tag.js +10 -7
- package/terminal/Terminal.d.ts +5 -7
- package/terminal/Terminal.vue +10 -10
- package/terminal/terminal.cjs.js +3 -3
- package/terminal/terminal.cjs.min.js +1 -1
- package/terminal/terminal.esm.js +3 -3
- package/terminal/terminal.esm.min.js +1 -1
- package/terminal/terminal.js +3 -3
- package/terminal/terminal.min.js +1 -1
- package/textarea/Textarea.d.ts +5 -6
- package/textarea/Textarea.vue +7 -7
- package/textarea/textarea.cjs.js +6 -6
- package/textarea/textarea.esm.js +6 -6
- package/textarea/textarea.js +6 -6
- package/tieredmenu/TieredMenu.d.ts +48 -6
- package/tieredmenu/TieredMenu.vue +500 -58
- package/tieredmenu/TieredMenuSub.vue +126 -208
- package/tieredmenu/tieredmenu.cjs.js +684 -338
- package/tieredmenu/tieredmenu.cjs.min.js +1 -1
- package/tieredmenu/tieredmenu.esm.js +685 -339
- package/tieredmenu/tieredmenu.esm.min.js +1 -1
- package/tieredmenu/tieredmenu.js +685 -339
- package/tieredmenu/tieredmenu.min.js +1 -1
- package/timeline/Timeline.d.ts +4 -5
- package/timeline/Timeline.vue +6 -10
- package/timeline/timeline.cjs.js +3 -7
- package/timeline/timeline.cjs.min.js +1 -1
- package/timeline/timeline.esm.js +3 -7
- package/timeline/timeline.esm.min.js +1 -1
- package/timeline/timeline.js +3 -7
- package/timeline/timeline.min.js +1 -1
- package/toast/Toast.d.ts +10 -13
- package/toast/Toast.vue +40 -31
- package/toast/ToastMessage.vue +29 -20
- package/toast/toast.cjs.js +56 -38
- package/toast/toast.cjs.min.js +1 -1
- package/toast/toast.esm.js +55 -37
- package/toast/toast.esm.min.js +1 -1
- package/toast/toast.js +56 -38
- package/toast/toast.min.js +1 -1
- package/toastservice/toastservice.cjs.js +1 -0
- package/toastservice/toastservice.esm.js +1 -0
- package/toastservice/toastservice.js +1 -0
- package/togglebutton/ToggleButton.d.ts +10 -10
- package/togglebutton/ToggleButton.vue +82 -23
- package/togglebutton/togglebutton.cjs.js +66 -18
- package/togglebutton/togglebutton.cjs.min.js +1 -1
- package/togglebutton/togglebutton.esm.js +66 -18
- package/togglebutton/togglebutton.esm.min.js +1 -1
- package/togglebutton/togglebutton.js +66 -18
- package/togglebutton/togglebutton.min.js +1 -1
- package/toolbar/Toolbar.d.ts +8 -5
- package/toolbar/Toolbar.vue +9 -3
- package/toolbar/toolbar.cjs.js +14 -7
- package/toolbar/toolbar.cjs.min.js +1 -1
- package/toolbar/toolbar.esm.js +14 -7
- package/toolbar/toolbar.esm.min.js +1 -1
- package/toolbar/toolbar.js +14 -7
- package/toolbar/toolbar.min.js +1 -1
- package/tooltip/tooltip.cjs.js +36 -24
- package/tooltip/tooltip.cjs.min.js +1 -1
- package/tooltip/tooltip.esm.js +37 -25
- package/tooltip/tooltip.esm.min.js +1 -1
- package/tooltip/tooltip.js +36 -24
- package/tooltip/tooltip.min.js +1 -1
- package/tree/Tree.d.ts +15 -7
- package/tree/Tree.vue +66 -56
- package/tree/TreeNode.vue +70 -66
- package/tree/tree.cjs.js +99 -102
- package/tree/tree.cjs.min.js +1 -1
- package/tree/tree.esm.js +99 -102
- package/tree/tree.esm.min.js +1 -1
- package/tree/tree.js +99 -102
- package/tree/tree.min.js +1 -1
- package/treeselect/TreeSelect.d.ts +9 -9
- package/treeselect/TreeSelect.vue +130 -72
- package/treeselect/treeselect.cjs.js +89 -59
- package/treeselect/treeselect.cjs.min.js +1 -1
- package/treeselect/treeselect.esm.js +89 -59
- package/treeselect/treeselect.esm.min.js +1 -1
- package/treeselect/treeselect.js +89 -59
- package/treeselect/treeselect.min.js +1 -1
- package/treetable/BodyCell.vue +29 -19
- package/treetable/FooterCell.vue +19 -11
- package/treetable/HeaderCell.vue +44 -36
- package/treetable/TreeTable.d.ts +8 -8
- package/treetable/TreeTable.vue +229 -178
- package/treetable/TreeTableRow.vue +74 -58
- package/treetable/treetable.cjs.js +287 -253
- package/treetable/treetable.cjs.min.js +1 -1
- package/treetable/treetable.esm.js +287 -253
- package/treetable/treetable.esm.min.js +1 -1
- package/treetable/treetable.js +287 -253
- package/treetable/treetable.min.js +1 -1
- package/tristatecheckbox/TriStateCheckbox.d.ts +9 -9
- package/tristatecheckbox/TriStateCheckbox.vue +39 -18
- package/tristatecheckbox/tristatecheckbox.cjs.js +24 -15
- package/tristatecheckbox/tristatecheckbox.cjs.min.js +1 -1
- package/tristatecheckbox/tristatecheckbox.esm.js +24 -15
- package/tristatecheckbox/tristatecheckbox.esm.min.js +1 -1
- package/tristatecheckbox/tristatecheckbox.js +24 -15
- package/tristatecheckbox/tristatecheckbox.min.js +1 -1
- package/ts-helpers.d.ts +16 -10
- package/useconfirm/UseConfirm.d.ts +1 -1
- package/useconfirm/useconfirm.cjs.js +2 -1
- package/useconfirm/useconfirm.esm.js +2 -1
- package/useconfirm/useconfirm.js +2 -1
- package/usedialog/UseDialog.d.ts +1 -1
- package/usedialog/usedialog.cjs.js +2 -1
- package/usedialog/usedialog.esm.js +2 -1
- package/usedialog/usedialog.js +2 -1
- package/usetoast/usetoast.cjs.js +2 -1
- package/usetoast/usetoast.esm.js +2 -1
- package/usetoast/usetoast.js +2 -1
- package/utils/Utils.d.ts +10 -5
- package/utils/utils.cjs.js +209 -156
- package/utils/utils.cjs.min.js +1 -1
- package/utils/utils.esm.js +209 -156
- package/utils/utils.esm.min.js +1 -1
- package/utils/utils.js +209 -156
- package/utils/utils.min.js +1 -1
- package/vetur-attributes.json +335 -3
- package/vetur-tags.json +112 -19
- package/virtualscroller/VirtualScroller.d.ts +9 -9
- package/virtualscroller/VirtualScroller.vue +108 -96
- package/virtualscroller/virtualscroller.cjs.js +87 -89
- package/virtualscroller/virtualscroller.cjs.min.js +1 -1
- package/virtualscroller/virtualscroller.esm.js +87 -89
- package/virtualscroller/virtualscroller.esm.min.js +1 -1
- package/virtualscroller/virtualscroller.js +87 -89
- package/virtualscroller/virtualscroller.min.js +1 -1
- package/web-types.json +1183 -73
package/tooltip/tooltip.cjs.js
CHANGED
|
@@ -4,11 +4,11 @@ var utils = require('primevue/utils');
|
|
|
4
4
|
|
|
5
5
|
function bindEvents(el) {
|
|
6
6
|
const modifiers = el.$_ptooltipModifiers;
|
|
7
|
+
|
|
7
8
|
if (modifiers.focus) {
|
|
8
9
|
el.addEventListener('focus', onFocus);
|
|
9
10
|
el.addEventListener('blur', onBlur);
|
|
10
|
-
}
|
|
11
|
-
else {
|
|
11
|
+
} else {
|
|
12
12
|
el.addEventListener('mouseenter', onMouseEnter);
|
|
13
13
|
el.addEventListener('mouseleave', onMouseLeave);
|
|
14
14
|
el.addEventListener('click', onClick);
|
|
@@ -17,11 +17,11 @@ function bindEvents(el) {
|
|
|
17
17
|
|
|
18
18
|
function unbindEvents(el) {
|
|
19
19
|
const modifiers = el.$_ptooltipModifiers;
|
|
20
|
+
|
|
20
21
|
if (modifiers.focus) {
|
|
21
22
|
el.removeEventListener('focus', onFocus);
|
|
22
23
|
el.removeEventListener('blur', onBlur);
|
|
23
|
-
}
|
|
24
|
-
else {
|
|
24
|
+
} else {
|
|
25
25
|
el.removeEventListener('mouseenter', onMouseEnter);
|
|
26
26
|
el.removeEventListener('mouseleave', onMouseLeave);
|
|
27
27
|
el.removeEventListener('click', onClick);
|
|
@@ -30,7 +30,7 @@ function unbindEvents(el) {
|
|
|
30
30
|
|
|
31
31
|
function bindScrollListener(el) {
|
|
32
32
|
if (!el.$_ptooltipScrollHandler) {
|
|
33
|
-
el.$_ptooltipScrollHandler = new utils.ConnectedOverlayScrollHandler(el, function() {
|
|
33
|
+
el.$_ptooltipScrollHandler = new utils.ConnectedOverlayScrollHandler(el, function () {
|
|
34
34
|
hide(el);
|
|
35
35
|
});
|
|
36
36
|
}
|
|
@@ -70,6 +70,7 @@ function show(el) {
|
|
|
70
70
|
}
|
|
71
71
|
|
|
72
72
|
let tooltipElement = create(el);
|
|
73
|
+
|
|
73
74
|
align(el);
|
|
74
75
|
utils.DomHandler.fadeIn(tooltipElement, 250);
|
|
75
76
|
|
|
@@ -77,6 +78,7 @@ function show(el) {
|
|
|
77
78
|
if (!utils.DomHandler.isTouchDevice()) {
|
|
78
79
|
hide(el);
|
|
79
80
|
}
|
|
81
|
+
|
|
80
82
|
this.removeEventListener('resize', onWindowResize);
|
|
81
83
|
});
|
|
82
84
|
|
|
@@ -95,23 +97,25 @@ function getTooltipElement(el) {
|
|
|
95
97
|
|
|
96
98
|
function create(el) {
|
|
97
99
|
const id = utils.UniqueComponentId() + '_tooltip';
|
|
100
|
+
|
|
98
101
|
el.$_ptooltipId = id;
|
|
99
102
|
|
|
100
103
|
let container = document.createElement('div');
|
|
104
|
+
|
|
101
105
|
container.id = id;
|
|
102
106
|
|
|
103
107
|
let tooltipArrow = document.createElement('div');
|
|
108
|
+
|
|
104
109
|
tooltipArrow.className = 'p-tooltip-arrow';
|
|
105
110
|
container.appendChild(tooltipArrow);
|
|
106
111
|
|
|
107
112
|
let tooltipText = document.createElement('div');
|
|
108
|
-
tooltipText.className = 'p-tooltip-text';
|
|
109
113
|
|
|
114
|
+
tooltipText.className = 'p-tooltip-text';
|
|
110
115
|
|
|
111
116
|
if (el.$_ptooltipEscape) {
|
|
112
117
|
tooltipText.innerHTML = el.$_ptooltipValue;
|
|
113
|
-
}
|
|
114
|
-
else {
|
|
118
|
+
} else {
|
|
115
119
|
tooltipText.innerHTML = '';
|
|
116
120
|
tooltipText.appendChild(document.createTextNode(el.$_ptooltipValue));
|
|
117
121
|
}
|
|
@@ -131,10 +135,12 @@ function create(el) {
|
|
|
131
135
|
function remove(el) {
|
|
132
136
|
if (el) {
|
|
133
137
|
let tooltipElement = getTooltipElement(el);
|
|
138
|
+
|
|
134
139
|
if (tooltipElement && tooltipElement.parentElement) {
|
|
135
140
|
utils.ZIndexUtils.clear(tooltipElement);
|
|
136
141
|
document.body.removeChild(tooltipElement);
|
|
137
142
|
}
|
|
143
|
+
|
|
138
144
|
el.$_ptooltipId = null;
|
|
139
145
|
}
|
|
140
146
|
}
|
|
@@ -144,6 +150,7 @@ function align(el) {
|
|
|
144
150
|
|
|
145
151
|
if (modifiers.top) {
|
|
146
152
|
alignTop(el);
|
|
153
|
+
|
|
147
154
|
if (isOutOfBounds(el)) {
|
|
148
155
|
alignBottom(el);
|
|
149
156
|
|
|
@@ -151,9 +158,9 @@ function align(el) {
|
|
|
151
158
|
alignTop(el);
|
|
152
159
|
}
|
|
153
160
|
}
|
|
154
|
-
}
|
|
155
|
-
else if (modifiers.left) {
|
|
161
|
+
} else if (modifiers.left) {
|
|
156
162
|
alignLeft(el);
|
|
163
|
+
|
|
157
164
|
if (isOutOfBounds(el)) {
|
|
158
165
|
alignRight(el);
|
|
159
166
|
|
|
@@ -169,9 +176,9 @@ function align(el) {
|
|
|
169
176
|
}
|
|
170
177
|
}
|
|
171
178
|
}
|
|
172
|
-
}
|
|
173
|
-
else if (modifiers.bottom) {
|
|
179
|
+
} else if (modifiers.bottom) {
|
|
174
180
|
alignBottom(el);
|
|
181
|
+
|
|
175
182
|
if (isOutOfBounds(el)) {
|
|
176
183
|
alignTop(el);
|
|
177
184
|
|
|
@@ -179,9 +186,9 @@ function align(el) {
|
|
|
179
186
|
alignBottom(el);
|
|
180
187
|
}
|
|
181
188
|
}
|
|
182
|
-
}
|
|
183
|
-
else {
|
|
189
|
+
} else {
|
|
184
190
|
alignRight(el);
|
|
191
|
+
|
|
185
192
|
if (isOutOfBounds(el)) {
|
|
186
193
|
alignLeft(el);
|
|
187
194
|
|
|
@@ -205,7 +212,7 @@ function getHostOffset(el) {
|
|
|
205
212
|
let targetLeft = offset.left + utils.DomHandler.getWindowScrollLeft();
|
|
206
213
|
let targetTop = offset.top + utils.DomHandler.getWindowScrollTop();
|
|
207
214
|
|
|
208
|
-
return {left: targetLeft, top: targetTop};
|
|
215
|
+
return { left: targetLeft, top: targetTop };
|
|
209
216
|
}
|
|
210
217
|
|
|
211
218
|
function alignRight(el) {
|
|
@@ -214,6 +221,7 @@ function alignRight(el) {
|
|
|
214
221
|
let hostOffset = getHostOffset(el);
|
|
215
222
|
let left = hostOffset.left + utils.DomHandler.getOuterWidth(el);
|
|
216
223
|
let top = hostOffset.top + (utils.DomHandler.getOuterHeight(el) - utils.DomHandler.getOuterHeight(tooltipElement)) / 2;
|
|
224
|
+
|
|
217
225
|
tooltipElement.style.left = left + 'px';
|
|
218
226
|
tooltipElement.style.top = top + 'px';
|
|
219
227
|
}
|
|
@@ -224,6 +232,7 @@ function alignLeft(el) {
|
|
|
224
232
|
let hostOffset = getHostOffset(el);
|
|
225
233
|
let left = hostOffset.left - utils.DomHandler.getOuterWidth(tooltipElement);
|
|
226
234
|
let top = hostOffset.top + (utils.DomHandler.getOuterHeight(el) - utils.DomHandler.getOuterHeight(tooltipElement)) / 2;
|
|
235
|
+
|
|
227
236
|
tooltipElement.style.left = left + 'px';
|
|
228
237
|
tooltipElement.style.top = top + 'px';
|
|
229
238
|
}
|
|
@@ -234,6 +243,7 @@ function alignTop(el) {
|
|
|
234
243
|
let hostOffset = getHostOffset(el);
|
|
235
244
|
let left = hostOffset.left + (utils.DomHandler.getOuterWidth(el) - utils.DomHandler.getOuterWidth(tooltipElement)) / 2;
|
|
236
245
|
let top = hostOffset.top - utils.DomHandler.getOuterHeight(tooltipElement);
|
|
246
|
+
|
|
237
247
|
tooltipElement.style.left = left + 'px';
|
|
238
248
|
tooltipElement.style.top = top + 'px';
|
|
239
249
|
}
|
|
@@ -244,15 +254,17 @@ function alignBottom(el) {
|
|
|
244
254
|
let hostOffset = getHostOffset(el);
|
|
245
255
|
let left = hostOffset.left + (utils.DomHandler.getOuterWidth(el) - utils.DomHandler.getOuterWidth(tooltipElement)) / 2;
|
|
246
256
|
let top = hostOffset.top + utils.DomHandler.getOuterHeight(el);
|
|
257
|
+
|
|
247
258
|
tooltipElement.style.left = left + 'px';
|
|
248
259
|
tooltipElement.style.top = top + 'px';
|
|
249
260
|
}
|
|
250
261
|
|
|
251
262
|
function preAlign(el, position) {
|
|
252
263
|
let tooltipElement = getTooltipElement(el);
|
|
264
|
+
|
|
253
265
|
tooltipElement.style.left = -999 + 'px';
|
|
254
266
|
tooltipElement.style.top = -999 + 'px';
|
|
255
|
-
tooltipElement.className = `p-tooltip p-component p-tooltip-${position} ${el.$_ptooltipClass||''}`;
|
|
267
|
+
tooltipElement.className = `p-tooltip p-component p-tooltip-${position} ${el.$_ptooltipClass || ''}`;
|
|
256
268
|
}
|
|
257
269
|
|
|
258
270
|
function isOutOfBounds(el) {
|
|
@@ -264,11 +276,11 @@ function isOutOfBounds(el) {
|
|
|
264
276
|
let height = utils.DomHandler.getOuterHeight(tooltipElement);
|
|
265
277
|
let viewport = utils.DomHandler.getViewport();
|
|
266
278
|
|
|
267
|
-
return
|
|
279
|
+
return targetLeft + width > viewport.width || targetLeft < 0 || targetTop < 0 || targetTop + height > viewport.height;
|
|
268
280
|
}
|
|
269
281
|
|
|
270
282
|
function getTarget(el) {
|
|
271
|
-
return utils.DomHandler.hasClass(el, 'p-inputwrapper') ? utils.DomHandler.findSingle(el, 'input'): el;
|
|
283
|
+
return utils.DomHandler.hasClass(el, 'p-inputwrapper') ? utils.DomHandler.findSingle(el, 'input') : el;
|
|
272
284
|
}
|
|
273
285
|
|
|
274
286
|
function getModifiers(options) {
|
|
@@ -281,6 +293,7 @@ function getModifiers(options) {
|
|
|
281
293
|
if (options.arg && typeof options.arg === 'object') {
|
|
282
294
|
return Object.entries(options.arg).reduce((acc, [key, val]) => {
|
|
283
295
|
if (key === 'event' || key === 'position') acc[val] = true;
|
|
296
|
+
|
|
284
297
|
return acc;
|
|
285
298
|
}, {});
|
|
286
299
|
}
|
|
@@ -291,6 +304,7 @@ function getModifiers(options) {
|
|
|
291
304
|
const Tooltip = {
|
|
292
305
|
beforeMount(el, options) {
|
|
293
306
|
let target = getTarget(el);
|
|
307
|
+
|
|
294
308
|
target.$_ptooltipModifiers = getModifiers(options);
|
|
295
309
|
|
|
296
310
|
if (!options.value) return;
|
|
@@ -300,9 +314,8 @@ const Tooltip = {
|
|
|
300
314
|
target.$_ptooltipEscape = false;
|
|
301
315
|
target.$_ptooltipClass = null;
|
|
302
316
|
target.$_ptooltipFitContent = true;
|
|
303
|
-
}
|
|
304
|
-
|
|
305
|
-
if (options.value.value === undefined || options.value.value === null || options.value.value.trim() === '') return;
|
|
317
|
+
} else if (typeof options.value === 'object' && options.value) {
|
|
318
|
+
if (utils.ObjectUtils.isEmpty(options.value.value)) return;
|
|
306
319
|
else {
|
|
307
320
|
/* eslint-disable */
|
|
308
321
|
target.$_ptooltipValue = options.value.value;
|
|
@@ -338,9 +351,8 @@ const Tooltip = {
|
|
|
338
351
|
target.$_ptooltipDisabled = false;
|
|
339
352
|
target.$_ptooltipEscape = false;
|
|
340
353
|
target.$_ptooltipClass = null;
|
|
341
|
-
}
|
|
342
|
-
|
|
343
|
-
if (options.value.value === undefined || options.value.value === null || options.value.value.trim() === '') return;
|
|
354
|
+
} else if (typeof options.value === 'object' && options.value) {
|
|
355
|
+
if (utils.ObjectUtils.isEmpty(options.value.value)) return;
|
|
344
356
|
else {
|
|
345
357
|
/* eslint-disable */
|
|
346
358
|
target.$_ptooltipValue = options.value.value;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("primevue/utils");function t(e){p(e.currentTarget)}function
|
|
1
|
+
"use strict";var e=require("primevue/utils");function t(e){p(e.currentTarget)}function o(e){r(e.currentTarget)}function l(e){p(e.currentTarget)}function n(e){r(e.currentTarget)}function i(e){r(e.currentTarget)}function p(t){if(t.$_ptooltipDisabled)return;let o=function(t){const o=e.UniqueComponentId()+"_tooltip";t.$_ptooltipId=o;let l=document.createElement("div");l.id=o;let n=document.createElement("div");n.className="p-tooltip-arrow",l.appendChild(n);let i=document.createElement("div");i.className="p-tooltip-text",t.$_ptooltipEscape?i.innerHTML=t.$_ptooltipValue:(i.innerHTML="",i.appendChild(document.createTextNode(t.$_ptooltipValue)));l.appendChild(i),document.body.appendChild(l),l.style.display="inline-block",t.$_ptooltipFitContent&&(l.style.width="fit-content");return l}(t);!function(e){const t=e.$_ptooltipModifiers;t.top?(f(e),$(e)&&(v(e),$(e)&&f(e))):t.left?(c(e),$(e)&&(s(e),$(e)&&(f(e),$(e)&&(v(e),$(e)&&c(e))))):t.bottom?(v(e),$(e)&&(f(e),$(e)&&v(e))):(s(e),$(e)&&(c(e),$(e)&&(f(e),$(e)&&(v(e),$(e)&&s(e)))))}(t),e.DomHandler.fadeIn(o,250),window.addEventListener("resize",(function o(){e.DomHandler.isTouchDevice()||r(t),this.removeEventListener("resize",o)})),function(t){t.$_ptooltipScrollHandler||(t.$_ptooltipScrollHandler=new e.ConnectedOverlayScrollHandler(t,(function(){r(t)}))),t.$_ptooltipScrollHandler.bindScrollListener()}(t),e.ZIndexUtils.set("tooltip",o,t.$_ptooltipZIndex)}function r(e){u(e),function(e){e.$_ptooltipScrollHandler&&e.$_ptooltipScrollHandler.unbindScrollListener()}(e)}function a(e){return document.getElementById(e.$_ptooltipId)}function u(t){if(t){let o=a(t);o&&o.parentElement&&(e.ZIndexUtils.clear(o),document.body.removeChild(o)),t.$_ptooltipId=null}}function d(t){let o=t.getBoundingClientRect();return{left:o.left+e.DomHandler.getWindowScrollLeft(),top:o.top+e.DomHandler.getWindowScrollTop()}}function s(t){m(t,"right");let o=a(t),l=d(t),n=l.left+e.DomHandler.getOuterWidth(t),i=l.top+(e.DomHandler.getOuterHeight(t)-e.DomHandler.getOuterHeight(o))/2;o.style.left=n+"px",o.style.top=i+"px"}function c(t){m(t,"left");let o=a(t),l=d(t),n=l.left-e.DomHandler.getOuterWidth(o),i=l.top+(e.DomHandler.getOuterHeight(t)-e.DomHandler.getOuterHeight(o))/2;o.style.left=n+"px",o.style.top=i+"px"}function f(t){m(t,"top");let o=a(t),l=d(t),n=l.left+(e.DomHandler.getOuterWidth(t)-e.DomHandler.getOuterWidth(o))/2,i=l.top-e.DomHandler.getOuterHeight(o);o.style.left=n+"px",o.style.top=i+"px"}function v(t){m(t,"bottom");let o=a(t),l=d(t),n=l.left+(e.DomHandler.getOuterWidth(t)-e.DomHandler.getOuterWidth(o))/2,i=l.top+e.DomHandler.getOuterHeight(t);o.style.left=n+"px",o.style.top=i+"px"}function m(e,t){let o=a(e);o.style.left="-999px",o.style.top="-999px",o.className=`p-tooltip p-component p-tooltip-${t} ${e.$_ptooltipClass||""}`}function $(t){let o=a(t),l=o.getBoundingClientRect(),n=l.top,i=l.left,p=e.DomHandler.getOuterWidth(o),r=e.DomHandler.getOuterHeight(o),u=e.DomHandler.getViewport();return i+p>u.width||i<0||n<0||n+r>u.height}function g(t){return e.DomHandler.hasClass(t,"p-inputwrapper")?e.DomHandler.findSingle(t,"input"):t}function _(e){return e.modifiers&&Object.keys(e.modifiers).length?e.modifiers:e.arg&&"object"==typeof e.arg?Object.entries(e.arg).reduce(((e,[t,o])=>("event"!==t&&"position"!==t||(e[o]=!0),e)),{}):{}}const H={beforeMount(p,r){let a=g(p);if(a.$_ptooltipModifiers=_(r),r.value){if("string"==typeof r.value)a.$_ptooltipValue=r.value,a.$_ptooltipDisabled=!1,a.$_ptooltipEscape=!1,a.$_ptooltipClass=null,a.$_ptooltipFitContent=!0;else if("object"==typeof r.value&&r.value){if(e.ObjectUtils.isEmpty(r.value.value))return;a.$_ptooltipValue=r.value.value,a.$_ptooltipDisabled=!!r.value.disabled===r.value.disabled&&r.value.disabled,a.$_ptooltipEscape=!!r.value.escape===r.value.escape&&r.value.escape,a.$_ptooltipClass=r.value.class,a.$_ptooltipFitContent=!!r.value.fitContent!==r.value.fitContent||r.value.fitContent}a.$_ptooltipZIndex=r.instance.$primevue&&r.instance.$primevue.config&&r.instance.$primevue.config.zIndex.tooltip,function(e){e.$_ptooltipModifiers.focus?(e.addEventListener("focus",l),e.addEventListener("blur",n)):(e.addEventListener("mouseenter",t),e.addEventListener("mouseleave",o),e.addEventListener("click",i))}(a)}},unmounted(p){let r=g(p);u(r),function(e){e.$_ptooltipModifiers.focus?(e.removeEventListener("focus",l),e.removeEventListener("blur",n)):(e.removeEventListener("mouseenter",t),e.removeEventListener("mouseleave",o),e.removeEventListener("click",i))}(r),r.$_ptooltipScrollHandler&&(r.$_ptooltipScrollHandler.destroy(),r.$_ptooltipScrollHandler=null),e.ZIndexUtils.clear(p)},updated(t,o){let l=g(t);if(l.$_ptooltipModifiers=_(o),o.value)if("string"==typeof o.value)l.$_ptooltipValue=o.value,l.$_ptooltipDisabled=!1,l.$_ptooltipEscape=!1,l.$_ptooltipClass=null;else if("object"==typeof o.value&&o.value){if(e.ObjectUtils.isEmpty(o.value.value))return;l.$_ptooltipValue=o.value.value,l.$_ptooltipDisabled=!!o.value.disabled===o.value.disabled&&o.value.disabled,l.$_ptooltipEscape=!!o.value.escape===o.value.escape&&o.value.escape,l.$_ptooltipClass=o.value.class,l.$_ptooltipFitContent=!!o.value.fitContent!==o.value.fitContent||o.value.fitContent}}};module.exports=H;
|
package/tooltip/tooltip.esm.js
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import { ZIndexUtils, DomHandler, UniqueComponentId, ConnectedOverlayScrollHandler } from 'primevue/utils';
|
|
1
|
+
import { ObjectUtils, ZIndexUtils, DomHandler, UniqueComponentId, ConnectedOverlayScrollHandler } from 'primevue/utils';
|
|
2
2
|
|
|
3
3
|
function bindEvents(el) {
|
|
4
4
|
const modifiers = el.$_ptooltipModifiers;
|
|
5
|
+
|
|
5
6
|
if (modifiers.focus) {
|
|
6
7
|
el.addEventListener('focus', onFocus);
|
|
7
8
|
el.addEventListener('blur', onBlur);
|
|
8
|
-
}
|
|
9
|
-
else {
|
|
9
|
+
} else {
|
|
10
10
|
el.addEventListener('mouseenter', onMouseEnter);
|
|
11
11
|
el.addEventListener('mouseleave', onMouseLeave);
|
|
12
12
|
el.addEventListener('click', onClick);
|
|
@@ -15,11 +15,11 @@ function bindEvents(el) {
|
|
|
15
15
|
|
|
16
16
|
function unbindEvents(el) {
|
|
17
17
|
const modifiers = el.$_ptooltipModifiers;
|
|
18
|
+
|
|
18
19
|
if (modifiers.focus) {
|
|
19
20
|
el.removeEventListener('focus', onFocus);
|
|
20
21
|
el.removeEventListener('blur', onBlur);
|
|
21
|
-
}
|
|
22
|
-
else {
|
|
22
|
+
} else {
|
|
23
23
|
el.removeEventListener('mouseenter', onMouseEnter);
|
|
24
24
|
el.removeEventListener('mouseleave', onMouseLeave);
|
|
25
25
|
el.removeEventListener('click', onClick);
|
|
@@ -28,7 +28,7 @@ function unbindEvents(el) {
|
|
|
28
28
|
|
|
29
29
|
function bindScrollListener(el) {
|
|
30
30
|
if (!el.$_ptooltipScrollHandler) {
|
|
31
|
-
el.$_ptooltipScrollHandler = new ConnectedOverlayScrollHandler(el, function() {
|
|
31
|
+
el.$_ptooltipScrollHandler = new ConnectedOverlayScrollHandler(el, function () {
|
|
32
32
|
hide(el);
|
|
33
33
|
});
|
|
34
34
|
}
|
|
@@ -68,6 +68,7 @@ function show(el) {
|
|
|
68
68
|
}
|
|
69
69
|
|
|
70
70
|
let tooltipElement = create(el);
|
|
71
|
+
|
|
71
72
|
align(el);
|
|
72
73
|
DomHandler.fadeIn(tooltipElement, 250);
|
|
73
74
|
|
|
@@ -75,6 +76,7 @@ function show(el) {
|
|
|
75
76
|
if (!DomHandler.isTouchDevice()) {
|
|
76
77
|
hide(el);
|
|
77
78
|
}
|
|
79
|
+
|
|
78
80
|
this.removeEventListener('resize', onWindowResize);
|
|
79
81
|
});
|
|
80
82
|
|
|
@@ -93,23 +95,25 @@ function getTooltipElement(el) {
|
|
|
93
95
|
|
|
94
96
|
function create(el) {
|
|
95
97
|
const id = UniqueComponentId() + '_tooltip';
|
|
98
|
+
|
|
96
99
|
el.$_ptooltipId = id;
|
|
97
100
|
|
|
98
101
|
let container = document.createElement('div');
|
|
102
|
+
|
|
99
103
|
container.id = id;
|
|
100
104
|
|
|
101
105
|
let tooltipArrow = document.createElement('div');
|
|
106
|
+
|
|
102
107
|
tooltipArrow.className = 'p-tooltip-arrow';
|
|
103
108
|
container.appendChild(tooltipArrow);
|
|
104
109
|
|
|
105
110
|
let tooltipText = document.createElement('div');
|
|
106
|
-
tooltipText.className = 'p-tooltip-text';
|
|
107
111
|
|
|
112
|
+
tooltipText.className = 'p-tooltip-text';
|
|
108
113
|
|
|
109
114
|
if (el.$_ptooltipEscape) {
|
|
110
115
|
tooltipText.innerHTML = el.$_ptooltipValue;
|
|
111
|
-
}
|
|
112
|
-
else {
|
|
116
|
+
} else {
|
|
113
117
|
tooltipText.innerHTML = '';
|
|
114
118
|
tooltipText.appendChild(document.createTextNode(el.$_ptooltipValue));
|
|
115
119
|
}
|
|
@@ -129,10 +133,12 @@ function create(el) {
|
|
|
129
133
|
function remove(el) {
|
|
130
134
|
if (el) {
|
|
131
135
|
let tooltipElement = getTooltipElement(el);
|
|
136
|
+
|
|
132
137
|
if (tooltipElement && tooltipElement.parentElement) {
|
|
133
138
|
ZIndexUtils.clear(tooltipElement);
|
|
134
139
|
document.body.removeChild(tooltipElement);
|
|
135
140
|
}
|
|
141
|
+
|
|
136
142
|
el.$_ptooltipId = null;
|
|
137
143
|
}
|
|
138
144
|
}
|
|
@@ -142,6 +148,7 @@ function align(el) {
|
|
|
142
148
|
|
|
143
149
|
if (modifiers.top) {
|
|
144
150
|
alignTop(el);
|
|
151
|
+
|
|
145
152
|
if (isOutOfBounds(el)) {
|
|
146
153
|
alignBottom(el);
|
|
147
154
|
|
|
@@ -149,9 +156,9 @@ function align(el) {
|
|
|
149
156
|
alignTop(el);
|
|
150
157
|
}
|
|
151
158
|
}
|
|
152
|
-
}
|
|
153
|
-
else if (modifiers.left) {
|
|
159
|
+
} else if (modifiers.left) {
|
|
154
160
|
alignLeft(el);
|
|
161
|
+
|
|
155
162
|
if (isOutOfBounds(el)) {
|
|
156
163
|
alignRight(el);
|
|
157
164
|
|
|
@@ -167,9 +174,9 @@ function align(el) {
|
|
|
167
174
|
}
|
|
168
175
|
}
|
|
169
176
|
}
|
|
170
|
-
}
|
|
171
|
-
else if (modifiers.bottom) {
|
|
177
|
+
} else if (modifiers.bottom) {
|
|
172
178
|
alignBottom(el);
|
|
179
|
+
|
|
173
180
|
if (isOutOfBounds(el)) {
|
|
174
181
|
alignTop(el);
|
|
175
182
|
|
|
@@ -177,9 +184,9 @@ function align(el) {
|
|
|
177
184
|
alignBottom(el);
|
|
178
185
|
}
|
|
179
186
|
}
|
|
180
|
-
}
|
|
181
|
-
else {
|
|
187
|
+
} else {
|
|
182
188
|
alignRight(el);
|
|
189
|
+
|
|
183
190
|
if (isOutOfBounds(el)) {
|
|
184
191
|
alignLeft(el);
|
|
185
192
|
|
|
@@ -203,7 +210,7 @@ function getHostOffset(el) {
|
|
|
203
210
|
let targetLeft = offset.left + DomHandler.getWindowScrollLeft();
|
|
204
211
|
let targetTop = offset.top + DomHandler.getWindowScrollTop();
|
|
205
212
|
|
|
206
|
-
return {left: targetLeft, top: targetTop};
|
|
213
|
+
return { left: targetLeft, top: targetTop };
|
|
207
214
|
}
|
|
208
215
|
|
|
209
216
|
function alignRight(el) {
|
|
@@ -212,6 +219,7 @@ function alignRight(el) {
|
|
|
212
219
|
let hostOffset = getHostOffset(el);
|
|
213
220
|
let left = hostOffset.left + DomHandler.getOuterWidth(el);
|
|
214
221
|
let top = hostOffset.top + (DomHandler.getOuterHeight(el) - DomHandler.getOuterHeight(tooltipElement)) / 2;
|
|
222
|
+
|
|
215
223
|
tooltipElement.style.left = left + 'px';
|
|
216
224
|
tooltipElement.style.top = top + 'px';
|
|
217
225
|
}
|
|
@@ -222,6 +230,7 @@ function alignLeft(el) {
|
|
|
222
230
|
let hostOffset = getHostOffset(el);
|
|
223
231
|
let left = hostOffset.left - DomHandler.getOuterWidth(tooltipElement);
|
|
224
232
|
let top = hostOffset.top + (DomHandler.getOuterHeight(el) - DomHandler.getOuterHeight(tooltipElement)) / 2;
|
|
233
|
+
|
|
225
234
|
tooltipElement.style.left = left + 'px';
|
|
226
235
|
tooltipElement.style.top = top + 'px';
|
|
227
236
|
}
|
|
@@ -232,6 +241,7 @@ function alignTop(el) {
|
|
|
232
241
|
let hostOffset = getHostOffset(el);
|
|
233
242
|
let left = hostOffset.left + (DomHandler.getOuterWidth(el) - DomHandler.getOuterWidth(tooltipElement)) / 2;
|
|
234
243
|
let top = hostOffset.top - DomHandler.getOuterHeight(tooltipElement);
|
|
244
|
+
|
|
235
245
|
tooltipElement.style.left = left + 'px';
|
|
236
246
|
tooltipElement.style.top = top + 'px';
|
|
237
247
|
}
|
|
@@ -242,15 +252,17 @@ function alignBottom(el) {
|
|
|
242
252
|
let hostOffset = getHostOffset(el);
|
|
243
253
|
let left = hostOffset.left + (DomHandler.getOuterWidth(el) - DomHandler.getOuterWidth(tooltipElement)) / 2;
|
|
244
254
|
let top = hostOffset.top + DomHandler.getOuterHeight(el);
|
|
255
|
+
|
|
245
256
|
tooltipElement.style.left = left + 'px';
|
|
246
257
|
tooltipElement.style.top = top + 'px';
|
|
247
258
|
}
|
|
248
259
|
|
|
249
260
|
function preAlign(el, position) {
|
|
250
261
|
let tooltipElement = getTooltipElement(el);
|
|
262
|
+
|
|
251
263
|
tooltipElement.style.left = -999 + 'px';
|
|
252
264
|
tooltipElement.style.top = -999 + 'px';
|
|
253
|
-
tooltipElement.className = `p-tooltip p-component p-tooltip-${position} ${el.$_ptooltipClass||''}`;
|
|
265
|
+
tooltipElement.className = `p-tooltip p-component p-tooltip-${position} ${el.$_ptooltipClass || ''}`;
|
|
254
266
|
}
|
|
255
267
|
|
|
256
268
|
function isOutOfBounds(el) {
|
|
@@ -262,11 +274,11 @@ function isOutOfBounds(el) {
|
|
|
262
274
|
let height = DomHandler.getOuterHeight(tooltipElement);
|
|
263
275
|
let viewport = DomHandler.getViewport();
|
|
264
276
|
|
|
265
|
-
return
|
|
277
|
+
return targetLeft + width > viewport.width || targetLeft < 0 || targetTop < 0 || targetTop + height > viewport.height;
|
|
266
278
|
}
|
|
267
279
|
|
|
268
280
|
function getTarget(el) {
|
|
269
|
-
return DomHandler.hasClass(el, 'p-inputwrapper') ? DomHandler.findSingle(el, 'input'): el;
|
|
281
|
+
return DomHandler.hasClass(el, 'p-inputwrapper') ? DomHandler.findSingle(el, 'input') : el;
|
|
270
282
|
}
|
|
271
283
|
|
|
272
284
|
function getModifiers(options) {
|
|
@@ -279,6 +291,7 @@ function getModifiers(options) {
|
|
|
279
291
|
if (options.arg && typeof options.arg === 'object') {
|
|
280
292
|
return Object.entries(options.arg).reduce((acc, [key, val]) => {
|
|
281
293
|
if (key === 'event' || key === 'position') acc[val] = true;
|
|
294
|
+
|
|
282
295
|
return acc;
|
|
283
296
|
}, {});
|
|
284
297
|
}
|
|
@@ -289,6 +302,7 @@ function getModifiers(options) {
|
|
|
289
302
|
const Tooltip = {
|
|
290
303
|
beforeMount(el, options) {
|
|
291
304
|
let target = getTarget(el);
|
|
305
|
+
|
|
292
306
|
target.$_ptooltipModifiers = getModifiers(options);
|
|
293
307
|
|
|
294
308
|
if (!options.value) return;
|
|
@@ -298,9 +312,8 @@ const Tooltip = {
|
|
|
298
312
|
target.$_ptooltipEscape = false;
|
|
299
313
|
target.$_ptooltipClass = null;
|
|
300
314
|
target.$_ptooltipFitContent = true;
|
|
301
|
-
}
|
|
302
|
-
|
|
303
|
-
if (options.value.value === undefined || options.value.value === null || options.value.value.trim() === '') return;
|
|
315
|
+
} else if (typeof options.value === 'object' && options.value) {
|
|
316
|
+
if (ObjectUtils.isEmpty(options.value.value)) return;
|
|
304
317
|
else {
|
|
305
318
|
/* eslint-disable */
|
|
306
319
|
target.$_ptooltipValue = options.value.value;
|
|
@@ -336,9 +349,8 @@ const Tooltip = {
|
|
|
336
349
|
target.$_ptooltipDisabled = false;
|
|
337
350
|
target.$_ptooltipEscape = false;
|
|
338
351
|
target.$_ptooltipClass = null;
|
|
339
|
-
}
|
|
340
|
-
|
|
341
|
-
if (options.value.value === undefined || options.value.value === null || options.value.value.trim() === '') return;
|
|
352
|
+
} else if (typeof options.value === 'object' && options.value) {
|
|
353
|
+
if (ObjectUtils.isEmpty(options.value.value)) return;
|
|
342
354
|
else {
|
|
343
355
|
/* eslint-disable */
|
|
344
356
|
target.$_ptooltipValue = options.value.value;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{
|
|
1
|
+
import{ObjectUtils as t,ZIndexUtils as e,DomHandler as o,UniqueComponentId as l,ConnectedOverlayScrollHandler as i}from"primevue/utils";function n(t){s(t.currentTarget)}function p(t){c(t.currentTarget)}function u(t){s(t.currentTarget)}function r(t){c(t.currentTarget)}function a(t){c(t.currentTarget)}function s(t){if(t.$_ptooltipDisabled)return;let n=function(t){const e=l()+"_tooltip";t.$_ptooltipId=e;let o=document.createElement("div");o.id=e;let i=document.createElement("div");i.className="p-tooltip-arrow",o.appendChild(i);let n=document.createElement("div");n.className="p-tooltip-text",t.$_ptooltipEscape?n.innerHTML=t.$_ptooltipValue:(n.innerHTML="",n.appendChild(document.createTextNode(t.$_ptooltipValue)));o.appendChild(n),document.body.appendChild(o),o.style.display="inline-block",t.$_ptooltipFitContent&&(o.style.width="fit-content");return o}(t);!function(t){const e=t.$_ptooltipModifiers;e.top?(_(t),b(t)&&(m(t),b(t)&&_(t))):e.left?(g(t),b(t)&&($(t),b(t)&&(_(t),b(t)&&(m(t),b(t)&&g(t))))):e.bottom?(m(t),b(t)&&(_(t),b(t)&&m(t))):($(t),b(t)&&(g(t),b(t)&&(_(t),b(t)&&(m(t),b(t)&&$(t)))))}(t),o.fadeIn(n,250),window.addEventListener("resize",(function e(){o.isTouchDevice()||c(t),this.removeEventListener("resize",e)})),function(t){t.$_ptooltipScrollHandler||(t.$_ptooltipScrollHandler=new i(t,(function(){c(t)}))),t.$_ptooltipScrollHandler.bindScrollListener()}(t),e.set("tooltip",n,t.$_ptooltipZIndex)}function c(t){f(t),function(t){t.$_ptooltipScrollHandler&&t.$_ptooltipScrollHandler.unbindScrollListener()}(t)}function d(t){return document.getElementById(t.$_ptooltipId)}function f(t){if(t){let o=d(t);o&&o.parentElement&&(e.clear(o),document.body.removeChild(o)),t.$_ptooltipId=null}}function v(t){let e=t.getBoundingClientRect();return{left:e.left+o.getWindowScrollLeft(),top:e.top+o.getWindowScrollTop()}}function $(t){h(t,"right");let e=d(t),l=v(t),i=l.left+o.getOuterWidth(t),n=l.top+(o.getOuterHeight(t)-o.getOuterHeight(e))/2;e.style.left=i+"px",e.style.top=n+"px"}function g(t){h(t,"left");let e=d(t),l=v(t),i=l.left-o.getOuterWidth(e),n=l.top+(o.getOuterHeight(t)-o.getOuterHeight(e))/2;e.style.left=i+"px",e.style.top=n+"px"}function _(t){h(t,"top");let e=d(t),l=v(t),i=l.left+(o.getOuterWidth(t)-o.getOuterWidth(e))/2,n=l.top-o.getOuterHeight(e);e.style.left=i+"px",e.style.top=n+"px"}function m(t){h(t,"bottom");let e=d(t),l=v(t),i=l.left+(o.getOuterWidth(t)-o.getOuterWidth(e))/2,n=l.top+o.getOuterHeight(t);e.style.left=i+"px",e.style.top=n+"px"}function h(t,e){let o=d(t);o.style.left="-999px",o.style.top="-999px",o.className=`p-tooltip p-component p-tooltip-${e} ${t.$_ptooltipClass||""}`}function b(t){let e=d(t),l=e.getBoundingClientRect(),i=l.top,n=l.left,p=o.getOuterWidth(e),u=o.getOuterHeight(e),r=o.getViewport();return n+p>r.width||n<0||i<0||i+u>r.height}function y(t){return o.hasClass(t,"p-inputwrapper")?o.findSingle(t,"input"):t}function E(t){return t.modifiers&&Object.keys(t.modifiers).length?t.modifiers:t.arg&&"object"==typeof t.arg?Object.entries(t.arg).reduce(((t,[e,o])=>("event"!==e&&"position"!==e||(t[o]=!0),t)),{}):{}}const C={beforeMount(e,o){let l=y(e);if(l.$_ptooltipModifiers=E(o),o.value){if("string"==typeof o.value)l.$_ptooltipValue=o.value,l.$_ptooltipDisabled=!1,l.$_ptooltipEscape=!1,l.$_ptooltipClass=null,l.$_ptooltipFitContent=!0;else if("object"==typeof o.value&&o.value){if(t.isEmpty(o.value.value))return;l.$_ptooltipValue=o.value.value,l.$_ptooltipDisabled=!!o.value.disabled===o.value.disabled&&o.value.disabled,l.$_ptooltipEscape=!!o.value.escape===o.value.escape&&o.value.escape,l.$_ptooltipClass=o.value.class,l.$_ptooltipFitContent=!!o.value.fitContent!==o.value.fitContent||o.value.fitContent}l.$_ptooltipZIndex=o.instance.$primevue&&o.instance.$primevue.config&&o.instance.$primevue.config.zIndex.tooltip,function(t){t.$_ptooltipModifiers.focus?(t.addEventListener("focus",u),t.addEventListener("blur",r)):(t.addEventListener("mouseenter",n),t.addEventListener("mouseleave",p),t.addEventListener("click",a))}(l)}},unmounted(t){let o=y(t);f(o),function(t){t.$_ptooltipModifiers.focus?(t.removeEventListener("focus",u),t.removeEventListener("blur",r)):(t.removeEventListener("mouseenter",n),t.removeEventListener("mouseleave",p),t.removeEventListener("click",a))}(o),o.$_ptooltipScrollHandler&&(o.$_ptooltipScrollHandler.destroy(),o.$_ptooltipScrollHandler=null),e.clear(t)},updated(e,o){let l=y(e);if(l.$_ptooltipModifiers=E(o),o.value)if("string"==typeof o.value)l.$_ptooltipValue=o.value,l.$_ptooltipDisabled=!1,l.$_ptooltipEscape=!1,l.$_ptooltipClass=null;else if("object"==typeof o.value&&o.value){if(t.isEmpty(o.value.value))return;l.$_ptooltipValue=o.value.value,l.$_ptooltipDisabled=!!o.value.disabled===o.value.disabled&&o.value.disabled,l.$_ptooltipEscape=!!o.value.escape===o.value.escape&&o.value.escape,l.$_ptooltipClass=o.value.class,l.$_ptooltipFitContent=!!o.value.fitContent!==o.value.fitContent||o.value.fitContent}}};export{C as default};
|