primevue 3.17.0 → 3.18.0

package/menu/menu.cjs.js

@@ -1,39 +1,48 @@
 'use strict';
 
-var utils = require('primevue/utils');
 var OverlayEventBus = require('primevue/overlayeventbus');
+var Portal = require('primevue/portal');
+var utils = require('primevue/utils');
 var Ripple = require('primevue/ripple');
 var vue = require('vue');
-var Portal = require('primevue/portal');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var OverlayEventBus__default = /*#__PURE__*/_interopDefaultLegacy(OverlayEventBus);
-var Ripple__default = /*#__PURE__*/_interopDefaultLegacy(Ripple);
 var Portal__default = /*#__PURE__*/_interopDefaultLegacy(Portal);
+var Ripple__default = /*#__PURE__*/_interopDefaultLegacy(Ripple);
 
 var script$1 = {
     name: 'Menuitem',
     inheritAttrs: false,
-    emits: ['click'],
+    emits: ['item-click'],
     props: {
         item: null,
         template: null,
-        exact: null
+        exact: null,
+        id: null,
+        focusedOptionId: null
     },
     methods: {
-        onClick(event, navigate) {
-            this.$emit('click', {
-                originalEvent: event,
-                item: this.item,
-                navigate: navigate
-            });
+        getItemProp(processedItem, name) {
+            return processedItem && processedItem.item ? utils.ObjectUtils.getItemValue(processedItem.item[name]) : undefined;
+        },
+        onItemActionClick(event, navigate) {
+            navigate && navigate(event);
         },
-        linkClass(item, routerProps) {
+        onItemClick(event) {
+            const command = this.getItemProp(this.item, 'command');
+
+            command && command({ originalEvent: event, item: this.item.item });
+            this.$emit('item-click', { originalEvent: event, item: this.item, id: this.id });
+        },
+        containerClass() {
+            return ['p-menuitem', this.item.class, { 'p-focus': this.id === this.focusedOptionId, 'p-disabled': this.disabled() }];
+        },
+        linkClass(routerProps) {
             return [
                 'p-menuitem-link',
                 {
-                    'p-disabled': this.disabled(item),
                     'router-link-active': routerProps && routerProps.isActive,
                     'router-link-active-exact': this.exact && routerProps && routerProps.isExactActive
                 }
@@ -42,27 +51,23 @@ var script$1 = {
         visible() {
             return typeof this.item.visible === 'function' ? this.item.visible() : this.item.visible !== false;
         },
-        disabled(item) {
-            return typeof item.disabled === 'function' ? item.disabled() : item.disabled;
+        disabled() {
+            return typeof this.item.disabled === 'function' ? this.item.disabled() : this.item.disabled;
         },
         label() {
             return typeof this.item.label === 'function' ? this.item.label() : this.item.label;
         }
     },
-    computed: {
-        containerClass() {
-            return ['p-menuitem', this.item.class];
-        }
-    },
     directives: {
         ripple: Ripple__default["default"]
     }
 };
 
-const _hoisted_1$1 = ["href", "onClick"];
-const _hoisted_2$1 = { class: "p-menuitem-text" };
-const _hoisted_3 = ["href", "target", "tabindex"];
-const _hoisted_4 = { class: "p-menuitem-text" };
+const _hoisted_1$1 = ["id", "aria-label", "aria-disabled"];
+const _hoisted_2$1 = ["href", "onClick"];
+const _hoisted_3$1 = { class: "p-menuitem-text" };
+const _hoisted_4 = ["href", "target"];
+const _hoisted_5 = { class: "p-menuitem-text" };
 
 function render$1(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_router_link = vue.resolveComponent("router-link");
@@ -71,63 +76,71 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
   return ($options.visible())
     ? (vue.openBlock(), vue.createElementBlock("li", {
         key: 0,
-        class: vue.normalizeClass($options.containerClass),
-        role: "none",
-        style: vue.normalizeStyle($props.item.style)
+        id: $props.id,
+        class: vue.normalizeClass($options.containerClass()),
+        role: "menuitem",
+        style: vue.normalizeStyle($props.item.style),
+        "aria-label": $options.label(),
+        "aria-disabled": $options.disabled()
       }, [
-        (!$props.template)
-          ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
-              ($props.item.to && !$options.disabled($props.item))
-                ? (vue.openBlock(), vue.createBlock(_component_router_link, {
-                    key: 0,
-                    to: $props.item.to,
-                    custom: ""
-                  }, {
-                    default: vue.withCtx(({ navigate, href, isActive, isExactActive }) => [
-                      vue.withDirectives((vue.openBlock(), vue.createElementBlock("a", {
-                        href: href,
-                        onClick: $event => ($options.onClick($event, navigate)),
-                        class: vue.normalizeClass($options.linkClass($props.item, { isActive, isExactActive })),
-                        role: "menuitem"
-                      }, [
-                        ($props.item.icon)
-                          ? (vue.openBlock(), vue.createElementBlock("span", {
-                              key: 0,
-                              class: vue.normalizeClass(['p-menuitem-icon', $props.item.icon])
-                            }, null, 2))
-                          : vue.createCommentVNode("", true),
-                        vue.createElementVNode("span", _hoisted_2$1, vue.toDisplayString($options.label()), 1)
-                      ], 10, _hoisted_1$1)), [
-                        [_directive_ripple]
-                      ])
-                    ]),
-                    _: 1
-                  }, 8, ["to"]))
-                : vue.withDirectives((vue.openBlock(), vue.createElementBlock("a", {
-                    key: 1,
-                    href: $props.item.url,
-                    class: vue.normalizeClass($options.linkClass($props.item)),
-                    onClick: _cache[0] || (_cache[0] = (...args) => ($options.onClick && $options.onClick(...args))),
-                    target: $props.item.target,
-                    role: "menuitem",
-                    tabindex: $options.disabled($props.item) ? null : '0'
-                  }, [
-                    ($props.item.icon)
-                      ? (vue.openBlock(), vue.createElementBlock("span", {
-                          key: 0,
-                          class: vue.normalizeClass(['p-menuitem-icon', $props.item.icon])
-                        }, null, 2))
-                      : vue.createCommentVNode("", true),
-                    vue.createElementVNode("span", _hoisted_4, vue.toDisplayString($options.label()), 1)
-                  ], 10, _hoisted_3)), [
-                    [_directive_ripple]
-                  ])
-            ], 64))
-          : (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($props.template), {
-              key: 1,
-              item: $props.item
-            }, null, 8, ["item"]))
-      ], 6))
+        vue.createElementVNode("div", {
+          class: "p-menuitem-content",
+          onClick: _cache[0] || (_cache[0] = $event => ($options.onItemClick($event)))
+        }, [
+          (!$props.template)
+            ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
+                ($props.item.to && !$options.disabled())
+                  ? (vue.openBlock(), vue.createBlock(_component_router_link, {
+                      key: 0,
+                      to: $props.item.to,
+                      custom: ""
+                    }, {
+                      default: vue.withCtx(({ navigate, href, isActive, isExactActive }) => [
+                        vue.withDirectives((vue.openBlock(), vue.createElementBlock("a", {
+                          href: href,
+                          class: vue.normalizeClass($options.linkClass({ isActive, isExactActive })),
+                          tabindex: "-1",
+                          "aria-hidden": "true",
+                          onClick: $event => ($options.onItemActionClick($event, navigate))
+                        }, [
+                          ($props.item.icon)
+                            ? (vue.openBlock(), vue.createElementBlock("span", {
+                                key: 0,
+                                class: vue.normalizeClass(['p-menuitem-icon', $props.item.icon])
+                              }, null, 2))
+                            : vue.createCommentVNode("", true),
+                          vue.createElementVNode("span", _hoisted_3$1, vue.toDisplayString($options.label()), 1)
+                        ], 10, _hoisted_2$1)), [
+                          [_directive_ripple]
+                        ])
+                      ]),
+                      _: 1
+                    }, 8, ["to"]))
+                  : vue.withDirectives((vue.openBlock(), vue.createElementBlock("a", {
+                      key: 1,
+                      href: $props.item.url,
+                      class: vue.normalizeClass($options.linkClass()),
+                      target: $props.item.target,
+                      tabindex: "-1",
+                      "aria-hidden": "true"
+                    }, [
+                      ($props.item.icon)
+                        ? (vue.openBlock(), vue.createElementBlock("span", {
+                            key: 0,
+                            class: vue.normalizeClass(['p-menuitem-icon', $props.item.icon])
+                          }, null, 2))
+                        : vue.createCommentVNode("", true),
+                      vue.createElementVNode("span", _hoisted_5, vue.toDisplayString($options.label()), 1)
+                    ], 10, _hoisted_4)), [
+                      [_directive_ripple]
+                    ])
+              ], 64))
+            : (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($props.template), {
+                key: 1,
+                item: $props.item
+              }, null, 8, ["item"]))
+        ])
+      ], 14, _hoisted_1$1))
     : vue.createCommentVNode("", true)
 }
 
