primevue 3.40.1 → 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/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
package/megamenu/megamenu.js
CHANGED
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
this.primevue = this.primevue || {};
|
|
2
|
-
this.primevue.megamenu = (function (utils, BaseComponent, MegaMenuStyle, AngleDownIcon, AngleRightIcon, Ripple, vue) {
|
|
2
|
+
this.primevue.megamenu = (function (BarsIcon, utils, BaseComponent, MegaMenuStyle, AngleDownIcon, AngleRightIcon, Ripple, vue) {
|
|
3
3
|
'use strict';
|
|
4
4
|
|
|
5
5
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
6
6
|
|
|
7
|
+
var BarsIcon__default = /*#__PURE__*/_interopDefaultLegacy(BarsIcon);
|
|
7
8
|
var BaseComponent__default = /*#__PURE__*/_interopDefaultLegacy(BaseComponent);
|
|
8
9
|
var MegaMenuStyle__default = /*#__PURE__*/_interopDefaultLegacy(MegaMenuStyle);
|
|
9
10
|
var AngleDownIcon__default = /*#__PURE__*/_interopDefaultLegacy(AngleDownIcon);
|
|
@@ -22,6 +23,10 @@ this.primevue.megamenu = (function (utils, BaseComponent, MegaMenuStyle, AngleDo
|
|
|
22
23
|
type: String,
|
|
23
24
|
"default": 'horizontal'
|
|
24
25
|
},
|
|
26
|
+
breakpoint: {
|
|
27
|
+
type: String,
|
|
28
|
+
"default": '960px'
|
|
29
|
+
},
|
|
25
30
|
disabled: {
|
|
26
31
|
type: Boolean,
|
|
27
32
|
"default": false
|
|
@@ -69,6 +74,10 @@ this.primevue.megamenu = (function (utils, BaseComponent, MegaMenuStyle, AngleDo
|
|
|
69
74
|
type: Object,
|
|
70
75
|
"default": null
|
|
71
76
|
},
|
|
77
|
+
mobileActive: {
|
|
78
|
+
type: Boolean,
|
|
79
|
+
"default": false
|
|
80
|
+
},
|
|
72
81
|
items: {
|
|
73
82
|
type: Array,
|
|
74
83
|
"default": null
|
|
@@ -193,7 +202,7 @@ this.primevue.megamenu = (function (utils, BaseComponent, MegaMenuStyle, AngleDo
|
|
|
193
202
|
};
|
|
194
203
|
|
|
195
204
|
var _hoisted_1$1 = ["tabindex"];
|
|
196
|
-
var _hoisted_2 = ["id", "aria-label", "aria-disabled", "aria-expanded", "aria-haspopup", "aria-level", "aria-setsize", "aria-posinset", "data-p-highlight", "data-p-focused", "data-p-disabled"];
|
|
205
|
+
var _hoisted_2$1 = ["id", "aria-label", "aria-disabled", "aria-expanded", "aria-haspopup", "aria-level", "aria-setsize", "aria-posinset", "data-p-highlight", "data-p-focused", "data-p-disabled"];
|
|
197
206
|
var _hoisted_3 = ["onClick", "onMouseenter"];
|
|
198
207
|
var _hoisted_4 = ["href", "target"];
|
|
199
208
|
var _hoisted_5 = ["id"];
|
|
@@ -262,7 +271,7 @@ this.primevue.megamenu = (function (utils, BaseComponent, MegaMenuStyle, AngleDo
|
|
|
262
271
|
key: 0,
|
|
263
272
|
active: $options.isItemActive(processedItem),
|
|
264
273
|
"class": _ctx.cx('submenuIcon')
|
|
265
|
-
}, $options.getPTOptions(processedItem, index, 'submenuIcon')), null, 16, ["active", "class"])) : (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($props.horizontal ? 'AngleDownIcon' : 'AngleRightIcon'), vue.mergeProps({
|
|
274
|
+
}, $options.getPTOptions(processedItem, index, 'submenuIcon')), null, 16, ["active", "class"])) : (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($props.horizontal || $props.mobileActive ? 'AngleDownIcon' : 'AngleRightIcon'), vue.mergeProps({
|
|
266
275
|
key: 1,
|
|
267
276
|
"class": _ctx.cx('submenuIcon')
|
|
268
277
|
}, $options.getPTOptions(processedItem, index, 'submenuIcon')), null, 16, ["class"]))], 64)) : vue.createCommentVNode("", true)], 16, _hoisted_4)), [[_directive_ripple]]) : (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($props.templates.item), {
|
|
@@ -296,6 +305,7 @@ this.primevue.megamenu = (function (utils, BaseComponent, MegaMenuStyle, AngleDo
|
|
|
296
305
|
items: submenu.items,
|
|
297
306
|
templates: $props.templates,
|
|
298
307
|
level: $props.level + 1,
|
|
308
|
+
mobileActive: $props.mobileActive,
|
|
299
309
|
pt: _ctx.pt,
|
|
300
310
|
unstyled: _ctx.unstyled,
|
|
301
311
|
onItemClick: _cache[0] || (_cache[0] = function ($event) {
|
|
@@ -304,9 +314,9 @@ this.primevue.megamenu = (function (utils, BaseComponent, MegaMenuStyle, AngleDo
|
|
|
304
314
|
onItemMouseenter: _cache[1] || (_cache[1] = function ($event) {
|
|
305
315
|
return _ctx.$emit('item-mouseenter', $event);
|
|
306
316
|
})
|
|
307
|
-
}, null, 8, ["id", "style", "menuId", "focusedItemId", "submenu", "items", "templates", "level", "pt", "unstyled"]);
|
|
317
|
+
}, null, 8, ["id", "style", "menuId", "focusedItemId", "submenu", "items", "templates", "level", "mobileActive", "pt", "unstyled"]);
|
|
308
318
|
}), 128))], 16);
|
|
309
|
-
}), 128))], 16)], 16)) : vue.createCommentVNode("", true)], 16, _hoisted_2)) : vue.createCommentVNode("", true), $options.isItemVisible(processedItem) && $options.getItemProp(processedItem, 'separator') ? (vue.openBlock(), vue.createElementBlock("li", vue.mergeProps({
|
|
319
|
+
}), 128))], 16)], 16)) : vue.createCommentVNode("", true)], 16, _hoisted_2$1)) : vue.createCommentVNode("", true), $options.isItemVisible(processedItem) && $options.getItemProp(processedItem, 'separator') ? (vue.openBlock(), vue.createElementBlock("li", vue.mergeProps({
|
|
310
320
|
key: 1,
|
|
311
321
|
id: $options.getItemId(processedItem),
|
|
312
322
|
"class": [_ctx.cx('separator'), $options.getItemProp(processedItem, 'class')],
|
|
@@ -331,6 +341,7 @@ this.primevue.megamenu = (function (utils, BaseComponent, MegaMenuStyle, AngleDo
|
|
|
331
341
|
data: function data() {
|
|
332
342
|
return {
|
|
333
343
|
id: this.$attrs.id,
|
|
344
|
+
mobileActive: false,
|
|
334
345
|
focused: false,
|
|
335
346
|
focusedItemInfo: {
|
|
336
347
|
index: -1,
|
|
@@ -338,7 +349,8 @@ this.primevue.megamenu = (function (utils, BaseComponent, MegaMenuStyle, AngleDo
|
|
|
338
349
|
parentKey: ''
|
|
339
350
|
},
|
|
340
351
|
activeItem: null,
|
|
341
|
-
dirty: false
|
|
352
|
+
dirty: false,
|
|
353
|
+
queryMatches: false
|
|
342
354
|
};
|
|
343
355
|
},
|
|
344
356
|
watch: {
|
|
@@ -356,9 +368,17 @@ this.primevue.megamenu = (function (utils, BaseComponent, MegaMenuStyle, AngleDo
|
|
|
356
368
|
}
|
|
357
369
|
},
|
|
358
370
|
mounted: function mounted() {
|
|
371
|
+
var _this = this;
|
|
359
372
|
this.id = this.id || utils.UniqueComponentId();
|
|
373
|
+
var query = matchMedia("(max-width: ".concat(this.breakpoint, ")"));
|
|
374
|
+
this.queryMatches = query.matches;
|
|
375
|
+
query.addEventListener('change', function () {
|
|
376
|
+
_this.queryMatches = query.matches;
|
|
377
|
+
_this.mobileActive = false;
|
|
378
|
+
});
|
|
360
379
|
},
|
|
361
380
|
beforeUnmount: function beforeUnmount() {
|
|
381
|
+
this.mobileActive = false;
|
|
362
382
|
this.unbindOutsideClickListener();
|
|
363
383
|
this.unbindResizeListener();
|
|
364
384
|
},
|
|
@@ -384,7 +404,38 @@ this.primevue.megamenu = (function (utils, BaseComponent, MegaMenuStyle, AngleDo
|
|
|
384
404
|
isProccessedItemGroup: function isProccessedItemGroup(processedItem) {
|
|
385
405
|
return processedItem && utils.ObjectUtils.isNotEmpty(processedItem.items);
|
|
386
406
|
},
|
|
407
|
+
toggle: function toggle(event) {
|
|
408
|
+
var _this2 = this;
|
|
409
|
+
if (this.mobileActive) {
|
|
410
|
+
this.mobileActive = false;
|
|
411
|
+
utils.ZIndexUtils.clear(this.menubar);
|
|
412
|
+
this.hide();
|
|
413
|
+
} else {
|
|
414
|
+
this.mobileActive = true;
|
|
415
|
+
utils.ZIndexUtils.set('menu', this.menubar, this.$primevue.config.zIndex.menu);
|
|
416
|
+
setTimeout(function () {
|
|
417
|
+
_this2.show();
|
|
418
|
+
}, 1);
|
|
419
|
+
}
|
|
420
|
+
this.bindOutsideClickListener();
|
|
421
|
+
event.preventDefault();
|
|
422
|
+
},
|
|
423
|
+
show: function show() {
|
|
424
|
+
this.focusedItemInfo = {
|
|
425
|
+
index: this.findFirstFocusedItemIndex(),
|
|
426
|
+
level: 0,
|
|
427
|
+
parentKey: ''
|
|
428
|
+
};
|
|
429
|
+
utils.DomHandler.focus(this.menubar);
|
|
430
|
+
},
|
|
387
431
|
hide: function hide(event, isFocus) {
|
|
432
|
+
var _this3 = this;
|
|
433
|
+
if (this.mobileActive) {
|
|
434
|
+
this.mobileActive = false;
|
|
435
|
+
setTimeout(function () {
|
|
436
|
+
utils.DomHandler.focus(_this3.$refs.menubutton);
|
|
437
|
+
}, 0);
|
|
438
|
+
}
|
|
388
439
|
this.activeItem = null;
|
|
389
440
|
this.focusedItemInfo = {
|
|
390
441
|
index: -1,
|
|
@@ -512,15 +563,22 @@ this.primevue.megamenu = (function (utils, BaseComponent, MegaMenuStyle, AngleDo
|
|
|
512
563
|
var rootProcessedItem = root ? processedItem : this.activeItem;
|
|
513
564
|
this.hide(originalEvent);
|
|
514
565
|
this.changeFocusedItemInfo(originalEvent, rootProcessedItem ? rootProcessedItem.index : -1);
|
|
566
|
+
this.mobileActive = false;
|
|
515
567
|
utils.DomHandler.focus(this.menubar);
|
|
516
568
|
}
|
|
517
569
|
}
|
|
518
570
|
},
|
|
519
571
|
onItemMouseEnter: function onItemMouseEnter(event) {
|
|
520
|
-
if (this.dirty) {
|
|
572
|
+
if (!this.mobileActive && this.dirty) {
|
|
521
573
|
this.onItemChange(event);
|
|
522
574
|
}
|
|
523
575
|
},
|
|
576
|
+
menuButtonClick: function menuButtonClick(event) {
|
|
577
|
+
this.toggle(event);
|
|
578
|
+
},
|
|
579
|
+
menuButtonKeydown: function menuButtonKeydown(event) {
|
|
580
|
+
(event.code === 'Enter' || event.code === 'Space') && this.menuButtonClick(event);
|
|
581
|
+
},
|
|
524
582
|
onArrowDownKey: function onArrowDownKey(event) {
|
|
525
583
|
if (this.horizontal) {
|
|
526
584
|
if (utils.ObjectUtils.isNotEmpty(this.activeItem) && this.activeItem.key === this.focusedItemInfo.key) {
|
|
@@ -685,13 +743,13 @@ this.primevue.megamenu = (function (utils, BaseComponent, MegaMenuStyle, AngleDo
|
|
|
685
743
|
this.hide();
|
|
686
744
|
},
|
|
687
745
|
bindOutsideClickListener: function bindOutsideClickListener() {
|
|
688
|
-
var
|
|
746
|
+
var _this4 = this;
|
|
689
747
|
if (!this.outsideClickListener) {
|
|
690
748
|
this.outsideClickListener = function (event) {
|
|
691
|
-
var isOutsideContainer =
|
|
692
|
-
var isOutsideTarget =
|
|
749
|
+
var isOutsideContainer = _this4.container && !_this4.container.contains(event.target);
|
|
750
|
+
var isOutsideTarget = !(_this4.target && (_this4.target === event.target || _this4.target.contains(event.target)));
|
|
693
751
|
if (isOutsideContainer && isOutsideTarget) {
|
|
694
|
-
|
|
752
|
+
_this4.hide();
|
|
695
753
|
}
|
|
696
754
|
};
|
|
697
755
|
document.addEventListener('click', this.outsideClickListener);
|
|
@@ -704,12 +762,13 @@ this.primevue.megamenu = (function (utils, BaseComponent, MegaMenuStyle, AngleDo
|
|
|
704
762
|
}
|
|
705
763
|
},
|
|
706
764
|
bindResizeListener: function bindResizeListener() {
|
|
707
|
-
var
|
|
765
|
+
var _this5 = this;
|
|
708
766
|
if (!this.resizeListener) {
|
|
709
767
|
this.resizeListener = function (event) {
|
|
710
768
|
if (!utils.DomHandler.isTouchDevice()) {
|
|
711
|
-
|
|
769
|
+
_this5.hide(event, true);
|
|
712
770
|
}
|
|
771
|
+
_this5.mobileActive = false;
|
|
713
772
|
};
|
|
714
773
|
window.addEventListener('resize', this.resizeListener);
|
|
715
774
|
}
|
|
@@ -733,35 +792,35 @@ this.primevue.megamenu = (function (utils, BaseComponent, MegaMenuStyle, AngleDo
|
|
|
733
792
|
return utils.ObjectUtils.isNotEmpty(this.activeItem) ? this.activeItem.key === processedItem.key : false;
|
|
734
793
|
},
|
|
735
794
|
findFirstItemIndex: function findFirstItemIndex() {
|
|
736
|
-
var
|
|
795
|
+
var _this6 = this;
|
|
737
796
|
return this.visibleItems.findIndex(function (processedItem) {
|
|
738
|
-
return
|
|
797
|
+
return _this6.isValidItem(processedItem);
|
|
739
798
|
});
|
|
740
799
|
},
|
|
741
800
|
findLastItemIndex: function findLastItemIndex() {
|
|
742
|
-
var
|
|
801
|
+
var _this7 = this;
|
|
743
802
|
return utils.ObjectUtils.findLastIndex(this.visibleItems, function (processedItem) {
|
|
744
|
-
return
|
|
803
|
+
return _this7.isValidItem(processedItem);
|
|
745
804
|
});
|
|
746
805
|
},
|
|
747
806
|
findNextItemIndex: function findNextItemIndex(index) {
|
|
748
|
-
var
|
|
807
|
+
var _this8 = this;
|
|
749
808
|
var matchedItemIndex = index < this.visibleItems.length - 1 ? this.visibleItems.slice(index + 1).findIndex(function (processedItem) {
|
|
750
|
-
return
|
|
809
|
+
return _this8.isValidItem(processedItem);
|
|
751
810
|
}) : -1;
|
|
752
811
|
return matchedItemIndex > -1 ? matchedItemIndex + index + 1 : index;
|
|
753
812
|
},
|
|
754
813
|
findPrevItemIndex: function findPrevItemIndex(index) {
|
|
755
|
-
var
|
|
814
|
+
var _this9 = this;
|
|
756
815
|
var matchedItemIndex = index > 0 ? utils.ObjectUtils.findLastIndex(this.visibleItems.slice(0, index), function (processedItem) {
|
|
757
|
-
return
|
|
816
|
+
return _this9.isValidItem(processedItem);
|
|
758
817
|
}) : -1;
|
|
759
818
|
return matchedItemIndex > -1 ? matchedItemIndex : index;
|
|
760
819
|
},
|
|
761
820
|
findSelectedItemIndex: function findSelectedItemIndex() {
|
|
762
|
-
var
|
|
821
|
+
var _this10 = this;
|
|
763
822
|
return this.visibleItems.findIndex(function (processedItem) {
|
|
764
|
-
return
|
|
823
|
+
return _this10.isValidSelectedItem(processedItem);
|
|
765
824
|
});
|
|
766
825
|
},
|
|
767
826
|
findFirstFocusedItemIndex: function findFirstFocusedItemIndex() {
|
|
@@ -776,20 +835,20 @@ this.primevue.megamenu = (function (utils, BaseComponent, MegaMenuStyle, AngleDo
|
|
|
776
835
|
return utils.ObjectUtils.isNotEmpty(this.visibleItems) ? this.visibleItems[index] : null;
|
|
777
836
|
},
|
|
778
837
|
searchItems: function searchItems(event, _char) {
|
|
779
|
-
var
|
|
838
|
+
var _this11 = this;
|
|
780
839
|
this.searchValue = (this.searchValue || '') + _char;
|
|
781
840
|
var itemIndex = -1;
|
|
782
841
|
var matched = false;
|
|
783
842
|
if (this.focusedItemInfo.index !== -1) {
|
|
784
843
|
itemIndex = this.visibleItems.slice(this.focusedItemInfo.index).findIndex(function (processedItem) {
|
|
785
|
-
return
|
|
844
|
+
return _this11.isItemMatched(processedItem);
|
|
786
845
|
});
|
|
787
846
|
itemIndex = itemIndex === -1 ? this.visibleItems.slice(0, this.focusedItemInfo.index).findIndex(function (processedItem) {
|
|
788
|
-
return
|
|
847
|
+
return _this11.isItemMatched(processedItem);
|
|
789
848
|
}) : itemIndex + this.focusedItemInfo.index;
|
|
790
849
|
} else {
|
|
791
850
|
itemIndex = this.visibleItems.findIndex(function (processedItem) {
|
|
792
|
-
return
|
|
851
|
+
return _this11.isItemMatched(processedItem);
|
|
793
852
|
});
|
|
794
853
|
}
|
|
795
854
|
if (itemIndex !== -1) {
|
|
@@ -805,8 +864,8 @@ this.primevue.megamenu = (function (utils, BaseComponent, MegaMenuStyle, AngleDo
|
|
|
805
864
|
clearTimeout(this.searchTimeout);
|
|
806
865
|
}
|
|
807
866
|
this.searchTimeout = setTimeout(function () {
|
|
808
|
-
|
|
809
|
-
|
|
867
|
+
_this11.searchValue = '';
|
|
868
|
+
_this11.searchTimeout = null;
|
|
810
869
|
}, 500);
|
|
811
870
|
return matched;
|
|
812
871
|
},
|
|
@@ -828,7 +887,7 @@ this.primevue.megamenu = (function (utils, BaseComponent, MegaMenuStyle, AngleDo
|
|
|
828
887
|
}
|
|
829
888
|
},
|
|
830
889
|
createProcessedItems: function createProcessedItems(items) {
|
|
831
|
-
var
|
|
890
|
+
var _this12 = this;
|
|
832
891
|
var level = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
|
|
833
892
|
var parent = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
|
|
834
893
|
var parentKey = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : '';
|
|
@@ -846,8 +905,8 @@ this.primevue.megamenu = (function (utils, BaseComponent, MegaMenuStyle, AngleDo
|
|
|
846
905
|
columnIndex: columnIndex !== undefined ? columnIndex : parent.columnIndex !== undefined ? parent.columnIndex : index
|
|
847
906
|
};
|
|
848
907
|
newItem['items'] = level === 0 && item.items && item.items.length > 0 ? item.items.map(function (_items, _index) {
|
|
849
|
-
return
|
|
850
|
-
}) :
|
|
908
|
+
return _this12.createProcessedItems(_items, level + 1, newItem, key, _index);
|
|
909
|
+
}) : _this12.createProcessedItems(item.items, level + 1, newItem, key);
|
|
851
910
|
processedItems.push(newItem);
|
|
852
911
|
});
|
|
853
912
|
return processedItems;
|
|
@@ -885,12 +944,16 @@ this.primevue.megamenu = (function (utils, BaseComponent, MegaMenuStyle, AngleDo
|
|
|
885
944
|
}
|
|
886
945
|
},
|
|
887
946
|
components: {
|
|
888
|
-
MegaMenuSub: script$1
|
|
947
|
+
MegaMenuSub: script$1,
|
|
948
|
+
BarsIcon: BarsIcon__default["default"]
|
|
889
949
|
}
|
|
890
950
|
};
|
|
891
951
|
|
|
892
952
|
var _hoisted_1 = ["id"];
|
|
953
|
+
var _hoisted_2 = ["aria-haspopup", "aria-expanded", "aria-controls", "aria-label"];
|
|
893
954
|
function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
955
|
+
var _ctx$$primevue$config;
|
|
956
|
+
var _component_BarsIcon = vue.resolveComponent("BarsIcon");
|
|
894
957
|
var _component_MegaMenuSub = vue.resolveComponent("MegaMenuSub");
|
|
895
958
|
return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
|
|
896
959
|
ref: $options.containerRef,
|
|
@@ -901,7 +964,25 @@ this.primevue.megamenu = (function (utils, BaseComponent, MegaMenuStyle, AngleDo
|
|
|
901
964
|
}), [_ctx.$slots.start ? (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
|
|
902
965
|
key: 0,
|
|
903
966
|
"class": _ctx.cx('start')
|
|
904
|
-
}, _ctx.ptm('start')), [vue.renderSlot(_ctx.$slots, "start")], 16)) : vue.createCommentVNode("", true), vue.
|
|
967
|
+
}, _ctx.ptm('start')), [vue.renderSlot(_ctx.$slots, "start")], 16)) : vue.createCommentVNode("", true), _ctx.model && _ctx.model.length > 0 ? (vue.openBlock(), vue.createElementBlock("a", vue.mergeProps({
|
|
968
|
+
key: 1,
|
|
969
|
+
ref: "menubutton",
|
|
970
|
+
role: "button",
|
|
971
|
+
tabindex: "0",
|
|
972
|
+
"class": _ctx.cx('menubutton'),
|
|
973
|
+
"aria-haspopup": _ctx.model.length && _ctx.model.length > 0 ? true : false,
|
|
974
|
+
"aria-expanded": $data.mobileActive,
|
|
975
|
+
"aria-controls": $data.id,
|
|
976
|
+
"aria-label": (_ctx$$primevue$config = _ctx.$primevue.config.locale.aria) === null || _ctx$$primevue$config === void 0 ? void 0 : _ctx$$primevue$config.navigation,
|
|
977
|
+
onClick: _cache[0] || (_cache[0] = function ($event) {
|
|
978
|
+
return $options.menuButtonClick($event);
|
|
979
|
+
}),
|
|
980
|
+
onKeydown: _cache[1] || (_cache[1] = function ($event) {
|
|
981
|
+
return $options.menuButtonKeydown($event);
|
|
982
|
+
})
|
|
983
|
+
}, _ctx.ptm('menubutton')), [vue.renderSlot(_ctx.$slots, "menubuttonicon", {}, function () {
|
|
984
|
+
return [vue.createVNode(_component_BarsIcon, vue.normalizeProps(vue.guardReactiveProps(_ctx.ptm('menubuttonicon'))), null, 16)];
|
|
985
|
+
})], 16, _hoisted_2)) : vue.createCommentVNode("", true), vue.createVNode(_component_MegaMenuSub, {
|
|
905
986
|
ref: $options.menubarRef,
|
|
906
987
|
id: $data.id + '_list',
|
|
907
988
|
tabindex: !_ctx.disabled ? _ctx.tabindex : -1,
|
|
@@ -917,6 +998,7 @@ this.primevue.megamenu = (function (utils, BaseComponent, MegaMenuStyle, AngleDo
|
|
|
917
998
|
horizontal: $options.horizontal,
|
|
918
999
|
templates: _ctx.$slots,
|
|
919
1000
|
activeItem: $data.activeItem,
|
|
1001
|
+
mobileActive: $data.mobileActive,
|
|
920
1002
|
level: 0,
|
|
921
1003
|
pt: _ctx.pt,
|
|
922
1004
|
unstyled: _ctx.unstyled,
|
|
@@ -925,8 +1007,8 @@ this.primevue.megamenu = (function (utils, BaseComponent, MegaMenuStyle, AngleDo
|
|
|
925
1007
|
onKeydown: $options.onKeyDown,
|
|
926
1008
|
onItemClick: $options.onItemClick,
|
|
927
1009
|
onItemMouseenter: $options.onItemMouseEnter
|
|
928
|
-
}, null, 8, ["id", "tabindex", "aria-label", "aria-labelledby", "aria-disabled", "aria-orientation", "aria-activedescendant", "menuId", "focusedItemId", "items", "horizontal", "templates", "activeItem", "pt", "unstyled", "onFocus", "onBlur", "onKeydown", "onItemClick", "onItemMouseenter"]), _ctx.$slots.end ? (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
|
|
929
|
-
key:
|
|
1010
|
+
}, null, 8, ["id", "tabindex", "aria-label", "aria-labelledby", "aria-disabled", "aria-orientation", "aria-activedescendant", "menuId", "focusedItemId", "items", "horizontal", "templates", "activeItem", "mobileActive", "pt", "unstyled", "onFocus", "onBlur", "onKeydown", "onItemClick", "onItemMouseenter"]), _ctx.$slots.end ? (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
|
|
1011
|
+
key: 2,
|
|
930
1012
|
"class": _ctx.cx('end')
|
|
931
1013
|
}, _ctx.ptm('end')), [vue.renderSlot(_ctx.$slots, "end")], 16)) : vue.createCommentVNode("", true)], 16, _hoisted_1);
|
|
932
1014
|
}
|
|
@@ -935,4 +1017,4 @@ this.primevue.megamenu = (function (utils, BaseComponent, MegaMenuStyle, AngleDo
|
|
|
935
1017
|
|
|
936
1018
|
return script;
|
|
937
1019
|
|
|
938
|
-
})(primevue.utils, primevue.basecomponent, primevue.megamenu.style, primevue.icons.angledown, primevue.icons.angleright, primevue.ripple, Vue);
|
|
1020
|
+
})(primevue.icons.bars, primevue.utils, primevue.basecomponent, primevue.megamenu.style, primevue.icons.angledown, primevue.icons.angleright, primevue.ripple, Vue);
|
package/megamenu/megamenu.min.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
this.primevue=this.primevue||{},this.primevue.megamenu=function(e,t,i,n,s,o,r){"use strict";function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=c(t),m=c(i),l=c(n),u={name:"BaseMegaMenu",extends:a.default,props:{model:{type:Array,default:null},orientation:{type:String,default:"horizontal"},disabled:{type:Boolean,default:!1},tabindex:{type:Number,default:0},"aria-labelledby":{type:String,default:null},"aria-label":{type:String,default:null}},style:m.default,provide:function(){return{$parentInstance:this}}},d={name:"MegaMenuSub",hostName:"MegaMenu",extends:a.default,emits:["item-click","item-mouseenter"],props:{menuId:{type:String,default:null},focusedItemId:{type:String,default:null},horizontal:{type:Boolean,default:!1},submenu:{type:Object,default:null},items:{type:Array,default:null},level:{type:Number,default:0},templates:{type:Object,default:null},activeItem:{type:Object,default:null},tabindex:{type:Number,default:0}},methods:{getSubListId:function(e){return"".concat(this.getItemId(e),"_list")},getSubListKey:function(e){return this.getSubListId(e)},getItemId:function(e){return"".concat(this.menuId,"_").concat(e.key)},getItemKey:function(e){return this.getItemId(e)},getItemProp:function(t,i,n){return t&&t.item?e.ObjectUtils.getItemValue(t.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)}})},isItemActive:function(t){return!!e.ObjectUtils.isNotEmpty(this.activeItem)&&this.activeItem.key===t.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(t){return e.ObjectUtils.isNotEmpty(t.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:r.mergeProps({class:this.cx("action"),tabindex:-1,"aria-hidden":!0},this.getPTOptions(e,t,"action")),icon:r.mergeProps({class:[this.cx("icon"),this.getItemProp(e,"icon")]},this.getPTOptions(e,t,"icon")),label:r.mergeProps({class:this.cx("label")},this.getPTOptions(e,t,"label")),submenuicon:r.mergeProps({class:this.cx("submenuIcon")},this.getPTOptions(e,t,"submenuIcon"))}}},components:{AngleRightIcon:c(s).default,AngleDownIcon:l.default},directives:{ripple:c(o).default}},I=["tabindex"],h=["id","aria-label","aria-disabled","aria-expanded","aria-haspopup","aria-level","aria-setsize","aria-posinset","data-p-highlight","data-p-focused","data-p-disabled"],f=["onClick","onMouseenter"],p=["href","target"],b=["id"];d.render=function(e,t,i,n,s,o){var c=r.resolveComponent("MegaMenuSub",!0),a=r.resolveDirective("ripple");return r.openBlock(),r.createElementBlock("ul",r.mergeProps({class:e.cx(0===i.level?"menu":"submenu"),tabindex:i.tabindex},e.ptm(0===i.level?"menu":"submenu")),[i.submenu?(r.openBlock(),r.createElementBlock("li",r.mergeProps({key:0,class:[e.cx("submenuHeader",{submenu:i.submenu}),o.getItemProp(i.submenu,"class")],style:o.getItemProp(i.submenu,"style"),role:"presentation"},e.ptm("submenuHeader")),r.toDisplayString(o.getItemLabel(i.submenu)),17)):r.createCommentVNode("",!0),(r.openBlock(!0),r.createElementBlock(r.Fragment,null,r.renderList(i.items,(function(n,s){return r.openBlock(),r.createElementBlock(r.Fragment,{key:o.getItemKey(n)},[o.isItemVisible(n)&&!o.getItemProp(n,"separator")?(r.openBlock(),r.createElementBlock("li",r.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)}),[r.createElementVNode("div",r.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?(r.openBlock(),r.createBlock(r.resolveDynamicComponent(i.templates.item),{key:1,item:n.item,hasSubmenu:o.isItemGroup(n),label:o.getItemLabel(n),props:o.getMenuItemProps(n,s)},null,8,["item","hasSubmenu","label","props"])):r.withDirectives((r.openBlock(),r.createElementBlock("a",r.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?(r.openBlock(),r.createBlock(r.resolveDynamicComponent(i.templates.itemicon),{key:0,item:n.item,class:r.normalizeClass([e.cx("icon"),o.getItemProp(n,"icon")])},null,8,["item","class"])):o.getItemProp(n,"icon")?(r.openBlock(),r.createElementBlock("span",r.mergeProps({key:1,class:[e.cx("icon"),o.getItemProp(n,"icon")]},o.getPTOptions(n,s,"icon")),null,16)):r.createCommentVNode("",!0),r.createElementVNode("span",r.mergeProps({class:e.cx(0===i.level?"label":"submenuLabel")},o.getPTOptions(n,s,0===i.level?"label":"submenuLabel")),r.toDisplayString(o.getItemLabel(n)),17),o.isItemGroup(n)?(r.openBlock(),r.createElementBlock(r.Fragment,{key:2},[i.templates.submenuicon?(r.openBlock(),r.createBlock(r.resolveDynamicComponent(i.templates.submenuicon),r.mergeProps({key:0,active:o.isItemActive(n),class:e.cx("submenuIcon")},o.getPTOptions(n,s,"submenuIcon")),null,16,["active","class"])):(r.openBlock(),r.createBlock(r.resolveDynamicComponent(i.horizontal?"AngleDownIcon":"AngleRightIcon"),r.mergeProps({key:1,class:e.cx("submenuIcon")},o.getPTOptions(n,s,"submenuIcon")),null,16,["class"]))],64)):r.createCommentVNode("",!0)],16,p)),[[a]])],16,f),o.isItemVisible(n)&&o.isItemGroup(n)?(r.openBlock(),r.createElementBlock("div",r.mergeProps({key:0,class:e.cx("panel")},e.ptm("panel")),[r.createElementVNode("div",r.mergeProps({class:e.cx("grid")},e.ptm("grid")),[(r.openBlock(!0),r.createElementBlock(r.Fragment,null,r.renderList(n.items,(function(s){return r.openBlock(),r.createElementBlock("div",r.mergeProps({key:o.getItemKey(s),class:e.cx("column",{processedItem:n})},e.ptm("column")),[(r.openBlock(!0),r.createElementBlock(r.Fragment,null,r.renderList(s,(function(s){return r.openBlock(),r.createBlock(c,{key:o.getSubListKey(s),id:o.getSubListId(s),style:r.normalizeStyle(e.sx("submenu",!0,{processedItem:n})),role:"menu",menuId:i.menuId,focusedItemId:i.focusedItemId,submenu:s,items:s.items,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,["id","style","menuId","focusedItemId","submenu","items","templates","level","pt","unstyled"])})),128))],16)})),128))],16)],16)):r.createCommentVNode("",!0)],16,h)):r.createCommentVNode("",!0),o.isItemVisible(n)&&o.getItemProp(n,"separator")?(r.openBlock(),r.createElementBlock("li",r.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,b)):r.createCommentVNode("",!0)],64)})),128))],16,I)};var v={name:"MegaMenu",extends:u,emits:["focus","blur"],outsideClickListener:null,resizeListener:null,container:null,menubar:null,searchTimeout:null,searchValue:null,data:function(){return{id:this.$attrs.id,focused:!1,focusedItemInfo:{index:-1,key:"",parentKey:""},activeItem:null,dirty:!1}},watch:{"$attrs.id":function(t){this.id=t||e.UniqueComponentId()},activeItem:function(t){e.ObjectUtils.isNotEmpty(t)?(this.bindOutsideClickListener(),this.bindResizeListener()):(this.unbindOutsideClickListener(),this.unbindResizeListener())}},mounted:function(){this.id=this.id||e.UniqueComponentId()},beforeUnmount:function(){this.unbindOutsideClickListener(),this.unbindResizeListener()},methods:{getItemProp:function(t,i){return t?e.ObjectUtils.getItemValue(t[i]):void 0},getItemLabel:function(e){return this.getItemProp(e,"label")},isItemDisabled:function(e){return this.getItemProp(e,"disabled")},isItemGroup:function(t){return e.ObjectUtils.isNotEmpty(this.getItemProp(t,"items"))},isItemSeparator:function(e){return this.getItemProp(e,"separator")},getProccessedItemLabel:function(e){return e?this.getItemLabel(e.item):void 0},isProccessedItemGroup:function(t){return t&&e.ObjectUtils.isNotEmpty(t.items)},hide:function(t,i){this.activeItem=null,this.focusedItemInfo={index:-1,key:"",parentKey:""},i&&e.DomHandler.focus(this.menubar),this.dirty=!1},onFocus:function(e){if(this.focused=!0,-1===this.focusedItemInfo.index){var t=this.findFirstFocusedItemIndex(),i=this.findVisibleItem(t);this.focusedItemInfo={index:t,key:i.key,parentKey:i.parentKey}}this.$emit("focus",e)},onBlur:function(e){this.focused=!1,this.focusedItemInfo={index:-1,key:"",parentKey:""},this.searchValue="",this.dirty=!1,this.$emit("blur",e)},onKeyDown:function(t){if(this.disabled)t.preventDefault();else{var i=t.metaKey||t.ctrlKey;switch(t.code){case"ArrowDown":this.onArrowDownKey(t);break;case"ArrowUp":this.onArrowUpKey(t);break;case"ArrowLeft":this.onArrowLeftKey(t);break;case"ArrowRight":this.onArrowRightKey(t);break;case"Home":this.onHomeKey(t);break;case"End":this.onEndKey(t);break;case"Space":this.onSpaceKey(t);break;case"Enter":this.onEnterKey(t);break;case"Escape":this.onEscapeKey(t);break;case"Tab":this.onTabKey(t);break;case"PageDown":case"PageUp":case"Backspace":case"ShiftLeft":case"ShiftRight":break;default:!i&&e.ObjectUtils.isPrintableCharacter(t.key)&&this.searchItems(t,t.key)}}},onItemChange:function(t){var i=t.processedItem,n=t.isFocus;if(!e.ObjectUtils.isEmpty(i)){var s=i.index,o=i.key,r=i.parentKey,c=e.ObjectUtils.isNotEmpty(i.items);c&&(this.activeItem=i),this.focusedItemInfo={index:s,key:o,parentKey:r},c&&(this.dirty=!0),n&&e.DomHandler.focus(this.menubar)}},onItemClick:function(t){var i=t.originalEvent,n=t.processedItem,s=this.isProccessedItemGroup(n),o=e.ObjectUtils.isEmpty(n.parent);if(this.isSelected(n)){var r=n.index,c=n.key,a=n.parentKey;this.activeItem=null,this.focusedItemInfo={index:r,key:c,parentKey:a},this.dirty=!o,e.DomHandler.focus(this.menubar)}else if(s)this.onItemChange(t);else{var m=o?n:this.activeItem;this.hide(i),this.changeFocusedItemInfo(i,m?m.index:-1),e.DomHandler.focus(this.menubar)}},onItemMouseEnter:function(e){this.dirty&&this.onItemChange(e)},onArrowDownKey:function(t){if(this.horizontal)if(e.ObjectUtils.isNotEmpty(this.activeItem)&&this.activeItem.key===this.focusedItemInfo.key)this.focusedItemInfo={index:-1,key:"",parentKey:this.activeItem.key};else{var i=this.findVisibleItem(this.focusedItemInfo.index);this.isProccessedItemGroup(i)&&(this.onItemChange({originalEvent:t,processedItem:i}),this.focusedItemInfo={index:-1,key:i.key,parentKey:i.parentKey},this.searchValue="")}var n=-1!==this.focusedItemInfo.index?this.findNextItemIndex(this.focusedItemInfo.index):this.findFirstFocusedItemIndex();this.changeFocusedItemInfo(t,n),t.preventDefault()},onArrowUpKey:function(t){if(t.altKey&&this.horizontal){if(-1!==this.focusedItemInfo.index){var i=this.findVisibleItem(this.focusedItemInfo.index);!this.isProccessedItemGroup(i)&&e.ObjectUtils.isNotEmpty(this.activeItem)&&(0===this.focusedItemInfo.index?(this.focusedItemInfo={index:this.activeItem.index,key:this.activeItem.key,parentKey:this.activeItem.parentKey},this.activeItem=null):this.changeFocusedItemInfo(t,this.findFirstItemIndex()))}t.preventDefault()}else{var n=-1!==this.focusedItemInfo.index?this.findPrevItemIndex(this.focusedItemInfo.index):this.findLastFocusedItemIndex();this.changeFocusedItemInfo(t,n),t.preventDefault()}},onArrowLeftKey:function(t){var i=this.findVisibleItem(this.focusedItemInfo.index);if(this.isProccessedItemGroup(i)){if(this.horizontal){var n=-1!==this.focusedItemInfo.index?this.findPrevItemIndex(this.focusedItemInfo.index):this.findLastFocusedItemIndex();this.changeFocusedItemInfo(t,n)}}else{this.vertical&&e.ObjectUtils.isNotEmpty(this.activeItem)&&0===i.columnIndex&&(this.focusedItemInfo={index:this.activeItem.index,key:this.activeItem.key,parentKey:this.activeItem.parentKey},this.activeItem=null);var s=i.columnIndex-1,o=this.visibleItems.findIndex((function(e){return e.columnIndex===s}));-1!==o&&this.changeFocusedItemInfo(t,o)}t.preventDefault()},onArrowRightKey:function(t){var i=this.findVisibleItem(this.focusedItemInfo.index);if(this.isProccessedItemGroup(i)){if(this.vertical)if(e.ObjectUtils.isNotEmpty(this.activeItem)&&this.activeItem.key===i.key)this.focusedItemInfo={index:-1,key:"",parentKey:this.activeItem.key};else{var n=this.findVisibleItem(this.focusedItemInfo.index);this.isProccessedItemGroup(n)&&(this.onItemChange({originalEvent:t,processedItem:n}),this.focusedItemInfo={index:-1,key:n.key,parentKey:n.parentKey},this.searchValue="")}var s=-1!==this.focusedItemInfo.index?this.findNextItemIndex(this.focusedItemInfo.index):this.findFirstFocusedItemIndex();this.changeFocusedItemInfo(t,s)}else{var o=i.columnIndex+1,r=this.visibleItems.findIndex((function(e){return e.columnIndex===o}));-1!==r&&this.changeFocusedItemInfo(t,r)}t.preventDefault()},onHomeKey:function(e){this.changeFocusedItemInfo(e,this.findFirstItemIndex()),e.preventDefault()},onEndKey:function(e){this.changeFocusedItemInfo(e,this.findLastItemIndex()),e.preventDefault()},onEnterKey:function(t){if(-1!==this.focusedItemInfo.index){var i=e.DomHandler.findSingle(this.menubar,'li[id="'.concat("".concat(this.focusedItemId),'"]')),n=i&&e.DomHandler.findSingle(i,'a[data-pc-section="action"]');n?n.click():i&&i.click(),!this.isProccessedItemGroup(this.visibleItems[this.focusedItemInfo.index])&&this.changeFocusedItemInfo(t,this.findFirstFocusedItemIndex())}t.preventDefault()},onSpaceKey:function(e){this.onEnterKey(e)},onEscapeKey:function(t){e.ObjectUtils.isNotEmpty(this.activeItem)&&(this.focusedItemInfo={index:this.activeItem.index,key:this.activeItem.key},this.activeItem=null),t.preventDefault()},onTabKey:function(e){if(-1!==this.focusedItemInfo.index){var t=this.findVisibleItem(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.container&&!e.container.contains(t.target),n=!e.popup||!(e.target&&(e.target===t.target||e.target.contains(t.target)));i&&n&&e.hide()},document.addEventListener("click",this.outsideClickListener))},unbindOutsideClickListener:function(){this.outsideClickListener&&(document.removeEventListener("click",this.outsideClickListener),this.outsideClickListener=null)},bindResizeListener:function(){var t=this;this.resizeListener||(this.resizeListener=function(i){e.DomHandler.isTouchDevice()||t.hide(i,!0)},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(t){return!!e.ObjectUtils.isNotEmpty(this.activeItem)&&this.activeItem.key===t.key},findFirstItemIndex:function(){var e=this;return this.visibleItems.findIndex((function(t){return e.isValidItem(t)}))},findLastItemIndex:function(){var t=this;return e.ObjectUtils.findLastIndex(this.visibleItems,(function(e){return t.isValidItem(e)}))},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(t){var i=this,n=t>0?e.ObjectUtils.findLastIndex(this.visibleItems.slice(0,t),(function(e){return i.isValidItem(e)})):-1;return n>-1?n:t},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},findVisibleItem:function(t){return e.ObjectUtils.isNotEmpty(this.visibleItems)?this.visibleItems[t]:null},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.changeFocusedItemInfo(e,n),this.searchTimeout&&clearTimeout(this.searchTimeout),this.searchTimeout=setTimeout((function(){i.searchValue="",i.searchTimeout=null}),500),s},changeFocusedItemInfo:function(t,i){var n=this.findVisibleItem(i);this.focusedItemInfo.index=i,this.focusedItemInfo.key=e.ObjectUtils.isNotEmpty(n)?n.key:"",this.scrollInView()},scrollInView:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:-1,i=-1!==t?"".concat(this.id,"_").concat(t):this.focusedItemId,n=e.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=arguments.length>4?arguments[4]:void 0,r=[];return e&&e.forEach((function(e,c){var a=(""!==s?s+"_":"")+(void 0!==o?o+"_":"")+c,m={item:e,index:c,level:i,key:a,parent:n,parentKey:s,columnIndex:void 0!==o?o:void 0!==n.columnIndex?n.columnIndex:c};m.items=0===i&&e.items&&e.items.length>0?e.items.map((function(e,n){return t.createProcessedItems(e,i+1,m,a,n)})):t.createProcessedItems(e.items,i+1,m,a),r.push(m)})),r},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 t=e.ObjectUtils.isNotEmpty(this.activeItem)?this.activeItem:null;return t&&t.key===this.focusedItemInfo.parentKey?t.items.reduce((function(e,t){return t.forEach((function(t){t.items.forEach((function(t){e.push(t)}))})),e}),[]):this.processedItems},horizontal:function(){return"horizontal"===this.orientation},vertical:function(){return"vertical"===this.orientation},focusedItemId:function(){return e.ObjectUtils.isNotEmpty(this.focusedItemInfo.key)?"".concat(this.id,"_").concat(this.focusedItemInfo.key):null}},components:{MegaMenuSub:d}},g=["id"];return v.render=function(e,t,i,n,s,o){var c=r.resolveComponent("MegaMenuSub");return r.openBlock(),r.createElementBlock("div",r.mergeProps({ref:o.containerRef,id:s.id,class:e.cx("root")},e.ptm("root"),{"data-pc-name":"megamenu"}),[e.$slots.start?(r.openBlock(),r.createElementBlock("div",r.mergeProps({key:0,class:e.cx("start")},e.ptm("start")),[r.renderSlot(e.$slots,"start")],16)):r.createCommentVNode("",!0),r.createVNode(c,{ref:o.menubarRef,id:s.id+"_list",tabindex:e.disabled?-1:e.tabindex,role:"menubar","aria-label":e.ariaLabel,"aria-labelledby":e.ariaLabelledby,"aria-disabled":e.disabled||void 0,"aria-orientation":e.orientation,"aria-activedescendant":s.focused?o.focusedItemId:void 0,menuId:s.id,focusedItemId:s.focused?o.focusedItemId:void 0,items:o.processedItems,horizontal:o.horizontal,templates:e.$slots,activeItem:s.activeItem,level:0,pt:e.pt,unstyled:e.unstyled,onFocus:o.onFocus,onBlur:o.onBlur,onKeydown:o.onKeyDown,onItemClick:o.onItemClick,onItemMouseenter:o.onItemMouseEnter},null,8,["id","tabindex","aria-label","aria-labelledby","aria-disabled","aria-orientation","aria-activedescendant","menuId","focusedItemId","items","horizontal","templates","activeItem","pt","unstyled","onFocus","onBlur","onKeydown","onItemClick","onItemMouseenter"]),e.$slots.end?(r.openBlock(),r.createElementBlock("div",r.mergeProps({key:1,class:e.cx("end")},e.ptm("end")),[r.renderSlot(e.$slots,"end")],16)):r.createCommentVNode("",!0)],16,g)},v}(primevue.utils,primevue.basecomponent,primevue.megamenu.style,primevue.icons.angledown,primevue.icons.angleright,primevue.ripple,Vue);
|
|
1
|
+
this.primevue=this.primevue||{},this.primevue.megamenu=function(e,t,i,n,s,o,r,c){"use strict";function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var m=a(e),l=a(i),u=a(n),d=a(s),I={name:"BaseMegaMenu",extends:l.default,props:{model:{type:Array,default:null},orientation:{type:String,default:"horizontal"},breakpoint:{type:String,default:"960px"},disabled:{type:Boolean,default:!1},tabindex:{type:Number,default:0},"aria-labelledby":{type:String,default:null},"aria-label":{type:String,default:null}},style:u.default,provide:function(){return{$parentInstance:this}}},h={name:"MegaMenuSub",hostName:"MegaMenu",extends:l.default,emits:["item-click","item-mouseenter"],props:{menuId:{type:String,default:null},focusedItemId:{type:String,default:null},horizontal:{type:Boolean,default:!1},submenu:{type:Object,default:null},mobileActive:{type:Boolean,default:!1},items:{type:Array,default:null},level:{type:Number,default:0},templates:{type:Object,default:null},activeItem:{type:Object,default:null},tabindex:{type:Number,default:0}},methods:{getSubListId:function(e){return"".concat(this.getItemId(e),"_list")},getSubListKey:function(e){return this.getSubListId(e)},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)}})},isItemActive:function(e){return!!t.ObjectUtils.isNotEmpty(this.activeItem)&&this.activeItem.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=["tabindex"],p=["id","aria-label","aria-disabled","aria-expanded","aria-haspopup","aria-level","aria-setsize","aria-posinset","data-p-highlight","data-p-focused","data-p-disabled"],b=["onClick","onMouseenter"],v=["href","target"],g=["id"];h.render=function(e,t,i,n,s,o){var r=c.resolveComponent("MegaMenuSub",!0),a=c.resolveDirective("ripple");return c.openBlock(),c.createElementBlock("ul",c.mergeProps({class:e.cx(0===i.level?"menu":"submenu"),tabindex:i.tabindex},e.ptm(0===i.level?"menu":"submenu")),[i.submenu?(c.openBlock(),c.createElementBlock("li",c.mergeProps({key:0,class:[e.cx("submenuHeader",{submenu:i.submenu}),o.getItemProp(i.submenu,"class")],style:o.getItemProp(i.submenu,"style"),role:"presentation"},e.ptm("submenuHeader")),c.toDisplayString(o.getItemLabel(i.submenu)),17)):c.createCommentVNode("",!0),(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,hasSubmenu:o.isItemGroup(n),label:o.getItemLabel(n),props:o.getMenuItemProps(n,s)},null,8,["item","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(0===i.level?"label":"submenuLabel")},o.getPTOptions(n,s,0===i.level?"label":"submenuLabel")),c.toDisplayString(o.getItemLabel(n)),17),o.isItemGroup(n)?(c.openBlock(),c.createElementBlock(c.Fragment,{key:2},[i.templates.submenuicon?(c.openBlock(),c.createBlock(c.resolveDynamicComponent(i.templates.submenuicon),c.mergeProps({key:0,active:o.isItemActive(n),class:e.cx("submenuIcon")},o.getPTOptions(n,s,"submenuIcon")),null,16,["active","class"])):(c.openBlock(),c.createBlock(c.resolveDynamicComponent(i.horizontal||i.mobileActive?"AngleDownIcon":"AngleRightIcon"),c.mergeProps({key:1,class:e.cx("submenuIcon")},o.getPTOptions(n,s,"submenuIcon")),null,16,["class"]))],64)):c.createCommentVNode("",!0)],16,v)),[[a]])],16,b),o.isItemVisible(n)&&o.isItemGroup(n)?(c.openBlock(),c.createElementBlock("div",c.mergeProps({key:0,class:e.cx("panel")},e.ptm("panel")),[c.createElementVNode("div",c.mergeProps({class:e.cx("grid")},e.ptm("grid")),[(c.openBlock(!0),c.createElementBlock(c.Fragment,null,c.renderList(n.items,(function(s){return c.openBlock(),c.createElementBlock("div",c.mergeProps({key:o.getItemKey(s),class:e.cx("column",{processedItem:n})},e.ptm("column")),[(c.openBlock(!0),c.createElementBlock(c.Fragment,null,c.renderList(s,(function(s){return c.openBlock(),c.createBlock(r,{key:o.getSubListKey(s),id:o.getSubListId(s),style:c.normalizeStyle(e.sx("submenu",!0,{processedItem:n})),role:"menu",menuId:i.menuId,focusedItemId:i.focusedItemId,submenu:s,items:s.items,templates:i.templates,level:i.level+1,mobileActive:i.mobileActive,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,["id","style","menuId","focusedItemId","submenu","items","templates","level","mobileActive","pt","unstyled"])})),128))],16)})),128))],16)],16)):c.createCommentVNode("",!0)],16,p)):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,g)):c.createCommentVNode("",!0)],64)})),128))],16,f)};var y={name:"MegaMenu",extends:I,emits:["focus","blur"],outsideClickListener:null,resizeListener:null,container:null,menubar:null,searchTimeout:null,searchValue:null,data:function(){return{id:this.$attrs.id,mobileActive:!1,focused:!1,focusedItemInfo:{index:-1,key:"",parentKey:""},activeItem:null,dirty:!1,queryMatches:!1}},watch:{"$attrs.id":function(e){this.id=e||t.UniqueComponentId()},activeItem:function(e){t.ObjectUtils.isNotEmpty(e)?(this.bindOutsideClickListener(),this.bindResizeListener()):(this.unbindOutsideClickListener(),this.unbindResizeListener())}},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()},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.activeItem=null,this.focusedItemInfo={index:-1,key:"",parentKey:""},i&&t.DomHandler.focus(this.menubar),this.dirty=!1},onFocus:function(e){if(this.focused=!0,-1===this.focusedItemInfo.index){var t=this.findFirstFocusedItemIndex(),i=this.findVisibleItem(t);this.focusedItemInfo={index:t,key:i.key,parentKey:i.parentKey}}this.$emit("focus",e)},onBlur:function(e){this.focused=!1,this.focusedItemInfo={index:-1,key:"",parentKey:""},this.searchValue="",this.dirty=!1,this.$emit("blur",e)},onKeyDown:function(e){if(this.disabled)e.preventDefault();else{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.parentKey,c=t.ObjectUtils.isNotEmpty(i.items);c&&(this.activeItem=i),this.focusedItemInfo={index:s,key:o,parentKey:r},c&&(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.parentKey;this.activeItem=null,this.focusedItemInfo={index:r,key:c,parentKey:a},this.dirty=!o,t.DomHandler.focus(this.menubar)}else if(s)this.onItemChange(e);else{var m=o?n:this.activeItem;this.hide(i),this.changeFocusedItemInfo(i,m?m.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){if(this.horizontal)if(t.ObjectUtils.isNotEmpty(this.activeItem)&&this.activeItem.key===this.focusedItemInfo.key)this.focusedItemInfo={index:-1,key:"",parentKey:this.activeItem.key};else{var i=this.findVisibleItem(this.focusedItemInfo.index);this.isProccessedItemGroup(i)&&(this.onItemChange({originalEvent:e,processedItem:i}),this.focusedItemInfo={index:-1,key:i.key,parentKey:i.parentKey},this.searchValue="")}var n=-1!==this.focusedItemInfo.index?this.findNextItemIndex(this.focusedItemInfo.index):this.findFirstFocusedItemIndex();this.changeFocusedItemInfo(e,n),e.preventDefault()},onArrowUpKey:function(e){if(e.altKey&&this.horizontal){if(-1!==this.focusedItemInfo.index){var i=this.findVisibleItem(this.focusedItemInfo.index);!this.isProccessedItemGroup(i)&&t.ObjectUtils.isNotEmpty(this.activeItem)&&(0===this.focusedItemInfo.index?(this.focusedItemInfo={index:this.activeItem.index,key:this.activeItem.key,parentKey:this.activeItem.parentKey},this.activeItem=null):this.changeFocusedItemInfo(e,this.findFirstItemIndex()))}e.preventDefault()}else{var n=-1!==this.focusedItemInfo.index?this.findPrevItemIndex(this.focusedItemInfo.index):this.findLastFocusedItemIndex();this.changeFocusedItemInfo(e,n),e.preventDefault()}},onArrowLeftKey:function(e){var i=this.findVisibleItem(this.focusedItemInfo.index);if(this.isProccessedItemGroup(i)){if(this.horizontal){var n=-1!==this.focusedItemInfo.index?this.findPrevItemIndex(this.focusedItemInfo.index):this.findLastFocusedItemIndex();this.changeFocusedItemInfo(e,n)}}else{this.vertical&&t.ObjectUtils.isNotEmpty(this.activeItem)&&0===i.columnIndex&&(this.focusedItemInfo={index:this.activeItem.index,key:this.activeItem.key,parentKey:this.activeItem.parentKey},this.activeItem=null);var s=i.columnIndex-1,o=this.visibleItems.findIndex((function(e){return e.columnIndex===s}));-1!==o&&this.changeFocusedItemInfo(e,o)}e.preventDefault()},onArrowRightKey:function(e){var i=this.findVisibleItem(this.focusedItemInfo.index);if(this.isProccessedItemGroup(i)){if(this.vertical)if(t.ObjectUtils.isNotEmpty(this.activeItem)&&this.activeItem.key===i.key)this.focusedItemInfo={index:-1,key:"",parentKey:this.activeItem.key};else{var n=this.findVisibleItem(this.focusedItemInfo.index);this.isProccessedItemGroup(n)&&(this.onItemChange({originalEvent:e,processedItem:n}),this.focusedItemInfo={index:-1,key:n.key,parentKey:n.parentKey},this.searchValue="")}var s=-1!==this.focusedItemInfo.index?this.findNextItemIndex(this.focusedItemInfo.index):this.findFirstFocusedItemIndex();this.changeFocusedItemInfo(e,s)}else{var o=i.columnIndex+1,r=this.visibleItems.findIndex((function(e){return e.columnIndex===o}));-1!==r&&this.changeFocusedItemInfo(e,r)}e.preventDefault()},onHomeKey:function(e){this.changeFocusedItemInfo(e,this.findFirstItemIndex()),e.preventDefault()},onEndKey:function(e){this.changeFocusedItemInfo(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.changeFocusedItemInfo(e,this.findFirstFocusedItemIndex())}e.preventDefault()},onSpaceKey:function(e){this.onEnterKey(e)},onEscapeKey:function(e){t.ObjectUtils.isNotEmpty(this.activeItem)&&(this.focusedItemInfo={index:this.activeItem.index,key:this.activeItem.key},this.activeItem=null),e.preventDefault()},onTabKey:function(e){if(-1!==this.focusedItemInfo.index){var t=this.findVisibleItem(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.container&&!e.container.contains(t.target),n=!(e.target&&(e.target===t.target||e.target.contains(t.target)));i&&n&&e.hide()},document.addEventListener("click",this.outsideClickListener))},unbindOutsideClickListener:function(){this.outsideClickListener&&(document.removeEventListener("click",this.outsideClickListener),this.outsideClickListener=null)},bindResizeListener:function(){var e=this;this.resizeListener||(this.resizeListener=function(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!!t.ObjectUtils.isNotEmpty(this.activeItem)&&this.activeItem.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},findVisibleItem:function(e){return t.ObjectUtils.isNotEmpty(this.visibleItems)?this.visibleItems[e]:null},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.changeFocusedItemInfo(e,n),this.searchTimeout&&clearTimeout(this.searchTimeout),this.searchTimeout=setTimeout((function(){i.searchValue="",i.searchTimeout=null}),500),s},changeFocusedItemInfo:function(e,i){var n=this.findVisibleItem(i);this.focusedItemInfo.index=i,this.focusedItemInfo.key=t.ObjectUtils.isNotEmpty(n)?n.key:"",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=arguments.length>4?arguments[4]:void 0,r=[];return e&&e.forEach((function(e,c){var a=(""!==s?s+"_":"")+(void 0!==o?o+"_":"")+c,m={item:e,index:c,level:i,key:a,parent:n,parentKey:s,columnIndex:void 0!==o?o:void 0!==n.columnIndex?n.columnIndex:c};m.items=0===i&&e.items&&e.items.length>0?e.items.map((function(e,n){return t.createProcessedItems(e,i+1,m,a,n)})):t.createProcessedItems(e.items,i+1,m,a),r.push(m)})),r},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=t.ObjectUtils.isNotEmpty(this.activeItem)?this.activeItem:null;return e&&e.key===this.focusedItemInfo.parentKey?e.items.reduce((function(e,t){return t.forEach((function(t){t.items.forEach((function(t){e.push(t)}))})),e}),[]):this.processedItems},horizontal:function(){return"horizontal"===this.orientation},vertical:function(){return"vertical"===this.orientation},focusedItemId:function(){return t.ObjectUtils.isNotEmpty(this.focusedItemInfo.key)?"".concat(this.id,"_").concat(this.focusedItemInfo.key):null}},components:{MegaMenuSub:h,BarsIcon:m.default}},k=["id"],x=["aria-haspopup","aria-expanded","aria-controls","aria-label"];return y.render=function(e,t,i,n,s,o){var r,a=c.resolveComponent("BarsIcon"),m=c.resolveComponent("MegaMenuSub");return c.openBlock(),c.createElementBlock("div",c.mergeProps({ref:o.containerRef,id:s.id,class:e.cx("root")},e.ptm("root"),{"data-pc-name":"megamenu"}),[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("menubutton"),"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)})},e.ptm("menubutton")),[c.renderSlot(e.$slots,"menubuttonicon",{},(function(){return[c.createVNode(a,c.normalizeProps(c.guardReactiveProps(e.ptm("menubuttonicon"))),null,16)]}))],16,x)):c.createCommentVNode("",!0),c.createVNode(m,{ref:o.menubarRef,id:s.id+"_list",tabindex:e.disabled?-1:e.tabindex,role:"menubar","aria-label":e.ariaLabel,"aria-labelledby":e.ariaLabelledby,"aria-disabled":e.disabled||void 0,"aria-orientation":e.orientation,"aria-activedescendant":s.focused?o.focusedItemId:void 0,menuId:s.id,focusedItemId:s.focused?o.focusedItemId:void 0,items:o.processedItems,horizontal:o.horizontal,templates:e.$slots,activeItem:s.activeItem,mobileActive:s.mobileActive,level:0,pt:e.pt,unstyled:e.unstyled,onFocus:o.onFocus,onBlur:o.onBlur,onKeydown:o.onKeyDown,onItemClick:o.onItemClick,onItemMouseenter:o.onItemMouseEnter},null,8,["id","tabindex","aria-label","aria-labelledby","aria-disabled","aria-orientation","aria-activedescendant","menuId","focusedItemId","items","horizontal","templates","activeItem","mobileActive","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,k)},y}(primevue.icons.bars,primevue.utils,primevue.basecomponent,primevue.megamenu.style,primevue.icons.angledown,primevue.icons.angleright,primevue.ripple,Vue);
|
|
@@ -6,7 +6,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
|
|
|
6
6
|
|
|
7
7
|
var BaseStyle__default = /*#__PURE__*/_interopDefaultLegacy(BaseStyle);
|
|
8
8
|
|
|
9
|
-
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
|
|
9
|
+
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";
|
|
10
10
|
var inlineStyles = {
|
|
11
11
|
submenu: function submenu(_ref) {
|
|
12
12
|
var instance = _ref.instance,
|
|
@@ -20,11 +20,14 @@ var classes = {
|
|
|
20
20
|
root: function root(_ref2) {
|
|
21
21
|
var instance = _ref2.instance;
|
|
22
22
|
return ['p-megamenu p-component', {
|
|
23
|
+
'p-megamenu-mobile': instance.queryMatches,
|
|
24
|
+
'p-megamenu-mobile-active': instance.mobileActive,
|
|
23
25
|
'p-megamenu-horizontal': instance.horizontal,
|
|
24
26
|
'p-megamenu-vertical': instance.vertical
|
|
25
27
|
}];
|
|
26
28
|
},
|
|
27
29
|
start: 'p-megamenu-start',
|
|
30
|
+
menubutton: 'p-megamenu-button',
|
|
28
31
|
menu: 'p-megamenu-root-list',
|
|
29
32
|
submenuHeader: function submenuHeader(_ref3) {
|
|
30
33
|
var instance = _ref3.instance,
|
|
@@ -54,22 +57,24 @@ var classes = {
|
|
|
54
57
|
processedItem = _ref5.processedItem;
|
|
55
58
|
var length = instance.isItemGroup(processedItem) ? processedItem.items.length : 0;
|
|
56
59
|
var columnClass;
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
60
|
+
if (instance.$parentInstance.queryMatches) columnClass = 'p-megamenu-col-12';else {
|
|
61
|
+
switch (length) {
|
|
62
|
+
case 2:
|
|
63
|
+
columnClass = 'p-megamenu-col-6';
|
|
64
|
+
break;
|
|
65
|
+
case 3:
|
|
66
|
+
columnClass = 'p-megamenu-col-4';
|
|
67
|
+
break;
|
|
68
|
+
case 4:
|
|
69
|
+
columnClass = 'p-megamenu-col-3';
|
|
70
|
+
break;
|
|
71
|
+
case 6:
|
|
72
|
+
columnClass = 'p-megamenu-col-2';
|
|
73
|
+
break;
|
|
74
|
+
default:
|
|
75
|
+
columnClass = 'p-megamenu-col-12';
|
|
76
|
+
break;
|
|
77
|
+
}
|
|
73
78
|
}
|
|
74
79
|
return columnClass;
|
|
75
80
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";function
|
|
1
|
+
"use strict";function n(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var e=n(require("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(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"}}}});module.exports=e;
|