primevue 3.12.2 → 3.12.5
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/accordion/Accordion.d.ts +8 -0
- package/accordion/Accordion.vue +15 -5
- package/accordion/accordion.cjs.js +32 -20
- package/accordion/accordion.cjs.min.js +1 -1
- package/accordion/accordion.esm.js +34 -22
- package/accordion/accordion.esm.min.js +1 -1
- package/accordion/accordion.js +33 -21
- package/accordion/accordion.min.js +1 -1
- package/accordiontab/accordiontab.esm.js +1 -1
- package/accordiontab/accordiontab.esm.min.js +1 -1
- package/accordiontab/accordiontab.js +1 -1
- package/api/api.js +1 -1
- package/autocomplete/autocomplete.cjs.js +61 -54
- package/autocomplete/autocomplete.cjs.min.js +1 -1
- package/autocomplete/autocomplete.esm.js +59 -52
- package/autocomplete/autocomplete.esm.min.js +1 -1
- package/autocomplete/autocomplete.js +62 -55
- package/autocomplete/autocomplete.min.js +1 -1
- package/avatar/avatar.cjs.js +9 -6
- package/avatar/avatar.cjs.min.js +1 -1
- package/avatar/avatar.esm.js +11 -8
- package/avatar/avatar.esm.min.js +1 -1
- package/avatar/avatar.js +10 -7
- package/avatar/avatar.min.js +1 -1
- package/avatargroup/avatargroup.cjs.js +1 -1
- package/avatargroup/avatargroup.cjs.min.js +1 -1
- package/avatargroup/avatargroup.esm.js +3 -3
- package/avatargroup/avatargroup.esm.min.js +1 -1
- package/avatargroup/avatargroup.js +2 -2
- package/avatargroup/avatargroup.min.js +1 -1
- package/badge/badge.cjs.js +3 -1
- package/badge/badge.cjs.min.js +1 -1
- package/badge/badge.esm.js +5 -3
- package/badge/badge.esm.min.js +1 -1
- package/badge/badge.js +4 -2
- package/badge/badge.min.js +1 -1
- package/badgedirective/badgedirective.esm.js +1 -1
- package/badgedirective/badgedirective.esm.min.js +1 -1
- package/badgedirective/badgedirective.js +1 -1
- package/blockui/blockui.cjs.js +1 -1
- package/blockui/blockui.cjs.min.js +1 -1
- package/blockui/blockui.esm.js +3 -3
- package/blockui/blockui.esm.min.js +1 -1
- package/blockui/blockui.js +2 -2
- package/blockui/blockui.min.js +1 -1
- package/breadcrumb/breadcrumb.cjs.js +25 -23
- package/breadcrumb/breadcrumb.cjs.min.js +1 -1
- package/breadcrumb/breadcrumb.esm.js +27 -25
- package/breadcrumb/breadcrumb.esm.min.js +1 -1
- package/breadcrumb/breadcrumb.js +26 -24
- package/breadcrumb/breadcrumb.min.js +1 -1
- package/button/button.cjs.js +13 -12
- package/button/button.cjs.min.js +1 -1
- package/button/button.esm.js +14 -13
- package/button/button.esm.min.js +1 -1
- package/button/button.js +14 -13
- package/button/button.min.js +1 -1
- package/calendar/Calendar.vue +3 -0
- package/calendar/calendar.cjs.js +235 -207
- package/calendar/calendar.cjs.min.js +1 -1
- package/calendar/calendar.esm.js +234 -206
- package/calendar/calendar.esm.min.js +1 -1
- package/calendar/calendar.js +236 -208
- package/calendar/calendar.min.js +1 -1
- package/card/card.cjs.js +7 -7
- package/card/card.cjs.min.js +1 -1
- package/card/card.esm.js +9 -9
- package/card/card.esm.min.js +1 -1
- package/card/card.js +8 -8
- package/card/card.min.js +1 -1
- package/carousel/carousel.cjs.js +56 -48
- package/carousel/carousel.cjs.min.js +1 -1
- package/carousel/carousel.esm.js +57 -49
- package/carousel/carousel.esm.min.js +1 -1
- package/carousel/carousel.js +57 -49
- package/carousel/carousel.min.js +1 -1
- package/cascadeselect/cascadeselect.cjs.js +37 -30
- package/cascadeselect/cascadeselect.cjs.min.js +1 -1
- package/cascadeselect/cascadeselect.esm.js +37 -30
- package/cascadeselect/cascadeselect.esm.min.js +1 -1
- package/cascadeselect/cascadeselect.js +38 -31
- package/cascadeselect/cascadeselect.min.js +1 -1
- package/chart/chart.cjs.js +7 -8
- package/chart/chart.cjs.min.js +1 -1
- package/chart/chart.esm.js +7 -6
- package/chart/chart.esm.min.js +1 -1
- package/chart/chart.js +6 -5
- package/chart/chart.min.js +1 -1
- package/checkbox/checkbox.cjs.js +16 -14
- package/checkbox/checkbox.cjs.min.js +1 -1
- package/checkbox/checkbox.esm.js +18 -16
- package/checkbox/checkbox.esm.min.js +1 -1
- package/checkbox/checkbox.js +17 -15
- package/checkbox/checkbox.min.js +1 -1
- package/chip/chip.cjs.js +13 -12
- package/chip/chip.cjs.min.js +1 -1
- package/chip/chip.esm.js +15 -14
- package/chip/chip.esm.min.js +1 -1
- package/chip/chip.js +14 -13
- package/chip/chip.min.js +1 -1
- package/chips/Chips.vue +1 -1
- package/chips/chips.cjs.js +23 -21
- package/chips/chips.cjs.min.js +1 -1
- package/chips/chips.esm.js +25 -23
- package/chips/chips.esm.min.js +1 -1
- package/chips/chips.js +24 -22
- package/chips/chips.min.js +1 -1
- package/colorpicker/colorpicker.cjs.js +28 -27
- package/colorpicker/colorpicker.cjs.min.js +1 -1
- package/colorpicker/colorpicker.esm.js +29 -28
- package/colorpicker/colorpicker.esm.min.js +1 -1
- package/colorpicker/colorpicker.js +29 -28
- package/colorpicker/colorpicker.min.js +1 -1
- package/column/column.esm.js +1 -1
- package/column/column.esm.min.js +1 -1
- package/column/column.js +1 -1
- package/columngroup/columngroup.esm.js +1 -1
- package/columngroup/columngroup.esm.min.js +1 -1
- package/columngroup/columngroup.js +1 -1
- package/config/config.cjs.js +1 -1
- package/config/config.esm.js +1 -2
- package/config/config.esm.min.js +1 -1
- package/config/config.js +2 -2
- package/confirmationeventbus/confirmationeventbus.esm.js +1 -1
- package/confirmationeventbus/confirmationeventbus.esm.min.js +1 -1
- package/confirmationeventbus/confirmationeventbus.js +1 -1
- package/confirmationoptions/ConfirmationOptions.d.ts +8 -0
- package/confirmationservice/confirmationservice.cjs.js +2 -2
- package/confirmationservice/confirmationservice.esm.js +1 -1
- package/confirmationservice/confirmationservice.esm.min.js +1 -1
- package/confirmationservice/confirmationservice.js +3 -3
- package/confirmdialog/confirmdialog.cjs.js +15 -13
- package/confirmdialog/confirmdialog.cjs.min.js +1 -1
- package/confirmdialog/confirmdialog.esm.js +11 -9
- package/confirmdialog/confirmdialog.esm.min.js +1 -1
- package/confirmdialog/confirmdialog.js +16 -14
- package/confirmdialog/confirmdialog.min.js +1 -1
- package/confirmpopup/ConfirmPopup.vue +2 -1
- package/confirmpopup/confirmpopup.cjs.js +20 -17
- package/confirmpopup/confirmpopup.cjs.min.js +1 -1
- package/confirmpopup/confirmpopup.esm.js +16 -13
- package/confirmpopup/confirmpopup.esm.min.js +1 -1
- package/confirmpopup/confirmpopup.js +21 -18
- package/confirmpopup/confirmpopup.min.js +1 -1
- package/contextmenu/contextmenu.cjs.js +33 -30
- package/contextmenu/contextmenu.cjs.min.js +1 -1
- package/contextmenu/contextmenu.esm.js +34 -31
- package/contextmenu/contextmenu.esm.min.js +1 -1
- package/contextmenu/contextmenu.js +34 -31
- package/contextmenu/contextmenu.min.js +1 -1
- package/core/core.js +396 -334
- package/core/core.min.js +13 -13
- package/datatable/DataTable.d.ts +1 -1
- package/datatable/datatable.cjs.js +355 -328
- package/datatable/datatable.cjs.min.js +1 -1
- package/datatable/datatable.esm.js +345 -318
- package/datatable/datatable.esm.min.js +1 -1
- package/datatable/datatable.js +356 -329
- package/datatable/datatable.min.js +1 -1
- package/dataview/DataView.d.ts +4 -0
- package/dataview/DataView.vue +8 -1
- package/dataview/dataview.cjs.js +26 -15
- package/dataview/dataview.cjs.min.js +1 -1
- package/dataview/dataview.esm.js +27 -16
- package/dataview/dataview.esm.min.js +1 -1
- package/dataview/dataview.js +27 -16
- package/dataview/dataview.min.js +1 -1
- package/dataviewlayoutoptions/dataviewlayoutoptions.cjs.js +17 -15
- package/dataviewlayoutoptions/dataviewlayoutoptions.cjs.min.js +1 -1
- package/dataviewlayoutoptions/dataviewlayoutoptions.esm.js +19 -17
- package/dataviewlayoutoptions/dataviewlayoutoptions.esm.min.js +1 -1
- package/dataviewlayoutoptions/dataviewlayoutoptions.js +18 -16
- package/dataviewlayoutoptions/dataviewlayoutoptions.min.js +1 -1
- package/deferredcontent/deferredcontent.cjs.js +1 -1
- package/deferredcontent/deferredcontent.cjs.min.js +1 -1
- package/deferredcontent/deferredcontent.esm.js +3 -3
- package/deferredcontent/deferredcontent.esm.min.js +1 -1
- package/deferredcontent/deferredcontent.js +2 -2
- package/deferredcontent/deferredcontent.min.js +1 -1
- package/dialog/dialog.cjs.js +33 -27
- package/dialog/dialog.cjs.min.js +1 -1
- package/dialog/dialog.esm.js +34 -28
- package/dialog/dialog.esm.min.js +1 -1
- package/dialog/dialog.js +34 -28
- package/dialog/dialog.min.js +1 -1
- package/divider/divider.cjs.js +3 -3
- package/divider/divider.cjs.min.js +1 -1
- package/divider/divider.esm.js +5 -5
- package/divider/divider.esm.min.js +1 -1
- package/divider/divider.js +4 -4
- package/divider/divider.min.js +1 -1
- package/dock/dock.cjs.js +26 -23
- package/dock/dock.cjs.min.js +1 -1
- package/dock/dock.esm.js +26 -23
- package/dock/dock.esm.min.js +1 -1
- package/dock/dock.js +27 -24
- package/dock/dock.min.js +1 -1
- package/dropdown/dropdown.cjs.js +67 -59
- package/dropdown/dropdown.cjs.min.js +1 -1
- package/dropdown/dropdown.esm.js +66 -58
- package/dropdown/dropdown.esm.min.js +1 -1
- package/dropdown/dropdown.js +68 -60
- package/dropdown/dropdown.min.js +1 -1
- package/editor/editor.cjs.js +22 -22
- package/editor/editor.cjs.min.js +1 -1
- package/editor/editor.esm.js +23 -23
- package/editor/editor.esm.min.js +1 -1
- package/editor/editor.js +23 -23
- package/editor/editor.min.js +1 -1
- package/fieldset/fieldset.cjs.js +22 -17
- package/fieldset/fieldset.cjs.min.js +1 -1
- package/fieldset/fieldset.esm.js +23 -18
- package/fieldset/fieldset.esm.min.js +1 -1
- package/fieldset/fieldset.js +23 -18
- package/fieldset/fieldset.min.js +1 -1
- package/fileupload/fileupload.cjs.js +64 -59
- package/fileupload/fileupload.cjs.min.js +1 -1
- package/fileupload/fileupload.esm.js +62 -57
- package/fileupload/fileupload.esm.min.js +1 -1
- package/fileupload/fileupload.js +65 -60
- package/fileupload/fileupload.min.js +1 -1
- package/fullcalendar/fullcalendar.cjs.js +1 -31
- package/fullcalendar/fullcalendar.cjs.min.js +1 -1
- package/fullcalendar/fullcalendar.esm.js +3 -33
- package/fullcalendar/fullcalendar.esm.min.js +1 -1
- package/fullcalendar/fullcalendar.js +2 -32
- package/fullcalendar/fullcalendar.min.js +1 -1
- package/galleria/galleria.cjs.js +92 -78
- package/galleria/galleria.cjs.min.js +1 -1
- package/galleria/galleria.esm.js +91 -77
- package/galleria/galleria.esm.min.js +1 -1
- package/galleria/galleria.js +93 -79
- package/galleria/galleria.min.js +1 -1
- package/image/image.cjs.js +55 -47
- package/image/image.cjs.min.js +1 -1
- package/image/image.esm.js +57 -49
- package/image/image.esm.min.js +1 -1
- package/image/image.js +56 -48
- package/image/image.min.js +1 -1
- package/inlinemessage/inlinemessage.cjs.js +6 -4
- package/inlinemessage/inlinemessage.cjs.min.js +1 -1
- package/inlinemessage/inlinemessage.esm.js +8 -6
- package/inlinemessage/inlinemessage.esm.min.js +1 -1
- package/inlinemessage/inlinemessage.js +7 -5
- package/inlinemessage/inlinemessage.min.js +1 -1
- package/inplace/inplace.cjs.js +12 -9
- package/inplace/inplace.cjs.min.js +1 -1
- package/inplace/inplace.esm.js +13 -10
- package/inplace/inplace.esm.min.js +1 -1
- package/inplace/inplace.js +13 -10
- package/inplace/inplace.min.js +1 -1
- package/inputmask/inputmask.cjs.js +7 -7
- package/inputmask/inputmask.cjs.min.js +1 -1
- package/inputmask/inputmask.esm.js +9 -9
- package/inputmask/inputmask.esm.min.js +1 -1
- package/inputmask/inputmask.js +8 -8
- package/inputmask/inputmask.min.js +1 -1
- package/inputnumber/inputnumber.cjs.js +6 -6
- package/inputnumber/inputnumber.cjs.min.js +1 -1
- package/inputnumber/inputnumber.esm.js +6 -6
- package/inputnumber/inputnumber.esm.min.js +1 -1
- package/inputnumber/inputnumber.js +7 -7
- package/inputnumber/inputnumber.min.js +1 -1
- package/inputswitch/inputswitch.cjs.js +13 -12
- package/inputswitch/inputswitch.cjs.min.js +1 -1
- package/inputswitch/inputswitch.esm.js +15 -14
- package/inputswitch/inputswitch.esm.min.js +1 -1
- package/inputswitch/inputswitch.js +14 -13
- package/inputswitch/inputswitch.min.js +1 -1
- package/inputtext/inputtext.cjs.js +5 -3
- package/inputtext/inputtext.cjs.min.js +1 -1
- package/inputtext/inputtext.esm.js +7 -5
- package/inputtext/inputtext.esm.min.js +1 -1
- package/inputtext/inputtext.js +6 -4
- package/inputtext/inputtext.min.js +1 -1
- package/knob/knob.cjs.js +21 -14
- package/knob/knob.cjs.min.js +1 -1
- package/knob/knob.esm.js +23 -16
- package/knob/knob.esm.min.js +1 -1
- package/knob/knob.js +22 -15
- package/knob/knob.min.js +1 -1
- package/listbox/listbox.cjs.js +37 -34
- package/listbox/listbox.cjs.min.js +1 -1
- package/listbox/listbox.esm.js +37 -34
- package/listbox/listbox.esm.min.js +1 -1
- package/listbox/listbox.js +38 -35
- package/listbox/listbox.min.js +1 -1
- package/megamenu/megamenu.cjs.js +73 -66
- package/megamenu/megamenu.cjs.min.js +1 -1
- package/megamenu/megamenu.esm.js +74 -67
- package/megamenu/megamenu.esm.min.js +1 -1
- package/megamenu/megamenu.js +74 -67
- package/megamenu/megamenu.min.js +1 -1
- package/menu/Menu.vue +4 -1
- package/menu/menu.cjs.js +41 -36
- package/menu/menu.cjs.min.js +1 -1
- package/menu/menu.esm.js +41 -36
- package/menu/menu.esm.min.js +1 -1
- package/menu/menu.js +42 -37
- package/menu/menu.min.js +1 -1
- package/menubar/menubar.cjs.js +47 -40
- package/menubar/menubar.cjs.min.js +1 -1
- package/menubar/menubar.esm.js +48 -41
- package/menubar/menubar.esm.min.js +1 -1
- package/menubar/menubar.js +48 -41
- package/menubar/menubar.min.js +1 -1
- package/message/message.cjs.js +15 -12
- package/message/message.cjs.min.js +1 -1
- package/message/message.esm.js +16 -13
- package/message/message.esm.min.js +1 -1
- package/message/message.js +16 -13
- package/message/message.min.js +1 -1
- package/multiselect/multiselect.cjs.js +106 -94
- package/multiselect/multiselect.cjs.min.js +1 -1
- package/multiselect/multiselect.esm.js +105 -93
- package/multiselect/multiselect.esm.min.js +1 -1
- package/multiselect/multiselect.js +107 -95
- package/multiselect/multiselect.min.js +1 -1
- package/orderlist/OrderList.vue +4 -4
- package/orderlist/orderlist.cjs.js +19 -16
- package/orderlist/orderlist.cjs.min.js +1 -1
- package/orderlist/orderlist.esm.js +19 -16
- package/orderlist/orderlist.esm.min.js +1 -1
- package/orderlist/orderlist.js +20 -17
- package/orderlist/orderlist.min.js +1 -1
- package/organizationchart/organizationchart.cjs.js +42 -37
- package/organizationchart/organizationchart.cjs.min.js +1 -1
- package/organizationchart/organizationchart.esm.js +44 -39
- package/organizationchart/organizationchart.esm.min.js +1 -1
- package/organizationchart/organizationchart.js +43 -38
- package/organizationchart/organizationchart.min.js +1 -1
- package/overlayeventbus/overlayeventbus.esm.js +1 -1
- package/overlayeventbus/overlayeventbus.esm.min.js +1 -1
- package/overlayeventbus/overlayeventbus.js +1 -1
- package/overlaypanel/overlaypanel.cjs.js +18 -16
- package/overlaypanel/overlaypanel.cjs.min.js +1 -1
- package/overlaypanel/overlaypanel.esm.js +15 -13
- package/overlaypanel/overlaypanel.esm.min.js +1 -1
- package/overlaypanel/overlaypanel.js +19 -17
- package/overlaypanel/overlaypanel.min.js +1 -1
- package/package.json +1 -1
- package/paginator/paginator.cjs.js +59 -54
- package/paginator/paginator.cjs.min.js +1 -1
- package/paginator/paginator.esm.js +53 -48
- package/paginator/paginator.esm.min.js +1 -1
- package/paginator/paginator.js +60 -55
- package/paginator/paginator.min.js +1 -1
- package/panel/panel.cjs.js +21 -16
- package/panel/panel.cjs.min.js +1 -1
- package/panel/panel.esm.js +22 -17
- package/panel/panel.esm.min.js +1 -1
- package/panel/panel.js +22 -17
- package/panel/panel.min.js +1 -1
- package/panelmenu/panelmenu.cjs.js +62 -57
- package/panelmenu/panelmenu.cjs.min.js +1 -1
- package/panelmenu/panelmenu.esm.js +64 -59
- package/panelmenu/panelmenu.esm.min.js +1 -1
- package/panelmenu/panelmenu.js +63 -58
- package/panelmenu/panelmenu.min.js +1 -1
- package/password/Password.vue +1 -1
- package/password/password.cjs.js +17 -17
- package/password/password.cjs.min.js +1 -1
- package/password/password.esm.js +17 -17
- package/password/password.esm.min.js +1 -1
- package/password/password.js +18 -18
- package/password/password.min.js +1 -1
- package/picklist/picklist.cjs.js +38 -34
- package/picklist/picklist.cjs.min.js +1 -1
- package/picklist/picklist.esm.js +38 -34
- package/picklist/picklist.esm.min.js +1 -1
- package/picklist/picklist.js +39 -35
- package/picklist/picklist.min.js +1 -1
- package/progressbar/progressbar.cjs.js +14 -12
- package/progressbar/progressbar.cjs.min.js +1 -1
- package/progressbar/progressbar.esm.js +16 -14
- package/progressbar/progressbar.esm.min.js +1 -1
- package/progressbar/progressbar.js +15 -13
- package/progressbar/progressbar.min.js +1 -1
- package/progressspinner/progressspinner.cjs.js +6 -5
- package/progressspinner/progressspinner.cjs.min.js +1 -1
- package/progressspinner/progressspinner.esm.js +8 -7
- package/progressspinner/progressspinner.esm.min.js +1 -1
- package/progressspinner/progressspinner.js +7 -6
- package/progressspinner/progressspinner.min.js +1 -1
- package/radiobutton/radiobutton.cjs.js +18 -15
- package/radiobutton/radiobutton.cjs.min.js +1 -1
- package/radiobutton/radiobutton.esm.js +20 -17
- package/radiobutton/radiobutton.esm.min.js +1 -1
- package/radiobutton/radiobutton.js +19 -16
- package/radiobutton/radiobutton.min.js +1 -1
- package/rating/Rating.vue +1 -1
- package/rating/rating.cjs.js +14 -9
- package/rating/rating.cjs.min.js +1 -1
- package/rating/rating.esm.js +16 -11
- package/rating/rating.esm.min.js +1 -1
- package/rating/rating.js +15 -10
- package/rating/rating.min.js +1 -1
- package/resources/primevue.css +5 -3
- package/resources/primevue.min.css +1 -1
- package/ripple/ripple.esm.js +1 -1
- package/ripple/ripple.esm.min.js +1 -1
- package/ripple/ripple.js +1 -1
- package/row/row.esm.js +1 -1
- package/row/row.esm.min.js +1 -1
- package/row/row.js +1 -1
- package/scrollpanel/scrollpanel.cjs.js +9 -9
- package/scrollpanel/scrollpanel.cjs.min.js +1 -1
- package/scrollpanel/scrollpanel.esm.js +11 -11
- package/scrollpanel/scrollpanel.esm.min.js +1 -1
- package/scrollpanel/scrollpanel.js +10 -10
- package/scrollpanel/scrollpanel.min.js +1 -1
- package/scrolltop/ScrollTop.vue +1 -1
- package/scrolltop/scrolltop.cjs.js +7 -5
- package/scrolltop/scrolltop.cjs.min.js +1 -1
- package/scrolltop/scrolltop.esm.js +9 -7
- package/scrolltop/scrolltop.esm.min.js +1 -1
- package/scrolltop/scrolltop.js +8 -6
- package/scrolltop/scrolltop.min.js +1 -1
- package/selectbutton/selectbutton.cjs.js +12 -11
- package/selectbutton/selectbutton.cjs.min.js +1 -1
- package/selectbutton/selectbutton.esm.js +13 -12
- package/selectbutton/selectbutton.esm.min.js +1 -1
- package/selectbutton/selectbutton.js +13 -12
- package/selectbutton/selectbutton.min.js +1 -1
- package/sidebar/sidebar.cjs.js +16 -13
- package/sidebar/sidebar.cjs.min.js +1 -1
- package/sidebar/sidebar.esm.js +17 -14
- package/sidebar/sidebar.esm.min.js +1 -1
- package/sidebar/sidebar.js +17 -14
- package/sidebar/sidebar.min.js +1 -1
- package/skeleton/skeleton.cjs.js +3 -3
- package/skeleton/skeleton.cjs.min.js +1 -1
- package/skeleton/skeleton.esm.js +5 -5
- package/skeleton/skeleton.esm.min.js +1 -1
- package/skeleton/skeleton.js +4 -4
- package/skeleton/skeleton.min.js +1 -1
- package/slider/slider.cjs.js +33 -29
- package/slider/slider.cjs.min.js +1 -1
- package/slider/slider.esm.js +35 -31
- package/slider/slider.esm.min.js +1 -1
- package/slider/slider.js +34 -30
- package/slider/slider.min.js +1 -1
- package/speeddial/speeddial.cjs.js +23 -21
- package/speeddial/speeddial.cjs.min.js +1 -1
- package/speeddial/speeddial.esm.js +22 -20
- package/speeddial/speeddial.esm.min.js +1 -1
- package/speeddial/speeddial.js +24 -22
- package/speeddial/speeddial.min.js +1 -1
- package/splitbutton/splitbutton.cjs.js +7 -9
- package/splitbutton/splitbutton.cjs.min.js +1 -1
- package/splitbutton/splitbutton.esm.js +7 -9
- package/splitbutton/splitbutton.esm.min.js +1 -1
- package/splitbutton/splitbutton.js +8 -10
- package/splitbutton/splitbutton.min.js +1 -1
- package/splitter/splitter.cjs.js +13 -9
- package/splitter/splitter.cjs.min.js +1 -1
- package/splitter/splitter.esm.js +15 -11
- package/splitter/splitter.esm.min.js +1 -1
- package/splitter/splitter.js +14 -10
- package/splitter/splitter.min.js +1 -1
- package/splitterpanel/splitterpanel.cjs.js +2 -2
- package/splitterpanel/splitterpanel.cjs.min.js +1 -1
- package/splitterpanel/splitterpanel.esm.js +4 -4
- package/splitterpanel/splitterpanel.esm.min.js +1 -1
- package/splitterpanel/splitterpanel.js +3 -3
- package/splitterpanel/splitterpanel.min.js +1 -1
- package/steps/steps.cjs.js +28 -25
- package/steps/steps.cjs.min.js +1 -1
- package/steps/steps.esm.js +30 -27
- package/steps/steps.esm.min.js +1 -1
- package/steps/steps.js +29 -26
- package/steps/steps.min.js +1 -1
- package/styleclass/styleclass.cjs.js +11 -2
- package/styleclass/styleclass.cjs.min.js +1 -1
- package/styleclass/styleclass.esm.js +12 -3
- package/styleclass/styleclass.esm.min.js +1 -1
- package/styleclass/styleclass.js +12 -3
- package/styleclass/styleclass.min.js +1 -1
- package/tabmenu/tabmenu.cjs.js +25 -23
- package/tabmenu/tabmenu.cjs.min.js +1 -1
- package/tabmenu/tabmenu.esm.js +26 -24
- package/tabmenu/tabmenu.esm.min.js +1 -1
- package/tabmenu/tabmenu.js +26 -24
- package/tabmenu/tabmenu.min.js +1 -1
- package/tabpanel/tabpanel.esm.js +1 -1
- package/tabpanel/tabpanel.esm.min.js +1 -1
- package/tabpanel/tabpanel.js +1 -1
- package/tabview/tabview.cjs.js +41 -36
- package/tabview/tabview.cjs.min.js +1 -1
- package/tabview/tabview.esm.js +42 -37
- package/tabview/tabview.esm.min.js +1 -1
- package/tabview/tabview.js +42 -37
- package/tabview/tabview.min.js +1 -1
- package/tag/tag.cjs.js +4 -4
- package/tag/tag.cjs.min.js +1 -1
- package/tag/tag.esm.js +6 -6
- package/tag/tag.esm.min.js +1 -1
- package/tag/tag.js +5 -5
- package/tag/tag.min.js +1 -1
- package/terminal/terminal.cjs.js +17 -17
- package/terminal/terminal.cjs.min.js +1 -1
- package/terminal/terminal.esm.js +16 -16
- package/terminal/terminal.esm.min.js +1 -1
- package/terminal/terminal.js +18 -18
- package/terminal/terminal.min.js +1 -1
- package/terminalservice/terminalservice.esm.js +1 -1
- package/terminalservice/terminalservice.esm.min.js +1 -1
- package/terminalservice/terminalservice.js +1 -1
- package/textarea/textarea.cjs.js +5 -3
- package/textarea/textarea.cjs.min.js +1 -1
- package/textarea/textarea.esm.js +7 -5
- package/textarea/textarea.esm.min.js +1 -1
- package/textarea/textarea.js +6 -4
- package/textarea/textarea.min.js +1 -1
- package/tieredmenu/tieredmenu.cjs.js +35 -32
- package/tieredmenu/tieredmenu.cjs.min.js +1 -1
- package/tieredmenu/tieredmenu.esm.js +35 -32
- package/tieredmenu/tieredmenu.esm.min.js +1 -1
- package/tieredmenu/tieredmenu.js +36 -33
- package/tieredmenu/tieredmenu.min.js +1 -1
- package/timeline/Timeline.d.ts +1 -1
- package/timeline/timeline.cjs.js +10 -8
- package/timeline/timeline.cjs.min.js +1 -1
- package/timeline/timeline.esm.js +12 -10
- package/timeline/timeline.esm.min.js +1 -1
- package/timeline/timeline.js +11 -9
- package/timeline/timeline.min.js +1 -1
- package/toast/Toast.vue +2 -2
- package/toast/toast.cjs.js +29 -26
- package/toast/toast.cjs.min.js +1 -1
- package/toast/toast.esm.js +25 -22
- package/toast/toast.esm.min.js +1 -1
- package/toast/toast.js +30 -27
- package/toast/toast.min.js +1 -1
- package/toasteventbus/toasteventbus.esm.js +1 -1
- package/toasteventbus/toasteventbus.esm.min.js +1 -1
- package/toasteventbus/toasteventbus.js +1 -1
- package/toastservice/toastservice.cjs.js +3 -3
- package/toastservice/toastservice.esm.js +1 -1
- package/toastservice/toastservice.esm.min.js +1 -1
- package/toastservice/toastservice.js +4 -4
- package/togglebutton/togglebutton.cjs.js +10 -9
- package/togglebutton/togglebutton.cjs.min.js +1 -1
- package/togglebutton/togglebutton.esm.js +11 -10
- package/togglebutton/togglebutton.esm.min.js +1 -1
- package/togglebutton/togglebutton.js +11 -10
- package/togglebutton/togglebutton.min.js +1 -1
- package/toolbar/toolbar.cjs.js +3 -3
- package/toolbar/toolbar.cjs.min.js +1 -1
- package/toolbar/toolbar.esm.js +5 -5
- package/toolbar/toolbar.esm.min.js +1 -1
- package/toolbar/toolbar.js +4 -4
- package/toolbar/toolbar.min.js +1 -1
- package/tooltip/tooltip.cjs.js +13 -1
- package/tooltip/tooltip.cjs.min.js +1 -1
- package/tooltip/tooltip.esm.js +14 -2
- package/tooltip/tooltip.esm.min.js +1 -1
- package/tooltip/tooltip.js +14 -2
- package/tooltip/tooltip.min.js +1 -1
- package/tree/tree.cjs.js +56 -41
- package/tree/tree.cjs.min.js +1 -1
- package/tree/tree.esm.js +57 -42
- package/tree/tree.esm.min.js +1 -1
- package/tree/tree.js +57 -42
- package/tree/tree.min.js +1 -1
- package/treeselect/treeselect.cjs.js +38 -35
- package/treeselect/treeselect.cjs.min.js +1 -1
- package/treeselect/treeselect.esm.js +37 -34
- package/treeselect/treeselect.esm.min.js +1 -1
- package/treeselect/treeselect.js +39 -36
- package/treeselect/treeselect.min.js +1 -1
- package/treetable/TreeTable.d.ts +1 -1
- package/treetable/treetable.cjs.js +97 -88
- package/treetable/treetable.cjs.min.js +1 -1
- package/treetable/treetable.esm.js +97 -88
- package/treetable/treetable.esm.min.js +1 -1
- package/treetable/treetable.js +98 -89
- package/treetable/treetable.min.js +1 -1
- package/tristatecheckbox/tristatecheckbox.cjs.js +16 -14
- package/tristatecheckbox/tristatecheckbox.cjs.min.js +1 -1
- package/tristatecheckbox/tristatecheckbox.esm.js +18 -16
- package/tristatecheckbox/tristatecheckbox.esm.min.js +1 -1
- package/tristatecheckbox/tristatecheckbox.js +17 -15
- package/tristatecheckbox/tristatecheckbox.min.js +1 -1
- package/useconfirm/useconfirm.js +1 -1
- package/usetoast/usetoast.js +1 -1
- package/utils/utils.js +1 -1
- package/vetur-attributes.json +14 -2
- package/vetur-tags.json +5 -2
- package/virtualscroller/virtualscroller.cjs.js +15 -15
- package/virtualscroller/virtualscroller.cjs.min.js +1 -1
- package/virtualscroller/virtualscroller.esm.js +17 -17
- package/virtualscroller/virtualscroller.esm.min.js +1 -1
- package/virtualscroller/virtualscroller.js +16 -16
- package/virtualscroller/virtualscroller.min.js +1 -1
- package/web-types.json +33 -3
|
@@ -1 +1 @@
|
|
|
1
|
-
this.primevue=this.primevue||{},this.primevue.dataviewlayoutoptions=function(t){"use strict";var e={name:"DataViewLayoutOptions",emits:["update:modelValue"],props:{modelValue:String},computed:{buttonListClass(){return["p-button p-button-icon-only",{"p-highlight":"list"===this.modelValue}]},buttonGridClass(){return["p-button p-button-icon-only",{"p-highlight":"grid"===this.modelValue}]}},methods:{changeLayout(t){this.$emit("update:modelValue",t)}}};const o={class:"p-dataview-layout-options p-selectbutton p-buttonset"},
|
|
1
|
+
this.primevue=this.primevue||{},this.primevue.dataviewlayoutoptions=function(t){"use strict";var e={name:"DataViewLayoutOptions",emits:["update:modelValue"],props:{modelValue:String},computed:{buttonListClass(){return["p-button p-button-icon-only",{"p-highlight":"list"===this.modelValue}]},buttonGridClass(){return["p-button p-button-icon-only",{"p-highlight":"grid"===this.modelValue}]}},methods:{changeLayout(t){this.$emit("update:modelValue",t)}}};const o={class:"p-dataview-layout-options p-selectbutton p-buttonset"},n=[t.createElementVNode("i",{class:"pi pi-bars"},null,-1)],i=[t.createElementVNode("i",{class:"pi pi-th-large"},null,-1)];return e.render=function(e,l,a,s,u,r){return t.openBlock(),t.createElementBlock("div",o,[t.createElementVNode("button",{class:t.normalizeClass(r.buttonListClass),onClick:l[0]||(l[0]=t=>r.changeLayout("list")),type:"button"},n,2),t.createElementVNode("button",{class:t.normalizeClass(r.buttonGridClass),onClick:l[1]||(l[1]=t=>r.changeLayout("grid")),type:"button"},i,2)])},e}(Vue);
|
|
@@ -60,7 +60,7 @@ var script = {
|
|
|
60
60
|
const _hoisted_1 = { ref: "container" };
|
|
61
61
|
|
|
62
62
|
function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
63
|
-
return (vue.openBlock(), vue.
|
|
63
|
+
return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
|
|
64
64
|
($data.loaded)
|
|
65
65
|
? vue.renderSlot(_ctx.$slots, "default", { key: 0 })
|
|
66
66
|
: vue.createCommentVNode("", true)
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("vue"),t={name:"DeferredContent",emits:["load"],data:()=>({loaded:!1}),mounted(){this.loaded||(this.shouldLoad()?this.load():this.bindScrollListener())},beforeUnmount(){this.unbindScrollListener()},methods:{bindScrollListener(){this.documentScrollListener=()=>{this.shouldLoad()&&(this.load(),this.unbindScrollListener())},window.addEventListener("scroll",this.documentScrollListener)},unbindScrollListener(){this.documentScrollListener&&(window.removeEventListener("scroll",this.documentScrollListener),this.documentScrollListener=null)},shouldLoad(){if(this.loaded)return!1;{const e=this.$refs.container.getBoundingClientRect();return document.documentElement.clientHeight>=e.top}},load(e){this.loaded=!0,this.$emit("load",e)}}};const
|
|
1
|
+
"use strict";var e=require("vue"),t={name:"DeferredContent",emits:["load"],data:()=>({loaded:!1}),mounted(){this.loaded||(this.shouldLoad()?this.load():this.bindScrollListener())},beforeUnmount(){this.unbindScrollListener()},methods:{bindScrollListener(){this.documentScrollListener=()=>{this.shouldLoad()&&(this.load(),this.unbindScrollListener())},window.addEventListener("scroll",this.documentScrollListener)},unbindScrollListener(){this.documentScrollListener&&(window.removeEventListener("scroll",this.documentScrollListener),this.documentScrollListener=null)},shouldLoad(){if(this.loaded)return!1;{const e=this.$refs.container.getBoundingClientRect();return document.documentElement.clientHeight>=e.top}},load(e){this.loaded=!0,this.$emit("load",e)}}};const n={ref:"container"};t.render=function(t,o,i,l,r,d){return e.openBlock(),e.createElementBlock("div",n,[r.loaded?e.renderSlot(t.$slots,"default",{key:0}):e.createCommentVNode("",!0)],512)},module.exports=t;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { openBlock,
|
|
1
|
+
import { openBlock, createElementBlock, renderSlot, createCommentVNode } from 'vue';
|
|
2
2
|
|
|
3
3
|
var script = {
|
|
4
4
|
name: 'DeferredContent',
|
|
@@ -58,7 +58,7 @@ var script = {
|
|
|
58
58
|
const _hoisted_1 = { ref: "container" };
|
|
59
59
|
|
|
60
60
|
function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
61
|
-
return (openBlock(),
|
|
61
|
+
return (openBlock(), createElementBlock("div", _hoisted_1, [
|
|
62
62
|
($data.loaded)
|
|
63
63
|
? renderSlot(_ctx.$slots, "default", { key: 0 })
|
|
64
64
|
: createCommentVNode("", true)
|
|
@@ -67,4 +67,4 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
67
67
|
|
|
68
68
|
script.render = render;
|
|
69
69
|
|
|
70
|
-
export default
|
|
70
|
+
export { script as default };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{openBlock as e,
|
|
1
|
+
import{openBlock as e,createElementBlock as t,renderSlot as n,createCommentVNode as o}from"vue";var i={name:"DeferredContent",emits:["load"],data:()=>({loaded:!1}),mounted(){this.loaded||(this.shouldLoad()?this.load():this.bindScrollListener())},beforeUnmount(){this.unbindScrollListener()},methods:{bindScrollListener(){this.documentScrollListener=()=>{this.shouldLoad()&&(this.load(),this.unbindScrollListener())},window.addEventListener("scroll",this.documentScrollListener)},unbindScrollListener(){this.documentScrollListener&&(window.removeEventListener("scroll",this.documentScrollListener),this.documentScrollListener=null)},shouldLoad(){if(this.loaded)return!1;{const e=this.$refs.container.getBoundingClientRect();return document.documentElement.clientHeight>=e.top}},load(e){this.loaded=!0,this.$emit("load",e)}}};const d={ref:"container"};i.render=function(i,l,r,s,c,u){return e(),t("div",d,[c.loaded?n(i.$slots,"default",{key:0}):o("",!0)],512)};export{i as default};
|
|
@@ -60,7 +60,7 @@ this.primevue.deferredcontent = (function (vue) {
|
|
|
60
60
|
const _hoisted_1 = { ref: "container" };
|
|
61
61
|
|
|
62
62
|
function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
63
|
-
return (vue.openBlock(), vue.
|
|
63
|
+
return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
|
|
64
64
|
($data.loaded)
|
|
65
65
|
? vue.renderSlot(_ctx.$slots, "default", { key: 0 })
|
|
66
66
|
: vue.createCommentVNode("", true)
|
|
@@ -71,4 +71,4 @@ this.primevue.deferredcontent = (function (vue) {
|
|
|
71
71
|
|
|
72
72
|
return script;
|
|
73
73
|
|
|
74
|
-
}(Vue)
|
|
74
|
+
})(Vue);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
this.primevue=this.primevue||{},this.primevue.deferredcontent=function(e){"use strict";var t={name:"DeferredContent",emits:["load"],data:()=>({loaded:!1}),mounted(){this.loaded||(this.shouldLoad()?this.load():this.bindScrollListener())},beforeUnmount(){this.unbindScrollListener()},methods:{bindScrollListener(){this.documentScrollListener=()=>{this.shouldLoad()&&(this.load(),this.unbindScrollListener())},window.addEventListener("scroll",this.documentScrollListener)},unbindScrollListener(){this.documentScrollListener&&(window.removeEventListener("scroll",this.documentScrollListener),this.documentScrollListener=null)},shouldLoad(){if(this.loaded)return!1;{const e=this.$refs.container.getBoundingClientRect();return document.documentElement.clientHeight>=e.top}},load(e){this.loaded=!0,this.$emit("load",e)}}};const n={ref:"container"};return t.render=function(t,o,i,r,d,l){return e.openBlock(),e.
|
|
1
|
+
this.primevue=this.primevue||{},this.primevue.deferredcontent=function(e){"use strict";var t={name:"DeferredContent",emits:["load"],data:()=>({loaded:!1}),mounted(){this.loaded||(this.shouldLoad()?this.load():this.bindScrollListener())},beforeUnmount(){this.unbindScrollListener()},methods:{bindScrollListener(){this.documentScrollListener=()=>{this.shouldLoad()&&(this.load(),this.unbindScrollListener())},window.addEventListener("scroll",this.documentScrollListener)},unbindScrollListener(){this.documentScrollListener&&(window.removeEventListener("scroll",this.documentScrollListener),this.documentScrollListener=null)},shouldLoad(){if(this.loaded)return!1;{const e=this.$refs.container.getBoundingClientRect();return document.documentElement.clientHeight>=e.top}},load(e){this.loaded=!0,this.$emit("load",e)}}};const n={ref:"container"};return t.render=function(t,o,i,r,d,l){return e.openBlock(),e.createElementBlock("div",n,[d.loaded?e.renderSlot(t.$slots,"default",{key:0}):e.createCommentVNode("",!0)],512)},t}(Vue);
|
package/dialog/dialog.cjs.js
CHANGED
|
@@ -390,13 +390,19 @@ var script = {
|
|
|
390
390
|
}
|
|
391
391
|
},
|
|
392
392
|
directives: {
|
|
393
|
-
'ripple': Ripple__default[
|
|
393
|
+
'ripple': Ripple__default["default"]
|
|
394
394
|
}
|
|
395
395
|
};
|
|
396
396
|
|
|
397
|
-
const _hoisted_1 =
|
|
398
|
-
const _hoisted_2 =
|
|
399
|
-
const _hoisted_3 = {
|
|
397
|
+
const _hoisted_1 = ["aria-labelledby", "aria-modal"];
|
|
398
|
+
const _hoisted_2 = ["id"];
|
|
399
|
+
const _hoisted_3 = { class: "p-dialog-header-icons" };
|
|
400
|
+
const _hoisted_4 = ["aria-label"];
|
|
401
|
+
const _hoisted_5 = /*#__PURE__*/vue.createElementVNode("span", { class: "p-dialog-header-close-icon pi pi-times" }, null, -1);
|
|
402
|
+
const _hoisted_6 = [
|
|
403
|
+
_hoisted_5
|
|
404
|
+
];
|
|
405
|
+
const _hoisted_7 = {
|
|
400
406
|
key: 1,
|
|
401
407
|
class: "p-dialog-footer"
|
|
402
408
|
};
|
|
@@ -409,11 +415,11 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
409
415
|
disabled: $options.appendDisabled
|
|
410
416
|
}, [
|
|
411
417
|
($data.containerVisible)
|
|
412
|
-
? (vue.openBlock(), vue.
|
|
418
|
+
? (vue.openBlock(), vue.createElementBlock("div", {
|
|
413
419
|
key: 0,
|
|
414
420
|
ref: $options.maskRef,
|
|
415
|
-
class: $options.maskClass,
|
|
416
|
-
onClick: _cache[
|
|
421
|
+
class: vue.normalizeClass($options.maskClass),
|
|
422
|
+
onClick: _cache[3] || (_cache[3] = (...args) => ($options.onMaskClick && $options.onMaskClick(...args)))
|
|
417
423
|
}, [
|
|
418
424
|
vue.createVNode(vue.Transition, {
|
|
419
425
|
name: "p-dialog",
|
|
@@ -426,7 +432,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
426
432
|
}, {
|
|
427
433
|
default: vue.withCtx(() => [
|
|
428
434
|
($props.visible)
|
|
429
|
-
? (vue.openBlock(), vue.
|
|
435
|
+
? (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
|
|
430
436
|
key: 0,
|
|
431
437
|
ref: $options.containerRef,
|
|
432
438
|
class: $options.dialogClass
|
|
@@ -436,64 +442,64 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
436
442
|
"aria-modal": $props.modal
|
|
437
443
|
}), [
|
|
438
444
|
($props.showHeader)
|
|
439
|
-
? (vue.openBlock(), vue.
|
|
445
|
+
? (vue.openBlock(), vue.createElementBlock("div", {
|
|
440
446
|
key: 0,
|
|
441
447
|
class: "p-dialog-header",
|
|
442
|
-
onMousedown: _cache[
|
|
448
|
+
onMousedown: _cache[2] || (_cache[2] = (...args) => ($options.initDrag && $options.initDrag(...args)))
|
|
443
449
|
}, [
|
|
444
450
|
vue.renderSlot(_ctx.$slots, "header", {}, () => [
|
|
445
451
|
($props.header)
|
|
446
|
-
? (vue.openBlock(), vue.
|
|
452
|
+
? (vue.openBlock(), vue.createElementBlock("span", {
|
|
447
453
|
key: 0,
|
|
448
454
|
id: $options.ariaLabelledById,
|
|
449
455
|
class: "p-dialog-title"
|
|
450
|
-
}, vue.toDisplayString($props.header), 9,
|
|
456
|
+
}, vue.toDisplayString($props.header), 9, _hoisted_2))
|
|
451
457
|
: vue.createCommentVNode("", true)
|
|
452
458
|
]),
|
|
453
|
-
vue.
|
|
459
|
+
vue.createElementVNode("div", _hoisted_3, [
|
|
454
460
|
($props.maximizable)
|
|
455
|
-
? vue.withDirectives((vue.openBlock(), vue.
|
|
461
|
+
? vue.withDirectives((vue.openBlock(), vue.createElementBlock("button", {
|
|
456
462
|
key: 0,
|
|
457
463
|
class: "p-dialog-header-icon p-dialog-header-maximize p-link",
|
|
458
|
-
onClick: _cache[
|
|
464
|
+
onClick: _cache[0] || (_cache[0] = (...args) => ($options.maximize && $options.maximize(...args))),
|
|
459
465
|
type: "button",
|
|
460
466
|
tabindex: "-1"
|
|
461
467
|
}, [
|
|
462
|
-
vue.
|
|
463
|
-
|
|
468
|
+
vue.createElementVNode("span", {
|
|
469
|
+
class: vue.normalizeClass($options.maximizeIconClass)
|
|
470
|
+
}, null, 2)
|
|
471
|
+
])), [
|
|
464
472
|
[_directive_ripple]
|
|
465
473
|
])
|
|
466
474
|
: vue.createCommentVNode("", true),
|
|
467
475
|
($props.closable)
|
|
468
|
-
? vue.withDirectives((vue.openBlock(), vue.
|
|
476
|
+
? vue.withDirectives((vue.openBlock(), vue.createElementBlock("button", {
|
|
469
477
|
key: 1,
|
|
470
478
|
class: "p-dialog-header-icon p-dialog-header-close p-link",
|
|
471
|
-
onClick: _cache[
|
|
479
|
+
onClick: _cache[1] || (_cache[1] = (...args) => ($options.close && $options.close(...args))),
|
|
472
480
|
"aria-label": $props.ariaCloseLabel,
|
|
473
481
|
type: "button"
|
|
474
|
-
}, [
|
|
475
|
-
_hoisted_2
|
|
476
|
-
], 8, ["aria-label"])), [
|
|
482
|
+
}, _hoisted_6, 8, _hoisted_4)), [
|
|
477
483
|
[_directive_ripple]
|
|
478
484
|
])
|
|
479
485
|
: vue.createCommentVNode("", true)
|
|
480
486
|
])
|
|
481
487
|
], 32))
|
|
482
488
|
: vue.createCommentVNode("", true),
|
|
483
|
-
vue.
|
|
484
|
-
class: $options.contentStyleClass,
|
|
485
|
-
style: $props.contentStyle
|
|
489
|
+
vue.createElementVNode("div", {
|
|
490
|
+
class: vue.normalizeClass($options.contentStyleClass),
|
|
491
|
+
style: vue.normalizeStyle($props.contentStyle)
|
|
486
492
|
}, [
|
|
487
493
|
vue.renderSlot(_ctx.$slots, "default")
|
|
488
494
|
], 6),
|
|
489
495
|
($props.footer || _ctx.$slots.footer)
|
|
490
|
-
? (vue.openBlock(), vue.
|
|
496
|
+
? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7, [
|
|
491
497
|
vue.renderSlot(_ctx.$slots, "footer", {}, () => [
|
|
492
498
|
vue.createTextVNode(vue.toDisplayString($props.footer), 1)
|
|
493
499
|
])
|
|
494
500
|
]))
|
|
495
501
|
: vue.createCommentVNode("", true)
|
|
496
|
-
], 16,
|
|
502
|
+
], 16, _hoisted_1))
|
|
497
503
|
: vue.createCommentVNode("", true)
|
|
498
504
|
]),
|
|
499
505
|
_: 3
|
package/dialog/dialog.cjs.min.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("primevue/utils"),t=require("primevue/ripple"),n=require("vue");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o={name:"Dialog",inheritAttrs:!1,emits:["update:visible","show","hide","maximize","unmaximize","dragend"],props:{header:null,footer:null,visible:Boolean,modal:Boolean,contentStyle:null,contentClass:String,rtl:Boolean,maximizable:Boolean,dismissableMask:Boolean,closable:{type:Boolean,default:!0},closeOnEscape:{type:Boolean,default:!0},showHeader:{type:Boolean,default:!0},baseZIndex:{type:Number,default:0},autoZIndex:{type:Boolean,default:!0},ariaCloseLabel:{type:String,default:"close"},position:{type:String,default:"center"},breakpoints:{type:Object,default:null},draggable:{type:Boolean,default:!0},keepInViewport:{type:Boolean,default:!0},minX:{type:Number,default:0},minY:{type:Number,default:0},appendTo:{type:String,default:"body"}},data(){return{containerVisible:this.visible,maximized:!1}},documentKeydownListener:null,container:null,mask:null,styleElement:null,dragging:null,documentDragListener:null,documentDragEndListener:null,lastPageX:null,lastPageY:null,updated(){this.visible&&(this.containerVisible=this.visible)},beforeUnmount(){this.unbindDocumentState(),this.unbindGlobalListeners(),this.destroyStyle(),this.mask=null,this.container&&this.autoZIndex&&e.ZIndexUtils.clear(this.container),this.container=null},mounted(){this.breakpoints&&this.createStyle()},methods:{close(){this.$emit("update:visible",!1)},onBeforeEnter(t){this.autoZIndex&&e.ZIndexUtils.set("modal",t,this.baseZIndex+this.$primevue.config.zIndex.modal),t.setAttribute(this.attributeSelector,"")},onEnter(){this.mask.style.zIndex=String(parseInt(this.container.style.zIndex,10)-1),this.$emit("show"),this.focus(),this.enableDocumentSettings(),this.bindGlobalListeners()},onBeforeLeave(){this.modal&&e.DomHandler.addClass(this.mask,"p-component-overlay-leave")},onLeave(){this.$emit("hide")},onAfterLeave(t){this.autoZIndex&&e.ZIndexUtils.clear(t),this.containerVisible=!1,this.unbindDocumentState(),this.unbindGlobalListeners()},onMaskClick(e){this.dismissableMask&&this.closable&&this.modal&&this.mask===e.target&&this.close()},focus(){let e=this.container.querySelector("[autofocus]");e&&e.focus()},maximize(t){this.maximized?(this.maximized=!1,this.$emit("unmaximize",t)):(this.maximized=!0,this.$emit("maximize",t)),this.modal||(this.maximized?e.DomHandler.addClass(document.body,"p-overflow-hidden"):e.DomHandler.removeClass(document.body,"p-overflow-hidden"))},enableDocumentSettings(){(this.modal||this.maximizable&&this.maximized)&&e.DomHandler.addClass(document.body,"p-overflow-hidden")},unbindDocumentState(){(this.modal||this.maximizable&&this.maximized)&&e.DomHandler.removeClass(document.body,"p-overflow-hidden")},onKeyDown(t){if(9===t.which){t.preventDefault();let n=e.DomHandler.getFocusableElements(this.container);if(n&&n.length>0)if(document.activeElement){let e=n.indexOf(document.activeElement);t.shiftKey?-1==e||0===e?n[n.length-1].focus():n[e-1].focus():-1==e||e===n.length-1?n[0].focus():n[e+1].focus()}else n[0].focus()}else 27===t.which&&this.closeOnEscape&&this.close()},bindDocumentKeyDownListener(){this.documentKeydownListener||(this.documentKeydownListener=this.onKeyDown.bind(this),window.document.addEventListener("keydown",this.documentKeydownListener))},unbindDocumentKeyDownListener(){this.documentKeydownListener&&(window.document.removeEventListener("keydown",this.documentKeydownListener),this.documentKeydownListener=null)},getPositionClass(){const e=["left","right","top","topleft","topright","bottom","bottomleft","bottomright"].find((e=>e===this.position));return e?`p-dialog-${e}`:""},containerRef(e){this.container=e},maskRef(e){this.mask=e},createStyle(){if(!this.styleElement){this.styleElement=document.createElement("style"),this.styleElement.type="text/css",document.head.appendChild(this.styleElement);let e="";for(let t in this.breakpoints)e+=`\n @media screen and (max-width: ${t}) {\n .p-dialog[${this.attributeSelector}] {\n width: ${this.breakpoints[t]} !important;\n }\n }\n `;this.styleElement.innerHTML=e}},destroyStyle(){this.styleElement&&(document.head.removeChild(this.styleElement),this.styleElement=null)},initDrag(t){e.DomHandler.hasClass(t.target,"p-dialog-header-icon")||e.DomHandler.hasClass(t.target.parentElement,"p-dialog-header-icon")||this.draggable&&(this.dragging=!0,this.lastPageX=t.pageX,this.lastPageY=t.pageY,this.container.style.margin="0",e.DomHandler.addClass(document.body,"p-unselectable-text"))},bindGlobalListeners(){this.draggable&&(this.bindDocumentDragListener(),this.bindDocumentDragEndListener()),this.closeOnEscape&&this.closable&&this.bindDocumentKeyDownListener()},unbindGlobalListeners(){this.unbindDocumentDragListener(),this.unbindDocumentDragEndListener(),this.unbindDocumentKeyDownListener()},bindDocumentDragListener(){this.documentDragListener=t=>{if(this.dragging){let n=e.DomHandler.getOuterWidth(this.container),i=e.DomHandler.getOuterHeight(this.container),o=t.pageX-this.lastPageX,a=t.pageY-this.lastPageY,l=this.container.getBoundingClientRect(),s=l.left+o,d=l.top+a,r=e.DomHandler.getViewport();this.container.style.position="fixed",this.keepInViewport?(s>=this.minX&&s+n<r.width&&(this.lastPageX=t.pageX,this.container.style.left=s+"px"),d>=this.minY&&d+i<r.height&&(this.lastPageY=t.pageY,this.container.style.top=d+"px")):(this.lastPageX=t.pageX,this.container.style.left=s+"px",this.lastPageY=t.pageY,this.container.style.top=d+"px")}},window.document.addEventListener("mousemove",this.documentDragListener)},unbindDocumentDragListener(){this.documentDragListener&&(window.document.removeEventListener("mousemove",this.documentDragListener),this.documentDragListener=null)},bindDocumentDragEndListener(){this.documentDragEndListener=t=>{this.dragging&&(this.dragging=!1,e.DomHandler.removeClass(document.body,"p-unselectable-text"),this.$emit("dragend",t))},window.document.addEventListener("mouseup",this.documentDragEndListener)},unbindDocumentDragEndListener(){this.documentDragEndListener&&(window.document.removeEventListener("mouseup",this.documentDragEndListener),this.documentDragEndListener=null)}},computed:{maskClass(){return["p-dialog-mask",{"p-component-overlay p-component-overlay-enter":this.modal},this.getPositionClass()]},dialogClass(){return["p-dialog p-component",{"p-dialog-rtl":this.rtl,"p-dialog-maximized":this.maximizable&&this.maximized,"p-input-filled":"filled"===this.$primevue.config.inputStyle,"p-ripple-disabled":!1===this.$primevue.config.ripple}]},maximizeIconClass(){return["p-dialog-header-maximize-icon pi",{"pi-window-maximize":!this.maximized,"pi-window-minimize":this.maximized}]},ariaId:()=>e.UniqueComponentId(),ariaLabelledById(){return null!=this.header?this.ariaId+"_header":null},attributeSelector:()=>e.UniqueComponentId(),contentStyleClass(){return["p-dialog-content",this.contentClass]},appendDisabled(){return"self"===this.appendTo},appendTarget(){return this.appendDisabled?null:this.appendTo}},directives:{ripple:i(t).default}};const a={class:"p-dialog-header-icons"},l=n.createVNode("span",{class:"p-dialog-header-close-icon pi pi-times"},null,-1),s={key:1,class:"p-dialog-footer"};!function(e,t){void 0===t&&(t={});var n=t.insertAt;if(e&&"undefined"!=typeof document){var i=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===n&&i.firstChild?i.insertBefore(o,i.firstChild):i.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e))}}("\n.p-dialog-mask {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n pointer-events: none;\n}\n.p-dialog-mask.p-component-overlay {\n pointer-events: auto;\n}\n.p-dialog {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n pointer-events: auto;\n max-height: 90%;\n -webkit-transform: scale(1);\n transform: scale(1);\n}\n.p-dialog-content {\n overflow-y: auto;\n}\n.p-dialog-header {\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-box-pack: justify;\n -ms-flex-pack: justify;\n justify-content: space-between;\n -ms-flex-negative: 0;\n flex-shrink: 0;\n}\n.p-dialog-footer {\n -ms-flex-negative: 0;\n flex-shrink: 0;\n}\n.p-dialog .p-dialog-header-icons {\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}\n.p-dialog .p-dialog-header-icon {\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-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n overflow: hidden;\n position: relative;\n}\n\n/* Fluid */\n.p-fluid .p-dialog-footer .p-button {\n width: auto;\n}\n\n/* Animation */\n/* Center */\n.p-dialog-enter-active {\n -webkit-transition: all 150ms cubic-bezier(0, 0, 0.2, 1);\n transition: all 150ms cubic-bezier(0, 0, 0.2, 1);\n}\n.p-dialog-leave-active {\n -webkit-transition: all 150ms cubic-bezier(0.4, 0.0, 0.2, 1);\n transition: all 150ms cubic-bezier(0.4, 0.0, 0.2, 1);\n}\n.p-dialog-enter-from,\n.p-dialog-leave-to {\n opacity: 0;\n -webkit-transform: scale(0.7);\n transform: scale(0.7);\n}\n\n/* Top, Bottom, Left, Right, Top* and Bottom* */\n.p-dialog-top .p-dialog,\n.p-dialog-bottom .p-dialog,\n.p-dialog-left .p-dialog,\n.p-dialog-right .p-dialog,\n.p-dialog-topleft .p-dialog,\n.p-dialog-topright .p-dialog,\n.p-dialog-bottomleft .p-dialog,\n.p-dialog-bottomright .p-dialog {\n margin: .75rem;\n -webkit-transform: translate3d(0px, 0px, 0px);\n transform: translate3d(0px, 0px, 0px);\n}\n.p-dialog-top .p-dialog-enter-active,\n.p-dialog-top .p-dialog-leave-active,\n.p-dialog-bottom .p-dialog-enter-active,\n.p-dialog-bottom .p-dialog-leave-active,\n.p-dialog-left .p-dialog-enter-active,\n.p-dialog-left .p-dialog-leave-active,\n.p-dialog-right .p-dialog-enter-active,\n.p-dialog-right .p-dialog-leave-active,\n.p-dialog-topleft .p-dialog-enter-active,\n.p-dialog-topleft .p-dialog-leave-active,\n.p-dialog-topright .p-dialog-enter-active,\n.p-dialog-topright .p-dialog-leave-active,\n.p-dialog-bottomleft .p-dialog-enter-active,\n.p-dialog-bottomleft .p-dialog-leave-active,\n.p-dialog-bottomright .p-dialog-enter-active,\n.p-dialog-bottomright .p-dialog-leave-active {\n -webkit-transition: all .3s ease-out;\n transition: all .3s ease-out;\n}\n.p-dialog-top .p-dialog-enter-from,\n.p-dialog-top .p-dialog-leave-to {\n -webkit-transform: translate3d(0px, -100%, 0px);\n transform: translate3d(0px, -100%, 0px);\n}\n.p-dialog-bottom .p-dialog-enter-from,\n.p-dialog-bottom .p-dialog-leave-to {\n -webkit-transform: translate3d(0px, 100%, 0px);\n transform: translate3d(0px, 100%, 0px);\n}\n.p-dialog-left .p-dialog-enter-from,\n.p-dialog-left .p-dialog-leave-to,\n.p-dialog-topleft .p-dialog-enter-from,\n.p-dialog-topleft .p-dialog-leave-to,\n.p-dialog-bottomleft .p-dialog-enter-from,\n.p-dialog-bottomleft .p-dialog-leave-to {\n -webkit-transform: translate3d(-100%, 0px, 0px);\n transform: translate3d(-100%, 0px, 0px);\n}\n.p-dialog-right .p-dialog-enter-from,\n.p-dialog-right .p-dialog-leave-to,\n.p-dialog-topright .p-dialog-enter-from,\n.p-dialog-topright .p-dialog-leave-to,\n.p-dialog-bottomright .p-dialog-enter-from,\n.p-dialog-bottomright .p-dialog-leave-to {\n -webkit-transform: translate3d(100%, 0px, 0px);\n transform: translate3d(100%, 0px, 0px);\n}\n\n/* Maximize */\n.p-dialog-maximized {\n -webkit-transition: none;\n transition: none;\n -webkit-transform: none;\n transform: none;\n width: 100vw !important;\n height: 100vh !important;\n top: 0px !important;\n left: 0px !important;\n max-height: 100%;\n height: 100%;\n}\n.p-dialog-maximized .p-dialog-content {\n -webkit-box-flex: 1;\n -ms-flex-positive: 1;\n flex-grow: 1;\n}\n\n/* Position */\n.p-dialog-left {\n -webkit-box-pack: start;\n -ms-flex-pack: start;\n justify-content: flex-start;\n}\n.p-dialog-right {\n -webkit-box-pack: end;\n -ms-flex-pack: end;\n justify-content: flex-end;\n}\n.p-dialog-top {\n -webkit-box-align: start;\n -ms-flex-align: start;\n align-items: flex-start;\n}\n.p-dialog-topleft {\n -webkit-box-pack: start;\n -ms-flex-pack: start;\n justify-content: flex-start;\n -webkit-box-align: start;\n -ms-flex-align: start;\n align-items: flex-start;\n}\n.p-dialog-topright {\n -webkit-box-pack: end;\n -ms-flex-pack: end;\n justify-content: flex-end;\n -webkit-box-align: start;\n -ms-flex-align: start;\n align-items: flex-start;\n}\n.p-dialog-bottom {\n -webkit-box-align: end;\n -ms-flex-align: end;\n align-items: flex-end;\n}\n.p-dialog-bottomleft {\n -webkit-box-pack: start;\n -ms-flex-pack: start;\n justify-content: flex-start;\n -webkit-box-align: end;\n -ms-flex-align: end;\n align-items: flex-end;\n}\n.p-dialog-bottomright {\n -webkit-box-pack: end;\n -ms-flex-pack: end;\n justify-content: flex-end;\n -webkit-box-align: end;\n -ms-flex-align: end;\n align-items: flex-end;\n}\n.p-confirm-dialog .p-dialog-content {\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}\n"),o.render=function(e,t,i,o,d,r){const p=n.resolveDirective("ripple");return n.openBlock(),n.createBlock(n.Teleport,{to:r.appendTarget,disabled:r.appendDisabled},[d.containerVisible?(n.openBlock(),n.createBlock("div",{key:0,ref:r.maskRef,class:r.maskClass,onClick:t[4]||(t[4]=(...e)=>r.onMaskClick&&r.onMaskClick(...e))},[n.createVNode(n.Transition,{name:"p-dialog",onBeforeEnter:r.onBeforeEnter,onEnter:r.onEnter,onBeforeLeave:r.onBeforeLeave,onLeave:r.onLeave,onAfterLeave:r.onAfterLeave,appear:""},{default:n.withCtx((()=>[i.visible?(n.openBlock(),n.createBlock("div",n.mergeProps({key:0,ref:r.containerRef,class:r.dialogClass},e.$attrs,{role:"dialog","aria-labelledby":r.ariaLabelledById,"aria-modal":i.modal}),[i.showHeader?(n.openBlock(),n.createBlock("div",{key:0,class:"p-dialog-header",onMousedown:t[3]||(t[3]=(...e)=>r.initDrag&&r.initDrag(...e))},[n.renderSlot(e.$slots,"header",{},(()=>[i.header?(n.openBlock(),n.createBlock("span",{key:0,id:r.ariaLabelledById,class:"p-dialog-title"},n.toDisplayString(i.header),9,["id"])):n.createCommentVNode("",!0)])),n.createVNode("div",a,[i.maximizable?n.withDirectives((n.openBlock(),n.createBlock("button",{key:0,class:"p-dialog-header-icon p-dialog-header-maximize p-link",onClick:t[1]||(t[1]=(...e)=>r.maximize&&r.maximize(...e)),type:"button",tabindex:"-1"},[n.createVNode("span",{class:r.maximizeIconClass},null,2)],512)),[[p]]):n.createCommentVNode("",!0),i.closable?n.withDirectives((n.openBlock(),n.createBlock("button",{key:1,class:"p-dialog-header-icon p-dialog-header-close p-link",onClick:t[2]||(t[2]=(...e)=>r.close&&r.close(...e)),"aria-label":i.ariaCloseLabel,type:"button"},[l],8,["aria-label"])),[[p]]):n.createCommentVNode("",!0)])],32)):n.createCommentVNode("",!0),n.createVNode("div",{class:r.contentStyleClass,style:i.contentStyle},[n.renderSlot(e.$slots,"default")],6),i.footer||e.$slots.footer?(n.openBlock(),n.createBlock("div",s,[n.renderSlot(e.$slots,"footer",{},(()=>[n.createTextVNode(n.toDisplayString(i.footer),1)]))])):n.createCommentVNode("",!0)],16,["aria-labelledby","aria-modal"])):n.createCommentVNode("",!0)])),_:3},8,["onBeforeEnter","onEnter","onBeforeLeave","onLeave","onAfterLeave"])],2)):n.createCommentVNode("",!0)],8,["to","disabled"])},module.exports=o;
|
|
1
|
+
"use strict";var e=require("primevue/utils"),t=require("primevue/ripple"),n=require("vue");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a={name:"Dialog",inheritAttrs:!1,emits:["update:visible","show","hide","maximize","unmaximize","dragend"],props:{header:null,footer:null,visible:Boolean,modal:Boolean,contentStyle:null,contentClass:String,rtl:Boolean,maximizable:Boolean,dismissableMask:Boolean,closable:{type:Boolean,default:!0},closeOnEscape:{type:Boolean,default:!0},showHeader:{type:Boolean,default:!0},baseZIndex:{type:Number,default:0},autoZIndex:{type:Boolean,default:!0},ariaCloseLabel:{type:String,default:"close"},position:{type:String,default:"center"},breakpoints:{type:Object,default:null},draggable:{type:Boolean,default:!0},keepInViewport:{type:Boolean,default:!0},minX:{type:Number,default:0},minY:{type:Number,default:0},appendTo:{type:String,default:"body"}},data(){return{containerVisible:this.visible,maximized:!1}},documentKeydownListener:null,container:null,mask:null,styleElement:null,dragging:null,documentDragListener:null,documentDragEndListener:null,lastPageX:null,lastPageY:null,updated(){this.visible&&(this.containerVisible=this.visible)},beforeUnmount(){this.unbindDocumentState(),this.unbindGlobalListeners(),this.destroyStyle(),this.mask=null,this.container&&this.autoZIndex&&e.ZIndexUtils.clear(this.container),this.container=null},mounted(){this.breakpoints&&this.createStyle()},methods:{close(){this.$emit("update:visible",!1)},onBeforeEnter(t){this.autoZIndex&&e.ZIndexUtils.set("modal",t,this.baseZIndex+this.$primevue.config.zIndex.modal),t.setAttribute(this.attributeSelector,"")},onEnter(){this.mask.style.zIndex=String(parseInt(this.container.style.zIndex,10)-1),this.$emit("show"),this.focus(),this.enableDocumentSettings(),this.bindGlobalListeners()},onBeforeLeave(){this.modal&&e.DomHandler.addClass(this.mask,"p-component-overlay-leave")},onLeave(){this.$emit("hide")},onAfterLeave(t){this.autoZIndex&&e.ZIndexUtils.clear(t),this.containerVisible=!1,this.unbindDocumentState(),this.unbindGlobalListeners()},onMaskClick(e){this.dismissableMask&&this.closable&&this.modal&&this.mask===e.target&&this.close()},focus(){let e=this.container.querySelector("[autofocus]");e&&e.focus()},maximize(t){this.maximized?(this.maximized=!1,this.$emit("unmaximize",t)):(this.maximized=!0,this.$emit("maximize",t)),this.modal||(this.maximized?e.DomHandler.addClass(document.body,"p-overflow-hidden"):e.DomHandler.removeClass(document.body,"p-overflow-hidden"))},enableDocumentSettings(){(this.modal||this.maximizable&&this.maximized)&&e.DomHandler.addClass(document.body,"p-overflow-hidden")},unbindDocumentState(){(this.modal||this.maximizable&&this.maximized)&&e.DomHandler.removeClass(document.body,"p-overflow-hidden")},onKeyDown(t){if(9===t.which){t.preventDefault();let n=e.DomHandler.getFocusableElements(this.container);if(n&&n.length>0)if(document.activeElement){let e=n.indexOf(document.activeElement);t.shiftKey?-1==e||0===e?n[n.length-1].focus():n[e-1].focus():-1==e||e===n.length-1?n[0].focus():n[e+1].focus()}else n[0].focus()}else 27===t.which&&this.closeOnEscape&&this.close()},bindDocumentKeyDownListener(){this.documentKeydownListener||(this.documentKeydownListener=this.onKeyDown.bind(this),window.document.addEventListener("keydown",this.documentKeydownListener))},unbindDocumentKeyDownListener(){this.documentKeydownListener&&(window.document.removeEventListener("keydown",this.documentKeydownListener),this.documentKeydownListener=null)},getPositionClass(){const e=["left","right","top","topleft","topright","bottom","bottomleft","bottomright"].find((e=>e===this.position));return e?`p-dialog-${e}`:""},containerRef(e){this.container=e},maskRef(e){this.mask=e},createStyle(){if(!this.styleElement){this.styleElement=document.createElement("style"),this.styleElement.type="text/css",document.head.appendChild(this.styleElement);let e="";for(let t in this.breakpoints)e+=`\n @media screen and (max-width: ${t}) {\n .p-dialog[${this.attributeSelector}] {\n width: ${this.breakpoints[t]} !important;\n }\n }\n `;this.styleElement.innerHTML=e}},destroyStyle(){this.styleElement&&(document.head.removeChild(this.styleElement),this.styleElement=null)},initDrag(t){e.DomHandler.hasClass(t.target,"p-dialog-header-icon")||e.DomHandler.hasClass(t.target.parentElement,"p-dialog-header-icon")||this.draggable&&(this.dragging=!0,this.lastPageX=t.pageX,this.lastPageY=t.pageY,this.container.style.margin="0",e.DomHandler.addClass(document.body,"p-unselectable-text"))},bindGlobalListeners(){this.draggable&&(this.bindDocumentDragListener(),this.bindDocumentDragEndListener()),this.closeOnEscape&&this.closable&&this.bindDocumentKeyDownListener()},unbindGlobalListeners(){this.unbindDocumentDragListener(),this.unbindDocumentDragEndListener(),this.unbindDocumentKeyDownListener()},bindDocumentDragListener(){this.documentDragListener=t=>{if(this.dragging){let n=e.DomHandler.getOuterWidth(this.container),i=e.DomHandler.getOuterHeight(this.container),a=t.pageX-this.lastPageX,o=t.pageY-this.lastPageY,l=this.container.getBoundingClientRect(),s=l.left+a,d=l.top+o,r=e.DomHandler.getViewport();this.container.style.position="fixed",this.keepInViewport?(s>=this.minX&&s+n<r.width&&(this.lastPageX=t.pageX,this.container.style.left=s+"px"),d>=this.minY&&d+i<r.height&&(this.lastPageY=t.pageY,this.container.style.top=d+"px")):(this.lastPageX=t.pageX,this.container.style.left=s+"px",this.lastPageY=t.pageY,this.container.style.top=d+"px")}},window.document.addEventListener("mousemove",this.documentDragListener)},unbindDocumentDragListener(){this.documentDragListener&&(window.document.removeEventListener("mousemove",this.documentDragListener),this.documentDragListener=null)},bindDocumentDragEndListener(){this.documentDragEndListener=t=>{this.dragging&&(this.dragging=!1,e.DomHandler.removeClass(document.body,"p-unselectable-text"),this.$emit("dragend",t))},window.document.addEventListener("mouseup",this.documentDragEndListener)},unbindDocumentDragEndListener(){this.documentDragEndListener&&(window.document.removeEventListener("mouseup",this.documentDragEndListener),this.documentDragEndListener=null)}},computed:{maskClass(){return["p-dialog-mask",{"p-component-overlay p-component-overlay-enter":this.modal},this.getPositionClass()]},dialogClass(){return["p-dialog p-component",{"p-dialog-rtl":this.rtl,"p-dialog-maximized":this.maximizable&&this.maximized,"p-input-filled":"filled"===this.$primevue.config.inputStyle,"p-ripple-disabled":!1===this.$primevue.config.ripple}]},maximizeIconClass(){return["p-dialog-header-maximize-icon pi",{"pi-window-maximize":!this.maximized,"pi-window-minimize":this.maximized}]},ariaId:()=>e.UniqueComponentId(),ariaLabelledById(){return null!=this.header?this.ariaId+"_header":null},attributeSelector:()=>e.UniqueComponentId(),contentStyleClass(){return["p-dialog-content",this.contentClass]},appendDisabled(){return"self"===this.appendTo},appendTarget(){return this.appendDisabled?null:this.appendTo}},directives:{ripple:i(t).default}};const o=["aria-labelledby","aria-modal"],l=["id"],s={class:"p-dialog-header-icons"},d=["aria-label"],r=[n.createElementVNode("span",{class:"p-dialog-header-close-icon pi pi-times"},null,-1)],p={key:1,class:"p-dialog-footer"};!function(e,t){void 0===t&&(t={});var n=t.insertAt;if(e&&"undefined"!=typeof document){var i=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css","top"===n&&i.firstChild?i.insertBefore(a,i.firstChild):i.appendChild(a),a.styleSheet?a.styleSheet.cssText=e:a.appendChild(document.createTextNode(e))}}("\n.p-dialog-mask {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n pointer-events: none;\n}\n.p-dialog-mask.p-component-overlay {\n pointer-events: auto;\n}\n.p-dialog {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n pointer-events: auto;\n max-height: 90%;\n -webkit-transform: scale(1);\n transform: scale(1);\n}\n.p-dialog-content {\n overflow-y: auto;\n}\n.p-dialog-header {\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-box-pack: justify;\n -ms-flex-pack: justify;\n justify-content: space-between;\n -ms-flex-negative: 0;\n flex-shrink: 0;\n}\n.p-dialog-footer {\n -ms-flex-negative: 0;\n flex-shrink: 0;\n}\n.p-dialog .p-dialog-header-icons {\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}\n.p-dialog .p-dialog-header-icon {\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-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n overflow: hidden;\n position: relative;\n}\n\n/* Fluid */\n.p-fluid .p-dialog-footer .p-button {\n width: auto;\n}\n\n/* Animation */\n/* Center */\n.p-dialog-enter-active {\n -webkit-transition: all 150ms cubic-bezier(0, 0, 0.2, 1);\n transition: all 150ms cubic-bezier(0, 0, 0.2, 1);\n}\n.p-dialog-leave-active {\n -webkit-transition: all 150ms cubic-bezier(0.4, 0.0, 0.2, 1);\n transition: all 150ms cubic-bezier(0.4, 0.0, 0.2, 1);\n}\n.p-dialog-enter-from,\n.p-dialog-leave-to {\n opacity: 0;\n -webkit-transform: scale(0.7);\n transform: scale(0.7);\n}\n\n/* Top, Bottom, Left, Right, Top* and Bottom* */\n.p-dialog-top .p-dialog,\n.p-dialog-bottom .p-dialog,\n.p-dialog-left .p-dialog,\n.p-dialog-right .p-dialog,\n.p-dialog-topleft .p-dialog,\n.p-dialog-topright .p-dialog,\n.p-dialog-bottomleft .p-dialog,\n.p-dialog-bottomright .p-dialog {\n margin: .75rem;\n -webkit-transform: translate3d(0px, 0px, 0px);\n transform: translate3d(0px, 0px, 0px);\n}\n.p-dialog-top .p-dialog-enter-active,\n.p-dialog-top .p-dialog-leave-active,\n.p-dialog-bottom .p-dialog-enter-active,\n.p-dialog-bottom .p-dialog-leave-active,\n.p-dialog-left .p-dialog-enter-active,\n.p-dialog-left .p-dialog-leave-active,\n.p-dialog-right .p-dialog-enter-active,\n.p-dialog-right .p-dialog-leave-active,\n.p-dialog-topleft .p-dialog-enter-active,\n.p-dialog-topleft .p-dialog-leave-active,\n.p-dialog-topright .p-dialog-enter-active,\n.p-dialog-topright .p-dialog-leave-active,\n.p-dialog-bottomleft .p-dialog-enter-active,\n.p-dialog-bottomleft .p-dialog-leave-active,\n.p-dialog-bottomright .p-dialog-enter-active,\n.p-dialog-bottomright .p-dialog-leave-active {\n -webkit-transition: all .3s ease-out;\n transition: all .3s ease-out;\n}\n.p-dialog-top .p-dialog-enter-from,\n.p-dialog-top .p-dialog-leave-to {\n -webkit-transform: translate3d(0px, -100%, 0px);\n transform: translate3d(0px, -100%, 0px);\n}\n.p-dialog-bottom .p-dialog-enter-from,\n.p-dialog-bottom .p-dialog-leave-to {\n -webkit-transform: translate3d(0px, 100%, 0px);\n transform: translate3d(0px, 100%, 0px);\n}\n.p-dialog-left .p-dialog-enter-from,\n.p-dialog-left .p-dialog-leave-to,\n.p-dialog-topleft .p-dialog-enter-from,\n.p-dialog-topleft .p-dialog-leave-to,\n.p-dialog-bottomleft .p-dialog-enter-from,\n.p-dialog-bottomleft .p-dialog-leave-to {\n -webkit-transform: translate3d(-100%, 0px, 0px);\n transform: translate3d(-100%, 0px, 0px);\n}\n.p-dialog-right .p-dialog-enter-from,\n.p-dialog-right .p-dialog-leave-to,\n.p-dialog-topright .p-dialog-enter-from,\n.p-dialog-topright .p-dialog-leave-to,\n.p-dialog-bottomright .p-dialog-enter-from,\n.p-dialog-bottomright .p-dialog-leave-to {\n -webkit-transform: translate3d(100%, 0px, 0px);\n transform: translate3d(100%, 0px, 0px);\n}\n\n/* Maximize */\n.p-dialog-maximized {\n -webkit-transition: none;\n transition: none;\n -webkit-transform: none;\n transform: none;\n width: 100vw !important;\n height: 100vh !important;\n top: 0px !important;\n left: 0px !important;\n max-height: 100%;\n height: 100%;\n}\n.p-dialog-maximized .p-dialog-content {\n -webkit-box-flex: 1;\n -ms-flex-positive: 1;\n flex-grow: 1;\n}\n\n/* Position */\n.p-dialog-left {\n -webkit-box-pack: start;\n -ms-flex-pack: start;\n justify-content: flex-start;\n}\n.p-dialog-right {\n -webkit-box-pack: end;\n -ms-flex-pack: end;\n justify-content: flex-end;\n}\n.p-dialog-top {\n -webkit-box-align: start;\n -ms-flex-align: start;\n align-items: flex-start;\n}\n.p-dialog-topleft {\n -webkit-box-pack: start;\n -ms-flex-pack: start;\n justify-content: flex-start;\n -webkit-box-align: start;\n -ms-flex-align: start;\n align-items: flex-start;\n}\n.p-dialog-topright {\n -webkit-box-pack: end;\n -ms-flex-pack: end;\n justify-content: flex-end;\n -webkit-box-align: start;\n -ms-flex-align: start;\n align-items: flex-start;\n}\n.p-dialog-bottom {\n -webkit-box-align: end;\n -ms-flex-align: end;\n align-items: flex-end;\n}\n.p-dialog-bottomleft {\n -webkit-box-pack: start;\n -ms-flex-pack: start;\n justify-content: flex-start;\n -webkit-box-align: end;\n -ms-flex-align: end;\n align-items: flex-end;\n}\n.p-dialog-bottomright {\n -webkit-box-pack: end;\n -ms-flex-pack: end;\n justify-content: flex-end;\n -webkit-box-align: end;\n -ms-flex-align: end;\n align-items: flex-end;\n}\n.p-confirm-dialog .p-dialog-content {\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}\n"),a.render=function(e,t,i,a,m,c){const g=n.resolveDirective("ripple");return n.openBlock(),n.createBlock(n.Teleport,{to:c.appendTarget,disabled:c.appendDisabled},[m.containerVisible?(n.openBlock(),n.createElementBlock("div",{key:0,ref:c.maskRef,class:n.normalizeClass(c.maskClass),onClick:t[3]||(t[3]=(...e)=>c.onMaskClick&&c.onMaskClick(...e))},[n.createVNode(n.Transition,{name:"p-dialog",onBeforeEnter:c.onBeforeEnter,onEnter:c.onEnter,onBeforeLeave:c.onBeforeLeave,onLeave:c.onLeave,onAfterLeave:c.onAfterLeave,appear:""},{default:n.withCtx((()=>[i.visible?(n.openBlock(),n.createElementBlock("div",n.mergeProps({key:0,ref:c.containerRef,class:c.dialogClass},e.$attrs,{role:"dialog","aria-labelledby":c.ariaLabelledById,"aria-modal":i.modal}),[i.showHeader?(n.openBlock(),n.createElementBlock("div",{key:0,class:"p-dialog-header",onMousedown:t[2]||(t[2]=(...e)=>c.initDrag&&c.initDrag(...e))},[n.renderSlot(e.$slots,"header",{},(()=>[i.header?(n.openBlock(),n.createElementBlock("span",{key:0,id:c.ariaLabelledById,class:"p-dialog-title"},n.toDisplayString(i.header),9,l)):n.createCommentVNode("",!0)])),n.createElementVNode("div",s,[i.maximizable?n.withDirectives((n.openBlock(),n.createElementBlock("button",{key:0,class:"p-dialog-header-icon p-dialog-header-maximize p-link",onClick:t[0]||(t[0]=(...e)=>c.maximize&&c.maximize(...e)),type:"button",tabindex:"-1"},[n.createElementVNode("span",{class:n.normalizeClass(c.maximizeIconClass)},null,2)])),[[g]]):n.createCommentVNode("",!0),i.closable?n.withDirectives((n.openBlock(),n.createElementBlock("button",{key:1,class:"p-dialog-header-icon p-dialog-header-close p-link",onClick:t[1]||(t[1]=(...e)=>c.close&&c.close(...e)),"aria-label":i.ariaCloseLabel,type:"button"},r,8,d)),[[g]]):n.createCommentVNode("",!0)])],32)):n.createCommentVNode("",!0),n.createElementVNode("div",{class:n.normalizeClass(c.contentStyleClass),style:n.normalizeStyle(i.contentStyle)},[n.renderSlot(e.$slots,"default")],6),i.footer||e.$slots.footer?(n.openBlock(),n.createElementBlock("div",p,[n.renderSlot(e.$slots,"footer",{},(()=>[n.createTextVNode(n.toDisplayString(i.footer),1)]))])):n.createCommentVNode("",!0)],16,o)):n.createCommentVNode("",!0)])),_:3},8,["onBeforeEnter","onEnter","onBeforeLeave","onLeave","onAfterLeave"])],2)):n.createCommentVNode("",!0)],8,["to","disabled"])},module.exports=a;
|
package/dialog/dialog.esm.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ZIndexUtils, DomHandler, UniqueComponentId } from 'primevue/utils';
|
|
2
2
|
import Ripple from 'primevue/ripple';
|
|
3
|
-
import { resolveDirective, openBlock, createBlock, Teleport, createVNode, Transition, withCtx, mergeProps, renderSlot, toDisplayString, createCommentVNode, withDirectives, createTextVNode } from 'vue';
|
|
3
|
+
import { resolveDirective, openBlock, createBlock, Teleport, createElementBlock, normalizeClass, createVNode, Transition, withCtx, mergeProps, renderSlot, toDisplayString, createCommentVNode, createElementVNode, withDirectives, normalizeStyle, createTextVNode } from 'vue';
|
|
4
4
|
|
|
5
5
|
var script = {
|
|
6
6
|
name: 'Dialog',
|
|
@@ -388,9 +388,15 @@ var script = {
|
|
|
388
388
|
}
|
|
389
389
|
};
|
|
390
390
|
|
|
391
|
-
const _hoisted_1 =
|
|
392
|
-
const _hoisted_2 =
|
|
393
|
-
const _hoisted_3 = {
|
|
391
|
+
const _hoisted_1 = ["aria-labelledby", "aria-modal"];
|
|
392
|
+
const _hoisted_2 = ["id"];
|
|
393
|
+
const _hoisted_3 = { class: "p-dialog-header-icons" };
|
|
394
|
+
const _hoisted_4 = ["aria-label"];
|
|
395
|
+
const _hoisted_5 = /*#__PURE__*/createElementVNode("span", { class: "p-dialog-header-close-icon pi pi-times" }, null, -1);
|
|
396
|
+
const _hoisted_6 = [
|
|
397
|
+
_hoisted_5
|
|
398
|
+
];
|
|
399
|
+
const _hoisted_7 = {
|
|
394
400
|
key: 1,
|
|
395
401
|
class: "p-dialog-footer"
|
|
396
402
|
};
|
|
@@ -403,11 +409,11 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
403
409
|
disabled: $options.appendDisabled
|
|
404
410
|
}, [
|
|
405
411
|
($data.containerVisible)
|
|
406
|
-
? (openBlock(),
|
|
412
|
+
? (openBlock(), createElementBlock("div", {
|
|
407
413
|
key: 0,
|
|
408
414
|
ref: $options.maskRef,
|
|
409
|
-
class: $options.maskClass,
|
|
410
|
-
onClick: _cache[
|
|
415
|
+
class: normalizeClass($options.maskClass),
|
|
416
|
+
onClick: _cache[3] || (_cache[3] = (...args) => ($options.onMaskClick && $options.onMaskClick(...args)))
|
|
411
417
|
}, [
|
|
412
418
|
createVNode(Transition, {
|
|
413
419
|
name: "p-dialog",
|
|
@@ -420,7 +426,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
420
426
|
}, {
|
|
421
427
|
default: withCtx(() => [
|
|
422
428
|
($props.visible)
|
|
423
|
-
? (openBlock(),
|
|
429
|
+
? (openBlock(), createElementBlock("div", mergeProps({
|
|
424
430
|
key: 0,
|
|
425
431
|
ref: $options.containerRef,
|
|
426
432
|
class: $options.dialogClass
|
|
@@ -430,64 +436,64 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
430
436
|
"aria-modal": $props.modal
|
|
431
437
|
}), [
|
|
432
438
|
($props.showHeader)
|
|
433
|
-
? (openBlock(),
|
|
439
|
+
? (openBlock(), createElementBlock("div", {
|
|
434
440
|
key: 0,
|
|
435
441
|
class: "p-dialog-header",
|
|
436
|
-
onMousedown: _cache[
|
|
442
|
+
onMousedown: _cache[2] || (_cache[2] = (...args) => ($options.initDrag && $options.initDrag(...args)))
|
|
437
443
|
}, [
|
|
438
444
|
renderSlot(_ctx.$slots, "header", {}, () => [
|
|
439
445
|
($props.header)
|
|
440
|
-
? (openBlock(),
|
|
446
|
+
? (openBlock(), createElementBlock("span", {
|
|
441
447
|
key: 0,
|
|
442
448
|
id: $options.ariaLabelledById,
|
|
443
449
|
class: "p-dialog-title"
|
|
444
|
-
}, toDisplayString($props.header), 9,
|
|
450
|
+
}, toDisplayString($props.header), 9, _hoisted_2))
|
|
445
451
|
: createCommentVNode("", true)
|
|
446
452
|
]),
|
|
447
|
-
|
|
453
|
+
createElementVNode("div", _hoisted_3, [
|
|
448
454
|
($props.maximizable)
|
|
449
|
-
? withDirectives((openBlock(),
|
|
455
|
+
? withDirectives((openBlock(), createElementBlock("button", {
|
|
450
456
|
key: 0,
|
|
451
457
|
class: "p-dialog-header-icon p-dialog-header-maximize p-link",
|
|
452
|
-
onClick: _cache[
|
|
458
|
+
onClick: _cache[0] || (_cache[0] = (...args) => ($options.maximize && $options.maximize(...args))),
|
|
453
459
|
type: "button",
|
|
454
460
|
tabindex: "-1"
|
|
455
461
|
}, [
|
|
456
|
-
|
|
457
|
-
|
|
462
|
+
createElementVNode("span", {
|
|
463
|
+
class: normalizeClass($options.maximizeIconClass)
|
|
464
|
+
}, null, 2)
|
|
465
|
+
])), [
|
|
458
466
|
[_directive_ripple]
|
|
459
467
|
])
|
|
460
468
|
: createCommentVNode("", true),
|
|
461
469
|
($props.closable)
|
|
462
|
-
? withDirectives((openBlock(),
|
|
470
|
+
? withDirectives((openBlock(), createElementBlock("button", {
|
|
463
471
|
key: 1,
|
|
464
472
|
class: "p-dialog-header-icon p-dialog-header-close p-link",
|
|
465
|
-
onClick: _cache[
|
|
473
|
+
onClick: _cache[1] || (_cache[1] = (...args) => ($options.close && $options.close(...args))),
|
|
466
474
|
"aria-label": $props.ariaCloseLabel,
|
|
467
475
|
type: "button"
|
|
468
|
-
}, [
|
|
469
|
-
_hoisted_2
|
|
470
|
-
], 8, ["aria-label"])), [
|
|
476
|
+
}, _hoisted_6, 8, _hoisted_4)), [
|
|
471
477
|
[_directive_ripple]
|
|
472
478
|
])
|
|
473
479
|
: createCommentVNode("", true)
|
|
474
480
|
])
|
|
475
481
|
], 32))
|
|
476
482
|
: createCommentVNode("", true),
|
|
477
|
-
|
|
478
|
-
class: $options.contentStyleClass,
|
|
479
|
-
style: $props.contentStyle
|
|
483
|
+
createElementVNode("div", {
|
|
484
|
+
class: normalizeClass($options.contentStyleClass),
|
|
485
|
+
style: normalizeStyle($props.contentStyle)
|
|
480
486
|
}, [
|
|
481
487
|
renderSlot(_ctx.$slots, "default")
|
|
482
488
|
], 6),
|
|
483
489
|
($props.footer || _ctx.$slots.footer)
|
|
484
|
-
? (openBlock(),
|
|
490
|
+
? (openBlock(), createElementBlock("div", _hoisted_7, [
|
|
485
491
|
renderSlot(_ctx.$slots, "footer", {}, () => [
|
|
486
492
|
createTextVNode(toDisplayString($props.footer), 1)
|
|
487
493
|
])
|
|
488
494
|
]))
|
|
489
495
|
: createCommentVNode("", true)
|
|
490
|
-
], 16,
|
|
496
|
+
], 16, _hoisted_1))
|
|
491
497
|
: createCommentVNode("", true)
|
|
492
498
|
]),
|
|
493
499
|
_: 3
|
|
@@ -529,4 +535,4 @@ styleInject(css_248z);
|
|
|
529
535
|
|
|
530
536
|
script.render = render;
|
|
531
537
|
|
|
532
|
-
export default
|
|
538
|
+
export { script as default };
|
package/dialog/dialog.esm.min.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{ZIndexUtils as e,DomHandler as t,UniqueComponentId as n}from"primevue/utils";import i from"primevue/ripple";import{resolveDirective as a,openBlock as o,createBlock as l,Teleport as s,createVNode as d,Transition as r,withCtx as p,mergeProps as m,renderSlot as g,toDisplayString as c,createCommentVNode as h,withDirectives as b,createTextVNode as u}from"vue";var f={name:"Dialog",inheritAttrs:!1,emits:["update:visible","show","hide","maximize","unmaximize","dragend"],props:{header:null,footer:null,visible:Boolean,modal:Boolean,contentStyle:null,contentClass:String,rtl:Boolean,maximizable:Boolean,dismissableMask:Boolean,closable:{type:Boolean,default:!0},closeOnEscape:{type:Boolean,default:!0},showHeader:{type:Boolean,default:!0},baseZIndex:{type:Number,default:0},autoZIndex:{type:Boolean,default:!0},ariaCloseLabel:{type:String,default:"close"},position:{type:String,default:"center"},breakpoints:{type:Object,default:null},draggable:{type:Boolean,default:!0},keepInViewport:{type:Boolean,default:!0},minX:{type:Number,default:0},minY:{type:Number,default:0},appendTo:{type:String,default:"body"}},data(){return{containerVisible:this.visible,maximized:!1}},documentKeydownListener:null,container:null,mask:null,styleElement:null,dragging:null,documentDragListener:null,documentDragEndListener:null,lastPageX:null,lastPageY:null,updated(){this.visible&&(this.containerVisible=this.visible)},beforeUnmount(){this.unbindDocumentState(),this.unbindGlobalListeners(),this.destroyStyle(),this.mask=null,this.container&&this.autoZIndex&&e.clear(this.container),this.container=null},mounted(){this.breakpoints&&this.createStyle()},methods:{close(){this.$emit("update:visible",!1)},onBeforeEnter(t){this.autoZIndex&&e.set("modal",t,this.baseZIndex+this.$primevue.config.zIndex.modal),t.setAttribute(this.attributeSelector,"")},onEnter(){this.mask.style.zIndex=String(parseInt(this.container.style.zIndex,10)-1),this.$emit("show"),this.focus(),this.enableDocumentSettings(),this.bindGlobalListeners()},onBeforeLeave(){this.modal&&t.addClass(this.mask,"p-component-overlay-leave")},onLeave(){this.$emit("hide")},onAfterLeave(t){this.autoZIndex&&e.clear(t),this.containerVisible=!1,this.unbindDocumentState(),this.unbindGlobalListeners()},onMaskClick(e){this.dismissableMask&&this.closable&&this.modal&&this.mask===e.target&&this.close()},focus(){let e=this.container.querySelector("[autofocus]");e&&e.focus()},maximize(e){this.maximized?(this.maximized=!1,this.$emit("unmaximize",e)):(this.maximized=!0,this.$emit("maximize",e)),this.modal||(this.maximized?t.addClass(document.body,"p-overflow-hidden"):t.removeClass(document.body,"p-overflow-hidden"))},enableDocumentSettings(){(this.modal||this.maximizable&&this.maximized)&&t.addClass(document.body,"p-overflow-hidden")},unbindDocumentState(){(this.modal||this.maximizable&&this.maximized)&&t.removeClass(document.body,"p-overflow-hidden")},onKeyDown(e){if(9===e.which){e.preventDefault();let n=t.getFocusableElements(this.container);if(n&&n.length>0)if(document.activeElement){let t=n.indexOf(document.activeElement);e.shiftKey?-1==t||0===t?n[n.length-1].focus():n[t-1].focus():-1==t||t===n.length-1?n[0].focus():n[t+1].focus()}else n[0].focus()}else 27===e.which&&this.closeOnEscape&&this.close()},bindDocumentKeyDownListener(){this.documentKeydownListener||(this.documentKeydownListener=this.onKeyDown.bind(this),window.document.addEventListener("keydown",this.documentKeydownListener))},unbindDocumentKeyDownListener(){this.documentKeydownListener&&(window.document.removeEventListener("keydown",this.documentKeydownListener),this.documentKeydownListener=null)},getPositionClass(){const e=["left","right","top","topleft","topright","bottom","bottomleft","bottomright"].find((e=>e===this.position));return e?`p-dialog-${e}`:""},containerRef(e){this.container=e},maskRef(e){this.mask=e},createStyle(){if(!this.styleElement){this.styleElement=document.createElement("style"),this.styleElement.type="text/css",document.head.appendChild(this.styleElement);let e="";for(let t in this.breakpoints)e+=`\n @media screen and (max-width: ${t}) {\n .p-dialog[${this.attributeSelector}] {\n width: ${this.breakpoints[t]} !important;\n }\n }\n `;this.styleElement.innerHTML=e}},destroyStyle(){this.styleElement&&(document.head.removeChild(this.styleElement),this.styleElement=null)},initDrag(e){t.hasClass(e.target,"p-dialog-header-icon")||t.hasClass(e.target.parentElement,"p-dialog-header-icon")||this.draggable&&(this.dragging=!0,this.lastPageX=e.pageX,this.lastPageY=e.pageY,this.container.style.margin="0",t.addClass(document.body,"p-unselectable-text"))},bindGlobalListeners(){this.draggable&&(this.bindDocumentDragListener(),this.bindDocumentDragEndListener()),this.closeOnEscape&&this.closable&&this.bindDocumentKeyDownListener()},unbindGlobalListeners(){this.unbindDocumentDragListener(),this.unbindDocumentDragEndListener(),this.unbindDocumentKeyDownListener()},bindDocumentDragListener(){this.documentDragListener=e=>{if(this.dragging){let n=t.getOuterWidth(this.container),i=t.getOuterHeight(this.container),a=e.pageX-this.lastPageX,o=e.pageY-this.lastPageY,l=this.container.getBoundingClientRect(),s=l.left+a,d=l.top+o,r=t.getViewport();this.container.style.position="fixed",this.keepInViewport?(s>=this.minX&&s+n<r.width&&(this.lastPageX=e.pageX,this.container.style.left=s+"px"),d>=this.minY&&d+i<r.height&&(this.lastPageY=e.pageY,this.container.style.top=d+"px")):(this.lastPageX=e.pageX,this.container.style.left=s+"px",this.lastPageY=e.pageY,this.container.style.top=d+"px")}},window.document.addEventListener("mousemove",this.documentDragListener)},unbindDocumentDragListener(){this.documentDragListener&&(window.document.removeEventListener("mousemove",this.documentDragListener),this.documentDragListener=null)},bindDocumentDragEndListener(){this.documentDragEndListener=e=>{this.dragging&&(this.dragging=!1,t.removeClass(document.body,"p-unselectable-text"),this.$emit("dragend",e))},window.document.addEventListener("mouseup",this.documentDragEndListener)},unbindDocumentDragEndListener(){this.documentDragEndListener&&(window.document.removeEventListener("mouseup",this.documentDragEndListener),this.documentDragEndListener=null)}},computed:{maskClass(){return["p-dialog-mask",{"p-component-overlay p-component-overlay-enter":this.modal},this.getPositionClass()]},dialogClass(){return["p-dialog p-component",{"p-dialog-rtl":this.rtl,"p-dialog-maximized":this.maximizable&&this.maximized,"p-input-filled":"filled"===this.$primevue.config.inputStyle,"p-ripple-disabled":!1===this.$primevue.config.ripple}]},maximizeIconClass(){return["p-dialog-header-maximize-icon pi",{"pi-window-maximize":!this.maximized,"pi-window-minimize":this.maximized}]},ariaId:()=>n(),ariaLabelledById(){return null!=this.header?this.ariaId+"_header":null},attributeSelector:()=>n(),contentStyleClass(){return["p-dialog-content",this.contentClass]},appendDisabled(){return"self"===this.appendTo},appendTarget(){return this.appendDisabled?null:this.appendTo}},directives:{ripple:i}};const x={class:"p-dialog-header-icons"},y=d("span",{class:"p-dialog-header-close-icon pi pi-times"},null,-1),v={key:1,class:"p-dialog-footer"};!function(e,t){void 0===t&&(t={});var n=t.insertAt;if(e&&"undefined"!=typeof document){var i=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css","top"===n&&i.firstChild?i.insertBefore(a,i.firstChild):i.appendChild(a),a.styleSheet?a.styleSheet.cssText=e:a.appendChild(document.createTextNode(e))}}("\n.p-dialog-mask {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n pointer-events: none;\n}\n.p-dialog-mask.p-component-overlay {\n pointer-events: auto;\n}\n.p-dialog {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n pointer-events: auto;\n max-height: 90%;\n -webkit-transform: scale(1);\n transform: scale(1);\n}\n.p-dialog-content {\n overflow-y: auto;\n}\n.p-dialog-header {\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-box-pack: justify;\n -ms-flex-pack: justify;\n justify-content: space-between;\n -ms-flex-negative: 0;\n flex-shrink: 0;\n}\n.p-dialog-footer {\n -ms-flex-negative: 0;\n flex-shrink: 0;\n}\n.p-dialog .p-dialog-header-icons {\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}\n.p-dialog .p-dialog-header-icon {\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-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n overflow: hidden;\n position: relative;\n}\n\n/* Fluid */\n.p-fluid .p-dialog-footer .p-button {\n width: auto;\n}\n\n/* Animation */\n/* Center */\n.p-dialog-enter-active {\n -webkit-transition: all 150ms cubic-bezier(0, 0, 0.2, 1);\n transition: all 150ms cubic-bezier(0, 0, 0.2, 1);\n}\n.p-dialog-leave-active {\n -webkit-transition: all 150ms cubic-bezier(0.4, 0.0, 0.2, 1);\n transition: all 150ms cubic-bezier(0.4, 0.0, 0.2, 1);\n}\n.p-dialog-enter-from,\n.p-dialog-leave-to {\n opacity: 0;\n -webkit-transform: scale(0.7);\n transform: scale(0.7);\n}\n\n/* Top, Bottom, Left, Right, Top* and Bottom* */\n.p-dialog-top .p-dialog,\n.p-dialog-bottom .p-dialog,\n.p-dialog-left .p-dialog,\n.p-dialog-right .p-dialog,\n.p-dialog-topleft .p-dialog,\n.p-dialog-topright .p-dialog,\n.p-dialog-bottomleft .p-dialog,\n.p-dialog-bottomright .p-dialog {\n margin: .75rem;\n -webkit-transform: translate3d(0px, 0px, 0px);\n transform: translate3d(0px, 0px, 0px);\n}\n.p-dialog-top .p-dialog-enter-active,\n.p-dialog-top .p-dialog-leave-active,\n.p-dialog-bottom .p-dialog-enter-active,\n.p-dialog-bottom .p-dialog-leave-active,\n.p-dialog-left .p-dialog-enter-active,\n.p-dialog-left .p-dialog-leave-active,\n.p-dialog-right .p-dialog-enter-active,\n.p-dialog-right .p-dialog-leave-active,\n.p-dialog-topleft .p-dialog-enter-active,\n.p-dialog-topleft .p-dialog-leave-active,\n.p-dialog-topright .p-dialog-enter-active,\n.p-dialog-topright .p-dialog-leave-active,\n.p-dialog-bottomleft .p-dialog-enter-active,\n.p-dialog-bottomleft .p-dialog-leave-active,\n.p-dialog-bottomright .p-dialog-enter-active,\n.p-dialog-bottomright .p-dialog-leave-active {\n -webkit-transition: all .3s ease-out;\n transition: all .3s ease-out;\n}\n.p-dialog-top .p-dialog-enter-from,\n.p-dialog-top .p-dialog-leave-to {\n -webkit-transform: translate3d(0px, -100%, 0px);\n transform: translate3d(0px, -100%, 0px);\n}\n.p-dialog-bottom .p-dialog-enter-from,\n.p-dialog-bottom .p-dialog-leave-to {\n -webkit-transform: translate3d(0px, 100%, 0px);\n transform: translate3d(0px, 100%, 0px);\n}\n.p-dialog-left .p-dialog-enter-from,\n.p-dialog-left .p-dialog-leave-to,\n.p-dialog-topleft .p-dialog-enter-from,\n.p-dialog-topleft .p-dialog-leave-to,\n.p-dialog-bottomleft .p-dialog-enter-from,\n.p-dialog-bottomleft .p-dialog-leave-to {\n -webkit-transform: translate3d(-100%, 0px, 0px);\n transform: translate3d(-100%, 0px, 0px);\n}\n.p-dialog-right .p-dialog-enter-from,\n.p-dialog-right .p-dialog-leave-to,\n.p-dialog-topright .p-dialog-enter-from,\n.p-dialog-topright .p-dialog-leave-to,\n.p-dialog-bottomright .p-dialog-enter-from,\n.p-dialog-bottomright .p-dialog-leave-to {\n -webkit-transform: translate3d(100%, 0px, 0px);\n transform: translate3d(100%, 0px, 0px);\n}\n\n/* Maximize */\n.p-dialog-maximized {\n -webkit-transition: none;\n transition: none;\n -webkit-transform: none;\n transform: none;\n width: 100vw !important;\n height: 100vh !important;\n top: 0px !important;\n left: 0px !important;\n max-height: 100%;\n height: 100%;\n}\n.p-dialog-maximized .p-dialog-content {\n -webkit-box-flex: 1;\n -ms-flex-positive: 1;\n flex-grow: 1;\n}\n\n/* Position */\n.p-dialog-left {\n -webkit-box-pack: start;\n -ms-flex-pack: start;\n justify-content: flex-start;\n}\n.p-dialog-right {\n -webkit-box-pack: end;\n -ms-flex-pack: end;\n justify-content: flex-end;\n}\n.p-dialog-top {\n -webkit-box-align: start;\n -ms-flex-align: start;\n align-items: flex-start;\n}\n.p-dialog-topleft {\n -webkit-box-pack: start;\n -ms-flex-pack: start;\n justify-content: flex-start;\n -webkit-box-align: start;\n -ms-flex-align: start;\n align-items: flex-start;\n}\n.p-dialog-topright {\n -webkit-box-pack: end;\n -ms-flex-pack: end;\n justify-content: flex-end;\n -webkit-box-align: start;\n -ms-flex-align: start;\n align-items: flex-start;\n}\n.p-dialog-bottom {\n -webkit-box-align: end;\n -ms-flex-align: end;\n align-items: flex-end;\n}\n.p-dialog-bottomleft {\n -webkit-box-pack: start;\n -ms-flex-pack: start;\n justify-content: flex-start;\n -webkit-box-align: end;\n -ms-flex-align: end;\n align-items: flex-end;\n}\n.p-dialog-bottomright {\n -webkit-box-pack: end;\n -ms-flex-pack: end;\n justify-content: flex-end;\n -webkit-box-align: end;\n -ms-flex-align: end;\n align-items: flex-end;\n}\n.p-confirm-dialog .p-dialog-content {\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}\n"),f.render=function(e,t,n,i,f,k){const w=a("ripple");return o(),l(s,{to:k.appendTarget,disabled:k.appendDisabled},[f.containerVisible?(o(),l("div",{key:0,ref:k.maskRef,class:k.maskClass,onClick:t[4]||(t[4]=(...e)=>k.onMaskClick&&k.onMaskClick(...e))},[d(r,{name:"p-dialog",onBeforeEnter:k.onBeforeEnter,onEnter:k.onEnter,onBeforeLeave:k.onBeforeLeave,onLeave:k.onLeave,onAfterLeave:k.onAfterLeave,appear:""},{default:p((()=>[n.visible?(o(),l("div",m({key:0,ref:k.containerRef,class:k.dialogClass},e.$attrs,{role:"dialog","aria-labelledby":k.ariaLabelledById,"aria-modal":n.modal}),[n.showHeader?(o(),l("div",{key:0,class:"p-dialog-header",onMousedown:t[3]||(t[3]=(...e)=>k.initDrag&&k.initDrag(...e))},[g(e.$slots,"header",{},(()=>[n.header?(o(),l("span",{key:0,id:k.ariaLabelledById,class:"p-dialog-title"},c(n.header),9,["id"])):h("",!0)])),d("div",x,[n.maximizable?b((o(),l("button",{key:0,class:"p-dialog-header-icon p-dialog-header-maximize p-link",onClick:t[1]||(t[1]=(...e)=>k.maximize&&k.maximize(...e)),type:"button",tabindex:"-1"},[d("span",{class:k.maximizeIconClass},null,2)],512)),[[w]]):h("",!0),n.closable?b((o(),l("button",{key:1,class:"p-dialog-header-icon p-dialog-header-close p-link",onClick:t[2]||(t[2]=(...e)=>k.close&&k.close(...e)),"aria-label":n.ariaCloseLabel,type:"button"},[y],8,["aria-label"])),[[w]]):h("",!0)])],32)):h("",!0),d("div",{class:k.contentStyleClass,style:n.contentStyle},[g(e.$slots,"default")],6),n.footer||e.$slots.footer?(o(),l("div",v,[g(e.$slots,"footer",{},(()=>[u(c(n.footer),1)]))])):h("",!0)],16,["aria-labelledby","aria-modal"])):h("",!0)])),_:3},8,["onBeforeEnter","onEnter","onBeforeLeave","onLeave","onAfterLeave"])],2)):h("",!0)],8,["to","disabled"])};export default f;
|
|
1
|
+
import{ZIndexUtils as e,DomHandler as t,UniqueComponentId as n}from"primevue/utils";import i from"primevue/ripple";import{resolveDirective as a,openBlock as o,createBlock as l,Teleport as s,createElementBlock as d,normalizeClass as r,createVNode as p,Transition as m,withCtx as g,mergeProps as c,renderSlot as h,toDisplayString as b,createCommentVNode as u,createElementVNode as f,withDirectives as x,normalizeStyle as y,createTextVNode as v}from"vue";var k={name:"Dialog",inheritAttrs:!1,emits:["update:visible","show","hide","maximize","unmaximize","dragend"],props:{header:null,footer:null,visible:Boolean,modal:Boolean,contentStyle:null,contentClass:String,rtl:Boolean,maximizable:Boolean,dismissableMask:Boolean,closable:{type:Boolean,default:!0},closeOnEscape:{type:Boolean,default:!0},showHeader:{type:Boolean,default:!0},baseZIndex:{type:Number,default:0},autoZIndex:{type:Boolean,default:!0},ariaCloseLabel:{type:String,default:"close"},position:{type:String,default:"center"},breakpoints:{type:Object,default:null},draggable:{type:Boolean,default:!0},keepInViewport:{type:Boolean,default:!0},minX:{type:Number,default:0},minY:{type:Number,default:0},appendTo:{type:String,default:"body"}},data(){return{containerVisible:this.visible,maximized:!1}},documentKeydownListener:null,container:null,mask:null,styleElement:null,dragging:null,documentDragListener:null,documentDragEndListener:null,lastPageX:null,lastPageY:null,updated(){this.visible&&(this.containerVisible=this.visible)},beforeUnmount(){this.unbindDocumentState(),this.unbindGlobalListeners(),this.destroyStyle(),this.mask=null,this.container&&this.autoZIndex&&e.clear(this.container),this.container=null},mounted(){this.breakpoints&&this.createStyle()},methods:{close(){this.$emit("update:visible",!1)},onBeforeEnter(t){this.autoZIndex&&e.set("modal",t,this.baseZIndex+this.$primevue.config.zIndex.modal),t.setAttribute(this.attributeSelector,"")},onEnter(){this.mask.style.zIndex=String(parseInt(this.container.style.zIndex,10)-1),this.$emit("show"),this.focus(),this.enableDocumentSettings(),this.bindGlobalListeners()},onBeforeLeave(){this.modal&&t.addClass(this.mask,"p-component-overlay-leave")},onLeave(){this.$emit("hide")},onAfterLeave(t){this.autoZIndex&&e.clear(t),this.containerVisible=!1,this.unbindDocumentState(),this.unbindGlobalListeners()},onMaskClick(e){this.dismissableMask&&this.closable&&this.modal&&this.mask===e.target&&this.close()},focus(){let e=this.container.querySelector("[autofocus]");e&&e.focus()},maximize(e){this.maximized?(this.maximized=!1,this.$emit("unmaximize",e)):(this.maximized=!0,this.$emit("maximize",e)),this.modal||(this.maximized?t.addClass(document.body,"p-overflow-hidden"):t.removeClass(document.body,"p-overflow-hidden"))},enableDocumentSettings(){(this.modal||this.maximizable&&this.maximized)&&t.addClass(document.body,"p-overflow-hidden")},unbindDocumentState(){(this.modal||this.maximizable&&this.maximized)&&t.removeClass(document.body,"p-overflow-hidden")},onKeyDown(e){if(9===e.which){e.preventDefault();let n=t.getFocusableElements(this.container);if(n&&n.length>0)if(document.activeElement){let t=n.indexOf(document.activeElement);e.shiftKey?-1==t||0===t?n[n.length-1].focus():n[t-1].focus():-1==t||t===n.length-1?n[0].focus():n[t+1].focus()}else n[0].focus()}else 27===e.which&&this.closeOnEscape&&this.close()},bindDocumentKeyDownListener(){this.documentKeydownListener||(this.documentKeydownListener=this.onKeyDown.bind(this),window.document.addEventListener("keydown",this.documentKeydownListener))},unbindDocumentKeyDownListener(){this.documentKeydownListener&&(window.document.removeEventListener("keydown",this.documentKeydownListener),this.documentKeydownListener=null)},getPositionClass(){const e=["left","right","top","topleft","topright","bottom","bottomleft","bottomright"].find((e=>e===this.position));return e?`p-dialog-${e}`:""},containerRef(e){this.container=e},maskRef(e){this.mask=e},createStyle(){if(!this.styleElement){this.styleElement=document.createElement("style"),this.styleElement.type="text/css",document.head.appendChild(this.styleElement);let e="";for(let t in this.breakpoints)e+=`\n @media screen and (max-width: ${t}) {\n .p-dialog[${this.attributeSelector}] {\n width: ${this.breakpoints[t]} !important;\n }\n }\n `;this.styleElement.innerHTML=e}},destroyStyle(){this.styleElement&&(document.head.removeChild(this.styleElement),this.styleElement=null)},initDrag(e){t.hasClass(e.target,"p-dialog-header-icon")||t.hasClass(e.target.parentElement,"p-dialog-header-icon")||this.draggable&&(this.dragging=!0,this.lastPageX=e.pageX,this.lastPageY=e.pageY,this.container.style.margin="0",t.addClass(document.body,"p-unselectable-text"))},bindGlobalListeners(){this.draggable&&(this.bindDocumentDragListener(),this.bindDocumentDragEndListener()),this.closeOnEscape&&this.closable&&this.bindDocumentKeyDownListener()},unbindGlobalListeners(){this.unbindDocumentDragListener(),this.unbindDocumentDragEndListener(),this.unbindDocumentKeyDownListener()},bindDocumentDragListener(){this.documentDragListener=e=>{if(this.dragging){let n=t.getOuterWidth(this.container),i=t.getOuterHeight(this.container),a=e.pageX-this.lastPageX,o=e.pageY-this.lastPageY,l=this.container.getBoundingClientRect(),s=l.left+a,d=l.top+o,r=t.getViewport();this.container.style.position="fixed",this.keepInViewport?(s>=this.minX&&s+n<r.width&&(this.lastPageX=e.pageX,this.container.style.left=s+"px"),d>=this.minY&&d+i<r.height&&(this.lastPageY=e.pageY,this.container.style.top=d+"px")):(this.lastPageX=e.pageX,this.container.style.left=s+"px",this.lastPageY=e.pageY,this.container.style.top=d+"px")}},window.document.addEventListener("mousemove",this.documentDragListener)},unbindDocumentDragListener(){this.documentDragListener&&(window.document.removeEventListener("mousemove",this.documentDragListener),this.documentDragListener=null)},bindDocumentDragEndListener(){this.documentDragEndListener=e=>{this.dragging&&(this.dragging=!1,t.removeClass(document.body,"p-unselectable-text"),this.$emit("dragend",e))},window.document.addEventListener("mouseup",this.documentDragEndListener)},unbindDocumentDragEndListener(){this.documentDragEndListener&&(window.document.removeEventListener("mouseup",this.documentDragEndListener),this.documentDragEndListener=null)}},computed:{maskClass(){return["p-dialog-mask",{"p-component-overlay p-component-overlay-enter":this.modal},this.getPositionClass()]},dialogClass(){return["p-dialog p-component",{"p-dialog-rtl":this.rtl,"p-dialog-maximized":this.maximizable&&this.maximized,"p-input-filled":"filled"===this.$primevue.config.inputStyle,"p-ripple-disabled":!1===this.$primevue.config.ripple}]},maximizeIconClass(){return["p-dialog-header-maximize-icon pi",{"pi-window-maximize":!this.maximized,"pi-window-minimize":this.maximized}]},ariaId:()=>n(),ariaLabelledById(){return null!=this.header?this.ariaId+"_header":null},attributeSelector:()=>n(),contentStyleClass(){return["p-dialog-content",this.contentClass]},appendDisabled(){return"self"===this.appendTo},appendTarget(){return this.appendDisabled?null:this.appendTo}},directives:{ripple:i}};const w=["aria-labelledby","aria-modal"],L=["id"],D={class:"p-dialog-header-icons"},E=["aria-label"],z=[f("span",{class:"p-dialog-header-close-icon pi pi-times"},null,-1)],C={key:1,class:"p-dialog-footer"};!function(e,t){void 0===t&&(t={});var n=t.insertAt;if(e&&"undefined"!=typeof document){var i=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css","top"===n&&i.firstChild?i.insertBefore(a,i.firstChild):i.appendChild(a),a.styleSheet?a.styleSheet.cssText=e:a.appendChild(document.createTextNode(e))}}("\n.p-dialog-mask {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n pointer-events: none;\n}\n.p-dialog-mask.p-component-overlay {\n pointer-events: auto;\n}\n.p-dialog {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n pointer-events: auto;\n max-height: 90%;\n -webkit-transform: scale(1);\n transform: scale(1);\n}\n.p-dialog-content {\n overflow-y: auto;\n}\n.p-dialog-header {\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-box-pack: justify;\n -ms-flex-pack: justify;\n justify-content: space-between;\n -ms-flex-negative: 0;\n flex-shrink: 0;\n}\n.p-dialog-footer {\n -ms-flex-negative: 0;\n flex-shrink: 0;\n}\n.p-dialog .p-dialog-header-icons {\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}\n.p-dialog .p-dialog-header-icon {\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-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n overflow: hidden;\n position: relative;\n}\n\n/* Fluid */\n.p-fluid .p-dialog-footer .p-button {\n width: auto;\n}\n\n/* Animation */\n/* Center */\n.p-dialog-enter-active {\n -webkit-transition: all 150ms cubic-bezier(0, 0, 0.2, 1);\n transition: all 150ms cubic-bezier(0, 0, 0.2, 1);\n}\n.p-dialog-leave-active {\n -webkit-transition: all 150ms cubic-bezier(0.4, 0.0, 0.2, 1);\n transition: all 150ms cubic-bezier(0.4, 0.0, 0.2, 1);\n}\n.p-dialog-enter-from,\n.p-dialog-leave-to {\n opacity: 0;\n -webkit-transform: scale(0.7);\n transform: scale(0.7);\n}\n\n/* Top, Bottom, Left, Right, Top* and Bottom* */\n.p-dialog-top .p-dialog,\n.p-dialog-bottom .p-dialog,\n.p-dialog-left .p-dialog,\n.p-dialog-right .p-dialog,\n.p-dialog-topleft .p-dialog,\n.p-dialog-topright .p-dialog,\n.p-dialog-bottomleft .p-dialog,\n.p-dialog-bottomright .p-dialog {\n margin: .75rem;\n -webkit-transform: translate3d(0px, 0px, 0px);\n transform: translate3d(0px, 0px, 0px);\n}\n.p-dialog-top .p-dialog-enter-active,\n.p-dialog-top .p-dialog-leave-active,\n.p-dialog-bottom .p-dialog-enter-active,\n.p-dialog-bottom .p-dialog-leave-active,\n.p-dialog-left .p-dialog-enter-active,\n.p-dialog-left .p-dialog-leave-active,\n.p-dialog-right .p-dialog-enter-active,\n.p-dialog-right .p-dialog-leave-active,\n.p-dialog-topleft .p-dialog-enter-active,\n.p-dialog-topleft .p-dialog-leave-active,\n.p-dialog-topright .p-dialog-enter-active,\n.p-dialog-topright .p-dialog-leave-active,\n.p-dialog-bottomleft .p-dialog-enter-active,\n.p-dialog-bottomleft .p-dialog-leave-active,\n.p-dialog-bottomright .p-dialog-enter-active,\n.p-dialog-bottomright .p-dialog-leave-active {\n -webkit-transition: all .3s ease-out;\n transition: all .3s ease-out;\n}\n.p-dialog-top .p-dialog-enter-from,\n.p-dialog-top .p-dialog-leave-to {\n -webkit-transform: translate3d(0px, -100%, 0px);\n transform: translate3d(0px, -100%, 0px);\n}\n.p-dialog-bottom .p-dialog-enter-from,\n.p-dialog-bottom .p-dialog-leave-to {\n -webkit-transform: translate3d(0px, 100%, 0px);\n transform: translate3d(0px, 100%, 0px);\n}\n.p-dialog-left .p-dialog-enter-from,\n.p-dialog-left .p-dialog-leave-to,\n.p-dialog-topleft .p-dialog-enter-from,\n.p-dialog-topleft .p-dialog-leave-to,\n.p-dialog-bottomleft .p-dialog-enter-from,\n.p-dialog-bottomleft .p-dialog-leave-to {\n -webkit-transform: translate3d(-100%, 0px, 0px);\n transform: translate3d(-100%, 0px, 0px);\n}\n.p-dialog-right .p-dialog-enter-from,\n.p-dialog-right .p-dialog-leave-to,\n.p-dialog-topright .p-dialog-enter-from,\n.p-dialog-topright .p-dialog-leave-to,\n.p-dialog-bottomright .p-dialog-enter-from,\n.p-dialog-bottomright .p-dialog-leave-to {\n -webkit-transform: translate3d(100%, 0px, 0px);\n transform: translate3d(100%, 0px, 0px);\n}\n\n/* Maximize */\n.p-dialog-maximized {\n -webkit-transition: none;\n transition: none;\n -webkit-transform: none;\n transform: none;\n width: 100vw !important;\n height: 100vh !important;\n top: 0px !important;\n left: 0px !important;\n max-height: 100%;\n height: 100%;\n}\n.p-dialog-maximized .p-dialog-content {\n -webkit-box-flex: 1;\n -ms-flex-positive: 1;\n flex-grow: 1;\n}\n\n/* Position */\n.p-dialog-left {\n -webkit-box-pack: start;\n -ms-flex-pack: start;\n justify-content: flex-start;\n}\n.p-dialog-right {\n -webkit-box-pack: end;\n -ms-flex-pack: end;\n justify-content: flex-end;\n}\n.p-dialog-top {\n -webkit-box-align: start;\n -ms-flex-align: start;\n align-items: flex-start;\n}\n.p-dialog-topleft {\n -webkit-box-pack: start;\n -ms-flex-pack: start;\n justify-content: flex-start;\n -webkit-box-align: start;\n -ms-flex-align: start;\n align-items: flex-start;\n}\n.p-dialog-topright {\n -webkit-box-pack: end;\n -ms-flex-pack: end;\n justify-content: flex-end;\n -webkit-box-align: start;\n -ms-flex-align: start;\n align-items: flex-start;\n}\n.p-dialog-bottom {\n -webkit-box-align: end;\n -ms-flex-align: end;\n align-items: flex-end;\n}\n.p-dialog-bottomleft {\n -webkit-box-pack: start;\n -ms-flex-pack: start;\n justify-content: flex-start;\n -webkit-box-align: end;\n -ms-flex-align: end;\n align-items: flex-end;\n}\n.p-dialog-bottomright {\n -webkit-box-pack: end;\n -ms-flex-pack: end;\n justify-content: flex-end;\n -webkit-box-align: end;\n -ms-flex-align: end;\n align-items: flex-end;\n}\n.p-confirm-dialog .p-dialog-content {\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}\n"),k.render=function(e,t,n,i,k,B){const S=a("ripple");return o(),l(s,{to:B.appendTarget,disabled:B.appendDisabled},[k.containerVisible?(o(),d("div",{key:0,ref:B.maskRef,class:r(B.maskClass),onClick:t[3]||(t[3]=(...e)=>B.onMaskClick&&B.onMaskClick(...e))},[p(m,{name:"p-dialog",onBeforeEnter:B.onBeforeEnter,onEnter:B.onEnter,onBeforeLeave:B.onBeforeLeave,onLeave:B.onLeave,onAfterLeave:B.onAfterLeave,appear:""},{default:g((()=>[n.visible?(o(),d("div",c({key:0,ref:B.containerRef,class:B.dialogClass},e.$attrs,{role:"dialog","aria-labelledby":B.ariaLabelledById,"aria-modal":n.modal}),[n.showHeader?(o(),d("div",{key:0,class:"p-dialog-header",onMousedown:t[2]||(t[2]=(...e)=>B.initDrag&&B.initDrag(...e))},[h(e.$slots,"header",{},(()=>[n.header?(o(),d("span",{key:0,id:B.ariaLabelledById,class:"p-dialog-title"},b(n.header),9,L)):u("",!0)])),f("div",D,[n.maximizable?x((o(),d("button",{key:0,class:"p-dialog-header-icon p-dialog-header-maximize p-link",onClick:t[0]||(t[0]=(...e)=>B.maximize&&B.maximize(...e)),type:"button",tabindex:"-1"},[f("span",{class:r(B.maximizeIconClass)},null,2)])),[[S]]):u("",!0),n.closable?x((o(),d("button",{key:1,class:"p-dialog-header-icon p-dialog-header-close p-link",onClick:t[1]||(t[1]=(...e)=>B.close&&B.close(...e)),"aria-label":n.ariaCloseLabel,type:"button"},z,8,E)),[[S]]):u("",!0)])],32)):u("",!0),f("div",{class:r(B.contentStyleClass),style:y(n.contentStyle)},[h(e.$slots,"default")],6),n.footer||e.$slots.footer?(o(),d("div",C,[h(e.$slots,"footer",{},(()=>[v(b(n.footer),1)]))])):u("",!0)],16,w)):u("",!0)])),_:3},8,["onBeforeEnter","onEnter","onBeforeLeave","onLeave","onAfterLeave"])],2)):u("",!0)],8,["to","disabled"])};export{k as default};
|