@@ -136,7 +149,7 @@ script$1.render = render$1;
 var script = {
     name: 'Menu',
     inheritAttrs: false,
-    emits: ['show', 'hide'],
+    emits: ['show', 'hide', 'focus', 'blur'],
     props: {
         popup: {
             type: Boolean,
@@ -161,11 +174,26 @@ var script = {
         exact: {
             type: Boolean,
             default: true
+        },
+        tabindex: {
+            type: Number,
+            default: 0
+        },
+        'aria-label': {
+            type: String,
+            default: null
+        },
+        'aria-labelledby': {
+            type: String,
+            default: null
         }
     },
     data() {
         return {
-            overlayVisible: false
+            overlayVisible: false,
+            focused: false,
+            focusedOptionIndex: -1,
+            selectedOptionIndex: -1
         };
     },
     target: null,
@@ -173,6 +201,13 @@ var script = {
     scrollHandler: null,
     resizeListener: null,
     container: null,
+    list: null,
+    mounted() {
+        if (!this.popup) {
+            this.bindResizeListener();
+            this.bindOutsideClickListener();
+        }
+    },
     beforeUnmount() {
         this.unbindResizeListener();
         this.unbindOutsideClickListener();
@@ -206,7 +241,115 @@ var script = {
                 event.navigate(event.originalEvent);
             }
 
-            this.hide();
+            if (this.overlayVisible) this.hide();
+
+            if (!this.popup && this.focusedOptionIndex !== event.id) {
+                this.focusedOptionIndex = event.id;
+            }
+        },
+        onListFocus(event) {
+            this.focused = true;
+
+            if (!this.popup) {
+                if (this.selectedOptionIndex !== -1) {
+                    this.changeFocusedOptionIndex(this.selectedOptionIndex);
+                    this.selectedOptionIndex = -1;
+                } else this.changeFocusedOptionIndex(0);
+            }
+
+            this.$emit('focus', event);
+        },
+        onListBlur(event) {
+            this.focused = false;
+            this.focusedOptionIndex = -1;
+            this.$emit('blur', event);
+        },
+        onListKeyDown(event) {
+            switch (event.code) {
+                case 'ArrowDown':
+                    this.onArrowDownKey(event);
+                    break;
+
+                case 'ArrowUp':
+                    this.onArrowUpKey(event);
+                    break;
+
+                case 'Home':
+                    this.onHomeKey(event);
+                    break;
+
+                case 'End':
+                    this.onEndKey(event);
+                    break;
+
+                case 'Enter':
+                    this.onEnterKey(event);
+                    break;
+
+                case 'Space':
+                    this.onSpaceKey(event);
+                    break;
+
+                case 'Tab':
+                    this.overlayVisible && this.hide();
+                    break;
+            }
+        },
+        onArrowDownKey(event) {
+            const optionIndex = this.findNextOptionIndex(this.focusedOptionIndex);
+
+            this.changeFocusedOptionIndex(optionIndex);
+            event.preventDefault();
+        },
+        onArrowUpKey(event) {
+            if (event.altKey && this.popup) {
+                utils.DomHandler.focus(this.target);
+                this.hide();
+                event.preventDefault();
+            } else {
+                const optionIndex = this.findPrevOptionIndex(this.focusedOptionIndex);
+
+                this.changeFocusedOptionIndex(optionIndex);
+                event.preventDefault();
+            }
+        },
+        onHomeKey(event) {
+            this.changeFocusedOptionIndex(0);
+            event.preventDefault();
+        },
+        onEndKey(event) {
+            this.changeFocusedOptionIndex(utils.DomHandler.find(this.container, 'li.p-menuitem:not(.p-disabled)').length - 1);
+            event.preventDefault();
+        },
+        onEnterKey(event) {
+            const element = utils.DomHandler.findSingle(this.list, `li[id="${`${this.focusedOptionIndex}`}"]`);
+            const anchorElement = element && utils.DomHandler.findSingle(element, '.p-menuitem-link');
+
+            this.popup && utils.DomHandler.focus(this.target);
+            anchorElement ? anchorElement.click() : element && element.click();
+
+            event.preventDefault();
+        },
+        onSpaceKey(event) {
+            this.onEnterKey(event);
+        },
+        findNextOptionIndex(index) {
+            const links = utils.DomHandler.find(this.container, 'li.p-menuitem:not(.p-disabled)');
+            const matchedOptionIndex = [...links].findIndex((link) => link.id === index);
+
+            return matchedOptionIndex > -1 ? matchedOptionIndex + 1 : 0;
+        },
+        findPrevOptionIndex(index) {
+            const links = utils.DomHandler.find(this.container, 'li.p-menuitem:not(.p-disabled)');
+            const matchedOptionIndex = [...links].findIndex((link) => link.id === index);
+
+            return matchedOptionIndex > -1 ? matchedOptionIndex - 1 : 0;
+        },
+        changeFocusedOptionIndex(index) {
+            const links = utils.DomHandler.find(this.container, 'li.p-menuitem:not(.p-disabled)');
+            let order = index >= links.length ? links.length - 1 : index < 0 ? 0 : index;
+
+            this.focusedOptionIndex = links[order].getAttribute('id');
         },
         toggle(event) {
             if (this.overlayVisible) this.hide();
@@ -230,6 +373,11 @@ var script = {
                 utils.ZIndexUtils.set('menu', el, this.baseZIndex + this.$primevue.config.zIndex.menu);
             }
 
+            if (this.popup) {
+                utils.DomHandler.focus(this.list);
+                this.changeFocusedOptionIndex(0);
+            }
+
             this.$emit('show');
         },
         onLeave() {
@@ -250,8 +398,13 @@ var script = {
         bindOutsideClickListener() {
             if (!this.outsideClickListener) {
                 this.outsideClickListener = (event) => {
-                    if (this.overlayVisible && this.container && !this.container.contains(event.target) && !this.isTargetClicked(event)) {
+                    const isOutsideContainer = this.container && !this.container.contains(event.target);
+                    const isOutsideTarget = !(this.target && (this.target === event.target || this.target.contains(event.target)));
+
+                    if (this.overlayVisible && isOutsideContainer && isOutsideTarget) {
                         this.hide();
+                    } else if (!this.popup && isOutsideContainer && isOutsideTarget) {
+                        this.focusedOptionIndex = -1;
                     }
                 };
 
@@ -297,9 +450,6 @@ var script = {
                 this.resizeListener = null;
             }
         },
-        isTargetClicked(event) {
-            return this.target && (this.target === event.target || this.target.contains(event.target));
-        },
         visible(item) {
             return typeof item.visible === 'function' ? item.visible() : item.visible !== false;
         },
@@ -317,6 +467,9 @@ var script = {
                 originalEvent: event,
                 target: this.target
             });
+        },
+        listRef(el) {
+            this.list = el;
         }
     },
     computed: {
@@ -329,25 +482,29 @@ var script = {
                     'p-ripple-disabled': this.$primevue.config.ripple === false
                 }
             ];
+        },
+        separatorClass(item) {
+            return ['p-menu-separator p-menuitem-separator', item.class]; // TODO: the 'p-menu-separator' class is deprecated since v3.18.0.
+        },
+        id() {
+            return this.$attrs.id || utils.UniqueComponentId();
+        },
+        focusedOptionId() {
+            return this.focusedOptionIndex !== -1 ? this.focusedOptionIndex : null;
         }
     },
     components: {
-        Menuitem: script$1,
+        PVMenuitem: script$1,
         Portal: Portal__default["default"]
     }
 };
 
-const _hoisted_1 = {
-  class: "p-menu-list p-reset",
-  role: "menu"
-};
-const _hoisted_2 = {
-  key: 0,
-  class: "p-submenu-header"
-};
+const _hoisted_1 = ["id"];
+const _hoisted_2 = ["id", "tabindex", "aria-activedescendant", "aria-label", "aria-labelledby"];
+const _hoisted_3 = ["id"];
 
 function render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_Menuitem = vue.resolveComponent("Menuitem");
+  const _component_PVMenuitem = vue.resolveComponent("PVMenuitem");
   const _component_Portal = vue.resolveComponent("Portal");
 
   return (vue.openBlock(), vue.createBlock(_component_Portal, {
@@ -366,11 +523,24 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
             ? (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
                 key: 0,
                 ref: $options.containerRef,
+                id: $options.id,
                 class: $options.containerClass
               }, _ctx.$attrs, {
-                onClick: _cache[0] || (_cache[0] = (...args) => ($options.onOverlayClick && $options.onOverlayClick(...args)))
+                onClick: _cache[3] || (_cache[3] = (...args) => ($options.onOverlayClick && $options.onOverlayClick(...args)))
               }), [
-                vue.createElementVNode("ul", _hoisted_1, [
+                vue.createElementVNode("ul", {
+                  ref: $options.listRef,
+                  id: $options.id + '_list',
+                  class: "p-menu-list p-reset",
+                  role: "menu",
+                  tabindex: $props.tabindex,
+                  "aria-activedescendant": $data.focused ? $options.focusedOptionId : undefined,
+                  "aria-label": _ctx.ariaLabel,
+                  "aria-labelledby": _ctx.ariaLabelledby,
+                  onFocus: _cache[0] || (_cache[0] = (...args) => ($options.onListFocus && $options.onListFocus(...args))),
+                  onBlur: _cache[1] || (_cache[1] = (...args) => ($options.onListBlur && $options.onListBlur(...args))),
+                  onKeydown: _cache[2] || (_cache[2] = (...args) => ($options.onListKeyDown && $options.onListKeyDown(...args)))
+                }, [
                   (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList($props.model, (item, i) => {
                     return (vue.openBlock(), vue.createElementBlock(vue.Fragment, {
                       key: $options.label(item) + i.toString()
@@ -378,28 +548,35 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                       (item.items && $options.visible(item) && !item.separator)
                         ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
                             (item.items)
-                              ? (vue.openBlock(), vue.createElementBlock("li", _hoisted_2, [
+                              ? (vue.openBlock(), vue.createElementBlock("li", {
+                                  key: 0,
+                                  id: $options.id + '_' + i,
+                                  class: "p-submenu-header",
+                                  role: "none"
+                                }, [
                                   vue.renderSlot(_ctx.$slots, "item", { item: item }, () => [
                                     vue.createTextVNode(vue.toDisplayString($options.label(item)), 1)
                                   ])
-                                ]))
+                                ], 8, _hoisted_3))
                               : vue.createCommentVNode("", true),
                             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(item.items, (child, j) => {
                               return (vue.openBlock(), vue.createElementBlock(vue.Fragment, {
-                                key: child.label + i + j
+                                key: child.label + i + '_' + j
                               }, [
                                 ($options.visible(child) && !child.separator)
-                                  ? (vue.openBlock(), vue.createBlock(_component_Menuitem, {
+                                  ? (vue.openBlock(), vue.createBlock(_component_PVMenuitem, {
                                       key: 0,
+                                      id: $options.id + '_' + i + '_' + j,
                                       item: child,
-                                      onClick: $options.itemClick,
                                       template: _ctx.$slots.item,
-                                      exact: $props.exact
-                                    }, null, 8, ["item", "onClick", "template", "exact"]))
+                                      exact: $props.exact,
+                                      focusedOptionId: $options.focusedOptionId,
+                                      onItemClick: $options.itemClick
+                                    }, null, 8, ["id", "item", "template", "exact", "focusedOptionId", "onItemClick"]))
                                   : ($options.visible(child) && child.separator)
                                     ? (vue.openBlock(), vue.createElementBlock("li", {
                                         key: 'separator' + i + j,
-                                        class: vue.normalizeClass(['p-menu-separator', child.class]),
+                                        class: vue.normalizeClass($options.separatorClass(item)),
                                         style: vue.normalizeStyle(child.style),
                                         role: "separator"
                                       }, null, 6))
@@ -410,21 +587,23 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                         : ($options.visible(item) && item.separator)
                           ? (vue.openBlock(), vue.createElementBlock("li", {
                               key: 'separator' + i.toString(),
-                              class: vue.normalizeClass(['p-menu-separator', item.class]),
+                              class: vue.normalizeClass($options.separatorClass(item)),
                               style: vue.normalizeStyle(item.style),
                               role: "separator"
                             }, null, 6))
-                          : (vue.openBlock(), vue.createBlock(_component_Menuitem, {
+                          : (vue.openBlock(), vue.createBlock(_component_PVMenuitem, {
                               key: $options.label(item) + i.toString(),
+                              id: $options.id + '_' + i,
                               item: item,
-                              onClick: $options.itemClick,
                               template: _ctx.$slots.item,
-                              exact: $props.exact
-                            }, null, 8, ["item", "onClick", "template", "exact"]))
+                              exact: $props.exact,
+                              focusedOptionId: $options.focusedOptionId,
+                              onItemClick: $options.itemClick
+                            }, null, 8, ["id", "item", "template", "exact", "focusedOptionId", "onItemClick"]))
                     ], 64))
                   }), 128))
-                ])
-              ], 16))
+                ], 40, _hoisted_2)
+              ], 16, _hoisted_1))
             : vue.createCommentVNode("", true)
         ]),
         _: 3

package/menu/menu.cjs.min.js

@@ -1 +1 @@
-"use strict";var e=require("primevue/utils"),t=require("primevue/overlayeventbus"),i=require("primevue/ripple"),n=require("vue"),l=require("primevue/portal");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=s(t),r=s(i),a=s(l),c={name:"Menuitem",inheritAttrs:!1,emits:["click"],props:{item:null,template:null,exact:null},methods:{onClick(e,t){this.$emit("click",{originalEvent:e,item:this.item,navigate:t})},linkClass(e,t){return["p-menuitem-link",{"p-disabled":this.disabled(e),"router-link-active":t&&t.isActive,"router-link-active-exact":this.exact&&t&&t.isExactActive}]},visible(){return"function"==typeof this.item.visible?this.item.visible():!1!==this.item.visible},disabled:e=>"function"==typeof e.disabled?e.disabled():e.disabled,label(){return"function"==typeof this.item.label?this.item.label():this.item.label}},computed:{containerClass(){return["p-menuitem",this.item.class]}},directives:{ripple:r.default}};const m=["href","onClick"],d={class:"p-menuitem-text"},u=["href","target","tabindex"],p={class:"p-menuitem-text"};c.render=function(e,t,i,l,s,o){const r=n.resolveComponent("router-link"),a=n.resolveDirective("ripple");return o.visible()?(n.openBlock(),n.createElementBlock("li",{key:0,class:n.normalizeClass(o.containerClass),role:"none",style:n.normalizeStyle(i.item.style)},[i.template?(n.openBlock(),n.createBlock(n.resolveDynamicComponent(i.template),{key:1,item:i.item},null,8,["item"])):(n.openBlock(),n.createElementBlock(n.Fragment,{key:0},[i.item.to&&!o.disabled(i.item)?(n.openBlock(),n.createBlock(r,{key:0,to:i.item.to,custom:""},{default:n.withCtx((({navigate:e,href:t,isActive:l,isExactActive:s})=>[n.withDirectives((n.openBlock(),n.createElementBlock("a",{href:t,onClick:t=>o.onClick(t,e),class:n.normalizeClass(o.linkClass(i.item,{isActive:l,isExactActive:s})),role:"menuitem"},[i.item.icon?(n.openBlock(),n.createElementBlock("span",{key:0,class:n.normalizeClass(["p-menuitem-icon",i.item.icon])},null,2)):n.createCommentVNode("",!0),n.createElementVNode("span",d,n.toDisplayString(o.label()),1)],10,m)),[[a]])])),_:1},8,["to"])):n.withDirectives((n.openBlock(),n.createElementBlock("a",{key:1,href:i.item.url,class:n.normalizeClass(o.linkClass(i.item)),onClick:t[0]||(t[0]=(...e)=>o.onClick&&o.onClick(...e)),target:i.item.target,role:"menuitem",tabindex:o.disabled(i.item)?null:"0"},[i.item.icon?(n.openBlock(),n.createElementBlock("span",{key:0,class:n.normalizeClass(["p-menuitem-icon",i.item.icon])},null,2)):n.createCommentVNode("",!0),n.createElementVNode("span",p,n.toDisplayString(o.label()),1)],10,u)),[[a]])],64))],6)):n.createCommentVNode("",!0)};var h={name:"Menu",inheritAttrs:!1,emits:["show","hide"],props:{popup:{type:Boolean,default:!1},model:{type:Array,default:null},appendTo:{type:String,default:"body"},autoZIndex:{type:Boolean,default:!0},baseZIndex:{type:Number,default:0},exact:{type:Boolean,default:!0}},data:()=>({overlayVisible:!1}),target:null,outsideClickListener:null,scrollHandler:null,resizeListener:null,container:null,beforeUnmount(){this.unbindResizeListener(),this.unbindOutsideClickListener(),this.scrollHandler&&(this.scrollHandler.destroy(),this.scrollHandler=null),this.target=null,this.container&&this.autoZIndex&&e.ZIndexUtils.clear(this.container),this.container=null},methods:{itemClick(e){const t=e.item;this.disabled(t)||(t.command&&t.command(e),t.to&&e.navigate&&e.navigate(e.originalEvent),this.hide())},toggle(e){this.overlayVisible?this.hide():this.show(e)},show(e){this.overlayVisible=!0,this.target=e.currentTarget},hide(){this.overlayVisible=!1,this.target=null},onEnter(t){this.alignOverlay(),this.bindOutsideClickListener(),this.bindResizeListener(),this.bindScrollListener(),this.autoZIndex&&e.ZIndexUtils.set("menu",t,this.baseZIndex+this.$primevue.config.zIndex.menu),this.$emit("show")},onLeave(){this.unbindOutsideClickListener(),this.unbindResizeListener(),this.unbindScrollListener(),this.$emit("hide")},onAfterLeave(t){this.autoZIndex&&e.ZIndexUtils.clear(t)},alignOverlay(){e.DomHandler.absolutePosition(this.container,this.target),this.container.style.minWidth=e.DomHandler.getOuterWidth(this.target)+"px"},bindOutsideClickListener(){this.outsideClickListener||(this.outsideClickListener=e=>{this.overlayVisible&&this.container&&!this.container.contains(e.target)&&!this.isTargetClicked(e)&&this.hide()},document.addEventListener("click",this.outsideClickListener))},unbindOutsideClickListener(){this.outsideClickListener&&(document.removeEventListener("click",this.outsideClickListener),this.outsideClickListener=null)},bindScrollListener(){this.scrollHandler||(this.scrollHandler=new e.ConnectedOverlayScrollHandler(this.target,(()=>{this.overlayVisible&&this.hide()}))),this.scrollHandler.bindScrollListener()},unbindScrollListener(){this.scrollHandler&&this.scrollHandler.unbindScrollListener()},bindResizeListener(){this.resizeListener||(this.resizeListener=()=>{this.overlayVisible&&!e.DomHandler.isTouchDevice()&&this.hide()},window.addEventListener("resize",this.resizeListener))},unbindResizeListener(){this.resizeListener&&(window.removeEventListener("resize",this.resizeListener),this.resizeListener=null)},isTargetClicked(e){return this.target&&(this.target===e.target||this.target.contains(e.target))},visible:e=>"function"==typeof e.visible?e.visible():!1!==e.visible,disabled:e=>"function"==typeof e.disabled?e.disabled():e.disabled,label:e=>"function"==typeof e.label?e.label():e.label,containerRef(e){this.container=e},onOverlayClick(e){o.default.emit("overlay-click",{originalEvent:e,target:this.target})}},computed:{containerClass(){return["p-menu p-component",{"p-menu-overlay":this.popup,"p-input-filled":"filled"===this.$primevue.config.inputStyle,"p-ripple-disabled":!1===this.$primevue.config.ripple}]}},components:{Menuitem:c,Portal:a.default}};const k={class:"p-menu-list p-reset",role:"menu"},v={key:0,class:"p-submenu-header"};!function(e,t){void 0===t&&(t={});var i=t.insertAt;if(e&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],l=document.createElement("style");l.type="text/css","top"===i&&n.firstChild?n.insertBefore(l,n.firstChild):n.appendChild(l),l.styleSheet?l.styleSheet.cssText=e:l.appendChild(document.createTextNode(e))}}("\n.p-menu-overlay {\n    position: absolute;\n    top: 0;\n    left: 0;\n}\n.p-menu ul {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n}\n.p-menu .p-menuitem-link {\n    cursor: pointer;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    text-decoration: none;\n    overflow: hidden;\n    position: relative;\n}\n.p-menu .p-menuitem-text {\n    line-height: 1;\n}\n"),h.render=function(e,t,i,l,s,o){const r=n.resolveComponent("Menuitem"),a=n.resolveComponent("Portal");return n.openBlock(),n.createBlock(a,{appendTo:i.appendTo,disabled:!i.popup},{default:n.withCtx((()=>[n.createVNode(n.Transition,{name:"p-connected-overlay",onEnter:o.onEnter,onLeave:o.onLeave,onAfterLeave:o.onAfterLeave},{default:n.withCtx((()=>[!i.popup||s.overlayVisible?(n.openBlock(),n.createElementBlock("div",n.mergeProps({key:0,ref:o.containerRef,class:o.containerClass},e.$attrs,{onClick:t[0]||(t[0]=(...e)=>o.onOverlayClick&&o.onOverlayClick(...e))}),[n.createElementVNode("ul",k,[(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList(i.model,((t,l)=>(n.openBlock(),n.createElementBlock(n.Fragment,{key:o.label(t)+l.toString()},[t.items&&o.visible(t)&&!t.separator?(n.openBlock(),n.createElementBlock(n.Fragment,{key:0},[t.items?(n.openBlock(),n.createElementBlock("li",v,[n.renderSlot(e.$slots,"item",{item:t},(()=>[n.createTextVNode(n.toDisplayString(o.label(t)),1)]))])):n.createCommentVNode("",!0),(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList(t.items,((t,s)=>(n.openBlock(),n.createElementBlock(n.Fragment,{key:t.label+l+s},[o.visible(t)&&!t.separator?(n.openBlock(),n.createBlock(r,{key:0,item:t,onClick:o.itemClick,template:e.$slots.item,exact:i.exact},null,8,["item","onClick","template","exact"])):o.visible(t)&&t.separator?(n.openBlock(),n.createElementBlock("li",{key:"separator"+l+s,class:n.normalizeClass(["p-menu-separator",t.class]),style:n.normalizeStyle(t.style),role:"separator"},null,6)):n.createCommentVNode("",!0)],64)))),128))],64)):o.visible(t)&&t.separator?(n.openBlock(),n.createElementBlock("li",{key:"separator"+l.toString(),class:n.normalizeClass(["p-menu-separator",t.class]),style:n.normalizeStyle(t.style),role:"separator"},null,6)):(n.openBlock(),n.createBlock(r,{key:o.label(t)+l.toString(),item:t,onClick:o.itemClick,template:e.$slots.item,exact:i.exact},null,8,["item","onClick","template","exact"]))],64)))),128))])],16)):n.createCommentVNode("",!0)])),_:3},8,["onEnter","onLeave","onAfterLeave"])])),_:3},8,["appendTo","disabled"])},module.exports=h;
+"use strict";var e=require("primevue/overlayeventbus"),t=require("primevue/portal"),i=require("primevue/utils"),n=require("primevue/ripple"),l=require("vue");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=s(e),a=s(t),r={name:"Menuitem",inheritAttrs:!1,emits:["item-click"],props:{item:null,template:null,exact:null,id:null,focusedOptionId:null},methods:{getItemProp:(e,t)=>e&&e.item?i.ObjectUtils.getItemValue(e.item[t]):void 0,onItemActionClick(e,t){t&&t(e)},onItemClick(e){const t=this.getItemProp(this.item,"command");t&&t({originalEvent:e,item:this.item.item}),this.$emit("item-click",{originalEvent:e,item:this.item,id:this.id})},containerClass(){return["p-menuitem",this.item.class,{"p-focus":this.id===this.focusedOptionId,"p-disabled":this.disabled()}]},linkClass(e){return["p-menuitem-link",{"router-link-active":e&&e.isActive,"router-link-active-exact":this.exact&&e&&e.isExactActive}]},visible(){return"function"==typeof this.item.visible?this.item.visible():!1!==this.item.visible},disabled(){return"function"==typeof this.item.disabled?this.item.disabled():this.item.disabled},label(){return"function"==typeof this.item.label?this.item.label():this.item.label}},directives:{ripple:s(n).default}};const d=["id","aria-label","aria-disabled"],c=["href","onClick"],u={class:"p-menuitem-text"},p=["href","target"],m={class:"p-menuitem-text"};r.render=function(e,t,i,n,s,o){const a=l.resolveComponent("router-link"),r=l.resolveDirective("ripple");return o.visible()?(l.openBlock(),l.createElementBlock("li",{key:0,id:i.id,class:l.normalizeClass(o.containerClass()),role:"menuitem",style:l.normalizeStyle(i.item.style),"aria-label":o.label(),"aria-disabled":o.disabled()},[l.createElementVNode("div",{class:"p-menuitem-content",onClick:t[0]||(t[0]=e=>o.onItemClick(e))},[i.template?(l.openBlock(),l.createBlock(l.resolveDynamicComponent(i.template),{key:1,item:i.item},null,8,["item"])):(l.openBlock(),l.createElementBlock(l.Fragment,{key:0},[i.item.to&&!o.disabled()?(l.openBlock(),l.createBlock(a,{key:0,to:i.item.to,custom:""},{default:l.withCtx((({navigate:e,href:t,isActive:n,isExactActive:s})=>[l.withDirectives((l.openBlock(),l.createElementBlock("a",{href:t,class:l.normalizeClass(o.linkClass({isActive:n,isExactActive:s})),tabindex:"-1","aria-hidden":"true",onClick:t=>o.onItemActionClick(t,e)},[i.item.icon?(l.openBlock(),l.createElementBlock("span",{key:0,class:l.normalizeClass(["p-menuitem-icon",i.item.icon])},null,2)):l.createCommentVNode("",!0),l.createElementVNode("span",u,l.toDisplayString(o.label()),1)],10,c)),[[r]])])),_:1},8,["to"])):l.withDirectives((l.openBlock(),l.createElementBlock("a",{key:1,href:i.item.url,class:l.normalizeClass(o.linkClass()),target:i.item.target,tabindex:"-1","aria-hidden":"true"},[i.item.icon?(l.openBlock(),l.createElementBlock("span",{key:0,class:l.normalizeClass(["p-menuitem-icon",i.item.icon])},null,2)):l.createCommentVNode("",!0),l.createElementVNode("span",m,l.toDisplayString(o.label()),1)],10,p)),[[r]])],64))])],14,d)):l.createCommentVNode("",!0)};var h={name:"Menu",inheritAttrs:!1,emits:["show","hide","focus","blur"],props:{popup:{type:Boolean,default:!1},model:{type:Array,default:null},appendTo:{type:String,default:"body"},autoZIndex:{type:Boolean,default:!0},baseZIndex:{type:Number,default:0},exact:{type:Boolean,default:!0},tabindex:{type:Number,default:0},"aria-label":{type:String,default:null},"aria-labelledby":{type:String,default:null}},data:()=>({overlayVisible:!1,focused:!1,focusedOptionIndex:-1,selectedOptionIndex:-1}),target:null,outsideClickListener:null,scrollHandler:null,resizeListener:null,container:null,list:null,mounted(){this.popup||(this.bindResizeListener(),this.bindOutsideClickListener())},beforeUnmount(){this.unbindResizeListener(),this.unbindOutsideClickListener(),this.scrollHandler&&(this.scrollHandler.destroy(),this.scrollHandler=null),this.target=null,this.container&&this.autoZIndex&&i.ZIndexUtils.clear(this.container),this.container=null},methods:{itemClick(e){const t=e.item;this.disabled(t)||(t.command&&t.command(e),t.to&&e.navigate&&e.navigate(e.originalEvent),this.overlayVisible&&this.hide(),this.popup||this.focusedOptionIndex===e.id||(this.focusedOptionIndex=e.id))},onListFocus(e){this.focused=!0,this.popup||(-1!==this.selectedOptionIndex?(this.changeFocusedOptionIndex(this.selectedOptionIndex),this.selectedOptionIndex=-1):this.changeFocusedOptionIndex(0)),this.$emit("focus",e)},onListBlur(e){this.focused=!1,this.focusedOptionIndex=-1,this.$emit("blur",e)},onListKeyDown(e){switch(e.code){case"ArrowDown":this.onArrowDownKey(e);break;case"ArrowUp":this.onArrowUpKey(e);break;case"Home":this.onHomeKey(e);break;case"End":this.onEndKey(e);break;case"Enter":this.onEnterKey(e);break;case"Space":this.onSpaceKey(e);break;case"Tab":this.overlayVisible&&this.hide()}},onArrowDownKey(e){const t=this.findNextOptionIndex(this.focusedOptionIndex);this.changeFocusedOptionIndex(t),e.preventDefault()},onArrowUpKey(e){if(e.altKey&&this.popup)i.DomHandler.focus(this.target),this.hide(),e.preventDefault();else{const t=this.findPrevOptionIndex(this.focusedOptionIndex);this.changeFocusedOptionIndex(t),e.preventDefault()}},onHomeKey(e){this.changeFocusedOptionIndex(0),e.preventDefault()},onEndKey(e){this.changeFocusedOptionIndex(i.DomHandler.find(this.container,"li.p-menuitem:not(.p-disabled)").length-1),e.preventDefault()},onEnterKey(e){const t=i.DomHandler.findSingle(this.list,`li[id="${this.focusedOptionIndex}"]`),n=t&&i.DomHandler.findSingle(t,".p-menuitem-link");this.popup&&i.DomHandler.focus(this.target),n?n.click():t&&t.click(),e.preventDefault()},onSpaceKey(e){this.onEnterKey(e)},findNextOptionIndex(e){const t=[...i.DomHandler.find(this.container,"li.p-menuitem:not(.p-disabled)")].findIndex((t=>t.id===e));return t>-1?t+1:0},findPrevOptionIndex(e){const t=[...i.DomHandler.find(this.container,"li.p-menuitem:not(.p-disabled)")].findIndex((t=>t.id===e));return t>-1?t-1:0},changeFocusedOptionIndex(e){const t=i.DomHandler.find(this.container,"li.p-menuitem:not(.p-disabled)");let n=e>=t.length?t.length-1:e<0?0:e;this.focusedOptionIndex=t[n].getAttribute("id")},toggle(e){this.overlayVisible?this.hide():this.show(e)},show(e){this.overlayVisible=!0,this.target=e.currentTarget},hide(){this.overlayVisible=!1,this.target=null},onEnter(e){this.alignOverlay(),this.bindOutsideClickListener(),this.bindResizeListener(),this.bindScrollListener(),this.autoZIndex&&i.ZIndexUtils.set("menu",e,this.baseZIndex+this.$primevue.config.zIndex.menu),this.popup&&(i.DomHandler.focus(this.list),this.changeFocusedOptionIndex(0)),this.$emit("show")},onLeave(){this.unbindOutsideClickListener(),this.unbindResizeListener(),this.unbindScrollListener(),this.$emit("hide")},onAfterLeave(e){this.autoZIndex&&i.ZIndexUtils.clear(e)},alignOverlay(){i.DomHandler.absolutePosition(this.container,this.target),this.container.style.minWidth=i.DomHandler.getOuterWidth(this.target)+"px"},bindOutsideClickListener(){this.outsideClickListener||(this.outsideClickListener=e=>{const t=this.container&&!this.container.contains(e.target),i=!(this.target&&(this.target===e.target||this.target.contains(e.target)));this.overlayVisible&&t&&i?this.hide():!this.popup&&t&&i&&(this.focusedOptionIndex=-1)},document.addEventListener("click",this.outsideClickListener))},unbindOutsideClickListener(){this.outsideClickListener&&(document.removeEventListener("click",this.outsideClickListener),this.outsideClickListener=null)},bindScrollListener(){this.scrollHandler||(this.scrollHandler=new i.ConnectedOverlayScrollHandler(this.target,(()=>{this.overlayVisible&&this.hide()}))),this.scrollHandler.bindScrollListener()},unbindScrollListener(){this.scrollHandler&&this.scrollHandler.unbindScrollListener()},bindResizeListener(){this.resizeListener||(this.resizeListener=()=>{this.overlayVisible&&!i.DomHandler.isTouchDevice()&&this.hide()},window.addEventListener("resize",this.resizeListener))},unbindResizeListener(){this.resizeListener&&(window.removeEventListener("resize",this.resizeListener),this.resizeListener=null)},visible:e=>"function"==typeof e.visible?e.visible():!1!==e.visible,disabled:e=>"function"==typeof e.disabled?e.disabled():e.disabled,label:e=>"function"==typeof e.label?e.label():e.label,containerRef(e){this.container=e},onOverlayClick(e){o.default.emit("overlay-click",{originalEvent:e,target:this.target})},listRef(e){this.list=e}},computed:{containerClass(){return["p-menu p-component",{"p-menu-overlay":this.popup,"p-input-filled":"filled"===this.$primevue.config.inputStyle,"p-ripple-disabled":!1===this.$primevue.config.ripple}]},separatorClass:e=>["p-menu-separator p-menuitem-separator",e.class],id(){return this.$attrs.id||i.UniqueComponentId()},focusedOptionId(){return-1!==this.focusedOptionIndex?this.focusedOptionIndex:null}},components:{PVMenuitem:r,Portal:a.default}};const b=["id"],f=["id","tabindex","aria-activedescendant","aria-label","aria-labelledby"],k=["id"];!function(e,t){void 0===t&&(t={});var i=t.insertAt;if(e&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],l=document.createElement("style");l.type="text/css","top"===i&&n.firstChild?n.insertBefore(l,n.firstChild):n.appendChild(l),l.styleSheet?l.styleSheet.cssText=e:l.appendChild(document.createTextNode(e))}}("\n.p-menu-overlay {\n    position: absolute;\n    top: 0;\n    left: 0;\n}\n.p-menu ul {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n}\n.p-menu .p-menuitem-link {\n    cursor: pointer;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    text-decoration: none;\n    overflow: hidden;\n    position: relative;\n}\n.p-menu .p-menuitem-text {\n    line-height: 1;\n}\n"),h.render=function(e,t,i,n,s,o){const a=l.resolveComponent("PVMenuitem"),r=l.resolveComponent("Portal");return l.openBlock(),l.createBlock(r,{appendTo:i.appendTo,disabled:!i.popup},{default:l.withCtx((()=>[l.createVNode(l.Transition,{name:"p-connected-overlay",onEnter:o.onEnter,onLeave:o.onLeave,onAfterLeave:o.onAfterLeave},{default:l.withCtx((()=>[!i.popup||s.overlayVisible?(l.openBlock(),l.createElementBlock("div",l.mergeProps({key:0,ref:o.containerRef,id:o.id,class:o.containerClass},e.$attrs,{onClick:t[3]||(t[3]=(...e)=>o.onOverlayClick&&o.onOverlayClick(...e))}),[l.createElementVNode("ul",{ref:o.listRef,id:o.id+"_list",class:"p-menu-list p-reset",role:"menu",tabindex:i.tabindex,"aria-activedescendant":s.focused?o.focusedOptionId:void 0,"aria-label":e.ariaLabel,"aria-labelledby":e.ariaLabelledby,onFocus:t[0]||(t[0]=(...e)=>o.onListFocus&&o.onListFocus(...e)),onBlur:t[1]||(t[1]=(...e)=>o.onListBlur&&o.onListBlur(...e)),onKeydown:t[2]||(t[2]=(...e)=>o.onListKeyDown&&o.onListKeyDown(...e))},[(l.openBlock(!0),l.createElementBlock(l.Fragment,null,l.renderList(i.model,((t,n)=>(l.openBlock(),l.createElementBlock(l.Fragment,{key:o.label(t)+n.toString()},[t.items&&o.visible(t)&&!t.separator?(l.openBlock(),l.createElementBlock(l.Fragment,{key:0},[t.items?(l.openBlock(),l.createElementBlock("li",{key:0,id:o.id+"_"+n,class:"p-submenu-header",role:"none"},[l.renderSlot(e.$slots,"item",{item:t},(()=>[l.createTextVNode(l.toDisplayString(o.label(t)),1)]))],8,k)):l.createCommentVNode("",!0),(l.openBlock(!0),l.createElementBlock(l.Fragment,null,l.renderList(t.items,((s,r)=>(l.openBlock(),l.createElementBlock(l.Fragment,{key:s.label+n+"_"+r},[o.visible(s)&&!s.separator?(l.openBlock(),l.createBlock(a,{key:0,id:o.id+"_"+n+"_"+r,item:s,template:e.$slots.item,exact:i.exact,focusedOptionId:o.focusedOptionId,onItemClick:o.itemClick},null,8,["id","item","template","exact","focusedOptionId","onItemClick"])):o.visible(s)&&s.separator?(l.openBlock(),l.createElementBlock("li",{key:"separator"+n+r,class:l.normalizeClass(o.separatorClass(t)),style:l.normalizeStyle(s.style),role:"separator"},null,6)):l.createCommentVNode("",!0)],64)))),128))],64)):o.visible(t)&&t.separator?(l.openBlock(),l.createElementBlock("li",{key:"separator"+n.toString(),class:l.normalizeClass(o.separatorClass(t)),style:l.normalizeStyle(t.style),role:"separator"},null,6)):(l.openBlock(),l.createBlock(a,{key:o.label(t)+n.toString(),id:o.id+"_"+n,item:t,template:e.$slots.item,exact:i.exact,focusedOptionId:o.focusedOptionId,onItemClick:o.itemClick},null,8,["id","item","template","exact","focusedOptionId","onItemClick"]))],64)))),128))],40,f)],16,b)):l.createCommentVNode("",!0)])),_:3},8,["onEnter","onLeave","onAfterLeave"])])),_:3},8,["appendTo","disabled"])},module.exports=h;