primevue 3.16.2 → 3.17.0

package/tieredmenu/tieredmenu.cjs.min.js

@@ -1 +1 @@
-"use strict";var e=require("primevue/utils"),t=require("primevue/overlayeventbus"),i=require("primevue/portal"),n=require("primevue/ripple"),l=require("vue");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=s(t),r=s(i),a={name:"TieredMenuSub",emits:["leaf-click","keydown-item"],props:{model:{type:Array,default:null},root:{type:Boolean,default:!1},popup:{type:Boolean,default:!1},parentActive:{type:Boolean,default:!1},template:{type:Function,default:null},exact:{type:Boolean,default:!0}},documentClickListener:null,watch:{parentActive(e){e||(this.activeItem=null)}},data:()=>({activeItem:null}),updated(){this.root&&this.activeItem&&this.bindDocumentClickListener()},beforeUnmount(){this.unbindDocumentClickListener()},methods:{onItemMouseEnter(e,t){this.disabled(t)?e.preventDefault():this.root?(this.activeItem||this.popup)&&(this.activeItem=t):this.activeItem=t},onItemClick(e,t,i){this.disabled(t)?e.preventDefault():(t.command&&t.command({originalEvent:e,item:t}),t.items&&(this.activeItem&&t===this.activeItem?this.activeItem=null:this.activeItem=t),t.items||this.onLeafClick(),t.to&&i&&i(e))},onLeafClick(){this.activeItem=null,this.$emit("leaf-click")},onItemKeyDown(e,t){let i=e.currentTarget.parentElement;switch(e.which){case 40:var n=this.findNextItem(i);n&&n.children[0].focus(),e.preventDefault();break;case 38:var l=this.findPrevItem(i);l&&l.children[0].focus(),e.preventDefault();break;case 39:t.items&&(this.activeItem=t,setTimeout((()=>{i.children[1].children[0].children[0].focus()}),50)),e.preventDefault()}this.$emit("keydown-item",{originalEvent:e,element:i})},onChildItemKeyDown(e){37===e.originalEvent.which&&(this.activeItem=null,e.element.parentElement.previousElementSibling.focus())},findNextItem(t){let i=t.nextElementSibling;return i?e.DomHandler.hasClass(i,"p-disabled")||!e.DomHandler.hasClass(i,"p-menuitem")?this.findNextItem(i):i:null},findPrevItem(t){let i=t.previousElementSibling;return i?e.DomHandler.hasClass(i,"p-disabled")||!e.DomHandler.hasClass(i,"p-menuitem")?this.findPrevItem(i):i:null},getItemClass(e){return["p-menuitem",e.class,{"p-menuitem-active":this.activeItem===e}]},linkClass(e,t){return["p-menuitem-link",{"p-disabled":this.disabled(e),"router-link-active":t&&t.isActive,"router-link-active-exact":this.exact&&t&&t.isExactActive}]},bindDocumentClickListener(){this.documentClickListener||(this.documentClickListener=e=>{this.$el&&!this.$el.contains(e.target)&&(this.activeItem=null,this.unbindDocumentClickListener())},document.addEventListener("click",this.documentClickListener))},unbindDocumentClickListener(){this.documentClickListener&&(document.removeEventListener("click",this.documentClickListener),this.documentClickListener=null)},visible:e=>"function"==typeof e.visible?e.visible():!1!==e.visible,disabled:e=>"function"==typeof e.disabled?e.disabled():e.disabled,label:e=>"function"==typeof e.label?e.label():e.label},computed:{containerClass(){return{"p-submenu-list":!this.root}}},directives:{ripple:s(n).default}};const c=["onMouseenter"],d=["href","onClick","onKeydown"],m={class:"p-menuitem-text"},u=["href","target","aria-haspopup","aria-expanded","onClick","onKeydown","tabindex"],p={class:"p-menuitem-text"},h={key:1,class:"p-submenu-icon pi pi-angle-right"};a.render=function(e,t,i,n,s,o){const r=l.resolveComponent("router-link"),a=l.resolveComponent("TieredMenuSub",!0),v=l.resolveDirective("ripple");return l.openBlock(),l.createElementBlock("ul",{ref:"element",class:l.normalizeClass(o.containerClass),role:"'menubar' : 'menu'","aria-orientation":"horizontal"},[(l.openBlock(!0),l.createElementBlock(l.Fragment,null,l.renderList(i.model,((e,t)=>(l.openBlock(),l.createElementBlock(l.Fragment,{key:o.label(e)+t.toString()},[o.visible(e)&&!e.separator?(l.openBlock(),l.createElementBlock("li",{key:0,class:l.normalizeClass(o.getItemClass(e)),style:l.normalizeStyle(e.style),onMouseenter:t=>o.onItemMouseEnter(t,e),role:"none"},[i.template?(l.openBlock(),l.createBlock(l.resolveDynamicComponent(i.template),{key:1,item:e},null,8,["item"])):(l.openBlock(),l.createElementBlock(l.Fragment,{key:0},[e.to&&!o.disabled(e)?(l.openBlock(),l.createBlock(r,{key:0,to:e.to,custom:""},{default:l.withCtx((({navigate:t,href:i,isActive:n,isExactActive:s})=>[l.withDirectives((l.openBlock(),l.createElementBlock("a",{href:i,onClick:i=>o.onItemClick(i,e,t),class:l.normalizeClass(o.linkClass(e,{isActive:n,isExactActive:s})),onKeydown:t=>o.onItemKeyDown(t,e),role:"menuitem"},[e.icon?(l.openBlock(),l.createElementBlock("span",{key:0,class:l.normalizeClass(["p-menuitem-icon",e.icon])},null,2)):l.createCommentVNode("",!0),l.createElementVNode("span",m,l.toDisplayString(o.label(e)),1)],42,d)),[[v]])])),_:2},1032,["to"])):l.withDirectives((l.openBlock(),l.createElementBlock("a",{key:1,href:e.url,class:l.normalizeClass(o.linkClass(e)),target:e.target,"aria-haspopup":null!=e.items,"aria-expanded":e===s.activeItem,onClick:t=>o.onItemClick(t,e),onKeydown:t=>o.onItemKeyDown(t,e),role:"menuitem",tabindex:o.disabled(e)?null:"0"},[e.icon?(l.openBlock(),l.createElementBlock("span",{key:0,class:l.normalizeClass(["p-menuitem-icon",e.icon])},null,2)):l.createCommentVNode("",!0),l.createElementVNode("span",p,l.toDisplayString(o.label(e)),1),e.items?(l.openBlock(),l.createElementBlock("span",h)):l.createCommentVNode("",!0)],42,u)),[[v]])],64)),o.visible(e)&&e.items?(l.openBlock(),l.createBlock(a,{model:e.items,key:o.label(e)+"_sub_",template:i.template,onLeafClick:o.onLeafClick,onKeydownItem:o.onChildItemKeyDown,parentActive:e===s.activeItem,exact:i.exact},null,8,["model","template","onLeafClick","onKeydownItem","parentActive","exact"])):l.createCommentVNode("",!0)],46,c)):l.createCommentVNode("",!0),o.visible(e)&&e.separator?(l.openBlock(),l.createElementBlock("li",{class:l.normalizeClass(["p-menu-separator",e.class]),style:l.normalizeStyle(e.style),key:"separator"+t.toString(),role:"separator"},null,6)):l.createCommentVNode("",!0)],64)))),128))],2)};var v={name:"TieredMenu",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}},target:null,container:null,outsideClickListener:null,scrollHandler:null,resizeListener:null,data:()=>({visible:!1}),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.command&&(t.command(e),e.originalEvent.preventDefault()),this.hide()},toggle(e){this.visible?this.hide():this.show(e)},show(e){this.visible=!0,this.target=e.currentTarget},hide(){this.visible=!1},onEnter(t){this.alignOverlay(),this.bindOutsideClickListener(),this.bindResizeListener(),this.bindScrollListener(),this.autoZIndex&&e.ZIndexUtils.set("menu",t,this.baseZIndex+this.$primevue.config.zIndex.menu)},onLeave(){this.unbindOutsideClickListener(),this.unbindResizeListener(),this.unbindScrollListener()},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.visible&&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.visible&&this.hide()}))),this.scrollHandler.bindScrollListener()},unbindScrollListener(){this.scrollHandler&&this.scrollHandler.unbindScrollListener()},bindResizeListener(){this.resizeListener||(this.resizeListener=()=>{this.visible&&!e.DomHandler.isTouchDevice()&&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))},onLeafClick(){this.popup&&this.hide()},containerRef(e){this.container=e},onOverlayClick(e){o.default.emit("overlay-click",{originalEvent:e,target:this.target})}},computed:{containerClass(){return["p-tieredmenu p-component",{"p-tieredmenu-overlay":this.popup,"p-input-filled":"filled"===this.$primevue.config.inputStyle,"p-ripple-disabled":!1===this.$primevue.config.ripple}]}},components:{TieredMenuSub:a,Portal:r.default}};!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-tieredmenu-overlay {\n    position: absolute;\n    top: 0;\n    left: 0;\n}\n.p-tieredmenu ul {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n}\n.p-tieredmenu .p-submenu-list {\n    position: absolute;\n    min-width: 100%;\n    z-index: 1;\n    display: none;\n}\n.p-tieredmenu .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-tieredmenu .p-menuitem-text {\n    line-height: 1;\n}\n.p-tieredmenu .p-menuitem {\n    position: relative;\n}\n.p-tieredmenu .p-menuitem-link .p-submenu-icon {\n    margin-left: auto;\n}\n.p-tieredmenu .p-menuitem-active > .p-submenu-list {\n    display: block;\n    left: 100%;\n    top: 0;\n}\n"),v.render=function(e,t,i,n,s,o){const r=l.resolveComponent("TieredMenuSub"),a=l.resolveComponent("Portal");return l.openBlock(),l.createBlock(a,{appendTo:i.appendTo,disabled:!i.popup},{default:l.withCtx((()=>[l.createVNode(l.Transition,{name:"p-connected-overlay",onEnter:o.onEnter,onLeave:o.onLeave,onAfterLeave:o.onAfterLeave},{default:l.withCtx((()=>[!i.popup||s.visible?(l.openBlock(),l.createElementBlock("div",l.mergeProps({key:0,ref:o.containerRef,class:o.containerClass},e.$attrs,{onClick:t[0]||(t[0]=(...e)=>o.onOverlayClick&&o.onOverlayClick(...e))}),[l.createVNode(r,{model:i.model,root:!0,popup:i.popup,onLeafClick:o.onLeafClick,template:e.$slots.item,exact:i.exact},null,8,["model","popup","onLeafClick","template","exact"])],16)):l.createCommentVNode("",!0)])),_:1},8,["onEnter","onLeave","onAfterLeave"])])),_:1},8,["appendTo","disabled"])},module.exports=v;
+"use strict";var e=require("primevue/utils"),t=require("primevue/overlayeventbus"),i=require("primevue/portal"),n=require("primevue/ripple"),l=require("vue");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=s(t),r=s(i),a={name:"TieredMenuSub",emits:["leaf-click","keydown-item"],props:{model:{type:Array,default:null},root:{type:Boolean,default:!1},popup:{type:Boolean,default:!1},parentActive:{type:Boolean,default:!1},template:{type:Function,default:null},exact:{type:Boolean,default:!0}},documentClickListener:null,data:()=>({activeItem:null}),watch:{parentActive(e){e||(this.activeItem=null)}},updated(){this.root&&this.activeItem&&this.bindDocumentClickListener()},beforeUnmount(){this.unbindDocumentClickListener()},methods:{onItemMouseEnter(e,t){this.disabled(t)?e.preventDefault():this.root?(this.activeItem||this.popup)&&(this.activeItem=t):this.activeItem=t},onItemClick(e,t,i){this.disabled(t)?e.preventDefault():(t.command&&t.command({originalEvent:e,item:t}),t.items&&(this.activeItem&&t===this.activeItem?this.activeItem=null:this.activeItem=t),t.items||this.onLeafClick(),t.to&&i&&i(e))},onLeafClick(){this.activeItem=null,this.$emit("leaf-click")},onItemKeyDown(e,t){let i=e.currentTarget.parentElement;switch(e.which){case 40:var n=this.findNextItem(i);n&&n.children[0].focus(),e.preventDefault();break;case 38:var l=this.findPrevItem(i);l&&l.children[0].focus(),e.preventDefault();break;case 39:t.items&&(this.activeItem=t,setTimeout((()=>{i.children[1].children[0].children[0].focus()}),50)),e.preventDefault()}this.$emit("keydown-item",{originalEvent:e,element:i})},onChildItemKeyDown(e){37===e.originalEvent.which&&(this.activeItem=null,e.element.parentElement.previousElementSibling.focus())},findNextItem(t){let i=t.nextElementSibling;return i?e.DomHandler.hasClass(i,"p-disabled")||!e.DomHandler.hasClass(i,"p-menuitem")?this.findNextItem(i):i:null},findPrevItem(t){let i=t.previousElementSibling;return i?e.DomHandler.hasClass(i,"p-disabled")||!e.DomHandler.hasClass(i,"p-menuitem")?this.findPrevItem(i):i:null},getItemClass(e){return["p-menuitem",e.class,{"p-menuitem-active":this.activeItem===e}]},linkClass(e,t){return["p-menuitem-link",{"p-disabled":this.disabled(e),"router-link-active":t&&t.isActive,"router-link-active-exact":this.exact&&t&&t.isExactActive}]},bindDocumentClickListener(){this.documentClickListener||(this.documentClickListener=e=>{this.$el&&!this.$el.contains(e.target)&&(this.activeItem=null,this.unbindDocumentClickListener())},document.addEventListener("click",this.documentClickListener))},unbindDocumentClickListener(){this.documentClickListener&&(document.removeEventListener("click",this.documentClickListener),this.documentClickListener=null)},visible:e=>"function"==typeof e.visible?e.visible():!1!==e.visible,disabled:e=>"function"==typeof e.disabled?e.disabled():e.disabled,label:e=>"function"==typeof e.label?e.label():e.label},computed:{containerClass(){return{"p-submenu-list":!this.root}}},directives:{ripple:s(n).default}};const c=["onMouseenter"],d=["href","onClick","onKeydown"],m={class:"p-menuitem-text"},u=["href","target","aria-haspopup","aria-expanded","onClick","onKeydown","tabindex"],p={class:"p-menuitem-text"},h={key:1,class:"p-submenu-icon pi pi-angle-right"};a.render=function(e,t,i,n,s,o){const r=l.resolveComponent("router-link"),a=l.resolveComponent("TieredMenuSub",!0),v=l.resolveDirective("ripple");return l.openBlock(),l.createElementBlock("ul",{ref:"element",class:l.normalizeClass(o.containerClass),role:"'menubar' : 'menu'","aria-orientation":"horizontal"},[(l.openBlock(!0),l.createElementBlock(l.Fragment,null,l.renderList(i.model,((e,t)=>(l.openBlock(),l.createElementBlock(l.Fragment,{key:o.label(e)+t.toString()},[o.visible(e)&&!e.separator?(l.openBlock(),l.createElementBlock("li",{key:0,class:l.normalizeClass(o.getItemClass(e)),style:l.normalizeStyle(e.style),onMouseenter:t=>o.onItemMouseEnter(t,e),role:"none"},[i.template?(l.openBlock(),l.createBlock(l.resolveDynamicComponent(i.template),{key:1,item:e},null,8,["item"])):(l.openBlock(),l.createElementBlock(l.Fragment,{key:0},[e.to&&!o.disabled(e)?(l.openBlock(),l.createBlock(r,{key:0,to:e.to,custom:""},{default:l.withCtx((({navigate:t,href:i,isActive:n,isExactActive:s})=>[l.withDirectives((l.openBlock(),l.createElementBlock("a",{href:i,onClick:i=>o.onItemClick(i,e,t),class:l.normalizeClass(o.linkClass(e,{isActive:n,isExactActive:s})),onKeydown:t=>o.onItemKeyDown(t,e),role:"menuitem"},[e.icon?(l.openBlock(),l.createElementBlock("span",{key:0,class:l.normalizeClass(["p-menuitem-icon",e.icon])},null,2)):l.createCommentVNode("",!0),l.createElementVNode("span",m,l.toDisplayString(o.label(e)),1)],42,d)),[[v]])])),_:2},1032,["to"])):l.withDirectives((l.openBlock(),l.createElementBlock("a",{key:1,href:e.url,class:l.normalizeClass(o.linkClass(e)),target:e.target,"aria-haspopup":null!=e.items,"aria-expanded":e===s.activeItem,onClick:t=>o.onItemClick(t,e),onKeydown:t=>o.onItemKeyDown(t,e),role:"menuitem",tabindex:o.disabled(e)?null:"0"},[e.icon?(l.openBlock(),l.createElementBlock("span",{key:0,class:l.normalizeClass(["p-menuitem-icon",e.icon])},null,2)):l.createCommentVNode("",!0),l.createElementVNode("span",p,l.toDisplayString(o.label(e)),1),e.items?(l.openBlock(),l.createElementBlock("span",h)):l.createCommentVNode("",!0)],42,u)),[[v]])],64)),o.visible(e)&&e.items?(l.openBlock(),l.createBlock(a,{key:o.label(e)+"_sub_",model:e.items,template:i.template,onLeafClick:o.onLeafClick,onKeydownItem:o.onChildItemKeyDown,parentActive:e===s.activeItem,exact:i.exact},null,8,["model","template","onLeafClick","onKeydownItem","parentActive","exact"])):l.createCommentVNode("",!0)],46,c)):l.createCommentVNode("",!0),o.visible(e)&&e.separator?(l.openBlock(),l.createElementBlock("li",{key:"separator"+t.toString(),class:l.normalizeClass(["p-menu-separator",e.class]),style:l.normalizeStyle(e.style),role:"separator"},null,6)):l.createCommentVNode("",!0)],64)))),128))],2)};var v={name:"TieredMenu",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}},target:null,container:null,outsideClickListener:null,scrollHandler:null,resizeListener:null,data:()=>({visible:!1}),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.command&&(t.command(e),e.originalEvent.preventDefault()),this.hide()},toggle(e){this.visible?this.hide():this.show(e)},show(e){this.visible=!0,this.target=e.currentTarget},hide(){this.visible=!1},onEnter(t){this.alignOverlay(),this.bindOutsideClickListener(),this.bindResizeListener(),this.bindScrollListener(),this.autoZIndex&&e.ZIndexUtils.set("menu",t,this.baseZIndex+this.$primevue.config.zIndex.menu)},onLeave(){this.unbindOutsideClickListener(),this.unbindResizeListener(),this.unbindScrollListener()},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.visible&&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.visible&&this.hide()}))),this.scrollHandler.bindScrollListener()},unbindScrollListener(){this.scrollHandler&&this.scrollHandler.unbindScrollListener()},bindResizeListener(){this.resizeListener||(this.resizeListener=()=>{this.visible&&!e.DomHandler.isTouchDevice()&&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))},onLeafClick(){this.popup&&this.hide()},containerRef(e){this.container=e},onOverlayClick(e){o.default.emit("overlay-click",{originalEvent:e,target:this.target})}},computed:{containerClass(){return["p-tieredmenu p-component",{"p-tieredmenu-overlay":this.popup,"p-input-filled":"filled"===this.$primevue.config.inputStyle,"p-ripple-disabled":!1===this.$primevue.config.ripple}]}},components:{TieredMenuSub:a,Portal:r.default}};!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-tieredmenu-overlay {\n    position: absolute;\n    top: 0;\n    left: 0;\n}\n.p-tieredmenu ul {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n}\n.p-tieredmenu .p-submenu-list {\n    position: absolute;\n    min-width: 100%;\n    z-index: 1;\n    display: none;\n}\n.p-tieredmenu .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-tieredmenu .p-menuitem-text {\n    line-height: 1;\n}\n.p-tieredmenu .p-menuitem {\n    position: relative;\n}\n.p-tieredmenu .p-menuitem-link .p-submenu-icon {\n    margin-left: auto;\n}\n.p-tieredmenu .p-menuitem-active > .p-submenu-list {\n    display: block;\n    left: 100%;\n    top: 0;\n}\n"),v.render=function(e,t,i,n,s,o){const r=l.resolveComponent("TieredMenuSub"),a=l.resolveComponent("Portal");return l.openBlock(),l.createBlock(a,{appendTo:i.appendTo,disabled:!i.popup},{default:l.withCtx((()=>[l.createVNode(l.Transition,{name:"p-connected-overlay",onEnter:o.onEnter,onLeave:o.onLeave,onAfterLeave:o.onAfterLeave},{default:l.withCtx((()=>[!i.popup||s.visible?(l.openBlock(),l.createElementBlock("div",l.mergeProps({key:0,ref:o.containerRef,class:o.containerClass},e.$attrs,{onClick:t[0]||(t[0]=(...e)=>o.onOverlayClick&&o.onOverlayClick(...e))}),[l.createVNode(r,{model:i.model,root:!0,popup:i.popup,onLeafClick:o.onLeafClick,template:e.$slots.item,exact:i.exact},null,8,["model","popup","onLeafClick","template","exact"])],16)):l.createCommentVNode("",!0)])),_:1},8,["onEnter","onLeave","onAfterLeave"])])),_:1},8,["appendTo","disabled"])},module.exports=v;

