primevue 3.32.2 → 3.33.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/accordion/accordion.cjs.js +3 -3
- package/accordion/accordion.esm.js +3 -3
- package/accordion/accordion.js +3 -3
- package/autocomplete/autocomplete.cjs.js +4 -4
- package/autocomplete/autocomplete.esm.js +4 -4
- package/autocomplete/autocomplete.js +4 -4
- package/badgedirective/badgedirective.cjs.js +3 -3
- package/badgedirective/badgedirective.esm.js +3 -3
- package/badgedirective/badgedirective.js +3 -3
- package/basecomponent/BaseComponent.vue +3 -3
- package/basecomponent/basecomponent.cjs.js +12 -11
- package/basecomponent/basecomponent.cjs.min.js +1 -1
- package/basecomponent/basecomponent.esm.js +12 -11
- package/basecomponent/basecomponent.esm.min.js +1 -1
- package/basecomponent/basecomponent.js +12 -11
- package/basecomponent/basecomponent.min.js +1 -1
- package/basedirective/basedirective.cjs.js +10 -10
- package/basedirective/basedirective.cjs.min.js +1 -1
- package/basedirective/basedirective.esm.js +10 -10
- package/basedirective/basedirective.esm.min.js +1 -1
- package/basedirective/basedirective.js +10 -10
- package/basedirective/basedirective.min.js +1 -1
- package/breadcrumb/Breadcrumb.d.ts +8 -0
- package/breadcrumb/Breadcrumb.vue +7 -2
- package/breadcrumb/BreadcrumbItem.vue +28 -3
- package/breadcrumb/breadcrumb.cjs.js +35 -8
- package/breadcrumb/breadcrumb.cjs.min.js +1 -1
- package/breadcrumb/breadcrumb.esm.js +36 -9
- package/breadcrumb/breadcrumb.esm.min.js +1 -1
- package/breadcrumb/breadcrumb.js +35 -8
- package/breadcrumb/breadcrumb.min.js +1 -1
- package/button/button.cjs.js +1 -1
- package/button/button.esm.js +1 -1
- package/button/button.js +1 -1
- package/calendar/Calendar.d.ts +1 -1
- package/calendar/Calendar.vue +63 -29
- package/calendar/calendar.cjs.js +137 -51
- package/calendar/calendar.cjs.min.js +1 -1
- package/calendar/calendar.esm.js +137 -51
- package/calendar/calendar.esm.min.js +1 -1
- package/calendar/calendar.js +137 -51
- package/calendar/calendar.min.js +1 -1
- package/carousel/Carousel.vue +22 -2
- package/carousel/carousel.cjs.js +9 -5
- package/carousel/carousel.cjs.min.js +1 -1
- package/carousel/carousel.esm.js +9 -5
- package/carousel/carousel.esm.min.js +1 -1
- package/carousel/carousel.js +9 -5
- package/carousel/carousel.min.js +1 -1
- package/cascadeselect/cascadeselect.cjs.js +3 -3
- package/cascadeselect/cascadeselect.esm.js +3 -3
- package/cascadeselect/cascadeselect.js +3 -3
- package/chart/chart.cjs.js +3 -3
- package/chart/chart.esm.js +3 -3
- package/chart/chart.js +3 -3
- package/checkbox/checkbox.cjs.js +3 -3
- package/checkbox/checkbox.esm.js +3 -3
- package/checkbox/checkbox.js +3 -3
- package/chips/chips.cjs.js +3 -3
- package/chips/chips.esm.js +3 -3
- package/chips/chips.js +3 -3
- package/config/config.cjs.js +3 -3
- package/config/config.esm.js +3 -3
- package/config/config.js +3 -3
- package/confirmpopup/confirmpopup.cjs.js +3 -3
- package/confirmpopup/confirmpopup.esm.js +3 -3
- package/confirmpopup/confirmpopup.js +3 -3
- package/contextmenu/ContextMenu.d.ts +8 -0
- package/contextmenu/ContextMenu.vue +13 -7
- package/contextmenu/ContextMenuSub.vue +34 -2
- package/contextmenu/contextmenu.cjs.js +41 -14
- package/contextmenu/contextmenu.cjs.min.js +1 -1
- package/contextmenu/contextmenu.esm.js +42 -15
- package/contextmenu/contextmenu.esm.min.js +1 -1
- package/contextmenu/contextmenu.js +41 -14
- package/contextmenu/contextmenu.min.js +1 -1
- package/core/core.js +175 -106
- package/core/core.min.js +11 -11
- package/datatable/BodyCell.vue +14 -4
- package/datatable/DataTable.d.ts +16 -0
- package/datatable/DataTable.vue +6 -3
- package/datatable/TableBody.vue +6 -7
- package/datatable/datatable.cjs.js +61 -55
- package/datatable/datatable.cjs.min.js +1 -1
- package/datatable/datatable.esm.js +61 -55
- package/datatable/datatable.esm.min.js +1 -1
- package/datatable/datatable.js +61 -55
- package/datatable/datatable.min.js +1 -1
- package/dialog/Dialog.vue +2 -2
- package/dialog/dialog.cjs.js +7 -5
- package/dialog/dialog.cjs.min.js +1 -1
- package/dialog/dialog.esm.js +8 -6
- package/dialog/dialog.esm.min.js +1 -1
- package/dialog/dialog.js +7 -5
- package/dialog/dialog.min.js +1 -1
- package/dock/Dock.d.ts +8 -0
- package/dock/Dock.vue +5 -0
- package/dock/DockSub.vue +20 -1
- package/dock/dock.cjs.js +21 -2
- package/dock/dock.cjs.min.js +1 -1
- package/dock/dock.esm.js +22 -3
- package/dock/dock.esm.min.js +1 -1
- package/dock/dock.js +21 -2
- package/dock/dock.min.js +1 -1
- package/dropdown/dropdown.cjs.js +6 -6
- package/dropdown/dropdown.esm.js +6 -6
- package/dropdown/dropdown.js +6 -6
- package/editor/editor.cjs.js +3 -3
- package/editor/editor.esm.js +3 -3
- package/editor/editor.js +3 -3
- package/fieldset/fieldset.cjs.js +4 -4
- package/fieldset/fieldset.esm.js +4 -4
- package/fieldset/fieldset.js +4 -4
- package/fileupload/FileUpload.vue +1 -1
- package/fileupload/fileupload.cjs.js +1 -1
- package/fileupload/fileupload.cjs.min.js +1 -1
- package/fileupload/fileupload.esm.js +1 -1
- package/fileupload/fileupload.esm.min.js +1 -1
- package/fileupload/fileupload.js +1 -1
- package/fileupload/fileupload.min.js +1 -1
- package/galleria/galleria.cjs.js +9 -9
- package/galleria/galleria.esm.js +9 -9
- package/galleria/galleria.js +9 -9
- package/image/image.cjs.js +3 -3
- package/image/image.esm.js +3 -3
- package/image/image.js +3 -3
- package/inplace/inplace.cjs.js +3 -3
- package/inplace/inplace.esm.js +3 -3
- package/inplace/inplace.js +3 -3
- package/inputnumber/inputnumber.cjs.js +6 -6
- package/inputnumber/inputnumber.esm.js +6 -6
- package/inputnumber/inputnumber.js +6 -6
- package/inputswitch/inputswitch.cjs.js +3 -3
- package/inputswitch/inputswitch.esm.js +3 -3
- package/inputswitch/inputswitch.js +3 -3
- package/listbox/listbox.cjs.js +3 -3
- package/listbox/listbox.esm.js +3 -3
- package/listbox/listbox.js +3 -3
- package/megamenu/MegaMenu.d.ts +12 -0
- package/megamenu/MegaMenu.vue +6 -30
- package/megamenu/MegaMenuSub.vue +34 -3
- package/megamenu/megamenu.cjs.js +36 -39
- package/megamenu/megamenu.cjs.min.js +1 -1
- package/megamenu/megamenu.esm.js +37 -40
- package/megamenu/megamenu.esm.min.js +1 -1
- package/megamenu/megamenu.js +36 -39
- package/megamenu/megamenu.min.js +1 -1
- package/menu/Menu.d.ts +18 -0
- package/menu/Menu.vue +6 -1
- package/menu/Menuitem.vue +26 -1
- package/menu/menu.cjs.js +29 -7
- package/menu/menu.cjs.min.js +1 -1
- package/menu/menu.esm.js +30 -8
- package/menu/menu.esm.min.js +1 -1
- package/menu/menu.js +29 -7
- package/menu/menu.min.js +1 -1
- package/menubar/Menubar.d.ts +16 -0
- package/menubar/Menubar.vue +6 -0
- package/menubar/MenubarSub.vue +32 -1
- package/menubar/menubar.cjs.js +34 -6
- package/menubar/menubar.cjs.min.js +1 -1
- package/menubar/menubar.esm.js +35 -7
- package/menubar/menubar.esm.min.js +1 -1
- package/menubar/menubar.js +34 -6
- package/menubar/menubar.min.js +1 -1
- package/menuitem/MenuItem.d.ts +1 -0
- package/message/message.cjs.js +3 -3
- package/message/message.esm.js +3 -3
- package/message/message.js +3 -3
- package/multiselect/multiselect.cjs.js +6 -6
- package/multiselect/multiselect.esm.js +6 -6
- package/multiselect/multiselect.js +6 -6
- package/orderlist/orderlist.cjs.js +3 -3
- package/orderlist/orderlist.esm.js +3 -3
- package/orderlist/orderlist.js +3 -3
- package/organizationchart/organizationchart.cjs.js +4 -4
- package/organizationchart/organizationchart.esm.js +4 -4
- package/organizationchart/organizationchart.js +4 -4
- package/overlaypanel/overlaypanel.cjs.js +3 -3
- package/overlaypanel/overlaypanel.esm.js +3 -3
- package/overlaypanel/overlaypanel.js +3 -3
- package/package.json +1 -1
- package/paginator/FirstPageLink.vue +1 -1
- package/paginator/JumpToPageDropdown.vue +1 -0
- package/paginator/LastPageLink.vue +1 -1
- package/paginator/NextPageLink.vue +1 -1
- package/paginator/PrevPageLink.vue +1 -1
- package/paginator/RowsPerPageDropdown.vue +1 -0
- package/paginator/paginator.cjs.js +19 -9
- package/paginator/paginator.cjs.min.js +1 -1
- package/paginator/paginator.esm.js +19 -9
- package/paginator/paginator.esm.min.js +1 -1
- package/paginator/paginator.js +19 -9
- package/paginator/paginator.min.js +1 -1
- package/panel/panel.cjs.js +3 -3
- package/panel/panel.esm.js +3 -3
- package/panel/panel.js +3 -3
- package/panelmenu/PanelMenu.d.ts +12 -0
- package/panelmenu/PanelMenu.vue +6 -0
- package/panelmenu/PanelMenuList.vue +1 -0
- package/panelmenu/PanelMenuSub.vue +33 -1
- package/panelmenu/panelmenu.cjs.js +41 -12
- package/panelmenu/panelmenu.cjs.min.js +1 -1
- package/panelmenu/panelmenu.esm.js +42 -13
- package/panelmenu/panelmenu.esm.min.js +1 -1
- package/panelmenu/panelmenu.js +41 -12
- package/panelmenu/panelmenu.min.js +1 -1
- package/passthrough/index.cjs.js +15 -9
- package/passthrough/index.cjs.min.js +1 -1
- package/passthrough/index.d.ts +2 -2
- package/passthrough/index.esm.js +15 -9
- package/passthrough/index.esm.min.js +1 -1
- package/passthrough/index.js +15 -9
- package/passthrough/index.min.js +1 -1
- package/passthrough/tailwind/index.cjs.js +3 -3
- package/passthrough/tailwind/index.cjs.min.js +1 -1
- package/passthrough/tailwind/index.esm.js +3 -3
- package/passthrough/tailwind/index.esm.min.js +1 -1
- package/passthrough/tailwind/index.js +3 -3
- package/passthrough/tailwind/index.min.js +1 -1
- package/password/password.cjs.js +3 -3
- package/password/password.esm.js +3 -3
- package/password/password.js +3 -3
- package/picklist/picklist.cjs.js +3 -3
- package/picklist/picklist.esm.js +3 -3
- package/picklist/picklist.js +3 -3
- package/radiobutton/radiobutton.cjs.js +3 -3
- package/radiobutton/radiobutton.esm.js +3 -3
- package/radiobutton/radiobutton.js +3 -3
- package/sidebar/sidebar.cjs.js +3 -3
- package/sidebar/sidebar.esm.js +3 -3
- package/sidebar/sidebar.js +3 -3
- package/speeddial/speeddial.cjs.js +4 -4
- package/speeddial/speeddial.esm.js +4 -4
- package/speeddial/speeddial.js +4 -4
- package/splitbutton/SplitButton.d.ts +14 -0
- package/splitbutton/SplitButton.vue +6 -2
- package/splitbutton/splitbutton.cjs.js +17 -9
- package/splitbutton/splitbutton.cjs.min.js +1 -1
- package/splitbutton/splitbutton.esm.js +18 -10
- package/splitbutton/splitbutton.esm.min.js +1 -1
- package/splitbutton/splitbutton.js +17 -9
- package/splitbutton/splitbutton.min.js +1 -1
- package/steps/Steps.d.ts +12 -0
- package/steps/Steps.vue +31 -1
- package/steps/steps.cjs.js +31 -3
- package/steps/steps.cjs.min.js +1 -1
- package/steps/steps.esm.js +31 -3
- package/steps/steps.esm.min.js +1 -1
- package/steps/steps.js +32 -4
- package/steps/steps.min.js +1 -1
- package/tabmenu/TabMenu.d.ts +8 -0
- package/tabmenu/TabMenu.vue +27 -1
- package/tabmenu/tabmenu.cjs.js +26 -3
- package/tabmenu/tabmenu.cjs.min.js +1 -1
- package/tabmenu/tabmenu.esm.js +26 -3
- package/tabmenu/tabmenu.esm.min.js +1 -1
- package/tabmenu/tabmenu.js +27 -4
- package/tabmenu/tabmenu.min.js +1 -1
- package/tabview/tabview.cjs.js +3 -3
- package/tabview/tabview.esm.js +3 -3
- package/tabview/tabview.js +3 -3
- package/tieredmenu/TieredMenu.d.ts +12 -0
- package/tieredmenu/TieredMenu.vue +6 -0
- package/tieredmenu/TieredMenuSub.vue +33 -1
- package/tieredmenu/tieredmenu.cjs.js +35 -7
- package/tieredmenu/tieredmenu.cjs.min.js +1 -1
- package/tieredmenu/tieredmenu.esm.js +36 -8
- package/tieredmenu/tieredmenu.esm.min.js +1 -1
- package/tieredmenu/tieredmenu.js +35 -7
- package/tieredmenu/tieredmenu.min.js +1 -1
- package/toast/toast.cjs.js +7 -7
- package/toast/toast.esm.js +7 -7
- package/toast/toast.js +7 -7
- package/togglebutton/togglebutton.cjs.js +3 -3
- package/togglebutton/togglebutton.esm.js +3 -3
- package/togglebutton/togglebutton.js +3 -3
- package/tooltip/tooltip.cjs.js +2 -2
- package/tooltip/tooltip.esm.js +2 -2
- package/tooltip/tooltip.js +2 -2
- package/tree/Tree.vue +1 -1
- package/tree/tree.cjs.js +7 -7
- package/tree/tree.cjs.min.js +1 -1
- package/tree/tree.esm.js +7 -7
- package/tree/tree.esm.min.js +1 -1
- package/tree/tree.js +7 -7
- package/tree/tree.min.js +1 -1
- package/treeselect/treeselect.cjs.js +6 -6
- package/treeselect/treeselect.esm.js +6 -6
- package/treeselect/treeselect.js +6 -6
- package/treetable/BodyCell.vue +1 -1
- package/treetable/treetable.cjs.js +21 -19
- package/treetable/treetable.cjs.min.js +1 -1
- package/treetable/treetable.esm.js +21 -19
- package/treetable/treetable.esm.min.js +1 -1
- package/treetable/treetable.js +21 -19
- package/treetable/treetable.min.js +1 -1
- package/tristatecheckbox/tristatecheckbox.cjs.js +3 -3
- package/tristatecheckbox/tristatecheckbox.esm.js +3 -3
- package/tristatecheckbox/tristatecheckbox.js +3 -3
- package/utils/utils.cjs.js +11 -11
- package/utils/utils.cjs.min.js +1 -1
- package/utils/utils.esm.js +11 -11
- package/utils/utils.esm.min.js +1 -1
- package/utils/utils.js +11 -11
- package/utils/utils.min.js +1 -1
- package/vetur-attributes.json +1 -1
- package/virtualscroller/BaseVirtualScroller.vue +3 -3
- package/virtualscroller/virtualscroller.cjs.js +6 -6
- package/virtualscroller/virtualscroller.cjs.min.js +1 -1
- package/virtualscroller/virtualscroller.esm.js +6 -6
- package/virtualscroller/virtualscroller.esm.min.js +1 -1
- package/virtualscroller/virtualscroller.js +6 -6
- package/virtualscroller/virtualscroller.min.js +1 -1
- package/web-types.json +13 -3
package/panel/panel.js
CHANGED
|
@@ -100,9 +100,9 @@ this.primevue.panel = (function (MinusIcon, PlusIcon, Ripple, utils, BaseCompone
|
|
|
100
100
|
}
|
|
101
101
|
};
|
|
102
102
|
|
|
103
|
-
function _typeof(
|
|
104
|
-
function ownKeys(
|
|
105
|
-
function _objectSpread(
|
|
103
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
104
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
105
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
106
106
|
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
107
107
|
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
108
108
|
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
package/panelmenu/PanelMenu.d.ts
CHANGED
|
@@ -238,6 +238,18 @@ export interface PanelMenuSlots {
|
|
|
238
238
|
* Menuitem instance
|
|
239
239
|
*/
|
|
240
240
|
item: MenuItem;
|
|
241
|
+
/**
|
|
242
|
+
* Label property of the menuitem
|
|
243
|
+
*/
|
|
244
|
+
label: string | ((...args: any) => string) | undefined;
|
|
245
|
+
/**
|
|
246
|
+
* Binding properties of the menuitem
|
|
247
|
+
*/
|
|
248
|
+
props: (...args: any) => string;
|
|
249
|
+
/**
|
|
250
|
+
* Whether or not there is a submenu
|
|
251
|
+
*/
|
|
252
|
+
hasSubmenu: boolean;
|
|
241
253
|
}): VNode[];
|
|
242
254
|
/**
|
|
243
255
|
* Custom submenu icon template.
|
package/panelmenu/PanelMenu.vue
CHANGED
|
@@ -50,6 +50,7 @@
|
|
|
50
50
|
@header-focus="updateFocusedHeader"
|
|
51
51
|
:exact="exact"
|
|
52
52
|
:pt="pt"
|
|
53
|
+
:unstyled="unstyled"
|
|
53
54
|
/>
|
|
54
55
|
</div>
|
|
55
56
|
</div>
|
|
@@ -81,6 +82,11 @@ export default {
|
|
|
81
82
|
this.id = newValue || UniqueComponentId();
|
|
82
83
|
}
|
|
83
84
|
},
|
|
85
|
+
beforeMount() {
|
|
86
|
+
if (!this.$slots.item) {
|
|
87
|
+
console.warn('In future versions, vue-router support will be removed. Item templating should be used.');
|
|
88
|
+
}
|
|
89
|
+
},
|
|
84
90
|
mounted() {
|
|
85
91
|
this.id = this.id || UniqueComponentId();
|
|
86
92
|
},
|
|
@@ -35,7 +35,7 @@
|
|
|
35
35
|
<span :class="cx('label')" v-bind="getPTOptions('label', processedItem, index)">{{ getItemLabel(processedItem) }}</span>
|
|
36
36
|
</a>
|
|
37
37
|
</template>
|
|
38
|
-
<component v-else :is="templates.item" :item="processedItem.item"></component>
|
|
38
|
+
<component v-else :is="templates.item" :item="processedItem.item" :hasSubmenu="isItemGroup(processedItem)" :label="getItemLabel(processedItem)" :props="getMenuItemProps(processedItem, index)"></component>
|
|
39
39
|
</div>
|
|
40
40
|
<transition name="p-toggleable-content" v-bind="ptm('transition')">
|
|
41
41
|
<div v-show="isItemActive(processedItem)" :class="cx('toggleableContent')" v-bind="ptm('toggleableContent')">
|
|
@@ -52,6 +52,7 @@
|
|
|
52
52
|
:exact="exact"
|
|
53
53
|
@item-toggle="onItemToggle"
|
|
54
54
|
:pt="pt"
|
|
55
|
+
:unstyled="unstyled"
|
|
55
56
|
v-bind="ptm('submenu')"
|
|
56
57
|
/>
|
|
57
58
|
</div>
|
|
@@ -74,6 +75,7 @@ import ChevronDownIcon from 'primevue/icons/chevrondown';
|
|
|
74
75
|
import ChevronRightIcon from 'primevue/icons/chevronright';
|
|
75
76
|
import Ripple from 'primevue/ripple';
|
|
76
77
|
import { ObjectUtils } from 'primevue/utils';
|
|
78
|
+
import { mergeProps } from 'vue';
|
|
77
79
|
|
|
78
80
|
export default {
|
|
79
81
|
name: 'PanelMenuSub',
|
|
@@ -167,6 +169,36 @@ export default {
|
|
|
167
169
|
},
|
|
168
170
|
getAriaPosInset(index) {
|
|
169
171
|
return index - this.items.slice(0, index).filter((processedItem) => this.isItemVisible(processedItem) && this.getItemProp(processedItem, 'separator')).length + 1;
|
|
172
|
+
},
|
|
173
|
+
getMenuItemProps(processedItem, index) {
|
|
174
|
+
return {
|
|
175
|
+
action: mergeProps(
|
|
176
|
+
{
|
|
177
|
+
class: this.cx('action'),
|
|
178
|
+
tabindex: -1,
|
|
179
|
+
'aria-hidden': true
|
|
180
|
+
},
|
|
181
|
+
this.getPTOptions('action', processedItem, index)
|
|
182
|
+
),
|
|
183
|
+
icon: mergeProps(
|
|
184
|
+
{
|
|
185
|
+
class: [this.cx('icon'), this.getItemProp(processedItem, 'icon')]
|
|
186
|
+
},
|
|
187
|
+
this.getPTOptions('icon', processedItem, index)
|
|
188
|
+
),
|
|
189
|
+
label: mergeProps(
|
|
190
|
+
{
|
|
191
|
+
class: this.cx('label')
|
|
192
|
+
},
|
|
193
|
+
this.getPTOptions('label', processedItem, index)
|
|
194
|
+
),
|
|
195
|
+
submenuicon: mergeProps(
|
|
196
|
+
{
|
|
197
|
+
class: this.cx('submenuIcon')
|
|
198
|
+
},
|
|
199
|
+
this.getPTOptions('submenuicon', processedItem, index)
|
|
200
|
+
)
|
|
201
|
+
};
|
|
170
202
|
}
|
|
171
203
|
},
|
|
172
204
|
components: {
|
|
@@ -209,6 +209,24 @@ var script$2 = {
|
|
|
209
209
|
return index - this.items.slice(0, index).filter(function (processedItem) {
|
|
210
210
|
return _this2.isItemVisible(processedItem) && _this2.getItemProp(processedItem, 'separator');
|
|
211
211
|
}).length + 1;
|
|
212
|
+
},
|
|
213
|
+
getMenuItemProps: function getMenuItemProps(processedItem, index) {
|
|
214
|
+
return {
|
|
215
|
+
action: vue.mergeProps({
|
|
216
|
+
"class": this.cx('action'),
|
|
217
|
+
tabindex: -1,
|
|
218
|
+
'aria-hidden': true
|
|
219
|
+
}, this.getPTOptions('action', processedItem, index)),
|
|
220
|
+
icon: vue.mergeProps({
|
|
221
|
+
"class": [this.cx('icon'), this.getItemProp(processedItem, 'icon')]
|
|
222
|
+
}, this.getPTOptions('icon', processedItem, index)),
|
|
223
|
+
label: vue.mergeProps({
|
|
224
|
+
"class": this.cx('label')
|
|
225
|
+
}, this.getPTOptions('label', processedItem, index)),
|
|
226
|
+
submenuicon: vue.mergeProps({
|
|
227
|
+
"class": this.cx('submenuIcon')
|
|
228
|
+
}, this.getPTOptions('submenuicon', processedItem, index))
|
|
229
|
+
};
|
|
212
230
|
}
|
|
213
231
|
},
|
|
214
232
|
components: {
|
|
@@ -318,8 +336,11 @@ function render$2(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
318
336
|
"class": _ctx.cx('label')
|
|
319
337
|
}, $options.getPTOptions('label', processedItem, index)), vue.toDisplayString($options.getItemLabel(processedItem)), 17)], 16, _hoisted_5$1)), [[_directive_ripple]])], 64)) : (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($props.templates.item), {
|
|
320
338
|
key: 1,
|
|
321
|
-
item: processedItem.item
|
|
322
|
-
|
|
339
|
+
item: processedItem.item,
|
|
340
|
+
hasSubmenu: $options.isItemGroup(processedItem),
|
|
341
|
+
label: $options.getItemLabel(processedItem),
|
|
342
|
+
props: $options.getMenuItemProps(processedItem, index)
|
|
343
|
+
}, null, 8, ["item", "hasSubmenu", "label", "props"]))], 16, _hoisted_3$1), vue.createVNode(vue.Transition, vue.mergeProps({
|
|
323
344
|
name: "p-toggleable-content"
|
|
324
345
|
}, _ctx.ptm('transition')), {
|
|
325
346
|
"default": vue.withCtx(function () {
|
|
@@ -337,8 +358,9 @@ function render$2(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
337
358
|
activeItemPath: $props.activeItemPath,
|
|
338
359
|
exact: $props.exact,
|
|
339
360
|
onItemToggle: $options.onItemToggle,
|
|
340
|
-
pt: _ctx.pt
|
|
341
|
-
|
|
361
|
+
pt: _ctx.pt,
|
|
362
|
+
unstyled: _ctx.unstyled
|
|
363
|
+
}, _ctx.ptm('submenu')), null, 16, ["id", "panelId", "focusedItemId", "items", "level", "templates", "activeItemPath", "exact", "onItemToggle", "pt", "unstyled"])) : vue.createCommentVNode("", true)], 16), [[vue.vShow, $options.isItemActive(processedItem)]])];
|
|
342
364
|
}),
|
|
343
365
|
_: 2
|
|
344
366
|
}, 1040)], 16, _hoisted_2$1)) : vue.createCommentVNode("", true), $options.isItemVisible(processedItem) && $options.getItemProp(processedItem, 'separator') ? (vue.openBlock(), vue.createElementBlock("li", vue.mergeProps({
|
|
@@ -356,7 +378,7 @@ function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArra
|
|
|
356
378
|
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
357
379
|
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
358
380
|
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
359
|
-
function _iterableToArrayLimit(
|
|
381
|
+
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
360
382
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
361
383
|
var script$1 = {
|
|
362
384
|
name: 'PanelMenuList',
|
|
@@ -779,15 +801,16 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
779
801
|
onBlur: $options.onBlur,
|
|
780
802
|
onKeydown: $options.onKeyDown,
|
|
781
803
|
onItemToggle: $options.onItemToggle,
|
|
782
|
-
pt: _ctx.pt
|
|
783
|
-
|
|
804
|
+
pt: _ctx.pt,
|
|
805
|
+
unstyled: _ctx.unstyled
|
|
806
|
+
}, _ctx.ptm('menu')), null, 16, ["id", "class", "aria-activedescendant", "panelId", "focusedItemId", "items", "templates", "activeItemPath", "exact", "onFocus", "onBlur", "onKeydown", "onItemToggle", "pt", "unstyled"]);
|
|
784
807
|
}
|
|
785
808
|
|
|
786
809
|
script$1.render = render$1;
|
|
787
810
|
|
|
788
|
-
function _typeof(
|
|
789
|
-
function ownKeys(
|
|
790
|
-
function _objectSpread(
|
|
811
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
812
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
813
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
791
814
|
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
792
815
|
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
793
816
|
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
@@ -806,6 +829,11 @@ var script = {
|
|
|
806
829
|
this.id = newValue || utils.UniqueComponentId();
|
|
807
830
|
}
|
|
808
831
|
},
|
|
832
|
+
beforeMount: function beforeMount() {
|
|
833
|
+
if (!this.$slots.item) {
|
|
834
|
+
console.warn('In future versions, vue-router support will be removed. Item templating should be used.');
|
|
835
|
+
}
|
|
836
|
+
},
|
|
809
837
|
mounted: function mounted() {
|
|
810
838
|
this.id = this.id || utils.UniqueComponentId();
|
|
811
839
|
},
|
|
@@ -1099,8 +1127,9 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
1099
1127
|
onItemToggle: $options.changeExpandedKeys,
|
|
1100
1128
|
onHeaderFocus: $options.updateFocusedHeader,
|
|
1101
1129
|
exact: _ctx.exact,
|
|
1102
|
-
pt: _ctx.pt
|
|
1103
|
-
|
|
1130
|
+
pt: _ctx.pt,
|
|
1131
|
+
unstyled: _ctx.unstyled
|
|
1132
|
+
}, null, 8, ["panelId", "items", "templates", "expandedKeys", "onItemToggle", "onHeaderFocus", "exact", "pt", "unstyled"])], 16)) : vue.createCommentVNode("", true)], 16, _hoisted_5), [[vue.vShow, $options.isItemActive(item)]])];
|
|
1104
1133
|
}),
|
|
1105
1134
|
_: 2
|
|
1106
1135
|
}, 1040)], 16)) : vue.createCommentVNode("", true)], 64);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("primevue/icons/chevrondown"),t=require("primevue/icons/chevronright"),n=require("primevue/utils"),i=require("primevue/basecomponent"),o=require("primevue/usestyle"),r=require("primevue/ripple"),s=require("vue");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=a(e),l=a(t),m=a(i),u=a(r),d=o.useStyle("\n.p-panelmenu .p-panelmenu-header-action {\n display: flex;\n align-items: center;\n user-select: none;\n cursor: pointer;\n position: relative;\n text-decoration: none;\n}\n\n.p-panelmenu .p-panelmenu-header-action:focus {\n z-index: 1;\n}\n\n.p-panelmenu .p-submenu-list {\n margin: 0;\n padding: 0;\n list-style: none;\n}\n\n.p-panelmenu .p-menuitem-link {\n display: flex;\n align-items: center;\n user-select: none;\n cursor: pointer;\n text-decoration: none;\n position: relative;\n overflow: hidden;\n}\n\n.p-panelmenu .p-menuitem-text {\n line-height: 1;\n}\n",{name:"panelmenu",manual:!0}),p={name:"BasePanelMenu",extends:m.default,props:{model:{type:Array,default:null},expandedKeys:{type:Object,default:null},exact:{type:Boolean,default:!0},tabindex:{type:Number,default:0}},css:{classes:{root:"p-panelmenu p-component",panel:"p-panelmenu-panel",header:function(e){var t=e.instance,n=e.item;return["p-panelmenu-header",{"p-highlight":t.isItemActive(n),"p-disabled":t.isItemDisabled(n)}]},headerContent:"p-panelmenu-header-content",headerAction:function(e){return["p-panelmenu-header-action",{"router-link-active":e.isActive,"router-link-active-exact":e.instance.exact&&e.isExactActive}]},headerIcon:"p-menuitem-icon",headerLabel:"p-menuitem-text",toggleableContent:"p-toggleable-content",menuContent:"p-panelmenu-content",menu:"p-panelmenu-root-list",menuitem:function(e){var t=e.instance,n=e.processedItem;return["p-menuitem",{"p-focus":t.isItemFocused(n),"p-disabled":t.isItemDisabled(n)}]},content:"p-menuitem-content",action:function(e){return["p-menuitem-link",{"router-link-active":e.isActive,"router-link-active-exact":e.props.exact&&e.isExactActive}]},icon:"p-menuitem-icon",label:"p-menuitem-text",submenuIcon:"p-submenu-icon",submenu:"p-submenu-list",separator:"p-menuitem-separator"},loadStyle:d.load},provide:function(){return{$parentInstance:this}}},h={name:"PanelMenuSub",hostName:"PanelMenu",extends:m.default,emits:["item-toggle"],props:{panelId:{type:String,default:null},focusedItemId:{type:String,default:null},items:{type:Array,default:null},level:{type:Number,default:0},templates:{type:Object,default:null},activeItemPath:{type:Object,default:null},exact:{type:Boolean,default:!0},tabindex:{type:Number,default:-1}},methods:{getItemId:function(e){return"".concat(this.panelId,"_").concat(e.key)},getItemKey:function(e){return this.getItemId(e)},getItemProp:function(e,t,i){return e&&e.item?n.ObjectUtils.getItemValue(e.item[t],i):void 0},getItemLabel:function(e){return this.getItemProp(e,"label")},getPTOptions:function(e,t,n){return this.ptm(e,{context:{item:t,index:n,active:this.isItemActive(t),focused:this.isItemFocused(t)}})},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 n.ObjectUtils.isNotEmpty(e.items)},onItemClick:function(e,t){this.getItemProp(t,"command",{originalEvent:e,item:t.item}),this.$emit("item-toggle",{processedItem:t,expanded:!this.isItemActive(t)})},onItemToggle:function(e){this.$emit("item-toggle",e)},onItemActionClick:function(e,t){t&&t(e)},getAriaSetSize:function(){var e=this;return this.items.filter((function(t){return e.isItemVisible(t)&&!e.getItemProp(t,"separator")})).length},getAriaPosInset:function(e){var t=this;return e-this.items.slice(0,e).filter((function(e){return t.isItemVisible(e)&&t.getItemProp(e,"separator")})).length+1}},components:{ChevronRightIcon:l.default,ChevronDownIcon:c.default},directives:{ripple:u.default}},f=["tabindex"],I=["id","aria-label","aria-expanded","aria-level","aria-setsize","aria-posinset","data-p-focused","data-p-disabled"],g=["onClick"],v=["href","onClick"],y=["href","target"];function b(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function P(e,t){if(e){if("string"==typeof e)return k(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?k(e,t):void 0}}function k(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,i=new Array(t);n<t;n++)i[n]=e[n];return i}function x(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var i,o,r,s,a=[],c=!0,l=!1;try{if(r=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(i=r.call(n)).done)&&(a.push(i.value),a.length!==t);c=!0);}catch(e){l=!0,o=e}finally{try{if(!c&&null!=n.return&&(s=n.return(),Object(s)!==s))return}finally{if(l)throw o}}return a}}function E(e){if(Array.isArray(e))return e}h.render=function(e,t,n,i,o,r){var a=s.resolveComponent("router-link"),c=s.resolveComponent("PanelMenuSub",!0),l=s.resolveDirective("ripple");return s.openBlock(),s.createElementBlock("ul",{class:s.normalizeClass(e.cx("submenu")),tabindex:n.tabindex},[(s.openBlock(!0),s.createElementBlock(s.Fragment,null,s.renderList(n.items,(function(t,i){return s.openBlock(),s.createElementBlock(s.Fragment,{key:r.getItemKey(t)},[r.isItemVisible(t)&&!r.getItemProp(t,"separator")?(s.openBlock(),s.createElementBlock("li",s.mergeProps({key:0,id:r.getItemId(t),class:[e.cx("menuitem",{processedItem:t}),r.getItemProp(t,"class")],style:r.getItemProp(t,"style"),role:"treeitem","aria-label":r.getItemLabel(t),"aria-expanded":r.isItemGroup(t)?r.isItemActive(t):void 0,"aria-level":n.level+1,"aria-setsize":r.getAriaSetSize(),"aria-posinset":r.getAriaPosInset(i)},r.getPTOptions("menuitem",t,i),{"data-p-focused":r.isItemFocused(t),"data-p-disabled":r.isItemDisabled(t)}),[s.createElementVNode("div",s.mergeProps({class:e.cx("content"),onClick:function(e){return r.onItemClick(e,t)}},r.getPTOptions("content",t,i)),[n.templates.item?(s.openBlock(),s.createBlock(s.resolveDynamicComponent(n.templates.item),{key:1,item:t.item},null,8,["item"])):(s.openBlock(),s.createElementBlock(s.Fragment,{key:0},[r.getItemProp(t,"to")&&!r.isItemDisabled(t)?(s.openBlock(),s.createBlock(a,{key:0,to:r.getItemProp(t,"to"),custom:""},{default:s.withCtx((function(o){var a=o.navigate,c=o.href,m=o.isActive,u=o.isExactActive;return[s.withDirectives((s.openBlock(),s.createElementBlock("a",s.mergeProps({href:c,class:e.cx("action",{isActive:m,isExactActive:u}),tabindex:"-1","aria-hidden":"true",onClick:function(e){return r.onItemActionClick(e,a)}},r.getPTOptions("action",t,i)),[n.templates.itemicon?(s.openBlock(),s.createBlock(s.resolveDynamicComponent(n.templates.itemicon),{key:0,item:t.item,class:s.normalizeClass([e.cx("icon"),r.getItemProp(t,"icon")])},null,8,["item","class"])):r.getItemProp(t,"icon")?(s.openBlock(),s.createElementBlock("span",s.mergeProps({key:1,class:[e.cx("icon"),r.getItemProp(t,"icon")]},r.getPTOptions("icon",t,i)),null,16)):s.createCommentVNode("",!0),s.createElementVNode("span",s.mergeProps({class:e.cx("label")},r.getPTOptions("label",t,i)),s.toDisplayString(r.getItemLabel(t)),17)],16,v)),[[l]])]})),_:2},1032,["to"])):s.withDirectives((s.openBlock(),s.createElementBlock("a",s.mergeProps({key:1,href:r.getItemProp(t,"url"),class:e.cx("action"),target:r.getItemProp(t,"target"),tabindex:"-1","aria-hidden":"true"},r.getPTOptions("action",t,i)),[r.isItemGroup(t)?(s.openBlock(),s.createElementBlock(s.Fragment,{key:0},[n.templates.submenuicon?(s.openBlock(),s.createBlock(s.resolveDynamicComponent(n.templates.submenuicon),s.mergeProps({key:0,class:e.cx("submenuIcon"),active:r.isItemActive(t)},r.getPTOptions("submenuIcon",t,i)),null,16,["class","active"])):(s.openBlock(),s.createBlock(s.resolveDynamicComponent(r.isItemActive(t)?"ChevronDownIcon":"ChevronRightIcon"),s.mergeProps({key:1,class:e.cx("submenuIcon")},r.getPTOptions("submenuIcon",t,i)),null,16,["class"]))],64)):s.createCommentVNode("",!0),n.templates.itemicon?(s.openBlock(),s.createBlock(s.resolveDynamicComponent(n.templates.itemicon),{key:1,item:t.item,class:s.normalizeClass([e.cx("icon"),r.getItemProp(t,"icon")])},null,8,["item","class"])):r.getItemProp(t,"icon")?(s.openBlock(),s.createElementBlock("span",s.mergeProps({key:2,class:[e.cx("icon"),r.getItemProp(t,"icon")]},r.getPTOptions("icon",t,i)),null,16)):s.createCommentVNode("",!0),s.createElementVNode("span",s.mergeProps({class:e.cx("label")},r.getPTOptions("label",t,i)),s.toDisplayString(r.getItemLabel(t)),17)],16,y)),[[l]])],64))],16,g),s.createVNode(s.Transition,s.mergeProps({name:"p-toggleable-content"},e.ptm("transition")),{default:s.withCtx((function(){return[s.withDirectives(s.createElementVNode("div",s.mergeProps({class:e.cx("toggleableContent")},e.ptm("toggleableContent")),[r.isItemVisible(t)&&r.isItemGroup(t)?(s.openBlock(),s.createBlock(c,s.mergeProps({key:0,id:r.getItemId(t)+"_list",role:"group",panelId:n.panelId,focusedItemId:n.focusedItemId,items:t.items,level:n.level+1,templates:n.templates,activeItemPath:n.activeItemPath,exact:n.exact,onItemToggle:r.onItemToggle,pt:e.pt},e.ptm("submenu")),null,16,["id","panelId","focusedItemId","items","level","templates","activeItemPath","exact","onItemToggle","pt"])):s.createCommentVNode("",!0)],16),[[s.vShow,r.isItemActive(t)]])]})),_:2},1040)],16,I)):s.createCommentVNode("",!0),r.isItemVisible(t)&&r.getItemProp(t,"separator")?(s.openBlock(),s.createElementBlock("li",s.mergeProps({key:1,style:r.getItemProp(t,"style"),class:[e.cx("separator"),r.getItemProp(t,"class")],role:"separator"},e.ptm("separator")),null,16)):s.createCommentVNode("",!0)],64)})),128))],10,f)};var C={name:"PanelMenuList",hostName:"PanelMenu",extends:m.default,emits:["item-toggle","header-focus"],props:{panelId:{type:String,default:null},items:{type:Array,default:null},templates:{type:Object,default:null},expandedKeys:{type:Object,default:null},exact:{type:Boolean,default:!0}},searchTimeout:null,searchValue:null,data:function(){return{focused:!1,focusedItem:null,activeItemPath:[]}},watch:{expandedKeys:function(e){this.autoUpdateActiveItemPath(e)}},mounted:function(){this.autoUpdateActiveItemPath(this.expandedKeys)},methods:{getItemProp:function(e,t){return e&&e.item?n.ObjectUtils.getItemValue(e.item[t]):void 0},getItemLabel:function(e){return this.getItemProp(e,"label")},isItemVisible:function(e){return!1!==this.getItemProp(e,"visible")},isItemDisabled:function(e){return this.getItemProp(e,"disabled")},isItemActive:function(e){return this.activeItemPath.some((function(t){return t.key===e.parentKey}))},isItemGroup:function(e){return n.ObjectUtils.isNotEmpty(e.items)},onFocus:function(e){this.focused=!0,this.focusedItem=this.focusedItem||(this.isElementInPanel(e,e.relatedTarget)?this.findFirstItem():this.findLastItem())},onBlur:function(){this.focused=!1,this.focusedItem=null,this.searchValue=""},onKeyDown:function(e){var t=e.metaKey||e.ctrlKey;switch(e.code){case"ArrowDown":this.onArrowDownKey(e);break;case"ArrowUp":this.onArrowUpKey(e);break;case"ArrowLeft":this.onArrowLeftKey(e);break;case"ArrowRight":this.onArrowRightKey(e);break;case"Home":this.onHomeKey(e);break;case"End":this.onEndKey(e);break;case"Space":this.onSpaceKey(e);break;case"Enter":this.onEnterKey(e);break;case"Escape":case"Tab":case"PageDown":case"PageUp":case"Backspace":case"ShiftLeft":case"ShiftRight":break;default:!t&&n.ObjectUtils.isPrintableCharacter(e.key)&&this.searchItems(e,e.key)}},onArrowDownKey:function(e){var t=n.ObjectUtils.isNotEmpty(this.focusedItem)?this.findNextItem(this.focusedItem):this.findFirstItem();this.changeFocusedItem({originalEvent:e,processedItem:t,focusOnNext:!0}),e.preventDefault()},onArrowUpKey:function(e){var t=n.ObjectUtils.isNotEmpty(this.focusedItem)?this.findPrevItem(this.focusedItem):this.findLastItem();this.changeFocusedItem({originalEvent:e,processedItem:t,selfCheck:!0}),e.preventDefault()},onArrowLeftKey:function(e){var t=this;n.ObjectUtils.isNotEmpty(this.focusedItem)&&(this.activeItemPath.some((function(e){return e.key===t.focusedItem.key}))?this.activeItemPath=this.activeItemPath.filter((function(e){return e.key!==t.focusedItem.key})):this.focusedItem=n.ObjectUtils.isNotEmpty(this.focusedItem.parent)?this.focusedItem.parent:this.focusedItem,e.preventDefault())},onArrowRightKey:function(e){var t=this;if(n.ObjectUtils.isNotEmpty(this.focusedItem)){if(this.isItemGroup(this.focusedItem))this.activeItemPath.some((function(e){return e.key===t.focusedItem.key}))?this.onArrowDownKey(e):(this.activeItemPath=this.activeItemPath.filter((function(e){return e.parentKey!==t.focusedItem.parentKey})),this.activeItemPath.push(this.focusedItem));e.preventDefault()}},onHomeKey:function(e){this.changeFocusedItem({originalEvent:e,processedItem:this.findFirstItem(),allowHeaderFocus:!1}),e.preventDefault()},onEndKey:function(e){this.changeFocusedItem({originalEvent:e,processedItem:this.findLastItem(),focusOnNext:!0,allowHeaderFocus:!1}),e.preventDefault()},onEnterKey:function(e){if(n.ObjectUtils.isNotEmpty(this.focusedItem)){var t=n.DomHandler.findSingle(this.$el,'li[id="'.concat("".concat(this.focusedItemId),'"]')),i=t&&(n.DomHandler.findSingle(t,'[data-pc-section="action"]')||n.DomHandler.findSingle(t,"a,button"));i?i.click():t&&t.click()}e.preventDefault()},onSpaceKey:function(e){this.onEnterKey(e)},onItemToggle:function(e){var t=e.processedItem,i=e.expanded;this.expandedKeys?this.$emit("item-toggle",{item:t.item,expanded:i}):(this.activeItemPath=this.activeItemPath.filter((function(e){return e.parentKey!==t.parentKey})),i&&this.activeItemPath.push(t)),this.focusedItem=t,n.DomHandler.focus(this.$el)},isElementInPanel:function(e,t){var n=e.currentTarget.closest('[data-pc-section="panel"]');return n&&n.contains(t)},isItemMatched:function(e){return this.isValidItem(e)&&this.getItemLabel(e).toLocaleLowerCase(this.searchLocale).startsWith(this.searchValue.toLocaleLowerCase(this.searchLocale))},isVisibleItem:function(e){return!!e&&(0===e.level||this.isItemActive(e))&&this.isItemVisible(e)},isValidItem:function(e){return!!e&&!this.isItemDisabled(e)},findFirstItem:function(){var e=this;return this.visibleItems.find((function(t){return e.isValidItem(t)}))},findLastItem:function(){var e=this;return n.ObjectUtils.findLast(this.visibleItems,(function(t){return e.isValidItem(t)}))},findNextItem:function(e){var t=this,n=this.visibleItems.findIndex((function(t){return t.key===e.key}));return(n<this.visibleItems.length-1?this.visibleItems.slice(n+1).find((function(e){return t.isValidItem(e)})):void 0)||e},findPrevItem:function(e){var t=this,i=this.visibleItems.findIndex((function(t){return t.key===e.key}));return(i>0?n.ObjectUtils.findLast(this.visibleItems.slice(0,i),(function(e){return t.isValidItem(e)})):void 0)||e},searchItems:function(e,t){var i=this;this.searchValue=(this.searchValue||"")+t;var o=null,r=!1;if(n.ObjectUtils.isNotEmpty(this.focusedItem)){var s=this.visibleItems.findIndex((function(e){return e.key===i.focusedItem.key}));o=this.visibleItems.slice(s).find((function(e){return i.isItemMatched(e)})),o=n.ObjectUtils.isEmpty(o)?this.visibleItems.slice(0,s).find((function(e){return i.isItemMatched(e)})):o}else o=this.visibleItems.find((function(e){return i.isItemMatched(e)}));return n.ObjectUtils.isNotEmpty(o)&&(r=!0),n.ObjectUtils.isEmpty(o)&&n.ObjectUtils.isEmpty(this.focusedItem)&&(o=this.findFirstItem()),n.ObjectUtils.isNotEmpty(o)&&this.changeFocusedItem({originalEvent:e,processedItem:o,allowHeaderFocus:!1}),this.searchTimeout&&clearTimeout(this.searchTimeout),this.searchTimeout=setTimeout((function(){i.searchValue="",i.searchTimeout=null}),500),r},changeFocusedItem:function(e){var t=e.originalEvent,i=e.processedItem,o=e.focusOnNext,r=e.selfCheck,s=e.allowHeaderFocus,a=void 0===s||s;n.ObjectUtils.isNotEmpty(this.focusedItem)&&this.focusedItem.key!==i.key?(this.focusedItem=i,this.scrollInView()):a&&this.$emit("header-focus",{originalEvent:t,focusOnNext:o,selfCheck:r})},scrollInView:function(){var e=n.DomHandler.findSingle(this.$el,'li[id="'.concat("".concat(this.focusedItemId),'"]'));e&&e.scrollIntoView&&e.scrollIntoView({block:"nearest",inline:"start"})},autoUpdateActiveItemPath:function(e){var t=this;this.activeItemPath=Object.entries(e||{}).reduce((function(e,n){var i,o,r=(o=2,E(i=n)||x(i,o)||P(i,o)||b());if(r[1]){var s=t.findProcessedItemByItemKey(r[0]);s&&e.push(s)}return e}),[])},findProcessedItemByItemKey:function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0;if(!(t=t||0===n&&this.processedItems))return null;for(var i=0;i<t.length;i++){var o=t[i];if(this.getItemProp(o,"key")===e)return o;var r=this.findProcessedItemByItemKey(e,o.items,n+1);if(r)return r}},createProcessedItems:function(e){var t=this,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},o=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",r=[];return e&&e.forEach((function(e,s){var a=(""!==o?o+"_":"")+s,c={item:e,index:s,level:n,key:a,parent:i,parentKey:o};c.items=t.createProcessedItems(e.items,n+1,c,a),r.push(c)})),r},flatItems:function(e){var t=this,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[];return e&&e.forEach((function(e){t.isVisibleItem(e)&&(n.push(e),t.flatItems(e.items,n))})),n}},computed:{processedItems:function(){return this.createProcessedItems(this.items||[])},visibleItems:function(){return this.flatItems(this.processedItems)},focusedItemId:function(){return n.ObjectUtils.isNotEmpty(this.focusedItem)?"".concat(this.panelId,"_").concat(this.focusedItem.key):null}},components:{PanelMenuSub:h}};function D(e){return D="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},D(e)}function O(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function A(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?O(Object(n),!0).forEach((function(t){w(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):O(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function w(e,t,n){return(t=B(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function B(e){var t=H(e,"string");return"symbol"===D(t)?t:String(t)}function H(e,t){if("object"!==D(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var i=n.call(e,t||"default");if("object"!==D(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}C.render=function(e,t,n,i,o,r){var a=s.resolveComponent("PanelMenuSub");return s.openBlock(),s.createBlock(a,s.mergeProps({id:n.panelId+"_list",class:e.cx("menu"),role:"tree",tabindex:-1,"aria-activedescendant":o.focused?r.focusedItemId:void 0,panelId:n.panelId,focusedItemId:o.focused?r.focusedItemId:void 0,items:r.processedItems,templates:n.templates,activeItemPath:o.activeItemPath,exact:n.exact,onFocus:r.onFocus,onBlur:r.onBlur,onKeydown:r.onKeyDown,onItemToggle:r.onItemToggle,pt:e.pt},e.ptm("menu")),null,16,["id","class","aria-activedescendant","panelId","focusedItemId","items","templates","activeItemPath","exact","onFocus","onBlur","onKeydown","onItemToggle","pt"])};var K={name:"PanelMenu",extends:p,emits:["update:expandedKeys","panel-open","panel-close"],data:function(){return{id:this.$attrs.id,activeItem:null}},watch:{"$attrs.id":function(e){this.id=e||n.UniqueComponentId()}},mounted:function(){this.id=this.id||n.UniqueComponentId()},methods:{getItemProp:function(e,t){return e?n.ObjectUtils.getItemValue(e[t]):void 0},getItemLabel:function(e){return this.getItemProp(e,"label")},getPTOptions:function(e,t,n){return this.ptm(e,{context:{index:n,active:this.isItemActive(t),focused:this.isItemFocused(t)}})},isItemActive:function(e){return this.expandedKeys?this.expandedKeys[this.getItemProp(e,"key")]:n.ObjectUtils.equals(e,this.activeItem)},isItemVisible:function(e){return!1!==this.getItemProp(e,"visible")},isItemDisabled:function(e){return this.getItemProp(e,"disabled")},isItemFocused:function(e){return n.ObjectUtils.equals(e,this.activeItem)},getPanelId:function(e){return"".concat(this.id,"_").concat(e)},getPanelKey:function(e){return this.getPanelId(e)},getHeaderId:function(e){return"".concat(this.getPanelId(e),"_header")},getContentId:function(e){return"".concat(this.getPanelId(e),"_content")},onHeaderClick:function(e,t){this.isItemDisabled(t)?e.preventDefault():(t.command&&t.command({originalEvent:e,item:t}),this.changeActiveItem(e,t),n.DomHandler.focus(e.currentTarget))},onHeaderKeyDown:function(e,t){switch(e.code){case"ArrowDown":this.onHeaderArrowDownKey(e);break;case"ArrowUp":this.onHeaderArrowUpKey(e);break;case"Home":this.onHeaderHomeKey(e);break;case"End":this.onHeaderEndKey(e);break;case"Enter":case"Space":this.onHeaderEnterKey(e,t)}},onHeaderArrowDownKey:function(e){var t=!0===n.DomHandler.getAttribute(e.currentTarget,"data-p-highlight")?n.DomHandler.findSingle(e.currentTarget.nextElementSibling,'[data-pc-section="menu"]'):null;t?n.DomHandler.focus(t):this.updateFocusedHeader({originalEvent:e,focusOnNext:!0}),e.preventDefault()},onHeaderArrowUpKey:function(e){var t=this.findPrevHeader(e.currentTarget.parentElement)||this.findLastHeader(),i=!0===n.DomHandler.getAttribute(t,"data-p-highlight")?n.DomHandler.findSingle(t.nextElementSibling,'[data-pc-section="menu"]'):null;i?n.DomHandler.focus(i):this.updateFocusedHeader({originalEvent:e,focusOnNext:!1}),e.preventDefault()},onHeaderHomeKey:function(e){this.changeFocusedHeader(e,this.findFirstHeader()),e.preventDefault()},onHeaderEndKey:function(e){this.changeFocusedHeader(e,this.findLastHeader()),e.preventDefault()},onHeaderEnterKey:function(e,t){var i=n.DomHandler.findSingle(e.currentTarget,'[data-pc-section="headeraction"]');i?i.click():this.onHeaderClick(e,t),e.preventDefault()},onHeaderActionClick:function(e,t){t&&t(e)},findNextHeader:function(e){var t=n.DomHandler.findSingle(arguments.length>1&&void 0!==arguments[1]&&arguments[1]?e:e.nextElementSibling,'[data-pc-section="header"]');return t?n.DomHandler.getAttribute(t,"data-p-disabled")?this.findNextHeader(t.parentElement):t:null},findPrevHeader:function(e){var t=n.DomHandler.findSingle(arguments.length>1&&void 0!==arguments[1]&&arguments[1]?e:e.previousElementSibling,'[data-pc-section="header"]');return t?n.DomHandler.getAttribute(t,"data-p-disabled")?this.findPrevHeader(t.parentElement):t:null},findFirstHeader:function(){return this.findNextHeader(this.$el.firstElementChild,!0)},findLastHeader:function(){return this.findPrevHeader(this.$el.lastElementChild,!0)},updateFocusedHeader:function(e){var t=e.originalEvent,i=e.focusOnNext,o=e.selfCheck,r=t.currentTarget.closest('[data-pc-section="panel"]'),s=o?n.DomHandler.findSingle(r,'[data-pc-section="header"]'):i?this.findNextHeader(r):this.findPrevHeader(r);s?this.changeFocusedHeader(t,s):i?this.onHeaderHomeKey(t):this.onHeaderEndKey(t)},changeActiveItem:function(e,t){var i=arguments.length>2&&void 0!==arguments[2]&&arguments[2];if(!this.isItemDisabled(t)){var o=this.isItemActive(t),r=o?"panel-close":"panel-open";this.activeItem=i?t:this.activeItem&&n.ObjectUtils.equals(t,this.activeItem)?null:t,this.changeExpandedKeys({item:t,expanded:!o}),this.$emit(r,{originalEvent:e,item:t})}},changeExpandedKeys:function(e){var t=e.item,n=e.expanded,i=void 0!==n&&n;if(this.expandedKeys){var o=A({},this.expandedKeys);i?o[t.key]=!0:delete o[t.key],this.$emit("update:expandedKeys",o)}},changeFocusedHeader:function(e,t){t&&n.DomHandler.focus(t)}},components:{PanelMenuList:C,ChevronRightIcon:l.default,ChevronDownIcon:c.default}},N=["id"],S=["id","tabindex","aria-label","aria-expanded","aria-controls","aria-disabled","onClick","onKeydown","data-p-highlight","data-p-disabled"],V=["href","onClick"],j=["href"],T=["id","aria-labelledby"];K.render=function(e,t,n,i,o,r){var a=s.resolveComponent("router-link"),c=s.resolveComponent("PanelMenuList");return s.openBlock(),s.createElementBlock("div",s.mergeProps({id:o.id,class:e.cx("root")},e.ptm("root"),{"data-pc-name":"panelmenu"}),[(s.openBlock(!0),s.createElementBlock(s.Fragment,null,s.renderList(e.model,(function(t,n){return s.openBlock(),s.createElementBlock(s.Fragment,{key:r.getPanelKey(n)},[r.isItemVisible(t)?(s.openBlock(),s.createElementBlock("div",s.mergeProps({key:0,style:r.getItemProp(t,"style"),class:[e.cx("panel"),r.getItemProp(t,"class")]},e.ptm("panel")),[s.createElementVNode("div",s.mergeProps({id:r.getHeaderId(n),class:[e.cx("header",{item:t}),r.getItemProp(t,"headerClass")],tabindex:r.isItemDisabled(t)?-1:e.tabindex,role:"button","aria-label":r.getItemLabel(t),"aria-expanded":r.isItemActive(t),"aria-controls":r.getContentId(n),"aria-disabled":r.isItemDisabled(t),onClick:function(e){return r.onHeaderClick(e,t)},onKeydown:function(e){return r.onHeaderKeyDown(e,t)}},r.getPTOptions("header",t,n),{"data-p-highlight":r.isItemActive(t),"data-p-disabled":r.isItemDisabled(t)}),[s.createElementVNode("div",s.mergeProps({class:e.cx("headerContent")},r.getPTOptions("headerContent",t,n)),[e.$slots.item?(s.openBlock(),s.createBlock(s.resolveDynamicComponent(e.$slots.item),{key:1,item:t},null,8,["item"])):(s.openBlock(),s.createElementBlock(s.Fragment,{key:0},[r.getItemProp(t,"to")&&!r.isItemDisabled(t)?(s.openBlock(),s.createBlock(a,{key:0,to:r.getItemProp(t,"to"),custom:""},{default:s.withCtx((function(i){var o=i.navigate;return[s.createElementVNode("a",s.mergeProps({href:i.href,class:e.cx("headerAction",{isActive:i.isActive,isExactActive:i.isExactActive}),tabindex:-1,onClick:function(e){return r.onHeaderActionClick(e,o)}},r.getPTOptions("headerAction",t,n)),[e.$slots.headericon?(s.openBlock(),s.createBlock(s.resolveDynamicComponent(e.$slots.headericon),{key:0,item:t,class:s.normalizeClass([e.cx("headerIcon"),r.getItemProp(t,"icon")])},null,8,["item","class"])):r.getItemProp(t,"icon")?(s.openBlock(),s.createElementBlock("span",s.mergeProps({key:1,class:[e.cx("headerIcon"),r.getItemProp(t,"icon")]},r.getPTOptions("headerIcon",t,n)),null,16)):s.createCommentVNode("",!0),s.createElementVNode("span",s.mergeProps({class:e.cx("headerLabel")},r.getPTOptions("headerLabel",t,n)),s.toDisplayString(r.getItemLabel(t)),17)],16,V)]})),_:2},1032,["to"])):(s.openBlock(),s.createElementBlock("a",s.mergeProps({key:1,href:r.getItemProp(t,"url"),class:e.cx("headerAction"),tabindex:-1},r.getPTOptions("headerAction",t,n)),[r.getItemProp(t,"items")?s.renderSlot(e.$slots,"submenuicon",{key:0,active:r.isItemActive(t)},(function(){return[(s.openBlock(),s.createBlock(s.resolveDynamicComponent(r.isItemActive(t)?"ChevronDownIcon":"ChevronRightIcon"),s.mergeProps({class:e.cx("submenuIcon")},r.getPTOptions("submenuIcon",t,n)),null,16,["class"]))]})):s.createCommentVNode("",!0),e.$slots.headericon?(s.openBlock(),s.createBlock(s.resolveDynamicComponent(e.$slots.headericon),{key:1,item:t,class:s.normalizeClass([e.cx("headerIcon"),r.getItemProp(t,"icon")])},null,8,["item","class"])):r.getItemProp(t,"icon")?(s.openBlock(),s.createElementBlock("span",s.mergeProps({key:2,class:[e.cx("headerIcon"),r.getItemProp(t,"icon")]},r.getPTOptions("headerIcon",t,n)),null,16)):s.createCommentVNode("",!0),s.createElementVNode("span",s.mergeProps({class:e.cx("headerLabel")},r.getPTOptions("headerLabel",t,n)),s.toDisplayString(r.getItemLabel(t)),17)],16,j))],64))],16)],16,S),s.createVNode(s.Transition,s.mergeProps({name:"p-toggleable-content"},e.ptm("transition")),{default:s.withCtx((function(){return[s.withDirectives(s.createElementVNode("div",s.mergeProps({id:r.getContentId(n),class:e.cx("toggleableContent"),role:"region","aria-labelledby":r.getHeaderId(n)},e.ptm("toggleableContent")),[r.getItemProp(t,"items")?(s.openBlock(),s.createElementBlock("div",s.mergeProps({key:0,class:e.cx("menuContent")},e.ptm("menuContent")),[s.createVNode(c,{panelId:r.getPanelId(n),items:r.getItemProp(t,"items"),templates:e.$slots,expandedKeys:e.expandedKeys,onItemToggle:r.changeExpandedKeys,onHeaderFocus:r.updateFocusedHeader,exact:e.exact,pt:e.pt},null,8,["panelId","items","templates","expandedKeys","onItemToggle","onHeaderFocus","exact","pt"])],16)):s.createCommentVNode("",!0)],16,T),[[s.vShow,r.isItemActive(t)]])]})),_:2},1040)],16)):s.createCommentVNode("",!0)],64)})),128))],16,N)},module.exports=K;
|
|
1
|
+
"use strict";var e=require("primevue/icons/chevrondown"),t=require("primevue/icons/chevronright"),n=require("primevue/utils"),i=require("primevue/basecomponent"),o=require("primevue/usestyle"),r=require("primevue/ripple"),s=require("vue");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=a(e),l=a(t),m=a(i),u=a(r),d=o.useStyle("\n.p-panelmenu .p-panelmenu-header-action {\n display: flex;\n align-items: center;\n user-select: none;\n cursor: pointer;\n position: relative;\n text-decoration: none;\n}\n\n.p-panelmenu .p-panelmenu-header-action:focus {\n z-index: 1;\n}\n\n.p-panelmenu .p-submenu-list {\n margin: 0;\n padding: 0;\n list-style: none;\n}\n\n.p-panelmenu .p-menuitem-link {\n display: flex;\n align-items: center;\n user-select: none;\n cursor: pointer;\n text-decoration: none;\n position: relative;\n overflow: hidden;\n}\n\n.p-panelmenu .p-menuitem-text {\n line-height: 1;\n}\n",{name:"panelmenu",manual:!0}),p={name:"BasePanelMenu",extends:m.default,props:{model:{type:Array,default:null},expandedKeys:{type:Object,default:null},exact:{type:Boolean,default:!0},tabindex:{type:Number,default:0}},css:{classes:{root:"p-panelmenu p-component",panel:"p-panelmenu-panel",header:function(e){var t=e.instance,n=e.item;return["p-panelmenu-header",{"p-highlight":t.isItemActive(n),"p-disabled":t.isItemDisabled(n)}]},headerContent:"p-panelmenu-header-content",headerAction:function(e){return["p-panelmenu-header-action",{"router-link-active":e.isActive,"router-link-active-exact":e.instance.exact&&e.isExactActive}]},headerIcon:"p-menuitem-icon",headerLabel:"p-menuitem-text",toggleableContent:"p-toggleable-content",menuContent:"p-panelmenu-content",menu:"p-panelmenu-root-list",menuitem:function(e){var t=e.instance,n=e.processedItem;return["p-menuitem",{"p-focus":t.isItemFocused(n),"p-disabled":t.isItemDisabled(n)}]},content:"p-menuitem-content",action:function(e){return["p-menuitem-link",{"router-link-active":e.isActive,"router-link-active-exact":e.props.exact&&e.isExactActive}]},icon:"p-menuitem-icon",label:"p-menuitem-text",submenuIcon:"p-submenu-icon",submenu:"p-submenu-list",separator:"p-menuitem-separator"},loadStyle:d.load},provide:function(){return{$parentInstance:this}}},h={name:"PanelMenuSub",hostName:"PanelMenu",extends:m.default,emits:["item-toggle"],props:{panelId:{type:String,default:null},focusedItemId:{type:String,default:null},items:{type:Array,default:null},level:{type:Number,default:0},templates:{type:Object,default:null},activeItemPath:{type:Object,default:null},exact:{type:Boolean,default:!0},tabindex:{type:Number,default:-1}},methods:{getItemId:function(e){return"".concat(this.panelId,"_").concat(e.key)},getItemKey:function(e){return this.getItemId(e)},getItemProp:function(e,t,i){return e&&e.item?n.ObjectUtils.getItemValue(e.item[t],i):void 0},getItemLabel:function(e){return this.getItemProp(e,"label")},getPTOptions:function(e,t,n){return this.ptm(e,{context:{item:t,index:n,active:this.isItemActive(t),focused:this.isItemFocused(t)}})},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 n.ObjectUtils.isNotEmpty(e.items)},onItemClick:function(e,t){this.getItemProp(t,"command",{originalEvent:e,item:t.item}),this.$emit("item-toggle",{processedItem:t,expanded:!this.isItemActive(t)})},onItemToggle:function(e){this.$emit("item-toggle",e)},onItemActionClick:function(e,t){t&&t(e)},getAriaSetSize:function(){var e=this;return this.items.filter((function(t){return e.isItemVisible(t)&&!e.getItemProp(t,"separator")})).length},getAriaPosInset:function(e){var t=this;return e-this.items.slice(0,e).filter((function(e){return t.isItemVisible(e)&&t.getItemProp(e,"separator")})).length+1},getMenuItemProps:function(e,t){return{action:s.mergeProps({class:this.cx("action"),tabindex:-1,"aria-hidden":!0},this.getPTOptions("action",e,t)),icon:s.mergeProps({class:[this.cx("icon"),this.getItemProp(e,"icon")]},this.getPTOptions("icon",e,t)),label:s.mergeProps({class:this.cx("label")},this.getPTOptions("label",e,t)),submenuicon:s.mergeProps({class:this.cx("submenuIcon")},this.getPTOptions("submenuicon",e,t))}}},components:{ChevronRightIcon:l.default,ChevronDownIcon:c.default},directives:{ripple:u.default}},f=["tabindex"],I=["id","aria-label","aria-expanded","aria-level","aria-setsize","aria-posinset","data-p-focused","data-p-disabled"],g=["onClick"],v=["href","onClick"],b=["href","target"];function y(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function P(e,t){if(e){if("string"==typeof e)return k(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?k(e,t):void 0}}function k(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,i=new Array(t);n<t;n++)i[n]=e[n];return i}function x(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var i,o,r,s,a=[],c=!0,l=!1;try{if(r=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(i=r.call(n)).done)&&(a.push(i.value),a.length!==t);c=!0);}catch(e){l=!0,o=e}finally{try{if(!c&&null!=n.return&&(s=n.return(),Object(s)!==s))return}finally{if(l)throw o}}return a}}function E(e){if(Array.isArray(e))return e}h.render=function(e,t,n,i,o,r){var a=s.resolveComponent("router-link"),c=s.resolveComponent("PanelMenuSub",!0),l=s.resolveDirective("ripple");return s.openBlock(),s.createElementBlock("ul",{class:s.normalizeClass(e.cx("submenu")),tabindex:n.tabindex},[(s.openBlock(!0),s.createElementBlock(s.Fragment,null,s.renderList(n.items,(function(t,i){return s.openBlock(),s.createElementBlock(s.Fragment,{key:r.getItemKey(t)},[r.isItemVisible(t)&&!r.getItemProp(t,"separator")?(s.openBlock(),s.createElementBlock("li",s.mergeProps({key:0,id:r.getItemId(t),class:[e.cx("menuitem",{processedItem:t}),r.getItemProp(t,"class")],style:r.getItemProp(t,"style"),role:"treeitem","aria-label":r.getItemLabel(t),"aria-expanded":r.isItemGroup(t)?r.isItemActive(t):void 0,"aria-level":n.level+1,"aria-setsize":r.getAriaSetSize(),"aria-posinset":r.getAriaPosInset(i)},r.getPTOptions("menuitem",t,i),{"data-p-focused":r.isItemFocused(t),"data-p-disabled":r.isItemDisabled(t)}),[s.createElementVNode("div",s.mergeProps({class:e.cx("content"),onClick:function(e){return r.onItemClick(e,t)}},r.getPTOptions("content",t,i)),[n.templates.item?(s.openBlock(),s.createBlock(s.resolveDynamicComponent(n.templates.item),{key:1,item:t.item,hasSubmenu:r.isItemGroup(t),label:r.getItemLabel(t),props:r.getMenuItemProps(t,i)},null,8,["item","hasSubmenu","label","props"])):(s.openBlock(),s.createElementBlock(s.Fragment,{key:0},[r.getItemProp(t,"to")&&!r.isItemDisabled(t)?(s.openBlock(),s.createBlock(a,{key:0,to:r.getItemProp(t,"to"),custom:""},{default:s.withCtx((function(o){var a=o.navigate,c=o.href,m=o.isActive,u=o.isExactActive;return[s.withDirectives((s.openBlock(),s.createElementBlock("a",s.mergeProps({href:c,class:e.cx("action",{isActive:m,isExactActive:u}),tabindex:"-1","aria-hidden":"true",onClick:function(e){return r.onItemActionClick(e,a)}},r.getPTOptions("action",t,i)),[n.templates.itemicon?(s.openBlock(),s.createBlock(s.resolveDynamicComponent(n.templates.itemicon),{key:0,item:t.item,class:s.normalizeClass([e.cx("icon"),r.getItemProp(t,"icon")])},null,8,["item","class"])):r.getItemProp(t,"icon")?(s.openBlock(),s.createElementBlock("span",s.mergeProps({key:1,class:[e.cx("icon"),r.getItemProp(t,"icon")]},r.getPTOptions("icon",t,i)),null,16)):s.createCommentVNode("",!0),s.createElementVNode("span",s.mergeProps({class:e.cx("label")},r.getPTOptions("label",t,i)),s.toDisplayString(r.getItemLabel(t)),17)],16,v)),[[l]])]})),_:2},1032,["to"])):s.withDirectives((s.openBlock(),s.createElementBlock("a",s.mergeProps({key:1,href:r.getItemProp(t,"url"),class:e.cx("action"),target:r.getItemProp(t,"target"),tabindex:"-1","aria-hidden":"true"},r.getPTOptions("action",t,i)),[r.isItemGroup(t)?(s.openBlock(),s.createElementBlock(s.Fragment,{key:0},[n.templates.submenuicon?(s.openBlock(),s.createBlock(s.resolveDynamicComponent(n.templates.submenuicon),s.mergeProps({key:0,class:e.cx("submenuIcon"),active:r.isItemActive(t)},r.getPTOptions("submenuIcon",t,i)),null,16,["class","active"])):(s.openBlock(),s.createBlock(s.resolveDynamicComponent(r.isItemActive(t)?"ChevronDownIcon":"ChevronRightIcon"),s.mergeProps({key:1,class:e.cx("submenuIcon")},r.getPTOptions("submenuIcon",t,i)),null,16,["class"]))],64)):s.createCommentVNode("",!0),n.templates.itemicon?(s.openBlock(),s.createBlock(s.resolveDynamicComponent(n.templates.itemicon),{key:1,item:t.item,class:s.normalizeClass([e.cx("icon"),r.getItemProp(t,"icon")])},null,8,["item","class"])):r.getItemProp(t,"icon")?(s.openBlock(),s.createElementBlock("span",s.mergeProps({key:2,class:[e.cx("icon"),r.getItemProp(t,"icon")]},r.getPTOptions("icon",t,i)),null,16)):s.createCommentVNode("",!0),s.createElementVNode("span",s.mergeProps({class:e.cx("label")},r.getPTOptions("label",t,i)),s.toDisplayString(r.getItemLabel(t)),17)],16,b)),[[l]])],64))],16,g),s.createVNode(s.Transition,s.mergeProps({name:"p-toggleable-content"},e.ptm("transition")),{default:s.withCtx((function(){return[s.withDirectives(s.createElementVNode("div",s.mergeProps({class:e.cx("toggleableContent")},e.ptm("toggleableContent")),[r.isItemVisible(t)&&r.isItemGroup(t)?(s.openBlock(),s.createBlock(c,s.mergeProps({key:0,id:r.getItemId(t)+"_list",role:"group",panelId:n.panelId,focusedItemId:n.focusedItemId,items:t.items,level:n.level+1,templates:n.templates,activeItemPath:n.activeItemPath,exact:n.exact,onItemToggle:r.onItemToggle,pt:e.pt,unstyled:e.unstyled},e.ptm("submenu")),null,16,["id","panelId","focusedItemId","items","level","templates","activeItemPath","exact","onItemToggle","pt","unstyled"])):s.createCommentVNode("",!0)],16),[[s.vShow,r.isItemActive(t)]])]})),_:2},1040)],16,I)):s.createCommentVNode("",!0),r.isItemVisible(t)&&r.getItemProp(t,"separator")?(s.openBlock(),s.createElementBlock("li",s.mergeProps({key:1,style:r.getItemProp(t,"style"),class:[e.cx("separator"),r.getItemProp(t,"class")],role:"separator"},e.ptm("separator")),null,16)):s.createCommentVNode("",!0)],64)})),128))],10,f)};var C={name:"PanelMenuList",hostName:"PanelMenu",extends:m.default,emits:["item-toggle","header-focus"],props:{panelId:{type:String,default:null},items:{type:Array,default:null},templates:{type:Object,default:null},expandedKeys:{type:Object,default:null},exact:{type:Boolean,default:!0}},searchTimeout:null,searchValue:null,data:function(){return{focused:!1,focusedItem:null,activeItemPath:[]}},watch:{expandedKeys:function(e){this.autoUpdateActiveItemPath(e)}},mounted:function(){this.autoUpdateActiveItemPath(this.expandedKeys)},methods:{getItemProp:function(e,t){return e&&e.item?n.ObjectUtils.getItemValue(e.item[t]):void 0},getItemLabel:function(e){return this.getItemProp(e,"label")},isItemVisible:function(e){return!1!==this.getItemProp(e,"visible")},isItemDisabled:function(e){return this.getItemProp(e,"disabled")},isItemActive:function(e){return this.activeItemPath.some((function(t){return t.key===e.parentKey}))},isItemGroup:function(e){return n.ObjectUtils.isNotEmpty(e.items)},onFocus:function(e){this.focused=!0,this.focusedItem=this.focusedItem||(this.isElementInPanel(e,e.relatedTarget)?this.findFirstItem():this.findLastItem())},onBlur:function(){this.focused=!1,this.focusedItem=null,this.searchValue=""},onKeyDown:function(e){var t=e.metaKey||e.ctrlKey;switch(e.code){case"ArrowDown":this.onArrowDownKey(e);break;case"ArrowUp":this.onArrowUpKey(e);break;case"ArrowLeft":this.onArrowLeftKey(e);break;case"ArrowRight":this.onArrowRightKey(e);break;case"Home":this.onHomeKey(e);break;case"End":this.onEndKey(e);break;case"Space":this.onSpaceKey(e);break;case"Enter":this.onEnterKey(e);break;case"Escape":case"Tab":case"PageDown":case"PageUp":case"Backspace":case"ShiftLeft":case"ShiftRight":break;default:!t&&n.ObjectUtils.isPrintableCharacter(e.key)&&this.searchItems(e,e.key)}},onArrowDownKey:function(e){var t=n.ObjectUtils.isNotEmpty(this.focusedItem)?this.findNextItem(this.focusedItem):this.findFirstItem();this.changeFocusedItem({originalEvent:e,processedItem:t,focusOnNext:!0}),e.preventDefault()},onArrowUpKey:function(e){var t=n.ObjectUtils.isNotEmpty(this.focusedItem)?this.findPrevItem(this.focusedItem):this.findLastItem();this.changeFocusedItem({originalEvent:e,processedItem:t,selfCheck:!0}),e.preventDefault()},onArrowLeftKey:function(e){var t=this;n.ObjectUtils.isNotEmpty(this.focusedItem)&&(this.activeItemPath.some((function(e){return e.key===t.focusedItem.key}))?this.activeItemPath=this.activeItemPath.filter((function(e){return e.key!==t.focusedItem.key})):this.focusedItem=n.ObjectUtils.isNotEmpty(this.focusedItem.parent)?this.focusedItem.parent:this.focusedItem,e.preventDefault())},onArrowRightKey:function(e){var t=this;if(n.ObjectUtils.isNotEmpty(this.focusedItem)){if(this.isItemGroup(this.focusedItem))this.activeItemPath.some((function(e){return e.key===t.focusedItem.key}))?this.onArrowDownKey(e):(this.activeItemPath=this.activeItemPath.filter((function(e){return e.parentKey!==t.focusedItem.parentKey})),this.activeItemPath.push(this.focusedItem));e.preventDefault()}},onHomeKey:function(e){this.changeFocusedItem({originalEvent:e,processedItem:this.findFirstItem(),allowHeaderFocus:!1}),e.preventDefault()},onEndKey:function(e){this.changeFocusedItem({originalEvent:e,processedItem:this.findLastItem(),focusOnNext:!0,allowHeaderFocus:!1}),e.preventDefault()},onEnterKey:function(e){if(n.ObjectUtils.isNotEmpty(this.focusedItem)){var t=n.DomHandler.findSingle(this.$el,'li[id="'.concat("".concat(this.focusedItemId),'"]')),i=t&&(n.DomHandler.findSingle(t,'[data-pc-section="action"]')||n.DomHandler.findSingle(t,"a,button"));i?i.click():t&&t.click()}e.preventDefault()},onSpaceKey:function(e){this.onEnterKey(e)},onItemToggle:function(e){var t=e.processedItem,i=e.expanded;this.expandedKeys?this.$emit("item-toggle",{item:t.item,expanded:i}):(this.activeItemPath=this.activeItemPath.filter((function(e){return e.parentKey!==t.parentKey})),i&&this.activeItemPath.push(t)),this.focusedItem=t,n.DomHandler.focus(this.$el)},isElementInPanel:function(e,t){var n=e.currentTarget.closest('[data-pc-section="panel"]');return n&&n.contains(t)},isItemMatched:function(e){return this.isValidItem(e)&&this.getItemLabel(e).toLocaleLowerCase(this.searchLocale).startsWith(this.searchValue.toLocaleLowerCase(this.searchLocale))},isVisibleItem:function(e){return!!e&&(0===e.level||this.isItemActive(e))&&this.isItemVisible(e)},isValidItem:function(e){return!!e&&!this.isItemDisabled(e)},findFirstItem:function(){var e=this;return this.visibleItems.find((function(t){return e.isValidItem(t)}))},findLastItem:function(){var e=this;return n.ObjectUtils.findLast(this.visibleItems,(function(t){return e.isValidItem(t)}))},findNextItem:function(e){var t=this,n=this.visibleItems.findIndex((function(t){return t.key===e.key}));return(n<this.visibleItems.length-1?this.visibleItems.slice(n+1).find((function(e){return t.isValidItem(e)})):void 0)||e},findPrevItem:function(e){var t=this,i=this.visibleItems.findIndex((function(t){return t.key===e.key}));return(i>0?n.ObjectUtils.findLast(this.visibleItems.slice(0,i),(function(e){return t.isValidItem(e)})):void 0)||e},searchItems:function(e,t){var i=this;this.searchValue=(this.searchValue||"")+t;var o=null,r=!1;if(n.ObjectUtils.isNotEmpty(this.focusedItem)){var s=this.visibleItems.findIndex((function(e){return e.key===i.focusedItem.key}));o=this.visibleItems.slice(s).find((function(e){return i.isItemMatched(e)})),o=n.ObjectUtils.isEmpty(o)?this.visibleItems.slice(0,s).find((function(e){return i.isItemMatched(e)})):o}else o=this.visibleItems.find((function(e){return i.isItemMatched(e)}));return n.ObjectUtils.isNotEmpty(o)&&(r=!0),n.ObjectUtils.isEmpty(o)&&n.ObjectUtils.isEmpty(this.focusedItem)&&(o=this.findFirstItem()),n.ObjectUtils.isNotEmpty(o)&&this.changeFocusedItem({originalEvent:e,processedItem:o,allowHeaderFocus:!1}),this.searchTimeout&&clearTimeout(this.searchTimeout),this.searchTimeout=setTimeout((function(){i.searchValue="",i.searchTimeout=null}),500),r},changeFocusedItem:function(e){var t=e.originalEvent,i=e.processedItem,o=e.focusOnNext,r=e.selfCheck,s=e.allowHeaderFocus,a=void 0===s||s;n.ObjectUtils.isNotEmpty(this.focusedItem)&&this.focusedItem.key!==i.key?(this.focusedItem=i,this.scrollInView()):a&&this.$emit("header-focus",{originalEvent:t,focusOnNext:o,selfCheck:r})},scrollInView:function(){var e=n.DomHandler.findSingle(this.$el,'li[id="'.concat("".concat(this.focusedItemId),'"]'));e&&e.scrollIntoView&&e.scrollIntoView({block:"nearest",inline:"start"})},autoUpdateActiveItemPath:function(e){var t=this;this.activeItemPath=Object.entries(e||{}).reduce((function(e,n){var i,o,r=(o=2,E(i=n)||x(i,o)||P(i,o)||y());if(r[1]){var s=t.findProcessedItemByItemKey(r[0]);s&&e.push(s)}return e}),[])},findProcessedItemByItemKey:function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0;if(!(t=t||0===n&&this.processedItems))return null;for(var i=0;i<t.length;i++){var o=t[i];if(this.getItemProp(o,"key")===e)return o;var r=this.findProcessedItemByItemKey(e,o.items,n+1);if(r)return r}},createProcessedItems:function(e){var t=this,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},o=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",r=[];return e&&e.forEach((function(e,s){var a=(""!==o?o+"_":"")+s,c={item:e,index:s,level:n,key:a,parent:i,parentKey:o};c.items=t.createProcessedItems(e.items,n+1,c,a),r.push(c)})),r},flatItems:function(e){var t=this,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[];return e&&e.forEach((function(e){t.isVisibleItem(e)&&(n.push(e),t.flatItems(e.items,n))})),n}},computed:{processedItems:function(){return this.createProcessedItems(this.items||[])},visibleItems:function(){return this.flatItems(this.processedItems)},focusedItemId:function(){return n.ObjectUtils.isNotEmpty(this.focusedItem)?"".concat(this.panelId,"_").concat(this.focusedItem.key):null}},components:{PanelMenuSub:h}};function O(e){return O="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},O(e)}function D(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function w(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?D(Object(n),!0).forEach((function(t){A(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):D(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function A(e,t,n){return(t=B(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function B(e){var t=H(e,"string");return"symbol"===O(t)?t:String(t)}function H(e,t){if("object"!==O(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var i=n.call(e,t||"default");if("object"!==O(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}C.render=function(e,t,n,i,o,r){var a=s.resolveComponent("PanelMenuSub");return s.openBlock(),s.createBlock(a,s.mergeProps({id:n.panelId+"_list",class:e.cx("menu"),role:"tree",tabindex:-1,"aria-activedescendant":o.focused?r.focusedItemId:void 0,panelId:n.panelId,focusedItemId:o.focused?r.focusedItemId:void 0,items:r.processedItems,templates:n.templates,activeItemPath:o.activeItemPath,exact:n.exact,onFocus:r.onFocus,onBlur:r.onBlur,onKeydown:r.onKeyDown,onItemToggle:r.onItemToggle,pt:e.pt,unstyled:e.unstyled},e.ptm("menu")),null,16,["id","class","aria-activedescendant","panelId","focusedItemId","items","templates","activeItemPath","exact","onFocus","onBlur","onKeydown","onItemToggle","pt","unstyled"])};var K={name:"PanelMenu",extends:p,emits:["update:expandedKeys","panel-open","panel-close"],data:function(){return{id:this.$attrs.id,activeItem:null}},watch:{"$attrs.id":function(e){this.id=e||n.UniqueComponentId()}},beforeMount:function(){this.$slots.item||console.warn("In future versions, vue-router support will be removed. Item templating should be used.")},mounted:function(){this.id=this.id||n.UniqueComponentId()},methods:{getItemProp:function(e,t){return e?n.ObjectUtils.getItemValue(e[t]):void 0},getItemLabel:function(e){return this.getItemProp(e,"label")},getPTOptions:function(e,t,n){return this.ptm(e,{context:{index:n,active:this.isItemActive(t),focused:this.isItemFocused(t)}})},isItemActive:function(e){return this.expandedKeys?this.expandedKeys[this.getItemProp(e,"key")]:n.ObjectUtils.equals(e,this.activeItem)},isItemVisible:function(e){return!1!==this.getItemProp(e,"visible")},isItemDisabled:function(e){return this.getItemProp(e,"disabled")},isItemFocused:function(e){return n.ObjectUtils.equals(e,this.activeItem)},getPanelId:function(e){return"".concat(this.id,"_").concat(e)},getPanelKey:function(e){return this.getPanelId(e)},getHeaderId:function(e){return"".concat(this.getPanelId(e),"_header")},getContentId:function(e){return"".concat(this.getPanelId(e),"_content")},onHeaderClick:function(e,t){this.isItemDisabled(t)?e.preventDefault():(t.command&&t.command({originalEvent:e,item:t}),this.changeActiveItem(e,t),n.DomHandler.focus(e.currentTarget))},onHeaderKeyDown:function(e,t){switch(e.code){case"ArrowDown":this.onHeaderArrowDownKey(e);break;case"ArrowUp":this.onHeaderArrowUpKey(e);break;case"Home":this.onHeaderHomeKey(e);break;case"End":this.onHeaderEndKey(e);break;case"Enter":case"Space":this.onHeaderEnterKey(e,t)}},onHeaderArrowDownKey:function(e){var t=!0===n.DomHandler.getAttribute(e.currentTarget,"data-p-highlight")?n.DomHandler.findSingle(e.currentTarget.nextElementSibling,'[data-pc-section="menu"]'):null;t?n.DomHandler.focus(t):this.updateFocusedHeader({originalEvent:e,focusOnNext:!0}),e.preventDefault()},onHeaderArrowUpKey:function(e){var t=this.findPrevHeader(e.currentTarget.parentElement)||this.findLastHeader(),i=!0===n.DomHandler.getAttribute(t,"data-p-highlight")?n.DomHandler.findSingle(t.nextElementSibling,'[data-pc-section="menu"]'):null;i?n.DomHandler.focus(i):this.updateFocusedHeader({originalEvent:e,focusOnNext:!1}),e.preventDefault()},onHeaderHomeKey:function(e){this.changeFocusedHeader(e,this.findFirstHeader()),e.preventDefault()},onHeaderEndKey:function(e){this.changeFocusedHeader(e,this.findLastHeader()),e.preventDefault()},onHeaderEnterKey:function(e,t){var i=n.DomHandler.findSingle(e.currentTarget,'[data-pc-section="headeraction"]');i?i.click():this.onHeaderClick(e,t),e.preventDefault()},onHeaderActionClick:function(e,t){t&&t(e)},findNextHeader:function(e){var t=n.DomHandler.findSingle(arguments.length>1&&void 0!==arguments[1]&&arguments[1]?e:e.nextElementSibling,'[data-pc-section="header"]');return t?n.DomHandler.getAttribute(t,"data-p-disabled")?this.findNextHeader(t.parentElement):t:null},findPrevHeader:function(e){var t=n.DomHandler.findSingle(arguments.length>1&&void 0!==arguments[1]&&arguments[1]?e:e.previousElementSibling,'[data-pc-section="header"]');return t?n.DomHandler.getAttribute(t,"data-p-disabled")?this.findPrevHeader(t.parentElement):t:null},findFirstHeader:function(){return this.findNextHeader(this.$el.firstElementChild,!0)},findLastHeader:function(){return this.findPrevHeader(this.$el.lastElementChild,!0)},updateFocusedHeader:function(e){var t=e.originalEvent,i=e.focusOnNext,o=e.selfCheck,r=t.currentTarget.closest('[data-pc-section="panel"]'),s=o?n.DomHandler.findSingle(r,'[data-pc-section="header"]'):i?this.findNextHeader(r):this.findPrevHeader(r);s?this.changeFocusedHeader(t,s):i?this.onHeaderHomeKey(t):this.onHeaderEndKey(t)},changeActiveItem:function(e,t){var i=arguments.length>2&&void 0!==arguments[2]&&arguments[2];if(!this.isItemDisabled(t)){var o=this.isItemActive(t),r=o?"panel-close":"panel-open";this.activeItem=i?t:this.activeItem&&n.ObjectUtils.equals(t,this.activeItem)?null:t,this.changeExpandedKeys({item:t,expanded:!o}),this.$emit(r,{originalEvent:e,item:t})}},changeExpandedKeys:function(e){var t=e.item,n=e.expanded,i=void 0!==n&&n;if(this.expandedKeys){var o=w({},this.expandedKeys);i?o[t.key]=!0:delete o[t.key],this.$emit("update:expandedKeys",o)}},changeFocusedHeader:function(e,t){t&&n.DomHandler.focus(t)}},components:{PanelMenuList:C,ChevronRightIcon:l.default,ChevronDownIcon:c.default}},S=["id"],N=["id","tabindex","aria-label","aria-expanded","aria-controls","aria-disabled","onClick","onKeydown","data-p-highlight","data-p-disabled"],T=["href","onClick"],V=["href"],j=["id","aria-labelledby"];K.render=function(e,t,n,i,o,r){var a=s.resolveComponent("router-link"),c=s.resolveComponent("PanelMenuList");return s.openBlock(),s.createElementBlock("div",s.mergeProps({id:o.id,class:e.cx("root")},e.ptm("root"),{"data-pc-name":"panelmenu"}),[(s.openBlock(!0),s.createElementBlock(s.Fragment,null,s.renderList(e.model,(function(t,n){return s.openBlock(),s.createElementBlock(s.Fragment,{key:r.getPanelKey(n)},[r.isItemVisible(t)?(s.openBlock(),s.createElementBlock("div",s.mergeProps({key:0,style:r.getItemProp(t,"style"),class:[e.cx("panel"),r.getItemProp(t,"class")]},e.ptm("panel")),[s.createElementVNode("div",s.mergeProps({id:r.getHeaderId(n),class:[e.cx("header",{item:t}),r.getItemProp(t,"headerClass")],tabindex:r.isItemDisabled(t)?-1:e.tabindex,role:"button","aria-label":r.getItemLabel(t),"aria-expanded":r.isItemActive(t),"aria-controls":r.getContentId(n),"aria-disabled":r.isItemDisabled(t),onClick:function(e){return r.onHeaderClick(e,t)},onKeydown:function(e){return r.onHeaderKeyDown(e,t)}},r.getPTOptions("header",t,n),{"data-p-highlight":r.isItemActive(t),"data-p-disabled":r.isItemDisabled(t)}),[s.createElementVNode("div",s.mergeProps({class:e.cx("headerContent")},r.getPTOptions("headerContent",t,n)),[e.$slots.item?(s.openBlock(),s.createBlock(s.resolveDynamicComponent(e.$slots.item),{key:1,item:t},null,8,["item"])):(s.openBlock(),s.createElementBlock(s.Fragment,{key:0},[r.getItemProp(t,"to")&&!r.isItemDisabled(t)?(s.openBlock(),s.createBlock(a,{key:0,to:r.getItemProp(t,"to"),custom:""},{default:s.withCtx((function(i){var o=i.navigate;return[s.createElementVNode("a",s.mergeProps({href:i.href,class:e.cx("headerAction",{isActive:i.isActive,isExactActive:i.isExactActive}),tabindex:-1,onClick:function(e){return r.onHeaderActionClick(e,o)}},r.getPTOptions("headerAction",t,n)),[e.$slots.headericon?(s.openBlock(),s.createBlock(s.resolveDynamicComponent(e.$slots.headericon),{key:0,item:t,class:s.normalizeClass([e.cx("headerIcon"),r.getItemProp(t,"icon")])},null,8,["item","class"])):r.getItemProp(t,"icon")?(s.openBlock(),s.createElementBlock("span",s.mergeProps({key:1,class:[e.cx("headerIcon"),r.getItemProp(t,"icon")]},r.getPTOptions("headerIcon",t,n)),null,16)):s.createCommentVNode("",!0),s.createElementVNode("span",s.mergeProps({class:e.cx("headerLabel")},r.getPTOptions("headerLabel",t,n)),s.toDisplayString(r.getItemLabel(t)),17)],16,T)]})),_:2},1032,["to"])):(s.openBlock(),s.createElementBlock("a",s.mergeProps({key:1,href:r.getItemProp(t,"url"),class:e.cx("headerAction"),tabindex:-1},r.getPTOptions("headerAction",t,n)),[r.getItemProp(t,"items")?s.renderSlot(e.$slots,"submenuicon",{key:0,active:r.isItemActive(t)},(function(){return[(s.openBlock(),s.createBlock(s.resolveDynamicComponent(r.isItemActive(t)?"ChevronDownIcon":"ChevronRightIcon"),s.mergeProps({class:e.cx("submenuIcon")},r.getPTOptions("submenuIcon",t,n)),null,16,["class"]))]})):s.createCommentVNode("",!0),e.$slots.headericon?(s.openBlock(),s.createBlock(s.resolveDynamicComponent(e.$slots.headericon),{key:1,item:t,class:s.normalizeClass([e.cx("headerIcon"),r.getItemProp(t,"icon")])},null,8,["item","class"])):r.getItemProp(t,"icon")?(s.openBlock(),s.createElementBlock("span",s.mergeProps({key:2,class:[e.cx("headerIcon"),r.getItemProp(t,"icon")]},r.getPTOptions("headerIcon",t,n)),null,16)):s.createCommentVNode("",!0),s.createElementVNode("span",s.mergeProps({class:e.cx("headerLabel")},r.getPTOptions("headerLabel",t,n)),s.toDisplayString(r.getItemLabel(t)),17)],16,V))],64))],16)],16,N),s.createVNode(s.Transition,s.mergeProps({name:"p-toggleable-content"},e.ptm("transition")),{default:s.withCtx((function(){return[s.withDirectives(s.createElementVNode("div",s.mergeProps({id:r.getContentId(n),class:e.cx("toggleableContent"),role:"region","aria-labelledby":r.getHeaderId(n)},e.ptm("toggleableContent")),[r.getItemProp(t,"items")?(s.openBlock(),s.createElementBlock("div",s.mergeProps({key:0,class:e.cx("menuContent")},e.ptm("menuContent")),[s.createVNode(c,{panelId:r.getPanelId(n),items:r.getItemProp(t,"items"),templates:e.$slots,expandedKeys:e.expandedKeys,onItemToggle:r.changeExpandedKeys,onHeaderFocus:r.updateFocusedHeader,exact:e.exact,pt:e.pt,unstyled:e.unstyled},null,8,["panelId","items","templates","expandedKeys","onItemToggle","onHeaderFocus","exact","pt","unstyled"])],16)):s.createCommentVNode("",!0)],16,j),[[s.vShow,r.isItemActive(t)]])]})),_:2},1040)],16)):s.createCommentVNode("",!0)],64)})),128))],16,S)},module.exports=K;
|
|
@@ -4,7 +4,7 @@ import { ObjectUtils, DomHandler, UniqueComponentId } from 'primevue/utils';
|
|
|
4
4
|
import BaseComponent from 'primevue/basecomponent';
|
|
5
5
|
import { useStyle } from 'primevue/usestyle';
|
|
6
6
|
import Ripple from 'primevue/ripple';
|
|
7
|
-
import { resolveComponent, resolveDirective, openBlock, createElementBlock, normalizeClass, Fragment, renderList,
|
|
7
|
+
import { mergeProps, resolveComponent, resolveDirective, openBlock, createElementBlock, normalizeClass, Fragment, renderList, createElementVNode, createBlock, withCtx, withDirectives, resolveDynamicComponent, createCommentVNode, toDisplayString, createVNode, Transition, vShow, renderSlot } from 'vue';
|
|
8
8
|
|
|
9
9
|
var styles = "\n.p-panelmenu .p-panelmenu-header-action {\n display: flex;\n align-items: center;\n user-select: none;\n cursor: pointer;\n position: relative;\n text-decoration: none;\n}\n\n.p-panelmenu .p-panelmenu-header-action:focus {\n z-index: 1;\n}\n\n.p-panelmenu .p-submenu-list {\n margin: 0;\n padding: 0;\n list-style: none;\n}\n\n.p-panelmenu .p-menuitem-link {\n display: flex;\n align-items: center;\n user-select: none;\n cursor: pointer;\n text-decoration: none;\n position: relative;\n overflow: hidden;\n}\n\n.p-panelmenu .p-menuitem-text {\n line-height: 1;\n}\n";
|
|
10
10
|
var classes = {
|
|
@@ -200,6 +200,24 @@ var script$2 = {
|
|
|
200
200
|
return index - this.items.slice(0, index).filter(function (processedItem) {
|
|
201
201
|
return _this2.isItemVisible(processedItem) && _this2.getItemProp(processedItem, 'separator');
|
|
202
202
|
}).length + 1;
|
|
203
|
+
},
|
|
204
|
+
getMenuItemProps: function getMenuItemProps(processedItem, index) {
|
|
205
|
+
return {
|
|
206
|
+
action: mergeProps({
|
|
207
|
+
"class": this.cx('action'),
|
|
208
|
+
tabindex: -1,
|
|
209
|
+
'aria-hidden': true
|
|
210
|
+
}, this.getPTOptions('action', processedItem, index)),
|
|
211
|
+
icon: mergeProps({
|
|
212
|
+
"class": [this.cx('icon'), this.getItemProp(processedItem, 'icon')]
|
|
213
|
+
}, this.getPTOptions('icon', processedItem, index)),
|
|
214
|
+
label: mergeProps({
|
|
215
|
+
"class": this.cx('label')
|
|
216
|
+
}, this.getPTOptions('label', processedItem, index)),
|
|
217
|
+
submenuicon: mergeProps({
|
|
218
|
+
"class": this.cx('submenuIcon')
|
|
219
|
+
}, this.getPTOptions('submenuicon', processedItem, index))
|
|
220
|
+
};
|
|
203
221
|
}
|
|
204
222
|
},
|
|
205
223
|
components: {
|
|
@@ -309,8 +327,11 @@ function render$2(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
309
327
|
"class": _ctx.cx('label')
|
|
310
328
|
}, $options.getPTOptions('label', processedItem, index)), toDisplayString($options.getItemLabel(processedItem)), 17)], 16, _hoisted_5$1)), [[_directive_ripple]])], 64)) : (openBlock(), createBlock(resolveDynamicComponent($props.templates.item), {
|
|
311
329
|
key: 1,
|
|
312
|
-
item: processedItem.item
|
|
313
|
-
|
|
330
|
+
item: processedItem.item,
|
|
331
|
+
hasSubmenu: $options.isItemGroup(processedItem),
|
|
332
|
+
label: $options.getItemLabel(processedItem),
|
|
333
|
+
props: $options.getMenuItemProps(processedItem, index)
|
|
334
|
+
}, null, 8, ["item", "hasSubmenu", "label", "props"]))], 16, _hoisted_3$1), createVNode(Transition, mergeProps({
|
|
314
335
|
name: "p-toggleable-content"
|
|
315
336
|
}, _ctx.ptm('transition')), {
|
|
316
337
|
"default": withCtx(function () {
|
|
@@ -328,8 +349,9 @@ function render$2(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
328
349
|
activeItemPath: $props.activeItemPath,
|
|
329
350
|
exact: $props.exact,
|
|
330
351
|
onItemToggle: $options.onItemToggle,
|
|
331
|
-
pt: _ctx.pt
|
|
332
|
-
|
|
352
|
+
pt: _ctx.pt,
|
|
353
|
+
unstyled: _ctx.unstyled
|
|
354
|
+
}, _ctx.ptm('submenu')), null, 16, ["id", "panelId", "focusedItemId", "items", "level", "templates", "activeItemPath", "exact", "onItemToggle", "pt", "unstyled"])) : createCommentVNode("", true)], 16), [[vShow, $options.isItemActive(processedItem)]])];
|
|
333
355
|
}),
|
|
334
356
|
_: 2
|
|
335
357
|
}, 1040)], 16, _hoisted_2$1)) : createCommentVNode("", true), $options.isItemVisible(processedItem) && $options.getItemProp(processedItem, 'separator') ? (openBlock(), createElementBlock("li", mergeProps({
|
|
@@ -347,7 +369,7 @@ function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArra
|
|
|
347
369
|
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
348
370
|
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
349
371
|
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
350
|
-
function _iterableToArrayLimit(
|
|
372
|
+
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
351
373
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
352
374
|
var script$1 = {
|
|
353
375
|
name: 'PanelMenuList',
|
|
@@ -770,15 +792,16 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
770
792
|
onBlur: $options.onBlur,
|
|
771
793
|
onKeydown: $options.onKeyDown,
|
|
772
794
|
onItemToggle: $options.onItemToggle,
|
|
773
|
-
pt: _ctx.pt
|
|
774
|
-
|
|
795
|
+
pt: _ctx.pt,
|
|
796
|
+
unstyled: _ctx.unstyled
|
|
797
|
+
}, _ctx.ptm('menu')), null, 16, ["id", "class", "aria-activedescendant", "panelId", "focusedItemId", "items", "templates", "activeItemPath", "exact", "onFocus", "onBlur", "onKeydown", "onItemToggle", "pt", "unstyled"]);
|
|
775
798
|
}
|
|
776
799
|
|
|
777
800
|
script$1.render = render$1;
|
|
778
801
|
|
|
779
|
-
function _typeof(
|
|
780
|
-
function ownKeys(
|
|
781
|
-
function _objectSpread(
|
|
802
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
803
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
804
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
782
805
|
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
783
806
|
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
784
807
|
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
@@ -797,6 +820,11 @@ var script = {
|
|
|
797
820
|
this.id = newValue || UniqueComponentId();
|
|
798
821
|
}
|
|
799
822
|
},
|
|
823
|
+
beforeMount: function beforeMount() {
|
|
824
|
+
if (!this.$slots.item) {
|
|
825
|
+
console.warn('In future versions, vue-router support will be removed. Item templating should be used.');
|
|
826
|
+
}
|
|
827
|
+
},
|
|
800
828
|
mounted: function mounted() {
|
|
801
829
|
this.id = this.id || UniqueComponentId();
|
|
802
830
|
},
|
|
@@ -1090,8 +1118,9 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
1090
1118
|
onItemToggle: $options.changeExpandedKeys,
|
|
1091
1119
|
onHeaderFocus: $options.updateFocusedHeader,
|
|
1092
1120
|
exact: _ctx.exact,
|
|
1093
|
-
pt: _ctx.pt
|
|
1094
|
-
|
|
1121
|
+
pt: _ctx.pt,
|
|
1122
|
+
unstyled: _ctx.unstyled
|
|
1123
|
+
}, null, 8, ["panelId", "items", "templates", "expandedKeys", "onItemToggle", "onHeaderFocus", "exact", "pt", "unstyled"])], 16)) : createCommentVNode("", true)], 16, _hoisted_5), [[vShow, $options.isItemActive(item)]])];
|
|
1095
1124
|
}),
|
|
1096
1125
|
_: 2
|
|
1097
1126
|
}, 1040)], 16)) : createCommentVNode("", true)], 64);
|