primevue 3.27.0 → 3.28.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +1 -1
- package/autocomplete/AutoComplete.d.ts +10 -1
- package/autocomplete/AutoComplete.vue +1 -1
- package/autocomplete/autocomplete.cjs.js +4 -1
- package/autocomplete/autocomplete.cjs.min.js +1 -1
- package/autocomplete/autocomplete.esm.js +4 -1
- package/autocomplete/autocomplete.esm.min.js +1 -1
- package/autocomplete/autocomplete.js +4 -1
- package/autocomplete/autocomplete.min.js +1 -1
- package/avatar/Avatar.d.ts +44 -0
- package/avatar/Avatar.vue +10 -8
- package/avatar/avatar.cjs.js +36 -34
- package/avatar/avatar.cjs.min.js +1 -1
- package/avatar/avatar.esm.js +33 -35
- package/avatar/avatar.esm.min.js +1 -1
- package/avatar/avatar.js +37 -36
- package/avatar/avatar.min.js +1 -1
- package/avatargroup/AvatarGroup.d.ts +27 -1
- package/avatargroup/AvatarGroup.vue +5 -2
- package/avatargroup/avatargroup.cjs.js +9 -5
- package/avatargroup/avatargroup.cjs.min.js +1 -1
- package/avatargroup/avatargroup.esm.js +6 -6
- package/avatargroup/avatargroup.esm.min.js +1 -1
- package/avatargroup/avatargroup.js +10 -7
- package/avatargroup/avatargroup.min.js +1 -1
- package/badge/Badge.d.ts +32 -0
- package/badge/Badge.vue +3 -1
- package/badge/badge.cjs.js +8 -4
- package/badge/badge.cjs.min.js +1 -1
- package/badge/badge.esm.js +5 -5
- package/badge/badge.esm.min.js +1 -1
- package/badge/badge.js +9 -6
- package/badge/badge.min.js +1 -1
- package/basecomponent/BaseComponent.vue +10 -3
- package/basecomponent/basecomponent.cjs.js +10 -3
- package/basecomponent/basecomponent.cjs.min.js +1 -1
- package/basecomponent/basecomponent.esm.js +10 -3
- package/basecomponent/basecomponent.esm.min.js +1 -1
- package/basecomponent/basecomponent.js +10 -3
- package/basecomponent/basecomponent.min.js +1 -1
- package/baseicon/BaseIcon.vue +2 -2
- package/baseicon/baseicon.cjs.js +2 -2
- package/baseicon/baseicon.cjs.min.js +1 -1
- package/baseicon/baseicon.esm.js +2 -2
- package/baseicon/baseicon.esm.min.js +1 -1
- package/baseicon/baseicon.js +2 -2
- package/baseicon/baseicon.min.js +1 -1
- package/blockui/BlockUI.d.ts +44 -0
- package/blockui/BlockUI.vue +3 -1
- package/blockui/blockui.cjs.js +9 -3
- package/blockui/blockui.cjs.min.js +1 -1
- package/blockui/blockui.esm.js +6 -4
- package/blockui/blockui.esm.min.js +1 -1
- package/blockui/blockui.js +10 -5
- package/blockui/blockui.min.js +1 -1
- package/breadcrumb/Breadcrumb.d.ts +60 -0
- package/breadcrumb/Breadcrumb.vue +8 -6
- package/breadcrumb/BreadcrumbItem.vue +14 -10
- package/breadcrumb/breadcrumb.cjs.js +53 -51
- package/breadcrumb/breadcrumb.cjs.min.js +1 -1
- package/breadcrumb/breadcrumb.esm.js +53 -52
- package/breadcrumb/breadcrumb.esm.min.js +1 -1
- package/breadcrumb/breadcrumb.js +54 -53
- package/breadcrumb/breadcrumb.min.js +1 -1
- package/button/Button.d.ts +48 -0
- package/button/Button.vue +10 -9
- package/button/button.cjs.js +43 -44
- package/button/button.cjs.min.js +1 -1
- package/button/button.esm.js +43 -45
- package/button/button.esm.min.js +1 -1
- package/button/button.js +44 -46
- package/button/button.min.js +1 -1
- package/chart/Chart.d.ts +36 -0
- package/chart/Chart.vue +5 -2
- package/chart/chart.cjs.js +10 -5
- package/chart/chart.cjs.min.js +1 -1
- package/chart/chart.esm.js +7 -6
- package/chart/chart.esm.min.js +1 -1
- package/chart/chart.js +11 -7
- package/chart/chart.min.js +1 -1
- package/chip/Chip.d.ts +60 -0
- package/chip/Chip.vue +10 -9
- package/chip/chip.cjs.js +35 -36
- package/chip/chip.cjs.min.js +1 -1
- package/chip/chip.esm.js +35 -37
- package/chip/chip.esm.min.js +1 -1
- package/chip/chip.js +36 -38
- package/chip/chip.min.js +1 -1
- package/config/PrimeVue.d.ts +8 -0
- package/config/config.cjs.js +3 -1
- package/config/config.cjs.min.js +1 -1
- package/config/config.esm.js +3 -2
- package/config/config.esm.min.js +1 -1
- package/config/config.js +3 -1
- package/config/config.min.js +1 -1
- package/confirmdialog/ConfirmDialog.d.ts +88 -0
- package/confirmdialog/ConfirmDialog.vue +9 -6
- package/confirmdialog/confirmdialog.cjs.js +22 -18
- package/confirmdialog/confirmdialog.cjs.min.js +1 -1
- package/confirmdialog/confirmdialog.esm.js +22 -19
- package/confirmdialog/confirmdialog.esm.min.js +1 -1
- package/confirmdialog/confirmdialog.js +23 -20
- package/confirmdialog/confirmdialog.min.js +1 -1
- package/confirmpopup/ConfirmPopup.d.ts +75 -0
- package/confirmpopup/ConfirmPopup.vue +11 -9
- package/confirmpopup/confirmpopup.cjs.js +27 -25
- package/confirmpopup/confirmpopup.cjs.min.js +1 -1
- package/confirmpopup/confirmpopup.esm.js +27 -26
- package/confirmpopup/confirmpopup.esm.min.js +1 -1
- package/confirmpopup/confirmpopup.js +28 -27
- package/confirmpopup/confirmpopup.min.js +1 -1
- package/contextmenu/ContextMenu.d.ts +135 -0
- package/contextmenu/ContextMenu.vue +4 -1
- package/contextmenu/ContextMenuSub.vue +46 -10
- package/contextmenu/contextmenu.cjs.js +57 -46
- package/contextmenu/contextmenu.cjs.min.js +1 -1
- package/contextmenu/contextmenu.esm.js +57 -47
- package/contextmenu/contextmenu.esm.min.js +1 -1
- package/contextmenu/contextmenu.js +58 -48
- package/contextmenu/contextmenu.min.js +1 -1
- package/core/core.js +278 -246
- package/core/core.min.js +11 -11
- package/dialog/Dialog.d.ts +87 -0
- package/dialog/Dialog.vue +23 -10
- package/dialog/dialog.cjs.js +31 -30
- package/dialog/dialog.cjs.min.js +1 -1
- package/dialog/dialog.esm.js +31 -31
- package/dialog/dialog.esm.min.js +1 -1
- package/dialog/dialog.js +32 -32
- package/dialog/dialog.min.js +1 -1
- package/dock/Dock.d.ts +94 -0
- package/dock/Dock.vue +4 -2
- package/dock/DockSub.vue +30 -6
- package/dock/dock.cjs.js +52 -39
- package/dock/dock.cjs.min.js +1 -1
- package/dock/dock.esm.js +52 -40
- package/dock/dock.esm.min.js +1 -1
- package/dock/dock.js +53 -41
- package/dock/dock.min.js +1 -1
- package/dropdown/Dropdown.vue +1 -1
- package/dropdown/dropdown.cjs.js +1 -1
- package/dropdown/dropdown.cjs.min.js +1 -1
- package/dropdown/dropdown.esm.js +1 -1
- package/dropdown/dropdown.esm.min.js +1 -1
- package/dropdown/dropdown.js +1 -1
- package/dropdown/dropdown.min.js +1 -1
- package/dynamicdialog/DynamicDialog.vue +3 -1
- package/dynamicdialog/dynamicdialog.cjs.js +5 -1
- package/dynamicdialog/dynamicdialog.cjs.min.js +1 -1
- package/dynamicdialog/dynamicdialog.esm.js +4 -1
- package/dynamicdialog/dynamicdialog.esm.min.js +1 -1
- package/dynamicdialog/dynamicdialog.js +6 -3
- package/dynamicdialog/dynamicdialog.min.js +1 -1
- package/fileupload/FileContent.vue +11 -9
- package/fileupload/FileUpload.d.ts +154 -0
- package/fileupload/FileUpload.vue +26 -24
- package/fileupload/fileupload.cjs.js +100 -97
- package/fileupload/fileupload.cjs.min.js +1 -1
- package/fileupload/fileupload.esm.js +100 -98
- package/fileupload/fileupload.esm.min.js +1 -1
- package/fileupload/fileupload.js +101 -99
- package/fileupload/fileupload.min.js +1 -1
- package/inlinemessage/InlineMessage.d.ts +52 -0
- package/inlinemessage/InlineMessage.vue +7 -3
- package/inlinemessage/inlinemessage.cjs.js +12 -11
- package/inlinemessage/inlinemessage.cjs.min.js +1 -1
- package/inlinemessage/inlinemessage.esm.js +12 -12
- package/inlinemessage/inlinemessage.esm.min.js +1 -1
- package/inlinemessage/inlinemessage.js +13 -13
- package/inlinemessage/inlinemessage.min.js +1 -1
- package/inplace/Inplace.d.ts +59 -0
- package/inplace/Inplace.vue +7 -5
- package/inplace/inplace.cjs.js +17 -16
- package/inplace/inplace.cjs.min.js +1 -1
- package/inplace/inplace.esm.js +17 -17
- package/inplace/inplace.esm.min.js +1 -1
- package/inplace/inplace.js +18 -18
- package/inplace/inplace.min.js +1 -1
- package/listbox/Listbox.d.ts +1 -1
- package/megamenu/MegaMenu.d.ts +149 -0
- package/megamenu/MegaMenu.vue +6 -3
- package/megamenu/MegaMenuSub.vue +43 -15
- package/megamenu/megamenu.cjs.js +83 -75
- package/megamenu/megamenu.cjs.min.js +1 -1
- package/megamenu/megamenu.esm.js +83 -76
- package/megamenu/megamenu.esm.min.js +1 -1
- package/megamenu/megamenu.js +84 -77
- package/megamenu/megamenu.min.js +1 -1
- package/menu/Menu.d.ts +113 -0
- package/menu/Menu.vue +11 -8
- package/menu/Menuitem.vue +20 -8
- package/menu/menu.cjs.js +73 -62
- package/menu/menu.cjs.min.js +1 -1
- package/menu/menu.esm.js +73 -63
- package/menu/menu.esm.min.js +1 -1
- package/menu/menu.js +74 -64
- package/menu/menu.min.js +1 -1
- package/menubar/Menubar.d.ts +146 -0
- package/menubar/Menubar.vue +8 -5
- package/menubar/MenubarSub.vue +38 -10
- package/menubar/menubar.cjs.js +70 -60
- package/menubar/menubar.cjs.min.js +1 -1
- package/menubar/menubar.esm.js +70 -61
- package/menubar/menubar.esm.min.js +1 -1
- package/menubar/menubar.js +71 -62
- package/menubar/menubar.min.js +1 -1
- package/message/Message.d.ts +64 -1
- package/message/Message.vue +9 -7
- package/message/message.cjs.js +22 -21
- package/message/message.cjs.min.js +1 -1
- package/message/message.esm.js +22 -22
- package/message/message.esm.min.js +1 -1
- package/message/message.js +23 -23
- package/message/message.min.js +1 -1
- package/multiselect/MultiSelect.d.ts +1 -1
- package/overlaypanel/OverlayPanel.d.ts +56 -0
- package/overlaypanel/OverlayPanel.vue +6 -4
- package/overlaypanel/overlaypanel.cjs.js +13 -10
- package/overlaypanel/overlaypanel.cjs.min.js +1 -1
- package/overlaypanel/overlaypanel.esm.js +13 -11
- package/overlaypanel/overlaypanel.esm.min.js +1 -1
- package/overlaypanel/overlaypanel.js +14 -12
- package/overlaypanel/overlaypanel.min.js +1 -1
- package/package.json +1 -1
- package/panel/Panel.d.ts +10 -1
- package/panel/Panel.vue +1 -1
- package/panel/panel.cjs.js +4 -1
- package/panel/panel.cjs.min.js +1 -1
- package/panel/panel.esm.js +4 -1
- package/panel/panel.esm.min.js +1 -1
- package/panel/panel.js +4 -1
- package/panel/panel.min.js +1 -1
- package/panelmenu/PanelMenu.d.ts +133 -0
- package/panelmenu/PanelMenu.vue +36 -13
- package/panelmenu/PanelMenuList.vue +3 -0
- package/panelmenu/PanelMenuSub.vue +33 -12
- package/panelmenu/panelmenu.cjs.js +115 -96
- package/panelmenu/panelmenu.cjs.min.js +1 -1
- package/panelmenu/panelmenu.esm.js +115 -97
- package/panelmenu/panelmenu.esm.min.js +1 -1
- package/panelmenu/panelmenu.js +116 -98
- package/panelmenu/panelmenu.min.js +1 -1
- package/password/Password.vue +2 -2
- package/password/password.cjs.js +2 -2
- package/password/password.cjs.min.js +1 -1
- package/password/password.esm.js +2 -2
- package/password/password.esm.min.js +1 -1
- package/password/password.js +2 -2
- package/password/password.min.js +1 -1
- package/progressbar/ProgressBar.d.ts +40 -0
- package/progressbar/ProgressBar.vue +8 -5
- package/progressbar/progressbar.cjs.js +25 -23
- package/progressbar/progressbar.cjs.min.js +1 -1
- package/progressbar/progressbar.esm.js +22 -24
- package/progressbar/progressbar.esm.min.js +1 -1
- package/progressbar/progressbar.js +26 -25
- package/progressbar/progressbar.min.js +1 -1
- package/progressspinner/ProgressSpinner.d.ts +40 -0
- package/progressspinner/ProgressSpinner.vue +6 -3
- package/progressspinner/progressspinner.cjs.js +18 -13
- package/progressspinner/progressspinner.cjs.min.js +1 -1
- package/progressspinner/progressspinner.esm.js +15 -14
- package/progressspinner/progressspinner.esm.min.js +1 -1
- package/progressspinner/progressspinner.js +19 -15
- package/progressspinner/progressspinner.min.js +1 -1
- package/resources/themes/arya-blue/theme.css +1 -1
- package/resources/themes/arya-green/theme.css +1 -1
- package/resources/themes/arya-orange/theme.css +1 -1
- package/resources/themes/arya-purple/theme.css +1 -1
- package/resources/themes/bootstrap4-dark-blue/theme.css +1 -1
- package/resources/themes/bootstrap4-dark-purple/theme.css +1 -1
- package/resources/themes/bootstrap4-light-blue/theme.css +1 -1
- package/resources/themes/bootstrap4-light-purple/theme.css +1 -1
- package/resources/themes/fluent-light/theme.css +1 -1
- package/resources/themes/lara-dark-blue/theme.css +1 -1
- package/resources/themes/lara-dark-indigo/theme.css +1 -1
- package/resources/themes/lara-dark-purple/theme.css +1 -1
- package/resources/themes/lara-dark-teal/theme.css +1 -1
- package/resources/themes/lara-light-blue/theme.css +1 -1
- package/resources/themes/lara-light-indigo/theme.css +1 -1
- package/resources/themes/lara-light-purple/theme.css +1 -1
- package/resources/themes/lara-light-teal/theme.css +1 -1
- package/resources/themes/luna-amber/theme.css +1 -1
- package/resources/themes/luna-blue/theme.css +1 -1
- package/resources/themes/luna-green/theme.css +1 -1
- package/resources/themes/luna-pink/theme.css +1 -1
- package/resources/themes/md-dark-deeppurple/theme.css +4 -1
- package/resources/themes/md-dark-indigo/theme.css +4 -1
- package/resources/themes/md-light-deeppurple/theme.css +4 -1
- package/resources/themes/md-light-indigo/theme.css +4 -1
- package/resources/themes/mdc-dark-deeppurple/theme.css +4 -1
- package/resources/themes/mdc-dark-indigo/theme.css +4 -1
- package/resources/themes/mdc-light-deeppurple/theme.css +4 -1
- package/resources/themes/mdc-light-indigo/theme.css +4 -1
- package/resources/themes/mira/theme.css +1 -1
- package/resources/themes/nano/theme.css +1 -1
- package/resources/themes/nova/theme.css +1 -1
- package/resources/themes/nova-accent/theme.css +1 -1
- package/resources/themes/nova-alt/theme.css +1 -1
- package/resources/themes/nova-vue/theme.css +1 -1
- package/resources/themes/rhea/theme.css +1 -1
- package/resources/themes/saga-blue/theme.css +1 -1
- package/resources/themes/saga-green/theme.css +1 -1
- package/resources/themes/saga-orange/theme.css +1 -1
- package/resources/themes/saga-purple/theme.css +1 -1
- package/resources/themes/soho-dark/theme.css +1 -1
- package/resources/themes/soho-light/theme.css +1 -1
- package/resources/themes/tailwind-light/theme.css +1 -1
- package/resources/themes/vela-blue/theme.css +1 -1
- package/resources/themes/vela-green/theme.css +1 -1
- package/resources/themes/vela-orange/theme.css +1 -1
- package/resources/themes/vela-purple/theme.css +1 -1
- package/resources/themes/viva-dark/theme.css +1 -1
- package/resources/themes/viva-light/theme.css +1 -1
- package/scrolltop/ScrollTop.d.ts +48 -0
- package/scrolltop/ScrollTop.vue +5 -2
- package/scrolltop/scrolltop.cjs.js +10 -7
- package/scrolltop/scrolltop.cjs.min.js +1 -1
- package/scrolltop/scrolltop.esm.js +10 -8
- package/scrolltop/scrolltop.esm.min.js +1 -1
- package/scrolltop/scrolltop.js +11 -9
- package/scrolltop/scrolltop.min.js +1 -1
- package/sidebar/Sidebar.d.ts +68 -0
- package/sidebar/Sidebar.vue +9 -7
- package/sidebar/sidebar.cjs.js +26 -24
- package/sidebar/sidebar.cjs.min.js +1 -1
- package/sidebar/sidebar.esm.js +26 -25
- package/sidebar/sidebar.esm.min.js +1 -1
- package/sidebar/sidebar.js +27 -26
- package/sidebar/sidebar.min.js +1 -1
- package/skeleton/Skeleton.d.ts +32 -0
- package/skeleton/Skeleton.vue +4 -1
- package/skeleton/skeleton.cjs.js +10 -4
- package/skeleton/skeleton.cjs.min.js +1 -1
- package/skeleton/skeleton.esm.js +7 -5
- package/skeleton/skeleton.esm.min.js +1 -1
- package/skeleton/skeleton.js +11 -6
- package/skeleton/skeleton.min.js +1 -1
- package/speeddial/SpeedDial.d.ts +101 -0
- package/speeddial/SpeedDial.vue +31 -8
- package/speeddial/speeddial.cjs.js +47 -33
- package/speeddial/speeddial.cjs.min.js +1 -1
- package/speeddial/speeddial.esm.js +47 -34
- package/speeddial/speeddial.esm.min.js +1 -1
- package/speeddial/speeddial.js +48 -35
- package/speeddial/speeddial.min.js +1 -1
- package/splitbutton/SplitButton.d.ts +64 -0
- package/splitbutton/SplitButton.vue +8 -5
- package/splitbutton/splitbutton.cjs.js +23 -18
- package/splitbutton/splitbutton.cjs.min.js +1 -1
- package/splitbutton/splitbutton.esm.js +23 -19
- package/splitbutton/splitbutton.esm.min.js +1 -1
- package/splitbutton/splitbutton.js +24 -20
- package/splitbutton/splitbutton.min.js +1 -1
- package/steps/Steps.d.ts +52 -0
- package/steps/Steps.vue +11 -8
- package/steps/steps.cjs.js +34 -33
- package/steps/steps.cjs.min.js +1 -1
- package/steps/steps.esm.js +31 -34
- package/steps/steps.esm.min.js +1 -1
- package/steps/steps.js +35 -35
- package/steps/steps.min.js +1 -1
- package/tabmenu/TabMenu.d.ts +79 -0
- package/tabmenu/TabMenu.vue +20 -10
- package/tabmenu/tabmenu.cjs.js +47 -41
- package/tabmenu/tabmenu.cjs.min.js +1 -1
- package/tabmenu/tabmenu.esm.js +47 -42
- package/tabmenu/tabmenu.esm.min.js +1 -1
- package/tabmenu/tabmenu.js +48 -43
- package/tabmenu/tabmenu.min.js +1 -1
- package/tag/Tag.d.ts +40 -0
- package/tag/Tag.vue +7 -4
- package/tag/tag.cjs.js +14 -12
- package/tag/tag.cjs.min.js +1 -1
- package/tag/tag.esm.js +11 -13
- package/tag/tag.esm.min.js +1 -1
- package/tag/tag.js +15 -14
- package/tag/tag.min.js +1 -1
- package/terminal/Terminal.d.ts +79 -0
- package/terminal/Terminal.vue +12 -10
- package/terminal/terminal.cjs.js +23 -28
- package/terminal/terminal.cjs.min.js +1 -1
- package/terminal/terminal.esm.js +23 -29
- package/terminal/terminal.esm.min.js +1 -1
- package/terminal/terminal.js +24 -30
- package/terminal/terminal.min.js +1 -1
- package/tieredmenu/TieredMenu.d.ts +130 -0
- package/tieredmenu/TieredMenu.vue +4 -1
- package/tieredmenu/TieredMenuSub.vue +39 -11
- package/tieredmenu/tieredmenu.cjs.js +53 -41
- package/tieredmenu/tieredmenu.cjs.min.js +1 -1
- package/tieredmenu/tieredmenu.esm.js +53 -42
- package/tieredmenu/tieredmenu.esm.min.js +1 -1
- package/tieredmenu/tieredmenu.js +54 -43
- package/tieredmenu/tieredmenu.min.js +1 -1
- package/toast/Toast.d.ts +79 -0
- package/toast/Toast.vue +4 -1
- package/toast/ToastMessage.vue +12 -10
- package/toast/toast.cjs.js +31 -31
- package/toast/toast.cjs.min.js +1 -1
- package/toast/toast.esm.js +31 -32
- package/toast/toast.esm.min.js +1 -1
- package/toast/toast.js +32 -33
- package/toast/toast.min.js +1 -1
- package/treeselect/TreeSelect.d.ts +1 -2
- package/vetur-attributes.json +160 -0
- package/vetur-tags.json +79 -34
- package/web-types.json +404 -2
package/menubar/MenubarSub.vue
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
<template>
|
|
2
|
-
<ul>
|
|
2
|
+
<ul v-bind="ptm('menu')">
|
|
3
3
|
<template v-for="(processedItem, index) of items" :key="getItemKey(processedItem)">
|
|
4
4
|
<li
|
|
5
5
|
v-if="isItemVisible(processedItem) && !getItemProp(processedItem, 'separator')"
|
|
@@ -14,23 +14,33 @@
|
|
|
14
14
|
:aria-level="level + 1"
|
|
15
15
|
:aria-setsize="getAriaSetSize()"
|
|
16
16
|
:aria-posinset="getAriaPosInset(index)"
|
|
17
|
+
v-bind="getPTOptions(processedItem, 'menuitem')"
|
|
17
18
|
>
|
|
18
|
-
<div class="p-menuitem-content" @click="onItemClick($event, processedItem)" @mouseenter="onItemMouseEnter($event, processedItem)">
|
|
19
|
+
<div class="p-menuitem-content" @click="onItemClick($event, processedItem)" @mouseenter="onItemMouseEnter($event, processedItem)" v-bind="getPTOptions(processedItem, 'content')">
|
|
19
20
|
<template v-if="!templates.item">
|
|
20
21
|
<router-link v-if="getItemProp(processedItem, 'to') && !isItemDisabled(processedItem)" v-slot="{ navigate, href, isActive, isExactActive }" :to="getItemProp(processedItem, 'to')" custom>
|
|
21
|
-
<a v-ripple :href="href" :class="getItemActionClass(processedItem, { isActive, isExactActive })" tabindex="-1" aria-hidden="true" @click="onItemActionClick($event, navigate)">
|
|
22
|
+
<a v-ripple :href="href" :class="getItemActionClass(processedItem, { isActive, isExactActive })" tabindex="-1" aria-hidden="true" @click="onItemActionClick($event, navigate)" v-bind="getPTOptions(processedItem, 'action')">
|
|
22
23
|
<component v-if="templates.itemicon" :is="templates.itemicon" :item="processedItem.item" :class="getItemIconClass(processedItem)" />
|
|
23
|
-
<span v-else-if="getItemProp(processedItem, 'icon')" :class="getItemIconClass(processedItem)" />
|
|
24
|
-
<span class="p-menuitem-text">{{ getItemLabel(processedItem) }}</span>
|
|
24
|
+
<span v-else-if="getItemProp(processedItem, 'icon')" :class="getItemIconClass(processedItem)" v-bind="getPTOptions(processedItem, 'icon')" />
|
|
25
|
+
<span class="p-menuitem-text" v-bind="getPTOptions(processedItem, 'label')">{{ getItemLabel(processedItem) }}</span>
|
|
25
26
|
</a>
|
|
26
27
|
</router-link>
|
|
27
|
-
<a
|
|
28
|
+
<a
|
|
29
|
+
v-else
|
|
30
|
+
v-ripple
|
|
31
|
+
:href="getItemProp(processedItem, 'url')"
|
|
32
|
+
:class="getItemActionClass(processedItem)"
|
|
33
|
+
:target="getItemProp(processedItem, 'target')"
|
|
34
|
+
tabindex="-1"
|
|
35
|
+
aria-hidden="true"
|
|
36
|
+
v-bind="getPTOptions(processedItem, 'action')"
|
|
37
|
+
>
|
|
28
38
|
<component v-if="templates.itemicon" :is="templates.itemicon" :item="processedItem.item" :class="getItemIconClass(processedItem)" />
|
|
29
|
-
<span v-else-if="getItemProp(processedItem, 'icon')" :class="getItemIconClass(processedItem)" />
|
|
30
|
-
<span class="p-menuitem-text">{{ getItemLabel(processedItem) }}</span>
|
|
39
|
+
<span v-else-if="getItemProp(processedItem, 'icon')" :class="getItemIconClass(processedItem)" v-bind="getPTOptions(processedItem, 'icon')" />
|
|
40
|
+
<span class="p-menuitem-text" v-bind="getPTOptions(processedItem, 'label')">{{ getItemLabel(processedItem) }}</span>
|
|
31
41
|
<template v-if="getItemProp(processedItem, 'items')">
|
|
32
42
|
<component v-if="templates.submenuicon" :is="templates.submenuicon" :root="root" :active="isItemActive(processedItem)" class="p-submenu-icon" />
|
|
33
|
-
<component v-else :is="root ? 'AngleDownIcon' : 'AngleRightIcon'" class="p-submenu-icon" />
|
|
43
|
+
<component v-else :is="root ? 'AngleDownIcon' : 'AngleRightIcon'" class="p-submenu-icon" v-bind="getPTOptions(processedItem, 'submenuIcon')" />
|
|
34
44
|
</template>
|
|
35
45
|
</a>
|
|
36
46
|
</template>
|
|
@@ -48,16 +58,25 @@
|
|
|
48
58
|
:templates="templates"
|
|
49
59
|
:exact="exact"
|
|
50
60
|
:level="level + 1"
|
|
61
|
+
:pt="pt"
|
|
51
62
|
@item-click="$emit('item-click', $event)"
|
|
52
63
|
@item-mouseenter="$emit('item-mouseenter', $event)"
|
|
53
64
|
/>
|
|
54
65
|
</li>
|
|
55
|
-
<li
|
|
66
|
+
<li
|
|
67
|
+
v-if="isItemVisible(processedItem) && getItemProp(processedItem, 'separator')"
|
|
68
|
+
:id="getItemId(processedItem)"
|
|
69
|
+
:style="getItemProp(processedItem, 'style')"
|
|
70
|
+
:class="getSeparatorItemClass(processedItem)"
|
|
71
|
+
role="separator"
|
|
72
|
+
v-bind="ptm('separator')"
|
|
73
|
+
></li>
|
|
56
74
|
</template>
|
|
57
75
|
</ul>
|
|
58
76
|
</template>
|
|
59
77
|
|
|
60
78
|
<script>
|
|
79
|
+
import BaseComponent from 'primevue/basecomponent';
|
|
61
80
|
import AngleDownIcon from 'primevue/icons/angledown';
|
|
62
81
|
import AngleRightIcon from 'primevue/icons/angleright';
|
|
63
82
|
import Ripple from 'primevue/ripple';
|
|
@@ -65,6 +84,7 @@ import { ObjectUtils } from 'primevue/utils';
|
|
|
65
84
|
|
|
66
85
|
export default {
|
|
67
86
|
name: 'MenubarSub',
|
|
87
|
+
extends: BaseComponent,
|
|
68
88
|
emits: ['item-mouseenter', 'item-click'],
|
|
69
89
|
props: {
|
|
70
90
|
items: {
|
|
@@ -122,6 +142,14 @@ export default {
|
|
|
122
142
|
getItemLabel(processedItem) {
|
|
123
143
|
return this.getItemProp(processedItem, 'label');
|
|
124
144
|
},
|
|
145
|
+
getPTOptions(processedItem, key) {
|
|
146
|
+
return this.ptm(key, {
|
|
147
|
+
context: {
|
|
148
|
+
active: this.isItemActive(processedItem),
|
|
149
|
+
focused: this.isItemFocused(processedItem)
|
|
150
|
+
}
|
|
151
|
+
});
|
|
152
|
+
},
|
|
125
153
|
isItemActive(processedItem) {
|
|
126
154
|
return this.activeItemPath.some((path) => path.key === processedItem.key);
|
|
127
155
|
},
|
package/menubar/menubar.cjs.js
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
+
var BaseComponent = require('primevue/basecomponent');
|
|
3
4
|
var BarsIcon = require('primevue/icons/bars');
|
|
4
5
|
var utils = require('primevue/utils');
|
|
5
6
|
var AngleDownIcon = require('primevue/icons/angledown');
|
|
@@ -9,6 +10,7 @@ var vue = require('vue');
|
|
|
9
10
|
|
|
10
11
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
11
12
|
|
|
13
|
+
var BaseComponent__default = /*#__PURE__*/_interopDefaultLegacy(BaseComponent);
|
|
12
14
|
var BarsIcon__default = /*#__PURE__*/_interopDefaultLegacy(BarsIcon);
|
|
13
15
|
var AngleDownIcon__default = /*#__PURE__*/_interopDefaultLegacy(AngleDownIcon);
|
|
14
16
|
var AngleRightIcon__default = /*#__PURE__*/_interopDefaultLegacy(AngleRightIcon);
|
|
@@ -16,6 +18,7 @@ var Ripple__default = /*#__PURE__*/_interopDefaultLegacy(Ripple);
|
|
|
16
18
|
|
|
17
19
|
var script$1 = {
|
|
18
20
|
name: 'MenubarSub',
|
|
21
|
+
extends: BaseComponent__default["default"],
|
|
19
22
|
emits: ['item-mouseenter', 'item-click'],
|
|
20
23
|
props: {
|
|
21
24
|
items: {
|
|
@@ -73,6 +76,14 @@ var script$1 = {
|
|
|
73
76
|
getItemLabel(processedItem) {
|
|
74
77
|
return this.getItemProp(processedItem, 'label');
|
|
75
78
|
},
|
|
79
|
+
getPTOptions(processedItem, key) {
|
|
80
|
+
return this.ptm(key, {
|
|
81
|
+
context: {
|
|
82
|
+
active: this.isItemActive(processedItem),
|
|
83
|
+
focused: this.isItemFocused(processedItem)
|
|
84
|
+
}
|
|
85
|
+
});
|
|
86
|
+
},
|
|
76
87
|
isItemActive(processedItem) {
|
|
77
88
|
return this.activeItemPath.some((path) => path.key === processedItem.key);
|
|
78
89
|
},
|
|
@@ -146,29 +157,27 @@ var script$1 = {
|
|
|
146
157
|
};
|
|
147
158
|
|
|
148
159
|
const _hoisted_1$1 = ["id", "aria-label", "aria-disabled", "aria-expanded", "aria-haspopup", "aria-level", "aria-setsize", "aria-posinset"];
|
|
149
|
-
const _hoisted_2
|
|
150
|
-
const _hoisted_3
|
|
151
|
-
const _hoisted_4 =
|
|
152
|
-
const _hoisted_5 = ["
|
|
153
|
-
const _hoisted_6 = { class: "p-menuitem-text" };
|
|
154
|
-
const _hoisted_7 = ["id"];
|
|
160
|
+
const _hoisted_2 = ["onClick", "onMouseenter"];
|
|
161
|
+
const _hoisted_3 = ["href", "onClick"];
|
|
162
|
+
const _hoisted_4 = ["href", "target"];
|
|
163
|
+
const _hoisted_5 = ["id"];
|
|
155
164
|
|
|
156
165
|
function render$1(_ctx, _cache, $props, $setup, $data, $options) {
|
|
157
166
|
const _component_router_link = vue.resolveComponent("router-link");
|
|
158
167
|
const _component_MenubarSub = vue.resolveComponent("MenubarSub", true);
|
|
159
168
|
const _directive_ripple = vue.resolveDirective("ripple");
|
|
160
169
|
|
|
161
|
-
return (vue.openBlock(), vue.createElementBlock("ul",
|
|
170
|
+
return (vue.openBlock(), vue.createElementBlock("ul", vue.normalizeProps(vue.guardReactiveProps(_ctx.ptm('menu'))), [
|
|
162
171
|
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList($props.items, (processedItem, index) => {
|
|
163
172
|
return (vue.openBlock(), vue.createElementBlock(vue.Fragment, {
|
|
164
173
|
key: $options.getItemKey(processedItem)
|
|
165
174
|
}, [
|
|
166
175
|
($options.isItemVisible(processedItem) && !$options.getItemProp(processedItem, 'separator'))
|
|
167
|
-
? (vue.openBlock(), vue.createElementBlock("li", {
|
|
176
|
+
? (vue.openBlock(), vue.createElementBlock("li", vue.mergeProps({
|
|
168
177
|
key: 0,
|
|
169
178
|
id: $options.getItemId(processedItem),
|
|
170
|
-
style:
|
|
171
|
-
class:
|
|
179
|
+
style: $options.getItemProp(processedItem, 'style'),
|
|
180
|
+
class: $options.getItemClass(processedItem),
|
|
172
181
|
role: "menuitem",
|
|
173
182
|
"aria-label": $options.getItemLabel(processedItem),
|
|
174
183
|
"aria-disabled": $options.isItemDisabled(processedItem) || undefined,
|
|
@@ -177,12 +186,12 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
177
186
|
"aria-level": $props.level + 1,
|
|
178
187
|
"aria-setsize": $options.getAriaSetSize(),
|
|
179
188
|
"aria-posinset": $options.getAriaPosInset(index)
|
|
180
|
-
}, [
|
|
181
|
-
vue.createElementVNode("div", {
|
|
189
|
+
}, $options.getPTOptions(processedItem, 'menuitem')), [
|
|
190
|
+
vue.createElementVNode("div", vue.mergeProps({
|
|
182
191
|
class: "p-menuitem-content",
|
|
183
192
|
onClick: $event => ($options.onItemClick($event, processedItem)),
|
|
184
193
|
onMouseenter: $event => ($options.onItemMouseEnter($event, processedItem))
|
|
185
|
-
}, [
|
|
194
|
+
}, $options.getPTOptions(processedItem, 'content')), [
|
|
186
195
|
(!$props.templates.item)
|
|
187
196
|
? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
|
|
188
197
|
($options.getItemProp(processedItem, 'to') && !$options.isItemDisabled(processedItem))
|
|
@@ -192,13 +201,13 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
192
201
|
custom: ""
|
|
193
202
|
}, {
|
|
194
203
|
default: vue.withCtx(({ navigate, href, isActive, isExactActive }) => [
|
|
195
|
-
vue.withDirectives((vue.openBlock(), vue.createElementBlock("a", {
|
|
204
|
+
vue.withDirectives((vue.openBlock(), vue.createElementBlock("a", vue.mergeProps({
|
|
196
205
|
href: href,
|
|
197
|
-
class:
|
|
206
|
+
class: $options.getItemActionClass(processedItem, { isActive, isExactActive }),
|
|
198
207
|
tabindex: "-1",
|
|
199
208
|
"aria-hidden": "true",
|
|
200
209
|
onClick: $event => ($options.onItemActionClick($event, navigate))
|
|
201
|
-
}, [
|
|
210
|
+
}, $options.getPTOptions(processedItem, 'action')), [
|
|
202
211
|
($props.templates.itemicon)
|
|
203
212
|
? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($props.templates.itemicon), {
|
|
204
213
|
key: 0,
|
|
@@ -206,26 +215,26 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
206
215
|
class: vue.normalizeClass($options.getItemIconClass(processedItem))
|
|
207
216
|
}, null, 8, ["item", "class"]))
|
|
208
217
|
: ($options.getItemProp(processedItem, 'icon'))
|
|
209
|
-
? (vue.openBlock(), vue.createElementBlock("span", {
|
|
218
|
+
? (vue.openBlock(), vue.createElementBlock("span", vue.mergeProps({
|
|
210
219
|
key: 1,
|
|
211
|
-
class:
|
|
212
|
-
}, null,
|
|
220
|
+
class: $options.getItemIconClass(processedItem)
|
|
221
|
+
}, $options.getPTOptions(processedItem, 'icon')), null, 16))
|
|
213
222
|
: vue.createCommentVNode("", true),
|
|
214
|
-
vue.createElementVNode("span",
|
|
215
|
-
],
|
|
223
|
+
vue.createElementVNode("span", vue.mergeProps({ class: "p-menuitem-text" }, $options.getPTOptions(processedItem, 'label')), vue.toDisplayString($options.getItemLabel(processedItem)), 17)
|
|
224
|
+
], 16, _hoisted_3)), [
|
|
216
225
|
[_directive_ripple]
|
|
217
226
|
])
|
|
218
227
|
]),
|
|
219
228
|
_: 2
|
|
220
229
|
}, 1032, ["to"]))
|
|
221
|
-
: vue.withDirectives((vue.openBlock(), vue.createElementBlock("a", {
|
|
230
|
+
: vue.withDirectives((vue.openBlock(), vue.createElementBlock("a", vue.mergeProps({
|
|
222
231
|
key: 1,
|
|
223
232
|
href: $options.getItemProp(processedItem, 'url'),
|
|
224
|
-
class:
|
|
233
|
+
class: $options.getItemActionClass(processedItem),
|
|
225
234
|
target: $options.getItemProp(processedItem, 'target'),
|
|
226
235
|
tabindex: "-1",
|
|
227
236
|
"aria-hidden": "true"
|
|
228
|
-
}, [
|
|
237
|
+
}, $options.getPTOptions(processedItem, 'action')), [
|
|
229
238
|
($props.templates.itemicon)
|
|
230
239
|
? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($props.templates.itemicon), {
|
|
231
240
|
key: 0,
|
|
@@ -233,12 +242,12 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
233
242
|
class: vue.normalizeClass($options.getItemIconClass(processedItem))
|
|
234
243
|
}, null, 8, ["item", "class"]))
|
|
235
244
|
: ($options.getItemProp(processedItem, 'icon'))
|
|
236
|
-
? (vue.openBlock(), vue.createElementBlock("span", {
|
|
245
|
+
? (vue.openBlock(), vue.createElementBlock("span", vue.mergeProps({
|
|
237
246
|
key: 1,
|
|
238
|
-
class:
|
|
239
|
-
}, null,
|
|
247
|
+
class: $options.getItemIconClass(processedItem)
|
|
248
|
+
}, $options.getPTOptions(processedItem, 'icon')), null, 16))
|
|
240
249
|
: vue.createCommentVNode("", true),
|
|
241
|
-
vue.createElementVNode("span",
|
|
250
|
+
vue.createElementVNode("span", vue.mergeProps({ class: "p-menuitem-text" }, $options.getPTOptions(processedItem, 'label')), vue.toDisplayString($options.getItemLabel(processedItem)), 17),
|
|
242
251
|
($options.getItemProp(processedItem, 'items'))
|
|
243
252
|
? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 2 }, [
|
|
244
253
|
($props.templates.submenuicon)
|
|
@@ -248,13 +257,13 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
248
257
|
active: $options.isItemActive(processedItem),
|
|
249
258
|
class: "p-submenu-icon"
|
|
250
259
|
}, null, 8, ["root", "active"]))
|
|
251
|
-
: (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($props.root ? 'AngleDownIcon' : 'AngleRightIcon'), {
|
|
260
|
+
: (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($props.root ? 'AngleDownIcon' : 'AngleRightIcon'), vue.mergeProps({
|
|
252
261
|
key: 1,
|
|
253
262
|
class: "p-submenu-icon"
|
|
254
|
-
}))
|
|
263
|
+
}, $options.getPTOptions(processedItem, 'submenuIcon')), null, 16))
|
|
255
264
|
], 64))
|
|
256
265
|
: vue.createCommentVNode("", true)
|
|
257
|
-
],
|
|
266
|
+
], 16, _hoisted_4)), [
|
|
258
267
|
[_directive_ripple]
|
|
259
268
|
])
|
|
260
269
|
], 64))
|
|
@@ -262,7 +271,7 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
262
271
|
key: 1,
|
|
263
272
|
item: processedItem.item
|
|
264
273
|
}, null, 8, ["item"]))
|
|
265
|
-
],
|
|
274
|
+
], 16, _hoisted_2),
|
|
266
275
|
($options.isItemVisible(processedItem) && $options.isItemGroup(processedItem))
|
|
267
276
|
? (vue.openBlock(), vue.createBlock(_component_MenubarSub, {
|
|
268
277
|
key: 0,
|
|
@@ -276,30 +285,32 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
276
285
|
templates: $props.templates,
|
|
277
286
|
exact: $props.exact,
|
|
278
287
|
level: $props.level + 1,
|
|
288
|
+
pt: _ctx.pt,
|
|
279
289
|
onItemClick: _cache[0] || (_cache[0] = $event => (_ctx.$emit('item-click', $event))),
|
|
280
290
|
onItemMouseenter: _cache[1] || (_cache[1] = $event => (_ctx.$emit('item-mouseenter', $event)))
|
|
281
|
-
}, null, 8, ["menuId", "focusedItemId", "items", "mobileActive", "activeItemPath", "templates", "exact", "level"]))
|
|
291
|
+
}, null, 8, ["menuId", "focusedItemId", "items", "mobileActive", "activeItemPath", "templates", "exact", "level", "pt"]))
|
|
282
292
|
: vue.createCommentVNode("", true)
|
|
283
|
-
],
|
|
293
|
+
], 16, _hoisted_1$1))
|
|
284
294
|
: vue.createCommentVNode("", true),
|
|
285
295
|
($options.isItemVisible(processedItem) && $options.getItemProp(processedItem, 'separator'))
|
|
286
|
-
? (vue.openBlock(), vue.createElementBlock("li", {
|
|
296
|
+
? (vue.openBlock(), vue.createElementBlock("li", vue.mergeProps({
|
|
287
297
|
key: 1,
|
|
288
298
|
id: $options.getItemId(processedItem),
|
|
289
|
-
style:
|
|
290
|
-
class:
|
|
299
|
+
style: $options.getItemProp(processedItem, 'style'),
|
|
300
|
+
class: $options.getSeparatorItemClass(processedItem),
|
|
291
301
|
role: "separator"
|
|
292
|
-
}, null,
|
|
302
|
+
}, _ctx.ptm('separator')), null, 16, _hoisted_5))
|
|
293
303
|
: vue.createCommentVNode("", true)
|
|
294
304
|
], 64))
|
|
295
305
|
}), 128))
|
|
296
|
-
]))
|
|
306
|
+
], 16))
|
|
297
307
|
}
|
|
298
308
|
|
|
299
309
|
script$1.render = render$1;
|
|
300
310
|
|
|
301
311
|
var script = {
|
|
302
312
|
name: 'Menubar',
|
|
313
|
+
extends: BaseComponent__default["default"],
|
|
303
314
|
emits: ['focus', 'blur'],
|
|
304
315
|
props: {
|
|
305
316
|
model: {
|
|
@@ -855,28 +866,23 @@ var script = {
|
|
|
855
866
|
}
|
|
856
867
|
};
|
|
857
868
|
|
|
858
|
-
const _hoisted_1 =
|
|
859
|
-
key: 0,
|
|
860
|
-
class: "p-menubar-start"
|
|
861
|
-
};
|
|
862
|
-
const _hoisted_2 = ["aria-haspopup", "aria-expanded", "aria-controls", "aria-label"];
|
|
863
|
-
const _hoisted_3 = {
|
|
864
|
-
key: 2,
|
|
865
|
-
class: "p-menubar-end"
|
|
866
|
-
};
|
|
869
|
+
const _hoisted_1 = ["aria-haspopup", "aria-expanded", "aria-controls", "aria-label"];
|
|
867
870
|
|
|
868
871
|
function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
869
872
|
const _component_BarsIcon = vue.resolveComponent("BarsIcon");
|
|
870
873
|
const _component_MenubarSub = vue.resolveComponent("MenubarSub");
|
|
871
874
|
|
|
872
|
-
return (vue.openBlock(), vue.createElementBlock("div", {
|
|
875
|
+
return (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
|
|
873
876
|
ref: $options.containerRef,
|
|
874
|
-
class:
|
|
875
|
-
}, [
|
|
877
|
+
class: $options.containerClass
|
|
878
|
+
}, _ctx.ptm('root')), [
|
|
876
879
|
(_ctx.$slots.start)
|
|
877
|
-
? (vue.openBlock(), vue.createElementBlock("div",
|
|
880
|
+
? (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
|
|
881
|
+
key: 0,
|
|
882
|
+
class: "p-menubar-start"
|
|
883
|
+
}, _ctx.ptm('start')), [
|
|
878
884
|
vue.renderSlot(_ctx.$slots, "start")
|
|
879
|
-
]))
|
|
885
|
+
], 16))
|
|
880
886
|
: vue.createCommentVNode("", true),
|
|
881
887
|
($props.model && $props.model.length > 0)
|
|
882
888
|
? (vue.openBlock(), vue.createElementBlock("a", vue.mergeProps({
|
|
@@ -891,11 +897,11 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
891
897
|
"aria-label": _ctx.$primevue.config.locale.aria.navigation,
|
|
892
898
|
onClick: _cache[0] || (_cache[0] = $event => ($options.menuButtonClick($event))),
|
|
893
899
|
onKeydown: _cache[1] || (_cache[1] = $event => ($options.menuButtonKeydown($event)))
|
|
894
|
-
},
|
|
900
|
+
}, { ...$props.buttonProps, ..._ctx.ptm('button') }), [
|
|
895
901
|
vue.renderSlot(_ctx.$slots, "popupicon", {}, () => [
|
|
896
|
-
vue.createVNode(_component_BarsIcon)
|
|
902
|
+
vue.createVNode(_component_BarsIcon, vue.normalizeProps(vue.guardReactiveProps(_ctx.ptm('popupIcon'))), null, 16)
|
|
897
903
|
])
|
|
898
|
-
], 16,
|
|
904
|
+
], 16, _hoisted_1))
|
|
899
905
|
: vue.createCommentVNode("", true),
|
|
900
906
|
vue.createVNode(_component_MenubarSub, {
|
|
901
907
|
ref: $options.menubarRef,
|
|
@@ -915,18 +921,22 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
915
921
|
level: 0,
|
|
916
922
|
"aria-labelledby": _ctx.ariaLabelledby,
|
|
917
923
|
"aria-label": _ctx.ariaLabel,
|
|
924
|
+
pt: _ctx.pt,
|
|
918
925
|
onFocus: $options.onFocus,
|
|
919
926
|
onBlur: $options.onBlur,
|
|
920
927
|
onKeydown: $options.onKeyDown,
|
|
921
928
|
onItemClick: $options.onItemClick,
|
|
922
929
|
onItemMouseenter: $options.onItemMouseEnter
|
|
923
|
-
}, null, 8, ["id", "items", "templates", "mobileActive", "aria-activedescendant", "menuId", "focusedItemId", "activeItemPath", "exact", "aria-labelledby", "aria-label", "onFocus", "onBlur", "onKeydown", "onItemClick", "onItemMouseenter"]),
|
|
930
|
+
}, null, 8, ["id", "items", "templates", "mobileActive", "aria-activedescendant", "menuId", "focusedItemId", "activeItemPath", "exact", "aria-labelledby", "aria-label", "pt", "onFocus", "onBlur", "onKeydown", "onItemClick", "onItemMouseenter"]),
|
|
924
931
|
(_ctx.$slots.end)
|
|
925
|
-
? (vue.openBlock(), vue.createElementBlock("div",
|
|
932
|
+
? (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
|
|
933
|
+
key: 2,
|
|
934
|
+
class: "p-menubar-end"
|
|
935
|
+
}, _ctx.ptm('end')), [
|
|
926
936
|
vue.renderSlot(_ctx.$slots, "end")
|
|
927
|
-
]))
|
|
937
|
+
], 16))
|
|
928
938
|
: vue.createCommentVNode("", true)
|
|
929
|
-
],
|
|
939
|
+
], 16))
|
|
930
940
|
}
|
|
931
941
|
|
|
932
942
|
function styleInject(css, ref) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("primevue/icons/bars"),t=require("primevue/utils"),i=require("primevue/icons/angledown"),s=require("primevue/icons/angleright"),n=require("primevue/ripple"),o=require("vue");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=r(e),l=r(i),m=r(s),c=r(n),d={name:"MenubarSub",emits:["item-mouseenter","item-click"],props:{items:{type:Array,default:null},root:{type:Boolean,default:!1},popup:{type:Boolean,default:!1},mobileActive:{type:Boolean,default:!1},templates:{type:Object,default:null},exact:{type:Boolean,default:!0},level:{type:Number,default:0},menuId:{type:String,default:null},focusedItemId:{type:String,default:null},activeItemPath:{type:Object,default:null}},list:null,methods:{getItemId(e){return`${this.menuId}_${e.key}`},getItemKey(e){return this.getItemId(e)},getItemProp:(e,i,s)=>e&&e.item?t.ObjectUtils.getItemValue(e.item[i],s):void 0,getItemLabel(e){return this.getItemProp(e,"label")},isItemActive(e){return this.activeItemPath.some((t=>t.key===e.key))},isItemVisible(e){return!1!==this.getItemProp(e,"visible")},isItemDisabled(e){return this.getItemProp(e,"disabled")},isItemFocused(e){return this.focusedItemId===this.getItemId(e)},isItemGroup:e=>t.ObjectUtils.isNotEmpty(e.items),onItemClick(e,t){this.getItemProp(t,"command",{originalEvent:e,item:t.item}),this.$emit("item-click",{originalEvent:e,processedItem:t,isFocus:!0})},onItemMouseEnter(e,t){this.$emit("item-mouseenter",{originalEvent:e,processedItem:t})},onItemActionClick(e,t){t&&t(e)},getAriaSetSize(){return this.items.filter((e=>this.isItemVisible(e)&&!this.getItemProp(e,"separator"))).length},getAriaPosInset(e){return e-this.items.slice(0,e).filter((e=>this.isItemVisible(e)&&this.getItemProp(e,"separator"))).length+1},getItemClass(e){return["p-menuitem",this.getItemProp(e,"class"),{"p-menuitem-active p-highlight":this.isItemActive(e),"p-focus":this.isItemFocused(e),"p-disabled":this.isItemDisabled(e)}]},getItemActionClass(e,t){return["p-menuitem-link",{"router-link-active":t&&t.isActive,"router-link-active-exact":this.exact&&t&&t.isExactActive}]},getItemIconClass(e){return["p-menuitem-icon",this.getItemProp(e,"icon")]},getSeparatorItemClass(e){return["p-menuitem-separator",this.getItemProp(e,"class")]}},computed:{containerClass(){return{"p-submenu-list":!this.root,"p-menubar-root-list":this.root}}},components:{AngleRightIcon:m.default,AngleDownIcon:l.default},directives:{ripple:c.default}};const u=["id","aria-label","aria-disabled","aria-expanded","aria-haspopup","aria-level","aria-setsize","aria-posinset"],I=["onClick","onMouseenter"],h=["href","onClick"],p={class:"p-menuitem-text"},f=["href","target"],b={class:"p-menuitem-text"},v=["id"];d.render=function(e,t,i,s,n,r){const a=o.resolveComponent("router-link"),l=o.resolveComponent("MenubarSub",!0),m=o.resolveDirective("ripple");return o.openBlock(),o.createElementBlock("ul",null,[(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(i.items,((s,n)=>(o.openBlock(),o.createElementBlock(o.Fragment,{key:r.getItemKey(s)},[r.isItemVisible(s)&&!r.getItemProp(s,"separator")?(o.openBlock(),o.createElementBlock("li",{key:0,id:r.getItemId(s),style:o.normalizeStyle(r.getItemProp(s,"style")),class:o.normalizeClass(r.getItemClass(s)),role:"menuitem","aria-label":r.getItemLabel(s),"aria-disabled":r.isItemDisabled(s)||void 0,"aria-expanded":r.isItemGroup(s)?r.isItemActive(s):void 0,"aria-haspopup":r.isItemGroup(s)&&!r.getItemProp(s,"to")?"menu":void 0,"aria-level":i.level+1,"aria-setsize":r.getAriaSetSize(),"aria-posinset":r.getAriaPosInset(n)},[o.createElementVNode("div",{class:"p-menuitem-content",onClick:e=>r.onItemClick(e,s),onMouseenter:e=>r.onItemMouseEnter(e,s)},[i.templates.item?(o.openBlock(),o.createBlock(o.resolveDynamicComponent(i.templates.item),{key:1,item:s.item},null,8,["item"])):(o.openBlock(),o.createElementBlock(o.Fragment,{key:0},[r.getItemProp(s,"to")&&!r.isItemDisabled(s)?(o.openBlock(),o.createBlock(a,{key:0,to:r.getItemProp(s,"to"),custom:""},{default:o.withCtx((({navigate:e,href:t,isActive:n,isExactActive:a})=>[o.withDirectives((o.openBlock(),o.createElementBlock("a",{href:t,class:o.normalizeClass(r.getItemActionClass(s,{isActive:n,isExactActive:a})),tabindex:"-1","aria-hidden":"true",onClick:t=>r.onItemActionClick(t,e)},[i.templates.itemicon?(o.openBlock(),o.createBlock(o.resolveDynamicComponent(i.templates.itemicon),{key:0,item:s.item,class:o.normalizeClass(r.getItemIconClass(s))},null,8,["item","class"])):r.getItemProp(s,"icon")?(o.openBlock(),o.createElementBlock("span",{key:1,class:o.normalizeClass(r.getItemIconClass(s))},null,2)):o.createCommentVNode("",!0),o.createElementVNode("span",p,o.toDisplayString(r.getItemLabel(s)),1)],10,h)),[[m]])])),_:2},1032,["to"])):o.withDirectives((o.openBlock(),o.createElementBlock("a",{key:1,href:r.getItemProp(s,"url"),class:o.normalizeClass(r.getItemActionClass(s)),target:r.getItemProp(s,"target"),tabindex:"-1","aria-hidden":"true"},[i.templates.itemicon?(o.openBlock(),o.createBlock(o.resolveDynamicComponent(i.templates.itemicon),{key:0,item:s.item,class:o.normalizeClass(r.getItemIconClass(s))},null,8,["item","class"])):r.getItemProp(s,"icon")?(o.openBlock(),o.createElementBlock("span",{key:1,class:o.normalizeClass(r.getItemIconClass(s))},null,2)):o.createCommentVNode("",!0),o.createElementVNode("span",b,o.toDisplayString(r.getItemLabel(s)),1),r.getItemProp(s,"items")?(o.openBlock(),o.createElementBlock(o.Fragment,{key:2},[i.templates.submenuicon?(o.openBlock(),o.createBlock(o.resolveDynamicComponent(i.templates.submenuicon),{key:0,root:i.root,active:r.isItemActive(s),class:"p-submenu-icon"},null,8,["root","active"])):(o.openBlock(),o.createBlock(o.resolveDynamicComponent(i.root?"AngleDownIcon":"AngleRightIcon"),{key:1,class:"p-submenu-icon"}))],64)):o.createCommentVNode("",!0)],10,f)),[[m]])],64))],40,I),r.isItemVisible(s)&&r.isItemGroup(s)?(o.openBlock(),o.createBlock(l,{key:0,menuId:i.menuId,role:"menu",class:"p-submenu-list",focusedItemId:i.focusedItemId,items:s.items,mobileActive:i.mobileActive,activeItemPath:i.activeItemPath,templates:i.templates,exact:i.exact,level:i.level+1,onItemClick:t[0]||(t[0]=t=>e.$emit("item-click",t)),onItemMouseenter:t[1]||(t[1]=t=>e.$emit("item-mouseenter",t))},null,8,["menuId","focusedItemId","items","mobileActive","activeItemPath","templates","exact","level"])):o.createCommentVNode("",!0)],14,u)):o.createCommentVNode("",!0),r.isItemVisible(s)&&r.getItemProp(s,"separator")?(o.openBlock(),o.createElementBlock("li",{key:1,id:r.getItemId(s),style:o.normalizeStyle(r.getItemProp(s,"style")),class:o.normalizeClass(r.getSeparatorItemClass(s)),role:"separator"},null,14,v)):o.createCommentVNode("",!0)],64)))),128))])};var y={name:"Menubar",emits:["focus","blur"],props:{model:{type:Array,default:null},exact:{type:Boolean,default:!0},buttonProps:{type:null,default:null},"aria-labelledby":{type:String,default:null},"aria-label":{type:String,default:null}},data(){return{id:this.$attrs.id,mobileActive:!1,focused:!1,focusedItemInfo:{index:-1,level:0,parentKey:""},activeItemPath:[],dirty:!1}},watch:{"$attrs.id":function(e){this.id=e||t.UniqueComponentId()},activeItemPath(e){t.ObjectUtils.isNotEmpty(e)?(this.bindOutsideClickListener(),this.bindResizeListener()):(this.unbindOutsideClickListener(),this.unbindResizeListener())}},outsideClickListener:null,container:null,menubar:null,mounted(){this.id=this.id||t.UniqueComponentId()},beforeUnmount(){this.mobileActive=!1,this.unbindOutsideClickListener(),this.unbindResizeListener(),this.container&&t.ZIndexUtils.clear(this.container),this.container=null},methods:{getItemProp:(e,i)=>e?t.ObjectUtils.getItemValue(e[i]):void 0,getItemLabel(e){return this.getItemProp(e,"label")},isItemDisabled(e){return this.getItemProp(e,"disabled")},isItemGroup(e){return t.ObjectUtils.isNotEmpty(this.getItemProp(e,"items"))},isItemSeparator(e){return this.getItemProp(e,"separator")},getProccessedItemLabel(e){return e?this.getItemLabel(e.item):void 0},isProccessedItemGroup:e=>e&&t.ObjectUtils.isNotEmpty(e.items),toggle(e){this.mobileActive?(this.mobileActive=!1,t.ZIndexUtils.clear(this.menubar),this.hide()):(this.mobileActive=!0,t.ZIndexUtils.set("menu",this.menubar,this.$primevue.config.zIndex.menu),setTimeout((()=>{this.show()}),0)),this.bindOutsideClickListener(),e.preventDefault()},show(){this.focusedItemInfo={index:this.findFirstFocusedItemIndex(),level:0,parentKey:""},t.DomHandler.focus(this.menubar)},hide(e,i){this.mobileActive&&setTimeout((()=>{t.DomHandler.focus(this.$refs.menubutton)}),0),this.activeItemPath=[],this.focusedItemInfo={index:-1,level:0,parentKey:""},i&&t.DomHandler.focus(this.menubar),this.dirty=!1},onFocus(e){this.focused=!0,this.focusedItemInfo=-1!==this.focusedItemInfo.index?this.focusedItemInfo:{index:this.findFirstFocusedItemIndex(),level:0,parentKey:""},this.$emit("focus",e)},onBlur(e){this.focused=!1,this.focusedItemInfo={index:-1,level:0,parentKey:""},this.searchValue="",this.dirty=!1,this.$emit("blur",e)},onKeyDown(e){const 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.ObjectUtils.isPrintableCharacter(e.key)&&this.searchItems(e,e.key)}},onItemChange(e){const{processedItem:i,isFocus:s}=e;if(t.ObjectUtils.isEmpty(i))return;const{index:n,key:o,level:r,parentKey:a,items:l}=i,m=t.ObjectUtils.isNotEmpty(l),c=this.activeItemPath.filter((e=>e.parentKey!==a&&e.parentKey!==o));m&&c.push(i),this.focusedItemInfo={index:n,level:r,parentKey:a},this.activeItemPath=c,m&&(this.dirty=!0),s&&t.DomHandler.focus(this.menubar)},onItemClick(e){const{originalEvent:i,processedItem:s}=e,n=this.isProccessedItemGroup(s),o=t.ObjectUtils.isEmpty(s.parent);if(this.isSelected(s)){const{index:e,key:i,level:n,parentKey:r}=s;this.activeItemPath=this.activeItemPath.filter((e=>i!==e.key&&i.startsWith(e.key))),this.focusedItemInfo={index:e,level:n,parentKey:r},this.dirty=!o,t.DomHandler.focus(this.menubar)}else if(n)this.onItemChange(e);else{const e=o?s:this.activeItemPath.find((e=>""===e.parentKey));this.hide(i),this.changeFocusedItemIndex(i,e?e.index:-1),this.mobileActive=!1,t.DomHandler.focus(this.menubar)}},onItemMouseEnter(e){!this.mobileActive&&this.dirty&&this.onItemChange(e)},menuButtonClick(e){this.toggle(e)},menuButtonKeydown(e){("Enter"===e.code||"Space"===e.code)&&this.menuButtonClick(e)},onArrowDownKey(e){const i=this.visibleItems[this.focusedItemInfo.index];if(i?t.ObjectUtils.isEmpty(i.parent):null){this.isProccessedItemGroup(i)&&(this.onItemChange({originalEvent:e,processedItem:i}),this.focusedItemInfo={index:-1,parentKey:i.key},this.onArrowRightKey(e))}else{const t=-1!==this.focusedItemInfo.index?this.findNextItemIndex(this.focusedItemInfo.index):this.findFirstFocusedItemIndex();this.changeFocusedItemIndex(e,t),e.preventDefault()}},onArrowUpKey(e){const i=this.visibleItems[this.focusedItemInfo.index];if(t.ObjectUtils.isEmpty(i.parent)){if(this.isProccessedItemGroup(i)){this.onItemChange({originalEvent:e,processedItem:i}),this.focusedItemInfo={index:-1,parentKey:i.key};const t=this.findLastItemIndex();this.changeFocusedItemIndex(e,t)}}else{const t=this.activeItemPath.find((e=>e.key===i.parentKey));if(0===this.focusedItemInfo.index)this.focusedItemInfo={index:-1,parentKey:t?t.parentKey:""},this.searchValue="",this.onArrowLeftKey(e),this.activeItemPath=this.activeItemPath.filter((e=>e.parentKey!==this.focusedItemInfo.parentKey));else{const t=-1!==this.focusedItemInfo.index?this.findPrevItemIndex(this.focusedItemInfo.index):this.findLastFocusedItemIndex();this.changeFocusedItemIndex(e,t)}}e.preventDefault()},onArrowLeftKey(e){const t=this.visibleItems[this.focusedItemInfo.index],i=t?this.activeItemPath.find((e=>e.key===t.parentKey)):null;if(i)this.onItemChange({originalEvent:e,processedItem:i}),this.activeItemPath=this.activeItemPath.filter((e=>e.parentKey!==this.focusedItemInfo.parentKey)),e.preventDefault();else{const t=-1!==this.focusedItemInfo.index?this.findPrevItemIndex(this.focusedItemInfo.index):this.findLastFocusedItemIndex();this.changeFocusedItemIndex(e,t),e.preventDefault()}},onArrowRightKey(e){const t=this.visibleItems[this.focusedItemInfo.index];if(t?this.activeItemPath.find((e=>e.key===t.parentKey)):null){this.isProccessedItemGroup(t)&&(this.onItemChange({originalEvent:e,processedItem:t}),this.focusedItemInfo={index:-1,parentKey:t.key},this.onArrowDownKey(e))}else{const t=-1!==this.focusedItemInfo.index?this.findNextItemIndex(this.focusedItemInfo.index):this.findFirstFocusedItemIndex();this.changeFocusedItemIndex(e,t),e.preventDefault()}},onHomeKey(e){this.changeFocusedItemIndex(e,this.findFirstItemIndex()),e.preventDefault()},onEndKey(e){this.changeFocusedItemIndex(e,this.findLastItemIndex()),e.preventDefault()},onEnterKey(e){if(-1!==this.focusedItemInfo.index){const e=t.DomHandler.findSingle(this.menubar,`li[id="${this.focusedItemId}"]`),i=e&&t.DomHandler.findSingle(e,".p-menuitem-link");i?i.click():e&&e.click();const s=this.visibleItems[this.focusedItemInfo.index];!this.isProccessedItemGroup(s)&&(this.focusedItemInfo.index=this.findFirstFocusedItemIndex())}e.preventDefault()},onSpaceKey(e){this.onEnterKey(e)},onEscapeKey(e){this.hide(e,!0),this.focusedItemInfo.index=this.findFirstFocusedItemIndex(),e.preventDefault()},onTabKey(e){if(-1!==this.focusedItemInfo.index){const t=this.visibleItems[this.focusedItemInfo.index];!this.isProccessedItemGroup(t)&&this.onItemChange({originalEvent:e,processedItem:t})}this.hide()},bindOutsideClickListener(){this.outsideClickListener||(this.outsideClickListener=e=>{const t=this.menubar!==e.target&&!this.menubar.contains(e.target),i=this.mobileActive&&this.$refs.menubutton!==e.target&&!this.$refs.menubutton.contains(e.target);t&&(i?this.mobileActive=!1:this.hide())},document.addEventListener("click",this.outsideClickListener))},unbindOutsideClickListener(){this.outsideClickListener&&(document.removeEventListener("click",this.outsideClickListener),this.outsideClickListener=null)},bindResizeListener(){this.resizeListener||(this.resizeListener=e=>{t.DomHandler.isTouchDevice()||this.hide(e,!0),this.mobileActive=!1},window.addEventListener("resize",this.resizeListener))},unbindResizeListener(){this.resizeListener&&(window.removeEventListener("resize",this.resizeListener),this.resizeListener=null)},isItemMatched(e){return this.isValidItem(e)&&this.getProccessedItemLabel(e).toLocaleLowerCase().startsWith(this.searchValue.toLocaleLowerCase())},isValidItem(e){return!!e&&!this.isItemDisabled(e.item)&&!this.isItemSeparator(e.item)},isValidSelectedItem(e){return this.isValidItem(e)&&this.isSelected(e)},isSelected(e){return this.activeItemPath.some((t=>t.key===e.key))},findFirstItemIndex(){return this.visibleItems.findIndex((e=>this.isValidItem(e)))},findLastItemIndex(){return t.ObjectUtils.findLastIndex(this.visibleItems,(e=>this.isValidItem(e)))},findNextItemIndex(e){const t=e<this.visibleItems.length-1?this.visibleItems.slice(e+1).findIndex((e=>this.isValidItem(e))):-1;return t>-1?t+e+1:e},findPrevItemIndex(e){const i=e>0?t.ObjectUtils.findLastIndex(this.visibleItems.slice(0,e),(e=>this.isValidItem(e))):-1;return i>-1?i:e},findSelectedItemIndex(){return this.visibleItems.findIndex((e=>this.isValidSelectedItem(e)))},findFirstFocusedItemIndex(){const e=this.findSelectedItemIndex();return e<0?this.findFirstItemIndex():e},findLastFocusedItemIndex(){const e=this.findSelectedItemIndex();return e<0?this.findLastItemIndex():e},searchItems(e,t){this.searchValue=(this.searchValue||"")+t;let i=-1,s=!1;return-1!==this.focusedItemInfo.index?(i=this.visibleItems.slice(this.focusedItemInfo.index).findIndex((e=>this.isItemMatched(e))),i=-1===i?this.visibleItems.slice(0,this.focusedItemInfo.index).findIndex((e=>this.isItemMatched(e))):i+this.focusedItemInfo.index):i=this.visibleItems.findIndex((e=>this.isItemMatched(e))),-1!==i&&(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((()=>{this.searchValue="",this.searchTimeout=null}),500),s},changeFocusedItemIndex(e,t){this.focusedItemInfo.index!==t&&(this.focusedItemInfo.index=t,this.scrollInView())},scrollInView(e=-1){const i=-1!==e?`${this.id}_${e}`:this.focusedItemId,s=t.DomHandler.findSingle(this.menubar,`li[id="${i}"]`);s&&s.scrollIntoView&&s.scrollIntoView({block:"nearest",inline:"start"})},createProcessedItems(e,t=0,i={},s=""){const n=[];return e&&e.forEach(((e,o)=>{const r=(""!==s?s+"_":"")+o,a={item:e,index:o,level:t,key:r,parent:i,parentKey:s};a.items=this.createProcessedItems(e.items,t+1,a,r),n.push(a)})),n},containerRef(e){this.container=e},menubarRef(e){this.menubar=e?e.$el:void 0}},computed:{containerClass(){return["p-menubar p-component",{"p-menubar-mobile-active":this.mobileActive}]},processedItems(){return this.createProcessedItems(this.model||[])},visibleItems(){const e=this.activeItemPath.find((e=>e.key===this.focusedItemInfo.parentKey));return e?e.items:this.processedItems},focusedItemId(){return-1!==this.focusedItemInfo.index?`${this.id}${t.ObjectUtils.isNotEmpty(this.focusedItemInfo.parentKey)?"_"+this.focusedItemInfo.parentKey:""}_${this.focusedItemInfo.index}`:null}},components:{MenubarSub:d,BarsIcon:a.default}};const g={key:0,class:"p-menubar-start"},k=["aria-haspopup","aria-expanded","aria-controls","aria-label"],x={key:2,class:"p-menubar-end"};!function(e,t){void 0===t&&(t={});var i=t.insertAt;if(e&&"undefined"!=typeof document){var s=document.head||document.getElementsByTagName("head")[0],n=document.createElement("style");n.type="text/css","top"===i&&s.firstChild?s.insertBefore(n,s.firstChild):s.appendChild(n),n.styleSheet?n.styleSheet.cssText=e:n.appendChild(document.createTextNode(e))}}("\n.p-menubar {\n display: flex;\n align-items: center;\n}\n.p-menubar ul {\n margin: 0;\n padding: 0;\n list-style: none;\n}\n.p-menubar .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.p-menubar .p-menuitem-text {\n line-height: 1;\n}\n.p-menubar .p-menuitem {\n position: relative;\n}\n.p-menubar-root-list {\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n}\n.p-menubar-root-list > li ul {\n display: none;\n z-index: 1;\n}\n.p-menubar-root-list > .p-menuitem-active > .p-submenu-list {\n display: block;\n}\n.p-menubar .p-submenu-list {\n display: none;\n position: absolute;\n z-index: 1;\n}\n.p-menubar .p-submenu-list > .p-menuitem-active > .p-submenu-list {\n display: block;\n left: 100%;\n top: 0;\n}\n.p-menubar .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {\n margin-left: auto;\n}\n.p-menubar .p-menubar-end {\n margin-left: auto;\n align-self: center;\n}\n.p-menubar-button {\n display: none;\n cursor: pointer;\n align-items: center;\n justify-content: center;\n text-decoration: none;\n}\n"),y.render=function(e,t,i,s,n,r){const a=o.resolveComponent("BarsIcon"),l=o.resolveComponent("MenubarSub");return o.openBlock(),o.createElementBlock("div",{ref:r.containerRef,class:o.normalizeClass(r.containerClass)},[e.$slots.start?(o.openBlock(),o.createElementBlock("div",g,[o.renderSlot(e.$slots,"start")])):o.createCommentVNode("",!0),i.model&&i.model.length>0?(o.openBlock(),o.createElementBlock("a",o.mergeProps({key:1,ref:"menubutton",role:"button",tabindex:"0",class:"p-menubar-button","aria-haspopup":!!(i.model.length&&i.model.length>0),"aria-expanded":n.mobileActive,"aria-controls":n.id,"aria-label":e.$primevue.config.locale.aria.navigation,onClick:t[0]||(t[0]=e=>r.menuButtonClick(e)),onKeydown:t[1]||(t[1]=e=>r.menuButtonKeydown(e))},i.buttonProps),[o.renderSlot(e.$slots,"popupicon",{},(()=>[o.createVNode(a)]))],16,k)):o.createCommentVNode("",!0),o.createVNode(l,{ref:r.menubarRef,id:n.id,class:"p-menubar-root-list",role:"menubar",items:r.processedItems,templates:e.$slots,root:!0,mobileActive:n.mobileActive,tabindex:"0","aria-activedescendant":n.focused?r.focusedItemId:void 0,menuId:n.id,focusedItemId:n.focused?r.focusedItemId:void 0,activeItemPath:n.activeItemPath,exact:i.exact,level:0,"aria-labelledby":e.ariaLabelledby,"aria-label":e.ariaLabel,onFocus:r.onFocus,onBlur:r.onBlur,onKeydown:r.onKeyDown,onItemClick:r.onItemClick,onItemMouseenter:r.onItemMouseEnter},null,8,["id","items","templates","mobileActive","aria-activedescendant","menuId","focusedItemId","activeItemPath","exact","aria-labelledby","aria-label","onFocus","onBlur","onKeydown","onItemClick","onItemMouseenter"]),e.$slots.end?(o.openBlock(),o.createElementBlock("div",x,[o.renderSlot(e.$slots,"end")])):o.createCommentVNode("",!0)],2)},module.exports=y;
|
|
1
|
+
"use strict";var e=require("primevue/basecomponent"),t=require("primevue/icons/bars"),i=require("primevue/utils"),s=require("primevue/icons/angledown"),n=require("primevue/icons/angleright"),o=require("primevue/ripple"),r=require("vue");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var m=a(e),l=a(t),c=a(s),d=a(n),u=a(o),I={name:"MenubarSub",extends:m.default,emits:["item-mouseenter","item-click"],props:{items:{type:Array,default:null},root:{type:Boolean,default:!1},popup:{type:Boolean,default:!1},mobileActive:{type:Boolean,default:!1},templates:{type:Object,default:null},exact:{type:Boolean,default:!0},level:{type:Number,default:0},menuId:{type:String,default:null},focusedItemId:{type:String,default:null},activeItemPath:{type:Object,default:null}},list:null,methods:{getItemId(e){return`${this.menuId}_${e.key}`},getItemKey(e){return this.getItemId(e)},getItemProp:(e,t,s)=>e&&e.item?i.ObjectUtils.getItemValue(e.item[t],s):void 0,getItemLabel(e){return this.getItemProp(e,"label")},getPTOptions(e,t){return this.ptm(t,{context:{active:this.isItemActive(e),focused:this.isItemFocused(e)}})},isItemActive(e){return this.activeItemPath.some((t=>t.key===e.key))},isItemVisible(e){return!1!==this.getItemProp(e,"visible")},isItemDisabled(e){return this.getItemProp(e,"disabled")},isItemFocused(e){return this.focusedItemId===this.getItemId(e)},isItemGroup:e=>i.ObjectUtils.isNotEmpty(e.items),onItemClick(e,t){this.getItemProp(t,"command",{originalEvent:e,item:t.item}),this.$emit("item-click",{originalEvent:e,processedItem:t,isFocus:!0})},onItemMouseEnter(e,t){this.$emit("item-mouseenter",{originalEvent:e,processedItem:t})},onItemActionClick(e,t){t&&t(e)},getAriaSetSize(){return this.items.filter((e=>this.isItemVisible(e)&&!this.getItemProp(e,"separator"))).length},getAriaPosInset(e){return e-this.items.slice(0,e).filter((e=>this.isItemVisible(e)&&this.getItemProp(e,"separator"))).length+1},getItemClass(e){return["p-menuitem",this.getItemProp(e,"class"),{"p-menuitem-active p-highlight":this.isItemActive(e),"p-focus":this.isItemFocused(e),"p-disabled":this.isItemDisabled(e)}]},getItemActionClass(e,t){return["p-menuitem-link",{"router-link-active":t&&t.isActive,"router-link-active-exact":this.exact&&t&&t.isExactActive}]},getItemIconClass(e){return["p-menuitem-icon",this.getItemProp(e,"icon")]},getSeparatorItemClass(e){return["p-menuitem-separator",this.getItemProp(e,"class")]}},computed:{containerClass(){return{"p-submenu-list":!this.root,"p-menubar-root-list":this.root}}},components:{AngleRightIcon:d.default,AngleDownIcon:c.default},directives:{ripple:u.default}};const h=["id","aria-label","aria-disabled","aria-expanded","aria-haspopup","aria-level","aria-setsize","aria-posinset"],p=["onClick","onMouseenter"],f=["href","onClick"],b=["href","target"],v=["id"];I.render=function(e,t,i,s,n,o){const a=r.resolveComponent("router-link"),m=r.resolveComponent("MenubarSub",!0),l=r.resolveDirective("ripple");return r.openBlock(),r.createElementBlock("ul",r.normalizeProps(r.guardReactiveProps(e.ptm("menu"))),[(r.openBlock(!0),r.createElementBlock(r.Fragment,null,r.renderList(i.items,((s,n)=>(r.openBlock(),r.createElementBlock(r.Fragment,{key:o.getItemKey(s)},[o.isItemVisible(s)&&!o.getItemProp(s,"separator")?(r.openBlock(),r.createElementBlock("li",r.mergeProps({key:0,id:o.getItemId(s),style:o.getItemProp(s,"style"),class:o.getItemClass(s),role:"menuitem","aria-label":o.getItemLabel(s),"aria-disabled":o.isItemDisabled(s)||void 0,"aria-expanded":o.isItemGroup(s)?o.isItemActive(s):void 0,"aria-haspopup":o.isItemGroup(s)&&!o.getItemProp(s,"to")?"menu":void 0,"aria-level":i.level+1,"aria-setsize":o.getAriaSetSize(),"aria-posinset":o.getAriaPosInset(n)},o.getPTOptions(s,"menuitem")),[r.createElementVNode("div",r.mergeProps({class:"p-menuitem-content",onClick:e=>o.onItemClick(e,s),onMouseenter:e=>o.onItemMouseEnter(e,s)},o.getPTOptions(s,"content")),[i.templates.item?(r.openBlock(),r.createBlock(r.resolveDynamicComponent(i.templates.item),{key:1,item:s.item},null,8,["item"])):(r.openBlock(),r.createElementBlock(r.Fragment,{key:0},[o.getItemProp(s,"to")&&!o.isItemDisabled(s)?(r.openBlock(),r.createBlock(a,{key:0,to:o.getItemProp(s,"to"),custom:""},{default:r.withCtx((({navigate:e,href:t,isActive:n,isExactActive:a})=>[r.withDirectives((r.openBlock(),r.createElementBlock("a",r.mergeProps({href:t,class:o.getItemActionClass(s,{isActive:n,isExactActive:a}),tabindex:"-1","aria-hidden":"true",onClick:t=>o.onItemActionClick(t,e)},o.getPTOptions(s,"action")),[i.templates.itemicon?(r.openBlock(),r.createBlock(r.resolveDynamicComponent(i.templates.itemicon),{key:0,item:s.item,class:r.normalizeClass(o.getItemIconClass(s))},null,8,["item","class"])):o.getItemProp(s,"icon")?(r.openBlock(),r.createElementBlock("span",r.mergeProps({key:1,class:o.getItemIconClass(s)},o.getPTOptions(s,"icon")),null,16)):r.createCommentVNode("",!0),r.createElementVNode("span",r.mergeProps({class:"p-menuitem-text"},o.getPTOptions(s,"label")),r.toDisplayString(o.getItemLabel(s)),17)],16,f)),[[l]])])),_:2},1032,["to"])):r.withDirectives((r.openBlock(),r.createElementBlock("a",r.mergeProps({key:1,href:o.getItemProp(s,"url"),class:o.getItemActionClass(s),target:o.getItemProp(s,"target"),tabindex:"-1","aria-hidden":"true"},o.getPTOptions(s,"action")),[i.templates.itemicon?(r.openBlock(),r.createBlock(r.resolveDynamicComponent(i.templates.itemicon),{key:0,item:s.item,class:r.normalizeClass(o.getItemIconClass(s))},null,8,["item","class"])):o.getItemProp(s,"icon")?(r.openBlock(),r.createElementBlock("span",r.mergeProps({key:1,class:o.getItemIconClass(s)},o.getPTOptions(s,"icon")),null,16)):r.createCommentVNode("",!0),r.createElementVNode("span",r.mergeProps({class:"p-menuitem-text"},o.getPTOptions(s,"label")),r.toDisplayString(o.getItemLabel(s)),17),o.getItemProp(s,"items")?(r.openBlock(),r.createElementBlock(r.Fragment,{key:2},[i.templates.submenuicon?(r.openBlock(),r.createBlock(r.resolveDynamicComponent(i.templates.submenuicon),{key:0,root:i.root,active:o.isItemActive(s),class:"p-submenu-icon"},null,8,["root","active"])):(r.openBlock(),r.createBlock(r.resolveDynamicComponent(i.root?"AngleDownIcon":"AngleRightIcon"),r.mergeProps({key:1,class:"p-submenu-icon"},o.getPTOptions(s,"submenuIcon")),null,16))],64)):r.createCommentVNode("",!0)],16,b)),[[l]])],64))],16,p),o.isItemVisible(s)&&o.isItemGroup(s)?(r.openBlock(),r.createBlock(m,{key:0,menuId:i.menuId,role:"menu",class:"p-submenu-list",focusedItemId:i.focusedItemId,items:s.items,mobileActive:i.mobileActive,activeItemPath:i.activeItemPath,templates:i.templates,exact:i.exact,level:i.level+1,pt:e.pt,onItemClick:t[0]||(t[0]=t=>e.$emit("item-click",t)),onItemMouseenter:t[1]||(t[1]=t=>e.$emit("item-mouseenter",t))},null,8,["menuId","focusedItemId","items","mobileActive","activeItemPath","templates","exact","level","pt"])):r.createCommentVNode("",!0)],16,h)):r.createCommentVNode("",!0),o.isItemVisible(s)&&o.getItemProp(s,"separator")?(r.openBlock(),r.createElementBlock("li",r.mergeProps({key:1,id:o.getItemId(s),style:o.getItemProp(s,"style"),class:o.getSeparatorItemClass(s),role:"separator"},e.ptm("separator")),null,16,v)):r.createCommentVNode("",!0)],64)))),128))],16)};var g={name:"Menubar",extends:m.default,emits:["focus","blur"],props:{model:{type:Array,default:null},exact:{type:Boolean,default:!0},buttonProps:{type:null,default:null},"aria-labelledby":{type:String,default:null},"aria-label":{type:String,default:null}},data(){return{id:this.$attrs.id,mobileActive:!1,focused:!1,focusedItemInfo:{index:-1,level:0,parentKey:""},activeItemPath:[],dirty:!1}},watch:{"$attrs.id":function(e){this.id=e||i.UniqueComponentId()},activeItemPath(e){i.ObjectUtils.isNotEmpty(e)?(this.bindOutsideClickListener(),this.bindResizeListener()):(this.unbindOutsideClickListener(),this.unbindResizeListener())}},outsideClickListener:null,container:null,menubar:null,mounted(){this.id=this.id||i.UniqueComponentId()},beforeUnmount(){this.mobileActive=!1,this.unbindOutsideClickListener(),this.unbindResizeListener(),this.container&&i.ZIndexUtils.clear(this.container),this.container=null},methods:{getItemProp:(e,t)=>e?i.ObjectUtils.getItemValue(e[t]):void 0,getItemLabel(e){return this.getItemProp(e,"label")},isItemDisabled(e){return this.getItemProp(e,"disabled")},isItemGroup(e){return i.ObjectUtils.isNotEmpty(this.getItemProp(e,"items"))},isItemSeparator(e){return this.getItemProp(e,"separator")},getProccessedItemLabel(e){return e?this.getItemLabel(e.item):void 0},isProccessedItemGroup:e=>e&&i.ObjectUtils.isNotEmpty(e.items),toggle(e){this.mobileActive?(this.mobileActive=!1,i.ZIndexUtils.clear(this.menubar),this.hide()):(this.mobileActive=!0,i.ZIndexUtils.set("menu",this.menubar,this.$primevue.config.zIndex.menu),setTimeout((()=>{this.show()}),0)),this.bindOutsideClickListener(),e.preventDefault()},show(){this.focusedItemInfo={index:this.findFirstFocusedItemIndex(),level:0,parentKey:""},i.DomHandler.focus(this.menubar)},hide(e,t){this.mobileActive&&setTimeout((()=>{i.DomHandler.focus(this.$refs.menubutton)}),0),this.activeItemPath=[],this.focusedItemInfo={index:-1,level:0,parentKey:""},t&&i.DomHandler.focus(this.menubar),this.dirty=!1},onFocus(e){this.focused=!0,this.focusedItemInfo=-1!==this.focusedItemInfo.index?this.focusedItemInfo:{index:this.findFirstFocusedItemIndex(),level:0,parentKey:""},this.$emit("focus",e)},onBlur(e){this.focused=!1,this.focusedItemInfo={index:-1,level:0,parentKey:""},this.searchValue="",this.dirty=!1,this.$emit("blur",e)},onKeyDown(e){const t=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:!t&&i.ObjectUtils.isPrintableCharacter(e.key)&&this.searchItems(e,e.key)}},onItemChange(e){const{processedItem:t,isFocus:s}=e;if(i.ObjectUtils.isEmpty(t))return;const{index:n,key:o,level:r,parentKey:a,items:m}=t,l=i.ObjectUtils.isNotEmpty(m),c=this.activeItemPath.filter((e=>e.parentKey!==a&&e.parentKey!==o));l&&c.push(t),this.focusedItemInfo={index:n,level:r,parentKey:a},this.activeItemPath=c,l&&(this.dirty=!0),s&&i.DomHandler.focus(this.menubar)},onItemClick(e){const{originalEvent:t,processedItem:s}=e,n=this.isProccessedItemGroup(s),o=i.ObjectUtils.isEmpty(s.parent);if(this.isSelected(s)){const{index:e,key:t,level:n,parentKey:r}=s;this.activeItemPath=this.activeItemPath.filter((e=>t!==e.key&&t.startsWith(e.key))),this.focusedItemInfo={index:e,level:n,parentKey:r},this.dirty=!o,i.DomHandler.focus(this.menubar)}else if(n)this.onItemChange(e);else{const e=o?s:this.activeItemPath.find((e=>""===e.parentKey));this.hide(t),this.changeFocusedItemIndex(t,e?e.index:-1),this.mobileActive=!1,i.DomHandler.focus(this.menubar)}},onItemMouseEnter(e){!this.mobileActive&&this.dirty&&this.onItemChange(e)},menuButtonClick(e){this.toggle(e)},menuButtonKeydown(e){("Enter"===e.code||"Space"===e.code)&&this.menuButtonClick(e)},onArrowDownKey(e){const t=this.visibleItems[this.focusedItemInfo.index];if(t?i.ObjectUtils.isEmpty(t.parent):null){this.isProccessedItemGroup(t)&&(this.onItemChange({originalEvent:e,processedItem:t}),this.focusedItemInfo={index:-1,parentKey:t.key},this.onArrowRightKey(e))}else{const t=-1!==this.focusedItemInfo.index?this.findNextItemIndex(this.focusedItemInfo.index):this.findFirstFocusedItemIndex();this.changeFocusedItemIndex(e,t),e.preventDefault()}},onArrowUpKey(e){const t=this.visibleItems[this.focusedItemInfo.index];if(i.ObjectUtils.isEmpty(t.parent)){if(this.isProccessedItemGroup(t)){this.onItemChange({originalEvent:e,processedItem:t}),this.focusedItemInfo={index:-1,parentKey:t.key};const i=this.findLastItemIndex();this.changeFocusedItemIndex(e,i)}}else{const i=this.activeItemPath.find((e=>e.key===t.parentKey));if(0===this.focusedItemInfo.index)this.focusedItemInfo={index:-1,parentKey:i?i.parentKey:""},this.searchValue="",this.onArrowLeftKey(e),this.activeItemPath=this.activeItemPath.filter((e=>e.parentKey!==this.focusedItemInfo.parentKey));else{const t=-1!==this.focusedItemInfo.index?this.findPrevItemIndex(this.focusedItemInfo.index):this.findLastFocusedItemIndex();this.changeFocusedItemIndex(e,t)}}e.preventDefault()},onArrowLeftKey(e){const t=this.visibleItems[this.focusedItemInfo.index],i=t?this.activeItemPath.find((e=>e.key===t.parentKey)):null;if(i)this.onItemChange({originalEvent:e,processedItem:i}),this.activeItemPath=this.activeItemPath.filter((e=>e.parentKey!==this.focusedItemInfo.parentKey)),e.preventDefault();else{const t=-1!==this.focusedItemInfo.index?this.findPrevItemIndex(this.focusedItemInfo.index):this.findLastFocusedItemIndex();this.changeFocusedItemIndex(e,t),e.preventDefault()}},onArrowRightKey(e){const t=this.visibleItems[this.focusedItemInfo.index];if(t?this.activeItemPath.find((e=>e.key===t.parentKey)):null){this.isProccessedItemGroup(t)&&(this.onItemChange({originalEvent:e,processedItem:t}),this.focusedItemInfo={index:-1,parentKey:t.key},this.onArrowDownKey(e))}else{const t=-1!==this.focusedItemInfo.index?this.findNextItemIndex(this.focusedItemInfo.index):this.findFirstFocusedItemIndex();this.changeFocusedItemIndex(e,t),e.preventDefault()}},onHomeKey(e){this.changeFocusedItemIndex(e,this.findFirstItemIndex()),e.preventDefault()},onEndKey(e){this.changeFocusedItemIndex(e,this.findLastItemIndex()),e.preventDefault()},onEnterKey(e){if(-1!==this.focusedItemInfo.index){const e=i.DomHandler.findSingle(this.menubar,`li[id="${this.focusedItemId}"]`),t=e&&i.DomHandler.findSingle(e,".p-menuitem-link");t?t.click():e&&e.click();const s=this.visibleItems[this.focusedItemInfo.index];!this.isProccessedItemGroup(s)&&(this.focusedItemInfo.index=this.findFirstFocusedItemIndex())}e.preventDefault()},onSpaceKey(e){this.onEnterKey(e)},onEscapeKey(e){this.hide(e,!0),this.focusedItemInfo.index=this.findFirstFocusedItemIndex(),e.preventDefault()},onTabKey(e){if(-1!==this.focusedItemInfo.index){const t=this.visibleItems[this.focusedItemInfo.index];!this.isProccessedItemGroup(t)&&this.onItemChange({originalEvent:e,processedItem:t})}this.hide()},bindOutsideClickListener(){this.outsideClickListener||(this.outsideClickListener=e=>{const t=this.menubar!==e.target&&!this.menubar.contains(e.target),i=this.mobileActive&&this.$refs.menubutton!==e.target&&!this.$refs.menubutton.contains(e.target);t&&(i?this.mobileActive=!1:this.hide())},document.addEventListener("click",this.outsideClickListener))},unbindOutsideClickListener(){this.outsideClickListener&&(document.removeEventListener("click",this.outsideClickListener),this.outsideClickListener=null)},bindResizeListener(){this.resizeListener||(this.resizeListener=e=>{i.DomHandler.isTouchDevice()||this.hide(e,!0),this.mobileActive=!1},window.addEventListener("resize",this.resizeListener))},unbindResizeListener(){this.resizeListener&&(window.removeEventListener("resize",this.resizeListener),this.resizeListener=null)},isItemMatched(e){return this.isValidItem(e)&&this.getProccessedItemLabel(e).toLocaleLowerCase().startsWith(this.searchValue.toLocaleLowerCase())},isValidItem(e){return!!e&&!this.isItemDisabled(e.item)&&!this.isItemSeparator(e.item)},isValidSelectedItem(e){return this.isValidItem(e)&&this.isSelected(e)},isSelected(e){return this.activeItemPath.some((t=>t.key===e.key))},findFirstItemIndex(){return this.visibleItems.findIndex((e=>this.isValidItem(e)))},findLastItemIndex(){return i.ObjectUtils.findLastIndex(this.visibleItems,(e=>this.isValidItem(e)))},findNextItemIndex(e){const t=e<this.visibleItems.length-1?this.visibleItems.slice(e+1).findIndex((e=>this.isValidItem(e))):-1;return t>-1?t+e+1:e},findPrevItemIndex(e){const t=e>0?i.ObjectUtils.findLastIndex(this.visibleItems.slice(0,e),(e=>this.isValidItem(e))):-1;return t>-1?t:e},findSelectedItemIndex(){return this.visibleItems.findIndex((e=>this.isValidSelectedItem(e)))},findFirstFocusedItemIndex(){const e=this.findSelectedItemIndex();return e<0?this.findFirstItemIndex():e},findLastFocusedItemIndex(){const e=this.findSelectedItemIndex();return e<0?this.findLastItemIndex():e},searchItems(e,t){this.searchValue=(this.searchValue||"")+t;let i=-1,s=!1;return-1!==this.focusedItemInfo.index?(i=this.visibleItems.slice(this.focusedItemInfo.index).findIndex((e=>this.isItemMatched(e))),i=-1===i?this.visibleItems.slice(0,this.focusedItemInfo.index).findIndex((e=>this.isItemMatched(e))):i+this.focusedItemInfo.index):i=this.visibleItems.findIndex((e=>this.isItemMatched(e))),-1!==i&&(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((()=>{this.searchValue="",this.searchTimeout=null}),500),s},changeFocusedItemIndex(e,t){this.focusedItemInfo.index!==t&&(this.focusedItemInfo.index=t,this.scrollInView())},scrollInView(e=-1){const t=-1!==e?`${this.id}_${e}`:this.focusedItemId,s=i.DomHandler.findSingle(this.menubar,`li[id="${t}"]`);s&&s.scrollIntoView&&s.scrollIntoView({block:"nearest",inline:"start"})},createProcessedItems(e,t=0,i={},s=""){const n=[];return e&&e.forEach(((e,o)=>{const r=(""!==s?s+"_":"")+o,a={item:e,index:o,level:t,key:r,parent:i,parentKey:s};a.items=this.createProcessedItems(e.items,t+1,a,r),n.push(a)})),n},containerRef(e){this.container=e},menubarRef(e){this.menubar=e?e.$el:void 0}},computed:{containerClass(){return["p-menubar p-component",{"p-menubar-mobile-active":this.mobileActive}]},processedItems(){return this.createProcessedItems(this.model||[])},visibleItems(){const e=this.activeItemPath.find((e=>e.key===this.focusedItemInfo.parentKey));return e?e.items:this.processedItems},focusedItemId(){return-1!==this.focusedItemInfo.index?`${this.id}${i.ObjectUtils.isNotEmpty(this.focusedItemInfo.parentKey)?"_"+this.focusedItemInfo.parentKey:""}_${this.focusedItemInfo.index}`:null}},components:{MenubarSub:I,BarsIcon:l.default}};const y=["aria-haspopup","aria-expanded","aria-controls","aria-label"];!function(e,t){void 0===t&&(t={});var i=t.insertAt;if(e&&"undefined"!=typeof document){var s=document.head||document.getElementsByTagName("head")[0],n=document.createElement("style");n.type="text/css","top"===i&&s.firstChild?s.insertBefore(n,s.firstChild):s.appendChild(n),n.styleSheet?n.styleSheet.cssText=e:n.appendChild(document.createTextNode(e))}}("\n.p-menubar {\n display: flex;\n align-items: center;\n}\n.p-menubar ul {\n margin: 0;\n padding: 0;\n list-style: none;\n}\n.p-menubar .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.p-menubar .p-menuitem-text {\n line-height: 1;\n}\n.p-menubar .p-menuitem {\n position: relative;\n}\n.p-menubar-root-list {\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n}\n.p-menubar-root-list > li ul {\n display: none;\n z-index: 1;\n}\n.p-menubar-root-list > .p-menuitem-active > .p-submenu-list {\n display: block;\n}\n.p-menubar .p-submenu-list {\n display: none;\n position: absolute;\n z-index: 1;\n}\n.p-menubar .p-submenu-list > .p-menuitem-active > .p-submenu-list {\n display: block;\n left: 100%;\n top: 0;\n}\n.p-menubar .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {\n margin-left: auto;\n}\n.p-menubar .p-menubar-end {\n margin-left: auto;\n align-self: center;\n}\n.p-menubar-button {\n display: none;\n cursor: pointer;\n align-items: center;\n justify-content: center;\n text-decoration: none;\n}\n"),g.render=function(e,t,i,s,n,o){const a=r.resolveComponent("BarsIcon"),m=r.resolveComponent("MenubarSub");return r.openBlock(),r.createElementBlock("div",r.mergeProps({ref:o.containerRef,class:o.containerClass},e.ptm("root")),[e.$slots.start?(r.openBlock(),r.createElementBlock("div",r.mergeProps({key:0,class:"p-menubar-start"},e.ptm("start")),[r.renderSlot(e.$slots,"start")],16)):r.createCommentVNode("",!0),i.model&&i.model.length>0?(r.openBlock(),r.createElementBlock("a",r.mergeProps({key:1,ref:"menubutton",role:"button",tabindex:"0",class:"p-menubar-button","aria-haspopup":!!(i.model.length&&i.model.length>0),"aria-expanded":n.mobileActive,"aria-controls":n.id,"aria-label":e.$primevue.config.locale.aria.navigation,onClick:t[0]||(t[0]=e=>o.menuButtonClick(e)),onKeydown:t[1]||(t[1]=e=>o.menuButtonKeydown(e))},{...i.buttonProps,...e.ptm("button")}),[r.renderSlot(e.$slots,"popupicon",{},(()=>[r.createVNode(a,r.normalizeProps(r.guardReactiveProps(e.ptm("popupIcon"))),null,16)]))],16,y)):r.createCommentVNode("",!0),r.createVNode(m,{ref:o.menubarRef,id:n.id,class:"p-menubar-root-list",role:"menubar",items:o.processedItems,templates:e.$slots,root:!0,mobileActive:n.mobileActive,tabindex:"0","aria-activedescendant":n.focused?o.focusedItemId:void 0,menuId:n.id,focusedItemId:n.focused?o.focusedItemId:void 0,activeItemPath:n.activeItemPath,exact:i.exact,level:0,"aria-labelledby":e.ariaLabelledby,"aria-label":e.ariaLabel,pt:e.pt,onFocus:o.onFocus,onBlur:o.onBlur,onKeydown:o.onKeyDown,onItemClick:o.onItemClick,onItemMouseenter:o.onItemMouseEnter},null,8,["id","items","templates","mobileActive","aria-activedescendant","menuId","focusedItemId","activeItemPath","exact","aria-labelledby","aria-label","pt","onFocus","onBlur","onKeydown","onItemClick","onItemMouseenter"]),e.$slots.end?(r.openBlock(),r.createElementBlock("div",r.mergeProps({key:2,class:"p-menubar-end"},e.ptm("end")),[r.renderSlot(e.$slots,"end")],16)):r.createCommentVNode("",!0)],16)},module.exports=g;
|