primevue
Version:
PrimeVue is an open source UI library for Vue featuring a rich set of 80+ components, a theme designer, various theme alternatives such as Material, Bootstrap, Tailwind, premium templates and professional support. In addition, it integrates with PrimeBloc
2 lines (1 loc) • 21.7 kB
JavaScript
import e from"primevue/overlayeventbus";import t from"primevue/portal";import{ObjectUtils as i,DomHandler as n,UniqueComponentId as s,ZIndexUtils as r,ConnectedOverlayScrollHandler as o}from"primevue/utils";import a from"primevue/basecomponent";import c from"primevue/tieredmenu/style";import u from"primevue/icons/angleright";import l from"primevue/ripple";import{mergeProps as d,resolveComponent as m,resolveDirective as h,openBlock as f,createBlock as I,Transition as p,withCtx as b,createElementBlock as v,Fragment as y,renderList as g,createElementVNode as x,withDirectives as P,resolveDynamicComponent as k,normalizeClass as L,createCommentVNode as K,toDisplayString as w,normalizeStyle as E,createVNode as S,renderSlot as O}from"vue";var T={name:"BaseTieredMenu",extends:a,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},disabled:{type:Boolean,default:!1},tabindex:{type:Number,default:0},ariaLabelledby:{type:String,default:null},ariaLabel:{type:String,default:null}},style:c,provide:function(){return{$parentInstance:this}}},A={name:"TieredMenuSub",hostName:"TieredMenu",extends:a,emits:["item-click","item-mouseenter"],container:null,props:{menuId:{type:String,default:null},focusedItemId:{type:String,default:null},items:{type:Array,default:null},visible:{type:Boolean,default:!1},level:{type:Number,default:0},templates:{type:Object,default:null},activeItemPath:{type:Object,default:null},tabindex:{type:Number,default:0}},methods:{getItemId:function(e){return"".concat(this.menuId,"_").concat(e.key)},getItemKey:function(e){return this.getItemId(e)},getItemProp:function(e,t,n){return e&&e.item?i.getItemValue(e.item[t],n):void 0},getItemLabel:function(e){return this.getItemProp(e,"label")},getPTOptions:function(e,t,i){return this.ptm(i,{context:{item:e,index:t,active:this.isItemActive(e),focused:this.isItemFocused(e),disabled:this.isItemDisabled(e)}})},isItemActive:function(e){return this.activeItemPath.some((function(t){return t.key===e.key}))},isItemVisible:function(e){return!1!==this.getItemProp(e,"visible")},isItemDisabled:function(e){return this.getItemProp(e,"disabled")},isItemFocused:function(e){return this.focusedItemId===this.getItemId(e)},isItemGroup:function(e){return i.isNotEmpty(e.items)},onEnter:function(){n.nestedPosition(this.container,this.level)},onItemClick:function(e,t){this.getItemProp(t,"command",{originalEvent:e,item:t.item}),this.$emit("item-click",{originalEvent:e,processedItem:t,isFocus:!0})},onItemMouseEnter:function(e,t){this.$emit("item-mouseenter",{originalEvent:e,processedItem:t})},getAriaSetSize:function(){var e=this;return this.items.filter((function(t){return e.isItemVisible(t)&&!e.getItemProp(t,"separator")})).length},getAriaPosInset:function(e){var t=this;return e-this.items.slice(0,e).filter((function(e){return t.isItemVisible(e)&&t.getItemProp(e,"separator")})).length+1},getMenuItemProps:function(e,t){return{action:d({class:this.cx("action"),tabindex:-1,"aria-hidden":!0},this.getPTOptions(e,t,"action")),icon:d({class:[this.cx("icon"),this.getItemProp(e,"icon")]},this.getPTOptions(e,t,"icon")),label:d({class:this.cx("label")},this.getPTOptions(e,t,"label")),submenuicon:d({class:this.cx("submenuIcon")},this.getPTOptions(e,t,"submenuIcon"))}},containerRef:function(e){this.container=e}},components:{AngleRightIcon:u},directives:{ripple:l}},C=["tabindex"],F=["id","aria-label","aria-disabled","aria-expanded","aria-haspopup","aria-level","aria-setsize","aria-posinset","data-p-highlight","data-p-focused","data-p-disabled"],V=["onClick","onMouseenter"],D=["href","target"],M=["id"];A.render=function(e,t,i,n,s,r){var o=m("AngleRightIcon"),a=m("TieredMenuSub",!0),c=h("ripple");return f(),I(p,d({name:"p-tieredmenu",onEnter:r.onEnter},e.ptm("menu.transition")),{default:b((function(){return[0===i.level||i.visible?(f(),v("ul",d({key:0,ref:r.containerRef,class:e.cx(0===i.level?"menu":"submenu"),tabindex:i.tabindex},e.ptm(0===i.level?"menu":"submenu")),[(f(!0),v(y,null,g(i.items,(function(n,s){return f(),v(y,{key:r.getItemKey(n)},[r.isItemVisible(n)&&!r.getItemProp(n,"separator")?(f(),v("li",d({key:0,id:r.getItemId(n),style:r.getItemProp(n,"style"),class:[e.cx("menuitem",{processedItem:n}),r.getItemProp(n,"class")],role:"menuitem","aria-label":r.getItemLabel(n),"aria-disabled":r.isItemDisabled(n)||void 0,"aria-expanded":r.isItemGroup(n)?r.isItemActive(n):void 0,"aria-haspopup":r.isItemGroup(n)&&!r.getItemProp(n,"to")?"menu":void 0,"aria-level":i.level+1,"aria-setsize":r.getAriaSetSize(),"aria-posinset":r.getAriaPosInset(s)},r.getPTOptions(n,s,"menuitem"),{"data-p-highlight":r.isItemActive(n),"data-p-focused":r.isItemFocused(n),"data-p-disabled":r.isItemDisabled(n)}),[x("div",d({class:e.cx("content"),onClick:function(e){return r.onItemClick(e,n)},onMouseenter:function(e){return r.onItemMouseEnter(e,n)}},r.getPTOptions(n,s,"content")),[i.templates.item?(f(),I(k(i.templates.item),{key:1,item:n.item,hasSubmenu:r.getItemProp(n,"items"),label:r.getItemLabel(n),props:r.getMenuItemProps(n,s)},null,8,["item","hasSubmenu","label","props"])):P((f(),v("a",d({key:0,href:r.getItemProp(n,"url"),class:e.cx("action"),target:r.getItemProp(n,"target"),tabindex:"-1","aria-hidden":"true"},r.getPTOptions(n,s,"action")),[i.templates.itemicon?(f(),I(k(i.templates.itemicon),{key:0,item:n.item,class:L([e.cx("icon"),r.getItemProp(n,"icon")])},null,8,["item","class"])):r.getItemProp(n,"icon")?(f(),v("span",d({key:1,class:[e.cx("icon"),r.getItemProp(n,"icon")]},r.getPTOptions(n,s,"icon")),null,16)):K("",!0),x("span",d({class:e.cx("label")},r.getPTOptions(n,s,"label")),w(r.getItemLabel(n)),17),r.getItemProp(n,"items")?(f(),v(y,{key:2},[i.templates.submenuicon?(f(),I(k(i.templates.submenuicon),d({key:0,class:e.cx("submenuIcon"),active:r.isItemActive(n)},r.getPTOptions(n,s,"submenuIcon")),null,16,["class","active"])):(f(),I(o,d({key:1,class:e.cx("submenuIcon")},r.getPTOptions(n,s,"submenuIcon")),null,16,["class"]))],64)):K("",!0)],16,D)),[[c]])],16,V),r.isItemVisible(n)&&r.isItemGroup(n)?(f(),I(a,{key:0,id:r.getItemId(n)+"_list",style:E(e.sx("submenu",!0,{processedItem:n})),role:"menu",menuId:i.menuId,focusedItemId:i.focusedItemId,items:n.items,templates:i.templates,activeItemPath:i.activeItemPath,level:i.level+1,visible:r.isItemActive(n)&&r.isItemGroup(n),pt:e.pt,unstyled:e.unstyled,onItemClick:t[0]||(t[0]=function(t){return e.$emit("item-click",t)}),onItemMouseenter:t[1]||(t[1]=function(t){return e.$emit("item-mouseenter",t)})},null,8,["id","style","menuId","focusedItemId","items","templates","activeItemPath","level","visible","pt","unstyled"])):K("",!0)],16,F)):K("",!0),r.isItemVisible(n)&&r.getItemProp(n,"separator")?(f(),v("li",d({key:1,id:r.getItemId(n),style:r.getItemProp(n,"style"),class:[e.cx("separator"),r.getItemProp(n,"class")],role:"separator"},e.ptm("separator")),null,16,M)):K("",!0)],64)})),128))],16,C)):K("",!0)]})),_:1},16,["onEnter"])};var z={name:"TieredMenu",extends:T,inheritAttrs:!1,emits:["focus","blur","before-show","before-hide","hide","show"],outsideClickListener:null,scrollHandler:null,resizeListener:null,target:null,container:null,menubar:null,searchTimeout:null,searchValue:null,data:function(){return{id:this.$attrs.id,focused:!1,focusedItemInfo:{index:-1,level:0,parentKey:""},activeItemPath:[],visible:!this.popup,submenuVisible:!1,dirty:!1}},watch:{"$attrs.id":function(e){this.id=e||s()},activeItemPath:function(e){this.popup||(i.isNotEmpty(e)?(this.bindOutsideClickListener(),this.bindResizeListener()):(this.unbindOutsideClickListener(),this.unbindResizeListener()))}},mounted:function(){this.id=this.id||s()},beforeUnmount:function(){this.unbindOutsideClickListener(),this.unbindResizeListener(),this.scrollHandler&&(this.scrollHandler.destroy(),this.scrollHandler=null),this.container&&this.autoZIndex&&r.clear(this.container),this.target=null,this.container=null},methods:{getItemProp:function(e,t){return e?i.getItemValue(e[t]):void 0},getItemLabel:function(e){return this.getItemProp(e,"label")},isItemDisabled:function(e){return this.getItemProp(e,"disabled")},isItemGroup:function(e){return i.isNotEmpty(this.getItemProp(e,"items"))},isItemSeparator:function(e){return this.getItemProp(e,"separator")},getProccessedItemLabel:function(e){return e?this.getItemLabel(e.item):void 0},isProccessedItemGroup:function(e){return e&&i.isNotEmpty(e.items)},toggle:function(e){this.visible?this.hide(e,!0):this.show(e)},show:function(e,t){this.popup&&(this.$emit("before-show"),this.visible=!0,this.target=this.target||e.currentTarget,this.relatedTarget=e.relatedTarget||null),this.focusedItemInfo={index:this.findFirstFocusedItemIndex(),level:0,parentKey:""},t&&n.focus(this.menubar)},hide:function(e,t){this.popup&&(this.$emit("before-hide"),this.visible=!1),this.activeItemPath=[],this.focusedItemInfo={index:-1,level:0,parentKey:""},t&&n.focus(this.relatedTarget||this.target||this.menubar),this.dirty=!1},onFocus:function(e){this.focused=!0,this.focusedItemInfo=-1!==this.focusedItemInfo.index?this.focusedItemInfo:{index:this.findFirstFocusedItemIndex(),level:0,parentKey:""},this.$emit("focus",e)},onBlur:function(e){this.focused=!1,this.focusedItemInfo={index:-1,level:0,parentKey:""},this.searchValue="",this.dirty=!1,this.$emit("blur",e)},onKeyDown:function(e){if(this.disabled)e.preventDefault();else{var t=e.metaKey||e.ctrlKey;switch(e.code){case"ArrowDown":this.onArrowDownKey(e);break;case"ArrowUp":this.onArrowUpKey(e);break;case"ArrowLeft":this.onArrowLeftKey(e);break;case"ArrowRight":this.onArrowRightKey(e);break;case"Home":this.onHomeKey(e);break;case"End":this.onEndKey(e);break;case"Space":this.onSpaceKey(e);break;case"Enter":case"NumpadEnter":this.onEnterKey(e);break;case"Escape":this.onEscapeKey(e);break;case"Tab":this.onTabKey(e);break;case"PageDown":case"PageUp":case"Backspace":case"ShiftLeft":case"ShiftRight":break;default:!t&&i.isPrintableCharacter(e.key)&&this.searchItems(e,e.key)}}},onItemChange:function(e){var t=e.processedItem,s=e.isFocus;if(!i.isEmpty(t)){var r=t.index,o=t.key,a=t.level,c=t.parentKey,u=i.isNotEmpty(t.items),l=this.activeItemPath.filter((function(e){return e.parentKey!==c&&e.parentKey!==o}));u&&(l.push(t),this.submenuVisible=!0),this.focusedItemInfo={index:r,level:a,parentKey:c},this.activeItemPath=l,u&&(this.dirty=!0),s&&n.focus(this.menubar)}},onOverlayClick:function(t){e.emit("overlay-click",{originalEvent:t,target:this.target})},onItemClick:function(e){var t=e.originalEvent,s=e.processedItem,r=this.isProccessedItemGroup(s),o=i.isEmpty(s.parent);if(this.isSelected(s)){var a=s.index,c=s.key,u=s.level,l=s.parentKey;this.activeItemPath=this.activeItemPath.filter((function(e){return c!==e.key&&c.startsWith(e.key)})),this.focusedItemInfo={index:a,level:u,parentKey:l},this.dirty=!o,n.focus(this.menubar)}else if(r)this.onItemChange(e);else{var d=o?s:this.activeItemPath.find((function(e){return""===e.parentKey}));this.hide(t),this.changeFocusedItemIndex(t,d?d.index:-1),n.focus(this.menubar)}},onItemMouseEnter:function(e){this.dirty&&this.onItemChange(e)},onArrowDownKey:function(e){var t=-1!==this.focusedItemInfo.index?this.findNextItemIndex(this.focusedItemInfo.index):this.findFirstFocusedItemIndex();this.changeFocusedItemIndex(e,t),e.preventDefault()},onArrowUpKey:function(e){if(e.altKey){if(-1!==this.focusedItemInfo.index){var t=this.visibleItems[this.focusedItemInfo.index];!this.isProccessedItemGroup(t)&&this.onItemChange({originalEvent:e,processedItem:t})}this.popup&&this.hide(e,!0),e.preventDefault()}else{var i=-1!==this.focusedItemInfo.index?this.findPrevItemIndex(this.focusedItemInfo.index):this.findLastFocusedItemIndex();this.changeFocusedItemIndex(e,i),e.preventDefault()}},onArrowLeftKey:function(e){var t=this,n=this.visibleItems[this.focusedItemInfo.index],s=this.activeItemPath.find((function(e){return e.key===n.parentKey}));i.isEmpty(n.parent)||(this.focusedItemInfo={index:-1,parentKey:s?s.parentKey:""},this.searchValue="",this.onArrowDownKey(e)),this.activeItemPath=this.activeItemPath.filter((function(e){return e.parentKey!==t.focusedItemInfo.parentKey})),e.preventDefault()},onArrowRightKey:function(e){var t=this.visibleItems[this.focusedItemInfo.index];this.isProccessedItemGroup(t)&&(this.onItemChange({originalEvent:e,processedItem:t}),this.focusedItemInfo={index:-1,parentKey:t.key},this.searchValue="",this.onArrowDownKey(e)),e.preventDefault()},onHomeKey:function(e){this.changeFocusedItemIndex(e,this.findFirstItemIndex()),e.preventDefault()},onEndKey:function(e){this.changeFocusedItemIndex(e,this.findLastItemIndex()),e.preventDefault()},onEnterKey:function(e){if(-1!==this.focusedItemInfo.index){var t=n.findSingle(this.menubar,'li[id="'.concat("".concat(this.focusedItemId),'"]')),i=t&&n.findSingle(t,'[data-pc-section="action"]');if(i?i.click():t&&t.click(),!this.popup)!this.isProccessedItemGroup(this.visibleItems[this.focusedItemInfo.index])&&(this.focusedItemInfo.index=this.findFirstFocusedItemIndex())}e.preventDefault()},onSpaceKey:function(e){this.onEnterKey(e)},onEscapeKey:function(e){this.hide(e,!0),!this.popup&&(this.focusedItemInfo.index=this.findFirstFocusedItemIndex()),e.preventDefault()},onTabKey:function(e){if(-1!==this.focusedItemInfo.index){var t=this.visibleItems[this.focusedItemInfo.index];!this.isProccessedItemGroup(t)&&this.onItemChange({originalEvent:e,processedItem:t})}this.hide()},onEnter:function(e){this.autoZIndex&&r.set("menu",e,this.baseZIndex+this.$primevue.config.zIndex.menu),n.addStyles(e,{position:"absolute",top:"0",left:"0"}),this.alignOverlay(),n.focus(this.menubar),this.scrollInView()},onAfterEnter:function(){this.bindOutsideClickListener(),this.bindScrollListener(),this.bindResizeListener(),this.$emit("show")},onLeave:function(){this.unbindOutsideClickListener(),this.unbindScrollListener(),this.unbindResizeListener(),this.$emit("hide"),this.container=null,this.dirty=!1},onAfterLeave:function(e){this.autoZIndex&&r.clear(e)},alignOverlay:function(){n.absolutePosition(this.container,this.target),n.getOuterWidth(this.target)>n.getOuterWidth(this.container)&&(this.container.style.minWidth=n.getOuterWidth(this.target)+"px")},bindOutsideClickListener:function(){var e=this;this.outsideClickListener||(this.outsideClickListener=function(t){var i=e.container&&!e.container.contains(t.target),n=!e.popup||!(e.target&&(e.target===t.target||e.target.contains(t.target)));i&&n&&e.hide()},document.addEventListener("click",this.outsideClickListener))},unbindOutsideClickListener:function(){this.outsideClickListener&&(document.removeEventListener("click",this.outsideClickListener),this.outsideClickListener=null)},bindScrollListener:function(){var e=this;this.scrollHandler||(this.scrollHandler=new o(this.target,(function(t){e.hide(t,!0)}))),this.scrollHandler.bindScrollListener()},unbindScrollListener:function(){this.scrollHandler&&this.scrollHandler.unbindScrollListener()},bindResizeListener:function(){var e=this;this.resizeListener||(this.resizeListener=function(t){n.isTouchDevice()||e.hide(t,!0)},window.addEventListener("resize",this.resizeListener))},unbindResizeListener:function(){this.resizeListener&&(window.removeEventListener("resize",this.resizeListener),this.resizeListener=null)},isItemMatched:function(e){return this.isValidItem(e)&&this.getProccessedItemLabel(e).toLocaleLowerCase().startsWith(this.searchValue.toLocaleLowerCase())},isValidItem:function(e){return!!e&&!this.isItemDisabled(e.item)&&!this.isItemSeparator(e.item)},isValidSelectedItem:function(e){return this.isValidItem(e)&&this.isSelected(e)},isSelected:function(e){return this.activeItemPath.some((function(t){return t.key===e.key}))},findFirstItemIndex:function(){var e=this;return this.visibleItems.findIndex((function(t){return e.isValidItem(t)}))},findLastItemIndex:function(){var e=this;return i.findLastIndex(this.visibleItems,(function(t){return e.isValidItem(t)}))},findNextItemIndex:function(e){var t=this,i=e<this.visibleItems.length-1?this.visibleItems.slice(e+1).findIndex((function(e){return t.isValidItem(e)})):-1;return i>-1?i+e+1:e},findPrevItemIndex:function(e){var t=this,n=e>0?i.findLastIndex(this.visibleItems.slice(0,e),(function(e){return t.isValidItem(e)})):-1;return n>-1?n:e},findSelectedItemIndex:function(){var e=this;return this.visibleItems.findIndex((function(t){return e.isValidSelectedItem(t)}))},findFirstFocusedItemIndex:function(){var e=this.findSelectedItemIndex();return e<0?this.findFirstItemIndex():e},findLastFocusedItemIndex:function(){var e=this.findSelectedItemIndex();return e<0?this.findLastItemIndex():e},searchItems:function(e,t){var i=this;this.searchValue=(this.searchValue||"")+t;var n=-1,s=!1;return-1!==(n=-1!==this.focusedItemInfo.index?-1===(n=this.visibleItems.slice(this.focusedItemInfo.index).findIndex((function(e){return i.isItemMatched(e)})))?this.visibleItems.slice(0,this.focusedItemInfo.index).findIndex((function(e){return i.isItemMatched(e)})):n+this.focusedItemInfo.index:this.visibleItems.findIndex((function(e){return i.isItemMatched(e)})))&&(s=!0),-1===n&&-1===this.focusedItemInfo.index&&(n=this.findFirstFocusedItemIndex()),-1!==n&&this.changeFocusedItemIndex(e,n),this.searchTimeout&&clearTimeout(this.searchTimeout),this.searchTimeout=setTimeout((function(){i.searchValue="",i.searchTimeout=null}),500),s},changeFocusedItemIndex:function(e,t){this.focusedItemInfo.index!==t&&(this.focusedItemInfo.index=t,this.scrollInView())},scrollInView:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:-1,t=-1!==e?"".concat(this.id,"_").concat(e):this.focusedItemId,i=n.findSingle(this.menubar,'li[id="'.concat(t,'"]'));i&&i.scrollIntoView&&i.scrollIntoView({block:"nearest",inline:"start"})},createProcessedItems:function(e){var t=this,i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},s=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",r=[];return e&&e.forEach((function(e,o){var a=(""!==s?s+"_":"")+o,c={item:e,index:o,level:i,key:a,parent:n,parentKey:s};c.items=t.createProcessedItems(e.items,i+1,c,a),r.push(c)})),r},containerRef:function(e){this.container=e},menubarRef:function(e){this.menubar=e?e.$el:void 0}},computed:{processedItems:function(){return this.createProcessedItems(this.model||[])},visibleItems:function(){var e=this,t=this.activeItemPath.find((function(t){return t.key===e.focusedItemInfo.parentKey}));return t?t.items:this.processedItems},focusedItemId:function(){return-1!==this.focusedItemInfo.index?"".concat(this.id).concat(i.isNotEmpty(this.focusedItemInfo.parentKey)?"_"+this.focusedItemInfo.parentKey:"","_").concat(this.focusedItemInfo.index):null}},components:{TieredMenuSub:A,Portal:t}};function $(e){return $="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},$(e)}function R(e,t){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),i.push.apply(i,n)}return i}function j(e){for(var t=1;t<arguments.length;t++){var i=null!=arguments[t]?arguments[t]:{};t%2?R(Object(i),!0).forEach((function(t){N(e,t,i[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):R(Object(i)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(i,t))}))}return e}function N(e,t,i){var n;return(t="symbol"==$(n=G(t,"string"))?n:String(n))in e?Object.defineProperty(e,t,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[t]=i,e}function G(e,t){if("object"!=$(e)||!e)return e;var i=e[Symbol.toPrimitive];if(void 0!==i){var n=i.call(e,t||"default");if("object"!=$(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}var H=["id"];z.render=function(e,t,i,n,s,r){var o=m("TieredMenuSub"),a=m("Portal");return f(),I(a,{appendTo:e.appendTo,disabled:!e.popup},{default:b((function(){return[S(p,d({name:"p-connected-overlay",onEnter:r.onEnter,onAfterEnter:r.onAfterEnter,onLeave:r.onLeave,onAfterLeave:r.onAfterLeave},e.ptm("transition")),{default:b((function(){return[s.visible?(f(),v("div",d({key:0,ref:r.containerRef,id:s.id,class:e.cx("root"),onClick:t[0]||(t[0]=function(){return r.onOverlayClick&&r.onOverlayClick.apply(r,arguments)})},j(j({},e.$attrs),e.ptm("root")),{"data-pc-name":"tieredmenu"}),[e.$slots.start?(f(),v("div",d({key:0,class:e.cx("start")},e.ptm("start")),[O(e.$slots,"start")],16)):K("",!0),S(o,{ref:r.menubarRef,id:s.id+"_list",tabindex:e.disabled?-1:e.tabindex,role:"menubar","aria-label":e.ariaLabel,"aria-labelledby":e.ariaLabelledby,"aria-disabled":e.disabled||void 0,"aria-orientation":"vertical","aria-activedescendant":s.focused?r.focusedItemId:void 0,menuId:s.id,focusedItemId:s.focused?r.focusedItemId:void 0,items:r.processedItems,templates:e.$slots,activeItemPath:s.activeItemPath,level:0,visible:s.submenuVisible,pt:e.pt,unstyled:e.unstyled,onFocus:r.onFocus,onBlur:r.onBlur,onKeydown:r.onKeyDown,onItemClick:r.onItemClick,onItemMouseenter:r.onItemMouseEnter},null,8,["id","tabindex","aria-label","aria-labelledby","aria-disabled","aria-activedescendant","menuId","focusedItemId","items","templates","activeItemPath","visible","pt","unstyled","onFocus","onBlur","onKeydown","onItemClick","onItemMouseenter"]),e.$slots.end?(f(),v("div",d({key:1,class:e.cx("end")},e.ptm("end")),[O(e.$slots,"end")],16)):K("",!0)],16,H)):K("",!0)]})),_:3},16,["onEnter","onAfterEnter","onLeave","onAfterLeave"])]})),_:3},8,["appendTo","disabled"])};export{z as default};