primevue 3.9.0 → 3.11.1

package/megamenu/MegaMenu.d.ts

@@ -1,22 +1,70 @@
 import { VNode } from 'vue';
+import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
+import { MenuItem } from '../menuitem';
 
-interface MegaMenuProps {
-    model?: any[];
-    orientation?: string;
-    exact?: boolean;
+type MegaMenuOrientationType = 'horizontal' | 'vertical' | undefined;
+
+export interface MegaMenuProps {
+    /**
+     * An array of menuitems.
+     */
+    model?: MenuItem[] | undefined;
+    /**
+     * Defines the orientation.
+     * @see MegaMenuOrientationType
+     * Default value is 'horizontal'.
+     */
+    orientation?: MegaMenuOrientationType;
+    /**
+     * Whether to apply 'router-link-active-exact' class if route exactly matches the item path.
+     * Default value is true.
+     */
+    exact?: boolean | undefined;
+}
+
+export interface MegaMenuSlots {
+    /**
+     * Custom start template.
+     */
+    start: () => VNode[];
+    /**
+     * Custom end template.
+     */
+    end: () => VNode[];
+    /**
+     * Custom item template.
+     * @param {Object} scope - item slot's params.
+     */
+    item: (scope: {
+        /**
+         * Menuitem instance
+         */
+        item: MenuItem;
+    }) => VNode[];
 }
 
-interface MegaMenuItemSlotInterface {
-    item: any;
+export declare type MegaMenuEmits = {
 }
 
-declare class MegaMenu {
-    $props: MegaMenuProps;
-    $slots: {
-        start: VNode[];
-        end: VNode[];
-        item: MegaMenuItemSlotInterface;
+declare class MegaMenu extends ClassComponent<MegaMenuProps, MegaMenuSlots, MegaMenuEmits> { }
+
+declare module '@vue/runtime-core' {
+    interface GlobalComponents {
+        MegaMenu: GlobalComponentConstructor<MegaMenu>
     }
 }
 
+/**
+ *
+ * MegaMenu is navigation component that displays submenus together.
+ *
+ * Helper API:
+ *
+ * - [MenuItem](https://www.primefaces.org/primevue/showcase/#/menumodel)
+ *
+ * Demos:
+ *
+ * - [MegaMenu](https://www.primefaces.org/primevue/showcase/#/megamenu)
+ *
+ */
 export default MegaMenu;

package/megamenu/megamenu.cjs.js

@@ -270,7 +270,7 @@ var script = {
         }
     },
     directives: {
-        'ripple': Ripple__default['default']
+        'ripple': Ripple__default["default"]
     }
 };
 

package/megamenu/megamenu.esm.js

@@ -527,4 +527,4 @@ styleInject(css_248z);
 
 script.render = render;
 
-export default script;
+export { script as default };

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,createBlock as l,renderSlot as s,createCommentVNode as o,createVNode as m,Fragment as r,renderList as c,withCtx as u,withDirectives as p,toDisplayString as d,resolveDynamicComponent as g}from"vue";var h={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 v={key:0,class:"p-megamenu-start"},b={class:"p-megamenu-root-list",role:"menubar"},k={class:"p-menuitem-text"},y={class:"p-menuitem-text"},f={key:2,class:"p-megamenu-panel"},C={class:"p-megamenu-grid"},x={class:"p-menuitem-text"},I={class:"p-menuitem-text"},w={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"),h.render=function(e,t,h,L,E,M){const S=n("router-link"),D=i("ripple");return a(),l("div",{class:M.containerClass},[e.$slots.start?(a(),l("div",v,[s(e.$slots,"start")])):o("",!0),m("ul",b,[(a(!0),l(r,null,c(h.model,((t,n)=>(a(),l(r,{key:M.label(t)+"_"+n},[M.visible(t)?(a(),l("li",{key:0,class:M.getCategoryClass(t),style:t.style,onMouseenter:e=>M.onCategoryMouseEnter(e,t),role:"none"},[e.$slots.item?(a(),l(g(e.$slots.item),{key:1,item:t},null,8,["item"])):(a(),l(r,{key:0},[t.to&&!M.disabled(t)?(a(),l(S,{key:0,to:t.to,custom:""},{default:u((({navigate:e,href:n,isActive:i,isExactActive:s})=>[p(m("a",{href:n,class:M.linkClass(t,{isActive:i,isExactActive:s}),onClick:n=>M.onCategoryClick(n,t,e),onKeydown:e=>M.onCategoryKeydown(e,t),role:"menuitem"},[t.icon?(a(),l("span",{key:0,class:M.getCategoryIcon(t)},null,2)):o("",!0),m("span",k,d(M.label(t)),1)],42,["href","onClick","onKeydown"]),[[D]])])),_:2},1032,["to"])):p((a(),l("a",{key:1,href:t.url,class:M.linkClass(t),target:t.target,onClick:e=>M.onCategoryClick(e,t),onKeydown:e=>M.onCategoryKeydown(e,t),role:"menuitem","aria-haspopup":null!=t.items,"aria-expanded":t===E.activeItem,tabindex:M.disabled(t)?null:"0"},[t.icon?(a(),l("span",{key:0,class:M.getCategoryIcon(t)},null,2)):o("",!0),m("span",y,d(M.label(t)),1),t.items?(a(),l("span",{key:1,class:M.getCategorySubMenuIcon()},null,2)):o("",!0)],42,["href","target","onClick","onKeydown","aria-haspopup","aria-expanded","tabindex"])),[[D]])],64)),t.items?(a(),l("div",f,[m("div",C,[(a(!0),l(r,null,c(t.items,((n,i)=>(a(),l("div",{key:M.label(t)+"_column_"+i,class:M.getColumnClassName(t)},[(a(!0),l(r,null,c(n,((t,n)=>(a(),l("ul",{class:"p-megamenu-submenu",key:t.label+"_submenu_"+n,role:"menu"},[m("li",{class:M.getSubmenuHeaderClass(t),style:t.style,role:"presentation"},d(t.label),7),(a(!0),l(r,null,c(t.items,((t,n)=>(a(),l(r,{key:M.label(t)+n.toString()},[M.visible(t)&&!t.separator?(a(),l("li",{key:0,role:"none",class:M.getSubmenuItemClass(t),style:t.style},[e.$slots.item?(a(),l(g(e.$slots.item),{key:1,item:t},null,8,["item"])):(a(),l(r,{key:0},[t.to&&!M.disabled(t)?(a(),l(S,{key:0,to:t.to,custom:""},{default:u((({navigate:e,href:n,isActive:i,isExactActive:s})=>[p(m("a",{href:n,class:M.linkClass(t,{isActive:i,isExactActive:s}),onClick:n=>M.onLeafClick(n,t,e),role:"menuitem"},[t.icon?(a(),l("span",{key:0,class:["p-menuitem-icon",t.icon]},null,2)):o("",!0),m("span",x,d(M.label(t)),1)],10,["href","onClick"]),[[D]])])),_:2},1032,["to"])):p((a(),l("a",{key:1,href:t.url,class:M.linkClass(t),target:t.target,onClick:e=>M.onLeafClick(e,t),role:"menuitem",tabindex:M.disabled(t)?null:"0"},[t.icon?(a(),l("span",{key:0,class:["p-menuitem-icon",t.icon]},null,2)):o("",!0),m("span",I,d(M.label(t)),1),t.items?(a(),l("span",{key:1,class:e.getSubmenuIcon()},null,2)):o("",!0)],10,["href","target","onClick","tabindex"])),[[D]])],64))],6)):o("",!0),M.visible(t)&&t.separator?(a(),l("li",{class:["p-menu-separator",t.class],style:t.style,key:"separator"+n.toString(),role:"separator"},null,6)):o("",!0)],64)))),128))])))),128))],2)))),128))])])):o("",!0)],46,["onMouseenter"])):o("",!0)],64)))),128))]),e.$slots.end?(a(),l("div",w,[s(e.$slots,"end")])):o("",!0)],2)};export default h;
+import{DomHandler as e}from"primevue/utils";import t from"primevue/ripple";import{resolveComponent as n,resolveDirective as i,openBlock as a,createBlock as l,renderSlot as s,createCommentVNode as o,createVNode as m,Fragment as r,renderList as c,withCtx as u,withDirectives as p,toDisplayString as d,resolveDynamicComponent as g}from"vue";var h={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 v={key:0,class:"p-megamenu-start"},b={class:"p-megamenu-root-list",role:"menubar"},k={class:"p-menuitem-text"},y={class:"p-menuitem-text"},f={key:2,class:"p-megamenu-panel"},C={class:"p-megamenu-grid"},x={class:"p-menuitem-text"},I={class:"p-menuitem-text"},w={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"),h.render=function(e,t,h,L,E,M){const S=n("router-link"),D=i("ripple");return a(),l("div",{class:M.containerClass},[e.$slots.start?(a(),l("div",v,[s(e.$slots,"start")])):o("",!0),m("ul",b,[(a(!0),l(r,null,c(h.model,((t,n)=>(a(),l(r,{key:M.label(t)+"_"+n},[M.visible(t)?(a(),l("li",{key:0,class:M.getCategoryClass(t),style:t.style,onMouseenter:e=>M.onCategoryMouseEnter(e,t),role:"none"},[e.$slots.item?(a(),l(g(e.$slots.item),{key:1,item:t},null,8,["item"])):(a(),l(r,{key:0},[t.to&&!M.disabled(t)?(a(),l(S,{key:0,to:t.to,custom:""},{default:u((({navigate:e,href:n,isActive:i,isExactActive:s})=>[p(m("a",{href:n,class:M.linkClass(t,{isActive:i,isExactActive:s}),onClick:n=>M.onCategoryClick(n,t,e),onKeydown:e=>M.onCategoryKeydown(e,t),role:"menuitem"},[t.icon?(a(),l("span",{key:0,class:M.getCategoryIcon(t)},null,2)):o("",!0),m("span",k,d(M.label(t)),1)],42,["href","onClick","onKeydown"]),[[D]])])),_:2},1032,["to"])):p((a(),l("a",{key:1,href:t.url,class:M.linkClass(t),target:t.target,onClick:e=>M.onCategoryClick(e,t),onKeydown:e=>M.onCategoryKeydown(e,t),role:"menuitem","aria-haspopup":null!=t.items,"aria-expanded":t===E.activeItem,tabindex:M.disabled(t)?null:"0"},[t.icon?(a(),l("span",{key:0,class:M.getCategoryIcon(t)},null,2)):o("",!0),m("span",y,d(M.label(t)),1),t.items?(a(),l("span",{key:1,class:M.getCategorySubMenuIcon()},null,2)):o("",!0)],42,["href","target","onClick","onKeydown","aria-haspopup","aria-expanded","tabindex"])),[[D]])],64)),t.items?(a(),l("div",f,[m("div",C,[(a(!0),l(r,null,c(t.items,((n,i)=>(a(),l("div",{key:M.label(t)+"_column_"+i,class:M.getColumnClassName(t)},[(a(!0),l(r,null,c(n,((t,n)=>(a(),l("ul",{class:"p-megamenu-submenu",key:t.label+"_submenu_"+n,role:"menu"},[m("li",{class:M.getSubmenuHeaderClass(t),style:t.style,role:"presentation"},d(t.label),7),(a(!0),l(r,null,c(t.items,((t,n)=>(a(),l(r,{key:M.label(t)+n.toString()},[M.visible(t)&&!t.separator?(a(),l("li",{key:0,role:"none",class:M.getSubmenuItemClass(t),style:t.style},[e.$slots.item?(a(),l(g(e.$slots.item),{key:1,item:t},null,8,["item"])):(a(),l(r,{key:0},[t.to&&!M.disabled(t)?(a(),l(S,{key:0,to:t.to,custom:""},{default:u((({navigate:e,href:n,isActive:i,isExactActive:s})=>[p(m("a",{href:n,class:M.linkClass(t,{isActive:i,isExactActive:s}),onClick:n=>M.onLeafClick(n,t,e),role:"menuitem"},[t.icon?(a(),l("span",{key:0,class:["p-menuitem-icon",t.icon]},null,2)):o("",!0),m("span",x,d(M.label(t)),1)],10,["href","onClick"]),[[D]])])),_:2},1032,["to"])):p((a(),l("a",{key:1,href:t.url,class:M.linkClass(t),target:t.target,onClick:e=>M.onLeafClick(e,t),role:"menuitem",tabindex:M.disabled(t)?null:"0"},[t.icon?(a(),l("span",{key:0,class:["p-menuitem-icon",t.icon]},null,2)):o("",!0),m("span",I,d(M.label(t)),1),t.items?(a(),l("span",{key:1,class:e.getSubmenuIcon()},null,2)):o("",!0)],10,["href","target","onClick","tabindex"])),[[D]])],64))],6)):o("",!0),M.visible(t)&&t.separator?(a(),l("li",{class:["p-menu-separator",t.class],style:t.style,key:"separator"+n.toString(),role:"separator"},null,6)):o("",!0)],64)))),128))])))),128))],2)))),128))])])):o("",!0)],46,["onMouseenter"])):o("",!0)],64)))),128))]),e.$slots.end?(a(),l("div",w,[s(e.$slots,"end")])):o("",!0)],2)};export{h as default};

package/megamenu/megamenu.js

@@ -268,7 +268,7 @@ this.primevue.megamenu = (function (utils, Ripple, vue) {
             }
         },
         directives: {
-            'ripple': Ripple__default['default']
+            'ripple': Ripple__default["default"]
         }
     };
 
@@ -533,4 +533,4 @@ this.primevue.megamenu = (function (utils, Ripple, vue) {
 
     return script;
 
-}(primevue.utils, primevue.ripple, Vue));
+})(primevue.utils, primevue.ripple, Vue);

package/menu/Menu.d.ts

@@ -1,26 +1,95 @@
 import { VNode } from 'vue';
+import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
+import { MenuItem } from '../menuitem';
 
-interface MenuProps {
-    popup?: boolean;
-    model?: any[];
-    appendTo?: string;
-    autoZIndex?: boolean;
-    baseZIndex?: number;
-    exact?: boolean;
+type MenuAppendToType = 'body' | 'self' | string | undefined;
+
+export interface MenuProps {
+    /**
+     * An array of menuitems.
+     */
+    model?: MenuItem[] | undefined;
+    /**
+     * Defines if menu would displayed as a popup.
+     */
+    popup?: boolean | undefined;
+    /**
+     * A valid query selector or an HTMLElement to specify where the overlay gets attached.
+     * @see MenuAppendToType
+     * Default value is 'body'.
+     */
+    appendTo?: MenuAppendToType;
+    /**
+     * Whether to automatically manage layering.
+     * Default value is true.
+     */
+    autoZIndex?: boolean | undefined;
+    /**
+     * Base zIndex value to use in layering.
+     * Default value is 0.
+     */
+    baseZIndex?: number | undefined;
+    /**
+     * Whether to apply 'router-link-active-exact' class if route exactly matches the item path.
+     * Default value is true.
+     */
+    exact?: boolean | undefined;
+}
+
+export interface MenuSlots {
+    /**
+     * Custom item template.
+     * @param {Object} scope - item slot's params.
+     */
+    item: (scope: {
+        item: MenuItem;
+    }) => VNode[];
 }
 
-interface MenuItemSlotInterface {
-    item: any;
+export declare type MenuEmits = {
 }
 
-declare class Menu {
-    $props: MenuProps;
-    toggle(event: Event): void;
-    show(event: Event, target?: any): void;
+declare class Menu extends ClassComponent<MenuProps, MenuSlots, MenuEmits> {
+    /**
+     * Toggles the visibility of the overlay.
+     * @param {Event} event - Browser event.
+     *
+     * @memberof Menu
+     */
+    toggle: (event: Event) => void;
+    /**
+     * Shows the overlay.
+     * @param {Event} event - Browser event.
+     * @param {*} [target] - Optional target if event.target would not be used.
+     *
+     * @memberof Menu
+     */
+    show: (event: Event, target?: any) => void;
+    /**
+     * Hides the overlay.
+     *
+     * @memberof Menu
+     */
     hide(): void;
-    $slots: {
-        item: MenuItemSlotInterface;
+}
+
+declare module '@vue/runtime-core' {
+    interface GlobalComponents {
+        Menu: GlobalComponentConstructor<Menu>
     }
 }
 
+/**
+ *
+ * Menu is a navigation / command component that supports dynamic and static positioning.
+ *
+ * Helper API:
+ *
+ * - [MenuItem](https://www.primefaces.org/primevue/showcase/#/menumodel)
+ *
+ * Demos:
+ *
+ * - [Menu](https://www.primefaces.org/primevue/showcase/#/menu)
+ *
+ */
 export default Menu;

package/menu/menu.cjs.js

@@ -50,7 +50,7 @@ var script$1 = {
         }
     },
     directives: {
-        'ripple': Ripple__default['default']
+        'ripple': Ripple__default["default"]
     }
 };
 
@@ -294,7 +294,7 @@ var script = {
             this.container = el;
         },
         onOverlayClick(event) {
-            OverlayEventBus__default['default'].emit('overlay-click', {
+            OverlayEventBus__default["default"].emit('overlay-click', {
                 originalEvent: event,
                 target: this.target
             });

package/menu/menu.esm.js

@@ -432,4 +432,4 @@ styleInject(css_248z);
 
 script.render = render;
 
-export default script;
+export { script as default };

package/menu/menu.esm.min.js

@@ -1 +1 @@
-import{ZIndexUtils as e,DomHandler as t,ConnectedOverlayScrollHandler as i}from"primevue/utils";import n from"primevue/overlayeventbus";import l from"primevue/ripple";import{resolveComponent as s,resolveDirective as r,openBlock as a,createBlock as o,Fragment as c,withCtx as d,withDirectives as u,createVNode as m,toDisplayString as p,resolveDynamicComponent as h,createCommentVNode as b,Teleport as v,Transition as y,mergeProps as k,renderList as f,renderSlot as g,createTextVNode as C}from"vue";var L={name:"Menuitem",inheritAttrs:!1,emits:["click"],props:{item:null,template:null,exact:null},methods:{onClick(e,t){this.$emit("click",{originalEvent:e,item:this.item,navigate:t})},linkClass(e,t){return["p-menuitem-link",{"p-disabled":this.disabled(e),"router-link-active":t&&t.isActive,"router-link-active-exact":this.exact&&t&&t.isExactActive}]},visible(){return"function"==typeof this.item.visible?this.item.visible():!1!==this.item.visible},disabled:e=>"function"==typeof e.disabled?e.disabled():e.disabled,label(){return"function"==typeof this.item.label?this.item.label():this.item.label}},computed:{containerClass(){return["p-menuitem",this.item.class]}},directives:{ripple:l}};const x={class:"p-menuitem-text"},E={class:"p-menuitem-text"};L.render=function(e,t,i,n,l,v){const y=s("router-link"),k=r("ripple");return v.visible()?(a(),o("li",{key:0,class:v.containerClass,role:"none",style:i.item.style},[i.template?(a(),o(h(i.template),{key:1,item:i.item},null,8,["item"])):(a(),o(c,{key:0},[i.item.to&&!v.disabled(i.item)?(a(),o(y,{key:0,to:i.item.to,custom:""},{default:d((({navigate:e,href:t,isActive:n,isExactActive:l})=>[u(m("a",{href:t,onClick:t=>v.onClick(t,e),class:v.linkClass(i.item,{isActive:n,isExactActive:l}),role:"menuitem"},[m("span",{class:["p-menuitem-icon",i.item.icon]},null,2),m("span",x,p(v.label()),1)],10,["href","onClick"]),[[k]])])),_:1},8,["to"])):u((a(),o("a",{key:1,href:i.item.url,class:v.linkClass(i.item),onClick:t[1]||(t[1]=(...e)=>v.onClick&&v.onClick(...e)),target:i.item.target,role:"menuitem",tabindex:v.disabled(i.item)?null:"0"},[m("span",{class:["p-menuitem-icon",i.item.icon]},null,2),m("span",E,p(v.label()),1)],10,["href","target","tabindex"])),[[k]])],64))],6)):b("",!0)};var z={name:"Menu",emits:["show","hide"],inheritAttrs:!1,props:{popup:{type:Boolean,default:!1},model:{type:Array,default:null},appendTo:{type:String,default:"body"},autoZIndex:{type:Boolean,default:!0},baseZIndex:{type:Number,default:0},exact:{type:Boolean,default:!0}},data:()=>({overlayVisible:!1}),target:null,outsideClickListener:null,scrollHandler:null,resizeListener:null,container:null,beforeUnmount(){this.unbindResizeListener(),this.unbindOutsideClickListener(),this.scrollHandler&&(this.scrollHandler.destroy(),this.scrollHandler=null),this.target=null,this.container&&this.autoZIndex&&e.clear(this.container),this.container=null},methods:{itemClick(e){const t=e.item;t.disabled||(t.command&&t.command(e),t.to&&e.navigate&&e.navigate(e.originalEvent),this.hide())},toggle(e){this.overlayVisible?this.hide():this.show(e)},show(e){this.overlayVisible=!0,this.target=e.currentTarget},hide(){this.overlayVisible=!1,this.target=null},onEnter(t){this.alignOverlay(),this.bindOutsideClickListener(),this.bindResizeListener(),this.bindScrollListener(),this.autoZIndex&&e.set("menu",t,this.baseZIndex+this.$primevue.config.zIndex.menu),this.$emit("show")},onLeave(){this.unbindOutsideClickListener(),this.unbindResizeListener(),this.unbindScrollListener(),this.$emit("hide")},onAfterLeave(t){this.autoZIndex&&e.clear(t)},alignOverlay(){t.absolutePosition(this.container,this.target),this.container.style.minWidth=t.getOuterWidth(this.target)+"px"},bindOutsideClickListener(){this.outsideClickListener||(this.outsideClickListener=e=>{this.overlayVisible&&this.container&&!this.container.contains(e.target)&&!this.isTargetClicked(e)&&this.hide()},document.addEventListener("click",this.outsideClickListener))},unbindOutsideClickListener(){this.outsideClickListener&&(document.removeEventListener("click",this.outsideClickListener),this.outsideClickListener=null)},bindScrollListener(){this.scrollHandler||(this.scrollHandler=new i(this.target,(()=>{this.overlayVisible&&this.hide()}))),this.scrollHandler.bindScrollListener()},unbindScrollListener(){this.scrollHandler&&this.scrollHandler.unbindScrollListener()},bindResizeListener(){this.resizeListener||(this.resizeListener=()=>{this.overlayVisible&&this.hide()},window.addEventListener("resize",this.resizeListener))},unbindResizeListener(){this.resizeListener&&(window.removeEventListener("resize",this.resizeListener),this.resizeListener=null)},isTargetClicked(){return this.target&&(this.target===event.target||this.target.contains(event.target))},visible:e=>"function"==typeof e.visible?e.visible():!1!==e.visible,label:e=>"function"==typeof e.label?e.label():e.label,containerRef(e){this.container=e},onOverlayClick(e){n.emit("overlay-click",{originalEvent:e,target:this.target})}},computed:{containerClass(){return["p-menu p-component",{"p-menu-overlay":this.popup,"p-input-filled":"filled"===this.$primevue.config.inputStyle,"p-ripple-disabled":!1===this.$primevue.config.ripple}]}},components:{Menuitem:L}};const A={class:"p-menu-list p-reset",role:"menu"},S={key:0,class:"p-submenu-header"};!function(e,t){void 0===t&&(t={});var i=t.insertAt;if(e&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],l=document.createElement("style");l.type="text/css","top"===i&&n.firstChild?n.insertBefore(l,n.firstChild):n.appendChild(l),l.styleSheet?l.styleSheet.cssText=e:l.appendChild(document.createTextNode(e))}}("\n.p-menu-overlay {\n    position: absolute;\n    top: 0;\n    left: 0;\n}\n.p-menu ul {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n}\n.p-menu .p-menuitem-link {\n    cursor: pointer;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    text-decoration: none;\n    overflow: hidden;\n    position: relative;\n}\n.p-menu .p-menuitem-text {\n    line-height: 1;\n}\n"),z.render=function(e,t,i,n,l,r){const u=s("Menuitem");return a(),o(v,{to:i.appendTo,disabled:!i.popup},[m(y,{name:"p-connected-overlay",onEnter:r.onEnter,onLeave:r.onLeave,onAfterLeave:r.onAfterLeave},{default:d((()=>[!i.popup||l.overlayVisible?(a(),o("div",k({key:0,ref:r.containerRef,class:r.containerClass},e.$attrs,{onClick:t[1]||(t[1]=(...e)=>r.onOverlayClick&&r.onOverlayClick(...e))}),[m("ul",A,[(a(!0),o(c,null,f(i.model,((t,n)=>(a(),o(c,{key:r.label(t)+n.toString()},[t.items&&r.visible(t)&&!t.separator?(a(),o(c,{key:0},[t.items?(a(),o("li",S,[g(e.$slots,"item",{item:t},(()=>[C(p(r.label(t)),1)]))])):b("",!0),(a(!0),o(c,null,f(t.items,((t,l)=>(a(),o(c,{key:t.label+n+l},[r.visible(t)&&!t.separator?(a(),o(u,{key:0,item:t,onClick:r.itemClick,template:e.$slots.item,exact:i.exact},null,8,["item","onClick","template","exact"])):r.visible(t)&&t.separator?(a(),o("li",{class:["p-menu-separator",t.class],style:t.style,key:"separator"+n+l,role:"separator"},null,6)):b("",!0)],64)))),128))],64)):r.visible(t)&&t.separator?(a(),o("li",{class:["p-menu-separator",t.class],style:t.style,key:"separator"+n.toString(),role:"separator"},null,6)):(a(),o(u,{key:r.label(t)+n.toString(),item:t,onClick:r.itemClick,template:e.$slots.item,exact:i.exact},null,8,["item","onClick","template","exact"]))],64)))),128))])],16)):b("",!0)])),_:3},8,["onEnter","onLeave","onAfterLeave"])],8,["to","disabled"])};export default z;
+import{ZIndexUtils as e,DomHandler as t,ConnectedOverlayScrollHandler as i}from"primevue/utils";import n from"primevue/overlayeventbus";import l from"primevue/ripple";import{resolveComponent as s,resolveDirective as r,openBlock as a,createBlock as o,Fragment as c,withCtx as d,withDirectives as u,createVNode as m,toDisplayString as p,resolveDynamicComponent as h,createCommentVNode as b,Teleport as v,Transition as y,mergeProps as k,renderList as f,renderSlot as g,createTextVNode as C}from"vue";var L={name:"Menuitem",inheritAttrs:!1,emits:["click"],props:{item:null,template:null,exact:null},methods:{onClick(e,t){this.$emit("click",{originalEvent:e,item:this.item,navigate:t})},linkClass(e,t){return["p-menuitem-link",{"p-disabled":this.disabled(e),"router-link-active":t&&t.isActive,"router-link-active-exact":this.exact&&t&&t.isExactActive}]},visible(){return"function"==typeof this.item.visible?this.item.visible():!1!==this.item.visible},disabled:e=>"function"==typeof e.disabled?e.disabled():e.disabled,label(){return"function"==typeof this.item.label?this.item.label():this.item.label}},computed:{containerClass(){return["p-menuitem",this.item.class]}},directives:{ripple:l}};const x={class:"p-menuitem-text"},E={class:"p-menuitem-text"};L.render=function(e,t,i,n,l,v){const y=s("router-link"),k=r("ripple");return v.visible()?(a(),o("li",{key:0,class:v.containerClass,role:"none",style:i.item.style},[i.template?(a(),o(h(i.template),{key:1,item:i.item},null,8,["item"])):(a(),o(c,{key:0},[i.item.to&&!v.disabled(i.item)?(a(),o(y,{key:0,to:i.item.to,custom:""},{default:d((({navigate:e,href:t,isActive:n,isExactActive:l})=>[u(m("a",{href:t,onClick:t=>v.onClick(t,e),class:v.linkClass(i.item,{isActive:n,isExactActive:l}),role:"menuitem"},[m("span",{class:["p-menuitem-icon",i.item.icon]},null,2),m("span",x,p(v.label()),1)],10,["href","onClick"]),[[k]])])),_:1},8,["to"])):u((a(),o("a",{key:1,href:i.item.url,class:v.linkClass(i.item),onClick:t[1]||(t[1]=(...e)=>v.onClick&&v.onClick(...e)),target:i.item.target,role:"menuitem",tabindex:v.disabled(i.item)?null:"0"},[m("span",{class:["p-menuitem-icon",i.item.icon]},null,2),m("span",E,p(v.label()),1)],10,["href","target","tabindex"])),[[k]])],64))],6)):b("",!0)};var z={name:"Menu",emits:["show","hide"],inheritAttrs:!1,props:{popup:{type:Boolean,default:!1},model:{type:Array,default:null},appendTo:{type:String,default:"body"},autoZIndex:{type:Boolean,default:!0},baseZIndex:{type:Number,default:0},exact:{type:Boolean,default:!0}},data:()=>({overlayVisible:!1}),target:null,outsideClickListener:null,scrollHandler:null,resizeListener:null,container:null,beforeUnmount(){this.unbindResizeListener(),this.unbindOutsideClickListener(),this.scrollHandler&&(this.scrollHandler.destroy(),this.scrollHandler=null),this.target=null,this.container&&this.autoZIndex&&e.clear(this.container),this.container=null},methods:{itemClick(e){const t=e.item;t.disabled||(t.command&&t.command(e),t.to&&e.navigate&&e.navigate(e.originalEvent),this.hide())},toggle(e){this.overlayVisible?this.hide():this.show(e)},show(e){this.overlayVisible=!0,this.target=e.currentTarget},hide(){this.overlayVisible=!1,this.target=null},onEnter(t){this.alignOverlay(),this.bindOutsideClickListener(),this.bindResizeListener(),this.bindScrollListener(),this.autoZIndex&&e.set("menu",t,this.baseZIndex+this.$primevue.config.zIndex.menu),this.$emit("show")},onLeave(){this.unbindOutsideClickListener(),this.unbindResizeListener(),this.unbindScrollListener(),this.$emit("hide")},onAfterLeave(t){this.autoZIndex&&e.clear(t)},alignOverlay(){t.absolutePosition(this.container,this.target),this.container.style.minWidth=t.getOuterWidth(this.target)+"px"},bindOutsideClickListener(){this.outsideClickListener||(this.outsideClickListener=e=>{this.overlayVisible&&this.container&&!this.container.contains(e.target)&&!this.isTargetClicked(e)&&this.hide()},document.addEventListener("click",this.outsideClickListener))},unbindOutsideClickListener(){this.outsideClickListener&&(document.removeEventListener("click",this.outsideClickListener),this.outsideClickListener=null)},bindScrollListener(){this.scrollHandler||(this.scrollHandler=new i(this.target,(()=>{this.overlayVisible&&this.hide()}))),this.scrollHandler.bindScrollListener()},unbindScrollListener(){this.scrollHandler&&this.scrollHandler.unbindScrollListener()},bindResizeListener(){this.resizeListener||(this.resizeListener=()=>{this.overlayVisible&&this.hide()},window.addEventListener("resize",this.resizeListener))},unbindResizeListener(){this.resizeListener&&(window.removeEventListener("resize",this.resizeListener),this.resizeListener=null)},isTargetClicked(){return this.target&&(this.target===event.target||this.target.contains(event.target))},visible:e=>"function"==typeof e.visible?e.visible():!1!==e.visible,label:e=>"function"==typeof e.label?e.label():e.label,containerRef(e){this.container=e},onOverlayClick(e){n.emit("overlay-click",{originalEvent:e,target:this.target})}},computed:{containerClass(){return["p-menu p-component",{"p-menu-overlay":this.popup,"p-input-filled":"filled"===this.$primevue.config.inputStyle,"p-ripple-disabled":!1===this.$primevue.config.ripple}]}},components:{Menuitem:L}};const A={class:"p-menu-list p-reset",role:"menu"},S={key:0,class:"p-submenu-header"};!function(e,t){void 0===t&&(t={});var i=t.insertAt;if(e&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],l=document.createElement("style");l.type="text/css","top"===i&&n.firstChild?n.insertBefore(l,n.firstChild):n.appendChild(l),l.styleSheet?l.styleSheet.cssText=e:l.appendChild(document.createTextNode(e))}}("\n.p-menu-overlay {\n    position: absolute;\n    top: 0;\n    left: 0;\n}\n.p-menu ul {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n}\n.p-menu .p-menuitem-link {\n    cursor: pointer;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    text-decoration: none;\n    overflow: hidden;\n    position: relative;\n}\n.p-menu .p-menuitem-text {\n    line-height: 1;\n}\n"),z.render=function(e,t,i,n,l,r){const u=s("Menuitem");return a(),o(v,{to:i.appendTo,disabled:!i.popup},[m(y,{name:"p-connected-overlay",onEnter:r.onEnter,onLeave:r.onLeave,onAfterLeave:r.onAfterLeave},{default:d((()=>[!i.popup||l.overlayVisible?(a(),o("div",k({key:0,ref:r.containerRef,class:r.containerClass},e.$attrs,{onClick:t[1]||(t[1]=(...e)=>r.onOverlayClick&&r.onOverlayClick(...e))}),[m("ul",A,[(a(!0),o(c,null,f(i.model,((t,n)=>(a(),o(c,{key:r.label(t)+n.toString()},[t.items&&r.visible(t)&&!t.separator?(a(),o(c,{key:0},[t.items?(a(),o("li",S,[g(e.$slots,"item",{item:t},(()=>[C(p(r.label(t)),1)]))])):b("",!0),(a(!0),o(c,null,f(t.items,((t,l)=>(a(),o(c,{key:t.label+n+l},[r.visible(t)&&!t.separator?(a(),o(u,{key:0,item:t,onClick:r.itemClick,template:e.$slots.item,exact:i.exact},null,8,["item","onClick","template","exact"])):r.visible(t)&&t.separator?(a(),o("li",{class:["p-menu-separator",t.class],style:t.style,key:"separator"+n+l,role:"separator"},null,6)):b("",!0)],64)))),128))],64)):r.visible(t)&&t.separator?(a(),o("li",{class:["p-menu-separator",t.class],style:t.style,key:"separator"+n.toString(),role:"separator"},null,6)):(a(),o(u,{key:r.label(t)+n.toString(),item:t,onClick:r.itemClick,template:e.$slots.item,exact:i.exact},null,8,["item","onClick","template","exact"]))],64)))),128))])],16)):b("",!0)])),_:3},8,["onEnter","onLeave","onAfterLeave"])],8,["to","disabled"])};export{z as default};

package/menu/menu.js

@@ -47,7 +47,7 @@ this.primevue.menu = (function (utils, OverlayEventBus, Ripple, vue) {
             }
         },
         directives: {
-            'ripple': Ripple__default['default']
+            'ripple': Ripple__default["default"]
         }
     };
 
@@ -291,7 +291,7 @@ this.primevue.menu = (function (utils, OverlayEventBus, Ripple, vue) {
                 this.container = el;
             },
             onOverlayClick(event) {
-                OverlayEventBus__default['default'].emit('overlay-click', {
+                OverlayEventBus__default["default"].emit('overlay-click', {
                     originalEvent: event,
                     target: this.target
                 });
@@ -438,4 +438,4 @@ this.primevue.menu = (function (utils, OverlayEventBus, Ripple, vue) {
 
     return script;
 
-}(primevue.utils, primevue.overlayeventbus, primevue.ripple, Vue));
+})(primevue.utils, primevue.overlayeventbus, primevue.ripple, Vue);

package/menubar/Menubar.d.ts

@@ -1,21 +1,62 @@
 import { VNode } from 'vue';
+import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
+import { MenuItem } from '../menuitem';
 
-interface MenubarProps {
-    model?: any[];
-    exact?: boolean;
+export interface MenubarProps {
+    /**
+     * An array of menuitems.
+     */
+    model?: MenuItem[] | undefined;
+    /**
+     * Whether to apply 'router-link-active-exact' class if route exactly matches the item path.
+     * Default value is true.
+     */
+    exact?: boolean | undefined;
 }
 
-interface MenubarItemSlotInterface {
-    item: any;
+export interface MenubarSlots {
+    /**
+     * Custom start template.
+     */
+    start: () => VNode[];
+    /**
+     * Custom end template.
+     */
+    end: () => VNode[];
+    /**
+     * Custom item template.
+     * @param {Object} scope - item slot's params.
+     */
+    item: (scope: {
+        /**
+         * Menuitem instance
+         */
+        item: MenuItem;
+    }) => VNode[];
 }
 
-declare class Menubar {
-    $props: MenubarProps;
-    $slots: {
-        start: VNode[];
-        end: VNode[];
-        item: MenubarItemSlotInterface;
+export declare type MenubarEmits = {
+}
+
+declare class Menubar extends ClassComponent<MenubarProps, MenubarSlots, MenubarEmits> { }
+
+declare module '@vue/runtime-core' {
+    interface GlobalComponents {
+        Menubar: GlobalComponentConstructor<Menubar>
     }
 }
 
+/**
+ *
+ * Menubar is a horizontal menu component.
+ *
+ * Helper API:
+ *
+ * - [MenuItem](https://www.primefaces.org/primevue/showcase/#/menumodel)
+ *
+ * Demos:
+ *
+ * - [Menubar](https://www.primefaces.org/primevue/showcase/#/menubar)
+ *
+ */
 export default Menubar;

package/menubar/Menubar.vue

@@ -159,5 +159,6 @@ export default {
     cursor: pointer;
     align-items: center;
     justify-content: center;
+    text-decoration: none;
 }
 </style>

package/menubar/menubar.cjs.js

@@ -275,7 +275,7 @@ var script$1 = {
         }
     },
     directives: {
-        'ripple': Ripple__default['default']
+        'ripple': Ripple__default["default"]
     }
 };
 
@@ -529,7 +529,7 @@ function styleInject(css, ref) {
   }
 }
 
-var css_248z = "\n.p-menubar {\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}\n.p-menubar ul {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n}\n.p-menubar .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-menubar .p-menuitem-text {\n    line-height: 1;\n}\n.p-menubar .p-menuitem {\n    position: relative;\n}\n.p-menubar-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}\n.p-menubar-root-list > li ul {\n    display: none;\n    z-index: 1;\n}\n.p-menubar-root-list > .p-menuitem-active > .p-submenu-list {\n    display: block;\n}\n.p-menubar .p-submenu-list {\n    display: none;\n    position: absolute;\n    z-index: 1;\n}\n.p-menubar .p-submenu-list > .p-menuitem-active > .p-submenu-list  {\n    display: block;\n    left: 100%;\n    top: 0;\n}\n.p-menubar .p-submenu-list .p-menuitem-link .p-submenu-icon {\n    margin-left: auto;\n}\n.p-menubar .p-menubar-custom,\n.p-menubar .p-menubar-end {\n    margin-left: auto;\n    -ms-flex-item-align: center;\n        align-self: center;\n}\n.p-menubar-button {\n    display: none;\n    cursor: pointer;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n}\n";
+var css_248z = "\n.p-menubar {\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}\n.p-menubar ul {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n}\n.p-menubar .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-menubar .p-menuitem-text {\n    line-height: 1;\n}\n.p-menubar .p-menuitem {\n    position: relative;\n}\n.p-menubar-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}\n.p-menubar-root-list > li ul {\n    display: none;\n    z-index: 1;\n}\n.p-menubar-root-list > .p-menuitem-active > .p-submenu-list {\n    display: block;\n}\n.p-menubar .p-submenu-list {\n    display: none;\n    position: absolute;\n    z-index: 1;\n}\n.p-menubar .p-submenu-list > .p-menuitem-active > .p-submenu-list  {\n    display: block;\n    left: 100%;\n    top: 0;\n}\n.p-menubar .p-submenu-list .p-menuitem-link .p-submenu-icon {\n    margin-left: auto;\n}\n.p-menubar .p-menubar-custom,\n.p-menubar .p-menubar-end {\n    margin-left: auto;\n    -ms-flex-item-align: center;\n        align-self: center;\n}\n.p-menubar-button {\n    display: none;\n    cursor: pointer;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n    text-decoration: none;\n}\n";
 styleInject(css_248z);
 
 script.render = render;

package/menubar/menubar.cjs.min.js

@@ -1 +1 @@
-"use strict";var e=require("primevue/utils"),t=require("primevue/ripple"),n=require("vue");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l={name:"MenubarSub",emits:["keydown-item","leaf-click"],props:{model:{type:Array,default:null},root:{type:Boolean,default:!1},popup:{type:Boolean,default:!1},parentActive:{type:Boolean,default:!1},mobileActive:{type:Boolean,default:!1},template:{type:Function,default:null},exact:{type:Boolean,default:!0}},documentClickListener:null,watch:{parentActive(e){e||(this.activeItem=null)}},data:()=>({activeItem:null}),updated(){this.root&&this.activeItem&&this.bindDocumentClickListener()},beforeUnmount(){this.unbindDocumentClickListener()},methods:{onItemMouseEnter(e,t){this.disabled(t)||this.mobileActive?e.preventDefault():this.root?(this.activeItem||this.popup)&&(this.activeItem=t):this.activeItem=t},onItemClick(e,t,n){this.disabled(t)?e.preventDefault():(t.command&&t.command({originalEvent:e,item:t}),t.items&&(this.activeItem&&t===this.activeItem?this.activeItem=null:this.activeItem=t),t.items||this.onLeafClick(),t.to&&n&&n(e))},onLeafClick(){this.activeItem=null,this.$emit("leaf-click")},onItemKeyDown(e,t){let n=e.currentTarget.parentElement;switch(e.which){case 40:this.root?t.items&&this.expandSubmenu(t,n):this.navigateToNextItem(n),e.preventDefault();break;case 38:this.root||this.navigateToPrevItem(n),e.preventDefault();break;case 39:if(this.root){var i=this.findNextItem(n);i&&i.children[0].focus()}else t.items&&this.expandSubmenu(t,n);e.preventDefault();break;case 37:this.root&&this.navigateToPrevItem(n),e.preventDefault()}this.$emit("keydown-item",{originalEvent:e,element:n})},onChildItemKeyDown(e){this.root?38===e.originalEvent.which&&null==e.element.previousElementSibling&&this.collapseMenu(e.element):37===e.originalEvent.which&&this.collapseMenu(e.element)},findNextItem(t){let n=t.nextElementSibling;return n?e.DomHandler.hasClass(n,"p-disabled")||!e.DomHandler.hasClass(n,"p-menuitem")?this.findNextItem(n):n:null},findPrevItem(t){let n=t.previousElementSibling;return n?e.DomHandler.hasClass(n,"p-disabled")||!e.DomHandler.hasClass(n,"p-menuitem")?this.findPrevItem(n):n:null},expandSubmenu(e,t){this.activeItem=e,setTimeout((()=>{t.children[1].children[0].children[0].focus()}),50)},collapseMenu(e){this.activeItem=null,e.parentElement.previousElementSibling.focus()},navigateToNextItem(e){var t=this.findNextItem(e);t&&t.children[0].focus()},navigateToPrevItem(e){var t=this.findPrevItem(e);t&&t.children[0].focus()},getItemClass(e){return["p-menuitem",e.class,{"p-menuitem-active":this.activeItem===e}]},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)},getSubmenuIcon(){return["p-submenu-icon pi",{"pi-angle-right":!this.root,"pi-angle-down":this.root}]},visible:e=>"function"==typeof e.visible?e.visible():!1!==e.visible,disabled:e=>"function"==typeof e.disabled?e.disabled():e.disabled,label:e=>"function"==typeof e.label?e.label():e.label},computed:{containerClass(){return{"p-submenu-list":!this.root,"p-menubar-root-list":this.root}}},directives:{ripple:i(t).default}};const o={class:"p-menuitem-text"},s={class:"p-menuitem-text"};l.render=function(e,t,i,l,a,r){const c=n.resolveComponent("router-link"),m=n.resolveComponent("MenubarSub",!0),u=n.resolveDirective("ripple");return n.openBlock(),n.createBlock("ul",{class:r.containerClass,role:i.root?"menubar":"menu"},[(n.openBlock(!0),n.createBlock(n.Fragment,null,n.renderList(i.model,((e,t)=>(n.openBlock(),n.createBlock(n.Fragment,{key:r.label(e)+t.toString()},[r.visible(e)&&!e.separator?(n.openBlock(),n.createBlock("li",{key:0,role:"none",class:r.getItemClass(e),style:e.style,onMouseenter:t=>r.onItemMouseEnter(t,e)},[i.template?(n.openBlock(),n.createBlock(n.resolveDynamicComponent(i.template),{key:1,item:e},null,8,["item"])):(n.openBlock(),n.createBlock(n.Fragment,{key:0},[e.to&&!r.disabled(e)?(n.openBlock(),n.createBlock(c,{key:0,to:e.to,custom:""},{default:n.withCtx((({navigate:t,href:i,isActive:l,isExactActive:s})=>[n.withDirectives(n.createVNode("a",{href:i,onClick:n=>r.onItemClick(n,e,t),class:r.linkClass(e,{isActive:l,isExactActive:s}),onKeydown:t=>r.onItemKeyDown(t,e),role:"menuitem"},[n.createVNode("span",{class:["p-menuitem-icon",e.icon]},null,2),n.createVNode("span",o,n.toDisplayString(r.label(e)),1)],42,["href","onClick","onKeydown"]),[[u]])])),_:2},1032,["to"])):n.withDirectives((n.openBlock(),n.createBlock("a",{key:1,href:e.url,class:r.linkClass(e),target:e.target,"aria-haspopup":null!=e.items,"aria-expanded":e===a.activeItem,onClick:t=>r.onItemClick(t,e),onKeydown:t=>r.onItemKeyDown(t,e),role:"menuitem",tabindex:r.disabled(e)?null:"0"},[n.createVNode("span",{class:["p-menuitem-icon",e.icon]},null,2),n.createVNode("span",s,n.toDisplayString(r.label(e)),1),e.items?(n.openBlock(),n.createBlock("span",{key:0,class:r.getSubmenuIcon()},null,2)):n.createCommentVNode("",!0)],42,["href","target","aria-haspopup","aria-expanded","onClick","onKeydown","tabindex"])),[[u]])],64)),r.visible(e)&&e.items?(n.openBlock(),n.createBlock(m,{model:e.items,key:r.label(e)+"_sub_",mobileActive:i.mobileActive,onLeafClick:r.onLeafClick,onKeydownItem:r.onChildItemKeyDown,parentActive:e===a.activeItem,template:i.template,exact:i.exact},null,8,["model","mobileActive","onLeafClick","onKeydownItem","parentActive","template","exact"])):n.createCommentVNode("",!0)],46,["onMouseenter"])):n.createCommentVNode("",!0),r.visible(e)&&e.separator?(n.openBlock(),n.createBlock("li",{class:["p-menu-separator",e.class],style:e.style,key:"separator"+t.toString(),role:"separator"},null,6)):n.createCommentVNode("",!0)],64)))),128))],10,["role"])};var a={name:"Menubar",props:{model:{type:Array,default:null},exact:{type:Boolean,default:!0}},outsideClickListener:null,data:()=>({mobileActive:!1}),beforeUnmount(){this.mobileActive=!1,this.unbindOutsideClickListener(),this.$refs.rootmenu&&this.$refs.rootmenu.$el&&e.ZIndexUtils.clear(this.$refs.rootmenu.$el)},methods:{toggle(t){this.mobileActive?(this.mobileActive=!1,e.ZIndexUtils.clear(this.$refs.rootmenu.$el)):(this.mobileActive=!0,e.ZIndexUtils.set("menu",this.$refs.rootmenu.$el,this.$primevue.config.zIndex.menu)),this.bindOutsideClickListener(),t.preventDefault()},bindOutsideClickListener(){this.outsideClickListener||(this.outsideClickListener=e=>{!this.mobileActive||this.$refs.rootmenu.$el===e.target||this.$refs.rootmenu.$el.contains(e.target)||this.$refs.menubutton===e.target||this.$refs.menubutton.contains(e.target)||(this.mobileActive=!1)},document.addEventListener("click",this.outsideClickListener))},unbindOutsideClickListener(){this.outsideClickListener&&(document.removeEventListener("click",this.outsideClickListener),this.outsideClickListener=null)},onLeafClick(){this.mobileActive=!1}},computed:{containerClass(){return["p-menubar p-component",{"p-menubar-mobile-active":this.mobileActive}]}},components:{MenubarSub:l}};const r={key:0,class:"p-menubar-start"},c=n.createVNode("i",{class:"pi pi-bars"},null,-1),m={key:1,class:"p-menubar-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],l=document.createElement("style");l.type="text/css","top"===n&&i.firstChild?i.insertBefore(l,i.firstChild):i.appendChild(l),l.styleSheet?l.styleSheet.cssText=e:l.appendChild(document.createTextNode(e))}}("\n.p-menubar {\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}\n.p-menubar ul {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n}\n.p-menubar .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-menubar .p-menuitem-text {\n    line-height: 1;\n}\n.p-menubar .p-menuitem {\n    position: relative;\n}\n.p-menubar-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}\n.p-menubar-root-list > li ul {\n    display: none;\n    z-index: 1;\n}\n.p-menubar-root-list > .p-menuitem-active > .p-submenu-list {\n    display: block;\n}\n.p-menubar .p-submenu-list {\n    display: none;\n    position: absolute;\n    z-index: 1;\n}\n.p-menubar .p-submenu-list > .p-menuitem-active > .p-submenu-list  {\n    display: block;\n    left: 100%;\n    top: 0;\n}\n.p-menubar .p-submenu-list .p-menuitem-link .p-submenu-icon {\n    margin-left: auto;\n}\n.p-menubar .p-menubar-custom,\n.p-menubar .p-menubar-end {\n    margin-left: auto;\n    -ms-flex-item-align: center;\n        align-self: center;\n}\n.p-menubar-button {\n    display: none;\n    cursor: pointer;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n}\n"),a.render=function(e,t,i,l,o,s){const a=n.resolveComponent("MenubarSub");return n.openBlock(),n.createBlock("div",{class:s.containerClass},[e.$slots.start?(n.openBlock(),n.createBlock("div",r,[n.renderSlot(e.$slots,"start")])):n.createCommentVNode("",!0),n.createVNode("a",{ref:"menubutton",tabindex:"0",class:"p-menubar-button",onClick:t[1]||(t[1]=e=>s.toggle(e))},[c],512),n.createVNode(a,{ref:"rootmenu",model:i.model,root:!0,mobileActive:o.mobileActive,onLeafClick:s.onLeafClick,template:e.$slots.item,exact:i.exact},null,8,["model","mobileActive","onLeafClick","template","exact"]),e.$slots.end?(n.openBlock(),n.createBlock("div",m,[n.renderSlot(e.$slots,"end")])):n.createCommentVNode("",!0)],2)},module.exports=a;
+"use strict";var e=require("primevue/utils"),t=require("primevue/ripple"),n=require("vue");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l={name:"MenubarSub",emits:["keydown-item","leaf-click"],props:{model:{type:Array,default:null},root:{type:Boolean,default:!1},popup:{type:Boolean,default:!1},parentActive:{type:Boolean,default:!1},mobileActive:{type:Boolean,default:!1},template:{type:Function,default:null},exact:{type:Boolean,default:!0}},documentClickListener:null,watch:{parentActive(e){e||(this.activeItem=null)}},data:()=>({activeItem:null}),updated(){this.root&&this.activeItem&&this.bindDocumentClickListener()},beforeUnmount(){this.unbindDocumentClickListener()},methods:{onItemMouseEnter(e,t){this.disabled(t)||this.mobileActive?e.preventDefault():this.root?(this.activeItem||this.popup)&&(this.activeItem=t):this.activeItem=t},onItemClick(e,t,n){this.disabled(t)?e.preventDefault():(t.command&&t.command({originalEvent:e,item:t}),t.items&&(this.activeItem&&t===this.activeItem?this.activeItem=null:this.activeItem=t),t.items||this.onLeafClick(),t.to&&n&&n(e))},onLeafClick(){this.activeItem=null,this.$emit("leaf-click")},onItemKeyDown(e,t){let n=e.currentTarget.parentElement;switch(e.which){case 40:this.root?t.items&&this.expandSubmenu(t,n):this.navigateToNextItem(n),e.preventDefault();break;case 38:this.root||this.navigateToPrevItem(n),e.preventDefault();break;case 39:if(this.root){var i=this.findNextItem(n);i&&i.children[0].focus()}else t.items&&this.expandSubmenu(t,n);e.preventDefault();break;case 37:this.root&&this.navigateToPrevItem(n),e.preventDefault()}this.$emit("keydown-item",{originalEvent:e,element:n})},onChildItemKeyDown(e){this.root?38===e.originalEvent.which&&null==e.element.previousElementSibling&&this.collapseMenu(e.element):37===e.originalEvent.which&&this.collapseMenu(e.element)},findNextItem(t){let n=t.nextElementSibling;return n?e.DomHandler.hasClass(n,"p-disabled")||!e.DomHandler.hasClass(n,"p-menuitem")?this.findNextItem(n):n:null},findPrevItem(t){let n=t.previousElementSibling;return n?e.DomHandler.hasClass(n,"p-disabled")||!e.DomHandler.hasClass(n,"p-menuitem")?this.findPrevItem(n):n:null},expandSubmenu(e,t){this.activeItem=e,setTimeout((()=>{t.children[1].children[0].children[0].focus()}),50)},collapseMenu(e){this.activeItem=null,e.parentElement.previousElementSibling.focus()},navigateToNextItem(e){var t=this.findNextItem(e);t&&t.children[0].focus()},navigateToPrevItem(e){var t=this.findPrevItem(e);t&&t.children[0].focus()},getItemClass(e){return["p-menuitem",e.class,{"p-menuitem-active":this.activeItem===e}]},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)},getSubmenuIcon(){return["p-submenu-icon pi",{"pi-angle-right":!this.root,"pi-angle-down":this.root}]},visible:e=>"function"==typeof e.visible?e.visible():!1!==e.visible,disabled:e=>"function"==typeof e.disabled?e.disabled():e.disabled,label:e=>"function"==typeof e.label?e.label():e.label},computed:{containerClass(){return{"p-submenu-list":!this.root,"p-menubar-root-list":this.root}}},directives:{ripple:i(t).default}};const o={class:"p-menuitem-text"},s={class:"p-menuitem-text"};l.render=function(e,t,i,l,a,r){const c=n.resolveComponent("router-link"),m=n.resolveComponent("MenubarSub",!0),u=n.resolveDirective("ripple");return n.openBlock(),n.createBlock("ul",{class:r.containerClass,role:i.root?"menubar":"menu"},[(n.openBlock(!0),n.createBlock(n.Fragment,null,n.renderList(i.model,((e,t)=>(n.openBlock(),n.createBlock(n.Fragment,{key:r.label(e)+t.toString()},[r.visible(e)&&!e.separator?(n.openBlock(),n.createBlock("li",{key:0,role:"none",class:r.getItemClass(e),style:e.style,onMouseenter:t=>r.onItemMouseEnter(t,e)},[i.template?(n.openBlock(),n.createBlock(n.resolveDynamicComponent(i.template),{key:1,item:e},null,8,["item"])):(n.openBlock(),n.createBlock(n.Fragment,{key:0},[e.to&&!r.disabled(e)?(n.openBlock(),n.createBlock(c,{key:0,to:e.to,custom:""},{default:n.withCtx((({navigate:t,href:i,isActive:l,isExactActive:s})=>[n.withDirectives(n.createVNode("a",{href:i,onClick:n=>r.onItemClick(n,e,t),class:r.linkClass(e,{isActive:l,isExactActive:s}),onKeydown:t=>r.onItemKeyDown(t,e),role:"menuitem"},[n.createVNode("span",{class:["p-menuitem-icon",e.icon]},null,2),n.createVNode("span",o,n.toDisplayString(r.label(e)),1)],42,["href","onClick","onKeydown"]),[[u]])])),_:2},1032,["to"])):n.withDirectives((n.openBlock(),n.createBlock("a",{key:1,href:e.url,class:r.linkClass(e),target:e.target,"aria-haspopup":null!=e.items,"aria-expanded":e===a.activeItem,onClick:t=>r.onItemClick(t,e),onKeydown:t=>r.onItemKeyDown(t,e),role:"menuitem",tabindex:r.disabled(e)?null:"0"},[n.createVNode("span",{class:["p-menuitem-icon",e.icon]},null,2),n.createVNode("span",s,n.toDisplayString(r.label(e)),1),e.items?(n.openBlock(),n.createBlock("span",{key:0,class:r.getSubmenuIcon()},null,2)):n.createCommentVNode("",!0)],42,["href","target","aria-haspopup","aria-expanded","onClick","onKeydown","tabindex"])),[[u]])],64)),r.visible(e)&&e.items?(n.openBlock(),n.createBlock(m,{model:e.items,key:r.label(e)+"_sub_",mobileActive:i.mobileActive,onLeafClick:r.onLeafClick,onKeydownItem:r.onChildItemKeyDown,parentActive:e===a.activeItem,template:i.template,exact:i.exact},null,8,["model","mobileActive","onLeafClick","onKeydownItem","parentActive","template","exact"])):n.createCommentVNode("",!0)],46,["onMouseenter"])):n.createCommentVNode("",!0),r.visible(e)&&e.separator?(n.openBlock(),n.createBlock("li",{class:["p-menu-separator",e.class],style:e.style,key:"separator"+t.toString(),role:"separator"},null,6)):n.createCommentVNode("",!0)],64)))),128))],10,["role"])};var a={name:"Menubar",props:{model:{type:Array,default:null},exact:{type:Boolean,default:!0}},outsideClickListener:null,data:()=>({mobileActive:!1}),beforeUnmount(){this.mobileActive=!1,this.unbindOutsideClickListener(),this.$refs.rootmenu&&this.$refs.rootmenu.$el&&e.ZIndexUtils.clear(this.$refs.rootmenu.$el)},methods:{toggle(t){this.mobileActive?(this.mobileActive=!1,e.ZIndexUtils.clear(this.$refs.rootmenu.$el)):(this.mobileActive=!0,e.ZIndexUtils.set("menu",this.$refs.rootmenu.$el,this.$primevue.config.zIndex.menu)),this.bindOutsideClickListener(),t.preventDefault()},bindOutsideClickListener(){this.outsideClickListener||(this.outsideClickListener=e=>{!this.mobileActive||this.$refs.rootmenu.$el===e.target||this.$refs.rootmenu.$el.contains(e.target)||this.$refs.menubutton===e.target||this.$refs.menubutton.contains(e.target)||(this.mobileActive=!1)},document.addEventListener("click",this.outsideClickListener))},unbindOutsideClickListener(){this.outsideClickListener&&(document.removeEventListener("click",this.outsideClickListener),this.outsideClickListener=null)},onLeafClick(){this.mobileActive=!1}},computed:{containerClass(){return["p-menubar p-component",{"p-menubar-mobile-active":this.mobileActive}]}},components:{MenubarSub:l}};const r={key:0,class:"p-menubar-start"},c=n.createVNode("i",{class:"pi pi-bars"},null,-1),m={key:1,class:"p-menubar-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],l=document.createElement("style");l.type="text/css","top"===n&&i.firstChild?i.insertBefore(l,i.firstChild):i.appendChild(l),l.styleSheet?l.styleSheet.cssText=e:l.appendChild(document.createTextNode(e))}}("\n.p-menubar {\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}\n.p-menubar ul {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n}\n.p-menubar .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-menubar .p-menuitem-text {\n    line-height: 1;\n}\n.p-menubar .p-menuitem {\n    position: relative;\n}\n.p-menubar-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}\n.p-menubar-root-list > li ul {\n    display: none;\n    z-index: 1;\n}\n.p-menubar-root-list > .p-menuitem-active > .p-submenu-list {\n    display: block;\n}\n.p-menubar .p-submenu-list {\n    display: none;\n    position: absolute;\n    z-index: 1;\n}\n.p-menubar .p-submenu-list > .p-menuitem-active > .p-submenu-list  {\n    display: block;\n    left: 100%;\n    top: 0;\n}\n.p-menubar .p-submenu-list .p-menuitem-link .p-submenu-icon {\n    margin-left: auto;\n}\n.p-menubar .p-menubar-custom,\n.p-menubar .p-menubar-end {\n    margin-left: auto;\n    -ms-flex-item-align: center;\n        align-self: center;\n}\n.p-menubar-button {\n    display: none;\n    cursor: pointer;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n    text-decoration: none;\n}\n"),a.render=function(e,t,i,l,o,s){const a=n.resolveComponent("MenubarSub");return n.openBlock(),n.createBlock("div",{class:s.containerClass},[e.$slots.start?(n.openBlock(),n.createBlock("div",r,[n.renderSlot(e.$slots,"start")])):n.createCommentVNode("",!0),n.createVNode("a",{ref:"menubutton",tabindex:"0",class:"p-menubar-button",onClick:t[1]||(t[1]=e=>s.toggle(e))},[c],512),n.createVNode(a,{ref:"rootmenu",model:i.model,root:!0,mobileActive:o.mobileActive,onLeafClick:s.onLeafClick,template:e.$slots.item,exact:i.exact},null,8,["model","mobileActive","onLeafClick","template","exact"]),e.$slots.end?(n.openBlock(),n.createBlock("div",m,[n.renderSlot(e.$slots,"end")])):n.createCommentVNode("",!0)],2)},module.exports=a;

package/menubar/menubar.esm.js

@@ -523,9 +523,9 @@ function styleInject(css, ref) {
   }
 }
 
-var css_248z = "\n.p-menubar {\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}\n.p-menubar ul {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n}\n.p-menubar .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-menubar .p-menuitem-text {\n    line-height: 1;\n}\n.p-menubar .p-menuitem {\n    position: relative;\n}\n.p-menubar-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}\n.p-menubar-root-list > li ul {\n    display: none;\n    z-index: 1;\n}\n.p-menubar-root-list > .p-menuitem-active > .p-submenu-list {\n    display: block;\n}\n.p-menubar .p-submenu-list {\n    display: none;\n    position: absolute;\n    z-index: 1;\n}\n.p-menubar .p-submenu-list > .p-menuitem-active > .p-submenu-list  {\n    display: block;\n    left: 100%;\n    top: 0;\n}\n.p-menubar .p-submenu-list .p-menuitem-link .p-submenu-icon {\n    margin-left: auto;\n}\n.p-menubar .p-menubar-custom,\n.p-menubar .p-menubar-end {\n    margin-left: auto;\n    -ms-flex-item-align: center;\n        align-self: center;\n}\n.p-menubar-button {\n    display: none;\n    cursor: pointer;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n}\n";
+var css_248z = "\n.p-menubar {\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}\n.p-menubar ul {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n}\n.p-menubar .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-menubar .p-menuitem-text {\n    line-height: 1;\n}\n.p-menubar .p-menuitem {\n    position: relative;\n}\n.p-menubar-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}\n.p-menubar-root-list > li ul {\n    display: none;\n    z-index: 1;\n}\n.p-menubar-root-list > .p-menuitem-active > .p-submenu-list {\n    display: block;\n}\n.p-menubar .p-submenu-list {\n    display: none;\n    position: absolute;\n    z-index: 1;\n}\n.p-menubar .p-submenu-list > .p-menuitem-active > .p-submenu-list  {\n    display: block;\n    left: 100%;\n    top: 0;\n}\n.p-menubar .p-submenu-list .p-menuitem-link .p-submenu-icon {\n    margin-left: auto;\n}\n.p-menubar .p-menubar-custom,\n.p-menubar .p-menubar-end {\n    margin-left: auto;\n    -ms-flex-item-align: center;\n        align-self: center;\n}\n.p-menubar-button {\n    display: none;\n    cursor: pointer;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n    text-decoration: none;\n}\n";
 styleInject(css_248z);
 
 script.render = render;
 
-export default script;
+export { script as default };

package/menubar/menubar.esm.min.js

@@ -1 +1 @@
-import{DomHandler as e,ZIndexUtils as t}from"primevue/utils";import n from"primevue/ripple";import{resolveComponent as i,resolveDirective as l,openBlock as s,createBlock as o,Fragment as a,renderList as r,withCtx as m,withDirectives as c,createVNode as u,toDisplayString as p,createCommentVNode as d,resolveDynamicComponent as b,renderSlot as h}from"vue";var v={name:"MenubarSub",emits:["keydown-item","leaf-click"],props:{model:{type:Array,default:null},root:{type:Boolean,default:!1},popup:{type:Boolean,default:!1},parentActive:{type:Boolean,default:!1},mobileActive:{type:Boolean,default:!1},template:{type:Function,default:null},exact:{type:Boolean,default:!0}},documentClickListener:null,watch:{parentActive(e){e||(this.activeItem=null)}},data:()=>({activeItem:null}),updated(){this.root&&this.activeItem&&this.bindDocumentClickListener()},beforeUnmount(){this.unbindDocumentClickListener()},methods:{onItemMouseEnter(e,t){this.disabled(t)||this.mobileActive?e.preventDefault():this.root?(this.activeItem||this.popup)&&(this.activeItem=t):this.activeItem=t},onItemClick(e,t,n){this.disabled(t)?e.preventDefault():(t.command&&t.command({originalEvent:e,item:t}),t.items&&(this.activeItem&&t===this.activeItem?this.activeItem=null:this.activeItem=t),t.items||this.onLeafClick(),t.to&&n&&n(e))},onLeafClick(){this.activeItem=null,this.$emit("leaf-click")},onItemKeyDown(e,t){let n=e.currentTarget.parentElement;switch(e.which){case 40:this.root?t.items&&this.expandSubmenu(t,n):this.navigateToNextItem(n),e.preventDefault();break;case 38:this.root||this.navigateToPrevItem(n),e.preventDefault();break;case 39:if(this.root){var i=this.findNextItem(n);i&&i.children[0].focus()}else t.items&&this.expandSubmenu(t,n);e.preventDefault();break;case 37:this.root&&this.navigateToPrevItem(n),e.preventDefault()}this.$emit("keydown-item",{originalEvent:e,element:n})},onChildItemKeyDown(e){this.root?38===e.originalEvent.which&&null==e.element.previousElementSibling&&this.collapseMenu(e.element):37===e.originalEvent.which&&this.collapseMenu(e.element)},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},expandSubmenu(e,t){this.activeItem=e,setTimeout((()=>{t.children[1].children[0].children[0].focus()}),50)},collapseMenu(e){this.activeItem=null,e.parentElement.previousElementSibling.focus()},navigateToNextItem(e){var t=this.findNextItem(e);t&&t.children[0].focus()},navigateToPrevItem(e){var t=this.findPrevItem(e);t&&t.children[0].focus()},getItemClass(e){return["p-menuitem",e.class,{"p-menuitem-active":this.activeItem===e}]},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)},getSubmenuIcon(){return["p-submenu-icon pi",{"pi-angle-right":!this.root,"pi-angle-down":this.root}]},visible:e=>"function"==typeof e.visible?e.visible():!1!==e.visible,disabled:e=>"function"==typeof e.disabled?e.disabled():e.disabled,label:e=>"function"==typeof e.label?e.label():e.label},computed:{containerClass(){return{"p-submenu-list":!this.root,"p-menubar-root-list":this.root}}},directives:{ripple:n}};const f={class:"p-menuitem-text"},k={class:"p-menuitem-text"};v.render=function(e,t,n,h,v,y){const x=i("router-link"),C=i("MenubarSub",!0),g=l("ripple");return s(),o("ul",{class:y.containerClass,role:n.root?"menubar":"menu"},[(s(!0),o(a,null,r(n.model,((e,t)=>(s(),o(a,{key:y.label(e)+t.toString()},[y.visible(e)&&!e.separator?(s(),o("li",{key:0,role:"none",class:y.getItemClass(e),style:e.style,onMouseenter:t=>y.onItemMouseEnter(t,e)},[n.template?(s(),o(b(n.template),{key:1,item:e},null,8,["item"])):(s(),o(a,{key:0},[e.to&&!y.disabled(e)?(s(),o(x,{key:0,to:e.to,custom:""},{default:m((({navigate:t,href:n,isActive:i,isExactActive:l})=>[c(u("a",{href:n,onClick:n=>y.onItemClick(n,e,t),class:y.linkClass(e,{isActive:i,isExactActive:l}),onKeydown:t=>y.onItemKeyDown(t,e),role:"menuitem"},[u("span",{class:["p-menuitem-icon",e.icon]},null,2),u("span",f,p(y.label(e)),1)],42,["href","onClick","onKeydown"]),[[g]])])),_:2},1032,["to"])):c((s(),o("a",{key:1,href:e.url,class:y.linkClass(e),target:e.target,"aria-haspopup":null!=e.items,"aria-expanded":e===v.activeItem,onClick:t=>y.onItemClick(t,e),onKeydown:t=>y.onItemKeyDown(t,e),role:"menuitem",tabindex:y.disabled(e)?null:"0"},[u("span",{class:["p-menuitem-icon",e.icon]},null,2),u("span",k,p(y.label(e)),1),e.items?(s(),o("span",{key:0,class:y.getSubmenuIcon()},null,2)):d("",!0)],42,["href","target","aria-haspopup","aria-expanded","onClick","onKeydown","tabindex"])),[[g]])],64)),y.visible(e)&&e.items?(s(),o(C,{model:e.items,key:y.label(e)+"_sub_",mobileActive:n.mobileActive,onLeafClick:y.onLeafClick,onKeydownItem:y.onChildItemKeyDown,parentActive:e===v.activeItem,template:n.template,exact:n.exact},null,8,["model","mobileActive","onLeafClick","onKeydownItem","parentActive","template","exact"])):d("",!0)],46,["onMouseenter"])):d("",!0),y.visible(e)&&e.separator?(s(),o("li",{class:["p-menu-separator",e.class],style:e.style,key:"separator"+t.toString(),role:"separator"},null,6)):d("",!0)],64)))),128))],10,["role"])};var y={name:"Menubar",props:{model:{type:Array,default:null},exact:{type:Boolean,default:!0}},outsideClickListener:null,data:()=>({mobileActive:!1}),beforeUnmount(){this.mobileActive=!1,this.unbindOutsideClickListener(),this.$refs.rootmenu&&this.$refs.rootmenu.$el&&t.clear(this.$refs.rootmenu.$el)},methods:{toggle(e){this.mobileActive?(this.mobileActive=!1,t.clear(this.$refs.rootmenu.$el)):(this.mobileActive=!0,t.set("menu",this.$refs.rootmenu.$el,this.$primevue.config.zIndex.menu)),this.bindOutsideClickListener(),e.preventDefault()},bindOutsideClickListener(){this.outsideClickListener||(this.outsideClickListener=e=>{!this.mobileActive||this.$refs.rootmenu.$el===e.target||this.$refs.rootmenu.$el.contains(e.target)||this.$refs.menubutton===e.target||this.$refs.menubutton.contains(e.target)||(this.mobileActive=!1)},document.addEventListener("click",this.outsideClickListener))},unbindOutsideClickListener(){this.outsideClickListener&&(document.removeEventListener("click",this.outsideClickListener),this.outsideClickListener=null)},onLeafClick(){this.mobileActive=!1}},computed:{containerClass(){return["p-menubar p-component",{"p-menubar-mobile-active":this.mobileActive}]}},components:{MenubarSub:v}};const x={key:0,class:"p-menubar-start"},C=u("i",{class:"pi pi-bars"},null,-1),g={key:1,class:"p-menubar-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],l=document.createElement("style");l.type="text/css","top"===n&&i.firstChild?i.insertBefore(l,i.firstChild):i.appendChild(l),l.styleSheet?l.styleSheet.cssText=e:l.appendChild(document.createTextNode(e))}}("\n.p-menubar {\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}\n.p-menubar ul {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n}\n.p-menubar .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-menubar .p-menuitem-text {\n    line-height: 1;\n}\n.p-menubar .p-menuitem {\n    position: relative;\n}\n.p-menubar-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}\n.p-menubar-root-list > li ul {\n    display: none;\n    z-index: 1;\n}\n.p-menubar-root-list > .p-menuitem-active > .p-submenu-list {\n    display: block;\n}\n.p-menubar .p-submenu-list {\n    display: none;\n    position: absolute;\n    z-index: 1;\n}\n.p-menubar .p-submenu-list > .p-menuitem-active > .p-submenu-list  {\n    display: block;\n    left: 100%;\n    top: 0;\n}\n.p-menubar .p-submenu-list .p-menuitem-link .p-submenu-icon {\n    margin-left: auto;\n}\n.p-menubar .p-menubar-custom,\n.p-menubar .p-menubar-end {\n    margin-left: auto;\n    -ms-flex-item-align: center;\n        align-self: center;\n}\n.p-menubar-button {\n    display: none;\n    cursor: pointer;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n}\n"),y.render=function(e,t,n,l,a,r){const m=i("MenubarSub");return s(),o("div",{class:r.containerClass},[e.$slots.start?(s(),o("div",x,[h(e.$slots,"start")])):d("",!0),u("a",{ref:"menubutton",tabindex:"0",class:"p-menubar-button",onClick:t[1]||(t[1]=e=>r.toggle(e))},[C],512),u(m,{ref:"rootmenu",model:n.model,root:!0,mobileActive:a.mobileActive,onLeafClick:r.onLeafClick,template:e.$slots.item,exact:n.exact},null,8,["model","mobileActive","onLeafClick","template","exact"]),e.$slots.end?(s(),o("div",g,[h(e.$slots,"end")])):d("",!0)],2)};export default y;
+import{DomHandler as e,ZIndexUtils as t}from"primevue/utils";import n from"primevue/ripple";import{resolveComponent as i,resolveDirective as l,openBlock as s,createBlock as o,Fragment as a,renderList as r,withCtx as m,withDirectives as c,createVNode as u,toDisplayString as p,createCommentVNode as d,resolveDynamicComponent as b,renderSlot as h}from"vue";var v={name:"MenubarSub",emits:["keydown-item","leaf-click"],props:{model:{type:Array,default:null},root:{type:Boolean,default:!1},popup:{type:Boolean,default:!1},parentActive:{type:Boolean,default:!1},mobileActive:{type:Boolean,default:!1},template:{type:Function,default:null},exact:{type:Boolean,default:!0}},documentClickListener:null,watch:{parentActive(e){e||(this.activeItem=null)}},data:()=>({activeItem:null}),updated(){this.root&&this.activeItem&&this.bindDocumentClickListener()},beforeUnmount(){this.unbindDocumentClickListener()},methods:{onItemMouseEnter(e,t){this.disabled(t)||this.mobileActive?e.preventDefault():this.root?(this.activeItem||this.popup)&&(this.activeItem=t):this.activeItem=t},onItemClick(e,t,n){this.disabled(t)?e.preventDefault():(t.command&&t.command({originalEvent:e,item:t}),t.items&&(this.activeItem&&t===this.activeItem?this.activeItem=null:this.activeItem=t),t.items||this.onLeafClick(),t.to&&n&&n(e))},onLeafClick(){this.activeItem=null,this.$emit("leaf-click")},onItemKeyDown(e,t){let n=e.currentTarget.parentElement;switch(e.which){case 40:this.root?t.items&&this.expandSubmenu(t,n):this.navigateToNextItem(n),e.preventDefault();break;case 38:this.root||this.navigateToPrevItem(n),e.preventDefault();break;case 39:if(this.root){var i=this.findNextItem(n);i&&i.children[0].focus()}else t.items&&this.expandSubmenu(t,n);e.preventDefault();break;case 37:this.root&&this.navigateToPrevItem(n),e.preventDefault()}this.$emit("keydown-item",{originalEvent:e,element:n})},onChildItemKeyDown(e){this.root?38===e.originalEvent.which&&null==e.element.previousElementSibling&&this.collapseMenu(e.element):37===e.originalEvent.which&&this.collapseMenu(e.element)},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},expandSubmenu(e,t){this.activeItem=e,setTimeout((()=>{t.children[1].children[0].children[0].focus()}),50)},collapseMenu(e){this.activeItem=null,e.parentElement.previousElementSibling.focus()},navigateToNextItem(e){var t=this.findNextItem(e);t&&t.children[0].focus()},navigateToPrevItem(e){var t=this.findPrevItem(e);t&&t.children[0].focus()},getItemClass(e){return["p-menuitem",e.class,{"p-menuitem-active":this.activeItem===e}]},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)},getSubmenuIcon(){return["p-submenu-icon pi",{"pi-angle-right":!this.root,"pi-angle-down":this.root}]},visible:e=>"function"==typeof e.visible?e.visible():!1!==e.visible,disabled:e=>"function"==typeof e.disabled?e.disabled():e.disabled,label:e=>"function"==typeof e.label?e.label():e.label},computed:{containerClass(){return{"p-submenu-list":!this.root,"p-menubar-root-list":this.root}}},directives:{ripple:n}};const f={class:"p-menuitem-text"},k={class:"p-menuitem-text"};v.render=function(e,t,n,h,v,y){const x=i("router-link"),C=i("MenubarSub",!0),g=l("ripple");return s(),o("ul",{class:y.containerClass,role:n.root?"menubar":"menu"},[(s(!0),o(a,null,r(n.model,((e,t)=>(s(),o(a,{key:y.label(e)+t.toString()},[y.visible(e)&&!e.separator?(s(),o("li",{key:0,role:"none",class:y.getItemClass(e),style:e.style,onMouseenter:t=>y.onItemMouseEnter(t,e)},[n.template?(s(),o(b(n.template),{key:1,item:e},null,8,["item"])):(s(),o(a,{key:0},[e.to&&!y.disabled(e)?(s(),o(x,{key:0,to:e.to,custom:""},{default:m((({navigate:t,href:n,isActive:i,isExactActive:l})=>[c(u("a",{href:n,onClick:n=>y.onItemClick(n,e,t),class:y.linkClass(e,{isActive:i,isExactActive:l}),onKeydown:t=>y.onItemKeyDown(t,e),role:"menuitem"},[u("span",{class:["p-menuitem-icon",e.icon]},null,2),u("span",f,p(y.label(e)),1)],42,["href","onClick","onKeydown"]),[[g]])])),_:2},1032,["to"])):c((s(),o("a",{key:1,href:e.url,class:y.linkClass(e),target:e.target,"aria-haspopup":null!=e.items,"aria-expanded":e===v.activeItem,onClick:t=>y.onItemClick(t,e),onKeydown:t=>y.onItemKeyDown(t,e),role:"menuitem",tabindex:y.disabled(e)?null:"0"},[u("span",{class:["p-menuitem-icon",e.icon]},null,2),u("span",k,p(y.label(e)),1),e.items?(s(),o("span",{key:0,class:y.getSubmenuIcon()},null,2)):d("",!0)],42,["href","target","aria-haspopup","aria-expanded","onClick","onKeydown","tabindex"])),[[g]])],64)),y.visible(e)&&e.items?(s(),o(C,{model:e.items,key:y.label(e)+"_sub_",mobileActive:n.mobileActive,onLeafClick:y.onLeafClick,onKeydownItem:y.onChildItemKeyDown,parentActive:e===v.activeItem,template:n.template,exact:n.exact},null,8,["model","mobileActive","onLeafClick","onKeydownItem","parentActive","template","exact"])):d("",!0)],46,["onMouseenter"])):d("",!0),y.visible(e)&&e.separator?(s(),o("li",{class:["p-menu-separator",e.class],style:e.style,key:"separator"+t.toString(),role:"separator"},null,6)):d("",!0)],64)))),128))],10,["role"])};var y={name:"Menubar",props:{model:{type:Array,default:null},exact:{type:Boolean,default:!0}},outsideClickListener:null,data:()=>({mobileActive:!1}),beforeUnmount(){this.mobileActive=!1,this.unbindOutsideClickListener(),this.$refs.rootmenu&&this.$refs.rootmenu.$el&&t.clear(this.$refs.rootmenu.$el)},methods:{toggle(e){this.mobileActive?(this.mobileActive=!1,t.clear(this.$refs.rootmenu.$el)):(this.mobileActive=!0,t.set("menu",this.$refs.rootmenu.$el,this.$primevue.config.zIndex.menu)),this.bindOutsideClickListener(),e.preventDefault()},bindOutsideClickListener(){this.outsideClickListener||(this.outsideClickListener=e=>{!this.mobileActive||this.$refs.rootmenu.$el===e.target||this.$refs.rootmenu.$el.contains(e.target)||this.$refs.menubutton===e.target||this.$refs.menubutton.contains(e.target)||(this.mobileActive=!1)},document.addEventListener("click",this.outsideClickListener))},unbindOutsideClickListener(){this.outsideClickListener&&(document.removeEventListener("click",this.outsideClickListener),this.outsideClickListener=null)},onLeafClick(){this.mobileActive=!1}},computed:{containerClass(){return["p-menubar p-component",{"p-menubar-mobile-active":this.mobileActive}]}},components:{MenubarSub:v}};const x={key:0,class:"p-menubar-start"},C=u("i",{class:"pi pi-bars"},null,-1),g={key:1,class:"p-menubar-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],l=document.createElement("style");l.type="text/css","top"===n&&i.firstChild?i.insertBefore(l,i.firstChild):i.appendChild(l),l.styleSheet?l.styleSheet.cssText=e:l.appendChild(document.createTextNode(e))}}("\n.p-menubar {\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}\n.p-menubar ul {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n}\n.p-menubar .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-menubar .p-menuitem-text {\n    line-height: 1;\n}\n.p-menubar .p-menuitem {\n    position: relative;\n}\n.p-menubar-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}\n.p-menubar-root-list > li ul {\n    display: none;\n    z-index: 1;\n}\n.p-menubar-root-list > .p-menuitem-active > .p-submenu-list {\n    display: block;\n}\n.p-menubar .p-submenu-list {\n    display: none;\n    position: absolute;\n    z-index: 1;\n}\n.p-menubar .p-submenu-list > .p-menuitem-active > .p-submenu-list  {\n    display: block;\n    left: 100%;\n    top: 0;\n}\n.p-menubar .p-submenu-list .p-menuitem-link .p-submenu-icon {\n    margin-left: auto;\n}\n.p-menubar .p-menubar-custom,\n.p-menubar .p-menubar-end {\n    margin-left: auto;\n    -ms-flex-item-align: center;\n        align-self: center;\n}\n.p-menubar-button {\n    display: none;\n    cursor: pointer;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n    text-decoration: none;\n}\n"),y.render=function(e,t,n,l,a,r){const m=i("MenubarSub");return s(),o("div",{class:r.containerClass},[e.$slots.start?(s(),o("div",x,[h(e.$slots,"start")])):d("",!0),u("a",{ref:"menubutton",tabindex:"0",class:"p-menubar-button",onClick:t[1]||(t[1]=e=>r.toggle(e))},[C],512),u(m,{ref:"rootmenu",model:n.model,root:!0,mobileActive:a.mobileActive,onLeafClick:r.onLeafClick,template:e.$slots.item,exact:n.exact},null,8,["model","mobileActive","onLeafClick","template","exact"]),e.$slots.end?(s(),o("div",g,[h(e.$slots,"end")])):d("",!0)],2)};export{y as default};