primevue 3.16.0 → 3.17.0

package/megamenu/megamenu.esm.js

@@ -5,7 +5,7 @@ import { resolveComponent, resolveDirective, openBlock, createElementBlock, norm
 var script = {
     name: 'MegaMenu',
     props: {
-		model: {
+        model: {
             type: Array,
             default: null
         },
@@ -22,7 +22,7 @@ var script = {
     data() {
         return {
             activeItem: null
-        }
+        };
     },
     beforeUnmount() {
         this.unbindDocumentClickListener();
@@ -31,6 +31,7 @@ var script = {
         onLeafClick(event, item, navigate) {
             if (this.disabled(item)) {
                 event.preventDefault();
+
                 return;
             }
 
@@ -50,6 +51,7 @@ var script = {
         onCategoryMouseEnter(event, category) {
             if (this.disabled(category)) {
                 event.preventDefault();
+
                 return;
             }
 
@@ -60,6 +62,7 @@ var script = {
         onCategoryClick(event, category, navigate) {
             if (this.disabled(category)) {
                 event.preventDefault();
+
                 return;
             }
 
@@ -74,8 +77,7 @@ var script = {
                 if (this.activeItem && this.activeItem === category) {
                     this.activeItem = null;
                     this.unbindDocumentClickListener();
-                }
-                else {
+                } else {
                     this.activeItem = category;
                     this.bindDocumentClickListener();
                 }
@@ -88,46 +90,38 @@ var script = {
         onCategoryKeydown(event, category) {
             let listItem = event.currentTarget.parentElement;
 
-            switch(event.which) {
+            switch (event.which) {
                 //down
                 case 40:
-                    if (this.horizontal)
-                        this.expandMenu(category);
-                    else
-                        this.navigateToNextItem(listItem);
+                    if (this.horizontal) this.expandMenu(category);
+                    else this.navigateToNextItem(listItem);
 
                     event.preventDefault();
-                break;
+                    break;
 
                 //up
                 case 38:
-                    if (this.vertical)
-                        this.navigateToPrevItem(listItem);
-                    else if (category.items && category === this.activeItem)
-                        this.collapseMenu();
+                    if (this.vertical) this.navigateToPrevItem(listItem);
+                    else if (category.items && category === this.activeItem) this.collapseMenu();
 
                     event.preventDefault();
-                break;
+                    break;
 
                 //right
                 case 39:
-                    if (this.horizontal)
-                        this.navigateToNextItem(listItem);
-                    else
-                        this.expandMenu(category);
+                    if (this.horizontal) this.navigateToNextItem(listItem);
+                    else this.expandMenu(category);
 
                     event.preventDefault();
-                break;
+                    break;
 
                 //left
                 case 37:
-                    if (this.horizontal)
-                        this.navigateToPrevItem(listItem);
-                    else if (category.items && category === this.activeItem)
-                        this.collapseMenu();
+                    if (this.horizontal) this.navigateToPrevItem(listItem);
+                    else if (category.items && category === this.activeItem) this.collapseMenu();
 
                     event.preventDefault();
-                break;
+                    break;
             }
         },
         expandMenu(item) {
@@ -141,85 +135,93 @@ var script = {
         findNextItem(item) {
             let nextItem = item.nextElementSibling;
 
-            if (nextItem)
-                return DomHandler.hasClass(nextItem, 'p-disabled') || !DomHandler.hasClass(nextItem, 'p-menuitem') ? this.findNextItem(nextItem) : nextItem;
-            else
-                return null;
+            if (nextItem) return DomHandler.hasClass(nextItem, 'p-disabled') || !DomHandler.hasClass(nextItem, 'p-menuitem') ? this.findNextItem(nextItem) : nextItem;
+            else return null;
         },
         findPrevItem(item) {
             let prevItem = item.previousElementSibling;
 
-            if (prevItem)
-                return DomHandler.hasClass(prevItem, 'p-disabled') || !DomHandler.hasClass(prevItem, 'p-menuitem') ? this.findPrevItem(prevItem) : prevItem;
-            else
-                return null;
+            if (prevItem) return DomHandler.hasClass(prevItem, 'p-disabled') || !DomHandler.hasClass(prevItem, 'p-menuitem') ? this.findPrevItem(prevItem) : prevItem;
+            else return null;
         },
         navigateToNextItem(listItem) {
             var nextItem = this.findNextItem(listItem);
+
             if (nextItem) {
                 nextItem.children[0].focus();
             }
         },
         navigateToPrevItem(listItem) {
             var prevItem = this.findPrevItem(listItem);
+
             if (prevItem) {
                 prevItem.children[0].focus();
             }
         },
         getCategoryClass(category) {
-            return ['p-menuitem', {
-                'p-menuitem-active': category === this.activeItem
-            }, category.class];
+            return [
+                'p-menuitem',
+                {
+                    'p-menuitem-active': category === this.activeItem
+                },
+                category.class
+            ];
         },
         getCategorySubMenuIcon() {
-            return ['p-submenu-icon pi', {
-                'pi-angle-down': this.horizontal,
-                'pi-angle-right': this.vertical
-            }];
+            return [
+                'p-submenu-icon pi',
+                {
+                    'pi-angle-down': this.horizontal,
+                    'pi-angle-right': this.vertical
+                }
+            ];
         },
         getCategoryIcon(category) {
             return ['p-menuitem-icon', category.icon];
         },
         getColumnClassName(category) {
-            let length = category.items ? category.items.length: 0;
+            let length = category.items ? category.items.length : 0;
             let columnClass;
 
-            switch(length) {
+            switch (length) {
                 case 2:
-                    columnClass= 'p-megamenu-col-6';
-                break;
+                    columnClass = 'p-megamenu-col-6';
+                    break;
 
                 case 3:
-                    columnClass= 'p-megamenu-col-4';
-                break;
+                    columnClass = 'p-megamenu-col-4';
+                    break;
 
                 case 4:
-                    columnClass= 'p-megamenu-col-3';
-                break;
+                    columnClass = 'p-megamenu-col-3';
+                    break;
 
                 case 6:
-                    columnClass= 'p-megamenu-col-2';
-                break;
+                    columnClass = 'p-megamenu-col-2';
+                    break;
 
                 default:
-                    columnClass= 'p-megamenu-col-12';
-                break;
+                    columnClass = 'p-megamenu-col-12';
+                    break;
             }
 
             return columnClass;
         },
         getSubmenuHeaderClass(submenu) {
-            return ['p-megamenu-submenu-header', submenu.class, {'p-disabled': this.disabled(submenu)}];
+            return ['p-megamenu-submenu-header', submenu.class, { 'p-disabled': this.disabled(submenu) }];
         },
         getSubmenuItemClass(item) {
             return ['p-menuitem', item.class];
         },
         linkClass(item, routerProps) {
-            return ['p-menuitem-link', {
-                'p-disabled': this.disabled(item),
-                'router-link-active': routerProps && routerProps.isActive,
-                'router-link-active-exact': this.exact && routerProps && routerProps.isExactActive
-            }];
+            return [
+                'p-menuitem-link',
+                {
+                    'p-disabled': this.disabled(item),
+                    'router-link-active': routerProps && routerProps.isActive,
+                    'router-link-active-exact': this.exact && routerProps && routerProps.isExactActive
+                }
+            ];
         },
         bindDocumentClickListener() {
             if (!this.documentClickListener) {
@@ -240,21 +242,24 @@ var script = {
             }
         },
         visible(item) {
-            return (typeof item.visible === 'function' ? item.visible() : item.visible !== false);
+            return typeof item.visible === 'function' ? item.visible() : item.visible !== false;
         },
         disabled(item) {
-            return (typeof item.disabled === 'function' ? item.disabled() : item.disabled);
+            return typeof item.disabled === 'function' ? item.disabled() : item.disabled;
         },
         label(item) {
-            return (typeof item.disabled === 'function' ? item.label() : item.label);
+            return typeof item.disabled === 'function' ? item.label() : item.label;
         }
     },
     computed: {
         containerClass() {
-            return ['p-megamenu p-component', {
-                'p-megamenu-horizontal': this.horizontal,
-                'p-megamenu-vertical': this.vertical
-            }];
+            return [
+                'p-megamenu p-component',
+                {
+                    'p-megamenu-horizontal': this.horizontal,
+                    'p-megamenu-vertical': this.vertical
+                }
+            ];
         },
         horizontal() {
             return this.orientation === 'horizontal';
@@ -264,7 +269,7 @@ var script = {
         }
     },
     directives: {
-        'ripple': Ripple
+        ripple: Ripple
     }
 };
 
@@ -328,10 +333,10 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                             to: category.to,
                             custom: ""
                           }, {
-                            default: withCtx(({navigate, href, isActive, isExactActive}) => [
+                            default: withCtx(({ navigate, href, isActive, isExactActive }) => [
                               withDirectives((openBlock(), createElementBlock("a", {
                                 href: href,
-                                class: normalizeClass($options.linkClass(category, {isActive, isExactActive})),
+                                class: normalizeClass($options.linkClass(category, { isActive, isExactActive })),
                                 onClick: $event => ($options.onCategoryClick($event, category, navigate)),
                                 onKeydown: $event => ($options.onCategoryKeydown($event, category)),
                                 role: "menuitem"
@@ -392,8 +397,8 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                           }, [
                             (openBlock(true), createElementBlock(Fragment, null, renderList(column, (submenu, submenuIndex) => {
                               return (openBlock(), createElementBlock("ul", {
-                                class: "p-megamenu-submenu",
                                 key: submenu.label + '_submenu_' + submenuIndex,
+                                class: "p-megamenu-submenu",
                                 role: "menu"
                               }, [
                                 createElementVNode("li", {
@@ -420,10 +425,10 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                                       to: item.to,
                                                       custom: ""
                                                     }, {
-                                                      default: withCtx(({navigate, href, isActive, isExactActive}) => [
+                                                      default: withCtx(({ navigate, href, isActive, isExactActive }) => [
                                                         withDirectives((openBlock(), createElementBlock("a", {
                                                           href: href,
-                                                          class: normalizeClass($options.linkClass(item, {isActive, isExactActive})),
+                                                          class: normalizeClass($options.linkClass(item, { isActive, isExactActive })),
                                                           onClick: $event => ($options.onLeafClick($event, item, navigate)),
                                                           role: "menuitem"
                                                         }, [
@@ -474,9 +479,9 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                       : createCommentVNode("", true),
                                     ($options.visible(item) && item.separator)
                                       ? (openBlock(), createElementBlock("li", {
+                                          key: 'separator' + i.toString(),
                                           class: normalizeClass(['p-menu-separator', item.class]),
                                           style: normalizeStyle(item.style),
-                                          key: 'separator' + i.toString(),
                                           role: "separator"
                                         }, null, 6))
                                       : createCommentVNode("", true)

package/megamenu/megamenu.esm.min.js

@@ -1 +1 @@
-import{DomHandler as e}from"primevue/utils";import t from"primevue/ripple";import{resolveComponent as n,resolveDirective as i,openBlock as a,createElementBlock as l,normalizeClass as s,renderSlot as o,createCommentVNode as m,createElementVNode as r,Fragment as c,renderList as u,normalizeStyle as p,createBlock as d,withCtx as g,withDirectives as h,toDisplayString as v,resolveDynamicComponent as b}from"vue";var k={name:"MegaMenu",props:{model:{type:Array,default:null},orientation:{type:String,default:"horizontal"},exact:{type:Boolean,default:!0}},documentClickListener:null,data:()=>({activeItem:null}),beforeUnmount(){this.unbindDocumentClickListener()},methods:{onLeafClick(e,t,n){this.disabled(t)?e.preventDefault():(t.command&&t.command({originalEvent:e,item:t}),this.activeItem=null,t.to&&n&&n(e))},onCategoryMouseEnter(e,t){this.disabled(t)?e.preventDefault():this.activeItem&&(this.activeItem=t)},onCategoryClick(e,t,n){this.disabled(t)?e.preventDefault():(t.command&&t.command({originalEvent:e,item:t}),t.items&&(this.activeItem&&this.activeItem===t?(this.activeItem=null,this.unbindDocumentClickListener()):(this.activeItem=t,this.bindDocumentClickListener())),t.to&&n&&n(e))},onCategoryKeydown(e,t){let n=e.currentTarget.parentElement;switch(e.which){case 40:this.horizontal?this.expandMenu(t):this.navigateToNextItem(n),e.preventDefault();break;case 38:this.vertical?this.navigateToPrevItem(n):t.items&&t===this.activeItem&&this.collapseMenu(),e.preventDefault();break;case 39:this.horizontal?this.navigateToNextItem(n):this.expandMenu(t),e.preventDefault();break;case 37:this.horizontal?this.navigateToPrevItem(n):t.items&&t===this.activeItem&&this.collapseMenu(),e.preventDefault()}},expandMenu(e){e.items&&(this.activeItem=e)},collapseMenu(){this.activeItem=null},findNextItem(t){let n=t.nextElementSibling;return n?e.hasClass(n,"p-disabled")||!e.hasClass(n,"p-menuitem")?this.findNextItem(n):n:null},findPrevItem(t){let n=t.previousElementSibling;return n?e.hasClass(n,"p-disabled")||!e.hasClass(n,"p-menuitem")?this.findPrevItem(n):n:null},navigateToNextItem(e){var t=this.findNextItem(e);t&&t.children[0].focus()},navigateToPrevItem(e){var t=this.findPrevItem(e);t&&t.children[0].focus()},getCategoryClass(e){return["p-menuitem",{"p-menuitem-active":e===this.activeItem},e.class]},getCategorySubMenuIcon(){return["p-submenu-icon pi",{"pi-angle-down":this.horizontal,"pi-angle-right":this.vertical}]},getCategoryIcon:e=>["p-menuitem-icon",e.icon],getColumnClassName(e){let t;switch(e.items?e.items.length:0){case 2:t="p-megamenu-col-6";break;case 3:t="p-megamenu-col-4";break;case 4:t="p-megamenu-col-3";break;case 6:t="p-megamenu-col-2";break;default:t="p-megamenu-col-12"}return t},getSubmenuHeaderClass(e){return["p-megamenu-submenu-header",e.class,{"p-disabled":this.disabled(e)}]},getSubmenuItemClass:e=>["p-menuitem",e.class],linkClass(e,t){return["p-menuitem-link",{"p-disabled":this.disabled(e),"router-link-active":t&&t.isActive,"router-link-active-exact":this.exact&&t&&t.isExactActive}]},bindDocumentClickListener(){this.documentClickListener||(this.documentClickListener=e=>{this.$el&&!this.$el.contains(e.target)&&(this.activeItem=null,this.unbindDocumentClickListener())},document.addEventListener("click",this.documentClickListener))},unbindDocumentClickListener(){this.documentClickListener&&(document.removeEventListener("click",this.documentClickListener),this.documentClickListener=null)},visible:e=>"function"==typeof e.visible?e.visible():!1!==e.visible,disabled:e=>"function"==typeof e.disabled?e.disabled():e.disabled,label:e=>"function"==typeof e.disabled?e.label():e.label},computed:{containerClass(){return["p-megamenu p-component",{"p-megamenu-horizontal":this.horizontal,"p-megamenu-vertical":this.vertical}]},horizontal(){return"horizontal"===this.orientation},vertical(){return"vertical"===this.orientation}},directives:{ripple:t}};const y={key:0,class:"p-megamenu-start"},f={class:"p-megamenu-root-list",role:"menubar"},C=["onMouseenter"],x=["href","onClick","onKeydown"],I={class:"p-menuitem-text"},w=["href","target","onClick","onKeydown","aria-haspopup","aria-expanded","tabindex"],L={class:"p-menuitem-text"},E={key:2,class:"p-megamenu-panel"},M={class:"p-megamenu-grid"},S=["href","onClick"],D={class:"p-menuitem-text"},z=["href","target","onClick","tabindex"],A={class:"p-menuitem-text"},N={key:1,class:"p-megamenu-end"};!function(e,t){void 0===t&&(t={});var n=t.insertAt;if(e&&"undefined"!=typeof document){var i=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css","top"===n&&i.firstChild?i.insertBefore(a,i.firstChild):i.appendChild(a),a.styleSheet?a.styleSheet.cssText=e:a.appendChild(document.createTextNode(e))}}("\n.p-megamenu-root-list {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n}\n.p-megamenu-root-list > .p-menuitem {\n    position: relative;\n}\n.p-megamenu .p-menuitem-link {\n    cursor: pointer;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    text-decoration: none;\n    overflow: hidden;\n    position: relative;\n}\n.p-megamenu .p-menuitem-text {\n    line-height: 1;\n}\n.p-megamenu-panel {\n    display: none;\n    position: absolute;\n    width: auto;\n    z-index: 1;\n}\n.p-megamenu-root-list > .p-menuitem-active > .p-megamenu-panel {\n    display: block;\n}\n.p-megamenu-submenu {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n}\n\n/* Horizontal */\n.p-megamenu-horizontal .p-megamenu-root-list {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -ms-flex-wrap: wrap;\n        flex-wrap: wrap;\n}\n\n/* Vertical */\n.p-megamenu-vertical .p-megamenu-root-list {\n    -webkit-box-orient: vertical;\n    -webkit-box-direction: normal;\n        -ms-flex-direction: column;\n            flex-direction: column;\n}\n.p-megamenu-vertical .p-megamenu-root-list > .p-menuitem-active > .p-megamenu-panel {\n    left: 100%;\n    top: 0;\n}\n.p-megamenu-vertical .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon {\n    margin-left: auto;\n}\n.p-megamenu-grid {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n}\n.p-megamenu-col-2,\n.p-megamenu-col-3,\n.p-megamenu-col-4,\n.p-megamenu-col-6,\n.p-megamenu-col-12 {\n    -webkit-box-flex: 0;\n        -ms-flex: 0 0 auto;\n            flex: 0 0 auto;\n    padding: 0.5rem;\n}\n.p-megamenu-col-2 {\n    width: 16.6667%;\n}\n.p-megamenu-col-3 {\n    width: 25%;\n}\n.p-megamenu-col-4 {\n    width: 33.3333%;\n}\n.p-megamenu-col-6 {\n    width: 50%;\n}\n.p-megamenu-col-12 {\n    width: 100%;\n}\n"),k.render=function(e,t,k,T,$,K){const _=n("router-link"),P=i("ripple");return a(),l("div",{class:s(K.containerClass)},[e.$slots.start?(a(),l("div",y,[o(e.$slots,"start")])):m("",!0),r("ul",f,[(a(!0),l(c,null,u(k.model,((t,n)=>(a(),l(c,{key:K.label(t)+"_"+n},[K.visible(t)?(a(),l("li",{key:0,class:s(K.getCategoryClass(t)),style:p(t.style),onMouseenter:e=>K.onCategoryMouseEnter(e,t),role:"none"},[e.$slots.item?(a(),d(b(e.$slots.item),{key:1,item:t},null,8,["item"])):(a(),l(c,{key:0},[t.to&&!K.disabled(t)?(a(),d(_,{key:0,to:t.to,custom:""},{default:g((({navigate:e,href:n,isActive:i,isExactActive:o})=>[h((a(),l("a",{href:n,class:s(K.linkClass(t,{isActive:i,isExactActive:o})),onClick:n=>K.onCategoryClick(n,t,e),onKeydown:e=>K.onCategoryKeydown(e,t),role:"menuitem"},[t.icon?(a(),l("span",{key:0,class:s(K.getCategoryIcon(t))},null,2)):m("",!0),r("span",I,v(K.label(t)),1)],42,x)),[[P]])])),_:2},1032,["to"])):h((a(),l("a",{key:1,href:t.url,class:s(K.linkClass(t)),target:t.target,onClick:e=>K.onCategoryClick(e,t),onKeydown:e=>K.onCategoryKeydown(e,t),role:"menuitem","aria-haspopup":null!=t.items,"aria-expanded":t===$.activeItem,tabindex:K.disabled(t)?null:"0"},[t.icon?(a(),l("span",{key:0,class:s(K.getCategoryIcon(t))},null,2)):m("",!0),r("span",L,v(K.label(t)),1),t.items?(a(),l("span",{key:1,class:s(K.getCategorySubMenuIcon())},null,2)):m("",!0)],42,w)),[[P]])],64)),t.items?(a(),l("div",E,[r("div",M,[(a(!0),l(c,null,u(t.items,((n,i)=>(a(),l("div",{key:K.label(t)+"_column_"+i,class:s(K.getColumnClassName(t))},[(a(!0),l(c,null,u(n,((t,n)=>(a(),l("ul",{class:"p-megamenu-submenu",key:t.label+"_submenu_"+n,role:"menu"},[r("li",{class:s(K.getSubmenuHeaderClass(t)),style:p(t.style),role:"presentation"},v(t.label),7),(a(!0),l(c,null,u(t.items,((t,n)=>(a(),l(c,{key:K.label(t)+n.toString()},[K.visible(t)&&!t.separator?(a(),l("li",{key:0,role:"none",class:s(K.getSubmenuItemClass(t)),style:p(t.style)},[e.$slots.item?(a(),d(b(e.$slots.item),{key:1,item:t},null,8,["item"])):(a(),l(c,{key:0},[t.to&&!K.disabled(t)?(a(),d(_,{key:0,to:t.to,custom:""},{default:g((({navigate:e,href:n,isActive:i,isExactActive:o})=>[h((a(),l("a",{href:n,class:s(K.linkClass(t,{isActive:i,isExactActive:o})),onClick:n=>K.onLeafClick(n,t,e),role:"menuitem"},[t.icon?(a(),l("span",{key:0,class:s(["p-menuitem-icon",t.icon])},null,2)):m("",!0),r("span",D,v(K.label(t)),1)],10,S)),[[P]])])),_:2},1032,["to"])):h((a(),l("a",{key:1,href:t.url,class:s(K.linkClass(t)),target:t.target,onClick:e=>K.onLeafClick(e,t),role:"menuitem",tabindex:K.disabled(t)?null:"0"},[t.icon?(a(),l("span",{key:0,class:s(["p-menuitem-icon",t.icon])},null,2)):m("",!0),r("span",A,v(K.label(t)),1),t.items?(a(),l("span",{key:1,class:s(e.getSubmenuIcon())},null,2)):m("",!0)],10,z)),[[P]])],64))],6)):m("",!0),K.visible(t)&&t.separator?(a(),l("li",{class:s(["p-menu-separator",t.class]),style:p(t.style),key:"separator"+n.toString(),role:"separator"},null,6)):m("",!0)],64)))),128))])))),128))],2)))),128))])])):m("",!0)],46,C)):m("",!0)],64)))),128))]),e.$slots.end?(a(),l("div",N,[o(e.$slots,"end")])):m("",!0)],2)};export{k as default};
+import{DomHandler as e}from"primevue/utils";import t from"primevue/ripple";import{resolveComponent as n,resolveDirective as i,openBlock as a,createElementBlock as l,normalizeClass as s,renderSlot as o,createCommentVNode as m,createElementVNode as r,Fragment as c,renderList as u,normalizeStyle as p,createBlock as d,withCtx as g,withDirectives as h,toDisplayString as v,resolveDynamicComponent as b}from"vue";var k={name:"MegaMenu",props:{model:{type:Array,default:null},orientation:{type:String,default:"horizontal"},exact:{type:Boolean,default:!0}},documentClickListener:null,data:()=>({activeItem:null}),beforeUnmount(){this.unbindDocumentClickListener()},methods:{onLeafClick(e,t,n){this.disabled(t)?e.preventDefault():(t.command&&t.command({originalEvent:e,item:t}),this.activeItem=null,t.to&&n&&n(e))},onCategoryMouseEnter(e,t){this.disabled(t)?e.preventDefault():this.activeItem&&(this.activeItem=t)},onCategoryClick(e,t,n){this.disabled(t)?e.preventDefault():(t.command&&t.command({originalEvent:e,item:t}),t.items&&(this.activeItem&&this.activeItem===t?(this.activeItem=null,this.unbindDocumentClickListener()):(this.activeItem=t,this.bindDocumentClickListener())),t.to&&n&&n(e))},onCategoryKeydown(e,t){let n=e.currentTarget.parentElement;switch(e.which){case 40:this.horizontal?this.expandMenu(t):this.navigateToNextItem(n),e.preventDefault();break;case 38:this.vertical?this.navigateToPrevItem(n):t.items&&t===this.activeItem&&this.collapseMenu(),e.preventDefault();break;case 39:this.horizontal?this.navigateToNextItem(n):this.expandMenu(t),e.preventDefault();break;case 37:this.horizontal?this.navigateToPrevItem(n):t.items&&t===this.activeItem&&this.collapseMenu(),e.preventDefault()}},expandMenu(e){e.items&&(this.activeItem=e)},collapseMenu(){this.activeItem=null},findNextItem(t){let n=t.nextElementSibling;return n?e.hasClass(n,"p-disabled")||!e.hasClass(n,"p-menuitem")?this.findNextItem(n):n:null},findPrevItem(t){let n=t.previousElementSibling;return n?e.hasClass(n,"p-disabled")||!e.hasClass(n,"p-menuitem")?this.findPrevItem(n):n:null},navigateToNextItem(e){var t=this.findNextItem(e);t&&t.children[0].focus()},navigateToPrevItem(e){var t=this.findPrevItem(e);t&&t.children[0].focus()},getCategoryClass(e){return["p-menuitem",{"p-menuitem-active":e===this.activeItem},e.class]},getCategorySubMenuIcon(){return["p-submenu-icon pi",{"pi-angle-down":this.horizontal,"pi-angle-right":this.vertical}]},getCategoryIcon:e=>["p-menuitem-icon",e.icon],getColumnClassName(e){let t;switch(e.items?e.items.length:0){case 2:t="p-megamenu-col-6";break;case 3:t="p-megamenu-col-4";break;case 4:t="p-megamenu-col-3";break;case 6:t="p-megamenu-col-2";break;default:t="p-megamenu-col-12"}return t},getSubmenuHeaderClass(e){return["p-megamenu-submenu-header",e.class,{"p-disabled":this.disabled(e)}]},getSubmenuItemClass:e=>["p-menuitem",e.class],linkClass(e,t){return["p-menuitem-link",{"p-disabled":this.disabled(e),"router-link-active":t&&t.isActive,"router-link-active-exact":this.exact&&t&&t.isExactActive}]},bindDocumentClickListener(){this.documentClickListener||(this.documentClickListener=e=>{this.$el&&!this.$el.contains(e.target)&&(this.activeItem=null,this.unbindDocumentClickListener())},document.addEventListener("click",this.documentClickListener))},unbindDocumentClickListener(){this.documentClickListener&&(document.removeEventListener("click",this.documentClickListener),this.documentClickListener=null)},visible:e=>"function"==typeof e.visible?e.visible():!1!==e.visible,disabled:e=>"function"==typeof e.disabled?e.disabled():e.disabled,label:e=>"function"==typeof e.disabled?e.label():e.label},computed:{containerClass(){return["p-megamenu p-component",{"p-megamenu-horizontal":this.horizontal,"p-megamenu-vertical":this.vertical}]},horizontal(){return"horizontal"===this.orientation},vertical(){return"vertical"===this.orientation}},directives:{ripple:t}};const y={key:0,class:"p-megamenu-start"},f={class:"p-megamenu-root-list",role:"menubar"},C=["onMouseenter"],x=["href","onClick","onKeydown"],I={class:"p-menuitem-text"},w=["href","target","onClick","onKeydown","aria-haspopup","aria-expanded","tabindex"],L={class:"p-menuitem-text"},E={key:2,class:"p-megamenu-panel"},M={class:"p-megamenu-grid"},S=["href","onClick"],D={class:"p-menuitem-text"},z=["href","target","onClick","tabindex"],A={class:"p-menuitem-text"},N={key:1,class:"p-megamenu-end"};!function(e,t){void 0===t&&(t={});var n=t.insertAt;if(e&&"undefined"!=typeof document){var i=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css","top"===n&&i.firstChild?i.insertBefore(a,i.firstChild):i.appendChild(a),a.styleSheet?a.styleSheet.cssText=e:a.appendChild(document.createTextNode(e))}}("\n.p-megamenu-root-list {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n}\n.p-megamenu-root-list > .p-menuitem {\n    position: relative;\n}\n.p-megamenu .p-menuitem-link {\n    cursor: pointer;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    text-decoration: none;\n    overflow: hidden;\n    position: relative;\n}\n.p-megamenu .p-menuitem-text {\n    line-height: 1;\n}\n.p-megamenu-panel {\n    display: none;\n    position: absolute;\n    width: auto;\n    z-index: 1;\n}\n.p-megamenu-root-list > .p-menuitem-active > .p-megamenu-panel {\n    display: block;\n}\n.p-megamenu-submenu {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n}\n\n/* Horizontal */\n.p-megamenu-horizontal .p-megamenu-root-list {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -ms-flex-wrap: wrap;\n        flex-wrap: wrap;\n}\n\n/* Vertical */\n.p-megamenu-vertical .p-megamenu-root-list {\n    -webkit-box-orient: vertical;\n    -webkit-box-direction: normal;\n        -ms-flex-direction: column;\n            flex-direction: column;\n}\n.p-megamenu-vertical .p-megamenu-root-list > .p-menuitem-active > .p-megamenu-panel {\n    left: 100%;\n    top: 0;\n}\n.p-megamenu-vertical .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon {\n    margin-left: auto;\n}\n.p-megamenu-grid {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n}\n.p-megamenu-col-2,\n.p-megamenu-col-3,\n.p-megamenu-col-4,\n.p-megamenu-col-6,\n.p-megamenu-col-12 {\n    -webkit-box-flex: 0;\n        -ms-flex: 0 0 auto;\n            flex: 0 0 auto;\n    padding: 0.5rem;\n}\n.p-megamenu-col-2 {\n    width: 16.6667%;\n}\n.p-megamenu-col-3 {\n    width: 25%;\n}\n.p-megamenu-col-4 {\n    width: 33.3333%;\n}\n.p-megamenu-col-6 {\n    width: 50%;\n}\n.p-megamenu-col-12 {\n    width: 100%;\n}\n"),k.render=function(e,t,k,T,$,K){const _=n("router-link"),P=i("ripple");return a(),l("div",{class:s(K.containerClass)},[e.$slots.start?(a(),l("div",y,[o(e.$slots,"start")])):m("",!0),r("ul",f,[(a(!0),l(c,null,u(k.model,((t,n)=>(a(),l(c,{key:K.label(t)+"_"+n},[K.visible(t)?(a(),l("li",{key:0,class:s(K.getCategoryClass(t)),style:p(t.style),onMouseenter:e=>K.onCategoryMouseEnter(e,t),role:"none"},[e.$slots.item?(a(),d(b(e.$slots.item),{key:1,item:t},null,8,["item"])):(a(),l(c,{key:0},[t.to&&!K.disabled(t)?(a(),d(_,{key:0,to:t.to,custom:""},{default:g((({navigate:e,href:n,isActive:i,isExactActive:o})=>[h((a(),l("a",{href:n,class:s(K.linkClass(t,{isActive:i,isExactActive:o})),onClick:n=>K.onCategoryClick(n,t,e),onKeydown:e=>K.onCategoryKeydown(e,t),role:"menuitem"},[t.icon?(a(),l("span",{key:0,class:s(K.getCategoryIcon(t))},null,2)):m("",!0),r("span",I,v(K.label(t)),1)],42,x)),[[P]])])),_:2},1032,["to"])):h((a(),l("a",{key:1,href:t.url,class:s(K.linkClass(t)),target:t.target,onClick:e=>K.onCategoryClick(e,t),onKeydown:e=>K.onCategoryKeydown(e,t),role:"menuitem","aria-haspopup":null!=t.items,"aria-expanded":t===$.activeItem,tabindex:K.disabled(t)?null:"0"},[t.icon?(a(),l("span",{key:0,class:s(K.getCategoryIcon(t))},null,2)):m("",!0),r("span",L,v(K.label(t)),1),t.items?(a(),l("span",{key:1,class:s(K.getCategorySubMenuIcon())},null,2)):m("",!0)],42,w)),[[P]])],64)),t.items?(a(),l("div",E,[r("div",M,[(a(!0),l(c,null,u(t.items,((n,i)=>(a(),l("div",{key:K.label(t)+"_column_"+i,class:s(K.getColumnClassName(t))},[(a(!0),l(c,null,u(n,((t,n)=>(a(),l("ul",{key:t.label+"_submenu_"+n,class:"p-megamenu-submenu",role:"menu"},[r("li",{class:s(K.getSubmenuHeaderClass(t)),style:p(t.style),role:"presentation"},v(t.label),7),(a(!0),l(c,null,u(t.items,((t,n)=>(a(),l(c,{key:K.label(t)+n.toString()},[K.visible(t)&&!t.separator?(a(),l("li",{key:0,role:"none",class:s(K.getSubmenuItemClass(t)),style:p(t.style)},[e.$slots.item?(a(),d(b(e.$slots.item),{key:1,item:t},null,8,["item"])):(a(),l(c,{key:0},[t.to&&!K.disabled(t)?(a(),d(_,{key:0,to:t.to,custom:""},{default:g((({navigate:e,href:n,isActive:i,isExactActive:o})=>[h((a(),l("a",{href:n,class:s(K.linkClass(t,{isActive:i,isExactActive:o})),onClick:n=>K.onLeafClick(n,t,e),role:"menuitem"},[t.icon?(a(),l("span",{key:0,class:s(["p-menuitem-icon",t.icon])},null,2)):m("",!0),r("span",D,v(K.label(t)),1)],10,S)),[[P]])])),_:2},1032,["to"])):h((a(),l("a",{key:1,href:t.url,class:s(K.linkClass(t)),target:t.target,onClick:e=>K.onLeafClick(e,t),role:"menuitem",tabindex:K.disabled(t)?null:"0"},[t.icon?(a(),l("span",{key:0,class:s(["p-menuitem-icon",t.icon])},null,2)):m("",!0),r("span",A,v(K.label(t)),1),t.items?(a(),l("span",{key:1,class:s(e.getSubmenuIcon())},null,2)):m("",!0)],10,z)),[[P]])],64))],6)):m("",!0),K.visible(t)&&t.separator?(a(),l("li",{key:"separator"+n.toString(),class:s(["p-menu-separator",t.class]),style:p(t.style),role:"separator"},null,6)):m("",!0)],64)))),128))])))),128))],2)))),128))])])):m("",!0)],46,C)):m("",!0)],64)))),128))]),e.$slots.end?(a(),l("div",N,[o(e.$slots,"end")])):m("",!0)],2)};export{k as default};