primevue 3.31.0 → 3.32.1
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 +7 -7
- package/accordion/Accordion.vue +1 -1
- package/accordion/accordion.cjs.js +3 -3
- package/accordion/accordion.cjs.min.js +1 -1
- package/accordion/accordion.esm.js +3 -3
- package/accordion/accordion.esm.min.js +1 -1
- package/accordion/accordion.js +3 -3
- package/accordion/accordion.min.js +1 -1
- package/accordiontab/AccordionTab.d.ts +22 -15
- package/autocomplete/AutoComplete.d.ts +50 -29
- package/autocomplete/AutoComplete.vue +4 -4
- package/autocomplete/BaseAutoComplete.vue +4 -0
- package/autocomplete/autocomplete.cjs.js +10 -5
- package/autocomplete/autocomplete.cjs.min.js +1 -1
- package/autocomplete/autocomplete.esm.js +10 -5
- package/autocomplete/autocomplete.esm.min.js +1 -1
- package/autocomplete/autocomplete.js +10 -5
- package/autocomplete/autocomplete.min.js +1 -1
- package/avatar/Avatar.d.ts +9 -9
- package/avatar/Avatar.vue +2 -2
- package/avatar/avatar.cjs.js +2 -2
- package/avatar/avatar.cjs.min.js +1 -1
- package/avatar/avatar.esm.js +2 -2
- package/avatar/avatar.esm.min.js +1 -1
- package/avatar/avatar.js +2 -2
- package/avatar/avatar.min.js +1 -1
- package/avatargroup/AvatarGroup.d.ts +5 -5
- package/badge/Badge.d.ts +5 -5
- package/badgedirective/BadgeDirective.d.ts +47 -5
- package/badgedirective/badgedirective.cjs.js +11 -1
- package/badgedirective/badgedirective.cjs.min.js +1 -1
- package/badgedirective/badgedirective.esm.js +11 -1
- package/badgedirective/badgedirective.esm.min.js +1 -1
- package/badgedirective/badgedirective.js +11 -1
- package/badgedirective/badgedirective.min.js +1 -1
- package/basecomponent/BaseComponent.vue +111 -30
- package/basecomponent/basecomponent.cjs.js +133 -51
- package/basecomponent/basecomponent.cjs.min.js +1 -1
- package/basecomponent/basecomponent.esm.js +133 -51
- package/basecomponent/basecomponent.esm.min.js +1 -1
- package/basecomponent/basecomponent.js +133 -51
- package/basecomponent/basecomponent.min.js +1 -1
- package/basedirective/basedirective.cjs.js +56 -10
- package/basedirective/basedirective.cjs.min.js +1 -1
- package/basedirective/basedirective.esm.js +56 -10
- package/basedirective/basedirective.esm.min.js +1 -1
- package/basedirective/basedirective.js +56 -10
- package/basedirective/basedirective.min.js +1 -1
- package/baseicon/BaseIcon.vue +44 -32
- package/baseicon/baseicon.cjs.js +19 -30
- package/baseicon/baseicon.cjs.min.js +1 -1
- package/baseicon/baseicon.esm.js +19 -30
- package/baseicon/baseicon.esm.min.js +1 -1
- package/baseicon/baseicon.js +20 -32
- package/baseicon/baseicon.min.js +1 -1
- package/blockui/BaseBlockUI.vue +0 -8
- package/blockui/BlockUI.d.ts +9 -5
- package/blockui/BlockUI.vue +35 -10
- package/blockui/blockui.cjs.js +34 -12
- package/blockui/blockui.cjs.min.js +1 -1
- package/blockui/blockui.esm.js +34 -12
- package/blockui/blockui.esm.min.js +1 -1
- package/blockui/blockui.js +34 -12
- package/blockui/blockui.min.js +1 -1
- package/breadcrumb/Breadcrumb.d.ts +12 -12
- package/button/Button.d.ts +10 -9
- package/button/Button.vue +6 -2
- package/button/button.cjs.js +7 -2
- package/button/button.cjs.min.js +1 -1
- package/button/button.esm.js +7 -2
- package/button/button.esm.min.js +1 -1
- package/button/button.js +7 -2
- package/button/button.min.js +1 -1
- package/calendar/Calendar.d.ts +131 -55
- package/calendar/Calendar.vue +54 -11
- package/calendar/calendar.cjs.js +79 -41
- package/calendar/calendar.cjs.min.js +1 -1
- package/calendar/calendar.esm.js +79 -41
- package/calendar/calendar.esm.min.js +1 -1
- package/calendar/calendar.js +79 -41
- package/calendar/calendar.min.js +1 -1
- package/card/Card.d.ts +11 -11
- package/carousel/Carousel.d.ts +34 -22
- package/carousel/Carousel.vue +12 -3
- package/carousel/carousel.cjs.js +15 -5
- package/carousel/carousel.cjs.min.js +1 -1
- package/carousel/carousel.esm.js +15 -5
- package/carousel/carousel.esm.min.js +1 -1
- package/carousel/carousel.js +15 -5
- package/carousel/carousel.min.js +1 -1
- package/cascadeselect/CascadeSelect.d.ts +27 -21
- package/cascadeselect/CascadeSelect.vue +1 -1
- package/cascadeselect/cascadeselect.cjs.js +3 -3
- package/cascadeselect/cascadeselect.cjs.min.js +1 -1
- package/cascadeselect/cascadeselect.esm.js +3 -3
- package/cascadeselect/cascadeselect.esm.min.js +1 -1
- package/cascadeselect/cascadeselect.js +3 -3
- package/cascadeselect/cascadeselect.min.js +1 -1
- package/chart/Chart.d.ts +7 -7
- package/checkbox/Checkbox.d.ts +10 -10
- package/chip/Chip.d.ts +13 -11
- package/chips/Chips.d.ts +23 -14
- package/chips/Chips.vue +1 -1
- package/chips/chips.cjs.js +1 -0
- package/chips/chips.cjs.min.js +1 -1
- package/chips/chips.esm.js +1 -0
- package/chips/chips.esm.min.js +1 -1
- package/chips/chips.js +1 -0
- package/chips/chips.min.js +1 -1
- package/colorpicker/ColorPicker.d.ts +20 -13
- package/colorpicker/ColorPicker.vue +2 -41
- package/colorpicker/colorpicker.cjs.js +11 -50
- package/colorpicker/colorpicker.cjs.min.js +1 -1
- package/colorpicker/colorpicker.esm.js +11 -50
- package/colorpicker/colorpicker.esm.min.js +1 -1
- package/colorpicker/colorpicker.js +11 -50
- package/colorpicker/colorpicker.min.js +1 -1
- package/column/Column.d.ts +71 -68
- package/columngroup/ColumnGroup.d.ts +5 -5
- package/config/PrimeVue.d.ts +10 -2
- package/config/config.cjs.js +4 -1
- package/config/config.cjs.min.js +1 -1
- package/config/config.esm.js +4 -1
- package/config/config.esm.min.js +1 -1
- package/config/config.js +4 -1
- package/config/config.min.js +1 -1
- package/confirmdialog/ConfirmDialog.d.ts +17 -16
- package/confirmpopup/ConfirmPopup.d.ts +19 -12
- package/confirmpopup/ConfirmPopup.vue +1 -1
- package/confirmpopup/confirmpopup.cjs.js +3 -3
- package/confirmpopup/confirmpopup.cjs.min.js +1 -1
- package/confirmpopup/confirmpopup.esm.js +4 -4
- package/confirmpopup/confirmpopup.esm.min.js +1 -1
- package/confirmpopup/confirmpopup.js +3 -3
- package/confirmpopup/confirmpopup.min.js +1 -1
- package/contextmenu/ContextMenu.d.ts +22 -15
- package/contextmenu/ContextMenu.vue +1 -1
- package/contextmenu/ContextMenuSub.vue +1 -1
- package/contextmenu/contextmenu.cjs.js +6 -6
- package/contextmenu/contextmenu.cjs.min.js +1 -1
- package/contextmenu/contextmenu.esm.js +7 -7
- package/contextmenu/contextmenu.esm.min.js +1 -1
- package/contextmenu/contextmenu.js +6 -6
- package/contextmenu/contextmenu.min.js +1 -1
- package/core/core.js +2082 -1386
- package/core/core.min.js +19 -17
- package/datatable/BaseDataTable.vue +1 -1
- package/datatable/BodyCell.vue +1 -0
- package/datatable/ColumnFilter.vue +1 -1
- package/datatable/DataTable.d.ts +41 -33
- package/datatable/DataTable.vue +47 -15
- package/datatable/TableBody.vue +1 -1
- package/datatable/datatable.cjs.js +125 -77
- package/datatable/datatable.cjs.min.js +1 -1
- package/datatable/datatable.esm.js +125 -77
- package/datatable/datatable.esm.min.js +1 -1
- package/datatable/datatable.js +125 -77
- package/datatable/datatable.min.js +1 -1
- package/dataview/DataView.d.ts +12 -12
- package/dataview/DataView.vue +2 -1
- package/dataview/dataview.cjs.js +4 -3
- package/dataview/dataview.cjs.min.js +1 -1
- package/dataview/dataview.esm.js +4 -3
- package/dataview/dataview.esm.min.js +1 -1
- package/dataview/dataview.js +4 -3
- package/dataview/dataview.min.js +1 -1
- package/dataviewlayoutoptions/DataViewLayoutOptions.d.ts +9 -9
- package/deferredcontent/DeferredContent.d.ts +5 -5
- package/dialog/BaseDialog.vue +3 -7
- package/dialog/Dialog.d.ts +23 -17
- package/dialog/Dialog.vue +10 -6
- package/dialog/dialog.cjs.js +17 -11
- package/dialog/dialog.cjs.min.js +1 -1
- package/dialog/dialog.esm.js +17 -11
- package/dialog/dialog.esm.min.js +1 -1
- package/dialog/dialog.js +17 -11
- package/dialog/dialog.min.js +1 -1
- package/divider/BaseDivider.vue +9 -24
- package/divider/Divider.d.ts +6 -6
- package/divider/Divider.vue +1 -1
- package/divider/divider.cjs.js +15 -2
- package/divider/divider.cjs.min.js +1 -1
- package/divider/divider.esm.js +15 -2
- package/divider/divider.esm.min.js +1 -1
- package/divider/divider.js +15 -2
- package/divider/divider.min.js +1 -1
- package/dock/BaseDock.vue +1 -1
- package/dock/Dock.d.ts +11 -11
- package/dock/Dock.vue +19 -2
- package/dock/dock.cjs.js +10 -4
- package/dock/dock.cjs.min.js +1 -1
- package/dock/dock.esm.js +10 -4
- package/dock/dock.esm.min.js +1 -1
- package/dock/dock.js +10 -4
- package/dock/dock.min.js +1 -1
- package/dropdown/BaseDropdown.vue +5 -5
- package/dropdown/Dropdown.d.ts +55 -38
- package/dropdown/Dropdown.vue +11 -2
- package/dropdown/dropdown.cjs.js +17 -9
- package/dropdown/dropdown.cjs.min.js +1 -1
- package/dropdown/dropdown.esm.js +17 -9
- package/dropdown/dropdown.esm.min.js +1 -1
- package/dropdown/dropdown.js +17 -9
- package/dropdown/dropdown.min.js +1 -1
- package/editor/BaseEditor.vue +0 -14
- package/editor/Editor.d.ts +21 -21
- package/editor/Editor.vue +20 -20
- package/editor/editor.cjs.js +20 -34
- package/editor/editor.cjs.min.js +1 -1
- package/editor/editor.esm.js +20 -34
- package/editor/editor.esm.min.js +1 -1
- package/editor/editor.js +20 -34
- package/editor/editor.min.js +1 -1
- package/fieldset/Fieldset.d.ts +19 -13
- package/fieldset/Fieldset.vue +1 -1
- package/fieldset/fieldset.cjs.js +3 -3
- package/fieldset/fieldset.cjs.min.js +1 -1
- package/fieldset/fieldset.esm.js +3 -3
- package/fieldset/fieldset.esm.min.js +1 -1
- package/fieldset/fieldset.js +3 -3
- package/fieldset/fieldset.min.js +1 -1
- package/fileupload/FileUpload.d.ts +36 -31
- package/fileupload/FileUpload.vue +8 -4
- package/fileupload/fileupload.cjs.js +14 -4
- package/fileupload/fileupload.cjs.min.js +1 -1
- package/fileupload/fileupload.esm.js +14 -4
- package/fileupload/fileupload.esm.min.js +1 -1
- package/fileupload/fileupload.js +15 -6
- package/fileupload/fileupload.min.js +1 -1
- package/focustrap/FocusTrap.d.ts +7 -6
- package/galleria/Galleria.d.ts +55 -36
- package/galleria/Galleria.vue +1 -1
- package/galleria/GalleriaItem.vue +11 -4
- package/galleria/GalleriaThumbnails.vue +6 -1
- package/galleria/galleria.cjs.js +30 -12
- package/galleria/galleria.cjs.min.js +1 -1
- package/galleria/galleria.esm.js +30 -12
- package/galleria/galleria.esm.min.js +1 -1
- package/galleria/galleria.js +30 -12
- package/galleria/galleria.min.js +1 -1
- package/image/Image.d.ts +34 -25
- package/image/Image.vue +10 -8
- package/image/image.cjs.js +22 -8
- package/image/image.cjs.min.js +1 -1
- package/image/image.esm.js +23 -9
- package/image/image.esm.min.js +1 -1
- package/image/image.js +22 -8
- package/image/image.min.js +1 -1
- package/inlinemessage/InlineMessage.d.ts +7 -7
- package/inplace/Inplace.d.ts +10 -10
- package/inputmask/InputMask.d.ts +34 -6
- package/inputmask/InputMask.vue +9 -1
- package/inputmask/inputmask.cjs.js +9 -1
- package/inputmask/inputmask.cjs.min.js +1 -1
- package/inputmask/inputmask.esm.js +9 -1
- package/inputmask/inputmask.esm.min.js +1 -1
- package/inputmask/inputmask.js +9 -1
- package/inputmask/inputmask.min.js +1 -1
- package/inputnumber/InputNumber.d.ts +12 -12
- package/inputswitch/InputSwitch.d.ts +9 -9
- package/inputtext/InputText.d.ts +5 -5
- package/knob/Knob.d.ts +9 -9
- package/listbox/Listbox.d.ts +22 -22
- package/megamenu/MegaMenu.d.ts +21 -20
- package/megamenu/MegaMenuSub.vue +1 -0
- package/megamenu/megamenu.cjs.js +2 -1
- package/megamenu/megamenu.cjs.min.js +1 -1
- package/megamenu/megamenu.esm.js +2 -1
- package/megamenu/megamenu.esm.min.js +1 -1
- package/megamenu/megamenu.js +2 -1
- package/megamenu/megamenu.min.js +1 -1
- package/menu/Menu.d.ts +22 -16
- package/menu/Menu.vue +1 -1
- package/menu/menu.cjs.js +3 -3
- package/menu/menu.cjs.min.js +1 -1
- package/menu/menu.esm.js +3 -3
- package/menu/menu.esm.min.js +1 -1
- package/menu/menu.js +3 -3
- package/menu/menu.min.js +1 -1
- package/menubar/Menubar.d.ts +24 -19
- package/menubar/MenubarSub.vue +3 -1
- package/menubar/menubar.cjs.js +4 -2
- package/menubar/menubar.cjs.min.js +1 -1
- package/menubar/menubar.esm.js +4 -2
- package/menubar/menubar.esm.min.js +1 -1
- package/menubar/menubar.js +4 -2
- package/menubar/menubar.min.js +1 -1
- package/message/BaseMessage.vue +5 -0
- package/message/Message.d.ts +22 -14
- package/message/Message.vue +1 -1
- package/message/message.cjs.js +4 -4
- package/message/message.cjs.min.js +1 -1
- package/message/message.esm.js +5 -5
- package/message/message.esm.min.js +1 -1
- package/message/message.js +4 -4
- package/message/message.min.js +1 -1
- package/multiselect/MultiSelect.d.ts +63 -47
- package/multiselect/MultiSelect.vue +2 -2
- package/multiselect/multiselect.cjs.js +4 -3
- package/multiselect/multiselect.cjs.min.js +1 -1
- package/multiselect/multiselect.esm.js +4 -3
- package/multiselect/multiselect.esm.min.js +1 -1
- package/multiselect/multiselect.js +4 -3
- package/multiselect/multiselect.min.js +1 -1
- package/orderlist/OrderList.d.ts +26 -20
- package/orderlist/OrderList.vue +2 -1
- package/orderlist/orderlist.cjs.js +3 -1
- package/orderlist/orderlist.cjs.min.js +1 -1
- package/orderlist/orderlist.esm.js +3 -1
- package/orderlist/orderlist.esm.min.js +1 -1
- package/orderlist/orderlist.js +3 -1
- package/orderlist/orderlist.min.js +1 -1
- package/organizationchart/OrganizationChart.d.ts +17 -17
- package/overlaypanel/OverlayPanel.d.ts +15 -9
- package/overlaypanel/OverlayPanel.vue +2 -1
- package/overlaypanel/overlaypanel.cjs.js +5 -3
- package/overlaypanel/overlaypanel.cjs.min.js +1 -1
- package/overlaypanel/overlaypanel.esm.js +6 -4
- package/overlaypanel/overlaypanel.esm.min.js +1 -1
- package/overlaypanel/overlaypanel.js +5 -3
- package/overlaypanel/overlaypanel.min.js +1 -1
- package/package.json +15 -15
- package/paginator/Paginator.d.ts +22 -22
- package/paginator/Paginator.vue +2 -1
- package/paginator/paginator.cjs.js +2 -0
- package/paginator/paginator.cjs.min.js +1 -1
- package/paginator/paginator.esm.js +3 -1
- package/paginator/paginator.esm.min.js +1 -1
- package/paginator/paginator.js +2 -0
- package/paginator/paginator.min.js +1 -1
- package/panel/Panel.d.ts +22 -15
- package/panel/Panel.vue +1 -1
- package/panel/panel.cjs.js +3 -3
- package/panel/panel.cjs.min.js +1 -1
- package/panel/panel.esm.js +3 -3
- package/panel/panel.esm.min.js +1 -1
- package/panel/panel.js +3 -3
- package/panel/panel.min.js +1 -1
- package/panelmenu/PanelMenu.d.ts +30 -23
- package/panelmenu/PanelMenu.vue +1 -1
- package/panelmenu/PanelMenuSub.vue +1 -1
- package/panelmenu/panelmenu.cjs.js +6 -6
- package/panelmenu/panelmenu.cjs.min.js +1 -1
- package/panelmenu/panelmenu.esm.js +6 -6
- package/panelmenu/panelmenu.esm.min.js +1 -1
- package/panelmenu/panelmenu.js +6 -6
- package/panelmenu/panelmenu.min.js +1 -1
- package/passthrough/index.cjs.js +30 -0
- package/passthrough/index.cjs.min.js +1 -0
- package/passthrough/index.d.ts +6 -0
- package/passthrough/index.esm.js +26 -0
- package/passthrough/index.esm.min.js +1 -0
- package/passthrough/index.js +36 -0
- package/passthrough/index.min.js +1 -0
- package/passthrough/package.json +6 -0
- package/{tailwind/tailwind.cjs.js → passthrough/tailwind/index.cjs.js} +1282 -834
- package/passthrough/tailwind/index.cjs.min.js +1 -0
- package/passthrough/tailwind/index.d.ts +4 -0
- package/{tailwind/tailwind.esm.js → passthrough/tailwind/index.esm.js} +1279 -834
- package/passthrough/tailwind/index.esm.min.js +1 -0
- package/{tailwind/tailwind.js → passthrough/tailwind/index.js} +1287 -836
- package/passthrough/tailwind/index.min.js +1 -0
- package/passthrough/tailwind/package.json +6 -0
- package/password/Password.d.ts +31 -18
- package/password/Password.vue +3 -1
- package/password/password.cjs.js +6 -4
- package/password/password.cjs.min.js +1 -1
- package/password/password.esm.js +6 -4
- package/password/password.esm.min.js +1 -1
- package/password/password.js +6 -4
- package/password/password.min.js +1 -1
- package/picklist/PickList.d.ts +44 -38
- package/picklist/PickList.vue +12 -9
- package/picklist/picklist.cjs.js +29 -9
- package/picklist/picklist.cjs.min.js +1 -1
- package/picklist/picklist.esm.js +29 -9
- package/picklist/picklist.esm.min.js +1 -1
- package/picklist/picklist.js +29 -9
- package/picklist/picklist.min.js +1 -1
- package/progressbar/ProgressBar.d.ts +7 -7
- package/progressspinner/ProgressSpinner.d.ts +7 -7
- package/radiobutton/RadioButton.d.ts +11 -11
- package/rating/Rating.d.ts +15 -14
- package/rating/Rating.vue +3 -3
- package/rating/rating.cjs.js +3 -3
- package/rating/rating.cjs.min.js +1 -1
- package/rating/rating.esm.js +3 -3
- package/rating/rating.esm.min.js +1 -1
- package/rating/rating.js +3 -3
- package/rating/rating.min.js +1 -1
- package/resources/themes/arya-blue/theme.css +11 -0
- package/resources/themes/arya-green/theme.css +11 -0
- package/resources/themes/arya-orange/theme.css +11 -0
- package/resources/themes/arya-purple/theme.css +11 -0
- package/resources/themes/bootstrap4-dark-blue/theme.css +15 -0
- package/resources/themes/bootstrap4-dark-purple/theme.css +15 -0
- package/resources/themes/bootstrap4-light-blue/theme.css +15 -0
- package/resources/themes/bootstrap4-light-purple/theme.css +15 -0
- package/resources/themes/fluent-light/theme.css +11 -0
- package/resources/themes/lara-dark-blue/theme.css +11 -0
- package/resources/themes/lara-dark-indigo/theme.css +11 -0
- package/resources/themes/lara-dark-purple/theme.css +11 -0
- package/resources/themes/lara-dark-teal/theme.css +11 -0
- package/resources/themes/lara-light-blue/theme.css +11 -0
- package/resources/themes/lara-light-indigo/theme.css +11 -0
- package/resources/themes/lara-light-purple/theme.css +11 -0
- package/resources/themes/lara-light-teal/theme.css +11 -0
- package/resources/themes/luna-amber/theme.css +11 -0
- package/resources/themes/luna-blue/theme.css +11 -0
- package/resources/themes/luna-green/theme.css +11 -0
- package/resources/themes/luna-pink/theme.css +11 -0
- package/resources/themes/md-dark-deeppurple/theme.css +11 -0
- package/resources/themes/md-dark-indigo/theme.css +11 -0
- package/resources/themes/md-light-deeppurple/theme.css +11 -0
- package/resources/themes/md-light-indigo/theme.css +11 -0
- package/resources/themes/mdc-dark-deeppurple/theme.css +11 -0
- package/resources/themes/mdc-dark-indigo/theme.css +11 -0
- package/resources/themes/mdc-light-deeppurple/theme.css +11 -0
- package/resources/themes/mdc-light-indigo/theme.css +11 -0
- package/resources/themes/mira/theme.css +11 -0
- package/resources/themes/nano/theme.css +11 -0
- package/resources/themes/nova/theme.css +11 -0
- package/resources/themes/nova-accent/theme.css +11 -0
- package/resources/themes/nova-alt/theme.css +11 -0
- package/resources/themes/nova-vue/theme.css +11 -0
- package/resources/themes/rhea/theme.css +11 -0
- package/resources/themes/saga-blue/theme.css +11 -0
- package/resources/themes/saga-green/theme.css +11 -0
- package/resources/themes/saga-orange/theme.css +11 -0
- package/resources/themes/saga-purple/theme.css +11 -0
- package/resources/themes/soho-dark/theme.css +11 -0
- package/resources/themes/soho-light/theme.css +11 -0
- package/resources/themes/tailwind-light/theme.css +11 -0
- package/resources/themes/vela-blue/theme.css +11 -0
- package/resources/themes/vela-green/theme.css +11 -0
- package/resources/themes/vela-orange/theme.css +11 -0
- package/resources/themes/vela-purple/theme.css +11 -0
- package/resources/themes/viva-dark/theme.css +11 -0
- package/resources/themes/viva-light/theme.css +11 -0
- package/ripple/Ripple.d.ts +5 -4
- package/row/Row.d.ts +2 -2
- package/scrollpanel/ScrollPanel.d.ts +9 -9
- package/scrolltop/ScrollTop.d.ts +13 -7
- package/scrolltop/ScrollTop.vue +1 -1
- package/scrolltop/scrolltop.cjs.js +3 -3
- package/scrolltop/scrolltop.cjs.min.js +1 -1
- package/scrolltop/scrolltop.esm.js +4 -4
- package/scrolltop/scrolltop.esm.min.js +1 -1
- package/scrolltop/scrolltop.js +3 -3
- package/scrolltop/scrolltop.min.js +1 -1
- package/selectbutton/SelectButton.d.ts +11 -7
- package/selectbutton/SelectButton.vue +2 -1
- package/selectbutton/selectbutton.cjs.js +2 -1
- package/selectbutton/selectbutton.cjs.min.js +1 -1
- package/selectbutton/selectbutton.esm.js +2 -1
- package/selectbutton/selectbutton.esm.min.js +1 -1
- package/selectbutton/selectbutton.js +2 -1
- package/selectbutton/selectbutton.min.js +1 -1
- package/sidebar/Sidebar.d.ts +18 -12
- package/sidebar/Sidebar.vue +2 -2
- package/sidebar/sidebar.cjs.js +4 -4
- package/sidebar/sidebar.cjs.min.js +1 -1
- package/sidebar/sidebar.esm.js +4 -4
- package/sidebar/sidebar.esm.min.js +1 -1
- package/sidebar/sidebar.js +4 -4
- package/sidebar/sidebar.min.js +1 -1
- package/skeleton/Skeleton.d.ts +5 -5
- package/slider/Slider.d.ts +9 -9
- package/speeddial/BaseSpeedDial.vue +12 -36
- package/speeddial/SpeedDial.d.ts +23 -16
- package/speeddial/SpeedDial.vue +6 -5
- package/speeddial/speeddial.cjs.js +45 -24
- package/speeddial/speeddial.cjs.min.js +1 -1
- package/speeddial/speeddial.esm.js +45 -24
- package/speeddial/speeddial.esm.min.js +1 -1
- package/speeddial/speeddial.js +45 -24
- package/speeddial/speeddial.min.js +1 -1
- package/splitbutton/SplitButton.d.ts +12 -10
- package/splitbutton/SplitButton.vue +22 -3
- package/splitbutton/splitbutton.cjs.js +17 -5
- package/splitbutton/splitbutton.cjs.min.js +1 -1
- package/splitbutton/splitbutton.esm.js +17 -5
- package/splitbutton/splitbutton.esm.min.js +1 -1
- package/splitbutton/splitbutton.js +17 -5
- package/splitbutton/splitbutton.min.js +1 -1
- package/splitter/Splitter.d.ts +18 -7
- package/splitter/Splitter.vue +8 -1
- package/splitter/splitter.cjs.js +9 -1
- package/splitter/splitter.cjs.min.js +1 -1
- package/splitter/splitter.esm.js +9 -1
- package/splitter/splitter.esm.min.js +1 -1
- package/splitter/splitter.js +9 -1
- package/splitter/splitter.min.js +1 -1
- package/splitterpanel/SplitterPanel.d.ts +5 -5
- package/splitterpanel/SplitterPanel.vue +1 -1
- package/splitterpanel/splitterpanel.cjs.js +1 -1
- package/splitterpanel/splitterpanel.cjs.min.js +1 -1
- package/splitterpanel/splitterpanel.esm.js +1 -1
- package/splitterpanel/splitterpanel.esm.min.js +1 -1
- package/splitterpanel/splitterpanel.js +1 -1
- package/splitterpanel/splitterpanel.min.js +1 -1
- package/steps/Steps.d.ts +10 -10
- package/styleclass/StyleClass.d.ts +4 -3
- package/tabmenu/TabMenu.d.ts +11 -11
- package/tabpanel/TabPanel.d.ts +12 -12
- package/tabview/TabView.d.ts +18 -18
- package/tag/Tag.d.ts +7 -7
- package/terminal/Terminal.d.ts +13 -13
- package/textarea/Textarea.d.ts +5 -5
- package/tieredmenu/TieredMenu.d.ts +22 -15
- package/tieredmenu/TieredMenu.vue +1 -1
- package/tieredmenu/tieredmenu.cjs.js +3 -3
- package/tieredmenu/tieredmenu.cjs.min.js +1 -1
- package/tieredmenu/tieredmenu.esm.js +3 -3
- package/tieredmenu/tieredmenu.esm.min.js +1 -1
- package/tieredmenu/tieredmenu.js +3 -3
- package/tieredmenu/tieredmenu.min.js +1 -1
- package/timeline/Timeline.d.ts +11 -11
- package/toast/BaseToast.vue +4 -0
- package/toast/Toast.d.ts +25 -19
- package/toast/Toast.vue +3 -2
- package/toast/toast.cjs.js +4 -2
- package/toast/toast.cjs.min.js +1 -1
- package/toast/toast.esm.js +5 -3
- package/toast/toast.esm.min.js +1 -1
- package/toast/toast.js +4 -2
- package/toast/toast.min.js +1 -1
- package/togglebutton/ToggleButton.d.ts +34 -11
- package/togglebutton/ToggleButton.vue +12 -3
- package/togglebutton/togglebutton.cjs.js +12 -3
- package/togglebutton/togglebutton.cjs.min.js +1 -1
- package/togglebutton/togglebutton.esm.js +12 -3
- package/togglebutton/togglebutton.esm.min.js +1 -1
- package/togglebutton/togglebutton.js +12 -3
- package/togglebutton/togglebutton.min.js +1 -1
- package/toolbar/Toolbar.d.ts +8 -8
- package/toolbar/Toolbar.vue +3 -3
- package/toolbar/toolbar.cjs.js +3 -6
- package/toolbar/toolbar.cjs.min.js +1 -1
- package/toolbar/toolbar.esm.js +3 -6
- package/toolbar/toolbar.esm.min.js +1 -1
- package/toolbar/toolbar.js +3 -6
- package/toolbar/toolbar.min.js +1 -1
- package/tooltip/Tooltip.d.ts +37 -7
- package/tooltip/tooltip.cjs.js +17 -4
- package/tooltip/tooltip.cjs.min.js +1 -1
- package/tooltip/tooltip.esm.js +17 -4
- package/tooltip/tooltip.esm.min.js +1 -1
- package/tooltip/tooltip.js +413 -400
- package/tooltip/tooltip.min.js +1 -1
- package/tree/Tree.d.ts +26 -22
- package/tree/Tree.vue +1 -0
- package/tree/tree.cjs.js +3 -2
- package/tree/tree.cjs.min.js +1 -1
- package/tree/tree.esm.js +3 -2
- package/tree/tree.esm.min.js +1 -1
- package/tree/tree.js +3 -2
- package/tree/tree.min.js +1 -1
- package/treeselect/TreeSelect.d.ts +26 -19
- package/treeselect/TreeSelect.vue +2 -2
- package/treeselect/treeselect.cjs.js +4 -4
- package/treeselect/treeselect.cjs.min.js +1 -1
- package/treeselect/treeselect.esm.js +4 -4
- package/treeselect/treeselect.esm.min.js +1 -1
- package/treeselect/treeselect.js +4 -4
- package/treeselect/treeselect.min.js +1 -1
- package/treetable/TreeTable.d.ts +24 -23
- package/treetable/TreeTable.vue +6 -3
- package/treetable/treetable.cjs.js +7 -6
- package/treetable/treetable.cjs.min.js +1 -1
- package/treetable/treetable.esm.js +7 -6
- package/treetable/treetable.esm.min.js +1 -1
- package/treetable/treetable.js +7 -6
- package/treetable/treetable.min.js +1 -1
- package/tristatecheckbox/TriStateCheckbox.d.ts +16 -13
- package/ts-helpers.d.ts +2 -0
- package/usestyle/UseStyle.d.ts +2 -1
- package/usestyle/usestyle.cjs.js +20 -7
- package/usestyle/usestyle.cjs.min.js +1 -1
- package/usestyle/usestyle.esm.js +20 -7
- package/usestyle/usestyle.esm.min.js +1 -1
- package/usestyle/usestyle.js +20 -7
- package/usestyle/usestyle.min.js +1 -1
- package/utils/Utils.d.ts +4 -0
- package/utils/utils.cjs.js +48 -8
- package/utils/utils.cjs.min.js +1 -1
- package/utils/utils.esm.js +48 -8
- package/utils/utils.esm.min.js +1 -1
- package/utils/utils.js +48 -8
- package/utils/utils.min.js +1 -1
- package/vetur-attributes.json +129 -125
- package/vetur-tags.json +1 -0
- package/virtualscroller/BaseVirtualScroller.vue +1 -1
- package/virtualscroller/VirtualScroller.d.ts +15 -13
- package/virtualscroller/virtualscroller.cjs.js +2 -1
- package/virtualscroller/virtualscroller.cjs.min.js +1 -1
- package/virtualscroller/virtualscroller.esm.js +2 -1
- package/virtualscroller/virtualscroller.esm.min.js +1 -1
- package/virtualscroller/virtualscroller.js +2 -1
- package/virtualscroller/virtualscroller.min.js +1 -1
- package/web-types.json +160 -127
- package/tailwind/Tailwind.d.ts +0 -5
- package/tailwind/package.json +0 -6
- package/tailwind/tailwind.cjs.min.js +0 -1
- package/tailwind/tailwind.esm.min.js +0 -1
- package/tailwind/tailwind.min.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
this.primevue=this.primevue||{},this.primevue.confirmpopup=function(e,n,t,o,i,r,c,s,a){"use strict";function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=l(e),p=l(n),f=l(t),m=l(o),d=l(i),h=l(c),v=s.useStyle("\n.p-confirm-popup {\n position: absolute;\n margin-top: 10px;\n top: 0;\n left: 0;\n}\n\n.p-confirm-popup-flipped {\n margin-top: 0;\n margin-bottom: 10px;\n}\n\n/* Animation */\n.p-confirm-popup-enter-from {\n opacity: 0;\n transform: scaleY(0.8);\n}\n\n.p-confirm-popup-leave-to {\n opacity: 0;\n}\n\n.p-confirm-popup-enter-active {\n transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);\n}\n\n.p-confirm-popup-leave-active {\n transition: opacity 0.1s linear;\n}\n\n.p-confirm-popup:after,\n.p-confirm-popup:before {\n bottom: 100%;\n left: calc(var(--overlayArrowLeft, 0) + 1.25rem);\n content: ' ';\n height: 0;\n width: 0;\n position: absolute;\n pointer-events: none;\n}\n\n.p-confirm-popup:after {\n border-width: 8px;\n margin-left: -8px;\n}\n\n.p-confirm-popup:before {\n border-width: 10px;\n margin-left: -10px;\n}\n\n.p-confirm-popup-flipped:after,\n.p-confirm-popup-flipped:before {\n bottom: auto;\n top: 100%;\n}\n\n.p-confirm-popup.p-confirm-popup-flipped:after {\n border-bottom-color: transparent;\n}\n\n.p-confirm-popup.p-confirm-popup-flipped:before {\n border-bottom-color: transparent;\n}\n\n.p-confirm-popup .p-confirm-popup-content {\n display: flex;\n align-items: center;\n}\n",{name:"confirmpopup",manual:!0}),b={name:"ConfirmPopup",extends:{name:"BaseConfirmPopup",extends:h.default,props:{group:String},css:{classes:{root:function(e){var n=e.instance;return["p-confirm-popup p-component",{"p-input-filled":"filled"===n.$primevue.config.inputStyle,"p-ripple-disabled":!1===n.$primevue.config.ripple}]},content:"p-confirm-popup-content",icon:function(e){var n=e.instance;return["p-confirm-popup-icon",n.confirmation?n.confirmation.icon:null]},message:"p-confirm-popup-message",footer:"p-confirm-popup-footer",rejectButton:function(e){var n=e.instance;return["p-confirm-dialog-reject",n.confirmation?n.confirmation.rejectClass||"p-button-text":null]},acceptButton:function(e){var n=e.instance;return["p-confirm-dialog-accept",n.confirmation?n.confirmation.acceptClass:null]}},loadStyle:v.load},provide:function(){return{$parentInstance:this}}},inheritAttrs:!1,data:function(){return{visible:!1,confirmation:null,autoFocusAccept:null,autoFocusReject:null}},target:null,outsideClickListener:null,scrollHandler:null,resizeListener:null,container:null,confirmListener:null,closeListener:null,mounted:function(){var e=this;this.confirmListener=function(n){n&&n.group===e.group&&(e.confirmation=n,e.target=n.target,e.confirmation.onShow&&e.confirmation.onShow(),e.visible=!0)},this.closeListener=function(){e.visible=!1,e.confirmation=null},p.default.on("confirm",this.confirmListener),p.default.on("close",this.closeListener)},beforeUnmount:function(){p.default.off("confirm",this.confirmListener),p.default.off("close",this.closeListener),this.unbindOutsideClickListener(),this.scrollHandler&&(this.scrollHandler.destroy(),this.scrollHandler=null),this.unbindResizeListener(),this.container&&(r.ZIndexUtils.clear(this.container),this.container=null),this.target=null,this.confirmation=null},methods:{accept:function(){this.confirmation.accept&&this.confirmation.accept(),this.visible=!1},reject:function(){this.confirmation.reject&&this.confirmation.reject(),this.visible=!1},onHide:function(){this.confirmation.onHide&&this.confirmation.onHide(),this.visible=!1},onAcceptKeydown:function(e){"Space"!==e.code&&"Enter"!==e.code||(this.accept(),r.DomHandler.focus(this.target),e.preventDefault())},onRejectKeydown:function(e){"Space"!==e.code&&"Enter"!==e.code||(this.reject(),r.DomHandler.focus(this.target),e.preventDefault())},onEnter:function(e){this.autoFocusAccept=void 0===this.confirmation.defaultFocus||"accept"===this.confirmation.defaultFocus,this.autoFocusReject="reject"===this.confirmation.defaultFocus,this.bindOutsideClickListener(),this.bindScrollListener(),this.bindResizeListener(),r.ZIndexUtils.set("overlay",e,this.$primevue.config.zIndex.overlay)},onAfterEnter:function(){this.focus()},onLeave:function(){this.autoFocusAccept=null,this.autoFocusReject=null,this.unbindOutsideClickListener(),this.unbindScrollListener(),this.unbindResizeListener()},onAfterLeave:function(e){r.ZIndexUtils.clear(e)},alignOverlay:function(){r.DomHandler.absolutePosition(this.container,this.target);var e=r.DomHandler.getOffset(this.container),n=r.DomHandler.getOffset(this.target),t=0;e.left<n.left&&(t=n.left-e.left),this.container.style.setProperty("--overlayArrowLeft","".concat(t,"px")),e.top<n.top&&(this.container.setAttribute("data-p-confirm-popup-flipped","true"),!this.isUnstyled&&r.DomHandler.addClass(this.container,"p-confirm-popup-flipped"))},bindOutsideClickListener:function(){var e=this;this.outsideClickListener||(this.outsideClickListener=function(n){e.visible&&e.container&&!e.container.contains(n.target)&&!e.isTargetClicked(n)?(e.confirmation.onHide&&e.confirmation.onHide(),e.visible=!1):e.alignOverlay()},document.addEventListener("click",this.outsideClickListener))},unbindOutsideClickListener:function(){this.outsideClickListener&&(document.removeEventListener("click",this.outsideClickListener),this.outsideClickListener=null)},bindScrollListener:function(){var e=this;this.scrollHandler||(this.scrollHandler=new r.ConnectedOverlayScrollHandler(this.target,(function(){e.visible&&(e.visible=!1)}))),this.scrollHandler.bindScrollListener()},unbindScrollListener:function(){this.scrollHandler&&this.scrollHandler.unbindScrollListener()},bindResizeListener:function(){var e=this;this.resizeListener||(this.resizeListener=function(){e.visible&&!r.DomHandler.isTouchDevice()&&(e.visible=!1)},window.addEventListener("resize",this.resizeListener))},unbindResizeListener:function(){this.resizeListener&&(window.removeEventListener("resize",this.resizeListener),this.resizeListener=null)},focus:function(){var e=this.container.querySelector("[autofocus]");e&&e.focus({preventScroll:!0})},isTargetClicked:function(e){return this.target&&(this.target===e.target||this.target.contains(e.target))},containerRef:function(e){this.container=e},onOverlayClick:function(e){m.default.emit("overlay-click",{originalEvent:e,target:this.target})},onOverlayKeydown:function(e){"Escape"===e.code&&(p.default.emit("close",this.closeListener),r.DomHandler.focus(this.target))},getCXOptions:function(e,n){return{contenxt:{icon:e,iconClass:n.class}}}},computed:{message:function(){return this.confirmation?this.confirmation.message:null},acceptLabel:function(){return this.confirmation?this.confirmation.acceptLabel||this.$primevue.config.locale.accept:null},rejectLabel:function(){return this.confirmation?this.confirmation.rejectLabel||this.$primevue.config.locale.reject:null},acceptIcon:function(){return this.confirmation?this.confirmation.acceptIcon:null},rejectIcon:function(){return this.confirmation?this.confirmation.rejectIcon:null}},components:{CPButton:u.default,Portal:d.default},directives:{focustrap:f.default}};function y(e){return y="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},y(e)}function g(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);n&&(o=o.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,o)}return t}function L(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?g(Object(t),!0).forEach((function(n){j(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):g(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}function j(e,n,t){return(n=k(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function k(e){var n=C(e,"string");return"symbol"===y(n)?n:String(n)}function C(e,n){if("object"!==y(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var o=t.call(e,n||"default");if("object"!==y(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}var w=["aria-modal"];return b.render=function(e,n,t,o,i,r){var c=a.resolveComponent("CPButton"),s=a.resolveComponent("Portal"),l=a.resolveDirective("focustrap");return a.openBlock(),a.createBlock(s,null,{default:a.withCtx((function(){return[a.createVNode(a.Transition,{name:"p-confirm-popup",onEnter:r.onEnter,onAfterEnter:r.onAfterEnter,onLeave:r.onLeave,onAfterLeave:r.onAfterLeave},{default:a.withCtx((function(){return[i.visible?a.withDirectives((a.openBlock(),a.createElementBlock("div",a.mergeProps({key:0,ref:r.containerRef,role:"alertdialog",class:e.cx("root"),"aria-modal":i.visible,onClick:n[2]||(n[2]=function(){return r.onOverlayClick&&r.onOverlayClick.apply(r,arguments)}),onKeydown:n[3]||(n[3]=function(){return r.onOverlayKeydown&&r.onOverlayKeydown.apply(r,arguments)})},L(L({},e.$attrs),e.ptm("root"))),[e.$slots.message?(a.openBlock(),a.createBlock(a.resolveDynamicComponent(e.$slots.message),{key:1,message:i.confirmation},null,8,["message"])):(a.openBlock(),a.createElementBlock("div",a.mergeProps({key:0,class:e.cx("content")},e.ptm("content")),[a.renderSlot(e.$slots,"icon",{},(function(){return[e.$slots.icon?(a.openBlock(),a.createBlock(a.resolveDynamicComponent(e.$slots.icon),{key:0,class:a.normalizeClass(e.cx("icon"))},null,8,["class"])):i.confirmation.icon?(a.openBlock(),a.createElementBlock("span",a.mergeProps({key:1,class:e.cx("icon")},e.ptm("icon")),null,16)):a.createCommentVNode("",!0)]})),a.createElementVNode("span",a.mergeProps({class:e.cx("message")},e.ptm("message")),a.toDisplayString(i.confirmation.message),17)],16)),a.createElementVNode("div",a.mergeProps({class:e.cx("footer")},e.ptm("footer")),[a.createVNode(c,{label:r.rejectLabel,onClick:n[0]||(n[0]=function(e){return r.reject()}),onKeydown:r.onRejectKeydown,autofocus:i.autoFocusReject,class:a.normalizeClass(e.cx("rejectButton")),unstyled:e.unstyled,pt:e.ptm("rejectButton"),"data-pc-name":"rejectbutton"},a.createSlots({_:2},[r.rejectIcon||e.$slots.rejecticon?{name:"icon",fn:a.withCtx((function(n){return[a.renderSlot(e.$slots,"rejecticon",{},(function(){return[a.createElementVNode("span",a.mergeProps({class:[r.rejectIcon,n.class]},e.ptm("rejectButton").icon,{"data-pc-name":"rejectbuttonicon"}),null,16)]}))]})),key:"0"}:void 0]),1032,["label","onKeydown","autofocus","class","unstyled","pt"]),a.createVNode(c,{label:r.acceptLabel,onClick:n[1]||(n[1]=function(e){return r.accept()}),onKeydown:r.onAcceptKeydown,autofocus:i.autoFocusAccept,class:a.normalizeClass(e.cx("acceptButton")),unstyled:e.unstyled,pt:e.ptm("acceptButton"),"data-pc-name":"acceptbutton"},a.createSlots({_:2},[r.acceptIcon||e.$slots.accepticon?{name:"icon",fn:a.withCtx((function(n){return[a.renderSlot(e.$slots,"accepticon",{},(function(){return[a.createElementVNode("span",a.mergeProps({class:[r.acceptIcon,n.class]},e.ptm("acceptButton").icon,{"data-pc-name":"acceptbuttonicon"}),null,16)]}))]})),key:"0"}:void 0]),1032,["label","onKeydown","autofocus","class","unstyled","pt"])],16)],16,w)),[[l]]):a.createCommentVNode("",!0)]})),_:3},8,["onEnter","onAfterEnter","onLeave","onAfterLeave"])]})),_:3})},b}(primevue.button,primevue.confirmationeventbus,primevue.focustrap,primevue.overlayeventbus,primevue.portal,primevue.utils,primevue.basecomponent,primevue.usestyle,Vue);
|
|
1
|
+
this.primevue=this.primevue||{},this.primevue.confirmpopup=function(e,n,t,o,i,r,c,s,a){"use strict";function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=l(e),p=l(n),f=l(t),m=l(o),d=l(i),h=l(c),v=s.useStyle("\n.p-confirm-popup {\n position: absolute;\n margin-top: 10px;\n top: 0;\n left: 0;\n}\n\n.p-confirm-popup-flipped {\n margin-top: 0;\n margin-bottom: 10px;\n}\n\n/* Animation */\n.p-confirm-popup-enter-from {\n opacity: 0;\n transform: scaleY(0.8);\n}\n\n.p-confirm-popup-leave-to {\n opacity: 0;\n}\n\n.p-confirm-popup-enter-active {\n transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);\n}\n\n.p-confirm-popup-leave-active {\n transition: opacity 0.1s linear;\n}\n\n.p-confirm-popup:after,\n.p-confirm-popup:before {\n bottom: 100%;\n left: calc(var(--overlayArrowLeft, 0) + 1.25rem);\n content: ' ';\n height: 0;\n width: 0;\n position: absolute;\n pointer-events: none;\n}\n\n.p-confirm-popup:after {\n border-width: 8px;\n margin-left: -8px;\n}\n\n.p-confirm-popup:before {\n border-width: 10px;\n margin-left: -10px;\n}\n\n.p-confirm-popup-flipped:after,\n.p-confirm-popup-flipped:before {\n bottom: auto;\n top: 100%;\n}\n\n.p-confirm-popup.p-confirm-popup-flipped:after {\n border-bottom-color: transparent;\n}\n\n.p-confirm-popup.p-confirm-popup-flipped:before {\n border-bottom-color: transparent;\n}\n\n.p-confirm-popup .p-confirm-popup-content {\n display: flex;\n align-items: center;\n}\n",{name:"confirmpopup",manual:!0}),b={name:"ConfirmPopup",extends:{name:"BaseConfirmPopup",extends:h.default,props:{group:String},css:{classes:{root:function(e){var n=e.instance;return["p-confirm-popup p-component",{"p-input-filled":"filled"===n.$primevue.config.inputStyle,"p-ripple-disabled":!1===n.$primevue.config.ripple}]},content:"p-confirm-popup-content",icon:function(e){var n=e.instance;return["p-confirm-popup-icon",n.confirmation?n.confirmation.icon:null]},message:"p-confirm-popup-message",footer:"p-confirm-popup-footer",rejectButton:function(e){var n=e.instance;return["p-confirm-dialog-reject",n.confirmation?n.confirmation.rejectClass||"p-button-text":null]},acceptButton:function(e){var n=e.instance;return["p-confirm-dialog-accept",n.confirmation?n.confirmation.acceptClass:null]}},loadStyle:v.load},provide:function(){return{$parentInstance:this}}},inheritAttrs:!1,data:function(){return{visible:!1,confirmation:null,autoFocusAccept:null,autoFocusReject:null}},target:null,outsideClickListener:null,scrollHandler:null,resizeListener:null,container:null,confirmListener:null,closeListener:null,mounted:function(){var e=this;this.confirmListener=function(n){n&&n.group===e.group&&(e.confirmation=n,e.target=n.target,e.confirmation.onShow&&e.confirmation.onShow(),e.visible=!0)},this.closeListener=function(){e.visible=!1,e.confirmation=null},p.default.on("confirm",this.confirmListener),p.default.on("close",this.closeListener)},beforeUnmount:function(){p.default.off("confirm",this.confirmListener),p.default.off("close",this.closeListener),this.unbindOutsideClickListener(),this.scrollHandler&&(this.scrollHandler.destroy(),this.scrollHandler=null),this.unbindResizeListener(),this.container&&(r.ZIndexUtils.clear(this.container),this.container=null),this.target=null,this.confirmation=null},methods:{accept:function(){this.confirmation.accept&&this.confirmation.accept(),this.visible=!1},reject:function(){this.confirmation.reject&&this.confirmation.reject(),this.visible=!1},onHide:function(){this.confirmation.onHide&&this.confirmation.onHide(),this.visible=!1},onAcceptKeydown:function(e){"Space"!==e.code&&"Enter"!==e.code||(this.accept(),r.DomHandler.focus(this.target),e.preventDefault())},onRejectKeydown:function(e){"Space"!==e.code&&"Enter"!==e.code||(this.reject(),r.DomHandler.focus(this.target),e.preventDefault())},onEnter:function(e){this.autoFocusAccept=void 0===this.confirmation.defaultFocus||"accept"===this.confirmation.defaultFocus,this.autoFocusReject="reject"===this.confirmation.defaultFocus,this.bindOutsideClickListener(),this.bindScrollListener(),this.bindResizeListener(),r.ZIndexUtils.set("overlay",e,this.$primevue.config.zIndex.overlay)},onAfterEnter:function(){this.focus()},onLeave:function(){this.autoFocusAccept=null,this.autoFocusReject=null,this.unbindOutsideClickListener(),this.unbindScrollListener(),this.unbindResizeListener()},onAfterLeave:function(e){r.ZIndexUtils.clear(e)},alignOverlay:function(){r.DomHandler.absolutePosition(this.container,this.target);var e=r.DomHandler.getOffset(this.container),n=r.DomHandler.getOffset(this.target),t=0;e.left<n.left&&(t=n.left-e.left),this.container.style.setProperty("--overlayArrowLeft","".concat(t,"px")),e.top<n.top&&(this.container.setAttribute("data-p-confirm-popup-flipped","true"),!this.isUnstyled&&r.DomHandler.addClass(this.container,"p-confirm-popup-flipped"))},bindOutsideClickListener:function(){var e=this;this.outsideClickListener||(this.outsideClickListener=function(n){e.visible&&e.container&&!e.container.contains(n.target)&&!e.isTargetClicked(n)?(e.confirmation.onHide&&e.confirmation.onHide(),e.visible=!1):e.alignOverlay()},document.addEventListener("click",this.outsideClickListener))},unbindOutsideClickListener:function(){this.outsideClickListener&&(document.removeEventListener("click",this.outsideClickListener),this.outsideClickListener=null)},bindScrollListener:function(){var e=this;this.scrollHandler||(this.scrollHandler=new r.ConnectedOverlayScrollHandler(this.target,(function(){e.visible&&(e.visible=!1)}))),this.scrollHandler.bindScrollListener()},unbindScrollListener:function(){this.scrollHandler&&this.scrollHandler.unbindScrollListener()},bindResizeListener:function(){var e=this;this.resizeListener||(this.resizeListener=function(){e.visible&&!r.DomHandler.isTouchDevice()&&(e.visible=!1)},window.addEventListener("resize",this.resizeListener))},unbindResizeListener:function(){this.resizeListener&&(window.removeEventListener("resize",this.resizeListener),this.resizeListener=null)},focus:function(){var e=this.container.querySelector("[autofocus]");e&&e.focus({preventScroll:!0})},isTargetClicked:function(e){return this.target&&(this.target===e.target||this.target.contains(e.target))},containerRef:function(e){this.container=e},onOverlayClick:function(e){m.default.emit("overlay-click",{originalEvent:e,target:this.target})},onOverlayKeydown:function(e){"Escape"===e.code&&(p.default.emit("close",this.closeListener),r.DomHandler.focus(this.target))},getCXOptions:function(e,n){return{contenxt:{icon:e,iconClass:n.class}}}},computed:{message:function(){return this.confirmation?this.confirmation.message:null},acceptLabel:function(){return this.confirmation?this.confirmation.acceptLabel||this.$primevue.config.locale.accept:null},rejectLabel:function(){return this.confirmation?this.confirmation.rejectLabel||this.$primevue.config.locale.reject:null},acceptIcon:function(){return this.confirmation?this.confirmation.acceptIcon:null},rejectIcon:function(){return this.confirmation?this.confirmation.rejectIcon:null}},components:{CPButton:u.default,Portal:d.default},directives:{focustrap:f.default}};function y(e){return y="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},y(e)}function g(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);n&&(o=o.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,o)}return t}function L(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?g(Object(t),!0).forEach((function(n){j(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):g(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}function j(e,n,t){return(n=k(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function k(e){var n=C(e,"string");return"symbol"===y(n)?n:String(n)}function C(e,n){if("object"!==y(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var o=t.call(e,n||"default");if("object"!==y(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}var w=["aria-modal"];return b.render=function(e,n,t,o,i,r){var c=a.resolveComponent("CPButton"),s=a.resolveComponent("Portal"),l=a.resolveDirective("focustrap");return a.openBlock(),a.createBlock(s,null,{default:a.withCtx((function(){return[a.createVNode(a.Transition,a.mergeProps({name:"p-confirm-popup",onEnter:r.onEnter,onAfterEnter:r.onAfterEnter,onLeave:r.onLeave,onAfterLeave:r.onAfterLeave},e.ptm("transition")),{default:a.withCtx((function(){return[i.visible?a.withDirectives((a.openBlock(),a.createElementBlock("div",a.mergeProps({key:0,ref:r.containerRef,role:"alertdialog",class:e.cx("root"),"aria-modal":i.visible,onClick:n[2]||(n[2]=function(){return r.onOverlayClick&&r.onOverlayClick.apply(r,arguments)}),onKeydown:n[3]||(n[3]=function(){return r.onOverlayKeydown&&r.onOverlayKeydown.apply(r,arguments)})},L(L({},e.$attrs),e.ptm("root"))),[e.$slots.message?(a.openBlock(),a.createBlock(a.resolveDynamicComponent(e.$slots.message),{key:1,message:i.confirmation},null,8,["message"])):(a.openBlock(),a.createElementBlock("div",a.mergeProps({key:0,class:e.cx("content")},e.ptm("content")),[a.renderSlot(e.$slots,"icon",{},(function(){return[e.$slots.icon?(a.openBlock(),a.createBlock(a.resolveDynamicComponent(e.$slots.icon),{key:0,class:a.normalizeClass(e.cx("icon"))},null,8,["class"])):i.confirmation.icon?(a.openBlock(),a.createElementBlock("span",a.mergeProps({key:1,class:e.cx("icon")},e.ptm("icon")),null,16)):a.createCommentVNode("",!0)]})),a.createElementVNode("span",a.mergeProps({class:e.cx("message")},e.ptm("message")),a.toDisplayString(i.confirmation.message),17)],16)),a.createElementVNode("div",a.mergeProps({class:e.cx("footer")},e.ptm("footer")),[a.createVNode(c,{label:r.rejectLabel,onClick:n[0]||(n[0]=function(e){return r.reject()}),onKeydown:r.onRejectKeydown,autofocus:i.autoFocusReject,class:a.normalizeClass(e.cx("rejectButton")),unstyled:e.unstyled,pt:e.ptm("rejectButton"),"data-pc-name":"rejectbutton"},a.createSlots({_:2},[r.rejectIcon||e.$slots.rejecticon?{name:"icon",fn:a.withCtx((function(n){return[a.renderSlot(e.$slots,"rejecticon",{},(function(){return[a.createElementVNode("span",a.mergeProps({class:[r.rejectIcon,n.class]},e.ptm("rejectButton").icon,{"data-pc-name":"rejectbuttonicon"}),null,16)]}))]})),key:"0"}:void 0]),1032,["label","onKeydown","autofocus","class","unstyled","pt"]),a.createVNode(c,{label:r.acceptLabel,onClick:n[1]||(n[1]=function(e){return r.accept()}),onKeydown:r.onAcceptKeydown,autofocus:i.autoFocusAccept,class:a.normalizeClass(e.cx("acceptButton")),unstyled:e.unstyled,pt:e.ptm("acceptButton"),"data-pc-name":"acceptbutton"},a.createSlots({_:2},[r.acceptIcon||e.$slots.accepticon?{name:"icon",fn:a.withCtx((function(n){return[a.renderSlot(e.$slots,"accepticon",{},(function(){return[a.createElementVNode("span",a.mergeProps({class:[r.acceptIcon,n.class]},e.ptm("acceptButton").icon,{"data-pc-name":"acceptbuttonicon"}),null,16)]}))]})),key:"0"}:void 0]),1032,["label","onKeydown","autofocus","class","unstyled","pt"])],16)],16,w)),[[l]]):a.createCommentVNode("",!0)]})),_:3},16,["onEnter","onAfterEnter","onLeave","onAfterLeave"])]})),_:3})},b}(primevue.button,primevue.confirmationeventbus,primevue.focustrap,primevue.overlayeventbus,primevue.portal,primevue.utils,primevue.basecomponent,primevue.usestyle,Vue);
|
|
@@ -8,13 +8,15 @@
|
|
|
8
8
|
* @module contextmenu
|
|
9
9
|
*
|
|
10
10
|
*/
|
|
11
|
-
import { VNode } from 'vue';
|
|
11
|
+
import { TransitionProps, VNode } from 'vue';
|
|
12
12
|
import { ComponentHooks } from '../basecomponent';
|
|
13
13
|
import { MenuItem } from '../menuitem';
|
|
14
|
-
import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
|
|
14
|
+
import { ClassComponent, GlobalComponentConstructor, PTOptions } from '../ts-helpers';
|
|
15
15
|
|
|
16
16
|
export declare type ContextMenuPassThroughOptionType = ContextMenuPassThroughAttributes | ((options: ContextMenuPassThroughMethodOptions) => ContextMenuPassThroughAttributes | string) | string | null | undefined;
|
|
17
17
|
|
|
18
|
+
export declare type ContextMenuPassThroughTransitionType = TransitionProps | ((options: ContextMenuPassThroughMethodOptions) => TransitionProps) | undefined;
|
|
19
|
+
|
|
18
20
|
/**
|
|
19
21
|
* Custom passthrough(pt) option method.
|
|
20
22
|
*/
|
|
@@ -31,50 +33,54 @@ export interface ContextMenuPassThroughMethodOptions {
|
|
|
31
33
|
*/
|
|
32
34
|
export interface ContextMenuPassThroughOptions {
|
|
33
35
|
/**
|
|
34
|
-
*
|
|
36
|
+
* Used to pass attributes to the root's DOM element.
|
|
35
37
|
*/
|
|
36
38
|
root?: ContextMenuPassThroughOptionType;
|
|
37
39
|
/**
|
|
38
|
-
*
|
|
40
|
+
* Used to pass attributes to the list's DOM element.
|
|
39
41
|
*/
|
|
40
42
|
menu?: ContextMenuPassThroughOptionType;
|
|
41
43
|
/**
|
|
42
|
-
*
|
|
44
|
+
* Used to pass attributes to the list item's DOM element.
|
|
43
45
|
*/
|
|
44
46
|
menuitem?: ContextMenuPassThroughOptionType;
|
|
45
47
|
/**
|
|
46
|
-
*
|
|
48
|
+
* Used to pass attributes to the content's DOM element.
|
|
47
49
|
*/
|
|
48
50
|
content?: ContextMenuPassThroughOptionType;
|
|
49
51
|
/**
|
|
50
|
-
*
|
|
52
|
+
* Used to pass attributes to the action's DOM element.
|
|
51
53
|
*/
|
|
52
54
|
action?: ContextMenuPassThroughOptionType;
|
|
53
55
|
/**
|
|
54
|
-
*
|
|
56
|
+
* Used to pass attributes to the icon's DOM element.
|
|
55
57
|
*/
|
|
56
58
|
icon?: ContextMenuPassThroughOptionType;
|
|
57
59
|
/**
|
|
58
|
-
*
|
|
60
|
+
* Used to pass attributes to the label's DOM element.
|
|
59
61
|
*/
|
|
60
62
|
label?: ContextMenuPassThroughOptionType;
|
|
61
63
|
/**
|
|
62
|
-
*
|
|
64
|
+
* Used to pass attributes to the submenu icon's DOM element.
|
|
63
65
|
*/
|
|
64
66
|
submenuIcon?: ContextMenuPassThroughOptionType;
|
|
65
67
|
/**
|
|
66
|
-
*
|
|
68
|
+
* Used to pass attributes to the separator's DOM element.
|
|
67
69
|
*/
|
|
68
70
|
separator?: ContextMenuPassThroughOptionType;
|
|
69
71
|
/**
|
|
70
|
-
*
|
|
72
|
+
* Used to pass attributes to the submenu's DOM element.
|
|
71
73
|
*/
|
|
72
74
|
submenu?: ContextMenuPassThroughOptionType;
|
|
73
75
|
/**
|
|
74
|
-
*
|
|
76
|
+
* Used to manage all lifecycle hooks
|
|
75
77
|
* @see {@link BaseComponent.ComponentHooks}
|
|
76
78
|
*/
|
|
77
79
|
hooks?: ComponentHooks;
|
|
80
|
+
/**
|
|
81
|
+
* Used to control Vue Transition API.
|
|
82
|
+
*/
|
|
83
|
+
transition?: ContextMenuPassThroughTransitionType;
|
|
78
84
|
}
|
|
79
85
|
|
|
80
86
|
/**
|
|
@@ -207,10 +213,10 @@ export interface ContextMenuProps {
|
|
|
207
213
|
*/
|
|
208
214
|
'aria-labelledby'?: string | undefined;
|
|
209
215
|
/**
|
|
210
|
-
*
|
|
216
|
+
* Used to pass attributes to DOM elements inside the component.
|
|
211
217
|
* @type {ContextMenuPassThroughOptions}
|
|
212
218
|
*/
|
|
213
|
-
pt?: ContextMenuPassThroughOptions
|
|
219
|
+
pt?: PTOptions<ContextMenuPassThroughOptions>;
|
|
214
220
|
/**
|
|
215
221
|
* When enabled, it removes component related styles in the core.
|
|
216
222
|
* @defaultValue false
|
|
@@ -248,6 +254,7 @@ export interface ContextMenuSlots {
|
|
|
248
254
|
}): VNode[];
|
|
249
255
|
/**
|
|
250
256
|
* Custom submenu icon template.
|
|
257
|
+
* @param {Object} scope - submenuicon slot's params.
|
|
251
258
|
*/
|
|
252
259
|
submenuicon(scope: {
|
|
253
260
|
/**
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<Portal :appendTo="appendTo">
|
|
3
|
-
<transition name="p-contextmenu" @enter="onEnter" @after-enter="onAfterEnter" @leave="onLeave" @after-leave="onAfterLeave">
|
|
3
|
+
<transition name="p-contextmenu" @enter="onEnter" @after-enter="onAfterEnter" @leave="onLeave" @after-leave="onAfterLeave" v-bind="ptm('transition')">
|
|
4
4
|
<div v-if="visible" :ref="containerRef" :class="cx('root')" v-bind="{ ...$attrs, ...ptm('root') }" data-pc-name="contextmenu">
|
|
5
5
|
<ContextMenuSub
|
|
6
6
|
:ref="listRef"
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
<template>
|
|
2
|
-
<transition name="p-contextmenusub" @enter="onEnter">
|
|
2
|
+
<transition name="p-contextmenusub" @enter="onEnter" v-bind="ptm('menu.transition')">
|
|
3
3
|
<ul v-if="root ? true : visible" ref="container" :tabindex="tabindex" v-bind="ptm('menu')">
|
|
4
4
|
<template v-for="(processedItem, index) of items" :key="getItemKey(processedItem)">
|
|
5
5
|
<li
|
|
@@ -262,10 +262,10 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
262
262
|
var _component_AngleRightIcon = vue.resolveComponent("AngleRightIcon");
|
|
263
263
|
var _component_ContextMenuSub = vue.resolveComponent("ContextMenuSub", true);
|
|
264
264
|
var _directive_ripple = vue.resolveDirective("ripple");
|
|
265
|
-
return vue.openBlock(), vue.createBlock(vue.Transition, {
|
|
265
|
+
return vue.openBlock(), vue.createBlock(vue.Transition, vue.mergeProps({
|
|
266
266
|
name: "p-contextmenusub",
|
|
267
267
|
onEnter: $options.onEnter
|
|
268
|
-
}, {
|
|
268
|
+
}, _ctx.ptm('menu.transition')), {
|
|
269
269
|
"default": vue.withCtx(function () {
|
|
270
270
|
return [($props.root ? true : $props.visible) ? (vue.openBlock(), vue.createElementBlock("ul", vue.mergeProps({
|
|
271
271
|
key: 0,
|
|
@@ -394,7 +394,7 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
394
394
|
}), 128))], 16, _hoisted_1)) : vue.createCommentVNode("", true)];
|
|
395
395
|
}),
|
|
396
396
|
_: 1
|
|
397
|
-
},
|
|
397
|
+
}, 16, ["onEnter"]);
|
|
398
398
|
}
|
|
399
399
|
|
|
400
400
|
script$1.render = render$1;
|
|
@@ -996,13 +996,13 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
996
996
|
appendTo: _ctx.appendTo
|
|
997
997
|
}, {
|
|
998
998
|
"default": vue.withCtx(function () {
|
|
999
|
-
return [vue.createVNode(vue.Transition, {
|
|
999
|
+
return [vue.createVNode(vue.Transition, vue.mergeProps({
|
|
1000
1000
|
name: "p-contextmenu",
|
|
1001
1001
|
onEnter: $options.onEnter,
|
|
1002
1002
|
onAfterEnter: $options.onAfterEnter,
|
|
1003
1003
|
onLeave: $options.onLeave,
|
|
1004
1004
|
onAfterLeave: $options.onAfterLeave
|
|
1005
|
-
}, {
|
|
1005
|
+
}, _ctx.ptm('transition')), {
|
|
1006
1006
|
"default": vue.withCtx(function () {
|
|
1007
1007
|
return [$data.visible ? (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
|
|
1008
1008
|
key: 0,
|
|
@@ -1038,7 +1038,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
1038
1038
|
}, null, 8, ["id", "class", "tabindex", "aria-activedescendant", "menuId", "focusedItemId", "items", "templates", "activeItemPath", "exact", "aria-labelledby", "aria-label", "visible", "pt", "onFocus", "onBlur", "onKeydown", "onItemClick", "onItemMouseenter"])], 16)) : vue.createCommentVNode("", true)];
|
|
1039
1039
|
}),
|
|
1040
1040
|
_: 1
|
|
1041
|
-
},
|
|
1041
|
+
}, 16, ["onEnter", "onAfterEnter", "onLeave", "onAfterLeave"])];
|
|
1042
1042
|
}),
|
|
1043
1043
|
_: 1
|
|
1044
1044
|
}, 8, ["appendTo"]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("primevue/portal"),t=require("primevue/utils"),n=require("primevue/basecomponent"),i=require("primevue/usestyle"),o=require("primevue/icons/angleright"),s=require("primevue/ripple"),r=require("vue");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=c(e),l=c(n),u=c(o),m=c(s),d=i.useStyle("\n.p-contextmenu ul {\n margin: 0;\n padding: 0;\n list-style: none;\n}\n\n.p-contextmenu .p-submenu-list {\n position: absolute;\n min-width: 100%;\n z-index: 1;\n}\n\n.p-contextmenu .p-menuitem-link {\n cursor: pointer;\n display: flex;\n align-items: center;\n text-decoration: none;\n overflow: hidden;\n position: relative;\n}\n\n.p-contextmenu .p-menuitem-text {\n line-height: 1;\n}\n\n.p-contextmenu .p-menuitem {\n position: relative;\n}\n\n.p-contextmenu .p-menuitem-link .p-submenu-icon {\n margin-left: auto;\n}\n\n.p-contextmenu-enter-from {\n opacity: 0;\n}\n\n.p-contextmenu-enter-active {\n transition: opacity 250ms;\n}\n",{name:"contextmenu",manual:!0}),f={name:"BaseContextMenu",extends:l.default,props:{model:{type:Array,default:null},appendTo:{type:String,default:"body"},autoZIndex:{type:Boolean,default:!0},baseZIndex:{type:Number,default:0},global:{type:Boolean,default:!1},exact:{type:Boolean,default:!0},tabindex:{type:Number,default:0},"aria-labelledby":{type:String,default:null},"aria-label":{type:String,default:null}},css:{classes:{root:function(e){var t=e.instance;return["p-contextmenu p-component",{"p-input-filled":"filled"===t.$primevue.config.inputStyle,"p-ripple-disabled":!1===t.$primevue.config.ripple}]},menu:"p-contextmenu-root-list",menuitem:function(e){var t=e.instance,n=e.processedItem;return["p-menuitem",{"p-menuitem-active p-highlight":t.isItemActive(n),"p-focus":t.isItemFocused(n),"p-disabled":t.isItemDisabled(n)}]},content:"p-menuitem-content",action:function(e){return["p-menuitem-link",{"router-link-active":e.isActive,"router-link-active-exact":e.props.exact&&e.isExactActive}]},icon:"p-menuitem-icon",label:"p-menuitem-text",submenuIcon:"p-submenu-icon",submenu:"p-submenu-list",separator:"p-menuitem-separator"},loadStyle:d.load},provide:function(){return{$parentInstance:this}}},h={name:"ContextMenuSub",hostName:"ContextMenu",extends:l.default,emits:["item-click","item-mouseenter"],props:{items:{type:Array,default:null},menuId:{type:String,default:null},focusedItemId:{type:String,default:null},root:{type:Boolean,default:!1},visible:{type:Boolean,default:!1},level:{type:Number,default:0},templates:{type:Object,default:null},exact:{type:Boolean,default:!0},activeItemPath:{type:Object,default:null},tabindex:{type:Number,default:0}},methods:{getItemId:function(e){return"".concat(this.menuId,"_").concat(e.key)},getItemKey:function(e){return this.getItemId(e)},getItemProp:function(e,n,i){return e&&e.item?t.ObjectUtils.getItemValue(e.item[n],i):void 0},getItemLabel:function(e){return this.getItemProp(e,"label")},getPTOptions:function(e,t,n){return this.ptm(e,{context:{item:t,active:this.isItemActive(t),focused:this.isItemFocused(t),index:n}})},isItemActive:function(e){return this.activeItemPath.some((function(t){return t.key===e.key}))},isItemVisible:function(e){return!1!==this.getItemProp(e,"visible")},isItemDisabled:function(e){return this.getItemProp(e,"disabled")},isItemFocused:function(e){return this.focusedItemId===this.getItemId(e)},isItemGroup:function(e){return t.ObjectUtils.isNotEmpty(e.items)},onItemClick:function(e,t){this.getItemProp(t,"command",{originalEvent:e,item:t.item}),this.$emit("item-click",{originalEvent:e,processedItem:t,isFocus:!0})},onItemMouseEnter:function(e,t){this.$emit("item-mouseenter",{originalEvent:e,processedItem:t})},onItemActionClick:function(e,t){t&&t(e)},getAriaSetSize:function(){var e=this;return this.items.filter((function(t){return e.isItemVisible(t)&&!e.getItemProp(t,"separator")})).length},getAriaPosInset:function(e){var t=this;return e-this.items.slice(0,e).filter((function(e){return t.isItemVisible(e)&&t.getItemProp(e,"separator")})).length+1},onEnter:function(){this.position()},position:function(){var e=this.$refs.container.parentElement,n=t.DomHandler.getOffset(this.$refs.container.parentElement),i=t.DomHandler.getViewport(),o=this.$refs.container.offsetParent?this.$refs.container.offsetWidth:t.DomHandler.getHiddenElementOuterWidth(this.$refs.container),s=t.DomHandler.getOuterWidth(e.children[0]);this.$refs.container.style.top="0px",this.$refs.container.style.left=parseInt(n.left,10)+s+o>i.width-t.DomHandler.calculateScrollbarWidth()?-1*o+"px":s+"px"}},components:{AngleRightIcon:u.default},directives:{ripple:m.default}},p=["tabindex"],I=["id","aria-label","aria-disabled","aria-expanded","aria-haspopup","aria-level","aria-setsize","aria-posinset","data-p-highlight","data-p-focused","data-p-disabled"],v=["onClick","onMouseenter"],b=["href","onClick"],g=["href","target"],x=["id"];h.render=function(e,t,n,i,o,s){var c=r.resolveComponent("router-link"),a=r.resolveComponent("AngleRightIcon"),l=r.resolveComponent("ContextMenuSub",!0),u=r.resolveDirective("ripple");return r.openBlock(),r.createBlock(r.Transition,{name:"p-contextmenusub",onEnter:s.onEnter},{default:r.withCtx((function(){return[n.root||n.visible?(r.openBlock(),r.createElementBlock("ul",r.mergeProps({key:0,ref:"container",tabindex:n.tabindex},e.ptm("menu")),[(r.openBlock(!0),r.createElementBlock(r.Fragment,null,r.renderList(n.items,(function(i,o){return r.openBlock(),r.createElementBlock(r.Fragment,{key:s.getItemKey(i)},[s.isItemVisible(i)&&!s.getItemProp(i,"separator")?(r.openBlock(),r.createElementBlock("li",r.mergeProps({key:0,id:s.getItemId(i),style:s.getItemProp(i,"style"),class:[e.cx("menuitem",{processedItem:i}),s.getItemProp(i,"class")],role:"menuitem","aria-label":s.getItemLabel(i),"aria-disabled":s.isItemDisabled(i)||void 0,"aria-expanded":s.isItemGroup(i)?s.isItemActive(i):void 0,"aria-haspopup":s.isItemGroup(i)&&!s.getItemProp(i,"to")?"menu":void 0,"aria-level":n.level+1,"aria-setsize":s.getAriaSetSize(),"aria-posinset":s.getAriaPosInset(o)},s.getPTOptions("menuitem",i,o),{"data-p-highlight":s.isItemActive(i),"data-p-focused":s.isItemFocused(i),"data-p-disabled":s.isItemDisabled(i)}),[r.createElementVNode("div",r.mergeProps({class:e.cx("content"),onClick:function(e){return s.onItemClick(e,i)},onMouseenter:function(e){return s.onItemMouseEnter(e,i)}},s.getPTOptions("content",i,o)),[n.templates.item?(r.openBlock(),r.createBlock(r.resolveDynamicComponent(n.templates.item),{key:1,item:i.item},null,8,["item"])):(r.openBlock(),r.createElementBlock(r.Fragment,{key:0},[s.getItemProp(i,"to")&&!s.isItemDisabled(i)?(r.openBlock(),r.createBlock(c,{key:0,to:s.getItemProp(i,"to"),custom:""},{default:r.withCtx((function(t){var c=t.navigate,a=t.href,l=t.isActive,m=t.isExactActive;return[r.withDirectives((r.openBlock(),r.createElementBlock("a",r.mergeProps({href:a,class:e.cx("action",{isActive:l,isExactActive:m}),tabindex:"-1","aria-hidden":"true",onClick:function(e){return s.onItemActionClick(e,c)}},s.getPTOptions("action",i,o)),[n.templates.itemicon?(r.openBlock(),r.createBlock(r.resolveDynamicComponent(n.templates.itemicon),{key:0,item:i.item,class:r.normalizeClass([e.cx("icon"),s.getItemProp(i,"icon")])},null,8,["item","class"])):s.getItemProp(i,"icon")?(r.openBlock(),r.createElementBlock("span",r.mergeProps({key:1,class:[e.cx("icon"),s.getItemProp(i,"icon")]},s.getPTOptions("icon",i,o)),null,16)):r.createCommentVNode("",!0),r.createElementVNode("span",r.mergeProps({class:e.cx("label")},s.getPTOptions("label",i,o)),r.toDisplayString(s.getItemLabel(i)),17)],16,b)),[[u]])]})),_:2},1032,["to"])):r.withDirectives((r.openBlock(),r.createElementBlock("a",r.mergeProps({key:1,href:s.getItemProp(i,"url"),class:e.cx("action"),target:s.getItemProp(i,"target"),tabindex:"-1","aria-hidden":"true"},s.getPTOptions("action",i,o)),[n.templates.itemicon?(r.openBlock(),r.createBlock(r.resolveDynamicComponent(n.templates.itemicon),{key:0,item:i.item,class:r.normalizeClass([e.cx("icon"),s.getItemProp(i,"icon")])},null,8,["item","class"])):s.getItemProp(i,"icon")?(r.openBlock(),r.createElementBlock("span",r.mergeProps({key:1,class:[e.cx("icon"),s.getItemProp(i,"icon")]},s.getPTOptions("icon",i,o)),null,16)):r.createCommentVNode("",!0),r.createElementVNode("span",r.mergeProps({class:e.cx("label")},s.getPTOptions("label",i,o)),r.toDisplayString(s.getItemLabel(i)),17),s.getItemProp(i,"items")?(r.openBlock(),r.createElementBlock(r.Fragment,{key:2},[n.templates.submenuicon?(r.openBlock(),r.createBlock(r.resolveDynamicComponent(n.templates.submenuicon),{key:0,active:s.isItemActive(i),class:r.normalizeClass(e.cx("submenuIcon"))},null,8,["active","class"])):(r.openBlock(),r.createBlock(a,r.mergeProps({key:1,class:e.cx("submenuIcon")},s.getPTOptions("submenuicon",i,o)),null,16,["class"]))],64)):r.createCommentVNode("",!0)],16,g)),[[u]])],64))],16,v),s.isItemVisible(i)&&s.isItemGroup(i)?(r.openBlock(),r.createBlock(l,r.mergeProps({key:0,id:s.getItemId(i)+"_list",role:"menu",class:e.cx("submenu"),menuId:n.menuId,focusedItemId:n.focusedItemId,items:i.items,templates:n.templates,activeItemPath:n.activeItemPath,exact:n.exact,level:n.level+1,pt:e.pt,visible:s.isItemActive(i)&&s.isItemGroup(i),onItemClick:t[0]||(t[0]=function(t){return e.$emit("item-click",t)}),onItemMouseenter:t[1]||(t[1]=function(t){return e.$emit("item-mouseenter",t)})},e.ptm("submenu")),null,16,["id","class","menuId","focusedItemId","items","templates","activeItemPath","exact","level","pt","visible"])):r.createCommentVNode("",!0)],16,I)):r.createCommentVNode("",!0),s.isItemVisible(i)&&s.getItemProp(i,"separator")?(r.openBlock(),r.createElementBlock("li",r.mergeProps({key:1,id:s.getItemId(i),style:s.getItemProp(i,"style"),class:[e.cx("separator"),s.getItemProp(i,"class")],role:"separator"},e.ptm("separator")),null,16,x)):r.createCommentVNode("",!0)],64)})),128))],16,p)):r.createCommentVNode("",!0)]})),_:1},8,["onEnter"])};var y={name:"ContextMenu",extends:f,inheritAttrs:!1,emits:["focus","blur","show","hide"],target:null,outsideClickListener:null,resizeListener:null,documentContextMenuListener:null,pageX:null,pageY:null,container:null,list:null,data:function(){return{id:this.$attrs.id,focused:!1,focusedItemInfo:{index:-1,level:0,parentKey:""},activeItemPath:[],visible:!1,submenuVisible:!1}},watch:{"$attrs.id":function(e){this.id=e||t.UniqueComponentId()},activeItemPath:function(e){t.ObjectUtils.isNotEmpty(e)?(this.bindOutsideClickListener(),this.bindResizeListener(),this.bindDocumentContextMenuListener()):this.visible||(this.unbindOutsideClickListener(),this.unbindResizeListener(),this.unbindDocumentContextMenuListener())}},beforeUnmount:function(){this.unbindResizeListener(),this.unbindOutsideClickListener(),this.unbindDocumentContextMenuListener(),this.container&&this.autoZIndex&&t.ZIndexUtils.clear(this.container),this.target=null,this.container=null},mounted:function(){this.id=this.id||t.UniqueComponentId(),this.global&&this.bindDocumentContextMenuListener()},methods:{getItemProp:function(e,n){return e?t.ObjectUtils.getItemValue(e[n]):void 0},getItemLabel:function(e){return this.getItemProp(e,"label")},isItemDisabled:function(e){return this.getItemProp(e,"disabled")},isItemGroup:function(e){return t.ObjectUtils.isNotEmpty(this.getItemProp(e,"items"))},isItemSeparator:function(e){return this.getItemProp(e,"separator")},getProccessedItemLabel:function(e){return e?this.getItemLabel(e.item):void 0},isProccessedItemGroup:function(e){return e&&t.ObjectUtils.isNotEmpty(e.items)},toggle:function(e){this.visible?this.hide():this.show(e)},show:function(e){this.activeItemPath=[],this.focusedItemInfo={index:-1,level:0,parentKey:""},t.DomHandler.focus(this.list),this.pageX=e.pageX,this.pageY=e.pageY,this.visible?this.position():this.visible=!0,e.stopPropagation(),e.preventDefault()},hide:function(){this.visible=!1,this.activeItemPath=[],this.focusedItemInfo={index:-1,level:0,parentKey:""}},onFocus:function(e){this.focused=!0,this.focusedItemInfo=-1!==this.focusedItemInfo.index?this.focusedItemInfo:{index:-1,level:0,parentKey:""},this.$emit("focus",e)},onBlur:function(e){this.focused=!1,this.focusedItemInfo={index:-1,level:0,parentKey:""},this.searchValue="",this.$emit("blur",e)},onKeyDown:function(e){var n=e.metaKey||e.ctrlKey;switch(e.code){case"ArrowDown":this.onArrowDownKey(e);break;case"ArrowUp":this.onArrowUpKey(e);break;case"ArrowLeft":this.onArrowLeftKey(e);break;case"ArrowRight":this.onArrowRightKey(e);break;case"Home":this.onHomeKey(e);break;case"End":this.onEndKey(e);break;case"Space":this.onSpaceKey(e);break;case"Enter":this.onEnterKey(e);break;case"Escape":this.onEscapeKey(e);break;case"Tab":this.onTabKey(e);break;case"PageDown":case"PageUp":case"Backspace":case"ShiftLeft":case"ShiftRight":break;default:!n&&t.ObjectUtils.isPrintableCharacter(e.key)&&this.searchItems(e,e.key)}},onItemChange:function(e){var n=e.processedItem,i=e.isFocus;if(!t.ObjectUtils.isEmpty(n)){var o=n.index,s=n.key,r=n.level,c=n.parentKey,a=t.ObjectUtils.isNotEmpty(n.items),l=this.activeItemPath.filter((function(e){return e.parentKey!==c&&e.parentKey!==s}));a&&(l.push(n),this.submenuVisible=!0),this.focusedItemInfo={index:o,level:r,parentKey:c},this.activeItemPath=l,i&&t.DomHandler.focus(this.list)}},onItemClick:function(e){var n=e.processedItem,i=this.isProccessedItemGroup(n);if(this.isSelected(n)){var o=n.index,s=n.key,r=n.level,c=n.parentKey;this.activeItemPath=this.activeItemPath.filter((function(e){return s!==e.key&&s.startsWith(e.key)})),this.focusedItemInfo={index:o,level:r,parentKey:c},t.DomHandler.focus(this.list)}else i?this.onItemChange(e):this.hide()},onItemMouseEnter:function(e){this.onItemChange(e)},onArrowDownKey:function(e){var t=-1!==this.focusedItemInfo.index?this.findNextItemIndex(this.focusedItemInfo.index):this.findFirstFocusedItemIndex();this.changeFocusedItemIndex(e,t),e.preventDefault()},onArrowUpKey:function(e){if(e.altKey){if(-1!==this.focusedItemInfo.index){var t=this.visibleItems[this.focusedItemInfo.index];!this.isProccessedItemGroup(t)&&this.onItemChange({originalEvent:e,processedItem:t})}this.popup&&this.hide(),e.preventDefault()}else{var n=-1!==this.focusedItemInfo.index?this.findPrevItemIndex(this.focusedItemInfo.index):this.findLastFocusedItemIndex();this.changeFocusedItemIndex(e,n),e.preventDefault()}},onArrowLeftKey:function(e){var n=this,i=this.visibleItems[this.focusedItemInfo.index],o=this.activeItemPath.find((function(e){return e.key===i.parentKey}));t.ObjectUtils.isEmpty(i.parent)||(this.focusedItemInfo={index:-1,parentKey:o?o.parentKey:""},this.searchValue="",this.onArrowDownKey(e)),this.activeItemPath=this.activeItemPath.filter((function(e){return e.parentKey!==n.focusedItemInfo.parentKey})),e.preventDefault()},onArrowRightKey:function(e){var t=this.visibleItems[this.focusedItemInfo.index];this.isProccessedItemGroup(t)&&(this.onItemChange({originalEvent:e,processedItem:t}),this.focusedItemInfo={index:-1,parentKey:t.key},this.searchValue="",this.onArrowDownKey(e)),e.preventDefault()},onHomeKey:function(e){this.changeFocusedItemIndex(e,this.findFirstItemIndex()),e.preventDefault()},onEndKey:function(e){this.changeFocusedItemIndex(e,this.findLastItemIndex()),e.preventDefault()},onEnterKey:function(e){if(-1!==this.focusedItemInfo.index){var n=t.DomHandler.findSingle(this.list,'li[id="'.concat("".concat(this.focusedItemId),'"]')),i=n&&t.DomHandler.findSingle(n,'a[data-pc-section="action"]');i?i.click():n&&n.click(),!this.isProccessedItemGroup(this.visibleItems[this.focusedItemInfo.index])&&(this.focusedItemInfo.index=this.findFirstFocusedItemIndex())}e.preventDefault()},onSpaceKey:function(e){this.onEnterKey(e)},onEscapeKey:function(e){this.hide(),!this.popup&&(this.focusedItemInfo.index=this.findFirstFocusedItemIndex()),e.preventDefault()},onTabKey:function(e){if(-1!==this.focusedItemInfo.index){var t=this.visibleItems[this.focusedItemInfo.index];!this.isProccessedItemGroup(t)&&this.onItemChange({originalEvent:e,processedItem:t})}this.hide()},onEnter:function(e){t.DomHandler.addStyles(e,{position:"absolute"}),this.position(),this.autoZIndex&&t.ZIndexUtils.set("menu",e,this.baseZIndex+this.$primevue.config.zIndex.menu)},onAfterEnter:function(){this.bindOutsideClickListener(),this.bindResizeListener(),this.bindDocumentContextMenuListener(),this.$emit("show"),t.DomHandler.focus(this.list)},onLeave:function(){this.$emit("hide"),this.container=null},onAfterLeave:function(e){this.autoZIndex&&t.ZIndexUtils.clear(e),this.unbindOutsideClickListener(),this.unbindResizeListener(),this.unbindDocumentContextMenuListener()},position:function(){var e=this.pageX+1,n=this.pageY+1,i=this.container.offsetParent?this.container.offsetWidth:t.DomHandler.getHiddenElementOuterWidth(this.container),o=this.container.offsetParent?this.container.offsetHeight:t.DomHandler.getHiddenElementOuterHeight(this.container),s=t.DomHandler.getViewport();e+i-document.body.scrollLeft>s.width&&(e-=i),n+o-document.body.scrollTop>s.height&&(n-=o),e<document.body.scrollLeft&&(e=document.body.scrollLeft),n<document.body.scrollTop&&(n=document.body.scrollTop),this.container.style.left=e+"px",this.container.style.top=n+"px"},bindOutsideClickListener:function(){var e=this;this.outsideClickListener||(this.outsideClickListener=function(t){var n=e.container&&!e.container.contains(t.target),i=!e.visible||!(e.target&&(e.target===t.target||e.target.contains(t.target)));n&&i&&e.hide()},document.addEventListener("click",this.outsideClickListener))},unbindOutsideClickListener:function(){this.outsideClickListener&&(document.removeEventListener("click",this.outsideClickListener),this.outsideClickListener=null)},bindResizeListener:function(){var e=this;this.resizeListener||(this.resizeListener=function(){e.visible&&!t.DomHandler.isTouchDevice()&&e.hide()},window.addEventListener("resize",this.resizeListener))},unbindResizeListener:function(){this.resizeListener&&(window.removeEventListener("resize",this.resizeListener),this.resizeListener=null)},bindDocumentContextMenuListener:function(){var e=this;this.documentContextMenuListener||(this.documentContextMenuListener=function(t){2!==t.button?e.show(t):e.hide()},document.addEventListener("contextmenu",this.documentContextMenuListener))},unbindDocumentContextMenuListener:function(){this.documentContextMenuListener&&(document.removeEventListener("contextmenu",this.documentContextMenuListener),this.documentContextMenuListener=null)},isItemMatched:function(e){return this.isValidItem(e)&&this.getProccessedItemLabel(e).toLocaleLowerCase().startsWith(this.searchValue.toLocaleLowerCase())},isValidItem:function(e){return!!e&&!this.isItemDisabled(e.item)&&!this.isItemSeparator(e.item)},isValidSelectedItem:function(e){return this.isValidItem(e)&&this.isSelected(e)},isSelected:function(e){return this.activeItemPath.some((function(t){return t.key===e.key}))},findFirstItemIndex:function(){var e=this;return this.visibleItems.findIndex((function(t){return e.isValidItem(t)}))},findLastItemIndex:function(){var e=this;return t.ObjectUtils.findLastIndex(this.visibleItems,(function(t){return e.isValidItem(t)}))},findNextItemIndex:function(e){var t=this,n=e<this.visibleItems.length-1?this.visibleItems.slice(e+1).findIndex((function(e){return t.isValidItem(e)})):-1;return n>-1?n+e+1:e},findPrevItemIndex:function(e){var n=this,i=e>0?t.ObjectUtils.findLastIndex(this.visibleItems.slice(0,e),(function(e){return n.isValidItem(e)})):-1;return i>-1?i:e},findSelectedItemIndex:function(){var e=this;return this.visibleItems.findIndex((function(t){return e.isValidSelectedItem(t)}))},findFirstFocusedItemIndex:function(){var e=this.findSelectedItemIndex();return e<0?this.findFirstItemIndex():e},findLastFocusedItemIndex:function(){var e=this.findSelectedItemIndex();return e<0?this.findLastItemIndex():e},searchItems:function(e,t){var n=this;this.searchValue=(this.searchValue||"")+t;var i=-1,o=!1;return-1!==(i=-1!==this.focusedItemInfo.index?-1===(i=this.visibleItems.slice(this.focusedItemInfo.index).findIndex((function(e){return n.isItemMatched(e)})))?this.visibleItems.slice(0,this.focusedItemInfo.index).findIndex((function(e){return n.isItemMatched(e)})):i+this.focusedItemInfo.index:this.visibleItems.findIndex((function(e){return n.isItemMatched(e)})))&&(o=!0),-1===i&&-1===this.focusedItemInfo.index&&(i=this.findFirstFocusedItemIndex()),-1!==i&&this.changeFocusedItemIndex(e,i),this.searchTimeout&&clearTimeout(this.searchTimeout),this.searchTimeout=setTimeout((function(){n.searchValue="",n.searchTimeout=null}),500),o},changeFocusedItemIndex:function(e,t){this.focusedItemInfo.index!==t&&(this.focusedItemInfo.index=t,this.scrollInView())},scrollInView:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:-1,n=-1!==e?"".concat(this.id,"_").concat(e):this.focusedItemId,i=t.DomHandler.findSingle(this.list,'li[id="'.concat(n,'"]'));i&&i.scrollIntoView&&i.scrollIntoView({block:"nearest",inline:"start"})},createProcessedItems:function(e){var t=this,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},o=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",s=[];return e&&e.forEach((function(e,r){var c=(""!==o?o+"_":"")+r,a={item:e,index:r,level:n,key:c,parent:i,parentKey:o};a.items=t.createProcessedItems(e.items,n+1,a,c),s.push(a)})),s},containerRef:function(e){this.container=e},listRef:function(e){this.list=e?e.$el:void 0}},computed:{processedItems:function(){return this.createProcessedItems(this.model||[])},visibleItems:function(){var e=this,t=this.activeItemPath.find((function(t){return t.key===e.focusedItemInfo.parentKey}));return t?t.items:this.processedItems},focusedItemId:function(){return-1!==this.focusedItemInfo.index?"".concat(this.id).concat(t.ObjectUtils.isNotEmpty(this.focusedItemInfo.parentKey)?"_"+this.focusedItemInfo.parentKey:"","_").concat(this.focusedItemInfo.index):null}},components:{ContextMenuSub:h,Portal:a.default}};function k(e){return k="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},k(e)}function P(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function L(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?P(Object(n),!0).forEach((function(t){C(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):P(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function C(e,t,n){return(t=E(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function E(e){var t=D(e,"string");return"symbol"===k(t)?t:String(t)}function D(e,t){if("object"!==k(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var i=n.call(e,t||"default");if("object"!==k(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}y.render=function(e,t,n,i,o,s){var c=r.resolveComponent("ContextMenuSub"),a=r.resolveComponent("Portal");return r.openBlock(),r.createBlock(a,{appendTo:e.appendTo},{default:r.withCtx((function(){return[r.createVNode(r.Transition,{name:"p-contextmenu",onEnter:s.onEnter,onAfterEnter:s.onAfterEnter,onLeave:s.onLeave,onAfterLeave:s.onAfterLeave},{default:r.withCtx((function(){return[o.visible?(r.openBlock(),r.createElementBlock("div",r.mergeProps({key:0,ref:s.containerRef,class:e.cx("root")},L(L({},e.$attrs),e.ptm("root")),{"data-pc-name":"contextmenu"}),[r.createVNode(c,{ref:s.listRef,id:o.id+"_list",class:r.normalizeClass(e.cx("menu")),role:"menubar",root:!0,tabindex:e.tabindex,"aria-orientation":"vertical","aria-activedescendant":o.focused?s.focusedItemId:void 0,menuId:o.id,focusedItemId:o.focused?s.focusedItemId:void 0,items:s.processedItems,templates:e.$slots,activeItemPath:o.activeItemPath,exact:e.exact,"aria-labelledby":e.ariaLabelledby,"aria-label":e.ariaLabel,level:0,visible:o.submenuVisible,pt:e.pt,onFocus:s.onFocus,onBlur:s.onBlur,onKeydown:s.onKeyDown,onItemClick:s.onItemClick,onItemMouseenter:s.onItemMouseEnter},null,8,["id","class","tabindex","aria-activedescendant","menuId","focusedItemId","items","templates","activeItemPath","exact","aria-labelledby","aria-label","visible","pt","onFocus","onBlur","onKeydown","onItemClick","onItemMouseenter"])],16)):r.createCommentVNode("",!0)]})),_:1},8,["onEnter","onAfterEnter","onLeave","onAfterLeave"])]})),_:1},8,["appendTo"])},module.exports=y;
|
|
1
|
+
"use strict";var e=require("primevue/portal"),t=require("primevue/utils"),n=require("primevue/basecomponent"),i=require("primevue/usestyle"),o=require("primevue/icons/angleright"),s=require("primevue/ripple"),r=require("vue");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=c(e),l=c(n),u=c(o),m=c(s),d=i.useStyle("\n.p-contextmenu ul {\n margin: 0;\n padding: 0;\n list-style: none;\n}\n\n.p-contextmenu .p-submenu-list {\n position: absolute;\n min-width: 100%;\n z-index: 1;\n}\n\n.p-contextmenu .p-menuitem-link {\n cursor: pointer;\n display: flex;\n align-items: center;\n text-decoration: none;\n overflow: hidden;\n position: relative;\n}\n\n.p-contextmenu .p-menuitem-text {\n line-height: 1;\n}\n\n.p-contextmenu .p-menuitem {\n position: relative;\n}\n\n.p-contextmenu .p-menuitem-link .p-submenu-icon {\n margin-left: auto;\n}\n\n.p-contextmenu-enter-from {\n opacity: 0;\n}\n\n.p-contextmenu-enter-active {\n transition: opacity 250ms;\n}\n",{name:"contextmenu",manual:!0}),f={name:"BaseContextMenu",extends:l.default,props:{model:{type:Array,default:null},appendTo:{type:String,default:"body"},autoZIndex:{type:Boolean,default:!0},baseZIndex:{type:Number,default:0},global:{type:Boolean,default:!1},exact:{type:Boolean,default:!0},tabindex:{type:Number,default:0},"aria-labelledby":{type:String,default:null},"aria-label":{type:String,default:null}},css:{classes:{root:function(e){var t=e.instance;return["p-contextmenu p-component",{"p-input-filled":"filled"===t.$primevue.config.inputStyle,"p-ripple-disabled":!1===t.$primevue.config.ripple}]},menu:"p-contextmenu-root-list",menuitem:function(e){var t=e.instance,n=e.processedItem;return["p-menuitem",{"p-menuitem-active p-highlight":t.isItemActive(n),"p-focus":t.isItemFocused(n),"p-disabled":t.isItemDisabled(n)}]},content:"p-menuitem-content",action:function(e){return["p-menuitem-link",{"router-link-active":e.isActive,"router-link-active-exact":e.props.exact&&e.isExactActive}]},icon:"p-menuitem-icon",label:"p-menuitem-text",submenuIcon:"p-submenu-icon",submenu:"p-submenu-list",separator:"p-menuitem-separator"},loadStyle:d.load},provide:function(){return{$parentInstance:this}}},h={name:"ContextMenuSub",hostName:"ContextMenu",extends:l.default,emits:["item-click","item-mouseenter"],props:{items:{type:Array,default:null},menuId:{type:String,default:null},focusedItemId:{type:String,default:null},root:{type:Boolean,default:!1},visible:{type:Boolean,default:!1},level:{type:Number,default:0},templates:{type:Object,default:null},exact:{type:Boolean,default:!0},activeItemPath:{type:Object,default:null},tabindex:{type:Number,default:0}},methods:{getItemId:function(e){return"".concat(this.menuId,"_").concat(e.key)},getItemKey:function(e){return this.getItemId(e)},getItemProp:function(e,n,i){return e&&e.item?t.ObjectUtils.getItemValue(e.item[n],i):void 0},getItemLabel:function(e){return this.getItemProp(e,"label")},getPTOptions:function(e,t,n){return this.ptm(e,{context:{item:t,active:this.isItemActive(t),focused:this.isItemFocused(t),index:n}})},isItemActive:function(e){return this.activeItemPath.some((function(t){return t.key===e.key}))},isItemVisible:function(e){return!1!==this.getItemProp(e,"visible")},isItemDisabled:function(e){return this.getItemProp(e,"disabled")},isItemFocused:function(e){return this.focusedItemId===this.getItemId(e)},isItemGroup:function(e){return t.ObjectUtils.isNotEmpty(e.items)},onItemClick:function(e,t){this.getItemProp(t,"command",{originalEvent:e,item:t.item}),this.$emit("item-click",{originalEvent:e,processedItem:t,isFocus:!0})},onItemMouseEnter:function(e,t){this.$emit("item-mouseenter",{originalEvent:e,processedItem:t})},onItemActionClick:function(e,t){t&&t(e)},getAriaSetSize:function(){var e=this;return this.items.filter((function(t){return e.isItemVisible(t)&&!e.getItemProp(t,"separator")})).length},getAriaPosInset:function(e){var t=this;return e-this.items.slice(0,e).filter((function(e){return t.isItemVisible(e)&&t.getItemProp(e,"separator")})).length+1},onEnter:function(){this.position()},position:function(){var e=this.$refs.container.parentElement,n=t.DomHandler.getOffset(this.$refs.container.parentElement),i=t.DomHandler.getViewport(),o=this.$refs.container.offsetParent?this.$refs.container.offsetWidth:t.DomHandler.getHiddenElementOuterWidth(this.$refs.container),s=t.DomHandler.getOuterWidth(e.children[0]);this.$refs.container.style.top="0px",this.$refs.container.style.left=parseInt(n.left,10)+s+o>i.width-t.DomHandler.calculateScrollbarWidth()?-1*o+"px":s+"px"}},components:{AngleRightIcon:u.default},directives:{ripple:m.default}},p=["tabindex"],I=["id","aria-label","aria-disabled","aria-expanded","aria-haspopup","aria-level","aria-setsize","aria-posinset","data-p-highlight","data-p-focused","data-p-disabled"],v=["onClick","onMouseenter"],b=["href","onClick"],g=["href","target"],x=["id"];h.render=function(e,t,n,i,o,s){var c=r.resolveComponent("router-link"),a=r.resolveComponent("AngleRightIcon"),l=r.resolveComponent("ContextMenuSub",!0),u=r.resolveDirective("ripple");return r.openBlock(),r.createBlock(r.Transition,r.mergeProps({name:"p-contextmenusub",onEnter:s.onEnter},e.ptm("menu.transition")),{default:r.withCtx((function(){return[n.root||n.visible?(r.openBlock(),r.createElementBlock("ul",r.mergeProps({key:0,ref:"container",tabindex:n.tabindex},e.ptm("menu")),[(r.openBlock(!0),r.createElementBlock(r.Fragment,null,r.renderList(n.items,(function(i,o){return r.openBlock(),r.createElementBlock(r.Fragment,{key:s.getItemKey(i)},[s.isItemVisible(i)&&!s.getItemProp(i,"separator")?(r.openBlock(),r.createElementBlock("li",r.mergeProps({key:0,id:s.getItemId(i),style:s.getItemProp(i,"style"),class:[e.cx("menuitem",{processedItem:i}),s.getItemProp(i,"class")],role:"menuitem","aria-label":s.getItemLabel(i),"aria-disabled":s.isItemDisabled(i)||void 0,"aria-expanded":s.isItemGroup(i)?s.isItemActive(i):void 0,"aria-haspopup":s.isItemGroup(i)&&!s.getItemProp(i,"to")?"menu":void 0,"aria-level":n.level+1,"aria-setsize":s.getAriaSetSize(),"aria-posinset":s.getAriaPosInset(o)},s.getPTOptions("menuitem",i,o),{"data-p-highlight":s.isItemActive(i),"data-p-focused":s.isItemFocused(i),"data-p-disabled":s.isItemDisabled(i)}),[r.createElementVNode("div",r.mergeProps({class:e.cx("content"),onClick:function(e){return s.onItemClick(e,i)},onMouseenter:function(e){return s.onItemMouseEnter(e,i)}},s.getPTOptions("content",i,o)),[n.templates.item?(r.openBlock(),r.createBlock(r.resolveDynamicComponent(n.templates.item),{key:1,item:i.item},null,8,["item"])):(r.openBlock(),r.createElementBlock(r.Fragment,{key:0},[s.getItemProp(i,"to")&&!s.isItemDisabled(i)?(r.openBlock(),r.createBlock(c,{key:0,to:s.getItemProp(i,"to"),custom:""},{default:r.withCtx((function(t){var c=t.navigate,a=t.href,l=t.isActive,m=t.isExactActive;return[r.withDirectives((r.openBlock(),r.createElementBlock("a",r.mergeProps({href:a,class:e.cx("action",{isActive:l,isExactActive:m}),tabindex:"-1","aria-hidden":"true",onClick:function(e){return s.onItemActionClick(e,c)}},s.getPTOptions("action",i,o)),[n.templates.itemicon?(r.openBlock(),r.createBlock(r.resolveDynamicComponent(n.templates.itemicon),{key:0,item:i.item,class:r.normalizeClass([e.cx("icon"),s.getItemProp(i,"icon")])},null,8,["item","class"])):s.getItemProp(i,"icon")?(r.openBlock(),r.createElementBlock("span",r.mergeProps({key:1,class:[e.cx("icon"),s.getItemProp(i,"icon")]},s.getPTOptions("icon",i,o)),null,16)):r.createCommentVNode("",!0),r.createElementVNode("span",r.mergeProps({class:e.cx("label")},s.getPTOptions("label",i,o)),r.toDisplayString(s.getItemLabel(i)),17)],16,b)),[[u]])]})),_:2},1032,["to"])):r.withDirectives((r.openBlock(),r.createElementBlock("a",r.mergeProps({key:1,href:s.getItemProp(i,"url"),class:e.cx("action"),target:s.getItemProp(i,"target"),tabindex:"-1","aria-hidden":"true"},s.getPTOptions("action",i,o)),[n.templates.itemicon?(r.openBlock(),r.createBlock(r.resolveDynamicComponent(n.templates.itemicon),{key:0,item:i.item,class:r.normalizeClass([e.cx("icon"),s.getItemProp(i,"icon")])},null,8,["item","class"])):s.getItemProp(i,"icon")?(r.openBlock(),r.createElementBlock("span",r.mergeProps({key:1,class:[e.cx("icon"),s.getItemProp(i,"icon")]},s.getPTOptions("icon",i,o)),null,16)):r.createCommentVNode("",!0),r.createElementVNode("span",r.mergeProps({class:e.cx("label")},s.getPTOptions("label",i,o)),r.toDisplayString(s.getItemLabel(i)),17),s.getItemProp(i,"items")?(r.openBlock(),r.createElementBlock(r.Fragment,{key:2},[n.templates.submenuicon?(r.openBlock(),r.createBlock(r.resolveDynamicComponent(n.templates.submenuicon),{key:0,active:s.isItemActive(i),class:r.normalizeClass(e.cx("submenuIcon"))},null,8,["active","class"])):(r.openBlock(),r.createBlock(a,r.mergeProps({key:1,class:e.cx("submenuIcon")},s.getPTOptions("submenuicon",i,o)),null,16,["class"]))],64)):r.createCommentVNode("",!0)],16,g)),[[u]])],64))],16,v),s.isItemVisible(i)&&s.isItemGroup(i)?(r.openBlock(),r.createBlock(l,r.mergeProps({key:0,id:s.getItemId(i)+"_list",role:"menu",class:e.cx("submenu"),menuId:n.menuId,focusedItemId:n.focusedItemId,items:i.items,templates:n.templates,activeItemPath:n.activeItemPath,exact:n.exact,level:n.level+1,pt:e.pt,visible:s.isItemActive(i)&&s.isItemGroup(i),onItemClick:t[0]||(t[0]=function(t){return e.$emit("item-click",t)}),onItemMouseenter:t[1]||(t[1]=function(t){return e.$emit("item-mouseenter",t)})},e.ptm("submenu")),null,16,["id","class","menuId","focusedItemId","items","templates","activeItemPath","exact","level","pt","visible"])):r.createCommentVNode("",!0)],16,I)):r.createCommentVNode("",!0),s.isItemVisible(i)&&s.getItemProp(i,"separator")?(r.openBlock(),r.createElementBlock("li",r.mergeProps({key:1,id:s.getItemId(i),style:s.getItemProp(i,"style"),class:[e.cx("separator"),s.getItemProp(i,"class")],role:"separator"},e.ptm("separator")),null,16,x)):r.createCommentVNode("",!0)],64)})),128))],16,p)):r.createCommentVNode("",!0)]})),_:1},16,["onEnter"])};var y={name:"ContextMenu",extends:f,inheritAttrs:!1,emits:["focus","blur","show","hide"],target:null,outsideClickListener:null,resizeListener:null,documentContextMenuListener:null,pageX:null,pageY:null,container:null,list:null,data:function(){return{id:this.$attrs.id,focused:!1,focusedItemInfo:{index:-1,level:0,parentKey:""},activeItemPath:[],visible:!1,submenuVisible:!1}},watch:{"$attrs.id":function(e){this.id=e||t.UniqueComponentId()},activeItemPath:function(e){t.ObjectUtils.isNotEmpty(e)?(this.bindOutsideClickListener(),this.bindResizeListener(),this.bindDocumentContextMenuListener()):this.visible||(this.unbindOutsideClickListener(),this.unbindResizeListener(),this.unbindDocumentContextMenuListener())}},beforeUnmount:function(){this.unbindResizeListener(),this.unbindOutsideClickListener(),this.unbindDocumentContextMenuListener(),this.container&&this.autoZIndex&&t.ZIndexUtils.clear(this.container),this.target=null,this.container=null},mounted:function(){this.id=this.id||t.UniqueComponentId(),this.global&&this.bindDocumentContextMenuListener()},methods:{getItemProp:function(e,n){return e?t.ObjectUtils.getItemValue(e[n]):void 0},getItemLabel:function(e){return this.getItemProp(e,"label")},isItemDisabled:function(e){return this.getItemProp(e,"disabled")},isItemGroup:function(e){return t.ObjectUtils.isNotEmpty(this.getItemProp(e,"items"))},isItemSeparator:function(e){return this.getItemProp(e,"separator")},getProccessedItemLabel:function(e){return e?this.getItemLabel(e.item):void 0},isProccessedItemGroup:function(e){return e&&t.ObjectUtils.isNotEmpty(e.items)},toggle:function(e){this.visible?this.hide():this.show(e)},show:function(e){this.activeItemPath=[],this.focusedItemInfo={index:-1,level:0,parentKey:""},t.DomHandler.focus(this.list),this.pageX=e.pageX,this.pageY=e.pageY,this.visible?this.position():this.visible=!0,e.stopPropagation(),e.preventDefault()},hide:function(){this.visible=!1,this.activeItemPath=[],this.focusedItemInfo={index:-1,level:0,parentKey:""}},onFocus:function(e){this.focused=!0,this.focusedItemInfo=-1!==this.focusedItemInfo.index?this.focusedItemInfo:{index:-1,level:0,parentKey:""},this.$emit("focus",e)},onBlur:function(e){this.focused=!1,this.focusedItemInfo={index:-1,level:0,parentKey:""},this.searchValue="",this.$emit("blur",e)},onKeyDown:function(e){var n=e.metaKey||e.ctrlKey;switch(e.code){case"ArrowDown":this.onArrowDownKey(e);break;case"ArrowUp":this.onArrowUpKey(e);break;case"ArrowLeft":this.onArrowLeftKey(e);break;case"ArrowRight":this.onArrowRightKey(e);break;case"Home":this.onHomeKey(e);break;case"End":this.onEndKey(e);break;case"Space":this.onSpaceKey(e);break;case"Enter":this.onEnterKey(e);break;case"Escape":this.onEscapeKey(e);break;case"Tab":this.onTabKey(e);break;case"PageDown":case"PageUp":case"Backspace":case"ShiftLeft":case"ShiftRight":break;default:!n&&t.ObjectUtils.isPrintableCharacter(e.key)&&this.searchItems(e,e.key)}},onItemChange:function(e){var n=e.processedItem,i=e.isFocus;if(!t.ObjectUtils.isEmpty(n)){var o=n.index,s=n.key,r=n.level,c=n.parentKey,a=t.ObjectUtils.isNotEmpty(n.items),l=this.activeItemPath.filter((function(e){return e.parentKey!==c&&e.parentKey!==s}));a&&(l.push(n),this.submenuVisible=!0),this.focusedItemInfo={index:o,level:r,parentKey:c},this.activeItemPath=l,i&&t.DomHandler.focus(this.list)}},onItemClick:function(e){var n=e.processedItem,i=this.isProccessedItemGroup(n);if(this.isSelected(n)){var o=n.index,s=n.key,r=n.level,c=n.parentKey;this.activeItemPath=this.activeItemPath.filter((function(e){return s!==e.key&&s.startsWith(e.key)})),this.focusedItemInfo={index:o,level:r,parentKey:c},t.DomHandler.focus(this.list)}else i?this.onItemChange(e):this.hide()},onItemMouseEnter:function(e){this.onItemChange(e)},onArrowDownKey:function(e){var t=-1!==this.focusedItemInfo.index?this.findNextItemIndex(this.focusedItemInfo.index):this.findFirstFocusedItemIndex();this.changeFocusedItemIndex(e,t),e.preventDefault()},onArrowUpKey:function(e){if(e.altKey){if(-1!==this.focusedItemInfo.index){var t=this.visibleItems[this.focusedItemInfo.index];!this.isProccessedItemGroup(t)&&this.onItemChange({originalEvent:e,processedItem:t})}this.popup&&this.hide(),e.preventDefault()}else{var n=-1!==this.focusedItemInfo.index?this.findPrevItemIndex(this.focusedItemInfo.index):this.findLastFocusedItemIndex();this.changeFocusedItemIndex(e,n),e.preventDefault()}},onArrowLeftKey:function(e){var n=this,i=this.visibleItems[this.focusedItemInfo.index],o=this.activeItemPath.find((function(e){return e.key===i.parentKey}));t.ObjectUtils.isEmpty(i.parent)||(this.focusedItemInfo={index:-1,parentKey:o?o.parentKey:""},this.searchValue="",this.onArrowDownKey(e)),this.activeItemPath=this.activeItemPath.filter((function(e){return e.parentKey!==n.focusedItemInfo.parentKey})),e.preventDefault()},onArrowRightKey:function(e){var t=this.visibleItems[this.focusedItemInfo.index];this.isProccessedItemGroup(t)&&(this.onItemChange({originalEvent:e,processedItem:t}),this.focusedItemInfo={index:-1,parentKey:t.key},this.searchValue="",this.onArrowDownKey(e)),e.preventDefault()},onHomeKey:function(e){this.changeFocusedItemIndex(e,this.findFirstItemIndex()),e.preventDefault()},onEndKey:function(e){this.changeFocusedItemIndex(e,this.findLastItemIndex()),e.preventDefault()},onEnterKey:function(e){if(-1!==this.focusedItemInfo.index){var n=t.DomHandler.findSingle(this.list,'li[id="'.concat("".concat(this.focusedItemId),'"]')),i=n&&t.DomHandler.findSingle(n,'a[data-pc-section="action"]');i?i.click():n&&n.click(),!this.isProccessedItemGroup(this.visibleItems[this.focusedItemInfo.index])&&(this.focusedItemInfo.index=this.findFirstFocusedItemIndex())}e.preventDefault()},onSpaceKey:function(e){this.onEnterKey(e)},onEscapeKey:function(e){this.hide(),!this.popup&&(this.focusedItemInfo.index=this.findFirstFocusedItemIndex()),e.preventDefault()},onTabKey:function(e){if(-1!==this.focusedItemInfo.index){var t=this.visibleItems[this.focusedItemInfo.index];!this.isProccessedItemGroup(t)&&this.onItemChange({originalEvent:e,processedItem:t})}this.hide()},onEnter:function(e){t.DomHandler.addStyles(e,{position:"absolute"}),this.position(),this.autoZIndex&&t.ZIndexUtils.set("menu",e,this.baseZIndex+this.$primevue.config.zIndex.menu)},onAfterEnter:function(){this.bindOutsideClickListener(),this.bindResizeListener(),this.bindDocumentContextMenuListener(),this.$emit("show"),t.DomHandler.focus(this.list)},onLeave:function(){this.$emit("hide"),this.container=null},onAfterLeave:function(e){this.autoZIndex&&t.ZIndexUtils.clear(e),this.unbindOutsideClickListener(),this.unbindResizeListener(),this.unbindDocumentContextMenuListener()},position:function(){var e=this.pageX+1,n=this.pageY+1,i=this.container.offsetParent?this.container.offsetWidth:t.DomHandler.getHiddenElementOuterWidth(this.container),o=this.container.offsetParent?this.container.offsetHeight:t.DomHandler.getHiddenElementOuterHeight(this.container),s=t.DomHandler.getViewport();e+i-document.body.scrollLeft>s.width&&(e-=i),n+o-document.body.scrollTop>s.height&&(n-=o),e<document.body.scrollLeft&&(e=document.body.scrollLeft),n<document.body.scrollTop&&(n=document.body.scrollTop),this.container.style.left=e+"px",this.container.style.top=n+"px"},bindOutsideClickListener:function(){var e=this;this.outsideClickListener||(this.outsideClickListener=function(t){var n=e.container&&!e.container.contains(t.target),i=!e.visible||!(e.target&&(e.target===t.target||e.target.contains(t.target)));n&&i&&e.hide()},document.addEventListener("click",this.outsideClickListener))},unbindOutsideClickListener:function(){this.outsideClickListener&&(document.removeEventListener("click",this.outsideClickListener),this.outsideClickListener=null)},bindResizeListener:function(){var e=this;this.resizeListener||(this.resizeListener=function(){e.visible&&!t.DomHandler.isTouchDevice()&&e.hide()},window.addEventListener("resize",this.resizeListener))},unbindResizeListener:function(){this.resizeListener&&(window.removeEventListener("resize",this.resizeListener),this.resizeListener=null)},bindDocumentContextMenuListener:function(){var e=this;this.documentContextMenuListener||(this.documentContextMenuListener=function(t){2!==t.button?e.show(t):e.hide()},document.addEventListener("contextmenu",this.documentContextMenuListener))},unbindDocumentContextMenuListener:function(){this.documentContextMenuListener&&(document.removeEventListener("contextmenu",this.documentContextMenuListener),this.documentContextMenuListener=null)},isItemMatched:function(e){return this.isValidItem(e)&&this.getProccessedItemLabel(e).toLocaleLowerCase().startsWith(this.searchValue.toLocaleLowerCase())},isValidItem:function(e){return!!e&&!this.isItemDisabled(e.item)&&!this.isItemSeparator(e.item)},isValidSelectedItem:function(e){return this.isValidItem(e)&&this.isSelected(e)},isSelected:function(e){return this.activeItemPath.some((function(t){return t.key===e.key}))},findFirstItemIndex:function(){var e=this;return this.visibleItems.findIndex((function(t){return e.isValidItem(t)}))},findLastItemIndex:function(){var e=this;return t.ObjectUtils.findLastIndex(this.visibleItems,(function(t){return e.isValidItem(t)}))},findNextItemIndex:function(e){var t=this,n=e<this.visibleItems.length-1?this.visibleItems.slice(e+1).findIndex((function(e){return t.isValidItem(e)})):-1;return n>-1?n+e+1:e},findPrevItemIndex:function(e){var n=this,i=e>0?t.ObjectUtils.findLastIndex(this.visibleItems.slice(0,e),(function(e){return n.isValidItem(e)})):-1;return i>-1?i:e},findSelectedItemIndex:function(){var e=this;return this.visibleItems.findIndex((function(t){return e.isValidSelectedItem(t)}))},findFirstFocusedItemIndex:function(){var e=this.findSelectedItemIndex();return e<0?this.findFirstItemIndex():e},findLastFocusedItemIndex:function(){var e=this.findSelectedItemIndex();return e<0?this.findLastItemIndex():e},searchItems:function(e,t){var n=this;this.searchValue=(this.searchValue||"")+t;var i=-1,o=!1;return-1!==(i=-1!==this.focusedItemInfo.index?-1===(i=this.visibleItems.slice(this.focusedItemInfo.index).findIndex((function(e){return n.isItemMatched(e)})))?this.visibleItems.slice(0,this.focusedItemInfo.index).findIndex((function(e){return n.isItemMatched(e)})):i+this.focusedItemInfo.index:this.visibleItems.findIndex((function(e){return n.isItemMatched(e)})))&&(o=!0),-1===i&&-1===this.focusedItemInfo.index&&(i=this.findFirstFocusedItemIndex()),-1!==i&&this.changeFocusedItemIndex(e,i),this.searchTimeout&&clearTimeout(this.searchTimeout),this.searchTimeout=setTimeout((function(){n.searchValue="",n.searchTimeout=null}),500),o},changeFocusedItemIndex:function(e,t){this.focusedItemInfo.index!==t&&(this.focusedItemInfo.index=t,this.scrollInView())},scrollInView:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:-1,n=-1!==e?"".concat(this.id,"_").concat(e):this.focusedItemId,i=t.DomHandler.findSingle(this.list,'li[id="'.concat(n,'"]'));i&&i.scrollIntoView&&i.scrollIntoView({block:"nearest",inline:"start"})},createProcessedItems:function(e){var t=this,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},o=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",s=[];return e&&e.forEach((function(e,r){var c=(""!==o?o+"_":"")+r,a={item:e,index:r,level:n,key:c,parent:i,parentKey:o};a.items=t.createProcessedItems(e.items,n+1,a,c),s.push(a)})),s},containerRef:function(e){this.container=e},listRef:function(e){this.list=e?e.$el:void 0}},computed:{processedItems:function(){return this.createProcessedItems(this.model||[])},visibleItems:function(){var e=this,t=this.activeItemPath.find((function(t){return t.key===e.focusedItemInfo.parentKey}));return t?t.items:this.processedItems},focusedItemId:function(){return-1!==this.focusedItemInfo.index?"".concat(this.id).concat(t.ObjectUtils.isNotEmpty(this.focusedItemInfo.parentKey)?"_"+this.focusedItemInfo.parentKey:"","_").concat(this.focusedItemInfo.index):null}},components:{ContextMenuSub:h,Portal:a.default}};function k(e){return k="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},k(e)}function P(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function L(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?P(Object(n),!0).forEach((function(t){C(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):P(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function C(e,t,n){return(t=E(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function E(e){var t=D(e,"string");return"symbol"===k(t)?t:String(t)}function D(e,t){if("object"!==k(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var i=n.call(e,t||"default");if("object"!==k(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}y.render=function(e,t,n,i,o,s){var c=r.resolveComponent("ContextMenuSub"),a=r.resolveComponent("Portal");return r.openBlock(),r.createBlock(a,{appendTo:e.appendTo},{default:r.withCtx((function(){return[r.createVNode(r.Transition,r.mergeProps({name:"p-contextmenu",onEnter:s.onEnter,onAfterEnter:s.onAfterEnter,onLeave:s.onLeave,onAfterLeave:s.onAfterLeave},e.ptm("transition")),{default:r.withCtx((function(){return[o.visible?(r.openBlock(),r.createElementBlock("div",r.mergeProps({key:0,ref:s.containerRef,class:e.cx("root")},L(L({},e.$attrs),e.ptm("root")),{"data-pc-name":"contextmenu"}),[r.createVNode(c,{ref:s.listRef,id:o.id+"_list",class:r.normalizeClass(e.cx("menu")),role:"menubar",root:!0,tabindex:e.tabindex,"aria-orientation":"vertical","aria-activedescendant":o.focused?s.focusedItemId:void 0,menuId:o.id,focusedItemId:o.focused?s.focusedItemId:void 0,items:s.processedItems,templates:e.$slots,activeItemPath:o.activeItemPath,exact:e.exact,"aria-labelledby":e.ariaLabelledby,"aria-label":e.ariaLabel,level:0,visible:o.submenuVisible,pt:e.pt,onFocus:s.onFocus,onBlur:s.onBlur,onKeydown:s.onKeyDown,onItemClick:s.onItemClick,onItemMouseenter:s.onItemMouseEnter},null,8,["id","class","tabindex","aria-activedescendant","menuId","focusedItemId","items","templates","activeItemPath","exact","aria-labelledby","aria-label","visible","pt","onFocus","onBlur","onKeydown","onItemClick","onItemMouseenter"])],16)):r.createCommentVNode("",!0)]})),_:1},16,["onEnter","onAfterEnter","onLeave","onAfterLeave"])]})),_:1},8,["appendTo"])},module.exports=y;
|
|
@@ -4,7 +4,7 @@ import BaseComponent from 'primevue/basecomponent';
|
|
|
4
4
|
import { useStyle } from 'primevue/usestyle';
|
|
5
5
|
import AngleRightIcon from 'primevue/icons/angleright';
|
|
6
6
|
import Ripple from 'primevue/ripple';
|
|
7
|
-
import { resolveComponent, resolveDirective, openBlock, createBlock, Transition, withCtx, createElementBlock,
|
|
7
|
+
import { resolveComponent, resolveDirective, openBlock, createBlock, Transition, mergeProps, withCtx, createElementBlock, Fragment, renderList, createElementVNode, withDirectives, resolveDynamicComponent, normalizeClass, createCommentVNode, toDisplayString, createVNode } from 'vue';
|
|
8
8
|
|
|
9
9
|
var styles = "\n.p-contextmenu ul {\n margin: 0;\n padding: 0;\n list-style: none;\n}\n\n.p-contextmenu .p-submenu-list {\n position: absolute;\n min-width: 100%;\n z-index: 1;\n}\n\n.p-contextmenu .p-menuitem-link {\n cursor: pointer;\n display: flex;\n align-items: center;\n text-decoration: none;\n overflow: hidden;\n position: relative;\n}\n\n.p-contextmenu .p-menuitem-text {\n line-height: 1;\n}\n\n.p-contextmenu .p-menuitem {\n position: relative;\n}\n\n.p-contextmenu .p-menuitem-link .p-submenu-icon {\n margin-left: auto;\n}\n\n.p-contextmenu-enter-from {\n opacity: 0;\n}\n\n.p-contextmenu-enter-active {\n transition: opacity 250ms;\n}\n";
|
|
10
10
|
var classes = {
|
|
@@ -253,10 +253,10 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
253
253
|
var _component_AngleRightIcon = resolveComponent("AngleRightIcon");
|
|
254
254
|
var _component_ContextMenuSub = resolveComponent("ContextMenuSub", true);
|
|
255
255
|
var _directive_ripple = resolveDirective("ripple");
|
|
256
|
-
return openBlock(), createBlock(Transition, {
|
|
256
|
+
return openBlock(), createBlock(Transition, mergeProps({
|
|
257
257
|
name: "p-contextmenusub",
|
|
258
258
|
onEnter: $options.onEnter
|
|
259
|
-
}, {
|
|
259
|
+
}, _ctx.ptm('menu.transition')), {
|
|
260
260
|
"default": withCtx(function () {
|
|
261
261
|
return [($props.root ? true : $props.visible) ? (openBlock(), createElementBlock("ul", mergeProps({
|
|
262
262
|
key: 0,
|
|
@@ -385,7 +385,7 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
385
385
|
}), 128))], 16, _hoisted_1)) : createCommentVNode("", true)];
|
|
386
386
|
}),
|
|
387
387
|
_: 1
|
|
388
|
-
},
|
|
388
|
+
}, 16, ["onEnter"]);
|
|
389
389
|
}
|
|
390
390
|
|
|
391
391
|
script$1.render = render$1;
|
|
@@ -987,13 +987,13 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
987
987
|
appendTo: _ctx.appendTo
|
|
988
988
|
}, {
|
|
989
989
|
"default": withCtx(function () {
|
|
990
|
-
return [createVNode(Transition, {
|
|
990
|
+
return [createVNode(Transition, mergeProps({
|
|
991
991
|
name: "p-contextmenu",
|
|
992
992
|
onEnter: $options.onEnter,
|
|
993
993
|
onAfterEnter: $options.onAfterEnter,
|
|
994
994
|
onLeave: $options.onLeave,
|
|
995
995
|
onAfterLeave: $options.onAfterLeave
|
|
996
|
-
}, {
|
|
996
|
+
}, _ctx.ptm('transition')), {
|
|
997
997
|
"default": withCtx(function () {
|
|
998
998
|
return [$data.visible ? (openBlock(), createElementBlock("div", mergeProps({
|
|
999
999
|
key: 0,
|
|
@@ -1029,7 +1029,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
1029
1029
|
}, null, 8, ["id", "class", "tabindex", "aria-activedescendant", "menuId", "focusedItemId", "items", "templates", "activeItemPath", "exact", "aria-labelledby", "aria-label", "visible", "pt", "onFocus", "onBlur", "onKeydown", "onItemClick", "onItemMouseenter"])], 16)) : createCommentVNode("", true)];
|
|
1030
1030
|
}),
|
|
1031
1031
|
_: 1
|
|
1032
|
-
},
|
|
1032
|
+
}, 16, ["onEnter", "onAfterEnter", "onLeave", "onAfterLeave"])];
|
|
1033
1033
|
}),
|
|
1034
1034
|
_: 1
|
|
1035
1035
|
}, 8, ["appendTo"]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import e from"primevue/portal";import{ObjectUtils as t,DomHandler as i,UniqueComponentId as n,ZIndexUtils as s}from"primevue/utils";import o from"primevue/basecomponent";import{useStyle as r}from"primevue/usestyle";import c from"primevue/icons/angleright";import a from"primevue/ripple";import{resolveComponent as u,resolveDirective as l,openBlock as m,createBlock as d,Transition as f,withCtx as h,createElementBlock as I,mergeProps as p,Fragment as v,renderList as b,createElementVNode as x,withDirectives as y,resolveDynamicComponent as g,normalizeClass as P,createCommentVNode as k,toDisplayString as L,createVNode as C}from"vue";var E=r("\n.p-contextmenu ul {\n margin: 0;\n padding: 0;\n list-style: none;\n}\n\n.p-contextmenu .p-submenu-list {\n position: absolute;\n min-width: 100%;\n z-index: 1;\n}\n\n.p-contextmenu .p-menuitem-link {\n cursor: pointer;\n display: flex;\n align-items: center;\n text-decoration: none;\n overflow: hidden;\n position: relative;\n}\n\n.p-contextmenu .p-menuitem-text {\n line-height: 1;\n}\n\n.p-contextmenu .p-menuitem {\n position: relative;\n}\n\n.p-contextmenu .p-menuitem-link .p-submenu-icon {\n margin-left: auto;\n}\n\n.p-contextmenu-enter-from {\n opacity: 0;\n}\n\n.p-contextmenu-enter-active {\n transition: opacity 250ms;\n}\n",{name:"contextmenu",manual:!0}),w={name:"BaseContextMenu",extends:o,props:{model:{type:Array,default:null},appendTo:{type:String,default:"body"},autoZIndex:{type:Boolean,default:!0},baseZIndex:{type:Number,default:0},global:{type:Boolean,default:!1},exact:{type:Boolean,default:!0},tabindex:{type:Number,default:0},"aria-labelledby":{type:String,default:null},"aria-label":{type:String,default:null}},css:{classes:{root:function(e){var t=e.instance;return["p-contextmenu p-component",{"p-input-filled":"filled"===t.$primevue.config.inputStyle,"p-ripple-disabled":!1===t.$primevue.config.ripple}]},menu:"p-contextmenu-root-list",menuitem:function(e){var t=e.instance,i=e.processedItem;return["p-menuitem",{"p-menuitem-active p-highlight":t.isItemActive(i),"p-focus":t.isItemFocused(i),"p-disabled":t.isItemDisabled(i)}]},content:"p-menuitem-content",action:function(e){return["p-menuitem-link",{"router-link-active":e.isActive,"router-link-active-exact":e.props.exact&&e.isExactActive}]},icon:"p-menuitem-icon",label:"p-menuitem-text",submenuIcon:"p-submenu-icon",submenu:"p-submenu-list",separator:"p-menuitem-separator"},loadStyle:E.load},provide:function(){return{$parentInstance:this}}},K={name:"ContextMenuSub",hostName:"ContextMenu",extends:o,emits:["item-click","item-mouseenter"],props:{items:{type:Array,default:null},menuId:{type:String,default:null},focusedItemId:{type:String,default:null},root:{type:Boolean,default:!1},visible:{type:Boolean,default:!1},level:{type:Number,default:0},templates:{type:Object,default:null},exact:{type:Boolean,default:!0},activeItemPath:{type:Object,default:null},tabindex:{type:Number,default:0}},methods:{getItemId:function(e){return"".concat(this.menuId,"_").concat(e.key)},getItemKey:function(e){return this.getItemId(e)},getItemProp:function(e,i,n){return e&&e.item?t.getItemValue(e.item[i],n):void 0},getItemLabel:function(e){return this.getItemProp(e,"label")},getPTOptions:function(e,t,i){return this.ptm(e,{context:{item:t,active:this.isItemActive(t),focused:this.isItemFocused(t),index:i}})},isItemActive:function(e){return this.activeItemPath.some((function(t){return t.key===e.key}))},isItemVisible:function(e){return!1!==this.getItemProp(e,"visible")},isItemDisabled:function(e){return this.getItemProp(e,"disabled")},isItemFocused:function(e){return this.focusedItemId===this.getItemId(e)},isItemGroup:function(e){return t.isNotEmpty(e.items)},onItemClick:function(e,t){this.getItemProp(t,"command",{originalEvent:e,item:t.item}),this.$emit("item-click",{originalEvent:e,processedItem:t,isFocus:!0})},onItemMouseEnter:function(e,t){this.$emit("item-mouseenter",{originalEvent:e,processedItem:t})},onItemActionClick:function(e,t){t&&t(e)},getAriaSetSize:function(){var e=this;return this.items.filter((function(t){return e.isItemVisible(t)&&!e.getItemProp(t,"separator")})).length},getAriaPosInset:function(e){var t=this;return e-this.items.slice(0,e).filter((function(e){return t.isItemVisible(e)&&t.getItemProp(e,"separator")})).length+1},onEnter:function(){this.position()},position:function(){var e=this.$refs.container.parentElement,t=i.getOffset(this.$refs.container.parentElement),n=i.getViewport(),s=this.$refs.container.offsetParent?this.$refs.container.offsetWidth:i.getHiddenElementOuterWidth(this.$refs.container),o=i.getOuterWidth(e.children[0]);this.$refs.container.style.top="0px",this.$refs.container.style.left=parseInt(t.left,10)+o+s>n.width-i.calculateScrollbarWidth()?-1*s+"px":o+"px"}},components:{AngleRightIcon:c},directives:{ripple:a}},A=["tabindex"],S=["id","aria-label","aria-disabled","aria-expanded","aria-haspopup","aria-level","aria-setsize","aria-posinset","data-p-highlight","data-p-focused","data-p-disabled"],O=["onClick","onMouseenter"],D=["href","onClick"],M=["href","target"],V=["id"];K.render=function(e,t,i,n,s,o){var r=u("router-link"),c=u("AngleRightIcon"),a=u("ContextMenuSub",!0),C=l("ripple");return m(),d(f,{name:"p-contextmenusub",onEnter:o.onEnter},{default:h((function(){return[i.root||i.visible?(m(),I("ul",p({key:0,ref:"container",tabindex:i.tabindex},e.ptm("menu")),[(m(!0),I(v,null,b(i.items,(function(n,s){return m(),I(v,{key:o.getItemKey(n)},[o.isItemVisible(n)&&!o.getItemProp(n,"separator")?(m(),I("li",p({key:0,id:o.getItemId(n),style:o.getItemProp(n,"style"),class:[e.cx("menuitem",{processedItem:n}),o.getItemProp(n,"class")],role:"menuitem","aria-label":o.getItemLabel(n),"aria-disabled":o.isItemDisabled(n)||void 0,"aria-expanded":o.isItemGroup(n)?o.isItemActive(n):void 0,"aria-haspopup":o.isItemGroup(n)&&!o.getItemProp(n,"to")?"menu":void 0,"aria-level":i.level+1,"aria-setsize":o.getAriaSetSize(),"aria-posinset":o.getAriaPosInset(s)},o.getPTOptions("menuitem",n,s),{"data-p-highlight":o.isItemActive(n),"data-p-focused":o.isItemFocused(n),"data-p-disabled":o.isItemDisabled(n)}),[x("div",p({class:e.cx("content"),onClick:function(e){return o.onItemClick(e,n)},onMouseenter:function(e){return o.onItemMouseEnter(e,n)}},o.getPTOptions("content",n,s)),[i.templates.item?(m(),d(g(i.templates.item),{key:1,item:n.item},null,8,["item"])):(m(),I(v,{key:0},[o.getItemProp(n,"to")&&!o.isItemDisabled(n)?(m(),d(r,{key:0,to:o.getItemProp(n,"to"),custom:""},{default:h((function(t){var r=t.navigate,c=t.href,a=t.isActive,u=t.isExactActive;return[y((m(),I("a",p({href:c,class:e.cx("action",{isActive:a,isExactActive:u}),tabindex:"-1","aria-hidden":"true",onClick:function(e){return o.onItemActionClick(e,r)}},o.getPTOptions("action",n,s)),[i.templates.itemicon?(m(),d(g(i.templates.itemicon),{key:0,item:n.item,class:P([e.cx("icon"),o.getItemProp(n,"icon")])},null,8,["item","class"])):o.getItemProp(n,"icon")?(m(),I("span",p({key:1,class:[e.cx("icon"),o.getItemProp(n,"icon")]},o.getPTOptions("icon",n,s)),null,16)):k("",!0),x("span",p({class:e.cx("label")},o.getPTOptions("label",n,s)),L(o.getItemLabel(n)),17)],16,D)),[[C]])]})),_:2},1032,["to"])):y((m(),I("a",p({key:1,href:o.getItemProp(n,"url"),class:e.cx("action"),target:o.getItemProp(n,"target"),tabindex:"-1","aria-hidden":"true"},o.getPTOptions("action",n,s)),[i.templates.itemicon?(m(),d(g(i.templates.itemicon),{key:0,item:n.item,class:P([e.cx("icon"),o.getItemProp(n,"icon")])},null,8,["item","class"])):o.getItemProp(n,"icon")?(m(),I("span",p({key:1,class:[e.cx("icon"),o.getItemProp(n,"icon")]},o.getPTOptions("icon",n,s)),null,16)):k("",!0),x("span",p({class:e.cx("label")},o.getPTOptions("label",n,s)),L(o.getItemLabel(n)),17),o.getItemProp(n,"items")?(m(),I(v,{key:2},[i.templates.submenuicon?(m(),d(g(i.templates.submenuicon),{key:0,active:o.isItemActive(n),class:P(e.cx("submenuIcon"))},null,8,["active","class"])):(m(),d(c,p({key:1,class:e.cx("submenuIcon")},o.getPTOptions("submenuicon",n,s)),null,16,["class"]))],64)):k("",!0)],16,M)),[[C]])],64))],16,O),o.isItemVisible(n)&&o.isItemGroup(n)?(m(),d(a,p({key:0,id:o.getItemId(n)+"_list",role:"menu",class:e.cx("submenu"),menuId:i.menuId,focusedItemId:i.focusedItemId,items:n.items,templates:i.templates,activeItemPath:i.activeItemPath,exact:i.exact,level:i.level+1,pt:e.pt,visible:o.isItemActive(n)&&o.isItemGroup(n),onItemClick:t[0]||(t[0]=function(t){return e.$emit("item-click",t)}),onItemMouseenter:t[1]||(t[1]=function(t){return e.$emit("item-mouseenter",t)})},e.ptm("submenu")),null,16,["id","class","menuId","focusedItemId","items","templates","activeItemPath","exact","level","pt","visible"])):k("",!0)],16,S)):k("",!0),o.isItemVisible(n)&&o.getItemProp(n,"separator")?(m(),I("li",p({key:1,id:o.getItemId(n),style:o.getItemProp(n,"style"),class:[e.cx("separator"),o.getItemProp(n,"class")],role:"separator"},e.ptm("separator")),null,16,V)):k("",!0)],64)})),128))],16,A)):k("",!0)]})),_:1},8,["onEnter"])};var F={name:"ContextMenu",extends:w,inheritAttrs:!1,emits:["focus","blur","show","hide"],target:null,outsideClickListener:null,resizeListener:null,documentContextMenuListener:null,pageX:null,pageY:null,container:null,list:null,data:function(){return{id:this.$attrs.id,focused:!1,focusedItemInfo:{index:-1,level:0,parentKey:""},activeItemPath:[],visible:!1,submenuVisible:!1}},watch:{"$attrs.id":function(e){this.id=e||n()},activeItemPath:function(e){t.isNotEmpty(e)?(this.bindOutsideClickListener(),this.bindResizeListener(),this.bindDocumentContextMenuListener()):this.visible||(this.unbindOutsideClickListener(),this.unbindResizeListener(),this.unbindDocumentContextMenuListener())}},beforeUnmount:function(){this.unbindResizeListener(),this.unbindOutsideClickListener(),this.unbindDocumentContextMenuListener(),this.container&&this.autoZIndex&&s.clear(this.container),this.target=null,this.container=null},mounted:function(){this.id=this.id||n(),this.global&&this.bindDocumentContextMenuListener()},methods:{getItemProp:function(e,i){return e?t.getItemValue(e[i]):void 0},getItemLabel:function(e){return this.getItemProp(e,"label")},isItemDisabled:function(e){return this.getItemProp(e,"disabled")},isItemGroup:function(e){return t.isNotEmpty(this.getItemProp(e,"items"))},isItemSeparator:function(e){return this.getItemProp(e,"separator")},getProccessedItemLabel:function(e){return e?this.getItemLabel(e.item):void 0},isProccessedItemGroup:function(e){return e&&t.isNotEmpty(e.items)},toggle:function(e){this.visible?this.hide():this.show(e)},show:function(e){this.activeItemPath=[],this.focusedItemInfo={index:-1,level:0,parentKey:""},i.focus(this.list),this.pageX=e.pageX,this.pageY=e.pageY,this.visible?this.position():this.visible=!0,e.stopPropagation(),e.preventDefault()},hide:function(){this.visible=!1,this.activeItemPath=[],this.focusedItemInfo={index:-1,level:0,parentKey:""}},onFocus:function(e){this.focused=!0,this.focusedItemInfo=-1!==this.focusedItemInfo.index?this.focusedItemInfo:{index:-1,level:0,parentKey:""},this.$emit("focus",e)},onBlur:function(e){this.focused=!1,this.focusedItemInfo={index:-1,level:0,parentKey:""},this.searchValue="",this.$emit("blur",e)},onKeyDown:function(e){var i=e.metaKey||e.ctrlKey;switch(e.code){case"ArrowDown":this.onArrowDownKey(e);break;case"ArrowUp":this.onArrowUpKey(e);break;case"ArrowLeft":this.onArrowLeftKey(e);break;case"ArrowRight":this.onArrowRightKey(e);break;case"Home":this.onHomeKey(e);break;case"End":this.onEndKey(e);break;case"Space":this.onSpaceKey(e);break;case"Enter":this.onEnterKey(e);break;case"Escape":this.onEscapeKey(e);break;case"Tab":this.onTabKey(e);break;case"PageDown":case"PageUp":case"Backspace":case"ShiftLeft":case"ShiftRight":break;default:!i&&t.isPrintableCharacter(e.key)&&this.searchItems(e,e.key)}},onItemChange:function(e){var n=e.processedItem,s=e.isFocus;if(!t.isEmpty(n)){var o=n.index,r=n.key,c=n.level,a=n.parentKey,u=t.isNotEmpty(n.items),l=this.activeItemPath.filter((function(e){return e.parentKey!==a&&e.parentKey!==r}));u&&(l.push(n),this.submenuVisible=!0),this.focusedItemInfo={index:o,level:c,parentKey:a},this.activeItemPath=l,s&&i.focus(this.list)}},onItemClick:function(e){var t=e.processedItem,n=this.isProccessedItemGroup(t);if(this.isSelected(t)){var s=t.index,o=t.key,r=t.level,c=t.parentKey;this.activeItemPath=this.activeItemPath.filter((function(e){return o!==e.key&&o.startsWith(e.key)})),this.focusedItemInfo={index:s,level:r,parentKey:c},i.focus(this.list)}else n?this.onItemChange(e):this.hide()},onItemMouseEnter:function(e){this.onItemChange(e)},onArrowDownKey:function(e){var t=-1!==this.focusedItemInfo.index?this.findNextItemIndex(this.focusedItemInfo.index):this.findFirstFocusedItemIndex();this.changeFocusedItemIndex(e,t),e.preventDefault()},onArrowUpKey:function(e){if(e.altKey){if(-1!==this.focusedItemInfo.index){var t=this.visibleItems[this.focusedItemInfo.index];!this.isProccessedItemGroup(t)&&this.onItemChange({originalEvent:e,processedItem:t})}this.popup&&this.hide(),e.preventDefault()}else{var i=-1!==this.focusedItemInfo.index?this.findPrevItemIndex(this.focusedItemInfo.index):this.findLastFocusedItemIndex();this.changeFocusedItemIndex(e,i),e.preventDefault()}},onArrowLeftKey:function(e){var i=this,n=this.visibleItems[this.focusedItemInfo.index],s=this.activeItemPath.find((function(e){return e.key===n.parentKey}));t.isEmpty(n.parent)||(this.focusedItemInfo={index:-1,parentKey:s?s.parentKey:""},this.searchValue="",this.onArrowDownKey(e)),this.activeItemPath=this.activeItemPath.filter((function(e){return e.parentKey!==i.focusedItemInfo.parentKey})),e.preventDefault()},onArrowRightKey:function(e){var t=this.visibleItems[this.focusedItemInfo.index];this.isProccessedItemGroup(t)&&(this.onItemChange({originalEvent:e,processedItem:t}),this.focusedItemInfo={index:-1,parentKey:t.key},this.searchValue="",this.onArrowDownKey(e)),e.preventDefault()},onHomeKey:function(e){this.changeFocusedItemIndex(e,this.findFirstItemIndex()),e.preventDefault()},onEndKey:function(e){this.changeFocusedItemIndex(e,this.findLastItemIndex()),e.preventDefault()},onEnterKey:function(e){if(-1!==this.focusedItemInfo.index){var t=i.findSingle(this.list,'li[id="'.concat("".concat(this.focusedItemId),'"]')),n=t&&i.findSingle(t,'a[data-pc-section="action"]');n?n.click():t&&t.click(),!this.isProccessedItemGroup(this.visibleItems[this.focusedItemInfo.index])&&(this.focusedItemInfo.index=this.findFirstFocusedItemIndex())}e.preventDefault()},onSpaceKey:function(e){this.onEnterKey(e)},onEscapeKey:function(e){this.hide(),!this.popup&&(this.focusedItemInfo.index=this.findFirstFocusedItemIndex()),e.preventDefault()},onTabKey:function(e){if(-1!==this.focusedItemInfo.index){var t=this.visibleItems[this.focusedItemInfo.index];!this.isProccessedItemGroup(t)&&this.onItemChange({originalEvent:e,processedItem:t})}this.hide()},onEnter:function(e){i.addStyles(e,{position:"absolute"}),this.position(),this.autoZIndex&&s.set("menu",e,this.baseZIndex+this.$primevue.config.zIndex.menu)},onAfterEnter:function(){this.bindOutsideClickListener(),this.bindResizeListener(),this.bindDocumentContextMenuListener(),this.$emit("show"),i.focus(this.list)},onLeave:function(){this.$emit("hide"),this.container=null},onAfterLeave:function(e){this.autoZIndex&&s.clear(e),this.unbindOutsideClickListener(),this.unbindResizeListener(),this.unbindDocumentContextMenuListener()},position:function(){var e=this.pageX+1,t=this.pageY+1,n=this.container.offsetParent?this.container.offsetWidth:i.getHiddenElementOuterWidth(this.container),s=this.container.offsetParent?this.container.offsetHeight:i.getHiddenElementOuterHeight(this.container),o=i.getViewport();e+n-document.body.scrollLeft>o.width&&(e-=n),t+s-document.body.scrollTop>o.height&&(t-=s),e<document.body.scrollLeft&&(e=document.body.scrollLeft),t<document.body.scrollTop&&(t=document.body.scrollTop),this.container.style.left=e+"px",this.container.style.top=t+"px"},bindOutsideClickListener:function(){var e=this;this.outsideClickListener||(this.outsideClickListener=function(t){var i=e.container&&!e.container.contains(t.target),n=!e.visible||!(e.target&&(e.target===t.target||e.target.contains(t.target)));i&&n&&e.hide()},document.addEventListener("click",this.outsideClickListener))},unbindOutsideClickListener:function(){this.outsideClickListener&&(document.removeEventListener("click",this.outsideClickListener),this.outsideClickListener=null)},bindResizeListener:function(){var e=this;this.resizeListener||(this.resizeListener=function(){e.visible&&!i.isTouchDevice()&&e.hide()},window.addEventListener("resize",this.resizeListener))},unbindResizeListener:function(){this.resizeListener&&(window.removeEventListener("resize",this.resizeListener),this.resizeListener=null)},bindDocumentContextMenuListener:function(){var e=this;this.documentContextMenuListener||(this.documentContextMenuListener=function(t){2!==t.button?e.show(t):e.hide()},document.addEventListener("contextmenu",this.documentContextMenuListener))},unbindDocumentContextMenuListener:function(){this.documentContextMenuListener&&(document.removeEventListener("contextmenu",this.documentContextMenuListener),this.documentContextMenuListener=null)},isItemMatched:function(e){return this.isValidItem(e)&&this.getProccessedItemLabel(e).toLocaleLowerCase().startsWith(this.searchValue.toLocaleLowerCase())},isValidItem:function(e){return!!e&&!this.isItemDisabled(e.item)&&!this.isItemSeparator(e.item)},isValidSelectedItem:function(e){return this.isValidItem(e)&&this.isSelected(e)},isSelected:function(e){return this.activeItemPath.some((function(t){return t.key===e.key}))},findFirstItemIndex:function(){var e=this;return this.visibleItems.findIndex((function(t){return e.isValidItem(t)}))},findLastItemIndex:function(){var e=this;return t.findLastIndex(this.visibleItems,(function(t){return e.isValidItem(t)}))},findNextItemIndex:function(e){var t=this,i=e<this.visibleItems.length-1?this.visibleItems.slice(e+1).findIndex((function(e){return t.isValidItem(e)})):-1;return i>-1?i+e+1:e},findPrevItemIndex:function(e){var i=this,n=e>0?t.findLastIndex(this.visibleItems.slice(0,e),(function(e){return i.isValidItem(e)})):-1;return n>-1?n:e},findSelectedItemIndex:function(){var e=this;return this.visibleItems.findIndex((function(t){return e.isValidSelectedItem(t)}))},findFirstFocusedItemIndex:function(){var e=this.findSelectedItemIndex();return e<0?this.findFirstItemIndex():e},findLastFocusedItemIndex:function(){var e=this.findSelectedItemIndex();return e<0?this.findLastItemIndex():e},searchItems:function(e,t){var i=this;this.searchValue=(this.searchValue||"")+t;var n=-1,s=!1;return-1!==(n=-1!==this.focusedItemInfo.index?-1===(n=this.visibleItems.slice(this.focusedItemInfo.index).findIndex((function(e){return i.isItemMatched(e)})))?this.visibleItems.slice(0,this.focusedItemInfo.index).findIndex((function(e){return i.isItemMatched(e)})):n+this.focusedItemInfo.index:this.visibleItems.findIndex((function(e){return i.isItemMatched(e)})))&&(s=!0),-1===n&&-1===this.focusedItemInfo.index&&(n=this.findFirstFocusedItemIndex()),-1!==n&&this.changeFocusedItemIndex(e,n),this.searchTimeout&&clearTimeout(this.searchTimeout),this.searchTimeout=setTimeout((function(){i.searchValue="",i.searchTimeout=null}),500),s},changeFocusedItemIndex:function(e,t){this.focusedItemInfo.index!==t&&(this.focusedItemInfo.index=t,this.scrollInView())},scrollInView:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:-1,t=-1!==e?"".concat(this.id,"_").concat(e):this.focusedItemId,n=i.findSingle(this.list,'li[id="'.concat(t,'"]'));n&&n.scrollIntoView&&n.scrollIntoView({block:"nearest",inline:"start"})},createProcessedItems:function(e){var t=this,i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},s=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",o=[];return e&&e.forEach((function(e,r){var c=(""!==s?s+"_":"")+r,a={item:e,index:r,level:i,key:c,parent:n,parentKey:s};a.items=t.createProcessedItems(e.items,i+1,a,c),o.push(a)})),o},containerRef:function(e){this.container=e},listRef:function(e){this.list=e?e.$el:void 0}},computed:{processedItems:function(){return this.createProcessedItems(this.model||[])},visibleItems:function(){var e=this,t=this.activeItemPath.find((function(t){return t.key===e.focusedItemInfo.parentKey}));return t?t.items:this.processedItems},focusedItemId:function(){return-1!==this.focusedItemInfo.index?"".concat(this.id).concat(t.isNotEmpty(this.focusedItemInfo.parentKey)?"_"+this.focusedItemInfo.parentKey:"","_").concat(this.focusedItemInfo.index):null}},components:{ContextMenuSub:K,Portal:e}};function T(e){return T="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},T(e)}function $(e,t){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),i.push.apply(i,n)}return i}function z(e){for(var t=1;t<arguments.length;t++){var i=null!=arguments[t]?arguments[t]:{};t%2?$(Object(i),!0).forEach((function(t){R(e,t,i[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):$(Object(i)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(i,t))}))}return e}function R(e,t,i){return(t=j(t))in e?Object.defineProperty(e,t,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[t]=i,e}function j(e){var t=N(e,"string");return"symbol"===T(t)?t:String(t)}function N(e,t){if("object"!==T(e)||null===e)return e;var i=e[Symbol.toPrimitive];if(void 0!==i){var n=i.call(e,t||"default");if("object"!==T(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}F.render=function(e,t,i,n,s,o){var r=u("ContextMenuSub"),c=u("Portal");return m(),d(c,{appendTo:e.appendTo},{default:h((function(){return[C(f,{name:"p-contextmenu",onEnter:o.onEnter,onAfterEnter:o.onAfterEnter,onLeave:o.onLeave,onAfterLeave:o.onAfterLeave},{default:h((function(){return[s.visible?(m(),I("div",p({key:0,ref:o.containerRef,class:e.cx("root")},z(z({},e.$attrs),e.ptm("root")),{"data-pc-name":"contextmenu"}),[C(r,{ref:o.listRef,id:s.id+"_list",class:P(e.cx("menu")),role:"menubar",root:!0,tabindex:e.tabindex,"aria-orientation":"vertical","aria-activedescendant":s.focused?o.focusedItemId:void 0,menuId:s.id,focusedItemId:s.focused?o.focusedItemId:void 0,items:o.processedItems,templates:e.$slots,activeItemPath:s.activeItemPath,exact:e.exact,"aria-labelledby":e.ariaLabelledby,"aria-label":e.ariaLabel,level:0,visible:s.submenuVisible,pt:e.pt,onFocus:o.onFocus,onBlur:o.onBlur,onKeydown:o.onKeyDown,onItemClick:o.onItemClick,onItemMouseenter:o.onItemMouseEnter},null,8,["id","class","tabindex","aria-activedescendant","menuId","focusedItemId","items","templates","activeItemPath","exact","aria-labelledby","aria-label","visible","pt","onFocus","onBlur","onKeydown","onItemClick","onItemMouseenter"])],16)):k("",!0)]})),_:1},8,["onEnter","onAfterEnter","onLeave","onAfterLeave"])]})),_:1},8,["appendTo"])};export{F as default};
|
|
1
|
+
import e from"primevue/portal";import{ObjectUtils as t,DomHandler as n,UniqueComponentId as i,ZIndexUtils as s}from"primevue/utils";import o from"primevue/basecomponent";import{useStyle as r}from"primevue/usestyle";import c from"primevue/icons/angleright";import a from"primevue/ripple";import{resolveComponent as u,resolveDirective as l,openBlock as m,createBlock as d,Transition as f,mergeProps as h,withCtx as I,createElementBlock as p,Fragment as v,renderList as b,createElementVNode as x,withDirectives as y,resolveDynamicComponent as g,normalizeClass as P,createCommentVNode as k,toDisplayString as L,createVNode as C}from"vue";var E=r("\n.p-contextmenu ul {\n margin: 0;\n padding: 0;\n list-style: none;\n}\n\n.p-contextmenu .p-submenu-list {\n position: absolute;\n min-width: 100%;\n z-index: 1;\n}\n\n.p-contextmenu .p-menuitem-link {\n cursor: pointer;\n display: flex;\n align-items: center;\n text-decoration: none;\n overflow: hidden;\n position: relative;\n}\n\n.p-contextmenu .p-menuitem-text {\n line-height: 1;\n}\n\n.p-contextmenu .p-menuitem {\n position: relative;\n}\n\n.p-contextmenu .p-menuitem-link .p-submenu-icon {\n margin-left: auto;\n}\n\n.p-contextmenu-enter-from {\n opacity: 0;\n}\n\n.p-contextmenu-enter-active {\n transition: opacity 250ms;\n}\n",{name:"contextmenu",manual:!0}),w={name:"BaseContextMenu",extends:o,props:{model:{type:Array,default:null},appendTo:{type:String,default:"body"},autoZIndex:{type:Boolean,default:!0},baseZIndex:{type:Number,default:0},global:{type:Boolean,default:!1},exact:{type:Boolean,default:!0},tabindex:{type:Number,default:0},"aria-labelledby":{type:String,default:null},"aria-label":{type:String,default:null}},css:{classes:{root:function(e){var t=e.instance;return["p-contextmenu p-component",{"p-input-filled":"filled"===t.$primevue.config.inputStyle,"p-ripple-disabled":!1===t.$primevue.config.ripple}]},menu:"p-contextmenu-root-list",menuitem:function(e){var t=e.instance,n=e.processedItem;return["p-menuitem",{"p-menuitem-active p-highlight":t.isItemActive(n),"p-focus":t.isItemFocused(n),"p-disabled":t.isItemDisabled(n)}]},content:"p-menuitem-content",action:function(e){return["p-menuitem-link",{"router-link-active":e.isActive,"router-link-active-exact":e.props.exact&&e.isExactActive}]},icon:"p-menuitem-icon",label:"p-menuitem-text",submenuIcon:"p-submenu-icon",submenu:"p-submenu-list",separator:"p-menuitem-separator"},loadStyle:E.load},provide:function(){return{$parentInstance:this}}},K={name:"ContextMenuSub",hostName:"ContextMenu",extends:o,emits:["item-click","item-mouseenter"],props:{items:{type:Array,default:null},menuId:{type:String,default:null},focusedItemId:{type:String,default:null},root:{type:Boolean,default:!1},visible:{type:Boolean,default:!1},level:{type:Number,default:0},templates:{type:Object,default:null},exact:{type:Boolean,default:!0},activeItemPath:{type:Object,default:null},tabindex:{type:Number,default:0}},methods:{getItemId:function(e){return"".concat(this.menuId,"_").concat(e.key)},getItemKey:function(e){return this.getItemId(e)},getItemProp:function(e,n,i){return e&&e.item?t.getItemValue(e.item[n],i):void 0},getItemLabel:function(e){return this.getItemProp(e,"label")},getPTOptions:function(e,t,n){return this.ptm(e,{context:{item:t,active:this.isItemActive(t),focused:this.isItemFocused(t),index:n}})},isItemActive:function(e){return this.activeItemPath.some((function(t){return t.key===e.key}))},isItemVisible:function(e){return!1!==this.getItemProp(e,"visible")},isItemDisabled:function(e){return this.getItemProp(e,"disabled")},isItemFocused:function(e){return this.focusedItemId===this.getItemId(e)},isItemGroup:function(e){return t.isNotEmpty(e.items)},onItemClick:function(e,t){this.getItemProp(t,"command",{originalEvent:e,item:t.item}),this.$emit("item-click",{originalEvent:e,processedItem:t,isFocus:!0})},onItemMouseEnter:function(e,t){this.$emit("item-mouseenter",{originalEvent:e,processedItem:t})},onItemActionClick:function(e,t){t&&t(e)},getAriaSetSize:function(){var e=this;return this.items.filter((function(t){return e.isItemVisible(t)&&!e.getItemProp(t,"separator")})).length},getAriaPosInset:function(e){var t=this;return e-this.items.slice(0,e).filter((function(e){return t.isItemVisible(e)&&t.getItemProp(e,"separator")})).length+1},onEnter:function(){this.position()},position:function(){var e=this.$refs.container.parentElement,t=n.getOffset(this.$refs.container.parentElement),i=n.getViewport(),s=this.$refs.container.offsetParent?this.$refs.container.offsetWidth:n.getHiddenElementOuterWidth(this.$refs.container),o=n.getOuterWidth(e.children[0]);this.$refs.container.style.top="0px",this.$refs.container.style.left=parseInt(t.left,10)+o+s>i.width-n.calculateScrollbarWidth()?-1*s+"px":o+"px"}},components:{AngleRightIcon:c},directives:{ripple:a}},A=["tabindex"],S=["id","aria-label","aria-disabled","aria-expanded","aria-haspopup","aria-level","aria-setsize","aria-posinset","data-p-highlight","data-p-focused","data-p-disabled"],O=["onClick","onMouseenter"],D=["href","onClick"],M=["href","target"],V=["id"];K.render=function(e,t,n,i,s,o){var r=u("router-link"),c=u("AngleRightIcon"),a=u("ContextMenuSub",!0),C=l("ripple");return m(),d(f,h({name:"p-contextmenusub",onEnter:o.onEnter},e.ptm("menu.transition")),{default:I((function(){return[n.root||n.visible?(m(),p("ul",h({key:0,ref:"container",tabindex:n.tabindex},e.ptm("menu")),[(m(!0),p(v,null,b(n.items,(function(i,s){return m(),p(v,{key:o.getItemKey(i)},[o.isItemVisible(i)&&!o.getItemProp(i,"separator")?(m(),p("li",h({key:0,id:o.getItemId(i),style:o.getItemProp(i,"style"),class:[e.cx("menuitem",{processedItem:i}),o.getItemProp(i,"class")],role:"menuitem","aria-label":o.getItemLabel(i),"aria-disabled":o.isItemDisabled(i)||void 0,"aria-expanded":o.isItemGroup(i)?o.isItemActive(i):void 0,"aria-haspopup":o.isItemGroup(i)&&!o.getItemProp(i,"to")?"menu":void 0,"aria-level":n.level+1,"aria-setsize":o.getAriaSetSize(),"aria-posinset":o.getAriaPosInset(s)},o.getPTOptions("menuitem",i,s),{"data-p-highlight":o.isItemActive(i),"data-p-focused":o.isItemFocused(i),"data-p-disabled":o.isItemDisabled(i)}),[x("div",h({class:e.cx("content"),onClick:function(e){return o.onItemClick(e,i)},onMouseenter:function(e){return o.onItemMouseEnter(e,i)}},o.getPTOptions("content",i,s)),[n.templates.item?(m(),d(g(n.templates.item),{key:1,item:i.item},null,8,["item"])):(m(),p(v,{key:0},[o.getItemProp(i,"to")&&!o.isItemDisabled(i)?(m(),d(r,{key:0,to:o.getItemProp(i,"to"),custom:""},{default:I((function(t){var r=t.navigate,c=t.href,a=t.isActive,u=t.isExactActive;return[y((m(),p("a",h({href:c,class:e.cx("action",{isActive:a,isExactActive:u}),tabindex:"-1","aria-hidden":"true",onClick:function(e){return o.onItemActionClick(e,r)}},o.getPTOptions("action",i,s)),[n.templates.itemicon?(m(),d(g(n.templates.itemicon),{key:0,item:i.item,class:P([e.cx("icon"),o.getItemProp(i,"icon")])},null,8,["item","class"])):o.getItemProp(i,"icon")?(m(),p("span",h({key:1,class:[e.cx("icon"),o.getItemProp(i,"icon")]},o.getPTOptions("icon",i,s)),null,16)):k("",!0),x("span",h({class:e.cx("label")},o.getPTOptions("label",i,s)),L(o.getItemLabel(i)),17)],16,D)),[[C]])]})),_:2},1032,["to"])):y((m(),p("a",h({key:1,href:o.getItemProp(i,"url"),class:e.cx("action"),target:o.getItemProp(i,"target"),tabindex:"-1","aria-hidden":"true"},o.getPTOptions("action",i,s)),[n.templates.itemicon?(m(),d(g(n.templates.itemicon),{key:0,item:i.item,class:P([e.cx("icon"),o.getItemProp(i,"icon")])},null,8,["item","class"])):o.getItemProp(i,"icon")?(m(),p("span",h({key:1,class:[e.cx("icon"),o.getItemProp(i,"icon")]},o.getPTOptions("icon",i,s)),null,16)):k("",!0),x("span",h({class:e.cx("label")},o.getPTOptions("label",i,s)),L(o.getItemLabel(i)),17),o.getItemProp(i,"items")?(m(),p(v,{key:2},[n.templates.submenuicon?(m(),d(g(n.templates.submenuicon),{key:0,active:o.isItemActive(i),class:P(e.cx("submenuIcon"))},null,8,["active","class"])):(m(),d(c,h({key:1,class:e.cx("submenuIcon")},o.getPTOptions("submenuicon",i,s)),null,16,["class"]))],64)):k("",!0)],16,M)),[[C]])],64))],16,O),o.isItemVisible(i)&&o.isItemGroup(i)?(m(),d(a,h({key:0,id:o.getItemId(i)+"_list",role:"menu",class:e.cx("submenu"),menuId:n.menuId,focusedItemId:n.focusedItemId,items:i.items,templates:n.templates,activeItemPath:n.activeItemPath,exact:n.exact,level:n.level+1,pt:e.pt,visible:o.isItemActive(i)&&o.isItemGroup(i),onItemClick:t[0]||(t[0]=function(t){return e.$emit("item-click",t)}),onItemMouseenter:t[1]||(t[1]=function(t){return e.$emit("item-mouseenter",t)})},e.ptm("submenu")),null,16,["id","class","menuId","focusedItemId","items","templates","activeItemPath","exact","level","pt","visible"])):k("",!0)],16,S)):k("",!0),o.isItemVisible(i)&&o.getItemProp(i,"separator")?(m(),p("li",h({key:1,id:o.getItemId(i),style:o.getItemProp(i,"style"),class:[e.cx("separator"),o.getItemProp(i,"class")],role:"separator"},e.ptm("separator")),null,16,V)):k("",!0)],64)})),128))],16,A)):k("",!0)]})),_:1},16,["onEnter"])};var F={name:"ContextMenu",extends:w,inheritAttrs:!1,emits:["focus","blur","show","hide"],target:null,outsideClickListener:null,resizeListener:null,documentContextMenuListener:null,pageX:null,pageY:null,container:null,list:null,data:function(){return{id:this.$attrs.id,focused:!1,focusedItemInfo:{index:-1,level:0,parentKey:""},activeItemPath:[],visible:!1,submenuVisible:!1}},watch:{"$attrs.id":function(e){this.id=e||i()},activeItemPath:function(e){t.isNotEmpty(e)?(this.bindOutsideClickListener(),this.bindResizeListener(),this.bindDocumentContextMenuListener()):this.visible||(this.unbindOutsideClickListener(),this.unbindResizeListener(),this.unbindDocumentContextMenuListener())}},beforeUnmount:function(){this.unbindResizeListener(),this.unbindOutsideClickListener(),this.unbindDocumentContextMenuListener(),this.container&&this.autoZIndex&&s.clear(this.container),this.target=null,this.container=null},mounted:function(){this.id=this.id||i(),this.global&&this.bindDocumentContextMenuListener()},methods:{getItemProp:function(e,n){return e?t.getItemValue(e[n]):void 0},getItemLabel:function(e){return this.getItemProp(e,"label")},isItemDisabled:function(e){return this.getItemProp(e,"disabled")},isItemGroup:function(e){return t.isNotEmpty(this.getItemProp(e,"items"))},isItemSeparator:function(e){return this.getItemProp(e,"separator")},getProccessedItemLabel:function(e){return e?this.getItemLabel(e.item):void 0},isProccessedItemGroup:function(e){return e&&t.isNotEmpty(e.items)},toggle:function(e){this.visible?this.hide():this.show(e)},show:function(e){this.activeItemPath=[],this.focusedItemInfo={index:-1,level:0,parentKey:""},n.focus(this.list),this.pageX=e.pageX,this.pageY=e.pageY,this.visible?this.position():this.visible=!0,e.stopPropagation(),e.preventDefault()},hide:function(){this.visible=!1,this.activeItemPath=[],this.focusedItemInfo={index:-1,level:0,parentKey:""}},onFocus:function(e){this.focused=!0,this.focusedItemInfo=-1!==this.focusedItemInfo.index?this.focusedItemInfo:{index:-1,level:0,parentKey:""},this.$emit("focus",e)},onBlur:function(e){this.focused=!1,this.focusedItemInfo={index:-1,level:0,parentKey:""},this.searchValue="",this.$emit("blur",e)},onKeyDown:function(e){var n=e.metaKey||e.ctrlKey;switch(e.code){case"ArrowDown":this.onArrowDownKey(e);break;case"ArrowUp":this.onArrowUpKey(e);break;case"ArrowLeft":this.onArrowLeftKey(e);break;case"ArrowRight":this.onArrowRightKey(e);break;case"Home":this.onHomeKey(e);break;case"End":this.onEndKey(e);break;case"Space":this.onSpaceKey(e);break;case"Enter":this.onEnterKey(e);break;case"Escape":this.onEscapeKey(e);break;case"Tab":this.onTabKey(e);break;case"PageDown":case"PageUp":case"Backspace":case"ShiftLeft":case"ShiftRight":break;default:!n&&t.isPrintableCharacter(e.key)&&this.searchItems(e,e.key)}},onItemChange:function(e){var i=e.processedItem,s=e.isFocus;if(!t.isEmpty(i)){var o=i.index,r=i.key,c=i.level,a=i.parentKey,u=t.isNotEmpty(i.items),l=this.activeItemPath.filter((function(e){return e.parentKey!==a&&e.parentKey!==r}));u&&(l.push(i),this.submenuVisible=!0),this.focusedItemInfo={index:o,level:c,parentKey:a},this.activeItemPath=l,s&&n.focus(this.list)}},onItemClick:function(e){var t=e.processedItem,i=this.isProccessedItemGroup(t);if(this.isSelected(t)){var s=t.index,o=t.key,r=t.level,c=t.parentKey;this.activeItemPath=this.activeItemPath.filter((function(e){return o!==e.key&&o.startsWith(e.key)})),this.focusedItemInfo={index:s,level:r,parentKey:c},n.focus(this.list)}else i?this.onItemChange(e):this.hide()},onItemMouseEnter:function(e){this.onItemChange(e)},onArrowDownKey:function(e){var t=-1!==this.focusedItemInfo.index?this.findNextItemIndex(this.focusedItemInfo.index):this.findFirstFocusedItemIndex();this.changeFocusedItemIndex(e,t),e.preventDefault()},onArrowUpKey:function(e){if(e.altKey){if(-1!==this.focusedItemInfo.index){var t=this.visibleItems[this.focusedItemInfo.index];!this.isProccessedItemGroup(t)&&this.onItemChange({originalEvent:e,processedItem:t})}this.popup&&this.hide(),e.preventDefault()}else{var n=-1!==this.focusedItemInfo.index?this.findPrevItemIndex(this.focusedItemInfo.index):this.findLastFocusedItemIndex();this.changeFocusedItemIndex(e,n),e.preventDefault()}},onArrowLeftKey:function(e){var n=this,i=this.visibleItems[this.focusedItemInfo.index],s=this.activeItemPath.find((function(e){return e.key===i.parentKey}));t.isEmpty(i.parent)||(this.focusedItemInfo={index:-1,parentKey:s?s.parentKey:""},this.searchValue="",this.onArrowDownKey(e)),this.activeItemPath=this.activeItemPath.filter((function(e){return e.parentKey!==n.focusedItemInfo.parentKey})),e.preventDefault()},onArrowRightKey:function(e){var t=this.visibleItems[this.focusedItemInfo.index];this.isProccessedItemGroup(t)&&(this.onItemChange({originalEvent:e,processedItem:t}),this.focusedItemInfo={index:-1,parentKey:t.key},this.searchValue="",this.onArrowDownKey(e)),e.preventDefault()},onHomeKey:function(e){this.changeFocusedItemIndex(e,this.findFirstItemIndex()),e.preventDefault()},onEndKey:function(e){this.changeFocusedItemIndex(e,this.findLastItemIndex()),e.preventDefault()},onEnterKey:function(e){if(-1!==this.focusedItemInfo.index){var t=n.findSingle(this.list,'li[id="'.concat("".concat(this.focusedItemId),'"]')),i=t&&n.findSingle(t,'a[data-pc-section="action"]');i?i.click():t&&t.click(),!this.isProccessedItemGroup(this.visibleItems[this.focusedItemInfo.index])&&(this.focusedItemInfo.index=this.findFirstFocusedItemIndex())}e.preventDefault()},onSpaceKey:function(e){this.onEnterKey(e)},onEscapeKey:function(e){this.hide(),!this.popup&&(this.focusedItemInfo.index=this.findFirstFocusedItemIndex()),e.preventDefault()},onTabKey:function(e){if(-1!==this.focusedItemInfo.index){var t=this.visibleItems[this.focusedItemInfo.index];!this.isProccessedItemGroup(t)&&this.onItemChange({originalEvent:e,processedItem:t})}this.hide()},onEnter:function(e){n.addStyles(e,{position:"absolute"}),this.position(),this.autoZIndex&&s.set("menu",e,this.baseZIndex+this.$primevue.config.zIndex.menu)},onAfterEnter:function(){this.bindOutsideClickListener(),this.bindResizeListener(),this.bindDocumentContextMenuListener(),this.$emit("show"),n.focus(this.list)},onLeave:function(){this.$emit("hide"),this.container=null},onAfterLeave:function(e){this.autoZIndex&&s.clear(e),this.unbindOutsideClickListener(),this.unbindResizeListener(),this.unbindDocumentContextMenuListener()},position:function(){var e=this.pageX+1,t=this.pageY+1,i=this.container.offsetParent?this.container.offsetWidth:n.getHiddenElementOuterWidth(this.container),s=this.container.offsetParent?this.container.offsetHeight:n.getHiddenElementOuterHeight(this.container),o=n.getViewport();e+i-document.body.scrollLeft>o.width&&(e-=i),t+s-document.body.scrollTop>o.height&&(t-=s),e<document.body.scrollLeft&&(e=document.body.scrollLeft),t<document.body.scrollTop&&(t=document.body.scrollTop),this.container.style.left=e+"px",this.container.style.top=t+"px"},bindOutsideClickListener:function(){var e=this;this.outsideClickListener||(this.outsideClickListener=function(t){var n=e.container&&!e.container.contains(t.target),i=!e.visible||!(e.target&&(e.target===t.target||e.target.contains(t.target)));n&&i&&e.hide()},document.addEventListener("click",this.outsideClickListener))},unbindOutsideClickListener:function(){this.outsideClickListener&&(document.removeEventListener("click",this.outsideClickListener),this.outsideClickListener=null)},bindResizeListener:function(){var e=this;this.resizeListener||(this.resizeListener=function(){e.visible&&!n.isTouchDevice()&&e.hide()},window.addEventListener("resize",this.resizeListener))},unbindResizeListener:function(){this.resizeListener&&(window.removeEventListener("resize",this.resizeListener),this.resizeListener=null)},bindDocumentContextMenuListener:function(){var e=this;this.documentContextMenuListener||(this.documentContextMenuListener=function(t){2!==t.button?e.show(t):e.hide()},document.addEventListener("contextmenu",this.documentContextMenuListener))},unbindDocumentContextMenuListener:function(){this.documentContextMenuListener&&(document.removeEventListener("contextmenu",this.documentContextMenuListener),this.documentContextMenuListener=null)},isItemMatched:function(e){return this.isValidItem(e)&&this.getProccessedItemLabel(e).toLocaleLowerCase().startsWith(this.searchValue.toLocaleLowerCase())},isValidItem:function(e){return!!e&&!this.isItemDisabled(e.item)&&!this.isItemSeparator(e.item)},isValidSelectedItem:function(e){return this.isValidItem(e)&&this.isSelected(e)},isSelected:function(e){return this.activeItemPath.some((function(t){return t.key===e.key}))},findFirstItemIndex:function(){var e=this;return this.visibleItems.findIndex((function(t){return e.isValidItem(t)}))},findLastItemIndex:function(){var e=this;return t.findLastIndex(this.visibleItems,(function(t){return e.isValidItem(t)}))},findNextItemIndex:function(e){var t=this,n=e<this.visibleItems.length-1?this.visibleItems.slice(e+1).findIndex((function(e){return t.isValidItem(e)})):-1;return n>-1?n+e+1:e},findPrevItemIndex:function(e){var n=this,i=e>0?t.findLastIndex(this.visibleItems.slice(0,e),(function(e){return n.isValidItem(e)})):-1;return i>-1?i:e},findSelectedItemIndex:function(){var e=this;return this.visibleItems.findIndex((function(t){return e.isValidSelectedItem(t)}))},findFirstFocusedItemIndex:function(){var e=this.findSelectedItemIndex();return e<0?this.findFirstItemIndex():e},findLastFocusedItemIndex:function(){var e=this.findSelectedItemIndex();return e<0?this.findLastItemIndex():e},searchItems:function(e,t){var n=this;this.searchValue=(this.searchValue||"")+t;var i=-1,s=!1;return-1!==(i=-1!==this.focusedItemInfo.index?-1===(i=this.visibleItems.slice(this.focusedItemInfo.index).findIndex((function(e){return n.isItemMatched(e)})))?this.visibleItems.slice(0,this.focusedItemInfo.index).findIndex((function(e){return n.isItemMatched(e)})):i+this.focusedItemInfo.index:this.visibleItems.findIndex((function(e){return n.isItemMatched(e)})))&&(s=!0),-1===i&&-1===this.focusedItemInfo.index&&(i=this.findFirstFocusedItemIndex()),-1!==i&&this.changeFocusedItemIndex(e,i),this.searchTimeout&&clearTimeout(this.searchTimeout),this.searchTimeout=setTimeout((function(){n.searchValue="",n.searchTimeout=null}),500),s},changeFocusedItemIndex:function(e,t){this.focusedItemInfo.index!==t&&(this.focusedItemInfo.index=t,this.scrollInView())},scrollInView:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:-1,t=-1!==e?"".concat(this.id,"_").concat(e):this.focusedItemId,i=n.findSingle(this.list,'li[id="'.concat(t,'"]'));i&&i.scrollIntoView&&i.scrollIntoView({block:"nearest",inline:"start"})},createProcessedItems:function(e){var t=this,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},s=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",o=[];return e&&e.forEach((function(e,r){var c=(""!==s?s+"_":"")+r,a={item:e,index:r,level:n,key:c,parent:i,parentKey:s};a.items=t.createProcessedItems(e.items,n+1,a,c),o.push(a)})),o},containerRef:function(e){this.container=e},listRef:function(e){this.list=e?e.$el:void 0}},computed:{processedItems:function(){return this.createProcessedItems(this.model||[])},visibleItems:function(){var e=this,t=this.activeItemPath.find((function(t){return t.key===e.focusedItemInfo.parentKey}));return t?t.items:this.processedItems},focusedItemId:function(){return-1!==this.focusedItemInfo.index?"".concat(this.id).concat(t.isNotEmpty(this.focusedItemInfo.parentKey)?"_"+this.focusedItemInfo.parentKey:"","_").concat(this.focusedItemInfo.index):null}},components:{ContextMenuSub:K,Portal:e}};function T(e){return T="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},T(e)}function $(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function z(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?$(Object(n),!0).forEach((function(t){R(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):$(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function R(e,t,n){return(t=j(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function j(e){var t=N(e,"string");return"symbol"===T(t)?t:String(t)}function N(e,t){if("object"!==T(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var i=n.call(e,t||"default");if("object"!==T(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}F.render=function(e,t,n,i,s,o){var r=u("ContextMenuSub"),c=u("Portal");return m(),d(c,{appendTo:e.appendTo},{default:I((function(){return[C(f,h({name:"p-contextmenu",onEnter:o.onEnter,onAfterEnter:o.onAfterEnter,onLeave:o.onLeave,onAfterLeave:o.onAfterLeave},e.ptm("transition")),{default:I((function(){return[s.visible?(m(),p("div",h({key:0,ref:o.containerRef,class:e.cx("root")},z(z({},e.$attrs),e.ptm("root")),{"data-pc-name":"contextmenu"}),[C(r,{ref:o.listRef,id:s.id+"_list",class:P(e.cx("menu")),role:"menubar",root:!0,tabindex:e.tabindex,"aria-orientation":"vertical","aria-activedescendant":s.focused?o.focusedItemId:void 0,menuId:s.id,focusedItemId:s.focused?o.focusedItemId:void 0,items:o.processedItems,templates:e.$slots,activeItemPath:s.activeItemPath,exact:e.exact,"aria-labelledby":e.ariaLabelledby,"aria-label":e.ariaLabel,level:0,visible:s.submenuVisible,pt:e.pt,onFocus:o.onFocus,onBlur:o.onBlur,onKeydown:o.onKeyDown,onItemClick:o.onItemClick,onItemMouseenter:o.onItemMouseEnter},null,8,["id","class","tabindex","aria-activedescendant","menuId","focusedItemId","items","templates","activeItemPath","exact","aria-labelledby","aria-label","visible","pt","onFocus","onBlur","onKeydown","onItemClick","onItemMouseenter"])],16)):k("",!0)]})),_:1},16,["onEnter","onAfterEnter","onLeave","onAfterLeave"])]})),_:1},8,["appendTo"])};export{F as default};
|
|
@@ -256,10 +256,10 @@ this.primevue.contextmenu = (function (Portal, utils, BaseComponent, usestyle, A
|
|
|
256
256
|
var _component_AngleRightIcon = vue.resolveComponent("AngleRightIcon");
|
|
257
257
|
var _component_ContextMenuSub = vue.resolveComponent("ContextMenuSub", true);
|
|
258
258
|
var _directive_ripple = vue.resolveDirective("ripple");
|
|
259
|
-
return vue.openBlock(), vue.createBlock(vue.Transition, {
|
|
259
|
+
return vue.openBlock(), vue.createBlock(vue.Transition, vue.mergeProps({
|
|
260
260
|
name: "p-contextmenusub",
|
|
261
261
|
onEnter: $options.onEnter
|
|
262
|
-
}, {
|
|
262
|
+
}, _ctx.ptm('menu.transition')), {
|
|
263
263
|
"default": vue.withCtx(function () {
|
|
264
264
|
return [($props.root ? true : $props.visible) ? (vue.openBlock(), vue.createElementBlock("ul", vue.mergeProps({
|
|
265
265
|
key: 0,
|
|
@@ -388,7 +388,7 @@ this.primevue.contextmenu = (function (Portal, utils, BaseComponent, usestyle, A
|
|
|
388
388
|
}), 128))], 16, _hoisted_1)) : vue.createCommentVNode("", true)];
|
|
389
389
|
}),
|
|
390
390
|
_: 1
|
|
391
|
-
},
|
|
391
|
+
}, 16, ["onEnter"]);
|
|
392
392
|
}
|
|
393
393
|
|
|
394
394
|
script$1.render = render$1;
|
|
@@ -990,13 +990,13 @@ this.primevue.contextmenu = (function (Portal, utils, BaseComponent, usestyle, A
|
|
|
990
990
|
appendTo: _ctx.appendTo
|
|
991
991
|
}, {
|
|
992
992
|
"default": vue.withCtx(function () {
|
|
993
|
-
return [vue.createVNode(vue.Transition, {
|
|
993
|
+
return [vue.createVNode(vue.Transition, vue.mergeProps({
|
|
994
994
|
name: "p-contextmenu",
|
|
995
995
|
onEnter: $options.onEnter,
|
|
996
996
|
onAfterEnter: $options.onAfterEnter,
|
|
997
997
|
onLeave: $options.onLeave,
|
|
998
998
|
onAfterLeave: $options.onAfterLeave
|
|
999
|
-
}, {
|
|
999
|
+
}, _ctx.ptm('transition')), {
|
|
1000
1000
|
"default": vue.withCtx(function () {
|
|
1001
1001
|
return [$data.visible ? (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
|
|
1002
1002
|
key: 0,
|
|
@@ -1032,7 +1032,7 @@ this.primevue.contextmenu = (function (Portal, utils, BaseComponent, usestyle, A
|
|
|
1032
1032
|
}, null, 8, ["id", "class", "tabindex", "aria-activedescendant", "menuId", "focusedItemId", "items", "templates", "activeItemPath", "exact", "aria-labelledby", "aria-label", "visible", "pt", "onFocus", "onBlur", "onKeydown", "onItemClick", "onItemMouseenter"])], 16)) : vue.createCommentVNode("", true)];
|
|
1033
1033
|
}),
|
|
1034
1034
|
_: 1
|
|
1035
|
-
},
|
|
1035
|
+
}, 16, ["onEnter", "onAfterEnter", "onLeave", "onAfterLeave"])];
|
|
1036
1036
|
}),
|
|
1037
1037
|
_: 1
|
|
1038
1038
|
}, 8, ["appendTo"]);
|