primevue 3.40.0 → 3.41.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 +2 -20
- package/autocomplete/AutoComplete.vue +1 -1
- package/autocomplete/autocomplete.cjs.js +1 -1
- package/autocomplete/autocomplete.cjs.min.js +1 -1
- package/autocomplete/autocomplete.esm.js +1 -1
- package/autocomplete/autocomplete.esm.min.js +1 -1
- package/autocomplete/autocomplete.js +1 -1
- package/autocomplete/autocomplete.min.js +1 -1
- package/baseicon/BaseIcon.vue +3 -0
- package/baseicon/baseicon.cjs.js +4 -0
- package/baseicon/baseicon.cjs.min.js +1 -1
- package/baseicon/baseicon.esm.js +3 -0
- package/baseicon/baseicon.esm.min.js +1 -1
- package/baseicon/baseicon.js +5 -2
- package/baseicon/baseicon.min.js +1 -1
- package/breadcrumb/BreadcrumbItem.vue +1 -1
- package/breadcrumb/breadcrumb.cjs.js +1 -1
- package/breadcrumb/breadcrumb.cjs.min.js +1 -1
- package/breadcrumb/breadcrumb.esm.js +1 -1
- package/breadcrumb/breadcrumb.esm.min.js +1 -1
- package/breadcrumb/breadcrumb.js +1 -1
- package/breadcrumb/breadcrumb.min.js +1 -1
- package/calendar/BaseCalendar.vue +4 -0
- package/calendar/Calendar.d.ts +6 -1
- package/calendar/Calendar.vue +9 -1
- package/calendar/calendar.cjs.js +54 -43
- package/calendar/calendar.cjs.min.js +1 -1
- package/calendar/calendar.esm.js +54 -43
- package/calendar/calendar.esm.min.js +1 -1
- package/calendar/calendar.js +54 -43
- package/calendar/calendar.min.js +1 -1
- package/calendar/style/calendarstyle.cjs.js +1 -0
- package/calendar/style/calendarstyle.cjs.min.js +1 -1
- package/calendar/style/calendarstyle.esm.js +1 -0
- package/calendar/style/calendarstyle.esm.min.js +1 -1
- package/calendar/style/calendarstyle.js +1 -0
- package/calendar/style/calendarstyle.min.js +1 -1
- package/confirmationoptions/ConfirmationOptions.d.ts +5 -1
- package/confirmdialog/ConfirmDialog.d.ts +2 -2
- package/core/core.js +65 -50
- package/core/core.min.js +17 -17
- package/datatable/DataTable.vue +3 -2
- package/datatable/datatable.cjs.js +3 -2
- package/datatable/datatable.cjs.min.js +1 -1
- package/datatable/datatable.esm.js +3 -2
- package/datatable/datatable.esm.min.js +1 -1
- package/datatable/datatable.js +3 -2
- package/datatable/datatable.min.js +1 -1
- package/dataview/DataView.d.ts +9 -19
- package/dataview/DataView.vue +11 -10
- package/dataview/dataview.cjs.js +18 -18
- package/dataview/dataview.cjs.min.js +1 -1
- package/dataview/dataview.esm.js +19 -19
- package/dataview/dataview.esm.min.js +1 -1
- package/dataview/dataview.js +18 -18
- package/dataview/dataview.min.js +1 -1
- package/dataview/style/dataviewstyle.cjs.js +0 -2
- package/dataview/style/dataviewstyle.cjs.min.js +1 -1
- package/dataview/style/dataviewstyle.esm.js +0 -2
- package/dataview/style/dataviewstyle.esm.min.js +1 -1
- package/dataview/style/dataviewstyle.js +0 -2
- package/dataview/style/dataviewstyle.min.js +1 -1
- package/dialog/Dialog.d.ts +2 -2
- package/dialog/Dialog.vue +4 -4
- package/dialog/dialog.cjs.js +6 -6
- package/dialog/dialog.cjs.min.js +1 -1
- package/dialog/dialog.esm.js +6 -6
- package/dialog/dialog.esm.min.js +1 -1
- package/dialog/dialog.js +6 -6
- package/dialog/dialog.min.js +1 -1
- package/dialog/style/dialogstyle.cjs.js +2 -2
- package/dialog/style/dialogstyle.cjs.min.js +1 -1
- package/dialog/style/dialogstyle.esm.js +2 -2
- package/dialog/style/dialogstyle.esm.min.js +1 -1
- package/dialog/style/dialogstyle.js +2 -2
- package/dialog/style/dialogstyle.min.js +1 -1
- package/dock/BaseDock.vue +4 -0
- package/dock/Dock.d.ts +5 -0
- package/dock/Dock.vue +14 -0
- package/dock/dock.cjs.js +17 -0
- package/dock/dock.cjs.min.js +1 -1
- package/dock/dock.esm.js +17 -0
- package/dock/dock.esm.min.js +1 -1
- package/dock/dock.js +17 -0
- package/dock/dock.min.js +1 -1
- package/dock/style/dockstyle.cjs.js +5 -2
- package/dock/style/dockstyle.cjs.min.js +1 -1
- package/dock/style/dockstyle.esm.js +5 -2
- package/dock/style/dockstyle.esm.min.js +1 -1
- package/dock/style/dockstyle.js +5 -2
- package/dock/style/dockstyle.min.js +1 -1
- package/fileupload/FileContent.vue +1 -1
- package/fileupload/FileUpload.vue +1 -1
- package/fileupload/fileupload.cjs.js +2 -2
- package/fileupload/fileupload.cjs.min.js +1 -1
- package/fileupload/fileupload.esm.js +2 -2
- package/fileupload/fileupload.esm.min.js +1 -1
- package/fileupload/fileupload.js +2 -2
- package/fileupload/fileupload.min.js +1 -1
- package/focustrap/focustrap.cjs.js +1 -1
- package/focustrap/focustrap.cjs.min.js +1 -1
- package/focustrap/focustrap.esm.js +1 -1
- package/focustrap/focustrap.esm.min.js +1 -1
- package/focustrap/focustrap.js +1 -1
- package/focustrap/focustrap.min.js +1 -1
- package/inputgroupaddon/package.json +1 -1
- package/inputnumber/style/inputnumberstyle.cjs.js +1 -1
- package/inputnumber/style/inputnumberstyle.cjs.min.js +1 -1
- package/inputnumber/style/inputnumberstyle.esm.js +1 -1
- package/inputnumber/style/inputnumberstyle.esm.min.js +1 -1
- package/inputnumber/style/inputnumberstyle.js +1 -1
- package/inputnumber/style/inputnumberstyle.min.js +1 -1
- package/megamenu/BaseMegaMenu.vue +4 -0
- package/megamenu/MegaMenu.d.ts +9 -0
- package/megamenu/MegaMenu.vue +74 -6
- package/megamenu/MegaMenuSub.vue +6 -1
- package/megamenu/megamenu.cjs.js +118 -35
- package/megamenu/megamenu.cjs.min.js +1 -1
- package/megamenu/megamenu.esm.js +119 -37
- package/megamenu/megamenu.esm.min.js +1 -1
- package/megamenu/megamenu.js +119 -37
- package/megamenu/megamenu.min.js +1 -1
- package/megamenu/style/megamenustyle.cjs.js +22 -17
- package/megamenu/style/megamenustyle.cjs.min.js +1 -1
- package/megamenu/style/megamenustyle.esm.js +22 -17
- package/megamenu/style/megamenustyle.esm.min.js +1 -1
- package/megamenu/style/megamenustyle.js +22 -17
- package/megamenu/style/megamenustyle.min.js +1 -1
- package/menu/Menu.d.ts +1 -1
- package/menu/Menuitem.vue +0 -1
- package/menubar/BaseMenubar.vue +4 -0
- package/menubar/Menubar.d.ts +5 -0
- package/menubar/Menubar.vue +10 -1
- package/menubar/menubar.cjs.js +48 -36
- package/menubar/menubar.cjs.min.js +1 -1
- package/menubar/menubar.esm.js +48 -36
- package/menubar/menubar.esm.min.js +1 -1
- package/menubar/menubar.js +48 -36
- package/menubar/menubar.min.js +1 -1
- package/menubar/style/menubarstyle.cjs.js +2 -1
- package/menubar/style/menubarstyle.cjs.min.js +1 -1
- package/menubar/style/menubarstyle.esm.js +2 -1
- package/menubar/style/menubarstyle.esm.min.js +1 -1
- package/menubar/style/menubarstyle.js +2 -1
- package/menubar/style/menubarstyle.min.js +1 -1
- package/orderlist/OrderList.vue +18 -2
- package/orderlist/orderlist.cjs.js +16 -2
- package/orderlist/orderlist.cjs.min.js +1 -1
- package/orderlist/orderlist.esm.js +16 -2
- package/orderlist/orderlist.esm.min.js +1 -1
- package/orderlist/orderlist.js +16 -2
- package/orderlist/orderlist.min.js +1 -1
- package/overlaypanel/OverlayPanel.d.ts +14 -14
- package/package.json +1 -1
- package/paginator/Paginator.vue +21 -13
- package/paginator/paginator.cjs.js +9 -2
- package/paginator/paginator.cjs.min.js +1 -1
- package/paginator/paginator.esm.js +9 -2
- package/paginator/paginator.esm.min.js +1 -1
- package/paginator/paginator.js +9 -2
- package/paginator/paginator.min.js +1 -1
- package/panelmenu/BasePanelMenu.vue +4 -0
- package/panelmenu/PanelMenu.d.ts +5 -0
- package/panelmenu/PanelMenu.vue +13 -2
- package/panelmenu/panelmenu.cjs.js +21 -2
- package/panelmenu/panelmenu.cjs.min.js +1 -1
- package/panelmenu/panelmenu.esm.js +21 -2
- package/panelmenu/panelmenu.esm.min.js +1 -1
- package/panelmenu/panelmenu.js +21 -2
- package/panelmenu/panelmenu.min.js +1 -1
- package/passthrough/tailwind/index.cjs.js +4 -4
- package/passthrough/tailwind/index.cjs.min.js +1 -1
- package/passthrough/tailwind/index.esm.js +4 -4
- package/passthrough/tailwind/index.esm.min.js +1 -1
- package/passthrough/tailwind/index.js +4 -4
- package/passthrough/tailwind/index.min.js +1 -1
- package/picklist/PickList.vue +16 -2
- package/picklist/picklist.cjs.js +15 -2
- package/picklist/picklist.cjs.min.js +1 -1
- package/picklist/picklist.esm.js +15 -2
- package/picklist/picklist.esm.min.js +1 -1
- package/picklist/picklist.js +15 -2
- package/picklist/picklist.min.js +1 -1
- package/resources/themes/arya-blue/theme.css +133 -117
- package/resources/themes/arya-green/theme.css +133 -117
- package/resources/themes/arya-orange/theme.css +133 -117
- package/resources/themes/arya-purple/theme.css +133 -117
- package/resources/themes/bootstrap4-dark-blue/theme.css +133 -117
- package/resources/themes/bootstrap4-dark-purple/theme.css +133 -117
- package/resources/themes/bootstrap4-light-blue/theme.css +133 -117
- package/resources/themes/bootstrap4-light-purple/theme.css +133 -117
- package/resources/themes/fluent-light/theme.css +133 -117
- package/resources/themes/lara-dark-amber/fonts/Inter-italic.var.woff2 +0 -0
- package/resources/themes/lara-dark-amber/fonts/Inter-roman.var.woff2 +0 -0
- package/resources/themes/lara-dark-amber/theme.css +5757 -0
- package/resources/themes/lara-dark-blue/theme.css +337 -321
- package/resources/themes/lara-dark-cyan/fonts/Inter-italic.var.woff2 +0 -0
- package/resources/themes/lara-dark-cyan/fonts/Inter-roman.var.woff2 +0 -0
- package/resources/themes/lara-dark-cyan/theme.css +5757 -0
- package/resources/themes/lara-dark-green/fonts/Inter-italic.var.woff2 +0 -0
- package/resources/themes/lara-dark-green/fonts/Inter-roman.var.woff2 +0 -0
- package/resources/themes/lara-dark-green/theme.css +5757 -0
- package/resources/themes/lara-dark-indigo/theme.css +337 -321
- package/resources/themes/lara-dark-pink/fonts/Inter-italic.var.woff2 +0 -0
- package/resources/themes/lara-dark-pink/fonts/Inter-roman.var.woff2 +0 -0
- package/resources/themes/lara-dark-pink/theme.css +5757 -0
- package/resources/themes/lara-dark-purple/theme.css +337 -321
- package/resources/themes/lara-dark-teal/theme.css +577 -561
- package/resources/themes/lara-light-amber/fonts/Inter-italic.var.woff2 +0 -0
- package/resources/themes/lara-light-amber/fonts/Inter-roman.var.woff2 +0 -0
- package/resources/themes/lara-light-amber/theme.css +5749 -0
- package/resources/themes/lara-light-blue/theme.css +192 -176
- package/resources/themes/lara-light-cyan/fonts/Inter-italic.var.woff2 +0 -0
- package/resources/themes/lara-light-cyan/fonts/Inter-roman.var.woff2 +0 -0
- package/resources/themes/lara-light-cyan/theme.css +5749 -0
- package/resources/themes/lara-light-green/fonts/Inter-italic.var.woff2 +0 -0
- package/resources/themes/lara-light-green/fonts/Inter-roman.var.woff2 +0 -0
- package/resources/themes/lara-light-green/theme.css +5749 -0
- package/resources/themes/lara-light-indigo/theme.css +192 -176
- package/resources/themes/lara-light-pink/fonts/Inter-italic.var.woff2 +0 -0
- package/resources/themes/lara-light-pink/fonts/Inter-roman.var.woff2 +0 -0
- package/resources/themes/lara-light-pink/theme.css +5749 -0
- package/resources/themes/lara-light-purple/theme.css +192 -176
- package/resources/themes/lara-light-teal/theme.css +483 -467
- package/resources/themes/luna-amber/theme.css +133 -117
- package/resources/themes/luna-blue/theme.css +133 -117
- package/resources/themes/luna-green/theme.css +133 -117
- package/resources/themes/luna-pink/theme.css +133 -117
- package/resources/themes/md-dark-deeppurple/theme.css +133 -117
- package/resources/themes/md-dark-indigo/theme.css +133 -117
- package/resources/themes/md-light-deeppurple/theme.css +133 -117
- package/resources/themes/md-light-indigo/theme.css +133 -117
- package/resources/themes/mdc-dark-deeppurple/theme.css +133 -117
- package/resources/themes/mdc-dark-indigo/theme.css +133 -117
- package/resources/themes/mdc-light-deeppurple/theme.css +133 -117
- package/resources/themes/mdc-light-indigo/theme.css +133 -117
- package/resources/themes/mira/theme.css +133 -117
- package/resources/themes/nano/theme.css +133 -117
- package/resources/themes/nova/theme.css +133 -117
- package/resources/themes/nova-accent/theme.css +133 -117
- package/resources/themes/nova-alt/theme.css +133 -117
- package/resources/themes/nova-vue/theme.css +133 -117
- package/resources/themes/rhea/theme.css +133 -117
- package/resources/themes/saga-blue/theme.css +133 -117
- package/resources/themes/saga-green/theme.css +133 -117
- package/resources/themes/saga-orange/theme.css +133 -117
- package/resources/themes/saga-purple/theme.css +133 -117
- package/resources/themes/soho-dark/theme.css +133 -117
- package/resources/themes/soho-light/theme.css +133 -117
- package/resources/themes/tailwind-light/theme.css +133 -117
- package/resources/themes/vela-blue/theme.css +133 -117
- package/resources/themes/vela-green/theme.css +133 -117
- package/resources/themes/vela-orange/theme.css +133 -117
- package/resources/themes/vela-purple/theme.css +133 -117
- package/resources/themes/viva-dark/theme.css +133 -117
- package/resources/themes/viva-light/theme.css +133 -117
- package/sidebar/BaseSidebar.vue +4 -0
- package/sidebar/Sidebar.d.ts +12 -2
- package/sidebar/Sidebar.vue +3 -3
- package/sidebar/sidebar.cjs.js +12 -4
- package/sidebar/sidebar.cjs.min.js +1 -1
- package/sidebar/sidebar.esm.js +13 -5
- package/sidebar/sidebar.esm.min.js +1 -1
- package/sidebar/sidebar.js +12 -4
- package/sidebar/sidebar.min.js +1 -1
- package/sidebar/style/sidebarstyle.cjs.js +2 -2
- package/sidebar/style/sidebarstyle.cjs.min.js +1 -1
- package/sidebar/style/sidebarstyle.esm.js +2 -2
- package/sidebar/style/sidebarstyle.esm.min.js +1 -1
- package/sidebar/style/sidebarstyle.js +2 -2
- package/sidebar/style/sidebarstyle.min.js +1 -1
- package/speeddial/style/speeddialstyle.cjs.js +2 -2
- package/speeddial/style/speeddialstyle.cjs.min.js +1 -1
- package/speeddial/style/speeddialstyle.esm.js +2 -2
- package/speeddial/style/speeddialstyle.esm.min.js +1 -1
- package/speeddial/style/speeddialstyle.js +2 -2
- package/speeddial/style/speeddialstyle.min.js +1 -1
- package/splitter/Splitter.vue +3 -1
- package/splitter/splitter.cjs.js +3 -1
- package/splitter/splitter.cjs.min.js +1 -1
- package/splitter/splitter.esm.js +3 -1
- package/splitter/splitter.esm.min.js +1 -1
- package/splitter/splitter.js +3 -1
- package/splitter/splitter.min.js +1 -1
- package/splitterpanel/style/splitterpanelstyle.cjs.js +1 -1
- package/splitterpanel/style/splitterpanelstyle.cjs.min.js +1 -1
- package/splitterpanel/style/splitterpanelstyle.esm.js +1 -1
- package/splitterpanel/style/splitterpanelstyle.esm.min.js +1 -1
- package/splitterpanel/style/splitterpanelstyle.js +1 -1
- package/splitterpanel/style/splitterpanelstyle.min.js +1 -1
- package/tree/TreeNode.vue +1 -1
- package/tree/style/treestyle.cjs.js +1 -4
- package/tree/style/treestyle.cjs.min.js +1 -1
- package/tree/style/treestyle.esm.js +1 -4
- package/tree/style/treestyle.esm.min.js +1 -1
- package/tree/style/treestyle.js +1 -4
- package/tree/style/treestyle.min.js +1 -1
- package/tree/tree.cjs.js +1 -1
- package/tree/tree.cjs.min.js +1 -1
- package/tree/tree.esm.js +1 -1
- package/tree/tree.esm.min.js +1 -1
- package/tree/tree.js +1 -1
- package/tree/tree.min.js +1 -1
- package/treeselect/TreeSelect.vue +67 -2
- package/treeselect/treeselect.cjs.js +73 -9
- package/treeselect/treeselect.cjs.min.js +1 -1
- package/treeselect/treeselect.esm.js +73 -9
- package/treeselect/treeselect.esm.min.js +1 -1
- package/treeselect/treeselect.js +73 -9
- package/treeselect/treeselect.min.js +1 -1
- package/web-types.json +1 -1
- /package/dynamicdialog/style/{AccordionStyle.d.ts → DynamicDialogStyle.d.ts} +0 -0
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import BaseStyle from 'primevue/base/style';
|
|
2
2
|
|
|
3
|
-
var css = "\n@layer primevue {\n .p-megamenu {\n display: flex;\n position: relative;\n }\n\n .p-megamenu-root-list {\n margin: 0;\n padding: 0;\n list-style: none;\n }\n\n .p-megamenu .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-megamenu .p-menuitem-text {\n line-height: 1;\n }\n\n .p-megamenu-panel {\n display: none;\n
|
|
3
|
+
var css = "\n@layer primevue {\n .p-megamenu {\n display: flex;\n position: relative;\n }\n\n .p-megamenu-root-list {\n margin: 0;\n padding: 0;\n list-style: none;\n }\n\n .p-megamenu .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-megamenu .p-menuitem-text {\n line-height: 1;\n }\n\n .p-megamenu-panel {\n display: none;\n width: auto;\n z-index: 1;\n left: 0;\n min-width: 100%;\n }\n\n .p-megamenu-panel:not(.p-megamenu-mobile) {\n position: absolute;\n }\n\n .p-megamenu-root-list > .p-menuitem-active > .p-megamenu-panel {\n display: block;\n }\n\n .p-megamenu-submenu {\n margin: 0;\n padding: 0;\n list-style: none;\n }\n\n .p-megamenu-button {\n display: none;\n cursor: pointer;\n align-items: center;\n justify-content: center;\n text-decoration: none;\n }\n\n /* Horizontal */\n .p-megamenu-horizontal {\n align-items: center;\n }\n\n .p-megamenu-horizontal .p-megamenu-root-list {\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n }\n\n .p-megamenu-horizontal .p-megamenu-end {\n margin-left: auto;\n align-self: center;\n }\n\n /* Vertical */\n .p-megamenu-vertical {\n flex-direction: column;\n }\n\n .p-megamenu-vertical .p-megamenu-root-list {\n flex-direction: column;\n }\n\n .p-megamenu-vertical:not(.p-megamenu-mobile) .p-megamenu-root-list > .p-menuitem-active > .p-megamenu-panel {\n left: 100%;\n top: 0;\n }\n\n .p-megamenu-vertical .p-megamenu-root-list > .p-menuitem > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {\n margin-left: auto;\n }\n\n .p-megamenu-grid {\n display: flex;\n }\n\n .p-megamenu-col-2,\n .p-megamenu-col-3,\n .p-megamenu-col-4,\n .p-megamenu-col-6,\n .p-megamenu-col-12 {\n flex: 0 0 auto;\n padding: 0.5rem;\n }\n\n .p-megamenu-col-2 {\n width: 16.6667%;\n }\n\n .p-megamenu-col-3 {\n width: 25%;\n }\n\n .p-megamenu-col-4 {\n width: 33.3333%;\n }\n\n .p-megamenu-col-6 {\n width: 50%;\n }\n\n .p-megamenu-col-12 {\n width: 100%;\n }\n\n .p-megamenu.p-megamenu-mobile .p-megamenu-button {\n display: flex;\n }\n\n .p-megamenu.p-megamenu-mobile .p-megamenu-root-list {\n position: absolute;\n display: none;\n width: 100%;\n }\n\n .p-megamenu.p-megamenu-mobile .p-submenu-list {\n width: 100%;\n position: static;\n box-shadow: none;\n border: 0 none;\n }\n\n .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem {\n width: 100%;\n position: static;\n }\n\n .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list {\n display: flex;\n flex-direction: column;\n top: 100%;\n left: 0;\n z-index: 1;\n }\n\n .p-megamenu.p-megamenu-mobile .p-megamenu-grid {\n flex-wrap: wrap;\n overflow: auto;\n max-height: 90%;\n }\n}\n";
|
|
4
4
|
var inlineStyles = {
|
|
5
5
|
submenu: function submenu(_ref) {
|
|
6
6
|
var instance = _ref.instance,
|
|
@@ -14,11 +14,14 @@ var classes = {
|
|
|
14
14
|
root: function root(_ref2) {
|
|
15
15
|
var instance = _ref2.instance;
|
|
16
16
|
return ['p-megamenu p-component', {
|
|
17
|
+
'p-megamenu-mobile': instance.queryMatches,
|
|
18
|
+
'p-megamenu-mobile-active': instance.mobileActive,
|
|
17
19
|
'p-megamenu-horizontal': instance.horizontal,
|
|
18
20
|
'p-megamenu-vertical': instance.vertical
|
|
19
21
|
}];
|
|
20
22
|
},
|
|
21
23
|
start: 'p-megamenu-start',
|
|
24
|
+
menubutton: 'p-megamenu-button',
|
|
22
25
|
menu: 'p-megamenu-root-list',
|
|
23
26
|
submenuHeader: function submenuHeader(_ref3) {
|
|
24
27
|
var instance = _ref3.instance,
|
|
@@ -48,22 +51,24 @@ var classes = {
|
|
|
48
51
|
processedItem = _ref5.processedItem;
|
|
49
52
|
var length = instance.isItemGroup(processedItem) ? processedItem.items.length : 0;
|
|
50
53
|
var columnClass;
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
54
|
+
if (instance.$parentInstance.queryMatches) columnClass = 'p-megamenu-col-12';else {
|
|
55
|
+
switch (length) {
|
|
56
|
+
case 2:
|
|
57
|
+
columnClass = 'p-megamenu-col-6';
|
|
58
|
+
break;
|
|
59
|
+
case 3:
|
|
60
|
+
columnClass = 'p-megamenu-col-4';
|
|
61
|
+
break;
|
|
62
|
+
case 4:
|
|
63
|
+
columnClass = 'p-megamenu-col-3';
|
|
64
|
+
break;
|
|
65
|
+
case 6:
|
|
66
|
+
columnClass = 'p-megamenu-col-2';
|
|
67
|
+
break;
|
|
68
|
+
default:
|
|
69
|
+
columnClass = 'p-megamenu-col-12';
|
|
70
|
+
break;
|
|
71
|
+
}
|
|
67
72
|
}
|
|
68
73
|
return columnClass;
|
|
69
74
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import n from"primevue/base/style";var e=n.extend({name:"megamenu",css:"\n@layer primevue {\n .p-megamenu {\n display: flex;\n position: relative;\n }\n\n .p-megamenu-root-list {\n margin: 0;\n padding: 0;\n list-style: none;\n }\n\n .p-megamenu .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-megamenu .p-menuitem-text {\n line-height: 1;\n }\n\n .p-megamenu-panel {\n display: none;\n
|
|
1
|
+
import n from"primevue/base/style";var e=n.extend({name:"megamenu",css:"\n@layer primevue {\n .p-megamenu {\n display: flex;\n position: relative;\n }\n\n .p-megamenu-root-list {\n margin: 0;\n padding: 0;\n list-style: none;\n }\n\n .p-megamenu .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-megamenu .p-menuitem-text {\n line-height: 1;\n }\n\n .p-megamenu-panel {\n display: none;\n width: auto;\n z-index: 1;\n left: 0;\n min-width: 100%;\n }\n\n .p-megamenu-panel:not(.p-megamenu-mobile) {\n position: absolute;\n }\n\n .p-megamenu-root-list > .p-menuitem-active > .p-megamenu-panel {\n display: block;\n }\n\n .p-megamenu-submenu {\n margin: 0;\n padding: 0;\n list-style: none;\n }\n\n .p-megamenu-button {\n display: none;\n cursor: pointer;\n align-items: center;\n justify-content: center;\n text-decoration: none;\n }\n\n /* Horizontal */\n .p-megamenu-horizontal {\n align-items: center;\n }\n\n .p-megamenu-horizontal .p-megamenu-root-list {\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n }\n\n .p-megamenu-horizontal .p-megamenu-end {\n margin-left: auto;\n align-self: center;\n }\n\n /* Vertical */\n .p-megamenu-vertical {\n flex-direction: column;\n }\n\n .p-megamenu-vertical .p-megamenu-root-list {\n flex-direction: column;\n }\n\n .p-megamenu-vertical:not(.p-megamenu-mobile) .p-megamenu-root-list > .p-menuitem-active > .p-megamenu-panel {\n left: 100%;\n top: 0;\n }\n\n .p-megamenu-vertical .p-megamenu-root-list > .p-menuitem > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {\n margin-left: auto;\n }\n\n .p-megamenu-grid {\n display: flex;\n }\n\n .p-megamenu-col-2,\n .p-megamenu-col-3,\n .p-megamenu-col-4,\n .p-megamenu-col-6,\n .p-megamenu-col-12 {\n flex: 0 0 auto;\n padding: 0.5rem;\n }\n\n .p-megamenu-col-2 {\n width: 16.6667%;\n }\n\n .p-megamenu-col-3 {\n width: 25%;\n }\n\n .p-megamenu-col-4 {\n width: 33.3333%;\n }\n\n .p-megamenu-col-6 {\n width: 50%;\n }\n\n .p-megamenu-col-12 {\n width: 100%;\n }\n\n .p-megamenu.p-megamenu-mobile .p-megamenu-button {\n display: flex;\n }\n\n .p-megamenu.p-megamenu-mobile .p-megamenu-root-list {\n position: absolute;\n display: none;\n width: 100%;\n }\n\n .p-megamenu.p-megamenu-mobile .p-submenu-list {\n width: 100%;\n position: static;\n box-shadow: none;\n border: 0 none;\n }\n\n .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem {\n width: 100%;\n position: static;\n }\n\n .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list {\n display: flex;\n flex-direction: column;\n top: 100%;\n left: 0;\n z-index: 1;\n }\n\n .p-megamenu.p-megamenu-mobile .p-megamenu-grid {\n flex-wrap: wrap;\n overflow: auto;\n max-height: 90%;\n }\n}\n",classes:{root:function(n){var e=n.instance;return["p-megamenu p-component",{"p-megamenu-mobile":e.queryMatches,"p-megamenu-mobile-active":e.mobileActive,"p-megamenu-horizontal":e.horizontal,"p-megamenu-vertical":e.vertical}]},start:"p-megamenu-start",menubutton:"p-megamenu-button",menu:"p-megamenu-root-list",submenuHeader:function(n){return["p-megamenu-submenu-header p-submenu-header",{"p-disabled":n.instance.isItemDisabled(n.processedItem)}]},menuitem:function(n){var e=n.instance,m=n.processedItem;return["p-menuitem",{"p-menuitem-active p-highlight":e.isItemActive(m),"p-focus":e.isItemFocused(m),"p-disabled":e.isItemDisabled(m)}]},content:"p-menuitem-content",action:"p-menuitem-link",icon:"p-menuitem-icon",label:"p-menuitem-text",submenuIcon:"p-submenu-icon",panel:"p-megamenu-panel",grid:"p-megamenu-grid",column:function(n){var e,m=n.instance,t=n.processedItem,a=m.isItemGroup(t)?t.items.length:0;if(m.$parentInstance.queryMatches)e="p-megamenu-col-12";else switch(a){case 2:e="p-megamenu-col-6";break;case 3:e="p-megamenu-col-4";break;case 4:e="p-megamenu-col-3";break;case 6:e="p-megamenu-col-2";break;default:e="p-megamenu-col-12"}return e},submenu:"p-submenu-list p-megamenu-submenu",submenuLabel:"p-menuitem-text",separator:"p-menuitem-separator",end:"p-megamenu-end"},inlineStyles:{submenu:function(n){return{display:n.instance.isItemActive(n.processedItem)?"block":"none"}}}});export{e as default};
|
|
@@ -7,7 +7,7 @@ this.primevue.megamenu.style = (function (BaseStyle) {
|
|
|
7
7
|
|
|
8
8
|
var BaseStyle__default = /*#__PURE__*/_interopDefaultLegacy(BaseStyle);
|
|
9
9
|
|
|
10
|
-
var css = "\n@layer primevue {\n .p-megamenu {\n display: flex;\n position: relative;\n }\n\n .p-megamenu-root-list {\n margin: 0;\n padding: 0;\n list-style: none;\n }\n\n .p-megamenu .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-megamenu .p-menuitem-text {\n line-height: 1;\n }\n\n .p-megamenu-panel {\n display: none;\n
|
|
10
|
+
var css = "\n@layer primevue {\n .p-megamenu {\n display: flex;\n position: relative;\n }\n\n .p-megamenu-root-list {\n margin: 0;\n padding: 0;\n list-style: none;\n }\n\n .p-megamenu .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-megamenu .p-menuitem-text {\n line-height: 1;\n }\n\n .p-megamenu-panel {\n display: none;\n width: auto;\n z-index: 1;\n left: 0;\n min-width: 100%;\n }\n\n .p-megamenu-panel:not(.p-megamenu-mobile) {\n position: absolute;\n }\n\n .p-megamenu-root-list > .p-menuitem-active > .p-megamenu-panel {\n display: block;\n }\n\n .p-megamenu-submenu {\n margin: 0;\n padding: 0;\n list-style: none;\n }\n\n .p-megamenu-button {\n display: none;\n cursor: pointer;\n align-items: center;\n justify-content: center;\n text-decoration: none;\n }\n\n /* Horizontal */\n .p-megamenu-horizontal {\n align-items: center;\n }\n\n .p-megamenu-horizontal .p-megamenu-root-list {\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n }\n\n .p-megamenu-horizontal .p-megamenu-end {\n margin-left: auto;\n align-self: center;\n }\n\n /* Vertical */\n .p-megamenu-vertical {\n flex-direction: column;\n }\n\n .p-megamenu-vertical .p-megamenu-root-list {\n flex-direction: column;\n }\n\n .p-megamenu-vertical:not(.p-megamenu-mobile) .p-megamenu-root-list > .p-menuitem-active > .p-megamenu-panel {\n left: 100%;\n top: 0;\n }\n\n .p-megamenu-vertical .p-megamenu-root-list > .p-menuitem > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {\n margin-left: auto;\n }\n\n .p-megamenu-grid {\n display: flex;\n }\n\n .p-megamenu-col-2,\n .p-megamenu-col-3,\n .p-megamenu-col-4,\n .p-megamenu-col-6,\n .p-megamenu-col-12 {\n flex: 0 0 auto;\n padding: 0.5rem;\n }\n\n .p-megamenu-col-2 {\n width: 16.6667%;\n }\n\n .p-megamenu-col-3 {\n width: 25%;\n }\n\n .p-megamenu-col-4 {\n width: 33.3333%;\n }\n\n .p-megamenu-col-6 {\n width: 50%;\n }\n\n .p-megamenu-col-12 {\n width: 100%;\n }\n\n .p-megamenu.p-megamenu-mobile .p-megamenu-button {\n display: flex;\n }\n\n .p-megamenu.p-megamenu-mobile .p-megamenu-root-list {\n position: absolute;\n display: none;\n width: 100%;\n }\n\n .p-megamenu.p-megamenu-mobile .p-submenu-list {\n width: 100%;\n position: static;\n box-shadow: none;\n border: 0 none;\n }\n\n .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem {\n width: 100%;\n position: static;\n }\n\n .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list {\n display: flex;\n flex-direction: column;\n top: 100%;\n left: 0;\n z-index: 1;\n }\n\n .p-megamenu.p-megamenu-mobile .p-megamenu-grid {\n flex-wrap: wrap;\n overflow: auto;\n max-height: 90%;\n }\n}\n";
|
|
11
11
|
var inlineStyles = {
|
|
12
12
|
submenu: function submenu(_ref) {
|
|
13
13
|
var instance = _ref.instance,
|
|
@@ -21,11 +21,14 @@ this.primevue.megamenu.style = (function (BaseStyle) {
|
|
|
21
21
|
root: function root(_ref2) {
|
|
22
22
|
var instance = _ref2.instance;
|
|
23
23
|
return ['p-megamenu p-component', {
|
|
24
|
+
'p-megamenu-mobile': instance.queryMatches,
|
|
25
|
+
'p-megamenu-mobile-active': instance.mobileActive,
|
|
24
26
|
'p-megamenu-horizontal': instance.horizontal,
|
|
25
27
|
'p-megamenu-vertical': instance.vertical
|
|
26
28
|
}];
|
|
27
29
|
},
|
|
28
30
|
start: 'p-megamenu-start',
|
|
31
|
+
menubutton: 'p-megamenu-button',
|
|
29
32
|
menu: 'p-megamenu-root-list',
|
|
30
33
|
submenuHeader: function submenuHeader(_ref3) {
|
|
31
34
|
var instance = _ref3.instance,
|
|
@@ -55,22 +58,24 @@ this.primevue.megamenu.style = (function (BaseStyle) {
|
|
|
55
58
|
processedItem = _ref5.processedItem;
|
|
56
59
|
var length = instance.isItemGroup(processedItem) ? processedItem.items.length : 0;
|
|
57
60
|
var columnClass;
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
61
|
+
if (instance.$parentInstance.queryMatches) columnClass = 'p-megamenu-col-12';else {
|
|
62
|
+
switch (length) {
|
|
63
|
+
case 2:
|
|
64
|
+
columnClass = 'p-megamenu-col-6';
|
|
65
|
+
break;
|
|
66
|
+
case 3:
|
|
67
|
+
columnClass = 'p-megamenu-col-4';
|
|
68
|
+
break;
|
|
69
|
+
case 4:
|
|
70
|
+
columnClass = 'p-megamenu-col-3';
|
|
71
|
+
break;
|
|
72
|
+
case 6:
|
|
73
|
+
columnClass = 'p-megamenu-col-2';
|
|
74
|
+
break;
|
|
75
|
+
default:
|
|
76
|
+
columnClass = 'p-megamenu-col-12';
|
|
77
|
+
break;
|
|
78
|
+
}
|
|
74
79
|
}
|
|
75
80
|
return columnClass;
|
|
76
81
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
this.primevue=this.primevue||{},this.primevue.megamenu=this.primevue.megamenu||{},this.primevue.megamenu.style=function(e){"use strict";function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}return n(primevue.base.style).default.extend({name:"megamenu",css:"\n@layer primevue {\n .p-megamenu {\n display: flex;\n position: relative;\n }\n\n .p-megamenu-root-list {\n margin: 0;\n padding: 0;\n list-style: none;\n }\n\n .p-megamenu .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-megamenu .p-menuitem-text {\n line-height: 1;\n }\n\n .p-megamenu-panel {\n display: none;\n
|
|
1
|
+
this.primevue=this.primevue||{},this.primevue.megamenu=this.primevue.megamenu||{},this.primevue.megamenu.style=function(e){"use strict";function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}return n(primevue.base.style).default.extend({name:"megamenu",css:"\n@layer primevue {\n .p-megamenu {\n display: flex;\n position: relative;\n }\n\n .p-megamenu-root-list {\n margin: 0;\n padding: 0;\n list-style: none;\n }\n\n .p-megamenu .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-megamenu .p-menuitem-text {\n line-height: 1;\n }\n\n .p-megamenu-panel {\n display: none;\n width: auto;\n z-index: 1;\n left: 0;\n min-width: 100%;\n }\n\n .p-megamenu-panel:not(.p-megamenu-mobile) {\n position: absolute;\n }\n\n .p-megamenu-root-list > .p-menuitem-active > .p-megamenu-panel {\n display: block;\n }\n\n .p-megamenu-submenu {\n margin: 0;\n padding: 0;\n list-style: none;\n }\n\n .p-megamenu-button {\n display: none;\n cursor: pointer;\n align-items: center;\n justify-content: center;\n text-decoration: none;\n }\n\n /* Horizontal */\n .p-megamenu-horizontal {\n align-items: center;\n }\n\n .p-megamenu-horizontal .p-megamenu-root-list {\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n }\n\n .p-megamenu-horizontal .p-megamenu-end {\n margin-left: auto;\n align-self: center;\n }\n\n /* Vertical */\n .p-megamenu-vertical {\n flex-direction: column;\n }\n\n .p-megamenu-vertical .p-megamenu-root-list {\n flex-direction: column;\n }\n\n .p-megamenu-vertical:not(.p-megamenu-mobile) .p-megamenu-root-list > .p-menuitem-active > .p-megamenu-panel {\n left: 100%;\n top: 0;\n }\n\n .p-megamenu-vertical .p-megamenu-root-list > .p-menuitem > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {\n margin-left: auto;\n }\n\n .p-megamenu-grid {\n display: flex;\n }\n\n .p-megamenu-col-2,\n .p-megamenu-col-3,\n .p-megamenu-col-4,\n .p-megamenu-col-6,\n .p-megamenu-col-12 {\n flex: 0 0 auto;\n padding: 0.5rem;\n }\n\n .p-megamenu-col-2 {\n width: 16.6667%;\n }\n\n .p-megamenu-col-3 {\n width: 25%;\n }\n\n .p-megamenu-col-4 {\n width: 33.3333%;\n }\n\n .p-megamenu-col-6 {\n width: 50%;\n }\n\n .p-megamenu-col-12 {\n width: 100%;\n }\n\n .p-megamenu.p-megamenu-mobile .p-megamenu-button {\n display: flex;\n }\n\n .p-megamenu.p-megamenu-mobile .p-megamenu-root-list {\n position: absolute;\n display: none;\n width: 100%;\n }\n\n .p-megamenu.p-megamenu-mobile .p-submenu-list {\n width: 100%;\n position: static;\n box-shadow: none;\n border: 0 none;\n }\n\n .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem {\n width: 100%;\n position: static;\n }\n\n .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list {\n display: flex;\n flex-direction: column;\n top: 100%;\n left: 0;\n z-index: 1;\n }\n\n .p-megamenu.p-megamenu-mobile .p-megamenu-grid {\n flex-wrap: wrap;\n overflow: auto;\n max-height: 90%;\n }\n}\n",classes:{root:function(e){var n=e.instance;return["p-megamenu p-component",{"p-megamenu-mobile":n.queryMatches,"p-megamenu-mobile-active":n.mobileActive,"p-megamenu-horizontal":n.horizontal,"p-megamenu-vertical":n.vertical}]},start:"p-megamenu-start",menubutton:"p-megamenu-button",menu:"p-megamenu-root-list",submenuHeader:function(e){return["p-megamenu-submenu-header p-submenu-header",{"p-disabled":e.instance.isItemDisabled(e.processedItem)}]},menuitem:function(e){var n=e.instance,m=e.processedItem;return["p-menuitem",{"p-menuitem-active p-highlight":n.isItemActive(m),"p-focus":n.isItemFocused(m),"p-disabled":n.isItemDisabled(m)}]},content:"p-menuitem-content",action:"p-menuitem-link",icon:"p-menuitem-icon",label:"p-menuitem-text",submenuIcon:"p-submenu-icon",panel:"p-megamenu-panel",grid:"p-megamenu-grid",column:function(e){var n,m=e.instance,t=e.processedItem,i=m.isItemGroup(t)?t.items.length:0;if(m.$parentInstance.queryMatches)n="p-megamenu-col-12";else switch(i){case 2:n="p-megamenu-col-6";break;case 3:n="p-megamenu-col-4";break;case 4:n="p-megamenu-col-3";break;case 6:n="p-megamenu-col-2";break;default:n="p-megamenu-col-12"}return n},submenu:"p-submenu-list p-megamenu-submenu",submenuLabel:"p-menuitem-text",separator:"p-menuitem-separator",end:"p-megamenu-end"},inlineStyles:{submenu:function(e){return{display:e.instance.isItemActive(e.processedItem)?"block":"none"}}}})}();
|
package/menu/Menu.d.ts
CHANGED
package/menu/Menuitem.vue
CHANGED
package/menubar/BaseMenubar.vue
CHANGED
package/menubar/Menubar.d.ts
CHANGED
|
@@ -227,6 +227,11 @@ export interface MenubarProps {
|
|
|
227
227
|
* An array of menuitems.
|
|
228
228
|
*/
|
|
229
229
|
model?: MenuItem[] | undefined;
|
|
230
|
+
/**
|
|
231
|
+
* The breakpoint to define the maximum width boundary.
|
|
232
|
+
* @defaultValue 960px
|
|
233
|
+
*/
|
|
234
|
+
breakpoint?: string | undefined;
|
|
230
235
|
/**
|
|
231
236
|
* Whether to apply 'router-link-active-exact' class if route exactly matches the item path.
|
|
232
237
|
* @deprecated since v3.40.0.
|
package/menubar/Menubar.vue
CHANGED
|
@@ -68,7 +68,8 @@ export default {
|
|
|
68
68
|
focused: false,
|
|
69
69
|
focusedItemInfo: { index: -1, level: 0, parentKey: '' },
|
|
70
70
|
activeItemPath: [],
|
|
71
|
-
dirty: false
|
|
71
|
+
dirty: false,
|
|
72
|
+
queryMatches: false
|
|
72
73
|
};
|
|
73
74
|
},
|
|
74
75
|
watch: {
|
|
@@ -90,6 +91,14 @@ export default {
|
|
|
90
91
|
menubar: null,
|
|
91
92
|
mounted() {
|
|
92
93
|
this.id = this.id || UniqueComponentId();
|
|
94
|
+
const query = matchMedia(`(max-width: ${this.breakpoint})`);
|
|
95
|
+
|
|
96
|
+
this.queryMatches = query.matches;
|
|
97
|
+
|
|
98
|
+
query.addEventListener('change', () => {
|
|
99
|
+
this.queryMatches = query.matches;
|
|
100
|
+
this.mobileActive = false;
|
|
101
|
+
});
|
|
93
102
|
},
|
|
94
103
|
beforeUnmount() {
|
|
95
104
|
this.mobileActive = false;
|
package/menubar/menubar.cjs.js
CHANGED
|
@@ -30,6 +30,10 @@ var script$2 = {
|
|
|
30
30
|
type: null,
|
|
31
31
|
"default": null
|
|
32
32
|
},
|
|
33
|
+
breakpoint: {
|
|
34
|
+
type: String,
|
|
35
|
+
"default": '960px'
|
|
36
|
+
},
|
|
33
37
|
'aria-labelledby': {
|
|
34
38
|
type: String,
|
|
35
39
|
"default": null
|
|
@@ -310,7 +314,8 @@ var script = {
|
|
|
310
314
|
parentKey: ''
|
|
311
315
|
},
|
|
312
316
|
activeItemPath: [],
|
|
313
|
-
dirty: false
|
|
317
|
+
dirty: false,
|
|
318
|
+
queryMatches: false
|
|
314
319
|
};
|
|
315
320
|
},
|
|
316
321
|
watch: {
|
|
@@ -331,7 +336,14 @@ var script = {
|
|
|
331
336
|
container: null,
|
|
332
337
|
menubar: null,
|
|
333
338
|
mounted: function mounted() {
|
|
339
|
+
var _this = this;
|
|
334
340
|
this.id = this.id || utils.UniqueComponentId();
|
|
341
|
+
var query = matchMedia("(max-width: ".concat(this.breakpoint, ")"));
|
|
342
|
+
this.queryMatches = query.matches;
|
|
343
|
+
query.addEventListener('change', function () {
|
|
344
|
+
_this.queryMatches = query.matches;
|
|
345
|
+
_this.mobileActive = false;
|
|
346
|
+
});
|
|
335
347
|
},
|
|
336
348
|
beforeUnmount: function beforeUnmount() {
|
|
337
349
|
this.mobileActive = false;
|
|
@@ -365,7 +377,7 @@ var script = {
|
|
|
365
377
|
return processedItem && utils.ObjectUtils.isNotEmpty(processedItem.items);
|
|
366
378
|
},
|
|
367
379
|
toggle: function toggle(event) {
|
|
368
|
-
var
|
|
380
|
+
var _this2 = this;
|
|
369
381
|
if (this.mobileActive) {
|
|
370
382
|
this.mobileActive = false;
|
|
371
383
|
utils.ZIndexUtils.clear(this.menubar);
|
|
@@ -374,7 +386,7 @@ var script = {
|
|
|
374
386
|
this.mobileActive = true;
|
|
375
387
|
utils.ZIndexUtils.set('menu', this.menubar, this.$primevue.config.zIndex.menu);
|
|
376
388
|
setTimeout(function () {
|
|
377
|
-
|
|
389
|
+
_this2.show();
|
|
378
390
|
}, 1);
|
|
379
391
|
}
|
|
380
392
|
this.bindOutsideClickListener();
|
|
@@ -389,11 +401,11 @@ var script = {
|
|
|
389
401
|
utils.DomHandler.focus(this.menubar);
|
|
390
402
|
},
|
|
391
403
|
hide: function hide(event, isFocus) {
|
|
392
|
-
var
|
|
404
|
+
var _this3 = this;
|
|
393
405
|
if (this.mobileActive) {
|
|
394
406
|
this.mobileActive = false;
|
|
395
407
|
setTimeout(function () {
|
|
396
|
-
utils.DomHandler.focus(
|
|
408
|
+
utils.DomHandler.focus(_this3.$refs.menubutton);
|
|
397
409
|
}, 0);
|
|
398
410
|
}
|
|
399
411
|
this.activeItemPath = [];
|
|
@@ -564,7 +576,7 @@ var script = {
|
|
|
564
576
|
}
|
|
565
577
|
},
|
|
566
578
|
onArrowUpKey: function onArrowUpKey(event) {
|
|
567
|
-
var
|
|
579
|
+
var _this4 = this;
|
|
568
580
|
var processedItem = this.visibleItems[this.focusedItemInfo.index];
|
|
569
581
|
var root = utils.ObjectUtils.isEmpty(processedItem.parent);
|
|
570
582
|
if (root) {
|
|
@@ -593,7 +605,7 @@ var script = {
|
|
|
593
605
|
this.searchValue = '';
|
|
594
606
|
this.onArrowLeftKey(event);
|
|
595
607
|
this.activeItemPath = this.activeItemPath.filter(function (p) {
|
|
596
|
-
return p.parentKey !==
|
|
608
|
+
return p.parentKey !== _this4.focusedItemInfo.parentKey;
|
|
597
609
|
});
|
|
598
610
|
} else {
|
|
599
611
|
var _itemIndex = this.focusedItemInfo.index !== -1 ? this.findPrevItemIndex(this.focusedItemInfo.index) : this.findLastFocusedItemIndex();
|
|
@@ -603,7 +615,7 @@ var script = {
|
|
|
603
615
|
event.preventDefault();
|
|
604
616
|
},
|
|
605
617
|
onArrowLeftKey: function onArrowLeftKey(event) {
|
|
606
|
-
var
|
|
618
|
+
var _this5 = this;
|
|
607
619
|
var processedItem = this.visibleItems[this.focusedItemInfo.index];
|
|
608
620
|
var parentItem = processedItem ? this.activeItemPath.find(function (p) {
|
|
609
621
|
return p.key === processedItem.parentKey;
|
|
@@ -614,7 +626,7 @@ var script = {
|
|
|
614
626
|
processedItem: parentItem
|
|
615
627
|
});
|
|
616
628
|
this.activeItemPath = this.activeItemPath.filter(function (p) {
|
|
617
|
-
return p.parentKey !==
|
|
629
|
+
return p.parentKey !== _this5.focusedItemInfo.parentKey;
|
|
618
630
|
});
|
|
619
631
|
event.preventDefault();
|
|
620
632
|
} else {
|
|
@@ -686,13 +698,13 @@ var script = {
|
|
|
686
698
|
this.hide();
|
|
687
699
|
},
|
|
688
700
|
bindOutsideClickListener: function bindOutsideClickListener() {
|
|
689
|
-
var
|
|
701
|
+
var _this6 = this;
|
|
690
702
|
if (!this.outsideClickListener) {
|
|
691
703
|
this.outsideClickListener = function (event) {
|
|
692
|
-
var isOutsideContainer =
|
|
693
|
-
var isOutsideMenuButton =
|
|
704
|
+
var isOutsideContainer = _this6.menubar && !_this6.menubar.contains(event.target);
|
|
705
|
+
var isOutsideMenuButton = _this6.mobileActive && _this6.$refs.menubutton ? _this6.$refs.menubutton !== event.target && !_this6.$refs.menubutton.contains(event.target) : true;
|
|
694
706
|
if (isOutsideMenuButton && isOutsideContainer) {
|
|
695
|
-
|
|
707
|
+
_this6.hide();
|
|
696
708
|
}
|
|
697
709
|
};
|
|
698
710
|
document.addEventListener('click', this.outsideClickListener);
|
|
@@ -705,13 +717,13 @@ var script = {
|
|
|
705
717
|
}
|
|
706
718
|
},
|
|
707
719
|
bindResizeListener: function bindResizeListener() {
|
|
708
|
-
var
|
|
720
|
+
var _this7 = this;
|
|
709
721
|
if (!this.resizeListener) {
|
|
710
722
|
this.resizeListener = function (event) {
|
|
711
723
|
if (!utils.DomHandler.isTouchDevice()) {
|
|
712
|
-
|
|
724
|
+
_this7.hide(event, true);
|
|
713
725
|
}
|
|
714
|
-
|
|
726
|
+
_this7.mobileActive = false;
|
|
715
727
|
};
|
|
716
728
|
window.addEventListener('resize', this.resizeListener);
|
|
717
729
|
}
|
|
@@ -737,35 +749,35 @@ var script = {
|
|
|
737
749
|
});
|
|
738
750
|
},
|
|
739
751
|
findFirstItemIndex: function findFirstItemIndex() {
|
|
740
|
-
var
|
|
752
|
+
var _this8 = this;
|
|
741
753
|
return this.visibleItems.findIndex(function (processedItem) {
|
|
742
|
-
return
|
|
754
|
+
return _this8.isValidItem(processedItem);
|
|
743
755
|
});
|
|
744
756
|
},
|
|
745
757
|
findLastItemIndex: function findLastItemIndex() {
|
|
746
|
-
var
|
|
758
|
+
var _this9 = this;
|
|
747
759
|
return utils.ObjectUtils.findLastIndex(this.visibleItems, function (processedItem) {
|
|
748
|
-
return
|
|
760
|
+
return _this9.isValidItem(processedItem);
|
|
749
761
|
});
|
|
750
762
|
},
|
|
751
763
|
findNextItemIndex: function findNextItemIndex(index) {
|
|
752
|
-
var
|
|
764
|
+
var _this10 = this;
|
|
753
765
|
var matchedItemIndex = index < this.visibleItems.length - 1 ? this.visibleItems.slice(index + 1).findIndex(function (processedItem) {
|
|
754
|
-
return
|
|
766
|
+
return _this10.isValidItem(processedItem);
|
|
755
767
|
}) : -1;
|
|
756
768
|
return matchedItemIndex > -1 ? matchedItemIndex + index + 1 : index;
|
|
757
769
|
},
|
|
758
770
|
findPrevItemIndex: function findPrevItemIndex(index) {
|
|
759
|
-
var
|
|
771
|
+
var _this11 = this;
|
|
760
772
|
var matchedItemIndex = index > 0 ? utils.ObjectUtils.findLastIndex(this.visibleItems.slice(0, index), function (processedItem) {
|
|
761
|
-
return
|
|
773
|
+
return _this11.isValidItem(processedItem);
|
|
762
774
|
}) : -1;
|
|
763
775
|
return matchedItemIndex > -1 ? matchedItemIndex : index;
|
|
764
776
|
},
|
|
765
777
|
findSelectedItemIndex: function findSelectedItemIndex() {
|
|
766
|
-
var
|
|
778
|
+
var _this12 = this;
|
|
767
779
|
return this.visibleItems.findIndex(function (processedItem) {
|
|
768
|
-
return
|
|
780
|
+
return _this12.isValidSelectedItem(processedItem);
|
|
769
781
|
});
|
|
770
782
|
},
|
|
771
783
|
findFirstFocusedItemIndex: function findFirstFocusedItemIndex() {
|
|
@@ -777,20 +789,20 @@ var script = {
|
|
|
777
789
|
return selectedIndex < 0 ? this.findLastItemIndex() : selectedIndex;
|
|
778
790
|
},
|
|
779
791
|
searchItems: function searchItems(event, _char) {
|
|
780
|
-
var
|
|
792
|
+
var _this13 = this;
|
|
781
793
|
this.searchValue = (this.searchValue || '') + _char;
|
|
782
794
|
var itemIndex = -1;
|
|
783
795
|
var matched = false;
|
|
784
796
|
if (this.focusedItemInfo.index !== -1) {
|
|
785
797
|
itemIndex = this.visibleItems.slice(this.focusedItemInfo.index).findIndex(function (processedItem) {
|
|
786
|
-
return
|
|
798
|
+
return _this13.isItemMatched(processedItem);
|
|
787
799
|
});
|
|
788
800
|
itemIndex = itemIndex === -1 ? this.visibleItems.slice(0, this.focusedItemInfo.index).findIndex(function (processedItem) {
|
|
789
|
-
return
|
|
801
|
+
return _this13.isItemMatched(processedItem);
|
|
790
802
|
}) : itemIndex + this.focusedItemInfo.index;
|
|
791
803
|
} else {
|
|
792
804
|
itemIndex = this.visibleItems.findIndex(function (processedItem) {
|
|
793
|
-
return
|
|
805
|
+
return _this13.isItemMatched(processedItem);
|
|
794
806
|
});
|
|
795
807
|
}
|
|
796
808
|
if (itemIndex !== -1) {
|
|
@@ -806,8 +818,8 @@ var script = {
|
|
|
806
818
|
clearTimeout(this.searchTimeout);
|
|
807
819
|
}
|
|
808
820
|
this.searchTimeout = setTimeout(function () {
|
|
809
|
-
|
|
810
|
-
|
|
821
|
+
_this13.searchValue = '';
|
|
822
|
+
_this13.searchTimeout = null;
|
|
811
823
|
}, 500);
|
|
812
824
|
return matched;
|
|
813
825
|
},
|
|
@@ -829,7 +841,7 @@ var script = {
|
|
|
829
841
|
}
|
|
830
842
|
},
|
|
831
843
|
createProcessedItems: function createProcessedItems(items) {
|
|
832
|
-
var
|
|
844
|
+
var _this14 = this;
|
|
833
845
|
var level = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
|
|
834
846
|
var parent = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
|
|
835
847
|
var parentKey = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : '';
|
|
@@ -844,7 +856,7 @@ var script = {
|
|
|
844
856
|
parent: parent,
|
|
845
857
|
parentKey: parentKey
|
|
846
858
|
};
|
|
847
|
-
newItem['items'] =
|
|
859
|
+
newItem['items'] = _this14.createProcessedItems(item.items, level + 1, newItem, key);
|
|
848
860
|
processedItems.push(newItem);
|
|
849
861
|
});
|
|
850
862
|
return processedItems;
|
|
@@ -861,9 +873,9 @@ var script = {
|
|
|
861
873
|
return this.createProcessedItems(this.model || []);
|
|
862
874
|
},
|
|
863
875
|
visibleItems: function visibleItems() {
|
|
864
|
-
var
|
|
876
|
+
var _this15 = this;
|
|
865
877
|
var processedItem = this.activeItemPath.find(function (p) {
|
|
866
|
-
return p.key ===
|
|
878
|
+
return p.key === _this15.focusedItemInfo.parentKey;
|
|
867
879
|
});
|
|
868
880
|
return processedItem ? processedItem.items : this.processedItems;
|
|
869
881
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("primevue/icons/bars"),t=require("primevue/utils"),i=require("primevue/basecomponent"),n=require("primevue/menubar/style"),s=require("primevue/icons/angledown"),o=require("primevue/icons/angleright"),r=require("primevue/ripple"),c=require("vue");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=a(e),l=a(i),m=a(n),d=a(s),I={name:"BaseMenubar",extends:l.default,props:{model:{type:Array,default:null},buttonProps:{type:null,default:null},"aria-labelledby":{type:String,default:null},"aria-label":{type:String,default:null}},style:m.default,provide:function(){return{$parentInstance:this}}},h={name:"MenubarSub",hostName:"Menubar",extends:l.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},level:{type:Number,default:0},menuId:{type:String,default:null},focusedItemId:{type:String,default:null},activeItemPath:{type:Object,default:null}},list:null,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.ObjectUtils.getItemValue(e.item[i],n):void 0},getItemLabel:function(e){return this.getItemProp(e,"label")},getPTOptions:function(e,t,i){return this.ptm(i,{context:{item:e,index:t,active:this.isItemActive(e),focused:this.isItemFocused(e),disabled:this.isItemDisabled(e),level:this.level}})},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})},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},getMenuItemProps:function(e,t){return{action:c.mergeProps({class:this.cx("action"),tabindex:-1,"aria-hidden":!0},this.getPTOptions(e,t,"action")),icon:c.mergeProps({class:[this.cx("icon"),this.getItemProp(e,"icon")]},this.getPTOptions(e,t,"icon")),label:c.mergeProps({class:this.cx("label")},this.getPTOptions(e,t,"label")),submenuicon:c.mergeProps({class:this.cx("submenuIcon")},this.getPTOptions(e,t,"submenuIcon"))}}},components:{AngleRightIcon:a(o).default,AngleDownIcon:d.default},directives:{ripple:a(r).default}},f=["id","aria-label","aria-disabled","aria-expanded","aria-haspopup","aria-level","aria-setsize","aria-posinset","data-p-highlight","data-p-focused","data-p-disabled"],p=["onClick","onMouseenter"],b=["href","target"],v=["id"];h.render=function(e,t,i,n,s,o){var r=c.resolveComponent("MenubarSub",!0),a=c.resolveDirective("ripple");return c.openBlock(),c.createElementBlock("ul",c.mergeProps({class:e.cx(0===i.level?"menu":"submenu")},e.ptm(0===i.level?"menu":"submenu")),[(c.openBlock(!0),c.createElementBlock(c.Fragment,null,c.renderList(i.items,(function(n,s){return c.openBlock(),c.createElementBlock(c.Fragment,{key:o.getItemKey(n)},[o.isItemVisible(n)&&!o.getItemProp(n,"separator")?(c.openBlock(),c.createElementBlock("li",c.mergeProps({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(n,s,"menuitem"),{"data-p-highlight":o.isItemActive(n),"data-p-focused":o.isItemFocused(n),"data-p-disabled":o.isItemDisabled(n)}),[c.createElementVNode("div",c.mergeProps({class:e.cx("content"),onClick:function(e){return o.onItemClick(e,n)},onMouseenter:function(e){return o.onItemMouseEnter(e,n)}},o.getPTOptions(n,s,"content")),[i.templates.item?(c.openBlock(),c.createBlock(c.resolveDynamicComponent(i.templates.item),{key:1,item:n.item,root:i.root,hasSubmenu:o.getItemProp(n,"items"),label:o.getItemLabel(n),props:o.getMenuItemProps(n,s)},null,8,["item","root","hasSubmenu","label","props"])):c.withDirectives((c.openBlock(),c.createElementBlock("a",c.mergeProps({key:0,href:o.getItemProp(n,"url"),class:e.cx("action"),target:o.getItemProp(n,"target"),tabindex:"-1","aria-hidden":"true"},o.getPTOptions(n,s,"action")),[i.templates.itemicon?(c.openBlock(),c.createBlock(c.resolveDynamicComponent(i.templates.itemicon),{key:0,item:n.item,class:c.normalizeClass([e.cx("icon"),o.getItemProp(n,"icon")])},null,8,["item","class"])):o.getItemProp(n,"icon")?(c.openBlock(),c.createElementBlock("span",c.mergeProps({key:1,class:[e.cx("icon"),o.getItemProp(n,"icon")]},o.getPTOptions(n,s,"icon")),null,16)):c.createCommentVNode("",!0),c.createElementVNode("span",c.mergeProps({class:e.cx("label")},o.getPTOptions(n,s,"label")),c.toDisplayString(o.getItemLabel(n)),17),o.getItemProp(n,"items")?(c.openBlock(),c.createElementBlock(c.Fragment,{key:2},[i.templates.submenuicon?(c.openBlock(),c.createBlock(c.resolveDynamicComponent(i.templates.submenuicon),{key:0,root:i.root,active:o.isItemActive(n),class:c.normalizeClass(e.cx("submenuIcon"))},null,8,["root","active","class"])):(c.openBlock(),c.createBlock(c.resolveDynamicComponent(i.root?"AngleDownIcon":"AngleRightIcon"),c.mergeProps({key:1,class:e.cx("submenuIcon")},o.getPTOptions(n,s,"submenuIcon")),null,16,["class"]))],64)):c.createCommentVNode("",!0)],16,b)),[[a]])],16,p),o.isItemVisible(n)&&o.isItemGroup(n)?(c.openBlock(),c.createBlock(r,{key:0,menuId:i.menuId,role:"menu",style:c.normalizeStyle(e.sx("submenu",!0,{processedItem:n})),focusedItemId:i.focusedItemId,items:n.items,mobileActive:i.mobileActive,activeItemPath:i.activeItemPath,templates:i.templates,level:i.level+1,pt:e.pt,unstyled:e.unstyled,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)})},null,8,["menuId","style","focusedItemId","items","mobileActive","activeItemPath","templates","level","pt","unstyled"])):c.createCommentVNode("",!0)],16,f)):c.createCommentVNode("",!0),o.isItemVisible(n)&&o.getItemProp(n,"separator")?(c.openBlock(),c.createElementBlock("li",c.mergeProps({key:1,id:o.getItemId(n),class:[e.cx("separator"),o.getItemProp(n,"class")],style:o.getItemProp(n,"style"),role:"separator"},e.ptm("separator")),null,16,v)):c.createCommentVNode("",!0)],64)})),128))],16)};var y={name:"Menubar",extends:I,emits:["focus","blur"],data:function(){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:function(e){t.ObjectUtils.isNotEmpty(e)?(this.bindOutsideClickListener(),this.bindResizeListener()):(this.unbindOutsideClickListener(),this.unbindResizeListener())}},outsideClickListener:null,container:null,menubar:null,mounted:function(){this.id=this.id||t.UniqueComponentId()},beforeUnmount:function(){this.mobileActive=!1,this.unbindOutsideClickListener(),this.unbindResizeListener(),this.container&&t.ZIndexUtils.clear(this.container),this.container=null},methods:{getItemProp:function(e,i){return e?t.ObjectUtils.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.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){var i=this;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((function(){i.show()}),1)),this.bindOutsideClickListener(),e.preventDefault()},show:function(){this.focusedItemInfo={index:this.findFirstFocusedItemIndex(),level:0,parentKey:""},t.DomHandler.focus(this.menubar)},hide:function(e,i){var n=this;this.mobileActive&&(this.mobileActive=!1,setTimeout((function(){t.DomHandler.focus(n.$refs.menubutton)}),0)),this.activeItemPath=[],this.focusedItemInfo={index:-1,level:0,parentKey:""},i&&t.DomHandler.focus(this.menubar),this.dirty=!1},onFocus:function(e){this.focused=!0,this.focusedItemInfo=-1!==this.focusedItemInfo.index?this.focusedItemInfo:{index:this.findFirstFocusedItemIndex(),level:0,parentKey:""},this.$emit("focus",e)},onBlur:function(e){this.focused=!1,this.focusedItemInfo={index:-1,level:0,parentKey:""},this.searchValue="",this.dirty=!1,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.ObjectUtils.isPrintableCharacter(e.key)&&this.searchItems(e,e.key)}},onItemChange:function(e){var i=e.processedItem,n=e.isFocus;if(!t.ObjectUtils.isEmpty(i)){var s=i.index,o=i.key,r=i.level,c=i.parentKey,a=t.ObjectUtils.isNotEmpty(i.items),u=this.activeItemPath.filter((function(e){return e.parentKey!==c&&e.parentKey!==o}));a&&u.push(i),this.focusedItemInfo={index:s,level:r,parentKey:c},this.activeItemPath=u,a&&(this.dirty=!0),n&&t.DomHandler.focus(this.menubar)}},onItemClick:function(e){var i=e.originalEvent,n=e.processedItem,s=this.isProccessedItemGroup(n),o=t.ObjectUtils.isEmpty(n.parent);if(this.isSelected(n)){var r=n.index,c=n.key,a=n.level,u=n.parentKey;this.activeItemPath=this.activeItemPath.filter((function(e){return c!==e.key&&c.startsWith(e.key)})),this.focusedItemInfo={index:r,level:a,parentKey:u},this.dirty=!o,t.DomHandler.focus(this.menubar)}else if(s)this.onItemChange(e);else{var l=o?n:this.activeItemPath.find((function(e){return""===e.parentKey}));this.hide(i),this.changeFocusedItemIndex(i,l?l.index:-1),this.mobileActive=!1,t.DomHandler.focus(this.menubar)}},onItemMouseEnter:function(e){!this.mobileActive&&this.dirty&&this.onItemChange(e)},menuButtonClick:function(e){this.toggle(e)},menuButtonKeydown:function(e){("Enter"===e.code||"Space"===e.code)&&this.menuButtonClick(e)},onArrowDownKey:function(e){var 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{var n=-1!==this.focusedItemInfo.index?this.findNextItemIndex(this.focusedItemInfo.index):this.findFirstFocusedItemIndex();this.changeFocusedItemIndex(e,n),e.preventDefault()}},onArrowUpKey:function(e){var i=this,n=this.visibleItems[this.focusedItemInfo.index];if(t.ObjectUtils.isEmpty(n.parent)){if(this.isProccessedItemGroup(n)){this.onItemChange({originalEvent:e,processedItem:n}),this.focusedItemInfo={index:-1,parentKey:n.key};var s=this.findLastItemIndex();this.changeFocusedItemIndex(e,s)}}else{var o=this.activeItemPath.find((function(e){return e.key===n.parentKey}));if(0===this.focusedItemInfo.index)this.focusedItemInfo={index:-1,parentKey:o?o.parentKey:""},this.searchValue="",this.onArrowLeftKey(e),this.activeItemPath=this.activeItemPath.filter((function(e){return e.parentKey!==i.focusedItemInfo.parentKey}));else{var r=-1!==this.focusedItemInfo.index?this.findPrevItemIndex(this.focusedItemInfo.index):this.findLastFocusedItemIndex();this.changeFocusedItemIndex(e,r)}}e.preventDefault()},onArrowLeftKey:function(e){var t=this,i=this.visibleItems[this.focusedItemInfo.index],n=i?this.activeItemPath.find((function(e){return e.key===i.parentKey})):null;if(n)this.onItemChange({originalEvent:e,processedItem:n}),this.activeItemPath=this.activeItemPath.filter((function(e){return e.parentKey!==t.focusedItemInfo.parentKey})),e.preventDefault();else{var s=-1!==this.focusedItemInfo.index?this.findPrevItemIndex(this.focusedItemInfo.index):this.findLastFocusedItemIndex();this.changeFocusedItemIndex(e,s),e.preventDefault()}},onArrowRightKey:function(e){var t=this.visibleItems[this.focusedItemInfo.index];if(t?this.activeItemPath.find((function(e){return 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{var i=-1!==this.focusedItemInfo.index?this.findNextItemIndex(this.focusedItemInfo.index):this.findFirstFocusedItemIndex();this.changeFocusedItemIndex(e,i),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 i=t.DomHandler.findSingle(this.menubar,'li[id="'.concat("".concat(this.focusedItemId),'"]')),n=i&&t.DomHandler.findSingle(i,'a[data-pc-section="action"]');n?n.click():i&&i.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(e,!0),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()},bindOutsideClickListener:function(){var e=this;this.outsideClickListener||(this.outsideClickListener=function(t){var i=e.menubar&&!e.menubar.contains(t.target);(!e.mobileActive||!e.$refs.menubutton||e.$refs.menubutton!==t.target&&!e.$refs.menubutton.contains(t.target))&&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(i){t.DomHandler.isTouchDevice()||e.hide(i,!0),e.mobileActive=!1},window.addEventListener("resize",this.resizeListener))},unbindResizeListener:function(){this.resizeListener&&(window.removeEventListener("resize",this.resizeListener),this.resizeListener=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,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.ObjectUtils.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,i=-1!==e?"".concat(this.id,"_").concat(e):this.focusedItemId,n=t.DomHandler.findSingle(this.menubar,'li[id="'.concat(i,'"]'));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},menubarRef:function(e){this.menubar=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:{MenubarSub:h,BarsIcon:u.default}};function g(e){return g="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},g(e)}function x(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 P(e){for(var t=1;t<arguments.length;t++){var i=null!=arguments[t]?arguments[t]:{};t%2?x(Object(i),!0).forEach((function(t){k(e,t,i[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):x(Object(i)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(i,t))}))}return e}function k(e,t,i){return(t=K(t))in e?Object.defineProperty(e,t,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[t]=i,e}function K(e){var t=L(e,"string");return"symbol"===g(t)?t:String(t)}function L(e,t){if("object"!==g(e)||null===e)return e;var i=e[Symbol.toPrimitive];if(void 0!==i){var n=i.call(e,t||"default");if("object"!==g(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}var C=["aria-haspopup","aria-expanded","aria-controls","aria-label"];y.render=function(e,t,i,n,s,o){var r,a=c.resolveComponent("BarsIcon"),u=c.resolveComponent("MenubarSub");return c.openBlock(),c.createElementBlock("div",c.mergeProps({ref:o.containerRef,class:e.cx("root")},e.ptm("root")),[e.$slots.start?(c.openBlock(),c.createElementBlock("div",c.mergeProps({key:0,class:e.cx("start")},e.ptm("start")),[c.renderSlot(e.$slots,"start")],16)):c.createCommentVNode("",!0),e.model&&e.model.length>0?(c.openBlock(),c.createElementBlock("a",c.mergeProps({key:1,ref:"menubutton",role:"button",tabindex:"0",class:e.cx("button"),"aria-haspopup":!!(e.model.length&&e.model.length>0),"aria-expanded":s.mobileActive,"aria-controls":s.id,"aria-label":null===(r=e.$primevue.config.locale.aria)||void 0===r?void 0:r.navigation,onClick:t[0]||(t[0]=function(e){return o.menuButtonClick(e)}),onKeydown:t[1]||(t[1]=function(e){return o.menuButtonKeydown(e)})},P(P({},e.buttonProps),e.ptm("button"))),[c.renderSlot(e.$slots,"popupicon",{},(function(){return[c.createVNode(a,c.normalizeProps(c.guardReactiveProps(e.ptm("popupIcon"))),null,16)]}))],16,C)):c.createCommentVNode("",!0),c.createVNode(u,{ref:o.menubarRef,id:s.id,role:"menubar",items:o.processedItems,templates:e.$slots,root:!0,mobileActive:s.mobileActive,tabindex:"0","aria-activedescendant":s.focused?o.focusedItemId:void 0,menuId:s.id,focusedItemId:s.focused?o.focusedItemId:void 0,activeItemPath:s.activeItemPath,level:0,"aria-labelledby":e.ariaLabelledby,"aria-label":e.ariaLabel,pt:e.pt,unstyled:e.unstyled,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","aria-labelledby","aria-label","pt","unstyled","onFocus","onBlur","onKeydown","onItemClick","onItemMouseenter"]),e.$slots.end?(c.openBlock(),c.createElementBlock("div",c.mergeProps({key:2,class:e.cx("end")},e.ptm("end")),[c.renderSlot(e.$slots,"end")],16)):c.createCommentVNode("",!0)],16)},module.exports=y;
|
|
1
|
+
"use strict";var e=require("primevue/icons/bars"),t=require("primevue/utils"),i=require("primevue/basecomponent"),n=require("primevue/menubar/style"),s=require("primevue/icons/angledown"),o=require("primevue/icons/angleright"),r=require("primevue/ripple"),c=require("vue");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=a(e),l=a(i),m=a(n),d=a(s),I={name:"BaseMenubar",extends:l.default,props:{model:{type:Array,default:null},buttonProps:{type:null,default:null},breakpoint:{type:String,default:"960px"},"aria-labelledby":{type:String,default:null},"aria-label":{type:String,default:null}},style:m.default,provide:function(){return{$parentInstance:this}}},h={name:"MenubarSub",hostName:"Menubar",extends:l.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},level:{type:Number,default:0},menuId:{type:String,default:null},focusedItemId:{type:String,default:null},activeItemPath:{type:Object,default:null}},list:null,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.ObjectUtils.getItemValue(e.item[i],n):void 0},getItemLabel:function(e){return this.getItemProp(e,"label")},getPTOptions:function(e,t,i){return this.ptm(i,{context:{item:e,index:t,active:this.isItemActive(e),focused:this.isItemFocused(e),disabled:this.isItemDisabled(e),level:this.level}})},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})},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},getMenuItemProps:function(e,t){return{action:c.mergeProps({class:this.cx("action"),tabindex:-1,"aria-hidden":!0},this.getPTOptions(e,t,"action")),icon:c.mergeProps({class:[this.cx("icon"),this.getItemProp(e,"icon")]},this.getPTOptions(e,t,"icon")),label:c.mergeProps({class:this.cx("label")},this.getPTOptions(e,t,"label")),submenuicon:c.mergeProps({class:this.cx("submenuIcon")},this.getPTOptions(e,t,"submenuIcon"))}}},components:{AngleRightIcon:a(o).default,AngleDownIcon:d.default},directives:{ripple:a(r).default}},f=["id","aria-label","aria-disabled","aria-expanded","aria-haspopup","aria-level","aria-setsize","aria-posinset","data-p-highlight","data-p-focused","data-p-disabled"],p=["onClick","onMouseenter"],b=["href","target"],v=["id"];h.render=function(e,t,i,n,s,o){var r=c.resolveComponent("MenubarSub",!0),a=c.resolveDirective("ripple");return c.openBlock(),c.createElementBlock("ul",c.mergeProps({class:e.cx(0===i.level?"menu":"submenu")},e.ptm(0===i.level?"menu":"submenu")),[(c.openBlock(!0),c.createElementBlock(c.Fragment,null,c.renderList(i.items,(function(n,s){return c.openBlock(),c.createElementBlock(c.Fragment,{key:o.getItemKey(n)},[o.isItemVisible(n)&&!o.getItemProp(n,"separator")?(c.openBlock(),c.createElementBlock("li",c.mergeProps({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(n,s,"menuitem"),{"data-p-highlight":o.isItemActive(n),"data-p-focused":o.isItemFocused(n),"data-p-disabled":o.isItemDisabled(n)}),[c.createElementVNode("div",c.mergeProps({class:e.cx("content"),onClick:function(e){return o.onItemClick(e,n)},onMouseenter:function(e){return o.onItemMouseEnter(e,n)}},o.getPTOptions(n,s,"content")),[i.templates.item?(c.openBlock(),c.createBlock(c.resolveDynamicComponent(i.templates.item),{key:1,item:n.item,root:i.root,hasSubmenu:o.getItemProp(n,"items"),label:o.getItemLabel(n),props:o.getMenuItemProps(n,s)},null,8,["item","root","hasSubmenu","label","props"])):c.withDirectives((c.openBlock(),c.createElementBlock("a",c.mergeProps({key:0,href:o.getItemProp(n,"url"),class:e.cx("action"),target:o.getItemProp(n,"target"),tabindex:"-1","aria-hidden":"true"},o.getPTOptions(n,s,"action")),[i.templates.itemicon?(c.openBlock(),c.createBlock(c.resolveDynamicComponent(i.templates.itemicon),{key:0,item:n.item,class:c.normalizeClass([e.cx("icon"),o.getItemProp(n,"icon")])},null,8,["item","class"])):o.getItemProp(n,"icon")?(c.openBlock(),c.createElementBlock("span",c.mergeProps({key:1,class:[e.cx("icon"),o.getItemProp(n,"icon")]},o.getPTOptions(n,s,"icon")),null,16)):c.createCommentVNode("",!0),c.createElementVNode("span",c.mergeProps({class:e.cx("label")},o.getPTOptions(n,s,"label")),c.toDisplayString(o.getItemLabel(n)),17),o.getItemProp(n,"items")?(c.openBlock(),c.createElementBlock(c.Fragment,{key:2},[i.templates.submenuicon?(c.openBlock(),c.createBlock(c.resolveDynamicComponent(i.templates.submenuicon),{key:0,root:i.root,active:o.isItemActive(n),class:c.normalizeClass(e.cx("submenuIcon"))},null,8,["root","active","class"])):(c.openBlock(),c.createBlock(c.resolveDynamicComponent(i.root?"AngleDownIcon":"AngleRightIcon"),c.mergeProps({key:1,class:e.cx("submenuIcon")},o.getPTOptions(n,s,"submenuIcon")),null,16,["class"]))],64)):c.createCommentVNode("",!0)],16,b)),[[a]])],16,p),o.isItemVisible(n)&&o.isItemGroup(n)?(c.openBlock(),c.createBlock(r,{key:0,menuId:i.menuId,role:"menu",style:c.normalizeStyle(e.sx("submenu",!0,{processedItem:n})),focusedItemId:i.focusedItemId,items:n.items,mobileActive:i.mobileActive,activeItemPath:i.activeItemPath,templates:i.templates,level:i.level+1,pt:e.pt,unstyled:e.unstyled,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)})},null,8,["menuId","style","focusedItemId","items","mobileActive","activeItemPath","templates","level","pt","unstyled"])):c.createCommentVNode("",!0)],16,f)):c.createCommentVNode("",!0),o.isItemVisible(n)&&o.getItemProp(n,"separator")?(c.openBlock(),c.createElementBlock("li",c.mergeProps({key:1,id:o.getItemId(n),class:[e.cx("separator"),o.getItemProp(n,"class")],style:o.getItemProp(n,"style"),role:"separator"},e.ptm("separator")),null,16,v)):c.createCommentVNode("",!0)],64)})),128))],16)};var y={name:"Menubar",extends:I,emits:["focus","blur"],data:function(){return{id:this.$attrs.id,mobileActive:!1,focused:!1,focusedItemInfo:{index:-1,level:0,parentKey:""},activeItemPath:[],dirty:!1,queryMatches:!1}},watch:{"$attrs.id":function(e){this.id=e||t.UniqueComponentId()},activeItemPath:function(e){t.ObjectUtils.isNotEmpty(e)?(this.bindOutsideClickListener(),this.bindResizeListener()):(this.unbindOutsideClickListener(),this.unbindResizeListener())}},outsideClickListener:null,container:null,menubar:null,mounted:function(){var e=this;this.id=this.id||t.UniqueComponentId();var i=matchMedia("(max-width: ".concat(this.breakpoint,")"));this.queryMatches=i.matches,i.addEventListener("change",(function(){e.queryMatches=i.matches,e.mobileActive=!1}))},beforeUnmount:function(){this.mobileActive=!1,this.unbindOutsideClickListener(),this.unbindResizeListener(),this.container&&t.ZIndexUtils.clear(this.container),this.container=null},methods:{getItemProp:function(e,i){return e?t.ObjectUtils.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.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){var i=this;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((function(){i.show()}),1)),this.bindOutsideClickListener(),e.preventDefault()},show:function(){this.focusedItemInfo={index:this.findFirstFocusedItemIndex(),level:0,parentKey:""},t.DomHandler.focus(this.menubar)},hide:function(e,i){var n=this;this.mobileActive&&(this.mobileActive=!1,setTimeout((function(){t.DomHandler.focus(n.$refs.menubutton)}),0)),this.activeItemPath=[],this.focusedItemInfo={index:-1,level:0,parentKey:""},i&&t.DomHandler.focus(this.menubar),this.dirty=!1},onFocus:function(e){this.focused=!0,this.focusedItemInfo=-1!==this.focusedItemInfo.index?this.focusedItemInfo:{index:this.findFirstFocusedItemIndex(),level:0,parentKey:""},this.$emit("focus",e)},onBlur:function(e){this.focused=!1,this.focusedItemInfo={index:-1,level:0,parentKey:""},this.searchValue="",this.dirty=!1,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.ObjectUtils.isPrintableCharacter(e.key)&&this.searchItems(e,e.key)}},onItemChange:function(e){var i=e.processedItem,n=e.isFocus;if(!t.ObjectUtils.isEmpty(i)){var s=i.index,o=i.key,r=i.level,c=i.parentKey,a=t.ObjectUtils.isNotEmpty(i.items),u=this.activeItemPath.filter((function(e){return e.parentKey!==c&&e.parentKey!==o}));a&&u.push(i),this.focusedItemInfo={index:s,level:r,parentKey:c},this.activeItemPath=u,a&&(this.dirty=!0),n&&t.DomHandler.focus(this.menubar)}},onItemClick:function(e){var i=e.originalEvent,n=e.processedItem,s=this.isProccessedItemGroup(n),o=t.ObjectUtils.isEmpty(n.parent);if(this.isSelected(n)){var r=n.index,c=n.key,a=n.level,u=n.parentKey;this.activeItemPath=this.activeItemPath.filter((function(e){return c!==e.key&&c.startsWith(e.key)})),this.focusedItemInfo={index:r,level:a,parentKey:u},this.dirty=!o,t.DomHandler.focus(this.menubar)}else if(s)this.onItemChange(e);else{var l=o?n:this.activeItemPath.find((function(e){return""===e.parentKey}));this.hide(i),this.changeFocusedItemIndex(i,l?l.index:-1),this.mobileActive=!1,t.DomHandler.focus(this.menubar)}},onItemMouseEnter:function(e){!this.mobileActive&&this.dirty&&this.onItemChange(e)},menuButtonClick:function(e){this.toggle(e)},menuButtonKeydown:function(e){("Enter"===e.code||"Space"===e.code)&&this.menuButtonClick(e)},onArrowDownKey:function(e){var 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{var n=-1!==this.focusedItemInfo.index?this.findNextItemIndex(this.focusedItemInfo.index):this.findFirstFocusedItemIndex();this.changeFocusedItemIndex(e,n),e.preventDefault()}},onArrowUpKey:function(e){var i=this,n=this.visibleItems[this.focusedItemInfo.index];if(t.ObjectUtils.isEmpty(n.parent)){if(this.isProccessedItemGroup(n)){this.onItemChange({originalEvent:e,processedItem:n}),this.focusedItemInfo={index:-1,parentKey:n.key};var s=this.findLastItemIndex();this.changeFocusedItemIndex(e,s)}}else{var o=this.activeItemPath.find((function(e){return e.key===n.parentKey}));if(0===this.focusedItemInfo.index)this.focusedItemInfo={index:-1,parentKey:o?o.parentKey:""},this.searchValue="",this.onArrowLeftKey(e),this.activeItemPath=this.activeItemPath.filter((function(e){return e.parentKey!==i.focusedItemInfo.parentKey}));else{var r=-1!==this.focusedItemInfo.index?this.findPrevItemIndex(this.focusedItemInfo.index):this.findLastFocusedItemIndex();this.changeFocusedItemIndex(e,r)}}e.preventDefault()},onArrowLeftKey:function(e){var t=this,i=this.visibleItems[this.focusedItemInfo.index],n=i?this.activeItemPath.find((function(e){return e.key===i.parentKey})):null;if(n)this.onItemChange({originalEvent:e,processedItem:n}),this.activeItemPath=this.activeItemPath.filter((function(e){return e.parentKey!==t.focusedItemInfo.parentKey})),e.preventDefault();else{var s=-1!==this.focusedItemInfo.index?this.findPrevItemIndex(this.focusedItemInfo.index):this.findLastFocusedItemIndex();this.changeFocusedItemIndex(e,s),e.preventDefault()}},onArrowRightKey:function(e){var t=this.visibleItems[this.focusedItemInfo.index];if(t?this.activeItemPath.find((function(e){return 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{var i=-1!==this.focusedItemInfo.index?this.findNextItemIndex(this.focusedItemInfo.index):this.findFirstFocusedItemIndex();this.changeFocusedItemIndex(e,i),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 i=t.DomHandler.findSingle(this.menubar,'li[id="'.concat("".concat(this.focusedItemId),'"]')),n=i&&t.DomHandler.findSingle(i,'a[data-pc-section="action"]');n?n.click():i&&i.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(e,!0),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()},bindOutsideClickListener:function(){var e=this;this.outsideClickListener||(this.outsideClickListener=function(t){var i=e.menubar&&!e.menubar.contains(t.target);(!e.mobileActive||!e.$refs.menubutton||e.$refs.menubutton!==t.target&&!e.$refs.menubutton.contains(t.target))&&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(i){t.DomHandler.isTouchDevice()||e.hide(i,!0),e.mobileActive=!1},window.addEventListener("resize",this.resizeListener))},unbindResizeListener:function(){this.resizeListener&&(window.removeEventListener("resize",this.resizeListener),this.resizeListener=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,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.ObjectUtils.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,i=-1!==e?"".concat(this.id,"_").concat(e):this.focusedItemId,n=t.DomHandler.findSingle(this.menubar,'li[id="'.concat(i,'"]'));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},menubarRef:function(e){this.menubar=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:{MenubarSub:h,BarsIcon:u.default}};function g(e){return g="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},g(e)}function x(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 k(e){for(var t=1;t<arguments.length;t++){var i=null!=arguments[t]?arguments[t]:{};t%2?x(Object(i),!0).forEach((function(t){P(e,t,i[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):x(Object(i)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(i,t))}))}return e}function P(e,t,i){return(t=K(t))in e?Object.defineProperty(e,t,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[t]=i,e}function K(e){var t=L(e,"string");return"symbol"===g(t)?t:String(t)}function L(e,t){if("object"!==g(e)||null===e)return e;var i=e[Symbol.toPrimitive];if(void 0!==i){var n=i.call(e,t||"default");if("object"!==g(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}var E=["aria-haspopup","aria-expanded","aria-controls","aria-label"];y.render=function(e,t,i,n,s,o){var r,a=c.resolveComponent("BarsIcon"),u=c.resolveComponent("MenubarSub");return c.openBlock(),c.createElementBlock("div",c.mergeProps({ref:o.containerRef,class:e.cx("root")},e.ptm("root")),[e.$slots.start?(c.openBlock(),c.createElementBlock("div",c.mergeProps({key:0,class:e.cx("start")},e.ptm("start")),[c.renderSlot(e.$slots,"start")],16)):c.createCommentVNode("",!0),e.model&&e.model.length>0?(c.openBlock(),c.createElementBlock("a",c.mergeProps({key:1,ref:"menubutton",role:"button",tabindex:"0",class:e.cx("button"),"aria-haspopup":!!(e.model.length&&e.model.length>0),"aria-expanded":s.mobileActive,"aria-controls":s.id,"aria-label":null===(r=e.$primevue.config.locale.aria)||void 0===r?void 0:r.navigation,onClick:t[0]||(t[0]=function(e){return o.menuButtonClick(e)}),onKeydown:t[1]||(t[1]=function(e){return o.menuButtonKeydown(e)})},k(k({},e.buttonProps),e.ptm("button"))),[c.renderSlot(e.$slots,"popupicon",{},(function(){return[c.createVNode(a,c.normalizeProps(c.guardReactiveProps(e.ptm("popupIcon"))),null,16)]}))],16,E)):c.createCommentVNode("",!0),c.createVNode(u,{ref:o.menubarRef,id:s.id,role:"menubar",items:o.processedItems,templates:e.$slots,root:!0,mobileActive:s.mobileActive,tabindex:"0","aria-activedescendant":s.focused?o.focusedItemId:void 0,menuId:s.id,focusedItemId:s.focused?o.focusedItemId:void 0,activeItemPath:s.activeItemPath,level:0,"aria-labelledby":e.ariaLabelledby,"aria-label":e.ariaLabel,pt:e.pt,unstyled:e.unstyled,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","aria-labelledby","aria-label","pt","unstyled","onFocus","onBlur","onKeydown","onItemClick","onItemMouseenter"]),e.$slots.end?(c.openBlock(),c.createElementBlock("div",c.mergeProps({key:2,class:e.cx("end")},e.ptm("end")),[c.renderSlot(e.$slots,"end")],16)):c.createCommentVNode("",!0)],16)},module.exports=y;
|