primevue 3.40.0 → 3.41.0

package/menubar/menubar.esm.js

@@ -19,6 +19,10 @@ var script$2 = {
       type: null,
       "default": null
     },
+    breakpoint: {
+      type: String,
+      "default": '960px'
+    },
     'aria-labelledby': {
       type: String,
       "default": null
@@ -299,7 +303,8 @@ var script = {
         parentKey: ''
       },
       activeItemPath: [],
-      dirty: false
+      dirty: false,
+      queryMatches: false
     };
   },
   watch: {
@@ -320,7 +325,14 @@ var script = {
   container: null,
   menubar: null,
   mounted: function mounted() {
+    var _this = this;
     this.id = this.id || UniqueComponentId();
+    var query = matchMedia("(max-width: ".concat(this.breakpoint, ")"));
+    this.queryMatches = query.matches;
+    query.addEventListener('change', function () {
+      _this.queryMatches = query.matches;
+      _this.mobileActive = false;
+    });
   },
   beforeUnmount: function beforeUnmount() {
     this.mobileActive = false;
@@ -354,7 +366,7 @@ var script = {
       return processedItem && ObjectUtils.isNotEmpty(processedItem.items);
     },
     toggle: function toggle(event) {
-      var _this = this;
+      var _this2 = this;
       if (this.mobileActive) {
         this.mobileActive = false;
         ZIndexUtils.clear(this.menubar);
@@ -363,7 +375,7 @@ var script = {
         this.mobileActive = true;
         ZIndexUtils.set('menu', this.menubar, this.$primevue.config.zIndex.menu);
         setTimeout(function () {
-          _this.show();
+          _this2.show();
         }, 1);
       }
       this.bindOutsideClickListener();
@@ -378,11 +390,11 @@ var script = {
       DomHandler.focus(this.menubar);
     },
     hide: function hide(event, isFocus) {
-      var _this2 = this;
+      var _this3 = this;
       if (this.mobileActive) {
         this.mobileActive = false;
         setTimeout(function () {
-          DomHandler.focus(_this2.$refs.menubutton);
+          DomHandler.focus(_this3.$refs.menubutton);
         }, 0);
       }
       this.activeItemPath = [];
@@ -553,7 +565,7 @@ var script = {
       }
     },
     onArrowUpKey: function onArrowUpKey(event) {
-      var _this3 = this;
+      var _this4 = this;
       var processedItem = this.visibleItems[this.focusedItemInfo.index];
       var root = ObjectUtils.isEmpty(processedItem.parent);
       if (root) {
@@ -582,7 +594,7 @@ var script = {
           this.searchValue = '';
           this.onArrowLeftKey(event);
           this.activeItemPath = this.activeItemPath.filter(function (p) {
-            return p.parentKey !== _this3.focusedItemInfo.parentKey;
+            return p.parentKey !== _this4.focusedItemInfo.parentKey;
           });
         } else {
           var _itemIndex = this.focusedItemInfo.index !== -1 ? this.findPrevItemIndex(this.focusedItemInfo.index) : this.findLastFocusedItemIndex();
@@ -592,7 +604,7 @@ var script = {
       event.preventDefault();
     },
     onArrowLeftKey: function onArrowLeftKey(event) {
-      var _this4 = this;
+      var _this5 = this;
       var processedItem = this.visibleItems[this.focusedItemInfo.index];
       var parentItem = processedItem ? this.activeItemPath.find(function (p) {
         return p.key === processedItem.parentKey;
@@ -603,7 +615,7 @@ var script = {
           processedItem: parentItem
         });
         this.activeItemPath = this.activeItemPath.filter(function (p) {
-          return p.parentKey !== _this4.focusedItemInfo.parentKey;
+          return p.parentKey !== _this5.focusedItemInfo.parentKey;
         });
         event.preventDefault();
       } else {
@@ -675,13 +687,13 @@ var script = {
       this.hide();
     },
     bindOutsideClickListener: function bindOutsideClickListener() {
-      var _this5 = this;
+      var _this6 = this;
       if (!this.outsideClickListener) {
         this.outsideClickListener = function (event) {
-          var isOutsideContainer = _this5.menubar && !_this5.menubar.contains(event.target);
-          var isOutsideMenuButton = _this5.mobileActive && _this5.$refs.menubutton ? _this5.$refs.menubutton !== event.target && !_this5.$refs.menubutton.contains(event.target) : true;
+          var isOutsideContainer = _this6.menubar && !_this6.menubar.contains(event.target);
+          var isOutsideMenuButton = _this6.mobileActive && _this6.$refs.menubutton ? _this6.$refs.menubutton !== event.target && !_this6.$refs.menubutton.contains(event.target) : true;
           if (isOutsideMenuButton && isOutsideContainer) {
-            _this5.hide();
+            _this6.hide();
           }
         };
         document.addEventListener('click', this.outsideClickListener);
@@ -694,13 +706,13 @@ var script = {
       }
     },
     bindResizeListener: function bindResizeListener() {
-      var _this6 = this;
+      var _this7 = this;
       if (!this.resizeListener) {
         this.resizeListener = function (event) {
           if (!DomHandler.isTouchDevice()) {
-            _this6.hide(event, true);
+            _this7.hide(event, true);
           }
-          _this6.mobileActive = false;
+          _this7.mobileActive = false;
         };
         window.addEventListener('resize', this.resizeListener);
       }
@@ -726,35 +738,35 @@ var script = {
       });
     },
     findFirstItemIndex: function findFirstItemIndex() {
-      var _this7 = this;
+      var _this8 = this;
       return this.visibleItems.findIndex(function (processedItem) {
-        return _this7.isValidItem(processedItem);
+        return _this8.isValidItem(processedItem);
       });
     },
     findLastItemIndex: function findLastItemIndex() {
-      var _this8 = this;
+      var _this9 = this;
       return ObjectUtils.findLastIndex(this.visibleItems, function (processedItem) {
-        return _this8.isValidItem(processedItem);
+        return _this9.isValidItem(processedItem);
       });
     },
     findNextItemIndex: function findNextItemIndex(index) {
-      var _this9 = this;
+      var _this10 = this;
       var matchedItemIndex = index < this.visibleItems.length - 1 ? this.visibleItems.slice(index + 1).findIndex(function (processedItem) {
-        return _this9.isValidItem(processedItem);
+        return _this10.isValidItem(processedItem);
       }) : -1;
       return matchedItemIndex > -1 ? matchedItemIndex + index + 1 : index;
     },
     findPrevItemIndex: function findPrevItemIndex(index) {
-      var _this10 = this;
+      var _this11 = this;
       var matchedItemIndex = index > 0 ? ObjectUtils.findLastIndex(this.visibleItems.slice(0, index), function (processedItem) {
-        return _this10.isValidItem(processedItem);
+        return _this11.isValidItem(processedItem);
       }) : -1;
       return matchedItemIndex > -1 ? matchedItemIndex : index;
     },
     findSelectedItemIndex: function findSelectedItemIndex() {
-      var _this11 = this;
+      var _this12 = this;
       return this.visibleItems.findIndex(function (processedItem) {
-        return _this11.isValidSelectedItem(processedItem);
+        return _this12.isValidSelectedItem(processedItem);
       });
     },
     findFirstFocusedItemIndex: function findFirstFocusedItemIndex() {
@@ -766,20 +778,20 @@ var script = {
       return selectedIndex < 0 ? this.findLastItemIndex() : selectedIndex;
     },
     searchItems: function searchItems(event, _char) {
-      var _this12 = this;
+      var _this13 = this;
       this.searchValue = (this.searchValue || '') + _char;
       var itemIndex = -1;
       var matched = false;
       if (this.focusedItemInfo.index !== -1) {
         itemIndex = this.visibleItems.slice(this.focusedItemInfo.index).findIndex(function (processedItem) {
-          return _this12.isItemMatched(processedItem);
+          return _this13.isItemMatched(processedItem);
         });
         itemIndex = itemIndex === -1 ? this.visibleItems.slice(0, this.focusedItemInfo.index).findIndex(function (processedItem) {
-          return _this12.isItemMatched(processedItem);
+          return _this13.isItemMatched(processedItem);
         }) : itemIndex + this.focusedItemInfo.index;
       } else {
         itemIndex = this.visibleItems.findIndex(function (processedItem) {
-          return _this12.isItemMatched(processedItem);
+          return _this13.isItemMatched(processedItem);
         });
       }
       if (itemIndex !== -1) {
@@ -795,8 +807,8 @@ var script = {
         clearTimeout(this.searchTimeout);
       }
       this.searchTimeout = setTimeout(function () {
-        _this12.searchValue = '';
-        _this12.searchTimeout = null;
+        _this13.searchValue = '';
+        _this13.searchTimeout = null;
       }, 500);
       return matched;
     },
@@ -818,7 +830,7 @@ var script = {
       }
     },
     createProcessedItems: function createProcessedItems(items) {
-      var _this13 = this;
+      var _this14 = this;
       var level = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
       var parent = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
       var parentKey = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : '';
@@ -833,7 +845,7 @@ var script = {
           parent: parent,
           parentKey: parentKey
         };
-        newItem['items'] = _this13.createProcessedItems(item.items, level + 1, newItem, key);
+        newItem['items'] = _this14.createProcessedItems(item.items, level + 1, newItem, key);
         processedItems.push(newItem);
       });
       return processedItems;
@@ -850,9 +862,9 @@ var script = {
       return this.createProcessedItems(this.model || []);
     },
     visibleItems: function visibleItems() {
-      var _this14 = this;
+      var _this15 = this;
       var processedItem = this.activeItemPath.find(function (p) {
-        return p.key === _this14.focusedItemInfo.parentKey;
+        return p.key === _this15.focusedItemInfo.parentKey;
       });
       return processedItem ? processedItem.items : this.processedItems;
     },

package/menubar/menubar.esm.min.js

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

package/menubar/menubar.js

@@ -23,6 +23,10 @@ this.primevue.menubar = (function (BarsIcon, utils, BaseComponent, MenubarStyle,
           type: null,
           "default": null
         },
+        breakpoint: {
+          type: String,
+          "default": '960px'
+        },
         'aria-labelledby': {
           type: String,
           "default": null
@@ -303,7 +307,8 @@ this.primevue.menubar = (function (BarsIcon, utils, BaseComponent, MenubarStyle,
             parentKey: ''
           },
           activeItemPath: [],
-          dirty: false
+          dirty: false,
+          queryMatches: false
         };
       },
       watch: {
@@ -324,7 +329,14 @@ this.primevue.menubar = (function (BarsIcon, utils, BaseComponent, MenubarStyle,
       container: null,
       menubar: null,
       mounted: function mounted() {
+        var _this = this;
         this.id = this.id || utils.UniqueComponentId();
+        var query = matchMedia("(max-width: ".concat(this.breakpoint, ")"));
+        this.queryMatches = query.matches;
+        query.addEventListener('change', function () {
+          _this.queryMatches = query.matches;
+          _this.mobileActive = false;
+        });
       },
       beforeUnmount: function beforeUnmount() {
         this.mobileActive = false;
@@ -358,7 +370,7 @@ this.primevue.menubar = (function (BarsIcon, utils, BaseComponent, MenubarStyle,
           return processedItem && utils.ObjectUtils.isNotEmpty(processedItem.items);
         },
         toggle: function toggle(event) {
-          var _this = this;
+          var _this2 = this;
           if (this.mobileActive) {
             this.mobileActive = false;
             utils.ZIndexUtils.clear(this.menubar);
@@ -367,7 +379,7 @@ this.primevue.menubar = (function (BarsIcon, utils, BaseComponent, MenubarStyle,
             this.mobileActive = true;
             utils.ZIndexUtils.set('menu', this.menubar, this.$primevue.config.zIndex.menu);
             setTimeout(function () {
-              _this.show();
+              _this2.show();
             }, 1);
           }
           this.bindOutsideClickListener();
@@ -382,11 +394,11 @@ this.primevue.menubar = (function (BarsIcon, utils, BaseComponent, MenubarStyle,
           utils.DomHandler.focus(this.menubar);
         },
         hide: function hide(event, isFocus) {
-          var _this2 = this;
+          var _this3 = this;
           if (this.mobileActive) {
             this.mobileActive = false;
             setTimeout(function () {
-              utils.DomHandler.focus(_this2.$refs.menubutton);
+              utils.DomHandler.focus(_this3.$refs.menubutton);
             }, 0);
           }
           this.activeItemPath = [];
@@ -557,7 +569,7 @@ this.primevue.menubar = (function (BarsIcon, utils, BaseComponent, MenubarStyle,
           }
         },
         onArrowUpKey: function onArrowUpKey(event) {
-          var _this3 = this;
+          var _this4 = this;
           var processedItem = this.visibleItems[this.focusedItemInfo.index];
           var root = utils.ObjectUtils.isEmpty(processedItem.parent);
           if (root) {
@@ -586,7 +598,7 @@ this.primevue.menubar = (function (BarsIcon, utils, BaseComponent, MenubarStyle,
               this.searchValue = '';
               this.onArrowLeftKey(event);
               this.activeItemPath = this.activeItemPath.filter(function (p) {
-                return p.parentKey !== _this3.focusedItemInfo.parentKey;
+                return p.parentKey !== _this4.focusedItemInfo.parentKey;
               });
             } else {
               var _itemIndex = this.focusedItemInfo.index !== -1 ? this.findPrevItemIndex(this.focusedItemInfo.index) : this.findLastFocusedItemIndex();
@@ -596,7 +608,7 @@ this.primevue.menubar = (function (BarsIcon, utils, BaseComponent, MenubarStyle,
           event.preventDefault();
         },
         onArrowLeftKey: function onArrowLeftKey(event) {
-          var _this4 = this;
+          var _this5 = this;
           var processedItem = this.visibleItems[this.focusedItemInfo.index];
           var parentItem = processedItem ? this.activeItemPath.find(function (p) {
             return p.key === processedItem.parentKey;
@@ -607,7 +619,7 @@ this.primevue.menubar = (function (BarsIcon, utils, BaseComponent, MenubarStyle,
               processedItem: parentItem
             });
             this.activeItemPath = this.activeItemPath.filter(function (p) {
-              return p.parentKey !== _this4.focusedItemInfo.parentKey;
+              return p.parentKey !== _this5.focusedItemInfo.parentKey;
             });
             event.preventDefault();
           } else {
@@ -679,13 +691,13 @@ this.primevue.menubar = (function (BarsIcon, utils, BaseComponent, MenubarStyle,
           this.hide();
         },
         bindOutsideClickListener: function bindOutsideClickListener() {
-          var _this5 = this;
+          var _this6 = this;
           if (!this.outsideClickListener) {
             this.outsideClickListener = function (event) {
-              var isOutsideContainer = _this5.menubar && !_this5.menubar.contains(event.target);
-              var isOutsideMenuButton = _this5.mobileActive && _this5.$refs.menubutton ? _this5.$refs.menubutton !== event.target && !_this5.$refs.menubutton.contains(event.target) : true;
+              var isOutsideContainer = _this6.menubar && !_this6.menubar.contains(event.target);
+              var isOutsideMenuButton = _this6.mobileActive && _this6.$refs.menubutton ? _this6.$refs.menubutton !== event.target && !_this6.$refs.menubutton.contains(event.target) : true;
               if (isOutsideMenuButton && isOutsideContainer) {
-                _this5.hide();
+                _this6.hide();
               }
             };
             document.addEventListener('click', this.outsideClickListener);
@@ -698,13 +710,13 @@ this.primevue.menubar = (function (BarsIcon, utils, BaseComponent, MenubarStyle,
           }
         },
         bindResizeListener: function bindResizeListener() {
-          var _this6 = this;
+          var _this7 = this;
           if (!this.resizeListener) {
             this.resizeListener = function (event) {
               if (!utils.DomHandler.isTouchDevice()) {
-                _this6.hide(event, true);
+                _this7.hide(event, true);
               }
-              _this6.mobileActive = false;
+              _this7.mobileActive = false;
             };
             window.addEventListener('resize', this.resizeListener);
           }
@@ -730,35 +742,35 @@ this.primevue.menubar = (function (BarsIcon, utils, BaseComponent, MenubarStyle,
           });
         },
         findFirstItemIndex: function findFirstItemIndex() {
-          var _this7 = this;
+          var _this8 = this;
           return this.visibleItems.findIndex(function (processedItem) {
-            return _this7.isValidItem(processedItem);
+            return _this8.isValidItem(processedItem);
           });
         },
         findLastItemIndex: function findLastItemIndex() {
-          var _this8 = this;
+          var _this9 = this;
           return utils.ObjectUtils.findLastIndex(this.visibleItems, function (processedItem) {
-            return _this8.isValidItem(processedItem);
+            return _this9.isValidItem(processedItem);
           });
         },
         findNextItemIndex: function findNextItemIndex(index) {
-          var _this9 = this;
+          var _this10 = this;
           var matchedItemIndex = index < this.visibleItems.length - 1 ? this.visibleItems.slice(index + 1).findIndex(function (processedItem) {
-            return _this9.isValidItem(processedItem);
+            return _this10.isValidItem(processedItem);
           }) : -1;
           return matchedItemIndex > -1 ? matchedItemIndex + index + 1 : index;
         },
         findPrevItemIndex: function findPrevItemIndex(index) {
-          var _this10 = this;
+          var _this11 = this;
           var matchedItemIndex = index > 0 ? utils.ObjectUtils.findLastIndex(this.visibleItems.slice(0, index), function (processedItem) {
-            return _this10.isValidItem(processedItem);
+            return _this11.isValidItem(processedItem);
           }) : -1;
           return matchedItemIndex > -1 ? matchedItemIndex : index;
         },
         findSelectedItemIndex: function findSelectedItemIndex() {
-          var _this11 = this;
+          var _this12 = this;
           return this.visibleItems.findIndex(function (processedItem) {
-            return _this11.isValidSelectedItem(processedItem);
+            return _this12.isValidSelectedItem(processedItem);
           });
         },
         findFirstFocusedItemIndex: function findFirstFocusedItemIndex() {
@@ -770,20 +782,20 @@ this.primevue.menubar = (function (BarsIcon, utils, BaseComponent, MenubarStyle,
           return selectedIndex < 0 ? this.findLastItemIndex() : selectedIndex;
         },
         searchItems: function searchItems(event, _char) {
-          var _this12 = this;
+          var _this13 = this;
           this.searchValue = (this.searchValue || '') + _char;
           var itemIndex = -1;
           var matched = false;
           if (this.focusedItemInfo.index !== -1) {
             itemIndex = this.visibleItems.slice(this.focusedItemInfo.index).findIndex(function (processedItem) {
-              return _this12.isItemMatched(processedItem);
+              return _this13.isItemMatched(processedItem);
             });
             itemIndex = itemIndex === -1 ? this.visibleItems.slice(0, this.focusedItemInfo.index).findIndex(function (processedItem) {
-              return _this12.isItemMatched(processedItem);
+              return _this13.isItemMatched(processedItem);
             }) : itemIndex + this.focusedItemInfo.index;
           } else {
             itemIndex = this.visibleItems.findIndex(function (processedItem) {
-              return _this12.isItemMatched(processedItem);
+              return _this13.isItemMatched(processedItem);
             });
           }
           if (itemIndex !== -1) {
@@ -799,8 +811,8 @@ this.primevue.menubar = (function (BarsIcon, utils, BaseComponent, MenubarStyle,
             clearTimeout(this.searchTimeout);
           }
           this.searchTimeout = setTimeout(function () {
-            _this12.searchValue = '';
-            _this12.searchTimeout = null;
+            _this13.searchValue = '';
+            _this13.searchTimeout = null;
           }, 500);
           return matched;
         },
@@ -822,7 +834,7 @@ this.primevue.menubar = (function (BarsIcon, utils, BaseComponent, MenubarStyle,
           }
         },
         createProcessedItems: function createProcessedItems(items) {
-          var _this13 = this;
+          var _this14 = this;
           var level = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
           var parent = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
           var parentKey = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : '';
@@ -837,7 +849,7 @@ this.primevue.menubar = (function (BarsIcon, utils, BaseComponent, MenubarStyle,
               parent: parent,
               parentKey: parentKey
             };
-            newItem['items'] = _this13.createProcessedItems(item.items, level + 1, newItem, key);
+            newItem['items'] = _this14.createProcessedItems(item.items, level + 1, newItem, key);
             processedItems.push(newItem);
           });
           return processedItems;
@@ -854,9 +866,9 @@ this.primevue.menubar = (function (BarsIcon, utils, BaseComponent, MenubarStyle,
           return this.createProcessedItems(this.model || []);
         },
         visibleItems: function visibleItems() {
-          var _this14 = this;
+          var _this15 = this;
           var processedItem = this.activeItemPath.find(function (p) {
-            return p.key === _this14.focusedItemInfo.parentKey;
+            return p.key === _this15.focusedItemInfo.parentKey;
           });
           return processedItem ? processedItem.items : this.processedItems;
         },