primevue 3.12.2 → 3.12.5

package/megamenu/megamenu.esm.js

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