primevue 3.46.0 → 3.47.0

package/tieredmenu/tieredmenu.esm.js

@@ -768,7 +768,8 @@ var script = {
       }
     },
     isItemMatched: function isItemMatched(processedItem) {
-      return this.isValidItem(processedItem) && this.getProccessedItemLabel(processedItem).toLocaleLowerCase().startsWith(this.searchValue.toLocaleLowerCase());
+      var _this$getProccessedIt;
+      return this.isValidItem(processedItem) && ((_this$getProccessedIt = this.getProccessedItemLabel(processedItem)) === null || _this$getProccessedIt === void 0 ? void 0 : _this$getProccessedIt.toLocaleLowerCase().startsWith(this.searchValue.toLocaleLowerCase()));
     },
     isValidItem: function isValidItem(processedItem) {
       return !!processedItem && !this.isItemDisabled(processedItem.item) && !this.isItemSeparator(processedItem.item);

package/tieredmenu/tieredmenu.esm.min.js

@@ -1 +1 @@
-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 I,createBlock as f,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,Object],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")},getItemLabelId:function(e){return"".concat(this.menuId,"_").concat(e.key,"_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"],z=["id"];A.render=function(e,t,i,n,s,r){var o=m("AngleRightIcon"),a=m("TieredMenuSub",!0),c=h("ripple");return I(),f(p,d({name:"p-tieredmenu",onEnter:r.onEnter},e.ptm("menu.transition")),{default:b((function(){return[0===i.level||i.visible?(I(),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")),[(I(!0),v(y,null,g(i.items,(function(n,s){return I(),v(y,{key:r.getItemKey(n)},[r.isItemVisible(n)&&!r.getItemProp(n,"separator")?(I(),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?(I(),f(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((I(),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?(I(),f(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")?(I(),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({id:r.getItemLabelId(n),class:e.cx("label")},r.getPTOptions(n,s,"label")),w(r.getItemLabel(n)),17,M),r.getItemProp(n,"items")?(I(),v(y,{key:2},[i.templates.submenuicon?(I(),f(k(i.templates.submenuicon),d({key:0,class:e.cx("submenuIcon"),active:r.isItemActive(n)},r.getPTOptions(n,s,"submenuIcon")),null,16,["class","active"])):(I(),f(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)?(I(),f(a,{key:0,id:r.getItemId(n)+"_list",style:E(e.sx("submenu",!0,{processedItem:n})),"aria-labelledby":r.getItemLabelId(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","aria-labelledby","menuId","focusedItemId","items","templates","activeItemPath","level","visible","pt","unstyled"])):K("",!0)],16,F)):K("",!0),r.isItemVisible(n)&&r.getItemProp(n,"separator")?(I(),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,z)):K("",!0)],64)})),128))],16,C)):K("",!0)]})),_:1},16,["onEnter"])};var $={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 R(e){return R="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},R(e)}function j(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 N(e){for(var t=1;t<arguments.length;t++){var i=null!=arguments[t]?arguments[t]:{};t%2?j(Object(i),!0).forEach((function(t){G(e,t,i[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):j(Object(i)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(i,t))}))}return e}function G(e,t,i){var n;return(t="symbol"==R(n=H(t,"string"))?n:String(n))in e?Object.defineProperty(e,t,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[t]=i,e}function H(e,t){if("object"!=R(e)||!e)return e;var i=e[Symbol.toPrimitive];if(void 0!==i){var n=i.call(e,t||"default");if("object"!=R(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}var _=["id"];$.render=function(e,t,i,n,s,r){var o=m("TieredMenuSub"),a=m("Portal");return I(),f(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?(I(),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)})},N(N({},e.$attrs),e.ptm("root")),{"data-pc-name":"tieredmenu"}),[e.$slots.start?(I(),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?(I(),v("div",d({key:1,class:e.cx("end")},e.ptm("end")),[O(e.$slots,"end")],16)):K("",!0)],16,_)):K("",!0)]})),_:3},16,["onEnter","onAfterEnter","onLeave","onAfterLeave"])]})),_:3},8,["appendTo","disabled"])};export{$ as default};
+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 I,createBlock as f,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,Object],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")},getItemLabelId:function(e){return"".concat(this.menuId,"_").concat(e.key,"_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"],z=["id"];A.render=function(e,t,i,n,s,r){var o=m("AngleRightIcon"),a=m("TieredMenuSub",!0),c=h("ripple");return I(),f(p,d({name:"p-tieredmenu",onEnter:r.onEnter},e.ptm("menu.transition")),{default:b((function(){return[0===i.level||i.visible?(I(),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")),[(I(!0),v(y,null,g(i.items,(function(n,s){return I(),v(y,{key:r.getItemKey(n)},[r.isItemVisible(n)&&!r.getItemProp(n,"separator")?(I(),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?(I(),f(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((I(),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?(I(),f(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")?(I(),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({id:r.getItemLabelId(n),class:e.cx("label")},r.getPTOptions(n,s,"label")),w(r.getItemLabel(n)),17,M),r.getItemProp(n,"items")?(I(),v(y,{key:2},[i.templates.submenuicon?(I(),f(k(i.templates.submenuicon),d({key:0,class:e.cx("submenuIcon"),active:r.isItemActive(n)},r.getPTOptions(n,s,"submenuIcon")),null,16,["class","active"])):(I(),f(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)?(I(),f(a,{key:0,id:r.getItemId(n)+"_list",style:E(e.sx("submenu",!0,{processedItem:n})),"aria-labelledby":r.getItemLabelId(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","aria-labelledby","menuId","focusedItemId","items","templates","activeItemPath","level","visible","pt","unstyled"])):K("",!0)],16,F)):K("",!0),r.isItemVisible(n)&&r.getItemProp(n,"separator")?(I(),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,z)):K("",!0)],64)})),128))],16,C)):K("",!0)]})),_:1},16,["onEnter"])};var $={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){var t;return this.isValidItem(e)&&(null===(t=this.getProccessedItemLabel(e))||void 0===t?void 0:t.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 R(e){return R="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},R(e)}function j(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 N(e){for(var t=1;t<arguments.length;t++){var i=null!=arguments[t]?arguments[t]:{};t%2?j(Object(i),!0).forEach((function(t){G(e,t,i[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):j(Object(i)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(i,t))}))}return e}function G(e,t,i){var n;return(t="symbol"==R(n=H(t,"string"))?n:String(n))in e?Object.defineProperty(e,t,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[t]=i,e}function H(e,t){if("object"!=R(e)||!e)return e;var i=e[Symbol.toPrimitive];if(void 0!==i){var n=i.call(e,t||"default");if("object"!=R(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}var _=["id"];$.render=function(e,t,i,n,s,r){var o=m("TieredMenuSub"),a=m("Portal");return I(),f(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?(I(),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)})},N(N({},e.$attrs),e.ptm("root")),{"data-pc-name":"tieredmenu"}),[e.$slots.start?(I(),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?(I(),v("div",d({key:1,class:e.cx("end")},e.ptm("end")),[O(e.$slots,"end")],16)):K("",!0)],16,_)):K("",!0)]})),_:3},16,["onEnter","onAfterEnter","onLeave","onAfterLeave"])]})),_:3},8,["appendTo","disabled"])};export{$ as default};

package/tieredmenu/tieredmenu.js

@@ -772,7 +772,8 @@ this.primevue.tieredmenu = (function (OverlayEventBus, Portal, utils, BaseCompon
           }
         },
         isItemMatched: function isItemMatched(processedItem) {
-          return this.isValidItem(processedItem) && this.getProccessedItemLabel(processedItem).toLocaleLowerCase().startsWith(this.searchValue.toLocaleLowerCase());
+          var _this$getProccessedIt;
+          return this.isValidItem(processedItem) && ((_this$getProccessedIt = this.getProccessedItemLabel(processedItem)) === null || _this$getProccessedIt === void 0 ? void 0 : _this$getProccessedIt.toLocaleLowerCase().startsWith(this.searchValue.toLocaleLowerCase()));
         },
         isValidItem: function isValidItem(processedItem) {
           return !!processedItem && !this.isItemDisabled(processedItem.item) && !this.isItemSeparator(processedItem.item);

package/tieredmenu/tieredmenu.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.tieredmenu=function(e,t,i,n,s,o,r,a){"use strict";function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=c(e),u=c(t),d=c(n),m={name:"BaseTieredMenu",extends:d.default,props:{popup:{type:Boolean,default:!1},model:{type:Array,default:null},appendTo:{type:[String,Object],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(s).default,provide:function(){return{$parentInstance:this}}},h={name:"TieredMenuSub",hostName:"TieredMenu",extends:d.default,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.ObjectUtils.getItemValue(e.item[t],n):void 0},getItemLabel:function(e){return this.getItemProp(e,"label")},getItemLabelId:function(e){return"".concat(this.menuId,"_").concat(e.key,"_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.ObjectUtils.isNotEmpty(e.items)},onEnter:function(){i.DomHandler.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:a.mergeProps({class:this.cx("action"),tabindex:-1,"aria-hidden":!0},this.getPTOptions(e,t,"action")),icon:a.mergeProps({class:[this.cx("icon"),this.getItemProp(e,"icon")]},this.getPTOptions(e,t,"icon")),label:a.mergeProps({class:this.cx("label")},this.getPTOptions(e,t,"label")),submenuicon:a.mergeProps({class:this.cx("submenuIcon")},this.getPTOptions(e,t,"submenuIcon"))}},containerRef:function(e){this.container=e}},components:{AngleRightIcon:c(o).default},directives:{ripple:c(r).default}},I=["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"],p=["onClick","onMouseenter"],b=["href","target"],v=["id"],y=["id"];h.render=function(e,t,i,n,s,o){var r=a.resolveComponent("AngleRightIcon"),c=a.resolveComponent("TieredMenuSub",!0),l=a.resolveDirective("ripple");return a.openBlock(),a.createBlock(a.Transition,a.mergeProps({name:"p-tieredmenu",onEnter:o.onEnter},e.ptm("menu.transition")),{default:a.withCtx((function(){return[0===i.level||i.visible?(a.openBlock(),a.createElementBlock("ul",a.mergeProps({key:0,ref:o.containerRef,class:e.cx(0===i.level?"menu":"submenu"),tabindex:i.tabindex},e.ptm(0===i.level?"menu":"submenu")),[(a.openBlock(!0),a.createElementBlock(a.Fragment,null,a.renderList(i.items,(function(n,s){return a.openBlock(),a.createElementBlock(a.Fragment,{key:o.getItemKey(n)},[o.isItemVisible(n)&&!o.getItemProp(n,"separator")?(a.openBlock(),a.createElementBlock("li",a.mergeProps({key:0,id:o.getItemId(n),style:o.getItemProp(n,"style"),class:[e.cx("menuitem",{processedItem:n}),o.getItemProp(n,"class")],role:"menuitem","aria-label":o.getItemLabel(n),"aria-disabled":o.isItemDisabled(n)||void 0,"aria-expanded":o.isItemGroup(n)?o.isItemActive(n):void 0,"aria-haspopup":o.isItemGroup(n)&&!o.getItemProp(n,"to")?"menu":void 0,"aria-level":i.level+1,"aria-setsize":o.getAriaSetSize(),"aria-posinset":o.getAriaPosInset(s)},o.getPTOptions(n,s,"menuitem"),{"data-p-highlight":o.isItemActive(n),"data-p-focused":o.isItemFocused(n),"data-p-disabled":o.isItemDisabled(n)}),[a.createElementVNode("div",a.mergeProps({class:e.cx("content"),onClick:function(e){return o.onItemClick(e,n)},onMouseenter:function(e){return o.onItemMouseEnter(e,n)}},o.getPTOptions(n,s,"content")),[i.templates.item?(a.openBlock(),a.createBlock(a.resolveDynamicComponent(i.templates.item),{key:1,item:n.item,hasSubmenu:o.getItemProp(n,"items"),label:o.getItemLabel(n),props:o.getMenuItemProps(n,s)},null,8,["item","hasSubmenu","label","props"])):a.withDirectives((a.openBlock(),a.createElementBlock("a",a.mergeProps({key:0,href:o.getItemProp(n,"url"),class:e.cx("action"),target:o.getItemProp(n,"target"),tabindex:"-1","aria-hidden":"true"},o.getPTOptions(n,s,"action")),[i.templates.itemicon?(a.openBlock(),a.createBlock(a.resolveDynamicComponent(i.templates.itemicon),{key:0,item:n.item,class:a.normalizeClass([e.cx("icon"),o.getItemProp(n,"icon")])},null,8,["item","class"])):o.getItemProp(n,"icon")?(a.openBlock(),a.createElementBlock("span",a.mergeProps({key:1,class:[e.cx("icon"),o.getItemProp(n,"icon")]},o.getPTOptions(n,s,"icon")),null,16)):a.createCommentVNode("",!0),a.createElementVNode("span",a.mergeProps({id:o.getItemLabelId(n),class:e.cx("label")},o.getPTOptions(n,s,"label")),a.toDisplayString(o.getItemLabel(n)),17,v),o.getItemProp(n,"items")?(a.openBlock(),a.createElementBlock(a.Fragment,{key:2},[i.templates.submenuicon?(a.openBlock(),a.createBlock(a.resolveDynamicComponent(i.templates.submenuicon),a.mergeProps({key:0,class:e.cx("submenuIcon"),active:o.isItemActive(n)},o.getPTOptions(n,s,"submenuIcon")),null,16,["class","active"])):(a.openBlock(),a.createBlock(r,a.mergeProps({key:1,class:e.cx("submenuIcon")},o.getPTOptions(n,s,"submenuIcon")),null,16,["class"]))],64)):a.createCommentVNode("",!0)],16,b)),[[l]])],16,p),o.isItemVisible(n)&&o.isItemGroup(n)?(a.openBlock(),a.createBlock(c,{key:0,id:o.getItemId(n)+"_list",style:a.normalizeStyle(e.sx("submenu",!0,{processedItem:n})),"aria-labelledby":o.getItemLabelId(n),role:"menu",menuId:i.menuId,focusedItemId:i.focusedItemId,items:n.items,templates:i.templates,activeItemPath:i.activeItemPath,level:i.level+1,visible:o.isItemActive(n)&&o.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","aria-labelledby","menuId","focusedItemId","items","templates","activeItemPath","level","visible","pt","unstyled"])):a.createCommentVNode("",!0)],16,f)):a.createCommentVNode("",!0),o.isItemVisible(n)&&o.getItemProp(n,"separator")?(a.openBlock(),a.createElementBlock("li",a.mergeProps({key:1,id:o.getItemId(n),style:o.getItemProp(n,"style"),class:[e.cx("separator"),o.getItemProp(n,"class")],role:"separator"},e.ptm("separator")),null,16,y)):a.createCommentVNode("",!0)],64)})),128))],16,I)):a.createCommentVNode("",!0)]})),_:1},16,["onEnter"])};var g={name:"TieredMenu",extends:m,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||i.UniqueComponentId()},activeItemPath:function(e){this.popup||(i.ObjectUtils.isNotEmpty(e)?(this.bindOutsideClickListener(),this.bindResizeListener()):(this.unbindOutsideClickListener(),this.unbindResizeListener()))}},mounted:function(){this.id=this.id||i.UniqueComponentId()},beforeUnmount:function(){this.unbindOutsideClickListener(),this.unbindResizeListener(),this.scrollHandler&&(this.scrollHandler.destroy(),this.scrollHandler=null),this.container&&this.autoZIndex&&i.ZIndexUtils.clear(this.container),this.target=null,this.container=null},methods:{getItemProp:function(e,t){return e?i.ObjectUtils.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.ObjectUtils.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.ObjectUtils.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&&i.DomHandler.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&&i.DomHandler.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.ObjectUtils.isPrintableCharacter(e.key)&&this.searchItems(e,e.key)}}},onItemChange:function(e){var t=e.processedItem,n=e.isFocus;if(!i.ObjectUtils.isEmpty(t)){var s=t.index,o=t.key,r=t.level,a=t.parentKey,c=i.ObjectUtils.isNotEmpty(t.items),l=this.activeItemPath.filter((function(e){return e.parentKey!==a&&e.parentKey!==o}));c&&(l.push(t),this.submenuVisible=!0),this.focusedItemInfo={index:s,level:r,parentKey:a},this.activeItemPath=l,c&&(this.dirty=!0),n&&i.DomHandler.focus(this.menubar)}},onOverlayClick:function(e){l.default.emit("overlay-click",{originalEvent:e,target:this.target})},onItemClick:function(e){var t=e.originalEvent,n=e.processedItem,s=this.isProccessedItemGroup(n),o=i.ObjectUtils.isEmpty(n.parent);if(this.isSelected(n)){var r=n.index,a=n.key,c=n.level,l=n.parentKey;this.activeItemPath=this.activeItemPath.filter((function(e){return a!==e.key&&a.startsWith(e.key)})),this.focusedItemInfo={index:r,level:c,parentKey:l},this.dirty=!o,i.DomHandler.focus(this.menubar)}else if(s)this.onItemChange(e);else{var u=o?n:this.activeItemPath.find((function(e){return""===e.parentKey}));this.hide(t),this.changeFocusedItemIndex(t,u?u.index:-1),i.DomHandler.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.ObjectUtils.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=i.DomHandler.findSingle(this.menubar,'li[id="'.concat("".concat(this.focusedItemId),'"]')),n=t&&i.DomHandler.findSingle(t,'[data-pc-section="action"]');if(n?n.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&&i.ZIndexUtils.set("menu",e,this.baseZIndex+this.$primevue.config.zIndex.menu),i.DomHandler.addStyles(e,{position:"absolute",top:"0",left:"0"}),this.alignOverlay(),i.DomHandler.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&&i.ZIndexUtils.clear(e)},alignOverlay:function(){i.DomHandler.absolutePosition(this.container,this.target),i.DomHandler.getOuterWidth(this.target)>i.DomHandler.getOuterWidth(this.container)&&(this.container.style.minWidth=i.DomHandler.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 i.ConnectedOverlayScrollHandler(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){i.DomHandler.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.ObjectUtils.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.ObjectUtils.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,n=i.DomHandler.findSingle(this.menubar,'li[id="'.concat(t,'"]'));n&&n.scrollIntoView&&n.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]:"",o=[];return e&&e.forEach((function(e,r){var a=(""!==s?s+"_":"")+r,c={item:e,index:r,level:i,key:a,parent:n,parentKey:s};c.items=t.createProcessedItems(e.items,i+1,c,a),o.push(c)})),o},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.ObjectUtils.isNotEmpty(this.focusedItemInfo.parentKey)?"_"+this.focusedItemInfo.parentKey:"","_").concat(this.focusedItemInfo.index):null}},components:{TieredMenuSub:h,Portal:u.default}};function x(e){return x="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},x(e)}function k(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 P(e){for(var t=1;t<arguments.length;t++){var i=null!=arguments[t]?arguments[t]:{};t%2?k(Object(i),!0).forEach((function(t){L(e,t,i[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):k(Object(i)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(i,t))}))}return e}function L(e,t,i){var n;return(t="symbol"==x(n=E(t,"string"))?n:String(n))in e?Object.defineProperty(e,t,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[t]=i,e}function E(e,t){if("object"!=x(e)||!e)return e;var i=e[Symbol.toPrimitive];if(void 0!==i){var n=i.call(e,t||"default");if("object"!=x(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}var O=["id"];return g.render=function(e,t,i,n,s,o){var r=a.resolveComponent("TieredMenuSub"),c=a.resolveComponent("Portal");return a.openBlock(),a.createBlock(c,{appendTo:e.appendTo,disabled:!e.popup},{default:a.withCtx((function(){return[a.createVNode(a.Transition,a.mergeProps({name:"p-connected-overlay",onEnter:o.onEnter,onAfterEnter:o.onAfterEnter,onLeave:o.onLeave,onAfterLeave:o.onAfterLeave},e.ptm("transition")),{default:a.withCtx((function(){return[s.visible?(a.openBlock(),a.createElementBlock("div",a.mergeProps({key:0,ref:o.containerRef,id:s.id,class:e.cx("root"),onClick:t[0]||(t[0]=function(){return o.onOverlayClick&&o.onOverlayClick.apply(o,arguments)})},P(P({},e.$attrs),e.ptm("root")),{"data-pc-name":"tieredmenu"}),[e.$slots.start?(a.openBlock(),a.createElementBlock("div",a.mergeProps({key:0,class:e.cx("start")},e.ptm("start")),[a.renderSlot(e.$slots,"start")],16)):a.createCommentVNode("",!0),a.createVNode(r,{ref:o.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?o.focusedItemId:void 0,menuId:s.id,focusedItemId:s.focused?o.focusedItemId:void 0,items:o.processedItems,templates:e.$slots,activeItemPath:s.activeItemPath,level:0,visible:s.submenuVisible,pt:e.pt,unstyled:e.unstyled,onFocus:o.onFocus,onBlur:o.onBlur,onKeydown:o.onKeyDown,onItemClick:o.onItemClick,onItemMouseenter:o.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?(a.openBlock(),a.createElementBlock("div",a.mergeProps({key:1,class:e.cx("end")},e.ptm("end")),[a.renderSlot(e.$slots,"end")],16)):a.createCommentVNode("",!0)],16,O)):a.createCommentVNode("",!0)]})),_:3},16,["onEnter","onAfterEnter","onLeave","onAfterLeave"])]})),_:3},8,["appendTo","disabled"])},g}(primevue.overlayeventbus,primevue.portal,primevue.utils,primevue.basecomponent,primevue.tieredmenu.style,primevue.icons.angleright,primevue.ripple,Vue);
+this.primevue=this.primevue||{},this.primevue.tieredmenu=function(e,t,i,n,s,o,r,a){"use strict";function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=c(e),u=c(t),d=c(n),m={name:"BaseTieredMenu",extends:d.default,props:{popup:{type:Boolean,default:!1},model:{type:Array,default:null},appendTo:{type:[String,Object],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(s).default,provide:function(){return{$parentInstance:this}}},h={name:"TieredMenuSub",hostName:"TieredMenu",extends:d.default,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.ObjectUtils.getItemValue(e.item[t],n):void 0},getItemLabel:function(e){return this.getItemProp(e,"label")},getItemLabelId:function(e){return"".concat(this.menuId,"_").concat(e.key,"_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.ObjectUtils.isNotEmpty(e.items)},onEnter:function(){i.DomHandler.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:a.mergeProps({class:this.cx("action"),tabindex:-1,"aria-hidden":!0},this.getPTOptions(e,t,"action")),icon:a.mergeProps({class:[this.cx("icon"),this.getItemProp(e,"icon")]},this.getPTOptions(e,t,"icon")),label:a.mergeProps({class:this.cx("label")},this.getPTOptions(e,t,"label")),submenuicon:a.mergeProps({class:this.cx("submenuIcon")},this.getPTOptions(e,t,"submenuIcon"))}},containerRef:function(e){this.container=e}},components:{AngleRightIcon:c(o).default},directives:{ripple:c(r).default}},I=["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"],p=["onClick","onMouseenter"],b=["href","target"],v=["id"],y=["id"];h.render=function(e,t,i,n,s,o){var r=a.resolveComponent("AngleRightIcon"),c=a.resolveComponent("TieredMenuSub",!0),l=a.resolveDirective("ripple");return a.openBlock(),a.createBlock(a.Transition,a.mergeProps({name:"p-tieredmenu",onEnter:o.onEnter},e.ptm("menu.transition")),{default:a.withCtx((function(){return[0===i.level||i.visible?(a.openBlock(),a.createElementBlock("ul",a.mergeProps({key:0,ref:o.containerRef,class:e.cx(0===i.level?"menu":"submenu"),tabindex:i.tabindex},e.ptm(0===i.level?"menu":"submenu")),[(a.openBlock(!0),a.createElementBlock(a.Fragment,null,a.renderList(i.items,(function(n,s){return a.openBlock(),a.createElementBlock(a.Fragment,{key:o.getItemKey(n)},[o.isItemVisible(n)&&!o.getItemProp(n,"separator")?(a.openBlock(),a.createElementBlock("li",a.mergeProps({key:0,id:o.getItemId(n),style:o.getItemProp(n,"style"),class:[e.cx("menuitem",{processedItem:n}),o.getItemProp(n,"class")],role:"menuitem","aria-label":o.getItemLabel(n),"aria-disabled":o.isItemDisabled(n)||void 0,"aria-expanded":o.isItemGroup(n)?o.isItemActive(n):void 0,"aria-haspopup":o.isItemGroup(n)&&!o.getItemProp(n,"to")?"menu":void 0,"aria-level":i.level+1,"aria-setsize":o.getAriaSetSize(),"aria-posinset":o.getAriaPosInset(s)},o.getPTOptions(n,s,"menuitem"),{"data-p-highlight":o.isItemActive(n),"data-p-focused":o.isItemFocused(n),"data-p-disabled":o.isItemDisabled(n)}),[a.createElementVNode("div",a.mergeProps({class:e.cx("content"),onClick:function(e){return o.onItemClick(e,n)},onMouseenter:function(e){return o.onItemMouseEnter(e,n)}},o.getPTOptions(n,s,"content")),[i.templates.item?(a.openBlock(),a.createBlock(a.resolveDynamicComponent(i.templates.item),{key:1,item:n.item,hasSubmenu:o.getItemProp(n,"items"),label:o.getItemLabel(n),props:o.getMenuItemProps(n,s)},null,8,["item","hasSubmenu","label","props"])):a.withDirectives((a.openBlock(),a.createElementBlock("a",a.mergeProps({key:0,href:o.getItemProp(n,"url"),class:e.cx("action"),target:o.getItemProp(n,"target"),tabindex:"-1","aria-hidden":"true"},o.getPTOptions(n,s,"action")),[i.templates.itemicon?(a.openBlock(),a.createBlock(a.resolveDynamicComponent(i.templates.itemicon),{key:0,item:n.item,class:a.normalizeClass([e.cx("icon"),o.getItemProp(n,"icon")])},null,8,["item","class"])):o.getItemProp(n,"icon")?(a.openBlock(),a.createElementBlock("span",a.mergeProps({key:1,class:[e.cx("icon"),o.getItemProp(n,"icon")]},o.getPTOptions(n,s,"icon")),null,16)):a.createCommentVNode("",!0),a.createElementVNode("span",a.mergeProps({id:o.getItemLabelId(n),class:e.cx("label")},o.getPTOptions(n,s,"label")),a.toDisplayString(o.getItemLabel(n)),17,v),o.getItemProp(n,"items")?(a.openBlock(),a.createElementBlock(a.Fragment,{key:2},[i.templates.submenuicon?(a.openBlock(),a.createBlock(a.resolveDynamicComponent(i.templates.submenuicon),a.mergeProps({key:0,class:e.cx("submenuIcon"),active:o.isItemActive(n)},o.getPTOptions(n,s,"submenuIcon")),null,16,["class","active"])):(a.openBlock(),a.createBlock(r,a.mergeProps({key:1,class:e.cx("submenuIcon")},o.getPTOptions(n,s,"submenuIcon")),null,16,["class"]))],64)):a.createCommentVNode("",!0)],16,b)),[[l]])],16,p),o.isItemVisible(n)&&o.isItemGroup(n)?(a.openBlock(),a.createBlock(c,{key:0,id:o.getItemId(n)+"_list",style:a.normalizeStyle(e.sx("submenu",!0,{processedItem:n})),"aria-labelledby":o.getItemLabelId(n),role:"menu",menuId:i.menuId,focusedItemId:i.focusedItemId,items:n.items,templates:i.templates,activeItemPath:i.activeItemPath,level:i.level+1,visible:o.isItemActive(n)&&o.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","aria-labelledby","menuId","focusedItemId","items","templates","activeItemPath","level","visible","pt","unstyled"])):a.createCommentVNode("",!0)],16,f)):a.createCommentVNode("",!0),o.isItemVisible(n)&&o.getItemProp(n,"separator")?(a.openBlock(),a.createElementBlock("li",a.mergeProps({key:1,id:o.getItemId(n),style:o.getItemProp(n,"style"),class:[e.cx("separator"),o.getItemProp(n,"class")],role:"separator"},e.ptm("separator")),null,16,y)):a.createCommentVNode("",!0)],64)})),128))],16,I)):a.createCommentVNode("",!0)]})),_:1},16,["onEnter"])};var g={name:"TieredMenu",extends:m,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||i.UniqueComponentId()},activeItemPath:function(e){this.popup||(i.ObjectUtils.isNotEmpty(e)?(this.bindOutsideClickListener(),this.bindResizeListener()):(this.unbindOutsideClickListener(),this.unbindResizeListener()))}},mounted:function(){this.id=this.id||i.UniqueComponentId()},beforeUnmount:function(){this.unbindOutsideClickListener(),this.unbindResizeListener(),this.scrollHandler&&(this.scrollHandler.destroy(),this.scrollHandler=null),this.container&&this.autoZIndex&&i.ZIndexUtils.clear(this.container),this.target=null,this.container=null},methods:{getItemProp:function(e,t){return e?i.ObjectUtils.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.ObjectUtils.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.ObjectUtils.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&&i.DomHandler.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&&i.DomHandler.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.ObjectUtils.isPrintableCharacter(e.key)&&this.searchItems(e,e.key)}}},onItemChange:function(e){var t=e.processedItem,n=e.isFocus;if(!i.ObjectUtils.isEmpty(t)){var s=t.index,o=t.key,r=t.level,a=t.parentKey,c=i.ObjectUtils.isNotEmpty(t.items),l=this.activeItemPath.filter((function(e){return e.parentKey!==a&&e.parentKey!==o}));c&&(l.push(t),this.submenuVisible=!0),this.focusedItemInfo={index:s,level:r,parentKey:a},this.activeItemPath=l,c&&(this.dirty=!0),n&&i.DomHandler.focus(this.menubar)}},onOverlayClick:function(e){l.default.emit("overlay-click",{originalEvent:e,target:this.target})},onItemClick:function(e){var t=e.originalEvent,n=e.processedItem,s=this.isProccessedItemGroup(n),o=i.ObjectUtils.isEmpty(n.parent);if(this.isSelected(n)){var r=n.index,a=n.key,c=n.level,l=n.parentKey;this.activeItemPath=this.activeItemPath.filter((function(e){return a!==e.key&&a.startsWith(e.key)})),this.focusedItemInfo={index:r,level:c,parentKey:l},this.dirty=!o,i.DomHandler.focus(this.menubar)}else if(s)this.onItemChange(e);else{var u=o?n:this.activeItemPath.find((function(e){return""===e.parentKey}));this.hide(t),this.changeFocusedItemIndex(t,u?u.index:-1),i.DomHandler.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.ObjectUtils.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=i.DomHandler.findSingle(this.menubar,'li[id="'.concat("".concat(this.focusedItemId),'"]')),n=t&&i.DomHandler.findSingle(t,'[data-pc-section="action"]');if(n?n.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&&i.ZIndexUtils.set("menu",e,this.baseZIndex+this.$primevue.config.zIndex.menu),i.DomHandler.addStyles(e,{position:"absolute",top:"0",left:"0"}),this.alignOverlay(),i.DomHandler.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&&i.ZIndexUtils.clear(e)},alignOverlay:function(){i.DomHandler.absolutePosition(this.container,this.target),i.DomHandler.getOuterWidth(this.target)>i.DomHandler.getOuterWidth(this.container)&&(this.container.style.minWidth=i.DomHandler.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 i.ConnectedOverlayScrollHandler(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){i.DomHandler.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){var t;return this.isValidItem(e)&&(null===(t=this.getProccessedItemLabel(e))||void 0===t?void 0:t.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.ObjectUtils.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.ObjectUtils.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,n=i.DomHandler.findSingle(this.menubar,'li[id="'.concat(t,'"]'));n&&n.scrollIntoView&&n.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]:"",o=[];return e&&e.forEach((function(e,r){var a=(""!==s?s+"_":"")+r,c={item:e,index:r,level:i,key:a,parent:n,parentKey:s};c.items=t.createProcessedItems(e.items,i+1,c,a),o.push(c)})),o},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.ObjectUtils.isNotEmpty(this.focusedItemInfo.parentKey)?"_"+this.focusedItemInfo.parentKey:"","_").concat(this.focusedItemInfo.index):null}},components:{TieredMenuSub:h,Portal:u.default}};function x(e){return x="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},x(e)}function k(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 P(e){for(var t=1;t<arguments.length;t++){var i=null!=arguments[t]?arguments[t]:{};t%2?k(Object(i),!0).forEach((function(t){L(e,t,i[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):k(Object(i)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(i,t))}))}return e}function L(e,t,i){var n;return(t="symbol"==x(n=E(t,"string"))?n:String(n))in e?Object.defineProperty(e,t,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[t]=i,e}function E(e,t){if("object"!=x(e)||!e)return e;var i=e[Symbol.toPrimitive];if(void 0!==i){var n=i.call(e,t||"default");if("object"!=x(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}var O=["id"];return g.render=function(e,t,i,n,s,o){var r=a.resolveComponent("TieredMenuSub"),c=a.resolveComponent("Portal");return a.openBlock(),a.createBlock(c,{appendTo:e.appendTo,disabled:!e.popup},{default:a.withCtx((function(){return[a.createVNode(a.Transition,a.mergeProps({name:"p-connected-overlay",onEnter:o.onEnter,onAfterEnter:o.onAfterEnter,onLeave:o.onLeave,onAfterLeave:o.onAfterLeave},e.ptm("transition")),{default:a.withCtx((function(){return[s.visible?(a.openBlock(),a.createElementBlock("div",a.mergeProps({key:0,ref:o.containerRef,id:s.id,class:e.cx("root"),onClick:t[0]||(t[0]=function(){return o.onOverlayClick&&o.onOverlayClick.apply(o,arguments)})},P(P({},e.$attrs),e.ptm("root")),{"data-pc-name":"tieredmenu"}),[e.$slots.start?(a.openBlock(),a.createElementBlock("div",a.mergeProps({key:0,class:e.cx("start")},e.ptm("start")),[a.renderSlot(e.$slots,"start")],16)):a.createCommentVNode("",!0),a.createVNode(r,{ref:o.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?o.focusedItemId:void 0,menuId:s.id,focusedItemId:s.focused?o.focusedItemId:void 0,items:o.processedItems,templates:e.$slots,activeItemPath:s.activeItemPath,level:0,visible:s.submenuVisible,pt:e.pt,unstyled:e.unstyled,onFocus:o.onFocus,onBlur:o.onBlur,onKeydown:o.onKeyDown,onItemClick:o.onItemClick,onItemMouseenter:o.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?(a.openBlock(),a.createElementBlock("div",a.mergeProps({key:1,class:e.cx("end")},e.ptm("end")),[a.renderSlot(e.$slots,"end")],16)):a.createCommentVNode("",!0)],16,O)):a.createCommentVNode("",!0)]})),_:3},16,["onEnter","onAfterEnter","onLeave","onAfterLeave"])]})),_:3},8,["appendTo","disabled"])},g}(primevue.overlayeventbus,primevue.portal,primevue.utils,primevue.basecomponent,primevue.tieredmenu.style,primevue.icons.angleright,primevue.ripple,Vue);

package/togglebutton/BaseToggleButton.vue

@@ -25,6 +25,10 @@ export default {
             type: Boolean,
             default: false
         },
+        readonly: {
+            type: Boolean,
+            default: false
+        },
         tabindex: {
             type: Number,
             default: null
@@ -41,10 +45,6 @@ export default {
             type: Object,
             default: null
         },
-        inputProps: {
-            type: null,
-            default: null
-        },
         ariaLabelledby: {
             type: String,
             default: null

package/togglebutton/ToggleButton.d.ts

@@ -7,7 +7,7 @@
  * @module togglebutton
  *
  */
-import { InputHTMLAttributes, VNode } from 'vue';
+import { VNode } from 'vue';
 import { ComponentHooks } from '../basecomponent';
 import { PassThroughOptions } from '../passthrough';
 import { ClassComponent, GlobalComponentConstructor, PassThrough } from '../ts-helpers';
@@ -58,21 +58,21 @@ export interface ToggleButtonPassThroughOptions {
      */
     root?: ToggleButtonPassThroughOptionType;
     /**
-     * Used to pass attributes to the icon's DOM element.
+     * Used to pass attributes to the input's DOM element.
      */
-    icon?: ToggleButtonPassThroughOptionType;
+    input?: ToggleButtonPassThroughOptionType;
     /**
-     * Used to pass attributes to the label's DOM element.
+     * Used to pass attributes to the box's DOM element.
      */
-    label?: ToggleButtonPassThroughOptionType;
+    box?: ToggleButtonPassThroughOptionType;
     /**
-     * Used to pass attributes to the hidden input wrapper's DOM element.
+     * Used to pass attributes to the icon's DOM element.
      */
-    hiddenInputWrapper?: ToggleButtonPassThroughOptionType;
+    icon?: ToggleButtonPassThroughOptionType;
     /**
-     * Used to pass attributes to the hidden input's DOM element.
+     * Used to pass attributes to the label's DOM element.
      */
-    hiddenInput?: ToggleButtonPassThroughOptionType;
+    label?: ToggleButtonPassThroughOptionType;
     /**
      * Used to manage all lifecycle hooks.
      * @see {@link BaseComponent.ComponentHooks}
@@ -91,10 +91,7 @@ export interface ToggleButtonPassThroughAttributes {
  * Defines current inline state in ToggleButton component.
  */
 export interface ToggleButtonState {
-    /**
-     * Focused state as a boolean.
-     */
-    focused: boolean;
+    [key: string]: any;
 }
 
 /**
@@ -102,20 +99,15 @@ export interface ToggleButtonState {
  */
 export interface ToggleButtonContext {
     /**
-     * Current focused state as a boolean.
+     * Current highlighted state as a boolean.
      * @defaultValue false
      */
-    focused: boolean;
+    active: boolean;
     /**
      * Current disabled state as a boolean.
      * @defaultValue false
      */
     disabled: boolean;
-    /**
-     * Current highlighted state as a boolean.
-     * @defaultValue false
-     */
-    highlighted: boolean;
 }
 
 /**
@@ -157,6 +149,11 @@ export interface ToggleButtonProps {
      * @defaultValue false
      */
     disabled?: boolean | undefined;
+    /**
+     * When present, it specifies that an input field is read-only.
+     * @default false
+     */
+    readonly?: boolean | undefined;
     /**
      * Index of the element in tabbing order.
      */
@@ -173,10 +170,6 @@ export interface ToggleButtonProps {
      * Inline style of the input field.
      */
     inputStyle?: object | undefined;
-    /**
-     * Used to pass all properties of the HTMLInputElement to the focusable input element inside the component.
-     */
-    inputProps?: InputHTMLAttributes | undefined;
     /**
      * Establishes relationships between the component and label(s) where its value should be one or more element IDs.
      */

package/togglebutton/ToggleButton.vue

@@ -1,101 +1,75 @@
 <template>
-    <div ref="container" v-ripple :class="cx('root')" @click="onClick($event)" v-bind="ptm('root', getPTOptions)" :data-p-active="modelValue === true" data-pc-name="togglebutton">
-        <span class="p-hidden-accessible" v-bind="ptm('hiddenInputWrapper')" :data-p-hidden-accessible="true">
-            <input
-                :id="inputId"
-                type="checkbox"
-                role="switch"
-                :class="inputClass"
-                :style="inputStyle"
-                :checked="modelValue"
-                :value="modelValue"
-                :aria-labelledby="ariaLabelledby"
-                :aria-label="ariaLabel"
-                @focus="onFocus($event)"
-                @blur="onBlur($event)"
-                v-bind="{ ...inputProps, ...ptm('hiddenInput') }"
-            />
-        </span>
-        <slot name="icon" :value="modelValue" :class="cx('icon')">
-            <span v-if="onIcon || offIcon" :class="[cx('icon'), modelValue ? onIcon : offIcon]" v-bind="ptm('icon', getPTOptions)" />
-        </slot>
-        <span :class="cx('label')" v-bind="ptm('label', getPTOptions)">{{ label }}</span>
+    <div :class="cx('root')" v-bind="getPTOptions('root')" data-pc-name="togglebutton" :data-p-highlight="active" :data-p-disabled="disabled">
+        <input
+            :id="inputId"
+            type="checkbox"
+            role="switch"
+            :class="[cx('input'), inputClass]"
+            :style="inputStyle"
+            :value="modelValue"
+            :checked="active"
+            :tabindex="tabindex"
+            :disabled="disabled"
+            :readonly="readonly"
+            :aria-labelledby="ariaLabelledby"
+            :aria-label="ariaLabel"
+            @focus="onFocus"
+            @blur="onBlur"
+            @change="onChange"
+            v-bind="getPTOptions('input')"
+        />
+        <div v-ripple :class="cx('box')" v-bind="getPTOptions('box')">
+            <slot name="icon" :value="modelValue" :class="cx('icon')">
+                <span v-if="onIcon || offIcon" :class="[cx('icon'), modelValue ? onIcon : offIcon]" v-bind="getPTOptions('icon')" />
+            </slot>
+            <span :class="cx('label')" v-bind="getPTOptions('label')">{{ label }}</span>
+        </div>
     </div>
 </template>
 
 <script>
 import Ripple from 'primevue/ripple';
+import { ObjectUtils } from 'primevue/utils';
 import BaseToggleButton from './BaseToggleButton.vue';
 
 export default {
     name: 'ToggleButton',
     extends: BaseToggleButton,
-    emits: ['update:modelValue', 'change', 'click', 'focus', 'blur'],
-    outsideClickListener: null,
-    data() {
-        return {
-            focused: false
-        };
-    },
-    mounted() {
-        this.bindOutsideClickListener();
-    },
-    beforeUnmount() {
-        this.unbindOutsideClickListener();
-    },
+    emits: ['update:modelValue', 'change', 'focus', 'blur'],
     methods: {
-        onClick(event) {
-            if (!this.disabled) {
+        getPTOptions(key) {
+            return this.ptm(key, {
+                context: {
+                    active: this.active,
+                    disabled: this.disabled
+                }
+            });
+        },
+        onChange(event) {
+            if (!this.disabled && !this.readonly) {
                 this.$emit('update:modelValue', !this.modelValue);
                 this.$emit('change', event);
-                this.$emit('click', event);
-                this.focused = true;
             }
         },
         onFocus(event) {
-            this.focused = true;
             this.$emit('focus', event);
         },
         onBlur(event) {
-            this.focused = false;
             this.$emit('blur', event);
-        },
-        bindOutsideClickListener() {
-            if (!this.outsideClickListener) {
-                this.outsideClickListener = (event) => {
-                    if (this.focused && !this.$refs.container.contains(event.target)) {
-                        this.focused = false;
-                    }
-                };
-
-                document.addEventListener('click', this.outsideClickListener);
-            }
-        },
-        unbindOutsideClickListener() {
-            if (this.outsideClickListener) {
-                document.removeEventListener('click', this.outsideClickListener);
-                this.outsideClickListener = null;
-            }
         }
     },
     computed: {
+        active() {
+            return this.modelValue === true;
+        },
         hasLabel() {
-            return this.onLabel && this.onLabel.length > 0 && this.offLabel && this.offLabel.length > 0;
+            return ObjectUtils.isNotEmpty(this.onLabel) && ObjectUtils.isNotEmpty(this.offLabel);
         },
         hasIcon() {
             return this.$slots.icon || (this.onIcon && this.offIcon);
         },
         label() {
             return this.hasLabel ? (this.modelValue ? this.onLabel : this.offLabel) : '&nbsp;';
-        },
-        getPTOptions() {
-            return {
-                context: {
-                    focused: this.focused,
-                    disabled: this.disabled,
-                    highlighted: this.modelValue === true
-                }
-            };
         }
     },
     directives: {

package/togglebutton/style/togglebuttonstyle.cjs.js

@@ -6,20 +6,26 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var BaseStyle__default = /*#__PURE__*/_interopDefaultLegacy(BaseStyle);
 
+var css = "\n@layer primevue {\n    .p-togglebutton {\n        position: relative;\n        display: inline-flex;\n        user-select: none;\n        vertical-align: bottom;\n    }\n\n    .p-togglebutton-input {\n        cursor: pointer;\n    }\n\n    .p-togglebutton .p-button {\n        flex: 1 1 auto;\n    }\n}\n";
 var classes = {
   root: function root(_ref) {
     var instance = _ref.instance,
       props = _ref.props;
-    return ['p-button p-togglebutton p-component', {
-      'p-focus': instance.focused,
-      'p-button-icon-only': instance.hasIcon && !instance.hasLabel,
+    return ['p-togglebutton p-component', {
       'p-disabled': props.disabled,
-      'p-highlight': props.modelValue === true
+      'p-highlight': instance.active
     }];
   },
-  icon: function icon(_ref2) {
-    var instance = _ref2.instance,
-      props = _ref2.props;
+  input: 'p-togglebutton-input',
+  box: function box(_ref2) {
+    var instance = _ref2.instance;
+    return ['p-button p-component', {
+      'p-button-icon-only': instance.hasIcon && !instance.hasLabel
+    }];
+  },
+  icon: function icon(_ref3) {
+    var instance = _ref3.instance,
+      props = _ref3.props;
     return ['p-button-icon', {
       'p-button-icon-left': props.iconPos === 'left' && instance.label,
       'p-button-icon-right': props.iconPos === 'right' && instance.label
@@ -28,7 +34,8 @@ var classes = {
   label: 'p-button-label'
 };
 var ToggleButtonStyle = BaseStyle__default["default"].extend({
-  name: 'accordion',
+  name: 'togglebutton',
+  css: css,
   classes: classes
 });
 

package/togglebutton/style/togglebuttonstyle.cjs.min.js

@@ -1 +1 @@
-"use strict";function t(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var e=t(require("primevue/base/style")).default.extend({name:"accordion",classes:{root:function(t){var e=t.instance,o=t.props;return["p-button p-togglebutton p-component",{"p-focus":e.focused,"p-button-icon-only":e.hasIcon&&!e.hasLabel,"p-disabled":o.disabled,"p-highlight":!0===o.modelValue}]},icon:function(t){var e=t.instance,o=t.props;return["p-button-icon",{"p-button-icon-left":"left"===o.iconPos&&e.label,"p-button-icon-right":"right"===o.iconPos&&e.label}]},label:"p-button-label"}});module.exports=e;
+"use strict";function n(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var t=n(require("primevue/base/style")).default.extend({name:"togglebutton",css:"\n@layer primevue {\n    .p-togglebutton {\n        position: relative;\n        display: inline-flex;\n        user-select: none;\n        vertical-align: bottom;\n    }\n\n    .p-togglebutton-input {\n        cursor: pointer;\n    }\n\n    .p-togglebutton .p-button {\n        flex: 1 1 auto;\n    }\n}\n",classes:{root:function(n){return["p-togglebutton p-component",{"p-disabled":n.props.disabled,"p-highlight":n.instance.active}]},input:"p-togglebutton-input",box:function(n){var t=n.instance;return["p-button p-component",{"p-button-icon-only":t.hasIcon&&!t.hasLabel}]},icon:function(n){var t=n.instance,e=n.props;return["p-button-icon",{"p-button-icon-left":"left"===e.iconPos&&t.label,"p-button-icon-right":"right"===e.iconPos&&t.label}]},label:"p-button-label"}});module.exports=t;

package/togglebutton/style/togglebuttonstyle.esm.js

@@ -1,19 +1,25 @@
 import BaseStyle from 'primevue/base/style';
 
+var css = "\n@layer primevue {\n    .p-togglebutton {\n        position: relative;\n        display: inline-flex;\n        user-select: none;\n        vertical-align: bottom;\n    }\n\n    .p-togglebutton-input {\n        cursor: pointer;\n    }\n\n    .p-togglebutton .p-button {\n        flex: 1 1 auto;\n    }\n}\n";
 var classes = {
   root: function root(_ref) {
     var instance = _ref.instance,
       props = _ref.props;
-    return ['p-button p-togglebutton p-component', {
-      'p-focus': instance.focused,
-      'p-button-icon-only': instance.hasIcon && !instance.hasLabel,
+    return ['p-togglebutton p-component', {
       'p-disabled': props.disabled,
-      'p-highlight': props.modelValue === true
+      'p-highlight': instance.active
     }];
   },
-  icon: function icon(_ref2) {
-    var instance = _ref2.instance,
-      props = _ref2.props;
+  input: 'p-togglebutton-input',
+  box: function box(_ref2) {
+    var instance = _ref2.instance;
+    return ['p-button p-component', {
+      'p-button-icon-only': instance.hasIcon && !instance.hasLabel
+    }];
+  },
+  icon: function icon(_ref3) {
+    var instance = _ref3.instance,
+      props = _ref3.props;
     return ['p-button-icon', {
       'p-button-icon-left': props.iconPos === 'left' && instance.label,
       'p-button-icon-right': props.iconPos === 'right' && instance.label
@@ -22,7 +28,8 @@ var classes = {
   label: 'p-button-label'
 };
 var ToggleButtonStyle = BaseStyle.extend({
-  name: 'accordion',
+  name: 'togglebutton',
+  css: css,
   classes: classes
 });