primevue 3.40.0 → 3.41.0

package/megamenu/megamenu.esm.js

@@ -1,10 +1,11 @@
-import { ObjectUtils, UniqueComponentId, DomHandler } from 'primevue/utils';
+import BarsIcon from 'primevue/icons/bars';
+import { ObjectUtils, UniqueComponentId, ZIndexUtils, DomHandler } from 'primevue/utils';
 import BaseComponent from 'primevue/basecomponent';
 import MegaMenuStyle from 'primevue/megamenu/style';
 import AngleDownIcon from 'primevue/icons/angledown';
 import AngleRightIcon from 'primevue/icons/angleright';
 import Ripple from 'primevue/ripple';
-import { mergeProps, resolveComponent, resolveDirective, openBlock, createElementBlock, toDisplayString, createCommentVNode, Fragment, renderList, createElementVNode, withDirectives, createBlock, resolveDynamicComponent, normalizeClass, normalizeStyle, renderSlot, createVNode } from 'vue';
+import { mergeProps, resolveComponent, resolveDirective, openBlock, createElementBlock, toDisplayString, createCommentVNode, Fragment, renderList, createElementVNode, withDirectives, createBlock, resolveDynamicComponent, normalizeClass, normalizeStyle, renderSlot, createVNode, normalizeProps, guardReactiveProps } from 'vue';
 
 var script$2 = {
   name: 'BaseMegaMenu',
@@ -18,6 +19,10 @@ var script$2 = {
       type: String,
       "default": 'horizontal'
     },
+    breakpoint: {
+      type: String,
+      "default": '960px'
+    },
     disabled: {
       type: Boolean,
       "default": false
@@ -65,6 +70,10 @@ var script$1 = {
       type: Object,
       "default": null
     },
+    mobileActive: {
+      type: Boolean,
+      "default": false
+    },
     items: {
       type: Array,
       "default": null
@@ -189,7 +198,7 @@ var script$1 = {
 };
 
 var _hoisted_1$1 = ["tabindex"];
-var _hoisted_2 = ["id", "aria-label", "aria-disabled", "aria-expanded", "aria-haspopup", "aria-level", "aria-setsize", "aria-posinset", "data-p-highlight", "data-p-focused", "data-p-disabled"];
+var _hoisted_2$1 = ["id", "aria-label", "aria-disabled", "aria-expanded", "aria-haspopup", "aria-level", "aria-setsize", "aria-posinset", "data-p-highlight", "data-p-focused", "data-p-disabled"];
 var _hoisted_3 = ["onClick", "onMouseenter"];
 var _hoisted_4 = ["href", "target"];
 var _hoisted_5 = ["id"];
@@ -258,7 +267,7 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
       key: 0,
       active: $options.isItemActive(processedItem),
       "class": _ctx.cx('submenuIcon')
-    }, $options.getPTOptions(processedItem, index, 'submenuIcon')), null, 16, ["active", "class"])) : (openBlock(), createBlock(resolveDynamicComponent($props.horizontal ? 'AngleDownIcon' : 'AngleRightIcon'), mergeProps({
+    }, $options.getPTOptions(processedItem, index, 'submenuIcon')), null, 16, ["active", "class"])) : (openBlock(), createBlock(resolveDynamicComponent($props.horizontal || $props.mobileActive ? 'AngleDownIcon' : 'AngleRightIcon'), mergeProps({
       key: 1,
       "class": _ctx.cx('submenuIcon')
     }, $options.getPTOptions(processedItem, index, 'submenuIcon')), null, 16, ["class"]))], 64)) : createCommentVNode("", true)], 16, _hoisted_4)), [[_directive_ripple]]) : (openBlock(), createBlock(resolveDynamicComponent($props.templates.item), {
@@ -292,6 +301,7 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
           items: submenu.items,
           templates: $props.templates,
           level: $props.level + 1,
+          mobileActive: $props.mobileActive,
           pt: _ctx.pt,
           unstyled: _ctx.unstyled,
           onItemClick: _cache[0] || (_cache[0] = function ($event) {
@@ -300,9 +310,9 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
           onItemMouseenter: _cache[1] || (_cache[1] = function ($event) {
             return _ctx.$emit('item-mouseenter', $event);
           })
-        }, null, 8, ["id", "style", "menuId", "focusedItemId", "submenu", "items", "templates", "level", "pt", "unstyled"]);
+        }, null, 8, ["id", "style", "menuId", "focusedItemId", "submenu", "items", "templates", "level", "mobileActive", "pt", "unstyled"]);
       }), 128))], 16);
