primevue 3.48.0 → 3.49.0

package/menubar/Menubar.vue

@@ -1,5 +1,5 @@
 <template>
-    <div :ref="containerRef" :class="cx('root')" v-bind="ptm('root')">
+    <div :ref="containerRef" :class="cx('root')" v-bind="ptmi('root')">
         <div v-if="$slots.start" :class="cx('start')" v-bind="ptm('start')">
             <slot name="start"></slot>
         </div>
@@ -46,6 +46,7 @@
             @keydown="onKeyDown"
             @item-click="onItemClick"
             @item-mouseenter="onItemMouseEnter"
+            @item-mousemove="onItemMouseMove"
         />
         <div v-if="$slots.end" :class="cx('end')" v-bind="ptm('end')">
             <slot name="end"></slot>
@@ -62,6 +63,7 @@ import MenubarSub from './MenubarSub.vue';
 export default {
     name: 'Menubar',
     extends: BaseMenubar,
+    inheritAttrs: false,
     emits: ['focus', 'blur'],
     matchMediaListener: null,
     data() {
@@ -148,8 +150,6 @@ export default {
             event.preventDefault();
         },
         show() {
-            this.focusedItemInfo = { index: this.findFirstFocusedItemIndex(), level: 0, parentKey: '' };
-
             DomHandler.focus(this.menubar);
         },
         hide(event, isFocus) {
@@ -168,7 +168,11 @@ export default {
         },
         onFocus(event) {
             this.focused = true;
-            this.focusedItemInfo = this.focusedItemInfo.index !== -1 ? this.focusedItemInfo : { index: this.findFirstFocusedItemIndex(), level: 0, parentKey: '' };
+
+            if (!this.popup) {
+                this.focusedItemInfo = this.focusedItemInfo.index !== -1 ? this.focusedItemInfo : { index: this.findFirstFocusedItemIndex(), level: 0, parentKey: '' };
+            }
+
             this.$emit('focus', event);
         },
         onBlur(event) {
@@ -289,6 +293,11 @@ export default {
                 this.onItemChange(event);
             }
         },
+        onItemMouseMove(event) {
+            if (this.focused) {
+                this.changeFocusedItemIndex(event, event.processedItem.index);
+            }
+        },
         menuButtonClick(event) {
             this.toggle(event);
         },
@@ -408,8 +417,12 @@ export default {
             this.onEnterKey(event);
         },
         onEscapeKey(event) {
-            this.hide(event, true);
-            this.focusedItemInfo.index = this.findFirstFocusedItemIndex();
+            if (this.focusedItemInfo.level !== 0) {
+                const _focusedItemInfo = this.focusedItemInfo;
+
+                this.hide(event, false);
+                this.focusedItemInfo = { index: Number(_focusedItemInfo.parentKey.split('_')[0]), level: 0, parentKey: '' };
+            }
 
             event.preventDefault();
         },

package/menubar/MenubarSub.vue

@@ -19,10 +19,10 @@
                 :data-p-focused="isItemFocused(processedItem)"
                 :data-p-disabled="isItemDisabled(processedItem)"
             >
-                <div :class="cx('content')" @click="onItemClick($event, processedItem)" @mouseenter="onItemMouseEnter($event, processedItem)" v-bind="getPTOptions(processedItem, index, 'content')">
+                <div :class="cx('content')" @click="onItemClick($event, processedItem)" @mouseenter="onItemMouseEnter($event, processedItem)" @mousemove="onItemMouseMove($event, processedItem)" v-bind="getPTOptions(processedItem, index, 'content')">
                     <template v-if="!templates.item">
                         <a v-ripple :href="getItemProp(processedItem, 'url')" :class="cx('action')" :target="getItemProp(processedItem, 'target')" tabindex="-1" aria-hidden="true" v-bind="getPTOptions(processedItem, index, 'action')">
-                            <component v-if="templates.itemicon" :is="templates.itemicon" :item="processedItem.item" :class="[cx('icon'), getItemProp(processedItem, 'icon')]" />
+                            <component v-if="templates.itemicon" :is="templates.itemicon" :item="processedItem.item" :class="cx('icon')" />
                             <span v-else-if="getItemProp(processedItem, 'icon')" :class="[cx('icon'), getItemProp(processedItem, 'icon')]" v-bind="getPTOptions(processedItem, index, 'icon')" />
                             <span :id="getItemLabelId(processedItem)" :class="cx('label')" v-bind="getPTOptions(processedItem, index, 'label')">{{ getItemLabel(processedItem) }}</span>
                             <template v-if="getItemProp(processedItem, 'items')">
@@ -49,6 +49,7 @@
                     :unstyled="unstyled"
                     @item-click="$emit('item-click', $event)"
                     @item-mouseenter="$emit('item-mouseenter', $event)"
+                    @item-mousemove="$emit('item-mousemove', $event)"
                 />
             </li>
             <li
@@ -75,7 +76,7 @@ export default {
     name: 'MenubarSub',
     hostName: 'Menubar',
     extends: BaseComponent,
-    emits: ['item-mouseenter', 'item-click'],
+    emits: ['item-mouseenter', 'item-click', 'item-mousemove'],
     props: {
         items: {
             type: Array,
@@ -165,6 +166,9 @@ export default {
         onItemMouseEnter(event, processedItem) {
             this.$emit('item-mouseenter', { originalEvent: event, processedItem });
         },
+        onItemMouseMove(event, processedItem) {
+            this.$emit('item-mousemove', { originalEvent: event, processedItem });
+        },
         getAriaSetSize() {
             return this.items.filter((processedItem) => this.isItemVisible(processedItem) && !this.getItemProp(processedItem, 'separator')).length;
         },

package/menubar/menubar.cjs.js

@@ -55,7 +55,7 @@ var script$1 = {
   name: 'MenubarSub',
   hostName: 'Menubar',
   "extends": BaseComponent__default["default"],
-  emits: ['item-mouseenter', 'item-click'],
+  emits: ['item-mouseenter', 'item-click', 'item-mousemove'],
   props: {
     items: {
       type: Array,
@@ -157,6 +157,12 @@ var script$1 = {
         processedItem: processedItem
       });
     },
+    onItemMouseMove: function onItemMouseMove(event, processedItem) {
+      this.$emit('item-mousemove', {
+        originalEvent: event,
+        processedItem: processedItem
+      });
+    },
     getAriaSetSize: function getAriaSetSize() {
       var _this = this;
       return this.items.filter(function (processedItem) {
@@ -198,7 +204,7 @@ var script$1 = {
 };
 
 var _hoisted_1$1 = ["id", "aria-label", "aria-disabled", "aria-expanded", "aria-haspopup", "aria-level", "aria-setsize", "aria-posinset", "data-p-highlight", "data-p-focused", "data-p-disabled"];
-var _hoisted_2 = ["onClick", "onMouseenter"];
+var _hoisted_2 = ["onClick", "onMouseenter", "onMousemove"];
 var _hoisted_3 = ["href", "target"];
 var _hoisted_4 = ["id"];
 var _hoisted_5 = ["id"];
@@ -236,6 +242,9 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
       },
       onMouseenter: function onMouseenter($event) {
         return $options.onItemMouseEnter($event, processedItem);
+      },
+      onMousemove: function onMousemove($event) {
+        return $options.onItemMouseMove($event, processedItem);
       }
     }, $options.getPTOptions(processedItem, index, 'content')), [!$props.templates.item ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("a", vue.mergeProps({
       key: 0,
@@ -247,7 +256,7 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
     }, $options.getPTOptions(processedItem, index, 'action')), [$props.templates.itemicon ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($props.templates.itemicon), {
       key: 0,
       item: processedItem.item,
-      "class": vue.normalizeClass([_ctx.cx('icon'), $options.getItemProp(processedItem, 'icon')])
+      "class": vue.normalizeClass(_ctx.cx('icon'))
     }, null, 8, ["item", "class"])) : $options.getItemProp(processedItem, 'icon') ? (vue.openBlock(), vue.createElementBlock("span", vue.mergeProps({
       key: 1,
       "class": [_ctx.cx('icon'), $options.getItemProp(processedItem, 'icon')]
@@ -292,6 +301,9 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
       }),
       onItemMouseenter: _cache[1] || (_cache[1] = function ($event) {
         return _ctx.$emit('item-mouseenter', $event);
+      }),
+      onItemMousemove: _cache[2] || (_cache[2] = function ($event) {
+        return _ctx.$emit('item-mousemove', $event);
       })
     }, null, 8, ["menuId", "style", "focusedItemId", "items", "mobileActive", "activeItemPath", "templates", "level", "aria-labelledby", "pt", "unstyled"])) : vue.createCommentVNode("", true)], 16, _hoisted_1$1)) : vue.createCommentVNode("", true), $options.isItemVisible(processedItem) && $options.getItemProp(processedItem, 'separator') ? (vue.openBlock(), vue.createElementBlock("li", vue.mergeProps({
       key: 1,
@@ -308,6 +320,7 @@ script$1.render = render$1;
 var script = {
   name: 'Menubar',
   "extends": script$2,
+  inheritAttrs: false,
   emits: ['focus', 'blur'],
   matchMediaListener: null,
   data: function data() {
@@ -396,11 +409,6 @@ var script = {
       event.preventDefault();
     },
     show: function show() {
-      this.focusedItemInfo = {
-        index: this.findFirstFocusedItemIndex(),
-        level: 0,
-        parentKey: ''
-      };
       utils.DomHandler.focus(this.menubar);
     },
     hide: function hide(event, isFocus) {
@@ -422,11 +430,13 @@ var script = {
     },
     onFocus: function onFocus(event) {
       this.focused = true;
-      this.focusedItemInfo = this.focusedItemInfo.index !== -1 ? this.focusedItemInfo : {
-        index: this.findFirstFocusedItemIndex(),
-        level: 0,
-        parentKey: ''
-      };
+      if (!this.popup) {
+        this.focusedItemInfo = this.focusedItemInfo.index !== -1 ? this.focusedItemInfo : {
+          index: this.findFirstFocusedItemIndex(),
+          level: 0,
+          parentKey: ''
+        };
+      }
       this.$emit('focus', event);
     },
     onBlur: function onBlur(event) {
@@ -551,6 +561,11 @@ var script = {
         this.onItemChange(event);
       }
     },
+    onItemMouseMove: function onItemMouseMove(event) {
+      if (this.focused) {
+        this.changeFocusedItemIndex(event, event.processedItem.index);
+      }
+    },
     menuButtonClick: function menuButtonClick(event) {
       this.toggle(event);
     },
@@ -686,8 +701,15 @@ var script = {
       this.onEnterKey(event);
     },
     onEscapeKey: function onEscapeKey(event) {
-      this.hide(event, true);
-      this.focusedItemInfo.index = this.findFirstFocusedItemIndex();
+      if (this.focusedItemInfo.level !== 0) {
+        var _focusedItemInfo = this.focusedItemInfo;
+        this.hide(event, false);
+        this.focusedItemInfo = {
+          index: Number(_focusedItemInfo.parentKey.split('_')[0]),
+          level: 0,
+          parentKey: ''
+        };
+      }
       event.preventDefault();
     },
     onTabKey: function onTabKey(event) {
@@ -926,7 +948,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
     ref: $options.containerRef,
     "class": _ctx.cx('root')
-  }, _ctx.ptm('root')), [_ctx.$slots.start ? (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
+  }, _ctx.ptmi('root')), [_ctx.$slots.start ? (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
     key: 0,
     "class": _ctx.cx('start')
   }, _ctx.ptm('start')), [vue.renderSlot(_ctx.$slots, "start")], 16)) : vue.createCommentVNode("", true), vue.renderSlot(_ctx.$slots, "menubutton", {
@@ -978,8 +1000,9 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     onBlur: $options.onBlur,
     onKeydown: $options.onKeyDown,
     onItemClick: $options.onItemClick,
-    onItemMouseenter: $options.onItemMouseEnter
-  }, null, 8, ["id", "items", "templates", "mobileActive", "aria-activedescendant", "menuId", "focusedItemId", "activeItemPath", "aria-labelledby", "aria-label", "pt", "unstyled", "onFocus", "onBlur", "onKeydown", "onItemClick", "onItemMouseenter"]), _ctx.$slots.end ? (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
+    onItemMouseenter: $options.onItemMouseEnter,
+    onItemMousemove: $options.onItemMouseMove
+  }, null, 8, ["id", "items", "templates", "mobileActive", "aria-activedescendant", "menuId", "focusedItemId", "activeItemPath", "aria-labelledby", "aria-label", "pt", "unstyled", "onFocus", "onBlur", "onKeydown", "onItemClick", "onItemMouseenter", "onItemMousemove"]), _ctx.$slots.end ? (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
     key: 1,
     "class": _ctx.cx('end')
   }, _ctx.ptm('end')), [vue.renderSlot(_ctx.$slots, "end")], 16)) : vue.createCommentVNode("", true)], 16);

package/menubar/menubar.cjs.min.js

@@ -1 +1 @@
-"use strict";var e=require("primevue/icons/bars"),t=require("primevue/utils"),i=require("primevue/basecomponent"),n=require("primevue/menubar/style"),s=require("primevue/icons/angledown"),o=require("primevue/icons/angleright"),r=require("primevue/ripple"),a=require("vue");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=c(e),l=c(i),m=c(n),d=c(s),h={name:"BaseMenubar",extends:l.default,props:{model:{type:Array,default:null},buttonProps:{type:null,default:null},breakpoint:{type:String,default:"960px"},ariaLabelledby:{type:String,default:null},ariaLabel:{type:String,default:null}},style:m.default,provide:function(){return{$parentInstance:this}}},I={name:"MenubarSub",hostName:"Menubar",extends:l.default,emits:["item-mouseenter","item-click"],props:{items:{type:Array,default:null},root:{type:Boolean,default:!1},popup:{type:Boolean,default:!1},mobileActive:{type:Boolean,default:!1},templates:{type:Object,default:null},level:{type:Number,default:0},menuId:{type:String,default:null},focusedItemId:{type:String,default:null},activeItemPath:{type:Object,default:null}},list:null,methods:{getItemId:function(e){return"".concat(this.menuId,"_").concat(e.key)},getItemKey:function(e){return this.getItemId(e)},getItemProp:function(e,i,n){return e&&e.item?t.ObjectUtils.getItemValue(e.item[i],n):void 0},getItemLabel:function(e){return this.getItemProp(e,"label")},getItemLabelId:function(e){return"".concat(this.menuId,"_").concat(e.key,"_label")},getPTOptions:function(e,t,i){return this.ptm(i,{context:{item:e,index:t,active:this.isItemActive(e),focused:this.isItemFocused(e),disabled:this.isItemDisabled(e),level:this.level}})},isItemActive:function(e){return this.activeItemPath.some((function(t){return t.key===e.key}))},isItemVisible:function(e){return!1!==this.getItemProp(e,"visible")},isItemDisabled:function(e){return this.getItemProp(e,"disabled")},isItemFocused:function(e){return this.focusedItemId===this.getItemId(e)},isItemGroup:function(e){return t.ObjectUtils.isNotEmpty(e.items)},onItemClick:function(e,t){this.getItemProp(t,"command",{originalEvent:e,item:t.item}),this.$emit("item-click",{originalEvent:e,processedItem:t,isFocus:!0})},onItemMouseEnter:function(e,t){this.$emit("item-mouseenter",{originalEvent:e,processedItem:t})},getAriaSetSize:function(){var e=this;return this.items.filter((function(t){return e.isItemVisible(t)&&!e.getItemProp(t,"separator")})).length},getAriaPosInset:function(e){var t=this;return e-this.items.slice(0,e).filter((function(e){return t.isItemVisible(e)&&t.getItemProp(e,"separator")})).length+1},getMenuItemProps:function(e,t){return{action:a.mergeProps({class:this.cx("action"),tabindex:-1,"aria-hidden":!0},this.getPTOptions(e,t,"action")),icon:a.mergeProps({class:[this.cx("icon"),this.getItemProp(e,"icon")]},this.getPTOptions(e,t,"icon")),label:a.mergeProps({class:this.cx("label")},this.getPTOptions(e,t,"label")),submenuicon:a.mergeProps({class:this.cx("submenuIcon")},this.getPTOptions(e,t,"submenuIcon"))}}},components:{AngleRightIcon:c(o).default,AngleDownIcon:d.default},directives:{ripple:c(r).default}},f=["id","aria-label","aria-disabled","aria-expanded","aria-haspopup","aria-level","aria-setsize","aria-posinset","data-p-highlight","data-p-focused","data-p-disabled"],p=["onClick","onMouseenter"],b=["href","target"],v=["id"],y=["id"];I.render=function(e,t,i,n,s,o){var r=a.resolveComponent("MenubarSub",!0),c=a.resolveDirective("ripple");return a.openBlock(),a.createElementBlock("ul",a.mergeProps({class:e.cx(0===i.level?"menu":"submenu")},e.ptm(0===i.level?"menu":"submenu")),[(a.openBlock(!0),a.createElementBlock(a.Fragment,null,a.renderList(i.items,(function(n,s){return a.openBlock(),a.createElementBlock(a.Fragment,{key:o.getItemKey(n)},[o.isItemVisible(n)&&!o.getItemProp(n,"separator")?(a.openBlock(),a.createElementBlock("li",a.mergeProps({key:0,id:o.getItemId(n),style:o.getItemProp(n,"style"),class:[e.cx("menuitem",{processedItem:n}),o.getItemProp(n,"class")],role:"menuitem","aria-label":o.getItemLabel(n),"aria-disabled":o.isItemDisabled(n)||void 0,"aria-expanded":o.isItemGroup(n)?o.isItemActive(n):void 0,"aria-haspopup":o.isItemGroup(n)&&!o.getItemProp(n,"to")?"menu":void 0,"aria-level":i.level+1,"aria-setsize":o.getAriaSetSize(),"aria-posinset":o.getAriaPosInset(s)},o.getPTOptions(n,s,"menuitem"),{"data-p-highlight":o.isItemActive(n),"data-p-focused":o.isItemFocused(n),"data-p-disabled":o.isItemDisabled(n)}),[a.createElementVNode("div",a.mergeProps({class:e.cx("content"),onClick:function(e){return o.onItemClick(e,n)},onMouseenter:function(e){return o.onItemMouseEnter(e,n)}},o.getPTOptions(n,s,"content")),[i.templates.item?(a.openBlock(),a.createBlock(a.resolveDynamicComponent(i.templates.item),{key:1,item:n.item,root:i.root,hasSubmenu:o.getItemProp(n,"items"),label:o.getItemLabel(n),props:o.getMenuItemProps(n,s)},null,8,["item","root","hasSubmenu","label","props"])):a.withDirectives((a.openBlock(),a.createElementBlock("a",a.mergeProps({key:0,href:o.getItemProp(n,"url"),class:e.cx("action"),target:o.getItemProp(n,"target"),tabindex:"-1","aria-hidden":"true"},o.getPTOptions(n,s,"action")),[i.templates.itemicon?(a.openBlock(),a.createBlock(a.resolveDynamicComponent(i.templates.itemicon),{key:0,item:n.item,class:a.normalizeClass([e.cx("icon"),o.getItemProp(n,"icon")])},null,8,["item","class"])):o.getItemProp(n,"icon")?(a.openBlock(),a.createElementBlock("span",a.mergeProps({key:1,class:[e.cx("icon"),o.getItemProp(n,"icon")]},o.getPTOptions(n,s,"icon")),null,16)):a.createCommentVNode("",!0),a.createElementVNode("span",a.mergeProps({id:o.getItemLabelId(n),class:e.cx("label")},o.getPTOptions(n,s,"label")),a.toDisplayString(o.getItemLabel(n)),17,v),o.getItemProp(n,"items")?(a.openBlock(),a.createElementBlock(a.Fragment,{key:2},[i.templates.submenuicon?(a.openBlock(),a.createBlock(a.resolveDynamicComponent(i.templates.submenuicon),{key:0,root:i.root,active:o.isItemActive(n),class:a.normalizeClass(e.cx("submenuIcon"))},null,8,["root","active","class"])):(a.openBlock(),a.createBlock(a.resolveDynamicComponent(i.root?"AngleDownIcon":"AngleRightIcon"),a.mergeProps({key:1,class:e.cx("submenuIcon")},o.getPTOptions(n,s,"submenuIcon")),null,16,["class"]))],64)):a.createCommentVNode("",!0)],16,b)),[[c]])],16,p),o.isItemVisible(n)&&o.isItemGroup(n)?(a.openBlock(),a.createBlock(r,{key:0,menuId:i.menuId,role:"menu",style:a.normalizeStyle(e.sx("submenu",!0,{processedItem:n})),focusedItemId:i.focusedItemId,items:n.items,mobileActive:i.mobileActive,activeItemPath:i.activeItemPath,templates:i.templates,level:i.level+1,"aria-labelledby":o.getItemLabelId(n),pt:e.pt,unstyled:e.unstyled,onItemClick:t[0]||(t[0]=function(t){return e.$emit("item-click",t)}),onItemMouseenter:t[1]||(t[1]=function(t){return e.$emit("item-mouseenter",t)})},null,8,["menuId","style","focusedItemId","items","mobileActive","activeItemPath","templates","level","aria-labelledby","pt","unstyled"])):a.createCommentVNode("",!0)],16,f)):a.createCommentVNode("",!0),o.isItemVisible(n)&&o.getItemProp(n,"separator")?(a.openBlock(),a.createElementBlock("li",a.mergeProps({key:1,id:o.getItemId(n),class:[e.cx("separator"),o.getItemProp(n,"class")],style:o.getItemProp(n,"style"),role:"separator"},e.ptm("separator")),null,16,y)):a.createCommentVNode("",!0)],64)})),128))],16)};var g={name:"Menubar",extends:h,emits:["focus","blur"],matchMediaListener:null,data:function(){return{id:this.$attrs.id,mobileActive:!1,focused:!1,focusedItemInfo:{index:-1,level:0,parentKey:""},activeItemPath:[],dirty:!1,query:null,queryMatches:!1}},watch:{"$attrs.id":function(e){this.id=e||t.UniqueComponentId()},activeItemPath:function(e){t.ObjectUtils.isNotEmpty(e)?(this.bindOutsideClickListener(),this.bindResizeListener()):(this.unbindOutsideClickListener(),this.unbindResizeListener())}},outsideClickListener:null,container:null,menubar:null,mounted:function(){this.id=this.id||t.UniqueComponentId(),this.bindMatchMediaListener()},beforeUnmount:function(){this.mobileActive=!1,this.unbindOutsideClickListener(),this.unbindResizeListener(),this.unbindMatchMediaListener(),this.container&&t.ZIndexUtils.clear(this.container),this.container=null},methods:{getItemProp:function(e,i){return e?t.ObjectUtils.getItemValue(e[i]):void 0},getItemLabel:function(e){return this.getItemProp(e,"label")},isItemDisabled:function(e){return this.getItemProp(e,"disabled")},isItemGroup:function(e){return t.ObjectUtils.isNotEmpty(this.getItemProp(e,"items"))},isItemSeparator:function(e){return this.getItemProp(e,"separator")},getProccessedItemLabel:function(e){return e?this.getItemLabel(e.item):void 0},isProccessedItemGroup:function(e){return e&&t.ObjectUtils.isNotEmpty(e.items)},toggle:function(e){var i=this;this.mobileActive?(this.mobileActive=!1,t.ZIndexUtils.clear(this.menubar),this.hide()):(this.mobileActive=!0,t.ZIndexUtils.set("menu",this.menubar,this.$primevue.config.zIndex.menu),setTimeout((function(){i.show()}),1)),this.bindOutsideClickListener(),e.preventDefault()},show:function(){this.focusedItemInfo={index:this.findFirstFocusedItemIndex(),level:0,parentKey:""},t.DomHandler.focus(this.menubar)},hide:function(e,i){var n=this;this.mobileActive&&(this.mobileActive=!1,setTimeout((function(){t.DomHandler.focus(n.$refs.menubutton)}),0)),this.activeItemPath=[],this.focusedItemInfo={index:-1,level:0,parentKey:""},i&&t.DomHandler.focus(this.menubar),this.dirty=!1},onFocus:function(e){this.focused=!0,this.focusedItemInfo=-1!==this.focusedItemInfo.index?this.focusedItemInfo:{index:this.findFirstFocusedItemIndex(),level:0,parentKey:""},this.$emit("focus",e)},onBlur:function(e){this.focused=!1,this.focusedItemInfo={index:-1,level:0,parentKey:""},this.searchValue="",this.dirty=!1,this.$emit("blur",e)},onKeyDown:function(e){var i=e.metaKey||e.ctrlKey;switch(e.code){case"ArrowDown":this.onArrowDownKey(e);break;case"ArrowUp":this.onArrowUpKey(e);break;case"ArrowLeft":this.onArrowLeftKey(e);break;case"ArrowRight":this.onArrowRightKey(e);break;case"Home":this.onHomeKey(e);break;case"End":this.onEndKey(e);break;case"Space":this.onSpaceKey(e);break;case"Enter":case"NumpadEnter":this.onEnterKey(e);break;case"Escape":this.onEscapeKey(e);break;case"Tab":this.onTabKey(e);break;case"PageDown":case"PageUp":case"Backspace":case"ShiftLeft":case"ShiftRight":break;default:!i&&t.ObjectUtils.isPrintableCharacter(e.key)&&this.searchItems(e,e.key)}},onItemChange:function(e){var i=e.processedItem,n=e.isFocus;if(!t.ObjectUtils.isEmpty(i)){var s=i.index,o=i.key,r=i.level,a=i.parentKey,c=t.ObjectUtils.isNotEmpty(i.items),u=this.activeItemPath.filter((function(e){return e.parentKey!==a&&e.parentKey!==o}));c&&u.push(i),this.focusedItemInfo={index:s,level:r,parentKey:a},this.activeItemPath=u,c&&(this.dirty=!0),n&&t.DomHandler.focus(this.menubar)}},onItemClick:function(e){var i=e.originalEvent,n=e.processedItem,s=this.isProccessedItemGroup(n),o=t.ObjectUtils.isEmpty(n.parent);if(this.isSelected(n)){var r=n.index,a=n.key,c=n.level,u=n.parentKey;this.activeItemPath=this.activeItemPath.filter((function(e){return a!==e.key&&a.startsWith(e.key)})),this.focusedItemInfo={index:r,level:c,parentKey:u},this.dirty=!o,t.DomHandler.focus(this.menubar)}else if(s)this.onItemChange(e);else{var l=o?n:this.activeItemPath.find((function(e){return""===e.parentKey}));this.hide(i),this.changeFocusedItemIndex(i,l?l.index:-1),this.mobileActive=!1,t.DomHandler.focus(this.menubar)}},onItemMouseEnter:function(e){!this.mobileActive&&this.dirty&&this.onItemChange(e)},menuButtonClick:function(e){this.toggle(e)},menuButtonKeydown:function(e){("Enter"===e.code||"NumpadEnter"===e.code||"Space"===e.code)&&this.menuButtonClick(e)},onArrowDownKey:function(e){var i=this.visibleItems[this.focusedItemInfo.index];if(i?t.ObjectUtils.isEmpty(i.parent):null){this.isProccessedItemGroup(i)&&(this.onItemChange({originalEvent:e,processedItem:i}),this.focusedItemInfo={index:-1,parentKey:i.key},this.onArrowRightKey(e))}else{var n=-1!==this.focusedItemInfo.index?this.findNextItemIndex(this.focusedItemInfo.index):this.findFirstFocusedItemIndex();this.changeFocusedItemIndex(e,n)}e.preventDefault()},onArrowUpKey:function(e){var i=this,n=this.visibleItems[this.focusedItemInfo.index];if(t.ObjectUtils.isEmpty(n.parent)){if(this.isProccessedItemGroup(n)){this.onItemChange({originalEvent:e,processedItem:n}),this.focusedItemInfo={index:-1,parentKey:n.key};var s=this.findLastItemIndex();this.changeFocusedItemIndex(e,s)}}else{var o=this.activeItemPath.find((function(e){return e.key===n.parentKey}));if(0===this.focusedItemInfo.index)this.focusedItemInfo={index:-1,parentKey:o?o.parentKey:""},this.searchValue="",this.onArrowLeftKey(e),this.activeItemPath=this.activeItemPath.filter((function(e){return e.parentKey!==i.focusedItemInfo.parentKey}));else{var r=-1!==this.focusedItemInfo.index?this.findPrevItemIndex(this.focusedItemInfo.index):this.findLastFocusedItemIndex();this.changeFocusedItemIndex(e,r)}}e.preventDefault()},onArrowLeftKey:function(e){var t=this,i=this.visibleItems[this.focusedItemInfo.index],n=i?this.activeItemPath.find((function(e){return e.key===i.parentKey})):null;if(n)this.onItemChange({originalEvent:e,processedItem:n}),this.activeItemPath=this.activeItemPath.filter((function(e){return e.parentKey!==t.focusedItemInfo.parentKey})),e.preventDefault();else{var s=-1!==this.focusedItemInfo.index?this.findPrevItemIndex(this.focusedItemInfo.index):this.findLastFocusedItemIndex();this.changeFocusedItemIndex(e,s),e.preventDefault()}},onArrowRightKey:function(e){var t=this.visibleItems[this.focusedItemInfo.index];if(t?this.activeItemPath.find((function(e){return e.key===t.parentKey})):null){this.isProccessedItemGroup(t)&&(this.onItemChange({originalEvent:e,processedItem:t}),this.focusedItemInfo={index:-1,parentKey:t.key},this.onArrowDownKey(e))}else{var i=-1!==this.focusedItemInfo.index?this.findNextItemIndex(this.focusedItemInfo.index):this.findFirstFocusedItemIndex();this.changeFocusedItemIndex(e,i),e.preventDefault()}},onHomeKey:function(e){this.changeFocusedItemIndex(e,this.findFirstItemIndex()),e.preventDefault()},onEndKey:function(e){this.changeFocusedItemIndex(e,this.findLastItemIndex()),e.preventDefault()},onEnterKey:function(e){if(-1!==this.focusedItemInfo.index){var i=t.DomHandler.findSingle(this.menubar,'li[id="'.concat("".concat(this.focusedItemId),'"]')),n=i&&t.DomHandler.findSingle(i,'a[data-pc-section="action"]');n?n.click():i&&i.click(),!this.isProccessedItemGroup(this.visibleItems[this.focusedItemInfo.index])&&(this.focusedItemInfo.index=this.findFirstFocusedItemIndex())}e.preventDefault()},onSpaceKey:function(e){this.onEnterKey(e)},onEscapeKey:function(e){this.hide(e,!0),this.focusedItemInfo.index=this.findFirstFocusedItemIndex(),e.preventDefault()},onTabKey:function(e){if(-1!==this.focusedItemInfo.index){var t=this.visibleItems[this.focusedItemInfo.index];!this.isProccessedItemGroup(t)&&this.onItemChange({originalEvent:e,processedItem:t})}this.hide()},bindOutsideClickListener:function(){var e=this;this.outsideClickListener||(this.outsideClickListener=function(t){var i=e.container&&!e.container.contains(t.target),n=!(e.target&&(e.target===t.target||e.target.contains(t.target)));i&&n&&e.hide()},document.addEventListener("click",this.outsideClickListener))},unbindOutsideClickListener:function(){this.outsideClickListener&&(document.removeEventListener("click",this.outsideClickListener),this.outsideClickListener=null)},bindResizeListener:function(){var e=this;this.resizeListener||(this.resizeListener=function(i){t.DomHandler.isTouchDevice()||e.hide(i,!0),e.mobileActive=!1},window.addEventListener("resize",this.resizeListener))},unbindResizeListener:function(){this.resizeListener&&(window.removeEventListener("resize",this.resizeListener),this.resizeListener=null)},bindMatchMediaListener:function(){var e=this;if(!this.matchMediaListener){var t=matchMedia("(max-width: ".concat(this.breakpoint,")"));this.query=t,this.queryMatches=t.matches,this.matchMediaListener=function(){e.queryMatches=t.matches,e.mobileActive=!1},this.query.addEventListener("change",this.matchMediaListener)}},unbindMatchMediaListener:function(){this.matchMediaListener&&(this.query.removeEventListener("change",this.matchMediaListener),this.matchMediaListener=null)},isItemMatched:function(e){var t;return this.isValidItem(e)&&(null===(t=this.getProccessedItemLabel(e))||void 0===t?void 0:t.toLocaleLowerCase().startsWith(this.searchValue.toLocaleLowerCase()))},isValidItem:function(e){return!!e&&!this.isItemDisabled(e.item)&&!this.isItemSeparator(e.item)},isValidSelectedItem:function(e){return this.isValidItem(e)&&this.isSelected(e)},isSelected:function(e){return this.activeItemPath.some((function(t){return t.key===e.key}))},findFirstItemIndex:function(){var e=this;return this.visibleItems.findIndex((function(t){return e.isValidItem(t)}))},findLastItemIndex:function(){var e=this;return t.ObjectUtils.findLastIndex(this.visibleItems,(function(t){return e.isValidItem(t)}))},findNextItemIndex:function(e){var t=this,i=e<this.visibleItems.length-1?this.visibleItems.slice(e+1).findIndex((function(e){return t.isValidItem(e)})):-1;return i>-1?i+e+1:e},findPrevItemIndex:function(e){var i=this,n=e>0?t.ObjectUtils.findLastIndex(this.visibleItems.slice(0,e),(function(e){return i.isValidItem(e)})):-1;return n>-1?n:e},findSelectedItemIndex:function(){var e=this;return this.visibleItems.findIndex((function(t){return e.isValidSelectedItem(t)}))},findFirstFocusedItemIndex:function(){var e=this.findSelectedItemIndex();return e<0?this.findFirstItemIndex():e},findLastFocusedItemIndex:function(){var e=this.findSelectedItemIndex();return e<0?this.findLastItemIndex():e},searchItems:function(e,t){var i=this;this.searchValue=(this.searchValue||"")+t;var n=-1,s=!1;return-1!==(n=-1!==this.focusedItemInfo.index?-1===(n=this.visibleItems.slice(this.focusedItemInfo.index).findIndex((function(e){return i.isItemMatched(e)})))?this.visibleItems.slice(0,this.focusedItemInfo.index).findIndex((function(e){return i.isItemMatched(e)})):n+this.focusedItemInfo.index:this.visibleItems.findIndex((function(e){return i.isItemMatched(e)})))&&(s=!0),-1===n&&-1===this.focusedItemInfo.index&&(n=this.findFirstFocusedItemIndex()),-1!==n&&this.changeFocusedItemIndex(e,n),this.searchTimeout&&clearTimeout(this.searchTimeout),this.searchTimeout=setTimeout((function(){i.searchValue="",i.searchTimeout=null}),500),s},changeFocusedItemIndex:function(e,t){this.focusedItemInfo.index!==t&&(this.focusedItemInfo.index=t,this.scrollInView())},scrollInView:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:-1,i=-1!==e?"".concat(this.id,"_").concat(e):this.focusedItemId,n=t.DomHandler.findSingle(this.menubar,'li[id="'.concat(i,'"]'));n&&n.scrollIntoView&&n.scrollIntoView({block:"nearest",inline:"start"})},createProcessedItems:function(e){var t=this,i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},s=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",o=[];return e&&e.forEach((function(e,r){var a=(""!==s?s+"_":"")+r,c={item:e,index:r,level:i,key:a,parent:n,parentKey:s};c.items=t.createProcessedItems(e.items,i+1,c,a),o.push(c)})),o},containerRef:function(e){this.container=e},menubarRef:function(e){this.menubar=e?e.$el:void 0}},computed:{processedItems:function(){return this.createProcessedItems(this.model||[])},visibleItems:function(){var e=this,t=this.activeItemPath.find((function(t){return t.key===e.focusedItemInfo.parentKey}));return t?t.items:this.processedItems},focusedItemId:function(){return-1!==this.focusedItemInfo.index?"".concat(this.id).concat(t.ObjectUtils.isNotEmpty(this.focusedItemInfo.parentKey)?"_"+this.focusedItemInfo.parentKey:"","_").concat(this.focusedItemInfo.index):null}},components:{MenubarSub:I,BarsIcon:u.default}};function x(e){return x="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},x(e)}function k(e,t){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),i.push.apply(i,n)}return i}function P(e){for(var t=1;t<arguments.length;t++){var i=null!=arguments[t]?arguments[t]:{};t%2?k(Object(i),!0).forEach((function(t){L(e,t,i[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):k(Object(i)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(i,t))}))}return e}function L(e,t,i){var n;return(t="symbol"==x(n=K(t,"string"))?n:String(n))in e?Object.defineProperty(e,t,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[t]=i,e}function K(e,t){if("object"!=x(e)||!e)return e;var i=e[Symbol.toPrimitive];if(void 0!==i){var n=i.call(e,t||"default");if("object"!=x(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}var E=["aria-haspopup","aria-expanded","aria-controls","aria-label"];g.render=function(e,t,i,n,s,o){var r=a.resolveComponent("BarsIcon"),c=a.resolveComponent("MenubarSub");return a.openBlock(),a.createElementBlock("div",a.mergeProps({ref:o.containerRef,class:e.cx("root")},e.ptm("root")),[e.$slots.start?(a.openBlock(),a.createElementBlock("div",a.mergeProps({key:0,class:e.cx("start")},e.ptm("start")),[a.renderSlot(e.$slots,"start")],16)):a.createCommentVNode("",!0),a.renderSlot(e.$slots,"menubutton",{id:s.id,class:a.normalizeClass(e.cx("button")),toggleCallback:function(e){return o.menuButtonClick(e)}},(function(){var i;return[e.model&&e.model.length>0?(a.openBlock(),a.createElementBlock("a",a.mergeProps({key:0,ref:"menubutton",role:"button",tabindex:"0",class:e.cx("button"),"aria-haspopup":!!(e.model.length&&e.model.length>0),"aria-expanded":s.mobileActive,"aria-controls":s.id,"aria-label":null===(i=e.$primevue.config.locale.aria)||void 0===i?void 0:i.navigation,onClick:t[0]||(t[0]=function(e){return o.menuButtonClick(e)}),onKeydown:t[1]||(t[1]=function(e){return o.menuButtonKeydown(e)})},P(P({},e.buttonProps),e.ptm("button"))),[a.renderSlot(e.$slots,"menubuttonicon",{},(function(){return[a.createVNode(r,a.normalizeProps(a.guardReactiveProps(e.ptm("menubuttonicon"))),null,16)]}))],16,E)):a.createCommentVNode("",!0)]})),a.createVNode(c,{ref:o.menubarRef,id:s.id,role:"menubar",items:o.processedItems,templates:e.$slots,root:!0,mobileActive:s.mobileActive,tabindex:"0","aria-activedescendant":s.focused?o.focusedItemId:void 0,menuId:s.id,focusedItemId:s.focused?o.focusedItemId:void 0,activeItemPath:s.activeItemPath,level:0,"aria-labelledby":e.ariaLabelledby,"aria-label":e.ariaLabel,pt:e.pt,unstyled:e.unstyled,onFocus:o.onFocus,onBlur:o.onBlur,onKeydown:o.onKeyDown,onItemClick:o.onItemClick,onItemMouseenter:o.onItemMouseEnter},null,8,["id","items","templates","mobileActive","aria-activedescendant","menuId","focusedItemId","activeItemPath","aria-labelledby","aria-label","pt","unstyled","onFocus","onBlur","onKeydown","onItemClick","onItemMouseenter"]),e.$slots.end?(a.openBlock(),a.createElementBlock("div",a.mergeProps({key:1,class:e.cx("end")},e.ptm("end")),[a.renderSlot(e.$slots,"end")],16)):a.createCommentVNode("",!0)],16)},module.exports=g;
+"use strict";var e=require("primevue/icons/bars"),t=require("primevue/utils"),i=require("primevue/basecomponent"),n=require("primevue/menubar/style"),s=require("primevue/icons/angledown"),o=require("primevue/icons/angleright"),r=require("primevue/ripple"),a=require("vue");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=c(e),l=c(i),m=c(n),d=c(s),h={name:"BaseMenubar",extends:l.default,props:{model:{type:Array,default:null},buttonProps:{type:null,default:null},breakpoint:{type:String,default:"960px"},ariaLabelledby:{type:String,default:null},ariaLabel:{type:String,default:null}},style:m.default,provide:function(){return{$parentInstance:this}}},I={name:"MenubarSub",hostName:"Menubar",extends:l.default,emits:["item-mouseenter","item-click","item-mousemove"],props:{items:{type:Array,default:null},root:{type:Boolean,default:!1},popup:{type:Boolean,default:!1},mobileActive:{type:Boolean,default:!1},templates:{type:Object,default:null},level:{type:Number,default:0},menuId:{type:String,default:null},focusedItemId:{type:String,default:null},activeItemPath:{type:Object,default:null}},list:null,methods:{getItemId:function(e){return"".concat(this.menuId,"_").concat(e.key)},getItemKey:function(e){return this.getItemId(e)},getItemProp:function(e,i,n){return e&&e.item?t.ObjectUtils.getItemValue(e.item[i],n):void 0},getItemLabel:function(e){return this.getItemProp(e,"label")},getItemLabelId:function(e){return"".concat(this.menuId,"_").concat(e.key,"_label")},getPTOptions:function(e,t,i){return this.ptm(i,{context:{item:e,index:t,active:this.isItemActive(e),focused:this.isItemFocused(e),disabled:this.isItemDisabled(e),level:this.level}})},isItemActive:function(e){return this.activeItemPath.some((function(t){return t.key===e.key}))},isItemVisible:function(e){return!1!==this.getItemProp(e,"visible")},isItemDisabled:function(e){return this.getItemProp(e,"disabled")},isItemFocused:function(e){return this.focusedItemId===this.getItemId(e)},isItemGroup:function(e){return t.ObjectUtils.isNotEmpty(e.items)},onItemClick:function(e,t){this.getItemProp(t,"command",{originalEvent:e,item:t.item}),this.$emit("item-click",{originalEvent:e,processedItem:t,isFocus:!0})},onItemMouseEnter:function(e,t){this.$emit("item-mouseenter",{originalEvent:e,processedItem:t})},onItemMouseMove:function(e,t){this.$emit("item-mousemove",{originalEvent:e,processedItem:t})},getAriaSetSize:function(){var e=this;return this.items.filter((function(t){return e.isItemVisible(t)&&!e.getItemProp(t,"separator")})).length},getAriaPosInset:function(e){var t=this;return e-this.items.slice(0,e).filter((function(e){return t.isItemVisible(e)&&t.getItemProp(e,"separator")})).length+1},getMenuItemProps:function(e,t){return{action:a.mergeProps({class:this.cx("action"),tabindex:-1,"aria-hidden":!0},this.getPTOptions(e,t,"action")),icon:a.mergeProps({class:[this.cx("icon"),this.getItemProp(e,"icon")]},this.getPTOptions(e,t,"icon")),label:a.mergeProps({class:this.cx("label")},this.getPTOptions(e,t,"label")),submenuicon:a.mergeProps({class:this.cx("submenuIcon")},this.getPTOptions(e,t,"submenuIcon"))}}},components:{AngleRightIcon:c(o).default,AngleDownIcon:d.default},directives:{ripple:c(r).default}},f=["id","aria-label","aria-disabled","aria-expanded","aria-haspopup","aria-level","aria-setsize","aria-posinset","data-p-highlight","data-p-focused","data-p-disabled"],p=["onClick","onMouseenter","onMousemove"],v=["href","target"],b=["id"],y=["id"];I.render=function(e,t,i,n,s,o){var r=a.resolveComponent("MenubarSub",!0),c=a.resolveDirective("ripple");return a.openBlock(),a.createElementBlock("ul",a.mergeProps({class:e.cx(0===i.level?"menu":"submenu")},e.ptm(0===i.level?"menu":"submenu")),[(a.openBlock(!0),a.createElementBlock(a.Fragment,null,a.renderList(i.items,(function(n,s){return a.openBlock(),a.createElementBlock(a.Fragment,{key:o.getItemKey(n)},[o.isItemVisible(n)&&!o.getItemProp(n,"separator")?(a.openBlock(),a.createElementBlock("li",a.mergeProps({key:0,id:o.getItemId(n),style:o.getItemProp(n,"style"),class:[e.cx("menuitem",{processedItem:n}),o.getItemProp(n,"class")],role:"menuitem","aria-label":o.getItemLabel(n),"aria-disabled":o.isItemDisabled(n)||void 0,"aria-expanded":o.isItemGroup(n)?o.isItemActive(n):void 0,"aria-haspopup":o.isItemGroup(n)&&!o.getItemProp(n,"to")?"menu":void 0,"aria-level":i.level+1,"aria-setsize":o.getAriaSetSize(),"aria-posinset":o.getAriaPosInset(s)},o.getPTOptions(n,s,"menuitem"),{"data-p-highlight":o.isItemActive(n),"data-p-focused":o.isItemFocused(n),"data-p-disabled":o.isItemDisabled(n)}),[a.createElementVNode("div",a.mergeProps({class:e.cx("content"),onClick:function(e){return o.onItemClick(e,n)},onMouseenter:function(e){return o.onItemMouseEnter(e,n)},onMousemove:function(e){return o.onItemMouseMove(e,n)}},o.getPTOptions(n,s,"content")),[i.templates.item?(a.openBlock(),a.createBlock(a.resolveDynamicComponent(i.templates.item),{key:1,item:n.item,root:i.root,hasSubmenu:o.getItemProp(n,"items"),label:o.getItemLabel(n),props:o.getMenuItemProps(n,s)},null,8,["item","root","hasSubmenu","label","props"])):a.withDirectives((a.openBlock(),a.createElementBlock("a",a.mergeProps({key:0,href:o.getItemProp(n,"url"),class:e.cx("action"),target:o.getItemProp(n,"target"),tabindex:"-1","aria-hidden":"true"},o.getPTOptions(n,s,"action")),[i.templates.itemicon?(a.openBlock(),a.createBlock(a.resolveDynamicComponent(i.templates.itemicon),{key:0,item:n.item,class:a.normalizeClass(e.cx("icon"))},null,8,["item","class"])):o.getItemProp(n,"icon")?(a.openBlock(),a.createElementBlock("span",a.mergeProps({key:1,class:[e.cx("icon"),o.getItemProp(n,"icon")]},o.getPTOptions(n,s,"icon")),null,16)):a.createCommentVNode("",!0),a.createElementVNode("span",a.mergeProps({id:o.getItemLabelId(n),class:e.cx("label")},o.getPTOptions(n,s,"label")),a.toDisplayString(o.getItemLabel(n)),17,b),o.getItemProp(n,"items")?(a.openBlock(),a.createElementBlock(a.Fragment,{key:2},[i.templates.submenuicon?(a.openBlock(),a.createBlock(a.resolveDynamicComponent(i.templates.submenuicon),{key:0,root:i.root,active:o.isItemActive(n),class:a.normalizeClass(e.cx("submenuIcon"))},null,8,["root","active","class"])):(a.openBlock(),a.createBlock(a.resolveDynamicComponent(i.root?"AngleDownIcon":"AngleRightIcon"),a.mergeProps({key:1,class:e.cx("submenuIcon")},o.getPTOptions(n,s,"submenuIcon")),null,16,["class"]))],64)):a.createCommentVNode("",!0)],16,v)),[[c]])],16,p),o.isItemVisible(n)&&o.isItemGroup(n)?(a.openBlock(),a.createBlock(r,{key:0,menuId:i.menuId,role:"menu",style:a.normalizeStyle(e.sx("submenu",!0,{processedItem:n})),focusedItemId:i.focusedItemId,items:n.items,mobileActive:i.mobileActive,activeItemPath:i.activeItemPath,templates:i.templates,level:i.level+1,"aria-labelledby":o.getItemLabelId(n),pt:e.pt,unstyled:e.unstyled,onItemClick:t[0]||(t[0]=function(t){return e.$emit("item-click",t)}),onItemMouseenter:t[1]||(t[1]=function(t){return e.$emit("item-mouseenter",t)}),onItemMousemove:t[2]||(t[2]=function(t){return e.$emit("item-mousemove",t)})},null,8,["menuId","style","focusedItemId","items","mobileActive","activeItemPath","templates","level","aria-labelledby","pt","unstyled"])):a.createCommentVNode("",!0)],16,f)):a.createCommentVNode("",!0),o.isItemVisible(n)&&o.getItemProp(n,"separator")?(a.openBlock(),a.createElementBlock("li",a.mergeProps({key:1,id:o.getItemId(n),class:[e.cx("separator"),o.getItemProp(n,"class")],style:o.getItemProp(n,"style"),role:"separator"},e.ptm("separator")),null,16,y)):a.createCommentVNode("",!0)],64)})),128))],16)};var g={name:"Menubar",extends:h,inheritAttrs:!1,emits:["focus","blur"],matchMediaListener:null,data:function(){return{id:this.$attrs.id,mobileActive:!1,focused:!1,focusedItemInfo:{index:-1,level:0,parentKey:""},activeItemPath:[],dirty:!1,query:null,queryMatches:!1}},watch:{"$attrs.id":function(e){this.id=e||t.UniqueComponentId()},activeItemPath:function(e){t.ObjectUtils.isNotEmpty(e)?(this.bindOutsideClickListener(),this.bindResizeListener()):(this.unbindOutsideClickListener(),this.unbindResizeListener())}},outsideClickListener:null,container:null,menubar:null,mounted:function(){this.id=this.id||t.UniqueComponentId(),this.bindMatchMediaListener()},beforeUnmount:function(){this.mobileActive=!1,this.unbindOutsideClickListener(),this.unbindResizeListener(),this.unbindMatchMediaListener(),this.container&&t.ZIndexUtils.clear(this.container),this.container=null},methods:{getItemProp:function(e,i){return e?t.ObjectUtils.getItemValue(e[i]):void 0},getItemLabel:function(e){return this.getItemProp(e,"label")},isItemDisabled:function(e){return this.getItemProp(e,"disabled")},isItemGroup:function(e){return t.ObjectUtils.isNotEmpty(this.getItemProp(e,"items"))},isItemSeparator:function(e){return this.getItemProp(e,"separator")},getProccessedItemLabel:function(e){return e?this.getItemLabel(e.item):void 0},isProccessedItemGroup:function(e){return e&&t.ObjectUtils.isNotEmpty(e.items)},toggle:function(e){var i=this;this.mobileActive?(this.mobileActive=!1,t.ZIndexUtils.clear(this.menubar),this.hide()):(this.mobileActive=!0,t.ZIndexUtils.set("menu",this.menubar,this.$primevue.config.zIndex.menu),setTimeout((function(){i.show()}),1)),this.bindOutsideClickListener(),e.preventDefault()},show:function(){t.DomHandler.focus(this.menubar)},hide:function(e,i){var n=this;this.mobileActive&&(this.mobileActive=!1,setTimeout((function(){t.DomHandler.focus(n.$refs.menubutton)}),0)),this.activeItemPath=[],this.focusedItemInfo={index:-1,level:0,parentKey:""},i&&t.DomHandler.focus(this.menubar),this.dirty=!1},onFocus:function(e){this.focused=!0,this.popup||(this.focusedItemInfo=-1!==this.focusedItemInfo.index?this.focusedItemInfo:{index:this.findFirstFocusedItemIndex(),level:0,parentKey:""}),this.$emit("focus",e)},onBlur:function(e){this.focused=!1,this.focusedItemInfo={index:-1,level:0,parentKey:""},this.searchValue="",this.dirty=!1,this.$emit("blur",e)},onKeyDown:function(e){var i=e.metaKey||e.ctrlKey;switch(e.code){case"ArrowDown":this.onArrowDownKey(e);break;case"ArrowUp":this.onArrowUpKey(e);break;case"ArrowLeft":this.onArrowLeftKey(e);break;case"ArrowRight":this.onArrowRightKey(e);break;case"Home":this.onHomeKey(e);break;case"End":this.onEndKey(e);break;case"Space":this.onSpaceKey(e);break;case"Enter":case"NumpadEnter":this.onEnterKey(e);break;case"Escape":this.onEscapeKey(e);break;case"Tab":this.onTabKey(e);break;case"PageDown":case"PageUp":case"Backspace":case"ShiftLeft":case"ShiftRight":break;default:!i&&t.ObjectUtils.isPrintableCharacter(e.key)&&this.searchItems(e,e.key)}},onItemChange:function(e){var i=e.processedItem,n=e.isFocus;if(!t.ObjectUtils.isEmpty(i)){var s=i.index,o=i.key,r=i.level,a=i.parentKey,c=t.ObjectUtils.isNotEmpty(i.items),u=this.activeItemPath.filter((function(e){return e.parentKey!==a&&e.parentKey!==o}));c&&u.push(i),this.focusedItemInfo={index:s,level:r,parentKey:a},this.activeItemPath=u,c&&(this.dirty=!0),n&&t.DomHandler.focus(this.menubar)}},onItemClick:function(e){var i=e.originalEvent,n=e.processedItem,s=this.isProccessedItemGroup(n),o=t.ObjectUtils.isEmpty(n.parent);if(this.isSelected(n)){var r=n.index,a=n.key,c=n.level,u=n.parentKey;this.activeItemPath=this.activeItemPath.filter((function(e){return a!==e.key&&a.startsWith(e.key)})),this.focusedItemInfo={index:r,level:c,parentKey:u},this.dirty=!o,t.DomHandler.focus(this.menubar)}else if(s)this.onItemChange(e);else{var l=o?n:this.activeItemPath.find((function(e){return""===e.parentKey}));this.hide(i),this.changeFocusedItemIndex(i,l?l.index:-1),this.mobileActive=!1,t.DomHandler.focus(this.menubar)}},onItemMouseEnter:function(e){!this.mobileActive&&this.dirty&&this.onItemChange(e)},onItemMouseMove:function(e){this.focused&&this.changeFocusedItemIndex(e,e.processedItem.index)},menuButtonClick:function(e){this.toggle(e)},menuButtonKeydown:function(e){("Enter"===e.code||"NumpadEnter"===e.code||"Space"===e.code)&&this.menuButtonClick(e)},onArrowDownKey:function(e){var i=this.visibleItems[this.focusedItemInfo.index];if(i?t.ObjectUtils.isEmpty(i.parent):null){this.isProccessedItemGroup(i)&&(this.onItemChange({originalEvent:e,processedItem:i}),this.focusedItemInfo={index:-1,parentKey:i.key},this.onArrowRightKey(e))}else{var n=-1!==this.focusedItemInfo.index?this.findNextItemIndex(this.focusedItemInfo.index):this.findFirstFocusedItemIndex();this.changeFocusedItemIndex(e,n)}e.preventDefault()},onArrowUpKey:function(e){var i=this,n=this.visibleItems[this.focusedItemInfo.index];if(t.ObjectUtils.isEmpty(n.parent)){if(this.isProccessedItemGroup(n)){this.onItemChange({originalEvent:e,processedItem:n}),this.focusedItemInfo={index:-1,parentKey:n.key};var s=this.findLastItemIndex();this.changeFocusedItemIndex(e,s)}}else{var o=this.activeItemPath.find((function(e){return e.key===n.parentKey}));if(0===this.focusedItemInfo.index)this.focusedItemInfo={index:-1,parentKey:o?o.parentKey:""},this.searchValue="",this.onArrowLeftKey(e),this.activeItemPath=this.activeItemPath.filter((function(e){return e.parentKey!==i.focusedItemInfo.parentKey}));else{var r=-1!==this.focusedItemInfo.index?this.findPrevItemIndex(this.focusedItemInfo.index):this.findLastFocusedItemIndex();this.changeFocusedItemIndex(e,r)}}e.preventDefault()},onArrowLeftKey:function(e){var t=this,i=this.visibleItems[this.focusedItemInfo.index],n=i?this.activeItemPath.find((function(e){return e.key===i.parentKey})):null;if(n)this.onItemChange({originalEvent:e,processedItem:n}),this.activeItemPath=this.activeItemPath.filter((function(e){return e.parentKey!==t.focusedItemInfo.parentKey})),e.preventDefault();else{var s=-1!==this.focusedItemInfo.index?this.findPrevItemIndex(this.focusedItemInfo.index):this.findLastFocusedItemIndex();this.changeFocusedItemIndex(e,s),e.preventDefault()}},onArrowRightKey:function(e){var t=this.visibleItems[this.focusedItemInfo.index];if(t?this.activeItemPath.find((function(e){return e.key===t.parentKey})):null){this.isProccessedItemGroup(t)&&(this.onItemChange({originalEvent:e,processedItem:t}),this.focusedItemInfo={index:-1,parentKey:t.key},this.onArrowDownKey(e))}else{var i=-1!==this.focusedItemInfo.index?this.findNextItemIndex(this.focusedItemInfo.index):this.findFirstFocusedItemIndex();this.changeFocusedItemIndex(e,i),e.preventDefault()}},onHomeKey:function(e){this.changeFocusedItemIndex(e,this.findFirstItemIndex()),e.preventDefault()},onEndKey:function(e){this.changeFocusedItemIndex(e,this.findLastItemIndex()),e.preventDefault()},onEnterKey:function(e){if(-1!==this.focusedItemInfo.index){var i=t.DomHandler.findSingle(this.menubar,'li[id="'.concat("".concat(this.focusedItemId),'"]')),n=i&&t.DomHandler.findSingle(i,'a[data-pc-section="action"]');n?n.click():i&&i.click(),!this.isProccessedItemGroup(this.visibleItems[this.focusedItemInfo.index])&&(this.focusedItemInfo.index=this.findFirstFocusedItemIndex())}e.preventDefault()},onSpaceKey:function(e){this.onEnterKey(e)},onEscapeKey:function(e){if(0!==this.focusedItemInfo.level){var t=this.focusedItemInfo;this.hide(e,!1),this.focusedItemInfo={index:Number(t.parentKey.split("_")[0]),level:0,parentKey:""}}e.preventDefault()},onTabKey:function(e){if(-1!==this.focusedItemInfo.index){var t=this.visibleItems[this.focusedItemInfo.index];!this.isProccessedItemGroup(t)&&this.onItemChange({originalEvent:e,processedItem:t})}this.hide()},bindOutsideClickListener:function(){var e=this;this.outsideClickListener||(this.outsideClickListener=function(t){var i=e.container&&!e.container.contains(t.target),n=!(e.target&&(e.target===t.target||e.target.contains(t.target)));i&&n&&e.hide()},document.addEventListener("click",this.outsideClickListener))},unbindOutsideClickListener:function(){this.outsideClickListener&&(document.removeEventListener("click",this.outsideClickListener),this.outsideClickListener=null)},bindResizeListener:function(){var e=this;this.resizeListener||(this.resizeListener=function(i){t.DomHandler.isTouchDevice()||e.hide(i,!0),e.mobileActive=!1},window.addEventListener("resize",this.resizeListener))},unbindResizeListener:function(){this.resizeListener&&(window.removeEventListener("resize",this.resizeListener),this.resizeListener=null)},bindMatchMediaListener:function(){var e=this;if(!this.matchMediaListener){var t=matchMedia("(max-width: ".concat(this.breakpoint,")"));this.query=t,this.queryMatches=t.matches,this.matchMediaListener=function(){e.queryMatches=t.matches,e.mobileActive=!1},this.query.addEventListener("change",this.matchMediaListener)}},unbindMatchMediaListener:function(){this.matchMediaListener&&(this.query.removeEventListener("change",this.matchMediaListener),this.matchMediaListener=null)},isItemMatched:function(e){var t;return this.isValidItem(e)&&(null===(t=this.getProccessedItemLabel(e))||void 0===t?void 0:t.toLocaleLowerCase().startsWith(this.searchValue.toLocaleLowerCase()))},isValidItem:function(e){return!!e&&!this.isItemDisabled(e.item)&&!this.isItemSeparator(e.item)},isValidSelectedItem:function(e){return this.isValidItem(e)&&this.isSelected(e)},isSelected:function(e){return this.activeItemPath.some((function(t){return t.key===e.key}))},findFirstItemIndex:function(){var e=this;return this.visibleItems.findIndex((function(t){return e.isValidItem(t)}))},findLastItemIndex:function(){var e=this;return t.ObjectUtils.findLastIndex(this.visibleItems,(function(t){return e.isValidItem(t)}))},findNextItemIndex:function(e){var t=this,i=e<this.visibleItems.length-1?this.visibleItems.slice(e+1).findIndex((function(e){return t.isValidItem(e)})):-1;return i>-1?i+e+1:e},findPrevItemIndex:function(e){var i=this,n=e>0?t.ObjectUtils.findLastIndex(this.visibleItems.slice(0,e),(function(e){return i.isValidItem(e)})):-1;return n>-1?n:e},findSelectedItemIndex:function(){var e=this;return this.visibleItems.findIndex((function(t){return e.isValidSelectedItem(t)}))},findFirstFocusedItemIndex:function(){var e=this.findSelectedItemIndex();return e<0?this.findFirstItemIndex():e},findLastFocusedItemIndex:function(){var e=this.findSelectedItemIndex();return e<0?this.findLastItemIndex():e},searchItems:function(e,t){var i=this;this.searchValue=(this.searchValue||"")+t;var n=-1,s=!1;return-1!==(n=-1!==this.focusedItemInfo.index?-1===(n=this.visibleItems.slice(this.focusedItemInfo.index).findIndex((function(e){return i.isItemMatched(e)})))?this.visibleItems.slice(0,this.focusedItemInfo.index).findIndex((function(e){return i.isItemMatched(e)})):n+this.focusedItemInfo.index:this.visibleItems.findIndex((function(e){return i.isItemMatched(e)})))&&(s=!0),-1===n&&-1===this.focusedItemInfo.index&&(n=this.findFirstFocusedItemIndex()),-1!==n&&this.changeFocusedItemIndex(e,n),this.searchTimeout&&clearTimeout(this.searchTimeout),this.searchTimeout=setTimeout((function(){i.searchValue="",i.searchTimeout=null}),500),s},changeFocusedItemIndex:function(e,t){this.focusedItemInfo.index!==t&&(this.focusedItemInfo.index=t,this.scrollInView())},scrollInView:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:-1,i=-1!==e?"".concat(this.id,"_").concat(e):this.focusedItemId,n=t.DomHandler.findSingle(this.menubar,'li[id="'.concat(i,'"]'));n&&n.scrollIntoView&&n.scrollIntoView({block:"nearest",inline:"start"})},createProcessedItems:function(e){var t=this,i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},s=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",o=[];return e&&e.forEach((function(e,r){var a=(""!==s?s+"_":"")+r,c={item:e,index:r,level:i,key:a,parent:n,parentKey:s};c.items=t.createProcessedItems(e.items,i+1,c,a),o.push(c)})),o},containerRef:function(e){this.container=e},menubarRef:function(e){this.menubar=e?e.$el:void 0}},computed:{processedItems:function(){return this.createProcessedItems(this.model||[])},visibleItems:function(){var e=this,t=this.activeItemPath.find((function(t){return t.key===e.focusedItemInfo.parentKey}));return t?t.items:this.processedItems},focusedItemId:function(){return-1!==this.focusedItemInfo.index?"".concat(this.id).concat(t.ObjectUtils.isNotEmpty(this.focusedItemInfo.parentKey)?"_"+this.focusedItemInfo.parentKey:"","_").concat(this.focusedItemInfo.index):null}},components:{MenubarSub:I,BarsIcon:u.default}};function x(e){return x="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},x(e)}function k(e,t){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),i.push.apply(i,n)}return i}function P(e){for(var t=1;t<arguments.length;t++){var i=null!=arguments[t]?arguments[t]:{};t%2?k(Object(i),!0).forEach((function(t){L(e,t,i[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):k(Object(i)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(i,t))}))}return e}function L(e,t,i){var n;return(t="symbol"==x(n=K(t,"string"))?n:String(n))in e?Object.defineProperty(e,t,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[t]=i,e}function K(e,t){if("object"!=x(e)||!e)return e;var i=e[Symbol.toPrimitive];if(void 0!==i){var n=i.call(e,t||"default");if("object"!=x(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}var E=["aria-haspopup","aria-expanded","aria-controls","aria-label"];g.render=function(e,t,i,n,s,o){var r=a.resolveComponent("BarsIcon"),c=a.resolveComponent("MenubarSub");return a.openBlock(),a.createElementBlock("div",a.mergeProps({ref:o.containerRef,class:e.cx("root")},e.ptmi("root")),[e.$slots.start?(a.openBlock(),a.createElementBlock("div",a.mergeProps({key:0,class:e.cx("start")},e.ptm("start")),[a.renderSlot(e.$slots,"start")],16)):a.createCommentVNode("",!0),a.renderSlot(e.$slots,"menubutton",{id:s.id,class:a.normalizeClass(e.cx("button")),toggleCallback:function(e){return o.menuButtonClick(e)}},(function(){var i;return[e.model&&e.model.length>0?(a.openBlock(),a.createElementBlock("a",a.mergeProps({key:0,ref:"menubutton",role:"button",tabindex:"0",class:e.cx("button"),"aria-haspopup":!!(e.model.length&&e.model.length>0),"aria-expanded":s.mobileActive,"aria-controls":s.id,"aria-label":null===(i=e.$primevue.config.locale.aria)||void 0===i?void 0:i.navigation,onClick:t[0]||(t[0]=function(e){return o.menuButtonClick(e)}),onKeydown:t[1]||(t[1]=function(e){return o.menuButtonKeydown(e)})},P(P({},e.buttonProps),e.ptm("button"))),[a.renderSlot(e.$slots,"menubuttonicon",{},(function(){return[a.createVNode(r,a.normalizeProps(a.guardReactiveProps(e.ptm("menubuttonicon"))),null,16)]}))],16,E)):a.createCommentVNode("",!0)]})),a.createVNode(c,{ref:o.menubarRef,id:s.id,role:"menubar",items:o.processedItems,templates:e.$slots,root:!0,mobileActive:s.mobileActive,tabindex:"0","aria-activedescendant":s.focused?o.focusedItemId:void 0,menuId:s.id,focusedItemId:s.focused?o.focusedItemId:void 0,activeItemPath:s.activeItemPath,level:0,"aria-labelledby":e.ariaLabelledby,"aria-label":e.ariaLabel,pt:e.pt,unstyled:e.unstyled,onFocus:o.onFocus,onBlur:o.onBlur,onKeydown:o.onKeyDown,onItemClick:o.onItemClick,onItemMouseenter:o.onItemMouseEnter,onItemMousemove:o.onItemMouseMove},null,8,["id","items","templates","mobileActive","aria-activedescendant","menuId","focusedItemId","activeItemPath","aria-labelledby","aria-label","pt","unstyled","onFocus","onBlur","onKeydown","onItemClick","onItemMouseenter","onItemMousemove"]),e.$slots.end?(a.openBlock(),a.createElementBlock("div",a.mergeProps({key:1,class:e.cx("end")},e.ptm("end")),[a.renderSlot(e.$slots,"end")],16)):a.createCommentVNode("",!0)],16)},module.exports=g;

package/menubar/menubar.esm.js

@@ -44,7 +44,7 @@ var script$1 = {
   name: 'MenubarSub',
   hostName: 'Menubar',
   "extends": BaseComponent,
-  emits: ['item-mouseenter', 'item-click'],
+  emits: ['item-mouseenter', 'item-click', 'item-mousemove'],
   props: {
     items: {
       type: Array,
@@ -146,6 +146,12 @@ var script$1 = {
         processedItem: processedItem
       });
     },
+    onItemMouseMove: function onItemMouseMove(event, processedItem) {
+      this.$emit('item-mousemove', {
+        originalEvent: event,
+        processedItem: processedItem
+      });
+    },
     getAriaSetSize: function getAriaSetSize() {
       var _this = this;
       return this.items.filter(function (processedItem) {
@@ -187,7 +193,7 @@ var script$1 = {
 };
 
 var _hoisted_1$1 = ["id", "aria-label", "aria-disabled", "aria-expanded", "aria-haspopup", "aria-level", "aria-setsize", "aria-posinset", "data-p-highlight", "data-p-focused", "data-p-disabled"];
-var _hoisted_2 = ["onClick", "onMouseenter"];
+var _hoisted_2 = ["onClick", "onMouseenter", "onMousemove"];
 var _hoisted_3 = ["href", "target"];
 var _hoisted_4 = ["id"];
 var _hoisted_5 = ["id"];
@@ -225,6 +231,9 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
       },
       onMouseenter: function onMouseenter($event) {
         return $options.onItemMouseEnter($event, processedItem);
+      },
+      onMousemove: function onMousemove($event) {
+        return $options.onItemMouseMove($event, processedItem);
       }
     }, $options.getPTOptions(processedItem, index, 'content')), [!$props.templates.item ? withDirectives((openBlock(), createElementBlock("a", mergeProps({
       key: 0,
@@ -236,7 +245,7 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
     }, $options.getPTOptions(processedItem, index, 'action')), [$props.templates.itemicon ? (openBlock(), createBlock(resolveDynamicComponent($props.templates.itemicon), {
       key: 0,
       item: processedItem.item,
-      "class": normalizeClass([_ctx.cx('icon'), $options.getItemProp(processedItem, 'icon')])
+      "class": normalizeClass(_ctx.cx('icon'))
     }, null, 8, ["item", "class"])) : $options.getItemProp(processedItem, 'icon') ? (openBlock(), createElementBlock("span", mergeProps({
       key: 1,
       "class": [_ctx.cx('icon'), $options.getItemProp(processedItem, 'icon')]
@@ -281,6 +290,9 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
       }),
       onItemMouseenter: _cache[1] || (_cache[1] = function ($event) {
         return _ctx.$emit('item-mouseenter', $event);
+      }),
+      onItemMousemove: _cache[2] || (_cache[2] = function ($event) {
+        return _ctx.$emit('item-mousemove', $event);
       })
     }, null, 8, ["menuId", "style", "focusedItemId", "items", "mobileActive", "activeItemPath", "templates", "level", "aria-labelledby", "pt", "unstyled"])) : createCommentVNode("", true)], 16, _hoisted_1$1)) : createCommentVNode("", true), $options.isItemVisible(processedItem) && $options.getItemProp(processedItem, 'separator') ? (openBlock(), createElementBlock("li", mergeProps({
       key: 1,
@@ -297,6 +309,7 @@ script$1.render = render$1;
 var script = {
   name: 'Menubar',
   "extends": script$2,
+  inheritAttrs: false,
   emits: ['focus', 'blur'],
   matchMediaListener: null,
   data: function data() {
@@ -385,11 +398,6 @@ var script = {
       event.preventDefault();
     },
     show: function show() {
-      this.focusedItemInfo = {
-        index: this.findFirstFocusedItemIndex(),
-        level: 0,
-        parentKey: ''
-      };
       DomHandler.focus(this.menubar);
     },
     hide: function hide(event, isFocus) {
@@ -411,11 +419,13 @@ var script = {
     },
     onFocus: function onFocus(event) {
       this.focused = true;
-      this.focusedItemInfo = this.focusedItemInfo.index !== -1 ? this.focusedItemInfo : {
-        index: this.findFirstFocusedItemIndex(),
-        level: 0,
-        parentKey: ''
-      };
+      if (!this.popup) {
+        this.focusedItemInfo = this.focusedItemInfo.index !== -1 ? this.focusedItemInfo : {
+          index: this.findFirstFocusedItemIndex(),
+          level: 0,
+          parentKey: ''
+        };
+      }
       this.$emit('focus', event);
     },
     onBlur: function onBlur(event) {
@@ -540,6 +550,11 @@ var script = {
         this.onItemChange(event);
       }
     },
+    onItemMouseMove: function onItemMouseMove(event) {
+      if (this.focused) {
+        this.changeFocusedItemIndex(event, event.processedItem.index);
+      }
+    },
     menuButtonClick: function menuButtonClick(event) {
       this.toggle(event);
     },
@@ -675,8 +690,15 @@ var script = {
       this.onEnterKey(event);
     },
     onEscapeKey: function onEscapeKey(event) {
-      this.hide(event, true);
-      this.focusedItemInfo.index = this.findFirstFocusedItemIndex();
+      if (this.focusedItemInfo.level !== 0) {
+        var _focusedItemInfo = this.focusedItemInfo;
+        this.hide(event, false);
+        this.focusedItemInfo = {
+          index: Number(_focusedItemInfo.parentKey.split('_')[0]),
+          level: 0,
+          parentKey: ''
+        };
+      }
       event.preventDefault();
     },
     onTabKey: function onTabKey(event) {
@@ -915,7 +937,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", mergeProps({
     ref: $options.containerRef,
     "class": _ctx.cx('root')
-  }, _ctx.ptm('root')), [_ctx.$slots.start ? (openBlock(), createElementBlock("div", mergeProps({
+  }, _ctx.ptmi('root')), [_ctx.$slots.start ? (openBlock(), createElementBlock("div", mergeProps({
     key: 0,
     "class": _ctx.cx('start')
   }, _ctx.ptm('start')), [renderSlot(_ctx.$slots, "start")], 16)) : createCommentVNode("", true), renderSlot(_ctx.$slots, "menubutton", {
@@ -967,8 +989,9 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     onBlur: $options.onBlur,
     onKeydown: $options.onKeyDown,
     onItemClick: $options.onItemClick,
-    onItemMouseenter: $options.onItemMouseEnter
-  }, null, 8, ["id", "items", "templates", "mobileActive", "aria-activedescendant", "menuId", "focusedItemId", "activeItemPath", "aria-labelledby", "aria-label", "pt", "unstyled", "onFocus", "onBlur", "onKeydown", "onItemClick", "onItemMouseenter"]), _ctx.$slots.end ? (openBlock(), createElementBlock("div", mergeProps({
+    onItemMouseenter: $options.onItemMouseEnter,
+    onItemMousemove: $options.onItemMouseMove
+  }, null, 8, ["id", "items", "templates", "mobileActive", "aria-activedescendant", "menuId", "focusedItemId", "activeItemPath", "aria-labelledby", "aria-label", "pt", "unstyled", "onFocus", "onBlur", "onKeydown", "onItemClick", "onItemMouseenter", "onItemMousemove"]), _ctx.$slots.end ? (openBlock(), createElementBlock("div", mergeProps({
     key: 1,
     "class": _ctx.cx('end')
   }, _ctx.ptm('end')), [renderSlot(_ctx.$slots, "end")], 16)) : createCommentVNode("", true)], 16);