primevue 3.12.2 → 3.12.5

package/megamenu/megamenu.js

@@ -268,7 +268,7 @@ this.primevue.megamenu = (function (utils, Ripple, vue) {
             }
         },
         directives: {
-            'ripple': Ripple__default['default']
+            'ripple': Ripple__default["default"]
         }
     };
 
@@ -280,16 +280,21 @@ this.primevue.megamenu = (function (utils, Ripple, vue) {
       class: "p-megamenu-root-list",
       role: "menubar"
     };
-    const _hoisted_3 = { class: "p-menuitem-text" };
-    const _hoisted_4 = { class: "p-menuitem-text" };
-    const _hoisted_5 = {
+    const _hoisted_3 = ["onMouseenter"];
+    const _hoisted_4 = ["href", "onClick", "onKeydown"];
+    const _hoisted_5 = { class: "p-menuitem-text" };
+    const _hoisted_6 = ["href", "target", "onClick", "onKeydown", "aria-haspopup", "aria-expanded", "tabindex"];
+    const _hoisted_7 = { class: "p-menuitem-text" };
+    const _hoisted_8 = {
       key: 2,
       class: "p-megamenu-panel"
     };
-    const _hoisted_6 = { class: "p-megamenu-grid" };
-    const _hoisted_7 = { class: "p-menuitem-text" };
-    const _hoisted_8 = { class: "p-menuitem-text" };
-    const _hoisted_9 = {
+    const _hoisted_9 = { class: "p-megamenu-grid" };
+    const _hoisted_10 = ["href", "onClick"];
+    const _hoisted_11 = { class: "p-menuitem-text" };
+    const _hoisted_12 = ["href", "target", "onClick", "tabindex"];
+    const _hoisted_13 = { class: "p-menuitem-text" };
+    const _hoisted_14 = {
       key: 1,
       class: "p-megamenu-end"
     };
@@ -298,27 +303,29 @@ this.primevue.megamenu = (function (utils, Ripple, vue) {
       const _component_router_link = vue.resolveComponent("router-link");
       const _directive_ripple = vue.resolveDirective("ripple");
 
-      return (vue.openBlock(), vue.createBlock("div", { class: $options.containerClass }, [
+      return (vue.openBlock(), vue.createElementBlock("div", {
+        class: vue.normalizeClass($options.containerClass)
+      }, [
         (_ctx.$slots.start)
-          ? (vue.openBlock(), vue.createBlock("div", _hoisted_1, [
+          ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
               vue.renderSlot(_ctx.$slots, "start")
             ]))
           : vue.createCommentVNode("", true),
-        vue.createVNode("ul", _hoisted_2, [
-          (vue.openBlock(true), vue.createBlock(vue.Fragment, null, vue.renderList($props.model, (category, index) => {
-            return (vue.openBlock(), vue.createBlock(vue.Fragment, {
+        vue.createElementVNode("ul", _hoisted_2, [
+          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList($props.model, (category, index) => {
+            return (vue.openBlock(), vue.createElementBlock(vue.Fragment, {
               key: $options.label(category) + '_' + index
             }, [
               ($options.visible(category))
-                ? (vue.openBlock(), vue.createBlock("li", {
+                ? (vue.openBlock(), vue.createElementBlock("li", {
                     key: 0,
-                    class: $options.getCategoryClass(category),
-                    style: category.style,
+                    class: vue.normalizeClass($options.getCategoryClass(category)),
+                    style: vue.normalizeStyle(category.style),
                     onMouseenter: $event => ($options.onCategoryMouseEnter($event, category)),
                     role: "none"
                   }, [
                     (!_ctx.$slots.item)
-                      ? (vue.openBlock(), vue.createBlock(vue.Fragment, { key: 0 }, [
+                      ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
                           (category.to && !$options.disabled(category))
                             ? (vue.openBlock(), vue.createBlock(_component_router_link, {
                                 key: 0,
@@ -326,30 +333,30 @@ this.primevue.megamenu = (function (utils, Ripple, vue) {
                                 custom: ""
                               }, {
                                 default: vue.withCtx(({navigate, href, isActive, isExactActive}) => [
-                                  vue.withDirectives(vue.createVNode("a", {
+                                  vue.withDirectives((vue.openBlock(), vue.createElementBlock("a", {
                                     href: href,
-                                    class: $options.linkClass(category, {isActive, isExactActive}),
+                                    class: vue.normalizeClass($options.linkClass(category, {isActive, isExactActive})),
                                     onClick: $event => ($options.onCategoryClick($event, category, navigate)),
                                     onKeydown: $event => ($options.onCategoryKeydown($event, category)),
                                     role: "menuitem"
                                   }, [
                                     (category.icon)
-                                      ? (vue.openBlock(), vue.createBlock("span", {
+                                      ? (vue.openBlock(), vue.createElementBlock("span", {
                                           key: 0,
-                                          class: $options.getCategoryIcon(category)
+                                          class: vue.normalizeClass($options.getCategoryIcon(category))
                                         }, null, 2))
                                       : vue.createCommentVNode("", true),
-                                    vue.createVNode("span", _hoisted_3, vue.toDisplayString($options.label(category)), 1)
-                                  ], 42, ["href", "onClick", "onKeydown"]), [
+                                    vue.createElementVNode("span", _hoisted_5, vue.toDisplayString($options.label(category)), 1)
+                                  ], 42, _hoisted_4)), [
                                     [_directive_ripple]
                                   ])
                                 ]),
                                 _: 2
                               }, 1032, ["to"]))
-                            : vue.withDirectives((vue.openBlock(), vue.createBlock("a", {
+                            : vue.withDirectives((vue.openBlock(), vue.createElementBlock("a", {
                                 key: 1,
                                 href: category.url,
-                                class: $options.linkClass(category),
+                                class: vue.normalizeClass($options.linkClass(category)),
                                 target: category.target,
                                 onClick: $event => ($options.onCategoryClick($event, category)),
                                 onKeydown: $event => ($options.onCategoryKeydown($event, category)),
@@ -359,19 +366,19 @@ this.primevue.megamenu = (function (utils, Ripple, vue) {
                                 tabindex: $options.disabled(category) ? null : '0'
                               }, [
                                 (category.icon)
-                                  ? (vue.openBlock(), vue.createBlock("span", {
+                                  ? (vue.openBlock(), vue.createElementBlock("span", {
                                       key: 0,
-                                      class: $options.getCategoryIcon(category)
+                                      class: vue.normalizeClass($options.getCategoryIcon(category))
                                     }, null, 2))
                                   : vue.createCommentVNode("", true),
-                                vue.createVNode("span", _hoisted_4, vue.toDisplayString($options.label(category)), 1),
+                                vue.createElementVNode("span", _hoisted_7, vue.toDisplayString($options.label(category)), 1),
                                 (category.items)
-                                  ? (vue.openBlock(), vue.createBlock("span", {
+                                  ? (vue.openBlock(), vue.createElementBlock("span", {
                                       key: 1,
-                                      class: $options.getCategorySubMenuIcon()
+                                      class: vue.normalizeClass($options.getCategorySubMenuIcon())
                                     }, null, 2))
                                   : vue.createCommentVNode("", true)
-                              ], 42, ["href", "target", "onClick", "onKeydown", "aria-haspopup", "aria-expanded", "tabindex"])), [
+                              ], 42, _hoisted_6)), [
                                 [_directive_ripple]
                               ])
                         ], 64))
@@ -380,37 +387,37 @@ this.primevue.megamenu = (function (utils, Ripple, vue) {
                           item: category
                         }, null, 8, ["item"])),
                     (category.items)
-                      ? (vue.openBlock(), vue.createBlock("div", _hoisted_5, [
-                          vue.createVNode("div", _hoisted_6, [
-                            (vue.openBlock(true), vue.createBlock(vue.Fragment, null, vue.renderList(category.items, (column, columnIndex) => {
-                              return (vue.openBlock(), vue.createBlock("div", {
+                      ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_8, [
+                          vue.createElementVNode("div", _hoisted_9, [
+                            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(category.items, (column, columnIndex) => {
+                              return (vue.openBlock(), vue.createElementBlock("div", {
                                 key: $options.label(category) + '_column_' + columnIndex,
-                                class: $options.getColumnClassName(category)
+                                class: vue.normalizeClass($options.getColumnClassName(category))
                               }, [
-                                (vue.openBlock(true), vue.createBlock(vue.Fragment, null, vue.renderList(column, (submenu, submenuIndex) => {
-                                  return (vue.openBlock(), vue.createBlock("ul", {
+                                (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(column, (submenu, submenuIndex) => {
+                                  return (vue.openBlock(), vue.createElementBlock("ul", {
                                     class: "p-megamenu-submenu",
                                     key: submenu.label + '_submenu_' + submenuIndex,
                                     role: "menu"
                                   }, [
-                                    vue.createVNode("li", {
-                                      class: $options.getSubmenuHeaderClass(submenu),
-                                      style: submenu.style,
+                                    vue.createElementVNode("li", {
+                                      class: vue.normalizeClass($options.getSubmenuHeaderClass(submenu)),
+                                      style: vue.normalizeStyle(submenu.style),
                                       role: "presentation"
                                     }, vue.toDisplayString(submenu.label), 7),
-                                    (vue.openBlock(true), vue.createBlock(vue.Fragment, null, vue.renderList(submenu.items, (item, i) => {
-                                      return (vue.openBlock(), vue.createBlock(vue.Fragment, {
+                                    (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(submenu.items, (item, i) => {
+                                      return (vue.openBlock(), vue.createElementBlock(vue.Fragment, {
                                         key: $options.label(item) + i.toString()
                                       }, [
                                         ($options.visible(item) && !item.separator)
-                                          ? (vue.openBlock(), vue.createBlock("li", {
+                                          ? (vue.openBlock(), vue.createElementBlock("li", {
                                               key: 0,
                                               role: "none",
-                                              class: $options.getSubmenuItemClass(item),
-                                              style: item.style
+                                              class: vue.normalizeClass($options.getSubmenuItemClass(item)),
+                                              style: vue.normalizeStyle(item.style)
                                             }, [
                                               (!_ctx.$slots.item)
-                                                ? (vue.openBlock(), vue.createBlock(vue.Fragment, { key: 0 }, [
+                                                ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
                                                     (item.to && !$options.disabled(item))
                                                       ? (vue.openBlock(), vue.createBlock(_component_router_link, {
                                                           key: 0,
@@ -418,48 +425,48 @@ this.primevue.megamenu = (function (utils, Ripple, vue) {
                                                           custom: ""
                                                         }, {
                                                           default: vue.withCtx(({navigate, href, isActive, isExactActive}) => [
-                                                            vue.withDirectives(vue.createVNode("a", {
+                                                            vue.withDirectives((vue.openBlock(), vue.createElementBlock("a", {
                                                               href: href,
-                                                              class: $options.linkClass(item, {isActive, isExactActive}),
+                                                              class: vue.normalizeClass($options.linkClass(item, {isActive, isExactActive})),
                                                               onClick: $event => ($options.onLeafClick($event, item, navigate)),
                                                               role: "menuitem"
                                                             }, [
                                                               (item.icon)
-                                                                ? (vue.openBlock(), vue.createBlock("span", {
+                                                                ? (vue.openBlock(), vue.createElementBlock("span", {
                                                                     key: 0,
-                                                                    class: ['p-menuitem-icon', item.icon]
+                                                                    class: vue.normalizeClass(['p-menuitem-icon', item.icon])
                                                                   }, null, 2))
                                                                 : vue.createCommentVNode("", true),
-                                                              vue.createVNode("span", _hoisted_7, vue.toDisplayString($options.label(item)), 1)
-                                                            ], 10, ["href", "onClick"]), [
+                                                              vue.createElementVNode("span", _hoisted_11, vue.toDisplayString($options.label(item)), 1)
+                                                            ], 10, _hoisted_10)), [
                                                               [_directive_ripple]
                                                             ])
                                                           ]),
                                                           _: 2
                                                         }, 1032, ["to"]))
-                                                      : vue.withDirectives((vue.openBlock(), vue.createBlock("a", {
+                                                      : vue.withDirectives((vue.openBlock(), vue.createElementBlock("a", {
                                                           key: 1,
                                                           href: item.url,
-                                                          class: $options.linkClass(item),
+                                                          class: vue.normalizeClass($options.linkClass(item)),
                                                           target: item.target,
                                                           onClick: $event => ($options.onLeafClick($event, item)),
                                                           role: "menuitem",
                                                           tabindex: $options.disabled(item) ? null : '0'
                                                         }, [
                                                           (item.icon)
-                                                            ? (vue.openBlock(), vue.createBlock("span", {
+                                                            ? (vue.openBlock(), vue.createElementBlock("span", {
                                                                 key: 0,
-                                                                class: ['p-menuitem-icon', item.icon]
+                                                                class: vue.normalizeClass(['p-menuitem-icon', item.icon])
                                                               }, null, 2))
                                                             : vue.createCommentVNode("", true),
-                                                          vue.createVNode("span", _hoisted_8, vue.toDisplayString($options.label(item)), 1),
+                                                          vue.createElementVNode("span", _hoisted_13, vue.toDisplayString($options.label(item)), 1),
                                                           (item.items)
-                                                            ? (vue.openBlock(), vue.createBlock("span", {
+                                                            ? (vue.openBlock(), vue.createElementBlock("span", {
                                                                 key: 1,
-                                                                class: _ctx.getSubmenuIcon()
+                                                                class: vue.normalizeClass(_ctx.getSubmenuIcon())
                                                               }, null, 2))
                                                             : vue.createCommentVNode("", true)
-                                                        ], 10, ["href", "target", "onClick", "tabindex"])), [
+                                                        ], 10, _hoisted_12)), [
                                                           [_directive_ripple]
                                                         ])
                                                   ], 64))
@@ -470,9 +477,9 @@ this.primevue.megamenu = (function (utils, Ripple, vue) {
                                             ], 6))
                                           : vue.createCommentVNode("", true),
                                         ($options.visible(item) && item.separator)
-                                          ? (vue.openBlock(), vue.createBlock("li", {
-                                              class: ['p-menu-separator', item.class],
-                                              style: item.style,
+                                          ? (vue.openBlock(), vue.createElementBlock("li", {
+                                              class: vue.normalizeClass(['p-menu-separator', item.class]),
+                                              style: vue.normalizeStyle(item.style),
                                               key: 'separator' + i.toString(),
                                               role: "separator"
                                             }, null, 6))
@@ -486,13 +493,13 @@ this.primevue.megamenu = (function (utils, Ripple, vue) {
                           ])
                         ]))
                       : vue.createCommentVNode("", true)
-                  ], 46, ["onMouseenter"]))
+                  ], 46, _hoisted_3))
                 : vue.createCommentVNode("", true)
             ], 64))
           }), 128))
         ]),
         (_ctx.$slots.end)
-          ? (vue.openBlock(), vue.createBlock("div", _hoisted_9, [
+          ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_14, [
               vue.renderSlot(_ctx.$slots, "end")
             ]))
           : vue.createCommentVNode("", true)
@@ -533,4 +540,4 @@ this.primevue.megamenu = (function (utils, Ripple, vue) {
 
     return script;
 
-}(primevue.utils, primevue.ripple, Vue));
+})(primevue.utils, primevue.ripple, Vue);

package/megamenu/megamenu.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.megamenu=function(e,t,n){"use strict";function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l={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.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},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:i(t).default}};const a={key:0,class:"p-megamenu-start"},o={class:"p-megamenu-root-list",role:"menubar"},s={class:"p-menuitem-text"},c={class:"p-menuitem-text"},r={key:2,class:"p-megamenu-panel"},m={class:"p-megamenu-grid"},u={class:"p-menuitem-text"},p={class:"p-menuitem-text"},d={key:1,class:"p-megamenu-end"};return 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-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"),l.render=function(e,t,i,l,k,g){const h=n.resolveComponent("router-link"),v=n.resolveDirective("ripple");return n.openBlock(),n.createBlock("div",{class:g.containerClass},[e.$slots.start?(n.openBlock(),n.createBlock("div",a,[n.renderSlot(e.$slots,"start")])):n.createCommentVNode("",!0),n.createVNode("ul",o,[(n.openBlock(!0),n.createBlock(n.Fragment,null,n.renderList(i.model,((t,i)=>(n.openBlock(),n.createBlock(n.Fragment,{key:g.label(t)+"_"+i},[g.visible(t)?(n.openBlock(),n.createBlock("li",{key:0,class:g.getCategoryClass(t),style:t.style,onMouseenter:e=>g.onCategoryMouseEnter(e,t),role:"none"},[e.$slots.item?(n.openBlock(),n.createBlock(n.resolveDynamicComponent(e.$slots.item),{key:1,item:t},null,8,["item"])):(n.openBlock(),n.createBlock(n.Fragment,{key:0},[t.to&&!g.disabled(t)?(n.openBlock(),n.createBlock(h,{key:0,to:t.to,custom:""},{default:n.withCtx((({navigate:e,href:i,isActive:l,isExactActive:a})=>[n.withDirectives(n.createVNode("a",{href:i,class:g.linkClass(t,{isActive:l,isExactActive:a}),onClick:n=>g.onCategoryClick(n,t,e),onKeydown:e=>g.onCategoryKeydown(e,t),role:"menuitem"},[t.icon?(n.openBlock(),n.createBlock("span",{key:0,class:g.getCategoryIcon(t)},null,2)):n.createCommentVNode("",!0),n.createVNode("span",s,n.toDisplayString(g.label(t)),1)],42,["href","onClick","onKeydown"]),[[v]])])),_:2},1032,["to"])):n.withDirectives((n.openBlock(),n.createBlock("a",{key:1,href:t.url,class:g.linkClass(t),target:t.target,onClick:e=>g.onCategoryClick(e,t),onKeydown:e=>g.onCategoryKeydown(e,t),role:"menuitem","aria-haspopup":null!=t.items,"aria-expanded":t===k.activeItem,tabindex:g.disabled(t)?null:"0"},[t.icon?(n.openBlock(),n.createBlock("span",{key:0,class:g.getCategoryIcon(t)},null,2)):n.createCommentVNode("",!0),n.createVNode("span",c,n.toDisplayString(g.label(t)),1),t.items?(n.openBlock(),n.createBlock("span",{key:1,class:g.getCategorySubMenuIcon()},null,2)):n.createCommentVNode("",!0)],42,["href","target","onClick","onKeydown","aria-haspopup","aria-expanded","tabindex"])),[[v]])],64)),t.items?(n.openBlock(),n.createBlock("div",r,[n.createVNode("div",m,[(n.openBlock(!0),n.createBlock(n.Fragment,null,n.renderList(t.items,((i,l)=>(n.openBlock(),n.createBlock("div",{key:g.label(t)+"_column_"+l,class:g.getColumnClassName(t)},[(n.openBlock(!0),n.createBlock(n.Fragment,null,n.renderList(i,((t,i)=>(n.openBlock(),n.createBlock("ul",{class:"p-megamenu-submenu",key:t.label+"_submenu_"+i,role:"menu"},[n.createVNode("li",{class:g.getSubmenuHeaderClass(t),style:t.style,role:"presentation"},n.toDisplayString(t.label),7),(n.openBlock(!0),n.createBlock(n.Fragment,null,n.renderList(t.items,((t,i)=>(n.openBlock(),n.createBlock(n.Fragment,{key:g.label(t)+i.toString()},[g.visible(t)&&!t.separator?(n.openBlock(),n.createBlock("li",{key:0,role:"none",class:g.getSubmenuItemClass(t),style:t.style},[e.$slots.item?(n.openBlock(),n.createBlock(n.resolveDynamicComponent(e.$slots.item),{key:1,item:t},null,8,["item"])):(n.openBlock(),n.createBlock(n.Fragment,{key:0},[t.to&&!g.disabled(t)?(n.openBlock(),n.createBlock(h,{key:0,to:t.to,custom:""},{default:n.withCtx((({navigate:e,href:i,isActive:l,isExactActive:a})=>[n.withDirectives(n.createVNode("a",{href:i,class:g.linkClass(t,{isActive:l,isExactActive:a}),onClick:n=>g.onLeafClick(n,t,e),role:"menuitem"},[t.icon?(n.openBlock(),n.createBlock("span",{key:0,class:["p-menuitem-icon",t.icon]},null,2)):n.createCommentVNode("",!0),n.createVNode("span",u,n.toDisplayString(g.label(t)),1)],10,["href","onClick"]),[[v]])])),_:2},1032,["to"])):n.withDirectives((n.openBlock(),n.createBlock("a",{key:1,href:t.url,class:g.linkClass(t),target:t.target,onClick:e=>g.onLeafClick(e,t),role:"menuitem",tabindex:g.disabled(t)?null:"0"},[t.icon?(n.openBlock(),n.createBlock("span",{key:0,class:["p-menuitem-icon",t.icon]},null,2)):n.createCommentVNode("",!0),n.createVNode("span",p,n.toDisplayString(g.label(t)),1),t.items?(n.openBlock(),n.createBlock("span",{key:1,class:e.getSubmenuIcon()},null,2)):n.createCommentVNode("",!0)],10,["href","target","onClick","tabindex"])),[[v]])],64))],6)):n.createCommentVNode("",!0),g.visible(t)&&t.separator?(n.openBlock(),n.createBlock("li",{class:["p-menu-separator",t.class],style:t.style,key:"separator"+i.toString(),role:"separator"},null,6)):n.createCommentVNode("",!0)],64)))),128))])))),128))],2)))),128))])])):n.createCommentVNode("",!0)],46,["onMouseenter"])):n.createCommentVNode("",!0)],64)))),128))]),e.$slots.end?(n.openBlock(),n.createBlock("div",d,[n.renderSlot(e.$slots,"end")])):n.createCommentVNode("",!0)],2)},l}(primevue.utils,primevue.ripple,Vue);
+this.primevue=this.primevue||{},this.primevue.megamenu=function(e,t,n){"use strict";function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i={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.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},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:l(t).default}};const a={key:0,class:"p-megamenu-start"},o={class:"p-megamenu-root-list",role:"menubar"},s=["onMouseenter"],m=["href","onClick","onKeydown"],r={class:"p-menuitem-text"},c=["href","target","onClick","onKeydown","aria-haspopup","aria-expanded","tabindex"],u={class:"p-menuitem-text"},p={key:2,class:"p-megamenu-panel"},d={class:"p-megamenu-grid"},k=["href","onClick"],g={class:"p-menuitem-text"},h=["href","target","onClick","tabindex"],v={class:"p-menuitem-text"},C={key:1,class:"p-megamenu-end"};return function(e,t){void 0===t&&(t={});var n=t.insertAt;if(e&&"undefined"!=typeof document){var l=document.head||document.getElementsByTagName("head")[0],i=document.createElement("style");i.type="text/css","top"===n&&l.firstChild?l.insertBefore(i,l.firstChild):l.appendChild(i),i.styleSheet?i.styleSheet.cssText=e:i.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"),i.render=function(e,t,l,i,b,y){const f=n.resolveComponent("router-link"),B=n.resolveDirective("ripple");return n.openBlock(),n.createElementBlock("div",{class:n.normalizeClass(y.containerClass)},[e.$slots.start?(n.openBlock(),n.createElementBlock("div",a,[n.renderSlot(e.$slots,"start")])):n.createCommentVNode("",!0),n.createElementVNode("ul",o,[(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList(l.model,((t,l)=>(n.openBlock(),n.createElementBlock(n.Fragment,{key:y.label(t)+"_"+l},[y.visible(t)?(n.openBlock(),n.createElementBlock("li",{key:0,class:n.normalizeClass(y.getCategoryClass(t)),style:n.normalizeStyle(t.style),onMouseenter:e=>y.onCategoryMouseEnter(e,t),role:"none"},[e.$slots.item?(n.openBlock(),n.createBlock(n.resolveDynamicComponent(e.$slots.item),{key:1,item:t},null,8,["item"])):(n.openBlock(),n.createElementBlock(n.Fragment,{key:0},[t.to&&!y.disabled(t)?(n.openBlock(),n.createBlock(f,{key:0,to:t.to,custom:""},{default:n.withCtx((({navigate:e,href:l,isActive:i,isExactActive:a})=>[n.withDirectives((n.openBlock(),n.createElementBlock("a",{href:l,class:n.normalizeClass(y.linkClass(t,{isActive:i,isExactActive:a})),onClick:n=>y.onCategoryClick(n,t,e),onKeydown:e=>y.onCategoryKeydown(e,t),role:"menuitem"},[t.icon?(n.openBlock(),n.createElementBlock("span",{key:0,class:n.normalizeClass(y.getCategoryIcon(t))},null,2)):n.createCommentVNode("",!0),n.createElementVNode("span",r,n.toDisplayString(y.label(t)),1)],42,m)),[[B]])])),_:2},1032,["to"])):n.withDirectives((n.openBlock(),n.createElementBlock("a",{key:1,href:t.url,class:n.normalizeClass(y.linkClass(t)),target:t.target,onClick:e=>y.onCategoryClick(e,t),onKeydown:e=>y.onCategoryKeydown(e,t),role:"menuitem","aria-haspopup":null!=t.items,"aria-expanded":t===b.activeItem,tabindex:y.disabled(t)?null:"0"},[t.icon?(n.openBlock(),n.createElementBlock("span",{key:0,class:n.normalizeClass(y.getCategoryIcon(t))},null,2)):n.createCommentVNode("",!0),n.createElementVNode("span",u,n.toDisplayString(y.label(t)),1),t.items?(n.openBlock(),n.createElementBlock("span",{key:1,class:n.normalizeClass(y.getCategorySubMenuIcon())},null,2)):n.createCommentVNode("",!0)],42,c)),[[B]])],64)),t.items?(n.openBlock(),n.createElementBlock("div",p,[n.createElementVNode("div",d,[(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList(t.items,((l,i)=>(n.openBlock(),n.createElementBlock("div",{key:y.label(t)+"_column_"+i,class:n.normalizeClass(y.getColumnClassName(t))},[(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList(l,((t,l)=>(n.openBlock(),n.createElementBlock("ul",{class:"p-megamenu-submenu",key:t.label+"_submenu_"+l,role:"menu"},[n.createElementVNode("li",{class:n.normalizeClass(y.getSubmenuHeaderClass(t)),style:n.normalizeStyle(t.style),role:"presentation"},n.toDisplayString(t.label),7),(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList(t.items,((t,l)=>(n.openBlock(),n.createElementBlock(n.Fragment,{key:y.label(t)+l.toString()},[y.visible(t)&&!t.separator?(n.openBlock(),n.createElementBlock("li",{key:0,role:"none",class:n.normalizeClass(y.getSubmenuItemClass(t)),style:n.normalizeStyle(t.style)},[e.$slots.item?(n.openBlock(),n.createBlock(n.resolveDynamicComponent(e.$slots.item),{key:1,item:t},null,8,["item"])):(n.openBlock(),n.createElementBlock(n.Fragment,{key:0},[t.to&&!y.disabled(t)?(n.openBlock(),n.createBlock(f,{key:0,to:t.to,custom:""},{default:n.withCtx((({navigate:e,href:l,isActive:i,isExactActive:a})=>[n.withDirectives((n.openBlock(),n.createElementBlock("a",{href:l,class:n.normalizeClass(y.linkClass(t,{isActive:i,isExactActive:a})),onClick:n=>y.onLeafClick(n,t,e),role:"menuitem"},[t.icon?(n.openBlock(),n.createElementBlock("span",{key:0,class:n.normalizeClass(["p-menuitem-icon",t.icon])},null,2)):n.createCommentVNode("",!0),n.createElementVNode("span",g,n.toDisplayString(y.label(t)),1)],10,k)),[[B]])])),_:2},1032,["to"])):n.withDirectives((n.openBlock(),n.createElementBlock("a",{key:1,href:t.url,class:n.normalizeClass(y.linkClass(t)),target:t.target,onClick:e=>y.onLeafClick(e,t),role:"menuitem",tabindex:y.disabled(t)?null:"0"},[t.icon?(n.openBlock(),n.createElementBlock("span",{key:0,class:n.normalizeClass(["p-menuitem-icon",t.icon])},null,2)):n.createCommentVNode("",!0),n.createElementVNode("span",v,n.toDisplayString(y.label(t)),1),t.items?(n.openBlock(),n.createElementBlock("span",{key:1,class:n.normalizeClass(e.getSubmenuIcon())},null,2)):n.createCommentVNode("",!0)],10,h)),[[B]])],64))],6)):n.createCommentVNode("",!0),y.visible(t)&&t.separator?(n.openBlock(),n.createElementBlock("li",{class:n.normalizeClass(["p-menu-separator",t.class]),style:n.normalizeStyle(t.style),key:"separator"+l.toString(),role:"separator"},null,6)):n.createCommentVNode("",!0)],64)))),128))])))),128))],2)))),128))])])):n.createCommentVNode("",!0)],46,s)):n.createCommentVNode("",!0)],64)))),128))]),e.$slots.end?(n.openBlock(),n.createElementBlock("div",C,[n.renderSlot(e.$slots,"end")])):n.createCommentVNode("",!0)],2)},i}(primevue.utils,primevue.ripple,Vue);

package/menu/Menu.vue

@@ -85,7 +85,7 @@ export default {
     methods: {
         itemClick(event) {
             const item = event.item;
-            if (item.disabled) {
+            if (this.disabled(item)) {
                 return;
             }
 
@@ -194,6 +194,9 @@ export default {
         visible(item) {
             return (typeof item.visible === 'function' ? item.visible() : item.visible !== false);
         },
+        disabled(item) {
+            return (typeof item.disabled === 'function' ? item.disabled() : item.disabled);
+        },
         label(item) {
             return (typeof item.label === 'function' ? item.label() : item.label);
         },

package/menu/menu.cjs.js

@@ -50,26 +50,28 @@ var script$1 = {
         }
     },
     directives: {
-        'ripple': Ripple__default['default']
+        'ripple': Ripple__default["default"]
     }
 };
 
-const _hoisted_1$1 = { class: "p-menuitem-text" };
+const _hoisted_1$1 = ["href", "onClick"];
 const _hoisted_2$1 = { class: "p-menuitem-text" };
+const _hoisted_3 = ["href", "target", "tabindex"];
+const _hoisted_4 = { class: "p-menuitem-text" };
 
 function render$1(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_router_link = vue.resolveComponent("router-link");
   const _directive_ripple = vue.resolveDirective("ripple");
 
   return ($options.visible())
-    ? (vue.openBlock(), vue.createBlock("li", {
+    ? (vue.openBlock(), vue.createElementBlock("li", {
         key: 0,
-        class: $options.containerClass,
+        class: vue.normalizeClass($options.containerClass),
         role: "none",
-        style: $props.item.style
+        style: vue.normalizeStyle($props.item.style)
       }, [
         (!$props.template)
-          ? (vue.openBlock(), vue.createBlock(vue.Fragment, { key: 0 }, [
+          ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
               ($props.item.to && !$options.disabled($props.item))
                 ? (vue.openBlock(), vue.createBlock(_component_router_link, {
                     key: 0,
@@ -77,36 +79,36 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
                     custom: ""
                   }, {
                     default: vue.withCtx(({navigate, href, isActive, isExactActive}) => [
-                      vue.withDirectives(vue.createVNode("a", {
+                      vue.withDirectives((vue.openBlock(), vue.createElementBlock("a", {
                         href: href,
                         onClick: $event => ($options.onClick($event, navigate)),
-                        class: $options.linkClass($props.item, {isActive, isExactActive}),
+                        class: vue.normalizeClass($options.linkClass($props.item, {isActive, isExactActive})),
                         role: "menuitem"
                       }, [
-                        vue.createVNode("span", {
-                          class: ['p-menuitem-icon', $props.item.icon]
+                        vue.createElementVNode("span", {
+                          class: vue.normalizeClass(['p-menuitem-icon', $props.item.icon])
                         }, null, 2),
-                        vue.createVNode("span", _hoisted_1$1, vue.toDisplayString($options.label()), 1)
-                      ], 10, ["href", "onClick"]), [
+                        vue.createElementVNode("span", _hoisted_2$1, vue.toDisplayString($options.label()), 1)
+                      ], 10, _hoisted_1$1)), [
                         [_directive_ripple]
                       ])
                     ]),
                     _: 1
                   }, 8, ["to"]))
-                : vue.withDirectives((vue.openBlock(), vue.createBlock("a", {
+                : vue.withDirectives((vue.openBlock(), vue.createElementBlock("a", {
                     key: 1,
                     href: $props.item.url,
-                    class: $options.linkClass($props.item),
-                    onClick: _cache[1] || (_cache[1] = (...args) => ($options.onClick && $options.onClick(...args))),
+                    class: vue.normalizeClass($options.linkClass($props.item)),
+                    onClick: _cache[0] || (_cache[0] = (...args) => ($options.onClick && $options.onClick(...args))),
                     target: $props.item.target,
                     role: "menuitem",
                     tabindex: $options.disabled($props.item) ? null : '0'
                   }, [
-                    vue.createVNode("span", {
-                      class: ['p-menuitem-icon', $props.item.icon]
+                    vue.createElementVNode("span", {
+                      class: vue.normalizeClass(['p-menuitem-icon', $props.item.icon])
                     }, null, 2),
-                    vue.createVNode("span", _hoisted_2$1, vue.toDisplayString($options.label()), 1)
-                  ], 10, ["href", "target", "tabindex"])), [
+                    vue.createElementVNode("span", _hoisted_4, vue.toDisplayString($options.label()), 1)
+                  ], 10, _hoisted_3)), [
                     [_directive_ripple]
                   ])
             ], 64))
@@ -178,7 +180,7 @@ var script = {
     methods: {
         itemClick(event) {
             const item = event.item;
-            if (item.disabled) {
+            if (this.disabled(item)) {
                 return;
             }
 
@@ -287,6 +289,9 @@ var script = {
         visible(item) {
             return (typeof item.visible === 'function' ? item.visible() : item.visible !== false);
         },
+        disabled(item) {
+            return (typeof item.disabled === 'function' ? item.disabled() : item.disabled);
+        },
         label(item) {
             return (typeof item.label === 'function' ? item.label() : item.label);
         },
@@ -294,7 +299,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
             });
@@ -338,29 +343,29 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     }, {
       default: vue.withCtx(() => [
         ($props.popup ? $data.overlayVisible : true)
-          ? (vue.openBlock(), vue.createBlock("div", vue.mergeProps({
+          ? (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
               key: 0,
               ref: $options.containerRef,
               class: $options.containerClass
             }, _ctx.$attrs, {
-              onClick: _cache[1] || (_cache[1] = (...args) => ($options.onOverlayClick && $options.onOverlayClick(...args)))
+              onClick: _cache[0] || (_cache[0] = (...args) => ($options.onOverlayClick && $options.onOverlayClick(...args)))
             }), [
-              vue.createVNode("ul", _hoisted_1, [
-                (vue.openBlock(true), vue.createBlock(vue.Fragment, null, vue.renderList($props.model, (item, i) => {
-                  return (vue.openBlock(), vue.createBlock(vue.Fragment, {
+              vue.createElementVNode("ul", _hoisted_1, [
+                (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList($props.model, (item, i) => {
+                  return (vue.openBlock(), vue.createElementBlock(vue.Fragment, {
                     key: $options.label(item) + i.toString()
                   }, [
                     (item.items && $options.visible(item) && !item.separator)
-                      ? (vue.openBlock(), vue.createBlock(vue.Fragment, { key: 0 }, [
+                      ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
                           (item.items)
-                            ? (vue.openBlock(), vue.createBlock("li", _hoisted_2, [
+                            ? (vue.openBlock(), vue.createElementBlock("li", _hoisted_2, [
                                 vue.renderSlot(_ctx.$slots, "item", { item: item }, () => [
                                   vue.createTextVNode(vue.toDisplayString($options.label(item)), 1)
                                 ])
                               ]))
                             : vue.createCommentVNode("", true),
-                          (vue.openBlock(true), vue.createBlock(vue.Fragment, null, vue.renderList(item.items, (child, j) => {
-                            return (vue.openBlock(), vue.createBlock(vue.Fragment, {
+                          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(item.items, (child, j) => {
+                            return (vue.openBlock(), vue.createElementBlock(vue.Fragment, {
                               key: child.label + i + j
                             }, [
                               ($options.visible(child) && !child.separator)
@@ -372,9 +377,9 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                     exact: $props.exact
                                   }, null, 8, ["item", "onClick", "template", "exact"]))
                                 : ($options.visible(child) && child.separator)
-                                  ? (vue.openBlock(), vue.createBlock("li", {
-                                      class: ['p-menu-separator', child.class],
-                                      style: child.style,
+                                  ? (vue.openBlock(), vue.createElementBlock("li", {
+                                      class: vue.normalizeClass(['p-menu-separator', child.class]),
+                                      style: vue.normalizeStyle(child.style),
                                       key: 'separator' + i + j,
                                       role: "separator"
                                     }, null, 6))
@@ -383,9 +388,9 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                           }), 128))
                         ], 64))
                       : ($options.visible(item) && item.separator)
-                        ? (vue.openBlock(), vue.createBlock("li", {
-                            class: ['p-menu-separator', item.class],
-                            style: item.style,
+                        ? (vue.openBlock(), vue.createElementBlock("li", {
+                            class: vue.normalizeClass(['p-menu-separator', item.class]),
+                            style: vue.normalizeStyle(item.style),
                             key: 'separator' + i.toString(),
                             role: "separator"
                           }, null, 6))

package/menu/menu.cjs.min.js

@@ -1 +1 @@
-"use strict";var e=require("primevue/utils"),t=require("primevue/overlayeventbus"),i=require("primevue/ripple"),n=require("vue");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=l(t),r={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(i).default}};const o={class:"p-menuitem-text"},a={class:"p-menuitem-text"};r.render=function(e,t,i,l,s,r){const c=n.resolveComponent("router-link"),d=n.resolveDirective("ripple");return r.visible()?(n.openBlock(),n.createBlock("li",{key:0,class:r.containerClass,role:"none",style:i.item.style},[i.template?(n.openBlock(),n.createBlock(n.resolveDynamicComponent(i.template),{key:1,item:i.item},null,8,["item"])):(n.openBlock(),n.createBlock(n.Fragment,{key:0},[i.item.to&&!r.disabled(i.item)?(n.openBlock(),n.createBlock(c,{key:0,to:i.item.to,custom:""},{default:n.withCtx((({navigate:e,href:t,isActive:l,isExactActive:s})=>[n.withDirectives(n.createVNode("a",{href:t,onClick:t=>r.onClick(t,e),class:r.linkClass(i.item,{isActive:l,isExactActive:s}),role:"menuitem"},[n.createVNode("span",{class:["p-menuitem-icon",i.item.icon]},null,2),n.createVNode("span",o,n.toDisplayString(r.label()),1)],10,["href","onClick"]),[[d]])])),_:1},8,["to"])):n.withDirectives((n.openBlock(),n.createBlock("a",{key:1,href:i.item.url,class:r.linkClass(i.item),onClick:t[1]||(t[1]=(...e)=>r.onClick&&r.onClick(...e)),target:i.item.target,role:"menuitem",tabindex:r.disabled(i.item)?null:"0"},[n.createVNode("span",{class:["p-menuitem-icon",i.item.icon]},null,2),n.createVNode("span",a,n.toDisplayString(r.label()),1)],10,["href","target","tabindex"])),[[d]])],64))],6)):n.createCommentVNode("",!0)};var c={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.ZIndexUtils.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.ZIndexUtils.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.ZIndexUtils.clear(t)},alignOverlay(){e.DomHandler.absolutePosition(this.container,this.target),this.container.style.minWidth=e.DomHandler.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 e.ConnectedOverlayScrollHandler(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(e){return this.target&&(this.target===e.target||this.target.contains(e.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){s.default.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:r}};const d={class:"p-menu-list p-reset",role:"menu"},u={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"),c.render=function(e,t,i,l,s,r){const o=n.resolveComponent("Menuitem");return n.openBlock(),n.createBlock(n.Teleport,{to:i.appendTo,disabled:!i.popup},[n.createVNode(n.Transition,{name:"p-connected-overlay",onEnter:r.onEnter,onLeave:r.onLeave,onAfterLeave:r.onAfterLeave},{default:n.withCtx((()=>[!i.popup||s.overlayVisible?(n.openBlock(),n.createBlock("div",n.mergeProps({key:0,ref:r.containerRef,class:r.containerClass},e.$attrs,{onClick:t[1]||(t[1]=(...e)=>r.onOverlayClick&&r.onOverlayClick(...e))}),[n.createVNode("ul",d,[(n.openBlock(!0),n.createBlock(n.Fragment,null,n.renderList(i.model,((t,l)=>(n.openBlock(),n.createBlock(n.Fragment,{key:r.label(t)+l.toString()},[t.items&&r.visible(t)&&!t.separator?(n.openBlock(),n.createBlock(n.Fragment,{key:0},[t.items?(n.openBlock(),n.createBlock("li",u,[n.renderSlot(e.$slots,"item",{item:t},(()=>[n.createTextVNode(n.toDisplayString(r.label(t)),1)]))])):n.createCommentVNode("",!0),(n.openBlock(!0),n.createBlock(n.Fragment,null,n.renderList(t.items,((t,s)=>(n.openBlock(),n.createBlock(n.Fragment,{key:t.label+l+s},[r.visible(t)&&!t.separator?(n.openBlock(),n.createBlock(o,{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?(n.openBlock(),n.createBlock("li",{class:["p-menu-separator",t.class],style:t.style,key:"separator"+l+s,role:"separator"},null,6)):n.createCommentVNode("",!0)],64)))),128))],64)):r.visible(t)&&t.separator?(n.openBlock(),n.createBlock("li",{class:["p-menu-separator",t.class],style:t.style,key:"separator"+l.toString(),role:"separator"},null,6)):(n.openBlock(),n.createBlock(o,{key:r.label(t)+l.toString(),item:t,onClick:r.itemClick,template:e.$slots.item,exact:i.exact},null,8,["item","onClick","template","exact"]))],64)))),128))])],16)):n.createCommentVNode("",!0)])),_:3},8,["onEnter","onLeave","onAfterLeave"])],8,["to","disabled"])},module.exports=c;
+"use strict";var e=require("primevue/utils"),t=require("primevue/overlayeventbus"),i=require("primevue/ripple"),n=require("vue");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=l(t),r={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(i).default}};const o=["href","onClick"],a={class:"p-menuitem-text"},c=["href","target","tabindex"],m={class:"p-menuitem-text"};r.render=function(e,t,i,l,s,r){const d=n.resolveComponent("router-link"),u=n.resolveDirective("ripple");return r.visible()?(n.openBlock(),n.createElementBlock("li",{key:0,class:n.normalizeClass(r.containerClass),role:"none",style:n.normalizeStyle(i.item.style)},[i.template?(n.openBlock(),n.createBlock(n.resolveDynamicComponent(i.template),{key:1,item:i.item},null,8,["item"])):(n.openBlock(),n.createElementBlock(n.Fragment,{key:0},[i.item.to&&!r.disabled(i.item)?(n.openBlock(),n.createBlock(d,{key:0,to:i.item.to,custom:""},{default:n.withCtx((({navigate:e,href:t,isActive:l,isExactActive:s})=>[n.withDirectives((n.openBlock(),n.createElementBlock("a",{href:t,onClick:t=>r.onClick(t,e),class:n.normalizeClass(r.linkClass(i.item,{isActive:l,isExactActive:s})),role:"menuitem"},[n.createElementVNode("span",{class:n.normalizeClass(["p-menuitem-icon",i.item.icon])},null,2),n.createElementVNode("span",a,n.toDisplayString(r.label()),1)],10,o)),[[u]])])),_:1},8,["to"])):n.withDirectives((n.openBlock(),n.createElementBlock("a",{key:1,href:i.item.url,class:n.normalizeClass(r.linkClass(i.item)),onClick:t[0]||(t[0]=(...e)=>r.onClick&&r.onClick(...e)),target:i.item.target,role:"menuitem",tabindex:r.disabled(i.item)?null:"0"},[n.createElementVNode("span",{class:n.normalizeClass(["p-menuitem-icon",i.item.icon])},null,2),n.createElementVNode("span",m,n.toDisplayString(r.label()),1)],10,c)),[[u]])],64))],6)):n.createCommentVNode("",!0)};var d={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.ZIndexUtils.clear(this.container),this.container=null},methods:{itemClick(e){const t=e.item;this.disabled(t)||(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.ZIndexUtils.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.ZIndexUtils.clear(t)},alignOverlay(){e.DomHandler.absolutePosition(this.container,this.target),this.container.style.minWidth=e.DomHandler.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 e.ConnectedOverlayScrollHandler(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(e){return this.target&&(this.target===e.target||this.target.contains(e.target))},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,containerRef(e){this.container=e},onOverlayClick(e){s.default.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:r}};const u={class:"p-menu-list p-reset",role:"menu"},p={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"),d.render=function(e,t,i,l,s,r){const o=n.resolveComponent("Menuitem");return n.openBlock(),n.createBlock(n.Teleport,{to:i.appendTo,disabled:!i.popup},[n.createVNode(n.Transition,{name:"p-connected-overlay",onEnter:r.onEnter,onLeave:r.onLeave,onAfterLeave:r.onAfterLeave},{default:n.withCtx((()=>[!i.popup||s.overlayVisible?(n.openBlock(),n.createElementBlock("div",n.mergeProps({key:0,ref:r.containerRef,class:r.containerClass},e.$attrs,{onClick:t[0]||(t[0]=(...e)=>r.onOverlayClick&&r.onOverlayClick(...e))}),[n.createElementVNode("ul",u,[(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList(i.model,((t,l)=>(n.openBlock(),n.createElementBlock(n.Fragment,{key:r.label(t)+l.toString()},[t.items&&r.visible(t)&&!t.separator?(n.openBlock(),n.createElementBlock(n.Fragment,{key:0},[t.items?(n.openBlock(),n.createElementBlock("li",p,[n.renderSlot(e.$slots,"item",{item:t},(()=>[n.createTextVNode(n.toDisplayString(r.label(t)),1)]))])):n.createCommentVNode("",!0),(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList(t.items,((t,s)=>(n.openBlock(),n.createElementBlock(n.Fragment,{key:t.label+l+s},[r.visible(t)&&!t.separator?(n.openBlock(),n.createBlock(o,{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?(n.openBlock(),n.createElementBlock("li",{class:n.normalizeClass(["p-menu-separator",t.class]),style:n.normalizeStyle(t.style),key:"separator"+l+s,role:"separator"},null,6)):n.createCommentVNode("",!0)],64)))),128))],64)):r.visible(t)&&t.separator?(n.openBlock(),n.createElementBlock("li",{class:n.normalizeClass(["p-menu-separator",t.class]),style:n.normalizeStyle(t.style),key:"separator"+l.toString(),role:"separator"},null,6)):(n.openBlock(),n.createBlock(o,{key:r.label(t)+l.toString(),item:t,onClick:r.itemClick,template:e.$slots.item,exact:i.exact},null,8,["item","onClick","template","exact"]))],64)))),128))])],16)):n.createCommentVNode("",!0)])),_:3},8,["onEnter","onLeave","onAfterLeave"])],8,["to","disabled"])},module.exports=d;