-    }), 128))], 16)], 16)) : createCommentVNode("", true)], 16, _hoisted_2)) : createCommentVNode("", true), $options.isItemVisible(processedItem) && $options.getItemProp(processedItem, 'separator') ? (openBlock(), createElementBlock("li", mergeProps({
+    }), 128))], 16)], 16)) : createCommentVNode("", true)], 16, _hoisted_2$1)) : createCommentVNode("", true), $options.isItemVisible(processedItem) && $options.getItemProp(processedItem, 'separator') ? (openBlock(), createElementBlock("li", mergeProps({
       key: 1,
       id: $options.getItemId(processedItem),
       "class": [_ctx.cx('separator'), $options.getItemProp(processedItem, 'class')],
@@ -327,6 +337,7 @@ var script = {
   data: function data() {
     return {
       id: this.$attrs.id,
+      mobileActive: false,
       focused: false,
       focusedItemInfo: {
         index: -1,
@@ -334,7 +345,8 @@ var script = {
         parentKey: ''
       },
       activeItem: null,
-      dirty: false
+      dirty: false,
+      queryMatches: false
     };
   },
   watch: {
@@ -352,9 +364,17 @@ var script = {
     }
   },
   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;
     this.unbindOutsideClickListener();
     this.unbindResizeListener();
   },
@@ -380,7 +400,38 @@ var script = {
     isProccessedItemGroup: function isProccessedItemGroup(processedItem) {
       return processedItem && ObjectUtils.isNotEmpty(processedItem.items);
     },
+    toggle: function toggle(event) {
+      var _this2 = this;
+      if (this.mobileActive) {
+        this.mobileActive = false;
+        ZIndexUtils.clear(this.menubar);
+        this.hide();
+      } else {
+        this.mobileActive = true;
+        ZIndexUtils.set('menu', this.menubar, this.$primevue.config.zIndex.menu);
+        setTimeout(function () {
+          _this2.show();
+        }, 1);
+      }
+      this.bindOutsideClickListener();
+      event.preventDefault();
+    },
+    show: function show() {
+      this.focusedItemInfo = {
+        index: this.findFirstFocusedItemIndex(),
+        level: 0,
+        parentKey: ''
+      };
+      DomHandler.focus(this.menubar);
+    },
     hide: function hide(event, isFocus) {
+      var _this3 = this;
+      if (this.mobileActive) {
+        this.mobileActive = false;
+        setTimeout(function () {
+          DomHandler.focus(_this3.$refs.menubutton);
+        }, 0);
+      }
       this.activeItem = null;
       this.focusedItemInfo = {
         index: -1,
@@ -508,15 +559,22 @@ var script = {
           var rootProcessedItem = root ? processedItem : this.activeItem;
           this.hide(originalEvent);
           this.changeFocusedItemInfo(originalEvent, rootProcessedItem ? rootProcessedItem.index : -1);
+          this.mobileActive = false;
           DomHandler.focus(this.menubar);
         }
       }
     },
     onItemMouseEnter: function onItemMouseEnter(event) {
-      if (this.dirty) {
+      if (!this.mobileActive && this.dirty) {
         this.onItemChange(event);
       }
     },
+    menuButtonClick: function menuButtonClick(event) {
+      this.toggle(event);
+    },
+    menuButtonKeydown: function menuButtonKeydown(event) {
+      (event.code === 'Enter' || event.code === 'Space') && this.menuButtonClick(event);
+    },
     onArrowDownKey: function onArrowDownKey(event) {
       if (this.horizontal) {
         if (ObjectUtils.isNotEmpty(this.activeItem) && this.activeItem.key === this.focusedItemInfo.key) {
@@ -681,13 +739,13 @@ var script = {
       this.hide();
     },
     bindOutsideClickListener: function bindOutsideClickListener() {
-      var _this = this;
+      var _this4 = this;
       if (!this.outsideClickListener) {
         this.outsideClickListener = function (event) {
-          var isOutsideContainer = _this.container && !_this.container.contains(event.target);
-          var isOutsideTarget = _this.popup ? !(_this.target && (_this.target === event.target || _this.target.contains(event.target))) : true;
+          var isOutsideContainer = _this4.container && !_this4.container.contains(event.target);
+          var isOutsideTarget = !(_this4.target && (_this4.target === event.target || _this4.target.contains(event.target)));
           if (isOutsideContainer && isOutsideTarget) {
-            _this.hide();
+            _this4.hide();
           }
         };
         document.addEventListener('click', this.outsideClickListener);
@@ -700,12 +758,13 @@ var script = {
       }
     },
     bindResizeListener: function bindResizeListener() {
-      var _this2 = this;
+      var _this5 = this;
       if (!this.resizeListener) {
         this.resizeListener = function (event) {
           if (!DomHandler.isTouchDevice()) {
-            _this2.hide(event, true);
+            _this5.hide(event, true);
           }
+          _this5.mobileActive = false;
         };
         window.addEventListener('resize', this.resizeListener);
       }
@@ -729,35 +788,35 @@ var script = {
       return ObjectUtils.isNotEmpty(this.activeItem) ? this.activeItem.key === processedItem.key : false;
     },
     findFirstItemIndex: function findFirstItemIndex() {
-      var _this3 = this;
+      var _this6 = this;
       return this.visibleItems.findIndex(function (processedItem) {
-        return _this3.isValidItem(processedItem);
+        return _this6.isValidItem(processedItem);
       });
     },
     findLastItemIndex: function findLastItemIndex() {
-      var _this4 = this;
+      var _this7 = this;
       return ObjectUtils.findLastIndex(this.visibleItems, function (processedItem) {
-        return _this4.isValidItem(processedItem);
+        return _this7.isValidItem(processedItem);
       });
     },
     findNextItemIndex: function findNextItemIndex(index) {
-      var _this5 = this;
+      var _this8 = this;
       var matchedItemIndex = index < this.visibleItems.length - 1 ? this.visibleItems.slice(index + 1).findIndex(function (processedItem) {
-        return _this5.isValidItem(processedItem);
+        return _this8.isValidItem(processedItem);
       }) : -1;
       return matchedItemIndex > -1 ? matchedItemIndex + index + 1 : index;
     },
     findPrevItemIndex: function findPrevItemIndex(index) {
-      var _this6 = this;
+      var _this9 = this;
       var matchedItemIndex = index > 0 ? ObjectUtils.findLastIndex(this.visibleItems.slice(0, index), function (processedItem) {
-        return _this6.isValidItem(processedItem);
+        return _this9.isValidItem(processedItem);
       }) : -1;
       return matchedItemIndex > -1 ? matchedItemIndex : index;
     },
     findSelectedItemIndex: function findSelectedItemIndex() {
-      var _this7 = this;
+      var _this10 = this;
       return this.visibleItems.findIndex(function (processedItem) {
-        return _this7.isValidSelectedItem(processedItem);
+        return _this10.isValidSelectedItem(processedItem);
       });
     },
     findFirstFocusedItemIndex: function findFirstFocusedItemIndex() {
@@ -772,20 +831,20 @@ var script = {
       return ObjectUtils.isNotEmpty(this.visibleItems) ? this.visibleItems[index] : null;
     },
     searchItems: function searchItems(event, _char) {
-      var _this8 = this;
+      var _this11 = 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 _this8.isItemMatched(processedItem);
+          return _this11.isItemMatched(processedItem);
         });
         itemIndex = itemIndex === -1 ? this.visibleItems.slice(0, this.focusedItemInfo.index).findIndex(function (processedItem) {
-          return _this8.isItemMatched(processedItem);
+          return _this11.isItemMatched(processedItem);
         }) : itemIndex + this.focusedItemInfo.index;
       } else {
         itemIndex = this.visibleItems.findIndex(function (processedItem) {
-          return _this8.isItemMatched(processedItem);
+          return _this11.isItemMatched(processedItem);
         });
       }
       if (itemIndex !== -1) {
@@ -801,8 +860,8 @@ var script = {
         clearTimeout(this.searchTimeout);
       }
       this.searchTimeout = setTimeout(function () {
-        _this8.searchValue = '';
-        _this8.searchTimeout = null;
+        _this11.searchValue = '';
+        _this11.searchTimeout = null;
       }, 500);
       return matched;
     },
@@ -824,7 +883,7 @@ var script = {
       }
     },
     createProcessedItems: function createProcessedItems(items) {
-      var _this9 = this;
+      var _this12 = 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] : '';
@@ -842,8 +901,8 @@ var script = {
           columnIndex: columnIndex !== undefined ? columnIndex : parent.columnIndex !== undefined ? parent.columnIndex : index
         };
         newItem['items'] = level === 0 && item.items && item.items.length > 0 ? item.items.map(function (_items, _index) {
-          return _this9.createProcessedItems(_items, level + 1, newItem, key, _index);
-        }) : _this9.createProcessedItems(item.items, level + 1, newItem, key);
+          return _this12.createProcessedItems(_items, level + 1, newItem, key, _index);
+        }) : _this12.createProcessedItems(item.items, level + 1, newItem, key);
         processedItems.push(newItem);
       });
       return processedItems;
@@ -881,12 +940,16 @@ var script = {
     }
   },
   components: {
-    MegaMenuSub: script$1
+    MegaMenuSub: script$1,
+    BarsIcon: BarsIcon
   }
 };
 
 var _hoisted_1 = ["id"];
+var _hoisted_2 = ["aria-haspopup", "aria-expanded", "aria-controls", "aria-label"];
 function render(_ctx, _cache, $props, $setup, $data, $options) {
+  var _ctx$$primevue$config;
+  var _component_BarsIcon = resolveComponent("BarsIcon");
   var _component_MegaMenuSub = resolveComponent("MegaMenuSub");
   return openBlock(), createElementBlock("div", mergeProps({
     ref: $options.containerRef,
@@ -897,7 +960,25 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   }), [_ctx.$slots.start ? (openBlock(), createElementBlock("div", mergeProps({
     key: 0,
     "class": _ctx.cx('start')
-  }, _ctx.ptm('start')), [renderSlot(_ctx.$slots, "start")], 16)) : createCommentVNode("", true), createVNode(_component_MegaMenuSub, {
+  }, _ctx.ptm('start')), [renderSlot(_ctx.$slots, "start")], 16)) : createCommentVNode("", true), _ctx.model && _ctx.model.length > 0 ? (openBlock(), createElementBlock("a", mergeProps({
+    key: 1,
+    ref: "menubutton",
+    role: "button",
+    tabindex: "0",
+    "class": _ctx.cx('menubutton'),
+    "aria-haspopup": _ctx.model.length && _ctx.model.length > 0 ? true : false,
+    "aria-expanded": $data.mobileActive,
+    "aria-controls": $data.id,
+    "aria-label": (_ctx$$primevue$config = _ctx.$primevue.config.locale.aria) === null || _ctx$$primevue$config === void 0 ? void 0 : _ctx$$primevue$config.navigation,
+    onClick: _cache[0] || (_cache[0] = function ($event) {
+      return $options.menuButtonClick($event);
+    }),
+    onKeydown: _cache[1] || (_cache[1] = function ($event) {
+      return $options.menuButtonKeydown($event);
+    })
+  }, _ctx.ptm('menubutton')), [renderSlot(_ctx.$slots, "menubuttonicon", {}, function () {
+    return [createVNode(_component_BarsIcon, normalizeProps(guardReactiveProps(_ctx.ptm('menubuttonicon'))), null, 16)];
+  })], 16, _hoisted_2)) : createCommentVNode("", true), createVNode(_component_MegaMenuSub, {
     ref: $options.menubarRef,
     id: $data.id + '_list',
     tabindex: !_ctx.disabled ? _ctx.tabindex : -1,
@@ -913,6 +994,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     horizontal: $options.horizontal,
     templates: _ctx.$slots,
     activeItem: $data.activeItem,
+    mobileActive: $data.mobileActive,
     level: 0,
     pt: _ctx.pt,
     unstyled: _ctx.unstyled,
@@ -921,8 +1003,8 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     onKeydown: $options.onKeyDown,
     onItemClick: $options.onItemClick,
     onItemMouseenter: $options.onItemMouseEnter
-  }, null, 8, ["id", "tabindex", "aria-label", "aria-labelledby", "aria-disabled", "aria-orientation", "aria-activedescendant", "menuId", "focusedItemId", "items", "horizontal", "templates", "activeItem", "pt", "unstyled", "onFocus", "onBlur", "onKeydown", "onItemClick", "onItemMouseenter"]), _ctx.$slots.end ? (openBlock(), createElementBlock("div", mergeProps({
-    key: 1,
+  }, null, 8, ["id", "tabindex", "aria-label", "aria-labelledby", "aria-disabled", "aria-orientation", "aria-activedescendant", "menuId", "focusedItemId", "items", "horizontal", "templates", "activeItem", "mobileActive", "pt", "unstyled", "onFocus", "onBlur", "onKeydown", "onItemClick", "onItemMouseenter"]), _ctx.$slots.end ? (openBlock(), createElementBlock("div", mergeProps({
+    key: 2,
     "class": _ctx.cx('end')
   }, _ctx.ptm('end')), [renderSlot(_ctx.$slots, "end")], 16)) : createCommentVNode("", true)], 16, _hoisted_1);
 }

package/megamenu/megamenu.esm.min.js

@@ -1 +1 @@
-import{ObjectUtils as e,UniqueComponentId as t,DomHandler as i}from"primevue/utils";import n from"primevue/basecomponent";import s from"primevue/megamenu/style";import o from"primevue/icons/angledown";import r from"primevue/icons/angleright";import a from"primevue/ripple";import{mergeProps as c,resolveComponent as u,resolveDirective as m,openBlock as d,createElementBlock as l,toDisplayString as I,createCommentVNode as h,Fragment as f,renderList as p,createElementVNode as v,withDirectives as b,createBlock as y,resolveDynamicComponent as g,normalizeClass as x,normalizeStyle as k,renderSlot as P,createVNode as L}from"vue";var K={name:"BaseMegaMenu",extends:n,props:{model:{type:Array,default:null},orientation:{type:String,default:"horizontal"},disabled:{type:Boolean,default:!1},tabindex:{type:Number,default:0},"aria-labelledby":{type:String,default:null},"aria-label":{type:String,default:null}},style:s,provide:function(){return{$parentInstance:this}}},E={name:"MegaMenuSub",hostName:"MegaMenu",extends:n,emits:["item-click","item-mouseenter"],props:{menuId:{type:String,default:null},focusedItemId:{type:String,default:null},horizontal:{type:Boolean,default:!1},submenu:{type:Object,default:null},items:{type:Array,default:null},level:{type:Number,default:0},templates:{type:Object,default:null},activeItem:{type:Object,default:null},tabindex:{type:Number,default:0}},methods:{getSubListId:function(e){return"".concat(this.getItemId(e),"_list")},getSubListKey:function(e){return this.getSubListId(e)},getItemId:function(e){return"".concat(this.menuId,"_").concat(e.key)},getItemKey:function(e){return this.getItemId(e)},getItemProp:function(t,i,n){return t&&t.item?e.getItemValue(t.item[i],n):void 0},getItemLabel:function(e){return this.getItemProp(e,"label")},getPTOptions:function(e,t,i){return this.ptm(i,{context:{item:e,index:t,active:this.isItemActive(e),focused:this.isItemFocused(e),disabled:this.isItemDisabled(e)}})},isItemActive:function(t){return!!e.isNotEmpty(this.activeItem)&&this.activeItem.key===t.key},isItemVisible:function(e){return!1!==this.getItemProp(e,"visible")},isItemDisabled:function(e){return this.getItemProp(e,"disabled")},isItemFocused:function(e){return this.focusedItemId===this.getItemId(e)},isItemGroup:function(t){return e.isNotEmpty(t.items)},onItemClick:function(e,t){this.getItemProp(t,"command",{originalEvent:e,item:t.item}),this.$emit("item-click",{originalEvent:e,processedItem:t,isFocus:!0})},onItemMouseEnter:function(e,t){this.$emit("item-mouseenter",{originalEvent:e,processedItem:t})},getAriaSetSize:function(){var e=this;return this.items.filter((function(t){return e.isItemVisible(t)&&!e.getItemProp(t,"separator")})).length},getAriaPosInset:function(e){var t=this;return e-this.items.slice(0,e).filter((function(e){return t.isItemVisible(e)&&t.getItemProp(e,"separator")})).length+1},getMenuItemProps:function(e,t){return{action:c({class:this.cx("action"),tabindex:-1,"aria-hidden":!0},this.getPTOptions(e,t,"action")),icon:c({class:[this.cx("icon"),this.getItemProp(e,"icon")]},this.getPTOptions(e,t,"icon")),label:c({class:this.cx("label")},this.getPTOptions(e,t,"label")),submenuicon:c({class:this.cx("submenuIcon")},this.getPTOptions(e,t,"submenuIcon"))}}},components:{AngleRightIcon:r,AngleDownIcon:o},directives:{ripple:a}},F=["tabindex"],S=["id","aria-label","aria-disabled","aria-expanded","aria-haspopup","aria-level","aria-setsize","aria-posinset","data-p-highlight","data-p-focused","data-p-disabled"],V=["onClick","onMouseenter"],w=["href","target"],C=["id"];E.render=function(e,t,i,n,s,o){var r=u("MegaMenuSub",!0),a=m("ripple");return d(),l("ul",c({class:e.cx(0===i.level?"menu":"submenu"),tabindex:i.tabindex},e.ptm(0===i.level?"menu":"submenu")),[i.submenu?(d(),l("li",c({key:0,class:[e.cx("submenuHeader",{submenu:i.submenu}),o.getItemProp(i.submenu,"class")],style:o.getItemProp(i.submenu,"style"),role:"presentation"},e.ptm("submenuHeader")),I(o.getItemLabel(i.submenu)),17)):h("",!0),(d(!0),l(f,null,p(i.items,(function(n,s){return d(),l(f,{key:o.getItemKey(n)},[o.isItemVisible(n)&&!o.getItemProp(n,"separator")?(d(),l("li",c({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",c({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?(d(),y(g(i.templates.item),{key:1,item:n.item,hasSubmenu:o.isItemGroup(n),label:o.getItemLabel(n),props:o.getMenuItemProps(n,s)},null,8,["item","hasSubmenu","label","props"])):b((d(),l("a",c({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?(d(),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")?(d(),l("span",c({key:1,class:[e.cx("icon"),o.getItemProp(n,"icon")]},o.getPTOptions(n,s,"icon")),null,16)):h("",!0),v("span",c({class:e.cx(0===i.level?"label":"submenuLabel")},o.getPTOptions(n,s,0===i.level?"label":"submenuLabel")),I(o.getItemLabel(n)),17),o.isItemGroup(n)?(d(),l(f,{key:2},[i.templates.submenuicon?(d(),y(g(i.templates.submenuicon),c({key:0,active:o.isItemActive(n),class:e.cx("submenuIcon")},o.getPTOptions(n,s,"submenuIcon")),null,16,["active","class"])):(d(),y(g(i.horizontal?"AngleDownIcon":"AngleRightIcon"),c({key:1,class:e.cx("submenuIcon")},o.getPTOptions(n,s,"submenuIcon")),null,16,["class"]))],64)):h("",!0)],16,w)),[[a]])],16,V),o.isItemVisible(n)&&o.isItemGroup(n)?(d(),l("div",c({key:0,class:e.cx("panel")},e.ptm("panel")),[v("div",c({class:e.cx("grid")},e.ptm("grid")),[(d(!0),l(f,null,p(n.items,(function(s){return d(),l("div",c({key:o.getItemKey(s),class:e.cx("column",{processedItem:n})},e.ptm("column")),[(d(!0),l(f,null,p(s,(function(s){return d(),y(r,{key:o.getSubListKey(s),id:o.getSubListId(s),style:k(e.sx("submenu",!0,{processedItem:n})),role:"menu",menuId:i.menuId,focusedItemId:i.focusedItemId,submenu:s,items:s.items,templates:i.templates,level:i.level+1,pt:e.pt,unstyled:e.unstyled,onItemClick:t[0]||(t[0]=function(t){return e.$emit("item-click",t)}),onItemMouseenter:t[1]||(t[1]=function(t){return e.$emit("item-mouseenter",t)})},null,8,["id","style","menuId","focusedItemId","submenu","items","templates","level","pt","unstyled"])})),128))],16)})),128))],16)],16)):h("",!0)],16,S)):h("",!0),o.isItemVisible(n)&&o.getItemProp(n,"separator")?(d(),l("li",c({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,C)):h("",!0)],64)})),128))],16,F)};var z={name:"MegaMenu",extends:K,emits:["focus","blur"],outsideClickListener:null,resizeListener:null,container:null,menubar:null,searchTimeout:null,searchValue:null,data:function(){return{id:this.$attrs.id,focused:!1,focusedItemInfo:{index:-1,key:"",parentKey:""},activeItem:null,dirty:!1}},watch:{"$attrs.id":function(e){this.id=e||t()},activeItem:function(t){e.isNotEmpty(t)?(this.bindOutsideClickListener(),this.bindResizeListener()):(this.unbindOutsideClickListener(),this.unbindResizeListener())}},mounted:function(){this.id=this.id||t()},beforeUnmount:function(){this.unbindOutsideClickListener(),this.unbindResizeListener()},methods:{getItemProp:function(t,i){return t?e.getItemValue(t[i]):void 0},getItemLabel:function(e){return this.getItemProp(e,"label")},isItemDisabled:function(e){return this.getItemProp(e,"disabled")},isItemGroup:function(t){return e.isNotEmpty(this.getItemProp(t,"items"))},isItemSeparator:function(e){return this.getItemProp(e,"separator")},getProccessedItemLabel:function(e){return e?this.getItemLabel(e.item):void 0},isProccessedItemGroup:function(t){return t&&e.isNotEmpty(t.items)},hide:function(e,t){this.activeItem=null,this.focusedItemInfo={index:-1,key:"",parentKey:""},t&&i.focus(this.menubar),this.dirty=!1},onFocus:function(e){if(this.focused=!0,-1===this.focusedItemInfo.index){var t=this.findFirstFocusedItemIndex(),i=this.findVisibleItem(t);this.focusedItemInfo={index:t,key:i.key,parentKey:i.parentKey}}this.$emit("focus",e)},onBlur:function(e){this.focused=!1,this.focusedItemInfo={index:-1,key:"",parentKey:""},this.searchValue="",this.dirty=!1,this.$emit("blur",e)},onKeyDown:function(t){if(this.disabled)t.preventDefault();else{var i=t.metaKey||t.ctrlKey;switch(t.code){case"ArrowDown":this.onArrowDownKey(t);break;case"ArrowUp":this.onArrowUpKey(t);break;case"ArrowLeft":this.onArrowLeftKey(t);break;case"ArrowRight":this.onArrowRightKey(t);break;case"Home":this.onHomeKey(t);break;case"End":this.onEndKey(t);break;case"Space":this.onSpaceKey(t);break;case"Enter":this.onEnterKey(t);break;case"Escape":this.onEscapeKey(t);break;case"Tab":this.onTabKey(t);break;case"PageDown":case"PageUp":case"Backspace":case"ShiftLeft":case"ShiftRight":break;default:!i&&e.isPrintableCharacter(t.key)&&this.searchItems(t,t.key)}}},onItemChange:function(t){var n=t.processedItem,s=t.isFocus;if(!e.isEmpty(n)){var o=n.index,r=n.key,a=n.parentKey,c=e.isNotEmpty(n.items);c&&(this.activeItem=n),this.focusedItemInfo={index:o,key:r,parentKey:a},c&&(this.dirty=!0),s&&i.focus(this.menubar)}},onItemClick:function(t){var n=t.originalEvent,s=t.processedItem,o=this.isProccessedItemGroup(s),r=e.isEmpty(s.parent);if(this.isSelected(s)){var a=s.index,c=s.key,u=s.parentKey;this.activeItem=null,this.focusedItemInfo={index:a,key:c,parentKey:u},this.dirty=!r,i.focus(this.menubar)}else if(o)this.onItemChange(t);else{var m=r?s:this.activeItem;this.hide(n),this.changeFocusedItemInfo(n,m?m.index:-1),i.focus(this.menubar)}},onItemMouseEnter:function(e){this.dirty&&this.onItemChange(e)},onArrowDownKey:function(t){if(this.horizontal)if(e.isNotEmpty(this.activeItem)&&this.activeItem.key===this.focusedItemInfo.key)this.focusedItemInfo={index:-1,key:"",parentKey:this.activeItem.key};else{var i=this.findVisibleItem(this.focusedItemInfo.index);this.isProccessedItemGroup(i)&&(this.onItemChange({originalEvent:t,processedItem:i}),this.focusedItemInfo={index:-1,key:i.key,parentKey:i.parentKey},this.searchValue="")}var n=-1!==this.focusedItemInfo.index?this.findNextItemIndex(this.focusedItemInfo.index):this.findFirstFocusedItemIndex();this.changeFocusedItemInfo(t,n),t.preventDefault()},onArrowUpKey:function(t){if(t.altKey&&this.horizontal){if(-1!==this.focusedItemInfo.index){var i=this.findVisibleItem(this.focusedItemInfo.index);!this.isProccessedItemGroup(i)&&e.isNotEmpty(this.activeItem)&&(0===this.focusedItemInfo.index?(this.focusedItemInfo={index:this.activeItem.index,key:this.activeItem.key,parentKey:this.activeItem.parentKey},this.activeItem=null):this.changeFocusedItemInfo(t,this.findFirstItemIndex()))}t.preventDefault()}else{var n=-1!==this.focusedItemInfo.index?this.findPrevItemIndex(this.focusedItemInfo.index):this.findLastFocusedItemIndex();this.changeFocusedItemInfo(t,n),t.preventDefault()}},onArrowLeftKey:function(t){var i=this.findVisibleItem(this.focusedItemInfo.index);if(this.isProccessedItemGroup(i)){if(this.horizontal){var n=-1!==this.focusedItemInfo.index?this.findPrevItemIndex(this.focusedItemInfo.index):this.findLastFocusedItemIndex();this.changeFocusedItemInfo(t,n)}}else{this.vertical&&e.isNotEmpty(this.activeItem)&&0===i.columnIndex&&(this.focusedItemInfo={index:this.activeItem.index,key:this.activeItem.key,parentKey:this.activeItem.parentKey},this.activeItem=null);var s=i.columnIndex-1,o=this.visibleItems.findIndex((function(e){return e.columnIndex===s}));-1!==o&&this.changeFocusedItemInfo(t,o)}t.preventDefault()},onArrowRightKey:function(t){var i=this.findVisibleItem(this.focusedItemInfo.index);if(this.isProccessedItemGroup(i)){if(this.vertical)if(e.isNotEmpty(this.activeItem)&&this.activeItem.key===i.key)this.focusedItemInfo={index:-1,key:"",parentKey:this.activeItem.key};else{var n=this.findVisibleItem(this.focusedItemInfo.index);this.isProccessedItemGroup(n)&&(this.onItemChange({originalEvent:t,processedItem:n}),this.focusedItemInfo={index:-1,key:n.key,parentKey:n.parentKey},this.searchValue="")}var s=-1!==this.focusedItemInfo.index?this.findNextItemIndex(this.focusedItemInfo.index):this.findFirstFocusedItemIndex();this.changeFocusedItemInfo(t,s)}else{var o=i.columnIndex+1,r=this.visibleItems.findIndex((function(e){return e.columnIndex===o}));-1!==r&&this.changeFocusedItemInfo(t,r)}t.preventDefault()},onHomeKey:function(e){this.changeFocusedItemInfo(e,this.findFirstItemIndex()),e.preventDefault()},onEndKey:function(e){this.changeFocusedItemInfo(e,this.findLastItemIndex()),e.preventDefault()},onEnterKey:function(e){if(-1!==this.focusedItemInfo.index){var t=i.findSingle(this.menubar,'li[id="'.concat("".concat(this.focusedItemId),'"]')),n=t&&i.findSingle(t,'a[data-pc-section="action"]');n?n.click():t&&t.click(),!this.isProccessedItemGroup(this.visibleItems[this.focusedItemInfo.index])&&this.changeFocusedItemInfo(e,this.findFirstFocusedItemIndex())}e.preventDefault()},onSpaceKey:function(e){this.onEnterKey(e)},onEscapeKey:function(t){e.isNotEmpty(this.activeItem)&&(this.focusedItemInfo={index:this.activeItem.index,key:this.activeItem.key},this.activeItem=null),t.preventDefault()},onTabKey:function(e){if(-1!==this.focusedItemInfo.index){var t=this.findVisibleItem(this.focusedItemInfo.index);!this.isProccessedItemGroup(t)&&this.onItemChange({originalEvent:e,processedItem:t})}this.hide()},bindOutsideClickListener:function(){var e=this;this.outsideClickListener||(this.outsideClickListener=function(t){var i=e.container&&!e.container.contains(t.target),n=!e.popup||!(e.target&&(e.target===t.target||e.target.contains(t.target)));i&&n&&e.hide()},document.addEventListener("click",this.outsideClickListener))},unbindOutsideClickListener:function(){this.outsideClickListener&&(document.removeEventListener("click",this.outsideClickListener),this.outsideClickListener=null)},bindResizeListener:function(){var e=this;this.resizeListener||(this.resizeListener=function(t){i.isTouchDevice()||e.hide(t,!0)},window.addEventListener("resize",this.resizeListener))},unbindResizeListener:function(){this.resizeListener&&(window.removeEventListener("resize",this.resizeListener),this.resizeListener=null)},isItemMatched:function(e){return this.isValidItem(e)&&this.getProccessedItemLabel(e).toLocaleLowerCase().startsWith(this.searchValue.toLocaleLowerCase())},isValidItem:function(e){return!!e&&!this.isItemDisabled(e.item)&&!this.isItemSeparator(e.item)},isValidSelectedItem:function(e){return this.isValidItem(e)&&this.isSelected(e)},isSelected:function(t){return!!e.isNotEmpty(this.activeItem)&&this.activeItem.key===t.key},findFirstItemIndex:function(){var e=this;return this.visibleItems.findIndex((function(t){return e.isValidItem(t)}))},findLastItemIndex:function(){var t=this;return e.findLastIndex(this.visibleItems,(function(e){return t.isValidItem(e)}))},findNextItemIndex:function(e){var t=this,i=e<this.visibleItems.length-1?this.visibleItems.slice(e+1).findIndex((function(e){return t.isValidItem(e)})):-1;return i>-1?i+e+1:e},findPrevItemIndex:function(t){var i=this,n=t>0?e.findLastIndex(this.visibleItems.slice(0,t),(function(e){return i.isValidItem(e)})):-1;return n>-1?n:t},findSelectedItemIndex:function(){var e=this;return this.visibleItems.findIndex((function(t){return e.isValidSelectedItem(t)}))},findFirstFocusedItemIndex:function(){var e=this.findSelectedItemIndex();return e<0?this.findFirstItemIndex():e},findLastFocusedItemIndex:function(){var e=this.findSelectedItemIndex();return e<0?this.findLastItemIndex():e},findVisibleItem:function(t){return e.isNotEmpty(this.visibleItems)?this.visibleItems[t]:null},searchItems:function(e,t){var i=this;this.searchValue=(this.searchValue||"")+t;var n=-1,s=!1;return-1!==(n=-1!==this.focusedItemInfo.index?-1===(n=this.visibleItems.slice(this.focusedItemInfo.index).findIndex((function(e){return i.isItemMatched(e)})))?this.visibleItems.slice(0,this.focusedItemInfo.index).findIndex((function(e){return i.isItemMatched(e)})):n+this.focusedItemInfo.index:this.visibleItems.findIndex((function(e){return i.isItemMatched(e)})))&&(s=!0),-1===n&&-1===this.focusedItemInfo.index&&(n=this.findFirstFocusedItemIndex()),-1!==n&&this.changeFocusedItemInfo(e,n),this.searchTimeout&&clearTimeout(this.searchTimeout),this.searchTimeout=setTimeout((function(){i.searchValue="",i.searchTimeout=null}),500),s},changeFocusedItemInfo:function(t,i){var n=this.findVisibleItem(i);this.focusedItemInfo.index=i,this.focusedItemInfo.key=e.isNotEmpty(n)?n.key:"",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,n=i.findSingle(this.menubar,'li[id="'.concat(t,'"]'));n&&n.scrollIntoView&&n.scrollIntoView({block:"nearest",inline:"start"})},createProcessedItems:function(e){var t=this,i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},s=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",o=arguments.length>4?arguments[4]:void 0,r=[];return e&&e.forEach((function(e,a){var c=(""!==s?s+"_":"")+(void 0!==o?o+"_":"")+a,u={item:e,index:a,level:i,key:c,parent:n,parentKey:s,columnIndex:void 0!==o?o:void 0!==n.columnIndex?n.columnIndex:a};u.items=0===i&&e.items&&e.items.length>0?e.items.map((function(e,n){return t.createProcessedItems(e,i+1,u,c,n)})):t.createProcessedItems(e.items,i+1,u,c),r.push(u)})),r},containerRef:function(e){this.container=e},menubarRef:function(e){this.menubar=e?e.$el:void 0}},computed:{processedItems:function(){return this.createProcessedItems(this.model||[])},visibleItems:function(){var t=e.isNotEmpty(this.activeItem)?this.activeItem:null;return t&&t.key===this.focusedItemInfo.parentKey?t.items.reduce((function(e,t){return t.forEach((function(t){t.items.forEach((function(t){e.push(t)}))})),e}),[]):this.processedItems},horizontal:function(){return"horizontal"===this.orientation},vertical:function(){return"vertical"===this.orientation},focusedItemId:function(){return e.isNotEmpty(this.focusedItemInfo.key)?"".concat(this.id,"_").concat(this.focusedItemInfo.key):null}},components:{MegaMenuSub:E}},M=["id"];z.render=function(e,t,i,n,s,o){var r=u("MegaMenuSub");return d(),l("div",c({ref:o.containerRef,id:s.id,class:e.cx("root")},e.ptm("root"),{"data-pc-name":"megamenu"}),[e.$slots.start?(d(),l("div",c({key:0,class:e.cx("start")},e.ptm("start")),[P(e.$slots,"start")],16)):h("",!0),L(r,{ref:o.menubarRef,id:s.id+"_list",tabindex:e.disabled?-1:e.tabindex,role:"menubar","aria-label":e.ariaLabel,"aria-labelledby":e.ariaLabelledby,"aria-disabled":e.disabled||void 0,"aria-orientation":e.orientation,"aria-activedescendant":s.focused?o.focusedItemId:void 0,menuId:s.id,focusedItemId:s.focused?o.focusedItemId:void 0,items:o.processedItems,horizontal:o.horizontal,templates:e.$slots,activeItem:s.activeItem,level:0,pt:e.pt,unstyled:e.unstyled,onFocus:o.onFocus,onBlur:o.onBlur,onKeydown:o.onKeyDown,onItemClick:o.onItemClick,onItemMouseenter:o.onItemMouseEnter},null,8,["id","tabindex","aria-label","aria-labelledby","aria-disabled","aria-orientation","aria-activedescendant","menuId","focusedItemId","items","horizontal","templates","activeItem","pt","unstyled","onFocus","onBlur","onKeydown","onItemClick","onItemMouseenter"]),e.$slots.end?(d(),l("div",c({key:1,class:e.cx("end")},e.ptm("end")),[P(e.$slots,"end")],16)):h("",!0)],16,M)};export{z 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/megamenu/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,toDisplayString as f,createCommentVNode as p,Fragment as v,renderList as b,createElementVNode as y,withDirectives as g,createBlock as x,resolveDynamicComponent as k,normalizeClass as L,normalizeStyle as P,renderSlot as K,createVNode as E,normalizeProps as A,guardReactiveProps as F}from"vue";var w={name:"BaseMegaMenu",extends:o,props:{model:{type:Array,default:null},orientation:{type:String,default:"horizontal"},breakpoint:{type:String,default:"960px"},disabled:{type:Boolean,default:!1},tabindex:{type:Number,default:0},"aria-labelledby":{type:String,default:null},"aria-label":{type:String,default:null}},style:r,provide:function(){return{$parentInstance:this}}},S={name:"MegaMenuSub",hostName:"MegaMenu",extends:o,emits:["item-click","item-mouseenter"],props:{menuId:{type:String,default:null},focusedItemId:{type:String,default:null},horizontal:{type:Boolean,default:!1},submenu:{type:Object,default:null},mobileActive:{type:Boolean,default:!1},items:{type:Array,default:null},level:{type:Number,default:0},templates:{type:Object,default:null},activeItem:{type:Object,default:null},tabindex:{type:Number,default:0}},methods:{getSubListId:function(e){return"".concat(this.getItemId(e),"_list")},getSubListKey:function(e){return this.getSubListId(e)},getItemId:function(e){return"".concat(this.menuId,"_").concat(e.key)},getItemKey:function(e){return this.getItemId(e)},getItemProp:function(e,i,n){return e&&e.item?t.getItemValue(e.item[i],n):void 0},getItemLabel:function(e){return this.getItemProp(e,"label")},getPTOptions:function(e,t,i){return this.ptm(i,{context:{item:e,index:t,active:this.isItemActive(e),focused:this.isItemFocused(e),disabled:this.isItemDisabled(e)}})},isItemActive:function(e){return!!t.isNotEmpty(this.activeItem)&&this.activeItem.key===e.key},isItemVisible:function(e){return!1!==this.getItemProp(e,"visible")},isItemDisabled:function(e){return this.getItemProp(e,"disabled")},isItemFocused:function(e){return this.focusedItemId===this.getItemId(e)},isItemGroup:function(e){return t.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}},V=["tabindex"],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"],M=["onClick","onMouseenter"],z=["href","target"],D=["id"];S.render=function(e,t,i,n,s,o){var r=d("MegaMenuSub",!0),a=l("ripple");return I(),h("ul",m({class:e.cx(0===i.level?"menu":"submenu"),tabindex:i.tabindex},e.ptm(0===i.level?"menu":"submenu")),[i.submenu?(I(),h("li",m({key:0,class:[e.cx("submenuHeader",{submenu:i.submenu}),o.getItemProp(i.submenu,"class")],style:o.getItemProp(i.submenu,"style"),role:"presentation"},e.ptm("submenuHeader")),f(o.getItemLabel(i.submenu)),17)):p("",!0),(I(!0),h(v,null,b(i.items,(function(n,s){return I(),h(v,{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)}),[y("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(),x(k(i.templates.item),{key:1,item:n.item,hasSubmenu:o.isItemGroup(n),label:o.getItemLabel(n),props:o.getMenuItemProps(n,s)},null,8,["item","hasSubmenu","label","props"])):g((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(),x(k(i.templates.itemicon),{key:0,item:n.item,class:L([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),y("span",m({class:e.cx(0===i.level?"label":"submenuLabel")},o.getPTOptions(n,s,0===i.level?"label":"submenuLabel")),f(o.getItemLabel(n)),17),o.isItemGroup(n)?(I(),h(v,{key:2},[i.templates.submenuicon?(I(),x(k(i.templates.submenuicon),m({key:0,active:o.isItemActive(n),class:e.cx("submenuIcon")},o.getPTOptions(n,s,"submenuIcon")),null,16,["active","class"])):(I(),x(k(i.horizontal||i.mobileActive?"AngleDownIcon":"AngleRightIcon"),m({key:1,class:e.cx("submenuIcon")},o.getPTOptions(n,s,"submenuIcon")),null,16,["class"]))],64)):p("",!0)],16,z)),[[a]])],16,M),o.isItemVisible(n)&&o.isItemGroup(n)?(I(),h("div",m({key:0,class:e.cx("panel")},e.ptm("panel")),[y("div",m({class:e.cx("grid")},e.ptm("grid")),[(I(!0),h(v,null,b(n.items,(function(s){return I(),h("div",m({key:o.getItemKey(s),class:e.cx("column",{processedItem:n})},e.ptm("column")),[(I(!0),h(v,null,b(s,(function(s){return I(),x(r,{key:o.getSubListKey(s),id:o.getSubListId(s),style:P(e.sx("submenu",!0,{processedItem:n})),role:"menu",menuId:i.menuId,focusedItemId:i.focusedItemId,submenu:s,items:s.items,templates:i.templates,level:i.level+1,mobileActive:i.mobileActive,pt:e.pt,unstyled:e.unstyled,onItemClick:t[0]||(t[0]=function(t){return e.$emit("item-click",t)}),onItemMouseenter:t[1]||(t[1]=function(t){return e.$emit("item-mouseenter",t)})},null,8,["id","style","menuId","focusedItemId","submenu","items","templates","level","mobileActive","pt","unstyled"])})),128))],16)})),128))],16)],16)):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,D)):p("",!0)],64)})),128))],16,V)};var T={name:"MegaMenu",extends:w,emits:["focus","blur"],outsideClickListener:null,resizeListener:null,container:null,menubar:null,searchTimeout:null,searchValue:null,data:function(){return{id:this.$attrs.id,mobileActive:!1,focused:!1,focusedItemInfo:{index:-1,key:"",parentKey:""},activeItem:null,dirty:!1,queryMatches:!1}},watch:{"$attrs.id":function(e){this.id=e||i()},activeItem:function(e){t.isNotEmpty(e)?(this.bindOutsideClickListener(),this.bindResizeListener()):(this.unbindOutsideClickListener(),this.unbindResizeListener())}},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()},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.activeItem=null,this.focusedItemInfo={index:-1,key:"",parentKey:""},t&&s.focus(this.menubar),this.dirty=!1},onFocus:function(e){if(this.focused=!0,-1===this.focusedItemInfo.index){var t=this.findFirstFocusedItemIndex(),i=this.findVisibleItem(t);this.focusedItemInfo={index:t,key:i.key,parentKey:i.parentKey}}this.$emit("focus",e)},onBlur:function(e){this.focused=!1,this.focusedItemInfo={index:-1,key:"",parentKey:""},this.searchValue="",this.dirty=!1,this.$emit("blur",e)},onKeyDown:function(e){if(this.disabled)e.preventDefault();else{var i=e.metaKey||e.ctrlKey;switch(e.code){case"ArrowDown":this.onArrowDownKey(e);break;case"ArrowUp":this.onArrowUpKey(e);break;case"ArrowLeft":this.onArrowLeftKey(e);break;case"ArrowRight":this.onArrowRightKey(e);break;case"Home":this.onHomeKey(e);break;case"End":this.onEndKey(e);break;case"Space":this.onSpaceKey(e);break;case"Enter":this.onEnterKey(e);break;case"Escape":this.onEscapeKey(e);break;case"Tab":this.onTabKey(e);break;case"PageDown":case"PageUp":case"Backspace":case"ShiftLeft":case"ShiftRight":break;default:!i&&t.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.parentKey,c=t.isNotEmpty(i.items);c&&(this.activeItem=i),this.focusedItemInfo={index:o,key:r,parentKey:a},c&&(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.parentKey;this.activeItem=null,this.focusedItemInfo={index:a,key:c,parentKey:u},this.dirty=!r,s.focus(this.menubar)}else if(o)this.onItemChange(e);else{var m=r?n:this.activeItem;this.hide(i),this.changeFocusedItemInfo(i,m?m.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){if(this.horizontal)if(t.isNotEmpty(this.activeItem)&&this.activeItem.key===this.focusedItemInfo.key)this.focusedItemInfo={index:-1,key:"",parentKey:this.activeItem.key};else{var i=this.findVisibleItem(this.focusedItemInfo.index);this.isProccessedItemGroup(i)&&(this.onItemChange({originalEvent:e,processedItem:i}),this.focusedItemInfo={index:-1,key:i.key,parentKey:i.parentKey},this.searchValue="")}var n=-1!==this.focusedItemInfo.index?this.findNextItemIndex(this.focusedItemInfo.index):this.findFirstFocusedItemIndex();this.changeFocusedItemInfo(e,n),e.preventDefault()},onArrowUpKey:function(e){if(e.altKey&&this.horizontal){if(-1!==this.focusedItemInfo.index){var i=this.findVisibleItem(this.focusedItemInfo.index);!this.isProccessedItemGroup(i)&&t.isNotEmpty(this.activeItem)&&(0===this.focusedItemInfo.index?(this.focusedItemInfo={index:this.activeItem.index,key:this.activeItem.key,parentKey:this.activeItem.parentKey},this.activeItem=null):this.changeFocusedItemInfo(e,this.findFirstItemIndex()))}e.preventDefault()}else{var n=-1!==this.focusedItemInfo.index?this.findPrevItemIndex(this.focusedItemInfo.index):this.findLastFocusedItemIndex();this.changeFocusedItemInfo(e,n),e.preventDefault()}},onArrowLeftKey:function(e){var i=this.findVisibleItem(this.focusedItemInfo.index);if(this.isProccessedItemGroup(i)){if(this.horizontal){var n=-1!==this.focusedItemInfo.index?this.findPrevItemIndex(this.focusedItemInfo.index):this.findLastFocusedItemIndex();this.changeFocusedItemInfo(e,n)}}else{this.vertical&&t.isNotEmpty(this.activeItem)&&0===i.columnIndex&&(this.focusedItemInfo={index:this.activeItem.index,key:this.activeItem.key,parentKey:this.activeItem.parentKey},this.activeItem=null);var s=i.columnIndex-1,o=this.visibleItems.findIndex((function(e){return e.columnIndex===s}));-1!==o&&this.changeFocusedItemInfo(e,o)}e.preventDefault()},onArrowRightKey:function(e){var i=this.findVisibleItem(this.focusedItemInfo.index);if(this.isProccessedItemGroup(i)){if(this.vertical)if(t.isNotEmpty(this.activeItem)&&this.activeItem.key===i.key)this.focusedItemInfo={index:-1,key:"",parentKey:this.activeItem.key};else{var n=this.findVisibleItem(this.focusedItemInfo.index);this.isProccessedItemGroup(n)&&(this.onItemChange({originalEvent:e,processedItem:n}),this.focusedItemInfo={index:-1,key:n.key,parentKey:n.parentKey},this.searchValue="")}var s=-1!==this.focusedItemInfo.index?this.findNextItemIndex(this.focusedItemInfo.index):this.findFirstFocusedItemIndex();this.changeFocusedItemInfo(e,s)}else{var o=i.columnIndex+1,r=this.visibleItems.findIndex((function(e){return e.columnIndex===o}));-1!==r&&this.changeFocusedItemInfo(e,r)}e.preventDefault()},onHomeKey:function(e){this.changeFocusedItemInfo(e,this.findFirstItemIndex()),e.preventDefault()},onEndKey:function(e){this.changeFocusedItemInfo(e,this.findLastItemIndex()),e.preventDefault()},onEnterKey:function(e){if(-1!==this.focusedItemInfo.index){var 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.changeFocusedItemInfo(e,this.findFirstFocusedItemIndex())}e.preventDefault()},onSpaceKey:function(e){this.onEnterKey(e)},onEscapeKey:function(e){t.isNotEmpty(this.activeItem)&&(this.focusedItemInfo={index:this.activeItem.index,key:this.activeItem.key},this.activeItem=null),e.preventDefault()},onTabKey:function(e){if(-1!==this.focusedItemInfo.index){var t=this.findVisibleItem(this.focusedItemInfo.index);!this.isProccessedItemGroup(t)&&this.onItemChange({originalEvent:e,processedItem:t})}this.hide()},bindOutsideClickListener:function(){var e=this;this.outsideClickListener||(this.outsideClickListener=function(t){var i=e.container&&!e.container.contains(t.target),n=!(e.target&&(e.target===t.target||e.target.contains(t.target)));i&&n&&e.hide()},document.addEventListener("click",this.outsideClickListener))},unbindOutsideClickListener:function(){this.outsideClickListener&&(document.removeEventListener("click",this.outsideClickListener),this.outsideClickListener=null)},bindResizeListener:function(){var e=this;this.resizeListener||(this.resizeListener=function(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!!t.isNotEmpty(this.activeItem)&&this.activeItem.key===e.key},findFirstItemIndex:function(){var e=this;return this.visibleItems.findIndex((function(t){return e.isValidItem(t)}))},findLastItemIndex:function(){var e=this;return t.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},findVisibleItem:function(e){return t.isNotEmpty(this.visibleItems)?this.visibleItems[e]:null},searchItems:function(e,t){var i=this;this.searchValue=(this.searchValue||"")+t;var n=-1,s=!1;return-1!==(n=-1!==this.focusedItemInfo.index?-1===(n=this.visibleItems.slice(this.focusedItemInfo.index).findIndex((function(e){return i.isItemMatched(e)})))?this.visibleItems.slice(0,this.focusedItemInfo.index).findIndex((function(e){return i.isItemMatched(e)})):n+this.focusedItemInfo.index:this.visibleItems.findIndex((function(e){return i.isItemMatched(e)})))&&(s=!0),-1===n&&-1===this.focusedItemInfo.index&&(n=this.findFirstFocusedItemIndex()),-1!==n&&this.changeFocusedItemInfo(e,n),this.searchTimeout&&clearTimeout(this.searchTimeout),this.searchTimeout=setTimeout((function(){i.searchValue="",i.searchTimeout=null}),500),s},changeFocusedItemInfo:function(e,i){var n=this.findVisibleItem(i);this.focusedItemInfo.index=i,this.focusedItemInfo.key=t.isNotEmpty(n)?n.key:"",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=arguments.length>4?arguments[4]:void 0,r=[];return e&&e.forEach((function(e,a){var c=(""!==s?s+"_":"")+(void 0!==o?o+"_":"")+a,u={item:e,index:a,level:i,key:c,parent:n,parentKey:s,columnIndex:void 0!==o?o:void 0!==n.columnIndex?n.columnIndex:a};u.items=0===i&&e.items&&e.items.length>0?e.items.map((function(e,n){return t.createProcessedItems(e,i+1,u,c,n)})):t.createProcessedItems(e.items,i+1,u,c),r.push(u)})),r},containerRef:function(e){this.container=e},menubarRef:function(e){this.menubar=e?e.$el:void 0}},computed:{processedItems:function(){return this.createProcessedItems(this.model||[])},visibleItems:function(){var e=t.isNotEmpty(this.activeItem)?this.activeItem:null;return e&&e.key===this.focusedItemInfo.parentKey?e.items.reduce((function(e,t){return t.forEach((function(t){t.items.forEach((function(t){e.push(t)}))})),e}),[]):this.processedItems},horizontal:function(){return"horizontal"===this.orientation},vertical:function(){return"vertical"===this.orientation},focusedItemId:function(){return t.isNotEmpty(this.focusedItemInfo.key)?"".concat(this.id,"_").concat(this.focusedItemInfo.key):null}},components:{MegaMenuSub:S,BarsIcon:e}},N=["id"],O=["aria-haspopup","aria-expanded","aria-controls","aria-label"];T.render=function(e,t,i,n,s,o){var r,a=d("BarsIcon"),c=d("MegaMenuSub");return I(),h("div",m({ref:o.containerRef,id:s.id,class:e.cx("root")},e.ptm("root"),{"data-pc-name":"megamenu"}),[e.$slots.start?(I(),h("div",m({key:0,class:e.cx("start")},e.ptm("start")),[K(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("menubutton"),"aria-haspopup":!!(e.model.length&&e.model.length>0),"aria-expanded":s.mobileActive,"aria-controls":s.id,"aria-label":null===(r=e.$primevue.config.locale.aria)||void 0===r?void 0:r.navigation,onClick:t[0]||(t[0]=function(e){return o.menuButtonClick(e)}),onKeydown:t[1]||(t[1]=function(e){return o.menuButtonKeydown(e)})},e.ptm("menubutton")),[K(e.$slots,"menubuttonicon",{},(function(){return[E(a,A(F(e.ptm("menubuttonicon"))),null,16)]}))],16,O)):p("",!0),E(c,{ref:o.menubarRef,id:s.id+"_list",tabindex:e.disabled?-1:e.tabindex,role:"menubar","aria-label":e.ariaLabel,"aria-labelledby":e.ariaLabelledby,"aria-disabled":e.disabled||void 0,"aria-orientation":e.orientation,"aria-activedescendant":s.focused?o.focusedItemId:void 0,menuId:s.id,focusedItemId:s.focused?o.focusedItemId:void 0,items:o.processedItems,horizontal:o.horizontal,templates:e.$slots,activeItem:s.activeItem,mobileActive:s.mobileActive,level:0,pt:e.pt,unstyled:e.unstyled,onFocus:o.onFocus,onBlur:o.onBlur,onKeydown:o.onKeyDown,onItemClick:o.onItemClick,onItemMouseenter:o.onItemMouseEnter},null,8,["id","tabindex","aria-label","aria-labelledby","aria-disabled","aria-orientation","aria-activedescendant","menuId","focusedItemId","items","horizontal","templates","activeItem","mobileActive","pt","unstyled","onFocus","onBlur","onKeydown","onItemClick","onItemMouseenter"]),e.$slots.end?(I(),h("div",m({key:2,class:e.cx("end")},e.ptm("end")),[K(e.$slots,"end")],16)):p("",!0)],16,N)};export{T as default};