package/tieredmenu/tieredmenu.esm.js

@@ -34,6 +34,11 @@ var script$1 = {
         }
     },
     documentClickListener: null,
+    data() {
+        return {
+            activeItem: null
+        };
+    },
     watch: {
         parentActive(newValue) {
             if (!newValue) {
@@ -41,11 +46,6 @@ var script$1 = {
             }
         }
     },
-    data() {
-        return {
-            activeItem: null
-        }
-    },
     updated() {
         if (this.root && this.activeItem) {
             this.bindDocumentClickListener();
@@ -58,6 +58,7 @@ var script$1 = {
         onItemMouseEnter(event, item) {
             if (this.disabled(item)) {
                 event.preventDefault();
+
                 return;
             }
 
@@ -65,14 +66,14 @@ var script$1 = {
                 if (this.activeItem || this.popup) {
                     this.activeItem = item;
                 }
-            }
-            else {
+            } else {
                 this.activeItem = item;
             }
         },
         onItemClick(event, item, navigate) {
             if (this.disabled(item)) {
                 event.preventDefault();
+
                 return;
             }
 
@@ -84,10 +85,8 @@ var script$1 = {
             }
 
             if (item.items) {
-                if (this.activeItem && item === this.activeItem)
-                    this.activeItem = null;
-                else
-                    this.activeItem = item;
+                if (this.activeItem && item === this.activeItem) this.activeItem = null;
+                else this.activeItem = item;
             }
 
             if (!item.items) {
@@ -109,22 +108,24 @@ var script$1 = {
                 //down
                 case 40:
                     var nextItem = this.findNextItem(listItem);
+
                     if (nextItem) {
                         nextItem.children[0].focus();
                     }
 
                     event.preventDefault();
-                break;
+                    break;
 
                 //up
                 case 38:
                     var prevItem = this.findPrevItem(listItem);
+
                     if (prevItem) {
                         prevItem.children[0].focus();
                     }
 
                     event.preventDefault();
-                break;
+                    break;
 
                 //right
                 case 39:
@@ -137,7 +138,7 @@ var script$1 = {
                     }
 
                     event.preventDefault();
-                break;
+                    break;
             }
 
             this.$emit('keydown-item', {
@@ -155,32 +156,33 @@ var script$1 = {
         findNextItem(item) {
             let nextItem = item.nextElementSibling;
 
-            if (nextItem)
-                return DomHandler.hasClass(nextItem, 'p-disabled') || !DomHandler.hasClass(nextItem, 'p-menuitem') ? this.findNextItem(nextItem) : nextItem;
-            else
-                return null;
+            if (nextItem) return DomHandler.hasClass(nextItem, 'p-disabled') || !DomHandler.hasClass(nextItem, 'p-menuitem') ? this.findNextItem(nextItem) : nextItem;
+            else return null;
         },
         findPrevItem(item) {
             let prevItem = item.previousElementSibling;
 
-            if (prevItem)
-                return DomHandler.hasClass(prevItem, 'p-disabled') || !DomHandler.hasClass(prevItem, 'p-menuitem') ? this.findPrevItem(prevItem) : prevItem;
-            else
-                return null;
+            if (prevItem) return DomHandler.hasClass(prevItem, 'p-disabled') || !DomHandler.hasClass(prevItem, 'p-menuitem') ? this.findPrevItem(prevItem) : prevItem;
+            else return null;
         },
         getItemClass(item) {
             return [
-                'p-menuitem', item.class, {
+                'p-menuitem',
+                item.class,
+                {
                     'p-menuitem-active': this.activeItem === item
                 }
-            ]
+            ];
         },
         linkClass(item, routerProps) {
-            return ['p-menuitem-link', {
-                'p-disabled': this.disabled(item),
-                'router-link-active': routerProps && routerProps.isActive,
-                'router-link-active-exact': this.exact && routerProps && routerProps.isExactActive
-            }];
+            return [
+                'p-menuitem-link',
+                {
+                    'p-disabled': this.disabled(item),
+                    'router-link-active': routerProps && routerProps.isActive,
+                    'router-link-active-exact': this.exact && routerProps && routerProps.isExactActive
+                }
+            ];
         },
         bindDocumentClickListener() {
             if (!this.documentClickListener) {
@@ -201,22 +203,22 @@ var script$1 = {
             }
         },
         visible(item) {
-            return (typeof item.visible === 'function' ? item.visible() : item.visible !== false);
+            return typeof item.visible === 'function' ? item.visible() : item.visible !== false;
         },
         disabled(item) {
-            return (typeof item.disabled === 'function' ? item.disabled() : item.disabled);
+            return typeof item.disabled === 'function' ? item.disabled() : item.disabled;
         },
         label(item) {
-            return (typeof item.label === 'function' ? item.label() : item.label);
+            return typeof item.label === 'function' ? item.label() : item.label;
         }
     },
     computed: {
         containerClass() {
-            return {'p-submenu-list': !this.root};
+            return { 'p-submenu-list': !this.root };
         }
     },
     directives: {
-        'ripple': Ripple
+        ripple: Ripple
     }
 };
 
@@ -261,11 +263,11 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
                           to: item.to,
                           custom: ""
                         }, {
-                          default: withCtx(({navigate, href, isActive, isExactActive}) => [
+                          default: withCtx(({ navigate, href, isActive, isExactActive }) => [
                             withDirectives((openBlock(), createElementBlock("a", {
                               href: href,
                               onClick: $event => ($options.onItemClick($event, item, navigate)),
-                              class: normalizeClass($options.linkClass(item, {isActive, isExactActive})),
+                              class: normalizeClass($options.linkClass(item, { isActive, isExactActive })),
                               onKeydown: $event => ($options.onItemKeyDown($event, item)),
                               role: "menuitem"
                             }, [
@@ -314,8 +316,8 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
                   }, null, 8, ["item"])),
               ($options.visible(item) && item.items)
                 ? (openBlock(), createBlock(_component_TieredMenuSub, {
-                    model: item.items,
                     key: $options.label(item) + '_sub_',
+                    model: item.items,
                     template: $props.template,
                     onLeafClick: $options.onLeafClick,
                     onKeydownItem: $options.onChildItemKeyDown,
@@ -327,9 +329,9 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
           : createCommentVNode("", true),
         ($options.visible(item) && item.separator)
           ? (openBlock(), createElementBlock("li", {
+              key: 'separator' + i.toString(),
               class: normalizeClass(['p-menu-separator', item.class]),
               style: normalizeStyle(item.style),
-              key: 'separator' + i.toString(),
               role: "separator"
             }, null, 6))
           : createCommentVNode("", true)
@@ -348,7 +350,7 @@ var script = {
             type: Boolean,
             default: false
         },
-		model: {
+        model: {
             type: Array,
             default: null
         },
@@ -387,26 +389,29 @@ var script = {
             this.scrollHandler.destroy();
             this.scrollHandler = null;
         }
+
         this.target = null;
+
         if (this.container && this.autoZIndex) {
             ZIndexUtils.clear(this.container);
         }
+
         this.container = null;
     },
     methods: {
         itemClick(event) {
             const item = event.item;
+
             if (item.command) {
                 item.command(event);
                 event.originalEvent.preventDefault();
             }
+
             this.hide();
         },
         toggle(event) {
-            if (this.visible)
-                this.hide();
-            else
-                this.show(event);
+            if (this.visible) this.hide();
+            else this.show(event);
         },
         show(event) {
             this.visible = true;
@@ -446,6 +451,7 @@ var script = {
                         this.hide();
                     }
                 };
+
                 document.addEventListener('click', this.outsideClickListener);
             }
         },
@@ -478,6 +484,7 @@ var script = {
                         this.hide();
                     }
                 };
+
                 window.addEventListener('resize', this.resizeListener);
             }
         },
@@ -507,16 +514,19 @@ var script = {
     },
     computed: {
         containerClass() {
-            return ['p-tieredmenu p-component', {
-                'p-tieredmenu-overlay': this.popup,
-                'p-input-filled': this.$primevue.config.inputStyle === 'filled',
-                'p-ripple-disabled': this.$primevue.config.ripple === false
-            }];
+            return [
+                'p-tieredmenu p-component',
+                {
+                    'p-tieredmenu-overlay': this.popup,
+                    'p-input-filled': this.$primevue.config.inputStyle === 'filled',
+                    'p-ripple-disabled': this.$primevue.config.ripple === false
+                }
+            ];
         }
     },
     components: {
-        'TieredMenuSub': script$1,
-        'Portal': Portal
+        TieredMenuSub: script$1,
+        Portal: Portal
     }
 };
 

package/tieredmenu/tieredmenu.esm.min.js

@@ -1 +1 @@
-import{DomHandler as e,ZIndexUtils as t,ConnectedOverlayScrollHandler as i}from"primevue/utils";import n from"primevue/overlayeventbus";import l from"primevue/portal";import s from"primevue/ripple";import{resolveComponent as r,resolveDirective as a,openBlock as o,createElementBlock as c,normalizeClass as d,Fragment as u,renderList as m,normalizeStyle as p,createBlock as h,withCtx as v,withDirectives as b,createCommentVNode as f,createElementVNode as k,toDisplayString as y,resolveDynamicComponent as C,createVNode as L,Transition as g,mergeProps as x}from"vue";var I={name:"TieredMenuSub",emits:["leaf-click","keydown-item"],props:{model:{type:Array,default:null},root:{type:Boolean,default:!1},popup:{type:Boolean,default:!1},parentActive:{type:Boolean,default:!1},template:{type:Function,default:null},exact:{type:Boolean,default:!0}},documentClickListener:null,watch:{parentActive(e){e||(this.activeItem=null)}},data:()=>({activeItem:null}),updated(){this.root&&this.activeItem&&this.bindDocumentClickListener()},beforeUnmount(){this.unbindDocumentClickListener()},methods:{onItemMouseEnter(e,t){this.disabled(t)?e.preventDefault():this.root?(this.activeItem||this.popup)&&(this.activeItem=t):this.activeItem=t},onItemClick(e,t,i){this.disabled(t)?e.preventDefault():(t.command&&t.command({originalEvent:e,item:t}),t.items&&(this.activeItem&&t===this.activeItem?this.activeItem=null:this.activeItem=t),t.items||this.onLeafClick(),t.to&&i&&i(e))},onLeafClick(){this.activeItem=null,this.$emit("leaf-click")},onItemKeyDown(e,t){let i=e.currentTarget.parentElement;switch(e.which){case 40:var n=this.findNextItem(i);n&&n.children[0].focus(),e.preventDefault();break;case 38:var l=this.findPrevItem(i);l&&l.children[0].focus(),e.preventDefault();break;case 39:t.items&&(this.activeItem=t,setTimeout((()=>{i.children[1].children[0].children[0].focus()}),50)),e.preventDefault()}this.$emit("keydown-item",{originalEvent:e,element:i})},onChildItemKeyDown(e){37===e.originalEvent.which&&(this.activeItem=null,e.element.parentElement.previousElementSibling.focus())},findNextItem(t){let i=t.nextElementSibling;return i?e.hasClass(i,"p-disabled")||!e.hasClass(i,"p-menuitem")?this.findNextItem(i):i:null},findPrevItem(t){let i=t.previousElementSibling;return i?e.hasClass(i,"p-disabled")||!e.hasClass(i,"p-menuitem")?this.findPrevItem(i):i:null},getItemClass(e){return["p-menuitem",e.class,{"p-menuitem-active":this.activeItem===e}]},linkClass(e,t){return["p-menuitem-link",{"p-disabled":this.disabled(e),"router-link-active":t&&t.isActive,"router-link-active-exact":this.exact&&t&&t.isExactActive}]},bindDocumentClickListener(){this.documentClickListener||(this.documentClickListener=e=>{this.$el&&!this.$el.contains(e.target)&&(this.activeItem=null,this.unbindDocumentClickListener())},document.addEventListener("click",this.documentClickListener))},unbindDocumentClickListener(){this.documentClickListener&&(document.removeEventListener("click",this.documentClickListener),this.documentClickListener=null)},visible:e=>"function"==typeof e.visible?e.visible():!1!==e.visible,disabled:e=>"function"==typeof e.disabled?e.disabled():e.disabled,label:e=>"function"==typeof e.label?e.label():e.label},computed:{containerClass(){return{"p-submenu-list":!this.root}}},directives:{ripple:s}};const w=["onMouseenter"],E=["href","onClick","onKeydown"],S={class:"p-menuitem-text"},A=["href","target","aria-haspopup","aria-expanded","onClick","onKeydown","tabindex"],T={class:"p-menuitem-text"},z={key:1,class:"p-submenu-icon pi pi-angle-right"};I.render=function(e,t,i,n,l,s){const L=r("router-link"),g=r("TieredMenuSub",!0),x=a("ripple");return o(),c("ul",{ref:"element",class:d(s.containerClass),role:"'menubar' : 'menu'","aria-orientation":"horizontal"},[(o(!0),c(u,null,m(i.model,((e,t)=>(o(),c(u,{key:s.label(e)+t.toString()},[s.visible(e)&&!e.separator?(o(),c("li",{key:0,class:d(s.getItemClass(e)),style:p(e.style),onMouseenter:t=>s.onItemMouseEnter(t,e),role:"none"},[i.template?(o(),h(C(i.template),{key:1,item:e},null,8,["item"])):(o(),c(u,{key:0},[e.to&&!s.disabled(e)?(o(),h(L,{key:0,to:e.to,custom:""},{default:v((({navigate:t,href:i,isActive:n,isExactActive:l})=>[b((o(),c("a",{href:i,onClick:i=>s.onItemClick(i,e,t),class:d(s.linkClass(e,{isActive:n,isExactActive:l})),onKeydown:t=>s.onItemKeyDown(t,e),role:"menuitem"},[e.icon?(o(),c("span",{key:0,class:d(["p-menuitem-icon",e.icon])},null,2)):f("",!0),k("span",S,y(s.label(e)),1)],42,E)),[[x]])])),_:2},1032,["to"])):b((o(),c("a",{key:1,href:e.url,class:d(s.linkClass(e)),target:e.target,"aria-haspopup":null!=e.items,"aria-expanded":e===l.activeItem,onClick:t=>s.onItemClick(t,e),onKeydown:t=>s.onItemKeyDown(t,e),role:"menuitem",tabindex:s.disabled(e)?null:"0"},[e.icon?(o(),c("span",{key:0,class:d(["p-menuitem-icon",e.icon])},null,2)):f("",!0),k("span",T,y(s.label(e)),1),e.items?(o(),c("span",z)):f("",!0)],42,A)),[[x]])],64)),s.visible(e)&&e.items?(o(),h(g,{model:e.items,key:s.label(e)+"_sub_",template:i.template,onLeafClick:s.onLeafClick,onKeydownItem:s.onChildItemKeyDown,parentActive:e===l.activeItem,exact:i.exact},null,8,["model","template","onLeafClick","onKeydownItem","parentActive","exact"])):f("",!0)],46,w)):f("",!0),s.visible(e)&&e.separator?(o(),c("li",{class:d(["p-menu-separator",e.class]),style:p(e.style),key:"separator"+t.toString(),role:"separator"},null,6)):f("",!0)],64)))),128))],2)};var D={name:"TieredMenu",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}},target:null,container:null,outsideClickListener:null,scrollHandler:null,resizeListener:null,data:()=>({visible:!1}),beforeUnmount(){this.unbindResizeListener(),this.unbindOutsideClickListener(),this.scrollHandler&&(this.scrollHandler.destroy(),this.scrollHandler=null),this.target=null,this.container&&this.autoZIndex&&t.clear(this.container),this.container=null},methods:{itemClick(e){const t=e.item;t.command&&(t.command(e),e.originalEvent.preventDefault()),this.hide()},toggle(e){this.visible?this.hide():this.show(e)},show(e){this.visible=!0,this.target=e.currentTarget},hide(){this.visible=!1},onEnter(e){this.alignOverlay(),this.bindOutsideClickListener(),this.bindResizeListener(),this.bindScrollListener(),this.autoZIndex&&t.set("menu",e,this.baseZIndex+this.$primevue.config.zIndex.menu)},onLeave(){this.unbindOutsideClickListener(),this.unbindResizeListener(),this.unbindScrollListener()},onAfterLeave(e){this.autoZIndex&&t.clear(e)},alignOverlay(){e.absolutePosition(this.container,this.target),this.container.style.minWidth=e.getOuterWidth(this.target)+"px"},bindOutsideClickListener(){this.outsideClickListener||(this.outsideClickListener=e=>{this.visible&&this.container&&!this.container.contains(e.target)&&!this.isTargetClicked(e)&&this.hide()},document.addEventListener("click",this.outsideClickListener))},unbindOutsideClickListener(){this.outsideClickListener&&(document.removeEventListener("click",this.outsideClickListener),this.outsideClickListener=null)},bindScrollListener(){this.scrollHandler||(this.scrollHandler=new i(this.target,(()=>{this.visible&&this.hide()}))),this.scrollHandler.bindScrollListener()},unbindScrollListener(){this.scrollHandler&&this.scrollHandler.unbindScrollListener()},bindResizeListener(){this.resizeListener||(this.resizeListener=()=>{this.visible&&!e.isTouchDevice()&&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))},onLeafClick(){this.popup&&this.hide()},containerRef(e){this.container=e},onOverlayClick(e){n.emit("overlay-click",{originalEvent:e,target:this.target})}},computed:{containerClass(){return["p-tieredmenu p-component",{"p-tieredmenu-overlay":this.popup,"p-input-filled":"filled"===this.$primevue.config.inputStyle,"p-ripple-disabled":!1===this.$primevue.config.ripple}]}},components:{TieredMenuSub:I,Portal:l}};!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-tieredmenu-overlay {\n    position: absolute;\n    top: 0;\n    left: 0;\n}\n.p-tieredmenu ul {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n}\n.p-tieredmenu .p-submenu-list {\n    position: absolute;\n    min-width: 100%;\n    z-index: 1;\n    display: none;\n}\n.p-tieredmenu .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-tieredmenu .p-menuitem-text {\n    line-height: 1;\n}\n.p-tieredmenu .p-menuitem {\n    position: relative;\n}\n.p-tieredmenu .p-menuitem-link .p-submenu-icon {\n    margin-left: auto;\n}\n.p-tieredmenu .p-menuitem-active > .p-submenu-list {\n    display: block;\n    left: 100%;\n    top: 0;\n}\n"),D.render=function(e,t,i,n,l,s){const a=r("TieredMenuSub"),d=r("Portal");return o(),h(d,{appendTo:i.appendTo,disabled:!i.popup},{default:v((()=>[L(g,{name:"p-connected-overlay",onEnter:s.onEnter,onLeave:s.onLeave,onAfterLeave:s.onAfterLeave},{default:v((()=>[!i.popup||l.visible?(o(),c("div",x({key:0,ref:s.containerRef,class:s.containerClass},e.$attrs,{onClick:t[0]||(t[0]=(...e)=>s.onOverlayClick&&s.onOverlayClick(...e))}),[L(a,{model:i.model,root:!0,popup:i.popup,onLeafClick:s.onLeafClick,template:e.$slots.item,exact:i.exact},null,8,["model","popup","onLeafClick","template","exact"])],16)):f("",!0)])),_:1},8,["onEnter","onLeave","onAfterLeave"])])),_:1},8,["appendTo","disabled"])};export{D as default};
+import{DomHandler as e,ZIndexUtils as t,ConnectedOverlayScrollHandler as i}from"primevue/utils";import n from"primevue/overlayeventbus";import l from"primevue/portal";import s from"primevue/ripple";import{resolveComponent as r,resolveDirective as a,openBlock as o,createElementBlock as c,normalizeClass as d,Fragment as u,renderList as m,normalizeStyle as p,createBlock as h,withCtx as v,withDirectives as b,createCommentVNode as f,createElementVNode as k,toDisplayString as y,resolveDynamicComponent as C,createVNode as L,Transition as g,mergeProps as x}from"vue";var I={name:"TieredMenuSub",emits:["leaf-click","keydown-item"],props:{model:{type:Array,default:null},root:{type:Boolean,default:!1},popup:{type:Boolean,default:!1},parentActive:{type:Boolean,default:!1},template:{type:Function,default:null},exact:{type:Boolean,default:!0}},documentClickListener:null,data:()=>({activeItem:null}),watch:{parentActive(e){e||(this.activeItem=null)}},updated(){this.root&&this.activeItem&&this.bindDocumentClickListener()},beforeUnmount(){this.unbindDocumentClickListener()},methods:{onItemMouseEnter(e,t){this.disabled(t)?e.preventDefault():this.root?(this.activeItem||this.popup)&&(this.activeItem=t):this.activeItem=t},onItemClick(e,t,i){this.disabled(t)?e.preventDefault():(t.command&&t.command({originalEvent:e,item:t}),t.items&&(this.activeItem&&t===this.activeItem?this.activeItem=null:this.activeItem=t),t.items||this.onLeafClick(),t.to&&i&&i(e))},onLeafClick(){this.activeItem=null,this.$emit("leaf-click")},onItemKeyDown(e,t){let i=e.currentTarget.parentElement;switch(e.which){case 40:var n=this.findNextItem(i);n&&n.children[0].focus(),e.preventDefault();break;case 38:var l=this.findPrevItem(i);l&&l.children[0].focus(),e.preventDefault();break;case 39:t.items&&(this.activeItem=t,setTimeout((()=>{i.children[1].children[0].children[0].focus()}),50)),e.preventDefault()}this.$emit("keydown-item",{originalEvent:e,element:i})},onChildItemKeyDown(e){37===e.originalEvent.which&&(this.activeItem=null,e.element.parentElement.previousElementSibling.focus())},findNextItem(t){let i=t.nextElementSibling;return i?e.hasClass(i,"p-disabled")||!e.hasClass(i,"p-menuitem")?this.findNextItem(i):i:null},findPrevItem(t){let i=t.previousElementSibling;return i?e.hasClass(i,"p-disabled")||!e.hasClass(i,"p-menuitem")?this.findPrevItem(i):i:null},getItemClass(e){return["p-menuitem",e.class,{"p-menuitem-active":this.activeItem===e}]},linkClass(e,t){return["p-menuitem-link",{"p-disabled":this.disabled(e),"router-link-active":t&&t.isActive,"router-link-active-exact":this.exact&&t&&t.isExactActive}]},bindDocumentClickListener(){this.documentClickListener||(this.documentClickListener=e=>{this.$el&&!this.$el.contains(e.target)&&(this.activeItem=null,this.unbindDocumentClickListener())},document.addEventListener("click",this.documentClickListener))},unbindDocumentClickListener(){this.documentClickListener&&(document.removeEventListener("click",this.documentClickListener),this.documentClickListener=null)},visible:e=>"function"==typeof e.visible?e.visible():!1!==e.visible,disabled:e=>"function"==typeof e.disabled?e.disabled():e.disabled,label:e=>"function"==typeof e.label?e.label():e.label},computed:{containerClass(){return{"p-submenu-list":!this.root}}},directives:{ripple:s}};const w=["onMouseenter"],E=["href","onClick","onKeydown"],S={class:"p-menuitem-text"},A=["href","target","aria-haspopup","aria-expanded","onClick","onKeydown","tabindex"],T={class:"p-menuitem-text"},z={key:1,class:"p-submenu-icon pi pi-angle-right"};I.render=function(e,t,i,n,l,s){const L=r("router-link"),g=r("TieredMenuSub",!0),x=a("ripple");return o(),c("ul",{ref:"element",class:d(s.containerClass),role:"'menubar' : 'menu'","aria-orientation":"horizontal"},[(o(!0),c(u,null,m(i.model,((e,t)=>(o(),c(u,{key:s.label(e)+t.toString()},[s.visible(e)&&!e.separator?(o(),c("li",{key:0,class:d(s.getItemClass(e)),style:p(e.style),onMouseenter:t=>s.onItemMouseEnter(t,e),role:"none"},[i.template?(o(),h(C(i.template),{key:1,item:e},null,8,["item"])):(o(),c(u,{key:0},[e.to&&!s.disabled(e)?(o(),h(L,{key:0,to:e.to,custom:""},{default:v((({navigate:t,href:i,isActive:n,isExactActive:l})=>[b((o(),c("a",{href:i,onClick:i=>s.onItemClick(i,e,t),class:d(s.linkClass(e,{isActive:n,isExactActive:l})),onKeydown:t=>s.onItemKeyDown(t,e),role:"menuitem"},[e.icon?(o(),c("span",{key:0,class:d(["p-menuitem-icon",e.icon])},null,2)):f("",!0),k("span",S,y(s.label(e)),1)],42,E)),[[x]])])),_:2},1032,["to"])):b((o(),c("a",{key:1,href:e.url,class:d(s.linkClass(e)),target:e.target,"aria-haspopup":null!=e.items,"aria-expanded":e===l.activeItem,onClick:t=>s.onItemClick(t,e),onKeydown:t=>s.onItemKeyDown(t,e),role:"menuitem",tabindex:s.disabled(e)?null:"0"},[e.icon?(o(),c("span",{key:0,class:d(["p-menuitem-icon",e.icon])},null,2)):f("",!0),k("span",T,y(s.label(e)),1),e.items?(o(),c("span",z)):f("",!0)],42,A)),[[x]])],64)),s.visible(e)&&e.items?(o(),h(g,{key:s.label(e)+"_sub_",model:e.items,template:i.template,onLeafClick:s.onLeafClick,onKeydownItem:s.onChildItemKeyDown,parentActive:e===l.activeItem,exact:i.exact},null,8,["model","template","onLeafClick","onKeydownItem","parentActive","exact"])):f("",!0)],46,w)):f("",!0),s.visible(e)&&e.separator?(o(),c("li",{key:"separator"+t.toString(),class:d(["p-menu-separator",e.class]),style:p(e.style),role:"separator"},null,6)):f("",!0)],64)))),128))],2)};var D={name:"TieredMenu",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}},target:null,container:null,outsideClickListener:null,scrollHandler:null,resizeListener:null,data:()=>({visible:!1}),beforeUnmount(){this.unbindResizeListener(),this.unbindOutsideClickListener(),this.scrollHandler&&(this.scrollHandler.destroy(),this.scrollHandler=null),this.target=null,this.container&&this.autoZIndex&&t.clear(this.container),this.container=null},methods:{itemClick(e){const t=e.item;t.command&&(t.command(e),e.originalEvent.preventDefault()),this.hide()},toggle(e){this.visible?this.hide():this.show(e)},show(e){this.visible=!0,this.target=e.currentTarget},hide(){this.visible=!1},onEnter(e){this.alignOverlay(),this.bindOutsideClickListener(),this.bindResizeListener(),this.bindScrollListener(),this.autoZIndex&&t.set("menu",e,this.baseZIndex+this.$primevue.config.zIndex.menu)},onLeave(){this.unbindOutsideClickListener(),this.unbindResizeListener(),this.unbindScrollListener()},onAfterLeave(e){this.autoZIndex&&t.clear(e)},alignOverlay(){e.absolutePosition(this.container,this.target),this.container.style.minWidth=e.getOuterWidth(this.target)+"px"},bindOutsideClickListener(){this.outsideClickListener||(this.outsideClickListener=e=>{this.visible&&this.container&&!this.container.contains(e.target)&&!this.isTargetClicked(e)&&this.hide()},document.addEventListener("click",this.outsideClickListener))},unbindOutsideClickListener(){this.outsideClickListener&&(document.removeEventListener("click",this.outsideClickListener),this.outsideClickListener=null)},bindScrollListener(){this.scrollHandler||(this.scrollHandler=new i(this.target,(()=>{this.visible&&this.hide()}))),this.scrollHandler.bindScrollListener()},unbindScrollListener(){this.scrollHandler&&this.scrollHandler.unbindScrollListener()},bindResizeListener(){this.resizeListener||(this.resizeListener=()=>{this.visible&&!e.isTouchDevice()&&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))},onLeafClick(){this.popup&&this.hide()},containerRef(e){this.container=e},onOverlayClick(e){n.emit("overlay-click",{originalEvent:e,target:this.target})}},computed:{containerClass(){return["p-tieredmenu p-component",{"p-tieredmenu-overlay":this.popup,"p-input-filled":"filled"===this.$primevue.config.inputStyle,"p-ripple-disabled":!1===this.$primevue.config.ripple}]}},components:{TieredMenuSub:I,Portal:l}};!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-tieredmenu-overlay {\n    position: absolute;\n    top: 0;\n    left: 0;\n}\n.p-tieredmenu ul {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n}\n.p-tieredmenu .p-submenu-list {\n    position: absolute;\n    min-width: 100%;\n    z-index: 1;\n    display: none;\n}\n.p-tieredmenu .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-tieredmenu .p-menuitem-text {\n    line-height: 1;\n}\n.p-tieredmenu .p-menuitem {\n    position: relative;\n}\n.p-tieredmenu .p-menuitem-link .p-submenu-icon {\n    margin-left: auto;\n}\n.p-tieredmenu .p-menuitem-active > .p-submenu-list {\n    display: block;\n    left: 100%;\n    top: 0;\n}\n"),D.render=function(e,t,i,n,l,s){const a=r("TieredMenuSub"),d=r("Portal");return o(),h(d,{appendTo:i.appendTo,disabled:!i.popup},{default:v((()=>[L(g,{name:"p-connected-overlay",onEnter:s.onEnter,onLeave:s.onLeave,onAfterLeave:s.onAfterLeave},{default:v((()=>[!i.popup||l.visible?(o(),c("div",x({key:0,ref:s.containerRef,class:s.containerClass},e.$attrs,{onClick:t[0]||(t[0]=(...e)=>s.onOverlayClick&&s.onOverlayClick(...e))}),[L(a,{model:i.model,root:!0,popup:i.popup,onLeafClick:s.onLeafClick,template:e.$slots.item,exact:i.exact},null,8,["model","popup","onLeafClick","template","exact"])],16)):f("",!0)])),_:1},8,["onEnter","onLeave","onAfterLeave"])])),_:1},8,["appendTo","disabled"])};export{D as default};